webix
Version:
Webix UI
1,329 lines • 256 kB
CSS
.webix_view {
font-family: Roboto, sans-serif;
font-size: 14px;
font-weight: 400;
color: #475466;
letter-spacing: 0.2px;
-webkit-font-smoothing: antialiased;
cursor: default;
overflow: hidden;
border: 0px solid #DADEE0;
background-color: #FFFFFF;
white-space: normal;
-webkit-appearance: none;
}
.webix_view.webix_form {
background-color: #FFFFFF;
}
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: #EBEDF0;
}
.webix_layout_wide {
background-color: #EBEDF0;
}
.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: 4px 12px;
-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: 44px;
}
.webix_section:before {
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #DADEE0;
position: absolute;
top: 50%;
}
.webix_section > .webix_template {
padding: 0px 8px;
margin-left: 30px;
background-color: #FFFFFF;
display: inline;
position: relative;
}
.webix_layout_space > .webix_section > .webix_template {
padding: 0px 8px;
background-color: #EBEDF0;
}
.webix_layout_wide > .webix_section > .webix_template {
padding: 0px 8px;
background-color: #EBEDF0;
}
.webix_layout_line > .webix_section > .webix_template,
.webix_layout_clean > .webix_section > .webix_template {
padding: 0px 8px;
background-color: #FFFFFF;
}
.webix_header {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 500;
color: #475466;
letter-spacing: 0px;
line-height: 42px;
}
.webix_header .webix_el_label .webix_el_box {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 500;
color: #475466;
letter-spacing: 0px;
}
.webix_header.webix_dark {
background: #657584;
border-color: #657584;
}
.webix_header.webix_dark .webix_el_button,
.webix_header.webix_dark .webix_el_label .webix_el_box,
.webix_header.webix_dark .webix_inp_label,
.webix_header.webix_dark .webix_inp_top_label,
.webix_header.webix_dark .webix_slider_title {
color: #FFFFFF;
}
.webix_header.webix_dark .webix_secondary .webix_icon,
.webix_header.webix_dark .webix_transparent .webix_icon,
.webix_header.webix_dark .webix_secondary .webix_img_btn_text,
.webix_header.webix_dark .webix_transparent .webix_img_btn_text,
.webix_header.webix_dark .webix_secondary .webix_icon_btn,
.webix_header.webix_dark .webix_transparent .webix_icon_btn {
color: #FFFFFF;
}
.webix_header.webix_dark .webix_transparent button {
color: #FFFFFF;
}
.webix_header.webix_dark .webix_transparent button:hover,
.webix_header.webix_dark .webix_transparent button:focus {
background-color: rgba(0, 0, 0, 0.2);
}
.webix_header.webix_dark .webix_transparent button:active {
background-color: rgba(0, 0, 0, 0.4);
}
.webix_header.webix_dark .webix_secondary button,
.webix_header.webix_dark .webix_inp_counter_next,
.webix_header.webix_dark .webix_inp_counter_prev,
.webix_header.webix_dark .webix_segment_0,
.webix_header.webix_dark .webix_segment_1,
.webix_header.webix_dark .webix_segment_N,
.webix_header.webix_dark .webix_menu-x .webix_list_item {
background-color: rgba(0, 0, 0, 0.2);
color: #FFFFFF;
border-color: transparent;
}
.webix_header.webix_dark .webix_view > .webix_template {
color: #FFFFFF;
background-color: #657584;
}
.webix_header.webix_dark .webix_secondary button:hover,
.webix_header.webix_dark .webix_menu-x .webix_list_item:hover,
.webix_header.webix_dark .webix_inp_counter_next:hover,
.webix_header.webix_dark .webix_inp_counter_prev:hover,
.webix_header.webix_dark .webix_segment_0:hover,
.webix_header.webix_dark .webix_segment_1:hover,
.webix_header.webix_dark .webix_segment_N:hover {
color: #FFFFFF;
background-color: rgba(0, 0, 0, 0.4);
}
.webix_header.webix_dark .webix_secondary button:focus,
.webix_header.webix_dark .webix_menu-x .webix_list_item:focus,
.webix_header.webix_dark .webix_inp_counter_next:focus,
.webix_header.webix_dark .webix_inp_counter_prev:focus,
.webix_header.webix_dark .webix_segment_0:focus,
.webix_header.webix_dark .webix_segment_1:focus,
.webix_header.webix_dark .webix_segment_N:focus {
background-color: rgba(0, 0, 0, 0.4);
color: #FFFFFF;
}
.webix_header.webix_dark .webix_secondary button:active,
.webix_header.webix_dark .webix_menu-x .webix_list_item:active,
.webix_header.webix_dark .webix_inp_counter_next:active,
.webix_header.webix_dark .webix_inp_counter_prev:active,
.webix_header.webix_dark .webix_segment_0:active,
.webix_header.webix_dark .webix_segment_1:active,
.webix_header.webix_dark .webix_segment_N:active {
background-color: rgba(0, 0, 0, 0.5);
color: #FFFFFF;
}
.webix_header.webix_dark .webix_inp_static,
.webix_header.webix_dark input[type=text],
.webix_header.webix_dark input[type=combo],
.webix_header.webix_dark input[type=datepicker],
.webix_header.webix_dark textarea,
.webix_header.webix_dark select,
.webix_header.webix_dark .webix_text_highlight {
border-color: transparent;
background-color: rgba(0, 0, 0, 0.2);
color: rgba(255, 255, 255, 0.7);
}
.webix_header.webix_dark .webix_el_texthighlight input,
.webix_header.webix_dark .webix_el_texthighlight textarea {
caret-color: rgba(255, 255, 255, 0.7);
}
.webix_header.webix_dark .webix_inp_static input[type=text] {
background-color: transparent;
}
.webix_header.webix_dark select option {
background-color: #657584;
color: #FFFFFF;
}
.webix_header.webix_dark .webix_multicombo_value,
.webix_header.webix_dark .webix_multicombo_tag {
color: #657584;
}
.webix_header.webix_dark .webix_inp_static:focus,
.webix_header.webix_dark input[type=text]:focus,
.webix_header.webix_dark input[type=combo]:focus,
.webix_header.webix_dark input[type=datepicker]:focus,
.webix_header.webix_dark textarea:focus,
.webix_header.webix_dark select:focus {
border-color: #FFFFFF;
box-shadow: none;
}
.webix_header.webix_dark .webix_el_counter button {
background-color: rgba(0, 0, 0, 0.3);
}
.webix_header.webix_dark .webix_el_counter input[type=text]:focus {
border-color: transparent;
}
.webix_header.webix_dark .webix_placeholder {
color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark ::placeholder {
color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark :-ms-input-placeholder {
color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark .webix_input_icon {
color: rgba(255, 255, 255, 0.7);
}
.webix_header.webix_dark .webix_selected.webix_segment_0,
.webix_header.webix_dark .webix_selected.webix_segment_1,
.webix_header.webix_dark .webix_selected.webix_segment_N {
background: #1CA1C1;
color: #FFFFFF;
}
.webix_header.webix_dark .webix_selected.webix_segment_0:hover,
.webix_header.webix_dark .webix_selected.webix_segment_1:hover,
.webix_header.webix_dark .webix_selected.webix_segment_N:hover {
background-color: #1992af;
}
.webix_header.webix_dark .webix_selected.webix_segment_0:focus,
.webix_header.webix_dark .webix_selected.webix_segment_1:focus,
.webix_header.webix_dark .webix_selected.webix_segment_N:focus {
background-color: #1992af;
}
.webix_header.webix_dark .webix_selected.webix_segment_0:active,
.webix_header.webix_dark .webix_selected.webix_segment_1:active,
.webix_header.webix_dark .webix_selected.webix_segment_N:active {
background-color: #17839d;
}
.webix_header.webix_dark .webix_el_icon,
.webix_header.webix_dark .webix_icon_button {
color: #FFFFFF;
}
.webix_header.webix_dark .webix_control {
border-color: #1CA1C1;
}
.webix_header.webix_dark .webix_icon_button:hover:before {
background-color: rgba(0, 0, 0, 0.2);
}
.webix_header.webix_dark .webix_icon_button:hover .webix_icon,
.webix_header.webix_dark .webix_icon_button:focus .webix_icon {
opacity: 1;
}
.webix_header.webix_dark .webix_icon_button .webix_icon {
color: #FFFFFF;
opacity: 0.7;
}
.webix_header.webix_dark .webix_custom_checkbox,
.webix_header.webix_dark .webix_custom_radio {
color: #FFFFFF;
}
.webix_header.webix_dark .webix_custom_checkbox:focus,
.webix_header.webix_dark .webix_custom_radio:focus {
color: #f0f0f0;
}
.webix_header.webix_dark .webix_label_right {
color: #FFFFFF;
}
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_button {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(0, 0, 0, 0.1);
text-shadow: none;
}
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_img_btn_text {
color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark .webix_disabled_view.webix_control .webix_icon_btn,
.webix_header.webix_dark .webix_disabled_view.webix_control .webix_icon {
color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark .webix_disabled_view.webix_menu-x .webix_list_item.menu {
background-color: rgba(0, 0, 0, 0.1);
color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon,
.webix_header.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_disabled_box .webix_img_btn_text,
.webix_header.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon_btn {
color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box label,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_input_icon,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box button {
color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box input,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box select,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box textarea,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_prev,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_next {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(0, 0, 0, 0.1);
border-color: transparent;
}
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static input {
background-color: transparent;
}
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_0,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_1,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_N,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_item_tab {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(0, 0, 0, 0.1);
text-shadow: none;
}
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_0.webix_selected,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_1.webix_selected,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_N.webix_selected {
background-color: rgba(0, 0, 0, 0.15);
}
.webix_header.webix_dark .webix_disabled_top_label {
color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark .webix_invalid .webix_el_box input,
.webix_header.webix_dark .webix_invalid .webix_el_box .webix_inp_static,
.webix_header.webix_dark .webix_invalid .webix_el_box select,
.webix_header.webix_dark .webix_invalid .webix_el_box textarea,
.webix_header.webix_dark input.webix_invalid,
.webix_header.webix_dark select.webix_invalid,
.webix_header.webix_dark textarea.webix_invalid {
color: #ffdedb;
background-color: rgba(255, 92, 76, 0.3);
border-color: #ff8d82;
}
.webix_header.webix_dark .webix_invalid .webix_multicombo_value,
.webix_header.webix_dark .webix_invalid .webix_multicombo_tag {
color: #FF5C4C;
}
.webix_header.webix_dark .webix_invalid .webix_el_box .webix_inp_static input {
background-color: transparent;
}
.webix_header.webix_dark .webix_view.webix_el_tabbar {
background-color: transparent;
border-color: transparent;
}
.webix_header.webix_dark .webix_item_tab,
.webix_header.webix_dark .webix_item_tab.webix_selected,
.webix_header.webix_dark .webix_tab_more_icon {
color: #FFFFFF;
background-color: rgba(0, 0, 0, 0.2);
}
.webix_header.webix_dark .webix_item_tab .webix_icon,
.webix_header.webix_dark .webix_item_tab.webix_selected .webix_icon,
.webix_header.webix_dark .webix_tab_more_icon .webix_icon {
color: #FFFFFF;
}
.webix_header.webix_dark .webix_item_tab:hover,
.webix_header.webix_dark .webix_item_tab.webix_selected:hover,
.webix_header.webix_dark .webix_tab_more_icon:hover,
.webix_header.webix_dark .webix_item_tab:focus,
.webix_header.webix_dark .webix_item_tab.webix_selected:focus,
.webix_header.webix_dark .webix_tab_more_icon:focus {
color: #FFFFFF;
background-color: rgba(0, 0, 0, 0.4);
}
.webix_header.webix_dark {
color: #FFFFFF;
}
.webix_header > div {
line-height: 44px;
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 #DADEE0;
position: relative;
z-index: 2;
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 500;
color: #475466;
letter-spacing: 0px;
line-height: 42px;
cursor: pointer;
overflow: hidden;
}
.webix_accordionitem_header.webix_dark {
color: #FFFFFF;
}
.webix_accordionitem_header .webix_el_label .webix_el_box {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 500;
color: #475466;
letter-spacing: 0px;
}
.webix_accordionitem_header.webix_dark {
background: #657584;
border-color: #657584;
}
.webix_accordionitem_header.webix_dark .webix_el_button,
.webix_accordionitem_header.webix_dark .webix_el_label .webix_el_box,
.webix_accordionitem_header.webix_dark .webix_inp_label,
.webix_accordionitem_header.webix_dark .webix_inp_top_label,
.webix_accordionitem_header.webix_dark .webix_slider_title {
color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_secondary .webix_icon,
.webix_accordionitem_header.webix_dark .webix_transparent .webix_icon,
.webix_accordionitem_header.webix_dark .webix_secondary .webix_img_btn_text,
.webix_accordionitem_header.webix_dark .webix_transparent .webix_img_btn_text,
.webix_accordionitem_header.webix_dark .webix_secondary .webix_icon_btn,
.webix_accordionitem_header.webix_dark .webix_transparent .webix_icon_btn {
color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_transparent button {
color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_transparent button:hover,
.webix_accordionitem_header.webix_dark .webix_transparent button:focus {
background-color: rgba(0, 0, 0, 0.2);
}
.webix_accordionitem_header.webix_dark .webix_transparent button:active {
background-color: rgba(0, 0, 0, 0.4);
}
.webix_accordionitem_header.webix_dark .webix_secondary button,
.webix_accordionitem_header.webix_dark .webix_inp_counter_next,
.webix_accordionitem_header.webix_dark .webix_inp_counter_prev,
.webix_accordionitem_header.webix_dark .webix_segment_0,
.webix_accordionitem_header.webix_dark .webix_segment_1,
.webix_accordionitem_header.webix_dark .webix_segment_N,
.webix_accordionitem_header.webix_dark .webix_menu-x .webix_list_item {
background-color: rgba(0, 0, 0, 0.2);
color: #FFFFFF;
border-color: transparent;
}
.webix_accordionitem_header.webix_dark .webix_view > .webix_template {
color: #FFFFFF;
background-color: #657584;
}
.webix_accordionitem_header.webix_dark .webix_secondary button:hover,
.webix_accordionitem_header.webix_dark .webix_menu-x .webix_list_item:hover,
.webix_accordionitem_header.webix_dark .webix_inp_counter_next:hover,
.webix_accordionitem_header.webix_dark .webix_inp_counter_prev:hover,
.webix_accordionitem_header.webix_dark .webix_segment_0:hover,
.webix_accordionitem_header.webix_dark .webix_segment_1:hover,
.webix_accordionitem_header.webix_dark .webix_segment_N:hover {
color: #FFFFFF;
background-color: rgba(0, 0, 0, 0.4);
}
.webix_accordionitem_header.webix_dark .webix_secondary button:focus,
.webix_accordionitem_header.webix_dark .webix_menu-x .webix_list_item:focus,
.webix_accordionitem_header.webix_dark .webix_inp_counter_next:focus,
.webix_accordionitem_header.webix_dark .webix_inp_counter_prev:focus,
.webix_accordionitem_header.webix_dark .webix_segment_0:focus,
.webix_accordionitem_header.webix_dark .webix_segment_1:focus,
.webix_accordionitem_header.webix_dark .webix_segment_N:focus {
background-color: rgba(0, 0, 0, 0.4);
color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_secondary button:active,
.webix_accordionitem_header.webix_dark .webix_menu-x .webix_list_item:active,
.webix_accordionitem_header.webix_dark .webix_inp_counter_next:active,
.webix_accordionitem_header.webix_dark .webix_inp_counter_prev:active,
.webix_accordionitem_header.webix_dark .webix_segment_0:active,
.webix_accordionitem_header.webix_dark .webix_segment_1:active,
.webix_accordionitem_header.webix_dark .webix_segment_N:active {
background-color: rgba(0, 0, 0, 0.5);
color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_inp_static,
.webix_accordionitem_header.webix_dark input[type=text],
.webix_accordionitem_header.webix_dark input[type=combo],
.webix_accordionitem_header.webix_dark input[type=datepicker],
.webix_accordionitem_header.webix_dark textarea,
.webix_accordionitem_header.webix_dark select,
.webix_accordionitem_header.webix_dark .webix_text_highlight {
border-color: transparent;
background-color: rgba(0, 0, 0, 0.2);
color: rgba(255, 255, 255, 0.7);
}
.webix_accordionitem_header.webix_dark .webix_el_texthighlight input,
.webix_accordionitem_header.webix_dark .webix_el_texthighlight textarea {
caret-color: rgba(255, 255, 255, 0.7);
}
.webix_accordionitem_header.webix_dark .webix_inp_static input[type=text] {
background-color: transparent;
}
.webix_accordionitem_header.webix_dark select option {
background-color: #657584;
color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_multicombo_value,
.webix_accordionitem_header.webix_dark .webix_multicombo_tag {
color: #657584;
}
.webix_accordionitem_header.webix_dark .webix_inp_static:focus,
.webix_accordionitem_header.webix_dark input[type=text]:focus,
.webix_accordionitem_header.webix_dark input[type=combo]:focus,
.webix_accordionitem_header.webix_dark input[type=datepicker]:focus,
.webix_accordionitem_header.webix_dark textarea:focus,
.webix_accordionitem_header.webix_dark select:focus {
border-color: #FFFFFF;
box-shadow: none;
}
.webix_accordionitem_header.webix_dark .webix_el_counter button {
background-color: rgba(0, 0, 0, 0.3);
}
.webix_accordionitem_header.webix_dark .webix_el_counter input[type=text]:focus {
border-color: transparent;
}
.webix_accordionitem_header.webix_dark .webix_placeholder {
color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark ::placeholder {
color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark :-ms-input-placeholder {
color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark .webix_input_icon {
color: rgba(255, 255, 255, 0.7);
}
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_0,
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_1,
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_N {
background: #1CA1C1;
color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_0:hover,
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_1:hover,
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_N:hover {
background-color: #1992af;
}
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_0:focus,
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_1:focus,
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_N:focus {
background-color: #1992af;
}
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_0:active,
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_1:active,
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_N:active {
background-color: #17839d;
}
.webix_accordionitem_header.webix_dark .webix_el_icon,
.webix_accordionitem_header.webix_dark .webix_icon_button {
color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_control {
border-color: #1CA1C1;
}
.webix_accordionitem_header.webix_dark .webix_icon_button:hover:before {
background-color: rgba(0, 0, 0, 0.2);
}
.webix_accordionitem_header.webix_dark .webix_icon_button:hover .webix_icon,
.webix_accordionitem_header.webix_dark .webix_icon_button:focus .webix_icon {
opacity: 1;
}
.webix_accordionitem_header.webix_dark .webix_icon_button .webix_icon {
color: #FFFFFF;
opacity: 0.7;
}
.webix_accordionitem_header.webix_dark .webix_custom_checkbox,
.webix_accordionitem_header.webix_dark .webix_custom_radio {
color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_custom_checkbox:focus,
.webix_accordionitem_header.webix_dark .webix_custom_radio:focus {
color: #f0f0f0;
}
.webix_accordionitem_header.webix_dark .webix_label_right {
color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_button {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(0, 0, 0, 0.1);
text-shadow: none;
}
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_img_btn_text {
color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark .webix_disabled_view.webix_control .webix_icon_btn,
.webix_accordionitem_header.webix_dark .webix_disabled_view.webix_control .webix_icon {
color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark .webix_disabled_view.webix_menu-x .webix_list_item.menu {
background-color: rgba(0, 0, 0, 0.1);
color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon,
.webix_accordionitem_header.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_disabled_box .webix_img_btn_text,
.webix_accordionitem_header.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon_btn {
color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box label,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_input_icon,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box button {
color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box input,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box select,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box textarea,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_prev,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_next {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(0, 0, 0, 0.1);
border-color: transparent;
}
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static input {
background-color: transparent;
}
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_0,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_1,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_N,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_item_tab {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(0, 0, 0, 0.1);
text-shadow: none;
}
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_0.webix_selected,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_1.webix_selected,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_N.webix_selected {
background-color: rgba(0, 0, 0, 0.15);
}
.webix_accordionitem_header.webix_dark .webix_disabled_top_label {
color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark .webix_invalid .webix_el_box input,
.webix_accordionitem_header.webix_dark .webix_invalid .webix_el_box .webix_inp_static,
.webix_accordionitem_header.webix_dark .webix_invalid .webix_el_box select,
.webix_accordionitem_header.webix_dark .webix_invalid .webix_el_box textarea,
.webix_accordionitem_header.webix_dark input.webix_invalid,
.webix_accordionitem_header.webix_dark select.webix_invalid,
.webix_accordionitem_header.webix_dark textarea.webix_invalid {
color: #ffdedb;
background-color: rgba(255, 92, 76, 0.3);
border-color: #ff8d82;
}
.webix_accordionitem_header.webix_dark .webix_invalid .webix_multicombo_value,
.webix_accordionitem_header.webix_dark .webix_invalid .webix_multicombo_tag {
color: #FF5C4C;
}
.webix_accordionitem_header.webix_dark .webix_invalid .webix_el_box .webix_inp_static input {
background-color: transparent;
}
.webix_accordionitem_header.webix_dark .webix_view.webix_el_tabbar {
background-color: transparent;
border-color: transparent;
}
.webix_accordionitem_header.webix_dark .webix_item_tab,
.webix_accordionitem_header.webix_dark .webix_item_tab.webix_selected,
.webix_accordionitem_header.webix_dark .webix_tab_more_icon {
color: #FFFFFF;
background-color: rgba(0, 0, 0, 0.2);
}
.webix_accordionitem_header.webix_dark .webix_item_tab .webix_icon,
.webix_accordionitem_header.webix_dark .webix_item_tab.webix_selected .webix_icon,
.webix_accordionitem_header.webix_dark .webix_tab_more_icon .webix_icon {
color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_item_tab:hover,
.webix_accordionitem_header.webix_dark .webix_item_tab.webix_selected:hover,
.webix_accordionitem_header.webix_dark .webix_tab_more_icon:hover,
.webix_accordionitem_header.webix_dark .webix_item_tab:focus,
.webix_accordionitem_header.webix_dark .webix_item_tab.webix_selected:focus,
.webix_accordionitem_header.webix_dark .webix_tab_more_icon:focus {
color: #FFFFFF;
background-color: rgba(0, 0, 0, 0.4);
}
.webix_accordionitem_label {
height: 100%;
padding-left: 10px;
}
.webix_accordionitem_button {
float: right;
position: relative;
height: 11px;
width: 11px;
margin: 14.5px 13px;
}
.webix_carousel {
position: relative;
}
.webix_nav_panel {
bottom: 16px;
height: 14px;
line-height: 14px;
overflow: hidden;
position: absolute;
text-align: center;
padding: 2px 0;
}
.webix_nav_item {
display: inline-block;
height: 10px;
margin: 0 2px;
width: 10px;
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: 2px solid rgba(0, 0, 0, 0.15);
opacity: 0.6;
background: #fff;
}
.webix_nav_active {
border: 2px 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: 32px;
line-height: 32px;
position: absolute;
width: 32px;
}
.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: 80px;
}
.webix_nav_button_corner.webix_nav_button_prev {
bottom: 9px;
right: 44px;
}
.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: 9px;
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: 86px;
line-height: 86px;
width: 56px;
top: 50%;
margin-top: -43px;
}
.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 12px;
line-height: 31px;
cursor: pointer;
border-bottom: 1px solid #EDEFF0;
text-align: left;
border-color: #EDEFF0;
}
.webix_list_icon {
vertical-align: middle;
margin-right: 4px;
}
.webix_list_item.webix_invalid {
background-color: #ffeeee;
}
.webix_list_item.webix_selected {
color: #475466;
background: #F4F5F9;
}
.webix_list_item.webix_selected:focus {
background: #edeff5;
}
.webix_list .webix_list_item.webix_selected {
border-bottom: 1px solid #EDEFF0;
padding: 2px 12px;
}
.webix_group {
position: relative;
}
.webix_group_back,
.webix_group_back.webix_selected {
position: relative;
background: #F4F5F9;
font-family: Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
color: #313131;
letter-spacing: 0.2px;
}
.webix_arrow_icon {
position: absolute;
top: 50%;
bottom: 50%;
margin-top: -10px;
right: 8px;
width: 20px;
height: 20px;
line-height: 20px;
color: #475466;
font-size: 20px;
font-family: "Webix Material Icons";
}
.webix_arrow_icon:before {
content: '\F003';
}
.webix_group_back {
padding-left: 33px;
}
.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 12px;
line-height: 35px;
text-align: left;
background-color: #F4F5F9;
}
.webix_list-x .webix_list_item {
display: inline-block;
vertical-align: top;
border-right: 1px solid #EDEFF0;
border-bottom: none;
border-color: #EDEFF0;
}
.webix_list-x .webix_list_item.webix_selected {
border-left: 1px solid #EDEFF0;
border-right: 1px solid #EDEFF0;
padding-left: 11px;
}
.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: #FFFFFF;
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: #FFFFFF;
}
.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: 2px;
}
.webix_pager_item .webix_icon,
.webix_pager_item_selected .webix_icon {
line-height: 0;
font-size: 17px;
}
.webix_pager_item {
background: #F4F5F9;
color: #1CA1C1;
}
.webix_pager_item:hover {
background-color: #e7e9f2;
}
.webix_pager_item:focus {
background-color: #e7e9f2;
}
.webix_pager_item:active {
background-color: #daddeb;
}
.webix_pager_item:hover {
background-color: #e7e9f2;
}
.webix_pager_item:focus {
background-color: #e7e9f2;
}
.webix_pager_item:active {
background-color: #daddeb;
}
/*selected button of pager*/
.webix_pager_item_selected {
cursor: default;
}
.webix_pager_item_selected:hover {
background-color: #1992af;
}
.webix_pager_item_selected:focus {
background-color: #1992af;
}
.webix_pager_item_selected:active {
background-color: #17839d;
}
.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 12px;
line-height: 31px;
cursor: pointer;
border-bottom: 1px solid #EDEFF0;
text-align: left;
border-color: #EDEFF0;
border-right: 1px solid #EDEFF0;
}
.webix_dataview_item.webix_selected {
box-shadow: inset 2px 0 #1CA1C1;
}
.webix_dataview_item.webix_disabled {
color: #94A1B3;
}
.webix_dataview_item.webix_selected.webix_disabled {
box-shadow: inset 2px 0 #94A1B3;
}
.webix_dataview_item .webix_icon {
font-size: 20px;
}
/*default item in selected state*/
.webix_dataview_item.webix_selected {
color: #475466;
background: #F4F5F9;
border-bottom: 1px solid #EDEFF0;
border-right: 1px solid #EDEFF0;
}
.webix_dataview_item.webix_selected:focus {
background: #edeff5;
}
.webix_dataview_item.webix_invalid {
background-color: #ffeeee;
}
.webix_dataview_item.tiles {
border: 1px solid #EDEFF0;
-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: Roboto, sans-serif;
font-size: 13px;
color: #475466;
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: #475466;
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 #475466;
padding: 0 2px;
}
/*map*/
.webix_map_img {
width: 100%;
height: 100%;
position: absolu