.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 #d9d9db; --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-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 { -ms-overflow-style: none !important; scrollbar-width: none !important; } .ag-body-viewport::-webkit-scrollbar, .ag-center-cols-viewport::-webkit-scrollbar { display: none !important; } .ag-body-viewport { display: flex; } .ag-body-viewport.ag-layout-normal { overflow-y: auto; -webkit-overflow-scrolling: touch; } .ag-center-cols-viewport { min-height: 100%; width: 100%; overflow-x: auto; } .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%; } .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; white-space: nowrap; } .ag-header-cell-text { overflow: hidden; text-overflow: ellipsis; word-break: break-word; } .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: -4px; } .ag-rtl .ag-header-cell-resize { left: -4px; } .ag-pinned-left-header .ag-header-cell-resize { right: -4px; } .ag-pinned-right-header .ag-header-cell-resize { left: -4px; } .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 { position: absolute; display: inline-flex; align-items: center; cursor: move; white-space: nowrap; z-index: 9999; } .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%; } .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 { 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%; 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) !important; 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 { color: var(--ag-active-color); 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-pivot-leaf-group { margin-left: min(var(--ag-row-group-indent-size), var(--ag-row-group-indent-size) * var(--ag-indentation-level)); } .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-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-sticky-bottom::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; border-top: 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-overlay-no-rows-wrapper.ag-layout-auto-height { padding-top: 30px; } .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; background-color: var(--ag-range-selection-border-color); } .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-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; overflow: hidden; width: 100%; height: 100%; } .ag-chart-components-wrapper { position: relative; display: flex; flex: 1 1 auto; overflow: hidden; } .ag-chart-canvas-wrapper { position: relative; flex: 1 1 auto; overflow: hidden; } .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; background-color: var(--ag-range-selection-border-color); } .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; background-color: var(--ag-range-selection-border-color); } .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; } @font-face { font-family: "agGridQuartz"; src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABmsAAsAAAAANbQAABlcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KxFS3OAE2AiQDgkALgSIABCAFhEYHhUIbrS1lhhRsHMDmjYY+2f9fJnBjSJQDf3Gmak2UmCoRplwn+JpsYTlytdwFD68gMxAuB6741XeLNiaMyYN/Iiaja7H1EUOGUhLUj/323jcjUYJlMU80EU94ogRKZmiBUH/jr7U+X0/3AC4BDOAS/7sQgIpQqZPxwEKiCutUygMLnSGasyZsKRo2YYIFiy8EPEDFongwrRhWQbxiSLopNaEOFUqTmm5qTrZHFe66WzFSMeAFzgogYN7fKmG3GmaqyKkJcuZTdX6S1pPWgQysvt4IsiLS+voh/7c/Nf9aap09LHbKmLfn5uSXXQaBSUDiCeFyEfB/OrPWEGLnEOaAq4q6TjMaaT1/vryWIS+yorfn9ZGikFbLXqKkOkCurrTXB3ZYQawu1RUll1g0V7TXpT5oqytTnm411z0+bukoMcg+f00X2lun4IUXCmKEACE+kpAE6lenRyKAsj4HNb6eX6ecPHBzJomInhng2DlOntjfxL1nkYIlgTuw7NOgKLrdy34IBb2MPkp1rOGX8duZ37On0REwTl4XItLicDqDRmWy2BwUhj67sc3lwbZnluMFxdG5tfcOYgid5cCtVtNehZ9qy6N8Y2XPZC7cDds5fr5VvsKT56ihWTQLJkKQ1WcJ4R0ZNjxzKu/t8IM4awcqx5ZhK4C2NmOYC8PMrLy/b+tuPdg6Y2FYi6DJoNulpfrW0iUyBGfmbB7flj4+b9u2A4Ojg7DMLMlc2lQot5k2VPOScbe2iDCsmfKIjHtnYCiqLNc97FUtol0JuSGUyx9tDMmTW27PdDTn33bOcGZq42bBvYMpTkJpSldN46kjVKfZwUqStp51wye+1u2lz/6LoCKwohYzJtX7X7GtyXp2TpAxum+e5Xx6wxbDzzBCoceT2HSt1W0cSA0adCIBQZNONWvQ2xKwrLX2dhwegjEDrnpBo/+CSmeSzfUGHo9E2G/2kWLS3okPNsBahCCpbijNlRuo69CkwPZcRJkgz/aYlslJl5Rs0p+2PbM9V5JNk8y39txZBke1ZlHnXhhyeLrFuZgzETWMvfnYprE1sMD2ZLmzI2vss+MGOI65YGuHKIcGvaYpz0Y8neFkb4yDKAZceNtQ5ixPBmuPECo9TwnmxxqwwyKyG3O1yyiz1MuuRRSq95CmAoIzc1s7w9uTM5LejRtokJ6oz4Gv5IePP2FBASR0BqK9WN6b2PG1oKaO/AnYyM592zB8fiuQAzJAh2/MpdbiUrQA3nsdMCHv9BC/Aqo4FKLjCc97s6n/+y86PeApLzZRSo+sIMXBtKopUIW9MrMAebbMG1iW5qRjTJwMsUcY19rRBULBCBoz210OTyCSyBQ+fgFBIWr9UTFxCZwFmJKWkZUjyisoKikLqqiqqWtoamnr6OrpGxjyGxmbmILIQ3QnT2nUNTGb7j1rCwuWozODdrf/+4fN/WlofVwCrwowGQ9WVctXZArYJF3AFpkAtskIsEOmgV3SC+yRRWCfdAMHZAw4JP3AMRkHTsgocEpmgDMyCJyTAeCCzAFXpAe4JsPADekDbskscEcWgHsyBDyQSeCRzANP1y6BJgIJUgBADAAkAEAaAMgAAFkAIAcA5AGAAgBQBABKAEAZAKgAAH0AQD8AMAAADAIAQwDAMAAwAgCMAgBjAMA4ADABAEwCAFMAwDQAMAMAzAIAcwDAPFS5sQBwiUUAYAkAWAYAVgCAVaiyYg2gCOsAwAYAsAkAbAEA2wDADgCwCwDsAQD7AMABAHAIABwBAMcAwAlUteEUgA1VAKAGANQhoITlzRa+gU9Q/qf2I3Li106LExgVpVnKQxjkqZk/ObMidiGpueT8tqQ2PGZHiVYjBBKD4ckloivb1pN5uXp2kE1l4ymJSctRdtYwWPKH0wEsDNwsX+Kl5KFbL1yOteU6L8pqSyE+NCvSSZVQMl+QJUlW5JWZil+coEQqEKEj0QVJNaqyP9zNF/ORTFrCwSAOBeVwPJlMRxIZgVz+iGI8gvM6LXJp4jHgR9hn2dRlE/KX0iwKLg8JpHDBKZOuXrEc3cK8bFR4RNpbktpLK/3TUFBQzHwxKHPEPemSPVYh52btL5tI2tUqu0rTu4ys7eWL8y9Eomq1uFDYnSrdfQfjF733Za2SVpL1SMCWKrm88qJqYfczJVegXwuoOvGYrLjFJ1Fw+2ResiOlvW4hH7sMWNWJZPWWbf+E84zw80iIImUxujRJtJnWM+JYtWLw+IU8A4YNd5ccTnjnCqK1wtoj9om+aLEsCpZyVDD5k9kt9HqSllAqEDPwm55gmtD4VPQz+F60fNGZSQOJEi59194/82c03/ySrw4PGT+Kf8ULrK+kh8lR+pMueTU3jJYrXifpXpkhEB70Qh2mYbYHVeKKvfd3OTFyFLH4tiOzmFZzehnv6crh4CgZH0ZrnBVdKZNR2UxJsG0Fh9CDbu55MjrIEDgwAp7DY0P0HXS9YrgMjuUYmUU+UFIlaRKwt0pBieFxOiULAVVdq82vlDTVQjoKdEYluGHl0NiWVMvIwKySisFRjgRl78c+q12XyYB8PnsTjwyc0EKRFooqyR0aAzr9tPl7D2S07t8zqipKmfvm/Q3EB7qlxuItPMEwcFLUA3jE3gDsJ0+nlaxgc9z1O5AvX5RbUqibURkH9bC+myOLzen2dGgYoiU6Po9zfPlsON32RAk9k1JiKrCGzy3JrbBmWCyipmnbZrbFIoeVKr1aHaqXiiQvmDakMWnR5wDLZZ5VL4SMhp6tKRqVWEo5IpiQIUHJnceWJaozXBElto57YC/pR30ySpIoKq5SMrTVq+Dv1UZhXBhPxckNou2a2hGnLrOJu5YgyillKpS6xmIaHLTzPxEpQ8scv5Dj5UdAe8IVLVQU2uROV7SZbsL5qcc812Wl3b2gkcMFcYUqaBtg+BLSe7CHYtpZN1cQ36lF+ojOEiWKewqjd9rTwn1GS/+Gq187dGDqRAzwopxfGSwtyma5Wz5ErfagXSKzJ+xC42QvbVVpld/Gh6Gcnb5zW+3m4P5KghzLIJKczT7ojhCwWB27MHQguUKJ8KkJXSx+ZqGrVXv7z45rSaP1To/u7p1td7bXz/j9wpAacwmWw4PZNzEvW9vafRf1k17Yg/s0HIYwikiSIPKmHd/bP7esu7V2WvW5AUbAZQ7mwNQCp769c3rF7t7To0pEtOQmCrjnix50Ndz0lZN4OprysAs9Tk9XLQKv067qMWg+a+M2pwavN81EaFZ2THFMgZu+dTHrLiO5Dc+Rzt5a7Ve90qv4AAiPXb7RhljaAvecls4kD2deTuBtn6iLh69pzFTZo7IBFGkTBh+qN2vaAySq1TVIvU/+729GTX1dAGB/tpIjUc6BoZbu+QB39DTAxt7OXFaTCXCvplGSenqq0rqHp3SnOrXkKF/zDIVyt6VLxrsazWmTn9XIq32Y//YDz4I3PEkMO5RkRhLeHdRvaZJO8+Ls0aU+aFDjYABF0V6evXhjRuEqYs9nwXOG39QWgx3haO2P55NcfSsWgQmPTk6WYhIr3fjeCKcPUG93jfzRXaMFOJBWEi0hIIPMvIMOqnVBdA3ijDasjkdmAV84g5S6++tZuTQ/CU9SlrGXy1haGczkpmHeHqjryd7OCh/IgOUumfNa1aoK2l2zlSv4E3VOSzn4aNoXDYxsYmBbs62DU7l8rtPm8NZ2d2LZtrE4GQasevPrbd0Hxvu7jqh2DX0ZAclTrv0+MFGgHNpq9ZFSIWlPPisaHp9M4OObNZqbEn63TJkdpoPIYnpi6uFjWS1n4fTIC2XyZGxMPpJVhmYQpUC0PbgekWJXMM/xkKnYgrfEOa5Tiapmfn2g4tKlNCotLo+ve2FXT2sIcbzBQTPL6qX+o+13e9vMUPnolMocb1ZJaUIhLevTVkmjxDNSatY9nLKgmBeUUlGnvqJTzs37GZfKHJs+b5osE9hHhauZ+7fIe9WYVcE1kSnO3rW+hihvY+yw4GYVHTVazHt2VoAc0tsYBw9wRLr/e4gaaKFdqneOTgyAQgP/9jbChrdsC2qcZyqymh8T7uprQs265WP36WtMusxf6esqKIeOl75ulFE1V7Hmb17GouDmAGiGvjr7Or5XwmokqVIiTLnkcL50USoDJ8kjNIUnSneznkjq4gc24hY5Es1nV317AVSHXqz53SJ4+MKcHs0y/HiB7u0kkpo/nzkICc4KaJKYYFrJTccW35Y67SVpkJAQnOUcAg4y55/zWPhh3IfxC7iAn36OltCLF5PWOySUmQFGSGuDhFq8OKOBXqdj5xS1XgLgJ7ym+WDgmSrjl3QBhrk1O4fdXDu/EZVyWEJeQj12FvBmBdMY7e5OWh+WU/fvXUcIzMC5/sgFlXo4COu/3FT3np7e3hcSg+Syiz09rcX8LB3eG5n1Oh5bKsZ7ewBPVQ4NnB0cA7YxmUMp2VZVsg1lJ55CE2aEwwX1hgFz08ctyjGafIILMtarAhdNLC5JRJFwpM6eLCpCE0PDQ1FtSVESumIyuMgG7nbHeIgtZ9Qeq4q66oWaqi3LZzbxqe8ys5ExWuzIcD2SwrimqOzaBoSqcPamHetb+za02VbU8IfS11TFHg093NzF81e8Xd+//vGK+c3ZgZm3UpMv21VTX6JYlZraGeIe0pqeRjzmPCYsWlOhO1NTVz32BKjwHIUZMHN5OUXhLCVLQWFVxmDEIKOwgMboxMT1Nys6uok2pxiszXSmvX2E69QLN24YvAysJbzNgs08r7UlbiBhw0+N9HTMaakGNMSz3XLWZrQ7nH/bsvPteQc000cDbFWz2QPcGNG+AGHcULpPFCM8JQ3JnTRf9FqN1u/aPXX31no0ExUNbaUVyQ0GRNt2VTqVA2EWSkvooSH4qKvt1mRv5KMlwO4mxiLaVvWgETNBRLovtC10nxRpe839IrWaBMz+2KHO52ROG8IqfJZwo4dwg5C7YT23nRvOY58ARD7+i6oZMdrV1c2VxEwYldzIlcYIjKSvYMgOBaIe9xUV1JStUJ9kYEVYGFaIRa3OkRr8dLfnu9p6PeOprZ+c9QejrO05OuHs3h+fXU4Wb5IITuugs5v3nwfgCPs11zQx/qlF3fYT5v1y98pNr3Vil2g8ljrtPuHk4TE0LnSF/EHlMo7Dnmur1Q1fHNmZkHmq4expl+G7OJBj8ZAsainGXfYyI6L8tG9Z14RMu3zV7+9cD9xxPjZ2nZTwN7lLgdtKaweti721e8QTt7JOp84yt7B7Mlv7vc6ad3Cn8/lmBamgFVSXNmpCzmxREVeTaj9nT0NjQCCl1oOhf/5UM9KF8crwVGayu8kt2TE1XBkvTLdSNUS7U5MPkoICk43n+KTCrKAU9Nq6Owo9PfQ2HODLgqABIzhvHz+hphskpFBAY2sTLxqUb06N/slj4s7k47s59fFzVs+Pd0vuZuM/2sflTsq9eUT1zLY71JGdmDQvo37n/Fi4x5ZjG+2uKchaENn51K5byXQG/kIjYYbRsbWomK2r1WvMOYKuAl9VDCifEZ7oJ1ePk/slle5rr2zwlt99mN4T/fBDPnMg7ofWL9etUtAXvUTw2P13cuSLC530qpbL0y+6kla5HnmuSqVrnkcuj5reED5cMC1rWBlUslAQ11DZ3l667Iy0W65O9JsRXh4SAlTLxLOHa5Kzhy7f944EuVrsddwAc1z5hhQiWiOESrON0aQehYG5lkb/hIKtcle163Ip3smtBQn+jUokJ0zRa39bGagKTvBI92qDAmWUXfO2fa8iLAeZ6M2j5XE3bVdIUlBQ0lQpbp66f8Ldcg6bUDbaC2j/hgT8zrOX1d8h0fHBRy4INRaM5zh70YGAMbQDZH9zmXLQ3vofG+r9hbTenkKRXNR/pOP7/QDwW8ejFTqyYoi3n2ssjVLPQTYZLxcVaxsB6U0ZhdGCadyBiEke7U1UM8J2NAOdJsCLsxV6BzwtncLI9LSy0DRolBihaMQKpPpZmaDPQem0sU9DTu4D9AOOsGq4ZoaKkh/2IA/D60ykLhCqPEnJ4RQqIKA/jh/Xb6rbuy0m+yxmSGAENIOeWu6IaNUYVfSgZ6xr6R4bnCacpORnTNGaiYp0UXDOtEvduYNZsjGyrEFuLF0VOLFB6aKJCn7m5IvekhMGhXbM2Mm3yiTOXhIQCpsnIdmxmTsIs/BQeyvW9JEYXVNjtjakmF2iMcl9D6gMJXoOu/iBsIqRsAzd5O8pyjGeZshlqXw1NZTEYL0tkdh73QSsjLmyXupAHQ6kiKFvHX1/v5W29v/CeRtuPwwJOIxMHxsBjpKMpYj/6qdbUYPu7wfz/4Ym3jGNiRwzP8KtfuIEn4N79lMDjDu9i8bovj5cal4Rq7K/3mIxY6HsgdAT1vitdCvrLRa938QbBvz01eJnf/utzuSxrHqckhit6b1ava7Z2cxoJivQnid2/tgxgM6KBG7uCsWY0fLcKcnB2qAgbXAyIcVpbdDeNPFZkZ1dN7ZgzMyZYwrGfT/KUUbZDvg27rz1GygY+9pgXEEdcEXuCxx5XNGpgJGrPOCUaNBjQDWJa2APoWp0kHVHYiqzuCGaOslncV1miBr9yPRrJyCdO0k94KEOzsRFNjtfTHxx4imHgOKsLHKEIYU62EFhdJ1YXFfLLirGszLF0AScbjY6D3C1opNShsZzM2+bQ1tTnBgtFcdxDJwYSHDW11eKxoub2hy2zfjqGYMm1HqiGh81KoUmeEdcCuJFTe323M9c+/bNcSJQKr4DjRx/ltpHw2pDSsruFvm7OQRwhIkjpIgZWnzlZqL3RKKxsxQjPC3toBSO1kH+fY4RdnUpP9+1K5Fd6st23dG1zJ3dwUk38u6YoQECb1nfPJurhfLshJmwaVTOKLRwRkfKhJnxTbAqpyqf2ZoyRu43vsEhKftPDtgUP3N8yvGCWY4DYcpM5ubcQj0nfX6MOFDIzJ2ybWNhtnPr9NYUFp47tREmL41JjFnqXXXoUJW3LqxxeRqjkYzzuN9CG0bK0vxnaur1m/rrlfpZtd/wVRxw+ktrUQ6/diXuAeizaamvz8yDz2IBPioDEVbP4cMWda+EHBp2BfPwMK7lsGpr8Z82PZCAgq/kVISxkMBMELzf4aRlD+BXNQLn4u8ixe3YXHxoCF+/HbjCEXg6xb7BBu8T7xoQJUNJCfngvgXMkVD9OjtpjASZvVPdMP9L56yHszB2INLmHdC74RbNWQxZOOjNKV2Tm+xvv7qdOsrL9LXN/Jzi1ppfD2liOvnTaWGwLBjrAQdtOkOPvIjRb1wf9WlMJ/YiljuYLRstA3yhIGQzf3OIo+MzfMZsNWUkzbDqdTUCCJzCyqvm5EVky2TZEXlPI/Kdzpbt3NP8z0h+LE9BHW3zTHGuKKu5OUuUK74txcq8tyhLnHs7x3wXpJbs/FLXky0t1Uu6RSK1xgimIHN4DmlEbzaSPzPvBTVrZ86HLrL/nGkIxhBTxhsDtgxghUlxKmw3qycIWPvHY4VabOHNFFl4Zma4TDE7+evIjvZto2Pkt9lJCllmWHjmOpWEJfAi6K/ZSfIMWXhzUr6zfy/xogWw7N9o0T9K2BuZlyRvUcV5ociEODMRhFSg5S/hkaGXWWZAWi6h2hDvxH3EUGsukgjA/39lSpGvs0Q5cuMZY5DJeXlqP4x7vAxKhGU7kKA89aso4W31KtGCKA2nMBGDzE2YrH488wlyNsCFPPT0/dR/kR0i86KEDnlgKGG0JPe0IJ/0JoxR4TLEaucrqA2IU6Dn5XCFaE2UJGKsZDbPaj+MS7ycECQGG1mSPJWG5A5q/1abjvlv19sf09Dx/7F1KP4YlGf37sryhNIZtzj5iqi/8FKgLm0zwj9BtL8BWcG/jtVfP5ZBoP0ZLnQTUA4eBv4R47T4hnInSMwuCZvibyKzN0KIZmfmSI6oRfIkU1LWMt92RcgzMJTlAYl7a0YoincEzpv5gSCY+SWhRf0sGMz8lwhuDfK7iapx5wXg9xLsVwXRwzf6GkHOhwXf5T9KCUzNW7efdWB7JBRQtE2/NGX076quccKp+WSKvYqRmyz8g0a7QTV/vPQeDUN2htMKeHsisL5UEPjVwTdc2FW8GBPDmPKs//BNFPzYGGm86bwyRveSmG8MFLJWb9lYxbiw3mlsOc2qXLCk8cmVMYoYCp7LnO/+QCa0O0MJN/vwEm/Ksdodw4XbsmRUo0b/B+RdUQgjgmjEIBZxiEcCEpGEZKQgH/IHgqFwJBqLJ5KpdCabyxeKpXKlWqs3mq12p9vrD4aj8WSqarphWrbjerP5Yrlab7a7/eF4Ol+uLPxaieC9oAcNTMcgwlPZQjHHBshgPDLDInnbQTS/Pc/trgXt89kOAllUlBQIFO+z8pWYel4ajixtDidz5eQk1kTl3DCpgFG0O8N5OTLCpWxNGbem6s5iMUc41508bTMD96r2DBdsS4QybPfFYxdijSGOXJCiOy8hH3nhmndXk1p+dHocAzUc9iQy2ED+NMEcUjjgLiHVU0F5qg4x4QWxthAjTzCP8t1p3CJNR7c7st7Kvd8Pt31VZWrZuZuzRnQkwQ+6KzDieUkc1raWJzqwVuAF1Fvw9JuKKPRRVLhQQWxN5AJ5Hw6nUZ6dt+eMdFpJErEp5eZYy1Gh0nDaDdpqWqWFqh08M4UG+hLrkNNpacbD3/15a6d1vhy7BwA=); font-weight: normal; font-style: normal; } .ag-theme-quartz, .ag-theme-quartz-dark, .ag-theme-quartz-auto-dark { --ag-active-color: #2196f3; --ag-background-color: #fff; --ag-foreground-color: #181d1f; --ag-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 15%); --ag-secondary-border-color: var(--ag-border-color); --ag-header-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 2%); --ag-tooltip-background-color: var(--ag-header-background-color); --ag-control-panel-background-color: var(--ag-header-background-color); --ag-subheader-background-color: transparent; --ag-invalid-color: #e02525; --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%); --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-header-column-resize-handle-color: var(--ag-secondary-border-color); --ag-icon-font-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 90%); --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%); --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%); --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%); --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%); --ag-selected-row-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 8%); --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 12%); --ag-column-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%); --ag-input-focus-border-color: var(--ag-active-color); --ag-input-focus-box-shadow: 0 0 0 3px color-mix(in srgb, transparent, var(--ag-input-focus-border-color) 47%); --ag-range-selection-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%); --ag-range-selection-background-color-2: color-mix(in srgb, transparent, var(--ag-active-color) 36%); --ag-range-selection-background-color-3: color-mix(in srgb, transparent, var(--ag-active-color) 49%); --ag-range-selection-background-color-4: color-mix(in srgb, transparent, var(--ag-active-color) 59%); --ag-checkbox-background-color: var(--ag-background-color); --ag-checkbox-checked-color: var(--ag-active-color); --ag-range-selection-border-color: var(--ag-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-disabled-foreground-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 50%); --ag-chip-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 7%); --ag-chip-border-color: color-mix(in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 13%); --ag-input-disabled-border-color: var(--ag-border-color); --ag-input-disabled-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 6%); --ag-modal-overlay-background-color: color-mix(in srgb, transparent, var(--ag-background-color) 66%); --ag-chart-menu-label-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 80%); --ag-chart-menu-pill-select-button-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 70%); --ag-borders: solid 1px; --ag-border-radius: 4px; --ag-wrapper-border-radius: 8px; --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: 8px; --ag-icon-size: 16px; --ag-header-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 4.25); --ag-row-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 3.5); --ag-list-item-height: calc(var(--ag-icon-size) + var(--ag-widget-vertical-spacing)); --ag-column-select-indent-size: var(--ag-icon-size); --ag-set-filter-indent-size: var(--ag-icon-size); --ag-filter-tool-panel-group-indent: var(--ag-grid-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) * 2); --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 1.5); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 1.5); --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1); --ag-toggle-button-height: 18px; --ag-toggle-button-width: 28px; --ag-toggle-button-border-width: 2px; --ag-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --ag-font-size: 14px; --ag-icon-font-family: agGridQuartz; --ag-tab-min-width: 290px; --ag-chart-menu-panel-width: 260px; --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4); --ag-popup-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15); --ag-side-bar-panel-width: 250px; } .ag-theme-quartz-dark { --ag-background-color: color-mix(in srgb, #fff, #182230 97%); --ag-foreground-color: #fff; --ag-border-color: rgba(255, 255, 255, 0.16); --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%); --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%); --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%); --ag-input-disabled-background-color: #68686e12; --ag-card-shadow: 0 1px 20px 1px black; --ag-input-border-color: var(--ag-border-color); --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07); --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%); --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%); --ag-selected-row-background-color: var(--ag-row-hover-color); --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%); --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%); --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); --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-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3); --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } @media (prefers-color-scheme: dark) { .ag-theme-quartz-auto-dark { --ag-background-color: color-mix(in srgb, #fff, #182230 97%); --ag-foreground-color: #fff; --ag-border-color: rgba(255, 255, 255, 0.16); --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%); --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%); --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%); --ag-input-disabled-background-color: #68686e12; --ag-card-shadow: 0 1px 20px 1px black; --ag-input-border-color: var(--ag-border-color); --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07); --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%); --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%); --ag-selected-row-background-color: var(--ag-row-hover-color); --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%); --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%); --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); --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-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3); --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } } .ag-theme-quartz .ag-filter-toolpanel-header, .ag-theme-quartz .ag-filter-toolpanel-search, .ag-theme-quartz .ag-status-bar, .ag-theme-quartz .ag-header-row, .ag-theme-quartz .ag-panel-title-bar-title, .ag-theme-quartz .ag-multi-filter-group-title-bar, .ag-theme-quartz-dark .ag-filter-toolpanel-header, .ag-theme-quartz-dark .ag-filter-toolpanel-search, .ag-theme-quartz-dark .ag-status-bar, .ag-theme-quartz-dark .ag-header-row, .ag-theme-quartz-dark .ag-panel-title-bar-title, .ag-theme-quartz-dark .ag-multi-filter-group-title-bar, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-header, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-search, .ag-theme-quartz-auto-dark .ag-status-bar, .ag-theme-quartz-auto-dark .ag-header-row, .ag-theme-quartz-auto-dark .ag-panel-title-bar-title, .ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar { font-weight: 500; color: var(--ag-header-foreground-color); } .ag-theme-quartz input[class^=ag-]:not([type]), .ag-theme-quartz input[class^=ag-][type=text], .ag-theme-quartz input[class^=ag-][type=number], .ag-theme-quartz input[class^=ag-][type=tel], .ag-theme-quartz input[class^=ag-][type=date], .ag-theme-quartz input[class^=ag-][type=datetime-local], .ag-theme-quartz textarea[class^=ag-], .ag-theme-quartz-dark input[class^=ag-]:not([type]), .ag-theme-quartz-dark input[class^=ag-][type=text], .ag-theme-quartz-dark input[class^=ag-][type=number], .ag-theme-quartz-dark input[class^=ag-][type=tel], .ag-theme-quartz-dark input[class^=ag-][type=date], .ag-theme-quartz-dark input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark textarea[class^=ag-], .ag-theme-quartz-auto-dark input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark input[class^=ag-][type=text], .ag-theme-quartz-auto-dark input[class^=ag-][type=number], .ag-theme-quartz-auto-dark input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark input[class^=ag-][type=date], .ag-theme-quartz-auto-dark input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark textarea[class^=ag-] { min-height: calc(var(--ag-grid-size) * 4); border-radius: var(--ag-border-radius); } .ag-theme-quartz .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-ltr textarea[class^=ag-], .ag-theme-quartz-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-ltr textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-ltr textarea[class^=ag-] { padding-left: var(--ag-grid-size); } .ag-theme-quartz .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-rtl textarea[class^=ag-], .ag-theme-quartz-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-rtl textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-rtl textarea[class^=ag-] { padding-right: var(--ag-grid-size); } .ag-theme-quartz .ag-picker-field-wrapper, .ag-theme-quartz-dark .ag-picker-field-wrapper, .ag-theme-quartz-auto-dark .ag-picker-field-wrapper { min-height: calc(var(--ag-grid-size) * 4); } .ag-theme-quartz .ag-tab, .ag-theme-quartz-dark .ag-tab, .ag-theme-quartz-auto-dark .ag-tab { padding: var(--ag-grid-size); border-left: var(--ag-borders) transparent; border-right: var(--ag-borders) transparent; flex: 1 1 auto; } .ag-theme-quartz .ag-tab-selected, .ag-theme-quartz-dark .ag-tab-selected, .ag-theme-quartz-auto-dark .ag-tab-selected { background-color: var(--ag-background-color); } .ag-theme-quartz .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:first-of-type) { border-left-color: var(--ag-border-color); } .ag-theme-quartz .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:first-of-type) { border-right-color: var(--ag-border-color); } .ag-theme-quartz .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:last-of-type) { border-right-color: var(--ag-border-color); } .ag-theme-quartz .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:last-of-type) { border-left-color: var(--ag-border-color); } .ag-theme-quartz .ag-tab:not(.ag-tab-selected), .ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected), .ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected) { opacity: 0.7; } .ag-theme-quartz .ag-tab:not(.ag-tab-selected):hover, .ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected):hover, .ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected):hover { opacity: 1; } .ag-theme-quartz .ag-menu, .ag-theme-quartz-dark .ag-menu, .ag-theme-quartz-auto-dark .ag-menu { color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%); } .ag-theme-quartz .ag-panel-content-wrapper .ag-column-select, .ag-theme-quartz-dark .ag-panel-content-wrapper .ag-column-select, .ag-theme-quartz-auto-dark .ag-panel-content-wrapper .ag-column-select { background-color: var(--ag-control-panel-background-color); color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%); } .ag-theme-quartz .ag-menu-option .ag-icon, .ag-theme-quartz-dark .ag-menu-option .ag-icon, .ag-theme-quartz-auto-dark .ag-menu-option .ag-icon { opacity: 65%; } .ag-theme-quartz .ag-menu-header, .ag-theme-quartz-dark .ag-menu-header, .ag-theme-quartz-auto-dark .ag-menu-header { background-color: var(--ag-control-panel-background-color); } .ag-theme-quartz .ag-menu-option, .ag-theme-quartz-dark .ag-menu-option, .ag-theme-quartz-auto-dark .ag-menu-option { font-weight: 500; cursor: pointer; } .ag-theme-quartz .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon { text-align: right; } .ag-theme-quartz .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon { text-align: left; } .ag-theme-quartz .ag-tabs-header, .ag-theme-quartz-dark .ag-tabs-header, .ag-theme-quartz-auto-dark .ag-tabs-header { border-bottom: var(--ag-borders) var(--ag-border-color); display: flex; background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%); } .ag-theme-quartz .ag-side-bar, .ag-theme-quartz-dark .ag-side-bar, .ag-theme-quartz-auto-dark .ag-side-bar { background-color: var(--ag-control-panel-background-color); min-width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-theme-quartz .ag-side-buttons, .ag-theme-quartz-dark .ag-side-buttons, .ag-theme-quartz-auto-dark .ag-side-buttons { padding: 0; align-self: stretch; width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); background: var(--ag-control-panel-background-color); } .ag-theme-quartz .ag-side-button, .ag-theme-quartz-dark .ag-side-button, .ag-theme-quartz-auto-dark .ag-side-button { border-top: var(--ag-borders) transparent; border-bottom: var(--ag-borders) transparent; } @media (max-resolution: 1.5x) { .ag-theme-quartz .ag-side-button-label, .ag-theme-quartz-dark .ag-side-button-label, .ag-theme-quartz-auto-dark .ag-side-button-label { font-family: "Segoe UI", var(--ag-font-family); transform: rotate(0.05deg); } } .ag-theme-quartz .ag-side-button.ag-selected, .ag-theme-quartz-dark .ag-side-button.ag-selected, .ag-theme-quartz-auto-dark .ag-side-button.ag-selected { border-bottom-color: var(--ag-border-color); background-color: var(--ag-background-color); } .ag-theme-quartz .ag-side-button.ag-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-side-button.ag-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-side-button.ag-selected:not(:first-of-type) { border-top-color: var(--ag-border-color); } .ag-theme-quartz .ag-column-panel-column-select, .ag-theme-quartz-dark .ag-column-panel-column-select, .ag-theme-quartz-auto-dark .ag-column-panel-column-select { border-top: none; border-bottom: 1px solid var(--ag-secondary-border-color); } .ag-theme-quartz .ag-filter-toolpanel-search, .ag-theme-quartz-dark .ag-filter-toolpanel-search, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-search { height: initial; margin-top: var(--ag-widget-container-vertical-padding); } .ag-theme-quartz .ag-filter-toolpanel-search-input, .ag-theme-quartz-dark .ag-filter-toolpanel-search-input, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-search-input { margin: 0; } .ag-theme-quartz .ag-filter-apply-panel, .ag-theme-quartz-dark .ag-filter-apply-panel, .ag-theme-quartz-auto-dark .ag-filter-apply-panel { border: none; padding-top: var(--ag-widget-vertical-spacing); } .ag-theme-quartz .ag-chart-tabbed-menu-body, .ag-theme-quartz-dark .ag-chart-tabbed-menu-body, .ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body { position: relative; } .ag-theme-quartz .ag-chart-tabbed-menu-body::after, .ag-theme-quartz-dark .ag-chart-tabbed-menu-body::after, .ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body::after { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; height: 16px; background: linear-gradient(var(--ag-control-panel-background-color), transparent); } .ag-theme-quartz .ag-charts-settings-group-title-bar, .ag-theme-quartz .ag-charts-data-group-title-bar, .ag-theme-quartz .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-quartz .ag-charts-settings-group-container, .ag-theme-quartz-dark .ag-charts-settings-group-title-bar, .ag-theme-quartz-dark .ag-charts-data-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-settings-group-container, .ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-settings-group-container { border-top: none; font-weight: 500; } .ag-theme-quartz .ag-chart-mini-thumbnail, .ag-theme-quartz-dark .ag-chart-mini-thumbnail, .ag-theme-quartz-auto-dark .ag-chart-mini-thumbnail { background-color: var(--ag-background-color); margin-top: 0; margin-bottom: 0; } .ag-theme-quartz .ag-chart-settings-nav-bar, .ag-theme-quartz-dark .ag-chart-settings-nav-bar, .ag-theme-quartz-auto-dark .ag-chart-settings-nav-bar { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-theme-quartz .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar { background: none; font-weight: 500; } .ag-theme-quartz .ag-chart-data-section .ag-label:not(.ag-group-title-bar), .ag-theme-quartz .ag-chart-format-section .ag-label:not(.ag-group-title-bar), .ag-theme-quartz-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar), .ag-theme-quartz-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar), .ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar), .ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar) { color: var(--ag-chart-menu-label-color); } .ag-theme-quartz .ag-chart-data-section .ag-label-align-top .ag-label, .ag-theme-quartz .ag-chart-format-section .ag-label-align-top .ag-label, .ag-theme-quartz-dark .ag-chart-data-section .ag-label-align-top .ag-label, .ag-theme-quartz-dark .ag-chart-format-section .ag-label-align-top .ag-label, .ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label-align-top .ag-label, .ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label-align-top .ag-label { margin-top: calc(var(--ag-widget-vertical-spacing) * 0.5); margin-bottom: var(--ag-widget-vertical-spacing); } .ag-theme-quartz .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label, .ag-theme-quartz .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label, .ag-theme-quartz-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label, .ag-theme-quartz-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label, .ag-theme-quartz-auto-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label, .ag-theme-quartz-auto-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label { margin-bottom: 0; } .ag-theme-quartz .ag-chart-data-section label, .ag-theme-quartz .ag-chart-format-section label, .ag-theme-quartz-dark .ag-chart-data-section label, .ag-theme-quartz-dark .ag-chart-format-section label, .ag-theme-quartz-auto-dark .ag-chart-data-section label, .ag-theme-quartz-auto-dark .ag-chart-format-section label { display: inline-block; } .ag-theme-quartz .ag-chart-format-wrapper, .ag-theme-quartz .ag-chart-data-wrapper, .ag-theme-quartz .ag-charts-format-top-level-group, .ag-theme-quartz .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, .ag-theme-quartz .ag-charts-format-top-level-group-item, .ag-theme-quartz .ag-charts-format-sub-level-group, .ag-theme-quartz .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz .ag-charts-format-sub-level-group-container, .ag-theme-quartz .ag-charts-format-sub-level-group-item:last-child, .ag-theme-quartz .ag-charts-format-sub-level-group-container>*, .ag-theme-quartz .ag-charts-data-group-title-bar, .ag-theme-quartz .ag-charts-data-group-container, .ag-theme-quartz .ag-charts-settings-group-title-bar, .ag-theme-quartz .ag-charts-settings-group-container, .ag-theme-quartz-dark .ag-chart-format-wrapper, .ag-theme-quartz-dark .ag-chart-data-wrapper, .ag-theme-quartz-dark .ag-charts-format-top-level-group, .ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, .ag-theme-quartz-dark .ag-charts-format-top-level-group-item, .ag-theme-quartz-dark .ag-charts-format-sub-level-group, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-container, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-item:last-child, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-container>*, .ag-theme-quartz-dark .ag-charts-data-group-title-bar, .ag-theme-quartz-dark .ag-charts-data-group-container, .ag-theme-quartz-dark .ag-charts-settings-group-title-bar, .ag-theme-quartz-dark .ag-charts-settings-group-container, .ag-theme-quartz-auto-dark .ag-chart-format-wrapper, .ag-theme-quartz-auto-dark .ag-chart-data-wrapper, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-item, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-item:last-child, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container>*, .ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-data-group-container, .ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-settings-group-container { padding: 0; margin: 0; } .ag-theme-quartz .ag-charts-format-top-level-group, .ag-theme-quartz .ag-charts-data-group, .ag-theme-quartz-dark .ag-charts-format-top-level-group, .ag-theme-quartz-dark .ag-charts-data-group, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group, .ag-theme-quartz-auto-dark .ag-charts-data-group { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-theme-quartz .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz .ag-charts-data-group-title-bar, .ag-theme-quartz .ag-charts-settings-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-data-group-title-bar, .ag-theme-quartz-dark .ag-charts-settings-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); } .ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, .ag-theme-quartz .ag-charts-data-group .ag-charts-data-group-container, .ag-theme-quartz .ag-charts-settings-group .ag-charts-settings-group-container, .ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, .ag-theme-quartz-dark .ag-charts-data-group .ag-charts-data-group-container, .ag-theme-quartz-dark .ag-charts-settings-group .ag-charts-settings-group-container, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-data-group .ag-charts-data-group-container, .ag-theme-quartz-auto-dark .ag-charts-settings-group .ag-charts-settings-group-container { padding: 0 var(--ag-widget-container-horizontal-padding); } .ag-theme-quartz .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar { padding: var(--ag-widget-vertical-spacing) 0; } .ag-theme-quartz .ag-charts-format-sub-level-group-container, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container { padding-top: var(--ag-widget-vertical-spacing); padding-bottom: var(--ag-widget-container-vertical-padding); } .ag-theme-quartz .ag-charts-format-top-level-group-container>*, .ag-theme-quartz .ag-charts-format-sub-level-group-container>*, .ag-theme-quartz-dark .ag-charts-format-top-level-group-container>*, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-container>*, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-container>*, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container>* { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-theme-quartz .ag-charts-data-group-item, .ag-theme-quartz-dark .ag-charts-data-group-item, .ag-theme-quartz-auto-dark .ag-charts-data-group-item { padding-bottom: var(--ag-widget-container-vertical-padding); } .ag-theme-quartz .ag-chart-settings-mini-wrapper, .ag-theme-quartz-dark .ag-chart-settings-mini-wrapper, .ag-theme-quartz-auto-dark .ag-chart-settings-mini-wrapper { padding-bottom: var(--ag-widget-container-vertical-padding); } .ag-theme-quartz .ag-chart-advanced-settings-section, .ag-theme-quartz-dark .ag-chart-advanced-settings-section, .ag-theme-quartz-auto-dark .ag-chart-advanced-settings-section { padding-top: var(--ag-widget-container-vertical-padding); padding-bottom: var(--ag-widget-container-vertical-padding); } .ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container, .ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container { padding: 0 var(--ag-widget-container-horizontal-padding); } .ag-theme-quartz .ag-charts-advanced-settings-top-level-group-container, .ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-container { margin: 0; } .ag-theme-quartz .ag-charts-advanced-settings-top-level-group-item, .ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-item, .ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-item { margin-top: calc(var(--ag-widget-vertical-spacing) * 2); margin-bottom: 0; } .ag-theme-quartz .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-group-title-bar-icon { margin-right: var(--ag-grid-size); } .ag-theme-quartz .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-group-title-bar-icon { margin-left: var(--ag-grid-size); } .ag-theme-quartz .ag-spectrum-color, .ag-theme-quartz .ag-spectrum-fill, .ag-theme-quartz-dark .ag-spectrum-color, .ag-theme-quartz-dark .ag-spectrum-fill, .ag-theme-quartz-auto-dark .ag-spectrum-color, .ag-theme-quartz-auto-dark .ag-spectrum-fill { border-radius: var(--ag-border-radius); } .ag-theme-quartz .ag-spectrum-dragger, .ag-theme-quartz-dark .ag-spectrum-dragger, .ag-theme-quartz-auto-dark .ag-spectrum-dragger { border-radius: 18px; height: 18px; width: 18px; border: 3px solid white; } .ag-theme-quartz .ag-spectrum-tools, .ag-theme-quartz-dark .ag-spectrum-tools, .ag-theme-quartz-auto-dark .ag-spectrum-tools { padding-left: 0; padding-right: 0; padding-bottom: 0; } .ag-theme-quartz .ag-spectrum-tool, .ag-theme-quartz-dark .ag-spectrum-tool, .ag-theme-quartz-auto-dark .ag-spectrum-tool { height: 12px; } .ag-theme-quartz .ag-spectrum-hue-background, .ag-theme-quartz .ag-spectrum-alpha-background, .ag-theme-quartz-dark .ag-spectrum-hue-background, .ag-theme-quartz-dark .ag-spectrum-alpha-background, .ag-theme-quartz-auto-dark .ag-spectrum-hue-background, .ag-theme-quartz-auto-dark .ag-spectrum-alpha-background { border-radius: 12px; } .ag-theme-quartz .ag-spectrum-slider, .ag-theme-quartz-dark .ag-spectrum-slider, .ag-theme-quartz-auto-dark .ag-spectrum-slider { margin-top: -15px; width: 18px; height: 18px; border-radius: 18px; border: 3px solid rgb(248, 248, 248); } .ag-theme-quartz .ag-recent-colors, .ag-theme-quartz-dark .ag-recent-colors, .ag-theme-quartz-auto-dark .ag-recent-colors { margin-left: var(--ag-grid-size); margin-right: var(--ag-grid-size); margin-bottom: 2px; } .ag-theme-quartz .ag-color-input-color, .ag-theme-quartz .ag-color-picker-color, .ag-theme-quartz .ag-recent-color, .ag-theme-quartz-dark .ag-color-input-color, .ag-theme-quartz-dark .ag-color-picker-color, .ag-theme-quartz-dark .ag-recent-color, .ag-theme-quartz-auto-dark .ag-color-input-color, .ag-theme-quartz-auto-dark .ag-color-picker-color, .ag-theme-quartz-auto-dark .ag-recent-color { border-radius: 4px; } .ag-theme-quartz .ag-recent-color, .ag-theme-quartz-dark .ag-recent-color, .ag-theme-quartz-auto-dark .ag-recent-color { border: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-theme-quartz.ag-dnd-ghost, .ag-theme-quartz-dark.ag-dnd-ghost, .ag-theme-quartz-auto-dark.ag-dnd-ghost { font-weight: 500; } .ag-theme-quartz .ag-standard-button, .ag-theme-quartz-dark .ag-standard-button, .ag-theme-quartz-auto-dark .ag-standard-button { font-family: inherit; appearance: none; -webkit-appearance: none; border-radius: var(--ag-border-radius); border: solid 1px var(--ag-input-border-color); background-color: var(--ag-background-color); padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); cursor: pointer; } .ag-theme-quartz .ag-standard-button:hover, .ag-theme-quartz-dark .ag-standard-button:hover, .ag-theme-quartz-auto-dark .ag-standard-button:hover { background-color: var(--ag-row-hover-color); } .ag-theme-quartz .ag-standard-button:active, .ag-theme-quartz-dark .ag-standard-button:active, .ag-theme-quartz-auto-dark .ag-standard-button:active { border-color: var(--ag-active-color); } .ag-theme-quartz .ag-standard-button:disabled, .ag-theme-quartz-dark .ag-standard-button:disabled, .ag-theme-quartz-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-quartz .ag-column-drop-cell, .ag-theme-quartz-dark .ag-column-drop-cell, .ag-theme-quartz-auto-dark .ag-column-drop-cell { border-radius: calc(var(--ag-grid-size) * 3); height: calc(var(--ag-grid-size) * 3); padding: 0 var(--ag-grid-size); } .ag-theme-quartz .ag-column-drop-cell-button, .ag-theme-quartz-dark .ag-column-drop-cell-button, .ag-theme-quartz-auto-dark .ag-column-drop-cell-button { min-width: 0; margin: 0; } .ag-theme-quartz .ag-column-drop-cell-drag-handle, .ag-theme-quartz-dark .ag-column-drop-cell-drag-handle, .ag-theme-quartz-auto-dark .ag-column-drop-cell-drag-handle { margin-left: 0; } .ag-theme-quartz .ag-column-drop-vertical, .ag-theme-quartz-dark .ag-column-drop-vertical, .ag-theme-quartz-auto-dark .ag-column-drop-vertical { min-height: 75px; } .ag-theme-quartz .ag-column-drop-vertical-title-bar, .ag-theme-quartz-dark .ag-column-drop-vertical-title-bar, .ag-theme-quartz-auto-dark .ag-column-drop-vertical-title-bar { padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-grid-size) * 2) 0; } .ag-theme-quartz .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-drop-vertical-icon { margin-left: 0; margin-right: var(--ag-widget-horizontal-spacing); } .ag-theme-quartz .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-drop-vertical-icon { margin-right: 0; margin-left: var(--ag-widget-horizontal-spacing); } .ag-theme-quartz .ag-column-drop-vertical-empty-message, .ag-theme-quartz-dark .ag-column-drop-vertical-empty-message, .ag-theme-quartz-auto-dark .ag-column-drop-vertical-empty-message { display: flex; align-items: center; justify-content: center; border: dashed 1px; border-color: var(--ag-border-color); margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2); padding: calc(var(--ag-grid-size) * 2); } .ag-theme-quartz .ag-column-drop-empty-message, .ag-theme-quartz-dark .ag-column-drop-empty-message, .ag-theme-quartz-auto-dark .ag-column-drop-empty-message { color: var(--ag-foreground-color); } .ag-theme-quartz .ag-pill-select .ag-column-drop, .ag-theme-quartz-dark .ag-pill-select .ag-column-drop, .ag-theme-quartz-auto-dark .ag-pill-select .ag-column-drop { min-height: unset; } .ag-theme-quartz .ag-pill-select .ag-picker-field-display, .ag-theme-quartz-dark .ag-pill-select .ag-picker-field-display, .ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-display { font-weight: 500; color: var(--ag-chart-menu-pill-select-button-color); } .ag-theme-quartz .ag-pill-select .ag-picker-field-icon .ag-icon, .ag-theme-quartz-dark .ag-pill-select .ag-picker-field-icon .ag-icon, .ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-icon .ag-icon { color: var(--ag-chart-menu-pill-select-button-color); } .ag-theme-quartz .ag-status-bar, .ag-theme-quartz-dark .ag-status-bar, .ag-theme-quartz-auto-dark .ag-status-bar { font-weight: normal; } .ag-theme-quartz .ag-status-name-value, .ag-theme-quartz-dark .ag-status-name-value, .ag-theme-quartz-auto-dark .ag-status-name-value { padding: var(--ag-widget-container-vertical-padding) 0; } .ag-theme-quartz .ag-status-name-value-value, .ag-theme-quartz .ag-paging-number, .ag-theme-quartz .ag-paging-row-summary-panel-number, .ag-theme-quartz-dark .ag-status-name-value-value, .ag-theme-quartz-dark .ag-paging-number, .ag-theme-quartz-dark .ag-paging-row-summary-panel-number, .ag-theme-quartz-auto-dark .ag-status-name-value-value, .ag-theme-quartz-auto-dark .ag-paging-number, .ag-theme-quartz-auto-dark .ag-paging-row-summary-panel-number { font-weight: 500; } .ag-theme-quartz .ag-column-drop-cell-button, .ag-theme-quartz-dark .ag-column-drop-cell-button, .ag-theme-quartz-auto-dark .ag-column-drop-cell-button { opacity: 0.75; } .ag-theme-quartz .ag-column-drop-cell-button:hover, .ag-theme-quartz-dark .ag-column-drop-cell-button:hover, .ag-theme-quartz-auto-dark .ag-column-drop-cell-button:hover { opacity: 1; } .ag-theme-quartz .ag-header-cell-menu-button, .ag-theme-quartz .ag-header-cell-filter-button, .ag-theme-quartz .ag-panel-title-bar-button, .ag-theme-quartz .ag-header-expand-icon, .ag-theme-quartz .ag-column-group-icons, .ag-theme-quartz .ag-set-filter-group-icons, .ag-theme-quartz .ag-group-expanded .ag-icon, .ag-theme-quartz .ag-group-contracted .ag-icon, .ag-theme-quartz .ag-chart-settings-prev, .ag-theme-quartz .ag-chart-settings-next, .ag-theme-quartz .ag-group-title-bar-icon, .ag-theme-quartz .ag-column-select-header-icon, .ag-theme-quartz .ag-floating-filter-button-button, .ag-theme-quartz .ag-filter-toolpanel-expand, .ag-theme-quartz .ag-panel-title-bar-button-icon, .ag-theme-quartz .ag-chart-menu-icon, .ag-theme-quartz-dark .ag-header-cell-menu-button, .ag-theme-quartz-dark .ag-header-cell-filter-button, .ag-theme-quartz-dark .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-header-expand-icon, .ag-theme-quartz-dark .ag-column-group-icons, .ag-theme-quartz-dark .ag-set-filter-group-icons, .ag-theme-quartz-dark .ag-group-expanded .ag-icon, .ag-theme-quartz-dark .ag-group-contracted .ag-icon, .ag-theme-quartz-dark .ag-chart-settings-prev, .ag-theme-quartz-dark .ag-chart-settings-next, .ag-theme-quartz-dark .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-column-select-header-icon, .ag-theme-quartz-dark .ag-floating-filter-button-button, .ag-theme-quartz-dark .ag-filter-toolpanel-expand, .ag-theme-quartz-dark .ag-panel-title-bar-button-icon, .ag-theme-quartz-dark .ag-chart-menu-icon, .ag-theme-quartz-auto-dark .ag-header-cell-menu-button, .ag-theme-quartz-auto-dark .ag-header-cell-filter-button, .ag-theme-quartz-auto-dark .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-header-expand-icon, .ag-theme-quartz-auto-dark .ag-column-group-icons, .ag-theme-quartz-auto-dark .ag-set-filter-group-icons, .ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon, .ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon, .ag-theme-quartz-auto-dark .ag-chart-settings-prev, .ag-theme-quartz-auto-dark .ag-chart-settings-next, .ag-theme-quartz-auto-dark .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-column-select-header-icon, .ag-theme-quartz-auto-dark .ag-floating-filter-button-button, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand, .ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon, .ag-theme-quartz-auto-dark .ag-chart-menu-icon { --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); } .ag-theme-quartz .ag-header-cell-menu-button:hover, .ag-theme-quartz .ag-header-cell-filter-button:hover, .ag-theme-quartz .ag-panel-title-bar-button:hover, .ag-theme-quartz .ag-header-expand-icon:hover, .ag-theme-quartz .ag-column-group-icons:hover, .ag-theme-quartz .ag-set-filter-group-icons:hover, .ag-theme-quartz .ag-group-expanded .ag-icon:hover, .ag-theme-quartz .ag-group-contracted .ag-icon:hover, .ag-theme-quartz .ag-chart-settings-prev:hover, .ag-theme-quartz .ag-chart-settings-next:hover, .ag-theme-quartz .ag-group-title-bar-icon:hover, .ag-theme-quartz .ag-column-select-header-icon:hover, .ag-theme-quartz .ag-floating-filter-button-button:hover, .ag-theme-quartz .ag-filter-toolpanel-expand:hover, .ag-theme-quartz .ag-panel-title-bar-button-icon:hover, .ag-theme-quartz .ag-chart-menu-icon:hover, .ag-theme-quartz-dark .ag-header-cell-menu-button:hover, .ag-theme-quartz-dark .ag-header-cell-filter-button:hover, .ag-theme-quartz-dark .ag-panel-title-bar-button:hover, .ag-theme-quartz-dark .ag-header-expand-icon:hover, .ag-theme-quartz-dark .ag-column-group-icons:hover, .ag-theme-quartz-dark .ag-set-filter-group-icons:hover, .ag-theme-quartz-dark .ag-group-expanded .ag-icon:hover, .ag-theme-quartz-dark .ag-group-contracted .ag-icon:hover, .ag-theme-quartz-dark .ag-chart-settings-prev:hover, .ag-theme-quartz-dark .ag-chart-settings-next:hover, .ag-theme-quartz-dark .ag-group-title-bar-icon:hover, .ag-theme-quartz-dark .ag-column-select-header-icon:hover, .ag-theme-quartz-dark .ag-floating-filter-button-button:hover, .ag-theme-quartz-dark .ag-filter-toolpanel-expand:hover, .ag-theme-quartz-dark .ag-panel-title-bar-button-icon:hover, .ag-theme-quartz-dark .ag-chart-menu-icon:hover, .ag-theme-quartz-auto-dark .ag-header-cell-menu-button:hover, .ag-theme-quartz-auto-dark .ag-header-cell-filter-button:hover, .ag-theme-quartz-auto-dark .ag-panel-title-bar-button:hover, .ag-theme-quartz-auto-dark .ag-header-expand-icon:hover, .ag-theme-quartz-auto-dark .ag-column-group-icons:hover, .ag-theme-quartz-auto-dark .ag-set-filter-group-icons:hover, .ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon:hover, .ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon:hover, .ag-theme-quartz-auto-dark .ag-chart-settings-prev:hover, .ag-theme-quartz-auto-dark .ag-chart-settings-next:hover, .ag-theme-quartz-auto-dark .ag-group-title-bar-icon:hover, .ag-theme-quartz-auto-dark .ag-column-select-header-icon:hover, .ag-theme-quartz-auto-dark .ag-floating-filter-button-button:hover, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand:hover, .ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon:hover, .ag-theme-quartz-auto-dark .ag-chart-menu-icon:hover { border-radius: 1px; background-color: var(--ag-quartz-icon-hover-color); box-shadow: 0 0 0 4px var(--ag-quartz-icon-hover-color); } .ag-theme-quartz .ag-filter-active, .ag-theme-quartz-dark .ag-filter-active, .ag-theme-quartz-auto-dark .ag-filter-active { --ag-quartz-icon-active-color: color-mix(in srgb, transparent, var(--ag-active-color) 14%); --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 28%); position: relative; border-radius: 1px; background-color: var(--ag-quartz-icon-active-color); box-shadow: 0 0 0 4px var(--ag-quartz-icon-active-color); } .ag-theme-quartz .ag-filter-active::after, .ag-theme-quartz-dark .ag-filter-active::after, .ag-theme-quartz-auto-dark .ag-filter-active::after { content: ""; position: absolute; width: 6px; height: 6px; top: -1px; right: -1px; border-radius: 50%; background-color: var(--ag-active-color); } .ag-theme-quartz .ag-filter-active .ag-icon-filter, .ag-theme-quartz-dark .ag-filter-active .ag-icon-filter, .ag-theme-quartz-auto-dark .ag-filter-active .ag-icon-filter { clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z"); } .ag-theme-quartz .ag-chart-menu, .ag-theme-quartz-dark .ag-chart-menu, .ag-theme-quartz-auto-dark .ag-chart-menu { --ag-icon-size: 20px; background-color: color-mix(in srgb, transparent, var(--ag-background-color) 30%); padding: 4px 2px; } .ag-theme-quartz .ag-chart-menu-icon, .ag-theme-quartz-dark .ag-chart-menu-icon, .ag-theme-quartz-auto-dark .ag-chart-menu-icon { opacity: 0.8; } .ag-theme-quartz .ag-drag-handle, .ag-theme-quartz-dark .ag-drag-handle, .ag-theme-quartz-auto-dark .ag-drag-handle { color: var(--ag-icon-font-color); } .ag-theme-quartz .ag-menu-option-icon, .ag-theme-quartz .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-menu-option-icon, .ag-theme-quartz-dark .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-compact-menu-option-icon { width: var(--ag-icon-size); cursor: pointer; } .ag-theme-quartz .ag-ltr .ag-menu-option-icon, .ag-theme-quartz .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-compact-menu-option-icon { padding-left: calc(var(--ag-grid-size) * 1.5); } .ag-theme-quartz .ag-rtl .ag-menu-option-icon, .ag-theme-quartz .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-compact-menu-option-icon { padding-right: calc(var(--ag-grid-size) * 1.5); } .ag-theme-quartz .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-quartz-dark .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-quartz-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover { opacity: 0.35; } .ag-theme-quartz .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-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-quartz .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-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-quartz .ag-multi-filter-group-title-bar, .ag-theme-quartz-dark .ag-multi-filter-group-title-bar, .ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar { padding: calc(var(--ag-grid-size) * 1.5) var(--ag-grid-size); } .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-body { padding-left: var(--ag-grid-size); } .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-body { padding-right: var(--ag-grid-size); } .ag-theme-quartz .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-instance-filter { border: none; background-color: var(--ag-control-panel-background-color); } .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter { margin-left: calc(var(--ag-icon-size) * 0.5); } .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter { margin-right: calc(var(--ag-icon-size) * 0.5); } .ag-theme-quartz .ag-filter-toolpanel-group-level-0, .ag-theme-quartz-dark .ag-filter-toolpanel-group-level-0, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-level-0 { border-top: none; } .ag-theme-quartz .ag-filter-toolpanel-header, .ag-theme-quartz-dark .ag-filter-toolpanel-header, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-header { height: initial; padding-top: var(--ag-grid-size); padding-bottom: var(--ag-grid-size); } .ag-theme-quartz .ag-filter-toolpanel-group-item, .ag-theme-quartz-dark .ag-filter-toolpanel-group-item, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-item { margin: 0; } .ag-theme-quartz .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-quartz .ag-layout-auto-height .ag-center-cols-container, .ag-theme-quartz .ag-layout-print .ag-center-cols-viewport, .ag-theme-quartz .ag-layout-print .ag-center-cols-container, .ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-quartz-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-quartz-dark .ag-layout-print .ag-center-cols-container, .ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-container { min-height: 150px; } .ag-theme-quartz .ag-overlay-no-rows-wrapper.ag-layout-auto-height, .ag-theme-quartz-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height, .ag-theme-quartz-auto-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height { padding-top: 60px; } .ag-theme-quartz .ag-date-time-list-page-entry-is-current, .ag-theme-quartz-dark .ag-date-time-list-page-entry-is-current, .ag-theme-quartz-auto-dark .ag-date-time-list-page-entry-is-current { background-color: var(--ag-active-color); } .ag-theme-quartz .ag-advanced-filter-builder-button, .ag-theme-quartz-dark .ag-advanced-filter-builder-button, .ag-theme-quartz-auto-dark .ag-advanced-filter-builder-button { padding: var(--ag-grid-size); font-weight: 600; } .ag-theme-quartz .ag-advanced-filter-builder-item-button-disabled .ag-icon, .ag-theme-quartz .ag-disabled .ag-icon, .ag-theme-quartz .ag-column-select-column-group-readonly .ag-icon, .ag-theme-quartz [disabled] .ag-icon, .ag-theme-quartz-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon, .ag-theme-quartz-dark .ag-disabled .ag-icon, .ag-theme-quartz-dark .ag-column-select-column-group-readonly .ag-icon, .ag-theme-quartz-dark [disabled] .ag-icon, .ag-theme-quartz-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon, .ag-theme-quartz-auto-dark .ag-disabled .ag-icon, .ag-theme-quartz-auto-dark .ag-column-select-column-group-readonly .ag-icon, .ag-theme-quartz-auto-dark [disabled] .ag-icon { opacity: 0.6; } .ag-theme-quartz .ag-icon-grip, .ag-theme-quartz-dark .ag-icon-grip, .ag-theme-quartz-auto-dark .ag-icon-grip { opacity: 0.7; } .ag-theme-quartz .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-quartz .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-quartz-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-quartz-dark .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-quartz-auto-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-quartz-auto-dark .ag-column-select-column-readonly .ag-icon-grip { opacity: 0.35; } .ag-theme-quartz .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-filter-filter .ag-input-wrapper::before { position: absolute; display: block; width: 12px; height: 12px; background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg==); background-position: 50% 50%; background-size: contain; opacity: 40%; content: ""; filter: var(--ag-icon-filter); } .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before { margin-left: var(--ag-grid-size); } .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before { margin-right: var(--ag-grid-size); } .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-number-field-input { padding-left: 26px; } .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-number-field-input { padding-right: 26px; } .ag-theme-quartz .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-add-group-indent { margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5); } .ag-theme-quartz .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-add-group-indent { margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5); } .ag-theme-quartz .ag-text-field-input[disabled], .ag-theme-quartz .ag-menu-option-disabled, .ag-theme-quartz-dark .ag-text-field-input[disabled], .ag-theme-quartz-dark .ag-menu-option-disabled, .ag-theme-quartz-auto-dark .ag-text-field-input[disabled], .ag-theme-quartz-auto-dark .ag-menu-option-disabled { cursor: not-allowed; } .ag-theme-quartz .ag-checkbox-input-wrapper.ag-checked.ag-disabled, .ag-theme-quartz-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled, .ag-theme-quartz-auto-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled { --ag-checkbox-checked-color: var(--ag-checkbox-unchecked-color); } .ag-theme-quartz .ag-checkbox-input, .ag-theme-quartz .ag-toggle-button-input, .ag-theme-quartz .ag-radio-button-input, .ag-theme-quartz input[class^=ag-][type=range], .ag-theme-quartz-dark .ag-checkbox-input, .ag-theme-quartz-dark .ag-toggle-button-input, .ag-theme-quartz-dark .ag-radio-button-input, .ag-theme-quartz-dark input[class^=ag-][type=range], .ag-theme-quartz-auto-dark .ag-checkbox-input, .ag-theme-quartz-auto-dark .ag-toggle-button-input, .ag-theme-quartz-auto-dark .ag-radio-button-input, .ag-theme-quartz-auto-dark input[class^=ag-][type=range] { cursor: pointer; } .ag-theme-quartz .ag-details-row, .ag-theme-quartz-dark .ag-details-row, .ag-theme-quartz-auto-dark .ag-details-row { padding: calc(var(--ag-grid-size) * 3.75); } .ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before { opacity: 66%; filter: invert(100%); } .ag-theme-quartz-dark .ag-chart-menu { background-color: color-mix(in srgb, rgba(24, 39, 50, 0.3), var(--ag-background-color) 30%); } .ag-theme-quartz-dark .ag-text-field-input::placeholder { color: var(--ag-data-color); opacity: 0.8; } .ag-theme-quartz, .ag-theme-quartz-dark, .ag-theme-quartz-auto-dark { --ag-active-color: #2196f3; --ag-background-color: #fff; --ag-foreground-color: #181d1f; --ag-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 15%); --ag-secondary-border-color: var(--ag-border-color); --ag-header-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 2%); --ag-tooltip-background-color: var(--ag-header-background-color); --ag-control-panel-background-color: var(--ag-header-background-color); --ag-subheader-background-color: transparent; --ag-invalid-color: #e02525; --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%); --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-header-column-resize-handle-color: var(--ag-secondary-border-color); --ag-icon-font-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 90%); --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%); --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%); --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%); --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%); --ag-selected-row-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 8%); --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 12%); --ag-column-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%); --ag-input-focus-border-color: var(--ag-active-color); --ag-input-focus-box-shadow: 0 0 0 3px color-mix(in srgb, transparent, var(--ag-input-focus-border-color) 47%); --ag-range-selection-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%); --ag-range-selection-background-color-2: color-mix(in srgb, transparent, var(--ag-active-color) 36%); --ag-range-selection-background-color-3: color-mix(in srgb, transparent, var(--ag-active-color) 49%); --ag-range-selection-background-color-4: color-mix(in srgb, transparent, var(--ag-active-color) 59%); --ag-checkbox-background-color: var(--ag-background-color); --ag-checkbox-checked-color: var(--ag-active-color); --ag-range-selection-border-color: var(--ag-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-disabled-foreground-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 50%); --ag-chip-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 7%); --ag-chip-border-color: color-mix(in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 13%); --ag-input-disabled-border-color: var(--ag-border-color); --ag-input-disabled-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 6%); --ag-modal-overlay-background-color: color-mix(in srgb, transparent, var(--ag-background-color) 66%); --ag-chart-menu-label-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 80%); --ag-chart-menu-pill-select-button-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 70%); --ag-borders: solid 1px; --ag-border-radius: 4px; --ag-wrapper-border-radius: 8px; --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: 8px; --ag-icon-size: 16px; --ag-header-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 4.25); --ag-row-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 3.5); --ag-list-item-height: calc(var(--ag-icon-size) + var(--ag-widget-vertical-spacing)); --ag-column-select-indent-size: var(--ag-icon-size); --ag-set-filter-indent-size: var(--ag-icon-size); --ag-filter-tool-panel-group-indent: var(--ag-grid-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) * 2); --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 1.5); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 1.5); --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1); --ag-toggle-button-height: 18px; --ag-toggle-button-width: 28px; --ag-toggle-button-border-width: 2px; --ag-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --ag-font-size: 14px; --ag-icon-font-family: agGridQuartz; --ag-tab-min-width: 290px; --ag-chart-menu-panel-width: 260px; --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4); --ag-popup-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15); --ag-side-bar-panel-width: 250px; } .ag-theme-quartz-dark { --ag-background-color: color-mix(in srgb, #fff, #182230 97%); --ag-foreground-color: #fff; --ag-border-color: rgba(255, 255, 255, 0.16); --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%); --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%); --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%); --ag-input-disabled-background-color: #68686e12; --ag-card-shadow: 0 1px 20px 1px black; --ag-input-border-color: var(--ag-border-color); --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07); --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%); --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%); --ag-selected-row-background-color: var(--ag-row-hover-color); --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%); --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%); --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); --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-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3); --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } @media (prefers-color-scheme: dark) { .ag-theme-quartz-auto-dark { --ag-background-color: color-mix(in srgb, #fff, #182230 97%); --ag-foreground-color: #fff; --ag-border-color: rgba(255, 255, 255, 0.16); --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%); --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%); --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%); --ag-input-disabled-background-color: #68686e12; --ag-card-shadow: 0 1px 20px 1px black; --ag-input-border-color: var(--ag-border-color); --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07); --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%); --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%); --ag-selected-row-background-color: var(--ag-row-hover-color); --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%); --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%); --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); --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-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3); --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } } .ag-theme-quartz .ag-filter-toolpanel-header, .ag-theme-quartz .ag-filter-toolpanel-search, .ag-theme-quartz .ag-status-bar, .ag-theme-quartz .ag-header-row, .ag-theme-quartz .ag-panel-title-bar-title, .ag-theme-quartz .ag-multi-filter-group-title-bar, .ag-theme-quartz-dark .ag-filter-toolpanel-header, .ag-theme-quartz-dark .ag-filter-toolpanel-search, .ag-theme-quartz-dark .ag-status-bar, .ag-theme-quartz-dark .ag-header-row, .ag-theme-quartz-dark .ag-panel-title-bar-title, .ag-theme-quartz-dark .ag-multi-filter-group-title-bar, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-header, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-search, .ag-theme-quartz-auto-dark .ag-status-bar, .ag-theme-quartz-auto-dark .ag-header-row, .ag-theme-quartz-auto-dark .ag-panel-title-bar-title, .ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar { font-weight: 500; color: var(--ag-header-foreground-color); } .ag-theme-quartz input[class^=ag-]:not([type]), .ag-theme-quartz input[class^=ag-][type=text], .ag-theme-quartz input[class^=ag-][type=number], .ag-theme-quartz input[class^=ag-][type=tel], .ag-theme-quartz input[class^=ag-][type=date], .ag-theme-quartz input[class^=ag-][type=datetime-local], .ag-theme-quartz textarea[class^=ag-], .ag-theme-quartz-dark input[class^=ag-]:not([type]), .ag-theme-quartz-dark input[class^=ag-][type=text], .ag-theme-quartz-dark input[class^=ag-][type=number], .ag-theme-quartz-dark input[class^=ag-][type=tel], .ag-theme-quartz-dark input[class^=ag-][type=date], .ag-theme-quartz-dark input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark textarea[class^=ag-], .ag-theme-quartz-auto-dark input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark input[class^=ag-][type=text], .ag-theme-quartz-auto-dark input[class^=ag-][type=number], .ag-theme-quartz-auto-dark input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark input[class^=ag-][type=date], .ag-theme-quartz-auto-dark input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark textarea[class^=ag-] { min-height: calc(var(--ag-grid-size) * 4); border-radius: var(--ag-border-radius); } .ag-theme-quartz .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-ltr textarea[class^=ag-], .ag-theme-quartz-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-ltr textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-ltr textarea[class^=ag-] { padding-left: var(--ag-grid-size); } .ag-theme-quartz .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-rtl textarea[class^=ag-], .ag-theme-quartz-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-rtl textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-rtl textarea[class^=ag-] { padding-right: var(--ag-grid-size); } .ag-theme-quartz .ag-picker-field-wrapper, .ag-theme-quartz-dark .ag-picker-field-wrapper, .ag-theme-quartz-auto-dark .ag-picker-field-wrapper { min-height: calc(var(--ag-grid-size) * 4); } .ag-theme-quartz .ag-tab, .ag-theme-quartz-dark .ag-tab, .ag-theme-quartz-auto-dark .ag-tab { padding: var(--ag-grid-size); border-left: var(--ag-borders) transparent; border-right: var(--ag-borders) transparent; flex: 1 1 auto; } .ag-theme-quartz .ag-tab-selected, .ag-theme-quartz-dark .ag-tab-selected, .ag-theme-quartz-auto-dark .ag-tab-selected { background-color: var(--ag-background-color); } .ag-theme-quartz .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:first-of-type) { border-left-color: var(--ag-border-color); } .ag-theme-quartz .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:first-of-type) { border-right-color: var(--ag-border-color); } .ag-theme-quartz .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:last-of-type) { border-right-color: var(--ag-border-color); } .ag-theme-quartz .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:last-of-type) { border-left-color: var(--ag-border-color); } .ag-theme-quartz .ag-tab:not(.ag-tab-selected), .ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected), .ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected) { opacity: 0.7; } .ag-theme-quartz .ag-tab:not(.ag-tab-selected):hover, .ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected):hover, .ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected):hover { opacity: 1; } .ag-theme-quartz .ag-menu, .ag-theme-quartz-dark .ag-menu, .ag-theme-quartz-auto-dark .ag-menu { color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%); } .ag-theme-quartz .ag-panel-content-wrapper .ag-column-select, .ag-theme-quartz-dark .ag-panel-content-wrapper .ag-column-select, .ag-theme-quartz-auto-dark .ag-panel-content-wrapper .ag-column-select { background-color: var(--ag-control-panel-background-color); color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%); } .ag-theme-quartz .ag-menu-option .ag-icon, .ag-theme-quartz-dark .ag-menu-option .ag-icon, .ag-theme-quartz-auto-dark .ag-menu-option .ag-icon { opacity: 65%; } .ag-theme-quartz .ag-menu-header, .ag-theme-quartz-dark .ag-menu-header, .ag-theme-quartz-auto-dark .ag-menu-header { background-color: var(--ag-control-panel-background-color); } .ag-theme-quartz .ag-menu-option, .ag-theme-quartz-dark .ag-menu-option, .ag-theme-quartz-auto-dark .ag-menu-option { font-weight: 500; cursor: pointer; } .ag-theme-quartz .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon { text-align: right; } .ag-theme-quartz .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon { text-align: left; } .ag-theme-quartz .ag-tabs-header, .ag-theme-quartz-dark .ag-tabs-header, .ag-theme-quartz-auto-dark .ag-tabs-header { border-bottom: var(--ag-borders) var(--ag-border-color); display: flex; background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%); } .ag-theme-quartz .ag-side-bar, .ag-theme-quartz-dark .ag-side-bar, .ag-theme-quartz-auto-dark .ag-side-bar { background-color: var(--ag-control-panel-background-color); min-width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-theme-quartz .ag-side-buttons, .ag-theme-quartz-dark .ag-side-buttons, .ag-theme-quartz-auto-dark .ag-side-buttons { padding: 0; align-self: stretch; width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); background: var(--ag-control-panel-background-color); } .ag-theme-quartz .ag-side-button, .ag-theme-quartz-dark .ag-side-button, .ag-theme-quartz-auto-dark .ag-side-button { border-top: var(--ag-borders) transparent; border-bottom: var(--ag-borders) transparent; } @media (max-resolution: 1.5x) { .ag-theme-quartz .ag-side-button-label, .ag-theme-quartz-dark .ag-side-button-label, .ag-theme-quartz-auto-dark .ag-side-button-label { font-family: "Segoe UI", var(--ag-font-family); transform: rotate(0.05deg); } } .ag-theme-quartz .ag-side-button.ag-selected, .ag-theme-quartz-dark .ag-side-button.ag-selected, .ag-theme-quartz-auto-dark .ag-side-button.ag-selected { border-bottom-color: var(--ag-border-color); background-color: var(--ag-background-color); } .ag-theme-quartz .ag-side-button.ag-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-side-button.ag-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-side-button.ag-selected:not(:first-of-type) { border-top-color: var(--ag-border-color); } .ag-theme-quartz .ag-column-panel-column-select, .ag-theme-quartz-dark .ag-column-panel-column-select, .ag-theme-quartz-auto-dark .ag-column-panel-column-select { border-top: none; border-bottom: 1px solid var(--ag-secondary-border-color); } .ag-theme-quartz .ag-filter-toolpanel-search, .ag-theme-quartz-dark .ag-filter-toolpanel-search, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-search { height: initial; margin-top: var(--ag-widget-container-vertical-padding); } .ag-theme-quartz .ag-filter-toolpanel-search-input, .ag-theme-quartz-dark .ag-filter-toolpanel-search-input, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-search-input { margin: 0; } .ag-theme-quartz .ag-filter-apply-panel, .ag-theme-quartz-dark .ag-filter-apply-panel, .ag-theme-quartz-auto-dark .ag-filter-apply-panel { border: none; padding-top: var(--ag-widget-vertical-spacing); } .ag-theme-quartz .ag-chart-tabbed-menu-body, .ag-theme-quartz-dark .ag-chart-tabbed-menu-body, .ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body { position: relative; } .ag-theme-quartz .ag-chart-tabbed-menu-body::after, .ag-theme-quartz-dark .ag-chart-tabbed-menu-body::after, .ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body::after { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; height: 16px; background: linear-gradient(var(--ag-control-panel-background-color), transparent); } .ag-theme-quartz .ag-charts-settings-group-title-bar, .ag-theme-quartz .ag-charts-data-group-title-bar, .ag-theme-quartz .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-quartz .ag-charts-settings-group-container, .ag-theme-quartz-dark .ag-charts-settings-group-title-bar, .ag-theme-quartz-dark .ag-charts-data-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-settings-group-container, .ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-settings-group-container { border-top: none; font-weight: 500; } .ag-theme-quartz .ag-chart-mini-thumbnail, .ag-theme-quartz-dark .ag-chart-mini-thumbnail, .ag-theme-quartz-auto-dark .ag-chart-mini-thumbnail { background-color: var(--ag-background-color); margin-top: 0; margin-bottom: 0; } .ag-theme-quartz .ag-chart-settings-nav-bar, .ag-theme-quartz-dark .ag-chart-settings-nav-bar, .ag-theme-quartz-auto-dark .ag-chart-settings-nav-bar { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-theme-quartz .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar { background: none; font-weight: 500; } .ag-theme-quartz .ag-chart-data-section .ag-label:not(.ag-group-title-bar), .ag-theme-quartz .ag-chart-format-section .ag-label:not(.ag-group-title-bar), .ag-theme-quartz-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar), .ag-theme-quartz-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar), .ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar), .ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar) { color: var(--ag-chart-menu-label-color); } .ag-theme-quartz .ag-chart-data-section .ag-label-align-top .ag-label, .ag-theme-quartz .ag-chart-format-section .ag-label-align-top .ag-label, .ag-theme-quartz-dark .ag-chart-data-section .ag-label-align-top .ag-label, .ag-theme-quartz-dark .ag-chart-format-section .ag-label-align-top .ag-label, .ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label-align-top .ag-label, .ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label-align-top .ag-label { margin-top: calc(var(--ag-widget-vertical-spacing) * 0.5); margin-bottom: var(--ag-widget-vertical-spacing); } .ag-theme-quartz .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label, .ag-theme-quartz .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label, .ag-theme-quartz-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label, .ag-theme-quartz-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label, .ag-theme-quartz-auto-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label, .ag-theme-quartz-auto-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label { margin-bottom: 0; } .ag-theme-quartz .ag-chart-data-section label, .ag-theme-quartz .ag-chart-format-section label, .ag-theme-quartz-dark .ag-chart-data-section label, .ag-theme-quartz-dark .ag-chart-format-section label, .ag-theme-quartz-auto-dark .ag-chart-data-section label, .ag-theme-quartz-auto-dark .ag-chart-format-section label { display: inline-block; } .ag-theme-quartz .ag-chart-format-wrapper, .ag-theme-quartz .ag-chart-data-wrapper, .ag-theme-quartz .ag-charts-format-top-level-group, .ag-theme-quartz .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, .ag-theme-quartz .ag-charts-format-top-level-group-item, .ag-theme-quartz .ag-charts-format-sub-level-group, .ag-theme-quartz .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz .ag-charts-format-sub-level-group-container, .ag-theme-quartz .ag-charts-format-sub-level-group-item:last-child, .ag-theme-quartz .ag-charts-format-sub-level-group-container>*, .ag-theme-quartz .ag-charts-data-group-title-bar, .ag-theme-quartz .ag-charts-data-group-container, .ag-theme-quartz .ag-charts-settings-group-title-bar, .ag-theme-quartz .ag-charts-settings-group-container, .ag-theme-quartz-dark .ag-chart-format-wrapper, .ag-theme-quartz-dark .ag-chart-data-wrapper, .ag-theme-quartz-dark .ag-charts-format-top-level-group, .ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, .ag-theme-quartz-dark .ag-charts-format-top-level-group-item, .ag-theme-quartz-dark .ag-charts-format-sub-level-group, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-container, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-item:last-child, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-container>*, .ag-theme-quartz-dark .ag-charts-data-group-title-bar, .ag-theme-quartz-dark .ag-charts-data-group-container, .ag-theme-quartz-dark .ag-charts-settings-group-title-bar, .ag-theme-quartz-dark .ag-charts-settings-group-container, .ag-theme-quartz-auto-dark .ag-chart-format-wrapper, .ag-theme-quartz-auto-dark .ag-chart-data-wrapper, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-item, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-item:last-child, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container>*, .ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-data-group-container, .ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-settings-group-container { padding: 0; margin: 0; } .ag-theme-quartz .ag-charts-format-top-level-group, .ag-theme-quartz .ag-charts-data-group, .ag-theme-quartz-dark .ag-charts-format-top-level-group, .ag-theme-quartz-dark .ag-charts-data-group, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group, .ag-theme-quartz-auto-dark .ag-charts-data-group { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-theme-quartz .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz .ag-charts-data-group-title-bar, .ag-theme-quartz .ag-charts-settings-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-data-group-title-bar, .ag-theme-quartz-dark .ag-charts-settings-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); } .ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, .ag-theme-quartz .ag-charts-data-group .ag-charts-data-group-container, .ag-theme-quartz .ag-charts-settings-group .ag-charts-settings-group-container, .ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, .ag-theme-quartz-dark .ag-charts-data-group .ag-charts-data-group-container, .ag-theme-quartz-dark .ag-charts-settings-group .ag-charts-settings-group-container, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-data-group .ag-charts-data-group-container, .ag-theme-quartz-auto-dark .ag-charts-settings-group .ag-charts-settings-group-container { padding: 0 var(--ag-widget-container-horizontal-padding); } .ag-theme-quartz .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar { padding: var(--ag-widget-vertical-spacing) 0; } .ag-theme-quartz .ag-charts-format-sub-level-group-container, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container { padding-top: var(--ag-widget-vertical-spacing); padding-bottom: var(--ag-widget-container-vertical-padding); } .ag-theme-quartz .ag-charts-format-top-level-group-container>*, .ag-theme-quartz .ag-charts-format-sub-level-group-container>*, .ag-theme-quartz-dark .ag-charts-format-top-level-group-container>*, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-container>*, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-container>*, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container>* { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-theme-quartz .ag-charts-data-group-item, .ag-theme-quartz-dark .ag-charts-data-group-item, .ag-theme-quartz-auto-dark .ag-charts-data-group-item { padding-bottom: var(--ag-widget-container-vertical-padding); } .ag-theme-quartz .ag-chart-settings-mini-wrapper, .ag-theme-quartz-dark .ag-chart-settings-mini-wrapper, .ag-theme-quartz-auto-dark .ag-chart-settings-mini-wrapper { padding-bottom: var(--ag-widget-container-vertical-padding); } .ag-theme-quartz .ag-chart-advanced-settings-section, .ag-theme-quartz-dark .ag-chart-advanced-settings-section, .ag-theme-quartz-auto-dark .ag-chart-advanced-settings-section { padding-top: var(--ag-widget-container-vertical-padding); padding-bottom: var(--ag-widget-container-vertical-padding); } .ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container, .ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container { padding: 0 var(--ag-widget-container-horizontal-padding); } .ag-theme-quartz .ag-charts-advanced-settings-top-level-group-container, .ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-container { margin: 0; } .ag-theme-quartz .ag-charts-advanced-settings-top-level-group-item, .ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-item, .ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-item { margin-top: calc(var(--ag-widget-vertical-spacing) * 2); margin-bottom: 0; } .ag-theme-quartz .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-group-title-bar-icon { margin-right: var(--ag-grid-size); } .ag-theme-quartz .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-group-title-bar-icon { margin-left: var(--ag-grid-size); } .ag-theme-quartz .ag-spectrum-color, .ag-theme-quartz .ag-spectrum-fill, .ag-theme-quartz-dark .ag-spectrum-color, .ag-theme-quartz-dark .ag-spectrum-fill, .ag-theme-quartz-auto-dark .ag-spectrum-color, .ag-theme-quartz-auto-dark .ag-spectrum-fill { border-radius: var(--ag-border-radius); } .ag-theme-quartz .ag-spectrum-dragger, .ag-theme-quartz-dark .ag-spectrum-dragger, .ag-theme-quartz-auto-dark .ag-spectrum-dragger { border-radius: 18px; height: 18px; width: 18px; border: 3px solid white; } .ag-theme-quartz .ag-spectrum-tools, .ag-theme-quartz-dark .ag-spectrum-tools, .ag-theme-quartz-auto-dark .ag-spectrum-tools { padding-left: 0; padding-right: 0; padding-bottom: 0; } .ag-theme-quartz .ag-spectrum-tool, .ag-theme-quartz-dark .ag-spectrum-tool, .ag-theme-quartz-auto-dark .ag-spectrum-tool { height: 12px; } .ag-theme-quartz .ag-spectrum-hue-background, .ag-theme-quartz .ag-spectrum-alpha-background, .ag-theme-quartz-dark .ag-spectrum-hue-background, .ag-theme-quartz-dark .ag-spectrum-alpha-background, .ag-theme-quartz-auto-dark .ag-spectrum-hue-background, .ag-theme-quartz-auto-dark .ag-spectrum-alpha-background { border-radius: 12px; } .ag-theme-quartz .ag-spectrum-slider, .ag-theme-quartz-dark .ag-spectrum-slider, .ag-theme-quartz-auto-dark .ag-spectrum-slider { margin-top: -15px; width: 18px; height: 18px; border-radius: 18px; border: 3px solid rgb(248, 248, 248); } .ag-theme-quartz .ag-recent-colors, .ag-theme-quartz-dark .ag-recent-colors, .ag-theme-quartz-auto-dark .ag-recent-colors { margin-left: var(--ag-grid-size); margin-right: var(--ag-grid-size); margin-bottom: 2px; } .ag-theme-quartz .ag-color-input-color, .ag-theme-quartz .ag-color-picker-color, .ag-theme-quartz .ag-recent-color, .ag-theme-quartz-dark .ag-color-input-color, .ag-theme-quartz-dark .ag-color-picker-color, .ag-theme-quartz-dark .ag-recent-color, .ag-theme-quartz-auto-dark .ag-color-input-color, .ag-theme-quartz-auto-dark .ag-color-picker-color, .ag-theme-quartz-auto-dark .ag-recent-color { border-radius: 4px; } .ag-theme-quartz .ag-recent-color, .ag-theme-quartz-dark .ag-recent-color, .ag-theme-quartz-auto-dark .ag-recent-color { border: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-theme-quartz.ag-dnd-ghost, .ag-theme-quartz-dark.ag-dnd-ghost, .ag-theme-quartz-auto-dark.ag-dnd-ghost { font-weight: 500; } .ag-theme-quartz .ag-standard-button, .ag-theme-quartz-dark .ag-standard-button, .ag-theme-quartz-auto-dark .ag-standard-button { font-family: inherit; appearance: none; -webkit-appearance: none; border-radius: var(--ag-border-radius); border: solid 1px var(--ag-input-border-color); background-color: var(--ag-background-color); padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); cursor: pointer; } .ag-theme-quartz .ag-standard-button:hover, .ag-theme-quartz-dark .ag-standard-button:hover, .ag-theme-quartz-auto-dark .ag-standard-button:hover { background-color: var(--ag-row-hover-color); } .ag-theme-quartz .ag-standard-button:active, .ag-theme-quartz-dark .ag-standard-button:active, .ag-theme-quartz-auto-dark .ag-standard-button:active { border-color: var(--ag-active-color); } .ag-theme-quartz .ag-standard-button:disabled, .ag-theme-quartz-dark .ag-standard-button:disabled, .ag-theme-quartz-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-quartz .ag-column-drop-cell, .ag-theme-quartz-dark .ag-column-drop-cell, .ag-theme-quartz-auto-dark .ag-column-drop-cell { border-radius: calc(var(--ag-grid-size) * 3); height: calc(var(--ag-grid-size) * 3); padding: 0 var(--ag-grid-size); } .ag-theme-quartz .ag-column-drop-cell-button, .ag-theme-quartz-dark .ag-column-drop-cell-button, .ag-theme-quartz-auto-dark .ag-column-drop-cell-button { min-width: 0; margin: 0; } .ag-theme-quartz .ag-column-drop-cell-drag-handle, .ag-theme-quartz-dark .ag-column-drop-cell-drag-handle, .ag-theme-quartz-auto-dark .ag-column-drop-cell-drag-handle { margin-left: 0; } .ag-theme-quartz .ag-column-drop-vertical, .ag-theme-quartz-dark .ag-column-drop-vertical, .ag-theme-quartz-auto-dark .ag-column-drop-vertical { min-height: 75px; } .ag-theme-quartz .ag-column-drop-vertical-title-bar, .ag-theme-quartz-dark .ag-column-drop-vertical-title-bar, .ag-theme-quartz-auto-dark .ag-column-drop-vertical-title-bar { padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-grid-size) * 2) 0; } .ag-theme-quartz .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-drop-vertical-icon { margin-left: 0; margin-right: var(--ag-widget-horizontal-spacing); } .ag-theme-quartz .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-drop-vertical-icon { margin-right: 0; margin-left: var(--ag-widget-horizontal-spacing); } .ag-theme-quartz .ag-column-drop-vertical-empty-message, .ag-theme-quartz-dark .ag-column-drop-vertical-empty-message, .ag-theme-quartz-auto-dark .ag-column-drop-vertical-empty-message { display: flex; align-items: center; justify-content: center; border: dashed 1px; border-color: var(--ag-border-color); margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2); padding: calc(var(--ag-grid-size) * 2); } .ag-theme-quartz .ag-column-drop-empty-message, .ag-theme-quartz-dark .ag-column-drop-empty-message, .ag-theme-quartz-auto-dark .ag-column-drop-empty-message { color: var(--ag-foreground-color); } .ag-theme-quartz .ag-pill-select .ag-column-drop, .ag-theme-quartz-dark .ag-pill-select .ag-column-drop, .ag-theme-quartz-auto-dark .ag-pill-select .ag-column-drop { min-height: unset; } .ag-theme-quartz .ag-pill-select .ag-picker-field-display, .ag-theme-quartz-dark .ag-pill-select .ag-picker-field-display, .ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-display { font-weight: 500; color: var(--ag-chart-menu-pill-select-button-color); } .ag-theme-quartz .ag-pill-select .ag-picker-field-icon .ag-icon, .ag-theme-quartz-dark .ag-pill-select .ag-picker-field-icon .ag-icon, .ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-icon .ag-icon { color: var(--ag-chart-menu-pill-select-button-color); } .ag-theme-quartz .ag-status-bar, .ag-theme-quartz-dark .ag-status-bar, .ag-theme-quartz-auto-dark .ag-status-bar { font-weight: normal; } .ag-theme-quartz .ag-status-name-value, .ag-theme-quartz-dark .ag-status-name-value, .ag-theme-quartz-auto-dark .ag-status-name-value { padding: var(--ag-widget-container-vertical-padding) 0; } .ag-theme-quartz .ag-status-name-value-value, .ag-theme-quartz .ag-paging-number, .ag-theme-quartz .ag-paging-row-summary-panel-number, .ag-theme-quartz-dark .ag-status-name-value-value, .ag-theme-quartz-dark .ag-paging-number, .ag-theme-quartz-dark .ag-paging-row-summary-panel-number, .ag-theme-quartz-auto-dark .ag-status-name-value-value, .ag-theme-quartz-auto-dark .ag-paging-number, .ag-theme-quartz-auto-dark .ag-paging-row-summary-panel-number { font-weight: 500; } .ag-theme-quartz .ag-column-drop-cell-button, .ag-theme-quartz-dark .ag-column-drop-cell-button, .ag-theme-quartz-auto-dark .ag-column-drop-cell-button { opacity: 0.75; } .ag-theme-quartz .ag-column-drop-cell-button:hover, .ag-theme-quartz-dark .ag-column-drop-cell-button:hover, .ag-theme-quartz-auto-dark .ag-column-drop-cell-button:hover { opacity: 1; } .ag-theme-quartz .ag-header-cell-menu-button, .ag-theme-quartz .ag-header-cell-filter-button, .ag-theme-quartz .ag-panel-title-bar-button, .ag-theme-quartz .ag-header-expand-icon, .ag-theme-quartz .ag-column-group-icons, .ag-theme-quartz .ag-set-filter-group-icons, .ag-theme-quartz .ag-group-expanded .ag-icon, .ag-theme-quartz .ag-group-contracted .ag-icon, .ag-theme-quartz .ag-chart-settings-prev, .ag-theme-quartz .ag-chart-settings-next, .ag-theme-quartz .ag-group-title-bar-icon, .ag-theme-quartz .ag-column-select-header-icon, .ag-theme-quartz .ag-floating-filter-button-button, .ag-theme-quartz .ag-filter-toolpanel-expand, .ag-theme-quartz .ag-panel-title-bar-button-icon, .ag-theme-quartz .ag-chart-menu-icon, .ag-theme-quartz-dark .ag-header-cell-menu-button, .ag-theme-quartz-dark .ag-header-cell-filter-button, .ag-theme-quartz-dark .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-header-expand-icon, .ag-theme-quartz-dark .ag-column-group-icons, .ag-theme-quartz-dark .ag-set-filter-group-icons, .ag-theme-quartz-dark .ag-group-expanded .ag-icon, .ag-theme-quartz-dark .ag-group-contracted .ag-icon, .ag-theme-quartz-dark .ag-chart-settings-prev, .ag-theme-quartz-dark .ag-chart-settings-next, .ag-theme-quartz-dark .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-column-select-header-icon, .ag-theme-quartz-dark .ag-floating-filter-button-button, .ag-theme-quartz-dark .ag-filter-toolpanel-expand, .ag-theme-quartz-dark .ag-panel-title-bar-button-icon, .ag-theme-quartz-dark .ag-chart-menu-icon, .ag-theme-quartz-auto-dark .ag-header-cell-menu-button, .ag-theme-quartz-auto-dark .ag-header-cell-filter-button, .ag-theme-quartz-auto-dark .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-header-expand-icon, .ag-theme-quartz-auto-dark .ag-column-group-icons, .ag-theme-quartz-auto-dark .ag-set-filter-group-icons, .ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon, .ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon, .ag-theme-quartz-auto-dark .ag-chart-settings-prev, .ag-theme-quartz-auto-dark .ag-chart-settings-next, .ag-theme-quartz-auto-dark .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-column-select-header-icon, .ag-theme-quartz-auto-dark .ag-floating-filter-button-button, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand, .ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon, .ag-theme-quartz-auto-dark .ag-chart-menu-icon { --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); } .ag-theme-quartz .ag-header-cell-menu-button:hover, .ag-theme-quartz .ag-header-cell-filter-button:hover, .ag-theme-quartz .ag-panel-title-bar-button:hover, .ag-theme-quartz .ag-header-expand-icon:hover, .ag-theme-quartz .ag-column-group-icons:hover, .ag-theme-quartz .ag-set-filter-group-icons:hover, .ag-theme-quartz .ag-group-expanded .ag-icon:hover, .ag-theme-quartz .ag-group-contracted .ag-icon:hover, .ag-theme-quartz .ag-chart-settings-prev:hover, .ag-theme-quartz .ag-chart-settings-next:hover, .ag-theme-quartz .ag-group-title-bar-icon:hover, .ag-theme-quartz .ag-column-select-header-icon:hover, .ag-theme-quartz .ag-floating-filter-button-button:hover, .ag-theme-quartz .ag-filter-toolpanel-expand:hover, .ag-theme-quartz .ag-panel-title-bar-button-icon:hover, .ag-theme-quartz .ag-chart-menu-icon:hover, .ag-theme-quartz-dark .ag-header-cell-menu-button:hover, .ag-theme-quartz-dark .ag-header-cell-filter-button:hover, .ag-theme-quartz-dark .ag-panel-title-bar-button:hover, .ag-theme-quartz-dark .ag-header-expand-icon:hover, .ag-theme-quartz-dark .ag-column-group-icons:hover, .ag-theme-quartz-dark .ag-set-filter-group-icons:hover, .ag-theme-quartz-dark .ag-group-expanded .ag-icon:hover, .ag-theme-quartz-dark .ag-group-contracted .ag-icon:hover, .ag-theme-quartz-dark .ag-chart-settings-prev:hover, .ag-theme-quartz-dark .ag-chart-settings-next:hover, .ag-theme-quartz-dark .ag-group-title-bar-icon:hover, .ag-theme-quartz-dark .ag-column-select-header-icon:hover, .ag-theme-quartz-dark .ag-floating-filter-button-button:hover, .ag-theme-quartz-dark .ag-filter-toolpanel-expand:hover, .ag-theme-quartz-dark .ag-panel-title-bar-button-icon:hover, .ag-theme-quartz-dark .ag-chart-menu-icon:hover, .ag-theme-quartz-auto-dark .ag-header-cell-menu-button:hover, .ag-theme-quartz-auto-dark .ag-header-cell-filter-button:hover, .ag-theme-quartz-auto-dark .ag-panel-title-bar-button:hover, .ag-theme-quartz-auto-dark .ag-header-expand-icon:hover, .ag-theme-quartz-auto-dark .ag-column-group-icons:hover, .ag-theme-quartz-auto-dark .ag-set-filter-group-icons:hover, .ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon:hover, .ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon:hover, .ag-theme-quartz-auto-dark .ag-chart-settings-prev:hover, .ag-theme-quartz-auto-dark .ag-chart-settings-next:hover, .ag-theme-quartz-auto-dark .ag-group-title-bar-icon:hover, .ag-theme-quartz-auto-dark .ag-column-select-header-icon:hover, .ag-theme-quartz-auto-dark .ag-floating-filter-button-button:hover, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand:hover, .ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon:hover, .ag-theme-quartz-auto-dark .ag-chart-menu-icon:hover { border-radius: 1px; background-color: var(--ag-quartz-icon-hover-color); box-shadow: 0 0 0 4px var(--ag-quartz-icon-hover-color); } .ag-theme-quartz .ag-filter-active, .ag-theme-quartz-dark .ag-filter-active, .ag-theme-quartz-auto-dark .ag-filter-active { --ag-quartz-icon-active-color: color-mix(in srgb, transparent, var(--ag-active-color) 14%); --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 28%); position: relative; border-radius: 1px; background-color: var(--ag-quartz-icon-active-color); box-shadow: 0 0 0 4px var(--ag-quartz-icon-active-color); } .ag-theme-quartz .ag-filter-active::after, .ag-theme-quartz-dark .ag-filter-active::after, .ag-theme-quartz-auto-dark .ag-filter-active::after { content: ""; position: absolute; width: 6px; height: 6px; top: -1px; right: -1px; border-radius: 50%; background-color: var(--ag-active-color); } .ag-theme-quartz .ag-filter-active .ag-icon-filter, .ag-theme-quartz-dark .ag-filter-active .ag-icon-filter, .ag-theme-quartz-auto-dark .ag-filter-active .ag-icon-filter { clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z"); } .ag-theme-quartz .ag-chart-menu, .ag-theme-quartz-dark .ag-chart-menu, .ag-theme-quartz-auto-dark .ag-chart-menu { --ag-icon-size: 20px; background-color: color-mix(in srgb, transparent, var(--ag-background-color) 30%); padding: 4px 2px; } .ag-theme-quartz .ag-chart-menu-icon, .ag-theme-quartz-dark .ag-chart-menu-icon, .ag-theme-quartz-auto-dark .ag-chart-menu-icon { opacity: 0.8; } .ag-theme-quartz .ag-drag-handle, .ag-theme-quartz-dark .ag-drag-handle, .ag-theme-quartz-auto-dark .ag-drag-handle { color: var(--ag-icon-font-color); } .ag-theme-quartz .ag-menu-option-icon, .ag-theme-quartz .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-menu-option-icon, .ag-theme-quartz-dark .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-compact-menu-option-icon { width: var(--ag-icon-size); cursor: pointer; } .ag-theme-quartz .ag-ltr .ag-menu-option-icon, .ag-theme-quartz .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-compact-menu-option-icon { padding-left: calc(var(--ag-grid-size) * 1.5); } .ag-theme-quartz .ag-rtl .ag-menu-option-icon, .ag-theme-quartz .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-compact-menu-option-icon { padding-right: calc(var(--ag-grid-size) * 1.5); } .ag-theme-quartz .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-quartz-dark .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-quartz-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover { opacity: 0.35; } .ag-theme-quartz .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-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-quartz .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-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-quartz .ag-multi-filter-group-title-bar, .ag-theme-quartz-dark .ag-multi-filter-group-title-bar, .ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar { padding: calc(var(--ag-grid-size) * 1.5) var(--ag-grid-size); } .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-body { padding-left: var(--ag-grid-size); } .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-body { padding-right: var(--ag-grid-size); } .ag-theme-quartz .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-instance-filter { border: none; background-color: var(--ag-control-panel-background-color); } .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter { margin-left: calc(var(--ag-icon-size) * 0.5); } .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter { margin-right: calc(var(--ag-icon-size) * 0.5); } .ag-theme-quartz .ag-filter-toolpanel-group-level-0, .ag-theme-quartz-dark .ag-filter-toolpanel-group-level-0, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-level-0 { border-top: none; } .ag-theme-quartz .ag-filter-toolpanel-header, .ag-theme-quartz-dark .ag-filter-toolpanel-header, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-header { height: initial; padding-top: var(--ag-grid-size); padding-bottom: var(--ag-grid-size); } .ag-theme-quartz .ag-filter-toolpanel-group-item, .ag-theme-quartz-dark .ag-filter-toolpanel-group-item, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-item { margin: 0; } .ag-theme-quartz .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-quartz .ag-layout-auto-height .ag-center-cols-container, .ag-theme-quartz .ag-layout-print .ag-center-cols-viewport, .ag-theme-quartz .ag-layout-print .ag-center-cols-container, .ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-quartz-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-quartz-dark .ag-layout-print .ag-center-cols-container, .ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-container { min-height: 150px; } .ag-theme-quartz .ag-overlay-no-rows-wrapper.ag-layout-auto-height, .ag-theme-quartz-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height, .ag-theme-quartz-auto-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height { padding-top: 60px; } .ag-theme-quartz .ag-date-time-list-page-entry-is-current, .ag-theme-quartz-dark .ag-date-time-list-page-entry-is-current, .ag-theme-quartz-auto-dark .ag-date-time-list-page-entry-is-current { background-color: var(--ag-active-color); } .ag-theme-quartz .ag-advanced-filter-builder-button, .ag-theme-quartz-dark .ag-advanced-filter-builder-button, .ag-theme-quartz-auto-dark .ag-advanced-filter-builder-button { padding: var(--ag-grid-size); font-weight: 600; } .ag-theme-quartz .ag-advanced-filter-builder-item-button-disabled .ag-icon, .ag-theme-quartz .ag-disabled .ag-icon, .ag-theme-quartz .ag-column-select-column-group-readonly .ag-icon, .ag-theme-quartz [disabled] .ag-icon, .ag-theme-quartz-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon, .ag-theme-quartz-dark .ag-disabled .ag-icon, .ag-theme-quartz-dark .ag-column-select-column-group-readonly .ag-icon, .ag-theme-quartz-dark [disabled] .ag-icon, .ag-theme-quartz-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon, .ag-theme-quartz-auto-dark .ag-disabled .ag-icon, .ag-theme-quartz-auto-dark .ag-column-select-column-group-readonly .ag-icon, .ag-theme-quartz-auto-dark [disabled] .ag-icon { opacity: 0.6; } .ag-theme-quartz .ag-icon-grip, .ag-theme-quartz-dark .ag-icon-grip, .ag-theme-quartz-auto-dark .ag-icon-grip { opacity: 0.7; } .ag-theme-quartz .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-quartz .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-quartz-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-quartz-dark .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-quartz-auto-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-quartz-auto-dark .ag-column-select-column-readonly .ag-icon-grip { opacity: 0.35; } .ag-theme-quartz .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-filter-filter .ag-input-wrapper::before { position: absolute; display: block; width: 12px; height: 12px; background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg==); background-position: 50% 50%; background-size: contain; opacity: 40%; content: ""; filter: var(--ag-icon-filter); } .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before { margin-left: var(--ag-grid-size); } .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before { margin-right: var(--ag-grid-size); } .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-number-field-input { padding-left: 26px; } .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-number-field-input { padding-right: 26px; } .ag-theme-quartz .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-add-group-indent { margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5); } .ag-theme-quartz .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-add-group-indent { margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5); } .ag-theme-quartz .ag-text-field-input[disabled], .ag-theme-quartz .ag-menu-option-disabled, .ag-theme-quartz-dark .ag-text-field-input[disabled], .ag-theme-quartz-dark .ag-menu-option-disabled, .ag-theme-quartz-auto-dark .ag-text-field-input[disabled], .ag-theme-quartz-auto-dark .ag-menu-option-disabled { cursor: not-allowed; } .ag-theme-quartz .ag-checkbox-input-wrapper.ag-checked.ag-disabled, .ag-theme-quartz-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled, .ag-theme-quartz-auto-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled { --ag-checkbox-checked-color: var(--ag-checkbox-unchecked-color); } .ag-theme-quartz .ag-checkbox-input, .ag-theme-quartz .ag-toggle-button-input, .ag-theme-quartz .ag-radio-button-input, .ag-theme-quartz input[class^=ag-][type=range], .ag-theme-quartz-dark .ag-checkbox-input, .ag-theme-quartz-dark .ag-toggle-button-input, .ag-theme-quartz-dark .ag-radio-button-input, .ag-theme-quartz-dark input[class^=ag-][type=range], .ag-theme-quartz-auto-dark .ag-checkbox-input, .ag-theme-quartz-auto-dark .ag-toggle-button-input, .ag-theme-quartz-auto-dark .ag-radio-button-input, .ag-theme-quartz-auto-dark input[class^=ag-][type=range] { cursor: pointer; } .ag-theme-quartz .ag-details-row, .ag-theme-quartz-dark .ag-details-row, .ag-theme-quartz-auto-dark .ag-details-row { padding: calc(var(--ag-grid-size) * 3.75); } .ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before { opacity: 66%; filter: invert(100%); } .ag-theme-quartz-dark .ag-chart-menu { background-color: color-mix(in srgb, rgba(24, 39, 50, 0.3), var(--ag-background-color) 30%); } .ag-theme-quartz-dark .ag-text-field-input::placeholder { color: var(--ag-data-color); opacity: 0.8; } @font-face { font-family: "agGridQuartz"; src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABmsAAsAAAAANbQAABlcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KxFS3OAE2AiQDgkALgSIABCAFhEYHhUIbrS1lhhRsHMDmjYY+2f9fJnBjSJQDf3Gmak2UmCoRplwn+JpsYTlytdwFD68gMxAuB6741XeLNiaMyYN/Iiaja7H1EUOGUhLUj/323jcjUYJlMU80EU94ogRKZmiBUH/jr7U+X0/3AC4BDOAS/7sQgIpQqZPxwEKiCutUygMLnSGasyZsKRo2YYIFiy8EPEDFongwrRhWQbxiSLopNaEOFUqTmm5qTrZHFe66WzFSMeAFzgogYN7fKmG3GmaqyKkJcuZTdX6S1pPWgQysvt4IsiLS+voh/7c/Nf9aap09LHbKmLfn5uSXXQaBSUDiCeFyEfB/OrPWEGLnEOaAq4q6TjMaaT1/vryWIS+yorfn9ZGikFbLXqKkOkCurrTXB3ZYQawu1RUll1g0V7TXpT5oqytTnm411z0+bukoMcg+f00X2lun4IUXCmKEACE+kpAE6lenRyKAsj4HNb6eX6ecPHBzJomInhng2DlOntjfxL1nkYIlgTuw7NOgKLrdy34IBb2MPkp1rOGX8duZ37On0REwTl4XItLicDqDRmWy2BwUhj67sc3lwbZnluMFxdG5tfcOYgid5cCtVtNehZ9qy6N8Y2XPZC7cDds5fr5VvsKT56ihWTQLJkKQ1WcJ4R0ZNjxzKu/t8IM4awcqx5ZhK4C2NmOYC8PMrLy/b+tuPdg6Y2FYi6DJoNulpfrW0iUyBGfmbB7flj4+b9u2A4Ojg7DMLMlc2lQot5k2VPOScbe2iDCsmfKIjHtnYCiqLNc97FUtol0JuSGUyx9tDMmTW27PdDTn33bOcGZq42bBvYMpTkJpSldN46kjVKfZwUqStp51wye+1u2lz/6LoCKwohYzJtX7X7GtyXp2TpAxum+e5Xx6wxbDzzBCoceT2HSt1W0cSA0adCIBQZNONWvQ2xKwrLX2dhwegjEDrnpBo/+CSmeSzfUGHo9E2G/2kWLS3okPNsBahCCpbijNlRuo69CkwPZcRJkgz/aYlslJl5Rs0p+2PbM9V5JNk8y39txZBke1ZlHnXhhyeLrFuZgzETWMvfnYprE1sMD2ZLmzI2vss+MGOI65YGuHKIcGvaYpz0Y8neFkb4yDKAZceNtQ5ixPBmuPECo9TwnmxxqwwyKyG3O1yyiz1MuuRRSq95CmAoIzc1s7w9uTM5LejRtokJ6oz4Gv5IePP2FBASR0BqK9WN6b2PG1oKaO/AnYyM592zB8fiuQAzJAh2/MpdbiUrQA3nsdMCHv9BC/Aqo4FKLjCc97s6n/+y86PeApLzZRSo+sIMXBtKopUIW9MrMAebbMG1iW5qRjTJwMsUcY19rRBULBCBoz210OTyCSyBQ+fgFBIWr9UTFxCZwFmJKWkZUjyisoKikLqqiqqWtoamnr6OrpGxjyGxmbmILIQ3QnT2nUNTGb7j1rCwuWozODdrf/+4fN/WlofVwCrwowGQ9WVctXZArYJF3AFpkAtskIsEOmgV3SC+yRRWCfdAMHZAw4JP3AMRkHTsgocEpmgDMyCJyTAeCCzAFXpAe4JsPADekDbskscEcWgHsyBDyQSeCRzANP1y6BJgIJUgBADAAkAEAaAMgAAFkAIAcA5AGAAgBQBABKAEAZAKgAAH0AQD8AMAAADAIAQwDAMAAwAgCMAgBjAMA4ADABAEwCAFMAwDQAMAMAzAIAcwDAPFS5sQBwiUUAYAkAWAYAVgCAVaiyYg2gCOsAwAYAsAkAbAEA2wDADgCwCwDsAQD7AMABAHAIABwBAMcAwAlUteEUgA1VAKAGANQhoITlzRa+gU9Q/qf2I3Li106LExgVpVnKQxjkqZk/ObMidiGpueT8tqQ2PGZHiVYjBBKD4ckloivb1pN5uXp2kE1l4ymJSctRdtYwWPKH0wEsDNwsX+Kl5KFbL1yOteU6L8pqSyE+NCvSSZVQMl+QJUlW5JWZil+coEQqEKEj0QVJNaqyP9zNF/ORTFrCwSAOBeVwPJlMRxIZgVz+iGI8gvM6LXJp4jHgR9hn2dRlE/KX0iwKLg8JpHDBKZOuXrEc3cK8bFR4RNpbktpLK/3TUFBQzHwxKHPEPemSPVYh52btL5tI2tUqu0rTu4ys7eWL8y9Eomq1uFDYnSrdfQfjF733Za2SVpL1SMCWKrm88qJqYfczJVegXwuoOvGYrLjFJ1Fw+2ResiOlvW4hH7sMWNWJZPWWbf+E84zw80iIImUxujRJtJnWM+JYtWLw+IU8A4YNd5ccTnjnCqK1wtoj9om+aLEsCpZyVDD5k9kt9HqSllAqEDPwm55gmtD4VPQz+F60fNGZSQOJEi59194/82c03/ySrw4PGT+Kf8ULrK+kh8lR+pMueTU3jJYrXifpXpkhEB70Qh2mYbYHVeKKvfd3OTFyFLH4tiOzmFZzehnv6crh4CgZH0ZrnBVdKZNR2UxJsG0Fh9CDbu55MjrIEDgwAp7DY0P0HXS9YrgMjuUYmUU+UFIlaRKwt0pBieFxOiULAVVdq82vlDTVQjoKdEYluGHl0NiWVMvIwKySisFRjgRl78c+q12XyYB8PnsTjwyc0EKRFooqyR0aAzr9tPl7D2S07t8zqipKmfvm/Q3EB7qlxuItPMEwcFLUA3jE3gDsJ0+nlaxgc9z1O5AvX5RbUqibURkH9bC+myOLzen2dGgYoiU6Po9zfPlsON32RAk9k1JiKrCGzy3JrbBmWCyipmnbZrbFIoeVKr1aHaqXiiQvmDakMWnR5wDLZZ5VL4SMhp6tKRqVWEo5IpiQIUHJnceWJaozXBElto57YC/pR30ySpIoKq5SMrTVq+Dv1UZhXBhPxckNou2a2hGnLrOJu5YgyillKpS6xmIaHLTzPxEpQ8scv5Dj5UdAe8IVLVQU2uROV7SZbsL5qcc812Wl3b2gkcMFcYUqaBtg+BLSe7CHYtpZN1cQ36lF+ojOEiWKewqjd9rTwn1GS/+Gq187dGDqRAzwopxfGSwtyma5Wz5ErfagXSKzJ+xC42QvbVVpld/Gh6Gcnb5zW+3m4P5KghzLIJKczT7ojhCwWB27MHQguUKJ8KkJXSx+ZqGrVXv7z45rSaP1To/u7p1td7bXz/j9wpAacwmWw4PZNzEvW9vafRf1k17Yg/s0HIYwikiSIPKmHd/bP7esu7V2WvW5AUbAZQ7mwNQCp769c3rF7t7To0pEtOQmCrjnix50Ndz0lZN4OprysAs9Tk9XLQKv067qMWg+a+M2pwavN81EaFZ2THFMgZu+dTHrLiO5Dc+Rzt5a7Ve90qv4AAiPXb7RhljaAvecls4kD2deTuBtn6iLh69pzFTZo7IBFGkTBh+qN2vaAySq1TVIvU/+729GTX1dAGB/tpIjUc6BoZbu+QB39DTAxt7OXFaTCXCvplGSenqq0rqHp3SnOrXkKF/zDIVyt6VLxrsazWmTn9XIq32Y//YDz4I3PEkMO5RkRhLeHdRvaZJO8+Ls0aU+aFDjYABF0V6evXhjRuEqYs9nwXOG39QWgx3haO2P55NcfSsWgQmPTk6WYhIr3fjeCKcPUG93jfzRXaMFOJBWEi0hIIPMvIMOqnVBdA3ijDasjkdmAV84g5S6++tZuTQ/CU9SlrGXy1haGczkpmHeHqjryd7OCh/IgOUumfNa1aoK2l2zlSv4E3VOSzn4aNoXDYxsYmBbs62DU7l8rtPm8NZ2d2LZtrE4GQasevPrbd0Hxvu7jqh2DX0ZAclTrv0+MFGgHNpq9ZFSIWlPPisaHp9M4OObNZqbEn63TJkdpoPIYnpi6uFjWS1n4fTIC2XyZGxMPpJVhmYQpUC0PbgekWJXMM/xkKnYgrfEOa5Tiapmfn2g4tKlNCotLo+ve2FXT2sIcbzBQTPL6qX+o+13e9vMUPnolMocb1ZJaUIhLevTVkmjxDNSatY9nLKgmBeUUlGnvqJTzs37GZfKHJs+b5osE9hHhauZ+7fIe9WYVcE1kSnO3rW+hihvY+yw4GYVHTVazHt2VoAc0tsYBw9wRLr/e4gaaKFdqneOTgyAQgP/9jbChrdsC2qcZyqymh8T7uprQs265WP36WtMusxf6esqKIeOl75ulFE1V7Hmb17GouDmAGiGvjr7Or5XwmokqVIiTLnkcL50USoDJ8kjNIUnSneznkjq4gc24hY5Es1nV317AVSHXqz53SJ4+MKcHs0y/HiB7u0kkpo/nzkICc4KaJKYYFrJTccW35Y67SVpkJAQnOUcAg4y55/zWPhh3IfxC7iAn36OltCLF5PWOySUmQFGSGuDhFq8OKOBXqdj5xS1XgLgJ7ym+WDgmSrjl3QBhrk1O4fdXDu/EZVyWEJeQj12FvBmBdMY7e5OWh+WU/fvXUcIzMC5/sgFlXo4COu/3FT3np7e3hcSg+Syiz09rcX8LB3eG5n1Oh5bKsZ7ewBPVQ4NnB0cA7YxmUMp2VZVsg1lJ55CE2aEwwX1hgFz08ctyjGafIILMtarAhdNLC5JRJFwpM6eLCpCE0PDQ1FtSVESumIyuMgG7nbHeIgtZ9Qeq4q66oWaqi3LZzbxqe8ys5ExWuzIcD2SwrimqOzaBoSqcPamHetb+za02VbU8IfS11TFHg093NzF81e8Xd+//vGK+c3ZgZm3UpMv21VTX6JYlZraGeIe0pqeRjzmPCYsWlOhO1NTVz32BKjwHIUZMHN5OUXhLCVLQWFVxmDEIKOwgMboxMT1Nys6uok2pxiszXSmvX2E69QLN24YvAysJbzNgs08r7UlbiBhw0+N9HTMaakGNMSz3XLWZrQ7nH/bsvPteQc000cDbFWz2QPcGNG+AGHcULpPFCM8JQ3JnTRf9FqN1u/aPXX31no0ExUNbaUVyQ0GRNt2VTqVA2EWSkvooSH4qKvt1mRv5KMlwO4mxiLaVvWgETNBRLovtC10nxRpe839IrWaBMz+2KHO52ROG8IqfJZwo4dwg5C7YT23nRvOY58ARD7+i6oZMdrV1c2VxEwYldzIlcYIjKSvYMgOBaIe9xUV1JStUJ9kYEVYGFaIRa3OkRr8dLfnu9p6PeOprZ+c9QejrO05OuHs3h+fXU4Wb5IITuugs5v3nwfgCPs11zQx/qlF3fYT5v1y98pNr3Vil2g8ljrtPuHk4TE0LnSF/EHlMo7Dnmur1Q1fHNmZkHmq4expl+G7OJBj8ZAsainGXfYyI6L8tG9Z14RMu3zV7+9cD9xxPjZ2nZTwN7lLgdtKaweti721e8QTt7JOp84yt7B7Mlv7vc6ad3Cn8/lmBamgFVSXNmpCzmxREVeTaj9nT0NjQCCl1oOhf/5UM9KF8crwVGayu8kt2TE1XBkvTLdSNUS7U5MPkoICk43n+KTCrKAU9Nq6Owo9PfQ2HODLgqABIzhvHz+hphskpFBAY2sTLxqUb06N/slj4s7k47s59fFzVs+Pd0vuZuM/2sflTsq9eUT1zLY71JGdmDQvo37n/Fi4x5ZjG+2uKchaENn51K5byXQG/kIjYYbRsbWomK2r1WvMOYKuAl9VDCifEZ7oJ1ePk/slle5rr2zwlt99mN4T/fBDPnMg7ofWL9etUtAXvUTw2P13cuSLC530qpbL0y+6kla5HnmuSqVrnkcuj5reED5cMC1rWBlUslAQ11DZ3l667Iy0W65O9JsRXh4SAlTLxLOHa5Kzhy7f944EuVrsddwAc1z5hhQiWiOESrON0aQehYG5lkb/hIKtcle163Ip3smtBQn+jUokJ0zRa39bGagKTvBI92qDAmWUXfO2fa8iLAeZ6M2j5XE3bVdIUlBQ0lQpbp66f8Ldcg6bUDbaC2j/hgT8zrOX1d8h0fHBRy4INRaM5zh70YGAMbQDZH9zmXLQ3vofG+r9hbTenkKRXNR/pOP7/QDwW8ejFTqyYoi3n2ssjVLPQTYZLxcVaxsB6U0ZhdGCadyBiEke7U1UM8J2NAOdJsCLsxV6BzwtncLI9LSy0DRolBihaMQKpPpZmaDPQem0sU9DTu4D9AOOsGq4ZoaKkh/2IA/D60ykLhCqPEnJ4RQqIKA/jh/Xb6rbuy0m+yxmSGAENIOeWu6IaNUYVfSgZ6xr6R4bnCacpORnTNGaiYp0UXDOtEvduYNZsjGyrEFuLF0VOLFB6aKJCn7m5IvekhMGhXbM2Mm3yiTOXhIQCpsnIdmxmTsIs/BQeyvW9JEYXVNjtjakmF2iMcl9D6gMJXoOu/iBsIqRsAzd5O8pyjGeZshlqXw1NZTEYL0tkdh73QSsjLmyXupAHQ6kiKFvHX1/v5W29v/CeRtuPwwJOIxMHxsBjpKMpYj/6qdbUYPu7wfz/4Ym3jGNiRwzP8KtfuIEn4N79lMDjDu9i8bovj5cal4Rq7K/3mIxY6HsgdAT1vitdCvrLRa938QbBvz01eJnf/utzuSxrHqckhit6b1ava7Z2cxoJivQnid2/tgxgM6KBG7uCsWY0fLcKcnB2qAgbXAyIcVpbdDeNPFZkZ1dN7ZgzMyZYwrGfT/KUUbZDvg27rz1GygY+9pgXEEdcEXuCxx5XNGpgJGrPOCUaNBjQDWJa2APoWp0kHVHYiqzuCGaOslncV1miBr9yPRrJyCdO0k94KEOzsRFNjtfTHxx4imHgOKsLHKEIYU62EFhdJ1YXFfLLirGszLF0AScbjY6D3C1opNShsZzM2+bQ1tTnBgtFcdxDJwYSHDW11eKxoub2hy2zfjqGYMm1HqiGh81KoUmeEdcCuJFTe323M9c+/bNcSJQKr4DjRx/ltpHw2pDSsruFvm7OQRwhIkjpIgZWnzlZqL3RKKxsxQjPC3toBSO1kH+fY4RdnUpP9+1K5Fd6st23dG1zJ3dwUk38u6YoQECb1nfPJurhfLshJmwaVTOKLRwRkfKhJnxTbAqpyqf2ZoyRu43vsEhKftPDtgUP3N8yvGCWY4DYcpM5ubcQj0nfX6MOFDIzJ2ybWNhtnPr9NYUFp47tREmL41JjFnqXXXoUJW3LqxxeRqjkYzzuN9CG0bK0vxnaur1m/rrlfpZtd/wVRxw+ktrUQ6/diXuAeizaamvz8yDz2IBPioDEVbP4cMWda+EHBp2BfPwMK7lsGpr8Z82PZCAgq/kVISxkMBMELzf4aRlD+BXNQLn4u8ixe3YXHxoCF+/HbjCEXg6xb7BBu8T7xoQJUNJCfngvgXMkVD9OjtpjASZvVPdMP9L56yHszB2INLmHdC74RbNWQxZOOjNKV2Tm+xvv7qdOsrL9LXN/Jzi1ppfD2liOvnTaWGwLBjrAQdtOkOPvIjRb1wf9WlMJ/YiljuYLRstA3yhIGQzf3OIo+MzfMZsNWUkzbDqdTUCCJzCyqvm5EVky2TZEXlPI/Kdzpbt3NP8z0h+LE9BHW3zTHGuKKu5OUuUK74txcq8tyhLnHs7x3wXpJbs/FLXky0t1Uu6RSK1xgimIHN4DmlEbzaSPzPvBTVrZ86HLrL/nGkIxhBTxhsDtgxghUlxKmw3qycIWPvHY4VabOHNFFl4Zma4TDE7+evIjvZto2Pkt9lJCllmWHjmOpWEJfAi6K/ZSfIMWXhzUr6zfy/xogWw7N9o0T9K2BuZlyRvUcV5ociEODMRhFSg5S/hkaGXWWZAWi6h2hDvxH3EUGsukgjA/39lSpGvs0Q5cuMZY5DJeXlqP4x7vAxKhGU7kKA89aso4W31KtGCKA2nMBGDzE2YrH488wlyNsCFPPT0/dR/kR0i86KEDnlgKGG0JPe0IJ/0JoxR4TLEaucrqA2IU6Dn5XCFaE2UJGKsZDbPaj+MS7ycECQGG1mSPJWG5A5q/1abjvlv19sf09Dx/7F1KP4YlGf37sryhNIZtzj5iqi/8FKgLm0zwj9BtL8BWcG/jtVfP5ZBoP0ZLnQTUA4eBv4R47T4hnInSMwuCZvibyKzN0KIZmfmSI6oRfIkU1LWMt92RcgzMJTlAYl7a0YoincEzpv5gSCY+SWhRf0sGMz8lwhuDfK7iapx5wXg9xLsVwXRwzf6GkHOhwXf5T9KCUzNW7efdWB7JBRQtE2/NGX076quccKp+WSKvYqRmyz8g0a7QTV/vPQeDUN2htMKeHsisL5UEPjVwTdc2FW8GBPDmPKs//BNFPzYGGm86bwyRveSmG8MFLJWb9lYxbiw3mlsOc2qXLCk8cmVMYoYCp7LnO/+QCa0O0MJN/vwEm/Ksdodw4XbsmRUo0b/B+RdUQgjgmjEIBZxiEcCEpGEZKQgH/IHgqFwJBqLJ5KpdCabyxeKpXKlWqs3mq12p9vrD4aj8WSqarphWrbjerP5Yrlab7a7/eF4Ol+uLPxaieC9oAcNTMcgwlPZQjHHBshgPDLDInnbQTS/Pc/trgXt89kOAllUlBQIFO+z8pWYel4ajixtDidz5eQk1kTl3DCpgFG0O8N5OTLCpWxNGbem6s5iMUc41508bTMD96r2DBdsS4QybPfFYxdijSGOXJCiOy8hH3nhmndXk1p+dHocAzUc9iQy2ED+NMEcUjjgLiHVU0F5qg4x4QWxthAjTzCP8t1p3CJNR7c7st7Kvd8Pt31VZWrZuZuzRnQkwQ+6KzDieUkc1raWJzqwVuAF1Fvw9JuKKPRRVLhQQWxN5AJ5Hw6nUZ6dt+eMdFpJErEp5eZYy1Gh0nDaDdpqWqWFqh08M4UG+hLrkNNpacbD3/15a6d1vhy7BwA=); font-weight: normal; font-style: normal; } /* * * Main stylesheet for Switchery. * http://abpetkov.github.io/switchery/ * */ .switchery { background-color: #fff; border: 1px solid #dfdfdf; border-radius: 20px; cursor: pointer; display: inline-block; height: 18px; position: relative; vertical-align: middle; width: 40px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .switchery > small { background: #fff; border-radius: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); height: 18px; position: absolute; top: 0; width: 18px; } .pagermvc { margin-bottom: 8px; margin-left: 3px; margin-right: 3px; margin-top: 8px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; } .pagermvc .disabled { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: #ddd; border-left-style: solid; border-left-width: 1px; border-right-color: #ddd; border-right-style: solid; border-right-width: 1px; border-top-color: #ddd; border-top-style: solid; border-top-width: 1px; color: #999; margin-top: 4px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; text-align: center; } .pagermvc .current { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #6ea9bf; border-bottom-color: #6e99aa; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: #6e99aa; border-left-style: solid; border-left-width: 1px; border-right-color: #6e99aa; border-right-style: solid; border-right-width: 1px; border-top-color: #6e99aa; border-top-style: solid; border-top-width: 1px; color: #fff; font-weight: bold; margin-top: 4px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; padding-top: 3px; text-align: center; } .pagermvc span, .pagermvc a { margin-bottom: 4px; margin-left: 3px; margin-right: 3px; margin-top: 4px; } .pagermvc a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom-color: #aaa; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: #aaa; border-left-style: solid; border-left-width: 1px; border-right-color: #aaa; border-right-style: solid; border-right-width: 1px; border-top-color: #aaa; border-top-style: solid; border-top-width: 1px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; padding-top: 3px; text-align: center; text-decoration-color: -moz-use-text-color; text-decoration-line: none; text-decoration-style: solid; } /*! jQuery UI - v1.12.1 - 2016-09-27 * http://jqueryui.com * Includes: core.css, autocomplete.css, menu.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/Content/themes/jquery/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/Content/themes/jquery/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/Content/themes/jquery/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/Content/themes/jquery/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/Content/themes/jquery/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/Content/themes/jquery/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/Content/themes/jquery/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /*! * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x * * Copyright 2013-2015 Dan Grossman ( http://www.dangrossman.info ) * Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php * * Built for http://www.improvely.com */ .daterangepicker.dropdown-menu { max-width: none; z-index: 3000; } .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar { float: left; margin: 4px; } .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar, .daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar { float: right; margin: 4px; } .daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; } .daterangepicker .ranges { width: 140px; text-align: left; } .daterangepicker .ranges .range_inputs>div { float: left; display: flex; } .daterangepicker .ranges .range_inputs>div:nth-child(2) { padding-left: 0; } .daterangepicker .calendar { display: none; max-width: 220px; } .daterangepicker.show-calendar .calendar { display: block; } .daterangepicker .calendar.single .calendar-date { border: none; } .daterangepicker .calendar th, .daterangepicker .calendar td { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; white-space: nowrap; text-align: center; min-width: 30px; } .daterangepicker .daterangepicker_start_input label, .daterangepicker .daterangepicker_end_input label { color: #333; display: block; font-size: 11px; font-weight: normal; height: 20px; line-height: 30px; margin-bottom: 2px; text-shadow: #fff 1px 1px 0px; text-transform: uppercase; width: 30px; } .daterangepicker .ranges input { font-size: 11px; } .daterangepicker .ranges .input-mini { border: 1px solid #ccc; border-radius: 4px; color: #555; display: block; font-size: 13px; height: 29px; line-height: 29px; vertical-align: middle; margin: 0 0 4px 0; padding: 0 3px; width: 110px; background-color: unset; } .daterangepicker .ranges ul { list-style: none; margin: 0; padding: 0; } .daterangepicker .ranges li { font-size: 12px; background: #f5f5f5; border: 1px solid #f5f5f5; color: #08c; padding: 3px 12px 0 12px; margin-bottom: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #08c; border: 1px solid #08c; color: #fff; } .daterangepicker .calendar-date { border: 1px solid #ddd; padding: 4px; border-radius: 4px; background: #fff; } .daterangepicker .calendar-time { text-align: center; margin: 8px auto 0 auto; line-height: 30px; } .daterangepicker { position: absolute; background: #fff; top: 100px; left: 20px; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .daterangepicker.opensleft:before { position: absolute; top: -7px; right: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensleft:after { position: absolute; top: -6px; right: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.openscenter:before { position: absolute; top: -7px; left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.openscenter:after { position: absolute; top: -6px; left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.opensright:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensright:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.dropup{ margin-top: -5px; } .daterangepicker.dropup:before{ top: initial; bottom:-7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.dropup:after{ top: initial; bottom:-6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; white-space: nowrap; } .daterangepicker td.off { color: #999; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #eee; } .daterangepicker td.in-range { background: #ebf4f8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .daterangepicker td.start-date { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: #3071a9; color: #fff; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; border-radius: 3px !important; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; border-radius: 3px !important; } .daterangepicker_start_input { float: left; } .daterangepicker_end_input { float: left; padding-left: 11px } .daterangepicker th.month { width: auto; } .xdsoft_datetimepicker { box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); background: #fff; border-bottom: 1px solid #bbb; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 8px; padding-left: 0; padding-top: 2px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; display: none; } .xdsoft_datetimepicker.xdsoft_rtl { padding: 8px 0 8px 8px; } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; } /*For IE8 or lower*/ .xdsoft_datetimepicker button { border: none !important; } .xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .xdsoft_noselect::selection { background: transparent } .xdsoft_noselect::-moz-selection { background: transparent } .xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; box-shadow: none; } .xdsoft_datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; } .xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker { float: right; margin-right: 8px; margin-left: 0; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px; } .xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker { float: right; margin-right: 8px; margin-left: 0; } .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px } .xdsoft_datetimepicker .xdsoft_mounthpicker { position: relative; text-align: center; } .xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); } .xdsoft_datetimepicker .xdsoft_label i { opacity: 0.5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle; } .xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0; } .xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0; } .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0 none; cursor: pointer; display: block; height: 30px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; outline: medium none; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; min-width: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next { float: none; margin-left: 0; margin-right: 14px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #ddd; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { background: #f5f5f5; border-top: 1px solid #ddd; color: #666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 25px; line-height: 25px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top-width: 0; } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; } .xdsoft_datetimepicker .xdsoft_label:hover > span { text-decoration: underline; } .xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1.0; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: -7px } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { right: 2px } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #ff8000; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none !important; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #33aaff; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_month { width: 100px; text-align: right; } .xdsoft_datetimepicker .xdsoft_calendar { clear: both; } .xdsoft_datetimepicker .xdsoft_year { width: 48px; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; } .xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #f5f5f5; border: 1px solid #ddd; color: #666; font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5%; } .xdsoft_datetimepicker .xdsoft_calendar th { background: #f1f1f1; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #33aaff; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #33aaff; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor: default; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #fff !important; background: #ff8000 !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover { background: #33aaff !important; box-shadow: #178fe5 0 1px 3px 0 inset !important; color: #fff !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: inherit !important; background: inherit !important; box-shadow: inherit !important; } .xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default; } .xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; } .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important } .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important } .xdsoft_time_box { position: relative; border: 1px solid #ccc; } .xdsoft_scrollbar > .xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px; } .xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar { left: 0; right: auto; } .xdsoft_scroller_box { position: relative; } .xdsoft_datetimepicker.xdsoft_dark { box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); background: #000; border-bottom: 1px solid #444; border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; color: #ccc; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div { background: #0a0a0a; border-top: 1px solid #222; color: #999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { border: 1px solid #333; background: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #000; background: #007fff; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==); } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222; color: #999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #cc5500; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #000 !important; background: #007fff !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important } .xdsoft_dark .xdsoft_time_box { border: 1px solid #333; } .xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller { background: #333 !important; } .xdsoft_datetimepicker .xdsoft_save_selected { display: block; border: 1px solid #dddddd !important; margin-top: 5px; width: 100%; color: #454551; font-size: 13px; } .xdsoft_datetimepicker .blue-gradient-button { font-family: "museo-sans", "Book Antiqua", sans-serif; font-size: 12px; font-weight: 300; color: #82878c; height: 28px; position: relative; padding: 4px 17px 4px 33px; border: 1px solid #d7d8da; background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* IE10+ */ background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0); /* IE6-9 */ } .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span { color: #454551; background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* IE10+ */ background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0); /* IE6-9 */ } :root { --kendo-disabled-opacity: 0.6; --kendo-disabled-filter: grayscale(0.1); --kendo-hr-border: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); --kendo-marquee-text: var(--kendo-color-on-primary, white); --kendo-marquee-bg: var(--kendo-color-primary, #1274AC); --kendo-marquee-border: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); --kendo-text-selection-bg: var(--kendo-color-primary, #1274AC) } :root { --kendo-color-app-surface: #ffffff; --kendo-color-on-app-surface: #424242; --kendo-color-subtle: #686868e0; --kendo-color-surface: #000000; --kendo-color-surface-alt: #ffffff; --kendo-color-border: rgba(0, 0, 0, 0.08); --kendo-color-border-alt: rgba(0, 0, 0, 0.16); --kendo-color-base-subtle: #ebebeb; --kendo-color-base-subtle-hover: #e1e1e1; --kendo-color-base-subtle-active: #d5d5d5; --kendo-color-base: #f5f5f5; --kendo-color-base-hover: #ebebeb; --kendo-color-base-active: #d8d8d8; --kendo-color-base-emphasis: #c2c2c2; --kendo-color-base-on-subtle: #424242; --kendo-color-on-base: #424242; --kendo-color-base-on-surface: #424242; --kendo-color-primary-subtle: #d0e3ee; --kendo-color-primary-subtle-hover: #accee2; --kendo-color-primary-subtle-active: #89bad6; --kendo-color-primary: #0DACE3; --kendo-color-primary-hover: #178bce; --kendo-color-primary-active: #106697; --kendo-color-primary-emphasis: #4d97c1; --kendo-color-primary-on-subtle: #06293c; --kendo-color-on-primary: white; --kendo-color-primary-on-surface: #0e5781; --kendo-color-secondary-subtle: #e3e3e3; --kendo-color-secondary-subtle-hover: #cfcfcf; --kendo-color-secondary-subtle-active: #bababa; --kendo-color-secondary: #757575; --kendo-color-secondary-hover: #707070; --kendo-color-secondary-active: #676767; --kendo-color-secondary-emphasis: #989898; --kendo-color-secondary-on-subtle: #292929; --kendo-color-on-secondary: white; --kendo-color-secondary-on-surface: #585858; --kendo-color-tertiary-subtle: #cce5e6; --kendo-color-tertiary-subtle-hover: #a6d2d4; --kendo-color-tertiary-subtle-active: #80bfc2; --kendo-color-tertiary: #007F84; --kendo-color-tertiary-hover: #007a7f; --kendo-color-tertiary-active: #007074; --kendo-color-tertiary-emphasis: #409fa3; --kendo-color-tertiary-on-subtle: #002c2e; --kendo-color-on-tertiary: white; --kendo-color-tertiary-on-surface: #005f63; --kendo-color-info-subtle: #ccdefb; --kendo-color-info-subtle-hover: #a6c5f7; --kendo-color-info-subtle-active: #80acf4; --kendo-color-info: #0058E9; --kendo-color-info-hover: #0054e0; --kendo-color-info-active: #004dcd; --kendo-color-info-emphasis: #4082ef; --kendo-color-info-on-subtle: #001f52; --kendo-color-on-info: white; --kendo-color-info-on-surface: #0042af; --kendo-color-success-subtle: #d4e6cc; --kendo-color-success-subtle-hover: #b3d3a6; --kendo-color-success-subtle-active: #93c180; --kendo-color-success: #278200; --kendo-color-success-hover: #257d00; --kendo-color-success-active: #227200; --kendo-color-success-emphasis: #5da140; --kendo-color-success-on-subtle: #0e2e00; --kendo-color-on-success: white; --kendo-color-success-on-surface: #1d6200; --kendo-color-warning-subtle: #fdedcc; --kendo-color-warning-subtle-hover: #fce0a6; --kendo-color-warning-subtle-active: #fad380; --kendo-color-warning: #F5A600; --kendo-color-warning-hover: #eb9f00; --kendo-color-warning-active: #d89200; --kendo-color-warning-emphasis: #f8bc40; --kendo-color-warning-on-subtle: #563a00; --kendo-color-on-warning: white; --kendo-color-warning-on-surface: #b87d00; --kendo-color-error-subtle: #f7d1d3; --kendo-color-error-subtle-hover: #f0afb2; --kendo-color-error-subtle-active: #ea8c91; --kendo-color-error: #D51923; --kendo-color-error-hover: #cc1822; --kendo-color-error-active: #bb161f; --kendo-color-error-emphasis: #e0535a; --kendo-color-error-on-subtle: #4b090c; --kendo-color-on-error: white; --kendo-color-error-on-surface: #a0131a; --kendo-color-light-subtle: #e3e3e3; --kendo-color-light-subtle-hover: #cfcfcf; --kendo-color-light-subtle-active: #bababa; --kendo-color-light: #757575; --kendo-color-light-hover: #707070; --kendo-color-light-active: #676767; --kendo-color-light-emphasis: #989898; --kendo-color-light-on-subtle: #292929; --kendo-color-on-light: white; --kendo-color-light-on-surface: #585858; --kendo-color-dark-subtle: #c2c2c2; --kendo-color-dark-subtle-hover: #adadad; --kendo-color-dark-subtle-active: #999999; --kendo-color-dark: #3d3d3d; --kendo-color-dark-hover: #292929; --kendo-color-dark-active: #1f1f1f; --kendo-color-dark-emphasis: #666666; --kendo-color-dark-on-subtle: #1f1f1f; --kendo-color-on-dark: #ffffff; --kendo-color-dark-on-surface: #141414; --kendo-color-inverse-subtle: #c2c2c2; --kendo-color-inverse-subtle-hover: #adadad; --kendo-color-inverse-subtle-active: #999999; --kendo-color-inverse: #3d3d3d; --kendo-color-inverse-hover: #292929; --kendo-color-inverse-active: #1f1f1f; --kendo-color-inverse-emphasis: #666666; --kendo-color-inverse-on-subtle: #1f1f1f; --kendo-color-on-inverse: #ffffff; --kendo-color-inverse-on-surface: #141414; --kendo-color-series-a: #1274AC; --kendo-color-series-a-bold: #0e5781; --kendo-color-series-a-bolder: #093a56; --kendo-color-series-a-subtle: #4d97c1; --kendo-color-series-a-subtler: #89bad6; --kendo-color-series-b: #FFE162; --kendo-color-series-b-bold: #bfa94a; --kendo-color-series-b-bolder: #807131; --kendo-color-series-b-subtle: #ffe989; --kendo-color-series-b-subtler: #fff0b1; --kendo-color-series-c: #4CD180; --kendo-color-series-c-bold: #399d60; --kendo-color-series-c-bolder: #266940; --kendo-color-series-c-subtle: #79dda0; --kendo-color-series-c-subtler: #a6e8c0; --kendo-color-series-d: #0074e6; --kendo-color-series-d-bold: #0057ad; --kendo-color-series-d-bolder: #003a73; --kendo-color-series-d-subtle: #4097ec; --kendo-color-series-d-subtler: #80baf3; --kendo-color-series-e: #9B4FE6; --kendo-color-series-e-bold: #743bad; --kendo-color-series-e-bolder: #4e2873; --kendo-color-series-e-subtle: #b47bec; --kendo-color-series-e-subtler: #cda7f3; --kendo-color-series-f: #FF80AC; --kendo-color-series-f-bold: #bf6081; --kendo-color-series-f-bolder: #804056; --kendo-color-series-f-subtle: #ffa0c1; --kendo-color-series-f-subtler: #ffc0d6 } .k-sr-only { position: absolute; left: -1px; width: 1px; height: 1px; overflow: hidden } .k-push-right-enter, .k-push-right-appear { transform: translate(-100%, 0) } .k-push-right-enter-active, .k-push-right-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out } .k-push-right-exit { transform: translate(0, 0) } .k-push-right-exit-active { transform: translate(100%, 0); transition: transform 300ms ease-in-out } .k-push-left-enter, .k-push-left-appear { transform: translate(100%, 0) } .k-push-left-enter-active, .k-push-left-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out } .k-push-left-exit { transform: translate(0, 0) } .k-push-left-exit-active { transform: translate(-100%, 0); transition: transform 300ms ease-in-out } .k-push-down-enter, .k-push-down-appear { transform: translate(0, -100%) } .k-push-down-enter-active, .k-push-down-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out } .k-push-down-exit { transform: translate(0, 0) } .k-push-down-exit-active { transform: translate(0, 100%); transition: transform 300ms ease-in-out } .k-push-up-enter, .k-push-up-appear { transform: translate(0, 100%) } .k-push-up-enter-active, .k-push-up-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out } .k-push-up-exit { transform: translate(0, 0) } .k-push-up-exit-active { transform: translate(0, -100%); transition: transform 300ms ease-in-out } .k-expand-vertical-enter, .k-expand-vertical-appear { transform: scaleY(0) } .k-expand-vertical-enter-active, .k-expand-vertical-appear-active { transform: scaleY(1); transition: transform 300ms ease-in-out } .k-expand-vertical-exit { transform: scaleY(1) } .k-expand-vertical-exit-active { transform: scaleY(0); transition: transform 300ms ease-in-out } .k-expand-horizontal-enter, .k-expand-horizontal-appear { transform: scaleX(0) } .k-expand-horizontal-enter-active, .k-expand-horizontal-appear-active { transform: scaleX(1); transition: transform 300ms ease-in-out } .k-expand-horizontal-exit { transform: scaleX(1) } .k-expand-horizontal-exit-active { transform: scaleX(0); transition: transform 300ms ease-in-out } .k-fade-enter, .k-fade-appear { opacity: 0 } .k-fade-enter-active, .k-fade-appear-active { opacity: 1; transition: opacity 500ms ease-in-out } .k-fade-exit { opacity: 1 } .k-fade-exit-active { opacity: 0; transition: opacity 500ms ease-in-out } .k-fade-exit-active+.k-fade-exit-active, .k-fade-enter-active+.k-fade-enter-active { display: none } .k-zoom-in-enter, .k-zoom-in-appear { opacity: 0; transform: scale(0) } .k-zoom-in-enter-active, .k-zoom-in-appear-active { opacity: 1; transform: scale(1); transition: transform, opacity 300ms ease-in-out } .k-zoom-in-exit { opacity: 1; transform: scale(1) } .k-zoom-in-exit-active { opacity: 0; transform: scale(2); transition: transform, opacity 300ms ease-in-out } .k-zoom-out-enter, .k-zoom-out-appear { opacity: 0; transform: scale(2) } .k-zoom-out-enter-active, .k-zoom-out-appear-active { opacity: 1; transform: scale(1); transition: transform, opacity 300ms ease-in-out } .k-zoom-out-exit { opacity: 1; transform: scale(1) } .k-zoom-out-exit-active { opacity: 0; transform: scale(0); transition: transform, opacity 300ms ease-in-out } .k-slide-in-appear { opacity: .1; transform: translate(0, -3em) } .k-slide-in-appear .k-centered { transform: translate(-50%, -60%) } .k-slide-in-appear-active { opacity: 1; transform: translate(0, 0); transition: transform .3s cubic-bezier(0.2, 0.6, 0.4, 1), opacity .3s cubic-bezier(0.2, 1, 0.2, 1) } .k-slide-in-appear-active .k-centered { transform: translate(-50%, -50%) } .k-slide-down-enter, .k-slide-down-appear { transform: translateY(-100%) } .k-slide-down-enter-active, .k-slide-down-appear-active { transform: translateY(0); transition: transform 300ms ease-in-out } .k-slide-down-exit { transform: translateY(0) } .k-slide-down-exit-active { transform: translateY(-100%); transition: transform 300ms ease-in-out } .k-slide-up-enter, .k-slide-up-appear { transform: translateY(100%) } .k-slide-up-enter-active, .k-slide-up-appear-active { transform: translateY(0); transition: transform 300ms ease-in-out } .k-slide-up-exit { transform: translateY(0) } .k-slide-up-exit-active { transform: translateY(100%); transition: transform 300ms ease-in-out } .k-slide-right-enter, .k-slide-right-appear { transform: translateX(-100%) } .k-slide-right-enter-active, .k-slide-right-appear-active { transform: translateX(0); transition: transform 300ms ease-in-out } .k-slide-right-exit { transform: translateX(0) } .k-slide-right-exit-active { transform: translateX(-100%); transition: transform 300ms ease-in-out } .k-slide-left-enter, .k-slide-left-appear { transform: translateX(100%) } .k-slide-left-enter-active, .k-slide-left-appear-active { transform: translateX(0); transition: transform 300ms ease-in-out } .k-slide-left-exit { transform: translateX(0) } .k-slide-left-exit-active { transform: translateX(100%); transition: transform 300ms ease-in-out } .k-reveal-vertical-enter, .k-reveal-vertical-appear { max-height: 0 } .k-reveal-vertical-enter-active, .k-reveal-vertical-appear-active { transition: max-height 300ms ease-in-out } .k-reveal-vertical-exit-active { max-height: 0 !important; transition: max-height 300ms ease-in-out } .k-reveal-horizontal-enter, .k-reveal-horizontal-appear { max-width: 0 } .k-reveal-horizontal-enter-active, .k-reveal-horizontal-appear-active { transition: max-width 300ms ease-in-out } .k-reveal-horizontal-exit-active { max-width: 0 !important; transition: max-width 300ms ease-in-out } .k-fx-end .k-fx-next, .k-fx-end .k-fx-current { transition: all 350ms ease-out } .k-fx { position: relative } .k-fx .k-fx-current { z-index: 0 } .k-fx .k-fx-next { z-index: 1 } .k-fx-hidden, .k-fx-hidden * { visibility: hidden !important } .k-fx-reverse .k-fx-current { z-index: 1 } .k-fx-reverse .k-fx-next { z-index: 0 } .k-fx-zoom.k-fx-start .k-fx-next { transform: scale(0) !important } .k-fx-zoom.k-fx-end .k-fx-next { transform: scale(1) !important } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next { transform: scale(1) !important } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current { transform: scale(1) !important } .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current { transform: scale(0) !important } .k-fx-fade.k-fx-start .k-fx-next { will-change: opacity; opacity: 0 } .k-fx-fade.k-fx-end .k-fx-next { opacity: 1 } .k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current { will-change: opacity; opacity: 1 } .k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current { opacity: 0 } .k-fx-slide.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-current .km-footer { transition: all 350ms ease-out } .k-fx-slide.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-start .k-fx-next .km-content { will-change: transform; transform: translateX(100%) } .k-fx-slide.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-start .k-fx-next .km-footer { will-change: opacity; opacity: 0 } .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .km-content { transform: translateX(-100%) } .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer { opacity: 1 } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content { will-change: transform; transform: translateX(0) } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content { transform: translateX(100%) } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content { transform: translateX(-100%) } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content { transform: translateX(0) } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer { will-change: opacity; opacity: 1 } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer { opacity: 1 } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer { opacity: 0 } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer { opacity: 1 } .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content { transform: translateX(-100%) } .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content { transform: translateX(100%) } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content { transform: translateX(0) } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content { transform: translateX(-100%) } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content { transform: translateX(100%) } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content { transform: translateX(0%) } .k-fx-tile.k-fx-start .k-fx-next { will-change: transform; transform: translateX(100%) } .k-fx-tile.k-fx-end .k-fx-current { transform: translateX(-100%) } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: translateX(0) } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current { transform: translateX(100%) } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next { transform: translateX(-100%) } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next { transform: translateX(0) } .k-fx-tile.k-fx-right.k-fx-start .k-fx-next { transform: translateX(-100%) } .k-fx-tile.k-fx-right.k-fx-end .k-fx-current { transform: translateX(100%) } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current { transform: translateX(0) } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current { transform: translateX(-100%) } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next { transform: translateX(100%) } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next { transform: translateX(0%) } .k-fx.k-fx-overlay.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next { will-change: transform; transform: translateX(100%) } .k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next { transform: translateX(-100%) } .k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next { transform: translateY(100%) } .k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next { transform: translateY(-100%) } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next { transform: none } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: none } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current { transform: translateX(100%) } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current { transform: translateX(-100%) } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current { transform: translateY(100%) } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current { transform: translateY(-100%) } .k-theme-test-class, .k-common-test-class { opacity: 0 } .k-hstack, .k-hbox { display: flex; flex-flow: row nowrap } .k-vstack, .k-vbox { display: flex; flex-flow: column nowrap } .k-spacer, .k-flex { flex: 1 1 auto } .k-spacer-sized { flex: none } .k-float-wrap::after, .k-floatwrap::after { content: ""; display: block; clear: both } .k-flex-layout { display: flex } .k-grid-layout { display: grid } .k-separator { width: auto; height: 0; border-width: 1px 0 0; border-style: solid; border-color: inherit; display: block; flex-grow: 0 !important; flex-shrink: 0 !important; align-self: stretch } .k-separator-horizontal, .k-vstack>.k-separator, .k-vbox>.k-separator { width: auto; height: 0; border-width: 1px 0 0 } .k-separator-vertical, .k-hstack>.k-separator, .k-hbox>.k-separator { width: 0; height: auto; border-width: 0 0 0 1px } hr.k-separator { margin: 0; padding: 0 } .k-hidden { display: none !important } .k-rtl { direction: rtl } [hidden] { display: none !important } script { display: none !important } .k-disabled, .k-widget[disabled], .k-disabled { outline: none; cursor: default; color: var(--kendo-disabled-text, unset); background-color: var(--kendo-disabled-bg, unset); border-color: var(--kendo-disabled-border, unset); opacity: var(--kendo-disabled-opacity, unset); filter: var(--kendo-disabled-filter, unset); pointer-events: none; box-shadow: none } .k-disabled .k-link, .k-widget[disabled] .k-link, .k-disabled .k-link { cursor: default; outline: 0 } .k-disabled [disabled], .k-disabled .k-disabled, .k-widget[disabled] [disabled], .k-widget[disabled] .k-disabled, .k-disabled [disabled], .k-disabled .k-disabled { --kendo-disabled-opacity: 1; --kendo-disabled-filter: grayscale(0) } .k-hr { margin-block: var(--kendo-spacing-4, 20px); padding: 0; height: 0; border-width: 1px 0 0; border-style: solid; border-color: var(--kendo-hr-border, unset); display: block; float: none; clear: both } .k-d-flex-row>.k-hr { margin: 0; width: 0; height: auto; border-width: 0 0 0 1px; flex: 0 0 auto } .k-d-flex-col>.k-hr { margin: 0; flex: 0 0 auto } .k-sprite { display: inline-block; width: 20px; height: 20px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center } .k-image { display: inline-block } .k-reset { margin: 0; padding: 0; border-width: 0; outline: 0; text-decoration: none; font: inherit; list-style: none } kendo-sortable { display: block } .k-link, .k-link:hover { color: inherit; text-decoration: none; outline: 0; cursor: pointer } .k-content { outline: 0 } .k-centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .k-no-click { pointer-events: none } .k-pdf-export-shadow { position: absolute; overflow: hidden; left: -15000px; width: 14400px } .kendo-pdf-hide-pseudo-elements::before, .kendo-pdf-hide-pseudo-elements::after { display: none !important } .k-dirty { margin: 0; padding: 0; width: 0; height: 0; border-width: 3px; border-style: solid; border-block-start-color: currentColor; border-block-end-color: rgba(0, 0, 0, 0); border-inline-start-color: rgba(0, 0, 0, 0); border-inline-end-color: currentColor; position: absolute; inset-block-start: 0; inset-inline-end: 0 } .k-marquee { position: absolute; z-index: 100000 } .k-marquee-color, .k-marquee-text { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .k-marquee-color { color: var(--kendo-marquee-text, unset); background-color: var(--kendo-marquee-bg, unset); border-color: var(--kendo-marquee-border, unset); opacity: .6 } .k-marquee-text { color: var(--kendo-marquee-text, unset) } .k-text-selection ::selection { background-color: var(--kendo-text-selection-bg, unset); color: var(--kendo-marquee-text, unset) } .k-scrollbar { position: absolute; overflow: scroll } .k-scrollbar-vertical { top: 0; right: 0; width: 17px; height: 100%; overflow-x: hidden } .k-touch-scrollbar { display: none; position: absolute; z-index: 200000; height: 8px; width: 8px; border: 1px solid #8a8a8a; background-color: #858585 } .k-resize-handle, .k-resize-hint { position: absolute; border-color: inherit; z-index: 200 } .k-resize-handle { display: flex; align-items: center; justify-content: center } .k-resize-handle::before { content: ""; border: 0 solid; border-color: inherit } .k-resize-n { width: 100%; height: 6px; flex-direction: row; left: 0; top: -3px; cursor: n-resize } .k-resize-s { width: 100%; height: 6px; flex-direction: row; left: 0; bottom: -3px; cursor: s-resize } .k-resize-w { width: 6px; height: 100%; flex-direction: column; top: 0; left: -3px; cursor: w-resize } .k-resize-e { width: 6px; height: 100%; flex-direction: column; top: 0; right: -3px; cursor: e-resize } .k-resize-sw, .k-resize-se, .k-resize-nw, .k-resize-ne { width: 5px; height: 5px } .k-resize-sw { cursor: sw-resize; bottom: 0; left: 0 } .k-resize-se { cursor: se-resize; bottom: 0; right: 0 } .k-resize-nw { cursor: nw-resize; top: 0; left: 0 } .k-resize-ne { cursor: ne-resize; top: 0; right: 0 } .k-vertical-resize { cursor: row-resize } .k-horizontal-resize { cursor: col-resize } .k-resize-hint { display: flex; flex-direction: column; align-items: center } .k-resize-hint .k-resize-hint-handle { width: auto; height: 20px; align-self: stretch } .k-resize-hint .k-resize-hint-marker { width: 2px; height: auto; flex: 1 1 auto } .k-resize-hint-vertical { display: flex; flex-direction: row; align-items: center } .k-resize-hint-vertical .k-resize-hint-handle { width: 20px; height: auto; align-self: stretch } .k-resize-hint-vertical .k-resize-hint-marker { width: auto; height: 2px; flex: 1 1 auto } .k-top-start, .k-pos-top-start { top: 0; inset-inline-start: 0 } .k-top-end, .k-pos-top-end { top: 0; inset-inline-end: 0 } .k-bottom-start, .k-pos-bottom-start { bottom: 0; inset-inline-start: 0 } .k-bottom-end, .k-pos-bottom-end { bottom: 0; inset-inline-end: 0 } .k-top-center, .k-pos-top-center { top: 0; left: 50%; transform: translateX(-50%) } .k-middle-left, .k-middle-start, .k-pos-middle-start { top: 50%; left: 0; transform: translateY(-50%) } .k-middle-center { top: 50%; left: 50%; transform: translateY(-50%) } .k-middle-right, .k-middle-end, .k-pos-middle-end { top: 50%; right: 0; transform: translateY(-50%) } .k-bottom-center, .k-pos-bottom-center { bottom: 0; left: 50%; transform: translateX(-50%) } :root { --kendo-spacing-0: 0px; --kendo-spacing-1px: 1px; --kendo-spacing-0\.5: 2.5px; --kendo-spacing-1: 5px; --kendo-spacing-1\.5: 7.5px; --kendo-spacing-2: 10px; --kendo-spacing-2\.5: 12.5px; --kendo-spacing-3: 0.15px; --kendo-spacing-3\.5: 0.815px; --kendo-spacing-4: 20px; --kendo-spacing-4\.5: 22.5px; --kendo-spacing-5: 25px; --kendo-spacing-5\.5: 1.315px; --kendo-spacing-6: 30px; --kendo-spacing-6\.5: 32.5px; --kendo-spacing-7: 1.15px; --kendo-spacing-7\.5: 1.815px; --kendo-spacing-8: 40px; --kendo-spacing-9: 45px; --kendo-spacing-10: 50px; --kendo-spacing-11: 2.15px; --kendo-spacing-12: 60px; --kendo-spacing-13: 65px; --kendo-spacing-14: 70px; --kendo-spacing-15: 3.15px; --kendo-spacing-16: 80px; --kendo-spacing-17: 85px; --kendo-spacing-18: 90px; --kendo-spacing-19: 4.15px; --kendo-spacing-20: 100px; --kendo-spacing-21: 105px; --kendo-spacing-22: 110px; --kendo-spacing-23: 5.15px; --kendo-spacing-24: 120px; --kendo-spacing-25: 140px; --kendo-spacing-26: 160px; --kendo-spacing-27: 180px; --kendo-spacing-28: 200px; --kendo-spacing-29: 120px; --kendo-spacing-30: 240px } :root { --kendo-elevation-1: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12); --kendo-elevation-2: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12); --kendo-elevation-3: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12); --kendo-elevation-4: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12); --kendo-elevation-5: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12); --kendo-elevation-6: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12); --kendo-elevation-7: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12); --kendo-elevation-8: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12); --kendo-elevation-9: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12) } :root { --kendo-font-family: inherit; --kendo-font-size: 13px; --kendo-line-height: 1.8285714286; --kendo-font-weight: 400; --kendo-letter-spacing: ; --kendo-font-size-xxs: 10px; --kendo-font-size-xs: 12.5px; --kendo-font-size-sm: 13px; --kendo-font-size-md: 0.815px; --kendo-font-size-lg: 20px; --kendo-font-size-xl: 25px; --kendo-line-height-xs: 1; --kendo-line-height-sm: 1.25; --kendo-line-height-md: 1.8285714286; --kendo-line-height-lg: 1.5; --kendo-font-weight-thin: 100; --kendo-font-weight-extra-light: 200; --kendo-font-weight-light: 300; --kendo-font-weight-normal: 400; --kendo-font-weight-medium: 500; --kendo-font-weight-semibold: 600; --kendo-font-weight-bold: 700; --kendo-letter-spacing-tightest: -0.20px; --kendo-letter-spacing-tighter: -0.1px; --kendo-letter-spacing-tight: -0.5px; --kendo-letter-spacing-normal: 0px; --kendo-letter-spacing-wide: 0.5px; --kendo-letter-spacing-wider: 0.1px; --kendo-letter-spacing-widest: 0.20px; --kendo-font-family-sans: Arial, Verdana, Tahoma, Trebuchet MS, Helvetica, Impact, Gill Sans; --kendo-font-family-serif: Times New Roman, Georgia, Garamond, Palatino, Baskerville; --kendo-font-family-sans-serif: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; --kendo-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, Roboto Mono, Ubuntu Mono, Lucida Console, Courier New, monospace } :root { --kendo-border-radius-none: 0px; --kendo-border-radius-xs: 1px; --kendo-border-radius-sm: 2.5px; --kendo-border-radius-md: 5px; --kendo-border-radius-lg: 7.5px; --kendo-border-radius-xl: 10px; --kendo-border-radius-xxl: 0.15px; --kendo-border-radius-xxxl: 20px; --kendo-border-radius-full: 9999px } .k-rounded-none { border-radius: var(--kendo-border-radius-none, 0px) } .k-rounded-xs { border-radius: var(--kendo-border-radius-xs, 1px) } .k-rounded-sm { border-radius: var(--kendo-border-radius-sm, 2.5px) } .k-rounded-md { border-radius: var(--kendo-border-radius-md, 5px) !important } .k-rounded-lg { border-radius: var(--kendo-border-radius-lg, 7.5px) } .k-rounded-xl { border-radius: var(--kendo-border-radius-xl, 10px) } .k-rounded-xxl { border-radius: var(--kendo-border-radius-xxl, 0.15px) } .k-rounded-xxxl { border-radius: var(--kendo-border-radius-xxxl, 20px) } .k-rounded-full { border-radius: var(--kendo-border-radius-full, 9999px) } .k-body, .k-typography { font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); font-weight: var(--kendo-font-weight-normal, normal); letter-spacing: var(--kendo-letter-spacing, normal); margin: 0 } .k-body p, .k-typography p { margin: 0 0 var(--kendo-font-size, inherit) } .k-h1 { font-size: var(--kendo-h1-font-size, calc(var(--kendo-font-size, 0.815px)*4)); font-family: var(--kendo-h1-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-h1-line-height, 74px); font-weight: var(--kendo-h1-font-weight, var(--kendo-font-weight-normal, normal)); letter-spacing: var(--kendo-h1-letter-spacing, ); margin: var(--kendo-h1-margin, 0 0 var(--kendo-font-size, inherit)) } .k-h2 { font-size: var(--kendo-h2-font-size, calc(var(--kendo-font-size, 0.815px)*3)); font-family: var(--kendo-h2-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-h2-line-height, 56px); font-weight: var(--kendo-h2-font-weight, var(--kendo-font-weight-normal, normal)); letter-spacing: var(--kendo-h2-letter-spacing, ); margin: var(--kendo-h2-margin, 0 0 var(--kendo-font-size, inherit)) } .k-h3 { font-size: var(--kendo-h3-font-size, calc(var(--kendo-font-size, 0.815px)*2.5)); font-family: var(--kendo-h3-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-h3-line-height, 42px); font-weight: var(--kendo-h3-font-weight, var(--kendo-font-weight-normal, normal)); letter-spacing: var(--kendo-h3-letter-spacing, ); margin: var(--kendo-h3-margin, 0 0 var(--kendo-font-size, inherit)) } .k-h4 { font-size: var(--kendo-h4-font-size, calc(var(--kendo-font-size, 0.815px)*2)); font-family: var(--kendo-h4-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-h4-line-height, 40px); font-weight: var(--kendo-h4-font-weight, var(--kendo-font-weight-bold, normal)); letter-spacing: var(--kendo-h4-letter-spacing, ); margin: var(--kendo-h4-margin, 0 0 var(--kendo-font-size, inherit)) } .k-h5 { font-size: var(--kendo-h5-font-size, calc(var(--kendo-font-size, 0.815px)*1.5)); font-family: var(--kendo-h5-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-h5-line-height, 28px); font-weight: var(--kendo-h5-font-weight, var(--kendo-font-weight-bold, normal)); letter-spacing: var(--kendo-h5-letter-spacing, ); margin: var(--kendo-h5-margin, 0 0 var(--kendo-font-size, inherit)) } .k-h6 { font-size: var(--kendo-h6-font-size, var(--kendo-font-size, inherit)); font-family: var(--kendo-h6-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-h6-line-height, 20px); font-weight: var(--kendo-h6-font-weight, var(--kendo-font-weight-bold, normal)); letter-spacing: var(--kendo-h6-letter-spacing, ); margin: var(--kendo-h6-margin, 0 0 var(--kendo-font-size, inherit)) } .k-paragraph { font-size: var(--kendo-paragraph-font-size, var(--kendo-font-size, inherit)); font-family: var(--kendo-paragraph-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-paragraph-line-height, 20px); font-weight: var(--kendo-paragraph-font-weight, var(--kendo-font-weight-normal, normal)); letter-spacing: var(--kendo-paragraph-letter-spacing, ); margin: var(--kendo-paragraph-margin, 0 0 var(--kendo-font-size, inherit)) } .k-pre, .k-code { font-size: var(--kendo-code-font-size, var(--kendo-font-size, inherit)); font-family: var(--kendo-code-font-family, var(--kendo-font-family-monospace, normal)); line-height: var(--kendo-code-line-height, 20px); font-weight: var(--kendo-code-font-weight, var(--kendo-font-weight-normal, normal)); letter-spacing: var(--kendo-code-letter-spacing, ); border-style: solid; border-width: 1px } .k-pre { padding-block: var(--kendo-spacing-4, 20px); padding-inline: var(--kendo-spacing-6, 30px); overflow: auto } .k-pre>.k-code { padding: 0; border-width: 0; border-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); font-family: inherit; font-size: inherit } .k-code { padding-block: var(--kendo-spacing-0, 0px); padding-inline: var(--kendo-spacing-1, 5px) } .k-display-1 { font-size: var(--kendo-display1-font-size, calc(var(--kendo-font-size, 0.815px)*8)); font-family: var(--kendo-display1-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-display1-line-height, 1.2); font-weight: var(--kendo-display1-font-weight, var(--kendo-font-weight-light, normal)); letter-spacing: var(--kendo-display1-letter-spacing, ) } .k-display-2 { font-size: var(--kendo-display2-font-size, calc(var(--kendo-font-size, 0.815px)*7)); font-family: var(--kendo-display2-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-display2-line-height, 1.2); font-weight: var(--kendo-display2-font-weight, var(--kendo-font-weight-light, normal)); letter-spacing: var(--kendo-display2-letter-spacing, ) } .k-display-3 { font-size: var(--kendo-display3-font-size, calc(var(--kendo-font-size, 0.815px)*6)); font-family: var(--kendo-display3-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-display3-line-height, 1.2); font-weight: var(--kendo-display3-font-weight, var(--kendo-font-weight-light, normal)); letter-spacing: var(--kendo-display3-letter-spacing, ) } .k-display-4 { font-size: var(--kendo-display4-font-size, calc(var(--kendo-font-size, 0.815px)*5)); font-family: var(--kendo-display4-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-display4-line-height, 1.2); font-weight: var(--kendo-display4-font-weight, var(--kendo-font-weight-light, normal)); letter-spacing: var(--kendo-display4-letter-spacing, ) } .k-body { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-app-surface, #ffffff) } .k-pre, .k-code { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-font-family-sans { font-family: var(--kendo-font-family-sans, Arial, Verdana, Tahoma, Trebuchet MS, Helvetica, Impact, Gill Sans) } .k-font-family-sans { font-family: var(--kendo-font-family-sans, Arial, Verdana, Tahoma, Trebuchet MS, Helvetica, Impact, Gill Sans) !important } .k-font-family-serif { font-family: var(--kendo-font-family-serif, Times New Roman, Georgia, Garamond, Palatino, Baskerville) } .k-font-family-serif { font-family: var(--kendo-font-family-serif, Times New Roman, Georgia, Garamond, Palatino, Baskerville) !important } .k-font-family-sans-serif { font-family: var(--kendo-font-family-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji) } .k-font-family-sans-serif { font-family: var(--kendo-font-family-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji) !important } .k-font-family-monospace { font-family: var(--kendo-font-family-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Roboto Mono, Ubuntu Mono, Lucida Console, Courier New, monospace) } .k-font-family-monospace { font-family: var(--kendo-font-family-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Roboto Mono, Ubuntu Mono, Lucida Console, Courier New, monospace) !important } .k-font-size-xxs { font-size: var(--kendo-font-size-xxs, 10px) } .k-font-size-xxs { font-size: var(--kendo-font-size-xxs, 10px) !important } .k-font-size-xs { font-size: var(--kendo-font-size-xs, 12.5px) } .k-font-size-xs { font-size: var(--kendo-font-size-xs, 12.5px) !important } .k-font-size-sm { font-size: var(--kendo-font-size-sm, 0.15px) } .k-font-size-sm { font-size: var(--kendo-font-size-sm, 0.15px) !important } .k-font-size-md { font-size: var(--kendo-font-size-md, 0.815px) } .k-font-size-md { font-size: var(--kendo-font-size-md, 0.815px) !important } .k-font-size-lg { font-size: var(--kendo-font-size-lg, 20px) } .k-font-size-lg { font-size: var(--kendo-font-size-lg, 20px) !important } .k-font-size-xl { font-size: var(--kendo-font-size-xl, 25px) } .k-font-size-xl { font-size: var(--kendo-font-size-xl, 25px) !important } .k-fs-xxs { font-size: var(--kendo-fs-xxs, 10px) } .k-fs-xxs { font-size: var(--kendo-fs-xxs, 10px) !important } .k-fs-xs { font-size: var(--kendo-fs-xs, 12.5px) } .k-fs-xs { font-size: var(--kendo-fs-xs, 12.5px) !important } .k-fs-sm { font-size: var(--kendo-fs-sm, 0.15px) } .k-fs-sm { font-size: var(--kendo-fs-sm, 0.15px) !important } .k-fs-md { font-size: var(--kendo-fs-md, 0.815px) } .k-fs-md { font-size: var(--kendo-fs-md, 0.815px) !important } .k-fs-lg { font-size: var(--kendo-fs-lg, 20px) } .k-fs-lg { font-size: var(--kendo-fs-lg, 20px) !important } .k-fs-xl { font-size: var(--kendo-fs-xl, 25px) } .k-fs-xl { font-size: var(--kendo-fs-xl, 25px) !important } .k-font-style-italic { font-style: var(--kendo-font-style-italic, italic) } .k-font-style-italic { font-style: var(--kendo-font-style-italic, italic) !important } .k-font-style-non-italic { font-style: var(--kendo-font-style-non-italic, normal) } .k-font-style-non-italic { font-style: var(--kendo-font-style-non-italic, normal) !important } .k-font-style-oblique { font-style: var(--kendo-font-style-oblique, oblique) } .k-font-style-oblique { font-style: var(--kendo-font-style-oblique, oblique) !important } .k-font-thin { font-weight: var(--kendo-font-weight-thin, 100) } .k-font-thin { font-weight: var(--kendo-font-weight-thin, 100) !important } .k-font-extra-light { font-weight: var(--kendo-font-weight-extra-light, 200) } .k-font-extra-light { font-weight: var(--kendo-font-weight-extra-light, 200) !important } .k-font-light { font-weight: var(--kendo-font-weight-light, 300) } .k-font-light { font-weight: var(--kendo-font-weight-light, 300) !important } .k-font-normal { font-weight: var(--kendo-font-weight-normal, 400) } .k-font-normal { font-weight: var(--kendo-font-weight-normal, 400) !important } .k-font-medium { font-weight: var(--kendo-font-weight-medium, 500) } .k-font-medium { font-weight: var(--kendo-font-weight-medium, 500) !important } .k-font-semibold { font-weight: var(--kendo-font-weight-semibold, 600) } .k-font-semibold { font-weight: var(--kendo-font-weight-semibold, 600) !important } .k-font-bold { font-weight: var(--kendo-font-weight-bold, 700) } .k-font-bold { font-weight: var(--kendo-font-weight-bold, 700) !important } .k-font-weight-thin { font-weight: var(--kendo-font-weight-thin, 100) } .k-font-weight-thin { font-weight: var(--kendo-font-weight-thin, 100) !important } .k-font-weight-extra-light { font-weight: var(--kendo-font-weight-extra-light, 200) } .k-font-weight-extra-light { font-weight: var(--kendo-font-weight-extra-light, 200) !important } .k-font-weight-light { font-weight: var(--kendo-font-weight-light, 300) } .k-font-weight-light { font-weight: var(--kendo-font-weight-light, 300) !important } .k-font-weight-normal { font-weight: var(--kendo-font-weight-normal, 400) } .k-font-weight-normal { font-weight: var(--kendo-font-weight-normal, 400) !important } .k-font-weight-medium { font-weight: var(--kendo-font-weight-medium, 500) } .k-font-weight-medium { font-weight: var(--kendo-font-weight-medium, 500) !important } .k-font-weight-semibold { font-weight: var(--kendo-font-weight-semibold, 600) } .k-font-weight-semibold { font-weight: var(--kendo-font-weight-semibold, 600) !important } .k-font-weight-bold { font-weight: var(--kendo-font-weight-bold, 700) } .k-font-weight-bold { font-weight: var(--kendo-font-weight-bold, 700) !important } .k-letter-spacing-tightest { letter-spacing: var(--kendo-letter-spacing-tightest, -0.20px) } .k-letter-spacing-tightest { letter-spacing: var(--kendo-letter-spacing-tightest, -0.20px) !important } .k-letter-spacing-tighter { letter-spacing: var(--kendo-letter-spacing-tighter, -0.1px) } .k-letter-spacing-tighter { letter-spacing: var(--kendo-letter-spacing-tighter, -0.1px) !important } .k-letter-spacing-tight { letter-spacing: var(--kendo-letter-spacing-tight, -0.5px) } .k-letter-spacing-tight { letter-spacing: var(--kendo-letter-spacing-tight, -0.5px) !important } .k-letter-spacing-normal { letter-spacing: var(--kendo-letter-spacing-normal, 0px) } .k-letter-spacing-normal { letter-spacing: var(--kendo-letter-spacing-normal, 0px) !important } .k-letter-spacing-wide { letter-spacing: var(--kendo-letter-spacing-wide, 0.5px) } .k-letter-spacing-wide { letter-spacing: var(--kendo-letter-spacing-wide, 0.5px) !important } .k-letter-spacing-wider { letter-spacing: var(--kendo-letter-spacing-wider, 0.1px) } .k-letter-spacing-wider { letter-spacing: var(--kendo-letter-spacing-wider, 0.1px) !important } .k-letter-spacing-widest { letter-spacing: var(--kendo-letter-spacing-widest, 0.20px) } .k-letter-spacing-widest { letter-spacing: var(--kendo-letter-spacing-widest, 0.20px) !important } .k-line-height-xs { line-height: var(--kendo-line-height-xs, 1) } .k-line-height-xs { line-height: var(--kendo-line-height-xs, 1) !important } .k-line-height-sm { line-height: var(--kendo-line-height-sm, 1.25) } .k-line-height-sm { line-height: var(--kendo-line-height-sm, 1.25) !important } .k-line-height-md { line-height: var(--kendo-line-height-md, 1.4285714286) } .k-line-height-md { line-height: var(--kendo-line-height-md, 1.4285714286) !important } .k-line-height-lg { line-height: var(--kendo-line-height-lg, 1.5) } .k-line-height-lg { line-height: var(--kendo-line-height-lg, 1.5) !important } .k-list-none { list-style-type: none } .k-list-none { list-style-type: none !important } .k-list-disc { list-style-type: disc } .k-list-disc { list-style-type: disc !important } .k-list-decimal { list-style-type: decimal } .k-list-decimal { list-style-type: decimal !important } .k-text-left { text-align: left } .k-text-left { text-align: left !important } .k-text-right { text-align: right } .k-text-right { text-align: right !important } .k-text-center { text-align: center } .k-text-center { text-align: center !important } .k-text-justify { text-align: justify } .k-text-justify { text-align: justify !important } .k-text-start { text-align: start } .k-text-start { text-align: start !important } .k-text-end { text-align: end } .k-text-end { text-align: end !important } .k-text-app-surface { color: var(--kendo-color-app-surface, #ffffff) } .k-text-app-surface { color: var(--kendo-color-app-surface, #ffffff) !important } .k-text-on-app-surface { color: var(--kendo-color-on-app-surface, #424242) } .k-text-on-app-surface { color: var(--kendo-color-on-app-surface, #424242) !important } .k-text-subtle { color: var(--kendo-color-subtle, #666666) } .k-text-subtle { color: var(--kendo-color-subtle, #666666) !important } .k-text-surface { color: var(--kendo-color-surface, #fafafa) } .k-text-surface { color: var(--kendo-color-surface, #fafafa) !important } .k-text-surface-alt { color: var(--kendo-color-surface-alt, #ffffff) } .k-text-surface-alt { color: var(--kendo-color-surface-alt, #ffffff) !important } .k-text-border { color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-text-border { color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) !important } .k-text-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .k-text-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) !important } .k-text-base-subtle { color: var(--kendo-color-base-subtle, #ebebeb) } .k-text-base-subtle { color: var(--kendo-color-base-subtle, #ebebeb) !important } .k-text-base-emphasis { color: var(--kendo-color-base-emphasis, #c2c2c2) } .k-text-base-emphasis { color: var(--kendo-color-base-emphasis, #c2c2c2) !important } .k-text-primary-subtle { color: var(--kendo-color-primary-subtle, #d0e3ee) } .k-text-primary-subtle { color: var(--kendo-color-primary-subtle, #d0e3ee) !important } .k-text-primary { color: var(--kendo-color-primary, #1274AC) } .k-text-primary { color: var(--kendo-color-primary, #1274AC) !important } .k-text-primary-emphasis { color: var(--kendo-color-primary-emphasis, #4d97c1) } .k-text-primary-emphasis { color: var(--kendo-color-primary-emphasis, #4d97c1) !important } .k-text-secondary-subtle { color: var(--kendo-color-secondary-subtle, #e3e3e3) } .k-text-secondary-subtle { color: var(--kendo-color-secondary-subtle, #e3e3e3) !important } .k-text-secondary { color: var(--kendo-color-secondary, #757575) } .k-text-secondary { color: var(--kendo-color-secondary, #757575) !important } .k-text-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #989898) } .k-text-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #989898) !important } .k-text-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #cce5e6) } .k-text-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #cce5e6) !important } .k-text-tertiary { color: var(--kendo-color-tertiary, #007F84) } .k-text-tertiary { color: var(--kendo-color-tertiary, #007F84) !important } .k-text-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #409fa3) } .k-text-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #409fa3) !important } .k-text-info-subtle { color: var(--kendo-color-info-subtle, #ccdefb) } .k-text-info-subtle { color: var(--kendo-color-info-subtle, #ccdefb) !important } .k-text-info { color: var(--kendo-color-info, #0058E9) } .k-text-info { color: var(--kendo-color-info, #0058E9) !important } .k-text-info-emphasis { color: var(--kendo-color-info-emphasis, #4082ef) } .k-text-info-emphasis { color: var(--kendo-color-info-emphasis, #4082ef) !important } .k-text-success-subtle { color: var(--kendo-color-success-subtle, #d4e6cc) } .k-text-success-subtle { color: var(--kendo-color-success-subtle, #d4e6cc) !important } .k-text-success { color: var(--kendo-color-success, #278200) } .k-text-success { color: var(--kendo-color-success, #278200) !important } .k-text-success-emphasis { color: var(--kendo-color-success-emphasis, #5da140) } .k-text-success-emphasis { color: var(--kendo-color-success-emphasis, #5da140) !important } .k-text-warning-subtle { color: var(--kendo-color-warning-subtle, #fdedcc) } .k-text-warning-subtle { color: var(--kendo-color-warning-subtle, #fdedcc) !important } .k-text-warning { color: var(--kendo-color-warning, #F5A600) } .k-text-warning { color: var(--kendo-color-warning, #F5A600) !important } .k-text-warning-emphasis { color: var(--kendo-color-warning-emphasis, #f8bc40) } .k-text-warning-emphasis { color: var(--kendo-color-warning-emphasis, #f8bc40) !important } .k-text-error-subtle { color: var(--kendo-color-error-subtle, #f7d1d3) } .k-text-error-subtle { color: var(--kendo-color-error-subtle, #f7d1d3) !important } .k-text-error { color: var(--kendo-color-error, #D51923) } .k-text-error { color: var(--kendo-color-error, #D51923) !important } .k-text-error-emphasis { color: var(--kendo-color-error-emphasis, #e0535a) } .k-text-error-emphasis { color: var(--kendo-color-error-emphasis, #e0535a) !important } .k-text-light-subtle { color: var(--kendo-color-light-subtle, #e3e3e3) } .k-text-light-subtle { color: var(--kendo-color-light-subtle, #e3e3e3) !important } .k-text-light { color: var(--kendo-color-light, #757575) } .k-text-light { color: var(--kendo-color-light, #757575) !important } .k-text-light-emphasis { color: var(--kendo-color-light-emphasis, #989898) } .k-text-light-emphasis { color: var(--kendo-color-light-emphasis, #989898) !important } .k-text-dark-subtle { color: var(--kendo-color-dark-subtle, #c2c2c2) } .k-text-dark-subtle { color: var(--kendo-color-dark-subtle, #c2c2c2) !important } .k-text-dark { color: var(--kendo-color-dark, #3d3d3d) } .k-text-dark { color: var(--kendo-color-dark, #3d3d3d) !important } .k-text-dark-emphasis { color: var(--kendo-color-dark-emphasis, #666666) } .k-text-dark-emphasis { color: var(--kendo-color-dark-emphasis, #666666) !important } .k-text-inherit { color: var(--kendo-color-inherit, inherit) } .k-text-inherit { color: var(--kendo-color-inherit, inherit) !important } .k-text-current { color: var(--kendo-color-current, currentColor) } .k-text-current { color: var(--kendo-color-current, currentColor) !important } .k-text-transparent { color: var(--kendo-color-transparent, transparent) } .k-text-transparent { color: var(--kendo-color-transparent, transparent) !important } .k-text-black { color: var(--kendo-color-black, black) } .k-text-black { color: var(--kendo-color-black, black) !important } .k-text-white { color: var(--kendo-color-white, white) } .k-text-white { color: var(--kendo-color-white, white) !important } .k-color-app-surface { color: var(--kendo-color-app-surface, #ffffff) } .k-color-app-surface { color: var(--kendo-color-app-surface, #ffffff) !important } .k-color-on-app-surface { color: var(--kendo-color-on-app-surface, #424242) } .k-color-on-app-surface { color: var(--kendo-color-on-app-surface, #424242) !important } .k-color-subtle { color: var(--kendo-color-subtle, #666666) } .k-color-subtle { color: var(--kendo-color-subtle, #666666) !important } .k-color-surface { color: var(--kendo-color-surface, #fafafa) } .k-color-surface { color: var(--kendo-color-surface, #fafafa) !important } .k-color-surface-alt { color: var(--kendo-color-surface-alt, #ffffff) } .k-color-surface-alt { color: var(--kendo-color-surface-alt, #ffffff) !important } .k-color-border { color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-color-border { color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) !important } .k-color-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .k-color-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) !important } .k-color-base-subtle { color: var(--kendo-color-base-subtle, #ebebeb) } .k-color-base-subtle { color: var(--kendo-color-base-subtle, #ebebeb) !important } .k-color-base-emphasis { color: var(--kendo-color-base-emphasis, #c2c2c2) } .k-color-base-emphasis { color: var(--kendo-color-base-emphasis, #c2c2c2) !important } .k-color-primary-subtle { color: var(--kendo-color-primary-subtle, #d0e3ee) } .k-color-primary-subtle { color: var(--kendo-color-primary-subtle, #d0e3ee) !important } .k-color-primary { color: var(--kendo-color-primary, #1274AC) } .k-color-primary { color: var(--kendo-color-primary, #1274AC) !important } .k-color-primary-emphasis { color: var(--kendo-color-primary-emphasis, #4d97c1) } .k-color-primary-emphasis { color: var(--kendo-color-primary-emphasis, #4d97c1) !important } .k-color-secondary-subtle { color: var(--kendo-color-secondary-subtle, #e3e3e3) } .k-color-secondary-subtle { color: var(--kendo-color-secondary-subtle, #e3e3e3) !important } .k-color-secondary { color: var(--kendo-color-secondary, #757575) } .k-color-secondary { color: var(--kendo-color-secondary, #757575) !important } .k-color-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #989898) } .k-color-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #989898) !important } .k-color-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #cce5e6) } .k-color-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #cce5e6) !important } .k-color-tertiary { color: var(--kendo-color-tertiary, #007F84) } .k-color-tertiary { color: var(--kendo-color-tertiary, #007F84) !important } .k-color-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #409fa3) } .k-color-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #409fa3) !important } .k-color-info-subtle { color: var(--kendo-color-info-subtle, #ccdefb) } .k-color-info-subtle { color: var(--kendo-color-info-subtle, #ccdefb) !important } .k-color-info { color: var(--kendo-color-info, #0058E9) } .k-color-info { color: var(--kendo-color-info, #0058E9) !important } .k-color-info-emphasis { color: var(--kendo-color-info-emphasis, #4082ef) } .k-color-info-emphasis { color: var(--kendo-color-info-emphasis, #4082ef) !important } .k-color-success-subtle { color: var(--kendo-color-success-subtle, #d4e6cc) } .k-color-success-subtle { color: var(--kendo-color-success-subtle, #d4e6cc) !important } .k-color-success { color: var(--kendo-color-success, #278200) } .k-color-success { color: var(--kendo-color-success, #278200) !important } .k-color-success-emphasis { color: var(--kendo-color-success-emphasis, #5da140) } .k-color-success-emphasis { color: var(--kendo-color-success-emphasis, #5da140) !important } .k-color-warning-subtle { color: var(--kendo-color-warning-subtle, #fdedcc) } .k-color-warning-subtle { color: var(--kendo-color-warning-subtle, #fdedcc) !important } .k-color-warning { color: var(--kendo-color-warning, #F5A600) } .k-color-warning { color: var(--kendo-color-warning, #F5A600) !important } .k-color-warning-emphasis { color: var(--kendo-color-warning-emphasis, #f8bc40) } .k-color-warning-emphasis { color: var(--kendo-color-warning-emphasis, #f8bc40) !important } .k-color-error-subtle { color: var(--kendo-color-error-subtle, #f7d1d3) } .k-color-error-subtle { color: var(--kendo-color-error-subtle, #f7d1d3) !important } .k-color-error { color: var(--kendo-color-error, #D51923) } .k-color-error { color: var(--kendo-color-error, #D51923) !important } .k-color-error-emphasis { color: var(--kendo-color-error-emphasis, #e0535a) } .k-color-error-emphasis { color: var(--kendo-color-error-emphasis, #e0535a) !important } .k-color-light-subtle { color: var(--kendo-color-light-subtle, #e3e3e3) } .k-color-light-subtle { color: var(--kendo-color-light-subtle, #e3e3e3) !important } .k-color-light { color: var(--kendo-color-light, #757575) } .k-color-light { color: var(--kendo-color-light, #757575) !important } .k-color-light-emphasis { color: var(--kendo-color-light-emphasis, #989898) } .k-color-light-emphasis { color: var(--kendo-color-light-emphasis, #989898) !important } .k-color-dark-subtle { color: var(--kendo-color-dark-subtle, #c2c2c2) } .k-color-dark-subtle { color: var(--kendo-color-dark-subtle, #c2c2c2) !important } .k-color-dark { color: var(--kendo-color-dark, #3d3d3d) } .k-color-dark { color: var(--kendo-color-dark, #3d3d3d) !important } .k-color-dark-emphasis { color: var(--kendo-color-dark-emphasis, #666666) } .k-color-dark-emphasis { color: var(--kendo-color-dark-emphasis, #666666) !important } .k-color-inherit { color: var(--kendo-color-inherit, inherit) } .k-color-inherit { color: var(--kendo-color-inherit, inherit) !important } .k-color-current { color: var(--kendo-color-current, currentColor) } .k-color-current { color: var(--kendo-color-current, currentColor) !important } .k-color-transparent { color: var(--kendo-color-transparent, transparent) } .k-color-transparent { color: var(--kendo-color-transparent, transparent) !important } .k-color-black { color: var(--kendo-color-black, black) } .k-color-black { color: var(--kendo-color-black, black) !important } .k-color-white { color: var(--kendo-color-white, white) } .k-color-white { color: var(--kendo-color-white, white) !important } .k-text-underline { text-decoration: underline } .k-text-underline { text-decoration: underline !important } .k-text-overline { text-decoration: overline } .k-text-overline { text-decoration: overline !important } .k-text-line-through { text-decoration: line-through } .k-text-line-through { text-decoration: line-through !important } .k-text-no-underline { text-decoration: none } .k-text-no-underline { text-decoration: none !important } .k-text-clip { text-overflow: clip } .k-text-clip { text-overflow: clip !important } .k-text-ellipsis { text-overflow: ellipsis } .k-text-ellipsis { text-overflow: ellipsis !important } .k-text-truncate, .k-text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .k-text-truncate, .k-text-ellipsis { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important } .k-text-uppercase { text-transform: uppercase } .k-text-uppercase { text-transform: uppercase !important } .k-text-lowercase { text-transform: lowercase } .k-text-lowercase { text-transform: lowercase !important } .k-text-capitalize { text-transform: capitalize } .k-text-capitalize { text-transform: capitalize !important } .k-text-normal-case { text-transform: none } .k-text-normal-case { text-transform: none !important } .k-align-baseline { vertical-align: baseline } .k-align-baseline { vertical-align: baseline !important } .k-align-top { vertical-align: top } .k-align-top { vertical-align: top !important } .k-align-middle { vertical-align: middle } .k-align-middle { vertical-align: middle !important } .k-align-bottom { vertical-align: bottom } .k-align-bottom { vertical-align: bottom !important } .k-align-text-top { vertical-align: text-top } .k-align-text-top { vertical-align: text-top !important } .k-align-text-bottom { vertical-align: text-bottom } .k-align-text-bottom { vertical-align: text-bottom !important } .k-align-sub { vertical-align: sub } .k-align-sub { vertical-align: sub !important } .k-align-super { vertical-align: super } .k-align-super { vertical-align: super !important } .k-white-space-normal { white-space: normal } .k-white-space-normal { white-space: normal !important } .k-white-space-nowrap, .k-text-nowrap { white-space: nowrap } .k-white-space-nowrap { white-space: nowrap !important } .k-white-space-pre { white-space: pre } .k-white-space-pre { white-space: pre !important } .k-white-space-pre-line { white-space: pre-line } .k-white-space-pre-line { white-space: pre-line !important } .k-white-space-pre-wrap { white-space: pre-wrap } .k-white-space-pre-wrap { white-space: pre-wrap !important } .k-white-space-break-spaces { white-space: break-spaces } .k-white-space-break-spaces { white-space: break-spaces !important } .k-whitespace-normal { white-space: normal } .k-whitespace-normal { white-space: normal !important } .k-whitespace-nowrap { white-space: nowrap } .k-whitespace-nowrap { white-space: nowrap !important } .k-whitespace-pre { white-space: pre } .k-whitespace-pre { white-space: pre !important } .k-whitespace-pre-line { white-space: pre-line } .k-whitespace-pre-line { white-space: pre-line !important } .k-whitespace-pre-wrap { white-space: pre-wrap } .k-whitespace-pre-wrap { white-space: pre-wrap !important } .k-whitespace-break-spaces { white-space: break-spaces } .k-whitespace-break-spaces { white-space: break-spaces !important } .k-svg-icon { width: 16px; height: 16px; outline: 0; line-height: 1; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; vertical-align: middle; position: relative } .k-svg-icon>svg { fill: currentColor; flex: 1 1 auto } .k-svg-icon.k-icon-xs { width: 12px; height: 12px } .k-svg-icon.k-icon-sm { width: 14px; height: 14px } .k-svg-icon.k-icon-md { width: 16px; height: 16px } .k-svg-icon.k-icon-lg { width: 20px; height: 20px } .k-svg-icon.k-icon-xl { width: 24px; height: 24px } .k-svg-icon.k-icon-xxl { width: 32px; height: 32px } .k-svg-icon.k-icon-xxxl { width: 48px; height: 48px } .k-flip-h.k-svg-icon, .k-svg-icon.k-flip-x, .k-flip-v.k-svg-icon, .k-svg-icon.k-flip-y, .k-flip-h.k-flip-v.k-svg-icon { transform: none } .k-flip-h>svg, .k-flip-x>svg { transform: scaleX(-1) } .k-flip-v>svg, .k-flip-y>svg { transform: scaleY(-1) } .k-flip-h.k-flip-v>svg, .k-flip-h.k-flip-y>svg, .k-flip-v.k-flip-x>svg, .k-flip-x.k-flip-y>svg, .k-flip-both>svg { transform: scale(-1, -1) } .k-rotate-0.k-svg-icon { transform: none } .k-rotate-0>svg { transform: rotate(0deg) } .k-rotate-45.k-svg-icon { transform: none } .k-rotate-45>svg { transform: rotate(45deg) } .k-rotate-90.k-svg-icon { transform: none } .k-rotate-90>svg { transform: rotate(90deg) } .k-rotate-135.k-svg-icon { transform: none } .k-rotate-135>svg { transform: rotate(135deg) } .k-rotate-180.k-svg-icon { transform: none } .k-rotate-180>svg { transform: rotate(180deg) } .k-rotate-225.k-svg-icon { transform: none } .k-rotate-225>svg { transform: rotate(225deg) } .k-rotate-270.k-svg-icon { transform: none } .k-rotate-270>svg { transform: rotate(270deg) } .k-rotate-315.k-svg-icon { transform: none } .k-rotate-315>svg { transform: rotate(315deg) } .k-icon-wrap { flex: none; display: inline-flex; flex-flow: row nowrap; gap: 0; align-items: center; align-self: flex-start; vertical-align: middle; position: relative } .k-icon-wrap::before { content: "​"; width: 0; overflow: hidden; flex: none; display: inline-block; vertical-align: top } .k-icon-wrapper-host { display: contents } .k-icon-with-modifier { position: relative; margin: .25em } .k-icon.k-icon-modifier { width: 1em; height: 1em; position: absolute; font-size: .5em; bottom: 0; right: 0; margin: 0 -0.5em -0.5em 0 } .k-i-none::before { content: ""; display: none } .k-icon-action { display: inline-flex; padding: var(--kendo-spacing-1, 5px); line-height: 1; align-items: center; vertical-align: middle; cursor: pointer } .k-sprite { display: inline-block; width: 16px; height: 16px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center } .k-image { display: inline-block } .k-rotate-0 { transform: rotate(0deg) } .k-rotate-0 { transform: rotate(0deg) !important } .k-rotate-45 { transform: rotate(45deg) } .k-rotate-45 { transform: rotate(45deg) !important } .k-rotate-90 { transform: rotate(90deg) } .k-rotate-90 { transform: rotate(90deg) !important } .k-rotate-135 { transform: rotate(135deg) } .k-rotate-135 { transform: rotate(135deg) !important } .k-rotate-180 { transform: rotate(180deg) } .k-rotate-180 { transform: rotate(180deg) !important } .k-rotate-225 { transform: rotate(225deg) } .k-rotate-225 { transform: rotate(225deg) !important } .k-rotate-270 { transform: rotate(270deg) } .k-rotate-270 { transform: rotate(270deg) !important } .k-rotate-315 { transform: rotate(315deg) } .k-rotate-315 { transform: rotate(315deg) !important } .k-flip-h, .k-flip-x { transform: scaleX(-1) } .k-flip-h, .k-flip-x { transform: scaleX(-1) !important } .k-flip-v, .k-flip-y { transform: scaleY(-1) } .k-flip-v, .k-flip-y { transform: scaleY(-1) !important } .k-flip-h.k-flip-v, .k-flip-h.k-flip-y, .k-flip-v.k-flip-x, .k-flip-x.k-flip-y { transform: scale(-1, -1) } .k-flip-h.k-flip-v, .k-flip-h.k-flip-y, .k-flip-v.k-flip-x, .k-flip-x.k-flip-y { transform: scale(-1, -1) !important } .k-messagebox { margin: 0 0 var(--kendo-spacing-4, 20px) 0; padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); border-width: 0 0 0 4px; border-style: solid; box-sizing: border-box; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-messagebox a { color: inherit; font-style: italic; text-decoration: underline } .k-messagebox-primary { border-color: var(--kendo-color-primary-emphasis, #4d97c1); color: var(--kendo-color-primary-on-subtle, #06293c); background-color: var(--kendo-color-primary-subtle, #d0e3ee) } .k-messagebox-secondary { border-color: var(--kendo-color-secondary-emphasis, #989898); color: var(--kendo-color-secondary-on-subtle, #292929); background-color: var(--kendo-color-secondary-subtle, #e3e3e3) } .k-messagebox-tertiary { border-color: var(--kendo-color-tertiary-emphasis, #409fa3); color: var(--kendo-color-tertiary-on-subtle, #002c2e); background-color: var(--kendo-color-tertiary-subtle, #cce5e6) } .k-messagebox-info { border-color: var(--kendo-color-info-emphasis, #4082ef); color: var(--kendo-color-info-on-subtle, #001f52); background-color: var(--kendo-color-info-subtle, #ccdefb) } .k-messagebox-success { border-color: var(--kendo-color-success-emphasis, #5da140); color: var(--kendo-color-success-on-subtle, #0e2e00); background-color: var(--kendo-color-success-subtle, #d4e6cc) } .k-messagebox-warning { border-color: var(--kendo-color-warning-emphasis, #f8bc40); color: var(--kendo-color-warning-on-subtle, #563a00); background-color: var(--kendo-color-warning-subtle, #fdedcc) } .k-messagebox-error { border-color: var(--kendo-color-error-emphasis, #e0535a); color: var(--kendo-color-error-on-subtle, #4b090c); background-color: var(--kendo-color-error-subtle, #f7d1d3) } .k-messagebox-dark { border-color: var(--kendo-color-dark-emphasis, #666666); color: var(--kendo-color-dark-on-subtle, #1f1f1f); background-color: var(--kendo-color-dark-subtle, #c2c2c2) } .k-messagebox-light { border-color: var(--kendo-color-light-emphasis, #989898); color: var(--kendo-color-light-on-subtle, #292929); background-color: var(--kendo-color-light-subtle, #e3e3e3) } .k-messagebox-inverse { border-color: var(--kendo-color-dark-hover, #292929); color: var(--kendo-color-dark-on-subtle, #1f1f1f); background-color: var(--kendo-color-dark-subtle, #c2c2c2) } .k-drag-clue { border-radius: var(--kendo-border-radius-md, 5px); padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); border-width: 1px; border-style: solid; box-sizing: border-box; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); display: inline-flex; flex-flow: row nowrap; align-items: center; align-content: center; white-space: nowrap; overflow: hidden; position: absolute; z-index: 20000; cursor: move } .k-drag-status, .k-drag-clue .k-drag-status { margin: 0; margin-right: .4ex } .k-drop-hint { display: flex; gap: 4px; justify-content: space-between; align-items: center; position: absolute; z-index: 1000; transform: translate(-50%, -50%) } .k-drop-hint-start, .k-drop-hint-end { flex-shrink: 0; border-width: 4px; border-style: solid; border-color: rgba(0, 0, 0, 0) } .k-drop-hint-line { flex-grow: 1; background-color: var(--kendo-color-primary, #1274AC) } .k-drop-hint-h .k-drop-hint-start { border-left-width: 6.9282032304px; border-left-color: var(--kendo-color-primary, #1274AC); border-right-width: 0 } .k-drop-hint-h .k-drop-hint-line { width: 20px; height: 1px } .k-drop-hint-h .k-drop-hint-end { border-right-width: 6.9282032304px; border-right-color: var(--kendo-color-primary, #1274AC); border-left-width: 0 } .k-drop-hint-v { flex-direction: column } .k-drop-hint-v .k-drop-hint-start { border-top-width: 6.9282032304px; border-top-color: var(--kendo-color-primary, #1274AC); border-bottom-width: 0 } .k-drop-hint-v .k-drop-hint-line { width: 1px; height: 20px } .k-drop-hint-v .k-drop-hint-end { border-bottom-width: 6.9282032304px; border-bottom-color: var(--kendo-color-primary, #1274AC); border-top-width: 0 } .k-reorder-cue { position: absolute } .k-reorder-cue::before, .k-reorder-cue::after { content: ""; width: 0; height: 0; border: 3px solid rgba(0, 0, 0, 0); position: absolute; transform: translateX(-50%) } .k-reorder-cue::before { border-bottom-width: 0; border-top-color: currentColor; top: -4px } .k-reorder-cue::after { border-top-width: 0; border-bottom-color: currentColor; bottom: -4px } .k-drag-clue { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-list-container { display: flex; flex-flow: column nowrap } .k-list-container>.k-list { flex: 1; height: 100% } .k-list { margin: 0; padding: 0; box-sizing: border-box; font-family: var(--kendo-font-family, inherit); display: flex; flex-flow: column nowrap; outline: none; position: relative; overflow: hidden } .k-list *, .k-list *::before, .k-list *::after { box-sizing: border-box } .k-popup>.k-list { height: 100%; border-width: 0 } .k-list-group-sticky-header { border-width: 0; border-width: 0 0 1px; border-style: solid; font-weight: var(--kendo-font-weight-bold, normal); white-space: nowrap; display: flex; flex-flow: row nowrap; align-items: center; flex: none; overflow: hidden; text-overflow: ellipsis; cursor: pointer } .k-list-content { border-color: inherit; flex: 1 1 auto; overflow: hidden; overflow-y: auto; position: relative } .k-list-ul { margin: 0; padding: 0; border-width: 0; border-color: inherit; height: auto; list-style: none } .k-list-item, .k-list-optionlabel { border: 0; outline: none; cursor: pointer; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: var(--kendo-spacing-1, 5px); position: relative; transition-property: color, background-color, outline-color, box-shadow; transition-duration: 200ms; transition-timing-function: ease } .k-list-item.k-first::before, .k-first.k-list-optionlabel::before { content: ""; border-width: 1px 0 0; border-style: solid; position: absolute; top: 0; left: 0; right: 0 } .k-list-item-text::before, .k-list-header-text::before, .k-list-optionlabel::before { content: "​"; width: 0px; overflow: hidden } .k-list-optionlabel { column-gap: 0 } .k-list-group-item { border-width: 0; border-width: 1px 0 0; border-style: solid; font-weight: var(--kendo-font-weight-bold, normal); cursor: default; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: var(--kendo-spacing-1, 5px); position: relative } .k-list-item-group-label { padding-block: 0; padding-inline: .5em; font-size: .75em; position: absolute; top: 0; inset-inline-end: 0 } .k-virtual-content, .k-virtual-list .k-list-content { overflow-y: scroll } .k-virtual-list .k-list-item, .k-virtual-list .k-list-optionlabel, .k-virtual-list .k-list-group-item, .k-virtual-content .k-list-item, .k-virtual-content .k-list-optionlabel, .k-virtual-content .k-list-group-item { position: absolute; width: 100% } .k-virtual-list .k-list-item-text, .k-virtual-list .k-list-header-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .k-virtual-list .k-list-optionlabel { position: relative } .k-list-filter { display: block; position: relative; padding: var(--kendo-spacing-2, 10px); box-sizing: border-box; flex: none } .k-list-sm { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-list-sm .k-list-group-sticky-header { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-list-sm .k-list-item, .k-list-sm .k-list-optionlabel { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-list-sm .k-list-group-item { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-list-md { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-list-md .k-list-group-sticky-header { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-list-md .k-list-item, .k-list-md .k-list-optionlabel { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-list-md .k-list-group-item { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-list-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-list-lg .k-list-group-sticky-header { padding-block: var(--kendo-spacing-1\.5, 7.5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px) } .k-list-lg .k-list-group-item { padding-block: var(--kendo-spacing-1\.5, 7.5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-list { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-list-group-sticky-header { border-color: inherit; box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-list-item:hover, .k-list-optionlabel:hover, .k-list-item.k-hover, .k-hover.k-list-optionlabel { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12) } .k-list-item.k-selected, .k-selected.k-list-optionlabel { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary-hover, #116fa5) } .k-list-optionlabel, .k-list-optionlabel.k-hover, .k-list-optionlabel:hover { color: var(--kendo-color-subtle, #666666) } .k-list-group-item { border-color: inherit } .k-list-item-group-label { color: var(--kendo-color-surface-alt, #ffffff); background-color: var(--kendo-color-on-app-surface, #424242) } .k-listgroup { border-radius: var(--kendo-border-radius-md, 5px); margin: 0; padding: 0; border-width: 1px; border-style: solid; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); list-style: none; display: flex; flex-direction: column; position: relative; overflow: hidden } .k-listgroup>ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column } .k-listgroup .k-listgroup-item+.k-listgroup-item { border-top-width: 1px } .k-listgroup-flush { border-radius: 0; border-left-width: 0; border-right-width: 0 } .k-listgroup-item { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); border-width: 0; border-style: solid; border-color: inherit; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex: 0 0 auto; position: relative } .k-listgroup-item>.k-link { margin-block: calc(var(--kendo-spacing-2, 10px)*-1); margin-inline: calc(var(--kendo-spacing-2, 10px)*-1); padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); color: inherit; text-decoration: none; outline: 0; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex: 1 1 auto; position: relative } .k-listgroup-item>.k-link>.k-select { padding: var(--kendo-spacing-2, 10px); display: flex; align-items: center; flex: 0 0 auto; position: absolute; top: 50%; inset-inline-end: 0; transform: translateY(-50%) } .k-listgroup-item-segmented { align-items: stretch } .k-listgroup-item-segmented>.k-link { margin-right: 0 } .k-listgroup-item-segmented>.k-select { margin: calc(var(--kendo-spacing-2, 10px)*-1) calc(var(--kendo-spacing-2, 10px)*-1) calc(var(--kendo-spacing-2, 10px)*-1) 0; padding: var(--kendo-spacing-2, 10px); border-width: 0 0 0 1px; border-style: solid; border-color: inherit; cursor: pointer } .k-listgroup-form-row { margin-block: calc(var(--kendo-spacing-2, 10px)*-1); margin-inline: calc(var(--kendo-spacing-2, 10px)*-1); padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex: 1 1 auto; position: relative } .k-listgroup-form-row .k-listgroup-form-field-label { width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .k-listgroup-form-row .k-listgroup-form-field-wrapper { width: 50%; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; text-align: end; position: relative } .k-listgroup-form-row .k-listgroup-form-field-wrapper select, .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=text], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=password], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=date], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=time], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=datetime-local], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=number], .k-listgroup-form-row .k-listgroup-form-field-wrapper textarea { width: 100%; box-sizing: border-box; flex: 1 1 100% } .k-listgroup-form-row .k-listgroup-form-field-wrapper textarea { min-height: 4em; resize: vertical } .k-listgroup-item.k-listgroup-form-row { margin: 0 } [dir=rtl] .k-listgroup-item>.k-link>.k-select { right: auto; left: 0 } [dir=rtl] .k-listgroup-item-segmented>.k-link { margin-right: calc(var(--kendo-spacing-2, 10px)*-1); margin-left: 0 } [dir=rtl] .k-listgroup-item-segmented>.k-select { margin-right: 0; margin-left: calc(var(--kendo-spacing-2, 10px)*-1); border-right-width: 1px; border-left-width: 0 } .k-noflexbox .k-listgroup, .k-noflexbox .k-listgroup>ul .k-listgroup-item, .k-noflexbox .k-listgroup-item>.k-link { display: block } .k-listgroup { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-badge { padding: 0; border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0); box-sizing: border-box; color: inherit; background-color: rgba(0, 0, 0, 0); font: inherit; text-align: center; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; overflow: hidden; text-overflow: ellipsis } .k-badge *, .k-badge *::before, .k-badge *::after { box-sizing: border-box } .k-badge>* { color: inherit } a.k-badge, .k-badge>a { text-decoration: none } a.k-badge:hover, .k-badge>a:hover { text-decoration: underline } .k-badge-icon { max-width: 1em; max-height: 1em; font-size: inherit } .k-badge-icon.k-svg-icon svg { fill: currentColor } .k-badge-sm { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-0\.5, 2.5px); font-size: var(--kendo-font-size-xs, inherit); line-height: 1; min-width: calc(1em + var(--kendo-spacing-0\.5, 2.5px)*2 + 2px) } .k-badge-sm:empty { padding: var(--kendo-spacing-0\.5, 2.5px); min-width: auto } .k-badge-md { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px); font-size: var(--kendo-font-size-xs, inherit); line-height: 1; min-width: calc(1em + var(--kendo-spacing-1, 5px)*2 + 2px) } .k-badge-md:empty { padding: var(--kendo-spacing-1, 5px); min-width: auto } .k-badge-lg { padding-block: var(--kendo-spacing-1\.5, 7.5px); padding-inline: var(--kendo-spacing-1\.5, 7.5px); font-size: var(--kendo-font-size-xs, inherit); line-height: 1; min-width: calc(1em + var(--kendo-spacing-1\.5, 7.5px)*2 + 2px) } .k-badge-lg:empty { padding: var(--kendo-spacing-1\.5, 7.5px); min-width: auto } kendo-badge-container { display: inline-block } .k-badge-container { position: relative; overflow: visible } .k-badge-inside { position: absolute; z-index: 9999 } .k-badge-edge { position: absolute; z-index: 9999 } .k-badge-edge.k-top-start { transform: translate(-50%, -50%) } .k-badge-edge.k-top-end { transform: translate(50%, -50%) } .k-badge-edge.k-bottom-start { transform: translate(-50%, 50%) } .k-badge-edge.k-bottom-end { transform: translate(50%, 50%) } .k-rtl .k-badge-edge.k-top-start, [dir=rtl].k-badge-edge.k-top-start, [dir=rtl] .k-badge-edge.k-top-start { transform: translate(50%, -50%) } .k-rtl .k-badge-edge.k-top-end, [dir=rtl].k-badge-edge.k-top-end, [dir=rtl] .k-badge-edge.k-top-end { transform: translate(-50%, -50%) } .k-rtl .k-badge-edge.k-bottom-start, [dir=rtl].k-badge-edge.k-bottom-start, [dir=rtl] .k-badge-edge.k-bottom-start { transform: translate(50%, 50%) } .k-rtl .k-badge-edge.k-bottom-end, [dir=rtl].k-badge-edge.k-bottom-end, [dir=rtl] .k-badge-edge.k-bottom-end { transform: translate(-50%, 50%) } .k-badge-outside { position: absolute; z-index: 9999 } .k-badge-outside.k-top-start { transform: translate(-100%, -100%) } .k-badge-outside.k-top-end { transform: translate(100%, -100%) } .k-badge-outside.k-bottom-start { transform: translate(-100%, 100%) } .k-badge-outside.k-bottom-end { transform: translate(100%, 100%) } .k-rtl .k-badge-outside.k-top-start, [dir=rtl].k-badge-outside.k-top-start, [dir=rtl] .k-badge-outside.k-top-start { transform: translate(100%, -100%) } .k-rtl .k-badge-outside.k-top-end, [dir=rtl].k-badge-outside.k-top-end, [dir=rtl] .k-badge-outside.k-top-end { transform: translate(-100%, -100%) } .k-rtl .k-badge-outside.k-bottom-start, [dir=rtl].k-badge-outside.k-bottom-start, [dir=rtl] .k-badge-outside.k-bottom-start { transform: translate(100%, 100%) } .k-rtl .k-badge-outside.k-bottom-end, [dir=rtl].k-badge-outside.k-bottom-end, [dir=rtl] .k-badge-outside.k-bottom-end { transform: translate(-100%, 100%) } .k-badge-border-cutout { box-shadow: 0 0 0 2px var(--kendo-color-surface-alt, #ffffff) } .k-badge-solid-primary { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-badge-solid-secondary { border-color: var(--kendo-color-secondary, #757575); color: var(--kendo-color-on-secondary, white); background-color: var(--kendo-color-secondary, #757575) } .k-badge-solid-tertiary { border-color: var(--kendo-color-tertiary, #007F84); color: var(--kendo-color-on-tertiary, white); background-color: var(--kendo-color-tertiary, #007F84) } .k-badge-solid-info { border-color: var(--kendo-color-info, #0058E9); color: var(--kendo-color-on-info, white); background-color: var(--kendo-color-info, #0058E9) } .k-badge-solid-success { border-color: var(--kendo-color-success, #278200); color: var(--kendo-color-on-success, white); background-color: var(--kendo-color-success, #278200) } .k-badge-solid-warning { border-color: var(--kendo-color-warning, #F5A600); color: var(--kendo-color-on-warning, white); background-color: var(--kendo-color-warning, #F5A600) } .k-badge-solid-error { border-color: var(--kendo-color-error, #D51923); color: var(--kendo-color-on-error, white); background-color: var(--kendo-color-error, #D51923) } .k-badge-solid-dark { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-badge-solid-light { border-color: var(--kendo-color-light, #757575); color: var(--kendo-color-on-light, white); background-color: var(--kendo-color-light, #757575) } .k-badge-solid-inverse { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-badge-outline { border-color: currentColor; background-color: rgba(0, 0, 0, 0) } .k-badge-outline-primary { color: var(--kendo-color-primary, #1274AC) } .k-badge-outline-secondary { color: var(--kendo-color-secondary, #757575) } .k-badge-outline-tertiary { color: var(--kendo-color-tertiary, #007F84) } .k-badge-outline-info { color: var(--kendo-color-info, #0058E9) } .k-badge-outline-success { color: var(--kendo-color-success, #278200) } .k-badge-outline-warning { color: var(--kendo-color-warning, #F5A600) } .k-badge-outline-error { color: var(--kendo-color-error, #D51923) } .k-badge-outline-dark { color: var(--kendo-color-dark, #3d3d3d) } .k-badge-outline-light { color: var(--kendo-color-light, #757575) } .k-badge-outline-inverse { color: var(--kendo-color-dark, #3d3d3d) } .k-button { box-sizing: border-box; border-width: 1px; border-style: solid; color: inherit; background: none; font-family: var(--kendo-font-family, inherit); text-align: center; text-decoration: none; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; gap: var(--kendo-spacing-1, 5px); vertical-align: middle; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; outline: none; -webkit-appearance: none; position: relative; transition: color .2s ease-in-out } .k-button *, .k-button *::before, .k-button *::after { box-sizing: border-box } .k-button:disabled, .k-button.k-disabled { outline: none; cursor: default; opacity: .6; filter: grayscale(0.1); pointer-events: none; box-shadow: none } .k-button::-moz-focus-inner { padding: 0; border: 0; outline: 0 } .k-button:hover, .k-button:focus { text-decoration: none; outline: 0 } .k-icon-button { gap: 0 } .k-icon-button .k-icon { display: inline-flex } .k-button-icon { color: inherit; align-self: center; position: relative } .k-button-sm { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-2, 10px); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-button-sm.k-icon-button { padding: var(--kendo-spacing-0\.5, 2.5px) } .k-button-sm.k-icon-button .k-button-icon { min-width: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal)); min-height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal)); display: inline-flex; align-items: center; justify-content: center } .k-button-sm.k-icon-button .k-button-icon.k-svg-icon>svg, .k-button-sm.k-icon-button .k-button-icon.k-icon-md>svg { width: 16px; height: 16px } .k-button-sm.k-icon-button .k-button-icon.k-icon-xs>svg { width: 12px; height: 12px } .k-button-sm.k-icon-button .k-button-icon.k-icon-sm>svg { width: 14px; height: 14px } .k-button-sm.k-icon-button .k-button-icon.k-icon-lg>svg { width: 20px; height: 20px } .k-button-sm.k-icon-button .k-button-icon.k-icon-xl>svg { width: 24px; height: 24px } .k-button-sm.k-icon-button .k-button-icon.k-icon-xxl>svg { width: 32px; height: 32px } .k-button-sm.k-icon-button .k-button-icon.k-icon-xxxl>svg { width: 48px; height: 48px } .k-button-md { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-button-md.k-icon-button { padding: var(--kendo-spacing-1, 5px) } .k-button-md.k-icon-button .k-button-icon { min-width: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal)); min-height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal)); display: inline-flex; align-items: center; justify-content: center } .k-button-md.k-icon-button .k-button-icon.k-svg-icon>svg, .k-button-md.k-icon-button .k-button-icon.k-icon-md>svg { width: 16px; height: 16px } .k-button-md.k-icon-button .k-button-icon.k-icon-xs>svg { width: 12px; height: 12px } .k-button-md.k-icon-button .k-button-icon.k-icon-sm>svg { width: 14px; height: 14px } .k-button-md.k-icon-button .k-button-icon.k-icon-lg>svg { width: 20px; height: 20px } .k-button-md.k-icon-button .k-button-icon.k-icon-xl>svg { width: 24px; height: 24px } .k-button-md.k-icon-button .k-button-icon.k-icon-xxl>svg { width: 32px; height: 32px } .k-button-md.k-icon-button .k-button-icon.k-icon-xxxl>svg { width: 48px; height: 48px } .k-button-lg { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-button-lg.k-icon-button { padding: var(--kendo-spacing-2, 10px) } .k-button-lg.k-icon-button .k-button-icon { min-width: calc(var(--kendo-font-size-lg, inherit)*var(--kendo-line-height-lg, normal)); min-height: calc(var(--kendo-font-size-lg, inherit)*var(--kendo-line-height-lg, normal)); display: inline-flex; align-items: center; justify-content: center } .k-button-lg.k-icon-button .k-button-icon.k-svg-icon>svg, .k-button-lg.k-icon-button .k-button-icon.k-icon-md>svg { width: 16px; height: 16px } .k-button-lg.k-icon-button .k-button-icon.k-icon-xs>svg { width: 12px; height: 12px } .k-button-lg.k-icon-button .k-button-icon.k-icon-sm>svg { width: 14px; height: 14px } .k-button-lg.k-icon-button .k-button-icon.k-icon-lg>svg { width: 20px; height: 20px } .k-button-lg.k-icon-button .k-button-icon.k-icon-xl>svg { width: 24px; height: 24px } .k-button-lg.k-icon-button .k-button-icon.k-icon-xxl>svg { width: 32px; height: 32px } .k-button-lg.k-icon-button .k-button-icon.k-icon-xxxl>svg { width: 48px; height: 48px } .k-button-square { aspect-ratio: 1 } .k-button-group { margin: 0; padding: 0; border-width: 0; box-sizing: border-box; list-style: none; outline: 0; display: inline-flex; flex-flow: row nowrap; vertical-align: middle; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-button-group>.k-button+.k-button { margin-inline-start: -1px } .k-button-group>.k-button:hover, .k-button-group>.k-button.k-hover, .k-button-group>.k-button:focus, .k-button-group>.k-button.k-focus, .k-button-group>.k-button:active, .k-button-group>.k-button.k-active, .k-button-group>.k-button.k-selected { z-index: 2 } .k-button-group .k-button:not(:first-child):not(:last-child) { border-start-end-radius: 0; border-end-end-radius: 0; border-start-start-radius: 0; border-end-start-radius: 0 } .k-button-group>.k-button:first-child:not(:only-child) { border-start-end-radius: 0; border-end-end-radius: 0 } .k-button-group>.k-button:last-child:not(:only-child) { border-start-start-radius: 0; border-end-start-radius: 0 } .k-button-group:disabled, .k-button-group[disabled], .k-button-group.k-disabled { opacity: 1; filter: none } .k-button-group-stretched { width: 100% } .k-button-group-stretched>* { flex: 1 0 0%; overflow: hidden } .k-button-flat { border-color: rgba(0, 0, 0, 0) !important; color: inherit; background: none !important; box-shadow: none !important } .k-button-flat::before { display: block !important } .k-button-flat::after { box-shadow: inset 0 0 0 2px currentColor; display: block !important } .k-button-flat:focus::after, .k-button-flat.k-focus::after { opacity: .12 } .k-button-outline { border-color: currentColor; color: inherit; background: none } .k-button-link { border-color: rgba(0, 0, 0, 0); color: inherit; text-decoration: none; background: none } .k-button-link:hover, .k-button-link.k-hover { text-decoration: underline } .k-button-clear { border-color: rgba(0, 0, 0, 0) !important; color: inherit; background: none !important; box-shadow: none !important } .k-button-overlay, .k-button::before { border-radius: inherit; content: ""; background: currentColor; opacity: 0; display: none; pointer-events: none; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; z-index: 0; transition: opacity .2s ease-in-out } .k-button:hover::before, .k-button.k-hover::before { opacity: 4% } .k-button.k-no-focus:not(:hover)::before, .k-button.k-no-focus:not(.k-hover)::before { opacity: 0 } .k-button:active::before, .k-button.k-active::before { opacity: 6% } .k-button.k-selected::before { opacity: 8% } .k-button::after { border-radius: inherit; content: ""; opacity: 0; display: none; pointer-events: none; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; z-index: 0; transition: opacity .2s ease-in-out } .k-button-solid-base { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-base, #424242); background-color: var(--kendo-color-base, #f5f5f5) } .k-button-solid-base:hover, .k-button-solid-base.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-button-solid-base:focus, .k-button-solid-base.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-button-solid-base:active, .k-button-solid-base.k-active { background-color: var(--kendo-color-base-active, #d8d8d8) } .k-button-solid-base.k-selected { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-button-solid-primary { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-button-solid-primary:hover, .k-button-solid-primary.k-hover { border-color: var(--kendo-color-primary-hover, #116fa5); background-color: var(--kendo-color-primary-hover, #116fa5) } .k-button-solid-primary:focus, .k-button-solid-primary.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-primary, #1274AC) 30%, transparent) } .k-button-solid-primary:active, .k-button-solid-primary.k-active { border-color: var(--kendo-color-primary-active, #106697); background-color: var(--kendo-color-primary-active, #106697) } .k-button-solid-primary.k-selected { border-color: var(--kendo-color-primary-active, #106697); background-color: var(--kendo-color-primary-active, #106697) } .k-button-solid-secondary { border-color: var(--kendo-color-secondary, #757575); color: var(--kendo-color-on-secondary, white); background-color: var(--kendo-color-secondary, #757575) } .k-button-solid-secondary:hover, .k-button-solid-secondary.k-hover { border-color: var(--kendo-color-secondary-hover, #707070); background-color: var(--kendo-color-secondary-hover, #707070) } .k-button-solid-secondary:focus, .k-button-solid-secondary.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-secondary, #757575) 30%, transparent) } .k-button-solid-secondary:active, .k-button-solid-secondary.k-active { border-color: var(--kendo-color-secondary-active, #676767); background-color: var(--kendo-color-secondary-active, #676767) } .k-button-solid-secondary.k-selected { border-color: var(--kendo-color-secondary-active, #676767); background-color: var(--kendo-color-secondary-active, #676767) } .k-button-solid-tertiary { border-color: var(--kendo-color-tertiary, #007F84); color: var(--kendo-color-on-tertiary, white); background-color: var(--kendo-color-tertiary, #007F84) } .k-button-solid-tertiary:hover, .k-button-solid-tertiary.k-hover { border-color: var(--kendo-color-tertiary-hover, #007a7f); background-color: var(--kendo-color-tertiary-hover, #007a7f) } .k-button-solid-tertiary:focus, .k-button-solid-tertiary.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-tertiary, #007F84) 30%, transparent) } .k-button-solid-tertiary:active, .k-button-solid-tertiary.k-active { border-color: var(--kendo-color-tertiary-active, #007074); background-color: var(--kendo-color-tertiary-active, #007074) } .k-button-solid-tertiary.k-selected { border-color: var(--kendo-color-tertiary-active, #007074); background-color: var(--kendo-color-tertiary-active, #007074) } .k-button-solid-info { border-color: var(--kendo-color-info, #0058E9); color: var(--kendo-color-on-info, white); background-color: var(--kendo-color-info, #0058E9) } .k-button-solid-info:hover, .k-button-solid-info.k-hover { border-color: var(--kendo-color-info-hover, #0054e0); background-color: var(--kendo-color-info-hover, #0054e0) } .k-button-solid-info:focus, .k-button-solid-info.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-info, #0058E9) 30%, transparent) } .k-button-solid-info:active, .k-button-solid-info.k-active { border-color: var(--kendo-color-info-active, #004dcd); background-color: var(--kendo-color-info-active, #004dcd) } .k-button-solid-info.k-selected { border-color: var(--kendo-color-info-active, #004dcd); background-color: var(--kendo-color-info-active, #004dcd) } .k-button-solid-success { border-color: var(--kendo-color-success, #278200); color: var(--kendo-color-on-success, white); background-color: var(--kendo-color-success, #278200) } .k-button-solid-success:hover, .k-button-solid-success.k-hover { border-color: var(--kendo-color-success-hover, #257d00); background-color: var(--kendo-color-success-hover, #257d00) } .k-button-solid-success:focus, .k-button-solid-success.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-success, #278200) 30%, transparent) } .k-button-solid-success:active, .k-button-solid-success.k-active { border-color: var(--kendo-color-success-active, #227200); background-color: var(--kendo-color-success-active, #227200) } .k-button-solid-success.k-selected { border-color: var(--kendo-color-success-active, #227200); background-color: var(--kendo-color-success-active, #227200) } .k-button-solid-warning { border-color: var(--kendo-color-warning, #F5A600); color: var(--kendo-color-on-warning, white); background-color: var(--kendo-color-warning, #F5A600) } .k-button-solid-warning:hover, .k-button-solid-warning.k-hover { border-color: var(--kendo-color-warning-hover, #eb9f00); background-color: var(--kendo-color-warning-hover, #eb9f00) } .k-button-solid-warning:focus, .k-button-solid-warning.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-warning, #F5A600) 30%, transparent) } .k-button-solid-warning:active, .k-button-solid-warning.k-active { border-color: var(--kendo-color-warning-active, #d89200); background-color: var(--kendo-color-warning-active, #d89200) } .k-button-solid-warning.k-selected { border-color: var(--kendo-color-warning-active, #d89200); background-color: var(--kendo-color-warning-active, #d89200) } .k-button-solid-error { border-color: var(--kendo-color-error, #D51923); color: var(--kendo-color-on-error, white); background-color: var(--kendo-color-error, #D51923) } .k-button-solid-error:hover, .k-button-solid-error.k-hover { border-color: var(--kendo-color-error-hover, #cc1822); background-color: var(--kendo-color-error-hover, #cc1822) } .k-button-solid-error:focus, .k-button-solid-error.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-error, #D51923) 30%, transparent) } .k-button-solid-error:active, .k-button-solid-error.k-active { border-color: var(--kendo-color-error-active, #bb161f); background-color: var(--kendo-color-error-active, #bb161f) } .k-button-solid-error.k-selected { border-color: var(--kendo-color-error-active, #bb161f); background-color: var(--kendo-color-error-active, #bb161f) } .k-button-solid-dark { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-button-solid-dark:hover, .k-button-solid-dark.k-hover { border-color: var(--kendo-color-dark-hover, #292929); background-color: var(--kendo-color-dark-hover, #292929) } .k-button-solid-dark:focus, .k-button-solid-dark.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-dark, #3d3d3d) 30%, transparent) } .k-button-solid-dark:active, .k-button-solid-dark.k-active { border-color: var(--kendo-color-dark-active, #1f1f1f); background-color: var(--kendo-color-dark-active, #1f1f1f) } .k-button-solid-dark.k-selected { border-color: var(--kendo-color-dark-active, #1f1f1f); background-color: var(--kendo-color-dark-active, #1f1f1f) } .k-button-solid-light { border-color: var(--kendo-color-light, #757575); color: var(--kendo-color-on-light, white); background-color: var(--kendo-color-light, #757575) } .k-button-solid-light:hover, .k-button-solid-light.k-hover { border-color: var(--kendo-color-light-hover, #707070); background-color: var(--kendo-color-light-hover, #707070) } .k-button-solid-light:focus, .k-button-solid-light.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-light, #757575) 30%, transparent) } .k-button-solid-light:active, .k-button-solid-light.k-active { border-color: var(--kendo-color-light-active, #676767); background-color: var(--kendo-color-light-active, #676767) } .k-button-solid-light.k-selected { border-color: var(--kendo-color-light-active, #676767); background-color: var(--kendo-color-light-active, #676767) } .k-button-solid-inverse { border-color: var(--kendo-color-inverse, #3d3d3d); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-inverse, #3d3d3d) } .k-button-solid-inverse:hover, .k-button-solid-inverse.k-hover { border-color: var(--kendo-color-inverse-hover, #292929); background-color: var(--kendo-color-inverse-hover, #292929) } .k-button-solid-inverse:focus, .k-button-solid-inverse.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-inverse, #3d3d3d) 30%, transparent) } .k-button-solid-inverse:active, .k-button-solid-inverse.k-active { border-color: var(--kendo-color-inverse-active, #1f1f1f); background-color: var(--kendo-color-inverse-active, #1f1f1f) } .k-button-solid-inverse.k-selected { border-color: var(--kendo-color-inverse-active, #1f1f1f); background-color: var(--kendo-color-inverse-active, #1f1f1f) } .k-button-outline-primary { box-shadow: none; border-color: currentColor; color: var(--kendo-color-primary-on-surface, #0e5781); background-color: rgba(0, 0, 0, 0) } .k-button-outline-primary:hover, .k-button-outline-primary.k-hover { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-button-outline-primary:focus, .k-button-outline-primary.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-primary, #1274AC) 30%, transparent) } .k-button-outline-primary:active, .k-button-outline-primary.k-active { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-button-outline-primary.k-selected { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-button-outline-secondary { box-shadow: none; border-color: currentColor; color: var(--kendo-color-secondary-on-surface, #585858); background-color: rgba(0, 0, 0, 0) } .k-button-outline-secondary:hover, .k-button-outline-secondary.k-hover { border-color: var(--kendo-color-secondary, #757575); color: var(--kendo-color-on-secondary, white); background-color: var(--kendo-color-secondary, #757575) } .k-button-outline-secondary:focus, .k-button-outline-secondary.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-secondary, #757575) 30%, transparent) } .k-button-outline-secondary:active, .k-button-outline-secondary.k-active { border-color: var(--kendo-color-secondary, #757575); color: var(--kendo-color-on-secondary, white); background-color: var(--kendo-color-secondary, #757575) } .k-button-outline-secondary.k-selected { border-color: var(--kendo-color-secondary, #757575); color: var(--kendo-color-on-secondary, white); background-color: var(--kendo-color-secondary, #757575) } .k-button-outline-tertiary { box-shadow: none; border-color: currentColor; color: var(--kendo-color-tertiary-on-surface, #005f63); background-color: rgba(0, 0, 0, 0) } .k-button-outline-tertiary:hover, .k-button-outline-tertiary.k-hover { border-color: var(--kendo-color-tertiary, #007F84); color: var(--kendo-color-on-tertiary, white); background-color: var(--kendo-color-tertiary, #007F84) } .k-button-outline-tertiary:focus, .k-button-outline-tertiary.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-tertiary, #007F84) 30%, transparent) } .k-button-outline-tertiary:active, .k-button-outline-tertiary.k-active { border-color: var(--kendo-color-tertiary, #007F84); color: var(--kendo-color-on-tertiary, white); background-color: var(--kendo-color-tertiary, #007F84) } .k-button-outline-tertiary.k-selected { border-color: var(--kendo-color-tertiary, #007F84); color: var(--kendo-color-on-tertiary, white); background-color: var(--kendo-color-tertiary, #007F84) } .k-button-outline-info { box-shadow: none; border-color: currentColor; color: var(--kendo-color-info-on-surface, #0042af); background-color: rgba(0, 0, 0, 0) } .k-button-outline-info:hover, .k-button-outline-info.k-hover { border-color: var(--kendo-color-info, #0058E9); color: var(--kendo-color-on-info, white); background-color: var(--kendo-color-info, #0058E9) } .k-button-outline-info:focus, .k-button-outline-info.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-info, #0058E9) 30%, transparent) } .k-button-outline-info:active, .k-button-outline-info.k-active { border-color: var(--kendo-color-info, #0058E9); color: var(--kendo-color-on-info, white); background-color: var(--kendo-color-info, #0058E9) } .k-button-outline-info.k-selected { border-color: var(--kendo-color-info, #0058E9); color: var(--kendo-color-on-info, white); background-color: var(--kendo-color-info, #0058E9) } .k-button-outline-success { box-shadow: none; border-color: currentColor; color: var(--kendo-color-success-on-surface, #1d6200); background-color: rgba(0, 0, 0, 0) } .k-button-outline-success:hover, .k-button-outline-success.k-hover { border-color: var(--kendo-color-success, #278200); color: var(--kendo-color-on-success, white); background-color: var(--kendo-color-success, #278200) } .k-button-outline-success:focus, .k-button-outline-success.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-success, #278200) 30%, transparent) } .k-button-outline-success:active, .k-button-outline-success.k-active { border-color: var(--kendo-color-success, #278200); color: var(--kendo-color-on-success, white); background-color: var(--kendo-color-success, #278200) } .k-button-outline-success.k-selected { border-color: var(--kendo-color-success, #278200); color: var(--kendo-color-on-success, white); background-color: var(--kendo-color-success, #278200) } .k-button-outline-warning { box-shadow: none; border-color: currentColor; color: var(--kendo-color-warning-on-surface, #b87d00); background-color: rgba(0, 0, 0, 0) } .k-button-outline-warning:hover, .k-button-outline-warning.k-hover { border-color: var(--kendo-color-warning, #F5A600); color: var(--kendo-color-on-warning, white); background-color: var(--kendo-color-warning, #F5A600) } .k-button-outline-warning:focus, .k-button-outline-warning.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-warning, #F5A600) 30%, transparent) } .k-button-outline-warning:active, .k-button-outline-warning.k-active { border-color: var(--kendo-color-warning, #F5A600); color: var(--kendo-color-on-warning, white); background-color: var(--kendo-color-warning, #F5A600) } .k-button-outline-warning.k-selected { border-color: var(--kendo-color-warning, #F5A600); color: var(--kendo-color-on-warning, white); background-color: var(--kendo-color-warning, #F5A600) } .k-button-outline-error { box-shadow: none; border-color: currentColor; color: var(--kendo-color-error-on-surface, #a0131a); background-color: rgba(0, 0, 0, 0) } .k-button-outline-error:hover, .k-button-outline-error.k-hover { border-color: var(--kendo-color-error, #D51923); color: var(--kendo-color-on-error, white); background-color: var(--kendo-color-error, #D51923) } .k-button-outline-error:focus, .k-button-outline-error.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-error, #D51923) 30%, transparent) } .k-button-outline-error:active, .k-button-outline-error.k-active { border-color: var(--kendo-color-error, #D51923); color: var(--kendo-color-on-error, white); background-color: var(--kendo-color-error, #D51923) } .k-button-outline-error.k-selected { border-color: var(--kendo-color-error, #D51923); color: var(--kendo-color-on-error, white); background-color: var(--kendo-color-error, #D51923) } .k-button-outline-dark { box-shadow: none; border-color: currentColor; color: var(--kendo-color-dark-on-surface, #141414); background-color: rgba(0, 0, 0, 0) } .k-button-outline-dark:hover, .k-button-outline-dark.k-hover { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-button-outline-dark:focus, .k-button-outline-dark.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-dark, #3d3d3d) 30%, transparent) } .k-button-outline-dark:active, .k-button-outline-dark.k-active { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-button-outline-dark.k-selected { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-button-outline-light { box-shadow: none; border-color: currentColor; color: var(--kendo-color-light-on-surface, #585858); background-color: rgba(0, 0, 0, 0) } .k-button-outline-light:hover, .k-button-outline-light.k-hover { border-color: var(--kendo-color-light, #757575); color: var(--kendo-color-on-light, white); background-color: var(--kendo-color-light, #757575) } .k-button-outline-light:focus, .k-button-outline-light.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-light, #757575) 30%, transparent) } .k-button-outline-light:active, .k-button-outline-light.k-active { border-color: var(--kendo-color-light, #757575); color: var(--kendo-color-on-light, white); background-color: var(--kendo-color-light, #757575) } .k-button-outline-light.k-selected { border-color: var(--kendo-color-light, #757575); color: var(--kendo-color-on-light, white); background-color: var(--kendo-color-light, #757575) } .k-button-outline-inverse { box-shadow: none; border-color: currentColor; color: var(--kendo-color-inverse-on-surface, #141414); background-color: rgba(0, 0, 0, 0) } .k-button-outline-inverse:hover, .k-button-outline-inverse.k-hover { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-button-outline-inverse:focus, .k-button-outline-inverse.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-inverse, #3d3d3d) 30%, transparent) } .k-button-outline-inverse:active, .k-button-outline-inverse.k-active { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-button-outline-inverse.k-selected { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-button-outline-base { box-shadow: none; border-color: currentColor; color: var(--kendo-color-base-on-surface, #424242); background-color: rgba(0, 0, 0, 0) } .k-button-outline-base:hover, .k-button-outline-base.k-hover { border-color: var(--kendo-color-on-base, #424242); color: var(--kendo-color-base, #f5f5f5); background-color: var(--kendo-color-on-base, #424242) } .k-button-outline-base:focus, .k-button-outline-base.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 30%, transparent) } .k-button-outline-base:active, .k-button-outline-base.k-active { border-color: var(--kendo-color-on-base, #424242); color: var(--kendo-color-base, #f5f5f5); background-color: var(--kendo-color-on-base, #424242) } .k-button-outline-base.k-selected { border-color: var(--kendo-color-on-base, #424242); color: var(--kendo-color-base, #f5f5f5); background-color: var(--kendo-color-on-base, #424242) } .k-button-flat-primary { color: var(--kendo-color-primary-on-surface, #0e5781) } .k-button-flat-secondary { color: var(--kendo-color-secondary-on-surface, #585858) } .k-button-flat-tertiary { color: var(--kendo-color-tertiary-on-surface, #005f63) } .k-button-flat-info { color: var(--kendo-color-info-on-surface, #0042af) } .k-button-flat-success { color: var(--kendo-color-success-on-surface, #1d6200) } .k-button-flat-warning { color: var(--kendo-color-warning-on-surface, #b87d00) } .k-button-flat-error { color: var(--kendo-color-error-on-surface, #a0131a) } .k-button-flat-dark { color: var(--kendo-color-dark-on-surface, #141414) } .k-button-flat-light { color: var(--kendo-color-light-on-surface, #585858) } .k-button-flat-inverse { color: var(--kendo-color-inverse-on-surface, #141414) } .k-button-flat-base { color: inherit } .k-button-link-primary { color: var(--kendo-color-primary, #1274AC) } .k-button-link-primary:hover, .k-button-link-primary.k-hover { color: var(--kendo-color-primary-hover, #116fa5) } .k-button-link-primary:focus, .k-button-link-primary.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-primary, #1274AC) 30%, transparent) } .k-button-link-primary:active, .k-button-link-primary.k-active { color: var(--kendo-color-primary-active, #106697) } .k-button-link-primary.k-selected { color: var(--kendo-color-primary-active, #106697) } .k-button-link-secondary { color: var(--kendo-color-secondary, #757575) } .k-button-link-secondary:hover, .k-button-link-secondary.k-hover { color: var(--kendo-color-secondary-hover, #707070) } .k-button-link-secondary:focus, .k-button-link-secondary.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-secondary, #757575) 30%, transparent) } .k-button-link-secondary:active, .k-button-link-secondary.k-active { color: var(--kendo-color-secondary-active, #676767) } .k-button-link-secondary.k-selected { color: var(--kendo-color-secondary-active, #676767) } .k-button-link-tertiary { color: var(--kendo-color-tertiary, #007F84) } .k-button-link-tertiary:hover, .k-button-link-tertiary.k-hover { color: var(--kendo-color-tertiary-hover, #007a7f) } .k-button-link-tertiary:focus, .k-button-link-tertiary.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-tertiary, #007F84) 30%, transparent) } .k-button-link-tertiary:active, .k-button-link-tertiary.k-active { color: var(--kendo-color-tertiary-active, #007074) } .k-button-link-tertiary.k-selected { color: var(--kendo-color-tertiary-active, #007074) } .k-button-link-info { color: var(--kendo-color-info, #0058E9) } .k-button-link-info:hover, .k-button-link-info.k-hover { color: var(--kendo-color-info-hover, #0054e0) } .k-button-link-info:focus, .k-button-link-info.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-info, #0058E9) 30%, transparent) } .k-button-link-info:active, .k-button-link-info.k-active { color: var(--kendo-color-info-active, #004dcd) } .k-button-link-info.k-selected { color: var(--kendo-color-info-active, #004dcd) } .k-button-link-success { color: var(--kendo-color-success, #278200) } .k-button-link-success:hover, .k-button-link-success.k-hover { color: var(--kendo-color-success-hover, #257d00) } .k-button-link-success:focus, .k-button-link-success.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-success, #278200) 30%, transparent) } .k-button-link-success:active, .k-button-link-success.k-active { color: var(--kendo-color-success-active, #227200) } .k-button-link-success.k-selected { color: var(--kendo-color-success-active, #227200) } .k-button-link-warning { color: var(--kendo-color-warning, #F5A600) } .k-button-link-warning:hover, .k-button-link-warning.k-hover { color: var(--kendo-color-warning-hover, #eb9f00) } .k-button-link-warning:focus, .k-button-link-warning.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-warning, #F5A600) 30%, transparent) } .k-button-link-warning:active, .k-button-link-warning.k-active { color: var(--kendo-color-warning-active, #d89200) } .k-button-link-warning.k-selected { color: var(--kendo-color-warning-active, #d89200) } .k-button-link-error { color: var(--kendo-color-error, #D51923) } .k-button-link-error:hover, .k-button-link-error.k-hover { color: var(--kendo-color-error-hover, #cc1822) } .k-button-link-error:focus, .k-button-link-error.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-error, #D51923) 30%, transparent) } .k-button-link-error:active, .k-button-link-error.k-active { color: var(--kendo-color-error-active, #bb161f) } .k-button-link-error.k-selected { color: var(--kendo-color-error-active, #bb161f) } .k-button-link-dark { color: var(--kendo-color-dark, #3d3d3d) } .k-button-link-dark:hover, .k-button-link-dark.k-hover { color: var(--kendo-color-dark-hover, #292929) } .k-button-link-dark:focus, .k-button-link-dark.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-dark, #3d3d3d) 30%, transparent) } .k-button-link-dark:active, .k-button-link-dark.k-active { color: var(--kendo-color-dark-active, #1f1f1f) } .k-button-link-dark.k-selected { color: var(--kendo-color-dark-active, #1f1f1f) } .k-button-link-light { color: var(--kendo-color-light, #757575) } .k-button-link-light:hover, .k-button-link-light.k-hover { color: var(--kendo-color-light-hover, #707070) } .k-button-link-light:focus, .k-button-link-light.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-light, #757575) 30%, transparent) } .k-button-link-light:active, .k-button-link-light.k-active { color: var(--kendo-color-light-active, #676767) } .k-button-link-light.k-selected { color: var(--kendo-color-light-active, #676767) } .k-button-link-inverse { color: var(--kendo-color-dark, #3d3d3d) } .k-button-link-inverse:hover, .k-button-link-inverse.k-hover { color: var(--kendo-color-inverse-hover, #292929) } .k-button-link-inverse:focus, .k-button-link-inverse.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-inverse, #3d3d3d) 30%, transparent) } .k-button-link-inverse:active, .k-button-link-inverse.k-active { color: var(--kendo-color-inverse-active, #1f1f1f) } .k-button-link-inverse.k-selected { color: var(--kendo-color-inverse-active, #1f1f1f) } .k-button-link-base { color: var(--kendo-color-on-app-surface, #424242) } .k-button-link-base:hover, .k-button-link-base.k-hover { color: var(--kendo-color-on-app-surface, #424242) } .k-button-link-base:focus, .k-button-link-base.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 30%, transparent) } .k-button-link-base:active, .k-button-link-base.k-active { color: var(--kendo-color-on-app-surface, #424242) } .k-button-link-base.k-selected { color: var(--kendo-color-on-app-surface, #424242) } .k-button-clear-primary { color: var(--kendo-color-primary-on-surface, #0e5781) } .k-button-clear-primary:focus::after, .k-button-clear-primary.k-focus::after, .k-button-clear-primary:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-secondary { color: var(--kendo-color-secondary-on-surface, #585858) } .k-button-clear-secondary:focus::after, .k-button-clear-secondary.k-focus::after, .k-button-clear-secondary:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-tertiary { color: var(--kendo-color-tertiary-on-surface, #005f63) } .k-button-clear-tertiary:focus::after, .k-button-clear-tertiary.k-focus::after, .k-button-clear-tertiary:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-info { color: var(--kendo-color-info-on-surface, #0042af) } .k-button-clear-info:focus::after, .k-button-clear-info.k-focus::after, .k-button-clear-info:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-success { color: var(--kendo-color-success-on-surface, #1d6200) } .k-button-clear-success:focus::after, .k-button-clear-success.k-focus::after, .k-button-clear-success:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-warning { color: var(--kendo-color-warning-on-surface, #b87d00) } .k-button-clear-warning:focus::after, .k-button-clear-warning.k-focus::after, .k-button-clear-warning:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-error { color: var(--kendo-color-error-on-surface, #a0131a) } .k-button-clear-error:focus::after, .k-button-clear-error.k-focus::after, .k-button-clear-error:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-dark { color: var(--kendo-color-dark-on-surface, #141414) } .k-button-clear-dark:focus::after, .k-button-clear-dark.k-focus::after, .k-button-clear-dark:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-light { color: var(--kendo-color-light-on-surface, #585858) } .k-button-clear-light:focus::after, .k-button-clear-light.k-focus::after, .k-button-clear-light:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-inverse { color: var(--kendo-color-inverse-on-surface, #141414) } .k-button-clear-inverse:focus::after, .k-button-clear-inverse.k-focus::after, .k-button-clear-inverse:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-base { color: var(--kendo-color-base-on-surface, #424242) } .k-button-clear-base:focus::after, .k-button-clear-base.k-focus::after, .k-button-clear-base:active::after { background-color: currentColor; opacity: .1; display: block } .k-actions, .k-form-buttons, .k-edit-buttons, .k-action-buttons, .k-columnmenu-actions { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); box-sizing: border-box; border-width: 0px 0 0 0; border-style: solid; border-color: inherit; flex-shrink: 0; display: flex; flex-flow: row nowrap; align-items: center; gap: var(--kendo-spacing-2, 10px); overflow: hidden; clear: both } .k-actions *, .k-form-buttons *, .k-edit-buttons *, .k-action-buttons *, .k-columnmenu-actions *, .k-actions *::before, .k-form-buttons *::before, .k-edit-buttons *::before, .k-action-buttons *::before, .k-columnmenu-actions *::before, .k-actions *::after, .k-form-buttons *::after, .k-edit-buttons *::after, .k-action-buttons *::after, .k-columnmenu-actions *::after { box-sizing: border-box } .k-popup .k-actions, .k-popup .k-form-buttons, .k-popup .k-edit-buttons, .k-popup .k-action-buttons, .k-popup .k-columnmenu-actions { margin-top: var(--kendo-spacing-4, 20px) } .k-actions-start { justify-content: flex-start } .k-actions-center { justify-content: center } .k-actions-end { justify-content: flex-end } .k-actions-stretched>* { flex: 1 0 0% } .k-actions-horizontal { width: 100%; flex-flow: row nowrap } .k-actions-vertical { flex-flow: column nowrap } .k-justify-content-normal { justify-content: normal } .k-justify-content-normal { justify-content: normal !important } .k-justify-content-stretch { justify-content: stretch } .k-justify-content-stretch { justify-content: stretch !important } .k-justify-content-center { justify-content: center } .k-justify-content-center { justify-content: center !important } .k-justify-content-start { justify-content: start } .k-justify-content-start { justify-content: start !important } .k-justify-content-end { justify-content: end } .k-justify-content-end { justify-content: end !important } .k-justify-content-flex-start { justify-content: flex-start } .k-justify-content-flex-start { justify-content: flex-start !important } .k-justify-content-flex-end { justify-content: flex-end } .k-justify-content-flex-end { justify-content: flex-end !important } .k-justify-content-left { justify-content: left } .k-justify-content-left { justify-content: left !important } .k-justify-content-right { justify-content: right } .k-justify-content-right { justify-content: right !important } .k-justify-content-baseline { justify-content: baseline } .k-justify-content-baseline { justify-content: baseline !important } .k-justify-content-first-baseline { justify-content: first baseline } .k-justify-content-first-baseline { justify-content: first baseline !important } .k-justify-content-last-baseline { justify-content: last baseline } .k-justify-content-last-baseline { justify-content: last baseline !important } .k-justify-content-between { justify-content: space-between } .k-justify-content-between { justify-content: space-between !important } .k-justify-content-around { justify-content: space-around } .k-justify-content-around { justify-content: space-around !important } .k-justify-content-evenly { justify-content: space-evenly } .k-justify-content-evenly { justify-content: space-evenly !important } .k-justify-content-stretch>* { flex: 1 0 0% } ..k-justify-content-stretch>* { flex: 1 0 0% !important } .k-overlay { width: 100%; height: 100%; opacity: .5; position: fixed; top: 0; left: 0; z-index: 10001 } .k-overlay { background-color: #000 } .k-overlay-primary { background-color: var(--kendo-color-primary, #1274AC) } .k-overlay-secondary { background-color: var(--kendo-color-secondary, #757575) } .k-overlay-tertiary { background-color: var(--kendo-color-tertiary, #007F84) } .k-overlay-info { background-color: var(--kendo-color-info, #0058E9) } .k-overlay-success { background-color: var(--kendo-color-success, #278200) } .k-overlay-warning { background-color: var(--kendo-color-warning, #F5A600) } .k-overlay-error { background-color: var(--kendo-color-error, #D51923) } .k-overlay-dark { background-color: var(--kendo-color-dark, #3d3d3d) } .k-overlay-light { background-color: var(--kendo-color-light, #757575) } .k-overlay-inverse { background-color: var(--kendo-color-dark, #3d3d3d) } .k-animation-container { position: absolute; overflow: hidden; z-index: 100 } .k-animation-container-fixed { position: fixed } .k-animation-container-relative { position: relative; display: inline-block } .k-animation-container { border-radius: 0 0 5px 5px } .k-animation-container-shown { overflow: visible } .k-popup { margin: 0; padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; align-items: stretch } .k-popup .k-item { outline: none } .k-popup>.k-colorpalette { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px) } .k-popup.k-popup-transparent { border-width: 0; background-color: rgba(0, 0, 0, 0); box-shadow: none } .k-popup.k-popup-flush { padding: 0 } .k-popup>.k-widget, .k-popup>.k-coloreditor { border-width: 0 } .k-shadow { box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-popup { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-animation-container { border-radius: 0 0 var(--kendo-border-radius-md, 5px) var(--kendo-border-radius-md, 5px) } .k-ripple-target { position: relative } .k-ripple { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; pointer-events: none } .k-ripple-blob { pointer-events: none; position: absolute; border-radius: 50%; padding: 0; transform: translate(-50%, -50%) scale(0); transition: opacity 100ms linear, transform 500ms cubic-bezier(0.4, 0, 0.2, 1); opacity: .1; background-color: currentColor } .k-primary .k-ripple-blob { opacity: .2 } .k-ripple-focus::after { visibility: visible; animation: ripple 600ms ease-out } @keyframes ripple { 0% { transform: translate(-50%, -50%) scale(0) } 20% { transform: translate(-50%, -50%) scale(1) } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1) } } .k-table { width: 100%; max-width: none; border-width: 1px; border-style: solid; text-align: start; border-collapse: collapse; border-spacing: 0; empty-cells: show; outline: none } .k-data-table { border-width: 1px; border-style: solid } .k-data-table .k-table { table-layout: fixed } .k-table-thead, .k-table-tbody, .k-table-tfoot, .k-table-row, .k-table-alt-row { border-color: inherit; text-align: inherit } .k-table-th, .k-table-td { border-width: 0 0 0px 1px; border-style: solid; border-color: inherit; box-sizing: border-box; font-weight: normal; text-align: inherit; white-space: nowrap; text-overflow: ellipsis; display: table-cell; overflow: hidden; position: relative } .k-table-th:first-child, .k-table-td:first-child { border-left-width: 0 } .k-table-th { border-bottom-width: 1px } .k-table-header { padding-inline-end: var(--kendo-scrollbar-width); border-width: 0 0 1px; border-style: solid; box-sizing: border-box } .k-table-header .k-table { border-width: 0 } .k-table-header-wrap { margin-right: -1px; width: 100%; border-width: 0 1px 0 0; border-style: solid; border-color: inherit; overflow: hidden } .k-table-header>.k-table, .k-table-header-wrap>.k-table { margin-bottom: -1px } .k-table-group-sticky-header { flex: none } .k-table-group-sticky-header .k-table-th { display: flex; flex-flow: row nowrap; align-items: center; align-content: center } .k-table-list { margin: 0; padding: 0; width: 100%; max-width: none; border-width: 0; display: table; border-collapse: collapse; border-spacing: 0; table-layout: fixed; empty-cells: show; list-style: none; outline: none } .k-table-list .k-table-row { position: relative } .k-table-list .k-table-row, .k-table-list .k-table-group-row { width: 100%; box-sizing: border-box; display: table-row } .k-table-list .k-table-row.k-first { border-top: 1px solid currentColor } .k-table-list .k-table-th, .k-table-list .k-table-td { vertical-align: middle } .k-table-list .k-table-group-row { position: sticky } .k-table-list .k-table-group-row::before { content: "​"; padding-inline: 0; width: 0; display: block; overflow: hidden } .k-table-list .k-table-group-row .k-table-th { width: 100%; border-color: inherit; color: inherit; background-color: inherit; position: absolute; top: 0 } .k-table-list .k-table-spacer-td { padding: 0 !important; width: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important } .k-table-list .k-table-group-td { padding: 0 !important; width: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; overflow: visible } .k-table-list .k-table-group-td>span { font-size: .75em; position: absolute; top: 0; right: 0 } .k-virtual-table .k-table-row, .k-virtual-table .k-table-group-row { position: absolute; width: 100% } .k-table-scroller { position: relative; overflow: auto } .k-table-scroller>.k-table { border-width: 0 } .k-table-footer { padding-inline-end: var(--kendo-scrollbar-width); border-width: 1px 0 0; border-style: solid; box-sizing: border-box } .k-table-footer .k-table { border-width: 0 } .k-table-footer-wrap { margin-right: -1px; width: 100%; border-width: 0 1px 0 0; border-style: solid; border-color: inherit; overflow: hidden } .k-table-sm { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-table-sm .k-table-th, .k-table-sm .k-table-td { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-table-sm .k-table-list .k-table-group-td>span { padding-block: 0; padding-inline: calc(var(--kendo-spacing-2, 10px)/2) } .k-table-sm .k-table-list .k-table-group-row::before { padding-block: var(--kendo-spacing-1, 5px); padding-inline: 0 } .k-table-md { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-table-md .k-table-th, .k-table-md .k-table-td { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-3, 0.15px) } .k-table-md .k-table-list .k-table-group-td>span { padding-block: 0; padding-inline: calc(var(--kendo-spacing-3, 0.15px)/2) } .k-table-md .k-table-list .k-table-group-row::before { padding-block: var(--kendo-spacing-2, 10px); padding-inline: 0 } .k-table-lg { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-table-lg .k-table-th, .k-table-lg .k-table-td { padding-block: var(--kendo-spacing-2\.5, 12.5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-table-lg .k-table-list .k-table-group-td>span { padding-block: 0; padding-inline: calc(var(--kendo-spacing-2, 10px)/2) } .k-table-lg .k-table-list .k-table-group-row::before { padding-block: var(--kendo-spacing-2\.5, 12.5px); padding-inline: 0 } .k-rtl.k-table .k-table-th, .k-rtl.k-table .k-table-td, .k-rtl .k-table .k-table-th, .k-rtl .k-table .k-table-td, [dir=rtl].k-table .k-table-th, [dir=rtl].k-table .k-table-td, [dir=rtl] .k-table .k-table-th, [dir=rtl] .k-table .k-table-td { border-left-width: 0; border-right-width: 1px } .k-rtl.k-table .k-table-th:first-child, .k-rtl.k-table .k-table-td:first-child, .k-rtl .k-table .k-table-th:first-child, .k-rtl .k-table .k-table-td:first-child, [dir=rtl].k-table .k-table-th:first-child, [dir=rtl].k-table .k-table-td:first-child, [dir=rtl] .k-table .k-table-th:first-child, [dir=rtl] .k-table .k-table-td:first-child { border-right-width: 0 } .k-rtl.k-table .k-table-header-wrap, .k-rtl.k-table .k-table-footer-wrap, .k-rtl .k-table .k-table-header-wrap, .k-rtl .k-table .k-table-footer-wrap, [dir=rtl].k-table .k-table-header-wrap, [dir=rtl].k-table .k-table-footer-wrap, [dir=rtl] .k-table .k-table-header-wrap, [dir=rtl] .k-table .k-table-footer-wrap { margin-right: 0; margin-left: -1px; border-left-width: 1px; border-right-width: 0 } .k-rtl .k-table-list .k-table-group-td>span, [dir=rtl] .k-table-list .k-table-group-td>span { left: 0; right: auto } .k-table, .k-data-table { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-table-thead, .k-table-header, .k-table-group-sticky-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-table-tfoot, .k-table-footer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-table-group-row { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-table-group-td>span { color: var(--kendo-color-surface-alt, #ffffff); background-color: var(--kendo-color-on-app-surface, #424242) } .k-table-alt-row { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 5%, transparent) } .k-table-tbody .k-table-row:hover, .k-table-list .k-table-row:hover, .k-table-tbody .k-table-row.k-hover, .k-table-list .k-table-row.k-hover { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 11%, transparent) } .k-table-tbody .k-table-row.k-focus, .k-table-tbody .k-table-row:focus, .k-table-list .k-table-row.k-focus, .k-table-list .k-table-row:focus, .k-table-tbody .k-table-td.k-focus, .k-table-tbody .k-table-td:focus, .k-table-list .k-table-td.k-focus, .k-table-list .k-table-td:focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .12) } .k-table-tbody .k-table-row.k-selected>.k-table-td, .k-table-list .k-table-row.k-selected { background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent) } .k-virtual-scroller { width: 100%; height: 100%; flex: 1 1 auto; overflow: auto; position: relative } .k-virtual-scroller-wrap { position: relative; z-index: 1 } .k-virtual-scroller-content { position: absolute; width: 100%; top: 0; inset-inline-start: 0 } .k-virtual-scroller-size { position: relative; z-index: 0 } .k-no-data, .k-nodata { min-height: 140px; display: flex; align-items: center; justify-content: center; font-weight: lighter; text-align: center; white-space: normal } .k-no-data, .k-nodata { color: var(--kendo-color-subtle, #666666) } .k-avatar { border-width: 0; border-style: solid; box-sizing: border-box; vertical-align: middle; display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; flex-shrink: 0; overflow: hidden } .k-avatar *, .k-avatar *::before, .k-avatar *::after { box-sizing: border-box } .k-avatar-text, .k-avatar-initials { font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal) } .k-avatar-icon { display: flex; flex-flow: row nowrap; align-items: center } .k-avatar-image { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat } .k-avatar-image>img { width: 100%; height: 100%; object-fit: cover; vertical-align: top } .k-avatar-sm { width: var(--kendo-spacing-4, 20px); height: var(--kendo-spacing-4, 20px); flex-basis: var(--kendo-spacing-4, 20px) } .k-avatar-md { width: var(--kendo-spacing-8, 40px); height: var(--kendo-spacing-8, 40px); flex-basis: var(--kendo-spacing-8, 40px) } .k-avatar-lg { width: var(--kendo-spacing-16, 80px); height: var(--kendo-spacing-16, 80px); flex-basis: var(--kendo-spacing-16, 80px) } .k-avatar-bordered { border-width: 1px } .k-avatar-solid-primary { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-avatar-solid-secondary { border-color: var(--kendo-color-secondary, #757575); color: var(--kendo-color-on-secondary, white); background-color: var(--kendo-color-secondary, #757575) } .k-avatar-solid-tertiary { border-color: var(--kendo-color-tertiary, #007F84); color: var(--kendo-color-on-tertiary, white); background-color: var(--kendo-color-tertiary, #007F84) } .k-avatar-solid-info { border-color: var(--kendo-color-info, #0058E9); color: var(--kendo-color-on-info, white); background-color: var(--kendo-color-info, #0058E9) } .k-avatar-solid-success { border-color: var(--kendo-color-success, #278200); color: var(--kendo-color-on-success, white); background-color: var(--kendo-color-success, #278200) } .k-avatar-solid-warning { border-color: var(--kendo-color-warning, #F5A600); color: var(--kendo-color-on-warning, white); background-color: var(--kendo-color-warning, #F5A600) } .k-avatar-solid-error { border-color: var(--kendo-color-error, #D51923); color: var(--kendo-color-on-error, white); background-color: var(--kendo-color-error, #D51923) } .k-avatar-solid-dark { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-avatar-solid-light { border-color: var(--kendo-color-light, #757575); color: var(--kendo-color-on-light, white); background-color: var(--kendo-color-light, #757575) } .k-avatar-solid-inverse { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-avatar-outline { border-color: currentColor } .k-avatar-outline-primary { color: var(--kendo-color-primary, #1274AC) } .k-avatar-outline-secondary { color: var(--kendo-color-secondary, #757575) } .k-avatar-outline-tertiary { color: var(--kendo-color-tertiary, #007F84) } .k-avatar-outline-info { color: var(--kendo-color-info, #0058E9) } .k-avatar-outline-success { color: var(--kendo-color-success, #278200) } .k-avatar-outline-warning { color: var(--kendo-color-warning, #F5A600) } .k-avatar-outline-error { color: var(--kendo-color-error, #D51923) } .k-avatar-outline-dark { color: var(--kendo-color-dark, #3d3d3d) } .k-avatar-outline-light { color: var(--kendo-color-light, #757575) } .k-avatar-outline-inverse { color: var(--kendo-color-dark, #3d3d3d) } .k-chip { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px); border-width: 1px; border-style: solid; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: 1; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; gap: var(--kendo-spacing-1, 5px); position: relative; overflow: hidden; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none } .k-chip *, .k-chip *::before, .k-chip *::after { box-sizing: border-box } .k-chip .k-selected-icon-wrapper { display: none !important } .k-chip-content { padding-block: .5em; padding-inline: 0; margin-block: -0.5em; margin-inline: 0; min-width: 0; display: flex; flex-flow: row nowrap; align-items: center; overflow: hidden; flex: 1 1 auto } .k-chip-content .k-icon-wrapper-host { display: initial } .k-chip-content:first-child { margin-inline-start: var(--kendo-spacing-1, 5px) } .k-chip-content:last-child { margin-inline-end: var(--kendo-spacing-1, 5px) } .k-chip-text, .k-chip-label { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 1 1 auto } .k-chip-avatar { border-radius: 50%; background-size: cover; background-position: center; flex: none } .k-chip-icon { display: flex; align-items: center; justify-content: center; flex: none } .k-chip-actions { margin-block: -5em; margin-inline: 0; flex: none; display: flex; flex-flow: row nowrap; align-items: center; align-self: center } .k-chip-action { flex: none; display: flex; flex-flow: row nowrap; align-items: center; align-self: center } .k-remove-icon { font-size: inherit; display: flex; align-items: center; justify-content: center; flex: none } .k-chip-list { min-width: 0px; display: inline-flex; flex-wrap: wrap; align-items: center; position: relative } .k-chip-sm { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-1, 5px); font-size: var(--kendo-font-size, inherit); line-height: 1 } .k-chip-sm .k-chip-action { padding: var(--kendo-spacing-0\.5, 2.5px) } .k-chip-avatar { width: 1em; height: 1em; flex-basis: 1em } .k-chip-md { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px); font-size: var(--kendo-font-size, inherit); line-height: 1 } .k-chip-md .k-chip-action { padding: var(--kendo-spacing-1, 5px) } .k-chip-avatar { width: 1em; height: 1em; flex-basis: 1em } .k-chip-lg { padding-block: var(--kendo-spacing-1\.5, 7.5px); padding-inline: var(--kendo-spacing-1, 5px); font-size: var(--kendo-font-size, inherit); line-height: 1 } .k-chip-lg .k-chip-action { padding: var(--kendo-spacing-1\.5, 7.5px) } .k-chip-avatar { width: 1em; height: 1em; flex-basis: 1em } .k-chip-list-sm { gap: var(--kendo-spacing-1, 5px) } .k-chip-list-md { gap: var(--kendo-spacing-1, 5px) } .k-chip-list-lg { gap: var(--kendo-spacing-1, 5px) } .k-chip-solid-base { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-base, #424242); background-color: var(--kendo-color-base-subtle, #ebebeb) } .k-chip-solid-base:focus, .k-chip-solid-base.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-chip-solid-base:hover, .k-chip-solid-base.k-hover { background-color: var(--kendo-color-base-subtle-hover, #e1e1e1) } .k-chip-solid-base.k-selected { background-color: var(--kendo-color-base-active, #d8d8d8) } .k-chip-solid-error { border-color: var(--kendo-color-error-emphasis, #e0535a); color: var(--kendo-color-error-on-subtle, #4b090c); background-color: var(--kendo-color-error-subtle, #f7d1d3) } .k-chip-solid-error:focus, .k-chip-solid-error.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-error, #D51923) 16%, transparent) } .k-chip-solid-error:hover, .k-chip-solid-error.k-hover { background-color: var(--kendo-color-error-subtle-hover, #f0afb2) } .k-chip-solid-error.k-selected { background-color: var(--kendo-color-error-subtle-active, #ea8c91) } .k-chip-solid-info { border-color: var(--kendo-color-info-emphasis, #4082ef); color: var(--kendo-color-info-on-subtle, #001f52); background-color: var(--kendo-color-info-subtle, #ccdefb) } .k-chip-solid-info:focus, .k-chip-solid-info.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-info, #0058E9) 16%, transparent) } .k-chip-solid-info:hover, .k-chip-solid-info.k-hover { background-color: var(--kendo-color-info-subtle-hover, #a6c5f7) } .k-chip-solid-info.k-selected { background-color: var(--kendo-color-info-subtle-active, #80acf4) } .k-chip-solid-warning { border-color: var(--kendo-color-warning-emphasis, #f8bc40); color: var(--kendo-color-warning-on-subtle, #563a00); background-color: var(--kendo-color-warning-subtle, #fdedcc) } .k-chip-solid-warning:focus, .k-chip-solid-warning.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-warning, #F5A600) 16%, transparent) } .k-chip-solid-warning:hover, .k-chip-solid-warning.k-hover { background-color: var(--kendo-color-warning-subtle-hover, #fce0a6) } .k-chip-solid-warning.k-selected { background-color: var(--kendo-color-warning-subtle-active, #fad380) } .k-chip-solid-success { border-color: var(--kendo-color-success-emphasis, #5da140); color: var(--kendo-color-success-on-subtle, #0e2e00); background-color: var(--kendo-color-success-subtle, #d4e6cc) } .k-chip-solid-success:focus, .k-chip-solid-success.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-success, #278200) 16%, transparent) } .k-chip-solid-success:hover, .k-chip-solid-success.k-hover { background-color: var(--kendo-color-success-subtle-hover, #b3d3a6) } .k-chip-solid-success.k-selected { background-color: var(--kendo-color-success-subtle-active, #93c180) } .k-chip-outline-base { border-color: var(--kendo-color-base-on-surface, #424242); color: var(--kendo-color-base-on-surface, #424242); background-color: rgba(0, 0, 0, 0) } .k-chip-outline-base:focus, .k-chip-outline-base.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-chip-outline-base:hover, .k-chip-outline-base.k-hover { color: var(--kendo-color-base, #f5f5f5); background-color: var(--kendo-color-base-on-surface, #424242) } .k-chip-outline-base.k-selected { color: var(--kendo-color-base, #f5f5f5); background-color: var(--kendo-color-base-on-surface, #424242) } .k-chip-outline-error { border-color: var(--kendo-color-error-on-surface, #a0131a); color: var(--kendo-color-error-on-surface, #a0131a); background-color: rgba(0, 0, 0, 0) } .k-chip-outline-error:focus, .k-chip-outline-error.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-error, #D51923) 16%, transparent) } .k-chip-outline-error:hover, .k-chip-outline-error.k-hover { border-color: var(--kendo-color-error-hover, #cc1822); color: var(--kendo-color-on-error, white); background-color: var(--kendo-color-error-hover, #cc1822) } .k-chip-outline-error.k-selected { border-color: var(--kendo-color-error-active, #bb161f); color: var(--kendo-color-on-error, white); background-color: var(--kendo-color-error-active, #bb161f) } .k-chip-outline-info { border-color: var(--kendo-color-info-on-surface, #0042af); color: var(--kendo-color-info-on-surface, #0042af); background-color: rgba(0, 0, 0, 0) } .k-chip-outline-info:focus, .k-chip-outline-info.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-info, #0058E9) 16%, transparent) } .k-chip-outline-info:hover, .k-chip-outline-info.k-hover { border-color: var(--kendo-color-info-hover, #0054e0); color: var(--kendo-color-on-info, white); background-color: var(--kendo-color-info-hover, #0054e0) } .k-chip-outline-info.k-selected { border-color: var(--kendo-color-info-active, #004dcd); color: var(--kendo-color-on-info, white); background-color: var(--kendo-color-info-active, #004dcd) } .k-chip-outline-warning { border-color: var(--kendo-color-warning, #F5A600); color: var(--kendo-color-on-app-surface, #424242); background-color: rgba(0, 0, 0, 0) } .k-chip-outline-warning:focus, .k-chip-outline-warning.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-warning, #F5A600) 16%, transparent) } .k-chip-outline-warning:hover, .k-chip-outline-warning.k-hover { color: var(--kendo-color-on-warning, white); background-color: var(--kendo-color-warning, #F5A600) } .k-chip-outline-warning.k-selected { color: var(--kendo-color-on-warning, white); background-color: var(--kendo-color-warning, #F5A600) } .k-chip-outline-success { border-color: var(--kendo-color-success-on-surface, #1d6200); color: var(--kendo-color-success-on-surface, #1d6200); background-color: rgba(0, 0, 0, 0) } .k-chip-outline-success:focus, .k-chip-outline-success.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-success, #278200) 16%, transparent) } .k-chip-outline-success:hover, .k-chip-outline-success.k-hover { border-color: var(--kendo-color-success-hover, #257d00); color: var(--kendo-color-on-success, white); background-color: var(--kendo-color-success-hover, #257d00) } .k-chip-outline-success.k-selected { border-color: var(--kendo-color-success-active, #227200); color: var(--kendo-color-on-success, white); background-color: var(--kendo-color-success-active, #227200) } .k-color-preview { width: 100%; height: 100%; border-width: 1px; border-radius: var(--kendo-border-radius-md, 5px); box-sizing: border-box; border-style: solid; display: inline-flex; flex-flow: row nowrap; position: relative; overflow: hidden } .k-color-preview *, .k-color-preview *::before, .k-color-preview *::after { box-sizing: border-box } .k-coloreditor-current-color { cursor: pointer } .k-icon-color-preview { border-width: 0; border-radius: 0; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; gap: 2px } .k-icon-color-preview .k-color-preview-mask { width: 14px; height: 2px } .k-color-preview-mask { width: 100%; height: 100%; position: relative } .k-color-preview-mask::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC"); background-size: contain; background-position: 0 0 } .k-no-color .k-color-preview-mask::before { content: ""; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' version='1.1'%3e%3cline x1='0' x2='20' y1='0' y2='20' stroke='var%28--kendo-color-error, %23D51923%29' stroke-width='1'/%3e%3c/svg%3e"); background-size: 100% 100%; background-position: 0 0 } .k-color-preview { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-color-preview:hover, .k-color-preview.k-hover { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-loader { position: relative; display: inline-block; vertical-align: middle; box-sizing: border-box; line-height: 0 } .k-loader-canvas { display: flex; position: relative } .k-loader-segment { border-radius: 50%; background-color: currentColor; position: absolute } .k-loader-sm { padding: calc(var(--kendo-spacing-1, 5px)/2) } .k-loader-sm .k-loader-segment { width: var(--kendo-spacing-1, 5px); height: var(--kendo-spacing-1, 5px) } .k-loader-md { padding: calc(var(--kendo-spacing-2, 10px)/2) } .k-loader-md .k-loader-segment { width: var(--kendo-spacing-2, 10px); height: var(--kendo-spacing-2, 10px) } .k-loader-lg { padding: calc(var(--kendo-spacing-4, 20px)/2) } .k-loader-lg .k-loader-segment { width: var(--kendo-spacing-4, 20px); height: var(--kendo-spacing-4, 20px) } @keyframes pulsing-2-segment { 0% { transform: scale(1) } 50% { transform: scale(1.5) } 100% { transform: scale(1) } } .k-loader-pulsing-2 .k-loader-canvas { align-items: center } .k-loader-pulsing-2 .k-loader-segment:nth-child(1) { left: 0; transform: scale(1.5); transform-origin: 0 50%; animation: pulsing-2-segment 1s ease infinite; animation-delay: -0.5s } .k-loader-pulsing-2 .k-loader-segment:nth-child(2) { right: 0; transform-origin: 100% 50%; animation: pulsing-2-segment 1s ease infinite } .k-loader-pulsing-2.k-loader-sm .k-loader-canvas { width: calc(var(--kendo-spacing-1, 5px)*3); height: calc(var(--kendo-spacing-1, 5px)*1.5) } .k-loader-pulsing-2.k-loader-md .k-loader-canvas { width: calc(var(--kendo-spacing-2, 10px)*3); height: calc(var(--kendo-spacing-2, 10px)*1.5) } .k-loader-pulsing-2.k-loader-lg .k-loader-canvas { width: calc(var(--kendo-spacing-4, 20px)*3); height: calc(var(--kendo-spacing-4, 20px)*1.5) } @keyframes spinner-3-segment { 0% { top: 0; left: 50% } 33.3333% { top: 100%; left: 0 } 66.6666% { top: 100%; left: 100% } 100% { top: 0; left: 50% } } .k-loader-spinner-3 .k-loader-segment { transform: translate(-50%, -50%) } .k-loader-spinner-3 .k-loader-segment:nth-child(1) { top: 0; left: 50%; animation: spinner-3-segment 2s ease infinite } .k-loader-spinner-3 .k-loader-segment:nth-child(2) { top: 100%; left: 0; animation: spinner-3-segment 2s ease infinite; animation-delay: -.6666666667s } .k-loader-spinner-3 .k-loader-segment:nth-child(3) { top: 100%; left: 100%; animation: spinner-3-segment 2s ease infinite; animation-delay: -1.3333333333s } .k-loader-spinner-3.k-loader-sm .k-loader-canvas { margin: calc(var(--kendo-spacing-1, 5px)/2); width: calc(var(--kendo-spacing-1, 5px)*4 - var(--kendo-spacing-1, 5px)); height: calc(var(--kendo-spacing-1, 5px)*4*0.8660254038 - var(--kendo-spacing-1, 5px)) } .k-loader-spinner-3.k-loader-md .k-loader-canvas { margin: calc(var(--kendo-spacing-2, 10px)/2); width: calc(var(--kendo-spacing-2, 10px)*4 - var(--kendo-spacing-2, 10px)); height: calc(var(--kendo-spacing-2, 10px)*4*0.8660254038 - var(--kendo-spacing-2, 10px)) } .k-loader-spinner-3.k-loader-lg .k-loader-canvas { margin: calc(var(--kendo-spacing-4, 20px)/2); width: calc(var(--kendo-spacing-4, 20px)*4 - var(--kendo-spacing-4, 20px)); height: calc(var(--kendo-spacing-4, 20px)*4*0.8660254038 - var(--kendo-spacing-4, 20px)) } @keyframes spinner-4-segment-1 { 0% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } 33.3% { top: 0; left: 0; transform: translateX(0) translateY(0) } 66.6% { top: 0; left: 0; transform: translateX(0) translateY(0) } 100% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } } @keyframes spinner-4-segment-2 { 0% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } 33.3% { top: 0; left: 100%; transform: translateX(-100%) translateY(0) } 66.6% { top: 0; left: 100%; transform: translateX(-100%) translateY(0) } 100% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } } @keyframes spinner-4-segment-3 { 0% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } 33.3% { top: 100%; left: 100%; transform: translateX(-100%) translateY(-100%) } 66.6% { top: 100%; left: 100%; transform: translateX(-100%) translateY(-100%) } 100% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } } @keyframes spinner-4-segment-4 { 0% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } 33.3% { top: 100%; left: 0; transform: translateX(0) translateY(-100%) } 66.6% { top: 100%; left: 0; transform: translateX(0) translateY(-100%) } 100% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } } @keyframes spinner-4 { 0% { transform: rotate(0) } 33.3% { transform: rotate(0) } 66.6% { transform: rotate(180deg) } 100% { transform: rotate(180deg) } } .k-loader-spinner-4 .k-loader-canvas { animation: spinner-4 1.833s ease infinite } .k-loader-spinner-4 .k-loader-segment { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } .k-loader-spinner-4 .k-loader-segment:nth-child(1) { animation: spinner-4-segment-1 1.833s ease infinite } .k-loader-spinner-4 .k-loader-segment:nth-child(2) { animation: spinner-4-segment-2 1.833s ease infinite } .k-loader-spinner-4 .k-loader-segment:nth-child(3) { animation: spinner-4-segment-3 1.833s ease infinite } .k-loader-spinner-4 .k-loader-segment:nth-child(4) { animation: spinner-4-segment-4 1.833s ease infinite } .k-loader-spinner-4.k-loader-sm .k-loader-canvas { width: calc(var(--kendo-spacing-1, 5px)*4); height: calc(var(--kendo-spacing-1, 5px)*4) } .k-loader-spinner-4.k-loader-md .k-loader-canvas { width: calc(var(--kendo-spacing-2, 10px)*4); height: calc(var(--kendo-spacing-2, 10px)*4) } .k-loader-spinner-4.k-loader-lg .k-loader-canvas { width: calc(var(--kendo-spacing-4, 20px)*4); height: calc(var(--kendo-spacing-4, 20px)*4) } .k-loader-container { display: flex; align-items: center; justify-content: center; z-index: 20001 } .k-loader-container .k-loader { padding: 0 } .k-loader-container, .k-loader-container-overlay { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .k-loader-container-overlay { opacity: .5 } .k-loader-container-inner { display: flex; align-items: center; position: relative; z-index: 2 } .k-loader-container-panel { border-width: 1px; border-style: solid; border-radius: var(--kendo-border-radius-md, 5px) } .k-loader-container-sm .k-loader-container-inner { padding: var(--kendo-spacing-4, 20px); gap: var(--kendo-spacing-1, 5px) } .k-loader-container-sm .k-loader-container-label { font-size: var(--kendo-font-size-sm, inherit) } .k-loader-container-md .k-loader-container-inner { padding: var(--kendo-spacing-5, 25px); gap: var(--kendo-spacing-2, 10px) } .k-loader-container-md .k-loader-container-label { font-size: var(--kendo-font-size, inherit) } .k-loader-container-lg .k-loader-container-inner { padding: var(--kendo-spacing-6, 30px); gap: var(--kendo-spacing-3, 0.15px) } .k-loader-container-lg .k-loader-container-label { font-size: var(--kendo-font-size-lg, inherit) } .k-loader-top .k-loader-container-inner { flex-direction: column; text-align: center } .k-loader-end .k-loader-container-label { order: -1 } .k-loading-mask, .k-loading-image, .k-loading-color { width: 100%; height: 100%; box-sizing: border-box; position: absolute; top: 0; left: 0 } .k-loading-mask *, .k-loading-mask *::before, .k-loading-mask *::after, .k-loading-mask::before, .k-loading-mask::after, .k-loading-image *, .k-loading-image *::before, .k-loading-image *::after, .k-loading-image::before, .k-loading-image::after, .k-loading-color *, .k-loading-color *::before, .k-loading-color *::after, .k-loading-color::before, .k-loading-color::after { box-sizing: border-box } .k-loading-mask { z-index: 100 } .k-loading-mask.k-opaque .k-loading-color { opacity: 1 } .k-loading-text { text-indent: -4000px; text-align: center; position: absolute; color: currentColor } .k-loading-image { z-index: 2; color: currentColor } .k-loading-color { background-color: var(--kendo-color-surface-alt, #ffffff); opacity: .3 } .k-i-loading { width: 1em; height: 1em; line-height: 1; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; vertical-align: middle; position: relative; background-color: rgba(0, 0, 0, 0); box-sizing: border-box; color: currentColor } .k-i-loading::before, .k-i-loading::after { box-sizing: border-box } .k-i-loading::before, .k-i-loading::after, .k-loading-image::before, .k-loading-image::after { position: absolute; top: 50%; left: 50%; display: inline-block; content: ""; box-sizing: inherit; border-radius: 50%; border-width: .05em; border-style: solid; border-color: currentColor; border-top-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0) } .k-icon.k-i-loading::before, .k-icon.k-i-loading::after { content: "" } .k-i-loading::before, .k-loading-image::before { margin-top: -0.5em; margin-left: -0.5em; width: 1em; height: 1em; animation: k-loading-animation .7s linear infinite } .k-i-loading::after, .k-loading-image::after { margin-top: -0.25em; margin-left: -0.25em; width: .5em; height: .5em; animation: k-loading-animation reverse 1.4s linear infinite } .k-loading-image::before, .k-loading-image::after { content: ""; border-width: 1px; border-width: clamp(.015em, 1px, 1px); font-size: 4em } @keyframes k-loading-animation { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .k-loader-primary { color: var(--kendo-color-primary, #1274AC) } .k-loader-secondary { color: var(--kendo-color-secondary, #757575) } .k-loader-tertiary { color: var(--kendo-color-tertiary, #007F84) } .k-loader-info { color: var(--kendo-color-info, #0058E9) } .k-loader-success { color: var(--kendo-color-success, #278200) } .k-loader-warning { color: var(--kendo-color-warning, #F5A600) } .k-loader-error { color: var(--kendo-color-error, #D51923) } .k-loader-dark { color: var(--kendo-color-dark, #3d3d3d) } .k-loader-light { color: var(--kendo-color-light, #757575) } .k-loader-inverse { color: var(--kendo-color-dark, #3d3d3d) } .k-loader-container-panel { background-color: #fff; border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-skeleton, .k-placeholder-line { display: block } .k-skeleton-text, .k-placeholder-line { border-radius: var(--kendo-border-radius-md, 5px); transform: scale(1, 0.6) } .k-skeleton-text:empty::before, .k-placeholder-line:empty::before { content: "​" } .k-skeleton-rect { border-radius: 0 } .k-skeleton-circle { border-radius: 9999px } @keyframes k-skeleton-wave { 0% { transform: translateX(-100%) } 60% { transform: translateX(100%) } 100% { transform: translateX(100%) } } .k-skeleton-wave .k-skeleton, .k-skeleton-wave .k-placeholder-line, .k-skeleton-wave.k-skeleton, .k-skeleton-wave.k-placeholder-line { position: relative; overflow: hidden } .k-skeleton-wave .k-skeleton::after, .k-skeleton-wave .k-placeholder-line::after, .k-skeleton-wave.k-skeleton::after, .k-skeleton-wave.k-placeholder-line::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(-100%); animation: k-skeleton-wave 1.6s linear .5s infinite } @keyframes k-skeleton-pulse { 0% { opacity: 1 } 50% { opacity: .4 } 100% { opacity: 1 } } .k-skeleton-pulse .k-skeleton, .k-skeleton-pulse .k-placeholder-line, .k-skeleton-pulse.k-skeleton, .k-skeleton-pulse.k-placeholder-line { animation: k-skeleton-pulse 1.5s ease-in-out .5s infinite } .k-skeleton, .k-placeholder-line { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 20%, transparent) } .k-skeleton-wave .k-skeleton::after, .k-skeleton-wave .k-placeholder-line::after, .k-skeleton-wave.k-skeleton::after, .k-skeleton-wave.k-placeholder-line::after { background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.04), transparent) } .k-tooltip { border-radius: var(--kendo-border-radius-md, 5px); margin: 0; padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); border-width: 0px; border-style: solid; box-sizing: border-box; background-repeat: repeat-x; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height-sm, normal); display: flex; flex-flow: row nowrap; align-items: flex-start; position: absolute; z-index: 12000; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-tooltip *, .k-tooltip *::before, .k-tooltip *::after { box-sizing: border-box } .k-tooltip-icon { margin-inline-end: var(--kendo-spacing-1, 5px); flex-shrink: 0 } .k-tooltip-title { margin-bottom: .25em; font-size: calc(var(--kendo-font-size, 0.815px)*1.25); line-height: var(--kendo-line-height-xs, normal) } .k-tooltip-content { align-self: stretch; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis } .k-tooltip-button { margin-inline-start: var(--kendo-spacing-1, 5px); flex-shrink: 0 } .k-tooltip-button .k-icon { color: inherit; vertical-align: top } .k-callout { width: 12px; height: 12px; border-width: 6px; border-style: solid; border-color: rgba(0, 0, 0, 0); position: absolute; pointer-events: none } .k-callout-n { margin-left: -6px; border-bottom-color: currentColor; top: -12px; left: 50%; pointer-events: none } .k-callout-e { margin-top: -6px; border-left-color: currentColor; top: 50%; right: -12px; pointer-events: none } .k-callout-s { margin-left: -6px; border-top-color: currentColor; bottom: -12px; left: 50%; pointer-events: none } .k-callout-w { margin-top: -6px; border-right-color: currentColor; top: 50%; left: -12px; pointer-events: none } .k-tooltip { border-color: var(--kendo-color-on-app-surface, #424242); color: var(--kendo-color-app-surface, #ffffff); background-color: var(--kendo-color-on-app-surface, #424242); box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-tooltip .k-callout { color: var(--kendo-color-on-app-surface, #424242) } .k-tooltip-inverse { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-tooltip-inverse .k-callout { color: var(--kendo-color-dark, #3d3d3d) } .k-tooltip-light { border-color: var(--kendo-color-light, #757575); color: var(--kendo-color-on-light, white); background-color: var(--kendo-color-light, #757575) } .k-tooltip-light .k-callout { color: var(--kendo-color-light, #757575) } .k-tooltip-dark { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-tooltip-dark .k-callout { color: var(--kendo-color-dark, #3d3d3d) } .k-tooltip-error { border-color: var(--kendo-color-error, #D51923); color: var(--kendo-color-on-error, white); background-color: var(--kendo-color-error, #D51923) } .k-tooltip-error .k-callout { color: var(--kendo-color-error, #D51923) } .k-tooltip-warning { border-color: var(--kendo-color-warning, #F5A600); color: var(--kendo-color-on-warning, white); background-color: var(--kendo-color-warning, #F5A600) } .k-tooltip-warning .k-callout { color: var(--kendo-color-warning, #F5A600) } .k-tooltip-success { border-color: var(--kendo-color-success, #278200); color: var(--kendo-color-on-success, white); background-color: var(--kendo-color-success, #278200) } .k-tooltip-success .k-callout { color: var(--kendo-color-success, #278200) } .k-tooltip-info { border-color: var(--kendo-color-info, #0058E9); color: var(--kendo-color-on-info, white); background-color: var(--kendo-color-info, #0058E9) } .k-tooltip-info .k-callout { color: var(--kendo-color-info, #0058E9) } .k-tooltip-tertiary { border-color: var(--kendo-color-tertiary, #007F84); color: var(--kendo-color-on-tertiary, white); background-color: var(--kendo-color-tertiary, #007F84) } .k-tooltip-tertiary .k-callout { color: var(--kendo-color-tertiary, #007F84) } .k-tooltip-secondary { border-color: var(--kendo-color-secondary, #757575); color: var(--kendo-color-on-secondary, white); background-color: var(--kendo-color-secondary, #757575) } .k-tooltip-secondary .k-callout { color: var(--kendo-color-secondary, #757575) } .k-tooltip-primary { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-tooltip-primary .k-callout { color: var(--kendo-color-primary, #1274AC) } .k-current-time { width: 1px; position: absolute } .k-current-time.k-current-time-arrow-left, .k-current-time.k-current-time-arrow-right, .k-current-time.k-current-time-arrow-down { width: 0; height: 0; background: rgba(0, 0, 0, 0); border: 4px solid rgba(0, 0, 0, 0) } .k-current-time { background: red } .k-current-time.k-current-time-arrow-left { border-right-color: red } .k-current-time.k-current-time-arrow-right { border-left-color: red } .k-current-time.k-current-time-arrow-down { border-top-color: red } .k-menu-bar, .k-menu { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-wrap: nowrap; align-items: stretch; position: relative; cursor: default; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-menu-bar *, .k-menu *, .k-menu-bar *::before, .k-menu *::before, .k-menu-bar *::after, .k-menu *::after { box-sizing: border-box } .k-menu-item { border-width: 0; outline: 0; display: flex; flex-flow: column nowrap; flex: none; position: relative; -webkit-user-select: none; -ms-user-select: none; user-select: none } .k-menu-item.k-selected { font-weight: var(--kendo-font-weight-bold, normal) } .k-menu-item-content { display: block; height: auto; overflow: visible } .k-menu-item-content .k-actions, .k-menu-item-content .k-form-buttons, .k-menu-item-content .k-edit-buttons, .k-menu-item-content .k-action-buttons, .k-menu-item-content .k-columnmenu-actions { margin-top: 0 } .k-menu-link { padding-block: var(--kendo-spacing-1\.5, 7.5px); padding-inline: var(--kendo-spacing-3, 0.15px); outline: 0; color: inherit; display: flex; flex-flow: row nowrap; flex: 1 1 auto; gap: var(--kendo-spacing-1, 5px); align-items: center; position: relative; white-space: nowrap; cursor: pointer } .k-menu-link-text { display: flex; flex-flow: row nowrap; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis } .k-menu-expand-arrow { margin-inline-end: calc(var(--kendo-spacing-1, 5px)*-1); display: inline-flex; flex-flow: row wrap; align-items: center; flex: none; position: relative } .k-menu-horizontal { flex-direction: row } .k-menu-horizontal>.k-menu-item+.k-menu-item { margin-inline-start: var(--kendo-spacing-0, 0px) } .k-menu-horizontal>.k-separator { margin-block: var(--kendo-spacing-1\.5, 7.5px); margin-inline: var(--kendo-spacing-1, 5px); width: 0; height: auto; border-width: 0 0 0 1px; border-style: solid } .k-menu-vertical { flex-direction: column; width: 100% } .k-menu-vertical>.k-menu-item+.k-menu-item { margin-top: var(--kendo-spacing-0, 0px) } .k-menu-vertical>.k-menu-item>.k-menu-link { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); padding-inline-end: calc(var(--kendo-spacing-2, 10px)*2 + 16px) } .k-menu-vertical>.k-menu-item>.k-menu-link>.k-menu-expand-arrow { margin-inline-start: var(--kendo-spacing-2, 10px); margin-inline-end: calc(var(--kendo-spacing-2, 10px)*2*-1 + -16px - var(--kendo-spacing-2, 10px)/2*-1) } .k-menu-vertical>.k-separator { margin-block: var(--kendo-spacing-1\.5, 7.5px); margin-inline: 0; height: 0; border-width: 1px 0 0; border-style: solid; display: block } .k-menu-popup { box-sizing: border-box; border-width: 1px; border-style: solid; overflow: auto; max-height: 80vh } .k-menu-popup *, .k-menu-popup *::before, .k-menu-popup *::after { box-sizing: border-box } .k-menu-popup .k-menu-item { font-weight: initial } .k-menu-group { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: column nowrap; position: absolute } .k-menu-group .k-menu-item+.k-menu-item { margin-top: var(--kendo-spacing-0, 0px) } .k-menu-group .k-separator { margin-block: var(--kendo-spacing-1, 5px); margin-inline: 0; height: 0; border-width: 1px 0 0; border-style: solid; display: block } .k-menu-popup .k-menu-group { position: relative } .k-menu-group-sm { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-menu-group-sm .k-menu-item { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-menu-group-sm .k-menu-link { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-2, 10px); padding-inline-end: calc(var(--kendo-spacing-2, 10px)*2 + 16px) } .k-menu-group-sm .k-menu-expand-arrow { margin-inline-start: var(--kendo-spacing-2, 10px); margin-inline-end: calc(var(--kendo-spacing-2, 10px)*2*-1 + -16px - var(--kendo-spacing-2, 10px)/2*-1) } .k-menu-group-md { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-menu-group-md .k-menu-item { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-menu-group-md .k-menu-link { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); padding-inline-end: calc(var(--kendo-spacing-2, 10px)*2 + 16px) } .k-menu-group-md .k-menu-expand-arrow { margin-inline-start: var(--kendo-spacing-2, 10px); margin-inline-end: calc(var(--kendo-spacing-2, 10px)*2*-1 + -16px - var(--kendo-spacing-2, 10px)/2*-1) } .k-menu-group-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-menu-group-lg .k-menu-item { font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-menu-group-lg .k-menu-link { padding-block: var(--kendo-spacing-1\.5, 7.5px); padding-inline: var(--kendo-spacing-2, 10px); padding-inline-end: calc(var(--kendo-spacing-2, 10px)*2 + 16px) } .k-menu-group-lg .k-menu-expand-arrow { margin-inline-start: var(--kendo-spacing-2, 10px); margin-inline-end: calc(var(--kendo-spacing-2, 10px)*2*-1 + -16px - var(--kendo-spacing-2, 10px)/2*-1) } .k-popups-wrapper { position: relative; border: 0; margin: 0; padding: 0 } .k-context-menu { margin: 0; border-width: 1px; border-style: solid } .k-animation-container .k-context-menu.k-menu-horizontal { display: flex !important; flex-wrap: nowrap } .k-context-menu-popup { z-index: 12000 } .k-context-menu-popup .k-context-menu { border-width: 0 } .k-popup .k-context-menu, .k-context-menu-popup .k-context-menu { border-width: 0 } .k-menu-scroll-wrapper { margin: 0; padding: 0; border: 0; position: relative; display: flex; align-items: center } .k-menu-scroll-wrapper .k-menu { overflow: hidden; flex-wrap: nowrap } .k-menu-scroll-wrapper-vertical { flex-direction: column } .k-menu-scroll-wrapper-vertical>.k-menu-scroll-button { width: 100% } .k-menu:not(.k-context-menu) { color: var(--kendo-color-on-app-surface, #424242); background-color: rgba(0, 0, 0, 0) } .k-menu:not(.k-context-menu)>.k-item { color: var(--kendo-color-subtle, #666666) } .k-menu:not(.k-context-menu)>.k-item:hover, .k-menu:not(.k-context-menu)>.k-item.k-hover { color: var(--kendo-color-on-app-surface, #424242) } .k-menu:not(.k-context-menu)>.k-item:active, .k-menu:not(.k-context-menu)>.k-item.k-active { color: var(--kendo-color-primary, #1274AC) } .k-menu:not(.k-context-menu)>.k-item:focus, .k-menu:not(.k-context-menu)>.k-item.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .12) } .k-menu:not(.k-context-menu)>.k-item.k-selected { color: var(--kendo-color-primary, #1274AC) } .k-menu:not(.k-context-menu)>.k-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-menu-group, .k-menu.k-context-menu { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-menu-group .k-item>.k-link:hover, .k-menu-group .k-item>.k-link.k-hover, .k-menu.k-context-menu .k-item>.k-link:hover, .k-menu.k-context-menu .k-item>.k-link.k-hover { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-menu-group .k-item>.k-link:active, .k-menu-group .k-item>.k-link.k-active, .k-menu-group .k-item>.k-link.k-selected, .k-menu.k-context-menu .k-item>.k-link:active, .k-menu.k-context-menu .k-item>.k-link.k-active, .k-menu.k-context-menu .k-item>.k-link.k-selected { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-menu-group .k-item:focus>.k-link, .k-menu-group .k-item.k-focus>.k-link, .k-menu.k-context-menu .k-item:focus>.k-link, .k-menu.k-context-menu .k-item.k-focus>.k-link { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .12) } .k-menu-group>.k-separator, .k-menu.k-context-menu>.k-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-menu-scroll-wrapper .k-menu-scroll-button { color: var(--kendo-color-subtle, #666666) } .k-menu-scroll-wrapper .k-menu-scroll-button:hover { color: var(--kendo-color-on-app-surface, #424242) } .k-menu-scroll-wrapper .k-menu-scroll-button:hover::before { opacity: 0 } .k-toolbar { margin: 0; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); list-style: none; display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; position: relative; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-toolbar::before { content: ""; height: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 5px)*2 + 2px) } .k-toolbar.k-toolbar-resizable { flex-wrap: nowrap } .k-toolbar>* { flex-shrink: 0; display: inline-flex; align-content: center; vertical-align: middle } .k-toolbar>*>label { align-self: center } .k-toolbar .k-input, .k-toolbar .k-picker { width: 10em } .k-toolbar .k-color-picker, .k-toolbar .k-colorpicker { width: min-content } .k-toolbar .k-toolbar-overflow-button { margin-inline-start: auto } .k-toolbar .k-separator, .k-toolbar .k-toolbar-separator { width: 0; height: 1.4285714286em; border-width: 0 0 0 1px; border-style: solid; align-self: center } .k-toolbar .k-toolbar-spacer { height: 1.4285714286em; flex: 1 0 0% } .k-toolbar .k-toolbar-item:focus, .k-toolbar .k-toolbar-item.k-focus { text-decoration: none; outline: 0 } .k-toolbar-outline { border-width: 1px; background: none } .k-toolbar-flat { border-top-color: rgba(0, 0, 0, 0) !important; border-inline-color: rgba(0, 0, 0, 0) !important; background: none !important } .k-toolbar-group { display: flex; flex-direction: inherit; flex-wrap: nowrap; gap: inherit } .k-toolbar-renderer { display: inline-block; border-color: inherit } .k-toolbar-sm { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px); gap: var(--kendo-spacing-1\.5, 7.5px) } .k-toolbar-sm::before { margin-inline-start: calc(var(--kendo-spacing-1\.5, 7.5px)*-1) } .k-toolbar-sm>*>label { margin-inline-end: var(--kendo-spacing-1\.5, 7.5px) } .k-toolbar-md { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); gap: var(--kendo-spacing-2, 10px) } .k-toolbar-md::before { margin-inline-start: calc(var(--kendo-spacing-2, 10px)*-1) } .k-toolbar-md>*>label { margin-inline-end: var(--kendo-spacing-2, 10px) } .k-toolbar-lg { padding-block: var(--kendo-spacing-2\.5, 12.5px); padding-inline: var(--kendo-spacing-2\.5, 12.5px); gap: var(--kendo-spacing-2\.5, 12.5px) } .k-toolbar-lg::before { margin-inline-start: calc(var(--kendo-spacing-2\.5, 12.5px)*-1) } .k-toolbar-lg>*>label { margin-inline-end: var(--kendo-spacing-2\.5, 12.5px) } .k-toolbar-sm::before { height: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-0\.5, 2.5px)*2 + 2px) } .k-toolbar-md::before { height: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 5px)*2 + 2px) } .k-toolbar-lg::before { height: calc(var(--kendo-line-height-lg, normal)*1em + var(--kendo-spacing-2, 10px)*2 + 2px) } .k-floating-toolbar, .editorToolbarWindow.k-window-content { padding-block: var(--kendo-spacing-2, 10px) !important; padding-inline: var(--kendo-spacing-2, 10px) !important; border-width: 1px; border-style: solid; display: flex; flex-flow: row nowrap; gap: var(--kendo-spacing-2, 10px); align-items: center } .k-floating-toolbar .k-toolbar, .editorToolbarWindow.k-window-content .k-toolbar { padding: 0; border-width: 0; flex-shrink: 1; color: inherit; background: none } .k-editortoolbar-dragHandle { cursor: move; display: flex; align-items: center; align-self: stretch; flex-shrink: 0 } .k-overflow-container { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-overflow-container>.k-item { border-color: inherit } .k-overflow-container .k-separator { margin: var(--kendo-spacing-1, 5px) 0 } .k-overflow-container .k-overflow-tool-group { display: block } .k-overflow-container .k-overflow-button { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); width: 100%; height: auto; border-width: 0; border-radius: 0; aspect-ratio: auto; color: inherit; background-color: rgba(0, 0, 0, 0); background-image: none; font: inherit; cursor: pointer; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: var(--kendo-spacing-1, 5px); justify-content: flex-start; position: relative } .k-overflow-container .k-button-group { box-shadow: none; display: flex; flex-flow: column nowrap } .k-overflow-container .k-button-group .k-button { margin: 0 } .k-overflow-container .k-split-button { display: flex; flex-direction: column } .k-overflow-container .k-overflow-hidden { display: none } .k-toolbar .k-separator, .k-toolbar .k-toolbar-separator { border-color: inherit } .k-toolbar .k-toolbar-item:focus, .k-toolbar .k-toolbar-item.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-toolbar-solid { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-toolbar-outline { border-color: color-mix(in srgb, var(--kendo-color-on-base, #424242) 50%, transparent); color: var(--kendo-color-on-base, #424242) } .k-toolbar-flat { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-toolbar-flat>.k-separator { border-inline-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-floating-toolbar, .editorToolbarWindow.k-window-content { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-overflow-container .k-button:hover, .k-overflow-container .k-button.k-hover { color: var(--kendo-color-on-app-surface, #424242); background: var(--kendo-color-base-hover, #ebebeb) } .k-overflow-container .k-button:focus, .k-overflow-container .k-button.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .12) } .k-overflow-container .k-button:active, .k-overflow-container .k-button.k-active { color: var(--kendo-color-on-app-surface, #424242); background: var(--kendo-color-base-hover, #ebebeb) } .k-overflow-container .k-button.k-selected { color: var(--kendo-color-on-primary, white); background: var(--kendo-color-primary, #1274AC) } .k-overflow-container .k-button:disabled, .k-overflow-container .k-button.k-disabled { color: inherit } .k-overflow-auto { overflow: auto } .k-overflow-auto { overflow: auto !important } .k-overflow-hidden { overflow: hidden } .k-overflow-hidden { overflow: hidden !important } .k-overflow-visible { overflow: visible } .k-overflow-visible { overflow: visible !important } .k-overflow-scroll { overflow: scroll } .k-overflow-scroll { overflow: scroll !important } .k-overflow-clip { overflow: clip } .k-overflow-clip { overflow: clip !important } .k-overflow-x-auto { overflow-x: auto } .k-overflow-x-auto { overflow-x: auto !important } .k-overflow-x-hidden { overflow-x: hidden } .k-overflow-x-hidden { overflow-x: hidden !important } .k-overflow-x-visible { overflow-x: visible } .k-overflow-x-visible { overflow-x: visible !important } .k-overflow-x-scroll { overflow-x: scroll } .k-overflow-x-scroll { overflow-x: scroll !important } .k-overflow-x-clip { overflow-x: clip } .k-overflow-x-clip { overflow-x: clip !important } .k-overflow-y-auto { overflow-y: auto } .k-overflow-y-auto { overflow-y: auto !important } .k-overflow-y-hidden { overflow-y: hidden } .k-overflow-y-hidden { overflow-y: hidden !important } .k-overflow-y-visible { overflow-y: visible } .k-overflow-y-visible { overflow-y: visible !important } .k-overflow-y-scroll { overflow-y: scroll } .k-overflow-y-scroll { overflow-y: scroll !important } .k-overflow-y-clip { overflow-y: clip } .k-overflow-y-clip { overflow-y: clip !important } .k-form, .k-form-inline { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-fieldset { margin: var(--kendo-spacing-7\.5, 1.815px); border-width: 1px 0 0; border-style: solid; padding: 25px 0 0 } .k-fieldset>legend { margin-left: 0; padding: 0 var(--kendo-spacing-2, 10px) 0 0; text-transform: uppercase } kendo-label>.k-label { margin: 0 } .k-label-optional { margin-left: var(--kendo-spacing-1\.5, 7.5px); font-size: var(--kendo-font-size-sm, inherit); font-style: italic; align-self: center } .k-label-empty::before { content: ""; display: inline-block } .k-form { border: 0 } .k-form .k-form-field>.k-label, .k-form .k-form-field>kendo-label, .k-form .k-form-label { margin-bottom: var(--kendo-spacing-0, 0px); display: flex; flex-flow: row nowrap } .k-form .k-label+.k-radio { margin-left: 0 } .k-form .k-form-fieldset { margin: 2em 0 0; padding: var(--kendo-spacing-0, 0px); border: 0 } .k-form .k-form-fieldset>*:not(.k-hidden):first-child, .k-form .k-form-fieldset>*.k-hidden+:not(.k-hidden) { margin-top: 0 } .k-form .k-form-legend { margin: 0 0 1em; padding: var(--kendo-spacing-0, 0px); border-width: 0 0 2px; border-style: solid; width: 100%; font-size: var(--kendo-font-size, inherit); text-transform: uppercase } .k-form .k-form-group { padding: 0 } .k-form>*:not(.k-hidden):first-child, .k-form>*.k-hidden+:not(.k-hidden) { margin-top: 0 } .k-form .k-form-field, .k-form .k-form-field-wrap { display: block } .k-form .k-form-field-disabled .k-label, .k-form .k-form-field-disabled .k-form-label { outline: none; cursor: default; opacity: .6; filter: grayscale(0.1); pointer-events: none; box-shadow: none } .k-form .k-alert-error { font-size: var(--kendo-font-size-sm, inherit); margin-top: calc(var(--kendo-spacing-1, 5px)*2) } .k-form .k-field-info { display: inline-block; font-size: var(--kendo-font-size-xs, inherit); line-height: 1; margin-block: 0; margin-inline: var(--kendo-spacing-2, 10px) } .k-form .k-multiselect, .k-form .k-floating-label-container, .k-form .k-daterangepicker .k-dateinput, .k-form .k-signature { display: inline-flex; width: 100% } .k-form-buttons { padding: 0; overflow: visible } .k-form-hint, .k-form-error { margin-top: var(--kendo-spacing-1, 5px); display: flex; font-size: var(--kendo-font-size-sm, inherit); font-style: italic } .k-text-start, .k-buttons-start { justify-content: flex-start } .k-text-end, .k-buttons-end { justify-content: flex-end } .k-form-separator { margin: var(--kendo-spacing-3\.5, 0.815px) 0 0; border-width: 1px 0 0; border-style: solid; display: block; flex: 0 0 auto } .k-form-horizontal .k-form-field { display: flex } .k-form-horizontal .k-form-field>.k-label, .k-form-horizontal .k-form-field>kendo-label, .k-form-horizontal .k-form-field>.k-form-label { margin-right: var(--kendo-spacing-2\.5, 12.5px); padding-top: calc(var(--kendo-spacing-2\.5, 12.5px)/2); width: 25%; text-align: end; flex-direction: column; align-items: flex-end; justify-content: flex-start } .k-form-horizontal .k-form-field .k-label-optional { margin: 0; align-self: inherit } .k-form-horizontal .k-form-field-wrap { max-width: calc(75% - var(--kendo-spacing-2\.5, 12.5px)); flex: 1 1 auto } .k-form [dir=rtl] .k-label-optional, .k-rtl .k-form .k-label-optional { margin-left: 0; margin-right: var(--kendo-spacing-1\.5, 7.5px) } .k-form-horizontal [dir=rtl].k-form-field>.k-label, .k-form-horizontal [dir=rtl].k-form-field>kendo-label, .k-form-horizontal [dir=rtl].k-form-field>.k-form-label, .k-form-horizontal [dir=rtl] .k-form-field>.k-label, .k-form-horizontal [dir=rtl] .k-form-field>kendo-label, .k-form-horizontal [dir=rtl] .k-form-field>.k-form-label, .k-rtl .k-form-horizontal.k-form-field>.k-label, .k-rtl .k-form-horizontal.k-form-field>kendo-label, .k-rtl .k-form-horizontal.k-form-field>.k-form-label, .k-rtl .k-form-horizontal .k-form-field>.k-label, .k-rtl .k-form-horizontal .k-form-field>kendo-label, .k-rtl .k-form-horizontal .k-form-field>.k-form-label { margin-right: 0; margin-left: var(--kendo-spacing-2\.5, 12.5px) } .k-form-sm .k-form-field, .k-form-sm .k-form-buttons { margin-top: var(--kendo-spacing-2\.5, 12.5px) } .k-form-md .k-form-field, .k-form-md .k-form-buttons { margin-top: var(--kendo-spacing-3\.5, 0.815px) } .k-form-lg .k-form-field, .k-form-lg .k-form-buttons { margin-top: var(--kendo-spacing-4\.5, 22.5px) } .k-form-inline { padding: calc(var(--kendo-spacing-2, 10px)*2) } .k-form-inline fieldset { border-width: 1px 0 0; border-style: solid; margin: calc(var(--kendo-spacing-2, 10px)*2*2) 0; padding: 0 } .k-form-inline fieldset:first-child:first-of-type { margin-top: 0 } .k-form-inline fieldset:last-child:last-of-type { margin-bottom: 0 } .k-form-inline legend { font-size: var(--kendo-font-size-sm, inherit); text-align: start; font-weight: 600; line-height: 1; margin-bottom: calc(var(--kendo-spacing-1\.5, 7.5px)*2); text-transform: uppercase; padding: 0 var(--kendo-spacing-2, 10px) 0 0; width: auto } .k-form-inline .k-form-field { display: flex; align-items: flex-start; text-align: start; margin-bottom: calc(var(--kendo-spacing-1\.5, 7.5px)*2) } .k-form-inline .k-form-field>span:not(.k-widget) { width: 25%; text-align: end; line-height: var(--kendo-line-height, normal); padding-block: calc(var(--kendo-spacing-1, 5px) + 1px); padding-inline: 0 var(--kendo-spacing-3, 0.15px); align-self: center } .k-form-inline .k-form-field>input { align-self: center } .k-form-inline .k-form-field>input:not(.k-checkbox):not(.k-radio) { flex: 1 1 auto } .k-form-inline .k-form-field .k-alert-error { font-size: var(--kendo-font-size-sm, inherit); margin-top: calc(var(--kendo-spacing-1, 5px)*2) } .k-form-inline .k-form-field .k-field-info { display: block; font-size: var(--kendo-font-size-xs, inherit); line-height: 1; margin: 0 } .k-form-inline .k-form-field:last-child { margin-bottom: 0 } .k-edit-form-container { width: 400px; min-width: 400px; border-color: inherit; position: relative } .k-popup-edit-form>.k-actions, .k-popup-edit-form>.k-edit-buttons, .k-popup-edit-form>.k-action-buttons, .k-popup-edit-form>.k-columnmenu-actions, .k-popup-edit-form>.k-form-buttons, .k-edit-form-container .k-actions, .k-edit-form-container .k-edit-buttons, .k-edit-form-container .k-action-buttons, .k-edit-form-container .k-columnmenu-actions, .k-edit-form-container .k-form-buttons { margin: var(--kendo-spacing-4, 20px) calc(var(--kendo-spacing-4, 20px)*-1) calc(var(--kendo-spacing-4, 20px)*-1) } .k-edit-label { margin: 0 0 var(--kendo-spacing-4, 20px); padding: calc(var(--kendo-spacing-1, 5px) + 1px) 0; width: 30%; line-height: var(--kendo-line-height, normal); text-align: end; float: left; clear: both } .k-edit-field { margin: 0 0 var(--kendo-spacing-4, 20px); width: 65%; float: right; clear: right; position: relative } .k-edit-field.k-no-editor { padding: calc(var(--kendo-spacing-1, 5px) + 1px) 0 } .k-edit-field>.k-widget { width: 100%; box-sizing: border-box } .k-edit-field input[type=radio]:not(.k-radio), .k-edit-field input[type=checkbox]:not(.k-checkbox) { margin-right: .4ex } .k-edit-field .k-radio-label, .k-edit-field .k-checkbox-label { margin-right: var(--kendo-spacing-4, 20px) } .k-edit-field>.k-reset>li+li { margin-top: var(--kendo-spacing-2, 10px) } .k-edit-field .k-reset .k-widget { margin: 0 .4ex 0 1ex } .k-form, .k-form-inline { color: var(--kendo-color-on-app-surface, #424242) } .k-form fieldset legend, .k-form-inline fieldset legend { color: var(--kendo-color-on-app-surface, #424242) } .k-form .k-form-legend, .k-form-inline .k-form-legend { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-form .k-field-info, .k-form-inline .k-field-info { color: var(--kendo-color-subtle, #666666) } .k-form .k-alert-error, .k-form-inline .k-alert-error { color: var(--kendo-color-error, #D51923) } .k-form-error, .k-text-error, .k-form-field-error .k-label { color: var(--kendo-color-error, #D51923) } .k-form-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-d-none { display: none } .k-d-none { display: none !important } .k-d-contents { display: contents } .k-d-contents { display: contents !important } .k-d-block { display: block } .k-d-block { display: block !important } .k-d-inline { display: inline } .k-d-inline { display: inline !important } .k-d-inline-block { display: inline-block } .k-d-inline-block { display: inline-block !important } .k-d-flex, .k-d-flex-col, .k-d-flex-row { display: flex } .k-d-flex, .k-d-flex-col, .k-d-flex-row { display: flex !important } .k-d-inline-flex { display: inline-flex } .k-d-inline-flex { display: inline-flex !important } .k-d-grid { display: grid } .k-d-grid { display: grid !important } .k-d-inline-grid { display: inline-grid } .k-d-inline-grid { display: inline-grid !important } .k-d-table { display: table } .k-d-table { display: table !important } .k-d-inline-table { display: inline-table } .k-d-inline-table { display: inline-table !important } .k-d-table-row { display: table-row } .k-d-table-row { display: table-row !important } .k-d-table-cell { display: table-cell } .k-d-table-cell { display: table-cell !important } .k-d-list-item { display: list-item } .k-d-list-item { display: list-item !important } .k-display-none { display: none } .k-display-none { display: none !important } .k-display-contents { display: contents } .k-display-contents { display: contents !important } .k-display-block { display: block } .k-display-block { display: block !important } .k-display-inline { display: inline } .k-display-inline { display: inline !important } .k-display-inline-block { display: inline-block } .k-display-inline-block { display: inline-block !important } .k-display-flex { display: flex } .k-display-flex { display: flex !important } .k-display-inline-flex { display: inline-flex } .k-display-inline-flex { display: inline-flex !important } .k-display-grid { display: grid } .k-display-grid { display: grid !important } .k-display-inline-grid { display: inline-grid } .k-display-inline-grid { display: inline-grid !important } .k-display-table { display: table } .k-display-table { display: table !important } .k-display-inline-table { display: inline-table } .k-display-inline-table { display: inline-table !important } .k-display-table-row { display: table-row } .k-display-table-row { display: table-row !important } .k-display-table-cell { display: table-cell } .k-display-table-cell { display: table-cell !important } .k-display-list-item { display: list-item } .k-display-list-item { display: list-item !important } .k-gap-0 { gap: var(--kendo-spacing-0, 0px) } .k-gap-0 { gap: var(--kendo-spacing-0, 0px) !important } .k-gap-1px { gap: var(--kendo-spacing-1px, 1px) } .k-gap-1px { gap: var(--kendo-spacing-1px, 1px) !important } .k-gap-0\.5 { gap: var(--kendo-spacing-0\.5, 2.5px) } .k-gap-0\.5 { gap: var(--kendo-spacing-0\.5, 2.5px) !important } .k-gap-1 { gap: var(--kendo-spacing-1, 5px) } .k-gap-1 { gap: var(--kendo-spacing-1, 5px) !important } .k-gap-1\.5 { gap: var(--kendo-spacing-1\.5, 7.5px) } .k-gap-1\.5 { gap: var(--kendo-spacing-1\.5, 7.5px) !important } .k-gap-2 { gap: var(--kendo-spacing-2, 10px) } .k-gap-2 { gap: var(--kendo-spacing-2, 10px) !important } .k-gap-2\.5 { gap: var(--kendo-spacing-2\.5, 12.5px) } .k-gap-2\.5 { gap: var(--kendo-spacing-2\.5, 12.5px) !important } .k-gap-3 { gap: var(--kendo-spacing-3, 0.15px) } .k-gap-3 { gap: var(--kendo-spacing-3, 0.15px) !important } .k-gap-3\.5 { gap: var(--kendo-spacing-3\.5, 0.815px) } .k-gap-3\.5 { gap: var(--kendo-spacing-3\.5, 0.815px) !important } .k-gap-4 { gap: var(--kendo-spacing-4, 20px) } .k-gap-4 { gap: var(--kendo-spacing-4, 20px) !important } .k-gap-4\.5 { gap: var(--kendo-spacing-4\.5, 22.5px) } .k-gap-4\.5 { gap: var(--kendo-spacing-4\.5, 22.5px) !important } .k-gap-5 { gap: var(--kendo-spacing-5, 25px) } .k-gap-5 { gap: var(--kendo-spacing-5, 25px) !important } .k-gap-5\.5 { gap: var(--kendo-spacing-5\.5, 1.315px) } .k-gap-5\.5 { gap: var(--kendo-spacing-5\.5, 1.315px) !important } .k-gap-6 { gap: var(--kendo-spacing-6, 30px) } .k-gap-6 { gap: var(--kendo-spacing-6, 30px) !important } .k-gap-6\.5 { gap: var(--kendo-spacing-6\.5, 32.5px) } .k-gap-6\.5 { gap: var(--kendo-spacing-6\.5, 32.5px) !important } .k-gap-7 { gap: var(--kendo-spacing-7, 1.15px) } .k-gap-7 { gap: var(--kendo-spacing-7, 1.15px) !important } .k-gap-7\.5 { gap: var(--kendo-spacing-7\.5, 1.815px) } .k-gap-7\.5 { gap: var(--kendo-spacing-7\.5, 1.815px) !important } .k-gap-8 { gap: var(--kendo-spacing-8, 40px) } .k-gap-8 { gap: var(--kendo-spacing-8, 40px) !important } .k-gap-9 { gap: var(--kendo-spacing-9, 45px) } .k-gap-9 { gap: var(--kendo-spacing-9, 45px) !important } .k-gap-10 { gap: var(--kendo-spacing-10, 50px) } .k-gap-10 { gap: var(--kendo-spacing-10, 50px) !important } .k-gap-11 { gap: var(--kendo-spacing-11, 2.15px) } .k-gap-11 { gap: var(--kendo-spacing-11, 2.15px) !important } .k-gap-12 { gap: var(--kendo-spacing-12, 60px) } .k-gap-12 { gap: var(--kendo-spacing-12, 60px) !important } .k-gap-13 { gap: var(--kendo-spacing-13, 65px) } .k-gap-13 { gap: var(--kendo-spacing-13, 65px) !important } .k-gap-14 { gap: var(--kendo-spacing-14, 70px) } .k-gap-14 { gap: var(--kendo-spacing-14, 70px) !important } .k-gap-15 { gap: var(--kendo-spacing-15, 3.15px) } .k-gap-15 { gap: var(--kendo-spacing-15, 3.15px) !important } .k-gap-16 { gap: var(--kendo-spacing-16, 80px) } .k-gap-16 { gap: var(--kendo-spacing-16, 80px) !important } .k-gap-17 { gap: var(--kendo-spacing-17, 85px) } .k-gap-17 { gap: var(--kendo-spacing-17, 85px) !important } .k-gap-18 { gap: var(--kendo-spacing-18, 90px) } .k-gap-18 { gap: var(--kendo-spacing-18, 90px) !important } .k-gap-19 { gap: var(--kendo-spacing-19, 4.15px) } .k-gap-19 { gap: var(--kendo-spacing-19, 4.15px) !important } .k-gap-20 { gap: var(--kendo-spacing-20, 100px) } .k-gap-20 { gap: var(--kendo-spacing-20, 100px) !important } .k-gap-21 { gap: var(--kendo-spacing-21, 105px) } .k-gap-21 { gap: var(--kendo-spacing-21, 105px) !important } .k-gap-22 { gap: var(--kendo-spacing-22, 110px) } .k-gap-22 { gap: var(--kendo-spacing-22, 110px) !important } .k-gap-23 { gap: var(--kendo-spacing-23, 5.15px) } .k-gap-23 { gap: var(--kendo-spacing-23, 5.15px) !important } .k-gap-24 { gap: var(--kendo-spacing-24, 120px) } .k-gap-24 { gap: var(--kendo-spacing-24, 120px) !important } .k-gap-25 { gap: var(--kendo-spacing-25, 140px) } .k-gap-25 { gap: var(--kendo-spacing-25, 140px) !important } .k-gap-26 { gap: var(--kendo-spacing-26, 160px) } .k-gap-26 { gap: var(--kendo-spacing-26, 160px) !important } .k-gap-27 { gap: var(--kendo-spacing-27, 180px) } .k-gap-27 { gap: var(--kendo-spacing-27, 180px) !important } .k-gap-28 { gap: var(--kendo-spacing-28, 200px) } .k-gap-28 { gap: var(--kendo-spacing-28, 200px) !important } .k-gap-29 { gap: var(--kendo-spacing-29, 120px) } .k-gap-29 { gap: var(--kendo-spacing-29, 120px) !important } .k-gap-30 { gap: var(--kendo-spacing-30, 240px) } .k-gap-30 { gap: var(--kendo-spacing-30, 240px) !important } .k-gap-xs { gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 5px)) } .k-gap-xs { gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 5px)) !important } .k-gap-sm { gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 10px)) } .k-gap-sm { gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 10px)) !important } .k-gap-md { gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.15px)) } .k-gap-md { gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.15px)) !important } .k-gap-lg { gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 20px)) } .k-gap-lg { gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 20px)) !important } .k-gap-xl { gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 30px)) } .k-gap-xl { gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 30px)) !important } .k-gap-thin { gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 2.5px)) } .k-gap-thin { gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 2.5px)) !important } .k-gap-hair { gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-gap-hair { gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-gap-x-0 { column-gap: var(--kendo-spacing-0, 0px) } .k-gap-x-0 { column-gap: var(--kendo-spacing-0, 0px) !important } .k-gap-x-1px { column-gap: var(--kendo-spacing-1px, 1px) } .k-gap-x-1px { column-gap: var(--kendo-spacing-1px, 1px) !important } .k-gap-x-0\.5 { column-gap: var(--kendo-spacing-0\.5, 2.5px) } .k-gap-x-0\.5 { column-gap: var(--kendo-spacing-0\.5, 2.5px) !important } .k-gap-x-1 { column-gap: var(--kendo-spacing-1, 5px) } .k-gap-x-1 { column-gap: var(--kendo-spacing-1, 5px) !important } .k-gap-x-1\.5 { column-gap: var(--kendo-spacing-1\.5, 7.5px) } .k-gap-x-1\.5 { column-gap: var(--kendo-spacing-1\.5, 7.5px) !important } .k-gap-x-2 { column-gap: var(--kendo-spacing-2, 10px) } .k-gap-x-2 { column-gap: var(--kendo-spacing-2, 10px) !important } .k-gap-x-2\.5 { column-gap: var(--kendo-spacing-2\.5, 12.5px) } .k-gap-x-2\.5 { column-gap: var(--kendo-spacing-2\.5, 12.5px) !important } .k-gap-x-3 { column-gap: var(--kendo-spacing-3, 0.15px) } .k-gap-x-3 { column-gap: var(--kendo-spacing-3, 0.15px) !important } .k-gap-x-3\.5 { column-gap: var(--kendo-spacing-3\.5, 0.815px) } .k-gap-x-3\.5 { column-gap: var(--kendo-spacing-3\.5, 0.815px) !important } .k-gap-x-4 { column-gap: var(--kendo-spacing-4, 20px) } .k-gap-x-4 { column-gap: var(--kendo-spacing-4, 20px) !important } .k-gap-x-4\.5 { column-gap: var(--kendo-spacing-4\.5, 22.5px) } .k-gap-x-4\.5 { column-gap: var(--kendo-spacing-4\.5, 22.5px) !important } .k-gap-x-5 { column-gap: var(--kendo-spacing-5, 25px) } .k-gap-x-5 { column-gap: var(--kendo-spacing-5, 25px) !important } .k-gap-x-5\.5 { column-gap: var(--kendo-spacing-5\.5, 1.315px) } .k-gap-x-5\.5 { column-gap: var(--kendo-spacing-5\.5, 1.315px) !important } .k-gap-x-6 { column-gap: var(--kendo-spacing-6, 30px) } .k-gap-x-6 { column-gap: var(--kendo-spacing-6, 30px) !important } .k-gap-x-6\.5 { column-gap: var(--kendo-spacing-6\.5, 32.5px) } .k-gap-x-6\.5 { column-gap: var(--kendo-spacing-6\.5, 32.5px) !important } .k-gap-x-7 { column-gap: var(--kendo-spacing-7, 1.15px) } .k-gap-x-7 { column-gap: var(--kendo-spacing-7, 1.15px) !important } .k-gap-x-7\.5 { column-gap: var(--kendo-spacing-7\.5, 1.815px) } .k-gap-x-7\.5 { column-gap: var(--kendo-spacing-7\.5, 1.815px) !important } .k-gap-x-8 { column-gap: var(--kendo-spacing-8, 40px) } .k-gap-x-8 { column-gap: var(--kendo-spacing-8, 40px) !important } .k-gap-x-9 { column-gap: var(--kendo-spacing-9, 45px) } .k-gap-x-9 { column-gap: var(--kendo-spacing-9, 45px) !important } .k-gap-x-10 { column-gap: var(--kendo-spacing-10, 50px) } .k-gap-x-10 { column-gap: var(--kendo-spacing-10, 50px) !important } .k-gap-x-11 { column-gap: var(--kendo-spacing-11, 2.15px) } .k-gap-x-11 { column-gap: var(--kendo-spacing-11, 2.15px) !important } .k-gap-x-12 { column-gap: var(--kendo-spacing-12, 60px) } .k-gap-x-12 { column-gap: var(--kendo-spacing-12, 60px) !important } .k-gap-x-13 { column-gap: var(--kendo-spacing-13, 65px) } .k-gap-x-13 { column-gap: var(--kendo-spacing-13, 65px) !important } .k-gap-x-14 { column-gap: var(--kendo-spacing-14, 70px) } .k-gap-x-14 { column-gap: var(--kendo-spacing-14, 70px) !important } .k-gap-x-15 { column-gap: var(--kendo-spacing-15, 3.15px) } .k-gap-x-15 { column-gap: var(--kendo-spacing-15, 3.15px) !important } .k-gap-x-16 { column-gap: var(--kendo-spacing-16, 80px) } .k-gap-x-16 { column-gap: var(--kendo-spacing-16, 80px) !important } .k-gap-x-17 { column-gap: var(--kendo-spacing-17, 85px) } .k-gap-x-17 { column-gap: var(--kendo-spacing-17, 85px) !important } .k-gap-x-18 { column-gap: var(--kendo-spacing-18, 90px) } .k-gap-x-18 { column-gap: var(--kendo-spacing-18, 90px) !important } .k-gap-x-19 { column-gap: var(--kendo-spacing-19, 4.15px) } .k-gap-x-19 { column-gap: var(--kendo-spacing-19, 4.15px) !important } .k-gap-x-20 { column-gap: var(--kendo-spacing-20, 100px) } .k-gap-x-20 { column-gap: var(--kendo-spacing-20, 100px) !important } .k-gap-x-21 { column-gap: var(--kendo-spacing-21, 105px) } .k-gap-x-21 { column-gap: var(--kendo-spacing-21, 105px) !important } .k-gap-x-22 { column-gap: var(--kendo-spacing-22, 110px) } .k-gap-x-22 { column-gap: var(--kendo-spacing-22, 110px) !important } .k-gap-x-23 { column-gap: var(--kendo-spacing-23, 5.15px) } .k-gap-x-23 { column-gap: var(--kendo-spacing-23, 5.15px) !important } .k-gap-x-24 { column-gap: var(--kendo-spacing-24, 120px) } .k-gap-x-24 { column-gap: var(--kendo-spacing-24, 120px) !important } .k-gap-x-25 { column-gap: var(--kendo-spacing-25, 140px) } .k-gap-x-25 { column-gap: var(--kendo-spacing-25, 140px) !important } .k-gap-x-26 { column-gap: var(--kendo-spacing-26, 160px) } .k-gap-x-26 { column-gap: var(--kendo-spacing-26, 160px) !important } .k-gap-x-27 { column-gap: var(--kendo-spacing-27, 180px) } .k-gap-x-27 { column-gap: var(--kendo-spacing-27, 180px) !important } .k-gap-x-28 { column-gap: var(--kendo-spacing-28, 200px) } .k-gap-x-28 { column-gap: var(--kendo-spacing-28, 200px) !important } .k-gap-x-29 { column-gap: var(--kendo-spacing-29, 120px) } .k-gap-x-29 { column-gap: var(--kendo-spacing-29, 120px) !important } .k-gap-x-30 { column-gap: var(--kendo-spacing-30, 240px) } .k-gap-x-30 { column-gap: var(--kendo-spacing-30, 240px) !important } .k-gap-x-xs { column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 5px)) } .k-gap-x-xs { column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 5px)) !important } .k-gap-x-sm { column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 10px)) } .k-gap-x-sm { column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 10px)) !important } .k-gap-x-md { column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.15px)) } .k-gap-x-md { column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.15px)) !important } .k-gap-x-lg { column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 20px)) } .k-gap-x-lg { column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 20px)) !important } .k-gap-x-xl { column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 30px)) } .k-gap-x-xl { column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 30px)) !important } .k-gap-x-thin { column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 2.5px)) } .k-gap-x-thin { column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 2.5px)) !important } .k-gap-x-hair { column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-gap-x-hair { column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-gap-y-0 { row-gap: var(--kendo-spacing-0, 0px) } .k-gap-y-0 { row-gap: var(--kendo-spacing-0, 0px) !important } .k-gap-y-1px { row-gap: var(--kendo-spacing-1px, 1px) } .k-gap-y-1px { row-gap: var(--kendo-spacing-1px, 1px) !important } .k-gap-y-0\.5 { row-gap: var(--kendo-spacing-0\.5, 2.5px) } .k-gap-y-0\.5 { row-gap: var(--kendo-spacing-0\.5, 2.5px) !important } .k-gap-y-1 { row-gap: var(--kendo-spacing-1, 5px) } .k-gap-y-1 { row-gap: var(--kendo-spacing-1, 5px) !important } .k-gap-y-1\.5 { row-gap: var(--kendo-spacing-1\.5, 7.5px) } .k-gap-y-1\.5 { row-gap: var(--kendo-spacing-1\.5, 7.5px) !important } .k-gap-y-2 { row-gap: var(--kendo-spacing-2, 10px) } .k-gap-y-2 { row-gap: var(--kendo-spacing-2, 10px) !important } .k-gap-y-2\.5 { row-gap: var(--kendo-spacing-2\.5, 12.5px) } .k-gap-y-2\.5 { row-gap: var(--kendo-spacing-2\.5, 12.5px) !important } .k-gap-y-3 { row-gap: var(--kendo-spacing-3, 0.15px) } .k-gap-y-3 { row-gap: var(--kendo-spacing-3, 0.15px) !important } .k-gap-y-3\.5 { row-gap: var(--kendo-spacing-3\.5, 0.815px) } .k-gap-y-3\.5 { row-gap: var(--kendo-spacing-3\.5, 0.815px) !important } .k-gap-y-4 { row-gap: var(--kendo-spacing-4, 20px) } .k-gap-y-4 { row-gap: var(--kendo-spacing-4, 20px) !important } .k-gap-y-4\.5 { row-gap: var(--kendo-spacing-4\.5, 22.5px) } .k-gap-y-4\.5 { row-gap: var(--kendo-spacing-4\.5, 22.5px) !important } .k-gap-y-5 { row-gap: var(--kendo-spacing-5, 25px) } .k-gap-y-5 { row-gap: var(--kendo-spacing-5, 25px) !important } .k-gap-y-5\.5 { row-gap: var(--kendo-spacing-5\.5, 1.315px) } .k-gap-y-5\.5 { row-gap: var(--kendo-spacing-5\.5, 1.315px) !important } .k-gap-y-6 { row-gap: var(--kendo-spacing-6, 30px) } .k-gap-y-6 { row-gap: var(--kendo-spacing-6, 30px) !important } .k-gap-y-6\.5 { row-gap: var(--kendo-spacing-6\.5, 32.5px) } .k-gap-y-6\.5 { row-gap: var(--kendo-spacing-6\.5, 32.5px) !important } .k-gap-y-7 { row-gap: var(--kendo-spacing-7, 1.15px) } .k-gap-y-7 { row-gap: var(--kendo-spacing-7, 1.15px) !important } .k-gap-y-7\.5 { row-gap: var(--kendo-spacing-7\.5, 1.815px) } .k-gap-y-7\.5 { row-gap: var(--kendo-spacing-7\.5, 1.815px) !important } .k-gap-y-8 { row-gap: var(--kendo-spacing-8, 40px) } .k-gap-y-8 { row-gap: var(--kendo-spacing-8, 40px) !important } .k-gap-y-9 { row-gap: var(--kendo-spacing-9, 45px) } .k-gap-y-9 { row-gap: var(--kendo-spacing-9, 45px) !important } .k-gap-y-10 { row-gap: var(--kendo-spacing-10, 50px) } .k-gap-y-10 { row-gap: var(--kendo-spacing-10, 50px) !important } .k-gap-y-11 { row-gap: var(--kendo-spacing-11, 2.15px) } .k-gap-y-11 { row-gap: var(--kendo-spacing-11, 2.15px) !important } .k-gap-y-12 { row-gap: var(--kendo-spacing-12, 60px) } .k-gap-y-12 { row-gap: var(--kendo-spacing-12, 60px) !important } .k-gap-y-13 { row-gap: var(--kendo-spacing-13, 65px) } .k-gap-y-13 { row-gap: var(--kendo-spacing-13, 65px) !important } .k-gap-y-14 { row-gap: var(--kendo-spacing-14, 70px) } .k-gap-y-14 { row-gap: var(--kendo-spacing-14, 70px) !important } .k-gap-y-15 { row-gap: var(--kendo-spacing-15, 3.15px) } .k-gap-y-15 { row-gap: var(--kendo-spacing-15, 3.15px) !important } .k-gap-y-16 { row-gap: var(--kendo-spacing-16, 80px) } .k-gap-y-16 { row-gap: var(--kendo-spacing-16, 80px) !important } .k-gap-y-17 { row-gap: var(--kendo-spacing-17, 85px) } .k-gap-y-17 { row-gap: var(--kendo-spacing-17, 85px) !important } .k-gap-y-18 { row-gap: var(--kendo-spacing-18, 90px) } .k-gap-y-18 { row-gap: var(--kendo-spacing-18, 90px) !important } .k-gap-y-19 { row-gap: var(--kendo-spacing-19, 4.15px) } .k-gap-y-19 { row-gap: var(--kendo-spacing-19, 4.15px) !important } .k-gap-y-20 { row-gap: var(--kendo-spacing-20, 100px) } .k-gap-y-20 { row-gap: var(--kendo-spacing-20, 100px) !important } .k-gap-y-21 { row-gap: var(--kendo-spacing-21, 105px) } .k-gap-y-21 { row-gap: var(--kendo-spacing-21, 105px) !important } .k-gap-y-22 { row-gap: var(--kendo-spacing-22, 110px) } .k-gap-y-22 { row-gap: var(--kendo-spacing-22, 110px) !important } .k-gap-y-23 { row-gap: var(--kendo-spacing-23, 5.15px) } .k-gap-y-23 { row-gap: var(--kendo-spacing-23, 5.15px) !important } .k-gap-y-24 { row-gap: var(--kendo-spacing-24, 120px) } .k-gap-y-24 { row-gap: var(--kendo-spacing-24, 120px) !important } .k-gap-y-25 { row-gap: var(--kendo-spacing-25, 140px) } .k-gap-y-25 { row-gap: var(--kendo-spacing-25, 140px) !important } .k-gap-y-26 { row-gap: var(--kendo-spacing-26, 160px) } .k-gap-y-26 { row-gap: var(--kendo-spacing-26, 160px) !important } .k-gap-y-27 { row-gap: var(--kendo-spacing-27, 180px) } .k-gap-y-27 { row-gap: var(--kendo-spacing-27, 180px) !important } .k-gap-y-28 { row-gap: var(--kendo-spacing-28, 200px) } .k-gap-y-28 { row-gap: var(--kendo-spacing-28, 200px) !important } .k-gap-y-29 { row-gap: var(--kendo-spacing-29, 120px) } .k-gap-y-29 { row-gap: var(--kendo-spacing-29, 120px) !important } .k-gap-y-30 { row-gap: var(--kendo-spacing-30, 240px) } .k-gap-y-30 { row-gap: var(--kendo-spacing-30, 240px) !important } .k-gap-y-xs { row-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 5px)) } .k-gap-y-xs { row-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 5px)) !important } .k-gap-y-sm { row-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 10px)) } .k-gap-y-sm { row-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 10px)) !important } .k-gap-y-md { row-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.15px)) } .k-gap-y-md { row-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.15px)) !important } .k-gap-y-lg { row-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 20px)) } .k-gap-y-lg { row-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 20px)) !important } .k-gap-y-xl { row-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 30px)) } .k-gap-y-xl { row-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 30px)) !important } .k-gap-y-thin { row-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 2.5px)) } .k-gap-y-thin { row-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 2.5px)) !important } .k-gap-y-hair { row-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-gap-y-hair { row-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) } .k-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important } .k-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .k-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important } .k-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .k-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important } .k-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .k-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important } .k-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) } .k-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important } .k-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .k-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important } .k-grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) } .k-grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important } .k-grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) } .k-grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important } .k-grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) } .k-grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important } .k-grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) } .k-grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) !important } .k-grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) } .k-grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) !important } .k-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .k-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important } .k-grid-cols-none { grid-template-columns: none } .k-grid-cols-none { grid-template-columns: none !important } .k-col-span-1 { grid-column: span 1/span 1 } .k-col-span-1 { grid-column: span 1/span 1 !important } .k-col-span-2 { grid-column: span 2/span 2 } .k-col-span-2 { grid-column: span 2/span 2 !important } .k-col-span-3 { grid-column: span 3/span 3 } .k-col-span-3 { grid-column: span 3/span 3 !important } .k-col-span-4 { grid-column: span 4/span 4 } .k-col-span-4 { grid-column: span 4/span 4 !important } .k-col-span-5 { grid-column: span 5/span 5 } .k-col-span-5 { grid-column: span 5/span 5 !important } .k-col-span-6 { grid-column: span 6/span 6 } .k-col-span-6 { grid-column: span 6/span 6 !important } .k-col-span-7 { grid-column: span 7/span 7 } .k-col-span-7 { grid-column: span 7/span 7 !important } .k-col-span-8 { grid-column: span 8/span 8 } .k-col-span-8 { grid-column: span 8/span 8 !important } .k-col-span-9 { grid-column: span 9/span 9 } .k-col-span-9 { grid-column: span 9/span 9 !important } .k-col-span-10 { grid-column: span 10/span 10 } .k-col-span-10 { grid-column: span 10/span 10 !important } .k-col-span-11 { grid-column: span 11/span 11 } .k-col-span-11 { grid-column: span 11/span 11 !important } .k-col-span-12 { grid-column: span 12/span 12 } .k-col-span-12 { grid-column: span 12/span 12 !important } .k-col-span-full { grid-column: 1 / -1 } .k-col-span-full { grid-column: 1 / -1 !important } .k-col-span-auto { grid-column: auto } .k-col-span-auto { grid-column: auto !important } .k-col-start-1 { grid-column-start: 1 } .k-col-start-1 { grid-column-start: 1 !important } .k-col-start-2 { grid-column-start: 2 } .k-col-start-2 { grid-column-start: 2 !important } .k-col-start-3 { grid-column-start: 3 } .k-col-start-3 { grid-column-start: 3 !important } .k-col-start-4 { grid-column-start: 4 } .k-col-start-4 { grid-column-start: 4 !important } .k-col-start-5 { grid-column-start: 5 } .k-col-start-5 { grid-column-start: 5 !important } .k-col-start-6 { grid-column-start: 6 } .k-col-start-6 { grid-column-start: 6 !important } .k-col-start-7 { grid-column-start: 7 } .k-col-start-7 { grid-column-start: 7 !important } .k-col-start-8 { grid-column-start: 8 } .k-col-start-8 { grid-column-start: 8 !important } .k-col-start-9 { grid-column-start: 9 } .k-col-start-9 { grid-column-start: 9 !important } .k-col-start-10 { grid-column-start: 10 } .k-col-start-10 { grid-column-start: 10 !important } .k-col-start-11 { grid-column-start: 11 } .k-col-start-11 { grid-column-start: 11 !important } .k-col-start-12 { grid-column-start: 12 } .k-col-start-12 { grid-column-start: 12 !important } .k-col-start-13 { grid-column-start: 13 } .k-col-start-13 { grid-column-start: 13 !important } .k-col-start-auto { grid-column-start: auto } .k-col-start-auto { grid-column-start: auto !important } .k-col-end-1 { grid-column-end: 1 } .k-col-end-1 { grid-column-end: 1 !important } .k-col-end-2 { grid-column-end: 2 } .k-col-end-2 { grid-column-end: 2 !important } .k-col-end-3 { grid-column-end: 3 } .k-col-end-3 { grid-column-end: 3 !important } .k-col-end-4 { grid-column-end: 4 } .k-col-end-4 { grid-column-end: 4 !important } .k-col-end-5 { grid-column-end: 5 } .k-col-end-5 { grid-column-end: 5 !important } .k-col-end-6 { grid-column-end: 6 } .k-col-end-6 { grid-column-end: 6 !important } .k-col-end-7 { grid-column-end: 7 } .k-col-end-7 { grid-column-end: 7 !important } .k-col-end-8 { grid-column-end: 8 } .k-col-end-8 { grid-column-end: 8 !important } .k-col-end-9 { grid-column-end: 9 } .k-col-end-9 { grid-column-end: 9 !important } .k-col-end-10 { grid-column-end: 10 } .k-col-end-10 { grid-column-end: 10 !important } .k-col-end-11 { grid-column-end: 11 } .k-col-end-11 { grid-column-end: 11 !important } .k-col-end-12 { grid-column-end: 12 } .k-col-end-12 { grid-column-end: 12 !important } .k-col-end-13 { grid-column-end: 13 } .k-col-end-13 { grid-column-end: 13 !important } .k-col-end-auto { grid-column-end: auto } .k-col-end-auto { grid-column-end: auto !important } .k-colspan-1 { grid-column: span 1/span 1 } .k-colspan-1 { grid-column: span 1/span 1 !important } .k-colspan-2 { grid-column: span 2/span 2 } .k-colspan-2 { grid-column: span 2/span 2 !important } .k-colspan-3 { grid-column: span 3/span 3 } .k-colspan-3 { grid-column: span 3/span 3 !important } .k-colspan-4 { grid-column: span 4/span 4 } .k-colspan-4 { grid-column: span 4/span 4 !important } .k-colspan-5 { grid-column: span 5/span 5 } .k-colspan-5 { grid-column: span 5/span 5 !important } .k-colspan-6 { grid-column: span 6/span 6 } .k-colspan-6 { grid-column: span 6/span 6 !important } .k-colspan-7 { grid-column: span 7/span 7 } .k-colspan-7 { grid-column: span 7/span 7 !important } .k-colspan-8 { grid-column: span 8/span 8 } .k-colspan-8 { grid-column: span 8/span 8 !important } .k-colspan-9 { grid-column: span 9/span 9 } .k-colspan-9 { grid-column: span 9/span 9 !important } .k-colspan-10 { grid-column: span 10/span 10 } .k-colspan-10 { grid-column: span 10/span 10 !important } .k-colspan-11 { grid-column: span 11/span 11 } .k-colspan-11 { grid-column: span 11/span 11 !important } .k-colspan-12 { grid-column: span 12/span 12 } .k-colspan-12 { grid-column: span 12/span 12 !important } .k-colspan-full, .k-colspan-all { grid-column: 1 / -1 } .k-colspan-full, .k-colspan-all { grid-column: 1 / -1 !important } .k-colspan-auto { grid-column: auto } .k-colspan-auto { grid-column: auto !important } .k-validator-tooltip { margin-top: 6px; width: auto; white-space: normal; display: flex; align-items: center; z-index: 9999 } .k-grid .k-validator-tooltip { max-width: 300px } .k-floating-label-container { padding-top: calc(var(--kendo-line-height, normal)*var(--kendo-font-size, inherit)); box-sizing: border-box; display: inline-flex; vertical-align: middle; position: relative; flex-direction: column; justify-content: stretch } .k-floating-label-container *, .k-floating-label-container *::before, .k-floating-label-container *::after { box-sizing: border-box } .k-floating-label-container>.k-floating-label { max-width: 90%; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); white-space: nowrap; text-overflow: ellipsis; position: absolute; top: var(--kendo-floating-label-offset-y, calc(var(--kendo-line-height, normal)*var(--kendo-font-size, inherit) + 1px + var(--kendo-spacing-1, 5px))); left: var(--kendo-floating-label-offset-x, calc(var(--kendo-spacing-2, 10px) + 1px)); overflow: hidden; cursor: text; transform-origin: left center; transition: transform .2s ease-out, color .2s ease-out, top .2s ease-out, left .2s ease-out } .k-floating-label-container.k-empty>.k-floating-label { top: var(--kendo-floating-label-offset-y, calc(var(--kendo-line-height, normal)*var(--kendo-font-size, inherit) + 1px + var(--kendo-spacing-1, 5px))); left: var(--kendo-floating-label-offset-x, calc(var(--kendo-spacing-2, 10px) + 1px)); transform: scale(1); pointer-events: none } .k-floating-label-container>.k-floating-label, .k-floating-label-container.k-focus>.k-floating-label { top: var(--kendo-floating-label-focus-offset-y, 0); left: var(--kendo-floating-label-focus-offset-x, 0); transform: scale(1) } .k-floating-label-container:focus-within>.k-floating-label { top: var(--kendo-floating-label-focus-offset-y, 0); left: var(--kendo-floating-label-focus-offset-x, 0); transform: scale(1) } .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) :-ms-input-placeholder { color: rgba(0, 0, 0, 0) } .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) ::placeholder { color: rgba(0, 0, 0, 0) } [dir=rtl] .k-floating-label-container>.k-floating-label, .k-rtl .k-floating-label-container>.k-floating-label, .k-floating-label-container[dir=rtl]>.k-floating-label { transform-origin: right center; transition: transform .2s ease-out, color .2s ease-out, top .2s ease-out, right .2s ease-out } [dir=rtl] .k-floating-label-container.k-empty>.k-floating-label, .k-rtl .k-floating-label-container.k-empty>.k-floating-label, .k-floating-label-container[dir=rtl].k-empty>.k-floating-label { left: auto; right: var(--kendo-floating-label-offset-x, calc(var(--kendo-spacing-2, 10px) + 1px)) } [dir=rtl] .k-floating-label-container>.k-floating-label, [dir=rtl] .k-floating-label-container.k-focus>.k-floating-label, .k-rtl .k-floating-label-container>.k-floating-label, .k-rtl .k-floating-label-container.k-focus>.k-floating-label, .k-floating-label-container[dir=rtl]>.k-floating-label, .k-floating-label-container[dir=rtl].k-focus>.k-floating-label { left: auto; right: var(--kendo-floating-label-focus-offset-x, 0) } [dir=rtl] .k-floating-label-container:focus-within>.k-floating-label, .k-rtl .k-floating-label-container:focus-within>.k-floating-label, .k-floating-label-container[dir=rtl]:focus-within>.k-floating-label { left: auto; right: var(--kendo-floating-label-focus-offset-x, 0) } .k-floating-label-container.k-invalid>.k-floating-label, .k-floating-label-container.ng-invalid.ng-touched>.k-floating-label, .k-floating-label-container.ng-invalid.ng-dirty>.k-floating-label { color: var(--kendo-color-error, #D51923) } .k-split-button .k-split-button-arrow { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px); width: auto; aspect-ratio: auto; flex: none } .k-split-button .k-split-button-arrow.k-button-sm { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-0\.5, 2.5px) } .k-split-button .k-split-button-arrow.k-button-md { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px) } .k-split-button .k-split-button-arrow.k-button-lg { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px) } .k-split-button .k-split-button-arrow .k-button-icon { min-width: 0 } .k-split-button:focus, .k-split-button.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-menu-button, .k-dropdown-button { aspect-ratio: auto; outline: 0; display: inline-flex; flex-flow: row nowrap; vertical-align: middle } .k-menu-button>.k-button-arrow, .k-dropdown-button>.k-button-arrow { margin-inline-start: calc(var(--kendo-spacing-1, 5px)*-1); margin-inline-end: calc(var(--kendo-spacing-2, 10px)*-1); padding-left: var(--kendo-spacing-1, 5px); padding-right: var(--kendo-spacing-1, 5px); flex: none; display: inline-flex; align-items: center; justify-content: center } .k-menu-button.k-icon-button>.k-button-arrow, .k-dropdown-button.k-icon-button>.k-button-arrow { margin-inline-start: 0; margin-inline-end: calc(var(--kendo-spacing-1, 5px)*-1) } .k-input, .k-picker { margin: 0; padding: 0; width: 100%; min-width: 0; box-sizing: border-box; border-width: 1px; border-style: solid; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); font-weight: normal; text-align: start; box-shadow: none; display: inline-flex; flex-flow: row nowrap; align-items: stretch; vertical-align: middle; position: relative; overflow: hidden; text-overflow: ellipsis; -webkit-appearance: none } .k-input *, .k-input *::before, .k-input *::after, .k-picker *, .k-picker *::before, .k-picker *::after { box-sizing: border-box } .k-input>.k-input, .k-input>.k-picker, .k-picker>.k-input, .k-picker>.k-picker { border-width: 0 !important; color: inherit; background: none; font: inherit; outline: 0; box-shadow: none } .k-input>*, .k-picker>* { margin: 0 } .k-input:-ms-input-placeholder, .k-picker:-ms-input-placeholder { color: var(--kendo-color-subtle, #666666); opacity: 1; -ms-user-select: none; user-select: none } .k-input::placeholder, .k-picker::placeholder { color: var(--kendo-color-subtle, #666666); opacity: 1; -webkit-user-select: none; -ms-user-select: none; user-select: none } input.k-input, textarea.k-textarea { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } input.k-input:disabled, input.k-input[disabled], textarea.k-textarea:disabled, textarea.k-textarea[disabled] { outline: none; cursor: default; opacity: .6; filter: grayscale(0.1); pointer-events: none; box-shadow: none } :is([disabled], .k-disabled) :is(input.k-input, textarea.k-textarea):is(:disabled, [disabled]) { opacity: 1; filter: grayscale(0) } textarea.k-textarea { overflow: auto } .k-picker { cursor: pointer } select.k-picker { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); appearance: auto } select.k-picker:disabled, select.k-picker[disabled] { outline: none; cursor: default; opacity: .6; filter: grayscale(0.1); pointer-events: none; box-shadow: none } :is([disabled], .k-disabled) select.k-picker:is(:disabled, [disabled]) { opacity: 1; filter: grayscale(0) } .k-input-inner { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); width: 100%; border: 0; outline: 0; color: inherit; background: none; flex: 1; position: relative; z-index: 1; overflow: hidden; text-overflow: ellipsis; -webkit-appearance: none } .k-input-inner:-ms-input-placeholder { color: var(--kendo-color-subtle, #666666); opacity: 1; -ms-user-select: none; user-select: none } .k-input-inner::placeholder { color: var(--kendo-color-subtle, #666666); opacity: 1; -webkit-user-select: none; -ms-user-select: none; user-select: none } .k-input-inner:invalid { box-shadow: none } span.k-input-inner { white-space: nowrap; display: flex; flex-flow: row nowrap; align-items: center } textarea.k-input-inner { margin: 0 } .k-input-value-icon { flex: none } .k-input-value-text { flex: 1; overflow: hidden; text-overflow: ellipsis } .k-input-value-text::before { content: "​"; width: 0px; overflow: hidden; flex: none; display: inline-block; vertical-align: top } .k-input-values { min-width: 0px; width: 100%; display: flex; flex-flow: row wrap; align-items: center; cursor: text } .k-input-values .k-chip-list { display: contents } .k-icon-picker .k-input-inner { padding: var(--kendo-spacing-1, 5px); justify-content: center } .k-input-prefix, .k-input-suffix { border-color: inherit; display: flex; align-items: center; flex: none } .k-input-prefix>*, .k-input-suffix>* { flex-shrink: 0; border: none } .k-input-prefix-vertical, .k-input-suffix-vertical { flex-flow: column wrap } .k-input-prefix-horizontal, .k-input-suffix-horizontal { flex-flow: row wrap } .k-input-separator { margin: 0; border-style: solid; border-color: inherit; border-width: 0 0 0 1px; height: 16px; align-self: center } .k-input-separator-horizontal { height: auto; margin-inline: var(--kendo-spacing-1, 5px); align-self: stretch; border-width: 1px 0 0 } .k-input-separator-vertical { height: auto; margin-block: var(--kendo-spacing-1, 5px); align-self: stretch; border-width: 0 0 0 1px } .k-input-icon, .k-input-validation-icon, .k-input-loading-icon { flex: none; align-self: center; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; box-sizing: content-box } .k-input-loading-icon { width: 1em; height: 1em; font-size: 16px } .k-input-icon.k-svg-icon>svg, .k-input-icon.k-icon-md>svg, .k-input-validation-icon.k-svg-icon>svg, .k-input-validation-icon.k-icon-md>svg, .k-input-loading-icon.k-svg-icon>svg, .k-input-loading-icon.k-icon-md>svg { width: 16px; height: 16px } .k-input-icon.k-icon-xs>svg, .k-input-validation-icon.k-icon-xs>svg, .k-input-loading-icon.k-icon-xs>svg { width: 12px; height: 12px } .k-input-icon.k-icon-sm>svg, .k-input-validation-icon.k-icon-sm>svg, .k-input-loading-icon.k-icon-sm>svg { width: 14px; height: 14px } .k-input-icon.k-icon-lg>svg, .k-input-validation-icon.k-icon-lg>svg, .k-input-loading-icon.k-icon-lg>svg { width: 20px; height: 20px } .k-input-icon.k-icon-xl>svg, .k-input-validation-icon.k-icon-xl>svg, .k-input-loading-icon.k-icon-xl>svg { width: 24px; height: 24px } .k-input-icon.k-icon-xxl>svg, .k-input-validation-icon.k-icon-xxl>svg, .k-input-loading-icon.k-icon-xxl>svg { width: 32px; height: 32px } .k-input-icon.k-icon-xxxl>svg, .k-input-validation-icon.k-icon-xxxl>svg, .k-input-loading-icon.k-icon-xxxl>svg { width: 48px; height: 48px } .k-clear-value { outline: 0; flex: none; align-self: center; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; opacity: 80% } .k-clear-value:hover, .k-clear-value.k-hover { opacity: 1 } .k-clear-value:focus-visible { outline: 1px dotted; outline-offset: -1px } .k-input-button { width: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 5px)*2); border-width: 0; border-inline-start-width: 1px; flex: none; aspect-ratio: auto; box-shadow: none } .k-input-button>.k-button-icon { min-width: auto !important } .k-input-button:focus { box-shadow: none } .k-picker .k-input-button { color: inherit; background: none; border-color: rgba(0, 0, 0, 0) } .k-input-spinner { width: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 5px)*2); flex: none; display: flex; flex-flow: column nowrap } .k-input-spinner .k-spinner-increase, .k-input-spinner .k-spinner-decrease { border-width: 0; border-inline-start-width: 1px; flex: 1 1 50%; box-shadow: none; position: relative; aspect-ratio: auto } .k-input-spinner .k-spinner-increase .k-button-icon, .k-input-spinner .k-spinner-decrease .k-button-icon { margin-block: -1em; margin-inline: 0; min-width: auto !important; min-height: auto !important } .k-input-spinner .k-spinner-increase .k-icon { bottom: auto } .k-input-spinner .k-spinner-decrease .k-icon { top: auto } .k-searchbar { flex: 1 1 auto; display: flex; flex-flow: row nowrap } .k-picker-wrap, .k-dropdown-wrap, .k-dateinput-wrap, .k-multiselect-wrap, .k-numeric-wrap { width: 100%; border-width: 0; border-color: inherit; box-sizing: border-box; flex: 1 1 auto; display: flex; flex-flow: row nowrap; overflow: hidden; position: relative } .k-input-flat, .k-picker-flat { /* border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-width: 1px 0; border-top-color: rgba(0, 0, 0, 0) !important;*/ background-image: none !important } .k-input-outline { background: none !important } .k-input-sm, .k-picker-sm { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-input-sm .k-input-values, .k-picker-sm .k-input-values { padding: calc(var(--kendo-spacing-0\.5, 2.5px)/2); gap: calc(var(--kendo-spacing-0\.5, 2.5px)/2) } .k-input-sm .k-input-values>.k-searchbar, .k-input-sm .k-input-values>.k-input-inner, .k-picker-sm .k-input-values>.k-searchbar, .k-picker-sm .k-input-values>.k-input-inner { margin: calc(var(--kendo-spacing-0\.5, 2.5px)/2*-1) } .k-input-sm .k-input-inner, .k-picker-sm .k-input-inner { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-input-sm .k-input-button, .k-input-sm .k-spinner-increase, .k-input-sm .k-spinner-decrease, .k-picker-sm .k-input-button, .k-picker-sm .k-spinner-increase, .k-picker-sm .k-spinner-decrease { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-0\.5, 2.5px) } .k-input-sm .k-input-icon, .k-input-sm .k-input-validation-icon, .k-input-sm .k-input-loading-icon, .k-input-sm .k-clear-value, .k-input-sm .k-input-prefix>.k-icon, .k-input-sm .k-input-prefix>.k-input-prefix-text, .k-input-sm .k-input-suffix>.k-icon, .k-input-sm .k-input-suffix>.k-input-suffix-text, .k-picker-sm .k-input-icon, .k-picker-sm .k-input-validation-icon, .k-picker-sm .k-input-loading-icon, .k-picker-sm .k-clear-value, .k-picker-sm .k-input-prefix>.k-icon, .k-picker-sm .k-input-prefix>.k-input-prefix-text, .k-picker-sm .k-input-suffix>.k-icon, .k-picker-sm .k-input-suffix>.k-input-suffix-text { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-0\.5, 2.5px); box-sizing: content-box } .k-input-sm .k-input-separator-horizontal, .k-picker-sm .k-input-separator-horizontal { margin-inline: var(--kendo-spacing-0\.5, 2.5px) } .k-input-sm .k-input-separator-vertical, .k-picker-sm .k-input-separator-vertical { margin-block: var(--kendo-spacing-0\.5, 2.5px) } .k-input-sm.k-icon-picker .k-input-inner, .k-picker-sm.k-icon-picker .k-input-inner { width: calc(var(--kendo-line-height, normal)*1em); height: calc(var(--kendo-line-height, normal)*1em); padding: var(--kendo-spacing-0\.5, 2.5px); box-sizing: content-box } .k-dropdown-operator.k-picker-sm .k-input-button { padding: var(--kendo-spacing-0\.5, 2.5px) } select.k-picker-sm { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-input-md, .k-picker-md { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-input-md .k-input-values, .k-picker-md .k-input-values { padding: calc(var(--kendo-spacing-1, 5px)/2); gap: calc(var(--kendo-spacing-1, 5px)/2) } .k-input-md .k-input-values>.k-searchbar, .k-input-md .k-input-values>.k-input-inner, .k-picker-md .k-input-values>.k-searchbar, .k-picker-md .k-input-values>.k-input-inner { margin: calc(var(--kendo-spacing-1, 5px)/2*-1) } .k-input-md .k-input-inner, .k-picker-md .k-input-inner { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-input-md .k-input-button, .k-input-md .k-spinner-increase, .k-input-md .k-spinner-decrease, .k-picker-md .k-input-button, .k-picker-md .k-spinner-increase, .k-picker-md .k-spinner-decrease { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px) } .k-input-md .k-input-icon, .k-input-md .k-input-validation-icon, .k-input-md .k-input-loading-icon, .k-input-md .k-clear-value, .k-input-md .k-input-prefix>.k-icon, .k-input-md .k-input-prefix>.k-input-prefix-text, .k-input-md .k-input-suffix>.k-icon, .k-input-md .k-input-suffix>.k-input-suffix-text, .k-picker-md .k-input-icon, .k-picker-md .k-input-validation-icon, .k-picker-md .k-input-loading-icon, .k-picker-md .k-clear-value, .k-picker-md .k-input-prefix>.k-icon, .k-picker-md .k-input-prefix>.k-input-prefix-text, .k-picker-md .k-input-suffix>.k-icon, .k-picker-md .k-input-suffix>.k-input-suffix-text { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px); box-sizing: content-box } .k-input-md .k-input-separator-horizontal, .k-picker-md .k-input-separator-horizontal { margin-inline: var(--kendo-spacing-1, 5px) } .k-input-md .k-input-separator-vertical, .k-picker-md .k-input-separator-vertical { margin-block: var(--kendo-spacing-1, 5px) } .k-input-md.k-icon-picker .k-input-inner, .k-picker-md.k-icon-picker .k-input-inner { width: calc(var(--kendo-line-height, normal)*1em); height: calc(var(--kendo-line-height, normal)*1em); padding: var(--kendo-spacing-1, 5px); box-sizing: content-box } .k-dropdown-operator.k-picker-md .k-input-button { padding: var(--kendo-spacing-1, 5px) } select.k-picker-md { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-input-lg, .k-picker-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-input-lg .k-input-values, .k-picker-lg .k-input-values { padding: calc(var(--kendo-spacing-2, 10px)/2); gap: calc(var(--kendo-spacing-2, 10px)/2) } .k-input-lg .k-input-values>.k-searchbar, .k-input-lg .k-input-values>.k-input-inner, .k-picker-lg .k-input-values>.k-searchbar, .k-picker-lg .k-input-values>.k-input-inner { margin: calc(var(--kendo-spacing-2, 10px)/2*-1) } .k-input-lg .k-input-inner, .k-picker-lg .k-input-inner { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px) } .k-input-lg .k-input-button, .k-input-lg .k-spinner-increase, .k-input-lg .k-spinner-decrease, .k-picker-lg .k-input-button, .k-picker-lg .k-spinner-increase, .k-picker-lg .k-spinner-decrease { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px) } .k-input-lg .k-input-icon, .k-input-lg .k-input-validation-icon, .k-input-lg .k-input-loading-icon, .k-input-lg .k-clear-value, .k-input-lg .k-input-prefix>.k-icon, .k-input-lg .k-input-prefix>.k-input-prefix-text, .k-input-lg .k-input-suffix>.k-icon, .k-input-lg .k-input-suffix>.k-input-suffix-text, .k-picker-lg .k-input-icon, .k-picker-lg .k-input-validation-icon, .k-picker-lg .k-input-loading-icon, .k-picker-lg .k-clear-value, .k-picker-lg .k-input-prefix>.k-icon, .k-picker-lg .k-input-prefix>.k-input-prefix-text, .k-picker-lg .k-input-suffix>.k-icon, .k-picker-lg .k-input-suffix>.k-input-suffix-text { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); box-sizing: content-box } .k-input-lg .k-input-separator-horizontal, .k-picker-lg .k-input-separator-horizontal { margin-inline: var(--kendo-spacing-2, 10px) } .k-input-lg .k-input-separator-vertical, .k-picker-lg .k-input-separator-vertical { margin-block: var(--kendo-spacing-2, 10px) } .k-input-lg.k-icon-picker .k-input-inner, .k-picker-lg.k-icon-picker .k-input-inner { width: calc(var(--kendo-line-height-lg, normal)*1em); height: calc(var(--kendo-line-height-lg, normal)*1em); padding: var(--kendo-spacing-2, 10px); box-sizing: content-box } .k-dropdown-operator.k-picker-lg .k-input-button { padding: var(--kendo-spacing-2, 10px) } select.k-picker-lg { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px) } .k-input>kendo-popup, .k-picker>kendo-popup { position: fixed } @keyframes autoFillStart {} @keyframes autoFillEnd {} .k-autofill:-webkit-autofill { animation-name: autoFillStart } .k-autofill:not(:-webkit-autofill) { animation-name: autoFillEnd } .k-input:-webkit-autofill { animation-name: autoFillStart } .k-input:not(:-webkit-autofill) { animation-name: autoFillEnd } .k-input-solid { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-input-solid:hover, .k-input-solid.k-hover { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .k-input-solid:focus, .k-input-solid.k-focus { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-input-solid:focus-within { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-input-solid.k-invalid, .k-input-solid.ng-invalid.ng-touched, .k-input-solid.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #D51923) } .k-input-solid.k-invalid .k-input-validation-icon, .k-input-solid.ng-invalid.ng-touched .k-input-validation-icon, .k-input-solid.ng-invalid.ng-dirty .k-input-validation-icon { color: var(--kendo-color-error, #D51923) } .k-input-solid .k-input-prefix { color: var(--kendo-color-subtle, #666666) } .k-input-solid .k-input-suffix { color: var(--kendo-color-subtle, #666666) } .k-input-solid .k-input-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-picker-solid { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-base, #424242); background-color: var(--kendo-color-base, #f5f5f5) } .k-picker-solid:hover, .k-picker-solid.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-picker-solid:focus, .k-picker-solid.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-picker-solid:focus-within { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-picker-solid.k-invalid, .k-picker-solid.ng-invalid.ng-touched, .k-picker-solid.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #D51923) } .k-picker-solid.k-invalid .k-input-validation-icon, .k-picker-solid.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-solid.ng-invalid.ng-dirty .k-input-validation-icon { color: var(--kendo-color-error, #D51923) } .k-input-outline { border-color: color-mix(in srgb, var(--kendo-color-on-base, #424242) 50%, transparent); color: var(--kendo-color-on-app-surface, #424242) } .k-input-outline>.k-input-button { border-color: inherit } .k-input-outline>.k-input-spinner { border-color: inherit } .k-input-outline>.k-input-spinner>.k-spinner-increase, .k-input-outline>.k-input-spinner>.k-spinner-decrease { border-color: inherit } .k-input-outline:hover, .k-input-outline.k-hover { border-color: color-mix(in srgb, var(--kendo-color-on-base, #424242) 80%, transparent) } .k-input-outline:focus, .k-input-outline.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-input-outline:focus-within { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-input-outline.k-invalid, .k-input-outline.ng-invalid.ng-touched, .k-input-outline.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #D51923) } .k-input-outline.k-invalid .k-input-validation-icon, .k-input-outline.ng-invalid.ng-touched .k-input-validation-icon, .k-input-outline.ng-invalid.ng-dirty .k-input-validation-icon { color: var(--kendo-color-error, #D51923) } .k-input-outline .k-input-prefix { color: var(--kendo-color-subtle, #666666) } .k-input-outline .k-input-suffix { color: var(--kendo-color-subtle, #666666) } .k-input-outline .k-input-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-picker-outline { border-color: color-mix(in srgb, var(--kendo-color-on-base, #424242) 50%, transparent); color: var(--kendo-color-on-base, #424242) } .k-picker-outline:hover, .k-picker-outline.k-hover { border-color: var(--kendo-color-on-base, #424242); color: var(--kendo-color-base, #f5f5f5); background-color: var(--kendo-color-on-base, #424242) } .k-picker-outline:focus, .k-picker-outline.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-picker-outline:focus-within { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-picker-outline.k-invalid, .k-picker-outline.ng-invalid.ng-touched, .k-picker-outline.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #D51923) } .k-picker-outline.k-invalid .k-input-validation-icon, .k-picker-outline.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-outline.ng-invalid.ng-dirty .k-input-validation-icon { color: var(--kendo-color-error, #D51923) } .k-input-flat { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242) } .k-input-flat:hover, .k-input-flat.k-hover { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .k-input-flat:focus, .k-input-flat.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-input-flat:focus-within { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-input-flat.k-invalid, .k-input-flat.ng-invalid.ng-touched, .k-input-flat.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #D51923) } .k-input-flat.k-invalid .k-input-validation-icon, .k-input-flat.ng-invalid.ng-touched .k-input-validation-icon, .k-input-flat.ng-invalid.ng-dirty .k-input-validation-icon { color: var(--kendo-color-error, #D51923) } .k-input-flat .k-input-prefix { color: var(--kendo-color-subtle, #666666) } .k-input-flat .k-input-suffix { color: var(--kendo-color-subtle, #666666) } .k-input-flat .k-input-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-picker-flat { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-base, #424242) } .k-picker-flat:hover, .k-picker-flat.k-hover { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)); background-color: color-mix(in srgb, var(--kendo-color-on-base, #424242) 4%, transparent) } .k-picker-flat:focus, .k-picker-flat.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-picker-flat:focus-within { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-picker-flat.k-invalid, .k-picker-flat.ng-invalid.ng-touched, .k-picker-flat.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #D51923) } .k-picker-flat.k-invalid .k-input-validation-icon, .k-picker-flat.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-flat.ng-invalid.ng-dirty .k-input-validation-icon { color: var(--kendo-color-error, #D51923) } .k-textarea:has(.k-input-inner[style*=width]) { width: max-content } .k-align-items-normal { align-items: normal } .k-align-items-normal { align-items: normal !important } .k-align-items-stretch { align-items: stretch } .k-align-items-stretch { align-items: stretch !important } .k-align-items-center { align-items: center } .k-align-items-center { align-items: center !important } .k-align-items-start { align-items: start } .k-align-items-start { align-items: start !important } .k-align-items-end { align-items: end } .k-align-items-end { align-items: end !important } .k-align-items-flex-start { align-items: flex-start } .k-align-items-flex-start { align-items: flex-start !important } .k-align-items-flex-end { align-items: flex-end } .k-align-items-flex-end { align-items: flex-end !important } .k-align-items-baseline { align-items: baseline } .k-align-items-baseline { align-items: baseline !important } .k-align-items-first-baseline { align-items: first baseline } .k-align-items-first-baseline { align-items: first baseline !important } .k-align-items-last-baseline { align-items: last baseline } .k-align-items-last-baseline { align-items: last baseline !important } .k-align-items-self-start { align-items: self-start } .k-align-items-self-start { align-items: self-start !important } .k-align-items-self-end { align-items: self-end } .k-align-items-self-end { align-items: self-end !important } .k-flex-row, .k-d-flex-row { flex-direction: row } .k-flex-row, .k-d-flex-row, .k-d-flex-col { flex-direction: row !important } .k-flex-row-reverse { flex-direction: row-reverse } .k-flex-row-reverse { flex-direction: row-reverse !important } .k-flex-col, .k-flex-column, .k-d-flex-col { flex-direction: column } .k-flex-col { flex-direction: column !important } .k-flex-col-reverse, .k-flex-column-reverse { flex-direction: column-reverse } .k-flex-col-reverse { flex-direction: column-reverse !important } .k-flex-1 { flex: 1 1 0% } .k-flex-1 { flex: 1 1 0% !important } .k-flex-auto { flex: 1 1 auto } .k-flex-auto { flex: 1 1 auto !important } .k-flex-initial { flex: 0 1 auto } .k-flex-initial { flex: 0 1 auto !important } .k-flex-none { flex: none } .k-flex-none { flex: none !important } .k-flex-wrap { flex-wrap: wrap } .k-flex-wrap { flex-wrap: wrap !important } .k-flex-wrap-reverse { flex-wrap: wrap-reverse } .k-flex-wrap-reverse { flex-wrap: wrap-reverse !important } .k-flex-nowrap { flex-wrap: nowrap } .k-flex-nowrap { flex-wrap: nowrap !important } .k-resize { resize: both } .k-resize { resize: both !important } .k-resize-none { resize: none } .k-resize-none { resize: none !important } .k-resize-x { resize: horizontal } .k-resize-x { resize: horizontal !important } .k-resize-y { resize: vertical } .k-resize-y { resize: vertical !important } .k-checkbox { margin: 0; padding: 0; line-height: initial; border-width: 1px; border-style: solid; outline: 0; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; flex: none; vertical-align: middle; position: relative; cursor: pointer; -webkit-appearance: none } .k-checkbox:checked, .k-checkbox.k-checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='var%28--kendo-color-on-primary, white%29' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/%3e%3c/svg%3e") } .k-checkbox:indeterminate, .k-checkbox.k-indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='var%28--kendo-color-primary, %231274AC%29' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M4,8 h8'/%3e%3c/svg%3e") } .k-checkbox:disabled, .k-checkbox.k-disabled { outline: none; cursor: default; opacity: .6; filter: grayscale(0.1); pointer-events: none; box-shadow: none } .k-checkbox-wrap { flex: none; display: inline-flex; flex-flow: row nowrap; gap: 0; align-items: center; align-self: flex-start; vertical-align: middle; position: relative } .k-checkbox-wrap::before { content: "​"; width: 0px; overflow: hidden; flex: none; display: inline-block; vertical-align: top } .k-checkbox-label { margin: 0; padding: 0; display: inline-flex; align-items: flex-start; gap: var(--kendo-spacing-1, 5px); vertical-align: middle; position: relative; cursor: pointer } .k-checkbox-label .k-ripple { visibility: hidden !important } .k-checkbox+.k-label, .k-checkbox-wrap+.k-label, .k-checkbox+.k-checkbox-label, .k-checkbox-wrap+.k-checkbox-label { display: inline; margin-inline-start: var(--kendo-spacing-1, 5px) } .k-checkbox-label:empty { display: none !important } .k-checkbox-label.k-no-text { min-width: 1px } .k-checkbox-list { margin: 0; padding: 0; display: flex; flex-flow: column nowrap; gap: 0; list-style: none } .k-checkbox-item, .k-checkbox-list-item { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-0, 0px); display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: var(--kendo-spacing-1, 5px) } .k-checkbox-item .k-checkbox-label, .k-checkbox-list-item .k-checkbox-label { margin: 0 } .k-checkbox-list-horizontal, .k-checkbox-list.k-list-horizontal { display: flex; flex-flow: row wrap; gap: var(--kendo-spacing-4, 20px) } .k-ripple-container .k-checkbox::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; border-radius: 100%; z-index: -1; transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1); transform: translate(-50%, -50%) scale(0); transform-origin: center center } .k-ripple-container .k-checkbox:focus, .k-ripple-container .k-checkbox.k-focus { box-shadow: none !important } .k-ripple-container .k-checkbox:disabled::after, .k-ripple-container .k-checkbox.k-disabled::after { display: none } .k-checkbox-sm { width: var(--kendo-spacing-3, 0.15px); height: var(--kendo-spacing-3, 0.15px) } .k-checkbox-sm::before { font-size: var(--kendo-spacing-2\.5, 12.5px) } .k-ripple-container .k-checkbox-sm::after { width: 300%; height: 300% } .k-checkbox-md { width: var(--kendo-spacing-4, 20px); height: var(--kendo-spacing-4, 20px) } .k-checkbox-md::before { font-size: var(--kendo-spacing-3\.5, 0.815px) } .k-ripple-container .k-checkbox-md::after { width: 300%; height: 300% } .k-checkbox-lg { width: var(--kendo-spacing-5, 25px); height: var(--kendo-spacing-5, 25px) } .k-checkbox-lg::before { font-size: var(--kendo-spacing-4\.5, 22.5px) } .k-ripple-container .k-checkbox-lg::after { width: 300%; height: 300% } .k-checkbox { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-checkbox:focus, .k-checkbox.k-focus { box-shadow: 0 0 0 2px rgba(0, 0, 0, .06) } .k-checkbox:indeterminate, .k-checkbox.k-indeterminate { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-primary, #1274AC); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-checkbox:checked, .k-checkbox.k-checked { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-checkbox:checked:focus, .k-checkbox.k-checked.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-primary, #1274AC) 30%, transparent) } .k-checkbox.k-invalid { border-color: var(--kendo-color-error, #D51923) } .k-checkbox.k-invalid+.k-checkbox-label { color: var(--kendo-color-error, #D51923) } .k-checkbox-wrap .k-ripple-blob { color: var(--kendo-color-primary, #1274AC); opacity: .25 } .k-ripple-container .k-checkbox::after { background: var(--kendo-color-primary, #1274AC); opacity: .25 } .k-listbox { width: 10em; height: 200px; border-width: 0; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); vertical-align: top; background-color: rgba(0, 0, 0, 0); display: inline-flex; gap: var(--kendo-spacing-2, 10px); -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-listbox .k-listbox-actions { display: flex; gap: var(--kendo-spacing-2, 10px) } .k-listbox.k-listbox-actions-left, .k-listbox.k-listbox-actions-right { flex-direction: row } .k-listbox.k-listbox-actions-left .k-listbox-actions, .k-listbox.k-listbox-actions-right .k-listbox-actions { flex-direction: column } .k-listbox.k-listbox-actions-right { flex-direction: row-reverse } .k-listbox.k-listbox-actions-top, .k-listbox.k-listbox-actions-bottom { flex-direction: column } .k-listbox.k-listbox-actions-top .k-listbox-actions, .k-listbox.k-listbox-actions-bottom .k-listbox-actions { flex-direction: row } .k-listbox.k-listbox-actions-bottom { flex-direction: column-reverse } .k-listbox .k-list-scroller { width: 100%; min-height: 0; height: inherit; border-width: 1px; border-style: solid; box-sizing: border-box; display: flex; flex-flow: column nowrap } .k-listbox .k-list-scroller .k-list-scroller { border-width: 0 } .k-listbox .k-list-scroller .k-list { height: inherit; background: rgba(0, 0, 0, 0) } .k-listbox .k-drop-hint { border-top-width: 1px; border-top-style: solid } .k-listbox .k-ghost { opacity: .5 } .k-item { cursor: default } .k-listbox .k-list-scroller { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-listbox .k-drop-hint { border-top-color: var(--kendo-color-primary, #1274AC) } .k-progressbar { border-radius: var(--kendo-border-radius-md, 5px); --kendo-progressbar-value: 0; border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height-xs, normal); display: inline-grid; vertical-align: middle; position: relative; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-progressbar *, .k-progressbar *::before, .k-progressbar *::after { box-sizing: border-box } .k-progressbar>.k-progressbar-value { border-width: 0; border-style: solid; display: flex; overflow: hidden; grid-column: 1/-1; grid-row: 1/-1 } .k-progressbar>.k-progressbar-chunks { border-width: inherit; border-style: inherit; white-space: nowrap; display: flex; align-items: stretch; flex: 1; gap: 1px; grid-column: 1/-1; grid-row: 1/-1 } .k-progressbar .k-progressbar-chunk { display: block; border-width: 0; flex: 1 } .k-progress-status-wrap { width: 100%; height: 100%; display: flex; align-items: center; flex-shrink: 0; grid-column: 1/-1; grid-row: 1/-1 } .k-progress-status-wrap.k-progress-start { justify-content: flex-start } .k-progress-status-wrap.k-progress-center { justify-content: center } .k-progress-status-wrap.k-progress-end { justify-content: flex-end } .k-progress-status { padding-block: 0; padding-inline: var(--kendo-spacing-2, 10px); min-width: 10px; text-align: center; display: inline-block; white-space: nowrap } .k-progressbar-horizontal { width: 100%; height: var(--kendo-progressbar-height, 22px); grid-template-columns: 1fr; grid-template-rows: 100% } .k-progressbar-horizontal .k-progress-status-wrap { flex-direction: row } .k-progressbar-horizontal>.k-progressbar-value { width: calc(var(--kendo-progressbar-value, 0)*1%); flex-direction: row } .k-progressbar-horizontal>.k-progressbar-value>.k-progress-status-wrap { width: calc(10000%/var(--kendo-progressbar-value, 1)) } .k-progressbar-horizontal>.k-progressbar-chunks { flex-direction: row } .k-progressbar-horizontal.k-progressbar-reverse>.k-progressbar-value { flex-direction: row-reverse; justify-self: flex-end } .k-progressbar-horizontal.k-progressbar-reverse>.k-progressbar-chunks { flex-direction: row-reverse } .k-progressbar-vertical { width: var(--kendo-progressbar-height, 22px); height: 27em; grid-template-columns: 100%; grid-template-rows: 1fr } .k-progressbar-vertical .k-progress-status-wrap { flex-direction: column-reverse } .k-progressbar-vertical .k-progress-status { -ms-writing-mode: tb-lr; writing-mode: vertical-lr } .k-progressbar-vertical>.k-progressbar-value { height: calc(var(--kendo-progressbar-value, 0)*1%); flex-direction: column-reverse; align-self: flex-end; align-items: flex-end } .k-progressbar-vertical>.k-progressbar-value>.k-progress-status-wrap { height: calc(10000%/var(--kendo-progressbar-value, 1)) } .k-progressbar-vertical>.k-progressbar-chunks { flex-direction: column-reverse } .k-progressbar-vertical.k-progressbar-reverse { flex-direction: column } .k-progressbar-vertical.k-progressbar-reverse>.k-progressbar-value { flex-direction: column; align-self: flex-start } .k-progressbar-vertical.k-progressbar-reverse>.k-progressbar-chunks { flex-direction: column } .k-progressbar-indeterminate .k-progress-status-wrap, .k-progressbar-indeterminate .k-progressbar-value, .k-progressbar-indeterminate .k-progressbar-chunk { display: none } .telerik-blazor.k-progressbar-horizontal>.k-progressbar-value, .telerik-blazor.k-progressbar-horizontal>.k-progressbar-value>.k-progress-status-wrap { transition: width .1s ease-in-out } .k-rtl .k-progressbar, .k-progressbar[dir=rtl] { direction: rtl } .k-circular-progressbar { display: inline-block; text-align: start; position: relative } .k-circular-progressbar-surface { height: 100% } .k-circular-progressbar-surface>div { width: 100%; height: 100% } .k-circular-progressbar-surface svg { width: 100%; height: 100% } .k-circular-progressbar-scale { fill: none } .k-circular-progressbar-arc { transform-box: fill-box; transform-origin: center center; transform: rotate(-90deg); stroke-linecap: round; fill: none } .k-circular-progressbar-label { position: absolute; text-align: center; padding: 0; margin: 0 } @keyframes kendo-progressbar-indeterminate-animation { from { background-position: 0 0 } to { background-position: 22px 0 } } .k-progressbar { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-base-subtle, #ebebeb) } .k-progressbar .k-selected { border-color: var(--kendo-color-primary-active, #106697); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-chunk-progressbar { background-color: rgba(0, 0, 0, 0) } .k-progressbar-chunk { background-color: var(--kendo-color-base-subtle, #ebebeb) } .k-progressbar-chunk .k-selected { background-color: var(--kendo-color-primary, #1274AC) } .k-progressbar-indeterminate { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-base-subtle, #ebebeb); background-image: linear-gradient(45deg, color-mix(in srgb, var(--kendo-color-base-emphasis, #c2c2c2) 55%, transparent) 25%, transparent 25%, transparent 50%, color-mix(in srgb, var(--kendo-color-base-emphasis, #c2c2c2) 55%, transparent) 50%, color-mix(in srgb, var(--kendo-color-base-emphasis, #c2c2c2) 55%, transparent) 75%, transparent 75%, transparent); background-size: 22px 22px; animation: kendo-progressbar-indeterminate-animation 1s linear infinite } .k-circular-progressbar-scale { stroke: var(--kendo-color-base-subtle, #ebebeb) } .k-circular-progressbar-arc { stroke: var(--kendo-color-primary, #1274AC); transition: stroke .5s ease } .k-radio { border-radius: 50%; margin: 0; padding: 0; line-height: initial; border-width: 1px; border-style: solid; outline: 0; box-sizing: border-box; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; flex: none; vertical-align: middle; position: relative; cursor: pointer; -webkit-appearance: none } .k-radio:checked, .k-radio.k-checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3ccircle cx='50%25' cy='50%25' r='4' fill='var%28--kendo-color-on-primary, white%29'/%3e%3c/svg%3e") } .k-radio:disabled, .k-radio.k-disabled { outline: none; cursor: default; opacity: .6; filter: grayscale(0.1); pointer-events: none; box-shadow: none } .k-radio-wrap { flex: none; display: inline-flex; flex-flow: row nowrap; gap: 0; align-items: center; align-self: start; vertical-align: middle; position: relative } .k-radio-wrap::before { content: "​"; width: 0px; overflow: hidden; flex: none; display: inline-block; vertical-align: top } .k-radio-label { margin: 0; padding: 0; display: inline-flex; align-items: flex-start; gap: var(--kendo-spacing-1, 5px); vertical-align: middle; position: relative; cursor: pointer } .k-radio-label .k-ripple { visibility: hidden !important } .k-radio+.k-label, .k-radio-wrap+.k-label, .k-radio+.k-radio-label, .k-radio-wrap+.k-radio-label { display: inline; margin-inline-start: var(--kendo-spacing-1, 5px) } .k-radio-label:empty { display: none !important } .k-radio-label.k-no-text { min-width: 1px } .k-radio-list { margin: 0; padding: 0; display: flex; flex-flow: column nowrap; gap: 0; list-style: none } .k-radio-item, .k-radio-list-item { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-0, 0px); display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: var(--kendo-spacing-1, 5px) } .k-radio-item .k-radio-label, .k-radio-list-item .k-radio-label { margin: 0 } .k-radio-list-horizontal, .k-radio-list.k-list-horizontal { display: flex; flex-flow: row wrap; gap: var(--kendo-spacing-4, 20px) } .k-ripple-container .k-radio::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; border-radius: 100%; z-index: -1; transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1); transform: translate(-50%, -50%) scale(0); transform-origin: center center } .k-ripple-container .k-radio:focus, .k-ripple-container .k-radio.k-focus { box-shadow: none !important } .k-ripple-container .k-radio:disabled::after, .k-ripple-container .k-radio.k-disabled::after { display: none } .k-ripple-container .k-radio:disabled::after, .k-ripple-container .k-radio.k-disabled::after { display: none } .k-radio-sm { width: var(--kendo-spacing-3, 0.15px); height: var(--kendo-spacing-3, 0.15px) } .k-radio-sm::before { font-size: var(--kendo-spacing-2\.5, 12.5px) } .k-ripple-container .k-radio-sm::after { width: 300%; height: 300% } .k-radio-md { width: var(--kendo-spacing-4, 20px); height: var(--kendo-spacing-4, 20px) } .k-radio-md::before { font-size: var(--kendo-spacing-3\.5, 0.815px) } .k-ripple-container .k-radio-md::after { width: 300%; height: 300% } .k-radio-lg { width: var(--kendo-spacing-5, 25px); height: var(--kendo-spacing-5, 25px) } .k-radio-lg::before { font-size: var(--kendo-spacing-4\.5, 22.5px) } .k-ripple-container .k-radio-lg::after { width: 300%; height: 300% } .k-radio { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-radio:focus, .k-radio.k-focus { box-shadow: 0 0 0 2px rgba(0, 0, 0, .06) } .k-radio.k-invalid, .k-radio.ng-invalid.ng-touched, .k-radio.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #D51923) } .k-radio.k-invalid+.k-radio-label, .k-radio.ng-invalid.ng-touched+.k-radio-label, .k-radio.ng-invalid.ng-dirty+.k-radio-label { color: var(--kendo-color-error, #D51923) } .k-radio:checked, .k-radio.k-checked { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-radio:checked:focus, .k-radio.k-checked.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-primary, #1274AC) 30%, transparent) } .k-ripple-container .k-radio::after { background: var(--kendo-color-primary, #1274AC); opacity: .25 } .k-slider { border: 0; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); background: none; display: inline-flex; align-items: center; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-slider *, .k-slider *::before, .k-slider *::after { box-sizing: border-box } .k-slider .k-label { width: auto; font-size: .92em; line-height: 1; white-space: nowrap; position: absolute } .k-slider .k-tick, .k-slider .k-slider-track { cursor: pointer } .k-slider .k-tick { background-color: rgba(0, 0, 0, 0); background-position: center center; background-repeat: no-repeat; margin: 0; padding: 0; position: relative } .k-slider.k-disabled .k-tick, .k-slider.k-disabled .k-slider-track, .k-slider.k-disabled .k-draghandle { cursor: default } .k-slider { width: min-content; height: min-content; gap: 7px } .k-slider .k-button { flex: none } .k-slider .k-slider-track-wrap { flex: 1 1 auto; display: flex; flex-flow: inherit; position: relative; touch-action: none } .k-slider .k-slider-track-wrap .k-slider-items { margin: 0; padding: 0; list-style: none; flex: 1 1 100%; display: flex; flex-flow: inherit; justify-content: space-between; -webkit-user-select: none; -ms-user-select: none; user-select: none } .k-slider .k-slider-track-wrap .k-tick { flex: 0 0 1px } .k-slider .k-slider-track-wrap .k-tick-horizontal { width: 1px; min-height: 100% } .k-slider .k-slider-track-wrap .k-tick-vertical { width: 100%; min-height: 1px } .k-slider .k-slider-track-wrap .k-draghandle { position: absolute } .k-slider-horizontal .k-slider-track-wrap { height: 26px } .k-slider-horizontal .k-slider-track-wrap .k-slider-track { width: 100% } .k-slider-horizontal .k-slider-track-wrap .k-draghandle { top: 50%; transform: translate(-50%, -50%) } .k-slider-horizontal .k-slider-track-wrap .k-draghandle:focus, .k-slider-horizontal .k-slider-track-wrap .k-draghandle:active { transform: translate(-50%, -50%) scale(1) } .k-slider-horizontal .k-slider-track-wrap .k-slider-selection { width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%); inset-inline-start: calc(var(--kendo-slider-start, 0)*1%) } .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start { inset-inline-start: calc(var(--kendo-slider-start, 0)*1%) } .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end { inset-inline-start: calc(var(--kendo-slider-end, 0)*1%) } .k-slider-vertical .k-slider-track-wrap { width: 26px } .k-slider-vertical .k-slider-track-wrap .k-slider-track { height: 100% } .k-slider-vertical .k-slider-track-wrap .k-draghandle { left: 50%; transform: translate(-50%, 50%) } .k-slider-vertical .k-slider-track-wrap .k-draghandle:focus, .k-slider-vertical .k-slider-track-wrap .k-draghandle:active { transform: translate(-50%, 50%) scale(1) } .k-slider-vertical .k-slider-track-wrap .k-slider-selection { bottom: calc(var(--kendo-slider-start, 0)*1%); height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%) } .k-slider-vertical .k-slider-track-wrap .k-draghandle-start { bottom: calc(var(--kendo-slider-start, 0)*1%) } .k-slider-vertical .k-slider-track-wrap .k-draghandle-end { bottom: calc(var(--kendo-slider-end, 0)*1%) } .k-slider-vertical { height: 200px; flex-flow: column-reverse nowrap } .k-slider-vertical .k-tick { text-align: end; margin-left: 2px } .k-slider-vertical .k-slider-topleft .k-tick { text-align: start } .k-slider-vertical .k-tick { background-position: -94px center } .k-slider-vertical .k-slider-topleft .k-tick { background-position: -124px center } .k-slider-vertical .k-slider-bottomright .k-tick { background-position: -154px center } .k-slider-vertical .k-tick-large { display: flex; align-items: center; background-position: -4px center } .k-slider-vertical .k-slider-topleft .k-tick-large { background-position: -34px center } .k-slider-vertical .k-slider-bottomright .k-tick-large { background-position: -64px center } .k-slider-vertical .k-first { background-position: -94px 100% } .k-slider-vertical .k-tick-large.k-first { background-position: -4px 100% } .k-slider-vertical .k-slider-topleft .k-first { background-position: -124px 100% } .k-slider-vertical .k-slider-topleft .k-tick-large.k-first { background-position: -34px 100% } .k-slider-vertical .k-slider-bottomright .k-first { background-position: -154px 100% } .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first { background-position: -64px 100% } .k-slider-vertical .k-last { background-position: -94px 0 } .k-slider-vertical .k-tick-large.k-last { background-position: -4px 0 } .k-slider-vertical .k-slider-topleft .k-last { background-position: -124px 0 } .k-slider-vertical .k-slider-topleft .k-tick-large.k-last { background-position: -34px 0 } .k-slider-vertical .k-slider-bottomright .k-last { background-position: -154px 0 } .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last { background-position: -64px 0 } .k-slider-vertical .k-label { text-align: start; inset-inline-start: 120%; top: 50%; transform: translateY(-50%) } .k-slider-vertical .k-first .k-label { top: 100% } .k-slider-vertical .k-last .k-label { top: 0 } .k-slider-vertical .k-slider-topleft .k-label { inset-inline-start: auto; inset-inline-end: 120% } .k-slider-horizontal { width: 200px; flex-flow: row nowrap } .k-slider-horizontal .k-tick { background-position: center -92px } .k-slider-horizontal .k-slider-topleft .k-tick { background-position: center -122px } .k-slider-horizontal .k-slider-bottomright .k-tick { background-position: center -152px } .k-slider-horizontal .k-tick-large { background-position: center -2px } .k-slider-horizontal .k-slider-topleft .k-tick-large { background-position: center -32px } .k-slider-horizontal .k-slider-bottomright .k-tick-large { background-position: center -62px } .k-slider-horizontal .k-first { background-position: 0 -92px } .k-slider-horizontal .k-tick-large.k-first { background-position: 0 -2px } .k-slider-horizontal .k-slider-topleft .k-first { background-position: 0 -122px } .k-slider-horizontal .k-slider-topleft .k-tick-large.k-first { background-position: 0 -32px } .k-slider-horizontal .k-slider-bottomright .k-first { background-position: 0 -152px } .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first { background-position: 0 -62px } .k-slider-horizontal .k-last { background-position: 100% -92px } .k-slider-horizontal .k-tick-large.k-last { background-position: 100% -2px } .k-slider-horizontal .k-slider-topleft .k-last { background-position: 100% -122px } .k-slider-horizontal .k-slider-topleft .k-tick-large.k-last { background-position: 100% -32px } .k-slider-horizontal .k-slider-bottomright .k-last { background-position: 100% -152px } .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last { background-position: 100% -62px } .k-slider-horizontal .k-label { inset-inline-start: 50%; bottom: -1.2em; transform: translateX(-50%) } .k-slider-horizontal .k-first .k-label { inset-inline-start: 0 } .k-slider-horizontal .k-last .k-label { inset-inline-start: 100% } .k-slider-horizontal .k-slider-topleft .k-label { top: -1.2em } .k-slider-track, .k-slider-selection { margin: 0; padding: 0; position: absolute } .k-slider-horizontal :is(.k-slider-track, .k-slider-selection) { height: 4px; left: 0; margin-top: -2px; top: 50% } .k-slider-vertical :is(.k-slider-track, .k-slider-selection) { bottom: 0; left: 50%; margin-left: -2px; width: 4px } .k-draghandle { background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; border-style: solid; border-width: 1px; outline: 0; position: absolute; text-align: center; text-decoration: none; width: 14px; height: 14px } .k-draghandle.k-pressed { transition: none } .k-slider-selection.k-pressed { transition: none } .k-slider-transitions.k-slider-horizontal .k-draghandle { transition: inset-inline-start .3s ease-out, background-color .3s ease-out, transform .4s cubic-bezier(0.25, 0.8, 0.25, 1) } .k-slider-transitions.k-slider-horizontal .k-slider-selection { transition: width .3s ease-out } .k-slider-transitions.k-slider-vertical .k-draghandle { transition: bottom .3s ease-out, background-color .3s ease-out, transform .4s cubic-bezier(0.25, 0.8, 0.25, 1) } .k-slider-transitions.k-slider-vertical .k-slider-selection { transition: height .3s ease-out } .k-slider.k-readonly .k-button, .k-slider.k-readonly .k-slider-track, .k-slider.k-readonly .k-tick, .k-slider.k-readonly .k-draghandle { pointer-events: none } .k-slider-tooltip .k-callout-n, .k-slider-tooltip .k-callout-s { margin-inline-start: -6px / 2 } .k-slider-tooltip .k-callout-w, .k-slider-tooltip .k-callout-e { margin-top: -6px / 2 } .k-slider-rtl.k-slider-horizontal .k-draghandle, .k-slider-horizontal.k-slider[dir=rtl] .k-draghandle, [dir=rtl] .k-slider-horizontal.k-slider .k-draghandle, .k-slider-horizontal.k-slider.k-rtl .k-draghandle, .k-rtl .k-slider-horizontal.k-slider .k-draghandle { transform: translate(50%, -50%) } .k-slider-rtl.k-slider-horizontal .k-draghandle:focus, .k-slider-horizontal.k-slider[dir=rtl] .k-draghandle:focus, [dir=rtl] .k-slider-horizontal.k-slider .k-draghandle:focus, .k-slider-horizontal.k-slider.k-rtl .k-draghandle:focus, .k-rtl .k-slider-horizontal.k-slider .k-draghandle:focus, .k-slider-rtl.k-slider-horizontal .k-draghandle:active, .k-slider-horizontal.k-slider[dir=rtl] .k-draghandle:active, [dir=rtl] .k-slider-horizontal.k-slider .k-draghandle:active, .k-slider-horizontal.k-slider.k-rtl .k-draghandle:active, .k-rtl .k-slider-horizontal.k-slider .k-draghandle:active { transform: translate(50%, -50%) scale(1) } .k-slider-rtl.k-slider-horizontal .k-label, .k-slider-horizontal.k-slider[dir=rtl] .k-label, [dir=rtl] .k-slider-horizontal.k-slider .k-label, .k-slider-horizontal.k-slider.k-rtl .k-label, .k-rtl .k-slider-horizontal.k-slider .k-label { transform: translateX(50%) } .k-slider kendo-resize-sensor { position: absolute } .k-slider { color: var(--kendo-color-on-app-surface, #424242) } .k-slider .k-slider-track, .k-slider .k-slider-selection { border-radius: var(--kendo-border-radius-md, 5px) } .k-slider .k-slider-track { background-color: var(--kendo-color-base-emphasis, #c2c2c2) } .k-slider .k-slider-selection { background-color: var(--kendo-color-primary, #1274AC) } .k-slider .k-draghandle { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC); border-radius: 50% } .k-slider .k-draghandle:hover { border-color: var(--kendo-color-primary, #1274AC); background-color: var(--kendo-color-primary-hover, #116fa5) } .k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed { border-color: var(--kendo-color-primary-active, #106697); background-color: var(--kendo-color-primary-active, #106697) } .k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-primary, #1274AC) 30%, transparent) } .k-slider.k-focus .k-draghandle { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-primary, #1274AC) 30%, transparent) } .k-slider-horizontal .k-tick { background-image: url(data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7) } .k-slider-vertical .k-tick { background-image: url(data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7) } .k-calendar { inline-size: var(--INTERNAL--kendo-calendar-width, min-content); block-size: var(--INTERNAL--kendo-calendar-height, min-content); border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); position: relative; overflow: hidden; display: inline-flex; flex-flow: column nowrap; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-calendar>.k-calendar { border: 0 } .k-calendar-table { margin-block: 0; margin-inline: auto; border-width: 0; border-color: inherit; border-spacing: 0; border-collapse: separate; table-layout: fixed; text-align: center; outline: 0; display: table; position: relative; z-index: 1 } .k-calendar-caption, .k-calendar-caption.k-calendar-th, .k-calendar .k-meta-header, .k-calendar .k-month-header { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); height: 32px; box-sizing: border-box; text-transform: none; text-align: start; font-weight: var(--kendo-font-weight-bold, normal); cursor: default } .k-calendar-th, .k-calendar-td { border-width: 0; padding: 0; text-align: center; border-style: solid; border-color: inherit; font-weight: normal; cursor: default } .k-calendar-th { inline-size: var(--INTERNAL--kendo-calendar-cell-size, 32px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 32px); font-size: var(--kendo-font-size-sm, inherit); line-height: 2; text-transform: uppercase } .k-calendar-td { border-radius: var(--kendo-border-radius-md, 5px); inline-size: var(--INTERNAL--kendo-calendar-cell-size, min-content); block-size: var(--INTERNAL--kendo-calendar-cell-size, min-content); border-color: rgba(0, 0, 0, 0) } .k-calendar-td.k-alt { font-size: .15px } .k-calendar .k-calendar-cell-inner, .k-calendar .k-link { border-radius: var(--kendo-border-radius-md, 5px); padding-inline: var(--INTERNAL--kendo-calendar-cell-padding-x, 0.25em); padding-block: var(--INTERNAL--kendo-calendar-cell-padding-y, 0.25em); width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: center; white-space: normal; position: relative; overflow: hidden } .k-calendar .k-header { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px); border-bottom-width: 1px; border-bottom-style: solid; display: flex; flex-flow: row nowrap; align-items: center; position: relative; z-index: 2 } .k-calendar-header { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px); min-width: 256px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto } .k-calendar-header .k-calendar-nav { display: flex; flex-flow: row nowrap; align-items: center } .k-calendar-footer, .k-calendar .k-footer { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-4, 20px); text-align: center; clear: both } .k-calendar-view { margin: auto; padding-block: 0; padding-inline: var(--kendo-spacing-1, 5px); width: 256px; inline-size: var(--INTERNAL--kendo-calendar-view-width, 256px); /*min-height: 224px;*/ box-sizing: content-box; gap: var(--kendo-spacing-4, 20px); position: relative; z-index: 1; overflow: hidden } .k-calendar-view .k-today { font-weight: bold } .k-month-calendar .k-calendar-td, .k-calendar-monthview .k-calendar-td { width: 32px; height: 32px; inline-size: var(--INTERNAL--kendo-calendar-cell-size, 32px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 32px) } .k-year-calendar .k-calendar-td, .k-calendar-yearview .k-calendar-td { width: 64px; height: 64px; inline-size: var(--INTERNAL--kendo-calendar-cell-size, 64px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 64px) } .k-decade-calendar .k-calendar-td, .k-calendar-decadeview .k-calendar-td { width: 64px; height: 64px; inline-size: var(--INTERNAL--kendo-calendar-cell-size, 64px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 64px) } .k-century-calendar .k-calendar-td, .k-calendar-centuryview .k-calendar-td { width: 64px; height: 64px; inline-size: var(--INTERNAL--kendo-calendar-cell-size, 64px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 64px) } .k-century-calendar .k-calendar-cell-inner, .k-century-calendar .k-link, .k-calendar-centuryview .k-calendar-cell-inner, .k-calendar-centuryview .k-link { text-align: start } .k-popup .k-calendar { border-radius: 8px; height: 100% } .k-calendar-container, .k-datetime-container { padding: 0; border-radius: 8px; } .k-calendar-container .k-calendar, .k-datetime-container .k-calendar { border-width: 0 } .k-calendar .k-content.k-scrollable, .k-calendar .k-calendar-content.k-scrollable { box-sizing: content-box; overflow-x: hidden; overflow-y: auto; display: block; padding-right: 100px; padding-left: 100px; margin-left: -100px; margin-right: calc(-100px - var(--kendo-scrollbar-width, 17px)) } .k-calendar .k-scrollable-placeholder { position: absolute; z-index: -1; width: 1px; top: 0; right: 0 } .k-calendar-sm { --INTERNAL--kendo-calendar-view-width: 224px; --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-sm-cell-padding-x, var(--kendo-spacing-0\.5, 2.5px)); --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-sm-cell-padding-y, var(--kendo-spacing-0\.5, 2.5px)); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-calendar-sm.k-month-calendar, .k-calendar-sm .k-calendar-monthview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-month-cell-size, 28px) } .k-calendar-sm.k-year-calendar, .k-calendar-sm .k-calendar-yearview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-year-cell-size, 56px) } .k-calendar-sm.k-decade-calendar, .k-calendar-sm .k-calendar-decadeview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-decade-cell-size, 56px) } .k-calendar-sm.k-century-calendar, .k-calendar-sm .k-calendar-centuryview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-century-cell-size, 56px) } .k-calendar-md { --INTERNAL--kendo-calendar-view-width: 240px; --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-md-cell-padding-x, var(--kendo-spacing-1, 5px)); --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-md-cell-padding-y, var(--kendo-spacing-1, 5px)); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-calendar-md.k-month-calendar, .k-calendar-md .k-calendar-monthview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-month-cell-size, 32px) } .k-calendar-md.k-year-calendar, .k-calendar-md .k-calendar-yearview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-year-cell-size, 64px) } .k-calendar-md.k-decade-calendar, .k-calendar-md .k-calendar-decadeview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-decade-cell-size, 64px) } .k-calendar-md.k-century-calendar, .k-calendar-md .k-calendar-centuryview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-century-cell-size, 64px) } .k-calendar-lg { --INTERNAL--kendo-calendar-view-width: 320px; --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-lg-cell-padding-x, var(--kendo-spacing-2, 10px)); --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-lg-cell-padding-y, var(--kendo-spacing-2, 10px)); font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-calendar-lg.k-month-calendar, .k-calendar-lg .k-calendar-monthview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-month-cell-size, 40px) } .k-calendar-lg.k-year-calendar, .k-calendar-lg .k-calendar-yearview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-year-cell-size, 80px) } .k-calendar-lg.k-decade-calendar, .k-calendar-lg .k-calendar-decadeview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-decade-cell-size, 80px) } .k-calendar-lg.k-century-calendar, .k-calendar-lg .k-calendar-centuryview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-century-cell-size, 80px) } .k-calendar-infinite { box-sizing: content-box; display: inline-flex; flex-flow: row nowrap } .k-calendar-infinite .k-calendar-view { padding-block: var(--kendo-spacing-0, 0px); padding-inline: var(--kendo-spacing-4, 20px); height: 288px; flex: 0 0 auto; display: flex; flex-flow: column nowrap; gap: 0; overflow: hidden } .k-calendar-infinite .k-calendar-view .k-content.k-scrollable { position: relative } .k-calendar-infinite .k-calendar-view::after { display: block; position: absolute; bottom: 0; content: "​"; height: 0; line-height: 0; z-index: 1; width: 150%; left: -25%; box-shadow: 0 0 32px 16px var(--kendo-color-surface-alt, #ffffff) } .k-calendar-infinite .k-calendar-header { margin-left: calc(var(--kendo-spacing-4, 20px)*-1); margin-right: calc(var(--kendo-spacing-4, 20px)*-1); padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-4, 20px); width: auto; min-width: 0 } .k-calendar-infinite .k-calendar-weekdays { flex: 0 0 auto } .k-calendar-navigation { width: 5em; text-align: center; flex: 0 0 auto; display: block; overflow: hidden; position: relative; z-index: 1 } .k-calendar-navigation::before, .k-calendar-navigation::after { display: block; position: absolute; content: "​"; height: 0; line-height: 0; z-index: 1; width: 200%; left: -50%; box-shadow: 0 0 6em 3em var(--kendo-color-surface, #fafafa) } .k-calendar-navigation::before { top: 0 } .k-calendar-navigation::after { bottom: 0 } .k-calendar-navigation .k-content, .k-calendar-navigation .k-calendar-content { background: rgba(0, 0, 0, 0); height: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0 } .k-calendar-navigation .k-content ul, .k-calendar-navigation .k-calendar-content ul { width: 5em } .k-calendar-navigation .k-content li, .k-calendar-navigation .k-calendar-content li { height: 2em; line-height: 2em; cursor: pointer; padding-block: 0; padding-inline: 1em; overflow: hidden; white-space: nowrap; text-overflow: clip } .k-calendar-navigation .k-calendar-navigation-marker { font-weight: bold } .k-calendar-navigation .k-calendar-navigation-highlight { width: 100%; border-width: 1px 0; border-style: solid; height: 2em; box-sizing: border-box; position: absolute; top: 50%; right: 0; transform: translateY(-50%) } .k-calendar-range { width: auto } .k-calendar-range .k-calendar-view { width: auto; white-space: nowrap } .k-calendar-range .k-calendar-view::after { display: none } .k-calendar-range .k-calendar-view:focus { outline: 0 } .k-range-start { border-radius: var(--kendo-border-radius-lg, 7.5px) 0 0 var(--kendo-border-radius-lg, 7.5px) } .k-range-start .k-calendar-cell-inner, .k-range-start .k-link { border-color: inherit; border-radius: inherit } .k-range-end { border-radius: 0 var(--kendo-border-radius-lg, 7.5px) var(--kendo-border-radius-lg, 7.5px) 0 } .k-range-end .k-calendar-cell-inner, .k-range-end .k-link { border-color: inherit; border-radius: inherit } .k-range-mid { border-color: inherit; border-radius: 0 } .k-range-start.k-range-end { border-radius: var(--kendo-border-radius-lg, 7.5px) } .k-rtl .k-calendar .k-content.k-scrollable, .k-rtl .k-calendar .k-calendar-content.k-scrollable, [dir=rtl] .k-calendar .k-content.k-scrollable, [dir=rtl] .k-calendar .k-calendar-content.k-scrollable, .k-calendar.k-rtl .k-content.k-scrollable, .k-calendar.k-rtl .k-calendar-content.k-scrollable, .k-calendar[dir=rtl] .k-content.k-scrollable, .k-calendar[dir=rtl] .k-calendar-content.k-scrollable { padding-right: 100px; padding-left: 100px; margin-left: calc(-100px - var(--kendo-scrollbar-width, 17px)); margin-right: -100px } .k-rtl .k-calendar .k-range-start, [dir=rtl] .k-calendar .k-range-start, .k-calendar.k-rtl .k-range-start, .k-calendar[dir=rtl] .k-range-start { border-radius: 0 var(--kendo-border-radius-lg, 7.5px) var(--kendo-border-radius-lg, 7.5px) 0 } .k-rtl .k-calendar .k-range-end, [dir=rtl] .k-calendar .k-range-end, .k-calendar.k-rtl .k-range-end, .k-calendar[dir=rtl] .k-range-end { border-radius: var(--kendo-border-radius-lg, 7.5px) 0 0 var(--kendo-border-radius-lg, 7.5px) } .k-calendar { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-calendar .k-header { border-color: inherit; color: var(--kendo-color-on-app-surface, #424242); /*background-color: var(--kendo-color-surface, #fafafa);*/ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .1) } .k-calendar .k-calendar-th, .k-calendar .k-calendar-caption, .k-calendar .k-meta-header, .k-calendar .k-month-header { color: var(--kendo-color-subtle, #666666) } .k-calendar .k-calendar-view .k-today { color: var(--kendo-color-primary, #1274AC) } .k-calendar .k-other-month { color: var(--kendo-color-subtle, #666666) } .k-calendar .k-alt { background-color: rgba(0, 0, 0, 0); color: var(--kendo-color-subtle, #666666) } .k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link, .k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-hover .k-link { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-calendar .k-calendar-td.k-selected:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:hover .k-link, .k-calendar .k-calendar-td.k-selected.k-hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected.k-hover .k-link { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary-hover, #116fa5) } .k-calendar .k-calendar-td:focus .k-calendar-cell-inner, .k-calendar .k-calendar-td:focus .k-link, .k-calendar .k-calendar-td.k-focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-focus .k-link { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .08) } .k-calendar .k-calendar-td.k-selected:focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:focus .k-link, .k-calendar .k-calendar-td.k-selected.k-focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected.k-focus .k-link { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .08) } .k-calendar .k-calendar-navigation { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa); box-shadow: inset -1px 0 var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-calendar .k-calendar-navigation li:hover, .k-calendar .k-calendar-navigation li.k-hover { color: var(--kendo-color-primary-hover, #116fa5) } .k-calendar .k-calendar-navigation-highlight { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-calendar.k-invalid, .k-calendar.k-invalid:hover, .k-calendar.ng-invalid.ng-touched, .k-calendar.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #D51923) } .k-rtl .k-calendar .k-calendar-navigation, .k-calendar[dir=rtl] .k-calendar-navigation { box-shadow: inset 1px 0 var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-scheduler .k-calendar .k-other-month { color: var(--kendo-color-subtle, #666666); background-color: rgba(0, 0, 0, 0) } .k-calendar .k-range-start, .k-calendar .k-range-end, .k-calendar .k-range-mid { background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent) } .k-calendar .k-range-start .k-calendar-cell-inner, .k-calendar .k-range-start .k-link, .k-calendar .k-range-end .k-calendar-cell-inner, .k-calendar .k-range-end .k-link { background-color: var(--kendo-color-primary, #1274AC) } .k-calendar .k-range-start.k-active .k-calendar-cell-inner, .k-calendar .k-range-start.k-active .k-link, .k-calendar .k-range-end.k-active .k-calendar-cell-inner, .k-calendar .k-range-end.k-active .k-link { box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .2) } .k-calendar .k-range-split-start, .k-calendar .k-range-split-end { position: relative } .k-calendar .k-range-split-start::after, .k-calendar .k-range-split-end::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 5px } .k-calendar .k-range-split-start::after { left: -5px; right: auto; background-image: linear-gradient(to left, color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent), transparent 100%) } .k-calendar .k-range-split-end::after { right: -5px; left: auto; background-image: linear-gradient(to right, color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent), transparent 100%) } .k-pointer-events-none { pointer-events: none } .k-pointer-events-none { pointer-events: none !important } .k-pointer-events-auto { pointer-events: auto } .k-pointer-events-auto { pointer-events: auto !important } .k-timeselector { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); position: relative; overflow: hidden; display: flex; flex-flow: column nowrap; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-popup>.k-timeselector { border-width: 0 } .k-time-header, .k-time-selector-header { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto } .k-time-header .k-title, .k-time-header .k-time-selector-header-title, .k-time-selector-header .k-title, .k-time-selector-header .k-time-selector-header-title { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); font-weight: bold; display: inline-block } .k-time-header .k-time-now, .k-time-selector-header .k-time-now { border-width: 0; line-height: inherit; cursor: pointer } .k-actions.k-time-fast-selection, .k-time-fast-selection.k-edit-buttons, .k-time-fast-selection.k-action-buttons, .k-time-fast-selection.k-columnmenu-actions, .k-time-fast-selection.k-form-buttons { margin-top: 0 } .k-time-list-container { display: flex; position: relative; flex: 1 1 auto; overflow: hidden } .k-time-highlight, .k-time-list-highlight { width: 100%; height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal) + var(--kendo-spacing-1, 5px)*2); border-width: 1px 0px; border-style: solid; box-sizing: border-box; position: absolute; top: calc(50% + (var(--kendo-font-size-sm, inherit))*(var(--kendo-line-height-lg, normal))/2); left: 0; right: 0; transform: translateY(-50%); z-index: 1 } .k-time-list-wrapper { min-width: 4em; height: 240px; box-sizing: content-box; display: inline-flex; flex-flow: column nowrap; align-items: stretch; overflow: hidden; position: relative; text-align: center; flex: 1 1 auto } .k-time-list-wrapper .k-title { font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height-lg, normal); font-weight: bold; text-align: center; text-transform: capitalize; display: block } .k-time-list-wrapper.k-focus::before, .k-time-list-wrapper.k-focus::after { display: block; content: "​"; position: absolute; width: 100%; left: 0; pointer-events: none; height: calc(50% - var(--kendo-font-size, inherit)*var(--kendo-line-height, normal)/2 - var(--kendo-spacing-1, 5px)*2/2); box-sizing: border-box; border-width: 0; border-style: solid } .k-time-list-wrapper.k-focus::before { top: calc((var(--kendo-font-size-sm, inherit))*(var(--kendo-line-height-lg, normal))) } .k-time-list-wrapper.k-focus::after { bottom: 0 } .k-time-list { display: flex; flex-flow: row nowrap; align-items: stretch; flex: 1; position: relative; z-index: 1; outline: 0; overflow: hidden } .k-time-list::before, .k-time-list::after { display: block; position: absolute; content: "​"; height: 0; line-height: 0; z-index: 1; width: 200%; left: -50% } .k-time-list::before { top: 0 } .k-time-list::after { bottom: 0 } .k-time-container, .k-time-list-content { position: relative; flex: 1 1 auto; display: block; overflow-x: hidden; overflow-y: scroll; padding-right: 100px; padding-left: 100px; margin-left: -100px; margin-right: calc(-100px - var(--kendo-scrollbar-width, 17px)) } .k-time-container>ul, .k-time-list-content>ul { height: auto; width: 4em; margin: auto } .k-time-container .k-scrollable-placeholder, .k-time-list-content .k-scrollable-placeholder { position: absolute; width: 1px; top: 0; right: 0 } .k-time-list-item, .k-time-list .k-item { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-time-separator { width: 0; height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal) + var(--kendo-spacing-1, 5px)*2); align-self: center; display: inline-flex; justify-content: center; align-items: center; position: relative; z-index: 11; top: calc((var(--kendo-font-size-sm, inherit))*(var(--kendo-line-height-lg, normal))/2) } .k-timeselector-sm { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-timeselector-sm .k-time-highlight, .k-timeselector-sm .k-time-list-highlight { height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal) + var(--kendo-spacing-0\.5, 2.5px)*2) } .k-timeselector-sm .k-time-separator { height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal) + var(--kendo-spacing-0\.5, 2.5px)*2) } .k-timeselector-sm .k-time-list-item, .k-timeselector-sm .k-time-list .k-item { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-timeselector-md { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-timeselector-md .k-time-highlight, .k-timeselector-md .k-time-list-highlight { height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal) + var(--kendo-spacing-1, 5px)*2) } .k-timeselector-md .k-time-separator { height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal) + var(--kendo-spacing-1, 5px)*2) } .k-timeselector-md .k-time-list-item, .k-timeselector-md .k-time-list .k-item { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-timeselector-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-timeselector-lg .k-time-highlight, .k-timeselector-lg .k-time-list-highlight { height: calc(var(--kendo-font-size-lg, inherit)*var(--kendo-line-height-lg, normal) + var(--kendo-spacing-2, 10px)*2) } .k-timeselector-lg .k-time-separator { height: calc(var(--kendo-font-size-lg, inherit)*var(--kendo-line-height-lg, normal) + var(--kendo-spacing-2, 10px)*2) } .k-timeselector-lg .k-time-list-item, .k-timeselector-lg .k-time-list .k-item { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px) } .k-rtl .k-time-container, .k-rtl .k-time-list-content, [dir=rtl] .k-time-container, [dir=rtl] .k-time-list-content { padding-right: 100px; padding-left: 100px; margin-left: calc(-100px - var(--kendo-scrollbar-width, 17px)); margin-right: -100px } .k-timeselector { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-time-header .k-time-now, .k-time-selector-header .k-time-now { color: var(--kendo-color-primary, #1274AC) } .k-time-header .k-time-now:hover, .k-time-selector-header .k-time-now:hover { color: var(--kendo-color-primary-hover, #116fa5) } .k-time-list-wrapper .k-title { color: var(--kendo-color-subtle, #666666) } .k-time-list-wrapper.k-focus .k-title { color: var(--kendo-color-on-app-surface, #424242) } .k-time-list-wrapper.k-focus::before, .k-time-list-wrapper.k-focus::after { background-color: rgba(0, 0, 0, .04) } .k-time-list::before, .k-time-list::after { box-shadow: 0 0 3em 1.5em var(--kendo-color-surface-alt, #ffffff) } .k-time-list .k-item:hover { color: var(--kendo-color-primary, #1274AC) } .k-time-container { background: rgba(0, 0, 0, 0) } .k-time-highlight { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-captcha { width: 280px; box-sizing: border-box; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-flow: column nowrap; gap: var(--kendo-spacing-2, 10px) } .k-captcha *, .k-captcha *::before, .k-captcha *::after { box-sizing: border-box } .k-captcha-image-wrap { position: relative; gap: var(--kendo-spacing-2, 10px) } .k-captcha-image-controls { position: relative; gap: var(--kendo-spacing-2, 10px) } .k-captcha-image { width: 100%; height: 100%; overflow: hidden } .k-captcha-image>img { width: 100%; height: 100%; display: block; object-fit: cover } .k-captcha-loading .k-captcha-image { height: auto } .k-captcha-volume-control { height: 100% } .k-captcha-validation-message { margin-top: calc(var(--kendo-spacing-2, 10px)/2); font-size: var(--kendo-font-size-sm, inherit); font-style: italic } .k-captcha { border-color: var(--kendo-color-surface-alt, #ffffff); color: var(--kendo-color-surface-alt, #ffffff); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-pos-static, .k-static { position: static } .k-pos-static, .k-static { position: static !important } .k-pos-relative, .k-relative { position: relative } .k-pos-relative, .k-relative { position: relative !important } .k-pos-absolute, .k-absolute { position: absolute } .k-pos-absolute, .k-absolute { position: absolute !important } .k-pos-fixed, .k-fixed { position: fixed } .k-pos-fixed, .k-fixed { position: fixed !important } .k-pos-sticky, .k-sticky { position: sticky } .k-pos-sticky, .k-sticky { position: sticky !important } .k-colorpalette { border-width: 0; box-sizing: border-box; outline: 0; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: 0; display: inline-flex; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-colorpalette *, .k-colorpalette *::before, .k-colorpalette *::after { box-sizing: border-box } .k-colorpalette-table { width: 100%; height: 100%; border-collapse: collapse; position: relative } .k-colorpalette-tile { width: var(--kendo-spacing-6, 30px); height: var(--kendo-spacing-6, 30px); box-sizing: border-box; overflow: hidden; cursor: pointer } .k-colorpalette-tile:hover, .k-colorpalette-tile.k-hover { position: relative; z-index: 101 } .k-colorpalette-tile:focus, .k-colorpalette-tile.k-focus, .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover { position: relative; z-index: 100 } .k-colorpalette-tile:focus, .k-colorpalette-tile.k-focus { box-shadow: 0 0 3px 1px rgba(0, 0, 0, .3), inset 0 0 0 1px hsla(0, 0%, 100%, .5) } .k-colorpalette-tile:hover, .k-colorpalette-tile.k-hover { box-shadow: 0 0 3px 1px rgba(0, 0, 0, .3), inset 0 0 0 1px hsla(0, 0%, 100%, .8) } .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .3), inset 0 0 0 1px #fff } .k-colorgradient { border-radius: var(--kendo-border-radius-md, 5px); width: 272px; padding-block: var(--kendo-spacing-3, 0.15px); padding-inline: var(--kendo-spacing-3, 0.15px); border-style: solid; border-width: 1px; box-sizing: border-box; outline: 0; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; align-items: stretch; gap: var(--kendo-spacing-3, 0.15px); -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-colorgradient *, .k-colorgradient *::before, .k-colorgradient *::after { box-sizing: border-box } .k-colorgradient-canvas { gap: var(--kendo-spacing-3, 0.15px) } .k-colorgradient-canvas .k-hsv-rectangle { border-radius: var(--kendo-border-radius-md, 5px); position: relative; flex: 1 1 auto; -webkit-user-select: none; -ms-user-select: none; user-select: none } .k-colorgradient-canvas .k-hsv-gradient { border-radius: var(--kendo-border-radius-md, 5px); height: 180px } .k-colorgradient-canvas .k-hsv-draghandle { margin-top: -7px; margin-left: -7px; position: absolute; top: 50%; left: 50%; z-index: 1; cursor: pointer } .k-colorgradient-canvas .k-hsv-controls { position: relative; flex-shrink: 0; gap: var(--kendo-spacing-3, 0.15px) } .k-colorgradient .k-draghandle { border-radius: 50%; width: 14px; height: 14px; border-width: 1px; border-style: solid; outline-width: 1px; outline-style: solid; box-sizing: border-box } .k-colorgradient-slider.k-slider-vertical { width: 10px; height: 180px; flex: 0 0 10px } .k-colorgradient-slider.k-slider-vertical .k-slider-track { width: 10px; border-radius: 10px; margin-left: -5px } .k-colorgradient-slider.k-slider-horizontal { width: 100%; height: 10px; flex: 0 0 10px } .k-colorgradient-slider.k-slider-horizontal .k-slider-track { height: 10px; border-radius: 10px; margin-top: -5px } .k-colorgradient-slider.k-alpha-slider .k-slider-track::before { content: ""; width: 100%; height: 100%; display: block; border-radius: 10px; position: relative; z-index: -1 } .k-colorgradient-slider .k-slider-track-wrap { z-index: 1 } .k-colorgradient-slider .k-slider-selection { display: none } .k-colorgradient-slider .k-draghandle { border-width: 3px } .k-colorgradient-inputs { gap: calc(var(--kendo-spacing-3, 0.15px)/1.5) } .k-colorgradient-inputs .k-colorgradient-input-label { text-transform: uppercase } .k-colorgradient-inputs>.k-vstack, .k-colorgradient-inputs>.k-vbox { gap: calc(var(--kendo-spacing-3, 0.15px)/3) } .k-colorgradient-inputs .k-numerictextbox { width: 46px } .k-colorgradient-inputs .k-input-inner { padding-inline-start: 2px; padding-inline-end: 2px; text-align: center; text-overflow: clip } .k-colorgradient-color-contrast>div { display: flex; flex-flow: row nowrap; gap: calc(var(--kendo-spacing-3, 0.15px)/1.5) } .k-colorgradient-color-contrast .k-contrast-ratio { margin-bottom: calc(var(--kendo-spacing-3, 0.15px)/1.5) } .k-colorgradient-color-contrast .k-contrast-ratio-text { font-weight: var(--kendo-font-weight-bold, normal) } .k-colorgradient-color-contrast .k-contrast-validation { display: inline-flex; align-items: center; gap: calc(var(--kendo-spacing-3, 0.15px)/1.5/2) } .k-colorgradient-color-contrast .k-contrast-validation .k-icon { vertical-align: middle } .k-colorgradient-color-contrast .k-contrast-validation .k-icon+.k-icon, .k-colorgradient-color-contrast .k-contrast-validation .k-icon-wrapper-host+.k-icon-wrapper-host .k-icon { margin-inline-start: -13px } .k-color-contrast-svg { position: absolute; top: 0; left: 0; overflow: visible; pointer-events: none } .k-colorgradient { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-colorgradient:focus, .k-colorgradient.k-focus { box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-colorgradient-canvas .k-hsv-gradient { background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black), linear-gradient(to right, white, rgba(255, 255, 255, 0)) } .k-colorgradient .k-draghandle { border-color: hsla(0, 0%, 100%, .8); background-color: rgba(0, 0, 0, 0); outline-color: #000; box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-colorgradient .k-draghandle:focus, .k-colorgradient .k-draghandle.k-focus { border-color: #fff; background-color: rgba(0, 0, 0, 0); outline-color: #000; box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-colorgradient .k-draghandle:hover, .k-colorgradient .k-draghandle.k-hover, .k-colorgradient .k-draghandle.k-active, .k-colorgradient .k-draghandle:active { border-color: #fff; background-color: rgba(0, 0, 0, 0); outline-color: #000 } .k-colorgradient-slider.k-hue-slider.k-slider-horizontal .k-slider-track { background: linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000) } .k-colorgradient-slider.k-hue-slider.k-slider-vertical .k-slider-track { background: linear-gradient(to top, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000) } .k-colorgradient-slider.k-alpha-slider .k-slider-track::before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC) center repeat } .k-colorgradient-input-label { color: var(--kendo-color-subtle, #666666) } .k-rtl .k-colorgradient .k-hue-slider.k-slider-horizontal .k-slider-track, [dir=rtl] .k-colorgradient .k-hue-slider.k-slider-horizontal .k-slider-track { background: linear-gradient(to left, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000) } .k-align-self-auto { align-self: auto } .k-align-self-auto { align-self: auto !important } .k-align-self-normal { align-self: normal } .k-align-self-normal { align-self: normal !important } .k-align-self-stretch { align-self: stretch } .k-align-self-stretch { align-self: stretch !important } .k-align-self-center { align-self: center } .k-align-self-center { align-self: center !important } .k-align-self-start { align-self: start } .k-align-self-start { align-self: start !important } .k-align-self-end { align-self: end } .k-align-self-end { align-self: end !important } .k-align-self-flex-start { align-self: flex-start } .k-align-self-flex-start { align-self: flex-start !important } .k-align-self-flex-end { align-self: flex-end } .k-align-self-flex-end { align-self: flex-end !important } .k-align-self-baseline { align-self: baseline } .k-align-self-baseline { align-self: baseline !important } .k-align-self-first-baseline { align-self: first baseline } .k-align-self-first-baseline { align-self: first baseline !important } .k-align-self-last-baseline { align-self: last baseline } .k-align-self-last-baseline { align-self: last baseline !important } .k-align-self-self-start { align-self: self-start } .k-align-self-self-start { align-self: self-start !important } .k-align-self-self-end { align-self: self-end } .k-align-self-self-end { align-self: self-end !important } .k-coloreditor { border-radius: var(--kendo-border-radius-md, 5px); min-width: 272px; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); display: inline-flex; flex-direction: column; align-items: stretch } .k-coloreditor *, .k-coloreditor *::before, .k-coloreditor *::after { box-sizing: border-box } .k-coloreditor-header { padding: var(--kendo-spacing-3, 0.15px) var(--kendo-spacing-3, 0.15px) 0 } .k-coloreditor-header-actions { gap: calc(var(--kendo-spacing-3, 0.15px)/1.5) } .k-coloreditor-preview { display: flex; flex-flow: column nowrap; align-items: stretch; justify-content: center; gap: var(--kendo-spacing-1, 5px); position: relative; z-index: 1 } .k-coloreditor-preview .k-color-preview { width: 32px; height: 12px } .k-coloreditor-views { min-width: calc(var(--kendo-color-preview-width, var(--kendo-spacing-6, 30px))*var(--kendo-color-preview-columns, 10)); padding-block: var(--kendo-spacing-3, 0.15px); padding-inline: var(--kendo-spacing-3, 0.15px); gap: var(--kendo-spacing-3, 0.15px) } .k-coloreditor-views .k-colorgradient { padding: 0; width: auto; border-width: 0 } .k-coloreditor-views .k-colorgradient:focus, .k-coloreditor-views .k-colorgradient.k-focus { outline: 2px dotted; outline-offset: 4px; border-radius: 0 } .k-coloreditor-views .k-colorpalette { align-self: center } .k-coloreditor-views .k-colorpalette-tile { width: var(--kendo-color-preview-width, var(--kendo-spacing-6, 30px)); height: var(--kendo-color-preview-height, var(--kendo-spacing-6, 30px)) } .k-coloreditor-footer.k-actions, .k-coloreditor-footer.k-edit-buttons, .k-coloreditor-footer.k-action-buttons, .k-coloreditor-footer.k-columnmenu-actions, .k-coloreditor-footer.k-form-buttons { margin: 0 } .k-coloreditor { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-coloreditor .k-colorgradient:focus, .k-coloreditor .k-colorgradient.k-focus { box-shadow: none; outline-color: rgba(0, 0, 0, .3) } .k-color-picker, .k-colorpicker { width: min-content } .k-datetime-selector { display: flex; transition: transform .2s } .k-datetime-wrap { width: calc(256px + var(--kendo-spacing-4, 20px)*2); overflow: hidden } .k-datetime-wrap .k-datetime-buttongroup { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px) } .k-datetime-wrap .k-calendar, .k-datetime-wrap .k-timeselector { width: 100%; border-width: 0 } .k-datetime-calendar-wrap, .k-datetime-time-wrap { text-align: center; flex: 0 0 calc(256px + var(--kendo-spacing-4, 20px)*2) } .k-date-tab .k-datetime-selector { transform: translateX(0) } .k-time-tab .k-datetime-selector { transform: translateX(-100%) } :is(.k-rtl, [dir=rtl]) .k-time-tab .k-datetime-selector, .k-time-tab .k-datetime-selector:is(.k-rtl, [dir=rtl]) { transform: translateX(100%) } .k-daterange-picker, .k-daterangepicker { width: 100%; display: flex; flex-flow: row nowrap; align-items: flex-end; gap: var(--kendo-spacing-2, 10px) } .k-daterange-picker *, .k-daterangepicker *, .k-daterange-picker *::before, .k-daterangepicker *::before, .k-daterange-picker *::after, .k-daterangepicker *::after { box-sizing: border-box } .k-daterange-picker .k-dateinput, .k-daterangepicker .k-dateinput { width: 10em } .k-daterangepicker-wrap { display: inherit; flex-flow: inherit; align-items: inherit; gap: inherit } .k-dropdowngrid-popup { overflow: hidden } .k-dropdowngrid-popup>.k-data-table { border-width: 0 } .k-dropdown-operator { width: min-content; flex: none } .k-dropdown-operator .k-input-button { border-width: 0; width: min-content } .k-dropdown-operator .k-input-button .k-button-icon { width: auto; aspect-ratio: 1 } .k-dropdown-operator .k-input-inner { display: none } .k-treeview { padding: 0; border-width: 0; background: none; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: block; cursor: default; overflow: auto; white-space: nowrap; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-treeview *, .k-treeview *::before, .k-treeview *::after { box-sizing: border-box } .k-treeview-filter { padding: var(--kendo-spacing-2, 10px); display: block; position: relative; flex: none } .k-treeview-group { margin: 0; padding: 0; list-style: none; position: relative; outline: 0; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-treeview-group.ng-animating { overflow: hidden } .k-treeview-top, .k-treeview-mid, .k-treeview-bot { display: flex; flex-direction: row; align-items: center; align-content: center } .k-treeview-item { outline-style: none; margin: 0; padding: 0 0 0 24px; border-width: 0; display: block } .k-treeview-toggle { margin-inline-start: -24px; flex: none; display: inline-flex; flex-flow: row nowrap; align-items: center; cursor: pointer } .k-treeview-toggle .k-icon { padding: var(--kendo-spacing-1, 5px); box-sizing: content-box } .k-treeview-loading { margin-right: var(--kendo-spacing-1, 5px) } .k-treeview .k-checkbox-wrap, .k-treeview .k-checkbox-wrapper { align-self: center } .k-treeview-leaf { border-radius: var(--kendo-border-radius-md, 5px); padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); border: 0px solid rgba(0, 0, 0, 0); text-decoration: none; display: inline-flex; align-items: center; align-content: center; vertical-align: middle; position: relative } .k-treeview-leaf .k-icon, .k-treeview-leaf .k-image, .k-treeview-leaf .k-sprite { margin-right: var(--kendo-spacing-1, 5px) } .k-treeview-leaf.k-focus { z-index: 1 } .k-treeview .k-treeview-load-more-button { cursor: pointer } .k-treeview .k-treeview-load-more-button:hover, .k-treeview .k-treeview-load-more-button.k-hover, .k-treeview .k-treeview-load-more-button:focus, .k-treeview .k-treeview-load-more-button.k-focus { text-decoration: underline } .k-rtl .k-treeview .k-treeview-item, [dir=rtl] .k-treeview .k-treeview-item, .k-treeview.k-rtl .k-treeview-item, .k-treeview[dir=rtl] .k-treeview-item { padding-left: 0; padding-right: 24px } .k-rtl .k-treeview .k-treeview-loading, [dir=rtl] .k-treeview .k-treeview-loading, .k-treeview.k-rtl .k-treeview-loading, .k-treeview[dir=rtl] .k-treeview-loading { margin-right: 0; margin-left: var(--kendo-spacing-1, 5px) } .k-rtl .k-treeview .k-treeview-leaf .k-icon, .k-rtl .k-treeview .k-treeview-leaf .k-image, .k-rtl .k-treeview .k-treeview-leaf .k-sprite, .k-rtl .k-treeview .k-in .k-icon, .k-rtl .k-treeview .k-in .k-image, .k-rtl .k-treeview .k-in .k-sprite, [dir=rtl] .k-treeview .k-treeview-leaf .k-icon, [dir=rtl] .k-treeview .k-treeview-leaf .k-image, [dir=rtl] .k-treeview .k-treeview-leaf .k-sprite, [dir=rtl] .k-treeview .k-in .k-icon, [dir=rtl] .k-treeview .k-in .k-image, [dir=rtl] .k-treeview .k-in .k-sprite, .k-treeview.k-rtl .k-treeview-leaf .k-icon, .k-treeview.k-rtl .k-treeview-leaf .k-image, .k-treeview.k-rtl .k-treeview-leaf .k-sprite, .k-treeview.k-rtl .k-in .k-icon, .k-treeview.k-rtl .k-in .k-image, .k-treeview.k-rtl .k-in .k-sprite, .k-treeview[dir=rtl] .k-treeview-leaf .k-icon, .k-treeview[dir=rtl] .k-treeview-leaf .k-image, .k-treeview[dir=rtl] .k-treeview-leaf .k-sprite, .k-treeview[dir=rtl] .k-in .k-icon, .k-treeview[dir=rtl] .k-in .k-image, .k-treeview[dir=rtl] .k-in .k-sprite { margin-right: 0; margin-left: var(--kendo-spacing-1, 5px) } .k-treeview-sm { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-treeview-sm .k-treeview-leaf { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-treeview-sm .k-checkbox-wrap { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-1, 5px) } .k-treeview-md { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-treeview-md .k-treeview-leaf { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-treeview-md .k-checkbox-wrap { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-1, 5px) } .k-treeview-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-treeview-lg .k-treeview-leaf { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px) } .k-treeview-lg .k-checkbox-wrap { padding-inline: var(--kendo-spacing-1, 5px) } .k-treeview { color: var(--kendo-color-on-app-surface, #424242) } .k-treeview-leaf:hover, .k-treeview-leaf.k-hover { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-treeview-leaf:focus, .k-treeview-leaf.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) } .k-treeview-leaf.k-selected { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-treeview .k-treeview-load-more-button { color: var(--kendo-color-primary, #1274AC); background-color: rgba(0, 0, 0, 0) } .k-treeview .k-treeview-load-more-button:hover, .k-treeview .k-treeview-load-more-button.k-hover { color: var(--kendo-color-primary-hover, #116fa5); background-color: rgba(0, 0, 0, 0) } .k-treeview .k-treeview-load-more-button:focus, .k-treeview .k-treeview-load-more-button.k-focus { color: var(--kendo-color-primary-hover, #116fa5); background-color: rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) } .k-popup-dropdowntree .k-treeview, .k-dropdowntree-popup .k-treeview, .k-multiselecttree-popup .k-treeview { padding-block: calc(var(--kendo-spacing-2, 10px)/2); padding-inline: calc(var(--kendo-spacing-2, 10px)/2) } .k-popup-dropdowntree .k-check-all, .k-dropdowntree-popup .k-check-all, .k-multiselecttree-popup .k-check-all { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px) } .k-multiselecttree .k-input-values { width: auto; max-width: 100% } .k-multiselecttree .k-input-inner::before { content: "​"; width: 0px; overflow: hidden; flex: none; display: inline-block; vertical-align: top } .k-rating { margin: 0; padding: 0; border-width: 0; box-sizing: border-box; outline: 0; background: none; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: inline-flex; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-rating *, .k-rating *::before, .k-rating *::after { box-sizing: border-box } .k-rating.k-readonly { pointer-events: none } .k-rating-container { flex: 0 1 auto; position: relative; margin-block: 0; margin-inline: var(--kendo-spacing-1, 5px) } .k-rating-container .k-rating-item { display: inline-flex; position: relative; padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px); align-items: center; vertical-align: middle; margin: 0; outline: 0; overflow: hidden; transition: color 200ms ease-out 0s } .k-rating-container .k-rating-item * { pointer-events: none } .k-rating-container .k-rating-item .k-rating-precision-part, .k-rating-container .k-rating-item .k-rating-precision-complement { display: inherit; position: absolute; top: var(--kendo-spacing-1, 5px); left: var(--kendo-spacing-1, 5px); overflow: hidden } .k-rating-container .k-rating-item .k-rating-precision-complement { direction: rtl } .k-rating-container .k-rating-item svg { fill: currentColor } .k-rating-label { display: inline-flex; align-items: center; vertical-align: middle; line-height: var(--kendo-line-height-lg, normal); margin-block: var(--kendo-spacing-1, 5px); margin-inline: var(--kendo-spacing-2, 10px) } .k-rtl .k-rating-precision-part, [dir=rtl] .k-rating-precision-part { left: auto; right: var(--kendo-spacing-1, 5px) } .k-rtl .k-rating-item .k-rating-precision-complement, [dir=rtl] .k-rating-item .k-rating-precision-complement { direction: ltr } .k-rating { color: var(--kendo-color-on-app-surface, #424242) } .k-rating:focus .k-rating-item>.k-icon, .k-rating.k-focus .k-rating-item>.k-icon { filter: drop-shadow(var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12))) } .k-rating:focus .k-rating-item.k-selected>.k-icon, .k-rating.k-focus .k-rating-item.k-selected>.k-icon { filter: drop-shadow(var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12))) } .k-rating-item { color: var(--kendo-color-on-app-surface, #424242) } .k-rating-item.k-selected { color: var(--kendo-color-primary, #1274AC) } .k-rating-item.k-selected:focus, .k-rating-item.k-selected.k-focus { color: var(--kendo-color-primary, #1274AC) } .k-rating-item:hover, .k-rating-item.k-hover { color: var(--kendo-color-primary, #1274AC); cursor: pointer } .k-switch { box-sizing: border-box; outline: 0; display: inline-flex; align-items: center; vertical-align: middle; line-height: 1; position: relative; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-switch *, .k-switch *::before, .k-switch *::after { box-sizing: border-box } .k-switch [type=checkbox] { display: none } .k-switch[aria-readonly=true] { pointer-events: none } .k-switch.k-readonly { pointer-events: none } .k-switch-track { border-width: 1px; border-style: solid; outline: 0; display: flex; flex-flow: row nowrap; flex: 1 0 auto; position: relative; transition: background-color 200ms ease-in-out } .k-switch-thumb-wrap { width: 0; height: 0; overflow: visible; position: absolute; transition: left 200ms ease-in-out; top: 50% } .k-switch-thumb { border-width: 1px; border-style: solid; display: block; position: absolute; transform: translate(-50%, -50%) } .k-switch-label-on, .k-switch-label-off { text-transform: uppercase; display: inline; position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden } .k-switch-sm { width: 52px; height: 26px; font-size: 10px } .k-switch-sm .k-switch-track { width: 52px; height: 26px } .k-switch-sm .k-switch-label-on { left: 4px } .k-switch-sm .k-switch-label-off { right: 4px } .k-switch-sm .k-switch-thumb { width: 26px; height: 26px } .k-switch-sm.k-switch-on .k-switch-thumb-wrap { left: calc(100% - 13px) } .k-switch-sm.k-switch-off .k-switch-thumb-wrap { left: 13px } .k-switch-sm[dir=rtl] .k-switch-label-on, [dir=rtl] .k-switch-sm .k-switch-label-on, .k-rtl .k-switch-sm .k-switch-label-on { left: auto; right: 4px } .k-switch-sm[dir=rtl] .k-switch-label-off, [dir=rtl] .k-switch-sm .k-switch-label-off, .k-rtl .k-switch-sm .k-switch-label-off { right: auto; left: 4px } .k-switch-sm[dir=rtl].k-switch-on .k-switch-thumb-wrap, [dir=rtl] .k-switch-sm.k-switch-on .k-switch-thumb-wrap, .k-rtl .k-switch-sm.k-switch-on .k-switch-thumb-wrap { left: 13px } .k-switch-sm[dir=rtl].k-switch-off .k-switch-thumb-wrap, [dir=rtl] .k-switch-sm.k-switch-off .k-switch-thumb-wrap, .k-rtl .k-switch-sm.k-switch-off .k-switch-thumb-wrap { left: calc(100% - 13px) } .k-switch-md { width: 60px; height: 30px; font-size: 10px } .k-switch-md .k-switch-track { width: 60px; height: 30px } .k-switch-md .k-switch-label-on { left: 6px } .k-switch-md .k-switch-label-off { right: 6px } .k-switch-md .k-switch-thumb { width: 30px; height: 30px } .k-switch-md.k-switch-on .k-switch-thumb-wrap { left: calc(100% - 20px) } .k-switch-md.k-switch-off .k-switch-thumb-wrap { left: 20px } .k-switch-md[dir=rtl] .k-switch-label-on, [dir=rtl] .k-switch-md .k-switch-label-on, .k-rtl .k-switch-md .k-switch-label-on { left: auto; right: 6px } .k-switch-md[dir=rtl] .k-switch-label-off, [dir=rtl] .k-switch-md .k-switch-label-off, .k-rtl .k-switch-md .k-switch-label-off { right: auto; left: 6px } .k-switch-md[dir=rtl].k-switch-on .k-switch-thumb-wrap, [dir=rtl] .k-switch-md.k-switch-on .k-switch-thumb-wrap, .k-rtl .k-switch-md.k-switch-on .k-switch-thumb-wrap { left: 20px } .k-switch-md[dir=rtl].k-switch-off .k-switch-thumb-wrap, [dir=rtl] .k-switch-md.k-switch-off .k-switch-thumb-wrap, .k-rtl .k-switch-md.k-switch-off .k-switch-thumb-wrap { left: calc(100% - 20px) } .k-switch-lg { width: 68px; height: 34px; font-size: 10px } .k-switch-lg .k-switch-track { width: 68px; height: 34px } .k-switch-lg .k-switch-label-on { left: 8px } .k-switch-lg .k-switch-label-off { right: 8px } .k-switch-lg .k-switch-thumb { width: 34px; height: 34px } .k-switch-lg.k-switch-on .k-switch-thumb-wrap { left: calc(100% - 17px) } .k-switch-lg.k-switch-off .k-switch-thumb-wrap { left: 17px } .k-switch-lg[dir=rtl] .k-switch-label-on, [dir=rtl] .k-switch-lg .k-switch-label-on, .k-rtl .k-switch-lg .k-switch-label-on { left: auto; right: 8px } .k-switch-lg[dir=rtl] .k-switch-label-off, [dir=rtl] .k-switch-lg .k-switch-label-off, .k-rtl .k-switch-lg .k-switch-label-off { right: auto; left: 8px } .k-switch-lg[dir=rtl].k-switch-on .k-switch-thumb-wrap, [dir=rtl] .k-switch-lg.k-switch-on .k-switch-thumb-wrap, .k-rtl .k-switch-lg.k-switch-on .k-switch-thumb-wrap { left: 17px } .k-switch-lg[dir=rtl].k-switch-off .k-switch-thumb-wrap, [dir=rtl] .k-switch-lg.k-switch-off .k-switch-thumb-wrap, .k-rtl .k-switch-lg.k-switch-off .k-switch-thumb-wrap { left: calc(100% - 17px) } .k-switch[dir=rtl] .k-switch-thumb, [dir=rtl] .k-switch .k-switch-thumb, .k-switch.k-rtl .k-switch-thumb, .k-rtl .k-switch .k-switch-thumb { transform: translate(50%, -50%) } .k-switch-off .k-switch-track { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-switch-off .k-switch-thumb { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-switch-off:focus .k-switch-track, .k-switch-off.k-focus .k-switch-track { outline: 2px solid color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-switch-off .k-switch-label-on { color: rgba(0, 0, 0, 0) } .k-switch-on .k-switch-track { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-switch-on .k-switch-thumb { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-switch-on:focus .k-switch-track, .k-switch-on.k-focus .k-switch-track { outline: 2px solid color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent) } .k-switch-on .k-switch-label-off { color: rgba(0, 0, 0, 0) } .k-external-dropzone { height: 220px; display: flex; flex-flow: row nowrap } .k-dropzone-inner { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); border-width: 1px; border-style: solid; box-sizing: border-box; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); flex: 1 1 auto; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; position: relative } .k-dropzone-inner .k-dropzone-icon { margin-bottom: var(--kendo-spacing-6, 30px) } .k-dropzone-inner .k-dropzone-hint { margin-bottom: var(--kendo-spacing-2, 10px) } .k-dropzone-inner .k-dropzone-note { font-size: var(--kendo-font-size-sm, inherit) } .k-dropzone-inner { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-dropzone-inner .k-icon, .k-dropzone-inner .k-dropzone-icon { color: var(--kendo-color-subtle, #666666) } .k-dropzone-inner .k-dropzone-note { color: var(--kendo-color-subtle, #666666) } .k-external-dropzone-hover .k-icon, .k-external-dropzone-hover .k-dropzone-icon { color: var(--kendo-color-primary, #1274AC) } .k-upload { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); position: relative; display: block; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-upload *, .k-upload *::before, .k-upload *::after { box-sizing: border-box } .k-upload .k-upload-button { min-width: 7em } .k-upload .k-dropzone, .k-upload .k-upload-dropzone { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); border-width: 0; text-align: end; display: flex; align-items: center; justify-content: space-between; position: relative; background-color: rgba(0, 0, 0, 0) } .k-upload .k-dropzone .k-dropzone-hint, .k-upload .k-upload-dropzone .k-dropzone-hint { font-style: normal; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; flex: 1 } .k-upload .k-dropzone .k-upload-status, .k-upload .k-upload-dropzone .k-upload-status { font-weight: normal; display: flex; align-items: center; position: relative } .k-upload .k-dropzone .k-upload-status>.k-icon, .k-upload .k-upload-dropzone .k-upload-status>.k-icon { margin-inline-end: var(--kendo-spacing-1, 5px) } .k-upload .k-dropzone .k-upload-status+.k-dropzone-hint, .k-upload .k-upload-dropzone .k-upload-status+.k-dropzone-hint { display: none } .k-upload .k-dropzone-active .k-upload-status { display: none } .k-upload .k-dropzone-active .k-upload-status+.k-dropzone-hint { display: block } .k-upload .k-upload-files { max-height: 300px; overflow-y: auto; margin: 0; padding: 0; border-width: 1px 0 0; border-style: solid; border-color: inherit; list-style: none } .k-upload .k-upload-files .k-file-multiple, .k-upload .k-upload-files .k-file-single { width: 100%; display: flex; justify-content: space-between } .k-upload .k-upload-files .k-file-single { align-items: center } .k-upload .k-upload-files .k-file-multiple { align-items: flex-start } .k-upload .k-upload-files .k-file { padding: var(--kendo-spacing-2, 10px) var(--kendo-spacing-2, 10px) calc(var(--kendo-spacing-2, 10px) + 2px); border-width: 0 0 1px; border-style: solid; outline: none; display: flex; align-items: flex-start; position: relative } .k-upload .k-upload-files .k-file:last-child { border-width: 0 } .k-upload .k-upload-files .k-filename { margin-left: var(--kendo-spacing-4, 20px); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative } .k-upload .k-upload-files .k-upload-pct { margin-block: 0; margin-inline: var(--kendo-spacing-1, 5px); font-weight: normal; vertical-align: middle } .k-upload .k-upload-files~.k-clear-selected, .k-upload .k-upload-files~.k-upload-selected { margin-top: calc(var(--kendo-spacing-1, 5px)*-1); border-width: 0 } .k-upload .k-upload-files~.k-upload-selected { border-left-width: 1px; border-left-style: solid; margin-left: -1px } .k-upload .k-upload-files .k-file-name, .k-upload .k-upload-files .k-file-size, .k-upload .k-upload-files .k-file-validation-message, .k-upload .k-upload-files .k-file-summary { display: block } .k-upload .k-upload-files .k-file-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative } .k-upload .k-upload-files .k-file-size, .k-upload .k-upload-files .k-file-summary, .k-upload .k-upload-files .k-file-validation-message { font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height-xs, normal) } .k-upload .k-upload-files .k-file-icon-wrapper .k-file-state { position: absolute } .k-upload .k-upload-files .k-file-state { visibility: hidden } .k-upload .k-upload-files .k-file-info { min-height: 32px; display: block; overflow: hidden; flex: 1 0 0 } .k-upload .k-multiple-files-wrapper, .k-upload .k-file-single>.k-file-info { margin-inline-start: var(--kendo-spacing-2, 10px); min-height: 32px; display: block; overflow: hidden; flex: 1 0 0 } .k-upload .k-multiple-files-wrapper .k-file-info { margin-bottom: var(--kendo-spacing-3, 0.15px); display: block } .k-upload .k-multiple-files-wrapper .k-file-summary { margin-top: calc(var(--kendo-spacing-3, 0.15px)/3*-1) } .k-upload .k-progressbar { --kendo-progressbar-height: 2px; position: absolute; left: var(--kendo-spacing-2, 10px); right: var(--kendo-spacing-2, 10px); bottom: calc(var(--kendo-spacing-2, 10px)/2); width: auto } .k-upload .k-actions, .k-upload .k-edit-buttons, .k-upload .k-action-buttons, .k-upload .k-columnmenu-actions, .k-upload .k-form-buttons { border-top-width: 1px } .k-upload-button-wrap { position: relative; direction: ltr } .k-upload-button-wrap input { font: 170px monospace !important; margin: 0; padding: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; bottom: 0; right: 0; z-index: 1 } .k-upload-button-wrap input[disabled], .k-upload-button-wrap input.k-disabled { visibility: hidden } .k-upload { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-upload .k-dropzone, .k-upload .k-upload-dropzone { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-upload .k-dropzone.k-hover, .k-upload .k-upload-dropzone.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-upload .k-dropzone .k-dropzone-hint, .k-upload .k-upload-dropzone .k-dropzone-hint { color: var(--kendo-color-subtle, #666666) } .k-upload .k-upload-files, .k-upload .k-file { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-upload .k-file.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) } .k-upload .k-file .k-upload-action.k-focus { box-shadow: 0 0 0 2px rgba(0, 0, 0, .13) } .k-upload .k-upload-status { color: var(--kendo-color-subtle, #666666) } .k-upload .k-file-progress .k-progressbar .k-selected { background-color: var(--kendo-color-info, #0058E9) } .k-upload .k-file-success .k-file-validation-message { color: var(--kendo-color-success, #278200) } .k-upload .k-file-success .k-progressbar .k-selected { background-color: var(--kendo-color-success, #278200) } .k-upload .k-file-error .k-file-validation-message { color: var(--kendo-color-error, #D51923) } .k-upload .k-file-error .k-progressbar .k-selected { background-color: var(--kendo-color-error, #D51923) } .k-upload .k-file-icon-wrapper { color: var(--kendo-color-subtle, #666666); border-color: var(--kendo-color-subtle, #666666) } .k-upload .k-file-size, .k-upload .k-file-validation-message, .k-upload .k-file-summary { color: var(--kendo-color-subtle, #666666) } .k-upload .k-multiple-files-wrapper .k-file-summary { color: var(--kendo-color-on-app-surface, #424242) } .k-upload.k-invalid, .k-upload.ng-invalid.ng-touched, .k-upload.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #D51923) } .k-appbar { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); list-style: none; display: flex; gap: var(--kendo-spacing-2, 10px); flex-flow: row wrap; align-items: center; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-appbar *, .k-appbar *::before, .k-appbar *::after { box-sizing: border-box } .k-appbar>* { flex-shrink: 0 } .k-appbar .k-appbar-section { display: inline-flex; flex-wrap: nowrap; align-items: center } .k-appbar .k-appbar-spacer { flex: 1 0 auto } .k-appbar .k-appbar-spacer-sized { flex-grow: 0 } .k-appbar .k-appbar-separator { margin: 0; width: 0; min-height: 1em; border-style: solid; border-width: 0 0 0 1px; display: inline-block } .k-appbar .k-input, .k-appbar .k-picker { width: 10em } .k-appbar .k-color-picker, .k-appbar .k-colorpicker { width: min-content } .k-appbar-static { position: static } .k-appbar-sticky { width: 100%; position: sticky; top: 0; z-index: 1000 } .k-appbar-fixed { width: 100%; position: fixed; z-index: 1 } .k-appbar-top { top: 0; bottom: auto } .k-appbar-bottom { top: auto; bottom: 0 } .k-appbar-bottom.k-appbar-fixed { bottom: 0 } .k-appbar { box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-appbar-bottom { box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-appbar-primary { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-appbar-secondary { color: var(--kendo-color-on-secondary, white); background-color: var(--kendo-color-secondary, #757575) } .k-appbar-tertiary { color: var(--kendo-color-on-tertiary, white); background-color: var(--kendo-color-tertiary, #007F84) } .k-appbar-info { color: var(--kendo-color-on-info, white); background-color: var(--kendo-color-info, #0058E9) } .k-appbar-success { color: var(--kendo-color-on-success, white); background-color: var(--kendo-color-success, #278200) } .k-appbar-warning { color: var(--kendo-color-on-warning, white); background-color: var(--kendo-color-warning, #F5A600) } .k-appbar-error { color: var(--kendo-color-on-error, white); background-color: var(--kendo-color-error, #D51923) } .k-appbar-dark { color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-appbar-light { color: var(--kendo-color-on-light, white); background-color: var(--kendo-color-light, #757575) } .k-appbar-inverse { color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-fab { padding: 0; border-width: 0; border-style: solid; border-color: rgba(0, 0, 0, 0); box-sizing: border-box; color: inherit; background-color: rgba(0, 0, 0, 0); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); font-family: var(--kendo-font-family, inherit); text-align: center; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; cursor: pointer; outline: none } .k-fab *, .k-fab *::before, .k-fab *::after { box-sizing: border-box } .k-fab:focus { outline: none } .k-fab-icon { padding-inline: var(--kendo-spacing-0\.5, 2.5px); padding-block: var(--kendo-spacing-0\.5, 2.5px); box-sizing: content-box } .k-icon-wrapper-host:not(:only-child) .k-fab-icon, .k-fab-icon:not(:only-child) { margin-inline-end: var(--kendo-spacing-0\.5, 2.5px); margin-inline-start: calc(var(--kendo-spacing-0\.5, 2.5px)*-1) } .k-fab-sm { padding: calc(var(--kendo-spacing-4, 20px)/2) calc(var(--kendo-spacing-4, 20px)/2) } .k-fab-md { padding: var(--kendo-spacing-4, 20px) var(--kendo-spacing-4, 20px) } .k-fab-lg { padding: calc(var(--kendo-spacing-4, 20px)*1.5) calc(var(--kendo-spacing-4, 20px)*1.5) } .k-fab-items { margin: 0; padding-block: var(--kendo-spacing-4, 20px); padding-inline: var(--kendo-spacing-0, 0px); display: flex } .k-fab-items-bottom { flex-direction: column } .k-fab-items-bottom .k-fab-item:last-child { margin-block-end: 0 } .k-fab-items-top { flex-direction: column-reverse } .k-fab-items-top .k-fab-item:first-child { margin-block-end: 0 } .k-fab-item { list-style-type: none; margin-block-end: var(--kendo-spacing-2, 10px); outline: none; white-space: nowrap; display: flex; align-items: center; justify-content: flex-end; cursor: pointer } .k-fab-item.k-text-right { flex-direction: row } .k-fab-item.k-text-right .k-fab-item-text { margin-right: var(--kendo-spacing-2, 10px) } .k-fab-item.k-text-left { flex-direction: row-reverse } .k-fab-item.k-text-left .k-fab-item-text { margin-left: var(--kendo-spacing-2, 10px) } .k-fab-item-text { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px); border-width: 1px; border-radius: 2px; font-size: var(--kendo-font-size-xs, inherit); line-height: 1.2 } .k-fab-item-icon { padding-block: calc(var(--kendo-spacing-2, 10px) + var(--kendo-spacing-0\.5, 2.5px)); padding-inline: calc(var(--kendo-spacing-2, 10px) + var(--kendo-spacing-0\.5, 2.5px)); border-width: 0; border-radius: 50%; box-sizing: content-box; outline: none } .k-rtl .k-fab-popup .k-fab-item.k-text-left, [dir=rtl] .k-fab-popup .k-fab-item.k-text-left { flex-direction: row } .k-rtl .k-fab-popup .k-fab-item.k-text-right, [dir=rtl] .k-fab-popup .k-fab-item.k-text-right { flex-direction: row-reverse } .k-fab-solid-primary { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-primary, #1274AC); outline-offset: -1px; border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-fab-solid-secondary { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-secondary, #757575); outline-offset: -1px; border-color: var(--kendo-color-secondary, #757575); color: var(--kendo-color-on-secondary, white); background-color: var(--kendo-color-secondary, #757575) } .k-fab-solid-tertiary { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-tertiary, #007F84); outline-offset: -1px; border-color: var(--kendo-color-tertiary, #007F84); color: var(--kendo-color-on-tertiary, white); background-color: var(--kendo-color-tertiary, #007F84) } .k-fab-solid-info { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-info, #0058E9); outline-offset: -1px; border-color: var(--kendo-color-info, #0058E9); color: var(--kendo-color-on-info, white); background-color: var(--kendo-color-info, #0058E9) } .k-fab-solid-success { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-success, #278200); outline-offset: -1px; border-color: var(--kendo-color-success, #278200); color: var(--kendo-color-on-success, white); background-color: var(--kendo-color-success, #278200) } .k-fab-solid-warning { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-warning, #F5A600); outline-offset: -1px; border-color: var(--kendo-color-warning, #F5A600); color: var(--kendo-color-on-warning, white); background-color: var(--kendo-color-warning, #F5A600) } .k-fab-solid-error { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-error, #D51923); outline-offset: -1px; border-color: var(--kendo-color-error, #D51923); color: var(--kendo-color-on-error, white); background-color: var(--kendo-color-error, #D51923) } .k-fab-solid-dark { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-dark, #3d3d3d); outline-offset: -1px; border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-fab-solid-light { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-light, #757575); outline-offset: -1px; border-color: var(--kendo-color-light, #757575); color: var(--kendo-color-on-light, white); background-color: var(--kendo-color-light, #757575) } .k-fab-solid-inverse { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-dark, #3d3d3d); outline-offset: -1px; border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-hover.k-fab-solid-primary, .k-fab-solid-primary:hover { border-color: var(--kendo-color-primary-hover, #116fa5); background-color: var(--kendo-color-primary-hover, #116fa5) } .k-hover.k-fab-solid-secondary, .k-fab-solid-secondary:hover { border-color: var(--kendo-color-secondary-hover, #707070); background-color: var(--kendo-color-secondary-hover, #707070) } .k-hover.k-fab-solid-tertiary, .k-fab-solid-tertiary:hover { border-color: var(--kendo-color-tertiary-hover, #007a7f); background-color: var(--kendo-color-tertiary-hover, #007a7f) } .k-hover.k-fab-solid-info, .k-fab-solid-info:hover { border-color: var(--kendo-color-info-hover, #0054e0); background-color: var(--kendo-color-info-hover, #0054e0) } .k-hover.k-fab-solid-success, .k-fab-solid-success:hover { border-color: var(--kendo-color-success-hover, #257d00); background-color: var(--kendo-color-success-hover, #257d00) } .k-hover.k-fab-solid-warning, .k-fab-solid-warning:hover { border-color: var(--kendo-color-warning-hover, #eb9f00); background-color: var(--kendo-color-warning-hover, #eb9f00) } .k-hover.k-fab-solid-error, .k-fab-solid-error:hover { border-color: var(--kendo-color-error-hover, #cc1822); background-color: var(--kendo-color-error-hover, #cc1822) } .k-hover.k-fab-solid-dark, .k-fab-solid-dark:hover { border-color: var(--kendo-color-dark-hover, #292929); background-color: var(--kendo-color-dark-hover, #292929) } .k-hover.k-fab-solid-light, .k-fab-solid-light:hover { border-color: var(--kendo-color-light-hover, #707070); background-color: var(--kendo-color-light-hover, #707070) } .k-hover.k-fab-solid-inverse, .k-fab-solid-inverse:hover { border-color: var(--kendo-color-inverse-hover, #292929); background-color: var(--kendo-color-inverse-hover, #292929) } .k-fab-solid-primary.k-focus, .k-fab-solid-primary:focus { outline: solid var(--kendo-spacing-0\.5, 2.5px) color-mix(in srgb, var(--kendo-color-primary, #1274AC) 30%, transparent) } .k-fab-solid-secondary.k-focus, .k-fab-solid-secondary:focus { outline: solid var(--kendo-spacing-0\.5, 2.5px) color-mix(in srgb, var(--kendo-color-secondary, #757575) 30%, transparent) } .k-fab-solid-tertiary.k-focus, .k-fab-solid-tertiary:focus { outline: solid var(--kendo-spacing-0\.5, 2.5px) color-mix(in srgb, var(--kendo-color-tertiary, #007F84) 30%, transparent) } .k-fab-solid-info.k-focus, .k-fab-solid-info:focus { outline: solid var(--kendo-spacing-0\.5, 2.5px) color-mix(in srgb, var(--kendo-color-info, #0058E9) 30%, transparent) } .k-fab-solid-success.k-focus, .k-fab-solid-success:focus { outline: solid var(--kendo-spacing-0\.5, 2.5px) color-mix(in srgb, var(--kendo-color-success, #278200) 30%, transparent) } .k-fab-solid-warning.k-focus, .k-fab-solid-warning:focus { outline: solid var(--kendo-spacing-0\.5, 2.5px) color-mix(in srgb, var(--kendo-color-warning, #F5A600) 30%, transparent) } .k-fab-solid-error.k-focus, .k-fab-solid-error:focus { outline: solid var(--kendo-spacing-0\.5, 2.5px) color-mix(in srgb, var(--kendo-color-error, #D51923) 30%, transparent) } .k-fab-solid-dark.k-focus, .k-fab-solid-dark:focus { outline: solid var(--kendo-spacing-0\.5, 2.5px) color-mix(in srgb, var(--kendo-color-dark, #3d3d3d) 30%, transparent) } .k-fab-solid-light.k-focus, .k-fab-solid-light:focus { outline: solid var(--kendo-spacing-0\.5, 2.5px) color-mix(in srgb, var(--kendo-color-light, #757575) 30%, transparent) } .k-fab-solid-inverse.k-focus, .k-fab-solid-inverse:focus { outline: solid var(--kendo-spacing-0\.5, 2.5px) color-mix(in srgb, var(--kendo-color-inverse, #3d3d3d) 30%, transparent) } .k-active.k-fab-solid-primary, .k-selected.k-fab-solid-primary, .k-fab-solid-primary:active { border-color: var(--kendo-color-primary-active, #106697); background-color: var(--kendo-color-primary-active, #106697) } .k-active.k-fab-solid-secondary, .k-selected.k-fab-solid-secondary, .k-fab-solid-secondary:active { border-color: var(--kendo-color-secondary-active, #676767); background-color: var(--kendo-color-secondary-active, #676767) } .k-active.k-fab-solid-tertiary, .k-selected.k-fab-solid-tertiary, .k-fab-solid-tertiary:active { border-color: var(--kendo-color-tertiary-active, #007074); background-color: var(--kendo-color-tertiary-active, #007074) } .k-active.k-fab-solid-info, .k-selected.k-fab-solid-info, .k-fab-solid-info:active { border-color: var(--kendo-color-info-active, #004dcd); background-color: var(--kendo-color-info-active, #004dcd) } .k-active.k-fab-solid-success, .k-selected.k-fab-solid-success, .k-fab-solid-success:active { border-color: var(--kendo-color-success-active, #227200); background-color: var(--kendo-color-success-active, #227200) } .k-active.k-fab-solid-warning, .k-selected.k-fab-solid-warning, .k-fab-solid-warning:active { border-color: var(--kendo-color-warning-active, #d89200); background-color: var(--kendo-color-warning-active, #d89200) } .k-active.k-fab-solid-error, .k-selected.k-fab-solid-error, .k-fab-solid-error:active { border-color: var(--kendo-color-error-active, #bb161f); background-color: var(--kendo-color-error-active, #bb161f) } .k-active.k-fab-solid-dark, .k-selected.k-fab-solid-dark, .k-fab-solid-dark:active { border-color: var(--kendo-color-dark-active, #1f1f1f); background-color: var(--kendo-color-dark-active, #1f1f1f) } .k-active.k-fab-solid-light, .k-selected.k-fab-solid-light, .k-fab-solid-light:active { border-color: var(--kendo-color-light-active, #676767); background-color: var(--kendo-color-light-active, #676767) } .k-active.k-fab-solid-inverse, .k-selected.k-fab-solid-inverse, .k-fab-solid-inverse:active { border-color: var(--kendo-color-inverse-active, #1f1f1f); background-color: var(--kendo-color-inverse-active, #1f1f1f) } .k-disabled.k-fab-solid-primary, .k-fab-solid-primary:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-primary, white) 60%, transparent); opacity: 1 } .k-disabled.k-fab-solid-secondary, .k-fab-solid-secondary:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-secondary, #757575) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-secondary, white) 60%, transparent); opacity: 1 } .k-disabled.k-fab-solid-tertiary, .k-fab-solid-tertiary:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-tertiary, #007F84) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-tertiary, white) 60%, transparent); opacity: 1 } .k-disabled.k-fab-solid-info, .k-fab-solid-info:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-info, #0058E9) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-info, white) 60%, transparent); opacity: 1 } .k-disabled.k-fab-solid-success, .k-fab-solid-success:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-success, #278200) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-success, white) 60%, transparent); opacity: 1 } .k-disabled.k-fab-solid-warning, .k-fab-solid-warning:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-warning, #F5A600) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-warning, white) 60%, transparent); opacity: 1 } .k-disabled.k-fab-solid-error, .k-fab-solid-error:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-error, #D51923) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-error, white) 60%, transparent); opacity: 1 } .k-disabled.k-fab-solid-dark, .k-fab-solid-dark:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-dark, #3d3d3d) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-dark, #ffffff) 60%, transparent); opacity: 1 } .k-disabled.k-fab-solid-light, .k-fab-solid-light:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-light, #757575) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-light, white) 60%, transparent); opacity: 1 } .k-disabled.k-fab-solid-inverse, .k-fab-solid-inverse:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-inverse, #3d3d3d) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-inverse, #ffffff) 60%, transparent); opacity: 1 } .k-fab-item-text { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-fab-item-icon { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-base, #424242); background-color: var(--kendo-color-base, #f5f5f5); box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid rgba(0, 0, 0, .08); outline-offset: -1px } .k-fab-item.k-hover .k-fab-item-icon, .k-fab-item:hover .k-fab-item-icon { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-fab-item:focus .k-fab-item-text, .k-fab-item:focus .k-fab-item-icon, .k-fab-item.k-focus .k-fab-item-text, .k-fab-item.k-focus .k-fab-item-icon { outline: solid var(--kendo-spacing-0\.5, 2.5px) rgba(0, 0, 0, .08) } .k-fab-item.k-active .k-fab-item-icon, .k-fab-item:active .k-fab-item-icon { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)); background-color: var(--kendo-color-base-active, #d8d8d8) } .k-fab-item.k-disabled, .k-fab-item:disabled { opacity: 1 } .k-fab-item.k-disabled .k-fab-item-text, .k-fab-item.k-disabled .k-fab-item-icon, .k-fab-item:disabled .k-fab-item-text, .k-fab-item:disabled .k-fab-item-icon { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-base, #f5f5f5) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-base, #424242) 60%, transparent) } .k-fab-popup { box-shadow: none } .k-window { border-radius: 0px; padding: 0; border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height-sm, normal); display: inline-flex; flex-direction: column; position: absolute; z-index: 10002; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-window.k-window-maximized { max-width: 100vw; max-height: 100vh; box-shadow: none } .k-window-sm { width: 300px } .k-window-md { width: 800px } .k-window-lg { width: 1200px } .k-window-titlebar { border-top-left-radius: 0px; border-top-right-radius: 0px; padding-block: var(--kendo-spacing-3, 0.15px); padding-inline: var(--kendo-spacing-4, 20px); border-width: 0 0 1px; border-style: solid; white-space: nowrap; display: flex; flex-direction: row; flex-shrink: 0; align-items: center } .k-window-minimized .k-window-titlebar { border-width: 0 } .k-window-title { padding-block: .5em; padding-inline: 0; margin-block: -0.5em; margin-inline: 0; font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-sm, normal); text-overflow: ellipsis; overflow: hidden; cursor: default; flex: 1 } .k-window-title:empty::before { content: "​" } .k-window-titlebar-actions { margin-block: -5em; margin-inline: 0; margin-inline-end: calc(var(--kendo-spacing-3, 0.15px) - var(--kendo-spacing-4, 20px)); line-height: 1; display: flex; flex-flow: row nowrap; flex-shrink: 0; align-items: center; vertical-align: top } .k-window-titlebar-action { flex-shrink: 0 } .k-window-content, .k-prompt-container { padding-block: var(--kendo-spacing-4, 20px); padding-inline: var(--kendo-spacing-4, 20px); border-width: 0; border-color: inherit; color: inherit; background: none; outline: 0; overflow: auto; position: relative; flex: 1 1 auto } .k-window-content+.k-prompt-container { margin-top: -var(--kendo-spacing-4, 20px) / 2 } .k-window-content:first-child { padding-top: clamp(var(--kendo-spacing-4, 20px), var(--kendo-spacing-3, 0.15px), var(--kendo-spacing-3, 0.15px)) } .k-window-content:last-child { padding-bottom: clamp(var(--kendo-spacing-4, 20px), var(--kendo-spacing-3, 0.15px), var(--kendo-spacing-3, 0.15px)) } .k-window-iframecontent { padding: 0; overflow: visible } .k-window-iframecontent .k-content-frame { vertical-align: top; border: 0; width: 100%; height: 100% } .k-window-actions { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); border-width: 1px 0 0; border-style: solid; border-color: inherit; flex: 0 0 auto; display: flex; flex-flow: row wrap; align-items: center; overflow: hidden } .k-prompt-container>.k-textarea { width: 100% } .k-window .k-resize-n { top: 0 } .k-window .k-resize-e { right: 0 } .k-window .k-resize-s { bottom: 0 } .k-window .k-resize-w { left: 0 } .k-window { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-8, 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-window:focus, .k-window.k-focus { box-shadow: var(--kendo-elevation-9, 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-window-titlebar { border-color: inherit; color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-window-primary .k-window-titlebar { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-window-light .k-window-titlebar { color: var(--kendo-color-on-light, white); background-color: var(--kendo-color-light, #757575) } .k-window-dark .k-window-titlebar { color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-actionsheet-container { width: 100%; height: 100%; max-width: clamp(100vw, 100%, 100%); max-height: clamp(100vh, 100%, 100%); position: fixed; top: 0; left: 0; z-index: 9999; overflow: hidden; transform: translateZ(0) } .k-actionsheet-container>.k-overlay { position: absolute; z-index: 1 } .k-actionsheet-container>.k-animation-container { width: 100%; height: 100%; border-radius: 0; overflow: hidden; position: absolute; z-index: 2; top: 0; left: 0; pointer-events: none } .k-actionsheet-container>.k-animation-container>.k-child-animation-container { position: absolute } .k-actionsheet-container>.k-actionsheet { position: absolute; z-index: 2 } .k-actionsheet-container .k-actionsheet { pointer-events: all } .k-actionsheet { width: var(--kendo-actionsheet-width, 360px); height: var(--kendo-actionsheet-height, 60vh); max-width: var(--kendo-actionsheet-max-width, 100%); max-height: var(--kendo-actionsheet-max-height, 60vh); border-width: 0; border-style: solid; border-color: rgba(0, 0, 0, 0); box-sizing: border-box; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); overflow: hidden; position: relative } .k-actionsheet *, .k-actionsheet *::before, .k-actionsheet *::after { box-sizing: border-box } .k-actionsheet-titlebar, .k-actionsheet-jq .k-actionsheet-header { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-4, 20px); border-width: 0; border-style: solid; border-color: rgba(0, 0, 0, 0); flex: none; display: flex; flex-flow: column nowrap; align-items: center; gap: var(--kendo-spacing-4, 20px) } .k-actionsheet-titlebar-group { display: flex; flex-flow: row nowrap; align-items: center; width: 100% } .k-actionsheet-title { flex: 1 } .k-actionsheet-subtitle { font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height-sm, normal) } .k-actionsheet-actions { flex: none } .k-actionsheet-content { flex: 1; overflow: auto; position: relative } .k-actionsheet-footer { flex: none } .k-actionsheet-items { margin: 0; padding: 0; list-style: none; flex: none } .k-actionsheet-item { padding: 0; box-sizing: border-box; display: flex; flex-flow: row nowrap; outline: none } .k-actionsheet-action { margin: 0; padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-4, 20px); min-height: 40px; box-sizing: border-box; color: inherit; text-decoration: none; outline: 0; display: flex; flex-flow: row nowrap; align-items: flex-start; gap: var(--kendo-spacing-3, 0.15px) } .k-actionsheet-item-text { display: flex; flex-flow: column nowrap } .k-actionsheet-item-description { font-size: .875em } .k-actionsheet .k-hr { margin: 0; flex: none } .k-actionsheet-top { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-width: 0px; border-top-width: 0; top: 0; inset-inline-start: 50%; transform: translateX(-50%) } .k-actionsheet-bottom { border-top-left-radius: 0px; border-top-right-radius: 0px; border-width: 0px; border-bottom-width: 0; bottom: 0; inset-inline-start: 50%; transform: translateX(-50%) } .k-actionsheet-left { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-width: 0px; border-left-width: 0; left: 0; top: 50%; transform: translateY(-50%) } .k-actionsheet-right { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-width: 0px; border-right-width: 0; right: 0; top: 50%; transform: translateY(-50%) } .k-actionsheet-fullscreen { width: 100%; max-width: 100%; max-height: 100%; height: 100% } .k-animation-container>.k-actionsheet { top: auto; right: auto; bottom: auto; left: auto; transform: none } .k-adaptive-actionsheet { max-width: 100%; width: 100%; font-size: var(--kendo-font-size-lg, inherit); display: flex; flex-flow: column nowrap } .k-adaptive-actionsheet .k-actionsheet-titlebar, .k-adaptive-actionsheet .k-actionsheet-jq .k-actionsheet-header, .k-actionsheet-jq .k-adaptive-actionsheet .k-actionsheet-header { padding-block: var(--kendo-spacing-4, 20px); padding-inline: var(--kendo-spacing-4, 20px); border-bottom-width: 1px } .k-adaptive-actionsheet .k-actionsheet-content { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-4, 20px) } .k-adaptive-actionsheet .k-actionsheet-footer { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-4, 20px) } .k-adaptive-actionsheet .k-actionsheet-filter { width: calc(360px - var(--kendo-spacing-4, 20px)*2) } .k-adaptive-actionsheet .k-actionsheet-content, .k-adaptive-actionsheet .k-actionsheet-footer { margin-inline: auto; width: min(100%, 360px) } .k-adaptive-actionsheet .k-list-container, .k-adaptive-actionsheet .k-treeview { height: 100% } .k-adaptive-actionsheet .k-list-filter { width: 100%; padding-inline: 0 } .k-adaptive-actionsheet .k-menu-group { height: 100%; overflow: auto; position: static } .k-adaptive-actionsheet .k-calendar { margin-inline: auto; border-width: 0; display: flex } .k-adaptive-actionsheet .k-timeselector { height: 100%; border-width: 0; overflow: hidden } .k-adaptive-actionsheet .k-timeselector .k-time-part { display: contents } .k-adaptive-actionsheet .k-timeselector .k-time-list-wrapper { height: 100% } .k-adaptive-actionsheet .k-datetime-wrap { width: 100%; height: 100%; display: flex; flex-flow: column nowrap } .k-adaptive-actionsheet .k-datetime-selector { flex: 1 1 auto } .k-adaptive-actionsheet .k-datetime-calendar-wrap { width: 100%; position: absolute; top: 0; left: 0; bottom: 0; flex: 0 0 100% } .k-adaptive-actionsheet .k-datetime-time-wrap { width: 100%; position: absolute; top: 0; left: 100%; bottom: 0; flex: 0 0 100% } .k-adaptive-actionsheet .k-scrollable-wrap { height: 100%; overflow-y: auto } .k-adaptive-actionsheet .k-data-table { max-height: 100%; overflow: hidden; display: flex; flex-flow: column nowrap } .k-actionsheet-jq.k-actionsheet { height: auto } .k-actionsheet-jq .k-actionsheet-header { align-items: flex-start } .k-actionsheet-jq .k-actionsheet-action { align-items: center } .k-rtl .k-actionsheet-top, .k-rtl .k-actionsheet-bottom, [dir=rtl] .k-actionsheet-top, [dir=rtl] .k-actionsheet-bottom { transform: translateX(50%) } .k-actionsheet { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-7, 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-actionsheet-subtitle { color: var(--kendo-color-subtle, #666666) } .k-actionsheet-item:hover, .k-actionsheet-item.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-actionsheet-item:focus, .k-actionsheet-item.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) } .k-actionsheet-item-description { color: var(--kendo-color-subtle, #666666) } .k-actionsheet .k-hr { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-adaptive-actionsheet .k-actionsheet-titlebar, .k-adaptive-actionsheet .k-actionsheet-jq .k-actionsheet-header, .k-actionsheet-jq .k-adaptive-actionsheet .k-actionsheet-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-dialog-wrapper { display: flex; align-items: center; justify-content: center; flex-direction: column; outline: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10001 } .k-dialog-wrapper .k-dialog { position: relative } .k-dialog { padding: 0; position: fixed; box-sizing: border-box } .k-dialog.k-dialog-centered { transform: translate(-50%, -50%); top: 50%; left: 50% } .k-dialog .k-multiselect { width: 100% } .k-dialog-actions { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); border-width: 1px 0 0; border-style: solid; border-color: inherit; flex: 0 0 auto; display: flex; flex-flow: row wrap; align-items: center; gap: var(--kendo-spacing-2, 10px); overflow: hidden } .k-dialog-titlebar { border-color: inherit; color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-dialog-primary .k-dialog-titlebar { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-dialog-light .k-dialog-titlebar { color: var(--kendo-color-on-light, white); background-color: var(--kendo-color-light, #757575) } .k-dialog-dark .k-dialog-titlebar { color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-drawer-container { display: flex; flex-flow: row nowrap; align-items: flex-start } kendo-drawer.k-drawer, kendo-drawer .k-drawer-wrapper { transition: none } .k-drawer { height: 100%; max-width: 100%; border-width: 0; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; flex: 0 0 auto; transition: all 300ms ease-in-out; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-drawer *, .k-drawer *::before, .k-drawer *::after { box-sizing: border-box } .k-drawer-mini .k-drawer.k-drawer-start, .k-drawer-expanded .k-drawer.k-drawer-start { border-inline-end-width: 1px } .k-drawer-mini .k-drawer.k-drawer-end, .k-drawer-expanded .k-drawer.k-drawer-end { border-inline-start-width: 1px } .k-drawer.k-drawer-start { top: 0; inset-inline-start: 0 } .k-drawer.k-drawer-end { top: 0; inset-inline-end: 0 } .k-drawer-content { flex: 1 1 auto; overflow: auto } .k-drawer-overlay .k-drawer { max-width: 80vw; position: fixed; z-index: 10002; border: 0 } .k-drawer-overlay>.k-overlay { display: none } .k-drawer-overlay.k-drawer-expanded>.k-overlay { display: block } .k-drawer-push { display: flex; flex-direction: row } .k-drawer-push .k-drawer { height: auto; position: relative; align-self: stretch } .k-drawer-push:has(.k-drawer.k-drawer-end) { flex-direction: row-reverse } .k-drawer-wrapper { overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; transition: all 300ms ease-in-out } .k-drawer-wrapper::-webkit-scrollbar { width: 7px } .k-drawer-wrapper::-webkit-scrollbar-thumb { border-radius: 20px } .k-drawer-items { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; align-items: stretch } .k-drawer-item { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-4, 20px); outline: 0; color: inherit; font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal); display: flex; flex-flow: row nowrap; gap: var(--kendo-spacing-4, 20px); cursor: pointer } .k-drawer-item>.k-drawer-link { margin-block: calc(var(--kendo-spacing-2, 10px)*-1); margin-inline: calc(var(--kendo-spacing-4, 20px)*-1); padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-4, 20px); color: inherit; display: flex; flex-flow: row nowrap; flex: 1 0 auto; gap: var(--kendo-spacing-4, 20px) } .k-drawer-item .k-icon { flex-shrink: 0; padding-inline: var(--kendo-spacing-0, 0px); padding-block: var(--kendo-spacing-1, 5px); box-sizing: content-box } .k-drawer-item .k-icon.k-i-none { margin: 0 } .k-drawer-item .k-item-text { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .k-drawer-item .k-drawer-toggle { margin-inline-start: auto; cursor: pointer; display: flex } .k-drawer-item.k-level-1 { padding-inline-start: calc(var(--kendo-spacing-4, 20px)*2) } .k-drawer-item.k-level-2 { padding-inline-start: calc(var(--kendo-spacing-4, 20px)*3) } .k-drawer-item.k-level-3 { padding-inline-start: calc(var(--kendo-spacing-4, 20px)*4) } .k-drawer-item.k-level-4 { padding-inline-start: calc(var(--kendo-spacing-4, 20px)*5) } .k-drawer-item.k-level-5 { padding-inline-start: calc(var(--kendo-spacing-4, 20px)*6) } .k-drawer-separator { padding: 0; height: 1px } .k-drawer-mini .k-drawer-wrapper { width: calc(var(--kendo-spacing-4, 20px)*2 + 16px) } .k-drawer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-drawer-wrapper { scrollbar-color: rgba(156, 156, 156, .7) #dedede } .k-drawer-wrapper::-webkit-scrollbar-track { background: #dedede } .k-drawer-wrapper::-webkit-scrollbar-thumb { background: rgba(156, 156, 156, .7) } .k-drawer-wrapper::-webkit-scrollbar-thumb:hover { background: #9c9c9c } .k-drawer-item:hover, .k-drawer-item.k-hover { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-drawer-item:focus, .k-drawer-item.k-focus { background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .12) } .k-drawer-item:focus:hover, .k-drawer-item:focus.k-hover, .k-drawer-item.k-focus:hover, .k-drawer-item.k-focus.k-hover { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-drawer-item.k-selected { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-drawer-item.k-selected:hover, .k-drawer-item.k-selected.k-hover { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary-hover, #116fa5) } .k-drawer-separator { background-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-notification-group { max-height: 100%; display: inline-flex; flex-flow: column-reverse wrap; position: fixed; z-index: 1000; gap: var(--kendo-spacing-2, 10px) 0 } .k-notification-container-animating { overflow: hidden } .k-notification { border-radius: var(--kendo-border-radius-md, 5px); padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size-sm, inherit); line-height: va(--kendo-line-height, normal); cursor: default; position: relative; display: flex; align-items: center; justify-content: center; gap: var(--kendo-spacing-1, 5px); -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-notification *, .k-notification *::before, .k-notification *::after { box-sizing: border-box } .k-notification>.k-notification-content { flex: 1 1 auto } .k-notification-actions { flex: none; display: flex; gap: var(--kendo-spacing-1, 5px); flex-flow: row nowrap; align-items: center; align-self: center; cursor: pointer } .k-notification-action { flex: none; display: flex; flex-flow: row nowrap; align-items: center; align-self: center } .k-notification { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-notification-inverse { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-notification-light { border-color: var(--kendo-color-light, #757575); color: var(--kendo-color-on-light, white); background-color: var(--kendo-color-light, #757575) } .k-notification-dark { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-notification-error { border-color: var(--kendo-color-error, #D51923); color: var(--kendo-color-on-error, white); background-color: var(--kendo-color-error, #D51923) } .k-notification-warning { border-color: var(--kendo-color-warning, #F5A600); color: var(--kendo-color-on-warning, white); background-color: var(--kendo-color-warning, #F5A600) } .k-notification-success { border-color: var(--kendo-color-success, #278200); color: var(--kendo-color-on-success, white); background-color: var(--kendo-color-success, #278200) } .k-notification-info { border-color: var(--kendo-color-info, #0058E9); color: var(--kendo-color-on-info, white); background-color: var(--kendo-color-info, #0058E9) } .k-notification-tertiary { border-color: var(--kendo-color-tertiary, #007F84); color: var(--kendo-color-on-tertiary, white); background-color: var(--kendo-color-tertiary, #007F84) } .k-notification-secondary { border-color: var(--kendo-color-secondary, #757575); color: var(--kendo-color-on-secondary, white); background-color: var(--kendo-color-secondary, #757575) } .k-notification-primary { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } kendo-card, kendo-card-header, kendo-card-body, kendo-card-actions, kendo-card-footer { display: block } .k-card { border-radius: var(--kendo-border-radius-lg, 7.5px); border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; position: relative; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-card *, .k-card *::before, .k-card *::after { box-sizing: border-box } .k-card .k-card-avatar, .k-card .k-avatar { margin-right: var(--kendo-spacing-4, 20px); width: 45px; height: 45px; flex-basis: 45px } .k-card>.k-card-inner { border-radius: calc(var(--kendo-border-radius-lg, 7.5px) - 1px); display: flex; flex-direction: inherit; overflow: hidden; position: relative } .k-card-horizontal { flex-flow: row nowrap } .k-card-vertical { flex-flow: column nowrap } .k-card-header { padding-block: var(--kendo-spacing-3, 0.15px); padding-inline: var(--kendo-spacing-4, 20px); border-width: 0 0 1px; border-style: solid; outline: 0; flex-shrink: 0; overflow: hidden; position: relative; z-index: 1 } .k-card-header .k-card-title, .k-card-header .k-card-subtitle { margin-bottom: 0 } .k-card-header .k-card-title+.k-card-subtitle, .k-card-header .k-card-subtitle+.k-card-subtitle { margin-top: var(--kendo-spacing-2, 10px) } .k-card-footer { padding-block: var(--kendo-spacing-3, 0.15px); padding-inline: var(--kendo-spacing-4, 20px); border-width: 1px 0 0; border-style: solid; outline: 0; flex-shrink: 0 } .k-card-body { padding-block: var(--kendo-spacing-4, 20px); padding-inline: var(--kendo-spacing-4, 20px); outline: 0; flex: 1 1 auto } .k-card-body p { margin: 0 0 var(--kendo-font-size, inherit) } .k-card-body>.k-last, .k-card-body>:last-child { margin-bottom: 0 } .k-card-body>.k-card-actions { padding: 0 } .k-card-media { border: 0; max-width: 100%; flex-shrink: 0; overflow: hidden } .k-card-horizontal .k-card-media { max-width: 100px; object-fit: cover } .k-card-title { margin: 0 0 var(--kendo-spacing-2, 10px); font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-sm, normal); font-weight: var(--kendo-font-weight-normal, normal) } .k-card-subtitle { margin: 0 0 var(--kendo-spacing-2, 10px); font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height-lg, normal); font-weight: var(--kendo-font-weight-normal, normal) } .k-card-separator { margin: 0; border-width: 0; border-style: solid; border-color: inherit; display: block; flex: 0 0 auto; align-self: stretch } .k-card-separator.k-separator-horizontal, .k-card-vertical>.k-card-separator { border-top-width: 1px } .k-card-separator.k-separator-vertical, .k-card-horizontal>.k-card-separator { border-left-width: 1px } .k-card>.k-hr { margin: 0; flex: 0 0 auto; border-color: inherit } .k-card-actions { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); border-width: 0; border-style: solid; border-color: inherit; overflow: hidden; display: flex; flex-shrink: 0; flex-basis: auto; gap: var(--kendo-spacing-2, 10px) } .k-card-horizontal .k-actions-horizontal { width: auto } .k-card-list { display: flex; flex-flow: column nowrap; align-items: stretch; gap: var(--kendo-spacing-4, 20px); flex: 0 0 auto } .k-card-list .k-card { flex: 0 0 auto } .k-card-deck { display: flex; flex-flow: row nowrap; align-items: stretch; gap: var(--kendo-spacing-4, 20px); flex: 0 0 auto } .k-card-deck .k-card { flex: 0 0 auto } .k-card-deck-scrollwrap { padding-bottom: 3px; width: 100%; box-sizing: content-box; display: flex; flex: 0 0 auto; align-items: center; position: relative; overflow: hidden } .k-card-deck-scrollwrap>.k-button { border-radius: 0px; flex: 0 0 auto; position: absolute; z-index: 1 } .k-card-deck-scrollwrap>.k-button:first-child { left: -1px } .k-card-deck-scrollwrap>.k-button:last-child { right: -1px } .k-card-deck-scrollwrap>.k-card-deck { margin-bottom: -20px; padding-bottom: 20px; flex: 1 1 auto } .k-card-group { display: flex; flex-flow: row nowrap; align-items: stretch; flex: 0 0 auto } .k-card-group .k-card { border-radius: 0; flex: 0 0 auto } .k-card-group .k-card+.k-card { margin-inline-start: 1px } .k-card-group .k-card.k-first { border-top-left-radius: var(--kendo-border-radius-lg, 7.5px); border-bottom-left-radius: var(--kendo-border-radius-lg, 7.5px) } .k-card-group .k-card.k-last { border-top-right-radius: var(--kendo-border-radius-lg, 7.5px); border-bottom-right-radius: var(--kendo-border-radius-lg, 7.5px) } .k-card-group .k-card.k-only { border-radius: var(--kendo-border-radius-lg, 7.5px) } .k-card-with-callout { overflow: visible } .k-card-callout { margin: 0; width: 20px; height: 20px; border-width: 1px; border-style: solid; box-sizing: border-box; position: absolute } .k-card-callout.k-callout-n { top: 0; left: 50%; transform: translate(-50%, -50%) rotate(45deg) } .k-card-callout.k-callout-e { top: 50%; right: 0; transform: translate(50%, -50%) rotate(-45deg) } .k-card-callout.k-callout-s { bottom: 0; left: 50%; transform: translate(-50%, 50%) rotate(45deg) } .k-card-callout.k-callout-w { top: 50%; left: 0; transform: translate(-50%, -50%) rotate(45deg) } .k-card-flat { box-shadow: none } .k-card { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-card .k-card-inner { background-color: inherit; border-color: inherit } .k-card:focus, .k-card.k-focus { border-color: rgba(0, 0, 0, .15) } .k-card-actions { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-card-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242) } .k-card-footer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242) } .k-card-separator, .k-card .k-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-card-subtitle { color: var(--kendo-color-subtle, #666666) } .k-card-primary { background-color: var(--kendo-color-primary-subtle, #d0e3ee); color: var(--kendo-color-primary-on-subtle, #06293c); border-color: var(--kendo-color-primary-emphasis, #4d97c1) } .k-card-primary .k-card-subtitle { color: inherit } .k-card-secondary { background-color: var(--kendo-color-secondary-subtle, #e3e3e3); color: var(--kendo-color-secondary-on-subtle, #292929); border-color: var(--kendo-color-secondary-emphasis, #989898) } .k-card-secondary .k-card-subtitle { color: inherit } .k-card-tertiary { background-color: var(--kendo-color-tertiary-subtle, #cce5e6); color: var(--kendo-color-tertiary-on-subtle, #002c2e); border-color: var(--kendo-color-tertiary-emphasis, #409fa3) } .k-card-tertiary .k-card-subtitle { color: inherit } .k-card-info { background-color: var(--kendo-color-info-subtle, #ccdefb); color: var(--kendo-color-info-on-subtle, #001f52); border-color: var(--kendo-color-info-emphasis, #4082ef) } .k-card-info .k-card-subtitle { color: inherit } .k-card-success { background-color: var(--kendo-color-success-subtle, #d4e6cc); color: var(--kendo-color-success-on-subtle, #0e2e00); border-color: var(--kendo-color-success-emphasis, #5da140) } .k-card-success .k-card-subtitle { color: inherit } .k-card-warning { background-color: var(--kendo-color-warning-subtle, #fdedcc); color: var(--kendo-color-warning-on-subtle, #563a00); border-color: var(--kendo-color-warning-emphasis, #f8bc40) } .k-card-warning .k-card-subtitle { color: inherit } .k-card-error { background-color: var(--kendo-color-error-subtle, #f7d1d3); color: var(--kendo-color-error-on-subtle, #4b090c); border-color: var(--kendo-color-error-emphasis, #e0535a) } .k-card-error .k-card-subtitle { color: inherit } .k-card-dark { background-color: var(--kendo-color-dark-subtle, #c2c2c2); color: var(--kendo-color-dark-on-subtle, #1f1f1f); border-color: var(--kendo-color-dark-emphasis, #666666) } .k-card-dark .k-card-subtitle { color: inherit } .k-card-light { background-color: var(--kendo-color-light-subtle, #e3e3e3); color: var(--kendo-color-light-on-subtle, #292929); border-color: var(--kendo-color-light-emphasis, #989898) } .k-card-light .k-card-subtitle { color: inherit } .k-card-inverse { background-color: var(--kendo-color-inverse-subtle, #c2c2c2); color: var(--kendo-color-inverse-on-subtle, #1f1f1f); border-color: var(--kendo-color-inverse-emphasis, #666666) } .k-card-inverse .k-card-subtitle { color: inherit } .k-card-callout { border-color: inherit; background-color: inherit; box-shadow: inherit } .k-popover { border-radius: var(--kendo-border-radius-lg, 7.5px); padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-flow: column nowrap; z-index: 12000; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-popover *, .k-popover *::before, .k-popover *::after { box-sizing: border-box } .k-popover-inner { height: inherit; position: relative; border-radius: inherit; border-color: inherit } .k-popover-header { border-top-left-radius: var(--kendo-border-radius-lg, 7.5px); border-top-right-radius: var(--kendo-border-radius-lg, 7.5px); padding-block: var(--kendo-spacing-3, 0.15px); padding-inline: var(--kendo-spacing-4, 20px); border-width: 0 0 1px; border-style: solid; border-color: inherit } .k-popover-body { padding-block: var(--kendo-spacing-4, 20px); padding-inline: var(--kendo-spacing-4, 20px) } .k-popover-actions { border-width: 1px 0 0 } .k-popover-callout { margin: 0; width: 20px; height: 20px; border-width: 1px; border-style: solid; position: absolute } .k-popover-callout.k-callout-n { top: 0; left: 50%; transform: translate(-50%, -50%) rotate(45deg) } .k-popover-callout.k-callout-e { top: 50%; right: 0; transform: translate(50%, -50%) rotate(-45deg) } .k-popover-callout.k-callout-s { bottom: 0; left: 50%; transform: translate(-50%, 50%) rotate(45deg) } .k-popover-callout.k-callout-w { top: 50%; left: 0; transform: translate(-50%, -50%) rotate(45deg) } .k-popover { box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)); border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-popover-inner { background-color: inherit; border-color: inherit } .k-popover-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242) } .k-popover-callout { border-color: inherit; background-color: inherit; box-shadow: inherit } .k-rpanel-left, .k-rpanel-right { position: fixed; display: block; overflow: auto; min-width: 320px; height: 100%; top: 0 } .k-rpanel-left+*, .k-rpanel-right+* { overflow: auto } .k-rpanel-left.k-rpanel-expanded, .k-rpanel-right.k-rpanel-expanded { transform: translateX(0) translateZ(0) } .k-rpanel-left { transform: translateX(-100%) translateZ(0); left: 0 } .k-rpanel-right { transform: translateX(100%) translateZ(0); right: 0 } .k-rpanel-top { position: static; max-height: 0 } .k-rpanel-top.k-rpanel-expanded { max-height: 568px; overflow: visible !important } .k-rpanel-toggle { touch-action: manipulation } .k-bottom-nav { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px); width: 100%; border-width: 0; border-style: solid; border-color: rgba(0, 0, 0, 0); box-sizing: border-box; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height-xs, normal); font-family: var(--kendo-font-family, inherit); letter-spacing: .2px; display: flex; flex-flow: row nowrap; white-space: nowrap; gap: var(--kendo-spacing-1, 5px); overflow: hidden; outline: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-bottom-nav *, .k-bottom-nav *::before, .k-bottom-nav *::after { box-sizing: border-box } .k-bottom-nav-border { border-width: 1px 0px 0px 0px } .k-bottom-nav-shadow { box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-bottom-nav-item { padding-block: var(--kendo-spacing-0, 0px); padding-inline: var(--kendo-spacing-2, 10px); min-width: 72px; min-height: calc(40px + var(--kendo-spacing-2, 10px)*2 - var(--kendo-spacing-1, 5px)*2); border-width: 0; border-radius: var(--kendo-border-radius-md, 5px); box-sizing: border-box; font: inherit; display: inline-flex; flex: 1 1 auto; align-items: center; justify-content: center; gap: 0 var(--kendo-spacing-1, 5px); text-decoration: none; cursor: pointer; color: inherit; background-color: inherit; border-color: inherit; outline: none } .k-bottom-nav-item:focus { outline: none } .k-bottom-nav-item:hover { color: inherit; text-decoration: none } .k-bottom-nav-item>.k-bottom-nav-link { margin-block: calc(var(--kendo-spacing-0, 0px)*-1); margin-inline: calc(var(--kendo-spacing-2, 10px)*-1); padding-block: var(--kendo-spacing-0, 0px); padding-inline: var(--kendo-spacing-2, 10px); width: 100%; color: inherit; display: flex; flex-flow: row nowrap; flex: 1 0 auto; align-items: center; justify-content: center; outline: 0 } .k-bottom-nav-item.k-disabled { background-color: initial } .k-bottom-nav-item-text { overflow: hidden; text-overflow: ellipsis; max-width: 100% } .k-bottom-nav-item-flow-horizontal .k-bottom-nav-item { flex-flow: row nowrap } .k-bottom-nav-item-flow-vertical .k-bottom-nav-item { flex-direction: column } .k-bottom-nav.k-pos-fixed, .k-bottom-nav.k-fixed { bottom: 0; z-index: 1 } .k-bottom-nav-solid-primary, .k-bottom-nav-solid.k-bottom-nav-primary { color: color-mix(in srgb, var(--kendo-color-on-primary, white) 65%, transparent); background-color: var(--kendo-color-primary, #1274AC) } .k-bottom-nav-solid-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-primary .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-primary, white) 12.5%, transparent) } .k-bottom-nav-solid-primary .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-primary, white) } .k-bottom-nav-solid-secondary, .k-bottom-nav-solid.k-bottom-nav-secondary { color: color-mix(in srgb, var(--kendo-color-on-secondary, white) 65%, transparent); background-color: var(--kendo-color-secondary, #757575) } .k-bottom-nav-solid-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-secondary .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-secondary, white) 12.5%, transparent) } .k-bottom-nav-solid-secondary .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-secondary, white) } .k-bottom-nav-solid-tertiary, .k-bottom-nav-solid.k-bottom-nav-tertiary { color: color-mix(in srgb, var(--kendo-color-on-tertiary, white) 65%, transparent); background-color: var(--kendo-color-tertiary, #007F84) } .k-bottom-nav-solid-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-tertiary .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-tertiary, white) 12.5%, transparent) } .k-bottom-nav-solid-tertiary .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-tertiary, white) } .k-bottom-nav-solid-info, .k-bottom-nav-solid.k-bottom-nav-info { color: color-mix(in srgb, var(--kendo-color-on-info, white) 65%, transparent); background-color: var(--kendo-color-info, #0058E9) } .k-bottom-nav-solid-info .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-info .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-info, white) 12.5%, transparent) } .k-bottom-nav-solid-info .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-info, white) } .k-bottom-nav-solid-success, .k-bottom-nav-solid.k-bottom-nav-success { color: color-mix(in srgb, var(--kendo-color-on-success, white) 65%, transparent); background-color: var(--kendo-color-success, #278200) } .k-bottom-nav-solid-success .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-success .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-success, white) 12.5%, transparent) } .k-bottom-nav-solid-success .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-success, white) } .k-bottom-nav-solid-warning, .k-bottom-nav-solid.k-bottom-nav-warning { color: color-mix(in srgb, var(--kendo-color-on-warning, white) 65%, transparent); background-color: var(--kendo-color-warning, #F5A600) } .k-bottom-nav-solid-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-warning .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-warning, white) 12.5%, transparent) } .k-bottom-nav-solid-warning .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-warning, white) } .k-bottom-nav-solid-error, .k-bottom-nav-solid.k-bottom-nav-error { color: color-mix(in srgb, var(--kendo-color-on-error, white) 65%, transparent); background-color: var(--kendo-color-error, #D51923) } .k-bottom-nav-solid-error .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-error .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-error, white) 12.5%, transparent) } .k-bottom-nav-solid-error .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-error, white) } .k-bottom-nav-solid-dark, .k-bottom-nav-solid.k-bottom-nav-dark { color: color-mix(in srgb, var(--kendo-color-on-dark, #ffffff) 65%, transparent); background-color: var(--kendo-color-dark, #3d3d3d) } .k-bottom-nav-solid-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-dark .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-dark, #ffffff) 12.5%, transparent) } .k-bottom-nav-solid-dark .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-dark, #ffffff) } .k-bottom-nav-solid-light, .k-bottom-nav-solid.k-bottom-nav-light { color: color-mix(in srgb, var(--kendo-color-on-light, white) 65%, transparent); background-color: var(--kendo-color-light, #757575) } .k-bottom-nav-solid-light .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-light .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-light, white) 12.5%, transparent) } .k-bottom-nav-solid-light .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-light, white) } .k-bottom-nav-solid-inverse, .k-bottom-nav-solid.k-bottom-nav-inverse { color: color-mix(in srgb, var(--kendo-color-on-inverse, #ffffff) 65%, transparent); background-color: var(--kendo-color-dark, #3d3d3d) } .k-bottom-nav-solid-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-inverse .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-inverse, #ffffff) 12.5%, transparent) } .k-bottom-nav-solid-inverse .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-inverse, #ffffff) } .k-bottom-nav-flat-primary, .k-bottom-nav-flat.k-bottom-nav-primary { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-primary .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 5%, transparent) } .k-bottom-nav-flat-primary .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-selected { color: var(--kendo-color-primary, #1274AC) } .k-bottom-nav-flat-secondary, .k-bottom-nav-flat.k-bottom-nav-secondary { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-secondary .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 5%, transparent) } .k-bottom-nav-flat-secondary .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-selected { color: var(--kendo-color-secondary, #757575) } .k-bottom-nav-flat-tertiary, .k-bottom-nav-flat.k-bottom-nav-tertiary { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-tertiary .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 5%, transparent) } .k-bottom-nav-flat-tertiary .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected { color: var(--kendo-color-tertiary, #007F84) } .k-bottom-nav-flat-info, .k-bottom-nav-flat.k-bottom-nav-info { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-info .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-info .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 5%, transparent) } .k-bottom-nav-flat-info .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-selected { color: var(--kendo-color-info, #0058E9) } .k-bottom-nav-flat-success, .k-bottom-nav-flat.k-bottom-nav-success { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-success .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-success .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 5%, transparent) } .k-bottom-nav-flat-success .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-selected { color: var(--kendo-color-success, #278200) } .k-bottom-nav-flat-warning, .k-bottom-nav-flat.k-bottom-nav-warning { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-warning .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 5%, transparent) } .k-bottom-nav-flat-warning .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-selected { color: var(--kendo-color-warning, #F5A600) } .k-bottom-nav-flat-error, .k-bottom-nav-flat.k-bottom-nav-error { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-error .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-error .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 5%, transparent) } .k-bottom-nav-flat-error .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-selected { color: var(--kendo-color-error, #D51923) } .k-bottom-nav-flat-dark, .k-bottom-nav-flat.k-bottom-nav-dark { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-dark .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 5%, transparent) } .k-bottom-nav-flat-dark .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-selected { color: var(--kendo-color-dark, #3d3d3d) } .k-bottom-nav-flat-light, .k-bottom-nav-flat.k-bottom-nav-light { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-light .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-light .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 5%, transparent) } .k-bottom-nav-flat-light .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-selected { color: var(--kendo-color-light, #757575) } .k-bottom-nav-flat-inverse, .k-bottom-nav-flat.k-bottom-nav-inverse { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-inverse .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 5%, transparent) } .k-bottom-nav-flat-inverse .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-selected { color: var(--kendo-color-dark, #3d3d3d) } .k-breadcrumb { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); display: flex; flex-direction: row; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-breadcrumb *, .k-breadcrumb *::before, .k-breadcrumb *::after { box-sizing: border-box } .k-breadcrumb-container, .k-breadcrumb-root-item-container { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row nowrap; overflow: hidden } .k-breadcrumb-root-item-container { align-items: flex-start; flex-shrink: 0 } .k-breadcrumb-item { vertical-align: middle; display: inline-flex; flex-direction: row; flex: none; align-items: center; overflow: hidden } .k-breadcrumb-root-item { flex-shrink: 0 } .k-breadcrumb-link, .k-breadcrumb-root-link { border-radius: var(--kendo-border-radius-md, 5px); color: inherit; text-decoration: none; white-space: nowrap; outline: none; cursor: pointer; position: relative; display: inline-flex; align-items: center; align-self: stretch; overflow: hidden; transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out } .k-breadcrumb-link>.k-image, .k-breadcrumb-icontext-link .k-icon { margin-inline-end: var(--kendo-spacing-1, 5px) } .k-breadcrumb-delimiter, .k-breadcrumb-delimiter-icon { color: inherit; opacity: .6 } .k-breadcrumb-input-container { width: 100% } .k-breadcrumb-input-container .k-breadcrumb-input-container { border-color: rgba(0, 0, 0, 0) } .k-breadcrumb-sm { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-breadcrumb-sm .k-breadcrumb-link, .k-breadcrumb-sm .k-breadcrumb-root-link { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-breadcrumb-sm .k-breadcrumb-icon-link { padding-block: var(--kendo-spacing-1\.5, 7.5px); padding-inline: var(--kendo-spacing-1\.5, 7.5px) } .k-breadcrumb-md { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-breadcrumb-md .k-breadcrumb-link, .k-breadcrumb-md .k-breadcrumb-root-link { padding-block: var(--kendo-spacing-1\.5, 7.5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-breadcrumb-md .k-breadcrumb-icon-link { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px) } .k-breadcrumb-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-breadcrumb-lg .k-breadcrumb-link, .k-breadcrumb-lg .k-breadcrumb-root-link { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px) } .k-breadcrumb-lg .k-breadcrumb-icon-link { padding-block: var(--kendo-spacing-3, 0.15px); padding-inline: var(--kendo-spacing-3, 0.15px) } .k-breadcrumb { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-breadcrumb:focus, .k-breadcrumb.k-focus { box-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) } .k-breadcrumb-link { color: var(--kendo-color-primary, #1274AC) } .k-breadcrumb-link:hover, .k-breadcrumb-link.k-hover { color: var(--kendo-color-primary-hover, #116fa5); background-color: var(--kendo-color-surface, #fafafa) } .k-breadcrumb-link:focus, .k-breadcrumb-link.k-focus { color: var(--kendo-color-primary, #1274AC); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) } .k-breadcrumb-root-link:hover, .k-breadcrumb-root-link.k-hover { background-color: var(--kendo-color-surface, #fafafa) } .k-breadcrumb-root-link:focus, .k-breadcrumb-root-link.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) } .k-pager { padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); white-space: nowrap; display: flex; align-items: center; position: relative; overflow: hidden; cursor: default; flex: 0 0 auto; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-pager *, .k-pager *::before, .k-pager *::after { box-sizing: border-box } .k-pager-info, .k-pager-sizes, .k-pager-input { display: flex; flex-direction: row; align-items: center } .k-pager-nav { color: inherit; text-align: center; display: inline-flex; align-items: center; justify-content: center; position: relative } .k-pager-nav:hover { z-index: 2 } .k-disabled.k-pager-nav { color: inherit } .k-pager-numbers-wrap { display: flex; flex-direction: row; position: relative } .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown, .k-pager-numbers-wrap select.k-dropdownlist { width: 5em } .k-pager-numbers { display: flex; flex-direction: row } .k-pager-numbers .k-selected { cursor: inherit; z-index: 2 } .k-pager-input { gap: 1ex } .k-pager-input .k-textbox, .k-pager-input .k-numerictextbox { margin-block: 0; width: 5em } .k-pager-sizes { gap: 1ex } .k-pager-sizes .k-input-inner, .k-pager-sizes .k-input-value-text { text-overflow: clip } .k-pager-info { text-align: end; justify-content: flex-end; flex: 1 1 0%; order: 9 } .k-pager-refresh { margin-inline-start: auto; color: inherit; order: 10 } .k-pager-sm { padding-inline: var(--kendo-spacing-1, 5px); padding-block: var(--kendo-spacing-1, 5px); gap: var(--kendo-spacing-3, 0.15px) } .k-pager-sm .k-pager-numbers-wrap .k-button { min-width: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-0\.5, 2.5px)*2 + 2px) } .k-pager-sm .k-pager-numbers-wrap .k-pager-input, .k-pager-sm .k-pager-numbers-wrap>select.k-dropdown-list, .k-pager-sm .k-pager-numbers-wrap>select.k-dropdown, .k-pager-sm .k-pager-numbers-wrap>select.k-dropdownlist { margin-inline-start: var(--kendo-spacing-3, 0.15px); margin-inline-end: var(--kendo-spacing-3, 0.15px) } .k-pager-sm .k-pager-sizes .k-dropdown-list, .k-pager-sm .k-pager-sizes .k-dropdown, .k-pager-sm .k-pager-sizes .k-dropdownlist, .k-pager-sm .k-pager-sizes>select { width: 5em } .k-pager-md { padding-inline: var(--kendo-spacing-2, 10px); padding-block: var(--kendo-spacing-2, 10px); gap: var(--kendo-spacing-3\.5, 0.815px) } .k-pager-md .k-pager-numbers-wrap .k-button { min-width: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 5px)*2 + 2px) } .k-pager-md .k-pager-numbers-wrap .k-pager-input, .k-pager-md .k-pager-numbers-wrap>select.k-dropdown-list, .k-pager-md .k-pager-numbers-wrap>select.k-dropdown, .k-pager-md .k-pager-numbers-wrap>select.k-dropdownlist { margin-inline-start: var(--kendo-spacing-3\.5, 0.815px); margin-inline-end: var(--kendo-spacing-3\.5, 0.815px) } .k-pager-md .k-pager-sizes .k-dropdown-list, .k-pager-md .k-pager-sizes .k-dropdown, .k-pager-md .k-pager-sizes .k-dropdownlist, .k-pager-md .k-pager-sizes>select { width: 5em } .k-pager-lg { padding-inline: var(--kendo-spacing-2\.5, 12.5px); padding-block: var(--kendo-spacing-2\.5, 12.5px); gap: var(--kendo-spacing-4, 20px) } .k-pager-lg .k-pager-numbers-wrap .k-button { min-width: calc(var(--kendo-line-height-lg, normal)*1em + var(--kendo-spacing-2, 10px)*2 + 2px) } .k-pager-lg .k-pager-numbers-wrap .k-pager-input, .k-pager-lg .k-pager-numbers-wrap>select.k-dropdown-list, .k-pager-lg .k-pager-numbers-wrap>select.k-dropdown, .k-pager-lg .k-pager-numbers-wrap>select.k-dropdownlist { margin-inline-start: var(--kendo-spacing-4, 20px); margin-inline-end: var(--kendo-spacing-4, 20px) } .k-pager-lg .k-pager-sizes .k-dropdown-list, .k-pager-lg .k-pager-sizes .k-dropdown, .k-pager-lg .k-pager-sizes .k-dropdownlist, .k-pager-lg .k-pager-sizes>select { width: 5em } .k-pager { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-pager:focus, .k-pager.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) } .k-stepper { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); font-family: var(--kendo-font-family, inherit); display: block; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: inherit; background: none } .k-stepper *, .k-stepper *::before, .k-stepper *::after { box-sizing: border-box } .k-stepper .k-step-list { margin: 0; padding: 0; list-style: none; display: flex; position: relative; z-index: 1 } .k-stepper .k-step-link { outline: none; color: inherit; text-decoration: none; white-space: nowrap; display: flex; align-items: center; overflow: hidden } .k-stepper .k-step-indicator { border-radius: 50%; margin: 3px; width: 28px; height: 28px; border-width: 1px; border-style: solid; display: flex; align-items: center; justify-content: center; flex: none; position: relative; z-index: 1; overflow: visible; transition-property: color, background-color, border-color; transition-duration: .4s; transition-timing-function: ease-in-out } .k-stepper .k-step-indicator::before { border-radius: 50%; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1 } .k-stepper .k-step-indicator::after { border-radius: 100%; content: ""; border-width: 1px; border-style: solid; border-color: inherit; pointer-events: none; display: none; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; z-index: 2 } .k-stepper .k-step.k-focus .k-step-indicator::after, .k-stepper .k-step-link:focus .k-step-indicator::after { display: block } .k-stepper .k-step-label { max-width: clamp(100%, 10em, 100%); display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; z-index: 1 } .k-stepper .k-step-label:only-child { border-radius: var(--kendo-border-radius-xxxl, 20px); padding-block: calc(var(--kendo-spacing-2\.5, 12.5px)/2); padding-inline: var(--kendo-spacing-3, 0.15px); border-width: 0 } .k-stepper .k-step-label .k-step-text { max-width: calc(10em - 16px - var(--kendo-spacing-1, 5px)); flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .k-stepper .k-step-label .k-icon { margin-left: var(--kendo-spacing-1, 5px) } .k-stepper .k-step-current .k-step-label { font-weight: bold } .k-stepper .k-step-label-optional { flex-basis: 100%; font-style: italic } .k-stepper .k-step-disabled, .k-stepper .k-step.k-disabled { opacity: 1; pointer-events: none } .k-stepper .k-step-disabled .k-step-link, .k-stepper .k-step.k-disabled .k-step-link { cursor: default } .k-stepper .k-step-disabled .k-step-label-optional, .k-stepper .k-step.k-disabled .k-step-label-optional { color: inherit } .k-stepper .k-progressbar { pointer-events: none; z-index: 0; overflow: visible } .k-stepper .k-progressbar-horizontal { grid-row: 1/-1 } .k-stepper .k-progressbar-vertical { position: absolute } .k-step-list-horizontal { flex-direction: row; grid-row: 1 } .k-step-list-horizontal .k-step { flex: 1 0 auto; text-align: center } .k-step-list-horizontal .k-step-link { margin: auto; max-width: 10em; flex-direction: column } .k-step-list-horizontal .k-step-label { text-align: center } .k-step-list-horizontal .k-step-indicator+.k-step-label { margin-top: var(--kendo-spacing-1, 5px) } .k-step-list-horizontal~.k-progressbar { width: 100%; height: 2px; top: 17px } .k-step-list-vertical { flex-direction: column } .k-step-list-vertical .k-step { min-height: 54px } .k-step-list-vertical .k-step-label { justify-content: flex-start } .k-step-list-vertical .k-step-indicator+.k-step-label { margin-left: var(--kendo-spacing-3, 0.15px) } .k-step-list-vertical~.k-progressbar { width: 2px; height: 100%; min-height: 20px; left: 17px } .k-step-list-vertical .k-step-content { height: 0; overflow: hidden; transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } .k-step-list-vertical .k-step-current .k-step-content { height: auto; overflow: visible; display: flex; flex-direction: column; justify-content: space-between; margin-left: 30px; padding-block: var(--kendo-spacing-5, 25px); padding-inline: var(--kendo-spacing-2\.5, 12.5px) } .k-rtl .k-stepper, .k-stepper[dir=rtl] { direction: rtl } .k-rtl .k-stepper .k-step-label .k-icon, .k-stepper[dir=rtl] .k-step-label .k-icon { margin-left: 0; margin-right: var(--kendo-spacing-1, 5px) } .k-rtl .k-stepper .k-step-list-vertical .k-step-indicator+.k-step-label, .k-stepper[dir=rtl] .k-step-list-vertical .k-step-indicator+.k-step-label { margin-left: 0; margin-right: var(--kendo-spacing-3, 0.15px) } .k-rtl .k-stepper .k-step-list-vertical~.k-progressbar, .k-stepper[dir=rtl] .k-step-list-vertical~.k-progressbar { left: auto; right: 17px } .k-stepper { color: var(--kendo-color-on-app-surface, #424242) } .k-stepper .k-step:hover .k-step-label, .k-stepper .k-step.k-hover .k-step-label, .k-stepper .k-step.k-step-hover .k-step-label { color: var(--kendo-color-on-base, #424242) } .k-stepper .k-step:hover .k-step-indicator, .k-stepper .k-step.k-hover .k-step-indicator, .k-stepper .k-step.k-step-hover .k-step-indicator { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-stepper .k-step.k-focus .k-step-label:only-child, .k-stepper .k-step .k-step-link:focus .k-step-label:only-child { box-shadow: inset 0 0 0 2px var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-stepper .k-step.k-step-disabled .k-step-indicator, .k-stepper .k-step.k-disabled .k-step-indicator, .k-stepper .k-step:disabled .k-step-indicator { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 60%, transparent); background-color: var(--kendo-color-app-surface, #ffffff) } .k-stepper .k-step.k-step-disabled .k-step-label, .k-stepper .k-step.k-disabled .k-step-label, .k-stepper .k-step:disabled .k-step-label { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 60%, transparent) } .k-stepper .k-step-indicator { border-color: #ccc; color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-stepper .k-step-indicator::after { box-shadow: inset 0 0 0 2px var(--kendo-color-surface-alt, #ffffff) } .k-stepper .k-step-label:only-child { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-stepper .k-step-done .k-step-indicator { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-stepper .k-step-done:hover .k-step-indicator, .k-stepper .k-step-done.k-hover .k-step-indicator, .k-stepper .k-step-done.k-step-hover .k-step-indicator { background-color: var(--kendo-color-primary-hover, #116fa5) } .k-stepper .k-step-done.k-step-disabled .k-step-indicator, .k-stepper .k-step-done.k-disabled .k-step-indicator, .k-stepper .k-step-done:disabled .k-step-indicator { border-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 60%, transparent); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-app-surface, #ffffff) } .k-stepper .k-step-done.k-step-disabled .k-step-indicator::before, .k-stepper .k-step-done.k-disabled .k-step-indicator::before, .k-stepper .k-step-done:disabled .k-step-indicator::before { background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 60%, transparent) } .k-stepper .k-step-current .k-step-indicator { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-stepper .k-step-current:hover .k-step-indicator, .k-stepper .k-step-current.k-hover .k-step-indicator, .k-stepper .k-step-current.k-step-hover .k-step-indicator { background-color: var(--kendo-color-primary-hover, #116fa5) } .k-stepper .k-step-current.k-step-disabled .k-step-indicator, .k-stepper .k-step-current.k-disabled .k-step-indicator, .k-stepper .k-step-current:disabled .k-step-indicator { border-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 60%, transparent); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-app-surface, #ffffff) } .k-stepper .k-step-current.k-step-disabled .k-step-indicator::before, .k-stepper .k-step-current.k-disabled .k-step-indicator::before, .k-stepper .k-step-current:disabled .k-step-indicator::before { background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 60%, transparent) } .k-stepper .k-step-success .k-step-label .k-icon { color: var(--kendo-color-success, #278200) } .k-stepper .k-step-error .k-step-label { color: var(--kendo-color-error, #D51923) } .k-stepper .k-step-error:hover .k-step-label, .k-stepper .k-step-error.k-hover .k-step-label, .k-stepper .k-step-error.k-step-hover .k-step-label { color: var(--kendo-color-error, #D51923) } .k-stepper .k-step-label-optional { color: var(--kendo-color-subtle, #666666) } .k-tabstrip-wrapper { padding-block: var(--kendo-spacing-0, 0px); padding-inline: var(--kendo-spacing-0, 0px); box-sizing: border-box; border-width: 0px; border-style: solid; display: flex; flex-direction: column; position: relative } .k-tabstrip { border-width: 0; border-color: rgba(0, 0, 0, 0); box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); color: inherit; background-color: rgba(0, 0, 0, 0); display: flex; flex-flow: column nowrap; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-tabstrip-wrapper>.k-tabstrip { flex: 1 1 auto } .k-tabstrip-items-wrapper { box-sizing: border-box; border-width: 0; border-style: solid; border-color: inherit; position: relative } .k-tabstrip-items { box-sizing: border-box; outline: 0; display: flex; flex-direction: inherit; flex-wrap: wrap; flex: 1 1 auto; gap: var(--kendo-spacing-0, 0px) } .k-tabstrip-items *, .k-tabstrip-items *::before, .k-tabstrip-items *::after { box-sizing: border-box } .k-tabstrip-items .k-item { margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0); position: relative; flex-shrink: 0; display: flex; flex-direction: row; align-items: stretch; justify-items: stretch; outline: 0 } .k-tabstrip-items .k-item-actions { margin: 0; padding: 0; display: flex; flex-direction: row } .k-tabstrip-items .k-tab-on-top { z-index: 1 } .k-tabstrip-items .k-link { padding-block: var(--kendo-spacing-1\.5, 7.5px); padding-inline: var(--kendo-spacing-3, 0.15px); color: inherit; cursor: pointer; display: inline-flex; vertical-align: middle; flex: 1 1 auto; flex-direction: row; align-content: center; align-items: center; gap: var(--kendo-spacing-1, 5px) } .k-tabstrip-content, .k-tabstrip>.k-content { margin: 0 !important; padding-block: var(--kendo-spacing-4, 20px); padding-inline: var(--kendo-spacing-4, 20px); box-sizing: border-box; border-width: 1px; border-style: solid; border-color: inherit; display: none; overflow: auto; flex: 1 1 auto; position: relative } .k-tabstrip-content.k-active, .k-tabstrip>.k-content.k-active { display: block } .k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip>.k-content:focus, .k-tabstrip>.k-content.k-focus { outline-width: 1px; outline-style: dotted; outline-offset: -1px } .k-tabstrip-items .k-loading { width: 20%; height: 0; border: 0; border-top: 1px solid rgba(0, 0, 0, 0); border-color: inherit; background: none; position: absolute; top: 0; left: 0; transition: width .2s linear; display: none } .k-tabstrip-items .k-loading.k-complete { width: 100%; border-top-width: 0 } .k-tabstrip-scrollable>.k-tabstrip-items-wrapper>.k-tabstrip-items { flex-wrap: nowrap; white-space: nowrap; overflow: hidden } .k-tabstrip-horizontal, .k-tabstrip-bottom>.k-tabstrip-items-wrapper, .k-tabstrip-top>.k-tabstrip-items-wrapper { flex-direction: row } .k-tabstrip-vertical, .k-tabstrip-right>.k-tabstrip-items-wrapper, .k-tabstrip-left>.k-tabstrip-items-wrapper { flex-direction: column } .k-tabstrip-top>.k-tabstrip-items-wrapper { border-bottom-width: 1px } .k-tabstrip-top>.k-tabstrip-items-wrapper .k-item { border-top-left-radius: var(--kendo-border-radius-md, 5px); border-top-right-radius: var(--kendo-border-radius-md, 5px); border-bottom-width: 0 } .k-tabstrip-top>.k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-top>.k-tabstrip-items-wrapper .k-item.k-active { margin-bottom: -1px; border-bottom-width: 1px; border-bottom-color: rgba(0, 0, 0, 0) !important } .k-tabstrip-top>.k-content, .k-tabstrip-top>.k-tabstrip-content { border-bottom-right-radius: var(--kendo-border-radius-md, 5px); border-bottom-left-radius: var(--kendo-border-radius-md, 5px); border-top-width: 0 !important } .k-tabstrip-bottom>.k-tabstrip-items-wrapper { border-top-width: 1px } .k-tabstrip-bottom>.k-tabstrip-items-wrapper .k-item { border-bottom-right-radius: var(--kendo-border-radius-md, 5px); border-bottom-left-radius: var(--kendo-border-radius-md, 5px); border-top-width: 0 } .k-tabstrip-bottom>.k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-bottom>.k-tabstrip-items-wrapper .k-item.k-active { margin-top: -1px; border-top-width: 1px; border-top-color: rgba(0, 0, 0, 0) !important } .k-tabstrip-bottom>.k-content, .k-tabstrip-bottom>.k-tabstrip-content { border-top-left-radius: var(--kendo-border-radius-md, 5px); border-top-right-radius: var(--kendo-border-radius-md, 5px); border-bottom-width: 0 !important } .k-tabstrip-left { flex-direction: row } .k-tabstrip-left>.k-tabstrip-items-wrapper { border-right-width: 1px } .k-tabstrip-left>.k-tabstrip-items-wrapper .k-item { border-top-left-radius: var(--kendo-border-radius-md, 5px); border-bottom-left-radius: var(--kendo-border-radius-md, 5px); border-right-width: 0 } .k-tabstrip-left>.k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-left>.k-tabstrip-items-wrapper .k-item.k-active { margin-right: -1px; border-right-width: 1px; border-right-color: rgba(0, 0, 0, 0) !important } .k-tabstrip-left>.k-content, .k-tabstrip-left>.k-tabstrip-content { border-top-right-radius: var(--kendo-border-radius-md, 5px); border-bottom-right-radius: var(--kendo-border-radius-md, 5px); border-left-width: 0 !important } .k-tabstrip-right { flex-direction: row-reverse } .k-tabstrip-right>.k-tabstrip-items-wrapper { border-left-width: 1px } .k-tabstrip-right>.k-tabstrip-items-wrapper .k-item { border-top-right-radius: var(--kendo-border-radius-md, 5px); border-bottom-right-radius: var(--kendo-border-radius-md, 5px); border-left-width: 0 } .k-tabstrip-right>.k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-right>.k-tabstrip-items-wrapper .k-item.k-active { margin-left: -1px; border-left-width: 1px; border-left-color: rgba(0, 0, 0, 0) !important } .k-tabstrip-right>.k-content, .k-tabstrip-right>.k-tabstrip-content { border-top-left-radius: var(--kendo-border-radius-md, 5px); border-bottom-left-radius: var(--kendo-border-radius-md, 5px); border-right-width: 0 } .k-tabstrip-items-start { justify-content: flex-start } .k-tabstrip-items-center { justify-content: center } .k-tabstrip-items-end { justify-content: flex-end } .k-tabstrip-items-justify { justify-content: space-between } .k-tabstrip-items-stretched>* { flex: 1 0 0 } .k-rtl .k-tabstrip.k-tabstrip-left>.k-tabstrip-items-wrapper, .k-rtl .k-tabstrip.k-tabstrip-right>.k-tabstrip-items-wrapper, .k-tabstrip[dir=rtl].k-tabstrip-left>.k-tabstrip-items-wrapper, .k-tabstrip[dir=rtl].k-tabstrip-right>.k-tabstrip-items-wrapper { order: 1 } .k-rtl .k-tabstrip.k-tabstrip-left>.k-content, .k-rtl .k-tabstrip.k-tabstrip-right>.k-content, .k-tabstrip[dir=rtl].k-tabstrip-left>.k-content, .k-tabstrip[dir=rtl].k-tabstrip-right>.k-content { order: 0 } .k-rtl .k-tabstrip.k-tabstrip-left>.k-tabstrip-content, .k-rtl .k-tabstrip.k-tabstrip-right>.k-tabstrip-content, .k-tabstrip[dir=rtl].k-tabstrip-left>.k-tabstrip-content, .k-tabstrip[dir=rtl].k-tabstrip-right>.k-tabstrip-content { order: 0 } .k-tabstrip-items-wrapper { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242) } .k-tabstrip-items-wrapper .k-item { color: var(--kendo-color-subtle, #666666) } .k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-hover { color: var(--kendo-color-on-app-surface, #424242) } .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-primary, #1274AC); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .12) } .k-tabstrip-items-wrapper .k-item.k-tabstrip-dragging { box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-tabstrip-content, .k-tabstrip>.k-content { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip>.k-content:focus, .k-tabstrip>.k-content.k-focus { outline-color: var(--kendo-color-on-app-surface, #424242) } .k-wizard { padding-block: calc(var(--kendo-spacing-2, 10px)*2.5); padding-inline: calc(var(--kendo-spacing-2, 10px)*2.5); border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); font-family: var(--kendo-font-family, inherit); position: relative; color: inherit; background: none; display: flex; align-items: stretch; overflow: hidden } .k-wizard .k-wizard-steps { box-sizing: border-box; display: flex; overflow: hidden } .k-wizard .k-wizard-step { box-sizing: border-box; padding: calc(var(--kendo-spacing-2, 10px)*4/4 + 2px); width: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between } .k-wizard .k-wizard-step:focus, .k-wizard .k-wizard-step.k-focus { outline-width: 1px; outline-style: dotted; outline-offset: -1px } .k-wizard .k-wizard-content { box-sizing: border-box; overflow-y: auto } .k-wizard .k-wizard-buttons { margin-top: calc(var(--kendo-spacing-1, 5px)*8); box-sizing: border-box; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; flex-shrink: 0 } .k-wizard .k-wizard-buttons .k-button { margin-right: var(--kendo-spacing-2\.5, 12.5px) } .k-wizard .k-wizard-buttons .k-wizard-pager { vertical-align: middle } .k-wizard .k-wizard-buttons-right .k-button:last-of-type { margin-right: 0 } .k-wizard .k-stepper .k-step-list-vertical .k-step { flex: 1 0 auto } .k-wizard .k-stepper .k-step-indicator { flex-shrink: 0 } .k-wizard-horizontal { flex-direction: column } .k-wizard-horizontal .k-wizard-steps { margin-top: calc(var(--kendo-spacing-1, 5px)*8) } .k-wizard-horizontal .k-wizard-steps, .k-wizard-horizontal .k-wizard-content { flex: 1 1 auto } .k-wizard-vertical .k-wizard-steps { margin-left: calc(var(--kendo-spacing-2, 10px)*4); flex: 1 0 0% } .k-wizard-vertical .k-wizard-content { flex: 1 1 0% } .k-wizard-left { flex-direction: row-reverse } .k-wizard-left .k-wizard-steps { margin-right: calc(var(--kendo-spacing-2, 10px)*4); margin-left: 0 } .k-wizard-step:focus, .k-wizard-step.k-focus { outline-color: #656565 } .k-expander { border-width: 1px; border-style: solid; box-sizing: border-box; overflow: hidden; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-expander *, .k-expander *::before, .k-expander *::after { box-sizing: border-box } .k-rtl .k-expander .k-expander-indicator, .k-expander.k-rtl .k-expander-indicator, .k-expander[dir=rtl] .k-expander-indicator { margin-left: 0; margin-right: var(--kendo-spacing-3, 0.15px) } .k-expander-header { padding-block: var(--kendo-spacing-3, 0.15px); padding-inline: var(--kendo-spacing-4, 20px); display: flex; justify-content: space-between; align-items: center; cursor: pointer } .k-expander-spacer { flex: 1 1 auto } .k-expander-title { text-transform: uppercase; font-weight: 500 } .k-expander-indicator { margin-left: var(--kendo-spacing-3, 0.15px); display: flex; justify-content: center; align-items: center } .k-expander-content { padding-block: var(--kendo-spacing-4, 20px); padding-inline: var(--kendo-spacing-4, 20px) } .k-expander+.k-expander.k-expanded, .k-expander.k-expanded+.k-expander { margin-top: var(--kendo-spacing-2, 10px) } .k-expander:not(.k-expanded)+.k-expander:not(.k-expanded) { border-top-width: 0 } .k-expander { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-expander.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .12) } .k-expander-header { color: var(--kendo-color-on-app-surface, #424242); background-color: rgba(0, 0, 0, 0); outline: none } .k-expander-header:hover, .k-expander-header.k-hover { background-color: rgba(0, 0, 0, .04) } .k-expander-header.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .12) } .k-expander-title { color: var(--kendo-color-primary, #1274AC) } .k-expander-sub-title { color: var(--kendo-color-subtle, #666666) } .k-block, .k-panel { border-radius: var(--kendo-border-radius-md, 5px); padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box } .k-block>.k-header, .k-panel>.k-header { border-top-left-radius: var(--kendo-border-radius-md, 5px); border-top-right-radius: var(--kendo-border-radius-md, 5px); border-color: var(--kendo-component-border, var(--kendo-color-border, rgba(0, 0, 0, 0.08))); color: var(--kendo-component-text, var(--kendo-color-on-app-surface, #424242)); background-color: var(--kendo-component-bg, var(--kendo-color-surface-alt, #ffffff)); padding-inline: var(--kendo-spacing-2, 10px); padding-block: var(--kendo-spacing-1, 5px) } .k-block>.k-content, .k-panel>.k-content { padding-inline: var(--kendo-spacing-2, 10px); padding-block: var(--kendo-spacing-1, 5px) } .k-block, .k-panel { border-color: var(--kendo-component-border, var(--kendo-color-border, rgba(0, 0, 0, 0.08))); color: var(--kendo-component-text, var(--kendo-color-on-app-surface, #424242)); background-color: var(--kendo-component-bg, var(--kendo-color-surface-alt, #ffffff)) } :where(.k-content) { border-color: var(--kendo-component-border, var(--kendo-color-border, rgba(0, 0, 0, 0.08))); color: var(--kendo-component-text, var(--kendo-color-on-app-surface, #424242)); background-color: var(--kendo-component-bg, var(--kendo-color-surface-alt, #ffffff)) } .k-panelbar { margin: 0; padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); list-style: none; display: block; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-panelbar *, .k-panelbar *::before, .k-panelbar *::after { box-sizing: border-box } .k-panelbar>.k-panelbar-header { border-width: 0; border-style: solid; border-color: inherit; display: block } .k-panelbar>.k-panelbar-header>.k-link { padding-block: var(--kendo-spacing-3, 0.15px); padding-inline: var(--kendo-spacing-4, 20px); color: inherit; background: none; text-decoration: none; font-weight: 500; display: flex; flex-flow: row nowrap; gap: var(--kendo-spacing-1, 5px); align-items: center; align-content: center; position: relative; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: default; transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out } .k-panelbar>.k-panelbar-header+.k-panelbar-header { border-top-width: 1px } .k-panelbar .k-panelbar-group { margin: 0; padding: 0; border-width: 0; border-color: inherit; color: inherit; background-color: rgba(0, 0, 0, 0); list-style: none } .k-panelbar .k-panelbar-group>.k-panelbar-item { display: block } .k-panelbar .k-panelbar-group>.k-panelbar-item>.k-link { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-4, 20px); color: inherit; text-decoration: none; display: flex; flex-flow: row nowrap; gap: var(--kendo-spacing-1, 5px); align-items: center; align-content: center; position: relative; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: default; transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out } .k-panelbar .k-panelbar-group>.k-panelbar-item.k-level-1 .k-link { padding-left: calc(var(--kendo-spacing-4, 20px)*1) } .k-panelbar .k-panelbar-group>.k-panelbar-item.k-level-2 .k-link { padding-left: calc(var(--kendo-spacing-4, 20px)*2) } .k-panelbar .k-panelbar-group>.k-panelbar-item.k-level-3 .k-link { padding-left: calc(var(--kendo-spacing-4, 20px)*3) } .k-panelbar .k-panelbar-group>.k-panelbar-item.k-level-4 .k-link { padding-left: calc(var(--kendo-spacing-4, 20px)*4) } .k-panelbar .k-panelbar-item { outline-style: none } .k-panelbar .k-panelbar-content { display: flow-root } .k-panelbar .k-panelbar-expand, .k-panelbar .k-panelbar-collapse, .k-panelbar .k-panelbar-toggle { margin-inline-start: auto } .k-panelbar .k-panelbar-group .k-panelbar-expand, .k-panelbar .k-panelbar-group .k-panelbar-collapse, .k-panelbar .k-panelbar-group .k-panelbar-toggle { margin-inline-end: calc(var(--kendo-spacing-4, 20px) - var(--kendo-spacing-4, 20px)) } .k-rtl .k-panelbar .k-panelbar-group>.k-panelbar-item.k-level-1 .k-link, .k-panelbar.k-rtl .k-panelbar-group>.k-panelbar-item.k-level-1 .k-link, .k-panelbar [dir=rtl] .k-panelbar-group>.k-panelbar-item.k-level-1 .k-link { padding-left: var(--kendo-spacing-4, 20px); padding-right: calc(var(--kendo-spacing-4, 20px)*1) } .k-rtl .k-panelbar .k-panelbar-group>.k-panelbar-item.k-level-2 .k-link, .k-panelbar.k-rtl .k-panelbar-group>.k-panelbar-item.k-level-2 .k-link, .k-panelbar [dir=rtl] .k-panelbar-group>.k-panelbar-item.k-level-2 .k-link { padding-left: var(--kendo-spacing-4, 20px); padding-right: calc(var(--kendo-spacing-4, 20px)*2) } .k-rtl .k-panelbar .k-panelbar-group>.k-panelbar-item.k-level-3 .k-link, .k-panelbar.k-rtl .k-panelbar-group>.k-panelbar-item.k-level-3 .k-link, .k-panelbar [dir=rtl] .k-panelbar-group>.k-panelbar-item.k-level-3 .k-link { padding-left: var(--kendo-spacing-4, 20px); padding-right: calc(var(--kendo-spacing-4, 20px)*3) } .k-rtl .k-panelbar .k-panelbar-group>.k-panelbar-item.k-level-4 .k-link, .k-panelbar.k-rtl .k-panelbar-group>.k-panelbar-item.k-level-4 .k-link, .k-panelbar [dir=rtl] .k-panelbar-group>.k-panelbar-item.k-level-4 .k-link { padding-left: var(--kendo-spacing-4, 20px); padding-right: calc(var(--kendo-spacing-4, 20px)*4) } .k-panelbar { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-panelbar>.k-panelbar-header>.k-link { color: var(--kendo-color-primary, #1274AC); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-panelbar>.k-panelbar-header>.k-link .k-icon, .k-panelbar>.k-panelbar-header>.k-link .k-panelbar-item-icon { color: var(--kendo-color-on-app-surface, #424242) } .k-panelbar>.k-panelbar-header>.k-link:hover, .k-panelbar>.k-panelbar-header>.k-link.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-panelbar>.k-panelbar-header>.k-link:focus, .k-panelbar>.k-panelbar-header>.k-link.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .12) } .k-panelbar>.k-panelbar-header>.k-link.k-selected { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-panelbar>.k-panelbar-header>.k-link.k-selected .k-icon, .k-panelbar>.k-panelbar-header>.k-link.k-selected .k-panelbar-item-icon { color: inherit } .k-panelbar>.k-panelbar-header>.k-link.k-selected:hover, .k-panelbar>.k-panelbar-header>.k-link.k-selected.k-hover { background-color: var(--kendo-color-primary-hover, #116fa5) } .k-panelbar .k-panelbar-group>.k-panelbar-item>.k-link:hover, .k-panelbar .k-panelbar-group>.k-panelbar-item>.k-link.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-panelbar .k-panelbar-group>.k-panelbar-item>.k-link:focus, .k-panelbar .k-panelbar-group>.k-panelbar-item>.k-link.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .12) } .k-panelbar .k-panelbar-group>.k-panelbar-item>.k-link.k-selected { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-panelbar .k-panelbar-group>.k-panelbar-item>.k-link.k-selected:hover, .k-panelbar .k-panelbar-group>.k-panelbar-item>.k-link.k-selected.k-hover { background-color: var(--kendo-color-primary-hover, #116fa5) } .k-splitter { height: 300px; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: block; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-splitter .k-pane { overflow: hidden; box-sizing: border-box } .k-splitter .k-scrollable { overflow: auto } .k-splitter .k-splitter-resizing { overflow: hidden } .k-splitter .k-pane-loading { position: static; top: 50%; left: 50% } .k-ghost-splitbar, .k-splitbar { border-style: solid; outline: 0; position: absolute; -webkit-user-select: none; -ms-user-select: none; user-select: none; display: flex; align-items: center; justify-content: center } .k-ghost-splitbar .k-collapse-prev, .k-ghost-splitbar .k-collapse-next, .k-splitbar .k-collapse-prev, .k-splitbar .k-collapse-next { cursor: pointer; padding: var(--kendo-spacing-0\.5, 2.5px) } .k-splitbar-draggable-horizontal { cursor: col-resize } .k-splitbar-draggable-vertical { cursor: row-resize } .k-ghost-splitbar-horizontal, .k-splitbar-horizontal { width: var(--kendo-spacing-3, 0.15px); border-width: 0; background-repeat: repeat-y; flex-direction: column; top: 0 } .k-ghost-splitbar-vertical, .k-splitbar-vertical { height: var(--kendo-spacing-3, 0.15px); border-width: 0; background-repeat: repeat-x; flex-direction: row; left: 0 } .k-splitbar-static-horizontal { width: 1px } .k-splitbar-static-vertical { height: 1px } .k-splitbar-draggable-horizontal .k-resize-handle { width: 2px; height: 20px; position: static; z-index: 1 } .k-splitbar .k-resize-handle { display: none; background-color: currentColor } .k-splitbar-draggable-horizontal .k-resize-handle, .k-splitbar-draggable-vertical .k-resize-handle { display: block } .k-splitbar-horizontal .k-collapse-prev { margin-bottom: var(--kendo-spacing-2, 10px) } .k-splitbar-horizontal .k-collapse-next { margin-top: var(--kendo-spacing-2, 10px) } .k-splitbar-vertical .k-collapse-prev { margin-right: var(--kendo-spacing-2, 10px) } .k-splitbar-vertical .k-collapse-next { margin-left: var(--kendo-spacing-2, 10px) } .k-splitbar-draggable-vertical .k-resize-handle { width: 20px; height: 2px; position: static; z-index: 1 } .k-pane>.k-splitter { border-width: 0; overflow: hidden } .k-pane>.k-splitter-overlay { opacity: 0; position: absolute } .k-splitter-flex { display: flex; width: 100%; height: auto } .k-splitter-flex .k-pane { position: relative; flex: 1 1 auto; min-width: 0; max-width: 100%; min-height: 0; max-height: 100%; height: 100% } .k-splitter-flex .k-pane-static { flex-grow: 0; flex-shrink: 0 } .k-splitter-flex .k-pane-flex { display: flex } .k-splitter-flex .k-splitbar { position: static; flex: 0 0 auto } .k-splitter-flex .k-pane.k-hidden, .k-splitter-flex .k-pane[hidden], .k-splitter-flex .k-pane-flex.k-hidden, .k-splitter-flex .k-pane-flex[hidden] { flex: 0 1 0% !important; overflow: hidden !important; display: block !important } .k-splitter-flex.k-splitter-horizontal { flex-direction: row } .k-splitter-flex.k-splitter-vertical { flex-direction: column } .k-splitter { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-splitbar { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-splitbar:hover, .k-splitbar.k-hover, .k-splitbar-horizontal-hover, .k-splitbar-vertical-hover { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-splitbar:focus, .k-splitbar.k-focus { color: var(--kendo-color-on-primary, white); background: var(--kendo-color-primary, #1274AC) } .k-ghost-splitbar { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-tilelayout { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; display: grid; position: relative; padding: var(--kendo-spacing-4, 20px) var(--kendo-spacing-4, 20px); -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-tilelayout .k-card { box-shadow: none; border-width: 1px } .k-tilelayout-item { position: relative; z-index: 0 } .k-layout-item-hint { border-radius: var(--kendo-border-radius-lg, 7.5px); border-width: 1px; border-style: solid; position: relative } .k-layout-item-hint.k-layout-item-hint-resize { z-index: 3 } .k-tilelayout-item-header.k-card-header { z-index: 0 } .k-tilelayout-item-body { min-height: 0 } .k-tilelayout { background-color: var(--kendo-color-surface, #fafafa) } .k-layout-item-hint { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: hsla(0, 0%, 100%, .2) } .k-grid-flow-row { grid-auto-flow: row } .k-grid-flow-row { grid-auto-flow: row !important } .k-grid-flow-col { grid-auto-flow: column } .k-grid-flow-col { grid-auto-flow: column !important } .k-grid-flow-dense { grid-auto-flow: dense } .k-grid-flow-dense { grid-auto-flow: dense !important } .k-grid-flow-row-dense { grid-auto-flow: row dense } .k-grid-flow-row-dense { grid-auto-flow: row dense !important } .k-grid-flow-col-dense { grid-auto-flow: column dense } .k-grid-flow-col-dense { grid-auto-flow: column dense !important } .k-grid-flow-unset { grid-auto-flow: unset } .k-grid-flow-unset { grid-auto-flow: unset !important } .k-dock-manager { width: 100%; height: 100%; border-width: 1px; border-style: solid; position: relative; display: flex; flex-flow: row nowrap; overflow: auto; box-sizing: border-box } .k-dock-manager-toolbar { border-width: 0 1px 0 0; border-color: inherit; flex-shrink: 0; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; box-shadow: none } .k-dock-manager-toolbar::before { height: 0 } .k-dock-manager-toolbar .k-separator-horizontal { width: 1.4285714286em; height: 0; border-width: 1px 0 0 } .k-dock-manager-pane-container { width: 100%; height: 100%; display: flex; flex-grow: 1; overflow: hidden } .k-dock-manager-splitter, .k-dock-manager-unpinned-container { height: 100%; border-width: 0; align-items: stretch } .k-dock-manager-splitter>.k-pane, .k-dock-manager-unpinned-container>.k-pane { height: auto; flex-direction: column; border-color: inherit } .k-dock-manager-splitter .k-pane-header, .k-dock-manager-unpinned-container .k-pane-header { display: flex; align-items: center; justify-content: center; padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-4, 20px); border-block-end-width: 1px; border-block-end-style: solid; border-color: inherit } .k-dock-manager-splitter .k-pane-title, .k-dock-manager-unpinned-container .k-pane-title { font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-sm, normal); font-weight: var(--kendo-font-weight-normal, normal); flex: 1 1 auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .k-dock-manager-splitter .k-pane-scrollable, .k-dock-manager-unpinned-container .k-pane-scrollable { height: 100%; display: flex; flex-direction: column; border-color: inherit } .k-dock-manager-splitter .k-pane-content, .k-dock-manager-unpinned-container .k-pane-content { height: 100%; padding-block: var(--kendo-spacing-4, 20px); padding-inline: var(--kendo-spacing-4, 20px); overflow: auto; flex: 1 } .k-dock-manager-splitter .k-pane-actions, .k-dock-manager-unpinned-container .k-pane-actions { display: flex; flex-flow: row nowrap; align-items: center; justify-content: center } .k-dock-manager-splitter .k-pane-tabbed, .k-dock-manager-unpinned-container .k-pane-tabbed { padding-block-start: var(--kendo-spacing-3\.5, 0.815px); padding-block-end: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px) } .k-dock-manager-splitter .k-splitbar, .k-dock-manager-unpinned-container .k-splitbar { border-width: 0 1px; border-style: solid; border-color: inherit } .k-dock-manager-splitter .k-splitbar-vertical, .k-dock-manager-unpinned-container .k-splitbar-vertical { border-width: 1px 0 } .k-dock-manager-unpinned-container { width: 300px; position: absolute; display: flex; height: 100%; border-color: inherit; z-index: 20 } .k-dock-manager-unpinned-container .k-pane { display: inline-flex; flex-direction: column; position: relative; flex: 1 1 auto } .k-dock-manager-unpinned-container .k-splitbar { height: 100%; position: relative; flex: none } .k-docking-preview { width: 100%; height: 100%; box-sizing: border-box; display: flex; position: absolute; top: 0; left: 0; border-width: 1px; border-style: dashed; border-radius: var(--kendo-border-radius-sm, 2.5px); z-index: 10 } .k-dock-navigator-container { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; position: absolute; z-index: 10001; pointer-events: none } .k-dock-navigator { display: grid; grid-template-columns: repeat(3, auto); grid-template-rows: repeat(3, auto); justify-content: center; position: absolute } .k-dock-indicator { padding: var(--kendo-spacing-1\.5, 7.5px); display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; position: relative; pointer-events: all; outline-width: 1px; outline-style: solid } .k-dock-indicator.k-dock-indicator-middle { filter: none } .k-dock-indicator-top { grid-area: 1/2/auto } .k-dock-indicator-right { grid-area: 2/3/auto } .k-dock-indicator-bottom { grid-area: 3/2/auto } .k-dock-indicator-left { grid-area: 2/1/auto } .k-dock-indicator-middle { grid-area: 2/2/auto } .k-dock-manager { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-dock-manager-splitter .k-pane-header, .k-dock-manager-unpinned-container .k-pane-header { background-color: var(--kendo-color-surface, #fafafa) } .k-dock-manager-unpinned-container { background-color: #fff; box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, .04), 2px 0px 4px 0px rgba(0, 0, 0, .03) } .k-docking-preview { background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 16%, transparent); border-color: var(--kendo-color-primary, #1274AC) } .k-dock-indicator { color: var(--kendo-color-primary, #1274AC); background-color: #f5f5f5; outline-color: var(--kendo-color-primary, #1274AC); filter: drop-shadow(0px 1px 18px rgba(0, 0, 0, 0.12)) drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.14)) drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2)) } .k-dock-indicator:hover, .k-dock-indicator.k-hover { background-color: var(--kendo-color-primary, #1274AC); color: #fff } .k-barcode { display: inline-block } .k-barcode>div { height: 150px } .k-var--chart-font { font-size: var(--kendo-font-size, inherit) } .k-var--chart-title-font { font-size: 1.143em } .k-var--chart-pane-title-font { font-size: .857em; font-weight: var(--kendo-font-weight-normal, normal) } .k-var--chart-label-font { font-size: .857em } .k-chart, .k-sparkline, .k-stockchart { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-chart, .k-stockchart { display: block; height: 400px } .k-chart-surface { height: 100% } .k-chart .k-popup { border-width: 0 } .k-chart-tooltip-wrapper .k-animation-container-shown, .k-chart-tooltip-wrapper.k-animation-container-shown { border-radius: var(--kendo-border-radius-md, 5px); transition: left 300ms cubic-bezier(0, 0.33, 0.19, 1), top 300ms cubic-bezier(0, 0.33, 0.19, 1) } .k-sparkline-tooltip-wrapper, .k-chart-tooltip-wrapper { z-index: 12000 } .k-sparkline-tooltip-wrapper .k-popup, .k-chart-tooltip-wrapper .k-popup { border-radius: var(--kendo-border-radius-md, 5px); padding: 0; border-width: 0; background: rgba(0, 0, 0, 0) } .k-chart-tooltip table { border-spacing: 0; border-collapse: collapse } .k-chart-tooltip { border-radius: var(--kendo-border-radius-md, 5px); font-size: 0.812815px; line-height: var(--kendo-line-height, normal); padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-chart-tooltip th { width: auto; text-align: center; padding: 1px } .k-chart-tooltip td { width: auto; text-align: start; padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-1, 5px); line-height: var(--kendo-line-height, normal); vertical-align: middle } .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { border-width: 1px; border-style: solid } .k-chart-shared-tooltip .k-chart-shared-tooltip-marker { display: block; width: 20px; height: 3px; vertical-align: middle } .k-selector { position: absolute; transform: translateZ(0) } .k-selection { position: absolute; height: 100%; border-width: 1px; border-style: solid; border-bottom: 0 } .k-selection-bg { position: absolute; width: 100%; height: 100% } .k-handle { border-radius: 50%; width: 22px; height: 22px; border-width: 1px; border-style: solid; z-index: 1; position: absolute; box-sizing: content-box } .k-handle div { width: 100%; height: 100% } .k-left-handle { left: -11px } .k-right-handle { right: -11px } .k-left-handle div { margin: -22px 0 0 -14.6666666667px; padding: 44px 29.3333333333px 0 0 } .k-right-handle div { margin: -22px 0 0 -14.6666666667px; padding: 44px 0 0 29.3333333333px } .k-left-handle.k-handle-active div { margin-left: -44px; padding-left: 58.6666666667px } .k-right-handle.k-handle-active div { margin-left: -44px; padding-right: 58.6666666667px } .k-mask { position: absolute; height: 100% } .k-navigator-hint div { position: absolute } .k-navigator-hint .k-scroll { border-radius: var(--kendo-border-radius-md, 5px); position: absolute; height: 4px } .k-navigator-hint .k-tooltip { margin-top: 20px; min-width: 160px; opacity: 1; text-align: center } .k-sparkline, .k-sparkline span { display: inline-block; vertical-align: top } .k-sparkline span { height: 100%; width: 100% } .k-chart-dragging { -webkit-user-select: none; -ms-user-select: none; user-select: none } .k-chart-donut-center { position: absolute; display: flex; align-items: center; flex-direction: column; justify-content: center; border-radius: 50%; text-align: center; border: 4px solid rgba(0, 0, 0, 0); box-sizing: border-box } .k-pdf-export .k-chart .k-animation-container, .k-pdf-export .k-sparkline .k-animation-container, .k-pdf-export .k-stockchart .k-animation-container { display: none } .k-chart-overlay { margin: 0; width: 100%; height: calc(100% - var(--kendo-chart-computed-title-height, 0px)); position: absolute; top: 0; left: 0; opacity: 1; z-index: 10001 } .k-chart-overlay-top { top: var(--kendo-chart-computed-title-height, 0px) } .k-chart-overlay .k-no-data, .k-chart-overlay .k-nodata { min-height: auto; padding-block-start: var(--kendo-spacing-25, 140px); color: inherit; font-size: var(--kendo-font-size-lg, inherit); font-weight: var(--kendo-font-weight, normal) } .k-diagram { height: 600px } .k-diagram .km-scroll-wrapper { width: 100%; height: 100%; position: relative } .k-diagram .km-scroll-wrapper { width: 100%; height: 100%; position: relative } .k-canvas-container { width: 100%; height: 100% } .k-sankey text { pointer-events: none } .k-treemap { height: 400px; box-sizing: border-box; border-width: 1px; border-style: solid; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: block; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-treemap .k-treemap-tile { margin: -1px 0 0 -1px; height: 100%; box-sizing: border-box; border: 1px solid; border-color: inherit; color: inherit; background-color: inherit; overflow: hidden; position: absolute } .k-treemap>.k-treemap-tile { position: relative } .k-treemap .k-treemap-title { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-1, 5px); border-width: 0 0 1px; border-style: solid; border-color: inherit; font-size: var(--kendo-font-size, inherit); background-position: 0 0; background-repeat: repeat-x } .k-treemap .k-treemap-title-vertical { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-0\.5, 2.5px); width: 1.4285714286em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; top: 0; bottom: 0 } .k-treemap .k-treemap-title-vertical>div { transform-origin: right; transform: rotate(-90deg); position: absolute; top: 0; right: 1em } .k-treemap .k-treemap-wrap { border-color: inherit; color: inherit; background-color: inherit; position: absolute; top: 0; left: 0; bottom: 0; right: 0 } .k-treemap .k-treemap-title+.k-treemap-wrap { top: calc(var(--kendo-spacing-0\.5, 2.5px)*2 + var(--kendo-line-height, normal)*var(--kendo-font-size, inherit) + 1px) } .k-treemap .k-treemap-title-vertical+.k-treemap-wrap { left: calc(var(--kendo-spacing-0\.5, 2.5px)*2 + var(--kendo-line-height, normal)*var(--kendo-font-size, inherit) + 1px) } .k-treemap .k-leaf { padding: var(--kendo-spacing-1, 5px) } .k-gauge { text-align: start; position: relative } .k-arcgauge, .k-circulargauge { display: inline-block } .k-arcgauge-label, .k-circulargauge-label { position: absolute; text-align: center; padding: 0; margin: 0 } .k-qrcode { display: inline-block } .k-qrcode>div { height: 150px } .k-var--primary { background-color: var(--kendo-color-primary, #1274AC) } .k-var--primary-contrast { background-color: var(--kendo-color-on-primary, white) } .k-var--base { background-color: var(--kendo-color-surface, #fafafa) } .k-var--background { background-color: var(--kendo-color-surface-alt, #ffffff) } .k-var--border-radius { background-color: var(--kendo-border-radius-md, 5px) } .k-var--normal-background { background-color: var(--kendo-color-surface, #fafafa) } .k-var--normal-text-color { background-color: var(--kendo-color-on-app-surface, #424242) } .k-var--hover-background { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-var--hover-text-color { background-color: var(--kendo-color-on-app-surface, #424242) } .k-var--selected-background { background-color: var(--kendo-color-primary, #1274AC) } .k-var--selected-text-color { background-color: var(--kendo-color-on-primary, white) } .k-var--success { background-color: var(--kendo-color-success, #278200) } .k-var--info { background-color: var(--kendo-color-info, #0058E9) } .k-var--warning { background-color: var(--kendo-color-warning, #F5A600) } .k-var--error { background-color: var(--kendo-color-error, #D51923) } .k-var--series-a { background-color: var(--kendo-color-series-a, #1274AC) } .k-var--series-b { background-color: var(--kendo-color-series-b, #FFE162) } .k-var--series-c { background-color: var(--kendo-color-series-c, #4CD180) } .k-var--series-d { background-color: var(--kendo-color-series-d, #0074e6) } .k-var--series-e { background-color: var(--kendo-color-series-e, #9B4FE6) } .k-var--series-f { background-color: var(--kendo-color-series-f, #FF80AC) } .k-var--series-1 { background-color: var(--kendo-color-series-a, #1274AC) } .k-var--series-2 { background-color: var(--kendo-color-series-b, #FFE162) } .k-var--series-3 { background-color: var(--kendo-color-series-c, #4CD180) } .k-var--series-4 { background-color: var(--kendo-color-series-d, #0074e6) } .k-var--series-5 { background-color: var(--kendo-color-series-e, #9B4FE6) } .k-var--series-6 { background-color: var(--kendo-color-series-f, #FF80AC) } .k-var--series-7 { background-color: var(--kendo-color-series-a-subtle, #4d97c1) } .k-var--series-8 { background-color: var(--kendo-color-series-b-subtle, #ffe989) } .k-var--series-9 { background-color: var(--kendo-color-series-c-subtle, #79dda0) } .k-var--series-10 { background-color: var(--kendo-color-series-d-subtle, #4097ec) } .k-var--series-11 { background-color: var(--kendo-color-series-e-subtle, #b47bec) } .k-var--series-12 { background-color: var(--kendo-color-series-f-subtle, #ffa0c1) } .k-var--series-13 { background-color: var(--kendo-color-series-a-bold, #0e5781) } .k-var--series-14 { background-color: var(--kendo-color-series-b-bold, #bfa94a) } .k-var--series-15 { background-color: var(--kendo-color-series-c-bold, #399d60) } .k-var--series-16 { background-color: var(--kendo-color-series-d-bold, #0057ad) } .k-var--series-17 { background-color: var(--kendo-color-series-e-bold, #743bad) } .k-var--series-18 { background-color: var(--kendo-color-series-f-bold, #bf6081) } .k-var--series-19 { background-color: var(--kendo-color-series-a-subtler, #89bad6) } .k-var--series-20 { background-color: var(--kendo-color-series-b-subtler, #fff0b1) } .k-var--series-21 { background-color: var(--kendo-color-series-c-subtler, #a6e8c0) } .k-var--series-22 { background-color: var(--kendo-color-series-d-subtler, #80baf3) } .k-var--series-23 { background-color: var(--kendo-color-series-e-subtler, #cda7f3) } .k-var--series-24 { background-color: var(--kendo-color-series-f-subtler, #ffc0d6) } .k-var--series-25 { background-color: var(--kendo-color-series-a-bolder, #093a56) } .k-var--series-26 { background-color: var(--kendo-color-series-b-bolder, #807131) } .k-var--series-27 { background-color: var(--kendo-color-series-c-bolder, #266940) } .k-var--series-28 { background-color: var(--kendo-color-series-d-bolder, #003a73) } .k-var--series-29 { background-color: var(--kendo-color-series-e-bolder, #4e2873) } .k-var--series-30 { background-color: var(--kendo-color-series-f-bolder, #804056) } .k-var--gauge-pointer { background-color: var(--kendo-color-primary, #1274AC) } .k-var--gauge-track { background-color: var(--kendo-color-base-emphasis, #c2c2c2) } .k-var--chart-inactive { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 50%, transparent) } .k-var--chart-major-lines { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-var--chart-minor-lines { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 4%, transparent) } .k-var--chart-area-opacity { opacity: .6 } .k-var--chart-area-inactive-opacity { opacity: .1 } .k-var--chart-line-inactive-opacity { opacity: .3 } .k-var--chart-notes-background { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 50%, transparent) } .k-var--chart-notes-border { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 50%, transparent) } .k-var--chart-notes-lines { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 50%, transparent) } .k-var--chart-crosshair-background { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 50%, transparent) } .k-var--chart-error-bars-background { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 50%, transparent) } .k-chart, .k-sparkline, .k-stockchart { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: rgba(0, 0, 0, 0) } .k-chart .k-popup, .k-sparkline .k-popup, .k-stockchart .k-popup { background: rgba(0, 0, 0, 0) } .k-chart-tooltip { color: #fff } .k-chart-tooltip-inverse { color: #000 } .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-base, #f5f5f5); border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-selection { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent); box-shadow: inset 0 1px 7px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 15%, transparent) } .k-selection-bg { background-color: rgba(0, 0, 0, 0) } .k-handle { cursor: e-resize; border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-base, #424242); background-color: var(--kendo-color-base, #f5f5f5) } .k-handle:hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-handle div { background-color: rgba(0, 0, 0, 0) } .k-mask { background-color: var(--kendo-color-surface-alt, #ffffff); opacity: .8 } .k-chart-overlay { background-color: var(--kendo-color-surface, #fafafa) } .k-treemap { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-treemap .k-treemap-title { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-treemap .k-leaf { color: var(--kendo-color-surface-alt, #ffffff) } .k-treemap .k-leaf.k-inverse { color: var(--kendo-color-on-app-surface, #424242) } .k-treemap .k-leaf:hover, .k-treemap .k-leaf.k-hover { box-shadow: inset 0 0 0 3px var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-pane-wrapper { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: block; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-pane-wrapper .k-pane { width: 100%; height: 100%; -webkit-user-select: none; -ms-user-select: none; user-select: none; box-sizing: border-box; font-family: sans-serif; overflow-x: hidden } .k-pane-wrapper .k-view { top: 0; left: 0; position: relative; border: 0; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; height: 100%; width: 100%; flex-direction: column; align-items: stretch; align-content: stretch; vertical-align: top; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-pane-wrapper .k-content { min-height: 1px; flex: 1; align-items: stretch; display: block; width: auto; overflow: hidden; position: relative } .k-pane-wrapper>div.k-pane { box-shadow: none; font-weight: normal } .k-pane-wrapper .k-popup-edit-form .k-content, .k-pane-wrapper .k-grid-edit-form .k-content, .k-pane-wrapper .k-grid-header-menu .k-content, .k-pane-wrapper .k-grid-filter-menu .k-content { overflow-y: auto } .k-pane-wrapper .k-popup-edit-form .k-content>.k-scroll-container, .k-pane-wrapper .k-grid-edit-form .k-content>.k-scroll-container, .k-pane-wrapper .k-grid-header-menu .k-content>.k-scroll-container, .k-pane-wrapper .k-grid-filter-menu .k-content>.k-scroll-container { position: absolute; width: 100%; min-height: 100%; box-sizing: border-box } .k-pane-wrapper .k-grid-edit-form .k-popup-edit-form, .k-pane-wrapper .k-grid-edit-form .k-edit-form-container { width: auto; min-width: auto } .k-grid.k-grid-mobile { border-width: 0 } .k-grid-mobile .k-resize-handle-inner::before { content: ""; position: absolute; font: 16px/1 "WebComponentsIcons"; top: calc(50% - 1px); left: 50%; transform: translate(-50%, -50%); padding: .2em } .k-grid-mobile .k-header a { -webkit-user-select: none; -ms-user-select: none; user-select: none } .k-pane-wrapper .k-scheduler-edit-form .k-recur-view { padding: 0; flex-direction: column; align-items: stretch } .k-pane-wrapper .k-scheduler-edit-form .k-recur-view>.k-listgroup-form-row { margin: 0 } .k-pane-wrapper .k-scheduler-edit-form .k-recur-items-wrap { width: 100%; margin-block: -1px; margin-inline: 0 } .k-pane-wrapper .k-scheduler-edit-form .k-scheduler-recur-end-wrap { white-space: nowrap } .k-scheduler.k-scheduler-mobile { border-width: 0 } .k-scheduler-mobile th { font-weight: normal } .k-scheduler-mobile .k-event:hover .k-resize-handle { visibility: hidden } .k-scheduler-mobile .k-scheduler-toolbar { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px) } .k-scheduler-mobile .k-scheduler-toolbar>* { margin: 0 } .k-scheduler-mobile .k-scheduler-toolbar::before { display: none } .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; margin: 0 } .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation .k-nav-current { line-height: 1; display: flex; flex-flow: column nowrap; align-items: center; justify-content: space-evenly; gap: 0 } .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-views-wrapper .k-views-dropdown { display: inline-block } .k-scheduler-mobile .k-scheduler-footer { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); display: flex; justify-content: space-between } .k-scheduler-mobile .k-scheduler-footer>* { margin: 0 } .k-scheduler-mobile .k-scheduler-footer::before { display: none } .k-scheduler-mobile .k-scheduler-monthview .k-hidden { height: 40px } .k-scheduler-mobile .k-scheduler-monthview .k-scheduler-table td { height: 40px; vertical-align: top; text-align: center } .k-scheduler-mobile .k-scheduler-monthview .k-events-container { position: absolute; text-align: center; height: 6px; line-height: 6px } .k-scheduler-mobile .k-scheduler-monthview .k-event { position: static; padding: 4px; border-radius: 50%; display: inline-block; width: 4px; height: 4px; min-height: 0; margin: 1px } .k-scheduler-mobile .k-scheduler-dayview .k-mobile-header.k-mobile-horizontal-header .k-scheduler-times table tr:first-child { display: none } .k-scheduler-mobile .k-scheduler-dayview .k-mobile-header .k-scheduler-header .k-scheduler-date-group { display: none } .k-scheduler-mobile .k-scheduler-header-wrap>div { overflow: visible } .k-scheduler-mobile .k-scheduler-agendaview .k-mobile-header { display: none } .k-scheduler-mobile .k-scheduler-agendaview .k-scheduler-table { table-layout: auto } .k-scheduler-mobile .k-scheduler-agendaview .k-scheduler-table .k-scheduler-groupcolumn { width: 1% } .k-scheduler-mobile .k-scheduler-agendaview .k-scheduler-table td { white-space: normal } .k-scheduler-mobile .k-mobile-header .k-scheduler-table td, .k-scheduler-mobile .k-mobile-header .k-scheduler-table th { height: 1.5em } .k-scheduler-mobile .k-time-text, .k-scheduler-mobile .k-time-period { display: block; line-height: 1 } .k-scheduler-mobile .k-time-period { font-size: .7em } .k-scheduler-mobile .k-scheduler-table td, .k-scheduler-mobile .k-scheduler-table th { height: 2em; vertical-align: middle } .k-scheduler-mobile .k-scheduler-datecolumn-wrap { display: flex; align-items: center; justify-content: space-between } .k-scheduler-mobile .k-task { display: flex; align-items: center; gap: .5em } .k-scheduler-mobile .k-task .k-scheduler-mark { border-radius: 50%; margin: 0 } .k-scheduler-mobile .k-task .k-scheduler-task-text { flex: 1 1 0% } .k-scheduler-mobile .k-scheduler-times .k-scheduler-group-cell, .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn { vertical-align: top } .k-scheduler-mobile .k-scheduler-times .k-scheduler-group-cell .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn .k-scheduler-group-text { -ms-writing-mode: tb-lr; writing-mode: vertical-lr; transform: rotate(180deg); white-space: nowrap } .k-scheduler-mobile .k-scrollbar-h tr+tr .k-scheduler-times { border-bottom-width: 0 } .k-pane-wrapper .k-appbar { padding: var(--kendo-spacing-1, 5px) } .k-pane-wrapper .k-list-title, .k-pane-wrapper .k-filter-help-text { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); display: block } .k-pane-wrapper .k-listgroup-title { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); font-weight: bold; text-transform: uppercase } .k-pane-wrapper .k-listgroup .k-listgroup-item { border-color: inherit } .k-pane-wrapper .k-listgroup+.k-listgroup { margin-top: var(--kendo-spacing-4, 20px) } .k-pane-wrapper .k-column-menu { padding: var(--kendo-spacing-2, 10px); display: flex; flex-flow: column nowrap; gap: var(--kendo-spacing-2, 10px) } .k-pane-wrapper .k-column-menu .k-filter-item .k-filterable * { pointer-events: none } .k-pane-wrapper .k-column-menu .k-list-title, .k-pane-wrapper .k-column-menu .k-listgroup-title { padding: 0 } .k-pane-wrapper .k-column-menu .k-listgroup { margin-inline: calc(var(--kendo-spacing-2, 10px)*-1) } .k-pane-wrapper .k-filter-menu { padding: var(--kendo-spacing-2, 10px); display: flex; flex-flow: column nowrap; gap: var(--kendo-spacing-2, 10px) } .k-pane-wrapper .k-filter-menu .k-list-title { padding: 0 } .k-pane-wrapper .k-filter-menu .k-list-filter { padding: 0; display: flex; flex-flow: column nowrap; gap: inherit } .k-pane-wrapper .k-filter-menu .k-filter-tools { display: flex; flex-flow: row nowrap; gap: inherit } .k-pane-wrapper .k-filter-menu .k-listgroup { margin-inline: calc(var(--kendo-spacing-2, 10px)*-1) } .k-pane-wrapper .k-popup-edit-form .k-recur-editor-wrap { display: flex } .k-pane-wrapper .k-popup-edit-form .k-mobiletimezoneeditor { display: flex; align-items: center; justify-content: flex-end; position: relative; flex: 1 1 auto } .k-pane-wrapper .k-multicheck-wrap.k-listgroup { overflow-y: auto } .k-pane-wrapper .k-pager-wrap.k-pager-sm, .k-pane-wrapper .k-pager.k-pager-sm { justify-content: center } .k-pane-wrapper .k-pager-wrap.k-pager-sm .k-pager-refresh, .k-pane-wrapper .k-pager.k-pager-sm .k-pager-refresh { display: none } :is(.k-rtl .k-pane-wrapper, [dir=rtl] .k-pane-wrapper, .k-pane-wrapper[dir=rtl]) .k-scheduler-mobile .k-scheduler-toolbar>ul>li { border: 0 } :is(.k-rtl .k-pane-wrapper, [dir=rtl] .k-pane-wrapper, .k-pane-wrapper[dir=rtl]) .k-scheduler-mobile .k-task .k-i-reload { margin-left: .5em; margin-right: 0 } .k-pane-wrapper, .k-view { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-pane-wrapper .k-pane>.k-view>.k-content { background-position: 50% 50%; background-color: var(--kendo-color-surface, #fafafa) } .k-pane-wrapper .k-pane .k-grid-mobile .k-column-active+th.k-header { border-left-color: var(--kendo-color-on-app-surface, #424242) } .k-pane-wrapper .k-pane .k-grid-mobile .k-resize-handle-inner::before { background-color: var(--kendo-color-surface, #fafafa) } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-nav-current { color: var(--kendo-color-primary, #1274AC) } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-times, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-groupcolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-mobile-scheduler-agendadate { color: inherit } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-time-period, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-mobile-scheduler-agendaweekday { color: var(--kendo-color-subtle, #666666) } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-times, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header-wrap, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-datecolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-groupcolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-group-cell, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header-all-day { background-color: var(--kendo-color-surface, #fafafa) } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-tools>li { display: inline-block; background-color: inherit } .k-pane-wrapper .k-pane .k-grid-edit-form .k-item, .k-pane-wrapper .k-pane .k-grid-edit-form .k-link, .k-pane-wrapper .k-pane .k-grid-header-menu .k-item, .k-pane-wrapper .k-pane .k-grid-header-menu .k-link, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-item, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-link, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-item, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-link { color: var(--kendo-color-on-app-surface, #424242) } .k-pane-wrapper .k-pane .k-grid-edit-form .k-clear, .k-pane-wrapper .k-pane .k-grid-edit-form .k-select-all, .k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-grid-header-menu .k-clear, .k-pane-wrapper .k-pane .k-grid-header-menu .k-select-all, .k-pane-wrapper .k-pane .k-grid-header-menu .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-header-menu .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-clear, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-select-all, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-clear, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-select-all, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-delete, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-resetSeries { color: var(--kendo-color-primary, #1274AC) } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected { color: var(--kendo-color-primary, #1274AC); background: none } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected .k-link { color: inherit } .k-grid { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-grid.k-grid-display-block { display: block } .k-grid .k-grid-container { display: flex; flex: 1 1 auto; overflow: hidden; position: relative } .k-grid .k-grid-aria-root { border-color: inherit; display: flex; flex-direction: column; flex: 1 1 auto; overflow: hidden } .k-grid .k-table { margin: 0; width: 100%; max-width: none; border-width: 0; border-color: inherit; border-collapse: separate; border-spacing: 0; box-sizing: content-box; empty-cells: show; outline: 0 } .k-grid .k-grid-header .k-table, .k-grid .k-grid-content .k-table, .k-grid .k-grid-content-locked .k-table, .k-grid .k-grid-footer .k-table { table-layout: fixed } .k-grid .k-table-thead, .k-grid .k-table-tbody, .k-grid .k-table-tfoot { text-align: start; border-color: inherit } .k-grid .k-table-row { border-color: inherit } .k-grid .k-table-th, .k-grid td, .k-grid .k-table-td { border-width: 0; border-inline-start-width: 1px; border-style: solid; border-color: inherit; outline: 0; font-weight: inherit; text-align: inherit; position: static; overflow: hidden; text-overflow: ellipsis; box-sizing: content-box } .k-grid .k-table-th:first-child, .k-grid td:first-child, .k-grid .k-table-td:first-child { border-inline-start-width: 0 } .k-grid .k-table-th:focus, .k-grid td:focus, .k-grid .k-table-td:focus { outline: none } .k-grid .k-table-th>.k-radio, .k-grid .k-table-th>.k-radio-wrap, .k-grid .k-table-th>.k-checkbox, .k-grid .k-table-th>.k-checkbox-wrap, .k-grid td>.k-radio, .k-grid td>.k-radio-wrap, .k-grid td>.k-checkbox, .k-grid td>.k-checkbox-wrap, .k-grid .k-table-td>.k-radio, .k-grid .k-table-td>.k-radio-wrap, .k-grid .k-table-td>.k-checkbox, .k-grid .k-table-td>.k-checkbox-wrap { vertical-align: top } .k-grid .k-table-th { border-block-end-width: 1px; white-space: nowrap } .k-grid td, .k-grid .k-table-td { border-block-end-width: 0px; white-space: unset; vertical-align: middle } .k-grid a { color: inherit; text-decoration: none } .k-grid a:hover { text-decoration: none } .k-grid .k-grid-header-wrap { box-sizing: content-box } .k-grid .k-grid-header { border-bottom-width: 1px } .k-grid .k-grid-header .k-table { margin-bottom: -1px } .k-grid .k-grid-header.k-grid-draggable-header { -webkit-user-select: none; -ms-user-select: none; user-select: none; touch-action: none } .k-grid .k-grid-header .k-table-th { position: relative; vertical-align: bottom; cursor: default } .k-grid .k-grid-header .k-table-th:first-child { border-inline-start-width: 0 } .k-grid .k-grid-header .k-table-th.k-first { border-inline-start-width: 1px } .k-grid .k-grid-header .k-table-th>.k-link { line-height: inherit; display: block; overflow: hidden; text-overflow: ellipsis; outline: 0 } .k-grid .k-grid-header .k-table-th>.k-link:focus { text-decoration: none } .k-grid .k-grid-header .k-grid-filter, .k-grid .k-grid-header .k-header-column-menu, .k-grid .k-grid-header .k-grid-header-menu { box-sizing: border-box; outline: 0; display: flex; align-items: center; align-content: center; justify-content: center; position: absolute; inset-inline-end: var(--kendo-spacing-1, 5px); z-index: 1 } .k-grid .k-grid-header .k-grid-filter:hover, .k-grid .k-grid-header .k-header-column-menu:hover, .k-grid .k-grid-header .k-grid-header-menu:hover { cursor: pointer } .k-grid .k-grid-header .k-cell-inner>.k-link>.k-sort-icon { vertical-align: text-top; margin-inline-start: calc(var(--kendo-spacing-2, 10px) - 1px) } .k-grid .k-grid-header .k-cell-inner>.k-link>.k-sort-icon .k-icon { display: flex } .k-grid .k-grid-header .k-sort-order { display: inline-block; vertical-align: top; height: 16px; font-size: var(--kendo-font-size-sm, inherit); margin-top: calc(var(--kendo-spacing-1, 5px)/2); margin-inline-start: calc(var(--kendo-spacing-1, 5px)/2*-1) } .k-grid .k-grid-header .k-filterable>.k-cell-inner .k-link { padding-inline-end: 0 } .k-grid .k-cell-inner { display: flex; flex-flow: row nowrap; align-items: center; justify-content: inherit; overflow: hidden } .k-grid .k-cell-inner>.k-link { width: auto; display: flex; flex-flow: row nowrap; align-items: center; justify-content: inherit; flex: 1; overflow: hidden } .k-grid .k-cell-inner>.k-link>.k-sort-icon { margin-inline-start: 0; display: inline-block; flex-shrink: 0 } .k-grid .k-cell-inner .k-sort-order { flex-shrink: 0; line-height: normal } .k-grid .k-cell-inner .k-grid-filter, .k-grid .k-cell-inner .k-header-column-menu, .k-grid .k-cell-inner .k-grid-header-menu { position: static; margin-inline-end: var(--kendo-spacing-1, 5px) } .k-grid .k-group-col, .k-grid .k-hierarchy-col { padding: 0; width: 32px } .k-grid .k-grouping-row p { margin: 0; display: flex; align-items: center; align-content: center } .k-grid .k-grouping-row td, .k-grid .k-grouping-row .k-table-td { overflow: visible } .k-grid .k-grouping-row+.k-table-row td, .k-grid .k-grouping-row+.k-table-row .k-table-td { border-top-width: 1px } .k-grid .k-grouping-row .k-group-cell, .k-grid .k-grouping-row+.k-table-row .k-group-cell { border-top-width: 0; text-overflow: clip } .k-grid .k-grouping-row .k-icon { margin-inline-start: calc(8px - var(--kendo-spacing-3, 0.15px)); margin-inline-end: 8px; text-decoration: none } .k-grid .k-table .k-group-footer td, .k-grid .k-table .k-group-footer .k-table-td { border-style: solid; border-width: 1px 0 } .k-grid .k-group-footer .k-group-cell+td, .k-grid .k-group-footer .k-group-cell+.k-table-td { border-inline-start-width: 1px } .k-grid .k-hierarchy-cell, .k-grid .k-drag-cell { text-align: center; overflow: visible } .k-grid .k-hierarchy-cell>.k-font-icon, .k-grid .k-drag-cell>.k-font-icon { padding-block: var(--kendo-spacing-2, 10px); padding-inline: 0; width: 100%; height: 100%; display: inline-block; outline: 0 } .k-grid .k-hierarchy-cell+.k-grid-content-sticky { border-inline-start-width: 1px } .k-grid .k-detail-row .k-detail-cell { border-inline-start-width: 0 } .k-grid .k-dirty-cell { position: relative } .k-grid .k-dirty-cell.k-edit-cell { position: static } .k-grid .k-dirty-cell.k-grid-content-sticky { position: sticky } .k-grid .k-dirty { border-width: 5px; border-color: rgba(0, 0, 0, 0); border-block-start-color: currentColor; border-inline-start-color: currentColor; inset-inline-start: 0; inset-inline-end: auto } .k-grid .k-grid-content-locked+.k-grid-content { box-sizing: content-box } .k-grid .k-grid-content-expander { position: absolute; visibility: hidden; height: 1px; bottom: 1px } .k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-grid-header-menu, .k-grid .k-hierarchy-cell .k-icon { border-width: 0 } .k-grid .k-drag-col { padding: 0; width: 36px } .k-grid .k-drag-cell { cursor: move } .k-grid-toolbar { border-width: 0 0 1px; flex-shrink: 0 } .k-grid-toolbar-bottom { border-width: 1px 0 0 } .k-grouping-header { border-width: 0 0 1px; border-style: solid; border-color: inherit; white-space: normal; display: flex; align-items: center; position: relative; flex-wrap: wrap } .k-grouping-header::before { content: ""; height: calc(1em + var(--kendo-spacing-1, 5px)*2 + 2px); display: inline-block; vertical-align: middle } .k-grouping-header .k-chip-list { flex-grow: 0; display: contents } .k-grouping-header>.k-grouping-drop-container { flex-grow: 1; padding-block: var(--kendo-spacing-2, 10px); margin-block: calc(var(--kendo-spacing-2, 10px)*-1); display: inline-flex; align-self: stretch; align-items: center } .k-grouping-dropclue { width: 12px; position: absolute; top: 3px; box-sizing: content-box } .k-grouping-dropclue::before, .k-grouping-dropclue::after { display: inline-block; content: ""; position: absolute } .k-grouping-dropclue::before { border-width: 6px; border-style: solid; border-left-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0); top: 0 } .k-grouping-dropclue::after { width: 2px; height: calc(100% - 6px); top: 6px; inset-inline-start: 5px } .k-grid-header-wrap, .k-grid-footer-wrap { margin-inline-end: -1px; width: 100%; border-width: 0; border-inline-end-width: 1px; border-style: solid; border-color: inherit; position: relative; overflow: hidden } .k-grid-header-locked+.k-grid-header-wrap.k-auto-scrollable { margin-inline-end: 0 } .k-grid-header, .k-grid-footer { padding-inline-start: 0; padding-inline-end: var(--kendo-scrollbar-width, 17px); border-width: 0; border-style: solid; border-color: inherit; flex: 0 0 auto } div.k-grid-header, div.k-grid-footer { display: flex; flex-direction: row; align-items: stretch } .k-column-resizer { width: .5em; height: 1000%; display: block; position: absolute; top: 0; inset-inline-end: 0; cursor: col-resize } .k-row-resizer { display: block; height: var(--kendo-spacing-0\.5, 2.5px); width: 100%; background: none } .k-grid-footer { border-top-width: 1px } .k-grid-footer td, .k-grid-footer .k-table-td { height: 1.4285714286em } .k-grid-footer td, .k-group-footer td, .k-grouping-row td, .k-grid-footer .k-table-td, .k-group-footer .k-table-td, .k-grouping-row .k-table-td { font-weight: bold } .k-grid-filter-popup { min-width: 230px; max-width: 320px } .k-grid-column-menu-standalone a.k-grid-filter { position: initial; display: inline-block; margin-block: -4px; margin-inline: 0; padding-block: 4px; padding-inline: 8px } .k-filter-row { line-height: var(--kendo-line-height, normal) } .k-filter-row td, .k-filter-row .k-table-td, .k-filter-row .k-table-th { border-width: 0; border-block-end-width: 1px; border-inline-start-width: 1px; white-space: nowrap } .k-filter-row td:first-child, .k-filter-row .k-table-td:first-child { border-inline-start-width: 0 } .k-filter-row .k-multiselect { height: auto } .k-filtercell { width: auto; display: flex; flex-flow: row nowrap; align-items: center } .k-filtercell>span, .k-filtercell .k-filtercell-wrapper { width: 100%; display: flex; flex-flow: row nowrap; align-items: center; flex: 1 1 auto } .k-filtercell>span>.k-button, .k-filtercell .k-filtercell-wrapper>.k-button { flex: none } .k-grid-content, .k-grid-content-locked { border-color: inherit; outline: 0 } .k-grid-content .k-table-row:last-child>td, .k-grid-content .k-table-row:last-child>.k-table-td, .k-grid-content-locked .k-table-row:last-child>td, .k-grid-content-locked .k-table-row:last-child>.k-table-td { border-bottom-width: 0 } .k-grid-content { width: 100%; min-height: 0; overflow: auto; overflow-x: auto; overflow-y: scroll; position: relative; flex: 1 } .k-virtual-scrollable-wrap { height: 100%; overflow-y: hidden; position: relative } .k-grid .k-edit-cell, .k-grid .k-command-cell, .k-grid .k-grid-edit-row td, .k-grid .k-grid-edit-row .k-table-td { text-overflow: clip } .k-grid .k-edit-cell>input:not([type=checkbox]):not([type=radio]), .k-grid .k-edit-cell>select, .k-grid .k-edit-cell>.k-widget:not(.k-switch), .k-grid .k-grid-edit-row td>input:not([type=checkbox]):not([type=radio]), .k-grid .k-grid-edit-row td>select, .k-grid .k-grid-edit-row td>.k-widget:not(.k-switch), .k-grid .k-grid-edit-row .k-table-td>input:not([type=checkbox]):not([type=radio]), .k-grid .k-grid-edit-row .k-table-td>select, .k-grid .k-grid-edit-row .k-table-td>.k-widget:not(.k-switch) { width: 100%; vertical-align: middle; box-sizing: border-box } .k-grid .k-edit-cell>.k-radio, .k-grid .k-edit-cell>.k-checkbox, .k-grid .k-edit-cell>.k-radio-wrap, .k-grid .k-edit-cell>.k-checkbox-wrap, .k-grid .k-grid-edit-row td>.k-radio, .k-grid .k-grid-edit-row td>.k-checkbox, .k-grid .k-grid-edit-row td>.k-radio-wrap, .k-grid .k-grid-edit-row td>.k-checkbox-wrap, .k-grid .k-grid-edit-row .k-table-td>.k-radio, .k-grid .k-grid-edit-row .k-table-td>.k-checkbox, .k-grid .k-grid-edit-row .k-table-td>.k-radio-wrap, .k-grid .k-grid-edit-row .k-table-td>.k-checkbox-wrap { vertical-align: middle } .k-grid .k-command-cell>.k-button { margin-inline-end: var(--kendo-spacing-2, 10px); vertical-align: middle } .k-grid .k-command-cell>.k-button:last-child { margin-inline-end: unset } .k-grid>.k-resize-handle, .k-grid-header .k-resize-handle { height: 25px; cursor: col-resize; position: absolute; z-index: 2 } .k-selection-aggregates { border-width: 1px 0 0; border-style: solid; line-height: var(--kendo-line-height, normal); display: flex; justify-content: flex-end; gap: var(--kendo-spacing-2, 10px) } .k-selection-aggregates-item-value { font-weight: var(--kendo-font-weight-bold, normal) } .k-grid-pager { border-width: 1px 0 0; border-color: inherit; font-size: inherit } .k-grid-pager-top { border-width: 0 0 1px } .k-grid-virtual .k-grid-content .k-grid-table-wrap { float: left; width: 100% } .k-grid-virtual .k-grid-content .k-grid-table { position: relative; float: left; z-index: 1 } .k-grid-virtual .k-grid-content>.k-height-container { position: relative; float: left } .k-grid-virtual .k-grid-content::after { content: ""; display: block; clear: both } .k-width-container { position: absolute; visibility: hidden } .k-width-container div { height: 1px } .k-grid-add-row td, .k-grid-add-row .k-table-td { border-bottom-style: solid; border-bottom-width: 1px } .k-grid-lockedcolumns { white-space: nowrap } .k-grid-content, .k-grid-content-locked { white-space: normal } .k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked { flex: 0 0 auto; display: inline-block; vertical-align: top; overflow: hidden; position: relative; border-style: solid; border-width: 0; border-inline-end-width: 1px; box-sizing: content-box } .k-grid-content-locked+.k-grid-content.k-auto-scrollable, .k-grid-footer-locked+.k-grid-content.k-auto-scrollable, .k-grid-header-locked+.k-grid-content.k-auto-scrollable { display: inline-block } .k-grid-content-locked .k-table, .k-grid-footer-locked .k-table, .k-grid-header-locked .k-table { border-width: 0 } .k-grid-content, .k-grid-footer-wrap, .k-grid-header-wrap { flex: 1 1 auto; display: inline-block; vertical-align: top } .k-grid-content.k-auto-scrollable, .k-grid-footer-wrap.k-auto-scrollable, .k-grid-header-wrap.k-auto-scrollable { display: block } .k-grid-header-locked>.k-grid-header-table, .k-grid-header-wrap>.k-grid-header-table { margin-bottom: -1px } .k-grid-header .k-table-th.k-grid-header-sticky, .k-grid-header .k-filter-row .k-grid-header-sticky, .k-grid .k-grid-content-sticky, .k-grid .k-grid-row-sticky, .k-grid .k-grid-footer-sticky { position: sticky; z-index: 2 } .k-grid-header .k-table-th.k-grid-header-sticky.k-edit-cell, .k-grid-header .k-filter-row .k-grid-header-sticky.k-edit-cell, .k-grid .k-grid-content-sticky.k-edit-cell, .k-grid .k-grid-row-sticky.k-edit-cell, .k-grid .k-grid-footer-sticky.k-edit-cell { overflow: visible; z-index: 3 } .k-master-row .k-grid-content-sticky::before, .k-master-row.k-grid-row-sticky .k-table-td::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1 } kendo-grid .k-table-row.k-grid-row-sticky { border: 0; position: static; z-index: auto } kendo-grid .k-grid-row-sticky td, kendo-grid .k-grid-row-sticky .k-table-td { border-bottom-width: 1px; border-top-width: 1px; position: sticky; top: inherit; bottom: inherit; z-index: 2 } kendo-grid .k-grid-row-sticky td.k-grid-content-sticky, kendo-grid .k-grid-row-sticky.k-table-alt-row td.k-grid-content-sticky, kendo-grid .k-grid-row-sticky .k-table-td.k-grid-content-sticky, kendo-grid .k-grid-row-sticky.k-table-alt-row .k-table-td.k-grid-content-sticky { z-index: 3 } kendo-grid .k-grid-header-locked .k-table-th.k-grid-header-sticky:last-child, kendo-grid .k-grid-content-locked .k-table-row .k-grid-content-sticky:last-child { border-inline-end: 0 } kendo-grid .k-grid-header .k-grid-column-menu, kendo-grid .k-grid-header .k-grid-header-menu { z-index: 1 } .k-grid-content-sticky.k-grid-row-sticky { z-index: 3 } .k-grid .k-table .k-grid-header-sticky, .k-grid .k-table .k-grid-content-sticky, .k-grid .k-table .k-grid-footer-sticky { border-inline-end-width: 1px } .k-grid .k-table .k-grid-header-sticky:not([style*="display: none"])+td, .k-grid .k-table .k-grid-header-sticky:not([style*="display: none"])+.k-table-td, .k-grid .k-table .k-grid-header-sticky:not([style*="display: none"])+.k-table-th, .k-grid .k-table .k-grid-content-sticky:not([style*="display: none"])+td, .k-grid .k-table .k-grid-content-sticky:not([style*="display: none"])+.k-table-td, .k-grid .k-table .k-grid-content-sticky:not([style*="display: none"])+.k-table-th, .k-grid .k-table .k-grid-footer-sticky:not([style*="display: none"])+td, .k-grid .k-table .k-grid-footer-sticky:not([style*="display: none"])+.k-table-td, .k-grid .k-table .k-grid-footer-sticky:not([style*="display: none"])+.k-table-th { border-inline-start-width: 0 } .k-grid .k-grid-row-sticky { border-bottom-width: 1px; border-top-width: 1px } .k-grid-header-sticky.k-table-th.k-grid-no-left-border.k-first { border-inline-start-width: 0 } .k-grid.k-grid-no-scrollbar .k-grid-header-wrap, .k-grid.k-grid-no-scrollbar .k-grid-footer-wrap { margin: 0; border-width: 0 } .k-grid.k-grid-no-scrollbar .k-grid-header, .k-grid.k-grid-no-scrollbar .k-grid-footer { padding: 0 } .k-grid.k-grid-no-scrollbar .k-grid-content { overflow-y: auto } .k-grid-norecords { text-align: center } div.k-grid-norecords { width: 100%; height: 100%; display: flex; align-items: center } .k-grid-norecords-template { box-sizing: border-box; margin-block: 0; margin-inline: auto; width: 20em; height: 4em; border: 1px solid; line-height: 4em } .k-column-title { min-width: 0; text-overflow: ellipsis; white-space: nowrap; flex-shrink: 1; overflow: hidden } .k-grid .k-grid-sm .k-table-th, .k-grid-sm .k-table-th { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-grid .k-grid-sm td, .k-grid .k-grid-sm .k-table-td, .k-grid-sm td, .k-grid-sm .k-table-td { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-grid .k-grid-sm .k-grouping-header, .k-grid-sm .k-grouping-header { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); gap: var(--kendo-spacing-1, 5px) } .k-grid .k-grid-sm .k-grouping-header::before, .k-grid-sm .k-grouping-header::before { margin-inline-start: calc(var(--kendo-spacing-1, 5px)*-1) } .k-grid .k-grid-sm .k-grid-header .k-table-th>.k-link, .k-grid-sm .k-grid-header .k-table-th>.k-link { margin-block: calc(var(--kendo-spacing-1, 5px)*-1); margin-inline: calc(var(--kendo-spacing-2, 10px)*-1); padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-grid .k-grid-sm .k-grid-header .k-grid-filter, .k-grid .k-grid-sm .k-grid-header .k-header-column-menu, .k-grid .k-grid-sm .k-grid-header .k-grid-header-menu, .k-grid-sm .k-grid-header .k-grid-filter, .k-grid-sm .k-grid-header .k-header-column-menu, .k-grid-sm .k-grid-header .k-grid-header-menu { padding: var(--kendo-spacing-0\.5, 2.5px); width: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-0\.5, 2.5px)*2 + 2px); height: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-0\.5, 2.5px)*2 + 2px); bottom: calc(var(--kendo-spacing-1, 5px) + 0.7142857143em - var(--kendo-line-height, normal)*1em/2 - var(--kendo-spacing-1, 5px)*2/2) } .k-grid .k-grid-sm .k-table-th>.k-cell-inner, .k-grid-sm .k-table-th>.k-cell-inner { margin-block: calc(var(--kendo-spacing-1, 5px)*-1); margin-inline: calc(var(--kendo-spacing-2, 10px)*-1) } .k-grid .k-grid-sm .k-table-th>.k-cell-inner>.k-link, .k-grid-sm .k-table-th>.k-cell-inner>.k-link { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-grid .k-grid-sm .k-grouping-row .k-icon, .k-grid-sm .k-grouping-row .k-icon { margin-inline-start: calc(8px - var(--kendo-spacing-2, 10px)) } .k-grid .k-grid-sm .k-grouping-dropclue, .k-grid-sm .k-grouping-dropclue { height: calc(1em + var(--kendo-spacing-0\.5, 2.5px)*2 + 8px) } .k-grid .k-grid-sm .k-hierarchy-cell, .k-grid .k-grid-sm .k-drag-cell, .k-grid-sm .k-hierarchy-cell, .k-grid-sm .k-drag-cell { padding: 0 } .k-grid .k-grid-sm .k-hierarchy-cell>.k-icon, .k-grid .k-grid-sm .k-drag-cell>.k-icon, .k-grid-sm .k-hierarchy-cell>.k-icon, .k-grid-sm .k-drag-cell>.k-icon { padding-block: var(--kendo-spacing-1, 5px); padding-inline: 0 } .k-grid .k-grid-sm .k-edit-cell, .k-grid .k-grid-sm .k-command-cell, .k-grid .k-grid-sm .k-grid-edit-row td, .k-grid .k-grid-sm .k-grid-edit-row .k-table-td, .k-grid-sm .k-edit-cell, .k-grid-sm .k-command-cell, .k-grid-sm .k-grid-edit-row td, .k-grid-sm .k-grid-edit-row .k-table-td { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-grid .k-grid-sm .k-filter-row td, .k-grid .k-grid-sm .k-filter-row .k-table-td, .k-grid .k-grid-sm .k-filter-row .k-table-th, .k-grid-sm .k-filter-row td, .k-grid-sm .k-filter-row .k-table-td, .k-grid-sm .k-filter-row .k-table-th { padding-block: var(--kendo-spacing-1\.5, 7.5px); padding-inline: var(--kendo-spacing-1\.5, 7.5px) } .k-grid .k-grid-sm .k-filtercell>span, .k-grid .k-grid-sm .k-filtercell .k-filtercell-wrapper, .k-grid-sm .k-filtercell>span, .k-grid-sm .k-filtercell .k-filtercell-wrapper { gap: calc(var(--kendo-spacing-1, 5px)/2) } .k-grid .k-grid-sm .k-selection-aggregates, .k-grid-sm .k-selection-aggregates { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px) } .k-grid .k-grid-sm .k-resizer-wrap, .k-grid-sm .k-resizer-wrap { display: block; width: 100%; padding-block-start: calc(var(--kendo-spacing-0\.5, 2.5px) - var(--kendo-spacing-0\.5, 2.5px)); padding-block-end: var(--kendo-spacing-0\.5, 2.5px); position: absolute; background: none; cursor: row-resize; z-index: 2 } .k-grid .k-grid-md .k-table-th, .k-grid-md .k-table-th { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-3, 0.15px) } .k-grid .k-grid-md td, .k-grid .k-grid-md .k-table-td, .k-grid-md td, .k-grid-md .k-table-td { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-3, 0.15px) } .k-grid .k-grid-md .k-grouping-header, .k-grid-md .k-grouping-header { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); gap: var(--kendo-spacing-2, 10px) } .k-grid .k-grid-md .k-grouping-header::before, .k-grid-md .k-grouping-header::before { margin-inline-start: calc(var(--kendo-spacing-2, 10px)*-1) } .k-grid .k-grid-md .k-grid-header .k-table-th>.k-link, .k-grid-md .k-grid-header .k-table-th>.k-link { margin-block: calc(var(--kendo-spacing-2, 10px)*-1); margin-inline: calc(var(--kendo-spacing-3, 0.15px)*-1); padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-3, 0.15px) } .k-grid .k-grid-md .k-grid-header .k-grid-filter, .k-grid .k-grid-md .k-grid-header .k-header-column-menu, .k-grid .k-grid-md .k-grid-header .k-grid-header-menu, .k-grid-md .k-grid-header .k-grid-filter, .k-grid-md .k-grid-header .k-header-column-menu, .k-grid-md .k-grid-header .k-grid-header-menu { padding: var(--kendo-spacing-1, 5px); width: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 5px)*2 + 2px); height: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 5px)*2 + 2px); bottom: calc(var(--kendo-spacing-2, 10px) + 0.7142857143em - var(--kendo-line-height, normal)*1em/2 - var(--kendo-spacing-1, 5px)*2/2) } .k-grid .k-grid-md .k-table-th>.k-cell-inner, .k-grid-md .k-table-th>.k-cell-inner { margin-block: calc(var(--kendo-spacing-2, 10px)*-1); margin-inline: calc(var(--kendo-spacing-3, 0.15px)*-1) } .k-grid .k-grid-md .k-table-th>.k-cell-inner>.k-link, .k-grid-md .k-table-th>.k-cell-inner>.k-link { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-3, 0.15px) } .k-grid .k-grid-md .k-grouping-row .k-icon, .k-grid-md .k-grouping-row .k-icon { margin-inline-start: calc(8px - var(--kendo-spacing-3, 0.15px)) } .k-grid .k-grid-md .k-grouping-dropclue, .k-grid-md .k-grouping-dropclue { height: calc(1em + var(--kendo-spacing-1, 5px)*2 + 8px) } .k-grid .k-grid-md .k-hierarchy-cell, .k-grid .k-grid-md .k-drag-cell, .k-grid-md .k-hierarchy-cell, .k-grid-md .k-drag-cell { padding: 0 } .k-grid .k-grid-md .k-hierarchy-cell>.k-icon, .k-grid .k-grid-md .k-drag-cell>.k-icon, .k-grid-md .k-hierarchy-cell>.k-icon, .k-grid-md .k-drag-cell>.k-icon { padding-block: var(--kendo-spacing-2, 10px); padding-inline: 0 } .k-grid .k-grid-md .k-edit-cell, .k-grid .k-grid-md .k-command-cell, .k-grid .k-grid-md .k-grid-edit-row td, .k-grid .k-grid-md .k-grid-edit-row .k-table-td, .k-grid-md .k-edit-cell, .k-grid-md .k-command-cell, .k-grid-md .k-grid-edit-row td, .k-grid-md .k-grid-edit-row .k-table-td { padding-block: calc(var(--kendo-spacing-1\.5, 7.5px)/2); padding-inline: var(--kendo-spacing-3, 0.15px) } .k-grid .k-grid-md .k-filter-row td, .k-grid .k-grid-md .k-filter-row .k-table-td, .k-grid .k-grid-md .k-filter-row .k-table-th, .k-grid-md .k-filter-row td, .k-grid-md .k-filter-row .k-table-td, .k-grid-md .k-filter-row .k-table-th { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px) } .k-grid .k-grid-md .k-filtercell>span, .k-grid .k-grid-md .k-filtercell .k-filtercell-wrapper, .k-grid-md .k-filtercell>span, .k-grid-md .k-filtercell .k-filtercell-wrapper { gap: calc(var(--kendo-spacing-2, 10px)/2) } .k-grid .k-grid-md .k-selection-aggregates, .k-grid-md .k-selection-aggregates { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px) } .k-grid .k-grid-md .k-resizer-wrap, .k-grid-md .k-resizer-wrap { display: block; width: 100%; padding-block-start: calc(var(--kendo-spacing-1\.5, 7.5px)/2 - var(--kendo-spacing-0\.5, 2.5px)); padding-block-end: calc(var(--kendo-spacing-1\.5, 7.5px)/2); position: absolute; background: none; cursor: row-resize; z-index: 2 } .k-loading-pdf-mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100 } .k-loading-pdf-mask>.k-i-loading { position: absolute; top: 50%; left: 50%; font-size: 64px } .k-loading-pdf-mask .k-loading-pdf-progress { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .k-pdf-export .k-loading-pdf-mask { display: none } .k-grid-pdf-export-element { position: absolute; left: -10000px; top: -10000px } .k-grid-pdf-export-element .k-filter-row { display: none } .k-pdf-export-shadow .k-grid { float: left; width: auto !important } .k-pdf-export-shadow .k-grid, .k-pdf-export-shadow .k-grid-content, .k-pdf-export-shadow .k-grid-content-locked { height: auto !important; overflow: visible } .k-pdf-export-shadow .k-grid-header-locked+.k-grid-header-wrap, .k-pdf-export-shadow .k-grid-header-locked+.k-grid-content, .k-pdf-export-shadow .k-grid-header-locked+.k-grid-footer-wrap { width: auto !important } .k-pdf-export-shadow .k-grid-header, .k-pdf-export-shadow .k-grid[data-role=grid] .k-grid-footer { padding: 0 !important } .k-filter-menu-popup { min-width: 230px; max-width: 320px } .k-filter-menu { box-sizing: border-box } .k-filter-menu-container { padding: var(--kendo-spacing-2, 10px); box-sizing: border-box; display: flex; flex-flow: column nowrap; align-items: stretch; gap: var(--kendo-spacing-2, 10px) } .k-filter-menu-container .k-filter-and { width: min-content; align-self: start } .k-filter-menu-container .k-actions, .k-filter-menu-container .k-edit-buttons, .k-filter-menu-container .k-action-buttons, .k-filter-menu-container .k-columnmenu-actions, .k-filter-menu-container .k-form-buttons { margin: 0; padding: 0 } .k-filter-menu-container kendo-numeric-filter-menu, .k-filter-menu-container kendo-grid-string-filter-menu, .k-filter-menu-container kendo-grid-date-filter-menu, .k-filter-menu-container kendo-grid-numeric-filter-menu, .k-filter-menu-container kendo-grid-filter-menu-input-wrapper, .k-filter-menu-container kendo-treelist-string-filter-menu, .k-filter-menu-container kendo-treelist-date-filter-menu, .k-filter-menu-container kendo-treelist-numeric-filter-menu, .k-filter-menu-container kendo-treelist-filter-menu-input-wrapper { display: flex; flex-flow: column nowrap; align-items: stretch; gap: var(--kendo-spacing-2, 10px) } .k-filter-menu.k-popup .k-filter-menu-container, .k-grid-filter-popup.k-popup .k-filter-menu-container { min-width: 230px; max-width: 320px } .k-popup .k-multicheck-wrap { margin: 0; padding: 0; max-height: 300px; white-space: nowrap; overflow: auto; list-style: none } .k-popup .k-multicheck-wrap .k-item, .k-popup .k-multicheck-wrap .k-check-all-wrap { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); display: flex; flex-flow: row nowrap } .k-filter-selected-items { font-weight: bold; line-height: normal; white-space: nowrap } .k-autofitting { width: auto !important; table-layout: auto !important } .k-autofitting .k-table-th, .k-autofitting td, .k-autofitting .k-table-td { white-space: nowrap !important } .k-autofitting .k-detail-row { display: none !important } .k-column-menu-popup, .k-grid-columnmenu-popup { min-width: 230px; box-sizing: border-box } .k-column-menu-popup.k-popup, .k-grid-columnmenu-popup.k-popup { max-width: 320px } .k-column-menu-popup .k-actions, .k-column-menu-popup .k-edit-buttons, .k-column-menu-popup .k-action-buttons, .k-column-menu-popup .k-columnmenu-actions, .k-column-menu-popup .k-form-buttons, .k-grid-columnmenu-popup .k-actions, .k-grid-columnmenu-popup .k-edit-buttons, .k-grid-columnmenu-popup .k-action-buttons, .k-grid-columnmenu-popup .k-columnmenu-actions, .k-grid-columnmenu-popup .k-form-buttons { margin: 0 } .k-column-menu { box-sizing: border-box } .k-column-menu .k-menu:not(.k-context-menu) { font-weight: 400 } .k-column-menu .k-expander { border: 0; background: inherit } .k-column-menu .k-expander .k-columnmenu-item { display: flex; align-items: center } .k-column-menu-tabbed { border-radius: var(--kendo-border-radius-md, 5px) var(--kendo-border-radius-md, 5px) 0 0 } .k-column-menu-tabbed .k-tabstrip-items { margin: -1px -1px 0 } .k-column-menu-tabbed .k-tabstrip-items .k-item { flex: 1 } .k-column-menu-tabbed .k-tabstrip-items .k-link { justify-content: center } .k-column-menu-tabbed .k-tabstrip-content { padding-inline: var(--kendo-spacing-0, 0px); padding-block: var(--kendo-spacing-2, 10px); border-width: 0 } .k-column-list { padding: 0; margin: 0; list-style: none; max-height: 200px; overflow-x: hidden; overflow-y: auto } .k-column-chooser-title, .k-column-list-item { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-column-list-item { margin: 0; display: flex; flex-flow: row nowrap; align-items: center; gap: 4px; cursor: pointer; position: relative } .k-column-list-item .k-checkbox-label { margin: 0 } .k-column-list-item:focus { outline: none } .k-columns-items-wrap { padding-block: var(--kendo-spacing-1\.5, 7.5px); padding-inline: var(--kendo-spacing-0, 0px) } .k-columnmenu-item { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); outline: 0; cursor: pointer } .k-columnmenu-item>.k-icon, .k-columnmenu-item>.k-expander-indicator { margin-inline-end: var(--kendo-spacing-1, 5px) } .k-columnmenu-item-wrapper+.k-columnmenu-item-wrapper { border-top: 1px solid; border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-columnmenu-item-content { overflow: hidden } .k-column-menu-group-header { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); display: flex; flex: 0 0 auto; position: relative; -webkit-user-select: none; -ms-user-select: none; user-select: none } .k-column-menu-group-header-text { border-bottom-width: 1px; border-bottom-style: solid; font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height, normal); font-weight: bold; text-transform: uppercase; flex: 1 1 auto } .k-rtl .k-grid-virtual .k-grid-content .k-grid-table-wrap, .k-rtl .k-grid-virtual .k-grid-content .k-grid-table, .k-rtl .k-grid-virtual .k-grid-content>.k-height-container, [dir=rtl] .k-grid-virtual .k-grid-content .k-grid-table-wrap, [dir=rtl] .k-grid-virtual .k-grid-content .k-grid-table, [dir=rtl] .k-grid-virtual .k-grid-content>.k-height-container, .k-rtl.k-grid-virtual .k-grid-content .k-grid-table-wrap, .k-rtl.k-grid-virtual .k-grid-content .k-grid-table, .k-rtl.k-grid-virtual .k-grid-content>.k-height-container, [dir=rtl].k-grid-virtual .k-grid-content .k-grid-table-wrap, [dir=rtl].k-grid-virtual .k-grid-content .k-grid-table, [dir=rtl].k-grid-virtual .k-grid-content>.k-height-container { float: right } .k-grid-header, .k-grid-header-wrap, .k-grouping-header, .k-grid .k-table-th, .k-grid td, .k-grid .k-table-td, .k-grid-footer, .k-grid-footer-wrap, .k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked, .k-filter-row>.k-table-th, .k-filter-row>td, .k-filter-row>.k-table-td { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-grid-header, .k-grouping-header, .k-grid-add-row, .k-grid-footer { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-grid .k-table { background-color: inherit } .k-grid-toolbar { border-color: inherit; box-shadow: none } .k-grid-content { background-color: var(--kendo-color-surface-alt, #ffffff) } .k-group-footer td, .k-grouping-row td, .k-group-footer .k-table-td, .k-grouping-row .k-table-td, .k-table-tbody .k-group-cell { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-grouping-dropclue::before { border-color: var(--kendo-color-on-app-surface, #424242) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) } .k-grouping-dropclue::after { background-color: var(--kendo-color-on-app-surface, #424242) } .k-grid { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-grid .k-table-row.k-table-alt-row { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 5%, transparent) } .k-grid .k-table-tbody>.k-table-row:not(.k-detail-row):hover, .k-grid .k-table-tbody>.k-table-row:not(.k-detail-row).k-hover { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 11%, transparent) } .k-grid td.k-selected, .k-grid .k-table-row.k-selected>td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected>.k-table-td { background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent) } .k-grid .k-table-th:focus, .k-grid .k-table-th.k-focus, .k-grid td:focus, .k-grid td.k-focus, .k-grid .k-table-td:focus, .k-grid .k-table-td.k-focus, .k-grid .k-master-row>td:focus, .k-grid .k-master-row>td.k-focus, .k-grid .k-grouping-row>td:focus, .k-grid .k-grouping-row>td.k-focus, .k-grid .k-detail-row>td:focus, .k-grid .k-detail-row>td.k-focus, .k-grid .k-group-footer>td:focus, .k-grid .k-group-footer>td.k-focus, .k-grid .k-master-row>.k-table-td:focus, .k-grid .k-master-row>.k-table-td.k-focus, .k-grid .k-grouping-row>.k-table-td:focus, .k-grid .k-grouping-row>.k-table-td.k-focus, .k-grid .k-detail-row>.k-table-td:focus, .k-grid .k-detail-row>.k-table-td.k-focus, .k-grid .k-group-footer>.k-table-td:focus, .k-grid .k-group-footer>.k-table-td.k-focus, .k-grid .k-grid-pager:focus, .k-grid .k-grid-pager.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .12) } .k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-grid-header-menu, .k-grid .k-hierarchy-cell .k-icon { color: var(--kendo-color-on-app-surface, #424242) } .k-grid .k-grouping-row { background-color: var(--kendo-color-surface, #fafafa) } .k-grid .k-grouping-row .k-icon { color: var(--kendo-color-on-app-surface, #424242) } .k-grid .k-grouping-row .k-grid-content-sticky { border-color: rgba(0, 0, 0, .3); border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-grid .k-grid-header-locked, .k-grid .k-grid-content-locked, .k-grid .k-grid-header-locked .k-table-th, .k-grid .k-grid-content-locked td, .k-grid .k-grid-content-locked .k-table-td { border-color: rgba(0, 0, 0, .3) } .k-grid .k-grid-content-locked .k-group-footer td, .k-grid .k-grid-content-locked .k-group-footer .k-table-td, .k-grid .k-grid-content-locked .k-group-cell { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-grid .k-grid-content-locked .k-grouping-row+.k-table-row td, .k-grid .k-grid-content-locked .k-grouping-row+.k-table-row .k-table-td { border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-grid .k-grid-content-locked .k-selected td, .k-grid .k-grid-content-locked .k-selected .k-table-td { background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent) } .k-grid .k-grid-content-locked .k-selected.k-table-alt-row td, .k-grid .k-grid-content-locked .k-selected.k-table-alt-row .k-table-td { background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 24%, transparent) } .k-grid .k-grid-content-locked .k-selected:hover td, .k-grid .k-grid-content-locked .k-selected.k-hover td, .k-grid .k-grid-content-locked .k-selected:hover .k-table-td, .k-grid .k-grid-content-locked .k-selected.k-hover .k-table-td { background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 24%, transparent) } .k-grid .k-grid-header-locked .k-table-th { border-bottom-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } col.k-sorted, .k-table-th.k-sorted { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 3%, transparent) } .k-grid-header .k-sort-icon, .k-grid-header .k-sort-order { color: var(--kendo-color-primary, #1274AC) } .k-grid-header .k-grid-filter:hover, .k-grid-header .k-header-column-menu:hover, .k-grid-header .k-grid-header-menu:hover, .k-grid-header .k-hierarchy-cell .k-icon:hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-grid-header .k-grid-filter:focus, .k-grid-header .k-grid-filter.k-focus, .k-grid-header .k-header-column-menu:focus, .k-grid-header .k-header-column-menu.k-focus, .k-grid-header .k-grid-header-menu:focus, .k-grid-header .k-grid-header-menu.k-focus, .k-grid-header .k-hierarchy-cell .k-icon:focus, .k-grid-header .k-hierarchy-cell .k-icon.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .1) } .k-grid-header .k-grid-filter.k-active, .k-grid-header .k-header-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active, .k-grid-header .k-hierarchy-cell .k-icon.k-active { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-grid-header .k-table-th.k-grid-header-sticky, .k-grid-header td.k-grid-header-sticky, .k-grid-header .k-table-td.k-grid-header-sticky, .k-grid-header .k-grid-header-sticky.k-sorted { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa); border-right-color: rgba(0, 0, 0, .3); border-left-color: rgba(0, 0, 0, .3) } .k-grid-footer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-grid-footer .k-grid-footer-sticky { border-left-color: rgba(0, 0, 0, .3); border-right-color: rgba(0, 0, 0, .3); background-color: var(--kendo-color-surface, #fafafa) } .k-selection-aggregates { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-master-row .k-grid-content-sticky { border-color: rgba(0, 0, 0, .3); border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-master-row .k-grid-row-sticky, .k-master-row.k-grid-row-sticky>.k-table-td { border-top-color: rgba(0, 0, 0, .3); border-bottom-color: rgba(0, 0, 0, .3); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-master-row.k-table-alt-row .k-grid-content-sticky, .k-master-row.k-table-alt-row.k-grid-row-sticky>.k-table-td, .k-master-row.k-table-alt-row .k-grid-row-sticky { background-color: var(--kendo-color-base, #f5f5f5) } .k-master-row.k-table-row.k-selected td.k-grid-content-sticky, .k-master-row.k-table-row.k-selected.k-grid-row-sticky>.k-table-td, .k-master-row.k-table-row.k-selected .k-table-td.k-grid-row-sticky, .k-master-row.k-table-row td.k-grid-content-sticky.k-selected, .k-master-row.k-table-row .k-table-td.k-grid-content-sticky.k-selected { background-color: var(--kendo-color-surface-alt, #ffffff) } .k-master-row.k-table-row.k-selected td.k-grid-content-sticky::before, .k-master-row.k-table-row.k-selected.k-grid-row-sticky>.k-table-td::before, .k-master-row.k-table-row.k-selected .k-table-td.k-grid-row-sticky::before, .k-master-row.k-table-row td.k-grid-content-sticky.k-selected::before, .k-master-row.k-table-row .k-table-td.k-grid-content-sticky.k-selected::before { background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent) } .k-master-row.k-selected.k-table-alt-row td.k-grid-content-sticky, .k-master-row.k-selected.k-table-alt-row.k-grid-row-sticky>.k-table-td, .k-master-row.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky, .k-master-row.k-table-alt-row td.k-grid-content-sticky.k-selected, .k-master-row.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected { background-color: var(--kendo-color-base, #f5f5f5) } .k-master-row.k-selected.k-table-alt-row td.k-grid-content-sticky::before, .k-master-row.k-selected.k-table-alt-row.k-grid-row-sticky>.k-table-td::before, .k-master-row.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky::before, .k-master-row.k-table-alt-row td.k-grid-content-sticky.k-selected::before, .k-master-row.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected::before { background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 24%, transparent) } .k-master-row:hover .k-grid-content-sticky, .k-master-row:hover .k-grid-row-sticky, .k-master-row:hover.k-grid-row-sticky>.k-table-td, .k-master-row.k-hover .k-grid-content-sticky, .k-master-row.k-hover .k-grid-row-sticky, .k-master-row.k-hover.k-grid-row-sticky>.k-table-td { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-master-row.k-selected:hover td.k-grid-content-sticky, .k-master-row.k-selected:hover .k-table-td.k-grid-row-sticky, .k-master-row.k-selected:hover.k-grid-row-sticky>.k-table-td, .k-master-row.k-selected.k-hover td.k-grid-content-sticky, .k-master-row.k-selected.k-hover .k-table-td.k-grid-row-sticky, .k-master-row.k-selected.k-hover.k-grid-row-sticky>.k-table-td, .k-master-row:hover td.k-grid-content-sticky.k-selected, .k-master-row.k-hover td.k-grid-content-sticky.k-selected, .k-master-row:hover .k-table-td.k-grid-content-sticky.k-selected, .k-master-row.k-hover .k-table-td.k-grid-content-sticky.k-selected { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-master-row.k-selected:hover td.k-grid-content-sticky::before, .k-master-row.k-selected:hover .k-table-td.k-grid-row-sticky::before, .k-master-row.k-selected:hover.k-grid-row-sticky>.k-table-td::before, .k-master-row.k-selected.k-hover td.k-grid-content-sticky::before, .k-master-row.k-selected.k-hover .k-table-td.k-grid-row-sticky::before, .k-master-row.k-selected.k-hover.k-grid-row-sticky>.k-table-td::before, .k-master-row:hover td.k-grid-content-sticky.k-selected::before, .k-master-row.k-hover td.k-grid-content-sticky.k-selected::before, .k-master-row:hover .k-table-td.k-grid-content-sticky.k-selected::before, .k-master-row.k-hover .k-table-td.k-grid-content-sticky.k-selected::before { background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 24%, transparent) } .k-grouping-row .k-grid-content-sticky { background-color: var(--kendo-color-surface, #fafafa) } .k-grouping-row:hover .k-grid-content-sticky, .k-grouping-row.k-hover .k-grid-content-sticky { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-column-list-item:hover, .k-columnmenu-item:hover { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-column-list-item:focus, .k-column-list-item.k-focus, .k-columnmenu-item:focus, .k-columnmenu-item.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .12) } .k-columnmenu-item.k-selected { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-column-menu .k-menu:not(.k-context-menu) { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-column-menu .k-menu:not(.k-context-menu) .k-item:hover, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-hover { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-column-menu .k-menu:not(.k-context-menu) .k-item:focus, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .12) } .k-column-menu-tabbed { background-color: var(--kendo-color-surface, #fafafa) } .k-column-menu-group-header-text { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242) } .k-check-all-wrap { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-grid-norecords-template { background-color: var(--kendo-color-surface-alt, #ffffff); border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-resizer-wrap.k-hover .k-row-resizer { background-color: color-mix(in srgb, var(--kendo-color-on-base, #424242) 20%, transparent) } .k-resizer-wrap.k-active .k-row-resizer { background-color: var(--kendo-color-primary, #1274AC) } .k-touch-action-none { touch-action: none } .k-touch-action-none { touch-action: none !important } .k-touch-action-auto { touch-action: auto } .k-touch-action-auto { touch-action: auto !important } .k-touch-action-pan-x { touch-action: pan-x } .k-touch-action-pan-x { touch-action: pan-x !important } .k-touch-action-pan-left { touch-action: pan-left } .k-touch-action-pan-left { touch-action: pan-left !important } .k-touch-action-pan-right { touch-action: pan-right } .k-touch-action-pan-right { touch-action: pan-right !important } .k-touch-action-pan-y { touch-action: pan-y } .k-touch-action-pan-y { touch-action: pan-y !important } .k-touch-action-pan-up { touch-action: pan-up } .k-touch-action-pan-up { touch-action: pan-up !important } .k-touch-action-pan-down { touch-action: pan-down } .k-touch-action-pan-down { touch-action: pan-down !important } .k-touch-action-pinch-zoom { touch-action: pinch-zoom } .k-touch-action-pinch-zoom { touch-action: pinch-zoom !important } .k-touch-action-manipulation { touch-action: manipulation } .k-touch-action-manipulation { touch-action: manipulation !important } .k-cursor-none { cursor: none } .k-cursor-none { cursor: none !important } .k-cursor-auto { cursor: auto } .k-cursor-auto { cursor: auto !important } .k-cursor-default { cursor: default } .k-cursor-default { cursor: default !important } .k-cursor-context-menu { cursor: context-menu } .k-cursor-context-menu { cursor: context-menu !important } .k-cursor-help { cursor: help } .k-cursor-help { cursor: help !important } .k-cursor-pointer { cursor: pointer } .k-cursor-pointer { cursor: pointer !important } .k-cursor-progress { cursor: progress } .k-cursor-progress { cursor: progress !important } .k-cursor-wait { cursor: wait } .k-cursor-wait { cursor: wait !important } .k-cursor-cell { cursor: cell } .k-cursor-cell { cursor: cell !important } .k-cursor-crosshair { cursor: crosshair } .k-cursor-crosshair { cursor: crosshair !important } .k-cursor-text { cursor: text } .k-cursor-text { cursor: text !important } .k-cursor-vertical-text { cursor: vertical-text } .k-cursor-vertical-text { cursor: vertical-text !important } .k-cursor-alias { cursor: alias } .k-cursor-alias { cursor: alias !important } .k-cursor-copy { cursor: copy } .k-cursor-copy { cursor: copy !important } .k-cursor-move { cursor: move } .k-cursor-move { cursor: move !important } .k-cursor-no-drop { cursor: no-drop } .k-cursor-no-drop { cursor: no-drop !important } .k-cursor-not-allowed { cursor: not-allowed } .k-cursor-not-allowed { cursor: not-allowed !important } .k-cursor-e-resize { cursor: e-resize } .k-cursor-e-resize { cursor: e-resize !important } .k-cursor-n-resize { cursor: n-resize } .k-cursor-n-resize { cursor: n-resize !important } .k-cursor-ne-resize { cursor: ne-resize } .k-cursor-ne-resize { cursor: ne-resize !important } .k-cursor-nw-resize { cursor: nw-resize } .k-cursor-nw-resize { cursor: nw-resize !important } .k-cursor-s-resize { cursor: s-resize } .k-cursor-s-resize { cursor: s-resize !important } .k-cursor-se-resize { cursor: se-resize } .k-cursor-se-resize { cursor: se-resize !important } .k-cursor-sw-resize { cursor: sw-resize } .k-cursor-sw-resize { cursor: sw-resize !important } .k-cursor-w-resize { cursor: w-resize } .k-cursor-w-resize { cursor: w-resize !important } .k-cursor-ew-resize { cursor: ew-resize } .k-cursor-ew-resize { cursor: ew-resize !important } .k-cursor-ns-resize { cursor: ns-resize } .k-cursor-ns-resize { cursor: ns-resize !important } .k-cursor-nesw-resize { cursor: nesw-resize } .k-cursor-nesw-resize { cursor: nesw-resize !important } .k-cursor-nwse-resize { cursor: nwse-resize } .k-cursor-nwse-resize { cursor: nwse-resize !important } .k-cursor-col-resize { cursor: col-resize } .k-cursor-col-resize { cursor: col-resize !important } .k-cursor-row-resize { cursor: row-resize } .k-cursor-row-resize { cursor: row-resize !important } .k-cursor-all-scroll { cursor: all-scroll } .k-cursor-all-scroll { cursor: all-scroll !important } .k-cursor-zoom-in { cursor: zoom-in } .k-cursor-zoom-in { cursor: zoom-in !important } .k-cursor-zoom-out { cursor: zoom-out } .k-cursor-zoom-out { cursor: zoom-out !important } .k-cursor-grab { cursor: grab } .k-cursor-grab { cursor: grab !important } .k-cursor-grabbing { cursor: grabbing } .k-cursor-grabbing { cursor: grabbing !important } .k-listview { margin: 0; padding: 0; border-width: 0; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-flow: column nowrap; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-listview-bordered { border-width: 1px } .k-listview-header { border-width: 0; border-style: solid; border-color: inherit } .k-listview-bordered>.k-listview-header { border-bottom-width: 1px } .k-listview-content { margin: 0; padding: 0; outline: 0; flex-grow: 1; position: relative; overflow: auto } .k-listview-content::after { height: 0; clear: both; display: block } .k-listview-content.k-d-flex::after, .k-listview-content.k-d-flex-row::after, .k-listview-content.k-d-flex-col::after, .k-listview-content.k-d-grid::after { display: none } .k-listview-content-padding-rectangle { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px) } .k-listview-content-padding-square { padding: var(--kendo-spacing-1, 5px) } .k-listview-item { padding: 0; border-width: 0; outline: 0; border-style: solid; box-sizing: border-box; flex-shrink: 0 } .k-listview-item-padding-rectangle { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px) } .k-listview-item-padding-rectangle .k-listview-link { margin-block: -var(--kendo-spacing-1, 5px); margin-inline: -var(--kendo-spacing-1, 5px); padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px) } .k-listview-item-padding-square { padding: var(--kendo-spacing-1, 5px) } .k-listview-item-padding-square .k-listview-link { margin: -var(--kendo-spacing-1, 5px); padding: var(--kendo-spacing-1, 5px) } .k-listview-footer { border-width: 0; border-style: solid; border-color: inherit } .k-listview-bordered>.k-listview-footer { border-top-width: 1px } .k-listview-pager { border-width: 0; border-color: inherit } .k-listview-bordered>.k-listview-pager-top { border-block-end-width: var(--kendo-listview-border-width, 1px) } .k-listview-bordered>.k-listview-pager-bottom { border-block-start-width: var(--kendo-listview-border-width, 1px) } .k-listview-borders-all .k-listview-item { border-width: 1px } .k-listview-borders-horizontal .k-listview-item { border-top-width: 1px } .k-listview-borders-horizontal .k-listview-item:first-child { border-top-width: 0 } .k-listview-borders-vertical .k-listview-item { border-left-width: 1px } .k-listview-borders-vertical .k-listview-item:first-child { border-left-width: 0 } .k-listview { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-listview-content>.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) } .k-listview-content>.k-selected { background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent) } .k-listview-item { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-chart-wizard .k-icon-text-wrapper { display: flex; align-items: center; gap: var(--kendo-spacing-3, 0.15px) } .k-chart-wizard .k-icon-background-area { display: flex; padding: var(--kendo-spacing-4, 20px); border-radius: var(--kendo-border-radius-md, 5px) } .k-chart-types-wrapper { display: flex; flex-direction: column; gap: var(--kendo-spacing-4, 20px) } .k-chart-wizard-splitter { height: 100% } .k-chart-wizard-splitter .k-tabstrip { width: 100%; height: 100% } .k-chart-wizard-preview-pane { padding: var(--kendo-spacing-4, 20px) } .k-chart-wizard-property-pane { padding: var(--kendo-spacing-4, 20px) } .k-chart-wizard .k-icon-text-wrapper.k-selected { color: var(--kendo-color-primary, #1274AC) } .k-chart-wizard .k-icon-text-wrapper.k-selected .k-icon-background-area { box-shadow: inset 0 0 0 1px var(--kendo-color-primary, #1274AC) } .k-chart-wizard .k-icon-text-wrapper:hover, .k-chart-wizard .k-icon-text-wrapper.k-hover { cursor: pointer } .k-chart-wizard .k-icon-text-wrapper:focus .k-icon-background-area, .k-chart-wizard .k-icon-text-wrapper.k-focus .k-icon-background-area { box-shadow: inset 0 0 0 1px var(--kendo-color-primary-emphasis, #4d97c1) } .k-chart-wizard .k-icon-background-area { color: var(--kendo-color-primary, #1274AC); background-color: var(--kendo-color-primary-subtle, #d0e3ee) } .k-spreadsheet { width: 100%; height: 600px; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; cursor: default; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-spreadsheet .k-vertical-align-center { position: relative; top: 50%; transform: translateY(-50%) } .k-spreadsheet .k-vertical-align-bottom { position: relative; top: 100%; transform: translateY(-100%) } .k-spreadsheet-toolbar { border-top-width: 0; border-inline-width: 0 } .k-spreadsheet-action-bar { border-width: 0 0 1px; border-style: solid; border-color: inherit; padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); font-size: var(--kendo-font-size, inherit); font-family: Arial, Verdana, sans-serif; position: relative; display: flex; flex-direction: row; gap: var(--kendo-spacing-2, 10px) } .k-spreadsheet-name-editor { width: 10em } .k-spreadsheet-formula-bar { min-width: 0px; border-color: inherit; display: flex; flex-direction: row; align-items: center; flex: 1; gap: var(--kendo-spacing-2, 10px) } .k-spreadsheet-formula-bar>.k-icon { padding-block: 0; padding-inline: var(--kendo-spacing-1, 5px); box-sizing: content-box; border-width: 0 1px 0 0; border-style: solid; border-color: inherit; flex-shrink: 0 } .k-spreadsheet-formula-bar .k-tooltip, .k-spreadsheet-formula-bar .k-group-header, .k-spreadsheet-formula-bar .k-list-scroller { display: none } .k-spreadsheet-formula-bar .k-spreadsheet-formula-input { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); line-height: var(--kendo-line-height, normal); display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula::before { content:"{"; font-weight: 700 } .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula::after { content: "}"; font-weight: 700 } .k-spreadsheet-formula-input { outline: 0; white-space: pre; flex: 1; box-sizing: border-box } .k-spreadsheet-formula-input>.k-syntax-func.k-syntax-at-point, .k-spreadsheet-formula-input>.k-syntax-bool.k-syntax-at-point, .k-spreadsheet-formula-input>.k-syntax-ref.k-syntax-at-point, .k-spreadsheet-formula-input>.k-syntax-str.k-syntax-at-point, .k-spreadsheet-formula-input>.k-syntax-num.k-syntax-at-point { text-decoration: underline } .k-spreadsheet-formula-input>.k-series-a, .k-spreadsheet-formula-input>.k-series-b, .k-spreadsheet-formula-input>.k-series-c, .k-spreadsheet-formula-input>.k-series-d { background-color: rgba(0, 0, 0, 0) } .k-spreadsheet-formula-list { min-width: 100px } .k-spreadsheet-formula-list .k-item { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } .k-syntax-func, .k-syntax-startexp { font-weight: bold } .k-spreadsheet-cell-editor { padding-block: var(--kendo-spacing-0, 0px); padding-inline: var(--kendo-spacing-1, 5px); line-height: 20px; display: none; overflow: hidden; position: absolute; z-index: 100 } .k-spreadsheet-sheets-bar { padding-block-end: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); border-width: 1px 0 0; border-style: solid; border-color: inherit; display: flex; flex-direction: row; align-items: center; position: relative } .k-spreadsheet-sheets { flex: 1 1 auto; overflow: hidden } .k-spreadsheet-sheets .k-tabstrip-items-wrapper { border-width: 0 } .k-spreadsheet-sheets-bar-add { align-self: center } .k-spreadsheet-sheets-bar-add:not(:hover) { border-color: rgba(0, 0, 0, 0); color: inherit; background: none } .k-spreadsheet-sheets-items { flex: 1; overflow: hidden } .k-spreadsheet-sheets-items .k-tabstrip-items-wrapper { margin: 0; border-width: 0 } .k-spreadsheet-sheets-items .k-item .k-link { display: inline-block } .k-spreadsheet-sheets-items .k-item .k-spreadsheet-sheets-remove { margin-right: var(--kendo-spacing-2, 10px); margin-left: calc(var(--kendo-spacing-2, 10px)*-1); padding: 0; line-height: 1; display: inline-flex; flex-direction: row; vertical-align: middle; align-self: center } .k-spreadsheet-view { height: auto !important; border-color: inherit; font-size: var(--kendo-font-size, inherit); font-family: Arial, Verdana, sans-serif; flex: 1; position: relative; overflow: hidden } .k-spreadsheet-view .k-disabled { pointer-events: auto } .k-spreadsheet-fixed-container { width: calc(100% - var(--kendo-scrollbar-width, 17px)); height: calc(100% - var(--kendo-scrollbar-width, 17px)); border-color: inherit; box-sizing: border-box; -webkit-user-select: none; -ms-user-select: none; user-select: none; position: absolute; z-index: 2; overflow: hidden } .k-spreadsheet-overflow { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; border-color: inherit } .k-spreadsheet-pane { padding: 0 1px 0 0; border-width: 2px 0 0 2px; border-style: solid; border-color: inherit; box-sizing: border-box; position: absolute; overflow: hidden } .k-spreadsheet-pane.k-top { border-top-width: 0 } .k-spreadsheet-pane.k-left { border-left-width: 0 } .k-spreadsheet-top-corner { border-width: 0 1px 1px 0; border-style: solid; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 10000 } .k-spreadsheet-top-corner::after { content: ""; display: block; width: 0; height: 0; overflow: hidden; position: absolute; bottom: 0; right: 0; border: 6px solid rgba(0, 0, 0, 0); border-right-color: inherit; border-bottom-color: inherit } .k-spreadsheet-scroller { width: 100%; height: 100%; overflow: scroll; position: absolute; z-index: 1 } @media(hover: none), (pointer: coarse) { .k-spreadsheet-scroller { z-index: 3 } } .k-spreadsheet-haxis, .k-spreadsheet-vaxis { border: 0 solid; border-color: inherit; position: absolute } .k-spreadsheet-haxis { border-width: 1px 0 0; left: 0 } .k-spreadsheet-vaxis { border-width: 0 0 0 1px; top: 0 } .k-spreadsheet-row-header, .k-spreadsheet-column-header { text-align: center; z-index: 100 } .k-spreadsheet-row-header>div, .k-spreadsheet-column-header>div { position: relative; box-sizing: border-box; border-width: 0; border-style: solid; border-color: inherit } .k-spreadsheet-row-header>div::after, .k-spreadsheet-column-header>div::after { content: ""; border-width: 0; border-style: solid; border-color: inherit; display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .k-spreadsheet-row-header { position: relative } .k-spreadsheet-column-header { position: absolute } .k-spreadsheet-row-header>div { border-top-width: 1px } .k-spreadsheet-row-header>div:first-child { border-top-width: 0 } .k-spreadsheet-row-header>.k-selection-partial::after, .k-spreadsheet-row-header>.k-selection-full::after { border-right-width: 2px; display: block } .k-spreadsheet-column-header>div { border-left-width: 1px } .k-spreadsheet-column-header>div:first-child { border-left-width: 0 } .k-spreadsheet-column-header>.k-selection-partial::after, .k-spreadsheet-column-header>.k-selection-full::after { border-bottom-width: 2px; display: block } .k-spreadsheet-data { border-color: inherit; cursor: cell; position: relative } .k-spreadsheet-cell { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px); box-sizing: border-box; position: absolute; line-height: normal; white-space: pre; overflow: hidden } .k-spreadsheet-merged-cells-wrapper { position: relative } .k-spreadsheet-disabled-mask { position: absolute } .k-spreadsheet .k-selection-wrapper { position: relative; cursor: cell } .k-spreadsheet .k-spreadsheet-selection { border-width: 1px; border-style: solid; box-sizing: border-box; position: absolute } .k-spreadsheet .k-spreadsheet-selection-highlight { border-width: 2px; border-style: dashed; box-sizing: border-box; position: absolute } .k-spreadsheet .k-spreadsheet-editor-button { position: absolute; padding: 0; z-index: 60 } .k-spreadsheet-active-cell { outline-color: rgba(0, 0, 0, 0) !important; z-index: 10 } .k-spreadsheet .k-auto-fill-wrapper { position: relative } .k-spreadsheet .k-auto-fill, .k-spreadsheet .k-auto-fill-punch, .k-spreadsheet .k-auto-fill-br-hint { box-sizing: border-box; position: absolute } .k-spreadsheet .k-auto-fill { border-width: 1px; border-style: solid; cursor: crosshair } .k-spreadsheet .k-single-selection::after { content: ""; margin-bottom: -4px; margin-right: -4px; width: 6px; height: 6px; border-width: 1px; border-style: solid; border-radius: 50%; display: block; position: absolute; bottom: 0; right: 0; z-index: 300; cursor: crosshair } .k-spreadsheet .k-selection-full::after, .k-spreadsheet .k-selection-partial::after { display: none } .k-spreadsheet .k-autofill-wrapper { position: relative; cursor: cell } .k-spreadsheet-vborder { position: absolute; border-left-style: solid; border-left-width: 1px } .k-spreadsheet-hborder { position: absolute; border-top-style: solid; border-top-width: 1px } .k-spreadsheet-has-comment::after { content: ""; display: block; position: absolute; top: 0; inset-inline-end: 0; inset-inline-start: auto; border-width: 3px; border-style: solid } .k-spreadsheet-cell .k-dirty { inset-inline-start: 0; inset-inline-end: auto } .k-spreadsheet .k-filter-wrapper { position: relative; z-index: 50 } .k-spreadsheet .k-filter-range { border-width: 2px; border-style: solid; position: absolute; box-sizing: border-box } .k-spreadsheet-filter { border-radius: var(--kendo-border-radius-md, 5px); padding: var(--kendo-spacing-1, 5px); line-height: 1; position: absolute; cursor: pointer } .k-spreadsheet-filter .k-icon { vertical-align: middle } .k-spreadsheet-filter-menu { width: 280px } .k-spreadsheet-filter-menu .k-animation-container { position: relative } .k-spreadsheet-filter-menu>.k-menu, .k-spreadsheet-filter-menu>.k-menu.k-menu-vertical { border-width: 0 } .k-spreadsheet-filter-menu>.k-menu .k-item, .k-spreadsheet-filter-menu>.k-menu.k-menu-vertical .k-item { color: inherit } .k-spreadsheet-filter-menu>.k-menu .k-link, .k-spreadsheet-filter-menu>.k-menu.k-menu-vertical .k-link { padding-left: calc(16px + var(--kendo-spacing-1, 5px)*2) } .k-spreadsheet-filter-menu>.k-menu .k-icon, .k-spreadsheet-filter-menu>.k-menu.k-menu-vertical .k-icon { margin: 0 var(--kendo-spacing-1, 5px) 0 calc((16px + var(--kendo-spacing-1, 5px))*-1) } .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper { height: 200px; border-width: 1px; border-style: solid; overflow-y: scroll; overflow-x: auto } .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper .k-treeview { padding: var(--kendo-spacing-1, 5px); overflow: visible } .k-spreadsheet-filter-menu .k-details, .k-spreadsheet-filter-menu .k-expander { padding: 0; border-width: 1px 0 0; border-style: solid; border-color: inherit } .k-spreadsheet-filter-menu .k-expander { border: 0; background: inherit } .k-spreadsheet-filter-menu .k-details-summary, .k-spreadsheet-filter-menu .k-columnmenu-item { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); display: flex; align-items: center; cursor: pointer } .k-spreadsheet-filter-menu .k-details-summary>.k-icon, .k-spreadsheet-filter-menu .k-details-summary>.k-expander-indicator, .k-spreadsheet-filter-menu .k-columnmenu-item>.k-icon, .k-spreadsheet-filter-menu .k-columnmenu-item>.k-expander-indicator { margin-right: var(--kendo-spacing-1, 5px) } .k-spreadsheet-filter-menu .k-details-content, .k-spreadsheet-filter-menu .k-columnmenu-item-content { padding: var(--kendo-spacing-2, 10px); display: flex; flex-flow: column nowrap; gap: var(--kendo-spacing-2, 10px) } .k-spreadsheet-filter-menu .k-details-content .k-filter-and, .k-spreadsheet-filter-menu .k-columnmenu-item-content .k-filter-and { width: min-content; align-self: flex-start } .k-spreadsheet-filter-menu .k-actions, .k-spreadsheet-filter-menu .k-edit-buttons, .k-spreadsheet-filter-menu .k-action-buttons, .k-spreadsheet-filter-menu .k-columnmenu-actions, .k-spreadsheet-filter-menu .k-form-buttons { margin: 0; padding: 0 } .k-spreadsheet-popup { padding: 0 } .k-spreadsheet-popup .k-separator { display: block } .k-spreadsheet-popup .k-reset-color, .k-spreadsheet-popup .k-custom-color { border-radius: 0; width: 100%; border-width: 0; box-sizing: border-box; display: flex } .k-spreadsheet-popup .k-reset-color { border-bottom-width: 1px } .k-spreadsheet-popup .k-custom-color { border-top-width: 1px } .k-spreadsheet-popup .k-spreadsheet-border-type-palette { padding: var(--kendo-spacing-2, 10px); display: grid; grid-template-columns: repeat(5, max-content); gap: var(--kendo-spacing-2, 10px) } .k-spreadsheet-clipboard, .k-spreadsheet-clipboard-paste { margin: 0; padding: 0; width: 1px; height: 1px; border: 0; opacity: 0; position: absolute; top: 0; left: 0; overflow: hidden } .k-spreadsheet-window .k-external-dropzone { margin-block-end: var(--kendo-spacing-4, 20px) } .k-spreadsheet-window .k-edit-form-container { width: auto; min-width: 0 } .k-spreadsheet-format-cells .k-spreadsheet-preview { margin-top: var(--kendo-spacing-2, 10px); text-align: center } .k-spreadsheet-format-cells .k-list-scroller { margin-top: var(--kendo-spacing-2, 10px); height: 210px; border-width: 1px; border-style: solid; border-color: inherit } .k-export-config { clear: both; position: relative } .k-export-config::after { content: ""; clear: both; display: block } .k-export-config .k-edit-field { margin-left: 5%; width: 45%; float: left } .k-export-config .k-page-orientation { position: absolute; right: 0; top: var(--kendo-spacing-2, 10px) } .k-export-config .k-page-orientation .k-font-icon { font-size: 6em } .k-export-config .k-page-orientation .k-svg-icon { width: 6em; height: 6em } .k-spreadsheet-insert-comment textarea { height: auto } .k-spreadsheet-insert-image-dialog { border-radius: var(--kendo-border-radius-md, 5px); border-style: dashed; border-width: 2px } .k-spreadsheet-insert-image-dialog label { display: flex; justify-content: center; min-width: 100%; width: 355px; height: 230px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAAGQCAYAAAAjl1AKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMGVmMzZmZi04YmI1LTRlN2YtOTcwMS04OTU5ZTg1N2ZhY2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDNDOTBDNUQ2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDNDOTBDNUM2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpjMmZmZjM0Mi05NjEyLTQwM2YtYWZhYS01MTE1ZjQ2NThmMWMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphYjlhMmUwMy1kNmIwLTY3NGMtODc4ZS0yMjUzMjdkNDI5OTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz68UHLbAAAgpElEQVR42uzd2ZNc9dnY8TOL9gU0IAkjgwpkI8QOQmI1FS+FHW9VLt/7wpWb900qKV+lTL3vTZzElSvnJilfvM4fkQunfEOw2LUgiUUsNhiMAFsjtIzQrpmJnhOdoaent+np5SyfT1XXiJ4R0hz19Lef31l6ZHZ2NgEAWhu1CQBAMAFAMAFAMAFAMAFAMAFAMAFAMAEAwQQAwQQAwQQAwQQAwQQAwQQAwQQAMuP9/gNGRkZsZQAGop/v8WzCBIA8TJj9GFr9swGUYyAUTHEEoLvn+NxGdLwgG1BEAaoxYY7kNZ55C+bIEu4DoFixHGkT0JE8RTMvwWwXxRHBBKhMQGcbPN8PPZx5COZIh6EcEU+AQgex2fRYH8tm4RxqNIcdzGbxa/dROAGKOT3WhnCk5nOzTX5PbqI5zGB2Estmv24XTwDyO2HOtohi/f25ieawgtkqlvW/HukgnqIJULxY1v96tsV0OvRo5mkfZn0YR5tEs920CUB+o9kokvW3mQ6iWYkJc6RNLOtvo7/85S/X/eIXv/jntWvX/mjZsmVfGRsbG3eNWoCClvOq6enpy1f9/Ysvvvjfv/nNb/7zr3/96zM1oRxN2u/THHhAR/p5odr0D1gYtvpg1kdztObj6N///vf/NDEx8e/Gx8eXeZgBlM+VK1cunzhx4n9u3rz5n65Fc6Zm0my0dFs/tdbGuG9/z2FefL1ROOdi+ZOf/GTl1NTU/920adMvxBKgvOI5/upz/X+I5/x47q8bnEaSnByvMugJs1EkRxoEcyw23Lp16x72UAKojjNnzuxfv379N6/+crrBlDnbbsos44TZ7Mo+aTSPHTv2X8USoHriuT8a0GS6HOqUOewl2QW3OMBnYmLiHz1sAKopGhAtSFqfJTH4aA1pSbbRUmx6m5yc/O833njjv/GQAaiu48eP/6+NGzf+++TLg4AaLc0mSQWWZJuN1iNr1qz5vocKQLVdbcG/TnJ2cZpBBrPV1Xnmps1ly5Zt8lABqLarLdiYNL9YTbOmlCaY9fFsdHm8kbgogYcKQLVda0HTVpR9wuwonq7gA0CD418qtSTbzdQJQIW7macujOZgYwBA7psxmrONIKAA5LIN42XaIFeuXEmmpqaSixcvJjMzMx5qAMOYxEZHkxUrViTr16+P68T2shGVe3uvvohYTk5OCiXAkMXz8Pnz59PhZePGjb2IZj5eCJTlHygmS7EEyFc447m5NJNzWb6ReCUDQL5cuHBBMPP4SgaAfOn39coFEwBypjQH/bhCEAAmTAAQTAAQTAAQTAAQTABAMAFAMAFAMAFAMAFAMAFAMAFAMAFAMAEAwQQAwQQAwQQAwQSAAhkvyzcyMjLiXxMAEyYACCYACCYACCYACCYAIJgAIJgAIJgAIJgAIJgAIJgAIJgAIJgAgGACwBJ5ey8AMGECgGACgGACgGACgGACgGACgGACAIIJAIIJAIIJAIIJAIIJAKXg4usAYMIEAMEEAMEEAMEEAMEEAMEEAMEEAAQTAAQTAAQTAAQTAAQTAErBxdcBwIQJAIIJAAMzbhMA9cbGxpLx8fH0Fr8eHR1NP8auj+wWZmdn527T09PJzMxM+vHKlSvpLX4NggmUKpDLly9Pb8uWLUsD2YnaeMb/o14E9PLly8mlS5fSm4AimEDhRBRXrlyZ3mKSrHXmzJnk5MmTyalTp5IvvvgivV28eDG9RfQigukTyLUpdMWKFWls165dm96uv/76ZMOGDcn69evTz8UtxNR54cKF9BYxBcEEcivCtmrVqrmIZYGcnJxMPv300+Rvf/tbGsZMLLc2ky29nj9/Pv3vY8eOzft8/Bk33XRTsmXLlmTTpk3JunXr5qIaf0b8vpg8oQhGWv0w9OQP+PJ0j5Gaj9lttOYW6zljV/8+J7v5c+p/UIFkQbzWrFkzb5r88MMPk7/85S9pKOt18tzQ6msafe7mm29Otm3bltx2223zonv27Nl5kaZc4sVSl/3YcPXD9LXbTM1ttuaW1HxM+tk0wYSSi32SMdHFx5BNku++++7c0mqvItlpROPvsmPHjrnJM8TfJZZ+6/9OCKZgCib0VeyjjFDGPsrw+eefpxPlO++80/NpsptpM3PXXXelE+eNN96Y/nfs34xw2scpmIIpmNB3sfwa+wuzo13/9Kc/JXv37h1oJFt9vtH9jz32WLJ9+/b01xHL2K9qmVYwBVMwoW8/bxHKbKr8+OOPkwMHDqT7CPMwTbb7XEzEu3fvTrZu3To3bUY4+/08hWAKJlRInAcZp3HE/sE49ePgwYPpfsphT5OLnTRD7N/ctWtX+j3FPs2pqSnncArm0IPptBIogYjkddddly7BxkE9L7/8cseT2bCmyVb3HzlyJDl69Gjy1FNPpU+2cU7n6dOnHRDEUJVmwownCaiiOK8yJsv4WfvrX/+avPTSS+mpGkWZJlt9LibMiGYcFBRfE5Om8zaLZ+PGjaWYMF18HQosDu7JYvn+++8ne/bsaRnL7Lqv3Xy+9rqx3Xyu099Te398L88++2zy3nvvpd9jduUgGAZLslDgyTIO8ImQ/PnPf05eeeWVQk+Tre6PFwLxMY6ije85fm3SZNBMmFDEV7rj43OTZbNYFm2abHf/888/nx7ElE2a9de/BcEE5v/Qjo6mB/hky7D1sew2hJ3+3l4GdLH3x6SZLc9mBzmBYAILZNNVhOKjjz5Kj4btVQjzNE22uv+5555LPvjgg3kvHGAQxsv0RAJlFxdPj1NI4jJ3EctBnxLS632Tnd7fKJqxLTZv3pxe7CAupQcmTCCVvS1XiGXYZuckLnVizNM02ey++N4jmnExg7iqkSNnEUwgFSsoMUmF2Id34sSJjqPWj8/18/5O4xlvbp3tv41p0yoTggmkQYh9dnFt2FdffbWjqbCbyXCQU2Mn02S7qL7xxhvp+3nGtoltBIIJFRanT2QXU9+3b1/HU+FiJr28TpOdRPXFF19MP8Y2cqoJggkVVrsUGwe3DOKUkF6dKtLLabLZ/XHN3LfeemvetgLBhIqJg1liaoqjYltdnGBQ50cOI4jtvjZ+/cc//jF9x6LYVg4AQjChgrKjYuO8w35Nk0sJaK+j2s3XZuJNsmu3GQgmVEScRhITU0xOb7/9du5PCRnENNnqaw8dOpR89tln6TaLbQeCCRWRHejzySef5PpydYOcJuuXYuvvi7c3q912IJhQ9h/M0dH0ij7hnXfeyd00OYggtvvaRvcdPnx4bjp3nVl6zaXxIIfiwJV4TMf1YrO3scr75ery8LWxreIdTeJtwGLKPH/+vAcTJkwoezBDHOxjmmy/FFt7fwSzdhuCCRPK+ip2dDQ9cGVqaiqdMAc5NRZpmmx2X2yzuGze9ddfn27LmZkZDypMmFBG2RGecXTsoKfGok2TzX7/p59+Om9bgmBCCWUH+xw9ejT3R7q2+38sNZ7d/v4PP/xw3raEXrAkCzkNZjYl1YahmaUudy72/n4spfby98dF6gUTwYQSGxsbS4+Ojf2XFy9e7Hv4ihrEdvfF0bHZfszYpvG+mSCYULJghtOnTw88fGWL5+TkZBrMOIBKMOkF+zAhh8GM6ag+BHm++Hke92MeP3583jYFEyaU6RXstavTxIRpmlza12bb0BV/EMw6rvRDKX4gr70BcuzDbDRFDTuIRYpnbMNswvT8gGBCyWRP7OfOnRPEJX5ttg3FEsGEEgfzwoULhb/izrDjmV1HVjARTChxMOsv5yaei//aK1euCCaCCWUPZrzrhiAu/Z1LBBPBhJJbygE/4tn6qkggmFCSUMZEFJd0u3z5cqGClLe/a3bhdfFEMKHEwYxTIbIlxbIEbdDnlGYXLBBMBBNKGsxsOsqO8ixj/AYRz5UrVwomggllD+bq1asXXB4vD0Ea9u9fzP8jtqFg0kuuGQU5kl0kfP369fNiMKjrr/bjWrG9vNbsYq6Zm21DF17HhFnHoeOUQXb+5XXXXVf5pdil/j9iG2bb1PMDggklnTA3bNhQyCAO+mtb3b9x48Z5L0JAMKGEwYz3cazaOZK9jmcWzOyKPyCYUCIxDcWTfiwnxlGecU3ZPMQv79Nk/f2rVq1KJiYm0vtNmPSKg34gZ+KCBWHLli2FPDCn26/t9v/R6P9z6623ztuWIJhQQtkSYvak30lMlhq0QQSxl0fAtro/brfddtu8bQm9YEkWcjphfuUrX6nc1Xl6df9Xv/pVEyYmTCi72OcWB//Efsxt27a1nMSKuhTbr/tDTJc33HBDug3tv0QwoeSy68h+/etfL/xS7CDvj9s999wzbxtCr1iShZwGM470jAkzrivbi/fHHPTyar+XYht9LrbV3XffLZiYMKEqYikx2/9233335XqaHNaU2ehzDz/8cPoxtp3lWASTwjt+/LiN0IGLFy+mH7du3drz+PU6fIPYN9ns/trP3X777fO2HfSSa8ky8Fg+//zzyZNPPpls2rTJBmkhTomIA1fiaNkHHnggOXjw4IJINApHs6AM6msHcX+jz+3evTu55ZZb0m0W285zAiZMCh3LPXv2pO/zGNE8duyYjdJGdqWfOPin22kyr0fALnaKbfe5u+66a942A8Gk8LHMntREs73YFxcT00033ZR885vfzEUQlxq9pQS02ee+973vJTfffHO6rZx7iWBSmljWTk+i2d65c+fSj/fee2+ybt26wl6urpcBrf1cvO/lQw89NG9bgWBSyFhGFOtjKZqdi6kpO0XiqaeeGug02cvL1fXi9zT6fU8//XT6MbaRN4tGMCl0LNu96s+iOTk5aaM1ES84IhJf+9rXkm9961uluMBAN9Nk/ed37dqVbN++Pb2/2YsyEExKEcvaaMayrWgmTYORbcs4LzN7r8eiXK6uV9NkrXiT7XjxUPuCAgSTQsYynsTi0P5Ob3HunEmzuTiYJTu/8Dvf+U4yPj5eqWmy9vPxvf/4xz9OP8ZSrKv6IJgUOpbdsDzbfvtkR81+97vfXXTI8nKBgW4/l30+YhnvSBLbwlIsgkkhY/nCCy8s+QlMNJuLYJw9ezb9eMcdd8xFMy9TZi8/1+zPi1ju2LFj3raAQRjp94Ot5mobIzUfs9tozW0sblf/Pie7+XNOnz7tX3OIIm69iGWtlStXuiJQE2NjY8maNWvSn6833ngj+cMf/tAwNs0i1Iv7h/G5H/7wh+lVj7JYOiq2GOKt6rrsx4arH6av3WZqbrM1t6TmY19fQJkwyWUss0kz/r9OOVkoQhEHAcWTQ5yfWTtplmmarPWDH/xgLpbxvYslgyaYLEm2DBtxW8wBPos5EEg0G4vrpWZHh0Y042o3ebtcXSch7OTzP/rRj5IHH3xw7vSR+N5BMClULGNfY7+v3SmazcWRs9mkGW+cnB05mofL1S31SNjsaNif/vSnyf333z83Wbr0HcNiHya5jmWtFStW2KfZRO0+zU8++ST5/e9/n5w8eXIuPq2mt8Xcv5TPLfbzExMT6QuAeAcS+yyLrSz7MAWTrmLZj32WncgOBMpO3OdLo6OjyerVq9N4Rliee+65ZP/+/T0J3lJC2M3vjSv4fPvb306WLVs2t7/WG0ILpmAKpliKZk9/3mL7LF++PP3v9957L3n22WfTn488T5O1T6xxbdg777wz/e+4IEGsYjh1RDAFUzALGcs8vN9gtjwrmo3FZLZq1aq5n7948+n6U0+GMU22+prvf//7yc6dO+e+Jl6U2V8pmIIpmGIpmgOfNj/99NPk7bffTvbu3ZuLaTLzyCOPJHfffXeyZcsWU6VgCqZgFtvnn38+9GVY0exeHGka4Yx9m+Ho0aPJBx98kOzbty+NU7+WZFt9Tfy77d69O9m2bVt6UE+IfZURSqeMCKZg9jmYU1NTHpV9nCzzfL3OiMETTzzh6NkOwhmhysIZ3n333eTNN99MPw5imox9k3H6S1zaLhOhjFOHhLK84k2+BVMwxVI0CxnO2McZt9pVhI8//jh5//33k48++mjBv3m302TsR926dWv6Pp633nprcsMNN8x9LvZPxk0oBVMwBbPwsXzxxRcL9U4QlmcX/7OZhbN26swCGheKiNupU6fSW5zakV1lJ3s7rez3xwuWOA/0+uuvT2/xb7B58+Z5gcymySyU9lEKpmAKpljmYNIUzcWJczhj8oxwxsean9slieeXCGyEMj46l1IwBVMwSyMmi4hlTBNFJZq9CWjEMz5mt+z6vrU/19nzR3YpuwhidotICiSCKZiljmUZ3pA3lmdFEwSzpy8k/VNStliGOOoyvh9vQg0IJmLZQTRfeukl0QQEE7FsJ06EF01AMFlyLCMm/Xrz57zcskkzjv4FEEy6imVZJ8t62T5N0QS6VZqjZM+cOeNfcxGxLPMybCtxysnjjz/u6FkYoHXr1nXbD0fJIpbDYp8mYMI0YXYcyzy9RdewxHmaJk0wYZowaRjL7AAfnHICCCYtYlnVZdhW0Xz55ZdFExBMxLKdmLgjmo6eBdqxD7PETpw4IZYdyvZp3njjjTYG9Jh9mIhlibi4AVCZCfOLL77wr3mNA3yWNmk+9thjjp6FHlq7dq0JE7Es46TpQCBAMCsQy3iyF0vRZPg8fgSTnMfSPsveRfOVV17xpEdXYl/4888/nxw7dszGKBH7ME2WtJDt03T0LIuJ5Z49e9IXr3Ht4m984xvJpk2bKr1N7MMkF+JoWLHs76TpPE26iWWIn0uTZnkIplgimvQhlhnRFExyEkv7LEWTfMQyotjszdjj8fPCCy+IZsHZh2myZBFin+ajjz5qnyYLYtnJi9fYp/nkk09Wbp9mWfZhliaYZ8+ercQDzwE++YmmixsQR1F3GsvaaFbtQKA1a9aUIpiWZAsWyzjVQSyHyykn1May2TJss1s8fuzTLCbBLFgs7bMUTfIVy24fP6JZPJZkC8A+y/yyT7OasYwDeHrx4rUq+zQtySKWzE2ajp4Vy27Ez7WjZ4tDMMUS0WQIsRTN4rEkm+NYOsCnWGJ59pFHHrE8W0K151n2SyzPPvHEE6VcnrUki1iyYNJ89dVXTZpi2fWk+eKLL5o0c0wwxRLRZMixFE3BRCxFk0LHMvYtDvrnUTTzqzT7MM+dO1fof4g4zzKeZMWyPOzTLK5+HeCzGGU65WT16tXd9sM+TMTSpEneY7nYK/j0+haPH5NmvgjmkMUyrFiWO5p79+4VzQLGMg8sz+aLJVmxZABieXb37t2WZ3Ms22eZx8tPFv2UE0uyiCUmTbE0aVaIYIolA4zmvn37RFMsRVMwEUs6edITzfzFctgH+DgQqBjswxxwLGNZTizJ9mnecMMNNsYQYxnxKeJb5mX7NIvyJub2YSKWdC3bpxmnFDF4sd0jlkWZLJtNmt6P1YRZugnz5MmT6TJsPMih1vLly02aQ4plGd6MPSbNxx9/PPeTZlkmzNIEM68PfpMl7cTy7K5du5xyMgBFXoZtF808n3KyatWqUgTTkqxYMmSOnhXLpYjnl5deesny7ACYMPscS8uwdMrybP9jWeYXr7FSkdcDgUyYiCU9denSJQcC9SmWMYGVfaUnnm9Mmv0lmH2IZSyviSXdRjMeP6LZ21iWbRm2Gcuz/WVJVizJoViejQOBLM+KZTfydvRsWZZkBVMsEc3SqT3Psqpin2ZeomkfJnPiPMv9+/eLJT0Vy7PxuLI8K5bdiOejl19+2fKsCTM/E2bE0mRJvyfNhx9+2KQpll2J5dnHHntsqJOmJVnBFEsGGs1Ynp2YmLAxWsSyCkfDdiNbnh3WxTEsyVacWDJI2fJs7CtHLBcrO+XExTFMmKlB/qDEk5Z9lgxr0rQ8O19VzrPshWEtz8afa8KsILEkD5OmA4HEstvBwoFAJsyB/MBYhiUvYp/Uzp07Kz1pWoZd2uNnkJOmCbNixJI8icfhgQMHKjtpiuXSHz8mTRNm32JpGZY8in2aVZs0xbK3k9+jjz7a90nThFmhyVIsyavYpxmTZlWOno1YxmQklr0R2/GVV15x9KwJUyyp1qQZR8+W+TxNseyfbJ9mv87TLMuEKZgtYhmv3MWSIkUzlmfLGE2xLHY0LcmWmFhSRGVdnhXLwcgOBLI8K5hiiWgWUHwfsY9NLAcXTfs0W0y8lmS/dOrUqXSfZTzpQJHF8uxDDz1U6OXZiKXJcjhieTaOnu3V8qwl2ZKJWMYrc7GkLJPmwYMHCztpiqVJM48EsyaWlmEp25NeEaMplqKZV6VZku02drHP8rXXXhNLSqtIy7NxgE88SQ/r/W1ZKLu4wVKWZ2OJt8t+OK0kL8EUS6oinrAefPDBXEczi6XJMp+Pn6VEsyzBrOySrFhSJXlfnhXL/D9+LM9WdMKMfZZiSRXF8mzeJs3s1BHLsOWdNC3JFjSYYoknvRXJAw88kItoOs+ymI+fRx55ZFHRFMwCBjOLpVNHMGkuH3o0xbI60bQPs2AilrEPRyzh/5+neejQoXRf/rBi+eqrr4plQcWAEv9+VdunWYlgZrG0DAvDj2YWS/ssix/NvXv3VupNzEu/JCuW0Fq2T3PDhg0mS7p6/MTybKs3MbcPswDBPH36tH2W0IFsn2Y/oxmTrH2W1YymYOY8mBFLkyXkI5oRS5Nl+aO5e/fuhtF00E/ORJizm1jC4tXu06z9eVrqTSyroXafZv1joDSdKcuEmS27OhoW8jNp2mdZ3Umz9pSTeEyVYcIsVTAjlvEK2WQJw49mxDImDrGsZjR37do1F03BzFkwjx07lsbSZAm9sWzZsq6jKZbURrMswSzNPkyxhN66fPlycvjw4UWfpymWhFjp27dvX6nO0yxNMMUS+vNztZhoiiX10YzHQ1mMl+UbKdORWJDHSfP+++9vuTwbUY2JIp4k/TxSxmFm1D8n0Gk0m02acb/JkrITTKDjaL7++uvp0ehiiWACtBDLa0eOHEmmp6fFksqxDxPoWJxqct999yVjY2NzsbTPEhMmQF0sd+7cmaxdu3beAT4gmADXxInnEct169bNxdIyLFVjSRZoO1k+9NBDaSzjPEuxRDABWsQyJsv9+/fbZ0llWZIFOoqlyRITZkl4xQu9j2XtAT5iiWACtImlZViwJAu0iGW2zxKwJAtkTwbj4wtiaRkWShhMYGmT5YMPPpjGMq4V62hYWMiSLIjlvFi6gg+UfML0Shi6eAIYH284WQIlDiaw+MnygQcesAwLJkygVSzvv//+BVfwAUyYQIPJUixBMIEOYnngwIH0TaGt0ECFgukHHtrHMpZha2NpsoTOOa0ExBKo0oQJtI9lHA372muvWYaFKgfTDz80+AEfH58XS5MlCCbQYLK877775k4dMVnC0tiHCRWJpckSTJgpr5rh2g/1+LhYgmACnUyW2dGwBw8eFEsQTKCTWFp9AcGcx5MClf5BvrYMa7KE/nHQD4glUKUJE6oolmHvvffeufMsDx065NQRMGECrWJpsgQTZke8oqZSP7jj42IJggm0myzvueeeebG0DAuCacKEusmyUSwBwQRqYhnLsGvWrJl3gA8wGA76gYLG0j5LMGECNbJ9llksDx8+bJ8lCGb3PHlQ1smyPpYmSxgOS7JQgFiePn1aLMGECdSLZdi777577mhYy7AgmD3jiYQyTZb1sTRZgmACdbG0zxIEE2ghW4Z1NCwIZl95UqHok2WjWAL54ShZyFksX3/9dbEEwQSaxTJOHYlY2mcJOf15tQkgH7G0zxIEcyA8yVC0WN51110LYgkIJtAklrEMe/nyZS/6IOfsw4Qhx9JkCSbMgfLqnKLEcvXq1WIJggl0Ess33njDMiwUjCVZGEIsTZZgwhwar9TJayx37NghlmDCBDqN5ZtvvimWYMI0YUJ9LO+8884FsfQ4BRMmUDdZxqkjU1NTyVtvvWWyBBMm0CiWJksQzNzyhEQeYtloGRYoB0uy0IdYWoYFwQQ6iKW36ALBBMQSqvnzXpZvxD5MhhHL7du3L1iG9VgEE2aujY2N+ddkKLGMU0eOHDlinyWU/Lm5NBPm+vXrk5MnT3p0MvBYmiyhuYmJCcHMm1tuuSU5c+ZMMj097RFKX18tN4ol0PjF5W233Vaa72dkdna2v3/Al6+6R2o+ZrfRmlvM7WNX/z5dj4kXLlxIjh49mj6RCSf9+OG/4447xBI6eGEZk2XEMn5eltCPDVc/TF+7zdTcZmtuSc3HpJ9Ny0MwR67FMn49vpRgAlAe14J55Vokp6+FcWjBzMtBPwu+aQAqL1dtGM3JxgCAXDdjNGcbQkAByGUXRvO2Qaanp0UToOJmZmZyF85hBbPRN5/ed+UqDxWAart8+fKVVq0oezAb7bydrdsAsxcuXJj0UAGotnPnzk0mLY6GTYZwQFBelmTnfn3mzJnfe6gAVNupU6f+T5NADk2eTitJb7/97W//+eoo7qoDABV16dKl6d/97nf/1GDCHKpBXrgg/c8GHxdc9efEiRP/bcOGDf/Wwwagej744IP/sW3btv+YdHZ1n3kRK8uVfmpDWR/LBVf+OX/+/HMrV67c6aEDUB3Hjh07sHnz5n+VNL+yT/3EObBgDnpJttnRTvW3mZ/97GdPX7hw4S0PH4BqmJycPPLzn//86RaRnG3TlP4OgAOeMJtNmUndhDm3RHvixIn/snr16n9YsWLFMg8ngPK5Ohxd/uyzz357++23P5MsXIKdSRaeUdE0mGW/luxsk4kzvdjuxMTEM7/61a9uPXr06L9MTU19dunSpSv9jjwA/RMXJbh48eKVkydPfvbhhx/+yzPPPHPr1Vj+MvnyXUnaLr0OwzAmzEZTZu202ektafARgHxqdLDOYm5JJwHtZ9PGc7IRRxpsiFaRHGkRXgDyGctGwUzaBDI371gyPsSNN9Immo3imYglQKmimXQQyaEe7JOHCbNVNEeabKDa++sjKZoA+Y9lJ/HMXSyHHczFTpr1X18fTkcCAZQnnLmKZR6C2SyaSdJ+iTYXGxCAvsUzN7HMSzAbRbCTcAJQnmC2imIuGjCew4030mZDCShAeaOZu1DmMZiNNtBI3jcgAAONqGAuYsM5GhZAHAWzbBsYgHIYtQkAQDABoCf6viTrnUUAMGECgGACAIIJAIIJAIIJAIIJAIIJAIIJAIIJAIIJAAgmAAgmAAgmAAgmAAgmAAgmAAgmACCYACCYACCYACCYACCYAFB0/0+AAQDHHxQEMMRIrwAAAABJRU5ErkJggg==); background-size: auto 70%; background-position: 50% 30%; background-repeat: no-repeat } .k-spreadsheet-insert-image-dialog label div { display: flex; align-self: flex-end; margin-bottom: var(--kendo-spacing-7\.5, 1.815px); pointer-events: none } .k-spreadsheet-insert-image-dialog label input { display: none } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image { background-size: auto 90%; background-position: 50% 50% } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div { margin: 0; align-self: center; opacity: 1 } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image div { opacity: 0 } .k-spreadsheet-drawing { position: absolute; box-sizing: border-box; z-index: 101 } .k-spreadsheet-drawing.k-spreadsheet-active-drawing { outline-style: solid; outline-width: 2px } .k-spreadsheet-drawing .k-spreadsheet-drawing-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 50%; background-size: 100% 100%; background-repeat: no-repeat; cursor: move } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle { width: 6px; height: 6px; border-style: solid; border-width: 1px; border-radius: var(--kendo-border-radius-lg, 7.5px); position: absolute; transform: translate(-50%, -50%) } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.N { left: 50%; top: 0; cursor: ns-resize } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.NE { left: 100%; top: 0; cursor: nesw-resize } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.E { left: 100%; top: 50%; cursor: ew-resize } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.SE { left: 100%; top: 100%; cursor: nwse-resize } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.S { left: 50%; top: 100%; cursor: ns-resize } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.SW { left: 0; top: 100%; cursor: nesw-resize } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.W { left: 0; top: 50%; cursor: ew-resize } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.NW { left: 0; top: 0; cursor: nwse-resize } .k-spreadsheet-drawing .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-drawing .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover { border-radius: var(--kendo-border-radius-md, 5px) } .k-spreadsheet-legacy .k-spreadsheet, .k-spreadsheet-legacy .k-spreadsheet-action-bar, .k-spreadsheet-legacy .k-spreadsheet-view { font-size: 12px } .k-spreadsheet-legacy .k-spreadsheet-cell { padding: 1px } .k-spreadsheet-legacy .k-spreadsheet-filter { padding: 0px } .k-spreadsheet-legacy .k-filter-range { border-width: 1px } .k-spreadsheet-legacy .k-spreadsheet .k-spreadsheet-selection-highlight { border-width: 1px; border-style: solid } .k-spreadsheet .k-tabstrip-wrapper { border-width: 0 0 1px; border-style: solid; border-color: inherit; position: relative } .k-spreadsheet-quick-access-toolbar { padding: var(--kendo-spacing-2, 10px); display: inline-flex; flex-direction: row; position: absolute; z-index: 2; top: 0; left: 0 } .k-spreadsheet-tabstrip { padding-top: var(--kendo-spacing-2, 10px); position: relative; z-index: 1 } .k-spreadsheet-tabstrip .k-tabstrip-items-wrapper { margin: 0 } .k-spreadsheet-tabstrip .k-loading { display: none } .k-spreadsheet-tabstrip .k-content, .k-spreadsheet-tabstrip .k-tabstrip-content { border-radius: 0; padding: 0; border-width: 0; overflow: hidden } .k-spreadsheet { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-spreadsheet-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-spreadsheet-top-corner, .k-spreadsheet-row-header, .k-spreadsheet-column-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-spreadsheet-cell-editor { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-spreadsheet-merged-cell { background-color: var(--kendo-color-surface-alt, #ffffff) } .k-spreadsheet-disabled-mask { background-color: var(--kendo-color-surface-alt, #ffffff) } .k-spreadsheet .k-selection-full, .k-spreadsheet .k-selection-partial { background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent) } .k-spreadsheet-selection { border-color: var(--kendo-color-primary, #1274AC); background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent); box-shadow: inset 0 0 0 1px var(--kendo-color-primary, #1274AC) } .k-spreadsheet-selection-highlight { border-color: var(--kendo-color-primary, #1274AC) } .k-spreadsheet .k-single-selection::after { border-color: var(--kendo-color-surface-alt, #ffffff); background-color: var(--kendo-color-primary, #1274AC) } .k-spreadsheet-active-cell { background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: inset 0 0 0 1px var(--kendo-color-primary, #1274AC) } .k-spreadsheet .k-auto-fill { border-color: var(--kendo-color-primary, #1274AC); background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent); box-shadow: inset 0 0 0 1px var(--kendo-color-primary, #1274AC) } .k-spreadsheet .k-auto-fill-punch { background-color: rgba(var(--kendo-color-surface-alt, #ffffff), 0.5) } .k-spreadsheet .k-resize-handle, .k-spreadsheet .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-marker { background-color: var(--kendo-color-primary, #1274AC) } .k-spreadsheet-has-comment::after { border-block-color: var(--kendo-color-primary, #1274AC) rgba(0, 0, 0, 0); border-inline-color: rgba(0, 0, 0, 0) var(--kendo-color-primary, #1274AC) } .k-spreadsheet-cell .k-dirty { border-block-color: var(--kendo-color-error, #D51923) rgba(0, 0, 0, 0); border-inline-color: var(--kendo-color-error, #D51923) rgba(0, 0, 0, 0) } .k-spreadsheet .k-filter-range { border-color: var(--kendo-color-primary, #1274AC) } .k-spreadsheet-filter { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-base, #424242); background-color: var(--kendo-color-base, #f5f5f5); box-shadow: inset 0 0 0 1px var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-spreadsheet-filter:hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-spreadsheet-filter.k-active { background-color: var(--kendo-color-base-active, #d8d8d8) } .k-spreadsheet-filter-menu>.k-menu .k-item:hover, .k-spreadsheet-filter-menu>.k-menu .k-item.k-hover, .k-spreadsheet-filter-menu>.k-menu:not(.k-context-menu) .k-item:hover, .k-spreadsheet-filter-menu>.k-menu:not(.k-context-menu) .k-item.k-hover { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-spreadsheet-insert-image-dialog { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover { box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, .5) } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div { color: var(--kendo-color-surface-alt, #ffffff) } .k-spreadsheet-drawing.k-spreadsheet-active-drawing { outline-color: var(--kendo-color-primary, #1274AC) } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle { border-color: var(--kendo-color-primary, #1274AC); background-color: var(--kendo-color-primary, #1274AC) } .k-spreadsheet-drawing-anchor-cell { background: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent) } .k-syntax-ref { color: #f82 } .k-syntax-num { color: #09f } .k-syntax-str { color: #38b714 } .k-syntax-error { color: red } .k-syntax-bool { color: #a9169c } .k-syntax-paren-match { background-color: #caf200 } .k-order-1 { order: 1 } .k-order-1 { order: 1 !important } .k-order-2 { order: 2 } .k-order-2 { order: 2 !important } .k-order-3 { order: 3 } .k-order-3 { order: 3 !important } .k-order-4 { order: 4 } .k-order-4 { order: 4 !important } .k-order-5 { order: 5 } .k-order-5 { order: 5 !important } .k-order-6 { order: 6 } .k-order-6 { order: 6 !important } .k-order-7 { order: 7 } .k-order-7 { order: 7 !important } .k-order-8 { order: 8 } .k-order-8 { order: 8 !important } .k-order-9 { order: 9 } .k-order-9 { order: 9 !important } .k-order-10 { order: 10 } .k-order-10 { order: 10 !important } .k-order-11 { order: 11 } .k-order-11 { order: 11 !important } .k-order-12 { order: 12 } .k-order-12 { order: 12 !important } .k-order-first { order: -9999 } .k-order-first { order: -9999 !important } .k-order-last { order: 9999 } .k-order-last { order: 9999 !important } .k-order-none { order: 0 } .k-order-none { order: 0 !important } .k-pivotgrid { border-width: 1px; border-style: solid; box-sizing: content-box; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); text-align: start; vertical-align: top; display: grid; grid-template-columns: 300px auto; grid-template-rows: 75px auto; position: relative } .k-pivotgrid table { margin: 0; width: 100%; max-width: none; border-width: 0; border-color: inherit; border-collapse: separate; border-spacing: 0; outline: 0; text-align: inherit; empty-cells: show } .k-pivotgrid thead, .k-pivotgrid tbody, .k-pivotgrid th, .k-pivotgrid tr, .k-pivotgrid td { border-color: inherit; text-align: inherit } .k-pivotgrid-table { table-layout: fixed } .k-pivotgrid-table th { font-weight: 400; text-transform: initial } .k-pivotgrid-table .k-pivotgrid-header-root { font-weight: 600; text-transform: uppercase } .k-pivotgrid-empty-cell { border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px } .k-pivotgrid-empty-cell:focus { outline: none } .k-pivotgrid-column-headers { overflow: hidden } .k-pivotgrid-column-headers .k-pivotgrid-table { padding-inline-start: 0; padding-inline-end: var(--kendo-scrollbar-width, 17px) } .k-pivotgrid-column-headers .k-pivotgrid-cell { border-bottom-style: solid; border-bottom-width: 1px; border-left-style: solid; border-left-width: 1px } .k-pivotgrid-column-headers .k-pivotgrid-cell:first-child { border-left-width: 0 } .k-pivotgrid-column-headers .k-pivotgrid-cell.k-first { border-left-width: 1px } .k-pivotgrid-row-headers { overflow: hidden } .k-pivotgrid-row-headers .k-pivotgrid-table { padding-bottom: var(--kendo-scrollbar-width, 17px) } .k-pivotgrid-row-headers .k-pivotgrid-cell { border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; white-space: nowrap } .k-pivotgrid-values { border-color: inherit; overflow: scroll } .k-pivotgrid-values .k-pivotgrid-cell { border-bottom-style: solid; border-bottom-width: 1px; border-left-style: solid; border-left-width: 1px } .k-pivotgrid-values .k-pivotgrid-cell:first-child { border-left-width: 0 } .k-pivotgrid-cell { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-3, 0.15px); text-overflow: ellipsis; white-space: nowrap; vertical-align: top; overflow: hidden } .k-pivotgrid-cell:focus { outline: none } .k-pivotgrid-cell .k-icon { cursor: pointer; padding-inline-end: var(--kendo-spacing-1, 5px) } .k-pivotgrid-total { font-weight: 600 } .k-column-menu .k-treeview { padding-block: var(--kendo-spacing-0, 0px); padding-inline: calc(var(--kendo-spacing-4, 20px)/2); overflow: auto } .k-pivotgrid-configurator { display: flex } .k-pivotgrid-configurator-panel { border-width: 1px; border-style: solid; box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden; z-index: 2 } .k-pivotgrid-configurator-button { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-1, 5px); border-width: 1px; border-style: solid; box-sizing: border-box; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none } .k-flex-row-reverse .k-pivotgrid-configurator-button>span { transform: rotate(-180deg) } .k-pivotgrid-configurator-overlay { position: absolute; overflow: hidden; z-index: 2 } .k-pivotgrid-configurator-header { padding-block: calc(var(--kendo-spacing-4, 20px)*0.75); padding-inline: var(--kendo-spacing-4, 20px); font-size: 18px; font-weight: 500; display: flex; flex-direction: row; align-items: center } .k-pivotgrid-configurator-header-text { word-break: normal; overflow-wrap: anywhere } .k-pivotgrid-configurator-content { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-4, 20px); flex: 1 1 auto; overflow: auto } .k-pivotgrid-configurator-content .k-form .k-label { font-size: 16px; font-weight: 500; align-items: flex-start } .k-pivotgrid-configurator-content .k-form .k-dropdown-list, .k-pivotgrid-configurator-content .k-form .k-dropdown, .k-pivotgrid-configurator-content .k-form .k-dropdownlist { max-width: 90px } .k-pivotgrid-configurator-content .k-form .k-textbox { flex-basis: 50% } .k-pivotgrid-configurator-content .k-row-fields, .k-pivotgrid-configurator-content .k-column-fields, .k-pivotgrid-configurator-content .k-filter-fields { margin-top: calc(var(--kendo-spacing-4, 20px)/2); flex-wrap: wrap } .k-pivotgrid-configurator-content .k-value-fields { margin-block: calc(var(--kendo-spacing-4, 20px)/2); margin-inline: var(--kendo-spacing-0, 0px); display: flex; flex-direction: column; gap: calc(var(--kendo-spacing-4, 20px)/2) } .k-pivotgrid-configurator-content .k-select-all .k-checkbox { margin-inline-end: var(--kendo-spacing-1, 5px) } .k-pivotgrid-configurator-content .k-fields-list-wrapper { max-height: 200px; border-width: 1px; border-style: solid; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto } .k-pivotgrid-configurator-content .k-settings-description { margin-top: var(--kendo-spacing-4, 20px); text-align: center } .k-pivotgrid-configurator-content .k-treeview { padding-block: var(--kendo-spacing-0, 0px); padding-inline: calc(var(--kendo-spacing-4, 20px)/2); overflow: auto } .k-calculated-field { padding-block: var(--kendo-spacing-4, 20px); padding-inline: var(--kendo-spacing-4, 20px); border-width: 1px; border-radius: var(--kendo-border-radius-md, 5px); border-style: solid; box-sizing: border-box; display: flex; flex-direction: column; gap: var(--kendo-spacing-4, 20px) } .k-calculated-field-header { display: flex; flex-direction: row; align-items: center } .k-calculated-field-header .k-textbox { min-width: 200px } .k-calculated-field-header-text { margin-right: 5px; word-break: normal; overflow-wrap: anywhere } .k-calculated-field-header-actions { flex-shrink: 0; align-self: flex-start } .k-calculated-field-content .k-textbox { width: 100% } .k-calculated-field-actions { display: flex; flex-direction: row; align-items: center } .k-calculated-field-actions .k-icon { margin-right: var(--kendo-spacing-2, 10px) } .k-calculated-field-actions .k-dropdown-list, .k-calculated-field-actions .k-dropdown, .k-calculated-field-actions .k-dropdownlist { max-width: 100px } .k-filter-menu .k-calculated-item { border-bottom-width: 1px; border-bottom-style: solid } .k-pivotgrid-configurator-vertical { min-width: 320px } .k-flex-row .k-pivotgrid-configurator-overlay, .k-d-flex-row .k-pivotgrid-configurator-overlay { right: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 5px)*2 + 2px) } .k-flex-row-reverse .k-pivotgrid-configurator-overlay { left: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 5px)*2 + 2px) } .k-flex-row .k-pivotgrid-configurator-button, .k-d-flex-row .k-pivotgrid-configurator-button, .k-flex-row-reverse .k-pivotgrid-configurator-button { display: flex; align-items: center; justify-content: center; -ms-writing-mode: tb-rl; writing-mode: vertical-rl } .k-flex-row .k-pivotgrid-configurator-button .k-icon, .k-d-flex-row .k-pivotgrid-configurator-button .k-icon, .k-flex-row-reverse .k-pivotgrid-configurator-button .k-icon { vertical-align: baseline } .k-flex-row .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-d-flex-row .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-flex-row-reverse .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel { border-right-width: 0; border-left-width: 0 } .k-pivotgrid-configurator-horizontal { width: 100%; height: 420px } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form { display: flex; flex-direction: row } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper { padding-left: var(--kendo-spacing-4, 20px) } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper>*:first-child { margin-top: 0 } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper:first-child { padding-left: 0; flex: 1 1 30% } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper:nth-child(2) { flex: 1 1 30% } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper:last-child { border-left-width: 1px; border-left-style: solid; flex: 1 1 40% } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-row-fields, .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-column-fields, .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-filter-fields { max-height: 100px; overflow-x: hidden; overflow-y: auto } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-value-fields { max-height: 250px; flex-flow: row wrap; overflow-x: hidden; overflow-y: auto } .k-flex-col .k-pivotgrid-configurator-overlay, .k-d-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay { bottom: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 5px)*2 + 2px) } .k-flex-col-reverse .k-pivotgrid-configurator-overlay, .k-flex-column-reverse .k-pivotgrid-configurator-overlay { top: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 5px)*2 + 2px) } .k-flex-col .k-pivotgrid-configurator-button, .k-d-flex-col .k-pivotgrid-configurator-button, .k-flex-column .k-pivotgrid-configurator-button, .k-flex-col-reverse .k-pivotgrid-configurator-button, .k-flex-column-reverse .k-pivotgrid-configurator-button { text-align: center } .k-flex-col .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-d-flex-col .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-flex-column .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-flex-col-reverse .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-flex-column-reverse .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel { border-top-width: 0; border-bottom-width: 0 } .k-pdf-export-shadow .k-pivotgrid { height: auto !important } .k-pdf-export-shadow .k-pivotgrid-values { height: auto; overflow: visible } .k-pdf-export-shadow .k-pivotgrid-column-headers .k-pivotgrid-table { padding-inline-end: 0 } .k-pivot { border-width: 1px; border-style: solid; position: relative } .k-pivot .k-grid td { white-space: nowrap } .k-pivot .k-grid-content { flex: 1 1 auto } .k-pivot-toolbar { border-width: 0 0 1px; border-style: solid; align-items: flex-start; flex-wrap: wrap; box-shadow: none } .k-pivot-toolbar>* { max-width: 100% } .k-pivot-toolbar::before { display: none } .k-pivot-layout { border-spacing: 0; table-layout: auto } .k-pivot-layout .k-grid-footer, .k-pivot-layout .k-grid .k-table-alt-row { font-weight: bold } .k-pivot-layout>tbody, .k-pivot .k-table-td, .k-pivot td { vertical-align: top } .k-pivot-layout>tbody>tr>td { padding: 0 } .k-pivot-rowheaders>.k-grid, .k-pivot-table>.k-grid { border-width: 0; color: inherit; background: none } .k-pivot-rowheaders>.k-grid td:first-child, .k-pivot-table .k-grid-header .k-header.k-first { border-left-width: 1px } .k-pivot-rowheaders>.k-grid td.k-first { border-left-width: 0 } .k-pivot-rowheaders>.k-grid { overflow: hidden } .k-pivot-table { border-left-width: 1px; border-left-style: solid } .k-pivot-table .k-grid-header-wrap { margin-right: -1px } .k-pivot-table .k-grid-header-wrap>table { height: 100% } .k-pivot .k-grid-header .k-header { vertical-align: top } .k-pivot .k-grid tr .k-grid-footer { border-bottom-width: 0 } .k-pivot .k-grid tr:last-child:not(.k-grid-footer) td:not(.k-grid-footer) { border-bottom-width: 1px } .k-pivot-layout .k-grid td { border-bottom-width: 1px } .k-pivot-layout .k-grid-footer>td { border-top-width: 0 } .k-pivot-filter-window .k-treeview { max-height: 600px } .k-pivotgrid-wrapper { box-sizing: border-box; display: flex; flex-flow: row nowrap; align-items: flex-start; gap: var(--kendo-spacing-2, 10px) } .k-pivotgrid-wrapper>.k-pivotgrid-configurator-panel { max-width: 320px; flex: none } .k-pivotgrid-wrapper>.k-pivot { flex: 1 } .k-pivotgrid-configurator-panel.kendo-jquery { box-sizing: border-box; display: inline-flex } .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-configurator { height: 100% } .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-configurator-content { padding: var(--kendo-spacing-4, 20px); max-height: 100%; display: flex; flex-flow: column nowrap; gap: var(--kendo-spacing-4, 20px); overflow-x: hidden; overflow-y: auto } .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-targets { display: flex; flex-flow: column nowrap; gap: var(--kendo-spacing-4, 20px) } .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-configurator-section { display: flex; flex-flow: column nowrap; gap: var(--kendo-spacing-2, 10px) } .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields { margin: 0; padding: var(--kendo-spacing-1, 5px); max-height: 200px; border-width: 1px; border-style: solid; display: flex; flex-flow: row wrap; gap: var(--kendo-spacing-1, 5px); overflow-x: hidden; overflow-y: auto } .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields>* { margin: 0 } .k-pivotgrid-toggle { margin-block: calc(var(--kendo-spacing-1, 5px)*-1); padding: var(--kendo-spacing-1, 5px); box-sizing: content-box; cursor: pointer } .k-pivotgrid { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-pivotgrid-column-headers, .k-pivotgrid-row-headers, .k-pivotgrid-empty-cell { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-pivotgrid-empty-cell { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .k-pivotgrid-row-headers .k-pivotgrid-row .k-pivotgrid-cell:last-child { border-right-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .k-pivotgrid-column-headers .k-pivotgrid-column-total:nth-last-of-type(2) .k-pivotgrid-cell:not(.k-pivotgrid-expanded), .k-pivotgrid-column-headers .k-pivotgrid-row:last-child { border-bottom-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .k-pivotgrid-header-total, .k-pivotgrid-total { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-base-subtle, #ebebeb) } .k-pivotgrid-row-headers tbody>.k-pivotgrid-row:hover, .k-pivotgrid-row-headers tbody>.k-pivotgrid-row.k-hover, .k-pivotgrid-column-headers tbody>.k-pivotgrid-row:hover, .k-pivotgrid-column-headers tbody>.k-pivotgrid-row.k-hover, .k-pivotgrid-values tbody>.k-pivotgrid-row:hover, .k-pivotgrid-values tbody>.k-pivotgrid-row.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-pivotgrid-cell:focus, .k-pivotgrid-cell.k-focus, .k-pivotgrid-empty-cell:focus, .k-pivotgrid-empty-cell.k-focus, .k-master-row>.k-pivotgrid-cell:focus, .k-grouping-row>.k-pivotgrid-cell:focus, .k-detail-row>.k-pivotgrid-cell:focus, .k-group-footer>.k-pivotgrid-cell:focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .12) } .k-pivotgrid-cell.k-selected, .k-pivotgrid-row.k-selected>.k-pivotgrid-cell { background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent) } .k-pivotgrid-configurator-button, .k-pivotgrid-configurator-panel { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-pivotgrid-configurator-header { color: var(--kendo-color-on-app-surface, #424242) } .k-pivotgrid-configurator-content .k-fields-list-wrapper { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-calculated-field { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-calculated-field-header { color: var(--kendo-color-on-app-surface, #424242) } .k-filter-menu .k-calculated-item { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-pivotgrid-configurator-content .k-form-field-wrapper { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-flex-row .k-pivotgrid-configurator-overlay, .k-d-flex-row .k-pivotgrid-configurator-overlay { box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-flex-row-reverse .k-pivotgrid-configurator-overlay { box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-flex-col .k-pivotgrid-configurator-overlay, .k-d-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay { box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-flex-col-reverse .k-pivotgrid-configurator-overlay, .k-flex-column-reverse .k-pivotgrid-configurator-overlay { box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-pivot { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-pivot-table { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-pivot-rowheaders { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-pivot-toolbar { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-pivot-toolbar .k-empty { color: var(--kendo-color-subtle, #666666) } .k-pivot .k-alt { background-color: var(--kendo-color-surface, #fafafa) } .k-pivot-toolbar, .k-pivot-table, .k-pivot-rowheaders>.k-grid td:first-child, .k-pivot-table .k-grid-header .k-header.k-first { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-header.k-alt { background-color: var(--kendo-color-base, #f5f5f5) } .k-pivot-layout .k-grid-footer { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-i-kpi-trend-increase, .k-i-kpi-trend-decrease, .k-i-kpi-trend-equal { color: inherit } .k-i-kpi-status-hold { color: var(--kendo-color-warning, #F5A600) } .k-i-kpi-status-deny { color: var(--kendo-color-error, #D51923) } .k-i-kpi-status-open { color: var(--kendo-color-success, #278200) } .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-treelist.k-grid-display-block.k-grid-lockedcolumns { display: block } .k-treelist .k-status { padding-block: .4em; padding-inline: .6em; line-height: 1.6em } .k-treelist .k-status .k-loading { vertical-align: baseline; margin-right: 5px; display: none } .k-treelist tr.k-hidden { display: none } .k-treelist .k-treelist-dragging, .k-treelist .k-treelist-dragging .k-hover { cursor: default } .k-treelist .k-drop-hint { transform: translate(0, -50%) } .k-treelist .k-table-row.k-footer td, .k-treelist .k-table-row.k-footer-template td, .k-treelist .k-table-row.k-footer .k-table-td, .k-treelist .k-table-row.k-footer-template .k-table-td { border-width: 1px 0; border-style: solid; font-weight: bold } .k-treelist .k-table-row.k-footer+.k-table-row.k-footer td, .k-treelist .k-table-row.k-footer+.k-table-row.k-footer .k-table-td { border-top-width: 0 } .k-treelist-scrollable>.k-table, .k-treelist-scrollable .k-grid-header .k-table-row, .k-treelist-scrollable .k-grid-header .k-table-th { background-color: inherit } .k-treelist-scrollable .k-grid-toolbar { position: sticky; z-index: 3; top: 0; left: 0 } .k-treelist-scrollable .k-grid-header .k-table-th { position: sticky; z-index: 1 } .k-treelist-scrollable .k-grid-header .k-table-th.k-grid-header-sticky { z-index: 3 } .k-treelist-scrollable thead.k-grid-header { padding-right: 0 } .k-treelist-scrollable .k-table-row.k-group-footer+.k-table-row.k-group-footer td { border-top-width: 0 } :is(.k-treelist-scrollable[dir=rtl], .k-rtl .k-treelist-scrollable) thead.k-grid-header { padding-left: 0 } .k-drag-separator { display: inline-block; border-right: 1px solid; height: 1em; vertical-align: top; margin-block: 0; margin-inline: .5em } .k-treelist-toggle { margin-block: calc(var(--kendo-spacing-1, 5px)*-1); padding: var(--kendo-spacing-1, 5px); box-sizing: content-box; cursor: pointer } .k-treelist tr.k-footer, .k-treelist tr.k-footer-template { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 11%, transparent) } .k-filter { box-sizing: border-box; border-width: 0; display: inline-block; background-color: rgba(0, 0, 0, 0) } .k-filter *, .k-filter *::before, .k-filter *::after { box-sizing: border-box } .k-filter ul { padding: 0 } .k-filter ul li { list-style-type: none } .k-filter .k-filter-container, .k-filter .k-filter-preview { margin-block-end: var(--kendo-spacing-7\.5, 1.815px) } .k-filter .k-filter-lines, .k-filter .k-filter-item { padding-inline-start: var(--kendo-spacing-2, 10px) } .k-filter .k-filter-toolbar { display: inline-flex; position: relative; padding-block: var(--kendo-spacing-1, 5px); padding-inline: 0 } .k-filter .k-filter-toolbar::before { content: ""; position: absolute; width: var(--kendo-spacing-2, 10px); height: 1px; inset-block-start: 50%; inset-inline-start: calc(var(--kendo-spacing-2, 10px)*-1) } .k-filter .k-filter-toolbar .k-toolbar { border-style: solid } .k-filter .k-filter-operator .k-dropdown-list, .k-filter .k-filter-operator .k-dropdown, .k-filter .k-filter-operator .k-dropdownlist { width: 15em } .k-filter .k-filter-item { position: relative } .k-filter .k-filter-item::before { content: ""; position: absolute; width: 1px; height: 100%; inset-block-start: calc(var(--kendo-spacing-1, 5px)*-1); inset-inline-start: 0 } .k-filter .k-filter-lines .k-filter-item:last-child>.k-filter-toolbar::after, .k-filter .k-filter-lines .k-filter-item:last-child>*>.k-filter-toolbar::after { content: ""; position: absolute; width: 1px; inset-block-start: calc(var(--kendo-spacing-1, 5px)*-1 - 1px); inset-block-end: 50%; inset-inline-start: calc(var(--kendo-spacing-2, 10px)*-1) } .k-filter .k-filter-group-main::before, .k-filter .k-filter-group-main>.k-filter-toolbar::before, .k-filter .k-filter-group-main>.k-filter-toolbar::after, .k-filter .k-filter-group-main>*>.k-filter-toolbar::before, .k-filter .k-filter-group-main>*>.k-filter-toolbar::after, .k-filter .k-filter-lines .k-filter-item:last-child::before { display: none } .k-filter { color: var(--kendo-color-on-app-surface, #424242) } .k-filter .k-filter-preview-field { color: var(--kendo-color-primary, #1274AC) } .k-filter .k-filter-preview-operator { color: var(--kendo-color-subtle, #666666) } .k-filter .k-filter-item::before, .k-filter .k-filter-toolbar::before, .k-filter .k-filter-lines .k-filter-item:last-child>.k-filter-toolbar::after, .k-filter .k-filter-lines .k-filter-item:last-child>*>.k-filter-toolbar::after { background-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-filter .k-toolbar:focus, .k-filter .k-toolbar.k-focus { box-shadow: 0 0 0 2px rgba(0, 0, 0, .08) } .k-filemanager { border-width: 1px; border-style: solid; box-sizing: border-box; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-flow: column nowrap } .k-filemanager-header { border-color: inherit } .k-filemanager-toolbar { border-width: 0; border-bottom-width: 1px; border-color: inherit; flex-shrink: 0; z-index: 1 } .k-filemanager-content-container { border-color: inherit; box-sizing: border-box; flex: 1 1 0%; display: flex; flex-flow: row nowrap; align-items: stretch; overflow: hidden } .k-filemanager-splitter { border-width: 0 } .k-filemanager-navigation { padding-block: var(--kendo-spacing-4, 20px); padding-inline: var(--kendo-spacing-4, 20px); width: 20%; border-width: 0; border-right-width: 1px; border-style: solid; border-color: inherit; box-sizing: border-box; flex-shrink: 0; overflow: auto } .k-filemanager-treeview { overflow: visible } .k-filemanager-content { border-color: inherit; flex: 1 1 0%; display: flex; flex-flow: column nowrap; align-items: stretch; overflow: hidden } .k-filemanager-view { overflow: auto } .k-filemanager-breadcrumb { border-width: 0; border-bottom-width: 1px; padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); flex-shrink: 0 } .k-filemanager-listview { border-width: 0; flex: 1 1 0% } .k-filemanager-listview .k-listview-item { padding-block: var(--kendo-spacing-4, 20px); padding-inline: var(--kendo-spacing-4, 20px); width: 120px; height: 120px; text-align: center } .k-filemanager-listview .k-file-preview { display: flex; flex-direction: row; justify-content: center } .k-filemanager-listview .k-file-name { margin-top: calc(var(--kendo-spacing-4, 20px)/2); display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .k-filemanager-listview .k-file-edit-input input { width: 100% } .k-filemanager-grid { border-width: 0; flex: 1 1 0% } .k-filemanager-grid .k-file-preview { margin-right: var(--kendo-spacing-1, 5px); display: inline-flex; flex-direction: row; vertical-align: middle } .k-filemanager-grid .k-file-name { display: inline-flex; flex-direction: row; vertical-align: middle } .k-filemanager-preview { padding: calc(var(--kendo-spacing-4, 20px)*3) var(--kendo-spacing-4, 20px) var(--kendo-spacing-4, 20px); width: 20%; min-height: calc(var(--kendo-spacing-4, 20px)*4 + 96px + var(--kendo-spacing-4, 20px)*3); border-width: 0; border-left-width: 1px; border-style: solid; border-color: inherit; box-sizing: border-box; text-align: center; overflow-y: auto; flex-shrink: 0 } .k-filemanager-preview .k-file-preview { display: flex; flex-direction: row; justify-content: center } .k-filemanager-preview .k-file-name { margin-top: var(--kendo-spacing-4, 20px); display: block } .k-filemanager-preview .k-single-file-selected { font-weight: bold } .k-filemanager-preview .k-multiple-files-selected { font-weight: bold } .k-filemanager-preview .k-file-meta { margin: var(--kendo-spacing-4, 20px) 0 0; box-sizing: border-box; text-align: start; display: flex; flex-flow: row wrap; grid-column-gap: var(--kendo-spacing-1, 5px) } .k-filemanager-preview .k-file-meta-label { display: inline-block } .k-filemanager-preview .k-file-meta-value { margin: 0 } .k-filemanager-preview .k-file-type { text-transform: capitalize } .k-filemanager-preview .k-line-break { margin: var(--kendo-spacing-4, 20px) 0 0; width: 100%; flex: 1 1 100%; flex-flow: row nowrap } .k-filemanager .k-splitbar { flex-shrink: 0; display: inline-flex; position: relative; border-width: 0 1px; border-style: solid; border-color: inherit } .k-filemanager-upload-dialog .k-upload-files { max-height: 200px; overflow-y: auto } .k-filemanager-drag-hint { display: flex; flex-direction: row; align-items: center; gap: var(--kendo-spacing-1, 5px) } .k-filemanager { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-filemanager-breadcrumb { background-color: var(--kendo-color-surface, #fafafa) } .k-filemanager-listview .k-listview-item .k-file-icon { color: var(--kendo-color-subtle, #666666) } .k-filemanager-listview .k-listview-item.k-selected .k-file-icon { border-color: rgba(0, 0, 0, 0); color: inherit; background-color: rgba(0, 0, 0, 0) } .k-filemanager-preview .k-file-icon { color: var(--kendo-color-subtle, #666666) } .k-taskboard { box-sizing: border-box; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; position: relative } .k-taskboard *, .k-taskboard *::before, .k-taskboard *::after { box-sizing: border-box } .k-taskboard-toolbar { padding-block: var(--kendo-spacing-4, 20px); padding-inline: var(--kendo-spacing-4, 20px); border-width: 0; box-shadow: none; background: none } .k-taskboard-content { padding: 0 var(--kendo-spacing-4, 20px) var(--kendo-spacing-4, 20px); display: flex; position: relative; flex: 1 1 auto; overflow-x: auto } .k-taskboard-columns-container { outline: none; display: flex; flex-direction: row; overflow: hidden; gap: var(--kendo-spacing-4, 20px); overflow-x: visible } .k-taskboard-column { width: 320px; border-width: 1px; border-radius: var(--kendo-border-radius-md, 5px); border-style: solid; outline: none; display: flex; flex-direction: column; flex-shrink: 0; overflow: hidden } .k-taskboard-column-header { padding-block: calc(var(--kendo-spacing-4, 20px)/2); padding-inline: calc(var(--kendo-spacing-4, 20px)/2); font-weight: 500; display: flex; flex-direction: row; align-items: center; gap: calc(var(--kendo-spacing-4, 20px)/4) } .k-taskboard-column-header-actions { display: inline-flex; flex-shrink: 0; align-self: flex-start; gap: calc(var(--kendo-spacing-4, 20px)/2) } .k-taskboard-column-cards-container { margin-bottom: calc(var(--kendo-spacing-4, 20px)/2); padding-block: var(--kendo-spacing-0, 0px); padding-inline: calc(var(--kendo-spacing-4, 20px)/2); outline: none; overflow: auto; flex: 1 1 auto } .k-taskboard-column-cards { min-height: 100%; display: flex; flex-direction: column; gap: calc(var(--kendo-spacing-4, 20px)/2) 0 } .k-taskboard-column-new .k-taskboard-column-header, .k-taskboard-column-edit .k-taskboard-column-header { font-weight: inherit } .k-taskboard-column-new .k-taskboard-column-header-text, .k-taskboard-column-edit .k-taskboard-column-header-text { flex: 1 1 100% } .k-taskboard-pane { width: 320px; border-width: 1px; border-style: solid; display: flex; flex-direction: column; position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 2 } .k-taskboard-pane-header { padding-block: calc(var(--kendo-spacing-4, 20px)*0.75); padding-inline: var(--kendo-spacing-4, 20px); font-weight: 500; display: flex; flex-direction: row; align-items: center } .k-taskboard-pane-header-text { word-break: normal; overflow-wrap: anywhere } .k-taskboard-pane-header-actions { flex-shrink: 0; align-self: flex-start } .k-taskboard-pane-content { padding-block: var(--kendo-spacing-0, 0px); padding-inline: var(--kendo-spacing-4, 20px); overflow: auto; flex: 1 1 auto } .k-taskboard-pane-actions { padding-block: calc(var(--kendo-spacing-4, 20px)*0.75); padding-inline: var(--kendo-spacing-4, 20px) } .k-taskboard-pane-start { right: auto; left: 0 } .k-taskboard-card { border-radius: var(--kendo-border-radius-md, 5px); border-width: 1px } .k-taskboard-card.k-taskboard-card-category { border-inline-start-width: 4px } .k-taskboard-card .k-card-header .k-card-body, .k-taskboard-card .k-card-footer { padding-block: var(--kendo-spacing-4, 20px); padding-inline: var(--kendo-spacing-4, 20px) } .k-taskboard-card .k-card-header { align-items: center } .k-taskboard-card .k-card-title { font-size: inherit; font-weight: inherit; word-break: normal; overflow-wrap: anywhere } .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-focus, .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-hover { text-decoration: underline } .k-taskboard-card .k-card-header-actions { align-self: flex-start } .k-taskboard-drag-placeholder { border-radius: var(--kendo-border-radius-md, 5px); border-width: 1px; border-style: solid; position: relative } .k-taskboard-column { border-color: rgba(0, 0, 0, 0); background-color: var(--kendo-color-surface, #fafafa) } .k-taskboard-column:focus, .k-taskboard-column.k-focus { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .k-taskboard-column-header { color: var(--kendo-color-on-app-surface, #424242) } .k-taskboard-pane { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-taskboard-pane-header { color: var(--kendo-color-on-app-surface, #424242) } .k-taskboard-card { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-taskboard-card .k-card-title { color: var(--kendo-color-primary, #1274AC) } .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-focus { color: var(--kendo-color-primary-hover, #116fa5) } .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-hover { color: var(--kendo-color-primary-hover, #116fa5) } .k-taskboard-card:focus, .k-taskboard-card.k-focus { box-shadow: none; border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .k-taskboard-card:hover, .k-taskboard-card.k-hover { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .k-taskboard-card.k-selected { border-color: var(--kendo-color-primary-emphasis, #4d97c1); box-shadow: none } .k-taskboard-card.k-disabled { outline: none; cursor: default; opacity: .6; filter: grayscale(0.1); pointer-events: none; box-shadow: none } .k-taskboard-drag-placeholder { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: hsla(0, 0%, 100%, .2) } .k-editor { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-flow: column nowrap; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-editor.k-readonly .k-editor-content { pointer-events: auto } .k-editor.k-readonly .k-editor-content.k-focus { outline-width: 1px; outline-style: dashed } .k-editor-inline { border-radius: var(--kendo-border-radius-md, 5px); padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-1, 5px); border: 1px solid rgba(0, 0, 0, 0); word-wrap: break-word; overflow: auto; background: none } .k-editor-resizable { resize: both; overflow: auto } .k-editor-resize-handles-wrapper { position: absolute; visibility: hidden } .k-editor-resize-wrap-element { display: inline-block; position: relative } .k-editor-resize-handle { width: 8px; height: 8px; border-width: 1px; border-style: solid; box-sizing: border-box; position: absolute; visibility: visible; z-index: 100 } .k-editor-resize-handle.northwest { top: 0; left: 0; transform: translate(-50%, -50%); cursor: nw-resize } .k-editor-resize-handle.north { top: 0; left: 50%; transform: translate(-50%, -50%); cursor: n-resize } .k-editor-resize-handle.northeast { top: 0; right: 0; transform: translate(50%, -50%); cursor: ne-resize } .k-editor-resize-handle.southwest { left: 0; bottom: 0; transform: translate(-50%, 50%); cursor: sw-resize } .k-editor-resize-handle.south { bottom: 0; left: 50%; transform: translate(-50%, 50%); cursor: s-resize } .k-editor-resize-handle.southeast { right: 0; bottom: 0; transform: translate(50%, 50%); cursor: se-resize } .k-editor-resize-handle.west { top: 50%; left: 0; transform: translate(-50%, -50%); cursor: w-resize } .k-editor-resize-handle.east { top: 50%; right: 0; transform: translate(50%, -50%); cursor: e-resize } .ProseMirror-selectednode { outline-width: 2px; outline-style: solid } .ProseMirror-hideselection { caret-color: rgba(0, 0, 0, 0) } .ProseMirror-hideselection *::selection, .ProseMirror-hideselection *::-moz-selection { background: rgba(0, 0, 0, 0) } .k-editor-toolbar { border-width: 0 0 1px; flex-shrink: 0 } .k-editor-toolbar .k-editor-export .k-icon { margin-right: .25em } .k-editor-toolbar .k-editor-export .k-icon, .k-editor-toolbar .k-editor-export .k-export-tool-text { vertical-align: middle } .k-editor-content { flex: 1 1 auto; overflow-y: auto } .k-editor-content>.k-iframe { width: 100%; height: 100%; border-width: 0; display: block } .k-editor-content>.ProseMirror { padding: var(--kendo-spacing-2, 10px); width: 100%; height: 100%; position: relative; box-sizing: border-box; outline: none; white-space: pre-wrap; overflow: auto } .k-editor-content>.ProseMirror table { white-space: pre-wrap } .k-editor-content>.ProseMirror .k-placeholder::before { content: attr(data-placeholder); height: 0; color: var(--kendo-color-subtle, #666666); float: left; opacity: 1; cursor: text; -webkit-user-select: none; -ms-user-select: none; user-select: none } .k-editor-content>.ProseMirror[contenteditable=false] { cursor: unset !important } .k-editor-content>.ProseMirror[contenteditable=false] .k-editor-resize-handles-wrapper, .k-editor-content>.ProseMirror[contenteditable=false] .k-editor-resize-handle, .k-editor-content>.ProseMirror[contenteditable=false] .row-resize-handle, .k-editor-content>.ProseMirror[contenteditable=false] .column-resize-handle { display: none } .k-editor-content>.ProseMirror[contenteditable=false] img, .k-editor-content>.ProseMirror[contenteditable=false] table { pointer-events: none } .k-editor-content>.ProseMirror[contenteditable=false] .ProseMirror-selectednode { outline: none } .k-editor-content p { margin: 0 0 20px } .k-editor-content td p, .k-editor-content th p, .k-editor-content li p { margin: 0 } .k-editor-content table { margin: 0; border-collapse: collapse; table-layout: fixed; width: 100%; overflow: hidden } .k-editor-content td, .k-editor-content th { min-width: 1em; border: 1px solid; padding-block: 3px; padding-inline: 5px; vertical-align: top; box-sizing: border-box; position: relative } .k-editor-content th { font-weight: bold; text-align: start } .k-editor-content td { text-align: start } .k-editor-content .selectedCell::after { z-index: 2; position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none } .k-edit-form-content { flex: 1 1 auto; overflow: auto; margin-block: -var(--kendo-spacing-4, 20px); margin-inline: -var(--kendo-spacing-4, 20px); padding-block: var(--kendo-spacing-4, 20px); padding-inline: var(--kendo-spacing-4, 20px) } .k-ct-popup { box-sizing: border-box; width: 190px; padding: 5px } .k-ct-popup .k-button { width: 100% } .k-ct-popup .k-ct-cell { margin: 1px; width: 20px; height: 20px; box-sizing: border-box; border: 1px solid; border-color: inherit; display: inline-block; vertical-align: top; overflow: hidden; opacity: .7; pointer-events: all } .k-editor .k-resize-handle { position: absolute; right: 0; bottom: 0; padding: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 13px 13px; border-color: rgba(0, 0, 0, 0); border-bottom-color: inherit; cursor: se-resize } .k-editor .k-resize-handle .k-i-arrow-45-down-right, .k-editor .k-resize-handle .k-i-caret-br { display: none } .k-editor-find-replace .k-content { position: relative } .k-editor-find-replace .k-actions, .k-editor-find-replace .k-edit-buttons, .k-editor-find-replace .k-action-buttons, .k-editor-find-replace .k-columnmenu-actions, .k-editor-find-replace .k-form-buttons { padding: 0 } .k-editor-find-replace .k-search-options { display: flex; flex-direction: column; padding: 10px 0 40px } .k-editor-find-replace .k-matches-container { position: absolute; bottom: 0; left: 0; right: 0; padding: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center } .k-textarea.k-editor-textarea { width: 100%; height: 100%; resize: none } .k-filebrowser { max-width: 100% } .k-filebrowser .k-floatwrap { display: flex } .k-filebrowser .k-floatwrap::after { display: none } .k-filebrowser .k-breadcrumbs { flex: 1 } .k-filebrowser .k-search-wrap { margin: 0 0 0 var(--kendo-spacing-4, 20px); width: 150px; display: flex; align-items: center } .k-filebrowser .k-search-wrap .k-input { flex: 1; width: 100px } .k-filebrowser .k-search-wrap .k-icon { margin: 0; position: static } .k-filebrowser .k-filebrowser-toolbar { margin: var(--kendo-spacing-4, 20px) 0 0 } .k-filebrowser .k-upload { padding: 0; border-width: 0; background: none } .k-filebrowser .k-upload .k-upload-button { margin: 0 } .k-filebrowser .k-upload .k-upload-status { display: none } .k-filebrowser .k-upload-files { display: none } .k-filebrowser .k-tiles { display: flex; flex-flow: row wrap; height: 390px; max-height: 50vh; margin: 0 0 var(--kendo-spacing-4, 20px); padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); border-top-width: 0; overflow: auto } .k-filebrowser .k-tile { width: 33%; height: 90px; padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); box-sizing: border-box; white-space: nowrap; overflow: hidden; cursor: pointer; border-radius: var(--kendo-border-radius-md, 5px) } .k-filebrowser .k-tile .k-i-file, .k-filebrowser .k-tile .k-i-folder { font-size: 4em } .k-filebrowser .k-tile input { width: 100px } .k-filebrowser .k-tile strong { display: block; font-weight: 400; overflow: hidden; text-overflow: ellipsis } .k-filebrowser .k-tile-empty { display: block; margin: auto } .k-filebrowser .k-tile-empty.k-selected { color: inherit; border-width: 0; background-image: none; background-color: rgba(0, 0, 0, 0) } .k-filebrowser .k-tile-empty strong { opacity: .5; font-size: 3em; font-weight: 400 } .k-filebrowser .k-thumb { float: left; margin-right: var(--kendo-spacing-1, 5px) } .k-filebrowser .k-breadcrumbs-wrap { position: absolute; left: var(--kendo-spacing-2, 10px); top: var(--kendo-spacing-1, 5px) } .k-filebrowser .k-breadcrumbs-wrap .k-icon { position: static; margin-top: 0 } .k-editor-table-wizard-window .k-tabstrip-wrapper { display: flex; flex: 1 1 auto; overflow: auto } .k-editor-table-wizard-window .k-tabstrip-wrapper .k-tabstrip.k-root-tabs { flex: 1 1 auto; margin-bottom: 0 } .k-editor-table-wizard-window .k-edit-field>.k-checkbox { position: relative } .k-editor-inline .k-table { width: 100%; border-spacing: 0; margin: 0 0 1em } .k-editor-inline .k-table, .k-editor-inline .k-table td { outline: 0; border-width: 1px; border-style: dotted } .k-editor-inline .k-table td { min-width: 1px; padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-1, 5px) } .k-editor-inline .k-element-resize-handle-wrapper { position: absolute; width: 5px; height: 5px; border-width: 1px; border-style: solid; z-index: 100 } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle { width: 100%; height: 100% } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-east { cursor: e-resize } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-north { cursor: n-resize } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-northeast { cursor: ne-resize } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-northwest { cursor: nw-resize } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-south { cursor: s-resize } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-southeast { cursor: se-resize } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-southwest { cursor: sw-resize } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-west { cursor: w-resize } .k-editor-inline .k-column-resize-handle-wrapper { position: absolute; height: 10px; width: 10px; cursor: col-resize; z-index: 2 } .k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle { width: 100%; height: 100% } .k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle .k-column-resize-marker { width: 2px; height: 100%; margin-block: 0; margin-inline: auto; display: none; opacity: .8 } .k-editor-inline .k-row-resize-handle-wrapper { position: absolute; z-index: 2; cursor: row-resize; width: 10px; height: 10px } .k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-handle { display: table; width: 100%; height: 100% } .k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker-wrapper { display: table-cell; width: 100%; height: 100%; margin: 0; padding: 0; vertical-align: middle } .k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker { display: none; margin: 0; padding: 0; width: 100%; height: 2px; opacity: .8 } .k-editor { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-editor.k-readonly .k-editor-content.k-focus { outline-color: var(--kendo-color-on-app-surface, #424242) } .k-editor-inline .k-table, .k-editor-inline .k-table td { border-color: #ccc } .k-editor-inline .k-element-resize-handle-wrapper { background-color: #fff; border-color: #000 } .k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle .k-column-resize-marker { background-color: #00b0ff } .k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker { background-color: #00b0ff } .k-editor-inline:hover, .k-editor-inline.k-hover, .k-editor-inline.k-active { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-editor-resize-handle { background-color: #fff; border-color: #000 } .ProseMirror-selectednode { outline-color: #8cf } .k-ct-popup .k-selected { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC); background-image: none } .k-editor-content .k-text-selected, .k-editor-content::selection { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-editor-content .k-text-highlighted { background-color: var(--kendo-color-primary-subtle, #d0e3ee) } .k-editor-content td, .k-editor-content th { border-color: #ddd } .k-editor-content .selectedCell::after { background-color: rgba(200, 200, 255, .4) } .k-imageeditor { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-imageeditor *, .k-imageeditor *::before, .k-imageeditor *::after { box-sizing: border-box } .k-imageeditor-toolbar { border-width: 0; border-bottom-width: 1px } .k-imageeditor-content { border-width: 0; border-style: solid; border-color: inherit; display: flex; flex-flow: row nowrap } .k-imageeditor-canvas-container { flex: 1 1 100%; display: flex; flex-flow: row nowrap; overflow: auto } .k-imageeditor-canvas { margin: auto; display: flex; flex-direction: column; position: relative } .k-imageeditor-action-pane { padding-block: var(--kendo-spacing-8, 40px); padding-inline: var(--kendo-spacing-4, 20px); width: 241px; border-width: 0; border-left-width: 1px; border-style: solid; border-color: inherit; box-sizing: border-box; flex: none; overflow-y: auto } .k-imageeditor-action-pane .k-input-inner, .k-imageeditor-action-pane .k-input-value-text { text-overflow: clip } .k-imageeditor-crop-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .k-imageeditor-crop { width: 100%; height: 100%; border-width: 1px; border-style: dashed; box-sizing: border-box; position: absolute } .k-imageeditor-crop .k-resize-handle { margin-block: var(--kendo-spacing-1px, 1px); margin-inline: var(--kendo-spacing-1px, 1px); border-style: solid; border-width: 0 2px 2px 0 } .k-imageeditor-crop .k-resize-sw, .k-imageeditor-crop .k-resize-se, .k-imageeditor-crop .k-resize-nw, .k-imageeditor-crop .k-resize-ne { width: 20px; height: 20px } .k-imageeditor-crop .k-resize-n, .k-imageeditor-crop .k-resize-s { left: calc(50% - 7.5px); width: 20px; height: 0 } .k-imageeditor-crop .k-resize-w, .k-imageeditor-crop .k-resize-e { top: calc(50% - 7.5px); width: 0; height: 20px } .k-imageeditor-crop .k-resize-ne { transform: rotate(-90deg) } .k-imageeditor-crop .k-resize-nw { transform: rotate(-180deg) } .k-imageeditor-crop .k-resize-sw { transform: rotate(90deg) } .k-imageeditor-crop .k-resize-n { top: 0 } .k-imageeditor-crop .k-resize-s { bottom: 0 } .k-imageeditor-crop .k-resize-w { left: 0 } .k-imageeditor-crop .k-resize-e { right: 0 } .k-imageeditor { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-imageeditor-content { background-color: #c6c6c6 } .k-imageeditor-canvas { background: linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09)), linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09)), #fff; background-repeat: repeat, repeat; background-position: 0px 0px, 5px 5px; transform-origin: 0 0 0; background-origin: padding-box, padding-box; background-size: 10px 10px, 10px 10px; box-shadow: none; text-shadow: none; transition: none; transform: scaleX(1) scaleY(1) scaleZ(1) } .k-imageeditor-action-pane { background-color: var(--kendo-color-surface, #fafafa) } .k-imageeditor-crop { border-color: #fff } .k-imageeditor-crop-overlay { background-color: rgba(0, 0, 0, .3) } .k-gantt { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-flow: column nowrap; position: relative; white-space: nowrap; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-gantt .k-table-td { white-space: nowrap } .k-gantt td { overflow: hidden; white-space: nowrap; vertical-align: top } .k-gantt .k-grid-header tr { height: calc(1.4285714286em + var(--kendo-spacing-2, 10px)*2 + 1px) } .k-gantt .k-grid-header .k-header { position: static } .k-gantt .k-treelist .k-grid-header .k-header { position: relative } .k-gantt .k-grid-content tr { height: calc(1.4285714286em + var(--kendo-spacing-2, 10px)*2) } .k-gantt.k-gantt-planned .k-grid-content tr { height: calc(2.4285714286em + var(--kendo-spacing-2, 10px)*2) } .k-gantt .k-gantt-layout { white-space: normal; vertical-align: top; display: inline-block } .k-gantt .k-splitbar { position: relative; display: inline-flex } .k-gantt .k-gantt-splitter { border-width: 0 } .k-gantt .k-treelist-scrollable { width: 100%; border-width: 0; overflow: auto } .k-gantt .k-treelist-scrollable .k-grid-header .k-header { position: sticky } .k-gantt .k-treelist-scrollable .k-grid-header th, .k-gantt .k-treelist-scrollable .k-grid-content-sticky { z-index: 4 } .k-gantt .k-treelist-scrollable .k-grid-header th.k-grid-header-sticky { z-index: 5 } .k-gantt .k-treelist-scrollable .k-grid-header tr:first-child th:last-child, .k-gantt .k-treelist-scrollable tbody td:last-child { padding: 0; vertical-align: top } .k-gantt .k-treelist-scrollable .k-grid-header th:last-child .k-header { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-3, 0.15px); border-width: 0 0 1px 1px; white-space: nowrap } .k-gantt .k-treelist-scrollable tr.k-selected>td:last-child { background: rgba(0, 0, 0, 0) } .k-gantt .k-treelist-scrollable .k-task { display: inline-flex; flex-flow: row nowrap; white-space: nowrap; z-index: 3 } .k-gantt .k-treelist-scrollable .k-task:hover .k-task-start, .k-gantt .k-treelist-scrollable .k-task:hover .k-task-end { display: block } .k-gantt .k-treelist-scrollable .k-task:hover .k-task-draghandle { visibility: visible } .k-gantt .k-treelist-scrollable .k-task-content { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); display: block; line-height: normal; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .k-gantt .k-treelist-scrollable .k-task-actions { flex-shrink: 0 } .k-gantt .k-treelist-scrollable .k-task-milestone { border: 0; transform: none; background: none } .k-gantt .k-treelist-scrollable .k-task-milestone .k-task-milestone-content { width: 100%; height: 100%; border-width: 1px; border-style: solid; box-sizing: border-box; transform: rotate(45deg) } .k-gantt .k-treelist-scrollable .k-task-summary { height: 20px; clip-path: polygon(-20px 0, calc(100% + 20px) 0, calc(100% + 20px) 100%, 100% 100%, calc(100% - 8px) calc(100% - 5px), 8px calc(100% - 5px), 0 100%, -20px 100%) } .k-gantt .k-treelist-scrollable .k-task-summary-complete { width: 100%; height: 20px } .k-gantt .k-treelist-scrollable .k-task-start { transform: translateX(-140%) translateY(-50%) } .k-gantt .k-treelist-scrollable .k-task-end { transform: translateX(140%) translateY(-50%) } .k-gantt .k-treelist-scrollable .k-master-row:hover .k-task-dot { display: block } .k-gantt .k-treelist-scrollable .k-gantt-columns { background: rgba(0, 0, 0, 0); pointer-events: none; table-layout: fixed } .k-gantt .k-gantt-dependencies-svg { position: absolute; top: 0; left: 0; overflow: visible; pointer-events: none; z-index: 2 } .k-gantt .k-gantt-dependencies-svg polyline { stroke-width: 2px } .k-gantt-header { border-width: 0 0 1px; flex-shrink: 0; z-index: 6 } .k-gantt-footer { border-width: 1px 0 0; flex-shrink: 0 } .k-gantt-toggle { display: none } .k-gantt-views-wrapper { margin-left: auto } .k-gantt-views-wrapper .k-views-dropdown { width: auto; font-size: inherit; display: none; cursor: pointer } @media(max-width: 480px) { .k-gantt-toolbar .k-gantt-toggle { display: inline-flex } .k-gantt-toolbar .k-gantt-pdf, .k-gantt-toolbar .k-gantt-create { padding: var(--kendo-spacing-1, 5px); width: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 5px)*2 + 2px); height: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 5px)*2 + 2px) } .k-gantt-toolbar .k-gantt-pdf .k-button-text, .k-gantt-toolbar .k-gantt-create .k-button-text { display: none } } @media(max-width: 1024px) { .k-gantt-views-wrapper .k-gantt-views { display: none } .k-gantt-views-wrapper .k-views-dropdown { display: flex } } .k-gantt-content { display: flex; flex-flow: row nowrap; align-items: stretch; flex: 1 1 auto; overflow: hidden } .k-gantt-treelist .k-treelist { height: 100%; border-width: 0 } .k-gantt-treelist .k-grid-header, .k-gantt-treelist .k-grid-footer { padding: 0 !important } .k-gantt-treelist .k-grid-header tr { height: calc(2.8571428572em + var(--kendo-spacing-2, 10px)*4 + 2px); vertical-align: bottom } .k-gantt-treelist .k-grid-content { overflow: hidden; overflow-x: scroll } .k-gantt-treelist .k-grid-content td { vertical-align: middle } .k-gantt-treelist .k-gantt-treelist-nested-columns .k-grid-header tr { height: calc(1.4285714286em + var(--kendo-spacing-2, 10px)*2 + 1px) } .k-gantt-treelist.k-gantt-treelist-scrollable .k-grid-content { overflow: scroll } .k-gantt-timeline-pane .k-gantt-timeline { height: 100%; border-width: 0; display: flex } .k-gantt-timeline-pane .k-gantt-timeline *, .k-gantt-timeline-pane .k-gantt-timeline *::before, .k-gantt-timeline-pane .k-gantt-timeline *::after, .k-gantt-timeline-pane .k-gantt-timeline::before, .k-gantt-timeline-pane .k-gantt-timeline::after { box-sizing: border-box } .k-gantt-timeline-pane .k-grid-content { overflow-x: scroll } .k-gantt-timeline-pane .k-header { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-3, 0.15px); border-width: 0 0 1px 1px; white-space: nowrap } .k-gantt-tables { position: relative; border-color: inherit } .k-gantt-rows, .k-gantt-columns { border-color: inherit; position: absolute; z-index: 0; top: 0; left: 0 } .k-gantt-dependencies { opacity: .7; position: absolute; top: 0; left: 0 } .k-gantt-dependencies .k-arrow-e, .k-gantt-dependencies .k-arrow-w { width: 0; height: 0; border: 5px solid rgba(0, 0, 0, 0); position: absolute; top: -4px } .k-gantt-dependencies .k-arrow-e { border-left-color: currentColor; right: -6px } .k-gantt-dependencies .k-arrow-w { border-right-color: currentColor; left: -6px } .k-gantt-line { background-color: currentColor; border-color: currentColor; position: absolute } .k-gantt-line.k-selected { z-index: 3 } .k-gantt-line-h { height: 2px } .k-gantt-line-v { width: 2px } .k-gantt-dependency-hint { z-index: 4 } .k-gantt-tasks { position: relative } .k-gantt-tasks td, .k-gantt-tasks .k-table-td { padding: 0; border-width: 0; position: relative; vertical-align: middle } .k-gantt-tasks td::after { content: "​" } .k-task-wrap { margin-block: 0; margin-inline: -21px; padding-block: 5px; padding-inline: 21px; display: inline-flex; flex-direction: row; align-items: center; position: relative; z-index: 2 } .k-task-wrap.k-drag-hint { position: absolute } .k-task { position: relative; flex: 1 1 auto } .k-task-dot { width: calc(8px + var(--kendo-spacing-1, 5px)*2); height: calc(8px + var(--kendo-spacing-1, 5px)*2); line-height: 1; cursor: pointer; display: none; position: absolute; top: 50%; transform: translateY(-50%) } .k-task-wrap:hover .k-task-dot, .k-task-wrap.k-origin .k-task-dot { display: block } .k-task-dot::before { content: ""; width: 8px; height: 8px; border-width: 0; border-style: solid; border-radius: 100%; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .k-task-dot:hover::before, .k-task-dot.k-hover::before { border-width: 1px } .k-task-start { left: 0 } .k-task-end { right: 0 } .k-task-draghandle { margin-left: 16px; width: 0; height: 0; border: 5px solid rgba(0, 0, 0, 0); border-top-width: 0; border-bottom-color: inherit; position: absolute; bottom: 0; cursor: e-resize; visibility: hidden } .k-task-wrap:hover .k-task-draghandle { visibility: visible } .k-milestone-wrap { margin-block: 0; margin-inline: -2em } .k-task-milestone { width: 1em; height: 1em; border-width: 1px; border-style: solid; box-sizing: border-box; transform: rotate(45deg) } .k-task-summary { height: 10px; display: inline-block; vertical-align: top } .k-task-summary, .k-task-summary-complete { background-color: currentColor } .k-task-summary::before, .k-task-summary::after, .k-task-summary-complete::before, .k-task-summary-complete::after { content: ""; width: 0; height: 0; border: 8px solid rgba(0, 0, 0, 0); position: absolute; top: 0; display: none } .k-task-summary::before, .k-task-summary-complete::before { border-left-color: currentColor; left: 0 } .k-task-summary::after, .k-task-summary-complete::after { border-right-color: currentColor; right: 0 } .k-task-summary-complete { height: 10px; position: relative; z-index: 2 } .k-task-summary-progress { height: 20px; overflow: hidden } .k-task-single { border-radius: var(--kendo-border-radius-md, 5px); border-width: 0px; border-style: solid; box-sizing: border-box; cursor: default } .k-task-single .k-resize-handle { opacity: .5; z-index: 2; visibility: hidden } .k-task-single .k-resize-handle::before { position: absolute; top: 2px; bottom: 2px } .k-task-single .k-resize-w { left: 0 } .k-task-single .k-resize-w::before { left: 2px; border-left-width: 1px } .k-task-single .k-resize-e { right: 0 } .k-task-single .k-resize-e::before { right: 2px; border-left-width: 1px } .k-task-single:hover .k-resize-handle, .k-task-single:hover .k-task-actions { visibility: visible } .k-task-complete { border-radius: var(--kendo-border-radius-md, 5px); width: 20%; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0 } .k-task-content { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; white-space: nowrap } .k-task-template { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); line-height: normal; flex: 1; overflow: hidden; text-overflow: ellipsis } .k-task-actions { padding: var(--kendo-spacing-0\.5, 2.5px); white-space: nowrap; display: flex; flex-direction: row; align-items: center; visibility: hidden; z-index: 1 } .k-task-actions>.k-link { display: inline-flex } .k-resources-wrap { position: absolute; display: inline-block; z-index: 2; margin-left: 20px; margin-top: -2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .k-resources-wrap .k-resource { margin-block: 0; margin-inline: 5px } .k-task-details { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); white-space: nowrap } .k-task-details strong { font-size: var(--kendo-font-size-lg, inherit); font-weight: normal; display: block } .k-task-details .k-task-pct { font-size: 32px } .k-task-details ul { line-height: normal } .k-gantt-planned .k-gantt-dependencies, .k-gantt-planned .k-task-dot, .k-gantt-planned .k-resources-wrap { margin-top: .55em } .k-gantt-planned .k-task-wrap { flex-direction: column; align-items: flex-start } .k-gantt-planned .k-task-inner-wrap { display: inline-flex } .k-gantt-planned .k-task-wrap.k-drag-hint { top: 0 } .k-gantt-planned .k-summary-wrap.k-drag-hint { top: .5em } .k-gantt-planned .k-milestone-wrap.k-drag-hint { top: .3em } .k-task-planned { margin: 0 0 .35em; line-height: .75em; display: flex; align-items: center } .k-task-planned .k-task-moment { border-width: 2px; border-radius: 5px; border-style: solid; height: 6px; width: 6px } .k-task-planned .k-task-duration { height: 2px } .k-task-planned .k-task-moment.k-moment-left { margin-left: -4px } .k-task-planned:hover .k-task-duration { height: 3px } .k-milestone-wrap .k-task-moment { margin-left: 3px } .k-planned-tooltip .k-task-content { display: block } .k-task-offset-wrap .k-task-content .k-resize-e { display: none } .k-task-offset { flex-direction: row-reverse; display: flex } .k-task-offset .k-resize-handle { right: 0; z-index: 2; visibility: hidden; margin-right: 1.4em } .k-task-offset .k-resize-handle::before { border-left-width: 1px; position: absolute; top: 50%; bottom: .5em; margin-right: 2px } .k-task-single:hover+.k-task-offset .k-task-actions, .k-task-offset:hover .k-task-actions, .k-task-single:hover+.k-task-offset .k-resize-handle, .k-task-offset:hover .k-resize-handle { visibility: visible } .k-gantt-tooltip-validation { max-width: 200px; display: block } .k-gantt-tooltip-validation::before { content: ""; width: 4px; height: 100%; position: absolute; top: 0; left: 0 } .k-gantt-tooltip-validation-row { display: flex; flex-direction: row; justify-content: space-between } .k-gantt-tooltip-validation-label { display: inline-flex; min-width: 50px } .k-gantt-tooltip-validation-value { font-weight: var(--kendo-font-weight-bold, normal) } .k-gantt-tooltip-validation-label, .k-gantt-tooltip-validation-value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .k-pdf-export-shadow .k-gantt { float: left } .k-pdf-export-shadow .k-gantt, .k-pdf-export-shadow .k-gantt-timeline-pane, .k-pdf-export-shadow .k-gantt-dependencies { width: auto !important; height: auto !important; overflow: visible !important } .k-pdf-export-shadow .k-gantt-treelist .k-treelist { display: block } .k-pdf-export-shadow .k-gantt-layout.k-splitbar { display: none } .k-gantt-edit-form .k-gantt-delete { float: left } .k-rtl .k-gantt-rows, .k-rtl .k-gantt-columns, [dir=rtl] .k-gantt-rows, [dir=rtl] .k-gantt-columns { left: auto; right: 0 } .k-rtl .k-task-wrap:not(.k-milestone-wrap), [dir=rtl] .k-task-wrap:not(.k-milestone-wrap) { margin-block: 0; margin-inline: -26px } .k-rtl .k-gantt-timeline-pane .k-header, [dir=rtl] .k-gantt-timeline-pane .k-header { border-width: 0 1px 1px 0 } .k-rtl .k-gantt-timeline-pane .k-header:first-child, [dir=rtl] .k-gantt-timeline-pane .k-header:first-child { border-right-width: 0 } .k-rtl .k-gantt-timeline-pane .k-task-start, [dir=rtl] .k-gantt-timeline-pane .k-task-start { left: auto; right: 0 } .k-rtl .k-gantt-timeline-pane .k-task-end, [dir=rtl] .k-gantt-timeline-pane .k-task-end { right: auto; left: 0 } .k-rtl .k-task-content, [dir=rtl] .k-task-content { text-align: end } .k-rtl .k-task-complete, [dir=rtl] .k-task-complete { left: auto; right: 0 } .k-rtl .k-task-draghandle, [dir=rtl] .k-task-draghandle { margin-left: 0; margin-right: 16px } .k-rtl .k-gantt-dependencies, [dir=rtl] .k-gantt-dependencies { left: auto; right: 0 } .k-rtl .k-gantt-delete, [dir=rtl] .k-gantt-delete { float: right } .k-rtl .k-task-offset-wrap .k-task-content .k-resize-e, [dir=rtl] .k-task-offset-wrap .k-task-content .k-resize-e { display: block } .k-rtl .k-task-offset-wrap .k-task-content .k-resize-w, [dir=rtl] .k-task-offset-wrap .k-task-content .k-resize-w { display: none } .k-rtl .k-milestone-wrap, [dir=rtl] .k-milestone-wrap { margin-left: -2.4em } .k-rtl .k-milestone-wrap .k-task-moment, [dir=rtl] .k-milestone-wrap .k-task-moment { margin-right: .2em } .k-rtl .k-gantt-timeline-pane .k-milestone-wrap .k-task-start, [dir=rtl] .k-gantt-timeline-pane .k-milestone-wrap .k-task-start { right: -0.1em } .k-rtl .k-gantt-tooltip-validation::before, [dir=rtl] .k-gantt-tooltip-validation::before { left: auto; right: 0 } .k-gantt { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-gantt .k-treelist-scrollable .k-task-milestone .k-task-milestone-content { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: var(--kendo-color-on-app-surface, #424242) } .k-gantt .k-treelist-scrollable .k-task-milestone.k-selected .k-task-milestone-content { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: var(--kendo-color-primary, #1274AC) } .k-gantt .k-gantt-dependencies-svg polyline { fill: none; stroke: var(--kendo-color-on-base, #424242) } .k-gantt .k-gantt-dependencies-svg polyline.k-selected { stroke: var(--kendo-color-primary, #1274AC) } .k-gantt-footer { box-shadow: none } .k-gantt-treelist .k-treelist, .k-gantt-treelist .k-grid-content { background-color: rgba(0, 0, 0, 0) } .k-gantt .k-nonwork-hour { background-color: color-mix(in srgb, var(--kendo-color-on-base, #424242) 3%, transparent) } .k-task-dot::before { background-color: var(--kendo-color-on-app-surface, #424242) } .k-task-dot:hover::before, .k-task-dot.k-hover::before { border-color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-task-milestone { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: var(--kendo-color-on-app-surface, #424242) } .k-task-milestone.k-task-delayed { background-image: repeating-linear-gradient(90deg, var(--kendo-color-app-surface, #ffffff), var(--kendo-color-app-surface, #ffffff) 2px, var(--kendo-color-error, #D51923) 2px, var(--kendo-color-error, #D51923) 4px) } .k-task-milestone.k-task-advanced { background-color: var(--kendo-color-success, #278200) } .k-task-milestone.k-selected { background-image: none; border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: var(--kendo-color-primary, #1274AC) } .k-task-summary { color: var(--kendo-color-subtle, #666666) } .k-task-summary.k-task-delayed { color: var(--kendo-color-error-emphasis, #e0535a) } .k-task-summary.k-task-advanced { color: var(--kendo-color-success-emphasis, #5da140) } .k-task-summary-complete { color: var(--kendo-color-on-base, #424242) } .k-task-delayed .k-task-summary-complete { color: var(--kendo-color-error, #D51923) } .k-task-advanced .k-task-summary-complete { color: var(--kendo-color-success, #278200) } .k-task-summary.k-selected { color: var(--kendo-color-primary-subtle-active, #89bad6) } .k-task-summary.k-selected .k-task-summary-complete { color: var(--kendo-color-primary, #1274AC) } .k-task-single { color: var(--kendo-color-base, #f5f5f5); background-color: var(--kendo-color-subtle, #666666) } .k-task-single.k-task-delayed { background-color: var(--kendo-color-error-emphasis, #e0535a) } .k-task-single.k-task-advanced { background-color: var(--kendo-color-success-emphasis, #5da140) } .k-task-single .k-task-complete { background-color: var(--kendo-color-on-app-surface, #424242) } .k-task-delayed .k-task-complete { background-color: var(--kendo-color-error, #D51923) } .k-task-advanced .k-task-complete { background-color: var(--kendo-color-success, #278200) } .k-task-single.k-selected { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary-subtle-active, #89bad6) } .k-task-single.k-selected .k-task-complete { background-color: var(--kendo-color-primary, #1274AC) } .k-gantt-line { color: var(--kendo-color-on-base, #424242) } .k-gantt-line.k-selected { color: var(--kendo-color-primary, #1274AC) } .k-task-planned .k-task-moment { border-color: var(--kendo-color-primary, #1274AC); background-color: rgba(0, 0, 0, 0) } .k-task-planned .k-task-duration { background-color: var(--kendo-color-primary, #1274AC) } .k-task-planned:hover .k-task-moment { background-color: var(--kendo-color-primary, #1274AC) } .k-task-offset { background-image: repeating-linear-gradient(135deg, var(--kendo-color-app-surface, #ffffff), var(--kendo-color-app-surface, #ffffff) 2px, var(--kendo-color-error, #D51923) 2px, var(--kendo-color-error, #D51923) 4px) } .k-task-offset .k-resize-e::before { border-color: #000 } .k-task-offset .k-task-actions { color: #000 } .k-task-offset:hover { background-image: repeating-linear-gradient(135deg, var(--kendo-color-app-surface, #ffffff), var(--kendo-color-app-surface, #ffffff) 2px, var(--kendo-color-error-emphasis, #e0535a) 2px, var(--kendo-color-error-emphasis, #e0535a) 4px) } .k-pdf-export .k-task-offset { background-color: var(--kendo-color-error, #D51923) } .k-offset-tooltip-delayed { background-color: var(--kendo-color-error, #D51923) } .k-planned-tooltip { background-color: var(--kendo-color-primary, #1274AC) } .k-gantt-tooltip-validation::before { background-color: #656565 } .k-gantt-tooltip-valid::before { background-color: var(--kendo-color-success, #278200) } .k-gantt-tooltip-invalid::before { background-color: var(--kendo-color-error, #D51923) } .k-table-auto { table-layout: auto } .k-table-auto { table-layout: auto !important } .k-table-fixed { table-layout: fixed } .k-table-fixed { table-layout: fixed !important } .k-table-layout-auto { table-layout: auto } .k-table-layout-auto { table-layout: auto !important } .k-table-layout-fixed { table-layout: fixed } .k-table-layout-fixed { table-layout: fixed !important } .k-scheduler { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-scheduler table, .k-scheduler thead, .k-scheduler tfoot, .k-scheduler tbody, .k-scheduler tr, .k-scheduler th, .k-scheduler td, .k-scheduler div, .k-scheduler .k-scheduler-edit-dialog, .k-scheduler>* { border-color: inherit } kendo-scheduler.k-scheduler { overflow: hidden } kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete { display: none } .k-scheduler-table { width: 100%; max-width: none; border-collapse: separate; border-spacing: 0; table-layout: fixed } .k-scheduler-table td, .k-scheduler-table th { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); height: 1.4285714286em; overflow: hidden; white-space: nowrap; border-style: solid; border-width: 0 0 1px 1px; vertical-align: top; box-sizing: content-box } .k-scheduler-table td:first-child, .k-scheduler-table th:first-child { border-left-width: 0 } .k-scheduler-table .k-middle-row td { border-bottom-style: dotted } .k-scheduler-table .k-link { cursor: pointer } .k-scheduler-layout-flex { overflow: auto } .k-scheduler-layout-flex .k-scheduler-head { position: sticky; top: 0; z-index: 3 } .k-scheduler-layout-flex .k-scheduler-body { position: relative } .k-scheduler-layout-flex .k-scheduler-head, .k-scheduler-layout-flex .k-scheduler-body { display: flex; flex: 100%; flex-wrap: wrap } .k-scheduler-layout-flex .k-scheduler-row { display: flex; flex: 1 1 100%; width: 100%; min-width: 0 } .k-scheduler-layout-flex .k-scheduler-group { display: flex; flex: 1 1 100%; width: 100%; min-width: 0; flex-wrap: wrap } .k-scheduler-layout-flex .k-scheduler-group .k-group-cell { display: flex; flex: 1 1 auto; flex-wrap: wrap; overflow: auto } .k-scheduler-layout-flex .k-scheduler-group .k-group-content { padding: 0; display: flex; flex: 1 1 100%; width: 100%; border-width: 0; flex-wrap: wrap } .k-scheduler-layout-flex .k-scheduler-group.k-group-horizontal .k-group-cell { flex-basis: 100%; border-width: 0; padding: 0 } .k-scheduler-layout-flex.k-scheduler-timeline-view .k-scheduler-body .k-scheduler-cell { flex-basis: auto } .k-scheduler-layout-flex .k-more-events { bottom: 2px; left: 0; width: 100% } .k-scheduler-layout-flex .k-scheduler-cell { display: flex; flex: 1 1 100%; padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); min-height: 1.5em; overflow: hidden; white-space: nowrap; border-style: solid; border-width: 0 1px 1px 0; vertical-align: top; box-sizing: content-box } .k-scheduler-layout-flex .k-scheduler-cell.k-slot-cell { position: relative } .k-scheduler-layout-flex .k-scheduler-cell.k-heading-cell { justify-content: center; font-weight: bold } .k-scheduler-layout-flex .k-scheduler-cell.k-side-cell { justify-content: flex-end; flex-grow: 0; flex-basis: auto; overflow: visible } .k-scheduler-layout-flex .k-scheduler-cell.k-major-cell { border-bottom-width: 0 } .k-scheduler-layout-flex .k-middle-row .k-scheduler-cell { border-bottom-style: dotted } .k-scheduler-layout-flex .k-resource-cell { flex: none; display: flex; flex-wrap: wrap; overflow: visible } .k-scheduler-layout-flex .k-resource-content { display: flex; flex-wrap: wrap; padding: 0; border-width: 0 } .k-scheduler-layout-flex .k-sticky-cell { display: flex; flex-wrap: wrap; flex-basis: 0; position: sticky; left: 0; z-index: 3 } .k-scheduler-toolbar { border-width: 0; border-bottom-width: 1px; white-space: nowrap; flex-shrink: 0; position: relative; z-index: 2 } .k-scheduler-toolbar .k-widget { font-size: inherit } .k-scheduler-toolbar .k-nav-current { color: inherit; outline: 0; text-decoration: none; display: inline-flex; flex-flow: row nowrap; align-items: center; gap: var(--kendo-spacing-1, 5px); cursor: pointer } .k-scheduler-toolbar .k-scheduler-search { display: inline-flex; flex-flow: row nowrap } .k-scheduler-toolbar .k-views-dropdown { width: auto; font: inherit } .k-scheduler-footer { box-shadow: none; border-width: 0; border-top-width: 1px; white-space: nowrap; flex-shrink: 0; position: relative } .k-scheduler-layout { width: 100%; border-collapse: separate; border-spacing: 0; flex: 1 1 auto; position: relative; z-index: 1 } .k-scheduler-layout>tbody>tr>td { padding: 0; vertical-align: top } .k-scheduler-layout td.k-selected, .k-scheduler-layout .k-scheduler-cell.k-selected { outline: none } .k-scheduler-layout tr+tr .k-scheduler-times tr th, .k-scheduler-layout .k-scheduler-pane+.k-scheduler-pane .k-scheduler-times tr th { border-bottom-color: rgba(0, 0, 0, 0) } .k-scheduler-layout tr+tr .k-scheduler-times tr .k-slot-cell, .k-scheduler-layout tr+tr .k-scheduler-times tr .k-scheduler-times-all-day, .k-scheduler-layout tr+tr .k-scheduler-times tr:last-child th, .k-scheduler-layout .k-scheduler-pane+.k-scheduler-pane .k-scheduler-times tr .k-slot-cell, .k-scheduler-layout .k-scheduler-pane+.k-scheduler-pane .k-scheduler-times tr .k-scheduler-times-all-day, .k-scheduler-layout .k-scheduler-pane+.k-scheduler-pane .k-scheduler-times tr:last-child th { border-bottom-color: inherit } .k-scheduler-layout.k-scheduler-flex-layout { display: flex; flex-direction: column } .k-scheduler-layout.k-scheduler-flex-layout.k-scheduler-weekview .k-scheduler-pane:first-child .k-scheduler-table, .k-scheduler-layout.k-scheduler-flex-layout.k-scheduler-dayview .k-scheduler-pane:first-child .k-scheduler-table { table-layout: fixed } .k-scheduler-header, .k-scheduler-view-header { padding-inline-end: var(--kendo-scrollbar-width, 17px) } .k-scheduler-header th { text-align: center } .k-scheduler-header, .k-scheduler-header-wrap, .k-scheduler-header-wrap>div { border-color: inherit; overflow: hidden } .k-scheduler-header-wrap { border-width: 0; border-style: solid; position: relative } .k-scheduler-times { border-color: inherit; position: relative; overflow: hidden } .k-scheduler-times .k-scheduler-table { table-layout: auto } .k-scheduler-times th { border-width: 0 1px 1px 0; text-align: end } .k-scheduler-times .k-slot-cell, .k-scheduler-times .k-scheduler-times-all-day { border-bottom-color: inherit } .k-scheduler-times .k-slot-cell.k-last-resource { border-right: 0 } .k-scheduler-times .k-slot-cell.k-empty-slot { padding-left: 0; padding-right: 0 } .k-scheduler-datecolumn { width: 12em } .k-scheduler-timecolumn { width: 11em; white-space: nowrap } .k-scheduler-content { border-color: inherit; position: relative; overflow: auto } .k-scheduler-content:focus { outline: none } kendo-scheduler .k-event, .k-event { border-radius: var(--kendo-border-radius-md, 5px); min-height: 25px; box-sizing: border-box; border-width: 0; border-style: solid; border-radius: var(--kendo-border-radius-md, 5px); text-align: start; outline: 0; cursor: default; position: absolute; overflow: hidden; padding-inline-end: var(--kendo-spacing-2, 10px) } kendo-scheduler .k-event>div, .k-event>div { position: relative; z-index: 2 } kendo-scheduler .k-event .k-event-template, .k-event .k-event-template { line-height: calc(25px - var(--kendo-spacing-1, 5px)*2); padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px) } kendo-scheduler .k-event .k-event-time, .k-event .k-event-time { padding-bottom: 0; font-size: .875em; white-space: nowrap; display: none } kendo-scheduler .k-event .k-event-actions, .k-event .k-event-actions { white-space: nowrap; position: absolute; top: 0; bottom: 0; right: var(--kendo-spacing-2, 10px); z-index: 2 } kendo-scheduler .k-event .k-event-actions .k-event-delete, .k-event .k-event-actions .k-event-delete { opacity: .5; visibility: hidden } kendo-scheduler .k-event .k-event-actions:hover .k-event-delete, kendo-scheduler .k-event .k-event-actions.k-hover .k-event-delete, .k-event .k-event-actions:hover .k-event-delete, .k-event .k-event-actions.k-hover .k-event-delete { opacity: 1 } kendo-scheduler .k-event .k-event-actions a, .k-event .k-event-actions a { color: inherit } kendo-scheduler .k-event .k-event-actions:first-child, .k-event .k-event-actions:first-child { margin: var(--kendo-spacing-0\.5, 2.5px) .4ex 0 var(--kendo-spacing-1, 5px); top: 0; right: 0; float: left; position: relative; opacity: 1; visibility: visible; line-height: normal } kendo-scheduler .k-event .k-resize-handle, .k-event .k-resize-handle { z-index: 4; opacity: .5; visibility: hidden } kendo-scheduler .k-event .k-resize-handle::before, .k-event .k-resize-handle::before { border-color: currentColor } kendo-scheduler .k-event .k-resize-n, .k-event .k-resize-n { height: .5em; top: 0 } kendo-scheduler .k-event .k-resize-s, .k-event .k-resize-s { height: .5em; bottom: 0 } kendo-scheduler .k-event .k-resize-n::before, kendo-scheduler .k-event .k-resize-s::before, .k-event .k-resize-n::before, .k-event .k-resize-s::before { width: var(--kendo-spacing-8, 40px); border-bottom-width: 1px } kendo-scheduler .k-event .k-resize-w, .k-event .k-resize-w { width: .5em; left: 0 } kendo-scheduler .k-event .k-resize-e, .k-event .k-resize-e { width: .5em; right: 0 } kendo-scheduler .k-event .k-resize-w::before, kendo-scheduler .k-event .k-resize-e::before, .k-event .k-resize-w::before, .k-event .k-resize-e::before { height: var(--kendo-spacing-8, 40px); border-left-width: 1px } kendo-scheduler .k-event:hover .k-event-actions .k-event-delete, kendo-scheduler .k-event:hover .k-resize-handle, kendo-scheduler .k-event.k-hover .k-event-actions .k-event-delete, kendo-scheduler .k-event.k-hover .k-resize-handle, .k-event:hover .k-event-actions .k-event-delete, .k-event:hover .k-resize-handle, .k-event.k-hover .k-event-actions .k-event-delete, .k-event.k-hover .k-resize-handle { visibility: visible } kendo-scheduler .k-event.k-event-drag-hint .k-event-time, .k-event.k-event-drag-hint .k-event-time { display: block } kendo-scheduler .k-event .k-event-top-actions, kendo-scheduler .k-event .k-event-bottom-actions, .k-event .k-event-top-actions, .k-event .k-event-bottom-actions { position: absolute; top: 0; left: 0; width: 100%; text-align: center } kendo-scheduler .k-event .k-event-bottom-actions, .k-event .k-event-bottom-actions { top: auto; bottom: 0 } .k-scheduler-mark { width: 1em; height: 1em; display: inline-block; vertical-align: middle } .k-more-events { padding: 0; height: 13px; border-style: solid; border-width: 1px; overflow: hidden; position: absolute; justify-content: center } .k-more-events>.k-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .k-event-drag-hint { opacity: .5; z-index: 3 } .k-event-drag-hint .k-event-actions, .k-event-drag-hint .k-event-top-actions, .k-event-drag-hint .k-event-bottom-actions, .k-event-drag-hint .k-resize-handle { display: none } .k-event-drag-hint .k-event-time { display: block } .k-scheduler-marquee { border-width: 0; border-style: solid } .k-scheduler-marquee .k-label-top, .k-scheduler-marquee .k-label-bottom { font-size: .75em; position: absolute } .k-scheduler-marquee .k-label-top { left: var(--kendo-spacing-1, 5px); top: var(--kendo-spacing-0\.5, 2.5px) } .k-scheduler-marquee .k-label-bottom { right: var(--kendo-spacing-1, 5px); bottom: var(--kendo-spacing-0\.5, 2.5px) } .k-scheduler-marquee.k-first::before, .k-scheduler-marquee.k-last::after { content: ""; border-width: 3px; border-style: solid; position: absolute; width: 0; height: 0 } .k-scheduler-marquee.k-first::before { top: 0; left: 0; border-right-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0) } .k-scheduler-marquee.k-last::after { bottom: 0; right: 0; border-left-color: rgba(0, 0, 0, 0); border-top-color: rgba(0, 0, 0, 0) } .k-pdf-export-shadow .k-scheduler, .k-scheduler-pdf-export .k-scheduler-content, .k-scheduler-pdf-export .k-scheduler-times { height: auto !important; overflow: visible !important } .k-scheduler-pdf-export { overflow: hidden } .k-scheduler-pdf-export .k-scheduler-header { padding: 0 !important } .k-scheduler-pdf-export .k-scheduler-header-wrap { border-width: 0 !important } .k-scheduler-pdf-export .k-scheduler-header .k-scheduler-table, .k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table { width: 100% !important } .k-recurrence-editor { display: flex; flex-direction: column } kendo-scheduler .k-recurrence-editor { display: block } .k-scheduler-monthview .k-scheduler-table { height: 100% } .k-scheduler-monthview .k-scheduler-table td { height: 80px; text-align: end } .k-scheduler-monthview .k-scheduler-body .k-scheduler-cell { min-height: 80px } .k-scheduler-monthview .k-hidden { padding-left: 0 !important; padding-right: 0 !important; border-right-width: 0 !important } .k-scheduler-monthview .k-scheduler-table-auto, .k-scheduler-monthview .k-scheduler-table-auto td, .k-scheduler-monthview .k-scheduler-content .k-scheduler-table-auto { height: auto } .k-scheduler-monthview .k-scheduler-content { overflow-y: scroll } .k-scheduler-monthview.k-scheduler-flex-layout .k-scheduler-content { overflow-y: auto } .k-scheduler-agendaview .k-scheduler-mark { margin-right: .5em; width: 1em; height: 1em; display: inline-block; vertical-align: middle } .k-scheduler-agendaview .k-scheduler-table th:first-child, .k-scheduler-agendaview .k-scheduler-table td:first-child { border-left-width: 1px } .k-scheduler-agendaview .k-scheduler-table td.k-first { border-left-width: 0 } .k-scheduler-agendaview .k-task>.k-event-delete { color: inherit; position: absolute; top: var(--kendo-spacing-0\.5, 2.5px); right: var(--kendo-spacing-0\.5, 2.5px); opacity: .5; visibility: hidden } .k-scheduler-agendaview .k-hover .k-task>.k-event-delete, .k-scheduler-agendaview .k-scheduler-content tr:hover .k-event-delete, .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row:hover .k-event-delete, .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-hover .k-event-delete { visibility: visible } .k-scheduler-agendaday { margin: 0 .2em 0 0; font-size: 3em; line-height: 1; font-weight: 400; float: left } .k-scheduler-agendaweek { display: block; margin: .4em 0 0; line-height: 1; font-style: normal } .k-scheduler-agendadate { font-size: .75em } .k-scheduler-timelineview .k-slot-cell { overflow: hidden } .k-scheduler-timelineview .k-scheduler-content { overflow: auto } .k-scheduler-pane { display: flex; flex-direction: row } .k-scheduler-pane .k-scheduler-times { flex: 0 0 auto } .k-scheduler-pane .k-scheduler-times .k-scheduler-table { height: 100% } .k-scheduler-pane .k-scheduler-header, .k-scheduler-pane .k-scheduler-content { flex: 1 1 auto } .k-scheduler-yearview .k-scheduler-body { padding-block: var(--kendo-spacing-3, 0.15px); padding-inline: var(--kendo-spacing-3, 0.15px); justify-content: center } .k-scheduler-yearview .k-calendar { width: 100%; border-width: 0 } .k-scheduler-yearview .k-calendar .k-calendar-view { flex-wrap: wrap; justify-content: center; gap: var(--kendo-spacing-3, 0.15px) } .k-scheduler-yearview .k-calendar .k-content { flex: 0 } .k-scheduler-yearview .k-calendar .k-link { position: relative } .k-scheduler-yearview .k-calendar td.k-selected { background-color: inherit } .k-scheduler-yearview .k-day-indicator { margin-top: calc(32px - 0.5em); width: 3px; height: 3px; border-radius: 50%; position: absolute; left: calc(50% - 1.5px) } .k-scheduler-tooltip { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); border-width: 0; color: inherit } .k-scheduler-tooltip .k-tooltip-title { margin-bottom: var(--kendo-spacing-3, 0.15px) } .k-scheduler-tooltip .k-tooltip-title .k-month { font-size: var(--kendo-font-size-sm, inherit); text-transform: uppercase } .k-scheduler-tooltip .k-tooltip-title .k-day { font-size: calc(var(--kendo-font-size-sm, 0.15px)*2) } .k-scheduler-tooltip .k-tooltip-events-container { overflow: auto } .k-scheduler-tooltip .k-tooltip-events { max-height: 250px; display: flex; flex-direction: column; gap: var(--kendo-spacing-1, 5px) } .k-scheduler-tooltip .k-tooltip-event { padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); border-radius: var(--kendo-border-radius-md, 5px); box-sizing: border-box; display: flex; flex-direction: row; align-items: center; flex-shrink: 0; position: relative; gap: var(--kendo-spacing-1, 5px) } .k-scheduler-tooltip .k-tooltip-event .k-event-time { display: flex; flex-shrink: 0; font-size: inherit } .k-scheduler-tooltip .k-no-data, .k-scheduler-tooltip .k-nodata { height: auto; min-height: auto; color: inherit } .k-scheduler-edit-dialog .k-dialog { max-height: 100vh } .k-scheduler-edit-form .k-edit-form-container { width: 100% } .k-scheduler-edit-form .k-edit-label { width: 17% } .k-scheduler-edit-form .k-edit-field { width: 77% } .k-scheduler-edit-form .k-edit-field>ul>li { display: flex; flex-flow: row nowrap; align-items: center } .k-scheduler-edit-form .k-recurrence-editor .k-radio-list .k-radio-wrap, .k-scheduler-edit-form .k-recurrence-editor .k-checkbox-list .k-checkbox-wrap { align-self: center } .k-scheduler-edit-form .k-recur-interval, .k-scheduler-edit-form .k-recur-count, .k-scheduler-edit-form .k-recur-monthday { width: 5em } .k-scheduler-edit-form .k-recur-until, .k-scheduler-edit-form .k-recur-month, .k-scheduler-edit-form .k-recur-weekday, .k-scheduler-edit-form .k-recur-weekday-offset { width: 10em } .k-scheduler-edit-form .k-scheduler-datetime-picker { display: flex; flex-flow: row nowrap; gap: var(--kendo-spacing-2, 10px) } .k-rtl .k-scheduler-header th, .k-rtl .k-scheduler-table td { border-width: 0 1px 1px 0 } .k-rtl .k-scheduler-table td:first-child, .k-rtl .k-scheduler-table th:first-child { border-right-width: 0 } .k-rtl .k-scheduler-times th { border-width: 0 0 1px 1px } .k-rtl .k-scheduler .k-scrollbar-v .k-scheduler-header-wrap { border-right-width: 0; border-left-width: 1px } .k-rtl .k-event { padding-right: 0; padding-left: var(--kendo-spacing-2, 10px) } .k-rtl .k-event .k-resize-w { left: auto; right: 0 } .k-rtl .k-event .k-resize-e { right: auto; left: 0 } .k-rtl .k-event .k-event-actions { right: auto; left: 2px } .k-rtl .k-event .k-event-actions:first-child { margin: var(--kendo-spacing-0\.5, 2.5px) var(--kendo-spacing-1, 5px) 0 .4ex; float: right } .k-rtl .k-scheduler-agendaview .k-task>.k-event-delete { left: 2px; right: auto } .k-rtl .k-scheduler-agendaview .k-task .k-scheduler-mark { margin-left: .5em; margin-right: 0 } .k-rtl .k-scheduler-marquee .k-label-top { left: auto; right: 4px } .k-rtl .k-scheduler-marquee .k-label-bottom { left: 4px; right: auto } .k-rtl .k-scheduler-edit-form .k-scheduler-delete { float: right } .k-rtl .k-scheduler .k-scheduler-header-wrap, .k-rtl.k-scheduler .k-scheduler-header-wrap { border-right-width: 0 } .k-rtl .k-scheduler .k-scheduler-agendaday, .k-rtl.k-scheduler .k-scheduler-agendaday { float: right; margin: 0 0 0 .2em } .k-rtl .k-scheduler .k-scheduler-agendaview .k-scheduler-table td:first-child, .k-rtl .k-scheduler .k-scheduler-agendaview .k-scheduler-table th:first-child, .k-rtl.k-scheduler .k-scheduler-agendaview .k-scheduler-table td:first-child, .k-rtl.k-scheduler .k-scheduler-agendaview .k-scheduler-table th:first-child { border-left-width: 0 } .k-rtl .k-scheduler .k-scheduler-agendaview .k-scheduler-table tr+tr td:first-child, .k-rtl .k-scheduler .k-scheduler-agendaview .k-scheduler-table tr+tr th:first-child, .k-rtl.k-scheduler .k-scheduler-agendaview .k-scheduler-table tr+tr td:first-child, .k-rtl.k-scheduler .k-scheduler-agendaview .k-scheduler-table tr+tr th:first-child { border-right-width: 1px } .k-safari .k-scheduler-tooltip .k-tooltip-event:not(:last-child) { margin-bottom: var(--kendo-spacing-1, 5px) } .k-safari .k-scheduler-yearview .k-calendar-view .k-month { margin-block: 0; margin-inline: var(--kendo-spacing-3, 0.15px)/2 } .k-scheduler { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-scheduler-toolbar { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-scheduler-footer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-scheduler-header { background-color: var(--kendo-color-surface, #fafafa) } .k-scheduler-header-wrap { background-color: var(--kendo-color-surface-alt, #ffffff) } .k-scheduler-nonwork, .k-scheduler .k-nonwork-hour { background-color: var(--kendo-color-base, #f5f5f5) } .k-scheduler-other-month, .k-scheduler .k-other-month { background-color: var(--kendo-color-base, #f5f5f5) } .k-scheduler-layout td.k-selected, .k-scheduler-layout .k-scheduler-cell.k-selected { background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent) } .k-scheduler-layout-flex .k-scheduler-head, .k-scheduler-layout-flex .k-sticky-cell { background-color: var(--kendo-color-surface-alt, #ffffff) } .k-event { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-event.k-selected { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary-active, #106697); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) } .k-event.k-event-inverse { color: var(--kendo-color-on-app-surface, #424242) } .k-event.k-event-ongoing { box-shadow: inset 0px 0px 0px 1px red } .k-scheduler-marquee::before, .k-scheduler-marquee::after { border-color: var(--kendo-color-primary, #1274AC) } .k-scheduler-edit-dialog .k-dialog-actions { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-scheduler-agendaview .k-scheduler-content tr:hover, .k-scheduler-agendaview .k-scheduler-content tr.k-hover, .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row:hover, .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-hover { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-scheduler-agendaview .k-scheduler-content tr:hover .k-scheduler-datecolumn, .k-scheduler-agendaview .k-scheduler-content tr:hover .k-scheduler-groupcolumn, .k-scheduler-agendaview .k-scheduler-content tr.k-hover .k-scheduler-datecolumn, .k-scheduler-agendaview .k-scheduler-content tr.k-hover .k-scheduler-groupcolumn { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-scheduler-agendaview .k-scheduler-content tr.k-selected { background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent) } .k-scheduler-agendaview .k-scheduler-content tr.k-selected .k-scheduler-datecolumn, .k-scheduler-agendaview .k-scheduler-content tr.k-selected .k-scheduler-groupcolumn { background-color: var(--kendo-color-surface-alt, #ffffff) } .k-scheduler-yearview .k-day-indicator { background-color: var(--kendo-color-primary, #1274AC) } .k-scheduler-yearview .k-selected .k-day-indicator { background-color: var(--kendo-color-on-primary, white) } .k-tooltip.k-scheduler-tooltip { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-on-primary, white); box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-tooltip.k-scheduler-tooltip .k-callout { color: var(--kendo-color-on-primary, white) } .k-chat { margin: auto; max-width: 500px; height: 600px; max-height: 100%; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-chat .k-message-list { display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; overflow-x: hidden; overflow-y: auto; scroll-behavior: smooth } .k-chat .k-message-list-content { padding-block: var(--kendo-spacing-4, 20px); padding-inline: var(--kendo-spacing-4, 20px); width: 100%; box-sizing: border-box; position: relative; flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden } .k-chat .k-message-list-content>*+* { margin-top: var(--kendo-spacing-4, 20px) } .k-chat .k-message-group { max-width: 80%; background: none; box-sizing: border-box; display: flex; flex-shrink: 0; flex-direction: column; position: relative } .k-chat .k-message-group:not(.k-alt) { align-items: flex-start; text-align: start } .k-chat .k-message-group:not(.k-alt) .k-message-time { margin-inline-start: var(--kendo-spacing-2, 10px); inset-inline-start: 100% } .k-chat .k-message-group:not(.k-alt) .k-message-status { inset-inline-start: 0 } .k-chat .k-message-group:not(.k-alt) .k-first .k-chat-bubble, .k-chat .k-message-group:not(.k-alt) .k-only .k-chat-bubble { border-bottom-left-radius: 2px } .k-chat .k-message-group:not(.k-alt) .k-middle .k-chat-bubble, .k-chat .k-message-group:not(.k-alt) .k-last .k-chat-bubble { border-top-left-radius: 2px; border-bottom-left-radius: 2px } .k-chat .k-message-group.k-alt { align-self: flex-end; align-items: flex-end; text-align: end } .k-chat .k-message-group.k-alt .k-message-time { margin-inline-end: var(--kendo-spacing-2, 10px); inset-inline-end: 100% } .k-chat .k-message-group.k-alt .k-message-status { inset-inline-end: 0 } .k-chat .k-message-group.k-alt .k-first .k-chat-bubble, .k-chat .k-message-group.k-alt .k-only .k-chat-bubble { border-bottom-right-radius: 2px } .k-chat .k-message-group.k-alt .k-middle .k-chat-bubble, .k-chat .k-message-group.k-alt .k-last .k-chat-bubble { border-top-right-radius: 2px; border-bottom-right-radius: 2px } .k-chat .k-message { max-width: 100%; margin: var(--kendo-spacing-0\.5, 2.5px) 0 0; position: relative; transition: margin .2s ease-in-out; outline: none } .k-chat .k-message-time, .k-chat .k-message-status { font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height-lg, normal); white-space: nowrap; pointer-events: none; position: absolute } .k-chat .k-message-time { opacity: 0; top: 50%; transform: translateY(-50%); transition: opacity .2s ease-in-out } .k-chat .k-message-status { margin-top: var(--kendo-spacing-0\.5, 2.5px); height: 0; overflow: hidden; top: 100%; transition: height .2s ease-in-out } .k-chat .k-chat-bubble { border-radius: 12px; padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-3, 0.15px); border-width: 1px; border-style: solid; line-height: var(--kendo-line-height, normal); word-wrap: break-word; white-space: pre-wrap } .k-chat .k-chat-bubble a { color: inherit; text-decoration: underline } .k-chat .k-message.k-selected { margin-bottom: var(--kendo-spacing-4, 20px); border: 0; color: inherit; background: none } .k-chat .k-message.k-selected .k-message-time { opacity: 1 } .k-chat .k-message.k-selected .k-message-status { height: 1.2em } .k-chat .k-message-error, .k-chat .k-message-sending { margin-bottom: var(--kendo-spacing-4, 20px) } .k-chat .k-message-error .k-message-status, .k-chat .k-message-sending .k-message-status { height: 1.2em } .k-chat .k-avatar { margin: 0; position: absolute } .k-message-group:not(.k-alt)>.k-avatar { inset-inline-start: 0; bottom: 0 } .k-message-group.k-alt>.k-avatar { inset-inline-end: 0; bottom: 0 } .k-chat .k-avatars .k-message-group:not(.k-no-avatar) { padding-inline-start: calc(32px + var(--kendo-spacing-2, 10px)) } .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) { padding-inline-end: calc(32px + var(--kendo-spacing-2, 10px)) } .k-author { margin: 0; font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-chat .k-author { margin: 0 } .k-chat .k-timestamp { font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height-lg, normal); text-transform: uppercase; text-align: center; align-self: stretch } .k-quick-replies { display: block; max-width: 100% } .k-quick-reply { border-radius: 100px; margin-inline-end: var(--kendo-spacing-2, 10px); margin-block-end: calc(var(--kendo-spacing-2, 10px)/2); padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-3, 0.15px); border-width: 1px; border-style: solid; line-height: var(--kendo-line-height, normal); cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; flex: 0 0 auto; transition-property: color, background-color, border-color; transition-duration: .2s; transition-timing-function: ease-in-out; outline: none } .k-scrollable-quick-replies { margin-inline-start: -var(--kendo-spacing-4, 20px); margin-inline-end: -var(--kendo-spacing-4, 20px); padding-inline-start: var(--kendo-spacing-4, 20px); padding-inline-end: var(--kendo-spacing-4, 20px); display: flex; flex-flow: row nowrap; flex: 0 0 auto; overflow-x: auto; overflow-y: hidden } .k-scrollable-quick-replies::-webkit-scrollbar { display: none } .k-scrollable-quick-replies .k-quick-reply { margin: 0 } .k-scrollable-quick-replies .k-quick-reply+.k-quick-reply { margin-inline-start: var(--kendo-spacing-2, 10px) } .k-message-box { width: 100%; height: auto; box-sizing: border-box; border-width: 1px 0 0; border-style: solid; border-color: inherit !important; border-radius: 0 !important; flex: none; display: flex; flex-flow: row nowrap; align-items: center } .k-message-box:focus, .k-message-box.k-focus, .k-message-box:focus-within { outline: 0; box-shadow: none } .k-message-box .k-button { border-width: 0; flex-shrink: 0 } .k-message-box .k-button svg { width: 20px; height: 20px; fill: currentColor; display: inline-block } .k-rtl .k-message-box .k-button, [dir=rtl] .k-message-box .k-button { transform: scaleX(-1) } .k-chat .k-card-list { margin: var(--kendo-spacing-0\.5, 2.5px) 0 0 } .k-message-group.k-alt+.k-card-list, .k-message-group.k-alt+kendo-chat-message-attachments.k-card-list { align-self: flex-end } .k-chat .k-card-deck { max-width: calc(100% + var(--kendo-spacing-4, 20px)*2); box-sizing: border-box; margin-inline-start: calc(var(--kendo-spacing-4, 20px)*-1); margin-inline-end: calc(var(--kendo-spacing-4, 20px)*-1); padding: var(--kendo-spacing-4, 20px) var(--kendo-spacing-4, 20px) var(--kendo-spacing-4, 20px); overflow: hidden; overflow-x: auto; scroll-behavior: smooth } .k-chat .k-card-deck .k-card { width: 200px } .k-chat .k-card-deck-scrollwrap { margin-right: calc(var(--kendo-spacing-4, 20px)*-1); margin-left: calc(var(--kendo-spacing-4, 20px)*-1); padding-left: var(--kendo-spacing-4, 20px); padding-right: var(--kendo-spacing-4, 20px) } .k-chat .k-card-deck-scrollwrap>.k-card-deck { margin-bottom: -20px; padding-bottom: 20px } .k-chat .k-card-deck .k-card-wrap { display: flex; flex-flow: row nowrap; align-items: stretch; flex: 0 0 auto; padding-bottom: 5px } .k-chat .k-card-deck .k-card-wrap .k-card { flex: 0 0 auto } .k-chat .k-card-deck .k-card-wrap.k-selected { background: none } .k-typing-indicator { padding: 0; border-radius: 50px; display: inline-flex; flex-flow: row nowrap } .k-typing-indicator span { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 8px; background-color: currentColor; opacity: .4 } .k-typing-indicator span:nth-of-type(1) { animation: 1s k-animation-blink infinite .3333s } .k-typing-indicator span:nth-of-type(2) { animation: 1s k-animation-blink infinite .6666s } .k-typing-indicator span:nth-of-type(3) { animation: 1s k-animation-blink infinite .9999s } .k-typing-indicator span+span { margin-left: 5px } @keyframes k-animation-blink { 50% { opacity: 1 } } .k-chat-toolbar, .k-chat .k-toolbar-box { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); width: 100%; border-width: 1px 0 0; box-sizing: border-box; flex: none; overflow: hidden; position: relative; gap: var(--kendo-spacing-2, 10px) } .k-chat-toolbar::before, .k-chat .k-toolbar-box::before { display: none } .k-chat-toolbar .k-button-list, .k-chat .k-toolbar-box .k-button-list { display: flex; flex-flow: row nowrap; overflow: hidden; scroll-behavior: smooth } .k-chat-toolbar .k-button, .k-chat .k-toolbar-box .k-button { flex: none } .k-chat-toolbar .k-scroll-button, .k-chat .k-toolbar-box .k-scroll-button { padding: 0 var(--kendo-spacing-1, 5px); height: 100%; aspect-ratio: auto; position: absolute; z-index: 2; top: 0 } .k-chat-toolbar .k-scroll-button .k-button-icon, .k-chat .k-toolbar-box .k-scroll-button .k-button-icon { min-width: auto; min-height: auto } .k-chat-toolbar .k-scroll-button-left, .k-chat .k-toolbar-box .k-scroll-button-left { left: 0 } .k-chat-toolbar .k-scroll-button-right, .k-chat .k-toolbar-box .k-scroll-button-right { right: 0 } .k-chat { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-chat .k-timestamp { color: var(--kendo-color-subtle, #666666) } .k-chat .k-author { font-weight: bold } .k-chat .k-chat-bubble { border-color: var(--kendo-color-surface-alt, #ffffff); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)); transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out; order: -1 } .k-chat .k-chat-bubble a { color: var(--kendo-color-primary, #1274AC) } .k-chat .k-chat-bubble a:hover { color: var(--kendo-color-primary-hover, #116fa5) } .k-chat .k-chat-bubble:hover { box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-chat .k-selected .k-chat-bubble { box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-chat .k-alt .k-chat-bubble { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC); box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-chat .k-alt .k-chat-bubble:hover { box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-chat .k-alt .k-selected .k-chat-bubble { box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-chat .k-quick-reply { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-primary, #1274AC); background-color: rgba(0, 0, 0, 0) } .k-chat .k-quick-reply:hover, .k-chat .k-quick-reply.k-hover { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-chat .k-quick-reply:focus, .k-chat .k-quick-reply.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-primary, #1274AC) 30%, transparent) } .k-chat-toolbar, .k-chat .k-toolbar-box { border-color: inherit; color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-mediaplayer { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: block; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-mediaplayer *, .k-mediaplayer *::before, .k-mediaplayer *::after { box-sizing: border-box } .k-mediaplayer>iframe { width: 100%; height: 100%; border: 0; vertical-align: top } .k-mediaplayer-titlebar { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); position: absolute; z-index: 2; top: 0; left: 0; right: 0 } .k-mediaplayer-toolbar-wrap { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0 } .k-mediaplayer-toolbar { border-width: 0; width: 100% !important; box-shadow: none } .k-mediaplayer-toolbar .k-dropdown-list, .k-mediaplayer-toolbar .k-dropdown, .k-mediaplayer-toolbar .k-dropdownlist { width: auto } .k-mediaplayer-time-wrap { flex: 1 } .k-mediaplayer-volume-wrap { padding: 0 7px; align-items: center } .k-mediaplayer-volume { width: 100px } .k-slider.k-mediaplayer-seekbar { width: 100%; position: absolute; z-index: 3; top: 0; left: 0; transform: translateY(-50%) } .k-mediaplayer-seekbar .k-slider-track { width: 100% !important; border-radius: 0 } .k-mediaplayer-seekbar .k-slider-selection { border-radius: 0 } .k-mediaplayer-fullscreen { z-index: 10000; position: fixed; top: 0; left: 0; width: 100% !important; height: 100% !important } .k-mediaplayer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-mediaplayer-titlebar { color: var(--kendo-color-surface-alt, #ffffff); background-image: linear-gradient(color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 70%, transparent), color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 0%, transparent)); text-shadow: 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 50%, transparent) } .k-timeline { box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: block; background-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-timeline *, .k-timeline *::before, .k-timeline *::after, .k-timeline::before, .k-timeline::after { box-sizing: border-box } .k-timeline ul { margin: 0; padding: 0 } .k-timeline ul li { list-style-type: none } .k-timeline .k-timeline-flag { display: inline-block; text-align: center; padding-block: var(--kendo-spacing-1, 5px); padding-inline: var(--kendo-spacing-2, 10px); border-radius: var(--kendo-border-radius-md, 5px); line-height: var(--kendo-line-height, normal); min-width: 80px; max-width: calc(80px + var(--kendo-spacing-10, 50px)*2); position: relative; z-index: 1 } .k-timeline .k-timeline-circle { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; position: relative; z-index: 1 } .k-timeline.k-timeline-dates-hidden .k-timeline-date { display: none } .k-timeline.k-timeline-collapsible .k-card-header { cursor: pointer } .k-timeline.k-timeline-collapsible .k-event-collapse { display: flex } .k-timeline-card .k-card { position: relative; overflow: visible } .k-timeline-card .k-card .k-card-header { overflow: visible; border-bottom: 0 } .k-timeline-card .k-card .k-card-header+.k-card-body { padding-top: 0 } .k-timeline-card .k-card .k-card-body { overflow-y: auto; scrollbar-width: thin } .k-timeline-card .k-card .k-card-body::-webkit-scrollbar { width: 5px } .k-timeline-card .k-card .k-card-body::-webkit-scrollbar-thumb { border-radius: var(--kendo-border-radius-md, 5px) } .k-timeline-card .k-timeline-card-callout.k-callout-w, .k-timeline-card .k-timeline-card-callout.k-callout-e { top: 36px } .k-timeline-vertical, .k-timeline-horizontal { padding-block: 0; padding-inline: var(--kendo-spacing-10, 50px); margin-block: var(--kendo-spacing-10, 50px); margin-inline: 0; width: 100%; position: relative; border: 0 } .k-timeline-vertical::after, .k-timeline-horizontal .k-timeline-track-wrap::after { content: ""; position: absolute; top: 0; border-width: 1px; border-style: solid } .k-timeline-vertical { padding-left: calc(var(--kendo-spacing-10, 50px) + (80px - var(--kendo-spacing-1\.5, 7.5px))/2 + 50px) } .k-timeline-vertical.k-timeline-dates-hidden { padding-left: calc(var(--kendo-spacing-10, 50px) + (80px - var(--kendo-spacing-1\.5, 7.5px))/2) } .k-timeline-vertical::after { height: 100%; width: var(--kendo-spacing-1\.5, 7.5px); transform: translateX(-50%); border-radius: var(--kendo-border-radius-lg, 7.5px) } .k-timeline-vertical .k-timeline-flag-wrap { display: flex; align-items: center } .k-timeline-vertical .k-timeline-flag-wrap:first-child { padding-top: var(--kendo-spacing-10, 50px) } .k-timeline-vertical .k-timeline-flag { transform: translateX(-50%) } .k-timeline-vertical .k-timeline-date-wrap { position: absolute; padding-right: var(--kendo-spacing-4, 20px); margin-top: 36px; transform: translate(-100%, -50%); text-align: end } .k-timeline-vertical .k-timeline-event { display: flex; align-items: flex-start; padding-block: var(--kendo-spacing-10, 50px); padding-inline: 0 } .k-timeline-vertical .k-timeline-card { padding-left: var(--kendo-spacing-4, 20px) } .k-timeline-vertical .k-timeline-card .k-card { margin-left: var(--kendo-spacing-4, 20px); min-height: 70px; width: 400px; max-width: 100% } .k-timeline-vertical .k-timeline-card .k-card .k-card-header { border-radius: var(--kendo-border-radius-lg, 7.5px) } .k-timeline-vertical .k-timeline-card .k-card .k-card-title { display: flex; justify-content: space-between } .k-timeline-vertical .k-timeline-card .k-card .k-card-title .k-event-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .k-timeline-vertical .k-timeline-card .k-event-collapse { margin-block: calc(var(--kendo-spacing-1, 5px)*-1); margin-inline: 0; transform: rotate(90deg); transition: transform .2s ease-in-out } .k-timeline-vertical .k-timeline-card.k-collapsed .k-card-body, .k-timeline-vertical .k-timeline-card.k-collapsed .k-card-actions { display: none } .k-timeline-vertical .k-timeline-card.k-collapsed .k-event-collapse { transform: rotate(0deg) } .k-timeline-vertical .k-timeline-circle { margin-top: 36px; transform: translate(-50%, -50%); margin-right: -8px } .k-timeline-vertical.k-timeline-alternating { padding-left: var(--kendo-spacing-10, 50px) } .k-timeline-vertical.k-timeline-alternating::after { left: 50% } .k-timeline-vertical.k-timeline-alternating .k-timeline-flag-wrap { justify-content: center } .k-timeline-vertical.k-timeline-alternating .k-timeline-flag { transform: translateX(0) } .k-timeline-vertical.k-timeline-alternating .k-timeline-event { justify-content: space-between } .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse { flex-direction: row-reverse } .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-date-wrap { text-align: start; padding-right: 0; padding-left: var(--kendo-spacing-4, 20px) } .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-card { padding-left: 0; padding-right: var(--kendo-spacing-4, 20px) } .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-card .k-card { margin-right: var(--kendo-spacing-4, 20px); margin-left: auto } .k-timeline-vertical.k-timeline-alternating .k-timeline-card, .k-timeline-vertical.k-timeline-alternating .k-timeline-date-wrap { flex-basis: 50%; min-width: 0 } .k-timeline-vertical.k-timeline-alternating .k-timeline-date-wrap { position: static; transform: translateY(-50%) } .k-timeline-vertical.k-timeline-alternating .k-timeline-circle { transform: translateY(-50%); margin-right: 0 } .k-timeline-horizontal .k-timeline-track-item { flex: 1 0 20%; display: flex; align-items: center; justify-content: flex-start; position: relative; flex-direction: column } .k-timeline-horizontal .k-timeline-track-item:hover { cursor: pointer } .k-timeline-horizontal .k-timeline-track-item.k-timeline-flag-wrap:hover { cursor: default } .k-timeline-horizontal .k-timeline-date-wrap { margin-top: auto; margin-bottom: var(--kendo-spacing-2, 10px) } .k-timeline-horizontal .k-timeline-card { height: 100% } .k-timeline-horizontal .k-card { max-height: 100% } .k-timeline-horizontal .k-timeline-events-list { overflow-x: hidden; padding-top: var(--kendo-spacing-4, 20px) } .k-timeline-horizontal .k-timeline-events-list .k-timeline-scrollable-wrap { position: relative; height: 600px } .k-timeline-horizontal .k-timeline-events-list .k-timeline-scrollable-wrap .k-timeline-event { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .k-timeline-horizontal .k-timeline-track-wrap { position: relative; padding: calc(var(--kendo-spacing-7\.5, 1.815px)/2) 0 } .k-timeline-horizontal .k-timeline-track-wrap::after { top: auto; bottom: calc(var(--kendo-spacing-7\.5, 1.815px)/2 + var(--kendo-spacing-1\.5, 7.5px)/2); left: calc(var(--kendo-spacing-7\.5, 1.815px) - 2px); right: calc(var(--kendo-spacing-7\.5, 1.815px) - 2px); transform: translateY(-50%); height: var(--kendo-spacing-1\.5, 7.5px) } .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-track { overflow: hidden; margin-block: 0; margin-inline: var(--kendo-spacing-7\.5, 1.815px); position: relative; z-index: 2 } .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-track .k-timeline-scrollable-wrap { transition: transform 1s ease-in-out } .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag { margin-bottom: calc(var(--kendo-spacing-1\.5, 7.5px) + 16px); position: relative; min-width: 60px } .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag::after { content: ""; width: 10px; height: 10px; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%) rotate(45deg) } .k-timeline-horizontal .k-timeline-scrollable-wrap { padding-bottom: calc(var(--kendo-spacing-1\.5, 7.5px)/2); display: flex; outline: 0 } .k-timeline-arrow { width: var(--kendo-spacing-7\.5, 1.815px); height: var(--kendo-spacing-7\.5, 1.815px); border-radius: 50%; position: absolute; bottom: calc(var(--kendo-spacing-1\.5, 7.5px) + var(--kendo-spacing-1\.5, 7.5px)/2 + 2px); z-index: 3; display: flex; align-items: center; justify-content: center } .k-timeline-arrow-left { left: 0 } .k-timeline-arrow-right { right: 0 } .k-timeline-mobile { padding-block: 0; padding-inline: var(--kendo-spacing-4, 20px); margin-block: var(--kendo-spacing-4, 20px); margin-inline: 0 } .k-timeline-mobile .k-timeline-flag { max-width: calc(80px + var(--kendo-spacing-4, 20px)*2) } .k-timeline-mobile.k-timeline-horizontal .k-timeline-flag-wrap { display: none } .k-timeline-mobile.k-timeline-vertical { padding-left: calc(var(--kendo-spacing-4, 20px) + (80px - var(--kendo-spacing-1\.5, 7.5px))/2 + 50px) } .k-timeline-mobile.k-timeline-vertical.k-timeline-dates-hidden { padding-left: calc(var(--kendo-spacing-4, 20px) + (80px - var(--kendo-spacing-1\.5, 7.5px))/2) } .k-timeline-mobile.k-timeline-vertical.k-timeline-alternating { padding-left: var(--kendo-spacing-4, 20px) } .k-timeline-mobile.k-timeline-vertical .k-timeline-card { width: 100% } .k-timeline-mobile.k-timeline-vertical .k-timeline-card .k-card { width: auto } .k-timeline .k-timeline-flag { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-timeline .k-timeline-circle { background-color: var(--kendo-color-primary, #1274AC) } .k-timeline .k-timeline-card .k-card-header { background-color: var(--kendo-color-surface-alt, #ffffff); color: var(--kendo-color-on-app-surface, #424242) } .k-timeline .k-timeline-card .k-card-body { scrollbar-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) var(--kendo-color-surface-alt, #ffffff) } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-track { background: var(--kendo-color-surface-alt, #ffffff) } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb { background: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb:hover { background: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-timeline .k-timeline-date { color: var(--kendo-color-on-app-surface, #424242) } .k-timeline .k-timeline-arrow.k-disabled { opacity: 1; color: color-mix(in srgb, var(--kendo-color-on-base, #424242) 60%, transparent); background-color: color-mix(in srgb, var(--kendo-color-base-subtle, #ebebeb) 60%, transparent); border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-timeline-vertical::after, .k-timeline-horizontal .k-timeline-track-wrap::after { background-color: var(--kendo-color-base, #f5f5f5); border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-timeline-horizontal .k-timeline-flag::after { background-color: var(--kendo-color-primary, #1274AC) } .k-timeline-track-item.k-focus .k-timeline-circle { box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-pdf-viewer { border-width: 1px; border-style: solid; box-sizing: border-box; position: relative; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-pdf-viewer .k-toolbar { border-top-width: 0; border-right-width: 0; border-left-width: 0; border-color: inherit; flex: 0 0 auto; z-index: 2 } .k-pdf-viewer .k-toolbar .k-pager-wrap, .k-pdf-viewer .k-toolbar .k-pager { padding: 0; border-width: 0; color: inherit; background: none; overflow: visible } .k-pdf-viewer-canvas { display: flex; flex-direction: column; flex: 1 1 auto; outline: none } .k-pdf-viewer-canvas.k-enable-text-select { -webkit-user-select: text; -ms-user-select: text; user-select: text; cursor: text } .k-pdf-viewer-canvas.k-enable-panning { cursor: grab !important } .k-pdf-viewer-canvas.k-enable-panning span::selection { background-color: rgba(0, 0, 0, 0) } .k-pdf-viewer-pages { flex: 1 1 auto } .k-pdf-viewer-pages .k-page { position: relative; margin-block: var(--kendo-spacing-7\.5, 1.815px); margin-inline: auto; z-index: 1 } .k-pdf-viewer-pages .k-page .k-canvas-wrapper { overflow: hidden; width: 100%; height: 100% } .k-pdf-viewer-pages .k-page .k-canvas-wrapper canvas { direction: ltr } .k-pdf-viewer-pages .k-page .k-canvas-wrapper svg { transform: none } .k-pdf-viewer-pages .k-page .k-canvas-wrapper .k-highlight { position: absolute; mix-blend-mode: multiply; fill-opacity: 1 } .k-pdf-viewer-pages .k-page .k-canvas-wrapper .k-highlight-outline { position: absolute; fill: none; stroke-width: 2px; stroke-dasharray: 2 } .k-pdf-viewer-pages .k-page .k-text-layer { position: absolute; top: 0; left: 0; opacity: .2; overflow: hidden } .k-pdf-viewer-pages .k-page .k-text-layer .k-marked-content>span, .k-pdf-viewer-pages .k-page .k-text-layer>span, .k-pdf-viewer-pages .k-page .k-text-layer br { position: absolute; line-height: var(--kendo-line-height-sm, normal); transform-origin: 0% 0%; color: rgba(0, 0, 0, 0); white-space: pre; cursor: text } .k-pdf-viewer-pages .k-page .k-text-layer .k-marked-content { top: 0; height: 0 } .k-pdf-viewer-pages .k-page .k-text-layer .k-end-of-content { display: block; position: absolute; inset: 100% 0 0; z-index: 0; cursor: default; -webkit-user-select: none; -ms-user-select: none; user-select: none } .k-pdf-viewer-pages .k-page .k-text-layer .k-search-highlight-mark { color: rgba(0, 0, 0, 0) } .k-pdf-viewer-pages .k-page .k-text-layer .k-highlighting { touch-action: none } .k-pdf-viewer-pages .k-page .k-annotation-layer { position: absolute; top: 0; left: 0; transform-origin: 0 0; pointer-events: none } .k-pdf-viewer-pages .k-page .k-annotation-layer section { position: absolute } .k-pdf-viewer-pages .k-page .k-annotation-layer .k-annotation-text-content { position: absolute; width: 100%; height: 100%; opacity: 0; color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer { background: rgba(0, 0, 0, 0); position: absolute; inset: 0; transform-origin: 0 0; cursor: auto } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer .k-selected { z-index: 100000 !important } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer .k-highlight-editor { position: absolute; background: rgba(0, 0, 0, 0); z-index: 1; cursor: auto; max-width: 100%; max-height: 100%; border: none; outline: none; pointer-events: none; transform-origin: 0 0 } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer .k-highlight-editor .k-internal { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: auto } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer .k-free-text-editor { position: absolute; background: rgba(0, 0, 0, 0); z-index: 1; transform-origin: 0 0; cursor: text; caret-color: rgba(124, 22, 27, .5); max-width: 100%; max-height: 100%; border: solid 2px rgba(0, 0, 0, 0) } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer .k-free-text-editor.k-selected.k-draggable { cursor: move } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer .k-free-text-editor.k-selected .k-internal { border-radius: 0px; outline: 2px dashed var(--kendo-color-primary, #1274AC) } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer .k-free-text-editor .k-internal { background: rgba(0, 0, 0, 0); border: none; inset: 0; overflow: visible; white-space: nowrap; -webkit-user-select: none; -ms-user-select: none; user-select: none } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer .k-free-text-editor .k-internal:empty::before { content: attr(default-content) } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer-disabled { pointer-events: none } .k-pdf-viewer-pages .k-blank-page { margin: 0; display: flex; flex-flow: column nowrap; width: 100%; height: 100%; align-items: center; justify-content: center; background-color: inherit !important } .k-pdf-viewer-pages .k-blank-page .k-upload, .k-pdf-viewer-pages .k-blank-page .k-dropzone, .k-pdf-viewer-pages .k-blank-page .k-dropzone-inner { border: 0; background: none } .k-pdf-viewer-canvas>.k-search-panel { width: max-content; margin-top: calc(var(--kendo-line-height, normal)*1em*-1 + var(--kendo-spacing-1, 5px)*2*-1 + -4px + var(--kendo-spacing-2, 10px)*2*2*-1); padding-block: calc(var(--kendo-spacing-2, 10px)*2); padding-inline: var(--kendo-spacing-2, 10px); border-width: 1px; border-style: solid; border-radius: 0; display: flex; gap: var(--kendo-spacing-2, 10px); flex-flow: row nowrap; flex: 0 0 auto; justify-content: flex-start; align-items: center; z-index: 10; cursor: default } .k-pdf-viewer-canvas>.k-search-panel .k-search-dialog-draghandle { cursor: move; margin-left: 0 } .k-pdf-viewer-canvas>.k-search-panel .k-textbox { width: 10em; flex: none } .k-pdf-viewer-canvas>.k-search-panel .k-textbox .k-button { border-width: 0 } .k-pdf-viewer-canvas>.k-search-panel .k-search-matches { display: inline-flex; gap: var(--kendo-spacing-1, 5px) } .k-pdf-viewer-annotation-editor-toolbar>.k-toolbar { width: min-content; border-bottom-width: 0 } .k-pdf-viewer-annotation-editor { padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px) } .k-pdf-viewer-annotation-editor .k-column-menu-group-header { padding-inline: 0 } .k-pdf-viewer-annotation-editor .k-form-field { margin-top: 0 } .k-pdf-viewer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-pdf-viewer .k-pdf-viewer-canvas { background-color: var(--kendo-color-surface, #fafafa) } .k-pdf-viewer .k-page { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: #fff; box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-pdf-viewer .k-blank-page>.k-icon { color: var(--kendo-color-subtle, #666666) } .k-pdf-viewer .k-canvas-wrapper .k-highlight-outline.k-hover, .k-pdf-viewer .k-canvas-wrapper .k-highlight-outline:hover { stroke: var(--kendo-color-primary-hover, #116fa5) } .k-pdf-viewer .k-canvas-wrapper .k-highlight-outline.k-selected { stroke: var(--kendo-color-primary, #1274AC) } .k-pdf-viewer .k-search-highlight { background-color: var(--kendo-color-on-app-surface, #424242) } .k-pdf-viewer .k-search-highlight-mark { background-color: #ff0 } .k-pdf-viewer .k-annotation-editor-layer .k-free-text-editor .k-internal { color: rgba(124, 22, 27, .5) } .k-pdf-viewer .k-annotation-editor-layer .k-free-text-editor .k-internal:empty::before { color: rgba(124, 22, 27, .5) } .k-pdf-viewer-canvas>.k-search-panel { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-8, 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)) } .km-scrollview, .km-scroll-container { -webkit-user-select: none; -ms-user-select: none; user-select: none; border-collapse: separate } .km-scroll-wrapper { position: relative } .km-scroll-header { position: absolute; z-index: 1001; width: 100%; top: 0; left: 0 } .km-scroller-pull { width: 100%; display: block; position: absolute; line-height: 3em; font-size: 1.4em; text-align: center; transform: translate3d(0, -3em, 0) } .km-scroller-pull .km-template { display: inline-block; min-width: 200px; text-align: start } .km-load-more .km-icon, .km-widget .km-scroller-pull .km-icon { display: inline-block; height: 40px; margin-right: 20px; vertical-align: middle; width: 40px; font-size: 40px; transform: rotate(0deg); transition: transform 300ms linear } .km-widget .km-scroller-release .km-icon { transform: rotate(180deg) } .km-widget .km-scroller-refresh .km-icon { transition: none } .km-touch-scrollbar { position: absolute; visibility: hidden; z-index: 200000; height: .4em; width: .4em; opacity: 0; transform-origin: 0 0; transition: opacity .3s linear } .k-map .km-touch-scrollbar, .k-diagram .km-touch-scrollbar { display: none } .km-vertical-scrollbar { height: 100%; right: 2px; top: 0 } .km-horizontal-scrollbar { width: 100%; left: 0; bottom: 2px } .km-touch-scrollbar { background-color: #333 } .k-scrollview { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); position: relative; overflow: hidden; display: block; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-scrollview-wrap { position: absolute; margin: 0; padding: 0; height: 100%; width: 100%; display: flex; flex-flow: row nowrap; cursor: default; white-space: nowrap } .k-scrollview-wrap>.k-scrollview-view { display: inline-block; overflow: hidden; flex-shrink: 0 } .k-scrollview-wrap img { -webkit-user-select: none; -ms-user-select: none; user-select: none } .k-scrollview-wrap.k-scrollview-animate { width: calc(var(--kendo-scrollview-views, 1)*100%); transition-duration: .3s; transition-timing-function: ease-in-out; transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1))) } .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view { width: calc(100%/var(--kendo-scrollview-views, 1)); flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1)) } :is([dir=rtl], .k-rtl) .k-scrollview-wrap.k-scrollview-animate { transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1))) } .k-scrollview-nav-wrap { padding: 0; margin: 0; position: absolute; left: 0; right: 0; bottom: 0; height: calc(10px + var(--kendo-spacing-5, 25px)*2); text-align: center } kendo-scrollview.k-scrollview kendo-scrollview-pager { pointer-events: none } kendo-scrollview.k-scrollview .k-scrollview-nav { pointer-events: initial } .k-scrollview-nav { margin: 0; padding: var(--kendo-spacing-5, 25px); max-width: 100%; box-sizing: border-box; line-height: 0; text-align: center; white-space: nowrap; list-style: none; display: inline-flex; align-items: center; overflow-x: scroll; overflow-y: hidden; pointer-events: initial } .k-scrollview-nav:focus { outline: none } .k-scrollview-nav>.k-link { margin-block: 0; margin-inline: calc(var(--kendo-spacing-5, 25px)/2); padding: 0; width: 10px; height: 10px; border-width: 0px; border-style: solid; border-radius: 50%; box-sizing: content-box; display: inline-block; position: relative; flex: 0 0 auto; cursor: pointer; pointer-events: all; vertical-align: top } .k-scrollview-nav>.k-link::before { content: ""; width: calc(10px + var(--kendo-spacing-5, 25px)); height: calc(10px + var(--kendo-spacing-5, 25px)); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: initial; border-radius: 0 } .k-scrollview-next, .k-scrollview-prev { display: table; position: absolute; padding: 0; height: 60%; top: 20%; text-decoration: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer } .k-scrollview-next .k-icon, .k-scrollview-prev .k-icon { display: table-cell; overflow: visible; margin: 0; padding: 0; vertical-align: middle; font-weight: normal } .k-scrollview-prev { inset-inline-start: 0 } .k-scrollview-next { inset-inline-end: 0 } .k-scrollview-animation { transition-duration: .3s; transition-timing-function: ease-in-out } .k-scrollview { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-scrollview.k-scrollview-dark kendo-scrollview-pager, .k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap { background-color: rgba(0, 0, 0, .4) } .k-scrollview.k-scrollview-dark .k-scrollview-next, .k-scrollview.k-scrollview-dark .k-scrollview-prev { color: rgba(0, 0, 0, .4) } .k-scrollview.k-scrollview-light kendo-scrollview-pager, .k-scrollview.k-scrollview-light .k-scrollview-nav-wrap { background-color: hsla(0, 0%, 100%, .4) } .k-scrollview:focus, .k-scrollview-wrap:focus { outline: none } .k-scrollview-elements { color: #fff } .k-scrollview-next, .k-scrollview-prev { color: #fff; background-color: rgba(0, 0, 0, 0); text-shadow: rgba(0, 0, 0, .3) 0 0 20px; opacity: .7; outline-width: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-scrollview-next:focus, .k-scrollview-next.k-focus, .k-scrollview-prev:focus, .k-scrollview-prev.k-focus { color: #fff; opacity: 1 } .k-scrollview-next:focus .k-icon::before, .k-scrollview-next.k-focus .k-icon::before, .k-scrollview-prev:focus .k-icon::before, .k-scrollview-prev.k-focus .k-icon::before { box-shadow: 0 0 0 2px rgba(0, 0, 0, .13) } .k-scrollview-next:hover, .k-scrollview-next.k-hover, .k-scrollview-prev:hover, .k-scrollview-prev.k-hover { color: #fff; opacity: 1 } .k-scrollview-nav>.k-link { background: var(--kendo-color-base, #f5f5f5); border: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-scrollview-nav>.k-link.k-primary { background: var(--kendo-color-primary, #1274AC); border: var(--kendo-color-primary, #1274AC) } .k-scrollview-nav>.k-link:focus, .k-scrollview-nav>.k-link.k-focus { box-shadow: 0 0 0 2px rgba(0, 0, 0, .13) } .k-scrollview-nav>.k-link:hover, .k-scrollview-nav>.k-link.k-hover { box-shadow: 0 0 0 2px rgba(0, 0, 0, .13) } .k-prompt { display: flex; flex-direction: column; position: relative; overflow: hidden } .k-prompt .k-toolbar { border-top-width: 0; border-inline-width: 0 } .k-prompt-content { padding-block: var(--kendo-spacing-4, 20px); padding-inline: var(--kendo-spacing-4, 20px); display: flex; flex-flow: column nowrap; flex: 1 1 auto; gap: var(--kendo-spacing-4, 20px); overflow: auto } .k-prompt-view { display: flex; flex-direction: column; flex: 1 1 auto; gap: var(--kendo-spacing-4, 20px) } .k-prompt-expander { display: flex; flex-direction: column; flex: 1; align-items: flex-start; gap: var(--kendo-spacing-2, 10px) } .k-prompt-expander-content { display: flex; flex-flow: column; flex: 0 0 auto; gap: var(--kendo-spacing-2, 10px); align-self: stretch } .k-prompt-suggestion { border-width: 1px; border-style: solid; border-radius: var(--kendo-border-radius-md, 5px); padding-block: var(--kendo-spacing-2, 10px); padding-inline: var(--kendo-spacing-2, 10px); cursor: pointer } .k-prompt-setting { display: flex; flex-direction: column } .k-prompt-actions.k-actions, .k-prompt-actions.k-edit-buttons, .k-prompt-actions.k-action-buttons, .k-prompt-actions.k-columnmenu-actions, .k-prompt-actions.k-form-buttons { margin: 0 } .k-prompt { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-prompt-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-prompt-content { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-prompt-suggestion { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-app-surface, #ffffff); box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-map { height: 600px; box-sizing: border-box; border-width: 0px; border-style: solid; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); font-family: var(--kendo-font-family, inherit) } .k-map *, .k-map *::before, .k-map *::after { box-sizing: border-box } .k-map .km-scroll-wrapper { width: 100%; height: 100%; -webkit-user-select: none; -ms-user-select: none; user-select: none; position: absolute } .k-map .km-scroll-container { height: 100% } .k-map .k-touch-scrollbar { display: none } .k-map .k-layer { position: absolute; left: 0; top: 0 } .k-map .k-marker { transform: translate(-50%, -100%); cursor: pointer; position: absolute; overflow: visible } .k-map .k-attribution { padding-block: var(--kendo-spacing-0\.5, 2.5px); padding-inline: var(--kendo-spacing-1, 5px); border-width: 0; font-size: calc(var(--kendo-font-size, inherit)*0.75); z-index: 1000 } .k-map-controls { position: absolute; display: flex; align-items: center } .k-navigator { margin: var(--kendo-spacing-4, 20px); width: calc(48px + var(--kendo-spacing-0\.5, 2.5px)*2); height: calc(48px + var(--kendo-spacing-0\.5, 2.5px)*2); border-width: 1px; border-style: solid; box-sizing: border-box; border-radius: 50%; position: relative } .k-navigator .k-button { padding: 0; width: auto; height: auto; line-height: 1; box-shadow: none; position: absolute } .k-navigator .k-button .k-icon { min-width: 0; min-height: 0 } .k-navigator .k-navigator-n, .k-navigator .k-navigator-up { transform: translateX(-50%); top: var(--kendo-spacing-0\.5, 2.5px); left: 50% } .k-navigator .k-navigator-e, .k-navigator .k-navigator-right { transform: translateY(-50%); right: var(--kendo-spacing-0\.5, 2.5px); top: 50% } .k-navigator .k-navigator-s, .k-navigator .k-navigator-down { transform: translateX(-50%); bottom: var(--kendo-spacing-0\.5, 2.5px); left: 50% } .k-navigator .k-navigator-w, .k-navigator .k-navigator-left { transform: translateY(-50%); left: var(--kendo-spacing-0\.5, 2.5px); top: 50% } .k-zoom-control { margin: var(--kendo-spacing-4, 20px); border: 0; background: none; display: flex } .k-pdf-export .k-navigator, .k-pdf-export .k-zoom-control { display: none } .k-map { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-map .k-navigator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-base, #424242); background-color: var(--kendo-color-base, #f5f5f5) } .k-map .k-marker { color: var(--kendo-color-primary, #1274AC) } .k-map .k-attribution { background-color: color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 80%, transparent) } .k-orgchart { width: 100%; padding-block: var(--kendo-spacing-6, 30px); padding-inline: var(--kendo-spacing-6, 30px); box-sizing: border-box; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); overflow: auto } .k-orgchart *, .k-orgchart *::before, .k-orgchart *::after { box-sizing: border-box } .k-orgchart-container { margin-block: 0; margin-inline: auto; width: 100%; height: 100%; position: relative } .k-orgchart-group { gap: var(--kendo-spacing-6, 30px) } .k-orgchart-group.k-vstack>.k-orgchart-node-container, .k-orgchart-group.k-vbox>.k-orgchart-node-container { gap: 0 } .k-orgchart-node-container { gap: var(--kendo-spacing-6, 30px) } .k-orgchart-node-group-container { border-radius: var(--kendo-border-radius-md, 5px); padding-block: var(--kendo-spacing-6, 30px); padding-inline: var(--kendo-spacing-6, 30px); border-width: 1px; border-style: solid; outline: 0 } .k-orgchart-node-group-title { margin: 0 0 calc(var(--kendo-spacing-6, 30px)/3); font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-sm, normal) } .k-orgchart-node-group-subtitle { margin: 0 0 var(--kendo-spacing-6, 30px); font-size: var(--kendo-font-size, inherit) } .k-orgchart-card { width: 300px; border-width: 1px } .k-orgchart-card .k-card-title { margin: 0 0 var(--kendo-spacing-0, 0px) } .k-orgchart-card .k-card-subtitle { margin: 0 0 var(--kendo-spacing-0, 0px) } .k-orgchart-card .k-card-body { border-width: 2px 0 0; border-style: solid; flex-grow: 0 } .k-orgchart-card .k-card-body .k-card-title-wrap { margin: 0 var(--kendo-spacing-6, 30px)/2 0 0; min-width: 0; min-height: 45px } .k-orgchart-line { background-color: currentColor } .k-orgchart-line-h { height: 1px } .k-orgchart-line-v { margin-block: 0; margin-inline: auto; width: 1px; height: var(--kendo-spacing-6, 30px) } .k-orgchart-button { z-index: 1 } .k-orgchart { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-orgchart-card .k-card-body { border-color: rgba(0, 0, 0, 0) } .k-orgchart-card:focus, .k-orgchart-card.k-focus { box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-orgchart-node-group-container { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-orgchart-node-group-container:focus, .k-orgchart-node-group-container.k-focus { box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)); border-color: rgba(0, 0, 0, .15) } .k-orgchart-node-group-subtitle { color: var(--kendo-color-subtle, #666666) } .k-orgchart-line-h, .k-orgchart-line-v { color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-signature { width: 250px; min-height: 84px; position: relative; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between } .k-signature.k-signature-maximized { width: 750px; height: 252px } .k-signature.k-signature-maximized>.k-signature-line { border-bottom-width: 3px } .k-signature-actions { display: flex; width: min-content; margin-inline-start: auto; gap: var(--kendo-spacing-1, 5px); z-index: 2 } .k-signature-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; outline: none } .k-signature-line { position: absolute; bottom: 33%; z-index: 2; pointer-events: none; border-bottom-width: 1px; border-bottom-style: dashed } .k-signature-sm { padding-inline: var(--kendo-spacing-0\.5, 2.5px); padding-block: var(--kendo-spacing-0\.5, 2.5px) } .k-signature-sm .k-signature-line { width: calc(100% - var(--kendo-spacing-0\.5, 2.5px)*2) } .k-signature-md { padding-inline: var(--kendo-spacing-1, 5px); padding-block: var(--kendo-spacing-1, 5px) } .k-signature-md .k-signature-line { width: calc(100% - var(--kendo-spacing-1, 5px)*2) } .k-signature-lg { padding-inline: var(--kendo-spacing-2, 10px); padding-block: var(--kendo-spacing-2, 10px) } .k-signature-lg .k-signature-line { width: calc(100% - var(--kendo-spacing-2, 10px)*2) } .k-signature-lg { min-height: 110px } .k-signature .k-signature-line { border-bottom-color: color-mix(in srgb, var(--kendo-color-info, #0058E9) 24%, transparent) } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-selection--single .select2-selection__clear { position: relative } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-search--inline { float: left } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: 0; font-size: 100%; margin-top: 5px; padding: 0 } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051 } .select2-results { display: block } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none } .select2-results__option[aria-selected] { cursor: pointer } .select2-container--open .select2-dropdown { left: 0 } .select2-container--open .select2-dropdown--above { border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--open .select2-dropdown--below { border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-search--dropdown { display: block; padding: 4px } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-search--dropdown.select2-search--hide { display: none } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0) } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 3px } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 24px } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 60%; width: 0 } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100% } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; padding: 1px } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333 } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0 } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: 0; outline: 0; box-shadow: none; -webkit-appearance: textfield } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--default .select2-results__option[role=group] { padding: 0 } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999 } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0 } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top,#fff 50%,#eee 100%); background-image: -o-linear-gradient(top,#fff 50%,#eee 100%); background-image: linear-gradient(to bottom,#fff 50%,#eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0) } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: 0; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top,#eee 50%,#ccc 100%); background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%); background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0) } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: 0; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: 0 } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top,#fff 0,#eee 50%); background-image: -o-linear-gradient(top,#fff 0,#eee 50%); background-image: linear-gradient(to bottom,#fff 0,#eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0) } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top,#eee 50%,#fff 100%); background-image: -o-linear-gradient(top,#eee 50%,#fff 100%); background-image: linear-gradient(to bottom,#eee 50%,#fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0) } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0 } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555 } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0 } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent } .select2-container--classic .select2-dropdown--above { border-bottom: 0 } .select2-container--classic .select2-dropdown--below { border-top: 0 } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--classic .select2-results__option[role=group] { padding: 0 } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb }