webix/skins/compact.css

Webix UI

.webix_view {
  font-family: 'PT Sans', Tahoma;
  font-size: 13px;
  color: #666666;
  -webkit-font-smoothing: antialiased;
  cursor: default;
  overflow: hidden;
  border: 0px solid #DDDDDD;
  background-color: #fff;
  white-space: normal;
  -webkit-appearance: none;
}
.webix_view.webix_form {
  background-color: #fff;
}
body {
  -webkit-tap-highlight-color: transparent !important;
}
/*
	webix_layout_{type}
	known types are: line, clean, wide, space;
*/
.webix_abslayout {
  position: relative;
}
.webix_abslayout > .webix_view {
  position: absolute !important;
  z-index: 0;
}
.webix_layout_space {
  background-color: #DDDDDD;
}
.webix_layout_wide {
  background-color: #DDDDDD;
}
.webix_layout_line,
.webix_multiview,
.webix_layout_clean,
.webix_layout_accordion {
  background: transparent;
}
.webix_overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 90;
  text-align: center;
  padding-top: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_view > .webix_disabled {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ddd;
  opacity: 0.4;
  z-index: 92;
  cursor: not-allowed;
}
.webix_disabled_view {
  overflow: hidden !important;
  position: relative;
}
body.webix_full_screen {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
body.webix_noselect {
  overscroll-behavior: none;
}
.webix_noselect,
.webix_noselect div {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.webix_selectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.webix_template {
  height: 100%;
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_clean {
  background: transparent;
}
.webix_clean .webix_template {
  padding: 0px;
}
.webix_section {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
  position: relative;
  color: #444;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 34px;
}
.webix_section:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #DDDDDD;
  position: absolute;
  top: 50%;
}
.webix_section > .webix_template {
  padding: 0px 8px;
  margin-left: 30px;
  background-color: #fff;
  display: inline;
  position: relative;
}
.webix_layout_space > .webix_section > .webix_template {
  padding: 0px 8px;
  background-color: #DDDDDD;
}
.webix_layout_wide > .webix_section > .webix_template {
  padding: 0px 8px;
  background-color: #DDDDDD;
}
.webix_layout_line > .webix_section > .webix_template,
.webix_layout_clean > .webix_section > .webix_template {
  padding: 0px 8px;
  background-color: #fff;
}
.webix_header {
  background: #3498db;
  color: #fff;
  font-size: 16px;
  line-height: 32px;
}
.webix_header .webix_el_button,
.webix_header .webix_el_label,
.webix_header .webix_inp_label,
.webix_header .webix_slider_title {
  color: #fff;
}
.webix_header .webix_el_label .webix_el_box {
  font-size: 16px;
}
.webix_header .webix_secondary button {
  border-color: #fff;
}
.webix_header .webix_transparent .webix_icon,
.webix_header .webix_transparent .webix_img_btn_text,
.webix_header .webix_transparent .webix_icon_btn,
.webix_header .webix_transparent button {
  color: #fff;
}
.webix_header .webix_transparent .webix_disabled_box button,
.webix_header .webix_transparent .webix_disabled_box .webix_img_btn_text {
  color: #aaa;
}
.webix_header .webix_inp_counter_next,
.webix_header .webix_inp_counter_prev,
.webix_header .webix_segment_0,
.webix_header .webix_segment_1,
.webix_header .webix_segment_N {
  border-color: #d9d9d9;
  background-color: transparent;
  color: #fff;
}
.webix_header .webix_inp_counter_next:hover,
.webix_header .webix_inp_counter_prev:hover,
.webix_header .webix_segment_0:hover,
.webix_header .webix_segment_1:hover,
.webix_header .webix_segment_N:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
}
.webix_header .webix_inp_counter_next:focus,
.webix_header .webix_inp_counter_prev:focus,
.webix_header .webix_segment_0:focus,
.webix_header .webix_segment_1:focus,
.webix_header .webix_segment_N:focus {
  background-color: rgba(0, 0, 0, 0.07);
  color: #fff;
}
.webix_header .webix_inp_counter_next:active,
.webix_header .webix_inp_counter_prev:active,
.webix_header .webix_segment_0:active,
.webix_header .webix_segment_1:active,
.webix_header .webix_segment_N:active {
  background-color: rgba(0, 0, 0, 0.07);
  color: #fff;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.webix_header .webix_inp_static,
.webix_header input[type=text] {
  border-color: #fff;
}
.webix_header .webix_inp_static:focus,
.webix_header input[type=text]:focus {
  border-color: #fff;
  box-shadow: none;
}
.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 {
  border-color: #d9d9d9;
  background-color: transparent;
  color: #fff;
  color: #666666;
}
.webix_header .webix_el_combo .webix_clear_icon:hover,
.webix_header .webix_el_richselect .webix_clear_icon:hover,
.webix_header .webix_el_datepicker .webix_clear_icon:hover,
.webix_header .webix_el_colorpicker .webix_clear_icon:hover,
.webix_header .webix_el_search .webix_clear_icon:hover,
.webix_header .webix_el_text .webix_clear_icon:hover,
.webix_header .webix_el_texthighlight .webix_clear_icon:hover {
  color: #ce5545;
}
.webix_header .webix_selected.webix_segment_0,
.webix_header .webix_selected.webix_segment_1,
.webix_header .webix_selected.webix_segment_N {
  border-color: #d9d9d9;
  background-color: #27ae60;
  color: #FFFFFF;
}
.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: #24a259;
}
.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: #229955;
}
.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: #229955;
}
.webix_header .webix_segment_1,
.webix_header .webix_segment_N,
.webix_header .webix_selected.webix_segment_1,
.webix_header .webix_selected.webix_segment_N {
  margin-left: 0;
  border-left: none;
}
.webix_header .webix_el_radio .webix_label_right {
  color: #fff;
}
.webix_header .webix_el_icon .webix_el_box {
  border-radius: 6px;
}
.webix_header .webix_el_icon .webix_el_box:hover {
  background-color: #268fd5;
}
.webix_header .webix_el_icon .webix_el_box:focus {
  background-color: #2489cc;
}
.webix_header .webix_control {
  border-color: #3498db;
}
.webix_header .webix_icon_button .webix_icon {
  color: #fff;
}
.webix_header > div {
  line-height: 34px;
  padding-left: 10px;
  padding-top: 0;
  padding-bottom: 0;
}
.webix_spacer {
  background: transparent;
}
.webix_view_animate {
  position: relative;
  width: 100%;
  height: 100%;
}
x\:ui {
  display: none;
}
.webix_view.webix_flexlayout {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_flexlayout > div {
  display: block !important;
}
.webix_view_align {
  background: transparent;
}
.webix_view div,
.webix_view span,
.webix_view a.webix_list_item,
.webix_view.webix_window {
  outline: none;
}
textarea,
input,
select,
button,
.webix_view div.webix_inp_static:focus {
  outline: none;
}
.webix_resize_area {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.webix_resize_handle_x .webix_handle_content,
.webix_resize_handle_y .webix_handle_content {
  width: 100%;
  height: 100%;
  background: rgba(100, 100, 100, 0.1);
  border: 1px dotted #ebebeb;
}
.webix_resize_handle_x {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: ew-resize;
  width: 1px;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0px;
}
.webix_resize_handle_x .webix_handle_content {
  border-width: 0px 1px;
}
.webix_resize_origin_x {
  cursor: ew-resize;
  width: 3px;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0px;
}
.webix_resize_handle_y {
  cursor: ns-resize;
  height: 1px;
  width: 100%;
  position: absolute;
  z-index: 2;
  left: 0px;
}
.webix_resize_handle_y .webix_handle_content {
  border-width: 1px 0px;
}
.webix_resize_origin_y {
  cursor: ns-resize;
  height: 3px;
  width: 100%;
  position: absolute;
  z-index: 2;
  left: 0px;
}
.webix_resizer {
  position: relative;
}
.webix_resizer.webix_disabled_view {
  cursor: default;
}
.webix_resizer_vy {
  cursor: ns-resize;
  margin-top: 0px !important;
  border: 0px !important;
  padding: 0px !important;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAADAQMAAABCowZuAAAABlBMVEUAAACkvtSA7tmIAAAAAXRSTlMAQObYZgAAAA9JREFUCB1jXMUABoxAGgAJaAFXPIkJqAAAAABJRU5ErkJggg==") no-repeat center center;
}
.webix_resizer_vx {
  cursor: ew-resize;
  margin-left: 0px !important;
  border: 0px !important;
  padding: 0px !important;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAXAQMAAAD0oWdxAAAABlBMVEUAAACkvtSA7tmIAAAAAXRSTlMAQObYZgAAAA5JREFUeF5jWMDAQDwGAKyuB4FpGQdzAAAAAElFTkSuQmCC") no-repeat center center;
}
.webix_resizer_y {
  cursor: ns-resize;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAADAQMAAABCowZuAAAABlBMVEUAAACkvtSA7tmIAAAAAXRSTlMAQObYZgAAAA9JREFUCB1jXMUABoxAGgAJaAFXPIkJqAAAAABJRU5ErkJggg==") no-repeat center center;
  background-color: #ffffff;
}
.webix_resizer_x {
  cursor: ew-resize;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAXAQMAAAD0oWdxAAAABlBMVEUAAACkvtSA7tmIAAAAAXRSTlMAQObYZgAAAA5JREFUeF5jWMDAQDwGAKyuB4FpGQdzAAAAAElFTkSuQmCC") no-repeat center center;
  background-color: #ffffff;
}
.webix_accordionitem_body {
  position: relative;
}
.webix_accordionitem_body > div {
  border-width: 0px!important;
}
.webix_accordionitem_header {
  border-bottom: 1px solid #DDDDDD;
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 16px;
  background: #3498db;
  line-height: 32px;
  cursor: pointer;
  overflow: hidden;
}
.webix_accordionitem_header .webix_el_button,
.webix_accordionitem_header .webix_el_label,
.webix_accordionitem_header .webix_inp_label,
.webix_accordionitem_header .webix_slider_title {
  color: #fff;
}
.webix_accordionitem_header .webix_el_label .webix_el_box {
  font-size: 16px;
}
.webix_accordionitem_header .webix_secondary button {
  border-color: #fff;
}
.webix_accordionitem_header .webix_transparent .webix_icon,
.webix_accordionitem_header .webix_transparent .webix_img_btn_text,
.webix_accordionitem_header .webix_transparent .webix_icon_btn,
.webix_accordionitem_header .webix_transparent button {
  color: #fff;
}
.webix_accordionitem_header .webix_transparent .webix_disabled_box button,
.webix_accordionitem_header .webix_transparent .webix_disabled_box .webix_img_btn_text {
  color: #aaa;
}
.webix_accordionitem_header .webix_inp_counter_next,
.webix_accordionitem_header .webix_inp_counter_prev,
.webix_accordionitem_header .webix_segment_0,
.webix_accordionitem_header .webix_segment_1,
.webix_accordionitem_header .webix_segment_N {
  border-color: #d9d9d9;
  background-color: transparent;
  color: #fff;
}
.webix_accordionitem_header .webix_inp_counter_next:hover,
.webix_accordionitem_header .webix_inp_counter_prev:hover,
.webix_accordionitem_header .webix_segment_0:hover,
.webix_accordionitem_header .webix_segment_1:hover,
.webix_accordionitem_header .webix_segment_N:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
}
.webix_accordionitem_header .webix_inp_counter_next:focus,
.webix_accordionitem_header .webix_inp_counter_prev:focus,
.webix_accordionitem_header .webix_segment_0:focus,
.webix_accordionitem_header .webix_segment_1:focus,
.webix_accordionitem_header .webix_segment_N:focus {
  background-color: rgba(0, 0, 0, 0.07);
  color: #fff;
}
.webix_accordionitem_header .webix_inp_counter_next:active,
.webix_accordionitem_header .webix_inp_counter_prev:active,
.webix_accordionitem_header .webix_segment_0:active,
.webix_accordionitem_header .webix_segment_1:active,
.webix_accordionitem_header .webix_segment_N:active {
  background-color: rgba(0, 0, 0, 0.07);
  color: #fff;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.webix_accordionitem_header .webix_inp_static,
.webix_accordionitem_header input[type=text] {
  border-color: #fff;
}
.webix_accordionitem_header .webix_inp_static:focus,
.webix_accordionitem_header input[type=text]:focus {
  border-color: #fff;
  box-shadow: none;
}
.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 {
  border-color: #d9d9d9;
  background-color: transparent;
  color: #fff;
  color: #666666;
}
.webix_accordionitem_header .webix_el_combo .webix_clear_icon:hover,
.webix_accordionitem_header .webix_el_richselect .webix_clear_icon:hover,
.webix_accordionitem_header .webix_el_datepicker .webix_clear_icon:hover,
.webix_accordionitem_header .webix_el_colorpicker .webix_clear_icon:hover,
.webix_accordionitem_header .webix_el_search .webix_clear_icon:hover,
.webix_accordionitem_header .webix_el_text .webix_clear_icon:hover,
.webix_accordionitem_header .webix_el_texthighlight .webix_clear_icon:hover {
  color: #ce5545;
}
.webix_accordionitem_header .webix_selected.webix_segment_0,
.webix_accordionitem_header .webix_selected.webix_segment_1,
.webix_accordionitem_header .webix_selected.webix_segment_N {
  border-color: #d9d9d9;
  background-color: #27ae60;
  color: #FFFFFF;
}
.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: #24a259;
}
.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: #229955;
}
.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: #229955;
}
.webix_accordionitem_header .webix_segment_1,
.webix_accordionitem_header .webix_segment_N,
.webix_accordionitem_header .webix_selected.webix_segment_1,
.webix_accordionitem_header .webix_selected.webix_segment_N {
  margin-left: 0;
  border-left: none;
}
.webix_accordionitem_header .webix_el_radio .webix_label_right {
  color: #fff;
}
.webix_accordionitem_header .webix_el_icon .webix_el_box {
  border-radius: 6px;
}
.webix_accordionitem_header .webix_el_icon .webix_el_box:hover {
  background-color: #268fd5;
}
.webix_accordionitem_header .webix_el_icon .webix_el_box:focus {
  background-color: #2489cc;
}
.webix_accordionitem_header .webix_control {
  border-color: #3498db;
}
.webix_accordionitem_header .webix_icon_button .webix_icon {
  color: #fff;
}
.webix_accordionitem_label {
  height: 100%;
  padding-left: 10px;
}
.webix_accordionitem_button {
  float: right;
  position: relative;
  height: 11px;
  width: 11px;
  margin: 9.5px 8px;
}
.webix_carousel {
  position: relative;
}
.webix_nav_panel {
  bottom: 16px;
  height: 10px;
  line-height: 10px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  padding: 2px 0;
}
.webix_nav_item {
  display: inline-block;
  height: 8px;
  margin: 0 2px;
  width: 8px;
  cursor: pointer;
  border-radius: 50%;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.webix_nav_inactive {
  border: 1px solid rgba(0, 0, 0, 0.15);
  opacity: 0.6;
  background: #fff;
}
.webix_nav_active {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
}
.webix_nav_active:hover,
.webix_nav_active:focus {
  box-shadow: 0 0 2px #fff;
}
.webix_nav_button_prev,
.webix_nav_button_next {
  cursor: pointer;
  display: block;
  height: 24px;
  line-height: 24px;
  position: absolute;
  width: 24px;
}
.webix_nav_button_prev .webix_nav_button_inner,
.webix_nav_button_next .webix_nav_button_inner {
  height: 100%;
  width: 100%;
}
.webix_nav_button_prev .webix_nav_button_inner {
  opacity: 0.8;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNDNEOTBEMTYyNzQxMUUzOEU1N0MyQTEyMzIxMDVFQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNDNEOTBEMjYyNzQxMUUzOEU1N0MyQTEyMzIxMDVFQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0M0Q5MENGNjI3NDExRTM4RTU3QzJBMTIzMjEwNUVBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA0M0Q5MEQwNjI3NDExRTM4RTU3QzJBMTIzMjEwNUVBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+yGPRLgAAAPBJREFUeNpi+P//vycQP/tPfQAy05MRxGBgYJBkoA14DrLgPwMNARMDjcGgteAINN5CCaokI3UcB2I+UNQBsTghxaRacAaI+aH62IB4MzUtuAjEwlA9zEC8hhhNxFpwFYhFkQxfTqyriLHgFhBLQtWC8s18UsKUkAV3gVgGyfBZpKYIQhbYQtWAcBg5BRIhC26j+WAOtS0AgRvQ9A6L4IXUtgAELqOlopXUtgAEzgOxIFQPKxCvo7YFIHAKLSdvo7YFIHAUiHmgeiUIKSanNLUC4i1ALAHENoQUD48a7TkNzX8BsiAFxKCB4U+BOBkgwAAsAiGcWMs58QAAAABJRU5ErkJggg==");
}
.webix_nav_button_prev .webix_nav_button_inner:hover,
.webix_nav_button_prev .webix_nav_button_inner:focus {
  opacity: 1;
}
.webix_nav_button_next .webix_nav_button_inner {
  opacity: 0.8;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEODJBRDc2RTYyNzMxMUUzQTMxN0IxNjAwN0JBOUE4OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEODJBRDc2RjYyNzMxMUUzQTMxN0IxNjAwN0JBOUE4OSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4MkFENzZDNjI3MzExRTNBMzE3QjE2MDA3QkE5QTg5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4MkFENzZENjI3MzExRTNBMzE3QjE2MDA3QkE5QTg5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+crpRPgAAAOhJREFUeNpi+P//vycQP/tPfQAy05MRxGBgYJBkoA14DrLgPwMNARMDjcGgsCAMGkdHyLKBiNQgDoomIOYH4uOkJiViLNgMxGxIlpyhtgUgsAaImaHqhYH4IrUtAIHlSJaIAvFValsAAvOBmBGqTxKIb1HbAhCYhWSJDBDfobYFIBAO1QvCNtS2YA6SD6SB+DY1LViIFNFiQHydmnGwEi0VXaZmKloHxKxQ9YJAfJ6a+WAbWk4+Re2cLAFVxwPER0lNEcSUpjZALAHEW4DYitTCdHjUaM9paP4LkAUpIAYNDH8KxMkAAQYAlwMhmq8XxigAAAAASUVORK5CYII=");
}
.webix_nav_button_next .webix_nav_button_inner:hover,
.webix_nav_button_next .webix_nav_button_inner:focus {
  opacity: 1;
}
.webix_nav_panel_corner {
  right: 64px;
}
.webix_nav_button_corner.webix_nav_button_prev {
  bottom: 11px;
  right: 36px;
}
.webix_nav_button_corner.webix_nav_button_prev .webix_nav_button_inner:hover,
.webix_nav_button_corner.webix_nav_button_prev .webix_nav_button_inner:focus {
  opacity: 1;
}
.webix_nav_button_corner.webix_nav_button_next {
  bottom: 11px;
  right: 8px;
}
.webix_nav_button_corner.webix_nav_button_next .webix_nav_button_inner:hover,
.webix_nav_button_corner.webix_nav_button_next .webix_nav_button_inner:focus {
  opacity: 1;
}
.webix_nav_panel_side {
  margin: 0 auto;
  left: 0;
  width: 100%;
}
.webix_nav_button_side {
  height: 34px;
  line-height: 34px;
  width: 21px;
  top: 50%;
  margin-top: -17px;
}
.webix_nav_button_side.webix_nav_button_next {
  left: auto;
  right: 16px;
}
.webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner {
  opacity: 0.8;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAiCAYAAACwaJKDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTc4MTkxODY2MzBGMTFFMzk1MUQ4RTNCRjNCMUVFRUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTc4MTkxODU2MzBGMTFFMzk1MUQ4RTNCRjNCMUVFRUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA4NjlGM0NFNjE4OTExRTNBRjMwOTNFODNBRTJCRENBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA4NjlGM0NGNjE4OTExRTNBRjMwOTNFODNBRTJCRENBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+D/KEcQAAAOhJREFUeNqs1jsOwjAMBuCKhR2uxsLGxg1a+hD0wVGYGJC4DgssnAFVQjLukKWk/WM7lv4OqfQ1UdLWCRGtOTdOz3lwtpzEkuFyp/9KreiX/JVa0DdNV6ZF9zRfmQYdcgbwQYNGhccDXQzYN4jgXIOa4bkntgAuNKgaDtlNMRx69hoAlxpUBEvfawRXGnRIjeBFIq8e3F9KZ5mDWXbS5QeBEjQYDEULALbSwy8GEYrARvpBUYNTaGkBfagZHKMIrKU/vioW6NANAE+aZuIVE3RoHxN06NUDHq2t5Ipz4Xw4T87O2vT+BBgAeQQKvezNqP0AAAAASUVORK5CYII=");
}
.webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:hover,
.webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:focus {
  opacity: 1;
}
.webix_nav_button_side.webix_nav_button_prev {
  left: 16px;
  right: auto;
}
.webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner {
  opacity: 0.8;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAiCAYAAACwaJKDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjIzRTVCQkY2MzBGMTFFM0FDNTBDNzdDRkQ0NTI0NzciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjIzRTVCQkU2MzBGMTFFM0FDNTBDNzdDRkQ0NTI0NzciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA4NjlGM0NFNjE4OTExRTNBRjMwOTNFODNBRTJCRENBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA4NjlGM0NGNjE4OTExRTNBRjMwOTNFODNBRTJCRENBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wRT1eAAAAM9JREFUeNqs1jsKwlAQBdDBxlL3ZmVlmRXYaaVbCYg7kti4BQu1e85AhBDfZz73wm1ewsmfDKWUKNgNd+C+uVfuOgoe0n8uaFDyQoOSOxqU7NDgUfaDgxZUDWpRE6hBzWALdYE11A2W0BCYQ8PgHIWAUxQG/lAoKF0Q0ZLq+ZA1o35qnO3eevlweL4AgXOL5yhc2hCCa0d0w63744I1T9MMa989E2z5/NSw9Retgj3DRAveeseeGnyLDGgl+BkdJXNwH0WlHfcxDr09d/UVYADVjwptZ8mPvQAAAABJRU5ErkJggg==");
}
.webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:hover,
.webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:focus {
  opacity: 1;
}
.webix_carousel > .webix_scroll_x,
.webix_carousel > .webix_scroll_y {
  background-color: rgba(0, 0, 0, 0);
}
.webix_dark .webix_nav_inactive {
  background-color: #95a5a6;
}
.webix_dark .webix_nav_active {
  background-color: #7f8c8d;
}
.webix_dark .webix_nav_button_prev .webix_nav_button_inner {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcdCSIURgotfwAAASxJREFUSMfNlbErhlEUh5/vJZOSQSijshgsFiklhdj0lcHw5SP7uX+A8we4d1c+g2RgsIjIxmCxGCzKRO9bMjCSWE5WpXPrO9MZbs9T5577u7XNrTgPtIBBfKsEmkUmOMZsFZngv5KCzNW2gmsbbT2H4AZY0CAVcOUtuAXmNMi7xtQF7HgK7oBZDfKmMXUAB8Cil+AemNEgrwbfB5a8LvnB4C8aU83Gsuy1RY/AtAYpDb4NNDzXtKFBnqyvA+ve72BXYxqy/shyy1UwDFxqTP0a5BvYAPa8X/KISfo0yBewChx6R8UocKEx9ZpkBTj2zqIx4Fxj6tEgn7aqZ95RMQ6cakzdGuTDxuUedhPAicY0AEz+dbjzn3E9ZX9ue3w4ZUZ+VQBrQJUB/gw0fwC/UlVpnH2f9AAAAABJRU5ErkJggg==");
}
.webix_dark .webix_nav_button_next .webix_nav_button_inner {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcdCSENCUzWfAAAAS1JREFUSMfN1TFLXEEUhuFnr8FKCBaGiK2FRQobG7GSgBG2E8IWFmE3wX7uD3B+QOb2QpaAiMWmsAkJBtMEizQ2FmmCXcIuhBRpDZI0g7XCXNhTD+8L53znTGf/ddrGEIvK1hiDqiW4zBxWLcFvJZWWayoEz3Mbz9sSfIl1mKCLr20I3sTUzMY6/MEzXJQWdHEcUzOTJVu4LD3kHRxlyW88xbfSKerldnViHX5lyffSMX2BgywZYxNXpffgVY6uWIcfWVpUMMQIYmqW8Lak4BB7sQ7/Ymoe4QzLpQQj9GMdbmJqFvAZK6WGfILdDJ/HJzwpFdOP6MU6/I2peYhTrJZctH6sw3VMzRw+YK30qdiIqXmM91i/b+Qe3OHNu6n/cMYt8icVXmLSAvwnBv8B+EFU7qlZ1xIAAAAASUVORK5CYII=");
}
.webix_dark .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAiCAYAAACwaJKDAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcdCSI77dsQJgAAARxJREFUSMet1jFqAkEUxvH/rkIqLVN5ES2CjScQG6tUESx3SWOMLKgggt7BC6SxsnIr9w4ewAsEEis3RTBE3N3ZmfemHB4/HsPMm89L0xTJilbrLrAAGsAWeKkKwTEw/bfVAy6ea6cZ4HV9+8ogwMm6UwMI8Owrg5MoDDa+MjgF8LXBUqgtaERdwELUFcxFJWAmKgXvUA3wBtUC/1BNEKBCra4KXjt9MNScbadYJd7t9nGSVIGnnJpOnCRf7VbzYNMpURi8A7OCumW0Wr9aodrw7T39hedS+P5FhcFYCme/fSGcP6UEcPE8dYTNk98BLvdHWcLlf1ML2CVMzIC3gpK+U5YywEdJQMuDP50CmuGMt55C6B0AI+AR+ACGPw26r6m12WOpAAAAAElFTkSuQmCC");
}
.webix_dark .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:hover,
.webix_dark .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:focus {
  opacity: 1;
}
.webix_dark .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAiCAYAAACwaJKDAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcdCSE1IU5u4gAAAW1JREFUSMet1rtOwzAUgOG/5jbBwsQD8BAwIAa2TggegjmRgELbuFeo1GRlQEJMMDN264CUiYdgg0dolzIkFUEk9nHSbLGtT76cc+xaMA53gUegDnwCgfa9Vyp8CngCToFNYB940WF0WRWt57SPqsAK+C7oG+kwuiqLdg3992Xgtelk8jGN4w3gqGDMyTSOZ8eHB+8uM0X7XhMYGMbd6TC6dkIzcH8VsMr+aN9rCeCGEyqEhzZY5TWmcM8C3zihKdy2wIMiWJmWURZWtk1P4a4FvnVCUziwwP0srKQBLYSbALXFYuGU1zqMNBAYhrRUiSI0s/RvKcdZNoChcQt8Tz5TKSg/fQdQFqdJcJvAXha0Z1QCDixgW577drCbBxZXKRkYyOtpkm6lwf+VPwH7VcC/d5Qd7EjA39s0KQQ2UIvvfbZ3zoEHU2Rp3+u4vlDGqwSX6N4qwSX6ltMelAUB1oELYA6cAV/poTxXeZ/+AOFqn1e/Gh7yAAAAAElFTkSuQmCC");
}
.webix_dark .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:hover,
.webix_dark .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:focus {
  opacity: 1;
}
.webix_list_item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px 10px;
  line-height: 23px;
  cursor: pointer;
  border-bottom: 1px solid #ebebeb;
  text-align: left;
  border-color: #ebebeb;
}
.webix_list_icon {
  vertical-align: baseline;
  margin-right: 4px;
}
.webix_list_item.webix_invalid {
  background-color: #ffeeee;
}
.webix_list_item.webix_selected {
  color: #FFFFFF;
  background: #27ae60;
}
.webix_list_item.webix_selected:focus {
  background: #24a259;
}
.webix_list .webix_list_item.webix_selected {
  border-bottom: 1px solid #ebebeb;
  padding: 2px 10px;
}
.webix_group {
  position: relative;
}
.webix_group_back,
.webix_group_back.webix_selected {
  position: relative;
  background: #D2E3EF;
  font-size: 13px;
  color: #4A4A4A;
}
.webix_arrow_icon {
  position: absolute;
  top: 50%;
  bottom: 50%;
  margin-top: -10px;
  right: 8px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #666666;
  font-size: 20px;
  font-family: "Webix Material Icons";
}
.webix_arrow_icon:before {
  content: '\F003';
}
.webix_group_back {
  padding-left: 29px;
}
.webix_group_back .webix_arrow_icon {
  left: 8px;
}
.webix_group_back .webix_arrow_icon:before {
  content: '\F002';
}
.dhx_pagelist {
  position: relative;
}
.webix_list_count {
  float: right;
  width: 25px;
  font-size: 14px;
  text-align: center;
  margin-right: 45px;
  box-shadow: 0 1px 0 #000000;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
}
.webix_unit_header {
  padding: 0 10px;
  line-height: 19px;
  text-align: left;
  background-color: #D2E3EF;
}
.webix_list-x .webix_list_item {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #ebebeb;
  border-bottom: none;
  border-color: #ebebeb;
}
.webix_list-x .webix_list_item.webix_selected {
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  padding-left: 9px;
}
.webix_list-x .webix_scroll_cont {
  display: inline-block;
}
.webix_view.webix_list-x {
  white-space: nowrap;
}
/* Style for disabled items */
.webix_list_item.webix_disabled {
  color: #8b949e;
  background-color: #fff;
  cursor: not-allowed;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.webix_list_item.webix_disabled:focus {
  background-color: #fff;
}
.webix_list_item.webix_disabled .webix_badge {
  background-color: #eab993;
}
.webix_list_item.webix_disabled .webix_submenu_icon {
  visibility: hidden;
}
/*button of pager*/
.webix_view.webix_pager {
  padding: 3px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
}
.webix_pager_item,
.webix_pager_item_selected {
  padding: 0 6px;
  text-align: center;
  height: 100%;
  width: auto;
  min-width: 32px;
  margin: 0 2px;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
}
.webix_pager_item .webix_icon,
.webix_pager_item_selected .webix_icon {
  line-height: 0;
  font-size: 17px;
}
.webix_pager_item {
  background: #3498db;
  color: #fff;
  border: 1px solid #3498db;
  border-bottom: 1px solid #268fd5;
}
.webix_pager_item:hover {
  background-color: #268fd5;
}
.webix_pager_item:focus {
  background-color: #2489cc;
}
.webix_pager_item:active {
  background-color: #2489cc;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.webix_pager_item:hover {
  background-color: #268fd5;
}
.webix_pager_item:focus {
  background-color: #2489cc;
}
.webix_pager_item:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  background-color: #2489cc;
}
/*selected  button of pager*/
.webix_pager_item_selected {
  cursor: default;
}
.webix_pager_item_selected:hover {
  background-color: #239d57;
}
.webix_pager_item_selected:focus {
  background-color: #219552;
}
.webix_pager_item_selected:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  background-color: #219552;
}
.webix_animation .webix_ss_header {
  position: relative;
  z-index: 1;
}
.webix_animation .webix_ss_vscroll_header {
  z-index: 1;
}
.webix_animation .webix_ss_footer,
.webix_animation .webix_vscroll_x {
  position: absolute;
  bottom: 0px;
  z-index: 1;
}
/*helper for allowing selection*/
.webix_allow_selection {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
/*default item in dataview*/
.webix_dataview_item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px 10px;
  line-height: 23px;
  cursor: pointer;
  border-bottom: 1px solid #ebebeb;
  text-align: left;
  border-color: #ebebeb;
  border-right: 1px solid #ebebeb;
}
/*default item in selected state*/
.webix_dataview_item.webix_selected {
  color: #FFFFFF;
  background: #27ae60;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.webix_dataview_item.webix_selected:focus {
  background: #24a259;
}
.webix_dataview_item.webix_invalid {
  background-color: #ffeeee;
}
.webix_dataview_item.tiles {
  border: 1px solid #ebebeb;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_drag_zone > .webix_dataview_item.tiles {
  margin: 0 !important;
}
.webix_dataview .webix_scroll_cont {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*chart container*/
.webix_chart {
  position: relative;
  font-family: 'PT Sans', Tahoma;
  font-size: 13px;
  color: #666666;
  overflow: hidden;
  z-index: 1;
}
.webix_chart canvas {
  position: absolute;
}
/*labels*/
.webix_canvas_text {
  position: absolute;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  z-index: 80;
}
.webix_chart .webix_canvas_text {
  border-radius: 4px;
}
.webix_chart .webix_canvas_text.webix_inner_text_dark {
  color: #666666;
  text-shadow: 0 0 4px #ffffff;
  padding: 0 2px;
}
.webix_chart .webix_canvas_text.webix_inner_text_light {
  color: #ffffff;
  text-shadow: 0 0 4px #666666;
  padding: 0 2px;
}
/*map*/
.webix_map_img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 0px;
  opacity: 0;
  -webkit-user-select: none;
}
/*scales*/
.webix_axis_item_y {
  position: absolute;
  height: 18px;
  line-height: 18px;
  margin-top: -4px;
  text-align: right;
}
.webix_axis_item_x {
  padding-top: 2px;
}
.webix_axis_title_x {
  text-align: center;
  font-size: 13px;
}
.webix_axis_title_y {
  text-align: center;
  font-family: Verdana;
  font-size: 13px;
  transform: rotate(-90deg);
  padding-left: 3px;
}
/*legend block*/
.webix_chart_legend {
  position: absolute;
  z-index: 81;
}
.webix_chart_legend_item {
  height: 18px;
  line-height: 18px;
  padding: 2px;
  cursor: pointer;
}
.webix_chart_legend_item.hidden {
  color: #e6e6e6;
}
.webix_axis_item_y.webix_radar {
  color: #555;
  font-size: 11px;
  padding-right: 3px;
  height: 13px;
  line-height: 13px;
  margin-top: 0px;
}
.webix_canvas_text.webix_axis_radar_title {
  margin-top: 0px;
  padding-top: 0px;
  color: #999999;
  font-size: 12px;
}
.webix_axis_item_y,
.webix_axis_item_x {
  color: #999999;
}
/*data frame*/
.webix_chart_frame {
  background-color: #a0cfef;
  height: 100%;
  opacity: 0.3;
  position: absolute;
  top: 0;
  z-index: 82;
  border-left: 1px solid #3498db;
  border-right: 1px solid #3498db;
  cursor: w-resize;
}
.webix_chart_resizer {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJCMjdFNENBRTg4MTFFMjk2NjJGMTJENjkyNDA2NTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJCMjdFNERBRTg4MTFFMjk2NjJGMTJENjkyNDA2NTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkIyN0U0QUFFODgxMUUyOTY2MkYxMkQ2OTI0MDY1OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkIyN0U0QkFFODgxMUUyOTY2MkYxMkQ2OTI0MDY1OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Powz/icAAAAaSURBVHjaYmBgYDBjgAA4zcSABQysIECAAQBn+ACx2PqtbAAAAABJRU5ErkJggg==");
  background-position: 3px center;
  background-repeat: no-repeat;
  border-radius: 2px;
  height: 20px;
  bottom: 0;
  width: 11px;
  z-index: 83;
  position: absolute;
  background-color: #fff;
  border: 1px solid #cccccc;
  cursor: w-resize;
}
.webix_chart_resizer:focus {
  border-color: #3498db;
}
.webix_wresize_cursor {
  cursor: w-resize;
}
/* donut center text */
.webix_donut_center_text {
  display: inline-block;
  line-height: normal;
  white-space: normal;
  vertical-align: middle;
}
.webix_dt_editor {
  position: absolute;
  z-index: 2;
  overflow: visible;
  background: #fff;
}
.webix_dt_editor input,
.webix_dt_editor select {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 9px;
  margin: 0;
  border: 1px solid #ffd700;
  height: 100%;
  font-family: 'PT Sans', Tahoma;
  font-size: 13px;
  color: #666666;
}
.webix_dt_editor input[type="checkbox"] {
  margin: 5px 11px 0px;
  height: auto;
  width: auto;
}
.webix_dt_editor select {
  padding: 0 5px;
}
.webix_clipbuffer {
  width: 2000px;
  height: 1px;
  padding: 0;
  margin: 0;
  border: 0;
  left: 0px;
  top: 0px;
  white-space: pre-wrap;
  position: fixed;
  opacity: 0;
  pointer-events: none;
  cursor: default;
}
.webix_dt_editor.webix_password_editor {
  overflow: hidden;
}
.webix_password_editor input {
  padding-right: 26px;
}
.webix_password_editor .webix_icon {
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -9px;
  font-size: 18px;
  cursor: pointer;
  color: #A4B4BF;
}
.webix_password_editor .webix_icon:hover {
  color: #3498db;
}
.webix_column,
.webix_hcolumn {
  position: absolute;
  top: 0px;
}
.webix_cell {
  overflow: hidden;
  line-height: 21px;
  white-space: nowrap;
}
.webix_hcell {
  width: 100%;
  overflow: hidden;
}
.webix_cell,
.webix_hcell {
  background: inherit;
  font: inherit;
  text-align: inherit;
  color: inherit;
}
.webix_ss_body {
  overflow: hidden;
  position: relative;
}
.webix_hs_center,
.webix_hs_right,
.webix_hs_left,
.webix_ss_center,
.webix_ss_right,
.webix_ss_left {
  overflow: hidden;
  float: left;
  position: relative;
}
.webix_ss_center_scroll {
  height: 100%;
  position: relative;
  overflow: hidden;
  min-height: 1px;
}
.webix_ss_hscroll {
  bottom: 0px;
}
.webix_ss_vscroll {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 2;
}
.webix_ss_vscroll_footer {
  position: absolute;
  bottom: 0px;
  right: 0px;
  border-left: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  z-index: 1;
}
.webix_ss_vscroll_header {
  position: absolute;
  top: 0px;
  right: 0px;
  border-left: 1px solid #b0cee3;
  border-bottom: 1px solid #b0cee3;
  z-index: 1;
}
.webix_dtable {
  position: relative;
  cursor: default;
  z-index: 0;
}
.webix_ss_footer,
.webix_ss_header {
  clear: both;
  overflow: hidden;
}
.webix_table_cell,
.webix_view.webix_table_cell,
.webix_block_selection,
.webix_hcell,
.webix_cell {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_table_cell {
  font-size: 13px;
}
.webix_block_selection {
  position: absolute;
}
.webix_ss_sort_asc,
.webix_ss_sort_desc {
  position: absolute;
  top: 50%;
  right: 2px;
  font-family: "Webix Material Icons";
  font-size: 20px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-top: -12px;
  float: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.webix_ss_sort_asc.webix_ss_sort_single,
.webix_ss_sort_desc.webix_ss_sort_single {
  width: 20px;
  text-align: center;
}
.webix_ss_sort_asc:before {
  content: '\F004';
}
.webix_ss_sort_desc:before {
  content: '\F001';
}
.webix_ss_sort_num {
  position: absolute;
  top: 0;
  right: 0;
  height: 13px;
  line-height: 13px;
  font-family: 'PT Sans', Tahoma;
  font-size: 11px;
  text-align: right;
  color: #3498db;
}
.webix_ss_sort_single .webix_ss_sort_num {
  display: none;
}
.webix_hcell .webix_excel_filter {
  position: absolute;
  top: 50%;
  right: 2px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #A4B4BF;
}
.webix_hcell .webix_excel_filter:hover {
  color: #3498db;
}
.webix_excel_filter ~ .webix_ss_sort_asc,
.webix_excel_filter ~ .webix_ss_sort_desc {
  right: 24px;
}
.webix_hcell.webix_ss_excel_filter {
  position: relative;
}
.webix_hcell.webix_ss_filter_active .webix_excel_filter {
  color: #3498db;
}
.webix_hcell.webix_ss_filter_active .webix_excel_filter:hover {
  color: #2383c4;
}
.webix_hcell.webix_ss_filter {
  padding: 3px 5px 3px 5px;
}
.webix_hcell .webix_tree_close,
.webix_hcell .webix_tree_open {
  margin-right: 5px;
}
.webix_table_checkbox,
.webix_hcell input[type="checkbox"] {
  margin: 0px 1px 2px;
  vertical-align: middle;
}
.webix_ss_filter select,
.webix_ss_filter input {
  width: 100%;
  font-size: inherit;
  color: #666666 !important;
  height: 28px;
  margin-top: -2px;
  padding: 0 3px;
  vertical-align: top;
  border: 1px solid #DDDDDD;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'PT Sans', Tahoma;
}
.webix_richfilter {
  margin-top: 1px;
  line-height: 24px;
}
.webix_ss_filter select {
  padding: 3px;
}
/*headers and footers*/
.webix_ss_header,
.webix_hcolumn,
.webix_ss_vscroll_header,
.webix_dd_drag_column,
.webix_hs_left,
.webix_hs_center,
.webix_hs_right {
  font-size: 13px;
  color: #4A4A4A;
  background: #D2E3EF;
}
.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 {
  background: #fafafa;
}
.webix_hcell.webix_measure_size {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  color: #4A4A4A;
}
/*content in header and footer*/
.webix_hcell {
  padding: 0px 10px 0px 10px;
  text-align: left;
}
/*borders in header and footer*/
.webix_ss_header .webix_hcolumn .webix_hcell,
.webix_ss_header .webix_span {
  border-right: 1px solid #b0cee3;
  border-bottom: 1px solid #b0cee3;
}
.webix_ss_footer .webix_hcolumn .webix_hcell,
.webix_ss_footer .webix_span {
  border-right: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
}
/*remove rightmost borders*/
.webix_hs_right .webix_hcell.webix_last,
.webix_hs_center .webix_hcell.webix_last {
  border-right-width: 0px;
}
/*right inner border*/
.webix_column.webix_last > div {
  border-right-width: 0px;
}
/*borders between split areas*/
.webix_ss_right .webix_column.webix_first > div,
.webix_hs_right .webix_first {
  border-left: 1px solid #DDDDDD;
}
.webix_ss_left .webix_column.webix_last > div {
  border-right: 1px solid #DDDDDD;
}
.webix_last_topcell.webix_cell {
  border-bottom: 1px solid #DDDDDD;
}
/*normal data cell of the table*/
.webix_column > div,
.webix_table_cell {
  border-right: 1px solid #ebebeb;
  padding: 0 10px;
  border-bottom: 1px solid #ebebeb;
}
.webix_column,
.webix_hcolumn {
  text-align: left;
}
/*header selection in column mode, column dnd*/
.webix_ss_header .webix_sel_hcell,
.webix_ss_footer .webix_sel_hcell,
.webix_ss_header .webix_dd_over_column {
  background-color: #c9eaf5;
}
.webix_block_selection {
  z-index: 2;
  background: rgba(0, 0, 0, 0.1);
  border: 2px solid #ebebeb;
}
.webix_dd_drag {
  white-space: nowrap;
  overflow: hidden;
  border-left: 1px solid #ebebeb;
  height: 24px;
}
.webix_dd_drag > div {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border-top: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 5px 10px;
  height: 24px;
  line-height: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_dd_drag_column {
  padding: 5px 10px 5px 10px;
}
.webix_column > .webix_drag_over.webix_cell {
  background-color: #e6e6e6;
  color: #666666;
}
.webix_column > .webix_drag_over.webix_cell.webix_row_select,
.webix_column > .webix_drag_over.webix_cell.webix_cell_select {
  color: #FFFFFF;
  background: #27ae60;
}
.webix_column > .webix_drag_over.webix_cell.webix_row_select:focus,
.webix_column > .webix_drag_over.webix_cell.webix_cell_select:focus {
  background: #24a259;
}
.webix_cell.webix_invalid {
  background-color: #ffeeee;
}
.webix_invalid_cell {
  position: relative;
}
.webix_invalid_cell:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 0px;
  height: 1px;
  border-top: 8px solid #f44;
  border-left: 8px solid transparent;
}
/*selection*/
.webix_column > div.webix_cell_select,
.webix_column > div.webix_column_select,
.webix_column > div.webix_row_select {
  color: #FFFFFF;
  background: #27ae60;
}
.webix_column > div.webix_cell_select:focus,
.webix_column > div.webix_column_select:focus,
.webix_column > div.webix_row_select:focus {
  background: #24a259;
}
/*extra borders, for selection in cell mode*/
.webix_column > div.webix_cell_select {
  border-bottom: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  padding-top: 0px;
  padding-left: 9px;
}
.webix_ss_right .webix_column.webix_first > div.webix_cell_select {
  padding-left: 10px;
}
/*extra borders, for selection in row mode*/
.webix_column > div.webix_row_select {
  border-bottom: 1px solid #ebebeb;
  padding-top: 0px;
}
/*extra borders for selection in column mode*/
.webix_column > div.webix_column_select {
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  padding-left: 9px;
}
.webix_cell.webix_dtable_colrow,
.webix_cell.webix_dtable_subrow,
.webix_dtable_subview {
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #fff;
  width: 100%;
  padding-right: 28px;
  padding-left: 10px;
  padding-top: 1px;
  border-bottom: 1px solid #ebebeb;
}
.webix_cell.webix_dtable_colrow.webix_selected {
  color: #FFFFFF;
  background: #27ae60;
}
.webix_cell.webix_dtable_colrow.webix_selected:focus {
  background: #24a259;
}
.webix_dtable_subrow {
  border-top: 1px solid #ebebeb;
  text-align: right;
}
.webix_dtable_subview {
  background: #ebebeb;
  border-top: 1px solid #ebebeb;
  padding: 0px 0px 0px 0px;
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.number .webix_cell {
  text-align: right;
}
.webix_rotate {
  transform: rotate(-90deg);
  line-height: normal;
}
.webix_measure_rotate {
  line-height: normal;
  white-space: normal;
  padding: 10px;
}
.webix_span_layer,
.webix_span_layer_top {
  background: transparent;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 0px;
  width: 0px;
  overflow: visible;
}
.webix_span_layer_top {
  z-index: 1;
}
.webix_ss_right .webix_span_layer,
.webix_ss_right .webix_span_layer_top {
  border-left: 1px solid #DDDDDD;
}
.webix_dtable_span {
  position: absolute;
  background: #fff;
  text-align: left;
}
.webix_dtable_span.webix_selected {
  color: #FFFFFF;
  background: #27ae60;
}
.webix_dtable_span.webix_selected:focus {
  background: #24a259;
}
.webix_hcell .webix_input_icon {
  background-color: #b0cee3;
}
.webix_area_selection_layer {
  position: absolute;
  z-index: 2;
}
.webix_area_selection {
  position: absolute;
  background: #666666;
}
.webix_dtable_focused .webix_area_selection {
  background-color: #575757;
}
.webix_area_selection_top,
.webix_area_selec