body {
  --dlm-font-size: 17px;
  --dlm-font-size-medium: 15px;
  --dlm-font-size-small: 14px;

  --dlm-font-size-qf: var(--dlm-font-size-small);
  --dlm-sidebar-font-size: var(--dlm-font-size-medium);
  --dlm-sidebar-subject-font-size: var(--dlm-sidebar-font-size);
  --dlm-conmenu-font-size: var(--dlm-font-size-medium);
  --dlm-screen-label-font-size: 22px;
  --dlm-part-label-font-size: 18px;
  --dlm-part-label-texttransform: none;
  --dlm-button-font-size: 17px;
  --dlm-button-icon-font-size: calc( var(--dlm-button-font-size) + 3px );

  --dlm-info-alert-color: #ff0000;
  --dlm-info-warn-color: #ff7000;
  --dlm-info-normal-color: #0000ff;
  --dlm-info-good-color: #008000;
  --dlm-text-type-bgcolor: #ccd5fe;
  
  --dlm-chart-font-size: var(--dlm-font-size-medium);
  
  --dlm-icon-size: 20px; /* picker button icons for instance */

  --dlm-sidebar-icon-size: 16px;
  --dlm-toolbar-logo-anim-bgcolor: var(--dlm-sidebar-bgcolor);
  
  --dlm-form-group-line-bottom: 10%;
  --dlm-menu-icon-size: var(---dlm-conmenu-font-size);
  --dlm-sidebar-screen-icon-width: 16px;
  --dlm-sidebar-subject-icon-width: 14px;

  --dlm-open-icon: "\f0d7";
  --dlm-close-icon: "\f0da";

  --dlm-sidebar-close-icon: "\f2f6";
  --dlm-sidebar-open-icon: "\f2f5";
  --dlm-sidebar-subject-open-icon: var(--dlm-open-icon);
  --dlm-sidebar-subject-closed-icon: var(--dlm-close-icon);
  --dlm-sidebar-subject-in-ctx-menu-icon: var(--dlm-sidebar-subject-closed-icon);

  --dlm-tree-opened-icon: var(--dlm-open-icon);
  --dlm-tree-closed-icon: var(--dlm-close-icon);
  --dlm-scheduler-event-icon: "\f152";
  --dlm-field-group-closed-icon: var(--dlm-close-icon);
  --dlm-field-required-icon: "\25AA";

  --dlm-screen-label-icon-size: 18px;
  --dlm-tabbed-top-border-radius: 12px;
  
  --dlm-font-family: Roboto-Condensed, sans-serif;
  --dlm-font-bold-weight: 500;
  --dlm-input-border-radius: 6px;
  --dlm-input-focus-color: initial;
  --dlm-input-focus-border: 1px solid #3498db;

  --ck-border-radius: 6px;
  --ck-icon-size: 1.5em;
  --ck-line-height-base: 1.2;
  --ck-font-face: var(--dlm-font-family);
  --ck-font-size-base: var(--dlm-font-size);
  --ck-color-mention-text: var(--dlm-label-color);
  --ck-color-mention-background: transparent;

  --dlm-sidebar-color: white;
  --dlm-sidebar-subject-color: white;
  --dlm-sidebar-search-color: black;
  --dlm-sidebar-search-inactive-bgcolor: #ffffff15;
  --dlm-sidebar-search-hint-color: #bdbdbd;
  --dlm-sidebar-selected-color: #A3CFFC;
  --dlm-sidebar-subject-special: #ffffbd;
  --dlm-scrollbar-bgcolor: var(--dlm-bgcolor);
  --dlm-scrollbar-color: rgba(67, 149, 235, 0.7);
  --dlm-updated-row-bgcolor: #35ff001c;


  --dlm-font-color: #333333;
  --dlm-hover-bgcolor: #A3CFFC;
  --dlm-base-color: #004082;
  --dlm-back-bgcolor: #eaf1fb;
  --dlm-bgcolor: white;

  --dlm-form-element-color: var(--dlm-font-color);
  --dlm-form-element-bgcolor: var(--dlm-bgcolor);
  --dlm-form-element-border: 1px solid #cccccc;

  --dlm-negative-color: white;
  --dlm-field-border-color: #ccc;

  --dlm-fld-label-color: var(--dlm-label-color);
  --dlm-disabled-fld-color: #555;
  --dlm-disabled-fld-bgcolor: #f4f4f4;

  --dlm-selection-bgcolor: #ddd;
  --dlm-calendar-holiday-color: red;
  --dlm-calendar-preholiday-color: #00c8c6;
  --dlm-calendar-workday-color: var(--dlm-font-color);

  --dlm-menu-border-color: #ddd;
  --dlm-row-bgcolor: #0250A2;
  --dlm-selected-row-color: #fff;
  --dlm-row-hover-bgcolor: #dfefff;
  --dlm-filter-alert-color: red;
  --dlm-filter-warn-color: #a2c3ff;
  --dlm-filter-warn-outline-color: #003852;
  --dlm-grid-row-v-border-color:#ebebeb;
  --dlm-grid-header-v-border-color:#c3d7f4;
  --dlm-disabled-button-color: #afafaf;
  --dlm-fld-group-withdata-color: #a500ec;
  --dlm-sidebar-action-bgcolor: #56699f;
  --dlm-border-color-sel: #ff8300;
  --dlm-menu-subject-texttransform: none;

  --dlm-scheduler-grid-color: #cee6ff;

  --dlm-menu-bgcolor: var(--dlm-bgcolor);
  --dlm-menu-focus-color: #ccc;

  --dlm-tag-readonly-bgcolor: var(--dlm-bgcolor);
  --dlm-tag-border-color: #dde8ff;
  
  --dlm-picker-button-bgcolor: var(--dlm-base-color);
  --dlm-menu-icon-color: var(--dlm-base-color);
  --dlm-grid-header-bgcolor: var(--dlm-bgcolor);
  --dlm-picker-button-color: var(--dlm-negative-color);
  
  
  --dlm-sidebar-bgcolor: var(--dlm-base-color);
  --dlm-sidebar-selected-bgcolor: transparent;
  --dlm-sidebar-search-bgcolor: var(--dlm-bgcolor);
  --dlm-sidebar-hover-color: var(--dlm-sidebar-selected-color);
  --dlm-sidebar-hover-bgcolor: var(--dlm-sidebar-selected-bgcolor);
  --dlm-sidebar-search-font-size: var(--dlm-font-size);

  --dlm-head-fs-bgcolor: var(--dlm-base-color);

  --dlm-button-confirm-hover-bgcolor: #2b82f9;
  --dlm-button-confirm-focus-bgcolor: #217cf9;
  --dlm-button-confirm-active-bgcolor: var(--dlm-button-confirm-focus-bgcolor);
  --dlm-button-popup-border: 1px solid var(--dlm-button-confirm-focus-bgcolor);
  --dlm-button-popup-border-bottom: 1px solid var(--dlm-button-confirm-focus-bgcolor);
  
  --dlm-button-confirm-bgcolor: var(--dlm-base-color);
  --dlm-button-confirm-border: 1px solid var(--dlm-base-color);
  --dlm-button-confirm-border-bottom: 1px solid var(--dlm-button-confirm-hover-bgcolor);
  --dlm-button-popup-bgcolor: #c9c9c9;
  
  --dlm-button-icon-hover-color: var(--dlm-button-icon-color);
  --dlm-button-icon-hover-bgcolor: var(--dlm-button-hover-bgcolor);

  --dlm-disabled-fld-label-color: var(--dlm-label-color);
  
  
  --dlm-toolbar-icon-color: var(--dlm-base-color);
  --dlm-toolbar-title-color: var(--dlm-base-color);

  --dlm-tabbed-header-color: var(--dlm-base-color);
  --dlm-tabbed-header-sel-color: var(--dlm-negative-color);

  --dlm-tabbed-header-bgcolor: var(--dlm-bgcolor);
  --dlm-tabbed-header-unsel-bgcolor: var(--dlm-bgcolor);
  --dlm-tabbed-header-sel-bgcolor: var(--dlm-base-color);
  --dlm-tabbed-header-font-weight: var(--dlm-font-bold-weight);
  
  --dlm-tabbed-header-hover-bgcolor: var(--dlm-hover-bgcolor);
  --dlm-tabbed-header-border-color: var(--dlm-base-color);
  --dlm-tabbar-inner-height: "";
  --dlm-tabbed-header-padding-top: 3px;
  --dlm-tabbed-padding: 0px;

  --dlm-tabbed2-base-bgcolor: transparent;
  --dlm-tabbed2-text-transform: none;

  --dlm-tabbed2-color: var(--dlm-tabbed-header-color);
  --dlm-tabbed2-font-weight: var(--dlm-tabbed-header-font-weight);
  --dlm-tabbed2-border-bottom: 2px solid var(--dlm-tabbed-header-border-color);

  --dlm-tabbed2-sel-color: var(--dlm-tabbed-header-sel-color);
  --dlm-tabbed2-sel-bgcolor: var(--dlm-tabbed-header-sel-bgcolor);
  --dlm-tabbed2-sel-border-bottom: var(--dlm-tabbed2-border-bottom);

  --dlm-tabbed2-hov-bgcolor: var(--dlm-tabbed-header-hover-bgcolor);
  --dlm-tabbed2-hov-border-bottom: var(--dlm-tabbed2-border-bottom);

  --dlm-tabbed3-base-bgcolor: transparent; 

  --dlm-tabbed3-color: var(--dlm-tabbed-header-color);;
  --dlm-tabbed3-font-size: var(--dlm-font-size);
  --dlm-tabbed3-bgcolor: transparent;

  --dlm-tabbed3-sel-color: var(--dlm-tabbed-header-sel-color);;
  --dlm-tabbed3-sel-bgcolor: var(--dlm-tabbed-header-sel-bgcolor);;

  --dlm-tabbed3-hov-bgcolor: var(--dlm-tabbed-header-hover-bgcolor);
  --dlm-tabbed3-hov-font-weight: var(--dlm-tabbed-header-font-weight);

  --dlm-button-register-bgcolor: #808080;

   
  --dlm-memo-color: var(--dlm-base-color);
  --dlm-label-color: var(--dlm-base-color);
  --dlm-grid-row-v-border: 0px solid;
  --dlm-grid-row-h-border: 0px solid;
  --dlm-grid-row-h-border-color:var(--dlm-grid-row-v-border-color);
  --dlm-grid-header-v-border: 1px solid;
  --dlm-grid-header-h-border: 1px solid;
  --dlm-grid-header-h-border-color: var(--dlm-grid-header-v-border-color);
  --dlm-grid-header-color: var(--dlm-label-color);
  
  --dlm-button-warn-color: #ff8300;
  --dlm-button-bgcolor: #e4eef8;
  --dlm-button-hover-bgcolor: var(--dlm-hover-bgcolor);
  
  --dlm-button-color: var(--dlm-base-color);
  --dlm-button-field-action-color: var(--dlm-button-color);
  --dlm-button-icon-color:  var(--dlm-button-color);
  --dlm-button-icon-bgcolor: transparent;

  --dlm-button-font-weight: unset;

  --dlm-ext-login-button-bgcolor: #ffffff;
  --dlm-ext-login-button-color: black;
  --dlm-ext-login-button-hover-bgcolor: #A3CFFC;

  --dlm-ck-button-color: var(--dlm-button-color);

  --ck-color-toolbar-background: var(--dlm-base-color);
  --ck-color-button-default-hover-background: var(--dlm-hover-bgcolor);
  --ck-color-button-on-background: var(--dlm-hover-bgcolor);
  --ck-color-button-on-active-background: var(--dlm-hover-bgcolor);
  --ck-color-button-on-hover-background: var(--dlm-hover-bgcolor);
  --ck-color-button-default-active-background: var(--dlm-hover-bgcolor);

  --ck-color-toolbar-background: var(--dlm-bgcolor);
  --ck-color-base-background: var(--dlm-bgcolor);

  --dlm-treechart-connector-color: var(--dlm-disabled-fld-color);
  --dlm-treechart-border-color: var(--dlm-row-bgcolor);
  --dlm-treechart-title-bgcolor: var(--dlm-row-bgcolor);
  --dlm-treechart-title-color: var(--dlm-negative-color);
  --dlm-treechart-title-font-size: var(--dlm-font-size-small);
  --dlm-treechart-body-font-size: var(--dlm-font-size-medium);
  --dlm-treechart-border-color-sel: var(--dlm-border-color-sel);

  --dlm-msg-bgcolor-blue: #5f7fa5;
  --dlm-msg-bgcolor-orange: #e47200;
  --dlm-msg-bgcolor-red: #c84b35;
  --dlm-msg-bgcolor-green: #469943;

  --fc-today-bg-color: #0070e48a;
  --fc-border-color: var(--dlm-scheduler-grid-color);
}

