.dhx_547239261_alert {
  width: 440px;
}

.dhx_547239261_alert .dhx_alert__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.dhx_547239261_alert .dhx_alert__header--icon {
  width: 80px;
  height: 80px;
  fill: #ff5252;
  -ms-flex-item-align: center;
  align-self: center;
  margin-bottom: 16px;
}

.dhx_547239261_alert .dhx_alert__header--text {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}

.dhx_547239261_alert .dhx_alert__content {
  font-weight: 800;
  line-height: 20px;
}

.dhx_638523928_message.dhx_message.dhx_widget {
  width: 400px;
  background-color: #ff5252;
}

.dhx_638523928_message.dhx_message.dhx_widget .dhx_message__icon,
.dhx_638523928_message.dhx_message.dhx_widget .dhx_message__text {
  color: #fff;
}

.dhx_checkbox__input,
.dhx_radiobutton__input,
.dhx_simplevault__input,
.dhx_visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.dhx_no-select {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: -webkit-grab;
  cursor: grab;
}

.dhx_no-select:not(.dhx_no-select--resize):not(.dhx_no-select--pointer) * {
  cursor: -webkit-grab !important;
  cursor: grab !important;
}

.dhx_no-select--pointer {
  cursor: pointer;
}

.dhx_no-select--pointer,
.dhx_no-select--resize {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dhx-resize-observer {
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  margin: 1px 0 0;
  border: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.dhx_widget,
.dhx_widget * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}

.dhx_widget,
.dhx_widget *,
.dhx_widget:after,
.dhx_widget :after,
.dhx_widget:before,
.dhx_widget :before {
  box-sizing: border-box;
}

.dhx_widget * :not(output):-moz-ui-invalid,
.dhx_widget :not(output):-moz-ui-invalid {
  box-shadow: none;
}

body {
  margin: 0;
}

.dhx_widget {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
}

.dhx_widget--bordered {
  border: 1px solid #e4e4e4;
}

.dhx_widget--border_top {
  border-top: 1px solid #e4e4e4;
}

.dhx_widget--border_bottom {
  border-bottom: 1px solid #e4e4e4;
}

.dhx_widget--border_left {
  border-left: 1px solid #e4e4e4;
}

.dhx_widget--border_right {
  border-right: 1px solid #e4e4e4;
}

.dhx_widget--border-shadow {
  border: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.dhx_widget--no-border {
  border: 0;
}

.dhx_widget--no-border_top {
  border-top: 0;
}

.dhx_widget--no-border_bottom {
  border-bottom: 0;
}

.dhx_widget--no-border_left {
  border-left: 0;
}

.dhx_widget--no-border_right {
  border-right: 0;
}

.dhx_widget.dhx_widget--bg_white {
  background-color: #fff;
}

.dhx_widget.dhx_widget--bg_gray {
  background-color: #f7f7f7;
}

.dhx_drag-ghost {
  position: absolute;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  z-index: 999;
  opacity: 0.6;
}

.dhx_drag-ghost * {
  box-sizing: border-box;
}

.dhx_drag-ghost .dhx_list-item {
  list-style-type: none;
}

.dhx_drag-ghost .dhx_list-item--selected {
  background-color: #fff;
  box-shadow: inset 0 0 0 0 #0288d1;
}

.dhx_drag-ghost .dhx_list-item--focus,
.dhx_drag-ghost .dhx_list-item--selected:hover,
.dhx_drag-ghost .dhx_list-item:hover {
  background-color: #fff;
  transition: background-color 0.2s ease-out;
}

.dhx_drag-ghost .dhx_tree-list-item__icon {
  position: relative;
  display: inline;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.3);
  font-size: 20px;
  top: 2px;
}

.dhx_drag-ghost .dhx_tree-list-item__text {
  font-size: 14px;
  vertical-align: middle;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
}

.dhx_drag-ghost .dhx_dataview-item,
.dhx_drag-ghost .dhx_grid-cell,
.dhx_drag-ghost .dhx_list-item {
  background-color: #fff;
  border: 1px solid #e4e4e4 !important;
}

.dxi:before {
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dxi.dxi-alert-circle:before {
  content: "\F101";
}

.dxi.dxi-arrow-collapse:before {
  content: "\F102";
}

.dxi.dxi-arrow-expand:before {
  content: "\F103";
}

.dxi.dxi-blur-off:before {
  content: "\F104";
}

.dxi.dxi-blur:before {
  content: "\F105";
}

.dxi.dxi-calendar-today:before {
  content: "\F106";
}

.dxi.dxi-check:before {
  content: "\F107";
}

.dxi.dxi-checkbox-blank-outline:before {
  content: "\F108";
}

.dxi.dxi-checkbox-marked-circle:before {
  content: "\F109";
}

.dxi.dxi-checkbox-marked:before {
  content: "\F10A";
}

.dxi.dxi-chevron-double-left:before {
  content: "\F10B";
}

.dxi.dxi-chevron-double-right:before {
  content: "\F10C";
}

.dxi.dxi-chevron-down:before {
  content: "\F10D";
}

.dxi.dxi-chevron-left:before {
  content: "\F10E";
}

.dxi.dxi-chevron-right:before {
  content: "\F10F";
}

.dxi.dxi-chevron-up:before {
  content: "\F110";
}

.dxi.dxi-clock-outline:before {
  content: "\F111";
}

.dxi.dxi-clock:before {
  content: "\F112";
}

.dxi.dxi-close-circle:before {
  content: "\F113";
}

.dxi.dxi-close:before {
  content: "\F114";
}

.dxi.dxi-delete-forever:before {
  content: "\F115";
}

.dxi.dxi-delete:before {
  content: "\F116";
}

.dxi.dxi-dots-horizontal:before {
  content: "\F117";
}

.dxi.dxi-dots-vertical:before {
  content: "\F118";
}

.dxi.dxi-download:before {
  content: "\F119";
}

.dxi.dxi-empty:before {
  content: "\F11A";
}

.dxi.dxi-eraser:before {
  content: "\F11B";
}

.dxi.dxi-eye-off:before {
  content: "\F11C";
}

.dxi.dxi-eye:before {
  content: "\F11D";
}

.dxi.dxi-eyedropper-variant:before {
  content: "\F11E";
}

.dxi.dxi-file-excel:before {
  content: "\F11F";
}

.dxi.dxi-file-export:before {
  content: "\F120";
}

.dxi.dxi-file-import:before {
  content: "\F121";
}

.dxi.dxi-file-outline:before {
  content: "\F122";
}

.dxi.dxi-filter-variant:before {
  content: "\F123";
}

.dxi.dxi-folder-open:before {
  content: "\F124";
}

.dxi.dxi-folder:before {
  content: "\F125";
}

.dxi.dxi-format-align-center:before {
  content: "\F126";
}

.dxi.dxi-format-align-left:before {
  content: "\F127";
}

.dxi.dxi-format-align-right:before {
  content: "\F128";
}

.dxi.dxi-format-bold:before {
  content: "\F129";
}

.dxi.dxi-format-color-fill:before {
  content: "\F12A";
}

.dxi.dxi-format-color-text:before {
  content: "\F12B";
}

.dxi.dxi-format-italic:before {
  content: "\F12C";
}

.dxi.dxi-format-line-spacing:before {
  content: "\F12D";
}

.dxi.dxi-format-quote-close:before {
  content: "\F12E";
}

.dxi.dxi-format-quote-open:before {
  content: "\F12F";
}

.dxi.dxi-format-strikethrough:before {
  content: "\F130";
}

.dxi.dxi-format-underline:before {
  content: "\F131";
}

.dxi.dxi-format-vertical-align-bottom:before {
  content: "\F132";
}

.dxi.dxi-format-vertical-align-center:before {
  content: "\F133";
}

.dxi.dxi-format-vertical-align-top:before {
  content: "\F134";
}

.dxi.dxi-function-variant:before {
  content: "\F135";
}

.dxi.dxi-grid-step:before {
  content: "\F136";
}

.dxi.dxi-help-circle-outline:before {
  content: "\F137";
}

.dxi.dxi-information-outline:before {
  content: "\F138";
}

.dxi.dxi-key:before {
  content: "\F139";
}

.dxi.dxi-link-variant-off:before {
  content: "\F13A";
}

.dxi.dxi-link-variant:before {
  content: "\F13B";
}

.dxi.dxi-loading:before {
  content: "\F13C";
}

.dxi.dxi-magnify:before {
  content: "\F13D";
}

.dxi.dxi-menu-down:before {
  content: "\F13E";
}

.dxi.dxi-menu-left:before {
  content: "\F13F";
}

.dxi.dxi-menu-right:before {
  content: "\F140";
}

.dxi.dxi-menu-up:before {
  content: "\F141";
}

.dxi.dxi-minus-box:before {
  content: "\F142";
}

.dxi.dxi-minus:before {
  content: "\F143";
}

.dxi.dxi-numeric:before {
  content: "\F144";
}

.dxi.dxi-pencil:before {
  content: "\F145";
}

.dxi.dxi-plus-circle:before {
  content: "\F146";
}

.dxi.dxi-plus:before {
  content: "\F147";
}

.dxi.dxi-printer:before {
  content: "\F148";
}

.dxi.dxi-redo:before {
  content: "\F149";
}

.dxi.dxi-rotate-right:before {
  content: "\F14A";
}

.dxi.dxi-select-all:before {
  content: "\F14B";
}

.dxi.dxi-sort-variant:before {
  content: "\F14C";
}

.dxi.dxi-table-column-plus-before:before {
  content: "\F14D";
}

.dxi.dxi-table-column-remove:before {
  content: "\F14E";
}

.dxi.dxi-table-column:before {
  content: "\F14F";
}

.dxi.dxi-table-row-plus-before:before {
  content: "\F150";
}

.dxi.dxi-table-row-remove:before {
  content: "\F151";
}

.dxi.dxi-table-row:before {
  content: "\F152";
}

.dxi.dxi-undo:before {
  content: "\F153";
}

.dxi.dxi-unfold-more-horizontal:before {
  content: "\F154";
}

.dxi.dxi-vault:before {
  content: "\F155";
}

.dxi.dxi-view-grid:before {
  content: "\F156";
}

.dxi.dxi-view-sequential:before {
  content: "\F157";
}

.dxi {
  display: inline-block;
  text-rendering: auto;
  line-height: 0;
  font-size: 0;
}

.dxi:before {
  font-size: 20px;
}

.dxi--small:before {
  font-size: 16px;
}

.dxi--medium:before {
  font-size: 20px;
}

.dxi--large:before {
  font-size: 24px;
}

@-webkit-keyframes a {
  0% {
    transform: rotate(0deg);
    transform-origin: center center;
  }

  to {
    transform: rotate(1439deg);
    transform-origin: center center;
  }
}

@keyframes a {
  0% {
    transform: rotate(0deg);
    transform-origin: center center;
  }

  to {
    transform: rotate(1439deg);
    transform-origin: center center;
  }
}

.dhx_button {
  overflow: visible;
  position: relative;
  text-decoration: none;
  background-image: none;
  border: 0;
  touch-action: manipulation;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  cursor: pointer;
}

.dhx_button:active,
.dhx_button:focus {
  outline: none;
}

.dhx_button__icon,
.dhx_button__text {
  pointer-events: none;
}

.dhx_button__icon {
  line-height: 0;
}

.dhx_button__icon:before {
  display: inline-block;
}

.dhx_button__icon + .dhx_button__text {
  margin-left: 4px;
}

.dhx_button__loading {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
}

.dhx_button__loading-icon {
  -webkit-animation: a 3s linear infinite;
  animation: a 3s linear infinite;
}

.dhx_button--width_full {
  width: 100%;
}

.dhx_button--justify_between {
  justify-content: space-between;
}

.dhx_button--circle.dhx_button--size_small {
  border-radius: 28px;
}

.dhx_button--circle.dhx_button--size_medium {
  border-radius: 32px;
}

.dhx_button--disabled,
.dhx_button:disabled {
  pointer-events: none;
}

.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full) {
  border-radius: 50%;
}

.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full).dhx_button--size_medium {
  padding-left: 6px;
  padding-right: 6px;
}

.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full).dhx_button--size_small {
  padding-left: 4px;
  padding-right: 4px;
}

.dhx_button--loading {
  position: relative;
}

.dhx_button--loading .dhx_button__loading {
  display: flex;
}

.dhx_button--loading .dhx_button__icon,
.dhx_button--loading .dhx_button__text {
  visibility: hidden;
}

.dhx_button--size_small {
  padding: 4px 12px;
  font-size: 14px;
  line-height: 20px;
}

.dhx_button--size_small .dhx_button__icon:before {
  font-size: 16px;
  line-height: 16px;
}

.dhx_button--size_small.dhx_button--loading-icon:before {
  font-size: 16px;
  margin-top: -8px;
  margin-left: -8px;
}

.dhx_button--size_medium {
  padding: 6px 16px;
  text-transform: uppercase;
  line-height: 20px;
}

.dhx_button--size_medium .dhx_button__icon:before {
  font-size: 20px;
  line-height: 20px;
}

.dhx_button--size_medium.dhx_button--loading-icon:before {
  font-size: 20px;
  margin-top: -10px;
  margin-left: -10px;
}

.dhx_button--view_flat {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: #fff;
  transition: background-color 0.2s ease-in, color 0.2s ease-in, box-shadow 0.2s ease-in;
}

.dhx_button--view_flat:focus,
.dhx_button--view_flat:hover {
  transition: background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
}

.dhx_button--view_flat.dhx_button--color_primary {
  background-color: #0288d1;
  outline-width: 0;
}

.dhx_button--view_flat.dhx_button--color_primary.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_primary:focus,
.dhx_button--view_flat.dhx_button--color_primary:hover {
  background-color: #35a0da;
}

.dhx_button--view_flat.dhx_button--color_primary:active {
  background-color: #0288d1;
  box-shadow: none;
}

.dhx_button--view_flat.dhx_button--color_primary.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_primary:disabled {
  background-color: #81c4e8;
}

.dhx_button--view_flat.dhx_button--color_secondary {
  background-color: #4d4d4d;
  outline-width: 0;
}

.dhx_button--view_flat.dhx_button--color_secondary.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_secondary:focus,
.dhx_button--view_flat.dhx_button--color_secondary:hover {
  background-color: #717171;
}

.dhx_button--view_flat.dhx_button--color_secondary:active {
  background-color: #4d4d4d;
  box-shadow: none;
}

.dhx_button--view_flat.dhx_button--color_secondary.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_secondary:disabled {
  background-color: #a6a6a6;
}

.dhx_button--view_flat.dhx_button--color_danger {
  background-color: #ff5252;
  outline-width: 0;
}

.dhx_button--view_flat.dhx_button--color_danger.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_danger:focus,
.dhx_button--view_flat.dhx_button--color_danger:hover {
  background-color: #ff7575;
}

.dhx_button--view_flat.dhx_button--color_danger:active {
  background-color: #ff5252;
  box-shadow: none;
}

.dhx_button--view_flat.dhx_button--color_danger.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_danger:disabled {
  background-color: #ffa9a9;
}

.dhx_button--view_flat.dhx_button--color_success {
  background-color: #0ab169;
  outline-width: 0;
}

.dhx_button--view_flat.dhx_button--color_success.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_success:focus,
.dhx_button--view_flat.dhx_button--color_success:hover {
  background-color: #3bc187;
}

.dhx_button--view_flat.dhx_button--color_success:active {
  background-color: #0ab169;
  box-shadow: none;
}

.dhx_button--view_flat.dhx_button--color_success.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_success:disabled {
  background-color: #85d8b4;
}

.dhx_button--view_link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  border-radius: 2px;
  background: transparent;
  transition: background-color 0.2s ease-in, box-shadow 0.2s ease-in;
}

.dhx_button--view_link:focus,
.dhx_button--view_link:hover {
  transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
}

.dhx_button--view_link.dhx_button--color_primary {
  color: #0288d1;
  outline-width: 0;
}

.dhx_button--view_link.dhx_button--color_primary:focus,
.dhx_button--view_link.dhx_button--color_primary:hover {
  background-color: #d9edf8;
}

.dhx_button--view_link.dhx_button--color_primary.dhx_button--active,
.dhx_button--view_link.dhx_button--color_primary:active {
  background-color: #b8def2;
}

.dhx_button--view_link.dhx_button--color_primary.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_primary:disabled {
  color: #81c4e8;
}

.dhx_button--view_link.dhx_button--color_secondary {
  color: #4d4d4d;
  outline-width: 0;
}

.dhx_button--view_link.dhx_button--color_secondary:focus,
.dhx_button--view_link.dhx_button--color_secondary:hover {
  background-color: #e4e4e4;
}

.dhx_button--view_link.dhx_button--color_secondary.dhx_button--active,
.dhx_button--view_link.dhx_button--color_secondary:active {
  background-color: #cdcdcd;
}

.dhx_button--view_link.dhx_button--color_secondary.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_secondary:disabled {
  color: #a6a6a6;
}

.dhx_button--view_link.dhx_button--color_danger {
  color: #ff5252;
  outline-width: 0;
}

.dhx_button--view_link.dhx_button--color_danger:focus,
.dhx_button--view_link.dhx_button--color_danger:hover {
  background-color: #ffe5e5;
}

.dhx_button--view_link.dhx_button--color_danger.dhx_button--active,
.dhx_button--view_link.dhx_button--color_danger:active {
  background-color: #ffcfcf;
}

.dhx_button--view_link.dhx_button--color_danger.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_danger:disabled {
  color: #ffa9a9;
}

.dhx_button--view_link.dhx_button--color_success {
  color: #0ab169;
  outline-width: 0;
}

.dhx_button--view_link.dhx_button--color_success:focus,
.dhx_button--view_link.dhx_button--color_success:hover {
  background-color: #daf3e9;
}

.dhx_button--view_link.dhx_button--color_success.dhx_button--active,
.dhx_button--view_link.dhx_button--color_success:active {
  background-color: #bae9d5;
}

.dhx_button--view_link.dhx_button--color_success.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_success:disabled {
  color: #85d8b4;
}

.dhx_button--sidebar .dhx_button__icon + .dhx_button__text {
  margin-left: 8px;
  margin-right: auto;
}

.dhx_widget .dhx_button__icon {
  line-height: 0;
}

.dhx_widget .dhx_button__icon:before {
  font-size: 20px;
  line-height: 20px;
}

.dhx_widget .dhx_button--size_small .dhx_button__icon:before {
  font-size: 16px;
  line-height: 16px;
}

.dhx_form-group {
  position: relative;
  display: block;
  text-align: left;
  margin-bottom: 16px;
}

.dhx_form-group--simplevault {
  line-height: 0;
  height: 100%;
}

.dhx_form-group--textarea {
  display: flex;
  flex-direction: column;
  height: calc(100% - 16px);
}

.dhx_form-group--textarea .dhx_input--textarea,
.dhx_form-group--textarea .dhx_input__wrapper {
  height: 100%;
}

.dhx_form-group--textarea .dhx_label {
  min-height: 20px;
  line-height: 20px;
}

.dhx_form-group--inline {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  position: relative;
}

.dhx_form-group--inline .dhx_label {
  position: relative;
  flex: 0 0 auto;
  max-height: 40px;
  margin-right: 16px;
  margin-bottom: 0;
  text-align: right;
  margin-top: 6px;
  align-self: flex-start;
  max-width: 30%;
  justify-content: flex-end;
}

.dhx_form-group--inline .dhx_input__wrapper {
  flex: 0 1 auto;
  width: 300%;
  height: 100%;
}

.dhx_form-group--inline .dhx_label--with-help {
  justify-content: flex-end;
}

.dhx_form-group--inline .dhx_checkbox,
.dhx_form-group--inline .dhx_radiobutton {
  margin-bottom: 12px;
}

.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label:not(.dhx_label--with-help) {
  position: relative;
}

.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label:not(.dhx_label--with-help):after {
  content: "*";
  display: inline-block;
  padding-left: 4px;
  color: rgba(0, 0, 0, 0.3);
}

.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label__holder {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label__holder:after {
  content: "*";
  display: inline-block;
  padding-left: 4px;
  color: rgba(0, 0, 0, 0.3);
}

.dhx_form-group--no-message-holder {
  margin-bottom: 0;
}

.dhx_form-group--disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: default;
}

.dhx_form-group--checkbox-group .dhx_label,
.dhx_form-group--checkbox .dhx_label,
.dhx_form-group--radio-group .dhx_label {
  margin-top: 0;
  margin-bottom: 12px;
}

.dhx_form-group--checkbox-group > .dhx_label,
.dhx_form-group--checkbox > .dhx_label,
.dhx_form-group--radio-group > .dhx_label {
  display: flex;
}

.dhx_form-group--hidden {
  display: none;
}

.dhx_form-group--state_error .dhx_input__caption,
.dhx_form-group--state_error .dhx_label,
.dhx_form-group--state_error .dhx_text {
  color: #ff5252;
}

.dhx_form-group--state_error .dhx_combobox-input-box,
.dhx_form-group--state_error .dhx_combobox-input-box:focus,
.dhx_form-group--state_error .dhx_input,
.dhx_form-group--state_error .dhx_input:focus {
  box-shadow: inset 0 0 0 1px #ffbaba;
}

.dhx_form-group--state_error .dhx_simplevault-files,
.dhx_form-group--state_error .dhx_simplevault-files:focus,
.dhx_form-group--state_error .dhx_simplevault__drop-area,
.dhx_form-group--state_error .dhx_simplevault__drop-area:focus {
  border-color: #ffbaba;
}

.dhx_form-group--state_success .dhx_input__caption,
.dhx_form-group--state_success .dhx_label,
.dhx_form-group--state_success .dhx_text {
  color: #0ab169;
}

.dhx_form-group--state_success .dhx_combobox-input-box,
.dhx_form-group--state_success .dhx_combobox-input-box:focus,
.dhx_form-group--state_success .dhx_input,
.dhx_form-group--state_success .dhx_input:focus {
  box-shadow: inset 0 0 0 1px #9de0c3;
}

.dhx_form-group--state_success .dhx_simplevault__drop-area,
.dhx_form-group--state_success .dhx_simplevault__drop-area:focus {
  border-top-color: #9de0c3;
  border-left-color: #9de0c3;
  border-right-color: #9de0c3;
}

.dhx_form-group--state_success .dhx_simplevault-files,
.dhx_form-group--state_success .dhx_simplevault-files:focus {
  border-right-color: #9de0c3;
  border-left-color: #9de0c3;
  border-bottom-color: #9de0c3;
}

.dhx_form-group--label_sr .dhx_label,
.dhx_form-group--label_sr .dhx_text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.dhx_form-group .dhx_combobox {
  margin: 0;
}

.dhx_form-group .dhx_slider {
  padding-bottom: 0;
}

.dhx_form-group .dhx_text {
  position: relative;
  flex: 0 1 auto;
  max-height: 40px;
  margin-right: 16px;
  margin-bottom: 0;
  text-align: right;
  width: 100%;
  margin-top: 6px;
  align-self: flex-start;
}

.dhx_input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 8px;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  background-color: #f6f6f6;
  background-clip: padding-box;
  box-shadow: inset 0 0 0 1px #dfdfdf;
  border: 0;
  border-radius: 2px;
  outline: 0;
  transition: border-color 0.2s ease-in, box-shadow 0.2s ease-in;
}

.dhx_input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.dhx_input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.dhx_input:focus {
  box-shadow: inset 0 0 0 1px #67b8e3;
}

.dhx_input--icon-padding {
  padding-right: 24px;
}

.dhx_input--textarea {
  max-width: 100%;
}

.dhx_input--textinput {
  box-shadow: none;
  background: none;
  padding-left: 0;
}

.dhx_input--textinput:focus {
  box-shadow: none;
}

.dhx_input__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.dhx_input__wrapper:before {
  color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
}

.dhx_input__container {
  width: 100%;
  display: inline-block;
  position: relative;
}

.dhx_input__caption {
  left: 0;
  bottom: 0;
  max-width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.5);
  white-space: wrap;
  overflow: inherit;
  text-overflow: ellipsis;
  cursor: default;
}

.dhx_input__icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  z-index: 1;
  color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
}

.dhx_input__icon--color-selected {
  border-radius: 2px;
}

.dhx_input__icon--color-selected:after,
.dhx_input__icon--color-selected:before {
  opacity: 0;
}

.dhx_widget .dhx_input__icon {
  line-height: 0;
}

.dhx_widget .dhx_input__icon:before {
  font-size: 20px;
  line-height: 20px;
}

.dhx_label,
.dhx_text {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 6px;
  width: auto;
  flex: 0 1 auto;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: color 0.2s ease-in, opacity 0.2s ease-in;
}

.dhx_label:hover,
.dhx_text:hover {
  opacity: 0.8;
  transition: color 0.2s ease-out, opacity 0.2s ease-out;
}

.dhx_label__holder,
.dhx_text__holder {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 4px;
}

.dhx_label--with-help,
.dhx_text--with-help {
  display: flex;
  align-items: center;
}

