input:not([type=button]):not([type=submit]):not([type=checkbox]):not(input[type=radio]):not([type=image]):not([type=reset]),
select,
textarea,
div[contenteditable],
.TemplateSelect:not(.IsFilteredOnAll):not(.ReadOnly) {
  background-color: var(--InputBackground);
  color: var(--PrimaryColor);
  border: none;
  width: 100%;
  border-radius: var(--BorderRadius);
  font-family: "SofiaPro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: var(--MainFontSize);
  padding: var(--InputVerticalPadding) var(--InputHorizontalPadding);
}
input:not([type=button]):not([type=submit]):not([type=checkbox]):not(input[type=radio]):not([type=image]):not([type=reset]):disabled,
select:disabled,
textarea:disabled,
div[contenteditable]:disabled,
.TemplateSelect:not(.IsFilteredOnAll):not(.ReadOnly):disabled {
  background-color: var(--DisabledControlBackgroundColor);
  color: var(--DisabledControlColor);
}
div[contenteditable='false'] {
  background-color: var(--DisabledControlBackgroundColor);
}
input[type=checkbox],
input[type=radio] {
  appearance: none;
  width: var(--CheckAndRadioSize);
  height: var(--CheckAndRadioSize);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: var(--BorderWidth) solid var(--BorderColor);
  margin: auto 0;
  background-color: var(--LightBackgroundColor);
}
input[type=checkbox]::after,
input[type=radio]::after {
  content: '\a0';
}
input[type=checkbox]:disabled,
input[type=radio]:disabled {
  background-color: var(--DisabledControlBackgroundColor);
  color: var(--DisabledControlColor);
}
input[type=checkbox] {
  border-radius: var(--BorderRadius);
  color: var(--PrimaryColor);
}
input[type=checkbox]::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;
}
input[type=checkbox]:checked::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;
}
input[type=checkbox]:checked::after {
  content: "\eed8";
}
input[type=checkbox]:checked::after {
  font-weight: bold;
}
input[type=radio] {
  border-radius: calc(var(--CheckAndRadioSize) / 2);
}
input[type=radio]::after {
  width: calc(var(--CheckAndRadioSize) - 6px);
  height: calc(var(--CheckAndRadioSize) - 6px);
  line-height: calc(var(--CheckAndRadioSize) - 6px);
  display: block;
  border-radius: calc((var(--CheckAndRadioSize) - 6px) / 2);
  margin: auto;
}
input[type=radio]:checked::after {
  background-color: var(--PrimaryColor);
}
textarea,
div[contenteditable] {
  overflow-x: hidden;
  overflow-y: scroll;
  text-overflow: ellipsis;
  scrollbar-color: color-mix(in srgb, var(--DisabledColor) 80%, transparent) color-mix(in srgb, var(--QuinaryColor) 80%, transparent);
  scrollbar-width: thin;
  margin: 0;
  min-width: 50px;
}
textarea::-webkit-scrollbar,
div[contenteditable]::-webkit-scrollbar {
  display: block;
}
textarea::-webkit-scrollbar-track,
div[contenteditable]::-webkit-scrollbar-track {
  background-color: color-mix(in srgb, var(--QuinaryColor) 80%, transparent);
}
textarea::-webkit-scrollbar-thumb,
div[contenteditable]::-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;
}
textarea::-webkit-scrollbar,
div[contenteditable]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.TemplateSelect {
  min-height: var(--DefaultInputHeight);
  display: flex;
  padding: 0 !important;
}
.TemplateSelect .Selection:not(.IsFilteredOnAll) {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 1px;
  max-height: 200px;
  overflow-y: auto;
  scrollbar-color: color-mix(in srgb, var(--DisabledColor) 80%, transparent) color-mix(in srgb, var(--QuinaryColor) 80%, transparent);
  scrollbar-width: thin;
}
.TemplateSelect .Selection:not(.IsFilteredOnAll)::-webkit-scrollbar {
  display: block;
}
.TemplateSelect .Selection:not(.IsFilteredOnAll)::-webkit-scrollbar-track {
  background-color: color-mix(in srgb, var(--QuinaryColor) 80%, transparent);
}
.TemplateSelect .Selection:not(.IsFilteredOnAll)::-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;
}
.TemplateSelect .Selection:not(.IsFilteredOnAll)::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.TemplateSelect .Selection:not(.IsFilteredOnAll) .Selected {
  display: flex;
  margin-right: var(--ContentPadding);
}
.TemplateSelect .Selection:not(.IsFilteredOnAll) .Selected:first-of-type {
  margin-top: var(--InputVerticalPadding);
}
.TemplateSelect .Selection:not(.IsFilteredOnAll) .Selected:last-of-type {
  margin-bottom: var(--InputVerticalPadding);
}
.ColAMReadOnly .TemplateSelect .Selection:not(.IsFilteredOnAll) .Selected {
  margin-right: 0;
}
.TemplateSelect .Selection:not(.IsFilteredOnAll) .Selected .Remove {
  padding: 0 var(--ContentPadding);
  cursor: pointer;
}
.TemplateSelect .Selection:not(.IsFilteredOnAll) .Selected .Remove::after {
  content: '×';
}
.TemplateSelect .Selection:not(.IsFilteredOnAll) .Selected span {
  margin: 0 var(--ContentPadding);
}
.TemplateSelect .Selection:not(.IsFilteredOnAll) .Selected .PickListSelected {
  width: 100%;
  margin-left: var(--ContentPadding);
}
.ColAMReadOnly .TemplateSelect .Selection:not(.IsFilteredOnAll) .Selected .PickListSelected {
  margin-left: 0;
}
.TemplateSelect .Selection:not(.IsFilteredOnAll) .Selected .PickListSelected.TwoPart {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas: "Left Right";
  gap: calc(var(--ContentPadding) / 2);
  align-items: baseline;
}
.TemplateSelect .Selection:not(.IsFilteredOnAll) .Selected .PickListSelected.TwoPart .Left {
  grid-area: Left;
}
.TemplateSelect .Selection:not(.IsFilteredOnAll) .Selected .PickListSelected.TwoPart .Right {
  grid-area: Right;
  font-size: var(--TinyFontSize);
  text-align: right;
}
.TemplateSelect .Selection:not(.IsFilteredOnAll) .Selected .PickListSelected.TwoPart .Left,
.TemplateSelect .Selection:not(.IsFilteredOnAll) .Selected .PickListSelected.TwoPart .Right {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TemplateSelect .Selection.IsFilteredOnAll {
  display: grid;
  grid-template-areas: "Title Clear" "Sections Sections";
  grid-template-columns: 1fr auto;
  width: 100%;
  height: 100%;
  border-radius: var(--BorderRadius);
  border: solid 1px var(--InputBackground);
}
.TemplateSelect .Selection.IsFilteredOnAll .Title {
  grid-area: Title;
  grid-column: unset !important;
  display: flex;
  align-items: center;
  padding: 0 var(--ContentPadding);
  font-weight: bold;
}
.TemplateSelect .Selection.IsFilteredOnAll .ResetAllSelected {
  grid-area: Clear;
  height: var(--DefaultInputHeight);
  width: calc(var(--TemplateSelectButtonWidth) - var(--BorderWidth));
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--FilterClearColor);
  cursor: pointer;
  border-radius: 0 0 0 var(--BorderRadius);
}
.TemplateSelect .Selection.IsFilteredOnAll .ResetAllSelected::after {
  content: '×';
}
.TemplateSelect .Selection.IsFilteredOnAll .Sections {
  grid-area: Sections;
  gap: 0;
  max-height: calc(4 * var(--DefaultInputHeight));
  overflow-y: auto;
}
.TemplateSelect .Selection.IsFilteredOnAll .Sections .FilterLabel,
.TemplateSelect .Selection.IsFilteredOnAll .Sections .FilterValue {
  padding: 0;
}
.TemplateSelect .Selection.IsFilteredOnAll .Sections .FilterLabel {
  height: var(--DefaultInputHeight);
  display: flex;
  align-items: center;
  padding-left: var(--ContentPadding);
}
.TemplateSelect .Selection.IsFilteredOnAll .Sections .FilterValue {
  min-width: unset;
  padding-right: var(--ContentPadding);
  grid-column: 2 / 3;
}
.TemplateSelect .Selection.IsFilteredOnAll .Sections .FilterValue:not(:has(.TemplateSelect)) {
  padding-left: var(--ContentPadding);
  padding-top: var(--InputVerticalPadding);
}
.TemplateSelect .Selection.IsFilteredOnAll .Sections .FilterValue .TemplateSelect .Selection:not(.IsFilteredOnAll) {
  padding: 0;
}
.TemplateSelect.ReadOnly {
  outline: none;
  background-color: initial;
}
.TemplateSelect.ReadOnly .Selection {
  border-style: none !important;
}
.TemplateSelect.ReadOnly .Selection .Selected {
  margin-right: 0;
}
.ColAMReadOnly .TemplateSelect.ReadOnly .Selection {
  padding: 0 !important;
}
.TemplateSelect .Arrow,
.TemplateSelect .Clear {
  display: flex;
  width: var(--TemplateSelectButtonWidth);
  min-width: var(--TemplateSelectButtonWidth);
  align-items: center;
  justify-content: center;
  background-color: var(--FilterClearColor);
  cursor: pointer;
}
.TemplateSelect .Arrow::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;
}
.TemplateSelect .Arrow::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;
}
.TemplateSelect .Arrow::after {
  content: "\eab2";
}
.TemplateSelect .Clear {
  padding: 0 8px;
}
.TemplateSelect .Clear::after {
  content: '×';
}
.TemplateSelect .OptionPane {
  display: grid;
  grid-template-areas: "Search Buttons" "Options Buttons";
  grid-template-columns: 1fr auto;
  position: fixed;
  margin-right: 30px !important;
  z-index: 5;
  border: var(--BorderWidth) solid var(--BorderColor);
  border-radius: var(--BorderRadius);
  box-shadow: 5px 5px 14px -3px var(--ShadowColor);
}
.TemplateSelect .OptionPane .Search {
  grid-area: Search;
  display: flex;
  width: 100%;
  background-color: var(--LightBackgroundColor);
}
.TemplateSelect .OptionPane .Search .SelectAll {
  background-color: var(--InputBackgroundBase);
}
.TemplateSelect .OptionPane .Search .SelectAll::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;
}
.TemplateSelect .OptionPane .Search .SelectAll::after {
  content: "\f00d";
}
.TemplateSelect .OptionPane .Options {
  grid-area: Options;
  width: 100%;
  min-height: 28px;
  max-height: 250px;
  overflow-y: auto;
  background-color: var(--LightBackgroundColor);
  scrollbar-color: color-mix(in srgb, var(--DisabledColor) 80%, transparent) color-mix(in srgb, var(--QuinaryColor) 80%, transparent);
  scrollbar-width: thin;
}
.TemplateSelect .OptionPane .Options::-webkit-scrollbar {
  display: block;
}
.TemplateSelect .OptionPane .Options::-webkit-scrollbar-track {
  background-color: color-mix(in srgb, var(--QuinaryColor) 80%, transparent);
}
.TemplateSelect .OptionPane .Options::-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;
}
.TemplateSelect .OptionPane .Options::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.TemplateSelect .OptionPane .Options .Loading {
  position: absolute;
  bottom: 0;
  color: var(--LightTextColor);
  background-image: linear-gradient(to right, var(--PrimaryColor), var(--SecondaryColor));
  background-size: 200%;
  animation: SlideBackground 6s ease-in-out infinite;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.TemplateSelect .OptionPane .Options .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;
}
.TemplateSelect .OptionPane .Options .Loading::after {
  content: "\eff6";
}
.TemplateSelect .OptionPane .Options .Loading::after {
  animation: Spin 1.5s linear infinite;
  display: inline-block;
}
.TemplateSelect .OptionPane .Options .Error {
  background-color: var(--AttentionColor);
}
.TemplateSelect .OptionPane .Options > div {
  width: 100%;
  min-height: 28px;
  white-space: nowrap;
  padding: var(--InputVerticalPadding) var(--InputHorizontalPadding);
  padding-right: 16px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.TemplateSelect .OptionPane .Options > div.NoResultsFound {
  background-color: var(--WarningColor);
}
.TemplateSelect .OptionPane .Options > div.Option {
  cursor: pointer;
}
.TemplateSelect .OptionPane .Options > div.Option.Selected {
  background-color: var(--OptionSelectedColor);
}
.TemplateSelect .OptionPane .Options > div.Option.Active {
  background-color: var(--OptionActiveColor);
}
.TemplateSelect .OptionPane .Options > div.Option.Active.Selected {
  background-color: var(--OptionSelectedActiveColor);
}
.TemplateSelect .OptionPane .Options > div.Option .PickListResult {
  display: grid;
  column-gap: calc(3 * var(--ContextPadding));
  grid-template-areas: "Result";
}
.TemplateSelect .OptionPane .Options > div.Option .PickListResult .Super {
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
}
.TemplateSelect .OptionPane .Options > div.Option .PickListResult .Result {
  grid-area: Result;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 500px;
}
.TemplateSelect .OptionPane .Options > div.Option .PickListResult.OneSuper {
  grid-template-rows: 14px auto;
  grid-template-areas: "Super" "Result";
}
.TemplateSelect .OptionPane .Options > div.Option .PickListResult.TwoSuper {
  grid-template-rows: 14px auto;
  grid-template-columns: auto auto;
  grid-template-areas: "Left Right" "Result Result";
}
.TemplateSelect .OptionPane .Options > div.Option .PickListResult.TwoSuper .Super.Left {
  grid-area: Left;
}
.TemplateSelect .OptionPane .Options > div.Option .PickListResult.TwoSuper .Super.Right {
  grid-area: Right;
  justify-self: end;
}
.TemplateSelect .OptionPane .Options > div.Option .PickListResult.ThreeSuper {
  grid-template-rows: 14px auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "Left Middle Right" "Result Result Result";
}
.TemplateSelect .OptionPane .Options > div.Option .PickListResult.ThreeSuper .Super.Left {
  grid-area: Left;
}
.TemplateSelect .OptionPane .Options > div.Option .PickListResult.ThreeSuper .Super.Middle {
  grid-area: Middle;
}
.TemplateSelect .OptionPane .Options > div.Option .PickListResult.ThreeSuper .Super.Right {
  grid-area: Right;
  justify-self: end;
}
.TemplateSelect .OptionPane .Options > div.Group {
  padding: 0 4px;
  min-height: var(--HeaderHeight);
  height: var(--HeaderHeight);
  max-height: var(--HeaderHeight);
  background-color: var(--HeaderBackgroundLegacyColor);
  color: var(--HeaderLegacyColor);
  position: sticky;
  top: 0;
  overflow: hidden;
}
.TemplateSelect .OptionPane .Buttons {
  grid-area: Buttons;
  margin-left: 1px;
  position: absolute;
  border-style: none;
  padding: 0;
  gap: 2px;
}
.TemplateSelect .OptionPane .Buttons .ToggleFilter {
  display: block;
}
.TemplateSelect .OptionPane .Buttons button {
  background-color: var(--InputBackgroundBase);
  z-index: 2;
  font-size: 15px;
  width: 28px;
  height: 28px;
  margin-right: 0;
  box-shadow: 5px 5px 14px -3px var(--ShadowColor);
}
.TemplateSelect .OptionPane .Buttons button:hover {
  background-color: var(--SecondaryColor) !important;
}
.TemplateSelect .OptionPane .Buttons button.ToggleFilter::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;
}
.TemplateSelect .OptionPane .Buttons button.ToggleFilter::after {
  content: "\ef29";
}
.TemplateSelect .OptionPane .Buttons button.ToggleFilter.IsFiltered {
  background-color: var(--AccentColor);
}
.TemplateSelect .OptionPane .Buttons button.SelectAll::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;
}
.TemplateSelect .OptionPane .Buttons button.SelectAll::after {
  content: "\f00d";
}
.Numeric {
  font-variant-numeric: tabular-nums lining-nums;
  overflow: hidden;
  text-overflow: ellipsis;
}
.LongTextPreview,
.SqlTextPreview,
.XmlTextPreview,
.RichTextPreview {
  resize: none;
}
.LongTextPreview,
.SqlTextPreview,
.XmlTextPreview {
  white-space: pre-wrap;
}
.RichTextPreview {
  white-space: pre;
}
.DashboardDisabled {
  color: var(--DisabledColor);
}
.DashboardAdd::after,
.DashboardEdit::after,
.ExecuteActionButton::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;
}
.DashboardAdd::after,
.DashboardEdit::after,
.ExecuteActionButton::after {
  content: "\ec55";
}
.DashboardReadOnly::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;
}
.DashboardReadOnly::after {
  content: "\ef21";
}
.CustomFileUpload {
  flex-direction: column;
}
.CustomFileUpload label {
  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);
  width: 100%;
  text-align: center;
}
.CustomFileUpload label:hover,
.CustomFileUpload label.Active {
  background-color: var(--SecondaryColor) !important;
  color: var(--PrimaryColor) !important;
}
.CustomFileUpload label:disabled {
  cursor: default;
  background-color: var(--DisabledColor);
  color: var(--LightTextColor);
}
.CustomFileUpload label.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;
}
.CustomFileUpload label.Revert::after {
  content: "\ee0b";
}
.CustomFileUpload label.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;
}
.CustomFileUpload label.Save::after {
  content: "\ee00";
}
.CustomFileUpload label.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;
}
.CustomFileUpload label.Delete::after {
  content: "\ef00";
}
.CustomFileUpload label.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;
}
.CustomFileUpload label.Delete::after {
  content: "\ec53";
}
.CustomFileUpload input[type=file]::file-selector-button {
  display: none;
}
.FileUpload,
.FileUpload div {
  display: flex;
  gap: var(--ButtonSpace);
}
.FileUpload .Files {
  flex-direction: column;
  flex-grow: 1;
}
.FileUpload .Files .File {
  gap: var(--ButtonSpace);
  justify-content: space-between;
  align-items: center;
}
.FileUpload .Files .File .FileName {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.FileUpload .Files .File .FileDelete::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;
}
.FileUpload .Files .File .FileDelete::after {
  content: "\ef00";
}
.FileUpload .Files .File .FileDelete::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;
}
.FileUpload .Files .File .FileDelete::after {
  content: "\ec53";
}
.FileUpload .Files .File.ToBeUnlinked {
  text-decoration: line-through;
}
.FileUpload .Files .File.ToBeUnlinked .FileDelete {
  visibility: hidden;
}
.FileUpload .AdditionalButtons {
  align-items: end;
}
.FileUpload .AdditionalButtons .FileOpen::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;
}
.FileUpload .AdditionalButtons .FileOpen::after {
  content: "\ef13";
}
.FileUpload .AdditionalButtons .FilePrint::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;
}
.FileUpload .AdditionalButtons .FilePrint::after {
  content: "\efc6";
}
.LanguageResults {
  position: absolute;
  width: fit-content;
  max-width: 800px;
  z-index: 10;
  margin: var(--ContentPadding);
  max-height: calc(100vh - (2 * var(--HeaderBarHeight)));
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: color-mix(in srgb, var(--DisabledColor) 80%, transparent) color-mix(in srgb, var(--QuinaryColor) 80%, transparent);
  scrollbar-width: thin;
  box-shadow: 5px 5px 14px -3px var(--ShadowColor);
}
.LanguageResults::-webkit-scrollbar {
  display: block;
}
.LanguageResults::-webkit-scrollbar-track {
  background-color: color-mix(in srgb, var(--QuinaryColor) 80%, transparent);
}
.LanguageResults::-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;
}
.LanguageResults::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.LanguageResults tr:hover {
  cursor: pointer;
}
.LanguageResults .LanguageResultRow {
  background-color: var(--RowEvenColor);
}
.LanguageResults .LanguageResultRow:nth-child(even) {
  background-color: var(--LightBackgroundColor);
}
.LanguageResults .LanguageResultRow:hover {
  background-color: var(--RowHoverColor);
}
.LanguageResults .LanguageResultRow td {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: auto;
}
.LanguageResults .NoLanguageResultsRow,
.LanguageResults .ExtraLanguageResultsRow {
  background-color: var(--QuaternaryColor) !important;
  color: var(--LightTextColor);
}
.LanguageResults .NoLanguageResultsRow:hover,
.LanguageResults .ExtraLanguageResultsRow:hover {
  cursor: default;
}
.FilterValue.Busy > div:not(:has(.TemplateSelect)),
.MatrixLine > td.Busy > div:not(:has(.TemplateSelect)),
.FilterValue.Busy > div .TemplateSelect.ReadOnly,
.MatrixLine > td.Busy > div .TemplateSelect.ReadOnly {
  display: grid;
  grid-template-columns: auto auto;
}
.FilterValue.Busy > div:not(:has(.TemplateSelect))::after,
.MatrixLine > td.Busy > div:not(:has(.TemplateSelect))::after,
.FilterValue.Busy > div .TemplateSelect.ReadOnly::after,
.MatrixLine > td.Busy > div .TemplateSelect.ReadOnly::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;
}
.FilterValue.Busy > div:not(:has(.TemplateSelect))::after,
.MatrixLine > td.Busy > div:not(:has(.TemplateSelect))::after,
.FilterValue.Busy > div .TemplateSelect.ReadOnly::after,
.MatrixLine > td.Busy > div .TemplateSelect.ReadOnly::after {
  content: "\eff6";
}
.FilterValue.Busy > div:not(:has(.TemplateSelect))::after,
.MatrixLine > td.Busy > div:not(:has(.TemplateSelect))::after,
.FilterValue.Busy > div .TemplateSelect.ReadOnly::after,
.MatrixLine > td.Busy > div .TemplateSelect.ReadOnly::after {
  animation: Spin 1.5s linear infinite;
  display: inline-block;
}
.FilterValue.Busy > div:not(:has(.TemplateSelect)):after,
.MatrixLine > td.Busy > div:not(:has(.TemplateSelect)):after,
.FilterValue.Busy > div .TemplateSelect.ReadOnly:after,
.MatrixLine > td.Busy > div .TemplateSelect.ReadOnly:after {
  align-self: center;
  justify-self: end;
}
.FilterValue.Busy .TemplateSelect .Arrow::after,
.MatrixLine > td.Busy .TemplateSelect .Arrow::after,
.FilterValue.Busy .TemplateSelect .Clear::after,
.MatrixLine > td.Busy .TemplateSelect .Clear::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;
}
.FilterValue.Busy .TemplateSelect .Arrow::after,
.MatrixLine > td.Busy .TemplateSelect .Arrow::after,
.FilterValue.Busy .TemplateSelect .Clear::after,
.MatrixLine > td.Busy .TemplateSelect .Clear::after {
  content: "\eff6";
}
.FilterValue.Busy .TemplateSelect .Arrow::after,
.MatrixLine > td.Busy .TemplateSelect .Arrow::after,
.FilterValue.Busy .TemplateSelect .Clear::after,
.MatrixLine > td.Busy .TemplateSelect .Clear::after {
  animation: Spin 1.5s linear infinite;
  display: inline-block;
}
.FilterValue.Busy .TemplateSelect.Multi:not(.ReadOnly):not(:has(.PickListSelected)) .Selection,
.MatrixLine > td.Busy .TemplateSelect.Multi:not(.ReadOnly):not(:has(.PickListSelected)) .Selection {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: calc(var(--ContentPadding) / 2);
}
.FilterValue.Busy .TemplateSelect.Multi:not(.ReadOnly):not(:has(.PickListSelected)) .Selection::after,
.MatrixLine > td.Busy .TemplateSelect.Multi:not(.ReadOnly):not(:has(.PickListSelected)) .Selection::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;
}
.FilterValue.Busy .TemplateSelect.Multi:not(.ReadOnly):not(:has(.PickListSelected)) .Selection::after,
.MatrixLine > td.Busy .TemplateSelect.Multi:not(.ReadOnly):not(:has(.PickListSelected)) .Selection::after {
  content: "\eff6";
}
.FilterValue.Busy .TemplateSelect.Multi:not(.ReadOnly):not(:has(.PickListSelected)) .Selection::after,
.MatrixLine > td.Busy .TemplateSelect.Multi:not(.ReadOnly):not(:has(.PickListSelected)) .Selection::after {
  animation: Spin 1.5s linear infinite;
  display: inline-block;
}
.RangeField {
  display: flex;
  width: 100%;
  gap: var(--ContextPadding);
}
.RangeField .From,
.RangeField .Until {
  width: 100%;
}