@font-face {
  font-family: 'Roboto';
  font-weight: normal;
  font-style: normal;
  src: url(fonts/Roboto-Regular.ttf);
}

@font-face {
  font-family: 'Roboto';
  font-weight: normal;
  font-style: italic;
  src: url(fonts/Roboto-Italic.ttf);
}

@font-face {
  font-family: 'Roboto';
  font-weight: 500;
  font-style: normal;
  src: url(fonts/Roboto-Medium.ttf);
}

@font-face {
  font-family: 'Roboto';
  font-weight: 500;
  font-style: italic;
  src: url(fonts/Roboto-MediumItalic.ttf);
}

@font-face {
  font-family: 'Roboto-Condensed';
  font-weight: normal;
  font-style: normal;
  src: url(fonts/RobotoCondensed-Regular.ttf);
}

@font-face {
  font-family: 'Roboto-Condensed';
  font-weight: normal;
  font-style: italic;
  src: url(fonts/RobotoCondensed-Italic.ttf);
}

@font-face {
  font-family: 'Roboto-Condensed';
  font-weight: 500;
  font-style: normal;
  src: url(fonts/RobotoCondensed-Bold.ttf);
}

@font-face {
  font-family: 'Roboto-Condensed';
  font-weight: 500;
  font-style: italic;
  src: url(fonts/RobotoCondensed-BoldItalic.ttf);
}

body{
  margin: 0;
}

::selection {
  color: unset;
  background: var(--dlm-selection-bgcolor);
}

.webix_view {
  font-family: var(--dlm-font-family);
  font-size: var(--dlm-font-size);
  border: 0px solid;
}

.webix_view,
.webix_view.webix_form {
  color: var(--dlm-font-color);
  border-color: var(--dlm-back-bgcolor);
  background-color: var(--dlm-bgcolor);
}

.webix_layout_space {
  background-color: var(--dlm-back-bgcolor);
}

.webix_layout_wide {
  background-color: var(--dlm-back-bgcolor);
}

body.webix_full_screen {
  background: var(--dlm-back-bgcolor);
}

.webix_section:before { /* MP form field group name backline */
  background-color: cornflowerblue;
  height: 2px;
}

.webix_layout_space > .webix_section > .webix_template {
  background-color: var(--dlm-back-bgcolor);
}

.webix_layout_wide > .webix_section > .webix_template {
  background-color: var(--dlm-back-bgcolor);
}

.webix_section {
  text-transform: none;
  font-size: 16px;
}

.webix_header {
  background: var(--dlm-base-color);
}

.webix_header .webix_el_combo .webix_input_icon,
.webix_header .webix_el_richselect .webix_input_icon,
.webix_header .webix_el_datepicker .webix_input_icon,
.webix_header .webix_el_colorpicker .webix_input_icon,
.webix_header .webix_el_search .webix_input_icon,
.webix_header .webix_el_text .webix_input_icon,
.webix_header .webix_el_texthighlight .webix_input_icon,
.webix_header .webix_el_combo .webix_clear_icon.webix_icon_transparent,
.webix_header .webix_el_richselect .webix_clear_icon.webix_icon_transparent,
.webix_header .webix_el_datepicker .webix_clear_icon.webix_icon_transparent,
.webix_header .webix_el_colorpicker .webix_clear_icon.webix_icon_transparent,
.webix_header .webix_el_search .webix_clear_icon.webix_icon_transparent,
.webix_header .webix_el_text .webix_clear_icon.webix_icon_transparent,
.webix_header .webix_el_texthighlight .webix_clear_icon.webix_icon_transparent {
  color: #333333;
}

.webix_header .webix_selected.webix_segment_0,
.webix_header .webix_selected.webix_segment_1,
.webix_header .webix_selected.webix_segment_N {
  background-color: var(--dlm-base-color);
}

.webix_header .webix_selected.webix_segment_0:hover,
.webix_header .webix_selected.webix_segment_1:hover,
.webix_header .webix_selected.webix_segment_N:hover {
  background-color: #3085fa;
}

.webix_header .webix_selected.webix_segment_0:focus,
.webix_header .webix_selected.webix_segment_1:focus,
.webix_header .webix_selected.webix_segment_N:focus {
  background-color: #267ff9;
}

.webix_header .webix_selected.webix_segment_0:active,
.webix_header .webix_selected.webix_segment_1:active,
.webix_header .webix_selected.webix_segment_N:active {
  background-color: #267ff9;
}

.webix_header .webix_control {
  border-color: var(--dlm-base-color);
}

.webix_resizer_y {
  background-color: var(--dlm-back-bgcolor);
}

.webix_resizer_x {
  background-color: var(--dlm-back-bgcolor);
}

/*
.webix_accordionitem_header {
  border-bottom: 1px solid var(--dlm-back-bgcolor);
  background: var(--dlm-base-color);
}

.webix_accordionitem_header .webix_el_combo .webix_input_icon,
.webix_accordionitem_header .webix_el_richselect .webix_input_icon,
.webix_accordionitem_header .webix_el_datepicker .webix_input_icon,
.webix_accordionitem_header .webix_el_colorpicker .webix_input_icon,
.webix_accordionitem_header .webix_el_search .webix_input_icon,
.webix_accordionitem_header .webix_el_text .webix_input_icon,
.webix_accordionitem_header .webix_el_texthighlight .webix_input_icon,
.webix_accordionitem_header .webix_el_combo .webix_clear_icon.webix_icon_transparent,
.webix_accordionitem_header .webix_el_richselect .webix_clear_icon.webix_icon_transparent,
.webix_accordionitem_header .webix_el_datepicker .webix_clear_icon.webix_icon_transparent,
.webix_accordionitem_header .webix_el_colorpicker .webix_clear_icon.webix_icon_transparent,
.webix_accordionitem_header .webix_el_search .webix_clear_icon.webix_icon_transparent,
.webix_accordionitem_header .webix_el_text .webix_clear_icon.webix_icon_transparent,
.webix_accordionitem_header .webix_el_texthighlight .webix_clear_icon.webix_icon_transparent {
  color: #333333;
}

.webix_accordionitem_header .webix_selected.webix_segment_0,
.webix_accordionitem_header .webix_selected.webix_segment_1,
.webix_accordionitem_header .webix_selected.webix_segment_N {
  background-color: var(--dlm-base-color);
}

.webix_accordionitem_header .webix_selected.webix_segment_0:hover,
.webix_accordionitem_header .webix_selected.webix_segment_1:hover,
.webix_accordionitem_header .webix_selected.webix_segment_N:hover {
  background-color: #3085fa;
}

.webix_accordionitem_header .webix_selected.webix_segment_0:focus,
.webix_accordionitem_header .webix_selected.webix_segment_1:focus,
.webix_accordionitem_header .webix_selected.webix_segment_N:focus {
  background-color: #267ff9;
}

.webix_accordionitem_header .webix_selected.webix_segment_0:active,
.webix_accordionitem_header .webix_selected.webix_segment_1:active,
.webix_accordionitem_header .webix_selected.webix_segment_N:active {
  background-color: #267ff9;
}

.webix_accordionitem_header .webix_control {
  border-color: var(--dlm-base-color);
}
*/

.webix_list_item.webix_selected {
  background: var(--dlm-base-color);
}

.webix_multilist .webix_selected {
  background: var(--dlm-base-color);
}

.webix_list_item.webix_selected:focus {
  background: #3085fa;
}

.webix_group_back,
.webix_group_back.webix_selected {
  background: var(--dlm-back-bgcolor);
}

.webix_arrow_icon {
  color: #333333;
}

.webix_unit_header {
  background-color: var(--dlm-back-bgcolor);
}

.webix_pager_item_selected:hover {
  background-color: #2b82f9;
}

.webix_pager_item_selected:focus {
  background-color: #217cf9;
}

.webix_pager_item_selected:active {
  background-color: #217cf9;
}

.webix_dataview_item.webix_selected {
  background: var(--dlm-base-color);
}

.webix_dataview_item.webix_selected:focus {
  background: #3085fa;
}

.webix_chart {
  font-family: var(--dlm-font-family);
  color: #333333;
}

.webix_chart_legend_item.hidden {
  color: #b3b3b3;
}

.webix_chart_legend_item {
  white-space: nowrap;
  font-size: smaller;
}

.webix_canvas_text.webix_axis_radar_title {
  color: #666666;
}

.webix_axis_item_y,
.webix_axis_item_x {
  color: #666666;
}

.webix_chart_resizer:focus {
  border-color: var(--dlm-base-color);
}

.login-screen {
  background-color: #ffffff;
}

.webix_layout_line,
.webix_multiview,
/*.webix_layout_clean,*/

.webix_dt_editor input,
.webix_dt_editor select {
  font-family: var(--dlm-font-family);
  color: #333333;
}

.webix_view.webix_control .webix_disabled_box .webix_button {
  background: transparent;
  border: 0px;
}

.webix_richtext_container .webix_template {
  border: solid var(--dlm-back-bgcolor);
}

.webix_richtext_inp_label .webix_template {
  font-family: var(--dlm-font-family);
  color: #333333;
}

.webix_control input,
.webix_control button,
.webix_control textarea,
.webix_el_label,
.webix_inp_label,
.webix_inp_top_label,
.webix_inp_bottom_label {
  font-family: var(--dlm-font-family);
}

.webix_el_text input,
.webix_el_search input,
.webix_el_combo input,
.webix_el_datepicker input,
.webix_el_colorpicker input {
  color: var(--dlm-form-element-color);
  background: var(--dlm-form-element-bgcolor);
  border-radius: var(--dlm-input-border-radius);
  padding: 0px 8px;
  border: var(--dlm-form-element-border);
  font-family: var(--dlm-font-family);
}

.webix_el_text input:focus,
.webix_el_search input:focus,
.webix_el_combo input:focus,
.webix_el_datepicker input:focus,
.webix_el_colorpicker input:focus,
.webix_inp_textarea:focus {
  color: var(--dlm-input-focus-color);
  border: var(--dlm-input-focus-border);
}

.webix_el_label .webix_el_box {
  color: var(--dlm-label-color);
  /* MP: to prevent label trimming */
  overflow: visible;
  font-size: var(--dlm-font-size);
}

.webix_inp_label,
.webix_inp_top_label,
.webix_label_right {
  color: var( --dlm-fld-label-color);
  /* MP: to prevent label trimming */
  overflow: visible;
  font-size: var(--dlm-font-size);
}

.webix_inp_bottom_label {
  color: #404040;
}

/*.webix_el_label {
  color: #333333;
}*/

.webix_el_select select {
  font-family: var(--dlm-font-family);
  border: 1px solid var(--dlm-back-bgcolor);
  border-color: var(--dlm-back-bgcolor);
}

