a broker system for Supercredit
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

8661 lignes
247KB

  1. .webix_view {
  2. font-family: Roboto, sans-serif;
  3. font-size: 14px;
  4. font-weight: 400;
  5. color: #475466;
  6. letter-spacing: 0.2px;
  7. -webkit-font-smoothing: antialiased;
  8. cursor: default;
  9. overflow: hidden;
  10. border: 0px solid #DADEE0;
  11. background-color: #FFFFFF;
  12. white-space: normal;
  13. -webkit-appearance: none;
  14. }
  15. .webix_view.webix_form {
  16. background-color: #FFFFFF;
  17. /*.webix_view{
  18. background-color: @backColor;
  19. }*/
  20. }
  21. body {
  22. -webkit-tap-highlight-color: transparent !important;
  23. }
  24. /*
  25. webix_layout_{type}
  26. known types are: line, clean, wide, space;
  27. */
  28. .webix_abslayout {
  29. position: relative;
  30. }
  31. .webix_abslayout > .webix_view {
  32. position: absolute !important;
  33. }
  34. .webix_layout_space {
  35. background-color: #EBEDF0;
  36. }
  37. .webix_layout_wide {
  38. background-color: #EBEDF0;
  39. }
  40. .webix_layout_line,
  41. .webix_multiview,
  42. .webix_layout_clean,
  43. .webix_layout_accordion {
  44. background: transparent;
  45. }
  46. .webix_overlay {
  47. width: 100%;
  48. height: 100%;
  49. position: absolute;
  50. z-index: 90;
  51. text-align: center;
  52. padding-top: 10px;
  53. -moz-box-sizing: border-box;
  54. -webkit-box-sizing: border-box;
  55. box-sizing: border-box;
  56. }
  57. .webix_view > .webix_disabled {
  58. width: 100%;
  59. height: 100%;
  60. position: absolute;
  61. top: 0;
  62. left: 0;
  63. background-color: #ddd;
  64. opacity: 0.4;
  65. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  66. z-index: 92;
  67. cursor: not-allowed;
  68. }
  69. .webix_disabled_view {
  70. overflow: hidden !important;
  71. position: relative;
  72. }
  73. body.webix_full_screen {
  74. margin: 0;
  75. padding: 0;
  76. overflow: hidden;
  77. }
  78. body.webix_noselect {
  79. overscroll-behavior: none;
  80. }
  81. .webix_noselect,
  82. .webix_noselect div {
  83. -moz-user-select: none;
  84. -webkit-user-select: none;
  85. -ms-user-select: none;
  86. user-select: none;
  87. }
  88. .webix_selectable {
  89. -moz-user-select: text;
  90. -webkit-user-select: text;
  91. user-select: text;
  92. }
  93. .webix_template {
  94. height: 100%;
  95. padding: 4px 12px;
  96. -moz-box-sizing: border-box;
  97. -webkit-box-sizing: border-box;
  98. box-sizing: border-box;
  99. }
  100. .webix_clean {
  101. background: transparent;
  102. }
  103. .webix_clean .webix_template {
  104. padding: 0px;
  105. }
  106. .webix_section {
  107. -moz-box-sizing: border-box;
  108. -webkit-box-sizing: border-box;
  109. box-sizing: border-box;
  110. background-color: transparent;
  111. position: relative;
  112. color: #444;
  113. font-size: 10px;
  114. text-transform: uppercase;
  115. line-height: 44px;
  116. }
  117. .webix_section:before {
  118. content: '';
  119. display: block;
  120. width: 100%;
  121. height: 1px;
  122. background-color: #DADEE0;
  123. position: absolute;
  124. top: 50%;
  125. }
  126. .webix_section > .webix_template {
  127. padding: 0px 8px;
  128. margin-left: 30px;
  129. background-color: #FFFFFF;
  130. display: inline;
  131. position: relative;
  132. }
  133. .webix_layout_space > .webix_section > .webix_template {
  134. padding: 0px 8px;
  135. background-color: #EBEDF0;
  136. }
  137. .webix_layout_wide > .webix_section > .webix_template {
  138. padding: 0px 8px;
  139. background-color: #EBEDF0;
  140. }
  141. .webix_layout_line > .webix_section > .webix_template,
  142. .webix_layout_clean > .webix_section > .webix_template {
  143. padding: 0px 8px;
  144. background-color: #FFFFFF;
  145. }
  146. .webix_header {
  147. font-family: Roboto, sans-serif;
  148. font-size: 16px;
  149. font-weight: 500;
  150. color: #475466;
  151. letter-spacing: 0px;
  152. line-height: 42px;
  153. }
  154. .webix_header .webix_el_label .webix_el_box {
  155. font-family: Roboto, sans-serif;
  156. font-size: 16px;
  157. font-weight: 500;
  158. color: #475466;
  159. letter-spacing: 0px;
  160. }
  161. .webix_header.webix_dark {
  162. background: #657584;
  163. border-color: #657584;
  164. }
  165. .webix_header.webix_dark .webix_el_button,
  166. .webix_header.webix_dark .webix_el_label .webix_el_box,
  167. .webix_header.webix_dark .webix_inp_label,
  168. .webix_header.webix_dark .webix_inp_top_label {
  169. color: #FFFFFF;
  170. }
  171. .webix_header.webix_dark .webix_secondary .webix_icon,
  172. .webix_header.webix_dark .webix_transparent .webix_icon,
  173. .webix_header.webix_dark .webix_secondary .webix_img_btn_text,
  174. .webix_header.webix_dark .webix_transparent .webix_img_btn_text,
  175. .webix_header.webix_dark .webix_secondary .webix_icon_btn,
  176. .webix_header.webix_dark .webix_transparent .webix_icon_btn {
  177. color: #FFFFFF;
  178. }
  179. .webix_header.webix_dark .webix_transparent button {
  180. color: #FFFFFF;
  181. }
  182. .webix_header.webix_dark .webix_transparent button:hover,
  183. .webix_header.webix_dark .webix_transparent button:focus {
  184. background-color: rgba(0, 0, 0, 0.2);
  185. }
  186. .webix_header.webix_dark .webix_transparent button:active {
  187. background-color: rgba(0, 0, 0, 0.4);
  188. }
  189. .webix_header.webix_dark .webix_secondary button,
  190. .webix_header.webix_dark .webix_inp_counter_next,
  191. .webix_header.webix_dark .webix_inp_counter_prev,
  192. .webix_header.webix_dark .webix_segment_0,
  193. .webix_header.webix_dark .webix_segment_1,
  194. .webix_header.webix_dark .webix_segment_N,
  195. .webix_header.webix_dark .webix_menu-x .webix_list_item {
  196. background-color: rgba(0, 0, 0, 0.2);
  197. color: #FFFFFF;
  198. border-color: transparent;
  199. }
  200. .webix_header.webix_dark .webix_view > .webix_template {
  201. color: #FFFFFF;
  202. background-color: #657584;
  203. }
  204. .webix_header.webix_dark .webix_secondary button:hover,
  205. .webix_header.webix_dark .webix_menu-x .webix_list_item:hover,
  206. .webix_header.webix_dark .webix_inp_counter_next:hover,
  207. .webix_header.webix_dark .webix_inp_counter_prev:hover,
  208. .webix_header.webix_dark .webix_segment_0:hover,
  209. .webix_header.webix_dark .webix_segment_1:hover,
  210. .webix_header.webix_dark .webix_segment_N:hover {
  211. color: #FFFFFF;
  212. background-color: rgba(0, 0, 0, 0.4);
  213. }
  214. .webix_header.webix_dark .webix_secondary button:focus,
  215. .webix_header.webix_dark .webix_menu-x .webix_list_item:focus,
  216. .webix_header.webix_dark .webix_inp_counter_next:focus,
  217. .webix_header.webix_dark .webix_inp_counter_prev:focus,
  218. .webix_header.webix_dark .webix_segment_0:focus,
  219. .webix_header.webix_dark .webix_segment_1:focus,
  220. .webix_header.webix_dark .webix_segment_N:focus {
  221. background-color: rgba(0, 0, 0, 0.4);
  222. color: #FFFFFF;
  223. }
  224. .webix_header.webix_dark .webix_secondary button:active,
  225. .webix_header.webix_dark .webix_menu-x .webix_list_item:active,
  226. .webix_header.webix_dark .webix_inp_counter_next:active,
  227. .webix_header.webix_dark .webix_inp_counter_prev:active,
  228. .webix_header.webix_dark .webix_segment_0:active,
  229. .webix_header.webix_dark .webix_segment_1:active,
  230. .webix_header.webix_dark .webix_segment_N:active {
  231. background-color: rgba(0, 0, 0, 0.5);
  232. color: #FFFFFF;
  233. }
  234. .webix_header.webix_dark .webix_inp_static,
  235. .webix_header.webix_dark input[type=text],
  236. .webix_header.webix_dark input[type=combo],
  237. .webix_header.webix_dark textarea,
  238. .webix_header.webix_dark select,
  239. .webix_header.webix_dark .webix_text_highlight {
  240. border-color: transparent;
  241. background-color: rgba(0, 0, 0, 0.2);
  242. color: rgba(255, 255, 255, 0.7);
  243. }
  244. .webix_header.webix_dark .webix_el_texthighlight input,
  245. .webix_header.webix_dark .webix_el_texthighlight textarea {
  246. caret-color: rgba(255, 255, 255, 0.7);
  247. }
  248. .webix_header.webix_dark .webix_inp_static input[type=text] {
  249. background-color: transparent;
  250. }
  251. .webix_header.webix_dark select option {
  252. background-color: #657584;
  253. color: #FFFFFF;
  254. }
  255. .webix_header.webix_dark .webix_multicombo_value,
  256. .webix_header.webix_dark .webix_multicombo_tag {
  257. color: #657584;
  258. }
  259. .webix_header.webix_dark .webix_inp_static:focus,
  260. .webix_header.webix_dark input[type=text]:focus,
  261. .webix_header.webix_dark input[type=combo]:focus,
  262. .webix_header.webix_dark textarea:focus,
  263. .webix_header.webix_dark select:focus {
  264. border-color: #FFFFFF;
  265. box-shadow: none;
  266. }
  267. .webix_header.webix_dark .webix_el_counter button {
  268. background-color: rgba(0, 0, 0, 0.3);
  269. }
  270. .webix_header.webix_dark .webix_el_counter input[type=text]:focus {
  271. border-color: transparent;
  272. }
  273. .webix_header.webix_dark .webix_placeholder {
  274. color: rgba(255, 255, 255, 0.4);
  275. }
  276. .webix_header.webix_dark ::-webkit-input-placeholder {
  277. color: rgba(255, 255, 255, 0.4);
  278. }
  279. .webix_header.webix_dark ::-moz-placeholder {
  280. color: rgba(255, 255, 255, 0.4);
  281. }
  282. .webix_header.webix_dark :-moz-placeholder {
  283. color: rgba(255, 255, 255, 0.4);
  284. }
  285. .webix_header.webix_dark :-ms-input-placeholder {
  286. color: rgba(255, 255, 255, 0.4);
  287. }
  288. .webix_header.webix_dark .webix_input_icon {
  289. color: rgba(255, 255, 255, 0.7);
  290. }
  291. .webix_header.webix_dark .webix_selected.webix_segment_0,
  292. .webix_header.webix_dark .webix_selected.webix_segment_1,
  293. .webix_header.webix_dark .webix_selected.webix_segment_N {
  294. background: #1CA1C1;
  295. color: #FFFFFF;
  296. }
  297. .webix_header.webix_dark .webix_selected.webix_segment_0:hover,
  298. .webix_header.webix_dark .webix_selected.webix_segment_1:hover,
  299. .webix_header.webix_dark .webix_selected.webix_segment_N:hover {
  300. background-color: #1992af;
  301. }
  302. .webix_header.webix_dark .webix_selected.webix_segment_0:focus,
  303. .webix_header.webix_dark .webix_selected.webix_segment_1:focus,
  304. .webix_header.webix_dark .webix_selected.webix_segment_N:focus {
  305. background-color: #1992af;
  306. }
  307. .webix_header.webix_dark .webix_selected.webix_segment_0:active,
  308. .webix_header.webix_dark .webix_selected.webix_segment_1:active,
  309. .webix_header.webix_dark .webix_selected.webix_segment_N:active {
  310. background-color: #17839d;
  311. }
  312. .webix_header.webix_dark .webix_el_icon,
  313. .webix_header.webix_dark .webix_icon_button {
  314. color: #FFFFFF;
  315. }
  316. .webix_header.webix_dark .webix_control {
  317. border-color: #1CA1C1;
  318. }
  319. .webix_header.webix_dark .webix_icon_button:hover:before {
  320. background-color: rgba(0, 0, 0, 0.2);
  321. }
  322. .webix_header.webix_dark .webix_icon_button:hover .webix_icon {
  323. opacity: 1;
  324. }
  325. .webix_header.webix_dark .webix_icon_button .webix_icon {
  326. color: #FFFFFF;
  327. opacity: 0.7;
  328. }
  329. .webix_header.webix_dark .webix_custom_checkbox,
  330. .webix_header.webix_dark .webix_custom_radio {
  331. color: #FFFFFF;
  332. }
  333. .webix_header.webix_dark .webix_custom_checkbox:focus,
  334. .webix_header.webix_dark .webix_custom_radio:focus {
  335. color: #f0f0f0;
  336. }
  337. .webix_header.webix_dark .webix_label_right {
  338. color: #FFFFFF;
  339. }
  340. .webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_button {
  341. color: rgba(255, 255, 255, 0.4);
  342. background: rgba(0, 0, 0, 0.1);
  343. text-shadow: none;
  344. }
  345. .webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_img_btn_text {
  346. color: rgba(255, 255, 255, 0.4);
  347. }
  348. .webix_header.webix_dark .webix_disabled_view.webix_control .webix_icon_btn,
  349. .webix_header.webix_dark .webix_disabled_view.webix_control .webix_icon {
  350. color: rgba(255, 255, 255, 0.4);
  351. }
  352. .webix_header.webix_dark .webix_disabled_view.webix_menu-x .webix_list_item.menu {
  353. background-color: rgba(0, 0, 0, 0.1);
  354. color: rgba(255, 255, 255, 0.4);
  355. }
  356. .webix_header.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon,
  357. .webix_header.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_disabled_box .webix_img_btn_text,
  358. .webix_header.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon_btn {
  359. color: rgba(255, 255, 255, 0.4);
  360. }
  361. .webix_header.webix_dark .webix_view.webix_control .webix_disabled_box label,
  362. .webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_input_icon,
  363. .webix_header.webix_dark .webix_view.webix_control .webix_disabled_box button {
  364. color: rgba(255, 255, 255, 0.4);
  365. }
  366. .webix_header.webix_dark .webix_view.webix_control .webix_disabled_box input,
  367. .webix_header.webix_dark .webix_view.webix_control .webix_disabled_box select,
  368. .webix_header.webix_dark .webix_view.webix_control .webix_disabled_box textarea,
  369. .webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static,
  370. .webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_prev,
  371. .webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_next {
  372. color: rgba(255, 255, 255, 0.4);
  373. background: rgba(0, 0, 0, 0.1);
  374. border-color: transparent;
  375. }
  376. .webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static input {
  377. background-color: transparent;
  378. }
  379. .webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_0,
  380. .webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_1,
  381. .webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_N,
  382. .webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_item_tab {
  383. color: rgba(255, 255, 255, 0.4);
  384. background: rgba(0, 0, 0, 0.1);
  385. text-shadow: none;
  386. }
  387. .webix_header.webix_dark .webix_disabled_top_label {
  388. color: rgba(255, 255, 255, 0.4);
  389. }
  390. .webix_header.webix_dark .webix_invalid .webix_el_box input,
  391. .webix_header.webix_dark .webix_invalid .webix_el_box .webix_inp_static,
  392. .webix_header.webix_dark .webix_invalid .webix_el_box select,
  393. .webix_header.webix_dark .webix_invalid .webix_el_box textarea,
  394. .webix_header.webix_dark input.webix_invalid,
  395. .webix_header.webix_dark select.webix_invalid,
  396. .webix_header.webix_dark textarea.webix_invalid {
  397. color: #ffdedb;
  398. background-color: rgba(255, 92, 76, 0.3);
  399. border-color: #ff8d82;
  400. }
  401. .webix_header.webix_dark .webix_invalid .webix_multicombo_value,
  402. .webix_header.webix_dark .webix_invalid .webix_multicombo_tag {
  403. color: #FF5C4C;
  404. }
  405. .webix_header.webix_dark .webix_invalid .webix_el_box .webix_inp_static input {
  406. background-color: transparent;
  407. }
  408. .webix_header.webix_dark {
  409. color: #FFFFFF;
  410. }
  411. .webix_header > div {
  412. line-height: 44px;
  413. padding-left: 10px;
  414. padding-top: 0;
  415. padding-bottom: 0;
  416. }
  417. .webix_spacer {
  418. background: transparent;
  419. }
  420. .webix_view_animate {
  421. position: relative;
  422. width: 100%;
  423. height: 100%;
  424. }
  425. x\:ui {
  426. display: none;
  427. }
  428. .webix_view.webix_flexlayout {
  429. display: flex !important;
  430. flex-wrap: wrap;
  431. flex-direction: row;
  432. overflow: hidden;
  433. box-sizing: border-box;
  434. }
  435. .webix_flexlayout > div {
  436. display: block !important;
  437. }
  438. .webix_view_align {
  439. background: transparent;
  440. }
  441. .webix_view div,
  442. .webix_view span,
  443. .webix_view a.webix_list_item,
  444. .webix_view.webix_window {
  445. outline: none;
  446. }
  447. textarea,
  448. input,
  449. select,
  450. button,
  451. .webix_view div.webix_inp_static:focus {
  452. outline: none;
  453. }
  454. .webix_resize_area {
  455. position: absolute;
  456. top: 0px;
  457. left: 0px;
  458. width: 100%;
  459. height: 100%;
  460. }
  461. .webix_resize_handle_x .webix_handle_content,
  462. .webix_resize_handle_y .webix_handle_content {
  463. width: 100%;
  464. height: 100%;
  465. background: rgba(100, 100, 100, 0.1);
  466. border: 1px dotted #ebebeb;
  467. }
  468. .webix_resize_handle_x {
  469. -moz-box-sizing: border-box;
  470. -webkit-box-sizing: border-box;
  471. box-sizing: border-box;
  472. cursor: ew-resize;
  473. width: 1px;
  474. height: 100%;
  475. position: absolute;
  476. z-index: 2;
  477. top: 0px;
  478. }
  479. .webix_resize_handle_x .webix_handle_content {
  480. border-width: 0px 1px;
  481. }
  482. .webix_resize_origin_x {
  483. cursor: ew-resize;
  484. width: 3px;
  485. height: 100%;
  486. position: absolute;
  487. z-index: 2;
  488. top: 0px;
  489. }
  490. .webix_resize_handle_y {
  491. cursor: ns-resize;
  492. height: 1px;
  493. width: 100%;
  494. position: absolute;
  495. z-index: 2;
  496. left: 0px;
  497. }
  498. .webix_resize_handle_y .webix_handle_content {
  499. border-width: 1px 0px;
  500. }
  501. .webix_resize_origin_y {
  502. cursor: ns-resize;
  503. height: 3px;
  504. width: 100%;
  505. position: absolute;
  506. z-index: 2;
  507. left: 0px;
  508. }
  509. .webix_resizer.webix_disabled_view {
  510. cursor: default;
  511. }
  512. .webix_resizer_vy {
  513. cursor: ns-resize;
  514. margin-top: 0px !important;
  515. border: 0px !important;
  516. padding: 0px !important;
  517. background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAADAQMAAABCowZuAAAABlBMVEUAAACkvtSA7tmIAAAAAXRSTlMAQObYZgAAAA9JREFUCB1jXMUABoxAGgAJaAFXPIkJqAAAAABJRU5ErkJggg==") no-repeat center center;
  518. }
  519. .webix_resizer_vx {
  520. cursor: ew-resize;
  521. margin-left: 0px !important;
  522. border: 0px !important;
  523. padding: 0px !important;
  524. background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAXAQMAAAD0oWdxAAAABlBMVEUAAACkvtSA7tmIAAAAAXRSTlMAQObYZgAAAA5JREFUeF5jWMDAQDwGAKyuB4FpGQdzAAAAAElFTkSuQmCC") no-repeat center center;
  525. }
  526. .webix_resizer_y {
  527. cursor: ns-resize;
  528. background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAADAQMAAABCowZuAAAABlBMVEUAAACkvtSA7tmIAAAAAXRSTlMAQObYZgAAAA9JREFUCB1jXMUABoxAGgAJaAFXPIkJqAAAAABJRU5ErkJggg==") no-repeat center center;
  529. background-color: #ffffff;
  530. }
  531. .webix_resizer_x {
  532. cursor: ew-resize;
  533. background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAXAQMAAAD0oWdxAAAABlBMVEUAAACkvtSA7tmIAAAAAXRSTlMAQObYZgAAAA5JREFUeF5jWMDAQDwGAKyuB4FpGQdzAAAAAElFTkSuQmCC") no-repeat center center;
  534. background-color: #ffffff;
  535. }
  536. .webix_accordionitem_body {
  537. position: relative;
  538. }
  539. .webix_accordionitem_body > div {
  540. border-width: 0px!important;
  541. }
  542. .webix_accordionitem_header {
  543. border-bottom: 1px solid #DADEE0;
  544. position: relative;
  545. z-index: 2;
  546. font-family: Roboto, sans-serif;
  547. font-size: 16px;
  548. font-weight: 500;
  549. color: #475466;
  550. letter-spacing: 0px;
  551. line-height: 42px;
  552. cursor: pointer;
  553. overflow: hidden;
  554. }
  555. .webix_accordionitem_header.webix_dark {
  556. color: #FFFFFF;
  557. }
  558. .webix_accordionitem_header .webix_el_label .webix_el_box {
  559. font-family: Roboto, sans-serif;
  560. font-size: 16px;
  561. font-weight: 500;
  562. color: #475466;
  563. letter-spacing: 0px;
  564. }
  565. .webix_accordionitem_header.webix_dark {
  566. background: #657584;
  567. border-color: #657584;
  568. }
  569. .webix_accordionitem_header.webix_dark .webix_el_button,
  570. .webix_accordionitem_header.webix_dark .webix_el_label .webix_el_box,
  571. .webix_accordionitem_header.webix_dark .webix_inp_label,
  572. .webix_accordionitem_header.webix_dark .webix_inp_top_label {
  573. color: #FFFFFF;
  574. }
  575. .webix_accordionitem_header.webix_dark .webix_secondary .webix_icon,
  576. .webix_accordionitem_header.webix_dark .webix_transparent .webix_icon,
  577. .webix_accordionitem_header.webix_dark .webix_secondary .webix_img_btn_text,
  578. .webix_accordionitem_header.webix_dark .webix_transparent .webix_img_btn_text,
  579. .webix_accordionitem_header.webix_dark .webix_secondary .webix_icon_btn,
  580. .webix_accordionitem_header.webix_dark .webix_transparent .webix_icon_btn {
  581. color: #FFFFFF;
  582. }
  583. .webix_accordionitem_header.webix_dark .webix_transparent button {
  584. color: #FFFFFF;
  585. }
  586. .webix_accordionitem_header.webix_dark .webix_transparent button:hover,
  587. .webix_accordionitem_header.webix_dark .webix_transparent button:focus {
  588. background-color: rgba(0, 0, 0, 0.2);
  589. }
  590. .webix_accordionitem_header.webix_dark .webix_transparent button:active {
  591. background-color: rgba(0, 0, 0, 0.4);
  592. }
  593. .webix_accordionitem_header.webix_dark .webix_secondary button,
  594. .webix_accordionitem_header.webix_dark .webix_inp_counter_next,
  595. .webix_accordionitem_header.webix_dark .webix_inp_counter_prev,
  596. .webix_accordionitem_header.webix_dark .webix_segment_0,
  597. .webix_accordionitem_header.webix_dark .webix_segment_1,
  598. .webix_accordionitem_header.webix_dark .webix_segment_N,
  599. .webix_accordionitem_header.webix_dark .webix_menu-x .webix_list_item {
  600. background-color: rgba(0, 0, 0, 0.2);
  601. color: #FFFFFF;
  602. border-color: transparent;
  603. }
  604. .webix_accordionitem_header.webix_dark .webix_view > .webix_template {
  605. color: #FFFFFF;
  606. background-color: #657584;
  607. }
  608. .webix_accordionitem_header.webix_dark .webix_secondary button:hover,
  609. .webix_accordionitem_header.webix_dark .webix_menu-x .webix_list_item:hover,
  610. .webix_accordionitem_header.webix_dark .webix_inp_counter_next:hover,
  611. .webix_accordionitem_header.webix_dark .webix_inp_counter_prev:hover,
  612. .webix_accordionitem_header.webix_dark .webix_segment_0:hover,
  613. .webix_accordionitem_header.webix_dark .webix_segment_1:hover,
  614. .webix_accordionitem_header.webix_dark .webix_segment_N:hover {
  615. color: #FFFFFF;
  616. background-color: rgba(0, 0, 0, 0.4);
  617. }
  618. .webix_accordionitem_header.webix_dark .webix_secondary button:focus,
  619. .webix_accordionitem_header.webix_dark .webix_menu-x .webix_list_item:focus,
  620. .webix_accordionitem_header.webix_dark .webix_inp_counter_next:focus,
  621. .webix_accordionitem_header.webix_dark .webix_inp_counter_prev:focus,
  622. .webix_accordionitem_header.webix_dark .webix_segment_0:focus,
  623. .webix_accordionitem_header.webix_dark .webix_segment_1:focus,
  624. .webix_accordionitem_header.webix_dark .webix_segment_N:focus {
  625. background-color: rgba(0, 0, 0, 0.4);
  626. color: #FFFFFF;
  627. }
  628. .webix_accordionitem_header.webix_dark .webix_secondary button:active,
  629. .webix_accordionitem_header.webix_dark .webix_menu-x .webix_list_item:active,
  630. .webix_accordionitem_header.webix_dark .webix_inp_counter_next:active,
  631. .webix_accordionitem_header.webix_dark .webix_inp_counter_prev:active,
  632. .webix_accordionitem_header.webix_dark .webix_segment_0:active,
  633. .webix_accordionitem_header.webix_dark .webix_segment_1:active,
  634. .webix_accordionitem_header.webix_dark .webix_segment_N:active {
  635. background-color: rgba(0, 0, 0, 0.5);
  636. color: #FFFFFF;
  637. }
  638. .webix_accordionitem_header.webix_dark .webix_inp_static,
  639. .webix_accordionitem_header.webix_dark input[type=text],
  640. .webix_accordionitem_header.webix_dark input[type=combo],
  641. .webix_accordionitem_header.webix_dark textarea,
  642. .webix_accordionitem_header.webix_dark select,
  643. .webix_accordionitem_header.webix_dark .webix_text_highlight {
  644. border-color: transparent;
  645. background-color: rgba(0, 0, 0, 0.2);
  646. color: rgba(255, 255, 255, 0.7);
  647. }
  648. .webix_accordionitem_header.webix_dark .webix_el_texthighlight input,
  649. .webix_accordionitem_header.webix_dark .webix_el_texthighlight textarea {
  650. caret-color: rgba(255, 255, 255, 0.7);
  651. }
  652. .webix_accordionitem_header.webix_dark .webix_inp_static input[type=text] {
  653. background-color: transparent;
  654. }
  655. .webix_accordionitem_header.webix_dark select option {
  656. background-color: #657584;
  657. color: #FFFFFF;
  658. }
  659. .webix_accordionitem_header.webix_dark .webix_multicombo_value,
  660. .webix_accordionitem_header.webix_dark .webix_multicombo_tag {
  661. color: #657584;
  662. }
  663. .webix_accordionitem_header.webix_dark .webix_inp_static:focus,
  664. .webix_accordionitem_header.webix_dark input[type=text]:focus,
  665. .webix_accordionitem_header.webix_dark input[type=combo]:focus,
  666. .webix_accordionitem_header.webix_dark textarea:focus,
  667. .webix_accordionitem_header.webix_dark select:focus {
  668. border-color: #FFFFFF;
  669. box-shadow: none;
  670. }
  671. .webix_accordionitem_header.webix_dark .webix_el_counter button {
  672. background-color: rgba(0, 0, 0, 0.3);
  673. }
  674. .webix_accordionitem_header.webix_dark .webix_el_counter input[type=text]:focus {
  675. border-color: transparent;
  676. }
  677. .webix_accordionitem_header.webix_dark .webix_placeholder {
  678. color: rgba(255, 255, 255, 0.4);
  679. }
  680. .webix_accordionitem_header.webix_dark ::-webkit-input-placeholder {
  681. color: rgba(255, 255, 255, 0.4);
  682. }
  683. .webix_accordionitem_header.webix_dark ::-moz-placeholder {
  684. color: rgba(255, 255, 255, 0.4);
  685. }
  686. .webix_accordionitem_header.webix_dark :-moz-placeholder {
  687. color: rgba(255, 255, 255, 0.4);
  688. }
  689. .webix_accordionitem_header.webix_dark :-ms-input-placeholder {
  690. color: rgba(255, 255, 255, 0.4);
  691. }
  692. .webix_accordionitem_header.webix_dark .webix_input_icon {
  693. color: rgba(255, 255, 255, 0.7);
  694. }
  695. .webix_accordionitem_header.webix_dark .webix_selected.webix_segment_0,
  696. .webix_accordionitem_header.webix_dark .webix_selected.webix_segment_1,
  697. .webix_accordionitem_header.webix_dark .webix_selected.webix_segment_N {
  698. background: #1CA1C1;
  699. color: #FFFFFF;
  700. }
  701. .webix_accordionitem_header.webix_dark .webix_selected.webix_segment_0:hover,
  702. .webix_accordionitem_header.webix_dark .webix_selected.webix_segment_1:hover,
  703. .webix_accordionitem_header.webix_dark .webix_selected.webix_segment_N:hover {
  704. background-color: #1992af;
  705. }
  706. .webix_accordionitem_header.webix_dark .webix_selected.webix_segment_0:focus,
  707. .webix_accordionitem_header.webix_dark .webix_selected.webix_segment_1:focus,
  708. .webix_accordionitem_header.webix_dark .webix_selected.webix_segment_N:focus {
  709. background-color: #1992af;
  710. }
  711. .webix_accordionitem_header.webix_dark .webix_selected.webix_segment_0:active,
  712. .webix_accordionitem_header.webix_dark .webix_selected.webix_segment_1:active,
  713. .webix_accordionitem_header.webix_dark .webix_selected.webix_segment_N:active {
  714. background-color: #17839d;
  715. }
  716. .webix_accordionitem_header.webix_dark .webix_el_icon,
  717. .webix_accordionitem_header.webix_dark .webix_icon_button {
  718. color: #FFFFFF;
  719. }
  720. .webix_accordionitem_header.webix_dark .webix_control {
  721. border-color: #1CA1C1;
  722. }
  723. .webix_accordionitem_header.webix_dark .webix_icon_button:hover:before {
  724. background-color: rgba(0, 0, 0, 0.2);
  725. }
  726. .webix_accordionitem_header.webix_dark .webix_icon_button:hover .webix_icon {
  727. opacity: 1;
  728. }
  729. .webix_accordionitem_header.webix_dark .webix_icon_button .webix_icon {
  730. color: #FFFFFF;
  731. opacity: 0.7;
  732. }
  733. .webix_accordionitem_header.webix_dark .webix_custom_checkbox,
  734. .webix_accordionitem_header.webix_dark .webix_custom_radio {
  735. color: #FFFFFF;
  736. }
  737. .webix_accordionitem_header.webix_dark .webix_custom_checkbox:focus,
  738. .webix_accordionitem_header.webix_dark .webix_custom_radio:focus {
  739. color: #f0f0f0;
  740. }
  741. .webix_accordionitem_header.webix_dark .webix_label_right {
  742. color: #FFFFFF;
  743. }
  744. .webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_button {
  745. color: rgba(255, 255, 255, 0.4);
  746. background: rgba(0, 0, 0, 0.1);
  747. text-shadow: none;
  748. }
  749. .webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_img_btn_text {
  750. color: rgba(255, 255, 255, 0.4);
  751. }
  752. .webix_accordionitem_header.webix_dark .webix_disabled_view.webix_control .webix_icon_btn,
  753. .webix_accordionitem_header.webix_dark .webix_disabled_view.webix_control .webix_icon {
  754. color: rgba(255, 255, 255, 0.4);
  755. }
  756. .webix_accordionitem_header.webix_dark .webix_disabled_view.webix_menu-x .webix_list_item.menu {
  757. background-color: rgba(0, 0, 0, 0.1);
  758. color: rgba(255, 255, 255, 0.4);
  759. }
  760. .webix_accordionitem_header.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon,
  761. .webix_accordionitem_header.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_disabled_box .webix_img_btn_text,
  762. .webix_accordionitem_header.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon_btn {
  763. color: rgba(255, 255, 255, 0.4);
  764. }
  765. .webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box label,
  766. .webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_input_icon,
  767. .webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box button {
  768. color: rgba(255, 255, 255, 0.4);
  769. }
  770. .webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box input,
  771. .webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box select,
  772. .webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box textarea,
  773. .webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static,
  774. .webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_prev,
  775. .webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_next {
  776. color: rgba(255, 255, 255, 0.4);
  777. background: rgba(0, 0, 0, 0.1);
  778. border-color: transparent;
  779. }
  780. .webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static input {
  781. background-color: transparent;
  782. }
  783. .webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_0,
  784. .webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_1,
  785. .webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_N,
  786. .webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_item_tab {
  787. color: rgba(255, 255, 255, 0.4);
  788. background: rgba(0, 0, 0, 0.1);
  789. text-shadow: none;
  790. }
  791. .webix_accordionitem_header.webix_dark .webix_disabled_top_label {
  792. color: rgba(255, 255, 255, 0.4);
  793. }
  794. .webix_accordionitem_header.webix_dark .webix_invalid .webix_el_box input,
  795. .webix_accordionitem_header.webix_dark .webix_invalid .webix_el_box .webix_inp_static,
  796. .webix_accordionitem_header.webix_dark .webix_invalid .webix_el_box select,
  797. .webix_accordionitem_header.webix_dark .webix_invalid .webix_el_box textarea,
  798. .webix_accordionitem_header.webix_dark input.webix_invalid,
  799. .webix_accordionitem_header.webix_dark select.webix_invalid,
  800. .webix_accordionitem_header.webix_dark textarea.webix_invalid {
  801. color: #ffdedb;
  802. background-color: rgba(255, 92, 76, 0.3);
  803. border-color: #ff8d82;
  804. }
  805. .webix_accordionitem_header.webix_dark .webix_invalid .webix_multicombo_value,
  806. .webix_accordionitem_header.webix_dark .webix_invalid .webix_multicombo_tag {
  807. color: #FF5C4C;
  808. }
  809. .webix_accordionitem_header.webix_dark .webix_invalid .webix_el_box .webix_inp_static input {
  810. background-color: transparent;
  811. }
  812. /* IE8 */
  813. .webix_ie.horizontal > .webix_accordionitem_header.collapsed {
  814. -ms-writing-mode: tb-lr;
  815. }
  816. .webix_ie.horizontal > .webix_accordionitem_header.collapsed .webix_accordionitem_label {
  817. padding-left: 0;
  818. padding-top: 10px;
  819. }
  820. .webix_ie.horizontal > .webix_accordionitem_header.collapsed .webix_accordionitem_button {
  821. margin: 0;
  822. }
  823. .webix_accordionitem_label {
  824. height: 100%;
  825. padding-left: 10px;
  826. }
  827. .webix_accordionitem_button {
  828. float: right;
  829. position: relative;
  830. height: 11px;
  831. width: 11px;
  832. margin: 14.5px 13px;
  833. }
  834. /*
  835. .webix_accordionitem.vertical > .webix_accordionitem_header .webix_accordionitem_button{
  836. .accIconUp;
  837. }
  838. .webix_accordionitem.vertical.collapsed > .webix_accordionitem_header .webix_accordionitem_button{
  839. .accIconDown;
  840. }
  841. .webix_accordionitem.horizontal > .webix_accordionitem_header .webix_accordionitem_button{
  842. .accIconLeft;
  843. }
  844. .webix_accordionitem.horizontal:last-child > .webix_accordionitem_header .webix_accordionitem_button{
  845. .accIconRight;
  846. }
  847. .webix_accordionitem.horizontal.collapsed:last-child > .webix_accordionitem_header .webix_accordionitem_button{
  848. .accIconDown;
  849. }
  850. .webix_accordionitem.horizontal.collapsed > .webix_accordionitem_header{
  851. .webix_accordionitem_button{
  852. .accIconUp;
  853. }
  854. }*/
  855. .webix_carousel {
  856. position: relative;
  857. }
  858. .webix_nav_panel {
  859. bottom: 16px;
  860. height: 14px;
  861. line-height: 14px;
  862. overflow: hidden;
  863. position: absolute;
  864. text-align: center;
  865. padding: 2px 0;
  866. }
  867. .webix_nav_item {
  868. display: inline-block;
  869. height: 10px;
  870. margin: 0 2px;
  871. width: 10px;
  872. cursor: pointer;
  873. border-radius: 50%;
  874. -moz-user-select: none;
  875. -webkit-user-select: none;
  876. -ms-user-select: none;
  877. user-select: none;
  878. box-sizing: content-box;
  879. }
  880. .webix_nav_inactive {
  881. border: 2px solid rgba(0, 0, 0, 0.15);
  882. filter: alpha(opacity=60);
  883. opacity: 0.6;
  884. background: #fff;
  885. }
  886. .webix_nav_active {
  887. border: 2px solid rgba(0, 0, 0, 0.1);
  888. background: #fff;
  889. }
  890. .webix_nav_active:hover,
  891. .webix_nav_active:focus {
  892. box-shadow: 0 0 2px #fff;
  893. }
  894. .webix_nav_button_prev,
  895. .webix_nav_button_next {
  896. cursor: pointer;
  897. display: block;
  898. height: 32px;
  899. line-height: 32px;
  900. position: absolute;
  901. width: 32px;
  902. }
  903. .webix_nav_button_prev .webix_nav_button_inner,
  904. .webix_nav_button_next .webix_nav_button_inner {
  905. height: 100%;
  906. width: 100%;
  907. }
  908. .webix_nav_button_prev .webix_nav_button_inner {
  909. opacity: 0.8;
  910. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNDNEOTBEMTYyNzQxMUUzOEU1N0MyQTEyMzIxMDVFQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNDNEOTBEMjYyNzQxMUUzOEU1N0MyQTEyMzIxMDVFQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0M0Q5MENGNjI3NDExRTM4RTU3QzJBMTIzMjEwNUVBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA0M0Q5MEQwNjI3NDExRTM4RTU3QzJBMTIzMjEwNUVBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+yGPRLgAAAPBJREFUeNpi+P//vycQP/tPfQAy05MRxGBgYJBkoA14DrLgPwMNARMDjcGgteAINN5CCaokI3UcB2I+UNQBsTghxaRacAaI+aH62IB4MzUtuAjEwlA9zEC8hhhNxFpwFYhFkQxfTqyriLHgFhBLQtWC8s18UsKUkAV3gVgGyfBZpKYIQhbYQtWAcBg5BRIhC26j+WAOtS0AgRvQ9A6L4IXUtgAELqOlopXUtgAEzgOxIFQPKxCvo7YFIHAKLSdvo7YFIHAUiHmgeiUIKSanNLUC4i1ALAHENoQUD48a7TkNzX8BsiAFxKCB4U+BOBkgwAAsAiGcWMs58QAAAABJRU5ErkJggg==");
  911. }
  912. .webix_nav_button_prev .webix_nav_button_inner:hover,
  913. .webix_nav_button_prev .webix_nav_button_inner:focus {
  914. opacity: 1;
  915. }
  916. .webix_nav_button_next .webix_nav_button_inner {
  917. opacity: 0.8;
  918. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEODJBRDc2RTYyNzMxMUUzQTMxN0IxNjAwN0JBOUE4OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEODJBRDc2RjYyNzMxMUUzQTMxN0IxNjAwN0JBOUE4OSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4MkFENzZDNjI3MzExRTNBMzE3QjE2MDA3QkE5QTg5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4MkFENzZENjI3MzExRTNBMzE3QjE2MDA3QkE5QTg5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+crpRPgAAAOhJREFUeNpi+P//vycQP/tPfQAy05MRxGBgYJBkoA14DrLgPwMNARMDjcGgsCAMGkdHyLKBiNQgDoomIOYH4uOkJiViLNgMxGxIlpyhtgUgsAaImaHqhYH4IrUtAIHlSJaIAvFValsAAvOBmBGqTxKIb1HbAhCYhWSJDBDfobYFIBAO1QvCNtS2YA6SD6SB+DY1LViIFNFiQHydmnGwEi0VXaZmKloHxKxQ9YJAfJ6a+WAbWk4+Re2cLAFVxwPER0lNEcSUpjZALAHEW4DYitTCdHjUaM9paP4LkAUpIAYNDH8KxMkAAQYAlwMhmq8XxigAAAAASUVORK5CYII=");
  919. }
  920. .webix_nav_button_next .webix_nav_button_inner:hover,
  921. .webix_nav_button_next .webix_nav_button_inner:focus {
  922. opacity: 1;
  923. }
  924. .webix_nav_panel_corner {
  925. right: 80px;
  926. }
  927. .webix_nav_button_corner.webix_nav_button_prev {
  928. bottom: 9px;
  929. right: 44px;
  930. }
  931. .webix_nav_button_corner.webix_nav_button_prev .webix_nav_button_inner:hover,
  932. .webix_nav_button_corner.webix_nav_button_prev .webix_nav_button_inner:focus {
  933. opacity: 1;
  934. }
  935. .webix_nav_button_corner.webix_nav_button_next {
  936. bottom: 9px;
  937. right: 8px;
  938. }
  939. .webix_nav_button_corner.webix_nav_button_next .webix_nav_button_inner:hover,
  940. .webix_nav_button_corner.webix_nav_button_next .webix_nav_button_inner:focus {
  941. opacity: 1;
  942. }
  943. .webix_nav_panel_side {
  944. margin: 0 auto;
  945. left: 0;
  946. width: 100%;
  947. }
  948. .webix_nav_button_side {
  949. height: 86px;
  950. line-height: 86px;
  951. width: 56px;
  952. top: 50%;
  953. margin-top: -43px;
  954. }
  955. .webix_nav_button_side.webix_nav_button_next {
  956. left: auto;
  957. right: 16px;
  958. }
  959. .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner {
  960. opacity: 0.8;
  961. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAiCAYAAACwaJKDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTc4MTkxODY2MzBGMTFFMzk1MUQ4RTNCRjNCMUVFRUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTc4MTkxODU2MzBGMTFFMzk1MUQ4RTNCRjNCMUVFRUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA4NjlGM0NFNjE4OTExRTNBRjMwOTNFODNBRTJCRENBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA4NjlGM0NGNjE4OTExRTNBRjMwOTNFODNBRTJCRENBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+D/KEcQAAAOhJREFUeNqs1jsOwjAMBuCKhR2uxsLGxg1a+hD0wVGYGJC4DgssnAFVQjLukKWk/WM7lv4OqfQ1UdLWCRGtOTdOz3lwtpzEkuFyp/9KreiX/JVa0DdNV6ZF9zRfmQYdcgbwQYNGhccDXQzYN4jgXIOa4bkntgAuNKgaDtlNMRx69hoAlxpUBEvfawRXGnRIjeBFIq8e3F9KZ5mDWXbS5QeBEjQYDEULALbSwy8GEYrARvpBUYNTaGkBfagZHKMIrKU/vioW6NANAE+aZuIVE3RoHxN06NUDHq2t5Ipz4Xw4T87O2vT+BBgAeQQKvezNqP0AAAAASUVORK5CYII=");
  962. }
  963. .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:hover,
  964. .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:focus {
  965. opacity: 1;
  966. }
  967. .webix_nav_button_side.webix_nav_button_prev {
  968. left: 16px;
  969. right: auto;
  970. }
  971. .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner {
  972. opacity: 0.8;
  973. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAiCAYAAACwaJKDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjIzRTVCQkY2MzBGMTFFM0FDNTBDNzdDRkQ0NTI0NzciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjIzRTVCQkU2MzBGMTFFM0FDNTBDNzdDRkQ0NTI0NzciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA4NjlGM0NFNjE4OTExRTNBRjMwOTNFODNBRTJCRENBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA4NjlGM0NGNjE4OTExRTNBRjMwOTNFODNBRTJCRENBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wRT1eAAAAM9JREFUeNqs1jsKwlAQBdDBxlL3ZmVlmRXYaaVbCYg7kti4BQu1e85AhBDfZz73wm1ewsmfDKWUKNgNd+C+uVfuOgoe0n8uaFDyQoOSOxqU7NDgUfaDgxZUDWpRE6hBzWALdYE11A2W0BCYQ8PgHIWAUxQG/lAoKF0Q0ZLq+ZA1o35qnO3eevlweL4AgXOL5yhc2hCCa0d0w63744I1T9MMa989E2z5/NSw9Retgj3DRAveeseeGnyLDGgl+BkdJXNwH0WlHfcxDr09d/UVYADVjwptZ8mPvQAAAABJRU5ErkJggg==");
  974. }
  975. .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:hover,
  976. .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:focus {
  977. opacity: 1;
  978. }
  979. .webix_carousel > .webix_scroll_x,
  980. .webix_carousel > .webix_scroll_y {
  981. background-color: rgba(0, 0, 0, 0);
  982. }
  983. .webix_dark .webix_nav_inactive {
  984. background-color: #95a5a6;
  985. }
  986. .webix_dark .webix_nav_active {
  987. background-color: #7f8c8d;
  988. }
  989. .webix_dark .webix_nav_button_prev .webix_nav_button_inner {
  990. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcdCSIURgotfwAAASxJREFUSMfNlbErhlEUh5/vJZOSQSijshgsFiklhdj0lcHw5SP7uX+A8we4d1c+g2RgsIjIxmCxGCzKRO9bMjCSWE5WpXPrO9MZbs9T5577u7XNrTgPtIBBfKsEmkUmOMZsFZngv5KCzNW2gmsbbT2H4AZY0CAVcOUtuAXmNMi7xtQF7HgK7oBZDfKmMXUAB8Cil+AemNEgrwbfB5a8LvnB4C8aU83Gsuy1RY/AtAYpDb4NNDzXtKFBnqyvA+ve72BXYxqy/shyy1UwDFxqTP0a5BvYAPa8X/KISfo0yBewChx6R8UocKEx9ZpkBTj2zqIx4Fxj6tEgn7aqZ95RMQ6cakzdGuTDxuUedhPAicY0AEz+dbjzn3E9ZX9ue3w4ZUZ+VQBrQJUB/gw0fwC/UlVpnH2f9AAAAABJRU5ErkJggg==");
  991. }
  992. .webix_dark .webix_nav_button_next .webix_nav_button_inner {
  993. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcdCSENCUzWfAAAAS1JREFUSMfN1TFLXEEUhuFnr8FKCBaGiK2FRQobG7GSgBG2E8IWFmE3wX7uD3B+QOb2QpaAiMWmsAkJBtMEizQ2FmmCXcIuhBRpDZI0g7XCXNhTD+8L53znTGf/ddrGEIvK1hiDqiW4zBxWLcFvJZWWayoEz3Mbz9sSfIl1mKCLr20I3sTUzMY6/MEzXJQWdHEcUzOTJVu4LD3kHRxlyW88xbfSKerldnViHX5lyffSMX2BgywZYxNXpffgVY6uWIcfWVpUMMQIYmqW8Lak4BB7sQ7/Ymoe4QzLpQQj9GMdbmJqFvAZK6WGfILdDJ/HJzwpFdOP6MU6/I2peYhTrJZctH6sw3VMzRw+YK30qdiIqXmM91i/b+Qe3OHNu6n/cMYt8icVXmLSAvwnBv8B+EFU7qlZ1xIAAAAASUVORK5CYII=");
  994. }
  995. .webix_dark .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner {
  996. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAiCAYAAACwaJKDAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcdCSI77dsQJgAAARxJREFUSMet1jFqAkEUxvH/rkIqLVN5ES2CjScQG6tUESx3SWOMLKgggt7BC6SxsnIr9w4ewAsEEis3RTBE3N3ZmfemHB4/HsPMm89L0xTJilbrLrAAGsAWeKkKwTEw/bfVAy6ea6cZ4HV9+8ogwMm6UwMI8Owrg5MoDDa+MjgF8LXBUqgtaERdwELUFcxFJWAmKgXvUA3wBtUC/1BNEKBCra4KXjt9MNScbadYJd7t9nGSVIGnnJpOnCRf7VbzYNMpURi8A7OCumW0Wr9aodrw7T39hedS+P5FhcFYCme/fSGcP6UEcPE8dYTNk98BLvdHWcLlf1ML2CVMzIC3gpK+U5YywEdJQMuDP50CmuGMt55C6B0AI+AR+ACGPw26r6m12WOpAAAAAElFTkSuQmCC");
  997. }
  998. .webix_dark .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:hover,
  999. .webix_dark .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:focus {
  1000. opacity: 1;
  1001. }
  1002. .webix_dark .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner {
  1003. 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");
  1004. }
  1005. .webix_dark .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:hover,
  1006. .webix_dark .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:focus {
  1007. opacity: 1;
  1008. }
  1009. .webix_list_item {
  1010. -moz-box-sizing: border-box;
  1011. -webkit-box-sizing: border-box;
  1012. box-sizing: border-box;
  1013. padding: 2px 12px;
  1014. line-height: 31px;
  1015. cursor: pointer;
  1016. border-bottom: 1px solid #EDEFF0;
  1017. text-align: left;
  1018. border-color: #EDEFF0;
  1019. }
  1020. .webix_list_icon {
  1021. vertical-align: middle;
  1022. margin-right: 4px;
  1023. }
  1024. .webix_list_item.webix_invalid {
  1025. background-color: #ffeeee;
  1026. }
  1027. .webix_list_item.webix_selected {
  1028. color: #475466;
  1029. background: #F4F5F9;
  1030. }
  1031. .webix_list_item.webix_selected:focus {
  1032. background: #edeff5;
  1033. }
  1034. .webix_list .webix_list_item.webix_selected {
  1035. border-bottom: 1px solid #EDEFF0;
  1036. padding: 2px 12px;
  1037. }
  1038. .webix_group {
  1039. position: relative;
  1040. }
  1041. .webix_group_back,
  1042. .webix_group_back.webix_selected {
  1043. position: relative;
  1044. background: #F4F5F9;
  1045. font-family: Roboto, sans-serif;
  1046. font-size: 14px;
  1047. font-weight: 500;
  1048. color: #313131;
  1049. letter-spacing: 0.2px;
  1050. }
  1051. .webix_arrow_icon {
  1052. position: absolute;
  1053. top: 50%;
  1054. bottom: 50%;
  1055. margin-top: -10px;
  1056. right: 8px;
  1057. width: 20px;
  1058. height: 20px;
  1059. line-height: 20px;
  1060. color: #475466;
  1061. font-size: 20px;
  1062. font-family: "Webix Material Icons";
  1063. }
  1064. .webix_arrow_icon:before {
  1065. content: '\F003';
  1066. }
  1067. .webix_group_back {
  1068. padding-left: 33px;
  1069. }
  1070. .webix_group_back .webix_arrow_icon {
  1071. left: 8px;
  1072. }
  1073. .webix_group_back .webix_arrow_icon:before {
  1074. content: '\F002';
  1075. }
  1076. .dhx_pagelist {
  1077. position: relative;
  1078. }
  1079. .webix_list_count {
  1080. float: right;
  1081. width: 25px;
  1082. font-size: 14px;
  1083. text-align: center;
  1084. margin-right: 45px;
  1085. box-shadow: 0 1px 0 #000000;
  1086. text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
  1087. }
  1088. .webix_unit_header {
  1089. padding: 0 12px;
  1090. line-height: 35px;
  1091. text-align: left;
  1092. background-color: #F4F5F9;
  1093. }
  1094. .webix_list-x .webix_list_item {
  1095. display: inline-block;
  1096. vertical-align: top;
  1097. border-right: 1px solid #EDEFF0;
  1098. border-bottom: none;
  1099. border-color: #EDEFF0;
  1100. }
  1101. .webix_list-x .webix_list_item.webix_selected {
  1102. border-left: 1px solid #EDEFF0;
  1103. border-right: 1px solid #EDEFF0;
  1104. padding-left: 11px;
  1105. }
  1106. .webix_list-x .webix_scroll_cont {
  1107. display: inline-block;
  1108. }
  1109. .webix_view.webix_list-x {
  1110. white-space: nowrap;
  1111. }
  1112. /* Style for disabled items */
  1113. .webix_list_item.webix_disabled {
  1114. color: #8b949e;
  1115. background-color: #FFFFFF;
  1116. cursor: not-allowed;
  1117. -moz-user-select: none;
  1118. -webkit-user-select: none;
  1119. -ms-user-select: none;
  1120. user-select: none;
  1121. }
  1122. .webix_list_item.webix_disabled:focus {
  1123. background-color: #FFFFFF;
  1124. }
  1125. .webix_list_item.webix_disabled .webix_badge {
  1126. background-color: #eab993;
  1127. }
  1128. .webix_list_item.webix_disabled .webix_submenu_icon {
  1129. visibility: hidden;
  1130. }
  1131. /*button of pager*/
  1132. .webix_view.webix_pager {
  1133. padding: 3px 0;
  1134. -moz-box-sizing: border-box;
  1135. -webkit-box-sizing: border-box;
  1136. box-sizing: border-box;
  1137. background-color: transparent;
  1138. }
  1139. .webix_pager_item,
  1140. .webix_pager_item_selected {
  1141. padding: 0 6px;
  1142. text-align: center;
  1143. height: 100%;
  1144. width: auto;
  1145. min-width: 32px;
  1146. margin: 0 2px;
  1147. cursor: pointer;
  1148. -moz-box-sizing: border-box;
  1149. -webkit-box-sizing: border-box;
  1150. box-sizing: border-box;
  1151. border-radius: 2px;
  1152. }
  1153. .webix_pager_item .webix_icon,
  1154. .webix_pager_item_selected .webix_icon {
  1155. line-height: 0;
  1156. font-size: 17px;
  1157. }
  1158. .webix_pager_item {
  1159. background: #F4F5F9;
  1160. color: #1CA1C1;
  1161. }
  1162. .webix_pager_item:hover {
  1163. background-color: #e7e9f2;
  1164. }
  1165. .webix_pager_item:focus {
  1166. background-color: #e7e9f2;
  1167. }
  1168. .webix_pager_item:active {
  1169. background-color: #daddeb;
  1170. }
  1171. .webix_pager_item:hover {
  1172. background-color: #e7e9f2;
  1173. }
  1174. .webix_pager_item:focus {
  1175. background-color: #e7e9f2;
  1176. }
  1177. .webix_pager_item:active {
  1178. background-color: #daddeb;
  1179. }
  1180. /*selected button of pager*/
  1181. .webix_pager_item_selected {
  1182. cursor: default;
  1183. }
  1184. .webix_pager_item_selected:hover {
  1185. background-color: #1992af;
  1186. }
  1187. .webix_pager_item_selected:focus {
  1188. background-color: #1992af;
  1189. }
  1190. .webix_pager_item_selected:active {
  1191. background-color: #17839d;
  1192. }
  1193. .webix_animation .webix_ss_header {
  1194. position: relative;
  1195. z-index: 1;
  1196. }
  1197. .webix_animation .webix_ss_vscroll_header {
  1198. z-index: 1;
  1199. }
  1200. .webix_animation .webix_ss_footer,
  1201. .webix_animation .webix_vscroll_x {
  1202. position: absolute;
  1203. bottom: 0px;
  1204. z-index: 1;
  1205. }
  1206. /*helper for allowing selection*/
  1207. .webix_allow_selection {
  1208. -moz-user-select: text;
  1209. -webkit-user-select: text;
  1210. user-select: text;
  1211. }
  1212. /*default item in dataview*/
  1213. .webix_dataview_item {
  1214. -moz-box-sizing: border-box;
  1215. -webkit-box-sizing: border-box;
  1216. box-sizing: border-box;
  1217. padding: 2px 12px;
  1218. line-height: 31px;
  1219. cursor: pointer;
  1220. border-bottom: 1px solid #EDEFF0;
  1221. text-align: left;
  1222. border-color: #EDEFF0;
  1223. border-right: 1px solid #EDEFF0;
  1224. }
  1225. .webix_dataview_item.webix_selected {
  1226. box-shadow: inset 2px 0 #1CA1C1;
  1227. }
  1228. .webix_dataview_item.webix_disabled {
  1229. color: #94A1B3;
  1230. }
  1231. .webix_dataview_item.webix_selected.webix_disabled {
  1232. box-shadow: inset 2px 0 #94A1B3;
  1233. }
  1234. .webix_dataview_item .webix_icon {
  1235. font-size: 20px;
  1236. }
  1237. /*default item in selected state*/
  1238. .webix_dataview_item.webix_selected {
  1239. color: #475466;
  1240. background: #F4F5F9;
  1241. border-bottom: 1px solid #EDEFF0;
  1242. border-right: 1px solid #EDEFF0;
  1243. }
  1244. .webix_dataview_item.webix_selected:focus {
  1245. background: #edeff5;
  1246. }
  1247. .webix_dataview_item.webix_invalid {
  1248. background-color: #ffeeee;
  1249. }
  1250. .webix_dataview_item.tiles {
  1251. box-sizing: border-box;
  1252. border: 1px solid #EDEFF0;
  1253. }
  1254. .webix_drag_zone > .webix_dataview_item.tiles {
  1255. margin: 0 !important;
  1256. }
  1257. .webix_dataview .webix_scroll_cont {
  1258. box-sizing: border-box;
  1259. }
  1260. /*chart container*/
  1261. .webix_chart {
  1262. position: relative;
  1263. font-family: Roboto, sans-serif;
  1264. font-size: 13px;
  1265. color: #475466;
  1266. overflow: hidden;
  1267. z-index: 1;
  1268. }
  1269. .webix_chart canvas {
  1270. position: absolute;
  1271. }
  1272. /*labels*/
  1273. .webix_canvas_text {
  1274. position: absolute;
  1275. text-align: center;
  1276. overflow: hidden;
  1277. white-space: nowrap;
  1278. font-size: 12px;
  1279. z-index: 80;
  1280. }
  1281. /*map*/
  1282. .webix_map_img {
  1283. width: 100%;
  1284. height: 100%;
  1285. position: absolute;
  1286. top: 0px;
  1287. left: 0px;
  1288. border: 0px;
  1289. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  1290. opacity: 0;
  1291. }
  1292. /*scales*/
  1293. .webix_axis_item_y {
  1294. position: absolute;
  1295. height: 18px;
  1296. line-height: 18px;
  1297. /*line-height:10px;*/
  1298. margin-top: -4px;
  1299. text-align: right;
  1300. }
  1301. .webix_axis_item_x {
  1302. padding-top: 2px;
  1303. }
  1304. .webix_axis_title_x {
  1305. text-align: center;
  1306. font-size: 13px;
  1307. }
  1308. .webix_axis_title_y {
  1309. text-align: center;
  1310. font-family: Verdana;
  1311. font-size: 13px;
  1312. /*safari*/
  1313. -webkit-transform: rotate(-90deg);
  1314. /*firefox*/
  1315. -moz-transform: rotate(-90deg);
  1316. /*opera*/
  1317. -o-transform: rotate(-90deg);
  1318. /*IE9*/
  1319. -ms-transform: rotate(-90deg);
  1320. transform: rotate(-90deg);
  1321. padding-left: 3px;
  1322. }
  1323. .webix_ie_filter {
  1324. /*IE8*/
  1325. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  1326. }
  1327. /*legend block*/
  1328. .webix_chart_legend {
  1329. position: absolute;
  1330. z-index: 81;
  1331. }
  1332. .webix_chart_legend_item {
  1333. height: 18px;
  1334. line-height: 18px;
  1335. padding: 2px;
  1336. cursor: pointer;
  1337. }
  1338. .webix_chart_legend_item.hidden {
  1339. color: #cfd5dd;
  1340. }
  1341. .webix_axis_item_y.webix_radar {
  1342. color: #555;
  1343. font-size: 11px;
  1344. padding-right: 3px;
  1345. height: 13px;
  1346. line-height: 13px;
  1347. margin-top: 0px;
  1348. }
  1349. .webix_canvas_text.webix_axis_radar_title {
  1350. margin-top: 0px;
  1351. padding-top: 0px;
  1352. color: #74869f;
  1353. font-size: 12px;
  1354. }
  1355. .webix_axis_item_y,
  1356. .webix_axis_item_x {
  1357. color: #74869f;
  1358. }
  1359. /*data frame*/
  1360. .webix_chart_frame {
  1361. background-color: #a0cfef;
  1362. height: 100%;
  1363. opacity: 0.3;
  1364. position: absolute;
  1365. top: 0;
  1366. z-index: 82;
  1367. border-left: 1px solid #3498db;
  1368. border-right: 1px solid #3498db;
  1369. cursor: w-resize;
  1370. }
  1371. .webix_chart_resizer {
  1372. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJCMjdFNENBRTg4MTFFMjk2NjJGMTJENjkyNDA2NTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJCMjdFNERBRTg4MTFFMjk2NjJGMTJENjkyNDA2NTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkIyN0U0QUFFODgxMUUyOTY2MkYxMkQ2OTI0MDY1OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkIyN0U0QkFFODgxMUUyOTY2MkYxMkQ2OTI0MDY1OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Powz/icAAAAaSURBVHjaYmBgYDBjgAA4zcSABQysIECAAQBn+ACx2PqtbAAAAABJRU5ErkJggg==");
  1373. background-position: 3px center;
  1374. background-repeat: no-repeat;
  1375. border-radius: 2px;
  1376. height: 20px;
  1377. bottom: 0;
  1378. width: 11px;
  1379. z-index: 83;
  1380. position: absolute;
  1381. background-color: #fff;
  1382. border: 1px solid #cccccc;
  1383. cursor: w-resize;
  1384. }
  1385. .webix_chart_resizer:focus {
  1386. border-color: #1CA1C1;
  1387. }
  1388. .webix_wresize_cursor {
  1389. cursor: w-resize;
  1390. }
  1391. .webix_dt_editor {
  1392. position: absolute;
  1393. z-index: 2;
  1394. overflow: visible;
  1395. background: #FFFFFF;
  1396. }
  1397. .webix_dt_editor input,
  1398. .webix_dt_editor select {
  1399. width: 100%;
  1400. -moz-box-sizing: border-box;
  1401. -webkit-box-sizing: border-box;
  1402. box-sizing: border-box;
  1403. padding: 0 11px;
  1404. margin: 0;
  1405. border: 1px solid #ffd700;
  1406. height: 100%;
  1407. font-family: Roboto, sans-serif;
  1408. font-size: 14px;
  1409. font-weight: 400;
  1410. color: #475466;
  1411. letter-spacing: 0.2px;
  1412. }
  1413. .webix_dt_editor input[type="checkbox"] {
  1414. margin: 11px 13px 0px;
  1415. height: auto;
  1416. width: auto;
  1417. }
  1418. .webix_dt_editor select {
  1419. padding: 0 7px;
  1420. }
  1421. .webix_clipbuffer {
  1422. width: 2000px;
  1423. height: 1px;
  1424. padding: 0;
  1425. margin: 0;
  1426. border: 0;
  1427. left: 0px;
  1428. top: 0px;
  1429. white-space: pre-wrap;
  1430. position: fixed;
  1431. filter: alpha(opacity=0);
  1432. opacity: 0;
  1433. pointer-events: none;
  1434. cursor: default;
  1435. }
  1436. .webix_column,
  1437. .webix_hcolumn {
  1438. position: absolute;
  1439. top: 0px;
  1440. }
  1441. .webix_cell {
  1442. overflow: hidden;
  1443. line-height: 33px;
  1444. white-space: nowrap;
  1445. }
  1446. .webix_hcell {
  1447. width: 100%;
  1448. overflow: hidden;
  1449. }
  1450. .webix_cell,
  1451. .webix_hcell {
  1452. background: inherit;
  1453. font: inherit;
  1454. text-align: inherit;
  1455. color: inherit;
  1456. }
  1457. .webix_ss_body {
  1458. overflow: hidden;
  1459. position: relative;
  1460. }
  1461. .webix_hs_left,
  1462. .webix_hs_center,
  1463. .webix_hs_right,
  1464. .webix_ss_center,
  1465. .webix_ss_right,
  1466. .webix_ss_left {
  1467. overflow: hidden;
  1468. float: left;
  1469. position: relative;
  1470. }
  1471. .webix_ss_center,
  1472. .webix_ss_right {
  1473. position: relative;
  1474. }
  1475. .webix_ss_center_scroll {
  1476. height: 100%;
  1477. position: relative;
  1478. overflow: hidden;
  1479. min-height: 1px;
  1480. }
  1481. .webix_ss_hscroll {
  1482. bottom: 0px;
  1483. }
  1484. .webix_ss_vscroll {
  1485. position: absolute;
  1486. top: 0px;
  1487. right: 0px;
  1488. z-index: 2;
  1489. }
  1490. .webix_ss_vscroll_footer {
  1491. position: absolute;
  1492. bottom: 0px;
  1493. right: 0px;
  1494. border-left: 1px solid #EDEFF0;
  1495. border-top: 1px solid #EDEFF0;
  1496. z-index: 1;
  1497. }
  1498. .webix_ss_vscroll_header {
  1499. position: absolute;
  1500. top: 0px;
  1501. right: 0px;
  1502. border-left: 1px solid #DADEE0;
  1503. border-bottom: 1px solid #DADEE0;
  1504. z-index: 1;
  1505. }
  1506. .webix_dtable {
  1507. position: relative;
  1508. cursor: default;
  1509. z-index: 0;
  1510. }
  1511. .webix_ss_footer,
  1512. .webix_ss_header {
  1513. clear: both;
  1514. overflow: hidden;
  1515. }
  1516. .webix_table_cell,
  1517. .webix_view.webix_table_cell,
  1518. .webix_block_selection,
  1519. .webix_hcell,
  1520. .webix_cell {
  1521. -moz-box-sizing: border-box;
  1522. -webkit-box-sizing: border-box;
  1523. box-sizing: border-box;
  1524. }
  1525. .webix_table_cell {
  1526. font-size: 14px;
  1527. }
  1528. .webix_block_selection {
  1529. position: absolute;
  1530. }
  1531. .webix_ss_sort_asc,
  1532. .webix_ss_sort_desc {
  1533. position: absolute;
  1534. top: 50%;
  1535. right: 2px;
  1536. font-family: "Webix Material Icons";
  1537. font-size: 20px;
  1538. width: 24px;
  1539. height: 24px;
  1540. line-height: 24px;
  1541. margin-top: -12px;
  1542. float: none;
  1543. -moz-user-select: none;
  1544. -webkit-user-select: none;
  1545. -ms-user-select: none;
  1546. user-select: none;
  1547. }
  1548. .webix_ss_sort_asc.webix_ss_sort_single,
  1549. .webix_ss_sort_desc.webix_ss_sort_single {
  1550. width: 20px;
  1551. text-align: center;
  1552. }
  1553. .webix_ss_sort_asc:before {
  1554. content: '\F004';
  1555. }
  1556. .webix_ss_sort_desc:before {
  1557. content: '\F001';
  1558. }
  1559. .webix_ss_sort_num {
  1560. position: absolute;
  1561. top: 0;
  1562. right: 0;
  1563. height: 12px;
  1564. line-height: 12px;
  1565. font-family: Roboto, sans-serif;
  1566. font-size: 10px;
  1567. text-align: right;
  1568. color: #1CA1C1;
  1569. }
  1570. .webix_ss_sort_single .webix_ss_sort_num {
  1571. display: none;
  1572. }
  1573. .webix_hcell .webix_excel_filter {
  1574. position: absolute;
  1575. top: 50%;
  1576. right: 2px;
  1577. width: 20px;
  1578. height: 20px;
  1579. line-height: 20px;
  1580. margin-top: -10px;
  1581. vertical-align: middle;
  1582. text-align: center;
  1583. cursor: pointer;
  1584. color: #94A1B3;
  1585. }
  1586. .webix_hcell .webix_excel_filter:hover {
  1587. color: #1CA1C1;
  1588. }
  1589. .webix_excel_filter ~ .webix_ss_sort_asc,
  1590. .webix_excel_filter ~ .webix_ss_sort_desc {
  1591. right: 24px;
  1592. }
  1593. .webix_hcell.webix_ss_excel_filter {
  1594. position: relative;
  1595. }
  1596. .webix_hcell.webix_ss_filter_active .webix_excel_filter {
  1597. color: #1CA1C1;
  1598. }
  1599. .webix_hcell.webix_ss_filter_active .webix_excel_filter:hover {
  1600. color: #17839d;
  1601. }
  1602. .webix_hcell.webix_ss_filter {
  1603. padding: 3px 5px 3px 5px;
  1604. }
  1605. .webix_hcell .webix_tree_close,
  1606. .webix_hcell .webix_tree_open {
  1607. margin-right: 5px;
  1608. }
  1609. .webix_table_checkbox,
  1610. .webix_hcell input[type="checkbox"] {
  1611. margin: 0px 1px 2px;
  1612. vertical-align: middle;
  1613. }
  1614. .webix_ss_filter select,
  1615. .webix_ss_filter input {
  1616. width: 100%;
  1617. font-size: inherit;
  1618. color: #475466 !important;
  1619. height: 38px;
  1620. margin-top: -2px;
  1621. padding: 0 3px;
  1622. vertical-align: top;
  1623. border: 1px solid #DADEE0;
  1624. line-height: 32px;
  1625. -moz-box-sizing: border-box;
  1626. -webkit-box-sizing: border-box;
  1627. box-sizing: border-box;
  1628. font-family: Roboto, sans-serif;
  1629. }
  1630. .webix_richfilter {
  1631. margin-top: 1px;
  1632. line-height: 32px;
  1633. }
  1634. .webix_ss_filter select {
  1635. padding: 3px;
  1636. }
  1637. /*headers and footers*/
  1638. .webix_ss_header,
  1639. .webix_hcolumn,
  1640. .webix_ss_vscroll_header,
  1641. .webix_dd_drag_column,
  1642. .webix_hs_left,
  1643. .webix_hs_center,
  1644. .webix_hs_right {
  1645. font-family: Roboto, sans-serif;
  1646. font-size: 14px;
  1647. font-weight: 500;
  1648. color: #313131;
  1649. letter-spacing: 0.2px;
  1650. background: #F4F5F9;
  1651. }
  1652. .webix_ss_footer,
  1653. .webix_ss_footer .webix_hcolumn,
  1654. .webix_ss_footer .webix_hs_left,
  1655. .webix_ss_footer .webix_hs_center,
  1656. .webix_ss_footer .webix_hs_right,
  1657. .webix_ss_footer div.webix_ss_vscroll_footer {
  1658. background: #fafafa;
  1659. }
  1660. .webix_hcell.webix_measure_size {
  1661. -moz-box-sizing: border-box;
  1662. -webkit-box-sizing: border-box;
  1663. box-sizing: border-box;
  1664. font-family: Roboto, sans-serif;
  1665. font-size: 14px;
  1666. font-weight: 500;
  1667. color: #313131;
  1668. letter-spacing: 0.2px;
  1669. }
  1670. /*content in header and footer*/
  1671. .webix_hcell {
  1672. padding: 0px 12px 0px 12px;
  1673. text-align: left;
  1674. }
  1675. /*borders in header and footer*/
  1676. .webix_ss_header .webix_hcolumn .webix_hcell,
  1677. .webix_ss_header .webix_span {
  1678. border-right: 1px solid #DADEE0;
  1679. border-bottom: 1px solid #DADEE0;
  1680. }
  1681. .webix_ss_footer .webix_hcolumn .webix_hcell,
  1682. .webix_ss_footer .webix_span {
  1683. border-right: 1px solid #EDEFF0;
  1684. border-top: 1px solid #EDEFF0;
  1685. }
  1686. /*remove rightmost borders*/
  1687. .webix_hs_right .webix_hcell.webix_last,
  1688. .webix_hs_center .webix_hcell.webix_last {
  1689. border-right-width: 0px;
  1690. }
  1691. /*right inner border*/
  1692. .webix_column.webix_last > div {
  1693. border-right-width: 0px;
  1694. }
  1695. /*borders between split areas*/
  1696. .webix_ss_right .webix_column.webix_first > div,
  1697. .webix_hs_right .webix_first {
  1698. border-left: 1px solid #DADEE0;
  1699. }
  1700. .webix_ss_left .webix_column.webix_last > div {
  1701. border-right: 1px solid #DADEE0;
  1702. }
  1703. .webix_last_topcell.webix_cell {
  1704. border-bottom: 1px solid #DADEE0;
  1705. }
  1706. /*normal data cell of the table*/
  1707. .webix_column > div,
  1708. .webix_table_cell {
  1709. border-right: 1px solid #EDEFF0;
  1710. padding: 0 12px;
  1711. border-bottom: 1px solid #EDEFF0;
  1712. }
  1713. .webix_column,
  1714. .webix_hcolumn {
  1715. text-align: left;
  1716. }
  1717. /*header selection in column mode, column dnd*/
  1718. .webix_ss_header .webix_sel_hcell,
  1719. .webix_ss_footer .webix_sel_hcell,
  1720. .webix_ss_header .webix_dd_over_column {
  1721. background-color: #c9eaf5;
  1722. }
  1723. .webix_block_selection {
  1724. z-index: 2;
  1725. background: rgba(0, 0, 0, 0.1);
  1726. border: 2px solid #EDEFF0;
  1727. }
  1728. .webix_dd_drag {
  1729. white-space: nowrap;
  1730. overflow: hidden;
  1731. border-left: 1px solid #EDEFF0;
  1732. height: 36px;
  1733. }
  1734. .webix_dd_drag > div {
  1735. display: inline-block;
  1736. vertical-align: top;
  1737. background: #FFFFFF;
  1738. border-top: 1px solid #EDEFF0;
  1739. border-right: 1px solid #EDEFF0;
  1740. border-bottom: 1px solid #EDEFF0;
  1741. padding: 5px 12px;
  1742. height: 36px;
  1743. line-height: 28px;
  1744. -moz-box-sizing: border-box;
  1745. -webkit-box-sizing: border-box;
  1746. box-sizing: border-box;
  1747. }
  1748. .webix_dd_drag_column {
  1749. padding: 5px 10px 5px 10px;
  1750. }
  1751. .webix_column > .webix_drag_over.webix_cell {
  1752. background-color: #e6e6e6;
  1753. color: #475466;
  1754. }
  1755. .webix_column > .webix_drag_over.webix_cell.webix_row_select,
  1756. .webix_column > .webix_drag_over.webix_cell.webix_cell_select {
  1757. color: #475466;
  1758. background: #F4F5F9;
  1759. }
  1760. .webix_column > .webix_drag_over.webix_cell.webix_row_select:focus,
  1761. .webix_column > .webix_drag_over.webix_cell.webix_cell_select:focus {
  1762. background: #edeff5;
  1763. }
  1764. .webix_cell.webix_invalid {
  1765. background-color: #ffeeee;
  1766. }
  1767. .webix_invalid_cell {
  1768. position: relative;
  1769. }
  1770. .webix_invalid_cell:after {
  1771. content: "";
  1772. position: absolute;
  1773. top: 0px;
  1774. right: 0px;
  1775. width: 0px;
  1776. height: 1px;
  1777. border-top: 8px solid #f44;
  1778. border-left: 8px solid transparent;
  1779. }
  1780. /*selection*/
  1781. .webix_column > div.webix_cell_select,
  1782. .webix_column > div.webix_column_select,
  1783. .webix_column > div.webix_row_select {
  1784. color: #475466;
  1785. background: #F4F5F9;
  1786. }
  1787. .webix_column > div.webix_cell_select:focus,
  1788. .webix_column > div.webix_column_select:focus,
  1789. .webix_column > div.webix_row_select:focus {
  1790. background: #edeff5;
  1791. }
  1792. /*extra borders, for selection in cell mode*/
  1793. .webix_column > div.webix_cell_select {
  1794. border-bottom: 1px solid #EDEFF0;
  1795. border-left: 1px solid #EDEFF0;
  1796. border-right: 1px solid #EDEFF0;
  1797. padding-top: 0px;
  1798. padding-left: 11px;
  1799. }
  1800. .webix_ss_right .webix_column.webix_first > div.webix_cell_select {
  1801. padding-left: 12px;
  1802. }
  1803. /*extra borders, for selection in row mode*/
  1804. .webix_column > div.webix_row_select {
  1805. border-bottom: 1px solid #EDEFF0;
  1806. padding-top: 0px;
  1807. }
  1808. /*extra borders for selection in column mode*/
  1809. .webix_column > div.webix_column_select {
  1810. border-left: 1px solid #EDEFF0;
  1811. border-right: 1px solid #EDEFF0;
  1812. padding-left: 11px;
  1813. }
  1814. .webix_cell.webix_dtable_colrow,
  1815. .webix_cell.webix_dtable_subrow,
  1816. .webix_dtable_subview {
  1817. position: absolute;
  1818. left: 0px;
  1819. top: 0px;
  1820. background-color: white;
  1821. width: 100%;
  1822. padding-right: 30px;
  1823. padding-left: 12px;
  1824. padding-top: 1px;
  1825. border-bottom: 1px solid #EDEFF0;
  1826. }
  1827. .webix_cell.webix_dtable_colrow.webix_selected {
  1828. color: #475466;
  1829. background: #F4F5F9;
  1830. }
  1831. .webix_cell.webix_dtable_colrow.webix_selected:focus {
  1832. background: #edeff5;
  1833. }
  1834. .webix_dtable_subrow {
  1835. border-top: 1px solid #EDEFF0;
  1836. text-align: right;
  1837. }
  1838. .webix_dtable_subview {
  1839. background: #EDEFF0;
  1840. border-top: 1px solid #EDEFF0;
  1841. padding: 0px 0px 0px 0px;
  1842. padding-left: 10px;
  1843. box-sizing: border-box;
  1844. }
  1845. .number .webix_cell {
  1846. text-align: right;
  1847. }
  1848. .webix_rotate {
  1849. transform: rotate(-90deg);
  1850. -webkit-transform: rotate(-90deg);
  1851. line-height: normal;
  1852. }
  1853. .webix_measure_rotate {
  1854. line-height: normal;
  1855. white-space: normal;
  1856. padding: 10px;
  1857. }
  1858. .webix_span_layer,
  1859. .webix_span_layer_top {
  1860. background: transparent;
  1861. position: absolute;
  1862. left: 0px;
  1863. top: 0px;
  1864. height: 0px;
  1865. width: 0px;
  1866. overflow: visible;
  1867. }
  1868. .webix_span_layer_top {
  1869. z-index: 1;
  1870. }
  1871. .webix_ss_right .webix_span_layer,
  1872. .webix_ss_right .webix_span_layer_top {
  1873. border-left: 1px solid #DADEE0;
  1874. }
  1875. .webix_dtable_span {
  1876. position: absolute;
  1877. background: #FFFFFF;
  1878. text-align: left;
  1879. }
  1880. .webix_dtable_span.webix_selected {
  1881. color: #475466;
  1882. background: #F4F5F9;
  1883. }
  1884. .webix_dtable_span.webix_selected:focus {
  1885. background: #edeff5;
  1886. }
  1887. .webix_hcell span.webix_input_icon {
  1888. background-color: #DADEE0;
  1889. }
  1890. .webix_area_selection_layer {
  1891. position: absolute;
  1892. z-index: 2;
  1893. }
  1894. .webix_area_selection {
  1895. position: absolute;
  1896. background: #475466;
  1897. }
  1898. .webix_dtable_focused .webix_area_selection {
  1899. background-color: #3f4a5a;
  1900. }
  1901. .webix_area_selection_top,
  1902. .webix_area_selection_bottom {
  1903. height: 2px;
  1904. }
  1905. .webix_area_selection_left,
  1906. .webix_area_selection_right {
  1907. width: 2px;
  1908. }
  1909. .webix_area_selection_handle {
  1910. position: absolute;
  1911. width: 6px;
  1912. height: 6px;
  1913. border: 1px solid #fff;
  1914. background: #475466;
  1915. cursor: crosshair;
  1916. margin: -6px 0 0 -6px;
  1917. }
  1918. .webix_topcell {
  1919. position: relative;
  1920. background: #FFFFFF;
  1921. z-index: 1;
  1922. }
  1923. .webix_dtable .webix_resize_handle_x .webix_handle_content,
  1924. .webix_dtable .webix_resize_handle_y .webix_handle_content {
  1925. border: none;
  1926. background-color: #1CA1C1;
  1927. }
  1928. .webix_dtable_focused .webix_column > div.webix_row_select,
  1929. .webix_dtable_focused .webix_column > div.webix_column_select {
  1930. background: #edeff5;
  1931. }
  1932. .webix_window {
  1933. position: absolute;
  1934. box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 7px 0 rgba(0, 0, 0, 0.1);
  1935. }
  1936. .webix_window:focus {
  1937. box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.12), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  1938. }
  1939. .webix_win_body {
  1940. overflow: hidden;
  1941. }
  1942. .webix_window,
  1943. .webix_win_content,
  1944. .webix_win_body,
  1945. .webix_win_body > .webix_view {
  1946. border-radius: 0px;
  1947. }
  1948. .webix_win_body > .webix_view .webix_cal_month {
  1949. border-radius: 0px;
  1950. }
  1951. .webix_win_head {
  1952. border-bottom: 1px solid #DADEE0;
  1953. }
  1954. .webix_win_title {
  1955. text-align: center;
  1956. }
  1957. /*----------------------------*/
  1958. /* DO NOT CHANGE STYLES BELOW */
  1959. /*----------------------------*/
  1960. .webix_win_content {
  1961. height: auto;
  1962. width: auto;
  1963. overflow: hidden;
  1964. }
  1965. .webix_modal {
  1966. width: 100%;
  1967. height: 100%;
  1968. position: fixed;
  1969. top: 0;
  1970. left: 0;
  1971. background-color: black;
  1972. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
  1973. opacity: 0.2;
  1974. }
  1975. .webix_point_top,
  1976. .webix_point_right,
  1977. .webix_point_bottom,
  1978. .webix_point_left {
  1979. position: absolute;
  1980. }
  1981. .webix_point_top,
  1982. .webix_point_bottom {
  1983. width: 13px;
  1984. height: 7px;
  1985. }
  1986. .webix_point_left,
  1987. .webix_point_right {
  1988. width: 7px;
  1989. height: 13px;
  1990. }
  1991. .webix_point_top,
  1992. .webix_point_bottom,
  1993. .webix_point_right,
  1994. .webix_point_left {
  1995. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAArCAIAAADHSy4DAAAABnRSTlMAAAAAAABupgeRAAAACXBIWXMAAABPAAAATwFjiv3XAAAAhElEQVR4nMXVQQoAIQhAUe9/FC/pLAYayUm/EeT6YWGmoqpWharKG7n+XK5nt9L/LurMeV27oZHrReN0M6Oupr5S1GU0vhN1J7L27hp1QYXX1WtE5UxnNXI0ep7+pEGRpr95ooWObbXUm1npXWkFaF3vTqj9c+h8pVOb7gK6Yeje4tvwARi4FgcAh2V/AAAAAElFTkSuQmCC");
  1996. }
  1997. .webix_point_top {
  1998. background-position: 0 -36px;
  1999. }
  2000. .webix_point_bottom {
  2001. background-position: 0 0;
  2002. }
  2003. .webix_point_right {
  2004. background-position: 0 -22px;
  2005. }
  2006. .webix_point_left {
  2007. background-position: 0 -9px;
  2008. }
  2009. .webix_resize_handle {
  2010. position: absolute;
  2011. z-index: 2;
  2012. width: 15px;
  2013. height: 15px;
  2014. bottom: 0px;
  2015. line-height: 15px;
  2016. right: -1px;
  2017. text-align: center;
  2018. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABZJREFUeAFjIAUwUshlpJDLSIhLGAAACQ4AFk79JaMAAAAASUVORK5CYII=);
  2019. cursor: nw-resize;
  2020. }
  2021. .webix_resize_frame {
  2022. position: absolute;
  2023. filter: alpha(opacity=10);
  2024. opacity: 0.1;
  2025. background: #1CA1C1;
  2026. display: block;
  2027. border: 1px solid #0f5768;
  2028. box-shadow: 1px 3px 6px #000;
  2029. }
  2030. .webix_resize_cursor {
  2031. cursor: nw-resize;
  2032. }
  2033. .webix_shadow_medium,
  2034. .webix_shadow_small,
  2035. .webix_shadow_big {
  2036. position: relative;
  2037. }
  2038. .webix_shadow_medium {
  2039. box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 7px 0 rgba(0, 0, 0, 0.1);
  2040. }
  2041. .webix_shadow_small {
  2042. box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  2043. }
  2044. .webix_shadow_big {
  2045. box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.12), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  2046. }
  2047. .webix_shadow_none {
  2048. box-shadow: none !important;
  2049. }
  2050. .webix_toolbar.webix_shadow_small,
  2051. .webix_toolbar.webix_shadow_medium,
  2052. .webix_toolbar.webix_shadow_big {
  2053. z-index: 1;
  2054. }
  2055. /*basis*/
  2056. .webix_tree .webix_scroll_cont > .webix_tree_leaves {
  2057. padding: 8px;
  2058. }
  2059. .webix_tree_item {
  2060. clear: both;
  2061. height: 24px;
  2062. line-height: 24px;
  2063. white-space: nowrap;
  2064. }
  2065. .webix_tree_item.webix_selected {
  2066. background: transparent;
  2067. }
  2068. .webix_tree_item.webix_selected span {
  2069. padding: 4px 10px 4px 4px;
  2070. margin-left: -4px;
  2071. color: #475466;
  2072. background: #F4F5F9;
  2073. }
  2074. .webix_tree_item.webix_selected span:focus {
  2075. background: #edeff5;
  2076. }
  2077. .webix_tree_item.webix_invalid {
  2078. background-color: #ffeeee;
  2079. }
  2080. .webix_tree_checkbox {
  2081. margin: 1px 0 0;
  2082. padding: 0px;
  2083. float: left;
  2084. vertical-align: middle;
  2085. height: 100%;
  2086. width: 13px;
  2087. }
  2088. .webix_indeterminate {
  2089. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcCCSwfRyGesAAAAAxpVFh0Q29tbWVudAAAAAAAvK6ymQAAAExJREFUKM9jLCgo+M9AAmBhYGBgaGtrY+Tk5MSrsLCwkIGBgeE/EwOJgGQNLMgcJSUlBgYGBnQ/Md67d498G+jsB6hbGQfWSYykJg0AUMsPVoNrFX0AAAAASUVORK5CYII=");
  2090. background-repeat: no-repeat;
  2091. background-position: left center;
  2092. height: 100%;
  2093. width: 13px;
  2094. margin-top: 0 !important;
  2095. }
  2096. .webix_measure_size {
  2097. font-family: Roboto, sans-serif;
  2098. }
  2099. .webix_measure_size input,
  2100. .webix_measure_size textarea,
  2101. .webix_measure_size select {
  2102. width: 5px;
  2103. }
  2104. .webix_measure_size div {
  2105. margin-left: -5px;
  2106. float: none;
  2107. }
  2108. .webix_measure_size div,
  2109. .webix_measure_size a {
  2110. display: inline-block !important;
  2111. position: static !important;
  2112. }
  2113. .webix_tree_close,
  2114. .webix_tree_open,
  2115. .webix_tree_none,
  2116. .webix_tree_folder,
  2117. .webix_tree_file,
  2118. .webix_tree_folder_open {
  2119. float: left;
  2120. width: 20px;
  2121. height: 100%;
  2122. cursor: pointer;
  2123. margin: 0px 0px 0px 0px;
  2124. background-repeat: no-repeat;
  2125. }
  2126. .webix_tree_close,
  2127. .webix_tree_open,
  2128. .webix_tree_none {
  2129. background-position: center center;
  2130. }
  2131. .webix_cell .webix_tree_close,
  2132. .webix_cell .webix_tree_open,
  2133. .webix_cell .webix_tree_none {
  2134. background-color: transparent;
  2135. }
  2136. .webix_tree_folder,
  2137. .webix_tree_file,
  2138. .webix_tree_folder_open {
  2139. background-position: 0 center ;
  2140. }
  2141. .webix_tree_file,
  2142. .webix_tree_folder,
  2143. .webix_tree_folder_open {
  2144. margin: 0px 2px;
  2145. }
  2146. .webix_tree_leaves .webix_tree_leaves {
  2147. margin-left: 20px;
  2148. }
  2149. .webixLineTree .webix_tree_leaves {
  2150. margin-left: 0px;
  2151. }
  2152. .webix_tree_close {
  2153. background-image: url("data:image/gif;base64,R0lGODlhEgASALMJAMrKyt3d3ejp6d7f3+/v75aWlvf39////wAAAP///wAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0I5RTczQjVDMDdBMTFFMTgxRjc4Mzk4M0Q3MjVFQzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0I5RTczQjZDMDdBMTFFMTgxRjc4Mzk4M0Q3MjVFQzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQjlFNzNCM0MwN0ExMUUxODFGNzgzOTgzRDcyNUVDMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQjlFNzNCNEMwN0ExMUUxODFGNzgzOTgzRDcyNUVDMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAkALAAAAAASABIAAARJMMlJq704661B+SAIXAVhnKhBFKSZnmuLImhslXPN3ibi+6pdBXc4IIpB2YkGE1IKAoL0ICUInJNCYMDtDgJYiScUGnHO6LQkAgA7");
  2154. }
  2155. .webix_tree_open {
  2156. background-image: url("data:image/gif;base64,R0lGODlhEgASALMJAMrKyt3d3ejp6d7f3+/v75aWlvf39wAAAP///////wAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzY0QzNGM0VDMDdBMTFFMUE3MDlCNUM2QjU1NDA5RjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzY0QzNGM0ZDMDdBMTFFMUE3MDlCNUM2QjU1NDA5RjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjRDM0YzQ0MwN0ExMUUxQTcwOUI1QzZCNTU0MDlGOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjRDM0YzREMwN0ExMUUxQTcwOUI1QzZCNTU0MDlGOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAkALAAAAAASABIAAARDMMlJq704661B+SAIXAVhnKhBFKSZnmv7wqxVzmpd3Uff5zKEUAi0uV4xm4DAbBIEOkohMKhaB4HoxBMKjTjgsFgSAQA7");
  2157. }
  2158. .webix_tree_file {
  2159. background-image: url("data:image/gif;base64,R0lGODlhEgASAIABAI6Pj////yH5BAEKAAEALAAAAAASABIAAAInjI+JwM26XAtPyTnTfU5veGyXJ2ZhaRpoSq0AicKlLNJftNojyCMFADs=");
  2160. }
  2161. .webix_tree_folder {
  2162. background-image: url("data:image/gif;base64,R0lGODlhEgASAIABAI6Pj////yH5BAEKAAEALAAAAAASABIAAAIhjI+py90AI3Syvoqj27mfnn2gZYxkYEpiCqypa27yTC8FADs=");
  2163. }
  2164. .webix_tree_folder_open {
  2165. background-image: url("data:image/gif;base64,R0lGODlhEgASAIABAI6Pj////yH5BAEKAAEALAAAAAASABIAAAIjjI+py90AI3SyvorjkQ7pDAJBSJaTaGpjKq7pxsJmR9c2UwAAOw==");
  2166. }
  2167. .webix_tree_img {
  2168. background: transparent;
  2169. float: left;
  2170. width: 25px;
  2171. height: 24px;
  2172. background-position: 0 0;
  2173. }
  2174. .webix_tree_plus2 {
  2175. background-image: url("data:image/gif;base64,R0lGODlhEgAYAMIDAFVVVYiIiMHBwf///////////////////yH5BAEKAAQALAAAAAASABgAAAM8SLoq/LDFKWl0FuLMNq8faAVkWVLBoK5DgK7A6k6pGqtzlAI83wpAIKM2uLVeNhmSdaSZTKGodEqtWjkJADs=");
  2176. background-repeat: no-repeat;
  2177. }
  2178. .webix_tree_plus3 {
  2179. background-image: url("data:image/gif;base64,R0lGODlhEgAYAMIDAFVVVYiIiMHBwf///////////////////yH5BAEKAAQALAAAAAASABgAAANCSLoq/LDFKWl0FuLMNq8faAVkWVLBoK5DgK7A6k6pGqtzlAI83wpAIKM2uLVeNhmSdaSZTB9PNLSQcqwZrEVL4SYAADs=");
  2180. }
  2181. .webix_tree_plus4 {
  2182. background-image: url("data:image/gif;base64,R0lGODlhEgAYAMIDAFVVVYiIiMHBwf///////////////////yH5BAEKAAQALAAAAAASABgAAAM5SLrc/jDKSau9mIbNeQxDKA7BJwJiCYEhGqoPCMwzKdw3ww4uabap38i36nQqgkwSs7w0LU+kMpIAADs=");
  2183. }
  2184. .webix_tree_minus2 {
  2185. background-image: url("data:image/gif;base64,R0lGODlhEgAYAMIDAFVVVYiIiMHBwf///////////////////yH5BAEKAAQALAAAAAASABgAAAM5SLoq/LDFKWl0FuLMNq8faAVkWVLBoK5DgLKrO6Vw+wI43go8z9AwWQTIEkKIMZTJFGo6n9ColJMAADs=");
  2186. background-repeat: no-repeat;
  2187. }
  2188. .webix_tree_minus3 {
  2189. background-image: url("data:image/gif;base64,R0lGODlhEgAYAMIDAFVVVYiIiMHBwf///////////////////yH5BAEKAAQALAAAAAASABgAAAM+SLoq/LDFKWl0FuLMNq8faAVkWVLBoK5DgLKrO6Vw+wI43go8z9AwWQTIEkKIMZTJ9PE0QwsnR5qhWqwUbAIAOw==");
  2190. }
  2191. .webix_tree_minus4 {
  2192. background-image: url("data:image/gif;base64,R0lGODlhEgAYAMIDAFVVVYiIiMHBwf///////////////////yH5BAEKAAQALAAAAAASABgAAAM1SLrc/jDKSau9mIbNeQxDKA7BN4olBJ6kCbwvKcwzs57pc4+5s6OfTqciyBQxx0vSsiQaIwkAOw==");
  2193. }
  2194. .webix_tree_line1 {
  2195. background-image: url("data:image/gif;base64,R0lGODlhGQAcAIABAMHBwf///yH5BAEKAAEALAAAAAAZABwAAAIxjI8Gyc3r4pP0wCovdnpPz4Gh+JFIZ6KkKrKg68GbjNGVTeGZmeiRP+IphBbi0EgrAAA7");
  2196. }
  2197. .webix_tree_line2 {
  2198. background-image: url("data:image/gif;base64,R0lGODlhGQAcAIABAMHBwf///yH5BAEKAAEALAAAAAAZABwAAAIpjI8Gyc3r4pP0wCovdnpPz4Gh+JFIZ6KkKgLuC7/mTNf2jef6zvc+XgAAOw==");
  2199. background-repeat: no-repeat;
  2200. }
  2201. .webix_tree_line3 {
  2202. background-image: url("data:image/gif;base64,R0lGODlhGQAcAIABAMHBwf///yH5BAEKAAEALAAAAAAZABwAAAI1jI8Gyc3r4pP0wCovdnpPz4Gh+JFIZ6KkKgLuC78VC9KeveGYPpsJTwFmfCeixahABoQRXQEAOw==");
  2203. }
  2204. .webix_tree_line4 {
  2205. background-image: url("data:image/gif;base64,R0lGODlhGQAcAIABAMHBwf///yH5BAEKAAEALAAAAAAZABwAAAIjjI+py+0Po5y02ouz3rxDAIZi+HGAiW6nmmqr22avHGMzUwAAOw==");
  2206. }
  2207. .webix_tree_blank {
  2208. background-image: url(data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==);
  2209. }
  2210. .webix_tree_img {
  2211. background-color: #FFFFFF;
  2212. }
  2213. .webix_cal_month {
  2214. height: 24px;
  2215. line-height: 24px;
  2216. text-align: center;
  2217. position: relative;
  2218. font-size: 14px;
  2219. font-weight: bold;
  2220. padding: 0 0 6px;
  2221. box-sizing: content-box;
  2222. }
  2223. .webix_cal_prev_button,
  2224. .webix_cal_next_button {
  2225. cursor: pointer;
  2226. position: absolute;
  2227. top: 0;
  2228. width: 24px;
  2229. height: 24px;
  2230. background-repeat: no-repeat;
  2231. background-position: 8px 6px;
  2232. -moz-user-select: none;
  2233. -webkit-user-select: none;
  2234. -ms-user-select: none;
  2235. user-select: none;
  2236. }
  2237. .webix_cal_prev_button {
  2238. left: 0;
  2239. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAASUlEQVR42p2QMQoAQQgD79EZ0Mqn5xCu2cPdYgUbJ0rMMxXgLeiuKq8gsJAz8weQ0QiwJEfECnr4wdlEnwJ68+yyhReC+c85oRecj0Um+pmo9wAAAABJRU5ErkJggg==");
  2240. background-repeat: no-repeat;
  2241. }
  2242. .webix_cal_next_button {
  2243. right: 0;
  2244. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAARElEQVR42qXPsQoAIAhF0T76PdDJT7cUmtQhcmk4N8QVQ9JXN2bmgWOgqp+BiCRG2AYAMoi3/LxYdyagAnhA6G93TrABZaJFJjrFY8IAAAAASUVORK5CYII=");
  2245. background-repeat: no-repeat;
  2246. }
  2247. .webix_view > .webix_cal_header {
  2248. height: 24px;
  2249. }
  2250. .webix_view > .webix_cal_header div {
  2251. float: left;
  2252. text-align: center;
  2253. height: 19px;
  2254. font-size: 11px;
  2255. color: #475466;
  2256. border-bottom: #DADEE0 1px solid;
  2257. }
  2258. .webix_cal_body .webix_cal_row > div {
  2259. float: left;
  2260. text-align: center;
  2261. height: 100%;
  2262. }
  2263. .webix_cal_body .webix_selected,
  2264. .webix_cal_body .webix_cal_select,
  2265. .webix_cal_body .webix_cal_select.webix_cal_today {
  2266. color: #475466;
  2267. background: #F4F5F9;
  2268. }
  2269. .webix_cal_day,
  2270. .webix_cal_week_num {
  2271. cursor: pointer;
  2272. font-size: 12px;
  2273. color: #475466;
  2274. -moz-user-select: none;
  2275. -webkit-user-select: none;
  2276. -ms-user-select: none;
  2277. user-select: none;
  2278. }
  2279. .webix_cal_week_num {
  2280. color: #a2adbe;
  2281. cursor: default;
  2282. margin-right: 0px;
  2283. border-right: 1px solid #DADEE0;
  2284. }
  2285. .webix_cal_event {
  2286. font-weight: bold;
  2287. color: #C66200;
  2288. }
  2289. .webix_cal_outside {
  2290. color: #b1bbc8;
  2291. }
  2292. .webix_cal_inactive {
  2293. background: #888;
  2294. }
  2295. .webix_cal_inactive {
  2296. background: #888;
  2297. }
  2298. .webix_cal_day_disabled,
  2299. .webix_cal_day_disabled.webix_cal_event {
  2300. color: #b1bbc8;
  2301. background: #f0f0f0;
  2302. }
  2303. .webix_cal_day_disabled.webix_cal_day,
  2304. .webix_cal_day_disabled.webix_cal_block {
  2305. cursor: not-allowed;
  2306. }
  2307. .webix_hours .webix_cal_day_disabled,
  2308. .webix_minutes .webix_cal_day_disabled,
  2309. .webix_hours .webix_cal_day_disabled.webix_cal_event,
  2310. .webix_minutes .webix_cal_day_disabled.webix_cal_event {
  2311. background: #FFFFFF;
  2312. font-weight: normal;
  2313. text-decoration: line-through;
  2314. }
  2315. .webix_cal_month_name {
  2316. cursor: pointer;
  2317. -moz-user-select: none;
  2318. -webkit-user-select: none;
  2319. -ms-user-select: none;
  2320. user-select: none;
  2321. }
  2322. .webix_cal_block {
  2323. float: left;
  2324. text-align: center;
  2325. cursor: pointer;
  2326. -moz-user-select: none;
  2327. -webkit-user-select: none;
  2328. -ms-user-select: none;
  2329. user-select: none;
  2330. }
  2331. .webix_selected {
  2332. background: #F4F5F9;
  2333. color: #475466;
  2334. }
  2335. .webix_cal_footer {
  2336. text-align: center;
  2337. font-size: 12px;
  2338. color: #444;
  2339. height: 24px;
  2340. padding: 6px 0 0;
  2341. cursor: pointer;
  2342. }
  2343. .webix_cal_icons {
  2344. float: right;
  2345. height: 20px;
  2346. line-height: 20px;
  2347. padding: 4px 4px 0;
  2348. }
  2349. .webix_cal_time {
  2350. height: 20px;
  2351. line-height: 20px;
  2352. padding: 4px 4px 0;
  2353. }
  2354. .webix_cal_time_icons {
  2355. float: left;
  2356. }
  2357. .webix_cal_icons .webix_cal_icon {
  2358. text-align: center;
  2359. padding: 0 4px;
  2360. }
  2361. .webix_cal_icon:hover,
  2362. .webix_cal_time:hover,
  2363. .webix_cal_month_name:hover {
  2364. text-decoration: underline;
  2365. color: #1CA1C1;
  2366. }
  2367. .webix_cal_icon:focus,
  2368. .webix_cal_time:focus,
  2369. .webix_cal_month_name:focus {
  2370. color: #1CA1C1;
  2371. }
  2372. .webix_cal_month_name.webix_readonly {
  2373. cursor: default;
  2374. }
  2375. .webix_cal_month_name.webix_readonly:hover,
  2376. .webix_cal_month_name.webix_readonly:focus {
  2377. text-decoration: none;
  2378. color: inherit;
  2379. }
  2380. .webix_time_header {
  2381. padding: 0 0 6px;
  2382. }
  2383. .webix_time_header .webix_cal_hours,
  2384. .webix_time_header .webix_cal_minutes {
  2385. display: inline-block;
  2386. font-size: 14px;
  2387. text-align: center;
  2388. height: 24px;
  2389. line-height: 24px;
  2390. -moz-box-sizing: border-box;
  2391. -webkit-box-sizing: border-box;
  2392. box-sizing: border-box;
  2393. border-bottom: 1px solid #DADEE0;
  2394. }
  2395. .webix_time_header .webix_cal_minutes {
  2396. padding-left: 1px;
  2397. border-left: none;
  2398. }
  2399. .webix_time_header .webix_cal_hours {
  2400. border-right: none !important;
  2401. }
  2402. .webix_cal_body .webix_hours {
  2403. float: left;
  2404. border-right: 1px solid #DADEE0;
  2405. padding-right: 1px;
  2406. }
  2407. .webix_cal_body .webix_minutes {
  2408. float: left;
  2409. padding-left: 1px;
  2410. }
  2411. .webix_cal_block_empty {
  2412. float: left;
  2413. text-align: center;
  2414. }
  2415. .webix_time_footer {
  2416. text-align: center;
  2417. font-size: 12px;
  2418. height: 24px;
  2419. padding: 6px 0 0;
  2420. cursor: pointer;
  2421. }
  2422. .webix_cal_done {
  2423. height: 24px;
  2424. padding: 2px 8px;
  2425. font-size: 12px;
  2426. border-radius: 2px;
  2427. border: 1px solid #DADEE0;
  2428. font-family: Roboto, sans-serif;
  2429. font-size: 16px;
  2430. font-weight: 500;
  2431. letter-spacing: 0px;
  2432. outline: none;
  2433. background: #F4F5F9;
  2434. color: #1CA1C1;
  2435. float: right;
  2436. }
  2437. .webix_cal_done:hover {
  2438. background-color: #e7e9f2;
  2439. }
  2440. .webix_cal_done:focus {
  2441. background-color: #e7e9f2;
  2442. }
  2443. .webix_cal_done:active {
  2444. background-color: #daddeb;
  2445. }
  2446. .webix_cal_blurred_hours {
  2447. background-color: #f7f7f7;
  2448. }
  2449. .webix_property_line {
  2450. clear: both;
  2451. width: 100%;
  2452. min-height: 28px;
  2453. height: auto;
  2454. }
  2455. .webix_property_line.webix_focused > div,
  2456. .webix_property_line:focus > div {
  2457. background-color: #f7f8fb;
  2458. }
  2459. .webix_property_label,
  2460. .webix_property_value {
  2461. height: 28px;
  2462. line-height: 27px;
  2463. padding-left: 12px;
  2464. float: left;
  2465. border-bottom: 1px solid #EDEFF0;
  2466. -moz-box-sizing: border-box;
  2467. -webkit-box-sizing: border-box;
  2468. box-sizing: border-box;
  2469. overflow: hidden;
  2470. }
  2471. .webix_property_label {
  2472. border-right: 1px solid #EDEFF0;
  2473. }
  2474. .webix_property_label_line {
  2475. font-family: Roboto, sans-serif;
  2476. font-size: 16px;
  2477. font-weight: 500;
  2478. color: #475466;
  2479. letter-spacing: 0px;
  2480. line-height: 42px;
  2481. padding-left: 12px;
  2482. border-bottom: 1px solid #EDEFF0;
  2483. line-height: 28px;
  2484. }
  2485. .webix_property_label_line .webix_el_label .webix_el_box {
  2486. font-family: Roboto, sans-serif;
  2487. font-size: 16px;
  2488. font-weight: 500;
  2489. color: #475466;
  2490. letter-spacing: 0px;
  2491. }
  2492. .webix_property_label_line.webix_dark {
  2493. background: #657584;
  2494. border-color: #657584;
  2495. }
  2496. .webix_property_label_line.webix_dark .webix_el_button,
  2497. .webix_property_label_line.webix_dark .webix_el_label .webix_el_box,
  2498. .webix_property_label_line.webix_dark .webix_inp_label,
  2499. .webix_property_label_line.webix_dark .webix_inp_top_label {
  2500. color: #FFFFFF;
  2501. }
  2502. .webix_property_label_line.webix_dark .webix_secondary .webix_icon,
  2503. .webix_property_label_line.webix_dark .webix_transparent .webix_icon,
  2504. .webix_property_label_line.webix_dark .webix_secondary .webix_img_btn_text,
  2505. .webix_property_label_line.webix_dark .webix_transparent .webix_img_btn_text,
  2506. .webix_property_label_line.webix_dark .webix_secondary .webix_icon_btn,
  2507. .webix_property_label_line.webix_dark .webix_transparent .webix_icon_btn {
  2508. color: #FFFFFF;
  2509. }
  2510. .webix_property_label_line.webix_dark .webix_transparent button {
  2511. color: #FFFFFF;
  2512. }
  2513. .webix_property_label_line.webix_dark .webix_transparent button:hover,
  2514. .webix_property_label_line.webix_dark .webix_transparent button:focus {
  2515. background-color: rgba(0, 0, 0, 0.2);
  2516. }
  2517. .webix_property_label_line.webix_dark .webix_transparent button:active {
  2518. background-color: rgba(0, 0, 0, 0.4);
  2519. }
  2520. .webix_property_label_line.webix_dark .webix_secondary button,
  2521. .webix_property_label_line.webix_dark .webix_inp_counter_next,
  2522. .webix_property_label_line.webix_dark .webix_inp_counter_prev,
  2523. .webix_property_label_line.webix_dark .webix_segment_0,
  2524. .webix_property_label_line.webix_dark .webix_segment_1,
  2525. .webix_property_label_line.webix_dark .webix_segment_N,
  2526. .webix_property_label_line.webix_dark .webix_menu-x .webix_list_item {
  2527. background-color: rgba(0, 0, 0, 0.2);
  2528. color: #FFFFFF;
  2529. border-color: transparent;
  2530. }
  2531. .webix_property_label_line.webix_dark .webix_view > .webix_template {
  2532. color: #FFFFFF;
  2533. background-color: #657584;
  2534. }
  2535. .webix_property_label_line.webix_dark .webix_secondary button:hover,
  2536. .webix_property_label_line.webix_dark .webix_menu-x .webix_list_item:hover,
  2537. .webix_property_label_line.webix_dark .webix_inp_counter_next:hover,
  2538. .webix_property_label_line.webix_dark .webix_inp_counter_prev:hover,
  2539. .webix_property_label_line.webix_dark .webix_segment_0:hover,
  2540. .webix_property_label_line.webix_dark .webix_segment_1:hover,
  2541. .webix_property_label_line.webix_dark .webix_segment_N:hover {
  2542. color: #FFFFFF;
  2543. background-color: rgba(0, 0, 0, 0.4);
  2544. }
  2545. .webix_property_label_line.webix_dark .webix_secondary button:focus,
  2546. .webix_property_label_line.webix_dark .webix_menu-x .webix_list_item:focus,
  2547. .webix_property_label_line.webix_dark .webix_inp_counter_next:focus,
  2548. .webix_property_label_line.webix_dark .webix_inp_counter_prev:focus,
  2549. .webix_property_label_line.webix_dark .webix_segment_0:focus,
  2550. .webix_property_label_line.webix_dark .webix_segment_1:focus,
  2551. .webix_property_label_line.webix_dark .webix_segment_N:focus {
  2552. background-color: rgba(0, 0, 0, 0.4);
  2553. color: #FFFFFF;
  2554. }
  2555. .webix_property_label_line.webix_dark .webix_secondary button:active,
  2556. .webix_property_label_line.webix_dark .webix_menu-x .webix_list_item:active,
  2557. .webix_property_label_line.webix_dark .webix_inp_counter_next:active,
  2558. .webix_property_label_line.webix_dark .webix_inp_counter_prev:active,
  2559. .webix_property_label_line.webix_dark .webix_segment_0:active,
  2560. .webix_property_label_line.webix_dark .webix_segment_1:active,
  2561. .webix_property_label_line.webix_dark .webix_segment_N:active {
  2562. background-color: rgba(0, 0, 0, 0.5);
  2563. color: #FFFFFF;
  2564. }
  2565. .webix_property_label_line.webix_dark .webix_inp_static,
  2566. .webix_property_label_line.webix_dark input[type=text],
  2567. .webix_property_label_line.webix_dark input[type=combo],
  2568. .webix_property_label_line.webix_dark textarea,
  2569. .webix_property_label_line.webix_dark select,
  2570. .webix_property_label_line.webix_dark .webix_text_highlight {
  2571. border-color: transparent;
  2572. background-color: rgba(0, 0, 0, 0.2);
  2573. color: rgba(255, 255, 255, 0.7);
  2574. }
  2575. .webix_property_label_line.webix_dark .webix_el_texthighlight input,
  2576. .webix_property_label_line.webix_dark .webix_el_texthighlight textarea {
  2577. caret-color: rgba(255, 255, 255, 0.7);
  2578. }
  2579. .webix_property_label_line.webix_dark .webix_inp_static input[type=text] {
  2580. background-color: transparent;
  2581. }
  2582. .webix_property_label_line.webix_dark select option {
  2583. background-color: #657584;
  2584. color: #FFFFFF;
  2585. }
  2586. .webix_property_label_line.webix_dark .webix_multicombo_value,
  2587. .webix_property_label_line.webix_dark .webix_multicombo_tag {
  2588. color: #657584;
  2589. }
  2590. .webix_property_label_line.webix_dark .webix_inp_static:focus,
  2591. .webix_property_label_line.webix_dark input[type=text]:focus,
  2592. .webix_property_label_line.webix_dark input[type=combo]:focus,
  2593. .webix_property_label_line.webix_dark textarea:focus,
  2594. .webix_property_label_line.webix_dark select:focus {
  2595. border-color: #FFFFFF;
  2596. box-shadow: none;
  2597. }
  2598. .webix_property_label_line.webix_dark .webix_el_counter button {
  2599. background-color: rgba(0, 0, 0, 0.3);
  2600. }
  2601. .webix_property_label_line.webix_dark .webix_el_counter input[type=text]:focus {
  2602. border-color: transparent;
  2603. }
  2604. .webix_property_label_line.webix_dark .webix_placeholder {
  2605. color: rgba(255, 255, 255, 0.4);
  2606. }
  2607. .webix_property_label_line.webix_dark ::-webkit-input-placeholder {
  2608. color: rgba(255, 255, 255, 0.4);
  2609. }
  2610. .webix_property_label_line.webix_dark ::-moz-placeholder {
  2611. color: rgba(255, 255, 255, 0.4);
  2612. }
  2613. .webix_property_label_line.webix_dark :-moz-placeholder {
  2614. color: rgba(255, 255, 255, 0.4);
  2615. }
  2616. .webix_property_label_line.webix_dark :-ms-input-placeholder {
  2617. color: rgba(255, 255, 255, 0.4);
  2618. }
  2619. .webix_property_label_line.webix_dark .webix_input_icon {
  2620. color: rgba(255, 255, 255, 0.7);
  2621. }
  2622. .webix_property_label_line.webix_dark .webix_selected.webix_segment_0,
  2623. .webix_property_label_line.webix_dark .webix_selected.webix_segment_1,
  2624. .webix_property_label_line.webix_dark .webix_selected.webix_segment_N {
  2625. background: #1CA1C1;
  2626. color: #FFFFFF;
  2627. }
  2628. .webix_property_label_line.webix_dark .webix_selected.webix_segment_0:hover,
  2629. .webix_property_label_line.webix_dark .webix_selected.webix_segment_1:hover,
  2630. .webix_property_label_line.webix_dark .webix_selected.webix_segment_N:hover {
  2631. background-color: #1992af;
  2632. }
  2633. .webix_property_label_line.webix_dark .webix_selected.webix_segment_0:focus,
  2634. .webix_property_label_line.webix_dark .webix_selected.webix_segment_1:focus,
  2635. .webix_property_label_line.webix_dark .webix_selected.webix_segment_N:focus {
  2636. background-color: #1992af;
  2637. }
  2638. .webix_property_label_line.webix_dark .webix_selected.webix_segment_0:active,
  2639. .webix_property_label_line.webix_dark .webix_selected.webix_segment_1:active,
  2640. .webix_property_label_line.webix_dark .webix_selected.webix_segment_N:active {
  2641. background-color: #17839d;
  2642. }
  2643. .webix_property_label_line.webix_dark .webix_el_icon,
  2644. .webix_property_label_line.webix_dark .webix_icon_button {
  2645. color: #FFFFFF;
  2646. }
  2647. .webix_property_label_line.webix_dark .webix_control {
  2648. border-color: #1CA1C1;
  2649. }
  2650. .webix_property_label_line.webix_dark .webix_icon_button:hover:before {
  2651. background-color: rgba(0, 0, 0, 0.2);
  2652. }
  2653. .webix_property_label_line.webix_dark .webix_icon_button:hover .webix_icon {
  2654. opacity: 1;
  2655. }
  2656. .webix_property_label_line.webix_dark .webix_icon_button .webix_icon {
  2657. color: #FFFFFF;
  2658. opacity: 0.7;
  2659. }
  2660. .webix_property_label_line.webix_dark .webix_custom_checkbox,
  2661. .webix_property_label_line.webix_dark .webix_custom_radio {
  2662. color: #FFFFFF;
  2663. }
  2664. .webix_property_label_line.webix_dark .webix_custom_checkbox:focus,
  2665. .webix_property_label_line.webix_dark .webix_custom_radio:focus {
  2666. color: #f0f0f0;
  2667. }
  2668. .webix_property_label_line.webix_dark .webix_label_right {
  2669. color: #FFFFFF;
  2670. }
  2671. .webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_button {
  2672. color: rgba(255, 255, 255, 0.4);
  2673. background: rgba(0, 0, 0, 0.1);
  2674. text-shadow: none;
  2675. }
  2676. .webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_img_btn_text {
  2677. color: rgba(255, 255, 255, 0.4);
  2678. }
  2679. .webix_property_label_line.webix_dark .webix_disabled_view.webix_control .webix_icon_btn,
  2680. .webix_property_label_line.webix_dark .webix_disabled_view.webix_control .webix_icon {
  2681. color: rgba(255, 255, 255, 0.4);
  2682. }
  2683. .webix_property_label_line.webix_dark .webix_disabled_view.webix_menu-x .webix_list_item.menu {
  2684. background-color: rgba(0, 0, 0, 0.1);
  2685. color: rgba(255, 255, 255, 0.4);
  2686. }
  2687. .webix_property_label_line.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon,
  2688. .webix_property_label_line.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_disabled_box .webix_img_btn_text,
  2689. .webix_property_label_line.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon_btn {
  2690. color: rgba(255, 255, 255, 0.4);
  2691. }
  2692. .webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box label,
  2693. .webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_input_icon,
  2694. .webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box button {
  2695. color: rgba(255, 255, 255, 0.4);
  2696. }
  2697. .webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box input,
  2698. .webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box select,
  2699. .webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box textarea,
  2700. .webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static,
  2701. .webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_prev,
  2702. .webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_next {
  2703. color: rgba(255, 255, 255, 0.4);
  2704. background: rgba(0, 0, 0, 0.1);
  2705. border-color: transparent;
  2706. }
  2707. .webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static input {
  2708. background-color: transparent;
  2709. }
  2710. .webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_0,
  2711. .webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_1,
  2712. .webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_N,
  2713. .webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_item_tab {
  2714. color: rgba(255, 255, 255, 0.4);
  2715. background: rgba(0, 0, 0, 0.1);
  2716. text-shadow: none;
  2717. }
  2718. .webix_property_label_line.webix_dark .webix_disabled_top_label {
  2719. color: rgba(255, 255, 255, 0.4);
  2720. }
  2721. .webix_property_label_line.webix_dark .webix_invalid .webix_el_box input,
  2722. .webix_property_label_line.webix_dark .webix_invalid .webix_el_box .webix_inp_static,
  2723. .webix_property_label_line.webix_dark .webix_invalid .webix_el_box select,
  2724. .webix_property_label_line.webix_dark .webix_invalid .webix_el_box textarea,
  2725. .webix_property_label_line.webix_dark input.webix_invalid,
  2726. .webix_property_label_line.webix_dark select.webix_invalid,
  2727. .webix_property_label_line.webix_dark textarea.webix_invalid {
  2728. color: #ffdedb;
  2729. background-color: rgba(255, 92, 76, 0.3);
  2730. border-color: #ff8d82;
  2731. }
  2732. .webix_property_label_line.webix_dark .webix_invalid .webix_multicombo_value,
  2733. .webix_property_label_line.webix_dark .webix_invalid .webix_multicombo_tag {
  2734. color: #FF5C4C;
  2735. }
  2736. .webix_property_label_line.webix_dark .webix_invalid .webix_el_box .webix_inp_static input {
  2737. background-color: transparent;
  2738. }
  2739. .webix_property_label_line.webix_dark {
  2740. color: #FFFFFF;
  2741. }
  2742. .webix_property_col_val {
  2743. width: 100%;
  2744. height: 100%;
  2745. line-height: inherit;
  2746. -moz-user-select: text;
  2747. -webkit-user-select: text;
  2748. user-select: text;
  2749. }
  2750. .webix_property_col_ind {
  2751. float: right;
  2752. border: 1px solid #DADEE0;
  2753. background: #ffffff;
  2754. border-radius: 3px;
  2755. width: 16px;
  2756. height: 16px;
  2757. cursor: pointer;
  2758. margin: 4px 8px 0 0;
  2759. }
  2760. .webix_property_value {
  2761. text-overflow: ellipsis;
  2762. white-space: nowrap;
  2763. }
  2764. .webix_property_check {
  2765. margin: 0;
  2766. vertical-align: middle;
  2767. }
  2768. /*style used by tooltip's container*/
  2769. .webix_tooltip {
  2770. display: none;
  2771. position: absolute;
  2772. z-index: 10000;
  2773. background-color: #FFFFFF;
  2774. padding: 5px 10px;
  2775. border: 1px solid #DADEE0;
  2776. font-family: Roboto, sans-serif;
  2777. font-size: 14px;
  2778. font-weight: 400;
  2779. color: #475466;
  2780. letter-spacing: 0.2px;
  2781. border-radius: 0px;
  2782. box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  2783. -webkit-font-smoothing: antialiased;
  2784. -moz-osx-font-smoothing: grayscale;
  2785. }
  2786. .webix_global_tooltip {
  2787. pointer-events: none;
  2788. }
  2789. /*comments list*/
  2790. .webix_comments .webix_list {
  2791. transition: all 0.5s ease;
  2792. -webkit-transition: all 0.5s ease;
  2793. /** Chrome & Safari **/
  2794. -moz-transition: all 0.5s ease;
  2795. /** Firefox **/
  2796. -o-transition: all 0.5s ease;
  2797. /** Opera **/
  2798. transition-property: height;
  2799. -webkit-transition-property: height;
  2800. /* Safari */
  2801. }
  2802. .webix_comments .webix_list .webix_list_item {
  2803. margin-top: 24px;
  2804. border: none;
  2805. cursor: default;
  2806. }
  2807. .webix_comments .webix_list .webix_comments_more_item {
  2808. margin-top: 12px;
  2809. }
  2810. /* comments list templates */
  2811. .webix_comments_name {
  2812. margin-left: 16px;
  2813. font-weight: 500;
  2814. color: rgba(0, 0, 0, 0.7);
  2815. }
  2816. .webix_comments_menu.webix_icon {
  2817. line-height: 30px;
  2818. width: 6px;
  2819. visibility: hidden;
  2820. float: right;
  2821. cursor: pointer;
  2822. color: #94A1B3;
  2823. margin: 0 4px 0 0;
  2824. }
  2825. .webix_comments_current:hover .webix_comments_menu,
  2826. .webix_comments_current.active_menu .webix_comments_menu {
  2827. visibility: visible;
  2828. }
  2829. .webix_comments_message {
  2830. white-space: pre-wrap;
  2831. line-height: 20px;
  2832. margin-left: 70px;
  2833. margin-right: 10px;
  2834. }
  2835. .webix_comments_message a {
  2836. color: #1CA1C1;
  2837. text-decoration: none;
  2838. word-break: break-all;
  2839. }
  2840. .webix_comments_message a:hover {
  2841. text-decoration: underline;
  2842. }
  2843. .webix_comments_message a:visited {
  2844. color: #7e57c2;
  2845. }
  2846. .webix_comments_message .webix_comments_mention {
  2847. font-weight: 500;
  2848. white-space: nowrap;
  2849. }
  2850. .webix_comments_mention {
  2851. color: #1CA1C1;
  2852. }
  2853. .webix_comments_avatar {
  2854. margin-left: 14px;
  2855. float: left;
  2856. position: relative;
  2857. width: 40px;
  2858. height: 40px;
  2859. }
  2860. .webix_comments_status {
  2861. border-radius: 50%;
  2862. border: 2px solid #FFFFFF;
  2863. position: absolute;
  2864. height: 12px;
  2865. width: 12px;
  2866. box-sizing: border-box;
  2867. top: 30px;
  2868. left: 30px;
  2869. z-index: 1;
  2870. }
  2871. .webix_comments_status.active {
  2872. background-color: #55CD97;
  2873. }
  2874. .webix_comments_status.busy {
  2875. background-color: #FF5C4C;
  2876. }
  2877. .webix_comments_status.away {
  2878. background-color: #FDBF4C;
  2879. }
  2880. .webix_comments_status.none {
  2881. background-color: #d0d5dd;
  2882. }
  2883. .webix_comments_avatar_image {
  2884. width: 100%;
  2885. height: 100%;
  2886. overflow: hidden;
  2887. border-radius: 50%;
  2888. float: left;
  2889. position: relative;
  2890. }
  2891. .webix_comments_photo {
  2892. width: auto;
  2893. height: 100%;
  2894. margin: 0 auto;
  2895. }
  2896. .webix_comments_avatar_text {
  2897. font-size: 16px;
  2898. color: #1CA1C1;
  2899. line-height: 40px;
  2900. text-align: center;
  2901. background-color: #DFE2E6;
  2902. }
  2903. .webix_comments_avatar_text .webix_icon {
  2904. margin: 0;
  2905. }
  2906. .webix_comments_date {
  2907. float: right;
  2908. color: #94A1B3;
  2909. font-size: 12px;
  2910. }
  2911. .webix_comments_image {
  2912. max-width: 100%;
  2913. max-height: 300px;
  2914. display: block;
  2915. }
  2916. /* buttons*/
  2917. .webix_comments_more {
  2918. font-weight: 500;
  2919. text-align: center;
  2920. cursor: pointer;
  2921. background: #F4F5F9;
  2922. color: #1CA1C1;
  2923. border: none;
  2924. border-radius: 2px;
  2925. }
  2926. .webix_comments_more:hover {
  2927. background-color: #e7e9f2;
  2928. }
  2929. .webix_comments_send .webix_el_box {
  2930. float: right !important;
  2931. }
  2932. .webix_message_area {
  2933. position: fixed;
  2934. right: 5px;
  2935. width: 250px;
  2936. z-index: 1000;
  2937. }
  2938. .webix_message {
  2939. min-width: 120px;
  2940. font-family: Roboto, sans-serif;
  2941. z-index: 10000;
  2942. overflow: hidden;
  2943. margin: 4px 4px 12px;
  2944. -webkit-transition: all 0.5s ease;
  2945. -moz-transition: all 0.5s ease;
  2946. -o-transition: all 0.5s ease;
  2947. transition: all 0.5s ease;
  2948. }
  2949. .webix_no_transition {
  2950. -webkit-transition: none;
  2951. -moz-transition: none;
  2952. transition: none;
  2953. }
  2954. .webix_message.hidden {
  2955. height: 0px;
  2956. min-height: 0px;
  2957. padding-top: 0px;
  2958. padding-bottom: 0px;
  2959. border-width: 0px;
  2960. margin-top: 0px;
  2961. margin-bottom: 0px;
  2962. box-shadow: none;
  2963. overflow: hidden;
  2964. }
  2965. .webix_modal_box {
  2966. overflow: hidden;
  2967. display: inline-block;
  2968. min-width: 250px;
  2969. width: 250px;
  2970. text-align: center;
  2971. position: fixed;
  2972. background-color: #FFFFFF;
  2973. box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 7px 0 rgba(0, 0, 0, 0.1);
  2974. font-family: Roboto, sans-serif;
  2975. z-index: 20000;
  2976. border-radius: 0px;
  2977. border: 1px solid #DADEE0;
  2978. outline: none;
  2979. }
  2980. .webix_modal_box .webix_popup_button {
  2981. margin-top: 8px;
  2982. }
  2983. .webix_message,
  2984. .webix_popup_button {
  2985. cursor: pointer;
  2986. }
  2987. .webix_popup_controls {
  2988. padding: 4px 12px 12px;
  2989. }
  2990. .webix_popup_button {
  2991. height: 30px;
  2992. line-height: 30px;
  2993. display: inline-block;
  2994. margin: 0 4px;
  2995. border-radius: 2px;
  2996. }
  2997. .webix_popup_button {
  2998. min-width: 100px;
  2999. }
  3000. div.webix_modal_cover {
  3001. background-color: #000;
  3002. cursor: default;
  3003. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
  3004. opacity: 0.1;
  3005. position: fixed;
  3006. z-index: 19999;
  3007. left: 0px;
  3008. top: 0px;
  3009. width: 100%;
  3010. height: 100%;
  3011. border: none;
  3012. zoom: 1;
  3013. }
  3014. .webix_message img,
  3015. .webix_modal_box img {
  3016. float: left;
  3017. margin-right: 8px;
  3018. }
  3019. /*Skin section*/
  3020. .webix_popup_button {
  3021. font-size: 14px;
  3022. font-family: Roboto, sans-serif;
  3023. font-size: 16px;
  3024. font-weight: 500;
  3025. letter-spacing: 0px;
  3026. background: #F4F5F9;
  3027. color: #1CA1C1;
  3028. outline: none;
  3029. }
  3030. .webix_popup_button:hover {
  3031. background-color: #e7e9f2;
  3032. }
  3033. .webix_popup_button:focus {
  3034. background-color: #e7e9f2;
  3035. }
  3036. .webix_popup_button:active {
  3037. background-color: #daddeb;
  3038. }
  3039. .webix_popup_button.confirm {
  3040. font-family: Roboto, sans-serif;
  3041. font-size: 16px;
  3042. font-weight: 500;
  3043. color: #1CA1C1;
  3044. letter-spacing: 0px;
  3045. outline: none;
  3046. background: #1CA1C1;
  3047. color: #FFFFFF;
  3048. }
  3049. .webix_popup_button.confirm:hover {
  3050. background-color: #1992af;
  3051. }
  3052. .webix_popup_button.confirm:focus {
  3053. background-color: #1992af;
  3054. }
  3055. .webix_popup_button.confirm:active {
  3056. background-color: #17839d;
  3057. }
  3058. .webix_popup_input.webix_el_text {
  3059. outline: none;
  3060. overflow: hidden;
  3061. padding: 3px 2px;
  3062. }
  3063. .webix_popup_input.webix_el_text input {
  3064. box-sizing: border-box;
  3065. width: 100%;
  3066. height: 30px;
  3067. font-size: 14px;
  3068. background: #ffffff;
  3069. font-family: Roboto, sans-serif;
  3070. border-color: #CCD7E6;
  3071. /*.altBackColor;
  3072. .altBackBorderColor;*/
  3073. }
  3074. .webix_popup_input.webix_el_text.webix_required::before {
  3075. position: absolute;
  3076. right: 18px;
  3077. padding-top: 1px;
  3078. content: "*";
  3079. color: red;
  3080. }
  3081. .webix_popup_input.webix_el_text.webix_popup_invalid input {
  3082. background-color: #ffedee;
  3083. border-color: #fea5a8;
  3084. color: #FF5C4C;
  3085. background-color: #ffdedb;
  3086. }
  3087. .webix_popup_title {
  3088. color: #475466;
  3089. line-height: 20px;
  3090. padding: 20px 16px 12px 16px;
  3091. font-size: 16px;
  3092. font-weight: 500;
  3093. }
  3094. .webix_popup_title + div.webix_popup_text {
  3095. padding-top: 0;
  3096. box-shadow: none;
  3097. }
  3098. .webix_popup_text {
  3099. overflow: hidden;
  3100. padding: 24px 16px 0px 16px;
  3101. font-size: 14px;
  3102. color: #475466;
  3103. line-height: 20px;
  3104. }
  3105. .webix_popup_text.webix_popup_label {
  3106. text-align: left;
  3107. white-space: nowrap;
  3108. overflow: hidden;
  3109. text-overflow: ellipsis;
  3110. }
  3111. .webix_alert .webix_popup_title,
  3112. .webix_confirm .webix_popup_title,
  3113. .webix_prompt .webix_popup_title,
  3114. .webix_alert .webix_popup_text,
  3115. .webix_confirm .webix_popup_text,
  3116. .webix_prompt .webix_popup_text {
  3117. box-shadow: inset 0 4px #1CA1C1;
  3118. }
  3119. .webix_alert-warning .webix_popup_title,
  3120. .webix_confirm-warning .webix_popup_title,
  3121. .webix_prompt-warning .webix_popup_title,
  3122. .webix_alert-warning .webix_popup_text,
  3123. .webix_confirm-warning .webix_popup_text,
  3124. .webix_prompt-warning .webix_popup_text {
  3125. box-shadow: inset 0 4px #FDBF4C;
  3126. }
  3127. .webix_alert-error .webix_popup_title,
  3128. .webix_confirm-error .webix_popup_title,
  3129. .webix_prompt-error .webix_popup_title,
  3130. .webix_alert-error .webix_popup_text,
  3131. .webix_confirm-error .webix_popup_text,
  3132. .webix_prompt-error .webix_popup_text {
  3133. box-shadow: inset 0 4px #FF5C4C;
  3134. }
  3135. .webix_message {
  3136. font-size: 14px;
  3137. color: #475466;
  3138. box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.12), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  3139. line-height: 20px;
  3140. border-radius: 2px;
  3141. border: 1px solid #DADEE0;
  3142. background-color: #FFFFFF;
  3143. }
  3144. .webix_message.webix_debug {
  3145. color: #313131;
  3146. border-color: #fed282;
  3147. background-color: #fff2db;
  3148. }
  3149. .webix_message.webix_error {
  3150. color: #313131;
  3151. border-color: #ff8d82;
  3152. background-color: #ffdedb;
  3153. }
  3154. .webix_message.webix_success {
  3155. color: #313131;
  3156. border-color: #88dcb6;
  3157. background-color: #ddf5ea;
  3158. }
  3159. .webix_message div {
  3160. padding: 11px 12px;
  3161. }
  3162. .webix_color_row {
  3163. clear: both;
  3164. white-space: nowrap;
  3165. }
  3166. .webix_color_palette {
  3167. text-align: left;
  3168. padding: 4px;
  3169. -moz-user-select: none;
  3170. -webkit-user-select: none;
  3171. -ms-user-select: none;
  3172. user-select: none;
  3173. }
  3174. .webix_color_palette.webix_palette_classic {
  3175. padding: 0;
  3176. }
  3177. .webix_color_row,
  3178. .webix_color_row div {
  3179. line-height: 0;
  3180. font-size: 0;
  3181. }
  3182. .webix_color_row div {
  3183. display: inline-block;
  3184. cursor: default;
  3185. position: relative;
  3186. }
  3187. .webix_color_row div > * {
  3188. -moz-box-sizing: border-box;
  3189. -webkit-box-sizing: border-box;
  3190. box-sizing: border-box;
  3191. }
  3192. .webix_color_row .webix_color_selected > * {
  3193. border: 1px solid;
  3194. border-color: #FFFFFF;
  3195. border-radius: 2px;
  3196. box-shadow: rgba(28, 161, 193, 0.6) 0 0 0 2px;
  3197. }
  3198. .webix_color_row .webix_color_selected:focus > * {
  3199. box-shadow: #1CA1C1 0 0 0 2px;
  3200. }
  3201. .webix_palette_classic .webix_color_row .webix_color_selected > * {
  3202. border: 2px solid #f3f3f3;
  3203. border-radius: 0px;
  3204. box-shadow: none;
  3205. }
  3206. .webix_palette_classic .webix_color_row .webix_color_selected:focus > * {
  3207. box-shadow: inset 0 0 15px #fff;
  3208. }
  3209. .webix_palette_classic .webix_color_item {
  3210. width: 100%;
  3211. height: 100%;
  3212. }
  3213. .webix_palette_material .webix_color_item {
  3214. display: inline-block;
  3215. -moz-box-sizing: border-box;
  3216. -webkit-box-sizing: border-box;
  3217. box-sizing: border-box;
  3218. border-radius: 2px;
  3219. width: 100%;
  3220. height: 100%;
  3221. }
  3222. .webix_palette_material .webix_color_row > div {
  3223. margin: 0 4px 4px 0;
  3224. }
  3225. .webix_color_area {
  3226. -moz-user-select: none;
  3227. -webkit-user-select: none;
  3228. width: 100%;
  3229. height: 100%;
  3230. }
  3231. .webix_color_block {
  3232. background: red;
  3233. position: relative;
  3234. border-radius: 2px;
  3235. overflow: hidden;
  3236. margin: 12px 12px 14px;
  3237. }
  3238. .webix_color_block:before {
  3239. content: "";
  3240. height: 100%;
  3241. width: 100%;
  3242. position: absolute;
  3243. top: 0;
  3244. left: 0;
  3245. background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0));
  3246. z-index: 2;
  3247. }
  3248. .webix_color_block:after {
  3249. content: "";
  3250. width: 100%;
  3251. height: 100%;
  3252. position: absolute;
  3253. top: 0;
  3254. left: 0;
  3255. background-image: linear-gradient(90deg, #fff, hsla(20, 42%, 65%, 0));
  3256. z-index: 1;
  3257. }
  3258. .webix_color_line {
  3259. position: relative;
  3260. height: 8px;
  3261. margin: 0 12px;
  3262. border-radius: 21px;
  3263. background-image: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
  3264. }
  3265. .webix_color_circle {
  3266. width: 8px;
  3267. height: 8px;
  3268. border: 1px solid #475466;
  3269. border-radius: 50%;
  3270. position: absolute;
  3271. left: 0;
  3272. top: 0;
  3273. z-index: 3;
  3274. -moz-user-select: none;
  3275. -khtml-user-select: none;
  3276. user-select: none;
  3277. -webkit-user-select: none;
  3278. }
  3279. .webix_color_line_circle {
  3280. position: absolute;
  3281. width: 12px;
  3282. height: 12px;
  3283. left: 0px;
  3284. top: -4px;
  3285. background: #12FF08;
  3286. border: 2px solid #FFFFFF;
  3287. border-radius: 50%;
  3288. }
  3289. .webix_color_out_block,
  3290. .webix_color_out_text {
  3291. height: 32px;
  3292. float: left;
  3293. border: 1px solid #CCD7E6;
  3294. margin: 12px 0px 12px 12px;
  3295. box-sizing: border-box;
  3296. }
  3297. .webix_color_out_text {
  3298. color: #475466;
  3299. font-size: 14px;
  3300. background: #ffffff;
  3301. font-family: Roboto, sans-serif;
  3302. border-color: #CCD7E6;
  3303. /*.altBackColor;
  3304. .altBackBorderColor;*/
  3305. padding: 0px 12px;
  3306. }
  3307. .webix_color_out_text:focus {
  3308. border: 1px solid #1CA1C1;
  3309. }
  3310. .webix_color_area .webix_button {
  3311. width: calc(100% - 12px*2);
  3312. height: 32px;
  3313. margin: 0px 0px 12px 12px;
  3314. box-sizing: border-box;
  3315. }
  3316. .webix_daterange .webix_view {
  3317. background-color: #FFFFFF;
  3318. }
  3319. .webix_daterange .webix_range_0 .webix_cal_next_button,
  3320. .webix_daterange .webix_range_N .webix_cal_prev_button {
  3321. visibility: hidden;
  3322. }
  3323. .webix_daterange .webix_range_1 .webix_cal_next_button,
  3324. .webix_daterange .webix_range_1 .webix_cal_prev_button {
  3325. visibility: hidden;
  3326. }
  3327. .webix_daterange .webix_range_1 .webix_cal_next_button:hover,
  3328. .webix_daterange .webix_range_1 .webix_cal_prev_button:hover {
  3329. cursor: default;
  3330. }
  3331. .webix_daterange .webix_range_left .webix_cal_next_button:hover,
  3332. .webix_daterange .webix_range_right .webix_cal_prev_button:hover {
  3333. cursor: default;
  3334. }
  3335. .webix_cal_range {
  3336. background-color: #ffffff;
  3337. }
  3338. .webix_cal_range_start {
  3339. border-radius: 3px 0 0 3px;
  3340. }
  3341. .webix_cal_range_end {
  3342. border-radius: 0 3px 3px 0;
  3343. }
  3344. .webix_cal_range_start,
  3345. .webix_cal_range_end,
  3346. .webix_cal_event.webix_cal_range_start,
  3347. .webix_cal_event.webix_cal_range_end,
  3348. .webix_cal_body .webix_cal_today.webix_cal_range_start,
  3349. .webix_cal_body .webix_cal_today.webix_cal_range_end {
  3350. background-color: #F4F5F9;
  3351. color: #475466;
  3352. }
  3353. .webix_cal_outside.webix_cal_range,
  3354. .webix_cal_body .webix_cal_outside.webix_cal_range_start,
  3355. .webix_cal_body .webix_cal_outside.webix_cal_range_end,
  3356. .webix_cal_body .webix_cal_outside.webix_cal_today.webix_cal_range_start,
  3357. .webix_cal_body .webix_cal_outside.webix_cal_today.webix_cal_range_end {
  3358. background-color: transparent;
  3359. color: #b1bbc8;
  3360. }
  3361. .webix_daterange .webix_cal_icons {
  3362. text-align: right;
  3363. padding: 0 4px;
  3364. }
  3365. .webix_daterange .webix_cal_icons .webix_cal_icon {
  3366. border-top: 1px solid #DADEE0;
  3367. }
  3368. .webix_daterange .webix_cal_time {
  3369. display: none;
  3370. }
  3371. .webix_daterange .webix_cal_timepicker .webix_range_time_start {
  3372. display: block;
  3373. }
  3374. .webix_daterange .webix_range_timepicker .webix_cal_time {
  3375. display: block;
  3376. padding: 5px 15px;
  3377. }
  3378. .webix_daterange .webix_range_timepicker .webix_range_time_start {
  3379. float: left;
  3380. }
  3381. .webix_daterange .webix_range_timepicker .webix_range_time_end {
  3382. float: right;
  3383. }
  3384. .webix_daterange .webix_range_footer .webix_cal_footer {
  3385. padding: 0;
  3386. }
  3387. .webix_timeboard .webix_slider_title {
  3388. text-align: left;
  3389. margin-left: 10px;
  3390. }
  3391. .webix_timeboard .colon_template {
  3392. text-align: center;
  3393. user-select: none;
  3394. }
  3395. .webix_timeboard .colon_template .webix_template {
  3396. padding: 4px 0px;
  3397. }
  3398. .webix_timeboard .colon {
  3399. font-size: 30px;
  3400. line-height: 28px;
  3401. }
  3402. .webix_timeboard .day_part.webix_el_label .webix_el_box {
  3403. margin-left: 4px;
  3404. color: #1CA1C1;
  3405. cursor: pointer;
  3406. user-select: none;
  3407. }
  3408. .webix_timeboard .day_part.webix_el_label .webix_el_box:hover,
  3409. .webix_timeboard .day_part.webix_el_label .webix_el_box:focus {
  3410. color: #17839d;
  3411. }
  3412. .webix_drag_zone {
  3413. position: absolute;
  3414. box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  3415. background-color: #FFFFFF;
  3416. font-family: Roboto, sans-serif;
  3417. font-size: 14px;
  3418. font-weight: 400;
  3419. color: #475466;
  3420. letter-spacing: 0.2px;
  3421. pointer-events: none;
  3422. }
  3423. .webix_drag_zone .webix_tree_item {
  3424. padding: 0 8px;
  3425. }
  3426. .webix_drag_zone .webix_tree_item .webix_tree_open,
  3427. .webix_drag_zone .webix_tree_item .webix_tree_close,
  3428. .webix_drag_zone .webix_tree_item .webix_tree_none {
  3429. display: none;
  3430. }
  3431. .webix_drag_over,
  3432. .webix_drop_zone {
  3433. background-color: #e6e6e6;
  3434. }
  3435. .webix_drag_main {
  3436. position: relative;
  3437. background-color: #FFFFFF;
  3438. }
  3439. .webix_drag_main .webix_tree_item,
  3440. .webix_drag_main .webix_list_item,
  3441. .webix_drag_main .webix_dataview_item {
  3442. border: 1px solid #EDEFF0;
  3443. -moz-box-sizing: border-box;
  3444. -webkit-box-sizing: border-box;
  3445. box-sizing: border-box;
  3446. }
  3447. .webix_drag_multiple,
  3448. .webix_drag_multiple_last {
  3449. height: 100%;
  3450. width: 100%;
  3451. position: absolute;
  3452. -moz-box-sizing: border-box;
  3453. -webkit-box-sizing: border-box;
  3454. box-sizing: border-box;
  3455. border: 1px solid #EDEFF0;
  3456. background-color: #FFFFFF;
  3457. box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  3458. }
  3459. .webix_drag_multiple {
  3460. bottom: 8px;
  3461. left: 8px;
  3462. }
  3463. .webix_drag_multiple_last {
  3464. bottom: 16px;
  3465. left: 16px;
  3466. }
  3467. .webix_drag_zone > .webix_badge {
  3468. top: -14px;
  3469. right: -14px;
  3470. }
  3471. .webix_invisible {
  3472. display: none !important;
  3473. }
  3474. .webix_drop_area,
  3475. .webix_drop_area_inner {
  3476. height: 36px;
  3477. -moz-box-sizing: border-box;
  3478. -webkit-box-sizing: border-box;
  3479. box-sizing: border-box;
  3480. background-color: #f1f2f7;
  3481. }
  3482. .webix_list-x .webix_drop_area {
  3483. display: inline-block;
  3484. border-right: 1px solid #EDEFF0;
  3485. }
  3486. .webix_tree .webix_drop_area {
  3487. height: 24px;
  3488. }
  3489. .webix_list .webix_drop_area {
  3490. border-bottom: 1px solid #EDEFF0;
  3491. }
  3492. .webix_dataview .webix_drop_area {
  3493. float: left;
  3494. background-color: transparent;
  3495. }
  3496. .webix_dataview .webix_drop_area_inner {
  3497. border-right: 1px solid #EDEFF0;
  3498. border-bottom: 1px solid #EDEFF0;
  3499. }
  3500. .webix_vscroll_x {
  3501. height: 0px;
  3502. width: 100%;
  3503. overflow-y: hidden;
  3504. overflow-x: scroll;
  3505. }
  3506. .webix_vscroll_y {
  3507. width: 0px;
  3508. height: 100%;
  3509. overflow-x: hidden;
  3510. overflow-y: scroll;
  3511. }
  3512. .webix_vscroll_body {
  3513. width: 16px;
  3514. height: 16px;
  3515. }
  3516. .webix_scroll_x {
  3517. width: 50px;
  3518. height: 4px !important;
  3519. left: 1px;
  3520. bottom: 3px;
  3521. background-color: silver;
  3522. background: rgba(0, 0, 0, 0.4);
  3523. position: absolute;
  3524. border-radius: 4px;
  3525. -moz-box-sizing: border-box;
  3526. -webkit-box-sizing: border-box;
  3527. box-sizing: border-box;
  3528. }
  3529. .webix_scroll_y {
  3530. width: 4px !important;
  3531. height: 50px;
  3532. top: 1px;
  3533. right: 3px;
  3534. background-color: silver;
  3535. background: rgba(0, 0, 0, 0.4);
  3536. position: absolute;
  3537. border-radius: 4px;
  3538. -moz-box-sizing: border-box;
  3539. -webkit-box-sizing: border-box;
  3540. box-sizing: border-box;
  3541. }
  3542. .webix_c_scroll_y {
  3543. position: absolute;
  3544. z-index: 3;
  3545. width: 10px;
  3546. right: 0px;
  3547. }
  3548. .webix_c_scroll_y > div {
  3549. -moz-transition: width 0.3s 0.2s, margin 0.3s 0.2s;
  3550. -webkit-transition: width 0.3s 0.2s, margin 0.3s 0.2s;
  3551. -o-transition: width 0.3s 0.2s, margin 0.3s 0.2s;
  3552. -ms-transition: width 0.3s 0.2s, margin 0.3s 0.2s;
  3553. width: 4px;
  3554. height: 100%;
  3555. background-color: silver;
  3556. background: rgba(0, 0, 0, 0.4);
  3557. border-radius: 4px;
  3558. margin: 0px 3px;
  3559. }
  3560. .webix_c_scroll_y:hover > div,
  3561. .webix_c_scroll_y.webix_scroll_active div {
  3562. width: 10px;
  3563. margin: 0px;
  3564. }
  3565. .webix_c_scroll_x {
  3566. position: absolute;
  3567. z-index: 3;
  3568. height: 10px;
  3569. bottom: 0px;
  3570. }
  3571. .webix_c_scroll_x > div {
  3572. -moz-transition: height 0.3s 0.2s, margin 0.3s 0.2s;
  3573. -webkit-transition: height 0.3s 0.2s, margin 0.3s 0.2s;
  3574. -o-transition: height 0.3s 0.2s, margin 0.3s 0.2s;
  3575. -ms-transition: height 0.3s 0.2s, margin 0.3s 0.2s;
  3576. height: 4px;
  3577. width: 100%;
  3578. background-color: silver;
  3579. background: rgba(0, 0, 0, 0.4);
  3580. border-radius: 4px;
  3581. margin: 3px 0px;
  3582. }
  3583. .webix_c_scroll_x:hover > div,
  3584. .webix_c_scroll_x.webix_scroll_active div {
  3585. height: 10px;
  3586. margin: 0px;
  3587. }
  3588. .webix_c_scroll_bar_y,
  3589. .webix_c_scroll_bar_x {
  3590. position: absolute;
  3591. background: rgba(0, 0, 0, 0.05);
  3592. }
  3593. .webix_c_scroll_bar_y {
  3594. height: 100%;
  3595. width: 10px;
  3596. right: 0px;
  3597. }
  3598. .webix_c_scroll_bar_x {
  3599. width: 100%;
  3600. height: 10px;
  3601. bottom: 0px;
  3602. }
  3603. .webix_scroll_cont {
  3604. width: 100%;
  3605. height: auto;
  3606. clear: both;
  3607. position: relative;
  3608. }
  3609. .webix_scroll_touch_ie {
  3610. touch-action: none;
  3611. }
  3612. .webix_secondary .webix_button {
  3613. background: #F4F5F9;
  3614. color: #1CA1C1;
  3615. }
  3616. .webix_secondary .webix_button:hover {
  3617. background-color: #e7e9f2;
  3618. }
  3619. .webix_secondary .webix_button:focus {
  3620. background-color: #e7e9f2;
  3621. }
  3622. .webix_secondary .webix_button:active {
  3623. background-color: #daddeb;
  3624. }
  3625. .webix_secondary .webix_button .webix_icon,
  3626. .webix_secondary .webix_button .webix_img_btn_text,
  3627. .webix_secondary .webix_button .webix_icon_btn {
  3628. color: #1CA1C1;
  3629. }
  3630. .webix_secondary .webix_pressed .webix_button {
  3631. background-color: #daddeb;
  3632. }
  3633. .webix_primary .webix_button {
  3634. background: #1CA1C1;
  3635. color: #FFFFFF;
  3636. }
  3637. .webix_primary .webix_button:hover {
  3638. background-color: #1992af;
  3639. }
  3640. .webix_primary .webix_button:focus {
  3641. background-color: #1992af;
  3642. }
  3643. .webix_primary .webix_button:active {
  3644. background-color: #17839d;
  3645. }
  3646. .webix_primary .webix_button .webix_icon,
  3647. .webix_primary .webix_button .webix_img_btn_text,
  3648. .webix_primary .webix_button .webix_icon_btn {
  3649. color: #FFFFFF;
  3650. }
  3651. .webix_primary .webix_pressed .webix_button {
  3652. background-color: #17839d;
  3653. }
  3654. .webix_danger .webix_button {
  3655. background: #FF5C4C;
  3656. color: #ffffff;
  3657. }
  3658. .webix_danger .webix_button:hover {
  3659. background-color: #ff4938;
  3660. }
  3661. .webix_danger .webix_button:focus {
  3662. background-color: #ff4938;
  3663. }
  3664. .webix_danger .webix_button:active {
  3665. background-color: #ff3723;
  3666. }
  3667. .webix_danger .webix_button .webix_icon,
  3668. .webix_danger .webix_button .webix_img_btn_text,
  3669. .webix_danger .webix_button .webix_icon_btn {
  3670. color: #ffffff;
  3671. }
  3672. .webix_danger .webix_pressed .webix_button {
  3673. background-color: #ff3723;
  3674. }
  3675. .webix_transparent .webix_button {
  3676. color: #475466;
  3677. background: transparent;
  3678. border: none;
  3679. }
  3680. .webix_transparent .webix_button .webix_img_btn_text {
  3681. color: #475466;
  3682. }
  3683. .webix_transparent .webix_button .webix_icon,
  3684. .webix_transparent .webix_button .webix_icon_btn {
  3685. color: #94A1B3;
  3686. }
  3687. .webix_transparent .webix_button:hover {
  3688. background-color: rgba(0, 0, 0, 0.04);
  3689. }
  3690. .webix_transparent .webix_button:focus {
  3691. background-color: rgba(0, 0, 0, 0.04);
  3692. }
  3693. .webix_transparent .webix_button:active {
  3694. background-color: rgba(0, 0, 0, 0.05);
  3695. }
  3696. .webix_transparent .webix_pressed .webix_button {
  3697. background-color: rgba(0, 0, 0, 0.05);
  3698. }
  3699. .webix_button,
  3700. .webixbutton {
  3701. border-radius: 2px;
  3702. height: 100%;
  3703. width: 100%;
  3704. cursor: pointer;
  3705. font-family: Roboto, sans-serif;
  3706. font-size: 16px;
  3707. font-weight: 500;
  3708. color: #1CA1C1;
  3709. letter-spacing: 0px;
  3710. outline: none;
  3711. -webkit-appearance: none;
  3712. padding: 0 6px;
  3713. }
  3714. .webix_el_button .webix_el_box,
  3715. .webix_el_toggle .webix_el_box {
  3716. position: relative;
  3717. }
  3718. .webix_img_btn,
  3719. .webix_img_btn_top {
  3720. vertical-align: top;
  3721. border: none;
  3722. width: 100%;
  3723. padding: 0;
  3724. }
  3725. .webix_img_btn .webix_icon {
  3726. color: #1CA1C1;
  3727. margin-right: 4px;
  3728. }
  3729. .webix_img_btn_top .webix_icon,
  3730. .webix_img_btn_top .webix_image {
  3731. font-size: 20px;
  3732. position: absolute;
  3733. top: 8px;
  3734. display: inline-block;
  3735. left: 50%;
  3736. -webkit-transform: translateX(-50%);
  3737. transform: translateX(-50%);
  3738. }
  3739. .webix_img_btn .webix_image {
  3740. display: inline-block;
  3741. margin-right: 4px;
  3742. vertical-align: middle;
  3743. }
  3744. .webix_img_btn_text {
  3745. position: absolute;
  3746. left: 0;
  3747. bottom: 4px;
  3748. width: 100%;
  3749. text-align: center;
  3750. cursor: pointer;
  3751. color: #1CA1C1;
  3752. }
  3753. .webix_pressed .webix_button {
  3754. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3755. }
  3756. .webix_view.webix_control .webix_disabled_box .webix_button {
  3757. color: #94A1B3;
  3758. background: #f4f5f9;
  3759. border-color: #f4f5f9;
  3760. text-shadow: none;
  3761. }
  3762. .webix_view.webix_control .webix_disabled_box .webix_img_btn_text {
  3763. color: #94A1B3;
  3764. }
  3765. .webix_view.webix_control .webix_disabled_box .webix_image {
  3766. opacity: 0.4;
  3767. }
  3768. .webix_disabled_view.webix_control .webix_icon_btn,
  3769. .webix_disabled_view.webix_control .webix_icon {
  3770. color: #94A1B3;
  3771. }
  3772. .webix_toolbar .webix_disabled_view.webix_control .webix_icon,
  3773. .webix_toolbar .webix_disabled_view.webix_control .webix_disabled_box .webix_img_btn_text,
  3774. .webix_toolbar .webix_disabled_view.webix_control .webix_icon_btn {
  3775. color: #94A1B3;
  3776. }
  3777. .webixbutton {
  3778. width: auto;
  3779. height: auto;
  3780. padding: 8px 15px;
  3781. }
  3782. .webix_richtext_editor {
  3783. height: 100%;
  3784. }
  3785. .webix_template .webix_richtext_editor:focus {
  3786. outline: none;
  3787. }
  3788. .webix_richtext_container .webix_template {
  3789. padding: 10px;
  3790. overflow-x: auto;
  3791. border: solid #DADEE0;
  3792. border-width: 0px 1px 1px;
  3793. border-radius: 0px 0px 6px 6px;
  3794. }
  3795. .webix_richtext_inp_label .webix_template {
  3796. -moz-box-sizing: border-box;
  3797. -webkit-box-sizing: border-box;
  3798. box-sizing: border-box;
  3799. color: #475466;
  3800. text-transform: none;
  3801. text-overflow: ellipsis;
  3802. overflow: hidden;
  3803. white-space: nowrap;
  3804. float: left;
  3805. padding-top: 1px;
  3806. padding-left: 0;
  3807. padding-right: 9px;
  3808. font-family: Roboto, sans-serif;
  3809. font-size: 14px;
  3810. font-weight: 500;
  3811. color: #313131;
  3812. letter-spacing: 0.2px;
  3813. padding-right: 8px;
  3814. margin-bottom: 0px;
  3815. padding-top: 10px;
  3816. float: none;
  3817. }
  3818. .webix_richtext .wxi-underline,
  3819. .webix_richtext .wxi-italic,
  3820. .webix_richtext .wxi-bold {
  3821. vertical-align: sub;
  3822. font-size: 24px;
  3823. width: 24px;
  3824. }
  3825. .webix_control {
  3826. background: transparent;
  3827. }
  3828. .webix_control input,
  3829. .webix_control button,
  3830. .webix_control textarea,
  3831. .webix_el_label,
  3832. .webix_inp_label,
  3833. .webix_inp_top_label,
  3834. .webix_inp_bottom_label {
  3835. -moz-box-sizing: border-box;
  3836. -webkit-box-sizing: border-box;
  3837. box-sizing: border-box;
  3838. font-family: Roboto, sans-serif;
  3839. }
  3840. .webix_el_box {
  3841. -moz-box-sizing: border-box;
  3842. -webkit-box-sizing: border-box;
  3843. box-sizing: border-box;
  3844. padding: 3px 2px;
  3845. height: 100%;
  3846. width: 100%;
  3847. font-size: 14px;
  3848. overflow: hidden;
  3849. }
  3850. .webixtoolbarlabel {
  3851. font-size: 16px;
  3852. }
  3853. .webix_el_text input,
  3854. .webix_el_search input,
  3855. .webix_el_combo input,
  3856. .webix_el_datepicker input,
  3857. .webix_el_colorpicker input {
  3858. font-size: 14px;
  3859. height: 100%;
  3860. padding: 0px 12px;
  3861. border: 1px solid #DADEE0;
  3862. color: #475466;
  3863. background: #ffffff;
  3864. font-family: Roboto, sans-serif;
  3865. border-color: #CCD7E6;
  3866. /*.altBackColor;
  3867. .altBackBorderColor;*/
  3868. -webkit-appearance: none;
  3869. border-radius: 0;
  3870. }
  3871. .webix_inp_label,
  3872. .webix_inp_top_label,
  3873. .webix_label_right {
  3874. color: #475466;
  3875. text-transform: none;
  3876. font-size: 14px;
  3877. text-overflow: ellipsis;
  3878. overflow: hidden;
  3879. white-space: nowrap;
  3880. }
  3881. /*.webix_toolbar .webix_inp_label{
  3882. padding-top:(@inputHeight - 11 )/2;
  3883. }*/
  3884. .webix_inp_label {
  3885. float: left;
  3886. padding-top: 1px;
  3887. padding-left: 0;
  3888. padding-right: 9px;
  3889. }
  3890. .webix_inp_top_label {
  3891. float: none;
  3892. padding: 3px 2px;
  3893. padding-bottom: 0px;
  3894. }
  3895. .webix_inp_bottom_label {
  3896. font-size: 12px;
  3897. color: #516075;
  3898. }
  3899. .webix_label_right {
  3900. padding-left: 9px;
  3901. }
  3902. .webix_el_checkbox .webix_label_right {
  3903. display: inline-block;
  3904. padding-top: 1px;
  3905. }
  3906. .webix_el_label {
  3907. color: #475466;
  3908. }
  3909. .webix_toolbar .webix_el_label {
  3910. text-transform: none;
  3911. }
  3912. .webix_el_select select {
  3913. height: 100%;
  3914. font-size: 14px;
  3915. font-family: Roboto, sans-serif;
  3916. border: 1px solid #DADEE0;
  3917. }
  3918. body:not(:-moz-handler-blocked) .webix_el_select select {
  3919. padding: 0.2em;
  3920. }
  3921. .webix_el_group,
  3922. .webix_all_segments {
  3923. height: 100%;
  3924. white-space: nowrap;
  3925. }
  3926. .webix_inp_counter_next,
  3927. .webix_inp_counter_prev,
  3928. .webix_inp_counter_value {
  3929. border: 1px solid #DADEE0;
  3930. cursor: pointer;
  3931. -webkit-appearance: none;
  3932. width: 20px;
  3933. height: 100%;
  3934. vertical-align: top;
  3935. }
  3936. .webix_inp_counter_value {
  3937. font-size: 14px;
  3938. width: 50px;
  3939. color: #475466;
  3940. text-align: center;
  3941. border-left-width: 0px;
  3942. border-right-width: 0px;
  3943. -webkit-appearance: none;
  3944. border-radius: 0;
  3945. }
  3946. /*body:not(:-moz-handler-blocked) .webix_inp_counter_value{
  3947. position:relative; top:-1px;
  3948. }*/
  3949. .webix_inp_counter_prev {
  3950. padding: 0;
  3951. background: #F4F5F9;
  3952. color: #1CA1C1;
  3953. -webkit-border-top-left-radius: 2px;
  3954. -webkit-border-bottom-left-radius: 2px;
  3955. -webkit-border-top-right-radius: 0;
  3956. -webkit-border-bottom-right-radius: 0;
  3957. -moz-border-radius-topleft: 2px;
  3958. -moz-border-radius-bottomleft: 2px;
  3959. -moz-border-radius-topright: 0;
  3960. -moz-border-radius-bottomright: 0;
  3961. border-top-left-radius: 2px;
  3962. border-bottom-left-radius: 2px;
  3963. border-top-right-radius: 0;
  3964. border-bottom-right-radius: 0;
  3965. }
  3966. .webix_inp_counter_prev:hover {
  3967. background-color: #e7e9f2;
  3968. }
  3969. .webix_inp_counter_prev:focus {
  3970. background-color: #e7e9f2;
  3971. }
  3972. .webix_inp_counter_prev:active {
  3973. background-color: #daddeb;
  3974. }
  3975. .webix_inp_counter_next {
  3976. padding: 0;
  3977. background: #F4F5F9;
  3978. color: #1CA1C1;
  3979. -webkit-border-top-left-radius: 0;
  3980. -webkit-border-bottom-left-radius: 0;
  3981. -webkit-border-top-right-radius: 2px;
  3982. -webkit-border-bottom-right-radius: 2px;
  3983. -moz-border-radius-topleft: 0;
  3984. -moz-border-radius-bottomleft: 0;
  3985. -moz-border-radius-topright: 2px;
  3986. -moz-border-radius-bottomright: 2px;
  3987. border-top-left-radius: 0;
  3988. border-bottom-left-radius: 0;
  3989. border-top-right-radius: 2px;
  3990. border-bottom-right-radius: 2px;
  3991. }
  3992. .webix_inp_counter_next:hover {
  3993. background-color: #e7e9f2;
  3994. }
  3995. .webix_inp_counter_next:focus {
  3996. background-color: #e7e9f2;
  3997. }
  3998. .webix_inp_counter_next:active {
  3999. background-color: #daddeb;
  4000. }
  4001. .webix_el_textarea textarea {
  4002. border: 1px solid #DADEE0;
  4003. height: 100%;
  4004. margin: 0;
  4005. padding: 5px;
  4006. color: #475466;
  4007. resize: none;
  4008. font-size: 14px;
  4009. font-family: Roboto, sans-serif;
  4010. padding-left: 12px;
  4011. padding-right: 12px;
  4012. }
  4013. .webix_el_textarea .webix_inp_label {
  4014. padding-top: 10px;
  4015. }
  4016. .webix_segment_0,
  4017. .webix_segment_1 {
  4018. border: 1px solid #DADEE0;
  4019. border-right-width: 0px;
  4020. height: 100%;
  4021. }
  4022. .webix_segment_0 {
  4023. -webkit-border-top-left-radius: 2px;
  4024. -webkit-border-bottom-left-radius: 2px;
  4025. -webkit-border-top-right-radius: 0;
  4026. -webkit-border-bottom-right-radius: 0;
  4027. -moz-border-radius-topleft: 2px;
  4028. -moz-border-radius-bottomleft: 2px;
  4029. -moz-border-radius-topright: 0;
  4030. -moz-border-radius-bottomright: 0;
  4031. border-top-left-radius: 2px;
  4032. border-bottom-left-radius: 2px;
  4033. border-top-right-radius: 0;
  4034. border-bottom-right-radius: 0;
  4035. }
  4036. .webix_segment_N {
  4037. border: 1px solid #DADEE0;
  4038. height: 100%;
  4039. -webkit-border-top-left-radius: 0;
  4040. -webkit-border-bottom-left-radius: 0;
  4041. -webkit-border-top-right-radius: 2px;
  4042. -webkit-border-bottom-right-radius: 2px;
  4043. -moz-border-radius-topleft: 0;
  4044. -moz-border-radius-bottomleft: 0;
  4045. -moz-border-radius-topright: 2px;
  4046. -moz-border-radius-bottomright: 2px;
  4047. border-top-left-radius: 0;
  4048. border-bottom-left-radius: 0;
  4049. border-top-right-radius: 2px;
  4050. border-bottom-right-radius: 2px;
  4051. }
  4052. .webix_segment_N:first-child {
  4053. -webkit-border-top-left-radius: 2px;
  4054. -webkit-border-bottom-left-radius: 2px;
  4055. -webkit-border-top-right-radius: 2px;
  4056. -webkit-border-bottom-right-radius: 2px;
  4057. -moz-border-radius-topleft: 2px;
  4058. -moz-border-radius-bottomleft: 2px;
  4059. -moz-border-radius-topright: 2px;
  4060. -moz-border-radius-bottomright: 2px;
  4061. border-top-left-radius: 2px;
  4062. border-bottom-left-radius: 2px;
  4063. border-top-right-radius: 2px;
  4064. border-bottom-right-radius: 2px;
  4065. }
  4066. .webix_segment_0,
  4067. .webix_segment_1,
  4068. .webix_segment_N {
  4069. -webkit-appearance: none;
  4070. font-family: Roboto, sans-serif;
  4071. font-size: 16px;
  4072. font-weight: 500;
  4073. letter-spacing: 0px;
  4074. outline: none;
  4075. background: #F4F5F9;
  4076. color: #1CA1C1;
  4077. cursor: pointer;
  4078. padding: 0;
  4079. }
  4080. .webix_segment_0:hover,
  4081. .webix_segment_1:hover,
  4082. .webix_segment_N:hover {
  4083. background-color: #e7e9f2;
  4084. }
  4085. .webix_segment_0:focus,
  4086. .webix_segment_1:focus,
  4087. .webix_segment_N:focus {
  4088. background-color: #e7e9f2;
  4089. }
  4090. .webix_segment_0:active,
  4091. .webix_segment_1:active,
  4092. .webix_segment_N:active {
  4093. background-color: #daddeb;
  4094. }
  4095. .webix_segment_0.webix_selected,
  4096. .webix_segment_1.webix_selected,
  4097. .webix_segment_N.webix_selected {
  4098. color: #475466;
  4099. background: #F4F5F9;
  4100. border-color: #1CA1C1;
  4101. background-color: #1CA1C1;
  4102. color: #FFFFFF;
  4103. }
  4104. .webix_segment_0.webix_selected:focus,
  4105. .webix_segment_1.webix_selected:focus,
  4106. .webix_segment_N.webix_selected:focus {
  4107. background: #edeff5;
  4108. }
  4109. .webix_segment_0.webix_disabled,
  4110. .webix_segment_1.webix_disabled,
  4111. .webix_segment_N.webix_disabled {
  4112. color: #94A1B3;
  4113. background-color: #fbfbfd;
  4114. border-color: transparent;
  4115. cursor: not-allowed;
  4116. }
  4117. .webix_segment_0.webix_disabled:hover,
  4118. .webix_segment_1.webix_disabled:hover,
  4119. .webix_segment_N.webix_disabled:hover,
  4120. .webix_segment_0.webix_disabled:focus,
  4121. .webix_segment_1.webix_disabled:focus,
  4122. .webix_segment_N.webix_disabled:focus,
  4123. .webix_segment_0.webix_disabled:active,
  4124. .webix_segment_1.webix_disabled:active,
  4125. .webix_segment_N.webix_disabled:active,
  4126. .webix_segment_0.webix_disabled.webix_selected,
  4127. .webix_segment_1.webix_disabled.webix_selected,
  4128. .webix_segment_N.webix_disabled.webix_selected,
  4129. .webix_segment_0.webix_disabled.webix_selected:hover,
  4130. .webix_segment_1.webix_disabled.webix_selected:hover,
  4131. .webix_segment_N.webix_disabled.webix_selected:hover {
  4132. background-color: #fbfbfd;
  4133. }
  4134. .webix_inp_static {
  4135. border: 1px solid #DADEE0;
  4136. background: white;
  4137. overflow: hidden;
  4138. padding: 0px 12px;
  4139. height: 100%;
  4140. -moz-box-sizing: border-box;
  4141. -webkit-box-sizing: border-box;
  4142. box-sizing: border-box;
  4143. float: left;
  4144. }
  4145. .webix_placeholder {
  4146. color: #94A1B3;
  4147. }
  4148. ::-webkit-input-placeholder {
  4149. color: #94A1B3;
  4150. }
  4151. ::-moz-placeholder {
  4152. color: #94A1B3;
  4153. }
  4154. /* Firefox 19+ */
  4155. :-moz-placeholder {
  4156. color: #94A1B3;
  4157. }
  4158. /* Firefox 18- */
  4159. :-ms-input-placeholder {
  4160. color: #94A1B3;
  4161. }
  4162. .webix_el_combo,
  4163. .webix_el_richselect,
  4164. .webix_el_datepicker,
  4165. .webix_el_colorpicker,
  4166. .webix_el_search {
  4167. font-size: 14px;
  4168. }
  4169. .webix_el_combo .webix_el_box,
  4170. .webix_el_richselect .webix_el_box,
  4171. .webix_el_datepicker .webix_el_box,
  4172. .webix_el_colorpicker .webix_el_box,
  4173. .webix_el_search .webix_el_box {
  4174. color: #475466;
  4175. position: relative;
  4176. }
  4177. .webix_el_combo input,
  4178. .webix_el_richselect input,
  4179. .webix_el_datepicker input,
  4180. .webix_el_colorpicker input,
  4181. .webix_el_search input,
  4182. .webix_el_combo .webix_inp_static,
  4183. .webix_el_richselect .webix_inp_static,
  4184. .webix_el_datepicker .webix_inp_static,
  4185. .webix_el_colorpicker .webix_inp_static,
  4186. .webix_el_search .webix_inp_static {
  4187. color: #475466;
  4188. padding-right: 24px;
  4189. background: #ffffff;
  4190. font-family: Roboto, sans-serif;
  4191. border-color: #CCD7E6;
  4192. /*.altBackColor;
  4193. .altBackBorderColor;*/
  4194. -webkit-appearance: none;
  4195. }
  4196. .webix_el_combo .webix_input_icon,
  4197. .webix_el_richselect .webix_input_icon,
  4198. .webix_el_datepicker .webix_input_icon,
  4199. .webix_el_colorpicker .webix_input_icon,
  4200. .webix_el_search .webix_input_icon {
  4201. right: 2px;
  4202. background: transparent;
  4203. z-index: 1;
  4204. position: absolute;
  4205. }
  4206. .webix_el_combo .webix_input_icon,
  4207. .webix_el_richselect .webix_input_icon {
  4208. padding-left: 7px;
  4209. width: 19px;
  4210. }
  4211. .webix_el_datepicker .webix_input_icon,
  4212. .webix_el_colorpicker .webix_input_icon,
  4213. .webix_el_search .webix_input_icon {
  4214. padding-left: 5px;
  4215. width: 21px;
  4216. }
  4217. .webix_view input[type="text"]::-ms-clear {
  4218. display: none;
  4219. }
  4220. /*Remove button padding in FF*/
  4221. .webix_view button::-moz-focus-inner {
  4222. padding: 0;
  4223. border: 0;
  4224. }
  4225. .webix_el_radio .webix_inp_label {
  4226. line-height: normal !important;
  4227. padding-top: 7px;
  4228. }
  4229. .webix_inp_radio_border input,
  4230. .webix_el_checkbox input {
  4231. margin: 0px;
  4232. padding: 0px;
  4233. float: left;
  4234. }
  4235. .webix_line_break {
  4236. clear: both;
  4237. }
  4238. .webix_custom_checkbox,
  4239. .webix_custom_radio {
  4240. -moz-user-select: none;
  4241. -webkit-user-select: none;
  4242. -ms-user-select: none;
  4243. user-select: none;
  4244. }
  4245. .webix_radio_option.webix_disabled .webix_label_right,
  4246. .webix_radio_option.webix_disabled .webix_inp_radio_border {
  4247. color: #94A1B3;
  4248. cursor: not-allowed;
  4249. -moz-user-select: none;
  4250. -webkit-user-select: none;
  4251. -ms-user-select: none;
  4252. user-select: none;
  4253. }
  4254. .webix_el_radio .webix_radio_option.webix_disabled .webix_custom_radio {
  4255. color: #94A1B3;
  4256. cursor: not-allowed;
  4257. }
  4258. .webix_radio_option {
  4259. display: table;
  4260. float: left;
  4261. height: 32px;
  4262. margin-right: 20px;
  4263. }
  4264. .webix_inp_radio_border,
  4265. .webix_el_radio .webix_label_right {
  4266. display: table-cell;
  4267. vertical-align: middle;
  4268. }
  4269. .webix_invalid .webix_el_box input,
  4270. .webix_invalid .webix_custom_radio,
  4271. .webix_invalid .webix_el_box .webix_inp_static,
  4272. .webix_invalid .webix_el_box select,
  4273. .webix_invalid .webix_el_box textarea,
  4274. input.webix_invalid,
  4275. select.webix_invalid,
  4276. textarea.webix_invalid {
  4277. background-color: #fff6f6;
  4278. border-color: #fea5a8;
  4279. }
  4280. .webix_invalid .webix_inp_bottom_label {
  4281. font-size: 12px;
  4282. color: #fd595f;
  4283. }
  4284. .webix_el_colorpicker .webix_input_icon {
  4285. padding-left: 0;
  4286. top: 7px;
  4287. right: 8px;
  4288. width: 24px;
  4289. height: 24px;
  4290. border-radius: 2px;
  4291. }
  4292. .webix_el_search .webix_el_box {
  4293. position: relative;
  4294. }
  4295. .webix_el_search input {
  4296. padding-right: 30px;
  4297. }
  4298. .webix_el_search span {
  4299. position: absolute;
  4300. right: 19px;
  4301. cursor: pointer;
  4302. padding-left: 7px;
  4303. }
  4304. .webix_view.webix_control > .webix_disabled {
  4305. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  4306. opacity: 0;
  4307. }
  4308. .webix_disabled_view.webix_control .webix_image {
  4309. -webkit-filter: grayscale(100%);
  4310. filter: grayscale(100%);
  4311. }
  4312. .webix_el_label.webix_disabled_view {
  4313. color: #94A1B3;
  4314. }
  4315. .webix_view.webix_control .webix_disabled_box label,
  4316. .webix_view.webix_control .webix_disabled_box .webix_input_icon,
  4317. .webix_view.webix_control .webix_disabled_box button {
  4318. color: #94A1B3;
  4319. }
  4320. .webix_view.webix_control .webix_disabled_box input,
  4321. .webix_view.webix_control .webix_disabled_box select,
  4322. .webix_view.webix_control .webix_disabled_box textarea,
  4323. .webix_view.webix_control .webix_disabled_box .webix_inp_static {
  4324. color: #94A1B3;
  4325. background: #fbfbfd;
  4326. border-color: #EDEFF0;
  4327. }
  4328. .webix_view.webix_control .webix_disabled_box .webix_inp_counter_prev,
  4329. .webix_view.webix_control .webix_disabled_box .webix_inp_counter_next,
  4330. .webix_view.webix_control .webix_disabled_box .webix_segment_0,
  4331. .webix_view.webix_control .webix_disabled_box .webix_segment_1,
  4332. .webix_view.webix_control .webix_disabled_box .webix_segment_N {
  4333. color: #94A1B3;
  4334. background: #f4f5f9;
  4335. border-color: #f4f5f9;
  4336. text-shadow: none;
  4337. }
  4338. .webix_disabled_top_label {
  4339. color: #94A1B3;
  4340. }
  4341. label.webix_required:after,
  4342. legend.webix_required:after,
  4343. .webix_richtext_inp_label.webix_required .webix_template:after {
  4344. padding-left: 4px;
  4345. content: "*";
  4346. color: red;
  4347. }
  4348. .webix_multicombo .webix_inp_static {
  4349. padding: 0 0px;
  4350. }
  4351. .webix_el_text .webix_multicombo_input {
  4352. background-color: transparent;
  4353. border: 0;
  4354. float: left;
  4355. vertical-align: middle;
  4356. font-size: 14px;
  4357. padding: 0px;
  4358. color: #475466;
  4359. font-family: Roboto, sans-serif;
  4360. margin-left: 12px;
  4361. }
  4362. .webix_el_text .webix_multicombo_input:focus {
  4363. border: 0;
  4364. box-shadow: none;
  4365. }
  4366. .webix_multicombo_listbox {
  4367. width: auto;
  4368. line-height: 1;
  4369. margin: 0;
  4370. padding: 0;
  4371. list-style: none;
  4372. }
  4373. .webix_multicombo_value,
  4374. .webix_multicombo_tag {
  4375. padding-left: 7px;
  4376. background-color: #f2f2f2;
  4377. display: inline-block;
  4378. margin: 3px;
  4379. float: left;
  4380. border-radius: 2px;
  4381. }
  4382. .webix_multicombo_tag {
  4383. min-width: 15px;
  4384. text-align: center;
  4385. padding: 0 5px 0 5px;
  4386. }
  4387. .webix_multicombo_delete {
  4388. -moz-user-select: none;
  4389. -webkit-user-select: none;
  4390. -ms-user-select: none;
  4391. user-select: none;
  4392. color: transparent;
  4393. margin: 0 4px 0 2px;
  4394. padding: 0;
  4395. cursor: pointer;
  4396. }
  4397. .webix_multicombo_delete:after {
  4398. vertical-align: bottom;
  4399. font-size: 20px;
  4400. content: "\F033";
  4401. font-family: "Webix Material Icons";
  4402. color: #94A1B3;
  4403. }
  4404. .webix_multilist .webix_selected {
  4405. background: #f2f2f2;
  4406. color: #475466;
  4407. }
  4408. .webix_multilist .wxi-checkbox-marked,
  4409. .webix_multilist .wxi-checkbox-blank {
  4410. vertical-align: middle;
  4411. font-size: 24px;
  4412. width: 24px;
  4413. margin-right: 4px;
  4414. }
  4415. .webix_checksuggest_select_all {
  4416. border: none;
  4417. border-bottom: 1px solid #ebebeb;
  4418. border-color: #ebebeb;
  4419. margin-bottom: 1px;
  4420. }
  4421. .webix_checksuggest_select_all .webix_label_right {
  4422. text-transform: capitalize;
  4423. display: block;
  4424. padding-top: 2px;
  4425. padding-bottom: 4px;
  4426. }
  4427. .webix_checksuggest_select_all input {
  4428. display: none;
  4429. }
  4430. .webix_checksuggest_select_all:hover .webix_label_right {
  4431. cursor: pointer;
  4432. color: #F4F5F9;
  4433. }
  4434. .webix_el_texthighlight {
  4435. position: relative;
  4436. }
  4437. .webix_el_texthighlight.webix_el_text .webix_text_highlight_value {
  4438. position: relative;
  4439. top: 50%;
  4440. transform: translate(0, -50%);
  4441. overflow: hidden;
  4442. white-space: pre;
  4443. }
  4444. .webix_el_texthighlight.webix_el_text input,
  4445. .webix_el_texthighlight.webix_el_text .webix_text_highlight {
  4446. -ms-overflow-style: -ms-autohiding-scrollbar;
  4447. padding: 0 12px;
  4448. }
  4449. .webix_el_texthighlight.webix_el_text input::-ms-clear {
  4450. display: none;
  4451. }
  4452. .webix_el_texthighlight.webix_el_textarea textarea {
  4453. padding: 5px 12px;
  4454. }
  4455. .webix_el_texthighlight.webix_el_textarea .webix_text_highlight_value {
  4456. word-wrap: break-word;
  4457. margin: 5px 12px;
  4458. white-space: pre-wrap;
  4459. }
  4460. .webix_el_texthighlight .webix_text_highlight,
  4461. .webix_el_texthighlight input,
  4462. .webix_el_texthighlight textarea {
  4463. line-height: normal;
  4464. letter-spacing: normal;
  4465. -moz-box-sizing: border-box;
  4466. -webkit-box-sizing: border-box;
  4467. box-sizing: border-box;
  4468. }
  4469. .webix_el_texthighlight .webix_text_highlight {
  4470. -webkit-text-size-adjust: none;
  4471. height: 100%;
  4472. position: absolute;
  4473. border: 1px solid transparent;
  4474. border-radius: 2px;
  4475. background-color: #fff;
  4476. overflow: auto;
  4477. }
  4478. .webix_el_texthighlight .webix_text_highlight .webix_text_highlight_value {
  4479. text-align: left;
  4480. }
  4481. .webix_el_texthighlight.webix_control .webix_el_box input,
  4482. .webix_el_texthighlight.webix_control .webix_el_box textarea {
  4483. display: block;
  4484. position: relative;
  4485. z-index: 1;
  4486. color: transparent;
  4487. caret-color: #475466;
  4488. background: transparent;
  4489. overflow: auto;
  4490. resize: none;
  4491. }
  4492. .webix_el_tabbar {
  4493. background: transparent;
  4494. }
  4495. .webix_all_tabs {
  4496. height: 100%;
  4497. display: table;
  4498. }
  4499. .webix_tab_filler {
  4500. display: table-cell;
  4501. background: transparent;
  4502. font-size: 1px;
  4503. border-bottom: 1px solid #DADEE0;
  4504. -moz-box-sizing: border-box;
  4505. -webkit-box-sizing: border-box;
  4506. box-sizing: border-box;
  4507. }
  4508. .webix_tab_filler:first-child {
  4509. border-right: 1px solid #DADEE0;
  4510. }
  4511. .webix_item_tab:first-child {
  4512. border-left: 1px solid #DADEE0;
  4513. }
  4514. .webix_item_tab {
  4515. display: table-cell;
  4516. text-align: center;
  4517. vertical-align: middle;
  4518. overflow: hidden;
  4519. cursor: pointer;
  4520. border: 1px solid #DADEE0;
  4521. border-left-width: 0px;
  4522. background: #FFFFFF;
  4523. color: #1CA1C1;
  4524. -webkit-border-top-left-radius: 2px;
  4525. -webkit-border-bottom-left-radius: 0px;
  4526. -webkit-border-top-right-radius: 2px;
  4527. -webkit-border-bottom-right-radius: 0px;
  4528. -moz-border-radius-topleft: 2px;
  4529. -moz-border-radius-bottomleft: 0px;
  4530. -moz-border-radius-topright: 2px;
  4531. -moz-border-radius-bottomright: 0px;
  4532. border-top-left-radius: 2px;
  4533. border-bottom-left-radius: 0px;
  4534. border-top-right-radius: 2px;
  4535. border-bottom-right-radius: 0px;
  4536. -moz-box-sizing: border-box;
  4537. -webkit-box-sizing: border-box;
  4538. box-sizing: border-box;
  4539. }
  4540. .webixtype_bottom .webix_item_tab {
  4541. border-radius: 0;
  4542. }
  4543. .webix_item_tab.webix_selected {
  4544. border-bottom-width: 0px;
  4545. background: #FFFFFF;
  4546. color: #1CA1C1;
  4547. }
  4548. .webixtype_bottom .webix_item_tab.webix_selected {
  4549. border-bottom-width: 1px;
  4550. }
  4551. .webix_before_all_tabs {
  4552. width: 100%;
  4553. }
  4554. .webix_after_all_tabs {
  4555. width: 100%;
  4556. border-left: 1px solid #DADEE0;
  4557. border-right: 1px solid #DADEE0;
  4558. -moz-box-sizing: border-box;
  4559. -webkit-box-sizing: border-box;
  4560. box-sizing: border-box;
  4561. }
  4562. .webix_view.webix_control .webix_disabled_box .webix_item_tab {
  4563. color: #94A1B3;
  4564. background: #f4f5f9;
  4565. border-color: #f4f5f9;
  4566. text-shadow: none;
  4567. }
  4568. .webix_el_tabbar .webixtype_icon .webix_img_btn {
  4569. -moz-box-sizing: border-box;
  4570. -webkit-box-sizing: border-box;
  4571. box-sizing: border-box;
  4572. margin: 0 auto;
  4573. text-align: center;
  4574. }
  4575. .webix_el_tabbar .webixtype_icon .webix_img_btn .webix_icon_btn {
  4576. -moz-box-sizing: border-box;
  4577. -webkit-box-sizing: border-box;
  4578. box-sizing: border-box;
  4579. margin: 0 3px;
  4580. }
  4581. .webix_el_tabbar .webixtype_icon .webix_item_tab,
  4582. .webix_el_tabbar .webixtype_iconTop .webix_item_tab,
  4583. .webix_el_tabbar .webixtype_image .webix_item_tab {
  4584. padding: 3px 0;
  4585. border-radius: 0;
  4586. }
  4587. .webix_el_tabbar .webixtype_icon .webix_img_btn_top,
  4588. .webix_el_tabbar .webixtype_iconTop .webix_img_btn_top,
  4589. .webix_el_tabbar .webixtype_image .webix_img_btn_top {
  4590. background-position: center 0;
  4591. position: relative;
  4592. height: 100%;
  4593. }
  4594. .webix_tab_more_icon {
  4595. cursor: pointer;
  4596. display: table-cell;
  4597. overflow: hidden;
  4598. text-align: center;
  4599. box-sizing: border-box;
  4600. vertical-align: middle;
  4601. padding: 0 3px;
  4602. }
  4603. .webix_tab_more_icon .webix_icon {
  4604. width: 100%;
  4605. }
  4606. .webix_tab_list .webix_list_item:last-child {
  4607. border-bottom: none;
  4608. }
  4609. .webix_icon.webix_tab_close {
  4610. font-size: 12px;
  4611. float: right;
  4612. padding: 4px;
  4613. margin-top: -4px;
  4614. }
  4615. .webix_icon.webix_tab_close:focus {
  4616. color: #FF5C4C;
  4617. }
  4618. .webix_all_tabs .webix_item_tab.webix_disabled {
  4619. color: #94A1B3;
  4620. background-color: #fbfbfd;
  4621. border-color: transparent;
  4622. cursor: not-allowed;
  4623. -moz-user-select: none;
  4624. -webkit-user-select: none;
  4625. -ms-user-select: none;
  4626. user-select: none;
  4627. }
  4628. .webix_all_tabs .webix_item_tab.webix_disabled:hover,
  4629. .webix_all_tabs .webix_item_tab.webix_disabled.webix_selected,
  4630. .webix_all_tabs .webix_item_tab.webix_disabled.webix_selected:hover {
  4631. color: #94A1B3;
  4632. background-color: #fbfbfd;
  4633. border-color: transparent;
  4634. }
  4635. .webix_menu .webix_list_item:hover,
  4636. .webix_menu-x .webix_list_item:hover,
  4637. .webix_menu .webix_list_item:active,
  4638. .webix_menu-x .webix_list_item:active,
  4639. .webix_menu .webix_list_item:focus,
  4640. .webix_menu-x .webix_list_item:focus {
  4641. background: rgba(100, 100, 100, 0.1);
  4642. }
  4643. .webix_menu .webix_list_item,
  4644. .webix_menu-x .webix_list_item {
  4645. border: none;
  4646. text-decoration: none;
  4647. background: #FFFFFF;
  4648. height: 36px;
  4649. }
  4650. .webix_menu .webix_list_item .webix_submenu_icon,
  4651. .webix_menu-x .webix_list_item .webix_submenu_icon {
  4652. float: right;
  4653. text-align: right;
  4654. position: relative;
  4655. margin-left: 4px;
  4656. }
  4657. .webix_menu-x {
  4658. border-color: transparent;
  4659. background: transparent;
  4660. color: #FFFFFF;
  4661. }
  4662. .webix_menu-x .webix_list_item:first-child {
  4663. margin-left: 0px;
  4664. }
  4665. .webix_menu-x .webix_submenu_icon {
  4666. top: 14px;
  4667. }
  4668. .webix_menu-x .webix_list_item {
  4669. display: inline-block;
  4670. line-height: 32px;
  4671. }
  4672. .webix_menu-x .webix_list_item {
  4673. border-right: 1px solid #fff;
  4674. border-left: 0px;
  4675. background: #1CA1C1;
  4676. color: #fff;
  4677. font-size: 14px;
  4678. }
  4679. .webix_menu-x .webix_list_item .webix_submenu_icon:before {
  4680. content: '\F001';
  4681. }
  4682. .webix_menu-x .webix_list_item .webix_icon_btn {
  4683. color: #fff;
  4684. text-align: left;
  4685. }
  4686. .webix_menu-x .webix_list_item.webix_selected {
  4687. box-shadow: none;
  4688. }
  4689. .webix_menu-x .webix_list_item:hover,
  4690. .webix_menu-x .webix_list_item:active,
  4691. .webix_menu-x .webix_list_item:focus {
  4692. background-color: #1992af;
  4693. }
  4694. .webix_menu-x .webix_list_item:first-child {
  4695. -webkit-border-top-left-radius: 2px;
  4696. -webkit-border-bottom-left-radius: 2px;
  4697. -webkit-border-top-right-radius: 0;
  4698. -webkit-border-bottom-right-radius: 0;
  4699. -moz-border-radius-topleft: 2px;
  4700. -moz-border-radius-bottomleft: 2px;
  4701. -moz-border-radius-topright: 0;
  4702. -moz-border-radius-bottomright: 0;
  4703. border-top-left-radius: 2px;
  4704. border-bottom-left-radius: 2px;
  4705. border-top-right-radius: 0;
  4706. border-bottom-right-radius: 0;
  4707. }
  4708. .webix_menu-x .webix_list_item:last-child {
  4709. border-right: none;
  4710. -webkit-border-top-left-radius: 0;
  4711. -webkit-border-bottom-left-radius: 0;
  4712. -webkit-border-top-right-radius: 2px;
  4713. -webkit-border-bottom-right-radius: 2px;
  4714. -moz-border-radius-topleft: 0;
  4715. -moz-border-radius-bottomleft: 0;
  4716. -moz-border-radius-topright: 2px;
  4717. -moz-border-radius-bottomright: 2px;
  4718. border-top-left-radius: 0;
  4719. border-bottom-left-radius: 0;
  4720. border-top-right-radius: 2px;
  4721. border-bottom-right-radius: 2px;
  4722. }
  4723. .webix_menu-x .webix_list_item.webix_disabled {
  4724. color: #94A1B3;
  4725. background-color: #fbfbfd;
  4726. }
  4727. .webix_menu-x.webix_disabled_view .webix_disabled {
  4728. background-color: transparent;
  4729. }
  4730. .webix_menu-x.webix_disabled_view .webix_list_item.menu {
  4731. color: #94A1B3;
  4732. background: #f4f5f9;
  4733. }
  4734. /* Submenu */
  4735. .webix_menu {
  4736. background: #FFFFFF;
  4737. border: 1px solid #DADEE0;
  4738. border-radius: 0px;
  4739. }
  4740. .webix_menu .webix_list_item {
  4741. display: block;
  4742. }
  4743. .webix_menu .webix_context_separator {
  4744. height: 3px;
  4745. padding: 1px 3px 0 3px;
  4746. }
  4747. .webix_menu .webix_context_separator .sep_line {
  4748. height: 1px;
  4749. border-top: 1px solid #DADEE0;
  4750. }
  4751. .webix_menu .webix_submenu_icon {
  4752. top: 12px;
  4753. }
  4754. .webix_menu .webix_context_spacer {
  4755. height: 36px;
  4756. }
  4757. .webix_menu_link {
  4758. color: inherit;
  4759. text-decoration: none;
  4760. display: block;
  4761. height: 100%;
  4762. }
  4763. /* Toolbar */
  4764. .webix_toolbar.webix_layout_subbar .webix_el_label .webix_el_box {
  4765. font-family: Roboto, sans-serif;
  4766. font-size: 16px;
  4767. font-weight: 500;
  4768. color: #475466;
  4769. letter-spacing: 0px;
  4770. }
  4771. .webix_toolbar.webix_layout_subbar.webix_dark {
  4772. background: #657584;
  4773. border-color: #657584;
  4774. }
  4775. .webix_toolbar.webix_layout_subbar.webix_dark .webix_el_button,
  4776. .webix_toolbar.webix_layout_subbar.webix_dark .webix_el_label .webix_el_box,
  4777. .webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_label,
  4778. .webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_top_label {
  4779. color: #FFFFFF;
  4780. }
  4781. .webix_toolbar.webix_layout_subbar.webix_dark .webix_secondary .webix_icon,
  4782. .webix_toolbar.webix_layout_subbar.webix_dark .webix_transparent .webix_icon,
  4783. .webix_toolbar.webix_layout_subbar.webix_dark .webix_secondary .webix_img_btn_text,
  4784. .webix_toolbar.webix_layout_subbar.webix_dark .webix_transparent .webix_img_btn_text,
  4785. .webix_toolbar.webix_layout_subbar.webix_dark .webix_secondary .webix_icon_btn,
  4786. .webix_toolbar.webix_layout_subbar.webix_dark .webix_transparent .webix_icon_btn {
  4787. color: #FFFFFF;
  4788. }
  4789. .webix_toolbar.webix_layout_subbar.webix_dark .webix_transparent button {
  4790. color: #FFFFFF;
  4791. }
  4792. .webix_toolbar.webix_layout_subbar.webix_dark .webix_transparent button:hover,
  4793. .webix_toolbar.webix_layout_subbar.webix_dark .webix_transparent button:focus {
  4794. background-color: rgba(0, 0, 0, 0.2);
  4795. }
  4796. .webix_toolbar.webix_layout_subbar.webix_dark .webix_transparent button:active {
  4797. background-color: rgba(0, 0, 0, 0.4);
  4798. }
  4799. .webix_toolbar.webix_layout_subbar.webix_dark .webix_secondary button,
  4800. .webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_counter_next,
  4801. .webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_counter_prev,
  4802. .webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_0,
  4803. .webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_1,
  4804. .webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_N,
  4805. .webix_toolbar.webix_layout_subbar.webix_dark .webix_menu-x .webix_list_item {
  4806. background-color: rgba(0, 0, 0, 0.2);
  4807. color: #FFFFFF;
  4808. border-color: transparent;
  4809. }
  4810. .webix_toolbar.webix_layout_subbar.webix_dark .webix_view > .webix_template {
  4811. color: #FFFFFF;
  4812. background-color: #657584;
  4813. }
  4814. .webix_toolbar.webix_layout_subbar.webix_dark .webix_secondary button:hover,
  4815. .webix_toolbar.webix_layout_subbar.webix_dark .webix_menu-x .webix_list_item:hover,
  4816. .webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_counter_next:hover,
  4817. .webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_counter_prev:hover,
  4818. .webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_0:hover,
  4819. .webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_1:hover,
  4820. .webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_N:hover {
  4821. color: #FFFFFF;
  4822. background-color: rgba(0, 0, 0, 0.4);
  4823. }
  4824. .webix_toolbar.webix_layout_subbar.webix_dark .webix_secondary button:focus,
  4825. .webix_toolbar.webix_layout_subbar.webix_dark .webix_menu-x .webix_list_item:focus,
  4826. .webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_counter_next:focus,
  4827. .webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_counter_prev:focus,
  4828. .webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_0:focus,
  4829. .webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_1:focus,
  4830. .webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_N:focus {
  4831. background-color: rgba(0, 0, 0, 0.4);
  4832. color: #FFFFFF;
  4833. }
  4834. .webix_toolbar.webix_layout_subbar.webix_dark .webix_secondary button:active,
  4835. .webix_toolbar.webix_layout_subbar.webix_dark .webix_menu-x .webix_list_item:active,
  4836. .webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_counter_next:active,
  4837. .webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_counter_prev:active,
  4838. .webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_0:active,
  4839. .webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_1:active,
  4840. .webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_N:active {
  4841. background-color: rgba(0, 0, 0, 0.5);
  4842. color: #FFFFFF;
  4843. }
  4844. .webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_static,
  4845. .webix_toolbar.webix_layout_subbar.webix_dark input[type=text],
  4846. .webix_toolbar.webix_layout_subbar.webix_dark input[type=combo],
  4847. .webix_toolbar.webix_layout_subbar.webix_dark textarea,
  4848. .webix_toolbar.webix_layout_subbar.webix_dark select,
  4849. .webix_toolbar.webix_layout_subbar.webix_dark .webix_text_highlight {
  4850. border-color: transparent;
  4851. background-color: rgba(0, 0, 0, 0.2);
  4852. color: rgba(255, 255, 255, 0.7);
  4853. }
  4854. .webix_toolbar.webix_layout_subbar.webix_dark .webix_el_texthighlight input,
  4855. .webix_toolbar.webix_layout_subbar.webix_dark .webix_el_texthighlight textarea {
  4856. caret-color: rgba(255, 255, 255, 0.7);
  4857. }
  4858. .webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_static input[type=text] {
  4859. background-color: transparent;
  4860. }
  4861. .webix_toolbar.webix_layout_subbar.webix_dark select option {
  4862. background-color: #657584;
  4863. color: #FFFFFF;
  4864. }
  4865. .webix_toolbar.webix_layout_subbar.webix_dark .webix_multicombo_value,
  4866. .webix_toolbar.webix_layout_subbar.webix_dark .webix_multicombo_tag {
  4867. color: #657584;
  4868. }
  4869. .webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_static:focus,
  4870. .webix_toolbar.webix_layout_subbar.webix_dark input[type=text]:focus,
  4871. .webix_toolbar.webix_layout_subbar.webix_dark input[type=combo]:focus,
  4872. .webix_toolbar.webix_layout_subbar.webix_dark textarea:focus,
  4873. .webix_toolbar.webix_layout_subbar.webix_dark select:focus {
  4874. border-color: #FFFFFF;
  4875. box-shadow: none;
  4876. }
  4877. .webix_toolbar.webix_layout_subbar.webix_dark .webix_el_counter button {
  4878. background-color: rgba(0, 0, 0, 0.3);
  4879. }
  4880. .webix_toolbar.webix_layout_subbar.webix_dark .webix_el_counter input[type=text]:focus {
  4881. border-color: transparent;
  4882. }
  4883. .webix_toolbar.webix_layout_subbar.webix_dark .webix_placeholder {
  4884. color: rgba(255, 255, 255, 0.4);
  4885. }
  4886. .webix_toolbar.webix_layout_subbar.webix_dark ::-webkit-input-placeholder {
  4887. color: rgba(255, 255, 255, 0.4);
  4888. }
  4889. .webix_toolbar.webix_layout_subbar.webix_dark ::-moz-placeholder {
  4890. color: rgba(255, 255, 255, 0.4);
  4891. }
  4892. .webix_toolbar.webix_layout_subbar.webix_dark :-moz-placeholder {
  4893. color: rgba(255, 255, 255, 0.4);
  4894. }
  4895. .webix_toolbar.webix_layout_subbar.webix_dark :-ms-input-placeholder {
  4896. color: rgba(255, 255, 255, 0.4);
  4897. }
  4898. .webix_toolbar.webix_layout_subbar.webix_dark .webix_input_icon {
  4899. color: rgba(255, 255, 255, 0.7);
  4900. }
  4901. .webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_0,
  4902. .webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_1,
  4903. .webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_N {
  4904. background: #1CA1C1;
  4905. color: #FFFFFF;
  4906. }
  4907. .webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_0:hover,
  4908. .webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_1:hover,
  4909. .webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_N:hover {
  4910. background-color: #1992af;
  4911. }
  4912. .webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_0:focus,
  4913. .webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_1:focus,
  4914. .webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_N:focus {
  4915. background-color: #1992af;
  4916. }
  4917. .webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_0:active,
  4918. .webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_1:active,
  4919. .webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_N:active {
  4920. background-color: #17839d;
  4921. }
  4922. .webix_toolbar.webix_layout_subbar.webix_dark .webix_el_icon,
  4923. .webix_toolbar.webix_layout_subbar.webix_dark .webix_icon_button {
  4924. color: #FFFFFF;
  4925. }
  4926. .webix_toolbar.webix_layout_subbar.webix_dark .webix_control {
  4927. border-color: #1CA1C1;
  4928. }
  4929. .webix_toolbar.webix_layout_subbar.webix_dark .webix_icon_button:hover:before {
  4930. background-color: rgba(0, 0, 0, 0.2);
  4931. }
  4932. .webix_toolbar.webix_layout_subbar.webix_dark .webix_icon_button:hover .webix_icon {
  4933. opacity: 1;
  4934. }
  4935. .webix_toolbar.webix_layout_subbar.webix_dark .webix_icon_button .webix_icon {
  4936. color: #FFFFFF;
  4937. opacity: 0.7;
  4938. }
  4939. .webix_toolbar.webix_layout_subbar.webix_dark .webix_custom_checkbox,
  4940. .webix_toolbar.webix_layout_subbar.webix_dark .webix_custom_radio {
  4941. color: #FFFFFF;
  4942. }
  4943. .webix_toolbar.webix_layout_subbar.webix_dark .webix_custom_checkbox:focus,
  4944. .webix_toolbar.webix_layout_subbar.webix_dark .webix_custom_radio:focus {
  4945. color: #f0f0f0;
  4946. }
  4947. .webix_toolbar.webix_layout_subbar.webix_dark .webix_label_right {
  4948. color: #FFFFFF;
  4949. }
  4950. .webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_button {
  4951. color: rgba(255, 255, 255, 0.4);
  4952. background: rgba(0, 0, 0, 0.1);
  4953. text-shadow: none;
  4954. }
  4955. .webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_img_btn_text {
  4956. color: rgba(255, 255, 255, 0.4);
  4957. }
  4958. .webix_toolbar.webix_layout_subbar.webix_dark .webix_disabled_view.webix_control .webix_icon_btn,
  4959. .webix_toolbar.webix_layout_subbar.webix_dark .webix_disabled_view.webix_control .webix_icon {
  4960. color: rgba(255, 255, 255, 0.4);
  4961. }
  4962. .webix_toolbar.webix_layout_subbar.webix_dark .webix_disabled_view.webix_menu-x .webix_list_item.menu {
  4963. background-color: rgba(0, 0, 0, 0.1);
  4964. color: rgba(255, 255, 255, 0.4);
  4965. }
  4966. .webix_toolbar.webix_layout_subbar.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon,
  4967. .webix_toolbar.webix_layout_subbar.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_disabled_box .webix_img_btn_text,
  4968. .webix_toolbar.webix_layout_subbar.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon_btn {
  4969. color: rgba(255, 255, 255, 0.4);
  4970. }
  4971. .webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box label,
  4972. .webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_input_icon,
  4973. .webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box button {
  4974. color: rgba(255, 255, 255, 0.4);
  4975. }
  4976. .webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box input,
  4977. .webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box select,
  4978. .webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box textarea,
  4979. .webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static,
  4980. .webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_prev,
  4981. .webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_next {
  4982. color: rgba(255, 255, 255, 0.4);
  4983. background: rgba(0, 0, 0, 0.1);
  4984. border-color: transparent;
  4985. }
  4986. .webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static input {
  4987. background-color: transparent;
  4988. }
  4989. .webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_0,
  4990. .webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_1,
  4991. .webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_N,
  4992. .webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_item_tab {
  4993. color: rgba(255, 255, 255, 0.4);
  4994. background: rgba(0, 0, 0, 0.1);
  4995. text-shadow: none;
  4996. }
  4997. .webix_toolbar.webix_layout_subbar.webix_dark .webix_disabled_top_label {
  4998. color: rgba(255, 255, 255, 0.4);
  4999. }
  5000. .webix_toolbar.webix_layout_subbar.webix_dark .webix_invalid .webix_el_box input,
  5001. .webix_toolbar.webix_layout_subbar.webix_dark .webix_invalid .webix_el_box .webix_inp_static,
  5002. .webix_toolbar.webix_layout_subbar.webix_dark .webix_invalid .webix_el_box select,
  5003. .webix_toolbar.webix_layout_subbar.webix_dark .webix_invalid .webix_el_box textarea,
  5004. .webix_toolbar.webix_layout_subbar.webix_dark input.webix_invalid,
  5005. .webix_toolbar.webix_layout_subbar.webix_dark select.webix_invalid,
  5006. .webix_toolbar.webix_layout_subbar.webix_dark textarea.webix_invalid {
  5007. color: #ffdedb;
  5008. background-color: rgba(255, 92, 76, 0.3);
  5009. border-color: #ff8d82;
  5010. }
  5011. .webix_toolbar.webix_layout_subbar.webix_dark .webix_invalid .webix_multicombo_value,
  5012. .webix_toolbar.webix_layout_subbar.webix_dark .webix_invalid .webix_multicombo_tag {
  5013. color: #FF5C4C;
  5014. }
  5015. .webix_toolbar.webix_layout_subbar.webix_dark .webix_invalid .webix_el_box .webix_inp_static input {
  5016. background-color: transparent;
  5017. }
  5018. .webix_toolbar .webix_layout_line,
  5019. .webix_toolbar .webix_layout_clean {
  5020. background: transparent;
  5021. }
  5022. .webix_hidden_upload,
  5023. .webix_el_button .webix_hidden_upload {
  5024. height: 1px;
  5025. width: 1px;
  5026. border: 0 !important;
  5027. font-size: 1px;
  5028. position: absolute;
  5029. top: 0px;
  5030. left: 0px;
  5031. z-index: -1;
  5032. opacity: 0;
  5033. }
  5034. .webix_upload_client,
  5035. .webix_upload_error,
  5036. .webix_upload_server {
  5037. width: 60px;
  5038. text-align: center;
  5039. float: right;
  5040. }
  5041. .error_icon,
  5042. .cancel_icon {
  5043. display: inline-block;
  5044. background-repeat: no-repeat;
  5045. }
  5046. .error_icon {
  5047. width: 18px;
  5048. height: 16px;
  5049. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZFMDdENjlDNjE2QzExRTI5QzhBQUU2OUI3RDY4RTFCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZFMDdENjlENjE2QzExRTI5QzhBQUU2OUI3RDY4RTFCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkUwN0Q2OUE2MTZDMTFFMjlDOEFBRTY5QjdENjhFMUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkUwN0Q2OUI2MTZDMTFFMjlDOEFBRTY5QjdENjhFMUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ZJnE7AAABdklEQVR42mK80aLPgAcwA/EcIOYB4mgg/oWuQL36AphmYcAPYvl5WBOYmBgY3n/6fQTIn4hLIRMeQ0CuaBHgY2EQ4GMF8euAWIgcg6qF+NmkOdiZGdhYmRiEBdhAhrSQapAKEBcJC7DCBUQE2UBUGhAbkGLQBDEhdjYmJkaGtHVMDD4LmBk+/2RgEBdhBwX+ZGINcuLiZPYW5Ie45tknRrAhIFqAl5WBh4vFBijsR8ggkI29IA0wwMsOo/+DaWjA9wIxGz6D0oAKDXi5EalCkvc/2DApPgifm5OZQZCPFRyGuAwCxwqya0AAZADMVTAgyA92TDUQS2MzqAUUxcAgRjPoP9hVyICVhREUi6B01g4TY4RmES0gvqSuyMPMQAK4ef/LXyBlAswmF2DWd4kJs2M1pGgLIvrRAXJyAIWqNzcXi7cgHysDqQAUnt9//LW52WoQBfLaDRlxDnWgYQzkAKBBDI+ef38E0n3nycsf6gyUgUcAAQYA9DZJKVXGocQAAAAASUVORK5CYII=");
  5050. }
  5051. .webix_upload_server {
  5052. color: green;
  5053. }
  5054. .webix_remove_upload {
  5055. float: right;
  5056. }
  5057. .cancel_icon {
  5058. margin-top: 9px;
  5059. width: 14px;
  5060. height: 14px;
  5061. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAAsElEQVR4XoVQUQbDQBScAywIuUcpKCWglBJCDlBKf0vpbymhd5mDhIDcoAcoJQSEsn2G5KmWzMDsPG92ZyGAgVfWfBtrUwEOZnwwOu2UjaPCbScLAEzYmzxyxafMgaUlRXMTsJJ1B7jgy0Y7gHt5FdgyimeAS+a6ZpDTQkLkCQbmk9OBHaPv+p6x99jLFFuOsTMPSlXl8FVlrSopFBP/sIQAbn6+bwsHA29sNGhMBQgf1cri4JYEbDkAAAAASUVORK5CYII=");
  5062. }
  5063. .webix_upload_flash {
  5064. width: 100%;
  5065. height: 100%;
  5066. position: absolute;
  5067. bottom: 0;
  5068. left: 0;
  5069. background: #fff;
  5070. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  5071. }
  5072. .webix_drop_file {
  5073. background: #f4f4f4;
  5074. position: relative;
  5075. }
  5076. .webix_drop_file::before {
  5077. position: absolute;
  5078. bottom: 10px;
  5079. left: 0px;
  5080. width: 100%;
  5081. text-align: center;
  5082. pointer-events: none;
  5083. }
  5084. .webix_fieldset > fieldset {
  5085. border: 1px solid #DADEE0;
  5086. margin: 0px;
  5087. padding: 5px 8px;
  5088. }
  5089. .webix_fieldset_label {
  5090. color: #475466;
  5091. font-size: 12px;
  5092. padding: 0px 8px;
  5093. text-transform: uppercase;
  5094. }
  5095. .webix_forminput > fieldset {
  5096. border: none;
  5097. margin: 0px;
  5098. padding: 0px;
  5099. }
  5100. .webix_forminput_label {
  5101. color: #475466;
  5102. font-family: Roboto, sans-serif;
  5103. float: left;
  5104. line-height: 32px;
  5105. padding: 3px 2px;
  5106. padding-right: 9px;
  5107. -moz-box-sizing: border-box;
  5108. -webkit-box-sizing: border-box;
  5109. box-sizing: border-box;
  5110. }
  5111. legend.webix_forminput_label_top {
  5112. width: 100%;
  5113. padding: 3px 2px 0;
  5114. }
  5115. .webix_slider_box {
  5116. position: relative;
  5117. padding: 0px 10px;
  5118. height: 100%;
  5119. float: left;
  5120. border-radius: 5px;
  5121. -moz-box-sizing: border-box;
  5122. -webkit-box-sizing: border-box;
  5123. box-sizing: border-box;
  5124. margin-top: -11px;
  5125. padding-top: 15px;
  5126. }
  5127. .webix_slider_box .webix_slider_left {
  5128. height: 10px;
  5129. float: left;
  5130. width: 100px;
  5131. background: #cbeff7;
  5132. border: 1px solid #e8eaec;
  5133. -webkit-border-top-left-radius: 5px;
  5134. -webkit-border-bottom-left-radius: 5px;
  5135. -webkit-border-top-right-radius: 0;
  5136. -webkit-border-bottom-right-radius: 0;
  5137. -moz-border-radius-topleft: 5px;
  5138. -moz-border-radius-bottomleft: 5px;
  5139. -moz-border-radius-topright: 0;
  5140. -moz-border-radius-bottomright: 0;
  5141. border-top-left-radius: 5px;
  5142. border-bottom-left-radius: 5px;
  5143. border-top-right-radius: 0;
  5144. border-bottom-right-radius: 0;
  5145. -moz-box-sizing: border-box;
  5146. -webkit-box-sizing: border-box;
  5147. box-sizing: border-box;
  5148. }
  5149. .webix_slider_box .webix_slider_right {
  5150. height: 10px;
  5151. float: left;
  5152. width: 100px;
  5153. background: #fff;
  5154. -webkit-border-top-left-radius: 0;
  5155. -webkit-border-bottom-left-radius: 0;
  5156. -webkit-border-top-right-radius: 5px;
  5157. -webkit-border-bottom-right-radius: 5px;
  5158. -moz-border-radius-topleft: 0;
  5159. -moz-border-radius-bottomleft: 0;
  5160. -moz-border-radius-topright: 5px;
  5161. -moz-border-radius-bottomright: 5px;
  5162. border-top-left-radius: 0;
  5163. border-bottom-left-radius: 0;
  5164. border-top-right-radius: 5px;
  5165. border-bottom-right-radius: 5px;
  5166. border: 1px solid #e8eaec;
  5167. -moz-box-sizing: border-box;
  5168. -webkit-box-sizing: border-box;
  5169. box-sizing: border-box;
  5170. }
  5171. .webix_slider_box .webix_slider_handle {
  5172. z-index: 1;
  5173. position: absolute;
  5174. width: 14px;
  5175. height: 14px;
  5176. top: 12px;
  5177. border-radius: 8px;
  5178. }
  5179. .webix_slider_box .webix_slider_handle:focus {
  5180. border-color: #1CA1C1;
  5181. }
  5182. .webix_slider_box .webix_slider_left {
  5183. height: 6px;
  5184. border: 1px solid #CCD7E6;
  5185. background: #1CA1C1;
  5186. }
  5187. .webix_slider_box .webix_slider_right {
  5188. height: 6px;
  5189. border-color: #CCD7E6;
  5190. }
  5191. .webix_slider_box .webix_slider_handle {
  5192. width: 14px;
  5193. height: 14px;
  5194. border: 1px solid #CCD7E6;
  5195. background-color: #FFFFFF;
  5196. top: 10px;
  5197. }
  5198. .webix_rangeslider .webix_slider_box .webix_slider_left {
  5199. position: absolute;
  5200. }
  5201. .webix_rangeslider .webix_slider_box .webix_slider_active {
  5202. z-index: 2;
  5203. }
  5204. .webix_rangeslider .webix_slider_box .webix_slider_right {
  5205. border-radius: 5px;
  5206. }
  5207. .webix_rangeslider .webix_slider_title_box {
  5208. position: relative;
  5209. float: left;
  5210. height: 18px;
  5211. width: 1px;
  5212. }
  5213. .webix_rangeslider .webix_slider_title.webix_slider_move {
  5214. position: absolute;
  5215. }
  5216. .webix_rangeslider.webix_slider_vertical .webix_slider_box .webix_slider_right {
  5217. -webkit-border-top-left-radius: 5px;
  5218. -webkit-border-bottom-left-radius: 5px;
  5219. -webkit-border-top-right-radius: 5px;
  5220. -webkit-border-bottom-right-radius: 5px;
  5221. -moz-border-radius-topleft: 5px;
  5222. -moz-border-radius-bottomleft: 5px;
  5223. -moz-border-radius-topright: 5px;
  5224. -moz-border-radius-bottomright: 5px;
  5225. border-top-left-radius: 5px;
  5226. border-bottom-left-radius: 5px;
  5227. border-top-right-radius: 5px;
  5228. border-bottom-right-radius: 5px;
  5229. }
  5230. .webix_rangeslider.webix_slider_vertical .webix_slider_title.webix_slider_move {
  5231. display: block;
  5232. position: relative;
  5233. }
  5234. .webix_slider_alt .webix_slider_box .webix_slider_left {
  5235. border: 1px solid #e1e1e1;
  5236. }
  5237. .webix_slider_alt .webix_slider_box .webix_slider_right {
  5238. border: 1px solid #e1e1e1;
  5239. }
  5240. .webix_slider_alt .webix_slider_box .webix_slider_handle {
  5241. width: 11px;
  5242. margin: 0 2px;
  5243. height: 14px;
  5244. top: 12px;
  5245. border-radius: 2px;
  5246. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJCMjdFNENBRTg4MTFFMjk2NjJGMTJENjkyNDA2NTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJCMjdFNERBRTg4MTFFMjk2NjJGMTJENjkyNDA2NTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkIyN0U0QUFFODgxMUUyOTY2MkYxMkQ2OTI0MDY1OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkIyN0U0QkFFODgxMUUyOTY2MkYxMkQ2OTI0MDY1OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Powz/icAAAAaSURBVHjaYmBgYDBjgAA4zcSABQysIECAAQBn+ACx2PqtbAAAAABJRU5ErkJggg==");
  5247. background-repeat: no-repeat;
  5248. background-position: 3px center;
  5249. }
  5250. .webix_slider_alt .webix_slider_box .webix_slider_handle:focus {
  5251. border-color: #1CA1C1;
  5252. }
  5253. .webix_slider_alt .webix_slider_box .webix_slider_left {
  5254. border: 1px solid #CCD7E6;
  5255. background: #1CA1C1;
  5256. }
  5257. .webix_slider_alt .webix_slider_box .webix_slider_right {
  5258. border-color: #CCD7E6;
  5259. }
  5260. .webix_slider_alt .webix_slider_box .webix_slider_handle {
  5261. background-color: #FFFFFF;
  5262. border: 1px solid #CCD7E6;
  5263. top: 10px;
  5264. }
  5265. .webix_slider_vertical .webix_slider_box .webix_slider_left,
  5266. .webix_slider_vertical .webix_slider_box .webix_slider_right {
  5267. width: 10px;
  5268. float: none;
  5269. }
  5270. .webix_slider_vertical .webix_slider_box .webix_slider_left {
  5271. -webkit-border-top-left-radius: 0;
  5272. -webkit-border-bottom-left-radius: 5px;
  5273. -webkit-border-top-right-radius: 0;
  5274. -webkit-border-bottom-right-radius: 5px;
  5275. -moz-border-radius-topleft: 0;
  5276. -moz-border-radius-bottomleft: 5px;
  5277. -moz-border-radius-topright: 0;
  5278. -moz-border-radius-bottomright: 5px;
  5279. border-top-left-radius: 0;
  5280. border-bottom-left-radius: 5px;
  5281. border-top-right-radius: 0;
  5282. border-bottom-right-radius: 5px;
  5283. }
  5284. .webix_slider_vertical .webix_slider_box .webix_slider_right {
  5285. -webkit-border-top-left-radius: 5px;
  5286. -webkit-border-bottom-left-radius: 0;
  5287. -webkit-border-top-right-radius: 5px;
  5288. -webkit-border-bottom-right-radius: 0;
  5289. -moz-border-radius-topleft: 5px;
  5290. -moz-border-radius-bottomleft: 0;
  5291. -moz-border-radius-topright: 5px;
  5292. -moz-border-radius-bottomright: 0;
  5293. border-top-left-radius: 5px;
  5294. border-bottom-left-radius: 0;
  5295. border-top-right-radius: 5px;
  5296. border-bottom-right-radius: 0;
  5297. }
  5298. .webix_slider_vertical .webix_slider_box .webix_slider_handle {
  5299. left: 7px;
  5300. }
  5301. .webix_slider_vertical .webix_slider_title {
  5302. padding-top: 1px;
  5303. text-align: left;
  5304. }
  5305. .webix_slider_vertical.webix_slider_alt .webix_slider_handle {
  5306. height: 11px;
  5307. width: 14px;
  5308. left: 5px;
  5309. background-position: 4px center;
  5310. }
  5311. .webix_slider_title {
  5312. text-align: center;
  5313. }
  5314. .webix_slider_title.webix_slider_move {
  5315. position: relative;
  5316. text-align: left;
  5317. display: inline-block;
  5318. width: auto;
  5319. white-space: nowrap;
  5320. }
  5321. .webix_switch_toggle {
  5322. position: absolute;
  5323. visibility: hidden;
  5324. }
  5325. .webix_switch_box {
  5326. display: block;
  5327. position: relative;
  5328. top: 50%;
  5329. margin-top: -12px;
  5330. height: 24px;
  5331. cursor: pointer;
  5332. background-color: #f1f1f1;
  5333. border: 1px solid #DADEE0;
  5334. border-radius: 60px;
  5335. box-sizing: border-box;
  5336. transition: background-color 0.4s ease;
  5337. color: #666;
  5338. text-align: center;
  5339. float: left;
  5340. }
  5341. .webix_el_switch .webix_label_right {
  5342. display: block;
  5343. padding-top: 3px;
  5344. margin-top: 4px;
  5345. }
  5346. .webix_switch_handle {
  5347. height: 22px;
  5348. width: 22px;
  5349. border-radius: 100%;
  5350. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  5351. border: 1px solid #eee;
  5352. position: absolute;
  5353. top: 0px;
  5354. background-color: #fff;
  5355. transition: left 0.3s ease;
  5356. cursor: pointer;
  5357. box-sizing: border-box;
  5358. }
  5359. .webix_switch_handle:focus,
  5360. .webix_switch_box:active .webix_switch_handle {
  5361. box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.2);
  5362. }
  5363. .webix_switch_text {
  5364. -moz-user-select: none;
  5365. -webkit-user-select: none;
  5366. -ms-user-select: none;
  5367. user-select: none;
  5368. padding: 1px 0 0 18px;
  5369. display: inline-block;
  5370. box-sizing: border-box;
  5371. width: 100%;
  5372. }
  5373. .webix_switch_on .webix_switch_text {
  5374. padding: 1px 18px 0 0;
  5375. }
  5376. .webix_switch_box.webix_switch_on {
  5377. background-color: #F4F5F9;
  5378. color: #fff;
  5379. }
  5380. .webix_progress_top,
  5381. .webix_progress_bottom {
  5382. width: 100%;
  5383. position: absolute;
  5384. top: 0px;
  5385. left: 0px;
  5386. height: 6px;
  5387. overflow: hidden;
  5388. z-index: 95;
  5389. background: #f2f2f2;
  5390. }
  5391. .webix_progress_bottom {
  5392. bottom: 0px;
  5393. top: auto;
  5394. height: 17px;
  5395. }
  5396. .webix_progress_top .webix_progress_state,
  5397. .webix_progress_bottom .webix_progress_state {
  5398. width: 0px;
  5399. height: 6px;
  5400. background: #F4F5F9;
  5401. -moz-transition: width 3s;
  5402. transition: width 3s;
  5403. }
  5404. .webix_progress_bottom .webix_progress_state {
  5405. height: 17px;
  5406. }
  5407. .webix_progress_icon {
  5408. width: 100%;
  5409. height: 100%;
  5410. position: absolute;
  5411. top: 0px;
  5412. left: 0px;
  5413. z-index: 95;
  5414. }
  5415. .webix_progress_icon .webix_progress_state {
  5416. font-family: "Webix Material Icons";
  5417. font-size: 50px;
  5418. position: absolute;
  5419. left: 50%;
  5420. top: 50%;
  5421. margin-left: -25px;
  5422. margin-top: -25px;
  5423. display: inline-block;
  5424. color: #93a0b3;
  5425. }
  5426. .webix_gage_box {
  5427. display: table;
  5428. height: 100%;
  5429. width: 100%;
  5430. }
  5431. .webix_gage_box > div {
  5432. display: table-cell;
  5433. vertical-align: middle;
  5434. }
  5435. .webix_gage_body {
  5436. height: 100%;
  5437. width: 100%;
  5438. transform: rotate(180deg);
  5439. }
  5440. .webix_gage_label {
  5441. font-size: 0.9em;
  5442. text-align: center;
  5443. margin-top: 10px;
  5444. }
  5445. .webix_gage_placeholder {
  5446. margin-top: -20px;
  5447. }
  5448. .webix_gage_info {
  5449. text-align: center;
  5450. font-size: 0.7em;
  5451. position: relative;
  5452. margin: 0 auto 10px auto;
  5453. }
  5454. .webix_gage_min_range {
  5455. left: -74px;
  5456. }
  5457. .webix_gage_max_range {
  5458. right: -74px;
  5459. }
  5460. .webix_gage_min_range,
  5461. .webix_gage_max_range {
  5462. display: inline-block;
  5463. margin-top: 20px;
  5464. position: absolute;
  5465. text-align: center;
  5466. width: 150px;
  5467. }
  5468. .webix_gage_range_info {
  5469. font-size: 1.2em;
  5470. line-height: 1;
  5471. }
  5472. .webix_gage_value {
  5473. font-size: 2.2em;
  5474. color: #404040;
  5475. }
  5476. .webix_gage_gradient_point_animated {
  5477. transition: transform 1.3s linear;
  5478. }
  5479. .webix_gage_animated {
  5480. stroke: hsl(120, 100%, 50%);
  5481. animation: gage_dash 1.3s linear forwards;
  5482. transition: stroke 1.3s linear, stroke-dasharray 1.3s linear;
  5483. }
  5484. @keyframes gage_dash {
  5485. to {
  5486. stroke-dashoffset: 0;
  5487. }
  5488. }
  5489. .webix_bullet_name {
  5490. width: 100;
  5491. }
  5492. .webix_bullet_header {
  5493. font-weight: bold;
  5494. font-size: 15px;
  5495. }
  5496. .webix_bullet_subheader {
  5497. font-size: 15px;
  5498. }
  5499. .webix_bullet_scale {
  5500. font-size: 12px;
  5501. font-weight: bold;
  5502. }
  5503. .webix_organogram canvas {
  5504. position: absolute;
  5505. }
  5506. .webix_organogram_item {
  5507. position: absolute;
  5508. z-index: 1;
  5509. text-align: center;
  5510. border-radius: 4px;
  5511. background-color: #e3f2fd;
  5512. border: 1px solid #bbdefb;
  5513. padding: 7px 7px 10px 7px;
  5514. box-sizing: border-box;
  5515. }
  5516. .webix_organogram_item.webix_selected {
  5517. background-color: #F4F5F9;
  5518. border-color: #F4F5F9;
  5519. }
  5520. .webix_organogram_list {
  5521. border-radius: 4px;
  5522. position: absolute;
  5523. z-index: 1;
  5524. height: auto;
  5525. border: 1px solid #dddddd;
  5526. box-sizing: border-box;
  5527. }
  5528. .webix_organogram_list .webix_organogram_list_item {
  5529. border: none;
  5530. text-align: left;
  5531. position: static;
  5532. padding: 5px;
  5533. border-radius: 0px;
  5534. box-sizing: border-box;
  5535. }
  5536. .webix_timeline .webix_scroll_cont {
  5537. padding-top: 28px;
  5538. }
  5539. .webix_timeline_item {
  5540. height: 46px;
  5541. padding: 0 12px;
  5542. position: relative;
  5543. }
  5544. .webix_timeline_item .webix_timeline_date,
  5545. .webix_timeline_item .webix_timeline_event {
  5546. overflow: hidden;
  5547. position: absolute;
  5548. top: 0px;
  5549. }
  5550. .webix_timeline_left .webix_timeline_date,
  5551. .webix_timeline_right .webix_timeline_details,
  5552. .webix_timeline_right .webix_timeline_value {
  5553. text-align: right;
  5554. }
  5555. .webix_timeline_value {
  5556. font-weight: 500;
  5557. line-height: 18px;
  5558. }
  5559. .webix_timeline_details {
  5560. color: #94A1B3;
  5561. padding-top: 2px;
  5562. }
  5563. .webix_timeline_date {
  5564. white-space: nowrap;
  5565. overflow: hidden;
  5566. text-overflow: ellipsis;
  5567. line-height: 18px;
  5568. }
  5569. .webix_timeline_horizontal .webix_scroll_cont {
  5570. display: inline-block;
  5571. padding-top: unset;
  5572. padding-left: 28px;
  5573. height: 100%;
  5574. }
  5575. .webix_view.webix_timeline_horizontal {
  5576. white-space: nowrap;
  5577. }
  5578. .webix_timeline_horizontal .webix_timeline_item {
  5579. display: inline-block;
  5580. height: 100%;
  5581. border-bottom: none;
  5582. padding: 12px 12px 12px 0;
  5583. white-space: normal;
  5584. }
  5585. .webix_timeline_horizontal .webix_timeline_item .webix_timeline_date,
  5586. .webix_timeline_horizontal .webix_timeline_item .webix_timeline_event {
  5587. left: 0px;
  5588. }
  5589. .webix_timeline_horizontal .webix_timeline_item.webix_timeline_bottom .webix_timeline_event {
  5590. top: initial;
  5591. }
  5592. .webix_treemap {
  5593. background-color: #f5f5f5;
  5594. }
  5595. .webix_treemap .webix_scroll_cont {
  5596. position: relative;
  5597. height: 100%;
  5598. width: 100%;
  5599. }
  5600. .webix_treemap_item {
  5601. position: absolute;
  5602. color: #444;
  5603. overflow: hidden;
  5604. text-align: left;
  5605. -moz-box-sizing: border-box;
  5606. -webkit-box-sizing: border-box;
  5607. box-sizing: border-box;
  5608. padding: 3px 5px;
  5609. border-width: 0px 1px 1px 0;
  5610. border-style: solid;
  5611. border-color: rgba(0, 0, 0, 0.2);
  5612. background: transparent;
  5613. cursor: pointer;
  5614. }
  5615. .webix_treemap_level_top {
  5616. z-index: 1;
  5617. border-color: rgba(0, 0, 0, 0.4);
  5618. }
  5619. .webix_treemap_item_bottom {
  5620. border-bottom-width: 0;
  5621. }
  5622. .webix_treemap_item_right {
  5623. border-right-width: 0;
  5624. }
  5625. .webix_treemap_item:hover {
  5626. box-shadow: inset 0 0 5px #666;
  5627. }
  5628. .webix_treemap_item.webix_selected {
  5629. border-color: #F4F5F9;
  5630. box-shadow: inset 0 0 1px 2px #F4F5F9;
  5631. }
  5632. .webix_treemap_header {
  5633. width: 100%;
  5634. -moz-box-sizing: border-box;
  5635. -webkit-box-sizing: border-box;
  5636. box-sizing: border-box;
  5637. }
  5638. .webix_treemap_header {
  5639. padding: 0 10px;
  5640. border-bottom: 1px solid #DADEE0;
  5641. }
  5642. .webix_treemap_header_item {
  5643. cursor: pointer;
  5644. }
  5645. .webix_treemap_header_item:last-child {
  5646. cursor: default;
  5647. }
  5648. .webix_treemap_reset {
  5649. float: right;
  5650. width: 25px;
  5651. text-align: center;
  5652. }
  5653. .webix_treemap_reset:before {
  5654. content: "\F011";
  5655. color: #475466;
  5656. font-family: "Webix Material Icons";
  5657. font-size: 16px;
  5658. display: block;
  5659. cursor: pointer;
  5660. }
  5661. .webix_treemap_path_icon {
  5662. width: 20px;
  5663. text-align: center;
  5664. }
  5665. .webix_barcode {
  5666. position: relative;
  5667. }
  5668. .webix_barcode .webix_canvas_text {
  5669. font-size: 14px;
  5670. padding: 0 2px;
  5671. -moz-box-sizing: border-box;
  5672. -webkit-box-sizing: border-box;
  5673. box-sizing: border-box;
  5674. }
  5675. .portlet_drag {
  5676. position: absolute;
  5677. z-index: 1;
  5678. top: 5px;
  5679. right: 5px;
  5680. width: 18px;
  5681. opacity: 0.5;
  5682. cursor: pointer;
  5683. }
  5684. .portlet_in_drag {
  5685. opacity: 0.4;
  5686. }
  5687. .portlet_marker,
  5688. .portlet_markertop,
  5689. .portlet_markerbottom,
  5690. .portlet_markerleft,
  5691. .portlet_markerright {
  5692. opacity: 0.5;
  5693. background: #9169BE;
  5694. position: absolute;
  5695. z-index: 2;
  5696. transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
  5697. top: 0px;
  5698. left: 0px;
  5699. width: 100%;
  5700. height: 100%;
  5701. }
  5702. .portlet_markertop {
  5703. height: 50%;
  5704. }
  5705. .portlet_markerbottom {
  5706. height: 50%;
  5707. top: 50%;
  5708. }
  5709. .portlet_markerleft {
  5710. width: 50%;
  5711. }
  5712. .portlet_markerright {
  5713. width: 50%;
  5714. left: 50%;
  5715. }
  5716. .panel_icon {
  5717. position: absolute;
  5718. z-index: 93;
  5719. top: 5px;
  5720. right: 5px;
  5721. line-height: normal;
  5722. font-size: 13px;
  5723. width: 18px;
  5724. opacity: 0.5;
  5725. cursor: pointer;
  5726. }
  5727. .webix_disabled_view .panel_icon {
  5728. z-index: 91;
  5729. }
  5730. .panel_target {
  5731. position: absolute;
  5732. z-index: 3;
  5733. background: rgba(0, 0, 0, 0.04);
  5734. border: 1px solid #DADEE0;
  5735. -moz-box-sizing: border-box;
  5736. -webkit-box-sizing: border-box;
  5737. box-sizing: border-box;
  5738. }
  5739. .webix_popup.webix_sidemenu.webix_sidemenu_left {
  5740. border-width: 0 1px 0 0;
  5741. box-shadow: 2px 0 2px rgba(0, 0, 0, 0.05);
  5742. }
  5743. .webix_sidemenu_left.webix_animate {
  5744. transition: left 0.6s;
  5745. }
  5746. .webix_popup.webix_sidemenu.webix_sidemenu_right {
  5747. left: auto;
  5748. border-width: 0 0 0 1px;
  5749. box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.05);
  5750. }
  5751. .webix_sidemenu_right.webix_animate {
  5752. transition: right 0.6s;
  5753. }
  5754. .webix_popup.webix_sidemenu.webix_sidemenu_top {
  5755. border-width: 0 0 1px 0 ;
  5756. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  5757. }
  5758. .webix_sidemenu_top .webix_win_body {
  5759. position: relative;
  5760. }
  5761. .webix_sidemenu_top .webix_win_body > .webix_view {
  5762. position: absolute;
  5763. top: auto;
  5764. left: 0;
  5765. bottom: 0;
  5766. }
  5767. .webix_sidemenu_top.webix_animate,
  5768. .webix_sidemenu_top.webix_animate .webix_win_body {
  5769. transition: height 0.6s;
  5770. }
  5771. .webix_popup.webix_sidemenu.webix_sidemenu_bottom {
  5772. border-width: 1px 0 0 0 ;
  5773. top: auto;
  5774. box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.05);
  5775. }
  5776. .webix_sidemenu_bottom.webix_animate,
  5777. .webix_sidemenu_bottom.webix_animate .webix_win_body {
  5778. transition: height 0.6s;
  5779. }
  5780. /* SideBar*/
  5781. .webix_sidebar {
  5782. background: #ECEFF1;
  5783. }
  5784. .webix_sidebar .webix_tree_item.webix_selected:focus span {
  5785. background: transparent;
  5786. }
  5787. .webix_sidebar .webix_tree_item {
  5788. color: #454545;
  5789. height: 44px;
  5790. line-height: 43px;
  5791. }
  5792. .webix_sidebar .webix_scroll_cont > .webix_tree_leaves {
  5793. padding: 0;
  5794. }
  5795. .webix_sidebar .webix_tree_leaves .webix_tree_leaves {
  5796. margin-left: 0px;
  5797. }
  5798. .webix_sidebar_selected,
  5799. .webix_sidebar_expanded .webix_tree_item:hover {
  5800. background-color: rgba(0, 0, 0, 0.02);
  5801. }
  5802. .webix_sidebar .webix_tree_item.webix_selected,
  5803. .webix_sidebar .webix_tree_item.webix_selected span {
  5804. background-color: #F4F5F9;
  5805. padding-right: 0;
  5806. }
  5807. .webix_sidebar .webix_tree_branch_1 .webix_tree_item {
  5808. padding-left: 44px;
  5809. }
  5810. .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  5811. height: 44px;
  5812. line-height: 44px;
  5813. padding-left: 0;
  5814. }
  5815. .webix_sidebar .webix_tree_branch_1 {
  5816. border-bottom: 1px solid #e5e5e5;
  5817. }
  5818. .webix_sidebar .webix_tree_item.webix_selected span,
  5819. .webix_sidebar .webix_tree_item span {
  5820. margin: 0;
  5821. padding: 0px;
  5822. }
  5823. .webix_icon.webix_sidebar_icon {
  5824. width: 44px;
  5825. text-align: center;
  5826. }
  5827. span.webix_sidebar_dir_icon {
  5828. float: right;
  5829. line-height: inherit;
  5830. }
  5831. /*SubMenu (Popup) */
  5832. .webix_sidebar_popup {
  5833. border: none !important;
  5834. box-shadow: 2px 3px 3px #ddd;
  5835. }
  5836. .webix_sidebar_popup,
  5837. .webix_sidebar_popup .webix_list_item {
  5838. border-radius: 0;
  5839. }
  5840. .webix_sidebar_popup_right {
  5841. box-shadow: -3px 3px 3px #ddd;
  5842. }
  5843. .webix_sidebar_popup_list.webix_sidebar_popup_left .webix_icon {
  5844. float: right;
  5845. line-height: inherit;
  5846. width: 8px;
  5847. }
  5848. .webix_sidebar_popup_list.webix_sidebar_popup_right .webix_icon {
  5849. float: left;
  5850. line-height: inherit;
  5851. }
  5852. /*SubMenu: title*/
  5853. .webix_sidebar_popup_title {
  5854. background: #ECEFF1;
  5855. }
  5856. .webix_sidebar_popup_title.webix_selected {
  5857. border-left-color: #F4F5F9;
  5858. background: #F4F5F9;
  5859. }
  5860. .webix_sidebar_popup_title .webix_template {
  5861. line-height: 44px;
  5862. padding: 0 10px;
  5863. border: 1px solid #E5E5E5;
  5864. border-left: none;
  5865. }
  5866. .webix_sidebar_popup_right .webix_sidebar_popup_title .webix_template {
  5867. border: 1px solid #E5E5E5;
  5868. border-right: none;
  5869. }
  5870. .webix_sidebar_selected.webix_sidebar_popup_title .webix_template {
  5871. background: rgba(0, 0, 0, 0.03);
  5872. border-left: none;
  5873. }
  5874. .webix_sidebar_popup_list .webix_list_item {
  5875. border-left: 1px solid #E5E5E5;
  5876. border-right: 1px solid #E5E5E5;
  5877. }
  5878. /*SubMenu: list*/
  5879. .webix_sidebar_popup_list .webix_list_item:first-child {
  5880. border-top: 1px solid #E5E5E5;
  5881. }
  5882. .webix_sidebar_popup_list .webix_list_item:hover {
  5883. background: #f6f9fb;
  5884. }
  5885. .webix_sidebar_popup_list .webix_list_item.webix_selected:hover {
  5886. background: #F4F5F9;
  5887. }
  5888. .webix_menu .webix_list_item.webix_sidebar_selected {
  5889. background: rgba(0, 0, 0, 0.02);
  5890. }
  5891. .webix_menu .webix_list_item.webix_sidebar_selected:hover {
  5892. background: rgba(0, 0, 0, 0.02) !important;
  5893. }
  5894. .webix_view.webix_pdf {
  5895. background-color: #404040;
  5896. overflow: auto;
  5897. -webkit-overflow-scrolling: touch;
  5898. }
  5899. .webix_pdf .canvas_wrapper {
  5900. margin: 0px auto;
  5901. box-shadow: 5px 5px 15px #1c1c1c;
  5902. width: 100%;
  5903. height: 100%;
  5904. }
  5905. .webix_toolbar.pdf_bar .webix_img_btn {
  5906. text-align: center;
  5907. }
  5908. .webix_toolbar.pdf_bar .webix_view {
  5909. background-color: transparent;
  5910. }
  5911. .webix_toolbar.pdf_bar .webix_icon_btn {
  5912. margin: 0;
  5913. }
  5914. .webix_toolbar.pdf_bar .webix_template {
  5915. background-color: transparent;
  5916. color: #fff;
  5917. line-height: 2em;
  5918. }
  5919. .webix_toolbar.pdf_bar .webix_el_box input,
  5920. .webix_toolbar.pdf_bar .webix_inp_static {
  5921. background-color: #5c5c5c;
  5922. color: #fff;
  5923. border-color: #404040;
  5924. }
  5925. .webix_toolbar.pdf_bar .webix_el_box input:focus,
  5926. .webix_toolbar.pdf_bar .webix_inp_static:focus {
  5927. border-color: #333;
  5928. }
  5929. .webix_toolbar.pdf_bar .webix_el_box .webix_input_icon {
  5930. color: #fff;
  5931. }
  5932. .webix_view.webix_popup.pdf_opt_list {
  5933. border: none;
  5934. }
  5935. .pdf_opt_list .webix_list {
  5936. background-color: #404040;
  5937. color: #fff;
  5938. }
  5939. .pdf_opt_list .webix_list .webix_list_item {
  5940. border-color: #474747;
  5941. line-height: 1.5em;
  5942. }
  5943. .pdf_opt_list .webix_list .webix_list_item.webix_selected,
  5944. .pdf_opt_list .webix_list .webix_list_item:hover {
  5945. color: #404040;
  5946. background-color: #fff;
  5947. }
  5948. .webix_dbllist .bottom_label {
  5949. text-align: center;
  5950. font-size: 10px;
  5951. }
  5952. .webix_dbllist .webix_list,
  5953. .webix_dbllist .bottom_label {
  5954. background: #ededed;
  5955. }
  5956. .webix_dbllist .webix_list_item {
  5957. background: #FFFFFF;
  5958. margin: 3px 4px 0px 4px;
  5959. box-sizing: border-box;
  5960. border: 1px solid #DADEE0;
  5961. }
  5962. .webix_dbllist .webix_list_item.webix_selected {
  5963. border-bottom-color: #DADEE0;
  5964. background-color: #F4F5F9;
  5965. color: #475466;
  5966. }
  5967. .webix_dbllist .dbllist_button {
  5968. width: 45%;
  5969. height: 30px;
  5970. margin-top: 4px;
  5971. padding: 0;
  5972. border-radius: 2px;
  5973. border: 1px solid #DADEE0;
  5974. cursor: pointer;
  5975. font-size: 14px;
  5976. font-family: Roboto, sans-serif;
  5977. background-color: #F4F5F9;
  5978. }
  5979. .webix_dbllist .dbllist_button .webix_icon {
  5980. color: #1CA1C1;
  5981. font-size: 20px;
  5982. width: 26px;
  5983. }
  5984. .webix_dbllist .dbllist_button:first-child {
  5985. margin-top: 36px;
  5986. margin-right: 4px;
  5987. }
  5988. .webix_dbllist .dbllist_button:last-child {
  5989. margin-left: 4px;
  5990. }
  5991. .webix_dbllist .dbllist_button:hover,
  5992. .webix_dbllist .dbllist_button:focus,
  5993. .webix_dbllist .dbllist_button:active {
  5994. background-color: #e7e9f2;
  5995. }
  5996. .webix_invalid .webix_list {
  5997. background: #f8e2e2;
  5998. }
  5999. .dbllist_buttons .webix_template {
  6000. padding: 0 0 0 4px;
  6001. }
  6002. .webix_sparklines {
  6003. padding: 1px 0;
  6004. box-sizing: border-box;
  6005. }
  6006. .webix_sparklines svg {
  6007. box-sizing: border-box;
  6008. }
  6009. .webix_sparklines_line {
  6010. stroke: #3498db;
  6011. stroke-width: 1;
  6012. fill: transparent;
  6013. stroke-linecap: round;
  6014. }
  6015. .webix_sparklines_item {
  6016. fill: #3498db;
  6017. stroke-width: 1;
  6018. }
  6019. .webix_sparklines_bar {
  6020. fill: #6dbcf0;
  6021. }
  6022. .webix_sparklines_bar_negative {
  6023. fill: #d86c79;
  6024. }
  6025. .webix_sparklines_area {
  6026. fill: #e5eef4;
  6027. }
  6028. .webix_sparklines_origin {
  6029. stroke: #888;
  6030. stroke-width: 1;
  6031. }
  6032. .webix_sparklines_event_area {
  6033. fill: transparent;
  6034. }
  6035. .webix_sparklines_line_chart .webix_sparklines_event_area:hover,
  6036. .webix_sparklines_area_chart .webix_sparklines_event_area:hover,
  6037. .webix_sparklines_splinearea_chart .webix_sparklines_event_area:hover {
  6038. fill: rgba(220, 220, 220, 0.4);
  6039. stroke: rgba(255, 255, 255, 0.6);
  6040. }
  6041. .webix_sparklines_pie_chart .webix_sparklines_event_area:hover,
  6042. .webix_sparklines_bar_chart .webix_sparklines_event_area:hover {
  6043. fill: rgba(255, 255, 255, 0.3);
  6044. }
  6045. /* print css rules*/
  6046. .webix_ui_print {
  6047. display: none;
  6048. }
  6049. body.webix_print {
  6050. margin-top: 0px;
  6051. }
  6052. @media print {
  6053. body.webix_print {
  6054. overflow: visible !important;
  6055. background-color: none !important;
  6056. }
  6057. body.webix_print > * {
  6058. display: none;
  6059. }
  6060. body.webix_print * {
  6061. visibility: hidden;
  6062. }
  6063. .webix_ui_print {
  6064. display: block !important;
  6065. margin: 0 0 0 0!important;
  6066. visibility: visible !important;
  6067. }
  6068. .webix_ui_print * {
  6069. visibility: visible !important;
  6070. }
  6071. .webix_print_noscroll {
  6072. height: auto !important;
  6073. width: auto !important;
  6074. }
  6075. .webix_print_noscroll,
  6076. .webix_print_noscroll .webix_scroll_cont {
  6077. overflow: visible !important;
  6078. }
  6079. .webix_print_pagebreak {
  6080. page-break-after: always;
  6081. }
  6082. .webix_print_header,
  6083. .webix_print_footer {
  6084. display: block !important;
  6085. margin: 20px 0px;
  6086. text-align: center;
  6087. height: auto !important;
  6088. visibility: visible !important;
  6089. }
  6090. .webix_print_header *,
  6091. .webix_print_footer * {
  6092. visibility: visible !important;
  6093. }
  6094. /*datatable specific*/
  6095. .webix_table_print {
  6096. display: table;
  6097. visibility: visible !important;
  6098. table-layout: fixed;
  6099. width: 100%;
  6100. border: 1px solid #ebebeb;
  6101. margin-bottom: 20px;
  6102. position: initial;
  6103. }
  6104. .webix_table_print td {
  6105. overflow: hidden;
  6106. }
  6107. .webix_table_print tr {
  6108. page-break-inside: avoid;
  6109. }
  6110. .webix_table_print .webix_cell {
  6111. display: table-cell !important;
  6112. border-right: 1px solid #ebebeb;
  6113. border-bottom: 1px solid #ebebeb;
  6114. padding: 0px 10px;
  6115. white-space: nowrap;
  6116. }
  6117. .webix_table_print .webix_header_cell {
  6118. display: table-cell;
  6119. font-family: Roboto, sans-serif;
  6120. font-size: 14px;
  6121. font-weight: 500;
  6122. color: #313131;
  6123. letter-spacing: 0.2px;
  6124. background: #F4F5F9;
  6125. border-right: 1px solid #DADEE0;
  6126. border-bottom: 1px solid #DADEE0;
  6127. }
  6128. .webix_table_print .webix_footer_cell {
  6129. display: table-cell;
  6130. background: #fafafa;
  6131. border-right: 1px solid #EDEFF0;
  6132. border-top: 1px solid #EDEFF0;
  6133. border-bottom: 1px solid #EDEFF0;
  6134. }
  6135. .webix_table_print .webix_cell.webix_dtable_span {
  6136. position: initial !important;
  6137. white-space: normal;
  6138. }
  6139. .webix_table_print .webix_rotate {
  6140. transform-origin: center 40% !important;
  6141. -webkit-transform-origin: center 40% !important;
  6142. }
  6143. .webix_table_print.borderless,
  6144. .webix_table_print.borderless .webix_cell {
  6145. border: none;
  6146. }
  6147. /* x-list specific*/
  6148. .webix_table_print.webix_view.webix_list-x {
  6149. white-space: normal;
  6150. }
  6151. .webix_table_print.webix_view.webix_list-x .webix_list_item {
  6152. display: table-cell;
  6153. }
  6154. }
  6155. .webix_fullscreen_html .webix_template > * {
  6156. width: 100% !important;
  6157. height: 100% !important;
  6158. margin: 0px !important;
  6159. }
  6160. .webix_icon,
  6161. .webix_icon_btn,
  6162. .webix_input_icon {
  6163. display: inline-block;
  6164. font-family: "Webix Material Icons";
  6165. font-style: normal;
  6166. font-weight: normal;
  6167. line-height: 1;
  6168. -webkit-font-smoothing: antialiased;
  6169. -moz-osx-font-smoothing: grayscale;
  6170. transform: translate(0, 0);
  6171. }
  6172. .webix_icon,
  6173. .webix_input_icon {
  6174. font-size: 17px;
  6175. display: inline-block;
  6176. width: 20px;
  6177. }
  6178. .webix_input_icon {
  6179. float: right;
  6180. text-align: left;
  6181. font-size: 20px;
  6182. color: #888;
  6183. }
  6184. .webix_icon_button {
  6185. background-color: transparent;
  6186. border: none;
  6187. padding: 0;
  6188. cursor: pointer;
  6189. vertical-align: middle;
  6190. }
  6191. .webix_el_icon .webix_el_box {
  6192. padding: 0;
  6193. margin: 0 auto;
  6194. text-align: center;
  6195. position: relative;
  6196. overflow: visible;
  6197. cursor: pointer;
  6198. }
  6199. .webix_icon_button .webix_icon {
  6200. font-size: 20px;
  6201. height: 20px;
  6202. width: 20px;
  6203. display: inline-block;
  6204. text-align: center;
  6205. color: #94A1B3;
  6206. }
  6207. .webix_icon_btn {
  6208. font-size: 20px;
  6209. display: inline-block;
  6210. text-align: center;
  6211. width: 20px;
  6212. margin-right: 4px;
  6213. color: #94A1B3;
  6214. }
  6215. .webix_icon {
  6216. text-align: center;
  6217. }
  6218. .webix_badge {
  6219. background-color: #ff8839;
  6220. color: #FFFFFF;
  6221. border-radius: 11px;
  6222. font-size: 12px;
  6223. height: 22px;
  6224. min-width: 22px;
  6225. box-sizing: border-box;
  6226. padding: 0 4px;
  6227. text-align: center;
  6228. line-height: 22px;
  6229. position: absolute;
  6230. right: 0;
  6231. top: 0;
  6232. }
  6233. .webix_badge.webix_measure_size {
  6234. right: auto;
  6235. box-sizing: border-box;
  6236. }
  6237. .webix_list_item .webix_badge {
  6238. position: static;
  6239. float: right;
  6240. margin: 4px -5px 0 12px;
  6241. }
  6242. @font-face {
  6243. font-family: Roboto;
  6244. src: url('fonts/Roboto-Regular-webfont.woff2') format('woff2'), url('fonts/Roboto-Regular-webfont.woff') format('woff');
  6245. font-weight: normal;
  6246. font-style: normal;
  6247. }
  6248. @font-face {
  6249. font-family: Roboto;
  6250. src: url('fonts/Roboto-Medium-webfont.woff2') format('woff2'), url('fonts/Roboto-Medium-webfont.woff') format('woff');
  6251. font-style: normal;
  6252. font-weight: 500;
  6253. }
  6254. .mainFont {
  6255. font-family: Roboto, sans-serif;
  6256. font-size: 14px;
  6257. font-weight: 400;
  6258. color: #475466;
  6259. letter-spacing: 0.2px;
  6260. }
  6261. .buttonFont {
  6262. font-family: Roboto, sans-serif;
  6263. font-size: 16px;
  6264. font-weight: 500;
  6265. color: #1CA1C1;
  6266. letter-spacing: 0px;
  6267. }
  6268. .barFont {
  6269. font-family: Roboto, sans-serif;
  6270. font-size: 16px;
  6271. font-weight: 500;
  6272. color: #475466;
  6273. letter-spacing: 0px;
  6274. }
  6275. .selectFocusRule {
  6276. background: #edeff5;
  6277. }
  6278. /*[L]*/
  6279. /*[L]*/
  6280. .layoutBarBG .webix_el_label .webix_el_box {
  6281. font-family: Roboto, sans-serif;
  6282. font-size: 16px;
  6283. font-weight: 500;
  6284. color: #475466;
  6285. letter-spacing: 0px;
  6286. }
  6287. .layoutBarBG.webix_dark {
  6288. background: #657584;
  6289. border-color: #657584;
  6290. }
  6291. .layoutBarBG.webix_dark .webix_el_button,
  6292. .layoutBarBG.webix_dark .webix_el_label .webix_el_box,
  6293. .layoutBarBG.webix_dark .webix_inp_label,
  6294. .layoutBarBG.webix_dark .webix_inp_top_label {
  6295. color: #FFFFFF;
  6296. }
  6297. .layoutBarBG.webix_dark .webix_secondary .webix_icon,
  6298. .layoutBarBG.webix_dark .webix_transparent .webix_icon,
  6299. .layoutBarBG.webix_dark .webix_secondary .webix_img_btn_text,
  6300. .layoutBarBG.webix_dark .webix_transparent .webix_img_btn_text,
  6301. .layoutBarBG.webix_dark .webix_secondary .webix_icon_btn,
  6302. .layoutBarBG.webix_dark .webix_transparent .webix_icon_btn {
  6303. color: #FFFFFF;
  6304. }
  6305. .layoutBarBG.webix_dark .webix_transparent button {
  6306. color: #FFFFFF;
  6307. }
  6308. .layoutBarBG.webix_dark .webix_transparent button:hover,
  6309. .layoutBarBG.webix_dark .webix_transparent button:focus {
  6310. background-color: rgba(0, 0, 0, 0.2);
  6311. }
  6312. .layoutBarBG.webix_dark .webix_transparent button:active {
  6313. background-color: rgba(0, 0, 0, 0.4);
  6314. }
  6315. .layoutBarBG.webix_dark .webix_secondary button,
  6316. .layoutBarBG.webix_dark .webix_inp_counter_next,
  6317. .layoutBarBG.webix_dark .webix_inp_counter_prev,
  6318. .layoutBarBG.webix_dark .webix_segment_0,
  6319. .layoutBarBG.webix_dark .webix_segment_1,
  6320. .layoutBarBG.webix_dark .webix_segment_N,
  6321. .layoutBarBG.webix_dark .webix_menu-x .webix_list_item {
  6322. background-color: rgba(0, 0, 0, 0.2);
  6323. color: #FFFFFF;
  6324. border-color: transparent;
  6325. }
  6326. .layoutBarBG.webix_dark .webix_view > .webix_template {
  6327. color: #FFFFFF;
  6328. background-color: #657584;
  6329. }
  6330. .layoutBarBG.webix_dark .webix_secondary button:hover,
  6331. .layoutBarBG.webix_dark .webix_menu-x .webix_list_item:hover,
  6332. .layoutBarBG.webix_dark .webix_inp_counter_next:hover,
  6333. .layoutBarBG.webix_dark .webix_inp_counter_prev:hover,
  6334. .layoutBarBG.webix_dark .webix_segment_0:hover,
  6335. .layoutBarBG.webix_dark .webix_segment_1:hover,
  6336. .layoutBarBG.webix_dark .webix_segment_N:hover {
  6337. color: #FFFFFF;
  6338. background-color: rgba(0, 0, 0, 0.4);
  6339. }
  6340. .layoutBarBG.webix_dark .webix_secondary button:focus,
  6341. .layoutBarBG.webix_dark .webix_menu-x .webix_list_item:focus,
  6342. .layoutBarBG.webix_dark .webix_inp_counter_next:focus,
  6343. .layoutBarBG.webix_dark .webix_inp_counter_prev:focus,
  6344. .layoutBarBG.webix_dark .webix_segment_0:focus,
  6345. .layoutBarBG.webix_dark .webix_segment_1:focus,
  6346. .layoutBarBG.webix_dark .webix_segment_N:focus {
  6347. background-color: rgba(0, 0, 0, 0.4);
  6348. color: #FFFFFF;
  6349. }
  6350. .layoutBarBG.webix_dark .webix_secondary button:active,
  6351. .layoutBarBG.webix_dark .webix_menu-x .webix_list_item:active,
  6352. .layoutBarBG.webix_dark .webix_inp_counter_next:active,
  6353. .layoutBarBG.webix_dark .webix_inp_counter_prev:active,
  6354. .layoutBarBG.webix_dark .webix_segment_0:active,
  6355. .layoutBarBG.webix_dark .webix_segment_1:active,
  6356. .layoutBarBG.webix_dark .webix_segment_N:active {
  6357. background-color: rgba(0, 0, 0, 0.5);
  6358. color: #FFFFFF;
  6359. }
  6360. .layoutBarBG.webix_dark .webix_inp_static,
  6361. .layoutBarBG.webix_dark input[type=text],
  6362. .layoutBarBG.webix_dark input[type=combo],
  6363. .layoutBarBG.webix_dark textarea,
  6364. .layoutBarBG.webix_dark select,
  6365. .layoutBarBG.webix_dark .webix_text_highlight {
  6366. border-color: transparent;
  6367. background-color: rgba(0, 0, 0, 0.2);
  6368. color: rgba(255, 255, 255, 0.7);
  6369. }
  6370. .layoutBarBG.webix_dark .webix_el_texthighlight input,
  6371. .layoutBarBG.webix_dark .webix_el_texthighlight textarea {
  6372. caret-color: rgba(255, 255, 255, 0.7);
  6373. }
  6374. .layoutBarBG.webix_dark .webix_inp_static input[type=text] {
  6375. background-color: transparent;
  6376. }
  6377. .layoutBarBG.webix_dark select option {
  6378. background-color: #657584;
  6379. color: #FFFFFF;
  6380. }
  6381. .layoutBarBG.webix_dark .webix_multicombo_value,
  6382. .layoutBarBG.webix_dark .webix_multicombo_tag {
  6383. color: #657584;
  6384. }
  6385. .layoutBarBG.webix_dark .webix_inp_static:focus,
  6386. .layoutBarBG.webix_dark input[type=text]:focus,
  6387. .layoutBarBG.webix_dark input[type=combo]:focus,
  6388. .layoutBarBG.webix_dark textarea:focus,
  6389. .layoutBarBG.webix_dark select:focus {
  6390. border-color: #FFFFFF;
  6391. box-shadow: none;
  6392. }
  6393. .layoutBarBG.webix_dark .webix_el_counter button {
  6394. background-color: rgba(0, 0, 0, 0.3);
  6395. }
  6396. .layoutBarBG.webix_dark .webix_el_counter input[type=text]:focus {
  6397. border-color: transparent;
  6398. }
  6399. .layoutBarBG.webix_dark .webix_placeholder {
  6400. color: rgba(255, 255, 255, 0.4);
  6401. }
  6402. .layoutBarBG.webix_dark ::-webkit-input-placeholder {
  6403. color: rgba(255, 255, 255, 0.4);
  6404. }
  6405. .layoutBarBG.webix_dark ::-moz-placeholder {
  6406. color: rgba(255, 255, 255, 0.4);
  6407. }
  6408. .layoutBarBG.webix_dark :-moz-placeholder {
  6409. color: rgba(255, 255, 255, 0.4);
  6410. }
  6411. .layoutBarBG.webix_dark :-ms-input-placeholder {
  6412. color: rgba(255, 255, 255, 0.4);
  6413. }
  6414. .layoutBarBG.webix_dark .webix_input_icon {
  6415. color: rgba(255, 255, 255, 0.7);
  6416. }
  6417. .layoutBarBG.webix_dark .webix_selected.webix_segment_0,
  6418. .layoutBarBG.webix_dark .webix_selected.webix_segment_1,
  6419. .layoutBarBG.webix_dark .webix_selected.webix_segment_N {
  6420. background: #1CA1C1;
  6421. color: #FFFFFF;
  6422. }
  6423. .layoutBarBG.webix_dark .webix_selected.webix_segment_0:hover,
  6424. .layoutBarBG.webix_dark .webix_selected.webix_segment_1:hover,
  6425. .layoutBarBG.webix_dark .webix_selected.webix_segment_N:hover {
  6426. background-color: #1992af;
  6427. }
  6428. .layoutBarBG.webix_dark .webix_selected.webix_segment_0:focus,
  6429. .layoutBarBG.webix_dark .webix_selected.webix_segment_1:focus,
  6430. .layoutBarBG.webix_dark .webix_selected.webix_segment_N:focus {
  6431. background-color: #1992af;
  6432. }
  6433. .layoutBarBG.webix_dark .webix_selected.webix_segment_0:active,
  6434. .layoutBarBG.webix_dark .webix_selected.webix_segment_1:active,
  6435. .layoutBarBG.webix_dark .webix_selected.webix_segment_N:active {
  6436. background-color: #17839d;
  6437. }
  6438. .layoutBarBG.webix_dark .webix_el_icon,
  6439. .layoutBarBG.webix_dark .webix_icon_button {
  6440. color: #FFFFFF;
  6441. }
  6442. .layoutBarBG.webix_dark .webix_control {
  6443. border-color: #1CA1C1;
  6444. }
  6445. .layoutBarBG.webix_dark .webix_icon_button:hover:before {
  6446. background-color: rgba(0, 0, 0, 0.2);
  6447. }
  6448. .layoutBarBG.webix_dark .webix_icon_button:hover .webix_icon {
  6449. opacity: 1;
  6450. }
  6451. .layoutBarBG.webix_dark .webix_icon_button .webix_icon {
  6452. color: #FFFFFF;
  6453. opacity: 0.7;
  6454. }
  6455. .layoutBarBG.webix_dark .webix_custom_checkbox,
  6456. .layoutBarBG.webix_dark .webix_custom_radio {
  6457. color: #FFFFFF;
  6458. }
  6459. .layoutBarBG.webix_dark .webix_custom_checkbox:focus,
  6460. .layoutBarBG.webix_dark .webix_custom_radio:focus {
  6461. color: #f0f0f0;
  6462. }
  6463. .layoutBarBG.webix_dark .webix_label_right {
  6464. color: #FFFFFF;
  6465. }
  6466. .layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_button {
  6467. color: rgba(255, 255, 255, 0.4);
  6468. background: rgba(0, 0, 0, 0.1);
  6469. text-shadow: none;
  6470. }
  6471. .layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_img_btn_text {
  6472. color: rgba(255, 255, 255, 0.4);
  6473. }
  6474. .layoutBarBG.webix_dark .webix_disabled_view.webix_control .webix_icon_btn,
  6475. .layoutBarBG.webix_dark .webix_disabled_view.webix_control .webix_icon {
  6476. color: rgba(255, 255, 255, 0.4);
  6477. }
  6478. .layoutBarBG.webix_dark .webix_disabled_view.webix_menu-x .webix_list_item.menu {
  6479. background-color: rgba(0, 0, 0, 0.1);
  6480. color: rgba(255, 255, 255, 0.4);
  6481. }
  6482. .layoutBarBG.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon,
  6483. .layoutBarBG.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_disabled_box .webix_img_btn_text,
  6484. .layoutBarBG.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon_btn {
  6485. color: rgba(255, 255, 255, 0.4);
  6486. }
  6487. .layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box label,
  6488. .layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_input_icon,
  6489. .layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box button {
  6490. color: rgba(255, 255, 255, 0.4);
  6491. }
  6492. .layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box input,
  6493. .layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box select,
  6494. .layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box textarea,
  6495. .layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static,
  6496. .layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_prev,
  6497. .layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_next {
  6498. color: rgba(255, 255, 255, 0.4);
  6499. background: rgba(0, 0, 0, 0.1);
  6500. border-color: transparent;
  6501. }
  6502. .layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static input {
  6503. background-color: transparent;
  6504. }
  6505. .layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_0,
  6506. .layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_1,
  6507. .layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_N,
  6508. .layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_item_tab {
  6509. color: rgba(255, 255, 255, 0.4);
  6510. background: rgba(0, 0, 0, 0.1);
  6511. text-shadow: none;
  6512. }
  6513. .layoutBarBG.webix_dark .webix_disabled_top_label {
  6514. color: rgba(255, 255, 255, 0.4);
  6515. }
  6516. .layoutBarBG.webix_dark .webix_invalid .webix_el_box input,
  6517. .layoutBarBG.webix_dark .webix_invalid .webix_el_box .webix_inp_static,
  6518. .layoutBarBG.webix_dark .webix_invalid .webix_el_box select,
  6519. .layoutBarBG.webix_dark .webix_invalid .webix_el_box textarea,
  6520. .layoutBarBG.webix_dark input.webix_invalid,
  6521. .layoutBarBG.webix_dark select.webix_invalid,
  6522. .layoutBarBG.webix_dark textarea.webix_invalid {
  6523. color: #ffdedb;
  6524. background-color: rgba(255, 92, 76, 0.3);
  6525. border-color: #ff8d82;
  6526. }
  6527. .layoutBarBG.webix_dark .webix_invalid .webix_multicombo_value,
  6528. .layoutBarBG.webix_dark .webix_invalid .webix_multicombo_tag {
  6529. color: #FF5C4C;
  6530. }
  6531. .layoutBarBG.webix_dark .webix_invalid .webix_el_box .webix_inp_static input {
  6532. background-color: transparent;
  6533. }
  6534. .webix_toolbar .webix_el_label .webix_el_box {
  6535. font-family: Roboto, sans-serif;
  6536. font-size: 16px;
  6537. font-weight: 500;
  6538. color: #475466;
  6539. letter-spacing: 0px;
  6540. }
  6541. .webix_toolbar.webix_dark {
  6542. background: #657584;
  6543. border-color: #657584;
  6544. }
  6545. .webix_toolbar.webix_dark .webix_el_button,
  6546. .webix_toolbar.webix_dark .webix_el_label .webix_el_box,
  6547. .webix_toolbar.webix_dark .webix_inp_label,
  6548. .webix_toolbar.webix_dark .webix_inp_top_label {
  6549. color: #FFFFFF;
  6550. }
  6551. .webix_toolbar.webix_dark .webix_secondary .webix_icon,
  6552. .webix_toolbar.webix_dark .webix_transparent .webix_icon,
  6553. .webix_toolbar.webix_dark .webix_secondary .webix_img_btn_text,
  6554. .webix_toolbar.webix_dark .webix_transparent .webix_img_btn_text,
  6555. .webix_toolbar.webix_dark .webix_secondary .webix_icon_btn,
  6556. .webix_toolbar.webix_dark .webix_transparent .webix_icon_btn {
  6557. color: #FFFFFF;
  6558. }
  6559. .webix_toolbar.webix_dark .webix_transparent button {
  6560. color: #FFFFFF;
  6561. }
  6562. .webix_toolbar.webix_dark .webix_transparent button:hover,
  6563. .webix_toolbar.webix_dark .webix_transparent button:focus {
  6564. background-color: rgba(0, 0, 0, 0.2);
  6565. }
  6566. .webix_toolbar.webix_dark .webix_transparent button:active {
  6567. background-color: rgba(0, 0, 0, 0.4);
  6568. }
  6569. .webix_toolbar.webix_dark .webix_secondary button,
  6570. .webix_toolbar.webix_dark .webix_inp_counter_next,
  6571. .webix_toolbar.webix_dark .webix_inp_counter_prev,
  6572. .webix_toolbar.webix_dark .webix_segment_0,
  6573. .webix_toolbar.webix_dark .webix_segment_1,
  6574. .webix_toolbar.webix_dark .webix_segment_N,
  6575. .webix_toolbar.webix_dark .webix_menu-x .webix_list_item {
  6576. background-color: rgba(0, 0, 0, 0.2);
  6577. color: #FFFFFF;
  6578. border-color: transparent;
  6579. }
  6580. .webix_toolbar.webix_dark .webix_view > .webix_template {
  6581. color: #FFFFFF;
  6582. background-color: #657584;
  6583. }
  6584. .webix_toolbar.webix_dark .webix_secondary button:hover,
  6585. .webix_toolbar.webix_dark .webix_menu-x .webix_list_item:hover,
  6586. .webix_toolbar.webix_dark .webix_inp_counter_next:hover,
  6587. .webix_toolbar.webix_dark .webix_inp_counter_prev:hover,
  6588. .webix_toolbar.webix_dark .webix_segment_0:hover,
  6589. .webix_toolbar.webix_dark .webix_segment_1:hover,
  6590. .webix_toolbar.webix_dark .webix_segment_N:hover {
  6591. color: #FFFFFF;
  6592. background-color: rgba(0, 0, 0, 0.4);
  6593. }
  6594. .webix_toolbar.webix_dark .webix_secondary button:focus,
  6595. .webix_toolbar.webix_dark .webix_menu-x .webix_list_item:focus,
  6596. .webix_toolbar.webix_dark .webix_inp_counter_next:focus,
  6597. .webix_toolbar.webix_dark .webix_inp_counter_prev:focus,
  6598. .webix_toolbar.webix_dark .webix_segment_0:focus,
  6599. .webix_toolbar.webix_dark .webix_segment_1:focus,
  6600. .webix_toolbar.webix_dark .webix_segment_N:focus {
  6601. background-color: rgba(0, 0, 0, 0.4);
  6602. color: #FFFFFF;
  6603. }
  6604. .webix_toolbar.webix_dark .webix_secondary button:active,
  6605. .webix_toolbar.webix_dark .webix_menu-x .webix_list_item:active,
  6606. .webix_toolbar.webix_dark .webix_inp_counter_next:active,
  6607. .webix_toolbar.webix_dark .webix_inp_counter_prev:active,
  6608. .webix_toolbar.webix_dark .webix_segment_0:active,
  6609. .webix_toolbar.webix_dark .webix_segment_1:active,
  6610. .webix_toolbar.webix_dark .webix_segment_N:active {
  6611. background-color: rgba(0, 0, 0, 0.5);
  6612. color: #FFFFFF;
  6613. }
  6614. .webix_toolbar.webix_dark .webix_inp_static,
  6615. .webix_toolbar.webix_dark input[type=text],
  6616. .webix_toolbar.webix_dark input[type=combo],
  6617. .webix_toolbar.webix_dark textarea,
  6618. .webix_toolbar.webix_dark select,
  6619. .webix_toolbar.webix_dark .webix_text_highlight {
  6620. border-color: transparent;
  6621. background-color: rgba(0, 0, 0, 0.2);
  6622. color: rgba(255, 255, 255, 0.7);
  6623. }
  6624. .webix_toolbar.webix_dark .webix_el_texthighlight input,
  6625. .webix_toolbar.webix_dark .webix_el_texthighlight textarea {
  6626. caret-color: rgba(255, 255, 255, 0.7);
  6627. }
  6628. .webix_toolbar.webix_dark .webix_inp_static input[type=text] {
  6629. background-color: transparent;
  6630. }
  6631. .webix_toolbar.webix_dark select option {
  6632. background-color: #657584;
  6633. color: #FFFFFF;
  6634. }
  6635. .webix_toolbar.webix_dark .webix_multicombo_value,
  6636. .webix_toolbar.webix_dark .webix_multicombo_tag {
  6637. color: #657584;
  6638. }
  6639. .webix_toolbar.webix_dark .webix_inp_static:focus,
  6640. .webix_toolbar.webix_dark input[type=text]:focus,
  6641. .webix_toolbar.webix_dark input[type=combo]:focus,
  6642. .webix_toolbar.webix_dark textarea:focus,
  6643. .webix_toolbar.webix_dark select:focus {
  6644. border-color: #FFFFFF;
  6645. box-shadow: none;
  6646. }
  6647. .webix_toolbar.webix_dark .webix_el_counter button {
  6648. background-color: rgba(0, 0, 0, 0.3);
  6649. }
  6650. .webix_toolbar.webix_dark .webix_el_counter input[type=text]:focus {
  6651. border-color: transparent;
  6652. }
  6653. .webix_toolbar.webix_dark .webix_placeholder {
  6654. color: rgba(255, 255, 255, 0.4);
  6655. }
  6656. .webix_toolbar.webix_dark ::-webkit-input-placeholder {
  6657. color: rgba(255, 255, 255, 0.4);
  6658. }
  6659. .webix_toolbar.webix_dark ::-moz-placeholder {
  6660. color: rgba(255, 255, 255, 0.4);
  6661. }
  6662. .webix_toolbar.webix_dark :-moz-placeholder {
  6663. color: rgba(255, 255, 255, 0.4);
  6664. }
  6665. .webix_toolbar.webix_dark :-ms-input-placeholder {
  6666. color: rgba(255, 255, 255, 0.4);
  6667. }
  6668. .webix_toolbar.webix_dark .webix_input_icon {
  6669. color: rgba(255, 255, 255, 0.7);
  6670. }
  6671. .webix_toolbar.webix_dark .webix_selected.webix_segment_0,
  6672. .webix_toolbar.webix_dark .webix_selected.webix_segment_1,
  6673. .webix_toolbar.webix_dark .webix_selected.webix_segment_N {
  6674. background: #1CA1C1;
  6675. color: #FFFFFF;
  6676. }
  6677. .webix_toolbar.webix_dark .webix_selected.webix_segment_0:hover,
  6678. .webix_toolbar.webix_dark .webix_selected.webix_segment_1:hover,
  6679. .webix_toolbar.webix_dark .webix_selected.webix_segment_N:hover {
  6680. background-color: #1992af;
  6681. }
  6682. .webix_toolbar.webix_dark .webix_selected.webix_segment_0:focus,
  6683. .webix_toolbar.webix_dark .webix_selected.webix_segment_1:focus,
  6684. .webix_toolbar.webix_dark .webix_selected.webix_segment_N:focus {
  6685. background-color: #1992af;
  6686. }
  6687. .webix_toolbar.webix_dark .webix_selected.webix_segment_0:active,
  6688. .webix_toolbar.webix_dark .webix_selected.webix_segment_1:active,
  6689. .webix_toolbar.webix_dark .webix_selected.webix_segment_N:active {
  6690. background-color: #17839d;
  6691. }
  6692. .webix_toolbar.webix_dark .webix_el_icon,
  6693. .webix_toolbar.webix_dark .webix_icon_button {
  6694. color: #FFFFFF;
  6695. }
  6696. .webix_toolbar.webix_dark .webix_control {
  6697. border-color: #1CA1C1;
  6698. }
  6699. .webix_toolbar.webix_dark .webix_icon_button:hover:before {
  6700. background-color: rgba(0, 0, 0, 0.2);
  6701. }
  6702. .webix_toolbar.webix_dark .webix_icon_button:hover .webix_icon {
  6703. opacity: 1;
  6704. }
  6705. .webix_toolbar.webix_dark .webix_icon_button .webix_icon {
  6706. color: #FFFFFF;
  6707. opacity: 0.7;
  6708. }
  6709. .webix_toolbar.webix_dark .webix_custom_checkbox,
  6710. .webix_toolbar.webix_dark .webix_custom_radio {
  6711. color: #FFFFFF;
  6712. }
  6713. .webix_toolbar.webix_dark .webix_custom_checkbox:focus,
  6714. .webix_toolbar.webix_dark .webix_custom_radio:focus {
  6715. color: #f0f0f0;
  6716. }
  6717. .webix_toolbar.webix_dark .webix_label_right {
  6718. color: #FFFFFF;
  6719. }
  6720. .webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_button {
  6721. color: rgba(255, 255, 255, 0.4);
  6722. background: rgba(0, 0, 0, 0.1);
  6723. text-shadow: none;
  6724. }
  6725. .webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_img_btn_text {
  6726. color: rgba(255, 255, 255, 0.4);
  6727. }
  6728. .webix_toolbar.webix_dark .webix_disabled_view.webix_control .webix_icon_btn,
  6729. .webix_toolbar.webix_dark .webix_disabled_view.webix_control .webix_icon {
  6730. color: rgba(255, 255, 255, 0.4);
  6731. }
  6732. .webix_toolbar.webix_dark .webix_disabled_view.webix_menu-x .webix_list_item.menu {
  6733. background-color: rgba(0, 0, 0, 0.1);
  6734. color: rgba(255, 255, 255, 0.4);
  6735. }
  6736. .webix_toolbar.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon,
  6737. .webix_toolbar.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_disabled_box .webix_img_btn_text,
  6738. .webix_toolbar.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon_btn {
  6739. color: rgba(255, 255, 255, 0.4);
  6740. }
  6741. .webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box label,
  6742. .webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_input_icon,
  6743. .webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box button {
  6744. color: rgba(255, 255, 255, 0.4);
  6745. }
  6746. .webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box input,
  6747. .webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box select,
  6748. .webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box textarea,
  6749. .webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static,
  6750. .webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_prev,
  6751. .webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_next {
  6752. color: rgba(255, 255, 255, 0.4);
  6753. background: rgba(0, 0, 0, 0.1);
  6754. border-color: transparent;
  6755. }
  6756. .webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static input {
  6757. background-color: transparent;
  6758. }
  6759. .webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_0,
  6760. .webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_1,
  6761. .webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_N,
  6762. .webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_item_tab {
  6763. color: rgba(255, 255, 255, 0.4);
  6764. background: rgba(0, 0, 0, 0.1);
  6765. text-shadow: none;
  6766. }
  6767. .webix_toolbar.webix_dark .webix_disabled_top_label {
  6768. color: rgba(255, 255, 255, 0.4);
  6769. }
  6770. .webix_toolbar.webix_dark .webix_invalid .webix_el_box input,
  6771. .webix_toolbar.webix_dark .webix_invalid .webix_el_box .webix_inp_static,
  6772. .webix_toolbar.webix_dark .webix_invalid .webix_el_box select,
  6773. .webix_toolbar.webix_dark .webix_invalid .webix_el_box textarea,
  6774. .webix_toolbar.webix_dark input.webix_invalid,
  6775. .webix_toolbar.webix_dark select.webix_invalid,
  6776. .webix_toolbar.webix_dark textarea.webix_invalid {
  6777. color: #ffdedb;
  6778. background-color: rgba(255, 92, 76, 0.3);
  6779. border-color: #ff8d82;
  6780. }
  6781. .webix_toolbar.webix_dark .webix_invalid .webix_multicombo_value,
  6782. .webix_toolbar.webix_dark .webix_invalid .webix_multicombo_tag {
  6783. color: #FF5C4C;
  6784. }
  6785. .webix_toolbar.webix_dark .webix_invalid .webix_el_box .webix_inp_static input {
  6786. background-color: transparent;
  6787. }
  6788. .webix_layout_space > .webix_toolbar {
  6789. border-radius: 2px;
  6790. }
  6791. .webix_view.webix_layout_accordion {
  6792. background-color: #EBEDF0;
  6793. }
  6794. .webix_accordionitem .webix_accordionitem_button {
  6795. float: right;
  6796. position: relative;
  6797. height: 19px;
  6798. width: 19px;
  6799. margin: 13.5px 13px;
  6800. }
  6801. .webix_accordionitem .webix_accordionitem_header {
  6802. line-height: 44px;
  6803. }
  6804. .webix_accordionitem .webix_accordionitem_header:hover,
  6805. .webix_accordionitem .webix_accordionitem_header:focus {
  6806. background-color: #fafafa;
  6807. }
  6808. .webix_accordionitem.collapsed .webix_accordionitem_button {
  6809. float: right;
  6810. position: relative;
  6811. margin-top: 12.5px;
  6812. }
  6813. .webix_accordionitem.horizontal.collapsed,
  6814. .webix_accordionitem.collapsed {
  6815. background-color: #F4F5F9;
  6816. }
  6817. .webix_accordionitem.horizontal.collapsed .webix_accordionitem_header,
  6818. .webix_accordionitem.collapsed .webix_accordionitem_header {
  6819. background-color: #F4F5F9;
  6820. color: #1CA1C1;
  6821. }
  6822. .webix_accordionitem.horizontal.collapsed .webix_accordionitem_header .webix_accordionitem_button,
  6823. .webix_accordionitem.collapsed .webix_accordionitem_header .webix_accordionitem_button {
  6824. color: #1CA1C1;
  6825. }
  6826. .webix_accordionitem.horizontal.collapsed .webix_accordionitem_header .webix_accordionitem_label .webix_icon,
  6827. .webix_accordionitem.collapsed .webix_accordionitem_header .webix_accordionitem_label .webix_icon {
  6828. color: #1CA1C1;
  6829. }
  6830. .webix_accordionitem.horizontal.collapsed .webix_accordionitem_header:hover,
  6831. .webix_accordionitem.collapsed .webix_accordionitem_header:hover,
  6832. .webix_accordionitem.horizontal.collapsed .webix_accordionitem_header:focus,
  6833. .webix_accordionitem.collapsed .webix_accordionitem_header:focus {
  6834. background-color: #edeff5;
  6835. }
  6836. .webix_accordionitem_label {
  6837. padding-left: 12px;
  6838. }
  6839. .webix_layout_accordion.webix_dark .webix_accordionitem_header {
  6840. background-color: #657584;
  6841. color: #FFFFFF;
  6842. }
  6843. .webix_layout_accordion.webix_dark .webix_accordionitem_header .webix_accordionitem_button {
  6844. color: #FFFFFF;
  6845. }
  6846. .webix_layout_accordion.webix_dark .webix_accordionitem_header.collapsed {
  6847. background-color: #F4F5F9;
  6848. color: #1CA1C1;
  6849. }
  6850. .webix_layout_accordion.webix_dark .webix_accordionitem_header.collapsed .webix_accordionitem_button {
  6851. color: #1CA1C1;
  6852. }
  6853. .webix_layout_accordion.webix_dark .webix_accordionitem_header:hover,
  6854. .webix_layout_accordion.webix_dark .webix_accordionitem_header:focus {
  6855. background-color: #61707e;
  6856. }
  6857. .webix_layout_accordion.webix_dark .webix_accordionitem.horizontal.collapsed .webix_accordionitem_header:hover,
  6858. .webix_layout_accordion.webix_dark .webix_accordionitem.collapsed .webix_accordionitem_header:hover,
  6859. .webix_layout_accordion.webix_dark .webix_accordionitem.horizontal.collapsed .webix_accordionitem_header:focus,
  6860. .webix_layout_accordion.webix_dark .webix_accordionitem.collapsed .webix_accordionitem_header:focus {
  6861. background-color: #edeff5;
  6862. }
  6863. .webix_accordionitem .webix_accordionitem_header .webix_accordionitem_button {
  6864. color: #94A1B3;
  6865. background-image: none;
  6866. font-family: "Webix Material Icons";
  6867. font-size: 24px;
  6868. text-align: center;
  6869. width: 24px;
  6870. height: 43px;
  6871. margin: 0 10px 0 10px;
  6872. }
  6873. .webix_accordionitem .webix_accordionitem_header .webix_accordionitem_label .webix_icon {
  6874. color: #94A1B3;
  6875. }
  6876. .webix_accordionitem .webix_accordionitem_header .webix_accordionitem_button:before {
  6877. content: '\F002';
  6878. }
  6879. .webix_accordionitem .webix_accordionitem_header.collapsed .webix_accordionitem_button:before {
  6880. content: '\F004';
  6881. }
  6882. .webix_accordionitem.horizontal:last-child > .webix_accordionitem_header .webix_accordionitem_button:before {
  6883. content: '\F003';
  6884. }
  6885. .webix_accordionitem.horizontal.collapsed:last-child > .webix_accordionitem_header .webix_accordionitem_button:before {
  6886. content: '\F001';
  6887. }
  6888. .webix_accordionitem.vertical > .webix_accordionitem_header .webix_accordionitem_button {
  6889. height: 43px;
  6890. margin: 0px 10px 0 10px;
  6891. }
  6892. .webix_accordionitem.vertical > .webix_accordionitem_header .webix_accordionitem_button:before {
  6893. content: '\F004';
  6894. }
  6895. .webix_accordionitem.vertical > .webix_accordionitem_header.collapsed .webix_accordionitem_button:before {
  6896. content: '\F001';
  6897. }
  6898. .webix_toolbar.webix_layout_subbar {
  6899. background: transparent;
  6900. }
  6901. .webix_toolbar.webix_layout_subbar .webix_view {
  6902. color: #475466;
  6903. }
  6904. .webix_el_tabbar + .webix_multiview {
  6905. background-color: #FFFFFF;
  6906. }
  6907. .webix_view.rounded_top {
  6908. -moz-border-top-left-radius: 2px;
  6909. -moz-border-top-right-radius: 2px;
  6910. -webkit-border-top-left-radius: 2px;
  6911. -webkit-border-top-right-radius: 2px;
  6912. border-top-left-radius: 2px;
  6913. border-top-right-radius: 2px;
  6914. }
  6915. .webix_view.rounded_right {
  6916. -moz-border-top-right-radius: 2px;
  6917. -moz-border-bottom-right-radius: 2px;
  6918. -webkit-border-top-right-radius: 2px;
  6919. -webkit-border-bottom-right-radius: 2px;
  6920. }
  6921. .webix_view.rounded_bottom {
  6922. border-bottom-left-radius: 2px;
  6923. border-bottom-right-radius: 2px;
  6924. -moz-border-bottom-left-radius: 2px;
  6925. -moz-border-bottom-right-radius: 2px;
  6926. -webkit-border-bottom-left-radius: 2px;
  6927. -webkit-border-bottom-right-radius: 2px;
  6928. }
  6929. .webix_view.rounded_left {
  6930. -moz-border-top-left-radius: 2px;
  6931. -moz-border-bottom-left-radius: 2px;
  6932. -webkit-border-top-left-radius: 2px;
  6933. -webkit-border-bottom-left-radius: 2px;
  6934. }
  6935. .webix_layout_space > .webix_view,
  6936. .webix_layout_wide > .webix_view {
  6937. border-radius: 2px;
  6938. }
  6939. .webix_layout_space .webix_layout_accordion .webix_accordionitem,
  6940. .webix_layout_wide .webix_layout_accordion .webix_accordionitem {
  6941. border-radius: 2px;
  6942. }
  6943. .webix_popup_button {
  6944. border-color: #F4F5F9;
  6945. }
  6946. .webix_popup_button.confirm {
  6947. border-color: #1CA1C1;
  6948. }
  6949. .webix_popup_button div {
  6950. border-radius: 0;
  6951. }
  6952. .dataHeaderFont {
  6953. font-family: Roboto, sans-serif;
  6954. font-size: 14px;
  6955. font-weight: 500;
  6956. color: #313131;
  6957. letter-spacing: 0.2px;
  6958. }
  6959. .webix_dtable .webix_ss_header .webix_hcell,
  6960. .webix_dtable .webix_ss_footer .webix_hcell {
  6961. border-color: transparent;
  6962. }
  6963. .webix_dtable .webix_ss_body .webix_column > div,
  6964. .webix_dtable .webix_ss_body .webix_table_cell {
  6965. border-right-color: transparent;
  6966. border-left-color: transparent;
  6967. }
  6968. .webix_dtable.webix_header_border .webix_ss_header .webix_hcolumn > div,
  6969. .webix_dtable.webix_header_border .webix_ss_header .webix_span {
  6970. border-right-color: #DADEE0;
  6971. border-bottom-color: #DADEE0;
  6972. }
  6973. .webix_dtable.webix_footer_border .webix_ss_footer .webix_hcolumn > div,
  6974. .webix_dtable.webix_footer_border .webix_ss_footer .webix_span {
  6975. border-right-color: #DADEE0;
  6976. border-top-color: #DADEE0;
  6977. }
  6978. .webix_dtable.webix_data_border .webix_ss_body .webix_column > div,
  6979. .webix_dtable.webix_data_border .webix_table_cell {
  6980. border-right-color: #EDEFF0;
  6981. }
  6982. .webix_dtable .webix_ss_left .webix_column.webix_last > div {
  6983. border-right: 1px solid #ccd2d4;
  6984. }
  6985. .webix_dtable div.webix_last_topcell {
  6986. border-bottom: 1px solid #ccd2d4;
  6987. }
  6988. .webix_dtable .webix_ss_right .webix_column.webix_first > div {
  6989. border-left: 1px solid #ccd2d4;
  6990. }
  6991. .webix_dtable .webix_hs_right .webix_hcell.webix_first {
  6992. border-left: 1px solid #DADEE0;
  6993. }
  6994. .webix_dtable .webix_hs_left .webix_hcell.webix_last {
  6995. border-right: 1px solid #DADEE0;
  6996. }
  6997. .webix_dtable .webix_hcell.webix_ss_filter {
  6998. padding: 0px 4px;
  6999. }
  7000. .webix_dtable .webix_hcell.webix_div_filter {
  7001. padding: 1px 4px;
  7002. }
  7003. .webix_dtable .webix_dtable_subview {
  7004. background: #FFFFFF;
  7005. }
  7006. .webix_dtable .webix_dtable_subview .webix_view {
  7007. border-left-width: 1px;
  7008. border-right-width: 1px;
  7009. border-color: #EDEFF0;
  7010. }
  7011. .webix_dtable .webix_ss_filter select,
  7012. .webix_dtable .webix_ss_filter input {
  7013. height: 32px;
  7014. vertical-align: middle;
  7015. border-radius: 2px;
  7016. border-color: #CCD7E6;
  7017. }
  7018. .webix_dtable .webix_ss_filter select:focus,
  7019. .webix_dtable .webix_ss_filter input:focus {
  7020. border-color: #1CA1C1;
  7021. }
  7022. .webix_dtable .webix_select_mark > div.webix_row_select {
  7023. box-shadow: inset 2px 0 #1CA1C1;
  7024. }
  7025. .webix_dtable .webix_ss_header .webix_hcolumn div.webix_last_row,
  7026. .webix_dtable .webix_ss_header .webix_span.webix_last_row {
  7027. border-bottom: 1px solid #5ccce7;
  7028. }
  7029. .webix_dtable .webix_ss_footer .webix_hcolumn div:first-child,
  7030. .webix_dtable .webix_ss_footer .webix_hcell[row="0"] {
  7031. border-top: 1px solid #5ccce7;
  7032. }
  7033. .webix_dtable .webix_ss_footer,
  7034. .webix_dtable .webix_ss_footer .webix_hcolumn,
  7035. .webix_dtable .webix_ss_footer .webix_hs_left,
  7036. .webix_dtable .webix_ss_footer .webix_hs_center,
  7037. .webix_dtable .webix_ss_footer .webix_hs_right,
  7038. .webix_dtable .webix_ss_footer div.webix_ss_vscroll_footer {
  7039. font-family: Roboto, sans-serif;
  7040. font-size: 14px;
  7041. font-weight: 500;
  7042. color: #313131;
  7043. letter-spacing: 0.2px;
  7044. background: #F4F5F9;
  7045. }
  7046. .webix_dtable .webix_column > .webix_drag_over.webix_cell {
  7047. background-color: #F4F5F9;
  7048. }
  7049. .webix_block_selection {
  7050. border: none;
  7051. background: #1CA1C1;
  7052. opacity: 0.1;
  7053. }
  7054. .webix_area_selection,
  7055. .webix_area_selection_handle {
  7056. background: #1CA1C1;
  7057. }
  7058. .webix_dtable_focused .webix_area_selection,
  7059. .webix_dtable_focused .webix_area_selection_handle {
  7060. background-color: #1992af;
  7061. }
  7062. .dtBodyCell {
  7063. border-bottom: 1px solid #EDEFF0;
  7064. }
  7065. .webix_dtable div.webix_ss_vscroll_header {
  7066. border-bottom-color: #5ccce7;
  7067. }
  7068. .webix_dtable div.webix_ss_vscroll_footer {
  7069. border-top-color: #5ccce7;
  7070. border-left-color: #DADEE0;
  7071. }
  7072. .webix_view .webix_dt_editor input,
  7073. .webix_view .webix_dt_editor select {
  7074. border-color: #1CA1C1;
  7075. border-radius: 2px;
  7076. }
  7077. .dataItemStyle {
  7078. border-color: #EDEFF0;
  7079. }
  7080. .webix_list_item.webix_group_back {
  7081. color: #313131;
  7082. background: #F4F5F9;
  7083. border-bottom: 1px solid #DADEE0;
  7084. }
  7085. .webix_dataview_item {
  7086. border-right-color: #EDEFF0;
  7087. line-height: 24px;
  7088. }
  7089. .webix_dataview_item.webix_selected {
  7090. box-shadow: none;
  7091. }
  7092. .webix_dataview_item.tiles.webix_selected {
  7093. border-color: #5ccce7;
  7094. }
  7095. .webix_view .webix_pager_item {
  7096. font-family: Roboto, sans-serif;
  7097. font-size: 16px;
  7098. font-weight: 500;
  7099. letter-spacing: 0px;
  7100. outline: none;
  7101. background: #F4F5F9;
  7102. color: #1CA1C1;
  7103. }
  7104. .webix_view .webix_pager_item:hover {
  7105. background-color: #e7e9f2;
  7106. }
  7107. .webix_view .webix_pager_item:focus {
  7108. background-color: #e7e9f2;
  7109. }
  7110. .webix_view .webix_pager_item:active {
  7111. background-color: #daddeb;
  7112. }
  7113. .webix_view .webix_pager_item_selected {
  7114. font-family: Roboto, sans-serif;
  7115. font-size: 16px;
  7116. font-weight: 500;
  7117. color: #1CA1C1;
  7118. letter-spacing: 0px;
  7119. outline: none;
  7120. background: #1CA1C1;
  7121. color: #FFFFFF;
  7122. }
  7123. .webix_view .webix_pager_item_selected:hover {
  7124. background-color: #1992af;
  7125. }
  7126. .webix_view .webix_pager_item_selected:focus {
  7127. background-color: #1992af;
  7128. }
  7129. .webix_view .webix_pager_item_selected:active {
  7130. background-color: #17839d;
  7131. }
  7132. .webix_view .webix_pager_item,
  7133. .webix_view .webix_pager_item_selected {
  7134. border-radius: 2px;
  7135. border-width: 0px;
  7136. }
  7137. .webix_list .webix_unit_header {
  7138. font-weight: normal;
  7139. text-shadow: none;
  7140. border-bottom: 1px solid #DADEE0;
  7141. -moz-box-sizing: border-box;
  7142. -webkit-box-sizing: border-box;
  7143. box-sizing: border-box;
  7144. background: #F4F5F9;
  7145. font-family: Roboto, sans-serif;
  7146. font-size: 14px;
  7147. font-weight: 500;
  7148. color: #313131;
  7149. letter-spacing: 0.2px;
  7150. }
  7151. .webix_list .webix_unit_header:not(:first-child) {
  7152. border-top: 1px solid #DADEE0;
  7153. margin-top: -1px;
  7154. }
  7155. .webix_tree .webix_tree_item.webix_selected {
  7156. background-color: #F4F5F9;
  7157. }
  7158. .webix_tree .webix_tree_item.webix_selected:focus {
  7159. background-color: #edeff5;
  7160. }
  7161. .webix_tree .webix_tree_item.webix_selected span {
  7162. background-color: transparent;
  7163. padding: 0;
  7164. margin: 0;
  7165. }
  7166. .webix_tree .webix_tree_item.webix_selected div {
  7167. background-color: transparent;
  7168. }
  7169. .webix_tree_open,
  7170. .webix_tree_close {
  7171. background-image: none;
  7172. font-family: "Webix Material Icons";
  7173. font-size: 24px;
  7174. text-align: center;
  7175. color: #94A1B3;
  7176. }
  7177. .webix_tree_open:before {
  7178. content: "\F027";
  7179. }
  7180. .webix_tree_close:before {
  7181. content: "\F028";
  7182. }
  7183. .webix_tree_folder,
  7184. .webix_tree_folder_open,
  7185. .webix_tree_file {
  7186. background-image: none;
  7187. font-family: "Webix Material Icons";
  7188. font-size: 20px;
  7189. margin: 0 4px 0 0;
  7190. width: 24px;
  7191. text-align: center;
  7192. color: #DADEE0;
  7193. }
  7194. .webix_tree_folder:before {
  7195. content: "\F030";
  7196. }
  7197. .webix_tree_folder_open:before {
  7198. content: "\F031";
  7199. }
  7200. .webix_tree_file:before {
  7201. content: "\F032";
  7202. }
  7203. .webix_menu-x .webix_list_item .webix_submenu_icon,
  7204. .webix_view.webix_menu .webix_list_item .webix_submenu_icon {
  7205. font-size: 14px;
  7206. font-family: "Webix Material Icons";
  7207. width: 6px;
  7208. top: 0;
  7209. margin-left: 0;
  7210. }
  7211. .webix_view.webix_popup.webix_menu {
  7212. border: none;
  7213. }
  7214. .webix_menu.webix_view .webix_list_item:hover,
  7215. .webix_menu.webix_view .webix_list_item:active {
  7216. background-color: #edeff5;
  7217. }
  7218. .webix_menu.webix_view .webix_list_item .webix_submenu_icon:before {
  7219. content: '\F003';
  7220. }
  7221. .webix_menu.webix_view .webix_list_item.webix_selected {
  7222. background: #F4F5F9;
  7223. }
  7224. .webix_menu.webix_view .webix_list_item.webix_disabled {
  7225. background-color: #FFFFFF;
  7226. }
  7227. .webix_menu.webix_view .webix_icon {
  7228. color: #94A1B3;
  7229. }
  7230. .webix_property .webix_property_label_line {
  7231. background-color: #F4F5F9;
  7232. }
  7233. .webix_drag_over,
  7234. .webix_drop_zone {
  7235. background-color: #F4F5F9;
  7236. }
  7237. .webix_view button,
  7238. .webix_view input[type=button] {
  7239. -webkit-appearance: none;
  7240. }
  7241. .webix_el_combo span.webix_input_icon,
  7242. .webix_el_richselect span.webix_input_icon,
  7243. .webix_el_datepicker span.webix_input_icon,
  7244. .webix_el_colorpicker span.webix_input_icon {
  7245. background-color: transparent;
  7246. color: #94A1B3;
  7247. -webkit-border-top-left-radius: 0;
  7248. -webkit-border-bottom-left-radius: 0;
  7249. -webkit-border-top-right-radius: 2px;
  7250. -webkit-border-bottom-right-radius: 2px;
  7251. -moz-border-radius-topleft: 0;
  7252. -moz-border-radius-bottomleft: 0;
  7253. -moz-border-radius-topright: 2px;
  7254. -moz-border-radius-bottomright: 2px;
  7255. border-top-left-radius: 0;
  7256. border-bottom-left-radius: 0;
  7257. border-top-right-radius: 2px;
  7258. border-bottom-right-radius: 2px;
  7259. }
  7260. .focusStyle {
  7261. border: 1px solid #1CA1C1;
  7262. }
  7263. .webix_el_search input,
  7264. .webix_el_combo input,
  7265. .webix_el_colorpicker input {
  7266. padding-right: 28px;
  7267. }
  7268. .webix_el_search input,
  7269. .webix_el_text input,
  7270. .webix_el_combo input,
  7271. .webix_el_colorpicker input,
  7272. .webix_el_datepicker input {
  7273. border-radius: 2px;
  7274. }
  7275. .webix_el_search input:focus,
  7276. .webix_el_text input:focus,
  7277. .webix_el_combo input:focus,
  7278. .webix_el_colorpicker input:focus,
  7279. .webix_el_datepicker input:focus {
  7280. border: 1px solid #1CA1C1;
  7281. }
  7282. .webix_el_richselect .webix_inp_static,
  7283. .webix_el_datepicker .webix_inp_static,
  7284. .webix_el_colorpicker .webix_inp_static {
  7285. border-radius: 2px;
  7286. padding-right: 28px;
  7287. white-space: nowrap;
  7288. text-overflow: ellipsis;
  7289. }
  7290. .webix_el_richselect .webix_inp_static:focus,
  7291. .webix_el_datepicker .webix_inp_static:focus,
  7292. .webix_el_colorpicker .webix_inp_static:focus {
  7293. border: 1px solid #1CA1C1;
  7294. }
  7295. .webix_el_textarea textarea:focus {
  7296. border: 1px solid #1CA1C1;
  7297. }
  7298. .webix_el_select select:focus {
  7299. border: 1px solid #1CA1C1;
  7300. }
  7301. .webix_el_select select,
  7302. .webix_el_textarea textarea {
  7303. border-radius: 2px;
  7304. }
  7305. .webix_el_combo span.webix_input_icon,
  7306. .webix_el_richselect span.webix_input_icon,
  7307. .webix_el_datepicker span.webix_input_icon,
  7308. .webix_el_colorpicker span.webix_input_icon,
  7309. .webix_el_search span.webix_input_icon {
  7310. width: 24px;
  7311. padding-left: 4px;
  7312. }
  7313. .webix_el_text .webix_inp_static {
  7314. border-radius: 2px;
  7315. white-space: nowrap;
  7316. }
  7317. .webix_focused .webix_inp_static {
  7318. border: 1px solid #1CA1C1;
  7319. }
  7320. .webix_multilist .wxi-checkbox-marked {
  7321. color: #1CA1C1;
  7322. }
  7323. .webix_multilist .wxi-checkbox-blank {
  7324. color: #94A1B3;
  7325. }
  7326. .webix_multicombo .webix_inp_static {
  7327. padding-right: 3px;
  7328. }
  7329. .webix_multicombo_value,
  7330. .webix_multicombo_tag {
  7331. background-color: #EBEDF0;
  7332. border-radius: 100px;
  7333. margin: 3px 0 0 3px;
  7334. padding: 0 12px 0 12px;
  7335. }
  7336. .webix_multicombo_value {
  7337. padding: 0 0 0 12px;
  7338. }
  7339. .webix_checksuggest_select_all:hover {
  7340. background-color: #F4F5F9;
  7341. border-radius: 2px;
  7342. }
  7343. .webix_checksuggest_select_all:hover .webix_label_right {
  7344. color: #1CA1C1;
  7345. }
  7346. .webix_checksuggest_select_all .webix_label_right {
  7347. text-align: center;
  7348. font-size: 16px;
  7349. color: #1CA1C1;
  7350. }
  7351. .webix_checksuggest_select_all.webix_el_checkbox .webix_label_right {
  7352. padding-top: 5px;
  7353. }
  7354. .buttonStyle {
  7355. font-family: Roboto, sans-serif;
  7356. font-size: 16px;
  7357. font-weight: 500;
  7358. color: #1CA1C1;
  7359. letter-spacing: 0px;
  7360. outline: none;
  7361. }
  7362. .webix_el_colorpicker div.webix_inp_static div {
  7363. margin: 2.5px -20px 0px -5px;
  7364. }
  7365. div.webix_inp_static,
  7366. .webix_el_textarea textarea {
  7367. background: #ffffff;
  7368. font-family: Roboto, sans-serif;
  7369. border-color: #CCD7E6;
  7370. /*.altBackColor;
  7371. .altBackBorderColor;*/
  7372. }
  7373. .webix_el_select select {
  7374. font-family: Roboto, sans-serif;
  7375. border-color: #DADEE0;
  7376. }
  7377. .webix_el_checkbox input {
  7378. border-color: #DADEE0;
  7379. }
  7380. .webix_el_counter .webix_inp_counter_value {
  7381. width: 42px;
  7382. background: #ffffff;
  7383. font-family: Roboto, sans-serif;
  7384. border-color: #CCD7E6;
  7385. /*.altBackColor;
  7386. .altBackBorderColor;*/
  7387. }
  7388. .webix_el_counter .webix_inp_counter_prev,
  7389. .webix_el_counter .webix_inp_counter_next {
  7390. background: #F4F5F9;
  7391. width: 30px;
  7392. border: 1px solid #CCD7E6;
  7393. font-weight: bold;
  7394. font-family: "Courier New", Courier, monospace;
  7395. }
  7396. .webix_el_counter .webix_inp_counter_prev {
  7397. font-size: 20px;
  7398. border-right: none;
  7399. }
  7400. .webix_el_counter .webix_inp_counter_next {
  7401. font-size: 20px;
  7402. border-left: none;
  7403. }
  7404. .webix_view.webix_control.webix_el_tabbar {
  7405. background: #FFFFFF;
  7406. }
  7407. .webix_all_tabs .webix_item_tab {
  7408. font-family: Roboto, sans-serif;
  7409. font-size: 16px;
  7410. font-weight: 500;
  7411. color: #1CA1C1;
  7412. letter-spacing: 0px;
  7413. border: none;
  7414. }
  7415. .webix_all_tabs .webix_item_tab:hover {
  7416. background-color: #F4F5F9;
  7417. }
  7418. .webix_all_tabs .webix_item_tab .webix_icon.webix_tab_close {
  7419. width: 28px;
  7420. font-size: 20px;
  7421. padding: 0;
  7422. margin-top: 1px;
  7423. color: #94A1B3;
  7424. }
  7425. .webix_all_tabs .webix_item_tab .webix_icon.webix_tab_close:focus {
  7426. color: #FF5C4C;
  7427. }
  7428. .webix_all_tabs .webix_item_tab.webix_selected {
  7429. box-shadow: inset 0 -2px #1CA1C1;
  7430. padding-bottom: 0;
  7431. }
  7432. .webix_all_tabs .webix_item_tab.webix_selected:hover {
  7433. background-color: transparent;
  7434. }
  7435. .webix_all_tabs .webix_item_tab.webix_selected:focus {
  7436. color: #17839d;
  7437. box-shadow: inset 0 -2px #17839d;
  7438. }
  7439. .webix_all_tabs .webix_item_tab.webix_selected.webix_disabled {
  7440. box-shadow: inset 0 -2px #94A1B3;
  7441. }
  7442. .webix_all_tabs .webix_tab_filler {
  7443. border: none;
  7444. }
  7445. .webix_all_tabs .webix_tab_more_icon .webix_icon {
  7446. color: #1CA1C1;
  7447. }
  7448. .webix_all_tabs .webix_tab_more_icon:hover,
  7449. .webix_all_tabs .webix_tab_more_icon:focus {
  7450. background-color: #F4F5F9;
  7451. }
  7452. .webixtype_bottom .webix_item_tab,
  7453. .webixtype_bottom .webix_item_tab.webix_selected {
  7454. background: #FFFFFF;
  7455. padding: 0;
  7456. }
  7457. .webixtype_bottom .webix_item_tab:last-child,
  7458. .webixtype_bottom .webix_item_tab.webix_selected:last-child {
  7459. border-right: none;
  7460. }
  7461. .webixtype_bottom .webix_item_tab.webix_selected {
  7462. box-shadow: inset 0 2px #1CA1C1;
  7463. background: #FFFFFF;
  7464. color: #1CA1C1;
  7465. }
  7466. .webixtype_bottom .webix_item_tab.webix_selected:focus {
  7467. box-shadow: inset 0 2px #17839d;
  7468. }
  7469. .webixtype_bottom .webix_item_tab.webix_selected.webix_disabled {
  7470. box-shadow: inset 0 2px #94A1B3;
  7471. }
  7472. .webix_el_tabbar .webixtype_icon .webix_img_btn {
  7473. -moz-box-sizing: border-box;
  7474. -webkit-box-sizing: border-box;
  7475. box-sizing: border-box;
  7476. margin: 0 auto;
  7477. text-align: center;
  7478. }
  7479. .webix_el_tabbar .webixtype_icon .webix_img_btn .webix_icon_btn {
  7480. color: #1CA1C1;
  7481. }
  7482. .webix_el_tabbar .webixtype_icon .webix_img_btn .webix_icon_btn {
  7483. -moz-box-sizing: border-box;
  7484. -webkit-box-sizing: border-box;
  7485. box-sizing: border-box;
  7486. font-size: 24px;
  7487. margin: 0 3px;
  7488. height: 100%;
  7489. line-height: inherit;
  7490. vertical-align: top;
  7491. width: 100%;
  7492. }
  7493. .webix_el_tabbar .webixtype_icon .webix_item_tab.webix_selected {
  7494. background: #FFFFFF;
  7495. }
  7496. .webix_el_tabbar .webixtype_icon .webix_img_btn:active,
  7497. .webix_el_tabbar .webixtype_icon .webix_img_btn_top:active {
  7498. background-color: #FFFFFF;
  7499. }
  7500. .webix_accordionitem_label .webix_icon {
  7501. margin-right: 8px;
  7502. }
  7503. .webix_el_tabbar .webixtype_iconTop,
  7504. .webix_el_tabbar .webixtype_image {
  7505. -moz-box-sizing: border-box;
  7506. -webkit-box-sizing: border-box;
  7507. box-sizing: border-box;
  7508. }
  7509. .webix_el_tabbar .webixtype_iconTop .webix_icon,
  7510. .webix_el_tabbar .webixtype_image .webix_icon {
  7511. color: #1CA1C1;
  7512. }
  7513. .webix_el_tabbar .webixtype_iconTop .webix_item_tab,
  7514. .webix_el_tabbar .webixtype_image .webix_item_tab {
  7515. font-size: 14px;
  7516. padding-top: 2px;
  7517. padding-bottom: 2px;
  7518. }
  7519. .webix_el_tabbar .webixtype_iconTop .webix_img_btn_top .webix_icon,
  7520. .webix_el_tabbar .webixtype_image .webix_img_btn_top .webix_icon,
  7521. .webix_el_tabbar .webixtype_iconTop .webix_img_btn_top .webix_image,
  7522. .webix_el_tabbar .webixtype_image .webix_img_btn_top .webix_image {
  7523. top: 0;
  7524. }
  7525. .webix_el_tabbar .webixtype_iconTop .webix_img_btn_text,
  7526. .webix_el_tabbar .webixtype_image .webix_img_btn_text {
  7527. bottom: 0px;
  7528. font-size: 14px;
  7529. }
  7530. .webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected,
  7531. .webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected {
  7532. background: #FFFFFF;
  7533. }
  7534. .webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected .webix_img_btn_text,
  7535. .webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected .webix_img_btn_text {
  7536. color: #1CA1C1;
  7537. }
  7538. .webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected .webix_icon,
  7539. .webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected .webix_icon {
  7540. color: #1CA1C1;
  7541. }
  7542. .webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected .webix_icon_btn,
  7543. .webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected .webix_icon_btn {
  7544. background-color: #FFFFFF;
  7545. }
  7546. .webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected .webix_img_btn,
  7547. .webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected .webix_img_btn {
  7548. color: #1CA1C1;
  7549. }
  7550. .webix_el_tabbar .webixtype_icon .webix_item_tab,
  7551. .webix_el_tabbar .webixtype_iconTop .webix_item_tab,
  7552. .webix_el_tabbar .webixtype_image .webix_item_tab {
  7553. padding: 0;
  7554. border-radius: 0;
  7555. }
  7556. .webix_el_tabbar .webixtype_icon .webix_item_tab .webix_img_btn,
  7557. .webix_el_tabbar .webixtype_iconTop .webix_item_tab .webix_img_btn,
  7558. .webix_el_tabbar .webixtype_image .webix_item_tab .webix_img_btn {
  7559. color: #1CA1C1;
  7560. }
  7561. .webix_el_tabbar .webixtype_icon .webix_tab_more_icon,
  7562. .webix_el_tabbar .webixtype_iconTop .webix_tab_more_icon,
  7563. .webix_el_tabbar .webixtype_image .webix_tab_more_icon,
  7564. .webix_el_tabbar .webixtype_bottom .webix_tab_more_icon {
  7565. background: #FFFFFF;
  7566. }
  7567. .webix_el_tabbar .webixtype_icon .webix_tab_more_icon .webix_icon,
  7568. .webix_el_tabbar .webixtype_iconTop .webix_tab_more_icon .webix_icon,
  7569. .webix_el_tabbar .webixtype_image .webix_tab_more_icon .webix_icon,
  7570. .webix_el_tabbar .webixtype_bottom .webix_tab_more_icon .webix_icon {
  7571. color: #1CA1C1;
  7572. }
  7573. .webix_el_tabbar .webixtype_icon .webix_tab_more_icon:hover,
  7574. .webix_el_tabbar .webixtype_iconTop .webix_tab_more_icon:hover,
  7575. .webix_el_tabbar .webixtype_image .webix_tab_more_icon:hover,
  7576. .webix_el_tabbar .webixtype_bottom .webix_tab_more_icon:hover,
  7577. .webix_el_tabbar .webixtype_icon .webix_tab_more_icon:focus,
  7578. .webix_el_tabbar .webixtype_iconTop .webix_tab_more_icon:focus,
  7579. .webix_el_tabbar .webixtype_image .webix_tab_more_icon:focus,
  7580. .webix_el_tabbar .webixtype_bottom .webix_tab_more_icon:focus {
  7581. background-color: #F4F5F9;
  7582. }
  7583. .webix_el_tabbar .webixtype_icon .webix_img_btn:hover,
  7584. .webix_el_tabbar .webixtype_iconTop .webix_img_btn:hover,
  7585. .webix_el_tabbar .webixtype_image .webix_img_btn:hover,
  7586. .webix_el_tabbar .webixtype_icon .webix_img_btn_top:hover,
  7587. .webix_el_tabbar .webixtype_iconTop .webix_img_btn_top:hover,
  7588. .webix_el_tabbar .webixtype_image .webix_img_btn_top:hover {
  7589. background-color: transparent;
  7590. }
  7591. .webix_tab_filler:first-child {
  7592. border-right: 0;
  7593. }
  7594. .passiveBarBG {
  7595. background: #FFFFFF;
  7596. color: #1CA1C1;
  7597. }
  7598. .webix_remove_upload .cancel_icon {
  7599. background-image: none;
  7600. font-family: "Webix Material Icons";
  7601. font-size: 17px;
  7602. margin: 0;
  7603. height: auto;
  7604. width: 20px;
  7605. }
  7606. .webix_remove_upload .cancel_icon:hover {
  7607. color: #FF5C4C;
  7608. }
  7609. .webix_remove_upload .cancel_icon:before {
  7610. content: "\F011";
  7611. }
  7612. .webix_upload_error .error_icon {
  7613. background-image: none;
  7614. font-family: "Webix Material Icons";
  7615. font-size: 20px;
  7616. height: auto;
  7617. width: 20px;
  7618. color: #FF5C4C;
  7619. }
  7620. .webix_upload_error .error_icon:before {
  7621. content: "\F034";
  7622. }
  7623. .webix_inp_counter_next:hover,
  7624. .webix_inp_counter_prev:hover {
  7625. background-color: #e7e9f2;
  7626. }
  7627. .webix_inp_counter_next:focus,
  7628. .webix_inp_counter_prev:focus {
  7629. background-color: #e7e9f2;
  7630. }
  7631. .webix_inp_counter_next:active,
  7632. .webix_inp_counter_prev:active {
  7633. background-color: #daddeb;
  7634. }
  7635. .webix_el_text span.webix_input_icon {
  7636. color: #94A1B3;
  7637. }
  7638. .webix_el_text .webix_input_icon:hover,
  7639. .webix_el_text .webix_input_icon:active {
  7640. color: #1CA1C1;
  7641. background: inherit;
  7642. cursor: pointer;
  7643. }
  7644. .webix_el_button button,
  7645. .webix_el_toggle button,
  7646. .webixbutton,
  7647. .webix_view button,
  7648. .webix_view input[type=button] {
  7649. border-width: 0px;
  7650. }
  7651. .webix_segment_0:hover,
  7652. .webix_segment_1:hover,
  7653. .webix_segment_N:hover {
  7654. background-color: #e7e9f2;
  7655. }
  7656. .webix_segment_0:focus,
  7657. .webix_segment_1:focus,
  7658. .webix_segment_N:focus {
  7659. background-color: #e7e9f2;
  7660. }
  7661. .webix_segment_0:active,
  7662. .webix_segment_1:active,
  7663. .webix_segment_N:active {
  7664. background-color: #daddeb;
  7665. }
  7666. .webix_selected.webix_segment_0:hover,
  7667. .webix_selected.webix_segment_1:hover,
  7668. .webix_selected.webix_segment_N:hover {
  7669. background-color: #1992af;
  7670. }
  7671. .webix_selected.webix_segment_0:focus,
  7672. .webix_selected.webix_segment_1:focus,
  7673. .webix_selected.webix_segment_N:focus {
  7674. background-color: #1992af;
  7675. }
  7676. .webix_selected.webix_segment_0:active,
  7677. .webix_selected.webix_segment_1:active,
  7678. .webix_selected.webix_segment_N:active {
  7679. background-color: #17839d;
  7680. }
  7681. .webix_all_segments .webix_segment_1,
  7682. .webix_all_segments .webix_segment_N {
  7683. margin-left: 1px;
  7684. border-left: none;
  7685. }
  7686. .webix_segment_0,
  7687. .webix_segment_1,
  7688. .webix_segment_N {
  7689. border-color: #F4F5F9;
  7690. background-color: #F4F5F9;
  7691. color: #1CA1C1;
  7692. font-weight: 500;
  7693. }
  7694. .webix_slider_vertical .webix_slider_box .webix_slider_left,
  7695. .webix_slider_vertical .webix_slider_box .webix_slider_right {
  7696. width: 6px;
  7697. }
  7698. .webix_slider_vertical .webix_slider_box .webix_slider_handle {
  7699. left: 5px;
  7700. }
  7701. .webix_slider_vertical.webix_slider_alt .webix_slider_handle {
  7702. left: 3px;
  7703. }
  7704. .webix_section > .webix_template {
  7705. font-family: Roboto, sans-serif;
  7706. font-size: 12px;
  7707. font-weight: 400;
  7708. color: #475466;
  7709. letter-spacing: 0.2px;
  7710. }
  7711. .webix_view.webix_control .webix_disabled_box .webix_input_icon,
  7712. .webix_view.webix_control .webix_disabled_box .webix_custom_checkbox,
  7713. .webix_view.webix_control .webix_disabled_box .webix_custom_radio {
  7714. color: #DADEE0;
  7715. }
  7716. .webix_view > .webix_disabled {
  7717. background-color: #EBEDF0;
  7718. opacity: 0.6;
  7719. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  7720. }
  7721. .webix_disabled_view .webix_disabled_top_label {
  7722. color: #94A1B3;
  7723. }
  7724. .webix_custom_checkbox:before {
  7725. content: "\F013";
  7726. font-family: "Webix Material Icons";
  7727. cursor: pointer;
  7728. }
  7729. .webix_checkbox_1 .webix_custom_checkbox:before {
  7730. content: "\F012";
  7731. }
  7732. .webix_checkbox_1 .webix_custom_checkbox {
  7733. color: #1CA1C1;
  7734. }
  7735. .webix_custom_checkbox {
  7736. float: left;
  7737. position: relative;
  7738. font-size: 24px;
  7739. height: 100%;
  7740. padding: 0;
  7741. margin-top: 1px;
  7742. border: none;
  7743. background-color: transparent;
  7744. color: #94A1B3;
  7745. }
  7746. .webix_custom_checkbox:focus {
  7747. color: #188ba6;
  7748. }
  7749. .webix_el_radio .webix_custom_radio:before {
  7750. font-family: "Webix Material Icons";
  7751. font-size: 24px;
  7752. content: "\F035";
  7753. display: block;
  7754. }
  7755. .webix_el_radio .webix_radio_1 .webix_custom_radio {
  7756. color: #1CA1C1;
  7757. }
  7758. .webix_el_radio .webix_radio_1 .webix_custom_radio:before {
  7759. content: "\F036";
  7760. }
  7761. .webix_el_radio .webix_custom_radio {
  7762. padding: 0;
  7763. display: block;
  7764. background-color: transparent;
  7765. border-color: transparent;
  7766. color: #94A1B3;
  7767. cursor: pointer;
  7768. }
  7769. .webix_el_radio .webix_custom_radio:focus {
  7770. color: #188ba6;
  7771. }
  7772. .webix_cal_icon,
  7773. .webix_cal_time,
  7774. .webix_cal_month_name {
  7775. font-family: Roboto, sans-serif;
  7776. font-size: 14px;
  7777. font-weight: 400;
  7778. color: #475466;
  7779. letter-spacing: 0.2px;
  7780. }
  7781. .webix_cal_icon:hover,
  7782. .webix_cal_time:hover,
  7783. .webix_cal_month_name:hover,
  7784. .webix_cal_icon:focus,
  7785. .webix_cal_time:focus,
  7786. .webix_cal_month_name:focus {
  7787. text-decoration: none;
  7788. color: #1CA1C1;
  7789. }
  7790. .webix_cal_month_name,
  7791. .webix_time_header .webix_cal_hours,
  7792. .webix_time_header .webix_cal_minutes {
  7793. font-family: Roboto, sans-serif;
  7794. font-size: 14px;
  7795. font-weight: 500;
  7796. color: #313131;
  7797. letter-spacing: 0.2px;
  7798. }
  7799. .webix_cal_month_name.webix_readonly:hover,
  7800. .webix_cal_month_name.webix_readonly:focus {
  7801. color: #313131;
  7802. }
  7803. .webix_cal_prev_button,
  7804. .webix_cal_next_button {
  7805. background-image: none;
  7806. width: 24px;
  7807. font-size: 24px;
  7808. font-family: "Webix Material Icons";
  7809. color: #94A1B3;
  7810. }
  7811. .webix_cal_prev_button:hover,
  7812. .webix_cal_next_button:hover,
  7813. .webix_cal_prev_button:focus,
  7814. .webix_cal_next_button:focus {
  7815. color: #1CA1C1;
  7816. }
  7817. .webix_cal_prev_button:before {
  7818. content: "\F029";
  7819. }
  7820. .webix_cal_next_button:before {
  7821. content: "\F028";
  7822. }
  7823. .webix_time_header .webix_cal_hours,
  7824. .webix_time_header .webix_cal_minutes,
  7825. .webix_cal_body .webix_cal_block_empty {
  7826. font-weight: 500;
  7827. border-bottom: none;
  7828. }
  7829. .webix_view > .webix_cal_header {
  7830. height: 18px;
  7831. }
  7832. .webix_view > .webix_cal_header div {
  7833. height: 17px;
  7834. line-height: 18px;
  7835. font-size: 12px;
  7836. border-bottom-color: transparent;
  7837. }
  7838. .webix_cal_body .webix_cal_week_num {
  7839. color: #475466;
  7840. }
  7841. .webix_cal_body .webix_cal_today .webix_cal_day_inner {
  7842. box-shadow: inset 0 0 0 1px #1CA1C1;
  7843. }
  7844. .webix_cal_body .webix_cal_day_inner {
  7845. display: inline-block;
  7846. font-size: 12px;
  7847. border-radius: 50%;
  7848. }
  7849. .webix_cal_body .webix_cal_day_inner:hover {
  7850. background-color: #F4F5F9;
  7851. }
  7852. .webix_cal_body .webix_cal_event {
  7853. font-weight: 500;
  7854. color: #1CA1C1;
  7855. }
  7856. .webix_cal_body .webix_cal_outside {
  7857. color: #94A1B3;
  7858. font-weight: normal;
  7859. }
  7860. .webix_cal_body .webix_cal_select,
  7861. .webix_cal_body .webix_cal_today.webix_cal_select {
  7862. background-color: transparent;
  7863. }
  7864. .webix_cal_body .webix_cal_select .webix_cal_day_inner,
  7865. .webix_cal_body .webix_cal_today.webix_cal_select .webix_cal_day_inner {
  7866. color: #FFFFFF;
  7867. background-color: #1CA1C1;
  7868. }
  7869. .webix_cal_body .webix_cal_select .webix_cal_day_inner:hover,
  7870. .webix_cal_body .webix_cal_today.webix_cal_select .webix_cal_day_inner:hover {
  7871. background-color: #1CA1C1;
  7872. }
  7873. .webix_cal_body .webix_cal_select:focus .webix_cal_day_inner,
  7874. .webix_cal_body .webix_cal_today.webix_cal_select:focus .webix_cal_day_inner {
  7875. background-color: #1992af;
  7876. }
  7877. .webix_cal_body .webix_cal_block {
  7878. font-family: Roboto, sans-serif;
  7879. font-size: 12px;
  7880. font-weight: 400;
  7881. color: #475466;
  7882. letter-spacing: 0.2px;
  7883. }
  7884. .webix_cal_body .webix_cal_block.webix_selected {
  7885. background-color: transparent;
  7886. }
  7887. .webix_cal_body .webix_cal_block.webix_selected span {
  7888. background-color: #1CA1C1;
  7889. color: #FFFFFF;
  7890. }
  7891. .webix_cal_body .webix_cal_block.webix_selected span:hover {
  7892. background-color: #1CA1C1;
  7893. }
  7894. .webix_cal_body .webix_cal_block.webix_selected:focus span {
  7895. background-color: #1992af;
  7896. }
  7897. .webix_cal_body .webix_cal_block span {
  7898. border-radius: 50%;
  7899. }
  7900. .webix_cal_body .webix_cal_block span:hover {
  7901. background-color: #F4F5F9;
  7902. }
  7903. .webix_cal_body .webix_hours .webix_cal_day_disabled,
  7904. .webix_cal_body .webix_hours .webix_cal_day_disabled.webix_cal_event,
  7905. .webix_cal_body .webix_minutes .webix_cal_day_disabled,
  7906. .webix_cal_body .webix_minutes .webix_cal_day_disabled.webix_cal_event,
  7907. .webix_cal_body .webix_cal_day_disabled,
  7908. .webix_cal_body .webix_cal_day_disabled.webix_cal_event {
  7909. background-color: #fbfbfd;
  7910. color: #94A1B3;
  7911. }
  7912. .webix_cal_body .webix_hours .webix_cal_day_disabled span:hover,
  7913. .webix_cal_body .webix_hours .webix_cal_day_disabled.webix_cal_event span:hover,
  7914. .webix_cal_body .webix_minutes .webix_cal_day_disabled span:hover,
  7915. .webix_cal_body .webix_minutes .webix_cal_day_disabled.webix_cal_event span:hover,
  7916. .webix_cal_body .webix_cal_day_disabled span:hover,
  7917. .webix_cal_body .webix_cal_day_disabled.webix_cal_event span:hover {
  7918. background-color: transparent;
  7919. }
  7920. .webix_cal_body .webix_cal_range_first,
  7921. .webix_cal_body .webix_cal_range_last {
  7922. position: relative;
  7923. }
  7924. .webix_cal_body .webix_cal_range_last + .webix_cal_outside {
  7925. background-color: #FFFFFF;
  7926. }
  7927. .webix_cal_body .webix_cal_range_first:before,
  7928. .webix_cal_body .webix_cal_range_last:after {
  7929. content: "";
  7930. display: block;
  7931. width: 50%;
  7932. height: 100%;
  7933. position: absolute;
  7934. top: 0;
  7935. background: #e1f6fb;
  7936. }
  7937. .webix_cal_body .webix_cal_range_first:before {
  7938. right: 100%;
  7939. }
  7940. .webix_cal_body .webix_cal_range_last:after {
  7941. left: 100%;
  7942. }
  7943. .webix_cal_body .webix_cal_range_start,
  7944. .webix_cal_body .webix_cal_range_end {
  7945. position: relative;
  7946. z-index: 1;
  7947. }
  7948. .webix_cal_body .webix_cal_range_last + .webix_cal_outside {
  7949. position: relative;
  7950. z-index: 1;
  7951. background-color: #FFFFFF;
  7952. }
  7953. .webix_cal_body .webix_cal_range:first-child:before,
  7954. .webix_cal_body .webix_cal_range:last-child:after,
  7955. .webix_cal_body .webix_cal_outside + .webix_cal_range_first:before {
  7956. width: 0;
  7957. }
  7958. .webix_cal_body .webix_cal_range_start,
  7959. .webix_cal_body .webix_cal_range_end,
  7960. .webix_cal_body .webix_cal_today.webix_cal_range_start,
  7961. .webix_cal_body .webix_cal_today.webix_cal_range_end {
  7962. background-color: transparent;
  7963. }
  7964. .webix_cal_body .webix_cal_range_start .webix_cal_day_inner,
  7965. .webix_cal_body .webix_cal_range_end .webix_cal_day_inner,
  7966. .webix_cal_body .webix_cal_today.webix_cal_range_start .webix_cal_day_inner,
  7967. .webix_cal_body .webix_cal_today.webix_cal_range_end .webix_cal_day_inner {
  7968. color: #FFFFFF;
  7969. background-color: #1CA1C1;
  7970. }
  7971. .webix_cal_body .webix_cal_range {
  7972. background-color: #e1f6fb;
  7973. }
  7974. .webix_daterange .webix_range_timepicker .webix_cal_time {
  7975. padding: 4px;
  7976. }
  7977. .webix_daterange .webix_cal_icons .webix_cal_icon {
  7978. border-top: none;
  7979. }
  7980. .webix_progress_top .webix_progress_state,
  7981. .webix_progress_bottom .webix_progress_state {
  7982. background: #1CA1C1;
  7983. background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
  7984. }
  7985. .webix_progress_top .webix_progress_state {
  7986. background-size: 10px 10px;
  7987. }
  7988. .webix_progress_bottom .webix_progress_state {
  7989. background-size: 14px 14px;
  7990. }
  7991. .webix_switch_box {
  7992. color: #475466;
  7993. background-color: #F4F5F9;
  7994. }
  7995. .webix_switch_box.webix_switch_on {
  7996. background-color: #1CA1C1;
  7997. }
  7998. .webix_switch_box .webix_switch_text {
  7999. padding-top: 2px;
  8000. }
  8001. .webix_sidebar {
  8002. background-color: #FFFFFF;
  8003. }
  8004. .webix_sidebar .webix_tree_item:hover {
  8005. background-color: #edeff5;
  8006. }
  8007. .webix_sidebar.webix_sidebar_left .webix_tree_item.webix_sidebar_selected + .webix_tree_leaves .webix_tree_item,
  8008. .webix_sidebar.webix_sidebar_left .webix_tree_item.webix_selected,
  8009. .webix_sidebar.webix_sidebar_left .webix_tree_item.webix_sidebar_selected {
  8010. box-shadow: inset 2px 0 #1CA1C1;
  8011. }
  8012. .webix_sidebar.webix_sidebar_right .webix_tree_item.webix_sidebar_selected + .webix_tree_leaves .webix_tree_item,
  8013. .webix_sidebar.webix_sidebar_right .webix_tree_item.webix_selected,
  8014. .webix_sidebar.webix_sidebar_right .webix_tree_item.webix_sidebar_selected {
  8015. box-shadow: inset -2px 0 #1CA1C1;
  8016. }
  8017. .webix_sidebar .webix_tree_branch_1 {
  8018. border: none;
  8019. }
  8020. .webix_sidebar .webix_tree_branch_1 .webix_tree_item {
  8021. padding-right: 12px;
  8022. }
  8023. .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  8024. padding-left: 12px;
  8025. }
  8026. .webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_icon,
  8027. .webix_sidebar .webix_tree_item .webix_sidebar_icon {
  8028. margin-right: 8px;
  8029. }
  8030. .webix_sidebar .webix_sidebar_icon {
  8031. width: 20px;
  8032. vertical-align: middle;
  8033. }
  8034. .webix_sidebar .webix_sidebar_icon,
  8035. .webix_sidebar .webix_sidebar_dir_icon {
  8036. color: #94A1B3;
  8037. font-size: 20px;
  8038. }
  8039. .webix_sidebar .webix_tree_item,
  8040. .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  8041. color: #475466;
  8042. cursor: pointer;
  8043. }
  8044. .webix_sidebar .webix_tree_item.webix_selected,
  8045. .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  8046. color: #1CA1C1;
  8047. background-color: #F4F5F9;
  8048. font-weight: 500;
  8049. }
  8050. .webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_icon,
  8051. .webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_icon,
  8052. .webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_dir_icon,
  8053. .webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_dir_icon {
  8054. color: #1CA1C1;
  8055. }
  8056. .webix_sidebar .webix_tree_item.webix_selected span {
  8057. background-color: transparent;
  8058. color: #1CA1C1;
  8059. }
  8060. .webix_sidebar.webix_sidebar_expanded .webix_tree_item.webix_sidebar_selected {
  8061. background-color: transparent;
  8062. }
  8063. .webix_sidebar.webix_sidebar_expanded .webix_tree_item.webix_sidebar_selected:hover {
  8064. background-color: #edeff5;
  8065. }
  8066. .webix_sidebar_popup_list .webix_list_item,
  8067. .webix_sidebar_popup_list .webix_list_item:first-child {
  8068. border-width: 0px;
  8069. }
  8070. .webix_sidebar_popup_list .webix_list_item.webix_sidebar_selected {
  8071. background-color: #F4F5F9;
  8072. color: #1CA1C1;
  8073. font-weight: 500;
  8074. }
  8075. .webix_sidebar_popup_list .webix_list_item.webix_sidebar_selected:hover {
  8076. background-color: #F4F5F9 !important;
  8077. }
  8078. .webix_sidebar_popup_list .webix_list_item.webix_selected {
  8079. color: #1CA1C1;
  8080. font-weight: 500;
  8081. }
  8082. .webix_sidebar_popup_list .webix_tree_branch_1 > .webix_tree_item {
  8083. height: 44px;
  8084. line-height: 44px;
  8085. }
  8086. .webix_sidebar_popup_left .webix_list_item.webix_selected,
  8087. .webix_sidebar_popup_left .webix_list_item.webix_sidebar_selected {
  8088. box-shadow: inset 2px 0 #1CA1C1;
  8089. }
  8090. .webix_sidebar_popup_right .webix_list_item.webix_selected,
  8091. .webix_sidebar_popup_right .webix_list_item.webix_sidebar_selected {
  8092. box-shadow: inset -2px 0 #1CA1C1;
  8093. }
  8094. .webix_sidebar_popup_list.webix_sidebar_popup_right .webix_icon {
  8095. margin-left: -8px;
  8096. }
  8097. .webix_sidebar_popup.webix_sidebar_popup_left,
  8098. .webix_sidebar_popup.webix_sidebar_popup_right {
  8099. box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 7px 0 rgba(0, 0, 0, 0.1);
  8100. }
  8101. .webix_sidebar_popup.webix_sidebar_popup_right .webix_sidebar_popup_right {
  8102. box-shadow: none;
  8103. }
  8104. .webix_sidebar_popup .webix_sidebar_popup_title {
  8105. background-color: #F4F5F9;
  8106. }
  8107. .webix_sidebar_popup .webix_sidebar_popup_title .webix_template {
  8108. border: none;
  8109. line-height: 44px;
  8110. }
  8111. .webix_sidebar_popup .webix_sidebar_popup_title.webix_selected {
  8112. color: #1CA1C1;
  8113. font-weight: 500;
  8114. }
  8115. .webix_sidebar_popup_right {
  8116. box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 7px 0 rgba(0, 0, 0, 0.1);
  8117. }
  8118. .webix_sidebar.webix_dark {
  8119. border-color: #4A4E58;
  8120. background-color: #4A4E58;
  8121. }
  8122. .webix_sidebar.webix_dark .webix_tree_item {
  8123. color: #FFFFFF;
  8124. }
  8125. .webix_sidebar.webix_dark .webix_tree_item:hover {
  8126. background-color: #33353c;
  8127. }
  8128. .webix_sidebar.webix_dark .webix_tree_item.webix_selected,
  8129. .webix_sidebar.webix_dark .webix_tree_item.webix_sidebar_selected {
  8130. color: #1CA1C1;
  8131. background-color: #373a42;
  8132. }
  8133. .webix_sidebar.webix_dark.webix_sidebar_expanded .webix_tree_item.webix_sidebar_selected {
  8134. background-color: transparent;
  8135. }
  8136. .webix_sidebar.webix_dark.webix_sidebar_expanded .webix_tree_item.webix_sidebar_selected:hover {
  8137. background-color: #33353c;
  8138. }
  8139. .webix_sidebar_popup.webix_dark .webix_sidebar_popup_title {
  8140. background-color: #373a42;
  8141. }
  8142. .webix_sidebar_popup.webix_dark .webix_sidebar_popup_title .webix_template {
  8143. border-color: #373a42;
  8144. color: #FFFFFF;
  8145. }
  8146. .webix_sidebar_popup.webix_dark .webix_sidebar_popup_title.webix_selected .webix_template {
  8147. color: #1CA1C1;
  8148. }
  8149. .webix_sidebar_popup_list.webix_dark {
  8150. background-color: #4A4E58;
  8151. border-color: #373a42;
  8152. }
  8153. .webix_sidebar_popup_list.webix_dark .webix_list_item {
  8154. background: #4A4E58;
  8155. color: #FFFFFF;
  8156. border-color: #373a42;
  8157. }
  8158. .webix_sidebar_popup_list.webix_dark .webix_list_item.webix_selected,
  8159. .webix_sidebar_popup_list.webix_dark .webix_list_item.webix_sidebar_selected {
  8160. background-color: #373a42;
  8161. color: #1CA1C1;
  8162. }
  8163. .webix_sidebar_popup_list.webix_dark .webix_list_item:hover {
  8164. background-color: #33353c;
  8165. }
  8166. .webix_sidebar_popup_list.webix_dark .webix_list_item.webix_selected {
  8167. background-color: #373a42;
  8168. }
  8169. .webix_sidebar_popup_list.webix_dark .webix_list_item.webix_sidebar_selected:hover {
  8170. background-color: #373a42 !important;
  8171. }
  8172. .webix_sidebar_popup.webix_dark {
  8173. border-color: #373a42;
  8174. }
  8175. .webix_list_item.webix_selected {
  8176. box-shadow: inset 2px 0 #1CA1C1;
  8177. }
  8178. .webix_list_item.webix_disabled {
  8179. color: #94A1B3;
  8180. }
  8181. .webix_list_item.webix_selected.webix_disabled {
  8182. box-shadow: inset 2px 0 #94A1B3;
  8183. }
  8184. .webix_list_item .webix_icon {
  8185. font-size: 20px;
  8186. }
  8187. .webix_list-x .webix_list_item.webix_selected {
  8188. box-shadow: none;
  8189. border-left: none;
  8190. padding-left: 12px;
  8191. }
  8192. .webix_header > div {
  8193. padding-left: 12px;
  8194. }
  8195. .webix_icon,
  8196. .webix_icon_btn,
  8197. .webix_input_icon {
  8198. font-family: "Webix Material Icons";
  8199. }
  8200. .webix_icon_button {
  8201. position: relative;
  8202. z-index: 0;
  8203. }
  8204. .webix_icon_button:before {
  8205. content: '';
  8206. opacity: 0;
  8207. position: absolute;
  8208. transition-duration: 0.15s;
  8209. transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  8210. z-index: -1;
  8211. bottom: 0px;
  8212. left: 0px;
  8213. right: 0px;
  8214. top: 0px;
  8215. border-radius: 50%;
  8216. transform: scale(0);
  8217. transition-property: transform, opacity;
  8218. }
  8219. .webix_icon_button:hover .webix_icon {
  8220. color: #475466;
  8221. }
  8222. .webix_icon_button:hover:before {
  8223. background-color: #F4F5F9;
  8224. opacity: 1;
  8225. transform: scale(1);
  8226. }
  8227. .webix_icon_btn,
  8228. .webix_input_icon {
  8229. width: 20px;
  8230. }
  8231. .webix_img_btn_top .webix_icon {
  8232. color: #94A1B3;
  8233. }
  8234. .webix_icon_btn {
  8235. vertical-align: text-bottom;
  8236. }
  8237. .webix_resize_frame {
  8238. box-shadow: 0 2px 6px 0 #000, 0 1px 4px 0 #000;
  8239. }
  8240. .webix_tooltip {
  8241. padding: 4px 8px;
  8242. background-color: #475466;
  8243. color: #FFFFFF;
  8244. font-weight: 500;
  8245. line-height: 20px;
  8246. border-radius: 2px;
  8247. border: none;
  8248. }
  8249. .portlet_marker,
  8250. .portlet_markertop,
  8251. .portlet_markerbottom,
  8252. .portlet_markerleft,
  8253. .portlet_markerright {
  8254. background: #1CA1C1;
  8255. }
  8256. .webix_treemap_item:hover {
  8257. box-shadow: inset 0 0 0 1px #5ccce7;
  8258. }
  8259. .webix_treemap_item.webix_selected {
  8260. border-color: inherit;
  8261. box-shadow: inset 0 0 0 2px #1CA1C1;
  8262. }
  8263. .webixlabel {
  8264. font-weight: 500;
  8265. }
  8266. .webixtoolbarlabel {
  8267. letter-spacing: 0;
  8268. }
  8269. .webix_inp_label,
  8270. .webix_inp_top_label,
  8271. legend.webix_forminput_label,
  8272. .webix_el_label .webix_el_box {
  8273. font-family: Roboto, sans-serif;
  8274. font-size: 14px;
  8275. font-weight: 500;
  8276. color: #313131;
  8277. letter-spacing: 0.2px;
  8278. }
  8279. .webix_inp_label,
  8280. .webix_forminput_label {
  8281. padding-right: 8px;
  8282. }
  8283. .webix_label_right {
  8284. padding-left: 4px;
  8285. }
  8286. .webix_el_checkbox .webix_label_right {
  8287. display: block;
  8288. }
  8289. .webix_richtext .webix_richtext_container {
  8290. box-shadow: inset 0 1px #DADEE0;
  8291. }
  8292. .webix_dbllist .bottom_label {
  8293. font-family: Roboto, sans-serif;
  8294. font-size: 14px;
  8295. font-weight: 400;
  8296. color: #94A1B3;
  8297. letter-spacing: 0.2px;
  8298. }
  8299. .webix_popup.webix_sidemenu.webix_sidemenu_left,
  8300. .webix_popup.webix_sidemenu.webix_sidemenu_right,
  8301. .webix_popup.webix_sidemenu.webix_sidemenu_top,
  8302. .webix_popup.webix_sidemenu.webix_sidemenu_bottom {
  8303. border: none;
  8304. box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  8305. }
  8306. .webix_organogram .webix_organogram_item {
  8307. background: #F4F5F9;
  8308. border-color: #CCD7E6;
  8309. border-radius: 2px;
  8310. }
  8311. .webix_organogram .webix_organogram_item.webix_selected {
  8312. border-color: #1CA1C1;
  8313. background: #e8f6f9;
  8314. }
  8315. .webix_chart .webix_chart_legend_item,
  8316. .webix_chart .webix_canvas_text,
  8317. .webix_chart .webix_axis_title_x,
  8318. .webix_chart .webix_axis_title_y {
  8319. font-family: Roboto, sans-serif;
  8320. font-size: 12px;
  8321. font-weight: 400;
  8322. color: #475466;
  8323. letter-spacing: 0.2px;
  8324. }
  8325. .webix_chart .webix_canvas_text.webix_axis_item_x,
  8326. .webix_chart .webix_canvas_text.webix_axis_item_y,
  8327. .webix_chart .webix_axis_title_x,
  8328. .webix_chart .webix_axis_title_y,
  8329. .webix_chart .webix_canvas_text.webix_axis_radar_title {
  8330. color: #94A1B3;
  8331. }
  8332. .webix_toolbar.pdf_bar {
  8333. background-color: #474747;
  8334. }
  8335. .webix_toolbar.pdf_bar .webix_icon_btn {
  8336. font-size: 20px;
  8337. vertical-align: middle;
  8338. }
  8339. .webix_toolbar.pdf_bar .webix_img_btn:focus,
  8340. .webix_toolbar.pdf_bar .webix_img_btn:hover {
  8341. background-color: #333333;
  8342. }
  8343. .invalidStyle {
  8344. color: #FF5C4C;
  8345. background-color: #ffdedb;
  8346. }
  8347. .webix_list_item.webix_invalid,
  8348. .webix_tree_item.webix_invalid,
  8349. .webix_dataview_item.webix_invalid,
  8350. .webix_cell.webix_invalid {
  8351. color: #FF5C4C;
  8352. background-color: #ffdedb;
  8353. }
  8354. .webix_invalid .webix_el_box input,
  8355. .webix_invalid .webix_el_box .webix_inp_static,
  8356. .webix_invalid .webix_el_box select,
  8357. .webix_invalid .webix_el_box textarea,
  8358. input.webix_invalid,
  8359. select.webix_invalid,
  8360. textarea.webix_invalid {
  8361. color: #FF5C4C;
  8362. background-color: #ffdedb;
  8363. border-color: #ff8d82;
  8364. }
  8365. .webix_invalid .webix_inp_bottom_label {
  8366. color: #FF5C4C;
  8367. }
  8368. .webix_nav_panel .webix_nav_item {
  8369. background-color: transparent;
  8370. border-color: rgba(255, 255, 255, 0.4);
  8371. filter: alpha(opacity=100);
  8372. opacity: 1;
  8373. }
  8374. .webix_nav_panel .webix_nav_item:hover {
  8375. border-color: rgba(255, 255, 255, 0.6);
  8376. }
  8377. .webix_nav_panel .webix_nav_active {
  8378. background-color: #FFFFFF;
  8379. }
  8380. .webix_nav_button_prev .webix_nav_button_inner,
  8381. .webix_nav_button_next .webix_nav_button_inner {
  8382. opacity: 1;
  8383. background-image: none;
  8384. text-align: center;
  8385. font-family: "Webix Material Icons";
  8386. font-size: 24px;
  8387. color: #FFFFFF;
  8388. border-radius: 50%;
  8389. }
  8390. .webix_nav_button_prev .webix_nav_button_inner:hover,
  8391. .webix_nav_button_next .webix_nav_button_inner:hover,
  8392. .webix_nav_button_prev .webix_nav_button_inner:focus,
  8393. .webix_nav_button_next .webix_nav_button_inner:focus {
  8394. background-color: rgba(0, 0, 0, 0.2);
  8395. transition: 0.15s;
  8396. }
  8397. .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner,
  8398. .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner {
  8399. opacity: 1;
  8400. text-align: center;
  8401. font-family: "Webix Material Icons";
  8402. font-size: 48px;
  8403. color: #FFFFFF;
  8404. background: rgba(0, 0, 0, 0.2);
  8405. border-radius: 2px;
  8406. }
  8407. .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:hover,
  8408. .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:hover,
  8409. .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:focus,
  8410. .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:focus {
  8411. background: rgba(0, 0, 0, 0.4);
  8412. }
  8413. .webix_nav_button_side.webix_nav_button_next {
  8414. right: 0;
  8415. }
  8416. .webix_nav_button_side.webix_nav_button_prev {
  8417. left: 0;
  8418. }
  8419. .webix_nav_button_prev .webix_nav_button_inner:before {
  8420. content: "\F002";
  8421. }
  8422. .webix_nav_button_next .webix_nav_button_inner:before {
  8423. content: "\F003";
  8424. }
  8425. .webix_dark .webix_nav_item {
  8426. border-color: rgba(0, 0, 0, 0.4);
  8427. }
  8428. .webix_dark .webix_nav_item:hover {
  8429. border-color: rgba(0, 0, 0, 0.6);
  8430. }
  8431. .webix_dark .webix_nav_inactive {
  8432. background-color: transparent;
  8433. }
  8434. .webix_dark .webix_nav_active {
  8435. background-color: #000000;
  8436. }
  8437. .webix_dark .webix_nav_active:hover,
  8438. .webix_dark .webix_nav_active:focus {
  8439. box-shadow: 0 0 2px #000;
  8440. }
  8441. .webix_dark .webix_nav_button_prev .webix_nav_button_inner,
  8442. .webix_dark .webix_nav_button_next .webix_nav_button_inner {
  8443. background-image: none;
  8444. color: #313131;
  8445. }
  8446. .webix_dark .webix_nav_button_prev .webix_nav_button_inner:hover,
  8447. .webix_dark .webix_nav_button_next .webix_nav_button_inner:hover,
  8448. .webix_dark .webix_nav_button_prev .webix_nav_button_inner:focus,
  8449. .webix_dark .webix_nav_button_next .webix_nav_button_inner:focus {
  8450. background-color: rgba(255, 255, 255, 0.2);
  8451. }
  8452. .webix_dark .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner,
  8453. .webix_dark .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner {
  8454. background: rgba(255, 255, 255, 0.2);
  8455. }
  8456. .webix_dark .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:hover,
  8457. .webix_dark .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:hover,
  8458. .webix_dark .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:focus,
  8459. .webix_dark .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:focus {
  8460. background: rgba(255, 255, 255, 0.4);
  8461. }
  8462. .webix_skin_mark {
  8463. height: 240px;
  8464. }
  8465. /* based on MaterialDesignIcons.com */
  8466. @font-face {
  8467. font-family: "Webix Material Icons";
  8468. src: url('fonts/webixmdi-webfont.woff2') format('woff2'), url('fonts/webixmdi-webfont.woff') format('woff');
  8469. font-weight: normal;
  8470. font-style: normal;
  8471. }
  8472. /* icons collection common for above fonts*/
  8473. .wxi-angle-down:before {
  8474. content: "\F001";
  8475. }
  8476. .wxi-angle-left:before {
  8477. content: "\F002";
  8478. }
  8479. .wxi-angle-right:before {
  8480. content: "\F003";
  8481. }
  8482. .wxi-angle-up:before {
  8483. content: "\F004";
  8484. }
  8485. .wxi-angle-double-right:before {
  8486. content: "\F005";
  8487. }
  8488. .wxi-angle-double-left:before {
  8489. content: "\F006";
  8490. }
  8491. .wxi-clock:before {
  8492. content: "\F007";
  8493. }
  8494. .wxi-calendar:before {
  8495. content: "\F008";
  8496. }
  8497. .wxi-search:before {
  8498. content: "\F009";
  8499. }
  8500. .wxi-dots:before {
  8501. content: "\F010";
  8502. }
  8503. .wxi-close:before {
  8504. content: "\F011";
  8505. }
  8506. .wxi-checkbox-marked:before {
  8507. content: "\F012";
  8508. }
  8509. .wxi-checkbox-blank:before {
  8510. content: "\F013";
  8511. }
  8512. .wxi-trash:before {
  8513. content: "\F014";
  8514. }
  8515. .wxi-pencil:before {
  8516. content: "\F015";
  8517. }
  8518. .wxi-eye:before {
  8519. content: "\F016";
  8520. }
  8521. .wxi-eye-slash:before {
  8522. content: "\F017";
  8523. }
  8524. .wxi-columns:before {
  8525. content: "\F018";
  8526. }
  8527. .wxi-drag:before {
  8528. content: "\F019";
  8529. }
  8530. .wxi-check:before {
  8531. content: "\F020";
  8532. }
  8533. .wxi-underline:before {
  8534. content: "\F021";
  8535. }
  8536. .wxi-bold:before {
  8537. content: "\F022";
  8538. }
  8539. .wxi-italic:before {
  8540. content: "\F023";
  8541. }
  8542. .wxi-sync:before {
  8543. content: "\F024";
  8544. }
  8545. .wxi-plus-square:before {
  8546. content: "\F025";
  8547. }
  8548. .wxi-minus-square:before {
  8549. content: "\F026";
  8550. }
  8551. .wxi-menu-down:before {
  8552. content: "\F027";
  8553. }
  8554. .wxi-menu-right:before {
  8555. content: "\F028";
  8556. }
  8557. .wxi-menu-left:before {
  8558. content: "\F029";
  8559. }
  8560. .wxi-folder:before {
  8561. content: "\F030";
  8562. }
  8563. .wxi-folder-open:before {
  8564. content: "\F031";
  8565. }
  8566. .wxi-file:before {
  8567. content: "\F032";
  8568. }
  8569. .wxi-close-circle:before {
  8570. content: "\F033";
  8571. }
  8572. .wxi-alert:before {
  8573. content: "\F034";
  8574. }
  8575. .wxi-radiobox-blank:before {
  8576. content: "\F035";
  8577. }
  8578. .wxi-radiobox-marked:before {
  8579. content: "\F036";
  8580. }
  8581. .wxi-angle-double-down:before {
  8582. content: "\F037";
  8583. }
  8584. .wxi-angle-double-up:before {
  8585. content: "\F038";
  8586. }
  8587. .wxi-plus-circle:before {
  8588. content: "\F039";
  8589. }
  8590. .wxi-minus-circle:before {
  8591. content: "\F040";
  8592. }
  8593. .wxi-plus:before {
  8594. content: "\F041";
  8595. }
  8596. .wxi-minus:before {
  8597. content: "\F042";
  8598. }
  8599. .wxi-download:before {
  8600. content: "\F043";
  8601. }
  8602. .wxi-user:before {
  8603. content: "\F044";
  8604. }
  8605. .wxi-filter:before {
  8606. content: "\F045";
  8607. }
  8608. .wxi-menu-up:before {
  8609. content: "\F046";
  8610. }
  8611. /*predefined styles for text lables inside a item*/
  8612. .webix_strong {
  8613. font-weight: 500;
  8614. white-space: nowrap;
  8615. }
  8616. .webix_light {
  8617. color: #b3b3b3;
  8618. }
  8619. /*contr-styles for bootstrap*/
  8620. .webix_view,
  8621. .webix_input_icon {
  8622. box-sizing: content-box;
  8623. }
  8624. .webix_view.webix_el_label {
  8625. box-sizing: border-box;
  8626. }
  8627. .webix_inp_label,
  8628. .webix_inp_top_label,
  8629. .webix_label_right {
  8630. margin-bottom: 0px;
  8631. }
  8632. .webix_view table {
  8633. border-collapse: initial;
  8634. }
  8635. /* Spin*/
  8636. .webix_spin {
  8637. -webkit-animation: webix_spin 2s infinite linear;
  8638. animation: webix_spin 2s infinite linear;
  8639. }
  8640. @-webkit-keyframes webix_spin {
  8641. 0% {
  8642. -webkit-transform: rotate(0deg);
  8643. transform: rotate(0deg);
  8644. }
  8645. 100% {
  8646. -webkit-transform: rotate(359deg);
  8647. transform: rotate(359deg);
  8648. }
  8649. }
  8650. @keyframes webix_spin {
  8651. 0% {
  8652. -webkit-transform: rotate(0deg);
  8653. transform: rotate(0deg);
  8654. }
  8655. 100% {
  8656. -webkit-transform: rotate(359deg);
  8657. transform: rotate(359deg);
  8658. }
  8659. }