.Windows {
  grid-area: Details;
  width: 100%;
  height: 100%;
  display: grid;
  grid-gap: var(--ContentPadding);
  padding: var(--ContentPadding);
  transition: 0.15s ease-in-out;
}
body > .Windows {
  width: initial;
  height: initial;
  padding: 0;
}
.Windows.Landscape {
  grid-template-columns: var(--ContextVerticalWidth) auto;
  grid-template-rows: minmax(100px, max-content) minmax(100px, max-content) minmax(0, 1fr);
  grid-template-areas: "Filter WorkSpace" "Actions WorkSpace" "Empty WorkSpace";
  row-gap: 0;
}
.Windows.Landscape .Area_Filter {
  margin-bottom: var(--ContentPadding);
}
.Windows.Landscape:has(> div.ContextCollapsed) {
  grid-template-columns: 0 100%;
  grid-gap: 0;
}
.Windows.Landscape:has(> div.ContextCollapsed) > div > .Window.Area_Actions {
  border-style: none;
}
.Windows.Portrait {
  grid-template-columns: auto;
  grid-template-rows: auto auto 1fr;
  grid-template-areas: "Filter" "Actions" "WorkSpace";
}
.Windows.Portrait:has(> div.ContextCollapsed) {
  grid-template-rows: 0 0 1fr;
  grid-gap: 0;
}
.Windows.Portrait:has(> div.ContextCollapsed) > div > .Window.Area_Actions {
  border-style: none;
}
.Windows.MultiLane3 {
  grid-template-columns: auto;
  grid-template-rows: auto auto auto;
  grid-template-areas: "Lane1 Lane2 Lane3";
}
.Windows > .WindowsWrapper {
  display: contents;
}
.Window {
  position: static;
}
.Window.Area_Actions {
  grid-area: Actions;
  overflow: hidden;
}
.Window.Area_Filter {
  grid-area: Filter;
  overflow: hidden;
}
.Window.Area_WorkSpace {
  grid-area: WorkSpace;
}
.Window.Draggable {
  position: absolute;
}
.Window.Draggable > .WindowContent > .Title {
  cursor: move;
}
.Window.NoFocus > .WindowContent .Title:not(.FilterHeader) {
  background-color: var(--DisabledColor);
}
.Window.NoFocus.MatrixWindow > .WindowContent,
.Window.NoFocus.MatrixWindow > .WindowContent > .Matrix,
.Window.NoFocus.MatrixWindow > .WindowContent > .MatrixPager button,
.Window.NoFocus.MatrixWindow > .WindowContent > .Buttons.Floating > button,
.Window.NoFocus.MatrixWindow > .WindowContent > .SidePanel > .Window {
  display: grid;
  grid-template-columns: 1fr;
}
.Window.NoFocus.MatrixWindow > .WindowContent::before,
.Window.NoFocus.MatrixWindow > .WindowContent > .Matrix::before,
.Window.NoFocus.MatrixWindow > .WindowContent > .MatrixPager button::before,
.Window.NoFocus.MatrixWindow > .WindowContent > .Buttons.Floating > button::before,
.Window.NoFocus.MatrixWindow > .WindowContent > .SidePanel > .Window::before {
  content: ' ';
  background-color: var(--DisabledColor);
  z-index: 3;
  opacity: 0.1;
  height: 100%;
  width: 100%;
}
.Window.NoFocus.MatrixWindow > .WindowContent::before,
.Window.NoFocus.MatrixWindow > .WindowContent > .Matrix::before,
.Window.NoFocus.MatrixWindow > .WindowContent > .MatrixPager button::before,
.Window.NoFocus.MatrixWindow > .WindowContent > .Buttons.Floating > button::before,
.Window.NoFocus.MatrixWindow > .WindowContent > .SidePanel > .Window::before,
.Window.NoFocus.MatrixWindow > .WindowContent::after,
.Window.NoFocus.MatrixWindow > .WindowContent > .Matrix::after,
.Window.NoFocus.MatrixWindow > .WindowContent > .MatrixPager button::after,
.Window.NoFocus.MatrixWindow > .WindowContent > .Buttons.Floating > button::after,
.Window.NoFocus.MatrixWindow > .WindowContent > .SidePanel > .Window::after,
.Window.NoFocus.MatrixWindow > .WindowContent > *,
.Window.NoFocus.MatrixWindow > .WindowContent > .Matrix > *,
.Window.NoFocus.MatrixWindow > .WindowContent > .MatrixPager button > *,
.Window.NoFocus.MatrixWindow > .WindowContent > .Buttons.Floating > button > *,
.Window.NoFocus.MatrixWindow > .WindowContent > .SidePanel > .Window > * {
  grid-column: 1;
  grid-row: 1;
}
.Window.NoFocus.MatrixWindow > .WindowContent > .MatrixPager,
.Window.NoFocus.MatrixWindow > .WindowContent > .Buttons.Floating,
.Window.NoFocus.MatrixWindow > .WindowContent > .SidePanel {
  opacity: 0 !important;
}
.Window.NoFocus.MatrixWindow > .WindowContent::before {
  grid-area: matrix;
}
.Window:not(.Docked).Resizable {
  display: grid;
  grid-template-rows: var(--DragHandleSize) 1fr var(--DragHandleSize);
  grid-template-columns: var(--DragHandleSize) 1fr var(--DragHandleSize);
  grid-template-areas: "handle-top-left			handle-top				handle-top-right" "handle-left				content					handle-right" "handle-bottom-left		handle-bottom			handle-bottom-right";
}
.Window:not(.Docked):not(.Modal):not(.MatrixWindow) > .WindowContent {
  box-shadow: 5px 5px 14px -3px var(--ShadowColor);
}
.Window:not(.Docked).MatrixWindow:not(.Modal) > .WindowContent > .Title,
.Window:not(.Docked).MatrixWindow:not(.Modal) > .WindowContent > .Matrix,
.Window:not(.Docked).MatrixWindow:not(.Modal) > .WindowContent > .MatrixPager button,
.Window:not(.Docked).MatrixWindow:not(.Modal) > .WindowContent > .Buttons.Floating > button,
.Window:not(.Docked).MatrixWindow:not(.Modal) > .WindowContent > .SidePanel > .Window {
  box-shadow: 5px 5px 14px -3px var(--ShadowColor);
}
.Window:not(.Docked).MatrixWindow:not(.Modal) > .WindowContent > .MatrixPager,
.Window:not(.Docked).MatrixWindow:not(.Modal) > .WindowContent > .Buttons.Floating,
.Window:not(.Docked).MatrixWindow:not(.Modal) > .WindowContent > .SidePanel {
  transition: opacity 0.25s ease-in-out;
  opacity: 1;
}
.Window.Busy.MatrixWindow .WindowContent::before {
  content: " ";
  grid-area: matrix;
  background-color: var(--ModalBackgroundColor);
  z-index: var(--BusyBaseZIndex) !important;
}
.Window.Busy.MatrixWindow .WorkingSplash {
  grid-area: matrix;
  z-index: calc(var(--BusyBaseZIndex) + 1) !important;
  background-color: var(--PrimaryColor);
  width: var(--BusyDialogWidth);
  height: var(--BusyDialogHeight);
  left: calc(50% - (var(--BusyDialogWidth) / 2));
  top: calc(50% - (var(--BusyDialogHeight) / 2));
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: var(--LightTextColor);
  font-weight: 500;
  background-image: linear-gradient(to right, var(--PrimaryColor), var(--SecondaryColor));
  background-size: 200%;
  animation: SlideBackground 6s ease-in-out infinite;
  background-position: 0% 50%;
  font-size: 60px;
  align-self: center;
  justify-self: center;
  width: 100%;
  height: 100%;
  min-height: 125px;
  min-width: 200px;
}
.Window.Busy.MatrixWindow .WorkingSplash::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;
}
.Window.Busy.MatrixWindow .WorkingSplash::after {
  content: "\eff6";
}
.Window.Busy.MatrixWindow .WorkingSplash::after {
  animation: Spin 1.5s linear infinite;
  display: inline-block;
}
.Window.Busy.MatrixWindow .WorkingSplash::after {
  width: 60px;
  height: 64px;
}
.Window.Busy.MatrixWindow .Buttons .ActionButton {
  pointer-events: none;
  cursor: default;
  background-color: var(--DisabledColor);
  color: var(--LightTextColor);
}
.Window.Busy.MatrixWindow .SidePanel {
  display: none !important;
}
.Window.Filter .WindowContent,
.Window.Actions .WindowContent,
.Window.CustomContent .WindowContent {
  border-radius: var(--BorderRadius);
  border: var(--BorderWidth) solid var(--BorderColor);
}
.Window.Filter .WindowContent .Content,
.Window.Actions .WindowContent .Content,
.Window.CustomContent .WindowContent .Content,
.Window.Filter .WindowContent .Buttons,
.Window.Actions .WindowContent .Buttons,
.Window.CustomContent .WindowContent .Buttons,
.Window.Filter .WindowContent .SelectAllRow,
.Window.Actions .WindowContent .SelectAllRow,
.Window.CustomContent .WindowContent .SelectAllRow {
  background-color: var(--LightBackgroundColor);
}
.Window.Filter .WindowContent {
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
.Window.Filter > .Buttons {
  padding: var(--ContextWindowPadding) var(--ButtonSpace) var(--ContextWindowPadding) 0;
}
.Window.Page.Docked:not(.Resizable),
.Window.CustomContent.Docked:not(.Resizable),
.Window.MatrixWindow.Docked:not(.Resizable) {
  width: fit-content;
  height: 100%;
  justify-self: center;
}
.Window.MatrixWindow {
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
.Window.MatrixWindow > .Draghandle,
.Window.MatrixWindow > .WindowContent > * {
  pointer-events: all;
}
.Window.MatrixWindow:not(:has(.Matrix)) > .WindowContent > .Title {
  display: none;
}
.Window.MatrixWindow > .WindowContent {
  max-height: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: var(--ActionButtonHorizontalPadding);
  grid-template-areas: "title title" "matrix matrix" "buttons pager";
}
.Window.MatrixWindow > .WindowContent > .Title {
  grid-area: title;
  border-style: solid;
  border-color: var(--BorderColor);
  border-width: var(--BorderWidth) var(--BorderWidth) 0 var(--BorderWidth);
}
.Window.MatrixWindow > .WindowContent > .Matrix {
  grid-area: matrix;
  border-style: none;
  border-radius: 0;
}
.Window.MatrixWindow > .WindowContent > .Matrix > .MatrixTable {
  width: 100%;
}
.Window.MatrixWindow > .WindowContent > .Matrix > .MatrixTable > thead > tr:first-child > th {
  border-top: solid var(--BorderColor) var(--BorderWidth);
}
.Window.MatrixWindow > .WindowContent > .Matrix > .MatrixTable > thead > tr > th:first-child,
.Window.MatrixWindow > .WindowContent > .Matrix > .MatrixTable > tbody > tr > td:first-child {
  border-left: solid var(--BorderColor) var(--BorderWidth);
}
.Window.MatrixWindow > .WindowContent > .Matrix > .MatrixTable > thead > tr > th:last-child,
.Window.MatrixWindow > .WindowContent > .Matrix > .MatrixTable > tbody > tr > td:last-child {
  border-right: solid var(--BorderColor) var(--BorderWidth);
}
.Window.MatrixWindow > .WindowContent > .Matrix > .MatrixTable > tbody > tr:last-child td {
  border-bottom: solid var(--BorderColor) var(--BorderWidth);
}
.Window.MatrixWindow > .WindowContent > .Buttons,
.Window.MatrixWindow > .WindowContent > .MatrixPager {
  padding: var(--ContentPadding) 0 0 0;
}
.Window.MatrixWindow > .WindowContent > .Buttons {
  grid-area: buttons;
  justify-content: start;
  width: fit-content;
}
.Window.MatrixWindow > .WindowContent > .MatrixPager {
  grid-area: pager;
  justify-self: center;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent {
  display: grid;
  grid-column-gap: var(--ContentPadding);
  grid-template-rows: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
  grid-template-columns: auto auto 1fr;
  grid-template-areas: "title        buttons     sidepanel" "matrix       buttons     sidepanel" "pager        buttons     sidepanel" "v-overflow   buttons     sidepanel" "vh-overflow  h-overflow  sidepanel";
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .Title {
  grid-area: title;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .Matrix {
  grid-area: matrix;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .Buttons {
  grid-area: buttons;
  flex-direction: column;
  justify-content: flex-start;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .Buttons button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 0 !important;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .Buttons .ToggleFilter {
  order: 1;
  font-size: 16px;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .Buttons .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;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .Buttons .ToggleFilter::after {
  content: "\ef29";
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .Buttons .Refresh {
  order: 2;
  font-size: 18px;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .Buttons .Refresh::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;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .Buttons .Refresh::after {
  content: "\efd1";
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .Buttons .Revert {
  order: 3;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .Buttons .MatrixAdd {
  order: 4;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .Buttons .Save {
  order: 5;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .Buttons .Delete {
  order: 6;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .Buttons .ToggleActions {
  order: 7;
  font-size: 20px;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .Buttons .ToggleActions::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;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .Buttons .ToggleActions::after {
  content: "\eea9";
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .MatrixPager {
  grid-area: pager;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .SidePanel {
  grid-area: sidepanel;
  display: flex;
  flex-direction: column;
  gap: var(--ContextPadding);
  pointer-events: none;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .SidePanel > * {
  pointer-events: all;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .SidePanel > .Filter,
.Window.MatrixWindow:not(.Docked) > .WindowContent > .SidePanel > .Actions {
  width: fit-content;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .SidePanel > .Filter.Collapsed,
.Window.MatrixWindow:not(.Docked) > .WindowContent > .SidePanel > .Actions.Collapsed {
  display: none;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .SidePanel > .Actions .Buttons {
  flex-direction: column;
}
.Window.MatrixWindow:not(.Docked) > .WindowContent > .SidePanel > .Actions .Buttons button {
  width: 100%;
  flex-basis: auto;
}
.Window.DialogWindow .WindowContent {
  display: grid;
  min-width: 300px;
  max-height: calc(100vh - (2 * var(--ContentPadding)));
  max-width: calc(100vw - (2 * var(--ContentPadding)));
  border: var(--BorderWidth) solid var(--BorderColor);
  border-radius: var(--BorderRadius);
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "title" "content" "buttons";
}
.Window.DialogWindow .WindowContent > .Title {
  grid-area: title;
}
.Window.DialogWindow .WindowContent > .Content,
.Window.DialogWindow .WindowContent > .Buttons {
  background-color: var(--QuinaryColor);
}
.Window.DialogWindow .WindowContent > .Content {
  grid-area: content;
  padding: calc(2 * var(--ContentPadding));
}
.Window.DialogWindow .WindowContent > .Message {
  white-space: pre-wrap;
}
.Window.DialogWindow .WindowContent > .Template {
  padding: var(--ContentPadding);
}
.Window.DialogWindow .WindowContent > .Html {
  display: flex;
  max-height: calc( 95vh - (2 * var(--BorderWidth)) - var(--HeaderHeight) - ((2 * var(--ActionButtonVerticalPadding)) + var(--ActionButtonLineHeight)) );
  max-width: 95vw;
  overflow: auto;
}
.Window.DialogWindow .WindowContent > .Buttons {
  grid-area: buttons;
  display: flex;
  align-content: end;
}
.Window.DialogWindow:not(.ErrorDialog):not(.MessageDialog):not(.ConfirmDialog):not(.ChoiceDialog) .WindowContent > .Buttons {
  border-top: solid var(--BorderColor) var(--BorderWidth);
}
.Window.DialogWindow.ViewConfigPopup legend {
  margin-left: var(--ContentPadding);
}
.Window.DialogWindow.ViewConfigPopup dl {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: var(--ContentPadding);
  margin: var(--ContentPadding);
}
.Window.DialogWindow.ViewConfigPopup dl dt,
.Window.DialogWindow.ViewConfigPopup dl dd {
  display: flex;
  align-items: center;
}
.Window.CustomContent > .WindowContent > .Content {
  max-height: calc( 95vh - (2 * var(--BorderWidth)) - var(--HeaderHeight) );
  overflow: auto;
  padding: var(--ContentPadding);
}
.Window.HyperLinkPopup > .WindowContent > .Content {
  padding: 0;
}
.Window.HyperLinkPopup > .WindowContent > .Content .Links {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--ContentPadding);
  padding: var(--ContentPadding);
}
.Window.HyperLinkPopup > .WindowContent > .Content .Links .LinkInput {
  padding: var(--MatrixInputVerticalPadding) var(--MatrixInputHorizontalPadding) !important;
  border: var(--BorderWidth) solid var(--BorderColor) !important;
  background-color: var(--LightBackgroundColor) !important;
  min-width: 450px;
}
.Window.HyperLinkPopup > .WindowContent > .Content .Links .LinkInput.HasErrors {
  background-color: var(--AttentionColor) !important;
}
.Window.HyperLinkPopup > .WindowContent > .Content .Links .DeleteLink::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;
}
.Window.HyperLinkPopup > .WindowContent > .Content .Links .DeleteLink::after {
  content: "\ef00";
}
.Window.HyperLinkPopup > .WindowContent > .Content .Links .DeleteLink::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;
}
.Window.HyperLinkPopup > .WindowContent > .Content .Links .DeleteLink::after {
  content: "\ec53";
}
.Window.HyperLinkPopup > .WindowContent > .Content .Links .AddLink {
  display: grid;
  height: calc(2 * var(--ActionButtonHorizontalPadding) + 0.5em);
  justify-items: center;
  align-items: center;
}
.Window.HyperLinkPopup > .WindowContent > .Content .Links .AddLink::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;
}
.Window.HyperLinkPopup > .WindowContent > .Content .Links .AddLink::after {
  content: "\efc2";
}
.Window.HyperLinkPopup > .WindowContent > .Content .Links .AddLink::after {
  font-size: 10px;
}
.Window.HyperLinkPopup > .WindowContent > .Content .Links .DeleteLink,
.Window.HyperLinkPopup > .WindowContent > .Content .Links .AddLink {
  width: var(--MatrixButtonSize);
  height: var(--MatrixButtonSize);
  padding: 0;
}
.WindowContent > .Title {
  padding: 0 4px;
  min-height: var(--HeaderHeight);
  height: var(--HeaderHeight);
  max-height: var(--HeaderHeight);
  background-color: var(--HeaderBackgroundLegacyColor);
  color: var(--HeaderLegacyColor);
  min-height: calc(var(--HeaderHeight) + 1px);
  height: calc(var(--HeaderHeight) + 1px);
  max-height: calc(var(--HeaderHeight) + 1px);
  display: grid;
  grid-template-areas: "title dirty filtercount popout close";
  grid-template-columns: auto auto 1fr auto auto;
  gap: var(--ContentPadding);
  align-content: center;
}
.WindowContent > .Title .TitleText,
.WindowContent > .Title .FilterCount {
  display: flex;
  align-items: center;
}
.WindowContent > .Title .TitleText {
  grid-area: title;
}
.WindowContent > .Title .FilterCount {
  grid-area: filtercount;
  font-size: var(--SmallFontSize);
}
.WindowContent > .Title .Dirty {
  grid-area: dirty;
  color: var(--WarningColor);
  display: flex;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 17px;
}
.WindowContent > .Title .Dirty::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;
}
.WindowContent > .Title .Dirty::after {
  content: "\ef1b";
}
.WindowContent > .Title .Close {
  grid-area: close;
  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);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  background-color: transparent;
  border-style: none;
  padding: 0;
  width: 22px;
  height: 22px;
}
.WindowContent > .Title .Close:hover,
.WindowContent > .Title .Close.Active {
  background-color: var(--SecondaryColor) !important;
  color: var(--PrimaryColor) !important;
}
.WindowContent > .Title .Close:disabled {
  cursor: default;
  background-color: var(--DisabledColor);
  color: var(--LightTextColor);
}
.WindowContent > .Title .Close.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;
}
.WindowContent > .Title .Close.Revert::after {
  content: "\ee0b";
}
.WindowContent > .Title .Close.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;
}
.WindowContent > .Title .Close.Save::after {
  content: "\ee00";
}
.WindowContent > .Title .Close.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;
}
.WindowContent > .Title .Close.Delete::after {
  content: "\ef00";
}
.WindowContent > .Title .Close.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;
}
.WindowContent > .Title .Close.Delete::after {
  content: "\ec53";
}
.WindowContent > .Title .Close:hover {
  color: var(--LightTextColor) !important;
  background-color: var(--AttentionColor) !important;
}
.WindowContent > .Title .Close::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;
}
.WindowContent > .Title .Close::after {
  content: "\ec4f";
}
.WindowContent > .Title .PopOut {
  grid-area: popout;
  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);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  background-color: transparent;
  border-style: none;
  padding: 0;
  width: 22px;
  height: 22px;
}
.WindowContent > .Title .PopOut:hover,
.WindowContent > .Title .PopOut.Active {
  background-color: var(--SecondaryColor) !important;
  color: var(--PrimaryColor) !important;
}
.WindowContent > .Title .PopOut:disabled {
  cursor: default;
  background-color: var(--DisabledColor);
  color: var(--LightTextColor);
}
.WindowContent > .Title .PopOut.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;
}
.WindowContent > .Title .PopOut.Revert::after {
  content: "\ee0b";
}
.WindowContent > .Title .PopOut.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;
}
.WindowContent > .Title .PopOut.Save::after {
  content: "\ee00";
}
.WindowContent > .Title .PopOut.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;
}
.WindowContent > .Title .PopOut.Delete::after {
  content: "\ef00";
}
.WindowContent > .Title .PopOut.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;
}
.WindowContent > .Title .PopOut.Delete::after {
  content: "\ec53";
}
.WindowContent > .Title .PopOut:hover {
  color: var(--LightTextColor) !important;
  background-color: var(--AttentionColor) !important;
}
.WindowContent > .Title .PopOut::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;
}
.WindowContent > .Title .PopOut::after {
  content: "\ef1f";
}
.WindowContent .Content {
  overflow-y: auto;
}
.WindowContent .Buttons {
  padding: var(--ContextWindowPadding);
}
.ui-draggable-handle {
  cursor: move;
}
.ui-resizable-handle {
  z-index: auto !important;
}
.ui-resizable-nw,
.Draghandle.NW {
  grid-area: handle-top-left;
  cursor: nw-resize;
}
.ui-resizable-n,
.Draghandle.N {
  grid-area: handle-top;
  cursor: n-resize;
}
.ui-resizable-ne,
.Draghandle.NE {
  grid-area: handle-top-right;
  cursor: ne-resize;
}
.ui-resizable-w,
.Draghandle.W {
  grid-area: handle-left;
  cursor: w-resize;
}
.ui-resizable-e,
.Draghandle.E {
  grid-area: handle-right;
  cursor: e-resize;
}
.ui-resizable-sw,
.Draghandle.SW {
  grid-area: handle-bottom-left;
  cursor: sw-resize;
}
.ui-resizable-s,
.Draghandle.S {
  grid-area: handle-bottom;
  cursor: s-resize;
}
.ui-resizable-se,
.Draghandle.SE {
  grid-area: handle-bottom-right;
  cursor: se-resize;
}
.ModalBackground {
  content: ' ';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--ModalBackgroundColor);
}