.webix_inp_counter_next,
.webix_inp_counter_prev,
.webix_inp_counter_value {
  border: 1px solid var(--dlm-back-bgcolor);
}

.webix_inp_counter_value {
  color: #333333;
  font-family: var(--dlm-font-family);
}

.webix_el_textarea textarea {
  border: 1px solid var(--dlm-back-bgcolor);
  color: #333333;
  font-family: var(--dlm-font-family);
}

.webix_segment_0,
.webix_segment_1 {
  border: 1px solid var(--dlm-back-bgcolor);
}

.webix_segment_N {
  border: 1px solid var(--dlm-back-bgcolor);
}

.webix_segment_0,
.webix_segment_1,
.webix_segment_N {
  font-family: var(--dlm-font-family);
}

.webix_segment_0.webix_selected,
.webix_segment_1.webix_selected,
.webix_segment_N.webix_selected {
  background: var(--dlm-base-color);
  border-color: var(--dlm-base-color);
}

.webix_segment_0.webix_selected:focus,
.webix_segment_1.webix_selected:focus,
.webix_segment_N.webix_selected:focus {
  background: #3085fa;
}

.webix_segment_0.webix_disabled:hover,
.webix_segment_1.webix_disabled:hover,
.webix_segment_N.webix_disabled:hover,
.webix_segment_0.webix_disabled:focus,
.webix_segment_1.webix_disabled:focus,
.webix_segment_N.webix_disabled:focus,
.webix_segment_0.webix_disabled:active,
.webix_segment_1.webix_disabled:active,
.webix_segment_N.webix_disabled:active,
.webix_segment_0.webix_disabled.webix_selected,
.webix_segment_1.webix_disabled.webix_selected,
.webix_segment_N.webix_disabled.webix_selected,
.webix_segment_0.webix_disabled.webix_selected:hover,
.webix_segment_1.webix_disabled.webix_selected:hover,
.webix_segment_N.webix_disabled.webix_selected:hover {
  background-color: #eeeeee;
}

.webix_inp_static {
  border: 1px solid var(--dlm-back-bgcolor);
}

.webix_placeholder {
  color: #808080;
}

::-webkit-input-placeholder {
  color: #808080;
}

::-moz-placeholder {
  color: #808080;
}

:-moz-placeholder {
  color: #808080;
}

:-ms-input-placeholder {
  color: #808080;
}

.webix_el_combo input,
.webix_el_richselect input,
.webix_el_datepicker input,
.webix_el_colorpicker input,
.webix_el_combo .webix_inp_static,
.webix_el_richselect .webix_inp_static,
.webix_el_datepicker .webix_inp_static,
.webix_el_colorpicker .webix_inp_static,
.webix_el_search .webix_inp_static {
  color: #333333;
  border-color: var(--dlm-field-border-color);
  font-family: var(--dlm-font-family);
  font-weight: normal;
  font-size: var(--dlm-font-size);
}

.webix_el_text input, .webix_el_search input, .webix_el_combo input, .webix_el_datepicker input, .webix_el_colorpicker input,
.webix_el_textarea textarea, .webix_textarea_measure {
  font-size: var(--dlm-font-size);
}

.dlm-qf .webix_el_text input,
.dlm-qf .webix_el_search input,
.dlm-qf .webix_el_combo input,
.dlm-qf .webix_el_datepicker input,
.dlm-qf .webix_el_colorpicker input,
.dlm-qf .webix_el_textarea textarea,
.dlm-qf .webix_textarea_measure {
  font-size: var(--dlm-font-size-qf);
}

.dlm-qf-contains2 label:after,
.dlm-qf-contains label:after {
  content: '*';
  font-size: small;
  position: relative;
  left: 3px;
  color: gray;
  top: 2px;
}

.webix_el_search input {
  
  border-color: transparent;
  font-size: var(--dlm-font-size);
  padding-left: 14px;
  color: var(--dlm-sidebar-color);
  background-color: var(--dlm-sidebar-search-inactive-bgcolor);
}

.webix_el_search input:focus {
  background-color: var(--dlm-sidebar-search-bgcolor);
  color: var(--dlm-sidebar-search-color);
}

/* Search icon in menu search */
.webix_input_icon.wxi-search {
  color: var(--dlm-sidebar-search-hint-color);
  font-size: 20px;
}
.dlm-search input {
  font-size: var(--dlm-sidebar-search-font-size);
}
.dlm-search input::placeholder {
  color: var(--dlm-sidebar-search-hint-color);
}

.webix_sidebar_popup_list.webix_menu.webix_view .webix_list_item:hover,
.webix_sidebar_popup .webix_menu.webix_view .webix_list_item:hover,
.dlm-menu-open:hover,
.dlm-menu-closed:hover,
.webix_sidebar_expanded .webix_tree_item:hover {
  background-color: var(--dlm-sidebar-hover-bgcolor);
  color: var(--dlm-sidebar-hover-color);
}

.dlm-menu-ac{
  background-color: var(--dlm-sidebar-action-bgcolor) !important;
  border-radius: 4px;
  padding: 0 6px !important;
  color: var(--dlm-sidebar-color);
}
.dlm-menu-ac:hover{
  color: var(--dlm-sidebar-hover-color);
}

.webix_el_combo .webix_el_box,
.webix_el_richselect .webix_el_box,
.webix_el_datepicker .webix_el_box,
.webix_el_colorpicker .webix_el_box,
.webix_el_search .webix_el_box,
.webix_el_text .webix_el_box,
.webix_el_texthighlight .webix_el_box {
  color: #333333;
}

.webix_el_text .webix_multicombo_input {
  color: #333333;
  font-family: var(--dlm-font-family);
}

.webix_multicombo_delete {
  color: #333333;
}

.webix_multilist .webix_selected {
  color: var(--dlm-negative-color);
}

.webix_el_texthighlight.webix_control .webix_el_box input,
.webix_el_texthighlight.webix_control .webix_el_box textarea {
  caret-color: #333333;
}

.webix_message {
  font-family: var(--dlm-font-family);
  color: #333333;
  border: 1px solid var(--dlm-back-bgcolor);
}

.webix_modal_box {
  font-family: var(--dlm-font-family);
  user-select: none;
  border: 1px solid var(--dlm-back-bgcolor);
}

/* MP: does not hide button label if it doesn't fit (for instance, switch theme from small buttons to big with long label)*/
.webix_button {
  word-break: break-all;
}

.webix_primary .webix_button {
  border: var(--dlm-button-confirm-border);
  border-bottom: var(--dlm-button-confirm-border-bottom);
  background: var(--dlm-button-confirm-bgcolor);
}

.webix_primary .webix_button:hover {
  background: var(--dlm-button-confirm-hover-bgcolor) !important;
}

.webix_primary .webix_button:focus {
  background: var(--dlm-button-confirm-focus-bgcolor) !important;
}

.webix_primary .webix_button:active {
  background: var(--dlm-button-confirm-active-bgcolor) !important;
}

.webix_primary .webix_pressed .webix_button {
  background-color: #217cf9;
}

.dlm_reg_button .webix_button {
  background-color: var(--dlm-button-register-bgcolor);
  border-color: var(--dlm-button-register-bgcolor);
}

.webix_transparent .webix_button {
  color: #333333;
}

.webix_transparent .webix_button .webix_img_btn_text {
  color: #333333;
}

/* also set webix_disabled if this is uncommented (check ckeditor save button color disabled/enabled)
.webix_transparent .webix_button .webix_icon,
.webix_transparent .webix_button .webix_icon_btn {
  color: #333333;
}*/

.webix_button,
.webixbutton {
  font-family: var(--dlm-font-family);
  font-size: var(--dlm-button-font-size);
  border-radius: 3px;
}

.webix_popup_button,
.webix_popup_button:hover,
.webix_popup_button:focus {
  border: var(--dlm-button-popup-border);
  border-bottom: var(--dlm-button-popup-border-bottom);
  background: var(--dlm-button-popup-bgcolor);
}

.webix_popup_button.confirm {
  font-family: var(--dlm-font-family);
  border: var(--dlm-button-confirm-border);
  border-bottom: var(--dlm-button-confirm-border-bottom);
  background: var(--dlm-button-confirm-bgcolor);
}

.webix_popup_button.confirm:hover {
  background: var(--dlm-button-confirm-hover-bgcolor);
}

.webix_popup_button.confirm:focus {
  background: var(--dlm-button-confirm-focus-bgcolor);
}

.webix_popup_button.confirm:active {
  background: var(--dlm-button-confirm-active-bgcolor);
}

.webix_popup_input.webix_el_text input {
  font-family: var(--dlm-font-family);
}

.webix_popup_title {
  color: #333333;
}

.webix_popup_text {
  color: #333333;
}

.webix_drag_zone {
  font-family: var(--dlm-font-family);
  color: #333333;
}

.webix_drop_area,
.webix_drop_area_inner {
  background-color: #3a8bfa;
}

.webix_ss_vscroll_header {
  border-left: 1px solid #c3d7f4;
  border-bottom: 1px solid #c3d7f4;
}

.webix_ss_sort_num {
  font-family: var(--dlm-font-family);
}

.webix_menu input[type="checkbox"] {
  width: 1.2em;
  height: 1.2em;
  float: right;
  margin-top: 6px;
}

.dlm-qf .dlm-chk {
  width: 1.3em;
  height: 1.3em;
  float: left;
}

.webix_table_checkbox,
.webix_hcell input[type="checkbox"] {
  width: 1.3em;
  height: 1.3em;
}


.webix_ss_filter select,
.webix_ss_filter input {
  color: #333333 !important;
  border: 1px solid var(--dlm-field-border-color);
  font-family: var(--dlm-font-family);
}

.webix_dtable .webix_ss_filter input {
  height: 26px;
}

.webix_ss_header,
.webix_hcolumn,
.webix_ss_vscroll_header,
.webix_dd_drag_column,
.webix_hs_left,
.webix_hs_center,
.webix_hs_right {
  font-size: var(--dlm-font-size);
  background: var(--dlm-grid-header-bgcolor);
}

.webix_hs_left .webix_hcolumn,
.webix_hs_right .webix_hcolumn {
  background: #dee0ff;
}

.webix_ss_footer,
.webix_ss_footer .webix_hcolumn,
.webix_ss_footer .webix_hs_left,
.webix_ss_footer .webix_hs_center,
.webix_ss_footer .webix_hs_right,
.webix_ss_footer div.webix_ss_vscroll_footer {
  white-space: nowrap !important;
  background: #4faadf;
  color: white;
}

/*MP: grid column header */
.webix_ss_header .webix_hcolumn .webix_hcell,
.webix_ss_header .webix_span {
  border-right: var(--dlm-grid-header-v-border);
  border-right-color: var(--dlm-grid-header-v-border-color);
  border-bottom: var(--dlm-grid-header-h-border);
  border-bottom-color: var(--dlm-grid-header-h-border-color);
  color: var(--dlm-grid-header-color);
  font-weight: var(--dlm-font-bold-weight);
  white-space: nowrap !important;
}

/*MP: grid rows */
.webix_column > div, .webix_table_cell {
  border-right: var(--dlm-grid-row-v-border);
  border-right-color: var(--dlm-grid-row-v-border-color);
  border-bottom: var(--dlm-grid-row-h-border);
  border-bottom-color: var(--dlm-grid-row-h-border-color);
}

.webix_hs_right .webix_hcell.webix_last, .webix_hs_center .webix_hcell.webix_last {
  border-right-width: 0px;
}

.webix_ss_right .webix_column.webix_first > div,
.webix_hs_right .webix_first {
  border-left: 1px solid var(--dlm-back-bgcolor);
}

.webix_ss_left .webix_column.webix_last > div {
  border-right: 1px solid var(--dlm-back-bgcolor);
}

