.sprite-more-image {
  /*display: block;*/
  background-repeat: no-repeat;
  background-position: top left;
  background-image: url(images/sprite-more.png?c5yii5brrps84400wggo0so0w);
  background-image: -webkit-image-set( url(images/sprite-more.png?c5yii5brrps84400wggo0so0w) 1x, url(images/sprite-more-2x.png?1f17gh0o3e3kgow0w4oogkk0w) 2x);
}
.sprite-more-MessageBox-close {
  background-position: -8px -6px;
  width: 23px;
  height: 23px;
}
.sprite-more-MessageBox-close-hover {
  background-position: 0 -38px;
  width: 38px;
  height: 34px;
}
.sprite-more-control-grid-add {
  background-position: 0 -76px;
  width: 16px;
  height: 16px;
}
.sprite-more-control-grid-add-hover {
  background-position: 0 -96px;
  width: 16px;
  height: 16px;
}
.sprite-more-control-boolean-checked {
  background-position: 0 -116px;
  width: 16px;
  height: 16px;
}
.sprite-more-control-date {
  background-position: 0 -136px;
  width: 24px;
  height: 24px;
}
.style-2016 .sprite-more-control-date {
  background-position: 0 -138px;
  width: 20px;
  height: 20px;
}
.sprite-more-control-email {
  background-position: 0 -164px;
  width: 18px;
  height: 14px;
}
.sprite-more-control-phone {
  background-position: 0 -182px;
  width: 16px;
  height: 16px;
}
.sprite-more-control-time {
  background-position: 0 -202px;
  width: 24px;
  height: 24px;
}
.style .sprite-more-control-time {
  background-position: 0 -204px;
  width: 20px;
  height: 20px;
}
.sprite-more-control-ref-add {
  background-position: 0 -230px;
  width: 11px;
  height: 11px;
}
.sprite-more-control-ref-add-hover {
  background-position: 0 -245px;
  width: 11px;
  height: 11px;
}
.sprite-more-control-grid-delete {
  background-position: 0 -260px;
  width: 24px;
  height: 24px;
}
.sprite-more-control-grid-delete-hover {
  background-position: 0 -288px;
  width: 24px;
  height: 24px;
}
.sprite-more-arrows-right {
  background-position: 0 -316px;
  width: 25px;
  height: 20px;
}
.sprite-more-arrows-up {
  background-position: -2px -340px;
  width: 25px;
  height: 15px;
}
.sprite-more-arrows-down {
  background-position: -2px -359px;
  width: 25px;
  height: 15px;
}
.sprite-more-toolbar-action-add {
  background-position: 0 -378px;
  width: 16px;
  height: 16px;
}
.sprite-more-toolbar-action-add-hover {
  background-position: 0 -398px;
  width: 16px;
  height: 16px;
}
.sprite-more-toolbar-action-edit {
  background-position: 0 -418px;
  width: 18px;
  height: 18px;
}
.sprite-more-toolbar-action-edit-hover {
  background-position: 0 -440px;
  width: 18px;
  height: 18px;
}
.sprite-more-toolbar-action-save,
.sprite-more-toolbar-action-done {
  background-position: 0 -462px;
  width: 18px;
  height: 18px;
}
.sprite-more-toolbar-action-save-hover,
.sprite-more-toolbar-action-done-hover {
  background-position: 0 -484px;
  width: 18px;
  height: 18px;
}
.sprite-more-toolbar-action-options {
  background-position: 0 -506px;
  width: 18px;
  height: 18px;
}
.sprite-more-toolbar-action-options-hover {
  background-position: 0 -528px;
  width: 18px;
  height: 18px;
}
.sprite-more-toolbar-action-delete {
  background-position: 0 -550px;
  width: 24px;
  height: 24px;
}
.sprite-more-toolbar-action-delete-hover {
  background-position: 0 -578px;
  width: 24px;
  height: 24px;
}
.sprite-more-toolbar-action-export {
  background-position: 0 -606px;
  width: 25px;
  height: 18px;
}
.sprite-more-toolbar-action-export-hover {
  background-position: 0 -628px;
  width: 25px;
  height: 18px;
}
.sprite-more-toolbar-action-debug {
  background-position: 0 -650px;
  width: 20px;
  height: 20px;
}
.sprite-more-toolbar-action-debug-hover {
  background-position: 0 -674px;
  width: 20px;
  height: 20px;
}
.sprite-more-toolbar-action-close {
  background-position: -8px -6px;
  width: 23px;
  height: 23px;
}
.sprite-more-toolbar-action-close-hover {
  background-position: 0 -38px;
  width: 38px;
  height: 34px;
}
.sprite-more-debug-console-with-form {
  background-position: 0 -773px;
  width: 24px;
  height: 28px;
}
.sprite-more-debug-console-without-form {
  background-position: 0 -805px;
  width: 24px;
  height: 28px;
}
.sprite-more-toolbar-action-expand-contract {
  background-position: 0 -837px;
  width: 30px;
  height: 22px;
}
.sprite-more-toolbar-action-expand-contract-hover {
  background-position: 0 -863px;
  width: 30px;
  height: 22px;
}
.sprite-more-toolbar-action-expand-expand {
  background-position: 0 -889px;
  width: 30px;
  height: 22px;
}
.sprite-more-toolbar-action-expand-expand-hover {
  background-position: 0 -915px;
  width: 30px;
  height: 22px;
}
.sprite-more-toolbar-action-expand-exit-fullscreen {
  background-position: 0 -941px;
  width: 18px;
  height: 18px;
}
.sprite-more-toolbar-action-expand-exit-fullscreen-hover {
  background-position: 0 -963px;
  width: 18px;
  height: 18px;
}
.sprite-more-toolbar-action-expand-enter-fullscreen {
  background-position: 0 -985px;
  width: 18px;
  height: 18px;
}
.sprite-more-toolbar-action-expand-enter-fullscreen-hover {
  background-position: 0 -1007px;
  width: 18px;
  height: 18px;
}
.sprite-more-toolbar-action-map {
  background-image: url(images/next-flow-icon-map.png?eted143qfwo4kwkwsgoskg404);
  width: 18px;
  height: 18px;
  background-size: 14px 18px;
  background-position: center center;
}
.navigationBar .sprite-more-toolbar-action-delete {
  background-image: url(images/next-flow-icon-delete.png?b0hileq6ak0s448444scssw8);
  width: 18px;
  height: 24px;
  background-size: cover;
  background-position: center center;
}
.navigationBar .sprite-more-toolbar-action-delete:hover {
  background-image: url(images/next-flow-icon-delete.png?b0hileq6ak0s448444scssw8);
  width: 18px;
  height: 24px;
  background-size: cover;
  background-position: center center;
}
.UILayoutFragment-root--big .sprite-more-toolbar-action-expand-contract {
  background-position: 0 -837px;
  width: 30px;
  height: 22px;
}
.UILayoutFragment-root--small .sprite-more-toolbar-action-expand-contract {
  background-position: 0 -889px;
  width: 30px;
  height: 22px;
}
.sprite-more-toolbar-action-next {
  background-image: url(images/next-flow-icon-next.png?egali2btrq8gwc84sgskw8cok);
  width: 18px;
  height: 18px;
  background-size: 14px 18px;
  background-position: center center;
}
:root {
  --solution-color: #6195d0;
  --solution-color-lighter: #91b5de;
  --solution-color-darker: #3774b9;
  --solution-color-secondary: #ababab;
  --solution-color-secondary-lighter: #c4c4c4;
  --solution-color-secondary-darker: #919191;
  --solution-error-color: #a63a50;
  --solution-text-color-accent: #fffeff;
  --solution-text-color-accent-secondary: #fffeff;
  --background-color: #f9f9f9;
  --solution-text-color: #555;
  --solution-text-color-light: #aaa;
  --solution-text-color-placeholder: #757575;
  --default-box-shadow: var(--box-shadow-left, 0) var(--box-shadow-top, 0) var(--box-shadow-blur, 4px) var(--box-shadow-spread, 0) var(--box-shadow-color, grey);
  /* Handy values */
  --border-radius: 3px;
  --box-shadow-raised-1: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  --box-shadow-raised-2: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  --box-shadow-raised-3: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  --box-shadow-raised-4: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  --box-shadow-raised-5: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  /* Theming variables. Eventually move to theme.more.css? */
  --theme-color: var(--solution-color);
  /* Compatability */
  --theme-color-prominent-1: var(--solution-color-darker);
  /* Compatability */
  --theme-text-color: white;
  --theme-background-color: var(--background-color);
  /* Compatability */
  --theme-background-color-prominent-1: #e9e9e9;
  --theme-background-text-color: #555;
  --theme-background-text-color-prominent-1: #111;
  --theme-disabled-color: #ccc;
  --theme-disabled-color-prominent: #999;
  --theme-border-radius: 2px;
  /* Theming defaults. Eventually move to theme.more.css? */
  --msd-background-color: transparent;
  --msd-border-color: lightgrey;
  --msd-border-top-color: var(--msd-border-color);
  --msd-border-right-color: var(--msd-border-color);
  --msd-border-bottom-color: var(--msd-border-color);
  --msd-border-left-color: var(--msd-border-color);
  --msd-border-radius: 0;
  --msd-border-width: 0;
  --msd-border-top-width: var(--msd-border-width, 0);
  --msd-border-right-width: var(--msd-border-width, 0);
  --msd-border-bottom-width: var(--msd-border-width, 0);
  --msd-border-left-width: var(--msd-border-width, 0);
  --msd-color: var(--solution-text-color);
  --msd-disabled-color: lightgrey;
  --msd-disabled-color-2: grey;
  --msd-disabled-color-text: #111;
  --msd-font-size: 1em;
  --msd-font-weight: normal;
  --msd-label-color: var(--solution-text-color);
  --msd-label-font-size: 1em;
  --msd-label-font-weight: normal;
  --msd-label-text-vertical-align: center;
  /* ??? */
  --msd-label-required-color: var(--solution-color, currentColor);
  --msd-label-text-align: start;
  --msd-field-margin-top: 0;
  --msd-field-margin-right: 0;
  --msd-field-margin-bottom: 0;
  --msd-field-margin-left: 0;
  --msd-field-padding-top: 10px;
  --msd-field-padding-right: 10px;
  --msd-field-padding-bottom: 10px;
  --msd-field-padding-left: 10px;
  --msd-container-margin-top: 0;
  --msd-container-margin-right: 0;
  --msd-container-margin-bottom: 0;
  --msd-container-margin-left: 0;
  --msd-container-padding-top: 0;
  --msd-container-padding-right: 0;
  --msd-container-padding-bottom: 0;
  --msd-container-padding-left: 0;
  --msd-header-title-text-size: 1.2em;
  --msd-header-title-text-color: currentColor;
  --msd-header-title-font-bold: normal;
  --msd-header-background-color: transparent;
  --msd-header-action-text-color: currentColor;
  --msd-hightlight-color: currentColor;
  --msd-shadow-color: transparent;
  --msd-shadow-width: 0;
  --msd-box-shadow-blur: 1px;
  --msd-box-shadow-color-one: transparent;
  /* rgba(0, 0, 0, 0.12); */
  --msd-box-shadow-color-two: transparent;
  /* rgba(0, 0, 0, 0.24); */
  --msd-placeholder-color: var(--solution-text-color-placeholder);
}
::-webkit-input-placeholder {
  color: var(--ms-placeholder-color, var(--msd-placeholder-color));
}
::-moz-placeholder {
  color: var(--ms-placeholder-color, var(--msd-placeholder-color));
}
:-ms-input-placeholder {
  color: var(--ms-placeholder-color, var(--msd-placeholder-color));
}
*,
*:before,
*:after {
  box-sizing: border-box;
  caret-color: currentColor;
}
/* Class for model style shadow properties */
.has-shadow {
  /* chrome does not like the --msd-box-shadow name, for some reason */
  --fox-shadow: 0 1px calc(var(--ms-box-shadow-blur, var(--msd-box-shadow-blur)) + 2px) var(--ms-box-shadow-color-one, var(--msd-box-shadow-color-one)), 0 1px calc(var(--ms-box-shadow-blur, var(--msd-box-shadow-blur)) + 1px) var(--ms-box-shadow-color-two, var(--msd-box-shadow-color-two));
}
.unstyled {
  padding: 0;
  border: none;
  background-color: transparent;
  font-family: inherit;
  color: inherit;
}
.is-hidden {
  display: none !important;
}
.is-loading {
  cursor: wait;
}
.no-animation,
.no-animation * {
  transition: none !important;
  animation: none !important;
}
.no-selection {
  user-select: none;
}
/* ======= Element styles ======== */
html {
  height: 100%;
}
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #f9f9f9;
  background-color: var(--background-color);
  color: #555;
  color: var(--solution-text-color);
  font-family: var(--solution-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
  font-size: var(--theme-font-size, 1rem);
  font-feature-settings: "kern" 1, "dlig" 1;
  font-display: swap;
}
p {
  margin: 0;
}
/* Propert support for superscript and subscript typography with fallbacks*/
sub {
  font-feature-settings: "subs" 1;
}
@supports (font-variant-position: sub) {
  sub {
    font-feature-settings: normal;
    font-variant-position: sub;
  }
}
@supports ((font-variant-position: sub) or (font-feature-settings: "subs" 1)) {
  sub {
    vertical-align: baseline;
    font-size: inherit;
  }
}
sup {
  font-feature-settings: "sups" 1;
}
@supports (font-variant-position: super) {
  sup {
    font-feature-settings: normal;
    font-variant-position: super;
  }
}
@supports ((font-variant-position: super) or (font-feature-settings: "sups" 1)) {
  sup {
    vertical-align: baseline;
    font-size: inherit;
  }
}
/* The numerals go better with body text, but have to be switched */
/* font-variant-numeric: lining-nums; in all-caps or tabular elements */
/*body {
	font-feature-settings: "onum" 1;
}
@supports (font-variant-numeric: oldstyle-nums) {
	body {
		font-feature-settings: normal;
		font-variant-numeric: oldstyle-nums;
	}
}*/
/* Inputs -> TODO remove/refactor */
input,
textarea {
  font-family: inherit;
  font-size: inherit;
}
input,
textarea,
select {
  background-color: #fff;
  border: 1px solid #555;
  font-size: 1em;
  box-shadow: none;
}
input:required,
textarea:required,
select:required {
  border-color: var(--solution-color);
}
input:disabled,
textarea:disabled,
select:disabled {
  border-color: #ccc;
}
input:invalid,
textarea:invalid,
select:invalid {
  border-color: var(--solution-error-color);
}
input[type="checkbox"],
input[type="radio"] {
  width: auto !important;
  height: auto !important;
  min-width: 0px !important;
  min-height: 0px !important;
}
input,
select,
textarea {
  width: 100%;
  min-height: 20px;
  border-radius: 2px;
}
body:not(.style-2016) input,
body:not(.style-2016) select,
body:not(.style-2016) textarea {
  min-height: 25px;
}
textarea {
  height: 100%;
  resize: none;
  overflow: auto;
}
input[readonly].more-validation-error {
  border: 1px solid --var(--solution-error-color);
}
table {
  margin: 0;
  border: 0;
  padding: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
/* TODO remove */
button.close {
  stroke: #555;
  min-width: 2em;
}
button.close:disabled {
  stroke: #ccc;
}
button.close:not(:disabled):hover {
  stroke: #111;
}
.has-action,
.has-action *:not(input) {
  cursor: pointer;
}
.has-action:hover > label {
  text-decoration: underline;
}
.solution-background {
  background-color: #6195d0;
  background-color: var(--solution-color);
}
.lightbox {
  z-index: 1000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(246, 246, 246, 0.6);
  color: #444;
}
.lightbox--clear {
  background-color: initial;
}
.lightbox-container {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  min-width: calc(200px + 30vw);
  /*width: 40vw;*/
  min-height: 200px;
  max-height: 75vh;
  font-size: 1em;
  border-radius: 2px;
  background-color: white;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
.lightbox-container-message {
  margin: 1em;
  line-height: 150%;
  color: #555;
}
.lightbox-container-buttons--default > .material {
  margin: 10px 10px;
  transition: all 200ms ease;
}
.lightbox-container-buttons--default > .material:hover,
.lightbox-container-buttons--default > .material:focus {
  background-color: rgba(204, 204, 204, 0.9);
}
.lightbox-container-buttons--default > .material:active {
  transform: translateY(2px);
}
.lightbox-header--default {
  box-shadow: none !important;
  /* Incredible hack, but we cant remove old box shadow yet. */
}
h1.lightbox-header--default,
h2.lightbox-header--default {
  margin: 0;
  padding: 0.6em;
}
.lightbox-container > h1 {
  margin: 0;
  padding: 0.5em;
  font-size: 1.25em;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}
.lightbox-container-messageBox {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  min-width: 200px;
  width: 30vw;
  min-height: 100px;
  max-height: 75vh;
  font-size: 1em;
  border-radius: 2px;
  background-color: white;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media screen and (min-width: 1280px) {
  .lightbox-container-messageBox {
    max-width: 25vw;
  }
}
.lightbox-container-messageBox > div:first-of-type {
  flex-grow: 1;
  display: flex;
  flex-flow: column;
  color: #555;
  overflow-y: auto;
}
.lightbox-container-messageBox > div > p {
  margin: 0.25em 1em;
}
.lightbox-container-messageBox p {
  line-height: 150%;
}
.lightbox-container-messageBox > div.lightbox-container-message > p {
  align-self: center;
  margin: 0;
}
.lightbox-container-buttons--default {
  flex-shrink: 0;
  padding: 0.5em;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  box-shadow: none;
  z-index: 1;
}
.lightbox-buttons--default {
  background-color: transparent;
  outline: none;
  border: 0 none;
  text-transform: uppercase;
  color: #2196f3;
  font-weight: 600;
  font-size: 0.75em;
  cursor: pointer;
  padding: 1em;
  min-width: 6em;
}
button.lightbox-buttons--default:hover {
  background-color: rgba(153, 153, 153, 0.2);
  border-radius: 2px;
}
.style-2016 input,
.style-2016 textarea,
.style-2016 select {
  border: none;
  background-color: transparent;
}
.DebugStateConsole h2 {
  font-size: 1.125em;
  margin: 0;
  padding: 0.25em 0.5em;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  background-color: #00223B;
  border-radius: 2px;
}
.DebugStateConsole h2 button {
  margin: 0;
  padding: 0;
  border: none;
  background-color: #005ea3;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  transition: all 200ms ease-out;
}
.DebugStateConsole .lightbox-container-buttons--default > .material {
  background-color: #005ea3;
  color: white;
  transition: all 200ms ease-out;
}
.DebugStateConsole button:hover,
.DebugStateConsole button:focus,
.DebugStateConsole .lightbox-container-buttons--default > .material:hover,
.DebugStateConsole .lightbox-container-buttons--default > .material:focus {
  background-color: #004170;
}
.DebugStateConsole h2 button svg {
  width: 3em;
  height: 2em;
  stroke: white;
  fill: white;
}
.DebugStateConsole .content {
  padding: 0.5em;
  overflow-y: auto;
}
.DebugStateConsole .lightbox-container-buttons--default {
  margin-top: auto;
  padding: 0;
  background-color: #00223B;
  border-radius: 2px;
}
.debug-console-holder {
  font-family: Arial, Helvetica, sans-serif;
}
.debug-console-kernel-header {
  font-size: 13px;
  padding: 3px 0 3px 5px;
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  color: #00223B;
  border-bottom: 2px solid #00223B;
}
.debug-console-kernel-holder + .debug-console-kernel-holder {
  margin-top: 10px;
}
.debug-console-kernel-state-holder {
  padding-left: 0px;
}
.debug-console-kernel-state-content {
  padding: 8px 0 8px 8px;
}
.debug-console-kernel-state-header {
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 8px;
  background-color: #ccc;
}
.debug-console-kernel-state-sub-header {
  font-size: 13px;
  display: flex;
  justify-content: space-between;
}
.debug-console-kernel-state-queries-holder li {
  font-size: 12px;
}
.debug-console-kernel-state-queries-header {
  font-size: 12px;
  text-decoration: underline;
}
.debug-console-kernel-state-formulas-holder li {
  font-size: 12px;
}
.debug-console-kernel-state-formulas-header {
  font-size: 12px;
  text-decoration: underline;
}
.debug-console-kernel-state-variables-header {
  font-size: 12px;
  text-decoration: underline;
}
.debug-console-kernel-state-with-flow,
.debug-console-kernel-state-without-flow {
  width: 100%;
  padding-left: 30px;
  display: flex;
  justify-content: space-between;
}
.debug-console-kernel-state-sub-variables-holder {
  border: 1px solid #ccc;
}
.debug-console-kernel-state-sub-variables-holder .debug-console-kernel-state-sub-variables-holder {
  border-right: none;
  border-bottom: none;
}
.debug-console-kernel-state-sub-variables-header {
  font-size: 12px;
  padding: 2px 0 2px 5px;
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  background-color: #ddd;
  border-bottom: 1px solid #ccc;
}
.debug-console-kernel-state-sub-variables-content {
  margin-left: 5px;
}
.debug-console-kernel-state-sub-variables-content .variable-title {
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
}
.debug-console-kernel-state-sub-variables-content .variable-value {
  font-size: 12px;
  font-style: italic;
}
.UILayoutWebJS-root {
  display: -webkit-flex;
  display: flex;
  height: 100%;
  width: 100%;
  overflow: hidden;
  flex-grow: 1;
}
.UILayoutGuest {
  margin: 0;
  padding: 10em 0;
  max-width: initial;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  overflow-y: auto;
}
.UILayoutGuest > .solution-header {
  flex: initial;
}
.UILayoutGuest > .solution-header > img {
  max-width: 400px;
}
.UILayoutGuest .UILayoutWebJS-container {
  overflow: hidden;
  flex-shrink: 0;
}
.UILayoutWebJS-root.menu-top {
  flex-flow: column;
  display: grid;
  grid-template: min-content 1fr / 1fr minmax(25%, min-content);
  grid-template-areas: "menu menu" "form form";
}
.UILayoutWebJS-root.menu-top.is-settings-open {
  grid-template-areas: "menu menu" "form settings";
}
.UILayoutWebJS-root.menu-top .selectPanel {
  grid-area: menu;
  overflow: visible;
}
.UILayoutWebJS-root.menu-top .selectPanel .menu-startflow-header {
  display: none;
}
.UILayoutWebJS-root.menu-top .menu-startflow-submenu {
  grid-area: settings;
}
.UILayoutWebJS-root.menu-top .UILayoutWebJS-holder {
  grid-area: form;
  overflow: auto;
}
.UILayoutWebJS-root.menu-top .MenuWebJS--extra-item {
  height: 100%;
}
.UILayoutWebJS-holder {
  flex-grow: 1;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.navigationBar {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 auto;
  align-items: center;
  min-height: 2rem;
  font-size: 0.8rem;
  color: var(--solution-text-color-accent);
  border-bottom: 1px solid #eee;
  border-bottom-color: var(--border-color, var(--solution-color));
  background-image: linear-gradient(to bottom, var(--solution-color), var(--solution-color));
  background-color: var(--solution-color);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.navigationBar.no-shadow {
  box-shadow: none;
}
.navigationBar > * {
  align-self: stretch;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}
.navigationBar-menu-toggle {
  display: none;
}
.menu-auto-hidden .navigationBar-menu-toggle {
  display: block;
}
.navigationBar-menu-toggle {
  padding: 0 0.25em;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.navigationBar-menu-toggle:hover {
  background: linear-gradient(to bottom, var(--solution-color-darker), var(--solution-color-darker));
}
.navigationBar-menu-toggle svg {
  margin: 0;
  padding: 0.2em;
  height: 2em;
  width: 2em;
  stroke: #ffffff;
  stroke: var(--solution-text-color-accent);
  stroke-width: 1em;
}
.selectPanel {
  transition: all 200ms ease-out;
}
.selectPanel .navigationBar-menu-toggle svg {
  stroke: #ffffff;
  stroke: var(--solution-text-color-accent);
}
.menu-auto-hidden .selectPanel {
  position: fixed;
  top: 0;
  right: -18em;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.75);
}
.menu-auto-hidden .selectPanel > * {
  width: 18em;
  background-color: var(--background-color);
}
.menu-auto-hidden .selectPanel.is-closed {
  transform: translateX(-20em);
  right: calc(100vw - 18em);
  background-color: transparent;
}
.menu-auto-minimized .selectPanel.is-minimized {
  display: flex;
  flex-basis: 5em;
}
.menu-auto-minimized .selectPanel.is-minimized .menu-accordion_item span,
.menu-auto-minimized .selectPanel.is-minimized .MenuWebJS--extra-item-logout span {
  display: none;
}
.flow-item {
  align-self: stretch;
  max-height: 2rem;
  padding: 0.7em;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  background-color: transparent;
  cursor: pointer;
  transition: background-color ease-in-out 300ms;
}
.navigationBar__current-flow .flow-item {
  cursor: auto;
}
.flow-item img {
  width: auto;
  height: 22px;
}
.navigationBar__previous-flows .flow-item {
  border-right: 1px solid #ddd;
  border-right-color: var(--border-color, #ddd);
}
.navigationBar__current-flow {
  font-weight: bolder;
}
.navigationBar__next-flows {
  margin-left: auto;
  display: -webkit-flex;
  display: flex;
  list-style: none;
}
.navigationBar__next-flows .flow-item {
  border-left: 1px solid #ddd;
  border-left-color: var(--border-color, #ddd);
}
.navigationBar__previous-flows .flow-item:hover,
.navigationBar__next-flows .flow-item:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.navigationBar .navigationBar__next-flows-menu {
  position: relative;
  padding: 0;
}
.navigationBar__next-flows-menu-toggle-label {
  cursor: pointer;
  padding: 0.7em;
}
.navigationBar__next-flows-menu-toggle-state {
  display: none;
}
.navigationBar__next-flows-menu-view {
  position: fixed;
  right: calc(var(--anchor-right, 0) * 1px + 1em);
  top: calc(var(--anchor-top, 0) * 1px + 0.5em);
  min-width: 12em;
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: #888 0 2px 5px 0;
  transition: opacity 200ms ease-out, transform 200ms ease-out 200ms;
  z-index: 3;
  /* So it comes on top of the gmap, and not below */
}
.flow-item {
  background-color: var(--solution-color);
  color: var(--solution-text-color-accent);
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  transition: all 200ms ease-out;
}
.navigationBar .flow-item {
  background-color: transparent;
}
.flow-item:hover {
  background-color: var(--solution-color-darker);
}
.navigationBar__current-flow .flow-item:hover {
  background-color: var(--solution-color);
}
.navigationBar__next-flows-menu-view .flow-item + .flow-item {
  border-top: 1px solid var(--solution-color-lighter);
}
.UILayoutWebJS-container {
  position: relative;
  flex: 1 1 auto;
  max-width: 100%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  transition: transform 200ms ease-in-out;
  overflow: auto;
}
.UILayoutWebJS-container > * {
  flex-grow: 1;
}
.UILayoutWebJS-container.from-right {
  transform: translateX(100%);
}
.UILayoutWebJS-container.from-left {
  transform: translateX(-100%);
}
.UILayoutWebJS-container.from-top {
  transform: translateY(-100%);
}
.UILayoutWebJS-container.from-bottom {
  transform: translateY(100%);
}
.UILayoutWebJS-container.ready {
  transform: none;
}
/*.UILayoutWebJS-holder .UILayoutWebJS-footer {
    position: sticky;
    bottom: 0px;
    background-color: var(--background-color);
}*/
.UILayoutWebJS-floating {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  display: grid;
  grid-template-areas: "ss sc se" "cs cc ce" "es ec ee";
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  z-index: 1;
}
.UILayoutWebJS-floating-ss {
  grid-area: ss;
}
.UILayoutWebJS-floating-sc {
  grid-area: sc;
}
.UILayoutWebJS-floating-se {
  grid-area: se;
}
.UILayoutWebJS-floating-cs {
  grid-area: cs;
}
.UILayoutWebJS-floating-cc {
  grid-area: cc;
}
.UILayoutWebJS-floating-ce {
  grid-area: ce;
}
.UILayoutWebJS-floating-es {
  grid-area: es;
}
.UILayoutWebJS-floating-ec {
  grid-area: ec;
}
.UILayoutWebJS-floating-ee {
  grid-area: ee;
}
/* Bottom -> up */
.UILayoutWebJS-floating-es,
.UILayoutWebJS-floating-ec,
.UILayoutWebJS-floating-ee {
  display: flex;
}
.UILayoutWebJS-floating-es > .field-container,
.UILayoutWebJS-floating-ec > .field-container,
.UILayoutWebJS-floating-ee > .field-container {
  align-self: flex-end;
}
.UILayoutWebJS-floating > * > * {
  pointer-events: all;
}
.UILayoutLoginWebJS {
  position: relative;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}
.UILayoutLoginWebJS .solution-logo {
  position: relative;
  height: 0;
  text-align: center;
}
.UILayoutLoginWebJS .solution-logo img {
  min-width: 20em;
  max-width: 20em;
  transform: translateY(-175%);
}
.UILayoutLoginWebJS .solution-logo span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 1em;
  transform: translateY(-175%);
  font-size: 5em;
  background: var(--solution-color);
  color: var(--solution-text-color-accent);
  text-shadow: -1px 2px rgba(0, 0, 0, 0.5);
}
.UILayoutLoginWebJS .UILayoutWebJS-holder {
  position: relative;
  flex: 0 1 auto;
  max-width: 25em;
  border-radius: 4px;
  background-color: #f9f9f9;
  box-shadow: 0px 0 25px 0px rgba(0, 0, 0, 0.5);
}
.UILayoutContainer.UILayoutLoginWebJS .UILayoutWebJS-container {
  margin: 1em 3em;
  overflow: hidden;
}
.UILayoutLoginWebJS input {
  border-radius: 0;
}
.StringWebJS.more-blueberry,
.PasswordWebJS.more-blueberry,
.RefWebJS.more-blueberry {
  position: relative;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.StringWebJS.more-blueberry input,
.PasswordWebJS.more-blueberry input,
.RefWebJS.more-blueberry input {
  width: 100%;
  height: 2.5em;
  margin: 1em 0;
  padding: 0 1em;
  border: none;
  border-bottom: 2px solid #a0d2ff;
  border-bottom-color: var(--solution-color-lighter);
  color: #6195d0;
  color: var(--solution-color);
  background: transparent;
  transition: all 200ms ease-out;
  outline: none;
}
.StringWebJS.more-blueberry input:focus,
.StringWebJS.more-blueberry input.filled:focus,
.PasswordWebJS.more-blueberry input:focus,
.PasswordWebJS.more-blueberry input.filled:focus,
.RefWebJS.more-blueberry input:focus,
.RefWebJS.more-blueberry input.filled:focus {
  border-color: #6195d0;
  border-color: var(--solution-color);
}
.StringWebJS.more-blueberry label:not(.field-label-img),
.PasswordWebJS.more-blueberry label:not(.field-label-img),
.RefWebJS.more-blueberry label:not(.field-label-img) {
  position: absolute;
  top: 0;
  left: 1em;
  min-width: initial;
  max-width: initial;
  line-height: 1em;
  text-transform: lowercase;
  font-variant: small-caps;
  font-weight: bolder;
  color: #6195d0;
  color: var(--solution-color);
  transform: translateY(2em);
  transition: all 200ms ease-out;
  pointer-events: none;
}
.StringWebJS.more-blueberry input:focus + label,
.StringWebJS.more-blueberry input.filled:focus + label,
.PasswordWebJS.more-blueberry input:focus + label,
.PasswordWebJS.more-blueberry input.filled:focus + label,
.RefWebJS.more-blueberry input:focus + label,
.RefWebJS.more-blueberry input.filled:focus + label {
  transform: translateY(50%);
  font-size: 0.8em;
}
.StringWebJS.more-blueberry input.filled,
.PasswordWebJS.more-blueberry input.filled,
.RefWebJS.more-blueberry input.filled {
  border-color: transparent;
  border-bottom-color: #6195d0;
  border-bottom-color: var(--solution-color);
}
.StringWebJS.more-blueberry input.filled + label,
.PasswordWebJS.more-blueberry input.filled + label,
.RefWebJS.more-blueberry input.filled + label {
  transform: translateY(50%);
  font-size: 0.8em;
}
.CheckBoxWebJS.more-blueberry {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  --ms-padding-top: 0 !important;
  padding: 1.5em 0 0.5em 1em !important;
  border-bottom: 2px solid #6195d0 !important;
  border-bottom-color: var(--solution-color) !important;
  text-transform: lowercase;
  font-variant: small-caps;
  font-weight: bold;
  color: #6195d0;
  color: var(--solution-color);
}
.CheckBoxWebJS.field-container.more-blueberry > .field-label {
  width: 100%;
  max-width: initial;
  color: #6195d0;
  color: var(--solution-color);
  font-weight: bold;
}
.CheckBoxWebJS.more-blueberry > .field-control {
  flex: 0 0 auto;
}
.CheckBoxWebJS.more-blueberry > .field-control svg {
  width: 1.4em;
  height: 1.4em;
  padding: 2px;
  border: 1px solid #a0d2ff;
  border-color: var(--solution-color-lighter);
  background-color: transparent !important;
}
.CheckBoxWebJS.more-blueberry > .field-control input:checked + svg path {
  stroke: #6195d0 !important;
  stroke: var(--solution-color) !important;
  stroke-width: 25;
}
.ButtonWebJS > .field-control {
  font-size: inherit;
  font-weight: inherit;
}
.ButtonWebJS.more-blueberry {
  color: #fffeff;
  color: var(--solution-text-color-accent);
  background-color: #6195d0;
  --ms-background-color: var(--solution-color);
  font-size: 1em;
  min-height: 40px;
  transition: background-color 200ms ease-out;
}
.ButtonWebJS.more-blueberry:hover {
  background-color: var(--solution-color-darker);
}
.ButtonWebJS.more-blueberry > .field-control {
  color: white;
}
.loginField_recoverPasswordText {
  margin-top: 2em;
  text-align: center;
  font-size: 0.7em;
  color: #6195d0;
  color: var(--solution-color);
  text-decoration: underline;
  cursor: pointer;
  transition: all 200ms ease-out;
}
.loginField_recoverPasswordText:hover {
  color: #3774b9;
  color: var(--solution-color-darker);
}
.recover-password-default-form {
  display: grid;
  grid-template: min-content min-content min-content / min-content 1fr 7em 7em;
  grid-gap: 1em;
  padding: 1em 1em 0 1em;
}
.recover-password-default-form label {
  text-transform: lowercase;
  font-variant: small-caps;
  color: var(--solution-color);
  font-weight: 500;
}
.recover-password-default-form input {
  border-bottom: 2px solid var(--solution-color);
  grid-column: 2 / 5;
  border-radius: 0;
  transition: border 200ms ease-out;
}
.recover-password-default-form input:focus {
  outline: none;
  border-bottom-color: var(--solution-color-darker);
}
.recover-password-default-form button {
  display: flex;
}
.recover-password-default-form button.confirm {
  grid-column: 3;
}
.recover-password-default-form button.canel {
  grid-column: 4;
}
.selectPanel .layout-startflow-menu-user-pane {
  flex-shrink: 0;
  background-color: #6195d0;
  background-color: var(--solution-color);
  height: 25px;
  overflow: hidden;
}
.layout-menu-auto-toggle {
  width: 3em;
  padding: 2px 0.5em;
  margin: 0;
  margin-left: auto;
  border: none;
  background-color: transparent;
  transform: rotateY(-180deg);
  transition: all 300ms ease-out;
  border-bottom-left-radius: 4px;
}
.layout-menu-auto-toggle.is-toggled {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transform: rotateY(0);
}
.layout-menu-auto-toggle:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
.layout-menu-auto-toggle svg {
  position: relative;
  top: 2px;
  fill: none;
  stroke: var(--solution-text-color-accent);
  stroke-width: 12;
}
.layout-startflow-menu-user-pane-text {
  width: 290px;
  padding-left: 5px;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  white-space: nowrap;
  color: white;
  text-shadow: none;
  overflow: hidden;
}
.layout-startflow-menu-user-pane.minimized .layout-startflow-menu-user-pane-text {
  width: 90px;
}
.moduleList {
  margin-top: auto;
}
.subModuleList {
  overflow-y: auto;
}
.logoutButton {
  padding: 14px;
}
.menu-auto-hidden .selectPanel {
  z-index: 4;
}
.selectPanel {
  flex: 0 0 18em;
  /* 300px */
  position: relative;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  border: none;
  overflow: hidden;
  box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.5);
  z-index: 4;
}
.selectPanel-minimized {
  flex-basis: 6em;
  /* 90px */
}
.MenuWebJS {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background-color: white;
}
.MenuWebJS--menu-items {
  flex: 1;
  overflow-y: auto;
}
.MenuWebJS--header-items,
.MenuWebJS--footer-items,
.MenuWebJS--extra-items {
  flex-shrink: 0;
  display: flex;
}
.MenuWebJS-footer-item {
  min-height: 3em;
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-bottom: 0;
  /* Avoid double border with extra-items */
  color: inherit;
  background-color: transparent;
  font-size: 1em;
}
.MenuWebJS-footer-item img {
  max-height: 3em;
}
.MenuWebJS--extra-items {
  flex-flow: column;
  align-items: stretch;
}
.MenuWebJS--extra-item {
  padding: 3px 10px 3px 25px;
  min-height: 3em;
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  color: inherit;
  background-color: transparent;
  font-size: 1em;
  font-weight: bold;
}
.MenuWebJS-footer-item:hover,
.MenuWebJS--extra-item:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.MenuWebJS--extra-item > :first-child {
  width: 2em;
}
.MenuWebJS--extra-item > :last-child {
  padding: 8px 8px 8px 20px;
}
.MenuWebJS--extra-sync-text {
  padding: 8px 8px 8px 20px;
  font-size: 0.95em;
  font-weight: bold;
  text-align: left;
}
.MenuWebJS--extra-sync-text p {
  margin: 0;
}
.MenuWebJS--extra-sync-icon {
  background-image: url(images/Sync.png?2rbf5uymcyasso0gw00w08sks);
  width: 30px;
  height: 30px;
  background-size: 30px;
}
.MenuWebJS--extra-sync-icon.MenuWebJS--sync__error {
  background-image: url(images/Sync_problem.png?9mdsoa5fm9css0gw80gs44c88);
}
.MenuWebJS--extra-sync-text-subtitle {
  font-size: 0.8em;
  font-weight: normal;
  margin-top: 0.25em;
}
.menu-web {
  flex-grow: 1;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: rgba(245, 245, 245, 0.95);
}
.menu-web .MenuWebJS--menu-items {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.menu-consolidated {
  flex: 1 1 auto;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: rgba(245, 245, 245, 0.95);
  background-image: url(images/pattern.png?2cqug00tqdnos8s8wswoskw80);
  box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.5);
}
.menu-consolidated .MenuWebJS--extra-menu-items {
  box-shadow: 0 0 4px 4px lightgrey;
}
.menu-startflow {
  flex-grow: 1;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #f5f5f5;
}
.selectPanel .menu-startflow-header {
  flex-shrink: 0;
  height: 2rem;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  background-color: var(--solution-color);
}
.menu-startflow-header-img {
  height: 100%;
  padding-left: 20px;
}
.menu-startflow-header-minimized-img {
  height: 40%;
  padding-left: 20px;
}
.menu-startflow_module + .menu-startflow_module {
  border-top: 1px solid #ddd;
}
.menu-startflow_settings {
  margin-top: auto;
  order: 2;
}
.menu-startflow_item {
  flex-shrink: 0;
  padding: 3px 10px 3px 25px;
  min-height: 2em;
  position: relative;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  font-weight: bold;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.menu-startflow_item:hover {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.menu-startflow_item img {
  width: 1.9em;
  align-self: center;
}
.menu-startflow_item span {
  padding: 8px 8px 8px 20px;
}
.menu-startflow_settings-icon {
  background-image: url(images/icon-admin-settings.png?2bzf75mowysk084oc8oc8kwgk);
  width: 30px;
  height: 30px;
  background-size: 30px;
  background-repeat: no-repeat;
}
.menu-startflow-auto-hide-holder {
  cursor: pointer;
}
.menu-startflow-auto-hide-handle {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 20px;
  background-color: transparent;
}
.menu-startflow-auto-hide-on {
  background-image: url(images/toolbar-menu-autohide-on.png?9jaygcnl7cowccgok8g8gowk8);
  width: 30px;
  height: 22px;
  background-repeat: no-repeat;
}
.menu-startflow-auto-hide-off {
  background-image: url(images/toolbar-menu-autohide-off.png?4ixl809dul2cgkkk8o8gkogk8);
  width: 30px;
  height: 22px;
  background-repeat: no-repeat;
}
.selectPanel.selectPanel--hidden ~ .UILayoutWebJS-holder {
  max-width: 100vw;
}
.selectPanel--hidden {
  display: none;
}
.imageStartFlow_image > .menu-startflow_settings-icon {
  width: 100%;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 30px;
  background-position-x: center;
}
.menu-startflow_item-text {
  padding: 8px;
  padding-left: 20px;
  font-size: 0.95em;
  font-weight: bold;
}
.menu-startflow_item-text p {
  margin: 0;
}
.menu-startflow_item-text .menu-startflow_item-text-subtitle {
  font-size: 0.8em;
  font-weight: normal;
  margin-top: 0.25em;
}
.menu-startflow-submenu {
  flex: 0 0 18em;
  overflow-y: auto;
  overflow-x: hidden;
  display: inline-block;
  padding: 10px;
  background-color: #f5f5f5;
}
.menu-startflow-submenu-label {
  padding-left: 0px !important;
}
.menu-startflow-submenu-label img {
  padding-right: 5px;
  vertical-align: bottom;
  width: 30px;
  height: auto;
}
.menu-startflow-submenu-flow-userlogin {
  color: #999;
  font-size: 12px;
}
.menu-startflow-submenu-sync-date {
  text-align: center;
}
.menu-startflow-submenu-sync {
  color: #fff;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 10px;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  text-shadow: 0px 1px 1px #363636;
  border: 1px solid #999;
  border-radius: 4px;
  background: #a9a9a9;
  background: linear-gradient(to bottom, #a9a9a9 0%, #919191 100%);
  /* W3C */
}
.menu-startflow-submenu-sync:hover {
  border-radius: 4px;
  background: #bababa;
  background: linear-gradient(to bottom, #bababa 0%, #a7a7a7 100%);
  /* W3C */
}
.menu-startflow-about-product {
  color: #FF6526 !important;
}
.menu-startflow-about-holder {
  overflow: auto;
  height: auto;
  padding: 20px;
  margin: 10px;
  border-radius: 4px;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  color: #fff;
  font-weight: bold;
  text-shadow: none;
}
.menu-startflow-about-holder .CtrlNextFlowInline-margin {
  margin: 20px;
  margin-left: 0px;
  margin-right: 0px;
}
.menu-startflow-about-holder .CtrlNextFlowInline-flow {
  padding: 12px;
}
.menu-startflow-about-header {
  padding: 0 10px 20px;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-wrap: wrap;
}
.menu-startflow-about-header div {
  width: 50%;
  display: inline-block;
}
.menu-startflow-about-header div:last-child {
  font-size: 12px;
  text-align: right;
  flex-basis: 50%;
}
.menu-startflow-about-version,
.menu-startflow-about-company {
  font-size: 0.75em;
  padding-bottom: 10px;
}
.menu-startflow-about-footer {
  padding: 20px;
  font-weight: bold;
  position: absolute;
  bottom: 0px;
}
.menu-startflow-about-product-logo {
  width: 100%;
  height: 80px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: initial;
}
.menu-startflow-submenu-bgsync {
  padding-top: 8px;
}
.menu-flowHolder {
  position: relative;
}
.menu-hierarchical .MenuWebJS--menu-items {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
}
.menu-hierarchical-module-header {
  order: 1;
  background-color: var(--solution-color);
  color: var(--solution-text-color-accent);
  font-size: 0.9em;
  padding: 0.2em;
  border-top: 1px solid var(--solution-color-lighter);
  border-bottom: 1px solid var(--solution-color-darker);
  cursor: pointer;
  transition: all 200ms ease-out;
}
.menu-hierarchical-module-header:hover {
  background-color: var(--solution-color-darker);
}
.menu-hierarchical-module-header.ui-selected {
  background-color: var(--solution-color-secondary-lighter);
  border-top-color: var(--solution-color-secondary-lighter);
  border-bottom-color: var(--solution-color-secondary-darker);
  color: #222;
}
.menu-hierarchical-sub-module-header {
  background-color: var(--solution-color-secondary);
  color: var(--solution-text-color-accent-secondary);
  font-size: 0.9em;
  padding: 0.2em;
  border-top: 1px solid var(--solution-color-secondary-lighter);
  border-bottom: 1px solid var(--solution-color-secondary-darker);
  cursor: pointer;
}
.menu-hierarchical-module-group {
  margin-bottom: auto;
  overflow-y: auto;
}
.menu-hierarchical-flow {
  font-size: 0.7em;
  padding: 0.4em 0.5em;
  cursor: pointer;
}
.menu-hierarchical-flow:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.menu-hierarchical-flow + .menu-hierarchical-flow {
  border-top: 1px solid lightgrey;
}
.menu-hierarchical .MenuWebJS--extra-item {
  font-size: 0.9em;
  font-weight: normal;
  min-height: initial;
  padding: 0.2em;
  background-color: var(--solution-color);
  color: var(--solution-text-color-accent);
  border-bottom: 1px solid var(--solution-color-darker);
  border-top: 1px solid var(--solution-color-lighter);
  border-left: none;
  border-right: none;
}
.menu-hierarchical .MenuWebJS--extra-item span {
  padding: 0;
}
.menu-hierarchical .MenuWebJS--extra-item img {
  display: none;
}
.menu-badge {
  width: 12px;
  height: 12px;
  color: #fff;
  font-size: 11px !important;
  text-align: center;
  padding: 2px !important;
  display: inline-block;
  float: right;
  border-radius: 50%;
  border: 0px !important;
  position: absolute;
  top: 0px;
  right: 0px;
  background: linear-gradient(to bottom, #f00 0%, #c00 100%) !important;
}
.menu-accordion button {
  display: flex;
  align-items: center;
}
.menu-accordion .ui-selected button {
  border-bottom-color: transparent;
}
.menu-accordion_item {
  width: 100%;
  min-height: 3.2em;
  display: flex;
  align-items: center;
  align-self: center;
  text-align: left;
  font-family: inherit;
  font-size: inherit;
  border: none;
  border-bottom: 1px solid #f0f0f0;
  background-color: #fff;
  transition: all 200ms ease-out;
}
.menu-accordion_item img {
  max-width: 2em;
  margin: 0.5em;
}
.menu-accordion_menu-fold {
  position: relative;
  display: flex;
  flex-flow: column;
}
.menu-accordion_menu-fold .svg-line-chevron {
  width: 1em;
  height: 1em;
  margin-left: auto;
  transform: rotateZ(90deg) scaleX(0.5);
  fill: #8C8C8E;
  stroke: #8C8C8E;
  stroke-width: 14;
  stroke-linecap: round;
  transition: transform 200ms ease-out;
}
.menu-accordion_menu-fold.fold-open .svg-line-chevron {
  transform: rotateZ(90deg) rotateY(180deg) scaleX(0.5);
}
.menu-accordion_menu-fold:not(.fold-open) .menu-accordion_item:not(:first-of-type) {
  display: none;
}
.menu-accordion_menu-fold .menu-accordion_item:not(:first-of-type) {
  padding-left: 4em;
}
.menu-accordion_menu-fold .menu-accordion_item:not(:first-of-type):not(.ui-selected) {
  background-color: #fafafa;
}
.menu-accordion_menu-fold .menu-accordion_item:not(:first-of-type):not(.ui-selected) span {
  color: #8a8a8c;
}
.menu-accordion_menu-fold.fold-open::before {
  border-top: none;
  border-bottom: 0.55em solid #474747;
  transform: translateY(1.25em);
}
.menu-accordion_menu-fold.fold-open::after {
  border-top: none;
  border-bottom: 0.25em solid #fafafa;
  transform: translateY(1.5em);
}
.menu-accordion_menu-fold.fold-open ol {
  display: block;
}
.menu-accordion_item.ui-selected {
  background-color: var(--solution-color);
}
.menu-accordion .MenuWebJS--extra-menu-items {
  display: flex;
  justify-content: flex-start;
  background-color: white;
}
.MenuWebJS--extra-menu-items .menu-accordion_item-left + .menu-accordion_item-right,
.MenuWebJS--extra-menu-items .menu-accordion_item-right:first-child {
  margin-left: auto;
}
.MenuWebJS--extra-menu-items button {
  border: none;
}
.menu-horizontal,
.menu-horizontal .MenuWebJS--menu-items {
  background-color: #e3f0ff;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  overflow-y: visible;
}
.menu-horizontal .menu-horizontal-list-holder {
  z-index: 1;
  position: absolute;
  top: var(--menu-horizontal-list-holder-fold-height);
  min-width: var(--menu-horizontal-list-holder-min-width);
  overflow: auto;
  max-height: 75vh;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.4);
}
.menu-horizontal .menu-horizontal-module {
  background-color: var(--solution-color-lighter);
  cursor: default;
  flex-grow: 1;
  display: inline;
  align-items: center;
  justify-content: center;
}
.menu-horizontal .menu-horizontal-module:hover,
.menu-horizontal .menu-horizontal-module.is-selected {
  background-color: var(--solution-color);
}
.menu-horizontal .menu-horizontal-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-horizontal .menu-horizontal-module .menu-horizontal-item {
  padding: 0.5em;
}
.menu-horizontal .menu-horizontal-list-holder-item .menu-horizontal-item {
  padding: 0em;
}
.menu-horizontal .menu-horizontal-bar-item span {
  padding: 7px 5px;
  display: flex;
  color: var(--solution-text-color-accent);
}
.menu-horizontal .menu-horizontal-list-holder-item {
  border: none;
  font-family: inherit;
  background-color: var(--background-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0em 0.5em;
  min-width: 100%;
}
.menu-horizontal .menu-horizontal-list-holder-item:hover,
.menu-horizontal .menu-horizontal-list-holder-item:focus {
  background-color: var(--solution-color-lighter);
  box-shadow: var(--default-box-shadow);
}
.menu-horizontal button.menu-horizontal-list-holder-item:active {
  transform: translateY(0px);
}
.menu-horizontal .menu-horizontal-bar-item img {
  max-height: 2em;
  max-width: 2em;
}
.menu-horizontal .menu-horizontal-list-holder-item img {
  max-height: 1.5em;
  max-width: 1.5em;
}
.menu-horizontal .menu-horizontal-list-holder-item span {
  color: var(--solution-text-color-light);
  text-align: left;
  text-align: start;
}
.menu-horizontal .menu-horizontal-list-holder-item:hover span,
.menu-horizontal .menu-horizontal-list-holder-item:focus span {
  color: var(--solution-text-color-accent);
}
.menu-horizontal .menu-horizontal-bar-item {
  border: none;
  font-family: inherit;
  background-color: var(--solution-color-lighter);
  cursor: pointer;
  flex-grow: 1;
  display: flex;
  align-items: center;
  position: relative;
}
.menu-horizontal .menu-horizontal-bar-item:hover,
.menu-horizontal .menu-horizontal-bar-item:focus {
  background-color: var(--solution-color);
  box-shadow: var(--default-box-shadow);
}
.menu-horizontal .menu-horizontal-bar-item:active {
  transform: translateY(0px);
}
.menu-horizontal .menu-horizontal-bar-item .svg-indicator {
  stroke: var(--solution-text-color-accent);
  stroke-width: 10px;
  height: 10px;
  width: 10px;
  transform: rotate(90deg);
}
.menu-horizontal .menu-horizontal-bar-item > .menu-horizontal-item {
  width: 100%;
  height: 100%;
}
.menu-horizontal .menu-horizontal-bar-item > .menu-horizontal-item:hover,
.menu-horizontal .menu-horizontal-bar-item > .menu-horizontal-item:focus {
  background-color: var(--solution-color);
}
/* ======= FieldWebJS styles ======= */
/* All --ms properties need to be redefined here, so model styles from one
 * are not applied to children containers (this is not a problem with
 * non-container fields, since they do not have children) */
.field-container {
  position: relative;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
  align-items: stretch;
  overflow-y: visible;
  --ms-box-shadow-color-one: var(--msd-box-shadow-color-one);
  --ms-box-shadow-color-two: var(--msd-box-shadow-color-two);
  --ms-background-color: var(--msd-background-color);
  --ms-border-color: var(--msd-border-color);
  --ms-border-top-color: var(--msd-border-top-color);
  --ms-border-right-color: var(--msd-border-right-color);
  --ms-border-bottom-color: var(--msd-border-bottom-color);
  --ms-border-left-color: var(--msd-border-left-color);
  --ms-border-radius: var(--msd-border-radius);
  --ms-border-top-width: var(--msd-border-top-width);
  --ms-border-right-width: var(--msd-border-right-width);
  --ms-border-bottom-width: var(--msd-border-bottom-width);
  --ms-border-left-width: var(--msd-border-left-width);
  --ms-color: var(--msd-color);
  --ms-disabled-color: var(--msd-disabled-color);
  --ms-font-size: var(--msd-font-size);
  --ms-font-weight: var(--msd-font-weight);
  --ms-label-color: var(--msd-label-color);
  --ms-label-font-size: var(--msd-label-font-size);
  --ms-label-font-weight: var(--msd-label-font-weight);
  --ms-label-text-vertical-align: var(--msd-label-text-vertical-align);
  --ms-label-required-color: var(--msd-label-required-color);
  --ms-label-text-align: var(--msd-label-text-align);
  --ms-text-align: left;
  --ms-text-align: start;
  --ms-field-margin-top: var(--msd-field-margin-top);
  --ms-field-margin-right: var(--msd-field-margin-right);
  --ms-field-margin-bottom: var(--msd-field-margin-bottom);
  --ms-field-margin-left: var(--msd-field-margin-left);
  --ms-field-padding-top: var(--msd-field-padding-top);
  --ms-field-padding-right: var(--msd-field-padding-right);
  --ms-field-padding-bottom: var(--msd-field-padding-bottom);
  --ms-field-padding-left: var(--msd-field-padding-left);
  --ms-container-margin-top: var(--msd-container-margin-top);
  --ms-container-margin-right: var(--msd-container-margin-right);
  --ms-container-margin-bottom: var(--msd-container-margin-bottom);
  --ms-container-margin-left: var(--msd-container-margin-left);
  --ms-container-padding-top: var(--msd-container-padding-top);
  --ms-container-padding-right: var(--msd-container-padding-right);
  --ms-container-padding-bottom: var(--msd-container-padding-bottom);
  --ms-container-padding-left: var(--msd-container-padding-left);
  --ms-header-title-text-size: var(--msd-header-title-text-size);
  --ms-header-title-text-color: var(--msd-header-title-text-color);
  --ms-header-title-font-bold: var(--msd-header-title-font-bold);
  --ms-header-background-color: var(--msd-header-background-color);
  --ms-header-action-text-color: var(--msd-header-action-text-color);
  --ms-hightlight-color: var(--msd-hightlight-color);
  --ms-shadow-color: var(--msd-shadow-color);
  --ms-shadow-width: var(--msd-shadow-width);
  --h-border-top-width: var(--ms-border-top-width, var(--ms-border-width, var(--msd-border-top-width)));
  --h-border-right-width: var(--ms-border-right-width, var(--ms-border-width, var(--msd-border-right-width)));
  --h-border-bottom-width: var(--ms-border-bottom-width, var(--ms-border-width, var(--msd-border-bottom-width)));
  --h-border-left-width: var(--ms-border-left-width, var(--ms-border-width, var(--msd-border-left-width)));
  --h-border-top-color: var(--ms-border-color, var(--msd-border-top-color));
  --h-border-right-color: var(--ms-border-color, var(--msd-border-right-color));
  --h-border-bottom-color: var(--ms-border-color, var(--msd-border-bottom-color));
  --h-border-left-color: var(--ms-border-color, var(--msd-border-left-color));
}
/* === Model style properties which behave the same in container and non-container fields === */
.field-container > .field-control {
  color: var(--ms-color, var(--msd-color));
  font-size: var(--ms-font-size, var(--msd-font-size));
  font-weight: var(--ms-font-weight, var(--msd-font-weight));
  text-align: var(--ms-text-align, var(--msd-text-align));
  /* Needed for maps to grow down. TODO Test in safari */
  /* Then why not apply only to ContainerMapWebJS? */
  flex: 1;
}
/* = Style modifiers = */
.field-container.is-disabled {
  --ms-color: var(--ms-disabled-color, var(--msd-disabled-color));
}
.field-container.is-required {
  --ms-border-color: var(--ms-required-border-color, var(--theme-color));
}
.field-container.is-disabled {
  background-color: transparent;
  border-color: var(--ms-disabled-color, var(--msd-disabled-color));
  color: var(--ms-disabled-color, var(--msd-disabled-color));
}
.field-container.is-disabled > .field-control {
  color: var(--ms-disabled-color, var(--msd-disabled-color));
}
.field-container.has-shadow > .field-control {
  box-shadow: var(--fox-shadow);
}
/* When an element has border-radius, it can be hidden by an inner element with
 * background-color and no border-radius itself, which hides the original one.
 * Possible solutions:
 * 1. Propagate the border-radius to every child (violates field independence)
 * 2. Hide overflow, so children overflow is not visible (might remove scrolls)
 * 3. other?
 * Currently applied: 1. */
.field-container.has-border-radius,
.field-container.has-border-radius > .field-control {
  overflow: hidden;
}
/* === Model style properties non-container fields === */
.field-container:not(.is-container) {
  --msd-border-bottom-width: 1px;
  margin-top: var(--ms-margin-top, var(--msd-field-margin-top));
  margin-right: var(--ms-margin-right, var(--msd-field-margin-right));
  margin-bottom: var(--ms-margin-bottom, var(--msd-field-margin-bottom));
  margin-left: var(--ms-margin-left, var(--msd-field-margin-left));
  padding-top: var(--ms-padding-top, var(--msd-field-padding-top));
  padding-right: var(--ms-padding-right, var(--msd-field-padding-right));
  padding-bottom: var(--ms-padding-bottom, var(--msd-field-padding-bottom));
  padding-left: var(--ms-padding-left, var(--msd-field-padding-left));
  background-color: var(--ms-background-color, var(--msd-background-color));
  border-top: var(--h-border-top-width) solid var(--h-border-top-color);
  border-right: var(--h-border-right-width) solid var(--h-border-right-color);
  border-bottom: var(--h-border-bottom-width) solid var(--h-border-bottom-color);
  border-left: var(--h-border-left-width) solid var(--h-border-left-color);
  border-radius: var(--ms-border-radius, var(--msd-border-radius));
}
.field-container:not(.is-container) > .field-label {
  color: var(--ms-label-color, var(--msd-label-color));
  font-size: var(--ms-label-font-size, var(--msd-label-font-size));
  font-weight: var(--ms-label-font-weight, var(--msd-label-font-weight));
  text-align: var(--ms-label-text-align, var(--msd-label-text-align));
}
/* === Model style properties container fields === */
.field-container.is-container {
  margin-top: var(--ms-margin-top, var(--msd-container-margin-top));
  margin-right: var(--ms-margin-right, var(--msd-container-margin-right));
  margin-bottom: var(--ms-margin-bottom, var(--msd-container-margin-bottom));
  margin-left: var(--ms-margin-left, var(--msd-container-margin-left));
}
.field-container.is-container > .field-label {
  color: var(--ms-label-color, var(--ms-header-title-text-color, var(--msd-label-color)));
  font-size: var(--ms-label-font-size, var(--ms-header-title-text-size, var(--msd-label-font-size)));
  font-weight: var(--ms-label-font-weight, var(--msd-label-font-weight));
  text-align: var(--ms-label-text-align, var(--msd-label-text-align));
  background-color: var(--ms-header-background-color, var(--msd-header-background-color));
  /* TODO --ms-header-action-text-color */
}
.field-container.is-container > .field-control {
  padding-top: var(--ms-padding-top, var(--msd-container-padding-top));
  padding-right: var(--ms-padding-right, var(--msd-container-padding-right));
  padding-bottom: var(--ms-padding-bottom, var(--msd-container-padding-bottom));
  padding-left: var(--ms-padding-left, var(--msd-container-padding-left));
  background-color: var(--ms-background-color);
  border-top: var(--h-border-top-width) solid var(--h-border-top-color);
  border-right: var(--h-border-right-width) solid var(--h-border-right-color);
  border-bottom: var(--h-border-bottom-width) solid var(--h-border-bottom-color);
  border-left: var(--h-border-left-width) solid var(--h-border-left-color);
  border-radius: var(--ms-border-radius);
}
/* === older stuff. TODO review === */
.field-container.container-type-horizontalRight > .field-label,
.field-container.container-type-horizontal > .field-label {
  margin-right: 5px;
}
.field-container.container-type-horizontal {
  flex-flow: row nowrap;
}
.field-container.container-type-horizontalRight {
  flex-flow: row-reverse nowrap;
  justify-content: flex-end;
}
.field-container.container-type-base {
  flex-flow: column nowrap;
}
.field-container.container-type-bottom {
  flex-flow: column-reverse nowrap;
}
.field-container.container-item-alignment-top {
  align-items: flex-start;
}
.field-container.container-item-alignment-center {
  align-items: center;
}
.field-container.container-item-alignment-bottom {
  align-items: flex-end;
}
.field-container.container-type-base,
.field-container.container-type-bottom {
  align-items: stretch;
}
.field-container > .field-label-img {
  display: flex;
}
.field-container > .field-label:not(.field-label-img) {
  min-width: 100px;
  max-width: 100px;
}
.field-container > .field-label.field-label-img img {
  max-width: 2em;
  max-height: 2em;
}
.field-container.container-type-base > .field-label:not(.field-label-img),
.field-container.container-type-bottom > .field-label:not(.field-label-img) {
  min-width: initial;
  max-width: initial;
}
.field-container .svg-indicator {
  position: absolute;
  stroke: currentColor;
  top: calc(50% - 0.5em);
  right: 0;
  width: 1em;
  height: 1em;
  pointer-events: none;
}
.field-container .background-image {
  background-image: var(--urlBinary);
  background-position: center;
  background-repeat: no-repeat;
}
.StringWebJS > .field-control {
  word-break: break-word;
}
.StringWebJS.field-not-editable.no-wrap > .field-control {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.RefWebJS > .field-control:disabled {
  background-image: none;
  color: #aaa;
}
.RefWebJS-list-container {
  min-height: 10em;
  height: 90vh;
}
.RefWebJS-list {
  flex-grow: 1;
  margin: 0;
  padding: 0.2em;
  list-style: none;
  overflow-y: auto;
}
.RefWebJS-list-header {
  margin: 0;
  padding: 0.5em;
  background-color: var(--solution-color);
  color: var(--solution-text-color-accent);
  font-weight: normal;
}
.RefWebJS-list-filter {
  background-color: #eee;
  display: flex;
  min-height: 2.25em;
  box-shadow: 0 1px 2px 0 lightgrey;
}
.RefWebJS-list-filter img {
  width: 1.75em;
  height: 1.75em;
  align-self: center;
  margin: 0 0.5em 0 0.25em;
}
.RefWebJS-list-filter input {
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}
.RefWebJS-list-loading {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10em 0;
}
.RefWebJS-list-empty {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.RefWebJS-list-item {
  position: relative;
  border: 2px solid transparent;
  transition: all 200ms ease-out;
}
.RefWebJS-list-item:focus {
  box-shadow: 0 0 2px 2px var(--solution-color-lighter);
}
.RefWebJS-list-item + .RefWebJS-list-item {
  margin-top: 0.2em;
}
.RefWebJS-list-item[aria-selected=true] {
  border-color: var(--solution-color);
}
.RefWebJS-list-item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1em;
  height: 1em;
  z-index: 1;
  border-top: 0.75em solid var(--solution-color);
  border-right: 0.75em solid var(--solution-color);
  border-left: 0.75em solid transparent;
  border-bottom: 0.75em solid transparent;
  opacity: 0;
  transition: all 200ms ease-out;
}
.RefWebJS-list-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2em;
  right: 0.25em;
  width: 0.25em;
  height: 0.5em;
  border: solid var(--solution-text-color-accent);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  z-index: 1;
  opacity: 0;
  transition: all 200ms ease-out;
}
.RefWebJS-list-item[aria-selected=true]::before,
.RefWebJS-list-item[aria-selected=true]::after {
  opacity: 1;
}
.RefWebJS-list-buttons {
  box-shadow: 0 -2px 2px 0 lightgrey;
}
.RefWebJS-list-buttons > .material:nth-child(2) {
  margin-left: auto;
}
.ContainerGroupWebJS-vertical {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.ContainerGroupWebJS-horizontal {
  display: -webkit-flex;
  display: flex;
}
.ContainerGroupWebJS-horizontal > .field-container {
  flex: 1 1 auto;
}
.ContainerLayoutWebJS {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.ContainerLayoutWebJS-row {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  --row-field-count: 1;
}
.ContainerLayoutWebJS-row-float-left {
  justify-content: flex-start;
}
.ContainerLayoutWebJS-row-float-center {
  justify-content: center;
}
.ContainerLayoutWebJS-row-float-right {
  justify-content: flex-end;
}
.ContainerLayoutWebJS-row-fieldHolder {
  position: relative;
  align-self: stretch;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 auto;
  --layout-size-x: 1;
}
.ContainerLayoutWebJS-row-wrap-false.ContainerLayoutWebJS-row-float-left > .ContainerLayoutWebJS-row-fieldHolder:last-child {
  flex: 1;
}
.ContainerLayoutWebJS-row-wrap-false.ContainerLayoutWebJS-row-float-right > .ContainerLayoutWebJS-row-fieldHolder:first-child {
  flex: 1;
}
.ContainerLayoutWebJS-row-wrap-false.ContainerLayoutWebJS-row-float-center > .ContainerLayoutWebJS-row-fieldHolder {
  flex: 1 1 100%;
}
.ContainerLayoutWebJS-row-wrap-false.ContainerLayoutWebJS-row-float-center > .ContainerLayoutWebJS-row-fieldHolder {
  flex: 1 1 calc(100% * var(--layout-size-x) - var(--ms-margin-left) - var(--ms-margin-right));
}
.style-2016 .ContainerLayoutWebJS-row-fieldHolder > .field-control > .field-container.field-not-editable {
  border-bottom: none;
}
/*.ContainerLayoutWebJS-row-fieldHolder > .field-container {
	flex: 1 0 auto;
}*/
.ContainerLayoutStackedWebJS-stack {
  overflow: hidden;
}
more-separator {
  align-self: stretch;
  display: block;
  min-width: 1px;
  min-height: 1px;
}
.field-validation-tooltip {
  z-index: 1;
  position: fixed;
  padding: 0.25em;
  font-size: 0.75em;
  border: 1px solid black;
  background-color: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.field-validation-tooltip--error {
  border-color: indianred;
  box-shadow: 0 0 5px indianred;
  color: #555;
  /* above lightboxes */
  z-index: 1001;
}
.field-validation-tooltip::after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
  content: " ";
  position: absolute;
  bottom: -6px;
  right: 0;
}
.field-validation-tooltip--error::after {
  border-top-color: indianred;
}
.field-action {
  cursor: pointer;
  padding-right: 20px;
  background-repeat: no-repeat;
  background-image: url(images/arrow-right.png?acqserm9fok4040ss8w4w00g8);
  background-position: right center;
}
.field-action:hover {
  text-decoration: underline;
}
.no-action-indicator {
  background-image: none;
  padding-right: 0;
}
.has-action-image {
  width: 30px;
  padding-right: 2px;
  vertical-align: middle;
}
.containerEmpty {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.containerEmpty-fieldHolder {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin: 0.25em 0;
  /* This was here for some reason, but I had to disable it due EDP Saga > Visits > Check in */
  /* align-items: center; */
}
.container-label {
  font-weight: bold;
}
.containerGroupInner {
  text-align: left;
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  /*flex-grow: 1;*/
}
.containerGroupInner .containerGroupRow {
  flex-shrink: 0;
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
}
.containerGroupRow:only-child {
  flex-grow: 1;
}
.containerGroupInner .containerGroupRow .container-fieldLabel {
  flex: 0 1 auto;
}
.containerGroupInner-cell {
  box-sizing: border-box;
  position: relative;
  flex: 1 1 auto;
  display: -webkit-flex;
  display: flex;
  overflow-x: auto;
  align-self: stretch;
}
.containerGroupInner-cell .field-not-editable {
  word-break: break-word;
}
.containerGroupRow > :first-child {
  flex-grow: 1;
}
.container-fieldLabel {
  flex: 0 1 100px;
  padding-left: 10px;
  min-width: 100px;
  max-width: 100px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  word-break: break-word;
}
.containerGroupInner td.largeLabel:first-child {
  min-width: 300px;
}
.containerGroupInner_label_hidden {
  vertical-align: top !important;
}
.containerGroupInner_label {
  width: 15%;
  padding: 5px;
  min-width: 90px;
  font-size: 12px;
  text-align: right !important;
}
.containerGroupInner_label_horizontal {
  width: auto;
  min-width: 0px;
}
.containerGroupInner_ctrl {
  width: auto !important;
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
.containerGroupInner input[type="checkbox"] {
  width: auto;
  border: none;
  padding-left: 0px;
}
.containerGroupInner input[type="date"] {
  width: 9em !important;
}
.containerGroupInner input[type="date"]::-webkit-calendar-picker-indicator {
  display: inline-block;
  margin-top: 2%;
  float: right;
}
.containerGroupInner input[type="date"]::-webkit-inner-spin-button {
  display: inline-block;
  float: right;
}
.containerGroupInner input[type="time"] {
  width: 8.85em !important;
  padding-right: 3px;
}
.containerGroupLabel {
  color: #666;
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
  padding-left: 15px;
}
.containerGroupLabel-image {
  width: 30px;
  padding-right: 2px;
  vertical-align: middle;
}
.containerGroupLabel-image-action {
  cursor: pointer;
}
.container-label {
  display: flex;
  align-items: center;
  width: 100%;
}
.containerGroupLabel-label {
  order: 1;
  flex-grow: 1;
  /*display: flex;*/
  /*align-items: center;*/
}
.containerGroupLabel-label img {
  margin-right: 0.25em;
}
.container-label-info {
  order: 2;
  padding-left: 5px;
  font-weight: normal;
  font-size: 14px;
}
.container-label-actions {
  order: 3;
  /*flex-grow: 1;*/
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.container-label-action {
  font-size: 14px;
  font-weight: normal;
  color: var(--color, inherit);
  cursor: pointer;
  transition: all 200ms ease-out;
}
.container-label-action:hover {
  color: var(--hover-color, var(--solution-color));
  text-decoration: underline;
}
.container-label-action svg {
  width: 1em;
  vertical-align: text-bottom;
  fill: currentColor;
}
.containerGroupLabel-action-icon {
  float: right;
  margin-left: 5px;
  width: 15px;
  cursor: pointer;
}
.containerGroupLabel-description {
  padding-top: 1em;
  font-size: 0.8em;
  font-weight: normal;
}
.ContainerHorizontalListWebJS {
  display: -webkit-flex;
  display: flex;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
}
.ContainerHorizontalListWebJS.is-empty > :first-child {
  padding: 10px;
}
.ContainerHorizontalListWebJS_row {
  flex: 0 0 17em;
  width: 17em;
  height: 80px;
  margin: 10px;
  overflow: hidden;
  border: 1px solid lightgray;
  color: #555;
}
.ContainerHorizontalListWebJS_row .ContainerHorizontalListWebJS_row-content {
  display: -webkit-flex;
  display: flex;
  height: 100%;
  width: 100%;
}
.ContainerHorizontalListWebJS_row div {
  height: 100%;
  margin: 5px;
}
.ContainerHorizontalListWebJS_row div:first-child {
  margin: 0px;
}
.ContainerHorizontalListWebJS_row div:last-child {
  margin-right: 5px;
}
.ContainerHorizontalListWebJS_action-color {
  width: 25px;
}
.ContainerHorizontalListWebJS_row .ContainerHorizontalListWebJS_action-color {
  min-width: 20px;
  min-height: 40px;
}
.ContainerHorizontalListWebJS_row .ContainerHorizontalListWebJS_action-title {
  max-width: 150px;
  flex: 0 0 auto;
}
.ContainerHorizontalListWebJS_action-title span:first-child {
  font-size: 20px;
  font-weight: normal;
  color: #4d4d4d;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.ContainerHorizontalListWebJS_action-title span {
  color: #aaa;
  font-size: 13px;
  font-weight: bold;
  display: block;
}
.ContainerHorizontalListWebJS_row .ContainerHorizontalListWebJS_action-secondary {
  display: block;
  text-align: right;
  flex: 0 1 auto;
  margin-left: auto;
}
.ContainerHorizontalListWebJS_action-secondary span {
  clear: both;
  width: 100%;
  font-size: 11px;
  font-weight: bold;
  vertical-align: top;
  display: table-row;
}
.ContainerHorizontalListWebJS_section:not(:first-child) {
  border-left: 1px solid black;
}
.ContainerHorizontalListWebJS_section .ContainerHorizontalListWebJS_section-name {
  border-bottom: 1px solid black;
  margin-left: 10px;
  padding-bottom: 5px;
  width: 100%;
}
.ContainerHorizontalListWebJS_section .ContainerHorizontalListWebJS_section-name span {
  display: inline-block;
}
.ContainerHorizontalListWebJS_section .ContainerHorizontalListWebJS_section-content {
  display: -webkit-flex;
  display: flex;
}
.containerHorizontalList_holder {
  float: left;
  width: 100%;
}
.containerHorizontalList_table_holder {
  overflow-x: auto;
  overflow-y: hidden;
}
.containerHorizontalList_item_holder {
  width: 305px;
  height: 90px;
  max-height: 90px;
  padding: 5px;
  float: left;
  margin-left: 10px;
  margin-right: 0px;
}
.containerHorizontalList_item_detail_holder {
  background-color: #f9f9f9;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: none;
  height: 100%;
  padding: 5px 5px 5px 5px;
}
.containerHorizontalList_item_detail_right_view {
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
  height: 100%;
  padding: 5px 5px 5px 5px;
}
.containerHorizontalList_item_color_view {
  width: 25px;
  height: 100%;
}
.containerHorizontalList_item_title_label {
  font-size: 20px;
  color: #4d4d4d;
  overflow-x: hidden;
}
span.containerHorizontalList_item_detail_label {
  color: #aaa;
  font-size: 13px;
  font-weight: bold;
  display: block;
}
span.containerHorizontalList_item_top_right_detail_label {
  color: #4d4d4d;
  display: block;
  text-align: right;
  font-size: 11px;
  font-weight: bold;
}
span.containerHorizontalList_item_top_right_sub_detail_label {
  color: #4d4d4d;
  display: block;
  text-align: right;
  font-size: 11px;
  font-weight: bold;
}
.containerHorizontalList_create_button {
  width: 50px;
  height: 100px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(images/control-horizontal-list-add-item.png?a9p0rtery6o8kwowkogog40k8);
}
.ContainerCompactListWebJS {
  box-sizing: border-box;
}
.ContainerCompactListWebJS_header div {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
}
.ContainerCompactListWebJS_header {
  margin-bottom: 20px;
}
.ContainerCompactListWebJS_header-button {
  width: 30px;
  height: 30px;
  float: right;
}
.ContainerCompactListWebJS_content {
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  padding: 0 10px;
}
.ContainerCompactListWebJS_action-text {
  font-size: 13px;
  font-weight: bold;
  flex-grow: 1;
}
.ContainerCompactListWebJS_action-secondary {
  padding: 0.5em;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.ContainerCompactListWebJS_section {
  position: relative;
}
.ContainerCompactListWebJS_section-header {
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #333;
}
.ContainerCompactListWebJS_section-header.sticky {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #f9f9f9;
}
.ContainerCompactListWebJS_row_darker {
  background-color: #f3f3f3;
}
.ContainerCompactListWebJS_row + .ContainerCompactListWebJS_row {
  margin-top: 3px;
}
.ContainerCompactListWebJS_row_selected,
.ContainerCompactListWebJS_row_selectable:hover {
  cursor: pointer;
  background-color: rgba(255, 82, 0, 0.1) !important;
}
.ContainerCompactListWebJS_row .ContainerCompactListWebJS_row-content {
  margin-left: 0px;
}
.ContainerCompactListWebJS_row .ContainerCompactListWebJS_row-action-swipe-button {
  margin-right: 0px;
}
.ContainerCompactListWebJS_row .ContainerCompactListWebJS_row-action-swipe-button.ContainerCompactListWebJS_swipe-on {
  display: -webkit-flex;
  display: flex;
}
.ContainerCompactListWebJS_action-color {
  min-width: 15px;
  min-height: 40px;
}
.ContainerCompactListWebJS_row .ContainerCompactListWebJS_action-text {
  vertical-align: middle;
  padding: 1em;
  word-break: break-word;
}
.ContainerCompactListWebJS_action-secondary div {
  display: table !important;
}
.ContainerCompactListWebJS_action-secondary > * {
  width: 100%;
  display: table-row !important;
  text-align: right;
  margin-left: 0px !important;
  margin-right: 5px !important;
}
.ContainerCompactListWebJS_row-content {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.4s;
}
.ContainerCompactListWebJS_row-action-swipe-trigger {
  background: url('images/arrow-left.png?cs4de00yc9skgcw8o848w8ock') no-repeat center left;
  width: 12px;
  overflow: hidden;
  flex-shrink: 0;
  transition: all 0.4s ease-in-out;
}
.ContainerCompactListWebJS_row-action-swipe-trigger.ContainerCompactListWebJS_swipe-on {
  transform: rotateZ(180deg);
}
.ContainerCompactListWebJS_row-content.ContainerCompactListWebJS_swipe-on {
  transform: translateX(-30%);
}
.ContainerCompactListWebJS_row-action-swipe-button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 70%;
  z-index: -1;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  text-shadow: none;
  background-color: red;
  color: white;
  text-align: center;
  transform: translateX(130%);
  transform-origin: 0 90;
  transition: transform 0.4s;
}
.ContainerCompactListWebJS_row-action-swipe-button.ContainerCompactListWebJS_swipe-on {
  transform: translateX(100%);
}
.ContainerTabWebJS--containerHolder {
  display: -webkit-flex;
  display: flex;
}
.ContainerTabWebJS--tabsHolder {
  display: -webkit-flex;
  display: flex;
  background: white;
  box-shadow: 0px 4px 10px -5px gray;
  background-color: #6195d0;
  background-color: var(--bg-color, var(--solution-color));
  color: #fffeff;
  --inactive-text-color: rgba(255, 239, 255, 0.75);
  --active-text-color: var(--solution-text-color-accent);
  color: var(--inactive-text-color, var(--active-text-color));
}
.ContainerTabWebJS--fieldsHolder {
  flex-grow: 1;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  overflow-x: auto;
}
.ContainerTab_fieldHolder {
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
}
.ContainerTabWebJS__tabs-top .ContainerTabWebJS--containerHolder {
  flex-direction: column;
  flex: 1 1 auto;
}
.ContainerTabWebJS__tabs-left .ContainerTabWebJS--containerHolder {
  flex-direction: row;
}
.ContainerTabWebJS__tabs-right .ContainerTabWebJS--containerHolder {
  flex-direction: row-reverse;
}
.ContainerTabWebJS__tabs-top .ContainerTabWebJS--tabsHolder {
  flex-flow: row wrap;
}
.ContainerTabWebJS,
.ContainerTabWebJS > .field-control {
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  flex-grow: 1;
}
.ContainerTabWebJS__tabs-left .ContainerTabWebJS--tabsHolder,
.ContainerTabWebJS__tabs-right .ContainerTabWebJS--tabsHolder {
  flex-direction: column;
}
.containerTab_tab {
  position: relative;
  flex-grow: 1;
  padding: 1em;
  border: none;
  color: rgba(33, 33, 33, 0.7);
  color: var(--inactive-text-color);
  font-size: 13px;
  font-weight: bold;
  background-color: inherit;
  text-transform: uppercase;
  cursor: pointer;
  outline: none;
  /* transition: all 200ms; */
  /* Does not work well because filters are not animated */
}
.containerTab_tab_firefoxCompat {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.containerTab_tab_firefoxCompat img {
  max-height: 2em;
  margin-right: 1em;
}
.ContainerTabWebJS--tabsHolder:not(.no-hover) .containerTab_tab:hover::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  background-color: var(--bg-hover-color, rgba(0, 0, 0, 0.1));
}
.containerTab_tab_selected {
  color: var(--active-text-color, --solution-text-color-accent);
}
.containerTab_tab_selected::after {
  content: " ";
  position: absolute;
  height: 2px;
  right: 0;
  bottom: 2px;
  left: 0;
  background-color: currentColor;
  box-shadow: 0 1px 4px 0 grey;
}
.ContainerRelativePosition {
  overflow: hidden !important;
}
.ContainerRelativePosition-container {
  flex-grow: 1;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.ContainerRelativePosition-rowContainer {
  display: -webkit-flex;
  display: flex;
}
.ContainerRelativePosition-rowContainer-border {
  border-bottom: 1px solid #dedede;
}
.style-2016 .ContainerRelativePosition-rowContainer-border {
  border-bottom: none;
}
.ContainerRelativePosition-rowContainer-containerBorder {
  border-color: #333;
}
.ContainerRelativePosition-rowContainer:last-child {
  border-bottom: 0px;
}
.ContainerRelativePosition-rowContainer:first-child,
.ContainerRelativePosition-rowContainer-noTopBorder {
  border-top: 0px;
}
.ContainerRelativePosition-fieldholder {
  vertical-align: top;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.ContainerRelativePosition-fieldholder .containerGroupInner_label {
  text-align: left !important;
}
.ContainerRelativePosition-fieldholder-table {
  border-width: 0px !important;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
}
.ContainerRelativePosition-fieldholder-table > * > * {
  flex: 1;
}
.ContainerRelativePosition-fieldholder-tableCell-label {
  /*width: 140px;*/
  text-align: left !important;
  flex: 0 0 140px;
}
.ContainerRelativePosition-fieldholder-tableCell-label-image {
  width: 1px !important;
  min-width: 1px !important;
}
.ContainerRelativePosition-fieldholder-tableCell-label-image img {
  width: auto;
  height: 24px;
  vertical-align: middle;
  padding-right: 5px;
}
.ContainerRelativePosition-fieldholder-tableCell-labelImage {
  width: 24px;
  height: 100%;
  align-self: center;
  margin: 0 5px;
}
.ContainerRelativePosition-fieldholder-tableCell-field-left {
  text-align: left;
}
.ContainerRelativePosition-fieldholder-tableCell-field-right {
  text-align: right;
}
.ContainerRelativePosition-fieldholder-tableCell-field-center {
  text-align: center;
}
.ContainerDrawerWebJS {
  width: 100%;
}
.ContainerDrawerWebJS,
.ContainerDrawerWebJS-expander {
  background-color: #666;
  padding: 2px;
  color: #fff;
  text-shadow: -1px -1px #333;
}
.ContainerDrawerWebJS .container.containerEmpty {
  max-height: 4em;
  overflow: hidden;
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  transition: max-height 1s;
}
.ContainerDrawerWebJS .container.containerEmpty.ContainerDrawerWebJS-expanded {
  max-height: 1080px;
}
.ContainerDrawerWebJS .ContainerRelativePosition-rowContainer-border {
  border: none;
}
.ContainerDrawerWebJS .ContainerDrawerWebJS-expander-button {
  margin: auto;
  width: 20px;
  height: 12px;
  background-image: url('images/arrow-down.png?59im5svg1iko00000c0kokckc');
  background-repeat: no-repeat;
  transform: rotateX(0deg);
  transition: all 1s ease;
}
.ContainerDrawerWebJS .ContainerDrawerWebJS-expander-button.ContainerDrawerWebJS-expanded {
  transform: rotateX(180deg);
}
.ContainerDrawerWebJS .container-label {
  padding-top: 5px;
  padding-bottom: 0px;
}
.ContainerDrawerWebJS .containerGrid {
  border-width: 0px;
}
.ContainerDrawerWebJS .containerGrid th {
  color: inherit;
  background: none;
  text-shadow: inherit;
  box-shadow: none;
  border-right: 1px solid #888;
}
.ContainerDrawerWebJS .containerGrid th:last-child {
  border-right: 0px;
}
.ContainerDrawerWebJS .containerGrid td {
  color: #fff;
  text-shadow: inherit;
  border-color: #999;
}
.ContainerDrawerWebJS .containerGrid span {
  color: #fff;
  text-shadow: inherit;
}
.ContainerDrawerWebJS .containerGrid_holder {
  padding: 0px;
  padding-bottom: 5px;
}
.ContainerDrawerWebJS .containerGrid_cell1,
.ContainerDrawerWebJS .containerGrid_cell2 {
  background-color: transparent;
}
.ContainerDrawerWebJS span {
  color: inherit;
  text-shadow: inherit;
}
.ContainerPageWebJS .field-control {
  overflow: hidden;
}
.ContainerPageWebJS-slider-row {
  display: -webkit-flex;
  display: flex;
  transition: transform 300ms ease-out;
}
.ContainerPageWebJS-slider-row .field-container {
  flex: 0 0 100%;
}
.SlideShowWebJS > .field-control,
.SlideShowWebJS .ContainerIFieldList-list {
  display: flex;
  flex-flow: column;
}
.CtrlCarousel {
  display: flex;
  flex-flow: column;
  flex: 1 1 0%;
  overflow: hidden;
  --ui-color: var(--solution-color);
}
.CtrlCarousel-slider-row {
  display: -webkit-flex;
  display: flex;
  flex: 1 0 0%;
  transition: transform 300ms ease-out;
}
.CtrlCarousel-slider-row > * {
  flex: 1 0 auto;
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  transition: all 200ms ease-out;
}
.CtrlCarousel-navigation {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-flow: column;
}
.CtrlCarousel-navigation-sideways {
  flex: 1 0 auto;
  display: flex;
  justify-content: space-between;
}
.CtrlCarousel-navigation-sideways > * {
  min-width: 3em;
  background-color: transparent;
  border: none;
  overflow: hidden;
}
.CtrlCarousel-navigation-sideways svg {
  fill: #6195d0;
  fill: var(--ui-color);
  transition: fill 200ms ease-out;
}
.CtrlCarousel-navigation-sideways button:disabled svg {
  fill: transparent;
}
.CtrlCarousel-navigation-page-indicators {
  flex: 0 1 auto;
  margin: auto 1em 1em 1em;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.CtrlCarousel-navigation-page-indicators.has-next {
  margin-right: 4em;
  /* approximately the size of the next button */
}
.CtrlCarousel-navigation-page-indicators > * {
  margin: 0.25em;
  padding: 0.25em 0.5em;
  color: #6195d0;
  color: var(--ui-color);
  background-color: transparent;
  border: 1px solid #6195d0;
  border-color: var(--ui-color);
  border-radius: 15%;
  transition: all 200ms ease-out;
}
.CtrlCarousel-navigation-page-indicators > .CtrlCarousel-navigation-point-selected {
  font-weight: bold;
  color: white;
  background-color: #6195d0;
  background-color: var(--ui-color);
}
.CtrlCarousel-navigation-next {
  order: 1;
  position: absolute;
  right: 0;
  display: block;
  padding: 0.25em 1em 0.25em 0.5em;
  /*margin-right: 15px;	/* Space for the scroll bar */
  border: none;
  font-size: 1em;
}
.containerPage-navigationHolder {
  text-align: center;
  padding: 5px;
}
.containerPage-navigationElement {
  display: inline-block;
  cursor: pointer;
  width: 10px;
  height: 10px;
  margin: 3px;
  border-radius: 50%;
  background: linear-gradient(to bottom, #aaa, #999);
  background-color: #999;
  /* old browsers */
}
.containerPage-navigationElement-active {
  background: linear-gradient(to bottom, #769cff, #668cff);
  background-color: #668cff;
  /* old browsers */
}
.ContainerMapWebJS > .field-control {
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
}
.containerMap-holder {
  flex-grow: 1;
  width: 100%;
  height: 100%;
}
.containerMap-annotation-holder {
  max-height: 160px;
  overflow: auto;
}
.containerMap-annotation-holder .containerMap-annotation {
  border-bottom: 1px solid #ccc;
  padding: 0.25em 0;
}
.containerMap-annotation-holder .containerMap-annotation:last-child {
  border-bottom: 0px;
}
.containerMap-annotation {
  box-sizing: border-box;
  font-size: 13px;
  text-align: left;
  white-space: nowrap;
  max-width: 400px;
  overflow: hidden;
}
.containerMap-annotation-title {
  font-weight: bold;
  white-space: normal;
}
.containerMap-annotation-buttons {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.containerMap-annotation-button {
  flex: 1 1 46%;
  margin: 1em 2% 0 2%;
  color: #444;
  padding: 3px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: linear-gradient(to bottom, #fff, #f3f3f3);
  background-color: #f3f3f3;
  /* old browsers */
}
.containerMap-toolbar {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  max-width: 30em;
  margin-left: 10px;
  padding: 5px;
  border-radius: 2px;
  color: black;
  font-size: 12px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
  /* Mimic gmap shadow */
}
.containerMap-toolbar-item {
  flex-grow: 1;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
}
.containerMap-toolbar-item:last-child {
  margin-bottom: 0;
}
.containerMap-toolbar > label.is-long {
  flex: 4 1 100%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.containerMap-toolbar > label.is-long:not(:first-child) {
  border-top: 1px solid lightgrey;
}
.containerMap-toolbar label span {
  padding: 0 0.5em 0 0.1em;
}
.containerMap-toolbar input {
  padding: 0.3em 0.2em 0.3em 0.2em;
  border: none;
  flex-grow: 1;
  font-size: inherit;
}
.containerMap-toolbar input[type=checkbox] {
  flex: 0 1 auto;
  padding-top: 0.7em;
}
.containerMap-toolbar-searchInput {
  width: 20em;
  color: #868686;
}
.containerMap-markerlist {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  /*	Google Maps button styles as of Jun16 */
  margin: 10px;
  font-size: 11px;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
}
.containerMap-markerlist-action {
  position: relative;
  padding: 8px;
  color: #565656;
  cursor: pointer;
}
.containerMap-markerlist-action-close {
  position: absolute;
  width: 13px;
  height: 13px;
  top: 0.5em;
  right: 1em;
  stroke: grey;
  opacity: 0;
  transition: opacity 200ms ease-out;
}
.containerMap-markerlist-action:hover {
  color: black;
  background: #ebebeb;
}
.containerMap-markerlist input[type=checkbox]:checked ~ .containerMap-markerlist-action {
  color: black;
  font-weight: bolder;
  box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
}
.containerMap-markerlist input[type=checkbox]:checked ~ .containerMap-markerlist-action .containerMap-markerlist-action-close {
  opacity: 1;
}
.containerMap-markerlist .containerMap-markerlist-emptyMessage {
  padding: 1em;
}
.containerMap-markerlist .containerMap-markerlist-list {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  transition: width 200ms ease-in, height 200ms ease-in;
}
.containerMap-markerlist .containerMap-markerlist-item {
  position: relative;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 4em;
  padding: 1em;
  cursor: pointer;
  transition: background-color 200ms ease-out;
}
.containerMap-markerlist .containerMap-markerlist-item::before {
  position: absolute;
  content: " ";
  top: calc(50% - 2em);
  right: 1em;
  border-top: 2em solid transparent;
  border-bottom: 2em solid transparent;
  border-left: 2em solid grey;
  transform: scale(0.5);
}
.containerMap-markerlist .containerMap-markerlist-item::after {
  position: absolute;
  content: " ";
  top: calc(50% - 2em);
  right: 2em;
  border-top: 2em solid transparent;
  border-bottom: 2em solid transparent;
  border-left: 1em solid white;
  z-index: 1;
  transition: border-color 200ms ease-out;
}
.containerMap-markerlist .containerMap-markerlist-item:hover {
  background-color: #e8e8e8;
}
.containerMap-markerlist .containerMap-markerlist-item:hover:after {
  border-left-color: #e8e8e8;
}
.CSVEditor {
  padding: 10px;
  padding-right: 0px;
}
.CSVEditor-table {
  border: 1px solid #888;
  border-radius: 4px;
  background-color: #fff;
}
.CSVEditor-headerRow {
  background: -moz-linear-gradient(top, #999 0%, #777 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999), color-stop(100%, #777));
  background-color: #777;
}
.CSVEditor-colLabel {
  padding: 10px;
  font-size: 13px;
  text-shadow: none;
  color: #fff;
}
.CSVEditor-row td {
  padding: 3px;
  border-top: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
}
.CSVEditor-rowDarker {
  background-color: rgba(0, 0, 0, 0.03);
}
.CSVEditor-rowLabel {
  font-size: 12px;
  font-weight: bold;
  padding-left: 10px !important;
}
.CSVEditor-input {
  background-color: transparent !important;
  border: 0px !important;
  padding: 0px !important;
  font-size: 12px !important;
}
.buttonContainerMap {
  display: inline-block !important;
}
.buttonContainerMap .field-control {
  width: 100%;
  height: 100%;
}
.buttonContainerMapOverlay {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0px;
  left: 0px;
  position: absolute;
  font-weight: normal;
}
.buttonContainerMapOverlay span {
  position: relative;
  font-size: 25px;
  z-index: 1;
}
.buttonContainerMapOverlay-screen {
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.4;
  position: absolute;
  top: 0px;
  left: 0px;
}
.buttonContainerMap-uiResource {
  height: 22px !important;
  background-color: transparent !important;
}
.buttonContainerMap-uiResource img {
  width: auto;
  height: 100%;
}
.ButtonWebJS-actionButton .field-control {
  position: relative;
  padding: 0;
  width: 100%;
  border: 0px;
  color: #555;
  text-align: left;
  background-color: #ececec;
  background-repeat: no-repeat;
  background-position: 95% center;
  z-index: 2;
}
.ButtonWebJS-actionButton-createItem {
  background-image: url('images/button-action-createItem.png?97oql4sx4y04wo4wkkg4s0o8c');
}
.ButtonWebJS-actionButton-image {
  width: auto;
  height: 70%;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.ButtonWebJS-actionButton .badgeCountIndicator {
  position: absolute;
  bottom: 1%;
  right: 1%;
  padding: 1%;
  border-radius: 50%;
}
.ButtonWebJS {
  font-weight: normal;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ButtonWebJS div {
  position: relative;
  height: 100%;
  /* Line Height is set according to .ButtonWebJS-actionButton height */
  line-height: 80px;
}
.ButtonWebJS {
  background-color: inherit;
  border: none;
}
#SearchButton-container {
  display: flex;
  justify-content: center;
  padding: 0;
  border: none;
  --ms-text-align: center;
}
#SearchModeButton-container {
  border: none;
}
.BooleanButtonWebJS {
  --background-color: var(--solution-color);
  --hover-background-color: var(--solution-color-darker);
  --color: var(--text-color-accent);
  background-color: var(--background-color, var(--solution-color));
  color: var(--color, var(--text-color-accent));
  transition: all 200ms ease-out;
  border: none;
  text-align: center;
}
.BooleanButtonWebJS > .field-control {
  justify-content: center;
}
/*.BooleanButtonWebJS:disabled {
	background-color: transparent;
	border: 1px solid #ccc;
}*/
.BooleanButtonWebJS[aria-pressed=true]:not(:disabled) {
  background-color: var(--pressed-background-color, --background-color);
  color: var(--pressed-color, --color);
}
.BooleanButtonWebJS:not([aria-pressed=true]):not(:disabled):hover {
  background-color: var(--hover-background-color);
}
.ImageButtonWebJS.field-container {
  justify-content: center;
  align-items: center;
}
.ImageButtonWebJS > span {
  display: block;
  text-align: center;
}
.ContainerIFieldList_holder {
  position: relative;
  padding: 10px;
}
.ContainerIFieldList-footer {
  font-size: 13px;
  font-weight: bold;
  text-align: right;
  padding: 10px;
  border: 1px solid #ccc;
  border-top: 0px;
  margin-left: 10px;
  margin-right: 10px;
}
.ContainerIFieldList-navigation {
  text-align: center;
  padding-bottom: 10px;
}
.ContainerIFieldList-navigation-table {
  width: 100%;
}
.ContainerIFieldList-navigation-table input {
  text-align: center;
}
.ContainerIFieldList-navigation-table .containerGrid_navigation_numPage {
  width: auto;
}
.ContainerIFieldList-list {
  flex: 1 0 0%;
  background-color: var(--ms-background-color);
}
.containerGrid {
  width: 100%;
  background-color: #f9f9f9;
  border-collapse: collapse;
  /*overflow: hidden;*/
  --header-sticky-offset: 0;
}
.containerGrid thead {
  position: sticky;
  z-index: 1;
  text-align: left;
  font-size: 0.9em;
  color: #6195d0;
  color: var(--solution-color);
  background-color: inherit;
}
.containerGrid .field-container {
  /* Related bug: table-cell text appears above floating header, two solutions:
	   1. z-index: 1; on thead solves the issue for Fx
	   2. position: static; on .field-container solves the issue for every browser */
  position: static;
}
.containerGrid thead th {
  position: sticky;
  top: var(--header-sticky-offset);
  /* borders are not affected by translation, so here we are, faux-border */
  background-image: linear-gradient(to bottom, var(--background-color) 0%, var(--background-color) calc(100% - 2px), var(--solution-color) calc(100% - 2px), var(--solution-color) 100%);
}
.containerGrid thead th + th {
  border-left: 1px solid #ddd;
}
.containerGrid tbody tr + tr td {
  border-top: 1px solid #ddd;
}
.containerGrid tbody td + td {
  border-left: 1px solid #ddd;
}
.containerGrid tbody td.numeric-column,
.containerGrid tbody th.numeric-column {
  text-align: right;
}
.containerGrid .containerGrid_header-filter-holder {
  padding: 0px;
}
.containerGrid_header-filter-holder input {
  height: 24px !important;
}
.containerGrid_header-filter-holder .FieldDateTime {
  background-color: #fff !important;
  min-height: 24px;
}
.containerGrid_header-filter-holder .MORE-bitwise-clickable {
  background-color: #fff;
  width: 100%;
  height: 24px;
}
.containerGrid span {
  color: #555;
}
.containerGrid th {
  padding: 8px;
  vertical-align: middle;
}
.containerGrid .ContainerWebJS-data-row td:first-child {
  font-size: 0.9em;
  font-weight: bold;
}
.containerGrid .ContainerGridWebJS-group-header {
  background-color: #6195d0;
  color: #fffeff;
  background-color: var(--solution-color);
  color: var(--solution-text-color-accent);
}
.ContainerGridWebJS-header-checkbox span {
  padding-left: 0.5em;
}
.containerGrid td {
  font-size: 0.8em;
  padding: 4px;
  vertical-align: middle;
}
.containerGrid-header-button {
  width: 16px;
}
.containerGrid-header-button input {
  min-width: auto !important;
}
.containerGrid-header-button,
.containerGrid-addButton {
  cursor: pointer;
}
.containerGrid_cell1,
.containerGrid_cell2 {
  text-align: left;
}
.containerGrid:not(.has-background) .containerGrid_cell1 {
  background-color: rgba(245, 245, 245, 0.5);
}
.containerGrid:not(.has-background) .containerGrid_cell2 {
  background-color: rgba(255, 255, 255, 0.5);
}
.containerGrid-firstCol {
  width: 1px;
  padding: 5px !important;
  padding-left: 0px !important;
}
.containerGrid-secondCol {
  text-align: left;
  padding: 5px !important;
}
.containerGrid-secondaryField {
  padding-top: 4px;
}
.containerGrid-secondaryField,
.containerGrid-secondaryField span {
  color: #aaa;
}
.containerGrid input,
.containerGrid select,
.containerGrid textarea {
  min-width: 70px;
  width: 100%;
  height: 100%;
  border: 0px;
  padding: 0px;
  font-size: 12px;
}
.containerGrid_select_input {
  width: 20px;
}
.containerGrid_select_input input {
  max-width: 15px;
  min-width: 15px;
}
.containerGrid_deleteButton {
  width: 20px;
}
.containerGrid_deleteButton button {
  color: #eee;
  font-size: 14px;
  cursor: pointer;
  border-color: #777;
  border-radius: 4px;
  background-image: none;
  background-color: #444;
}
.containerGrid_deleteButton button:hover {
  background-color: #666;
}
.containerGrid_align-right {
  text-align: right !important;
}
.containerGrid_listData_darker img,
.containerGrid_listData_darker embed,
.containerGrid_listData_darker object {
  width: auto;
  max-height: 42px;
}
.containerGrid_listData_lighter img,
.containerGrid_listData_lighter embed,
.containerGrid_listData_lighter object {
  width: auto;
  max-height: 42px;
}
.containerGrid_listData_no-entries {
  background-repeat: no-repeat;
  background-position: 97% 90%;
  background-image: url(images/no-entries-arrow.png?acweph66ggcs48ogcg0g4o8sw);
  background-image: -webkit-image-set( url(images/no-entries-arrow.png?acweph66ggcs48ogcg0g4o8sw) 1x, url(images/no-entries-arrow_2x.png?1n2kpu6e8yw0okk8k0gokogsk) 2x);
  border: 1px solid #ccc;
}
.containerGrid_listData_noEntries {
  height: 37px;
}
.containerGrid_notSelected input,
.containerGrid_notSelected select,
.containerGrid_notSelected textarea {
  background-color: rgba(0, 0, 0, 0) !important;
}
.containerGrid_notSelected:hover input,
.containerGrid_notSelected:hover select,
.containerGrid_notSelected:hover textarea,
.containerGrid_notSelected:hover td {
  cursor: pointer;
  background-image: linear-gradient(to right, antiquewhite 0, antiquewhite 100%);
  background-blend-mode: soft-light, normal;
}
.containerGrid_selected {
  background-color: rgba(0, 255, 0, 0.2) !important;
}
.containerGrid_created {
  background-color: #cfc !important;
}
.containerGrid_updated {
  background-color: #eff !important;
}
.containerGrid_deleted {
  background-color: #fcc !important;
}
.containerGrid_list_buttons td {
  text-align: left !important;
  padding-left: 5px !important;
}
.containerGrid_list_buttons button {
  color: #eee;
  font-size: 14px;
  cursor: pointer;
  border-color: #777;
  border-radius: 4px;
  background-image: none;
  background-color: #444;
}
.containerGrid_list_buttons button:hover {
  background-color: #666;
}
.containerGrid_list_buttons-addButton {
  padding: 2px;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #ccc;
  background: linear-gradient(to bottom, #efefef, #fff);
  background-color: #fff;
  /* old browsers */
}
.containerGrid_list_buttons-addButton:hover {
  color: #222;
  background: linear-gradient(to bottom, #ededed, #fcfcfc);
  background-color: #fcfcfc;
  /* old browsers */
}
.containerGrid-actionButtons {
  display: flex;
}
.containerGrid-actionButton-holder {
  cursor: pointer;
  display: inline-block;
  transition: background linear 200ms;
  border: none;
  background: #f2f2f2;
  border-radius: 0;
  padding: 5px;
}
.containerGrid-actionButton-holder:focus {
  outline: none;
}
.containerGrid-actionButton-holder:hover {
  background: #ccc;
}
.containerGrid-actionButton-holder button,
.containerGrid-actionButton-holder button:focus {
  border: none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
}
.containerGrid-actionButton {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.containerGrid-actionMinimize {
  background-image: url(images/arrow-up.png?3um1tdqwcncwcw4ks8g40c0ko);
}
.containerGrid-actionMaximize {
  background-image: url(images/arrow-down.png?59im5svg1iko00000c0kokckc);
}
.ContainerWebJS-action-close .svg-close-button {
  width: 2em;
  height: 2em;
  stroke: #555;
}
.containerGrid-actionFilter {
  min-width: 20px;
  height: 16px;
  cursor: pointer;
  background-image: url(images/icon-filter.png?9blymg0bd6w4gsss44ocwoc88);
  background-size: contain;
  background-position: center center;
}
.containerGrid-actionHasFilters {
  background-image: -webkit-image-set(url(images/icon-filter-selected.png?c24zjibfptcs8cck8cg08wo8s) 1x, url(images/icon-filter-selected_2x.png?1z3v2hv5saxscg0s8cs4804gs) 2x);
  background-image: url(images/icon-filter-selected.png?c24zjibfptcs8cck8cg08wo8s);
}
.containerGrid-actionRefresh {
  background-image: url(images/refresh.png?f5c1bn127ps8s848wgcs8cskw);
}
.containerGrid-addButton {
  background-image: url(images/action-add.png?h35ne5ph9ugcg8s0cwgw44k8);
  background-position: center center;
  background-size: 24px 24px;
}
.containerGrid_navigation td {
  text-align: center;
}
.containerGrid_navigation table {
  width: 100%;
  text-align: center;
}
.containerGrid_navigation button {
  color: #eee;
  font-size: 13px;
  cursor: pointer;
  border-color: #777;
  border-radius: 4px;
  background-image: none;
  background-color: #444;
}
.containerGrid_navigation button:hover {
  background-color: #666;
}
.containerGrid_navigation input,
.containerGrid_navigation textarea {
  width: auto;
  min-width: 20px;
  height: auto;
  min-height: 18px;
  font-size: 13px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.containerGrid_sort {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.containerGrid_drag-start {
  background-color: rgba(82, 255, 0, 0.2);
}
.containerGrid-footer {
  background-color: rgba(255, 255, 255, 0.5);
}
.containerGrid-containsFooter {
  padding-bottom: 0px;
}
.ContainerSheetWebJS-row:hover {
  background-color: rgba(255, 82, 0, 0.1);
}
.ContainerSheetWebJS-cell {
  cursor: pointer;
}
.ContainerSheetWebJS-updated {
  background-color: rgba(82, 255, 0, 0.15);
}
.UILayoutModal-formHolder .MORE-MessageBox-form:last-child {
  padding-bottom: 0px;
}
.UILayoutModal-formHolder .navigationBar {
  border-radius: 4px;
}
.MORE-MessageBox-panel.UILayoutModal-formHolder > div {
  overflow: hidden;
}
.UILayoutModal-formHolder-expanded {
  width: 70%;
  height: 80%;
}
.UILayoutModal-formHolder .UILayoutWebJS-container {
  padding: 0;
}
.UILayoutModal-formHolder.UILayoutModal-full-screen {
  width: 100vw;
  max-height: unset;
  height: 100vh;
}
.UILayoutAlert.MORE-MessageBox-panel {
  width: 400px;
  height: auto;
}
.UILayoutContainer .UILayoutWebJS-container {
  margin: 0;
  padding: 0;
}
.UILayoutNotification {
  width: auto;
  height: auto !important;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.UILayoutNotification-mainPanel {
  background-color: transparent;
}
.UILayoutNotification-badge {
  width: 16px;
  height: 16px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 6px;
  margin-right: 20px;
  border-radius: 50%;
  cursor: pointer;
  background: -moz-linear-gradient(top, #f00 0%, #c00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f00), color-stop(100%, #c00));
  background: -webkit-linear-gradient(top, #f00 0%, #c00 100%);
  background: -o-linear-gradient(top, #f00 0%, #c00 100%);
  background: -ms-linear-gradient(top, #f00 0%, #c00 100%);
  background: linear-gradient(to bottom, #f00 0%, #c00 100%);
  opacity: 0.5;
}
.UILayoutNotification-badge:hover {
  opacity: 1;
}
.badge-holder {
  position: relative;
}
.badge-holder.badge-visible::after {
  content: attr(data-badge-count);
  position: absolute;
  font-size: 0.8em;
  top: 0.25em;
  right: 0.25em;
  min-width: 1.6em;
  height: 1.6em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  border-radius: 50%;
  background-color: #ff4b3e;
  box-shadow: 0 0 0.2em 0 #ff4b3e;
}
.flowGroup {
  color: #fff;
  cursor: pointer;
  padding: 3px;
  font-size: 13px;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #888;
  /*font-weight: bold;*/
  text-shadow: #999 1px 1px 1px;
  background: linear-gradient(to bottom, #aaa, #999);
  /*filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#aaa', endColorstr = '#999', GradientType = 0); /* ie */
  background-color: #aaa;
  /* old browsers */
}
.subModule {
  color: #444;
  cursor: pointer;
  padding: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 12px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #bbb;
  text-shadow: #fff 1px 1px 1px;
  background: linear-gradient(to bottom, #ddd, #ccc);
  background-color: #ddd;
}
.startFlow {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: transparent;
}
.startFlow div {
  cursor: pointer;
  padding: 4px;
  font-size: 12px;
  background: transparent;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
}
.startFlow div:hover {
  background: #ddd;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #ccc;
}
.startFlow .ui-selected {
  padding: 4px;
  font-size: 12px;
  background: #ddd;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #ccc;
}
.imageStartFlow_holder {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.imageStartFlow {
  flex: 0 0 25%;
  padding: 5px 0;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.65em;
  font-weight: bold;
  transition: all 200ms ease-out;
}
.imageStartFlow:hover,
.ui-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.imageStartFlow img {
  width: 35px;
  align-self: center;
  margin: 5px;
}
.imageStartFlow span {
  color: #333;
  font-size: 10px !important;
  font-weight: bold !important;
  width: 100% !important;
  display: block !important;
  word-break: break-word;
  line-height: 100%;
}
.imageStartFlow_text:hover {
  background-color: transparent !important;
}
.module {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: inherit;
}
.module li {
  color: #fff;
  padding: 5px;
  cursor: pointer;
  font-size: 14px;
  background: transparent;
  border: 0px;
  border-top: 1px solid #002c3D;
  border-bottom: 1px solid #000;
  background-color: #001C2D;
}
.module li:hover,
.module .ui-selected {
  color: #222;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #bbb;
  background-color: #ccc;
}
.SearchWebJS-faux-container {
  flex: 0 1 auto !important;
}
.style-2016 .Search-container .ContainerRelativePosition-rowContainer-border {
  border-bottom: none;
}
.style-2016 .Search-container .containerGroupInner-cell-hidden-spacer .field-container {
  border-bottom: none !important;
}
.searchButton {
  width: 100%;
}
.searchButton-up {
  margin: auto;
  position: relative;
}
.searchButton-down {
  margin: auto;
  position: relative;
}
.searchButton-down.sprite-more-arrows-down,
.searchButton-up.sprite-more-arrows-up {
  padding: 8px;
}
.field-no-border {
  border: 0px !important;
  font-weight: bold;
  color: #555;
}
.FieldWebView {
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
}
.FieldWebView > .field-control {
  width: 100%;
  min-height: 300px;
  border: 0px;
}
.FieldDateTime {
  background-color: transparent !important;
  border: 0px !important;
}
.FieldDate {
  width: 9.5em !important;
  background-position-x: 7.5em !important;
}
.FieldDate-readonly {
  width: 6.5em !important;
}
.CtrlNextFlowInline {
  margin-bottom: 10px;
  background-color: #f6f6f6;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.CtrlNextFlowInline *:last-child {
  border: 0px;
  background-color: transparent;
}
.CtrlNextFlowInline-margin {
  margin: 10px;
}
.CtrlNextFlowInline-flow {
  padding: 7px;
  cursor: pointer;
  background-position: right;
  background-repeat: no-repeat;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  border: 0;
  background-color: inherit;
}
.CtrlNextFlowInline-flow:hover {
  border-color: #aaa;
  background-color: rgba(0, 0, 0, 0.1);
}
.CtrlNextFlowInline-flow-related {
  border-bottom: 1px solid #ccc;
  background-image: url(images/arrow.png?bac8888731ssosgc4g4cs0k00);
  background-image: -webkit-image-set( url(images/arrow.png?bac8888731ssosgc4g4cs0k00) 1x, url(images/arrow_2x.png?81zg3xo6fxoow0oo4gk0c0w40) 2x);
  padding-right: 40px;
}
.CtrlNextFlowInline-flow-related-description {
  color: #999;
  font-size: 12px;
  padding: 0px;
}
.CtrlNextFlowInline-flow-delete {
  color: #fff;
  text-shadow: none;
  text-align: center;
  border: 1px solid #555;
  background-color: #b00;
}
.CtrlChart {
  width: 300px;
  height: 200px;
  color: #f66;
}
.CtrlChart-tooltip {
  padding: 5px;
  font-size: 13px;
  position: absolute;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f9f9f9;
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
  z-index: 998;
}
.CtrlChart-tooltip-color {
  margin: 1px;
  margin-right: 7px;
  /*padding-left: 11px;*/
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: top;
}
.CtrlDonutChart-tooltip {
  color: #999;
  font-size: 20px;
  text-align: center;
  border: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  position: absolute;
}
.CtrlDonutChart-tooltip b {
  color: #333;
  font-size: 20px;
  display: inline-block;
  padding-bottom: 10px;
}
.CtrlDonutChart-tooltip span {
  color: #bbb;
  font-size: 16px;
  display: inline-block;
  padding-top: 10px;
}
.CtrlChart-10 {
  position: relative;
}
.CtrlCheckBox-img {
  width: 16px;
}
.CtrlCheckBox-false {
  position: relative;
  width: 16px;
  height: 16px;
}
.CtrlCheckBox-false::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #9e9e9e;
  border-radius: 50%;
}
.Favorite-img {
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.Favorite-img-true {
  background-image: url(images/favorite-img-true.png?74mn389boao0gc4kooso00gg0);
}
.Favorite-img-false {
  background-image: url(images/favorite-img-false.png?ajajy7ngaaog0k0wg8k4sgc4w);
}
.CtrlTab {
  height: 100%;
}
.CtrlTab-controls {
  overflow: auto;
}
.CtrlTab-tabs {
  color: #333;
  font-size: 14px;
  text-shadow: #fff 1px 1px 1px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
  background: -moz-linear-gradient(top, #eee 0%, #ddd 100%);
  /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ddd));
  /* webkit */
  /*filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#eee', endColorstr = '#ddd', GradientType = 0); /* ie */
  background-color: #eee;
  /* old browsers */
}
.CtrlTab-tab {
  padding: 5px;
  cursor: pointer;
  display: inline-block;
  border-right: 1px solid #ddd;
}
.CtrlTab-tab:hover {
  background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
  /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddd), color-stop(100%, #bbb));
  /* webkit */
  /*filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#ddd', endColorstr = '#bbb', GradientType = 0); /* ie */
  background-color: #ddd;
  /* old browsers */
}
.CtrlTab-tab div {
  display: inline-block;
}
.CtrlTab-tab-selected {
  background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
  /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddd), color-stop(100%, #bbb));
  /* webkit */
  /*filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#ddd', endColorstr = '#bbb', GradientType = 0); /* ie */
  background-color: #ddd;
  /* old browsers */
}
.CtrlTab-tab-text {
  padding-right: 5px;
}
.CtrlTab-tab-delete img:hover {
  border-color: #f00;
}
.CtrlTab-tab-delete img {
  width: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
}
.CtrlSlider-holder {
  width: 150px;
  float: left;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.CtrlSlider-holder-minimized {
  width: 100px;
}
.CtrlSlider-slider {
  width: 15px;
  height: 20px;
  cursor: pointer;
  border-radius: 4px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: -moz-linear-gradient(top, #eee 0%, #ddd 100%);
  /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ddd));
  /* webkit */
  /*filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#eee', endColorstr = '#ddd', GradientType = 0); /* ie */
  background-color: #eee;
  /* old browsers */
}
.CtrlSlider-slider:hover {
  background-color: #fca;
}
.CtrlSlider-text {
  float: left;
  font-size: 13px;
  padding-left: 5px;
}
.CtrlSocialField-label {
  box-sizing: content-box;
  min-width: auto;
  /* Upper because of ContainerAccordionWebJS */
  max-width: 24px;
  height: 24px;
  text-transform: capitalize;
}
.CtrlSocialField-text {
  width: 320px;
  height: 30px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.container {
  overflow-y: auto;
}
.containerGroupLabelChart {
  padding-left: 0 !important;
}
.containerChart-holder {
  margin: 10px;
  margin-top: 0px;
}
.containerChart-holder .containerGroupLabel {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.containerChart {
  text-align: center !important;
  padding-top: 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: rgba(255, 255, 255, 0.5);
}
.ContainerChartWebJS {
  min-width: 0;
}
.ContainerChartWebJS-chartHolder {
  position: relative;
}
.ContainerChartWebJS_compact {
  width: 100%;
  padding: 5px;
  padding-left: 10px;
  cursor: pointer;
}
.ContainerChartWebJS_compact:hover {
  color: #ff6526;
}
.ContainerChartWebJS-category-header {
  padding: 5px;
  padding-bottom: 10px;
  font-weight: bold;
  font-size: 14px;
}
.ContainerChartWebJS-entriesHolder {
  width: 200px;
  overflow-y: auto;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.5);
}
.ContainerChartWebJS-buttonHolder {
  text-align: right;
  border-bottom: 1px solid #ddd;
}
.ContainerChartWebJS-button {
  height: 30px;
  cursor: pointer;
  display: inline-block;
}
.ContainerChartWebJS-entries-canSelect {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url("images/arrow-right.png?acqserm9fok4040ss8w4w00g8");
}
.ContainerChartWebJS-entries-header {
  border-bottom: 1px solid #ccc;
  border-left: 15px solid #ccc;
  padding-left: 5px;
  font-size: 14px;
}
.ContainerChartWebJS-entries-holder {
  padding: 2px;
  border-bottom: 1px solid #eee;
}
.ContainerChartWebJS-entries-caption {
  font-size: 13px;
}
.ContainerChartWebJS-entries-value {
  font-size: 12px;
  color: #999;
}
.ContainerHistoryWebJS {
  margin: 10px;
  border-radius: 4px;
  background-color: #fff;
  overflow-y: auto;
  position: relative;
}
.ContainerHistoryWebJS-header-group {
  margin-left: 10px;
  position: relative;
  background-color: #fff;
  z-index: 1;
}
.ContainerHistoryWebJS-header-scroll {
  margin-right: 26px;
}
.ContainerHistoryWebJS-supergroup {
  position: relative;
}
.ContainerHistoryWebJS-group {
  background-repeat: repeat-y;
  background-position: 6px;
  background-image: url(images/gray-pixel.png?ah3xrzt2pggkwcows8g8g88ck);
}
.ContainerHistoryWebJS-group-header {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 20px;
  margin-right: 10px;
  border-bottom: 1px solid #333;
}
.ContainerHistoryWebJS-group.sticky {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #f9f9f9;
}
.ContainerHistoryWebJS-group-header-image {
  width: 9px;
  height: 9px;
  float: left;
  margin-top: 8px;
  margin-left: 2px;
  border-radius: 50%;
  background-color: #ccc;
}
.ContainerHistoryWebJS-group-line-image {
  width: 13px;
  height: 13px;
  float: left;
  margin-top: 7px;
  border-radius: 50%;
  background-color: #ccc;
  position: absolute;
}
.ContainerHistoryWebJS-group-line {
  border-bottom: 1px solid #ccc;
  margin-left: 20px;
}
.ContainerHistoryWebJS-group-line-left {
  width: 60%;
  text-align: left;
  display: inline-block;
  vertical-align: top;
}
.ContainerHistoryWebJS-group-line-right {
  width: 40%;
  text-align: right;
  display: inline-block;
  color: #ccc;
  font-size: 12px;
}
.ContainerHistoryWebJS-field0 {
  padding: 5px;
  padding-left: 0px;
  font-size: 14px;
}
.ContainerHistoryWebJS-field1 {
  padding: 5px;
  padding-right: 15px;
}
.ContainerHistoryWebJS-field2 {
  padding: 5px;
  padding-right: 15px;
}
.ContainerHistoryWebJS-hasDetails {
  background-repeat: no-repeat;
  background-position: right 20px;
  background-image: url(images/arrow-down.png?59im5svg1iko00000c0kokckc);
  cursor: pointer;
}
.ContainerHistoryWebJS-details {
  background-color: #eee;
}
.ContainerHistoryWebJS-details-row {
  text-align: left;
}
.ContainerHistoryWebJS-details-row div {
  display: inline-block;
  padding-left: 5px;
  font-size: 13px;
}
.ContainerHistoryWebJS-detail-oldValue {
  text-decoration: line-through;
  color: #999;
}
.ContainerHistoryWebJS-noEntries {
  text-align: left;
  background-color: transparent;
}
.ContainerTimelineWebJS-holder {
  display: -webkit-flex;
  display: flex;
}
.ContainerTimelineWebJS-category-item {
  height: 2rem;
  line-height: 2rem;
  text-align: left;
  font-size: 11px;
  padding: 0.25em 1em;
  white-space: nowrap;
}
.ContainerTimelineWebJS-category-item-selectable {
  cursor: pointer;
}
.ContainerTimelineWebJS-category-item-selectable:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.ContainerTimelineWebJS-category-dummy {
  height: calc(2em + 1px);
  border-bottom: 1px solid #666;
  padding: 5px;
}
.ContainerTimelineWebJS-timeline {
  display: inline-block;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.ContainerTimelineWebJS-timeline-granularityHolder {
  display: inline-block;
  border-bottom: 1px solid #666;
}
.ContainerTimelineWebJS-timeline-granularityItem {
  display: inline-block;
  width: 3em;
  height: 100%;
  text-align: left;
  font-size: 11px;
  border-left: 1px solid #ccc;
  padding: 5px;
}
.ContainerTimelineWebJS-timeline-granularityItem:nth-child(24n+1) {
  width: 6em;
}
.ContainerTimelineWebJS-timeline-granularityItemHeader {
  font-weight: bold;
  border-color: #666;
}
.ContainerTimelineWebJS-timeline-itemHolder {
  height: 2rem;
  width: 100%;
  position: relative;
}
.ContainerTimelineWebJS-timeline-itemHolder-darker {
  background-color: rgba(0, 0, 0, 0.02);
}
.ContainerTimelineWebJS-timeline-marker {
  padding-top: 4px;
}
.ContainerTimelineWebJS-timeline-item {
  display: inline-block;
  position: absolute;
  height: calc(2rem - 2px);
  margin: 1px 0;
  background-color: #900;
}
.ContainerTimelineWebJS-detailPanel {
  padding: 5px;
  position: absolute;
  border-radius: 4px;
  background-color: #fff;
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0x 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.ContainerTimelineWebJS-detailPanel-label {
  font-size: 12px;
  text-align: right;
  font-weight: bold;
}
.ContainerTimelineWebJS-detailPanel-control {
  text-align: left;
  font-size: 13px;
  padding: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.ContainerTimelineWebJS-noEntries {
  font-size: 15px;
  text-align: center;
}
.ActionLabelWebJS-action {
  padding-left: 5px;
  padding-right: 2px;
  color: #ff6526 !important;
}
.ActionLabelWebJS-action:hover {
  text-decoration: underline;
  cursor: pointer;
}
.TimePickerCtrl {
  position: absolute;
  z-index: 999;
}
.TimePickerCtrl table {
  padding: 5px;
  background-color: #FCFDFD;
  border-radius: 4px;
  border: 1px solid #444;
}
.TimePickerCtrl td {
  color: #333;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
}
.TimePickerCtrl input {
  color: #333;
  width: 2em;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  border: 1px solid #999;
  padding: 0;
}
.TimePickerCtrl input:valid,
.TimePickerCtrl input:invalid {
  border: none;
}
.TimePickerCtrl button {
  color: #333;
  width: 36px;
  height: 36px;
  font-size: 25px;
  font-weight: bold;
}
.TimePickerCtrl_button {
  padding-top: 10px;
}
.TimePickerCtrl_button button {
  width: 60px;
  font-size: 12px;
  font-weight: normal;
}
.EmailWebJS .holder-ctrl-email {
  display: flex;
  align-items: center;
}
.EmailWebJS .ctrl-email {
  border: none;
  flex: 1;
}
.EmailCtrl {
  cursor: pointer;
  padding-right: 25px;
  font-size: 14px;
}
.PhoneCtrl {
  padding-right: 25px;
}
.PhoneWebJS .holder-ctrl-phone {
  display: flex;
  align-items: center;
}
.PhoneWebJS .ctrl-phone {
  border: none;
  flex: 1;
}
.RefCtrl {
  background-repeat: no-repeat;
  background-position: 99% center;
  background-image: url(images/refctrl.png?cpon16ff4k8c4804cw04ososc);
  background-image: -webkit-image-set( url(images/refctrl.png?cpon16ff4k8c4804cw04ososc) 1x, url(images/refctrl_2x.png?2vc5uc3o4pa8gcokwwgo844c8) 2x);
}
.NextFlowsWebJS {
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  margin: 10px;
}
.NextFlowsWebJS-buttonDescription {
  color: #999;
  text-align: center;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.NextFlowsWebJS-button {
  width: 50px;
  height: auto;
  border-radius: 4px;
  padding-right: 20px;
  padding-bottom: 0px;
  cursor: pointer;
}
.NextFlowsWebJS-indicator {
  left: 100px;
  position: relative;
  margin-bottom: -5px;
}
/* ======= EntityOperationWebJS styles ======= */
.EntityOperationWebJS.field-container {
  border-radius: 2px;
  overflow: hidden;
  --msd-label-font-weight: normal;
}
.EntityOperationWebJS.field-container.container-type-horizontal,
.EntityOperationWebJS.field-container.container-type-horizontalRight {
  align-items: center;
}
.EntityOperationWebJS.field-container > .field-control {
  flex: initial;
  font-size: var(--ms-font-size, 40px);
}
.EntityOperationWebJS.field-container > .field-label {
  /* Parity: color affects label color, unlike other fields */
  color: var(--ms-color, var(--ms-label-color));
}
.runFlow {
  flex-grow: 1;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  border: 1px solid #999;
}
/*.runFlow .navigationBar { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }*/
.DateCtrl {
  overflow-x: hidden;
}
.CtrlDropDown {
  font-size: 12px;
  overflow: auto;
  max-height: 300px;
  position: absolute;
  border: 1px solid #999;
  z-index: 999;
}
.CtrlDropDown-list-holder {
  cursor: pointer;
  overflow-y: auto;
  max-height: 350px;
  background-color: #F8F8F8;
}
.CtrlDropDown_item {
  padding: 5px;
  cursor: pointer;
}
.CtrlDropDown_item:hover {
  color: #eee;
  background-color: #999;
}
.CtrlDropDown_lighter {
  background-color: #eee;
}
.CtrlDropDown_darker {
  background-color: #ddd;
}
.CtrlDropDown_button {
  color: #fff;
  font-size: 13px;
  text-align: center;
  background-color: #999;
  padding: 0px !important;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #888;
}
.ctrlTextboxButton {
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.ctrlTextboxButton input {
  width: 100%;
  margin-right: 10px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}
.ctrlButton {
  color: #555;
  font-weight: bold;
  border: none;
}
#searchfield-container > .ctrlTextboxButton > button,
#SearchButton-control {
  font-size: 13px;
  padding: 5px 25px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: linear-gradient(to bottom, #fff, #f3f3f3);
  background-color: #fff;
  justify-content: center;
}
#searchfield-container > .ctrlTextboxButton:hover,
#SearchButton-control:hover {
  background: linear-gradient(to bottom, #fafafa, #ededed);
  background-color: #fafafa;
  /* old browsers */
}
.ctrlFullButton {
  font-size: 20px;
  cursor: pointer;
  padding-top: 5px;
  margin-bottom: 10px;
  box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.5);
}
.ctrlFullButton:hover {
  color: #FF6526;
}
.ctrlFullButton.searchButton {
  border-top: 1px solid grey;
  box-shadow: none;
}
.ButtonWebJS.container-type-horizontal.no-border {
  outline: none;
}
.ctrlFileReader {
  padding: 2px;
}
.ctrlLinkButton_holder {
  padding: 10px !important;
}
.ctrlLinkButton {
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}
.ctrlLinkButton:hover {
  color: #FF6526;
}
.CtrlAttach {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
}
.CtrlAttach img {
  max-width: 24px;
  max-height: 24px;
  margin: 0 10px;
}
.ImageWebJS > .field-control {
  position: relative;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.ImageWebJS > .field-control img {
  max-height: 100%;
  max-width: 100%;
}
.ImageWebJS > .field-control .CtrlAttach {
  width: 100%;
}
.ImageWebJS > .field-control button {
  width: 100%;
}
.ImageWebJS > .field-control label {
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.ImageWebJS > .field-control > .state-large:checked ~ * > .imageHolder {
  background-color: rgba(1, 1, 1, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  z-index: 1000;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ImageWebJS > .field-control.no-scaling img {
  width: auto !important;
  height: auto !important;
}
.ImageWebJS-fullscreen-holder {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 998;
  background-color: rgba(0, 0, 0, 0.5);
}
.ImageWebJS-crop-holder {
  position: relative;
  width: 80vw;
  height: 80vh;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
  overflow: auto;
  user-select: none;
}
.ImageWebJS-crop-buttons {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1em;
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.75);
  color: white;
}
.ImageWebJS-crop-buttons span {
  padding-right: 1em;
}
.ImageWebJS-crop-buttons button {
  border: 1px solid grey;
  width: 3em;
  height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #555;
  background-color: #f2f2f2;
  border: 1px solid #b3b3b3;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
  transition: all 200ms ease-out;
}
.ImageWebJS-crop-buttons button svg {
  height: 75%;
  stroke: currentColor;
  fill: none;
  stroke-width: 12;
  stroke-linecap: round;
}
.ImageWebJS-crop-buttons button:hover {
  background-color: #d9d9d9;
}
.ImageWebJS-crop-buttons button:active {
  background-color: #bfbfbf;
}
.ImageWebJS-crop-buttons button + button {
  border-left: none;
}
.ImageWebJS-crop-buttons button:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ImageWebJS-crop-buttons button:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ImageWebJS-crop-holder canvas {
  border: 1px solid #555;
}
.ImageWebJS-crop {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: linear-gradient(to bottom, white, transparent 1px, transparent calc(100% / 3), white calc(100% / 3), white calc(100% / 3 + 1px), transparent calc(100% / 3 + 1px), transparent calc(100% / 3 * 2), white calc(100% / 3 * 2), white calc(100% / 3 * 2 + 1px), transparent calc(100% / 3 * 2 + 1px), transparent calc(100% - 1px), white calc(100% - 1px), white), linear-gradient(to right, white, transparent 1px, transparent calc(100% / 3), white calc(100% / 3), white calc(100% / 3 + 1px), transparent calc(100% / 3 + 1px), transparent calc(100% / 3 * 2), white calc(100% / 3 * 2), white calc(100% / 3 * 2 + 1px), transparent calc(100% / 3 * 2 + 1px), transparent calc(100% - 1px), white calc(100% - 1px), white);
  border: 1px solid lightgrey;
  box-shadow: 0 0 3px 0 grey;
  cursor: all-scroll;
}
.ImageWebJS-crop-resize {
  position: absolute;
  width: 0.75em;
  height: 0.75em;
  padding: 0;
  border: 1px solid lightgrey;
  background-color: white;
  background-image: radial-gradient(circle at 50% 50%, white, lightgrey);
  border-radius: 50%;
  box-shadow: 0 0 3px 0 grey;
}
.ImageWebJS-crop-resize-nw {
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  cursor: nw-resize;
}
.ImageWebJS-crop-resize-n {
  top: 0;
  right: calc(50% - 0.75em / 2);
  transform: translate(0%, -50%);
  cursor: n-resize;
}
.ImageWebJS-crop-resize-ne {
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  cursor: ne-resize;
}
.ImageWebJS-crop-resize-e {
  right: 0;
  bottom: calc(50% - 0.75em / 2);
  transform: translate(50%, 0);
  cursor: e-resize;
}
.ImageWebJS-crop-resize-se {
  right: 0;
  bottom: 0;
  transform: translate(50%, 50%);
  cursor: se-resize;
}
.ImageWebJS-crop-resize-s {
  right: calc(50% - 0.75em / 2);
  bottom: 0;
  transform: translate(0, 50%);
  cursor: s-resize;
}
.ImageWebJS-crop-resize-sw {
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
  cursor: sw-resize;
}
.ImageWebJS-crop-resize-w {
  bottom: calc(50% - 0.75em / 2);
  left: 0;
  transform: translate(-50%, 0);
  cursor: w-resize;
}
.CircularImageWebJS > .field-control .imageHolder {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--ms-border-color, var(--solution-color));
  background-color: var(--ms-border-color, var(--solution-color));
  border-radius: 50%;
  overflow: hidden;
}
.CircularImageWebJS > .field-control img {
  max-height: 120%;
  max-width: initial;
}
.CircularImageWebJS-plus {
  position: absolute;
  font-size: 1.5em;
  top: 0;
  right: 0;
  width: 1.5em;
  height: 1.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--solution-text-color-accent);
  background-color: var(--solution-color);
  border-radius: 50%;
  box-shadow: 0 0 3px 0 black;
  cursor: pointer;
}
.CircularImageWebJS-crop-holder .ImageWebJS-crop {
  border-radius: 50%;
}
.CtrlAttach-image-resize {
  position: absolute;
}
/* AudioRecorder Styles */
.AudioRecorderCtrl {
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
}
.AudioRecorderCtrl button {
  flex-basis: 10%;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
}
.AudioRecorderCtrl button:disabled {
  border-style: inset;
}
.AudioRecorderCtrl input {
  flex-grow: 1;
  margin: 0 2%;
  /* Webkit (and others?) seem to give a default width to inputs. We need to override it here to allow it to shrink beyond that width in flex containers. */
  width: 100%;
}
.AudioRecorderCtrl .timeDisplays {
  flex-shrink: 0;
  align-self: center;
}
.AudioRecorderCtrl .timeDisplays span + span::before {
  content: " / ";
}
/* Button 'images' */
.AudioRecorderCtrl button.record::before {
  content: " ";
  width: 16px;
  height: 16px;
}
.AudioRecorderCtrl button.record:not(.recording)::before {
  /* Red circle */
  border-radius: 50%;
  background-image: linear-gradient(to bottom, indianred, darkred);
  /* Subtle gradient to blend with the button's own gradient (at least in chrome) */
}
/*.AudioRecorderCtrl button.record.recording::before {
	/* Windows: blue button square with white border */
/*box-sizing: border-box; /* Prevent the additional border from changing the image's width */
/*border: 1px solid white;
	background-image: linear-gradient(to bottom, royalblue, steelblue);
}*/
.AudioRecorderCtrl button.record.recording::before {
  /* Chrome tab indicator: red circle within red circunference */
  /*background-image: radial-gradient(circle, indianred 0%, indianred 30%, transparent 40%, transparent 47%, indianred 58%, indianred 60%, transparent 70%, transparent);*/
  /* The one the doctors want | Compatability with Silverlight style*/
  background-image: linear-gradient(to bottom, black, black);
}
.AudioRecorderCtrl button.play:not(.playing)::before {
  /* Right facing triangle */
  content: " ";
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 16px solid grey;
}
.AudioRecorderCtrl button.play.playing::before {
  /* Left vertical bar */
  content: "";
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
  left: calc(50% - 8px);
  /* Pause icon */
  /*background-image: linear-gradient(to right, grey 0%, grey 32%, transparent 34%, transparent 65%, grey 67%, grey 100%);*/
  /* The one the doctors want | Compatability with Silverlight style */
  background-image: linear-gradient(to bottom, black, black);
}
.shadow-top {
  box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.5);
}
.shadow-bottom {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}
.shadow-left {
  box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.5);
}
.shadow-right {
  box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.5);
}
.AgendaWebJS-calendar {
  width: 200px;
  -moz-box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.5);
}
.AgendaWebJS-customForm-holder {
  padding: 0px;
}
.AgendaWebJS-customForm-holder .containerGrid_table {
  padding: 0px;
}
.AgendaWebJS-customForm-holder .containerGrid_table td {
  padding: 5px;
  border-width: 1px;
}
.AgendaWebJS-customForm-holder .containerGrid_holder {
  padding: 0px;
}
.AgendaWebJS-customForm-holder .containerGroupInner_label_hidden {
  border: 0px !important;
  padding: 0px !important;
}
.AgendaWebJS-customForm-holder .containerGroup {
  padding: 0px !important;
  border: 0px !important;
}
.AgendaWebJS-customForm-holder td {
  border-width: 0px;
  padding: 5px;
  padding-bottom: 0px;
}
.AgendaWebJS-customForm-holder .containerGrid_table {
  padding: 0px !important;
}
.AgendaWebJS-labels-holder {
  overflow: hidden;
  padding: 0px;
  padding-top: 10px;
  border-bottom: 1px solid #ddd;
  box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.5);
}
.AgendaWebJS-labels-tab-holder {
  background-color: #eee;
}
.AgendaWebJS-labels-tab {
  display: inline-block;
  padding: 5px;
  cursor: pointer;
}
.AgendaWebJS-labels-tab-selected {
  background-color: #f9f9f9;
}
.AgendaWebJS-labels-control {
  overflow-y: auto;
  min-height: 180px;
  padding: 5px;
}
.AgendaWebJS-label-border {
  display: table-cell;
  width: 16px;
  height: 16px;
  border: 1px solid #999;
  border-left-width: 8px;
}
.AgendaWebJS-label-color {
  display: table-cell;
  width: 16px;
  height: 16px;
  border: 1px solid #999;
}
.AgendaWebJS-label-text {
  display: table-cell;
  vertical-align: top;
  padding: 2px;
}
.AgendaWebJS-field {
  border: 0px !important;
  padding: 0px !important;
  vertical-align: top !important;
  text-align: left;
}
.AgendaWebJS-filter-holder {
  padding: 5px;
}
.AgendaWebJS-filter-label {
  font-weight: bold;
}
.AgendaWebJS-filter-field input {
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.AgendaWebJS-button {
  width: 100%;
  margin-top: 10px;
}
.CtrlAgenda {
  height: 100%;
}
.CtrlAgenda-header {
  text-shadow: #000 1px 1px 1px;
  background-color: #555 !important;
}
.CtrlAgenda-header td {
  color: #fff;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #444;
  border-bottom: 1px solid #444;
}
.CtrlAgenda-header-title {
  font-size: 13px !important;
  font-weight: bold;
  text-align: center !important;
}
.CtrlAgenda-header-button {
  width: 30px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
}
.CtrlAgenda-header-button:hover {
  background-color: #666;
}
.CtrlAgenda-header-buttonLeft {
  background-image: url(images/prev.png?4ikvfj2q5cao84wko404w4w48);
}
.CtrlAgenda-header-buttonRight {
  background-image: url(images/next.png?7fuu0fz5o40s8sck4840ogsw);
}
.CtrlAgenda-header-zoomin {
  background-image: url(images/zoom-in.png?cbens98jhuog0c48kowkg4k0g);
}
.CtrlAgenda-header-zoomout {
  background-image: url(images/zoom-out.png?31bmxn8991k4ggwwc8gwo0so4);
}
.CtrlAgenda-layout {
  overflow: hidden;
}
.CtrlAgenda-layout td {
  padding: 0px !important;
}
.CtrlAgenda-layout-holder {
  padding: 0px !important;
  vertical-align: top !important;
}
.CtrlAgenda-layout-disabled {
  overflow: auto;
}
.CtrlAgenda-layout-horizontal {
  height: 100%;
  width: 50%;
  /*overflow:auto; float: left;*/
}
.CtrlAgenda-layout-horizontal:last-child {
  -moz-box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.5);
}
.CtrlAgenda-layout-vertical {
  height: 57%;
  overflow: auto;
}
.CtrlAgenda-layout-vertical:last-child {
  height: 43%;
  -moz-box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.5);
}
.CtrlAgenda-agendaColumns-holder {
  overflow: hidden;
}
.CtrlAgenda-agendaTime-holder {
  overflow: hidden;
  width: 40px;
}
.CtrlAgenda-agendaTime-holder td {
  height: 24px;
  max-height: 24px;
  font-size: 10px !important;
  font-weight: normal !important;
  border: 0px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-left: 5px;
}
.CtrlAgenda-agendaData-holder {
  overflow: auto;
}
.CtrlAgenda-table td {
  height: 24px;
  max-height: 24px;
  font-size: 10px !important;
  font-weight: normal !important;
  position: relative;
  border: 0px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  /*padding: 5px; padding-top: 3px; padding-bottom: 3px;*/
}
.CtrlAgenda-table-header td {
  min-width: 150px;
  text-align: center;
  border: 0px !important;
  font-size: 10px !important;
  padding-top: 3px;
  padding-bottom: 3px;
}
.CtrlAgenda-table-header td:hover {
  font-weight: bolder;
}
.CtrlAgenda-table-header-selectable:hover {
  cursor: pointer;
  color: #0b0;
}
.CtrlAgenda-table-header-hasInfo {
  background-repeat: no-repeat;
  background-image: url(images/more-info.png);
  background-position: right;
}
.CtrlAgenda-dayTime {
  width: 40px;
}
.CtrlAgenda-dayTime-hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.CtrlAgenda-dayItem-noPadding {
  padding: 0px !important;
}
.CtrlAgenda-dayItem {
  min-width: 150px;
}
.CtrlAgenda-dayItem:hover {
  background-color: rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.CtrlAgenda-dayItem-today {
  background-color: rgba(0, 255, 255, 0.03);
}
.CtrlAgenda-dayItem-hasEvent {
  background-color: #e0ffe0;
}
.CtrlAgenda-dayItem-hasEvent-color {
  width: 10px;
  float: left;
  margin-right: 5px;
}
.CtrlAgenda-dayItem-hasEvent-parcial {
  background-color: #e0ffff;
}
.CtrlAgenda-dayItem-hasEvent-0 {
  background-color: #e0ffe0;
}
.CtrlAgenda-dayItem-hasEvent-1 {
  background-color: #ffe0e0;
}
.CtrlAgenda-dayItem-hasEvent-2 {
  background-color: #e0e0ff;
}
.CtrlAgenda-dayItem-disabled {
  background-color: rgba(0, 0, 0, 0.05);
}
.CtrlAgenda-dayItem-selected {
  /*border:1px solid #999 !important;*/
  background-color: rgba(0, 255, 0, 0.1);
}
.CtrlAgenda-dayItem div {
  height: 100%;
  display: inline-block;
  overflow: visible;
}
.CtrlAgenda-dayItem-hasEvent-threshold-1 {
  background-image: url(images/more-calendar-threshold0.png);
}
.CtrlAgenda-dayItem-hasEvent-threshold-2 {
  background-image: url(images/more-calendar-threshold1.png);
}
.CtrlAgenda-dayItem-hasEvent-threshold-3 {
  background-image: url(images/more-calendar-threshold2.png);
}
.CtrlAgenda-dayItem-hasEvent-threshold-4 {
  background-color: #ddd !important;
  /*background-image: url(images/more-calendar-threshold3.png);*/
}
.CtrlAgenda-dayItem-color0 {
  background-color: #e0ffe0 !important;
}
.CtrlAgenda-dayItem-color1 {
  background-color: #e0e0ff !important;
}
.CtrlAgenda-dayItem-color2 {
  background-color: #ffe0e0 !important;
}
.CtrlAgenda-dayItem-color3 {
  background-color: #ffffe0 !important;
}
.CtrlAgenda-dayItem-color4 {
  background-color: #e0ffff !important;
}
.CtrlAgenda-dayItem-color5 {
  background-color: #ffe0ff !important;
}
.CtrlAgenda-dayItem-hasEvent-form {
  width: 100px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  overflow: hidden !important;
  position: absolute;
  z-index: 1;
}
.CtrlAgenda-dayItem-hasEvent-form-border {
  border-bottom: 1px solid #999;
}
.CtrlAgenda-dayItem-hasEvent-form img {
  width: 9px !important;
}
.CtrlAgenda-dayItem-hasEvent-form:hover {
  width: 130px;
  z-index: 2;
}
.CtrlAgenda-dayItem-hasEvent-form-duration {
  width: 10px;
  float: left;
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  /*border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;*/
  background-color: #f00;
}
.CtrlAgenda-dayItem-hasEvent-form-outer {
  float: left;
  width: 10px;
  /*height: auto !important;*/
  padding-left: 10px;
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  background-color: #ccc;
}
.CtrlAgenda-dayItem-hasEvent-form-bg {
  font-size: 10px;
  font-weight: normal;
  width: 300px;
  height: auto !important;
  background-color: #fff;
  border-bottom: 1px solid #999;
}
.CtrlAgenda-dayItem-hasEvent-form-bg2 {
  height: 100% !important;
}
.CtrlAgenda-dayItem-hasEvent-form-bg:hover {
  background-color: #eee;
}
.CtrlAgenda-dayItem-hasEvent-form td {
  padding: 0px !important;
  border: 0px !important;
}
.CtrlAgenda-dayItem-hasEvent-form-bg div {
  height: auto !important;
  padding: 0px !important;
  display: block;
}
.CtrlAgenda-dayItem-hasEvent-form span {
  padding-left: 3px;
}
.CtrlAgenda-detailsPanel-holder {
  overflow: auto;
}
.CtrlAgenda-detailsPanel-item-holder {
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.CtrlAgenda-detailsPanel-item-title {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 10px;
  color: #090;
}
.CtrlAgenda-detailsPanel-item {
  font-size: 13px;
  padding: 2px;
}
.CtrlAgenda-detailsPanel-item:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.05);
}
.CtrlAgenda-detailsPanel-item td {
  font-size: 12px !important;
  padding: 2px;
  border: 0px;
}
.CtrlAgenda-detailsPanel-item td:first-child {
  width: 150px;
  font-weight: bold;
}
.CtrlAgenda-detailsPanel-item div {
  font-weight: normal;
}
/*.CtrlAgenda-detailsPanel-item div { display: inline-block; }
.CtrlAgenda-detailsPanel-item div:first-child { width: 150px; font-weight: bold; }
.CtrlAgenda-detailsPanel-item div:last-child { font-weight: normal;	}*/
.CtrlAgenda-detailsPanel-addItem {
  margin: 10px;
  width: 42px;
  height: 42px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-image: url(images/CtrlAgenda-add.png?7eqj28ju6escog00ooc4wocso);
}
.CtrlAgenda-detailsPanel-addItem:hover {
  background-image: url(images/CtrlAgenda-addHover.png?9mve0u3hj70og4cc4k8og4ckc);
}
.CtrlAgenda-detailsPanel-popup {
  width: 400px;
  height: auto;
  display: none;
  position: fixed;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 10px;
  z-index: 2;
}
.CtrlAgenda-detailsPanel-popup div {
  width: 100% !important;
  border: 0px !important;
}
.CtrlAgenda-detailsPanel-popup td:first-child {
  width: 30% !important;
}
.CtrlAgenda-detailsPanel-popup td:last-child {
  width: 70% !important;
}
.CtrlAgenda-columnInfo-popup {
  width: 200px;
  color: #333;
  font-size: 12px;
  padding: 10px;
}
.CtrlCalendar {
  width: 250px;
  /*-moz-box-shadow: -5px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: -5px 0px 5px rgba(0,0,0,0.5);
	box-shadow: -5px 0px 5px rgba(0,0,0,0.5);*/
  border-bottom: 1px solid #ccc;
}
.CtrlCalendar-header {
  text-shadow: #000 1px 1px 1px;
  background-color: #555 !important;
}
.CtrlCalendar-header td {
  color: #fff;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #444;
  border-bottom: 1px solid #444;
}
.CtrlCalendar-header-title {
  font-size: 13px !important;
  font-weight: bold;
  text-align: center !important;
}
.CtrlCalendar-header-button {
  width: 30px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
}
.CtrlCalendar-header-button:hover {
  background-color: #666;
}
.CtrlCalendar-header-buttonLeft {
  background-image: url(images/prev.png?4ikvfj2q5cao84wko404w4w48);
}
.CtrlCalendar-header-buttonRight {
  background-image: url(images/next.png?7fuu0fz5o40s8sck4840ogsw);
}
.CtrlCalendar-weekend {
  color: #999 !important;
  font-weight: normal !important;
}
.CtrlCalendar-weekday {
  text-shadow: #ddd 1px 1px 1px;
  background-color: #cacaca;
}
.CtrlCalendar-weekday td {
  width: 20px;
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: center;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.CtrlCalendar-item {
  font-size: 12px !important;
  text-align: center !important;
}
.CtrlCalendar-item-hasData {
  background-color: #e0ffe0;
}
.CtrlCalendar-item-hasPartialData {
  background-color: #ffffcc;
}
.CtrlCalendar-item-disabled {
  background-color: #ddd;
  border-top: 1px solid #eee !important;
  border-left: 1px solid #eee !important;
  border-right: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
}
.CtrlCalendar-selectableItem:hover {
  cursor: pointer;
  background-color: #eee;
}
.CtrlCalendar-selectableItem:hover .CtrlCalendar-item {
  background-color: #eee;
}
.CtrlCalendar-selectedWeek {
  background-color: #e0ffe0 !important;
}
.CtrlCalendar-selectedDay {
  border: 1px solid #666 !important;
}
.CtrlCalendar-selectedDay td {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}
.CtrlCalendar-currentDay {
  font-weight: bolder !important;
  color: #00aa00 !important;
}
.CtrlCalendar-dateInput {
  padding: 10px;
  padding-top: 6px;
  padding-bottom: 3px;
  position: absolute;
  margin-left: 1px;
  background-color: #555;
}
.CtrlCalendar-dateInput button {
  padding-top: 1px;
  padding-bottom: 1px;
}
.CtrlCalendar-dateInput input {
  border: 1px solid #333;
  text-align: center;
}
.CtrlCalendar-dateInput input:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.CtrlCalendar-dateInput input:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.CtrlCalendar-popup {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 4px;
  position: absolute;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 10px;
}
.CtrlCalendar-popup div {
  font-size: 14px;
  padding: 3px;
}
/* Calendar Date Input */
.CtrlCalendar-dateInput > input {
  padding-left: 0;
}
.CtrlCalendar-dateInput .CtrlCalendar-yearInput {
  width: 3.5em;
}
.CtrlCalendar-dateInput .CtrlCalendar-dayInput {
  width: 2.5em;
}
.CtrlCalendar-dateInput .CtrlCalendar-monthInput {
  width: 2.5em;
}
.CalendarViewer-weekdays-item {
  display: inline-block;
}
.CtrlDateParts .CtrlDateParts-item:first-child {
  width: 36px !important;
}
.CtrlDateParts-item {
  border: 0px;
  width: 22px !important;
  min-width: 20px !important;
  text-align: center;
}
.CtrlDateParts-clearButton {
  width: 17px;
  height: 17px;
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px;
  font-size: 13px;
  font-weight: normal;
  font-family: Arial;
  cursor: pointer;
  display: inline-block;
  float: right;
  margin: 3px;
  /*margin-left: 5px;*/
  border-radius: 50%;
  background-color: #ccc;
}
.CtrlDateParts-clearButton:hover {
  background-color: #666;
}
.MORE-bitwise-clickable {
  width: 80%;
  height: 20px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-image: url(images/MORE-bitwise-clickable.png);
}
.MORE-bitwise-clickable:hover {
  background-color: #eee;
}
.MORE-bitwise-icon {
  box-sizing: content-box;
  width: 18px;
  height: auto;
  padding: 0 5px;
}
.MORE-bitwise-form {
  width: 200px;
  padding: 5px;
  position: absolute;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.5);
}
.MORE-bitwise-item-holder {
  padding: 5px;
}
.MORE-bitwise-item-holder div {
  display: inline-block;
}
.SelectionWebJS {
  font-size: 14px;
}
.SelectionWebJS span {
  padding-right: 10px;
  vertical-align: middle;
}
.SelectionWebJS-option {
  width: auto !important;
  height: auto !important;
  min-height: 0px !important;
  vertical-align: middle;
}
.RichTextString-button {
  width: 22px;
  text-align: center;
  display: inline-block;
  padding: 5px;
  margin-top: 10px;
  margin-right: 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
  /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eee));
  /* webkit */
  /*filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#fff', endColorstr = '#eee', GradientType = 0); /* ie */
  background-color: #fff;
  /* old browsers */
}
.RichTextString-button:hover,
.RichTextString-button-selected {
  cursor: pointer;
  background: -moz-linear-gradient(top, #eee 0%, #ddd 100%);
  /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ddd));
  /* webkit */
  /*filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#eee', endColorstr = '#ddd', GradientType = 0); /* ie */
  background-color: #eee;
  /* old browsers */
}
.RichTextString-template-holder {
  width: 100px !important;
  display: -webkit-flex;
  display: flex !important;
  background-image: none !important;
}
.RichTextString-template-holder select {
  width: 100px;
  min-height: 100% !important;
  font-size: 12px;
}
.RichTextString-template-li {
  background-position: 0px 0px !important;
  background-size: 100% !important;
}
.RichTextString-template-li:hover {
  border: 1px outset #c8c8c8 !important;
}
.RichTextString-template-apply {
  background-image: url(images/reporting_approve.png) !important;
}
.RichTextString-template-add {
  background-image: url(images/reporting_add.png) !important;
}
.RichTextStringWebJS {
  flex: 1 0 auto;
}
.RichTextStringWebJS.field-not-editable {
  flex: 1 1 auto;
}
.RichTextStringWebJS_non-editable div {
  display: inline;
}
.RichTextStringWebJS_non-editable div::before {
  content: " ";
}
.SliderRef {
  width: 100%;
  padding-top: 5px;
  cursor: pointer;
  background-position: left center, right center;
  background-repeat: no-repeat, no-repeat;
  background-image: url(images/arrow-left.png?cs4de00yc9skgcw8o848w8ock), url(images/arrow-right.png?acqserm9fok4040ss8w4w00g8);
}
.SliderRef-value {
  text-align: center;
}
.SliderRef-value:hover {
  color: #ef575d;
}
.LinkWebJS-button {
  padding: 2px;
  padding-left: 15px;
  padding-right: 15px;
}
.MORE-MessageBox-form {
  padding-bottom: 10px;
  flex-grow: 1;
  overflow-y: auto;
}
.MORE-MessageBox-form-holder {
  background-color: rgba(0, 0, 0, 0.2);
}
.MORE-MessageBox-form-title-holder {
  position: relative;
  text-align: left !important;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: initial;
  padding-left: 0.5em;
}
.MORE-MessageBox-form-title {
  float: left;
  padding: 7px;
  padding-left: 10px;
}
.MORE-MessageBox-form-close {
  margin: 0.5em 0.5em 0.5em auto;
  cursor: pointer;
}
.MORE-MessageBox-form-footer-holder {
  flex: 0 0 auto;
  padding: 10px;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  cursor: initial;
}
.MORE-MessageBox-form-button {
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  padding: 5px;
  padding-left: 20px;
  padding-right: 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 100%);
  /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f3f3f3));
  /* webkit */
  /*filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#fff', endColorstr = '#f3f3f3', GradientType = 0); /* ie */
  background-color: #fff;
  /* old browsers */
}
.MORE-MessageBox-form-button:hover {
  background: -moz-linear-gradient(top, #f3f3f3 0%, #e6e6e6 100%);
  /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e6e6e6));
  /* webkit */
  /*filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#f3f3f3', endColorstr = '#e6e6e6', GradientType = 0); /* ie */
  background-color: #f3f3f3;
  /* old browsers */
}
.MORE-MessageBox-form-button + .MORE-MessageBox-grid-button {
  margin-left: 4px;
}
.MORE-MessageBox-form-button + .MORE-MessageBox-form-button {
  margin-left: 0.75em;
}
.MORE-MessageBox-holder {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 997;
}
.MORE-MessageBox-grid-holder {
  overflow-x: auto;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
  flex: 1 20 auto;
}
.MORE-MessageBox-grid-table th:first-child {
  border-top-left-radius: 4px;
}
.MORE-MessageBox-grid-table th:last-child {
  border-top-right-radius: 4px;
}
/*.MORE-MessageBox-grid-table th:hover { cursor: pointer; color: #FF6526; }*/
.MORE-MessageBox-grid-table .MORE-MessageBox-grid-table-header-required {
  color: #FF6526;
}
.MORE-MessageBox-grid-table .containerGrid_deleteButton {
  cursor: pointer;
}
.MORE-MessageBox-grid-table .containerGrid_deleteButton:hover {
  background-color: rgba(215, 215, 215, 0.5);
}
.MORE-MessageBox-grid-table input {
  padding-left: 5px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: transparent;
}
.MORE-MessageBox-grid-table input:hover {
  border-color: #ccc;
}
.MORE-MessageBox-grid-table .MORE-MessageBox-grid-table-required input:hover {
  border-color: #ff6526;
}
.MORE-MessageBox-grid-button {
  padding: 5px;
}
.MORE-MessageBox-panel {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  width: 600px;
  min-height: 150px;
  max-height: 80%;
  border-radius: 4px;
  background-color: #F9F9F9;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.MORE-MessageBox-panel__wide {
  width: auto;
  min-width: 50%;
  max-width: 90%;
}
.MORE-MessageBox-grid-panel > .MORE-MessageBox-panel {
  max-width: 90vw;
  width: auto;
  min-width: 600px;
}
.MORE-MessageBox-panel .container-fieldLabel {
  width: 20%;
  min-width: 0px;
}
.MORE-MessageBox-title {
  height: 35px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  background: -moz-linear-gradient(top, #ff6526 0%, #e63d03 100%);
  /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6526), color-stop(100%, #e63d03));
  /* webkit */
  /*filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#ff6526', endColorstr = '#e63d03', GradientType = 0); /* ie */
  background-color: #ff6526;
  /* old browsers */
}
.MORE-MessageBox-title-logo {
  height: 100%;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-image: url(images/menu-logo.png);
}
.MORE-MessageBox-title-text {
  color: #fff;
  font-weight: bold;
  padding: 7px;
  text-shadow: 1px 1px #333;
}
.MORE-MessageBox-message {
  right: 0px;
  bottom: 0px;
  position: absolute;
  background-color: #fff;
  -webkit-border-radius: 4px 0px 0px 0px;
  border-radius: 4px 0px 0px 0px;
  -moz-box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.5);
}
.MessageBox-centered {
  top: 50%;
  left: 50%;
  padding: 5px;
  padding-left: 30px;
  padding-right: 30px;
  position: absolute;
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.MessageBox-title {
  font-size: 16px;
  font-weight: bold;
  padding: 5px;
}
.MessageBox-text {
  font-size: 14px;
}
.MessageBox-timer {
  font-size: 30px;
  font-weight: bold;
  padding: 5px;
  text-align: center;
}
.MORE-MessageBox-message-icon {
  width: 30px;
  height: 30px;
}
.MORE-MessageBox-loader-icon {
  width: 100%;
  height: 70px;
}
.MORE-MessageBox-loader-icon .spinner {
  animation: rotator 1400ms linear infinite;
  width: 60px;
  height: 60px;
}
.MORE-MessageBox-loader-icon .spinner circle {
  fill: none;
  stroke: #6195d0;
  stroke: var(--solution-color);
  stroke-width: 12;
  stroke-linecap: round;
  stroke-dasharray: 374;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 1400ms ease-in-out infinite;
}
.MORE-MessageBox-menu {
  font-size: 13px;
  position: absolute;
  border: 1px solid #ccc;
  background-color: #fff;
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.MORE-MessageBox-menu-item {
  cursor: pointer;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
}
.MORE-MessageBox-menu-item:hover {
  background-color: #eee;
}
.Confirmation-layout {
  width: 300px;
  padding: 5px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.Confirmation-title {
  padding: 5px;
  font-weight: bold;
}
.Confirmation-message {
  padding: 5px;
  font-size: 14px;
}
.Confirmation-buttonHolder {
  padding: 5px;
  padding-top: 10px;
}
.Confirmation-button {
  float: right;
  padding-right: 0px;
  font-size: 14px;
}
.ContainerCsvImport {
  box-sizing: border-box;
  padding: 10px;
}
.ContainerCsvImport .container-label {
  padding-left: 0;
}
.ContainerCsvImport .MORE-MessageBox-grid-button .containerGrid-tableOptionsButton {
  background-image: linear-gradient(to bottom, black 0, black 1px, lightgrey 1px, lightgrey 6px, transparent 6px, transparent 100%), repeating-linear-gradient(black 0, black 1px, transparent 1px, transparent 3px, black 3px);
  width: 1.1em;
  height: 1.1em;
}
.ContainerCsvImport .MORE-MessageBox-grid-button:hover .containerGrid-tableOptionsButton {
  background-image: linear-gradient(to bottom, black 0, black 1px, silver 1px, silver 6px, transparent 6px, transparent 100%), repeating-linear-gradient(black 0, black 1px, transparent 1px, transparent 3px, black 3px);
}
.ContainerCsvImport-menu header {
  display: -webkit-flex;
  display: flex;
  cursor: initial;
}
.ContainerCsvImport-menu header > span {
  flex-grow: 1;
  text-align: center;
  box-shadow: 0px 2px 3px 0px silver;
  min-height: 30px;
  line-height: 30px;
  background-image: linear-gradient(to bottom, transparent, #ddd);
  font-weight: bolder;
}
.MORE-MessageBox-menu ul {
  max-height: 50vh;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  cursor: initial;
}
.MORE-MessageBox-menu li {
  padding: 5px;
  display: -webkit-flex;
  display: flex;
  width: 300px;
  border: 2px dashed transparent;
  border-radius: 4px;
}
body.dragging .MORE-MessageBox-menu li {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.MORE-MessageBox-menu li.dragover {
  border-color: grey;
}
.MORE-MessageBox-menu li input {
  flex: 0 0 10%;
}
.MORE-MessageBox-menu li label {
  flex: 0 0 40%;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.MORE-MessageBox-menu li svg {
  width: 16px;
  height: 16px;
  flex: 0 0 10%;
}
.MORE-MessageBox-menu li:not(.switched) svg {
  fill: #ccc;
}
.MORE-MessageBox-menu li .source {
  flex: 0 0 40%;
  padding-left: 4px;
}
.MORE-MessageBox-menu li:not(.switched) .source {
  color: #ccc;
}
body.dragging {
  cursor: no-drop;
}
.MORE-MessageBox-list-holder {
  min-width: 120px;
  font-size: 13px;
  position: absolute;
  border: 1px solid #ccc;
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.MORE-MessageBox-list {
  cursor: pointer;
  overflow-y: auto;
  max-height: 350px;
  background-color: #F8F8F8;
}
.MORE-MessageBox-list-item {
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #eee;
}
.MORE-MessageBox-list-item:hover {
  background-color: #eee;
}
.MORE-MessageBox-list-item-selected {
  background-color: #ded;
}
.MORE-MessageBox-list-search-holder {
  display: -webkit-flex;
  display: flex;
  font-size: 12px;
  text-align: left;
  padding: 4px;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.MORE-MessageBox-list-search-holder input {
  margin-left: 5px;
}
.MORE-MessageBox-list-search-input {
  border-radius: 4px;
  width: 85%;
}
.MORE-MessageBox-list-button-holder {
  font-size: 12px;
  text-align: right;
  background-color: #fff;
  -moz-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.5);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.MORE-MessageBox-list-button {
  cursor: pointer;
  margin: 5px;
  margin-left: 0px;
  padding: 5px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 4px;
  border: 1px solid #ccc;
  display: inline-block;
  background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 100%);
  /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f3f3f3));
  /* webkit */
  /*filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#fff', endColorstr = '#f3f3f3', GradientType = 0); /* ie */
  background-color: #fff;
  /* old browsers */
}
.MORE-MessageBox-list-button--default {
  border-radius: 2px;
  min-width: 25%;
}
.MORE-MessageBox-list-button:hover {
  background: -moz-linear-gradient(top, #fafafa 0%, #ededed 100%);
  /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #ededed));
  /* webkit */
  /*filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#fafafa', endColorstr = '#ededed', GradientType = 0); /* ie */
  background-color: #fafafa;
  /* old browsers */
}
.MORE-MessageBox-list-button img {
  height: 11px;
}
.MORE-MessageBox-list-button-add {
  display: inline-block;
}
.MORE-MessageBox-list-multiitem-holder {
  max-height: 400px;
  overflow-y: auto;
}
.MORE-MessageBox-list-multiitem {
  display: -webkit-flex;
  display: flex;
  padding: 5px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #eee;
  white-space: nowrap;
}
.MORE-MessageBox-list-multiitem:hover {
  background-color: #eee;
}
.MORE-MessageBox-fieldInvalid {
  background-color: rgba(255, 0, 0, 0.5);
}
.MORE_MessageBox-progressbar {
  height: 20px;
  margin-top: 10px;
  border-radius: 4px;
  border: 1px solid #666;
}
.MORE_MessageBox-progressbar-value {
  height: 100%;
  border-radius: 4px;
  background: -moz-linear-gradient(top, #00dd00 0%, #00aa00 100%);
  /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00dd00), color-stop(100%, #00aa00));
  /* webkit */
  /*filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#00dd00', endColorstr = '#00aa00', GradientType = 0); /* ie */
  background-color: #00dd00;
  /* old browsers */
}
.MORE_MessageBox-modal {
  width: 80%;
  height: 90%;
}
.MORE-AppCache-holder {
  top: 0px;
  width: auto;
  height: 100%;
  position: absolute;
  white-space: nowrap;
}
.MORE-AppCacheBox-message {
  left: 0px;
  bottom: 0px;
  position: absolute;
  background-color: #fff;
  -webkit-border-radius: 0px 4px 0px 0px;
  border-radius: 0px 4px 0px 0px;
  -moz-box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 2px -2px 5px rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.loader {
  padding: 0.5em;
  min-width: 10em;
  text-align: center;
  font-size: 1.25em;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
}
.loader p {
  margin: 0;
}
.importFile-form {
  width: 100%;
}
.importFile-form td {
  padding: 3px;
  border: 1px solid #fff;
  border-right-color: #ddd;
  border-bottom-color: #ddd;
}
.importFile-form-label {
  width: 130px;
  font-size: 12px;
  text-align: right;
}
.importFile-form-value {
  font-size: 13px;
}
.importFile-form-button {
  width: 20px;
  text-align: center;
}
.MORE-bitwise-icon {
  width: 18px !important;
  height: auto;
}
.MORE-calendar {
  width: 200px;
  -moz-box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.5);
}
.MORE-calendar-field {
  border: 0px !important;
  padding: 0px !important;
  vertical-align: top !important;
}
.MORE-calendar-header {
  text-shadow: #000 1px 1px 1px;
  background-color: #555 !important;
}
.MORE-calendar-header td {
  color: #fff;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #444;
  border-bottom: 1px solid #444;
}
.MORE-calendar-header-title {
  font-size: 13px !important;
  font-weight: bold;
  text-align: center !important;
}
.MORE-calendar-header-button {
  width: 30px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
}
.MORE-calendar-header-button:hover {
  background-color: #666;
}
.MORE-calendar-header-buttonLeft {
  background-image: url(images/prev.png?4ikvfj2q5cao84wko404w4w48);
}
.MORE-calendar-header-buttonRight {
  background-image: url(images/next.png?7fuu0fz5o40s8sck4840ogsw);
}
.MORE-calendar-header-zoomin {
  background-image: url(images/zoom-in.png?cbens98jhuog0c48kowkg4k0g);
}
.MORE-calendar-header-zoomout {
  background-image: url(images/zoom-out.png?31bmxn8991k4ggwwc8gwo0so4);
}
.MORE-calendar-weekday {
  text-shadow: #ddd 1px 1px 1px;
  background-color: #cacaca;
}
.MORE-calendar-weekday td {
  width: 20px;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.MORE-calendar-item:hover {
  cursor: pointer;
  background-color: #e0ffe0;
}
.MORE-calendar-item-disabled {
  background-color: #ddd;
  border-top: 1px solid #eee !important;
  border-left: 1px solid #eee !important;
  border-right: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
}
.MORE-calendar-currentItem {
  background-color: #e0ffe0;
}
.MORE-calendar-currentDay {
  font-weight: bolder;
}
.MORE-calendar-day-holder {
  overflow: auto;
}
.MORE-calendar-dayCols {
  text-shadow: #ddd 1px 1px 1px;
  background-color: #ccc;
}
.MORE-calendar-dayCols td {
  border: 0px !important;
  text-align: center !important;
}
.MORE-calendar-dayTime {
  width: 40px;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  font-size: 12px !important;
  text-align: right !important;
}
.MORE-calendar-dayTime-bold {
  font-size: 12px !important;
  font-weight: bold;
}
.MORE-calendar-dayItem {
  width: 400px;
  cursor: pointer;
  padding: 0px !important;
  border-right: 1px solid #ccc;
}
.MORE-calendar-dayItem-data {
  cursor: pointer;
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  -moz-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.5);
  -webkit-border-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0)));
  /*-moz-border-colors: -moz-linear-gradient(top, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.2) 100%); /* firefox */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  /* webkit */
  /*filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#000', endColorstr = '#000', GradientType = 0); /* ie */
}
.MORE-calendar-dayItem-data div {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  /* webkit */
  /*filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#000', endColorstr = '#000', GradientType = 0); /* ie */
}
.MORE-calendar-dayItem-data-text {
  border: 0px;
  overflow: hidden;
  border-radius: 4px;
}
.MORE-calendar-dayItem-data-text span {
  padding: 3px;
}
.MORE-calendar-dayItem-empty:hover {
  background-color: #ddd;
}
.MORE-calendar-dayItem-filled0 {
  background-color: #c0ffc0 !important;
}
.MORE-calendar-dayItem-filled1 {
  background-color: #c0c0ff !important;
}
.MORE-calendar-dayItem-filled2 {
  background-color: #ffc0c0 !important;
}
.MORE-calendar-dayItem-filled3 {
  background-color: #ffffc0 !important;
}
.MORE-calendar-dayItem-filled4 {
  background-color: #c0ffff !important;
}
.MORE-calendar-dayItem-filled5 {
  background-color: #ffc0ff !important;
}
.MORE-calendar-dayItem-filled-top {
  border-bottom: 0px !important;
}
.MORE-calendar-dayItem-filled-middle {
  border-top: 0px !important;
  border-bottom: 0px !important;
}
.MORE-calendar-dayItem-filled-bottom {
  border-top: 0px !important;
}
.MORE-calendar-dayItem-border0 {
  background-color: #090;
  border-color: #090 !important;
  border-left-width: 10px !important;
}
.MORE-calendar-dayItem-border1 {
  background-color: #009;
  border-color: #009 !important;
  border-left-width: 10px !important;
}
.MORE-calendar-dayItem-border2 {
  background-color: #900;
  border-color: #900 !important;
  border-left-width: 10px !important;
}
.MORE-calendar-dayItem-border3 {
  background-color: #cc0;
  border-color: #cc0 !important;
  border-left-width: 10px !important;
}
.MORE-calendar-dayItem-border4 {
  background-color: #0cc;
  border-color: #0cc !important;
  border-left-width: 10px !important;
}
.MORE-calendar-dayItem-border5 {
  background-color: #c0c;
  border-color: #c0c !important;
  border-left-width: 10px !important;
}
.MORE-calendar-dayItem-border0-label {
  border: 1px solid #090 !important;
  border-left-width: 10px !important;
}
.MORE-calendar-dayItem-border1-label {
  border: 1px solid #009 !important;
  border-left-width: 10px !important;
}
.MORE-calendar-dayItem-border2-label {
  border: 1px solid #900 !important;
  border-left-width: 10px !important;
}
.MORE-calendar-dayItem-border3-label {
  border: 1px solid #cc0 !important;
  border-left-width: 10px !important;
}
.MORE-calendar-dayItem-border4-label {
  border: 1px solid #0cc !important;
  border-left-width: 10px !important;
}
.MORE-calendar-dayItem-border5-label {
  border: 1px solid #c0c !important;
  border-left-width: 10px !important;
}
.MORE-calendar-dayItem-pattern0 {
  background-image: url(images/more-calendar-pattern0.png);
}
.MORE-calendar-dayItem-pattern1 {
  background-image: url(images/more-calendar-pattern1.png);
}
.MORE-calendar-dayItem-pattern2 {
  background-image: url(images/more-calendar-pattern2.png);
}
.MORE-calendar-dayItem-pattern3 {
  background-image: url(images/more-calendar-pattern3.png);
}
.MORE-calendar-dayItem-pattern4 {
  background-image: url(images/more-calendar-pattern4.png);
}
.MORE-calendar-dayItem-pattern5 {
  background-image: url(images/more-calendar-pattern5.png);
}
.MORE-calendar-label {
  padding-top: 50px;
}
.MORE-calendar-label-header {
  font-weight: bold;
  font-size: 13px !important;
}
.MORE-calendar-label-button button {
  width: 100%;
}
.MORE-calendar-label-checkbox {
  width: 1px;
}
.MORE-calendar-label-checkbox input {
  width: auto !important;
  min-width: 0px !important;
}
.MORE-calendar-form {
  width: 400px;
  padding: 1px;
  position: absolute;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 4px;
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.MORE-calendar-form-holder {
  width: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.1);
}
.MORE-calendar-form-header {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border: 0px !important;
  border-bottom: 1px solid #aaa !important;
}
.MORE-calendar-form-error {
  color: #c00;
  padding: 3px !important;
  text-align: center !important;
}
.MORE-calendar-tooltip {
  font-size: 12px;
  position: absolute;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #999;
  border-radius: 4px;
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.MORE-calendar-tooltip-header {
  padding-bottom: 8px;
  font-weight: bold;
  text-align: center;
}
.MORE-calendar-tooltip-label {
  padding: 1px;
  text-align: right;
}
.MORE-calendar-tooltip-value {
  padding: 1px;
  padding-left: 5px;
  text-align: left;
}
.MORELoader_holder {
  top: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  text-align: center;
  vertical-align: middle;
  opacity: 0.4;
  filter: alpha(opacity=40);
  background-color: #fff;
}
.MORELoader_holder td {
  color: #000;
  font-size: 17px;
}
.MORELoader {
  margin: auto;
  width: 200px;
  height: 20px;
  margin-bottom: 10px;
  border: 1px solid #999;
  border-radius: 4px;
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  background: -moz-linear-gradient(top, #eee 0%, #fff 100%);
  /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #fff));
  /* webkit */
  /*filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#eee', endColorstr = '#fff', GradientType = 0); /* ie */
  background-color: #eee;
  /* old browsers */
}
.MORELoader_progressBar {
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: -moz-linear-gradient(top, #0f0 0%, #0c0 100%);
  /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f0), color-stop(100%, #0c0));
  /* webkit */
  /*filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#0f0', endColorstr = '#0c0', GradientType = 0); /* ie */
  background-color: #0f0;
  /* old browsers */
}
.MORE-AppCacheBox-holder {
  z-index: 99;
}
.tooltip {
  padding: 2px;
  font-size: 11px;
  position: absolute;
  background-color: #fff;
  border-radius: 4px;
  /*border: 1px solid #ccc;*/
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.value-added {
  background-color: #90ffa0;
}
.value-changed {
  background-color: #ffc070;
}
.align-left {
  float: left;
}
.align-right {
  float: right;
}
.no-shadow {
  text-shadow: none !important;
}
.bottom-shadow {
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
}
.input-error {
  background-color: rgba(255, 0, 0, 0.1) !important;
}
.noHorizontalScroll {
  overflow-x: hidden;
}
.breakWords {
  word-break: break-word;
}
/* Sprite Overrides for Hover Events */
.ContainerSectionGroupWebJS .section-headers {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #f9f9f9;
}
.ContainerSectionGroupWebJS .section-headers > :last-child {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
.ContainerAccordionWebJS {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.ContainerAccordionWebJS-foldsHolder {
  margin-top: 1em;
}
.ContainerAccordionWebJS-fold > input[type=radio],
.ContainerAccordionWebJS-fold > input[type=checkbox] {
  display: none;
}
.ContainerAccordionWebJS-foldHeader {
  position: relative;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  min-height: 24px;
  /* max-height of label image */
  margin-bottom: 1em;
  padding-right: 48px;
  background-color: inherit;
  cursor: pointer;
  transition: background-color ease-in-out 0.1s;
}
.ContainerAccordionWebJS-foldHeader > .container-label {
  padding-left: 0;
  padding-right: 0;
}
.ContainerAccordionWebJS-foldHeader::before {
  content: " ";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #4E4E4E;
  position: absolute;
  right: 1em;
  top: 11px;
}
.ContainerAccordionWebJS-foldHeader::after {
  content: " ";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #f2f2f2;
  position: absolute;
  right: calc(1em + 5px);
  top: 11px;
}
.ContainerAccordionWebJS-fold input[type=checkbox]:checked ~ .ContainerAccordionWebJS-foldHeader::before,
.ContainerAccordionWebJS-fold input[type=radio]:checked ~ .ContainerAccordionWebJS-foldHeader::before {
  border-top: none;
  border-bottom-color: #4E4E4E;
}
.ContainerAccordionWebJS-fold input[type=checkbox]:checked ~ .ContainerAccordionWebJS-foldHeader::after,
.ContainerAccordionWebJS-fold input[type=radio]:checked ~ .ContainerAccordionWebJS-foldHeader::after {
  top: 16px;
  border-top: none;
  border-bottom-color: #f2f2f2;
}
.ContainerAccordionWebJS-foldHeader img {
  align-self: center;
  max-height: 24px;
  /* min-height of label */
  width: 24px;
  margin: 0 0.5em;
}
.ContainerAccordionWebJS-foldContent {
  background-color: white;
}
/*.ContainerAccordionWebJS-fold > input[type=checkbox]:checked ~ .ContainerAccordionWebJS-foldContent,
.ContainerAccordionWebJS-fold > input[type=radio]:checked ~ .ContainerAccordionWebJS-foldContent {
	transform: scaleY(1);
}

.ContainerAccordionWebJS-fold > input[type=checkbox] ~ .ContainerAccordionWebJS-foldContent,
.ContainerAccordionWebJS-fold > input[type=radio] ~ .ContainerAccordionWebJS-foldContent {
	transform: scaleY(0);
	transition: transform ease-in-out 400ms; /* Not working because height: auto can not be animated
}*/
.FormulaFilterWebJS-inputContainer {
  display: -webkit-flex;
  display: flex;
}
.FormulaFilterWebJS-inputContainer input + input {
  margin-left: 10px;
}
.FormulaFilterWebJS-inputContainer input + input {
  margin-left: 10px;
}
.loading-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: rgba(255, 255, 255, 0.75);
  text-shadow: none;
  transition: transform linear 300ms;
  transition-delay: 300ms;
  z-index: 10000;
}
.loading-cover.loading-delay {
  transition-delay: 600ms;
}
.loading-cover.from-right {
  transform: translateX(100%) scale(0.25);
}
.loading-cover.started {
  transform: translateX(0) scale(1);
}
.loading-cover.from-right.finished {
  transform: translateX(-100%) scale(0.25);
}
.loading-bar {
  width: 75%;
  height: 1.5em;
  border-radius: 4px;
  border-style: solid;
  border-width: 50px 20px;
  border-color: whitesmoke;
  background-color: silver;
  box-shadow: 0px 0px 20px #666;
}
.loading-bar.loading-unknown {
  background: repeating-linear-gradient(to right, #ddd 0, #ddd 0.4%, #222 0.45%, #222 0.85%, #ddd 0.9%);
  background-size: 400% 400%;
  animation: loading-unknown 40s linear infinite;
}
@keyframes loading-unknown {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: -100% 50%;
  }
}
.loading-bar.loading-known {
  background-color: #ddd;
  position: relative;
}
.loading-bar.loading-known .loading-fill {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  border-radius: 4px;
  background-color: #222;
}
.loading-bar.loading-known .loading-fill.is-animated {
  transition: width 10ms ease-in-out;
}
.loading-cover.loading-error .loading-bar.loading-known .loading-fill {
  background-color: indianred;
}
.loading-bar .loading-description {
  text-align: center;
  margin: 2em;
  color: black;
}
.WebviewAttachmentWebJS {
  flex-grow: 1;
  align-items: stretch;
}
.UILayoutFragment-draggable-element {
  position: absolute;
  width: 0.7em;
  height: 100%;
  cursor: ew-resize;
}
.dragging-fragment {
  cursor: ew-resize;
}
.UILayoutFragment-root {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 60%;
  background-color: #f9f9f9;
  box-shadow: -4px 0 10px rgba(0, 0, 0, 0.25);
  transition: width ease-in-out 200ms;
  z-index: 1;
}
.UILayoutFragment-root .navigationBar {
  /* Makes it so that the navigation bar menu appears above the maps */
  z-index: initial;
}
.UILayoutFragment-root--big {
  width: 70%;
  z-index: 4;
}
.UILayoutFragment-root--small {
  width: 35%;
  z-index: 4;
}
.AttachmentViewerWebJS-container {
  flex-grow: 1;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.AttachmentViewerWebJS-object {
  flex-grow: 1;
  overflow: auto;
}
.AttachmentViewerWebJS-container .fallback-content {
  text-align: center;
}
.AttachmentViewerWebJS-container .fallback-content a {
  text-decoration: underline;
}
.AttachmentViewerWebJS-object img {
  width: 100%;
}
.AttachmentViewerWebJS-buttonHolder {
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
}
.AttachmentViewerWebJS-button {
  flex-grow: 1;
  min-width: 2em;
  min-height: 2em;
  border: 1px solid #ccc;
  border-radius: 0;
  background-image: linear-gradient(to bottom, #fff, #f3f3f3);
}
.AttachmentViewerWebJS-button:hover {
  background-image: linear-gradient(to bottom, #f3f3f3, #d9d9d9);
}
.AttachmentViewerWebJS-button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.AttachmentViewerWebJS-button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.AttachmentViewerWebJS-button__selected {
  background-image: linear-gradient(to bottom, #e6e6e6, #cacaca);
}
.SliderValueWebJS {
  display: flex;
  align-items: center;
}
.SliderValueWebJS-input-holder {
  position: relative;
  overflow: visible;
}
.SliderValueWebJS-tooltip-holder {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  justify-content: center;
  pointer-events: none;
  --dx: 0;
  transform: translateX(calc(var(--dx) - 50%));
}
.SliderValueWebJS-tooltip {
  position: absolute;
  border: 1px solid var(--solution-color);
  background-color: white;
  padding: 0.5em;
  top: -2.5em;
}
.ContainerWebJS.has-target-width {
  --target-width: 100%;
  align-self: center;
  max-width: calc(var(--target-width) * 1px);
  width: -webkit-fill-available;
  width: -moz-fill-available;
  width: -ms-fill-available;
  width: fill-available;
}
.ContainerWebJS-badgeCountHolder {
  width: calc(24px + 1em);
}
.ContainerWebJS-badgeCount {
  width: 24px;
  height: 24px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  font-size: 0.8em;
  color: #999;
  border: 1px solid #999;
  border-radius: 50%;
}
.ContainerWebJS-upperBadgeCount {
  position: absolute;
  top: 0;
  left: calc(1em + 14px);
  min-width: 12px;
  min-height: 12px;
  padding: 0.25em 0.3em;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.6em;
  color: white;
  background-color: red;
  border-radius: 50%;
  text-shadow: none;
}
.ContainerListLayoutWebJS .no-entries-message {
  padding: 1em;
}
.ContainerListLayoutWebJS .containerGroupInner {
  flex-grow: initial;
}
.ContainerListLayoutWebJS-group h5 {
  margin: 0 0 4px 0;
  padding: 0.3em 1em;
  color: var(--solution-text-color-accent);
  background: var(--solution-color);
  box-shadow: 0px 2px 4px -1px grey;
}
.ContainerListLayoutWebJS-group > .ContainerListLayoutWebJS-group-fields > .field-container {
  flex-grow: 1;
}
.ContainerHorizontalListLayoutWebJS > .field-control > .ContainerIFieldList-list {
  display: flex;
}
.ContainerHorizontalListLayoutWebJS > .field-control > .ContainerIFieldList-list > .ContainerListLayoutWebJS-group {
  flex: 1 0 auto;
  display: flex;
  flex-flow: column;
}
.ContainerHorizontalListLayoutWebJS > .field-control > .ContainerIFieldList-list > .ContainerListLayoutWebJS-group > .ContainerListLayoutWebJS-group-fields {
  display: flex;
  flex: 1 0 auto;
}
.ContainerListLayoutWebJS-actionField {
  flex-basis: 100%;
}
.ContainerListLayoutReversedWebJS .ContainerIFieldList-list {
  display: flex;
  flex-flow: column-reverse;
}
.ContainerHorizontalListLayoutWebJS > .field-control {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.ContainerHorizontalListLayoutWebJS > .field-control > .ContainerListLayoutWebJS-field {
  flex: initial;
  min-width: initial;
}
.ContainerListLayoutWebJS-field > .container {
  flex-grow: 1;
  overflow: hidden;
}
.ColorIndicatorWebJS > .field-control {
  border-radius: 50%;
}
.IconWebJS {
  justify-content: space-between;
}
.IconWebJS .field-control {
  position: relative;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  flex-shrink: 0;
  transition: background-color 200ms ease-out;
}
.IconWebJS .field-control img {
  align-self: center;
  max-width: 100%;
  max-height: 100%;
}
.UILayoutHeader {
  margin: 0;
  min-width: 20em;
}
.UILayoutHeader .UILayoutWebJS-container {
  padding: 0;
}
.UILayoutHeader .containerGroupInner-cell {
  padding-left: 0;
  padding-right: 0;
}
.filter-inline {
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
}
.filter-inline button {
  border: none;
}
.filter-inline input {
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}
.filter-inline img {
  width: 24px;
  height: 24px;
  margin: auto 8px;
}
.filter-inline input,
.filter-inline .containerGrid-addButton {
  height: 36px;
}
/* Putting these three together makes the rule fail in every browser */
.filter-inline input::-webkit-input-placeholder {
  color: #4d4d4d;
}
.filter-inline input::-moz-placeholder {
  color: #4d4d4d;
}
.filter-inline input:-ms-input-placeholder {
  color: #4d4d4d;
}
.filter-inline input::input-placeholder {
  color: #4d4d4d;
}
.filter-inline * {
  background-color: inherit;
}
.filter-inline .containerGrid-actionButton-holder {
  display: -webkit-flex;
  display: flex;
  margin: 0 0 0 auto;
  padding: 0;
  border: none;
  background-image: none;
  background-color: #f2f2f2;
  border-radius: 0;
  transition: all linear 200ms;
}
.filter-inline > .containerGrid-actionButton-holder {
  padding: 5px;
  width: 36px;
  justify-content: center;
  align-items: center;
  order: 1;
}
.filter-inline .containerGrid-actionButton-holder:hover {
  background-color: #ccc;
}
.filter-inline .containerGrid-actionFilter,
.filter-inline .containerGrid-addButton {
  height: 36px;
  width: 36px;
}
.filter-inline .containerGrid-actionFilter {
  background-image: url(images/filter-off.png?3lnsy55op5440go4kkso00o8w);
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.filter-inline .containerGrid-addButton {
  background-image: url(images/action-add.png?h35ne5ph9ugcg8s0cwgw44k8);
  background-position: center center;
  background-size: 24px 24px;
}
.filter-inline .containerGrid-actionHasFilters {
  background-image: url(images/filter-on.png?d5xr0ecnlow8080wkk40kw0k4);
}
.filter-inline-holder {
  display: -webkit-flex;
  display: flex;
  flex-grow: 1;
  margin-right: 0.5em;
  --bg-color: #eee;
  --border-width: 0;
  --border-color: transparent;
  --border-radius: 0;
  background-color: var(--bg-color);
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
}
.filter-inline-holder__has-focus {
  background-color: inherit;
}
.filter-inline-holder__has-focus .containerGrid-actionButton-holder {
  background-color: #eee;
}
/* Checkbox */
.CheckBoxWebJS .field-control {
  display: flex;
  align-items: center;
}
.CheckBoxWebJS-control input[type="checkbox"] {
  display: none;
}
.CheckBoxWebJS-control input[type="checkbox"] ~ * {
  cursor: pointer;
}
.CheckBoxWebJS:not(.force-enabled-style) .CheckBoxWebJS-control input[type="checkbox"]:disabled ~ *,
.CheckBoxWebJS-control input[type="checkbox"]:disabled ~ * {
  cursor: initial;
  color: #999;
}
.CheckBoxWebJS-control svg {
  border: 2px solid #777;
  border-radius: 4px;
  transition: all 200ms ease-in-out;
  margin-right: 1em;
  user-select: none;
}
.CheckBoxWebJS-control svg path {
  fill: transparent;
  stroke: transparent;
  stroke-width: 15px;
  transition: all 200ms ease-in-out;
}
.CheckBoxWebJS:hover > .field-control svg path,
.CheckBoxWebJS-control:hover svg path {
  stroke: white;
}
.CheckBoxWebJS-control input[type="checkbox"]:checked + svg {
  background-color: #6195d0;
  border-color: #6195d0;
  background-color: var(--solution-color);
  border-color: var(--solution-color);
}
.CheckBoxWebJS-control input[type="checkbox"]:checked + svg path {
  stroke: white;
}
.CheckBoxWebJS:hover > .field-control input[type="checkbox"] + svg .CheckBoxWebJS-control:hover input[type="checkbox"] + svg {
  border-color: #6195d0;
  border-color: var(--solution-color);
}
.CheckBoxWebJS:hover > .field-control input[type="checkbox"]:checked + svg,
.CheckBoxWebJS-control:hover input[type="checkbox"]:checked + svg {
  border-color: #888;
}
.CheckBoxWebJS:not(.force-enabled-style) .CheckBoxWebJS-control input[type="checkbox"]:checked:disabled + svg path,
.CheckBoxWebJS-control input[type="checkbox"]:checked:disabled + svg path {
  stroke: #888;
}
.CheckBoxWebJS:not(.force-enabled-style) .CheckBoxWebJS-control input[type="checkbox"]:disabled + svg,
.CheckBoxWebJS:not(.force-enabled-style):hover > .CheckBoxWebJS-control input[type="checkbox"]:disabled + svg,
.CheckBoxWebJS-control input[type="checkbox"]:disabled + svg,
.CheckBoxWebJS-control:hover input[type="checkbox"]:disabled + svg {
  border-color: #ccc;
  background-color: transparent;
}
@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 374;
  }
  50% {
    stroke-dashoffset: 93.5;
    /* 374 / 4*/
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 374;
    transform: rotate(450deg);
  }
}
.DonutWebJS--fill,
.DonutWebJS--full,
.DonutWebJS--text {
  transition: stroke-dasharray 200ms ease-out, stroke 200ms ease-out;
}
.HorizontalBarWebJS-shell {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding-left: 1em;
  z-index: 0;
}
.HorizontalBarWebJS-fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: width 600ms ease-out;
}
.HorizontalBarWebJS-text {
  padding-left: 0.25em;
}
.FloatWebJS--slider {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.StringFromSetWebJS ul {
  list-style: none;
  display: flex;
  padding: 0;
}
.StringFromSetWebJS label {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.StringFromSetWebJS-horizontal > .field-control {
  flex-flow: row;
}
.StringFromSetWebJS-vertical > .field-control {
  flex-flow: column;
}
.StringFromSetWebJS > .field-control label {
  display: flex;
}
.StringFromSetWebJS-top > .field-control label {
  flex-flow: column wrap;
}
.StringFromSetWebJS-right > .field-control label {
  flex-flow: row wrap;
  flex-grow: 1;
}
.StringFromSetWebJS-right > .field-control label > * {
  margin-right: 0.5em;
}
.StringFromSetWebJS-bottom > .field-control label {
  flex-flow: column-reverse wrap;
}
.StringFromSetWebJS-left > .field-control label {
  flex-flow: row-reverse wrap;
  flex-grow: 1;
}
.StringFromSetWebJS-left > .field-control label > * {
  margin-left: 0.5em;
}
.SeparatorWebJS {
  flex: 0 0 auto;
  width: calc(100% - var(--ms-margin-left) - var(--ms-margin-right));
}
.SeparatorWebJS .field-control {
  min-height: 1px;
}
.SeparatorWebJS-vertical.field-container {
  display: flex;
  flex-flow: column;
  align-self: stretch;
  max-width: 1px;
  /*padding: 0 10px !important;*/
  align-items: initial;
}
.SeparatorWebJS-vertical > .field-control {
  min-width: 1px;
  flex: 1 0 100%;
}
.svg-radio-border {
  fill: transparent;
  stroke: #6195d0;
  transition: fill 200ms ease-out;
}
.svg-radio-fill {
  fill: #6195d0;
  transition: fill 200ms ease-out;
}
.svg-radio-control .svg-radio {
  width: 1em;
  height: 1em;
}
.svg-radio-control input[type=radio]:not(:checked) ~ .svg-radio .svg-radio-fill {
  fill: transparent !important;
  /* So it overrides javascript styles */
}
.svg-radio-control:hover input[type=radio] ~ .svg-radio .svg-radio-border {
  fill: rgba(255, 255, 255, 0.1);
}
.svg-indicator {
  fill: none;
  stroke-width: 12px;
}
.ContainerIFieldListWebJS.no-header .containerGrid thead {
  display: none;
}
.ContainerIFieldListWebJS.no-checkbox .container-label input[type="checkbox"] {
  display: none;
}
.ContainerIFieldListWebJS .svg-show-more-vertical {
  position: absolute;
  top: 1em;
  right: 1em;
  width: 1.5em;
  height: 2em;
}
.ContainerIFieldListWebJS .containerGrid .svg-show-more-vertical {
  position: initial;
}
.ContainerIFieldListWebJS .svg-show-more-vertical circle {
  fill: #555;
  stroke: #555;
}
.arrow-down {
  background-image: url(images/Arrow-Down.png);
  background-size: 0.75em;
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
  padding: 10px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.arrow-expanded {
  background-image: url(images/arrow.png?bac8888731ssosgc4g4cs0k00);
  background-size: 0.75em;
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
  padding: 10px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
/* New settings form */
.settings-form-holder .settings-primary {
  color: #6195d0;
}
.settings-form-holder .settings-primary .settings-layout-values-description {
  color: #555;
  font-size: 0.75em;
}
.settings-form-holder {
  padding: 0 5px;
  padding-bottom: 15px;
}
.settings-module-holder {
  margin-top: 10px;
  border: 1px solid #ccc;
}
.settings-top-module {
  color: #6195d0;
  padding: 5px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.settings-flow {
  /*box-sizing: border-box;
	width: 100%;
	border: none;
	outline: none;
	font-size: inherit;
	background-color: #EEEEEE;
	transition: background-color 200ms ease-out;*/
}
.settings-flow:hover {
  background-color: #ddd;
}
.settings-flow-title {
  width: 100%;
  border: none;
  background: inherit;
  text-align: left;
  transition: all 200ms ease-out;
  font-size: 13px;
}
.settings-layout-image {
  height: 25px;
  max-height: 25px;
  width: 25px;
  max-width: 25px;
  margin-right: 10px;
}
.logout-button-holder {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  background-color: #eee;
  transition: all 200ms ease-out;
}
.logout-button,
.settings-sync-button {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 100%;
  border-radius: 2px;
  text-align: center;
  font-weight: bold;
  background-color: #6195d0;
  color: #fff;
  border: none;
  overflow: auto;
  cursor: pointer;
}
.logout-button,
.settings-sync-button {
  background-color: #4683c8;
  background-color: var(--solution-color);
}
.settings-sync-value {
  font-size: 0.85em;
  margin: 10px 0;
  background-color: #eee;
  padding: 10px;
}
.settings-sync-holder {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.settings-autoSync-layout {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background-color: #eee;
  margin-top: 5px;
  padding: 10px 5px;
  cursor: pointer;
}
.settings-autoSync-value.arrow-expanded {
  padding: 0px;
  margin-top: 5px;
}
.language-settings-holder {
  margin-top: 5px;
}
.language-settings-holder p {
  margin: 5px 0;
}
.language-settings-label {
  color: #6195d0;
}
.CtrlDateTime {
  padding: 5px;
  border-radius: 2px;
  font-size: 0.75em;
  background-color: white;
  box-shadow: 0 0 1px 1px lightgrey;
  overflow: hidden;
  z-index: 1;
}
.CtrlDateTime .datetime {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.month-widget {
  position: relative;
  overflow: hidden;
}
.month-widget .month-header {
  display: -webkit-flex;
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 5px;
  border-radius: 2px;
  color: #f0f0f0;
  background-color: #6195d0;
  background-color: var(--solution-color-lighter);
}
.month-widget .month-header > * {
  margin: 0 2px;
}
.month-widget .month-header button {
  position: relative;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  padding: 0;
  border: 1px solid white;
  font-size: 1em;
  background-color: transparent;
  border-radius: 50%;
  cursor: pointer;
  transition: all 200ms ease-out;
}
.month-widget .month-header button:not(:disabled):hover {
  background-color: #4280c7;
}
.month-widget .month-header button:active {
  top: 1px;
}
.month-widget .month-header button svg {
  width: 1.3em;
  fill: white;
  stroke: #6195d0;
  stroke-width: 5px;
  transition: opacity 200ms ease-out;
}
.month-widget .month-header button:disabled {
  transform: scale(0.25);
  border-width: 5px;
  cursor: initial;
}
.month-widget .month-header button:disabled svg {
  opacity: 0;
}
.month-widget .month-header button .svg-arrow-left {
  position: relative;
  left: -1px;
}
.month-widget .month-header button .svg-arrow-right {
  position: relative;
  left: 1px;
}
.month-widget .month-header button .svg-calendar {
  width: 1.2em;
  stroke: white;
  fill: #6195d0;
  stroke-width: 2;
}
.month-widget .month-header button .svg-calendar .svg-calendar-header {
  fill: white;
}
.month-widget .month-header .month-title {
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
  height: 2em;
  border-radius: 0;
}
.month-widget .month-header select {
  color: white;
  background-color: var(--solution-color-lighter);
  border-color: var(--solution-color-darker);
  min-height: unset;
}
.month-widget .month-header .select-day {
  width: 3.5em;
}
.CtrlDateTime.multiple-selection .month-widget .month-header .select-day {
  display: none;
}
.month-widget .month-header .select-month {
  width: 7em;
}
.month-widget .month-header .select-year {
  width: 5em;
}
.month-widget .month-header option {
  color: #555;
  border-color: #6195d0;
  background-color: white;
}
.month-widget .week-days,
.month-widget .week-row {
  display: -webkit-flex;
  display: flex;
  align-content: space-between;
}
.month-widget .week-days .month-day,
.month-widget .week-row .month-day,
.month-widget .week-row .week-number {
  flex: 0 0 calc(100% / 8);
  text-align: center;
  line-height: 2em;
  border: 1px solid transparent;
}
.month-widget .week-days {
  font-weight: bolder;
  color: darkgrey;
}
.month-widget .month .month-day {
  color: darkgrey;
}
.month-widget .week-days .work-day,
.month-widget .month .month-day.work-day {
  color: #555;
}
.month-widget .week-number,
.month-widget .month .month-day.work-day.out-of-range:not(:first-child),
.month-widget .month .month-day.current-month.out-of-range:not(:first-child) {
  color: lightgrey;
  cursor: default;
}
.month-widget .month .month-day.current-month:not(:first-child) {
  border-radius: 2px;
  transition: all 200ms ease-out;
  cursor: pointer;
}
.month-widget .month .month-day.current-month:not(.out-of-range):not(:first-child):hover,
.month-widget .month .month-day.current-month.selected {
  color: white;
  background-color: rgba(97, 149, 208, 0.5);
}
.month-widget .month .month-day:not(.current-month) {
  color: transparent;
}
.month-widget .month .today,
.month-widget .month .work-day.today {
  color: #6195d0;
  color: var(--solution-color);
  border-color: #6195d0;
  border-color: var(--solution-color);
}
.month-widget-inner-next {
  position: absolute;
  top: 0;
  width: 100%;
}
.month-widget-inner-previous {
  position: absolute;
  top: 0;
  width: 100%;
}
.month-widget-inner.go-left,
.month-widget-inner-next.go-left {
  animation-duration: 200ms;
  animation-iteration-count: 1;
}
.month-widget-inner.go-left {
  animation-name: center-to-left;
}
.month-widget-inner-next.go-left {
  animation-name: right-to-center;
}
.month-widget-inner.go-right,
.month-widget-inner-previous.go-right {
  animation-duration: 200ms;
  animation-iteration-count: 1;
}
.month-widget-inner.go-right {
  animation-name: center-to-right;
}
.month-widget-inner-previous.go-right {
  animation-name: left-to-center;
}
@keyframes center-to-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes right-to-center {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes center-to-right {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes left-to-center {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.month-widget + .time-widget {
  margin-left: 0.5em;
  padding-left: 0.5em;
  border-left: 1px solid #6195d0;
  border-left-color: var(--solution-color);
}
.time-widget {
  flex: 1 1 auto;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.time-widget .time-inputs {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  padding: 5px;
  min-height: unset;
  border-radius: 2px;
  color: white;
  background-color: #6195d0;
  background-color: var(--solution-color-lighter);
}
.time-widget .time-inputs > div {
  display: -webkit-flex;
  display: flex;
}
.time-widget .time-inputs input {
  width: 2em;
  min-height: unset;
  margin: 0 5px;
  color: white;
  text-align: center;
  background-color: inherit;
  border-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 0;
}
.time-widget .time-controls {
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  justify-content: center;
  background-color: #6195d0;
  background-color: var(--solution-color-lighter);
}
.time-widget .time-controls button {
  position: relative;
  flex: 0 0 12px;
  width: 1.3em;
  padding: 0;
  font-size: 1em;
  background-color: transparent;
  transition: background-color 200ms ease-out;
}
.time-widget .time-controls button:hover {
  background-color: #4280c7;
}
.time-widget .time-controls button:active {
  top: 1px;
}
.time-widget .time-controls button svg {
  width: 90%;
  height: 90%;
  fill: white;
  transform: rotateZ(90deg);
  position: relative;
  top: -1px;
}
.time-widget .time-controls .button-up {
  border: 1px solid white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: none;
}
.time-widget .time-controls .button-up svg {
  transform: rotateZ(90deg);
}
.time-widget .time-controls .button-down {
  border: 1px solid white;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.time-widget .time-controls .button-down svg {
  transform: rotateZ(-90deg);
}
.time-widget .clock {
  position: relative;
  flex: 1 1 auto;
  margin-top: 2px;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 200ms ease-out;
}
.time-widget .clock svg {
  width: 150px;
  stroke: currentColor;
  fill: currentColor;
  stroke-linecap: round;
}
.time-widget .clock svg text {
  stroke: none;
  font-size: 80%;
  opacity: 0.75;
  cursor: pointer;
  transition: all 200ms ease-out;
}
.time-widget .clock svg text.selected {
  fill: white;
}
.time-widget .clock svg .bubble-minutes,
.time-widget .clock svg .bubble-hours {
  fill: #6195d0;
  stroke: #6195d0;
  fill: var(--solution-color);
  stroke: var(--solution-color);
  transition: all 200ms ease-out;
}
.time-widget .clock svg .hours {
  transition: all 200ms ease-out;
}
.time-widget .clock a line {
  stroke: #6195d0;
  stroke: var(--solution-color);
  transition: all 200ms ease-out;
}
.time-widget .clock a:focus text,
.time-widget .clock a:hover text {
  font-weight: bold;
  opacity: 1;
}
.time-widget .clock a:focus line,
.time-widget .clock a:hover line {
  stroke-width: 2;
}
.hours-apm-control {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
}
.hours-apm-control label {
  padding: 0 4px;
  font-size: 0.75em;
  border-color: #888;
  border-radius: 1px;
  text-transform: uppercase;
  transition: all 200ms ease-out;
}
.hours-apm-control input {
  display: none;
}
.hours-apm-control label:first-of-type {
  color: #888;
  background-color: white;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.hours-apm-control label:last-of-type {
  color: #444;
  background-color: #ddd;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.clock.before-noon {
  background-color: white;
}
.clock.after-noon {
  background-color: #ddd;
}
.clock.after-noon svg text {
  fill: #222;
}
/* Common */
.datetime-buttons {
  display: -webkit-flex;
  display: flex;
  align-self: stretch;
  margin-top: 4px;
}
.datetime-buttons button {
  position: relative;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2em;
  min-width: 6em;
  margin: 0 2px;
  border: 1px solid transparent;
  border-radius: 2px;
  font-size: 1em;
}
.datetime-buttons button:active {
  top: 1px;
}
.datetime-buttons .button-ok {
  margin-left: auto;
}
.datetime-buttons .button-ok svg {
  height: 50%;
  fill: transparent;
  stroke: white;
  stroke-width: 22;
  margin-right: 0.3em;
}
.datetime-buttons .button-cancel svg {
  height: 100%;
  stroke: currentColor;
}
.datetime-buttons .button-clear svg {
  height: 70%;
  stroke: currentColor;
  stroke-width: 8px;
  margin-right: 0.3em;
}
.datetime-buttons .button-clear .svg-gum-gum {
  fill: currentColor;
}
.datetime-buttons .button-clear .svg-gum-cover {
  fill: #6195d0;
  fill: var(--solution-color);
}
.datetime-buttons .button-primary {
  color: white;
  background-color: #6195d0;
  background-color: var(--solution-color-lighter);
  transition: background-color 200ms ease-out;
}
.datetime-buttons .button-primary:hover {
  background-color: #4280c7;
  background-color: var(--solution-color);
}
.datetime-buttons .button-secondary {
  color: #555;
  background-color: #ccc;
  transition: all 200ms ease-out;
}
.datetime-buttons .button-secondary:hover {
  background-color: #bbb;
}
.CtrlPagination {
  display: flex;
  flex-flow: row-wrap;
  justify-content: center;
  align-items: center;
  min-height: 2em;
  max-width: 30em;
  margin: 0 auto;
}
.CtrlPagination button {
  min-height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.CtrlPagination button.first,
.CtrlPagination button.last {
  padding: 0 1em;
}
.CtrlPagination button.back,
.CtrlPagination button.forward {
  padding: 0 2em;
}
.CtrlPagination button svg {
  width: 1em;
  height: 1em;
  fill: var(--solution-text-color);
}
.CtrlPagination input,
.CtrlPagination span {
  flex: 1;
  color: currentColor;
}
.CtrlPagination input:first-of-type {
  text-align: right;
  margin-left: 1em;
  border: 1px solid currentColor;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.CtrlPagination input:last-of-type {
  border: 1px solid currentColor;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-right: 1em;
  padding-right: 0.3em;
}
/* ---------- Designer Form Editor ---------- */
.designerFormEditor-selectedField {
  border: 2px dashed rgba(127, 127, 127, 0.5) !important;
}
.designerFormEditor-selectedField-optionButton {
  cursor: pointer;
  margin-top: 2px;
  position: absolute;
  opacity: 0.5;
}
.designerFormEditor-selectedField-optionButton:hover {
  opacity: 1;
}
.designerFormEditor-selectedField-addAttribute {
  width: 32px;
  height: 29px;
}
.designerFormEditor-selectedField-addField {
  width: 31px;
  height: 28px;
}
.designerFormEditor-draggable-helper {
  z-index: 2;
}
.designerFormEditor-droppable-hover {
  background-color: rgba(97, 149, 208, 0.05);
  /*background-color: rgba(0, 255, 0, 0.05);*/
}
.designerFormEditor-droppable-layout {
  max-height: 100%;
  overflow-y: auto;
  position: fixed;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px #000;
  z-index: 3;
}
.designerFormEditor-droppable-layout-title {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.designerFormEditor-droppable-layout-row:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.designerFormEditor-droppable-layout-row-new {
  height: 15px;
}
.designerFormEditor-droppable-layout-row-new-hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.designerFormEditor-droppable-layout-cell {
  height: 25px;
  display: table-cell;
  font-size: x-small;
  background-color: rgba(97, 149, 208, 0.1);
}
.designerFormEditor-droppable-layout-cell-hover {
  background-color: rgba(97, 149, 208, 0.2);
}
.designerFormEditor-droppable-layout-cell:not(:first-child) {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.designerFormEditor-droppable-layout-cell-new {
  width: 15px;
  background-color: rgba(0, 0, 0, 0);
}
.designerFormEditor-droppable-layout-cell-new-hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.designerFormEditor-attributeSelectionForm {
  border-radius: 4px;
  display: flex;
  flex-flow: column;
}
.designerFormEditor-attributeSelectionForm-actionsPanel {
  display: flex;
  flex-shrink: 0;
  border-bottom: 1px solid #fff;
}
.designerFormEditor-attributeSelectionForm-searchInput {
  color: #fff;
  font-size: 13px;
  padding: 5px;
}
.designerFormEditor-attributeSelectionForm-advancedModeButton {
  padding: 5px;
  cursor: pointer;
}
.designerFormEditor-attributeSelectionForm-advancedModeButton svg {
  fill: #fff;
  width: 16px;
  height: 16px;
}
.designerFormEditor-attributeSelectionForm-advancedModeButton svg:hover {
  fill: #eee;
}
.designerFormEditor-attributeSelectionForm-orgunitName {
  color: #fff;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  padding: 5px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.designerFormEditor-attributeSelectionForm-entityPanel {
  overflow-y: auto;
}
.designerFormEditor-attributeSelectionForm-entityName {
  color: #fff;
  font-size: 15px;
  padding: 5px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.designerFormEditor-attributeSelectionForm-entityName:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.designerFormEditor-attributeSelectionForm-entityHolder {
  background-color: #fff;
}
.designerFormEditor-attributeSelectionForm-attributeName {
  font-size: 13px;
  padding: 2px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.designerFormEditor-attributeSelectionForm-attributeName:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.designerFormEditor-attributeSelectionForm-attributeValue {
  vertical-align: middle;
}
.designerFormEditor-attributeSelectionForm-buttonHolder {
  text-align: right;
}
.designerFormEditor-attributeSelectionForm-button {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: 10px;
  padding-top: 20px;
}
.designerFormEditor-fieldSelectionForm {
  height: 100%;
  border-radius: 4px;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
}
.designerFormEditor-fieldSelectionForm-panel-holder {
  flex: 1 1 auto;
  display: -webkit-flex;
  display: flex;
}
.designerFormEditor-fieldSelectionForm-panel {
  width: 50%;
  overflow-y: auto;
}
.designerFormEditor-fieldSelectionForm-panel-left .designerFormEditor-fieldList-field {
  color: #fff;
}
.designerFormEditor-fieldSelectionForm-panel-left .designerFormEditor-fieldList-field:hover {
  background-size: 20px;
  background-position-x: 99%;
  background-position-y: center;
  background-repeat: no-repeat;
  background-image: url(images/CtrlAgenda-add.png?7eqj28ju6escog00ooc4wocso);
}
.designerFormEditor-fieldSelectionForm-panel-right {
  border-top-right-radius: 4px;
  background-color: #fff;
}
.designerFormEditor-fieldSelectionForm-panel-right .designerFormEditor-fieldList-field:hover {
  background-size: 20px;
  background-position-x: 99%;
  background-position-y: center;
  background-repeat: no-repeat;
  background-image: url(images/CtrlAgenda-removeHover.png?7tt6k0v96ts8koo0kcogkcs44);
}
.designerFormEditor-fieldSelectionForm-category {
  cursor: pointer;
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.designerFormEditor-fieldSelectionForm-searchInput {
  color: #fff;
  font-size: 13px;
  text-align: center;
  padding: 5px;
  border-radius: 0px;
  border-bottom: 1px solid #fff !important;
}
.designerFormEditor-fieldList {
  height: 100%;
  top: 0px;
  right: 0px;
  position: fixed;
}
.designerFormEditor-fieldList-holder {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  box-shadow: -1px 0px 7px rgba(0, 0, 0, 0.5);
}
.designerFormEditor-fieldList-category {
  cursor: pointer;
  color: #fff;
  text-align: center;
  background-color: #6195d0;
  border-bottom: 1px solid #fff;
}
.designerFormEditor-fieldList-field {
  font-size: 13px;
  cursor: pointer;
  padding: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.designerFormEditor-fieldList-field:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.designerFormEditor-fieldList-caller {
  top: 40%;
  position: relative;
  height: 40px;
  padding: 5px;
  float: left;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #6195d0;
  box-shadow: -1px 0px 7px rgba(0, 0, 0, 0.5);
  opacity: 0.9;
}
.designerFormEditor-fieldList-caller:hover {
  opacity: 1;
}
.designerFormEditor-fieldList-caller-plus {
  width: 15px;
  height: 15px;
  stroke: #fff;
  stroke-width: 14px;
}
.designerFormEditor-fieldList-searchInput {
  font-size: 13px;
  text-align: center;
  padding: 5px;
  border-radius: 0px;
  border-bottom: 1px solid #666 !important;
}
button.material {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  background-color: #d9d9d9;
  color: inherit;
  color: #444;
  text-transform: lowercase;
  font-variant: small-caps;
  font-size: 1em;
  border: 1px solid transparent;
  border-radius: 2px;
  padding: 8px 30px;
  margin: 10px 1px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
  outline: 0;
  /*cursor: pointer; NO! It's a button, not a link */
  text-decoration: none;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition: all 200ms ease-out;
}
button.material:disabled {
  border-color: #c5c5c5;
  box-shadow: none;
}
button.material:not(:disabled):hover {
  background-color: #c5c5c5;
}
button.material.primary:not(:disabled) {
  background-color: var(--solution-color);
  color: var(--solution-text-color-accent);
}
button.material.primary:not(:disabled):hover,
button.material.primary:focus {
  background-color: var(--solution-color-darker);
}
.list-loading {
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
}
.svg-loading {
  animation: rotator 1400ms linear infinite;
  width: 2em;
  height: 2em;
}
.svg-loading circle {
  fill: none;
  stroke: #6195d0;
  stroke-width: 12;
  stroke-linecap: round;
  stroke-dasharray: 374;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 1400ms ease-in-out infinite;
}
.svg-search {
  stroke: currentColor;
  stroke-width: 12px;
}
.svg-search circle {
  fill: transparent;
}
.svg-search circle {
  stroke-linecap: round;
}
/* New CalendarWebJS */
.CalendarWebJS-holder .calendar-view {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}
.CalendarWebJS-holder .calendar-view-inner {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.CalendarWebJS-holder .calendar-view-inner-next {
  position: absolute;
  top: 100%;
  width: 100%;
}
.CalendarWebJS-holder .calendar-view-inner-previous {
  position: absolute;
  top: -100%;
  width: 100%;
}
.CalendarWebJS-holder .calendar-view-inner.go-top,
.CalendarWebJS-holder .calendar-view-inner-next.go-top {
  animation-name: center-to-top;
  animation-duration: 400ms;
  animation-iteration-count: 1;
}
.CalendarWebJS-holder .calendar-view-inner.go-bottom,
.CalendarWebJS-holder .calendar-view-inner-next.go-bottom {
  animation-name: center-to-bottom;
  animation-duration: 400ms;
  animation-iteration-count: 1;
}
@keyframes center-to-top {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes center-to-bottom {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(100%);
  }
}
.CalendarWebJS-holder .year-months {
  display: flex;
  flex-flow: row wrap;
}
.CalendarWebJS-holder .year-view {
  position: relative;
  padding: 0.25em;
  overflow: auto;
}
.CalendarWebJS-holder .year-view-inner-next {
  position: absolute;
  padding: 0.25em;
  top: 0;
  left: calc(100% + 0.5em);
  width: 100%;
}
.CalendarWebJS-holder .year-view-inner-previous {
  position: absolute;
  padding: 0.25em;
  top: 0;
  left: calc(-100% - 1.5em);
  width: 100%;
}
.CalendarWebJS-holder .year-view-inner.go-left,
.CalendarWebJS-holder .year-view-inner-next.go-left,
.CalendarWebJS-holder .month-view-inner.go-left,
.CalendarWebJS-holder .month-view-inner-next.go-left,
.CalendarWebJS-holder .days-view-inner.go-left,
.CalendarWebJS-holder .days-view-inner-next.go-left {
  animation-name: center-to-left;
  animation-duration: 200ms;
  animation-iteration-count: 1;
}
.CalendarWebJS-holder .year-view-inner.go-right,
.CalendarWebJS-holder .year-view-inner-previous.go-right,
.CalendarWebJS-holder .month-view-inner.go-right,
.CalendarWebJS-holder .month-view-inner-previous.go-right,
.CalendarWebJS-holder .days-view-inner.go-right,
.CalendarWebJS-holder .days-view-inner-previous.go-right {
  animation-name: center-to-right;
  animation-duration: 200ms;
  animation-iteration-count: 1;
}
.CalendarWebJS-holder .month-view {
  position: relative;
  min-width: calc(8 * 1.75em);
  flex: 1 0 calc(100% / 4);
  padding: 0.5em;
  display: flex;
  flex-direction: column;
  overflow-x: auto;
  overflow-y: hidden;
  box-shadow: 2px 2px 4px 0 lightgrey;
}
.CalendarWebJS-holder .month-view-inner {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.CalendarWebJS-holder .month-view .month .week-number,
.CalendarWebJS-holder .month-view .month .week-view-time,
.CalendarWebJS-holder .month-view .month .week-number ~ * {
  transition: background-color 200ms ease-in;
}
.CalendarWebJS-holder .month-view .month .week-number:hover,
.CalendarWebJS-holder .month-view .month .week-view-time:hover,
.CalendarWebJS-holder .month-view .month .week-number:hover ~ *,
.CalendarWebJS-holder .month-view .month .week-view-time:hover ~ * {
  background-color: rgba(31, 144, 255, 0.0625);
}
.CalendarWebJS-holder .month-view .week-days .month-day:not(.week-number)::after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  height: 100vh;
  transition: background-color 200ms ease-in;
}
.CalendarWebJS-holder .month-view .week-days .month-day:not(.week-number):hover::after {
  background-color: rgba(31, 144, 255, 0.0625);
}
.CalendarWebJS-holder .month-view .month .week-row.toweek .week-number {
  color: #8EC7FF;
}
.CalendarWebJS-holder .month-view .month .week.row.toweek .week-number:hover {
  color: #6195d0;
}
.CalendarWebJS-holder .days-view-inner-next,
.CalendarWebJS-holder .month-view-inner-next {
  position: absolute;
  top: 0.5em;
  left: 100%;
  width: calc(100% - 1em);
}
.CalendarWebJS-holder .days-view-inner-previous,
.CalendarWebJS-holder .month-view-inner-previous {
  position: absolute;
  top: 0.5em;
  left: -100%;
  width: calc(100% - 1em);
}
@keyframes center-to-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(calc(-100% - 0.5em));
  }
}
@keyframes center-to-right {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(calc(100% + 1.5em));
  }
}
.CalendarWebJS-holder .year-header .year-title {
  flex-grow: 1;
  text-align: center;
  font-size: 2em;
  color: #6195d0;
}
.CalendarWebJS-holder .days-header,
.CalendarWebJS-holder .month-header,
.CalendarWebJS-holder .year-header {
  display: flex;
  align-items: center;
}
.CalendarWebJS-holder .days-header > *,
.CalendarWebJS-holder .month-header > *,
.CalendarWebJS-holder .year-header > * {
  padding: 0.25em 1em;
}
.CalendarWebJS-holder .days-header .days-title,
.CalendarWebJS-holder .month-header .month-title {
  flex-grow: 1;
  text-align: center;
  color: black;
  transition: color 200ms ease-in;
}
.CalendarWebJS-holder .days-header .days-title.today,
.CalendarWebJS-holder .month-header .month-title.today {
  color: #6195d0;
}
.CalendarWebJS-holder .days-header .days-title.has-action,
.CalendarWebJS-holder .month-header .month-title.has-action {
  text-decoration: underline;
  cursor: pointer;
}
.CalendarWebJS-holder .days-header .days-title.has-action:hover,
.CalendarWebJS-holder .month-header .month-title.has-action:hover {
  color: #6195d0;
}
.CalendarWebJS-holder .days-header .days-navigation,
.CalendarWebJS-holder .month-header .month-navigation,
.CalendarWebJS-holder .year-header .year-navigation {
  position: relative;
  padding: 0 2px;
  flex: 0 1 5em;
  min-width: 1em;
  min-height: 2em;
  border: none;
  background-color: #6195d0;
  transition: background-color 200ms ease-in, box-shadow 200ms ease-in;
}
.CalendarWebJS-holder .days-header .days-navigation:not(:disabled),
.CalendarWebJS-holder .month-header .month-navigation:not(:disabled),
.CalendarWebJS-holder .year-header .year-navigation:not(:disabled) {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}
.CalendarWebJS-holder .days-header .days-navigation:not(:disabled):hover,
.CalendarWebJS-holder .month-header .month-navigation:not(:disabled):hover,
.CalendarWebJS-holder .year-header .year-navigation:not(:disabled):hover,
.CalendarWebJS-holder .days-header .days-navigation:focus,
.CalendarWebJS-holder .month-header .month-navigation:focus,
.CalendarWebJS-holder .year-header .year-navigation:focus {
  background-color: #3774b9;
}
.CalendarWebJS-holder .days-header .days-navigation:active,
.CalendarWebJS-holder .month-header .month-navigation:active,
.CalendarWebJS-holder .year-header .year-navigation:active {
  background-color: #3774b9;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.75);
}
.CalendarWebJS-holder .days-header .days-navigation:disabled,
.CalendarWebJS-holder .month-header .month-navigation:disabled,
.CalendarWebJS-holder .year-header .year-navigation:disabled {
  background-color: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.CalendarWebJS-holder .days-header .days-navigation::after,
.CalendarWebJS-holder .month-header .month-navigation::after,
.CalendarWebJS-holder .year-header .year-navigation::after {
  content: " ";
  position: absolute;
  top: calc(50% - 0.5em);
  left: calc(50% - 0.25em);
  transition: transform 200ms ease-in;
}
.CalendarWebJS-holder .days-header .days-navigation-left::after,
.CalendarWebJS-holder .month-header .month-navigation-left::after,
.CalendarWebJS-holder .year-header .year-navigation-left::after {
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.5em solid white;
}
.CalendarWebJS-holder .days-header .days-navigation-left:not(:disabled):hover::after,
.CalendarWebJS-holder .month-header .month-navigation-left:not(:disabled):hover::after,
.CalendarWebJS-holder .year-header .year-navigation-left:not(:disabled):hover::after {
  transform: translateX(-1em);
}
.CalendarWebJS-holder .days-header .days-navigation-right::after,
.CalendarWebJS-holder .month-header .month-navigation-right::after,
.CalendarWebJS-holder .year-header .year-navigation-right::after {
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-left: 0.5em solid white;
}
.CalendarWebJS-holder .days-header .days-navigation-right:not(:disabled):hover::after,
.CalendarWebJS-holder .month-header .month-navigation-right:not(:disabled):hover::after,
.CalendarWebJS-holder .year-header .year-navigation-right:not(:disabled):hover::after {
  transform: translateX(1em);
}
.CalendarWebJS-holder .days-header .days-navigation-now {
  position: absolute;
  padding: 2px 0.7em 0 0.7em;
  margin: 0 1em;
  right: 5em;
  color: white;
}
.CalendarWebJS-holder .days-header .days-navigation-now svg {
  width: 1em;
  stroke: currentColor;
  fill: currentColor;
}
.CalendarWebJS-holder .week-days {
  display: flex;
  border-bottom: 1px solid #6195d0;
  justify-content: space-between;
}
@supports (content: attr(data-long)) {
  .CalendarWebJS-holder .days-view .month-day > :first-child {
    font-size: 0;
  }
  .CalendarWebJS-holder .days-view .month-day > :first-child::after {
    font-size: 0.9rem;
    content: attr(data-long);
  }
  .CalendarWebJS-holder .days-view .month-day.force-short > :first-child::after {
    content: attr(data-short);
  }
  .CalendarWebJS-holder .days-view .month-day.force-narrow > :first-child::after {
    content: attr(data-narrow);
  }
}
.CalendarWebJS-holder .month {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.CalendarWebJS-holder .week {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
}
.CalendarWebJS-holder .week-time-holder {
  width: calc(100% / 8);
}
.CalendarWebJS-holder .week-events-holder {
  display: flex;
  flex: 1 0 auto;
  align-self: stretch;
  background-image: none;
  /*background-image: repeating-linear-gradient(to bottom, transparent, transparent calc(100% / 25), grey calc(100% / 25 + 1px), grey calc(100% / 25 + 2px), transparent calc(100% / 25 + 2px));*/
  position: relative;
}
.CalendarWebJS-holder .week-row {
  flex-grow: 1;
  display: flex;
}
.CalendarWebJS-holder .week-number {
  border-right: 1px solid #6195d0;
}
.CalendarWebJS-holder .week-number.month-day {
  cursor: pointer;
}
.CalendarWebJS-holder .month-day {
  position: relative;
  flex: 0 0 calc(100% / 8);
  padding: 0.2em 0.25em;
  text-align: center;
  color: #8c8c8c;
}
.CalendarWebJS-holder .month-day:not(.work-day) {
  color: rgba(0, 0, 0, 0.5);
}
.CalendarWebJS-holder .month-day.previous-month {
  color: rgba(0, 0, 0, 0.25);
}
.CalendarWebJS-holder .month-day.next-month {
  color: rgba(0, 0, 0, 0.25);
}
.CalendarWebJS-holder .month-day.week-number {
  color: rgba(0, 0, 0, 0.125);
  border-color: rgba(0, 0, 0, 0.125);
}
.CalendarWebJS-holder .month-day.today {
  color: #6195d0;
  border-left: 1px solid #6195d0;
  border-right: 1px solid #6195d0;
}
.CalendarWebJS-holder .month-day.has-event::after {
  content: " ";
  position: absolute;
  bottom: -0.1em;
  left: calc(50% - 0.15em);
  width: 0.3em;
  height: 0.3em;
  background: #6195d0;
  border-radius: 50%;
}
.CalendarWebJS-holder .days-view .days-title,
.CalendarWebJS-holder .month-view.big .month-title {
  font-size: 2em;
}
.CalendarWebJS-holder .month-view.big .month-day {
  flex-grow: 1;
  padding: 0;
  overflow-y: auto;
}
.CalendarWebJS-holder .month-view.big .month-day p {
  margin: 0 0 1px 0;
}
.CalendarWebJS-holder .month-view.big .week-days .month-day {
  overflow: visible;
}
.CalendarWebJS-holder .month-view.big .week-number {
  flex-basis: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.CalendarWebJS-holder .month-view.big .month .month-day {
  min-height: calc(100vw / 10);
}
.CalendarWebJS-holder .month-view.big .month .month-day:nth-child(8n) {
  border-right: 1px solid lightgrey;
}
.CalendarWebJS-holder .month-view.big .week-row:not(:last-child) {
  border-bottom: 1px solid lightgrey;
}
.CalendarWebJS-holder .month-view.big .month .month-day.has-event::after {
  content: none;
}
.CalendarWebJS-holder .month-view.big .month .month-day.today {
  background-color: #e3f1ff;
  border-left: none;
  border-right: none;
}
.CalendarWebJS-holder .month-view.big .event-row {
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.75em;
  background-color: inherit;
  color: dodgerblue;
  padding: 0.1em 0em 0.1em 0.2em;
  text-align: left;
}
.CalendarWebJS-holder .month-view.big .event-row-more {
  border: 1px solid dodgerblue;
  color: dodgerblue;
  background-color: white;
  cursor: pointer;
}
.CalendarWebJS-holder .event-full-day-1 {
  margin-top: 10px;
}
.CalendarWebJS-holder .event-full-day-2 {
  margin-top: 20px;
}
.CalendarWebJS-holder .event-full-day-3 {
  margin-top: 30px;
}
.CalendarWebJS-holder .event-full-day-4 {
  margin-top: 40px;
}
.CalendarWebJS-holder .event-full-day-5 {
  margin-top: 50px;
}
.CalendarWebJS-holder .event-full-day-6 {
  margin-top: 60px;
}
.CalendarWebJS-holder .month-view.big .event-tail {
  position: relative;
  background-color: dodgerblue;
  background-color: var(--background-color);
  color: white;
}
.CalendarWebJS-holder .month-view.big .event-tail .event-text {
  display: inline-block;
  max-width: 100%;
  width: 100%;
}
.CalendarWebJS-holder .event-row.event-tail {
  cursor: pointer;
}
.CalendarWebJS-holder .month-view.big .event-tail-1 .event-text {
  transform: translateX(calc(-100% - 0.1em));
  -moz-transform: translate(calc(-100% - 0.3em), -0.05em);
}
.CalendarWebJS-holder .month-view.big .event-tail-2 .event-text {
  transform: translateX(calc(-200% - 0.3em));
  -moz-transform: translate(calc(-100% - 0.5em), -0.05em);
}
.CalendarWebJS-holder .month-view.big .event-tail-3 .event-text {
  transform: translateX(calc(-300% - 0.5em));
  -moz-transform: translate(calc(-100% - 0.7em), -0.05em);
}
.CalendarWebJS-holder .month-view.big .event-tail-4 .event-text {
  transform: translateX(calc(-400% - 0.7em));
  -moz-transform: translate(calc(-100% - 0.9em), -0.05em);
}
.CalendarWebJS-holder .month-view.big .event-tail-5 .event-text {
  transform: translateX(calc(-500% - 0.9em));
  -moz-transform: translate(calc(-100% - 1.1em), -0.05em);
}
.CalendarWebJS-holder .month-view.big .event-tail-6 .event-text {
  transform: translateX(calc(-600% - 1.1em));
  -moz-transform: translate(calc(-100% - 1.3em), -0.05em);
}
.CalendarWebJS-holder .month-view.big .event-tail-end {
  --background-color: var(--solution-color);
}
.CalendarWebJS-holder .month-view.big .event-tail-end::after {
  content: '';
  position: absolute;
  top: -0.25em;
  bottom: 0;
  right: 0;
  width: 0;
  border-top: 1em solid white;
  border-bottom: 1em solid white;
  border-left: 1em solid transparent;
  background-color: dodgerblue;
  background-color: var(--background-color);
}
.CalendarWebJS-holder .month-day.current-month {
  transition: background-color 0.5s cubic-bezier(0.4, 0, 1, 1);
}
.CalendarWebJS-holder *:not(.days-view) .week-view > .month-day p:first-child {
  cursor: pointer;
}
.CalendarWebJS-holder .month-day.current-month:hover {
  background-color: gainsboro;
}
/* Calendar Day Event Begin */
.CalendarWebJS-holder .calendar-dialog-header {
  min-height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}
.CalendarWebJS-holder .calendar-dialog-header--big {
  font-size: xx-large;
  color: #6195d0;
}
.CalendarWebJS-holder .calendar-dialog-header--small {
  color: #555;
  background: #f6f6f6;
  border-radius: 2px;
  padding: 5px 10px;
  font-size: 0.80em;
  line-height: 150%;
  text-align: center;
}
.CalendarWebJS-holder .calendar-dialog-content {
  display: flex;
  flex-direction: column;
  padding: 20px 20px 0 20px;
  background-color: #fff;
}
.CalendarWebJS-holder .calendar-dialog-event {
  margin-top: 10px;
}
.CalendarWebJS-holder .calendar-dialog-event.week-calendar .month-day {
  flex: 0 0 calc(100% / 9);
}
.CalendarWebJS-holder .calendar-dialog-event.week-calendar .month-day:first-child {
  flex: 0 0 calc(10%);
}
button.calendar-button--material {
  border: none;
  background-color: lightgray;
  border-radius: 2px;
  position: relative;
  padding: 8px 30px;
  margin: 10px 1px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0;
  will-change: box-shadow, transform;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  outline: 0;
  cursor: pointer;
  text-decoration: none;
}
button.calendar-button--material:hover {
  background-color: buttonface;
}
.CalendarWebJS-holder .calendar-dialog-event--container {
  line-height: 2;
  min-height: 2em;
  max-height: 3em;
  margin: 0;
  padding: 10px;
  border: 0.1em solid #ddd;
  border-bottom: none;
  border-left: 0.2em solid dimgray;
  border-radius: 0;
  display: flex;
  justify-content: space-between;
}
.CalendarWebJS-holder .calendar-dialog-event--container:last-child {
  border-bottom: 0.1em solid #ddd;
}
.CalendarWebJS-holder .calendar-dialog-event--item {
  font-size: 0.85em;
}
.CalendarWebJS-holder .calendar-dialog-event--action.calendar-button--material {
  font-size: 0.60em;
  font-stretch: extra-expanded;
  margin: 0;
  padding: 10px;
  background: #eee;
}
.CalendarWebJS-holder .calendar-dialog-footer {
  border-top: none;
  padding: 7px;
  text-align: right;
  flex-grow: 1;
  margin-top: 0.5em;
}
.CalendarWebJS-holder .week-view.week-days {
  margin-left: calc(100% / 8);
  padding: 10px 0;
}
.CalendarWebJS-holder .week-day-holder {
  flex-grow: 1;
  /*border-right: 1px solid gray;*/
}
.CalendarWebJS-holder .week-day-event {
  border: 1px solid gainsboro;
  border-left: 0.2em solid #ccc;
  box-shadow: 1px 1px gainsboro;
  overflow: hidden;
  position: absolute;
  background: rgba(133, 133, 255, 0.25);
  text-overflow: ellipsis;
  font-size: 0.75em;
  width: 100%;
  box-sizing: border-box;
  padding: 0.1em;
  height: 1.5em;
  cursor: pointer;
  min-height: 1em;
}
.CalendarWebJS-holder .week-day-holder.day {
  position: relative;
  border-right: 1px solid gainsboro;
}
.CalendarWebJS-holder .week-hour {
  line-height: 300%;
  text-align: center;
  color: #555;
  border: none;
  border-right: 1px solid lightgrey;
}
.CalendarWebJS-holder .calendar-dialog-event.week-calendar .month-day p {
  margin: 0;
  line-height: 140%;
}
.CalendarWebJS-holder .calendar-dialog-event.week-calendar .month-day p:last-child {
  font-size: 0.75em;
  color: lightgray;
}
.CalendarWebJS-holder .month-day.week-view-time {
  color: #898989;
  border: none;
  border-color: rgba(0, 0, 0, 0.125);
  line-height: 1.3;
}
.CalendarWebJS-holder .month-view.big .week-view-time {
  flex-basis: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.CalendarWebJS-holder .week-long-holder {
  display: flex;
  margin-left: calc(100% / 8);
  padding: 10px 0;
  border-bottom: 1px solid dodgerblue;
}
.CalendarWebJS-holder .week-long-holder {
  flex: 0 0 calc(100% / 9);
}
.CalendarWebJS-holder .week-long-holder:first-child {
  flex: 0 0 calc(10%);
}
.CalendarWebJS-holder .week-long-event {
  width: calc(100%/7);
  cursor: pointer;
}
.CalendarWebJS-holder .week-long-event p {
  margin: 0;
  padding: 0.1em 0.5em;
  background: lightgray;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.80em;
  line-height: 110%;
}
/*Week detail*/
.CalendarWebJS-holder .event-detail-holder {
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.2em;
  z-index: 2;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 1px 2px gray;
  font-size: 0.75em;
}
.CalendarWebJS-holder .event-detail-title {
  text-transform: uppercase;
  font-size: 0.80em;
  padding: 0.5em 0.2em;
  border-bottom: 1px solid #ddd;
}
.CalendarWebJS-holder .event-detail-date-holder {
  display: flex;
  justify-content: space-around;
}
.CalendarWebJS-holder .event-detail-date {
  background-color: #ddd;
  border-radius: 2px;
  padding: 0.3em;
  margin-left: 0.2em;
  margin-right: 0.2em;
  margin-top: 0.5em;
  margin-bottom: 0.2em;
}
.CalendarWebJS-holder .days-view .month-day > p {
  margin: 0;
}
.CalendarWebJS-holder .days-view .month-day > p:last-child {
  font-size: 0.9em;
  color: #aaa;
  margin-top: 0.25em;
}
/*Week detail end*/
/* Calendar Day Event End*/
.containerGrid-minimizeRow td {
  padding: 0;
}
.containerGrid-minimizeRow .containerGrid-minimizeContainer {
  display: flex;
  flex-flow: column;
}
.containerGrid-minimizeToggle {
  position: relative;
  width: 100%;
  min-height: 1em;
  border: none;
  order: 2;
  --background-color: #ccc;
}
.containerGrid-minimizeToggle::before {
  content: "";
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-bottom: 0.5em solid #555;
  top: 0.3em;
  position: absolute;
}
.containerGrid-minimizeToggle::after {
  content: "";
  border-left: 0.25em solid transparent;
  border-right: 0.25em solid transparent;
  border-bottom: 0.25em solid var(--background-color);
  top: 0.5em;
  position: absolute;
  transform: translateX(0.225em);
}
.containerGrid-minimizeRow-minimized .containerGrid-minimizeContainer > :last-child {
  display: none;
}
.containerGrid-minimizeRow-minimized .containerGrid-minimizeToggle::before {
  border-bottom: none;
  border-top: 0.5em solid #555;
}
.containerGrid-minimizeRow-minimized .containerGrid-minimizeToggle::after {
  border-bottom: none;
  border-top: 0.25em solid var(--background-color);
  top: 0.3em;
}
.ActionSliderWebJS-control {
  position: relative;
  align-content: center;
  background-color: #6195d0;
  background-color: var(--solution-color);
}
.ActionSliderWebJS-text {
  position: absolute;
  display: flex;
  flex-direction: row;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 300;
  user-select: none;
}
.ActionSliderWebJS-slider {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  z-index: 1;
  transform: translateX(calc(-100%));
  transition: transform 300ms ease-out;
}
.ActionSliderWebJS-slider-icon {
  display: flex;
  background-color: #3774b9;
  background-color: var(--solution-color-darker);
}
.ActionSliderWebJS-slider svg {
  width: 20px;
  fill: white;
}
.ProgressIconWebJS-control {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.ProgressIconWebJS-image {
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
}
.ProgressIconWebJS-donut-full,
.ProgressIconWebJS-donut-fill {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.ProgressIconWebJS-donut-full {
  opacity: 0.5;
}
.ProgressIconWebJS-donut-fill {
  transform-origin: center;
  transform: rotateZ(-90deg);
  stroke: var(--solution-color);
}
.UILayoutWindow {
  position: fixed;
  --default-top: 20vh;
  --default-left: 20vw;
  --default-width: 60vw;
  --default-height: 60vh;
  top: var(--top, var(--default-top));
  left: var(--left, var(--default-left));
  width: var(--width, var(--default-width));
  height: var(--height, var(--default-height));
  background-color: var(--background-color);
  box-shadow: 0 0 15px 0 #111;
  transform: translate(var(--dx, 0), var(--dy, 0));
  z-index: 100;
}
.UILayoutWindow .navigationBar {
  cursor: move;
}
.ImageBlob .field-control {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ImageBlob.field-not-editable .field-control {
  justify-content: center;
}
.ImageBlob .controls {
  display: flex;
  flex-flow: column nowrap;
}
.ImageBlob p {
  margin: 0;
}
.ImageBlob img {
  max-width: auto;
  max-height: var(--max-height, 5em);
}
@media (max-width: 70em) {
  .responsive .navigationBar-menu-toggle {
    display: flex;
  }
  .responsive .selectPanel {
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    left: 0;
    z-index: 4;
    background-color: rgba(0, 0, 0, 0.75);
    transform: translateX(0);
    transition: transform 250ms ease-out, background-color 250ms ease-out;
  }
  .responsive .selectPanel > * {
    width: 18em;
  }
  .responsive .selectPanel.is-closed {
    transform: translateX(-20em);
    right: calc(100vw - 18em);
    background-color: transparent;
    flex-basis: 0;
  }
  .responsive .layout-menu-auto-toggle {
    display: none;
  }
}
.ninja-console {
  position: fixed;
  top: 10vh;
  right: 14vh;
  bottom: 10vh;
  left: 15vh;
  background-color: white;
  overflow: auto;
  box-shadow: 0 0 8px 0px black;
  z-index: 10000;
}
.ninja-filter {
  position: sticky;
  top: 0;
  height: 2em;
  display: flex;
  background-color: white;
  box-shadow: 0 0 3px 0 #111;
}
.ninja-filter button {
  min-width: 6em;
  margin: 0.2em;
  color: #111;
  background-color: #eee;
  border-radius: 1px;
  box-shadow: 0px 1px 2px 0px rgba(17, 17, 17, 0.4);
  text-transform: lowercase;
  font-variant: small-caps;
  transition: all 200ms ease-out;
}
.ninja-filter button[aria-pressed=true] {
  color: #777;
  background-color: #ddd;
  box-shadow: 0px 1px 2px 0px rgba(17, 17, 17, 0.4), 0 0px 4px 0 rgba(17, 17, 17, 0.1) inset;
}
.ninja-console .log {
  margin: 0;
  padding: 0.25em 0.5em;
}
.ninja-console .log-important {
  color: white;
  background-color: #111;
}
.ninja-console .log-error {
  color: darkred;
  background-color: indianred;
}
.ninja-console .log-warn {
  color: sienna;
  background-color: bisque;
}
.ninja-console .log-debug {
  color: cornflowerblue;
}
.ninja-console .log-time {
  background-color: darkseagreen;
}
.ninja-console .log-time-end {
  background: seagreen;
  color: white;
}
.ninja-console.hide-important .log-important {
  display: none;
}
.ninja-console.hide-error .log-error {
  display: none;
}
.ninja-console.hide-warn .log-warn {
  display: none;
}
.ninja-console.hide-debug .log-debug {
  display: none;
}
.ninja-console.hide-info .log-info {
  display: none;
}
.ninja-console.hide-timing .log-time {
  display: none;
}
.ninja-console.hide-timing .log-time-end {
  display: none;
}
.ninja-console .ninja-close {
  min-width: auto;
  margin-left: auto;
  display: flex;
}
.ninja-console .ninja-close svg {
  stroke: #111;
  height: 1em;
}
.CtrlSheet button {
  color: inherit;
  font-weight: inherit;
}
.CtrlSheet {
  display: grid;
  grid-template-columns: repeat(var(--col-count), minmax(min-content, 1fr));
  /*grid-template-rows: repeat(var(--row-count), minmax(min-content, 1fr));*/
  /*grid-template-columns: repeat(var(--col-count), min-content);*/
  grid-template-rows: repeat(var(--row-count), min-content);
  grid-gap: 1px 1px;
  background-color: grey;
  border: 1px solid grey;
  overflow-x: auto;
  overflow-y: hidden;
}
.CtrlSheet .header {
  background-color: var(--background-color);
}
.CtrlSheet .header.default-style {
  color: var(--solution-color);
  font-size: 1.4em;
}
.CtrlSheet .header.field-style .mark {
  display: flex;
  flex-flow: column;
  align-items: stretch;
  padding: 0;
}
.CtrlSheet .header.field-style .mark > .field-container {
  flex: 1;
}
.CtrlSheet .header {
  display: flex;
}
.CtrlSheet .header {
  position: sticky;
  z-index: 2;
}
.CtrlSheet .header-row,
.CtrlSheet .header-all {
  left: 0;
}
.CtrlSheet .header-column,
.CtrlSheet .header-all {
  top: 0;
}
.CtrlSheet .header-all {
  z-index: 3;
}
.CtrlSheet .cell {
  position: relative;
  background-color: white;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.CtrlSheet .cell-value {
  position: relative;
  display: flex;
}
.CtrlSheet .mark {
  position: relative;
  width: 100%;
  min-height: 1em;
  flex: 1;
  border: 2px solid transparent;
  transition: all 200ms ease-out;
}
.CtrlSheet .mark:disabled {
  border: none;
}
.CtrlSheet .mark:disabled::before,
.CtrlSheet .mark:disabled::after {
  display: none;
}
.CtrlSheet .mark:not(:disabled):hover {
  border-color: var(--solution-color-lighter);
}
.CtrlSheet .mark::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1em;
  height: 1em;
  z-index: 1;
  border-top: 0.75em solid var(--solution-color);
  border-right: 0.75em solid var(--solution-color);
  border-left: 0.75em solid transparent;
  border-bottom: 0.75em solid transparent;
  opacity: 0;
  transition: all 200ms ease-out;
}
.CtrlSheet .mark::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2em;
  right: 0.25em;
  width: 0.25em;
  height: 0.5em;
  border: solid lightgrey;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  z-index: 1;
  transition: all 200ms ease-out;
}
.CtrlSheet .mark[aria-pressed=true] {
  border-color: var(--solution-color);
}
.CtrlSheet .mark[aria-pressed=true]::before {
  opacity: 1;
}
.CtrlSheet .mark[aria-pressed=true]::after {
  border-color: var(--mark-color, white);
}
.ContainerSheetDate .field-label {
  display: flex;
  align-items: baseline;
}
.ContainerSheetDate .field-label h3 {
  margin: 0;
  flex-grow: 1;
  text-align: start;
}
.ContainerSheetDate .field-label .title {
  color: var(--ms-label-color);
  font-size: var(--ms-font-size);
  font-weight: var(--ms-font-weight);
}
.ContainerSheetDate .CtrlPaginationDate {
  font-size: 1.4em;
  align-items: center;
  order: 2;
}
.ContainerSheetDate .CtrlButtonGroup {
  order: 3;
}
.ContainerSheetDate .field-label > * {
  margin: 0.5em;
}
.ContainerSheetDate-list {
  display: flex;
}
.ContainerSheetDate .CtrlSheetDate.inner-scroll {
  overflow: auto;
}
.CtrlSheetDate {
  display: grid;
  grid-template-columns: min-content repeat(calc(var(--col-count) - 1), minmax(min-content, 3em));
  grid-template-rows: repeat(var(--row-count), minmax(3em, min-content));
  grid-gap: 0 0;
  width: 100%;
  background-color: transparent;
  border: none;
  background-image: repeating-linear-gradient(-45deg, #d3d3d3 0, #e9e9e9 1px, #fff 2px, #e9e9e9 3px, #fff 4px);
}
.CtrlSheetDate > .header-column:nth-child(odd) {
  display: none;
}
.CtrlSheetDate > .header-column:nth-child(even) {
  grid-column-end: span 2;
}
.CtrlSheetDate > * {
  border-right: 1px solid #bbb;
}
.CtrlSheetDate.border-color-dance-hack > :nth-child(n+49):not(:nth-child(49n+1)):not(:nth-child(49n+3)):not(:nth-child(49n+5)):not(:nth-child(49n+7)):not(:nth-child(49n+9)):not(:nth-child(49n+11)):not(:nth-child(49n+13)):not(:nth-child(49n+15)):not(:nth-child(49n+17)):not(:nth-child(49n+19)):not(:nth-child(49n+21)):not(:nth-child(49n+23)):not(:nth-child(49n+25)):not(:nth-child(49n+27)):not(:nth-child(49n+29)):not(:nth-child(49n+31)):not(:nth-child(49n+33)):not(:nth-child(49n+35)):not(:nth-child(49n+37)):not(:nth-child(49n+39)):not(:nth-child(49n+41)):not(:nth-child(49n+43)):not(:nth-child(49n+45)):not(:nth-child(49n+47)):not(:nth-child(49n+49)) {
  border-right-color: #ddd;
}
.CtrlSheetDate .cell-value::after {
  content: " ";
}
.CtrlSheetDate .header-time {
  position: relative;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.CtrlSheetDate .header-time .header-hour {
  color: #919191;
}
.CtrlSheetDate .header-time .header-minutes {
  color: #dadada;
  font-size: 0.6em;
}
.CtrlSheetDate .header-time .header-hour-mark {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
}
.CtrlSheetDate .header-time .header-minutes-mark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
}
.CtrlSheetDate .cell {
  background-color: transparent;
}
.CtrlSheetDate .cell .mark {
  background-color: var(--cell-color, transparent);
}
.CtrlSheetDate .cell .mark:not(:disabled):hover {
  background-color: var(--cell-hover-color, transparent);
}
.CtrlSheetDate .no-entries {
  grid-column: 1 / 50;
  padding: 1em 2em;
}
.ContainerSheetDate-list {
  position: relative;
  font-size: 1rem;
  overflow-x: hidden;
}
.CtrlSheetDate {
  transition: transform 1s ease-out, opacity 1s ease-out;
}
.CtrlSheetDate.next-page,
.CtrlSheetDate.previous-page {
  position: absolute;
}
.CtrlSheetDate.next-page {
  transform: translateX(calc(var(--dx) * 1px));
}
.CtrlSheetDate.next-page.float-start {
  transform: translateX(0);
}
.CtrlSheetDate.previous-page {
  transform: translateX(calc(var(--dx) * -1px));
}
.CtrlSheetDate.previous-page.float-end {
  transform: translateX(0);
}
.CtrlSheetDate.current-page.float-start {
  transform: translateX(calc(var(--dx) * -1px));
}
.CtrlSheetDate.current-page.float-end {
  transform: translateX(calc(var(--dx) * 1px));
}
.ContainerSheetDate-list {
  height: 100%;
}
.ContainerSheetDate-list.is-transitioning-modes {
  flex-flow: column;
  align-items: flex-start;
  overflow: hidden;
}
.CtrlSheetDate.next-mode {
  transform: translateY(calc(var(--dy) * 1px));
  opacity: 0;
}
.CtrlSheetDate.next-mode.float-start {
  transform: translateY(calc(var(--dy) * -1px));
  opacity: 1;
}
.CtrlSheetDate.previous-mode {
  transform: translateY(calc(var(--dy) * -2px));
  opacity: 0;
}
.CtrlSheetDate.previous-mode.float-end {
  transform: translateY(calc(var(--dy) * -1px));
  opacity: 1;
}
.CtrlSheetDate.current-mode.float-start {
  transform: translateY(calc(var(--dy) * -1px));
  opacity: 0;
}
.CtrlSheetDate.current-mode.float-end {
  transform: translateY(calc(var(--dy) * 1px));
  opacity: 0;
}
/* Undo CtrlSheetDate shenanigans */
.CtrlSheetDateWeek > .header-column:nth-child(even) {
  grid-column-end: span 1;
}
.CtrlSheetDateWeek > .header-column:nth-child(odd) {
  display: unset;
}
.CtrlSheetDateWeek .header-column.default-style button {
  height: 100%;
  font-size: 1em;
  display: flex;
  align-items: flex-end;
  padding: 0.5em;
}
.CtrlSheetDateWeek .header-column.default-style .header-month-day {
  font-size: 0.6em;
}
/* .CtrlPagination {
	display: inline-grid;
	grid-template-columns: min-content min-content 10em min-content min-content;
	min-height: unset;
} */
.CtrlPagination button {
  margin: 0;
  padding: 2px 10px;
  flex-flow: row;
}
.CtrlPagination button svg {
  width: 2em;
  height: 2em;
}
.CtrlPagination .goto-first svg,
.CtrlPagination .goto-previous svg {
  transform: rotateZ(180deg);
}
.CtrlPagination .goto-first svg:first-child {
  transform: translateX(25%) rotateZ(180deg);
}
.CtrlPagination .goto-first svg:last-child {
  transform: translateX(-25%) rotateZ(180deg);
}
.CtrlPagination .goto-last svg:first-child {
  transform: translateX(25%);
}
.CtrlPagination .goto-last svg:last-child {
  transform: translateX(-25%);
}
.CtrlPagination .goto-choose {
  display: grid;
  grid-template-columns: 1fr 2em 1fr;
  height: 100%;
  margin: 0 1em;
  border: 1px solid #ccc;
  border-radius: 2px;
  min-height: 2em;
}
.CtrlPagination .goto-choose input {
  border: none;
  border-radius: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
  text-align: center;
  -moz-appearance: textfield;
}
.CtrlPagination .goto-choose input::-webkit-inner-spin-button,
.CtrlPagination .goto-choose input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.CtrlPagination .goto-choose input:first-child {
  text-align: end;
}
.CtrlPagination .goto-choose input:last-child {
  text-align: start;
}
.CtrlPaginationDate {
  display: flex;
  justify-content: center;
  order: 1;
}
.CtrlPaginationDate button {
  min-width: 1.5em;
  height: 1.5em;
  padding: 0;
  stroke-width: 20;
  stroke-linecap: round;
  stroke: #555;
  border: 1px solid #ccc;
  border-radius: 50%;
  display: inline-grid;
  margin: 0 1em;
  transition: all 200ms ease-out;
}
.CtrlPaginationDate button:disabled {
  stroke: #ccc;
}
.CtrlPaginationDate button:not(:disabled):hover {
  border-color: #999;
  stroke: #222;
}
.CtrlPaginationDate button svg {
  transform: scale(0.2, 0.4);
}
.CtrlPaginationDate button.goto-previous svg {
  transform: rotateY(180deg) scale(0.2, 0.4);
}
.CtrlPaginationDate .date-display {
  align-self: center;
}
.CtrlButtonGroup {
  display: flex;
}
.CtrlButtonGroup.theme-default button {
  border: 1px solid #ccc;
  padding: 0.5em 1.5em;
  box-shadow: 1px 1px 2px 0 lightgrey;
  color: #555;
  transition-property: color, box-shadow, border-color;
  transition-duration: 200ms;
  transition-timing-function: ease-out;
}
.CtrlButtonGroup.theme-default button:active,
.CtrlButtonGroup.theme-default button[aria-pressed=true] {
  background-color: lightgrey;
  box-shadow: 1px 1px 1px 0 grey inset;
  color: #111;
}
.CtrlButtonGroup.theme-default button:disabled {
  color: darkgrey;
  box-shadow: none;
}
.CtrlButtonGroup.theme-default button:not(:disabled):hover {
  background-color: #f0f0f0;
}
.CtrlButtonGroup.theme-default button[aria-pressed=true]:not(:disabled):hover {
  background-color: #c9c9c9;
}
.CtrlButtonGroup.theme-default button:disabled[aria-pressed=true] {
  color: grey;
}
.CtrlButtonGroup.theme-default button:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.CtrlButtonGroup button.theme-default:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.CtrlButtonGroup button.theme-default + button.theme-default {
  margin-left: 0px;
}
m-c-range {
  /* Theming variables */
  --rail-border: none;
  --rail-background-color: var(--solution-color-lighter);
  --rail-fill-background-color: var(--solution-color);
  --thumb-outer-color: var(--solution-color-darker);
  --thumb-inner-color: #ffffff;
  --popup-border-color: var(--thumb-outer-color);
  --popup-background-color: #ffffff;
  /* Own variables */
  --rail-height: 1ex;
  --thumb-height: 2ex;
  --thumb-inner-height: calc(var(--thumb-height) / 4);
  --thumb-dx: 0;
  --popup-dx: var(--thumb-dx);
  display: grid;
  grid-gap: 1ex;
  align-items: center;
  padding-left: 1ex;
  /* for the thumb */
  user-select: none;
  /* avoid user selection while dragging */
}
m-c-range .rail {
  width: 100%;
  border: var(--rail-border);
  height: var(--rail-height);
  background-color: var(--rail-fill-background-color);
  position: relative;
  grid-area: control;
}
m-c-range .thumb {
  position: absolute;
  height: var(--thumb-height);
  width: var(--thumb-height);
  top: calc(var(--rail-height) / 2 - (var(--thumb-height) / 2) - 1px);
  left: calc(var(--thumb-height) / -2 + var(--thumb-dx) * 1px);
  background-color: var(--thumb-outer-color);
  border-radius: 50%;
  z-index: 1;
}
m-c-range .thumb::before {
  content: " ";
  position: absolute;
  height: var(--thumb-inner-height);
  width: var(--thumb-inner-height);
  top: calc(var(--thumb-height) / 2 - var(--thumb-inner-height) / 2);
  left: calc(var(--thumb-height) / 2 - var(--thumb-inner-height) / 2);
  background-color: var(--thumb-inner-color);
  border-radius: 50%;
}
m-c-range .rail-remainder {
  position: absolute;
  width: unset;
  top: 0;
  right: 0;
  left: calc(var(--thumb-dx) * 1px);
  height: var(--rail-height);
  border: var(--rail-border);
  background-color: var(--rail-background-color);
}
m-c-range.display-popup {
  grid-template-areas: "control control";
}
m-c-range.display-top {
  grid-template: min-content min-content / 1fr;
  grid-template-areas: "display" "control";
}
m-c-range.display-bottom {
  grid-template: min-content min-content / 1fr;
  grid-template-areas: "control" "display";
}
m-c-range.display-start {
  grid-template: 1fr / min-content 1fr;
  grid-template-areas: "display control";
}
m-c-range.display-end {
  grid-template: 1fr / 1fr min-content;
  grid-template-areas: "control display";
}
m-c-range .display {
  margin: 0.5ex;
  grid-area: display;
  text-overflow: ellipsis;
  overflow: hidden;
}
m-c-range.display-popup .display {
  opacity: 0;
  position: absolute;
  top: calc(-100% - var(--thumb-height) / 2);
  left: calc(var(--popup-dx) * 1px - 2ex);
  padding: 0.25ex 0.25em;
  border: 1px solid var(--popup-border-color);
  width: 50%;
  text-align: center;
  background-color: var(--popup-background-color);
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  overflow: visible;
  z-index: 1;
  transition: opacity 1s ease-out;
}
m-c-range.display-popup .display::after {
  content: "";
  height: 1ex;
  width: 1ex;
  position: absolute;
  bottom: -1ex;
  left: calc(50% - 0.5ex);
  border-left: 1ex solid transparent;
  border-right: 1ex solid transparent;
  border-top: 1ex solid var(--popup-background-color);
}
m-c-range.display-popup .display::before {
  content: "";
  height: 1ex;
  width: 1ex;
  position: absolute;
  bottom: calc(-1ex - 1px);
  left: calc(50% - 0.5ex);
  border-left: 1ex solid transparent;
  border-right: 1ex solid transparent;
  border-top: 1ex solid var(--popup-border-color);
}
m-c-range.display-popup .display .display-wrapper {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
m-c-range.display-popup.drag-active .display {
  opacity: 1;
  transition-duration: 200ms;
}
m-c-range.display-top .display {
  width: 75%;
  margin: 0 auto 1ex auto;
  text-align: center;
  border-bottom: 1px solid lightgrey;
}
m-c-range.display-end .display {
  display: flex;
  align-items: center;
  height: 100%;
  width: calc(var(--char-count, 3) * 1em);
  padding-left: 1ex;
  border-left: 1px solid lightgrey;
}
m-c-range.display-bottom .display {
  width: 75%;
  margin: 1ex auto 0 auto;
  text-align: center;
  border-top: 1px solid lightgrey;
}
m-c-range.display-start .display {
  display: flex;
  align-items: center;
  height: 100%;
  width: calc(var(--char-count, 3) * 1em);
  padding-right: 1ex;
  border-right: 1px solid lightgrey;
}
m-c-range.display-end .input-wrapper,
m-c-range.display-start .input-wrapper {
  padding-top: 1ex;
}
m-c-range.display-end .input-wrapper .limits,
m-c-range.display-start .input-wrapper .limits {
  font-size: 0.75em;
  padding-top: 0.5ex;
  display: flex;
  justify-content: space-between;
}
.behaviour-resize {
  position: relative;
}
.behaviour-resize:active {
  animation: none !important;
  transition: none !important;
}
m-bhv-resize-indicator {
  width: 0;
  height: 0;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  border: 1em solid var(--solution-color);
  border-top: 1em solid transparent;
  border-right: none;
  border-bottom: none;
  overflow: hidden;
  clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  cursor: sw-resize;
  z-index: 1;
}
m-bhv-resize-handle {
  position: absolute;
  cursor: copy;
  background-color: transparent;
  z-index: 2;
}
m-bhv-resize-handle.behaviour-resize-handle-n {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  cursor: n-resize;
}
m-bhv-resize-handle.behaviour-resize-handle-e {
  right: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  cursor: e-resize;
}
m-bhv-resize-handle.behaviour-resize-handle-s {
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  cursor: s-resize;
}
m-bhv-resize-handle.behaviour-resize-handle-w {
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  cursor: w-resize;
}
m-bhv-resize-handle.behaviour-resize-handle-ne,
m-bhv-resize-handle.behaviour-resize-handle-se,
m-bhv-resize-handle.behaviour-resize-handle-sw,
m-bhv-resize-handle.behaviour-resize-handle-nw {
  width: 4px;
  height: 4px;
  position: absolute;
  overflow: hidden;
  z-index: 3;
}
m-bhv-resize-handle.behaviour-resize-handle-nw {
  top: 0;
  left: 0;
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
  cursor: nw-resize;
}
m-bhv-resize-handle.behaviour-resize-handle-ne {
  top: 0;
  right: 0;
  clip-path: polygon(0% 0%, 0% 100%, 100% 100%);
  cursor: ne-resize;
}
m-bhv-resize-handle.behaviour-resize-handle-se {
  bottom: 0;
  right: 0;
  clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
  cursor: se-resize;
}
m-bhv-resize-handle.behaviour-resize-handle-sw {
  bottom: 0;
  left: 0;
  clip-path: polygon(0% 0%, 100% 100%, 100% 0%);
  cursor: sw-resize;
}
mc-timeline {
  position: relative;
  display: grid;
  grid-template-columns: min-content repeat(calc(var(--header-count) - 1), minmax(min-content, 1fr));
  white-space: nowrap;
  overflow-x: auto;
  background-color: rgba(0, 0, 0, 0.1);
  grid-gap: 1px;
}
mc-timeline.is-refreshing mc-timeline-header,
mc-timeline.is-refreshing mc-timeline-row-header,
mc-timeline.is-refreshing mc-timeline-row {
  visibility: hidden;
}
mc-timeline {
  position: relative;
}
mc-timeline.is-refreshing progress {
  position: absolute;
  top: 5ex;
  left: calc(50% - 12.5vw);
  height: 2ex;
  width: 25vw;
}
mc-timeline-header,
mc-timeline-row-header,
mc-timeline-row {
  background-color: var(--layout-background-color, var(--background-color));
}
mc-timeline-header {
  position: sticky;
  top: 0;
  min-width: 5em;
  text-align: center;
  z-index: 1;
}
mc-timeline-header:first-of-type {
  left: 0;
  z-index: 2;
}
mc-timeline-row-header {
  position: sticky;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  z-index: 1;
}
mc-timeline-row {
  position: relative;
  grid-column-end: span calc(var(--header-count) - 1);
  display: flex;
  align-items: center;
  min-height: calc(var(--max-child-height) * 1px);
}
mc-timeline-entry {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--left) * 1px);
  width: calc(var(--width) * 1px);
  overflow: hidden;
  text-overflow: ellipsis;
}
mc-timeline-entry .ContainerLayoutWebJS-row {
  flex-flow: row;
  justify-content: flex-start;
}
mc-timeline-entry span {
  text-overflow: ellipsis;
  overflow: hidden;
}
mc-timeline-now {
  position: absolute;
  left: calc(var(--left) * 1px);
  top: 0;
  bottom: 0;
  width: 1px;
  background: indianred;
}
.ContainerTimeline > .field-control {
  display: flex;
  flex-flow: column;
}
.ContainerTimeline .CtrlPaginationDate {
  order: -1;
}
.ContainerTimeline .ContainerIFieldList-list {
  display: flex;
  overflow: hidden;
}
.ContainerTimeline mc-timeline {
  display: inline-grid;
  min-width: 100%;
}
mc-timeline .default-entry-node {
  min-height: 100%;
  background-color: var(--entry-background-color, var(--solution-color));
  color: var(--entry-color, var(--solution-text-color-accent, white));
}
mc-timeline {
  transition: transform 1s ease-out, opacity 1s ease-out;
}
mc-timeline.next-page,
mc-timeline.previous-page {
  position: absolute;
  opacity: 0;
}
mc-timeline.next-page {
  transform: translateX(calc(var(--dx) * 1px));
}
mc-timeline.next-page.float-start {
  transform: translateX(0);
  opacity: 1;
}
mc-timeline.previous-page {
  transform: translateX(calc(var(--dx) * -1px));
}
mc-timeline.previous-page.float-end {
  transform: translateX(0);
  opacity: 1;
}
mc-timeline.current-page.float-start {
  transform: translateX(calc(var(--dx) * -1px));
  opacity: 0;
}
mc-timeline.current-page.float-end {
  transform: translateX(calc(var(--dx) * 1px));
  opacity: 0;
}
/* ======= ModalBox Control ======= */
mc-lightbox {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--lightbox-color, rgba(0, 0, 0, 0.2));
  /*background-color: var(--lightbox-color, rgba(246, 246, 246, 0.6));*/
  z-index: 10;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 200ms background-color ease-out;
}
@supports (z-index: calc(0)) {
  z-index: calc(var(--index, 0) + 10);
}
mc-lightbox.is-faded {
  background-color: transparent;
}
mc-modal {
  min-width: 30vmin;
  min-height: 30vmin;
  max-width: 80vmin;
  max-height: 80vmin;
  display: flex;
  flex-flow: column nowrap;
  font-size: 0.8em;
  box-shadow: var(--box-shadow-raised-2);
  background-color: var(--theme-background-color);
  transform: none;
  transition: 200ms transform ease-out;
}
mc-lightbox.is-faded mc-modal {
  transform: translateY(-100vh);
}
mc-modal.mc-modal--size-form {
  min-width: 30em;
  min-height: 10em;
  max-width: 80vw;
  max-height: 80vh;
}
mc-modal.mc-modal--size-message {
  min-width: 30em;
  min-height: 10em;
  max-width: 60vw;
  max-height: 30vh;
}
mc-modal.mc-modal--size-full {
  width: 100vw;
  height: 100vh;
  max-width: initial;
  max-height: initial;
}
/* ======= MessageBox Control ======= */
mc-modal.message-box {
  display: grid;
}
mc-modal.action-box .message-box__layout {
  display: grid;
  grid-template-rows: min-content 1fr min-content;
  max-height: inherit;
}
mc-modal.message-box [role=document] > * {
  padding: 1ex 1ch;
}
mc-modal.message-box .message-box__header {
  display: flex;
}
mc-modal.message-box .message-box__header h1 {
  margin: 0;
  flex-grow: 1;
}
mc-modal.message-box .message-box__content {
  flex-grow: 1;
  overflow: auto;
}
/* ======= LoaderBox Control ========*/
.loader {
  font-size: 1.5em;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
/* ======= ActionBox Control ======= */
mc-modal.action-box .action-box__actions {
  display: flex;
  justify-content: flex-end;
}
mc-modal.action-box .action-box__actions .action--primary {
  order: 1;
}
mc-modal.action-box .action-box__actions .action--secondary {
  order: 2;
}
mc-modal.action-box .action-box__actions .action--other {
  order: 0;
}
/* ======= MessageBox Control ======== */
.mc-message-box__layout {
  flex-grow: 1;
}
/* ======= Button Control ======= */
button.mc-button {
  font-size: 1em;
  position: relative;
  padding: 0 1ch 0.5ex;
  margin: 0 0.5ch;
  min-width: 7em;
  min-height: 4ex;
  text-transform: lowercase;
  font-variant: small-caps;
  transition: all 200ms ease-out;
  outline: none;
}
.mc-button:disabled {
  background-color: var(--theme-disabled-color);
  color: var(--theme-disabled-color-prominent-1);
  box-shadow: none;
}
/* === primary button control === */
.mc-button.mc-button--primary {
  background-color: var(--theme-color);
  color: var(--theme-text-color);
  box-shadow: var(--box-shadow-raised-1);
}
.mc-button.mc-button--primary:not(:disabled):hover,
.mc-button.mc-button--primary:focus {
  background-color: var(--theme-color-prominent-1);
}
.mc-button.mc-button--primary:active {
  box-shadow: var(--box-shadow-raised-3);
}
/* === secondary button control === */
.mc-button.mc-button--secondary {
  background-color: var(--theme-background-color);
  color: var(--theme-background-text-color);
  box-shadow: var(--box-shadow-raised-1);
}
.mc-button.mc-button--secondary:not(:disabled):hover,
.mc-button.mc-button--secondary:focus {
  background-color: var(--theme-background-color-prominent-1);
}
.mc-button.mc-button--secondary:active {
  box-shadow: var(--box-shadow-raised-3);
}
/* === terciary button control === */
.mc-button.mc-button--other {
  background-color: var(--theme-background-color);
  color: var(--theme-background-text-color);
  text-decoration: underline;
}
.mc-button.mc-button--other:disabled {
  text-decoration: none;
}
.mc-button.mc-button--other:not(:disabled):hover,
.mc-button.mc-button--other:focus {
  color: var(--theme-background-text-color-prominent-1);
  box-shadow: var(--box-shadow-raised-1);
}
/* :not(:disabled) is needed because the :hover rule also affects box-shadow,
 * and has more specificity, so we need to match the specificity for the :active
 * box-shadow to win against the :hover one */
.mc-button.mc-button--other:not(:disabled):active {
  box-shadow: var(--box-shadow-raised-3);
}
/* === icon button control === */
.mc-button.mc-button--icon {
  min-width: auto;
  padding: 0;
}
.mc-button.mc-button--icon:disabled {
  stroke: var(--theme-disabled-color-prominent-1);
}
.mc-button.mc-button--icon:not(:disabled):hover,
.mc-button.mc-button--icon:focus {
  stroke: var(--theme-background-text-color-prominent-1);
  box-shadow: var(--box-shadow-raised-1);
}
/* :not(:disabled) is needed because the :hover rule also affects box-shadow,
 * and has more specificity, so we need to match the specificity for the :active
 * box-shadow to win against the :hover one */
.mc-button.mc-button--icon:not(:disabled):active {
  box-shadow: var(--box-shadow-raised-3);
}
/* === close button control === */
.mc-button.mc-button--close {
  display: flex;
  stroke: currentColor;
  align-items: flex-start;
}
.mc-button.mc-button--close:not(:disabled):hover {
  stroke: #111;
}
.mc-button.mc-button--close svg {
  min-width: 4ch;
}
/* ======= Popup Control ======= */
mc-popup {
  position: fixed;
  top: calc(var(--top) * 1px);
  right: calc(var(--right) * 1px);
  bottom: calc(var(--bottom) * 1px);
  left: calc(var(--left) * 1px);
  background-color: var(--popup-background-color, var(--theme-background-color));
  color: var(--popup-text-color, var(--theme-background-text-color));
  border-radius: var(--theme-border-radius);
  z-index: 10;
  box-shadow: var(--box-shadow-raised-1);
}
mc-popup.popup__anchor {
  top: calc(var(--top) * 1px + 1ex);
  right: calc(var(--right) * 1px + 1ex);
  bottom: calc(var(--bottom) * 1px + 1ex);
  left: calc(var(--left) * 1px + 1ex);
  transform: translate(0) scale(1);
  transition: 200ms transform ease-out;
}
mc-popup.popup__anchor.is-faded {
  transform: translate(var(--dx, 0), var(--dy, 0)) scale(0);
}
mc-popup.popup__anchor--tbr,
mc-popup.popup__anchor--btr {
  --dx: -50%;
}
mc-popup.popup__anchor--tbl,
mc-popup.popup__anchor--btl {
  --dx: 50%;
}
.popup__anchor--bbr,
.popup__anchor--bbl {
  --dy: -50%;
}
.popup__anchor--ttr,
.popup__anchor--ttl {
  --dy: 50%;
}
.popup__anchor {
  overflow: visible;
  /*filter: drop-shadow(1px 0 8px rgba(0, 0, 0, 0.14));*/
}
.popup__anchor::after {
  content: "";
  position: absolute;
}
.popup__anchor--tbr::after,
.popup__anchor--btr::after {
  border-top: 1ex solid transparent;
  border-bottom: 1ex solid transparent;
  border-right: 1ex solid var(--popup-background-color);
  left: -1ex;
}
.popup__anchor--tbl::after,
.popup__anchor--btl::after {
  border-top: 1ex solid transparent;
  border-bottom: 1ex solid transparent;
  border-left: 1ex solid var(--popup-background-color);
  right: -1ex;
  --dx: 50%;
}
.popup__anchor--tbr::after,
.popup__anchor--tbl::after {
  top: 0.5ex;
}
.popup__anchor--btr::after,
.popup__anchor--btl::after {
  bottom: 0.5ex;
}
.popup__anchor--bbr::after,
.popup__anchor--bbl::after {
  border-left: 1ex solid transparent;
  border-right: 1ex solid transparent;
  border-top: 1ex solid var(--popup-background-color);
  bottom: -1ex;
}
.popup__anchor--ttr::after,
.popup__anchor--ttl::after {
  border-left: 1ex solid transparent;
  border-right: 1ex solid transparent;
  border-bottom: 1ex solid var(--popup-background-color);
  top: -1ex;
}
.popup__anchor--bbr::after,
.popup__anchor--ttr::after {
  left: 0.5ex;
}
.popup__anchor--bbl::after,
.popup__anchor--ttl::after {
  right: 0.5ex;
}
@keyframes popup-scale {
  0% {
    transform: translate(var(--dx), var(--dy)) scale(0);
  }
  100% {
    transform: translate(0) scale(1);
  }
}
.popup-bubble {
  font-size: 0.75em;
  padding: 0.25ex 1ex;
  --popup-background-color: var(--theme-color);
  --popup-text-color: var(--theme-text-color);
}
/* ======= Popup Context Menu Control ======= */
.context-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.context-menu__item {
  padding: 0;
}
.context-menu__button {
  padding: 0.5ex 0.5em;
  background-color: var(--theme-background-color);
  color: var(--theme-background-text-color);
  width: 100%;
  text-align: left;
  text-align: start;
}
.context-menu__button:not(:disabled):hover,
.context-menu__button:focus {
  background-color: var(--theme-background-color-prominent-1);
  color: var(--theme-background-text-color-prominent-1);
}
.context-menu__button:disabled {
  background-color: var(--theme-disabled-color);
  color: var(--theme-disabled-color-prominent);
}
.context-menu__separator {
  background-color: var(--theme-disabled-color-prominent);
  height: 1px;
  border: none;
  margin: 0;
}
.context-menu__item--modal .context-menu__label::after {
  content: '…';
}
.context-menu__access-key {
  text-decoration: underline;
}
.context-menu__hotkey {
  text-transform: capitalize;
  padding-left: 1ex;
  margin-left: 1ex;
}
/* ======= Formula Editor Control ======== */
mc-modal.formula-editor {
  min-width: 60vw;
  min-height: 50vh;
}
mc-modal.formula-editor iframe {
  border: none;
  width: 100%;
  height: 100%;
}
mc-modal.formula-editor .message-box__content {
  padding: 0;
  overflow: hidden;
}
.UILayoutModal {
  border-radius: var(--border-radius);
}
.UILayoutModal .navigationBar {
  border-radius: var(--border-radius);
}
.activity-indicator {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  padding: 0.5em;
  font-size: 1.25em;
  border-radius: var(--border-radius);
  background-color: white;
}
/* kikiki */
/*
body { box-shadow: var(--box-shadow-raised-5); }
body > * { transition: all 200ms ease-out; }
mc-lightbox ~ * {
	transform: scale(0.95);
}*/
/*CTRL CHECKBOX*/
.CtrlCheckBox {
  display: flex;
  align-items: center;
}
.CtrlCheckBox input {
  display: none;
}
.CtrlCheckBox svg {
  fill: none;
  border: 1px solid grey;
  border-radius: 2px;
  margin: 0 10px;
}
@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
.CtrlCheckBox input[type="checkbox"]:checked + svg path {
  fill: none;
  stroke: grey;
  stroke-width: 10;
  stroke-dasharray: 180;
  stroke-dashoffset: 180;
  -webkit-animation: draw 0.4s infinite ease;
  animation: draw 0.4s infinite ease;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
.CtrlCheckBox input[type="checkbox"][disabled] + svg path {
  fill: none;
  stroke: white;
  stroke-width: 10;
  stroke-dasharray: 180;
  stroke-dashoffset: 180;
}
.CtrlCheckBox input[type="checkbox"][disabled] + svg {
  background-color: #a5a5a5;
}
.fb-login-button {
  width: 120px;
  background-color: #4267b2;
  height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 1px;
}
.fb-login-button > :after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #4267b2;
  pointer-events: none;
}
/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ui-front {
  z-index: 100;
}
.ui-state-disabled {
  cursor: default !important;
}
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
.ui-button-icon-only {
  width: 2.2em;
}
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
input.ui-button {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}
.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px;
}
.ui-tabs {
  position: relative;
  padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
  border-width: 2px;
}
.ui-widget {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #ddd;
  background: #eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
  color: #333;
}
.ui-widget-content a {
  color: #333;
}
.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
  color: #fff;
  font-weight: bold;
}
.ui-widget-header a {
  color: #fff;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #c77405;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
  color: #fff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #fff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #fff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
}
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_ffd27a_256x240.png");
}
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}
.ui-widget-overlay {
  background: #666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
  opacity: .5;
  filter: alpha(opacity=50);
}
.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
  opacity: .2;
  filter: alpha(opacity=20);
  border-radius: 5px;
}