table td {
  padding: var(--VerticalColumnSpacing) var(--HorizontalColumnSpacing);
}
#MatricesDiv {
  height: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  gap: var(--FlexSpace);
}
#MatricesDiv .Matrix {
  grid-column: 1 / 3;
}
#MatricesDiv .MatrixAdd {
  grid-column: 1 / 2;
  height: max-content;
}
#MatricesDiv .MatrixPager {
  grid-column: 2 / 3;
  justify-self: center;
}
.MatrixTitle {
  display: flex;
  align-items: center;
  padding: 0 4px;
  min-height: var(--HeaderHeight);
  height: var(--HeaderHeight);
  max-height: var(--HeaderHeight);
  background-color: var(--HeaderBackgroundLegacyColor);
  color: var(--HeaderLegacyColor);
  border-bottom: 1px solid var(--BorderColor);
  position: sticky;
  left: 0;
}
.MatrixTitle .MatrixTitleChanges {
  color: var(--WarningColor);
  font-size: 17px;
  padding-left: 8px;
}
.MatrixTitle .MatrixTitleChanges::after {
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.MatrixTitle .MatrixTitleChanges::after {
  content: "\ef1b";
}
.Matrix {
  border: var(--BorderWidth) solid var(--BorderColor);
  border-radius: var(--BorderRadius);
  width: 100%;
  min-width: 250px;
  overflow: auto;
  scrollbar-color: color-mix(in srgb, var(--DisabledColor) 80%, transparent) color-mix(in srgb, var(--QuinaryColor) 80%, transparent);
  scrollbar-width: thin;
}
.Matrix::-webkit-scrollbar {
  display: block;
}
.Matrix::-webkit-scrollbar-track {
  background-color: color-mix(in srgb, var(--QuinaryColor) 80%, transparent);
}
.Matrix::-webkit-scrollbar-thumb {
  background-color: color-mix(in srgb, var(--DisabledColor) 80%, transparent);
  background-clip: content-box;
  border-left: solid transparent 1px;
  border-right: solid transparent 1px;
  border-radius: 2px;
}
.Matrix::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.Matrix .NoResults {
  padding: var(--InputVerticalPadding) var(--InputHorizontalPadding);
  background-color: var(--LightBackgroundColor);
}
.MatrixAdd {
  display: grid;
  height: calc(2 * var(--ActionButtonHorizontalPadding) + 0.5em);
  justify-items: center;
  align-items: center;
}
.MatrixAdd::after {
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.MatrixAdd::after {
  content: "\efc2";
}
.MatrixAdd::after {
  font-size: 10px;
}
.MatrixTable {
  background-color: var(--LightBackgroundColor);
}
.Window.Ppds .MatrixTable thead,
.Window.MatrixPopup .MatrixTable thead,
.MatrixTable.HasTitle thead,
.Window.Ppds .MatrixTable th,
.Window.MatrixPopup .MatrixTable th,
.MatrixTable.HasTitle th {
  padding: 0 4px;
  min-height: var(--HeaderHeight);
  height: var(--HeaderHeight);
  max-height: var(--HeaderHeight);
  background-color: var(--HeaderBackgroundColor);
  color: var(--HeaderColor);
  font-weight: bold;
  border-bottom: 1px solid var(--BorderColor);
}
.Window.Ppds .MatrixTable thead .SortImage > div::after,
.Window.MatrixPopup .MatrixTable thead .SortImage > div::after,
.MatrixTable.HasTitle thead .SortImage > div::after,
.Window.Ppds .MatrixTable th .SortImage > div::after,
.Window.MatrixPopup .MatrixTable th .SortImage > div::after,
.MatrixTable.HasTitle th .SortImage > div::after {
  color: color-mix(in srgb, var(--PrimaryColor) 80%, transparent);
}
body:not(:has(.Window.Ppds)):not(:has(.Window.MatrixPopup)) .MatrixTable:not(.HasTitle) thead,
body:not(:has(.Window.Ppds)):not(:has(.Window.MatrixPopup)) .MatrixTable:not(.HasTitle) th {
  padding: 0 4px;
  min-height: var(--HeaderHeight);
  height: var(--HeaderHeight);
  max-height: var(--HeaderHeight);
  background-color: var(--HeaderBackgroundLegacyColor);
  color: var(--HeaderLegacyColor);
}
.MatrixTable thead {
  position: sticky;
  z-index: 4;
  top: 0;
}
.MatrixTable th > div {
  width: 100%;
  min-width: max-content;
  display: grid;
  grid-template-columns: 1fr auto auto;
  grid-template-areas: "Label Mandatory Sort";
  align-items: center;
}
.MatrixTable th > div .HeaderLabel {
  grid-area: Label;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MatrixTable th > div .Mandatory {
  grid-area: Mandatory;
  color: var(--AttentionColor);
  height: calc(var(--HeaderHeight) - (2* var(--BorderWidth)));
  margin-left: var(--ContentPadding);
}
.MatrixTable th > div .Mandatory::after {
  font-style: normal;
  content: "•";
}
.MatrixTable th.ColAMReadOnly .Mandatory {
  display: none;
}
.MatrixTable th.SortImage > div {
  grid-area: Sort;
}
.MatrixTable th.SortImage > div::after {
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.MatrixTable th.SortImage > div::after {
  content: "\ea9a";
}
.MatrixTable th.SortImage > div::after {
  font-size: 20px;
  height: 12px;
  line-height: 12px;
  width: 14px;
  color: color-mix(in srgb, var(--DisabledColor) 80%, transparent);
  overflow: hidden;
}
.MatrixTable th.Ascending > div::after,
.MatrixTable th.Descending > div::after {
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.MatrixTable th.Ascending > div::after,
.MatrixTable th.Descending > div::after {
  content: "\eab9";
}
.MatrixTable th.Ascending > div::after,
.MatrixTable th.Descending > div::after {
  font-size: 14px;
  height: 6px;
  line-height: 6px;
  margin-left: 3px;
  margin-right: -3px;
  color: var(--LightTextColor);
}
.MatrixTable th.Descending > div::after {
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.MatrixTable th.Descending > div::after {
  content: "\eab2";
}
.MatrixTable th.Descending > div::after {
  line-height: 8px;
}
.MatrixTable tfoot {
  padding: 0 4px;
  min-height: var(--HeaderHeight);
  height: var(--HeaderHeight);
  max-height: var(--HeaderHeight);
  background-color: var(--HeaderBackgroundLegacyColor);
  color: var(--HeaderLegacyColor);
  position: sticky;
  z-index: 2;
  bottom: 0;
}
.MatrixTable tfoot tr td {
  border-top: solid var(--BorderColor) var(--BorderWidth);
}
.MatrixTable tfoot tr td span {
  padding-right: 1px;
}
.MatrixTable tfoot tr td.ColAMEditable.CellAMReadOnly span {
  padding-right: calc(var(--MatrixInputBorderWidth) + var(--MatrixInputHorizontalPadding));
}
.MatrixTable tfoot tr:hover {
  background-color: var(--TertiaryColor);
}
.MatrixTable th,
.MatrixTable td {
  white-space: nowrap;
  border: var(--BorderWidth) solid var(--BorderColor);
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
}
.MatrixTable th.Col0.ColCheck,
.MatrixTable td.Col0.ColCheck {
  position: sticky;
  left: 0;
  z-index: 3;
  width: 0;
}
.MatrixTable th:last-child,
.MatrixTable td:last-child {
  border-right: 0;
}
.MatrixTable > tbody > tr:nth-child(odd),
.MatrixTable > tbody > tr:nth-child(odd) .Col0.ColCheck {
  background-color: var(--RowOddColor);
}
.MatrixTable > tbody > tr:nth-child(even),
.MatrixTable > tbody > tr:nth-child(even) .Col0.ColCheck {
  background-color: var(--RowEvenColor);
}
.MatrixTable > tbody > tr:hover,
.MatrixTable > tbody > tr:hover .Col0.ColCheck {
  background-color: var(--RowHoverColor);
}
.MatrixTable > tbody > tr:has(.MatrixLineCheckbox:checked),
.MatrixTable > tbody > tr:has(.MatrixLineCheckbox:checked) .Col0.ColCheck {
  background-color: var(--RowOddCheckedColor);
}
.MatrixTable > tbody > tr:nth-child(even):has(.MatrixLineCheckbox:checked),
.MatrixTable > tbody > tr:nth-child(even):has(.MatrixLineCheckbox:checked) .Col0.ColCheck {
  background-color: var(--RowEvenCheckedColor);
}
.MatrixTable > tbody > tr:hover:has(.MatrixLineCheckbox:checked),
.MatrixTable > tbody > tr:hover:has(.MatrixLineCheckbox:checked) .Col0.ColCheck {
  background-color: var(--RowHoverCheckedColor);
}
.MatrixTable > tbody > tr.Indeterminate {
  background-size: 200%;
  animation: Indeterminate 2.5s linear infinite;
}
.MatrixTable > tbody > tr.Indeterminate:nth-child(odd) {
  background-image: linear-gradient(105deg, var(--RowOddColor) 0%, var(--RowOddColor) 45%, color-mix(in srgb, var(--DisabledColor) 50%, var(--RowOddColor)) 50%, var(--DisabledColor) 65%, var(--DisabledColor) 80%, color-mix(in srgb, var(--DisabledColor) 50%, var(--RowOddColor)) 95%, var(--RowOddColor) 100%);
}
.MatrixTable > tbody > tr.Indeterminate:nth-child(even) {
  background-image: linear-gradient(105deg, var(--RowEvenColor) 0%, var(--RowEvenColor) 45%, color-mix(in srgb, var(--DisabledColor) 50%, var(--RowEvenColor)) 50%, var(--DisabledColor) 65%, var(--DisabledColor) 80%, color-mix(in srgb, var(--DisabledColor) 50%, var(--RowEvenColor)) 95%, var(--RowEvenColor) 100%);
}
.MatrixTable > tbody > tr.Indeterminate:hover {
  background-image: linear-gradient(105deg, var(--RowHoverColor) 0%, var(--RowHoverColor) 45%, color-mix(in srgb, var(--DisabledColor) 50%, var(--RowHoverColor)) 50%, var(--DisabledColor) 65%, var(--DisabledColor) 80%, color-mix(in srgb, var(--DisabledColor) 50%, var(--RowHoverColor)) 95%, var(--RowHoverColor) 100%);
}
.MatrixTable > tbody > tr.Indeterminate:has(.MatrixLineCheckbox:checked) {
  background-image: linear-gradient(105deg, var(--RowOddCheckedColor) 0%, var(--RowOddCheckedColor) 45%, color-mix(in srgb, var(--DisabledColor) 50%, var(--RowOddCheckedColor)) 50%, var(--DisabledColor) 65%, var(--DisabledColor) 80%, color-mix(in srgb, var(--DisabledColor) 50%, var(--RowOddCheckedColor)) 95%, var(--RowOddCheckedColor) 100%);
}
.MatrixTable > tbody > tr.Indeterminate:nth-child(even):has(.MatrixLineCheckbox:checked) {
  background-image: linear-gradient(105deg, var(--RowEvenCheckedColor) 0%, var(--RowEvenCheckedColor) 45%, color-mix(in srgb, var(--DisabledColor) 50%, var(--RowEvenCheckedColor)) 50%, var(--DisabledColor) 65%, var(--DisabledColor) 80%, color-mix(in srgb, var(--DisabledColor) 50%, var(--RowEvenCheckedColor)) 95%, var(--RowEvenCheckedColor) 100%);
}
.MatrixTable > tbody > tr.Indeterminate:hover:has(.MatrixLineCheckbox:checked) {
  background-image: linear-gradient(105deg, var(--RowHoverCheckedColor) 0%, var(--RowHoverCheckedColor) 45%, color-mix(in srgb, var(--DisabledColor) 50%, var(--RowHoverCheckedColor)) 50%, var(--DisabledColor) 65%, var(--DisabledColor) 80%, color-mix(in srgb, var(--DisabledColor) 50%, var(--RowHoverCheckedColor)) 95%, var(--RowHoverCheckedColor) 100%);
}
.MatrixTable > tbody > tr.Deleted,
.MatrixTable > tbody > tr.Deleted input:not([type='button']):not([type='submit']):not([type=checkbox]):not([type='reset']):not(input[type=radio]),
.MatrixTable > tbody > tr.Deleted select,
.MatrixTable > tbody > tr.Deleted textarea {
  color: var(--DisabledColor);
  text-decoration: line-through;
}
.MatrixTable > tbody > tr.Deleted button {
  color: var(--DisabledColor);
}
.MatrixTable > tbody > tr.SaveOk:nth-child(odd),
.MatrixTable > tbody > tr.SaveOk:nth-child(odd) .Col0.ColCheck {
  animation: SaveOkOdd 1000ms linear;
}
.MatrixTable > tbody > tr.SaveOk:nth-child(even),
.MatrixTable > tbody > tr.SaveOk:nth-child(even) .Col0.ColCheck {
  animation: SaveOkEven 1000ms linear;
}
.MatrixTable > tbody > tr.SaveError:nth-child(odd),
.MatrixTable > tbody > tr.SaveError:nth-child(odd) .Col0.ColCheck {
  animation: SaveErrorOdd 750ms linear;
  background-color: var(--RowOddErrorColor);
}
.MatrixTable > tbody > tr.SaveError:nth-child(even),
.MatrixTable > tbody > tr.SaveError:nth-child(even) .Col0.ColCheck {
  animation: SaveErrorOdd 750ms linear;
  background-color: var(--RowEvenErrorColor);
}
.MatrixTable > tbody > tr.SaveError:hover,
.MatrixTable > tbody > tr.SaveError:hover .Col0.ColCheck {
  background-color: var(--RowHoverErrorColor);
}
.MatrixTable td {
  height: calc(var(--DefaultInputHeight) + (2 * var(--VerticalColumnSpacing)));
}
.MatrixTable td.HasErrors {
  background-color: var(--AttentionColor);
}
.MatrixTable td:not(.VerticalCell).ColDaTDateTime > div,
.MatrixTable td:not(.VerticalCell).ColDaTNumeric:not(:has(.EntityField)):not(:has(.TemplateSelect)) > div,
.MatrixTable td:not(.VerticalCell).ColDaTDetailedNumeric > div {
  margin-left: auto;
}
.MatrixTable td:not(.VerticalCell).ColDaTDateTime,
.MatrixTable td:not(.VerticalCell).ColDaTNumeric:not(:has(.EntityField)):not(:has(.TemplateSelect)),
.MatrixTable td:not(.VerticalCell).ColDaTDetailedNumeric,
.MatrixTable td:not(.VerticalCell).ColDaTDateTime *,
.MatrixTable td:not(.VerticalCell).ColDaTNumeric:not(:has(.EntityField)):not(:has(.TemplateSelect)) *,
.MatrixTable td:not(.VerticalCell).ColDaTDetailedNumeric * {
  text-align: right;
}
.MatrixTable td:not(.VerticalCell).ColId_Id > div {
  width: 100%;
}
.MatrixTable td:not(.VerticalCell):not(.ColDiTMatrixPopup ):not(.ColDiTActionButton).ColDaTNumeric:not(.ColAMReadOnly):not(.ColId_Id) > div:not(:has(.EntityField)):not(:has(.TemplateSelect)) {
  width: var(--DefaultNumericWidth);
}
.MatrixTable td:not(.VerticalCell).ColDaTDetailedNumeric > div {
  width: calc(var(--DefaultNumericWidth) + var(--MatrixButtonSize) + var(--ContentPadding));
}
.MatrixTable td:not(.VerticalCell).ColDiTCheckBox {
  text-align: center;
}
.MatrixTable td:not(.VerticalCell).ColDiTDateBox > div {
  width: 100px;
}
.MatrixTable td:not(.VerticalCell).ColDiTDateBox.ColFDateTime > div {
  width: 130px;
}
.MatrixTable td:not(.VerticalCell).ColDiTEntityPickList > div {
  width: var(--DefaultEntityPickListWidth);
}
.MatrixTable td:not(.VerticalCell).ColDiTAttributePickList > div {
  width: var(--DefaultAttributePickListWidth);
}
.MatrixTable td:not(.VerticalCell).ColFMoney > div {
  width: var(--DefaultMoneyWidth);
}
.MatrixTable td:not(.VerticalCell).AlignRight > div {
  margin-left: auto;
}
.MatrixTable td:not(.VerticalCell).AlignRight,
.MatrixTable td:not(.VerticalCell).AlignRight * {
  text-align: right;
}
.MatrixTable td:not(.VerticalCell).AlignLeft {
  text-align: left;
}
.MatrixTable td:not(.VerticalCell).AlignLeft * {
  text-align: left;
  margin-right: auto;
}
.MatrixTable td:not(.VerticalCell).AlignCenter,
.MatrixTable td:not(.VerticalCell).AlignCenter * {
  text-align: center;
}
.MatrixTable td:not(.VerticalCell).AlignJustify,
.MatrixTable td:not(.VerticalCell).AlignJustify * {
  text-align: justify;
}
.MatrixTable td.ColDaTNumeric,
.MatrixTable td.ColDaTDetailedNumeric {
  font-variant-numeric: tabular-nums lining-nums;
}
.MatrixTable td.ColDiTLongTextBox > div,
.MatrixTable td.ColDiTSQLPopup > div,
.MatrixTable td.ColDiTXMLPopup > div,
.MatrixTable td.ColDiTXMLDragDropPopup > div,
.MatrixTable td.ColDiTRichTextBox > div,
.MatrixTable td.ColDiTDetailedNumeric > div,
.MatrixTable td.ColDiTMatrixPopup > div,
.MatrixTable td.ColDiTActionButton > div,
.MatrixTable td.ColDiTViewConfig > div {
  display: flex;
  gap: var(--ContentPadding);
  align-items: center;
}
.MatrixTable td.ColDiTDetailedNumeric > div > span {
  display: block;
  width: 100%;
}
.MatrixTable td.ColDiTMatrixPopup > div,
.MatrixTable td.ColDiTActionButton > div {
  justify-content: center;
}
.MatrixTable td.ColDiTMatrixPopup > div .DashboardAdd::after,
.MatrixTable td.ColDiTActionButton > div .DashboardAdd::after {
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.MatrixTable td.ColDiTMatrixPopup > div .DashboardAdd::after,
.MatrixTable td.ColDiTActionButton > div .DashboardAdd::after {
  content: "\efc2";
}
.MatrixTable td.ColDiTLanguageLabelBox > div {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "input button";
  gap: 5px;
}
.MatrixTable td.ColDiTLanguageLabelBox > div span {
  align-self: center;
}
.MatrixTable td.ColDiTLanguageLabelBox > div .LanguageLabelSearchBox {
  grid-area: input;
  z-index: 2;
}
.MatrixTable td.ColDiTLanguageLabelBox > div .Loading {
  grid-area: input;
  justify-self: flex-end;
  align-self: center;
  margin-right: 5px;
  z-index: 1;
  opacity: 0;
  transition: opacity 200ms ease-in-out;
  display: none;
}
.MatrixTable td.ColDiTLanguageLabelBox > div .Loading::after {
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.MatrixTable td.ColDiTLanguageLabelBox > div .Loading::after {
  content: "\eff6";
}
.MatrixTable td.ColDiTLanguageLabelBox > div .Loading::after {
  animation: Spin 1.5s linear infinite;
  display: inline-block;
}
.MatrixTable td.ColDiTLanguageLabelBox > div .Loading.Visible {
  display: flex;
  opacity: 1;
}
.MatrixTable td.ColDiTLanguageLabelBox > div .LanguageLabelSearchPopupButton,
.MatrixTable td.ColDiTLanguageLabelBox > div .Results {
  grid-area: button;
}
.MatrixTable td:not(.ColDiTCheckBox) > div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.MatrixTable td.ColId_Status.ColDiTStyleElement > div {
  display: flex;
  justify-content: center;
}
.MatrixTable td.ColId_Status.ColDiTStyleElement > div .True::after {
  content: '✔';
  color: var(--OkColor);
}
.MatrixTable td.ColId_Status.ColDiTStyleElement > div .False::after {
  content: '✘';
  color: var(--AttentionColor);
}
.MatrixTable td.ColDiTRichTextBox .cke {
  display: inline-block;
  min-height: var(--DefaultInputHeight);
  border: var(--MatrixInputBorderWidth) solid var(--InputBackground);
  min-width: 45px;
  width: 100% !important;
  box-sizing: border-box;
}
.MatrixTable td.ColDiTRichTextBox .cke .cke_top {
  display: none;
}
.MatrixTable td.ColDiTRichTextBox .cke .cke_inner {
  width: 100% !important;
}
.MatrixTable td.ColDiTRichTextBox .cke .cke_inner,
.MatrixTable td.ColDiTRichTextBox .cke .cke_wysiwyg_frame {
  background-color: transparent;
}
.MatrixTable td.ColDiTHyperLink {
  padding: 0 var(--HorizontalColumnSpacing);
}
.MatrixTable td.ColDiTHyperLink > div {
  display: grid;
  grid-template-columns: minmax(max-content, 100%) auto;
  grid-template-rows: minmax(max-content, 100%);
  min-height: 100%;
  align-items: center;
  gap: var(--ContentPadding);
}
.MatrixTable td.ColDiTHyperLink > div .Links {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 450px;
  min-height: 100%;
  overflow-x: scroll;
  padding: var(--VerticalColumnSpacing) 0;
}
.MatrixTable td.ColDiTViewConfig .ViewConfig {
  flex-grow: 1;
}
.MatrixTable td.ColAMReadOnly > div {
  max-width: 30vw;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MatrixTable td.CellAMReadOnly:not(.ColAMReadOnly).ColDiTTextBox > div,
.MatrixTable td.CellAMReadOnly:not(.ColAMReadOnly).ColDiTDateBox > div,
.MatrixTable td.CellAMReadOnly:not(.ColAMReadOnly).ColDiTDetailedNumeric > div {
  padding-left: 8px;
}
.MatrixTable td.CellAMReadOnly:not(.ColAMReadOnly).ColDiTTextBox.AlignRight > div,
.MatrixTable td.CellAMReadOnly:not(.ColAMReadOnly).ColDiTDateBox > div {
  padding-right: 8px;
}
.MatrixTable td.CellAMReadOnly:not(.ColAMReadOnly).ColDiTDetailedNumeric > div > span {
  margin-right: 8px;
}
.MatrixTable td.CellAMReadOnly:not(.ColAMReadOnly).ColDiTPulldown > div,
.MatrixTable td.CellAMReadOnly:not(.ColAMReadOnly).ColDiTListBox > div,
.MatrixTable td.CellAMReadOnly:not(.ColAMReadOnly).ColDiTPickList > div {
  padding-left: 20px;
  padding-right: 30px;
}
.MatrixTable td.CellAMReadOnly .LongTextPreview,
.MatrixTable td.CellAMReadOnly .SqlTextPreview,
.MatrixTable td.CellAMReadOnly .XmlTextPreview,
.MatrixTable td.CellAMReadOnly .RichTextPreview {
  border-color: transparent;
}
.MatrixTable td button {
  color: var(--PrimaryColor);
  border-radius: var(--BorderRadius);
  background-color: var(--InputBackground);
  cursor: pointer;
  border: var(--BorderWidth) solid var(--BorderColor);
  line-height: 13px;
  padding: 6px;
  min-width: var(--MatrixButtonSize);
  height: var(--MatrixButtonSize);
}
.MatrixTable td button:disabled {
  color: var(--DisabledColor);
  cursor: default;
}
.MatrixTable td .LongTextPreview,
.MatrixTable td .SqlTextPreview,
.MatrixTable td .XmlTextPreview,
.MatrixTable td .RichTextPreview {
  padding: var(--MatrixInputVerticalPadding) var(--MatrixInputHorizontalPadding);
  border: var(--MatrixInputBorderWidth) solid var(--InputBackground);
  min-height: var(--DefaultInputHeight);
  scrollbar-color: color-mix(in srgb, var(--DisabledColor) 80%, transparent) color-mix(in srgb, var(--QuinaryColor) 80%, transparent);
  scrollbar-width: thin;
}
.MatrixTable td .LongTextPreview::-webkit-scrollbar,
.MatrixTable td .SqlTextPreview::-webkit-scrollbar,
.MatrixTable td .XmlTextPreview::-webkit-scrollbar,
.MatrixTable td .RichTextPreview::-webkit-scrollbar {
  display: block;
}
.MatrixTable td .LongTextPreview::-webkit-scrollbar-track,
.MatrixTable td .SqlTextPreview::-webkit-scrollbar-track,
.MatrixTable td .XmlTextPreview::-webkit-scrollbar-track,
.MatrixTable td .RichTextPreview::-webkit-scrollbar-track {
  background-color: color-mix(in srgb, var(--QuinaryColor) 80%, transparent);
}
.MatrixTable td .LongTextPreview::-webkit-scrollbar-thumb,
.MatrixTable td .SqlTextPreview::-webkit-scrollbar-thumb,
.MatrixTable td .XmlTextPreview::-webkit-scrollbar-thumb,
.MatrixTable td .RichTextPreview::-webkit-scrollbar-thumb {
  background-color: color-mix(in srgb, var(--DisabledColor) 80%, transparent);
  background-clip: content-box;
  border-left: solid transparent 1px;
  border-right: solid transparent 1px;
  border-radius: 2px;
}
.MatrixTable td .LongTextPreview::-webkit-scrollbar,
.MatrixTable td .SqlTextPreview::-webkit-scrollbar,
.MatrixTable td .XmlTextPreview::-webkit-scrollbar,
.MatrixTable td .RichTextPreview::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.MatrixTable td input:not([type=button]):not([type=submit]):not([type=checkbox]):not(input[type=radio]):not([type=image]):not([type=reset]),
.MatrixTable td select,
.MatrixTable td textarea,
.MatrixTable td div[contenteditable="true"],
.MatrixTable td div[contenteditable="plaintext-only"] {
  padding: var(--MatrixInputVerticalPadding) var(--MatrixInputHorizontalPadding);
  border: var(--MatrixInputBorderWidth) solid var(--InputBackground);
  background-color: inherit;
  min-width: 45px;
}
.MatrixTable td div[contenteditable="false"] {
  background-color: transparent;
  border-style: none;
  padding: calc(var(--MatrixInputVerticalPadding) + var(--MatrixInputBorderWidth)) 0;
}
.MatrixTable td .TemplateSelect.Busy {
  max-width: max-content;
}
.MatrixTable td .TemplateSelect:not(.IsFilteredOnAll) {
  background-color: inherit;
  min-width: 45px;
}
.MatrixTable td .TemplateSelect:not(.IsFilteredOnAll) .Selection {
  border: var(--MatrixInputBorderWidth) solid var(--InputBackground);
}
.MatrixTable td .OptionPane * {
  text-align: initial;
}
.MatrixTable.VerticalMatrixTable tr:not(:first-of-type) th {
  border-top: solid var(--BorderColor) 1px;
}
.MatrixTable.VerticalMatrixTable tr:hover {
  background-color: var(--LightBackgroundColor) !important;
}
.MatrixTable.VerticalMatrixTable tr:hover:nth-child(2n) {
  background-color: var(--RowEvenColor) !important;
}
.MatrixTable.VerticalMatrixTable tr td {
  min-width: 300px;
}
.MatrixPager {
  display: flex;
  gap: var(--ContentPadding);
}
.MatrixPager button {
  background-color: var(--PrimaryColor);
  color: var(--LightTextColor);
  border: none;
  padding: var(--ActionButtonVerticalPadding) var(--ActionButtonHorizontalPadding);
  cursor: pointer;
  line-height: var(--ActionButtonLineHeight);
  font-family: "SofiaPro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: var(--BorderRadius);
  padding: 0;
  height: calc(2 * var(--ActionButtonHorizontalPadding) + 0.5em);
  justify-items: center;
  align-items: center;
}
.MatrixPager button:hover,
.MatrixPager button.Active {
  background-color: var(--SecondaryColor) !important;
  color: var(--PrimaryColor) !important;
}
.MatrixPager button:disabled {
  cursor: default;
  background-color: var(--DisabledColor);
  color: var(--LightTextColor);
}
.MatrixPager button.Revert::after {
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.MatrixPager button.Revert::after {
  content: "\ee0b";
}
.MatrixPager button.Save::after {
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.MatrixPager button.Save::after {
  content: "\ee00";
}
.MatrixPager button.Delete::after {
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.MatrixPager button.Delete::after {
  content: "\ef00";
}
.MatrixPager button.Delete::after {
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.MatrixPager button.Delete::after {
  content: "\ec53";
}
.MatrixPager button .Label {
  padding: 0 var(--ActionButtonHorizontalPadding);
}
.MatrixPager .Next,
.MatrixPager .Previous {
  padding: 0;
  width: calc(2 * var(--ActionButtonHorizontalPadding) + 0.5em);
}
.MatrixPager .Next::after {
  font-style: normal;
  content: "⮞";
}
.MatrixPager .Previous::after {
  font-style: normal;
  content: "⮜";
}
.MatrixPager .Page.Selected {
  background-color: var(--AccentColor);
  color: var(--PrimaryColor);
}