.webix_last_topcell.webix_cell {
  border-bottom: 1px solid var(--dlm-back-bgcolor);
}

.webix_column > .webix_drag_over.webix_cell {
  color: #333333;
}

.webix_column > .webix_drag_over.webix_cell.webix_row_select,
.webix_column > .webix_drag_over.webix_cell.webix_cell_select {
  background: var(--dlm-base-color);
}

.webix_column > .webix_drag_over.webix_cell.webix_row_select:focus,
.webix_column > .webix_drag_over.webix_cell.webix_cell_select:focus {
  background: #3085fa;
}

.webix_column > div.webix_cell_select:focus,
.webix_column > div.webix_column_select:focus,
.webix_column > div.webix_row_select:focus {
  background: #3085fa;
}

.webix_cell.webix_dtable_colrow.webix_selected {
  background: var(--dlm-base-color);
}

.webix_cell.webix_dtable_colrow.webix_selected:focus {
  background: #3085fa;
}

.webix_ss_right .webix_span_layer,
.webix_ss_right .webix_span_layer_top {
  border-left: 1px solid var(--dlm-back-bgcolor);
}

.webix_dtable_span.webix_selected {
  background: var(--dlm-base-color);
}

.webix_dtable_span.webix_selected:focus {
  background: #3085fa;
}

.webix_hcell .webix_input_icon {
  background-color: #c3d7f4;
}

.webix_area_selection {
  background: #333333;
}

.webix_dtable_focused .webix_area_selection {
  background-color: #242424;
}

.webix_area_selection_handle {
  background: #333333;
}

.webix_dtable .webix_resize_handle_x .webix_handle_content,
.webix_dtable .webix_resize_handle_y .webix_handle_content {
  background-color: var(--dlm-base-color);
}

.webix_dtable_focused .webix_column > div.webix_row_select,
.webix_dtable_focused .webix_column > div.webix_column_select {
  background: var(--dlm-row-bgcolor);
}

.webix_column > div.webix_cell_select,
.webix_column > div.webix_column_select,
.webix_column > div.webix_row_select {
  background: var(--dlm-row-bgcolor);
}

.dlm-row-hover{
  background: var(--dlm-row-hover-bgcolor);
}

.webix_win_head {
  border-bottom: 2px solid var(--dlm-base-color);
}

.webix_resize_frame {
  background: var(--dlm-base-color);
  border: 1px solid #055ace;
}

.webix_tree_item.webix_selected span {
  background: var(--dlm-row-bgcolor);
}

.webix_tree_item.webix_selected span:focus {
  background: #3085fa;
}

.webix_tree_checkbox {
  margin: 1px 0 0;
  float: left;
  vertical-align: middle;
}

.webix_measure_size {
  font-family: var(--dlm-font-family);
}

.webix_tree_close,
.webix_tree_open,
.webix_tree_none,
.webix_tree_folder,
.webix_tree_file,
.webix_tree_folder_open {
  float: left;
  margin: 0px 0px 0px 0px;
}

.webix_tree_folder,
.webix_tree_file,
.webix_tree_folder_open {
  background-image: none;
  width: 0;
}

.webix_view > .webix_cal_header div {
  color: #333333;
  border-bottom: var(--dlm-back-bgcolor) 1px solid;
}

.webix_cal_body .webix_selected,
.webix_cal_body .webix_cal_select,
.webix_cal_body .webix_cal_select.webix_cal_today {
  background: var(--dlm-base-color);
}

.dlm_cal_holiday,
.webix_cal_event {
  color: var(--dlm-calendar-holiday-color)
}

.dlm_cal_preholiday {
  color: var(--dlm-calendar-preholiday-color)
}

.webix_cal_week_num {
  color: #8c8c8c;
  border-right: 1px solid var(--dlm-back-bgcolor);
}

.webix_cal_day_disabled,
.webix_cal_day_disabled.webix_cal_event {
  color: #999999;
}

.webix_selected {
  background: var(--dlm-base-color);
}

.webix_cal_icon:hover,
.webix_cal_time:hover,
.webix_cal_month_name:hover {
  color: var(--dlm-base-color);
}

.webix_cal_icon:focus,
.webix_cal_time:focus,
.webix_cal_month_name:focus {
  color: var(--dlm-base-color);
}

.webix_time_header .webix_cal_hours,
.webix_time_header .webix_cal_minutes {
  border-bottom: 1px solid var(--dlm-back-bgcolor);
}

.webix_cal_body .webix_hours {
  border-right: 1px solid var(--dlm-back-bgcolor);
}

.webix_cal_done {
  font-family: var(--dlm-font-family);
}

.webix_property_line.webix_focused > div,
.webix_property_line:focus > div {
  background-color: #4491fa;
}

.webix_property_label,
.webix_property_value {
  line-height: 27px;
}

.webix_property_label_line {
  background: var(--dlm-base-color);
}

.webix_property_label_line .webix_el_combo .webix_input_icon,
.webix_property_label_line .webix_el_richselect .webix_input_icon,
.webix_property_label_line .webix_el_datepicker .webix_input_icon,
.webix_property_label_line .webix_el_colorpicker .webix_input_icon,
.webix_property_label_line .webix_el_search .webix_input_icon,
.webix_property_label_line .webix_el_text .webix_input_icon,
.webix_property_label_line .webix_el_texthighlight .webix_input_icon,
.webix_property_label_line .webix_el_combo .webix_clear_icon.webix_icon_transparent,
.webix_property_label_line .webix_el_richselect .webix_clear_icon.webix_icon_transparent,
.webix_property_label_line .webix_el_datepicker .webix_clear_icon.webix_icon_transparent,
.webix_property_label_line .webix_el_colorpicker .webix_clear_icon.webix_icon_transparent,
.webix_property_label_line .webix_el_search .webix_clear_icon.webix_icon_transparent,
.webix_property_label_line .webix_el_text .webix_clear_icon.webix_icon_transparent,
.webix_property_label_line .webix_el_texthighlight .webix_clear_icon.webix_icon_transparent {
  color: #333333;
}

.webix_property_label_line .webix_selected.webix_segment_0,
.webix_property_label_line .webix_selected.webix_segment_1,
.webix_property_label_line .webix_selected.webix_segment_N {
  background-color: var(--dlm-base-color);
}

.webix_property_label_line .webix_selected.webix_segment_0:hover,
.webix_property_label_line .webix_selected.webix_segment_1:hover,
.webix_property_label_line .webix_selected.webix_segment_N:hover {
  background-color: #3085fa;
}

.webix_property_label_line .webix_selected.webix_segment_0:focus,
.webix_property_label_line .webix_selected.webix_segment_1:focus,
.webix_property_label_line .webix_selected.webix_segment_N:focus {
  background-color: #267ff9;
}

.webix_property_label_line .webix_selected.webix_segment_0:active,
.webix_property_label_line .webix_selected.webix_segment_1:active,
.webix_property_label_line .webix_selected.webix_segment_N:active {
  background-color: #267ff9;
}

.webix_property_label_line .webix_control {
  border-color: var(--dlm-base-color);
}

.webix_property_col_val {
  width: 100%;
  height: 100%;
  line-height: inherit;
  -moz-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}

.webix_property_col_ind {
  border: 1px solid var(--dlm-back-bgcolor);
}

.webix_tooltip {
  border: 2px solid orange;
  font-family: var(--dlm-font-family);
  background-color: #f3f3f3;
  color: #333333;
  border-radius: 6px;
}

.bar-menu-btn .webix_icon_button .webix_icon {
  color: white;
}

.webix_color_out_text {
  color: #333333;
  font-family: var(--dlm-font-family);
}

.webix_cal_range {
  background-color: #ffffff;
}

.webix_cal_range_start,
.webix_cal_range_end,
.webix_cal_event.webix_cal_range_start,
.webix_cal_event.webix_cal_range_end,
.webix_cal_body .webix_cal_today.webix_cal_range_start,
.webix_cal_body .webix_cal_today.webix_cal_range_end {
  background-color: var(--dlm-base-color);
}

.webix_cal_outside.webix_cal_range,
.webix_cal_body .webix_cal_outside.webix_cal_range_start,
.webix_cal_body .webix_cal_outside.webix_cal_range_end,
.webix_cal_body .webix_cal_outside.webix_cal_today.webix_cal_range_start,
.webix_cal_body .webix_cal_outside.webix_cal_today.webix_cal_range_end {
  color: #999999;
}

.webix_daterange .webix_cal_icons .webix_cal_icon {
  border-top: 1px solid var(--dlm-back-bgcolor);
}

.webix_tab_filler {
  /*border-bottom: 1px solid var(--dlm-back-bgcolor);*/
  width: 0 !important;
}

/*.webix_item_tab:first-child {
  border-left: 2px solid var(--dlm-tabbed-header-border-color);
}*/


.dlm-tabbed {
  background: var(--dlm-tabbed-header-bgcolor) !important;
  white-space: nowrap; /* prevent text wrap because tabbar height is fixed */
  overflow: hidden;
  padding: var(--dlm-tabbed-padding);
  /*border-bottom: 2px solid var(--dlm-tabbed-header-border-color) !important;*/
}

.dlm-tabbed.lev-2{
  background: var(--dlm-tabbed2-base-bgcolor) !important;
  text-transform: var(--dlm-tabbed2-text-transform);
}

.dlm-tabbed.lev-2 .webix_item_tab {
  color:var(--dlm-tabbed2-color);
  font-weight: var(--dlm-tabbed2-font-weight);
  border-bottom: var(--dlm-tabbed2-border-bottom);
}

.dlm-tabbed.lev-2 .webix_item_tab.webix_selected {
  color: var(--dlm-tabbed2-sel-color);
  background: var(--dlm-tabbed2-sel-bgcolor);
  border-bottom: var(--dlm-tabbed2-sel-border-bottom);
}

.dlm-tabbed.lev-2 .webix_item_tab:hover {
  background: var(--dlm-tabbed2-hov-bgcolor);
  border-bottom: var(--dlm-tabbed2-hov-border-bottom);
}

.dlm-tabbed.lev-3{
  background: var(--dlm-tabbed3-base-bgcolor) !important;
}

.dlm-tabbed.lev-3 .webix_item_tab {
  color: var(--dlm-tabbed3-color);
  font-size: var(--dlm-tabbed3-font-size);
  background: var(--dlm-tabbed3-bgcolor);
}

.dlm-tabbed.lev-3 .webix_item_tab.webix_selected {
  color: var(--dlm-tabbed3-sel-color);
  background: var(--dlm-tabbed3-sel-bgcolor)
}

.dlm-tabbed.lev-3 .webix_item_tab:hover {
  font-weight: var(--dlm-tabbed3-hov-font-weight);
  background: var(--dlm-tabbed3-hov-bgcolor);
}



/* MP to remove spacing below tabs to have border */
.webix_all_tabs {
  height: var(--dlm-tabbar-inner-height) !important; 
}



.dlm-action-calcel .webix_el_box button,
.dlm-action-ok .webix_el_box button {
 background-color: #d8e9ff;
}

.webix_item_tab {
  border: 2px solid var(--dlm-tabbed-header-border-color);
  /*border-bottom: 0px;*/
  background: var(--dlm-tabbed-header-unsel-bgcolor);
  border-top-left-radius: var(--dlm-tabbed-top-border-radius);
  border-top-right-radius: var(--dlm-tabbed-top-border-radius);
  font-size: var(--dlm-font-size);
  color: var(--dlm-tabbed-header-color);
  font-weight: var(--dlm-tabbed-header-font-weight);
  padding-top: var(--dlm-tabbed-header-padding-top);
}

.webix_item_tab:hover {
  background-color: var(--dlm-tabbed-header-hover-bgcolor);
}

.webix_item_tab.webix_selected {
  background: var(--dlm-tabbed-header-sel-bgcolor);
  border-color: var(--dlm-tabbed-header-border-color);
  color: var(--dlm-tabbed-header-sel-color);
}

