.ag-icon { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); position: relative; } .ag-icon::before { content: ""; font-family: inherit; } .ag-icon::after { background: transparent var(--ag-icon-image, none) center/contain no-repeat; display: var(--ag-icon-image-display); opacity: var(--ag-icon-image-opacity, 0.9); position: absolute; inset: 0; content: ""; } .ag-icon-aggregation { font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color)); } .ag-icon-aggregation::before { content: var(--ag-icon-font-code-aggregation, "\f101"); display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display)); } .ag-icon-aggregation::after { background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image)); display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-arrows { font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color)); } .ag-icon-arrows::before { content: var(--ag-icon-font-code-arrows, "\f102"); display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display)); } .ag-icon-arrows::after { background-image: var(--ag-icon-image-arrows, var(--ag-icon-image)); display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-asc { font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color)); } .ag-icon-asc::before { content: var(--ag-icon-font-code-asc, "\f103"); display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display)); } .ag-icon-asc::after { background-image: var(--ag-icon-image-asc, var(--ag-icon-image)); display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cancel { font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color)); } .ag-icon-cancel::before { content: var(--ag-icon-font-code-cancel, "\f104"); display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display)); } .ag-icon-cancel::after { background-image: var(--ag-icon-image-cancel, var(--ag-icon-image)); display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-chart { font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color)); } .ag-icon-chart::before { content: var(--ag-icon-font-code-chart, "\f105"); display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display)); } .ag-icon-chart::after { background-image: var(--ag-icon-image-chart, var(--ag-icon-image)); display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-checked { font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color)); } .ag-icon-checkbox-checked::before { content: var(--ag-icon-font-code-checkbox-checked, "\f106"); display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display)); } .ag-icon-checkbox-checked::after { background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-indeterminate { font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color)); } .ag-icon-checkbox-indeterminate::before { content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107"); display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display)); } .ag-icon-checkbox-indeterminate::after { background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-unchecked { font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color)); } .ag-icon-checkbox-unchecked::before { content: var(--ag-icon-font-code-checkbox-unchecked, "\f108"); display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display)); } .ag-icon-checkbox-unchecked::after { background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-color-picker { font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color)); } .ag-icon-color-picker::before { content: var(--ag-icon-font-code-color-picker, "\f109"); display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display)); } .ag-icon-color-picker::after { background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image)); display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-columns { font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color)); } .ag-icon-columns::before { content: var(--ag-icon-font-code-columns, "\f10a"); display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display)); } .ag-icon-columns::after { background-image: var(--ag-icon-image-columns, var(--ag-icon-image)); display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-contracted { font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color)); } .ag-icon-contracted::before { content: var(--ag-icon-font-code-contracted, "\f10b"); display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display)); } .ag-icon-contracted::after { background-image: var(--ag-icon-image-contracted, var(--ag-icon-image)); display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-copy { font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color)); } .ag-icon-copy::before { content: var(--ag-icon-font-code-copy, "\f10c"); display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display)); } .ag-icon-copy::after { background-image: var(--ag-icon-image-copy, var(--ag-icon-image)); display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cross { font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color)); } .ag-icon-cross::before { content: var(--ag-icon-font-code-cross, "\f10d"); display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display)); } .ag-icon-cross::after { background-image: var(--ag-icon-image-cross, var(--ag-icon-image)); display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-csv { font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color)); } .ag-icon-csv::before { content: var(--ag-icon-font-code-csv, "\f10e"); display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display)); } .ag-icon-csv::after { background-image: var(--ag-icon-image-csv, var(--ag-icon-image)); display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cut { font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color)); } .ag-icon-cut::before { content: var(--ag-icon-font-code-cut, "\f10f"); display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display)); } .ag-icon-cut::after { background-image: var(--ag-icon-image-cut, var(--ag-icon-image)); display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-desc { font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color)); } .ag-icon-desc::before { content: var(--ag-icon-font-code-desc, "\f110"); display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display)); } .ag-icon-desc::after { background-image: var(--ag-icon-image-desc, var(--ag-icon-image)); display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-excel { font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color)); } .ag-icon-excel::before { content: var(--ag-icon-font-code-excel, "\f111"); display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display)); } .ag-icon-excel::after { background-image: var(--ag-icon-image-excel, var(--ag-icon-image)); display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-expanded { font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color)); } .ag-icon-expanded::before { content: var(--ag-icon-font-code-expanded, "\f112"); display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display)); } .ag-icon-expanded::after { background-image: var(--ag-icon-image-expanded, var(--ag-icon-image)); display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-eye-slash { font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color)); } .ag-icon-eye-slash::before { content: var(--ag-icon-font-code-eye-slash, "\f113"); display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display)); } .ag-icon-eye-slash::after { background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image)); display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-eye { font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color)); } .ag-icon-eye::before { content: var(--ag-icon-font-code-eye, "\f114"); display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display)); } .ag-icon-eye::after { background-image: var(--ag-icon-image-eye, var(--ag-icon-image)); display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-filter { font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color)); } .ag-icon-filter::before { content: var(--ag-icon-font-code-filter, "\f115"); display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display)); } .ag-icon-filter::after { background-image: var(--ag-icon-image-filter, var(--ag-icon-image)); display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-first { font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-first, var(--ag-icon-font-color)); } .ag-icon-first::before { content: var(--ag-icon-font-code-first, "\f116"); display: var(--ag-icon-font-display-first, var(--ag-icon-font-display)); } .ag-icon-first::after { background-image: var(--ag-icon-image-first, var(--ag-icon-image)); display: var(--ag-icon-image-display-first, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-grip { font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color)); } .ag-icon-grip::before { content: var(--ag-icon-font-code-grip, "\f117"); display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display)); } .ag-icon-grip::after { background-image: var(--ag-icon-image-grip, var(--ag-icon-image)); display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-group { font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-group, var(--ag-icon-font-color)); } .ag-icon-group::before { content: var(--ag-icon-font-code-group, "\f118"); display: var(--ag-icon-font-display-group, var(--ag-icon-font-display)); } .ag-icon-group::after { background-image: var(--ag-icon-image-group, var(--ag-icon-image)); display: var(--ag-icon-image-display-group, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-last { font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-last, var(--ag-icon-font-color)); } .ag-icon-last::before { content: var(--ag-icon-font-code-last, "\f119"); display: var(--ag-icon-font-display-last, var(--ag-icon-font-display)); } .ag-icon-last::after { background-image: var(--ag-icon-image-last, var(--ag-icon-image)); display: var(--ag-icon-image-display-last, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-left { font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-left, var(--ag-icon-font-color)); } .ag-icon-left::before { content: var(--ag-icon-font-code-left, "\f11a"); display: var(--ag-icon-font-display-left, var(--ag-icon-font-display)); } .ag-icon-left::after { background-image: var(--ag-icon-image-left, var(--ag-icon-image)); display: var(--ag-icon-image-display-left, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-linked { font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color)); } .ag-icon-linked::before { content: var(--ag-icon-font-code-linked, "\f11b"); display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display)); } .ag-icon-linked::after { background-image: var(--ag-icon-image-linked, var(--ag-icon-image)); display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-loading { font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color)); } .ag-icon-loading::before { content: var(--ag-icon-font-code-loading, "\f11c"); display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display)); } .ag-icon-loading::after { background-image: var(--ag-icon-image-loading, var(--ag-icon-image)); display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-maximize { font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color)); } .ag-icon-maximize::before { content: var(--ag-icon-font-code-maximize, "\f11d"); display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display)); } .ag-icon-maximize::after { background-image: var(--ag-icon-image-maximize, var(--ag-icon-image)); display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-menu { font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color)); } .ag-icon-menu::before { content: var(--ag-icon-font-code-menu, "\f11e"); display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display)); } .ag-icon-menu::after { background-image: var(--ag-icon-image-menu, var(--ag-icon-image)); display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-minimize { font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color)); } .ag-icon-minimize::before { content: var(--ag-icon-font-code-minimize, "\f11f"); display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display)); } .ag-icon-minimize::after { background-image: var(--ag-icon-image-minimize, var(--ag-icon-image)); display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-next { font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-next, var(--ag-icon-font-color)); } .ag-icon-next::before { content: var(--ag-icon-font-code-next, "\f120"); display: var(--ag-icon-font-display-next, var(--ag-icon-font-display)); } .ag-icon-next::after { background-image: var(--ag-icon-image-next, var(--ag-icon-image)); display: var(--ag-icon-image-display-next, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-none { font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-none, var(--ag-icon-font-color)); } .ag-icon-none::before { content: var(--ag-icon-font-code-none, "\f121"); display: var(--ag-icon-font-display-none, var(--ag-icon-font-display)); } .ag-icon-none::after { background-image: var(--ag-icon-image-none, var(--ag-icon-image)); display: var(--ag-icon-image-display-none, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-not-allowed { font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color)); } .ag-icon-not-allowed::before { content: var(--ag-icon-font-code-not-allowed, "\f122"); display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display)); } .ag-icon-not-allowed::after { background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image)); display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-paste { font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color)); } .ag-icon-paste::before { content: var(--ag-icon-font-code-paste, "\f123"); display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display)); } .ag-icon-paste::after { background-image: var(--ag-icon-image-paste, var(--ag-icon-image)); display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-pin { font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color)); } .ag-icon-pin::before { content: var(--ag-icon-font-code-pin, "\f124"); display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display)); } .ag-icon-pin::after { background-image: var(--ag-icon-image-pin, var(--ag-icon-image)); display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-pivot { font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color)); } .ag-icon-pivot::before { content: var(--ag-icon-font-code-pivot, "\f125"); display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display)); } .ag-icon-pivot::after { background-image: var(--ag-icon-image-pivot, var(--ag-icon-image)); display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-previous { font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color)); } .ag-icon-previous::before { content: var(--ag-icon-font-code-previous, "\f126"); display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display)); } .ag-icon-previous::after { background-image: var(--ag-icon-image-previous, var(--ag-icon-image)); display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-radio-button-off { font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color)); } .ag-icon-radio-button-off::before { content: var(--ag-icon-font-code-radio-button-off, "\f127"); display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display)); } .ag-icon-radio-button-off::after { background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-radio-button-on { font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color)); } .ag-icon-radio-button-on::before { content: var(--ag-icon-font-code-radio-button-on, "\f128"); display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display)); } .ag-icon-radio-button-on::after { background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-right { font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-right, var(--ag-icon-font-color)); } .ag-icon-right::before { content: var(--ag-icon-font-code-right, "\f129"); display: var(--ag-icon-font-display-right, var(--ag-icon-font-display)); } .ag-icon-right::after { background-image: var(--ag-icon-image-right, var(--ag-icon-image)); display: var(--ag-icon-image-display-right, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-save { font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-save, var(--ag-icon-font-color)); } .ag-icon-save::before { content: var(--ag-icon-font-code-save, "\f12a"); display: var(--ag-icon-font-display-save, var(--ag-icon-font-display)); } .ag-icon-save::after { background-image: var(--ag-icon-image-save, var(--ag-icon-image)); display: var(--ag-icon-image-display-save, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-down { font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color)); } .ag-icon-small-down::before { content: var(--ag-icon-font-code-small-down, "\f12b"); display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display)); } .ag-icon-small-down::after { background-image: var(--ag-icon-image-small-down, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-left { font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color)); } .ag-icon-small-left::before { content: var(--ag-icon-font-code-small-left, "\f12c"); display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display)); } .ag-icon-small-left::after { background-image: var(--ag-icon-image-small-left, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-right { font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color)); } .ag-icon-small-right::before { content: var(--ag-icon-font-code-small-right, "\f12d"); display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display)); } .ag-icon-small-right::after { background-image: var(--ag-icon-image-small-right, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-up { font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color)); } .ag-icon-small-up::before { content: var(--ag-icon-font-code-small-up, "\f12e"); display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display)); } .ag-icon-small-up::after { background-image: var(--ag-icon-image-small-up, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tick { font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color)); } .ag-icon-tick::before { content: var(--ag-icon-font-code-tick, "\f12f"); display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display)); } .ag-icon-tick::after { background-image: var(--ag-icon-image-tick, var(--ag-icon-image)); display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-closed { font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color)); } .ag-icon-tree-closed::before { content: var(--ag-icon-font-code-tree-closed, "\f130"); display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display)); } .ag-icon-tree-closed::after { background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-indeterminate { font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color)); } .ag-icon-tree-indeterminate::before { content: var(--ag-icon-font-code-tree-indeterminate, "\f131"); display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display)); } .ag-icon-tree-indeterminate::after { background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-open { font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color)); } .ag-icon-tree-open::before { content: var(--ag-icon-font-code-tree-open, "\f132"); display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display)); } .ag-icon-tree-open::after { background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-unlinked { font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color)); } .ag-icon-unlinked::before { content: var(--ag-icon-font-code-unlinked, "\f133"); display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display)); } .ag-icon-unlinked::after { background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image)); display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-up { font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-up, var(--ag-icon-font-color)); } .ag-icon-up::before { content: var(--ag-icon-font-code-up, "\f134"); display: var(--ag-icon-font-display-up, var(--ag-icon-font-display)); } .ag-icon-up::after { background-image: var(--ag-icon-image-up, var(--ag-icon-image)); display: var(--ag-icon-image-display-up, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-down { font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-down, var(--ag-icon-font-color)); } .ag-icon-down::before { content: var(--ag-icon-font-code-down, "\f135"); display: var(--ag-icon-font-display-down, var(--ag-icon-font-display)); } .ag-icon-down::after { background-image: var(--ag-icon-image-down, var(--ag-icon-image)); display: var(--ag-icon-image-display-down, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-plus { font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color)); } .ag-icon-plus::before { content: var(--ag-icon-font-code-plus, "\f136"); display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display)); } .ag-icon-plus::after { background-image: var(--ag-icon-image-plus, var(--ag-icon-image)); display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-minus { font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color)); } .ag-icon-minus::before { content: var(--ag-icon-font-code-minus, "\f137"); display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display)); } .ag-icon-minus::after { background-image: var(--ag-icon-image-minus, var(--ag-icon-image)); display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-menu-alt { font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color)); } .ag-icon-menu-alt::before { content: var(--ag-icon-font-code-menu-alt, "\f138"); display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display)); } .ag-icon-menu-alt::after { background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image)); display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-settings { font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color)); } .ag-icon-settings::before { content: var(--ag-icon-font-code-settings, "\f139"); display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display)); } .ag-icon-settings::after { background-image: var(--ag-icon-image-settings, var(--ag-icon-image)); display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-row-drag::before { content: var(--ag-icon-font-code-grip); } .ag-left-arrow::before { content: var(--ag-icon-font-code-left); } .ag-right-arrow::before { content: var(--ag-icon-font-code-right); } [class*=ag-theme-] { --ag-foreground-color: #000; --ag-data-color: var(--ag-foreground-color); --ag-secondary-foreground-color: var(--ag-foreground-color); --ag-header-foreground-color: var(--ag-secondary-foreground-color); --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5); --ag-background-color: #fff; --ag-header-background-color: transparent; --ag-tooltip-background-color: transparent; --ag-subheader-background-color: transparent; --ag-subheader-toolbar-background-color: transparent; --ag-control-panel-background-color: transparent; --ag-side-button-selected-background-color: var(--ag-control-panel-background-color); --ag-selected-row-background-color: #bbb; --ag-odd-row-background-color: var(--ag-background-color); --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66); --ag-menu-background-color: var(--ag-background-color); --ag-menu-border-color: var(--ag-border-color); --ag-panel-background-color: var(--ag-background-color); --ag-panel-border-color: var(--ag-border-color); --ag-row-hover-color: transparent; --ag-column-hover-color: transparent; --ag-range-selection-border-color: var(--ag-foreground-color); --ag-range-selection-border-style: solid; --ag-range-selection-background-color: rgba(0, 0, 0, 0.2); --ag-range-selection-background-color-2: var(--ag-range-selection-background-color); --ag-range-selection-background-color-3: var(--ag-range-selection-background-color); --ag-range-selection-background-color-4: var(--ag-range-selection-background-color); --ag-range-selection-highlight-color: var(--ag-range-selection-border-color); --ag-selected-tab-underline-color: var(--ag-range-selection-border-color); --ag-selected-tab-underline-width: 0; --ag-selected-tab-underline-transition-speed: 0s; --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1); --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1); --ag-header-cell-hover-background-color: transparent; --ag-header-cell-moving-background-color: var(--ag-background-color); --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5); --ag-value-change-delta-up-color: #43a047; --ag-value-change-delta-down-color: #e53935; --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2); --ag-chip-background-color: transparent; --ag-chip-border-color: var(--ag-chip-background-color); --ag-borders: solid 1px; --ag-border-color: rgba(0, 0, 0, 0.25); --ag-borders-critical: var(--ag-borders); --ag-borders-secondary: var(--ag-borders); --ag-secondary-border-color: var(--ag-border-color); --ag-row-border-style: solid; --ag-row-border-color: var(--ag-secondary-border-color); --ag-row-border-width: 1px; --ag-cell-horizontal-border: solid transparent; --ag-borders-input: var(--ag-borders-secondary); --ag-input-border-color: var(--ag-secondary-border-color); --ag-borders-input-invalid: solid 2px; --ag-input-border-color-invalid: var(--ag-invalid-color); --ag-borders-side-button: var(--ag-borders); --ag-border-radius: 0px; --ag-wrapper-border-radius: var(--ag-border-radius); --ag-row-border-color: var(--ag-secondary-border-color); --ag-header-column-separator-display: none; --ag-header-column-separator-height: 100%; --ag-header-column-separator-width: 1px; --ag-header-column-separator-color: var(--ag-secondary-border-color); --ag-header-column-resize-handle-display: none; --ag-header-column-resize-handle-height: 50%; --ag-header-column-resize-handle-width: 1px; --ag-header-column-resize-handle-color: var(--ag-secondary-border-color); --ag-invalid-color: red; --ag-input-disabled-border-color: var(--ag-input-border-color); --ag-input-disabled-background-color: transparent; --ag-checkbox-background-color: transparent; --ag-checkbox-border-radius: var(--ag-border-radius); --ag-checkbox-checked-color: var(--ag-foreground-color); --ag-checkbox-unchecked-color: var(--ag-foreground-color); --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color); --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color); --ag-toggle-button-switch-background-color: var(--ag-background-color); --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color); --ag-toggle-button-border-width: 1px; --ag-toggle-button-height: var(--ag-icon-size); --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2); --ag-input-focus-box-shadow: none; --ag-input-focus-border-color: none; --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color); --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color); --ag-grid-size: 4px; --ag-icon-size: 12px; --ag-icon-font-weight: normal; --ag-icon-font-color: var(--ag-foreground-color); --ag-icon-image-display: block; --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2); --ag-widget-vertical-spacing: var(--ag-grid-size); --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3); --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding); --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px); --ag-header-height: var(--ag-row-height); --ag-list-item-height: calc(var(--ag-grid-size) * 5); --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size)); --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size)); --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size)); --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size)); --ag-filter-tool-panel-group-indent: 16px; --ag-tab-min-width: 220px; --ag-chart-menu-panel-width: var(--ag-tab-min-width); --ag-menu-min-width: 181px; --ag-side-bar-panel-width: 200px; --ag-font-family: "Helvetica Neue", sans-serif; --ag-font-size: 14px; --ag-card-radius: var(--ag-border-radius); --ag-card-shadow: none; --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); --ag-advanced-filter-join-pill-color: #f08e8d; --ag-advanced-filter-column-pill-color: #a6e194; --ag-advanced-filter-option-pill-color: #f3c08b; --ag-advanced-filter-value-pill-color: #85c0e4; } .ag-root-wrapper, .ag-sticky-top, .ag-sticky-bottom, .ag-dnd-ghost { background-color: var(--ag-background-color); } .ag-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 { -webkit-user-select: none; user-select: none; } .ag-selectable { -webkit-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; -webkit-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; -webkit-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; -webkit-user-select: none; user-select: none; } .ag-menu-column-select-wrapper { height: 265px; overflow: auto; } .ag-menu-column-select-wrapper .ag-column-select { height: 100%; } .ag-dialog .ag-panel-content-wrapper .ag-column-select { -webkit-user-select: none; user-select: none; } .ag-menu-list { display: table; width: 100%; } .ag-menu-option, .ag-menu-separator { display: table-row; } .ag-menu-option-part, .ag-menu-separator-part { display: table-cell; vertical-align: middle; } .ag-menu-option-text { white-space: nowrap; } .ag-menu-option-custom { display: contents; } .ag-compact-menu-option { width: 100%; display: flex; flex-wrap: nowrap; } .ag-compact-menu-option-text { white-space: nowrap; flex: 1 1 auto; } .ag-pill-container { display: flex; gap: 0.25rem; flex-wrap: nowrap; } .ag-pill { display: flex; white-space: nowrap; padding: 0 0.25rem; align-items: center; } .ag-pill .ag-pill-button { border: none; padding: 0; } .ag-rich-select { cursor: default; outline: none; height: 100%; } .ag-rich-select-value { display: flex; align-items: center; height: 100%; } .ag-rich-select-value .ag-picker-field-display { overflow: hidden; text-overflow: ellipsis; } .ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder { opacity: 0.5; } .ag-rich-select-list { position: relative; } .ag-rich-select-list .ag-loading-text { min-height: 2rem; } .ag-rich-select-row { display: flex; flex: 1 1 auto; align-items: center; white-space: nowrap; overflow: hidden; height: 100%; } .ag-rich-select-field-input { flex: 1 1 auto; } .ag-rich-select-field-input .ag-input-field-input { padding: 0 !important; border: none !important; box-shadow: none !important; text-overflow: ellipsis; } .ag-rich-select-field-input .ag-input-field-input::placeholder { opacity: 0.8; } .ag-autocomplete { align-items: center; display: flex; } .ag-autocomplete > * { flex: 1 1 auto; } .ag-autocomplete-list-popup { position: absolute; -webkit-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; -webkit-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 { -webkit-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; -webkit-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; -webkit-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; -webkit-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 { -webkit-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: "agGridBalham"; src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABYUAAsAAAAALgQAABXCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KtgCsbgE2AiQDgiwLgRgABCAFhEYHhQgbFShVBoWNAwDFdIdHRcnM5KKoz4JRSvb/dQI3RERcg94LUYNDlJRRFMzQjtavWYLQT3ERFiy0h+AmMcl3xzOrdBEOnrkyLmf//l46s40Rjx2SFE0Caj9+e+++iEZTS4aYhazJQmMIWTOJkBiSNv9p6u81uXStcTtz9aNQWCTCegJgeNrmv7sD5QiVg1YMBCdgEQYIh4Vg9KEuylihU6xYtNtcVeF+1IqVkb9CXZQrtz8H3y0/gdMEmCGnwuiZzJlL5Mx56v1pf9Nf8JlgE/fK64B8AP77qu3R9TZnWJIDRkb4Ze+zzlYKOJKfrKsR8H9rqT0suIAssWuFrjDkzMzs3GX/TjbAmwldUtrw3AYIimgBFdBurgSgKlsF7Mj2Vem+qlpZV4LlofSmgUjUeQAQ7gbkYx89r5NZUyFU/7Kkb0cwOCTCSaCmjituLjwUGo2RIMVpbsTFjAopWV+KrMgbH6NzVxPqwfUQBt6IAGR5cyiz86u78i4dv3VFFeRp2QDeSoZL588el3EZCy0JCspXlnJJnq0/bvkY8sKt8CppjIPxVnwcv6b40VZFZWtPBTWkd3YUQ2CcIOkURbSaUDKYVG6yGnK6xrTGwLF55RBKSMICXX3VacPCiMqBSXP68Xs9MCjvrWy91tK7pzvRCISDQ6qW3iw9Fak+gRE2zLy4/q4y37xuulCfUCGNbxRj61PXJuniW+ZAK06xe3Xg3sgxVDTJ8AXUet41jKNskhmb3qTSdPJBiT66G0SwuNkMvtpUlrhANzvRaQTOhjC+fmuojcdjipqOLL+dcmeXapTAgozS9tsvdZrYTNiyuu7d645hcv2uypVxzrwu5RYy3jorwnSGYFl1tXVTmSuevv7gk89++l8oZCgZcirSqo33DPKztfyy7pr2uUirYfuZUJr2Gg0szclUJ/OVRwXms2pkqJoqnaPwBePrhmYpBYrNGmJCimVAux401R0YxTXKdTyTqQ7kBV+QV9I5mXxqAQZCqqbOsHkoLVBdR8yQF3qIrDJ73MQ/mTTrTGkba09yk/VCO4lr6uUbOLCuVhnmG8id/tVnZWlBnxnwZmdqXD6ce30ayAkfsQwnb2RnOx57KNPZB5YXKZId5lxx3mckh2KyzxsJgO0JPXjO7INZVrD8CeUyZ8SOGkd2wPsGbVftbmfDtRlNzStowt8ejHeA0WILzRbehSxJSR6Fp1JB8iB5g4f1uw9fdIUEJLTo6SI2z8yd8kHbr5XId+ylTH+31XNhZUAqEIFWIAUkZcuzQgH1JaeVqtp0f5D/yFGmQB7+uebBr5VjY9r8ddGNX3DC+6QF9Z5x7oiDruCe0U8Ayz+Z4wkuGxsqJpoNiCknw3wLlgUKFaIpVrdlFVU1dQ1NLW0dXb3c9qGRsYkHcGZuYWmlZm1ja2ev6+Do5Oyiq+bqpubu4kHV9vTy9gEhzVPytK170gpZTpwB7tisLo/7/yP9c9mwny5TOYCSmbCNtoFpHNcNnDCJk0aBU2ZwWh9wxhLO6gHOGQfOGwAumgAuGQMum8UVQ8BVg8A187ihF7hpBLilH7htDncs4q5h4J4p3LeAB7HMrwIxNUVQBSRoQlEoCWWhIlSFmlAXGkJTaAltoSN0hZ7QFwbCUBgJY2EiTIWZMBcWwlJYCWuLbPBrk1lbYSfshYNwNG11kmXOwkW4CjfhbiI8LLLBr2dSvIS3We4j6bCJQyQKtYjgF5tuw2UXhCAF3eGHldGfZ7yUkQ2yH3r6EEBL6vkNeOA/2N27vo335BeCopd9dwodW+/6Zdh2/dhfniJvNPmCvTvsF4u3ABwiE/OFIb4oh0MnJbHZLklEDfEgIfQ5igeDzkSoiihRIINBQddfEuQi4XFQ1IvFYAq5LiQUxxdCCRcSiiqCbWJdXYUzR1Eeh06ho74oW+LJRykCMhl1dSELOMJRJbmhLuEjcfjCLKDEYaNRD/rkGi93dYn68nd1dmp+L7jS3e3dP3FvT0/kX9NWPvIiOoFi3f04/I/Cqx0+AxP2tEd0U1d2TqdCVBCR2d0/zjku2N4ZuCnwGvsYwBANOHTPq1Yek2KWL+dLZQMPAtka6BylaxhfS5x2so5rI2xOFqTRDpsFhnj795c5SBZEV5BCjSCNW0EqM2OIxiqKrWKCYgEMB8Pe8bEQC05iG6qrLUAcA7TEJUwTFqqWhRdphgEKFF3/zyVeXVKjL782R7+96rKPXHlD5tghGvKZP+SCi+RLGxSgsx/93eTvC/vp3PwIpzTsTpflgfJZ+wrVjmRgFhXicd7+R8zvcxmP+RnF5LArOHa7zTeBxCcFPpvgqzX/ModS0pzAcW77fal1OcpMbwtFgyKP9kVPfQLBf4qdNO5JYDw+o8TTaSTOZpPJo1A9dfEu1m6fB0pYRL3JLBKXgHIko+UqYzEtQpX8LSRaon4wc+REIoK1HFSTZ71nsxfUiznjZzKJQOcWTYo0UCIRT/MZTyST4JTHfDC0GFGAm4TD7nrUy7zeKPpIfL8QTeXOeObPFQqvSSGrqFclRjKXwTUp0RdpzUTcyivnb2t3L6oX7jiP1Uc2jMaS2dPu3ztJd3BhoznLHahp6Zlyyn2lwpkWgOInNJJz/bQ462XZE08jkYXq3xVYeCH0vcWxET5alvdTvxUH1jBd7186S3ZUpsDq6b6DQXpL73IbdOHHz7UG3qFzWdWS5u9avT4zcnSyNmc122Uqun8mDxTDwNrq4EWomiYSK+So59VJtHMsi9frrhLA1ySmSFJNuF4UGj5T6DqIsIxmWVCO+9O6A2ve+cMAkP9WQ9SbPWgGHkC46AfFkzlgLL9fDfZBSrIiueBXKQYLuOMpG7JzBDHlu/MT28LTgW18u/C0AzpnZNrFX7ZvkR3/vd8JHAfIQmiIHmJO6OAH/w67PbeNqsN+ktYHbnypOWpJEjxaA/33yvJ69Ym1941dNyX+0Oq5sGpU6H5yT+8+v1KK+bx3zM6UxHNW/3WjSrnk93uOVEPpYeVFq+akueoG+jldMjr06TUsOKvDDzxwgB/NQOBoo5QyzsgsY5RQLo9sFfIeo8cxItTncNbp/OSTDWpw5EJaMuaLCSgUyqJUqAsxJTHTJJpevpzdbp292LkqNPfcCj5svNrDjB0r556EeHr7PvL6Z7vfdV3q5mdltSLZkhX+02VxgMS7R8CmPH6PndrHp9CuPvmAiJZR0iKr5r51iAfH8g8xBk6Itfue9Hsh5otRy4vbbm7hRztzq8/55jua1a0B4omUn2jLr2iqhJ/R96fdcU85edH3zD/vy9WmGiq4J4IjvnOVrJH1aVeBwdsWrF6F2zmzGYbchVe8oza5D3km83NxPx98KeVqf1LqMWR6HYZc9AwRQzwLcE2X6GvmNOoDmL9AAM/qdEVXdNXAyiEcagv67Gj+viC5gzy545538oOcUAdwkgOcyTaXHdnmDH/7FD9A2KHpxG9uIUi5PJtCKMDdDtLQ5CLgkoV7TVjxGPM0ovmCMdVrLrDocFo32s8bhhU8tG7/PX3V2QcVvVU7tC7UL8X9aw/l7rbedKO60TI7rphoskN4xjY94HymfuVWD8IryQIbYiH+2hGFoFoqBM5mHyHt4ckHz+6duM8Vu3ANlz9+X0YnTaHXFf74JwzNasRT4ov6Vfus9FEfldMMeABKjjHUQgviYKZkHS9PkMkSXBEvCa6yhARZudIJYj4Dfqy0mgRG4b0ZS5HZmNpPRF2anxoTQcQ85Rx4dswoHPloNI4iLr+Tb7sGsvd/QjdUP30/6ZcZHqNGY3MtNVRTGD8QEzoQNyVz4L83rIdwfC241Wk2OzaQTXWYzQzGUQT6zqVL7z0G+d454m0c+MTbZuSqCKWSUOU6c/uVBKHMVTlNpsUGq0VukslMcssJ0AgmmUV+HCiSMRUcl60KEfRDh52Ha+Ahp0c9c/BxVvP25iFzlaVq8GP1aDXQLFBmh4ZmKwftZbNDlczh4TcnF4u8vhEtEX3jJcIf63Ev9++/d89v27a5ZSH3ZMxjvUUP1PGDgaanXGgyB8Pf7tu3o6AAhg36W7r6Wz/dOms4dap12CoQAxMQC4gnreB6v1FlvKHEVbhDiR0qEax/477I8Re5DAfIN40oLHK5RaFWyCwWeRBjl4tS5ecAa4Ce98g/0qc3MZhCZrbIFZuN26UJUvDGpzLPZqD9v5nF1WULE85D42aOU46bMS4C/VtNKy4+8vyrpq4F6qQExnj0Q2X7uulrRO1sj5nK0b0JHPEP1QiLFx2AoXsY9foqtTvvosr3RrFvXp5gntvuc24CPocrcrs7gtFa3RpmlT+hM3Mxt328txEHQAf7Ty7WRKrl7GXM1qX/4Y0x0AnH4rjcQz9hu6Jb5TdkDr4ccOppNalUMl/TwZ+71f3aZL7qfgiFuhezg7vulIT6wLBFLVtfj0kCZpnMbE2fWWZNVA+rEKnZRY3FTWyTSG4hE6AJqPB/HhsovLNLs+uOZqnt8rwOsdfDr97cybb/zmoJDNtQD7CU7twiNfPc2m/l1yXPaS1J5hrdmeL30eON4/c8Jn6guIfSmalpJTl1X23CWvlsfnjevNz68OVkiruvOwbW97QpuJNXGjS8nBI2C8YmwsfSFiz3z7sHiY7vfJnvdFgsyZLjzExWDjs+LFMbZh0NXnz00P8jbcNtDsOWLyl5RZA0P9OQrp/GKmJPFFm1jh1J+kKdrjBayo1NWRYyljxUBInMlaWb9HvgZD+/i7FcaXSRTluol3DiUpR9W0Pl8rrxC53t2BKqqDBZ/q4LfDr8M3HS5LQS/9niuQy7W74xQ6vMzcCX4MTXhTbELQVarS+1eSccintlChZUidOTLWP21k2L0k6ryqBp2io56kGgH+9qh5poIGGeWw7rdwmo2gepIehYw82y+jp6pWMVIMAuoM6sy4zVt66VmOwqnFlXv/oKq9eSFv1KUEM+jqluTKuvY4IP1XkJezkj+AjoI96MO5qMzcYbTeqCVLh5Moa/B8zGh0xhzXhzjUGLa2tw5HhT+o3hCn4FBMa46S8oPoKDgLXPWtpaKrpFSuT7Knwfamr6E/9zv3AQ8CWsoBVRhVnbNrfZ5jizsSa9vjibY2phIhckgBk/csWt4LeX/icahcv2vLDNuc9bdrd0TyFFnurjnDPnOXfxjbKzv9RRi9L5halHmDZbYKvmMxHpDFGRmgkfWJypb/tF1qRd++LS26fKATYZH8XLvG/dcqTyLZrEwVeO4qNKQ0zyZDZ2ssIh+uMxT+bgyS24rxc2mez2zMya5+5uxgKoHgvsRnuzHYfqRjt48Ar5vxdxySlf9xXc6y+4PDPLRJuxalF/v7PP2X8MN2MvKWNvskjyMP9XUHuwZhJkVWeGlRxBJ9OKZBOkGamRFs1VSR57EicOv2XcDeVAuZIkn5jSgpXhMXgGZFbEyyaspmRQCEmqND0rOE3eRkqTEUEyq9jiSrhm5q81yZOCttz+TN5ONqU3fRvrn+SiQYvrGzxmhdqESzb/hcrb7sVCrdX19Th1PS9GEJe/K4vU2h7FS5ks/PJlCLSyRNjFntY/cv9o7bmINYsX8sVXxPyF4hFV/OjBXO67XMxbUKeOCDWCK0K18D5895txYbzwiiABZDavX08R6tJX3doxOKdg2rpjety7VyRKufxnYuLMIjKJL9Fl/DRn8+be8cv095rQtRea3+7cObkCowoE1YVc10rmps2VG2m/d/NedXR02nL1n7SRz8nPKB1VoDx772S6b87yZeN1t20OgsghHCvKA2WJJrm9aoXj+ioIx/aXGu6GLjRClOjaNK/hJthBap6Pf9CkdPyKEw1GY1tjUwO0uSL4nHZd0/yvmsrN8+YDn/jBGZMC8qUrV0rzAyY5Ew16N5wvnRTgtDEtNtQWRxdotQXRxc8d+ZwCbbHuOcRk07l0f2F0jCt99rL1cSTixENLNRDJHJFKW1qGZ0JYy7iE+8QadC8ckVgkORIxEFt4UZLqabPteAjyjlNtIwHC4ma4uw/0PNAVu8gxXWFL682lpefPty1dFhsLHNgYOSqgVtpgpppJZu7YGRk5NKgkqz1criwihoaY7st/8c6CynhmWYbpHgXe6l+cv4hn0XbMZ9gq2Uk7bmFfkizNx2ljBp4v+tuq9HT1yH9uZ/Trcx8reWLevgJdFBj+bDYLpvOnCLVv7drpAkXmg55GzIJnpSOLnU6Rp9bWsjV0NWLO/7hwGB/mfrvIzd0XYjgG3lwWxiOasJqjFvQJExo0TIzgkhnFFSLxQHfg+cLD1sRyIvHyNfzaFcJUbjUdWSjAA02ZsllT62oWOGVcN16/PIjyiYcX8A2B1kwCZ1jB/LEY2tg3UcgZAKmWt0FkwT8h7EnZtqQTmU/02JgpBpEhBMYGl/E6pEhIMOKWBW9EyJPhaalR8E+qBsDYkZ+Qp5FtWnZRpyksJfUooqtV/0hnsHt0mWD4+SGHNYVWIJ6qnbxK0jL5fzwpzoeqODL8xKEOQhYhtbwEaaQ21d6ceE+8uVgeGd54qn4X7WSnliIlOWlXdxIPq3cFJ7rI8z/kkh72pfOmuuvfUjAyCAA0Af3rqwUYVy98xZ8C8O2YkAjoL1QcMtgKDf2/9Hy9Ju6N8KS1vNAk/IeA358yqLbC9/zfk+oXqHguAP7ZpnqAnxCDfFBdg0HxhgIgqroM7CR37RgywEACFzv3AFDXahycnAaWgVKAAEhCAQRlYAEeYwMuEAc7uI9AAbi/GlMIvKAbisD9dAwCDCJ9MwxaoAnDsfqpjX/HUGP7i6pzQDXWQ2/yjzQ1wtlL8Wx1ZT+JSdHIZ6d7li7Vq1mZlSpt9kPYLioEyaLKJzkrarP4djyW+KwLJ+0TVj+18e8Y6jNC+0Ub7RxQ19RHk7D2j9aQ4H0Tzl6KZ5/2n4x9T4hGXjvdRS1dTtqrUa3MeF2lVdmPWIlPCBTkyKK9/kkO86IOoce3I+2o9MsLFwsdt6xXNUrOEmBFgS70oA8DGMIIxjCBKXxhkr4c/utWnW6vPxiOxpPpbL5Yrtab7W5/OJ7Ol+vt/ni+3h9MKONC6oZp2Y7r8QVCkVgilcl9/fg1bAVWlVKF1ggPUFWuqYvJDRyyo9B3Naqt2kju6yS3XEknfzCcpmFPRto2jEYbq/gz+yo/cxJE89hcDdThXTy3nCZO2BSdke85ife+U0mp69Kl687W85Rcn25Jy6OOjhg7+KfYcpSngKnuqr5B2YQE5f6U1WS9SpvY3z45x56jbIhU2iA0nPLZDoOgb7gatXhr2uZBvZb4PMopZY7AwjRlsRxDkCvR/Rg4irpEcb/0i9hKg74dyU9nM+FcynJpOBr3talq6yW80CS1MRTJvVx5pOHMgJV5PRtTokpKGZ05c0IvhnPqW6BWRtnCmRBslMgsw88mAUIFCgQGDQgwXCGBgwA1fMEJbpB7aOEMEe5wgRIeTwAA); font-weight: normal; font-style: normal; } .ag-theme-balham, .ag-theme-balham-dark, .ag-theme-balham-auto-dark { --ag-balham-active-color: #0091ea; --ag-foreground-color: #000; --ag-background-color: #fff; --ag-header-background-color: #f5f7f7; --ag-tooltip-background-color: #cbd0d3; --ag-subheader-background-color: #e2e9eb; --ag-control-panel-background-color: #f5f7f7; --ag-border-color: #bdc3c7; --ag-odd-row-background-color: #fcfdfe; --ag-row-hover-color: #ecf0f1; --ag-column-hover-color: #ecf0f1; --ag-input-border-color: #95a5a6; --ag-invalid-color: #e02525; --ag-input-disabled-background-color: #ebebeb; --ag-checkbox-unchecked-color: #7f8c8d; --ag-input-focus-border-color: #719ece; --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-input-focus-box-shadow: 0 0 2px 1px var(--ag-input-focus-border-color); --ag-range-selection-border-color: var(--ag-balham-active-color); --ag-checkbox-checked-color: var(--ag-balham-active-color); --ag-checkbox-background-color: var(--ag-background-color); --ag-panel-background-color: var(--ag-header-background-color); --ag-secondary-foreground-color: rgba(0, 0, 0, 0.54); --ag-disabled-foreground-color: rgba(0, 0, 0, 0.38); --ag-subheader-toolbar-background-color: rgba(226, 233, 235, 0.5); --ag-row-border-color: rgba(189, 195, 199, 0.58); --ag-chip-background-color: rgba(0, 0, 0, 0.1); --ag-range-selection-background-color: rgba(0, 145, 234, 0.2); --ag-range-selection-background-color-2: rgba(0, 145, 234, 0.36); --ag-range-selection-background-color-3: rgba(0, 145, 234, 0.49); --ag-range-selection-background-color-4: rgba(0, 145, 234, 0.59); --ag-selected-row-background-color: rgba(0, 145, 234, 0.28); --ag-header-column-separator-color: rgba(189, 195, 199, 0.5); --ag-input-disabled-border-color: rgba(149, 165, 166, 0.3); --ag-header-column-separator-display: block; --ag-header-column-separator-height: 50%; --ag-grid-size: 4px; --ag-icon-size: 16px; --ag-row-height: calc(var(--ag-grid-size) * 7); --ag-header-height: calc(var(--ag-grid-size) * 8); --ag-list-item-height: calc(var(--ag-grid-size) * 6); --ag-row-group-indent-size: calc(var(--ag-grid-size) * 3 + var(--ag-icon-size)); --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3); --ag-input-height: calc(var(--ag-grid-size) * 4); --ag-chart-menu-panel-width: 240px; --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --ag-font-size: 12px; --ag-icon-font-family: agGridBalham; --ag-border-radius: 2px; --ag-checkbox-border-radius: 3px; --ag-card-shadow: none; } .ag-theme-balham-dark { --ag-balham-active-color: #00b0ff; --ag-foreground-color: #f5f5f5; --ag-background-color: #2d3436; --ag-header-background-color: #1c1c1c; --ag-tooltip-background-color: #1c1f20; --ag-subheader-background-color: #111; --ag-control-panel-background-color: #202020; --ag-border-color: #424242; --ag-odd-row-background-color: #262c2e; --ag-row-hover-color: #3d4749; --ag-column-hover-color: #3d4749; --ag-input-border-color: #f0f0f0; --ag-input-disabled-background-color: rgba(48, 46, 46, 0.3); --ag-modal-overlay-background-color: rgba(45, 52, 54, 0.66); --ag-checkbox-unchecked-color: #ecf0f1; --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-secondary-foreground-color: var(--ag-foreground-color); --ag-disabled-foreground-color: rgba(245, 245, 245, 0.38); --ag-subheader-toolbar-background-color: rgba(17, 17, 17, 0.5); --ag-row-border-color: #5c5c5c; --ag-chip-background-color: rgba(245, 245, 245, 0.08); --ag-range-selection-background-color: rgba(0, 176, 255, 0.2); --ag-range-selection-background-color-2: rgba(0, 176, 255, 0.36); --ag-range-selection-background-color-3: rgba(0, 176, 255, 0.49); --ag-range-selection-background-color-4: rgba(0, 176, 255, 0.59); --ag-selected-row-background-color: rgba(0, 176, 255, 0.28); --ag-header-column-separator-color: rgba(66, 66, 66, 0.5); --ag-input-disabled-border-color: rgba(240, 240, 240, 0.3); --ag-header-foreground-color: rgba(245, 245, 245, 0.64); --ag-toggle-button-off-background-color: transparent; --ag-toggle-button-off-border-color: var(--ag-foreground-color); --ag-range-selection-chart-category-background-color: rgba(26, 177, 74, 0.5); --ag-range-selection-chart-background-color: rgba(45, 166, 255, 0.5); --ag-input-focus-box-shadow: 0 0 4px 1.5px var(--ag-input-focus-border-color); --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } @media (prefers-color-scheme: dark) { .ag-theme-balham-auto-dark { --ag-balham-active-color: #00b0ff; --ag-foreground-color: #f5f5f5; --ag-background-color: #2d3436; --ag-header-background-color: #1c1c1c; --ag-tooltip-background-color: #1c1f20; --ag-subheader-background-color: #111; --ag-control-panel-background-color: #202020; --ag-border-color: #424242; --ag-odd-row-background-color: #262c2e; --ag-row-hover-color: #3d4749; --ag-column-hover-color: #3d4749; --ag-input-border-color: #f0f0f0; --ag-input-disabled-background-color: rgba(48, 46, 46, 0.3); --ag-modal-overlay-background-color: rgba(45, 52, 54, 0.66); --ag-checkbox-unchecked-color: #ecf0f1; --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-secondary-foreground-color: var(--ag-foreground-color); --ag-disabled-foreground-color: rgba(245, 245, 245, 0.38); --ag-subheader-toolbar-background-color: rgba(17, 17, 17, 0.5); --ag-row-border-color: #5c5c5c; --ag-chip-background-color: rgba(245, 245, 245, 0.08); --ag-range-selection-background-color: rgba(0, 176, 255, 0.2); --ag-range-selection-background-color-2: rgba(0, 176, 255, 0.36); --ag-range-selection-background-color-3: rgba(0, 176, 255, 0.49); --ag-range-selection-background-color-4: rgba(0, 176, 255, 0.59); --ag-selected-row-background-color: rgba(0, 176, 255, 0.28); --ag-header-column-separator-color: rgba(66, 66, 66, 0.5); --ag-input-disabled-border-color: rgba(240, 240, 240, 0.3); --ag-header-foreground-color: rgba(245, 245, 245, 0.64); --ag-toggle-button-off-background-color: transparent; --ag-toggle-button-off-border-color: var(--ag-foreground-color); --ag-range-selection-chart-category-background-color: rgba(26, 177, 74, 0.5); --ag-range-selection-chart-background-color: rgba(45, 166, 255, 0.5); --ag-input-focus-box-shadow: 0 0 4px 1.5px var(--ag-input-focus-border-color); --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } } .ag-theme-balham .ag-filter-toolpanel-header, .ag-theme-balham .ag-filter-toolpanel-search, .ag-theme-balham .ag-status-bar, .ag-theme-balham .ag-header-row, .ag-theme-balham .ag-multi-filter-group-title-bar, .ag-theme-balham-dark .ag-filter-toolpanel-header, .ag-theme-balham-dark .ag-filter-toolpanel-search, .ag-theme-balham-dark .ag-status-bar, .ag-theme-balham-dark .ag-header-row, .ag-theme-balham-dark .ag-multi-filter-group-title-bar, .ag-theme-balham-auto-dark .ag-filter-toolpanel-header, .ag-theme-balham-auto-dark .ag-filter-toolpanel-search, .ag-theme-balham-auto-dark .ag-status-bar, .ag-theme-balham-auto-dark .ag-header-row, .ag-theme-balham-auto-dark .ag-multi-filter-group-title-bar { font-weight: 600; color: var(--ag-header-foreground-color); } .ag-theme-balham .ag-ltr input[class^=ag-]:not([type]), .ag-theme-balham .ag-ltr input[class^=ag-][type=text], .ag-theme-balham .ag-ltr input[class^=ag-][type=number], .ag-theme-balham .ag-ltr input[class^=ag-][type=tel], .ag-theme-balham .ag-ltr input[class^=ag-][type=date], .ag-theme-balham .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-balham .ag-ltr textarea[class^=ag-], .ag-theme-balham-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-balham-dark .ag-ltr textarea[class^=ag-], .ag-theme-balham-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-balham-auto-dark .ag-ltr textarea[class^=ag-] { padding-left: var(--ag-grid-size); } .ag-theme-balham .ag-rtl input[class^=ag-]:not([type]), .ag-theme-balham .ag-rtl input[class^=ag-][type=text], .ag-theme-balham .ag-rtl input[class^=ag-][type=number], .ag-theme-balham .ag-rtl input[class^=ag-][type=tel], .ag-theme-balham .ag-rtl input[class^=ag-][type=date], .ag-theme-balham .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-balham .ag-rtl textarea[class^=ag-], .ag-theme-balham-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-balham-dark .ag-rtl textarea[class^=ag-], .ag-theme-balham-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-balham-auto-dark .ag-rtl textarea[class^=ag-] { padding-right: var(--ag-grid-size); } .ag-theme-balham .ag-column-drop-vertical-empty-message, .ag-theme-balham .ag-status-bar, .ag-theme-balham-dark .ag-column-drop-vertical-empty-message, .ag-theme-balham-dark .ag-status-bar, .ag-theme-balham-auto-dark .ag-column-drop-vertical-empty-message, .ag-theme-balham-auto-dark .ag-status-bar { font-weight: 600; color: var(--ag-disabled-foreground-color); } .ag-theme-balham.ag-dnd-ghost, .ag-theme-balham-dark.ag-dnd-ghost, .ag-theme-balham-auto-dark.ag-dnd-ghost { font-size: var(--ag-font-size); font-weight: 600; } .ag-theme-balham .ag-tab, .ag-theme-balham-dark .ag-tab, .ag-theme-balham-auto-dark .ag-tab { border: 1px solid transparent; padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); margin: var(--ag-grid-size); margin-bottom: -1px; } .ag-theme-balham .ag-tab-selected, .ag-theme-balham-dark .ag-tab-selected, .ag-theme-balham-auto-dark .ag-tab-selected { background-color: var(--ag-background-color); border-color: var(--ag-border-color); border-bottom-color: transparent; } .ag-theme-balham .ag-tabs-header, .ag-theme-balham-dark .ag-tabs-header, .ag-theme-balham-auto-dark .ag-tabs-header { border-bottom: 1px solid var(--ag-border-color); } .ag-theme-balham .ag-column-drop-cell, .ag-theme-balham-dark .ag-column-drop-cell, .ag-theme-balham-auto-dark .ag-column-drop-cell { height: calc(var(--ag-grid-size) * 6); } .ag-theme-balham .ag-column-drop-vertical-title, .ag-theme-balham-dark .ag-column-drop-vertical-title, .ag-theme-balham-auto-dark .ag-column-drop-vertical-title { color: var(--ag-foreground-color); } .ag-theme-balham .ag-column-drop-vertical-cell, .ag-theme-balham-dark .ag-column-drop-vertical-cell, .ag-theme-balham-auto-dark .ag-column-drop-vertical-cell { margin-left: calc(var(--ag-grid-size) * 2); margin-right: calc(var(--ag-grid-size) * 2); } .ag-theme-balham .ag-column-drop-vertical-cell-text, .ag-theme-balham-dark .ag-column-drop-vertical-cell-text, .ag-theme-balham-auto-dark .ag-column-drop-vertical-cell-text { margin-left: calc(var(--ag-grid-size) * 2); } .ag-theme-balham .ag-column-drop-vertical-icon, .ag-theme-balham-dark .ag-column-drop-vertical-icon, .ag-theme-balham-auto-dark .ag-column-drop-vertical-icon { color: var(--ag-secondary-foreground-color); } .ag-theme-balham .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-balham-dark .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-balham-auto-dark .ag-ltr .ag-column-drop-vertical-empty-message { padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); padding-right: var(--ag-grid-size); } .ag-theme-balham .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-balham-dark .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-balham-auto-dark .ag-rtl .ag-column-drop-vertical-empty-message { padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); padding-left: var(--ag-grid-size); } .ag-theme-balham .ag-column-drop-horizontal, .ag-theme-balham-dark .ag-column-drop-horizontal, .ag-theme-balham-auto-dark .ag-column-drop-horizontal { height: var(--ag-header-height); } .ag-theme-balham .ag-column-drop-empty, .ag-theme-balham-dark .ag-column-drop-empty, .ag-theme-balham-auto-dark .ag-column-drop-empty { color: var(--ag-disabled-foreground-color); } .ag-theme-balham .ag-column-drop-horizontal-cell-text, .ag-theme-balham-dark .ag-column-drop-horizontal-cell-text, .ag-theme-balham-auto-dark .ag-column-drop-horizontal-cell-text { margin-left: calc(var(--ag-grid-size) * 2); } .ag-theme-balham .ag-column-drop-vertical, .ag-theme-balham-dark .ag-column-drop-vertical, .ag-theme-balham-auto-dark .ag-column-drop-vertical { padding-top: calc(var(--ag-grid-size) * 2); } .ag-theme-balham .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-balham .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-balham-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-balham-dark .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-balham-auto-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-balham-auto-dark .ag-column-select-column-readonly .ag-icon-grip { opacity: 0.35; } .ag-theme-balham .ag-menu-header, .ag-theme-balham-dark .ag-menu-header, .ag-theme-balham-auto-dark .ag-menu-header { background-color: var(--ag-header-background-color); } .ag-theme-balham .ag-overlay-loading-center, .ag-theme-balham-dark .ag-overlay-loading-center, .ag-theme-balham-auto-dark .ag-overlay-loading-center { background-color: var(--ag-background-color); border: 1px solid var(--ag-border-color); color: var(--ag-foreground-color); padding: calc(var(--ag-grid-size) * 4); } .ag-theme-balham .ag-tooltip, .ag-theme-balham-dark .ag-tooltip, .ag-theme-balham-auto-dark .ag-tooltip { border: none; } .ag-theme-balham .ag-panel-title-bar-button-icon, .ag-theme-balham-dark .ag-panel-title-bar-button-icon, .ag-theme-balham-auto-dark .ag-panel-title-bar-button-icon { font-size: calc(var(--ag-icon-size) + var(--ag-grid-size)); } .ag-theme-balham .ag-panel, .ag-theme-balham-dark .ag-panel, .ag-theme-balham-auto-dark .ag-panel { background-color: var(--ag-header-background-color); } .ag-theme-balham .ag-chart-data-section, .ag-theme-balham .ag-chart-format-section, .ag-theme-balham .ag-chart-advanced-settings-section, .ag-theme-balham-dark .ag-chart-data-section, .ag-theme-balham-dark .ag-chart-format-section, .ag-theme-balham-dark .ag-chart-advanced-settings-section, .ag-theme-balham-auto-dark .ag-chart-data-section, .ag-theme-balham-auto-dark .ag-chart-format-section, .ag-theme-balham-auto-dark .ag-chart-advanced-settings-section { padding-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-theme-balham .ag-group-toolbar, .ag-theme-balham-dark .ag-group-toolbar, .ag-theme-balham-auto-dark .ag-group-toolbar { background-color: var(--ag-subheader-toolbar-background-color); } .ag-theme-balham .ag-chart-tab, .ag-theme-balham-dark .ag-chart-tab, .ag-theme-balham-auto-dark .ag-chart-tab { padding-top: calc(var(--ag-grid-size) * 0.5); } .ag-theme-balham .ag-charts-format-sub-level-group-item, .ag-theme-balham-dark .ag-charts-format-sub-level-group-item, .ag-theme-balham-auto-dark .ag-charts-format-sub-level-group-item { margin-bottom: calc(var(--ag-grid-size) * 1.5); } .ag-theme-balham .ag-filter-active .ag-icon-filter, .ag-theme-balham-dark .ag-filter-active .ag-icon-filter, .ag-theme-balham-auto-dark .ag-filter-active .ag-icon-filter { color: var(--ag-balham-active-color); } .ag-theme-balham .ag-color-input input[class^=ag-][type=text].ag-input-field-input, .ag-theme-balham-dark .ag-color-input input[class^=ag-][type=text].ag-input-field-input, .ag-theme-balham-auto-dark .ag-color-input input[class^=ag-][type=text].ag-input-field-input { min-height: calc(var(--ag-icon-size) + 4px); } @font-face{font-family:MaerskIcons-20px;src:url(https://maersk-designsystem.azureedge.net/icons/1.17.0/fonts/web/20px/MaerskIcons-20px.eot);src:url(https://maersk-designsystem.azureedge.net/icons/1.17.0/fonts/web/20px/MaerskIcons-20px.eot?#iefix) format("embedded-opentype"),url(https://maersk-designsystem.azureedge.net/icons/1.17.0/fonts/web/20px/MaerskIcons-20px.woff2) format("woff2"),url(https://maersk-designsystem.azureedge.net/icons/1.17.0/fonts/web/20px/MaerskIcons-20px.woff) format("woff")}.mi-20px{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-family:MaerskIcons-20px!important;font-size:20px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-decoration:none;text-rendering:auto;text-transform:none}.mi-airplane-arrival:before{content:"\e0db"}.mi-airplane-departure:before{content:"\e0da"}.mi-airplane:before{content:"\e0a1"}.mi-anchor:before{content:"\e087"}.mi-apple-alt:before{content:"\e0dd"}.mi-apple:before{content:"\e0dc"}.mi-arrow-all-directions:before{content:"\e120"}.mi-arrow-anti-clockwise-clock:before{content:"\e085"}.mi-arrow-anti-clockwise:before{content:"\e0a0"}.mi-arrow-clockwise-clock:before{content:"\e084"}.mi-arrow-clockwise-times:before{content:"\e083"}.mi-arrow-clockwise:before{content:"\e086"}.mi-arrow-curved-up-left:before{content:"\e0ab"}.mi-arrow-curved-up-right:before{content:"\e0a5"}.mi-arrow-down-circle:before{content:"\e145"}.mi-arrow-down-left:before{content:"\e081"}.mi-arrow-down-right:before{content:"\e080"}.mi-arrow-down:before{content:"\e082"}.mi-arrow-from-bottom:before{content:"\e07f"}.mi-arrow-from-left:before{content:"\e07e"}.mi-arrow-from-right:before{content:"\e07d"}.mi-arrow-from-top:before{content:"\e07c"}.mi-arrow-left:before{content:"\e07b"}.mi-arrow-right:before{content:"\e07a"}.mi-arrow-to-bottom:before{content:"\e079"}.mi-arrow-to-left:before{content:"\e078"}.mi-arrow-to-right:before{content:"\e077"}.mi-arrow-to-top:before{content:"\e076"}.mi-arrow-up-circle:before{content:"\e146"}.mi-arrow-up-left:before{content:"\e074"}.mi-arrow-up-merge:before{content:"\e147"}.mi-arrow-up-right:before{content:"\e073"}.mi-arrow-up:before{content:"\e075"}.mi-arrows-down-up:before{content:"\e072"}.mi-arrows-left-right:before{content:"\e071"}.mi-banana:before{content:"\e0de"}.mi-bars-horizontal-bullets:before{content:"\e148"}.mi-bars-horizontal-funnel-down:before{content:"\e06f"}.mi-bars-horizontal-funnel-left:before{content:"\e06e"}.mi-bars-horizontal:before{content:"\e070"}.mi-battery-bolt:before{content:"\e0d7"}.mi-battery-solid:before{content:"\e0d9"}.mi-battery:before{content:"\e0d8"}.mi-bell-slash:before{content:"\e17b"}.mi-bell-solid:before{content:"\e121"}.mi-bell:before{content:"\e06d"}.mi-between:before{content:"\e16f"}.mi-bicycle:before{content:"\e0df"}.mi-binoculars:before{content:"\e122"}.mi-book-open:before{content:"\e06c"}.mi-box:before{content:"\e06b"}.mi-boxes-stacked:before{content:"\e149"}.mi-briefcase:before{content:"\e168"}.mi-browser:before{content:"\e06a"}.mi-bucket-mop:before{content:"\e123"}.mi-bus-side:before{content:"\e0e0"}.mi-calculator:before{content:"\e0ad"}.mi-calendar-check:before{content:"\e181"}.mi-calendar-clock:before{content:"\e182"}.mi-calendar-exclamation:before{content:"\e183"}.mi-calendar-minus:before{content:"\e184"}.mi-calendar-plus:before{content:"\e185"}.mi-calendar-times:before{content:"\e186"}.mi-calendar:before{content:"\e069"}.mi-camera-cctv:before{content:"\e169"}.mi-camera-focus:before{content:"\e0e1"}.mi-camera:before{content:"\e0a4"}.mi-captain-hat:before{content:"\e124"}.mi-car-front:before{content:"\e0e2"}.mi-car-side:before{content:"\e0e3"}.mi-caret-down-solid:before{content:"\e0bd"}.mi-caret-down:before{content:"\e068"}.mi-caret-left-solid:before{content:"\e0bc"}.mi-caret-left:before{content:"\e067"}.mi-caret-right-solid:before{content:"\e0bb"}.mi-caret-right:before{content:"\e066"}.mi-caret-up-down-solid:before{content:"\e0d6"}.mi-caret-up-down:before{content:"\e0d5"}.mi-caret-up-solid:before{content:"\e0ba"}.mi-caret-up:before{content:"\e065"}.mi-carrot:before{content:"\e0e4"}.mi-cash:before{content:"\e125"}.mi-chart-arrow-up-right:before{content:"\e097"}.mi-chart-bars-vertical:before{content:"\e096"}.mi-chart-line-up:before{content:"\e098"}.mi-check-circle-half-dashed:before{content:"\e187"}.mi-check-circle-solid:before{content:"\e14a"}.mi-check-circle:before{content:"\e063"}.mi-check:before{content:"\e064"}.mi-chemistry-beakers:before{content:"\e0e5"}.mi-chevron-down:before{content:"\e062"}.mi-chevron-left:before{content:"\e061"}.mi-chevron-right:before{content:"\e060"}.mi-chevron-up:before{content:"\e05f"}.mi-chevrons-left-right:before{content:"\e05e"}.mi-chevrons-up-down:before{content:"\e05d"}.mi-chicken-drumstick:before{content:"\e0e6"}.mi-chicken-head:before{content:"\e0e7"}.mi-chicken-side:before{content:"\e0e8"}.mi-chip:before{content:"\e188"}.mi-clipboard-check-text:before{content:"\e05b"}.mi-clipboard-check:before{content:"\e05c"}.mi-clipboard-list-text:before{content:"\e126"}.mi-clipboard-officer-text:before{content:"\e127"}.mi-clipboard-snowflake-text:before{content:"\e0e9"}.mi-clipboard-text:before{content:"\e128"}.mi-clock-alarm:before{content:"\e059"}.mi-clock-stopwatch:before{content:"\e058"}.mi-clock:before{content:"\e05a"}.mi-cloud:before{content:"\e129"}.mi-coat:before{content:"\e0ea"}.mi-cog-play:before{content:"\e189"}.mi-cog:before{content:"\e057"}.mi-combined-arrow-down:before{content:"\e056"}.mi-combined-arrow-left:before{content:"\e055"}.mi-combined-arrow-right:before{content:"\e054"}.mi-combined-arrow-up:before{content:"\e053"}.mi-comment-dollar:before{content:"\e17c"}.mi-comment-dots:before{content:"\e0ec"}.mi-comment-minus:before{content:"\e0ed"}.mi-comment-off:before{content:"\e0ee"}.mi-comment-plus:before{content:"\e0ef"}.mi-comment:before{content:"\e0eb"}.mi-comments:before{content:"\e052"}.mi-computer:before{content:"\e051"}.mi-container-down:before{content:"\e04f"}.mi-container-flat-rack:before{content:"\e04e"}.mi-container-handler:before{content:"\e14b"}.mi-container-high-cube:before{content:"\e04d"}.mi-container-hook:before{content:"\e04c"}.mi-container-in:before{content:"\e13a"}.mi-container-left:before{content:"\e13b"}.mi-container-open-top:before{content:"\e04b"}.mi-container-out:before{content:"\e13c"}.mi-container-reefer:before{content:"\e04a"}.mi-container-right:before{content:"\e13d"}.mi-container-stacked-alt:before{content:"\e12a"}.mi-container-stacked:before{content:"\e049"}.mi-container-tank:before{content:"\e048"}.mi-container-tracking:before{content:"\e047"}.mi-container-up:before{content:"\e046"}.mi-container:before{content:"\e050"}.mi-contains:before{content:"\e170"}.mi-conveyor-belt:before{content:"\e14c"}.mi-cookie:before{content:"\e18a"}.mi-copy:before{content:"\e12b"}.mi-cotton:before{content:"\e0f0"}.mi-cow-head:before{content:"\e0f1"}.mi-cow-side:before{content:"\e0f2"}.mi-crane:before{content:"\e14d"}.mi-credit-card-back:before{content:"\e092"}.mi-credit-card-front:before{content:"\e093"}.mi-crosshair:before{content:"\e14e"}.mi-dollar-circle:before{content:"\e045"}.mi-door-arrow-right:before{content:"\e044"}.mi-dot-grid:before{content:"\e0f3"}.mi-double-chevron-down:before{content:"\e043"}.mi-double-chevron-left:before{content:"\e042"}.mi-double-chevron-right:before{content:"\e041"}.mi-double-chevron-up:before{content:"\e040"}.mi-dress:before{content:"\e0f4"}.mi-droplet:before{content:"\e03f"}.mi-ellipsis-horizontal:before{content:"\e0af"}.mi-ellipsis-vertical:before{content:"\e03e"}.mi-emergency-light:before{content:"\e16a"}.mi-engine:before{content:"\e0f5"}.mi-envelope-times-circle:before{content:"\e14f"}.mi-envelope:before{content:"\e03d"}.mi-equal:before{content:"\e171"}.mi-euro-circle:before{content:"\e12c"}.mi-exclamation-circle-solid:before{content:"\e150"}.mi-exclamation-circle:before{content:"\e03c"}.mi-exclamation-octagon-solid:before{content:"\e151"}.mi-exclamation-octagon:before{content:"\e03b"}.mi-exclamation-triangle-solid:before{content:"\e0b9"}.mi-exclamation-triangle:before{content:"\e03a"}.mi-expand:before{content:"\e039"}.mi-eye-slash-focus:before{content:"\e16b"}.mi-eye-slash:before{content:"\e037"}.mi-eye:before{content:"\e038"}.mi-face-happy-solid:before{content:"\e152"}.mi-face-happy:before{content:"\e13e"}.mi-face-indifferent-solid:before{content:"\e153"}.mi-face-indifferent:before{content:"\e13f"}.mi-face-sad-solid:before{content:"\e154"}.mi-face-sad:before{content:"\e140"}.mi-face-very-happy-solid:before{content:"\e156"}.mi-face-very-happy:before{content:"\e155"}.mi-face-very-sad-solid:before{content:"\e158"}.mi-face-very-sad:before{content:"\e157"}.mi-factory:before{content:"\e0f6"}.mi-file-arrows-square:before{content:"\e099"}.mi-file-check-stamp:before{content:"\e094"}.mi-file-check:before{content:"\e091"}.mi-file-copy:before{content:"\e035"}.mi-file-csv:before{content:"\e159"}.mi-file-excel:before{content:"\e16c"}.mi-file-eye:before{content:"\e15a"}.mi-file-magnifying-glass:before{content:"\e0d4"}.mi-file-other:before{content:"\e09f"}.mi-file-pdf:before{content:"\e15b"}.mi-file-ribbon:before{content:"\e12d"}.mi-file:before{content:"\e036"}.mi-fish:before{content:"\e0f7"}.mi-flag:before{content:"\e0d3"}.mi-flame:before{content:"\e034"}.mi-floppy-disk:before{content:"\e033"}.mi-flow-diagram:before{content:"\e18b"}.mi-flow:before{content:"\e0d2"}.mi-folder-arrow-down:before{content:"\e032"}.mi-folder-arrow-up:before{content:"\e031"}.mi-folder-minus:before{content:"\e09c"}.mi-folder-open:before{content:"\e09e"}.mi-folder-plus:before{content:"\e09d"}.mi-folder-solid:before{content:"\e172"}.mi-folder:before{content:"\e09b"}.mi-fuel-pump:before{content:"\e0f8"}.mi-funnel-solid:before{content:"\e17d"}.mi-funnel:before{content:"\e15c"}.mi-game-controller:before{content:"\e0f9"}.mi-gift:before{content:"\e0fa"}.mi-globe:before{content:"\e030"}.mi-greater-than-equal:before{content:"\e17f"}.mi-greater-than:before{content:"\e17e"}.mi-grid:before{content:"\e0d1"}.mi-hair-dryer:before{content:"\e0fb"}.mi-handshake:before{content:"\e09a"}.mi-headset:before{content:"\e12e"}.mi-heart-solid:before{content:"\e0b8"}.mi-heart:before{content:"\e02f"}.mi-high-heel:before{content:"\e0fc"}.mi-hook-arrow-left:before{content:"\e02e"}.mi-hook-arrow-right:before{content:"\e02d"}.mi-house:before{content:"\e12f"}.mi-image-polaroid:before{content:"\e0fe"}.mi-image:before{content:"\e0fd"}.mi-info-circle-solid:before{content:"\e15d"}.mi-info-circle:before{content:"\e02c"}.mi-layout-2x2:before{content:"\e0d0"}.mi-leaf:before{content:"\e130"}.mi-lemon-slice:before{content:"\e100"}.mi-lemon:before{content:"\e0ff"}.mi-less-than-equal:before{content:"\e176"}.mi-less-than:before{content:"\e175"}.mi-lifebuoy:before{content:"\e0cf"}.mi-light-bulb:before{content:"\e0b3"}.mi-lightning:before{content:"\e15e"}.mi-link:before{content:"\e02b"}.mi-list-bullets:before{content:"\e0ce"}.mi-lock-unlocked:before{content:"\e090"}.mi-lock:before{content:"\e02a"}.mi-magnifying-glass:before{content:"\e029"}.mi-man:before{content:"\e028"}.mi-map:before{content:"\e18c"}.mi-medal:before{content:"\e0cd"}.mi-medicine-bottle:before{content:"\e101"}.mi-megaphone:before{content:"\e027"}.mi-microphone-off:before{content:"\e102"}.mi-microphone:before{content:"\e026"}.mi-minus-circle-solid:before{content:"\e18e"}.mi-minus-circle:before{content:"\e18d"}.mi-minus:before{content:"\e025"}.mi-mobile-phone:before{content:"\e103"}.mi-module-1:before{content:"\e0cc"}.mi-module-2:before{content:"\e0cb"}.mi-monitor:before{content:"\e104"}.mi-moon-solid:before{content:"\e142"}.mi-moon:before{content:"\e141"}.mi-mouse:before{content:"\e024"}.mi-newspaper:before{content:"\e167"}.mi-next-circle:before{content:"\e08f"}.mi-next:before{content:"\e08e"}.mi-not-equal:before{content:"\e177"}.mi-office-1:before{content:"\e0a2"}.mi-office-2:before{content:"\e0a3"}.mi-oil-well:before{content:"\e105"}.mi-org-chart:before{content:"\e106"}.mi-oven:before{content:"\e107"}.mi-package:before{content:"\e0ca"}.mi-pallet-empty:before{content:"\e160"}.mi-pallet:before{content:"\e15f"}.mi-paperclip:before{content:"\e108"}.mi-pause-circle:before{content:"\e08d"}.mi-pause:before{content:"\e023"}.mi-pencil:before{content:"\e022"}.mi-people:before{content:"\e021"}.mi-person-side-hand:before{content:"\e16d"}.mi-person:before{content:"\e020"}.mi-phone-call:before{content:"\e01e"}.mi-phone:before{content:"\e01f"}.mi-pig-head:before{content:"\e109"}.mi-pig-side:before{content:"\e10a"}.mi-pill:before{content:"\e10b"}.mi-pin:before{content:"\e01d"}.mi-play-circle:before{content:"\e01c"}.mi-play:before{content:"\e08c"}.mi-plug:before{content:"\e131"}.mi-plus-circle-solid:before{content:"\e190"}.mi-plus-circle:before{content:"\e18f"}.mi-plus:before{content:"\e01b"}.mi-power:before{content:"\e191"}.mi-previous-circle:before{content:"\e08a"}.mi-previous:before{content:"\e08b"}.mi-printer:before{content:"\e01a"}.mi-propellor:before{content:"\e0a8"}.mi-push-pin-slash:before{content:"\e179"}.mi-push-pin:before{content:"\e178"}.mi-puzzle-piece:before{content:"\e132"}.mi-question-circle-solid:before{content:"\e161"}.mi-question-circle:before{content:"\e019"}.mi-quote:before{content:"\e018"}.mi-rack:before{content:"\e162"}.mi-radar:before{content:"\e10c"}.mi-radio-tower:before{content:"\e10e"}.mi-radio:before{content:"\e10d"}.mi-receipt:before{content:"\e017"}.mi-remote-control:before{content:"\e10f"}.mi-rotate:before{content:"\e016"}.mi-route-network:before{content:"\e133"}.mi-route:before{content:"\e0ac"}.mi-ruler:before{content:"\e163"}.mi-sandbox:before{content:"\e16e"}.mi-scale-balance:before{content:"\e0c8"}.mi-scale:before{content:"\e0c9"}.mi-scissors:before{content:"\e134"}.mi-share:before{content:"\e015"}.mi-shield-check:before{content:"\e0c6"}.mi-shield:before{content:"\e0c7"}.mi-shoe:before{content:"\e110"}.mi-shopping-cart-return:before{content:"\e135"}.mi-shopping-cart:before{content:"\e0c5"}.mi-shrimp:before{content:"\e111"}.mi-shrink:before{content:"\e014"}.mi-signpost:before{content:"\e136"}.mi-sliders-horizontal:before{content:"\e013"}.mi-sliders-vertical:before{content:"\e164"}.mi-snowflake:before{content:"\e012"}.mi-socks:before{content:"\e112"}.mi-sparkle:before{content:"\e192"}.mi-speaker-high-volume:before{content:"\e113"}.mi-speaker-low-volume:before{content:"\e114"}.mi-speaker-mute:before{content:"\e115"}.mi-speedometer:before{content:"\e116"}.mi-square-arrow-down:before{content:"\e193"}.mi-square-arrow-up-right:before{content:"\e011"}.mi-square-arrow-up:before{content:"\e0ae"}.mi-square-dashed-arrow-down:before{content:"\e194"}.mi-square-dashed-arrow-up:before{content:"\e195"}.mi-stack:before{content:"\e180"}.mi-stamp:before{content:"\e095"}.mi-star-solid:before{content:"\e0b7"}.mi-star:before{content:"\e010"}.mi-steering-wheel:before{content:"\e117"}.mi-stop-circle:before{content:"\e088"}.mi-stop:before{content:"\e089"}.mi-store:before{content:"\e137"}.mi-sun-solid:before{content:"\e144"}.mi-sun:before{content:"\e143"}.mi-sustainability:before{content:"\e17a"}.mi-t-shirt:before{content:"\e118"}.mi-tablet:before{content:"\e119"}.mi-tachometer:before{content:"\e0c4"}.mi-tag:before{content:"\e138"}.mi-television:before{content:"\e11a"}.mi-thermometer-minus:before{content:"\e0c3"}.mi-thermometer-plus:before{content:"\e0c2"}.mi-thermometer-snow:before{content:"\e0c1"}.mi-thermometer-sun:before{content:"\e0c0"}.mi-thermometer:before{content:"\e0a7"}.mi-thumbs-down-solid:before{content:"\e0bf"}.mi-thumbs-down:before{content:"\e0be"}.mi-thumbs-up-solid:before{content:"\e0b6"}.mi-thumbs-up:before{content:"\e00f"}.mi-times-circle-solid:before{content:"\e165"}.mi-times-circle:before{content:"\e00d"}.mi-times:before{content:"\e00e"}.mi-tire:before{content:"\e11b"}.mi-train-front:before{content:"\e00c"}.mi-trash:before{content:"\e00b"}.mi-tray-arrow-down:before{content:"\e00a"}.mi-tray-arrow-up:before{content:"\e009"}.mi-truck-front:before{content:"\e008"}.mi-truck-side-reefer:before{content:"\e11c"}.mi-truck-side:before{content:"\e007"}.mi-tugboat-side:before{content:"\e006"}.mi-turnip:before{content:"\e11d"}.mi-user-circle-solid:before{content:"\e0b4"}.mi-user-circle:before{content:"\e005"}.mi-user-key:before{content:"\e166"}.mi-user-plus-circle:before{content:"\e004"}.mi-user-solid:before{content:"\e0b5"}.mi-user:before{content:"\e0b2"}.mi-vessel-front:before{content:"\e003"}.mi-vessel-side:before{content:"\e139"}.mi-video-clapperboard:before{content:"\e11e"}.mi-video:before{content:"\e0b0"}.mi-warehouse-reefer:before{content:"\e11f"}.mi-warehouse:before{content:"\e0a9"}.mi-wifi-offline:before{content:"\e0b1"}.mi-wifi:before{content:"\e002"}.mi-wrench:before{content:"\e001"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto} @font-face{font-family:MaerskIcons-24px;src:url(https://maersk-designsystem.azureedge.net/icons/1.17.0/fonts/web/24px/MaerskIcons-24px.eot);src:url(https://maersk-designsystem.azureedge.net/icons/1.17.0/fonts/web/24px/MaerskIcons-24px.eot?#iefix) format("embedded-opentype"),url(https://maersk-designsystem.azureedge.net/icons/1.17.0/fonts/web/24px/MaerskIcons-24px.woff2) format("woff2"),url(https://maersk-designsystem.azureedge.net/icons/1.17.0/fonts/web/24px/MaerskIcons-24px.woff) format("woff")}.mi-24px{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-family:MaerskIcons-24px!important;font-size:24px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-decoration:none;text-rendering:auto;text-transform:none}.mi-airplane-arrival:before{content:"\e0db"}.mi-airplane-departure:before{content:"\e0da"}.mi-airplane:before{content:"\e0a1"}.mi-anchor:before{content:"\e087"}.mi-apple-alt:before{content:"\e0dd"}.mi-apple:before{content:"\e0dc"}.mi-arrow-all-directions:before{content:"\e120"}.mi-arrow-anti-clockwise-clock:before{content:"\e085"}.mi-arrow-anti-clockwise:before{content:"\e0a0"}.mi-arrow-clockwise-clock:before{content:"\e084"}.mi-arrow-clockwise-times:before{content:"\e083"}.mi-arrow-clockwise:before{content:"\e086"}.mi-arrow-curved-up-left:before{content:"\e0ab"}.mi-arrow-curved-up-right:before{content:"\e0a5"}.mi-arrow-down-circle:before{content:"\e145"}.mi-arrow-down-left:before{content:"\e081"}.mi-arrow-down-right:before{content:"\e080"}.mi-arrow-down:before{content:"\e082"}.mi-arrow-from-bottom:before{content:"\e07f"}.mi-arrow-from-left:before{content:"\e07e"}.mi-arrow-from-right:before{content:"\e07d"}.mi-arrow-from-top:before{content:"\e07c"}.mi-arrow-left:before{content:"\e07b"}.mi-arrow-right:before{content:"\e07a"}.mi-arrow-to-bottom:before{content:"\e079"}.mi-arrow-to-left:before{content:"\e078"}.mi-arrow-to-right:before{content:"\e077"}.mi-arrow-to-top:before{content:"\e076"}.mi-arrow-up-circle:before{content:"\e146"}.mi-arrow-up-left:before{content:"\e074"}.mi-arrow-up-merge:before{content:"\e147"}.mi-arrow-up-right:before{content:"\e073"}.mi-arrow-up:before{content:"\e075"}.mi-arrows-down-up:before{content:"\e072"}.mi-arrows-left-right:before{content:"\e071"}.mi-banana:before{content:"\e0de"}.mi-bars-horizontal-bullets:before{content:"\e148"}.mi-bars-horizontal-funnel-down:before{content:"\e06f"}.mi-bars-horizontal-funnel-left:before{content:"\e06e"}.mi-bars-horizontal:before{content:"\e070"}.mi-battery-bolt:before{content:"\e0d7"}.mi-battery-solid:before{content:"\e0d9"}.mi-battery:before{content:"\e0d8"}.mi-bell-slash:before{content:"\e17b"}.mi-bell-solid:before{content:"\e121"}.mi-bell:before{content:"\e06d"}.mi-between:before{content:"\e16f"}.mi-bicycle:before{content:"\e0df"}.mi-binoculars:before{content:"\e122"}.mi-book-open:before{content:"\e06c"}.mi-box:before{content:"\e06b"}.mi-boxes-stacked:before{content:"\e149"}.mi-briefcase:before{content:"\e168"}.mi-browser:before{content:"\e06a"}.mi-bucket-mop:before{content:"\e123"}.mi-bus-side:before{content:"\e0e0"}.mi-calculator:before{content:"\e0ad"}.mi-calendar-check:before{content:"\e181"}.mi-calendar-clock:before{content:"\e182"}.mi-calendar-exclamation:before{content:"\e183"}.mi-calendar-minus:before{content:"\e184"}.mi-calendar-plus:before{content:"\e185"}.mi-calendar-times:before{content:"\e186"}.mi-calendar:before{content:"\e069"}.mi-camera-cctv:before{content:"\e169"}.mi-camera-focus:before{content:"\e0e1"}.mi-camera:before{content:"\e0a4"}.mi-captain-hat:before{content:"\e124"}.mi-car-front:before{content:"\e0e2"}.mi-car-side:before{content:"\e0e3"}.mi-caret-down-solid:before{content:"\e0bd"}.mi-caret-down:before{content:"\e068"}.mi-caret-left-solid:before{content:"\e0bc"}.mi-caret-left:before{content:"\e067"}.mi-caret-right-solid:before{content:"\e0bb"}.mi-caret-right:before{content:"\e066"}.mi-caret-up-down-solid:before{content:"\e0d6"}.mi-caret-up-down:before{content:"\e0d5"}.mi-caret-up-solid:before{content:"\e0ba"}.mi-caret-up:before{content:"\e065"}.mi-carrot:before{content:"\e0e4"}.mi-cash:before{content:"\e125"}.mi-chart-arrow-up-right:before{content:"\e097"}.mi-chart-bars-vertical:before{content:"\e096"}.mi-chart-line-up:before{content:"\e098"}.mi-check-circle-half-dashed:before{content:"\e187"}.mi-check-circle-solid:before{content:"\e14a"}.mi-check-circle:before{content:"\e063"}.mi-check:before{content:"\e064"}.mi-chemistry-beakers:before{content:"\e0e5"}.mi-chevron-down:before{content:"\e062"}.mi-chevron-left:before{content:"\e061"}.mi-chevron-right:before{content:"\e060"}.mi-chevron-up:before{content:"\e05f"}.mi-chevrons-left-right:before{content:"\e05e"}.mi-chevrons-up-down:before{content:"\e05d"}.mi-chicken-drumstick:before{content:"\e0e6"}.mi-chicken-head:before{content:"\e0e7"}.mi-chicken-side:before{content:"\e0e8"}.mi-chip:before{content:"\e188"}.mi-clipboard-check-text:before{content:"\e05b"}.mi-clipboard-check:before{content:"\e05c"}.mi-clipboard-list-text:before{content:"\e126"}.mi-clipboard-officer-text:before{content:"\e127"}.mi-clipboard-snowflake-text:before{content:"\e0e9"}.mi-clipboard-text:before{content:"\e128"}.mi-clock-alarm:before{content:"\e059"}.mi-clock-stopwatch:before{content:"\e058"}.mi-clock:before{content:"\e05a"}.mi-cloud:before{content:"\e129"}.mi-coat:before{content:"\e0ea"}.mi-cog-play:before{content:"\e189"}.mi-cog:before{content:"\e057"}.mi-combined-arrow-down:before{content:"\e056"}.mi-combined-arrow-left:before{content:"\e055"}.mi-combined-arrow-right:before{content:"\e054"}.mi-combined-arrow-up:before{content:"\e053"}.mi-comment-dollar:before{content:"\e17c"}.mi-comment-dots:before{content:"\e0ec"}.mi-comment-minus:before{content:"\e0ed"}.mi-comment-off:before{content:"\e0ee"}.mi-comment-plus:before{content:"\e0ef"}.mi-comment:before{content:"\e0eb"}.mi-comments:before{content:"\e052"}.mi-computer:before{content:"\e051"}.mi-container-down:before{content:"\e04f"}.mi-container-flat-rack:before{content:"\e04e"}.mi-container-handler:before{content:"\e14b"}.mi-container-high-cube:before{content:"\e04d"}.mi-container-hook:before{content:"\e04c"}.mi-container-in:before{content:"\e13a"}.mi-container-left:before{content:"\e13b"}.mi-container-open-top:before{content:"\e04b"}.mi-container-out:before{content:"\e13c"}.mi-container-reefer:before{content:"\e04a"}.mi-container-right:before{content:"\e13d"}.mi-container-stacked-alt:before{content:"\e12a"}.mi-container-stacked:before{content:"\e049"}.mi-container-tank:before{content:"\e048"}.mi-container-tracking:before{content:"\e047"}.mi-container-up:before{content:"\e046"}.mi-container:before{content:"\e050"}.mi-contains:before{content:"\e170"}.mi-conveyor-belt:before{content:"\e14c"}.mi-cookie:before{content:"\e18a"}.mi-copy:before{content:"\e12b"}.mi-cotton:before{content:"\e0f0"}.mi-cow-head:before{content:"\e0f1"}.mi-cow-side:before{content:"\e0f2"}.mi-crane:before{content:"\e14d"}.mi-credit-card-back:before{content:"\e092"}.mi-credit-card-front:before{content:"\e093"}.mi-crosshair:before{content:"\e14e"}.mi-dollar-circle:before{content:"\e045"}.mi-door-arrow-right:before{content:"\e044"}.mi-dot-grid:before{content:"\e0f3"}.mi-double-chevron-down:before{content:"\e043"}.mi-double-chevron-left:before{content:"\e042"}.mi-double-chevron-right:before{content:"\e041"}.mi-double-chevron-up:before{content:"\e040"}.mi-dress:before{content:"\e0f4"}.mi-droplet:before{content:"\e03f"}.mi-ellipsis-horizontal:before{content:"\e0af"}.mi-ellipsis-vertical:before{content:"\e03e"}.mi-emergency-light:before{content:"\e16a"}.mi-engine:before{content:"\e0f5"}.mi-envelope-times-circle:before{content:"\e14f"}.mi-envelope:before{content:"\e03d"}.mi-equal:before{content:"\e171"}.mi-euro-circle:before{content:"\e12c"}.mi-exclamation-circle-solid:before{content:"\e150"}.mi-exclamation-circle:before{content:"\e03c"}.mi-exclamation-octagon-solid:before{content:"\e151"}.mi-exclamation-octagon:before{content:"\e03b"}.mi-exclamation-triangle-solid:before{content:"\e0b9"}.mi-exclamation-triangle:before{content:"\e03a"}.mi-expand:before{content:"\e039"}.mi-eye-slash-focus:before{content:"\e16b"}.mi-eye-slash:before{content:"\e037"}.mi-eye:before{content:"\e038"}.mi-face-happy-solid:before{content:"\e152"}.mi-face-happy:before{content:"\e13e"}.mi-face-indifferent-solid:before{content:"\e153"}.mi-face-indifferent:before{content:"\e13f"}.mi-face-sad-solid:before{content:"\e154"}.mi-face-sad:before{content:"\e140"}.mi-face-very-happy-solid:before{content:"\e156"}.mi-face-very-happy:before{content:"\e155"}.mi-face-very-sad-solid:before{content:"\e158"}.mi-face-very-sad:before{content:"\e157"}.mi-factory:before{content:"\e0f6"}.mi-file-arrows-square:before{content:"\e099"}.mi-file-check-stamp:before{content:"\e094"}.mi-file-check:before{content:"\e091"}.mi-file-copy:before{content:"\e035"}.mi-file-csv:before{content:"\e159"}.mi-file-excel:before{content:"\e16c"}.mi-file-eye:before{content:"\e15a"}.mi-file-magnifying-glass:before{content:"\e0d4"}.mi-file-other:before{content:"\e09f"}.mi-file-pdf:before{content:"\e15b"}.mi-file-ribbon:before{content:"\e12d"}.mi-file:before{content:"\e036"}.mi-fish:before{content:"\e0f7"}.mi-flag:before{content:"\e0d3"}.mi-flame:before{content:"\e034"}.mi-floppy-disk:before{content:"\e033"}.mi-flow-diagram:before{content:"\e18b"}.mi-flow:before{content:"\e0d2"}.mi-folder-arrow-down:before{content:"\e032"}.mi-folder-arrow-up:before{content:"\e031"}.mi-folder-minus:before{content:"\e09c"}.mi-folder-open:before{content:"\e09e"}.mi-folder-plus:before{content:"\e09d"}.mi-folder-solid:before{content:"\e172"}.mi-folder:before{content:"\e09b"}.mi-fuel-pump:before{content:"\e0f8"}.mi-funnel-solid:before{content:"\e17d"}.mi-funnel:before{content:"\e15c"}.mi-game-controller:before{content:"\e0f9"}.mi-gift:before{content:"\e0fa"}.mi-globe:before{content:"\e030"}.mi-greater-than-equal:before{content:"\e17f"}.mi-greater-than:before{content:"\e17e"}.mi-grid:before{content:"\e0d1"}.mi-hair-dryer:before{content:"\e0fb"}.mi-handshake:before{content:"\e09a"}.mi-headset:before{content:"\e12e"}.mi-heart-solid:before{content:"\e0b8"}.mi-heart:before{content:"\e02f"}.mi-high-heel:before{content:"\e0fc"}.mi-hook-arrow-left:before{content:"\e02e"}.mi-hook-arrow-right:before{content:"\e02d"}.mi-house:before{content:"\e12f"}.mi-image-polaroid:before{content:"\e0fe"}.mi-image:before{content:"\e0fd"}.mi-info-circle-solid:before{content:"\e15d"}.mi-info-circle:before{content:"\e02c"}.mi-layout-2x2:before{content:"\e0d0"}.mi-leaf:before{content:"\e130"}.mi-lemon-slice:before{content:"\e100"}.mi-lemon:before{content:"\e0ff"}.mi-less-than-equal:before{content:"\e176"}.mi-less-than:before{content:"\e175"}.mi-lifebuoy:before{content:"\e0cf"}.mi-light-bulb:before{content:"\e0b3"}.mi-lightning:before{content:"\e15e"}.mi-link:before{content:"\e02b"}.mi-list-bullets:before{content:"\e0ce"}.mi-lock-unlocked:before{content:"\e090"}.mi-lock:before{content:"\e02a"}.mi-magnifying-glass:before{content:"\e029"}.mi-man:before{content:"\e028"}.mi-map:before{content:"\e18c"}.mi-medal:before{content:"\e0cd"}.mi-medicine-bottle:before{content:"\e101"}.mi-megaphone:before{content:"\e027"}.mi-microphone-off:before{content:"\e102"}.mi-microphone:before{content:"\e026"}.mi-minus-circle-solid:before{content:"\e18e"}.mi-minus-circle:before{content:"\e18d"}.mi-minus:before{content:"\e025"}.mi-mobile-phone:before{content:"\e103"}.mi-module-1:before{content:"\e0cc"}.mi-module-2:before{content:"\e0cb"}.mi-monitor:before{content:"\e104"}.mi-moon-solid:before{content:"\e142"}.mi-moon:before{content:"\e141"}.mi-mouse:before{content:"\e024"}.mi-newspaper:before{content:"\e167"}.mi-next-circle:before{content:"\e08f"}.mi-next:before{content:"\e08e"}.mi-not-equal:before{content:"\e177"}.mi-office-1:before{content:"\e0a2"}.mi-office-2:before{content:"\e0a3"}.mi-oil-well:before{content:"\e105"}.mi-org-chart:before{content:"\e106"}.mi-oven:before{content:"\e107"}.mi-package:before{content:"\e0ca"}.mi-pallet-empty:before{content:"\e160"}.mi-pallet:before{content:"\e15f"}.mi-paperclip:before{content:"\e108"}.mi-pause-circle:before{content:"\e08d"}.mi-pause:before{content:"\e023"}.mi-pencil:before{content:"\e022"}.mi-people:before{content:"\e021"}.mi-person-side-hand:before{content:"\e16d"}.mi-person:before{content:"\e020"}.mi-phone-call:before{content:"\e01e"}.mi-phone:before{content:"\e01f"}.mi-pig-head:before{content:"\e109"}.mi-pig-side:before{content:"\e10a"}.mi-pill:before{content:"\e10b"}.mi-pin:before{content:"\e01d"}.mi-play-circle:before{content:"\e01c"}.mi-play:before{content:"\e08c"}.mi-plug:before{content:"\e131"}.mi-plus-circle-solid:before{content:"\e190"}.mi-plus-circle:before{content:"\e18f"}.mi-plus:before{content:"\e01b"}.mi-power:before{content:"\e191"}.mi-previous-circle:before{content:"\e08a"}.mi-previous:before{content:"\e08b"}.mi-printer:before{content:"\e01a"}.mi-propellor:before{content:"\e0a8"}.mi-push-pin-slash:before{content:"\e179"}.mi-push-pin:before{content:"\e178"}.mi-puzzle-piece:before{content:"\e132"}.mi-question-circle-solid:before{content:"\e161"}.mi-question-circle:before{content:"\e019"}.mi-quote:before{content:"\e018"}.mi-rack:before{content:"\e162"}.mi-radar:before{content:"\e10c"}.mi-radio-tower:before{content:"\e10e"}.mi-radio:before{content:"\e10d"}.mi-receipt:before{content:"\e017"}.mi-remote-control:before{content:"\e10f"}.mi-rotate:before{content:"\e016"}.mi-route-network:before{content:"\e133"}.mi-route:before{content:"\e0ac"}.mi-ruler:before{content:"\e163"}.mi-sandbox:before{content:"\e16e"}.mi-scale-balance:before{content:"\e0c8"}.mi-scale:before{content:"\e0c9"}.mi-scissors:before{content:"\e134"}.mi-share:before{content:"\e015"}.mi-shield-check:before{content:"\e0c6"}.mi-shield:before{content:"\e0c7"}.mi-shoe:before{content:"\e110"}.mi-shopping-cart-return:before{content:"\e135"}.mi-shopping-cart:before{content:"\e0c5"}.mi-shrimp:before{content:"\e111"}.mi-shrink:before{content:"\e014"}.mi-signpost:before{content:"\e136"}.mi-sliders-horizontal:before{content:"\e013"}.mi-sliders-vertical:before{content:"\e164"}.mi-snowflake:before{content:"\e012"}.mi-socks:before{content:"\e112"}.mi-sparkle:before{content:"\e192"}.mi-speaker-high-volume:before{content:"\e113"}.mi-speaker-low-volume:before{content:"\e114"}.mi-speaker-mute:before{content:"\e115"}.mi-speedometer:before{content:"\e116"}.mi-square-arrow-down:before{content:"\e193"}.mi-square-arrow-up-right:before{content:"\e011"}.mi-square-arrow-up:before{content:"\e0ae"}.mi-square-dashed-arrow-down:before{content:"\e194"}.mi-square-dashed-arrow-up:before{content:"\e195"}.mi-stack:before{content:"\e180"}.mi-stamp:before{content:"\e095"}.mi-star-solid:before{content:"\e0b7"}.mi-star:before{content:"\e010"}.mi-steering-wheel:before{content:"\e117"}.mi-stop-circle:before{content:"\e088"}.mi-stop:before{content:"\e089"}.mi-store:before{content:"\e137"}.mi-sun-solid:before{content:"\e144"}.mi-sun:before{content:"\e143"}.mi-sustainability:before{content:"\e17a"}.mi-t-shirt:before{content:"\e118"}.mi-tablet:before{content:"\e119"}.mi-tachometer:before{content:"\e0c4"}.mi-tag:before{content:"\e138"}.mi-television:before{content:"\e11a"}.mi-thermometer-minus:before{content:"\e0c3"}.mi-thermometer-plus:before{content:"\e0c2"}.mi-thermometer-snow:before{content:"\e0c1"}.mi-thermometer-sun:before{content:"\e0c0"}.mi-thermometer:before{content:"\e0a7"}.mi-thumbs-down-solid:before{content:"\e0bf"}.mi-thumbs-down:before{content:"\e0be"}.mi-thumbs-up-solid:before{content:"\e0b6"}.mi-thumbs-up:before{content:"\e00f"}.mi-times-circle-solid:before{content:"\e165"}.mi-times-circle:before{content:"\e00d"}.mi-times:before{content:"\e00e"}.mi-tire:before{content:"\e11b"}.mi-train-front:before{content:"\e00c"}.mi-trash:before{content:"\e00b"}.mi-tray-arrow-down:before{content:"\e00a"}.mi-tray-arrow-up:before{content:"\e009"}.mi-truck-front:before{content:"\e008"}.mi-truck-side-reefer:before{content:"\e11c"}.mi-truck-side:before{content:"\e007"}.mi-tugboat-side:before{content:"\e006"}.mi-turnip:before{content:"\e11d"}.mi-user-circle-solid:before{content:"\e0b4"}.mi-user-circle:before{content:"\e005"}.mi-user-key:before{content:"\e166"}.mi-user-plus-circle:before{content:"\e004"}.mi-user-solid:before{content:"\e0b5"}.mi-user:before{content:"\e0b2"}.mi-vessel-front:before{content:"\e003"}.mi-vessel-side:before{content:"\e139"}.mi-video-clapperboard:before{content:"\e11e"}.mi-video:before{content:"\e0b0"}.mi-warehouse-reefer:before{content:"\e11f"}.mi-warehouse:before{content:"\e0a9"}.mi-wifi-offline:before{content:"\e0b1"}.mi-wifi:before{content:"\e002"}.mi-wrench:before{content:"\e001"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto} @font-face { font-family: "Maersk Text"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://assets.maerskline.com/mds/fonts/text/MaerskText-Regular.eot?") format("eot"), url("https://assets.maerskline.com/mds/fonts/text/MaerskText-Regular.woff2") format("woff2"), url("https://assets.maerskline.com/mds/fonts/text/MaerskText-Regular.woff") format("woff"); } @font-face { font-family: "Maersk Text"; font-style: normal; font-weight: 500; font-display: swap; src: url("https://assets.maerskline.com/mds/fonts/text/MaerskText-Medium.eot?") format("eot"), url("https://assets.maerskline.com/mds/fonts/text/MaerskText-Medium.woff2") format("woff2"), url("https://assets.maerskline.com/mds/fonts/text/MaerskText-Medium.woff") format("woff"); } @font-face { font-family: "Maersk Text"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://assets.maerskline.com/mds/fonts/text/MaerskText-Bold.eot?") format("eot"), url("https://assets.maerskline.com/mds/fonts/text/MaerskText-Bold.woff2") format("woff2"), url("https://assets.maerskline.com/mds/fonts/text/MaerskText-Bold.woff") format("woff"); } @font-face { font-family: "Maersk Text"; font-style: italic; font-weight: 400; font-display: swap; src: url("https://assets.maerskline.com/mds/fonts/text/MaerskText-Italic.eot?") format("eot"), url("https://assets.maerskline.com/mds/fonts/text/MaerskText-Italic.woff2") format("woff2"), url("https://assets.maerskline.com/mds/fonts/text/MaerskText-Italic.woff") format("woff"); } @font-face { font-family: "Maersk Text"; font-style: italic; font-weight: 500; font-display: swap; src: url("https://assets.maerskline.com/mds/fonts/text/MaerskText-MediumItalic.eot?") format("eot"), url("https://assets.maerskline.com/mds/fonts/text/MaerskText-MediumItalic.woff2") format("woff2"), url("https://assets.maerskline.com/mds/fonts/text/MaerskText-MediumItalic.woff") format("woff"); } @font-face { font-family: "Maersk Text"; font-style: italic; font-weight: 700; font-display: swap; src: url("https://assets.maerskline.com/mds/fonts/text/MaerskText-BoldItalic.eot?") format("eot"), url("https://assets.maerskline.com/mds/fonts/text/MaerskText-BoldItalic.woff2") format("woff2"), url("https://assets.maerskline.com/mds/fonts/text/MaerskText-BoldItalic.woff") format("woff"); } @font-face { font-family: "Maersk Headline"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://assets.maerskline.com/mds/fonts/headline/MaerskHeadline-Regular.eot?") format("eot"), url("https://assets.maerskline.com/mds/fonts/headline/MaerskHeadline-Regular.woff2") format("woff2"), url("https://assets.maerskline.com/mds/fonts/headline/MaerskHeadline-Regular.woff") format("woff"); } @font-face { font-family: "Maersk Headline"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://assets.maerskline.com/mds/fonts/headline/MaerskHeadline-Bold.eot?") format("eot"), url("https://assets.maerskline.com/mds/fonts/headline/MaerskHeadline-Bold.woff2") format("woff2"), url("https://assets.maerskline.com/mds/fonts/headline/MaerskHeadline-Bold.woff") format("woff"); } @font-face { font-family: "Maersk Headline"; font-style: normal; font-weight: 300; font-display: swap; src: url("https://assets.maerskline.com/mds/fonts/headline/MaerskHeadline-Light.eot?") format("eot"), url("https://assets.maerskline.com/mds/fonts/headline/MaerskHeadline-Light.woff2") format("woff2"), url("https://assets.maerskline.com/mds/fonts/headline/MaerskHeadline-Light.woff") format("woff"); } :root { --mds_global_border_width: 1px; --mds_global_border_style: solid; --mds_global_breakpoint_xs_min-width: 0px; --mds_global_breakpoint_xs_max-width: 599px; --mds_global_breakpoint_sm_min-width: 600px; --mds_global_breakpoint_sm_max-width: 899px; --mds_global_breakpoint_md_min-width: 900px; --mds_global_breakpoint_md_max-width: 1199px; --mds_global_breakpoint_lg_min-width: 1200px; --mds_global_breakpoint_lg_max-width: 1599px; --mds_global_breakpoint_xl_min-width: 1600px; --mds_global_link_inline_text-decoration: underline; --mds_global_link_inline_hover_text-decoration: none; --mds_global_link_stand-alone_text-decoration: none; --mds_global_link_stand-alone_hover_text-decoration: underline; --mds_global_transition_slow_duration: 0.75s; --mds_global_transition_slow_timing: ease-in-out; --mds_global_transition_medium_duration: 0.5s; --mds_global_transition_medium_timing: ease-in-out; --mds_global_transition_fast_duration: 0.2s; --mds_global_transition_fast_timing: ease-in-out; --mds_brand_border_small_radius: 3px; --mds_brand_border_medium_radius: 4px; --mds_brand_border_large_radius: 6px; --mds_brand_typography_headline_font-family: "Maersk Headline"; --mds_brand_typography_headline_font-family-fallback: -apple-system, BlinkMacSystemFont, "Microsoft JhengHei", "Microsoft Yahei", 微软雅黑, STXihei, 华文细黑, sans-serif; --mds_brand_typography_headline_x-small_font-style: normal; --mds_brand_typography_headline_x-small_font-weight: 400; --mds_brand_typography_headline_x-small_text-transform: none; --mds_brand_typography_headline_x-small_desktop_font-size: 20px; --mds_brand_typography_headline_x-small_desktop_line-height: 24px; --mds_brand_typography_headline_x-small_mobile_font-size: 20px; --mds_brand_typography_headline_x-small_mobile_line-height: 24px; --mds_brand_typography_headline_small_font-style: normal; --mds_brand_typography_headline_small_font-weight: 400; --mds_brand_typography_headline_small_text-transform: none; --mds_brand_typography_headline_small_desktop_font-size: 26px; --mds_brand_typography_headline_small_desktop_line-height: 32px; --mds_brand_typography_headline_small_mobile_font-size: 22px; --mds_brand_typography_headline_small_mobile_line-height: 26px; --mds_brand_typography_headline_medium_font-style: normal; --mds_brand_typography_headline_medium_font-weight: 300; --mds_brand_typography_headline_medium_text-transform: none; --mds_brand_typography_headline_medium_desktop_font-size: 40px; --mds_brand_typography_headline_medium_desktop_line-height: 40px; --mds_brand_typography_headline_medium_mobile_font-size: 26px; --mds_brand_typography_headline_medium_mobile_line-height: 32px; --mds_brand_typography_headline_large_font-style: normal; --mds_brand_typography_headline_large_font-weight: 300; --mds_brand_typography_headline_large_text-transform: none; --mds_brand_typography_headline_large_desktop_font-size: 50px; --mds_brand_typography_headline_large_desktop_line-height: 56px; --mds_brand_typography_headline_large_mobile_font-size: 38px; --mds_brand_typography_headline_large_mobile_line-height: 38px; --mds_brand_typography_headline_x-large_font-style: normal; --mds_brand_typography_headline_x-large_font-weight: 300; --mds_brand_typography_headline_x-large_text-transform: none; --mds_brand_typography_headline_x-large_desktop_font-size: 80px; --mds_brand_typography_headline_x-large_desktop_line-height: 80px; --mds_brand_typography_headline_x-large_mobile_font-size: 56px; --mds_brand_typography_headline_x-large_mobile_line-height: 56px; --mds_brand_typography_text_font-family: "Maersk Text"; --mds_brand_typography_text_font-family-fallback: -apple-system, BlinkMacSystemFont, "Microsoft JhengHei", "Microsoft Yahei", 微软雅黑, STXihei, 华文细黑, sans-serif; --mds_brand_typography_text_x-small_desktop_font-size: 12px; --mds_brand_typography_text_x-small_desktop_line-height: 16px; --mds_brand_typography_text_x-small_mobile_font-size: 12px; --mds_brand_typography_text_x-small_mobile_line-height: 16px; --mds_brand_typography_text_x-small_normal_font-style: normal; --mds_brand_typography_text_x-small_normal_font-weight: 400; --mds_brand_typography_text_x-small_medium_font-style: normal; --mds_brand_typography_text_x-small_medium_font-weight: 500; --mds_brand_typography_text_x-small_bold_font-style: normal; --mds_brand_typography_text_x-small_bold_font-weight: 700; --mds_brand_typography_text_x-small_italic_font-style: italic; --mds_brand_typography_text_x-small_italic_font-weight: 400; --mds_brand_typography_text_x-small_mediumitalic_font-style: italic; --mds_brand_typography_text_x-small_mediumitalic_font-weight: 500; --mds_brand_typography_text_x-small_bolditalic_font-style: italic; --mds_brand_typography_text_x-small_bolditalic_font-weight: 700; --mds_brand_typography_text_small_desktop_font-size: 14px; --mds_brand_typography_text_small_desktop_line-height: 20px; --mds_brand_typography_text_small_mobile_font-size: 14px; --mds_brand_typography_text_small_mobile_line-height: 20px; --mds_brand_typography_text_small_normal_font-style: normal; --mds_brand_typography_text_small_normal_font-weight: 400; --mds_brand_typography_text_small_medium_font-style: normal; --mds_brand_typography_text_small_medium_font-weight: 500; --mds_brand_typography_text_small_bold_font-style: normal; --mds_brand_typography_text_small_bold_font-weight: 700; --mds_brand_typography_text_small_italic_font-style: italic; --mds_brand_typography_text_small_italic_font-weight: 400; --mds_brand_typography_text_small_mediumitalic_font-style: italic; --mds_brand_typography_text_small_mediumitalic_font-weight: 500; --mds_brand_typography_text_small_bolditalic_font-style: italic; --mds_brand_typography_text_small_bolditalic_font-weight: 700; --mds_brand_typography_text_medium_desktop_font-size: 16px; --mds_brand_typography_text_medium_desktop_line-height: 24px; --mds_brand_typography_text_medium_mobile_font-size: 16px; --mds_brand_typography_text_medium_mobile_line-height: 24px; --mds_brand_typography_text_medium_normal_font-style: normal; --mds_brand_typography_text_medium_normal_font-weight: 400; --mds_brand_typography_text_medium_medium_font-style: normal; --mds_brand_typography_text_medium_medium_font-weight: 500; --mds_brand_typography_text_medium_bold_font-style: normal; --mds_brand_typography_text_medium_bold_font-weight: 700; --mds_brand_typography_text_medium_italic_font-style: italic; --mds_brand_typography_text_medium_italic_font-weight: 400; --mds_brand_typography_text_medium_mediumitalic_font-style: italic; --mds_brand_typography_text_medium_mediumitalic_font-weight: 500; --mds_brand_typography_text_medium_bolditalic_font-style: italic; --mds_brand_typography_text_medium_bolditalic_font-weight: 700; --mds_brand_typography_text_large_desktop_font-size: 18px; --mds_brand_typography_text_large_desktop_line-height: 28px; --mds_brand_typography_text_large_mobile_font-size: 18px; --mds_brand_typography_text_large_mobile_line-height: 28px; --mds_brand_typography_text_large_normal_font-style: normal; --mds_brand_typography_text_large_normal_font-weight: 400; --mds_brand_typography_text_large_medium_font-style: normal; --mds_brand_typography_text_large_medium_font-weight: 500; --mds_brand_typography_text_large_bold_font-style: normal; --mds_brand_typography_text_large_bold_font-weight: 700; --mds_brand_typography_text_large_italic_font-style: italic; --mds_brand_typography_text_large_italic_font-weight: 400; --mds_brand_typography_text_large_mediumitalic_font-style: italic; --mds_brand_typography_text_large_mediumitalic_font-weight: 500; --mds_brand_typography_text_large_bolditalic_font-style: italic; --mds_brand_typography_text_large_bolditalic_font-weight: 700; --mds_brand_appearance_neutral_default_text-color: rgb(20,20,20); --mds_brand_appearance_neutral_default_background-color: rgb(255,255,255); --mds_brand_appearance_neutral_default_on-background-color: rgb(20,20,20); --mds_brand_appearance_neutral_default_border-color: rgb(207, 207, 207); --mds_brand_appearance_neutral_weakest_text-color: rgb(118, 118, 118); --mds_brand_appearance_neutral_weakest_background-color: rgb(247, 247, 247); --mds_brand_appearance_neutral_weakest_on-background-color: rgb(20, 20, 20); --mds_brand_appearance_neutral_weak_text-color: rgb(84, 84, 84); --mds_brand_appearance_neutral_weak_background-color: rgb(237, 237, 237); --mds_brand_appearance_neutral_weak_border-color: rgb(219, 219, 219); --mds_brand_appearance_neutral_weak_on-background-color: rgb(20, 20, 20); --mds_brand_appearance_neutral_strong_background-color: rgb(219, 219, 219); --mds_brand_appearance_neutral_strong_on-background-color: rgb(20, 20, 20); --mds_brand_appearance_neutral_strongest_background-color: rgb(84, 84, 84); --mds_brand_appearance_neutral_strongest_on-background-color: rgb(255, 255, 255); --mds_brand_appearance_neutral_alt_text-color: rgb(84,84,84); --mds_brand_appearance_neutral_alt_background-color: rgb(219,219,219); --mds_brand_appearance_neutral_alt_on-background-color: rgb(20,20,20); --mds_brand_appearance_neutral_subtle_text-color: rgb(118, 118, 118); --mds_brand_appearance_neutral_subtle_background-color: rgb(247,247,247); --mds_brand_appearance_neutral_subtle_on-background-color: rgb(20,20,20); --mds_brand_appearance_neutral_subtle_border-color: rgb(219,219,219); --mds_brand_appearance_neutral_inverse_text-color: rgb(255,255,255); --mds_brand_appearance_neutral_inverse_background-color: rgb(20,20,20); --mds_brand_appearance_neutral_inverse_on-background-color: rgb(255,255,255); --mds_brand_appearance_neutral_inverse_border-color: rgb(255,255,255); --mds_brand_appearance_primary_default_text-color: rgb(0,36,61); --mds_brand_appearance_primary_default_background-color: rgb(0,36,61); --mds_brand_appearance_primary_default_on-background-color: rgb(255,255,255); --mds_brand_appearance_primary_default_border-color: rgb(0,36,61); --mds_brand_appearance_primary_default_link-color: rgb(0, 115, 171); --mds_brand_appearance_primary_weak_background-color: rgb(233, 246, 252); --mds_brand_appearance_primary_weak_on-background-color: rgb(0,36,61); --mds_brand_appearance_primary_weak_border-color: rgb(181,224,245); --mds_brand_appearance_primary_subtle_background-color: rgb(233, 246, 252); --mds_brand_appearance_primary_subtle_on-background-color: rgb(0,36,61); --mds_brand_appearance_primary_subtle_border-color: rgb(181,224,245); --mds_brand_appearance_secondary_default_text-color: rgb(66,176,213); --mds_brand_appearance_secondary_default_background-color: rgb(66,176,213); --mds_brand_appearance_secondary_default_on-background-color: rgb(255,255,255); --mds_brand_appearance_secondary_default_border-color: rgb(66,176,213); --mds_brand_appearance_secondary_weak_background-color: rgb(233, 246, 252); --mds_brand_appearance_secondary_weak_on-background-color: rgb(0,36,61); --mds_brand_appearance_secondary_weak_border-color: rgb(181,224,245); --mds_brand_appearance_secondary_subtle_background-color: rgb(233, 246, 252); --mds_brand_appearance_secondary_subtle_on-background-color: rgb(0,36,61); --mds_brand_appearance_secondary_subtle_border-color: rgb(181,224,245); --mds_brand_appearance_success_default_text-color: rgb(50,133,41); --mds_brand_appearance_success_default_background-color: rgb(64,171,53); --mds_brand_appearance_success_default_on-background-color: rgb(255,255,255); --mds_brand_appearance_success_default_border-color: rgb(64,171,53); --mds_brand_appearance_success_weak_background-color: rgb(220,246,217); --mds_brand_appearance_success_weak_on-background-color: rgb(19,51,16); --mds_brand_appearance_success_weak_border-color: rgb(197,229,194); --mds_brand_appearance_success_subtle_background-color: rgb(220,246,217); --mds_brand_appearance_success_subtle_on-background-color: rgb(19,51,16); --mds_brand_appearance_success_subtle_border-color: rgb(197,229,194); --mds_brand_appearance_warning_default_text-color: rgb(128,104,20); --mds_brand_appearance_warning_default_background-color: rgb(255,208,41); --mds_brand_appearance_warning_default_on-background-color: rgb(77,62,12); --mds_brand_appearance_warning_default_border-color: rgb(255,208,41); --mds_brand_appearance_warning_weak_background-color: rgb(255,241,194); --mds_brand_appearance_warning_weak_on-background-color: rgb(77,62,12); --mds_brand_appearance_warning_weak_border-color: rgb(255,235,168); --mds_brand_appearance_warning_subtle_background-color: rgb(255,241,194); --mds_brand_appearance_warning_subtle_on-background-color: rgb(77,62,12); --mds_brand_appearance_warning_subtle_border-color: rgb(255,235,168); --mds_brand_appearance_error_default_text-color: rgb(184,0,18); --mds_brand_appearance_error_default_background-color: rgb(184,0,18); --mds_brand_appearance_error_default_on-background-color: rgb(255,255,255); --mds_brand_appearance_error_default_border-color: rgb(184,0,18); --mds_brand_appearance_error_weak_background-color: rgb(252,221,224); --mds_brand_appearance_error_weak_on-background-color: rgb(55,0,5); --mds_brand_appearance_error_weak_border-color: rgb(233,178,183); --mds_brand_appearance_error_subtle_background-color: rgb(252,221,224); --mds_brand_appearance_error_subtle_on-background-color: rgb(55,0,5); --mds_brand_appearance_error_subtle_border-color: rgb(233,178,183); --mds_brand_appearance_info_default_text-color: rgb(0,115,171); --mds_brand_appearance_info_default_background-color: rgb(66,176,213); --mds_brand_appearance_info_default_on-background-color: rgb(255,255,255); --mds_brand_appearance_info_default_border-color: rgb(66,176,213); --mds_brand_appearance_info_weak_background-color: rgb(211,236,249); --mds_brand_appearance_info_weak_on-background-color: rgb(0,36,61); --mds_brand_appearance_info_weak_border-color: rgb(181,224,245); --mds_brand_appearance_info_subtle_background-color: rgb(211,236,249); --mds_brand_appearance_info_subtle_on-background-color: rgb(0,36,61); --mds_brand_appearance_info_subtle_border-color: rgb(181,224,245); --mds_brand_appearance_static_dark: rgb(20, 20, 20); --mds_brand_appearance_static_light: rgb(255, 255, 255); --mds_brand_appearance_static_logo: url("data:image/svg+xml,"); --mds_brand_appearance_opacity_default_10: rgba(255, 255, 255, 0.1); --mds_brand_appearance_opacity_default_30: rgba(255, 255, 255, 0.3); --mds_brand_appearance_opacity_default_50: rgba(255, 255, 255, 0.5); --mds_brand_appearance_opacity_default_70: rgba(255, 255, 255, 0.7); --mds_brand_appearance_opacity_default_90: rgba(255, 255, 255, 0.9); --mds_brand_appearance_opacity_inverse_10: rgba(20, 20, 20, 0.1); --mds_brand_appearance_opacity_inverse_30: rgba(20, 20, 20, 0.3); --mds_brand_appearance_opacity_inverse_50: rgba(20, 20, 20, 0.5); --mds_brand_appearance_opacity_inverse_70: rgba(20, 20, 20, 0.7); --mds_brand_appearance_opacity_inverse_90: rgba(20, 20, 20, 0.9); --mds_brand_appearance_shadow_low_first-layer_color: rgba(0, 0, 0, 0.04); --mds_brand_appearance_shadow_low_first-layer_offset-x: 0px; --mds_brand_appearance_shadow_low_first-layer_offset-y: 3px; --mds_brand_appearance_shadow_low_first-layer_blur-radius: 5px; --mds_brand_appearance_shadow_low_first-layer_spread-radius: -1px; --mds_brand_appearance_shadow_low_second-layer_color: rgba(0, 0, 0, 0.03); --mds_brand_appearance_shadow_low_second-layer_offset-x: 0px; --mds_brand_appearance_shadow_low_second-layer_offset-y: 1px; --mds_brand_appearance_shadow_low_second-layer_blur-radius: 18px; --mds_brand_appearance_shadow_low_second-layer_spread-radius: 0px; --mds_brand_appearance_shadow_low_third-layer_color: rgba(0, 0, 0, 0.03); --mds_brand_appearance_shadow_low_third-layer_offset-x: 0px; --mds_brand_appearance_shadow_low_third-layer_offset-y: 6px; --mds_brand_appearance_shadow_low_third-layer_blur-radius: 10px; --mds_brand_appearance_shadow_low_third-layer_spread-radius: 0px; --mds_brand_appearance_shadow_medium_first-layer_color: rgba(0, 0, 0, 0.04); --mds_brand_appearance_shadow_medium_first-layer_offset-x: 0px; --mds_brand_appearance_shadow_medium_first-layer_offset-y: 3px; --mds_brand_appearance_shadow_medium_first-layer_blur-radius: 5px; --mds_brand_appearance_shadow_medium_first-layer_spread-radius: -1px; --mds_brand_appearance_shadow_medium_second-layer_color: rgba(0, 0, 0, 0.03); --mds_brand_appearance_shadow_medium_second-layer_offset-x: 0px; --mds_brand_appearance_shadow_medium_second-layer_offset-y: 1px; --mds_brand_appearance_shadow_medium_second-layer_blur-radius: 18px; --mds_brand_appearance_shadow_medium_second-layer_spread-radius: 2px; --mds_brand_appearance_shadow_medium_third-layer_color: rgba(0, 0, 0, 0.03); --mds_brand_appearance_shadow_medium_third-layer_offset-x: 0px; --mds_brand_appearance_shadow_medium_third-layer_offset-y: 6px; --mds_brand_appearance_shadow_medium_third-layer_blur-radius: 10px; --mds_brand_appearance_shadow_medium_third-layer_spread-radius: 4px; --mds_brand_appearance_shadow_high_first-layer_color: rgba(0, 0, 0, 0.04); --mds_brand_appearance_shadow_high_first-layer_offset-x: 0px; --mds_brand_appearance_shadow_high_first-layer_offset-y: 3px; --mds_brand_appearance_shadow_high_first-layer_blur-radius: 5px; --mds_brand_appearance_shadow_high_first-layer_spread-radius: -1px; --mds_brand_appearance_shadow_high_second-layer_color: rgba(0, 0, 0, 0.03); --mds_brand_appearance_shadow_high_second-layer_offset-x: 0px; --mds_brand_appearance_shadow_high_second-layer_offset-y: 1px; --mds_brand_appearance_shadow_high_second-layer_blur-radius: 18px; --mds_brand_appearance_shadow_high_second-layer_spread-radius: 4px; --mds_brand_appearance_shadow_high_third-layer_color: rgba(0, 0, 0, 0.03); --mds_brand_appearance_shadow_high_third-layer_offset-x: 0px; --mds_brand_appearance_shadow_high_third-layer_offset-y: 6px; --mds_brand_appearance_shadow_high_third-layer_blur-radius: 10px; --mds_brand_appearance_shadow_high_third-layer_spread-radius: 8px; --mds_brand_appearance_state_neutral_default_hover_background-color: rgb(237,237,237); --mds_brand_appearance_state_neutral_default_hover_border-color: rgb(135,135,135); --mds_brand_appearance_state_neutral_default_active_background-color: rgb(207,207,207); --mds_brand_appearance_state_neutral_default_active_border-color: rgb(84,84,84); --mds_brand_appearance_state_neutral_weak_hover_background-color: rgba(20,20,20,0.08); --mds_brand_appearance_state_neutral_weak_active_background-color: rgba(20,20,20,0.14); --mds_brand_appearance_state_neutral_subtle_hover_background-color: rgba(20, 20, 20, 0.08); --mds_brand_appearance_state_neutral_subtle_active_background-color: rgba(20, 20, 20, 0.14); --mds_brand_appearance_state_neutral_inverse_hover_background-color: rgba(255, 255, 255, 0.2); --mds_brand_appearance_state_neutral_inverse_active_background-color: rgba(255, 255, 255, 0.4); --mds_brand_appearance_state_primary_default_hover_background-color: rgb(0,61,109); --mds_brand_appearance_state_primary_default_hover_border-color: rgb(0,61,109); --mds_brand_appearance_state_primary_default_active_background-color: rgb(20,20,20); --mds_brand_appearance_state_primary_default_active_border-color: rgb(20,20,20); --mds_brand_appearance_state_primary_weak_hover_background-color: rgba(66, 176, 213, 0.14); --mds_brand_appearance_state_primary_weak_active_background-color: rgba(66, 176, 213, 0.22); --mds_brand_appearance_state_primary_subtle_hover_background-color: rgba(66, 176, 213, 0.14); --mds_brand_appearance_state_primary_subtle_active_background-color: rgba(66, 176, 213, 0.22); --mds_brand_appearance_state_secondary_default_hover_background-color: rgb(12,160,206); --mds_brand_appearance_state_secondary_default_active_background-color: rgb(5,142,198); --mds_brand_appearance_state_secondary_weak_hover_background-color: rgba(0, 36, 61, 0.08); --mds_brand_appearance_state_secondary_weak_active_background-color: rgba(0, 36, 61, 0.14); --mds_brand_appearance_state_secondary_subtle_hover_background-color: rgba(0, 36, 61, 0.08); --mds_brand_appearance_state_secondary_subtle_active_background-color: rgba(0, 36, 61, 0.14); --mds_brand_appearance_state_success_default_hover_background-color: rgb(58, 154, 48); --mds_brand_appearance_state_success_default_active_background-color: rgb(50, 133, 41); --mds_brand_appearance_state_success_weak_hover_background-color: rgba(64, 171, 53, 0.1); --mds_brand_appearance_state_success_weak_active_background-color: rgba(64, 171, 53, 0.2); --mds_brand_appearance_state_success_subtle_hover_background-color: rgba(64, 171, 53, 0.1); --mds_brand_appearance_state_success_subtle_active_background-color: rgba(64, 171, 53, 0.2); --mds_brand_appearance_state_warning_default_hover_background-color: rgb(230, 187, 37); --mds_brand_appearance_state_warning_default_active_background-color: rgb(179, 146, 29); --mds_brand_appearance_state_warning_weak_hover_background-color: rgba(255, 208, 41, 0.14); --mds_brand_appearance_state_warning_weak_active_background-color: rgba(255, 208, 41, 0.24); --mds_brand_appearance_state_warning_subtle_hover_background-color: rgba(255, 208, 41, 0.14); --mds_brand_appearance_state_warning_subtle_active_background-color: rgba(255, 208, 41, 0.24); --mds_brand_appearance_state_error_default_hover_background-color: rgb(166, 0, 16); --mds_brand_appearance_state_error_default_active_background-color: rgb(129, 0, 13); --mds_brand_appearance_state_error_weak_hover_background-color: rgba(184, 0, 18, 0.06); --mds_brand_appearance_state_error_weak_active_background-color: rgba(184, 0, 18, 0.1); --mds_brand_appearance_state_error_subtle_hover_background-color: rgba(184, 0, 18, 0.06); --mds_brand_appearance_state_error_subtle_active_background-color: rgba(184, 0, 18, 0.1); --mds_brand_appearance_state_info_default_hover_background-color: rgb(12, 160, 206); --mds_brand_appearance_state_info_default_active_background-color: rgb(5, 142, 198); --mds_brand_appearance_state_info_weak_hover_background-color: rgba(66, 176, 213, 0.1); --mds_brand_appearance_state_info_weak_active_background-color: rgba(66, 176, 213, 0.2); --mds_brand_appearance_state_info_subtle_hover_background-color: rgba(66, 176, 213, 0.1); --mds_brand_appearance_state_info_subtle_active_background-color: rgba(66, 176, 213, 0.2); --mds_brand_appearance_state_focus_border-color: rgb(66,176,213); --mds_brand_appearance_state_focus_default_shadow_offset-x: 0px; --mds_brand_appearance_state_focus_default_shadow_offset-y: 0px; --mds_brand_appearance_state_focus_default_shadow_blur-radius: 0px; --mds_brand_appearance_state_focus_default_shadow_spread-radius: 3px; --mds_brand_appearance_state_focus_default_shadow_color: rgb(181,224,245); --mds_brand_appearance_state_focus_vanity_shadow_offset-x: 0px; --mds_brand_appearance_state_focus_vanity_shadow_offset-y: 3px; --mds_brand_appearance_state_focus_vanity_shadow_blur-radius: 0px; --mds_brand_appearance_state_focus_vanity_shadow_spread-radius: 0px; --mds_brand_appearance_state_focus_vanity_shadow_color: rgb(181,224,245); --mds_brand_appearance_state_disabled_opacity: 0.5; --mds_foundations_body_background-color: var(--mds_brand_appearance_neutral_default_background-color); --mds_foundations_body_text-color: var(--mds_brand_appearance_neutral_default_text-color); --mds_foundations_breadcrumb_item_text-color: var(--mds_brand_appearance_neutral_weak_text-color); --mds_foundations_breadcrumb_item_padding: 6px; --mds_foundations_breadcrumb_separator_text-color: var(--mds_brand_appearance_neutral_weakest_text-color); --mds_foundations_breadcrumb_collapsed_padding: 3px; --mds_foundations_breadcrumb_truncated_item_padding: 20px; --mds_foundations_grid_xs_columns: 2; --mds_foundations_grid_xs_column-gap: 16px; --mds_foundations_grid_xs_row-gap: 16px; --mds_foundations_grid_sm_columns: 6; --mds_foundations_grid_sm_column-gap: 16px; --mds_foundations_grid_sm_row-gap: 16px; --mds_foundations_grid_md_columns: 12; --mds_foundations_grid_md_column-gap: 24px; --mds_foundations_grid_md_row-gap: 24px; --mds_foundations_grid_lg_columns: 12; --mds_foundations_grid_lg_column-gap: 24px; --mds_foundations_grid_lg_row-gap: 24px; --mds_foundations_grid_xl_columns: 12; --mds_foundations_grid_xl_column-gap: 32px; --mds_foundations_grid_xl_row-gap: 32px; --mds_foundations_horizontal-rule_margin-top: 40px; --mds_foundations_horizontal-rule_margin-bottom: 40px; --mds_foundations_horizontal-rule_border-width: var(--mds_global_border_width); --mds_foundations_horizontal-rule_border-style: var(--mds_global_border_style); --mds_foundations_horizontal-rule_border-color: var(--mds_brand_appearance_neutral_default_border-color); --mds_foundations_link_transition-properties: all; --mds_foundations_link_transition-duration: var(--mds_global_transition_fast_duration); --mds_foundations_link_transition-timing: var(--mds_global_transition_fast_timing); --mds_foundations_link_focus_border-radius: var(--mds_brand_border_medium_radius); --mds_foundations_link_inline_text-decoration: var(--mds_global_link_inline_text-decoration); --mds_foundations_link_inline_hover_text-decoration: var(--mds_global_link_inline_hover_text-decoration); --mds_foundations_link_stand-alone_text-decoration: var(--mds_global_link_stand-alone_text-decoration); --mds_foundations_link_stand-alone_hover_text-decoration: var(--mds_global_link_stand-alone_hover_text-decoration); --mds_foundations_link_external_icon_width: 20px; --mds_foundations_link_external_icon_height: 20px; --mds_foundations_link_default_text-color: var(--mds_brand_appearance_primary_default_link-color); --mds_foundations_list_margin-top: 24px; --mds_foundations_list_margin-bottom: 24px; --mds_foundations_list_item_padding-left: 8px; --mds_foundations_list_vertical_padding-left: 24px; --mds_foundations_list_vertical_item_gap: 4px; --mds_foundations_list_horizontal_item_gap: 40px; --mds_foundations_list_unordered_list-style: outside circle; --mds_foundations_list_ordered_list-style: outside decimal; --mds_foundations_modal_background-color: var(--mds_brand_appearance_neutral_default_background-color); --mds_foundations_modal_body_padding-top: 12px; --mds_foundations_modal_body_padding-right: 24px; --mds_foundations_modal_body_padding-left: 24px; --mds_foundations_modal_body_padding-bottom: 24px; --mds_foundations_modal_close_background-color: var(--mds_brand_appearance_opacity_default_50); --mds_foundations_modal_close_hover_background-color: transparent; --mds_foundations_modal_close_active_background-color: transparent; --mds_foundations_modal_footer_background-color: var(--mds_brand_appearance_neutral_weakest_background-color); --mds_foundations_modal_footer_gap: 12px; --mds_foundations_modal_footer_padding-top: 12px; --mds_foundations_modal_footer_padding-right: 24px; --mds_foundations_modal_footer_padding-left: 24px; --mds_foundations_modal_footer_padding-bottom: 12px; --mds_foundations_modal_heading_padding-top: 20px; --mds_foundations_modal_heading_padding-right: 24px; --mds_foundations_modal_heading_padding-left: 24px; --mds_foundations_modal_heading_padding-bottom: 12px; --mds_foundations_modal_heading_title_margin-top: 4px; --mds_foundations_modal_z-index: 9999; --mds_foundations_slot_gap: 4px; --mds_foundations_table_border-width: var(--mds_global_border_width); --mds_foundations_table_border-radius: var(--mds_brand_border_large_radius); --mds_foundations_table_border-style: var(--mds_global_border_style); --mds_foundations_table_border-color: var(--mds_brand_appearance_neutral_default_border-color); --mds_foundations_table_row-selector_margin-top: -3px; --mds_foundations_table_row-expander_margin-top: -3px; --mds_foundations_table_row-expander-trigger_transition-duration: 350ms; --mds_foundations_table_cell_background-color: var(--mds_brand_appearance_neutral_default_background-color); --mds_foundations_table_cell_text-color: var(--mds_brand_appearance_neutral_default_on-background-color); --mds_foundations_table_cell_hover_background-color: var(--mds_brand_appearance_state_neutral_default_hover_background-color); --mds_foundations_table_cell_hover_text-color: var(--mds_brand_appearance_neutral_default_on-background-color); --mds_foundations_table_cell_selected_background-color: var(--mds_brand_appearance_primary_weak_background-color); --mds_foundations_table_cell_selected_text-color: var(--mds_brand_appearance_primary_weak_on-background-color); --mds_foundations_table_header-cell_sort-button_font-weight: var(--mds_brand_typography_text_medium_bold_font-weight); --mds_foundations_table_header-cell_background-color: var(--mds_brand_appearance_neutral_weakest_background-color); --mds_foundations_table_header-cell_text-color: var(--mds_brand_appearance_neutral_weakest_on-background-color); --mds_foundations_table_header-cell_sort_hover_background-color: var(--mds_brand_appearance_state_neutral_default_hover_background-color); --mds_foundations_table_header-cell_sort_active_background-color: var(--mds_brand_appearance_state_neutral_default_active_background-color); --mds_foundations_table_zebra-stripe_background-color: var(--mds_brand_appearance_neutral_weakest_background-color); --mds_foundations_table_zebra-stripe_text-color: var(--mds_brand_appearance_neutral_weakest_on-background-color); --mds_foundations_table_caption_text-color: var(--mds_brand_appearance_neutral_default_on-background-color); --mds_foundations_table_subtext_text-color: var(--mds_brand_appearance_neutral_weak_text-color); --mds_foundations_table_subtext_font-weight: var(--mds_brand_typography_text_medium_normal_font-weight); --mds_foundations_table_small_caption_margin-bottom: 12px; --mds_foundations_table_small_cell_padding-top: 6px; --mds_foundations_table_small_cell_padding-right: 12px; --mds_foundations_table_small_cell_padding-bottom: 6px; --mds_foundations_table_small_cell_padding-left: 12px; --mds_foundations_table_small_header-cell_sortable_padding-top: 5px; --mds_foundations_table_small_header-cell_sortable_padding-bottom: 5px; --mds_foundations_table_small_expanded-row_padding-top: 12px; --mds_foundations_table_small_expanded-row_padding-right: 12px; --mds_foundations_table_small_expanded-row_padding-bottom: 20px; --mds_foundations_table_small_expanded-row_padding-left: 12px; --mds_foundations_table_medium_caption_margin-bottom: 16px; --mds_foundations_table_medium_cell_padding-top: 8px; --mds_foundations_table_medium_cell_padding-right: 16px; --mds_foundations_table_medium_cell_padding-bottom: 8px; --mds_foundations_table_medium_cell_padding-left: 16px; --mds_foundations_table_medium_header-cell_sortable_padding-top: 7px; --mds_foundations_table_medium_header-cell_sortable_padding-bottom: 7px; --mds_foundations_table_medium_expanded-row_padding-top: 16px; --mds_foundations_table_medium_expanded-row_padding-right: 16px; --mds_foundations_table_medium_expanded-row_padding-bottom: 24px; --mds_foundations_table_medium_expanded-row_padding-left: 16px; --mds_foundations_table_large_caption_margin-bottom: 24px; --mds_foundations_table_large_cell_padding-top: 12px; --mds_foundations_table_large_cell_padding-right: 24px; --mds_foundations_table_large_cell_padding-bottom: 12px; --mds_foundations_table_large_cell_padding-left: 24px; --mds_foundations_table_large_header-cell_sortable_padding-top: 11px; --mds_foundations_table_large_header-cell_sortable_padding-bottom: 11px; --mds_foundations_table_large_expanded-row_padding-top: 24px; --mds_foundations_table_large_expanded-row_padding-right: 24px; --mds_foundations_table_large_expanded-row_padding-bottom: 32px; --mds_foundations_table_large_expanded-row_padding-left: 24px; --mds_foundations_toast_padding: 16px; --mds_foundations_toast_gap: 16px; --mds_foundations_toast_min-width: 280px; --mds_foundations_toast_max-width: 600px; --mds_foundations_toast_width: 480px; --mds_foundations_toast_transition-properties: box-shadow; --mds_foundations_toast_transition-duration: var(--mds_global_transition_fast_duration); --mds_foundations_toast_transition-timing: var(--mds_global_transition_fast_timing); --mds_foundations_typography_heading-1_margin-top: 48px; --mds_foundations_typography_heading-1_margin-bottom: 24px; --mds_foundations_typography_heading-2_margin-top: 48px; --mds_foundations_typography_heading-2_margin-bottom: 24px; --mds_foundations_typography_heading-3_margin-top: 48px; --mds_foundations_typography_heading-3_margin-bottom: 16px; --mds_foundations_typography_heading-4_margin-top: 24px; --mds_foundations_typography_heading-4_margin-bottom: 16px; --mds_foundations_typography_heading-5_margin-top: 24px; --mds_foundations_typography_heading-5_margin-bottom: 16px; --mds_foundations_typography_heading-6_margin-top: 24px; --mds_foundations_typography_heading-6_margin-bottom: 16px; --mds_foundations_typography_paragraph_margin-top: 24px; --mds_foundations_typography_paragraph_margin-bottom: 24px;} @charset "UTF-8"; /** Generates CSS for using BP typography. */ /* stylelint-disable selector-class-pattern */ /* stylelint-disable no-descending-specificity */ /* stylelint-disable selector-class-pattern */ /* stylelint-disable no-descending-specificity */ /* stylelint-disable selector-class-pattern */ /* stylelint-disable selector-class-pattern */ /* stylelint-disable selector-class-pattern */ /* stylelint-disable no-descending-specificity */ /* stylelint-disable selector-class-pattern */ /* stylelint-disable no-descending-specificity */ /* stylelint-disable selector-class-pattern */ /* stylelint-disable selector-class-pattern */ /* stylelint-disable no-descending-specificity */ .row { display: flex; flex-wrap: wrap; margin-top: 0; margin-right: -0.75rem; margin-left: -0.75rem; } .row > * { width: 100%; max-width: 100%; flex-shrink: 0; padding-right: 0.75rem; padding-left: 0.75rem; margin-top: 0; } .col-auto { width: auto; flex: 0 0 auto; } .col-1 { width: 8.33333333%; flex: 0 0 auto; } .col-2 { width: 16.66666667%; flex: 0 0 auto; } .col-3 { width: 25%; flex: 0 0 auto; } .col-4 { width: 33.33333333%; flex: 0 0 auto; } .col-5 { width: 41.66666667%; flex: 0 0 auto; } .col-6 { width: 50%; flex: 0 0 auto; } .col-7 { width: 58.33333333%; flex: 0 0 auto; } .col-8 { width: 66.66666667%; flex: 0 0 auto; } .col-9 { width: 75%; flex: 0 0 auto; } .col-10 { width: 83.33333333%; flex: 0 0 auto; } .col-11 { width: 91.66666667%; flex: 0 0 auto; } .col-12 { width: 100%; flex: 0 0 auto; } @media (width >= 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { width: auto; flex: 0 0 auto; } .row-cols-sm-1 > * { width: 100%; flex: 0 0 auto; } .row-cols-sm-2 > * { width: 50%; flex: 0 0 auto; } .row-cols-sm-3 > * { width: 33.33333333%; flex: 0 0 auto; } .row-cols-sm-4 > * { width: 25%; flex: 0 0 auto; } .row-cols-sm-5 > * { width: 20%; flex: 0 0 auto; } .row-cols-sm-6 > * { width: 16.66666667%; flex: 0 0 auto; } .col-sm-auto { width: auto; flex: 0 0 auto; } .col-sm-1 { width: 8.33333333%; flex: 0 0 auto; } .col-sm-2 { width: 16.66666667%; flex: 0 0 auto; } .col-sm-3 { width: 25%; flex: 0 0 auto; } .col-sm-4 { width: 33.33333333%; flex: 0 0 auto; } .col-sm-5 { width: 41.66666667%; flex: 0 0 auto; } .col-sm-6 { width: 50%; flex: 0 0 auto; } .col-sm-7 { width: 58.33333333%; flex: 0 0 auto; } .col-sm-8 { width: 66.66666667%; flex: 0 0 auto; } .col-sm-9 { width: 75%; flex: 0 0 auto; } .col-sm-10 { width: 83.33333333%; flex: 0 0 auto; } .col-sm-11 { width: 91.66666667%; flex: 0 0 auto; } .col-sm-12 { width: 100%; flex: 0 0 auto; } } @media (width >= 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { width: auto; flex: 0 0 auto; } .row-cols-md-1 > * { width: 100%; flex: 0 0 auto; } .row-cols-md-2 > * { width: 50%; flex: 0 0 auto; } .row-cols-md-3 > * { width: 33.33333333%; flex: 0 0 auto; } .row-cols-md-4 > * { width: 25%; flex: 0 0 auto; } .row-cols-md-5 > * { width: 20%; flex: 0 0 auto; } .row-cols-md-6 > * { width: 16.66666667%; flex: 0 0 auto; } .col-md-auto { width: auto; flex: 0 0 auto; } .col-md-1 { width: 8.33333333%; flex: 0 0 auto; } .col-md-2 { width: 16.66666667%; flex: 0 0 auto; } .col-md-3 { width: 25%; flex: 0 0 auto; } .col-md-4 { width: 33.33333333%; flex: 0 0 auto; } .col-md-5 { width: 41.66666667%; flex: 0 0 auto; } .col-md-6 { width: 50%; flex: 0 0 auto; } .col-md-7 { width: 58.33333333%; flex: 0 0 auto; } .col-md-8 { width: 66.66666667%; flex: 0 0 auto; } .col-md-9 { width: 75%; flex: 0 0 auto; } .col-md-10 { width: 83.33333333%; flex: 0 0 auto; } .col-md-11 { width: 91.66666667%; flex: 0 0 auto; } .col-md-12 { width: 100%; flex: 0 0 auto; } } @media (width >= 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { width: auto; flex: 0 0 auto; } .row-cols-lg-1 > * { width: 100%; flex: 0 0 auto; } .row-cols-lg-2 > * { width: 50%; flex: 0 0 auto; } .row-cols-lg-3 > * { width: 33.33333333%; flex: 0 0 auto; } .row-cols-lg-4 > * { width: 25%; flex: 0 0 auto; } .row-cols-lg-5 > * { width: 20%; flex: 0 0 auto; } .row-cols-lg-6 > * { width: 16.66666667%; flex: 0 0 auto; } .col-lg-auto { width: auto; flex: 0 0 auto; } .col-lg-1 { width: 8.33333333%; flex: 0 0 auto; } .col-lg-2 { width: 16.66666667%; flex: 0 0 auto; } .col-lg-3 { width: 25%; flex: 0 0 auto; } .col-lg-4 { width: 33.33333333%; flex: 0 0 auto; } .col-lg-5 { width: 41.66666667%; flex: 0 0 auto; } .col-lg-6 { width: 50%; flex: 0 0 auto; } .col-lg-7 { width: 58.33333333%; flex: 0 0 auto; } .col-lg-8 { width: 66.66666667%; flex: 0 0 auto; } .col-lg-9 { width: 75%; flex: 0 0 auto; } .col-lg-10 { width: 83.33333333%; flex: 0 0 auto; } .col-lg-11 { width: 91.66666667%; flex: 0 0 auto; } .col-lg-12 { width: 100%; flex: 0 0 auto; } } .d-flex { display: flex !important; } .d-none { display: none !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .align-items-start { align-items: flex-start !important; } .align-items-center { align-items: center !important; } .align-items-end { align-items: flex-end !important; } .d-inline-block { display: inline-block !important; } .bp-h-0 { height: 0px; } .bp-h-5 { height: 5px; } .bp-h-10 { height: 10px; } .bp-h-15 { height: 15px; } .bp-h-20 { height: 20px; } .bp-h-25 { height: 25px; } .bp-h-30 { height: 30px; } .bp-h-35 { height: 35px; } .bp-h-40 { height: 40px; } .bp-h-45 { height: 45px; } .bp-h-50 { height: 50px; } .bp-h-55 { height: 55px; } .bp-h-60 { height: 60px; } .bp-h-65 { height: 65px; } .bp-h-70 { height: 70px; } .bp-h-75 { height: 75px; } .bp-h-80 { height: 80px; } .bp-h-85 { height: 85px; } .bp-h-90 { height: 90px; } .bp-h-95 { height: 95px; } .bp-h-100 { height: 100px; } .bp-h-105 { height: 105px; } .bp-h-110 { height: 110px; } .bp-h-115 { height: 115px; } .bp-h-120 { height: 120px; } .bp-h-125 { height: 125px; } .bp-h-130 { height: 130px; } .bp-h-135 { height: 135px; } .bp-h-140 { height: 140px; } .bp-h-145 { height: 145px; } .bp-h-150 { height: 150px; } .bp-h-155 { height: 155px; } .bp-h-160 { height: 160px; } .bp-h-165 { height: 165px; } .bp-h-170 { height: 170px; } .bp-h-175 { height: 175px; } .bp-h-180 { height: 180px; } .bp-h-185 { height: 185px; } .bp-h-190 { height: 190px; } .bp-h-195 { height: 195px; } .bp-h-200 { height: 200px; } .bp-h-205 { height: 205px; } .bp-h-210 { height: 210px; } .bp-h-215 { height: 215px; } .bp-h-220 { height: 220px; } .bp-h-225 { height: 225px; } .bp-h-230 { height: 230px; } .bp-h-235 { height: 235px; } .bp-h-240 { height: 240px; } .bp-h-245 { height: 245px; } .bp-h-250 { height: 250px; } .bp-h-255 { height: 255px; } .bp-h-260 { height: 260px; } .bp-h-265 { height: 265px; } .bp-h-270 { height: 270px; } .bp-h-275 { height: 275px; } .bp-h-280 { height: 280px; } .bp-h-285 { height: 285px; } .bp-h-290 { height: 290px; } .bp-h-295 { height: 295px; } .bp-h-300 { height: 300px; } .bp-h-305 { height: 305px; } .bp-h-310 { height: 310px; } .bp-h-315 { height: 315px; } .bp-h-320 { height: 320px; } .bp-h-325 { height: 325px; } .bp-h-330 { height: 330px; } .bp-h-335 { height: 335px; } .bp-h-340 { height: 340px; } .bp-h-345 { height: 345px; } .bp-h-350 { height: 350px; } .bp-h-355 { height: 355px; } .bp-h-360 { height: 360px; } .bp-h-365 { height: 365px; } .bp-h-370 { height: 370px; } .bp-h-375 { height: 375px; } .bp-h-380 { height: 380px; } .bp-h-385 { height: 385px; } .bp-h-390 { height: 390px; } .bp-h-395 { height: 395px; } .bp-h-400 { height: 400px; } .bp-h-405 { height: 405px; } .bp-h-410 { height: 410px; } .bp-h-415 { height: 415px; } .bp-h-420 { height: 420px; } .bp-h-425 { height: 425px; } .bp-h-430 { height: 430px; } .bp-h-435 { height: 435px; } .bp-h-440 { height: 440px; } .bp-h-445 { height: 445px; } .bp-h-450 { height: 450px; } .bp-h-455 { height: 455px; } .bp-h-460 { height: 460px; } .bp-h-465 { height: 465px; } .bp-h-470 { height: 470px; } .bp-h-475 { height: 475px; } .bp-h-480 { height: 480px; } .bp-h-485 { height: 485px; } .bp-h-490 { height: 490px; } .bp-h-495 { height: 495px; } .bp-h-500 { height: 500px; } .bp-h-505 { height: 505px; } .bp-h-510 { height: 510px; } .bp-h-515 { height: 515px; } .bp-h-520 { height: 520px; } .bp-h-525 { height: 525px; } .bp-h-530 { height: 530px; } .bp-h-535 { height: 535px; } .bp-h-540 { height: 540px; } .bp-h-545 { height: 545px; } .bp-h-550 { height: 550px; } .bp-h-555 { height: 555px; } .bp-h-560 { height: 560px; } .bp-h-565 { height: 565px; } .bp-h-570 { height: 570px; } .bp-h-575 { height: 575px; } .bp-h-580 { height: 580px; } .bp-h-585 { height: 585px; } .bp-h-590 { height: 590px; } .bp-h-595 { height: 595px; } .bp-h-600 { height: 600px; } .bp-h-605 { height: 605px; } .bp-h-610 { height: 610px; } .bp-h-615 { height: 615px; } .bp-h-620 { height: 620px; } .bp-h-625 { height: 625px; } .bp-h-630 { height: 630px; } .bp-h-635 { height: 635px; } .bp-h-640 { height: 640px; } .bp-h-645 { height: 645px; } .bp-h-650 { height: 650px; } .bp-h-655 { height: 655px; } .bp-h-660 { height: 660px; } .bp-h-665 { height: 665px; } .bp-h-670 { height: 670px; } .bp-h-675 { height: 675px; } .bp-h-680 { height: 680px; } .bp-h-685 { height: 685px; } .bp-h-690 { height: 690px; } .bp-h-695 { height: 695px; } .bp-h-700 { height: 700px; } .bp-h-705 { height: 705px; } .bp-h-710 { height: 710px; } .bp-h-715 { height: 715px; } .bp-h-720 { height: 720px; } .bp-h-725 { height: 725px; } .bp-h-730 { height: 730px; } .bp-h-735 { height: 735px; } .bp-h-740 { height: 740px; } .bp-h-745 { height: 745px; } .bp-h-750 { height: 750px; } .bp-h-755 { height: 755px; } .bp-h-760 { height: 760px; } .bp-h-765 { height: 765px; } .bp-h-770 { height: 770px; } .bp-h-775 { height: 775px; } .bp-h-780 { height: 780px; } .bp-h-785 { height: 785px; } .bp-h-790 { height: 790px; } .bp-h-795 { height: 795px; } .bp-h-800 { height: 800px; } .bp-h-805 { height: 805px; } .bp-h-810 { height: 810px; } .bp-h-815 { height: 815px; } .bp-h-820 { height: 820px; } .bp-h-825 { height: 825px; } .bp-h-830 { height: 830px; } .bp-h-835 { height: 835px; } .bp-h-840 { height: 840px; } .bp-h-845 { height: 845px; } .bp-h-850 { height: 850px; } .bp-h-855 { height: 855px; } .bp-h-860 { height: 860px; } .bp-h-865 { height: 865px; } .bp-h-870 { height: 870px; } .bp-h-875 { height: 875px; } .bp-h-880 { height: 880px; } .bp-h-885 { height: 885px; } .bp-h-890 { height: 890px; } .bp-h-895 { height: 895px; } .bp-h-900 { height: 900px; } .bp-h-905 { height: 905px; } .bp-h-910 { height: 910px; } .bp-h-915 { height: 915px; } .bp-h-920 { height: 920px; } .bp-h-925 { height: 925px; } .bp-h-930 { height: 930px; } .bp-h-935 { height: 935px; } .bp-h-940 { height: 940px; } .bp-h-945 { height: 945px; } .bp-h-950 { height: 950px; } .bp-h-955 { height: 955px; } .bp-h-960 { height: 960px; } .bp-h-965 { height: 965px; } .bp-h-970 { height: 970px; } .bp-h-975 { height: 975px; } .bp-h-980 { height: 980px; } .bp-h-985 { height: 985px; } .bp-h-990 { height: 990px; } .bp-h-995 { height: 995px; } .bp-h-1000 { height: 1000px; } .bp-w-0 { width: 0px; } .bp-w-5 { width: 5px; } .bp-w-10 { width: 10px; } .bp-w-15 { width: 15px; } .bp-w-20 { width: 20px; } .bp-w-25 { width: 25px; } .bp-w-30 { width: 30px; } .bp-w-35 { width: 35px; } .bp-w-40 { width: 40px; } .bp-w-45 { width: 45px; } .bp-w-50 { width: 50px; } .bp-w-55 { width: 55px; } .bp-w-60 { width: 60px; } .bp-w-65 { width: 65px; } .bp-w-70 { width: 70px; } .bp-w-75 { width: 75px; } .bp-w-80 { width: 80px; } .bp-w-85 { width: 85px; } .bp-w-90 { width: 90px; } .bp-w-95 { width: 95px; } .bp-w-100 { width: 100px; } .bp-w-105 { width: 105px; } .bp-w-110 { width: 110px; } .bp-w-115 { width: 115px; } .bp-w-120 { width: 120px; } .bp-w-125 { width: 125px; } .bp-w-130 { width: 130px; } .bp-w-135 { width: 135px; } .bp-w-140 { width: 140px; } .bp-w-145 { width: 145px; } .bp-w-150 { width: 150px; } .bp-w-155 { width: 155px; } .bp-w-160 { width: 160px; } .bp-w-165 { width: 165px; } .bp-w-170 { width: 170px; } .bp-w-175 { width: 175px; } .bp-w-180 { width: 180px; } .bp-w-185 { width: 185px; } .bp-w-190 { width: 190px; } .bp-w-195 { width: 195px; } .bp-w-200 { width: 200px; } .bp-w-205 { width: 205px; } .bp-w-210 { width: 210px; } .bp-w-215 { width: 215px; } .bp-w-220 { width: 220px; } .bp-w-225 { width: 225px; } .bp-w-230 { width: 230px; } .bp-w-235 { width: 235px; } .bp-w-240 { width: 240px; } .bp-w-245 { width: 245px; } .bp-w-250 { width: 250px; } .bp-w-255 { width: 255px; } .bp-w-260 { width: 260px; } .bp-w-265 { width: 265px; } .bp-w-270 { width: 270px; } .bp-w-275 { width: 275px; } .bp-w-280 { width: 280px; } .bp-w-285 { width: 285px; } .bp-w-290 { width: 290px; } .bp-w-295 { width: 295px; } .bp-w-300 { width: 300px; } .bp-w-305 { width: 305px; } .bp-w-310 { width: 310px; } .bp-w-315 { width: 315px; } .bp-w-320 { width: 320px; } .bp-w-325 { width: 325px; } .bp-w-330 { width: 330px; } .bp-w-335 { width: 335px; } .bp-w-340 { width: 340px; } .bp-w-345 { width: 345px; } .bp-w-350 { width: 350px; } .bp-w-355 { width: 355px; } .bp-w-360 { width: 360px; } .bp-w-365 { width: 365px; } .bp-w-370 { width: 370px; } .bp-w-375 { width: 375px; } .bp-w-380 { width: 380px; } .bp-w-385 { width: 385px; } .bp-w-390 { width: 390px; } .bp-w-395 { width: 395px; } .bp-w-400 { width: 400px; } .bp-w-405 { width: 405px; } .bp-w-410 { width: 410px; } .bp-w-415 { width: 415px; } .bp-w-420 { width: 420px; } .bp-w-425 { width: 425px; } .bp-w-430 { width: 430px; } .bp-w-435 { width: 435px; } .bp-w-440 { width: 440px; } .bp-w-445 { width: 445px; } .bp-w-450 { width: 450px; } .bp-w-455 { width: 455px; } .bp-w-460 { width: 460px; } .bp-w-465 { width: 465px; } .bp-w-470 { width: 470px; } .bp-w-475 { width: 475px; } .bp-w-480 { width: 480px; } .bp-w-485 { width: 485px; } .bp-w-490 { width: 490px; } .bp-w-495 { width: 495px; } .bp-w-500 { width: 500px; } .bp-w-505 { width: 505px; } .bp-w-510 { width: 510px; } .bp-w-515 { width: 515px; } .bp-w-520 { width: 520px; } .bp-w-525 { width: 525px; } .bp-w-530 { width: 530px; } .bp-w-535 { width: 535px; } .bp-w-540 { width: 540px; } .bp-w-545 { width: 545px; } .bp-w-550 { width: 550px; } .bp-w-555 { width: 555px; } .bp-w-560 { width: 560px; } .bp-w-565 { width: 565px; } .bp-w-570 { width: 570px; } .bp-w-575 { width: 575px; } .bp-w-580 { width: 580px; } .bp-w-585 { width: 585px; } .bp-w-590 { width: 590px; } .bp-w-595 { width: 595px; } .bp-w-600 { width: 600px; } .bp-w-605 { width: 605px; } .bp-w-610 { width: 610px; } .bp-w-615 { width: 615px; } .bp-w-620 { width: 620px; } .bp-w-625 { width: 625px; } .bp-w-630 { width: 630px; } .bp-w-635 { width: 635px; } .bp-w-640 { width: 640px; } .bp-w-645 { width: 645px; } .bp-w-650 { width: 650px; } .bp-w-655 { width: 655px; } .bp-w-660 { width: 660px; } .bp-w-665 { width: 665px; } .bp-w-670 { width: 670px; } .bp-w-675 { width: 675px; } .bp-w-680 { width: 680px; } .bp-w-685 { width: 685px; } .bp-w-690 { width: 690px; } .bp-w-695 { width: 695px; } .bp-w-700 { width: 700px; } .bp-w-705 { width: 705px; } .bp-w-710 { width: 710px; } .bp-w-715 { width: 715px; } .bp-w-720 { width: 720px; } .bp-w-725 { width: 725px; } .bp-w-730 { width: 730px; } .bp-w-735 { width: 735px; } .bp-w-740 { width: 740px; } .bp-w-745 { width: 745px; } .bp-w-750 { width: 750px; } .bp-w-755 { width: 755px; } .bp-w-760 { width: 760px; } .bp-w-765 { width: 765px; } .bp-w-770 { width: 770px; } .bp-w-775 { width: 775px; } .bp-w-780 { width: 780px; } .bp-w-785 { width: 785px; } .bp-w-790 { width: 790px; } .bp-w-795 { width: 795px; } .bp-w-800 { width: 800px; } .bp-w-805 { width: 805px; } .bp-w-810 { width: 810px; } .bp-w-815 { width: 815px; } .bp-w-820 { width: 820px; } .bp-w-825 { width: 825px; } .bp-w-830 { width: 830px; } .bp-w-835 { width: 835px; } .bp-w-840 { width: 840px; } .bp-w-845 { width: 845px; } .bp-w-850 { width: 850px; } .bp-w-855 { width: 855px; } .bp-w-860 { width: 860px; } .bp-w-865 { width: 865px; } .bp-w-870 { width: 870px; } .bp-w-875 { width: 875px; } .bp-w-880 { width: 880px; } .bp-w-885 { width: 885px; } .bp-w-890 { width: 890px; } .bp-w-895 { width: 895px; } .bp-w-900 { width: 900px; } .bp-w-905 { width: 905px; } .bp-w-910 { width: 910px; } .bp-w-915 { width: 915px; } .bp-w-920 { width: 920px; } .bp-w-925 { width: 925px; } .bp-w-930 { width: 930px; } .bp-w-935 { width: 935px; } .bp-w-940 { width: 940px; } .bp-w-945 { width: 945px; } .bp-w-950 { width: 950px; } .bp-w-955 { width: 955px; } .bp-w-960 { width: 960px; } .bp-w-965 { width: 965px; } .bp-w-970 { width: 970px; } .bp-w-975 { width: 975px; } .bp-w-980 { width: 980px; } .bp-w-985 { width: 985px; } .bp-w-990 { width: 990px; } .bp-w-995 { width: 995px; } .bp-w-1000 { width: 1000px; } .bp-pr-0 { padding-right: 0px; } .bp-pr-4 { padding-right: 4px; } .bp-pr-8 { padding-right: 8px; } .bp-pr-12 { padding-right: 12px; } .bp-pr-16 { padding-right: 16px; } .bp-pr-20 { padding-right: 20px; } .bp-pr-24 { padding-right: 24px; } .bp-pr-28 { padding-right: 28px; } .bp-pr-32 { padding-right: 32px; } .bp-pr-36 { padding-right: 36px; } .bp-pr-40 { padding-right: 40px; } .bp-pr-44 { padding-right: 44px; } .bp-pr-48 { padding-right: 48px; } .bp-pr-52 { padding-right: 52px; } .bp-pr-56 { padding-right: 56px; } .bp-pr-60 { padding-right: 60px; } .bp-pr-64 { padding-right: 64px; } .bp-pr-68 { padding-right: 68px; } .bp-pr-72 { padding-right: 72px; } .bp-pr-76 { padding-right: 76px; } .bp-pr-80 { padding-right: 80px; } .bp-pr-84 { padding-right: 84px; } .bp-pr-88 { padding-right: 88px; } .bp-pr-92 { padding-right: 92px; } .bp-pr-96 { padding-right: 96px; } .bp-pr-100 { padding-right: 100px; } .bp-pl-0 { padding-left: 0px; } .bp-pl-4 { padding-left: 4px; } .bp-pl-8 { padding-left: 8px; } .bp-pl-12 { padding-left: 12px; } .bp-pl-16 { padding-left: 16px; } .bp-pl-20 { padding-left: 20px; } .bp-pl-24 { padding-left: 24px; } .bp-pl-28 { padding-left: 28px; } .bp-pl-32 { padding-left: 32px; } .bp-pl-36 { padding-left: 36px; } .bp-pl-40 { padding-left: 40px; } .bp-pl-44 { padding-left: 44px; } .bp-pl-48 { padding-left: 48px; } .bp-pl-52 { padding-left: 52px; } .bp-pl-56 { padding-left: 56px; } .bp-pl-60 { padding-left: 60px; } .bp-pl-64 { padding-left: 64px; } .bp-pl-68 { padding-left: 68px; } .bp-pl-72 { padding-left: 72px; } .bp-pl-76 { padding-left: 76px; } .bp-pl-80 { padding-left: 80px; } .bp-pl-84 { padding-left: 84px; } .bp-pl-88 { padding-left: 88px; } .bp-pl-92 { padding-left: 92px; } .bp-pl-96 { padding-left: 96px; } .bp-pl-100 { padding-left: 100px; } .bp-pt-0 { padding-top: 0px; } .bp-pt-4 { padding-top: 4px; } .bp-pt-8 { padding-top: 8px; } .bp-pt-12 { padding-top: 12px; } .bp-pt-16 { padding-top: 16px; } .bp-pt-20 { padding-top: 20px; } .bp-pt-24 { padding-top: 24px; } .bp-pt-28 { padding-top: 28px; } .bp-pt-32 { padding-top: 32px; } .bp-pt-36 { padding-top: 36px; } .bp-pt-40 { padding-top: 40px; } .bp-pt-44 { padding-top: 44px; } .bp-pt-48 { padding-top: 48px; } .bp-pt-52 { padding-top: 52px; } .bp-pt-56 { padding-top: 56px; } .bp-pt-60 { padding-top: 60px; } .bp-pt-64 { padding-top: 64px; } .bp-pt-68 { padding-top: 68px; } .bp-pt-72 { padding-top: 72px; } .bp-pt-76 { padding-top: 76px; } .bp-pt-80 { padding-top: 80px; } .bp-pt-84 { padding-top: 84px; } .bp-pt-88 { padding-top: 88px; } .bp-pt-92 { padding-top: 92px; } .bp-pt-96 { padding-top: 96px; } .bp-pt-100 { padding-top: 100px; } .bp-pb-0 { padding-bottom: 0px; } .bp-pb-4 { padding-bottom: 4px; } .bp-pb-8 { padding-bottom: 8px; } .bp-pb-12 { padding-bottom: 12px; } .bp-pb-16 { padding-bottom: 16px; } .bp-pb-20 { padding-bottom: 20px; } .bp-pb-24 { padding-bottom: 24px; } .bp-pb-28 { padding-bottom: 28px; } .bp-pb-32 { padding-bottom: 32px; } .bp-pb-36 { padding-bottom: 36px; } .bp-pb-40 { padding-bottom: 40px; } .bp-pb-44 { padding-bottom: 44px; } .bp-pb-48 { padding-bottom: 48px; } .bp-pb-52 { padding-bottom: 52px; } .bp-pb-56 { padding-bottom: 56px; } .bp-pb-60 { padding-bottom: 60px; } .bp-pb-64 { padding-bottom: 64px; } .bp-pb-68 { padding-bottom: 68px; } .bp-pb-72 { padding-bottom: 72px; } .bp-pb-76 { padding-bottom: 76px; } .bp-pb-80 { padding-bottom: 80px; } .bp-pb-84 { padding-bottom: 84px; } .bp-pb-88 { padding-bottom: 88px; } .bp-pb-92 { padding-bottom: 92px; } .bp-pb-96 { padding-bottom: 96px; } .bp-pb-100 { padding-bottom: 100px; } .bp-mr-0 { margin-right: 0px; } .bp-mr-4 { margin-right: 4px; } .bp-mr-8 { margin-right: 8px; } .bp-mr-12 { margin-right: 12px; } .bp-mr-16 { margin-right: 16px; } .bp-mr-20 { margin-right: 20px; } .bp-mr-24 { margin-right: 24px; } .bp-mr-28 { margin-right: 28px; } .bp-mr-32 { margin-right: 32px; } .bp-mr-36 { margin-right: 36px; } .bp-mr-40 { margin-right: 40px; } .bp-mr-44 { margin-right: 44px; } .bp-mr-48 { margin-right: 48px; } .bp-mr-52 { margin-right: 52px; } .bp-mr-56 { margin-right: 56px; } .bp-mr-60 { margin-right: 60px; } .bp-mr-64 { margin-right: 64px; } .bp-mr-68 { margin-right: 68px; } .bp-mr-72 { margin-right: 72px; } .bp-mr-76 { margin-right: 76px; } .bp-mr-80 { margin-right: 80px; } .bp-mr-84 { margin-right: 84px; } .bp-mr-88 { margin-right: 88px; } .bp-mr-92 { margin-right: 92px; } .bp-mr-96 { margin-right: 96px; } .bp-mr-100 { margin-right: 100px; } .bp-ml-0 { margin-left: 0px; } .bp-ml-4 { margin-left: 4px; } .bp-ml-8 { margin-left: 8px; } .bp-ml-12 { margin-left: 12px; } .bp-ml-16 { margin-left: 16px; } .bp-ml-20 { margin-left: 20px; } .bp-ml-24 { margin-left: 24px; } .bp-ml-28 { margin-left: 28px; } .bp-ml-32 { margin-left: 32px; } .bp-ml-36 { margin-left: 36px; } .bp-ml-40 { margin-left: 40px; } .bp-ml-44 { margin-left: 44px; } .bp-ml-48 { margin-left: 48px; } .bp-ml-52 { margin-left: 52px; } .bp-ml-56 { margin-left: 56px; } .bp-ml-60 { margin-left: 60px; } .bp-ml-64 { margin-left: 64px; } .bp-ml-68 { margin-left: 68px; } .bp-ml-72 { margin-left: 72px; } .bp-ml-76 { margin-left: 76px; } .bp-ml-80 { margin-left: 80px; } .bp-ml-84 { margin-left: 84px; } .bp-ml-88 { margin-left: 88px; } .bp-ml-92 { margin-left: 92px; } .bp-ml-96 { margin-left: 96px; } .bp-ml-100 { margin-left: 100px; } .bp-mt-0 { margin-top: 0px; } .bp-mt-4 { margin-top: 4px; } .bp-mt-8 { margin-top: 8px; } .bp-mt-12 { margin-top: 12px; } .bp-mt-16 { margin-top: 16px; } .bp-mt-20 { margin-top: 20px; } .bp-mt-24 { margin-top: 24px; } .bp-mt-28 { margin-top: 28px; } .bp-mt-32 { margin-top: 32px; } .bp-mt-36 { margin-top: 36px; } .bp-mt-40 { margin-top: 40px; } .bp-mt-44 { margin-top: 44px; } .bp-mt-48 { margin-top: 48px; } .bp-mt-52 { margin-top: 52px; } .bp-mt-56 { margin-top: 56px; } .bp-mt-60 { margin-top: 60px; } .bp-mt-64 { margin-top: 64px; } .bp-mt-68 { margin-top: 68px; } .bp-mt-72 { margin-top: 72px; } .bp-mt-76 { margin-top: 76px; } .bp-mt-80 { margin-top: 80px; } .bp-mt-84 { margin-top: 84px; } .bp-mt-88 { margin-top: 88px; } .bp-mt-92 { margin-top: 92px; } .bp-mt-96 { margin-top: 96px; } .bp-mt-100 { margin-top: 100px; } .bp-mb-0 { margin-bottom: 0px; } .bp-mb-4 { margin-bottom: 4px; } .bp-mb-8 { margin-bottom: 8px; } .bp-mb-12 { margin-bottom: 12px; } .bp-mb-16 { margin-bottom: 16px; } .bp-mb-20 { margin-bottom: 20px; } .bp-mb-24 { margin-bottom: 24px; } .bp-mb-28 { margin-bottom: 28px; } .bp-mb-32 { margin-bottom: 32px; } .bp-mb-36 { margin-bottom: 36px; } .bp-mb-40 { margin-bottom: 40px; } .bp-mb-44 { margin-bottom: 44px; } .bp-mb-48 { margin-bottom: 48px; } .bp-mb-52 { margin-bottom: 52px; } .bp-mb-56 { margin-bottom: 56px; } .bp-mb-60 { margin-bottom: 60px; } .bp-mb-64 { margin-bottom: 64px; } .bp-mb-68 { margin-bottom: 68px; } .bp-mb-72 { margin-bottom: 72px; } .bp-mb-76 { margin-bottom: 76px; } .bp-mb-80 { margin-bottom: 80px; } .bp-mb-84 { margin-bottom: 84px; } .bp-mb-88 { margin-bottom: 88px; } .bp-mb-92 { margin-bottom: 92px; } .bp-mb-96 { margin-bottom: 96px; } .bp-mb-100 { margin-bottom: 100px; } .bp-px-0 { padding-right: 0px; padding-left: 0px; } .bp-px-4 { padding-right: 4px; padding-left: 4px; } .bp-px-8 { padding-right: 8px; padding-left: 8px; } .bp-px-12 { padding-right: 12px; padding-left: 12px; } .bp-px-16 { padding-right: 16px; padding-left: 16px; } .bp-px-20 { padding-right: 20px; padding-left: 20px; } .bp-px-24 { padding-right: 24px; padding-left: 24px; } .bp-px-28 { padding-right: 28px; padding-left: 28px; } .bp-px-32 { padding-right: 32px; padding-left: 32px; } .bp-px-36 { padding-right: 36px; padding-left: 36px; } .bp-px-40 { padding-right: 40px; padding-left: 40px; } .bp-px-44 { padding-right: 44px; padding-left: 44px; } .bp-px-48 { padding-right: 48px; padding-left: 48px; } .bp-px-52 { padding-right: 52px; padding-left: 52px; } .bp-px-56 { padding-right: 56px; padding-left: 56px; } .bp-px-60 { padding-right: 60px; padding-left: 60px; } .bp-px-64 { padding-right: 64px; padding-left: 64px; } .bp-px-68 { padding-right: 68px; padding-left: 68px; } .bp-px-72 { padding-right: 72px; padding-left: 72px; } .bp-px-76 { padding-right: 76px; padding-left: 76px; } .bp-px-80 { padding-right: 80px; padding-left: 80px; } .bp-px-84 { padding-right: 84px; padding-left: 84px; } .bp-px-88 { padding-right: 88px; padding-left: 88px; } .bp-px-92 { padding-right: 92px; padding-left: 92px; } .bp-px-96 { padding-right: 96px; padding-left: 96px; } .bp-px-100 { padding-right: 100px; padding-left: 100px; } .bp-py-0 { padding-top: 0px; padding-bottom: 0px; } .bp-py-4 { padding-top: 4px; padding-bottom: 4px; } .bp-py-8 { padding-top: 8px; padding-bottom: 8px; } .bp-py-12 { padding-top: 12px; padding-bottom: 12px; } .bp-py-16 { padding-top: 16px; padding-bottom: 16px; } .bp-py-20 { padding-top: 20px; padding-bottom: 20px; } .bp-py-24 { padding-top: 24px; padding-bottom: 24px; } .bp-py-28 { padding-top: 28px; padding-bottom: 28px; } .bp-py-32 { padding-top: 32px; padding-bottom: 32px; } .bp-py-36 { padding-top: 36px; padding-bottom: 36px; } .bp-py-40 { padding-top: 40px; padding-bottom: 40px; } .bp-py-44 { padding-top: 44px; padding-bottom: 44px; } .bp-py-48 { padding-top: 48px; padding-bottom: 48px; } .bp-py-52 { padding-top: 52px; padding-bottom: 52px; } .bp-py-56 { padding-top: 56px; padding-bottom: 56px; } .bp-py-60 { padding-top: 60px; padding-bottom: 60px; } .bp-py-64 { padding-top: 64px; padding-bottom: 64px; } .bp-py-68 { padding-top: 68px; padding-bottom: 68px; } .bp-py-72 { padding-top: 72px; padding-bottom: 72px; } .bp-py-76 { padding-top: 76px; padding-bottom: 76px; } .bp-py-80 { padding-top: 80px; padding-bottom: 80px; } .bp-py-84 { padding-top: 84px; padding-bottom: 84px; } .bp-py-88 { padding-top: 88px; padding-bottom: 88px; } .bp-py-92 { padding-top: 92px; padding-bottom: 92px; } .bp-py-96 { padding-top: 96px; padding-bottom: 96px; } .bp-py-100 { padding-top: 100px; padding-bottom: 100px; } .bp-mx-0 { margin-right: 0px; margin-left: 0px; } .bp-mx-4 { margin-right: 4px; margin-left: 4px; } .bp-mx-8 { margin-right: 8px; margin-left: 8px; } .bp-mx-12 { margin-right: 12px; margin-left: 12px; } .bp-mx-16 { margin-right: 16px; margin-left: 16px; } .bp-mx-20 { margin-right: 20px; margin-left: 20px; } .bp-mx-24 { margin-right: 24px; margin-left: 24px; } .bp-mx-28 { margin-right: 28px; margin-left: 28px; } .bp-mx-32 { margin-right: 32px; margin-left: 32px; } .bp-mx-36 { margin-right: 36px; margin-left: 36px; } .bp-mx-40 { margin-right: 40px; margin-left: 40px; } .bp-mx-44 { margin-right: 44px; margin-left: 44px; } .bp-mx-48 { margin-right: 48px; margin-left: 48px; } .bp-mx-52 { margin-right: 52px; margin-left: 52px; } .bp-mx-56 { margin-right: 56px; margin-left: 56px; } .bp-mx-60 { margin-right: 60px; margin-left: 60px; } .bp-mx-64 { margin-right: 64px; margin-left: 64px; } .bp-mx-68 { margin-right: 68px; margin-left: 68px; } .bp-mx-72 { margin-right: 72px; margin-left: 72px; } .bp-mx-76 { margin-right: 76px; margin-left: 76px; } .bp-mx-80 { margin-right: 80px; margin-left: 80px; } .bp-mx-84 { margin-right: 84px; margin-left: 84px; } .bp-mx-88 { margin-right: 88px; margin-left: 88px; } .bp-mx-92 { margin-right: 92px; margin-left: 92px; } .bp-mx-96 { margin-right: 96px; margin-left: 96px; } .bp-mx-100 { margin-right: 100px; margin-left: 100px; } .bp-my-0 { margin-top: 0px; margin-bottom: 0px; } .bp-my-4 { margin-top: 4px; margin-bottom: 4px; } .bp-my-8 { margin-top: 8px; margin-bottom: 8px; } .bp-my-12 { margin-top: 12px; margin-bottom: 12px; } .bp-my-16 { margin-top: 16px; margin-bottom: 16px; } .bp-my-20 { margin-top: 20px; margin-bottom: 20px; } .bp-my-24 { margin-top: 24px; margin-bottom: 24px; } .bp-my-28 { margin-top: 28px; margin-bottom: 28px; } .bp-my-32 { margin-top: 32px; margin-bottom: 32px; } .bp-my-36 { margin-top: 36px; margin-bottom: 36px; } .bp-my-40 { margin-top: 40px; margin-bottom: 40px; } .bp-my-44 { margin-top: 44px; margin-bottom: 44px; } .bp-my-48 { margin-top: 48px; margin-bottom: 48px; } .bp-my-52 { margin-top: 52px; margin-bottom: 52px; } .bp-my-56 { margin-top: 56px; margin-bottom: 56px; } .bp-my-60 { margin-top: 60px; margin-bottom: 60px; } .bp-my-64 { margin-top: 64px; margin-bottom: 64px; } .bp-my-68 { margin-top: 68px; margin-bottom: 68px; } .bp-my-72 { margin-top: 72px; margin-bottom: 72px; } .bp-my-76 { margin-top: 76px; margin-bottom: 76px; } .bp-my-80 { margin-top: 80px; margin-bottom: 80px; } .bp-my-84 { margin-top: 84px; margin-bottom: 84px; } .bp-my-88 { margin-top: 88px; margin-bottom: 88px; } .bp-my-92 { margin-top: 92px; margin-bottom: 92px; } .bp-my-96 { margin-top: 96px; margin-bottom: 96px; } .bp-my-100 { margin-top: 100px; margin-bottom: 100px; } .bp-p-0 { padding: 0px; } .bp-p-4 { padding: 4px; } .bp-p-8 { padding: 8px; } .bp-p-12 { padding: 12px; } .bp-p-16 { padding: 16px; } .bp-p-20 { padding: 20px; } .bp-p-24 { padding: 24px; } .bp-p-28 { padding: 28px; } .bp-p-32 { padding: 32px; } .bp-p-36 { padding: 36px; } .bp-p-40 { padding: 40px; } .bp-p-44 { padding: 44px; } .bp-p-48 { padding: 48px; } .bp-p-52 { padding: 52px; } .bp-p-56 { padding: 56px; } .bp-p-60 { padding: 60px; } .bp-p-64 { padding: 64px; } .bp-p-68 { padding: 68px; } .bp-p-72 { padding: 72px; } .bp-p-76 { padding: 76px; } .bp-p-80 { padding: 80px; } .bp-p-84 { padding: 84px; } .bp-p-88 { padding: 88px; } .bp-p-92 { padding: 92px; } .bp-p-96 { padding: 96px; } .bp-p-100 { padding: 100px; } .bp-m-0 { margin: 0px; } .bp-m-4 { margin: 4px; } .bp-m-8 { margin: 8px; } .bp-m-12 { margin: 12px; } .bp-m-16 { margin: 16px; } .bp-m-20 { margin: 20px; } .bp-m-24 { margin: 24px; } .bp-m-28 { margin: 28px; } .bp-m-32 { margin: 32px; } .bp-m-36 { margin: 36px; } .bp-m-40 { margin: 40px; } .bp-m-44 { margin: 44px; } .bp-m-48 { margin: 48px; } .bp-m-52 { margin: 52px; } .bp-m-56 { margin: 56px; } .bp-m-60 { margin: 60px; } .bp-m-64 { margin: 64px; } .bp-m-68 { margin: 68px; } .bp-m-72 { margin: 72px; } .bp-m-76 { margin: 76px; } .bp-m-80 { margin: 80px; } .bp-m-84 { margin: 84px; } .bp-m-88 { margin: 88px; } .bp-m-92 { margin: 92px; } .bp-m-96 { margin: 96px; } .bp-m-100 { margin: 100px; } .mat-h1, .mat-headline-5, .mat-typography .mat-h1, .mat-typography .mat-headline-5, .mat-typography h1 { font: 400 16px / 22px Maersk Headline; letter-spacing: normal; margin: 0 0 16px; } .mat-h2, .mat-headline-6, .mat-typography .mat-h2, .mat-typography .mat-headline-6, .mat-typography h2 { font: 700 16px / 22px Maersk Headline; letter-spacing: normal; margin: 0 0 16px; } .mat-h3, .mat-subtitle-1, .mat-typography .mat-h3, .mat-typography .mat-subtitle-1, .mat-typography h3 { font: 400 15px / 21px Maersk Headline; letter-spacing: normal; margin: 0 0 16px; } .mat-h4, .mat-body-1, .mat-typography .mat-h4, .mat-typography .mat-body-1, .mat-typography h4 { font: 400 14px / 22px Maersk Text; letter-spacing: normal; margin: 0 0 16px; } .mat-h5, .mat-typography .mat-h5, .mat-typography h5 { font: 400 calc(12px * 0.83) / 18px Maersk Text; margin: 0 0 12px; } .mat-h6, .mat-typography .mat-h6, .mat-typography h6 { font: 400 calc(12px * 0.67) / 18px Maersk Text; margin: 0 0 12px; } .mat-body-strong, .mat-subtitle-2, .mat-typography .mat-body-strong, .mat-typography .mat-subtitle-2 { font: 700 15px / 21px Maersk Headline; letter-spacing: normal; } .mat-body, .mat-body-2, .mat-typography .mat-body, .mat-typography .mat-body-2, .mat-typography { font: 400 12px / 18px Maersk Text; letter-spacing: normal; } .mat-body p, .mat-body-2 p, .mat-typography .mat-body p, .mat-typography .mat-body-2 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption { font: 400 11px / 17px Maersk Text; letter-spacing: normal; } .mat-headline-1, .mat-typography .mat-headline-1 { font: 400 18px / 24px Maersk Headline; letter-spacing: normal; margin: 0 0 56px; } .mat-headline-2, .mat-typography .mat-headline-2 { font: 400 18px / 24px Maersk Headline; letter-spacing: normal; margin: 0 0 64px; } .mat-headline-3, .mat-typography .mat-headline-3 { font: 400 18px / 24px Maersk Headline; letter-spacing: normal; margin: 0 0 64px; } .mat-headline-4, .mat-typography .mat-headline-4 { font: 400 18px / 24px Maersk Headline; letter-spacing: normal; margin: 0 0 64px; } .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 { box-shadow: var(--mat-app-elevation-shadow-level-0, none); } .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 { box-shadow: var(--mat-app-elevation-shadow-level-1, none); } .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 { box-shadow: var(--mat-app-elevation-shadow-level-2, none); } .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 { box-shadow: var(--mat-app-elevation-shadow-level-3, none); } .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 { box-shadow: var(--mat-app-elevation-shadow-level-4, none); } .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 { box-shadow: var(--mat-app-elevation-shadow-level-5, none); } .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 { box-shadow: var(--mat-app-elevation-shadow-level-6, none); } .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 { box-shadow: var(--mat-app-elevation-shadow-level-7, none); } .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 { box-shadow: var(--mat-app-elevation-shadow-level-8, none); } .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 { box-shadow: var(--mat-app-elevation-shadow-level-9, none); } .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 { box-shadow: var(--mat-app-elevation-shadow-level-10, none); } .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 { box-shadow: var(--mat-app-elevation-shadow-level-11, none); } .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 { box-shadow: var(--mat-app-elevation-shadow-level-12, none); } .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 { box-shadow: var(--mat-app-elevation-shadow-level-13, none); } .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 { box-shadow: var(--mat-app-elevation-shadow-level-14, none); } .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 { box-shadow: var(--mat-app-elevation-shadow-level-15, none); } .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 { box-shadow: var(--mat-app-elevation-shadow-level-16, none); } .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 { box-shadow: var(--mat-app-elevation-shadow-level-17, none); } .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 { box-shadow: var(--mat-app-elevation-shadow-level-18, none); } .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 { box-shadow: var(--mat-app-elevation-shadow-level-19, none); } .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 { box-shadow: var(--mat-app-elevation-shadow-level-20, none); } .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 { box-shadow: var(--mat-app-elevation-shadow-level-21, none); } .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 { box-shadow: var(--mat-app-elevation-shadow-level-22, none); } .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 { box-shadow: var(--mat-app-elevation-shadow-level-23, none); } .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 { box-shadow: var(--mat-app-elevation-shadow-level-24, none); } html { --mat-sys-on-surface: initial; } .mat-app-background { background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent)); color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit)); } html { --mat-ripple-color: rgba(0, 0, 0, 0.1); } html { --mat-option-selected-state-label-text-color: #00243d; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .mat-accent { --mat-option-selected-state-label-text-color: #0073ab; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .mat-warn { --mat-option-selected-state-label-text-color: #b80012; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } html { --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87); } html { --mat-full-pseudo-checkbox-selected-icon-color: #0073ab; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; } html { --mat-minimal-pseudo-checkbox-selected-checkmark-color: #0073ab; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #00243d; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; } .mat-primary { --mat-minimal-pseudo-checkbox-selected-checkmark-color: #00243d; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #0073ab; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; } .mat-accent { --mat-minimal-pseudo-checkbox-selected-checkmark-color: #0073ab; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #b80012; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; } .mat-warn { --mat-minimal-pseudo-checkbox-selected-checkmark-color: #b80012; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } html { --mat-app-background-color: #fafafa; --mat-app-text-color: rgba(0, 0, 0, 0.87); --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } html { --mat-option-label-text-font: Maersk Text; --mat-option-label-text-line-height: 22px; --mat-option-label-text-size: 14px; --mat-option-label-text-tracking: normal; --mat-option-label-text-weight: 400; } html { --mat-optgroup-label-text-font: Maersk Text; --mat-optgroup-label-text-line-height: 22px; --mat-optgroup-label-text-size: 14px; --mat-optgroup-label-text-tracking: normal; --mat-optgroup-label-text-weight: 400; } html { --mdc-elevated-card-container-shape: 4px; } html { --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; } html { --mdc-elevated-card-container-color: white; --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } html { --mdc-outlined-card-container-color: white; --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } html { --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54); } html { --mat-card-title-text-font: Maersk Headline; --mat-card-title-text-line-height: 22px; --mat-card-title-text-size: 16px; --mat-card-title-text-tracking: normal; --mat-card-title-text-weight: 700; --mat-card-subtitle-text-font: Maersk Headline; --mat-card-subtitle-text-line-height: 21px; --mat-card-subtitle-text-size: 15px; --mat-card-subtitle-text-tracking: normal; --mat-card-subtitle-text-weight: 700; } html { --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; } .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #00243d; --mdc-linear-progress-track-color: rgba(0, 36, 61, 0.25); } .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #0073ab; --mdc-linear-progress-track-color: rgba(0, 115, 171, 0.25); } .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #b80012; --mdc-linear-progress-track-color: rgba(184, 0, 18, 0.25); } html { --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; } html { --mdc-plain-tooltip-container-color: #616161; --mdc-plain-tooltip-supporting-text-color: #fff; } html { --mdc-plain-tooltip-supporting-text-font: Maersk Text; --mdc-plain-tooltip-supporting-text-size: 11px; --mdc-plain-tooltip-supporting-text-weight: 400; --mdc-plain-tooltip-supporting-text-tracking: normal; } html { --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; } html { --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; } html { --mdc-filled-text-field-caret-color: #00243d; --mdc-filled-text-field-focus-active-indicator-color: #00243d; --mdc-filled-text-field-focus-label-text-color: rgba(0, 36, 61, 0.87); --mdc-filled-text-field-container-color: rgb(244.8, 244.8, 244.8); --mdc-filled-text-field-disabled-container-color: rgb(249.9, 249.9, 249.9); --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #b80012; --mdc-filled-text-field-error-focus-label-text-color: #b80012; --mdc-filled-text-field-error-label-text-color: #b80012; --mdc-filled-text-field-error-caret-color: #b80012; --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87); --mdc-filled-text-field-error-active-indicator-color: #b80012; --mdc-filled-text-field-error-focus-active-indicator-color: #b80012; --mdc-filled-text-field-error-hover-active-indicator-color: #b80012; } html { --mdc-outlined-text-field-caret-color: #00243d; --mdc-outlined-text-field-focus-outline-color: #00243d; --mdc-outlined-text-field-focus-label-text-color: rgba(0, 36, 61, 0.87); --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-error-caret-color: #b80012; --mdc-outlined-text-field-error-focus-label-text-color: #b80012; --mdc-outlined-text-field-error-label-text-color: #b80012; --mdc-outlined-text-field-error-hover-label-text-color: #b80012; --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #b80012; --mdc-outlined-text-field-error-hover-outline-color: #b80012; --mdc-outlined-text-field-error-outline-color: #b80012; } html { --mat-form-field-focus-select-arrow-color: rgba(0, 36, 61, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38); --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color: #b80012; --mat-form-field-select-option-text-color: inherit; --mat-form-field-select-disabled-option-text-color: GrayText; --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.08; } .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #0073ab; --mdc-filled-text-field-focus-active-indicator-color: #0073ab; --mdc-filled-text-field-focus-label-text-color: rgba(0, 115, 171, 0.87); } .mat-mdc-form-field.mat-accent { --mdc-outlined-text-field-caret-color: #0073ab; --mdc-outlined-text-field-focus-outline-color: #0073ab; --mdc-outlined-text-field-focus-label-text-color: rgba(0, 115, 171, 0.87); } .mat-mdc-form-field.mat-accent { --mat-form-field-focus-select-arrow-color: rgba(0, 115, 171, 0.87); } .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #b80012; --mdc-filled-text-field-focus-active-indicator-color: #b80012; --mdc-filled-text-field-focus-label-text-color: rgba(184, 0, 18, 0.87); } .mat-mdc-form-field.mat-warn { --mdc-outlined-text-field-caret-color: #b80012; --mdc-outlined-text-field-focus-outline-color: #b80012; --mdc-outlined-text-field-focus-label-text-color: rgba(184, 0, 18, 0.87); } .mat-mdc-form-field.mat-warn { --mat-form-field-focus-select-arrow-color: rgba(184, 0, 18, 0.87); } html { --mat-form-field-container-height: 52px; --mat-form-field-filled-label-display: block; --mat-form-field-container-vertical-padding: 14px; --mat-form-field-filled-with-label-container-padding-top: 22px; --mat-form-field-filled-with-label-container-padding-bottom: 6px; } html { --mdc-filled-text-field-label-text-font: Maersk Text; --mdc-filled-text-field-label-text-size: 14px; --mdc-filled-text-field-label-text-tracking: normal; --mdc-filled-text-field-label-text-weight: 400; } html { --mdc-outlined-text-field-label-text-font: Maersk Text; --mdc-outlined-text-field-label-text-size: 14px; --mdc-outlined-text-field-label-text-tracking: normal; --mdc-outlined-text-field-label-text-weight: 400; } html { --mat-form-field-container-text-font: Maersk Text; --mat-form-field-container-text-line-height: 22px; --mat-form-field-container-text-size: 14px; --mat-form-field-container-text-tracking: normal; --mat-form-field-container-text-weight: 400; --mat-form-field-outlined-label-text-populated-size: 14px; --mat-form-field-subscript-text-font: Maersk Text; --mat-form-field-subscript-text-line-height: 17px; --mat-form-field-subscript-text-size: 11px; --mat-form-field-subscript-text-tracking: normal; --mat-form-field-subscript-text-weight: 400; } html { --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } html { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(0, 36, 61, 0.87); --mat-select-invalid-arrow-color: rgba(184, 0, 18, 0.87); } html .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(0, 115, 171, 0.87); --mat-select-invalid-arrow-color: rgba(184, 0, 18, 0.87); } html .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(184, 0, 18, 0.87); --mat-select-invalid-arrow-color: rgba(184, 0, 18, 0.87); } html { --mat-select-arrow-transform: translateY(-8px); } html { --mat-select-trigger-text-font: Maersk Text; --mat-select-trigger-text-line-height: 22px; --mat-select-trigger-text-size: 14px; --mat-select-trigger-text-tracking: normal; --mat-select-trigger-text-weight: 400; } html { --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } html { --mat-autocomplete-background-color: white; } html { --mdc-dialog-container-shape: 4px; } html { --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; } html { --mdc-dialog-container-color: white; --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87); --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6); } html { --mdc-dialog-subhead-font: Maersk Headline; --mdc-dialog-subhead-line-height: 22px; --mdc-dialog-subhead-size: 16px; --mdc-dialog-subhead-weight: 700; --mdc-dialog-subhead-tracking: normal; --mdc-dialog-supporting-text-font: Maersk Text; --mdc-dialog-supporting-text-line-height: 22px; --mdc-dialog-supporting-text-size: 14px; --mdc-dialog-supporting-text-weight: 400; --mdc-dialog-supporting-text-tracking: normal; } .mat-mdc-standard-chip { --mdc-chip-container-shape-radius: 16px; --mdc-chip-with-avatar-avatar-shape-radius: 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; } .mat-mdc-standard-chip { --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; } .mat-mdc-standard-chip { --mdc-chip-disabled-label-text-color: #212121; --mdc-chip-elevated-container-color: rgb(224.4, 224.4, 224.4); --mdc-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4); --mdc-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4); --mdc-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4); --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #212121; --mdc-chip-selected-label-text-color: #212121; --mdc-chip-with-icon-icon-color: #212121; --mdc-chip-with-icon-disabled-icon-color: #212121; --mdc-chip-with-icon-selected-icon-color: #212121; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121; --mdc-chip-with-trailing-icon-trailing-icon-color: #212121; } .mat-mdc-standard-chip { --mat-chip-selected-disabled-trailing-icon-color: #212121; --mat-chip-selected-trailing-icon-color: #212121; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #00243d; --mdc-chip-elevated-selected-container-color: #00243d; --mdc-chip-elevated-disabled-container-color: #00243d; --mdc-chip-flat-disabled-selected-container-color: #00243d; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #0073ab; --mdc-chip-elevated-selected-container-color: #0073ab; --mdc-chip-elevated-disabled-container-color: #0073ab; --mdc-chip-flat-disabled-selected-container-color: #0073ab; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87); --mdc-chip-elevated-container-color: #b80012; --mdc-chip-elevated-selected-container-color: #b80012; --mdc-chip-elevated-disabled-container-color: #b80012; --mdc-chip-flat-disabled-selected-container-color: #b80012; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87); --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87); } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87); } .mat-mdc-chip.mat-mdc-standard-chip { --mdc-chip-container-height: 28px; } .mat-mdc-standard-chip { --mdc-chip-label-text-font: Maersk Text; --mdc-chip-label-text-line-height: 18px; --mdc-chip-label-text-size: 12px; --mdc-chip-label-text-tracking: normal; --mdc-chip-label-text-weight: 400; } html { --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; } html .mat-mdc-slide-toggle { --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-selected-track-outline-color: transparent; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; } html { --mdc-switch-selected-focus-state-layer-color: #0073ab; --mdc-switch-selected-handle-color: #0073ab; --mdc-switch-selected-hover-state-layer-color: #0073ab; --mdc-switch-selected-pressed-state-layer-color: #0073ab; --mdc-switch-selected-focus-handle-color: #00243d; --mdc-switch-selected-hover-handle-color: #00243d; --mdc-switch-selected-pressed-handle-color: #00243d; --mdc-switch-selected-focus-track-color: #42b0d5; --mdc-switch-selected-hover-track-color: #42b0d5; --mdc-switch-selected-pressed-track-color: #42b0d5; --mdc-switch-selected-track-color: #42b0d5; --mdc-switch-disabled-selected-handle-color: #424242; --mdc-switch-disabled-selected-icon-color: #fff; --mdc-switch-disabled-selected-track-color: #424242; --mdc-switch-disabled-unselected-handle-color: #424242; --mdc-switch-disabled-unselected-icon-color: #fff; --mdc-switch-disabled-unselected-track-color: #424242; --mdc-switch-handle-surface-color: #fff; --mdc-switch-selected-icon-color: #fff; --mdc-switch-unselected-focus-handle-color: #212121; --mdc-switch-unselected-focus-state-layer-color: #424242; --mdc-switch-unselected-focus-track-color: #e0e0e0; --mdc-switch-unselected-handle-color: #616161; --mdc-switch-unselected-hover-handle-color: #212121; --mdc-switch-unselected-hover-state-layer-color: #424242; --mdc-switch-unselected-hover-track-color: #e0e0e0; --mdc-switch-unselected-icon-color: #fff; --mdc-switch-unselected-pressed-handle-color: #212121; --mdc-switch-unselected-pressed-state-layer-color: #424242; --mdc-switch-unselected-pressed-track-color: #e0e0e0; --mdc-switch-unselected-track-color: #e0e0e0; --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } html { --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38); } html .mat-mdc-slide-toggle { --mat-switch-label-text-color: rgba(0, 0, 0, 0.87); } html .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #0073ab; --mdc-switch-selected-handle-color: #0073ab; --mdc-switch-selected-hover-state-layer-color: #0073ab; --mdc-switch-selected-pressed-state-layer-color: #0073ab; --mdc-switch-selected-focus-handle-color: #00243d; --mdc-switch-selected-hover-handle-color: #00243d; --mdc-switch-selected-pressed-handle-color: #00243d; --mdc-switch-selected-focus-track-color: #42b0d5; --mdc-switch-selected-hover-track-color: #42b0d5; --mdc-switch-selected-pressed-track-color: #42b0d5; --mdc-switch-selected-track-color: #42b0d5; } html .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-track-color: #b80012; --mdc-switch-selected-hover-track-color: #b80012; --mdc-switch-selected-pressed-track-color: #b80012; --mdc-switch-selected-track-color: #b80012; } html { --mdc-switch-state-layer-size: 36px; } html .mat-mdc-slide-toggle { --mat-switch-label-text-font: Maersk Text; --mat-switch-label-text-line-height: 18px; --mat-switch-label-text-size: 12px; --mat-switch-label-text-tracking: normal; --mat-switch-label-text-weight: 400; } html { --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; } .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #00243d; --mdc-radio-selected-hover-icon-color: #00243d; --mdc-radio-selected-icon-color: #00243d; --mdc-radio-selected-pressed-icon-color: #00243d; } .mat-mdc-radio-button.mat-primary { --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #00243d; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); } .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #0073ab; --mdc-radio-selected-hover-icon-color: #0073ab; --mdc-radio-selected-icon-color: #0073ab; --mdc-radio-selected-pressed-icon-color: #0073ab; } .mat-mdc-radio-button.mat-accent { --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #0073ab; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); } .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #b80012; --mdc-radio-selected-hover-icon-color: #b80012; --mdc-radio-selected-icon-color: #b80012; --mdc-radio-selected-pressed-icon-color: #b80012; } .mat-mdc-radio-button.mat-warn { --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #b80012; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); } html { --mdc-radio-state-layer-size: 36px; } html { --mat-radio-touch-target-display: block; } html { --mat-radio-label-text-font: Maersk Text; --mat-radio-label-text-line-height: 18px; --mat-radio-label-text-size: 12px; --mat-radio-label-text-tracking: normal; --mat-radio-label-text-weight: 400; } html { --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } html { --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); } html { --mdc-slider-handle-color: #00243d; --mdc-slider-focus-handle-color: #00243d; --mdc-slider-hover-handle-color: #00243d; --mdc-slider-active-track-color: #00243d; --mdc-slider-inactive-track-color: #00243d; --mdc-slider-with-tick-marks-inactive-container-color: #00243d; --mdc-slider-with-tick-marks-active-container-color: white; --mdc-slider-disabled-active-track-color: #000; --mdc-slider-disabled-handle-color: #000; --mdc-slider-disabled-inactive-track-color: #000; --mdc-slider-label-container-color: #000; --mdc-slider-label-label-text-color: #fff; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #000; } html { --mat-slider-ripple-color: #00243d; --mat-slider-hover-state-layer-color: rgba(0, 36, 61, 0.05); --mat-slider-focus-state-layer-color: rgba(0, 36, 61, 0.2); --mat-slider-value-indicator-opacity: 0.6; } html .mat-accent { --mdc-slider-handle-color: #0073ab; --mdc-slider-focus-handle-color: #0073ab; --mdc-slider-hover-handle-color: #0073ab; --mdc-slider-active-track-color: #0073ab; --mdc-slider-inactive-track-color: #0073ab; --mdc-slider-with-tick-marks-inactive-container-color: #0073ab; --mdc-slider-with-tick-marks-active-container-color: white; } html .mat-accent { --mat-slider-ripple-color: #0073ab; --mat-slider-hover-state-layer-color: rgba(0, 115, 171, 0.05); --mat-slider-focus-state-layer-color: rgba(0, 115, 171, 0.2); } html .mat-warn { --mdc-slider-handle-color: #b80012; --mdc-slider-focus-handle-color: #b80012; --mdc-slider-hover-handle-color: #b80012; --mdc-slider-active-track-color: #b80012; --mdc-slider-inactive-track-color: #b80012; --mdc-slider-with-tick-marks-inactive-container-color: #b80012; --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87); } html .mat-warn { --mat-slider-ripple-color: #b80012; --mat-slider-hover-state-layer-color: rgba(184, 0, 18, 0.05); --mat-slider-focus-state-layer-color: rgba(184, 0, 18, 0.2); } html { --mdc-slider-label-label-text-font: Maersk Headline; --mdc-slider-label-label-text-size: 15px; --mdc-slider-label-label-text-line-height: 21px; --mdc-slider-label-label-text-tracking: normal; --mdc-slider-label-label-text-weight: 700; } html { --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } html { --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87); --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-container-color: white; --mat-menu-divider-color: rgba(0, 0, 0, 0.12); } html { --mat-menu-item-label-text-font: Maersk Text; --mat-menu-item-label-text-size: 14px; --mat-menu-item-label-text-tracking: normal; --mat-menu-item-label-text-line-height: 22px; --mat-menu-item-label-text-weight: 400; } html { --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; } html { --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; } html { --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54); --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-disabled-label-text-color: black; --mdc-list-list-item-disabled-leading-icon-color: black; --mdc-list-list-item-disabled-trailing-icon-color: black; --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-hover-state-layer-color: black; --mdc-list-list-item-hover-state-layer-opacity: 0.04; --mdc-list-list-item-focus-state-layer-color: black; --mdc-list-list-item-focus-state-layer-opacity: 0.12; } .mdc-list-item__start, .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #00243d; --mdc-radio-selected-hover-icon-color: #00243d; --mdc-radio-selected-icon-color: #00243d; --mdc-radio-selected-pressed-icon-color: #00243d; } .mat-accent .mdc-list-item__start, .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #0073ab; --mdc-radio-selected-hover-icon-color: #0073ab; --mdc-radio-selected-icon-color: #0073ab; --mdc-radio-selected-pressed-icon-color: #0073ab; } .mat-warn .mdc-list-item__start, .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #b80012; --mdc-radio-selected-hover-icon-color: #b80012; --mdc-radio-selected-icon-color: #b80012; --mdc-radio-selected-pressed-icon-color: #b80012; } .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #00243d; --mdc-checkbox-selected-hover-icon-color: #00243d; --mdc-checkbox-selected-icon-color: #00243d; --mdc-checkbox-selected-pressed-icon-color: #00243d; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #00243d; --mdc-checkbox-selected-hover-state-layer-color: #00243d; --mdc-checkbox-selected-pressed-state-layer-color: #00243d; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #0073ab; --mdc-checkbox-selected-hover-icon-color: #0073ab; --mdc-checkbox-selected-icon-color: #0073ab; --mdc-checkbox-selected-pressed-icon-color: #0073ab; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #0073ab; --mdc-checkbox-selected-hover-state-layer-color: #0073ab; --mdc-checkbox-selected-pressed-state-layer-color: #0073ab; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: black; --mdc-checkbox-selected-focus-icon-color: #b80012; --mdc-checkbox-selected-hover-icon-color: #b80012; --mdc-checkbox-selected-icon-color: #b80012; --mdc-checkbox-selected-pressed-icon-color: #b80012; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #b80012; --mdc-checkbox-selected-hover-state-layer-color: #b80012; --mdc-checkbox-selected-pressed-state-layer-color: #b80012; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #00243d; } .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } html { --mdc-list-list-item-one-line-container-height: 44px; --mdc-list-list-item-two-line-container-height: 60px; --mdc-list-list-item-three-line-container-height: 84px; } html { --mat-list-list-item-leading-icon-start-space: 16px; --mat-list-list-item-leading-icon-end-space: 32px; } .mdc-list-item__start, .mdc-list-item__end { --mdc-radio-state-layer-size: 36px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line { height: 52px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines { height: 68px; } html { --mdc-list-list-item-label-text-font: Maersk Text; --mdc-list-list-item-label-text-line-height: 22px; --mdc-list-list-item-label-text-size: 14px; --mdc-list-list-item-label-text-tracking: normal; --mdc-list-list-item-label-text-weight: 400; --mdc-list-list-item-supporting-text-font: Maersk Text; --mdc-list-list-item-supporting-text-line-height: 18px; --mdc-list-list-item-supporting-text-size: 12px; --mdc-list-list-item-supporting-text-tracking: normal; --mdc-list-list-item-supporting-text-weight: 400; --mdc-list-list-item-trailing-supporting-text-font: Maersk Text; --mdc-list-list-item-trailing-supporting-text-line-height: 17px; --mdc-list-list-item-trailing-supporting-text-size: 11px; --mdc-list-list-item-trailing-supporting-text-tracking: normal; --mdc-list-list-item-trailing-supporting-text-weight: 400; } .mdc-list-group__subheader { font: 400 15px / 21px Maersk Headline; letter-spacing: normal; } html { --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87); --mat-paginator-container-background-color: white; --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54); --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12); } html { --mat-paginator-container-size: 52px; --mat-paginator-form-field-container-height: 40px; --mat-paginator-form-field-container-vertical-padding: 8px; --mat-paginator-touch-target-display: block; } html { --mat-paginator-container-text-font: Maersk Text; --mat-paginator-container-text-line-height: 17px; --mat-paginator-container-text-size: 11px; --mat-paginator-container-text-tracking: normal; --mat-paginator-container-text-weight: 400; --mat-paginator-select-trigger-text-size: 11px; } html { --mdc-secondary-navigation-tab-container-height: 48px; } html { --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; } html { --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; } .mat-mdc-tab-group, .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #00243d; } .mat-mdc-tab-group, .mat-mdc-tab-nav-bar { --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #00243d; --mat-tab-header-active-ripple-color: #00243d; --mat-tab-header-inactive-ripple-color: #00243d; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #00243d; --mat-tab-header-active-hover-label-text-color: #00243d; --mat-tab-header-active-focus-indicator-color: #00243d; --mat-tab-header-active-hover-indicator-color: #00243d; } .mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #0073ab; } .mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent { --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #0073ab; --mat-tab-header-active-ripple-color: #0073ab; --mat-tab-header-inactive-ripple-color: #0073ab; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #0073ab; --mat-tab-header-active-hover-label-text-color: #0073ab; --mat-tab-header-active-focus-indicator-color: #0073ab; --mat-tab-header-active-hover-indicator-color: #0073ab; } .mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #b80012; } .mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn { --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #b80012; --mat-tab-header-active-ripple-color: #b80012; --mat-tab-header-inactive-ripple-color: #b80012; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #b80012; --mat-tab-header-active-hover-label-text-color: #b80012; --mat-tab-header-active-focus-indicator-color: #b80012; --mat-tab-header-active-hover-indicator-color: #b80012; } .mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #00243d; --mat-tab-header-with-background-foreground-color: white; } .mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #0073ab; --mat-tab-header-with-background-foreground-color: white; } .mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #b80012; --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87); } .mat-mdc-tab-header { --mdc-secondary-navigation-tab-container-height: 44px; } .mat-mdc-tab-header { --mat-tab-header-label-text-font: Maersk Text; --mat-tab-header-label-text-size: 12px; --mat-tab-header-label-text-tracking: normal; --mat-tab-header-label-text-line-height: 18px; --mat-tab-header-label-text-weight: 400; } html { --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; } html { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #0073ab; --mdc-checkbox-selected-hover-icon-color: #0073ab; --mdc-checkbox-selected-icon-color: #0073ab; --mdc-checkbox-selected-pressed-icon-color: #0073ab; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #0073ab; --mdc-checkbox-selected-hover-state-layer-color: #0073ab; --mdc-checkbox-selected-pressed-state-layer-color: #0073ab; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } html { --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); } .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #00243d; --mdc-checkbox-selected-hover-icon-color: #00243d; --mdc-checkbox-selected-icon-color: #00243d; --mdc-checkbox-selected-pressed-icon-color: #00243d; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #00243d; --mdc-checkbox-selected-hover-state-layer-color: #00243d; --mdc-checkbox-selected-pressed-state-layer-color: #00243d; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: black; --mdc-checkbox-selected-focus-icon-color: #b80012; --mdc-checkbox-selected-hover-icon-color: #b80012; --mdc-checkbox-selected-icon-color: #b80012; --mdc-checkbox-selected-pressed-icon-color: #b80012; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #b80012; --mdc-checkbox-selected-hover-state-layer-color: #b80012; --mdc-checkbox-selected-pressed-state-layer-color: #b80012; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } html { --mdc-checkbox-state-layer-size: 36px; } html { --mat-checkbox-touch-target-display: block; } html { --mat-checkbox-label-text-font: Maersk Text; --mat-checkbox-label-text-line-height: 18px; --mat-checkbox-label-text-size: 12px; --mat-checkbox-label-text-tracking: normal; --mat-checkbox-label-text-weight: 400; } html { --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; } html { --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; } html { --mdc-protected-button-container-shape: 4px; --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } html { --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; } html { --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; } html { --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; } html { --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; } html { --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; } html { --mdc-text-button-label-text-color: black; --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); } html { --mat-text-button-state-layer-color: black; --mat-text-button-disabled-state-layer-color: black; --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-text-button-hover-state-layer-opacity: 0.04; --mat-text-button-focus-state-layer-opacity: 0.12; --mat-text-button-pressed-state-layer-opacity: 0.12; } html { --mdc-filled-button-container-color: white; --mdc-filled-button-label-text-color: black; --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); } html { --mat-filled-button-state-layer-color: black; --mat-filled-button-disabled-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.04; --mat-filled-button-focus-state-layer-opacity: 0.12; --mat-filled-button-pressed-state-layer-opacity: 0.12; } html { --mdc-protected-button-container-color: white; --mdc-protected-button-label-text-color: black; --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); } html { --mat-protected-button-state-layer-color: black; --mat-protected-button-disabled-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.04; --mat-protected-button-focus-state-layer-opacity: 0.12; --mat-protected-button-pressed-state-layer-opacity: 0.12; } html { --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-button-label-text-color: black; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); } html { --mat-outlined-button-state-layer-color: black; --mat-outlined-button-disabled-state-layer-color: black; --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.04; --mat-outlined-button-focus-state-layer-opacity: 0.12; --mat-outlined-button-pressed-state-layer-opacity: 0.12; } .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #00243d; } .mat-mdc-button.mat-primary { --mat-text-button-state-layer-color: #00243d; --mat-text-button-ripple-color: rgba(0, 36, 61, 0.1); } .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #0073ab; } .mat-mdc-button.mat-accent { --mat-text-button-state-layer-color: #0073ab; --mat-text-button-ripple-color: rgba(0, 115, 171, 0.1); } .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #b80012; } .mat-mdc-button.mat-warn { --mat-text-button-state-layer-color: #b80012; --mat-text-button-ripple-color: rgba(184, 0, 18, 0.1); } .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #00243d; --mdc-filled-button-label-text-color: white; } .mat-mdc-unelevated-button.mat-primary { --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #0073ab; --mdc-filled-button-label-text-color: white; } .mat-mdc-unelevated-button.mat-accent { --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #b80012; --mdc-filled-button-label-text-color: black; } .mat-mdc-unelevated-button.mat-warn { --mat-filled-button-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #00243d; --mdc-protected-button-label-text-color: white; } .mat-mdc-raised-button.mat-primary { --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #0073ab; --mdc-protected-button-label-text-color: white; } .mat-mdc-raised-button.mat-accent { --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #b80012; --mdc-protected-button-label-text-color: black; } .mat-mdc-raised-button.mat-warn { --mat-protected-button-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #00243d; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); } .mat-mdc-outlined-button.mat-primary { --mat-outlined-button-state-layer-color: #00243d; --mat-outlined-button-ripple-color: rgba(0, 36, 61, 0.1); } .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #0073ab; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); } .mat-mdc-outlined-button.mat-accent { --mat-outlined-button-state-layer-color: #0073ab; --mat-outlined-button-ripple-color: rgba(0, 115, 171, 0.1); } .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #b80012; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); } .mat-mdc-outlined-button.mat-warn { --mat-outlined-button-state-layer-color: #b80012; --mat-outlined-button-ripple-color: rgba(184, 0, 18, 0.1); } html { --mdc-text-button-container-height: 32px; } html { --mdc-filled-button-container-height: 32px; } html { --mdc-protected-button-container-height: 32px; } html { --mdc-outlined-button-container-height: 32px; } html { --mat-text-button-touch-target-display: block; } html { --mat-filled-button-touch-target-display: block; } html { --mat-protected-button-touch-target-display: block; } html { --mat-outlined-button-touch-target-display: block; } html { --mdc-text-button-label-text-font: Maersk Text; --mdc-text-button-label-text-size: 12px; --mdc-text-button-label-text-tracking: normal; --mdc-text-button-label-text-weight: 400; --mdc-text-button-label-text-transform: none; } html { --mdc-filled-button-label-text-font: Maersk Text; --mdc-filled-button-label-text-size: 12px; --mdc-filled-button-label-text-tracking: normal; --mdc-filled-button-label-text-weight: 400; --mdc-filled-button-label-text-transform: none; } html { --mdc-protected-button-label-text-font: Maersk Text; --mdc-protected-button-label-text-size: 12px; --mdc-protected-button-label-text-tracking: normal; --mdc-protected-button-label-text-weight: 400; --mdc-protected-button-label-text-transform: none; } html { --mdc-outlined-button-label-text-font: Maersk Text; --mdc-outlined-button-label-text-size: 12px; --mdc-outlined-button-label-text-tracking: normal; --mdc-outlined-button-label-text-weight: 400; --mdc-outlined-button-label-text-transform: none; } html { --mdc-icon-button-icon-size: 24px; } html { --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38); } html { --mat-icon-button-state-layer-color: black; --mat-icon-button-disabled-state-layer-color: black; --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.04; --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-pressed-state-layer-opacity: 0.12; } html .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #00243d; } html .mat-mdc-icon-button.mat-primary { --mat-icon-button-state-layer-color: #00243d; --mat-icon-button-ripple-color: rgba(0, 36, 61, 0.1); } html .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #0073ab; } html .mat-mdc-icon-button.mat-accent { --mat-icon-button-state-layer-color: #0073ab; --mat-icon-button-ripple-color: rgba(0, 115, 171, 0.1); } html .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #b80012; } html .mat-mdc-icon-button.mat-warn { --mat-icon-button-state-layer-color: #b80012; --mat-icon-button-ripple-color: rgba(184, 0, 18, 0.1); } html { --mat-icon-button-touch-target-display: block; } .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 44px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 10px; } html { --mdc-fab-container-shape: 50%; --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } html { --mdc-fab-small-container-shape: 50%; --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } html { --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } html { --mdc-fab-container-color: white; } html { --mat-fab-foreground-color: black; --mat-fab-state-layer-color: black; --mat-fab-disabled-state-layer-color: black; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-hover-state-layer-opacity: 0.04; --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12); --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38); } html { --mdc-fab-small-container-color: white; } html { --mat-fab-small-foreground-color: black; --mat-fab-small-state-layer-color: black; --mat-fab-small-disabled-state-layer-color: black; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.04; --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38); } html .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #00243d; } html .mat-mdc-fab.mat-primary { --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #0073ab; } html .mat-mdc-fab.mat-accent { --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #b80012; } html .mat-mdc-fab.mat-warn { --mat-fab-foreground-color: black; --mat-fab-state-layer-color: black; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); } html .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #00243d; } html .mat-mdc-mini-fab.mat-primary { --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #0073ab; } html .mat-mdc-mini-fab.mat-accent { --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #b80012; } html .mat-mdc-mini-fab.mat-warn { --mat-fab-small-foreground-color: black; --mat-fab-small-state-layer-color: black; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); } html { --mat-fab-touch-target-display: block; } html { --mat-fab-small-touch-target-display: block; } html { --mdc-extended-fab-label-text-font: Maersk Text; --mdc-extended-fab-label-text-size: 12px; --mdc-extended-fab-label-text-tracking: normal; --mdc-extended-fab-label-text-weight: 400; } html { --mdc-snackbar-container-shape: 4px; } html { --mdc-snackbar-container-color: #333333; --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87); } html { --mat-snack-bar-button-color: #91d8f2; } html { --mdc-snackbar-supporting-text-font: Maersk Text; --mdc-snackbar-supporting-text-line-height: 18px; --mdc-snackbar-supporting-text-size: 12px; --mdc-snackbar-supporting-text-weight: 400; } html { --mat-table-row-item-outline-width: 1px; } html { --mat-table-background-color: white; --mat-table-header-headline-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12); } html { --mat-table-header-container-height: 52px; --mat-table-footer-container-height: 48px; --mat-table-row-item-container-height: 48px; } html { --mat-table-header-headline-font: Maersk Headline; --mat-table-header-headline-line-height: 21px; --mat-table-header-headline-size: 15px; --mat-table-header-headline-weight: 700; --mat-table-header-headline-tracking: normal; --mat-table-row-item-label-text-font: Maersk Text; --mat-table-row-item-label-text-line-height: 18px; --mat-table-row-item-label-text-size: 12px; --mat-table-row-item-label-text-weight: 400; --mat-table-row-item-label-text-tracking: normal; --mat-table-footer-supporting-text-font: Maersk Text; --mat-table-footer-supporting-text-line-height: 18px; --mat-table-footer-supporting-text-size: 12px; --mat-table-footer-supporting-text-weight: 400; --mat-table-footer-supporting-text-tracking: normal; } html { --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; } html { --mdc-circular-progress-active-indicator-color: #00243d; } html .mat-accent { --mdc-circular-progress-active-indicator-color: #0073ab; } html .mat-warn { --mdc-circular-progress-active-indicator-color: #b80012; } html { --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; } html { --mat-badge-background-color: #00243d; --mat-badge-text-color: white; --mat-badge-disabled-state-background-color: #b9b9b9; --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38); } .mat-badge-accent { --mat-badge-background-color: #0073ab; --mat-badge-text-color: white; } .mat-badge-warn { --mat-badge-background-color: #b80012; --mat-badge-text-color: rgba(0, 0, 0, 0.87); } html { --mat-badge-text-font: Maersk Text; --mat-badge-line-height: 22px; --mat-badge-text-size: 12px; --mat-badge-text-weight: 600; --mat-badge-small-size-text-size: 9px; --mat-badge-small-size-line-height: 16px; --mat-badge-large-size-text-size: 24px; --mat-badge-large-size-line-height: 28px; } html { --mat-bottom-sheet-container-shape: 4px; } html { --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87); --mat-bottom-sheet-container-background-color: white; } html { --mat-bottom-sheet-container-text-font: Maersk Text; --mat-bottom-sheet-container-text-line-height: 18px; --mat-bottom-sheet-container-text-size: 12px; --mat-bottom-sheet-container-text-tracking: normal; --mat-bottom-sheet-container-text-weight: 400; } html { --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; } html { --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; } html { --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38); --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12); --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54); --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0; --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee; --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd; } html { --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: black; --mat-standard-button-toggle-selected-state-background-color: #e0e0e0; --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-divider-color: rgb(224.4, 224.4, 224.4); } html { --mat-standard-button-toggle-height: 44px; } html { --mat-legacy-button-toggle-label-text-font: Maersk Text; --mat-legacy-button-toggle-label-text-line-height: 22px; --mat-legacy-button-toggle-label-text-size: 14px; --mat-legacy-button-toggle-label-text-tracking: normal; --mat-legacy-button-toggle-label-text-weight: 400; } html { --mat-standard-button-toggle-label-text-font: Maersk Text; --mat-standard-button-toggle-label-text-line-height: 22px; --mat-standard-button-toggle-label-text-size: 14px; --mat-standard-button-toggle-label-text-tracking: normal; --mat-standard-button-toggle-label-text-weight: 400; } html { --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } html { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #00243d; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 36, 61, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 36, 61, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 36, 61, 0.3); --mat-datepicker-toggle-active-state-icon-color: #00243d; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(0, 36, 61, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: black; --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38); --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #0073ab; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 115, 171, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 115, 171, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 115, 171, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(0, 115, 171, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); } .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-selected-state-background-color: #b80012; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(184, 0, 18, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-focus-state-background-color: rgba(184, 0, 18, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(184, 0, 18, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(184, 0, 18, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); } .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #0073ab; } .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #b80012; } .mat-calendar-controls { --mat-icon-button-touch-target-display: none; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 8px; } html { --mat-datepicker-calendar-text-font: Maersk Text; --mat-datepicker-calendar-text-size: 13px; --mat-datepicker-calendar-body-label-text-size: 12px; --mat-datepicker-calendar-body-label-text-weight: 400; --mat-datepicker-calendar-period-button-text-size: 12px; --mat-datepicker-calendar-period-button-text-weight: 400; --mat-datepicker-calendar-header-text-size: 11px; --mat-datepicker-calendar-header-text-weight: 400; } html { --mat-divider-width: 1px; } html { --mat-divider-color: rgba(0, 0, 0, 0.12); } html { --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; } html { --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54); --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54); } html { --mat-expansion-header-collapsed-state-height: 44px; --mat-expansion-header-expanded-state-height: 60px; } html { --mat-expansion-header-text-font: Maersk Headline; --mat-expansion-header-text-size: 15px; --mat-expansion-header-text-weight: 700; --mat-expansion-header-text-line-height: inherit; --mat-expansion-header-text-tracking: inherit; --mat-expansion-container-text-font: Maersk Text; --mat-expansion-container-text-line-height: 18px; --mat-expansion-container-text-size: 12px; --mat-expansion-container-text-tracking: normal; --mat-expansion-container-text-weight: 400; } html { --mat-grid-list-tile-header-primary-text-size: 12px; --mat-grid-list-tile-header-secondary-text-size: 11px; --mat-grid-list-tile-footer-primary-text-size: 12px; --mat-grid-list-tile-footer-secondary-text-size: 11px; } html { --mat-icon-color: inherit; } .mat-icon.mat-primary { --mat-icon-color: #00243d; } .mat-icon.mat-accent { --mat-icon-color: #0073ab; } .mat-icon.mat-warn { --mat-icon-color: #b80012; } html { --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; } html { --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12); --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-content-background-color: #fafafa; --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); } html { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #00243d; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #00243d; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #00243d; --mat-stepper-header-edit-state-icon-foreground-color: white; --mat-stepper-container-color: white; --mat-stepper-line-color: rgba(0, 0, 0, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-error-state-label-text-color: #b80012; --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-error-state-icon-foreground-color: #b80012; --mat-stepper-header-error-state-icon-background-color: transparent; } html .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #0073ab; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #0073ab; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #0073ab; --mat-stepper-header-edit-state-icon-foreground-color: white; } html .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-selected-state-icon-background-color: #b80012; --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-done-state-icon-background-color: #b80012; --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-edit-state-icon-background-color: #b80012; --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87); } html { --mat-stepper-header-height: 68px; } html { --mat-stepper-container-text-font: Maersk Text; --mat-stepper-header-label-text-font: Maersk Text; --mat-stepper-header-label-text-size: 12px; --mat-stepper-header-label-text-weight: 400; --mat-stepper-header-error-state-label-text-size: 14px; --mat-stepper-header-selected-state-label-text-size: 14px; --mat-stepper-header-selected-state-label-text-weight: 400; } html { --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3); } html { --mat-toolbar-container-background-color: whitesmoke; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #00243d; --mat-toolbar-container-text-color: white; } .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #0073ab; --mat-toolbar-container-text-color: white; } .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #b80012; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); } html { --mat-toolbar-standard-height: 60px; --mat-toolbar-mobile-height: 52px; } html { --mat-toolbar-title-text-font: Maersk Headline; --mat-toolbar-title-text-line-height: 22px; --mat-toolbar-title-text-size: 16px; --mat-toolbar-title-text-tracking: normal; --mat-toolbar-title-text-weight: 700; } html { --mat-tree-container-background-color: white; --mat-tree-node-text-color: rgba(0, 0, 0, 0.87); } html { --mat-tree-node-min-height: 44px; } html { --mat-tree-node-text-font: Maersk Text; --mat-tree-node-text-size: 12px; --mat-tree-node-text-weight: 400; } html { --mat-timepicker-container-shape: 4px; --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } html { --mat-timepicker-container-background-color: white; } .bp-display-80-light { font-family: Maersk Headline !important; font-size: 80px !important; font-weight: 200 !important; letter-spacing: normal !important; line-height: 88px !important; } .bp-display-36 { font-family: Maersk Headline !important; font-size: 36px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 42px !important; } .bp-display-24 { font-family: Maersk Headline !important; font-size: 24px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 32px !important; } .bp-display-20 { font-family: Maersk Headline !important; font-size: 20px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 24px !important; } .bp-display { font-family: Maersk Headline !important; font-size: 18px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 24px !important; } .bp-typography h1, .bp-h1 { font-family: Maersk Headline !important; font-size: 16px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 22px !important; } .bp-typography h2, .bp-h2 { font-family: Maersk Headline !important; font-size: 16px !important; font-weight: 700 !important; letter-spacing: normal !important; line-height: 22px !important; } .bp-typography h3, .bp-h3 { font-family: Maersk Headline !important; font-size: 15px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 21px !important; } .bp-typography h4, .bp-h4 { font-family: Maersk Headline !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: normal !important; line-height: 21px !important; } .bp-large { font-family: Maersk Text !important; font-size: 14px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 22px !important; } .bp-large-bold { font-family: Maersk Text !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: normal !important; line-height: 22px !important; } .bp-body { font-family: Maersk Text !important; font-size: 12px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 18px !important; } .bp-body-light { font-family: Maersk Text !important; font-size: 12px !important; font-weight: 200 !important; letter-spacing: normal !important; line-height: 18px !important; } .bp-typography h5, .bp-body-bold { font-family: Maersk Text !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: normal !important; line-height: 18px !important; } .bp-body-italic { font-family: Maersk Text !important; font-size: 12px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 18px !important; font-style: italic !important; } .bp-body-bolditalic { font-family: Maersk Text !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: normal !important; line-height: 18px !important; font-style: italic !important; } .bp-small { font-family: Maersk Text !important; font-size: 11px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 17px !important; } .bp-small-bold { font-family: Maersk Text !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: normal !important; line-height: 17px !important; } .bp-small-italic { font-family: Maersk Text !important; font-size: 11px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 17px !important; font-style: italic !important; } .bp-small-bolditalic { font-family: Maersk Text !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: normal !important; line-height: 17px !important; font-style: italic !important; } .bp-micro { font-family: Maersk Text !important; font-size: 10px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 16px !important; } .bp-micro-bold { font-family: Maersk Text !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: normal !important; line-height: 16px !important; } .bp-micro-italic { font-family: Maersk Text !important; font-size: 10px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 16px !important; font-style: italic !important; } .bp-micro-bolditalic { font-family: Maersk Text !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: normal !important; line-height: 16px !important; font-style: italic !important; } .bp-typography.vessel-smallest { font-family: Maersk Text !important; font-size: 8px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 10px !important; } .bp-typography.vessel-smaller { font-family: Maersk Text !important; font-size: 9px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 11px !important; } .bp-typography.vessel-small { font-family: Maersk Text !important; font-size: 10px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 12px !important; } .bp-typography.vessel-default { font-family: Maersk Text !important; font-size: 11px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 13px !important; } .bp-typography.vessel-large { font-family: Maersk Text !important; font-size: 12px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 14px !important; } .bp-typography.vessel-larger { font-family: Maersk Text !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 15px !important; } .bp-typography.vessel-largest { font-family: Maersk Text !important; font-size: 14px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 16px !important; } .bp-text-color-grey-900 { color: #141414 !important; } .bp-text-color-grey-800 { color: #353535 !important; } .bp-text-color-grey-700 { color: #545454 !important; } .bp-text-color-grey-600 { color: #878787 !important; } .bp-text-color-grey-500 { color: #b2b2b2 !important; } .bp-text-color-grey-400 { color: #cfcfcf !important; } .bp-text-color-grey-300 { color: #dbdbdb !important; } .bp-text-color-grey-200 { color: #ededed !important; } .bp-text-color-grey-100 { color: #f7f7f7 !important; } .bp-text-color-grey-50 { color: white !important; } .bp-text-color-primary-600 { color: #0073ab !important; } .bp-text-color-feedback-danger { color: #b80012; } .bp-text-disabled { opacity: 0.5; } .ag-theme-balham { background-color: white; color: #141414; font: 400 16px "Maersk Text", sans-serif; } .ag-theme-balham .ag-cell { padding-right: 11px; padding-left: 11px; border: 1px solid transparent; line-height: 50px; } .ag-operator-icon { vertical-align: text-bottom; } .ag-theme-balham .ag-header { background-color: #f0f0f0; font: 600 16px "Maersk Text", sans-serif; font-weight: bold; } .ag-theme-balham .ag-row-odd { background-color: white; } .ag-theme-balham .ag-row-selected { background-color: white; } .ag-theme-balham .ag-header-cell { line-height: 50px; } .ag-theme-balham .ag-icon-checkbox-checked { display: inline-block; width: 24px; height: 24px; background-color: transparent; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHg9IjEiIHk9IjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjIiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjN0Y4QzhEIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjEzIiBoZWlnaHQ9IjEzIiByeD0iMiIvPjxwYXRoIHN0cm9rZT0iIzdGOEM4RCIgZD0iTTEyIDVsLTUuNSA1LjVMNCA4Ii8+PC9nPjwvc3ZnPg=="); background-position: center; background-repeat: no-repeat; background-size: 24px 24px; line-height: 50px; opacity: 0.87; vertical-align: text-bottom; } .ag-theme-balham .ag-icon-checkbox-indeterminate { display: inline-block; width: 24px; height: 24px; background-color: transparent; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHg9IjEiIHk9IjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjIiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjN0Y4QzhEIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjEzIiBoZWlnaHQ9IjEzIiByeD0iMiIvPjxwYXRoIGQ9Ik00IDguNWg4IiBzdHJva2U9IiM3RjhDOEQiLz48L2c+PC9zdmc+"); background-position: center; background-repeat: no-repeat; background-size: 24px 24px; line-height: 50px; opacity: 0.87; vertical-align: text-bottom; } .ag-theme-balham .ag-icon-checkbox-unchecked { display: inline-block; width: 24px; height: 24px; background-color: transparent; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHg9IjEiIHk9IjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjIiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjN0Y4QzhEIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjEzIiBoZWlnaHQ9IjEzIiByeD0iMiIvPjwvZz48L3N2Zz4="); background-position: center; background-repeat: no-repeat; background-size: 24px 24px; line-height: 50px; opacity: 0.87; vertical-align: text-bottom; } .ag-theme-balham .ag-header-select-all:not(.ag-hidden) + .ag-cell-label-container { width: calc(100% - 16px - 24px); } .ag-theme-balham .ag-header-cell::after { position: absolute; top: 0; height: 100%; margin-top: 0; } .btp-aggrid { border-radius: 5px; } .btp-aggrid .ag-row-group { background-color: #00233d; } .btp-aggrid .ag-row-group-indent-0 { display: block; padding-top: 12px; padding-left: 20px; color: white; } .btp-aggrid .ag-icon-contracted, .btp-aggrid .ag-icon-expanded { background: none !important; } .btp-aggrid .ag-icon-contracted::after { display: block; color: blue; content: "ᐱ"; font-size: 18px; font-weight: bold; -webkit-text-decoration: blue underline; text-decoration: blue underline; transform: scale(1, 0.5); } .btp-aggrid .ag-icon-expanded::after { display: block; color: white; content: "ᐯ"; font-size: 18px; transform: scale(1, 0.5); } .btp-aggrid .ag-header-cell::after { height: 100%; margin-top: 0; } .btp-aggrid .btp-buttons { height: auto; } .bpt-import-calls-grid .ag-selection-checkbox.ag-hidden ~ .ag-cell-value { margin-left: 36px; } .bpt-summary-misconnections-grid .ag-header { font-size: 10px; } .bpt-summary-misconnections-grid .ag-cell { padding-right: 10px; padding-left: 10px; border: 1px solid transparent; line-height: 30px; } .bpt-summary-misconnections-grid .ag-header-cell { line-height: 30px; } .bpt-summary-bunker-grid .ag-header { font-size: 10px; } .bpt-summary-bunker-grid .ag-cell { padding-right: 10px; padding-left: 10px; border: 1px solid transparent; line-height: 30px; } .bpt-summary-bunker-grid .ag-header-cell { line-height: 30px; } .bpt-summary-bunker-grid .ag-row-hover { background-color: #e8f5fc !important; } .bpt-summary-bunker-grid .ag-header-cell-label { width: auto !important; justify-content: center; float: none !important; } .bpt-summary-bunker-grid .ag-header-cell-menu-button { position: absolute; float: none; } .btp-data-container .ag-theme-balham .ui-grid-row:nth-child(odd) .ui-grid-cell { background-color: yellow; } .btp-data-container .ag-theme-balham .ui-grid-row:nth-child(even) .ui-grid-cell { background-color: blue; } .ag-tooltip { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; padding: 12px 16px 14px; border: 1px solid #cfcfcf; border-radius: 5px; background-color: #353535; box-shadow: 0 0 4px rgba(0, 0, 0, 0.12), 0 2px 12px rgba(0, 0, 0, 0.1); color: white; transition: opacity 0.5s; } .ag-tooltip.ag-tooltip-hiding { opacity: 0; } .bp-ag-grid { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; border: 1px solid #cfcfcf; background-color: white; color: #141414; } .bp-ag-grid .ag-root { border: none; } .bp-ag-grid .ag-row { border-bottom: 1px solid #cfcfcf; } .bp-ag-grid .ag-row:hover, .bp-ag-grid .ag-row.ag-row-selected { background: rgba(181, 224, 245, 0.3); } .bp-ag-grid .ag-row:not(.ag-row-editing) .disable-style { border: none; appearance: none; background: transparent; pointer-events: none; } .bp-ag-grid .ag-row-even { background: white; } .bp-ag-grid .ag-row-odd { background: #f7f7f7; } .bp-ag-grid .ag-cell { height: 100%; padding: 0 5px; border: none; background-color: inherit; line-height: 40px; } .bp-ag-grid .ag-cell input, .bp-ag-grid .ag-cell select, .bp-ag-grid .ag-cell mat-select { width: 100%; height: 32px; padding: 0 5px; border: 1px solid #cfcfcf; border-radius: 5px; background-color: white; color: #141414; line-height: 32px; } .bp-ag-grid .ag-cell input:hover, .bp-ag-grid .ag-cell select:hover, .bp-ag-grid .ag-cell mat-select:hover { border: 1px solid #141414; } .bp-ag-grid .ag-cell input:focus, .bp-ag-grid .ag-cell select:focus, .bp-ag-grid .ag-cell mat-select:focus { box-shadow: 0 0 0 3px #b5e0f5; } .bp-ag-grid .ag-cell input.error-input, .bp-ag-grid .ag-cell select.error-input, .bp-ag-grid .ag-cell mat-select.error-input { border: 1px solid #b80012; } .bp-ag-grid .ag-cell input.error-input:focus, .bp-ag-grid .ag-cell select.error-input:focus, .bp-ag-grid .ag-cell mat-select.error-input:focus { box-shadow: 0 0 0 3px #e9b2b7; } .bp-ag-grid .ag-cell mat-select .mat-mdc-select-value { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; color: #141414; } .bp-ag-grid .ag-cell mat-select .mat-mdc-select-value span { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; color: #141414; } .bp-ag-grid .ag-cell mat-select .mat-mdc-select-value > .mat-mdc-select-placeholder { color: #878787; } .bp-ag-grid .ag-cell mat-select .mat-mdc-select-arrow-wrapper { transform: translateY(0); } .bp-ag-grid .ag-cell mat-select .mat-mdc-select-arrow-wrapper > .mat-mdc-select-arrow { width: 20px; height: 20px; border: 0; margin: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSIjODc4Nzg3Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQ2IDEyLjYyNEw0LjYxIDcuODEybC43OC0uNjI1TDkuMjQgMTJoMS41MmwzLjg1LTQuODEzLjc4LjYyNS0zLjg1IDQuODEyYTEgMSAwIDAgMS0uNzguMzc2SDkuMjRhMSAxIDAgMCAxLS43OC0uMzc2eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); } .bp-ag-grid .ag-cell mat-select .mat-mdc-select-arrow-wrapper > .mat-mdc-select-arrow > svg { display: none; } .bp-ag-grid .ag-cell bp-color-picker-selector { width: 32px; height: 32px; } .bp-ag-grid .ag-cell bp-color-picker-selector > .color-picker { width: 32px; height: 32px; padding: 0; margin: 0; } .bp-ag-grid .ag-cell bp-color-picker-selector > .color-picker > .mat-mdc-select-trigger { width: 32px; height: 32px; } .bp-ag-grid .ag-cell bp-color-picker-selector > .color-picker > .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper { display: none; } .bp-ag-grid .ag-cell bp-color-picker-selector > .color-picker > .mat-mdc-select-trigger .mat-mdc-select-value { display: none; } .bp-ag-grid .ag-cell.error-cell { border: 1px solid #b80012; color: #b80012; } .bp-ag-grid .ag-cell .ag-cell-wrapper > *:not(.ag-cell-value, .ag-group-value, .ag-invisible) { display: flex; height: 40px; flex: none; align-items: center; } .bp-ag-grid .ag-cell .ag-row-drag:not(.ag-invisible) { margin-right: 12px; } .bp-ag-grid .ag-cell .ag-row-drag:not(.ag-invisible) .ag-icon-grip { width: 20px; height: 20px; background-color: transparent; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSIjMDAyNDNEIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQ2IDIuMzc1QTEgMSAwIDAgMSA5LjI0IDJoMS41MmExIDEgMCAwIDEgLjc4LjM3NWwzLjg1IDQuODEzLS43OC42MjRMMTAuNzYgM0g5LjI0TDUuMzkgNy44MTJsLS43OC0uNjI0IDMuODUtNC44MTN6TTguNDYgMTcuNjI1bC0zLjg1LTQuODEzLjc4LS42MjRMOS4yNCAxN2gxLjUybDMuODUtNC44MTMuNzguNjI1LTMuODUgNC44MTNhMSAxIDAgMCAxLS43OC4zNzVIOS4yNGExIDEgMCAwIDEtLjc4LS4zNzV6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=); background-position: center; background-repeat: no-repeat; cursor: grab; } .bp-ag-grid .ag-header { border-bottom: 1px solid #cfcfcf; background: #ededed; } .bp-ag-grid .ag-header .ag-header-cell { font-size: 14px; font-weight: 700; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; padding: 0 5px; color: #141414; line-height: 40px; } .bp-ag-grid .ag-header .ag-header-cell::after { display: none; } .bp-ag-grid .ag-header .ag-header-cell .ag-header-cell-label { display: flex; justify-content: flex-start; line-height: 40px; } .bp-ag-grid .ag-header .ag-header-cell .ag-header-icon, .bp-ag-grid .ag-header .ag-header-cell .ag-sort-indicator-container { margin-left: 0; } .bp-ag-grid .ag-header .ag-header-cell .ag-header-icon.ag-sort-order, .bp-ag-grid .ag-header .ag-header-cell .ag-sort-indicator-container.ag-sort-order { display: none; } .bp-ag-grid .ag-header .ag-header-cell .ag-header-icon .ag-icon, .bp-ag-grid .ag-header .ag-header-cell .ag-sort-indicator-container .ag-icon { width: 24px; height: 24px; background-color: transparent; background-position: center; background-repeat: no-repeat; } .bp-ag-grid .ag-header .ag-header-cell .ag-header-icon .ag-icon.ag-icon-asc, .bp-ag-grid .ag-header .ag-header-cell .ag-sort-indicator-container .ag-icon.ag-icon-asc { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjODc4Nzg3Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk3NyA1LjMzNkExIDEgMCAwIDEgMTAuNzI0IDVoMS41NTFhMSAxIDAgMCAxIC43NDguMzM2bDMuODUgNC4zMzItLjc0Ny42NjRMMTIuMjc2IDZIMTJ2MTNoLTFWNmgtLjI3NmwtMy44NSA0LjMzMi0uNzQ4LS42NjQgMy44NS00LjMzMnoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==); } .bp-ag-grid .ag-header .ag-header-cell .ag-header-icon .ag-icon.ag-icon-desc, .bp-ag-grid .ag-header .ag-header-cell .ag-sort-indicator-container .ag-icon.ag-icon-desc { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjODc4Nzg3Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSAxOFY1aDF2MTNoLjI3NWwzLjg1MS00LjMzMi43NDcuNjY0LTMuODUgNC4zMzJhMSAxIDAgMCAxLS43NDguMzM2aC0xLjU1YTEgMSAwIDAgMS0uNzQ4LS4zMzZsLTMuODUxLTQuMzMyLjc0Ny0uNjY0TDEwLjcyNCAxOEgxMXoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==); } .bp-ag-grid .ag-header .ag-header-cell .ag-header-icon .ag-icon.ag-icon-asc, .bp-ag-grid .ag-header .ag-header-cell .ag-header-icon .ag-icon.ag-icon-desc, .bp-ag-grid .ag-header .ag-header-cell .ag-sort-indicator-container .ag-icon.ag-icon-asc, .bp-ag-grid .ag-header .ag-header-cell .ag-sort-indicator-container .ag-icon.ag-icon-desc { width: 12px; margin-left: 5px; } .bp-ag-grid .ag-header .ag-header-cell .ag-header-icon .ag-icon.ag-icon-filter, .bp-ag-grid .ag-header .ag-header-cell .ag-sort-indicator-container .ag-icon.ag-icon-filter { margin-left: 5px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjODc4Nzg3Ij4+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS41IDVhMS41IDEuNSAwIDEgMCAwIDMgMS41IDEuNSAwIDAgMCAwLTN6TTcuMDUgNmEyLjUgMi41IDAgMCAxIDQuOSAwSDIydjFIMTEuOTVhMi41IDIuNSAwIDAgMS00LjkgMEgyVjZoNS4wNXptOC40NSA1YTEuNSAxLjUgMCAxIDAgMCAzIDEuNSAxLjUgMCAwIDAgMC0zem0tMi40NSAxYTIuNSAyLjUgMCAwIDEgNC45IDBIMjJ2MWgtNC4wNWEyLjUgMi41IDAgMCAxLTQuOSAwSDJ2LTFoMTEuMDV6TTkuNSAxN2ExLjUgMS41IDAgMSAwIDAgMyAxLjUgMS41IDAgMCAwIDAtM3ptLTIuNDUgMWEyLjUgMi41IDAgMCAxIDQuOSAwSDIydjFIMTEuOTVhMi41IDIuNSAwIDAgMS00LjkgMEgydi0xaDUuMDV6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=); } .bp-ag-grid .ag-header .ag-header-cell .ag-header-icon .ag-icon.ag-icon-menu, .bp-ag-grid .ag-header .ag-header-cell .ag-sort-indicator-container .ag-icon.ag-icon-menu { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjODc4Nzg3Ij4+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjEgOEgzVjdoMTh2MXptMCA1SDN2LTFoMTh2MXptMCA1SDN2LTFoMTh2MXoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==); } .bp-ag-grid .ag-row-disabled.ag-row { color: rgba(20, 20, 20, 0.3); } .bp-ag-grid .ag-row-disabled.ag-row-even.ag-row-selected { background: white; } .bp-ag-grid .ag-row-disabled.ag-row-odd.ag-row-selected { background: #f7f7f7; } .bp-ag-grid .ag-row-disabled .ag-icon { pointer-events: none; } .bp-ag-grid .ag-row-disabled .ag-icon.ag-icon-checkbox-checked:empty { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxkZWZzPjxyZWN0IGlkPSJhIiB4PSIxIiB5PSIxIiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHJ4PSIyIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHVzZSBmaWxsPSIjQ0ZDRkNGIiB4bGluazpocmVmPSIjYSIvPjxyZWN0IHN0cm9rZT0iI0NGQ0ZDRiIgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgcng9IjIiLz48cGF0aCBzdHJva2U9IiNGRkZGRkYiIGQ9Ik0xMiA1bC01LjUgNS41TDQgOCIvPjwvZz48L3N2Zz4=); } .bp-ag-grid .ag-checkbox-input-wrapper { width: 20px; height: 20px; border: 1px solid #cfcfcf; border-radius: 3px; background-color: white; color: #141414; cursor: pointer; transition: 0.2s ease; transition-property: background-color; } .bp-ag-grid .ag-checkbox-input-wrapper .ag-input-field-input.ag-checkbox-input { width: 20px; height: 20px; cursor: pointer; opacity: 0; } .bp-ag-grid .ag-checkbox-input-wrapper:hover { border-color: #878787; } .bp-ag-grid .ag-checkbox-input-wrapper:active { border-color: #545454; } .bp-ag-grid .ag-checkbox-input-wrapper:focus { border-color: #0ca0ce; box-shadow: 0 0 0 3px #b5e0f5; } .bp-ag-grid .ag-checkbox-input-wrapper.ag-checked, .bp-ag-grid .ag-checkbox-input-wrapper.ag-indeterminate { border-color: #42b0d5; background-color: #42b0d5; } .bp-ag-grid .ag-checkbox-input-wrapper.ag-checked:hover, .bp-ag-grid .ag-checkbox-input-wrapper.ag-indeterminate:hover { border-color: #058ec6; background-color: #058ec6; } .bp-ag-grid .ag-checkbox-input-wrapper.ag-checked:active, .bp-ag-grid .ag-checkbox-input-wrapper.ag-indeterminate:active { border-color: #0073ab; background-color: #0073ab; } .bp-ag-grid .ag-checkbox-input-wrapper.ag-checked:focus, .bp-ag-grid .ag-checkbox-input-wrapper.ag-indeterminate:focus { border-color: #0ca0ce; box-shadow: 0 0 0 3px #b5e0f5; } .bp-ag-grid .ag-checkbox-input-wrapper.ag-checked::before { position: absolute; top: 2px; left: 7px; width: 5px; height: 12px; border-right: 1px solid white; border-bottom: 1px solid white; content: ""; transform: rotate(45deg); } .bp-ag-grid .ag-checkbox-input-wrapper.ag-indeterminate::before { position: absolute; top: 9px; left: 3px; width: 12px; height: 1px; border: 0; background: white; content: ""; transform: none; } .bp-ag-grid .ag-row-editing .ag-cell { border: none !important; } .bp-ag-grid .ag-row-editing .input-renderer > * { display: flex; height: 100%; align-items: center; } .bp-ag-grid .ag-row-editing .input-renderer > * > * { display: block; width: 100%; height: 32px; border: 1px solid #cfcfcf; border-radius: 5px; } .bp-ag-grid .ag-row-editing .input-renderer > * > *.bp-slide-toogle { display: flex; border: none; } .bp-ag-grid .ag-filter { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; } .bp-ag-grid .ag-filter .ag-filter-body-wrapper { padding: 12px; border: 1px solid #cfcfcf; background-color: #f7f7f7; gap: 8px; } .bp-ag-grid .ag-filter .ag-filter-body-wrapper .ag-filter-select { height: 32px; border: 1px solid #cfcfcf; border-radius: 5px; background-color: white; color: #141414; cursor: pointer; line-height: 32px; } .bp-ag-grid .ag-filter .ag-filter-body-wrapper .ag-filter-select .ag-picker-field-display { padding: 4px; } .bp-ag-grid .ag-filter .ag-filter-body-wrapper .ag-filter-select .ag-picker-field-icon .ag-icon-small-down { width: 20px; height: 20px; background-color: transparent; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSIjODc4Nzg3Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQ2IDEyLjYyNEw0LjYxIDcuODEybC43OC0uNjI1TDkuMjQgMTJoMS41MmwzLjg1LTQuODEzLjc4LjYyNS0zLjg1IDQuODEyYTEgMSAwIDAgMS0uNzguMzc2SDkuMjRhMSAxIDAgMCAxLS43OC0uMzc2eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+); background-position: center; background-repeat: no-repeat; cursor: pointer; } .bp-ag-grid .ag-filter .ag-filter-body-wrapper .ag-filter-select:hover { border: 1px solid #141414; } .bp-ag-grid .ag-filter .ag-filter-body-wrapper .ag-filter-select:focus { box-shadow: 0 0 0 3px #b5e0f5; } .bp-ag-grid .ag-filter .ag-filter-body-wrapper .ag-filter-body input { height: 32px; border: 1px solid #cfcfcf; border-radius: 5px; background-color: white; color: #141414; line-height: 32px; } .bp-ag-grid .ag-filter .ag-filter-body-wrapper .ag-filter-body input:hover { border: 1px solid #141414; } .bp-ag-grid .ag-filter .ag-filter-body-wrapper .ag-filter-body input:focus { box-shadow: 0 0 0 3px #b5e0f5; } .bp-ag-grid .ag-group-row { border-bottom: 1px solid white; background-color: #00243d !important; } .bp-ag-grid .ag-group-row:hover { background-color: #003d6d !important; } .bp-ag-grid .ag-row-dragging { cursor: move; opacity: 0.5; } .ag-popup .ag-list.ag-select-list { overflow: hidden auto; border-radius: 5px; background-color: white; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .ag-popup .ag-list-item.ag-select-list-item { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; display: flex; overflow: hidden; height: 40px; align-items: center; padding: 0 10px; color: #353535; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; } .ag-popup .ag-list-item.ag-select-list-item.ag-active-item { background-color: #ededed; } .ag-popup .ag-list-item.ag-select-list-item:hover { background-color: #f7f7f7; } .cell-centered { display: flex; justify-content: center; } .cell-centered .ag-header-select-all { margin-right: 0; } .cell-centered .ag-cell-label-container { display: none; } .svg-middle svg { vertical-align: middle; } .ag-dnd-ghost { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; z-index: 10; overflow: hidden; height: 40px !important; padding: 0 8px; border: 1px solid #cfcfcf; border-radius: 0; margin: 0; background-color: white; box-shadow: none; color: #141414; text-overflow: ellipsis; transform: translateY(8px); } .ag-dnd-ghost .ag-dnd-ghost-icon { margin-right: 4px; } .ag-dnd-ghost .ag-dnd-ghost-icon .ag-icon-arrows { width: 20px; height: 20px; background-color: transparent; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSIjMDAyNDNEIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQ2IDIuMzc1QTEgMSAwIDAgMSA5LjI0IDJoMS41MmExIDEgMCAwIDEgLjc4LjM3NWwzLjg1IDQuODEzLS43OC42MjRMMTAuNzYgM0g5LjI0TDUuMzkgNy44MTJsLS43OC0uNjI0IDMuODUtNC44MTN6TTguNDYgMTcuNjI1bC0zLjg1LTQuODEzLjc4LS42MjRMOS4yNCAxN2gxLjUybDMuODUtNC44MTMuNzguNjI1LTMuODUgNC44MTNhMSAxIDAgMCAxLS43OC4zNzVIOS4yNGExIDEgMCAwIDEtLjc4LS4zNzV6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=); background-position: center; background-repeat: no-repeat; cursor: none; } .mat-badge-small .mat-badge-content { font-size: 8px; font-weight: bold; } .mat-badge-small.only-dot .mat-badge-content { width: 8px; height: 8px; color: transparent; } .mat-badge-small.mat-badge-notification .mat-badge-content { background: #b80012; } .mat-badge-small.mat-badge-warn .mat-badge-content, .mat-badge-small.mat-badge-disabled .mat-badge-content { color: white; } .mat-badge-small.inline-badge .mat-badge-content { bottom: unset !important; width: 8px; height: 8px; color: transparent; } .mat-button-toggle-group { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; border: 1px solid #00243d; color: #141414; } .mat-button-toggle-group[disabled] { border: 1px solid rgba(0, 36, 61, 0.5); } .mat-button-toggle-group > .mat-button-toggle { background-color: white; } .mat-button-toggle-group > .mat-button-toggle.mat-button-toggle-disabled { color: rgba(53, 53, 53, 0.5); } .mat-button-toggle-group > .mat-button-toggle:not(.mat-button-toggle-disabled):hover { background-color: #ededed; } .mat-button-toggle-group > .mat-button-toggle.mat-button-toggle-checked { background-color: #00243d; color: white; } .mat-button-toggle-group > .mat-button-toggle.mat-button-toggle-checked.mat-button-toggle-disabled { background-color: rgba(0, 36, 61, 0.5); } .mat-button-toggle-group > .mat-button-toggle.mat-button-toggle-checked:not(.mat-button-toggle-disabled):hover { background-color: #003d6d; } .mat-button-toggle-group > .mat-button-toggle > .mat-button-toggle-button > .mat-button-toggle-label-content { height: 32px; line-height: 32px; } .mat-button-toggle-group > .mat-button-toggle > .mat-slide-toggle-ripple { display: none; } .mat-button-toggle-group.height-40 { height: 40px; line-height: 40px; } .mat-button-toggle-group.height-40 > .mat-button-toggle > .mat-button-toggle-button > .mat-button-toggle-label-content { height: 40px; line-height: 40px; } .bp-calendar-terminal-version-change div:not(.mat-calendar-body-selected) { border: 1px solid #e0a22e; } .bp-calendar-terminal-version-change div::before { position: absolute; top: -5px; right: -5px; display: block; color: #e0a22e; content: "\f071"; /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */ font-family: "Font Awesome 5 Free"; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: 900; text-rendering: auto; } .bp-calendar-terminal-version-change div:hover::after { position: absolute; top: -6px; left: 50%; width: 200px; min-width: 80px; padding: 4px 10px; border-radius: 5px; background-color: #e0a22e; color: #ffffff; content: "There is a change in terminal settings on this date!"; font-size: 12px; line-height: 20px; pointer-events: none; text-align: left; transform: translateX(-50%) translateY(-100%); } .mat-datepicker-toggle { color: var(--mat-datepicker-toggle-icon-color); pointer-events: auto; } .mat-datepicker-toggle-active { color: var(--mat-datepicker-toggle-active-state-icon-color); } .cdk-high-contrast-active .mat-datepicker-toggle-default-icon { color: canvastext; } .mat-datepicker-content { display: block; border-radius: 4px; background-color: var(--mat-datepicker-calendar-container-background-color); box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px -1px, rgba(0, 0, 0, 0.14) 0 4px 5px 0, rgba(0, 0, 0, 0.12) 0 1px 10px 0; color: var(--mat-datepicker-calendar-container-text-color); } .mat-datepicker-content .mat-calendar { width: 296px; height: 354px; } .mat-datepicker-content .mat-datepicker-content-container-with-custom-header .mat-calendar { height: auto; } .mat-datepicker-content .mat-datepicker-close-button { position: absolute; top: 100%; left: 0; margin-top: 8px; } .ng-animating .mat-datepicker-content .mat-datepicker-close-button { display: none; } .mat-datepicker-content-container { display: flex; flex-direction: column; justify-content: space-between; } .mat-datepicker-content-touch { position: relative; display: block; overflow: visible; max-height: 80vh; box-shadow: rgba(0, 0, 0, 0.2) 0 11px 15px -7px, rgba(0, 0, 0, 0.14) 0 24px 38px 3px, rgba(0, 0, 0, 0.12) 0 9px 46px 8px; } .mat-datepicker-content-touch .mat-datepicker-content-container { min-width: 250px; max-width: 750px; min-height: 312px; max-height: 788px; } .mat-datepicker-content-touch .mat-calendar { width: 100%; height: auto; } @media (orientation: landscape) { .mat-datepicker-content-touch .mat-datepicker-content-container { width: 64vh; height: 80vh; } } @media (orientation: portrait) { .mat-datepicker-content-touch .mat-datepicker-content-container { width: 80vw; height: 100vw; } .mat-datepicker-content-touch .mat-datepicker-content-container-with-actions { height: 115vw; } } .mat-calendar { display: block; font-family: var(--mat-datepicker-calendar-text-font); font-size: var(--mat-datepicker-calendar-text-size); } .mat-calendar-header { padding: 8px 8px 0; } .mat-calendar-content { padding: 0 8px 8px; outline: none; } .mat-calendar-controls { display: flex; align-items: center; margin: 5% calc(4.71429% - 16px); } .mat-calendar-spacer { flex: 1 1 auto; } .mat-calendar-period-button { min-width: 0; margin: 0 8px; font-size: var(--mat-datepicker-calendar-period-button-text-size); font-weight: var(--mat-datepicker-calendar-period-button-text-weight); } .mat-calendar-arrow { display: inline-block; width: 10px; height: 5px; margin: 0 0 0 5px; fill: var(--mat-datepicker-calendar-period-button-icon-color); vertical-align: middle; } .mat-calendar-arrow.mat-calendar-invert { transform: rotate(180deg); } [dir=rtl] .mat-calendar-arrow { margin: 0 5px 0 0; } .cdk-high-contrast-active .mat-calendar-arrow { fill: canvastext; } .mat-calendar-previous-button, .mat-calendar-next-button { position: relative; } .mat-datepicker-content .mat-calendar-previous-button, .mat-datepicker-content .mat-calendar-next-button { color: var(--mat-datepicker-calendar-navigation-button-icon-color); } .mat-calendar-previous-button::after, .mat-calendar-next-button::after { position: absolute; border-width: 2px 0 0; border-style: solid; border-color: currentcolor; margin: 15.5px; border-image: initial; content: ""; inset: 0; } [dir=rtl] .mat-calendar-previous-button, [dir=rtl] .mat-calendar-next-button { transform: rotate(180deg); } .mat-calendar-previous-button::after { border-left-width: 2px; transform: translateX(2px) rotate(-45deg); } .mat-calendar-next-button::after { border-right-width: 2px; transform: translateX(-2px) rotate(45deg); } .mat-calendar-table { width: 100%; border-collapse: collapse; border-spacing: 0; } .mat-calendar-table-header th { padding: 0 0 8px; color: var(--mat-datepicker-calendar-header-text-color); font-size: var(--mat-datepicker-calendar-header-text-size); font-weight: var(--mat-datepicker-calendar-header-text-weight); text-align: center; } .mat-calendar-table-header-divider { position: relative; height: 1px; } .mat-calendar-table-header-divider::after { position: absolute; top: 0; right: -8px; left: -8px; height: 1px; background: var(--mat-datepicker-calendar-header-divider-color); content: ""; } .mat-calendar-body-cell-content::before { margin: calc((var(--mat-focus-indicator-border-width, 3px) + 3px) * -1); } .mat-calendar-body-cell:focus .mat-focus-indicator::before { content: ""; } .mat-calendar-hidden-label { display: none; } .mat-calendar-body { min-width: 224px; } .mat-calendar-body-today:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical) { border-color: var(--mat-datepicker-calendar-date-today-outline-color); } .mat-calendar-body-label { height: 0; padding-right: 4.71429%; padding-left: 4.71429%; color: var(--mat-datepicker-calendar-body-label-text-color); font-size: var(--mat-datepicker-calendar-body-label-text-size); font-weight: var(--mat-datepicker-calendar-body-label-text-weight); line-height: 0; text-align: left; } .mat-calendar-body-hidden-label { display: none; } .mat-calendar-body-cell-container { position: relative; height: 0; line-height: 0; } .mat-calendar-body-cell { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; margin: 0; background: none; cursor: pointer; font-family: inherit; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-align: center; -webkit-user-select: none; user-select: none; } .mat-calendar-body-cell::before, .mat-calendar-body-cell::after, .mat-calendar-body-cell-preview { position: absolute; z-index: 0; top: 5%; left: 0; display: block; width: 100%; height: 90%; box-sizing: border-box; content: ""; } .mat-calendar-body-range-start:not(.mat-calendar-body-in-comparison-range)::before, .mat-calendar-body-range-start::after, .mat-calendar-body-comparison-start:not(.mat-calendar-body-comparison-bridge-start)::before, .mat-calendar-body-comparison-start::after, .mat-calendar-body-preview-start .mat-calendar-body-cell-preview { left: 5%; width: 95%; border-bottom-left-radius: 999px; border-top-left-radius: 999px; } [dir=rtl] .mat-calendar-body-range-start:not(.mat-calendar-body-in-comparison-range)::before, [dir=rtl] .mat-calendar-body-range-start::after, [dir=rtl] .mat-calendar-body-comparison-start:not(.mat-calendar-body-comparison-bridge-start)::before, [dir=rtl] .mat-calendar-body-comparison-start::after, [dir=rtl] .mat-calendar-body-preview-start .mat-calendar-body-cell-preview { left: 0; border-radius: 0 999px 999px 0; } .mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range)::before, .mat-calendar-body-range-end::after, .mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end)::before, .mat-calendar-body-comparison-end::after, .mat-calendar-body-preview-end .mat-calendar-body-cell-preview { width: 95%; border-bottom-right-radius: 999px; border-top-right-radius: 999px; } [dir=rtl] .mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range)::before, [dir=rtl] .mat-calendar-body-range-end::after, [dir=rtl] .mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end)::before, [dir=rtl] .mat-calendar-body-comparison-end::after, [dir=rtl] .mat-calendar-body-preview-end .mat-calendar-body-cell-preview { left: 5%; border-radius: 999px 0 0 999px; } [dir=rtl] .mat-calendar-body-comparison-bridge-start.mat-calendar-body-range-end::after, [dir=rtl] .mat-calendar-body-comparison-bridge-end.mat-calendar-body-range-start::after { width: 95%; border-bottom-right-radius: 999px; border-top-right-radius: 999px; } .mat-calendar-body-comparison-start.mat-calendar-body-range-end::after, [dir=rtl] .mat-calendar-body-comparison-start.mat-calendar-body-range-end::after, .mat-calendar-body-comparison-end.mat-calendar-body-range-start::after, [dir=rtl] .mat-calendar-body-comparison-end.mat-calendar-body-range-start::after { width: 90%; } .mat-calendar-body-in-preview { color: var(--mat-datepicker-calendar-date-preview-state-outline-color); } .mat-calendar-body-in-preview .mat-calendar-body-cell-preview { border-top: 1px dashed; border-bottom: 1px dashed; } .mat-calendar-body-preview-start .mat-calendar-body-cell-preview { border-left: 1px dashed; } [dir=rtl] .mat-calendar-body-preview-start .mat-calendar-body-cell-preview { border-right: 1px dashed; border-left: 0; } .mat-calendar-body-preview-end .mat-calendar-body-cell-preview { border-right: 1px dashed; } [dir=rtl] .mat-calendar-body-preview-end .mat-calendar-body-cell-preview { border-right: 0; border-left: 1px dashed; } .mat-calendar-body-disabled { cursor: default; } .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical) { color: var(--mat-datepicker-calendar-date-disabled-state-text-color); } .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical) { border-color: var(--mat-datepicker-calendar-date-today-disabled-state-outline-color); } .cdk-high-contrast-active .mat-calendar-body-disabled { opacity: 0.5; } .mat-calendar-body-cell-content { z-index: 1; top: 5%; left: 5%; display: flex; width: 90%; height: 90%; box-sizing: border-box; align-items: center; justify-content: center; border-width: 1px; border-style: solid; border-color: var(--mat-datepicker-calendar-date-outline-color); border-radius: 999px; color: var(--mat-datepicker-calendar-date-text-color); line-height: 1; } .mat-calendar-body-cell-content.mat-focus-indicator { position: absolute; } .cdk-high-contrast-active .mat-calendar-body-cell-content { border: none; } .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical) { background-color: var(--mat-datepicker-calendar-date-focus-state-background-color); } @media (hover: hover) { .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical) { background-color: var(--mat-datepicker-calendar-date-hover-state-background-color); } } .mat-calendar-body-selected { background-color: var(--mat-datepicker-calendar-date-selected-state-background-color); color: var(--mat-datepicker-calendar-date-selected-state-text-color); } .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: var(--mat-datepicker-calendar-date-selected-disabled-state-background-color); } .mat-calendar-body-selected.mat-calendar-body-today { box-shadow: inset 0 0 0 1px var(--mat-datepicker-calendar-date-today-selected-state-outline-color); } .mat-calendar-body-in-range::before { background: var(--mat-datepicker-calendar-date-in-range-state-background-color); } .mat-calendar-body-comparison-identical, .mat-calendar-body-in-comparison-range::before { background: var(--mat-datepicker-calendar-date-in-comparison-range-state-background-color); } .mat-calendar-body-comparison-identical, .mat-calendar-body-in-comparison-range::before { background: var(--mat-datepicker-calendar-date-in-comparison-range-state-background-color); } .mat-calendar-body-comparison-bridge-start::before, [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, var(--mat-datepicker-calendar-date-in-range-state-background-color) 50%, var(--mat-datepicker-calendar-date-in-comparison-range-state-background-color) 50%); } .mat-calendar-body-comparison-bridge-end::before, [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, var(--mat-datepicker-calendar-date-in-range-state-background-color) 50%, var(--mat-datepicker-calendar-date-in-comparison-range-state-background-color) 50%); } .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: var(--mat-datepicker-calendar-date-in-overlap-range-state-background-color); } .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: var(--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color); } .cdk-high-contrast-active .mat-datepicker-popup:not(:empty), .cdk-high-contrast-active .mat-calendar-body-cell:not(.mat-calendar-body-in-range) .mat-calendar-body-selected { outline: solid 1px; } .cdk-high-contrast-active .mat-calendar-body-today { outline: dotted 1px; } .cdk-high-contrast-active .mat-calendar-body-cell::before, .cdk-high-contrast-active .mat-calendar-body-cell::after, .cdk-high-contrast-active .mat-calendar-body-selected { background: none; } .cdk-high-contrast-active .mat-calendar-body-in-range::before, .cdk-high-contrast-active .mat-calendar-body-comparison-bridge-start::before, .cdk-high-contrast-active .mat-calendar-body-comparison-bridge-end::before { border-top: 1px solid; border-bottom: 1px solid; } .cdk-high-contrast-active .mat-calendar-body-range-start::before { border-left: 1px solid; } [dir=rtl] .cdk-high-contrast-active .mat-calendar-body-range-start::before { border-right: 1px solid; border-left: 0; } .cdk-high-contrast-active .mat-calendar-body-range-end::before { border-right: 1px solid; } [dir=rtl] .cdk-high-contrast-active .mat-calendar-body-range-end::before { border-right: 0; border-left: 1px solid; } .cdk-high-contrast-active .mat-calendar-body-in-comparison-range::before { border-top: 1px dashed; border-bottom: 1px dashed; } .cdk-high-contrast-active .mat-calendar-body-comparison-start::before { border-left: 1px dashed; } [dir=rtl] .cdk-high-contrast-active .mat-calendar-body-comparison-start::before { border-right: 1px dashed; border-left: 0; } .cdk-high-contrast-active .mat-calendar-body-comparison-end::before { border-right: 1px dashed; } [dir=rtl] .cdk-high-contrast-active .mat-calendar-body-comparison-end::before { border-right: 0; border-left: 1px dashed; } [dir=rtl] .mat-calendar-body-label { text-align: right; } .bp-card.mat-mdc-card { padding: 48px 40px; border-radius: 5px; margin: 0; background: white; box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.03), 0 6px 30px 5px rgba(0, 0, 0, 0.03), 0 8px 10px -5px rgba(0, 0, 0, 0.04); color: #141414; transition: none; } .bp-card.mat-mdc-card .mat-mdc-card-subtitle { font-size: 20px; font-weight: 400; line-height: 24px; font-family: Maersk Headline; letter-spacing: normal; padding: 0; margin: 0 0 48px; color: #cfcfcf; } .bp-card.mat-mdc-card .mat-mdc-card-title { font-size: 36px; font-weight: 400; line-height: 42px; font-family: Maersk Headline; letter-spacing: normal; padding: 0; margin: 0 0 24px; color: #353535; } .bp-card.mat-mdc-card .mat-mdc-card-content { font-size: 12px; font-weight: 400; line-height: 18px; font-family: Maersk Text; letter-spacing: normal; padding: 0; margin: 0; } .bp-card.mat-mdc-card .mat-mdc-card-actions { padding: 0; margin: 24px 0 0; } .bp-card.mat-mdc-card .mat-mdc-card-actions:last-child { padding: 0; margin: 24px 0 0; } .mat-mdc-checkbox > .mdc-form-field { margin-bottom: 8px; } .mat-mdc-checkbox > .mdc-form-field > .mdc-checkbox { width: 22px; height: 22px; padding: 0; margin: 0 8px 0 0; } .mat-mdc-checkbox > .mdc-form-field > .mdc-checkbox > .mat-mdc-checkbox-touch-target { width: 22px; height: 22px; } .mat-mdc-checkbox > .mdc-form-field > .mdc-checkbox > .mdc-checkbox__native-control { width: 22px; height: 22px; } .mat-mdc-checkbox > .mdc-form-field > .mdc-checkbox > .mdc-checkbox__ripple { display: none; } .mat-mdc-checkbox > .mdc-form-field > .mdc-checkbox > .mdc-checkbox__background { top: 0; left: 0; width: 22px; height: 22px; border-radius: 4px; } .mat-mdc-checkbox > .mdc-form-field > .mdc-checkbox > .mat-mdc-checkbox-ripple { display: none; } .mat-mdc-checkbox > .mdc-form-field > label { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; padding: 0; margin: 0; color: #141414; } .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background { background-color: transparent !important; } .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background > .mdc-checkbox__checkmark { top: 2px !important; left: 2px !important; width: 80% !important; color: #13a0d4 !important; } .mat-mdc-checkbox.mat-mdc-checkbox-disabled .mdc-checkbox__background { border-color: rgba(0, 0, 0, 0.54) !important; background-color: rgba(0, 0, 0, 0.04) !important; } .mat-mdc-checkbox.mat-mdc-checkbox-disabled .mdc-checkbox__background > .mdc-checkbox__checkmark { color: rgba(0, 0, 0, 0.54) !important; } .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled) .mdc-checkbox__background { border-color: #13a0d4 !important; background-color: transparent !important; } mat-option .mat-pseudo-checkbox { width: 22px !important; height: 22px !important; border: 1px solid #13a0d4; border-radius: 4px; background: transparent !important; } mat-option .mat-pseudo-checkbox.mat-pseudo-checkbox-checked { background-color: #13a0d4 !important; } mat-option .mat-pseudo-checkbox.mat-pseudo-checkbox-checked::after { top: 2px; width: 10px; height: 4px; border-left-width: 1px; } mat-option .mat-pseudo-checkbox::after { border-bottom-width: 1px; margin-top: 4px !important; margin-left: 4px !important; } .bp-dialog-min > mat-dialog-container { position: unset; width: 100%; padding: 0; border-radius: 5px; overflow-y: hidden; } .bp-dialog-min .bp-dialog-min-background { background: rgba(49, 49, 49, 0.12); } .bp-berthing-expansion-panel.mat-expansion-panel { border-radius: 0 !important; color: #141414; } .bp-berthing-expansion-panel.mat-expansion-panel .mat-expansion-panel-header { padding: 0 16px !important; background-color: #00243d !important; font-size: 12px; font-weight: 700; line-height: 18px; font-family: Maersk Text; letter-spacing: normal; } .bp-berthing-expansion-panel.mat-expansion-panel .mat-expansion-panel-header .mat-content { display: contents; vertical-align: middle; } .bp-berthing-expansion-panel.mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title { width: 245px; flex-basis: auto; margin-right: 0; color: white; } .bp-berthing-expansion-panel.mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-description { flex-basis: auto; margin-right: 0; } .bp-berthing-expansion-panel.mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator { display: flex; } .bp-berthing-expansion-panel.mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after { border-width: 0 1px 1px 0; color: white; } .bp-berthing-expansion-panel.mat-expansion-panel .mat-expansion-panel-header:focus, .bp-berthing-expansion-panel.mat-expansion-panel .mat-expansion-panel-header:hover { background-color: #00243d !important; } .bp-berthing-expansion-panel.mat-expansion-panel .mat-expansion-panel-body { padding: 8px 0 26px; } .bp-berthing-expansion-panel.mat-expansion-panel.disabled { opacity: 0.7; } .bp-expansion-panel.mat-expansion-panel .mat-expansion-panel-body { width: 100%; padding: 0; } .bpt-collapsible-details.mat-expansion-panel { border-radius: 0 !important; box-shadow: none; } .bpt-collapsible-details.mat-expansion-panel .mat-expansion-panel-header { padding: 0 !important; padding-left: 5px !important; background-color: white !important; font-size: 12px; } .bpt-collapsible-details.mat-expansion-panel .mat-expansion-panel-header .mat-content { display: grid; overflow: visible; grid-template-columns: 25px 1fr; grid-template-rows: 30px; vertical-align: middle; } .bpt-collapsible-details.mat-expansion-panel .mat-expansion-panel-header .mat-content .bpt-icon { grid-column: 1; grid-row: 1; place-self: center left; } .bpt-collapsible-details.mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title { width: 190px; flex-basis: auto; margin-right: 0; color: #1e638e !important; font-size: 15px; grid-column: 2; grid-row: 1; place-self: center start; } .bpt-collapsible-details.mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-description { display: none; } .bpt-collapsible-details.mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator { display: none; } .bpt-collapsible-details.mat-expansion-panel .mat-expansion-panel-header:focus, .bpt-collapsible-details.mat-expansion-panel .mat-expansion-panel-header:hover { background-color: #dddddd !important; } .bpt-collapsible-details.mat-expansion-panel .mat-expansion-panel-body { padding: 0; } .bpt-mat-expansion-panel-moves .mat-expansion-panel-body { padding: 8px 0 14px; } .bp-accordion.mat-accordion .mat-expansion-panel { border-radius: 5px; box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.03), 0 3px 14px 2px rgba(0, 0, 0, 0.03), 0 5px 5px -3px rgba(0, 0, 0, 0.04); } .bp-accordion.mat-accordion .mat-expansion-panel.mat-expanded { flex: 1 1 0; } .bp-accordion.mat-accordion .mat-expansion-panel:not(.mat-expanded), .bp-accordion.mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) { border-radius: 0; } .bp-accordion.mat-accordion .mat-expansion-panel:first-of-type { border-top-left-radius: 5px; border-top-right-radius: 5px; } .bp-accordion.mat-accordion .mat-expansion-panel:last-of-type { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .bp-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-header { font-size: 14px; font-weight: 700; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; height: 38px !important; padding: 0 16px 0 8px; background-color: white; color: #141414; } .bp-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-header:focus, .bp-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover { background-color: white; } .bp-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-content-wrapper { height: 100%; } .bp-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-content { display: flex; overflow: hidden; height: 100%; flex-direction: row; } .bp-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body { width: 100%; padding: 0; } .mat-mdc-form-field.bp-form-field mat-icon { display: flex !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; color: #141414; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper { overflow: unset; height: auto; padding: 0; border-radius: 5px; margin: 0; background-color: white; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex { height: 40px; align-items: center; padding: 0 11px; margin: 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mdc-notched-outline { height: 40px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mdc-notched-outline > .mdc-notched-outline__leading { display: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mdc-notched-outline > .mdc-notched-outline__notch { display: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mdc-notched-outline > .mdc-notched-outline__trailing { border: 1px solid #cfcfcf; border-radius: 5px; box-shadow: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix { width: 100%; min-width: 0; height: 40px; min-height: 0; padding: 0; border: 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-date-range-input { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; height: 40px; margin-top: 0; caret-color: #141414; color: #141414; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-date-range-input .mat-date-range-input-container { height: 40px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix .mat-mdc-input-element { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; height: 40px; margin-top: 0; caret-color: #141414; color: #141414; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select { height: 40px; line-height: 40px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger { height: 40px; line-height: 40px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-value { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; color: #141414; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-value span { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; color: #141414; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-value > .mat-mdc-select-placeholder { color: #878787; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-arrow-wrapper { transform: translateY(0); } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-arrow-wrapper > .mat-mdc-select-arrow { width: 20px; height: 20px; border: 0; margin: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSIjODc4Nzg3Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQ2IDEyLjYyNEw0LjYxIDcuODEybC43OC0uNjI1TDkuMjQgMTJoMS41MmwzLjg1LTQuODEzLjc4LjYyNS0zLjg1IDQuODEyYTEgMSAwIDAgMS0uNzguMzc2SDkuMjRhMSAxIDAgMCAxLS43OC0uMzc2eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-arrow-wrapper > .mat-mdc-select-arrow > svg { display: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-prefix { height: 20px; padding: 0; margin-right: 8px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-prefix .mat-icon { width: 20px; height: 20px; padding: 0; color: #878787; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-prefix .mat-icon > svg { width: 20px; height: 20px; fill: #878787; vertical-align: middle; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-prefix .mat-icon > svg * { fill: #878787; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-prefix .mat-icon.with-action:hover { cursor: pointer; fill: #545454; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-prefix .mat-icon.with-action:hover > svg { fill: #545454; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-prefix .mat-icon.with-action:hover > svg * { fill: #545454; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix { height: 20px; padding: 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix .mat-icon { width: 20px; height: 20px; padding: 0; color: #878787; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix .mat-icon > svg { width: 20px; height: 20px; fill: #878787; vertical-align: middle; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix .mat-icon > svg * { fill: #878787; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix .mat-icon.with-action:hover { cursor: pointer; fill: #545454; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix .mat-icon.with-action:hover > svg { fill: #545454; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix .mat-icon.with-action:hover > svg * { fill: #545454; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle { display: contents; width: 20px; height: 20px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button { display: contents; width: 20px; height: 20px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button > .mat-mdc-button-ripple, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button > .mat-mdc-button-ripple { display: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button > .mat-mdc-button-touch-target, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button > .mat-mdc-button-touch-target { display: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button > .mat-mdc-focus-indicator, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button > .mat-mdc-focus-indicator { display: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button > .mat-focus-indicator, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button > .mat-focus-indicator { display: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button > .mat-mdc-button-persistent-ripple, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button > .mat-mdc-button-persistent-ripple { display: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button > svg, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button > svg { width: 20px; height: 20px; fill: #878787; vertical-align: middle; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button[disabled] > svg, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button[disabled] > svg { opacity: 0.5; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button:hover:not([disabled]) > svg, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button:hover:not([disabled]) > svg { fill: #545454; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-form-field-subscript-wrapper { height: 30px; padding: 0; margin: 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-hint-wrapper { padding: 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-hint-wrapper > .mat-mdc-form-field-hint { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; height: 30px; padding-top: 8px; color: #878787; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-hint-wrapper > .mat-mdc-form-field-hint.icon-container { display: flex; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-hint-wrapper > .mat-mdc-form-field-hint > mat-icon { width: 20px; height: 20px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-error-wrapper { height: 30px; padding: 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline > .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-error-wrapper > .mat-mdc-form-field-error { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; height: 30px; padding-top: 8px; color: #b80012; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.mds-medium { font-size: 16px; font-weight: 400; line-height: 22px; font-family: Maersk Headline; letter-spacing: normal; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.mds-medium > .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-value { font-size: 16px; font-weight: 400; line-height: 22px; font-family: Maersk Headline; letter-spacing: normal; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.without-hint > .mat-mdc-form-field-subscript-wrapper { height: 0; padding: 0; margin: 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.multiple > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex { height: auto; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.multiple > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mdc-notched-outline { height: 100%; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.multiple > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix { height: auto; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.multiple > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select { height: auto; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.multiple > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger { height: auto; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.multiple > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger .mat-mdc-chip-listbox { padding: 4px 0; font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline:hover:not(.mat-form-field-disabled, .mat-form-field-invalid) .mdc-notched-outline__trailing { border: 1px solid #141414 !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-disabled, .mat-form-field-invalid) .mdc-notched-outline__trailing { box-shadow: 0 0 0 3px #b5e0f5 !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.mat-form-field-disabled { color: #b2b2b2 !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mdc-notched-outline > .mdc-notched-outline__trailing { border-color: #cfcfcf !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-mdc-input-element { caret-color: #b2b2b2 !important; color: #b2b2b2 !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-mdc-select-value { color: #b2b2b2 !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-mdc-select-value > .mat-mdc-select-placeholder { color: #b2b2b2 !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.mat-form-field-invalid .mdc-notched-outline__trailing { border-color: #b80012 !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.mat-form-field-invalid.mat-focused:not(.mat-form-field-disabled) .mdc-notched-outline__trailing { box-shadow: 0 0 0 3px #e9b2b7 !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.bp-text-area > .mat-mdc-text-field-wrapper { min-height: 22px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.bp-text-area > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex { height: auto; min-height: 22px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.bp-text-area > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mdc-notched-outline { height: 100%; min-height: 22px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.bp-text-area > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix { height: auto; min-height: 22px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.bp-text-area > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix .mat-mdc-input-element { height: auto; min-height: 22px; padding: 0; margin: 8px 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.bp-text-area > .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-hint.align-end { order: 1; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.bp-text-area.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-input-element { font-size: 11px; font-weight: 400; line-height: 17px; font-family: Maersk Text; letter-spacing: normal; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.bp-text-area.no-resize .mat-mdc-input-element { resize: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.bp-color-picker .mat-mdc-form-field-flex { padding: 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.bp-color-picker .mat-mdc-form-field-flex .mat-mdc-select { border-radius: 5px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.bp-color-picker .mat-mdc-form-field-flex .mat-mdc-select .mat-mdc-select-value { display: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.bp-color-picker .mat-mdc-form-field-flex .mat-mdc-select .mat-mdc-select-arrow-wrapper { display: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.table-style > .mat-mdc-text-field-wrapper { height: 30px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.table-style > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex { height: 30px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.table-style > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mdc-notched-outline { height: 30px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.table-style > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix { height: 30px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.table-style > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix .mat-mdc-input-element { height: 30px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-outline.table-style > .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-hint.align-end { order: 1; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; color: #141414; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper { overflow: unset; height: auto; padding: 0; margin: 0; background-color: transparent; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-focus-overlay { display: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex { height: 40px; align-items: center; padding: 0; margin: 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix { width: 100%; min-width: 0; height: 40px; min-height: 0; padding: 0; border: 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix .mat-date-range-input { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; height: 40px; margin-top: 0; caret-color: #141414; color: #141414; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix .mat-date-range-input .mat-date-range-input-container { height: 40px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix .mat-mdc-input-element { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; height: 40px; margin-top: 0; caret-color: #141414; color: #141414; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select { height: 40px; line-height: 40px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger { height: 40px; line-height: 40px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-value { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; color: #141414; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-value > .mat-mdc-select-placeholder { color: #878787; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-arrow-wrapper { transform: translateY(0); } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-arrow-wrapper > .mat-mdc-select-arrow { width: 20px; height: 20px; border: 0; margin: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSIjODc4Nzg3Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQ2IDEyLjYyNEw0LjYxIDcuODEybC43OC0uNjI1TDkuMjQgMTJoMS41MmwzLjg1LTQuODEzLjc4LjYyNS0zLjg1IDQuODEyYTEgMSAwIDAgMS0uNzguMzc2SDkuMjRhMSAxIDAgMCAxLS43OC0uMzc2eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-arrow-wrapper > .mat-mdc-select-arrow > svg { display: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix { height: 20px; padding: 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon { width: 20px; height: 20px; color: #878787; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon > svg { width: 20px; height: 20px; fill: #878787; vertical-align: middle; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon > svg * { fill: #878787; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon.with-action:hover { cursor: pointer; fill: #545454; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon.with-action:hover > svg { fill: #545454; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon.with-action:hover > svg * { fill: #545454; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle { display: contents; width: 20px; height: 20px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button { display: contents; width: 20px; height: 20px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button > .mat-mdc-button-ripple, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button > .mat-mdc-button-ripple { display: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button > .mat-mdc-button-touch-target, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button > .mat-mdc-button-touch-target { display: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button > .mat-focus-indicator, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button > .mat-focus-indicator { display: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button > .mat-mdc-focus-indicator, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button > .mat-mdc-focus-indicator { display: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button > .mat-mdc-button-persistent-ripple, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button > .mat-mdc-button-persistent-ripple { display: none; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button > svg, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button > svg { width: 20px; height: 20px; fill: #878787; vertical-align: middle; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button[disabled] > svg, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button[disabled] > svg { opacity: 0.5; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button:hover:not([disabled]) > svg, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button:hover:not([disabled]) > svg { fill: #545454; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mdc-line-ripple::before { height: 1px; border: 0; background-color: #dbdbdb; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-text-field-wrapper > .mdc-line-ripple::after { border: 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-form-field-subscript-wrapper { height: 30px; padding: 0; margin: 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-hint-wrapper { padding: 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-hint-wrapper > .mat-mdc-form-field-hint { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; height: 30px; padding-top: 8px; color: #878787; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-error-wrapper { height: 30px; padding: 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill > .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-error-wrapper > .mat-mdc-form-field-error { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; height: 30px; padding-top: 8px; color: #b80012; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.without-hint > .mat-mdc-form-field-subscript-wrapper { height: 0; padding: 0; margin: 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form { font-size: 11px; font-weight: 400; line-height: 17px; font-family: Maersk Text; letter-spacing: normal; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex { height: 32px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix { height: 32px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-date-range-input { font-size: 11px; font-weight: 400; line-height: 17px; font-family: Maersk Text; letter-spacing: normal; height: 32px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-date-range-input > .mat-date-range-input-container { height: 32px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-input-element { font-size: 11px; font-weight: 400; line-height: 17px; font-family: Maersk Text; letter-spacing: normal; height: 32px; line-height: 32px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select { height: 32px; line-height: 32px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger { height: 32px; line-height: 32px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-value { font-size: 11px; font-weight: 400; line-height: 17px; font-family: Maersk Text; letter-spacing: normal; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-arrow-wrapper > .mat-mdc-select-arrow { width: 20px !important; height: 20px !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select.mat-select-disabled .mat-mdc-select-value { color: #b2b2b2; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix { height: 20px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon { width: 20px; height: 20px; color: #878787; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon svg { width: 20px; height: 20px; fill: #878787; vertical-align: middle; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon svg * { fill: #878787; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon.with-action:hover { cursor: pointer; fill: #545454; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon.with-action:hover svg { fill: #545454; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon.with-action:hover svg * { fill: #545454; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-timepicker-toggle, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-datepicker-toggle { width: 20px; height: 20px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-timepicker-toggle svg, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-datepicker-toggle svg { width: 20px; height: 20px; vertical-align: middle; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.small-form > .mat-mdc-form-field-subscript-wrapper { height: 0; padding: 0; margin: 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form { font-size: 11px; font-weight: 400; line-height: 17px; font-family: Maersk Text; letter-spacing: normal; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex { height: 24px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix { height: 24px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-date-range-input { font-size: 11px; font-weight: 400; line-height: 17px; font-family: Maersk Text; letter-spacing: normal; height: 24px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-date-range-input > .mat-date-range-input-container { height: 24px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-input-element { font-size: 11px; font-weight: 400; line-height: 17px; font-family: Maersk Text; letter-spacing: normal; height: 24px; line-height: 24px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select { height: 24px; line-height: 24px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger { height: 24px; line-height: 24px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-value { font-size: 11px; font-weight: 400; line-height: 17px; font-family: Maersk Text; letter-spacing: normal; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-arrow-wrapper > .mat-mdc-select-arrow { width: 16px !important; height: 16px !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select.mat-select-disabled .mat-mdc-select-value { color: #b2b2b2; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix { height: 16px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon { width: 16px; height: 16px; color: #878787; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon svg { width: 16px; height: 16px; fill: #878787; vertical-align: middle; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon svg * { fill: #878787; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-timepicker-toggle, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-datepicker-toggle { width: 16px; height: 16px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-timepicker-toggle svg, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-datepicker-toggle svg { width: 16px; height: 16px; vertical-align: middle; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.smaller-form > .mat-mdc-form-field-subscript-wrapper { height: 0; padding: 0; margin: 0; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mds-small-form { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mds-small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex { height: 32px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mds-small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix { height: 32px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mds-small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select { height: 32px; line-height: 32px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mds-small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger { height: 32px; line-height: 32px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mds-small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-value { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mds-small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-arrow-wrapper > .mat-mdc-select-arrow { width: 20px !important; height: 20px !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mds-small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select.mat-mdc-select-disabled .mat-select-value { color: #b2b2b2; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mds-small-form > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-input-element { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; height: 32px; line-height: 32px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mds-small-form > .mat-mdc-form-field-subscript-wrapper { height: 24px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mds-small-form > .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-hint-wrapper { height: 24px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mds-small-form > .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-hint-wrapper > .mat-mdc-form-field-hint { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; height: 24px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mds-small-form > .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-error-wrapper { height: 24px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mds-small-form > .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-error-wrapper > .mat-mdc-form-field-error { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; height: 24px; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill:hover:not(.mat-form-field-disabled, .mat-form-field-invalid) .mdc-line-ripple::before { background-color: #141414; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mat-focused:not(.mat-form-field-disabled, .mat-form-field-invalid) .mdc-line-ripple::before { background-color: #141414; box-shadow: 0 2px 0 2px #b5e0f5 !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mat-form-field-disabled { color: #b2b2b2 !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mat-form-field-disabled .mdc-line-ripple::before { background-color: #cfcfcf; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mat-form-field-disabled .mat-mdc-input-element { caret-color: #b2b2b2 !important; color: #b2b2b2 !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mat-form-field-disabled .mat-mdc-select-value { color: #b2b2b2 !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mat-form-field-disabled .mat-mdc-select-value > .mat-mdc-select-placeholder { color: #b2b2b2 !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mat-form-field-invalid .mdc-line-ripple::before { background-color: #b80012; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.mat-form-field-invalid.mat-focused:not(.mat-form-field-disabled) .mdc-line-ripple::before { background-color: #b80012; box-shadow: 0 2px 0 2px #e9b2b7 !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.scenario-loaded { color: #cfcfcf !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.scenario-loaded .mat-date-range-input { caret-color: #cfcfcf !important; color: #cfcfcf !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.scenario-loaded .mat-mdc-input-element { caret-color: #cfcfcf !important; color: #cfcfcf !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.scenario-loaded .mat-mdc-select .mat-mdc-select-value { color: #cfcfcf !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.scenario-loaded .mat-mdc-select .mat-mdc-select-value > .mat-mdc-select-placeholder { color: #cfcfcf !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.scenario-loaded .mat-mdc-select .mat-mdc-select-arrow { background-image: url("data:image/svg+xml;base64,PHN2ZyBwYXJ0PSJpY29uIiBpZD0ibWktY2hldnJvbi1kb3duIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSIjQ0ZDRkNGIj48cGF0aCBkPSJNOC43MTcgMTMuNjQzbC01LjEtNi4wNzEuNzY2LS42NDRMOS40ODMgMTNoMS4wMzRsNS4xLTYuMDcyLjc2Ni42NDQtNS4xIDYuMDcxYTEgMSAwIDAgMS0uNzY2LjM1N0g5LjQ4M2ExIDEgMCAwIDEtLjc2Ni0uMzU3eiIvPjwvc3ZnPg==") !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.scenario-loaded .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button > svg, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.scenario-loaded .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button > svg { fill: #cfcfcf !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.scenario-loaded .mat-mdc-form-field-icon-suffix > .mat-timepicker-toggle > .mat-mdc-icon-button[disabled] > svg, .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.scenario-loaded .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button[disabled] > svg { opacity: 1 !important; } .mat-mdc-form-field.bp-form-field.mat-form-field-appearance-fill.scenario-loaded .mdc-line-ripple::before { background-color: #cfcfcf !important; } .mat-mdc-form-field.bp-form-field.bp-numeric-input .mdc-notched-outline__trailing { border-radius: 0 !important; } .mat-mdc-form-field.bp-form-field.bp-numeric-input .mat-mdc-form-field-subscript-wrapper { left: -40px; width: calc(100% + 80px); white-space: nowrap; } .mat-mdc-form-field.bp-form-field.bp-numeric-input .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-error-wrapper { width: 100%; } .mat-mdc-form-field.bp-form-field.bp-numeric-input .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-error-wrapper > .mat-mdc-form-field-error { width: 100%; } .mat-mdc-form-field.bp-form-field.bp-numeric-input .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-error-wrapper > .mat-mdc-form-field-error.align-right { right: -40px; left: unset; text-align: right; } .mat-mdc-form-field.bp-form-field.bp-numeric-input .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-hint-wrapper { width: 100%; } .mat-mdc-form-field.bp-form-field.bp-numeric-input .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-hint-wrapper > .mat-mdc-form-field-hint { width: 100%; } .mat-mdc-form-field.bp-form-field.bp-numeric-input .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-hint-wrapper > .mat-mdc-form-field-hint.align-right { right: -40px; left: unset; text-align: right; } .mat-mdc-form-field.bp-form-field.bp-datetime-form-field .mat-mdc-form-field-subscript-wrapper { width: 120%; } .mat-mdc-form-field.bp-form-field.bp-datetime-form-field .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-error-wrapper { width: 100%; } .mat-mdc-form-field.bp-form-field.bp-datetime-form-field .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-error-wrapper > .mat-mdc-form-field-error { width: 100%; } .mat-mdc-form-field.bp-form-field.bp-datetime-form-field .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-hint-wrapper { width: 100%; } .mat-mdc-form-field.bp-form-field.bp-datetime-form-field .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-hint-wrapper > .mat-mdc-form-field-hint { width: 100%; } .access-from-mobile .bp-body .mat-mdc-form-field-infix { width: 90px; } .mat-icon, .mat-icon-no-color { overflow: unset !important; } .mat-icon.icon-size-8, .mat-icon-no-color.icon-size-8 { width: 8px; height: 8px; /* This mixing compensates the excesive margin inside company provided icons using a negative margin. If the margin if ever removed, use the comented part instead */ } .mat-icon.icon-size-8 svg, .mat-icon-no-color.icon-size-8 svg { width: 8px; height: 8px; } .mat-icon.icon-size-10, .mat-icon-no-color.icon-size-10 { width: 10px; height: 10px; /* This mixing compensates the excesive margin inside company provided icons using a negative margin. If the margin if ever removed, use the comented part instead */ } .mat-icon.icon-size-10 svg, .mat-icon-no-color.icon-size-10 svg { width: 10px; height: 10px; } .mat-icon.icon-size-12, .mat-icon-no-color.icon-size-12 { width: 12px; height: 12px; /* This mixing compensates the excesive margin inside company provided icons using a negative margin. If the margin if ever removed, use the comented part instead */ } .mat-icon.icon-size-12 svg, .mat-icon-no-color.icon-size-12 svg { width: 12px; height: 12px; } .mat-icon.icon-size-14, .mat-icon-no-color.icon-size-14 { width: 14px; height: 14px; /* This mixing compensates the excesive margin inside company provided icons using a negative margin. If the margin if ever removed, use the comented part instead */ } .mat-icon.icon-size-14 svg, .mat-icon-no-color.icon-size-14 svg { width: 14px; height: 14px; } .mat-icon.icon-size-16, .mat-icon-no-color.icon-size-16 { width: 16px; height: 16px; /* This mixing compensates the excesive margin inside company provided icons using a negative margin. If the margin if ever removed, use the comented part instead */ } .mat-icon.icon-size-16 svg, .mat-icon-no-color.icon-size-16 svg { width: 16px; height: 16px; } .mat-icon.icon-size-18, .mat-icon-no-color.icon-size-18 { width: 18px; height: 18px; /* This mixing compensates the excesive margin inside company provided icons using a negative margin. If the margin if ever removed, use the comented part instead */ } .mat-icon.icon-size-18 svg, .mat-icon-no-color.icon-size-18 svg { width: 18px; height: 18px; } .mat-icon.icon-size-20, .mat-icon-no-color.icon-size-20 { width: 20px; height: 20px; /* This mixing compensates the excesive margin inside company provided icons using a negative margin. If the margin if ever removed, use the comented part instead */ } .mat-icon.icon-size-20 svg, .mat-icon-no-color.icon-size-20 svg { width: 20px; height: 20px; } .mat-icon.icon-size-22, .mat-icon-no-color.icon-size-22 { width: 22px; height: 22px; /* This mixing compensates the excesive margin inside company provided icons using a negative margin. If the margin if ever removed, use the comented part instead */ } .mat-icon.icon-size-22 svg, .mat-icon-no-color.icon-size-22 svg { width: 22px; height: 22px; } .mat-icon.icon-size-24, .mat-icon-no-color.icon-size-24 { width: 24px; height: 24px; /* This mixing compensates the excesive margin inside company provided icons using a negative margin. If the margin if ever removed, use the comented part instead */ } .mat-icon.icon-size-24 svg, .mat-icon-no-color.icon-size-24 svg { width: 24px; height: 24px; } .mat-icon.icon-size-26, .mat-icon-no-color.icon-size-26 { width: 26px; height: 26px; /* This mixing compensates the excesive margin inside company provided icons using a negative margin. If the margin if ever removed, use the comented part instead */ } .mat-icon.icon-size-26 svg, .mat-icon-no-color.icon-size-26 svg { width: 26px; height: 26px; } .mat-icon.icon-size-28, .mat-icon-no-color.icon-size-28 { width: 28px; height: 28px; /* This mixing compensates the excesive margin inside company provided icons using a negative margin. If the margin if ever removed, use the comented part instead */ } .mat-icon.icon-size-28 svg, .mat-icon-no-color.icon-size-28 svg { width: 28px; height: 28px; } .mat-icon.icon-size-30, .mat-icon-no-color.icon-size-30 { width: 30px; height: 30px; /* This mixing compensates the excesive margin inside company provided icons using a negative margin. If the margin if ever removed, use the comented part instead */ } .mat-icon.icon-size-30 svg, .mat-icon-no-color.icon-size-30 svg { width: 30px; height: 30px; } .mat-icon.icon-size-32, .mat-icon-no-color.icon-size-32 { width: 32px; height: 32px; /* This mixing compensates the excesive margin inside company provided icons using a negative margin. If the margin if ever removed, use the comented part instead */ } .mat-icon.icon-size-32 svg, .mat-icon-no-color.icon-size-32 svg { width: 32px; height: 32px; } .mat-icon.icon-size-34, .mat-icon-no-color.icon-size-34 { width: 34px; height: 34px; /* This mixing compensates the excesive margin inside company provided icons using a negative margin. If the margin if ever removed, use the comented part instead */ } .mat-icon.icon-size-34 svg, .mat-icon-no-color.icon-size-34 svg { width: 34px; height: 34px; } .mat-icon.icon-size-36, .mat-icon-no-color.icon-size-36 { width: 36px; height: 36px; /* This mixing compensates the excesive margin inside company provided icons using a negative margin. If the margin if ever removed, use the comented part instead */ } .mat-icon.icon-size-36 svg, .mat-icon-no-color.icon-size-36 svg { width: 36px; height: 36px; } .mat-icon.icon-size-38, .mat-icon-no-color.icon-size-38 { width: 38px; height: 38px; /* This mixing compensates the excesive margin inside company provided icons using a negative margin. If the margin if ever removed, use the comented part instead */ } .mat-icon.icon-size-38 svg, .mat-icon-no-color.icon-size-38 svg { width: 38px; height: 38px; } .mat-icon.icon-size-40, .mat-icon-no-color.icon-size-40 { width: 40px; height: 40px; /* This mixing compensates the excesive margin inside company provided icons using a negative margin. If the margin if ever removed, use the comented part instead */ } .mat-icon.icon-size-40 svg, .mat-icon-no-color.icon-size-40 svg { width: 40px; height: 40px; } .mat-icon.icon-opacity-10 svg, .mat-icon-no-color.icon-opacity-10 svg { opacity: 0.1; } .mat-icon.icon-opacity-15 svg, .mat-icon-no-color.icon-opacity-15 svg { opacity: 0.15; } .mat-icon.icon-opacity-20 svg, .mat-icon-no-color.icon-opacity-20 svg { opacity: 0.2; } .mat-icon.icon-opacity-25 svg, .mat-icon-no-color.icon-opacity-25 svg { opacity: 0.25; } .mat-icon.icon-opacity-30 svg, .mat-icon-no-color.icon-opacity-30 svg { opacity: 0.3; } .mat-icon.icon-opacity-35 svg, .mat-icon-no-color.icon-opacity-35 svg { opacity: 0.35; } .mat-icon.icon-opacity-40 svg, .mat-icon-no-color.icon-opacity-40 svg { opacity: 0.4; } .mat-icon.icon-opacity-45 svg, .mat-icon-no-color.icon-opacity-45 svg { opacity: 0.45; } .mat-icon.icon-opacity-50 svg, .mat-icon-no-color.icon-opacity-50 svg { opacity: 0.5; } .mat-icon.icon-opacity-55 svg, .mat-icon-no-color.icon-opacity-55 svg { opacity: 0.55; } .mat-icon.icon-opacity-60 svg, .mat-icon-no-color.icon-opacity-60 svg { opacity: 0.6; } .mat-icon.icon-opacity-65 svg, .mat-icon-no-color.icon-opacity-65 svg { opacity: 0.65; } .mat-icon.icon-opacity-70 svg, .mat-icon-no-color.icon-opacity-70 svg { opacity: 0.7; } .mat-icon.icon-opacity-75 svg, .mat-icon-no-color.icon-opacity-75 svg { opacity: 0.75; } .mat-icon.icon-opacity-80 svg, .mat-icon-no-color.icon-opacity-80 svg { opacity: 0.8; } .mat-icon.icon-opacity-85 svg, .mat-icon-no-color.icon-opacity-85 svg { opacity: 0.85; } .mat-icon.icon-opacity-90 svg, .mat-icon-no-color.icon-opacity-90 svg { opacity: 0.9; } .mat-icon.icon-opacity-95 svg, .mat-icon-no-color.icon-opacity-95 svg { opacity: 0.95; } .mat-icon.icon-opacity-100 svg, .mat-icon-no-color.icon-opacity-100 svg { opacity: 1; } .mat-icon svg, .mat-icon-no-color svg { vertical-align: middle; } .mat-icon:not(.icon-color-default), .mat-icon-no-color:not(.icon-color-default) { color: #00243d !important; } .mat-icon:not(.icon-color-default) svg, .mat-icon-no-color:not(.icon-color-default) svg { fill: #00243d !important; } .mat-icon:not(.icon-color-default) svg *, .mat-icon-no-color:not(.icon-color-default) svg * { fill: #00243d !important; } .mat-icon:not(.icon-color-default) mc-list-item::part(icon), .mat-icon-no-color:not(.icon-color-default) mc-list-item::part(icon) { fill: color; } .mat-icon.icon-color-primary-dark, .mat-icon-no-color.icon-color-primary-dark { color: #00243d !important; } .mat-icon.icon-color-primary-dark svg, .mat-icon-no-color.icon-color-primary-dark svg { fill: #00243d !important; } .mat-icon.icon-color-primary-dark svg *, .mat-icon-no-color.icon-color-primary-dark svg * { fill: #00243d !important; } .mat-icon.icon-color-primary-dark mc-list-item::part(icon), .mat-icon-no-color.icon-color-primary-dark mc-list-item::part(icon) { fill: color; } .mat-icon.icon-button, .mat-icon-no-color.icon-button { cursor: pointer; } .mat-icon.icon-color-primary, .mat-icon-no-color.icon-color-primary { color: #0073ab !important; } .mat-icon.icon-color-primary svg, .mat-icon-no-color.icon-color-primary svg { fill: #0073ab !important; } .mat-icon.icon-color-primary svg *, .mat-icon-no-color.icon-color-primary svg * { fill: #0073ab !important; } .mat-icon.icon-color-primary mc-list-item::part(icon), .mat-icon-no-color.icon-color-primary mc-list-item::part(icon) { fill: color; } .mat-icon.icon-color-white, .mat-icon-no-color.icon-color-white { color: white !important; } .mat-icon.icon-color-white svg, .mat-icon-no-color.icon-color-white svg { fill: white !important; } .mat-icon.icon-color-white svg *, .mat-icon-no-color.icon-color-white svg * { fill: white !important; } .mat-icon.icon-color-white mc-list-item::part(icon), .mat-icon-no-color.icon-color-white mc-list-item::part(icon) { fill: color; } .mat-icon.icon-color-success, .mat-icon-no-color.icon-color-success { color: #40ab35 !important; } .mat-icon.icon-color-success svg, .mat-icon-no-color.icon-color-success svg { fill: #40ab35 !important; } .mat-icon.icon-color-success svg *, .mat-icon-no-color.icon-color-success svg * { fill: #40ab35 !important; } .mat-icon.icon-color-success mc-list-item::part(icon), .mat-icon-no-color.icon-color-success mc-list-item::part(icon) { fill: color; } .mat-icon.icon-color-alert, .mat-icon-no-color.icon-color-alert { color: #b80012 !important; } .mat-icon.icon-color-alert svg, .mat-icon-no-color.icon-color-alert svg { fill: #b80012 !important; } .mat-icon.icon-color-alert svg *, .mat-icon-no-color.icon-color-alert svg * { fill: #b80012 !important; } .mat-icon.icon-color-alert mc-list-item::part(icon), .mat-icon-no-color.icon-color-alert mc-list-item::part(icon) { fill: color; } .mat-icon.icon-color-warning, .mat-icon-no-color.icon-color-warning { color: #ffd029 !important; } .mat-icon.icon-color-warning svg, .mat-icon-no-color.icon-color-warning svg { fill: #ffd029 !important; } .mat-icon.icon-color-warning svg *, .mat-icon-no-color.icon-color-warning svg * { fill: #ffd029 !important; } .mat-icon.icon-color-warning mc-list-item::part(icon), .mat-icon-no-color.icon-color-warning mc-list-item::part(icon) { fill: color; } .mat-icon.icon-color-success-light, .mat-icon-no-color.icon-color-success-light { color: #c5e5c2 !important; } .mat-icon.icon-color-success-light svg, .mat-icon-no-color.icon-color-success-light svg { fill: #c5e5c2 !important; } .mat-icon.icon-color-success-light svg *, .mat-icon-no-color.icon-color-success-light svg * { fill: #c5e5c2 !important; } .mat-icon.icon-color-success-light mc-list-item::part(icon), .mat-icon-no-color.icon-color-success-light mc-list-item::part(icon) { fill: color; } .mat-icon.icon-color-alert-light, .mat-icon-no-color.icon-color-alert-light { color: #e9b2b7 !important; } .mat-icon.icon-color-alert-light svg, .mat-icon-no-color.icon-color-alert-light svg { fill: #e9b2b7 !important; } .mat-icon.icon-color-alert-light svg *, .mat-icon-no-color.icon-color-alert-light svg * { fill: #e9b2b7 !important; } .mat-icon.icon-color-alert-light mc-list-item::part(icon), .mat-icon-no-color.icon-color-alert-light mc-list-item::part(icon) { fill: color; } .mat-icon.icon-color-warning-light, .mat-icon-no-color.icon-color-warning-light { color: #ffeba8 !important; } .mat-icon.icon-color-warning-light svg, .mat-icon-no-color.icon-color-warning-light svg { fill: #ffeba8 !important; } .mat-icon.icon-color-warning-light svg *, .mat-icon-no-color.icon-color-warning-light svg * { fill: #ffeba8 !important; } .mat-icon.icon-color-warning-light mc-list-item::part(icon), .mat-icon-no-color.icon-color-warning-light mc-list-item::part(icon) { fill: color; } .mat-icon.icon-color-grey, .mat-icon-no-color.icon-color-grey { color: #cfcfcf !important; } .mat-icon.icon-color-grey svg, .mat-icon-no-color.icon-color-grey svg { fill: #cfcfcf !important; } .mat-icon.icon-color-grey svg *, .mat-icon-no-color.icon-color-grey svg * { fill: #cfcfcf !important; } .mat-icon.icon-color-grey mc-list-item::part(icon), .mat-icon-no-color.icon-color-grey mc-list-item::part(icon) { fill: color; } .mat-icon.icon-color-grey-300, .mat-icon-no-color.icon-color-grey-300 { color: #dbdbdb !important; } .mat-icon.icon-color-grey-300 svg, .mat-icon-no-color.icon-color-grey-300 svg { fill: #dbdbdb !important; } .mat-icon.icon-color-grey-300 svg *, .mat-icon-no-color.icon-color-grey-300 svg * { fill: #dbdbdb !important; } .mat-icon.icon-color-grey-300 mc-list-item::part(icon), .mat-icon-no-color.icon-color-grey-300 mc-list-item::part(icon) { fill: color; } .mat-icon.icon-color-grey-500, .mat-icon-no-color.icon-color-grey-500 { color: #b2b2b2 !important; } .mat-icon.icon-color-grey-500 svg, .mat-icon-no-color.icon-color-grey-500 svg { fill: #b2b2b2 !important; } .mat-icon.icon-color-grey-500 svg *, .mat-icon-no-color.icon-color-grey-500 svg * { fill: #b2b2b2 !important; } .mat-icon.icon-color-grey-500 mc-list-item::part(icon), .mat-icon-no-color.icon-color-grey-500 mc-list-item::part(icon) { fill: color; } .mat-icon.icon-color-grey-600, .mat-icon-no-color.icon-color-grey-600 { color: #878787 !important; } .mat-icon.icon-color-grey-600 svg, .mat-icon-no-color.icon-color-grey-600 svg { fill: #878787 !important; } .mat-icon.icon-color-grey-600 svg *, .mat-icon-no-color.icon-color-grey-600 svg * { fill: #878787 !important; } .mat-icon.icon-color-grey-600 mc-list-item::part(icon), .mat-icon-no-color.icon-color-grey-600 mc-list-item::part(icon) { fill: color; } .mat-icon.icon-color-dark, .mat-icon-no-color.icon-color-dark { color: #141414 !important; } .mat-icon.icon-color-dark svg, .mat-icon-no-color.icon-color-dark svg { fill: #141414 !important; } .mat-icon.icon-color-dark svg *, .mat-icon-no-color.icon-color-dark svg * { fill: #141414 !important; } .mat-icon.icon-color-dark mc-list-item::part(icon), .mat-icon-no-color.icon-color-dark mc-list-item::part(icon) { fill: color; } .mat-icon.icon-color-orange-400, .mat-icon-no-color.icon-color-orange-400 { color: #ffa201 !important; } .mat-icon.icon-color-orange-400 svg, .mat-icon-no-color.icon-color-orange-400 svg { fill: #ffa201 !important; } .mat-icon.icon-color-orange-400 svg *, .mat-icon-no-color.icon-color-orange-400 svg * { fill: #ffa201 !important; } .mat-icon.icon-color-orange-400 mc-list-item::part(icon), .mat-icon-no-color.icon-color-orange-400 mc-list-item::part(icon) { fill: color; } .mat-icon.icon-color-orange, .mat-icon-no-color.icon-color-orange { color: #f07508 !important; } .mat-icon.icon-color-orange svg, .mat-icon-no-color.icon-color-orange svg { fill: #f07508 !important; } .mat-icon.icon-color-orange svg *, .mat-icon-no-color.icon-color-orange svg * { fill: #f07508 !important; } .mat-icon.icon-color-orange mc-list-item::part(icon), .mat-icon-no-color.icon-color-orange mc-list-item::part(icon) { fill: color; } .mat-icon.icon-color-ptp-primary, .mat-icon-no-color.icon-color-ptp-primary { color: #118181 !important; } .mat-icon.icon-color-ptp-primary svg, .mat-icon-no-color.icon-color-ptp-primary svg { fill: #118181 !important; } .mat-icon.icon-color-ptp-primary svg *, .mat-icon-no-color.icon-color-ptp-primary svg * { fill: #118181 !important; } .mat-icon.icon-color-ptp-primary mc-list-item::part(icon), .mat-icon-no-color.icon-color-ptp-primary mc-list-item::part(icon) { fill: color; } .mat-icon.icon-disabled, .bp-top-bar-button-disabled .mat-icon, .bp-top-bar-menu-button-disabled .mat-icon, .icon-disabled .mat-icon, button[disabled] .mat-icon, .mat-icon-no-color.icon-disabled, .bp-top-bar-button-disabled .mat-icon-no-color, .bp-top-bar-menu-button-disabled .mat-icon-no-color, .icon-disabled .mat-icon-no-color, button[disabled] .mat-icon-no-color { color: #cfcfcf !important; fill: #cfcfcf !important; opacity: 1; pointer-events: none; /* stylelint-disable-next-line no-descending-specificity */ } .mat-icon.icon-disabled svg *, .bp-top-bar-button-disabled .mat-icon svg *, .bp-top-bar-menu-button-disabled .mat-icon svg *, .icon-disabled .mat-icon svg *, button[disabled] .mat-icon svg *, .mat-icon-no-color.icon-disabled svg *, .bp-top-bar-button-disabled .mat-icon-no-color svg *, .bp-top-bar-menu-button-disabled .mat-icon-no-color svg *, .icon-disabled .mat-icon-no-color svg *, button[disabled] .mat-icon-no-color svg * { color: #cfcfcf !important; fill: #cfcfcf !important; } .mat-icon.opacity-active:hover, .mat-icon.opacity-active[aria-expanded=true], .mat-icon-no-color.opacity-active:hover, .mat-icon-no-color.opacity-active[aria-expanded=true] { opacity: 0.7; } .mat-mdc-menu-panel { overflow: hidden; max-width: 100% !important; min-height: unset !important; } .mat-mdc-menu-panel > .mat-mdc-menu-content:not(:empty) { padding: 0; } .mat-mdc-menu-panel > .mat-mdc-menu-content { color: #141414; } .mat-mdc-menu-panel > .mat-mdc-menu-content .mat-mdc-menu-item { height: 40px; min-height: 40px; padding: 0 10px; } .mat-mdc-menu-panel > .mat-mdc-menu-content .mat-mdc-menu-item.separator { border-bottom: 1px solid #ededed; } .mat-mdc-menu-panel > .mat-mdc-menu-content .mat-mdc-menu-item[disabled] mat-icon { opacity: 1; } .mat-mdc-menu-panel > .mat-mdc-menu-content .mat-mdc-menu-item > span { width: 100%; height: 40px; line-height: 40px; } .mat-mdc-menu-panel > .mat-mdc-menu-content .mat-mdc-menu-item > span > div { display: grid; width: 100%; align-items: center; gap: 5px; grid-template-columns: 30px 1fr; grid-template-rows: 40px; } .mat-mdc-menu-panel > .mat-mdc-menu-content .mat-mdc-menu-item > span > div > mat-icon { grid-column: 1; grid-row: 1; } .mat-mdc-menu-panel > .mat-mdc-menu-content .mat-mdc-menu-item > span > div > mat-icon > svg { justify-self: center; vertical-align: top; } .mat-mdc-menu-panel > .mat-mdc-menu-content .mat-mdc-menu-item > span > div > mat-icon.option-off > svg { fill: #cfcfcf !important; opacity: 1; } .mat-mdc-menu-panel > .mat-mdc-menu-content .mat-mdc-menu-item > span > div > span { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; color: #141414; grid-column: 2; grid-row: 1; justify-self: left; } .mat-mdc-menu-panel > .mat-mdc-menu-content .mat-mdc-menu-item > span > span { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; color: #141414; } .mat-mdc-menu-panel > .mat-mdc-menu-content .mat-mdc-menu-item > span > .mat-mdc-menu-ripple { height: 40px; } .mat-mdc-menu-panel.vessel > .mat-mdc-menu-content .mat-mdc-menu-item { height: 32px; min-height: 32px; } .mat-mdc-menu-panel.vessel > .mat-mdc-menu-content .mat-mdc-menu-item > span { height: 32px; line-height: 32px; } .mat-mdc-menu-panel.vessel > .mat-mdc-menu-content .mat-mdc-menu-item > span > div { grid-template-rows: 32px; } .mat-mdc-menu-panel.vessel > .mat-mdc-menu-content .mat-mdc-menu-item > span > div > span { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; color: #141414; } .mat-mdc-menu-panel.vessel > .mat-mdc-menu-content .mat-mdc-menu-item > span > div > span:first-of-type { margin-right: 48px; } .mat-mdc-menu-panel.vessel > .mat-mdc-menu-content .mat-mdc-menu-item > span > div.bpt-menu-color-picker { display: grid; margin-left: 2px; grid-template-columns: 28px auto; } .mat-mdc-menu-panel.vessel > .mat-mdc-menu-content .mat-mdc-menu-item > span > div.bpt-menu-color-picker > .color-picker { width: 16px; height: 16px; border: 1px solid #00243d; border-radius: 3px; grid-column: 1; } .mat-mdc-menu-panel.vessel > .mat-mdc-menu-content .mat-mdc-menu-item > span > div.bpt-menu-color-picker > .color-picker-label { grid-column: 2; } .mat-mdc-menu-panel.vessel > .mat-mdc-menu-content .mat-mdc-menu-item > span > span { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; color: #141414; } .mat-mdc-menu-panel.vessel > .mat-mdc-menu-content .mat-mdc-menu-item > span > .mat-mdc-menu-ripple { height: 32px; } .mat-mdc-menu-panel.vessel > .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger > span > div { grid-template-columns: 30px 1fr 30px; } .mat-mdc-menu-panel.vessel > .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger > span > div > mat-icon:last-of-type { padding-bottom: 4px; color: #b2b2b2; grid-column: 3; grid-row: 1; place-self: center right; font-size: 24px; font-weight: 400; line-height: 32px; font-family: Maersk Headline; letter-spacing: normal; } .mat-mdc-menu-panel.vessel > .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger > .mat-mdc-menu-submenu-icon { display: none; } .mat-mdc-menu-panel.vessel > .mat-mdc-menu-content .mat-mdc-menu-item.no-icon > span > div { grid-template-columns: 1fr; grid-template-rows: 32px; } .mat-mdc-menu-panel.vessel > .mat-mdc-menu-content .mat-mdc-menu-item.no-icon > span > div > span:first-of-type { margin-right: 48px; grid-column: 1; } .mat-mdc-menu-panel.vessel > .mat-mdc-menu-content .mat-mdc-menu-item.no-icon.mat-mdc-menu-item-submenu-trigger > span > div { grid-template-columns: 1fr 30px; } .mat-mdc-menu-panel.vessel > .mat-mdc-menu-content .mat-mdc-menu-item.no-icon.mat-mdc-menu-item-submenu-trigger > span > div > mat-icon:last-of-type { grid-column: 2; } .mat-mdc-menu-panel.score-menu-overall > .mat-mdc-menu-content { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; display: flex; width: 280px; flex-direction: column; padding: 0; border-radius: 5px; margin: 0; background-color: #f7f7f7; color: #141414; } .mat-mdc-menu-panel.bpt-filter-menu { overflow: hidden !important; min-width: 128px !important; padding: 0; border-radius: 0; margin-top: -30px; margin-left: -116px; background: transparent; box-shadow: none; } .mat-mdc-menu-panel.bpt-filter-menu .mat-mdc-menu-content:not(:empty) { padding: 0; } .mat-mdc-menu-panel.bpt-filter-menu .mat-mdc-menu-content { display: flex; overflow: hidden; width: 133px; height: 190px; flex-direction: column; background: transparent; } .mat-mdc-menu-panel.bpt-filter-menu .menu-separator { z-index: 7; width: 107px; height: 1px; border: none; margin-right: 6px; margin-left: 6px; background-color: #00233d; } .mat-mdc-menu-panel.bpt-filter-menu .filter-menu-item { position: relative; z-index: 5; display: grid; border: 1px solid #e4e4e4; border-radius: 0; background-color: white; grid-template-columns: 5px 28px 2px 1fr 2px 15px 4px; grid-template-rows: 1px 1fr 1px; } .mat-mdc-menu-panel.bpt-filter-menu .filter-menu-item * { grid-row: 2; place-self: center center; pointer-events: none; } .mat-mdc-menu-panel.bpt-filter-menu .filter-menu-item mat-icon { margin-top: -8px; grid-column: 2; } .mat-mdc-menu-panel.bpt-filter-menu .filter-menu-item input[type=radio] { padding: 0; margin: 0; grid-column: 2; } .mat-mdc-menu-panel.bpt-filter-menu .filter-menu-item label { font-size: 12px; font-weight: 400; line-height: 18px; font-family: Maersk Text; letter-spacing: normal; color: #141414; grid-column: 4; justify-self: start; -webkit-user-select: none; user-select: none; } .mat-mdc-menu-panel.bpt-filter-menu .header { z-index: 10; width: 113px; height: 26px; border-width: 1px; border-radius: 3px 0 0 3px; margin-right: 3px; margin-left: 3px; } .mat-mdc-menu-panel.bpt-filter-menu .header label { color: #141414; } .mat-mdc-menu-panel.bpt-filter-menu .item { width: 107px; margin-top: -2px; margin-right: 6px; margin-left: 6px; cursor: pointer; } .mat-mdc-menu-panel.bpt-filter-menu .item:last-child { border-radius: 0 0 3px 3px; } .mat-mdc-menu-panel.bpt-filter-menu .item:hover { background-color: #f7f7f7; } .mat-mdc-menu-panel.bpt-filter-menu .item label { margin-bottom: 0; } .bp-dropdown-menu button { padding-left: 20px; background: #f7f7f7; } .bp-dropdown-menu.hide, .bp-dropdown-menu .hide { display: none; } .bp-dropdown-active { background: #ededed !important; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-page-size > .mat-mdc-paginator-page-size-label { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; color: #141414; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-page-size > .mat-mdc-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper { overflow: unset; height: auto; padding: 0; border-radius: 5px; margin: 0; background-color: white; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-page-size > .mat-mdc-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex { height: 40px; align-items: center; padding: 0 11px; margin: 0; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-page-size > .mat-mdc-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mdc-notched-outline { height: 40px; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-page-size > .mat-mdc-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mdc-notched-outline > .mdc-notched-outline__leading { display: none; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-page-size > .mat-mdc-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mdc-notched-outline > .mdc-notched-outline__notch { display: none; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-page-size > .mat-mdc-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mdc-notched-outline > .mdc-notched-outline__trailing { border: 1px solid #cfcfcf; border-radius: 5px; box-shadow: none; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-page-size > .mat-mdc-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix { width: 100%; min-width: 0; height: 40px; min-height: 0; padding: 0; border: 0; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-page-size > .mat-mdc-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select { height: 40px; line-height: 40px; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-page-size > .mat-mdc-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger { height: 40px; line-height: 40px; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-page-size > .mat-mdc-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-value { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; color: #141414; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-page-size > .mat-mdc-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-value > .mat-mdc-select-placeholder { color: #878787; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-page-size > .mat-mdc-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-arrow-wrapper { transform: translateY(0); } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-page-size > .mat-mdc-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-arrow-wrapper > .mat-mdc-select-arrow { width: 20px; height: 20px; border: 0; margin: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSIjODc4Nzg3Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQ2IDEyLjYyNEw0LjYxIDcuODEybC43OC0uNjI1TDkuMjQgMTJoMS41MmwzLjg1LTQuODEzLjc4LjYyNS0zLjg1IDQuODEyYTEgMSAwIDAgMS0uNzguMzc2SDkuMjRhMSAxIDAgMCAxLS43OC0uMzc2eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-page-size > .mat-mdc-form-field.mat-form-field-appearance-outline > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-arrow-wrapper > .mat-mdc-select-arrow > svg { display: none; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-page-size > .mat-mdc-form-field.mat-form-field-appearance-outline:hover .mdc-notched-outline__trailing { border: 1px solid #141414 !important; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-page-size > .mat-mdc-form-field.mat-form-field-appearance-outline.mat-focused .mdc-notched-outline__trailing { box-shadow: 0 0 0 3px #b5e0f5 !important; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-range-actions > .mat-mdc-paginator-range-label { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; color: #141414; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-range-actions > .mat-mdc-icon-button { width: 32px; height: 32px; padding: 0; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-range-actions > .mat-mdc-icon-button > .mdc-icon-button__ripple { display: none; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-range-actions > .mat-mdc-icon-button > .mat-mdc-button-ripple { display: none; } .mat-mdc-paginator.bp-paginator > .mat-mdc-paginator-outer-container > .mat-mdc-paginator-container > .mat-mdc-paginator-range-actions > .mat-mdc-icon-button > .mat-mdc-button-touch-target { width: 32px; height: 32px; } .bp-radio-group.vertical-radio-group { display: flex; flex-direction: column; } .bp-radio-group > .mat-mdc-radio-button > .mdc-form-field { height: 20px; margin-bottom: 0.5rem; } .bp-radio-group > .mat-mdc-radio-button > .mdc-form-field > .mdc-radio { width: 20px; height: 20px; padding: 0; } .bp-radio-group > .mat-mdc-radio-button > .mdc-form-field > .mdc-radio > .mat-mdc-radio-touch-target { width: 20px; height: 20px; } .bp-radio-group > .mat-mdc-radio-button > .mdc-form-field > .mdc-radio > .mdc-radio__native-control { width: 20px; height: 20px; } .bp-radio-group > .mat-mdc-radio-button > .mdc-form-field > .mdc-radio > .mdc-radio__background::before { display: none; } .bp-radio-group > .mat-mdc-radio-button > .mdc-form-field > .mdc-radio > .mdc-radio__background > .mdc-radio__outer-circle { border-width: 1px; } .bp-radio-group > .mat-mdc-radio-button > .mdc-form-field > .mdc-radio .mat-ripple-element { display: none; } .bp-radio-group > .mat-mdc-radio-button > .mdc-form-field > label { font-size: 11px; font-weight: 400; line-height: 17px; font-family: Maersk Text; letter-spacing: normal; padding: 0 0 0 8px; margin: 0; color: #141414; } .bp-radio-group > .mat-mdc-radio-button.mat-accent.mat-mdc-radio-checked > .mdc-form-field > .mdc-radio > .mdc-radio__background > .mdc-radio__outer-circle { border-color: #42b0d5 !important; } .bp-radio-group > .mat-mdc-radio-button.mat-accent.mat-mdc-radio-checked > .mdc-form-field > .mdc-radio > .mdc-radio__background > .mdc-radio__inner-circle { border-color: #42b0d5 !important; background-color: #42b0d5 !important; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel), .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel), .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) { min-width: fit-content; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel { max-width: none; padding: 0; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel .mat-mdc-option { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; height: 40px; min-height: 40px; padding: 0 10px; color: #141414; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel .mat-mdc-option.mat-mdc-option-active, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel .mat-mdc-option.mat-mdc-option-active, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel .mat-mdc-option.mat-mdc-option-active, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel .mat-mdc-option.mat-mdc-option-active, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel .mat-mdc-option.mat-mdc-option-active, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel .mat-mdc-option.mat-mdc-option-active { background-color: #ededed; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel .mat-mdc-option .mdc-list-item__primary-text, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel .mat-mdc-option .mdc-list-item__primary-text, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel .mat-mdc-option .mdc-list-item__primary-text, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel .mat-mdc-option .mdc-list-item__primary-text, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel .mat-mdc-option .mdc-list-item__primary-text, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel .mat-mdc-option .mdc-list-item__primary-text { color: #141414; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel .mat-mdc-option:hover, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel .mat-mdc-option:hover, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel .mat-mdc-option:hover, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel .mat-mdc-option:hover, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel .mat-mdc-option:hover, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel .mat-mdc-option:hover { background-color: #f7f7f7; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel .mat-mdc-optgroup > .mat-mdc-optgroup-label, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel .mat-mdc-optgroup > .mat-mdc-optgroup-label, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel .mat-mdc-optgroup > .mat-mdc-optgroup-label, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel .mat-mdc-optgroup > .mat-mdc-optgroup-label, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel .mat-mdc-optgroup > .mat-mdc-optgroup-label, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel .mat-mdc-optgroup > .mat-mdc-optgroup-label { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; height: 40px; min-height: 40px; padding: 0 10px; color: #141414; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel .mat-mdc-optgroup .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel .mat-mdc-optgroup .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel .mat-mdc-optgroup .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel .mat-mdc-optgroup .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel .mat-mdc-optgroup .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel .mat-mdc-optgroup .mat-mdc-option { padding-left: 20px; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel.small-form .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel.small-form .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel.small-form .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel.small-form .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel.small-form .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel.small-form .mat-mdc-option { font-size: 11px; font-weight: 400; line-height: 17px; font-family: Maersk Text; letter-spacing: normal; height: 24px; min-height: 24px; padding: 0 5px; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel.small-form .mat-mdc-optgroup > .mat-mdc-optgroup-label, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel.small-form .mat-mdc-optgroup > .mat-mdc-optgroup-label, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel.small-form .mat-mdc-optgroup > .mat-mdc-optgroup-label, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel.small-form .mat-mdc-optgroup > .mat-mdc-optgroup-label, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel.small-form .mat-mdc-optgroup > .mat-mdc-optgroup-label, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel.small-form .mat-mdc-optgroup > .mat-mdc-optgroup-label { font-size: 11px; font-weight: 400; line-height: 17px; font-family: Maersk Text; letter-spacing: normal; height: 24px; min-height: 24px; padding: 0 5px; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel.small-form .mat-mdc-optgroup .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel.small-form .mat-mdc-optgroup .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel.small-form .mat-mdc-optgroup .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel.small-form .mat-mdc-optgroup .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel.small-form .mat-mdc-optgroup .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel.small-form .mat-mdc-optgroup .mat-mdc-option { padding-left: 10px; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel.mds-medium .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel.mds-medium .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel.mds-medium .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel.mds-medium .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.bp-select-panel.mds-medium .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.bp-select-panel.mds-medium .mat-mdc-option { font-size: 16px; font-weight: 400; line-height: 22px; font-family: Maersk Headline; letter-spacing: normal; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.mds-select-panel-small .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.mds-select-panel-small .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.mds-select-panel-small .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.mds-select-panel-small .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.mds-select-panel-small .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.mds-select-panel-small .mat-mdc-option { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; height: 32px; min-height: 32px; padding: 6px 8px; color: #141414; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.mds-select-panel-small .mat-mdc-option.mat-mdc-option-active, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.mds-select-panel-small .mat-mdc-option.mat-mdc-option-active, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.mds-select-panel-small .mat-mdc-option.mat-mdc-option-active, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.mds-select-panel-small .mat-mdc-option.mat-mdc-option-active, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.mds-select-panel-small .mat-mdc-option.mat-mdc-option-active, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.mds-select-panel-small .mat-mdc-option.mat-mdc-option-active { background-color: #ededed; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.mds-select-panel-small .mat-mdc-option .mdc-list-item__primary-text, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.mds-select-panel-small .mat-mdc-option .mdc-list-item__primary-text, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.mds-select-panel-small .mat-mdc-option .mdc-list-item__primary-text, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.mds-select-panel-small .mat-mdc-option .mdc-list-item__primary-text, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.mds-select-panel-small .mat-mdc-option .mdc-list-item__primary-text, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.mds-select-panel-small .mat-mdc-option .mdc-list-item__primary-text { color: #141414; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.mds-select-panel-small .mat-mdc-option:hover, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.mds-select-panel-small .mat-mdc-option:hover, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.mds-select-panel-small .mat-mdc-option:hover, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.mds-select-panel-small .mat-mdc-option:hover, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.mds-select-panel-small .mat-mdc-option:hover, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.mds-select-panel-small .mat-mdc-option:hover { background-color: #f7f7f7; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel { display: flex; max-width: 160px; flex-flow: row wrap; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel.ng-animating, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel.ng-animating, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel.ng-animating, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel.ng-animating, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel.ng-animating, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel.ng-animating { visibility: hidden; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel .mat-mdc-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel .mat-mdc-option { position: relative; display: block; overflow: visible; width: 20px; height: 20px; min-height: unset; order: 2; padding: 0; border: 1px solid #b2b2b2; border-radius: 5px; margin: 5px; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel .mat-mdc-option.bp-no-color-selected, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel .mat-mdc-option.bp-no-color-selected, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel .mat-mdc-option.bp-no-color-selected, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel .mat-mdc-option.bp-no-color-selected, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel .mat-mdc-option.bp-no-color-selected, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel .mat-mdc-option.bp-no-color-selected { background: linear-gradient(to top right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) calc(50% - 0.8px), rgb(255, 0, 0) 50%, rgb(255, 255, 255) calc(50% + 0.8px), rgb(255, 255, 255) 100%); } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel .mat-mdc-option.bp-selected-value-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel .mat-mdc-option.bp-selected-value-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel .mat-mdc-option.bp-selected-value-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel .mat-mdc-option.bp-selected-value-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel .mat-mdc-option.bp-selected-value-option, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel .mat-mdc-option.bp-selected-value-option { width: 26px; height: 26px; order: 1; margin-right: 62px; margin-left: 62px; pointer-events: none; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel .mat-mdc-option.bp-selected-value-option::after, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel .mat-mdc-option.bp-selected-value-option::after, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel .mat-mdc-option.bp-selected-value-option::after, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel .mat-mdc-option.bp-selected-value-option::after, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel .mat-mdc-option.bp-selected-value-option::after, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel .mat-mdc-option.bp-selected-value-option::after { position: absolute; top: 28px; left: -60px; display: block; width: 145px; height: 1px; border-bottom: 1px solid #b2b2b2; content: ""; } .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel .mat-mdc-option:hover, .cdk-overlay-container .cdk-overlay-pane:has(.mat-timepicker-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel .mat-mdc-option:hover, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel .mat-mdc-option:hover, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel .mat-mdc-option:hover, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-select-panel.color-picker-panel .mat-mdc-option:hover, .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-autocomplete-panel) .mdc-menu-surface.mat-mdc-autocomplete-panel.color-picker-panel .mat-mdc-option:hover { outline: 1px solid #b2b2b2; outline-offset: 2px; } .cdk-overlay-container .cdk-overlay-pane > .mat-timepicker-panel > .mat-mdc-option.mdc-list-item > .mat-pseudo-checkbox { display: none; } .mat-mdc-select.color-picker .mat-mdc-select-arrow-wrapper { display: none; } .mat-mdc-select.color-picker .mat-mdc-select-value { display: none; } .mat-mdc-select.color-picker.no-color-selected { background: repeating-linear-gradient(45deg, #a0a0a0, #ffffff 3px, #a0a0a0 6px); } .mat-mdc-select.color-picker.bp-no-color-selected { background: linear-gradient(to top right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) calc(50% - 0.8px), rgb(255, 0, 0) 50%, rgb(255, 255, 255) calc(50% + 0.8px), rgb(255, 255, 255) 100%); } .mat-mdc-input-element.searchbox-input { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; padding: 0 16px 0 40px; border: none; border-bottom: 1px solid #cfcfcf; caret-color: #141414; color: #141414; line-height: 40px; } .searchbox-icon { position: absolute; top: 8px; left: 8px; } .searchbox-box { position: sticky; z-index: 2; top: 0; background: white; } .btp-slider-improved.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch { width: 43px; height: 24px; border: 1px solid #333333; border-radius: 14px; background-color: white; } .btp-slider-improved.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch > .mdc-switch__track { display: none; } .btp-slider-improved.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch > .mdc-switch__handle-track { top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 10px; background-color: #333333; } .btp-slider-improved.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch > .mdc-switch__handle-track > .mdc-switch__handle { width: 16px; height: 16px; border-radius: 10px; } .btp-slider-improved.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch > .mdc-switch__handle-track > .mdc-switch__handle::before, .btp-slider-improved.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch > .mdc-switch__handle-track > .mdc-switch__handle::after { display: none; } .btp-slider-improved.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch > .mdc-switch__handle-track > .mdc-switch__handle > .mdc-switch__shadow { display: none; } .btp-slider-improved.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch > .mdc-switch__handle-track > .mdc-switch__handle > .mdc-switch__ripple { display: none; } .btp-slider-improved.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch > .mdc-switch__handle-track > .mdc-switch__handle > .mdc-switch__icons { display: none; } .btp-slider-improved.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch[disabled] { opacity: 0.5; } .btp-slider-improved.mat-mdc-slide-toggle > .mdc-form-field > label { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; padding-right: 8px; margin-bottom: 0; color: #141414; cursor: pointer; } .btp-slider-improved.mat-mdc-slide-toggle > .mdc-form-field > .mdc-switch--disabled + label { color: #141414; cursor: default; opacity: 0.5; } .btp-slider-improved.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked > .mdc-form-field > button.mdc-switch { border: 1px solid #00233d; background-color: #00233d; } .btp-slider-improved.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked > .mdc-form-field > button.mdc-switch > .mdc-switch__handle-track { left: 6px; background-color: white; } .bp-slide-toogle.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch { width: 38px; height: 20px; border: 1px solid #cfcfcf; border-radius: 20px; margin-right: 8px; margin-left: 0; background-color: #cfcfcf; } .bp-slide-toogle.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch > .mdc-switch__track { display: none; } .bp-slide-toogle.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch > .mdc-switch__handle-track { width: 18px; height: 18px; border-radius: 50%; background-color: white; } .bp-slide-toogle.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch > .mdc-switch__handle-track > .mdc-switch__handle { width: 18px; height: 18px; border-radius: 50%; background-color: white; } .bp-slide-toogle.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch > .mdc-switch__handle-track > .mdc-switch__handle::before, .bp-slide-toogle.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch > .mdc-switch__handle-track > .mdc-switch__handle::after { display: none; } .bp-slide-toogle.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch > .mdc-switch__handle-track > .mdc-switch__handle > .mdc-switch__shadow { display: none; } .bp-slide-toogle.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch > .mdc-switch__handle-track > .mdc-switch__handle > .mdc-switch__ripple { display: none; } .bp-slide-toogle.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch > .mdc-switch__handle-track > .mdc-switch__handle > .mdc-switch__icons { display: none; } .bp-slide-toogle.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch[disabled] { opacity: 0.5; } .bp-slide-toogle.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch:hover:not([disabled]) { border: 1px solid #b2b2b2; background-color: #b2b2b2; } .bp-slide-toogle.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch:focus:not([disabled]) { border: 1px solid #b2b2b2; background-color: #cfcfcf; box-shadow: 0 0 0 3px #ededed; } .bp-slide-toogle.mat-mdc-slide-toggle > .mdc-form-field.mdc-form-field--align-end > button.mdc-switch { margin-right: 0; margin-left: 8px; } .bp-slide-toogle.mat-mdc-slide-toggle > .mdc-form-field > label { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; padding: 0; margin: 0; color: #141414; cursor: pointer; } .bp-slide-toogle.mat-mdc-slide-toggle > .mdc-form-field > .mdc-switch--disabled + label { cursor: default; opacity: 0.5; } .bp-slide-toogle.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked > .mdc-form-field > button.mdc-switch { border: 1px solid #42b0d5; background-color: #42b0d5; } .bp-slide-toogle.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked > .mdc-form-field > button.mdc-switch:hover:not([disabled]) { border: 1px solid #058ec6; background-color: #058ec6; } .bp-slide-toogle.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked > .mdc-form-field > button.mdc-switch:focus:not([disabled]) { border: 1px solid #0ca0ce; background-color: #42b0d5; box-shadow: 0 0 0 3px #b5e0f5; } .bp-slide-toogle.full-width > .mdc-form-field > label { display: flex; flex-direction: row; justify-content: space-between; } .bp-slide-toogle.small-size > .mdc-form-field > button.mdc-switch { width: 28px; height: 16px; } .bp-slide-toogle.small-size > .mdc-form-field > button.mdc-switch > .mdc-switch__handle-track { width: 12px; height: 14px; } .bp-slide-toogle.small-size > .mdc-form-field > button.mdc-switch > .mdc-switch__handle-track > .mdc-switch__handle { width: 14px; height: 14px; } .bp-slide-toogle.small-size > .mdc-form-field > label { font-size: 11px; font-weight: 400; line-height: 17px; font-family: Maersk Text; letter-spacing: normal; } .bp-mat-slide-toggle-full-width.mat-mdc-slide-toggle { width: 100%; } .bp-mat-slide-toggle-full-width.mat-mdc-slide-toggle > .mdc-form-field { width: 100%; } .bp-mat-slide-toggle-full-width.mat-mdc-slide-toggle > .mdc-form-field > button.mdc-switch { margin-left: auto !important; } .bp-tc-stepper .stepper.horizontal { height: calc(100% - 24px); } .bp-tc-stepper .stepper-header.horizontal { min-width: 312px !important; max-width: 312px; padding: 24px; border-radius: 3px; margin: 0; background: white; } .bp-tc-stepper .stepper-header.horizontal * { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; color: #141414; font-size: 14px !important; } .bp-tab.mat-mdc-tab-group .mat-mdc-tab-header { overflow: initial; height: 60px; border-bottom: 2px solid #dbdbdb; } .bp-tab.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container { height: 60px; } .bp-tab.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list { height: 60px; transition: all 0.2s ease-in-out; } .bp-tab.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list .mat-mdc-tab-labels { height: 60px; } .bp-tab.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab { min-width: 160px; height: 60px; padding: 16px 24px 18px; opacity: 1; } .bp-tab.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab > .mdc-tab__ripple { display: none; } .bp-tab.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab > .mdc-tab__content { height: initial; } .bp-tab.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab > .mdc-tab__content > .mdc-tab__text-label { font-size: 16px; font-weight: 400; line-height: 22px; font-family: Maersk Headline; letter-spacing: normal; color: #141414; } .bp-tab.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab > .mdc-tab-indicator { height: 60px; border: 0; } .bp-tab.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab > .mdc-tab-indicator > .mdc-tab-indicator__content.mdc-tab-indicator__content--underline { border-top: 2px solid #00243d; } .bp-tab.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab.mdc-tab--active > .mdc-tab__content > .mdc-tab__text-label { font-size: 16px; font-weight: 700; line-height: 22px; font-family: Maersk Headline; letter-spacing: normal; color: #141414; } .bp-tab.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled, .mdc-tab--active) > .mdc-tab-indicator > .mdc-tab-indicator__content.mdc-tab-indicator__content--underline { border-top: 2px solid #00243d; opacity: 1; } .bp-tab.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab:focus:not(.mat-mdc-tab-disabled) { background-color: transparent; } .bp-tab.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab.mat-mdc-tab-disabled { cursor: not-allowed; opacity: 0.5; } .bp-tab.mat-mdc-tab-group .mat-mdc-tab-body-wrapper .mat-mdc-tab-body-content { padding: 24px 8px; } .mat-mdc-tooltip.bp-tooltip { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; overflow: initial; max-width: unset; padding: 12px 16px 14px; border: none; border-radius: 5px; background: unset; background-color: #141414; box-shadow: 0 0 4px rgba(0, 0, 0, 0.12), 0 2px 12px rgba(0, 0, 0, 0.1); color: white; text-align: left; white-space: nowrap; } .mat-mdc-tooltip.bp-tooltip > .mdc-tooltip__surface { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; max-width: unset; padding: 0; background-color: #141414; color: white; text-align: left; white-space: nowrap; } .mat-mdc-tooltip.bp-tooltip[style*="transform-origin: left center"]::after { position: absolute; top: 50%; right: 100%; border-width: 5px; border-style: solid; border-color: transparent #141414 transparent transparent; margin-top: -5px; content: " "; } .mat-mdc-tooltip.bp-tooltip[style*="transform-origin: right center"]::after { position: absolute; top: 50%; left: 100%; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #141414; margin-top: -5px; content: " "; } .mat-mdc-tooltip.bp-tooltip[style*="transform-origin: center bottom"]::after { position: absolute; top: 100%; left: 50%; border-width: 5px; border-style: solid; border-color: #141414 transparent transparent transparent; margin-left: -5px; content: " "; } .mat-mdc-tooltip.bp-tooltip[style*="transform-origin: center top"]::after { position: absolute; bottom: 100%; left: 50%; border-width: 5px; border-style: solid; border-color: transparent transparent #141414 transparent; margin-left: -5px; content: " "; } .mat-mdc-tooltip.bp-tooltip.bp-mds-tooltip-multiline * { text-align: left; white-space: pre-line; } .mat-mdc-tooltip.error-tooltip { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; background: #b80012; color: white; } .mat-mdc-tooltip.error-tooltip > .mdc-tooltip__surface { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; background: #b80012; color: white; } .mat-mdc-tooltip.bp-mds-tooltip-small { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; overflow: initial; max-width: unset; padding: 4px 8px; border: none; border-radius: 6px; background: unset; background-color: white; box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.04), 0 1px 18px rgba(0, 0, 0, 0.03), 0 6px 10px rgba(0, 0, 0, 0.03); color: #141414; text-align: start; white-space: nowrap; } .mat-mdc-tooltip.bp-mds-tooltip-small > .mdc-tooltip__surface { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; max-width: unset; padding: 0; background-color: white; color: #141414; text-align: start; white-space: nowrap; } .mat-mdc-tooltip.bp-mds-tooltip-small[style*="transform-origin: left center"]::after { position: absolute; top: 50%; right: 100%; border-width: 5px; border-style: solid; border-color: transparent white transparent transparent; margin-top: -5px; content: " "; } .mat-mdc-tooltip.bp-mds-tooltip-small[style*="transform-origin: right center"]::after { position: absolute; top: 50%; left: 100%; border-width: 5px; border-style: solid; border-color: transparent transparent transparent white; margin-top: -5px; content: " "; } .mat-mdc-tooltip.bp-mds-tooltip-small[style*="transform-origin: center bottom"]::after { position: absolute; top: 100%; left: 50%; border-width: 5px; border-style: solid; border-color: white transparent transparent transparent; margin-left: -5px; content: " "; } .mat-mdc-tooltip.bp-mds-tooltip-small[style*="transform-origin: center top"]::after { position: absolute; bottom: 100%; left: 50%; border-width: 5px; border-style: solid; border-color: transparent transparent white transparent; margin-left: -5px; content: " "; } .mat-mdc-tooltip.bp-mds-tooltip-small.bp-mds-tooltip-multiline * { text-align: left; white-space: pre-line; } .mat-mdc-tooltip.bp-mds-tooltip-multiline { white-space: pre-line; } .tooltip-details { font-size: 12px; font-weight: 400; line-height: 18px; font-family: Maersk Text; letter-spacing: normal; padding: 4px 8px; border: 1px solid #dbdbdb; border-radius: 3px; background-color: white !important; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.03), 0 1px 18px 0 rgba(0, 0, 0, 0.03), 0 3px 5px -1px rgba(0, 0, 0, 0.04); color: #141414; } .tooltip-details > .mdc-tooltip__surface { font-size: 12px; font-weight: 400; line-height: 18px; font-family: Maersk Text; letter-spacing: normal; color: #141414; } .tooltip-details ul { padding-left: 20px; list-style-position: outside; } .bao-individual-tooltip ul { margin: 0; } .connection-score-individual-tooltip { display: flex; width: 100%; flex-direction: column; text-align: right; } .vessel-scores-tooltip-title { border-top: 1px solid #cfcfcf; } .connection-score-overall { text-align: right; } .connection-score-overall-last-saved { padding-bottom: 5px; border-bottom: 1px solid #cfcfcf; margin-bottom: 5px; } .connection-score-individual-tooltip-body { display: grid; width: 100%; height: 100%; grid-template-columns: 1fr 65px 90px; } .connection-score-individual-tooltip-body .dps-grid-col-1 { grid-column: 1; text-align: left; } .connection-score-individual-tooltip-body .dps-grid-col-2 { grid-column: 2; } .connection-score-individual-tooltip-body .dps-grid-col-3 { padding-left: 8px; grid-column: 3; } .connection-score-individual-tooltip-body .dps-grid-grey { margin-bottom: 8px; color: #878787; } .bp-top-bar-title { flex: 1; justify-content: flex-end !important; border-right: none !important; } .bp-top-bar-menu { width: 100%; justify-content: flex-start !important; padding: 0 !important; } .bp-top-bar-menu .bp-top-bar-menu-button { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; display: flex; height: 60px; flex-direction: column; align-items: center; justify-content: center; padding: 0 8px; border-right: 1px solid #ededed; cursor: pointer; } .bp-top-bar-menu .bp-top-bar-menu-button * { pointer-events: none; } .bp-top-bar-menu .bp-top-bar-menu-button:hover:not(.bp-top-bar-menu-button-disabled) { opacity: 0.7; } .bp-top-bar-menu .bp-top-bar-menu-button.bp-top-bar-menu-button-disabled { cursor: default; opacity: 0.5; pointer-events: none; } .bp-top-bar-menu.scenario-loaded .bp-top-bar-menu-button { border-right-color: rgba(178, 178, 178, 0.5); } .bp-top-bar-button { display: flex; height: 60px; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; } .bp-top-bar-button * { pointer-events: none; } .bp-top-bar-button:hover { opacity: 0.7; } .bp-top-bar-button.bp-top-bar-button-disabled { cursor: default; opacity: 0.5; pointer-events: none; } .bp-mat-table { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; overflow: hidden; border: 1px solid #cfcfcf !important; border-radius: 4px; color: #141414; } .bp-mat-table thead { border-bottom: 1px solid #cfcfcf; background-color: #f7f7f7 !important; } .bp-mat-table thead tr.mat-mdc-header-row { height: 36px; min-height: 36px; background-color: transparent !important; } .bp-mat-table thead tr.mat-mdc-header-row .mat-mdc-header-cell { color: #878787; font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; } .bp-mat-table tbody tr.mat-mdc-row { height: 36px; min-height: 36px; border-bottom: 1px solid #ededed; background-color: white; /* stylelint-disable-next-line selector-class-pattern */ } .bp-mat-table tbody tr.mat-mdc-row:hover, .bp-mat-table tbody tr.mat-mdc-row.bp-highlight { background-color: rgba(181, 224, 245, 0.2); } .bp-mat-table tbody tr.mat-mdc-row.mdc-data-table__row:last-child .mdc-data-table__cell { border-bottom: 1px solid #ededed; } .bp-mat-table tfoot { border-top: 1px solid #cfcfcf; background-color: white; } .bp-mat-table tfoot tr.mat-mdc-footer-row { height: 40px; min-height: 40px; background-color: transparent; } .bp-mat-table tfoot tr.mat-mdc-footer-row .mat-mdc-footer-cell { border-bottom: none; } .bp-mat-table th.mat-mdc-header-cell, .bp-mat-table td.mat-mdc-cell, .bp-mat-table td.mat-mdc-footer-cell { height: 36px; padding-right: 10px !important; padding-left: 10px !important; color: #141414; letter-spacing: normal !important; } .bp-mat-table.scrollable-table { display: grid; width: 100%; height: inherit; grid-template-columns: 1fr; grid-template-rows: 36px 1fr fit-content(40px); } .bp-mat-table.scrollable-table thead { display: block; width: inherit; grid-row: 1; } .bp-mat-table.scrollable-table thead tr.mat-mdc-header-row { display: flex; flex-direction: row; place-items: center flex-start; } .bp-mat-table.scrollable-table tbody { display: block; width: inherit; grid-row: 2; overflow-y: auto; } .bp-mat-table.scrollable-table tbody tr.mat-mdc-row { display: flex; flex-direction: row; place-items: center flex-start; } .bp-mat-table.scrollable-table tfoot { display: block; width: inherit; grid-row: 3; } .bp-mat-table.scrollable-table th.mat-mdc-header-cell, .bp-mat-table.scrollable-table td.mat-mdc-cell, .bp-mat-table.scrollable-table td.mat-mdc-footer-cell { display: flex; flex-direction: row; place-items: center flex-start; } .bp-mat-table .mat-mdc-cell { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; color: #141414; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-invalid:not(.bp-mat-cell-edit-mode) { border: 1px solid #b80012 !important; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > input.bp-mat-cell-editor, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .mat-mdc-select.bp-mat-cell-editor, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .bp-mat-cell-editor { min-width: 0; height: 30px; padding-right: 5px; padding-left: 5px; border: 1px solid #ededed; border-radius: 5px; margin: 0 !important; background-color: white; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > input.bp-mat-cell-editor:disabled, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > input.bp-mat-cell-editor.disabled, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > input.bp-mat-cell-editor.mat-mdc-disabled, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > input.bp-mat-cell-editor.bp-mat-cell-disabled, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .mat-mdc-select.bp-mat-cell-editor:disabled, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .mat-mdc-select.bp-mat-cell-editor.disabled, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .mat-mdc-select.bp-mat-cell-editor.mat-mdc-disabled, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .mat-mdc-select.bp-mat-cell-editor.bp-mat-cell-disabled, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .bp-mat-cell-editor:disabled, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .bp-mat-cell-editor.disabled, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .bp-mat-cell-editor.mat-mdc-disabled, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .bp-mat-cell-editor.bp-mat-cell-disabled { border: 1px solid rgba(237, 237, 237, 0.5); } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > input.bp-mat-cell-editor:hover:not(:disabled, .disabled, .mat-mdc-disabled, .bp-mat-cell-disabled), .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .mat-mdc-select.bp-mat-cell-editor:hover:not(:disabled, .disabled, .mat-mdc-disabled, .bp-mat-cell-disabled), .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .bp-mat-cell-editor:hover:not(:disabled, .disabled, .mat-mdc-disabled, .bp-mat-cell-disabled) { border: 1px solid #141414; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > input.bp-mat-cell-editor.bp-mat-date-editor, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .mat-mdc-select.bp-mat-cell-editor.bp-mat-date-editor, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .bp-mat-cell-editor.bp-mat-date-editor { display: flex; align-items: center; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > input.bp-mat-cell-editor.bp-mat-autocomplete, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .mat-mdc-select.bp-mat-cell-editor.bp-mat-autocomplete, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .bp-mat-cell-editor.bp-mat-autocomplete { display: grid; align-items: center; justify-content: stretch; grid-template-columns: 1fr; grid-template-rows: 1fr; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > input.bp-mat-cell-editor.bp-mat-autocomplete > .mat-mdc-input-element, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .mat-mdc-select.bp-mat-cell-editor.bp-mat-autocomplete > .mat-mdc-input-element, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .bp-mat-cell-editor.bp-mat-autocomplete > .mat-mdc-input-element { padding-top: 2px; grid-column: 1; grid-row: 1; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .bp-mat-cell-editor > input { min-width: 0; border: none; background-color: transparent; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .bp-mat-cell-editor.color-picker { width: 30px; height: 30px; padding: 0; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .bp-mat-cell-editor.color-picker .mat-mdc-select-trigger { width: 30px; height: 30px; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .bp-mat-cell-editor.color-picker .mat-mdc-select-arrow-wrapper { display: none; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .bp-mat-cell-editor.color-picker .mat-mdc-select-value { display: none; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > input.bp-mat-cell-editor:focus:not(:disabled, .disabled, .mat-mdc-disabled, .bp-mat-cell-disabled), .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .mat-select.bp-mat-cell-editor:focus:not(:disabled, .disabled, .mat-mdc-disabled, .bp-mat-cell-disabled), .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .bp-mat-cell-editor:focus-within:not(:disabled, .disabled, .mat-mdc-disabled, .bp-mat-cell-disabled) { box-shadow: 0 0 0 3px #b5e0f5; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode > .mat-mdc-select.bp-mat-cell-editor { padding-top: 3px; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode.bp-mat-cell-invalid > input, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode.bp-mat-cell-invalid > .mat-mdc-select, .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode.bp-mat-cell-invalid > .bp-mat-cell-editor { border: 1px solid #b80012 !important; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode.bp-mat-cell-invalid > input:hover:not(:disabled, .disabled, .mat-mdc-disabled, .bp-mat-cell-disabled), .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode.bp-mat-cell-invalid > .mat-mdc-select:hover:not(:disabled, .disabled, .mat-mdc-disabled, .bp-mat-cell-disabled), .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode.bp-mat-cell-invalid > .bp-mat-cell-editor:hover:not(:disabled, .disabled, .mat-mdc-disabled, .bp-mat-cell-disabled) { border: 1px solid #141414; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode.bp-mat-cell-invalid > input.bp-mat-cell-editor:focus:not(:disabled, .disabled, .mat-mdc-disabled, .bp-mat-cell-disabled), .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode.bp-mat-cell-invalid > .mat-mdc-select.bp-mat-cell-editor:focus:not(:disabled, .disabled, .mat-mdc-disabled, .bp-mat-cell-disabled), .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode.bp-mat-cell-invalid > .bp-mat-cell-editor:focus-within:not(:disabled, .disabled, .mat-mdc-disabled, .bp-mat-cell-disabled) { box-shadow: 0 0 0 3px rgba(184, 0, 18, 0.2); } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode .mat-datepicker-toggle { width: 20px; height: 20px; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode .mat-datepicker-toggle > .mat-mdc-icon-button { display: flex; width: 20px; height: 20px; padding: 0; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode .mat-datepicker-toggle > .mat-mdc-icon-button > .mat-mdc-button-ripple { display: none; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode .mat-datepicker-toggle > .mat-mdc-icon-button > .mat-mdc-button-touch-target { display: none; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode .mat-datepicker-toggle > .mat-mdc-icon-button > .mat-mdc-focus-indicator { display: none; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode .mat-datepicker-toggle > .mat-mdc-icon-button > .mat-mdc-button-persistent-ripple { display: none; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode .mat-datepicker-toggle > .mat-mdc-icon-button > svg { width: 20px; height: 20px; fill: #878787; vertical-align: middle; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode .mat-datepicker-toggle > .mat-mdc-icon-button[disabled] > svg { opacity: 0.5; } .bp-mat-table .mat-mdc-cell.bp-mat-cell-edit-mode .mat-datepicker-toggle > .mat-mdc-icon-button:hover:not([disabled]) > svg { fill: #545454; } .bp-mat-table .mat-mdc-cell .bp-color-value-display { display: block; width: 20px; height: 20px; border: 1px solid #ededed; border-radius: 3px; } .bp-mat-table .mat-mdc-cell .bp-color-value-display.bp-no-color-selected { border: 1px solid #b2b2b2; background: linear-gradient(to top right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) calc(50% - 0.8px), rgb(255, 0, 0) 50%, rgb(255, 255, 255) calc(50% + 0.8px), rgb(255, 255, 255) 100%); } .bp-mat-table .mat-mdc-cell .bp-text-value-display { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bp-mat-table .mat-column-select bp-checkbox .checkbox-outer { width: 16px; min-width: 16px; height: 16px; min-height: 16px; } .bp-mat-table .mat-column-select bp-checkbox label.checkbox-inner::after { top: 1.5px; left: 4.5px; width: 4.8px; height: 9px; border-right-width: 2px; border-bottom-width: 2px; } .bp-mat-table .mat-column-select bp-checkbox label.checkbox-inner.indeterminate::after { top: -1px; left: 3px; width: 9px; } mc-list-item.icon-color-grey::part(icon) { fill: #cfcfcf; } mc-icon.icon-color-alert::part(icon) { fill: #b80012; } mc-icon.icon-disabled::part(icon) { color: #cfcfcf !important; cursor: default !important; fill: #cfcfcf !important; opacity: 1; } :root { --mds_core_modal_medium_close_position: 12px; --mds_core_button_medium_icon-only_width: 44px; --mds_core_modal_medium_footer_padding: 16px; } * { box-sizing: border-box; font-family: "Maersk Text", -apple-system, BlinkMacSystemFont, "Microsoft JhengHei", "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; -webkit-font-smoothing: antialiased; } *:focus { outline: 0 !important; } body { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; overflow: hidden; height: 100vh; min-height: 100%; padding: 0; margin: 0; color: #141414; direction: ltr; } html { position: relative; overflow: hidden; min-height: 100%; padding: 0; margin: 0; } p { margin: 0; } .disabled { pointer-events: none; } .bp-main-container { display: grid; height: 100%; background-color: white; grid-template-areas: " topbar topbar " " sidebar content "; grid-template-columns: 60px 1fr; grid-template-rows: 60px 1fr; -webkit-user-select: none; user-select: none; } .bp-main-container.content-full-screen { grid-template-areas: " topbar " " content "; grid-template-columns: 1fr; } .bp-topbar { grid-area: topbar; } .bp-sidebar { z-index: 2; grid-area: sidebar; } .bp-content { grid-area: content; } .bp-no-load { position: relative; grid-area: content; } .bp-loaded-layout { display: grid; width: 100%; height: 100%; background-color: #f7f7f7; grid-template-columns: 1fr; grid-template-rows: 1fr; } .bp-loaded-layout.with-header { grid-template-rows: 60px 1fr; } .bp-loaded-layout .bp-loaded-layout-header { display: flex; overflow: hidden; height: 60px; flex-direction: row; align-items: center; justify-content: flex-start; padding: 0 16px 0 16px; background-color: white; grid-column: 1; grid-row: 1; } .bp-loaded-layout .bp-loaded-layout-results { height: calc(100% - 30px); min-height: 150px; margin: 16px; grid-column: 1; grid-row: 2; } /** FORM STYLES **/ .bp-medium-form .bp-form-row { display: flex; height: 92px; flex-direction: row; align-items: flex-start; gap: 16px; } .bp-medium-form .bp-form-row > mc-button { align-self: center; padding-top: 2px; } .bp-medium-form .bp-form-row .align-to-center { display: flex; align-items: center; } .bp-form-row { display: flex; height: 106px; flex-direction: row; align-items: flex-start; gap: 16px; } .bp-form-element { display: flex; height: 106px; flex-direction: column; align-items: flex-start; margin: 0; gap: 8px; } .bp-form-element > label { font-size: 16px; font-weight: 400; line-height: 22px; font-family: Maersk Headline; letter-spacing: normal; margin: 0; color: #141414; } .bp-form-element mc-button { margin-top: 30px; } .bp-form-buttons-row { display: flex; height: 40px; flex-direction: row; align-items: center; margin-top: 8px; gap: 16px; } .bp-form-grid { margin-top: 8px; margin-bottom: 40px; } .bp-small-form { padding: 16px; } .bp-small-form > .bp-form-row { display: flex; height: 32px; flex-direction: row; align-items: center; gap: 8px; } .bp-small-form > .bp-form-row > img { width: 16px; height: 16px; } .bp-small-form > .bp-form-row > label, .bp-small-form > .bp-form-row > span { font-size: 11px; font-weight: 400; line-height: 17px; font-family: Maersk Text; letter-spacing: normal; margin: 0; color: #141414; } .bp-small-form > .bp-form-buttons-row { display: flex; height: 32px; flex-direction: row; align-items: center; margin: 8px 0; gap: 8px; } .bp-small-form > .mat-divider { margin: 8px 0; } .bp-info-panel-form { width: 100%; } .bp-info-panel-form > section { padding: 0 16px; } .bp-info-panel-form > section.no-padding { padding: 0; } .bp-info-panel-form > section.padding-top { padding-top: 16px; } .bp-info-panel-form > section.grey-background { background-color: #f7f7f7; } .bp-info-panel-form > section.blue-background { background-color: #e8f5fc; } .bp-info-panel-form > section:first-child:not(.no-padding) { padding-top: 24px; } .bp-info-panel-form > section:last-child { padding-bottom: 24px; } .bp-info-panel-form .bp-form-row { display: flex; height: 56px; flex-direction: row; align-items: flex-start; gap: 16px; } .bp-info-panel-form .bp-form-row > .bp-form-element { display: flex; height: 56px; flex-direction: row; align-items: stretch; margin: 0; gap: 8px; } .bp-info-panel-form .bp-form-row > .bp-form-element label, .bp-info-panel-form .bp-form-row > .bp-form-element span { font-size: 14px; font-weight: 400; line-height: 22px; font-family: Maersk Text; letter-spacing: normal; display: block; overflow: hidden; margin: 0; color: #141414; line-height: 36px; text-overflow: ellipsis; white-space: nowrap; } .bp-info-panel-form .bp-form-row > .bp-form-element > mc-radio-group, .bp-info-panel-form .bp-form-row > .bp-form-element > mc-switch, .bp-info-panel-form .bp-form-row > .bp-form-element > mc-switch-group, .bp-info-panel-form .bp-form-row > .bp-form-element > mc-loading-indicator, .bp-info-panel-form .bp-form-row > .bp-form-element > .align-to-center { display: flex; align-items: center; } .bp-info-panel-form .bp-form-row > .bp-form-element.with-no-error { height: 32px; } .bp-info-panel-form .bp-form-row > .bp-form-element.with-no-error label { margin: 0; line-height: 32px; } .bp-info-panel-form .bp-form-row.with-less-height { height: 32px; } .bp-info-panel-form .bp-form-row.with-less-height label { margin: 0; line-height: 32px; } .bp-info-panel-form .bp-form-row.with-top-label { height: 80px; } .bp-info-panel-form .bp-form-row.with-top-label > .bp-form-element { height: 80px; } .bp-info-panel-form .bp-form-row.with-top-label > .bp-form-element label { margin-bottom: 4px; line-height: 20px; } .bp-info-panel-form .bp-form-row.with-top-label > .bp-form-element span { line-height: 32px; } .bp-info-panel-form .show-hide-section-label { font-size: 12px; font-weight: 400; line-height: 18px; font-family: Maersk Text; letter-spacing: normal; display: inline-block; margin: 0; margin-top: 16px; color: #878787; cursor: pointer; } .bp-info-panel-form .show-hide-section-label:hover { color: #42b0d5; text-decoration: underline; } [draggable] { /* Required to make elements draggable in old WebKit */ -khtml-user-drag: element; -webkit-user-drag: element; -webkit-user-select: none; user-select: none; } .is-invalid input { border-color: red; } .is-invalid .form-control-feedback { color: red; } .coms-indicator-role { color: #90a4ae; font-size: 0.75rem; } .coms-indicator-user { color: #000000; font-size: 0.75rem; } .coms-indicator-manage { color: #004e6b; font-size: 0.75rem; } .coms-indicator-text { font-size: 0.665rem; font-weight: 400; } .panel-show { height: auto; opacity: 1; transition: opacity 0.5s ease-in; visibility: visible; } .panel-hidden { display: none; width: 0 !important; height: 1px !important; margin: 0; opacity: 0; visibility: hidden; } .coms-popup-content .coms-popup-content-data.coms-popuptest { background-color: #ffffff; } .coms-popup-content .coms-popup-content-data.coms-subpopuptest { background-color: #f7f7f7; } .cust-tt-container { width: 100%; padding: 15px; background-color: #000000; color: #ffffff; } .cust-tt-container .tt-items { padding-top: 0; } .cust-tt-container .tt-items .tt-item { font-size: 13px; line-height: 20px; text-align: left; } .cust-tt-container .tt-items .tt-item .coms-vessel-image { height: 15px; vertical-align: super; } .cust-tt-container .status-details { word-break: break-all; } .cust-tt-container .btp-m-b-header-span.one-line { padding-top: 0 !important; padding-bottom: 0 !important; } .coms-mattooltip-validation { width: 100%; padding: 5px 10px; border-radius: 5px; background-color: #ff0000; color: #ffffff; pointer-events: none; } .coms-mattooltip-validation > p { height: auto; padding-top: 0; margin-bottom: 5px; font-size: 12px; text-align: left; } .tt-container-arrow { display: grid; width: 100%; height: 100%; grid-template-areas: " . up . " " left text right" " . down . "; grid-template-columns: fit-content(25px) 35px fit-content(25px); grid-template-rows: fit-content(25px) 35px fit-content(25px); } .tt-container-arrow > .content { display: grid; width: 35px; height: 35px; border-radius: 3px; background-color: #000000; grid-area: text; grid-template-columns: 5px auto 5px; grid-template-rows: 5px auto 5px; place-items: center center; } .tt-container-arrow > .content > label { width: auto; height: auto; color: #ffffff; font-size: 12px; grid-column: 2; grid-row: 2; letter-spacing: 0.44px; line-height: 14px; place-self: center center; } .tt-container-arrow > .arrow { width: 0; height: 0; border-top: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid transparent; } .tt-container-arrow.left-oriented > .arrow { border-right: 8px solid #000000; border-left: none; grid-area: left; place-self: center end; } .tt-container-arrow.right-oriented > .arrow { border-right: none; border-left: 8px solid #000000; grid-area: right; place-self: center start; } .tt-container-arrow.up-oriented > .arrow { border-top: none; border-bottom: 8px solid #000000; grid-area: up; place-self: center end; } .tt-container-arrow.down-oriented > .arrow { border-top: 8px solid #000000; border-bottom: none; grid-area: down; place-self: auto center; } .tt-weather-container-arrow, .proforma-tooltip { display: grid; width: 100%; height: 100%; grid-template-areas: " . up . " " left content right" " . down . "; /* stylelint-disable-next-line no-descending-specificity */ } .tt-weather-container-arrow > .content, .proforma-tooltip > .content { max-width: 310px; padding: 16px; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 2px; background-color: #000000; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.03), 0 3px 3px -2px rgba(0, 0, 0, 0.03), 0 1px 8px 0 rgba(0, 0, 0, 0.04); color: #ffffff; font-size: 12px; grid-area: content; text-align: left; word-break: break-word; } .tt-weather-container-arrow > .content .tooltip-title, .proforma-tooltip > .content .tooltip-title { margin-bottom: 6px; font-size: 20px; line-height: 24px; } .tt-weather-container-arrow > .content .tooltip-text, .proforma-tooltip > .content .tooltip-text { font-size: 14px; line-height: 20px; } .tt-weather-container-arrow > .content .tooltip-text.prewrap, .proforma-tooltip > .content .tooltip-text.prewrap { white-space: pre-wrap; } .tt-weather-container-arrow > .content .tooltip-text-warning, .proforma-tooltip > .content .tooltip-text-warning { color: #ffeba8; } .tt-weather-container-arrow > .content .tooltip-text-alert, .proforma-tooltip > .content .tooltip-text-alert { color: #ffeba8; } .tt-weather-container-arrow > .arrow, .proforma-tooltip > .arrow { width: 0; height: 0; border-top: 8px solid transparent; border-right: 8px solid #000000; border-bottom: 8px solid transparent; border-left: none; margin-top: 10px; grid-area: left; place-self: baseline end; } .tt-weather-container-arrow > .arrow.up, .proforma-tooltip > .arrow.up { border-top: none; border-right: 8px solid transparent; border-bottom: 8px solid #000000; border-left: 8px solid transparent; grid-area: up; justify-self: center; } .tt-container-terminal-header { display: grid; width: 100%; height: 100%; grid-template-areas: " . . . " " . text arrow " " . . . "; grid-template-columns: 5px fit-content(200px) fit-content(25px); grid-template-rows: 5px fit-content(415px) 5px; /* stylelint-disable-next-line no-descending-specificity */ } .tt-container-terminal-header > .content { display: grid; border: 1px solid rgba(255, 255, 255, 0.5333333333); border-radius: 3px; margin-right: -1px; background-color: #000000; grid-area: text; grid-column: 2; grid-row: 2; grid-template-columns: 5px auto 5px; grid-template-rows: 5px fit-content(200px) 5px fit-content(200px); place-items: center center; } .tt-container-terminal-header > .content > label { width: auto; height: auto; color: #ffffff; font-family: "Maersk Text", sans-serif; font-size: 12px; grid-column: 2; grid-row: 2; letter-spacing: 0.44px; line-height: 14px; place-self: center center; } .tt-container-terminal-header > .content > label.description { grid-row: 4; } .tt-container-terminal-header > .arrow-2 { width: 0; height: 0; border-top: 9px solid transparent; border-right: none; border-bottom: 9px solid transparent; border-left: 10px solid rgba(255, 255, 255, 0.5333333333); grid-area: arrow; place-self: center start; } .tt-container-terminal-header > .arrow { z-index: 999; width: 0; height: 0; border-top: 8px solid transparent; border-right: none; border-bottom: 8px solid transparent; border-left: 8px solid #000000; grid-area: arrow; place-self: center start; } .cust-tt-container { width: 100%; padding: 8px; background-color: #000000; color: #ffffff; } .cust-tt-container .tp-service-header-text span, .cust-tt-container .tp-service-body-text span { font-size: 12px; font-weight: 400; line-height: 18px; font-family: Maersk Text; letter-spacing: normal; } .cust-tt-container .tp-service-header-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cust-tt-container .tp-service-body-text { overflow: hidden; } .cust-tt-container .tp-service-body-text > .tp-line-break-after::after { display: block; height: 0; margin-bottom: -5px; content: "\a"; } .cust-tt-container .tp-tooltip-divider { border-width: 1px 0 0; margin: 6px -8px; background-color: #5b5b5b; } .cust-tt-container .tp-last-update-info { font-style: italic; font-weight: 300; letter-spacing: 0.38px; } div.tab-content-scroll { overflow: auto; height: calc(100vh - 260px); border-radius: 3px; } div.tab-content-scroll-no-tabs { overflow: auto; height: calc(100vh - 160px); border-radius: 3px; } html.cdk-global-scrollblock { overflow: hidden; }