a broker system for Supercredit
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

6980 行
185KB

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