.dlm-tabbed.lev-2 .webix_item_tab.webix_selected:hover{
  background: var(--dlm-tabbed2-sel-bgcolor);
}

.dlm-tabbed.lev-3 .webix_item_tab.webix_selected:hover{
  background: var(--dlm-tabbed3-sel-bgcolor);
}

.webixtype_bottom .webix_item_tab.webix_selected {
  background: #1777f9;
  color: var(--dlm-tabbed-header-sel-color);
}

.webix_after_all_tabs {
  border-left: 1px solid var(--dlm-back-bgcolor);
  border-right: 1px solid var(--dlm-back-bgcolor);
  background: var(--dlm-base-color);
}

.webix_el_tabbar .webixtype_icon .webix_item_tab,
.webix_el_tabbar .webixtype_iconTop .webix_item_tab,
.webix_el_tabbar .webixtype_image .webix_item_tab {
  background: var(--dlm-base-color);
  border-color: var(--dlm-base-color);
  border-bottom: 1px solid var(--dlm-base-color);
}

.webix_menu-x .webix_list_item {
  background: var(--dlm-base-color);
}

.webix_menu-x .webix_list_item:hover,
.webix_menu-x .webix_list_item:active,
.webix_menu-x .webix_list_item:focus {
  background-color: #2b82f9;
}

.webix_menu {
  border: 1px solid var(--dlm-back-bgcolor);
  font-size: var(--dlm-conmenu-font-size) !important;
}

.webix_menu .webix_list_item {
  background: var(--dlm-menu-bgcolor);
}

.webix_menu.webix_view .webix_list_item:hover,
.webix_menu .webix_list_item:active,
.webix_menu .webix_list_item:focus {
  background-color: var(--dlm-menu-focus-color);
}

.webix_menu .webix_context_separator .sep_line {
  border-top: 1px solid var(--dlm-back-bgcolor);
}

.webix_menu .webix_icon {
  color: var(--dlm-menu-icon-color);
  font-size: var(--dlm-menu-icon-size);
}

.webix_menu  .webix_win_content{
  padding-left: 4px !important;
}

.webix_toolbar.webix_layout_subbar .webix_el_combo .webix_input_icon,
.webix_toolbar.webix_layout_subbar .webix_el_richselect .webix_input_icon,
.webix_toolbar.webix_layout_subbar .webix_el_datepicker .webix_input_icon,
.webix_toolbar.webix_layout_subbar .webix_el_colorpicker .webix_input_icon,
.webix_toolbar.webix_layout_subbar .webix_el_search .webix_input_icon,
.webix_toolbar.webix_layout_subbar .webix_el_text .webix_input_icon,
.webix_toolbar.webix_layout_subbar .webix_el_texthighlight .webix_input_icon,
.webix_toolbar.webix_layout_subbar .webix_el_combo .webix_clear_icon.webix_icon_transparent,
.webix_toolbar.webix_layout_subbar .webix_el_richselect .webix_clear_icon.webix_icon_transparent,
.webix_toolbar.webix_layout_subbar .webix_el_datepicker .webix_clear_icon.webix_icon_transparent,
.webix_toolbar.webix_layout_subbar .webix_el_colorpicker .webix_clear_icon.webix_icon_transparent,
.webix_toolbar.webix_layout_subbar .webix_el_search .webix_clear_icon.webix_icon_transparent,
.webix_toolbar.webix_layout_subbar .webix_el_text .webix_clear_icon.webix_icon_transparent,
.webix_toolbar.webix_layout_subbar .webix_el_texthighlight .webix_clear_icon.webix_icon_transparent {
  color: #333333;
}

.webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_0,
.webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_1,
.webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_N {
  background-color: var(--dlm-base-color);
}

.webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_0:hover,
.webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_1:hover,
.webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_N:hover {
  background-color: #3085fa;
}

.webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_0:focus,
.webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_1:focus,
.webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_N:focus {
  background-color: #267ff9;
}

.webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_0:active,
.webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_1:active,
.webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_N:active {
  background-color: #267ff9;
}

.webix_toolbar.webix_layout_subbar .webix_control {
  border-color: var(--dlm-base-color);
}

.webix_fieldset > fieldset {
  border: 1px solid var(--dlm-back-bgcolor);
}

.webix_fieldset_label {
  color: #333333;
}

.webix_forminput_label {
  color: #333333;
  font-family: var(--dlm-font-family);
}

.webix_slider_box .webix_slider_right {
  border: 1px solid #ffffff;
}

.webix_slider_box .webix_slider_handle:focus {
  border-color: var(--dlm-base-color);
}

.webix_slider_alt .webix_slider_box .webix_slider_handle:focus {
  border-color: var(--dlm-base-color);
}

.webix_switch_box {
  border: 1px solid var(--dlm-back-bgcolor);
}

.webix_progress_top .webix_progress_state,
.webix_progress_bottom .webix_progress_state {
  background: var(--dlm-base-color);
}

.webix_progress_icon .webix_progress_state {
  color: #3d6bba;
}

.dlm-server-conn-await {
  color: #3d6bba;
  text-align: center;
  font-family: var(--dlm-font-family);
  font-size: var(--dlm-sidebar-font-size);
  margin-top: -10px;
}


.webix_organogram canvas {
  position: absolute;
}

.webix_organogram_item {
  position: absolute;
  z-index: 1;
  text-align: center;
  border-radius: 4px;
  background-color: #e3f2fd;
  border: 1px solid #bbdefb;
  padding: 7px 7px 10px 7px;
  box-sizing: border-box;
}

.webix_organogram_item.webix_selected {
  background-color: var(--dlm-base-color);
  border-color: var(--dlm-base-color);
}

.webix_organogram_list {
  border-radius: 4px;
  position: absolute;
  z-index: 1;
  height: auto;
  border: 1px solid #dddddd;
  box-sizing: border-box;
}

.webix_organogram_list .webix_organogram_list_item {
  border: none;
  text-align: left;
  position: static;
  padding: 5px;
  border-radius: 0px;
  box-sizing: border-box;
}

.webix_treemap_item.webix_selected {
  border-color: var(--dlm-base-color);
  box-shadow: inset 0 0 1px 2px var(--dlm-base-color);
}

.webix_treemap_header {
  border-bottom: 1px solid var(--dlm-back-bgcolor);
}

.webix_treemap_reset:before {
  color: #333333;
}

.panel_target {
  border: 1px solid var(--dlm-back-bgcolor);
}

.webix_sidebar,
.webix_sidebar .webix_view {
  background-color: transparent;
  user-select: none;
  font-size: var(--dlm-sidebar-font-size);
  color: var(--dlm-sidebar-color);
  text-overflow: ellipsis;
}
.webix_sidebar_popup .webix_view,
.webix_sidebar_popup .webix_menu .webix_list_item,
.webix_sidebar_popup_list,
.webix_sidebar_popup_list .webix_view,
.webix_sidebar_popup_list .webix_list_item {

  user-select: none;
  font-size: var(--dlm-sidebar-font-size);
  text-overflow: ellipsis;
}
.dlm_sidebar {
  background: var(--dlm-sidebar-bgcolor);
}

.webix_sidebar_selected {
  background-color: unset;
}

.webix_tree_item {
  height: 26px;
  line-height: 26px;
}

.webix_tree_item.webix_selected span {
  padding-top: 2px;
  padding-bottom: 2px;
}

.webix_tree .webix_scroll_cont > .webix_tree_leaves {
  padding: 0px;
}

.webix_sidebar .webix_tree_item {
  color: var(--dlm-sidebar-color);
  height: 26px;
  line-height: 25px;
}

.webix_sidebar .webix_tree_item.webix_selected,
.webix_sidebar .webix_tree_item.webix_selected span {
  background-color: var(--dlm-sidebar-selected-bgcolor);
  color: var(--dlm-sidebar-selected-color);
}

.webix_sidebar .webix_tree_branch_2 .webix_tree_item {
  padding-left: 16px;
}

.webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  height: 30px;
  line-height: 30px;
}

.webix_sidebar .webix_tree_branch_1 {
  border-bottom: 0px;
}

.webix_icon.webix_sidebar_icon {
  width: var(--dlm-sidebar-screen-icon-width);
  margin-right: 8px !important;
}

span.webix_sidebar_dir_icon {
  display: none;
}

.webix_sidebar_popup_title.webix_selected {
  border-left-color: var(--dlm-base-color);
  background: var(--dlm-base-color);
}

.webix_sidebar_popup_list .webix_list_item.webix_selected:hover {
  background: var(--dlm-base-color);
}

.webix_dbllist .webix_list_item {
  border: 1px solid var(--dlm-back-bgcolor);
}

.webix_dbllist .webix_list_item.webix_selected {
  border-bottom-color: var(--dlm-back-bgcolor);
  background-color: var(--dlm-base-color);
}

.webix_dbllist .dbllist_button {
  border: 1px solid var(--dlm-back-bgcolor);
  font-family: var(--dlm-font-family);
}

.mainFont {
  font-family: var(--dlm-font-family);
  color: #333333;
}

.webix_toolbar {
  font-size: 12px;
  background: var(--dlm-bgcolor);
}

.webix_toolbar .webix_el_button,
.webix_toolbar .webix_el_label,
.webix_toolbar .webix_inp_label,
.webix_toolbar .webix_slider_title {
  color: var(--dlm-toolbar-title-color);
}

/* checkbox action vertical align */
.dlm-but-text .webix_inp_label {
  padding-top: 0;
}
.dlm-but-text .webix_custom_checkbox {
  margin-top: -7px;
}


.webix_transparent .webix_button .webix_icon_btn {
  color: var(--dlm-button-color);
}

.dlm-other-button .webix_button,
.webix_toolbar .webix_transparent .webix_icon,
.webix_toolbar .webix_transparent .webix_img_btn_text,
.webix_toolbar .webix_transparent .webix_icon_btn,
.webix_toolbar .webix_transparent button {
  color: var(--dlm-button-color);
  font-weight: var(--dlm-button-font-weight);
  
}

.dlm-but-icon-text span.webix_icon_btn {
  font-size: var(--dlm-button-icon-font-size);
}


/*.dlm-filter-btn .webix_button .webix_icon_btn{
  color: var(--dlm-base-color);
  background-color: var(--dlm-button-icon-bgcolor);
  vertical-align: top;
  padding-top: 6px;
  padding-left: 4px;
}*/

.dlm-field-action.webix_transparent .webix_icon,
.dlm-field-action.webix_transparent .webix_img_btn_text,
.dlm-field-action.webix_transparent .webix_icon_btn,
.dlm-field-action.webix_transparent button {
  color: var(--dlm-button-field-action-color);
  vertical-align: top;
  padding-top: 1px;
  padding-left: 1.5px;
}

.dlm-field-action .webix_icon_btn:before,
.webix_toolbar .webix_icon_btn:before {
  font-size: 90%;
  font-weight: 900;
}

@keyframes loading {
  from {
  }
  50% {
    box-shadow: inset 0px 0px 0px 2px var(--dlm-button-warn-color);
  }
  to {
  }
}

.webix_transparent .webix_button:active{
  background: unset;
  box-shadow: inset 0 0 0 2px var(--dlm-button-color);
}

.webix_transparent .webix_button:focus {
  background: var(--dlm-button-bgcolor);
}

.webix_transparent .webix_button:hover {
  background: var(--dlm-button-hover-bgcolor);
}

.dlm-but-icon-text .webix_button,
.dlm-but-text .webix_button{
  background: var(--dlm-button-bgcolor);
  color: var(--dlm-button-color);
}

.dlm-but-icon .webix_button{
  background: var(--dlm-button-icon-bgcolor);
}

