.©Actionbar {
  /* min width for showing at least the menubutton when in a flex panel */
  min-width: 50px;
  border-bottom: 1px solid;
  display: flex;
  justify-content: flex-end;
}

html {
  height: 100%;
}
body {
  overflow: hidden;
  height: 100%;
  display: flex;
  font-size: 14px;
  flex-direction: column;
  text-rendering: geometricPrecision;
  --scrollbarWidth: 14px;
}
input,
select,
textarea {
  color: black;
}
.mobile {
  overflow-y: auto;
}
div.fake-scroll {
  visibility: hidden;
}
div.fake-scroll.x {
  overflow-x: scroll;
}
div.fake-scroll.y {
  overflow-y: scroll;
}
div,
span,
body {
  scrollbar-color: transparent transparent;
}
div::-webkit-scrollbar,
span::-webkit-scrollbar,
body::-webkit-scrollbar,
div::-webkit-scrollbar-track,
span::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
div::-webkit-scrollbar-corner,
span::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
div::-webkit-scrollbar-thumb,
span::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background: transparent;
  visibility: hidden;
}
div:hover,
span:hover,
body:hover,
div.scrollbar,
span.scrollbar,
body.scrollbar,
div.fake-scroll,
span.fake-scroll,
body.fake-scroll {
  scrollbar-color: var(--scrollbarThumb) var(--scrollbarTrack);
}
div:hover::-webkit-scrollbar,
span:hover::-webkit-scrollbar,
body:hover::-webkit-scrollbar,
div.scrollbar::-webkit-scrollbar,
span.scrollbar::-webkit-scrollbar,
body.scrollbar::-webkit-scrollbar,
div.fake-scroll::-webkit-scrollbar,
span.fake-scroll::-webkit-scrollbar,
body.fake-scroll::-webkit-scrollbar,
div:hover::-webkit-scrollbar-track,
span:hover::-webkit-scrollbar-track,
body:hover::-webkit-scrollbar-track,
div.scrollbar::-webkit-scrollbar-track,
span.scrollbar::-webkit-scrollbar-track,
body.scrollbar::-webkit-scrollbar-track,
div.fake-scroll::-webkit-scrollbar-track,
span.fake-scroll::-webkit-scrollbar-track,
body.fake-scroll::-webkit-scrollbar-track,
div:hover::-webkit-scrollbar-corner,
span:hover::-webkit-scrollbar-corner,
body:hover::-webkit-scrollbar-corner,
div.scrollbar::-webkit-scrollbar-corner,
span.scrollbar::-webkit-scrollbar-corner,
body.scrollbar::-webkit-scrollbar-corner,
div.fake-scroll::-webkit-scrollbar-corner,
span.fake-scroll::-webkit-scrollbar-corner,
body.fake-scroll::-webkit-scrollbar-corner,
div:hover::-webkit-scrollbar-thumb,
span:hover::-webkit-scrollbar-thumb,
body:hover::-webkit-scrollbar-thumb,
div.scrollbar::-webkit-scrollbar-thumb,
span.scrollbar::-webkit-scrollbar-thumb,
body.scrollbar::-webkit-scrollbar-thumb,
div.fake-scroll::-webkit-scrollbar-thumb,
span.fake-scroll::-webkit-scrollbar-thumb,
body.fake-scroll::-webkit-scrollbar-thumb {
  visibility: visible;
}
div:hover ::-webkit-scrollbar-track,
span:hover ::-webkit-scrollbar-track,
body:hover ::-webkit-scrollbar-track,
div.scrollbar ::-webkit-scrollbar-track,
span.scrollbar ::-webkit-scrollbar-track,
body.scrollbar ::-webkit-scrollbar-track,
div.fake-scroll ::-webkit-scrollbar-track,
span.fake-scroll ::-webkit-scrollbar-track,
body.fake-scroll ::-webkit-scrollbar-track {
  background: var(--scrollbarTrack);
}
div:hover ::-webkit-scrollbar-corner,
span:hover ::-webkit-scrollbar-corner,
body:hover ::-webkit-scrollbar-corner,
div.scrollbar ::-webkit-scrollbar-corner,
span.scrollbar ::-webkit-scrollbar-corner,
body.scrollbar ::-webkit-scrollbar-corner,
div.fake-scroll ::-webkit-scrollbar-corner,
span.fake-scroll ::-webkit-scrollbar-corner,
body.fake-scroll ::-webkit-scrollbar-corner,
div:hover ::-webkit-scrollbar-thumb,
span:hover ::-webkit-scrollbar-thumb,
body:hover ::-webkit-scrollbar-thumb,
div.scrollbar ::-webkit-scrollbar-thumb,
span.scrollbar ::-webkit-scrollbar-thumb,
body.scrollbar ::-webkit-scrollbar-thumb,
div.fake-scroll ::-webkit-scrollbar-thumb,
span.fake-scroll ::-webkit-scrollbar-thumb,
body.fake-scroll ::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background: var(--scrollbarThumb);
}
.©Application {
  height: 100%;
  width: 100%;
}
.©Application > .main-layout {
  margin-top: 50px;
}
.©Application.no-topbar > .main-layout {
  margin: 0;
}
.©Application.no-topbar > .©TopBar {
  display: none;
}
.©Application > .©TopBar {
  position: absolute;
  top: 0;
  height: 50px;
  width: 100%;
}
.©Application > .©TopBar > .©Panel > .©Actionbar > .©-button {
  height: 100%;
}
.©Application > .©TopBar > .©Panel > .©Actionbar > .©-button:hover {
  color: var(--applicationFontColor);
}
.©Application > .©TopBar .network-state {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 100%;
  line-height: 50px;
}
.©Application > .©TopBar .network-state > .state-ball {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
  color: white;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.©Application > .©TopBar .network-state > .state-ball.text-small {
  font-size: 10px;
}
.©Application > .©TopBar .network-state > .state-ball.state-connected {
  background-color: var(--successColor);
}
.©Application > .©TopBar .network-state > .state-ball.state-disconnected {
  background-color: var(--errorColor);
}
.©Application > .©TopBar .network-state > .state-ball.state-pending {
  background-color: var(--pendingColor);
}
.©Application > .©TopBar .btn {
  margin: 10px;
}
.©Application > .©TopBar .ff-logo,
.©Application > .©TopBar .AppTitle {
  align-self: center;
}
.©Application > .©TopBar .ff-logo {
  background-attachment: local;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 5px;
  width: 95px;
  height: 40px;
}
.©Application > .©TopBar .AppTitle {
  padding: 0 10px;
  font-size: 30px;
  font-weight: bold;
}
.©Application > .©TopBar .©Panel[name="panInfo"] {
  justify-content: center;
  align-items: flex-end;
}
.©Application > .©TopBar .©Panel[name="panInfo"] > .©Label {
  padding: 2px;
}
.©Application > .©TopBar .©Panel[name="panInfo"] .©Label[name="lblMemory"] {
  font-size: small;
  opacity: 0.4;
}
.©Application > .©TopBar .top-bar-bottom-element {
  width: 100%;
}
.login {
  background-color: transparent;
}
a {
  color: inherit;
}
.©Application {
  background-color: var(--applicationBackgroundColor);
  color: var(--applicationFontColor);
}
.©Application .disabled {
  pointer-events: none;
}
.©Application.designer .disabled {
  pointer-events: unset;
}

.©-button {
  outline: none;
  padding: 8px 14px;
  font-weight: bold;
  margin: 5px;
  display: inline-block;
  font-size: 1em;
  text-align: center;
  text-overflow: ellipsis;
  transition: opacity 0.2s;
  background-color: var(--buttonBackground);
  border: none;
  color: var(--buttonFontColor);
  border-color: var(--buttonBorder);
}
.©-button.invisible.©-designing {
  display: inherit !important;
  opacity: 0.2;
}
.©-button:focus {
  opacity: 0.7;
}
.©-button:hover:not(.disabled) {
  cursor: pointer;
}
.©-button.text,
.©-button.flat {
  background-color: inherit;
  margin: 2px;
}
.©-button.text:hover,
.©-button.flat:hover,
.©-button.text:focus,
.©-button.flat:focus {
  background-color: rgba(126, 126, 126, 0.4);
}
.©-button.text:active,
.©-button.flat:active {
  background-color: rgba(126, 126, 126, 0.6);
}
.©-button.outlined {
  background-color: transparent;
  border: 1px solid var(--borderColor);
}
.©-button.outlined:hover {
  background: rgba(126, 126, 126, 0.4);
}
.©-button.outlined:active {
  color: var(--applicationFontColor);
  background-color: rgba(126, 126, 126, 0.6);
}
.©-button.small {
  font-size: 0.8em;
}
.©-button.medium {
  font-size: 1em;
}
.©-button.large {
  font-size: 1.5em;
}
.©-button.block {
  display: block;
}
.©-button.disabled {
  cursor: default;
  opacity: 0.5;
  box-shadow: none;
}
.©-button.disabled a {
  cursor: default;
}
.©-button > .iconSpan {
  margin: 0 3px;
}
.©-button > span a,
.©-button > span i {
  text-align: center;
}
.©-button.error {
  background-color: var(--errorColor);
}
.©-button.warning {
  background-color: var(--warningColor);
}
.©-button.info {
  background-color: var(--infoColor);
}
.©-button:hover:not(.disabled) {
  opacity: 0.9;
}
.©-button:active:not(.disabled) {
  opacity: 0.8;
}
.©-button.highlight {
  background-color: var(--accentColorHighlight);
  color: var(--accentFontColor);
}
.©-button.highlight:focus {
  background-color: var(--accentColorSecond);
}
.©-button.text,
.©-button.flat,
.©-button.outlined {
  color: var(--applicationFontColor);
}
.©-button.success {
  background: var(--succesColor);
}
.©-button.contained {
  box-shadow: 0 2px 2px #1e1e3e;
}
.©LinkButton {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.©ButtonBar,
.©DbButtonBar,
.©Actionbar {
  width: auto;
  align-items: center;
  white-space: nowrap;
  vertical-align: middle;
}
.©ButtonBar.hiddenDisabled,
.©DbButtonBar.hiddenDisabled,
.©Actionbar.hiddenDisabled {
  display: inherit;
}
.©ButtonBar.hiddenDisabled > .©-button,
.©DbButtonBar.hiddenDisabled > .©-button,
.©Actionbar.hiddenDisabled > .©-button {
  display: none;
}
.©ButtonBar.connected > .©-button,
.©DbButtonBar.connected > .©-button,
.©Actionbar.connected > .©-button {
  box-shadow: none;
  border-radius: 0;
  margin: 0;
}
.©ButtonBar.connected > .©-button.contained,
.©DbButtonBar.connected > .©-button.contained,
.©Actionbar.connected > .©-button.contained {
  border: 1px solid transparent;
}
.©ButtonBar.connected > .©-button.first-child,
.©DbButtonBar.connected > .©-button.first-child,
.©Actionbar.connected > .©-button.first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.©ButtonBar.connected > .©-button.last-child,
.©DbButtonBar.connected > .©-button.last-child,
.©Actionbar.connected > .©-button.last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.©DbButtonBarbutton.©-button.©-designing.invisible {
  display: none !important;
}

.©Calendar > .©Panel.cal-header > .©-button {
  padding: 8px;
  margin: 8px;
}
.©Calendar > .©Panel.cal-client .cal-col {
  border-left: 1px solid transparent;
}
.©Calendar > .©Panel.cal-client .cal-col.sun.hide {
  display: none;
}
.©Calendar > .©Panel.cal-client .cal-col.sat.hide {
  display: none;
}
.©Calendar.©-drop-target:before {
  content: none;
}
.cal-month-day {
  position: relative;
  border-top: 1px solid transparent;
  flex: 1;
  flex-direction: column;
  display: flex;
}
.cal-month-header {
  text-align: center;
  line-height: 20px;
  max-height: 20px;
}
.cal-month-client {
  display: flex;
  flex-direction: column;
}
.cal-entry {
  white-space: nowrap;
  padding-top: 2px;
  min-height: 18px;
}
.cal-month-entries {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.cal-month-entry-header {
  text-align: center;
  min-height: 18px;
}
.cal-month-entry-header.outside {
  opacity: 0.4;
}
.cal-ball {
  border-radius: 8px;
  margin-left: 2px;
  margin-right: 5px;
  display: inline-block;
  border: 4px solid white;
}
.cal-ball.open {
  width: 8px;
  height: 8px;
  border-width: 1px;
}
.cal-entry-fullday {
  font-size: smaller;
}
.cal-entry-fullday:hover {
  background-color: darkkhaki;
}
.©-datetime-picker {
  min-width: 200px;
  background: var(--applicationBackgroundColor);
  border: 1px solid var(--borderColor);
  box-shadow: 0 0 1px 1px var(--shadowColor);
}
.©-datetime-picker > .minical-header {
  height: 20px;
  flex: 1;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--borderColor);
  color: var(--applicationFontColor);
}
.©-datetime-picker > .minical-header > .minical-header-date {
  text-align: left;
}
.©-datetime-picker > .minical-header > .minical-header-date:hover {
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.©-datetime-picker > .minical-header > .minical-header-date.minical-header-month {
  padding: 0 5px;
}
.©-datetime-picker > .minical-header > .©-minical-butbar {
  margin-left: auto;
  height: 100%;
}
.©-datetime-picker > .minical-header > .©-minical-butbar > .©-button.text {
  height: 100%;
  margin: 0;
  padding: 0;
  flex: 0;
}
.©-datetime-picker > .minical-header > .©-minical-butbar > .©-button.text:hover {
  color: var(--applicationFontColor);
  background-color: rgba(0, 0, 0, 0.2);
}
.©-datetime-picker > .minical-header > .©-minical-butbar > .©-button.text.fa-double-angle-left::before {
  content: "\f104\f104";
}
.©-datetime-picker > .minical-header > .©-minical-butbar > .©-button.text.fa-double-angle-right::before {
  content: "\f105\f105";
}
.©-datetime-picker > .minical-content {
  border-bottom: 1px solid var(--borderColor);
  display: flex;
  font-size: 14px;
  flex: 1;
}
.©-datetime-picker > .minical-content > .minical-col {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.©-datetime-picker > .minical-content > .minical-col > .minical-cell {
  display: flex;
  justify-content: center;
}
.©-datetime-picker > .minical-content > .minical-col > .minical-cell.minical-week {
  border-right: 1px solid var(--borderColor);
}
.©-datetime-picker > .minical-content > .minical-col > .minical-cell > span {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.©-datetime-picker > .minical-content > .minical-col > .minical-cell > span.outside {
  opacity: 0.3;
}
.©-datetime-picker > .minical-content > .minical-col > .minical-cell > span.minical-monthday {
  border-radius: 10px;
  color: black;
  cursor: pointer;
}
.©-datetime-picker > .minical-content > .minical-col > .minical-cell > span.minical-monthday:hover {
  background: rgba(0, 0, 0, 0.45);
  color: var(--applicationFontColor);
}
.©-datetime-picker > .minical-content > .minical-col > .minical-cell > span.minical-monthday.selected {
  background: var(--accentColorHighlight);
}
.©-datetime-picker > .minical-content > .minical-col > .minical-cell > span.minical-monthday.today {
  background: var(--accentColorThird);
}
.©-datetime-picker > .minical-content > .minical-col > .minical-cell > span.minical-monthday.today.selected {
  background: var(--accentColorSecond);
}
.©-datetime-picker > .minical-content > .minical-col > .minical-cell > span.minical-weekno {
  color: var(--accentColorHighlight);
}
.©-datetime-picker > .minical-content > .minical-col > .minical-cell > span.minical-weekday {
  color: var(--accentColorHighlight);
}
.©-VirtualGrid.©-minical-dateselect {
  position: absolute;
  min-width: 95px;
  max-width: 95px;
  background: var(--applicationBackgroundColor);
  box-shadow: 0 0 1px 1px var(--shadowColor);
}
.©-VirtualGrid.©-minical-dateselect .vt-node {
  cursor: pointer;
}
.©DateTimePicker {
  position: absolute;
}
.©DateTimePicker .minical-bottom .©Input {
  max-width: 60px;
}
.©DateTimePicker .minical-bottom .©Input > .©-input {
  text-align: center;
}

.©MenuViewer.configcontextmenu ul li a {
  display: flex;
}
.©MenuViewer.configcontextmenu ul li a span {
  flex: 1;
  text-overflow: ellipsis;
}
.©MenuViewer.configcontextmenu ul li a span ~ span {
  flex-basis: auto;
  margin: auto;
}
.©MenuViewer.configcontextmenu ul li a .renameBtn {
  flex: 0 0 auto;
  padding-left: 8px;
}
.©MenuViewer.configcontextmenu li.hideBtns a .fa {
  display: none;
}

.©-filtercontrol-add:hover {
  color: var(--hoverColor);
}

.©Component {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-color: grey;
  z-index: 5;
}
.©Component:hover {
  border: 1px solid green;
  background-color: aquamarine;
}

.vt-nodes .vt-node .cell.comp-tree-name i.fa {
  width: 16px;
  height: 16px;
}
.vt-nodes .vt-node .cell.comp-tree-name span {
  margin-left: 7px;
}
.vt-nodes .vt-node .cell.comp-tree-class img {
  width: 16px;
  height: 16px;
}
.vt-nodes .vt-node .cell.comp-tree-class span {
  margin-left: 7px;
}

.©-flex {
  display: flex;
}
.©-flex.rows {
  flex-direction: row;
}
.©-flex.columns {
  flex-direction: column;
}
.©-flex.flexchilds > .flex-sizing {
  flex: 1;
}
.©-flex > .align-self-baseline {
  align-self: baseline;
}
.©-flex > .align-self-center {
  align-self: center;
}
.©-flex > .align-self-flex-start {
  align-self: flex-start;
}
.©-flex > .align-self-flex-end {
  align-self: flex-end;
}
.©-flex > .align-self-stretch {
  align-self: stretch;
}
.©-flex.align-items-baseline {
  align-items: baseline;
}
.©-flex.align-items-center {
  align-items: center;
}
.©-flex.align-items-flex-end {
  align-items: flex-end;
}
.©-flex.align-items-flex-start {
  align-items: flex-start;
}
.©-flex.align-content-center {
  align-content: center;
}
.©-flex.align-content-flex-end {
  align-content: flex-end;
}
.©-flex.align-content-flex-start {
  align-content: flex-start;
}
.©-flex.align-content-space-around {
  align-content: space-around;
}
.©-flex.align-content-space-between {
  align-content: space-between;
}
.©-flex.justify-content-center {
  justify-content: center;
}
.©-flex.justify-content-flex-end {
  justify-content: flex-end;
}
.©-flex.justify-content-space-around {
  justify-content: space-around;
}
.©-flex.justify-content-space-between {
  justify-content: space-between;
}
.©-flex.justify-content-space-evenly {
  justify-content: space-evenly;
}
.©-flex.flex-wrap-wrap {
  flex-wrap: wrap;
}
.©-flex.flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.no-flex-sizing {
  flex-grow: 0;
  flex-shrink: 0;
}
.©-contextmenu {
  position: absolute;
  min-width: 100px;
  max-width: 350px;
  z-index: 999;
  top: -5px;
  border-radius: 2px;
  background-color: var(--applicationBackgroundColor);
  box-shadow: 0 0 1px 1px var(--shadowColor);
}
.©-contextmenu .©MenuItem > a {
  color: var(--applicationFontColor);
}
.©-contextmenu .©MenuItem > a:hover {
  background-color: var(--accentColorHighlight);
}
.©-contextmenu .©MenuItem:active {
  background-color: black;
}
.©FrameX {
  background-color: blue;
  position: absolute;
  width: 200px;
  height: 200px;
}
.©Draggable {
  position: absolute;
}
.©DbGrid {
  color: black;
}
.©DbGrid .slick-headerrow-column.ui-state-default {
  padding: 0;
}
.©DbGrid .slick-headerrow-column input {
  margin: 1;
  padding: 0px;
  border: 1px solid silver;
  width: 100%;
  height: 25px;
}
.©DbGrid input:hover,
.©DbGrid input:focus {
  border: 1px solid #c4ac5c;
}
.©DbGrid input.dark {
  border: 1px solid #666666;
  color: #eeeeee;
  background: #333333;
}
.©DbGrid input.dark:hover,
.©DbGrid input.dark:focus {
  border: 1px solid rgba(55, 80, 141, 0.68);
}
.©Div {
  overflow: hidden;
}
.©Div.rows {
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.©Div.columns {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.©Div.flex {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.©Div.flexgrow {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
.©Div.full {
  height: 100%;
  width: 100%;
}
.©InputForm .©Panel {
  flex-grow: 1;
  margin: 4px;
}
.©InputForm .©Panel > .block :nth-child(1) {
  width: 100px;
}
.©InputForm .©Panel > .block :nth-child(2) {
  flex-grow: 1;
}
.©InputForm .caption {
  display: block;
  width: 100%;
  height: 25px;
  line-height: 25px;
  padding-left: 5px;
}
.©InputForm .block {
  display: flex;
  margin: 4px;
}
.©InputForm input:disabled {
  background-color: white;
}
.©InputForm.vertical {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.©InputForm.horizontal {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.©InputForm .©Label {
  font: 13px Arial, Helvetica, sans-serif;
  color: #888;
}
.©InputForm .©DbInput {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.33);
  border: 2px solid #fff;
}
.©ctrl.hiddenDisabled {
  display: none;
}
.©Panel.©-designing .©ctrl.hiddenDisabled.disabled {
  display: initial;
  background: repeating-linear-gradient(45deg, rgba(96, 109, 188, 0.3), rgba(96, 109, 188, 0.3) 10px, rgba(70, 82, 152, 0.3) 10px, rgba(70, 82, 152, 0.3) 20px);
  opacity: 0.5;
}
.©Panel.©-designing .©ctrl.invisible:not(.IGmessage) {
  display: initial !important;
  background: repeating-linear-gradient(45deg, rgba(96, 109, 188, 0.3), rgba(96, 109, 188, 0.3) 10px, rgba(70, 82, 152, 0.3) 10px, rgba(70, 82, 152, 0.3) 20px);
  opacity: 0.5;
}
.©WinForm.©-designing .©Panel.flex-sizing.flexchilds.full > .©Panel.flexchilds.flex-sizing > .©Panel.©-designing.flex-sizing:empty {
  background: initial !important;
  height: initial !important;
  width: initial !important;
  opacity: initial !important;
}
.©WinForm.©-designing .©Panel.©-designing.flex-sizing.columns:not(.full) > .©Panel.©-designing:empty {
  background: repeating-linear-gradient(45deg, #db994d, #db994d 10px, #996746 10px, #996746 20px);
  height: 25px;
  opacity: 0.5;
}
.©WinForm.©-designing .©Panel.©-designing.flex-sizing.rows:not(.full) > .©Panel.©-designing:empty {
  background: repeating-linear-gradient(45deg, #db994d, #db994d 10px, #996746 10px, #996746 20px);
  width: 25px;
  opacity: 0.5;
}
.©WinForm.©-designing .©Panel.©-designing.flex-sizing:not(.rows):not(.columns):not(.full) > .©Panel.flex-sizing.©-designing:empty {
  background: repeating-linear-gradient(45deg, #db994d, #db994d 10px, #996746 10px, #996746 20px);
  width: 50px;
  height: 50px;
  opacity: 0.5;
}
body.hoverhelper .©Panel.©-designing:hover {
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.9);
  background-color: rgba(255, 255, 255, 0.1);
  transition-duration: 0.1s;
  transition-delay: 0.1s;
  transition-property: background-color, box-shadow;
}
body.hoverhelper .©Panel.©-designing {
  transition-duration: 0.1s;
  transition-delay: 0.1s;
  transition-property: background-color, box-shadow;
}
.LFbuttons {
  padding: 0 15px;
}
.©CheckBox {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}
.©CheckBox input[type="checkbox"] {
  display: none;
}
.©CheckBox .cbElement.checkbox {
  width: 14px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
}
.©CheckBox .cbElement.checkbox.checked::before {
  content: "\f046";
}
.©CheckBox .cbElement.checkbox.unchecked::before {
  content: "\f096";
}
.©CheckBox .cbElement.checkbox.indeterminate::before {
  content: "\f147";
}
.©CheckBox .cbElement.toggle {
  display: inline-block;
  transition: 0.25s 0.09s;
  cursor: pointer;
  max-width: 40px;
  width: 40px;
  height: 23px;
  border-radius: 12.5px;
  transition: 0.2s;
  background: var(--toggleSwitchBackgroundOff);
  border: 1px solid var(--toggleSwitchBorder);
  position: relative;
}
.©CheckBox .cbElement.toggle::after {
  content: "";
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.4);
  transition: 0.2s;
  border-radius: 8.5px;
  width: 17px;
  height: 17px;
  background: var(--toggleSwitchSlider);
  position: absolute;
  left: 2px;
  top: 3px;
}
.©CheckBox .cbElement.toggle.checked {
  background: var(--toggleSwitchBackgroundOn);
}
.©CheckBox .cbElement.toggle.checked::after {
  left: 19px;
}
.©CheckBox .cbElement.toggle.indeterminate {
  background: var(--toggleSwitchBackgroundUnknown);
}
.©CheckBox .cbElement.toggle.indeterminate::after {
  left: 11px;
}
.©CheckBox .checkbox {
  margin-left: 5px;
  user-select: none;
}
.lookupGrid {
  max-height: 200px;
}
.lookupGrid .row {
  min-width: 100%;
}
.lookupGrid .row .col:last-child {
  border: none;
}
.lookupGrid .header {
  display: none;
}
.©CoolClock {
  flex: 0 0 auto !important;
}
.©ctrl.©-justify-content-flex-start {
  justify-content: flex-start;
}
.©ctrl.©-justify-content-flex-end {
  justify-content: flex-end;
}
.©ctrl.©-justify-content-center {
  justify-content: center;
}
.©ctrl.©-justify-content-space-between {
  justify-content: space-between;
}
.©ctrl.©-justify-content-space-around {
  justify-content: space-around;
}
.©ctrl.©-justify-content-space-evenly {
  justify-content: space-evenly;
}
.©SingleCol,
.©MultiCol {
  overflow: auto;
}
.©RadioButton {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.©RadioButton > .input-radio {
  padding: 0 5px;
  color: var(--applicationFontColor);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font: normal normal normal 14px/1 FontAwesome;
}
.©RadioButton > .input-radio::after {
  content: "\f10c";
}
.©RadioButton > .input-radio:checked::after {
  content: "\f192";
}
.©-tooltip {
  position: absolute;
  overflow: visible;
}
.©-tooltip.type-error .tooltip-arrow {
  border-bottom-color: var(--errorColor);
}
.©-tooltip.type-error .tooltip-content {
  border-color: var(--errorColor);
}
.©-tooltip.type-error .tooltip-content > .tooltip-icon {
  color: var(--errorColor);
}
.©-tooltip.type-warning .tooltip-arrow {
  border-bottom-color: var(--warningColor);
}
.©-tooltip.type-warning .tooltip-content {
  border-color: var(--warningColor);
}
.©-tooltip.type-warning .tooltip-content > .tooltip-icon {
  color: var(--warningColor);
}
.©-tooltip.type-info .tooltip-arrow {
  border-bottom-color: var(--infoColor);
}
.©-tooltip.type-info .tooltip-content {
  border-color: var(--infoColor);
}
.©-tooltip.type-info .tooltip-content > .tooltip-icon {
  color: var(--infoColor);
}
.©-tooltip .tooltip-arrow {
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid var(--borderColor);
}
.©-tooltip .tooltip-content {
  box-shadow: 2px 2px 2px 0px var(--shadowColor);
  background-color: var(--applicationBackgroundColor);
  color: var(--applicationFontColor);
  border: 1px solid var(--borderColor);
  border-radius: 5px;
  padding: 5px;
}
.html-input {
  color: var(--applicationFontColor);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: auto;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  position: relative;
  border: none;
  min-width: 15px;
}
.html-input[type="radio"]::after {
  content: "\f10c";
}
.html-input[type="radio"]:checked::after {
  content: "\f192";
}
.html-input[type="checkbox"]::after {
  content: "\f096";
}
.html-input[type="checkbox"]:checked::after {
  content: "\f14a";
}
.html-input[type="checkbox"]:indeterminate::after {
  content: "\f147";
}

.©DataEntryPanel .©DataEntrySet {
  position: relative;
}
.©DataEntryPanel .©DataEntrySet.collapsed {
  flex: 0 0 auto;
}
.©DataEntryPanel .©DataEntrySet.collapsed > .linewrapper {
  max-height: 0;
}
.©DataEntryPanel .©DataEntrySet > .linewrapper {
  flex: 1;
  overflow-y: auto;
  position: relative;
}
.©DataEntryPanel .©DataEntrySet > .linewrapper .©DataEntryLine {
  min-height: 20px;
  flex-shrink: 0;
  margin: 3px 0;
}
.©DataEntryPanel .©DataEntrySet:not(.hasSets) {
  padding: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 0;
  border-radius: 5px;
}
.©DataEntryPanel .©DataEntrySet .set-header {
  border-bottom: 1px solid;
  border-color: var(--accentColorHighlight);
  align-items: center;
}
.©DataEntryPanel .©DataEntrySet .set-header > .set-title {
  margin: 5px 0;
  z-index: 1;
}
.©DataEntryPanel .©DataEntrySet .set-header > .ff-button {
  padding: 5px;
  margin: 0;
}
.©DataEntryPanel .©DataEntrySet.contexthighlight {
  background: var(--hoverColor);
}
.©DataEntryPanel .©DataEntrySet .DELabel {
  padding: 0 5px;
}
.©DataEntryPanel .©DataEntrySet .DEInput {
  flex: 1;
}
.©DataEntryPanel .©DataEntrySet .DEFormInput {
  flex: 1;
}
.©DataEntryPanel .©DataEntrySet.hideset {
  padding: 0;
  margin: 0;
  border: none;
}
.©DataEntryPanel .©DataEntrySet.hideset.tabs {
  margin: 7px 10px 10px 10px;
}
.©DataEntryPanel .©TabPanel.stl-material.DataEntryTabs {
  background: transparent;
  margin: 0 10px;
}
.©DataEntryPanel .©TabPanel.stl-material.DataEntryTabs > .columns > .nav-tabs {
  background: inherit;
}
.©DataEntryPanel .©TabPanel.stl-material.DataEntryTabs .tab-content {
  border-color: var(--accentColorHighlight);
}
.©DataEntryPanel .©TabPanel.stl-material.DataEntryTabs .tab-content .©TabPage {
  padding: 5px 0;
  background: transparent;
}
.©DataEntryPanel .©TabPanel.stl-material.DataEntryTabs .tab-content .©TabPage .©DataEntrySet {
  padding: 0;
  margin: 0;
}
.©DataEntryPanel .DEPedit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.©DataEntryPanel .DEPcancel {
  position: absolute;
  top: 0;
  right: 50px;
  z-index: 1;
}
.©DataEntryPanel .DEPrevert {
  position: absolute;
  top: 0;
  right: 100px;
  z-index: 1;
}
.©DataEntryPanel.editmode .©DataEntrySet.invisible,
.©DataEntryPanel.editmode .©DataEntryLine.invisible,
.©DataEntryPanel.editmode .tab.invisible {
  display: block !important;
  opacity: 0.5;
}
.©DataEntryPanel .©DataEntryLine.highlighted {
  background: var(--applicationBaseSecond);
}
.©DataEntryPanel .©DataEntryLine.highlighted.contexthighlight {
  background: var(--hoverColor);
}
.drop-helper {
  position: absolute;
  height: 2px;
  background: yellow;
}
.©ModalDataTablePrompt .columnViewer {
  max-height: 400px;
}

.©DataGridViewEditor {
  box-sizing: content-box;
  min-width: 250px;
  max-width: 600px;
  min-height: 96px;
  background-color: var(--gridBackground);
  box-shadow: 5px 5px 5px var(--shadowColor);
  border: 1px solid var(--gridBackground);
  font-size: 15px;
}
.©DataGridViewEditor .©-button {
  padding: 3px;
}
.©DataGridViewEditor input[type="checkbox"] {
  color: var(--applicationFontColor);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: auto;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  position: relative;
}
.©DataGridViewEditor input[type="checkbox"]::after {
  content: "\f096";
}
.©DataGridViewEditor input[type="checkbox"]:checked::after {
  content: "\f046";
}
.©DataGridViewEditor input[type="checkbox"]:indeterminate::after {
  content: "\f147";
}
.©DataGridViewEditor .filterinputs {
  display: flex;
  height: 100%;
}
.©DataGridViewEditor .filterinputs > .filterinput {
  margin: 5px;
  flex: 1;
}
.©DataGridViewEditor > .header-wrapper > .header {
  border: none;
}
.©DataGridViewEditor > .header-wrapper > .header .©-input-display {
  font-size: 14px;
}
.©DataGridViewEditor > .header-wrapper > .header .save-button.disabled {
  font-size: 15px;
  background-color: transparent;
  color: var(--applicationFontColor);
}
.©DataGridViewEditor > .header-wrapper > .header > .vt-node.border-r .cell {
  border: none;
}
.©DataGridViewEditor > .header-wrapper > .header > .header-row > .header-cell {
  display: flex;
}
.©DataGridViewEditor > .header-wrapper > .header > .row.filter-row > .header-cell {
  padding: 0 8px;
}
.©DataGridViewEditor > .header-wrapper > .header > .row.filter-row > .header-cell input {
  min-width: 17px;
}
.©DataGridViewEditor > .header-wrapper > .header > .row.filter-row > .header-cell .toggle-visible {
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.05);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.©DataGridViewEditor > .header-wrapper > .header > .row.filter-row > .header-cell .toggle-visible:hover {
  border: none;
}
.©DataGridViewEditor > .header-wrapper > .header > .row.filter-row > .header-cell .toggle-visible:checked {
  background: rgba(0, 0, 0, 0.15);
  border: none;
  border-left: 2px solid rgba(0, 0, 0, 0.25);
  border-top: 2px solid rgba(0, 0, 0, 0.25);
}
.©DataGridViewEditor > .header-wrapper > .header > .row.filter-row > .header-cell .toggle-visible::after {
  content: "\f06e";
}
.©DataGridViewEditor .vt-node > .cell-container > .cell {
  border: none;
}
.©DataGridViewEditor .vt-node > .cell-container > .cell > .cb-col {
  min-width: 17px;
}
.©DataGridViewEditor .vt-node > .cell-container > .cell > .column-title {
  padding: 0 5px;
}
.©DataGridViewEditor .vt-node > .cell-container > .cell > .column-title.©-input {
  color: var(--applicationFontColor);
  border-bottom-color: var(--applicationFontColor);
  flex: 1;
  font-size: 15px;
}
.©DataGridViewEditor .vt-node > .cell-container > .cell > .column-title.isLookup::after {
  font: normal normal normal 10px/1 FontAwesome;
  content: "\f002";
  padding-left: 4px;
}
.©DataGridViewEditor > .resize-height {
  height: 5px;
  background-color: var(--gridHeaderBackground);
  cursor: ns-resize;
}
.©DataGridViewEditor > .gridFooter {
  display: flex;
}
.©DataGridViewEditor > .gridFooter > .©-button {
  border-radius: 3px;
  font-weight: bold;
}
.©DataGridViewEditor > .gridFooter > .©-button::before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f0e2";
  padding-right: 5px;
}

.©DesignBar {
  background: var(--applicationBaseFirst);
}
.©DesignBar .©DesignBarCategory .designBarCategoryCaption {
  font-size: 18px;
  padding: 8px 14px;
  background-color: var(--applicationBaseFirst);
  border-bottom: 1px solid var(--shadowColor);
  cursor: pointer;
}
.©DesignBar .©DesignBarCategory .designBarCategoryCaption:hover {
  background-color: var(--applicationBaseSecond);
}
.©DesignBar .©DesignBarCategory .designBarCategoryCaption .designBarArrow {
  font-size: 12px;
  transition: 0.2s;
  width: 10px;
  margin-right: 10px;
}
.©DesignBar .©DesignBarCategory.open .designBarArrow {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.©DesignBar .©DesignBarCategory.closed > .©DesignBarCategoryChildren {
  height: 0;
}
.©DesignBar .©DesignBarCategory .designBarCategoryContent {
  background-color: var(--applicationBaseThird);
  border-top: 1px solid var(--shadowColor);
  border-left: 1px solid var(--shadowColor);
  transition: height 0.2s;
}
.©DesignBar .©DesignBarCategory .designBarCategoryContent .©DesignBarComponent {
  height: 32px;
  width: 32px;
  margin: 4px;
  transition: box-shadow 0.2s;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.7);
}
.©DesignBar .©DesignBarCategory .designBarCategoryContent .©DesignBarComponent:hover {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.8);
}

.design {
  user-select: none;
}
.©DesignerDroppables .btn {
  background-color: darkseagreen;
}
.©DesignForm {
  background-color: #4259a1;
}
.designContainer.grid {
  background-image: url(/dist/img/dsgn/dsgnGrid.png);
  background-attachment: local;
  background-repeat: repeat;
}
.designContainer .design {
  cursor: move;
}
.©DraggableShadow {
  background-color: #113865;
  border-color: #113865;
  position: absolute;
  z-index: 0;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}
.tabdesign {
  border: 1px solid #0aff55;
}
.©LookupFancy {
  position: absolute;
  width: 220px;
}
.©Minimap {
  width: 100px;
  height: 100px;
  position: fixed;
  cursor: pointer;
  background-color: slategrey;
  z-index: 11;
}
.©MinimapScaler {
  transform: scale(0.16, 0.16);
  transform-origin: 0 0;
}
.©Minimap * {
  cursor: pointer !important;
}
.©MinimapViewport {
  border: 5px solid cyan;
  position: absolute;
  left: 0;
  top: 0;
  cursor: move !important;
}
.©Rubberband {
  position: absolute;
  background-color: rgba(20, 144, 194, 0.48);
  border: 1px solid #25337f;
  pointer-events: none;
  z-index: 25;
  left: -100px;
}
.©DesignSelector {
  position: absolute;
  background-color: rgba(48, 124, 211, 0.2);
  pointer-events: none;
  border: 3px dashed blue;
  z-index: 25;
}
.©DesignSelector .©ResizeHandler {
  position: fixed;
}
.©Pinner {
  position: absolute;
  background-color: #1acdff;
}
.©Pinner.LR div {
  position: relative;
  text-align: right;
  top: 30px;
  transform: rotate(90deg);
}
.©Pinner.TB div {
  position: relative;
  left: 30px;
  line-height: 28px;
}
.©ResizeHandler {
  width: 12px;
  height: 12px;
  background-color: blue;
  position: absolute;
  pointer-events: all;
  border: 1px solid #858498;
}
.©ResizeHandler.N {
  cursor: n-resize;
}
.©ResizeHandler.NE {
  cursor: ne-resize;
}
.©ResizeHandler.E {
  cursor: e-resize;
}
.©ResizeHandler.SE {
  cursor: se-resize;
}
.©ResizeHandler.S {
  cursor: s-resize;
}
.©ResizeHandler.SW {
  cursor: sw-resize;
}
.©ResizeHandler.W {
  cursor: w-resize;
}
.©ResizeHandler.NW {
  cursor: nw-resize;
}
.©ResizeHandler.window {
  border: none;
  background: transparent;
  width: 8px;
  height: 8px;
}
.©ResizeHandler.window.SE {
  right: 0;
  bottom: 0;
  z-index: 4;
}
.©ResizeHandler.window.N {
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
}
.©ResizeHandler.window.S {
  bottom: 0;
  left: 0;
  width: 100%;
}
.©ResizeHandler.window.W {
  left: 0;
  top: 0;
  height: 100%;
  z-index: 3;
}
.©ResizeHandler.window.E {
  right: 0;
  top: 0;
  height: 100%;
  z-index: 3;
}
.©ResizeHandler.window.NE {
  right: 0;
  top: 0;
  z-index: 4;
}
.©ResizeHandler.window.NW {
  left: 0;
  top: 0;
  z-index: 4;
}
.©ResizeHandler.window.SW {
  left: 0;
  bottom: 0;
  z-index: 4;
}
.ResizeHandlerGhost {
  border: 1px solid grey;
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
}

@font-face {
  font-family: "digitalDreamFat";
  src: url(/dist/lib/fonts/DIGITALDREAMFAT.ttf) format("truetype");
}
.digitalClock-wrapper {
  position: relative;
  height: 100%;
}
.digitalClock {
  font-family: "digitalDreamFat";
  padding: 0;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
}
.alarmBtn {
  position: absolute;
  border-color: green;
}
.alarmMenu {
  left: 94%;
}
.alarmToggle {
  left: 94%;
  opacity: 0.4;
}
.btnHourUp {
  visibility: hidden;
}
.btnHourDown {
  visibility: hidden;
}
.btnMinuteUp {
  visibility: hidden;
}
.btnMinuteDown {
  visibility: hidden;
}
.btnSecondUp {
  visibility: hidden;
}
.btnSecondDown {
  visibility: hidden;
}
.alarm {
  position: absolute;
}

/* flashing animation */
@keyframes moderflash {
  0% {
    background: var(--applicationBackgroundColor);
  }
  50% {
    background: var(--hoverColor);
  }
  100% {
    background: var(--applicationBackgroundColor);
  }
}
@keyframes flashingShadowL {
  0% {
    box-shadow: 2px 2px 0 var(--applicationBackgroundColor);
  }
  50% {
    box-shadow: 2px 2px 0 var(--hoverColor);
  }
  100% {
    box-shadow: 2px 2px 0 var(--applicationBackgroundColor);
  }
}
@keyframes flashingShadowR {
  0% {
    box-shadow: -2px 2px 0 var(--applicationBackgroundColor);
  }
  50% {
    box-shadow: -2px 2px 0 var(--hoverColor);
  }
  100% {
    box-shadow: -2px 2px 0 var(--applicationBackgroundColor);
  }
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs {
  display: flex;
  position: relative;
  overflow: hidden;
  height: 35px;
  padding-left: 5px;
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs::after,
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs::before {
  border-bottom: none;
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab {
  transition: none;
  align-items: center;
  margin: 0 -1px 0 -1px;
  padding: 0 10px 0 20px;
  z-index: 0;
  position: relative;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: 0;
  width: 200px;
  overflow: visible;
  font-size: 14px;
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab:hover {
  background-color: var(--tabpanelTabHover);
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab:hover::before {
  box-shadow: 2px 2px 0 var(--tabpanelTabHover);
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab:hover::after {
  box-shadow: -2px 2px 0 var(--tabpanelTabHover);
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab:hover > .tabtitletext::after {
  background: linear-gradient(90deg, rgba(102, 102, 102, 0) 0%, var(--tabpanelTabHover) 25%, var(--tabpanelTabHover) 100%);
  border: none;
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab::before,
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab::after {
  position: absolute;
  bottom: 0;
  width: 6px;
  height: 6px;
  content: " ";
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab::before {
  left: -6px;
  border-bottom-right-radius: 6px;
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab::after {
  right: -6px;
  border-bottom-left-radius: 6px;
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab:last-child > .tabtitletext::after {
  border: none;
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab.active {
  z-index: 1;
  border: none;
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab.active:hover {
  background-color: var(--applicationBackgroundColor);
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab.active::before,
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab.active:hover::before {
  box-shadow: 2px 2px 0 var(--applicationBackgroundColor);
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab.active::after,
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab.active:hover::after {
  box-shadow: -2px 2px 0 var(--applicationBackgroundColor);
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab.active > .tabtitletext::after {
  background: linear-gradient(90deg, rgba(102, 102, 102, 0) 0%, var(--applicationBackgroundColor) 25%, var(--applicationBackgroundColor) 100%);
  border: none;
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab > .tabtitletext {
  text-align: left;
  text-overflow: clip;
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab > .tabtitletext::after {
  content: " ";
  position: absolute;
  right: 0;
  height: 16px;
  width: 45px;
  z-index: 1;
  background: linear-gradient(90deg, rgba(102, 102, 102, 0) 0%, var(--tabpanelTabBackground) 25%, var(--tabpanelTabBackground) 100%);
  border-right: 1px solid var(--applicationFontColor);
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab.flash {
  animation: moderflash 1s linear 0s 2;
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab.flash .tabtitletext::after {
  animation: moderflash 1s linear 0s 2;
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab.flash::before {
  animation: flashingShadowL 1s linear 0s 2;
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab.flash::after {
  animation: flashingShadowR 1s linear 0s 2;
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab > .closeTab {
  z-index: 1;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
}
.©Application.ff-modern > .©DockingLayout .©DockingTabPanel > .tab-wrap > .nav-tabs > .tab > .closeTab:hover {
  background-color: var(--tabpanelTabBackground);
}
.©DockingLayout .©DockingPanel,
.©DockingLayout .©DockingArea {
  min-width: 25px;
  min-height: 25px;
}
.©DockingLayout .©DockingArea {
  z-index: 0;
}
.©DockingLayout .©DockingArea .docktabs > .tab-wrap > .nav-tabs > .tab {
  padding: 5px 8px;
}
.©DockingLayout .©DockingArea .docktabs > .tab-wrap > .nav-tabs > .tab.preview {
  opacity: 0.5;
}
.©DockingLayout .©DockingArea .©WinForm {
  width: 100%;
  height: 100%;
  position: inherit;
  left: 0;
  top: 0;
}
.©DockingLayout .©DockingArea.dockingtarget {
  border: 2px dashed blue;
  animation: pulse 3s infinite ease-in-out;
}
.©DesktopFormSwitcher {
  z-index: 9999;
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  max-width: 75%;
  max-height: 50%;
  overflow: auto;
  justify-content: space-evenly;
  background-color: rgba(0, 0, 0, 0.75);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.©DesktopFormSwitcher > .form-switch-item {
  margin: 15px;
}
.©DesktopFormSwitcher > .form-switch-item.selected {
  outline: 2px solid white;
}
.©DesktopFormSwitcher > .form-switch-item > .name-wrap {
  display: flex;
  align-items: center;
  min-height: 15px;
  white-space: nowrap;
}
.©DesktopFormSwitcher > .form-switch-item > .name-wrap > .form-icon {
  flex: 0 0 auto;
}
.©DesktopFormSwitcher > .form-switch-item > .name-wrap > .form-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.©DesktopFormSwitcher > .form-switch-item > .name-wrap > .form-close {
  flex: 0 0 auto;
  justify-self: baseline;
  padding: 5px;
}
.©DesktopFormSwitcher > .form-switch-item > .name-wrap > .form-close:hover {
  background-color: var(--errorColor);
}
.©DesktopFormSwitcher > .form-switch-item > .preview-wrapper:hover {
  border: 2px solid white;
}
.©DesktopFormSwitcher > .form-switch-item > .preview-wrapper:hover > .form-preview {
  margin: 0;
}
.©DesktopFormSwitcher > .form-switch-item > .preview-wrapper > .form-preview {
  margin: 2px;
  pointer-events: none;
  transform-origin: top left;
  position: initial;
}

.©-dragging {
  will-change: all;
  opacity: 0.5;
}
@keyframes pulse {
  0% {
    background: #2e3c8a;
  }
  50% {
    background: #cacfed;
  }
  100% {
    background: #2e3c8a;
  }
}
.©-drop-target:before {
  display: table;
  content: "";
  background: #2e3c8a;
  opacity: 0.5;
  height: 100%;
  width: 100%;
  z-index: 100;
  position: absolute;
  animation: pulse 5s infinite ease-in-out;
  pointer-events: none;
}
.©-drag-ghost {
  opacity: 0.3;
}

.©Dropdown {
  background: #ECEFF1;
  position: absolute;
  margin-top: 3px;
  border: 1px solid #171722;
  border-radius: 0.1em;
}
.©Dropdown.visible {
  display: inline-block;
}
.©Dropdown:not(.visible) {
  display: none;
}
.©Dropdown .©Ul {
  margin: 0;
}
.©Dropdown .©DropdownItem {
  padding: 5px 7px;
  border-bottom: 1px solid #785A70;
}
.©Dropdown .©DropdownItem a {
  color: #1e1e3e;
  text-decoration: none;
}
.©Dropdown .©DropdownItem:hover {
  border-color: #1C75BB;
}
.©Dropdown .©DropdownItem:hover a {
  color: #1C75BB;
}

/*
    Gereral Styling
*/
.centerAlign {
  text-align: center !important;
}
.leftFloated {
  float: left;
}
.mi-input-control {
  display: inline;
}
/*
    Property Editor
*/
.©PropClassName {
  border-bottom: 7px solid #000000;
  width: 100%;
  line-height: 25px;
  padding-left: 10px;
}
.©PropertyEditor .©EditorInput input.©-input {
  padding-left: 0;
}
/*
    Language resource list styling
*/
.©LanguageResourceListForm {
  width: 755px;
  height: 400px;
  overflow: hidden !important;
}
.©LanguageResourceListForm .languageButWrap {
  max-height: 30px;
}
.©LanguageResourceListForm .©StringGrid {
  width: 100%;
  height: 90%;
  color: #000000;
}
.©LanguageResourceListForm .©StringGrid .deleteEntry {
  text-align: center;
  cursor: pointer;
}
.©LanguageResourceListForm .gridHeaderElem {
  width: 100%;
  height: 90%;
  display: none;
}
.©LanguageResourceListForm .header-input {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 125px;
  padding-left: 15px;
  height: 24px;
}
/*
    Tabledef Wizard styling
*/
.©PropertyTableDefForm {
  min-width: 400px;
  min-height: 200px;
  width: 600px;
  height: 400px;
}
.©PropertyTableDefForm .wizardButBar {
  width: 95%;
}
.©PropertyTableDefForm .setAtTop {
  position: absolute;
  top: 0;
}
.©PropertyTableDefForm .bottomFlex {
  flex-basis: 40px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
}
.©PropertyTableDefForm .©wizardInput {
  background: #262626;
  color: #ffffff;
  resize: none;
  width: 95%;
  height: 95%;
  padding: 5px;
  /* Webkit based browsers */
  /* Firefox 19 and up */
  /* MS IE10 and up */
  /* Firefox 18 and earlier */
}
.©PropertyTableDefForm .©wizardInput ::-webkit-input-placeholder {
  font-style: italic;
  color: #828282;
}
.©PropertyTableDefForm .©wizardInput ::-moz-placeholder {
  font-style: italic;
  color: #828282;
}
.©PropertyTableDefForm .©wizardInput :-ms-input-placeholder {
  font-style: italic;
  color: #828282;
}
.©PropertyTableDefForm .©wizardInput :-moz-placeholder {
  font-style: italic;
  color: #828282;
}
.©PropertyTableDefForm .©fieldDefsTable th {
  min-width: 50px;
  padding: 10px;
}
.©PropertyTableDefForm .©fieldDefsTable td {
  min-width: 50px;
  padding: 10px;
  text-align: center;
}
.©PropertyTableDefForm .©DbGrid .editor-text {
  width: 100%;
}
.©PropertyTableDefForm .©DbGrid .deleteEntry {
  text-align: center;
  cursor: pointer;
}
.©PropertyTableDefForm .©wizardPanel {
  padding: 10px;
}
.©PropertyTableDefForm .©wizardEndTxt {
  display: block;
  width: 100%;
}
.©PropertyTableDefForm .©wizardEndTitle {
  font-size: large;
  font-weight: bold;
  width: 100%;
}
.dataImportArea {
  background: #262626;
  color: #ffffff;
  resize: none;
  width: 95%;
  height: 95%;
  padding: 5px;
  /* Webkit based browsers */
  /* Firefox 19 and up */
  /* MS IE10 and up */
  /* Firefox 18 and earlier */
}
.dataImportArea ::-webkit-input-placeholder {
  font-style: italic;
  color: #828282;
}
.dataImportArea ::-moz-placeholder {
  font-style: italic;
  color: #828282;
}
.dataImportArea :-ms-input-placeholder {
  font-style: italic;
  color: #828282;
}
.dataImportArea :-moz-placeholder {
  font-style: italic;
  color: #828282;
}
.DiBottomElem {
  flex-basis: 60px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
}
.©StringResourcesEditor .centerAlign {
  text-align: center;
}
.©DockingTabPage .©EventEditorForm .vt-viewport,
.©DockingTabPage .©PropertyEditorForm .vt-viewport {
  background: var(--applicationBackgroundColor);
}
.©SuqlEditor .©Actionbar > .©SelectInput {
  margin-right: auto;
}

.env-picker {
  height: 100%;
  width: 100%;
  overflow: auto;
  padding-top: 45px;
}
.env-picker > .env-container {
  position: relative;
  overflow: visible;
  margin: 0 auto;
  max-width: 75%;
  width: 100%;
  height: 100%;
}
.env-picker > .env-container > .env-top {
  height: 120px;
  padding: 0 22px;
  justify-content: space-between;
}
.env-picker > .env-container > .env-top > .ff-logo {
  background-attachment: local;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
.env-picker > .env-container > .env-top > .©Actionbar {
  height: 40px;
  align-self: flex-end;
  background: transparent;
  border-bottom: 0;
}
.env-picker > .env-container > .env-top > .©Actionbar > .©Button {
  color: var(--applicationFontColor);
}
.env-picker > .env-container > .env-environments {
  margin-top: 7px;
  overflow: visible;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.env-picker > .env-container > .env-environments > .env-item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  width: 326px;
  height: 326px;
  color: var(--gridHeaderFont);
  margin: 7px;
  box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.5);
  border: 1px solid var(--gridFilter);
}
.env-picker > .env-container > .env-environments > .env-item.hidden {
  display: none;
}
.env-picker > .env-container > .env-environments > .env-item:hover {
  color: var(--accentColorHighlight);
  border: 1px solid var(--hoverColor);
}
.env-picker > .env-container > .env-environments > .env-item:hover .env-image i {
  color: var(--accentColorHighlight);
}
.env-picker > .env-container > .env-environments > .env-item:hover .env-image img {
  opacity: 1;
}
.env-picker > .env-container > .env-environments > .env-item > .env-image {
  text-align: center;
  position: relative;
  padding: 20px;
  width: 100%;
}
.env-picker > .env-container > .env-environments > .env-item > .env-image > i {
  font-size: 116px;
  line-height: 196px;
}
.env-picker > .env-container > .env-environments > .env-item > .env-image > img {
  object-fit: cover;
  width: 196px;
  height: 196px;
  border-radius: 50%;
  border: 1px solid var(--gridFilter);
  background-color: var(--gridFilter);
}
.env-picker > .env-container > .env-environments > .env-item > .env-text {
  flex: 0 0 auto;
  padding: 10px;
  font-size: 17px;
}
.env-picker > .env-container > .env-environments > .env-item > .env-buttonbar {
  flex: 1;
  display: flex;
}
.env-picker > .env-container > .env-environments > .env-item > .env-buttonbar > .env-button {
  margin: 0;
  flex: 1;
  opacity: 0.4;
  border-bottom: 0;
  border-right: 0;
}
.env-picker > .env-container > .env-environments > .env-item > .env-buttonbar > .env-button:first-child {
  border-left: 0;
}
.env-picker > .env-container > .env-environments > .env-item > .env-buttonbar > .env-button:hover {
  opacity: 1;
}

.©FileDropzone {
  outline: 2px dashed var(--accentColorThird);
  outline-offset: -10px;
}
.©FileDropzone.dragover {
  outline-color: var(--accentColorHighlight);
}
.©FileDropzone .center {
  position: relative;
  top: 50%;
  transform: translateY(50%);
  margin: 0 auto;
  text-align: center;
}
.©FileDropzone .hidden-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.©FileDropzone .input-label {
  font-weight: bold;
  cursor: pointer;
}
.©FileDropzone .input-label:hover {
  text-decoration: underline;
}

.©FilterControlGrid {
  flex: 1;
}
.©FilterControlGrid .©-filter-item > .delete-filter {
  display: none;
}
.©FilterControlGrid .©-filter-item:hover > .delete-filter {
  display: inherit;
}
.©FilterControlGrid .©-filter-cell {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.©FilterControlGrid .©-filter-cell > span {
  flex: 1;
}
.©FilterControlGrid .©-filter-cell > input[type="checkbox"] {
  pointer-events: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: auto;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  position: relative;
  border: none;
  min-width: 15px;
  margin-right: 5px;
}
.©FilterControlGrid .©-filter-cell > .fa {
  padding-right: 5px;
}
.©FilterControlGrid .©-filter-cell .©-button {
  color: white;
  width: 20px;
  height: 20px;
  text-align: center;
  padding: 0;
  margin: 0;
  border-radius: 8px;
}
.©FilterControlGrid .vt-nodes > .vt-node > .cell-container > .©-filter-cell > input[type="checkbox"]::after {
  content: "\f096";
}
.©FilterControlGrid .vt-nodes > .vt-node > .cell-container > .©-filter-cell > input[type="checkbox"]:checked::after {
  content: "\f14a";
}
.©FilterControlGrid .vt-nodes > .vt-node > .cell-container > .©-filter-cell > input[type="checkbox"]:indeterminate::after {
  content: "\f147";
}
.©FilterControlGrid .header > .filter-row > .cell > .filterinputs > .©CheckBox > .cbElement.toggle {
  background: greenyellow;
}
.©FilterControlGrid .header > .filter-row > .cell > .filterinputs > .©CheckBox > .cbElement.toggle::after {
  background: var(--toggleSwitchSlider);
  border: 1px solid #888888;
  top: 2px;
}
.©FilterControlGrid .header > .filter-row > .cell > .filterinputs > .©CheckBox > .cbElement.toggle.checked {
  background: tomato;
}
.©FilterControlGrid .header > .filter-row > .cell > .filterinputs > .©CheckBox > .cbElement.toggle.indeterminate {
  background: gray;
}
.©FilterControlGrid.ignored span,
.©FilterControlGrid.ignored input {
  color: gray;
}
.header-wrapper .©-filter-cell > input[type="checkbox"]::after {
  content: "\f096";
}
.header-wrapper .©-filter-cell > input[type="checkbox"]:checked::after {
  content: "\f046";
}
.header-wrapper .©-filter-cell > input[type="checkbox"]:indeterminate::after {
  content: "\f147";
}
.header-wrapper .©-filtercontrol-add {
  cursor: pointer;
  width: 100%;
  height: 100%;
  line-height: 20px;
  text-align: center;
}
.header-wrapper .©-filtercontrol-color {
  transition: background 0.3s;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  border-radius: 25px;
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}
.header-wrapper .©-filtercontrol-color:hover {
  background: #242424 !important;
}
.header-wrapper .©-filtercontrol-color:hover:before {
  content: "\f040";
}
.©FilterColorPicker {
  background-color: #202020;
  padding: 5px;
}
.©FilterColorPicker > .filt-color-wrapper > .filt-color-row {
  display: flex;
}
.©FilterColorPicker > .filt-color-wrapper > .filt-color-row > .filt-color-item {
  border: 1px solid black;
  margin: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.©FilterColorPicker > .filt-color-wrapper > .filt-color-row > .filt-color-item:hover {
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin: 2px;
}
.©FilterColorPicker > .filt-color-wrapper > .filt-color-row > .filt-color-item.add-color {
  color: #80868b;
  background-color: #e8eaed;
}
.©MainFilterControl {
  margin: 5px;
  padding: 5px;
}
.©MainFilterControl > .filter-main-header > .filter-main-caption {
  font-size: 1.5em;
}
.©MainFilterControl > .filter-main-filters {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
.©MainFilterControl > .filter-main-filters > .main-filter.active-filters {
  flex: 1;
}
.©MainFilterControl > .filter-main-filters > .main-filter.active-filters > .main-filter-label-empty {
  font-style: italic;
  opacity: 0.8;
}
.©MainFilterControl > .filter-main-filters > .main-filter.active-filters > .active-filter-container > .active-filter-field {
  padding-right: 1ch;
}
.©MainFilterControl > .filter-main-buttons {
  display: flex;
  align-items: center;
}
.©MainFilterControl > .filter-main-buttons > .©-button {
  margin: 0;
  border-right: 1px solid var(--borderColor);
  border-top: 1px solid var(--borderColor);
  border-bottom: 1px solid var(--borderColor);
}
.©MainFilterControl > .filter-main-buttons > .©-button.fa-chevron-down {
  border-left: 0;
  padding: 8px;
}
.©MainFilterControl > .filter-main-buttons > .©-button.©Input {
  border: 1px solid var(--borderColor);
  padding: 8px 14px;
  min-width: 150px;
  max-width: 150px;
}
.©MainFilterControl > .filter-main-buttons > .©-button.©Input > .©-input {
  border: none;
  margin: 0;
  min-height: 14px;
  max-height: 14px;
}
.©MainFilterControl > .filter-main-buttons > .©-button.©Input > .©-input-display {
  margin: 0;
  min-height: auto;
  font: inherit;
}
.©MainFilterControl > .filter-main-buttons > .©-button.©Input:hover {
  background-color: transparent;
}
.©LookupGrid.filter-picklist > .vt-viewport > .vt-nodes > .vt-node > .cell-container > .cell {
  padding-left: 14px;
}
.active-filters {
  display: flex;
  flex-wrap: wrap;
}
.active-filter-container {
  display: flex;
  align-items: baseline;
  padding: 5px;
  margin: 5px;
  border-radius: 3px;
  background-color: var(--accentColorThird);
}
.active-filter-container.ignore {
  opacity: 0.5;
}
.active-filter-container > .active-filter-remove {
  margin-left: 5px;
  cursor: pointer;
}
.active-filter-container > .active-filter-remove:hover {
  color: var(--hoverColor);
}
.©RadioRangeFilterControl > .filter-content.specified {
  display: flex;
}
.©RadioRangeFilterControl .range-specify-button {
  display: flex;
  align-content: center;
}
.©RadioRangeFilterControl .range-specify-button > .specify-button-lbl {
  padding-left: 5px;
}
.©RangeSelector {
  padding: 25px;
  background-color: var(--applicationBackgroundColor);
  width: 300px;
  display: flex;
  flex-direction: column;
}
.©RangeSelector .label-title {
  padding-bottom: 25px;
}
.©RangeSelector .pan-buttons {
  padding-top: 25px;
}
.©RangeSelector .©FormInput {
  width: 100px;
}
.rangeinput-dropdown {
  position: absolute;
  border: 1px solid var(--borderColor);
  background-color: var(--applicationBackgroundColor);
  border-radius: 3px;
}
.rangeinput-dropdown > .rangeinput-dropdown-item {
  padding: 2px 10px;
  cursor: pointer;
}
.rangeinput-dropdown > .rangeinput-dropdown-item:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.rangeinput-dropdown > .rangeinput-dropdown-item.selected {
  background-color: rgba(0, 0, 0, 0.3);
}
.©InputRangeFilterControl .©RangeInput {
  margin: 5px 0;
  padding: 10px;
  border: 1px solid var(--borderColor);
  border-radius: 3px;
  display: flex;
}
.©InputRangeFilterControl .©RangeInput > .rangeinput-title {
  flex: 0 0 75px;
  text-transform: lowercase;
}
.©InputRangeFilterControl .©RangeInput > .rangeinput-value,
.©InputRangeFilterControl .©RangeInput > .rangeinput-input {
  color: white;
  flex: 1;
}
.©InputRangeFilterControl .©RangeInput > .rangeinput-input {
  border-bottom: 0;
}
.©InputRangeFilterControl .©RangeInput > .rangeinput-button {
  color: white;
  background-color: transparent;
  border: none;
  outline: none;
}
.©-filter-control {
  margin: 5px;
  padding: 5px;
  border-bottom: 1px solid var(--borderColor);
  font-size: 1.1em;
  overflow: visible;
}
.©-filter-control > .filter-header > .filter-label-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.©-filter-control > .filter-header > .filter-label-wrapper > .filter-label {
  flex: 1;
  font-size: 1.5em;
}
.©-filter-control > .filter-header > .filter-label-wrapper > .filter-hint {
  cursor: help;
}
.©-filter-control > .filter-header > .filter-label-wrapper > .filter-hint:hover {
  color: var(--hoverColor);
}
.©-filter-control > .filter-header > .filter-toggle {
  padding: 5px 0;
}
.©-filter-control > .filter-content > .filter-item-wrapper > .filter-item-input,
.©-filter-control > .filter-content > .filter-item-wrapper > .filter-item-count {
  margin: 0 5px;
}
.©CheckboxFilterControl > .filter-header .©FormInput.editable.success > .©-forminput-main,
.©CheckboxFilterControl > .filter-header .©FormInput.editable.error > .©-forminput-main {
  border-color: var(--applicationFontColor);
}
.©CheckboxFilterControl > .filter-content > .filter-item-wrapper {
  display: flex;
  align-items: center;
}
.©CheckboxFilterControl > .filter-content > .filter-item-wrapper > .filter-item-label {
  flex: 1;
}
.©CheckboxFilterControl > .filter-content > .filter-item-wrapper > .©-button.text.small {
  padding: 0 5px;
  margin: 0;
  line-height: 18px;
}
.©TextFilterControl > .filter-content {
  display: flex;
  flex-direction: column;
}
.©TextFilterControl > .filter-content > .text-filter-input {
  color: white;
  margin: 5px;
  padding: 5px;
  flex: 1;
}

.©FormInput {
  display: flex;
  flex-direction: column;
  border-color: var(--borderColor);
  color: var(--applicationFontColor);
}
.©FormInput > .©-forminput-main {
  align-items: center;
}
.©FormInput:hover > .©-forminput-main > .IGlabel > .ico-info {
  display: initial;
}
.©FormInput.stacked > .©-forminput-main > .IGinput,
.©FormInput.compact-stacked > .©-forminput-main > .IGinput {
  border: none;
}
.©FormInput.stacked > .©-forminput-main > .IGinput > .©-input,
.©FormInput.compact-stacked > .©-forminput-main > .IGinput > .©-input {
  padding: 0;
}
.©FormInput.stacked > .©-forminput-main > .IGinput > .©-input:hover,
.©FormInput.compact-stacked > .©-forminput-main > .IGinput > .©-input:hover,
.©FormInput.stacked > .©-forminput-main > .IGinput > .©-input.readOnly,
.©FormInput.compact-stacked > .©-forminput-main > .IGinput > .©-input.readOnly,
.©FormInput.stacked > .©-forminput-main > .IGinput > .©-input:focus,
.©FormInput.compact-stacked > .©-forminput-main > .IGinput > .©-input:focus {
  border: none;
  padding: 0 !important;
}
.©FormInput.stacked.outlined > .©-forminput-main,
.©FormInput.compact-stacked.outlined > .©-forminput-main {
  border-width: 1px;
  border-radius: 4px;
  border-style: solid;
}
.©FormInput.stacked.outlined.hasFocus > .©-forminput-main,
.©FormInput.compact-stacked.outlined.hasFocus > .©-forminput-main {
  border-width: 2px;
}
.©FormInput.stacked.filled > .©-forminput-main,
.©FormInput.compact-stacked.filled > .©-forminput-main {
  border-width: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: rgba(0, 0, 0, 0.1);
}
.©FormInput.stacked.filled > .©-forminput-main:hover,
.©FormInput.compact-stacked.filled > .©-forminput-main:hover {
  border-bottom-color: var(--hoverColor);
}
.©FormInput.stacked.filled > .©-forminput-main:focus,
.©FormInput.compact-stacked.filled > .©-forminput-main:focus {
  border-bottom-color: var(--accentColorHighlight);
}
.©FormInput.stacked.filled > .©-forminput-main,
.©FormInput.compact-stacked.filled > .©-forminput-main,
.©FormInput.stacked.normal > .©-forminput-main,
.©FormInput.compact-stacked.normal > .©-forminput-main {
  border-bottom: 1px solid var(--applicationFontColor);
  padding-bottom: 1px;
}
.©FormInput.stacked.filled > .©-forminput-main .©Input,
.©FormInput.compact-stacked.filled > .©-forminput-main .©Input,
.©FormInput.stacked.normal > .©-forminput-main .©Input,
.©FormInput.compact-stacked.normal > .©-forminput-main .©Input {
  padding: 0;
}
.©FormInput.stacked.filled.hasFocus > .©-forminput-main,
.©FormInput.compact-stacked.filled.hasFocus > .©-forminput-main,
.©FormInput.stacked.normal.hasFocus > .©-forminput-main,
.©FormInput.compact-stacked.normal.hasFocus > .©-forminput-main,
.©FormInput.stacked.filled:hover > .©-forminput-main,
.©FormInput.compact-stacked.filled:hover > .©-forminput-main,
.©FormInput.stacked.normal:hover > .©-forminput-main,
.©FormInput.compact-stacked.normal:hover > .©-forminput-main {
  border-bottom-width: 2px;
  padding-bottom: 0px;
}
.©FormInput.stacked.filled.hasFocus > .©-forminput-main .©Input,
.©FormInput.compact-stacked.filled.hasFocus > .©-forminput-main .©Input,
.©FormInput.stacked.normal.hasFocus > .©-forminput-main .©Input,
.©FormInput.compact-stacked.normal.hasFocus > .©-forminput-main .©Input,
.©FormInput.stacked.filled:hover > .©-forminput-main .©Input,
.©FormInput.compact-stacked.filled:hover > .©-forminput-main .©Input,
.©FormInput.stacked.normal:hover > .©-forminput-main .©Input,
.©FormInput.compact-stacked.normal:hover > .©-forminput-main .©Input {
  padding: 0;
}
.©FormInput.stacked.filled:hover > .©-forminput-main,
.©FormInput.compact-stacked.filled:hover > .©-forminput-main,
.©FormInput.stacked.normal:hover > .©-forminput-main,
.©FormInput.compact-stacked.normal:hover > .©-forminput-main {
  border-color: var(--hoverColor);
}
.©FormInput.stacked.filled.hasFocus > .©-forminput-main,
.©FormInput.compact-stacked.filled.hasFocus > .©-forminput-main,
.©FormInput.stacked.normal.hasFocus > .©-forminput-main,
.©FormInput.compact-stacked.normal.hasFocus > .©-forminput-main {
  border-color: var(--accentColorHighlight);
}
.©FormInput.stacked.filled.readOnly > .©-forminput-main,
.©FormInput.compact-stacked.filled.readOnly > .©-forminput-main,
.©FormInput.stacked.normal.readOnly > .©-forminput-main,
.©FormInput.compact-stacked.normal.readOnly > .©-forminput-main {
  border: none;
  padding-bottom: 1px;
}
.©FormInput.stacked .IGlabel,
.©FormInput.compact-stacked .IGlabel {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.©FormInput.stacked .IGlabel > .ico-info,
.©FormInput.compact-stacked .IGlabel > .ico-info {
  display: none;
  pointer-events: initial;
}
.©FormInput.stacked .IGlabel.hasIcon,
.©FormInput.compact-stacked .IGlabel.hasIcon {
  margin-left: 21px;
}
.©FormInput.stacked .IGlabel.asLabel,
.©FormInput.compact-stacked .IGlabel.asLabel {
  margin-left: 0;
  font-size: 0.8em;
}
.©FormInput.stacked .IGlabel.asLabel.error,
.©FormInput.compact-stacked .IGlabel.asLabel.error {
  animation: errorAnimation 0.2s;
}
.©FormInput.stacked .IGinput,
.©FormInput.compact-stacked .IGinput {
  width: 100%;
}
.©FormInput.stacked > .©-forminput-main {
  padding: 24px 15px 12px 15px;
}
.©FormInput.stacked.hasFocus > .©-forminput-main {
  padding-bottom: 10px;
}
.©FormInput.stacked .IGlabel {
  padding: 3px;
}
.©FormInput.stacked .IGlabel.asLabel {
  padding: 0;
  margin-top: -15px;
}
.©FormInput.stacked .IGlabel.iconSpacing {
  left: 40px;
}
.©FormInput.stacked .IGlabel.iconSpacing.asLabel {
  left: 15px;
}
.©FormInput.stacked .IGmessage {
  margin-top: 5px;
}
.©FormInput.compact-stacked > .©-forminput-main {
  padding: 15px 7px 2px 7px;
}
.©FormInput.compact-stacked.hasFocus > .©-forminput-main {
  padding-bottom: 0;
}
.©FormInput.compact-stacked .IGlabel {
  padding: 3px;
}
.©FormInput.compact-stacked .IGlabel.asLabel {
  padding: 0;
  margin-top: -13px;
}
.©FormInput.compact-stacked .IGlabel.iconSpacing {
  left: 35px;
}
.©FormInput.compact-stacked .IGlabel.iconSpacing.asLabel {
  left: 10px;
}
.©FormInput.compact-stacked .IGinput {
  padding-bottom: 3px;
}
.©FormInput.compact-stacked .IGmessage {
  margin-top: 2px;
}
.©FormInput.inline {
  padding: 2px 5px;
}
.©FormInput.inline .©-forminput-main {
  min-height: 25px;
  display: flex;
}
.©FormInput.inline .IGlabel {
  padding-right: 5px;
}
.©FormInput.inline .IGlabel,
.©FormInput.inline .IGmessage {
  font-size: 1em;
}
.©FormInput.inline .IGlabel.hasIcon,
.©FormInput.inline .IGmessage.hasIcon {
  margin-left: 10px;
}
.©FormInput.inline .IGinput {
  min-width: 75px;
  flex: 1;
}
.©FormInput.inline .IGinput > div,
.©FormInput.inline .IGinput > span,
.©FormInput.inline .IGinput > input {
  width: 100%;
}
.©FormInput .IGlabel {
  overflow: visible;
  transition: 0.15s;
  font-size: 1em;
  opacity: 0.8;
  display: flex;
  align-items: center;
}
.©FormInput .IGlabel > .ico-info {
  margin-left: 5px;
  cursor: help;
}
.©FormInput .IGlabel > .ico-info:hover {
  color: var(--hoverColor);
}
.©FormInput .©Input {
  transition: background-color 0.3s;
  font-size: 1em;
}
.©FormInput .IGicon {
  font-size: 18px;
  text-align: center;
}
.©FormInput .IGmessage {
  display: block;
  margin-left: 2px;
}
@keyframes errorAnimation {
  0%,
  50%,
  100% {
    margin-left: 0px;
  }
  25% {
    margin-left: -3px;
  }
  75% {
    margin-left: 3px;
  }
}

.©Form {
  background-color: #e4c388;
  width: 500px;
  height: 300px;
}
.©-modalform .container {
  padding: 10px;
}
.©-modalform .modalTitle {
  font-weight: bold;
  font-size: 18px;
  padding: 20px 5px 5px 5px;
  border-bottom: 1px solid;
}
.©-modalform .©-divText > .©Label {
  font-size: 15px;
  padding: 10px 5px 15px 5px;
}
.©-modalform .©-divText > .©-lblErrPrompt {
  color: var(--errorColor);
  font-size: 8pt;
}
.©-modalform .panButtons {
  text-align: center;
  background-color: transparent;
  flex: 0 0 40px !important;
  margin-left: auto;
}
.©-modalform .panButtons .©-button {
  float: right;
}
.©TableImporter .©FormInput {
  flex: 0 0 auto !important;
  padding-bottom: 10px;
}
.©WarnForm .header {
  background: #8a6d3b !important;
}
.©WarnForm .body-content-wrapper {
  background: #fcf8e3 !important;
  color: #8a6d3b;
}
.©WarnForm .©Docking {
  background-color: blue;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.©CodeEditorForm .ace_editor {
  width: 100%;
  height: 100%;
}
.©MainForm .©Panel {
  background: #444 url(/dist/img/main/back.jpg) no-repeat center center;
  background-size: cover;
  overflow: hidden;
  position: relative;
  height: 400px;
}
.©Frame {
  position: relative;
}

.©FunctionsViewer {
  overflow: auto;
}
.©FunctionsViewer .©FunctionView .©Actionbar {
  color: white;
  background: #3e516e;
  display: flex;
}
.©FunctionsViewer .©FunctionView .©Actionbar .©-button {
  color: white;
}
.©FunctionsViewer .©FunctionView .©Actionbar > .©Label {
  line-height: 36px;
  padding-left: 30px;
  flex: 1;
  align-self: baseline;
}
.©FunctionsViewer .©FunctionView .©Actionbar > .©Label:hover {
  cursor: pointer;
  color: gray;
}
.©FunctionsViewer .©FunctionView .©Actionbar > .©Label.selected {
  color: var(--accentColorHighlight);
}
.©FunctionsViewer .©FunctionView .©Editor:not(.collapsed) {
  min-height: 50px;
  /** note also need to be set programmatically at functionEditor.ts class FunctionView function updateLayout to avoid chrome rendering bug */
}
.©FunctionsViewer .©FunctionView .©Editor.collapsed {
  max-height: 0px;
}
.©CodeEditor {
  display: flex;
  flex-direction: column;
}
.©CodeEditor .©Control {
  height: 100%;
  overflow-y: auto;
}
.©CodeEditor .©Control .©Editor {
  min-height: 100%;
}
.©CodeEditor .©EditorMonaco {
  height: 100%;
}
.monaco-editor div,
.monaco-editor input,
.monaco-editor span,
.monaco-editor table,
.monaco-editor tr,
.monaco-editor td,
.monaco-editor tbody {
  overflow: initial;
}

.gjs-editor-cont {
  background-color: blueviolet;
}
.gjs-editor {
  background-color: gray;
}
.©Application .©GrapesjsMjmlEditor.disabled {
  pointer-events: auto;
  opacity: 1;
}
.©Application .©GrapesjsMjmlEditor.disabled .gjs-pn-panels {
  display: none;
}
.©Application .©GrapesjsMjmlEditor.disabled .gjs-cv-canvas {
  width: 100%;
}
.gjs-cv-canvas__tools div,
.©GrapesjsMjmlEditor div,
.gjs-cv-canvas__tools input,
.©GrapesjsMjmlEditor input,
.gjs-cv-canvas__tools span,
.©GrapesjsMjmlEditor span,
.gjs-cv-canvas__tools table,
.©GrapesjsMjmlEditor table,
.gjs-cv-canvas__tools tr,
.©GrapesjsMjmlEditor tr,
.gjs-cv-canvas__tools td,
.©GrapesjsMjmlEditor td,
.gjs-cv-canvas__tools tbody,
.©GrapesjsMjmlEditor tbody {
  overflow: visible;
}
.gjs-cv-canvas__tools .gjs-am-assets-cont,
.©GrapesjsMjmlEditor .gjs-am-assets-cont,
.gjs-cv-canvas__tools .gjs-pn-panels div,
.©GrapesjsMjmlEditor .gjs-pn-panels div {
  overflow: auto;
}
.gjs-cv-canvas__tools .gjs-pn-panels .gjs-layer-title .gjs-layer-title-inn,
.©GrapesjsMjmlEditor .gjs-pn-panels .gjs-layer-title .gjs-layer-title-inn {
  overflow: visible;
}
.gjs-cv-canvas__tools .CodeMirror-scroll,
.©GrapesjsMjmlEditor .CodeMirror-scroll {
  margin-right: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.gjs-cv-canvas.readonly {
  width: 100%;
  height: 100%;
  top: 0;
}
.gjs-rte-toolbar.gjs-one-bg {
  background-color: #f8f8f8;
}

.©graphDefaultRenderer {
  background-color: black;
  display: flex;
}
.©graphDefaultRenderer svg:not(.minimap) {
  width: 100%;
}
.©graphDefaultRenderer .©GraphForeignElement {
  pointer-events: none;
}
.©graphDefaultRenderer .©GraphForeignElement .©GraphForeignBody {
  position: absolute;
  font-size: 14px;
  color: black;
}
.©graphDefaultRenderer .©GraphForeignElement .©GraphForeignBody button {
  pointer-events: all;
}
.©graphDefaultRenderer .©GraphForeignElement .©GraphForeignBody {
  top: 50%;
  left: 50%;
  height: 30%;
  width: 50%;
  margin: -15% 0 0 -25%;
}
.©graphDefaultRenderer .rectangle .©GraphForeignBody {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 0 0 0;
}
.©graphDefaultRenderer .sixcorner .©GraphForeignBody {
  top: 0%;
  left: 25%;
  height: 100%;
  width: 100%;
  margin: 0 0 0 0;
}
.©graphDefaultRenderer .arrowgroup .horizontal {
  cursor: row-resize;
}
.©graphDefaultRenderer .arrowgroup .vertical {
  cursor: col-resize;
}
.©MiniMap {
  background-color: rgba(222, 222, 222, 0.5);
  position: absolute;
  right: 10px;
  top: 10px;
}
.©MiniMap use {
  pointer-events: none;
}
.©MiniMap .minimap {
  width: 100%;
  height: 100%;
}
.©MiniMap .©MiniScroller {
  pointer-events: all;
}

.Greeter {
  background: #ff00ff;
}

.©Input,
.©-input-wrapper {
  color: var(--applicationFontColor);
  border-bottom: 1px solid var(--applicationFontColor);
  min-height: 1em;
  line-height: 1em;
  display: flex;
  flex: 0 0 auto;
  position: relative;
}
.©Input > .©-icon,
.©-input-wrapper > .©-icon {
  padding: 4px;
  min-width: 16px;
  color: var(--gridHeaderFont);
}
.©Input > .©-input.but-clear-correction,
.©-input-wrapper > .©-input.but-clear-correction {
  margin-right: -24px;
}
.©Input > .©-button.text,
.©-input-wrapper > .©-button.text {
  width: 24px;
  color: var(--gridHeaderFont);
  border-radius: 2px;
  margin: 0;
  padding: 0;
}
.©Input > .©-button.text.but-clear,
.©-input-wrapper > .©-button.text.but-clear {
  border-radius: 2px;
}
.©Input > .©-button.text.but-clear.hidden,
.©-input-wrapper > .©-button.text.but-clear.hidden {
  pointer-events: none;
  visibility: hidden;
}
.©Input:disabled,
.©-input-wrapper:disabled {
  border-bottom: none;
  opacity: 0.8;
}
.©Input.©-hasFocus > .©-input,
.©-input-wrapper.©-hasFocus > .©-input,
.©Input:hover > .©-input,
.©-input-wrapper:hover > .©-input {
  padding-bottom: 0px;
  border-bottom-width: 2px;
}
.©Input.©-hasFocus > .©-icon,
.©-input-wrapper.©-hasFocus > .©-icon,
.©Input:hover > .©-icon,
.©-input-wrapper:hover > .©-icon {
  color: inherit;
}
.©Input.©-hasFocus > .©-button.text,
.©-input-wrapper.©-hasFocus > .©-button.text,
.©Input:hover > .©-button.text,
.©-input-wrapper:hover > .©-button.text {
  color: inherit;
}
.©Input .readonly-span > a,
.©-input-wrapper .readonly-span > a {
  color: var(--applicationFontColor);
}
.©Input .readonly-span > a:hover,
.©-input-wrapper .readonly-span > a:hover {
  color: var(--hoverColor);
}
.©Input .©-input-display > .text-align-right,
.©-input-wrapper .©-input-display > .text-align-right {
  text-align: initial;
}
.©Input:hover,
.©-input-wrapper:hover,
.©Input.©-hasFocus,
.©-input-wrapper.©-hasFocus {
  border-bottom-width: 2px;
}
.©Input:hover > .©-input,
.©-input-wrapper:hover > .©-input,
.©Input.©-hasFocus > .©-input,
.©-input-wrapper.©-hasFocus > .©-input {
  padding-bottom: 0px;
}
.©Input.error,
.©-input-wrapper.error {
  border-bottom-color: var(--errorColor);
}
.©Input.success,
.©-input-wrapper.success {
  border-bottom-color: var(--successColor);
}
.©Input:hover,
.©-input-wrapper:hover {
  border-color: var(--hoverColor);
}
.©Input.©-hasFocus,
.©-input-wrapper.©-hasFocus {
  border-color: var(--accentColorHighlight);
}
.©Input.readOnly,
.©-input-wrapper.readOnly {
  border: none;
  padding-bottom: 1px;
}
.©Input > .©-input,
.©-input-wrapper > .©-input {
  flex: 1;
  padding-bottom: 1px;
  margin: 4px 4px 5px 4px;
  color: var(--applicationFontColor);
  outline-width: 0;
  border: none;
}
.©Input > .©-input:-webkit-autofill,
.©-input-wrapper > .©-input:-webkit-autofill,
.©Input > .©-input:-webkit-autofill:hover,
.©-input-wrapper > .©-input:-webkit-autofill:hover,
.©Input > .©-input:-webkit-autofill:focus input:-webkit-autofill,
.©-input-wrapper > .©-input:-webkit-autofill:focus input:-webkit-autofill,
.©Input > .©-input:-webkit-autofill,
.©-input-wrapper > .©-input:-webkit-autofill,
.©Input > .©-input:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.©-input-wrapper > .©-input:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.©Input > .©-input:-webkit-autofill,
.©-input-wrapper > .©-input:-webkit-autofill,
.©Input > .©-input:-webkit-autofill:hover,
.©-input-wrapper > .©-input:-webkit-autofill:hover,
.©Input > .©-input:-webkit-autofill:focus,
.©-input-wrapper > .©-input:-webkit-autofill:focus {
  box-shadow: 0 0 0px 1000px var(--applicationBackgroundColor) inset;
  -webkit-text-fill-color: var(--applicationFontColor);
}
.©Input > .©-input[type="checkbox"],
.©-input-wrapper > .©-input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: auto;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  position: relative;
}
.©Input.©-type-checkbox,
.©-input-wrapper.©-type-checkbox,
.©Input.©-type-toggle,
.©-input-wrapper.©-type-toggle,
.©Input.©-type-radio,
.©-input-wrapper.©-type-radio {
  border-bottom: none;
}
.©Input.©-type-radio,
.©-input-wrapper.©-type-radio {
  display: flex;
  min-height: 24px;
}
.©Input.©-type-radio.orientation-horizontal,
.©-input-wrapper.©-type-radio.orientation-horizontal {
  flex-direction: row;
}
.©Input.©-type-radio.orientation-vertical,
.©-input-wrapper.©-type-radio.orientation-vertical {
  flex-direction: column;
}
.©Input.©-type-radio.readOnly,
.©-input-wrapper.©-type-radio.readOnly {
  opacity: 0.5;
}
.©Input.©-type-radio > .radio-wrapper,
.©-input-wrapper.©-type-radio > .radio-wrapper {
  display: flex;
  align-items: baseline;
  padding: 1px;
}
.©Input.©-type-radio > .radio-wrapper > input,
.©-input-wrapper.©-type-radio > .radio-wrapper > input {
  padding: 0 3px 0 10px;
  color: var(--applicationFontColor);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: auto;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  position: relative;
}
.©Input.©-type-radio > .radio-wrapper > input::after,
.©-input-wrapper.©-type-radio > .radio-wrapper > input::after {
  content: "\f10c";
}
.©Input.©-type-radio > .radio-wrapper > input:checked::after,
.©-input-wrapper.©-type-radio > .radio-wrapper > input:checked::after {
  content: "\f192";
}
.©Input.©-type-radio > .radio-wrapper > label,
.©-input-wrapper.©-type-radio > .radio-wrapper > label {
  font-size: 13.33333px;
}
.©Input.©-type-checkbox > .©-input::after,
.©-input-wrapper.©-type-checkbox > .©-input::after {
  content: "\f096";
}
.©Input.©-type-checkbox > .©-input:checked::after,
.©-input-wrapper.©-type-checkbox > .©-input:checked::after {
  content: "\f046";
}
.©Input.©-type-toggle > .©-input,
.©-input-wrapper.©-type-toggle > .©-input {
  display: inline-block;
  transition: 0.25s 0.09s;
  cursor: pointer;
  max-width: 40px;
  width: 40px;
  height: 23px;
  border-radius: 12.5px;
  transition: 0.2s;
  background: var(--toggleSwitchBackgroundOff);
  border: 1px solid var(--toggleSwitchBorder);
  position: relative;
  margin: 0 auto;
}
.©Input.©-type-toggle > .©-input::after,
.©-input-wrapper.©-type-toggle > .©-input::after {
  content: "";
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.4);
  transition: 0.2s;
  border-radius: 8.5px;
  width: 17px;
  height: 17px;
  background: var(--toggleSwitchSlider);
  position: absolute;
  left: 2px;
  top: 2px;
}
.©Input.©-type-toggle > .©-input:checked,
.©-input-wrapper.©-type-toggle > .©-input:checked {
  background: var(--toggleSwitchBackgroundOn);
}
.©Input.©-type-toggle > .©-input:checked::after,
.©-input-wrapper.©-type-toggle > .©-input:checked::after {
  position: absolute;
  left: 19px;
  top: 2px;
}
.©TextArea {
  display: flex;
  border: none;
}
.©TextArea:hover > .©-input,
.©TextArea:focus > .©-input {
  border-width: 2px;
  padding: 1px;
}
.©TextArea > .©-input-display {
  padding: 2px;
  overflow-y: auto;
  border-width: 2px;
  white-space: pre-wrap;
  width: 100%;
}
.©TextArea > .©-input {
  flex: 1;
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid;
  border-radius: 5px;
  padding: 2px;
  resize: none;
}
.©-input {
  background: transparent;
  border: none;
  border-bottom: 1px solid;
}
.©-input-display {
  font: 400 13.3333px Arial;
  min-height: 15px;
  margin: 4px 4px 5px 4px;
}
.©-input-display .fa-check {
  color: #2c9b2c;
}
.©LookupGrid > .vt-viewport > .vt-nodes > .vt-node > .cell-container > .cell {
  text-overflow: initial;
  border-right: 0;
}

.©-label {
  display: inline;
}
.©-label p {
  margin: 2px;
}
.©-label.small {
  font-size: 0.75em;
}
.©-label.title {
  font-size: 3.25em;
}
.©-label.H1,
.©-label.heading1 {
  font-size: 2.5em;
}
.©-label.H2,
.©-label.heading2 {
  font-size: 1.875em;
}
.©-label.H3,
.©-label.heading3 {
  font-size: 1.3em;
}
.©-label.document {
  overflow: auto;
  white-space: pre-wrap;
}
.©-label.code {
  overflow: auto;
  white-space: pre-wrap !important;
  font-family: monospace;
  font-size: small;
}
.©-label.align-left {
  text-align: left;
}
.©-label.align-center {
  text-align: center;
}
.©-label.align-right {
  text-align: right;
}
.©-label.overflow-clip {
  text-overflow: clip;
}
.©-label.overflow-ellipsis {
  text-overflow: ellipsis;
}
.©-label.whitespace-nowrap {
  white-space: nowrap;
}
.©-label.whitespace-normal {
  white-space: normal;
}

.c3-line {
  fill: none;
}

.©PropertyListForm .©Actionbar .©CheckBox.selectall {
  min-height: 43px;
}
.©ListViewer {
  overflow: auto;
  scroll-behavior: smooth;
}
.©ListViewer .©-button.move {
  padding: 3px;
}
.©GridColumnsEditor .©GridColumnsViewer > .©HTMLTable > .©GridColumnsViewerRow .column-visible .cbElement.checked::before {
  content: "\f06e";
}
.©GridColumnsEditor .©GridColumnsViewer > .©HTMLTable > .©GridColumnsViewerRow .column-visible .cbElement.unchecked::before {
  content: "\f070";
}
.©GridColumnsEditor .©GridColumnsViewer > .©HTMLTable > .©GridColumnsViewerRow .column-visible .cbElement:hover {
  cursor: pointer;
  color: var(--hoverColor);
}

.©LookupFormInput .©SolidGrid {
  position: absolute;
  width: 100%;
  max-height: 400px;
  height: auto;
}
.©LookupFormInput .©SolidGrid .©SGHeader {
  display: none;
}

a,
button {
  cursor: pointer;
}
.smal {
  font-size: 0.8em;
}
.normal {
  font-size: 1em;
}
.big {
  font-size: 1.5em;
}
.disabled {
  opacity: 0.5;
}
.invisible {
  display: none !important;
}
.preview {
  opacity: 0.5;
  pointer-events: none;
}
.float-right {
  float: right;
}
.inline-block {
  display: "inline-block";
}
.hidden {
  visibility: hidden;
}
.overflow-auto {
  overflow: auto;
}
.overflow-visible {
  overflow: visible;
}
.seethrough {
  opacity: 0;
}
.semi-transparent {
  opacity: 0.5;
}
.full {
  width: 100%;
  height: 100%;
}
.text-align-right {
  text-align: right;
}
.reset {
  line-height: normal;
  font-weight: initial;
  font-size: initial;
}
div,
input,
span,
table,
tr,
td,
tbody {
  overflow: hidden;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}
body {
  font-family: Arial, Helvetica, sans-serif;
}
body,
html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.loading {
  cursor: wait !important;
}
.loading * {
  cursor: wait !important;
}
.topmenu {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Trade Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  overflow: hidden;
  line-height: 1;
  text-decoration: none;
}
.topmenu .©Label {
  flex-grow: 1;
  min-width: 50px;
  font-size: 45px;
  font-family: fantasy;
  text-align: center;
}
.topmenu .©ButtonBar .©CheckBox {
  line-height: 45px;
}
.labConfirm {
  width: 100%;
  text-align: center;
  padding-top: 25px;
}
.modalWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(14, 106, 160, 0.5);
  z-index: -1;
}
.listEditButton {
  width: 32px;
  vertical-align: top;
  padding-top: 10px;
}
.draggableHandle {
  width: 56px;
  text-align: center;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.draggableItem {
  padding: 8px 2px 0 2px !important;
}
.inner-table {
  padding: 32px;
  background-color: rgba(255, 255, 255, 0.14);
  min-height: 25px;
  float: left;
  width: 70%;
}
.MenuItemEditorForm-item {
  float: left;
  width: 100px;
}
.MenuItemEditorForm-delButton .btn {
  width: 25px;
  height: 25px;
  padding: 0;
}
.ftInput {
  width: 100%;
}
.popMenu .nav {
  max-height: 300px;
  overflow: auto;
}
.envPickerInfoLabel {
  padding: 5px 10px 0 10px;
}
.monaco-editor .mtk20 {
  color: #ff5e00;
}
.clear {
  margin: 0;
  padding: 0;
}

.©MenuViewer,
.©Menu {
  background: var(--menuBackground);
  border-color: var(--borderColor);
  color: var(--applicationFontColor);
  overflow: auto;
  padding: 8px 0;
}
.©MenuViewer.horizontal > ul > li,
.©Menu.horizontal > ul > li {
  display: block;
  float: left;
}
.©MenuViewer.float,
.©Menu.float {
  position: absolute;
  min-width: 200px;
  z-index: 999;
}
.©MenuViewer.float ul,
.©Menu.float ul {
  padding: 0;
}
.©MenuViewer.popMenu ul,
.©Menu.popMenu ul {
  padding: 0;
}
.©MenuViewer ul,
.©Menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 16px;
  padding-right: 16px;
}
.©MenuViewer ul li.divider,
.©Menu ul li.divider {
  border-top: 1px solid var(--applicationFontColor);
  padding-top: 6px;
  margin-top: 6px;
}
.©MenuViewer ul li:hover:not(.disabled),
.©Menu ul li:hover:not(.disabled) {
  cursor: pointer;
  color: var(--hoverColor);
  background-color: var(--menuItemHighlight);
}
.©MenuViewer ul li a,
.©Menu ul li a {
  display: flex;
  padding: 10px;
  overflow: hidden;
}
.©MenuViewer ul li a i,
.©Menu ul li a i {
  display: inline-block;
  min-width: 16px;
  min-height: 16px;
  margin-right: 3px;
}
.©MenuViewer ul li a > span,
.©Menu ul li a > span {
  padding-left: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.©MenuViewer ul li a::after,
.©Menu ul li a::after {
  font-family: FontAwesome;
  content: "\f0da";
  display: block;
  width: 16px;
  height: 16px;
  float: right;
  visibility: hidden;
  padding-left: 10px;
}
.©MenuViewer ul li a::before,
.©Menu ul li a::before {
  font-family: FontAwesome;
  content: "\f0d9";
  float: left;
  display: block;
  width: 16px;
  height: 16px;
  visibility: hidden;
}
.©MenuViewer ul li.has-children > a::after,
.©Menu ul li.has-children > a::after {
  visibility: visible;
}
.©MenuViewer ul li.has-children.is-left > a::after,
.©Menu ul li.has-children.is-left > a::after {
  visibility: hidden;
}
.©MenuViewer ul li.has-children.is-left > a::before,
.©Menu ul li.has-children.is-left > a::before {
  visibility: visible;
}
.©MenuViewer ul li.expanded > ul,
.©Menu ul li.expanded > ul {
  display: block;
}
.©MenuViewer ul li ul,
.©Menu ul li ul {
  display: none;
  border-left: 1px #ccc solid;
}

/**
 * All new Calendar
 */
.©DataMonthCalendar {
  display: flex;
  flex-direction: column;
}
.©DataMonthCalendar .m-cal-nav {
  border-bottom: 1px solid var(--gridBorder);
}
.©DataMonthCalendar .m-cal-nav span.cal-date-label {
  font-weight: bold;
  font-size: 18px;
  color: var(--gridHeaderFont);
}
.©DataMonthCalendar .month-calendar {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
}
.©DataMonthCalendar .month-calendar .m-cal-header {
  flex: none;
  overflow: hidden;
  height: 25px;
  align-items: stretch;
  flex-direction: row;
  display: flex;
}
.©DataMonthCalendar .month-calendar .m-cal-header .m-cal-header-cell {
  padding-top: 5px;
  text-align: center;
}
.©DataMonthCalendar .month-calendar .m-cal-header .m-cal-header-cell span {
  font-weight: bold;
  color: var(--gridHeaderFont);
}
.©DataMonthCalendar .month-calendar .m-cal-content {
  flex: 1 1 0%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.©DataMonthCalendar .month-calendar .m-cal-row {
  position: relative;
  flex: 1 1 0%;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  border-bottom: 1px solid var(--gridBorder);
}
.©DataMonthCalendar .month-calendar .m-cal-cell,
.©DataMonthCalendar .month-calendar .m-cal-header-cell {
  flex: 1 1 0%;
  border-right: 1px solid var(--gridBorder);
}
.©DataMonthCalendar .month-calendar .m-cal-cell {
  display: flex;
  flex-direction: column;
}
.©DataMonthCalendar .month-calendar .m-cal-cell-header {
  text-align: center;
  height: 18px;
}
.©DataMonthCalendar .month-calendar .m-cal-cell-header span {
  font-weight: bold;
}
.©DataMonthCalendar .month-calendar .m-cal-cell-content {
  height: 100%;
  flex: 1 1 0;
  overflow-y: auto;
}
.©DataMonthCalendar .month-calendar .m-cal-item-wrap {
  font-size: 24px;
  height: 24px;
  overflow: visible;
  position: relative;
}
.©DataMonthCalendar .month-calendar .multiday-end .m-cal-item-content {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.©DataMonthCalendar .month-calendar .m-cal-item-content {
  line-height: 16px;
  font-size: 13px;
  height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 5px;
  border: 3px inset transparent;
  border-radius: 3px;
}
.©DataMonthCalendar .month-calendar .m-cal-item-content.selected {
  border-color: rgba(0, 0, 0, 0.5);
}
.©DataMonthCalendar .month-calendar .m-cal-item-content.multiday {
  margin: 0;
  font-weight: bold;
  border-left-width: 0;
  border-right-width: 0;
}
.©DataMonthCalendar .month-calendar .m-cal-item-content.multiday-middle {
  border-radius: 0;
}
.©DataMonthCalendar .month-calendar .m-cal-item-content.multiday-start {
  margin-left: 5px;
  border-radius: 3px 0 0 3px;
  border-left-width: 3px;
}
.©DataMonthCalendar .month-calendar .m-cal-item-content.multiday-end {
  margin-right: 5px;
  border-radius: 0 3px 3px 0;
  border-right-width: 3px;
}
.©DataMonthCalendar .month-calendar .m-cal-item-content i {
  padding-left: 7px;
}
.©DataMonthCalendar .month-calendar .m-cal-item-content span {
  padding-left: 7px;
}


.©-notification-manager {
  position: absolute;
  top: 100px;
  right: 20px;
  width: 250px;
  height: auto;
  z-index: 999;
}
.©FlexNotification {
  border-radius: 3px;
  margin-top: 5px;
  border-bottom: 3px solid;
  padding: 4px;
  opacity: 100;
  display: flex;
  background-color: var(--applicationBaseSecond);
  justify-content: space-between;
  align-items: center;
}
.©FlexNotification > .©-button.notification-button {
  color: #aaa;
  width: 30px;
  float: right;
  padding: 0;
  margin: 0;
}
.©FlexNotification > .©-button.notification-button:hover {
  color: #ddd;
}
.©FlexNotification > .©-button.notification-button .©-icon {
  font-size: 17px;
}
.©FlexNotification.SUCCESS {
  border-color: var(--successColor);
}
.©FlexNotification.INFO {
  border-color: var(--infoColor);
}
.©FlexNotification.WARNING {
  border-color: var(--warningColor);
}
.©FlexNotification.ERROR {
  border-color: var(--errorColor);
}
.©FlexNotification.SYSTEM {
  border-color: var(--errorColor);
}
.©FlexNotification > .©-button.notification-button,
.©FlexNotification .©-notification-icon {
  flex: 0 0 auto;
}
.©FlexNotification .©-notification-icon {
  font-size: 20px;
  padding: 10px;
}
.©FlexNotification .text {
  flex: 1;
  word-wrap: break-word;
}
.©FlexNotification.duration-short {
  transition: opacity 1500ms ease-in-out;
}
.©FlexNotification.duration-long {
  transition: opacity 3000ms ease-in-out;
}
.©FlexNotification.isHidden {
  opacity: 0;
}
.©FlexNotification .subject {
  font-weight: bold;
}
.©FlexNotification .source {
  font-size: 0.9em;
  text-decoration: underline;
}
.©NotificationForm {
  background-color: var(--applicationBaseFirst);
  position: absolute;
  top: 0;
  right: 0;
  min-width: 300px;
  max-width: 300px;
  height: 100%;
  transition: right 0.5s;
}
.©NotificationForm.isHidden {
  right: -300px;
}
.©NotificationForm > .©-notform {
  height: 100%;
}
.©NotificationForm > .©-notform > .©-notform-header,
.©NotificationForm > .©-notform > .©-notform-footer {
  background: var(--applicationBaseSecond);
  display: flex;
  justify-content: space-between;
  flex-basis: 30px;
  background: rgba(0, 0, 0, 0.5);
}
.©NotificationForm > .©-notform > .©-notform-header > .©-button,
.©NotificationForm > .©-notform > .©-notform-footer > .©-button {
  padding: 0 13px;
  margin: 0;
  border-radius: 0;
}
.©NotificationForm > .©-notform > .©-notform-content {
  padding: 5px;
}
.©NotificationForm > .©-notform > .©-notform-content > .©-notform-notcounter,
.©NotificationForm > .©-notform > .©-notform-content > .©FlexNotification {
  flex: 0 0 auto;
}
.©NotificationForm > .©-notform > .©-notform-content > .©Notification {
  background: var(--applicationBaseThird);
  border-radius: 0;
}
#gc-toast-container {
  position: fixed;
  top: 100px;
  right: 20px;
  width: 250px;
  height: auto;
  z-index: 999;
}
#gc-toast-container .info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
  border-left-color: #31708f;
}
#gc-toast-container .warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
  border-left-color: #8a6d3b;
}
#gc-toast-container .danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  border-left-color: #a94442;
}
#gc-toast-container .success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  border-left-color: #3c763d;
}
.gc-toast {
  width: 100%;
  padding: 10px;
  opacity: 100;
  border-radius: 4px;
  border-left-style: outset;
  border-left-width: medium;
  margin-bottom: 10px;
}
.gc-toast .gc-toast-dismiss {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
}
.©-notification-count {
  background: var(--errorColor);
  position: absolute;
  right: 10px;
  top: 5px;
  line-height: 15px;
  text-align: center;
  width: 15px;
  height: 15px;
  font-size: 10px;
  border-radius: 20px;
}

.©-panel-resizer {
  background-color: var(--borderColor);
  border: 0 dotted transparent;
}
.©-panel-resizer:hover,
.©-panel-resizer.©-dragging {
  border-color: #ffff00;
}
.©Panel {
  position: relative;
  overflow: auto;
}
.©Panel.content.©-designing.invisible:not(.disabled) {
  display: flex !important;
  opacity: 0.5;
  background: repeating-linear-gradient(45deg, rgba(96, 109, 188, 0.3), rgba(96, 109, 188, 0.3) 10px, rgba(70, 82, 152, 0.3) 10px, rgba(70, 82, 152, 0.3) 20px);
  border: 1px solid gray;
}
.©Panel.content.©-designing.invisible:not(.disabled) > div,
.©Panel.content.©-designing.invisible:not(.disabled) span {
  opacity: 0.8;
  flex: 1;
}
.©Panel::-webkit-scrollbar {
  visibility: hidden;
}
.©Panel:hover::-webkit-scrollbar {
  visibility: visible;
}
.©Panel.columns > .resizable:begin,
.©Panel.rows > .resizable:begin {
  border-left: none;
  border-top: none;
}
.©Panel.columns > .resizable:end,
.©Panel.rows > .resizable:end {
  border-right: none;
  border-bottom: none;
}
.©Panel.flex {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.©Panel.flexgrow {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
.©Panel.body {
  height: 100%;
  width: 100%;
}
.©Panel.rows > .©-panel-resizer {
  width: 4px;
  border-left-width: 4px;
  cursor: ew-resize;
  height: 100%;
}
.©Panel.columns > .©-panel-resizer {
  height: 4px;
  border-top-width: 4px;
  cursor: ns-resize;
  width: 100%;
}

.©PropEdit .title {
  padding: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.©PropEdit .title .dropDownIcon {
  transform: rotate(90deg);
  float: right;
}
.©PropEdit .title .dropDownIcon::before {
  font-family: FontAwesome;
  content: "\f054";
}
.©PropEdit .title .dropDownIcon.hide {
  display: none;
}
.©PropEdit .cell.propName i {
  width: 16px;
}
.©PropEdit .cell.propName span {
  margin-left: 7px;
}
.©PropEdit .cell.component-reference:not(.has-input)::after {
  font-family: FontAwesome;
  content: "\f0c1";
  padding-left: 5px;
}
.©PropEdit .cell.component-reference:not(.has-input):hover {
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.©PropEdit .cell .©-input-wrapper {
  display: block;
  position: relative;
  width: 100%;
  line-height: inherit;
}

.listEditor select {
  width: 100%;
  border: 0;
  font-size: small;
}
.listEditor .body-content-no-overflow {
  overflow-y: auto;
}
.listEditor .rightSide {
  overflow: inherit;
}
.listEditor .rightSide .©HTMLTable {
  padding: 3px;
  background: inherit;
}
.listEditor .rightSide .©HTMLTable .©Tr {
  height: 35px;
}
.listEditor .rightSide .©HTMLTable .©Td:first-child {
  padding-left: 16px;
}
.listEditor .rightSide .©HTMLTable .©Td:last-child {
  padding-right: 16px;
}
.listEditor .rightSide .©HTMLTable .©Td.selectCol {
  width: 40px;
}
.listEditor .rightSide .©HTMLTable .©Td.listEditButton {
  vertical-align: middle;
}
.listEditor .©Actionbar {
  display: flex;
}
.listEditor .©Actionbar > .©CheckBox {
  padding-left: 20px;
}
.listEditor .©Actionbar > .©-actionbar-space {
  flex: 1;
}
.dark .©ListViewerRow {
  border-bottom: 1px solid #b9b9b9;
}
.light ©ListViewerRow {
  border-bottom: 1px solid #616161;
}

.©-resize-handle {
  position: absolute;
  width: 10px;
  height: 10px;
  flex: 0;
}
.©-resize-handle.TopLeft,
.©-resize-handle.BottomRight {
  cursor: nw-resize;
}
.©-resize-handle.TopRight,
.©-resize-handle.BottomLeft {
  cursor: ne-resize;
}
.©-resize-handle.Top,
.©-resize-handle.Bottom {
  cursor: ns-resize;
}
.©-resize-handle.Right,
.©-resize-handle.Left {
  cursor: ew-resize;
}

.©-rubberband {
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  pointer-events: none;
  border: 3px dotted blue;
  z-index: 30;
}

.©SearchButton.small .iconSpan {
  min-width: 20px;
}
.©SearchButton.small .searchInput {
  height: 18px;
  border-radius: 2px;
  padding-left: 5px;
  font-size: 13px;
}
.©SearchButton.small .searchInput.show {
  width: 100px;
}
.©SearchButton.medium .iconSpan {
  min-width: 20px;
}
.©SearchButton.medium .searchInput {
  height: 20px;
  border-radius: 3px;
  font-size: 14px;
  padding-left: 5px;
}
.©SearchButton.medium .searchInput.show {
  width: 100px;
}
.©SearchButton.large .iconSpan {
  min-width: 20px;
}
.©SearchButton.large .searchInput {
  height: 25px;
  border-radius: 5px;
  padding-left: 5px;
  font-size: 16px;
}
.©SearchButton.large .searchInput.show {
  width: 150px;
}
.©SearchButton .searchInput {
  border: none;
  transition: width 0.5s;
  width: 0;
  float: right;
}
.©SearchButton .searchInput > .©-input {
  margin: 0;
  padding: 4px;
  border-bottom: 1px solid var(--applicationFontColor);
}
.©SearchButton .searchInput > .©-input:hover {
  border-bottom-width: 2px;
  border-bottom-color: var(--hoverColor);
}
.©SearchButton .searchInput > .©-input:focus {
  border-bottom-width: 2px;
  border-bottom-color: var(--accentColorHightlight);
}
.©SearchButton.inInput:hover {
  cursor: text;
}
.©SearchButton > i {
  float: left;
}

.©SelectInput {
  background: transparent;
  border: 0;
  border-bottom: 1px solid;
  margin: 5px 20px;
  padding: 3px;
  color: var(--applicationFontColor);
}
.©SelectInput option {
  border: 0;
  background-color: var(--applicationBackgroundColor);
}
.©SelectInput:active,
.©SelectInput:focus {
  border-color: transparent;
}

.©-Selection {
  position: absolute;
  background: rgba(48, 124, 211, 0.2);
  pointer-events: none;
}
.©-Selection > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.©-Selection > div:first-child {
  border: 3px solid rgba(0, 0, 255, 0.5);
}
.©-Selection > div:last-child {
  border: 3px dashed rgba(255, 255, 255, 0.5);
}

/* flashing animation */
@keyframes flashing {
  0% {
    background: var(--applicationBackgroundColor);
  }
  50% {
    background: var(--hoverColor);
  }
  100% {
    background: var(--applicationBackgroundColor);
  }
}
.©TabPanel {
  --tabPadding: 12px;
  --lineHeight: 20px;
  height: 100%;
  position: relative;
  display: block;
}
.©TabPanel.©-dragging {
  opacity: 1;
}
.©TabPanel.©-designing .nav-tabs.invisible {
  background: repeating-linear-gradient(45deg, rgba(96, 109, 188, 0.3), rgba(96, 109, 188, 0.3) 10px, rgba(70, 82, 152, 0.3) 10px, rgba(70, 82, 152, 0.3) 20px);
  opacity: 0.5;
  display: flex !important;
}
.©TabPanel.ff-animated-tabs > .tab-wrap > .nav-tabs > .tab {
  font-size: 10px;
}
.©TabPanel.ff-animated-tabs > .tab-wrap > .nav-tabs > .tab > .tabtitletext {
  transition: width 0.5s, font-size 0.5s;
}
.©TabPanel > .tab-wrap {
  display: flex;
  width: 100%;
  height: 100%;
}
.©TabPanel > .tab-wrap > .nav-tabs.rows::before {
  width: 5px;
  height: 100%;
}
.©TabPanel > .tab-wrap > .nav-tabs.rows::after {
  height: var(--lineHeight);
}
.©TabPanel > .tab-wrap > .nav-tabs.rows::-webkit-scrollbar {
  height: 3px;
}
.©TabPanel > .tab-wrap > .nav-tabs.rows.tabs_top {
  align-items: flex-end;
}
.©TabPanel > .tab-wrap > .nav-tabs.rows.tabs_top::before {
  border-bottom: 1px solid var(--borderColor);
}
.©TabPanel > .tab-wrap > .nav-tabs.rows.tabs_top::after {
  border-bottom: 1px solid var(--borderColor);
}
.©TabPanel > .tab-wrap > .nav-tabs.rows.tabs_top > .tab {
  border-bottom: 1px solid var(--borderColor);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.©TabPanel > .tab-wrap > .nav-tabs.rows.tabs_top > .tab.active {
  border: 1px solid var(--borderColor);
  border-bottom: 0;
}
.©TabPanel > .tab-wrap > .nav-tabs.rows.tabs_bottom {
  align-items: flex-start;
}
.©TabPanel > .tab-wrap > .nav-tabs.rows.tabs_bottom::before {
  border-top: 1px solid var(--borderColor);
}
.©TabPanel > .tab-wrap > .nav-tabs.rows.tabs_bottom::after {
  border-top: 1px solid var(--borderColor);
}
.©TabPanel > .tab-wrap > .nav-tabs.rows.tabs_bottom > .tab {
  border-top: 1px solid var(--borderColor);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.©TabPanel > .tab-wrap > .nav-tabs.rows.tabs_bottom > .tab.active {
  border: 1px solid var(--borderColor);
  border-top: 0;
}
.©TabPanel > .tab-wrap > .nav-tabs.rows > .tab {
  height: calc(100% - 5px);
}
.©TabPanel > .tab-wrap > .nav-tabs.columns::before {
  height: 5px;
  width: 100%;
}
.©TabPanel > .tab-wrap > .nav-tabs.columns::after {
  width: var(--lineHeight);
}
.©TabPanel > .tab-wrap > .nav-tabs.columns::-webkit-scrollbar {
  width: 3px;
}
.©TabPanel > .tab-wrap > .nav-tabs.columns.tabs_left {
  align-items: flex-end;
}
.©TabPanel > .tab-wrap > .nav-tabs.columns.tabs_left::before {
  border-right: 1px solid var(--borderColor);
}
.©TabPanel > .tab-wrap > .nav-tabs.columns.tabs_left::after {
  border-right: 1px solid var(--borderColor);
}
.©TabPanel > .tab-wrap > .nav-tabs.columns.tabs_left > .tab {
  border-right: 1px solid var(--borderColor);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.©TabPanel > .tab-wrap > .nav-tabs.columns.tabs_left > .tab.active {
  border: 1px solid var(--borderColor);
  border-right: 0;
}
.©TabPanel > .tab-wrap > .nav-tabs.columns.tabs_right {
  align-items: flex-start;
}
.©TabPanel > .tab-wrap > .nav-tabs.columns.tabs_right::before {
  border-left: 1px solid var(--borderColor);
}
.©TabPanel > .tab-wrap > .nav-tabs.columns.tabs_right::after {
  border-left: 1px solid var(--borderColor);
}
.©TabPanel > .tab-wrap > .nav-tabs.columns.tabs_right > .tab {
  border-left: 1px solid var(--borderColor);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.©TabPanel > .tab-wrap > .nav-tabs.columns.tabs_right > .tab.active {
  border: 1px solid var(--borderColor);
  border-left: 0;
}
.©TabPanel > .tab-wrap > .nav-tabs.columns > .tab {
  width: calc(100% - 5px);
}
.©TabPanel > .tab-wrap > .nav-tabs {
  position: relative;
  flex-wrap: nowrap;
  margin: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--tabpanelTabBackground);
}
.©TabPanel > .tab-wrap > .nav-tabs::before {
  content: "";
}
.©TabPanel > .tab-wrap > .nav-tabs::after {
  content: "";
  padding: var(--tabPadding);
  flex: 1;
}
.©TabPanel > .tab-wrap > .nav-tabs > .tab {
  cursor: pointer;
  white-space: nowrap;
  align-items: center;
  display: flex;
  padding: var(--tabPadding);
  line-height: var(--lineHeight);
  text-align: center;
  list-style-type: none;
}
.©TabPanel > .tab-wrap > .nav-tabs > .tab.flexible {
  flex-grow: 1;
  flex-shrink: 1;
}
.©TabPanel > .tab-wrap > .nav-tabs > .tab.flash {
  transition: none;
  animation: flashing 1s linear 0s 2;
}
.©TabPanel > .tab-wrap > .nav-tabs > .tab .tabicon {
  padding-right: 5px;
  white-space: nowrap;
}
.©TabPanel > .tab-wrap > .nav-tabs > .tab .tabtitletext {
  white-space: nowrap;
  pointer-events: none;
  text-overflow: ellipsis;
  flex: 1;
  margin: 0;
  text-align: center;
  cursor: default;
}
.©TabPanel > .tab-wrap > .nav-tabs > .tab > .closeTab,
.©TabPanel > .tab-wrap > .nav-tabs > .tab > .tabtitletext,
.©TabPanel > .tab-wrap > .nav-tabs > .tab > .tabicon,
.©TabPanel > .tab-wrap > .nav-tabs > .tab > .tab-sup {
  opacity: 0.5;
}
.©TabPanel > .tab-wrap > .nav-tabs > .tab .©-tabinfo {
  margin-left: 5px;
  align-self: center;
}
.©TabPanel > .tab-wrap > .nav-tabs > .tab .tab-sup {
  padding-left: 2px;
  font-size: 0.75em;
}
.©TabPanel > .tab-wrap > .nav-tabs > .tab .closeTab {
  visibility: hidden;
  overflow: hidden;
  margin-left: 5px;
}
.©TabPanel > .tab-wrap > .nav-tabs > .tab:hover .closeTab,
.©TabPanel > .tab-wrap > .nav-tabs > .tab.active .closeTab {
  visibility: visible;
}
.©TabPanel > .tab-wrap > .nav-tabs > .tab:hover {
  background-color: var(--tabpanelTabHover);
}
.©TabPanel > .tab-wrap > .nav-tabs > .tab:hover > .closeTab,
.©TabPanel > .tab-wrap > .nav-tabs > .tab:hover > .tabtitletext,
.©TabPanel > .tab-wrap > .nav-tabs > .tab:hover > .tabicon,
.©TabPanel > .tab-wrap > .nav-tabs > .tab:hover > .tab-sup {
  opacity: 1;
}
.©TabPanel > .tab-wrap > .nav-tabs > .tab.active {
  font-size: 14px;
  opacity: 1;
  background-color: var(--applicationBackgroundColor);
  border: 1px solid var(--borderColor);
  border-bottom: none;
}
.©TabPanel > .tab-wrap > .nav-tabs > .tab.active:hover {
  background-color: var(--applicationBackgroundColor);
}
.©TabPanel > .tab-wrap > .nav-tabs > .tab.active > .closeTab,
.©TabPanel > .tab-wrap > .nav-tabs > .tab.active > .tabtitletext,
.©TabPanel > .tab-wrap > .nav-tabs > .tab.active > .tabicon,
.©TabPanel > .tab-wrap > .nav-tabs > .tab.active > .tab-sup {
  opacity: 1;
}
.©TabPanel > .tab-wrap > .nav-tabs > .tab.noclose > .closeTab {
  opacity: 0;
  pointer-events: none;
}
.©TabPanel > .tab-wrap .tab-content .©TabPage {
  flex: 1;
  border-top: none;
}
.©TabPanel > .tab-wrap > .tab-content > .©TabPage.invisible {
  display: none !important;
}

.©HTMLTable {
  width: 100%;
  border-spacing: 0;
  background-color: var(--applicationBackgroundColor);
}
.©HTMLTable:not(.inner-table) {
  margin-bottom: 10px;
}
.©HTMLTable .©Tr {
  padding: 2px 0;
}
.©HTMLTable .©Tr:not(:first-child) {
  border-top: 1px solid #785A70;
}
.©HTMLTable .©Tr:hover {
  background-color: var(--applicationBaseFirst);
}
.©HTMLTable .©Tr.selected {
  background-color: var(--applicationBaseThird);
}
.©HTMLTable .©Tr.selected:hover {
  background-color: var(--applicationBaseSecond);
}
.©HTMLTable .©Tr .©Td {
  color: var(--applicationFontColor);
}

.virtualgrid-icon {
  min-width: 30px;
}
.©-grid-column-reorder-overlay {
  background: #777;
  opacity: 0.5;
  position: absolute;
  pointer-events: none;
}
.©-grid-column-reorder-line {
  background: yellow;
  position: absolute;
  width: 3px;
  pointer-events: none;
}
.©-VirtualGrid {
  display: flex;
  flex-direction: column;
  position: relative;
  color: var(--applicationFontColor);
  width: 100%;
}
.©-VirtualGrid .©-cell-icon {
  padding-right: 4px;
}
.©-VirtualGrid .©-expander {
  width: 10px;
}
.©-VirtualGrid .©-cell-buts {
  border: 1px solid green;
  margin-right: 10px;
  display: inline;
}
.©-VirtualGrid .©-cell-buts > span.info {
  padding-left: 5px;
  padding-right: 5px;
}
.©-VirtualGrid .©-cell-but {
  padding-left: 5px;
  padding-right: 5px;
  color: white;
  cursor: pointer;
}
.©-VirtualGrid .©-cell-but.accept,
.©-VirtualGrid .©-cell-but.keep {
  background-color: green;
}
.©-VirtualGrid .©-cell-but.delete {
  background-color: darkred;
}
.©-VirtualGrid .©-cell-but.ignore {
  background-color: gray;
}
.©-VirtualGrid.has-scrollbar > .header-wrapper > .header {
  margin-right: 5px;
}
.©-VirtualGrid .border-r .cell,
.©-VirtualGrid .border-r.cell {
  border-right: 1px solid var(--gridBorder);
}
.©-VirtualGrid .border-b .cell,
.©-VirtualGrid .border-b.cell {
  border-bottom: 1px solid var(--gridBorder);
}
.©-VirtualGrid .border-t .cell,
.©-VirtualGrid .border-t.cell {
  border-top: 1px solid var(--gridBorder);
}
.©-VirtualGrid .border-l .cell,
.©-VirtualGrid .border-l.cell {
  border-top: 1px solid var(--gridBorder);
}
.©-VirtualGrid .border-no .cell,
.©-VirtualGrid .border-no.cell {
  border-right: 0;
}
.©-VirtualGrid.striped .vt-node.odd {
  background-color: var(--gridOdd);
}
.©-VirtualGrid.striped .vt-node.even {
  background-color: var(--gridEven);
}
.©-VirtualGrid.selectable .vt-node.selected {
  background: var(--gridSelected);
}
.©-VirtualGrid.hover > .vt-viewport .vt-node:hover {
  background: var(--gridHover);
}
.©-VirtualGrid .cell {
  padding: 0 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.©-VirtualGrid .cell.icons {
  padding-left: 6px;
  text-overflow: inherit;
}
.©-VirtualGrid .cell.align-left {
  text-align: left;
}
.©-VirtualGrid .cell.selected-cell {
  border: 1px solid black;
}
.©-VirtualGrid .cell.align-right {
  text-align: right;
}
.©-VirtualGrid .cell.align-right span {
  width: 100%;
  margin-right: 5px;
}
.©-VirtualGrid .cell.align-center {
  text-align: center;
}
.©-VirtualGrid .cell.align-center span {
  width: 100%;
  margin-right: 5px;
}
.©-VirtualGrid .cell .©Input.cell-editor-input {
  height: 100%;
  border-bottom: 0;
}
.©-VirtualGrid .cell .©Input.cell-editor-input.text-align-right > .©-input-display,
.©-VirtualGrid .cell .©Input.cell-editor-input.text-align-right > .©-input {
  text-align: right;
}
.©-VirtualGrid .cell .©Input.cell-editor-input.©-type-text > .©-input {
  font: inherit;
}
.©-VirtualGrid .cell .©Input.cell-editor-input.©-type-checkbox > .©-input-display {
  text-align: center;
}
.©-VirtualGrid .cell .©Input.cell-editor-input.©-type-checkbox > .©-input {
  text-align: center;
  align-self: center;
}
.©-VirtualGrid .cell .©Input.cell-editor-input > .©-input {
  width: 100%;
  margin: 0;
  padding: 0;
}
.©-VirtualGrid .cell .©Input.cell-editor-input > .©-input-display {
  width: 100%;
  align-self: center;
  font: inherit;
  padding: 0;
  margin: 0;
  min-height: auto;
}
.©-VirtualGrid .cell .textContent {
  text-overflow: ellipsis;
}
.©-VirtualGrid .cell > div {
  width: 100%;
}
.©-VirtualGrid .cell .gridinput {
  flex: 1;
}
.©-VirtualGrid .cell i.fa-times {
  color: var(--errorColor);
}
.©-VirtualGrid .cell i.fa-check {
  color: var(--successColor);
}
.©-VirtualGrid .cell i.fa-database {
  color: var(--successColor);
}
.©-VirtualGrid .cell i.fa-folder,
.©-VirtualGrid .cell i.fa-folder-open,
.©-VirtualGrid .cell i:hover {
  color: var(--hoverColor);
}
.©-VirtualGrid .cell > a {
  color: var(--applicationFontColor);
}
.©-VirtualGrid .cell > a:hover {
  color: var(--hoverColor);
}
.©-VirtualGrid .vt-viewport {
  flex: 1 1;
}
.©-VirtualGrid .vt-viewport > .vt-nodes {
  min-height: 1px;
}
.©-VirtualGrid > .header-wrapper {
  background-color: var(--gridHeaderBackground);
}
.©-VirtualGrid > .header-wrapper > .header {
  position: relative;
  border-bottom: 1px solid var(--gridBorder);
  border-top: 1px solid var(--gridBorder);
}
.©-VirtualGrid > .header-wrapper > .header .filter-row .cell {
  padding: 0 1px;
}
.©-VirtualGrid > .header-wrapper > .header .filter-row input.filterinput {
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  padding: 2px;
  background-color: var(--gridFilter);
  width: 100%;
}
.©-VirtualGrid > .header-wrapper > .header .cell {
  color: var(--gridHeaderFont);
}
.©-VirtualGrid > .header-wrapper > .header .row > .cell > .sort-item:first-child {
  overflow: hidden;
}
.©-VirtualGrid > .header-wrapper > .header .row > .cell > .sort-item:first-child:before {
  font-family: FontAwesome;
  display: inline;
  padding-right: 2px;
  visibility: hidden;
  content: "\f0d8";
}
.©-VirtualGrid > .header-wrapper > .header .row > .cell > .sort-item:first-child.sort-asc:before {
  content: "\f0d8";
  visibility: visible;
}
.©-VirtualGrid > .header-wrapper > .header .row > .cell > .sort-item:first-child.sort-desc:before {
  content: "\f0d7";
  visibility: visible;
}
.©-VirtualGrid > .header-wrapper > .header .row {
  position: relative;
  overflow: visible;
}
.©-VirtualGrid > .header-wrapper > .header .row > .cell {
  overflow: visible;
}
.©-VirtualGrid > .header-wrapper > .header .row > .cell > .content {
  white-space: nowrap;
}
.©-VirtualGrid > .header-wrapper > .header .row > .cell .resizer {
  height: 100%;
  width: 5px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: col-resize;
}
.©-VirtualGrid .gridFooter {
  background-color: var(--gridHeaderBackground);
  position: relative;
  border-bottom: 1px solid var(--gridBorder);
  border-top: 1px solid var(--gridBorder);
}
.vt-viewport {
  position: relative;
}
.drag-helper-overlay {
  position: absolute;
}

.©WeekCalendar {
  overflow: hidden;
}
.©WeekCalendar .©Panel.weekcal-client {
  overflow: auto;
  flex: 30;
  border-top: 1px solid gray;
}
.©WeekCalendar .©Panel.weekcal-header {
  border-bottom: 1px solid gray;
  margin-left: 1px;
  overflow: hidden;
  flex: 0 0 auto;
  min-height: 120px;
}
.©WeekCalendar .©Panel.weekcal-header .©Panel {
  display: inline-block;
  min-height: 100%;
}
.©WeekCalendar .©Panel {
  position: relative;
}
.©WeekCalendar .©Panel .©Panel {
  border-right: 1px solid grey;
  border-left: 1px solid grey;
}
.©WeekCalendar .©TimePanel {
  overflow: visible;
}
.©WeekCalendar .©TimePanel .gridline {
  height: 4.16666667%;
  border-bottom: 1px solid grey;
  font-size: 8px;
  margin-left: -1px;
}
.©WeekCalendar .©DayPanel {
  position: relative;
}
.©WeekCalendar .©DayPanel .©WeekCalendarEvent {
  border: 1px solid var(--borderColor);
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  box-shadow: 0 5px 5px var(--shadowColor);
  width: 100%;
}
.©WeekCalendar .©DayPanel .©WeekCalendarEvent.dragging {
  background: darkcyan;
  z-index: 2;
}
.©WeekCalendar .©DayPanel .©WeekCalendarEvent:hover {
  z-index: 1;
}
.©WeekCalendar .©DayPanel .©WeekCalendarEvent > .©Label {
  display: block;
}
.©WeekCalendar .©DayPanel .©WeekCalendarEvent > .©Label.weekcal-title {
  font-weight: bold;
}
.©WeekCalendar .©DayPanel .©WeekCalendarEvent > .©Label.weekcal-task {
  font-style: italic;
}
.©WeekCalendar .©DayPanel .©WeekCalendarEvent .©WeekCalendarEventResizer {
  width: 100%;
  height: 3px;
  position: absolute;
  cursor: ns-resize;
}
.©WeekCalendar .©DayPanel .©WeekCalendarEvent .©WeekCalendarEventResizer.n {
  top: -1px;
}
.©WeekCalendar .©DayPanel .©WeekCalendarEvent .©WeekCalendarEventResizer.s {
  bottom: -1px;
}
.©WeekCalendar .©DayHeader {
  text-align: center;
  flex-direction: column;
  padding-top: 10px;
  overflow: visible;
  display: inline-flex;
}
.©WeekCalendar .©DayHeader .date {
  flex: 0 0 40px;
  margin: auto;
  font-size: 18px;
}
.©WeekCalendar .©DayHeader .FullDayBase {
  flex: 0 0 25px;
  font-size: 12px;
  z-index: 1;
  min-height: 25px;
  line-height: 25px;
  margin: 5px 2px;
  padding-left: 5px;
  font-weight: bold;
  border-radius: 5px;
}
.©WeekCalendar .©DayHeader .©WeekCalendarFullDayEvent {
  text-align: left;
  background: darkslategrey;
}
.weekcal-draghelper {
  position: absolute;
}

.week-calendar {
  display: flex;
  flex-direction: column;
}
.w-cal-nav {
  border-bottom: 1px solid var(--gridBorder);
  padding: 12px;
}
.w-cal-nav .cal-date-label {
  font-size: 22px;
  font-weight: 400;
}
.w-cal-top {
  padding-top: 12px;
  display: flex;
  padding-left: 55px;
  width: 100%;
  flex: 1 0 auto;
}
.w-cal-header-container {
  flex: 1 0;
  border-bottom: 1px solid var(--gridBorder);
  font-size: 72px;
}
.w-cal-header-legend {
  display: flex;
  height: 74px;
  width: 100%;
}
.w-cal-header-legend .w-cal-header-legend-cell {
  flex: 1 0 auto;
  flex-direction: column;
  padding-bottom: 3px;
}
.w-cal-header-legend-cell.selected .w-cal-header-day {
  color: var(--accentColorHighlight);
}
.w-cal-header-legend-cell.selected .w-cal-header-date {
  color: var(--applicationBackgroundColor);
  background-color: var(--accentColorHighlight);
}
.w-cal-header-legend-cell {
  text-align: center;
  color: var(--gridHeaderFont);
}
.w-cal-header-legend-cell .w-cal-header-day {
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-size: 11px;
  margin-top: 2px;
}
.w-cal-header-legend-cell .w-cal-header-date {
  margin-top: 4px;
  font-size: 25px;
  letter-spacing: -2.5px;
  text-indent: -2.5px;
  display: block;
  width: 46px;
  height: 46px;
  line-height: 46px;
  border-radius: 100%;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.w-cal-header-wholeday {
  display: flex;
  min-height: 1em;
  font-size: 26px;
}
.w-cal-cell-wholeday {
  flex: 1 1 auto;
  border-left: 1px solid var(--gridBorder);
}
.w-cal-cell-wholeday-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.w-cal-wholeday-item {
  position: absolute;
  width: 100%;
  overflow: visible;
}
.w-cal-wholeday-item .w-cal-item {
  font-size: inherit;
  width: 100%;
  height: 22px;
  line-height: 12px;
  padding-left: 7px;
  border-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  border-radius: 0;
  position: relative;
}
.w-cal-wholeday-item .w-cal-item span {
  font-size: 12px;
}
.w-cal-wholeday-item .continuous-arrow {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-top-width: 11px;
  border-bottom-width: 11px;
  width: 11px;
  top: 0;
}
.w-cal-wholeday-item.start:not(.continuous-start) {
  border-left-width: 1px;
  padding-left: 4px;
}
.w-cal-wholeday-item.start:not(.continuous-start) .w-cal-item {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.w-cal-wholeday-item.end:not(.continuous-end) {
  border-right-width: 1px;
  padding-right: 4px;
}
.w-cal-wholeday-item.end:not(.continuous-end) .w-cal-item {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.w-cal-wholeday-item.continuous.continuous-end {
  padding-right: 11px;
}
.w-cal-wholeday-item.continuous.continuous-end .continuous-arrow {
  border-left-width: 8px;
  border-left-color: black;
  right: 0;
}
.w-cal-wholeday-item.continuous.continuous-start {
  padding-left: 11px;
}
.w-cal-wholeday-item.continuous.continuous-start .continuous-arrow {
  border-right-width: 8px;
  border-right-color: black;
  left: 0;
}
.w-cal-viewport {
  flex: 1 1 auto;
  display: flex;
  overflow-x: auto;
  overflow-y: scroll;
  align-items: flex-start;
}
.w-cal-legend {
  height: auto;
  width: 55px;
}
.w-cal-hour {
  overflow: visible;
  position: relative;
  height: 1em;
}
.w-cal-hour.first span {
  display: none;
}
.w-cal-hour span {
  top: -8px;
  padding-left: 12px;
  position: relative;
  font-size: 12px;
  vertical-align: top;
}
.w-cal-content {
  display: flex;
  flex-direction: row;
  flex: 1 0 auto;
}
.w-cal-container {
  min-width: 100%;
  flex: none;
  display: flex;
  position: relative;
}
.w-cal-hour-guides {
  overflow: visible;
}
.w-cal-hour-guides .guide-line {
  height: 1em;
  overflow: visible;
}
.w-cal-hour-guides .guide-line:after {
  overflow: visible;
  content: "";
  border-bottom: var(--gridBorder) 1px solid;
  position: absolute;
  width: 100%;
  margin-top: -1px;
  z-index: 3;
  pointer-events: none;
}
.w-cal-offset {
  width: 12px;
  height: 100%;
  border-bottom: 1px solid var(--gridBorder);
}
.w-cal-cell {
  border-left: 1px solid var(--gridBorder);
  flex: 1 0 auto;
  min-width: 75px;
  height: 100%;
  position: relative;
  padding-right: 12px;
  overflow: visible;
}
.w-cal-cell-container {
  position: relative;
  overflow: visible;
  width: 100%;
  height: 100%;
}
.w-cal-cell-container .w-cal-item {
  border-radius: 3px;
  padding: 3px;
  transition: width 0.5s, left 0.5s;
}
.w-cal-cell-container .w-cal-item.selected {
  width: 100% !important;
  left: 0 !important;
  z-index: 5 !important;
}
.w-cal-item {
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid var(--applicationBackgroundColor);
  font-size: 12px;
}
.w-cal-item.selected {
  border-color: var(--accentColorHighlight);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.w-cal-item > .w-cal-item-resizer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  cursor: ns-resize;
  height: 5px;
}
.w-cal-item > .w-cal-item-resizer.canResize {
  cursor: ns-resize;
}
.w-cal-pointer {
  position: absolute;
  width: 100%;
  overflow: visible;
  z-index: 10;
}
.w-cal-pointer .w-cal-pointer-line {
  height: 1px;
  width: 100%;
  background: var(--hoverColor);
  position: absolute;
  top: 0;
}
.w-cal-pointer .w-cal-pointer-marker {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  margin-top: -5px;
  margin-left: -6.5px;
  background: var(--hoverColor);
  position: absolute;
  top: 0;
}

.©WinForm[name="projecttree1"] .grid {
  overflow-y: auto;
}
.©WinForm[name="projecttree1"] .©ProjectTree {
  width: 50%;
  float: left;
}
.©WinForm[name="projecttree1"] .©ProjectTree ul.fancytree-container {
  position: inherit;
}
/*   https://jsfiddle.net/MarketingIndustries/mkucuede/12/    */
/*   http://jsfiddle.net/MarketingIndustries/jydnnr23/2/      */
.©WinForm {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: var(--applicationBackgroundColor);
  box-shadow: 0 1.5em 4em var(--shadowColor);
}
.©WinForm.body {
  height: 100%;
  width: 100%;
}
.©WinForm.dragging {
  will-change: left, top;
}
.©WinForm .contents {
  height: 100%;
}
.©WinForm .pinned {
  color: red;
}
.©WinForm.winform-focus > .header {
  background-color: var(--accentColorHighlight);
}
.©WinForm > .header {
  min-height: 32px;
  flex: 0 0 auto;
  z-index: 3;
  white-space: nowrap;
  justify-content: space-between;
  color: var(--accentFontColor);
  align-items: center;
  background-color: var(--accentColorThird);
}
.©WinForm > .header .©ButtonBar > .©-button {
  color: var(--accentFontColor);
}
.©WinForm > .header.design {
  background-color: var(--accentColorFirst);
}
.©WinForm > .header.©-candrag:hover {
  cursor: move;
}
.©WinForm > .header .win-title {
  text-overflow: ellipsis;
  margin: 0 0 0 10px;
  font-weight: bold;
}
.©WinForm > .header .win-title i {
  margin-right: 7px;
}
.©WinForm.©-designing > .header.invisible {
  display: inherit !important;
  opacity: 0.5;
  background: repeating-linear-gradient(45deg, rgba(96, 109, 188, 0.3), rgba(96, 109, 188, 0.3) 10px, rgba(70, 82, 152, 0.3) 10px, rgba(70, 82, 152, 0.3) 20px);
  border: 1px solid gray;
}
.©WinForm.©-designing > .header.invisible > div,
.©WinForm.©-designing > .header.invisible span {
  opacity: 0.8;
}
.©WinForm .©Panel.body-content-no-overflow {
  overflow: hidden;
}
.©WinForm .container {
  overflow: auto;
}
.©WinForm.maximized {
  left: 0 !important;
  top: 45px !important;
  bottom: 0;
  width: 100% !important;
  height: auto !important;
}
.©WinForm .virtualgrid-text {
  text-overflow: ellipsis;
}
.©WinForm.©-designform {
  width: 750px;
  height: 400px;
}
.©WinFrame .©Frame {
  height: 100%;
  width: 100%;
}
.©DataModule {
  position: relative;
  left: 0 !important;
  top: 0 !important;
  flex: 1;
  max-height: 0;
}
.©DataModule.©-designing {
  max-height: initial;
}
.ftInput {
  background-color: #ddd;
  color: #212121 !important;
  border: 1px solid #333;
}
.tabs-active {
  background-color: #785A70 !important;
  color: #ECEFF1 !important;
}
.©WinForm.©-modalform.©ModalDataTablePrompt {
  min-height: 200px;
  height: auto;
  max-height: 700px;
}
.©WinForm.©-modalform.©ModalDataTablePrompt .©-modalfields {
  padding-top: 20px;
}
.©WinForm.©-modalform.©ModalDataTablePrompt .©-modalfields .©-import-checkbox {
  max-height: 480px;
  border-bottom: 1px solid var(--borderColor);
}
.©WinForm.©-modalform.©ModalDataTablePrompt .©-modalfields .©-import-checkbox > .cbElement {
  width: 72px;
}
.©WinForm.©-modalform.©ModalDataTablePrompt .©-modalfields .©-import-checkbox > .checkbox {
  margin-left: 0;
  opacity: 0.7;
}
.©WinForm.©-modalform.©ModalDataTablePrompt .©-modalfields > div.©ListViewer > table.©HTMLTable > tr.©Tr > td {
  padding: 3px 0;
}
.©WinForm.©-modalform.©ModalColumnPicker {
  min-height: 200px;
  height: auto;
  max-height: 1000px;
  width: 450px;
}
.©WinForm.©-modalform.©ModalColumnPicker div.©ListViewer > table.©HTMLTable > tr.©Tr > td {
  padding: 3px 0;
}

.©Docking {
  background-color: greenyellow;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 0;
}
.lm_header .lm_tab.isDesigner {
  padding-right: 40px !important;
}
.lm_tabs.shortened > .lm_tab {
  opacity: 0;
}
.©Docking .lm-emptyTab {
  display: none;
}
.lm_tab_dropdown {
  background-repeat: no-repeat;
  box-shadow: 0 -2px 2px #000;
  background: #222;
  width: 14px;
  height: 14px;
  right: 0px;
  position: relative;
}
.lm_tab_dropdown img {
  transform: rotate(90deg);
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.lm_droplist {
  min-width: 100px;
  min-height: 50px;
  background-color: #111;
  position: absolute;
}
.lm_droplist > .lm_tab {
  display: block;
  margin-left: 0 !important;
  margin-right: 0 !important;
  color: #eee;
  margin-bottom: 7px;
  cursor: pointer;
}
.lm_droplist > .lm_tab:hover {
  background-color: #333;
}
.lm_tabs.shortened > .lm_tab {
  opacity: 0;
}
.lm_tab_dropdown {
  background-repeat: no-repeat;
  box-shadow: 0 -2px 2px #000;
  background: #222;
  width: 14px;
  height: 14px;
  right: 0px;
  position: relative;
}
.lm_tab_dropdown img {
  transform: rotate(90deg);
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.lm_droplist {
  min-width: 100px;
  min-height: 50px;
  background-color: #111;
  position: absolute;
}
.lm_droplist > .lm_tab {
  display: block;
  margin-left: 0 !important;
  margin-right: 0 !important;
  color: #eee;
  margin-bottom: 7px;
  cursor: pointer;
}
.lm_droplist > .lm_tab:hover {
  background-color: #333;
}
.lm_header .lm_tab.isDesigner {
  padding-right: 40px !important;
}
.mobile .©WinForm {
  background-color: #e4c388;
  width: 100%;
  height: 300px;
  float: left;
  position: inherit;
  border: 1px solid black;
}
.lm_dropTargetIndicator {
  z-index: 200 !important;
}


.©ColorPickerForm {
  width: 560px;
  height: 440px;
}
.©ColorPickerForm .©Panel {
  overflow: hidden;
}
.©ColorPickerForm .©-hueslider {
  position: absolute;
  left: 0;
  top: 0;
}
.©ColorPickerForm .©-huepanel {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.©ColorPickerForm .©-huepanel > .©-hueinput {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.©ColorPickerForm .©-huepanel > .©-hueinput > .©-forminput-main {
  pointer-events: all;
  width: 40px;
  padding: 17px 0;
}
.©ColorPickerForm .©-huepanel > .©-hueinput > .©-forminput-main > .©Label {
  width: 40px;
  text-align: center;
}
.©ColorPickerForm .©-huepanel > .©-hueinput > .©-forminput-main > .©Input > .©-input {
  text-align: center;
}
.©ColorPickerForm .©-sliderspanel {
  padding: 0px 20px;
  display: flex;
  flex-direction: column;
}
.©ColorPickerForm .©-sliderspanel > .©CustomRangeSlider {
  margin-top: 3px;
}
.©ColorPickerForm .©-sliderspanel > .©CustomRangeSlider > .©-range-background.©-alphaslider {
  background-color: #ffffff;
  background-size: 10px 10px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent), linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent), linear-gradient(to bottom, #ffffff 50%, transparent 50%, transparent), linear-gradient(to right, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.4) 50%);
}
.©ColorPickerForm .©-buttonspanel {
  padding: 20px;
  flex-wrap: wrap;
}
.©ColorPickerForm .©-buttonspanel.normal {
  flex: 2;
}
.©ColorPickerForm .©-buttonspanel > .©-customcolorlabel {
  display: block;
}
.©ColorPickerForm .©-buttonspanel .©-button {
  flex: 1;
  padding: 1px;
  border: 1px solid black;
}
.©ColorPickerForm .©-buttonspanel .©-button.customBut {
  border-width: 2px;
  padding: 0;
}
.colorpicker-modal {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(14, 106, 160, 0.5);
  backdrop-filter: blur(2px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.©HSLColorPicker {
  padding: 25px;
  background-color: var(--applicationBackgroundColor);
  width: 250px;
  display: flex;
  flex-direction: column;
}
.©HSLColorPicker > .©HueWheel {
  align-self: center;
  padding: 10px;
}
.©HSLColorPicker > .label-title {
  font-weight: bold;
  padding-bottom: 10px;
}
.©HSLColorPicker > .pan-color {
  padding-top: 10px;
}
.©HSLColorPicker > .pan-color > .pan-preview {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  border: 1px solid black;
}
.©HSLColorPicker > .pan-color > .fiHex .©-input {
  max-width: 9ch;
}
.©HSLColorPicker > .pan-buttons {
  padding-top: 25px;
}
.©HSLColorPicker > .pan-buttons > .©Button {
  padding: 4px 7px;
  margin: 0;
}

.©-filtercontrol-add:hover {
  color: var(--hoverColor);
}
/**
* DARK THEME
*/
.dark .ff-logo {
  background-image: url(/dist/img/Flexfer-black.svg);
}
.dark .ff-logo.inverse {
  background-image: url(/dist/img/Flexfer-white.svg);
}
.dark .©FormInput {
  border-color: var(--borderColor);
  color: var(--applicationFontColor);
}
.dark .©FormInput.filled > .©-forminput-main {
  background: rgba(0, 0, 0, 0.1);
}
.dark .©FormInput.filled > .©-forminput-main:hover {
  border-bottom-color: var(--hoverColor);
}
.dark .©FormInput.filled > .©-forminput-main:focus {
  border-bottom-color: var(--accentColorHighlight);
}
.dark .©FormInput.editable > .©-forminput-main:hover {
  border-color: var(--hoverColor);
}
.dark .©FormInput.editable.error > .©-forminput-main {
  border-color: var(--errorColor);
}
.dark .©FormInput.editable.error > .©-forminput-main > .IGlabel {
  color: var(--errorColor);
}
.dark .©FormInput.editable.success > .©-forminput-main {
  border-color: var(--successColor);
}
.dark .©FormInput.editable.hasFocus > .©-forminput-main {
  border-color: var(--accentColorHighlight);
}
.dark .©FormInput.editable.hasFocus > .©-forminput-main:hover {
  border-color: var(--accentColorHighlight);
}
.dark .©FormInput .IGlabel.focus {
  color: var(--accentColorHighlight);
}
.dark .©FormInput.©-type-checkbox .IGlabel.focus,
.dark .©FormInput.©-type-toggle .IGlabel.focus {
  color: var(--applicationFontColor);
}
.dark .©FormInput .IGinput.error {
  border-color: var(--errorColor);
}
.dark .©FormInput .IGinput.success {
  border-color: var(--successColor);
}
.dark .©FormInput .IGsuffix {
  border-bottom-color: var(--accentFontColor);
}
.dark .©FormInput .IGmessage.error {
  color: var(--errorColor);
}
.dark .©FormInput .IGmessage.success {
  color: var(--successColor);
}
.dark .©FormInput.searchInput.style {
  box-shadow: 0.1em 0.1em 0.3em var(--shadowColor), -0.1em 0.1em 0.3em var(--shadowColor);
}
.dark .©EditorTable input {
  border-color: var(--borderColor);
  color: var(--applicationFontColor);
}
.dark .©EditorTable .©EditorRow,
.dark .©EditorTable .©EditorRowChild {
  border-color: var(--borderColor);
}
.dark .©EditorTable .©EditorRow .©EditorResizer,
.dark .©EditorTable .©EditorRowChild .©EditorResizer {
  background-color: var(--borderColor);
}
.dark .©EditorTable .©EditorRow.level20,
.dark .©EditorTable .©EditorRowChild.level20 {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level20:hover,
.dark .©EditorTable .©EditorRowChild.level20:hover {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level19,
.dark .©EditorTable .©EditorRowChild.level19 {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level19:hover,
.dark .©EditorTable .©EditorRowChild.level19:hover {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level18,
.dark .©EditorTable .©EditorRowChild.level18 {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level18:hover,
.dark .©EditorTable .©EditorRowChild.level18:hover {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level17,
.dark .©EditorTable .©EditorRowChild.level17 {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level17:hover,
.dark .©EditorTable .©EditorRowChild.level17:hover {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level16,
.dark .©EditorTable .©EditorRowChild.level16 {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level16:hover,
.dark .©EditorTable .©EditorRowChild.level16:hover {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level15,
.dark .©EditorTable .©EditorRowChild.level15 {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level15:hover,
.dark .©EditorTable .©EditorRowChild.level15:hover {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level14,
.dark .©EditorTable .©EditorRowChild.level14 {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level14:hover,
.dark .©EditorTable .©EditorRowChild.level14:hover {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level13,
.dark .©EditorTable .©EditorRowChild.level13 {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level13:hover,
.dark .©EditorTable .©EditorRowChild.level13:hover {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level12,
.dark .©EditorTable .©EditorRowChild.level12 {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level12:hover,
.dark .©EditorTable .©EditorRowChild.level12:hover {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level11,
.dark .©EditorTable .©EditorRowChild.level11 {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level11:hover,
.dark .©EditorTable .©EditorRowChild.level11:hover {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level10,
.dark .©EditorTable .©EditorRowChild.level10 {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level10:hover,
.dark .©EditorTable .©EditorRowChild.level10:hover {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level9,
.dark .©EditorTable .©EditorRowChild.level9 {
  background-color: #f2f2f2;
}
.dark .©EditorTable .©EditorRow.level9:hover,
.dark .©EditorTable .©EditorRowChild.level9:hover {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level8,
.dark .©EditorTable .©EditorRowChild.level8 {
  background-color: #d9d9d9;
}
.dark .©EditorTable .©EditorRow.level8:hover,
.dark .©EditorTable .©EditorRowChild.level8:hover {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level7,
.dark .©EditorTable .©EditorRowChild.level7 {
  background-color: #bfbfbf;
}
.dark .©EditorTable .©EditorRow.level7:hover,
.dark .©EditorTable .©EditorRowChild.level7:hover {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level6,
.dark .©EditorTable .©EditorRowChild.level6 {
  background-color: #a6a6a6;
}
.dark .©EditorTable .©EditorRow.level6:hover,
.dark .©EditorTable .©EditorRowChild.level6:hover {
  background-color: #ffffff;
}
.dark .©EditorTable .©EditorRow.level5,
.dark .©EditorTable .©EditorRowChild.level5 {
  background-color: #8c8c8c;
}
.dark .©EditorTable .©EditorRow.level5:hover,
.dark .©EditorTable .©EditorRowChild.level5:hover {
  background-color: #f2f2f2;
}
.dark .©EditorTable .©EditorRow.level4,
.dark .©EditorTable .©EditorRowChild.level4 {
  background-color: #737373;
}
.dark .©EditorTable .©EditorRow.level4:hover,
.dark .©EditorTable .©EditorRowChild.level4:hover {
  background-color: #cccccc;
}
.dark .©EditorTable .©EditorRow.level3,
.dark .©EditorTable .©EditorRowChild.level3 {
  background-color: #595959;
}
.dark .©EditorTable .©EditorRow.level3:hover,
.dark .©EditorTable .©EditorRowChild.level3:hover {
  background-color: #a6a6a6;
}
.dark .©EditorTable .©EditorRow.level2,
.dark .©EditorTable .©EditorRowChild.level2 {
  background-color: #404040;
}
.dark .©EditorTable .©EditorRow.level2:hover,
.dark .©EditorTable .©EditorRowChild.level2:hover {
  background-color: #808080;
}
.dark .©EditorTable .©EditorRow.level1,
.dark .©EditorTable .©EditorRowChild.level1 {
  background-color: #262626;
}
.dark .©EditorTable .©EditorRow.level1:hover,
.dark .©EditorTable .©EditorRowChild.level1:hover {
  background-color: #595959;
}
.dark .©EditorTable .©EditorRow .©EditorResizer.hover,
.dark .©EditorTable .©EditorRowChild .©EditorResizer.hover,
.dark .©EditorTable .©EditorRow .©EditorResizer.moving,
.dark .©EditorTable .©EditorRowChild .©EditorResizer.moving {
  background-color: #ffa500;
}
.dark .©EditorTable .©EditorRow:hover,
.dark .©EditorTable .©EditorRowChild:hover {
  background-color: var(--applicationBaseFirst);
}
.dark .©ListViewer.dragging .©Tr:hover {
  background-color: inherit;
}
.dark .menu-header {
  background: var(--applicationBaseThird);
}
.dark .menu-item.highlight {
  background: var(--accentColorHighlight);
}
.dark .grid-header {
  background: var(--applicationBaseThird);
}
.dark .©Actionbar {
  background: var(--accentColorSecond);
  border-color: var(--shadowColor);
}
.dark .©Actionbar .©CheckBox,
.dark .©Actionbar .©-input,
.dark .©Actionbar .©-button {
  color: var(--accentFontColor);
}
.dark .©TopBar {
  background: var(--accentColorThird);
  color: var(--accentFontColor);
}
.dark .©TopBar .©Actionbar {
  background: transparent;
  border: none;
}
.dark .©PropEdit .title {
  background: var(--gridHeaderBackground);
  border-bottom: 1px solid var(--gridBorder);
  color: var(--gridHeaderFont);
}
.dark .©ColorPickerForm .panButtons .©-button.customBut {
  border-color: var(--hoverColor);
}
.dark .lookupGrid {
  background: var(--gridBackground);
}
.dark .lookupGrid.top {
  box-shadow: 5px -5px 5px var(--shadowColor);
}
.dark .lookupGrid.bottom {
  box-shadow: 5px 5px 5px var(--shadowColor);
}
.dark .lookupGrid .row:hover {
  cursor: pointer;
}
.dark .©MinimzedForms:hover {
  background: var(--applicationBaseThird);
}
.dark .©MinimzedForms .formclose:hover {
  color: var(--applicationFontColor);
}
.dark .©-resize-handle {
  background-color: rgba(131, 158, 203, 0.7);
}
.dark .©SearchButton.inInput:hover,
.dark .©SearchButton.inInput .highlight {
  background: none !important;
}
.dark .©SearchButton.inInput:hover > .searchInput .©-input,
.dark .©SearchButton.inInput .highlight > .searchInput .©-input {
  border-color: var(--hoverColor);
}
.dark .©SearchButton > .searchInput .©-input {
  padding-left: 7px;
  border-radius: 5px;
  border-color: var(--accentFontColor);
  background: rgba(0, 0, 0, 0.3);
}
@keyframes fadeaway {
  0% {
    background-color: var(--accentColorHighlight);
  }
  100% {
    background-color: inherit;
  }
}
.dark .©Calendar {
  background: var(--applicationBackgroundColor);
}
.dark .©Calendar > .©Panel.cal-header > .©-button {
  background: var(--accentColorSecond);
  color: var(--accentFontColor);
}
.dark .©Calendar > .©Panel.cal-client .cal-col {
  border-color: var(--borderColor);
}
.dark .©Calendar > .©Panel.cal-client .cal-col > .cal-month-header {
  color: var(--accentFontColor);
  background: var(--accentColorSecond);
}
.dark .©Calendar > .©Panel.cal-client > .cal-month-client > .cal-month-day {
  border-color: var(--borderColor);
}
.dark .©Calendar .cal-month-entry-header {
  background-color: var(--applicationBaseSecond);
}
.dark .©Calendar .cal-month-entry-header.selected {
  background-color: var(--applicationBaseHighlight);
}
.dark .©Calendar .cal-month-entry-header.today {
  background-color: var(--accentColorFirst);
  color: var(--accentFontColor);
}
.dark .©Calendar .cal-month-entry-header.today.selected {
  background-color: var(--accentColorThird);
}
.dark .©Calendar .cal-entry.flash {
  animation: fadeaway 3s;
}
.dark .©Calendar .cal-entry-task:hover {
  background-color: var(--accentColorSecond);
}
.dark .©ModalForm .modalTitle {
  border-color: var(--borderColor);
}
.dark .©ModalForm .modalText {
  color: var(--applicationFontColor);
}

#dsnGuideContainer {
  z-index: 10;
  position: absolute;
}
#dsnGuideContainer button {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.85);
  color: white;
}
.dsnGuideArrowUp {
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid #0000008a;
}
.dsnGuideArrowDown {
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #0000008a;
}
.dsnGuideMessage {
  background-color: rgba(0, 0, 0, 0.85);
  color: white;
  padding: 5px;
  border-radius: 5px;
  max-width: 400px;
  max-height: 100px;
  overflow: auto;
  overflow-x: hidden;
  margin: 0;
  white-space: pre-line;
}
.dsnGuideMessage a.link:hover {
  text-decoration: underline;
}
.dsnGuideMessage::-webkit-scrollbar-corner,
.dsnGuideMessage::-webkit-scrollbar-thumb {
  background-color: #7b7b7b8a;
}
.dsnGuideMessage::-webkit-scrollbar-track {
  background-color: #4242428a;
}
.dependent {
  background-color: #ffa20063;
}
.vt-node .descriptionIcon {
  right: 5px;
  top: 25%;
  width: auto;
  position: absolute;
  color: var(--gridHeaderFont);
  display: none;
}
.vt-node:hover .descriptionIcon,
.vt-node .descriptionIcon.isActive {
  display: inherit;
}
.dsnGuideIcon {
  float: right;
  margin-right: 10px;
}
.dsnGuideIcon:hover {
  color: var(--hoverColor);
}
.requiredOutline {
  box-shadow: inset 0px 0px 0px 3px coral !important;
}
.requiredDescIcon {
  color: coral;
}
.dependentOutline {
  box-shadow: inset 0px 0px 0px 3px #ffe870;
}
.dependentDescIcon {
  color: coral;
}
.msgRequirements,
.msgChainedRequirements,
.msgAdditionalMessage,
.msgDescription,
.msgRequirements > p,
.msgChainedRequirements > p,
.msgAdditionalMessage > p,
.msgDescription > p {
  margin: 0;
}
.msgRequirements {
  color: coral;
}
.msgChainedRequirements {
  color: #ffe870;
}

.©FlowTree {
  position: relative;
}
.©FlowTree.©-dragging {
  opacity: 1;
}
.©FlowTree > .tree-zoom-wrapper {
  overflow: auto;
  position: relative;
  width: 100%;
  height: 100%;
}
.©FlowTree > .tree-zoom-wrapper > .flow-tree-container {
  width: 100%;
  height: 100%;
  position: absolute;
  transform-origin: 0 0;
  transition: transform 0.5s;
  overflow: visible;
}
.©FlowTree > .flow-tree-zoom-level {
  position: absolute;
  right: 0;
  top: 0;
}
.©FlowTree .item {
  position: absolute;
  display: flex;
  transition: transform 1s, width 1s;
  user-select: none;
}
.©FlowTree .item.condition.drag-helper::before {
  border-color: transparent;
}
.©FlowTree .item > .flow-drop-helper {
  font-family: FontAwesome;
  position: absolute;
  left: 50%;
}
.©FlowTree .item > .flow-drop-helper.above {
  top: 0;
}
.©FlowTree .item > .flow-drop-helper.above::before {
  content: "\f062";
}
.©FlowTree .item > .flow-drop-helper.below {
  bottom: 0;
}
.©FlowTree .item > .flow-drop-helper.below::before {
  content: "\f063";
}
.©FlowTree .box {
  margin: 10px;
  flex: 1;
  display: flex;
  align-items: center;
  place-items: stretch;
  justify-self: baseline;
}
.©FlowTree.©-drop-target:before {
  content: none;
}
.©FlowTree .clone {
  opacity: 0.1;
}
.©FlowTree.editable .item.candrag {
  cursor: move;
}
.©FlowTree .item.last .box {
  margin: 10px;
  display: block;
}
.©FlowTree .item.first .box {
  margin: 10px;
  display: block;
  text-align: end;
}
.©FlowTree .button {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 45px;
  background-color: gray;
  color: var(--formBG);
  align-items: center;
  place-content: center;
  min-width: 40px;
  min-height: 40px;
  font-size: 20px;
  align-self: center;
}
.©FlowTree .box.draggable:hover .button {
  cursor: move;
}
.©FlowTree .item.branch .button {
  display: none;
}
.©FlowTree .item.branch .info {
  flex: 1;
  text-align: center;
  padding-left: 0;
  border-radius: 6px;
  display: inline-block;
}
.©FlowTree .item.branch .box.yes .info {
  /* border: 2px solid green; */
  background-color: green;
  color: var(--formBG);
  padding: 5px;
  width: auto;
}
.©FlowTree .item.branch .box.no .info {
  color: var(--formBG);
  background-color: maroon;
  padding: 5px;
  width: auto;
}
.©FlowTree .item.condition {
  background-color: transparent;
}
.©FlowTree .info {
  display: flex;
  padding-left: 10px;
  font-size: 0.9em;
  flex-direction: column;
  background-color: transparent;
  transition: background-color 0.5s ease;
  width: 100%;
}
.©FlowTree .counter {
  position: absolute;
  bottom: 0;
  font-size: smaller;
  width: 40px;
  text-align: center;
  background-color: var(--colorPaletteA9);
  border-radius: 4px;
  display: none;
}
.©FlowTree:not(.editable) .item:not(.condition) .counter {
  display: block;
}
.©FlowTree.bordered .info {
  background-color: var(--colorPaletteG9);
  border: 1px solid var(--colorPaletteG8);
  border-radius: 4px;
  margin: 5px;
}
.©FlowTree .item.drop-target .button {
  opacity: 0.5;
}
.©FlowTree .item.drop-target:after {
  position: absolute;
  text-align: center;
  width: 100%;
  font-family: FontAwesome;
  animation-name: pulsatingcolor;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.©FlowTree .item.down.drop-target:after {
  content: "\f063";
  bottom: 0;
}
.©FlowTree .item.up.drop-target:after {
  content: "\f062";
  top: 0;
}
.©FlowTree.©-drop-target .item.drop-target:before {
  display: table;
  content: "";
  background: #2e3c8a;
  opacity: 0.5;
  height: 100%;
  width: 100%;
  z-index: 100;
  position: absolute;
  animation: pulse 5s infinite ease-in-out;
}
.item.condition .button {
  text-align: center;
  transform: rotate(45deg);
  border-radius: 0;
  margin-left: 5px;
  max-width: 30px;
  min-width: 30px;
  min-height: 30px;
  max-height: 30px;
  margin-right: 6px;
}
.item.condition .button i {
  transform: rotate(-45deg);
}
.©FlowTree .item.action .line {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: var(--borderLine);
  z-index: -1;
}
.©FlowTree .item.condition .line {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: var(--borderLine);
  z-index: -1;
}
.©FlowTree .item.branch.first .line {
  position: absolute;
  top: 80%;
  left: 50%;
  width: 50%;
  height: 100%;
  background-color: transparent;
  z-index: -1;
  border: 1px solid var(--borderLine);
  border-right: none;
}
.©FlowTree .item.branch.last .line {
  position: absolute;
  top: 80%;
  right: 50%;
  width: 50%;
  height: 100%;
  background-color: transparent;
  z-index: -1;
  border: 1px solid var(--borderLine);
  border-left: none;
  margin-right: -1px;
}
.©FlowTree .item.branch.first:before {
  border-right: 1px solid var(--borderLine);
  content: "";
  position: absolute;
  top: 0;
  right: 0px;
  height: 80%;
}
.©FlowTree .item.branch.last:before {
  border-left: 1px solid var(--borderLine);
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  height: 80%;
}
.©FlowTree .item.condition:before {
  border: 1px solid var(--borderLine);
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0;
}
.©FlowTree.content .item.action .line {
  left: 30px;
}
.©FlowTree.content .item.condition .line {
  left: 30px;
}
.©FlowTree.content .item.branch.first .line {
  left: 30px;
  right: 0;
  width: auto;
}
.©FlowTree.content .item.branch.last .line {
  left: 0;
  width: 31px;
}
.©FlowTree .item .delbut {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px;
  border-radius: 16px;
  border: 1px solid var(--textWarningColor);
  background-color: var(--buttonWarningBG);
  color: var(--textWarningColor);
  width: 24px;
  height: 24px;
  text-align: center;
  display: none;
}
.©FlowTree .item .delbut:hover {
  background-color: var(--colorPaletteA5);
  color: var(--formFG);
  border: none;
}
.©FlowTree.editable:not(.©-dragging) .item:hover .delbut {
  display: inline-block;
}
.©FlowTree .item .editbut {
  position: absolute;
  top: 0;
  left: 38px;
  padding: 4px;
  border-radius: 16px;
  background-color: var(--colorPaletteA2);
  color: var(--formBG);
  width: 24px;
  height: 24px;
  text-align: center;
  display: none;
}
.©FlowTree .item .editbut:hover {
  background-color: var(--colorPaletteA5);
  color: var(--formFG);
  border: none;
}
.©FlowTree.editable:not(.©-dragging) .item:hover .editbut {
  display: inline-block;
}

.©FormsBar {
  display: inline-flex;
  z-index: 800;
  overflow: hidden;
}
.©FormsBar.rightBar,
.©FormsBar.leftBar {
  height: 100%;
  width: 170px;
  max-width: 300px;
}
.©FormsBar.rightBar.autoHide,
.©FormsBar.leftBar.autoHide {
  position: absolute;
}
.©FormsBar.rightBar.autoHide:not(.isResizing),
.©FormsBar.leftBar.autoHide:not(.isResizing) {
  transition: width 0.5s;
}
.©FormsBar.rightBar.autoHide:not(.isResizing):not(:hover),
.©FormsBar.leftBar.autoHide:not(.isResizing):not(:hover) {
  width: 5px !important;
}
.©FormsBar.rightBar.autoHide:hover,
.©FormsBar.leftBar.autoHide:hover,
.©FormsBar.rightBar.autoHide.isMoving,
.©FormsBar.leftBar.autoHide.isMoving {
  width: unset;
}
.©FormsBar.leftBar {
  flex-direction: row;
}
.©FormsBar.leftBar.autoHide {
  left: 0;
}
.©FormsBar.rightBar {
  flex-direction: row-reverse;
}
.©FormsBar.rightBar.autoHide {
  right: 0;
}
.©FormsBar.topBar,
.©FormsBar.bottomBar {
  width: 100%;
  height: 25px;
}
.©FormsBar.topBar.autoHide,
.©FormsBar.bottomBar.autoHide {
  height: 5px;
  transition: height 0.5s;
  position: absolute;
}
.©FormsBar.topBar.autoHide:hover,
.©FormsBar.bottomBar.autoHide:hover,
.©FormsBar.topBar.autoHide.isMoving,
.©FormsBar.bottomBar.autoHide.isMoving {
  height: 25px;
}
.©FormsBar.bottomBar.autoHide {
  bottom: 0;
}
.©FormsBar.topBar.autoHide {
  top: 50px;
}
.©FormsBar > .resizeBar {
  height: 100%;
  flex: 0 4px;
  background-color: var(--accentColorFirst);
}
.©FormsBar > .resizeBar.topBar,
.©FormsBar > .resizeBar.bottomBar {
  display: none;
}
.©FormsBar > .resizeBar:hover {
  background-color: var(--accentColorHighlight);
  cursor: ew-resize;
}
.©FormsBar > .overflowPointer {
  height: 25px;
  position: absolute;
  background-color: var(--accentColorFirst);
  color: var(--accentFontColor);
  z-index: 801;
  display: flex;
  align-items: center;
  padding-left: 3px;
  padding-right: 3px;
}
.©FormsBar > .overflowPointer.right {
  right: 0;
}
.©FormsBar > .overflowPointer.left {
  left: 0;
}
.©FormsBar > .overflowPointer.hidden {
  display: none;
}
.©FormsBar .formsBar {
  background-color: var(--accentColorThird);
  height: 100%;
}
.©FormsBar .formsBar.leftBar,
.©FormsBar .formsBar.rightBar {
  overflow: hidden;
  max-width: 300px;
}
.©FormsBar .formsBar.leftBar > .movingTab,
.©FormsBar .formsBar.rightBar > .movingTab {
  width: 100%;
}
.©FormsBar .formsBar.leftBar .©FormsBarTab {
  text-align: left;
}
.©FormsBar .formsBar.rightBar > .©FormsBarTab {
  text-align: right;
}
.©FormsBar .formsBar.rightBar > .©FormsBarTab > .formTitle {
  direction: rtl;
}
.©FormsBar .formsBar.bottomBar,
.©FormsBar .formsBar.topBar {
  overflow: hidden;
}
.©FormsBar .formsBar.bottomBar > .©FormsBarTab,
.©FormsBar .formsBar.topBar > .©FormsBarTab {
  height: 100%;
  min-width: fit-content;
  max-width: 200px;
}
.©FormsBar .formsBar.bottomBar > .©FormsBarTab.formTitle,
.©FormsBar .formsBar.topBar > .©FormsBarTab.formTitle {
  direction: rtl;
}
.©FormsBar .formsBar > .©FormsBarTab {
  padding-top: 3px;
  min-height: 22px;
  transition: flex 0.1s;
  text-align: center;
  vertical-align: bottom;
  color: var(--accentFontColor);
  user-select: none;
  display: inherit;
}
.©FormsBar .formsBar > .©FormsBarTab:hover {
  background-color: var(--accentColorHighlight);
}
.©FormsBar .formsBar > .©FormsBarTab:hover > .tab-close {
  visibility: visible;
}
.©FormsBar .formsBar > .©FormsBarTab:active {
  background-color: var(--accentColorHighlight);
}
.©FormsBar .formsBar > .©FormsBarTab.focused:not(.minimized) {
  background-color: var(--accentColorFirst);
}
.©FormsBar .formsBar > .©FormsBarTab.minimized > .formTitle {
  border-bottom-color: transparent;
}
.©FormsBar .formsBar > .©FormsBarTab.movingTab {
  position: absolute;
  z-index: 801;
  background-color: var(--accentColorHighlight);
}
.©FormsBar .formsBar > .©FormsBarTab .placeHolderElm {
  position: relative;
}
.©FormsBar .formsBar > .©FormsBarTab > .formIcon {
  margin: 2px;
  width: 18px;
  text-align: end;
}
.©FormsBar .formsBar > .©FormsBarTab > .formTitle {
  flex: 1;
  height: 90%;
  max-width: inherit;
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 2px solid var(--hoverColor);
  margin: 0 3px;
}
.©FormsBar .formsBar > .©FormsBarTab > .tab-close {
  visibility: hidden;
  align-self: center;
  margin: 0 3px;
}
.©FormsBar .formsBar > .©FormsBarTab > .tab-close:hover {
  color: var(--hoverColor);
  cursor: pointer;
}
.main-layout.rightBar {
  flex-direction: row;
}
.main-layout.leftBar {
  flex-direction: row-reverse;
}
.main-layout.bottomBar {
  flex-direction: column;
}
.main-layout.topBar {
  flex-direction: column-reverse;
}
.disable-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.formsBarTabPreview {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  display: none;
}
.formsBarTabPreview > canvas {
  width: 98%;
  height: 96%;
  margin: 1%;
}
.formsBarTabPreview.show {
  display: block;
}
.previewContainer {
  border-style: solid;
  border-color: var(--accentColorHighlight);
}

.©LayoutEditor {
  width: 1000px;
  height: 700px;
}
.©LayoutEditor .©-layout-editor-forms {
  min-width: 150px;
  max-width: 150px;
  border-right: 2px solid var(--shadowColor);
}
.©LayoutEditor .©-layout-editor-forms > .©LayoutEditorForms > .©-forms-title,
.©LayoutEditor .©-layout-editor-forms > .©LayoutEditorForms > .©-forms-container > .©-layout-editor-dummy {
  border-bottom: 1px solid var(--applicationBaseSecond);
  width: 100%;
  height: 35px;
  line-height: 35px;
  padding-left: 10px;
}
.©LayoutEditor .©-layout-editor-forms > .©LayoutEditorForms > .©-forms-title {
  background-color: var(--applicationBaseThird);
  font-weight: bold;
}
.©LayoutEditor .©-layout-editor-forms > .©LayoutEditorForms > .©-forms-container {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.©LayoutEditor .©-layout-editor-forms > .©LayoutEditorForms > .©-forms-container > .©-layout-editor-dummy {
  background-color: var(--applicationBaseFirst);
  cursor: move;
}
.©LayoutEditor .©-layout-editor-forms > .©LayoutEditorForms > .©-forms-container > .©-layout-editor-dummy:hover {
  background-color: var(--applicationBaseSecond);
}
.©LayoutEditor .©DockingTabPanel {
  border: 1px solid black;
}
.©-layout-editor-form {
  width: 150px;
  height: 35px;
  line-height: 35px;
  padding-left: 10px;
}
.©-layout-editor-form .header {
  display: none;
}
.©-layout-editor-form .©ResizeHandler {
  display: none;
}
.©-layout-editor-form:hover:not(.selected) {
  background: darkslategray !important;
  cursor: pointer;
}
.©-layout-editor-form.selected {
  background: #284242 !important;
  font-weight: bold;
}

.©-filtercontrol-add:hover {
  color: var(--hoverColor);
}
body .ff-logo {
  background-image: url(/dist/img/Flexfer-white.svg);
}
body .ff-logo.inverse {
  background-image: url(/dist/img/Flexfer-black.svg);
}
body .©FormInput {
  border-color: var(--borderColor);
  color: var(--applicationFontColor);
}
body .©FormInput.filled > .©-forminput-main {
  background: rgba(0, 0, 0, 0.1);
}
body .©FormInput.filled > .©-forminput-main:hover {
  border-bottom-color: var(--hoverColor);
}
body .©FormInput.filled > .©-forminput-main:focus {
  border-bottom-color: var(--accentColorHighlight);
}
body .©FormInput.editable > .©-forminput-main:hover {
  border-color: var(--hoverColor);
}
body .©FormInput.editable.error > .©-forminput-main {
  border-color: var(--errorColor);
}
body .©FormInput.editable.error > .©-forminput-main > .IGlabel {
  color: var(--errorColor);
}
body .©FormInput.editable.success > .©-forminput-main {
  border-color: var(--successColor);
}
body .©FormInput.editable.hasFocus > .©-forminput-main {
  border-color: var(--accentColorHighlight);
}
body .©FormInput.editable.hasFocus > .©-forminput-main:hover {
  border-color: var(--accentColorHighlight);
}
body .©FormInput .IGlabel.focus {
  color: var(--accentColorHighlight);
}
body .©FormInput.©-type-checkbox .IGlabel.focus,
body .©FormInput.©-type-toggle .IGlabel.focus {
  color: var(--applicationFontColor);
}
body .©FormInput .IGinput.error {
  border-color: var(--errorColor);
}
body .©FormInput .IGinput.success {
  border-color: var(--successColor);
}
body .©FormInput .IGsuffix {
  border-bottom-color: var(--accentFontColor);
}
body .©FormInput .IGmessage.error {
  color: var(--errorColor);
}
body .©FormInput .IGmessage.success {
  color: var(--successColor);
}
body .©FormInput.searchInput.style {
  box-shadow: 0.1em 0.1em 0.3em var(--shadowColor), -0.1em 0.1em 0.3em var(--shadowColor);
}
body .©EditorTable input {
  border-color: var(--borderColor);
  color: var(--applicationFontColor);
}
body .©EditorTable .©EditorRow,
body .©EditorTable .©EditorRowChild {
  border-color: var(--borderColor);
}
body .©EditorTable .©EditorRow .©EditorResizer,
body .©EditorTable .©EditorRowChild .©EditorResizer {
  background-color: var(--borderColor);
}
body .©EditorTable .©EditorRow.level20,
body .©EditorTable .©EditorRowChild.level20 {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level20:hover,
body .©EditorTable .©EditorRowChild.level20:hover {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level19,
body .©EditorTable .©EditorRowChild.level19 {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level19:hover,
body .©EditorTable .©EditorRowChild.level19:hover {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level18,
body .©EditorTable .©EditorRowChild.level18 {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level18:hover,
body .©EditorTable .©EditorRowChild.level18:hover {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level17,
body .©EditorTable .©EditorRowChild.level17 {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level17:hover,
body .©EditorTable .©EditorRowChild.level17:hover {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level16,
body .©EditorTable .©EditorRowChild.level16 {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level16:hover,
body .©EditorTable .©EditorRowChild.level16:hover {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level15,
body .©EditorTable .©EditorRowChild.level15 {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level15:hover,
body .©EditorTable .©EditorRowChild.level15:hover {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level14,
body .©EditorTable .©EditorRowChild.level14 {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level14:hover,
body .©EditorTable .©EditorRowChild.level14:hover {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level13,
body .©EditorTable .©EditorRowChild.level13 {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level13:hover,
body .©EditorTable .©EditorRowChild.level13:hover {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level12,
body .©EditorTable .©EditorRowChild.level12 {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level12:hover,
body .©EditorTable .©EditorRowChild.level12:hover {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level11,
body .©EditorTable .©EditorRowChild.level11 {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level11:hover,
body .©EditorTable .©EditorRowChild.level11:hover {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level10,
body .©EditorTable .©EditorRowChild.level10 {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level10:hover,
body .©EditorTable .©EditorRowChild.level10:hover {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level9,
body .©EditorTable .©EditorRowChild.level9 {
  background-color: #f2f2f2;
}
body .©EditorTable .©EditorRow.level9:hover,
body .©EditorTable .©EditorRowChild.level9:hover {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level8,
body .©EditorTable .©EditorRowChild.level8 {
  background-color: #d9d9d9;
}
body .©EditorTable .©EditorRow.level8:hover,
body .©EditorTable .©EditorRowChild.level8:hover {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level7,
body .©EditorTable .©EditorRowChild.level7 {
  background-color: #bfbfbf;
}
body .©EditorTable .©EditorRow.level7:hover,
body .©EditorTable .©EditorRowChild.level7:hover {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level6,
body .©EditorTable .©EditorRowChild.level6 {
  background-color: #a6a6a6;
}
body .©EditorTable .©EditorRow.level6:hover,
body .©EditorTable .©EditorRowChild.level6:hover {
  background-color: #ffffff;
}
body .©EditorTable .©EditorRow.level5,
body .©EditorTable .©EditorRowChild.level5 {
  background-color: #8c8c8c;
}
body .©EditorTable .©EditorRow.level5:hover,
body .©EditorTable .©EditorRowChild.level5:hover {
  background-color: #f2f2f2;
}
body .©EditorTable .©EditorRow.level4,
body .©EditorTable .©EditorRowChild.level4 {
  background-color: #737373;
}
body .©EditorTable .©EditorRow.level4:hover,
body .©EditorTable .©EditorRowChild.level4:hover {
  background-color: #cccccc;
}
body .©EditorTable .©EditorRow.level3,
body .©EditorTable .©EditorRowChild.level3 {
  background-color: #595959;
}
body .©EditorTable .©EditorRow.level3:hover,
body .©EditorTable .©EditorRowChild.level3:hover {
  background-color: #a6a6a6;
}
body .©EditorTable .©EditorRow.level2,
body .©EditorTable .©EditorRowChild.level2 {
  background-color: #404040;
}
body .©EditorTable .©EditorRow.level2:hover,
body .©EditorTable .©EditorRowChild.level2:hover {
  background-color: #808080;
}
body .©EditorTable .©EditorRow.level1,
body .©EditorTable .©EditorRowChild.level1 {
  background-color: #262626;
}
body .©EditorTable .©EditorRow.level1:hover,
body .©EditorTable .©EditorRowChild.level1:hover {
  background-color: #595959;
}
body .©EditorTable .©EditorRow .©EditorResizer.hover,
body .©EditorTable .©EditorRowChild .©EditorResizer.hover,
body .©EditorTable .©EditorRow .©EditorResizer.moving,
body .©EditorTable .©EditorRowChild .©EditorResizer.moving {
  background-color: #ffa500;
}
body .©EditorTable .©EditorRow:hover,
body .©EditorTable .©EditorRowChild:hover {
  background-color: var(--applicationBaseFirst);
}
body .©ListViewer.dragging .©Tr:hover {
  background-color: inherit;
}
body .menu-header {
  background: var(--applicationBaseThird);
}
body .menu-item.highlight {
  background: var(--accentColorHighlight);
}
body .grid-header {
  background: var(--applicationBaseThird);
}
body .©Actionbar {
  background: var(--accentColorSecond);
  border-color: var(--shadowColor);
}
body .©Actionbar .©CheckBox,
body .©Actionbar .©-input,
body .©Actionbar .©-button {
  color: var(--accentFontColor);
}
body .©TopBar {
  background: var(--accentColorThird);
  color: var(--accentFontColor);
}
body .©TopBar .©Actionbar {
  background: transparent;
  border: none;
}
body .©PropEdit .title {
  background: var(--gridHeaderBackground);
  border-bottom: 1px solid var(--gridBorder);
  color: var(--gridHeaderFont);
}
body .©ColorPickerForm .panButtons .©-button.customBut {
  border-color: var(--hoverColor);
}
body .lookupGrid {
  background: var(--gridBackground);
}
body .lookupGrid.top {
  box-shadow: 5px -5px 5px var(--shadowColor);
}
body .lookupGrid.bottom {
  box-shadow: 5px 5px 5px var(--shadowColor);
}
body .lookupGrid .row:hover {
  cursor: pointer;
}
body .©MinimzedForms:hover {
  background: var(--applicationBaseThird);
}
body .©MinimzedForms .formclose:hover {
  color: var(--applicationFontColor);
}
body .©-resize-handle {
  background-color: rgba(131, 158, 203, 0.7);
}
body .©SearchButton.inInput:hover,
body .©SearchButton.inInput .highlight {
  background: none !important;
}
body .©SearchButton.inInput:hover > .searchInput .©-input,
body .©SearchButton.inInput .highlight > .searchInput .©-input {
  border-color: var(--hoverColor);
}
body .©SearchButton > .searchInput .©-input {
  padding-left: 7px;
  border-radius: 5px;
  border-color: var(--accentFontColor);
  background: rgba(0, 0, 0, 0.3);
}
@keyframes fadeaway {
  0% {
    background-color: var(--accentColorHighlight);
  }
  100% {
    background-color: inherit;
  }
}
body .©Calendar {
  background: var(--applicationBackgroundColor);
}
body .©Calendar > .©Panel.cal-header > .©-button {
  background: var(--accentColorSecond);
  color: var(--accentFontColor);
}
body .©Calendar > .©Panel.cal-client .cal-col {
  border-color: var(--borderColor);
}
body .©Calendar > .©Panel.cal-client .cal-col > .cal-month-header {
  color: var(--accentFontColor);
  background: var(--accentColorSecond);
}
body .©Calendar > .©Panel.cal-client > .cal-month-client > .cal-month-day {
  border-color: var(--borderColor);
}
body .©Calendar .cal-month-entry-header {
  background-color: var(--applicationBaseSecond);
}
body .©Calendar .cal-month-entry-header.selected {
  background-color: var(--applicationBaseHighlight);
}
body .©Calendar .cal-month-entry-header.today {
  background-color: var(--accentColorFirst);
  color: var(--accentFontColor);
}
body .©Calendar .cal-month-entry-header.today.selected {
  background-color: var(--accentColorThird);
}
body .©Calendar .cal-entry.flash {
  animation: fadeaway 3s;
}
body .©Calendar .cal-entry-task:hover {
  background-color: var(--accentColorSecond);
}
body .©ModalForm .modalTitle {
  border-color: var(--borderColor);
}
body .©ModalForm .modalText {
  color: var(--applicationFontColor);
}
/**
* LIGHT THEME
*/

.progressBarContainer {
  border-radius: 5px;
  background-color: var(--applicationBaseFirst);
}
.progressMeter.pointer {
  position: relative;
  max-height: 25px;
  max-width: 25px;
  border-radius: 50%;
  background: var(--accentColorFirst);
}
.progressMeter.bar {
  height: 100%;
  background-color: var(--accentColorFirst);
  color: var(--accentFontColor);
  text-align: center;
}
.progressMeter.bar:before {
  /** Vertical alignment */
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.©RangeSlider {
  flex: 0 0 auto !important;
  margin: 0 20px;
}
.©RangeSlider > .©-input {
  border: none;
  padding: 0;
}
.©CustomRangeSlider {
  width: 100%;
  position: relative;
  height: 40px;
  overflow: visible;
}
.©CustomRangeSlider > .abs {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 25px;
}
.©CustomRangeSlider > .©RangeSlider {
  overflow: visible;
  border-bottom: 0;
}
.©CustomRangeSlider > .©RangeSlider > input {
  margin: 0;
  overflow: visible;
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  /**
            * properties shared by both the mozilla and the webkit version of the slider thumb
            */
}
.©CustomRangeSlider > .©RangeSlider > input::-moz-range-track {
  background: transparent;
}
.©CustomRangeSlider > .©RangeSlider > input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 7px;
  height: 25px;
  border: 1px solid black;
  cursor: pointer;
  border-radius: 0px;
  outline: 2px solid white;
  box-shadow: 0 0 0 3px hsl(0, 0%, 0%);
}
.©CustomRangeSlider > .©RangeSlider > input::-moz-range-thumb {
  width: 5px;
  background: transparent;
  height: 25px;
  border: 1px solid black;
  cursor: pointer;
  border-radius: 0px;
  outline: 2px solid white;
  box-shadow: 0 0 0 3px hsl(0, 0%, 0%);
}
.©MultiRangeSlider {
  height: 80px;
  display: flex;
  align-items: center;
  position: relative;
}
.©MultiRangeSlider > .range-slider-wrapper {
  margin: 0 12.5px;
  width: 100%;
  height: 35px;
  position: relative;
  display: flex;
  align-self: center;
  align-items: center;
}
.©MultiRangeSlider > .range-slider-wrapper > .range-slider-range {
  position: absolute;
  height: 4px;
  background-color: var(--accentColorFirst);
}
.©MultiRangeSlider > .range-slider-wrapper > .range-slider-rail {
  width: 100%;
  height: 4px;
  background-color: var(--applicationBaseFirst);
}
.©MultiRangeSlider > .range-slider-wrapper > .range-slider-step {
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: var(--applicationBaseFirst);
  align-self: flex-end;
}
.©MultiRangeSlider > .range-filter-static-value {
  bottom: 0;
}
.©MultiRangeSlider > .range-step-value {
  position: absolute;
  bottom: 0;
}
.©MultiRangeSlider > .range-slider-value {
  position: absolute;
  font-size: 12px;
  width: 75px;
  text-align: center;
}
.©MultiRangeSlider > .range-slider-value.value-min {
  top: 12px;
}
.©MultiRangeSlider > .range-slider-value.value-max {
  top: 0;
}
.©MultiRangeSlider > .range-slider-thumb {
  position: absolute;
  top: 27.5px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: var(--accentColorHighlight);
  border: 1px solid var(--borderColor);
}