/* FONT */
html, body, #app { min-height: 100%; }
body, body * {
  /* -ms-overflow-style: none;  */    /* IE и legacy Edge */
  /* scrollbar-width: none;        */ /* Firefox */
}

body::-webkit-scrollbar,
body *::-webkit-scrollbar {
  /* width: 0 !important; */
  /* height: 0 !important; */
}

body { background: linear-gradient(135deg, #59636b, #6c7881, #31373f) }
/* body { background: url(/imgs/bgr/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner.jpg) no-repeat; background-size: cover; } */
body, .webix_view, .webix_control input, .webix_control button, .webix_control textarea, .webix_el_label, .webix_inp_label, .webix_inp_top_label, .webix_inp_bottom_label, div.webix_inp_static, .webix_el_textarea textarea,
.webix_el_richselect .webix_inp_static, .webix_label_right, .webix_tooltip
{ font-family: segoe, "Segoe UI", roboto,arial,'open-sans'; font-size: 15px; font-weight: normal; color: #111; }
.webix_layout_wide { background: none; }
.white { background-color: white; }
.webix_layout_space > .webix_view, .webix_layout_wide > .webix_view { border-radius: unset; }

/* .webix_resizer { border-color: #fff; background-color: #fff;} */
.webix_inp_top_label { padding-bottom: 5px;}

/* TREES */
.webix_tree { background: linear-gradient(to right, #fff, #efefef 70%, #dfe4e7 94% ); }
.webix_tree_item { line-height: 28px; }
.webix_tree_item .noname { opacity:.3; font-style: italic; }
.webix_tree .webix_tree_item, .webix_tree .webix_tree_item.webix_selected { color: #111; }
.webix_tree .webix_tree_item i, .webix_tree .webix_tree_item.webix_selected i { padding:0; margin:0; font-size: 14px; vertical-align: baseline; }
.webix_tree .webix_tree_item i.no-icon, .webix_tree .webix_tree_item.webix_selected i.no-icon { width:5px; padding-left:5px;  }
/* .webix_tree .webix_tree_item span, .webix_tree .webix_tree_item.webix_selected span { padding-left:5px; } */
.webix_tree .webix_tree_item { height: 28px; }
.webix_tree .webix_tree_item img { height: 16px; vertical-align: sub; }
.webix_tree .webix_tree_item > div { /* float: left; */ height: 28px; }
.webix_tree .webix_tree_item > div.sep { font-size: 18px; vertical-align: middle; padding: 0 4px 0 2px; margin-top: -1px; }
.webix_tree .webix_tree_item .platform, .webix_tree .webix_tree_item .endpoint { width: 18px; height: 28px; display: inline-block; /* vertical-align: middle; */ }
.webix_tree .webix_tree_item .platform { background-position: center center; background-repeat: no-repeat; opacity: .5; padding-right: 5px; }
.webix_tree .webix_tree_item .platform.REP { background-image: url(../models/platforms/REP.svg); background-size: 14px; }
.webix_tree .webix_tree_item .platform.SEG { background-image: url(../models/platforms/SEG.svg); background-size: 16px; opacity: .75; }
.webix_tree .webix_tree_item .platform.FAL { background-image: url(../models/platforms/FAL.svg); background-size: 14px; }
.webix_tree .webix_tree_item .platform.BFL { background-image: url(../models/platforms/BFL.svg); background-size: 18px; }
.webix_tree .webix_tree_item .platform.RUN { background-image: url(../models/platforms/RUN.svg); background-size: 15px; opacity: .45; }
.webix_tree .webix_tree_item .platform.WIR { background-image: url(../models/platforms/WIR.svg); background-size: 15px; opacity: .75; }
.webix_tree .webix_tree_item .platform.WAV { background-image: url(../models/platforms/WAV.svg); background-size: 15px; opacity: .45; }
.webix_tree .webix_tree_item .endpoint { font-size: 15px; vertical-align: top; }
.webix_tree .webix_tree_item .endpoint i { width: 18px; height: 28px; display: inline-block; line-height: inherit; /* vertical-align: middle; */ opacity: .5; padding: 0 2px; }
.webix_tree .webix_tree_item .endpoint i::before { line-height: inherit; font-size: 16px; }
.webix_tree .webix_tree_item span:first-child, .webix_tree .webix_tree_item.webix_selected span:first-child { padding: 0 0 0 4px; }
.webix_tree .webix_tree_item .tree_title { font-size: 12px; font-style: italic; }
.webix_tree .webix_tree_item .video { color:#af0000; }
.webix_tree .webix_tree_item .text  { color:#1c47c5; }
.webix_tree .webix_tree_item .audio { color:#ad930b; }
.webix_tree .webix_scroll_cont > .webix_tree_leaves { padding: 10px 0 10px 10px; width: calc(100% - 10px); }
.webix_tree .webix_scroll_cont > .webix_tree_leaves > div { padding-left: 0px; }

.webix_tree .webix_tree_item:hover { background: linear-gradient(to right, rgba(255,255,255,0), rgba(0,0,0,0.1), rgba(0,0,0,0) ); box-shadow: inset 0px 3px 15px -15px rgba(0,0,0,.75);}
.webix_tree .webix_tree_item.webix_selected, .webix_tree .webix_tree_item.webix_selected:focus
{ background: #fff; box-shadow: 5px 0px 15px -10px rgba(0,0,0,.9); font-weight: 800; margin:0; }
.webix_tree_leaves > div { position: relative ;}
.webix_tree .webix_tree_item.webix_selected::after 
{ content:''; position: absolute; right:0; top:0; display:block; width:0; height:0; border:14px solid transparent; border-right: 8px solid #6c7881; }

.dict .webix_tree .webix_tree_item:hover { background: linear-gradient(to left, rgba(0,0,0,0.05), rgba(0,0,0,0.1) ); box-shadow: inset 0px 2px 15px -12px rgba(0,0,0,.7);}
.dict .webix_tree .webix_tree_item.webix_selected, .dict .webix_tree .webix_tree_item.webix_selected:focus
{ background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1) ); box-shadow: 15px 0px 15px -15px rgba(0,0,0,1); }
.webix_tree_line1 { background: url(/img/tree/line1.png); }
.webix_tree_line2 { background: url(/img/tree/line2.png); }
.webix_tree_line3 { background: url(/img/tree/line3.png); }
.webix_tree_img { background-color: transparent; cursor: default; width: 24px; height: 28px; }
/* .webix_tree_blank { width:12px; } */

.webix_tree_open, .webix_tree_close { font-family: fontello; font-size: 16px; font-weight: normal; color: #aaa; line-height: 28px; }
.webix_tree_open:before { content: '\e8cf';} 
.webix_tree_close:before { content: '\e8d1';}

.arch { width:10px; display: inline-block; float: left; height: 100%; margin-right: 0px; }


/* LIST */
.webix_list_item.webix_selected { box-shadow: inset 4px 0 #1CA1C1; }

/* BUTTONS */
.webix_secondary .webix_button { background: linear-gradient(170deg, #a3adb6, #6c737d); color: white; font-weight: 800; font-size: 15px; text-transform: uppercase; font-family: consolas, sans-serif; letter-spacing: 1px;}
.webix_secondary .webix_button:hover { background: linear-gradient(180deg, #6c7881, #363b42) }

/* RICH SELECT */
.darkselect .webix_inp_static { background: none; color: white;  }
/* .webix_el_richselect .webix_el_box { padding: 4px 0;} */
.clean .webix_inp_static { background: none; border-color: transparent; }

/* FORM */
/* .webix_form { box-shadow: inset 10px 0px 25px rgba(0,0,0,.25); } */
.mainform { background: linear-gradient(to right, rgba(0,0,0,.2), rgba(0,0,0,.08) 8%, rgb(238,238,238) 45%, rgb(246,246,246) 85%, #fff ); }
.mainform .webix_el_text input, .mainform .webix_el_combo input { border: 1px solid transparent; background: none; }
.mainform .webix_el_text input:active, .mainform .webix_el_text input:focus { border-bottom-color: #475466 }
.mainform .webix_view.webix_abslayout { background: none; background: radial-gradient( ellipse at top, rgba(255,255,255,1) 5%, rgba(255,255,255,0.1) 45% ); }
/* .webix_el_text input, .webix_el_search input, .webix_el_combo input, .webix_el_datepicker input, .webix_el_colorpicker input { border: 1px solid transparent; background: none; } */
/* .webix_el_text input:active, .webix_el_text input:focus { border: 1px solid rgba(0,0,0,0.05); border-bottom-color: #475466; } */
.webix_win_head { background: linear-gradient(to left, rgba(0,0,0,.01), rgba(0,0,0,.1)); }
.webix_win_head .webix_win_title { background: none; }

.desc textarea { padding:0 10px; border-color: transparent; background: none; }
.desc textarea:focus { border: 1px dotted #aaa; }
.webix_dtable { background: none; }
.webix_column > div, .webix_table_cell { padding: 0 4px; }
.webix_form input { }

/* BLOCKS */
.blok { box-shadow: 0px 6px 10px -10px rgba(0,0,0,.7); }
.blok .webix_header { background: none; }
.blok .webix_header > div { height: 45px; line-height: 28px; padding: 0 20px; font-size: 16px; text-align: center; font-weight: 800; text-transform: uppercase; color:#666;
  background: radial-gradient( ellipse at bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.015) 50%, rgba(255,255,255,0.15) );  
}
.blok .webix_list, .blokbody { background:rgba(255,255,255,.5);  }
.blok .webix_list_item, .blok .webix_list_item.webix_selected, .blok .webix_el_SELECT, .blok .webix_el_group { border-bottom: 1px solid #e0e0e0 !important;   }
.blok .webix_list_item, .blok .webix_list_item.webix_selected, .blok .webix_el_SELECT, .blok .webix_el_checkbox { background: #fff;  }
.blok .webix_list_item:hover, .blok .webix_el_SELECT:hover, .blok .webix_el_checkbox:hover { background: linear-gradient(to right, #fefefe, #f5f5f5);  }
span.job { min-width: 36px; display: inline-block; }
.blok .webix_el_box { padding:0; }
.blok .webix_el_SELECT { margin:0 !important;  border-bottom: 1px solid #e0e0e0 !important; }
.blok .webix_el_SELECT .webix_el_box { padding: 0; margin-bottom: 1px; }
.blok .webix_el_SELECT .webix_inp_static { border: none; line-height: 28px !important; padding:0 4px; width:65% !important; text-overflow: ellipsis; background: none; }
.blok .webix_el_box label, .webix_el_group label {  padding: 0 4px 0 10px; line-height: 28px !important; width:35% !important; text-overflow: ellipsis }
.blok .webix_list_item span, .blok .webix_el_box label { font-weight: 800; display: inline-block; color:#555 }
/* .blok .webix_el_checkbox { border-bottom: 1px solid #e0e0e0 !important; } */
.blok .webix_el_checkbox .webix_el_group { height: 29px; }
.blok .webix_el_checkbox label { width: calc(100% - 30px) !important; }
.blok .webix_el_checkbox button { width: 30px; float: right; line-height: 28px; }
.blok .webix_el_SELECT .webix_input_icon { display: none; }
.blok .webix_custom_checkbox { color:#444; margin-top: 0; }
.blok .webix_custom_checkbox:before { content: "--"; font-family: inherit; height: 29px; display: block; margin-top: -2px;   }
.blok .webix_checkbox_1 .webix_custom_checkbox:before { content: "\e85e"; font-family: fontello; font-size: 16px; line-height: 30px; }
.singleblok { height: 62px !important; }

/* TOP NAVIGATION */
.iconwhite .webix_button, .iconwhite .webix_button:hover, .iconwhite .webix_button:focus { background: none; width: auto; font-weight: normal; }
.iconwhite .webix_button { opacity:0.75 }
.iconwhite .webix_button:hover { opacity:1 }
.iconwhite .webix_button .webix_icon_btn { color:white; line-height: 30px; }
.webix_icon_btn { font-family: fontello;  }
.checkbox-white .webix_custom_checkbox { width: 30px; margin-left: 3px; color:white; cursor: pointer; }
.checkbox-white .webix_custom_checkbox:before { content: "\e8cd"; font-family: fontello;  }
.checkbox-white .webix_checkbox_1 .webix_custom_checkbox:before { content: "\e85e"; font-family: fontello;  }
.webix_icon_btn, .checkbox-white .webix_custom_checkbox { font-size: 18px; }
.topselect .webix_disabled { cursor: auto;  }
.topselect .webix_disabled_box { opacity: .1; }
.topselect .webix_inp_static { line-height: 26px !important; }

/* SELECT */
.webix_el_box select { background-color: #eee; color: black; padding: 2px; width: 250px; border: none; font-size: 14px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2); -webkit-appearance: button; appearance: button; outline: none; }
.webix_el_box select:active, .webix_el_box select:focus { border: none; }
.webix_el_box:hover::before { color: rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.2); }
.webix_el_box select option { padding: 30px; }

/* LIST ITEMS */
.webix_list_item, .webix_list .webix_list_item.webix_selected { cursor: default; line-height: 28px; padding: 0px 10px }
.webix_list_item:hover, .webix_menu.webix_view .webix_list_item:hover { background: linear-gradient(to right, #d3e5eb, #efefef); }
/* .webix_menu.webix_view .webix_list_item:hover  { background: linear-gradient(to right, #f4f4f4, #e9e9e9); } */
.webix_menu.webix_view .webix_list_item:active { background-color: #e5e5e5; }
.webix_menu .webix_context_separator { height:1px; background: linear-gradient(to right, #f0f0f0, #e0e0e0); ;}
.webix_menu .webix_context_separator .sep_line { /* border-top: 1px solid #d0d0d0; */ height:0; border: none; }

/* FOOTER */
.footer { background: none; color: white; font-weight: 800; opacity: .75; }
.footer:hover { opacity: 1; }
.footer .webix_template { font-family: consolas, 'segoe'; font-size: 16px; }

/* WINDOW */
/* .webix_win_head .webix_template { line-height: 36px; font-weight: 800; text-transform: uppercase; color: #555; }
.webix_win_body .webix_el_text input { border:none; border-bottom: 1px solid #eee; }
.webix_win_body .webix_el_text input:active, .webix_win_body .webix_el_text input:focus { border-bottom-color: #475466; } */

/* GALLERY */
:root {
  --gap: 8px;
  --ratio: '4/5';
}
.thumbgrid .webix_dataview_item { /* padding: 0 !important; */ background: transparent; }
.thumbgrid .cell { box-sizing: border-box; width: 100%; height: 100%; padding: var(--gap, 8px); }
.thumbgrid .inner { display: flex; flex-direction: column; }
.thumbgrid .ph { width: 100%; aspect-ratio: var(--ratio, 4/5); background: #f4f4f6; display:flex; align-items:center; justify-content:center; }
.thumbgrid img { width:100%; height: 100%; object-fit: cover; display:block; }
.thumbgrid .name {
  font: 12px/1.3 system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  padding: 6px 8px; color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  border-top: 1px solid rgba(0,0,0,.05);
  background: #fff;
}
.thumbgrid .selected .inner { outline: 2px solid #3899ec; outline-offset: -2px; }

.thumbs img { max-width: 100%; max-height: 100%; }
.thumbs .webix_dataview_item { opacity: .25; border:none; padding: 0; transition: opacity .25s; border:2px solid white;  /* width:100% !important; */ }
.thumbs .webix_dataview_item:hover { opacity: .5; }
.thumbs .webix_dataview_item.current { opacity: 1;}
.thumb { width: 100%; height: 100%; background-position: center; background-size: cover; }
/* .thumbs .webix_scroll_cont { container-type: inline-size; }
@container (max-width: 200px) { .thumbs .webix_dataview_item { width:100% !important; } }
@container (min-width: 200px) { .thumbs .webix_dataview_item { width:50% !important; }  }
@container (min-width: 300px) { .thumbs .webix_dataview_item { width:33% !important; } }
@container (min-width: 400px) { .thumbs .webix_dataview_item { width:25% !important; } } */



/* PREVIEW */
/* .preview { padding: 16px 0px;} */
.preview .webix_template { padding: 20px 8px; display: flex; text-align: center; align-items: center; justify-content: center; position: relative; }
.preview img { max-width: 100%; /* position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); */ }
.preview label { position: absolute; bottom: 0; padding:2px 6px; background: rgba(255,255,255,.95); font-size: 14px; font-family: consolas, segoe; }
.folder label, .folder input { width:auto !important; }
.folder label { font-weight: 800; }

.gallery .webix_button { background: transparent; }

/* .folder label { width:35% !important; }
.folder input { width:65% !important; } */

.webix_el_ICON .webix_el_box { padding:0 }
.webix_el_ICON .webix_el_box button { line-height: 32px; border-radius: 15px; }
.webix_el_ICON .webix_el_box button:hover { background: #fff; /* box-shadow: inset 0 -5px 0px rgba(0, 0, 0, 0.2); */ margin-top: -1px; }
.webix_el_ICON .webix_el_box button span.webix_icon_btn { width: 32px; margin: 0; color:#666; transition: all .5s;  }
.webix_el_ICON .webix_el_box button span.webix_icon_btn:hover { color: #111; text-shadow: 0 15px 10px rgba(0, 0, 0, 0.25); }
.webix_el_ICON .webix_el_box button span:before { font-size: 22px; line-height: 32px;  margin: 0; }


/* CUSTOM */
img { max-width: 100%; }
button { font-family: segoe, Roboto, sans-serif;}


.alignright { text-align: right; }
.lightgray { background: #ebedf0;  }
.halffade { opacity: .7;}

.inputs .lightgray { box-shadow: inset -10px 2px 18px -5px rgba(0,0,0,.4); }
/* .inputs .webix_list_item { box-shadow: 0px 0px 15px 0px rgba(0,0,0,.4); } */

.webix_primary .webix_button { background: #41adc7; font-size: 17px;  }
.webix_el_button.webix_primary { box-shadow: 0px 4px 18px -3px rgba(0, 0, 0, .7); }
.webix_primary .webix_button span { font-size: 14px; }
.webix_primary .webix_button span span { background: #e5e3a9; background-color: #cae7e5; padding:0 5px; color:#111; font-weight: 800; }

.log { font-weight: bold; }
.logInfo { color: olivedrab; }
.logErrorsuccess { color: limegreen; }
.logError { color: indianred;}
/* .webix_view { font-size: 16px; } */
/* .webix_layout_space > div { box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) ;} */
/* .webix_inp_label, .webix_inp_top_label, legend.webix_forminput_label, .webix_el_label .webix_el_box, div.webix_inp_static, .webix_el_textarea textarea { font-family: segoe; } */
/* .webix_layout_space { background-color: #EBEDF0; } */
/* .webix_layout_space, .webix_resizer { background-color: #dfe2e7; } */
/* .webix_inp_label, .webix_inp_top_label, .webix_label_right { text-transform: uppercase; } */
/* .webix_resizer { background-color: #dadada; } */
/* .webix_resizer_vx { background: linear-gradient(to right, #eee, #ebedf0, #eee);} */
/* .webix_resizer_y { background: linear-gradient(#eee, #ebedf0, #eee);} */
.webix_el_box { padding:0; }
/* .webix_view[view_id="info"] { background: none; } */

/* .webix_tree .webix_scroll_cont > .webix_tree_leaves { padding: 4px; } */
.webix_tree_item.webix_selected { font-weight: bold; }
.webix_tree_file, .webix_tree_folder, .webix_tree_folder_open { display: none; }

.webix_el_select select { height: 90%; }

.info .webix_template { padding: 20px;}
.info h1 { text-align: center; background: #ebedf0; margin: -10px; font-size: 14px; padding: 6px 0; border-bottom: 1px solid gray; text-transform: uppercase; }
.info h2 { text-align: center; margin: 0; padding: 16px 0 8px; font-size: 20px;  border-bottom: 1px dotted #ccc;  }
.info h3 { margin:10px 0; }
.info h4 { font-size: 16px; font-weight: bold; }
.info p { margin: 12px 0; }

/* .webix_inp_label, .webix_inp_top_label, legend.webix_forminput_label, .webix_el_label .webix_el_box { font-family: segoe,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;} */
.webix_inp_label, .webix_inp_top_label, legend.webix_forminput_label, .webix_el_label .webix_el_box,
.webix_control input, .webix_control button, .webix_control textarea, .webix_el_label, .webix_inp_label, .webix_inp_top_label, .webix_inp_bottom_label
{ font-family: segoe, sans-serif; font-weight: 700;}

.login { background: #f0f0f0; margin: 0; padding: 0; height: 90%; box-sizing: border-box;}
.login form { vertical-align: middle; text-align: center; padding: 5% 0 0; }
.login form input { margin-bottom: 10px; padding: 5px 16px;}
.login form button { padding: 5px 20px;}
.hr { border: none; border-bottom: 1px dotted #777 !important; border-radius:unset !important; height: 0 !important; }
.webix_el_checkbox .webix_label_right {  /* padding-top: 4px; */ font-weight: bold; }
.webix_section > .webix_template { margin-left: 12px; font-size: 14px; font-weight: 400; }
.webix_section:before { background-color: #aab3b7; }
.webix_view[view_id="aspectBox"], .webix_view[view_id="aspectBox"] .webix_template { height: auto !important;  }
.webix_el_text label { width:auto !important; /* max-width: 50%; */ }
.webix_el_text input[type="number"] { width:100px !important; }
.webix_el_text input[type="number"] { float: right;}
/* .webix_el_text label, .webix_el_text input[type="number"] { float: none; display: inline-block; } */
/* .webix_slider_box { padding-top: 14px;}
.webix_slider_box .webix_slider_handle { top: 9px; } */
.webix_slider_title.webix_slider_move { font-weight: bold; }
.webix_el_counter .webix_el_box { width: auto !important; }
div[role="spinbutton"] input { min-width: 50px; }
.webix_el_counter .webix_inp_counter_value { font-family: segoe,Roboto, sans-serif; font-weight: normal; }

.upload { height: auto !important; background: transparent; }
.upload .webix_list_item { padding: 5px 10px;}
.upload .webix_list_item:first-child { padding-top: 10px;}
.upload .webix_list_item:last-child { padding-bottom: 10px;}
.upload h4 { margin: 0; text-align: center; background: linear-gradient(to bottom, #a7b0bf, #7c818b ); padding: 2px 0; font-weight: 700; color:#fff; box-shadow: 0px 8px 12px 0 rgba(0, 0, 0, 0.4); }
.upload img, .upload video { max-width:100%; height:auto; cursor:pointer; box-shadow: 0px -2px 12px 0 rgba(0, 0, 0, 0.3); }
.upload input { width: calc(100% - 2px); padding: 4px 0; text-align: center;  }

.dropzone { position: relative;  height: auto; text-align: center; }
.dropzone .drop-hint { display:none; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3);
  color:#fff; font-size:14px; text-align:center; line-height:100px; }
.dropzone:hover .drop-hint { display:block; }

.thumb-closer { position:absolute; top:4px; right:4px; background: linear-gradient(to bottom, #a7b0bf, #7c818b );
  color:#fff; padding:0px 10px; border-radius:10px; font-size:14px; cursor:pointer; opacity:0; transition:opacity 0.2s; }
.dropzone:hover .thumb-closer { opacity:1; }


.result .webix_template { padding: 10px; overflow: auto; }
.result1 img { max-width:100%; max-height: 100%; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.result img { max-width:100%; max-height: 100%; width: auto; height: auto; }
.result video { max-width:100%; max-height: 100%; width: auto; height: auto; }
.result audio { width:100%; }
.result pre { background: #ebedf0; margin: 10px; padding: 10px 15px; white-space: normal; box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .25); }
.result .gallery { overflow: auto; }
.console { font-family: consolas, segoe, Roboto, sans-serif; height: auto !important;}

/* .webix_form .webix_control { border-top: 1px solid #bbb !important; padding-top: 10px !important;} */
/* .webix_form .webix_control:first-child { border-top: none !important; padding-top: 0px !important;} */

.webix_tooltip { background-color: #fffde3; color: #222; font-weight: normal; max-width: 500px; border-radius: none; border:1px solid #ccc; padding:6px 10px; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4); }
.webix_tooltip strong { font-weight: 800; }

.webix_el_richselect .webix_inp_static { padding: 2px 12px; padding-right: 20px; }
.webix_el_richselect .webix_input_icon { padding-top:5px !important; }

.prompt label { color:#ddd }
.prompt textarea { width: 100% !important; padding:6px 12px; }

.webix_custom_checkbox { width: 20px; margin-left: 0px; }
.webix_el_checkbox button { font-weight: normal; height: 29px; text-align: center; }
.webix_el_checkbox .webix_el_group { height: unset; }
.webix_custom_checkbox:before { content: "\f096"; font-family: fontello; color:#444; font-size: 18px; cursor: default; }
.webix_checkbox_1 .webix_custom_checkbox:before { content: /* "\e85e" */ '\e92b'; font-family: fontello; color:#444; padding-left:1px; /* font-size: 19px; */  }
.webix_icon_btn, .webix_custom_checkbox { font-size: 18px; }
.webix_control.webix_el_checkbox label { width: calc(100% - 45px) !important; height: 30px; line-height: 30px !important; }
.webix_el_checkbox .webix_label_right { padding-top:0; }

.active { margin-top: -5px !important; opacity: 0.75;  }
.active:hover { opacity: 1; }
.active .webix_custom_checkbox { height: 26px; font-weight: 500; }
.active .webix_custom_checkbox:before { content: "--"; font-family: inherit; display: block; color: #fff; cursor: pointer; }
.active .webix_checkbox_1 .webix_custom_checkbox:before { content: "\e85e"; font-family: fontello; font-size: 18px; line-height: 24px; }

.settings .webix_control { border:none; /* border-bottom: 1px dotted transparent; */ border-top: 1px dotted #444; margin:0 !important; /* margin:0 !important; */ padding:10px 15px; }
.settings .webix_control label { text-align: left !important; }
.settings .webix_control.webix_el_richselect .webix_el_box, .settings .webix_control.webix_el_counter .webix_el_box { margin-top: 5px; }

.webix_accordionitem.vertical > .webix_accordionitem_header .webix_accordionitem_button { height: 38px; }
.webix_accordionitem .webix_accordionitem_header { line-height: 38px; background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(0,0,0,.05));; }

.title { background: none; font-size: 24px; color: #fff; font-weight: 700; }
.title .webix_template { padding: 0; display: inline-flex; align-items: end; width: 100%; }
.title .webix_template > div  { align-items: baseline; display: inline-flex; flex:1; overflow: hidden; }
.title .webix_template > div > div { padding: 0 3px; }
.title .webix_template > div > div a { color:#fff; text-decoration: none; }
.title .webix_template > div > div a:hover { color:#9acad5; }
.title .platform a { font-weight: 800; opacity:1; color:#9acad5 }
.title .owner a { font-weight: 700; opacity:1; color:#fff }
.title .name a { font-weight: 500; }
.title .separator { font-weight: 500; opacity:.75 }
.title .desc { font-size: 14px; font-weight: normal; padding-left:8px; white-space: nowrap ; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; flex: 0.99; opacity: .5; }
.title img { max-height:100%; vertical-align: middle; padding-right:5px; /* background-color: white; border-radius: 15px; padding: 5px; */ }
.title img.platform { filter: invert(0.75); }

.cost { background: none; color:#bbb; display: flex; }
.cost .webix_template { padding: 0; font-size: 14px; text-align: left; font-style: italic; align-items: center;  }
.cost .webix_template span { color:#fff;  }

.webix_view.webix_form.prompts { background:none; }

.webix_view.webix_control > .webix_disabled { opacity: 0.35; }
.webix_view > .webix_disabled { background-color:#cfd2d5 }

.webix_el_richselect.filter .webix_inp_static { width: 100% !important;}

.webix_list_item, .webix_list_item.menu { text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #e0e0e0; }
/* .webix_list_item.menu { text-overflow: ellipsis; white-space: nowrap; border-bottom:1px solid #eee; } */

.platformCount { background: none; padding: 0px; }
.platformCount .webix_template { padding: 0 0px; line-height: 30px; height: 30px; background: #888; /* border-radius: 30px;  */color: #fff; text-align: center;  font-weight: bold; }
.platformCount .webix_template.badge1 { background:#1CA1C1; }   /* зелен */
.platformCount .webix_template.badge2 { background:#dba400; }   /* оранжев */
.platformCount .webix_template.badge3 { background:#d13e34; }   /* червен */
.platformCount .webix_template.badge5 { background:#4caf50; }   /* зелен */

/* .result .webix_template { position: relative; } */
.cover { width: 100%; height: 100%; background: #fff var(--ba-hor) var(--ba-ver) no-repeat; background-size:var(--ba-view); position: relative; }

:root {
  --ba-view: contain;
  --ba-hor: center;
  --ba-ver: top;
}

.ba-container { position: relative; width: 100%; height: 100%; overflow: hidden; user-select: none; }
.ba-slide { position: absolute; width: 100%; height: 100%; background-color: #fff; }
.ba-slide > div { width:100%; height:100%; background-repeat: no-repeat; background-size: var(--ba-view); background-position: var(--ba-hor) var(--ba-ver);   }
/* .ba-slide img { inset: 0; width: 100%; height: 100%; object-fit: cover; } */ /* или cover/contain/fill/scale-down според теб */
/* .ba-before img { width: 50%; } */

/* .ba-container .ba-after { clip-path: inset(0 50% 0 0); } */
.ba-slider-range { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; opacity: 0; }
.ba-slider-line { position: absolute; top: 0; bottom: 0; width: 2px; background: rgba(255,255,255,.95); left: calc(var(--ba-pos, 50%) - 1px); pointer-events: none; }
.ba-slider-button { position: absolute; background: rgba(255,255,255,1) url(../img/ba.svg) no-repeat center center; padding: 20px; border-radius: 20px; 
  display: grid; place-items: center; top: 50%; left: var(--ba-pos,50%); transform: translate(-50%, -50%); pointer-events: none;
}
i.ba-icon { position: absolute; color: #fff; font-size: 24px; width: 24px; height: 24px;  margin: 0; padding: 0; cursor: pointer; text-align: center; text-shadow: 0 0 5px #000; }
i.ba-icon::before { margin: 0; padding: 0; }
i.ba-res { top: 12px; right: 10px; font-size: 20px; }
i.ba-hor { top: 12px; right: 40px;  }
i.ba-ver { top: 40px; right: 10px;  }

.stat { background: none; color: #fff; margin-top: -2px !important; }
.stat .webix_template { padding: 0;}

.textarea-wrapper { position: relative; }
.textarea-tools { position: absolute; right: 0px; bottom: 4px; background: transparent; z-index: 10; }
.textarea-tools, .textarea-tools .webix_el_button { height: 20px !important; }
.textarea-tools .webix_el_button .webix_el_box { overflow: visible; }
.textarea-tools .webix_button, .textarea-tools .webix_button:hover { background: none; }
.textarea-tools .webix_button .webix_icon_btn { font-size: 20px; color:#626a74 }
.textarea-tools .webix_button:hover .webix_icon_btn { color:#41adc7 }

.webix_el_text input { font-weight: normal; padding: 0px 6px; }
.webix_el_textarea textarea, .webix_textarea_measure { padding: 5px 8px; }
.webix_el_textarea textarea { font-weight: normal; }
.webix_el_richselect .webix_inp_static { padding: 2px 16px 2px 6px; }

.xform-thumbs .webix_list_item, .xform-thumbs .webix_list_item.webix_selected { padding: 0;  }
.xform-thumbs span, .xform-thumbs label { /* display: inline-flex; */ float: left; vertical-align: middle; }
.xform-thumbs span, .webix_drag_zone span { width:100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center;  }
.webix_drag_zone > div { padding: 0; }
.webix_drag_zone span { display: block; }
.xform-thumbs label { white-space: pre-line ; font-size: 13px; line-height: 14px; color: #999; width: calc(100% - 100px); margin: 0 5px; }
.xform-name input { font-weight: 700; font-size: 18px; }

.CRUD .webix_inp_top_label, .CRUD label, .CRUD .title { text-transform: uppercase; font-size: 12px; color:#348a9f; padding-left: 4px; background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,.02)); }
.CRUD .webix_el_label.title { line-height: 19px; padding: 3px 5px; }
.CRUD .webix_secondary .webix_button .webix_icon_btn { color:#fff; background: none; max-width: unset !important; width:100% }
.CRUD .webix_secondary .webix_button .webix_icon_btn.icon-paste { font-size: 14px; text-align: center;  }
.CRUD .webix_secondary .webix_button  { /* background: none; color: #348a9f; */ }

.affects-pricing { background: #fffde3; /* #f3e7e6; */ }

.webix_multiview .webix_template { padding: 10px;}
/* .webix_all_segments .webix_segment_1, .webix_all_segments .webix_segment_N { background-color: #41adc7; color:#fff; }
.webix_segment_0.webix_selected, .webix_segment_1.webix_selected, .webix_segment_N.webix_selected { background-color:#fff; color:#111; } */