.dlm-but-icon .webix_button .webix_icon_btn{

  color: var(--dlm-button-icon-color);
  margin-right: 0px;
}

.dlm-but-icon .webix_button:hover{

  background: var(--dlm-button-icon-hover-bgcolor);
}

.dlm-but-icon .webix_button:hover .webix_icon_btn{

  color: var(--dlm-button-icon-hover-color);
}

.dlm-but-icon-text{

}

.dlm-but-icon{

}

.dlm-but-text{

}

.dlm-busy-action button,
.dlm-busy-action.dlm-data-action {
  animation: loading 1s infinite;
  background-color: var(--dlm-button-hover-bgcolor);
}

.dlm-busy-action .webix_button:focus {
  background-color: var(--dlm-button-hover-bgcolor);
}

.webix_window .webix_toolbar button {
  padding-top: 0;
  line-height: 24px !important;
}

.webix_toolbar .webix_el_combo .webix_input_icon,
.webix_toolbar .webix_el_richselect .webix_input_icon,
.webix_toolbar .webix_el_datepicker .webix_input_icon,
.webix_toolbar .webix_el_colorpicker .webix_input_icon,
.webix_toolbar .webix_el_search .webix_input_icon,
.webix_toolbar .webix_el_text .webix_input_icon,
.webix_toolbar .webix_el_texthighlight .webix_input_icon,
.webix_toolbar .webix_el_combo .webix_clear_icon.webix_icon_transparent,
.webix_toolbar .webix_el_richselect .webix_clear_icon.webix_icon_transparent,
.webix_toolbar .webix_el_datepicker .webix_clear_icon.webix_icon_transparent,
.webix_toolbar .webix_el_colorpicker .webix_clear_icon.webix_icon_transparent,
.webix_toolbar .webix_el_search .webix_clear_icon.webix_icon_transparent,
.webix_toolbar .webix_el_text .webix_clear_icon.webix_icon_transparent,
.webix_toolbar .webix_el_texthighlight .webix_clear_icon.webix_icon_transparent {
  color: #333333;
}

.webix_toolbar .webix_selected.webix_segment_0,
.webix_toolbar .webix_selected.webix_segment_1,
.webix_toolbar .webix_selected.webix_segment_N {
  background-color: var(--dlm-base-color);
}

.webix_toolbar .webix_selected.webix_segment_0:hover,
.webix_toolbar .webix_selected.webix_segment_1:hover,
.webix_toolbar .webix_selected.webix_segment_N:hover {
  background-color: #3085fa;
}

.webix_toolbar .webix_selected.webix_segment_0:focus,
.webix_toolbar .webix_selected.webix_segment_1:focus,
.webix_toolbar .webix_selected.webix_segment_N:focus {
  background-color: #267ff9;
}

.webix_toolbar .webix_selected.webix_segment_0:active,
.webix_toolbar .webix_selected.webix_segment_1:active,
.webix_toolbar .webix_selected.webix_segment_N:active {
  background-color: #267ff9;
}

.webix_toolbar .webix_control {
  border-color: var(--dlm-base-color);
}

.webix_toolbar .webix_icon_button .webix_icon {
  color: var(--dlm-toolbar-icon-color);
}

/*
.webix_layout_accordion {
  background: transparent;
}

.webix_view.webix_layout_accordion {
  background-color: var(--dlm-back-bgcolor);
}

.webix_accordionitem .webix_accordionitem_header:hover,
.webix_accordionitem .webix_accordionitem_header:focus {
  background-color: #2b82f9;
}

.webix_accordionitem.horizontal.collapsed,
.webix_accordionitem.collapsed {
  background-color: var(--dlm-tabbed-header-bgcolor);
}

.webix_accordionitem.horizontal.collapsed .webix_accordionitem_header,
.webix_accordionitem.collapsed .webix_accordionitem_header {
  background-color: var(--dlm-tabbed-header-bgcolor);
}

.webix_accordionitem.horizontal.collapsed .webix_accordionitem_header:hover,
.webix_accordionitem.collapsed .webix_accordionitem_header:hover,
.webix_accordionitem.horizontal.collapsed .webix_accordionitem_header:focus,
.webix_accordionitem.collapsed .webix_accordionitem_header:focus {
  background-color: #a1c8ff;
}
*/

.webix_toolbar.webix_layout_subbar .webix_view {
  color: #333333;
}

.webix_view.webix_popup {
  border: 1px solid var(--dlm-menu-border-color) !important;
  border-radius: 6px;
}

.webix_dtable .webix_ss_left .webix_column.webix_last > div {
  border-right: 1px solid #d5e3f7;
}

.webix_dtable .webix_last_topcell {
  border-bottom: 1px solid #d5e3f7;
}

.webix_dtable .webix_ss_right .webix_column.webix_first > div {
  border-left: 1px solid #d5e3f7;
}

.webix_dtable .webix_hs_right .webix_hcell.webix_first {
  border-left: 1px solid #c3d7f4;
}

.webix_dtable .webix_ss_vscroll_header {
  border-bottom: 1px solid #c3d7f4;
}

.webix_hcell span.webix_input_icon {
  background-color: #c3d7f4;
}

.webix_list_item.webix_group_back {
  background: var(--dlm-back-bgcolor);
  border-bottom: 1px solid #c3d7f4;
}

.webix_list_item {
  white-space: nowrap;
}

.webix_dataview_item.tiles.webix_selected {
  background-color: #ffffff;
  color: #333333;
  border-color: var(--dlm-base-color);
}

.webix_dataview_item.tiles.webix_selected:focus {
  background-color: #ffffff;
}

.webix_view .webix_pager_item {
  font-family: var(--dlm-font-family);
}

.webix_view .webix_pager_item_selected {
  font-family: var(--dlm-font-family);
  border: 1px solid var(--dlm-base-color);
  border-bottom: 1px solid #2b82f9;
  background: var(--dlm-base-color);
}

.webix_view .webix_pager_item_selected:hover {
  background-color: #2b82f9;
}

.webix_view .webix_pager_item_selected:focus {
  background-color: #217cf9;
}

.webix_view .webix_pager_item_selected:active {
  background-color: #217cf9;
}

.webix_list .webix_unit_header {
  background: var(--dlm-back-bgcolor);
}

.webix_view .webix_tree_close:before,
.webix_view .webix_tree_open:before {
  content: var(--dlm-tree-opened-icon);
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 90%;
  width: 12px;
  color: #2885ff;
}

.webix_view .webix_tree_close:before {
  content: var(--dlm-tree-closed-icon);
  font-size: 100%;
}

.webix_row_select .webix_tree_close:before,
.webix_row_select .webix_tree_open:before{
  color: #fff;
}

.webix_menu.webix_view .webix_list_item.webix_selected {
  background: var(--dlm-base-color);
}

.webix_tree_item.webix_selected:focus span {
  background-color: #217cf9;
}

.buttonStyle {
  font-family: var(--dlm-font-family);
}

div.webix_inp_static,
.webix_el_textarea textarea {
  font-family: var(--dlm-font-family);
  border: 1px solid #cccccc;
}

.webix_el_checkbox input {
  border-color: var(--dlm-back-bgcolor);
}

.webix_view.webix_control.webix_el_tabbar .webix_after_all_tabs {
  height: 0px !important;
}

.webixtype_bottom .webix_item_tab,
.webixtype_bottom .webix_item_tab.webix_selected {
  border-color: var(--dlm-base-color);
  border-right: 1px solid #71abfb;
  background: var(--dlm-base-color);
}

.webixtype_bottom .webix_item_tab:last-child,
.webixtype_bottom .webix_item_tab.webix_selected:last-child {
  border-right: 1px solid #71abfb;
}

.webixtype_bottom .webix_item_tab.webix_selected:hover,
.webixtype_bottom .webix_item_tab.webix_selected:focus {
  background-color: #086ef9;
}

.webix_el_tabbar .webixtype_icon {
  background: var(--dlm-base-color);
}

.webix_el_tabbar .webixtype_icon .webix_item_tab.webix_selected {
  background: #1777f9;
}

.webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected,
.webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected {
  background: #1777f9;
  box-shadow: 0 0 0 1px var(--dlm-base-color) inset;
}

.webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected .webix_icon_btn,
.webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected .webix_icon_btn {
  background-color: #1777f9;
}

.webix_el_tabbar .webixtype_icon,
.webix_el_tabbar .webixtype_iconTop,
.webix_el_tabbar .webixtype_image {
  background: var(--dlm-base-color);
}

.webix_el_tabbar .webixtype_icon .webix_tab_filler,
.webix_el_tabbar .webixtype_iconTop .webix_tab_filler,
.webix_el_tabbar .webixtype_image .webix_tab_filler {
  border-bottom-color: var(--dlm-base-color);
}

.webix_el_tabbar .webixtype_icon .webix_tab_more_icon,
.webix_el_tabbar .webixtype_iconTop .webix_tab_more_icon,
.webix_el_tabbar .webixtype_image .webix_tab_more_icon,
.webix_el_tabbar .webixtype_bottom .webix_tab_more_icon {
  background: var(--dlm-base-color);
}

.webix_el_tabbar .webixtype_icon .webix_tab_more_icon:hover,
.webix_el_tabbar .webixtype_iconTop .webix_tab_more_icon:hover,
.webix_el_tabbar .webixtype_image .webix_tab_more_icon:hover,
.webix_el_tabbar .webixtype_bottom .webix_tab_more_icon:hover,
.webix_el_tabbar .webixtype_icon .webix_tab_more_icon:focus,
.webix_el_tabbar .webixtype_iconTop .webix_tab_more_icon:focus,
.webix_el_tabbar .webixtype_image .webix_tab_more_icon:focus,
.webix_el_tabbar .webixtype_bottom .webix_tab_more_icon:focus {
  background-color: #2b82f9;
}

.passiveBarBG {
  background: var(--dlm-tabbed-header-bgcolor); /* MP: unknown gui element */
}

.webix_selected.webix_segment_0:hover,
.webix_selected.webix_segment_1:hover,
.webix_selected.webix_segment_N:hover {
  background-color: #2b82f9;
}

.webix_selected.webix_segment_0:focus,
.webix_selected.webix_segment_1:focus,
.webix_selected.webix_segment_N:focus {
  background-color: #217cf9;
}

.webix_selected.webix_segment_0:active,
.webix_selected.webix_segment_1:active,
.webix_selected.webix_segment_N:active {
  background-color: #217cf9;
}

.webix_el_radio .webix_label_right {
  color: #333333;
}

.webix_cal_body .webix_cal_today {
  border: 1px solid var(--dlm-base-color);
}

.webix_cal_body .webix_selected,
.webix_cal_body .webix_cal_event.webix_cal_select {
  background: var(--dlm-base-color);
}

.webix_cal_body .webix_selected:focus,
.webix_cal_body .webix_cal_select:focus,
.webix_cal_body .webix_cal_event.webix_cal_select:focus {
  background: #3085fa;
}

.webix_view .webix_item_tab:focus,
.webix_view .webix_cal_next_button:focus,
.webix_view .webix_cal_prev_button:focus {
  /* outline-color: #8c8c8c; */
  outline-width: 0;
}

.webix_axis_item_x_details {
  white-space: break-spaces;
  text-align: center;
}


.webix_toolbar .webix_el_label .webix_el_box {
  font-size: var(--dlm-screen-label-font-size);
}

.webix_c_scroll_x > div,
.webix_c_scroll_y > div{
  background-color: var(--dlm-scrollbar-color);
}


label.webix_required:after, legend.webix_required:after, .webix_richtext_inp_label.webix_required .webix_template:after {
  content: none;
}

label.webix_required:before, legend.webix_required:before, .webix_richtext_inp_label.webix_required .webix_template:before {
  padding-right: 2px;
  content: var(--dlm-field-required-icon);
  color: #ff000047;
}

