webix
Version:
Webix UI
1,638 lines • 184 kB
CSS
.webix_view {
font-family: 'PT Sans', Tahoma;
font-size: 15px;
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: 45px;
}
.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: 18px;
line-height: 43px;
}
.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: 18px;
}
.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: rgba(0, 0, 0, 0.05);
}
.webix_header .webix_el_icon .webix_el_box:focus {
background-color: rgba(0, 0, 0, 0.07);
}
.webix_header .webix_control {
border-color: #3498db;
}
.webix_header .webix_icon_button .webix_icon {
color: #fff;
}
.webix_header > div {
line-height: 45px;
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: 18px;
background: #3498db;
line-height: 43px;
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: 18px;
}
.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: rgba(0, 0, 0, 0.05);
}
.webix_accordionitem_header .webix_el_icon .webix_el_box:focus {
background-color: rgba(0, 0, 0, 0.07);
}
.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: 15px 13.5px;
}
.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: 29px;
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: 15px;
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: 29px;
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: 15px;
color: #666666;
}
.webix_dt_editor input[type="checkbox"] {
margin: 11px 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: 31px;
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: 15px;
}
.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: 39px;
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: 32px;
}
.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: 15px;
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: 15px;
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: 34px;
}
.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: 34px;
line-height: 26px;
-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: #575