.dhx_label-help {
  color: #0288d1;
  text-align: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.dhx_label-help:focus {
  outline: none;
}

.dhx_text {
  font-weight: 400;
}

.dhx_checkbox {
  display: inline-block;
  width: auto;
  padding-top: 0;
}

.dhx_checkbox__holder {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.dhx_checkbox__visual-input {
  display: block;
  border: 2px solid rgba(0, 0, 0, 0.5);
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  background-color: #fff;
  border-radius: 2px;
  cursor: pointer;
}

.dhx_checkbox .dhx_text {
  padding-left: 6px;
}

.dhx_checkbox.dhx_form-group--inline .dhx_label,
.dhx_checkbox .dhx_text {
  margin-bottom: 0;
  width: auto;
  cursor: pointer;
  margin-top: 0;
  justify-content: flex-end;
}

.dhx_checkbox .dhx_input__caption {
  position: static;
  display: block;
  transform: none;
}

.dhx_checkbox.dhx_form-group--inline {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.dhx_checkbox.dhx_form-group--inline .dhx_label {
  margin-top: 0;
}

.dhx_checkbox.dhx_form-group--hidden {
  display: none;
}

.dhx_checkbox__input:disabled + * + .dhx_label,
.dhx_checkbox__input:disabled + * + .dhx_text,
.dhx_checkbox__input:disabled + .dhx_checkbox__visual-input {
  opacity: 0.6;
}

.dhx_checkbox__input:focus + .dhx_checkbox__visual-input {
  border-color: #0288d1;
}

.dhx_checkbox__input:checked + .dhx_checkbox__visual-input {
  background-color: #0288d1;
  background-position: 50%;
  background-size: cover;
  border-color: #0288d1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIxIDdMOSAxOWwtNS41LTUuNSAxLjQxLTEuNDFMOSAxNi4xNyAxOS41OSA1LjU5IDIxIDd6Ii8+PC9zdmc+);
  transition: background-color 0.2s ease-out;
}

.dhx_radiobutton {
  position: relative;
  display: flex;
  width: auto;
  padding-top: 0;
  cursor: pointer;
  white-space: nowrap;
  align-items: center;
}

.dhx_radiobutton__visual-input {
  display: block;
  border: 2px solid rgba(0, 0, 0, 0.5);
  bottom: 4px;
  left: 0;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  background-color: #fff;
  border-radius: 50%;
}

.dhx_radiobutton .dhx_text {
  padding-left: 6px;
}

.dhx_radiobutton .dhx_label,
.dhx_radiobutton .dhx_text {
  margin-bottom: 0;
  width: auto;
  cursor: pointer;
  margin-top: 0;
}

.dhx_radiobutton .dhx_input__caption {
  position: static;
  display: block;
}

.dhx_radiobutton__input:disabled + * + .dhx_label,
.dhx_radiobutton__input:disabled + * + .dhx_text,
.dhx_radiobutton__input:disabled + .dhx_radiobutton__visual-input {
  opacity: 0.6;
}

.dhx_radiobutton__input:focus + .dhx_radiobutton__visual-input {
  border-color: #0288d1;
}

.dhx_radiobutton__input:checked + .dhx_radiobutton__visual-input {
  background-color: #0288d1;
  border-color: #0288d1;
  box-shadow: inset 0 0 0 4px #fff;
  transition: background-color 0.2s ease-out;
}

.dhx_select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.dhx_select::-ms-expand {
  display: none;
}

.dhx_select__placeholder {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
}

.dhx_select:focus + .dhx_select__placeholder {
  opacity: 0;
}

.dhx_simplevault {
  border: none;
  border-radius: 2px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.dhx_simplevault__drop-area {
  background-color: #f6f6f6;
  border: 1px solid #dfdfdf;
  transition: all 0.2s ease-in;
  display: flex;
  height: 115px;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}

.dhx_simplevault__drop-area--on-drag {
  border-style: dashed;
  transition: border 0.2s ease-out;
}

.dhx_simplevault__icon:before {
  font-size: 40px;
  color: rgba(0, 0, 0, 0.3);
  transition: color 0.2s ease-in;
}

.dhx_simplevault__title {
  max-width: 100%;
}

.dhx_simplevault__label {
  color: #0288d1;
  cursor: pointer;
}

.dhx_simplevault--on-drag .dhx_simplevault-loader {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.2s ease-in, transform 0.2s ease-in;
}

.dhx_simplevault-files {
  background-color: #f6f6f6;
  border: 1px solid #dfdfdf;
  border-top: none;
  transition: all 0.2s ease-in;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: calc(100% - 115px);
  height: calc(100% - 115px);
  overflow-y: auto;
}

.dhx_simplevault-files__fixed {
  max-height: 276px;
}

.dhx_simplevault-files__item {
  position: relative;
  line-height: 20px;
  font-size: 14px;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 8px 40px 8px 8px;
}

.dhx_simplevault-files__item:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}

.dhx_simplevault-files__item-name {
  word-break: break-word;
}

.dhx_simplevault-files__delete {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
}

.dhx_simplevault-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  background-color: #ededed;
  transform: translateY(100%);
  opacity: 0;
  will-change: transform;
  transition: 0ms;
  z-index: 1;
}

.dhx_simplevault-loader .dhx_simplevault__icon:before {
  color: #0288d1;
}

.dhx_popup_toolbar {
  position: absolute;
  z-index: 1;
  -webkit-animation: b 0.2s ease-in-out forwards;
  animation: b 0.2s ease-in-out forwards;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3), 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}

.dhx_popup_toolbar.hide {
  -webkit-animation: c 0.2s ease-in-out forwards;
  animation: c 0.2s ease-in-out forwards;
}

.dhx_item_toolbar {
  display: flex;
  height: 40px;
  padding: 0 8px;
  align-items: center;
}

.dhx_item_toolbar .dhx_icon {
  display: flex;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 50%;
  justify-content: center;
  align-items: center;
  color: #b8c6d6;
}

.dhx_item_toolbar .dhx_icon svg {
  fill: #b8c6d6;
}

.dhx_item_toolbar .dhx_icon:hover svg path {
  fill: #408bf3;
}

.dhx_item_toolbar .dhx_icon:hover.dhx_icon_remove svg path {
  fill: #f1453d;
}

.dhx_item_toolbar .dhx_active svg path {
  fill: #408bf3;
}

@-webkit-keyframes b {
  0% {
    transform: translateY(30%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes c {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

  to {
    transform: translateY(30%);
    opacity: 0;
  }
}

.dhx_diagram {
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  overflow: auto;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
}

.dhx_diagram .dhx_wrapper {
  display: inline-block;
}

.dhx_diagram .dhx_icon-container {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
}

.dhx_diagram .dhx_icon-container .dxi {
  color: #fff;
}

.dhx_diagram__container {
  position: relative;
}

.dhx_diagram__scale-container {
  position: absolute;
  display: grid;
  display: -ms-grid;
}

.dhx_diagram_flow_item .dhx_hide_icon {
  display: none;
}

.dhx_diagram_flow_item .dhx_expand_icon,
.dhx_diagram_flow_item .dhx_hide_icon {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  shape-rendering: auto;
}

.dhx_diagram_flow_item .dhx_expand_icon {
  cursor: pointer;
}

.dhx_diagram_flow_item:hover .dhx_hide_icon {
  display: block;
  -webkit-animation: d 0.5s ease-out;
  animation: d 0.5s ease-out;
  cursor: pointer;
}

.dhx_diagram_item .dhx_hide_icon {
  display: none;
}

.dhx_diagram_item .dhx_expand_icon,
.dhx_diagram_item .dhx_hide_icon {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  shape-rendering: auto;
}

.dhx_diagram_item .dhx_expand_icon {
  cursor: pointer;
}

.dhx_diagram_item:hover .dhx_hide_icon {
  display: block;
  -webkit-animation: d 0.5s ease-out;
  animation: d 0.5s ease-out;
  cursor: pointer;
}

.dhx_diagram_item .dhx_item_shape {
  fill: #fff;
  background: #fff;
}

.dhx_diagram_item .shape_content {
  display: table-cell;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

.dhx_diagram_item.dhx_selected .dhx_item_shape {
  fill: #fff;
}

.dhx_diagram_item.dhx_diagram_image .shape_content {
  display: inline-block;
  text-align: left;
}

.dhx_diagram_item.dhx_diagram_image .dhx_content_img {
  float: left;
  width: 60px;
  height: 60px;
  margin: 16px 12px 0 8px;
  border-radius: 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #f7f7f7;
}

.dhx_diagram_item.dhx_diagram_image .dhx_content_text {
  margin-top: 5px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dhx_diagram_item.dhx_diagram_image .dhx_content_text-alone {
  margin-top: 12px;
}

.dhx_diagram_item.dhx_diagram_image .dhx_content_title {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.38);
  font-size: 14px;
  line-height: 17px;
  margin-top: 25px;
  white-space: nowrap;
  text-transform: uppercase;
}

.dhx_diagram_item.dhx_diagram_svg-card .dhx_content_text {
  fill: rgba(0, 0, 0, 0.7);
}

.dhx_diagram_item.dhx_diagram_svg-card .dhx_content_title {
  font-weight: 500;
  text-transform: uppercase;
  fill: rgba(0, 0, 0, 0.38);
}

.dhx_orgcard__img {
  width: 60px;
  height: 60px;
  float: left;
  margin: 16px 12px 0 8px;
  border-radius: 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.dhx_orgcard__text {
  word-break: break-word;
  white-space: pre-wrap;
  line-height: 16px;
}

.dhx_orgcard__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.38);
  font-size: 14px;
  line-height: 16px;
  margin: 28px 0 4px;
  text-transform: uppercase;
}

.dhx_free_diagram {
  background: #fff;
}

.dhx_free_diagram .dhx_diagram_connector {
  stroke: #408bf3;
  stroke-width: 2px;
}

@-webkit-keyframes d {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  to {
    display: block;
    opacity: 1;
  }
}

@keyframes d {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  to {
    display: block;
    opacity: 1;
  }
}

.dhx_layout {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.dhx_layout-columns {
  display: flex;
  flex-direction: row;
  overflow: hidden;
}

.dhx_layout-rows {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.dhx_layout-rows .dhx_layout-cell--resizable .dhx_layout-cell-content {
  overflow-y: auto;
}

.dhx_layout-columns .dhx_layout-cell--resizable .dhx_layout-cell-content {
  overflow-x: auto;
}

.dhx_layout-cell--start,
.dhx_layout-columns--start,
.dhx_layout-rows--start {
  justify-content: flex-start;
}

.dhx_layout-cell--center,
.dhx_layout-columns--center,
.dhx_layout-rows--center {
  justify-content: center;
}

.dhx_layout-cell--end,
.dhx_layout-columns--end,
.dhx_layout-rows--end {
  justify-content: flex-end;
}

.dhx_layout-cell--between,
.dhx_layout-columns--between,
.dhx_layout-rows--between {
  justify-content: space-between;
}

.dhx_layout-cell--around,
.dhx_layout-columns--around,
.dhx_layout-rows--around {
  justify-content: space-around;
}

.dhx_layout-cell--evenly,
.dhx_layout-columns--evenly,
.dhx_layout-rows--evenly {
  justify-content: space-evenly;
}

.dhx_layout-cell {
  overflow: hidden;
  background-color: #fff;
  flex-grow: 0;
  flex-shrink: 0;
}

.dhx_layout-cell--bordered {
  border: 1px solid #e4e4e4;
}

.dhx_layout-cell--border_top {
  border-top: 1px solid #e4e4e4;
}

.dhx_layout-cell--border_bottom {
  border-bottom: 1px solid #e4e4e4;
}

.dhx_layout-cell--border_left {
  border-left: 1px solid #e4e4e4;
}

.dhx_layout-cell--border_right {
  border-right: 1px solid #e4e4e4;
}

.dhx_layout-cell--border-shadow {
  border: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.dhx_layout-cell--no-border {
  border: 0;
}

.dhx_layout-cell--no-border_top {
  border-top: 0;
}

.dhx_layout-cell--no-border_bottom {
  border-bottom: 0;
}

.dhx_layout-cell--no-border_left {
  border-left: 0;
}

.dhx_layout-cell--no-border_right {
  border-right: 0;
}

.dhx_layout-cell--flex {
  display: flex;
}

.dhx_layout-cell--accordion > .dhx_layout-cell--collapsed {
  border-bottom: 0;
}

.dhx_layout-cell--collapsed {
  overflow: hidden;
  background-color: #fff;
}

.dhx_layout-cell-content {
  height: 100%;
}

.dhx_layout-cell-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #e4e4e4;
  padding: 8px 12px;
  background-color: #fff;
}

.dhx_layout-cell-header__title {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.7);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  transition: color 0.2s ease-in;
}

.dhx_layout-cell-header__icon {
  margin-right: 16px;
}

.dhx_layout-cell-header__image-wrapper {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.dhx_layout-cell-header__image {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.dhx_layout-cell-header__collapse-icon {
  margin-left: auto;
  color: #4d4d4d;
  transition: transform 0.2s ease-in, color 0.2s ease-in;
}

.dhx_layout-cell-header--collapseble {
  cursor: pointer;
}

.dhx_layout-cell-header--collapseble:focus-visible .dhx_layout-cell-header__collapse-icon,
.dhx_layout-cell-header--collapseble:focus-visible .dhx_layout-cell-header__title,
.dhx_layout-cell-header--collapseble:hover .dhx_layout-cell-header__collapse-icon,
.dhx_layout-cell-header--collapseble:hover .dhx_layout-cell-header__title {
  color: #0288d1;
  transition: color 0.2s ease-out;
}

.dhx_layout-cell-header--collapseble:focus-visible,
.dhx_layout-cell-header:focus {
  outline-width: 0;
}

.dhx_layout-cell-header--collapsed.dhx_layout-cell-header--col {
  border-bottom: 0;
  position: relative;
}

.dhx_layout-cell-header--collapsed.dhx_layout-cell-header--col .dhx_layout-cell-header__title {
  position: absolute;
  transform-origin: left;
  transform: rotate(90deg);
  bottom: -12px;
  left: 50%;
}

.dhx_layout-resizer {
  position: relative;
  overflow: visible;
  text-align: center;
}

.dhx_layout-resizer .dhx_layout-resizer__icon {
  position: relative;
  z-index: 1;
}

.dhx_layout-resizer--x {
  width: 0;
}

.dhx_layout-resizer--x .dhx_layout-resizer__icon {
  width: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  color: rgba(0, 0, 0, 0.5);
  cursor: ew-resize;
}

.dhx_layout-resizer--x .dhx_layout-resizer__icon:before {
  font-size: 16px;
}

.dhx_layout-resizer--y {
  height: 0;
}

.dhx_layout-resizer--y .dhx_layout-resizer__icon {
  width: 100%;
  height: 0;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  color: rgba(0, 0, 0, 0.5);
  cursor: ns-resize;
}

.dhx_layout-resizer--y .dhx_layout-resizer__icon:before {
  font-size: 16px;
}

.dhx_layout-space {
  background: #ededed;
  border: none;
}

.dhx_layout-space.dhx_layout-columns > .dhx_layout-cell {
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #e4e4e4;
}

.dhx_layout-space.dhx_layout-columns > .dhx_layout-cell:last-child {
  margin-right: 10px;
}

.dhx_layout-space.dhx_layout-rows > .dhx_layout-cell {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid #e4e4e4;
}

.dhx_layout-space.dhx_layout-rows > .dhx_layout-cell:last-child {
  margin-bottom: 10px;
}

.dhx_layout-space > .dhx_layout-resizer--x .dhx_layout-resizer__icon {
  right: 1px;
}

.dhx_layout-space > .dhx_layout-resizer--y .dhx_layout-resizer__icon {
  bottom: 1px;
}

.dhx_layout-wide {
  background: #ededed;
  border: none !important;
}

.dhx_layout-wide.dhx_layout-columns > .dhx_layout-cell {
  margin-right: 10px;
  border: 1px solid #e4e4e4;
}

.dhx_layout-wide.dhx_layout-columns > .dhx_layout-cell:last-child {
  margin-right: 0;
}

.dhx_layout-wide.dhx_layout-rows > .dhx_layout-cell {
  margin-bottom: 10px;
  border: 1px solid #e4e4e4;
}

.dhx_layout-wide.dhx_layout-rows > .dhx_layout-cell:last-child {
  margin-bottom: 0;
}

.dhx_layout-wide > .dhx_layout-resizer--x .dhx_layout-resizer__icon {
  right: 11px;
}

.dhx_layout-wide > .dhx_layout-resizer--y .dhx_layout-resizer__icon {
  bottom: 11px;
}

.dhx_layout-line.dhx_layout-columns > .dhx_layout-cell {
  border-right: 1px solid #e4e4e4;
}

.dhx_layout-line.dhx_layout-columns > .dhx_layout-cell:last-child {
  border-right: none;
}

.dhx_layout-line.dhx_layout-columns > .dhx_layout-wide {
  margin-left: -1px;
}

.dhx_layout-line.dhx_layout-columns > .dhx_layout-wide > .dhx_layout-cell:first-child {
  border-top: none;
}

.dhx_layout-line.dhx_layout-columns > .dhx_layout-wide > .dhx_layout-cell:last-child {
  border-bottom: none;
}

.dhx_layout-line.dhx_layout-rows > .dhx_layout-cell {
  border-bottom: 1px solid #e4e4e4;
}

.dhx_layout-line.dhx_layout-rows > .dhx_layout-cell:last-child {
  border-bottom: none;
}

.dhx_layout-line.dhx_layout-rows > .dhx_layout-wide {
  margin-top: -1px;
}

.dhx_layout-line.dhx_layout-rows > .dhx_layout-wide > .dhx_layout-cell:first-child {
  border-left: none;
}

.dhx_layout-line.dhx_layout-rows > .dhx_layout-wide > .dhx_layout-cell:last-child {
  border-right: none;
}

.dhx_popup {
  position: fixed;
  z-index: 2147483647;
  box-sizing: border-box;
  -webkit-animation: b 0.2s ease-in-out forwards;
  animation: b 0.2s ease-in-out forwards;
  background: #fff;
  will-change: transform;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
}

.dhx_popup--window,
.dhx_popup--window_modal {
  z-index: 2147483646;
}

.dhx_popup--window_active {
  z-index: 2147483647;
}

.dhx_popup.hide {
  -webkit-animation: c 0.2s ease-in-out forwards;
  animation: c 0.2s ease-in-out forwards;
}

.dhx_popup:focus {
  outline: none;
}

.dhx_widget--fullscreen .dhx_popup {
  z-index: 2147483647;
}

@keyframes b {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes c {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

  to {
    transform: translateY(20px);
    opacity: 0;
  }
}

.dhx_list {
  margin: 0;
  padding: 0;
  height: 100%;
  list-style: none;
  overflow: auto;
  max-height: 100%;
  background-color: #fff;
}

.dhx_list-item {
  overflow: hidden;
  position: relative;
  padding: 8px 12px;
  border-bottom: 1px solid #e4e4e4;
  outline: none;
}

.dhx_list-item,
.dhx_list-item--text {
}

.dhx_list-item--text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  transition: background-color 0.2s ease-in, box-shadow 0.2s ease-in;
}

.dhx_list-item--selected {
  background-color: #f7f7f7;
  box-shadow: inset 2px 0 0 0 #0288d1;
}

.dhx_list-item--focus,
.dhx_list-item--selected:hover,
.dhx_list-item:hover {
  background-color: #ededed;
  transition: background-color 0.2s ease-out;
}

.dhx_list-item--drophere:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #f7f7f7;
  opacity: 0.6;
}

.dhx_list-item--dragtarget {
  opacity: 0.6;
}

.dhx_list-item--drag {
  cursor: -webkit-grab;
  cursor: grab;
}

.dhx_list-input {
  width: 100%;
  padding-left: 5px;
}

.dhx_combobox {
  margin-bottom: 16px;
}

.dhx_combobox__options {
  margin-top: 2px;
  width: 100%;
}

.dhx_combobox--required:not(.dhx_combobox--label_sr) .dhx_label:not(.dhx_label--with-help) {
  position: relative;
}

.dhx_combobox--required:not(.dhx_combobox--label_sr) .dhx_label:not(.dhx_label--with-help):after {
  content: "*";
  display: inline-block;
  padding-left: 4px;
  color: rgba(0, 0, 0, 0.3);
}

.dhx_combobox--required:not(.dhx_combobox--label_sr) .dhx_label__holder {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dhx_combobox--required:not(.dhx_combobox--label_sr) .dhx_label__holder:after {
  content: "*";
  display: inline-block;
  padding-left: 4px;
  color: rgba(0, 0, 0, 0.3);
}

.dhx_combobox--label_sr .dhx_label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.dhx_combobox--label-inline {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}

.dhx_combobox--label-inline .dhx_combobox__label {
  flex: 0 0 auto;
  justify-content: flex-end;
  text-align: right;
  margin-right: 16px;
  max-width: 30%;
}

.dhx_combobox--label-inline .dhx_combobox-input-box {
  flex: 0 1 auto;
  width: 300%;
}

.dhx_combobox--disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: default;
}

.dhx_combobox-input-box {
  position: relative;
  flex: 1;
  background-color: #f7f7f7;
  background-clip: padding-box;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px #dfdfdf;
  transition: border-color 0.2s ease-out, box-shadow 0.2s ease-out;
}

.dhx_combobox-input-box--readonly,
.dhx_combobox-input-box--readonly * {
  cursor: pointer;
}

.dhx_combobox-input-box--disabled {
  cursor: not-allowed;
}

.dhx_combobox-input-box--disabled * {
  cursor: not-allowed;
  pointer-events: none;
}

.dhx_combobox-input-box--active,
.dhx_combobox-input-box:focus-within {
  box-shadow: inset 0 0 0 1px #67b8e3;
}

.dhx_combobox-input-box--state_success {
  box-shadow: inset 0 0 0 1px #6cd0a5;
}

.dhx_combobox-input-box--state_error {
  box-shadow: inset 0 0 0 1px #ff9797;
}

.dhx_combobox-input {
  min-height: 30px;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}

.dhx_combobox-input:active,
.dhx_combobox-input:focus {
  outline: none;
}

.dhx_combobox-input__wrapper {
  position: static;
  padding-bottom: 0;
}

.dhx_combobox-input__icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  flex: 0;
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  font-size: 16px;
  z-index: 1;
  color: rgba(0, 0, 0, 0.5);
}

.dhx_combobox-input-list-wrapper {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.dhx_combobox-input-list {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  min-height: 30px;
  max-height: 96px;
  width: calc(100% - 32px);
  overflow-y: scroll;
  padding: 0 41px 0 8px;
  box-sizing: content-box !important;
}

.dhx_combobox-input-list__item {
  flex: 0 1 auto;
}

.dhx_combobox-input-list__item--input {
  position: relative;
  flex: 1 0 auto;
}

.dhx_combobox-tag {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  border: 1px solid #e4e4e4;
  border-radius: 16px;
  background-color: #fff;
  margin-right: 8px;
}

.dhx_combobox-tag__value {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  white-space: nowrap;
}

.dhx_combobox-tag__icon,
.dhx_combobox-tag__image {
  margin-right: 4px;
}

.dhx_combobox-tag__image {
  width: 16px;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.dhx_combobox-tag__action {
  height: 20px;
  margin-left: 4px;
  margin-right: -6px;
  color: rgba(0, 0, 0, 0.5);
  padding: 0;
  background-color: transparent;
  transition: color 0.2s ease-in;
}

.dhx_combobox-tag__action:hover {
  color: rgba(0, 0, 0, 0.7);
  transition: color 0.2s ease-out;
}

.dhx_combobox-options {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.dhx_combobox-options__icon {
  padding-right: 4px;
}

.dhx_combobox-options__image {
  padding-right: 4px;
  width: 16px;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.dhx_combobox-options__item {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 8px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.dhx_combobox-options__item--select-all {
  color: #0288d1;
  line-height: 20px;
  border-bottom: 1px solid #e4e4e4;
}

.dhx_message-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  padding: 20px;
  max-height: 100%;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  width: auto;
  overflow: hidden;
  border: 2px solid transparent;
  z-index: 2147483647;
}

.dhx_message-container * {
  box-sizing: border-box;
}

.dhx_message-container--top-left {
  top: 0;
  left: 0;
}

.dhx_message-container--top-right {
  top: 0;
  right: 0;
}

.dhx_message-container--bottom-left {
  align-items: flex-start;
  bottom: 0;
  left: 0;
}

.dhx_message-container--bottom-right {
  align-items: flex-start;
  bottom: 0;
  right: 0;
}

.dhx_message-container--in-body {
  position: fixed;
}

.dhx_message {
  display: flex;
  justify-content: space-between;
  width: 240px;
  flex-shrink: 0;
  padding: 12px;
  margin-bottom: 4px;
  margin-top: 4px;
  border-radius: 2px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dhx_message,
.dhx_message__text {
  font-weight: 500;
  line-height: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}

.dhx_message__text {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
}

.dhx_message__icon {
  align-self: center;
  padding-left: 8px;
  color: rgba(0, 0, 0, 0.5);
}

.dhx_message--error .dhx_message__icon,
.dhx_message--error .dhx_message__text,
.dhx_message--success .dhx_message__icon,
.dhx_message--success .dhx_message__text {
  color: #fff;
}

.dhx_message--error {
  background-color: #ff5252;
}

.dhx_message--success {
  background-color: #0ab169;
}

.dhx_alert {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  max-width: 100%;
  padding: 24px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  will-change: transform;
  z-index: 2147483647;
}

.dhx_alert__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2147483646;
}

.dhx_alert__header {
  position: relative;
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
}

.dhx_alert__content,
.dhx_alert__header {
  font-size: 14px;
}

.dhx_alert__content {
  height: 100%;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.3;
  overflow-y: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.dhx_alert__footer {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
}

.dhx_alert__footer--center {
  justify-content: center;
}

.dhx_alert__footer--right {
  justify-content: flex-end;
}

.dhx_alert__footer .dhx_button:not(:last-child) {
  margin-right: 16px;
}

.dhx_tooltip {
  pointer-events: none;
  border-radius: 2px;
  background-color: #333;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  padding: 6px 12px;
  transition: opacity 0.01s ease, transform 0.01s ease;
  opacity: 0;
  z-index: 999;
}

.dhx_tooltip--animate {
  opacity: 1;
  transition: opacity 0.15s ease-out;
}

.dhx_tooltip--forced {
  opacity: 1;
}

.dhx_tooltip--bottom {
  margin: 8px 0 0;
}

.dhx_tooltip--top {
  margin: -8px 0 0;
}

.dhx_tooltip--left {
  margin: 0 0 -8px;
}

.dhx_tooltip--right {
  margin: 0 0 0 8px;
}

.dhx_tooltip--light {
  background-color: #fff;
}

.dhx_tooltip--light .dhx_tooltip__text {
  color: rgba(0, 0, 0, 0.7);
}

.dhx_widget--fullscreen .dhx_tooltip {
  z-index: 2147483647;
}

.dhx_tooltip__text {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.dhx_colorpicker {
  font-weight: 500;
  overflow: hidden;
  padding: 8px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  border-radius: 2px;
}

.dhx_colorpicker,
.dhx_colorpicker * {
  box-sizing: border-box;
}

.dhx_popup .dhx_colorpicker {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  border: none;
}

.dhx_palette {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  white-space: nowrap;
}

.dhx_palette--custom {
  display: flex;
  flex-wrap: wrap;
  max-width: 236px;
}

.dhx_palette--custom.dhx_palette__row .dhx_palette__cell {
  margin-bottom: 0;
}

.dhx_palette__col {
  display: inline-block;
}

.dhx_palette__col:last-child .dhx_palette_cell {
  margin-right: 0;
}

.dhx_palette__row .dhx_palette__cell {
  display: inline-block;
  margin-bottom: 6px;
}

.dhx_palette__row .dhx_palette__cell:last-child {
  margin-right: 0;
}

.dhx_palette__row--last {
  margin-bottom: 0;
}

.dhx_palette__cell {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 2px 2px 0;
  vertical-align: top;
  border: 2px solid transparent;
  transition: border 0.2s ease-in;
}

.dhx_palette__cell:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border: 1px solid transparent;
  transition: border 0.2s ease-in;
}

.dhx_palette__cell:last-child {
  margin-bottom: 0;
}

.dhx_palette__cell--selected,
.dhx_palette__cell:hover {
  border: 2px solid hsla(0, 0%, 100%, 0.6);
  transition: border 0.2s ease-out;
}

.dhx_palette__cell--selected:after,
.dhx_palette__cell:hover:after {
  border: 1px solid rgba(0, 0, 0, 0.6);
  transition: border 0.2s ease-out;
}

.dhx_colorpicker-custom-colors {
  font-size: 14px;
  color: #909cad;
}

.dhx_colorpicker-custom-colors__header {
  font-size: 14px;
  padding: 9px 0 4px;
  letter-spacing: -0.2px;
  position: relative;
}

.dhx_colorpicker-custom-colors__picker {
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: #909cad;
  box-shadow: inset 0 0 0 1px #909cad;
}

.dhx_colorpicker-picker__palette {
  position: relative;
  width: 100%;
  border-radius: 2px;
  overflow: hidden;
}

.dhx_colorpicker-picker__palette:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0));
  z-index: 2;
}

.dhx_colorpicker-picker__palette:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(90deg, #fff, hsla(20, 42%, 65%, 0));
  z-index: 1;
}

.dhx_colorpicker-picker__buttons {
  display: flex;
  padding: 12px 0 0;
  justify-content: flex-end;
}

.dhx_colorpicker-picker__buttons .dhx_button:first-child {
  margin-right: 4px;
}

.dhx_colorpicker-hue-range {
  position: relative;
  width: 100%;
  margin: 4px 0 8px;
  border-radius: 2px;
  background-image: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
}

.dhx_colorpicker-hue-range__grip {
  width: 6px;
  height: 100%;
}

.dhx_colorpicker-hue-range__grip,
.dhx_palette_grip {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #fff;
  background: transparent;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}

.dhx_palette_grip {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  z-index: 10;
}

.dhx_colorpicker-value {
  display: flex;
  flex-direction: row;
  height: 32px;
  justify-content: space-between;
}

.dhx_colorpicker-value__color {
  width: 100px;
  border: 1px solid transparent;
  border-radius: 2px;
  margin-right: 8px;
}

.dhx_colorpicker-value__input__wrapper {
  position: relative;
  border: 1px solid #d4dde7;
}

.dhx_colorpicker-value__input__wrapper:before {
  content: "#";
  position: absolute;
  height: 100%;
  line-height: 30px;
  left: 8px;
  color: #909cad;
  font-size: 15px;
}

.dhx_colorpicker-value__input {
  width: 100px;
  height: 100%;
  padding: 0 0 0 24px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  border: none;
  border-radius: 2px;
  outline: none;
}

.dhx_property {
  position: relative;
  z-index: 5;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.dhx_property-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  padding: 10px 20px;
  text-transform: uppercase;
  border-bottom: 1px solid #e4e4e4;
}

.dhx_property-row {
  display: flex;
  width: 100%;
  height: 32px;
  min-height: 32px;
  margin-bottom: 8px;
  padding: 0 20px;
  align-items: center;
}

.dhx_property-row--large {
  height: 64px;
  align-items: flex-start;
}

.dhx_property-row--large .dhx_property-row__label {
  align-items: flex-start;
}

.dhx_property-row__label {
  font-weight: 500;
  display: flex;
  min-width: 50px;
  height: 100%;
  padding: 0 20px 0 0;
  align-items: center;
  justify-content: flex-end;
}

.dhx_property-row__label--standalone {
  font-size: 16px;
  flex: 1;
  justify-content: flex-start;
}

.dhx_property-row__content {
  display: flex;
  overflow: hidden;
  flex: 1;
  height: 100%;
  align-items: center;
}

.dhx_checkbox {
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 2px;
}

.dhx_checkbox__input:checked + .dhx_checkbox__mark {
  visibility: visible;
}

.dhx_checkbox__mark {
  position: absolute;
  top: -1px;
  left: -1px;
  visibility: hidden;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: #0288d1;
}

.dhx_checkbox__mark:before {
  color: #fff;
}

.dhx_property-color {
  display: flex;
  width: 100%;
  height: 100%;
  cursor: pointer;
  align-items: center;
}

.dhx_property-color__value {
  padding: 0 8px;
}

.dhx_property-color__sample {
  width: 4px;
  height: 100%;
}

.dhx_property-select {
  width: 100%;
  height: 100%;
  color: rgba(0, 0, 0, 0.7);
  border-color: #e4e4e4;
}

.dhx_property-textarea {
  padding: 4px;
  resize: none;
  border-color: #e4e4e4;
}

.dhx_property-input,
.dhx_property-textarea {
  font-size: 14px;
  width: 100%;
  height: 100%;
}

.dhx_property-input {
  color: rgba(0, 0, 0, 0.7);
  border: none;
}

.dhx_property-input--state_error {
  box-shadow: inset 0 0 0 1px #ffbaba;
}

.dhx_property-input:disabled {
  background: transparent;
}

.combo-wrapper {
  width: 100%;
  height: 100%;
}

.dhx_combobox,
.dhx_combobox .dhx_combobox-input-box {
  height: 100%;
}

.dhx_editor {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #e40000 !important;
  justify-content: stretch;
  overflow: hidden;
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.dhx_editor .dhx_selected .dhx_item_shape {
  stroke: #dedede;
}

.dhx_editor .dhx_diagram_item {
  cursor: move;
}

.dhx_resize_grip,
.free_editor .dhx_connect_point .dhx_connect_grip {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 1px solid #98a7bf;
  box-sizing: border-box;
  z-index: 10;
}

.editor .dhx_diagram {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath stroke-width='.5' stroke='%23e0e0e0' fill='transparent' d='M0 0h10v10H0z'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' stroke='%23E0E0E0' d='M0 0h100v100H0z'/%3E%3C/svg%3E");
  text-align: left;
}

.dhx_cell .dhx_preview_mode .dhx_diagram {
  background-image: none;
}

.dhx_btn {
  height: 32px;
}

.dhx_selection_box {
  border: 1px solid #408bf3;
  position: absolute;
}

.dhx_free_editor {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.dhx_free_editor .dhx_diagram {
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='9.5' cy='9.5' r='.5' fill='%23c4c4c4'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h1000v1000H0z'/%3E%3C/svg%3E");
  background-position: 1px 1px;
  overflow: auto;
}

.dhx_free_editor .dhx_diagram__container {
  position: absolute;
  top: 0;
  left: 0;
}

.dhx_free_editor .dhx_wrapper {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dhx_free_editor .dhx_free_diagram {
  background: none;
  width: 0 !important;
  height: 0 !important;
  top: 0 !important;
  left: 0 !important;
}

.dhx_free_editor .dhx_popup_toolbar {
  height: 40px;
}

.dhx_free_editor .dxi {
  color: #b8c6d6;
}

.dhx_free_editor .dhx_item_toolbar .dhx_icon {
  width: 30px;
  height: 30px;
  color: #b8c6d6;
}

.dhx_free_editor .dhx_item_toolbar .dhx_icon svg {
  fill: #b8c6d6;
}

.dhx_free_editor .dhx_item_toolbar .dhx_icon:hover svg path {
  fill: #408bf3;
}

.dhx_free_editor .dhx_item_toolbar .dhx_icon:hover.dhx_icon_remove svg path {
  fill: #f1453d;
}

.dhx_free_editor .dhx_item_toolbar .dhx_active_icon svg path {
  fill: #408bf3;
}

.dhx_free_editor .dhx_blockselected .dhx_item_shape {
  stroke-dasharray: 2;
  stroke: #1876d2;
  outline: 1px dashed #1876d2 !important;
}

.dhx_free_editor .dhx_blockselected .dhx_diagram_line {
  stroke-dasharray: 2;
  stroke: #1876d2;
  opacity: 0.5;
}

.free_sidebar .dhx_property {
  background: #f8f8f8;
}

.free_editor .dhx_connect_point .dhx_connect_grip,
.free_editor .dhx_resize_grip {
  width: 8px;
  height: 8px;
  border: 1px solid #1876d2;
  border-radius: 50%;
}

.free_editor .dhx_connect_point .dhx_connect_grip:focus,
.free_editor .dhx_resize_grip:focus {
  border: 3px solid #1876d2;
  outline: none;
}

.free_editor .dhx_break_point {
  width: 8px;
  height: 8px;
  border: 1px solid #a8d4ff;
  background: #a8d4ff;
  cursor: pointer;
}

.free_editor .dhx_break_point:focus {
  border: 1px solid #a8d4ff;
  outline: none;
}

.free_editor .dhx_slide_point {
  border: 2px solid #a8d4ff;
  border-radius: 8px;
  cursor: pointer;
}

.free_editor .dhx_slide_point:focus {
  border: 2px solid #408bf3;
  outline: none;
}

.free_editor .dhx_slide_point__vertical {
  height: 8px;
  width: 16px;
  border: 2px solid #a8d4ff;
  cursor: pointer;
}

.free_editor .dhx_slide_point__horizontal {
  height: 16px;
  width: 8px;
  border: 2px solid #a8d4ff;
  cursor: pointer;
}

.free_editor .dhx_connect_point {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
  position: absolute;
}

.free_editor .dhx_connect_point .dhx_connect_grip {
  width: 8px;
  height: 8px;
  border: 1px solid #f7f7f7;
  border-radius: 50%;
  background: #1876d2;
  position: relative;
}

.free_editor .dhx_nearest_point {
  background: rgba(0, 0, 0, 0.1);
}

.free_editor .dhx_nearest_point .dhx_connect_grip {
  width: 10px;
  height: 10px;
}

.free_editor .dhx_diagram_connector path:hover,
.free_editor .dhx_diagram_flow_item:hover,
.free_editor .dhx_diagram_flow_shape:hover,
.free_editor .dhx_diagram_item:hover,
.free_editor .dhx_diagram_org_item:hover {
  cursor: pointer;
}

.dhx_shape_rotate svg path {
  fill: #1876d2;
}

.sidebar {
  z-index: 5;
  border-left: 1px solid #e0e0e0;
  overflow: hidden;
  min-width: 285px;
  max-width: 285px;
}

.flex {
  width: 100%;
  overflow-y: auto;
}

.dhx_diagram_connector.dhx_selected .dhx_diagram_line {
  stroke-opacity: 0.5;
}

.dhx_diagram_connector.dhx_selected .dhx_diagram_arrow {
  stroke-opacity: 0.5;
  fill-opacity: 0.5;
}

.dhx_org_chart_editor .dhx_wrapper {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dhx_org_chart_editor .dhx_org_chart {
  background: none;
  width: 0 !important;
  height: 0 !important;
  top: 0 !important;
  left: 0 !important;
}

.dhx_org_chart_editor .dhx_diagram {
  overflow: auto;
}

.dhx_org_chart_editor .dhx_diagram__container {
  position: absolute;
  top: 0;
  left: 0;
}

.dhx_org_chart_editor .dhx_diagram_connector {
  stroke: #ccc;
  fill: none;
}

.dhx_org_chart_editor .dhx_blockselected .dhx_item_shape {
  outline: 1px dashed #1876d2 !important;
}

.dhx_org_chart_editor .dhx_blockselected .dhx_diagram_line {
  stroke-dasharray: 4;
  stroke: #1876d2;
  opacity: 0.5;
}

.dhx_org_chart_editor .dxi {
  color: #b8c6d6;
}

.dhx_dropdown {
  padding: 10px 0;
}

.dhx_dropdown_checkbox,
.dhx_dropdown_content {
  display: none;
}

.dhx_dropdown_label {
  font-weight: 500;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  text-transform: uppercase;
  color: #909cad;
}

.dhx_dropdown_label:before {
  position: absolute;
  top: 30%;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  border-right: 6px solid transparent;
  border-bottom: 6px solid rgba(0, 0, 0, 0.38);
  border-left: 6px solid transparent;
}

.dhx_dropdown_checkbox:checked ~ .dhx_dropdown_content {
  display: block;
}

.dhx_dropdown_checkbox:checked + .dhx_dropdown_label:before {
  border-top: 6px solid rgba(0, 0, 0, 0.38);
  border-bottom: none;
}

body .shapesbar_cont {
  min-width: 295px;
  max-width: 295px;
  display: flex;
  overflow-y: auto;
  flex-direction: row;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #f8f8f8;
  border-right: 1px solid #e0e0e0;
}

.shapesbar_cont.dhx_shapesbar--with-width {
  flex: 1 0 auto;
  min-width: inherit;
  max-width: inherit;
}

.shapesbar_wrap {
  width: 100%;
  height: 100%;
  padding: 15px 0 15px 15px;
  overflow-x: hidden;
}

.shapesbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}

.dhx_shape_thumb-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dhx_shape_thumb {
  width: 33.33333%;
  cursor: pointer;
}

.dhx_shape_thumb:hover svg path {
  fill: #fbfbfb;
  stroke: #b8c6d6;
}

.dhx_shape_thumb .dhx_item_shape {
  fill: #eef1f6;
  stroke: #b8c6d6;
}

.dhx_shape_thumb .dhx_diagram_extra_lines {
  stroke: #b8c6d6;
}

.dhx_shape_thumb .dhx_diagram_flow_item,
.dhx_shape_thumb .dhx_diagram_org_item {
  position: relative !important;
}

.dhx_shape_thumb--img-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.dhx_shape_shadow {
  z-index: 2147483647;
  position: fixed;
}

.dhx_shape_shadow .dhx_diagram_extra_lines {
  stroke: #b8c6d6;
}

.dhx_shape_name {
  font-size: 12px;
  padding-top: 4px;
  color: #909cad;
}

.dhx_topbar {
  position: relative;
  z-index: 30;
  display: flex;
  padding: 0 0 8px 0;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dhx_topbar .dhx_cell_content,
.dhx_topbar .dhx_state_block {
  display: flex;
  align-items: center;
}

.dhx_topbar .dhx_state_block {
  width: 150px;
  margin: 0 8px;
  padding: 18px 8px;
  justify-content: space-around;
}

.dhx_topbar .dhx_state_block .redo,
.dhx_topbar .dhx_state_block .undo {
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: #909cad;
  fill: #909cad;
}

.dhx_topbar .dhx_state_block .redo:hover,
.dhx_topbar .dhx_state_block .undo:hover {
  color: #1876d2;
  fill: #1876d2;
  stroke: #1876d2;
}

.dhx_topbar .dhx_state_block .redo--link,
.dhx_topbar .dhx_state_block .undo--link {
  color: #8792a7;
}

.dhx_topbar .dhx_state_block .redo--link:hover,
.dhx_topbar .dhx_state_block .undo--link:hover {
  color: #1876d2;
}

.dhx_topbar .dhx_state_block .redo--active,
.dhx_topbar .dhx_state_block .undo--active {
  color: #8792a7;
}

.dhx_topbar .dhx_topbar_wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  align-items: center;
}

.dhx_topbar .dhx_topbar_wrap .dhx_button__topbar {
  margin: 4px;
}

.dhx_topbar .dhx_editor_scale {
  display: flex;
  flex-direction: row;
  width: 94px;
  height: 30px;
  background: #f8f8f8;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  justify-content: space-around;
  align-items: center;
}

.dhx_topbar .dhx_editor_scale .dhx_scale_value,
.dhx_topbar .dhx_editor_scale .dhx_zoom_in,
.dhx_topbar .dhx_editor_scale .dhx_zoom_out {
  font-size: 20px;
  font-weight: 900;
  display: flex;
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: #909cad;
  justify-content: center;
  align-items: center;
}

.dhx_topbar .dhx_editor_scale .dhx_scale_value {
  font-size: 14px;
  width: auto;
  height: auto;
  cursor: default;
}

.dhx_topbar .dhx_visibility {
  padding: 0 30px;
  cursor: pointer;
  color: #909cad;
  width: 80px;
}

.dhx_topbar .dhx_visibility.dhx_selected,
.dhx_topbar .dhx_visibility:hover {
  color: #1876d2;
}

.dhx_topbar .dhx_items_block {
  flex: 1;
  padding: 10px 8px;
  flex-direction: row;
}

.dhx_topbar .dhx_items_block,
.inputs_group {
  justify-content: flex-end;
  display: flex;
  align-items: center;
}

.inputs_group {
  margin: 0 0 1px;
}

.inputs_group span {
  color: #8792a7;
  letter-spacing: 0.5px;
  margin: 0 8px 0 0;
}

.inputs_group input,
.inputs_group span {
  font-size: 14px;
  line-height: 20px;
}

.inputs_group input {
  color: #202020;
  border: 1px solid #e6e6e6;
  background-color: #f7f7f7;
  width: 84px;
  height: 32px;
  transition: all 0.2s ease;
  text-align: center;
  outline: none;
}

.inputs_group input:first-of-type {
  margin: 0 8px 0 0;
}

.inputs_group input:hover {
  transition: all 0.2s ease;
  border-color: #ccc;
}

.inputs_group input.dhx_invalid {
  border: 1px solid #e40000;
}

.inputs_group_desc {
  display: flex;
  margin: 0 0 8px;
  justify-content: flex-end;
}

.inputs_group_desc span {
  color: #8792a7;
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 20px;
  width: 86px;
  text-align: center;
}

.inputs_group_desc span:first-child {
  margin: 0 8px 0 0;
}

.dhx_property,
.side-bar {
  position: relative;
  z-index: 5;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  height: 100%;
  padding: 20px;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.dhx_property input:focus,
.dhx_property textarea:focus,
.side-bar input:focus,
.side-bar textarea:focus {
  box-shadow: 0 0 0 1px #1876d2;
}

.edit-section {
  padding: 0 0 4px;
}

.section-title {
  line-height: 20px;
  margin: 0 0 4px;
  letter-spacing: 0.5px;
}

.dhx_invalid input {
  border: 1px solid #e40000 !important;
}

.pop-up {
  font-size: 14px;
  color: #fff;
  border-radius: 2px;
  background-color: #333;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  line-height: 20px;
  z-index: 6;
  top: -4px;
  left: 42px;
  box-sizing: border-box;
  width: 94px;
  height: 38px;
  padding: 9px 22px;
  opacity: 0;
}

.pop-up,
.pop-up:before {
  position: absolute;
  transition: all 0.2s ease;
}

.pop-up:before {
  bottom: 11px;
  left: -15px;
  content: "";
  border: 8px solid transparent;
  border-right-color: #333;
}

.dhx_property {
  font-size: 14px;
}

.dhx_property * {
  box-sizing: border-box;
}

.dhx_group_item {
  line-height: 30px;
  padding-left: 10px;
  color: #fff;
  background: #55f;
}

.dhx_text_item {
  font-size: 15px;
  line-height: 30px;
  white-space: nowrap;
}

.dhx_text_item:nth-child(2n) {
  background: #f8f8f8;
}

.dhx_text_item .dhx_label {
  box-sizing: border-box;
  width: 50%;
  padding-left: 10px;
}

.dhx_text_item .dhx_value {
  width: 50%;
  cursor: pointer;
}

.dhx_label,
.dhx_value {
  display: inline-block;
}

.dhx_value .segmented input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.segmented label {
  margin-right: -3px;
  padding: 1px 10px 2px 8px;
  cursor: pointer;
  border: 1px solid #dedede;
  background: #fff;
}

.segmented input:checked + label {
  background: #dedede;
}

.segmented input:focus + label {
  border-bottom: 2px solid #48f;
}

.dhx_value {
  text-align: left;
}

.dhx_value input,
.dhx_value select {
  font-size: 15px;
  line-height: 28px;
  width: 100%;
  border: none;
  border-bottom: 2px solid transparent;
  outline: none;
  background: transparent;
}

.dhx_value select {
  padding: 0;
}

.dhx_value input:focus,
.dhx_value select:focus {
  border-bottom: 2px solid #48f;
}

.dhx_value .dhx_check {
  position: relative;
  top: 2px;
  left: -9px;
  width: 18px;
  height: 18px;
}

.dhx_invalid input,
.dhx_invalid input:focus {
  border-bottom: 2px solid #e40000;
}

.position-edit {
  display: flex;
  margin: 0 0 1px;
  justify-content: flex-end;
  align-items: center;
}

.position-edit input:first-of-type {
  margin: 0 10px 0 0;
}

.position-desc {
  display: flex;
  margin: 0 0 9px;
  justify-content: flex-end;
}

.position-desc span {
  font-size: 12px;
  line-height: 20px;
  width: 86px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #7b869d;
}

.position-desc span:first-child {
  margin: 0 10px 0 0;
}

.name-edit {
  font-size: 14px;
  line-height: 20px;
  box-sizing: border-box;
  width: 248px;
  height: 56px;
  margin: 0 0 10px;
  padding: 8px 0 0 8px;
  resize: none;
  color: #202020;
  border: 1px solid #dedede;
  outline: none;
  background-color: #e0e0e0;
}

.no-border {
  border-bottom: none;
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

.photo-wrapper img {
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  border: 1px solid #e0e0e0;
}

.dhx_textarea {
  min-height: 40px;
  overflow-y: auto;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d4dde7;
  border-radius: 2px;
  background-color: #fff;
  margin: 0 0 10px;
  padding: 8px;
  outline: none;
  resize: none;
  color: #202020;
  font-size: 14px;
  line-height: 20px;
  transition: all 0.2s ease;
}

.dhx_textarea:hover {
  border-color: #ccc;
  transition: all 0.2s ease;
}

.dhx_textarea:focus {
  box-shadow: 0 0 0 1px #1876d2;
  transition: all 0.2s ease;
}

.dhx_textarea::-webkit-input-placeholder {
  color: #202020;
  font-size: 14px;
  line-height: 20px;
}

.dhx_textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

.dhx_textarea:focus:-moz-placeholder,
.dhx_textarea:focus::-moz-placeholder {
  color: transparent;
}

.dhx_textarea:focus:-ms-input-placeholder {
  color: transparent;
}

@-webkit-keyframes e {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

@keyframes e {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

.dhx_img_uploader {
  cursor: pointer;
  position: relative;
}

.dhx_img_uploader .pop-up {
  left: 70px;
  top: 10px;
  width: auto;
}

.dhx_img_uploader:hover {
  cursor: pointer;
}

.dhx_img_uploader:hover .pop-up {
  transition: all 0.2s ease;
  opacity: 1;
}

.dhx_img_uploader .dhx_uploader_preview {
  cursor: pointer;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-size: 100% 100%;
  background-color: #f2f2f2;
}

.dhx_img_uploader .dhx_uploader_preview.loading .dhx_loading {
  display: block;
  width: 101%;
  height: 101%;
  background: #fff;
  -webkit-animation: e 0.8s linear infinite;
  animation: e 0.8s linear infinite;
  border: 4px solid #03a9f4;
  border-right-color: #fff;
  border-radius: 50%;
  box-sizing: border-box;
}

.dhx_img_uploader .dhx_uploader_preview .dhx_loading {
  display: none;
}

.section-title {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 8px 0;
  color: #909cad;
}

.input_element {
  height: 40px;
  width: 110px;
  border: 1px solid #d4dde7;
  border-radius: 2px;
  box-sizing: border-box;
  background: #fff;
  position: relative;
  margin: 0 8px 10px 0;
}

.input_element input {
  font-size: 14px;
  background-color: #f7f7f7;
  line-height: 20px;
  width: 84px;
  height: 32px;
  transition: all 0.2s ease;
  text-align: center;
  outline: none;
  padding: 0 8px 0 40px;
  background: #fff;
  border: none;
  width: 100%;
  height: 100%;
  text-align: left;
  color: #202020;
}

.input_element input:first-of-type {
  margin: 0 8px 0 0;
}

.input_element input:hover {
  transition: all 0.2s ease;
  border-color: #ccc;
}

.input_element input.dhx_invalid {
  border: 1px solid #e40000;
}

.input_icon_wrap {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 20px;
  height: 100%;
  margin: 0 9px;
}

.input_icon_wrap .rotate_icon {
  color: #b8c6d6;
}

.input_icon_wrap .rotate_icon:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
}

.input_icon {
  text-align: center;
  background: #b8c6d6;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  text-transform: uppercase;
}

.input_group_up {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.input_group_up .inputs_group {
  width: 110%;
  justify-content: flex-start;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
}

.input_group_up .inputs_group input {
  padding: 0 8px 0 40px;
  background: #fff;
  width: 100%;
  height: 100%;
  text-align: left;
}

.alone_picker {
  width: 40px;
  min-width: 40px;
}

.line-edit-content {
  display: flex;
  flex-direction: row;
}

.dhx_custom_select {
  font-size: 14px;
  font-weight: 500;
  position: relative;
  height: 40px;
  color: #909cad;
  outline: none;
}

.dhx_custom_select .dhx_select_content {
  display: none;
}

.dhx_custom_select .dhx_select_label {
  display: flex;
  height: 40px;
  padding: 0 18px;
  color: #202020;
  font-weight: 400;
  align-items: center;
}

.dhx_custom_select:before {
  position: absolute;
  top: 40%;
  right: 12px;
  width: 0;
  height: 0;
  content: "";
  border-top: 5px solid #b8c6d6;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.dhx_custom_select:focus {
  box-shadow: inset 0 0 0 1px #1876d2;
}

.dhx_custom_select:focus:before {
  border-top: none;
  border-bottom: 5px solid #b8c6d6;
}

.dhx_custom_select:focus .dhx_select_content {
  position: absolute;
  z-index: 100;
  z-index: 10;
  top: 45px;
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #e6e6e6;
  background: #fff;
  box-shadow: 0 0 9px 0 hsla(0, 0%, 53%, 0.5);
}

.dhx_custom_select:focus .dhx_select_content:after {
  position: absolute;
  z-index: -1;
  top: -2px;
  right: 11px;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(45deg);
  background: #fff;
  box-shadow: 0 0 9px 0 hsla(0, 0%, 53%, 0.5);
}

.dhx_custom_select .dhx_select_option {
  z-index: 10;
  display: flex;
  height: 30px;
  padding: 10px 18px;
  cursor: pointer;
  color: #202020;
  background: #fff;
  font-weight: 400;
  align-items: center;
}

.dhx_custom_select .dhx_select_option:hover {
  color: #1876d2;
  background-color: #eef1f6;
}

.dhx_custom_select .dhx_select_option:hover .dhx_select_dash,
.dhx_custom_select .dhx_select_option:hover .dhx_select_line {
  border-color: #1876d2;
}

.dhx_custom_select .dhx_selected_option {
  background-color: #eef1f6;
}

.dhx_custom_select .dhx_selected_option .dhx_select_dash,
.dhx_custom_select .dhx_selected_option .dhx_select_line {
  border-color: #1876d2;
}

.dhx_custom_select .dhx_selected_option .dxi-check {
  font-size: 14px;
  padding: 0 8px;
  color: #909cad;
}

.dhx_custom_select .dhx_select_dash,
.dhx_custom_select .dhx_select_line {
  width: 60%;
  height: 0;
  border: 1px solid #909cad;
}

.dhx_custom_select .dhx_select_dash {
  border: 1px dashed #909cad;
}

.line_width {
  width: 65px;
}

.line_width input {
  padding: 0 10px;
}

.line_width .title {
  position: absolute;
  top: 30%;
  right: 0;
  padding: 0 10px;
  color: #b8c6d6;
}

.icons_group {
  display: flex;
  align-items: center;
  height: 40px;
  margin: 0 10px 0 0;
}

.icons_group .dhx_line_icon,
.icons_group .dxi {
  min-width: 30px;
  min-height: 30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  color: #b8c6d6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icons_group .dhx_line_icon:hover,
.icons_group .dxi:hover {
  background: #eef1f6;
}

.icons_group .dhx_selected {
  color: #1876d2;
}

.icons_group .dhx_selected svg * {
  fill: #1876d2;
}

.icons_group .dhx_line_icon {
  cursor: pointer;
}

.icons_group .dhx_line_icon i * {
  pointer-events: none;
}

.line_height .dxi-format-line-spacing {
  color: #b8c6d6;
}

.arrow_select {
  min-width: 70px;
}

.arrow_select .dhx_select_label {
  padding: 0 8px;
}

.align_bar {
  display: flex;
  padding-bottom: 12px;
}

.align_icon_wrap {
  padding: 0 4px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.align_icon_wrap:hover {
  background: #eef1f6;
}

.align_icon_wrap.dhx_selected svg path {
  fill: #1876d2;
}

.dhx_select {
  font-weight: 500;
  position: relative;
  height: 40px;
  color: #202020;
  outline: none;
  padding: 0 4px 0 8px;
  border: 1px solid #e6e6e6;
  background: #fff;
  border-radius: 2px;
  width: 100%;
}

.edit-section.color-edit {
  position: relative;
  margin-bottom: 8px;
}

.edit-section.color-edit .color_picker_wrap {
  height: 40px;
  width: 120px;
  display: flex;
  flex-direction: row;
}

.edit-section.color-edit .color_picker_wrap .color_preview {
  width: 20px;
  height: 20px;
  border-radius: 2px;
}

.edit-section.color-edit .color_picker_wrap .color_code {
  height: 100%;
}

.empty-state {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.empty-state__text {
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  color: #909cad;
  margin-top: 32px;
}

/*
@license

undefined v.6.2.2 Professional

This software is covered by DHTMLX Commercial License.
Usage without proper license is prohibited.

(c) XB Software.

*/
.dhx_checkbox__input,
.dhx_radiobutton__input,
.dhx_simplevault__input,
.dhx_visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.dhx_no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: -webkit-grab;
  cursor: grab;
}

.dhx_no-select:not(.dhx_no-select--resize):not(.dhx_no-select--pointer) * {
  cursor: -webkit-grab !important;
  cursor: grab !important;
}

.dhx_no-select--pointer {
  cursor: pointer;
}

.dhx_no-select--pointer,
.dhx_no-select--resize {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dhx-resize-observer {
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  margin: 1px 0 0;
  border: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.dhx_widget,
.dhx_widget * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
}

.dhx_widget,
.dhx_widget *,
.dhx_widget:after,
.dhx_widget :after,
.dhx_widget:before,
.dhx_widget :before {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.dhx_widget {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
}

.dhx_widget--bordered {
  border: 1px solid #e4e4e4;
}

.dhx_widget--border_top {
  border-top: 1px solid #e4e4e4;
}

.dhx_widget--border_bottom {
  border-bottom: 1px solid #e4e4e4;
}

.dhx_widget--border_left {
  border-left: 1px solid #e4e4e4;
}

.dhx_widget--border_right {
  border-right: 1px solid #e4e4e4;
}

.dhx_widget--border-shadow {
  border: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.dhx_widget--no-border {
  border: 0;
}

.dhx_widget--no-border_top {
  border-top: 0;
}

.dhx_widget--no-border_bottom {
  border-bottom: 0;
}

.dhx_widget--no-border_left {
  border-left: 0;
}

.dhx_widget--no-border_right {
  border-right: 0;
}

.dhx_widget--bg_white {
  background-color: #fff;
}

.dhx_widget--bg_gray {
  background-color: #f7f7f7;
}

.dhx_drag-ghost {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  z-index: 999;
  opacity: 0.6;
}

.dhx_drag-ghost * {
  box-sizing: border-box;
}

.dhx_drag-ghost .dhx_list-item {
  list-style-type: none;
}

.dhx_drag-ghost .dhx_list-item--selected {
  background-color: #fff;
  box-shadow: inset 0 0 0 0 #0288d1;
}

.dhx_drag-ghost .dhx_list-item--focus,
.dhx_drag-ghost .dhx_list-item--selected:hover,
.dhx_drag-ghost .dhx_list-item:hover {
  background-color: #fff;
  transition: background-color 0.2s ease-out;
}

.dhx_drag-ghost .dhx_tree-list-item__icon {
  position: relative;
  display: inline;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.3);
  font-size: 20px;
  top: 2px;
}

.dhx_drag-ghost .dhx_tree-list-item__text {
  font-size: 14px;
  vertical-align: middle;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
}

.dhx_drag-ghost .dhx_dataview-item,
.dhx_drag-ghost .dhx_grid-cell,
.dhx_drag-ghost .dhx_list-item {
  background-color: #fff;
  border: 1px solid #e4e4e4 !important;
}

.dxi:before {
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dxi.dxi-alert-circle:before {
  content: "\F101";
}

.dxi.dxi-arrow-collapse:before {
  content: "\F102";
}

.dxi.dxi-arrow-expand:before {
  content: "\F103";
}

.dxi.dxi-blur-off:before {
  content: "\F104";
}

.dxi.dxi-blur:before {
  content: "\F105";
}

.dxi.dxi-calendar-today:before {
  content: "\F106";
}

.dxi.dxi-check:before {
  content: "\F107";
}

.dxi.dxi-checkbox-blank-outline:before {
  content: "\F108";
}

.dxi.dxi-checkbox-marked-circle:before {
  content: "\F109";
}

.dxi.dxi-checkbox-marked:before {
  content: "\F10A";
}

.dxi.dxi-chevron-down:before {
  content: "\F10B";
}

.dxi.dxi-chevron-left:before {
  content: "\F10C";
}

.dxi.dxi-chevron-right:before {
  content: "\F10D";
}

.dxi.dxi-chevron-up:before {
  content: "\F10E";
}

.dxi.dxi-clock-outline:before {
  content: "\F10F";
}

.dxi.dxi-clock:before {
  content: "\F110";
}

.dxi.dxi-close-circle:before {
  content: "\F111";
}

.dxi.dxi-close:before {
  content: "\F112";
}

.dxi.dxi-delete-forever:before {
  content: "\F113";
}

.dxi.dxi-delete:before {
  content: "\F114";
}

.dxi.dxi-dots-horizontal:before {
  content: "\F115";
}

.dxi.dxi-dots-vertical:before {
  content: "\F116";
}

.dxi.dxi-download:before {
  content: "\F117";
}

.dxi.dxi-eraser:before {
  content: "\F118";
}

.dxi.dxi-eye-off:before {
  content: "\F119";
}

.dxi.dxi-eye:before {
  content: "\F11A";
}

.dxi.dxi-eyedropper-variant:before {
  content: "\F11B";
}

.dxi.dxi-file-export:before {
  content: "\F11C";
}

.dxi.dxi-file-outline:before {
  content: "\F11D";
}

.dxi.dxi-filter-variant:before {
  content: "\F11E";
}

.dxi.dxi-folder-open:before {
  content: "\F11F";
}

.dxi.dxi-folder:before {
  content: "\F120";
}

.dxi.dxi-format-align-center:before {
  content: "\F121";
}

.dxi.dxi-format-align-left:before {
  content: "\F122";
}

.dxi.dxi-format-align-right:before {
  content: "\F123";
}

.dxi.dxi-format-bold:before {
  content: "\F124";
}

.dxi.dxi-format-color-fill:before {
  content: "\F125";
}

.dxi.dxi-format-color-text:before {
  content: "\F126";
}

.dxi.dxi-format-italic:before {
  content: "\F127";
}

.dxi.dxi-format-line-spacing:before {
  content: "\F128";
}

.dxi.dxi-format-quote-close:before {
  content: "\F129";
}

.dxi.dxi-format-quote-open:before {
  content: "\F12A";
}

.dxi.dxi-format-strikethrough:before {
  content: "\F12B";
}

.dxi.dxi-format-underline:before {
  content: "\F12C";
}

.dxi.dxi-format-vertical-align-bottom:before {
  content: "\F12D";
}

.dxi.dxi-format-vertical-align-center:before {
  content: "\F12E";
}

.dxi.dxi-format-vertical-align-top:before {
  content: "\F12F";
}

.dxi.dxi-function-variant:before {
  content: "\F130";
}

.dxi.dxi-help-circle-outline:before {
  content: "\F131";
}

.dxi.dxi-information-outline:before {
  content: "\F132";
}

.dxi.dxi-key:before {
  content: "\F133";
}

.dxi.dxi-link-variant-off:before {
  content: "\F134";
}

.dxi.dxi-link-variant:before {
  content: "\F135";
}

.dxi.dxi-loading:before {
  content: "\F136";
}

.dxi.dxi-magnify:before {
  content: "\F137";
}

.dxi.dxi-menu-down:before {
  content: "\F138";
}

.dxi.dxi-menu-left:before {
  content: "\F139";
}

.dxi.dxi-menu-right:before {
  content: "\F13A";
}

.dxi.dxi-menu-up:before {
  content: "\F13B";
}

.dxi.dxi-minus-box:before {
  content: "\F13C";
}

.dxi.dxi-minus:before {
  content: "\F13D";
}

.dxi.dxi-numeric:before {
  content: "\F13E";
}

.dxi.dxi-pencil:before {
  content: "\F13F";
}

.dxi.dxi-plus-circle:before {
  content: "\F140";
}

.dxi.dxi-plus:before {
  content: "\F141";
}

.dxi.dxi-printer:before {
  content: "\F142";
}

.dxi.dxi-redo:before {
  content: "\F143";
}

.dxi.dxi-rotate-right:before {
  content: "\F144";
}

.dxi.dxi-sort-variant:before {
  content: "\F145";
}

.dxi.dxi-table-column-plus-before:before {
  content: "\F146";
}

.dxi.dxi-table-column-remove:before {
  content: "\F147";
}

.dxi.dxi-table-column:before {
  content: "\F148";
}

.dxi.dxi-table-row-plus-after:before {
  content: "\F149";
}

.dxi.dxi-table-row-remove:before {
  content: "\F14A";
}

.dxi.dxi-table-row:before {
  content: "\F14B";
}

.dxi.dxi-undo:before {
  content: "\F14C";
}

.dxi.dxi-unfold-more-horizontal:before {
  content: "\F14D";
}

.dxi.dxi-vault:before {
  content: "\F14E";
}

.dxi {
  display: inline-block;
  text-rendering: auto;
  line-height: 0;
  font-size: 0;
}

.dxi:before {
  font-size: 20px;
}

.dxi--small:before {
  font-size: 16px;
}

.dxi--medium:before {
  font-size: 20px;
}

.dxi--large:before {
  font-size: 24px;
}

@-webkit-keyframes button-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }

  to {
    -webkit-transform: rotate(1439deg);
    transform: rotate(1439deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}

@keyframes button-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }

  to {
    -webkit-transform: rotate(1439deg);
    transform: rotate(1439deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}

.dhx_button {
  overflow: visible;
  position: relative;
  text-decoration: none;
  background-image: none;
  border: 0;
  touch-action: manipulation;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  cursor: pointer;
}

.dhx_button:active,
.dhx_button:focus {
  outline: none;
}

.dhx_button__icon,
.dhx_button__text {
  pointer-events: none;
}

.dhx_button__icon {
  line-height: 0;
}

.dhx_button__icon:before {
  display: inline-block;
}

.dhx_button__icon + .dhx_button__text {
  margin-left: 4px;
}

.dhx_button__loading {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
}

.dhx_button__loading-icon {
  -webkit-animation: button-loading 0.9s linear infinite;
  animation: button-loading 0.9s linear infinite;
}

.dhx_button--width_full {
  width: 100%;
}

.dhx_button--justify_between {
  justify-content: space-between;
}

.dhx_button--circle.dhx_button--size_small {
  border-radius: 28px;
}

.dhx_button--circle.dhx_button--size_medium {
  border-radius: 32px;
}

.dhx_button--disabled,
.dhx_button:disabled {
  pointer-events: none;
}

.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full) {
  border-radius: 50%;
}

.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full).dhx_button--size_medium {
  padding-left: 6px;
  padding-right: 6px;
}

.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full).dhx_button--size_small {
  padding-left: 4px;
  padding-right: 4px;
}

.dhx_button--loading {
  position: relative;
}

.dhx_button--loading .dhx_button__loading {
  display: flex;
}

.dhx_button--loading .dhx_button__icon,
.dhx_button--loading .dhx_button__text {
  visibility: hidden;
}

.dhx_button--size_small {
  padding: 4px 12px;
  font-size: 14px;
  line-height: 20px;
}

.dhx_button--size_small .dhx_button__icon:before {
  font-size: 16px;
  line-height: 16px;
}

.dhx_button--size_small.dhx_button--loading-icon:before {
  font-size: 16px;
  margin-top: -8px;
  margin-left: -8px;
}

.dhx_button--size_medium {
  padding: 6px 16px;
  text-transform: uppercase;
  line-height: 20px;
}

.dhx_button--size_medium .dhx_button__icon:before {
  font-size: 20px;
  line-height: 20px;
}

.dhx_button--size_medium.dhx_button--loading-icon:before {
  font-size: 20px;
  margin-top: -10px;
  margin-left: -10px;
}

.dhx_button--view_flat {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: #fff;
  transition: background-color 0.2s ease-in, color 0.2s ease-in, box-shadow 0.2s ease-in;
}

.dhx_button--view_flat:focus,
.dhx_button--view_flat:hover {
  transition: background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
}

.dhx_button--view_flat.dhx_button--color_primary {
  background-color: #0288d1;
  outline-width: 0;
}

.dhx_button--view_flat.dhx_button--color_primary.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_primary:focus,
.dhx_button--view_flat.dhx_button--color_primary:hover {
  background-color: #35a0da;
}

.dhx_button--view_flat.dhx_button--color_primary:active {
  background-color: #0288d1;
  box-shadow: none;
}

.dhx_button--view_flat.dhx_button--color_primary.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_primary:disabled {
  background-color: #81c4e8;
}

.dhx_button--view_flat.dhx_button--color_secondary {
  background-color: #4d4d4d;
  outline-width: 0;
}

.dhx_button--view_flat.dhx_button--color_secondary.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_secondary:focus,
.dhx_button--view_flat.dhx_button--color_secondary:hover {
  background-color: #717171;
}

.dhx_button--view_flat.dhx_button--color_secondary:active {
  background-color: #4d4d4d;
  box-shadow: none;
}

.dhx_button--view_flat.dhx_button--color_secondary.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_secondary:disabled {
  background-color: #a6a6a6;
}

.dhx_button--view_flat.dhx_button--color_danger {
  background-color: #ff5252;
  outline-width: 0;
}

.dhx_button--view_flat.dhx_button--color_danger.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_danger:focus,
.dhx_button--view_flat.dhx_button--color_danger:hover {
  background-color: #ff7575;
}

.dhx_button--view_flat.dhx_button--color_danger:active {
  background-color: #ff5252;
  box-shadow: none;
}

.dhx_button--view_flat.dhx_button--color_danger.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_danger:disabled {
  background-color: #ffa9a9;
}

.dhx_button--view_flat.dhx_button--color_success {
  background-color: #0ab169;
  outline-width: 0;
}

.dhx_button--view_flat.dhx_button--color_success.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_success:focus,
.dhx_button--view_flat.dhx_button--color_success:hover {
  background-color: #3bc187;
}

.dhx_button--view_flat.dhx_button--color_success:active {
  background-color: #0ab169;
  box-shadow: none;
}

.dhx_button--view_flat.dhx_button--color_success.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_success:disabled {
  background-color: #85d8b4;
}

.dhx_button--view_link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  border-radius: 2px;
  background: transparent;
  transition: background-color 0.2s ease-in, box-shadow 0.2s ease-in;
}

.dhx_button--view_link:focus,
.dhx_button--view_link:hover {
  transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
}

.dhx_button--view_link.dhx_button--color_primary {
  color: #0288d1;
  outline-width: 0;
}

.dhx_button--view_link.dhx_button--color_primary:focus,
.dhx_button--view_link.dhx_button--color_primary:hover {
  background-color: #d9edf8;
}

.dhx_button--view_link.dhx_button--color_primary.dhx_button--active,
.dhx_button--view_link.dhx_button--color_primary:active {
  background-color: #b8def2;
}

.dhx_button--view_link.dhx_button--color_primary.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_primary:disabled {
  color: #81c4e8;
}

.dhx_button--view_link.dhx_button--color_secondary {
  color: #4d4d4d;
  outline-width: 0;
}

.dhx_button--view_link.dhx_button--color_secondary:focus,
.dhx_button--view_link.dhx_button--color_secondary:hover {
  background-color: #e4e4e4;
}

.dhx_button--view_link.dhx_button--color_secondary.dhx_button--active,
.dhx_button--view_link.dhx_button--color_secondary:active {
  background-color: #cdcdcd;
}

.dhx_button--view_link.dhx_button--color_secondary.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_secondary:disabled {
  color: #a6a6a6;
}

.dhx_button--view_link.dhx_button--color_danger {
  color: #ff5252;
  outline-width: 0;
}

.dhx_button--view_link.dhx_button--color_danger:focus,
.dhx_button--view_link.dhx_button--color_danger:hover {
  background-color: #ffe5e5;
}

.dhx_button--view_link.dhx_button--color_danger.dhx_button--active,
.dhx_button--view_link.dhx_button--color_danger:active {
  background-color: #ffcfcf;
}

.dhx_button--view_link.dhx_button--color_danger.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_danger:disabled {
  color: #ffa9a9;
}

.dhx_button--view_link.dhx_button--color_success {
  color: #0ab169;
  outline-width: 0;
}

.dhx_button--view_link.dhx_button--color_success:focus,
.dhx_button--view_link.dhx_button--color_success:hover {
  background-color: #daf3e9;
}

.dhx_button--view_link.dhx_button--color_success.dhx_button--active,
.dhx_button--view_link.dhx_button--color_success:active {
  background-color: #bae9d5;
}

.dhx_button--view_link.dhx_button--color_success.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_success:disabled {
  color: #85d8b4;
}

.dhx_button--sidebar .dhx_button__icon + .dhx_button__text {
  margin-left: 8px;
  margin-right: auto;
}

.dhx_widget .dhx_button__icon {
  line-height: 0;
}

.dhx_widget .dhx_button__icon:before {
  font-size: 20px;
  line-height: 20px;
}

.dhx_widget .dhx_button--size_small .dhx_button__icon:before {
  font-size: 16px;
  line-height: 16px;
}

.dhx_form-group {
  position: relative;
  display: block;
  text-align: left;
  padding-bottom: 16px;
}

.dhx_form-group--simplevault {
  line-height: 0;
  height: 100%;
}

.dhx_form-group--simplevault .dhx_label {
  margin-bottom: 4px;
}

.dhx_form-group--textarea {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.dhx_form-group--textarea .dhx_input--textarea,
.dhx_form-group--textarea .dhx_input__wrapper {
  height: 100%;
}

.dhx_form-group--textarea .dhx_label {
  min-height: 20px;
  line-height: 20px;
  margin-bottom: 4px;
}

.dhx_form-group--inline {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  position: relative;
}

.dhx_form-group--inline .dhx_label {
  position: relative;
  flex: 0 1 auto;
  max-height: 40px;
  margin-right: 16px;
  margin-bottom: 0;
  text-align: right;
  width: 100%;
  margin-top: 6px;
  align-self: flex-start;
}

.dhx_form-group--inline .dhx_input__wrapper {
  flex: 0 1 auto;
  width: 300%;
  height: 100%;
}

.dhx_form-group--inline .dhx_label--with-help {
  justify-content: flex-end;
}

.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label:not(.dhx_label--with-help) {
  position: relative;
  margin-bottom: 0;
}

.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label:not(.dhx_label--with-help):after {
  content: "*";
  display: inline-block;
  padding-left: 4px;
  color: rgba(0, 0, 0, 0.3);
}

.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label__holder {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label__holder:after {
  content: "*";
  display: inline-block;
  padding-left: 4px;
  color: rgba(0, 0, 0, 0.3);
}

.dhx_form-group--no-message-holder {
  padding-bottom: 0;
}

.dhx_form-group--disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: default;
}

.dhx_form-group--hidden {
  display: none;
}

.dhx_form-group--state_error .dhx_input__caption,
.dhx_form-group--state_error .dhx_label {
  color: #ff5252;
}

.dhx_form-group--state_error .dhx_combobox-input-box,
.dhx_form-group--state_error .dhx_combobox-input-box:focus,
.dhx_form-group--state_error .dhx_input,
.dhx_form-group--state_error .dhx_input:focus {
  box-shadow: inset 0 0 0 1px #ffbaba;
}

.dhx_form-group--state_error .dhx_simplevault-files,
.dhx_form-group--state_error .dhx_simplevault-files:focus,
.dhx_form-group--state_error .dhx_simplevault__drop-area,
.dhx_form-group--state_error .dhx_simplevault__drop-area:focus {
  border-color: #ffbaba;
}

.dhx_form-group--state_success .dhx_input__caption,
.dhx_form-group--state_success .dhx_label {
  color: #0ab169;
}

.dhx_form-group--state_success .dhx_combobox-input-box,
.dhx_form-group--state_success .dhx_combobox-input-box:focus,
.dhx_form-group--state_success .dhx_input,
.dhx_form-group--state_success .dhx_input:focus {
  box-shadow: inset 0 0 0 1px #9de0c3;
}

.dhx_form-group--state_success .dhx_simplevault__drop-area,
.dhx_form-group--state_success .dhx_simplevault__drop-area:focus {
  border-top-color: #9de0c3;
  border-left-color: #9de0c3;
  border-right-color: #9de0c3;
}

.dhx_form-group--state_success .dhx_simplevault-files,
.dhx_form-group--state_success .dhx_simplevault-files:focus {
  border-right-color: #9de0c3;
  border-left-color: #9de0c3;
  border-bottom-color: #9de0c3;
}

.dhx_form-group--label_sr .dhx_label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.dhx_form-group .dhx_combobox {
  margin: 0;
}

.dhx_form-group .dhx_slider {
  padding-bottom: 0;
}

.dhx_input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 8px;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  background-color: #f6f6f6;
  background-clip: padding-box;
  box-shadow: inset 0 0 0 1px #dfdfdf;
  border: 0;
  border-radius: 2px;
  outline: 0;
  transition: border-color 0.2s ease-in, box-shadow 0.2s ease-in;
}

.dhx_input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.dhx_input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.dhx_input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.dhx_input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.dhx_input:focus {
  box-shadow: inset 0 0 0 1px #67b8e3;
}

.dhx_input--icon-padding {
  padding-right: 24px;
}

.dhx_input--textarea {
  max-width: 100%;
}

.dhx_input--textinput {
  box-shadow: none;
  background: none;
  padding-left: 0;
}

.dhx_input--textinput:focus {
  box-shadow: none;
}

.dhx_input__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.dhx_input__wrapper:before {
  color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.dhx_input__container {
  width: 100%;
  display: inline-block;
  position: relative;
}

.dhx_input__caption {
  left: 0;
  bottom: 0;
  max-width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.5);
  white-space: wrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  cursor: default;
}

.dhx_input__icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 4px;
  z-index: 1;
  color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
}

.dhx_input__icon--color-selected {
  border-radius: 2px;
}

.dhx_input__icon--color-selected:after,
.dhx_input__icon--color-selected:before {
  opacity: 0;
}

.dhx_widget .dhx_input__icon {
  line-height: 0;
}

.dhx_widget .dhx_input__icon:before {
  font-size: 20px;
  line-height: 20px;
}

.dhx_label {
  display: inline-block;
  width: auto;
  flex: 0 1 auto;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: color 0.2s ease-in, opacity 0.2s ease-in;
}

.dhx_label:hover {
  opacity: 0.8;
  transition: color 0.2s ease-out, opacity 0.2s ease-out;
}

.dhx_label__holder {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dhx_label--with-help {
  display: flex;
  align-items: center;
}

.dhx_label-help {
  margin-left: 4px;
  color: #0288d1;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.dhx_label-help:focus {
  outline: none;
}

.dhx_checkbox {
  position: relative;
  display: inline-block;
  width: auto;
  padding-top: 0;
  cursor: pointer;
}

.dhx_checkbox__visual-input {
  display: block;
  border: 2px solid rgba(0, 0, 0, 0.5);
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 2px;
  cursor: pointer;
}

.dhx_checkbox .dhx_label {
  margin-top: 4px;
  margin-bottom: 0;
  width: auto;
}

.dhx_checkbox .dhx_label:after {
  display: none;
}

.dhx_checkbox .dhx_input__caption {
  position: static;
  display: block;
  -webkit-transform: none;
  transform: none;
}

.dhx_checkbox.dhx_form-group--inline {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.dhx_checkbox.dhx_form-group--inline .dhx_label {
  padding-left: 6px;
  margin-top: 0;
}

.dhx_checkbox.dhx_form-group--hidden {
  display: none;
}

.dhx_checkbox__input:disabled + * + .dhx_label,
.dhx_checkbox__input:disabled + .dhx_checkbox__visual-input {
  opacity: 0.6;
}

.dhx_checkbox__input:focus + .dhx_checkbox__visual-input {
  border-color: #0288d1;
}

.dhx_checkbox__input:checked + .dhx_checkbox__visual-input {
  background-color: #0288d1;
  background-position: 50%;
  background-size: cover;
  border-color: #0288d1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIxIDdMOSAxOWwtNS41LTUuNSAxLjQxLTEuNDFMOSAxNi4xNyAxOS41OSA1LjU5IDIxIDd6Ii8+PC9zdmc+);
  transition: background-color 0.2s ease-out;
}

.dhx_radiobutton {
  position: relative;
  display: inline-block;
  width: auto;
  padding-top: 0;
  cursor: pointer;
}

.dhx_radiobutton__visual-input {
  display: block;
  border: 2px solid rgba(0, 0, 0, 0.5);
  bottom: 4px;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
}

.dhx_radiobutton .dhx_label {
  margin-top: 4px;
  margin-bottom: 0;
  width: auto;
  cursor: pointer;
}

.dhx_radiobutton .dhx_input__caption {
  position: static;
  display: block;
}

.dhx_radiobutton.dhx_form-group--inline {
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.dhx_radiobutton.dhx_form-group--inline .dhx_label {
  padding-left: 6px;
  margin-top: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

.dhx_radiobutton__input:disabled + * + .dhx_label,
.dhx_radiobutton__input:disabled + .dhx_radiobutton__visual-input {
  opacity: 0.6;
}

.dhx_radiobutton__input:focus + .dhx_radiobutton__visual-input {
  border-color: #0288d1;
}

.dhx_radiobutton__input:checked + .dhx_radiobutton__visual-input {
  background-color: #0288d1;
  border-color: #0288d1;
  box-shadow: inset 0 0 0 4px #fff;
  transition: background-color 0.2s ease-out;
}

.dhx_select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.dhx_select::-ms-expand {
  display: none;
}

.dhx_select__placeholder {
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
}

.dhx_select:focus + .dhx_select__placeholder {
  opacity: 0;
}

.dhx_simplevault {
  border: none;
  border-radius: 2px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.dhx_simplevault__drop-area {
  background-color: #f6f6f6;
  border: 1px solid #dfdfdf;
  transition: all 0.2s ease-in;
  display: flex;
  width: 100%;
  height: 122px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.dhx_simplevault__drop-area--on-drag {
  border-style: dashed;
  transition: border 0.2s ease-out;
}

.dhx_simplevault__icon:before {
  font-size: 40px;
  color: rgba(0, 0, 0, 0.3);
  transition: color 0.2s ease-in;
}

.dhx_simplevault__title {
  max-width: 100%;
}

.dhx_simplevault__label {
  color: #0288d1;
  cursor: pointer;
}

.dhx_simplevault--on-drag .dhx_simplevault-loader {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition: opacity 0.2s ease-in, -webkit-transform 0.2s ease-in;
  transition: opacity 0.2s ease-in, transform 0.2s ease-in;
  transition: opacity 0.2s ease-in, transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}

.dhx_simplevault-files {
  background-color: #f6f6f6;
  border: 1px solid #dfdfdf;
  border-top: none;
  transition: all 0.2s ease-in;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: calc(100% - 142px);
  height: calc(100% - 142px);
  overflow-y: auto;
}

.dhx_simplevault-files__fixed {
  max-height: 276px;
}

.dhx_simplevault-files__item {
  position: relative;
  line-height: 20px;
  font-size: 14px;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 8px 40px 8px 8px;
}

.dhx_simplevault-files__item:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}

.dhx_simplevault-files__item-name {
  word-break: break-word;
}

.dhx_simplevault-files__delete {
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.dhx_simplevault-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  background-color: #ededed;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  will-change: transform;
  transition: 0ms;
  z-index: 1;
}

.dhx_simplevault-loader .dhx_simplevault__icon:before {
  color: #0288d1;
}

.dhx_menu-nav {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  overflow-x: auto;
  background-color: #ededed;
}

.dhx_menu-nav__item--separator {
  pointer-events: none;
  width: 1px;
  background-color: #dfdfdf;
  margin-top: 8px;
  margin-bottom: 8px;
}

.dhx_menu-nav__item--spacer {
  pointer-events: none;
  flex: 1 0 auto;
}

.dhx_nav-menu-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
  transition: background-color 0.2s ease-in;
}

.dhx_nav-menu-button--active:not(:disabled),
.dhx_nav-menu-button:active:not(:disabled),
.dhx_nav-menu-button:hover:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.07);
  transition: background-color 0.2s ease-out;
}

.dhx_nav-menu-button--disabled,
.dhx_nav-menu-button:disabled {
  opacity: 0.8;
  pointer-events: auto;
  cursor: default;
}

.dhx_nav-menu-button--disabled *,
.dhx_nav-menu-button:disabled * {
  color: rgba(0, 0, 0, 0.3);
}

.dhx_menu {
  padding: 0;
  margin: 0;
  background: #fff;
  list-style: none;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  z-index: 999;
}

.dhx_menu-item {
  min-width: 180px;
}

.dhx_menu-item--separator {
  pointer-events: none;
  align-self: stretch;
  height: 1px;
  margin: 2px 8px;
  background-color: #e4e4e4;
}

.dhx_menu-item--spacer {
  pointer-events: none;
  height: 16px;
}

.dhx_menu-item--left-gap .dhx_menu-button {
  padding-left: 38px;
}

.dhx_menu-button {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 8px;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
  transition: background-color 0.2s ease-in;
}

.dhx_menu-button--active:not(:disabled),
.dhx_menu-button:active:not(:disabled),
.dhx_menu-button:focus:not(:disabled),
.dhx_menu-button:hover:not(:disabled) {
  background-color: #ededed;
  transition: background-color 0.2s ease-out;
}

.dhx_menu-button--disabled,
.dhx_menu-button:disabled {
  opacity: 0.8;
  pointer-events: auto;
  cursor: default;
}

.dhx_menu-button--disabled *,
.dhx_menu-button:disabled * {
  color: rgba(0, 0, 0, 0.3);
}

.dhx_menu-button__icon {
  color: rgba(0, 0, 0, 0.5);
}

.dhx_widget .dhx_menu-button__icon {
  line-height: 0;
}

.dhx_widget .dhx_menu-button__icon:before {
  font-size: 20px;
  line-height: 20px;
}

.dhx_menu-button__icon + .dhx_menu-button__text {
  margin-left: 8px;
}

.dhx_menu-button__block {
  display: flex;
  align-items: center;
}

.dhx_menu-button__block--left {
  justify-content: flex-start;
}

.dhx_menu-button__block--right {
  justify-content: flex-end;
}

.dhx_menu-button__count {
  margin-left: 8px;
  margin-top: -2px;
  margin-bottom: -2px;
}

.dhx_menu-button__hotkey {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.3);
}

.dhx_menu-button__caret {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.5);
}

.dhx_widget--fullscreen .dhx_menu {
  z-index: 2147483647;
}

.dhx_message-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  padding: 20px;
  max-height: 100%;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  width: 240px;
  overflow: hidden;
  border: 2px solid transparent;
  z-index: 2147483647;
}

.dhx_message-container * {
  box-sizing: border-box;
}

.dhx_message-container--top-left {
  top: 0;
  left: 0;
}

.dhx_message-container--top-right {
  top: 0;
  right: 0;
}

.dhx_message-container--bottom-left {
  align-items: flex-start;
  bottom: 0;
  left: 0;
}

.dhx_message-container--bottom-right {
  align-items: flex-start;
  bottom: 0;
  right: 0;
}

.dhx_message-container--in-body {
  position: fixed;
}

.dhx_message {
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
  width: 100%;
  padding: 12px;
  margin-bottom: 4px;
  margin-top: 4px;
  border-radius: 2px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dhx_message,
.dhx_message__text {
  font-weight: 500;
  line-height: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}

.dhx_message__text {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
}

.dhx_message__icon {
  align-self: center;
  padding-left: 8px;
  color: rgba(0, 0, 0, 0.5);
}

.dhx_message--error .dhx_message__icon,
.dhx_message--error .dhx_message__text,
.dhx_message--success .dhx_message__icon,
.dhx_message--success .dhx_message__text {
  color: #fff;
}

.dhx_message--error {
  background-color: #ff5252;
}

.dhx_message--success {
  background-color: #0ab169;
}

.dhx_alert {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 600px;
  padding: 24px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  will-change: transform;
  z-index: 2147483647;
}

.dhx_alert__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2147483646;
}

.dhx_alert__header {
  position: relative;
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
}

.dhx_alert__content,
.dhx_alert__header {
  font-size: 14px;
}

.dhx_alert__content {
  height: 100%;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.3;
  overflow-y: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.dhx_alert__footer {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
}

.dhx_alert__footer--center {
  justify-content: center;
}

.dhx_alert__footer--right {
  justify-content: flex-end;
}

.dhx_alert__footer .dhx_button:not(:last-child) {
  margin-right: 16px;
}

.dhx_tooltip {
  pointer-events: none;
  border-radius: 2px;
  background-color: #333;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  padding: 6px 12px;
  transition: opacity 0.01s ease, -webkit-transform 0.01s ease;
  transition: opacity 0.01s ease, transform 0.01s ease;
  transition: opacity 0.01s ease, transform 0.01s ease, -webkit-transform 0.01s ease;
  opacity: 0;
  z-index: 999;
}

.dhx_tooltip--animate {
  opacity: 1;
  transition: opacity 0.15s ease-out;
}

.dhx_tooltip--forced {
  opacity: 1;
}

.dhx_tooltip--bottom {
  margin: 8px 0 0;
}

.dhx_tooltip--top {
  margin: -8px 0 0;
}

.dhx_tooltip--left {
  margin: 0 0 -8px;
}

.dhx_tooltip--right {
  margin: 0 0 0 8px;
}

.dhx_tooltip--light {
  background-color: #fff;
}

.dhx_tooltip--light .dhx_tooltip__text {
  color: rgba(0, 0, 0, 0.7);
}

.dhx_widget--fullscreen .dhx_tooltip {
  z-index: 2147483647;
}

.dhx_tooltip__text {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.dhx_navbar-count {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  z-index: 1;
}

.dhx_navbar-count--absolute {
  margin-left: 0;
  position: absolute;
  top: -4px;
  top: -10px;
  right: -10px;
}

.dhx_navbar-count--button-inline {
  margin-top: -4px;
  margin-bottom: -4px;
  margin-left: 12px;
}

.dhx_navbar-count--overlimit {
  width: auto;
  border-radius: 22px;
  padding: 0 8px;
}

.dhx_navbar-count--color_success {
  background-color: #0ab169;
}

.dhx_navbar-count--color_danger {
  background-color: #ff5252;
}

.dhx_navbar-count--color_primary {
  background-color: #0288d1;
}

.dhx_navbar-count--color_secondary {
  background-color: #4d4d4d;
}

.dhx_navbar {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}

.dhx_navbar:focus {
  outline: none;
}

.dhx_navbar--horizontal {
  flex-direction: row;
  align-items: center;
}

.dhx_navbar--vertical {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.dhx_navbar .dhx_button--color_secondary.dhx_button--view_link .dhx_button__icon {
  color: rgba(0, 0, 0, 0.5);
}

.dhx_navbar-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 500;
}

.dhx_navbar-title--sidebar {
  display: block;
  padding: 12px;
}

.dhx_toolbar {
  display: flex;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 12px 0;
}

.dhx_toolbar__item--spacer {
  flex: 1 0 auto;
}

.dhx_toolbar__item--separator {
  width: 1px;
  height: 100%;
  background-color: #dfdfdf;
  margin: 0 2px;
  height: 28px;
}

.dhx_toolbar__item:first-child .dhx_form-group,
.dhx_toolbar__item:first-child .dhx_navbar-title,
.dhx_toolbar__item:first-child button:not(.dhx_toolbar-button) {
  margin-left: 12px;
}

.dhx_toolbar__item:first-child button.dhx_button--view_link,
.dhx_toolbar__item:not(:first-child) .dhx_form-group,
.dhx_toolbar__item:not(:first-child) .dhx_navbar-title,
.dhx_toolbar__item:not(:first-child) button:not(.dhx_toolbar-button) {
  margin-left: 4px;
}

.dhx_toolbar__item:last-child .dhx_form-group,
.dhx_toolbar__item:last-child .dhx_navbar-title,
.dhx_toolbar__item:last-child button:not(.dhx_toolbar-button) {
  margin-right: 12px;
}

.dhx_toolbar__item:last-child button.dhx_button--view_link,
.dhx_toolbar__item:not(:last-child) .dhx_form-group,
.dhx_toolbar__item:not(:last-child) .dhx_navbar-title,
.dhx_toolbar__item:not(:last-child) button:not(.dhx_toolbar-button) {
  margin-right: 4px;
}

.dhx_toolbar .dhx_button__icon--menu {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.dhx_toolbar__input {
  height: 32px;
}

@supports (display: block) {
  .dhx_toolbar__input {
    height: unset;
  }
}

.dhx_toolbar__input .dhx_input {
  height: 32px;
}

@supports (display: block) {
  .dhx_toolbar__input .dhx_input {
    height: unset;
  }
}

.dhx_toolbar-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
  border-radius: 2px;
  transition: background-color 0.2s ease-in;
}

.dhx_toolbar-button--select {
  padding-right: 8px;
}

.dhx_toolbar-button--icon {
  padding-right: 12px;
}

.dhx_toolbar-button--circle {
  border-radius: 32px;
}

.dhx_toolbar-button--circle.dhx_toolbar-button--icon {
  padding-left: 6px;
  padding-right: 6px;
}

.dhx_toolbar-button:hover {
  background-color: rgba(0, 0, 0, 0.07);
  transition: background-color 0.2s ease-out;
}

.dhx_toolbar-button--active,
.dhx_toolbar-button:active {
  background-color: rgba(0, 0, 0, 0.15);
  transition: background-color 0.2s ease-out;
}

.dhx_toolbar-button--disabled,
.dhx_toolbar-button:disabled {
  opacity: 0.8;
  pointer-events: auto;
  cursor: default;
}

.dhx_toolbar-button--disabled:hover,
.dhx_toolbar-button:disabled:hover {
  background-color: transparent;
}

.dhx_toolbar-button--disabled *,
.dhx_toolbar-button:disabled * {
  color: rgba(0, 0, 0, 0.3);
}

.dhx_toolbar-button__icon {
  color: rgba(0, 0, 0, 0.5);
}

.dhx_widget .dhx_toolbar-button__icon {
  line-height: 0;
}

.dhx_widget .dhx_toolbar-button__icon:before {
  font-size: 20px;
  line-height: 20px;
}

.dhx_toolbar-button__icon + .dhx_toolbar-button__text {
  margin-left: 8px;
}

.dhx_toolbar-button__count {
  position: absolute;
  top: -10px;
  right: -10px;
}

.dhx_toolbar-button__caret {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.5);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.dhx_toolbar-button-image {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 44px;
  height: 44px;
  padding: 0;
  margin-top: -8px;
  margin-bottom: -8px;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  transition: opacity 0.2s ease-in;
}

.dhx_toolbar-button-image:hover {
  opacity: 0.8;
  transition: opacity 0.2s ease-out;
}

.dhx_toolbar-button-image__image {
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  z-index: 1;
}

.dhx_toolbar-button-image__text {
  text-align: center;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dhx_toolbar-button-image__count {
  position: absolute;
  top: -4px;
  right: -4px;
}

.st-body .dhx_toolbar {
  background-color: transparent;
}

.st-toolbar {
  margin-bottom: 4px;
  border-bottom: 1px solid #dfdfdf;
  background-color: #fff;
}

.st-toolbar-wide .st-mode-tab__embedded {
  font-weight: 500;
}

.st-toolbar-wide .st-mode-tab__embedded button {
  margin-bottom: 0;
}

.st-toolbar .dhx_toolbar__item:not(:last-child) button:not(.dhx_toolbar-button) {
  margin-right: 0;
}

.st-toolbar .dhx_toolbar__item::last-child {
  padding-left: 0;
}

.st-toolbar .dhx_toolbar__item:first-child button:not(.dhx_toolbar-button) {
  margin-left: 0;
}

.st-toolbar > .dhx_toolbar {
  padding: 0;
}

.st-toolbar--logo {
  line-height: 0;
  text-align: center;
  min-width: 120px;
  height: 44px;
  background: #f7f7f7;
}

.st-toolbar--logo-label {
  display: block;
  color: #2095f3;
  font-weight: 500;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}

.st-toolbar--logo-label:hover {
  color: #1876d2;
}

.st-toolbar--logo-container {
  display: block;
  margin: 6px 0 10px;
}

.st-toolbar button {
  border: none;
  outline: none;
}

.st-toolbar button.st-toolbar--button__search {
  color: rgba(0, 0, 0, 0.7);
  padding: 3px 11px 3px 15px;
  border: 1px solid #dfdfdf;
  border-radius: 100px;
}

.st-toolbar button.st-toolbar--button__search .dhx_toolbar-button__icon {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  color: rgba(0, 0, 0, 0.7);
}

.st-toolbar button.st-toolbar--button__search .dhx_toolbar-button__text {
  text-align: left;
  width: 100px;
  margin: 0;
}

.st-toolbar--button__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: auto;
  min-width: 60px;
}

.st-toolbar--button__tags button {
  cursor: default;
  padding: 0;
}

.st-toolbar--button__tags button:hover {
  background: unset !important;
}

.st-toolbar--button__tags::-webkit-scrollbar {
  display: none;
}

.st-toolbar--button__tags.dhx_toolbar__item li:hover,
.st-toolbar--button__tags.dhx_toolbar__item li:active,
.st-toolbar--button__tags.dhx_toolbar__item li:focus {
  background-color: transparent;
}

.st-toolbar--button__tag {
  margin-left: 10px;
  display: inline-block;
  color: #0288d1;
  font: normal 14px Roboto, Arial, sans-serif;
  line-height: 1;
  padding: 4px 0;
  background-color: transparent;
  cursor: pointer;
}

.st-toolbar--button__tag:before {
  content: "#";
}

.st-toolbar .dhx_navbar-title--toolbar {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.st-toolbar .dhx_navbar-title {
  color: #000;
  font-weight: 400;
}

.st-toolbar--title {
  overflow-x: auto;
}

.st-toolbar--setting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: 3px;
  margin-right: 2px;
}

.st-toolbar--setting button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 100px;
  background: none;
  cursor: pointer;
}

.st-toolbar--setting button:hover {
  background: #f7f7f7;
}

.logo {
  height: 18px;
}

.logo.line {
  fill: #2095f3;
  -webkit-transition: fill 0.15s ease-in-out;
  transition: fill 0.15s ease-in-out;
}

.logo:hover .line {
  -webkit-transition: fill 0.15s ease-in-out;
  transition: fill 0.15s ease-in-out;
  fill: #1876d2;
}

.app-btn {
  margin-left: 12px;
}

.app-btn .dhx_button {
  text-transform: capitalize;
  width: 75px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.app-btn .dhx_button .dhx_button__icon:before {
  font-size: 16px;
  line-height: 1;
}

.app-btn .dhx_button .dhx_button__icon.mdi-record {
  margin-right: 4px;
}

.app-btn .dhx_button .dhx_button__icon.mdi-record:before {
  font-size: 12px;
}

.setting-icon {
  height: 15px;
}

.setting-icon.line {
  fill: rgba(0, 0, 0, 0.7);
}

.dhx_widget.dhx_menu {
  background: transparent;
}

.st-menu-row {
  background-color: #fff;
}

.st-menu-row:first-child {
  border-radius: 2px 2px 0 0;
}

.st-menu-row:last-child {
  border-radius: 0 0 2px 2px;
}

.st-menu-row .dhx_menu-button {
  color: #000;
}

.dhx_menu-item--separator.st-menu-row {
  position: relative;
  margin: 0;
  height: auto;
  overflow: hidden;
  background-color: #fff;
}

.dhx_menu-item--separator.st-menu-row:before {
  content: "";
  display: block;
  border-top: 1px solid #dfdfdf;
  margin: 2px 8px;
}

.st-radio-btn .dhx_menu-button__icon.mdi-radiobox-marked {
  color: #0288d1;
}

.dark-theme .dhx_button--view_flat.dhx_button--color_primary {
  background-color: #1299d2;
}

.dark-theme .st-toolbar {
  border-bottom: 1px solid #000;
  background-color: #101317;
}

.dark-theme .st-toolbar--logo {
  background: #1a1c1e;
}

.dark-theme .st-toolbar--logo-label {
  color: #23a5dd;
}

.dark-theme .st-toolbar .app-btn--add .dhx_button:hover,
.dark-theme .st-toolbar .app-btn--add .dhx_button:focus {
  background: rgba(255, 255, 255, 0.15);
}

.dark-theme .st-toolbar--button__tags button {
  color: #23a5dd;
}

.dark-theme .st-toolbar--setting .dhx_nav-menu-button:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

.dark-theme .dhx_button.st-toolbar--button__search {
  color: #d9d9d9;
  border: 1px solid #2d3033;
}

.dark-theme .dhx_button.st-toolbar--button__search:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

.dark-theme .dhx_button.st-toolbar--button__search .dhx_toolbar-button__icon {
  color: #999;
}

.dark-theme .dhx_navbar-title {
  color: #d9d9d9;
}

.dark-theme .logo.line {
  fill: #23a5dd;
}

.dark-theme .setting-icon {
  height: 15px;
}

.dark-theme .setting-icon.line {
  fill: #d9d9d9;
}

.dark-theme .st-radio-btn .dhx_menu-button__icon.mdi-radiobox-marked {
  color: #23a5dd;
}

.dhx_menu-item.st-menu-row.dark-row {
  background-color: #101317;
}

.dhx_menu-item.st-menu-row.dark-row .dhx_menu-button {
  color: #d9d9d9;
}

.dhx_menu-item.st-menu-row.dark-row .dhx_menu-button:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

.dhx_menu-item.st-menu-row.dark-row .dhx_menu-button .dhx_menu-button__icon {
  color: #d9d9d9;
}

.dhx_menu-item.st-menu-row.dark-row .dhx_menu-button .dhx_menu-button__icon.mdi-radiobox-marked {
  color: #23a5dd;
}

.dhx_menu-item--separator.st-menu-row.dark-row:before {
  border-top: 1px solid #2d3033;
}

.st_share-window {
  padding: 21px 24px 26px;
  background-color: #fff;
}

.st_share-window--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.st_share-window--title {
  color: #000;
  font-size: 15px;
  margin-bottom: 18px;
}

.st_share-window--link-input {
  font: normal 14px "Roboto";
  padding: 3px 16px 4px;
  width: 300px;
  margin-right: 8px;
  border-radius: 30px;
  border: 1px solid #dfdfdf;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
}

.st_share-window--link-input:focus {
  outline: none;
}

.st_share-window--copy-button .dhx_button__icon:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjY1NiAxNEg0LjM0NFY0LjY1Nmg3LjMxMlYxNHptMC0xMC42NTZINC4zNDRhMS4zOCAxLjM4IDAgMDAtLjk2OS4zNzVjLS4yNS4yNS0uMzc1LjU2Mi0uMzc1LjkzN1YxNGMwIC4zNzUuMTI1LjY4OC4zNzUuOTM4LjI3LjI1LjU5NC4zODUuOTY5LjQwNmg3LjMxMmMuMzc1LS4wMjEuNjg4LS4xNTYuOTM4LS40MDYuMjctLjI1LjQwNi0uNTYzLjQwNi0uOTM4VjQuNjU2YzAtLjM3NS0uMTM1LS42ODctLjQwNi0uOTM3YTEuMjcyIDEuMjcyIDAgMDAtLjkzOC0uMzc1em0tMi0yLjY4OGgtOEMxLjI4MS42NzcuOTcuODEyLjcyIDEuMDYyUy4zNDQgMS42MjUuMzQ0IDJ2OS4zNDRoMS4zMTJWMmg4Vi42NTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
}

.st_share-window--copy-button .dhx_button__text {
  text-transform: none;
}

.dark-theme.st_share-window {
  background-color: #101317;
}

.dark-theme .st_share-window--title {
  color: #d9d9d9;
}

.dark-theme .st_share-window--link-input {
  color: #d9d9d9;
  border-color: #2d3033;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .app-btn .dhx_button {
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
}

.st-body .st-toolbar + .vertical.reflex-container {
  height: calc(100% - 49px);
}

.st-body .horizontal > .reflex-splitter,
.st-body .reflex-container.vertical > .reflex-splitter,
.st-body .reflex-container.vertical > .reflex-splitter:hover,
.st-body .reflex-container.vertical > .reflex-splitter.active,
.st-body .reflex-container.horizontal > .reflex-splitter:hover,
.st-body .reflex-container.horizontal > .reflex-splitter.active {
  border: none;
  background: none;
}

.st-body .horizontal > .reflex-splitter {
  height: 4px;
  background-color: #e5e5e5;
}

.st-body .reflex-container.vertical > .reflex-splitter {
  width: 4px;
  background-color: #e5e5e5;
}

.st-body .horizontal.reflex-container > .reflex-element,
.st-body .reflex-container > .vertical.reflex-element {
  border: 1px solid #dfdfdf;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.st-body .reflex-container > .vertical.reflex-element:nth-child(2) {
  border: none;
  background: none;
}

.st-main-content {
  height: 100%;
}

.dark-theme.st-body .horizontal.reflex-container > .reflex-element,
.dark-theme.st-body .reflex-container > .vertical.reflex-element {
  border: 1px solid #000;
  background-color: #34373a;
}

.dark-theme.st-body .reflex-container > .vertical.reflex-element:nth-child(2) {
  border: none;
  background: none;
}

.dark-theme.st-body .horizontal > .reflex-splitter {
  background-color: #000;
}

.dark-theme.st-body .reflex-container.vertical > .reflex-splitter {
  background-color: #000;
}

.dark-theme .dhx_tabbar {
  border: 1px solid #000;
  background-color: #34373a;
}

.dark-theme .dhx_tabbar .dhx_tabbar-header__wrapper::after {
  background: none;
}

.st-main-content > .horizontal.reflex-container {
  height: calc(100% - 49px);
}

.with-description .st-snippet-description_block {
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.with-description > .st-main-content > .horizontal.reflex-container > div > .vertical.reflex-container {
  height: calc(100% - 100px);
}

.with-description > .st-main-content > .horizontal.reflex-container > div > .reflex-element {
  overflow: auto;
  min-height: 100px;
  max-height: 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ededed;
  border: 1px solid #dbdbda;
}

.dark-theme.with-description > .st-main-content > .horizontal.reflex-container > div > .reflex-element {
  background-color: #282b2e;
  border: 1px solid #000;
}

.st-code-pane {
  overflow: hidden !important;
}

.st-code-pane .CodeMirror {
  font-size: 14px;
  line-height: 1.5;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.st-code-pane .CodeMirror pre.CodeMirror-line,
.st-code-pane .CodeMirror pre.CodeMirror-line-like {
  padding: 0 5px;
}

.st-code-pane .cm-s-material-palenight.CodeMirror {
  background-color: #34373a;
}

.st-code-pane .CodeMirror-gutters {
  border-right: none;
  background-color: #fff;
}

.st-code-pane .cm-s-material-palenight .CodeMirror-gutters {
  border-right: none;
  background-color: #34373a;
}

.st-code-pane--toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  height: 42px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
}

.st-code-pane--toolbar > .dhx_toolbar {
  width: 100%;
  padding: 0;
}

.st-code-pane--toolbar .dhx_navbar-title--toolbar {
  position: relative;
  color: #000;
  font: bold 15px/1.6 Roboto, Arial, sans-serif;
  text-transform: capitalize;
  padding: 0 8px;
}

.st-code-pane--toolbar .title .dhx_navbar-title--toolbar {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.st-code-pane--toolbar.not-saved .dhx_navbar-title--toolbar:before {
  content: "";
  position: absolute;
  right: -12px;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background-color: #0288d1;
}

.st-code-pane .toggle .dhx_button {
  margin-right: 0px;
  width: 32px;
  height: 32px;
}

.st-code-pane .dhx_button.dhx_button--view_link.dhx_button--color_secondary {
  color: #0288d1;
}

.st-code-pane .dhx_button.dhx_button--view_link.dhx_button--color_secondary .dhx_button__icon {
  color: #0288d1;
}

.st-code-pane--js .dhx_button.dhx_button--size_medium {
  text-transform: capitalize;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 9px;
}

.st-code-pane--js .dhx_button.dhx_button--view_link.dhx_button--color_secondary {
  color: #0288d1;
}

.st-code-pane--js .dhx_button.dhx_button--view_link.dhx_button--color_secondary .dhx_button__icon {
  color: #0288d1;
}

.st-code-pane--js .dhx_button .dhx_button__icon {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-top: -1px;
}

.st-code-pane--js .dhx_button .dhx_button__text {
  margin: 0;
}

.st-code-pane .CodeMirror-line.error-line {
  background-color: rgba(255, 0, 0, 0.2);
}

.monaco-error-line {
  background-color: rgba(255, 0, 0, 0.2);
}

.st-preview-body {
  background-color: #f7f7f7;
}

.st-settings-popup.dhx_popup {
  border-radius: 2px;
  background-color: transparent;
}

.st-settings-popup.dhx_popup.dhx_widget--border-shadow {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.st-settings-popup.dhx_popup .js-code-settings__head-row.dhx_form-group {
  padding-bottom: 0;
}

.st-settings-popup.dhx_popup .js-code-settings__head-row .dhx_form-group {
  padding-bottom: 0;
}

.st-settings-popup.dhx_popup .st-settings__form {
  background-color: #fff;
}

.st-settings-popup.dhx_popup .st-settings__form > div {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 12px;
}

.st-settings-popup.dhx_popup .st-settings__form > div .version-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.st-settings-popup.dhx_popup .st-settings__form > div .version-row .dhx_input__wrapper {
  width: 108px;
  margin-left: 8px;
}

.st-settings-popup.dhx_popup .st-settings__form > div:first-child {
  position: relative;
  overflow: visible;
  padding-top: 17px;
}

.st-settings-popup.dhx_popup .st-settings__form > div:last-child {
  margin-bottom: 4px;
}

.st-settings-popup.dhx_popup .st-settings__form .dhx_radiobutton__input:checked + .dhx_radiobutton__visual-input {
  -webkit-box-shadow: inset 0 0 0 3px #fff;
  box-shadow: inset 0 0 0 3px #fff;
}

.st-settings-popup.dhx_popup .st-settings__form .dhx_radiobutton__visual-input {
  display: inline-block;
  margin-right: 8px;
}

.st-settings-popup.dhx_popup .st-settings__form .dhx_checkbox__input:checked + .dhx_checkbox__visual-input {
  background-size: 16px;
}

.st-settings-popup.dhx_popup .st-settings__form .dhx_checkbox__visual-input {
  min-width: 18px;
  width: 18px;
  height: 18px;
}

.st-settings-popup.dhx_popup .st-settings__form .dhx_label {
  color: #000;
  font-weight: 700;
}

.st-settings-popup.dhx_popup .st-settings__form .dhx_select.dhx_input {
  color: #000;
  padding-left: 16px;
  border-radius: 50px;
  background-color: transparent;
}

.st-settings-popup.dhx_popup .st-settings__form.dark-theme {
  border-radius: 4px;
  background-color: #101317;
}

.st-settings-popup.dhx_popup .st-settings__form.dark-theme .dhx_radiobutton__visual-input,
.st-settings-popup.dhx_popup .st-settings__form.dark-theme .dhx_checkbox__visual-input {
  border-color: #d9d9d9;
  background-color: transparent;
}

.st-settings-popup.dhx_popup .st-settings__form.dark-theme .dhx_radiobutton__input:checked + .dhx_radiobutton__visual-input {
  -webkit-box-shadow: inset 0 0 0 3px #101317;
  box-shadow: inset 0 0 0 3px #101317;
  border-color: #1299d2;
  background-color: #1299d2;
}

.st-settings-popup.dhx_popup .st-settings__form.dark-theme .dhx_label,
.st-settings-popup.dhx_popup .st-settings__form.dark-theme .dhx_select.dhx_input {
  color: #d9d9d9;
}

.st-settings-popup.dhx_popup .st-settings__form.dark-theme .dhx_input__icon.dxi-menu-down {
  color: #d9d9d9;
}

.st-settings-popup.dhx_popup .st-settings__form.dark-theme .dhx_select.dhx_input {
  border-color: #282b2e;
  -webkit-box-shadow: inset 0 0 0 1px #282b2e;
  box-shadow: inset 0 0 0 1px #282b2e;
  background-color: #282b2e;
}

.st-settings-popup.dhx_popup .st-settings__form.dark-theme .dhx_checkbox__input:checked + .dhx_checkbox__visual-input {
  border-color: #1299d2;
  background-color: #1299d2;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMxMDEzMTciIGQ9Ik0yMSw3TDksMTlsLTUuNS01LjVsMS40LTEuNEw5LDE2LjJMMTkuNiw1LjZMMjEsN3oiLz4NCjwvc3ZnPg0K);
  background-size: 20px;
}

.dark-theme .st-code-pane--toolbar {
  border-bottom: 1px solid #000;
  background-color: #282b2e;
}

.dark-theme .st-code-pane--toolbar .dhx_navbar-title--toolbar {
  color: #d9d9d9;
}

.dark-theme .st-code-pane--toolbar.not-saved .dhx_navbar-title--toolbar:before {
  background-color: #23a5dd;
}

.dark-theme .st-code-pane--js .dhx_button.dhx_button--view_link.dhx_button--color_secondary {
  color: #23a5dd;
}

.dark-theme .st-code-pane--js .dhx_button.dhx_button--view_link.dhx_button--color_secondary:hover,
.dark-theme .st-code-pane--js .dhx_button.dhx_button--view_link.dhx_button--color_secondary:focus {
  background-color: rgba(255, 255, 255, 0.15);
}

.dark-theme .st-code-pane--js .dhx_button.dhx_button--view_link.dhx_button--color_secondary .dhx_button__icon {
  color: #23a5dd;
}

.dark-theme .st-preview-body {
  background-color: #c6c6c6;
}

.st-preview-pane {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.st-preview-pane .st-preview-body {
  height: 100%;
}

.st-main-container__embedded {
  overflow: hidden;
}

.st-main-container__embedded .st-preview-body {
  height: calc(100% - 73px) !important;
}

.st-search {
  border-left: 1px solid #ddd;
  color: rgba(0, 0, 0, 0.7);
  margin-right: 4px;
}

.st-search > .st-search--collapsed {
  padding-top: 13px;
}

.st-search .st-search--collapsed {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  font-size: 20px;
}

.st-search .st-search--collapsed:hover {
  color: #0288d1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.st-search .st-search--collapsed .mdi {
  padding-bottom: 14px;
}

.st-search .st-search--collapsed_title {
  width: 360px;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  margin-left: -160px;
  margin-top: 86px;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.st-search--form .dhx_form-group {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 4px;
}

.st-search--form label.dhx_label {
  display: none;
}

.st-search--form .dhx_input__icon {
  right: 12px;
}

.st-search--form .dhx_input {
  padding: 4px 16px;
  border-radius: 100px;
  background-color: transparent;
}

.st-search--form .dhx_input.dhx_input--icon-padding {
  padding-right: 24px;
}

.st-search__close-btn {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 18px;
  top: 10px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 20px;
  z-index: 1;
  cursor: pointer;
  border-radius: 100px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.st-search__close-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}

.st-search .dhx_list {
  max-height: none !important;
  background-color: transparent;
}

.st-search--list {
  height: 100%;
}

.st-search .dhx_list-item {
  border: none;
  padding: 0;
}

.st-search .dhx_list-item--selected {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.st-search .dhx_list-item--focus,
.st-search .dhx_list-item--selected:hover {
  background-color: transparent;
}

.st-search .dhx_list-item:hover {
  background-color: transparent;
}

.st-search .dhx_list-item:hover .st-search--list__name {
  color: #0288d1;
}

.st-search .dhx_list-item .st-search--list__name {
  position: relative;
  display: block;
  color: #000;
  padding: 8px 24px;
  cursor: pointer;
}

.st-search .dhx_list-item .st-search--list__name.st-search--list__current {
  background-color: #f7f7f7;
}

.st-search .dhx_list-item .st-search--list__name.st-search--list__current:before,
.st-search .dhx_list-item .st-search--list__name.st-search--list__current:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}

.st-search .dhx_list-item .st-search--list__name.st-search--list__current:before {
  border-top: 1px solid #e0e0e0;
  top: 0;
}

.st-search .dhx_list-item .st-search--list__name.st-search--list__current:after {
  border-bottom: 1px solid #e0e0e0;
  bottom: 0;
}

.st-search--title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 51px;
  display: block;
  font: bold 15px/1.6 Roboto, Arial, sans-serif;
  text-align: center;
  padding: 10px 0 17px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 0;
}

.st-search--form {
  position: absolute;
  left: 0;
  top: 51px;
  width: 100%;
  height: 48px;
}

.dark-theme .reflex-container > .vertical.reflex-element.st-search {
  background-color: #101317;
}

.dark-theme .st-search--form .dhx_input__icon {
  color: #999;
}

.dark-theme .st-search--form .dhx_input {
  color: #d9d9d9;
  -webkit-box-shadow: inset 0 0 0 1px #2d3033;
  box-shadow: inset 0 0 0 1px #2d3033;
}

.dark-theme .st-search--form .dhx_input::-webkit-input-placeholder {
  color: #d9d9d9;
}

.dark-theme .st-search--form .dhx_input::-moz-placeholder {
  color: #d9d9d9;
}

.dark-theme .st-search--form .dhx_input:-ms-input-placeholder {
  color: #d9d9d9;
}

.dark-theme .st-search--form .dhx_input::-ms-input-placeholder {
  color: #d9d9d9;
}

.dark-theme .st-search--form .dhx_input::placeholder {
  color: #d9d9d9;
}

.dark-theme .st-search .st-search--collapsed {
  color: rgba(255, 255, 255, 0.7);
}

.dark-theme .st-search .st-search--collapsed:hover {
  color: #0288d1;
}

.dark-theme .st-search__close-btn {
  color: rgba(255, 255, 255, 0.7);
}

.dark-theme .st-search__close-btn:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

.dark-theme .st-search--title {
  color: #d9d9d9;
}

.dark-theme .st-search .dhx_list-item:hover .st-search--list__name {
  color: #23a5dd;
}

.dark-theme .st-search .dhx_list-item .st-search--list__name {
  color: #d9d9d9;
}

.dark-theme .st-search .dhx_list-item .st-search--list__name.st-search--list__current {
  background-color: #000;
}

.dark-theme .st-search .dhx_list-item .st-search--list__name.st-search--list__current:before {
  border-top-color: #2d3033;
}

.dark-theme .st-search .dhx_list-item .st-search--list__name.st-search--list__current:after {
  border-bottom-color: #2d3033;
}

.st-message__warning {
  background-color: #ffcaca !important;
}

.st-mode-tab__embedded button {
  color: #0288d1;
  font-weight: normal;
  margin-bottom: -1px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  background-color: transparent;
}

.st-mode-tab__embedded.active button {
  border-bottom: 2px solid #2095f3;
}

.st-code-editor__embedded {
  height: calc(100% - 73px);
}

.st-code-editor__embedded .cm-s-default {
  height: 100%;
}

.st-search-pane__embedded {
  position: fixed;
  right: 0;
  top: 0;
  padding-top: 99px;
  width: 285px;
  height: 100vh;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border-left: 1px solid #e0e0e0;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 10;
}

.st-search-pane__embedded .dhx_list {
  max-height: none !important;
  background-color: transparent;
}

.st-search-pane__embedded .dhx_list-item {
  border: none;
  padding: 0;
}

.st-search-pane__embedded .dhx_list-item--selected {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.st-search-pane__embedded .dhx_list-item--focus,
.st-search-pane__embedded .dhx_list-item--selected:hover {
  background-color: transparent;
}

.st-search-pane__embedded .dhx_list-item:hover {
  background-color: transparent;
}

.st-search-pane__embedded .dhx_list-item:hover .st-search--list__name {
  color: #0288d1;
}

.st-search-pane__embedded .dhx_list-item .st-search--list__name {
  display: block;
  color: #000;
  padding: 8px 24px;
  cursor: pointer;
}

.st-search-pane__embedded .dhx_list-item .st-search--list__name.st-search--list__current {
  background-color: #f7f7f7;
}

.st-search-pane__embedded .dhx_list-item .st-search--list__name.st-search--list__current:before,
.st-search-pane__embedded .dhx_list-item .st-search--list__name.st-search--list__current:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}

.st-search-pane__embedded .dhx_list-item .st-search--list__name.st-search--list__current:before {
  border-top: 1px solid #e0e0e0;
  top: 0;
}

.st-search-pane__embedded .dhx_list-item .st-search--list__name.st-search--list__current:after {
  border-bottom: 1px solid #e0e0e0;
  bottom: 0;
}

.st-main-container__embedded {
  background-color: #fff;
}

.st-main-container__embedded .cm-s-material-palenight.CodeMirror {
  height: 100%;
}

.st-main-container__embedded .st-toolbar {
  height: 41px;
  margin-bottom: 0;
}

.st-main-container__embedded .dhx_toolbar {
  padding-left: 18px;
  padding-right: 20px;
}

.st-link-basemode__embedded {
  display: inline-block;
  color: #2095f3;
  text-decoration: none;
}

.st-link-basemode__embedded .mdi-launch {
  position: relative;
  top: 2px;
  font-size: 20px;
}

.st-main-container--title__embedded {
  color: #000;
  font: normal 14px/1.72 Roboto, Arial, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 30px;
  padding-left: 18px;
  border-bottom: 1px solid #e0e0e0;
}

.st-main-container--title__embedded .st-tag--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.st-tag__embedded {
  display: inline-block;
  color: #0288d1;
  margin-left: 10px;
  cursor: pointer;
}

.st-tag__embedded:before {
  content: "#";
}

.st-main {
  background-color: #f7f7f7;
}

.st-main__container {
  width: 1220px;
  height: 100%;
  margin: auto;
  background-color: #fff;
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.st-main__container .st-topbar {
  height: 120px;
  border-bottom: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.st-main__container .st-topbar__logo {
  font-family: Roboto;
  background: #f7f7f7;
  border-right: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.st-main__container .st-topbar__logo .st-logo-img {
  height: 18px;
}

.st-main__container .st-topbar__logo .st-logo-text {
  color: #2095f3;
  font-weight: 500;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 14px;
}

.st-main__container .st-topbar__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.st-main__container .st-topbar__controls #st_add_live {
  padding: 12px 100px;
  border-radius: 100px;
}

.st-main__container .st-main-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 120px);
}

.st-main__container .st-main-search__filter {
  height: 100%;
}

.st-main__container .st-main-search__filter .header-label-text input {
  font-weight: 500;
  color: #000;
}

.st-main__container .st-main-search__list {
  height: 100%;
  width: calc(100% - 211px);
  border-left: 1px solid #e0e0e0;
}

.st-main__container .st-main-search__list .st-search-input input {
  border-radius: 100px;
  background-color: #fff;
  text-indent: 16px;
}

.st-main__container .st-main-search__list .st-search-list {
  height: calc(100% - 84px);
}

.st-main__container .st-main-search__list .st-search-list .dhx_list-item {
  border-bottom: none;
  margin: 0 28px;
  cursor: pointer;
  color: #000;
}

.st-main__container .st-main-search__list .st-search-list .dhx_list-item:hover {
  color: #0288d1;
}

.dark-theme .st-snippet-description_block {
  color: #d9d9d9;
}

.st-snippet-description_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: rgba(0, 0, 0, 0.7);
  font: 400 14px/1.7 "Roboto", Arial, sans-serif;
  padding: 16px 20px;
}

.st-snippet-description_block h1,
.st-snippet-description_block h2,
.st-snippet-description_block h3,
.st-snippet-description_block h4,
.st-snippet-description_block h5,
.st-snippet-description_block strong {
  font-weight: 500;
}

.st-snippet-description_block h1,
.st-snippet-description_block h2,
.st-snippet-description_block h3,
.st-snippet-description_block h4,
.st-snippet-description_block h5,
.st-snippet-description_block ul,
.st-snippet-description_block ol,
.st-snippet-description_block p {
  margin: 16px 0 0;
  padding: 0;
}

.st-snippet-description_block h1:first-child,
.st-snippet-description_block h2:first-child,
.st-snippet-description_block h3:first-child,
.st-snippet-description_block h4:first-child,
.st-snippet-description_block h5:first-child,
.st-snippet-description_block ul:first-child,
.st-snippet-description_block ol:first-child,
.st-snippet-description_block p:first-child {
  margin: 0;
}

.st-snippet-description_block li {
  list-style: none;
  padding: 0;
}

.st-snippet-description_block a {
  color: #3da0e3;
  text-decoration: none;
}

.st-snippet-description_block a:hover {
  text-decoration: underline;
}

.st-snippet-description_block div + .st-snippet-description_button {
  margin-left: 35px;
  position: absolute;
  right: 58px;
}

.st-snippet-description_block .st-snippet-description_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font: 500 14px/20px "Roboto", Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  padding: 6px 0;
  width: 205px;
  border-radius: 50px;
  background-color: #0288d1;
  -webkit-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}

.st-snippet-description_block .st-snippet-description_button:hover {
  text-decoration: none;
  background-color: #0298ea;
}

.st-snippet-description_content {
  margin-right: 240px;
  -webkit-box-flex: 100;
  -ms-flex: 100;
  flex: 100;
}

main {
  background-color: #e5e5e5;
}

main.dark-theme {
  background-color: #000;
}

.dhx_checkbox__input,
.dhx_radiobutton__input,
.dhx_simplevault__input,
.dhx_visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.dhx_no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: -webkit-grab;
  cursor: grab;
}

.dhx_no-select:not(.dhx_no-select--resize):not(.dhx_no-select--pointer) * {
  cursor: -webkit-grab !important;
  cursor: grab !important;
}

.dhx_no-select--pointer {
  cursor: pointer;
}

.dhx_no-select--pointer,
.dhx_no-select--resize {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dhx-resize-observer {
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  margin: 1px 0 0;
  border: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.dhx_widget,
.dhx_widget * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
}

.dhx_widget,
.dhx_widget *,
.dhx_widget:after,
.dhx_widget :after,
.dhx_widget:before,
.dhx_widget :before {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.dhx_widget {
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
}

.dhx_widget--bordered {
  border: 1px solid #e4e4e4;
}

.dhx_widget--border_top {
  border-top: 1px solid #e4e4e4;
}

.dhx_widget--border_bottom {
  border-bottom: 1px solid #e4e4e4;
}

.dhx_widget--border_left {
  border-left: 1px solid #e4e4e4;
}

.dhx_widget--border_right {
  border-right: 1px solid #e4e4e4;
}

.dhx_widget--border-shadow {
  border: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.dhx_widget--no-border {
  border: 0;
}

.dhx_widget--no-border_top {
  border-top: 0;
}

.dhx_widget--no-border_bottom {
  border-bottom: 0;
}

.dhx_widget--no-border_left {
  border-left: 0;
}

.dhx_widget--no-border_right {
  border-right: 0;
}

.dhx_widget.dhx_widget--bg_white {
  background-color: #fff;
}

.dhx_widget.dhx_widget--bg_gray {
  background-color: #f7f7f7;
}

.dhx_drag-ghost {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  z-index: 999;
  opacity: 0.6;
}

.dhx_drag-ghost * {
  box-sizing: border-box;
}

.dhx_drag-ghost .dhx_list-item {
  list-style-type: none;
}

.dhx_drag-ghost .dhx_list-item--selected {
  background-color: #fff;
  box-shadow: inset 0 0 0 0 #0288d1;
}

.dhx_drag-ghost .dhx_list-item--focus,
.dhx_drag-ghost .dhx_list-item--selected:hover,
.dhx_drag-ghost .dhx_list-item:hover {
  background-color: #fff;
  transition: background-color 0.2s ease-out;
}

.dhx_drag-ghost .dhx_tree-list-item__icon {
  position: relative;
  display: inline;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.3);
  font-size: 20px;
  top: 2px;
}

.dhx_drag-ghost .dhx_tree-list-item__text {
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  vertical-align: middle;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
}

.dhx_drag-ghost .dhx_dataview-item,
.dhx_drag-ghost .dhx_grid-cell,
.dhx_drag-ghost .dhx_list-item {
  background-color: #fff;
  border: 1px solid #e4e4e4 !important;
}

.dxi:before {
  font-family: dhxicons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dxi.dxi-alert-circle:before {
  content: "\F101";
}

.dxi.dxi-arrow-collapse:before {
  content: "\F102";
}

.dxi.dxi-arrow-expand:before {
  content: "\F103";
}

.dxi.dxi-blur-off:before {
  content: "\F104";
}

.dxi.dxi-blur:before {
  content: "\F105";
}

.dxi.dxi-calendar-today:before {
  content: "\F106";
}

.dxi.dxi-check:before {
  content: "\F107";
}

.dxi.dxi-checkbox-blank-outline:before {
  content: "\F108";
}

.dxi.dxi-checkbox-marked-circle:before {
  content: "\F109";
}

.dxi.dxi-checkbox-marked:before {
  content: "\F10A";
}

.dxi.dxi-chevron-down:before {
  content: "\F10B";
}

.dxi.dxi-chevron-left:before {
  content: "\F10C";
}

.dxi.dxi-chevron-right:before {
  content: "\F10D";
}

.dxi.dxi-chevron-up:before {
  content: "\F10E";
}

.dxi.dxi-clock-outline:before {
  content: "\F10F";
}

.dxi.dxi-clock:before {
  content: "\F110";
}

.dxi.dxi-close-circle:before {
  content: "\F111";
}

.dxi.dxi-close:before {
  content: "\F112";
}

.dxi.dxi-delete-forever:before {
  content: "\F113";
}

.dxi.dxi-delete:before {
  content: "\F114";
}

.dxi.dxi-dots-horizontal:before {
  content: "\F115";
}

.dxi.dxi-dots-vertical:before {
  content: "\F116";
}

.dxi.dxi-download:before {
  content: "\F117";
}

.dxi.dxi-empty:before {
  content: "\F118";
}

.dxi.dxi-eraser:before {
  content: "\F119";
}

.dxi.dxi-eye-off:before {
  content: "\F11A";
}

.dxi.dxi-eye:before {
  content: "\F11B";
}

.dxi.dxi-eyedropper-variant:before {
  content: "\F11C";
}

.dxi.dxi-file-export:before {
  content: "\F11D";
}

.dxi.dxi-file-outline:before {
  content: "\F11E";
}

.dxi.dxi-filter-variant:before {
  content: "\F11F";
}

.dxi.dxi-folder-open:before {
  content: "\F120";
}

.dxi.dxi-folder:before {
  content: "\F121";
}

.dxi.dxi-format-align-center:before {
  content: "\F122";
}

.dxi.dxi-format-align-left:before {
  content: "\F123";
}

.dxi.dxi-format-align-right:before {
  content: "\F124";
}

.dxi.dxi-format-bold:before {
  content: "\F125";
}

.dxi.dxi-format-color-fill:before {
  content: "\F126";
}

.dxi.dxi-format-color-text:before {
  content: "\F127";
}

.dxi.dxi-format-italic:before {
  content: "\F128";
}

.dxi.dxi-format-line-spacing:before {
  content: "\F129";
}

.dxi.dxi-format-quote-close:before {
  content: "\F12A";
}

.dxi.dxi-format-quote-open:before {
  content: "\F12B";
}

.dxi.dxi-format-strikethrough:before {
  content: "\F12C";
}

.dxi.dxi-format-underline:before {
  content: "\F12D";
}

.dxi.dxi-format-vertical-align-bottom:before {
  content: "\F12E";
}

.dxi.dxi-format-vertical-align-center:before {
  content: "\F12F";
}

.dxi.dxi-format-vertical-align-top:before {
  content: "\F130";
}

.dxi.dxi-function-variant:before {
  content: "\F131";
}

.dxi.dxi-help-circle-outline:before {
  content: "\F132";
}

.dxi.dxi-information-outline:before {
  content: "\F133";
}

.dxi.dxi-key:before {
  content: "\F134";
}

.dxi.dxi-link-variant-off:before {
  content: "\F135";
}

.dxi.dxi-link-variant:before {
  content: "\F136";
}

.dxi.dxi-loading:before {
  content: "\F137";
}

.dxi.dxi-magnify:before {
  content: "\F138";
}

.dxi.dxi-menu-down:before {
  content: "\F139";
}

.dxi.dxi-menu-left:before {
  content: "\F13A";
}

.dxi.dxi-menu-right:before {
  content: "\F13B";
}

.dxi.dxi-menu-up:before {
  content: "\F13C";
}

.dxi.dxi-minus-box:before {
  content: "\F13D";
}

.dxi.dxi-minus:before {
  content: "\F13E";
}

.dxi.dxi-numeric:before {
  content: "\F13F";
}

.dxi.dxi-pencil:before {
  content: "\F140";
}

.dxi.dxi-plus-circle:before {
  content: "\F141";
}

.dxi.dxi-plus:before {
  content: "\F142";
}

.dxi.dxi-printer:before {
  content: "\F143";
}

.dxi.dxi-redo:before {
  content: "\F144";
}

.dxi.dxi-rotate-right:before {
  content: "\F145";
}

.dxi.dxi-sort-variant:before {
  content: "\F146";
}

.dxi.dxi-table-column-plus-before:before {
  content: "\F147";
}

.dxi.dxi-table-column-remove:before {
  content: "\F148";
}

.dxi.dxi-table-column:before {
  content: "\F149";
}

.dxi.dxi-table-row-plus-after:before {
  content: "\F14A";
}

.dxi.dxi-table-row-remove:before {
  content: "\F14B";
}

.dxi.dxi-table-row:before {
  content: "\F14C";
}

.dxi.dxi-undo:before {
  content: "\F14D";
}

.dxi.dxi-unfold-more-horizontal:before {
  content: "\F14E";
}

.dxi.dxi-vault:before {
  content: "\F14F";
}

.dxi {
  display: inline-block;
  text-rendering: auto;
  line-height: 0;
  font-size: 0;
}

.dxi:before {
  font-size: 20px;
}

.dxi--small:before {
  font-size: 16px;
}

.dxi--medium:before {
  font-size: 20px;
}

.dxi--large:before {
  font-size: 24px;
}

@-webkit-keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }

  to {
    -webkit-transform: rotate(1439deg);
    transform: rotate(1439deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}

@keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }

  to {
    -webkit-transform: rotate(1439deg);
    transform: rotate(1439deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}

.dhx_button {
  overflow: visible;
  position: relative;
  text-decoration: none;
  background-image: none;
  border: 0;
  touch-action: manipulation;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  cursor: pointer;
}

.dhx_button:active,
.dhx_button:focus {
  outline: none;
}

.dhx_button__icon,
.dhx_button__text {
  pointer-events: none;
}

.dhx_button__icon {
  line-height: 0;
}

.dhx_button__icon:before {
  display: inline-block;
}

.dhx_button__icon + .dhx_button__text {
  margin-left: 4px;
}

.dhx_button__loading {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
}

.dhx_button__loading-icon {
  -webkit-animation: a 0.9s linear infinite;
  animation: a 0.9s linear infinite;
}

.dhx_button--width_full {
  width: 100%;
}

.dhx_button--justify_between {
  justify-content: space-between;
}

.dhx_button--circle.dhx_button--size_small {
  border-radius: 28px;
}

.dhx_button--circle.dhx_button--size_medium {
  border-radius: 32px;
}

.dhx_button--disabled,
.dhx_button:disabled {
  pointer-events: none;
}

.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full) {
  border-radius: 50%;
}

.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full).dhx_button--size_medium {
  padding-left: 6px;
  padding-right: 6px;
}

.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full).dhx_button--size_small {
  padding-left: 4px;
  padding-right: 4px;
}

.dhx_button--loading {
  position: relative;
}

.dhx_button--loading .dhx_button__loading {
  display: flex;
}

.dhx_button--loading .dhx_button__icon,
.dhx_button--loading .dhx_button__text {
  visibility: hidden;
}

.dhx_button--size_small {
  padding: 4px 12px;
  font-size: 14px;
  line-height: 20px;
}

.dhx_button--size_small .dhx_button__icon:before {
  font-size: 16px;
  line-height: 16px;
}

.dhx_button--size_small.dhx_button--loading-icon:before {
  font-size: 16px;
  margin-top: -8px;
  margin-left: -8px;
}

.dhx_button--size_medium {
  padding: 6px 16px;
  text-transform: uppercase;
  line-height: 20px;
}

.dhx_button--size_medium .dhx_button__icon:before {
  font-size: 20px;
  line-height: 20px;
}

.dhx_button--size_medium.dhx_button--loading-icon:before {
  font-size: 20px;
  margin-top: -10px;
  margin-left: -10px;
}

.dhx_button--view_flat {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: #fff;
  transition: background-color 0.2s ease-in, color 0.2s ease-in, box-shadow 0.2s ease-in;
}

.dhx_button--view_flat:focus,
.dhx_button--view_flat:hover {
  transition: background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
}

.dhx_button--view_flat.dhx_button--color_primary {
  background-color: #0288d1;
  outline-width: 0;
}

.dhx_button--view_flat.dhx_button--color_primary.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_primary:focus,
.dhx_button--view_flat.dhx_button--color_primary:hover {
  background-color: #35a0da;
}

.dhx_button--view_flat.dhx_button--color_primary:active {
  background-color: #0288d1;
  box-shadow: none;
}

.dhx_button--view_flat.dhx_button--color_primary.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_primary:disabled {
  background-color: #81c4e8;
}

.dhx_button--view_flat.dhx_button--color_secondary {
  background-color: #4d4d4d;
  outline-width: 0;
}

.dhx_button--view_flat.dhx_button--color_secondary.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_secondary:focus,
.dhx_button--view_flat.dhx_button--color_secondary:hover {
  background-color: #717171;
}

.dhx_button--view_flat.dhx_button--color_secondary:active {
  background-color: #4d4d4d;
  box-shadow: none;
}

.dhx_button--view_flat.dhx_button--color_secondary.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_secondary:disabled {
  background-color: #a6a6a6;
}

.dhx_button--view_flat.dhx_button--color_danger {
  background-color: #ff5252;
  outline-width: 0;
}

.dhx_button--view_flat.dhx_button--color_danger.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_danger:focus,
.dhx_button--view_flat.dhx_button--color_danger:hover {
  background-color: #ff7575;
}

.dhx_button--view_flat.dhx_button--color_danger:active {
  background-color: #ff5252;
  box-shadow: none;
}

.dhx_button--view_flat.dhx_button--color_danger.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_danger:disabled {
  background-color: #ffa9a9;
}

.dhx_button--view_flat.dhx_button--color_success {
  background-color: #0ab169;
  outline-width: 0;
}

.dhx_button--view_flat.dhx_button--color_success.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_success:focus,
.dhx_button--view_flat.dhx_button--color_success:hover {
  background-color: #3bc187;
}

.dhx_button--view_flat.dhx_button--color_success:active {
  background-color: #0ab169;
  box-shadow: none;
}

.dhx_button--view_flat.dhx_button--color_success.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_success:disabled {
  background-color: #85d8b4;
}

.dhx_button--view_link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  border-radius: 2px;
  background: transparent;
  transition: background-color 0.2s ease-in, box-shadow 0.2s ease-in;
}

.dhx_button--view_link:focus,
.dhx_button--view_link:hover {
  transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
}

.dhx_button--view_link.dhx_button--color_primary {
  color: #0288d1;
  outline-width: 0;
}

.dhx_button--view_link.dhx_button--color_primary:focus,
.dhx_button--view_link.dhx_button--color_primary:hover {
  background-color: #d9edf8;
}

.dhx_button--view_link.dhx_button--color_primary.dhx_button--active,
.dhx_button--view_link.dhx_button--color_primary:active {
  background-color: #b8def2;
}

.dhx_button--view_link.dhx_button--color_primary.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_primary:disabled {
  color: #81c4e8;
}

.dhx_button--view_link.dhx_button--color_secondary {
  color: #4d4d4d;
  outline-width: 0;
}

.dhx_button--view_link.dhx_button--color_secondary:focus,
.dhx_button--view_link.dhx_button--color_secondary:hover {
  background-color: #e4e4e4;
}

.dhx_button--view_link.dhx_button--color_secondary.dhx_button--active,
.dhx_button--view_link.dhx_button--color_secondary:active {
  background-color: #cdcdcd;
}

.dhx_button--view_link.dhx_button--color_secondary.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_secondary:disabled {
  color: #a6a6a6;
}

.dhx_button--view_link.dhx_button--color_danger {
  color: #ff5252;
  outline-width: 0;
}

.dhx_button--view_link.dhx_button--color_danger:focus,
.dhx_button--view_link.dhx_button--color_danger:hover {
  background-color: #ffe5e5;
}

.dhx_button--view_link.dhx_button--color_danger.dhx_button--active,
.dhx_button--view_link.dhx_button--color_danger:active {
  background-color: #ffcfcf;
}

.dhx_button--view_link.dhx_button--color_danger.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_danger:disabled {
  color: #ffa9a9;
}

.dhx_button--view_link.dhx_button--color_success {
  color: #0ab169;
  outline-width: 0;
}

.dhx_button--view_link.dhx_button--color_success:focus,
.dhx_button--view_link.dhx_button--color_success:hover {
  background-color: #daf3e9;
}

.dhx_button--view_link.dhx_button--color_success.dhx_button--active,
.dhx_button--view_link.dhx_button--color_success:active {
  background-color: #bae9d5;
}

.dhx_button--view_link.dhx_button--color_success.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_success:disabled {
  color: #85d8b4;
}

.dhx_button--sidebar .dhx_button__icon + .dhx_button__text {
  margin-left: 8px;
  margin-right: auto;
}

.dhx_widget .dhx_button__icon {
  line-height: 0;
}

.dhx_widget .dhx_button__icon:before {
  font-size: 20px;
  line-height: 20px;
}

.dhx_widget .dhx_button--size_small .dhx_button__icon:before {
  font-size: 16px;
  line-height: 16px;
}

.dhx_form-group {
  position: relative;
  display: block;
  text-align: left;
  padding-bottom: 16px;
}

.dhx_form-group--simplevault {
  line-height: 0;
  height: 100%;
}

.dhx_form-group--simplevault .dhx_label {
  margin-bottom: 4px;
}

.dhx_form-group--textarea {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.dhx_form-group--textarea .dhx_input--textarea,
.dhx_form-group--textarea .dhx_input__wrapper {
  height: 100%;
}

.dhx_form-group--textarea .dhx_label {
  min-height: 20px;
  line-height: 20px;
  margin-bottom: 4px;
}

.dhx_form-group--inline {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  position: relative;
}

.dhx_form-group--inline .dhx_label {
  position: relative;
  flex: 0 1 auto;
  max-height: 40px;
  margin-right: 16px;
  margin-bottom: 0;
  text-align: right;
  width: 100%;
  margin-top: 6px;
  align-self: flex-start;
}

.dhx_form-group--inline .dhx_input__wrapper {
  flex: 0 1 auto;
  width: 300%;
  height: 100%;
}

.dhx_form-group--inline .dhx_label--with-help {
  justify-content: flex-end;
}

.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label:not(.dhx_label--with-help) {
  position: relative;
  margin-bottom: 0;
}

.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label:not(.dhx_label--with-help):after {
  content: "*";
  display: inline-block;
  padding-left: 4px;
  color: rgba(0, 0, 0, 0.3);
}

.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label__holder {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label__holder:after {
  content: "*";
  display: inline-block;
  padding-left: 4px;
  color: rgba(0, 0, 0, 0.3);
}

.dhx_form-group--no-message-holder {
  padding-bottom: 0;
}

.dhx_form-group--disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: default;
}

.dhx_form-group--hidden {
  display: none;
}

.dhx_form-group--state_error .dhx_input__caption,
.dhx_form-group--state_error .dhx_label {
  color: #ff5252;
}

.dhx_form-group--state_error .dhx_combobox-input-box,
.dhx_form-group--state_error .dhx_combobox-input-box:focus,
.dhx_form-group--state_error .dhx_input,
.dhx_form-group--state_error .dhx_input:focus {
  box-shadow: inset 0 0 0 1px #ffbaba;
}

.dhx_form-group--state_error .dhx_simplevault-files,
.dhx_form-group--state_error .dhx_simplevault-files:focus,
.dhx_form-group--state_error .dhx_simplevault__drop-area,
.dhx_form-group--state_error .dhx_simplevault__drop-area:focus {
  border-color: #ffbaba;
}

.dhx_form-group--state_success .dhx_input__caption,
.dhx_form-group--state_success .dhx_label {
  color: #0ab169;
}

.dhx_form-group--state_success .dhx_combobox-input-box,
.dhx_form-group--state_success .dhx_combobox-input-box:focus,
.dhx_form-group--state_success .dhx_input,
.dhx_form-group--state_success .dhx_input:focus {
  box-shadow: inset 0 0 0 1px #9de0c3;
}

.dhx_form-group--state_success .dhx_simplevault__drop-area,
.dhx_form-group--state_success .dhx_simplevault__drop-area:focus {
  border-top-color: #9de0c3;
  border-left-color: #9de0c3;
  border-right-color: #9de0c3;
}

.dhx_form-group--state_success .dhx_simplevault-files,
.dhx_form-group--state_success .dhx_simplevault-files:focus {
  border-right-color: #9de0c3;
  border-left-color: #9de0c3;
  border-bottom-color: #9de0c3;
}

.dhx_form-group--label_sr .dhx_label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.dhx_form-group .dhx_combobox {
  margin: 0;
}

.dhx_form-group .dhx_slider {
  padding-bottom: 0;
}

.dhx_input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 8px;
  margin: 0;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  background-color: #f6f6f6;
  background-clip: padding-box;
  box-shadow: inset 0 0 0 1px #dfdfdf;
  border: 0;
  border-radius: 2px;
  outline: 0;
  transition: border-color 0.2s ease-in, box-shadow 0.2s ease-in;
}

.dhx_input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.dhx_input:-ms-input-placeholder,
.dhx_input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.dhx_input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.dhx_input:focus {
  box-shadow: inset 0 0 0 1px #67b8e3;
}

.dhx_input--icon-padding {
  padding-right: 24px;
}

.dhx_input--textarea {
  max-width: 100%;
}

.dhx_input--textinput {
  box-shadow: none;
  background: none;
  padding-left: 0;
}

.dhx_input--textinput:focus {
  box-shadow: none;
}

.dhx_input__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.dhx_input__wrapper:before {
  color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.dhx_input__container {
  width: 100%;
  display: inline-block;
  position: relative;
}

.dhx_input__caption {
  left: 0;
  bottom: 0;
  max-width: 100%;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.5);
  white-space: wrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  cursor: default;
}

.dhx_input__icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 4px;
  z-index: 1;
  color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
}

.dhx_input__icon--color-selected {
  border-radius: 2px;
}

.dhx_input__icon--color-selected:after,
.dhx_input__icon--color-selected:before {
  opacity: 0;
}

.dhx_widget .dhx_input__icon {
  line-height: 0;
}

.dhx_widget .dhx_input__icon:before {
  font-size: 20px;
  line-height: 20px;
}

.dhx_label {
  display: inline-block;
  width: auto;
  flex: 0 1 auto;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: color 0.2s ease-in, opacity 0.2s ease-in;
}

.dhx_label:hover {
  opacity: 0.8;
  transition: color 0.2s ease-out, opacity 0.2s ease-out;
}

.dhx_label__holder {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dhx_label--with-help {
  display: flex;
  align-items: center;
}

.dhx_label-help {
  margin-left: 4px;
  color: #0288d1;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.dhx_label-help:focus {
  outline: none;
}

.dhx_checkbox {
  position: relative;
  display: inline-block;
  width: auto;
  padding-top: 0;
  cursor: pointer;
}

.dhx_checkbox__visual-input {
  display: block;
  border: 2px solid rgba(0, 0, 0, 0.5);
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 2px;
  cursor: pointer;
}

.dhx_checkbox .dhx_label {
  margin-top: 4px;
  margin-bottom: 0;
  width: auto;
}

.dhx_checkbox .dhx_label:after {
  display: none;
}

.dhx_checkbox .dhx_input__caption {
  position: static;
  display: block;
  -webkit-transform: none;
  transform: none;
}

.dhx_checkbox.dhx_form-group--inline {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.dhx_checkbox.dhx_form-group--inline .dhx_label {
  padding-left: 6px;
  margin-top: 0;
}

.dhx_checkbox.dhx_form-group--hidden {
  display: none;
}

.dhx_checkbox__input:disabled + * + .dhx_label,
.dhx_checkbox__input:disabled + .dhx_checkbox__visual-input {
  opacity: 0.6;
}

.dhx_checkbox__input:focus + .dhx_checkbox__visual-input {
  border-color: #0288d1;
}

.dhx_checkbox__input:checked + .dhx_checkbox__visual-input {
  background-color: #0288d1;
  background-position: 50%;
  background-size: cover;
  border-color: #0288d1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIxIDdMOSAxOWwtNS41LTUuNSAxLjQxLTEuNDFMOSAxNi4xNyAxOS41OSA1LjU5IDIxIDd6Ii8+PC9zdmc+);
  transition: background-color 0.2s ease-out;
}

.dhx_radiobutton {
  position: relative;
  display: inline-block;
  width: auto;
  padding-top: 0;
  cursor: pointer;
}

.dhx_radiobutton__visual-input {
  display: block;
  border: 2px solid rgba(0, 0, 0, 0.5);
  bottom: 4px;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
}

.dhx_radiobutton .dhx_label {
  margin-top: 4px;
  margin-bottom: 0;
  width: auto;
  cursor: pointer;
}

.dhx_radiobutton .dhx_input__caption {
  position: static;
  display: block;
}

.dhx_radiobutton.dhx_form-group--inline {
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.dhx_radiobutton.dhx_form-group--inline .dhx_label {
  padding-left: 6px;
  margin-top: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

.dhx_radiobutton__input:disabled + * + .dhx_label,
.dhx_radiobutton__input:disabled + .dhx_radiobutton__visual-input {
  opacity: 0.6;
}

.dhx_radiobutton__input:focus + .dhx_radiobutton__visual-input {
  border-color: #0288d1;
}

.dhx_radiobutton__input:checked + .dhx_radiobutton__visual-input {
  background-color: #0288d1;
  border-color: #0288d1;
  box-shadow: inset 0 0 0 4px #fff;
  transition: background-color 0.2s ease-out;
}

.dhx_select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.dhx_select::-ms-expand {
  display: none;
}

.dhx_select__placeholder {
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
}

.dhx_select:focus + .dhx_select__placeholder {
  opacity: 0;
}

.dhx_simplevault {
  border: none;
  border-radius: 2px;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.dhx_simplevault__drop-area {
  background-color: #f6f6f6;
  border: 1px solid #dfdfdf;
  transition: all 0.2s ease-in;
  display: flex;
  height: 115px;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}

.dhx_simplevault__drop-area--on-drag {
  border-style: dashed;
  transition: border 0.2s ease-out;
}

.dhx_simplevault__icon:before {
  font-size: 40px;
  color: rgba(0, 0, 0, 0.3);
  transition: color 0.2s ease-in;
}

.dhx_simplevault__title {
  max-width: 100%;
}

.dhx_simplevault__label {
  color: #0288d1;
  cursor: pointer;
}

.dhx_simplevault--on-drag .dhx_simplevault-loader {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition: opacity 0.2s ease-in, -webkit-transform 0.2s ease-in;
  transition: opacity 0.2s ease-in, transform 0.2s ease-in;
  transition: opacity 0.2s ease-in, transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}

.dhx_simplevault-files {
  background-color: #f6f6f6;
  border: 1px solid #dfdfdf;
  border-top: none;
  transition: all 0.2s ease-in;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: calc(100% - 115px);
  height: calc(100% - 115px);
  overflow-y: auto;
}

.dhx_simplevault-files__fixed {
  max-height: 276px;
}

.dhx_simplevault-files__item {
  position: relative;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  line-height: 20px;
  font-size: 14px;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 8px 40px 8px 8px;
}

.dhx_simplevault-files__item:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}

.dhx_simplevault-files__item-name {
  word-break: break-word;
}

.dhx_simplevault-files__delete {
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.dhx_simplevault-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  background-color: #ededed;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  will-change: transform;
  transition: 0ms;
  z-index: 1;
}

.dhx_simplevault-loader .dhx_simplevault__icon:before {
  color: #0288d1;
}

.dhx_slider {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
}

.dhx_slider--label-inline {
  flex-direction: row;
  align-items: center;
}

.dhx_slider--label-inline .dhx_slider__label {
  text-align: right;
  flex: 0 1 auto;
  margin-right: 16px;
  margin-bottom: 0;
  width: 100%;
}

.dhx_slider--label-inline .dhx_label--with-help {
  justify-content: flex-end;
}

.dhx_slider--label-inline .dhx_slider__track-holder {
  width: 300%;
  flex: 0 1 auto;
}

.dhx_slider--label_sr .dhx_label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.dhx_slider--mode_vertical {
  height: 100%;
  display: inline-flex;
}

.dhx_slider--mode_vertical .dhx_slider__label {
  align-self: flex-start;
}

.dhx_slider--mode_vertical .dhx_slider__track-holder {
  height: 100%;
  display: flex;
  padding: 8px 0;
}

.dhx_slider--mode_vertical .dhx_slider__track {
  align-self: stretch;
  padding: 0 8px;
}

.dhx_slider--mode_vertical .dhx_slider__track:before {
  width: 2px;
  height: 100%;
}

.dhx_slider--mode_vertical .dhx_slider__range {
  width: 2px;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}

.dhx_slider--mode_vertical .dhx_slider__thumb {
  left: 50%;
}

.dhx_slider--mode_vertical .dhx_slider__tick {
  height: 1px;
  width: 4px;
}

.dhx_slider--mode_vertical .dhx_slider__tick:not(:first-child) {
  -webkit-transform: translateY(-0.5px);
  transform: translateY(-0.5px);
}

.dhx_slider--mode_vertical .dhx_slider__tick--major {
  width: 8px;
}

.dhx_slider--mode_vertical .dhx_slider__tick-label {
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-left: 2px;
}

.dhx_slider--ticks .dhx_slider__ticks-holder {
  height: 4px;
}

.dhx_slider--ticks.dhx_slider--mode_vertical .dhx_slider__ticks-holder {
  height: 100%;
  width: 4px;
}

.dhx_slider__track-holder {
  position: relative;
  flex: 1;
}

.dhx_slider__track {
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
  z-index: 1;
}

.dhx_slider__track:before {
  content: "";
  display: block;
  height: 2px;
  background-color: #b3b3b3;
}

.dhx_slider__thumb {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #0288d1;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, -webkit-transform 0.1s ease-out;
  transition: transform 0.1s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out;
  transition: transform 0.1s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out, -webkit-transform 0.1s ease-out;
  will-change: transform;
  cursor: pointer;
}

.dhx_slider__thumb:after,
.dhx_slider__thumb:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  border-radius: 50%;
  will-change: transform;
}

.dhx_slider__thumb:before {
  width: 28px;
  height: 28px;
  background-color: rgba(2, 136, 209, 0.15);
}

.dhx_slider__thumb:after,
.dhx_slider__thumb:before {
  transition: background-color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, background-color 0.2s ease-out;
  transition: transform 0.2s ease-out, background-color 0.2s ease-out, -webkit-transform 0.2s ease-out;
}

.dhx_slider__thumb:after {
  width: 16px;
  height: 16px;
  background-color: #0288d1;
}

.dhx_slider__thumb:focus,
.dhx_slider__thumb:hover {
  outline: none;
}

.dhx_slider__thumb:focus:before,
.dhx_slider__thumb:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: background-color 0.2s ease-in, -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in, background-color 0.2s ease-in;
  transition: transform 0.2s ease-in, background-color 0.2s ease-in, -webkit-transform 0.2s ease-in;
}

.dhx_slider__thumb--active,
.dhx_slider__thumb:active {
  z-index: 1;
}

.dhx_slider__thumb--active:after,
.dhx_slider__thumb:active:after {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: background-color 0.2s ease-in, -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in, background-color 0.2s ease-in;
  transition: transform 0.2s ease-in, background-color 0.2s ease-in, -webkit-transform 0.2s ease-in;
}

.dhx_slider__thumb--nullable {
  background-color: #b3b3b3;
}

.dhx_slider__thumb--nullable:after {
  width: 8px;
  height: 8px;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  background: #fff;
}

.dhx_slider__thumb--nullable:before {
  background-color: rgba(77, 77, 77, 0.15);
}

.dhx_slider__thumb--disabled {
  background-color: #b3b3b3;
  border: 2px solid #fff;
}

.dhx_slider__thumb--disabled:after,
.dhx_slider__thumb--disabled:before {
  display: none;
}

.dhx_slider__thumb-label {
  position: absolute;
  padding: 6px 12px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 2px;
  background-color: #333;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #fff;
  transition: opacity transform 0.01s ease-in;
  pointer-events: none;
  z-index: 1;
}

.dhx_slider__thumb-label--vertical {
  left: 50px;
}

.dhx_slider__thumb-label--horizontal {
  top: -30px;
}

.dhx_slider__thumb-label--active {
  z-index: 10;
}

.dhx_slider__range {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 2px;
  background-color: #0288d1;
  pointer-events: none;
}

.dhx_slider__ticks-holder {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dhx_slider__tick {
  position: absolute;
  top: 0;
  width: 1px;
  height: 4px;
  background-color: #b3b3b3;
}

.dhx_slider__tick:not(:first-child) {
  -webkit-transform: translateX(-0.5px);
  transform: translateX(-0.5px);
}

.dhx_slider__tick--major {
  height: 8px;
}

.dhx_slider__tick-label {
  position: absolute;
  top: 10px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1;
}

.dhx_message-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  padding: 20px;
  max-height: 100%;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  width: auto;
  overflow: hidden;
  border: 2px solid transparent;
  z-index: 2147483647;
}

.dhx_message-container * {
  box-sizing: border-box;
}

.dhx_message-container--top-left {
  top: 0;
  left: 0;
}

.dhx_message-container--top-right {
  top: 0;
  right: 0;
}

.dhx_message-container--bottom-left {
  align-items: flex-start;
  bottom: 0;
  left: 0;
}

.dhx_message-container--bottom-right {
  align-items: flex-start;
  bottom: 0;
  right: 0;
}

.dhx_message-container--in-body {
  position: fixed;
}

.dhx_message {
  display: flex;
  justify-content: space-between;
  width: 240px;
  flex-shrink: 0;
  padding: 12px;
  margin-bottom: 4px;
  margin-top: 4px;
  border-radius: 2px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dhx_message,
.dhx_message__text {
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-weight: 500;
  line-height: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}

.dhx_message__text {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
}

.dhx_message__icon {
  align-self: center;
  padding-left: 8px;
  color: rgba(0, 0, 0, 0.5);
}

.dhx_message--error .dhx_message__icon,
.dhx_message--error .dhx_message__text,
.dhx_message--success .dhx_message__icon,
.dhx_message--success .dhx_message__text {
  color: #fff;
}

.dhx_message--error {
  background-color: #ff5252;
}

.dhx_message--success {
  background-color: #0ab169;
}

.dhx_alert {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 600px;
  padding: 24px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  will-change: transform;
  z-index: 2147483647;
}

.dhx_alert__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2147483646;
}

.dhx_alert__header {
  position: relative;
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
}

.dhx_alert__content,
.dhx_alert__header {
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
}

.dhx_alert__content {
  height: 100%;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.3;
  overflow-y: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.dhx_alert__footer {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
}

.dhx_alert__footer--center {
  justify-content: center;
}

.dhx_alert__footer--right {
  justify-content: flex-end;
}

.dhx_alert__footer .dhx_button:not(:last-child) {
  margin-right: 16px;
}

.dhx_tooltip {
  pointer-events: none;
  border-radius: 2px;
  background-color: #333;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  padding: 6px 12px;
  transition: opacity 0.01s ease, -webkit-transform 0.01s ease;
  transition: opacity 0.01s ease, transform 0.01s ease;
  transition: opacity 0.01s ease, transform 0.01s ease, -webkit-transform 0.01s ease;
  opacity: 0;
  z-index: 999;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
}

.dhx_tooltip--animate {
  opacity: 1;
  transition: opacity 0.15s ease-out;
}

.dhx_tooltip--forced {
  opacity: 1;
}

.dhx_tooltip--bottom {
  margin: 8px 0 0;
}

.dhx_tooltip--top {
  margin: -8px 0 0;
}

.dhx_tooltip--left {
  margin: 0 0 -8px;
}

.dhx_tooltip--right {
  margin: 0 0 0 8px;
}

.dhx_tooltip--light {
  background-color: #fff;
}

.dhx_tooltip--light .dhx_tooltip__text {
  color: rgba(0, 0, 0, 0.7);
}

.dhx_widget--fullscreen .dhx_tooltip {
  z-index: 2147483647;
}

.dhx_tooltip__text {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.dhx_layout {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}

.dhx_layout-columns {
  display: flex;
  flex-direction: row;
  overflow: hidden;
}

.dhx_layout-columns > .dhx_layout-cell:not(.dhx_layout-rows):not(.dhx_layout-columns):not(.dhx_layout-cell--gravity) {
  flex: 0 1 auto;
}

.dhx_layout-columns > .dhx_layout-cell--resizeble {
  overflow-x: hidden;
}

.dhx_layout-rows {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.dhx_layout-rows > .dhx_layout-cell:not(.dhx_layout-rows):not(.dhx_layout-columns):not(.dhx_layout-cell--gravity) {
  flex: 0 1 auto;
}

.dhx_layout-rows > .dhx_layout-cell--resizeble {
  overflow-y: hidden;
}

.dhx_layout-cell--start,
.dhx_layout-columns--start,
.dhx_layout-rows--start {
  justify-content: flex-start;
}

.dhx_layout-cell--center,
.dhx_layout-columns--center,
.dhx_layout-rows--center {
  justify-content: center;
}

.dhx_layout-cell--end,
.dhx_layout-columns--end,
.dhx_layout-rows--end {
  justify-content: flex-end;
}

.dhx_layout-cell--between,
.dhx_layout-columns--between,
.dhx_layout-rows--between {
  justify-content: space-between;
}

.dhx_layout-cell--around,
.dhx_layout-columns--around,
.dhx_layout-rows--around {
  justify-content: space-around;
}

.dhx_layout-cell--evenly,
.dhx_layout-columns--evenly,
.dhx_layout-rows--evenly {
  justify-content: space-evenly;
}

.dhx_layout-cell {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.dhx_layout-cell--bordered {
  border: 1px solid #e4e4e4;
}

.dhx_layout-cell--border_top {
  border-top: 1px solid #e4e4e4;
}

.dhx_layout-cell--border_bottom {
  border-bottom: 1px solid #e4e4e4;
}

.dhx_layout-cell--border_left {
  border-left: 1px solid #e4e4e4;
}

.dhx_layout-cell--border_right {
  border-right: 1px solid #e4e4e4;
}

.dhx_layout-cell--border-shadow {
  border: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.dhx_layout-cell--no-border {
  border: 0;
}

.dhx_layout-cell--no-border_top {
  border-top: 0;
}

.dhx_layout-cell--no-border_bottom {
  border-bottom: 0;
}

.dhx_layout-cell--no-border_left {
  border-left: 0;
}

.dhx_layout-cell--no-border_right {
  border-right: 0;
}

.dhx_layout-cell--gravity {
  flex: 1 1 auto;
}

.dhx_layout-cell--flex {
  display: flex;
}

.dhx_layout-cell--accordion > .dhx_layout-cell--collapsed {
  border-bottom: 0;
}

.dhx_layout-cell--collapsed {
  overflow: hidden;
  flex: 0 1 auto;
}

.dhx_layout-cell-content {
  height: 100%;
}

.dhx_layout-cell-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #e4e4e4;
  padding: 8px 12px;
}

.dhx_layout-cell-header__title {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.7);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  transition: color 0.2s ease-in;
}

.dhx_layout-cell-header__icon {
  margin-right: 16px;
}

.dhx_layout-cell-header__image-wrapper {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.dhx_layout-cell-header__image {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.dhx_layout-cell-header__collapse-icon {
  margin-left: auto;
  color: #4d4d4d;
  transition: color 0.2s ease-in, -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in, color 0.2s ease-in;
  transition: transform 0.2s ease-in, color 0.2s ease-in, -webkit-transform 0.2s ease-in;
}

.dhx_layout-cell-header--collapseble {
  cursor: pointer;
}

.dhx_layout-cell-header--collapseble:focus .dhx_layout-cell-header__collapse-icon,
.dhx_layout-cell-header--collapseble:focus .dhx_layout-cell-header__title,
.dhx_layout-cell-header--collapseble:hover .dhx_layout-cell-header__collapse-icon,
.dhx_layout-cell-header--collapseble:hover .dhx_layout-cell-header__title {
  color: #0288d1;
  transition: color 0.2s ease-out;
}

.dhx_layout-cell-header--collapseble:focus,
.dhx_layout-cell-header:focus {
  outline-width: 0;
}

.dhx_layout-cell-header--collapsed.dhx_layout-cell-header--col {
  border-bottom: 0;
  position: relative;
}

.dhx_layout-cell-header--collapsed.dhx_layout-cell-header--col .dhx_layout-cell-header__title {
  position: absolute;
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  bottom: -12px;
  left: 50%;
}

.dhx_layout-cell-header + .dhx_layout-cell-content {
  overflow: auto;
  height: calc(100% - 37px);
}

.dhx_layout-resizer {
  position: relative;
  overflow: visible;
  text-align: center;
}

.dhx_layout-resizer .dhx_layout-resizer__icon {
  position: relative;
  z-index: 1;
}

.dhx_layout-resizer--x {
  width: 0;
}

.dhx_layout-resizer--x .dhx_layout-resizer__icon {
  width: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  color: rgba(0, 0, 0, 0.5);
  cursor: ew-resize;
}

.dhx_layout-resizer--x .dhx_layout-resizer__icon:before {
  font-size: 16px;
}

.dhx_layout-resizer--y {
  height: 0;
}

.dhx_layout-resizer--y .dhx_layout-resizer__icon {
  width: 100%;
  height: 0;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  color: rgba(0, 0, 0, 0.5);
  cursor: ns-resize;
}

.dhx_layout-resizer--y .dhx_layout-resizer__icon:before {
  font-size: 16px;
}

.dhx_navbar-count {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  z-index: 1;
}

.dhx_navbar-count--absolute {
  margin-left: 0;
  position: absolute;
  top: -4px;
  top: -10px;
  right: -10px;
}

.dhx_navbar-count--button-inline {
  margin-top: -4px;
  margin-bottom: -4px;
  margin-left: 12px;
}

.dhx_navbar-count--overlimit {
  width: auto;
  border-radius: 22px;
  padding: 0 8px;
}

.dhx_navbar-count--color_success {
  background-color: #0ab169;
}

.dhx_navbar-count--color_danger {
  background-color: #ff5252;
}

.dhx_navbar-count--color_primary {
  background-color: #0288d1;
}

.dhx_navbar-count--color_secondary {
  background-color: #4d4d4d;
}

.dhx_navbar {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}

.dhx_navbar:focus {
  outline: none;
}

.dhx_navbar--horizontal {
  flex-direction: row;
  align-items: center;
}

.dhx_navbar--vertical {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.dhx_navbar .dhx_button--color_secondary.dhx_button--view_link .dhx_button__icon {
  color: rgba(0, 0, 0, 0.5);
}

.dhx_navbar-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 500;
}

.dhx_navbar-title--sidebar {
  display: block;
  padding: 12px;
}

.dhx_timepicker {
  width: 100%;
  padding: 50px 20px;
  min-width: 248px;
  background-color: #fff;
}

.dhx_timepicker--with-actions {
  padding: 4px 20px 0;
}

.dhx_timepicker__inputs {
  text-align: center;
  margin-bottom: 28px;
  margin-top: 16px;
}

.dhx_timepicker__close {
  min-height: 32px;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 6px;
}

.dhx_timepicker__button-close {
  text-transform: uppercase;
  -webkit-transform: translateX(16px);
  transform: translateX(16px);
}

.dhx_timepicker__save {
  padding-top: 12px;
  min-height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dhx_timepicker-inputs {
  position: relative;
  display: inline-block;
}

.dhx_timepicker-input {
  width: 48px;
  height: 38px;
  font-size: 30px;
  padding-bottom: 4px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 30px;
  text-align: center;
  outline: none;
  border: none;
  border-bottom: 1px solid #ededed;
  transition: border-color 0.2s ease-in;
  background-color: transparent;
}

.dhx_timepicker-input:focus {
  border-bottom: 1px solid #81c4e8;
  transition-timing-function: ease-out;
}

.dhx_timepicker-ampm {
  position: absolute;
  right: -32px;
  bottom: 4px;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  color: rgba(0, 0, 0, 0.3);
  font-size: 16px;
  line-height: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dhx_timepicker-delimer {
  position: relative;
  top: -2px;
  height: 30px;
  width: 8px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 30px;
  font-size: 30px;
}

.dhx_calendar {
  display: flex;
  justify-content: flex-end;
  min-height: 258px;
  padding: 12px;
  background-color: #fff;
}

.dhx_calendar--with_timepicker {
  min-height: 310px;
}

.dhx_calendar__wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.dhx_calendar__dates-wrapper {
  position: relative;
  padding-left: 40px;
}

.dhx_calendar__navigation {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
  text-align: center;
  align-items: center;
  margin: -4px 2px 4px;
}

.dhx_calendar__navigation .dhx_button--color_secondary:focus,
.dhx_calendar__navigation .dhx_button--view_link:focus {
  background: inherit;
}

.dhx_calendar__navigation .dhx_button--color_secondary:hover,
.dhx_calendar__navigation .dhx_button--view_link:hover {
  background: #e4e4e4;
}

.dhx_calendar__timepicker-button {
  margin-top: 8px;
}

.dhx_calendar__actions {
  display: flex;
  justify-content: center;
}

.dhx_calendar__week-numbers {
  position: absolute;
  left: 0;
  top: -4px;
  width: 32px;
  padding: 4px 0;
  background-color: #f7f7f7;
}

.dhx_calendar__week-numbers:before {
  content: "#";
  display: block;
  margin-bottom: 8px;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

.dhx_calendar__weekdays {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0 8px;
}

.dhx_calendar__days,
.dhx_calendar__months {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.dhx_calendar__months,
.dhx_calendar__years {
  margin-top: auto;
  margin-bottom: auto;
}

.dhx_calendar__years {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.dhx_calendar-weekday {
  flex: 1 0 14%;
  font-size: 12px;
  line-height: 16px;
}

.dhx_calendar-week-number,
.dhx_calendar-weekday {
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

.dhx_calendar-week-number {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 20px;
}

.dhx_calendar-week-number:last-child {
  margin-bottom: 0;
}

.dhx_calendar-week-number--hidden {
  opacity: 0;
  pointer-events: none;
}

.dhx_calendar-day {
  position: relative;
  flex: 1 0 14%;
  margin-bottom: 12px;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  cursor: pointer;
}

.dhx_calendar-day:nth-last-child(-n + 7) {
  margin-bottom: 0;
}

.dhx_calendar-day:after,
.dhx_calendar-day:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 28px;
  height: 28px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.07);
  border-radius: 50%;
  opacity: 0;
  z-index: -1;
}

.dhx_calendar-day:active,
.dhx_calendar-day:focus {
  outline: none;
}

.dhx_calendar-day:active:before,
.dhx_calendar-day:focus:before,
.dhx_calendar-day:hover:before {
  opacity: 1;
  transition: opacity 0.2s ease-out;
}

.dhx_calendar-day--weekend {
  color: #0288d1;
}

.dhx_calendar-day--hidden {
  opacity: 0;
  pointer-events: none;
}

.dhx_calendar-day--muffled {
  opacity: 0.6;
}

.dhx_calendar-day--disabled {
  color: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}

.dhx_calendar-day--weekend-disabled {
  pointer-events: none;
  color: #6ecbfe;
}

.dhx_calendar-day--in-range:after {
  opacity: 1;
  background-color: #d3efff;
  border-radius: 0;
  width: 100%;
  z-index: -3;
}

.dhx_calendar-day--selected {
  color: #fff;
  position: relative;
  z-index: 1;
}

.dhx_calendar-day--selected:before {
  opacity: 1;
  background-color: #0288d1;
}

.dhx_calendar-day--selected-first:after {
  border-radius: 50% 0 0 50%;
}

.dhx_calendar-day--selected-last:after {
  border-radius: 0 50% 50% 0;
}

.dhx_calendar-day--first-date:after {
  width: 100%;
  background-color: #d3efff;
  opacity: 1;
  right: calc(-50% - 2px);
  left: auto;
  border-radius: 0;
  border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
}

.dhx_calendar-day--last-date:after {
  width: 100%;
  background-color: #d3efff;
  opacity: 1;
  right: calc(-50% + 2px);
  left: auto;
  border-radius: 0;
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
}

.dhx_calendar-day:nth-child(7n).dhx_calendar-day--first-date:after {
  width: 30px;
  right: calc(-50% + 1px);
}

.dhx_calendar-day:nth-child(7n + 1).dhx_calendar-day--last-date:after {
  width: 30px;
  right: calc(-50% + 3px);
}

.dhx_calendar-month,
.dhx_calendar-year {
  position: relative;
  flex: 1 0 25%;
  margin-bottom: 8px;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 50px;
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
  cursor: pointer;
}

.dhx_calendar-month:nth-last-child(-n + 4),
.dhx_calendar-year:nth-last-child(-n + 4) {
  margin-bottom: 0;
}

.dhx_calendar-month:before,
.dhx_calendar-year:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.07);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.2s ease-in, background-color 0.2s ease-in;
  z-index: -1;
}

.dhx_calendar-month:active,
.dhx_calendar-month:focus,
.dhx_calendar-year:active,
.dhx_calendar-year:focus {
  outline: none;
}

.dhx_calendar-month:active:before,
.dhx_calendar-month:focus:before,
.dhx_calendar-year:active:before,
.dhx_calendar-year:focus:before {
  opacity: 1;
  transition: opacity 0.2s ease-out;
}

.dhx_calendar-month:hover:before,
.dhx_calendar-year:hover:before {
  opacity: 1;
  transition: opacity 0.2s ease-out;
  z-index: -2;
}

.dhx_calendar-month--selected,
.dhx_calendar-year--selected {
  color: #fff;
}

.dhx_calendar-month--selected:before,
.dhx_calendar-year--selected:before {
  opacity: 1;
  transition: opacity 0.2s ease-in, background-color 0.2s ease-in;
  background-color: #0288d1;
}

.dhx_chart {
  stroke-linecap: square;
  position: relative;
  height: 100%;
}

.dhx_chart svg {
  vertical-align: top;
  overflow: visible;
}

.dhx_chart .chart {
  transition: all 0.4s ease;
}

.dhx_chart .chart.donut,
.dhx_chart .chart.pie,
.dhx_chart .chart.pie3d {
  transition-property: none;
}

.dhx_chart .chart.dhx_pie-transform-delay {
  transition-property: all;
}

.dhx_chart.not-animate .chart,
.dhx_chart.not-animate .tooltip-form,
.dhx_chart.not-animate .tooltip-text {
  transition: none;
}

.dhx_chart .figure {
  transition: fill, stroke 0.3s ease;
}

.dhx_chart .active-figure {
  visibility: visible;
  transition: all 0.2s ease;
}

.dhx_chart .active-figure.point-circle,
.dhx_chart .active-figure.point-rect,
.dhx_chart .active-figure.point-rhombus,
.dhx_chart .active-figure.point-triangle {
  -webkit-filter: url(#dropshadow);
  filter: url(#dropshadow);
  transition: all 0.3s ease;
}

.dhx_chart .area {
  stroke-linecap: round;
}

.dhx_chart .dash-line {
  stroke-dasharray: 4, 6;
  stroke-linecap: round;
}

.dhx_chart .legend-text,
.dhx_chart .scale-text,
.dhx_chart .scale-title {
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-weight: 400;
  font-size: 14px;
  fill: #898f97;
}

.dhx_chart text {
  text-anchor: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.dhx_chart .start-text {
  text-anchor: start;
}

.dhx_chart .end-text {
  text-anchor: end;
}

.dhx_chart .legend-text {
  line-height: 18px;
}

.dhx_chart .scale-title {
  fill: #aeb7c2;
  line-height: 16px;
}

.dhx_chart .grid-line {
  stroke: #e3e9f1;
}

.dhx_chart .main-scale {
  stroke: #c8d4e4;
  stroke-width: 2px;
}

.dhx_chart .radar-grid {
  stroke-dasharray: 4, 6;
  stroke: #d8e1ec;
  stroke-linecap: round;
}

.dhx_chart .zebra {
  fill-rule: evenodd;
  fill: #f3f6fa;
}

.dhx_chart .radar-scale {
  stroke: #c4d5e6;
}

.dhx_chart .spec-grid-line {
  stroke: #898f97;
  stroke-linecap: round;
  stroke-dasharray: 4, 6;
}

.dhx_chart .bar-text {
  fill: #fff;
  line-height: 14px;
  font-weight: 500;
  font-size: 12px;
}

.dhx_chart .bar-text,
.dhx_chart .radar-axis-text {
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
}

.dhx_chart .radar-axis-text {
  font-size: 14px;
  fill: #666;
}

.dhx_chart .legend-item {
  cursor: pointer;
}

.dhx_chart .legend-item.not-active .figure {
  fill: #c8d4e4;
  fill-opacity: 1;
  stroke: #c8d4e4;
}

.dhx_chart .legend-item.not-active .figure.legend-circle,
.dhx_chart .legend-item.not-active .figure.legend-rect {
  stroke: none;
}

.dhx_chart .legend-item.not-active .figure.legend-circle.with-stroke,
.dhx_chart .legend-item.not-active .figure.legend-rect.with-stroke {
  stroke: #c8d4e4;
}

.dhx_chart .legend-item.not-active .legend-text {
  fill: #c8d4e4;
}

.dhx_chart.tooltip-container {
  z-index: 2147483647;
}

.dhx_chart.tooltip-container svg {
  width: 4px;
  height: 4px;
}

.dhx_chart .tooltip-form {
  fill: #555;
  fill-opacity: 0.9;
}

.dhx_chart .tooltip-text {
  font-size: 12px;
  line-height: 12px;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  fill: #fff;
  font-weight: 500;
}

.dhx_chart .active-tooltip {
  visibility: visible;
}

.dhx_chart .pie-value {
  font-weight: 400;
  font-size: 14px;
  fill: #898f97;
}

.dhx_chart .pie-inner-value,
.dhx_chart .pie-value {
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
}

.dhx_chart .pie-inner-value {
  fill: #fff;
  pointer-events: none;
  font-weight: 500;
  line-height: 14px;
  font-size: 12px;
}

.dhx_chart .pie-value-connector {
  stroke: #c6c6c6;
  fill: none;
}

.dhx_chart .donut-value-title {
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  fill: #898f97;
  font-size: 14px;
  line-height: 18px;
}

.dhx_chart .donut-value {
  fill: #555;
  font-size: 12px;
  line-height: 14px;
}

.dhx_chart .donut-value,
.dhx_popup {
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
}

.dhx_popup {
  position: fixed;
  box-sizing: border-box;
  -webkit-animation: b 0.2s ease-in-out forwards;
  animation: b 0.2s ease-in-out forwards;
  background: #fff;
  will-change: transform;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
}

.dhx_popup,
.dhx_popup--window,
.dhx_popup--window_modal {
  z-index: 2147483645;
}

.dhx_popup--window_active {
  z-index: 2147483646;
}

.dhx_popup.hide {
  -webkit-animation: c 0.2s ease-in-out forwards;
  animation: c 0.2s ease-in-out forwards;
}

.dhx_popup:focus {
  outline: none;
}

.dhx_widget--fullscreen .dhx_popup {
  z-index: 2147483647;
}

@-webkit-keyframes b {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes b {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes c {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  to {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
}

@keyframes c {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  to {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
}

.dhx_colorpicker {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  overflow: hidden;
  padding: 8px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  border-radius: 2px;
}

.dhx_colorpicker,
.dhx_colorpicker * {
  box-sizing: border-box;
}

.dhx_popup .dhx_colorpicker {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  border: none;
}

.dhx_palette {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  white-space: nowrap;
}

.dhx_palette--custom {
  display: flex;
  flex-wrap: wrap;
  max-width: 236px;
}

.dhx_palette--custom .dhx_custom-color__cell {
  margin-bottom: 2px;
}

.dhx_palette__col {
  display: inline-block;
}

.dhx_palette__col:last-child .dhx_palette_cell {
  margin-right: 0;
}

.dhx_palette__row .dhx_palette__cell {
  display: inline-block;
  margin-bottom: 6px;
}

.dhx_palette__row .dhx_palette__cell:last-child {
  margin-right: 0;
}

.dhx_palette__row--last {
  margin-bottom: 0;
}

.dhx_palette__cell {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 2px 2px 0;
  vertical-align: top;
  border: 2px solid transparent;
  transition: border 0.2s ease-in;
}

.dhx_palette__cell:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border: 1px solid transparent;
  transition: border 0.2s ease-in;
}

.dhx_palette__cell:last-child {
  margin-bottom: 0;
}

.dhx_palette__cell--selected,
.dhx_palette__cell:hover {
  border: 2px solid hsla(0, 0%, 100%, 0.6);
  transition: border 0.2s ease-out;
}

.dhx_palette__cell--selected:after,
.dhx_palette__cell:hover:after {
  border: 1px solid rgba(0, 0, 0, 0.6);
  transition: border 0.2s ease-out;
}

.dhx_colorpicker-custom-colors {
  font-size: 14px;
  color: #909cad;
}

.dhx_colorpicker-custom-colors__header {
  font-size: 14px;
  padding: 9px 0 4px;
  letter-spacing: -0.2px;
  position: relative;
}

.dhx_colorpicker-custom-colors__picker {
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: #909cad;
  box-shadow: inset 0 0 0 1px #909cad;
}

.dhx_colorpicker-picker__palette {
  position: relative;
  width: 100%;
  border-radius: 2px;
  overflow: hidden;
}

.dhx_colorpicker-picker__palette:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0));
  z-index: 2;
}

.dhx_colorpicker-picker__palette:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(90deg, #fff, hsla(20, 42%, 65%, 0));
  z-index: 1;
}

.dhx_colorpicker-picker__buttons {
  display: flex;
  padding: 12px 0 0;
  justify-content: flex-end;
}

.dhx_colorpicker-picker__buttons .dhx_button:first-child {
  margin-right: 4px;
}

.dhx_colorpicker-hue-range {
  position: relative;
  width: 100%;
  margin: 4px 0 8px;
  border-radius: 2px;
  background-image: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
}

.dhx_colorpicker-hue-range__grip {
  width: 6px;
  height: 100%;
}

.dhx_colorpicker-hue-range__grip,
.dhx_palette_grip {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #fff;
  background: transparent;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}

.dhx_palette_grip {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  z-index: 10;
}

.dhx_colorpicker-value {
  display: flex;
  flex-direction: row;
  height: 32px;
  justify-content: space-between;
}

.dhx_colorpicker-value__color {
  width: 100px;
  border: 1px solid transparent;
  border-radius: 2px;
  margin-right: 8px;
}

.dhx_colorpicker-value__input__wrapper {
  position: relative;
  border: 1px solid #d4dde7;
}

.dhx_colorpicker-value__input__wrapper:before {
  content: "#";
  position: absolute;
  height: 100%;
  line-height: 30px;
  left: 8px;
  color: #909cad;
  font-size: 15px;
}

.dhx_colorpicker-value__input {
  width: 100px;
  height: 100%;
  padding: 0 0 0 24px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  border: none;
  border-radius: 2px;
  outline: none;
}

.dhx_list {
  margin: 0;
  padding: 0;
  height: 100%;
  list-style: none;
  overflow: auto;
  max-height: 100%;
  background-color: #fff;
}

.dhx_list--virtual {
  overflow: visible;
  max-height: unset;
  border: none;
}

.dhx_list-item {
  overflow: hidden;
  position: relative;
  padding: 8px 12px;
  border-bottom: 1px solid #e4e4e4;
}

.dhx_list-item,
.dhx_list-item--text {
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
}

.dhx_list-item--text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  transition: background-color 0.2s ease-in, box-shadow 0.2s ease-in;
}

.dhx_list-item--selected {
  background-color: #f7f7f7;
  box-shadow: inset 2px 0 0 0 #0288d1;
}

.dhx_list-item--focus,
.dhx_list-item--selected:hover,
.dhx_list-item:hover {
  background-color: #ededed;
  transition: background-color 0.2s ease-out;
}

.dhx_list-item--drophere:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #f7f7f7;
  opacity: 0.6;
}

.dhx_list-item--dragtarget {
  opacity: 0.6;
}

.dhx_list-item--drag {
  cursor: -webkit-grab;
  cursor: grab;
}

.dhx_list-input {
  width: 100%;
  padding-left: 5px;
}

.dhx_virtual-list-wrapper {
  overflow: auto;
  max-height: 100%;
  border: 1px solid #e4e4e4;
}

.dhx_combobox {
  margin-bottom: 16px;
}

.dhx_combobox__options {
  margin-top: 2px;
  width: 100%;
}

.dhx_combobox--required:not(.dhx_combobox--label_sr) .dhx_label:not(.dhx_label--with-help) {
  position: relative;
}

.dhx_combobox--required:not(.dhx_combobox--label_sr) .dhx_label:not(.dhx_label--with-help):after {
  content: "*";
  display: inline-block;
  padding-left: 4px;
  color: rgba(0, 0, 0, 0.3);
}

.dhx_combobox--required:not(.dhx_combobox--label_sr) .dhx_label__holder {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dhx_combobox--required:not(.dhx_combobox--label_sr) .dhx_label__holder:after {
  content: "*";
  display: inline-block;
  padding-left: 4px;
  color: rgba(0, 0, 0, 0.3);
}

.dhx_combobox--label_sr .dhx_label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.dhx_combobox--label-inline {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}

.dhx_combobox--label-inline .dhx_combobox__label {
  flex: 0 1 auto;
  justify-content: flex-end;
  text-align: right;
  margin-right: 16px;
  width: 100%;
}

.dhx_combobox--label-inline .dhx_combobox-input-box {
  flex: 0 1 auto;
  width: 300%;
}

.dhx_combobox-input-box {
  position: relative;
  flex: 1;
  background-color: #f7f7f7;
  background-clip: padding-box;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px #dfdfdf;
  transition: border-color 0.2s ease-out, box-shadow 0.2s ease-out;
}

.dhx_combobox-input-box--readonly,
.dhx_combobox-input-box--readonly * {
  cursor: pointer;
}

.dhx_combobox-input-box--disabled {
  cursor: not-allowed;
  opacity: 0.8;
}

.dhx_combobox-input-box--disabled * {
  cursor: not-allowed;
  pointer-events: none;
}

.dhx_combobox-input-box--active,
.dhx_combobox-input-box:focus-within {
  box-shadow: inset 0 0 0 1px #67b8e3;
}

.dhx_combobox-input-box--state_success {
  box-shadow: inset 0 0 0 1px #6cd0a5;
}

.dhx_combobox-input-box--state_error {
  box-shadow: inset 0 0 0 1px #ff9797;
}

.dhx_combobox-input {
  min-height: 30px;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}

.dhx_combobox-input:active,
.dhx_combobox-input:focus {
  outline: none;
}

.dhx_combobox-input__wrapper {
  position: static;
  padding-bottom: 0;
}

.dhx_combobox-input__icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  flex: 0;
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  z-index: 1;
  color: rgba(0, 0, 0, 0.5);
}

.dhx_combobox-input-list-wrapper {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.dhx_combobox-input-list {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  min-height: 30px;
  max-height: 96px;
  width: calc(100% - 32px);
  overflow-y: scroll;
  padding: 0 41px 0 8px;
  box-sizing: content-box !important;
}

.dhx_combobox-input-list__item {
  flex: 0 1 auto;
}

.dhx_combobox-input-list__item--input {
  position: relative;
  flex: 1 0 auto;
}

.dhx_combobox-tag {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  border: 1px solid #e4e4e4;
  border-radius: 16px;
  background-color: #fff;
  margin-right: 8px;
}

.dhx_combobox-tag__value {
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  white-space: nowrap;
}

.dhx_combobox-tag__icon,
.dhx_combobox-tag__image {
  margin-right: 4px;
}

.dhx_combobox-tag__image {
  width: 16px;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.dhx_combobox-tag__action {
  height: 20px;
  margin-left: 4px;
  margin-right: -6px;
  color: rgba(0, 0, 0, 0.5);
  padding: 0;
  background-color: transparent;
  transition: color 0.2s ease-in;
}

.dhx_combobox-tag__action:hover {
  color: rgba(0, 0, 0, 0.7);
  transition: color 0.2s ease-out;
}

.dhx_combobox-options {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.dhx_combobox-options__icon {
  padding-right: 4px;
}

.dhx_combobox-options__image {
  padding-right: 4px;
  width: 16px;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.dhx_combobox-options__item {
  display: flex;
  align-items: center;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.dhx_combobox-options__item--select-all {
  color: #0288d1;
  line-height: 20px;
  border-bottom: 1px solid #e4e4e4;
}

.dhx_dataview {
  position: relative;
  overflow-y: auto;
  height: 100%;
  max-height: 100%;
  background-color: #fff;
}

.dhx_dataview--has-scroll .dhx_dataview-row:last-child .dhx_dataview-item:not(.dhx_dataview-item--with-gap) {
  border-bottom: 0;
}

.dhx_dataview-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.dhx_dataview-row .dhx_dataview-item:not(.dhx_dataview-item--with-gap) {
  border-top: 0;
}

.dhx_dataview-item {
  position: relative;
  flex: 0 1 auto;
  border: 1px solid #e4e4e4;
  padding: 8px;
  transition: box-shadow 0.2s ease-in;
}

.dhx_dataview-item:not(.dhx_dataview-item--with-gap) {
  border-left: 0;
}

.dhx_dataview-item--last-item-in-row:not(.dhx_dataview-item--with-gap) {
  border-right: 0;
}

.dhx_dataview-item:focus {
  outline: none;
}

.dhx_dataview-item:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  border: 1px solid transparent;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  pointer-events: none;
}

.dhx_dataview-item--focus {
  box-shadow: inset 0 0 0 1px #a6a6a6;
  transition: box-shadow 0.2s ease-out;
}

.dhx_dataview-item--selected {
  box-shadow: inset 0 0 0 1px #0288d1;
  transition: box-shadow 0.2s ease-out;
}

.dhx_dataview-item--drophere:after {
  background-color: #f7f7f7;
  opacity: 0.6;
}

.dhx_dataview-item--dragtarget {
  opacity: 0.6;
}

.dhx_dataview-item--drag {
  cursor: -webkit-grab;
  cursor: grab;
}

.dhx_dataview-input {
  padding-left: 5px;
}

.dhx_footer-wrapper,
.dhx_header-wrapper {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.7);
  z-index: 11;
}

.dhx_footer-wrapper.dhx_compatible-header,
.dhx_header-wrapper.dhx_compatible-header {
  border-right: none;
}

.dhx_footer-wrapper:last-child,
.dhx_header-wrapper:last-child {
  border-bottom: none;
}

.dhx_footer-wrapper {
  overflow: hidden;
}

.dhx_grid-header {
  position: relative;
  height: 100%;
  white-space: nowrap;
  z-index: 10;
}

.dhx_grid-footer-cell,
.dhx_grid-header-cell {
  display: inline-block;
  height: 100%;
  padding: 0 8px;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-weight: 400;
  vertical-align: top;
  white-space: nowrap;
  position: relative;
  font-weight: 500;
  background-color: #f7f7f7;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  border-left: none;
  text-overflow: ellipsis;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dhx_grid-footer-cell:not(.dhx_cell_first),
.dhx_grid-header-cell:not(.dhx_cell_first) {
  border-left: 1px solid #e4e4e4;
}

.dhx_grid-footer-cell:first-child,
.dhx_grid-header-cell:first-child {
  border-left: none;
}

.dhx_grid-header-cell--sortable:hover .dhx_grid-sort-icon {
  opacity: 1;
}

.dhx_grid-header-cell--sortable:hover:after,
.dhx_grid-header-cell--sorted:after {
  content: "";
  display: block;
  width: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #f7f7f7;
  opacity: 0.8;
}

.dhx_grid-header-cell--align_right {
  text-align: right;
}

.dhx_grid-header-cell--align_right .dhx_grid-header-cell-text {
  padding-left: 24px;
}

.dhx_grid-header-cell--align_right .dhx_grid-sort-icon {
  left: 4px;
}

.dhx_grid-header-cell--align_right:after {
  left: 0;
}

.dhx_grid-header-cell--align_left {
  text-align: left;
}

.dhx_grid-header-cell--align_left .dhx_grid-sort-icon {
  right: 4px;
}

.dhx_grid-header-cell--align_left:after {
  right: 0;
}

.dhx_grid-footer-cell:last-child,
.dhx_grid-header-cell:last-child {
  overflow: hidden;
}

.dhx_grid-sort-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  transition: all 0.2s ease-in;
  cursor: pointer;
}

.dhx_grid-sort-icon:before {
  font-size: 16px;
  display: inline-block;
  transition: all 0.2s ease-out;
}

.dhx_grid-sort-icon--asc,
.dhx_grid-sort-icon--desc {
  opacity: 1;
  color: #0288d1;
  transition: color 0.2s ease-out;
}

.dhx_grid-sort-icon--asc:before {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.dhx_cell_empty {
  border-top: none;
}

.dhx_header-row {
  white-space: nowrap;
  background: #f7f7f7;
}

.dhx_header-row:last-child .dhx_cell-first {
  border-bottom: 1px solid #f7f7f7;
}

.dhx_header-row:first-child .dhx_grid-footer-cell,
.dhx_header-row:first-child .dhx_grid-header-cell {
  border-top: none;
}

.dhx_header-row:not(:last-child) .dhx_grid-footer-cell,
.dhx_header-row:not(:last-child) .dhx_grid-header-cell {
  border-bottom: none;
}

.dhx_grid-custom-content-cell {
  padding: 5px;
}

.dhx_header-spans {
  position: absolute;
  top: 0;
}

.dhx_header-spans .dhx_span-cell {
  background: #f7f7f7;
  font-weight: 500;
}

.dhx_header-fixed-cols {
  background: #f7f7f7;
  z-index: 999;
}

.dhx_header-fixed-cols .dhx_last-column-cell {
  border-right: 1px solid #e4e4e4;
}

.dhx_resizer_grip {
  position: absolute;
  z-index: 100;
  top: 0;
  right: -5px;
  display: flex;
  width: 9px;
  height: 100%;
  cursor: col-resize;
  justify-content: center;
}

.dhx_resizer_grip:hover .dhx_resizer_grip_line {
  opacity: 1;
}

.dhx_resizer_grip:active {
  right: -100.5px;
  width: 200px;
}

.dhx_resizer_grip .dhx_resizer_grip_line {
  z-index: 100;
  background-color: #a6a6a6;
  width: 1px;
  height: 100%;
  transition: all 0.2s;
  pointer-events: none;
  opacity: 0;
}

.dhx_resizer_grip .dhx_header_fixed_cols .dhx_header_row {
  border: none;
}

.dhx_footer-wrapper {
  box-shadow: 0 1px 0 0 #f7f7f7;
}

.dhx_grid-footer {
  position: relative;
  background-color: #f7f7f7;
}

.dhx_grid-footer-cell {
  border-top: 1px solid #e4e4e4;
  overflow: hidden;
}

.dhx_grid-footer-cell:after {
  display: none;
}

.dhx_grid-footer-cell.dhx_number-cell {
  text-align: right;
}

.dhx_grid-footer-cell.dhx_string-cell {
  text-align: left;
}

.dhx_footer-row {
  white-space: nowrap;
  background: #f7f7f7;
}

.dhx_footer-row:last-child .dhx_cell-first {
  border-bottom: 1px solid #f7f7f7;
}

.dhx_footer-row .dhx_grid-footer-cell {
  border-bottom: none;
}

.dhx_footer-spans .dhx_span-cell {
  background-color: #f7f7f7;
}

.dhx_footer-spans .dhx_span-row .dhx_span-cell {
  border-top: 1px solid #e4e4e4;
}

.dhx_footer-fixed-cols {
  background: #f7f7f7;
  z-index: 999;
}

.dhx_footer-fixed-cols .dhx_last-column-cell {
  border-right: 1px solid #e4e4e4;
}

.dhx_grid_data {
  position: relative;
  top: -1px;
}

.dhx_grid-row {
  width: 100%;
}

.dhx_grid-cell,
.dhx_grid-row {
  white-space: nowrap;
  overflow: hidden;
}

.dhx_grid-cell {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  text-align: right;
  position: relative;
  display: inline-block;
  height: 100%;
  padding: 0 8px;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-weight: 400;
  vertical-align: top;
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
}

.dhx_grid-cell--drophere:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #f7f7f7;
  opacity: 0.6;
}

.dhx_grid-cell--dragtarget {
  opacity: 0.6;
}

.dhx_grid-cell--drag {
  cursor: -webkit-grab;
  cursor: grab;
}

.dhx_grid-cell .dhx_cell-content {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.dhx_grid-cell:first-child {
  border-left: none;
}

.dhx_grid-cell--first {
  border-top: none;
}

.dhx_grid-cell--title {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
  text-align: left;
  border-bottom: none;
}

.dhx_grid-cell--after-title,
.dhx_grid-cell--title {
  border-top: 1px solid #e4e4e4;
}

.dhx_grid-cell__editable {
  padding-right: 0;
  padding-left: 0;
}

.dhx_number-cell {
  text-align: right;
}

.dhx_string-cell,
.dhx_tree-cell {
  text-align: left;
}

.dhx_tree-cell:not(.dhx_grid-expand-cell) .dhx_cell-editor {
  margin: 0 -8px;
}

.dhx_tree-cell.dhx_grid-expand-cell {
  display: inline-flex;
  padding-left: 0;
}

.dhx_tree-cell .dhx_grid-expand-cell-icon {
  display: inline-flex;
  width: auto;
  height: 100%;
  font-size: 14px;
  cursor: pointer;
}

.dhx_tree-cell .dhx_grid-expand-cell-icon:before {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.dhx_tree-cell .dhx_tree-cell {
  display: inline-block;
  padding: 0 8px;
}

.dhx_grid-fixed-cols-wrap {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  overflow: hidden;
}

.dhx_frozen-cols-border {
  width: 1px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: #e4e4e4;
  z-index: 999999;
}

.dhx_grid-fixed-cols {
  position: absolute;
  top: 0;
}

.dhx_grid-fixed-cols .dhx_grid-cell__editable:last-child {
  padding-right: 1px;
}

.dhx_grid-selection {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.dhx_grid-selected-row {
  border-left: 2px solid #0288d1;
  background: rgba(77, 77, 77, 0.08);
  pointer-events: none;
}

.dhx_grid-selected-cell {
  border: 2px solid #0288d1;
  background-color: transparent;
  pointer-events: none;
}

.dhx_grid-resize-line {
  position: absolute;
  width: 1px;
  background: #a6a6a6;
  z-index: 10;
}

.dhx_cell-editor {
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 100%;
  text-align: inherit;
  color: rgba(0, 0, 0, 0.7);
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: inset 0 0 0 1px #0288d1;
  outline: none;
}

.dhx_cell-editor__combobox .dhx_combobox-input-box {
  padding: 0 25px 0 8px;
  box-shadow: inset 0 0 0 1px #0288d1;
}

.dhx_cell-editor__input {
  padding: 0 8px;
}

.dhx_cell-editor__select {
  padding: 0 4px;
}

.dhx_cell-editor__checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

.dhx_span-cell {
  position: relative;
  display: inline-block;
  height: 100%;
  padding: 0 8px;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-weight: 400;
  vertical-align: top;
  white-space: nowrap;
  border-left: 1px solid #e4e4e4;
  overflow: hidden;
  position: absolute;
  display: block;
  height: auto;
  font-weight: 500;
  border-top: 1px solid #e4e4e4;
  border-bottom: none;
  z-index: 10;
}

.dhx_span-cell--title {
  color: rgba(0, 0, 0, 0.5);
}

.dhx_span-row .dhx_first-column-cell {
  border-left: none;
}

.dhx_span-row .dhx_last-column-cell {
  border-right: 1px solid #e4e4e4;
}

.dhx_span-row:first-child .dhx_span-cell {
  border-top: none;
}

.dhx_span-spans {
  position: absolute;
  top: 0;
  left: 0;
}

.dhx_span-spans .dhx_span-cell {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
  line-height: normal;
  text-align: left;
  white-space: normal;
  border-right: none;
  background: #fff;
}

.dhx_span-spans .dhx_span-cell.dhx_span-first-row {
  border-top: none;
}

.dhx_span-spans .dhx_span-cell.dhx_span-first-col {
  border-left: none;
}

.dhx_span-spans .dhx_span-string-cell {
  text-align: left;
}

.dhx_span-spans .dhx_span-number-cell {
  text-align: right;
}

.dhx_grid {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  background: #fff;
  overflow: hidden;
}

.dhx_grid_border {
  border-bottom: 1px solid #e4e4e4 !important;
}

.dhx_grid-content {
  position: relative;
  border: 1px solid #dfdfdf;
  background: #fff;
}

.dhx_grid-less-width .dhx_grid-cell:last-child,
.dhx_grid-less-width .dhx_grid-footer-cell:last-child,
.dhx_grid-less-width .dhx_grid-header-cell:last-child,
.dhx_grid-less-width .dhx_grid_footer_cell:last-child,
.dhx_grid-less-width .dhx_last-column-cell,
.dhx_grid-less-width .dhx_span-last-col,
.dhx_grid_border .dhx_grid-cell:last-child,
.dhx_grid_border .dhx_grid-footer-cell:last-child,
.dhx_grid_border .dhx_grid-header-cell:last-child,
.dhx_grid_border .dhx_grid_footer_cell:last-child,
.dhx_grid_border .dhx_last-column-cell,
.dhx_grid_border .dhx_span-last-col {
  border-right: 1px solid #e4e4e4;
}

.dhx_grid-less-height .dhx_footer-row:last-child .dhx_grid-footer-cell,
.dhx_grid-less-height .dhx_grid-row:last-child {
  border-bottom: 1px solid #e4e4e4;
}

.dhx_grid-less-height .dhx_footer-row:first-child .dhx_grid-footer-cell {
  border-top: none;
}

.dhx_grid-less-height .dhx_span-row:last-child .dhx_span-cell {
  border-bottom: 1px solid #e4e4e4;
}

.dhx_grid-less-height .dhx_span-row:first-child .dhx_span-cell {
  border-top: none;
}

.dhx_grid-body {
  overflow: auto;
}

.dhx_data-wrap,
.dhx_grid-body {
  position: relative;
  width: 100%;
  height: 100%;
}

.dhx_data-wrap {
  overflow: hidden;
}

.dhx_grid-filter__label {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.dhx_grid-filter__label:before {
  color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
}

.dhx_grid-filter {
  height: 100%;
  padding: 0 25px 0 4px;
  color: rgba(0, 0, 0, 0.7);
  background: #fff;
  border-radius: 2px;
  outline: none;
  position: relative;
}

.dhx_grid-filter::-ms-expand {
  display: none;
}

.dhx_grid-cell .dhx_combobox-input-box,
.dhx_grid-footer-cell .dhx_combobox-input-box,
.dhx_grid-header-cell .dhx_combobox-input-box {
  height: 100%;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.7);
  background: #fff;
  border-radius: 2px;
  outline: none;
  position: relative;
}

.dhx_grid-cell .dhx_combobox-input-box::-ms-expand,
.dhx_grid-footer-cell .dhx_combobox-input-box::-ms-expand,
.dhx_grid-header-cell .dhx_combobox-input-box::-ms-expand {
  display: none;
}

.dhx_grid-cell .dhx_combobox,
.dhx_grid-footer-cell .dhx_combobox,
.dhx_grid-header-cell .dhx_combobox {
  margin: 0;
  height: 100%;
}

.dhx_grid-cell .dhx_combobox .dhx_combobox-input-list,
.dhx_grid-footer-cell .dhx_combobox .dhx_combobox-input-list,
.dhx_grid-header-cell .dhx_combobox .dhx_combobox-input-list {
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  padding-left: 0;
  padding-right: 24px;
  border: none;
  width: 100%;
}

.dhx_grid-cell .dhx_combobox .dhx_combobox-input-list .dhx_combobox-input,
.dhx_grid-footer-cell .dhx_combobox .dhx_combobox-input-list .dhx_combobox-input,
.dhx_grid-header-cell .dhx_combobox .dhx_combobox-input-list .dhx_combobox-input {
  height: 100%;
  min-height: 100%;
}

.dhx_grid-cell .dhx_list-item,
.dhx_grid-footer-cell .dhx_list-item,
.dhx_grid-header-cell .dhx_list-item {
  padding: 7px 12px;
}

.dhx_menu-nav {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  overflow-x: auto;
  background-color: #ededed;
}

.dhx_menu-nav__item--separator {
  pointer-events: none;
  width: 1px;
  min-width: 1px;
  background-color: #dfdfdf;
  margin-top: 8px;
  margin-bottom: 8px;
}

.dhx_menu-nav__item--spacer {
  pointer-events: none;
  flex: 1 0 auto;
}

.dhx_nav-menu-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  font-weight: 500;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
  transition: background-color 0.2s ease-in;
}

.dhx_nav-menu-button--active:not(:disabled),
.dhx_nav-menu-button:active:not(:disabled),
.dhx_nav-menu-button:hover:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.07);
  transition: background-color 0.2s ease-out;
}

.dhx_nav-menu-button--disabled,
.dhx_nav-menu-button:disabled {
  opacity: 0.8;
  pointer-events: auto;
  cursor: default;
}

.dhx_nav-menu-button--disabled *,
.dhx_nav-menu-button:disabled * {
  color: rgba(0, 0, 0, 0.3);
}

.dhx_menu {
  padding: 0;
  margin: 0;
  background: #fff;
  list-style: none;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  z-index: 999;
}

.dhx_menu-item {
  min-width: 180px;
}

.dhx_menu-item--separator {
  pointer-events: none;
  align-self: stretch;
  height: 1px;
  min-height: 1px;
  margin: 2px 8px;
  background-color: #e4e4e4;
}

.dhx_menu-item--spacer {
  pointer-events: none;
  height: 16px;
}

.dhx_menu-item--left-gap .dhx_menu-button {
  padding-left: 38px;
}

.dhx_menu-button {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 8px;
  text-align: left;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
  transition: background-color 0.2s ease-in;
}

.dhx_menu-button--active:not(:disabled),
.dhx_menu-button:active:not(:disabled),
.dhx_menu-button:focus:not(:disabled),
.dhx_menu-button:hover:not(:disabled) {
  background-color: #ededed;
  transition: background-color 0.2s ease-out;
}

.dhx_menu-button--disabled,
.dhx_menu-button:disabled {
  opacity: 0.8;
  pointer-events: auto;
  cursor: default;
}

.dhx_menu-button--disabled *,
.dhx_menu-button:disabled * {
  color: rgba(0, 0, 0, 0.3);
}

.dhx_menu-button__icon {
  color: rgba(0, 0, 0, 0.5);
}

.dhx_widget .dhx_menu-button__icon {
  line-height: 0;
}

.dhx_widget .dhx_menu-button__icon:before {
  font-size: 20px;
  line-height: 20px;
}

.dhx_menu-button__icon + .dhx_menu-button__text {
  margin-left: 8px;
}

.dhx_menu-button__block {
  display: flex;
  align-items: center;
}

.dhx_menu-button__block--left {
  justify-content: flex-start;
}

.dhx_menu-button__block--right {
  justify-content: flex-end;
}

.dhx_menu-button__count {
  margin-left: 8px;
  margin-top: -2px;
  margin-bottom: -2px;
}

.dhx_menu-button__hotkey {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.3);
}

.dhx_menu-button__caret {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.5);
}

.dhx_widget--fullscreen .dhx_menu {
  z-index: 2147483647;
}

.dhx_ribbon {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
  padding: 10px;
  list-style: none;
}

.dhx_ribbon:focus {
  outline: none;
}

.dhx_ribbon__item {
  margin: 2px;
}

.dhx_ribbon__item--auto,
.dhx_ribbon__item--medium {
  flex: 1 0 auto;
  min-width: 68px;
  min-height: 68px;
}

.dhx_ribbon__item--icon,
.dhx_ribbon__item--spacer {
  flex: 1 0 auto;
}

.dhx_ribbon__item--separator {
  align-self: stretch;
  width: 1px;
  min-width: 1px;
  margin: 8px 4px;
  background-color: #dfdfdf;
}

.dhx_ribbon-button__icon + .dhx_ribbon-button__text {
  margin-left: 4px;
}

.dhx_widget .dhx_ribbon-button__icon {
  line-height: 0;
}

.dhx_widget .dhx_ribbon-button__icon:before {
  font-size: 20px;
  line-height: 20px;
}

.dhx_ribbon-button,
.dhx_ribbon-button-image {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 6px 12px;
  box-shadow: inset 0 0 0 1px #dfdfdf;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
  border-radius: 2px;
  transition: background-color 0.2s ease-in, box-shadow 0.2s ease-in;
}

.dhx_ribbon-button-image__icon,
.dhx_ribbon-button__icon {
  color: rgba(0, 0, 0, 0.5);
  line-height: 0;
}

.dhx_ribbon-button-image__count,
.dhx_ribbon-button__count {
  margin-left: 8px;
  margin-top: -10px;
  margin-bottom: -10px;
}

.dhx_ribbon-button--auto,
.dhx_ribbon-button--medium,
.dhx_ribbon-button-image--auto,
.dhx_ribbon-button-image--medium {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 68px;
  min-height: 68px;
  height: 100%;
}

.dhx_ribbon-button--auto .dhx_ribbon-button-image__count,
.dhx_ribbon-button--auto .dhx_ribbon-button__count,
.dhx_ribbon-button--medium .dhx_ribbon-button-image__count,
.dhx_ribbon-button--medium .dhx_ribbon-button__count,
.dhx_ribbon-button-image--auto .dhx_ribbon-button-image__count,
.dhx_ribbon-button-image--auto .dhx_ribbon-button__count,
.dhx_ribbon-button-image--medium .dhx_ribbon-button-image__count,
.dhx_ribbon-button-image--medium .dhx_ribbon-button__count {
  margin-left: 0;
  position: absolute;
  top: 4px;
  right: 4px;
}

.dhx_ribbon-button--auto .dhx_ribbon-button__icon + .dhx_ribbon-button__text,
.dhx_ribbon-button--medium .dhx_ribbon-button__icon + .dhx_ribbon-button__text,
.dhx_ribbon-button-image--auto .dhx_ribbon-button__icon + .dhx_ribbon-button__text,
.dhx_ribbon-button-image--medium .dhx_ribbon-button__icon + .dhx_ribbon-button__text {
  margin-left: 0;
  margin-top: 2px;
}

.dhx_ribbon-button--icon,
.dhx_ribbon-button-image--icon {
  flex: 1 0 auto;
  justify-content: center;
}

.dhx_ribbon-button--select,
.dhx_ribbon-button-image--select {
  padding-right: 8px;
}

.dhx_ribbon-button--select .dhx_ribbon-button__text,
.dhx_ribbon-button-image--select .dhx_ribbon-button__text {
  margin-right: 8px;
}

.dhx_ribbon-button-image:hover,
.dhx_ribbon-button:hover {
  background-color: rgba(0, 0, 0, 0.07);
  transition: background-color 0.2s ease-out;
}

.dhx_ribbon-button--active,
.dhx_ribbon-button-image--active,
.dhx_ribbon-button-image:active,
.dhx_ribbon-button:active {
  background-color: #f2f9fd;
  transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
  box-shadow: inset 0 0 0 1px #b3dbf1;
}

.dhx_ribbon-button--disabled,
.dhx_ribbon-button-image--disabled,
.dhx_ribbon-button-image:disabled,
.dhx_ribbon-button:disabled {
  opacity: 0.8;
  pointer-events: auto;
  cursor: default;
}

.dhx_ribbon-button--disabled:hover,
.dhx_ribbon-button-image--disabled:hover,
.dhx_ribbon-button-image:disabled:hover,
.dhx_ribbon-button:disabled:hover {
  background-color: transparent;
}

.dhx_ribbon-button--disabled *,
.dhx_ribbon-button-image--disabled *,
.dhx_ribbon-button-image:disabled *,
.dhx_ribbon-button:disabled * {
  color: rgba(0, 0, 0, 0.3);
}

.dhx_ribbon-button-image__text + .dhx_ribbon-button-image__image {
  margin-right: 4px;
}

.dhx_ribbon-button-image {
  flex-flow: row-reverse;
  justify-content: flex-end;
}

.dhx_ribbon-button-image__count {
  order: -1;
}

.dhx_ribbon-button-image__image {
  width: 20px;
  height: 20px;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.dhx_ribbon-button-image--icon {
  justify-content: center;
}

.dhx_ribbon-button-image__count {
  margin-left: 8px;
}

.dhx_ribbon-button-image--auto .dhx_ribbon-button__count,
.dhx_ribbon-button-image--medium .dhx_ribbon-button__count {
  margin-left: 0;
  position: absolute;
  top: 4px;
  right: 4px;
}

.dhx_ribbon-button-image--auto,
.dhx_ribbon-button-image--medium {
  flex-flow: column-reverse;
  justify-content: center;
  min-width: 68px;
  min-height: 68px;
  height: 100%;
}

.dhx_ribbon-button-image--auto .dhx_ribbon-button-image__image,
.dhx_ribbon-button-image--medium .dhx_ribbon-button-image__image {
  margin-right: 0;
  width: 32px;
  height: 32px;
}

.dhx_ribbon-button-image__caret,
.dhx_ribbon-button__caret {
  margin-left: auto;
  color: rgba(0, 0, 0, 0.5);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.dhx_ribbon-block {
  display: flex;
  text-align: center;
}

.dhx_ribbon-block--root {
  width: 100%;
}

.dhx_ribbon-block--title {
  position: relative;
  padding-bottom: 20px;
}

.dhx_ribbon-block--indented {
  margin-right: 4px;
  margin-left: 4px;
}

.dhx_ribbon-block--indented:first-child {
  margin-left: 0;
}

.dhx_ribbon-block--indented:last-child {
  margin-right: 0;
}

.dhx_ribbon-block--col > .dhx_ribbon-content {
  flex-direction: column;
}

.dhx_ribbon-block--row > .dhx_ribbon-content {
  flex-direction: row;
}

.dhx_ribbon-block--row .dhx_ribbon-button--auto,
.dhx_ribbon-block--row .dhx_ribbon-button-image--auto {
  flex-direction: column;
  justify-content: center;
}

.dhx_ribbon-content {
  flex: 1 0 auto;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.dhx_ribbon-content-label-wrapper {
  display: block;
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.dhx_ribbon-content-label {
  position: relative;
  display: inline;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: rgba(0, 0, 0, 0.38);
}

.dhx_ribbon-content-label:after,
.dhx_ribbon-content-label:before {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  height: 1px;
  background: rgba(0, 0, 0, 0.07);
  width: 1000%;
}

.dhx_ribbon-content-label:before {
  left: calc(100% + 4px);
}

.dhx_ribbon-content-label:after {
  right: calc(100% + 4px);
}

.dhx_sidebar {
  height: 100%;
  position: relative;
  background-color: #fff;
  z-index: 1;
}

.dhx_sidebar:focus {
  outline: none;
}

.dhx_sidebar__item .dhx_custom-button {
  overflow: hidden;
}

.dhx_sidebar__item--spacer {
  flex: 1 0 auto;
}

.dhx_sidebar__item--separator {
  height: 1px;
  min-height: 1px;
  width: 100%;
  background-color: #dfdfdf;
  margin: 2px 0;
}

.dhx_sidebar--minimized .dhx_navbar-title {
  opacity: 0;
  pointer-events: none;
}

.dhx_sidebar--minimized .dhx_sidebar-button__icon {
  margin-left: auto;
  margin-right: auto;
}

.dhx_sidebar--minimized .dhx_sidebar-button--select {
  padding-right: 12px;
}

.dhx_sidebar--minimized .dhx_sidebar-button__count {
  position: absolute;
  max-width: 24px;
  overflow: hidden;
  top: -4px;
  right: 4px;
}

.dhx_sidebar--minimized .dhx_sidebar-button--select .dhx_sidebar-button__count {
  margin-right: 0;
}

.dhx_sidebar--minimized .dhx_sidebar-button__caret,
.dhx_sidebar--minimized .dhx_sidebar-button__text {
  display: none;
}

.dhx_sidebar-button__icon + .dhx_sidebar-button__text {
  margin-left: 12px;
}

.dhx_sidebar-button {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
  transition: background-color 0.2s ease-in;
}

.dhx_sidebar-button--select {
  padding-right: 8px;
}

.dhx_sidebar-button--select .dhx_sidebar-button__count {
  margin-right: 8px;
}

.dhx_sidebar-button--icon {
  padding-right: 12px;
}

.dhx_sidebar-button:hover {
  background-color: rgba(0, 0, 0, 0.07);
  transition: background-color 0.2s ease-out;
}

.dhx_sidebar-button--active,
.dhx_sidebar-button:active {
  background-color: rgba(0, 0, 0, 0.15);
  transition: background-color 0.2s ease-out;
}

.dhx_sidebar-button--active {
  box-shadow: inset 2px 0 0 0 #0288d1;
}

.dhx_sidebar-button--disabled,
.dhx_sidebar-button:disabled {
  opacity: 0.8;
  pointer-events: auto;
  cursor: default;
}

.dhx_sidebar-button--disabled:hover,
.dhx_sidebar-button:disabled:hover {
  background-color: transparent;
}

.dhx_sidebar-button--disabled *,
.dhx_sidebar-button:disabled * {
  color: rgba(0, 0, 0, 0.3);
}

.dhx_sidebar-button__icon {
  color: rgba(0, 0, 0, 0.5);
}

.dhx_widget .dhx_sidebar-button__icon {
  line-height: 0;
}

.dhx_widget .dhx_sidebar-button__icon:before {
  font-size: 20px;
  line-height: 20px;
}

.dhx_sidebar-button__html,
.dhx_sidebar-button__text {
  width: 100%;
  text-align: left;
}

.dhx_sidebar-button__count + .dhx_sidebar-button__caret {
  margin-left: 0;
}

.dhx_sidebar-button__count {
  min-width: 24px;
  flex: 1 0 auto;
  width: auto;
  margin: -4px 0 -4px auto;
}

.dhx_sidebar-button__caret {
  margin-right: 0;
  margin-left: auto;
}

.dhx_toolbar {
  display: flex;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 12px 0;
  background-color: #fff;
}

.dhx_toolbar__item--spacer {
  flex: 1 0 auto;
}

.dhx_toolbar__item--separator {
  width: 1px;
  min-width: 1px;
  height: 100%;
  background-color: #dfdfdf;
  margin: 0 2px;
  height: 28px;
}

.dhx_toolbar__item:first-child .dhx_form-group,
.dhx_toolbar__item:first-child .dhx_navbar-title,
.dhx_toolbar__item:first-child button:not(.dhx_toolbar-button) {
  margin-left: 12px;
}

.dhx_toolbar__item:first-child button.dhx_button--view_link,
.dhx_toolbar__item:not(:first-child) .dhx_form-group,
.dhx_toolbar__item:not(:first-child) .dhx_navbar-title,
.dhx_toolbar__item:not(:first-child) button:not(.dhx_toolbar-button) {
  margin-left: 4px;
}

.dhx_toolbar__item:last-child .dhx_form-group,
.dhx_toolbar__item:last-child .dhx_navbar-title,
.dhx_toolbar__item:last-child button:not(.dhx_toolbar-button) {
  margin-right: 12px;
}

.dhx_toolbar__item:last-child button.dhx_button--view_link,
.dhx_toolbar__item:not(:last-child) .dhx_form-group,
.dhx_toolbar__item:not(:last-child) .dhx_navbar-title,
.dhx_toolbar__item:not(:last-child) button:not(.dhx_toolbar-button) {
  margin-right: 4px;
}

.dhx_toolbar .dhx_button__icon--menu {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.dhx_toolbar__input {
  height: 32px;
}

@supports (display: block) {
  .dhx_toolbar__input {
    height: unset;
  }
}

.dhx_toolbar__input .dhx_input {
  height: 32px;
}

@supports (display: block) {
  .dhx_toolbar__input .dhx_input {
    height: unset;
  }
}

.dhx_toolbar-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
  border-radius: 2px;
  transition: background-color 0.2s ease-in;
}

.dhx_toolbar-button--select {
  padding-right: 8px;
}

.dhx_toolbar-button--icon {
  padding-right: 12px;
}

.dhx_toolbar-button--circle {
  border-radius: 32px;
}

.dhx_toolbar-button--circle.dhx_toolbar-button--icon {
  padding-left: 6px;
  padding-right: 6px;
}

.dhx_toolbar-button:hover {
  background-color: rgba(0, 0, 0, 0.07);
  transition: background-color 0.2s ease-out;
}

.dhx_toolbar-button--active,
.dhx_toolbar-button:active {
  background-color: rgba(0, 0, 0, 0.15);
  transition: background-color 0.2s ease-out;
}

.dhx_toolbar-button--disabled,
.dhx_toolbar-button:disabled {
  opacity: 0.8;
  pointer-events: auto;
  cursor: default;
}

.dhx_toolbar-button--disabled:hover,
.dhx_toolbar-button:disabled:hover {
  background-color: transparent;
}

.dhx_toolbar-button--disabled *,
.dhx_toolbar-button:disabled * {
  color: rgba(0, 0, 0, 0.3);
}

.dhx_toolbar-button__icon {
  color: rgba(0, 0, 0, 0.5);
}

.dhx_widget .dhx_toolbar-button__icon {
  line-height: 0;
}

.dhx_widget .dhx_toolbar-button__icon:before {
  font-size: 20px;
  line-height: 20px;
}

.dhx_toolbar-button__icon + .dhx_toolbar-button__text {
  margin-left: 8px;
}

.dhx_toolbar-button__count {
  position: absolute;
  top: -10px;
  right: -10px;
}

.dhx_toolbar-button__caret {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.5);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.dhx_toolbar-button-image {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 44px;
  height: 44px;
  padding: 0;
  margin-top: -8px;
  margin-bottom: -8px;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  transition: opacity 0.2s ease-in;
}

.dhx_toolbar-button-image:hover {
  opacity: 0.8;
  transition: opacity 0.2s ease-out;
}

.dhx_toolbar-button-image__image {
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  z-index: 1;
}

.dhx_toolbar-button-image__text {
  text-align: center;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dhx_toolbar-button-image__count {
  position: absolute;
  top: -4px;
  right: -4px;
}

.dhx_tabbar {
  display: flex;
  max-height: 100%;
  height: 100%;
  max-width: 100%;
  background-color: #fff;
}

.dhx_tabbar--top {
  flex-direction: column;
}

.dhx_tabbar--top .dhx_tabbar-header__wrapper:after {
  left: 0;
  height: 1px;
  width: 100%;
  bottom: 0;
}

.dhx_tabbar--top .dhx_layout-cell {
  height: 100%;
  overflow: auto;
  flex: 1 1 auto;
}

.dhx_tabbar--top .dhx_tabbar-header {
  flex-direction: row;
}

.dhx_tabbar--top .dhx_tabbar-header-active {
  bottom: 0;
}

.dhx_tabbar--top .dhx_tabbar-tab {
  flex: 0 0 auto;
}

.dhx_tabbar--top .dhx_tabbar-tab-button {
  text-align: center;
}

.dhx_tabbar--bottom {
  flex-direction: column-reverse;
}

.dhx_tabbar--bottom .dhx_tabbar-header__wrapper:after {
  left: 0;
  height: 1px;
  width: 100%;
  top: 0;
}

.dhx_tabbar--bottom .dhx_layout-cell {
  height: 100%;
  overflow: auto;
  flex: 1 1 auto;
}

.dhx_tabbar--bottom .dhx_tabbar-header {
  flex-direction: row;
}

.dhx_tabbar--bottom .dhx_tabbar-header-active {
  top: 0;
}

.dhx_tabbar--bottom .dhx_tabbar-tab {
  flex: 0 0 auto;
}

.dhx_tabbar--bottom .dhx_tabbar-tab-button {
  text-align: center;
}

.dhx_tabbar--left {
  flex-direction: row;
}

.dhx_tabbar--left .dhx_tabbar-header__wrapper:after {
  right: 0;
  height: 100%;
  width: 1px;
  bottom: 0;
}

.dhx_tabbar--left .dhx_layout-cell {
  height: 100%;
  overflow: auto;
  flex: 1 1 auto;
}

.dhx_tabbar--left .dhx_tabbar-header {
  flex-direction: column;
}

.dhx_tabbar--left .dhx_tabbar-header-active {
  right: 0;
}

.dhx_tabbar--left .dhx_tabbar-tab {
  flex: 1 1 auto;
}

.dhx_tabbar--left .dhx_tabbar-tab-button {
  text-align: right;
}

.dhx_tabbar--right {
  flex-direction: row-reverse;
}

.dhx_tabbar--right .dhx_tabbar-header__wrapper:after {
  left: 0;
  height: 100%;
  width: 1px;
  bottom: 0;
}

.dhx_tabbar--right .dhx_layout-cell {
  height: 100%;
  overflow: auto;
  flex: 1 1 auto;
}

.dhx_tabbar--right .dhx_tabbar-header {
  flex-direction: column;
}

.dhx_tabbar--right .dhx_tabbar-header-active {
  left: 0;
}

.dhx_tabbar--right .dhx_tabbar-tab {
  flex: 1 1 auto;
}

.dhx_tabbar--right .dhx_tabbar-tab-button {
  text-align: left;
}

.dhx_tabbar .dhx_layout-cell--content {
  flex: 1 0 auto;
  overflow: auto;
}

.dhx_tabbar-header {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dhx_tabbar-header__wrapper {
  position: relative;
  overflow: auto;
  flex: 0 0 auto;
}

.dhx_tabbar-header__wrapper:after {
  content: "";
  display: block;
  position: absolute;
  background: #e4e4e4;
}

.dhx_tabbar-header-active {
  position: absolute;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  background-color: #0288d1;
  z-index: 1;
}

.dhx_tabbar-tab {
  position: relative;
}

.dhx_tabbar-tab__close {
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  opacity: 0.7;
  color: #0288d1;
  cursor: pointer;
}

.dhx_tabbar-tab__close:hover {
  opacity: 1;
}

.dhx_tabbar-tab__close:focus {
  outline: none;
}

.dhx_tabbar-tab-button {
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  padding: 12px 24px;
  border-radius: 0;
  color: #0288d1;
  text-transform: uppercase;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color 0.2s ease-in;
}

.dhx_tabbar-tab-button .dhx_button__text {
  opacity: 0.7;
}

.dhx_tabbar-tab-button:active,
.dhx_tabbar-tab-button:hover,
.dhx_tabbar-tab-button:hover:active {
  background-color: #ededed;
  transition: background-color 0.2s ease-out;
}

.dhx_tabbar-tab-button--active .dhx_button__text {
  opacity: 1;
}

.dhx_tree {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
}

.dhx_tree--no-selection {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dhx_tree--no-selection .dhx_tree-folder:hover:before,
.dhx_tree--no-selection .dhx_tree-list-item:hover:before {
  transition: background-color 0.2s ease-out;
  background-color: transparent;
}

.dhx_tree-list {
  list-style: none;
  margin: 0;
  padding: 0 0 0 20px;
}

.dhx_tree-folder {
  display: flex;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
}

.dhx_tree-folder .dhx_tree-list-item__content {
  padding-left: 20px;
}

.dhx_tree-folder .dhx_tree-toggle-button + .dhx_tree-list-item__content {
  padding-left: 0;
}

.dhx_tree-list-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-top: 2px;
  padding-bottom: 2px;
  transition: background-color 0.2s ease-out;
}

.dhx_tree-list-item__content {
  display: flex;
  align-items: center;
  padding-left: 20px;
  position: relative;
}

.dhx_tree-list-item__content:before {
  content: "";
  display: block;
  position: absolute;
  top: -1.5px;
  bottom: -1.5px;
  right: inherit;
  left: inherit;
  transition: background-color 0.2s ease-in;
  z-index: -1;
}

.dhx_tree-list-item__text {
  padding-left: 4px;
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: normal;
  color: rgba(0, 0, 0, 0.7);
}

.dhx_tree-list-item__icon {
  color: rgba(0, 0, 0, 0.3);
  line-height: 1;
  font-size: 0;
}

.dhx_tree-list-item__icon:before {
  font-size: 20px;
  line-height: 1;
}

.dhx_tree-list-item--parent {
  display: block;
  padding-top: 0;
  padding-bottom: 0;
}

.dhx_tree-list-item .dhx_widget .dhx_tree-list-item__icon {
  line-height: 0;
}

.dhx_tree-list-item .dhx_widget .dhx_tree-list-item__icon:before {
  font-size: 20px;
  line-height: 20px;
}

.dhx_tree-folder,
.dhx_tree-list-item {
  position: relative;
}

.dhx_tree-folder:before,
.dhx_tree-list-item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: inherit;
  left: inherit;
  transition: background-color 0.2s ease-in;
  z-index: -1;
}

.dhx_tree-folder--focused:before,
.dhx_tree-folder:hover:before,
.dhx_tree-list-item--focused:before,
.dhx_tree-list-item:hover:before {
  transition: background-color 0.2s ease-out;
  background-color: #ededed;
}

.dhx_tree-folder--selected:before,
.dhx_tree-list-item--selected:before {
  transition: background-color 0.2s ease-out;
  box-shadow: inset 2px 0 0 0 #0288d1;
  background-color: #f7f7f7;
}

.dhx_tree-toggle-button {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
}

.dhx_tree-toggle-button + .dhx_tree-list-item__content {
  margin-left: 0;
}

.dhx_tree-checkbox {
  padding-right: 4px;
  color: #0288d1;
}

.dhx_tree-checkbox.dxi-checkbox-blank-outline {
  color: rgba(0, 0, 0, 0.5);
}

.dhx_tree-input {
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  padding-left: 4px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  background-color: #f7f7f7;
  border: none;
}

.dhx_tree-input:focus {
  outline: none;
}

.dhx_tree-folder.dhx_tree-drop--top .dhx_tree-list-item__content:before {
  left: -20px;
  right: 0;
  box-shadow: 0 -1px 0 0 #81c4e8;
}

.dhx_tree-folder.dhx_tree-drop--top:hover:before {
  background-color: transparent;
}

.dhx_tree-folder.dhx_tree-drop--bottom .dhx_tree-list-item__content:before {
  left: -20px;
  right: 0;
  box-shadow: 0 1px 0 0 #81c4e8;
}

.dhx_tree-folder.dhx_tree-drop--bottom:hover:before {
  background-color: transparent;
}

.dhx_tree-folder.dhx_tree-drop--in-folder .dhx_tree-list-item__content:before {
  left: -20px;
  right: 0;
  box-shadow: 0 1px 0 0 #81c4e8, 0 -1px 0 0 #81c4e8;
}

.dhx_tree-folder.dhx_tree-drop--in-folder:hover:before {
  background-color: transparent;
}

.dhx_tree-list-item.dhx_tree-drop--top .dhx_tree-list-item__content:before {
  left: 20px;
  right: 0;
  box-shadow: 0 -1px 0 0 #81c4e8;
}

.dhx_tree-list-item.dhx_tree-drop--top:hover:before {
  background-color: transparent;
}

.dhx_tree-list-item.dhx_tree-drop--bottom .dhx_tree-list-item__content:before {
  left: 20px;
  right: 0;
  box-shadow: 0 1px 0 0 #81c4e8;
}

.dhx_tree-list-item.dhx_tree-drop--bottom:hover:before {
  background-color: transparent;
}

.dhx_tree-list-item.dhx_tree-drop--in-folder .dhx_tree-list-item__content:before {
  left: 20px;
  right: 0;
  box-shadow: 0 1px 0 0 #81c4e8, 0 -1px 0 0 #81c4e8;
}

.dhx_tree-list-item.dhx_tree-drop--in-folder:hover:before {
  background-color: transparent;
}

.dhx_window {
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  will-change: transform;
  overflow: visible;
}

.dhx_window--stop_selection {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dhx_window__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2147483645;
}

.dhx_window-header {
  margin-bottom: 20px;
}

.dhx_window-header--movable {
  cursor: all-scroll;
}

.dhx_window-header:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 16px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.dhx_window-header .dhx_navbar-title {
  margin-left: 0 !important;
  font-size: 18px;
}

.dhx_window-content {
  padding-left: 28px;
  padding-right: 28px;
  padding-bottom: 28px;
}

.dhx_window-content,
.dhx_window-content-without-header {
  font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.3;
  overflow-y: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.dhx_window-content-without-header {
  padding: 28px;
}

.dhx_window-footer {
  margin-top: 20px;
}

.dhx_window__inner-html-content :first-child {
  margin-top: 0;
}

.dhx_window--no-scroll {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.dhx_window .dhx_cell_content,
.dhx_window .dhx_toolbar {
  width: 100%;
}

.dhx_window .dhx_toolbar__list {
  min-height: auto;
}

.dhx_window .dhx_window-header .dhx_toolbar {
  padding: 28px 28px 0;
}

.dhx_window .dhx_window-footer .dhx_toolbar {
  padding: 0 28px 28px;
}

.dhx_window .dhx_cell_content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.dhx_window-resizer {
  position: absolute;
  background: transparent;
}

.dhx_window-resizer--left {
  left: -6px;
  top: 0;
  height: 100%;
  width: 12px;
}

.dhx_window-resizer--left:hover {
  cursor: ew-resize;
}

.dhx_window-resizer--right {
  right: -6px;
  top: 0;
  height: 100%;
  width: 12px;
}

.dhx_window-resizer--right:hover {
  cursor: ew-resize;
}

.dhx_window-resizer--top {
  left: 0;
  top: -6px;
  height: 12px;
  width: 100%;
}

.dhx_window-resizer--top:hover {
  cursor: ns-resize;
}

.dhx_window-resizer--bottom {
  left: 0;
  bottom: -6px;
  height: 12px;
  width: 100%;
}

.dhx_window-resizer--bottom:hover {
  cursor: ns-resize;
}

.dhx_window-resizer--top_right {
  right: -6px;
  top: -6px;
  width: 12px;
  height: 12px;
}

.dhx_window-resizer--top_right:hover {
  cursor: nesw-resize;
}

.dhx_window-resizer--top_left {
  left: -6px;
  top: -6px;
  width: 12px;
  height: 12px;
}

.dhx_window-resizer--top_left:hover {
  cursor: nwse-resize;
}

.dhx_window-resizer--bottom_right {
  right: -6px;
  bottom: -6px;
  width: 12px;
  height: 12px;
}

.dhx_window-resizer--bottom_right:hover {
  cursor: nwse-resize;
}

.dhx_window-resizer--bottom_left {
  left: -6px;
  bottom: -6px;
  width: 12px;
  height: 12px;
}

.dhx_window-resizer--bottom_left:hover {
  cursor: nesw-resize;
}

.dhx_window-body-pointer--left,
.dhx_window-body-pointer--right {
  cursor: ew-resize;
}

.dhx_window-body-pointer--bottom,
.dhx_window-body-pointer--top {
  cursor: ns-resize;
}

.dhx_window-body-pointer--top_right {
  cursor: nesw-resize;
}

.dhx_window-body-pointer--bottom_right,
.dhx_window-body-pointer--top_left {
  cursor: nwse-resize;
}

.dhx_window-body-pointer--bottom_left {
  cursor: nesw-resize;
}

body.reflex-col-resize {
  cursor: col-resize;
}

body.reflex-row-resize {
  cursor: row-resize;
}

.reflex-container {
  justify-content: flex-start;
  /* align items in Main Axis */
  align-items: stretch;
  /* align items in Cross Axis */
  align-content: stretch;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  display: flex;
  position: relative;
  height: 100%;
  width: 100%;
}

.reflex-container.horizontal {
  flex-direction: column;
  min-height: 1px;
}

.reflex-container.vertical {
  flex-direction: row;
  min-width: 1px;
}

.reflex-container > .reflex-element {
  position: relative;
  overflow: auto;
  height: 100%;
  width: 100%;
}

.reflex-container.reflex-resizing > .reflex-element {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.reflex-container > .reflex-element > .reflex-size-aware {
  height: 100%;
  width: 100%;
}

.reflex-container > .reflex-splitter {
  background-color: #eeeeee;
  z-index: 100;
}

.reflex-container > .reflex-splitter.active,
.reflex-container > .reflex-splitter:hover {
  background-color: #c6c6c6;
  transition: all 1s ease;
}

.horizontal > .reflex-splitter {
  border-bottom: 1px solid #c6c6c6;
  border-top: 1px solid #c6c6c6;
  cursor: row-resize;
  width: 100%;
  height: 2px;
}

.reflex-element.horizontal .reflex-handle {
  cursor: row-resize;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.reflex-container.horizontal > .reflex-splitter:hover,
.reflex-container.horizontal > .reflex-splitter.active {
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
}

.reflex-container.vertical > .reflex-splitter {
  border-right: 1px solid #c6c6c6;
  border-left: 1px solid #c6c6c6;
  cursor: col-resize;
  height: 100%;
  width: 2px;
}

.reflex-element.vertical .reflex-handle {
  cursor: col-resize;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.reflex-container.vertical > .reflex-splitter:hover,
.reflex-container.vertical > .reflex-splitter.active {
  border-right: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}

.reflex-container > .reflex-splitter.reflex-thin {
  box-sizing: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  opacity: 0.2;
  z-index: 100;
}

.reflex-container > .reflex-splitter.reflex-thin.active .reflex-container > .reflex-splitter.reflex-thin:hover {
  transition: all 1.5s ease;
  opacity: 0.5;
}

.reflex-container.horizontal > .reflex-splitter.reflex-thin {
  border-bottom: 8px solid rgba(255, 255, 255, 0);
  border-top: 8px solid rgba(255, 255, 255, 0);
  height: 17px !important;
  cursor: row-resize;
  margin: -8px 0;
  width: 100%;
}

.reflex-container.horizontal > .reflex-splitter.reflex-thin.active,
.reflex-container.horizontal > .reflex-splitter.reflex-thin:hover {
  border-bottom: 8px solid #e4e4e4;
  border-top: 8px solid #e4e4e4;
}

.reflex-container.vertical > .reflex-splitter.reflex-thin {
  border-right: 8px solid rgba(255, 255, 255, 0);
  border-left: 8px solid rgba(255, 255, 255, 0);
  width: 17px !important;
  cursor: col-resize;
  margin: 0 -8px;
  height: 100%;
}

.reflex-container.vertical > .reflex-splitter.reflex-thin.active,
.reflex-container.vertical > .reflex-splitter.reflex-thin:hover {
  border-right: 8px solid #e4e4e4;
  border-left: 8px solid #e4e4e4;
}

/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px;
  /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */
}

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}

.CodeMirror-linenumbers {
}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker {
  color: black;
}

.CodeMirror-guttermarker-subtle {
  color: #999;
}

/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}

@-moz-keyframes blink {
  0% {
  }

  50% {
    background-color: transparent;
  }

  100% {
  }
}

@-webkit-keyframes blink {
  0% {
  }

  50% {
    background-color: transparent;
  }

  100% {
  }
}

@keyframes blink {
  0% {
  }

  50% {
    background-color: transparent;
  }

  100% {
  }
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {
}

.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}

.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  overflow: hidden;
}

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue;
}

.cm-s-default .cm-quote {
  color: #090;
}

.cm-negative {
  color: #d44;
}

.cm-positive {
  color: #292;
}

.cm-header,
.cm-strong {
  font-weight: bold;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-strikethrough {
  text-decoration: line-through;
}

.cm-s-default .cm-keyword {
  color: #708;
}

.cm-s-default .cm-atom {
  color: #219;
}

.cm-s-default .cm-number {
  color: #164;
}

.cm-s-default .cm-def {
  color: #00f;
}

.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {
}

.cm-s-default .cm-variable-2 {
  color: #05a;
}

.cm-s-default .cm-variable-3,
.cm-s-default .cm-type {
  color: #085;
}

.cm-s-default .cm-comment {
  color: #a50;
}

.cm-s-default .cm-string {
  color: #a11;
}

.cm-s-default .cm-string-2 {
  color: #f50;
}

.cm-s-default .cm-meta {
  color: #555;
}

.cm-s-default .cm-qualifier {
  color: #555;
}

.cm-s-default .cm-builtin {
  color: #30a;
}

.cm-s-default .cm-bracket {
  color: #997;
}

.cm-s-default .cm-tag {
  color: #170;
}

.cm-s-default .cm-attribute {
  color: #00c;
}

.cm-s-default .cm-hr {
  color: #999;
}

.cm-s-default .cm-link {
  color: #00c;
}

.cm-s-default .cm-error {
  color: #f00;
}

.cm-invalidchar {
  color: #f00;
}

.CodeMirror-composing {
  border-bottom: 2px solid;
}

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

/* STOP */
/* The rest of this file contains styles related to the mechanics of
 the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative;
}

.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
 before actual scrolling happens, thus preventing shaking and
 flickering artifacts. */
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}

.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}

.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px;
  /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {
}

.CodeMirror-rtl pre {
  direction: rtl;
}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}

.CodeMirror-measure pre {
  position: static;
}

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}

div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected {
  background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}

.CodeMirror-crosshair {
  cursor: crosshair;
}

.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}

.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}

/* Used to force a border model for a node */
.cm-force-border {
  padding-right: 0.1px;
}

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: "";
}

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none;
}

/*
Name:       material
Author:     Mattia Astorino (http://github.com/equinusocio)
Website:    https://material-theme.site/
*/
.cm-s-material-palenight.CodeMirror {
  background-color: #292d3e;
  color: #a6accd;
}

.cm-s-material-palenight .CodeMirror-gutters {
  background: #292d3e;
  color: #676e95;
  border: none;
}

.cm-s-material-palenight .CodeMirror-guttermarker,
.cm-s-material-palenight .CodeMirror-guttermarker-subtle,
.cm-s-material-palenight .CodeMirror-linenumber {
  color: #676e95;
}

.cm-s-material-palenight .CodeMirror-cursor {
  border-left: 1px solid #ffcc00;
}

.cm-s-material-palenight div.CodeMirror-selected {
  background: rgba(113, 124, 180, 0.2);
}

.cm-s-material-palenight.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(113, 124, 180, 0.2);
}

.cm-s-material-palenight .CodeMirror-line::selection,
.cm-s-material-palenight .CodeMirror-line > span::selection,
.cm-s-material-palenight .CodeMirror-line > span > span::selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material-palenight .CodeMirror-line::-moz-selection,
.cm-s-material-palenight .CodeMirror-line > span::-moz-selection,
.cm-s-material-palenight .CodeMirror-line > span > span::-moz-selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material-palenight .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.5);
}

.cm-s-material-palenight .cm-keyword {
  color: #c792ea;
}

.cm-s-material-palenight .cm-operator {
  color: #89ddff;
}

.cm-s-material-palenight .cm-variable-2 {
  color: #eeffff;
}

.cm-s-material-palenight .cm-variable-3,
.cm-s-material-palenight .cm-type {
  color: #f07178;
}

.cm-s-material-palenight .cm-builtin {
  color: #ffcb6b;
}

.cm-s-material-palenight .cm-atom {
  color: #f78c6c;
}

.cm-s-material-palenight .cm-number {
  color: #ff5370;
}

.cm-s-material-palenight .cm-def {
  color: #82aaff;
}

.cm-s-material-palenight .cm-string {
  color: #c3e88d;
}

.cm-s-material-palenight .cm-string-2 {
  color: #f07178;
}

.cm-s-material-palenight .cm-comment {
  color: #676e95;
}

.cm-s-material-palenight .cm-variable {
  color: #f07178;
}

.cm-s-material-palenight .cm-tag {
  color: #ff5370;
}

.cm-s-material-palenight .cm-meta {
  color: #ffcb6b;
}

.cm-s-material-palenight .cm-attribute {
  color: #c792ea;
}

.cm-s-material-palenight .cm-property {
  color: #c792ea;
}

.cm-s-material-palenight .cm-qualifier {
  color: #decb6b;
}

.cm-s-material-palenight .cm-variable-3,
.cm-s-material-palenight .cm-type {
  color: #decb6b;
}

.cm-s-material-palenight .cm-error {
  color: rgba(255, 255, 255, 1);
  background-color: #ff5370;
}

.cm-s-material-palenight .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}

/*# sourceMappingURL=styles.css.map*/

.dhx_layout-columns {
  min-height: 70vh;
}

.dhx_property {
  overflow: auto;
  max-height: 70vh;
}
.editor,
.diagram {
  height: 100%;
  width: 100%;
}

.dhx_topbar {
  /*    display: none; */
}
.dhx_item_header {
  display: none !important;
}

.dhx_orgcard__img {
  object-fit: cover !important;
  margin: 0 !important;
  position: absolute !important;
  top: -80px !important;
  border-radius: 12px !important;

  width: 80px !important;
  height: 100px !important;
}
.shape_content,
.dhx_item_shape {
  white-space: normal !important;
  word-break: normal !important;
  background-color: #97cbdd;
  border-radius: 12px !important;
  gap: 12px;
}

.shape_content {
  height: 100% !important;
}
.shape_content,
.shape_content-container {
  overflow: visible !important;
  width: 100% !important;
  height: 100% !important;
}

.shape_content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
.dhx_orgcard__title {
  margin: 0 !important;
  padding: 0 8px !important;
  white-space: normal !important;
  word-break: normal !important;
  color: #0e3b83;
  text-transform: none !important;
  font-weight: 500;
}
.dhx_orgcard__text {
  padding: 0 8px !important;
  margin: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
  color: #0e3b83;
  text-transform: none !important;
  font-weight: 700;
  max-width: 100% !important;
}
.dhx_layout-columns {
  min-height: 80svh !important;
  height: 100% !important;
}
/*  .dhx_diagram__scale-container {
    margin-top: 100px;
  } */

.dhx_orgcard__img[src=""] {
  display: none;
}

.dhx_orgcard__img:not([src]) {
  display: none;
}

.dhx_orgcard__text:empty {
  display: none !important;
}
.dhx_orgcard__title:empty {
  display: none !important;
}

.edit-section.input_group_up {
  display: none !important;
}
.dhx_items_block,
[dhx_id="resetAll"],
[dhx_id="remove"],
[dhx_id="add"],
.edit-section.color-edit,
.dhx_layout-cell.sidebar,
.dhx_state_block {
  display: none !important;
}
.dhx_img_uploader .dhx_uploader_preview {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  width: 80px;
  height: 100px;
  border-radius: 12px;
}

.shape_content:has(img[src]) {
  padding-top: 20px;
}

.shape_content:has(img[src]) img {
  border: 1px solid #ccc;
}

.dhx_hide_icon {
  display: none;
}

#tree-container {
  overflow: hidden;
  border-radius: 16px;
}

img[src="http://burulas.kuark.xyz/"],img[src="http://burulas.kuark.xyz/"],img[src="https://www.burulas.com/"],img[src="https://burulas.com/"]
{
  display: none;
}


.dhx_diagram_line{
  stroke:black
}

.dhx_button--color_primary {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: white;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .47rem .75rem;
  font-size: .8125rem;
  border-radius: .25rem;
  -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}