.webix_view.webix_control .webix_disabled_box input, .webix_view.webix_control .webix_disabled_box select, .webix_view.webix_control .webix_disabled_box textarea, .webix_view.webix_control .webix_disabled_box .webix_inp_static, .webix_view.webix_control .webix_disabled_box .webix_slider_right, .webix_view.webix_control .webix_disabled_box .webix_slider_handle {
  color: var(--dlm-disabled-fld-color);
  background: var(--dlm-disabled-fld-bgcolor);
}

.webix_view.webix_control .webix_disabled_box label,
.webix_view.webix_control .webix_disabled_box .webix_slider_title {
  color: var(--dlm-disabled-fld-label-color);
}
.webix_view.webix_control .webix_disabled_box button span,
.webix_view.webix_control .webix_disabled_box button,
.webix_view.webix_control .webix_disabled_box button:before, /* checkbox label */
.webix_view.webix_control.webix_el_checkbox .webix_disabled_box label{ /* checkbox label */
  color: var(--dlm-disabled-button-color) !important;
}


.webix_form .webix_el_box {
  display: inline-flex;
}
/*.webix_view.webix_control .webix_disabled_box .webix_input_icon {
  color: var(--dlm-disabled-fld-label-color);
}*/

.webix_disabled_box span.webix_input_icon {
  display: none;
}

.webix_view > .webix_disabled {
  pointer-events: none; /* allow text selection */
  cursor: default !important;
  color: var(--dlm-disabled-fld-color);
  background: var(--dlm-disabled-fld-bgcolor);
}

.webix_view.webix_control > .webix_disabled {
  color: var(--dlm-disabled-fld-color);
  background: var(--dlm-disabled-fld-bgcolor);
}

.iziToast,
.iziToast-body,
.iziToast-texts,
.iziToast-buttons,
.iziToast-message {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  position: inherit !important;
}

.iziToast-buttons>button {
  margin: 0 25px 0 0 !important;
  padding: 3px 10px !important;
  border-radius: 4px;
  z-index: 1;
}

.iziToast {
  min-height: inherit !important;
  margin-top: 6px !important;
  overflow: hidden;
  border-radius: 8px;
}

.iziToast-body {
  display: flex;
  align-items: baseline;
  padding: 6px 7px 7px !important;
  width: 30vw;
}

.iziToast>.iziToast-body {
  min-height: unset;
}

.iziToast-buttons {
  margin-left: auto !important;
}

.iziToast-buttons, .iziToast-icon {
  flex: none;
}

.iziToast-wrapper {
  width:auto!important;
  height: 93% !important;
}

.iziToast-wrapper ::-webkit-scrollbar {
  width:0;
}

.iziToast-texts {
  margin-right: 10px !important;
  word-break: break-word;
}

.iziToast>.iziToast-close {
  background-size: 12px;
  background-position-y: 13px;
}

.iziToast-capsule {
  position: relative;
}

.iziToast.iziToast-color-blue {
  background: var(--dlm-msg-bgcolor-blue);
}

.iziToast.iziToast-color-orange {
  background: var(--dlm-msg-bgcolor-orange);
}

.iziToast.iziToast-color-red {
  background:var(--dlm-msg-bgcolor-red);
}

.iziToast.iziToast-color-green {
  border: solid 2px var(--dlm-msg-bgcolor-green);
  background: var(--dlm-bgcolor);
}

.iziToast .iziToast-body .iziToast-message {

  font-size:14px;
  color: white;
}

.iziToast .iziToast-body .iziToast-icon {
  width: 16px;
  height:16px;
  color: white;
  font-size:16px;text-align:center;position:inherit!important;margin:0 4px!important
}


.iziToast.iziToast-color-green .iziToast-body .iziToast-message {
  color: var(--dlm-font-color);
}

.iziToast.iziToast-color-green .iziToast-body .iziToast-icon {
  color: var(--dlm-font-color);
}


/*.iziToast.iziToast-color-blue .iziToast-body .iziToast-icon,
.iziToast.iziToast-color-blue .iziToast-body .iziToast-message {
  color: var(--dlm-font-color);
}*/

.iziToast:after {
  content: '';
  border-radius: unset;
  box-shadow: unset;
}

.iziToast>.iziToast-progressbar {
  left: 3%;
  width: 94%;
}

.dlm-ml:active,
.dlm-ml:focus,
.dlm-ml {
  top: unset !important;
  box-shadow: unset !important;
}

.dlm-appmenu {
  z-index: 9000000 !important;
}
.dlm-appmenu-sub {
  z-index: 9000001 !important;
}


div, span, p, abbr, acronym, big, cite, 
del, ins {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

.webix_ck_body {
  background-color: var(--dlm-bgcolor);
}

html {
  scrollbar-color: var(--dlm-scrollbar-color) var(--dlm-scrollbar-bgcolor);
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: var(--dlm-scrollbar-bgcolor);
}

::-webkit-scrollbar-thumb {
  background: var(--dlm-scrollbar-color);
  border-radius: 2px;
}

.ck.ck-editor,
.ck.ck-editor__main {
  height: 100%;
}

.ck.ck-content {
  height: 100%;
  box-sizing: border-box;
}

 /* MP: w/a for toolbar <code> button drop-down moved to next line*/
.ck.ck-splitbutton {
  display: flex;
}

 /* MP: w/a for find window finding counter misplace*/
.ck.ck-find-and-replace-form fieldset.ck-find-and-replace-form__find .ck-results-counter {
  display: none;
}

.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label, .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label {
  background: var(--ck-color-labeled-field-label-background);
}

:root{
  --dlm-resizer-thumb-width: 5px;
  --dlm-resizer-thumb-length: 50px;
  --dlm-resizer-thumb-color: #888;
  --dlm-resizer-hover-color: var(--dlm-scrollbar-color);
}

.webix_resizer:hover {
  background-color: var(--dlm-resizer-hover-color);
  transition: all 0.3s ease-in;
}
.webix_resizer_content {
  /*background-color: var(--dlm-resizer-thumb-color);*/
  border-radius: 2px;
}
.webix_resizer_x .webix_resizer_content {
  height: var(--dlm-resizer-thumb-length);
  width: var(--dlm-resizer-thumb-width);
  position: absolute;
  top: 50%;
}

.webix_resizer_y .webix_resizer_content {
  height: var(--dlm-resizer-thumb-width);
  width: var(--dlm-resizer-thumb-length);
  margin: 0 auto;
}


.ck.ck-toolbar {
  border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0 !important;
  border-bottom-width: 0px;
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
  border-radius: 4px;
  padding: 2px;
}

.ck.ck-button {
  color: var(--dlm-ck-button-color);
  min-height: 28px;
  font-size: 14px;
}


.ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label {
  font-family: var(--dlm-font-family);
  line-height: 20px; /* otherwise style name is bottom-truncated */
}

.ck.ck-toolbar>.ck-toolbar__items>:not(.ck-toolbar__line-break), .ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown {
  margin: 0px !important;
}

:not(.ck-heading-dropdown).ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
  right: 0;
  left: unset !important;
}

.ck-dlm-save-button {
  border-right: 1px solid var(--ck-color-toolbar-border);
  background: var(--ck-color-toolbar-background);
}

.ck-dlm-save-button.webix_transparent .webix_button .webix_icon_btn {
  color: var(--dlm-button-warn-color);
}

.ck.ck-editor__editable_inline > *:first-child {
  margin-top: 4px;
}

table.dlm_screen td {
    
  padding: 4px 3px;
}

table.dlm_screen td.align-end {
  text-align: end;
}

.dlm-current-row {
  background-color: #9dd6ffff;
}

.dlm-updated-row {
  background-color: var(--dlm-updated-row-bgcolor);
}

.dlm-data-action-disabled {
  color: gray !important;
  cursor: not-allowed;
}

.dlm-data-action-hidden {
  display: none;
}

a:not([href]):not([tabindex]).dlm-data-action-disabled {
  color: gray;
  cursor: not-allowed;
  text-decoration: underline;
}

.dlm-lang-select-toolbar input,
.dlm-lang-select-toolbar div{
  font-size: small;
}

.dlm-filter-warn i::before,
.dlm-filter-warn .webix_icon_btn {
  color: var(--dlm-filter-warn-color) !important;
  -webkit-text-stroke: 2px var(--dlm-filter-warn-outline-color);
}

.dlm-filter-alert i::before,
.dlm-filter-alert .webix_icon_btn {
  color: var(--dlm-filter-alert-color) !important;
  animation: blinker 3s linear infinite !important;
}

@keyframes blinker {
  50% {
    opacity: 0.3;
  }
}

.webix_canvas_text{
  font-size: var(--dlm-chart-font-size);
}

.dlm-html-form {
  /* top form class */
}

.dlm-html-form input[type="checkbox"]{
  width: 1.2em;
  height: 1.2em;
  vertical-align: middle;
}


.dlm-form-img{
	max-width: 100%;
  max-height: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.dlm-form-image .webix_disabled {
  opacity: 0;
}

.dlm-cell-img{
	max-width: 100em;
	max-height: 100em;
  height: 100%;
  object-fit: scale-down;
}

.dlm-html-form table {
  border-spacing: 0px;
}

.dlm-menu-open, .dlm-menu-closed, .dlm-menu-open-icon, .dlm-menu-closed-icon {
  color: var(--dlm-sidebar-subject-color);
  font-size: var(--dlm-sidebar-subject-font-size);
}

.dlm-menu-open, .dlm-menu-closed{
  text-transform: var(--dlm-menu-subject-texttransform);
}

.webix_sidebar_popup_title .webix_template:before,
.webix_sidebar_expanded .dlm-menu-closed:before,
.dlm-menu-open:before {
  content: var(--dlm-sidebar-subject-open-icon);
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 80%;
  width: var(--dlm-sidebar-subject-icon-width);
  color: var(--dlm-sidebar-subject-color);
}

/* Separated because :has() not supported in Chrome before 104 and breaks the flow */
.webix_sidebar_popup_list .menu:has(div):before {
  content: var(--dlm-sidebar-subject-in-ctx-menu-icon);
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 80%;
  width: var(--dlm-sidebar-subject-icon-width);
}

/*MP: !important to overwrite decor fore color which can be a bad one for bgcolor*/
.webix_column>div.webix_cell_select, .webix_column>div.webix_column_select, .webix_column>div.webix_row_select {
  color: var(--dlm-selected-row-color) !important;
}
.webix_sidebar_popup_list .webix_icon:before{
  display: none;
}

.webix_sidebar_popup_list a.webix_list_item {
  border: 0;
}

.dlm-fld-group {
  white-space: nowrap;
}

.dlm-fld-group-closed:after {
  content: var(--dlm-field-group-closed-icon);
  float: right;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.dlm-part-splitter {
  background-color: var(--dlm-scrollbar-color);
  margin: 2px;
}

.dlm-part-splitter>.webix_template { 
  padding: 0px;
}

.webix_sidebar_expanded .dlm-menu-closed:before {
  content: var(--dlm-sidebar-subject-closed-icon);
  font-size: 90%;
}

.dlm-qf .dlm-fld-group-data {
  color: var(--dlm-fld-group-withdata-color);
}

.dlm-stype {
  color: var(--dlm-sidebar-subject-special);
}

.dlm-toolbar-logo {
  background: center
}

/* logo hover */
.dlm-toolbar-logo div {
	position: relative;
}
.dlm-toolbar-logo div:before {
	position: absolute;
	top: 0;
	left: -50%;
	z-index: 2;
	display: block;
	content: '';
	width: 40%;
	height: 100%;
	/*background: linear-gradient(to right, rgba(255,255,255,0) 0%, #00408290 100%);*/
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, var(--dlm-toolbar-logo-anim-bgcolor) 100%);
	transform: skewX(-25deg);
}
.dlm-toolbar-logo div:hover:before {
	animation: shine 1.2s;
}
@keyframes shine {
	100% {left: 125%;}
}
/* logo hover end */

.dlm-filter-times .webix_button svg {
  color: rgba(217, 83, 79, 0.3)!important;
}

h1,
h2,
h3,
h4 {
  border-bottom: 2px solid #59a8e2;
}

td {
  vertical-align: top;
}

.dlm-multiref-tag {
  border: 2px solid var(--dlm-tag-border-color) ;
  border-radius: 6px;
  padding: 0 2px;
}

.webix_multicombo_value.webix_readonly {
  background-color: var(--dlm-tag-readonly-bgcolor);
  padding-top: 1px;
}

.webix_multicombo_value {
  padding-top: 1px;
}

.dlm-sidebar-close {
  line-height: 46px;
  font-size: 20px;
  color: white;
  cursor: pointer;
  z-index: 1;
}

.dlm-sidebar-close:hover {
  color: var(--dlm-sidebar-hover-color);
}

.webix_icon, .webix_input_icon {
  font-size: var(--dlm-icon-size);
}

.webix_sidebar_icon {
  font-size: var(--dlm-sidebar-icon-size);
}

.webix_el_combo .webix_input_icon, .webix_el_richselect .webix_input_icon, .webix_el_datepicker .webix_input_icon, .webix_el_colorpicker .webix_input_icon {
  background-color: var(--dlm-picker-button-bgcolor);
  color: var(--dlm-picker-button-color);
}

.dlm-sidebar-close:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: var(--dlm-sidebar-close-icon);
}

.dlm-sidebar-close-o:before {
  content: var(--dlm-sidebar-open-icon);
}

.dlm-app-menu-icon .webix_icon_button .webix_icon {
  font-size: 16px;
  padding-top: 2px;
}

.dlm-lcw{
  border: 1px solid orange;
  padding: 3px;
  color: orange;
  vertical-align: middle;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover {
  cursor: pointer;
  text-decoration: none;
  /*color: #333;*/
}

a:not([href]):not([tabindex]) {
  cursor: pointer;
  text-decoration: underline;
  /*color: #333;*/
}

a:not([href]):not([tabindex]).dlm-data-action-disabled {
  color: gray;
  cursor: not-allowed;
  text-decoration: underline;
}


.dlm-helpdoc-icon .webix_icon_button .webix_icon {
  font-size: 16px;
  padding-top: 1px;
  color: #aaaaaa;
}


.dlm-part-label > div{
  color: var(--dlm-label-color);
  font-weight: var(--dlm-font-bold-weight);
  font-size: var(--dlm-part-label-font-size);
  white-space: nowrap;
  cursor: pointer;
  text-transform: var(--dlm-part-label-texttransform);
}

.dlm-screen-label,
.dlm-screen-label a{
  color: var(--dlm-label-color);
  font-weight: var(--dlm-font-bold-weight);
  white-space: nowrap;
}

.dlm-screen-label .webix_icon {
  font-size: var(--dlm-screen-label-icon-size);
}

.dlm-win-title {
  color: #333333;
  background: #ffffff;
}

.dlm-win-screen-label {
  color: var(--dlm-label-color);
  font-weight: var(--dlm-font-bold-weight);
  font-size: var(--dlm-screen-label-font-size);
  background: #ffffff;
}


.dlm-column .webix_cell {
  white-space: nowrap !important;
}

.dlm-column-disabled .webix_cell {
  color: #999;
}

.dlm-column.dlm-datatype-string .webix_cell {
  word-break: break-word;
  white-space: normal !important;
  /* MP: enable word wrap for strings, disable for others (id_list, for instance) */
}

.dlm-column.dlm-datatype-number {
  text-align: right;
}

.dlm-column.dlm-datatype-boolean {
  text-align: center;
}

.dlm-form-group > div {
  color: var(--dlm-label-color);
  font-weight: var(--dlm-font-bold-weight);
  padding-left: 0;
  position: relative;
}

.dlm-form-group > div:before{
  background-color: var(--dlm-label-color);
  width: 100%;
  position: absolute;
  bottom: var(--dlm-form-group-line-bottom);
  content: '';
  display: block;
  height: 1px;
}

.dlm-memo {
  color: var(--dlm-memo-color);
  vertical-align: middle;
}

.dlm-toolbar-logo {
  background-image: url('../d_l1.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.dlm-toolbar-logo-sm .webix_el_box {
  color: var(--dlm-sidebar-subject-color);
  font-size: 35px;
}

.dlm-head-fs .webix_el_label,
.dlm-head-fs .webix_el_icon,
.dlm-head-fs {
  background-color: var(--dlm-head-fs-bgcolor) !important;
}
.dlm-head-fs .webix_el_box,
.dlm-head-fs .webix_icon{
  color: white !important;
}
.dlm-head-fs .label{
  color: white !important;
  background-color: var(--dlm-head-fs-bgcolor) !important;
  font-size: var(--dlm-screen-label-font-size);
}
.dlm-head-fs .webix_template{
  padding: 0;
}

body{
  --dlm-tt-ar: 10px;
  --dlm-tt-bgcolor: #3aa41d;
  --dlm-tt-bgcolor_e: red;
  --dlm-tt-color: white;
  --dlm-tt-bordercolor: var(--dlm-bgcolor);
}

div.dlm-tt {
  background-color: var(--dlm-tt-bgcolor);
  position: fixed;
  border: 1px solid;
  border-color: var(--dlm-tt-bordercolor);
  border-radius: 4px;
  padding: 3px 8px;
  z-index: 8000000;
  font-size: 15px;
  color: var(--dlm-tt-color);
  font-weight: normal;
  white-space: break-spaces;
  line-height: normal;
}
div.dlm-tt-t:before,
div.dlm-tt-b:before { 
	content: ' '; 
	position: absolute; 
	width: 0; 
	height: 0;
  transform: none;
  left: calc(1px + var(--dlm-tt-ar));
  top: calc(1px - var(--dlm-tt-ar));
  border: calc(var(--dlm-tt-ar)/2) solid;
  border-color: transparent transparent var(--dlm-tt-bgcolor) var(--dlm-tt-bgcolor);
}
div.dlm-tt:hover,
div.dlm-tt-t:hover:before,
div.dlm-tt-b:hover:before{
  animation: none;
  opacity: 1;
}
.dlm-tt-fld{
  opacity: 0.5;
}
div.dlm-tt-t:before { 
  top: unset;
  bottom: calc(1px - var(--dlm-tt-ar));
  border-color: var(--dlm-tt-bgcolor) transparent transparent  var(--dlm-tt-bgcolor);
}


div.dlm-tt.dlm-error{
  background-color: var(--dlm-tt-bgcolor_e);
}
div.dlm-tt-t.dlm-error:before{
  border-color: var(--dlm-tt-bgcolor_e) transparent transparent  var(--dlm-tt-bgcolor_e);
}
div.dlm-tt-b.dlm-error:before{
  border-color: transparent transparent var(--dlm-tt-bgcolor_e) var(--dlm-tt-bgcolor_e);
}

.dlm-decoration-good{
  text-decoration: underline;
  text-decoration-color: var(--dlm-info-good-color);
}

.dlm-decoration-error{
  text-decoration: underline;
  text-decoration-color: var(--dlm-info-alert-color);
}

.dlm-text-type{
  background-color: var(--dlm-text-type-bgcolor);
  border-radius: 8px;
  padding: 0 6px;
}

/*.webix_toolbar .help-mode .webix_icon_button .webix_icon{
  color: green;
}*/

.help-mode {
  animation: blink-animation 0.5s steps(1, start) 12;
}
@keyframes blink-animation {
  50% { opacity: 0; }
}

span.dlm-conn-orange {
  color: orange !important;
}

span.dlm-conn-red {
  color: red !important;
}

span.dlm-conn-gray {
  color: red !important;
  animation: blinker 3s steps(1,end) infinite !important;
}

button.dlm-conn-orange {
  background-color: orange !important;
}

button.dlm-conn-red {
  background-color: red !important;
}

button.dlm-conn-gray {
  background-color: gray !important;
}

.ace-chrome .ace_gutter-active-line,
.ace-chrome .ace_gutter{
  background: #3085fa21 !important;
}
.ace-chrome .ace_marker-layer .ace_active-line {
  background: unset !important;
}

.dlm-qf-datepicker .webix_inp_label,
.dlm-qf-datepicker.webix_el_text input,
.dlm-qf-datepicker.webix_el_combo input{
  font-size: 14px;
}

/*
.bg-bubbles {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.bg-bubbles li {
  position: absolute;
  list-style: none;
  display: block;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 142, 142, 0.3);
  bottom: -160px;
  animation: square 25s infinite;
  transition-timing-function: linear;
}
.bg-bubbles li:nth-child(1) {
  left: 10%;
}
.bg-bubbles li:nth-child(2) {
  left: 20%;
  width: 80px;
  height: 80px;
  animation-delay: 2s;
  animation-duration: 17s;
}
.bg-bubbles li:nth-child(3) {
  left: 25%;
  animation-delay: 4s;
}
.bg-bubbles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-duration: 22s;
  background-color: rgba(255, 255, 255, 0.25);
}
.bg-bubbles li:nth-child(5) {
  left: 70%;
}
.bg-bubbles li:nth-child(6) {
  left: 80%;
  width: 120px;
  height: 120px;
  animation-delay: 3s;
  background-color: rgba(255, 255, 255, 0.2);
}
.bg-bubbles li:nth-child(7) {
  left: 32%;
  width: 30px;
  height: 70px;
  animation-delay: 7s;
}
.bg-bubbles li:nth-child(8) {
  left: 55%;
  width: 20px;
  height: 20px;
  animation-delay: 15s;
  animation-duration: 40s;
}
.bg-bubbles li:nth-child(9) {
  left: 25%;
  width: 10px;
  height: 10px;
  animation-delay: 2s;
  animation-duration: 40s;
  background-color: rgba(255, 255, 255, 0.3);
}
.bg-bubbles li:nth-child(10) {
  left: 90%;
  width: 80px;
  height: 20px;
  animation-delay: 11s;
}

@keyframes square {
  100% {
    transform: translateY(0);
  }
  0% {
    transform: translateY(-120vh) rotate(600deg);
  }
}
*/

.dlm-sch-sel{
  box-shadow: 0 0 0 1px var(--dlm-border-color-sel) inset;
}

.fc a:not([href]):not([tabindex]) {
  cursor: unset;
  text-decoration: unset;
}

.fc-day-sat a.fc-daygrid-day-number,
.fc-day-sat a.fc-col-header-cell-cushion,
.fc-day-sun a.fc-daygrid-day-number,
.fc-day-sun a.fc-col-header-cell-cushion {
  color: red;
}
.dlm_cal_workday a.fc-daygrid-day-number {
  color: var(--dlm-calendar-workday-color);
}
.dlm-sch-ev {
  white-space: normal;
  width: 100%;
  padding: 0 3px;
}
a.dlm-sch-ev-btn {
  float: right;
}

.dlm-sch-ev.clo {
  text-decoration: line-through;
}

.dlm-sch-ev-btn:before {
  content: var(--dlm-scheduler-event-icon);
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;

  width: 12px;
}
a.dlm-sch-ev-btn:hover {
  color: var(--dlm-negative-color);
}

.login-click {
  margin: 0 4px 4px 0;
  background-color: var(--dlm-ext-login-button-bgcolor);
  color: var(--dlm-ext-login-button-color);
  padding: 4px 8px 0px 8px;
  border-radius: var(--dlm-input-border-radius);
  border: var(--dlm-form-element-border);
  font-family: var(--dlm-font-family);
  font-size: 17px;
}

.login-click:hover {
  background-color: var(--dlm-ext-login-button-hover-bgcolor);
}