a broker system for Supercredit
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

7022 Zeilen
186KB

  1. .webix_view {
  2. font-family: 'PT Sans', Tahoma;
  3. font-size: 13px;
  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: 34px;
  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: 16px;
  148. line-height: 32px;
  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: 16px;
  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: #268fd5;
  278. }
  279. .webix_header .webix_el_icon .webix_el_box:focus {
  280. background-color: #2489cc;
  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: 34px;
  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: 16px;
  425. background: #3498db;
  426. line-height: 32px;
  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: 16px;
  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: #268fd5;
  558. }
  559. .webix_accordionitem_header .webix_el_icon .webix_el_box:focus {
  560. background-color: #2489cc;
  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: 9.5px 8px;
  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: 23px;
  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: 13px;
  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: 23px;
  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: 13px;
  1155. color: #666666;
  1156. }
  1157. .webix_dt_editor input[type="checkbox"] {
  1158. margin: 5px 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: 21px;
  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: 13px;
  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: 28px;
  1364. margin-top: -2px;
  1365. padding: 0 3px;
  1366. vertical-align: top;
  1367. border: 1px solid #DDDDDD;
  1368. line-height: 24px;
  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: 24px;
  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: 13px;
  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: 13px;
  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: 24px;
  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: 24px;
  1481. line-height: 16px;
  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: 22px;
  1800. line-height: 22px;
  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: 18px;
  1909. height: 22px;
  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,R0lGODlhEgASAMQBAMHBwQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAEALAAAAAASABIAAAUmYCCOIkCeaJmuKpuaLgrH5Ey3N57bN0/7MaBLyCKujK/cCCljhQAAOw==");
  1934. }
  1935. .webix_tree_line2 {
  1936. background-image: url("data:image/gif;base64,R0lGODlhEgASAMQBAMHBwQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAEALAAAAAASABIAAAUiYCCOIkCeaJmuKpuaLgrH5Ey3N57bN+D/wJxwSCwaj0hSCAA7");
  1937. background-repeat: no-repeat;
  1938. }
  1939. .webix_tree_line3 {
  1940. background-image: url("data:image/gif;base64,R0lGODlhEgASAMQBAMHBwQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAEALAAAAAASABIAAAUoYCCOIkCeaJmuKpuaLgrH5Ey3N57bN+D/wBWPNowVXUdWUpgbLV+sEAA7");
  1941. }
  1942. .webix_tree_line4 {
  1943. background-image: url("data:image/gif;base64,R0lGODlhEgASAMQBAMHBwQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAEALAAAAAASABIAAAUcYCCOZGmeaKqubOu+MAzMdI0CMS7n/O6/OmAqBAA7");
  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: 13px;
  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: 24px;
  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: 24px;
  2201. line-height: 23px;
  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: 16px;
  2217. line-height: 32px;
  2218. padding-left: 10px;
  2219. border-bottom: 1px solid #ebebeb;
  2220. line-height: 24px;
  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: 16px;
  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: #268fd5;
  2350. }
  2351. .webix_property_label_line .webix_el_icon .webix_el_box:focus {
  2352. background-color: #2489cc;
  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: 2px 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: 13px;
  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: 22px;
  2608. line-height: 22px;
  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: 13px;
  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: 13px;
  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: 22px;
  2686. font-size: 13px;
  2687. background: #ffffff;
  2688. font-family: 'PT Sans', Tahoma;
  2689. padding-top: 0px;
  2690. border-color: #cccccc;
  2691. /*.altBackColor;
  2692. .altBackBorderColor;*/
  2693. }
  2694. .webix_popup_input.webix_el_text.webix_required::before {
  2695. position: absolute;
  2696. right: 18px;
  2697. padding-top: 1px;
  2698. content: "*";
  2699. color: red;
  2700. }
  2701. .webix_popup_input.webix_el_text.webix_popup_invalid input {
  2702. background-color: #ffedee;
  2703. border-color: #fea5a8;
  2704. }
  2705. .webix_popup_title {
  2706. color: #666666;
  2707. line-height: 20px;
  2708. padding: 20px 16px 12px 16px;
  2709. font-size: 16px;
  2710. font-weight: bold;
  2711. }
  2712. .webix_popup_title + div.webix_popup_text {
  2713. padding-top: 0;
  2714. box-shadow: none;
  2715. }
  2716. .webix_popup_text {
  2717. overflow: hidden;
  2718. padding: 24px 16px 0px 16px;
  2719. font-size: 13px;
  2720. color: #666666;
  2721. line-height: 18px;
  2722. }
  2723. .webix_popup_text.webix_popup_label {
  2724. text-align: left;
  2725. white-space: nowrap;
  2726. overflow: hidden;
  2727. text-overflow: ellipsis;
  2728. }
  2729. .webix_alert .webix_popup_title,
  2730. .webix_confirm .webix_popup_title,
  2731. .webix_prompt .webix_popup_title,
  2732. .webix_alert .webix_popup_text,
  2733. .webix_confirm .webix_popup_text,
  2734. .webix_prompt .webix_popup_text {
  2735. box-shadow: inset 0 4px #3498db;
  2736. }
  2737. .webix_alert-warning .webix_popup_title,
  2738. .webix_confirm-warning .webix_popup_title,
  2739. .webix_prompt-warning .webix_popup_title,
  2740. .webix_alert-warning .webix_popup_text,
  2741. .webix_confirm-warning .webix_popup_text,
  2742. .webix_prompt-warning .webix_popup_text {
  2743. box-shadow: inset 0 4px #ffd21a;
  2744. }
  2745. .webix_alert-error .webix_popup_title,
  2746. .webix_confirm-error .webix_popup_title,
  2747. .webix_prompt-error .webix_popup_title,
  2748. .webix_alert-error .webix_popup_text,
  2749. .webix_confirm-error .webix_popup_text,
  2750. .webix_prompt-error .webix_popup_text {
  2751. box-shadow: inset 0 4px #ce5545;
  2752. }
  2753. .webix_message {
  2754. font-size: 13px;
  2755. color: #666666;
  2756. box-shadow: 1px 3px 10px #bbbbbb;
  2757. line-height: 16px;
  2758. border-radius: 3px;
  2759. border: 1px solid #DDDDDD;
  2760. background-color: #fff;
  2761. }
  2762. .webix_message.webix_debug {
  2763. color: #4A4A4A;
  2764. border-color: #ffe05f;
  2765. background-color: #fff6d1;
  2766. }
  2767. .webix_message.webix_error {
  2768. color: #4A4A4A;
  2769. border-color: #dd887d;
  2770. background-color: #f5ddda;
  2771. }
  2772. .webix_message.webix_success {
  2773. color: #4A4A4A;
  2774. border-color: #68c690;
  2775. background-color: #d4efdf;
  2776. }
  2777. .webix_message div {
  2778. padding: 5px 10px 5px 10px;
  2779. }
  2780. .webix_color_row {
  2781. clear: both;
  2782. white-space: nowrap;
  2783. }
  2784. .webix_color_palette {
  2785. text-align: left;
  2786. padding: 4px;
  2787. -moz-user-select: none;
  2788. -webkit-user-select: none;
  2789. -ms-user-select: none;
  2790. user-select: none;
  2791. }
  2792. .webix_color_palette.webix_palette_classic {
  2793. padding: 0;
  2794. }
  2795. .webix_color_row,
  2796. .webix_color_row div {
  2797. line-height: 0;
  2798. font-size: 0;
  2799. }
  2800. .webix_color_row div {
  2801. display: inline-block;
  2802. cursor: default;
  2803. position: relative;
  2804. }
  2805. .webix_color_row div > * {
  2806. -moz-box-sizing: border-box;
  2807. -webkit-box-sizing: border-box;
  2808. box-sizing: border-box;
  2809. }
  2810. .webix_color_row .webix_color_selected > * {
  2811. border: 1px solid;
  2812. border-color: #fff;
  2813. border-radius: 2px;
  2814. box-shadow: rgba(52, 152, 219, 0.6) 0 0 0 2px;
  2815. }
  2816. .webix_color_row .webix_color_selected:focus > * {
  2817. box-shadow: #3498db 0 0 0 2px;
  2818. }
  2819. .webix_palette_classic .webix_color_row .webix_color_selected > * {
  2820. border: 2px solid #f3f3f3;
  2821. border-radius: 0px;
  2822. box-shadow: none;
  2823. }
  2824. .webix_palette_classic .webix_color_row .webix_color_selected:focus > * {
  2825. box-shadow: inset 0 0 15px #fff;
  2826. }
  2827. .webix_palette_classic .webix_color_item {
  2828. width: 100%;
  2829. height: 100%;
  2830. }
  2831. .webix_palette_material .webix_color_item {
  2832. display: inline-block;
  2833. -moz-box-sizing: border-box;
  2834. -webkit-box-sizing: border-box;
  2835. box-sizing: border-box;
  2836. border-radius: 2px;
  2837. width: 100%;
  2838. height: 100%;
  2839. }
  2840. .webix_palette_material .webix_color_row > div {
  2841. margin: 0 4px 4px 0;
  2842. }
  2843. .webix_color_area {
  2844. -moz-user-select: none;
  2845. -webkit-user-select: none;
  2846. width: 100%;
  2847. height: 100%;
  2848. }
  2849. .webix_color_block {
  2850. background: red;
  2851. position: relative;
  2852. border-radius: 2px;
  2853. overflow: hidden;
  2854. margin: 10px 10px 14px;
  2855. }
  2856. .webix_color_block:before {
  2857. content: "";
  2858. height: 100%;
  2859. width: 100%;
  2860. position: absolute;
  2861. top: 0;
  2862. left: 0;
  2863. background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0));
  2864. z-index: 2;
  2865. }
  2866. .webix_color_block:after {
  2867. content: "";
  2868. width: 100%;
  2869. height: 100%;
  2870. position: absolute;
  2871. top: 0;
  2872. left: 0;
  2873. background-image: linear-gradient(90deg, #fff, hsla(20, 42%, 65%, 0));
  2874. z-index: 1;
  2875. }
  2876. .webix_color_line {
  2877. position: relative;
  2878. height: 8px;
  2879. margin: 0 10px;
  2880. border-radius: 21px;
  2881. background-image: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
  2882. }
  2883. .webix_color_circle {
  2884. width: 8px;
  2885. height: 8px;
  2886. border: 1px solid #666666;
  2887. border-radius: 50%;
  2888. position: absolute;
  2889. left: 0;
  2890. top: 0;
  2891. z-index: 3;
  2892. -moz-user-select: none;
  2893. -khtml-user-select: none;
  2894. user-select: none;
  2895. -webkit-user-select: none;
  2896. }
  2897. .webix_color_line_circle {
  2898. position: absolute;
  2899. width: 12px;
  2900. height: 12px;
  2901. left: 0px;
  2902. top: -4px;
  2903. background: #12FF08;
  2904. border: 2px solid #FFFFFF;
  2905. border-radius: 50%;
  2906. }
  2907. .webix_color_out_block,
  2908. .webix_color_out_text {
  2909. height: 32px;
  2910. float: left;
  2911. border: 1px solid #cccccc;
  2912. margin: 10px 0px 10px 10px;
  2913. box-sizing: border-box;
  2914. }
  2915. .webix_color_out_text {
  2916. color: #666666;
  2917. font-size: 13px;
  2918. background: #ffffff;
  2919. font-family: 'PT Sans', Tahoma;
  2920. padding-top: 0px;
  2921. border-color: #cccccc;
  2922. /*.altBackColor;
  2923. .altBackBorderColor;*/
  2924. padding: 0px 10px;
  2925. }
  2926. .webix_color_out_text:focus {
  2927. border: 1px solid #3498db;
  2928. box-shadow: 0 0 1px #3498db inset;
  2929. }
  2930. .webix_color_area .webix_button {
  2931. width: calc(100% - 10px*2);
  2932. height: 32px;
  2933. margin: 0px 0px 10px 10px;
  2934. box-sizing: border-box;
  2935. }
  2936. .webix_daterange .webix_view {
  2937. background-color: #fff;
  2938. }
  2939. .webix_daterange .webix_range_0 .webix_cal_next_button,
  2940. .webix_daterange .webix_range_N .webix_cal_prev_button {
  2941. visibility: hidden;
  2942. }
  2943. .webix_daterange .webix_range_1 .webix_cal_next_button,
  2944. .webix_daterange .webix_range_1 .webix_cal_prev_button {
  2945. visibility: hidden;
  2946. }
  2947. .webix_daterange .webix_range_1 .webix_cal_next_button:hover,
  2948. .webix_daterange .webix_range_1 .webix_cal_prev_button:hover {
  2949. cursor: default;
  2950. }
  2951. .webix_daterange .webix_range_left .webix_cal_next_button:hover,
  2952. .webix_daterange .webix_range_right .webix_cal_prev_button:hover {
  2953. cursor: default;
  2954. }
  2955. .webix_cal_range {
  2956. background-color: #d4f5e2;
  2957. }
  2958. .webix_cal_range_start {
  2959. border-radius: 3px 0 0 3px;
  2960. }
  2961. .webix_cal_range_end {
  2962. border-radius: 0 3px 3px 0;
  2963. }
  2964. .webix_cal_range_start,
  2965. .webix_cal_range_end,
  2966. .webix_cal_event.webix_cal_range_start,
  2967. .webix_cal_event.webix_cal_range_end,
  2968. .webix_cal_body .webix_cal_today.webix_cal_range_start,
  2969. .webix_cal_body .webix_cal_today.webix_cal_range_end {
  2970. background-color: #27ae60;
  2971. color: #FFFFFF;
  2972. }
  2973. .webix_cal_outside.webix_cal_range,
  2974. .webix_cal_body .webix_cal_outside.webix_cal_range_start,
  2975. .webix_cal_body .webix_cal_outside.webix_cal_range_end,
  2976. .webix_cal_body .webix_cal_outside.webix_cal_today.webix_cal_range_start,
  2977. .webix_cal_body .webix_cal_outside.webix_cal_today.webix_cal_range_end {
  2978. background-color: transparent;
  2979. color: #cccccc;
  2980. }
  2981. .webix_daterange .webix_cal_icons {
  2982. text-align: right;
  2983. padding: 0 4px;
  2984. }
  2985. .webix_daterange .webix_cal_icons .webix_cal_icon {
  2986. border-top: 1px solid #DDDDDD;
  2987. }
  2988. .webix_daterange .webix_cal_time {
  2989. display: none;
  2990. }
  2991. .webix_daterange .webix_cal_timepicker .webix_range_time_start {
  2992. display: block;
  2993. }
  2994. .webix_daterange .webix_range_timepicker .webix_cal_time {
  2995. display: block;
  2996. padding: 5px 15px;
  2997. }
  2998. .webix_daterange .webix_range_timepicker .webix_range_time_start {
  2999. float: left;
  3000. }
  3001. .webix_daterange .webix_range_timepicker .webix_range_time_end {
  3002. float: right;
  3003. }
  3004. .webix_daterange .webix_range_footer .webix_cal_footer {
  3005. padding: 0;
  3006. }
  3007. .webix_timeboard .webix_slider_title {
  3008. text-align: left;
  3009. margin-left: 10px;
  3010. }
  3011. .webix_timeboard .colon_template {
  3012. text-align: center;
  3013. user-select: none;
  3014. }
  3015. .webix_timeboard .colon_template .webix_template {
  3016. padding: 4px 0px;
  3017. }
  3018. .webix_timeboard .colon {
  3019. font-size: 30px;
  3020. line-height: 28px;
  3021. }
  3022. .webix_timeboard .day_part.webix_el_label .webix_el_box {
  3023. margin-left: 4px;
  3024. color: #3498db;
  3025. cursor: pointer;
  3026. user-select: none;
  3027. }
  3028. .webix_timeboard .day_part.webix_el_label .webix_el_box:hover,
  3029. .webix_timeboard .day_part.webix_el_label .webix_el_box:focus {
  3030. color: #2383c4;
  3031. }
  3032. .webix_drag_zone {
  3033. position: absolute;
  3034. box-shadow: 1px 1px 5px #dddddd;
  3035. background-color: #fff;
  3036. font-family: 'PT Sans', Tahoma;
  3037. font-size: 13px;
  3038. color: #666666;
  3039. pointer-events: none;
  3040. }
  3041. .webix_drag_zone .webix_tree_item {
  3042. padding: 0 8px;
  3043. }
  3044. .webix_drag_zone .webix_tree_item .webix_tree_open,
  3045. .webix_drag_zone .webix_tree_item .webix_tree_close,
  3046. .webix_drag_zone .webix_tree_item .webix_tree_none {
  3047. display: none;
  3048. }
  3049. .webix_drag_over,
  3050. .webix_drop_zone {
  3051. background-color: #e6e6e6;
  3052. }
  3053. .webix_drag_main {
  3054. position: relative;
  3055. background-color: #fff;
  3056. }
  3057. .webix_drag_main .webix_tree_item,
  3058. .webix_drag_main .webix_list_item,
  3059. .webix_drag_main .webix_dataview_item {
  3060. border: 1px solid #ebebeb;
  3061. -moz-box-sizing: border-box;
  3062. -webkit-box-sizing: border-box;
  3063. box-sizing: border-box;
  3064. }
  3065. .webix_drag_multiple,
  3066. .webix_drag_multiple_last {
  3067. height: 100%;
  3068. width: 100%;
  3069. position: absolute;
  3070. -moz-box-sizing: border-box;
  3071. -webkit-box-sizing: border-box;
  3072. box-sizing: border-box;
  3073. border: 1px solid #ebebeb;
  3074. background-color: #fff;
  3075. box-shadow: 1px 1px 5px #dddddd;
  3076. }
  3077. .webix_drag_multiple {
  3078. bottom: 8px;
  3079. left: 8px;
  3080. }
  3081. .webix_drag_multiple_last {
  3082. bottom: 16px;
  3083. left: 16px;
  3084. }
  3085. .webix_drag_zone > .webix_badge {
  3086. top: -14px;
  3087. right: -14px;
  3088. }
  3089. .webix_invisible {
  3090. display: none !important;
  3091. }
  3092. .webix_drop_area,
  3093. .webix_drop_area_inner {
  3094. height: 28px;
  3095. -moz-box-sizing: border-box;
  3096. -webkit-box-sizing: border-box;
  3097. box-sizing: border-box;
  3098. background-color: #26aa5e;
  3099. }
  3100. .webix_list-x .webix_drop_area {
  3101. display: inline-block;
  3102. border-right: 1px solid #ebebeb;
  3103. }
  3104. .webix_tree .webix_drop_area {
  3105. height: 22px;
  3106. }
  3107. .webix_list .webix_drop_area {
  3108. border-bottom: 1px solid #ebebeb;
  3109. }
  3110. .webix_dataview .webix_drop_area {
  3111. float: left;
  3112. background-color: transparent;
  3113. }
  3114. .webix_dataview .webix_drop_area_inner {
  3115. border-right: 1px solid #ebebeb;
  3116. border-bottom: 1px solid #ebebeb;
  3117. }
  3118. .webix_vscroll_x {
  3119. height: 0px;
  3120. width: 100%;
  3121. overflow-y: hidden;
  3122. overflow-x: scroll;
  3123. }
  3124. .webix_vscroll_y {
  3125. width: 0px;
  3126. height: 100%;
  3127. overflow-x: hidden;
  3128. overflow-y: scroll;
  3129. }
  3130. .webix_vscroll_body {
  3131. width: 16px;
  3132. height: 16px;
  3133. }
  3134. .webix_scroll_x {
  3135. width: 50px;
  3136. height: 4px !important;
  3137. left: 1px;
  3138. bottom: 3px;
  3139. background-color: silver;
  3140. background: rgba(0, 0, 0, 0.4);
  3141. position: absolute;
  3142. border-radius: 4px;
  3143. -moz-box-sizing: border-box;
  3144. -webkit-box-sizing: border-box;
  3145. box-sizing: border-box;
  3146. }
  3147. .webix_scroll_y {
  3148. width: 4px !important;
  3149. height: 50px;
  3150. top: 1px;
  3151. right: 3px;
  3152. background-color: silver;
  3153. background: rgba(0, 0, 0, 0.4);
  3154. position: absolute;
  3155. border-radius: 4px;
  3156. -moz-box-sizing: border-box;
  3157. -webkit-box-sizing: border-box;
  3158. box-sizing: border-box;
  3159. }
  3160. .webix_c_scroll_y {
  3161. position: absolute;
  3162. z-index: 3;
  3163. width: 10px;
  3164. right: 0px;
  3165. }
  3166. .webix_c_scroll_y > div {
  3167. -moz-transition: width 0.3s 0.2s, margin 0.3s 0.2s;
  3168. -webkit-transition: width 0.3s 0.2s, margin 0.3s 0.2s;
  3169. -o-transition: width 0.3s 0.2s, margin 0.3s 0.2s;
  3170. -ms-transition: width 0.3s 0.2s, margin 0.3s 0.2s;
  3171. width: 4px;
  3172. height: 100%;
  3173. background-color: silver;
  3174. background: rgba(0, 0, 0, 0.4);
  3175. border-radius: 4px;
  3176. margin: 0px 3px;
  3177. }
  3178. .webix_c_scroll_y:hover > div,
  3179. .webix_c_scroll_y.webix_scroll_active div {
  3180. width: 10px;
  3181. margin: 0px;
  3182. }
  3183. .webix_c_scroll_x {
  3184. position: absolute;
  3185. z-index: 3;
  3186. height: 10px;
  3187. bottom: 0px;
  3188. }
  3189. .webix_c_scroll_x > div {
  3190. -moz-transition: height 0.3s 0.2s, margin 0.3s 0.2s;
  3191. -webkit-transition: height 0.3s 0.2s, margin 0.3s 0.2s;
  3192. -o-transition: height 0.3s 0.2s, margin 0.3s 0.2s;
  3193. -ms-transition: height 0.3s 0.2s, margin 0.3s 0.2s;
  3194. height: 4px;
  3195. width: 100%;
  3196. background-color: silver;
  3197. background: rgba(0, 0, 0, 0.4);
  3198. border-radius: 4px;
  3199. margin: 3px 0px;
  3200. }
  3201. .webix_c_scroll_x:hover > div,
  3202. .webix_c_scroll_x.webix_scroll_active div {
  3203. height: 10px;
  3204. margin: 0px;
  3205. }
  3206. .webix_c_scroll_bar_y,
  3207. .webix_c_scroll_bar_x {
  3208. position: absolute;
  3209. background: rgba(0, 0, 0, 0.05);
  3210. }
  3211. .webix_c_scroll_bar_y {
  3212. height: 100%;
  3213. width: 10px;
  3214. right: 0px;
  3215. }
  3216. .webix_c_scroll_bar_x {
  3217. width: 100%;
  3218. height: 10px;
  3219. bottom: 0px;
  3220. }
  3221. .webix_scroll_cont {
  3222. width: 100%;
  3223. height: auto;
  3224. clear: both;
  3225. position: relative;
  3226. }
  3227. .webix_scroll_touch_ie {
  3228. touch-action: none;
  3229. }
  3230. .webix_secondary .webix_button {
  3231. background: #3498db;
  3232. color: #fff;
  3233. border: 1px solid #3498db;
  3234. border-bottom: 1px solid #268fd5;
  3235. }
  3236. .webix_secondary .webix_button:hover {
  3237. background-color: #268fd5;
  3238. }
  3239. .webix_secondary .webix_button:focus {
  3240. background-color: #2489cc;
  3241. }
  3242. .webix_secondary .webix_button:active {
  3243. background-color: #2489cc;
  3244. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3245. }
  3246. .webix_secondary .webix_button .webix_icon,
  3247. .webix_secondary .webix_button .webix_img_btn_text,
  3248. .webix_secondary .webix_button .webix_icon_btn {
  3249. color: #fff;
  3250. }
  3251. .webix_secondary .webix_pressed .webix_button {
  3252. background-color: #2489cc;
  3253. }
  3254. .webix_primary .webix_button {
  3255. background: #27ae60;
  3256. color: #FFFFFF;
  3257. border: 1px solid #27ae60;
  3258. border-bottom: 1px solid #239d57;
  3259. }
  3260. .webix_primary .webix_button:hover {
  3261. background-color: #239d57;
  3262. }
  3263. .webix_primary .webix_button:focus {
  3264. background-color: #219552;
  3265. }
  3266. .webix_primary .webix_button:active {
  3267. background-color: #219552;
  3268. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3269. }
  3270. .webix_primary .webix_button .webix_icon,
  3271. .webix_primary .webix_button .webix_img_btn_text,
  3272. .webix_primary .webix_button .webix_icon_btn {
  3273. color: #FFFFFF;
  3274. }
  3275. .webix_primary .webix_pressed .webix_button {
  3276. background-color: #219552;
  3277. }
  3278. .webix_danger .webix_button {
  3279. background: #ce5545;
  3280. color: #ffffff;
  3281. border: 1px solid #ce5545;
  3282. border-bottom: 1px solid #ca4635;
  3283. }
  3284. .webix_danger .webix_button:hover {
  3285. background-color: #ca4635;
  3286. }
  3287. .webix_danger .webix_button:focus {
  3288. background-color: #c14433;
  3289. }
  3290. .webix_danger .webix_button:active {
  3291. background-color: #c14433;
  3292. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3293. }
  3294. .webix_danger .webix_button .webix_icon,
  3295. .webix_danger .webix_button .webix_img_btn_text,
  3296. .webix_danger .webix_button .webix_icon_btn {
  3297. color: #ffffff;
  3298. }
  3299. .webix_danger .webix_pressed .webix_button {
  3300. background-color: #c14433;
  3301. }
  3302. .webix_transparent .webix_button {
  3303. color: #666666;
  3304. background: transparent;
  3305. border: none;
  3306. }
  3307. .webix_transparent .webix_button .webix_img_btn_text {
  3308. color: #666666;
  3309. }
  3310. .webix_transparent .webix_button .webix_icon,
  3311. .webix_transparent .webix_button .webix_icon_btn {
  3312. color: #666666;
  3313. }
  3314. .webix_transparent .webix_button:hover {
  3315. background-color: rgba(0, 0, 0, 0.05);
  3316. }
  3317. .webix_transparent .webix_button:focus {
  3318. background-color: rgba(0, 0, 0, 0.05);
  3319. }
  3320. .webix_transparent .webix_button:active {
  3321. background-color: rgba(0, 0, 0, 0.07);
  3322. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3323. }
  3324. .webix_transparent .webix_pressed .webix_button {
  3325. background-color: rgba(0, 0, 0, 0.07);
  3326. }
  3327. .webix_button,
  3328. .webixbutton {
  3329. border-radius: 6px;
  3330. height: 100%;
  3331. width: 100%;
  3332. cursor: pointer;
  3333. font-family: 'PT Sans', Tahoma;
  3334. font-size: 13px;
  3335. color: #fff;
  3336. border: 1px solid #3498db;
  3337. border-bottom: 1px solid #268fd5;
  3338. outline: none;
  3339. -webkit-appearance: none;
  3340. padding: 0 6px;
  3341. }
  3342. .webix_el_button .webix_el_box,
  3343. .webix_el_toggle .webix_el_box {
  3344. position: relative;
  3345. }
  3346. .webix_img_btn,
  3347. .webix_img_btn_top {
  3348. vertical-align: top;
  3349. border: none;
  3350. width: 100%;
  3351. padding: 0;
  3352. }
  3353. .webix_img_btn .webix_icon {
  3354. color: #fff;
  3355. margin-right: 4px;
  3356. }
  3357. .webix_img_btn_top .webix_icon,
  3358. .webix_img_btn_top .webix_image {
  3359. font-size: 20px;
  3360. position: absolute;
  3361. top: 8px;
  3362. display: inline-block;
  3363. left: 50%;
  3364. -webkit-transform: translateX(-50%);
  3365. transform: translateX(-50%);
  3366. }
  3367. .webix_img_btn .webix_image {
  3368. display: inline-block;
  3369. margin-right: 4px;
  3370. vertical-align: middle;
  3371. }
  3372. .webix_img_btn_text {
  3373. position: absolute;
  3374. left: 0;
  3375. bottom: 4px;
  3376. width: 100%;
  3377. text-align: center;
  3378. cursor: pointer;
  3379. color: #fff;
  3380. }
  3381. .webix_pressed .webix_button {
  3382. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3383. }
  3384. .webix_view.webix_control .webix_disabled_box .webix_button {
  3385. color: #aaa;
  3386. background: #e9e9e9;
  3387. border: 1px solid #e9e9e9;
  3388. text-shadow: none;
  3389. }
  3390. .webix_view.webix_control .webix_disabled_box .webix_img_btn_text {
  3391. color: #aaa;
  3392. }
  3393. .webix_view.webix_control .webix_disabled_box .webix_image {
  3394. opacity: 0.4;
  3395. }
  3396. .webix_disabled_view.webix_control .webix_icon_btn,
  3397. .webix_disabled_view.webix_control .webix_icon {
  3398. color: #aaa;
  3399. }
  3400. .webix_toolbar .webix_disabled_view.webix_control .webix_icon,
  3401. .webix_toolbar .webix_disabled_view.webix_control .webix_disabled_box .webix_img_btn_text,
  3402. .webix_toolbar .webix_disabled_view.webix_control .webix_icon_btn {
  3403. color: #aaa;
  3404. }
  3405. .webixbutton {
  3406. width: auto;
  3407. height: auto;
  3408. padding: 8px 15px;
  3409. }
  3410. .webix_richtext_editor {
  3411. height: 100%;
  3412. }
  3413. .webix_template .webix_richtext_editor:focus {
  3414. outline: none;
  3415. }
  3416. .webix_richtext_container .webix_template {
  3417. padding: 10px;
  3418. overflow-x: auto;
  3419. border: solid #DDDDDD;
  3420. border-width: 0px 1px 1px;
  3421. border-radius: 0px 0px 6px 6px;
  3422. }
  3423. .webix_richtext_inp_label .webix_template {
  3424. -moz-box-sizing: border-box;
  3425. -webkit-box-sizing: border-box;
  3426. box-sizing: border-box;
  3427. font-family: 'PT Sans', Tahoma;
  3428. color: #666666;
  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. text-transform: none;
  3437. font-size: 13px;
  3438. margin-bottom: 0px;
  3439. padding-top: 10px;
  3440. float: none;
  3441. }
  3442. .webix_richtext .wxi-underline,
  3443. .webix_richtext .wxi-italic,
  3444. .webix_richtext .wxi-bold {
  3445. vertical-align: sub;
  3446. font-size: 24px;
  3447. width: 24px;
  3448. }
  3449. .webix_control {
  3450. background: transparent;
  3451. }
  3452. .webix_control input,
  3453. .webix_control button,
  3454. .webix_control textarea,
  3455. .webix_el_label,
  3456. .webix_inp_label,
  3457. .webix_inp_top_label,
  3458. .webix_inp_bottom_label {
  3459. -moz-box-sizing: border-box;
  3460. -webkit-box-sizing: border-box;
  3461. box-sizing: border-box;
  3462. font-family: 'PT Sans', Tahoma;
  3463. }
  3464. .webix_el_box {
  3465. -moz-box-sizing: border-box;
  3466. -webkit-box-sizing: border-box;
  3467. box-sizing: border-box;
  3468. padding: 3px 2px;
  3469. height: 100%;
  3470. width: 100%;
  3471. font-size: 13px;
  3472. overflow: hidden;
  3473. }
  3474. .webixtoolbarlabel {
  3475. font-size: 16px;
  3476. }
  3477. .webix_el_text input,
  3478. .webix_el_search input,
  3479. .webix_el_combo input,
  3480. .webix_el_datepicker input,
  3481. .webix_el_colorpicker input {
  3482. font-size: 13px;
  3483. height: 100%;
  3484. padding: 0px 10px;
  3485. border: 1px solid #DDDDDD;
  3486. color: #666666;
  3487. background: #ffffff;
  3488. font-family: 'PT Sans', Tahoma;
  3489. padding-top: 0px;
  3490. border-color: #cccccc;
  3491. /*.altBackColor;
  3492. .altBackBorderColor;*/
  3493. -webkit-appearance: none;
  3494. border-radius: 0;
  3495. }
  3496. .webix_inp_label,
  3497. .webix_inp_top_label,
  3498. .webix_label_right {
  3499. color: #666666;
  3500. text-transform: none;
  3501. font-size: 13px;
  3502. text-overflow: ellipsis;
  3503. overflow: hidden;
  3504. white-space: nowrap;
  3505. }
  3506. /*.webix_toolbar .webix_inp_label{
  3507. padding-top:(@inputHeight - 11 )/2;
  3508. }*/
  3509. .webix_inp_label {
  3510. float: left;
  3511. padding-top: 1px;
  3512. padding-left: 0;
  3513. padding-right: 7.5px;
  3514. }
  3515. .webix_inp_top_label {
  3516. float: none;
  3517. padding: 3px 2px;
  3518. padding-bottom: 0px;
  3519. }
  3520. .webix_inp_bottom_label {
  3521. font-size: 11px;
  3522. color: #737373;
  3523. }
  3524. .webix_label_right {
  3525. padding-left: 7.5px;
  3526. }
  3527. .webix_el_checkbox .webix_label_right {
  3528. display: inline-block;
  3529. padding-top: 1px;
  3530. }
  3531. .webix_el_label {
  3532. color: #666666;
  3533. }
  3534. .webix_toolbar .webix_el_label {
  3535. text-transform: none;
  3536. }
  3537. .webix_el_select select {
  3538. height: 100%;
  3539. font-size: 13px;
  3540. font-family: 'PT Sans', Tahoma;
  3541. border: 1px solid #DDDDDD;
  3542. }
  3543. body:not(:-moz-handler-blocked) .webix_el_select select {
  3544. padding: 0.2em;
  3545. }
  3546. .webix_el_group,
  3547. .webix_all_segments {
  3548. height: 100%;
  3549. white-space: nowrap;
  3550. }
  3551. .webix_inp_counter_next,
  3552. .webix_inp_counter_prev,
  3553. .webix_inp_counter_value {
  3554. border: 1px solid #DDDDDD;
  3555. cursor: pointer;
  3556. -webkit-appearance: none;
  3557. width: 20px;
  3558. height: 100%;
  3559. vertical-align: top;
  3560. }
  3561. .webix_inp_counter_value {
  3562. font-size: 13px;
  3563. width: 50px;
  3564. color: #666666;
  3565. text-align: center;
  3566. border-left-width: 0px;
  3567. border-right-width: 0px;
  3568. -webkit-appearance: none;
  3569. border-radius: 0;
  3570. }
  3571. /*body:not(:-moz-handler-blocked) .webix_inp_counter_value{
  3572. position:relative; top:-1px;
  3573. }*/
  3574. .webix_inp_counter_prev {
  3575. padding: 0;
  3576. background: #3498db;
  3577. color: #fff;
  3578. border: 1px solid #3498db;
  3579. border-bottom: 1px solid #268fd5;
  3580. -webkit-border-top-left-radius: 6px;
  3581. -webkit-border-bottom-left-radius: 6px;
  3582. -webkit-border-top-right-radius: 0;
  3583. -webkit-border-bottom-right-radius: 0;
  3584. -moz-border-radius-topleft: 6px;
  3585. -moz-border-radius-bottomleft: 6px;
  3586. -moz-border-radius-topright: 0;
  3587. -moz-border-radius-bottomright: 0;
  3588. border-top-left-radius: 6px;
  3589. border-bottom-left-radius: 6px;
  3590. border-top-right-radius: 0;
  3591. border-bottom-right-radius: 0;
  3592. }
  3593. .webix_inp_counter_prev:hover {
  3594. background-color: #268fd5;
  3595. }
  3596. .webix_inp_counter_prev:focus {
  3597. background-color: #2489cc;
  3598. }
  3599. .webix_inp_counter_prev:active {
  3600. background-color: #2489cc;
  3601. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3602. }
  3603. .webix_inp_counter_next {
  3604. padding: 0;
  3605. background: #3498db;
  3606. color: #fff;
  3607. border: 1px solid #3498db;
  3608. border-bottom: 1px solid #268fd5;
  3609. -webkit-border-top-left-radius: 0;
  3610. -webkit-border-bottom-left-radius: 0;
  3611. -webkit-border-top-right-radius: 6px;
  3612. -webkit-border-bottom-right-radius: 6px;
  3613. -moz-border-radius-topleft: 0;
  3614. -moz-border-radius-bottomleft: 0;
  3615. -moz-border-radius-topright: 6px;
  3616. -moz-border-radius-bottomright: 6px;
  3617. border-top-left-radius: 0;
  3618. border-bottom-left-radius: 0;
  3619. border-top-right-radius: 6px;
  3620. border-bottom-right-radius: 6px;
  3621. }
  3622. .webix_inp_counter_next:hover {
  3623. background-color: #268fd5;
  3624. }
  3625. .webix_inp_counter_next:focus {
  3626. background-color: #2489cc;
  3627. }
  3628. .webix_inp_counter_next:active {
  3629. background-color: #2489cc;
  3630. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3631. }
  3632. .webix_el_textarea textarea {
  3633. border: 1px solid #DDDDDD;
  3634. height: 100%;
  3635. margin: 0;
  3636. padding: 5px;
  3637. color: #666666;
  3638. resize: none;
  3639. font-size: 13px;
  3640. font-family: 'PT Sans', Tahoma;
  3641. padding-left: 10px;
  3642. padding-right: 10px;
  3643. }
  3644. .webix_el_textarea .webix_inp_label {
  3645. padding-top: 6.5px;
  3646. }
  3647. .webix_segment_0,
  3648. .webix_segment_1 {
  3649. border: 1px solid #DDDDDD;
  3650. border-right-width: 0px;
  3651. height: 100%;
  3652. }
  3653. .webix_segment_0 {
  3654. -webkit-border-top-left-radius: 6px;
  3655. -webkit-border-bottom-left-radius: 6px;
  3656. -webkit-border-top-right-radius: 0;
  3657. -webkit-border-bottom-right-radius: 0;
  3658. -moz-border-radius-topleft: 6px;
  3659. -moz-border-radius-bottomleft: 6px;
  3660. -moz-border-radius-topright: 0;
  3661. -moz-border-radius-bottomright: 0;
  3662. border-top-left-radius: 6px;
  3663. border-bottom-left-radius: 6px;
  3664. border-top-right-radius: 0;
  3665. border-bottom-right-radius: 0;
  3666. }
  3667. .webix_segment_N {
  3668. border: 1px solid #DDDDDD;
  3669. height: 100%;
  3670. -webkit-border-top-left-radius: 0;
  3671. -webkit-border-bottom-left-radius: 0;
  3672. -webkit-border-top-right-radius: 6px;
  3673. -webkit-border-bottom-right-radius: 6px;
  3674. -moz-border-radius-topleft: 0;
  3675. -moz-border-radius-bottomleft: 0;
  3676. -moz-border-radius-topright: 6px;
  3677. -moz-border-radius-bottomright: 6px;
  3678. border-top-left-radius: 0;
  3679. border-bottom-left-radius: 0;
  3680. border-top-right-radius: 6px;
  3681. border-bottom-right-radius: 6px;
  3682. }
  3683. .webix_segment_N:first-child {
  3684. -webkit-border-top-left-radius: 6px;
  3685. -webkit-border-bottom-left-radius: 6px;
  3686. -webkit-border-top-right-radius: 6px;
  3687. -webkit-border-bottom-right-radius: 6px;
  3688. -moz-border-radius-topleft: 6px;
  3689. -moz-border-radius-bottomleft: 6px;
  3690. -moz-border-radius-topright: 6px;
  3691. -moz-border-radius-bottomright: 6px;
  3692. border-top-left-radius: 6px;
  3693. border-bottom-left-radius: 6px;
  3694. border-top-right-radius: 6px;
  3695. border-bottom-right-radius: 6px;
  3696. }
  3697. .webix_segment_0,
  3698. .webix_segment_1,
  3699. .webix_segment_N {
  3700. -webkit-appearance: none;
  3701. font-family: 'PT Sans', Tahoma;
  3702. font-size: 13px;
  3703. outline: none;
  3704. background: #3498db;
  3705. color: #fff;
  3706. border: 1px solid #3498db;
  3707. border-bottom: 1px solid #268fd5;
  3708. cursor: pointer;
  3709. padding: 0;
  3710. }
  3711. .webix_segment_0:hover,
  3712. .webix_segment_1:hover,
  3713. .webix_segment_N:hover {
  3714. background-color: #268fd5;
  3715. }
  3716. .webix_segment_0:focus,
  3717. .webix_segment_1:focus,
  3718. .webix_segment_N:focus {
  3719. background-color: #2489cc;
  3720. }
  3721. .webix_segment_0:active,
  3722. .webix_segment_1:active,
  3723. .webix_segment_N:active {
  3724. background-color: #2489cc;
  3725. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3726. }
  3727. .webix_segment_0.webix_selected,
  3728. .webix_segment_1.webix_selected,
  3729. .webix_segment_N.webix_selected {
  3730. color: #FFFFFF;
  3731. background: #27ae60;
  3732. border-color: #27ae60;
  3733. }
  3734. .webix_segment_0.webix_selected:focus,
  3735. .webix_segment_1.webix_selected:focus,
  3736. .webix_segment_N.webix_selected:focus {
  3737. background: #24a259;
  3738. }
  3739. .webix_segment_0.webix_disabled,
  3740. .webix_segment_1.webix_disabled,
  3741. .webix_segment_N.webix_disabled {
  3742. color: #aaa;
  3743. background-color: #eee;
  3744. border-color: transparent;
  3745. cursor: not-allowed;
  3746. }
  3747. .webix_segment_0.webix_disabled:hover,
  3748. .webix_segment_1.webix_disabled:hover,
  3749. .webix_segment_N.webix_disabled:hover,
  3750. .webix_segment_0.webix_disabled:focus,
  3751. .webix_segment_1.webix_disabled:focus,
  3752. .webix_segment_N.webix_disabled:focus,
  3753. .webix_segment_0.webix_disabled:active,
  3754. .webix_segment_1.webix_disabled:active,
  3755. .webix_segment_N.webix_disabled:active,
  3756. .webix_segment_0.webix_disabled.webix_selected,
  3757. .webix_segment_1.webix_disabled.webix_selected,
  3758. .webix_segment_N.webix_disabled.webix_selected,
  3759. .webix_segment_0.webix_disabled.webix_selected:hover,
  3760. .webix_segment_1.webix_disabled.webix_selected:hover,
  3761. .webix_segment_N.webix_disabled.webix_selected:hover {
  3762. background-color: #eee;
  3763. }
  3764. .webix_inp_static {
  3765. border: 1px solid #DDDDDD;
  3766. background: white;
  3767. overflow: hidden;
  3768. padding: 0px 10px;
  3769. height: 100%;
  3770. -moz-box-sizing: border-box;
  3771. -webkit-box-sizing: border-box;
  3772. box-sizing: border-box;
  3773. float: left;
  3774. }
  3775. .webix_placeholder {
  3776. color: #b3b3b3;
  3777. }
  3778. ::-webkit-input-placeholder {
  3779. color: #b3b3b3;
  3780. }
  3781. ::-moz-placeholder {
  3782. color: #b3b3b3;
  3783. }
  3784. /* Firefox 19+ */
  3785. :-moz-placeholder {
  3786. color: #b3b3b3;
  3787. }
  3788. /* Firefox 18- */
  3789. :-ms-input-placeholder {
  3790. color: #b3b3b3;
  3791. }
  3792. .webix_el_combo,
  3793. .webix_el_richselect,
  3794. .webix_el_datepicker,
  3795. .webix_el_colorpicker,
  3796. .webix_el_search {
  3797. font-size: 13px;
  3798. }
  3799. .webix_el_combo .webix_el_box,
  3800. .webix_el_richselect .webix_el_box,
  3801. .webix_el_datepicker .webix_el_box,
  3802. .webix_el_colorpicker .webix_el_box,
  3803. .webix_el_search .webix_el_box {
  3804. color: #666666;
  3805. position: relative;
  3806. }
  3807. .webix_el_combo input,
  3808. .webix_el_richselect input,
  3809. .webix_el_datepicker input,
  3810. .webix_el_colorpicker input,
  3811. .webix_el_search input,
  3812. .webix_el_combo .webix_inp_static,
  3813. .webix_el_richselect .webix_inp_static,
  3814. .webix_el_datepicker .webix_inp_static,
  3815. .webix_el_colorpicker .webix_inp_static,
  3816. .webix_el_search .webix_inp_static {
  3817. color: #666666;
  3818. padding-right: 24px;
  3819. background: #ffffff;
  3820. font-family: 'PT Sans', Tahoma;
  3821. padding-top: 0px;
  3822. border-color: #cccccc;
  3823. /*.altBackColor;
  3824. .altBackBorderColor;*/
  3825. -webkit-appearance: none;
  3826. }
  3827. .webix_el_combo .webix_input_icon,
  3828. .webix_el_richselect .webix_input_icon,
  3829. .webix_el_datepicker .webix_input_icon,
  3830. .webix_el_colorpicker .webix_input_icon,
  3831. .webix_el_search .webix_input_icon {
  3832. right: 2px;
  3833. background: transparent;
  3834. z-index: 1;
  3835. position: absolute;
  3836. }
  3837. .webix_el_combo .webix_input_icon,
  3838. .webix_el_richselect .webix_input_icon {
  3839. padding-left: 7px;
  3840. width: 19px;
  3841. }
  3842. .webix_el_datepicker .webix_input_icon,
  3843. .webix_el_colorpicker .webix_input_icon,
  3844. .webix_el_search .webix_input_icon {
  3845. padding-left: 5px;
  3846. width: 21px;
  3847. }
  3848. .webix_view input[type="text"]::-ms-clear {
  3849. display: none;
  3850. }
  3851. /*Remove button padding in FF*/
  3852. .webix_view button::-moz-focus-inner {
  3853. padding: 0;
  3854. border: 0;
  3855. }
  3856. .webix_el_radio .webix_inp_label {
  3857. line-height: normal !important;
  3858. padding-top: 3.5px;
  3859. }
  3860. .webix_inp_radio_border input,
  3861. .webix_el_checkbox input {
  3862. margin: 0px;
  3863. padding: 0px;
  3864. float: left;
  3865. }
  3866. .webix_line_break {
  3867. clear: both;
  3868. }
  3869. .webix_custom_checkbox,
  3870. .webix_custom_radio {
  3871. -moz-user-select: none;
  3872. -webkit-user-select: none;
  3873. -ms-user-select: none;
  3874. user-select: none;
  3875. }
  3876. .webix_radio_option.webix_disabled .webix_label_right,
  3877. .webix_radio_option.webix_disabled .webix_inp_radio_border {
  3878. color: #aaa;
  3879. cursor: not-allowed;
  3880. -moz-user-select: none;
  3881. -webkit-user-select: none;
  3882. -ms-user-select: none;
  3883. user-select: none;
  3884. }
  3885. .webix_el_radio .webix_radio_option.webix_disabled .webix_custom_radio {
  3886. color: #aaa;
  3887. cursor: not-allowed;
  3888. }
  3889. .webix_radio_option {
  3890. display: table;
  3891. float: left;
  3892. height: 23px;
  3893. margin-right: 20px;
  3894. }
  3895. .webix_inp_radio_border,
  3896. .webix_el_radio .webix_label_right {
  3897. display: table-cell;
  3898. vertical-align: middle;
  3899. }
  3900. .webix_invalid .webix_el_box input,
  3901. .webix_invalid .webix_custom_radio,
  3902. .webix_invalid .webix_el_box .webix_inp_static,
  3903. .webix_invalid .webix_el_box select,
  3904. .webix_invalid .webix_el_box textarea,
  3905. input.webix_invalid,
  3906. select.webix_invalid,
  3907. textarea.webix_invalid {
  3908. background-color: #fff6f6;
  3909. border-color: #fea5a8;
  3910. }
  3911. .webix_invalid .webix_inp_bottom_label {
  3912. font-size: 11px;
  3913. color: #fd595f;
  3914. }
  3915. .webix_el_colorpicker .webix_input_icon {
  3916. padding-left: 0;
  3917. top: 7px;
  3918. right: 8px;
  3919. width: 16px;
  3920. height: 16px;
  3921. border-radius: 6px;
  3922. }
  3923. .webix_el_search .webix_el_box {
  3924. position: relative;
  3925. }
  3926. .webix_el_search input {
  3927. padding-right: 30px;
  3928. }
  3929. .webix_el_search span {
  3930. position: absolute;
  3931. right: 15px;
  3932. cursor: pointer;
  3933. padding-left: 7px;
  3934. }
  3935. .webix_view.webix_control > .webix_disabled {
  3936. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  3937. opacity: 0;
  3938. }
  3939. .webix_disabled_view.webix_control .webix_image {
  3940. -webkit-filter: grayscale(100%);
  3941. filter: grayscale(100%);
  3942. }
  3943. .webix_el_label.webix_disabled_view {
  3944. color: #aaa;
  3945. }
  3946. .webix_view.webix_control .webix_disabled_box label,
  3947. .webix_view.webix_control .webix_disabled_box .webix_input_icon,
  3948. .webix_view.webix_control .webix_disabled_box button {
  3949. color: #aaa;
  3950. }
  3951. .webix_view.webix_control .webix_disabled_box input,
  3952. .webix_view.webix_control .webix_disabled_box select,
  3953. .webix_view.webix_control .webix_disabled_box textarea,
  3954. .webix_view.webix_control .webix_disabled_box .webix_inp_static {
  3955. color: #aaa;
  3956. background: #eee;
  3957. }
  3958. .webix_view.webix_control .webix_disabled_box .webix_inp_counter_prev,
  3959. .webix_view.webix_control .webix_disabled_box .webix_inp_counter_next,
  3960. .webix_view.webix_control .webix_disabled_box .webix_segment_0,
  3961. .webix_view.webix_control .webix_disabled_box .webix_segment_1,
  3962. .webix_view.webix_control .webix_disabled_box .webix_segment_N {
  3963. color: #aaa;
  3964. background: #e9e9e9;
  3965. border: 1px solid #e9e9e9;
  3966. text-shadow: none;
  3967. }
  3968. .webix_disabled_top_label {
  3969. color: #aaa;
  3970. }
  3971. label.webix_required:after,
  3972. legend.webix_required:after,
  3973. .webix_richtext_inp_label.webix_required .webix_template:after {
  3974. padding-left: 4px;
  3975. content: "*";
  3976. color: red;
  3977. }
  3978. .webix_multicombo .webix_inp_static {
  3979. padding: 0 3px;
  3980. }
  3981. .webix_el_text .webix_multicombo_input {
  3982. background-color: transparent;
  3983. border: 0;
  3984. float: left;
  3985. vertical-align: middle;
  3986. font-size: 13px;
  3987. padding: 0px;
  3988. color: #666666;
  3989. font-family: 'PT Sans', Tahoma;
  3990. margin-left: 7px;
  3991. }
  3992. .webix_el_text .webix_multicombo_input:focus {
  3993. border: 0;
  3994. box-shadow: none;
  3995. }
  3996. .webix_multicombo_listbox {
  3997. width: auto;
  3998. line-height: 1;
  3999. margin: 0;
  4000. padding: 0;
  4001. list-style: none;
  4002. }
  4003. .webix_multicombo_value,
  4004. .webix_multicombo_tag {
  4005. padding-left: 7px;
  4006. background-color: #f2f2f2;
  4007. display: inline-block;
  4008. margin: 3px;
  4009. float: left;
  4010. border-radius: 6px;
  4011. }
  4012. .webix_multicombo_tag {
  4013. min-width: 15px;
  4014. text-align: center;
  4015. padding: 0 5px 0 5px;
  4016. }
  4017. .webix_multicombo_delete {
  4018. -moz-user-select: none;
  4019. -webkit-user-select: none;
  4020. -ms-user-select: none;
  4021. user-select: none;
  4022. color: transparent;
  4023. margin: 0 4px 0 2px;
  4024. padding: 0;
  4025. cursor: pointer;
  4026. }
  4027. .webix_multicombo_delete:after {
  4028. vertical-align: bottom;
  4029. font-size: 20px;
  4030. content: "\F033";
  4031. font-family: "Webix Material Icons";
  4032. color: #A4B4BF;
  4033. }
  4034. .webix_multilist .webix_selected {
  4035. background: #f2f2f2;
  4036. color: #666666;
  4037. }
  4038. .webix_multilist .wxi-checkbox-marked,
  4039. .webix_multilist .wxi-checkbox-blank {
  4040. vertical-align: middle;
  4041. font-size: 24px;
  4042. width: 24px;
  4043. margin-right: 4px;
  4044. }
  4045. .webix_checksuggest_select_all {
  4046. border: none;
  4047. border-bottom: 1px solid #ebebeb;
  4048. border-color: #ebebeb;
  4049. margin-bottom: 1px;
  4050. }
  4051. .webix_checksuggest_select_all .webix_label_right {
  4052. text-transform: capitalize;
  4053. display: block;
  4054. padding-top: 2px;
  4055. padding-bottom: 4px;
  4056. }
  4057. .webix_checksuggest_select_all input {
  4058. display: none;
  4059. }
  4060. .webix_checksuggest_select_all:hover .webix_label_right {
  4061. cursor: pointer;
  4062. color: #3498db;
  4063. }
  4064. .webix_el_texthighlight {
  4065. position: relative;
  4066. }
  4067. .webix_el_texthighlight.webix_el_text .webix_text_highlight_value {
  4068. position: relative;
  4069. top: 50%;
  4070. transform: translate(0, -50%);
  4071. overflow: hidden;
  4072. white-space: pre;
  4073. }
  4074. .webix_el_texthighlight.webix_el_text input,
  4075. .webix_el_texthighlight.webix_el_text .webix_text_highlight {
  4076. -ms-overflow-style: -ms-autohiding-scrollbar;
  4077. padding: 0 10px;
  4078. }
  4079. .webix_el_texthighlight.webix_el_text input::-ms-clear {
  4080. display: none;
  4081. }
  4082. .webix_el_texthighlight.webix_el_textarea textarea {
  4083. padding: 5px 10px;
  4084. }
  4085. .webix_el_texthighlight.webix_el_textarea .webix_text_highlight_value {
  4086. word-wrap: break-word;
  4087. margin: 5px 10px;
  4088. white-space: pre-wrap;
  4089. }
  4090. .webix_el_texthighlight .webix_text_highlight,
  4091. .webix_el_texthighlight input,
  4092. .webix_el_texthighlight textarea {
  4093. line-height: normal;
  4094. letter-spacing: normal;
  4095. -moz-box-sizing: border-box;
  4096. -webkit-box-sizing: border-box;
  4097. box-sizing: border-box;
  4098. }
  4099. .webix_el_texthighlight .webix_text_highlight {
  4100. -webkit-text-size-adjust: none;
  4101. height: 100%;
  4102. position: absolute;
  4103. border: 1px solid transparent;
  4104. border-radius: 6px;
  4105. background-color: #fff;
  4106. overflow: auto;
  4107. }
  4108. .webix_el_texthighlight .webix_text_highlight .webix_text_highlight_value {
  4109. text-align: left;
  4110. }
  4111. .webix_el_texthighlight.webix_control .webix_el_box input,
  4112. .webix_el_texthighlight.webix_control .webix_el_box textarea {
  4113. display: block;
  4114. position: relative;
  4115. z-index: 1;
  4116. color: transparent;
  4117. caret-color: #666666;
  4118. background: transparent;
  4119. overflow: auto;
  4120. resize: none;
  4121. }
  4122. .webix_el_tabbar {
  4123. background: transparent;
  4124. }
  4125. .webix_all_tabs {
  4126. height: 100%;
  4127. display: table;
  4128. }
  4129. .webix_tab_filler {
  4130. display: table-cell;
  4131. background: transparent;
  4132. font-size: 1px;
  4133. border-bottom: 1px solid #DDDDDD;
  4134. -moz-box-sizing: border-box;
  4135. -webkit-box-sizing: border-box;
  4136. box-sizing: border-box;
  4137. }
  4138. .webix_tab_filler:first-child {
  4139. border-right: 1px solid #DDDDDD;
  4140. }
  4141. .webix_item_tab:first-child {
  4142. border-left: 1px solid #DDDDDD;
  4143. }
  4144. .webix_item_tab {
  4145. display: table-cell;
  4146. text-align: center;
  4147. vertical-align: middle;
  4148. overflow: hidden;
  4149. cursor: pointer;
  4150. border: 1px solid #DDDDDD;
  4151. border-left-width: 0px;
  4152. background: #A4B4BF;
  4153. color: #FFFFFF;
  4154. -webkit-border-top-left-radius: 4px;
  4155. -webkit-border-bottom-left-radius: 0px;
  4156. -webkit-border-top-right-radius: 4px;
  4157. -webkit-border-bottom-right-radius: 0px;
  4158. -moz-border-radius-topleft: 4px;
  4159. -moz-border-radius-bottomleft: 0px;
  4160. -moz-border-radius-topright: 4px;
  4161. -moz-border-radius-bottomright: 0px;
  4162. border-top-left-radius: 4px;
  4163. border-bottom-left-radius: 0px;
  4164. border-top-right-radius: 4px;
  4165. border-bottom-right-radius: 0px;
  4166. -moz-box-sizing: border-box;
  4167. -webkit-box-sizing: border-box;
  4168. box-sizing: border-box;
  4169. }
  4170. .webixtype_bottom .webix_item_tab {
  4171. border-radius: 0;
  4172. }
  4173. .webix_item_tab.webix_selected {
  4174. border-bottom-width: 0px;
  4175. background: #3498db;
  4176. color: #fff;
  4177. border-color: #3498db;
  4178. }
  4179. .webixtype_bottom .webix_item_tab.webix_selected {
  4180. border-bottom-width: 1px;
  4181. }
  4182. .webix_before_all_tabs {
  4183. width: 100%;
  4184. }
  4185. .webix_after_all_tabs {
  4186. width: 100%;
  4187. border-left: 1px solid #DDDDDD;
  4188. border-right: 1px solid #DDDDDD;
  4189. -moz-box-sizing: border-box;
  4190. -webkit-box-sizing: border-box;
  4191. box-sizing: border-box;
  4192. }
  4193. .webix_view.webix_control .webix_disabled_box .webix_item_tab {
  4194. color: #aaa;
  4195. background: #e9e9e9;
  4196. border: 1px solid #e9e9e9;
  4197. text-shadow: none;
  4198. }
  4199. .webix_el_tabbar .webixtype_icon .webix_img_btn {
  4200. -moz-box-sizing: border-box;
  4201. -webkit-box-sizing: border-box;
  4202. box-sizing: border-box;
  4203. margin: 0 auto;
  4204. text-align: center;
  4205. }
  4206. .webix_el_tabbar .webixtype_icon .webix_img_btn .webix_icon_btn {
  4207. -moz-box-sizing: border-box;
  4208. -webkit-box-sizing: border-box;
  4209. box-sizing: border-box;
  4210. margin: 0 3px;
  4211. }
  4212. .webix_el_tabbar .webixtype_icon .webix_item_tab,
  4213. .webix_el_tabbar .webixtype_iconTop .webix_item_tab,
  4214. .webix_el_tabbar .webixtype_image .webix_item_tab {
  4215. padding: 3px 0;
  4216. border-radius: 0;
  4217. }
  4218. .webix_el_tabbar .webixtype_icon .webix_img_btn_top,
  4219. .webix_el_tabbar .webixtype_iconTop .webix_img_btn_top,
  4220. .webix_el_tabbar .webixtype_image .webix_img_btn_top {
  4221. background-position: center 0;
  4222. position: relative;
  4223. height: 100%;
  4224. }
  4225. .webix_tab_more_icon {
  4226. cursor: pointer;
  4227. display: table-cell;
  4228. overflow: hidden;
  4229. text-align: center;
  4230. box-sizing: border-box;
  4231. vertical-align: middle;
  4232. padding: 0 3px;
  4233. }
  4234. .webix_tab_more_icon .webix_icon {
  4235. width: 100%;
  4236. }
  4237. .webix_tab_list .webix_list_item:last-child {
  4238. border-bottom: none;
  4239. }
  4240. .webix_icon.webix_tab_close {
  4241. font-size: 12px;
  4242. float: right;
  4243. padding: 4px;
  4244. margin-top: -4px;
  4245. }
  4246. .webix_icon.webix_tab_close:focus {
  4247. color: #ce5545;
  4248. }
  4249. .webix_all_tabs .webix_item_tab.webix_disabled {
  4250. color: #aaa;
  4251. background-color: #eee;
  4252. border-color: transparent;
  4253. cursor: not-allowed;
  4254. -moz-user-select: none;
  4255. -webkit-user-select: none;
  4256. -ms-user-select: none;
  4257. user-select: none;
  4258. }
  4259. .webix_all_tabs .webix_item_tab.webix_disabled:hover,
  4260. .webix_all_tabs .webix_item_tab.webix_disabled.webix_selected,
  4261. .webix_all_tabs .webix_item_tab.webix_disabled.webix_selected:hover {
  4262. color: #aaa;
  4263. background-color: #eee;
  4264. border-color: transparent;
  4265. }
  4266. .webix_menu .webix_list_item:hover,
  4267. .webix_menu-x .webix_list_item:hover,
  4268. .webix_menu .webix_list_item:active,
  4269. .webix_menu-x .webix_list_item:active,
  4270. .webix_menu .webix_list_item:focus,
  4271. .webix_menu-x .webix_list_item:focus {
  4272. background: rgba(100, 100, 100, 0.1);
  4273. }
  4274. .webix_menu .webix_list_item,
  4275. .webix_menu-x .webix_list_item {
  4276. border: none;
  4277. text-decoration: none;
  4278. background: #fff;
  4279. height: 28px;
  4280. }
  4281. .webix_menu .webix_list_item .webix_submenu_icon,
  4282. .webix_menu-x .webix_list_item .webix_submenu_icon {
  4283. float: right;
  4284. text-align: right;
  4285. position: relative;
  4286. margin-left: 4px;
  4287. }
  4288. .webix_menu-x {
  4289. border: none;
  4290. background: transparent;
  4291. }
  4292. .webix_menu-x .webix_list_item:first-child {
  4293. margin-left: 0px;
  4294. }
  4295. .webix_menu-x .webix_submenu_icon {
  4296. top: 10px;
  4297. }
  4298. .webix_menu-x .webix_list_item {
  4299. display: inline-block;
  4300. line-height: 24px;
  4301. }
  4302. .webix_menu-x .webix_list_item {
  4303. border-right: 1px solid #fff;
  4304. border-left: 0px;
  4305. background: #3498db;
  4306. color: #fff;
  4307. font-size: 13px;
  4308. }
  4309. .webix_menu-x .webix_list_item .webix_submenu_icon:before {
  4310. content: '\F001';
  4311. }
  4312. .webix_menu-x .webix_list_item .webix_icon_btn {
  4313. color: #fff;
  4314. text-align: left;
  4315. }
  4316. .webix_menu-x .webix_list_item:hover,
  4317. .webix_menu-x .webix_list_item:active,
  4318. .webix_menu-x .webix_list_item:focus {
  4319. background-color: #268fd5;
  4320. }
  4321. .webix_menu-x .webix_list_item:first-child {
  4322. -webkit-border-top-left-radius: 4px;
  4323. -webkit-border-bottom-left-radius: 4px;
  4324. -webkit-border-top-right-radius: 0;
  4325. -webkit-border-bottom-right-radius: 0;
  4326. -moz-border-radius-topleft: 4px;
  4327. -moz-border-radius-bottomleft: 4px;
  4328. -moz-border-radius-topright: 0;
  4329. -moz-border-radius-bottomright: 0;
  4330. border-top-left-radius: 4px;
  4331. border-bottom-left-radius: 4px;
  4332. border-top-right-radius: 0;
  4333. border-bottom-right-radius: 0;
  4334. }
  4335. .webix_menu-x .webix_list_item:last-child {
  4336. border-right: none;
  4337. -webkit-border-top-left-radius: 0;
  4338. -webkit-border-bottom-left-radius: 0;
  4339. -webkit-border-top-right-radius: 4px;
  4340. -webkit-border-bottom-right-radius: 4px;
  4341. -moz-border-radius-topleft: 0;
  4342. -moz-border-radius-bottomleft: 0;
  4343. -moz-border-radius-topright: 4px;
  4344. -moz-border-radius-bottomright: 4px;
  4345. border-top-left-radius: 0;
  4346. border-bottom-left-radius: 0;
  4347. border-top-right-radius: 4px;
  4348. border-bottom-right-radius: 4px;
  4349. }
  4350. .webix_menu-x .webix_list_item.webix_disabled {
  4351. color: #aaa;
  4352. background-color: #eee;
  4353. }
  4354. .webix_menu-x.webix_disabled_view .webix_disabled {
  4355. background-color: transparent;
  4356. }
  4357. .webix_menu-x.webix_disabled_view .webix_list_item.menu {
  4358. color: #aaa;
  4359. background: #e9e9e9;
  4360. }
  4361. /* Submenu */
  4362. .webix_menu {
  4363. background: #fff;
  4364. border: 1px solid #DDDDDD;
  4365. border-radius: 0px;
  4366. }
  4367. .webix_menu .webix_list_item {
  4368. display: block;
  4369. }
  4370. .webix_menu .webix_context_separator {
  4371. height: 3px;
  4372. padding: 1px 3px 0 3px;
  4373. }
  4374. .webix_menu .webix_context_separator .sep_line {
  4375. height: 1px;
  4376. border-top: 1px solid #DDDDDD;
  4377. }
  4378. .webix_menu .webix_submenu_icon {
  4379. top: 8px;
  4380. }
  4381. .webix_menu .webix_context_spacer {
  4382. height: 28px;
  4383. }
  4384. .webix_menu_link {
  4385. color: inherit;
  4386. text-decoration: none;
  4387. display: block;
  4388. height: 100%;
  4389. }
  4390. /* Toolbar */
  4391. .webix_toolbar.webix_layout_subbar {
  4392. color: #fff;
  4393. font-size: 16px;
  4394. background: #3498db;
  4395. }
  4396. .webix_toolbar.webix_layout_subbar .webix_el_button,
  4397. .webix_toolbar.webix_layout_subbar .webix_el_label,
  4398. .webix_toolbar.webix_layout_subbar .webix_inp_label {
  4399. color: #fff;
  4400. }
  4401. .webix_toolbar.webix_layout_subbar .webix_el_label .webix_el_box {
  4402. font-size: 16px;
  4403. }
  4404. .webix_toolbar.webix_layout_subbar .webix_secondary button {
  4405. border-color: #fff;
  4406. }
  4407. .webix_toolbar.webix_layout_subbar .webix_transparent .webix_icon,
  4408. .webix_toolbar.webix_layout_subbar .webix_transparent .webix_img_btn_text,
  4409. .webix_toolbar.webix_layout_subbar .webix_transparent .webix_icon_btn,
  4410. .webix_toolbar.webix_layout_subbar .webix_transparent button {
  4411. color: #fff;
  4412. }
  4413. .webix_toolbar.webix_layout_subbar .webix_transparent .webix_disabled_box button,
  4414. .webix_toolbar.webix_layout_subbar .webix_transparent .webix_disabled_box .webix_img_btn_text {
  4415. color: #aaa;
  4416. }
  4417. .webix_toolbar.webix_layout_subbar .webix_inp_counter_next,
  4418. .webix_toolbar.webix_layout_subbar .webix_inp_counter_prev,
  4419. .webix_toolbar.webix_layout_subbar .webix_segment_0,
  4420. .webix_toolbar.webix_layout_subbar .webix_segment_1,
  4421. .webix_toolbar.webix_layout_subbar .webix_segment_N {
  4422. border-color: #d9d9d9;
  4423. background-color: transparent;
  4424. color: #fff;
  4425. }
  4426. .webix_toolbar.webix_layout_subbar .webix_inp_counter_next:hover,
  4427. .webix_toolbar.webix_layout_subbar .webix_inp_counter_prev:hover,
  4428. .webix_toolbar.webix_layout_subbar .webix_segment_0:hover,
  4429. .webix_toolbar.webix_layout_subbar .webix_segment_1:hover,
  4430. .webix_toolbar.webix_layout_subbar .webix_segment_N:hover {
  4431. color: #fff;
  4432. background-color: rgba(0, 0, 0, 0.05);
  4433. }
  4434. .webix_toolbar.webix_layout_subbar .webix_inp_counter_next:focus,
  4435. .webix_toolbar.webix_layout_subbar .webix_inp_counter_prev:focus,
  4436. .webix_toolbar.webix_layout_subbar .webix_segment_0:focus,
  4437. .webix_toolbar.webix_layout_subbar .webix_segment_1:focus,
  4438. .webix_toolbar.webix_layout_subbar .webix_segment_N:focus {
  4439. background-color: rgba(0, 0, 0, 0.07);
  4440. color: #fff;
  4441. }
  4442. .webix_toolbar.webix_layout_subbar .webix_inp_counter_next:active,
  4443. .webix_toolbar.webix_layout_subbar .webix_inp_counter_prev:active,
  4444. .webix_toolbar.webix_layout_subbar .webix_segment_0:active,
  4445. .webix_toolbar.webix_layout_subbar .webix_segment_1:active,
  4446. .webix_toolbar.webix_layout_subbar .webix_segment_N:active {
  4447. background-color: rgba(0, 0, 0, 0.07);
  4448. color: #fff;
  4449. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  4450. }
  4451. .webix_toolbar.webix_layout_subbar .webix_inp_static,
  4452. .webix_toolbar.webix_layout_subbar input[type=text] {
  4453. border-color: #fff;
  4454. }
  4455. .webix_toolbar.webix_layout_subbar .webix_inp_static:focus,
  4456. .webix_toolbar.webix_layout_subbar input[type=text]:focus {
  4457. border-color: #fff;
  4458. box-shadow: none;
  4459. }
  4460. .webix_toolbar.webix_layout_subbar .webix_el_combo .webix_input_icon,
  4461. .webix_toolbar.webix_layout_subbar .webix_el_richselect .webix_input_icon,
  4462. .webix_toolbar.webix_layout_subbar .webix_el_datepicker .webix_input_icon,
  4463. .webix_toolbar.webix_layout_subbar .webix_el_colorpicker .webix_input_icon {
  4464. border-color: #d9d9d9;
  4465. background-color: transparent;
  4466. color: #fff;
  4467. color: #666666;
  4468. }
  4469. .webix_toolbar.webix_layout_subbar .webix_el_combo .webix_input_icon:hover,
  4470. .webix_toolbar.webix_layout_subbar .webix_el_richselect .webix_input_icon:hover,
  4471. .webix_toolbar.webix_layout_subbar .webix_el_datepicker .webix_input_icon:hover,
  4472. .webix_toolbar.webix_layout_subbar .webix_el_colorpicker .webix_input_icon:hover {
  4473. background-color: rgba(0, 0, 0, 0);
  4474. color: #666666;
  4475. }
  4476. .webix_toolbar.webix_layout_subbar .webix_el_combo .webix_input_icon:active,
  4477. .webix_toolbar.webix_layout_subbar .webix_el_richselect .webix_input_icon:active,
  4478. .webix_toolbar.webix_layout_subbar .webix_el_datepicker .webix_input_icon:active,
  4479. .webix_toolbar.webix_layout_subbar .webix_el_colorpicker .webix_input_icon:active,
  4480. .webix_toolbar.webix_layout_subbar .webix_el_combo .webix_input_icon:focus,
  4481. .webix_toolbar.webix_layout_subbar .webix_el_richselect .webix_input_icon:focus,
  4482. .webix_toolbar.webix_layout_subbar .webix_el_datepicker .webix_input_icon:focus,
  4483. .webix_toolbar.webix_layout_subbar .webix_el_colorpicker .webix_input_icon:focus {
  4484. background-color: rgba(0, 0, 0, 0);
  4485. color: #666666;
  4486. }
  4487. .webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_0,
  4488. .webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_1,
  4489. .webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_N {
  4490. border-color: #d9d9d9;
  4491. background-color: #27ae60;
  4492. color: #FFFFFF;
  4493. }
  4494. .webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_0:hover,
  4495. .webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_1:hover,
  4496. .webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_N:hover {
  4497. background-color: #24a259;
  4498. }
  4499. .webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_0:focus,
  4500. .webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_1:focus,
  4501. .webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_N:focus {
  4502. background-color: #229955;
  4503. }
  4504. .webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_0:active,
  4505. .webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_1:active,
  4506. .webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_N:active {
  4507. background-color: #229955;
  4508. }
  4509. .webix_toolbar.webix_layout_subbar .webix_segment_1,
  4510. .webix_toolbar.webix_layout_subbar .webix_segment_N,
  4511. .webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_1,
  4512. .webix_toolbar.webix_layout_subbar .webix_selected.webix_segment_N {
  4513. margin-left: 0;
  4514. border-left: none;
  4515. }
  4516. .webix_toolbar.webix_layout_subbar .webix_el_radio .webix_label_right {
  4517. color: #fff;
  4518. }
  4519. .webix_toolbar.webix_layout_subbar .webix_el_icon .webix_el_box {
  4520. border-radius: 6px;
  4521. }
  4522. .webix_toolbar.webix_layout_subbar .webix_el_icon .webix_el_box:hover {
  4523. background-color: #268fd5;
  4524. }
  4525. .webix_toolbar.webix_layout_subbar .webix_el_icon .webix_el_box:focus {
  4526. background-color: #2489cc;
  4527. }
  4528. .webix_toolbar.webix_layout_subbar .webix_control {
  4529. border-color: #3498db;
  4530. }
  4531. .webix_toolbar.webix_layout_subbar .webix_icon_button .webix_icon {
  4532. color: #fff;
  4533. }
  4534. .webix_toolbar .webix_layout_line,
  4535. .webix_toolbar .webix_layout_clean {
  4536. background: transparent;
  4537. }
  4538. .webix_hidden_upload,
  4539. .webix_el_button .webix_hidden_upload {
  4540. height: 1px;
  4541. width: 1px;
  4542. border: 0 !important;
  4543. font-size: 1px;
  4544. position: absolute;
  4545. top: 0px;
  4546. left: 0px;
  4547. z-index: -1;
  4548. opacity: 0;
  4549. }
  4550. .webix_upload_client,
  4551. .webix_upload_error,
  4552. .webix_upload_server {
  4553. width: 60px;
  4554. text-align: center;
  4555. float: right;
  4556. }
  4557. .error_icon,
  4558. .cancel_icon {
  4559. display: inline-block;
  4560. background-repeat: no-repeat;
  4561. }
  4562. .error_icon {
  4563. width: 18px;
  4564. height: 16px;
  4565. 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=");
  4566. }
  4567. .webix_upload_server {
  4568. color: green;
  4569. }
  4570. .webix_remove_upload {
  4571. float: right;
  4572. }
  4573. .cancel_icon {
  4574. margin-top: 5px;
  4575. width: 14px;
  4576. height: 14px;
  4577. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAAsElEQVR4XoVQUQbDQBScAywIuUcpKCWglBJCDlBKf0vpbymhd5mDhIDcoAcoJQSEsn2G5KmWzMDsPG92ZyGAgVfWfBtrUwEOZnwwOu2UjaPCbScLAEzYmzxyxafMgaUlRXMTsJJ1B7jgy0Y7gHt5FdgyimeAS+a6ZpDTQkLkCQbmk9OBHaPv+p6x99jLFFuOsTMPSlXl8FVlrSopFBP/sIQAbn6+bwsHA29sNGhMBQgf1cri4JYEbDkAAAAASUVORK5CYII=");
  4578. }
  4579. .webix_upload_flash {
  4580. width: 100%;
  4581. height: 100%;
  4582. position: absolute;
  4583. bottom: 0;
  4584. left: 0;
  4585. background: #fff;
  4586. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  4587. }
  4588. .webix_drop_file {
  4589. background: #f4f4f4;
  4590. position: relative;
  4591. }
  4592. .webix_drop_file::before {
  4593. position: absolute;
  4594. bottom: 10px;
  4595. left: 0px;
  4596. width: 100%;
  4597. text-align: center;
  4598. pointer-events: none;
  4599. }
  4600. .webix_fieldset > fieldset {
  4601. border: 1px solid #DDDDDD;
  4602. margin: 0px;
  4603. padding: 5px 8px;
  4604. }
  4605. .webix_fieldset_label {
  4606. color: #666666;
  4607. font-size: 13px;
  4608. padding: 0px 8px;
  4609. text-transform: uppercase;
  4610. }
  4611. .webix_forminput > fieldset {
  4612. border: none;
  4613. margin: 0px;
  4614. padding: 0px;
  4615. }
  4616. .webix_forminput_label {
  4617. color: #666666;
  4618. font-family: 'PT Sans', Tahoma;
  4619. float: left;
  4620. line-height: 24px;
  4621. padding: 3px 2px;
  4622. padding-right: 7.5px;
  4623. -moz-box-sizing: border-box;
  4624. -webkit-box-sizing: border-box;
  4625. box-sizing: border-box;
  4626. }
  4627. legend.webix_forminput_label_top {
  4628. width: 100%;
  4629. padding: 3px 2px 0;
  4630. }
  4631. .webix_slider_box {
  4632. position: relative;
  4633. padding: 0px 10px;
  4634. height: 100%;
  4635. padding-top: 11px;
  4636. float: left;
  4637. border-radius: 5px;
  4638. -moz-box-sizing: border-box;
  4639. -webkit-box-sizing: border-box;
  4640. box-sizing: border-box;
  4641. margin-top: -11px;
  4642. padding-top: 13px;
  4643. margin-top: -12px;
  4644. }
  4645. .webix_slider_box .webix_slider_left {
  4646. height: 10px;
  4647. float: left;
  4648. width: 100px;
  4649. background: #f7fbfe;
  4650. border: 1px solid #eaeaea;
  4651. -webkit-border-top-left-radius: 5px;
  4652. -webkit-border-bottom-left-radius: 5px;
  4653. -webkit-border-top-right-radius: 0;
  4654. -webkit-border-bottom-right-radius: 0;
  4655. -moz-border-radius-topleft: 5px;
  4656. -moz-border-radius-bottomleft: 5px;
  4657. -moz-border-radius-topright: 0;
  4658. -moz-border-radius-bottomright: 0;
  4659. border-top-left-radius: 5px;
  4660. border-bottom-left-radius: 5px;
  4661. border-top-right-radius: 0;
  4662. border-bottom-right-radius: 0;
  4663. -moz-box-sizing: border-box;
  4664. -webkit-box-sizing: border-box;
  4665. box-sizing: border-box;
  4666. }
  4667. .webix_slider_box .webix_slider_right {
  4668. height: 10px;
  4669. float: left;
  4670. width: 100px;
  4671. background: #fff;
  4672. -webkit-border-top-left-radius: 0;
  4673. -webkit-border-bottom-left-radius: 0;
  4674. -webkit-border-top-right-radius: 5px;
  4675. -webkit-border-bottom-right-radius: 5px;
  4676. -moz-border-radius-topleft: 0;
  4677. -moz-border-radius-bottomleft: 0;
  4678. -moz-border-radius-topright: 5px;
  4679. -moz-border-radius-bottomright: 5px;
  4680. border-top-left-radius: 0;
  4681. border-bottom-left-radius: 0;
  4682. border-top-right-radius: 5px;
  4683. border-bottom-right-radius: 5px;
  4684. border: 1px solid #eaeaea;
  4685. -moz-box-sizing: border-box;
  4686. -webkit-box-sizing: border-box;
  4687. box-sizing: border-box;
  4688. }
  4689. .webix_slider_box .webix_slider_handle {
  4690. z-index: 1;
  4691. position: absolute;
  4692. width: 14px;
  4693. height: 14px;
  4694. top: 8px;
  4695. border-radius: 8px;
  4696. }
  4697. .webix_slider_box .webix_slider_handle:focus {
  4698. border-color: #3498db;
  4699. }
  4700. .webix_slider_box .webix_slider_left {
  4701. height: 6px;
  4702. border: 1px solid #cccccc;
  4703. background: #3498db;
  4704. }
  4705. .webix_slider_box .webix_slider_right {
  4706. height: 6px;
  4707. border-color: #cccccc;
  4708. }
  4709. .webix_slider_box .webix_slider_handle {
  4710. width: 12px;
  4711. height: 12px;
  4712. border: 1px solid #cccccc;
  4713. background-color: #fff;
  4714. top: 9px;
  4715. }
  4716. .webix_rangeslider .webix_slider_box .webix_slider_left {
  4717. position: absolute;
  4718. }
  4719. .webix_rangeslider .webix_slider_box .webix_slider_active {
  4720. z-index: 2;
  4721. }
  4722. .webix_rangeslider .webix_slider_box .webix_slider_right {
  4723. border-radius: 5px;
  4724. }
  4725. .webix_rangeslider .webix_slider_title_box {
  4726. position: relative;
  4727. float: left;
  4728. height: 18px;
  4729. width: 1px;
  4730. }
  4731. .webix_rangeslider .webix_slider_title.webix_slider_move {
  4732. position: absolute;
  4733. }
  4734. .webix_rangeslider.webix_slider_vertical .webix_slider_box .webix_slider_right {
  4735. -webkit-border-top-left-radius: 5px;
  4736. -webkit-border-bottom-left-radius: 5px;
  4737. -webkit-border-top-right-radius: 5px;
  4738. -webkit-border-bottom-right-radius: 5px;
  4739. -moz-border-radius-topleft: 5px;
  4740. -moz-border-radius-bottomleft: 5px;
  4741. -moz-border-radius-topright: 5px;
  4742. -moz-border-radius-bottomright: 5px;
  4743. border-top-left-radius: 5px;
  4744. border-bottom-left-radius: 5px;
  4745. border-top-right-radius: 5px;
  4746. border-bottom-right-radius: 5px;
  4747. }
  4748. .webix_rangeslider.webix_slider_vertical .webix_slider_title.webix_slider_move {
  4749. display: block;
  4750. position: relative;
  4751. }
  4752. .webix_slider_alt .webix_slider_box .webix_slider_left {
  4753. border: 1px solid #e1e1e1;
  4754. }
  4755. .webix_slider_alt .webix_slider_box .webix_slider_right {
  4756. border: 1px solid #e1e1e1;
  4757. }
  4758. .webix_slider_alt .webix_slider_box .webix_slider_handle {
  4759. width: 11px;
  4760. margin: 0 2px;
  4761. height: 14px;
  4762. top: 8px;
  4763. border-radius: 2px;
  4764. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJCMjdFNENBRTg4MTFFMjk2NjJGMTJENjkyNDA2NTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJCMjdFNERBRTg4MTFFMjk2NjJGMTJENjkyNDA2NTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkIyN0U0QUFFODgxMUUyOTY2MkYxMkQ2OTI0MDY1OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkIyN0U0QkFFODgxMUUyOTY2MkYxMkQ2OTI0MDY1OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Powz/icAAAAaSURBVHjaYmBgYDBjgAA4zcSABQysIECAAQBn+ACx2PqtbAAAAABJRU5ErkJggg==");
  4765. background-repeat: no-repeat;
  4766. background-position: 3px center;
  4767. }
  4768. .webix_slider_alt .webix_slider_box .webix_slider_handle:focus {
  4769. border-color: #3498db;
  4770. }
  4771. .webix_slider_alt .webix_slider_box .webix_slider_left {
  4772. border: 1px solid #cccccc;
  4773. background: #3498db;
  4774. }
  4775. .webix_slider_alt .webix_slider_box .webix_slider_right {
  4776. border-color: #cccccc;
  4777. }
  4778. .webix_slider_alt .webix_slider_box .webix_slider_handle {
  4779. background-color: #fff;
  4780. border: 1px solid #cccccc;
  4781. top: 9px;
  4782. height: 12px;
  4783. }
  4784. .webix_slider_vertical .webix_slider_box .webix_slider_left,
  4785. .webix_slider_vertical .webix_slider_box .webix_slider_right {
  4786. width: 10px;
  4787. float: none;
  4788. }
  4789. .webix_slider_vertical .webix_slider_box .webix_slider_left {
  4790. -webkit-border-top-left-radius: 0;
  4791. -webkit-border-bottom-left-radius: 5px;
  4792. -webkit-border-top-right-radius: 0;
  4793. -webkit-border-bottom-right-radius: 5px;
  4794. -moz-border-radius-topleft: 0;
  4795. -moz-border-radius-bottomleft: 5px;
  4796. -moz-border-radius-topright: 0;
  4797. -moz-border-radius-bottomright: 5px;
  4798. border-top-left-radius: 0;
  4799. border-bottom-left-radius: 5px;
  4800. border-top-right-radius: 0;
  4801. border-bottom-right-radius: 5px;
  4802. }
  4803. .webix_slider_vertical .webix_slider_box .webix_slider_right {
  4804. -webkit-border-top-left-radius: 5px;
  4805. -webkit-border-bottom-left-radius: 0;
  4806. -webkit-border-top-right-radius: 5px;
  4807. -webkit-border-bottom-right-radius: 0;
  4808. -moz-border-radius-topleft: 5px;
  4809. -moz-border-radius-bottomleft: 0;
  4810. -moz-border-radius-topright: 5px;
  4811. -moz-border-radius-bottomright: 0;
  4812. border-top-left-radius: 5px;
  4813. border-bottom-left-radius: 0;
  4814. border-top-right-radius: 5px;
  4815. border-bottom-right-radius: 0;
  4816. }
  4817. .webix_slider_vertical .webix_slider_box .webix_slider_handle {
  4818. left: 7px;
  4819. }
  4820. .webix_slider_vertical .webix_slider_title {
  4821. padding-top: 1px;
  4822. text-align: left;
  4823. }
  4824. .webix_slider_vertical.webix_slider_alt .webix_slider_handle {
  4825. height: 11px;
  4826. width: 14px;
  4827. left: 5px;
  4828. background-position: 4px center;
  4829. }
  4830. .webix_slider_title {
  4831. text-align: center;
  4832. }
  4833. .webix_slider_title.webix_slider_move {
  4834. position: relative;
  4835. text-align: left;
  4836. display: inline-block;
  4837. width: auto;
  4838. white-space: nowrap;
  4839. }
  4840. .webix_switch_toggle {
  4841. position: absolute;
  4842. visibility: hidden;
  4843. }
  4844. .webix_switch_box {
  4845. display: block;
  4846. position: relative;
  4847. top: 50%;
  4848. margin-top: -11px;
  4849. height: 22px;
  4850. cursor: pointer;
  4851. background-color: #f1f1f1;
  4852. border: 1px solid #DDDDDD;
  4853. border-radius: 60px;
  4854. box-sizing: border-box;
  4855. transition: background-color 0.4s ease;
  4856. color: #666;
  4857. text-align: center;
  4858. float: left;
  4859. }
  4860. .webix_el_switch .webix_label_right {
  4861. display: block;
  4862. padding-top: 3px;
  4863. margin-top: 4px;
  4864. }
  4865. .webix_switch_handle {
  4866. height: 20px;
  4867. width: 20px;
  4868. border-radius: 100%;
  4869. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  4870. border: 1px solid #eee;
  4871. position: absolute;
  4872. top: 0px;
  4873. background-color: #fff;
  4874. transition: left 0.3s ease;
  4875. cursor: pointer;
  4876. box-sizing: border-box;
  4877. }
  4878. .webix_switch_handle:focus,
  4879. .webix_switch_box:active .webix_switch_handle {
  4880. box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.2);
  4881. }
  4882. .webix_switch_text {
  4883. -moz-user-select: none;
  4884. -webkit-user-select: none;
  4885. -ms-user-select: none;
  4886. user-select: none;
  4887. padding: 1px 0 0 18px;
  4888. display: inline-block;
  4889. box-sizing: border-box;
  4890. width: 100%;
  4891. }
  4892. .webix_switch_on .webix_switch_text {
  4893. padding: 1px 18px 0 0;
  4894. }
  4895. .webix_switch_box.webix_switch_on {
  4896. background-color: #3498db;
  4897. color: #fff;
  4898. }
  4899. .webix_progress_top,
  4900. .webix_progress_bottom {
  4901. width: 100%;
  4902. position: absolute;
  4903. top: 0px;
  4904. left: 0px;
  4905. height: 6px;
  4906. overflow: hidden;
  4907. z-index: 95;
  4908. background: #f2f2f2;
  4909. }
  4910. .webix_progress_bottom {
  4911. bottom: 0px;
  4912. top: auto;
  4913. height: 17px;
  4914. }
  4915. .webix_progress_top .webix_progress_state,
  4916. .webix_progress_bottom .webix_progress_state {
  4917. width: 0px;
  4918. height: 6px;
  4919. background: #27ae60;
  4920. -moz-transition: width 3s;
  4921. transition: width 3s;
  4922. }
  4923. .webix_progress_bottom .webix_progress_state {
  4924. height: 17px;
  4925. }
  4926. .webix_progress_icon {
  4927. width: 100%;
  4928. height: 100%;
  4929. position: absolute;
  4930. top: 0px;
  4931. left: 0px;
  4932. z-index: 95;
  4933. }
  4934. .webix_progress_icon .webix_progress_state {
  4935. font-family: "Webix Material Icons";
  4936. font-size: 50px;
  4937. position: absolute;
  4938. left: 50%;
  4939. top: 50%;
  4940. margin-left: -25px;
  4941. margin-top: -25px;
  4942. display: inline-block;
  4943. color: #b3b3b3;
  4944. }
  4945. .webix_gage_box {
  4946. display: table;
  4947. height: 100%;
  4948. width: 100%;
  4949. }
  4950. .webix_gage_box > div {
  4951. display: table-cell;
  4952. vertical-align: middle;
  4953. }
  4954. .webix_gage_body {
  4955. height: 100%;
  4956. width: 100%;
  4957. transform: rotate(180deg);
  4958. }
  4959. .webix_gage_label {
  4960. font-size: 0.9em;
  4961. text-align: center;
  4962. margin-top: 10px;
  4963. }
  4964. .webix_gage_placeholder {
  4965. margin-top: -20px;
  4966. }
  4967. .webix_gage_info {
  4968. text-align: center;
  4969. font-size: 0.7em;
  4970. position: relative;
  4971. margin: 0 auto 10px auto;
  4972. }
  4973. .webix_gage_min_range {
  4974. left: -74px;
  4975. }
  4976. .webix_gage_max_range {
  4977. right: -74px;
  4978. }
  4979. .webix_gage_min_range,
  4980. .webix_gage_max_range {
  4981. display: inline-block;
  4982. margin-top: 20px;
  4983. position: absolute;
  4984. text-align: center;
  4985. width: 150px;
  4986. }
  4987. .webix_gage_range_info {
  4988. font-size: 1.2em;
  4989. line-height: 1;
  4990. }
  4991. .webix_gage_value {
  4992. font-size: 2.2em;
  4993. color: #404040;
  4994. }
  4995. .webix_gage_gradient_point_animated {
  4996. transition: transform 1.3s linear;
  4997. }
  4998. .webix_gage_animated {
  4999. stroke: hsl(120, 100%, 50%);
  5000. animation: gage_dash 1.3s linear forwards;
  5001. transition: stroke 1.3s linear, stroke-dasharray 1.3s linear;
  5002. }
  5003. @keyframes gage_dash {
  5004. to {
  5005. stroke-dashoffset: 0;
  5006. }
  5007. }
  5008. .webix_bullet_name {
  5009. width: 100;
  5010. }
  5011. .webix_bullet_header {
  5012. font-weight: bold;
  5013. font-size: 15px;
  5014. }
  5015. .webix_bullet_subheader {
  5016. font-size: 15px;
  5017. }
  5018. .webix_bullet_scale {
  5019. font-size: 12px;
  5020. font-weight: bold;
  5021. }
  5022. .webix_organogram canvas {
  5023. position: absolute;
  5024. }
  5025. .webix_organogram_item {
  5026. position: absolute;
  5027. z-index: 1;
  5028. text-align: center;
  5029. border-radius: 4px;
  5030. background-color: #e3f2fd;
  5031. border: 1px solid #bbdefb;
  5032. padding: 7px 7px 10px 7px;
  5033. box-sizing: border-box;
  5034. }
  5035. .webix_organogram_item.webix_selected {
  5036. background-color: #27ae60;
  5037. border-color: #27ae60;
  5038. }
  5039. .webix_organogram_list {
  5040. border-radius: 4px;
  5041. position: absolute;
  5042. z-index: 1;
  5043. height: auto;
  5044. border: 1px solid #dddddd;
  5045. box-sizing: border-box;
  5046. }
  5047. .webix_organogram_list .webix_organogram_list_item {
  5048. border: none;
  5049. text-align: left;
  5050. position: static;
  5051. padding: 5px;
  5052. border-radius: 0px;
  5053. box-sizing: border-box;
  5054. }
  5055. .webix_timeline .webix_scroll_cont {
  5056. padding-top: 28px;
  5057. }
  5058. .webix_timeline_item {
  5059. height: 36px;
  5060. padding: 0 10px;
  5061. position: relative;
  5062. }
  5063. .webix_timeline_item .webix_timeline_date,
  5064. .webix_timeline_item .webix_timeline_event {
  5065. overflow: hidden;
  5066. position: absolute;
  5067. top: 0px;
  5068. }
  5069. .webix_timeline_left .webix_timeline_date,
  5070. .webix_timeline_right .webix_timeline_details,
  5071. .webix_timeline_right .webix_timeline_value {
  5072. text-align: right;
  5073. }
  5074. .webix_timeline_value {
  5075. font-weight: bold;
  5076. line-height: 18px;
  5077. }
  5078. .webix_timeline_details {
  5079. color: #A4B4BF;
  5080. padding-top: 2px;
  5081. }
  5082. .webix_timeline_date {
  5083. white-space: nowrap;
  5084. overflow: hidden;
  5085. text-overflow: ellipsis;
  5086. line-height: 18px;
  5087. }
  5088. .webix_timeline_horizontal .webix_scroll_cont {
  5089. display: inline-block;
  5090. padding-top: unset;
  5091. padding-left: 28px;
  5092. height: 100%;
  5093. }
  5094. .webix_view.webix_timeline_horizontal {
  5095. white-space: nowrap;
  5096. }
  5097. .webix_timeline_horizontal .webix_timeline_item {
  5098. display: inline-block;
  5099. height: 100%;
  5100. border-bottom: none;
  5101. padding: 10px 10px 10px 0;
  5102. white-space: normal;
  5103. }
  5104. .webix_timeline_horizontal .webix_timeline_item .webix_timeline_date,
  5105. .webix_timeline_horizontal .webix_timeline_item .webix_timeline_event {
  5106. left: 0px;
  5107. }
  5108. .webix_timeline_horizontal .webix_timeline_item.webix_timeline_bottom .webix_timeline_event {
  5109. top: initial;
  5110. }
  5111. .webix_treemap {
  5112. background-color: #f5f5f5;
  5113. }
  5114. .webix_treemap .webix_scroll_cont {
  5115. position: relative;
  5116. height: 100%;
  5117. width: 100%;
  5118. }
  5119. .webix_treemap_item {
  5120. position: absolute;
  5121. color: #444;
  5122. overflow: hidden;
  5123. text-align: left;
  5124. -moz-box-sizing: border-box;
  5125. -webkit-box-sizing: border-box;
  5126. box-sizing: border-box;
  5127. padding: 3px 5px;
  5128. border-width: 0px 1px 1px 0;
  5129. border-style: solid;
  5130. border-color: rgba(0, 0, 0, 0.2);
  5131. background: transparent;
  5132. cursor: pointer;
  5133. }
  5134. .webix_treemap_level_top {
  5135. z-index: 1;
  5136. border-color: rgba(0, 0, 0, 0.4);
  5137. }
  5138. .webix_treemap_item_bottom {
  5139. border-bottom-width: 0;
  5140. }
  5141. .webix_treemap_item_right {
  5142. border-right-width: 0;
  5143. }
  5144. .webix_treemap_item:hover {
  5145. box-shadow: inset 0 0 5px #666;
  5146. }
  5147. .webix_treemap_item.webix_selected {
  5148. border-color: #27ae60;
  5149. box-shadow: inset 0 0 1px 2px #27ae60;
  5150. }
  5151. .webix_treemap_header {
  5152. width: 100%;
  5153. -moz-box-sizing: border-box;
  5154. -webkit-box-sizing: border-box;
  5155. box-sizing: border-box;
  5156. }
  5157. .webix_treemap_header {
  5158. padding: 0 10px;
  5159. border-bottom: 1px solid #DDDDDD;
  5160. }
  5161. .webix_treemap_header_item {
  5162. cursor: pointer;
  5163. }
  5164. .webix_treemap_header_item:last-child {
  5165. cursor: default;
  5166. }
  5167. .webix_treemap_reset {
  5168. float: right;
  5169. width: 25px;
  5170. text-align: center;
  5171. }
  5172. .webix_treemap_reset:before {
  5173. content: "\F011";
  5174. color: #666666;
  5175. font-family: "Webix Material Icons";
  5176. font-size: 16px;
  5177. display: block;
  5178. cursor: pointer;
  5179. }
  5180. .webix_treemap_path_icon {
  5181. width: 20px;
  5182. text-align: center;
  5183. }
  5184. .webix_barcode {
  5185. position: relative;
  5186. }
  5187. .webix_barcode .webix_canvas_text {
  5188. font-size: 13px;
  5189. padding: 0 2px;
  5190. -moz-box-sizing: border-box;
  5191. -webkit-box-sizing: border-box;
  5192. box-sizing: border-box;
  5193. }
  5194. .portlet_drag {
  5195. position: absolute;
  5196. z-index: 1;
  5197. top: 5px;
  5198. right: 5px;
  5199. width: 18px;
  5200. opacity: 0.5;
  5201. cursor: pointer;
  5202. }
  5203. .portlet_in_drag {
  5204. opacity: 0.4;
  5205. }
  5206. .portlet_marker,
  5207. .portlet_markertop,
  5208. .portlet_markerbottom,
  5209. .portlet_markerleft,
  5210. .portlet_markerright {
  5211. opacity: 0.5;
  5212. background: #9169BE;
  5213. position: absolute;
  5214. z-index: 2;
  5215. transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
  5216. top: 0px;
  5217. left: 0px;
  5218. width: 100%;
  5219. height: 100%;
  5220. }
  5221. .portlet_markertop {
  5222. height: 50%;
  5223. }
  5224. .portlet_markerbottom {
  5225. height: 50%;
  5226. top: 50%;
  5227. }
  5228. .portlet_markerleft {
  5229. width: 50%;
  5230. }
  5231. .portlet_markerright {
  5232. width: 50%;
  5233. left: 50%;
  5234. }
  5235. .panel_icon {
  5236. position: absolute;
  5237. z-index: 93;
  5238. top: 5px;
  5239. right: 5px;
  5240. line-height: normal;
  5241. font-size: 13px;
  5242. width: 18px;
  5243. opacity: 0.5;
  5244. cursor: pointer;
  5245. }
  5246. .webix_disabled_view .panel_icon {
  5247. z-index: 91;
  5248. }
  5249. .panel_target {
  5250. position: absolute;
  5251. z-index: 3;
  5252. background: rgba(0, 0, 0, 0.04);
  5253. border: 1px solid #DDDDDD;
  5254. -moz-box-sizing: border-box;
  5255. -webkit-box-sizing: border-box;
  5256. box-sizing: border-box;
  5257. }
  5258. .webix_popup.webix_sidemenu.webix_sidemenu_left {
  5259. border-width: 0 1px 0 0;
  5260. box-shadow: 2px 0 2px rgba(0, 0, 0, 0.05);
  5261. }
  5262. .webix_sidemenu_left.webix_animate {
  5263. transition: left 0.6s;
  5264. }
  5265. .webix_popup.webix_sidemenu.webix_sidemenu_right {
  5266. left: auto;
  5267. border-width: 0 0 0 1px;
  5268. box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.05);
  5269. }
  5270. .webix_sidemenu_right.webix_animate {
  5271. transition: right 0.6s;
  5272. }
  5273. .webix_popup.webix_sidemenu.webix_sidemenu_top {
  5274. border-width: 0 0 1px 0 ;
  5275. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  5276. }
  5277. .webix_sidemenu_top .webix_win_body {
  5278. position: relative;
  5279. }
  5280. .webix_sidemenu_top .webix_win_body > .webix_view {
  5281. position: absolute;
  5282. top: auto;
  5283. left: 0;
  5284. bottom: 0;
  5285. }
  5286. .webix_sidemenu_top.webix_animate,
  5287. .webix_sidemenu_top.webix_animate .webix_win_body {
  5288. transition: height 0.6s;
  5289. }
  5290. .webix_popup.webix_sidemenu.webix_sidemenu_bottom {
  5291. border-width: 1px 0 0 0 ;
  5292. top: auto;
  5293. box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.05);
  5294. }
  5295. .webix_sidemenu_bottom.webix_animate,
  5296. .webix_sidemenu_bottom.webix_animate .webix_win_body {
  5297. transition: height 0.6s;
  5298. }
  5299. /* SideBar*/
  5300. .webix_sidebar {
  5301. background: #ECEFF1;
  5302. }
  5303. .webix_sidebar .webix_tree_item.webix_selected:focus span {
  5304. background: transparent;
  5305. }
  5306. .webix_sidebar .webix_tree_item {
  5307. color: #454545;
  5308. height: 34px;
  5309. line-height: 33px;
  5310. }
  5311. .webix_sidebar .webix_scroll_cont > .webix_tree_leaves {
  5312. padding: 0;
  5313. }
  5314. .webix_sidebar .webix_tree_leaves .webix_tree_leaves {
  5315. margin-left: 0px;
  5316. }
  5317. .webix_sidebar_selected,
  5318. .webix_sidebar_expanded .webix_tree_item:hover {
  5319. background-color: rgba(0, 0, 0, 0.02);
  5320. }
  5321. .webix_sidebar .webix_tree_item.webix_selected,
  5322. .webix_sidebar .webix_tree_item.webix_selected span {
  5323. background-color: #27ae60;
  5324. padding-right: 0;
  5325. }
  5326. .webix_sidebar .webix_tree_branch_1 .webix_tree_item {
  5327. padding-left: 44px;
  5328. }
  5329. .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  5330. height: 34px;
  5331. line-height: 34px;
  5332. padding-left: 0;
  5333. }
  5334. .webix_sidebar .webix_tree_branch_1 {
  5335. border-bottom: 1px solid #e5e5e5;
  5336. }
  5337. .webix_sidebar .webix_tree_item.webix_selected span,
  5338. .webix_sidebar .webix_tree_item span {
  5339. margin: 0;
  5340. padding: 0px;
  5341. }
  5342. .webix_icon.webix_sidebar_icon {
  5343. width: 44px;
  5344. text-align: center;
  5345. }
  5346. span.webix_sidebar_dir_icon {
  5347. float: right;
  5348. line-height: inherit;
  5349. }
  5350. /*SubMenu (Popup) */
  5351. .webix_sidebar_popup {
  5352. border: none !important;
  5353. box-shadow: 2px 3px 3px #ddd;
  5354. }
  5355. .webix_sidebar_popup,
  5356. .webix_sidebar_popup .webix_list_item {
  5357. border-radius: 0;
  5358. }
  5359. .webix_sidebar_popup_right {
  5360. box-shadow: -3px 3px 3px #ddd;
  5361. }
  5362. .webix_sidebar_popup_list.webix_sidebar_popup_left .webix_icon {
  5363. float: right;
  5364. line-height: inherit;
  5365. width: 8px;
  5366. }
  5367. .webix_sidebar_popup_list.webix_sidebar_popup_right .webix_icon {
  5368. float: left;
  5369. line-height: inherit;
  5370. }
  5371. /*SubMenu: title*/
  5372. .webix_sidebar_popup_title {
  5373. background: #ECEFF1;
  5374. }
  5375. .webix_sidebar_popup_title.webix_selected {
  5376. border-left-color: #27ae60;
  5377. background: #27ae60;
  5378. }
  5379. .webix_sidebar_popup_title .webix_template {
  5380. line-height: 34px;
  5381. padding: 0 10px;
  5382. border: 1px solid #E5E5E5;
  5383. border-left: none;
  5384. }
  5385. .webix_sidebar_popup_right .webix_sidebar_popup_title .webix_template {
  5386. border: 1px solid #E5E5E5;
  5387. border-right: none;
  5388. }
  5389. .webix_sidebar_selected.webix_sidebar_popup_title .webix_template {
  5390. background: rgba(0, 0, 0, 0.03);
  5391. border-left: none;
  5392. }
  5393. .webix_sidebar_popup_list .webix_list_item {
  5394. border-left: 1px solid #E5E5E5;
  5395. border-right: 1px solid #E5E5E5;
  5396. }
  5397. /*SubMenu: list*/
  5398. .webix_sidebar_popup_list .webix_list_item:first-child {
  5399. border-top: 1px solid #E5E5E5;
  5400. }
  5401. .webix_sidebar_popup_list .webix_list_item:hover {
  5402. background: #f6f9fb;
  5403. }
  5404. .webix_sidebar_popup_list .webix_list_item.webix_selected:hover {
  5405. background: #27ae60;
  5406. }
  5407. .webix_menu .webix_list_item.webix_sidebar_selected {
  5408. background: rgba(0, 0, 0, 0.02);
  5409. }
  5410. .webix_menu .webix_list_item.webix_sidebar_selected:hover {
  5411. background: rgba(0, 0, 0, 0.02) !important;
  5412. }
  5413. .webix_view.webix_pdf {
  5414. background-color: #404040;
  5415. overflow: auto;
  5416. -webkit-overflow-scrolling: touch;
  5417. }
  5418. .webix_pdf .canvas_wrapper {
  5419. margin: 0px auto;
  5420. box-shadow: 5px 5px 15px #1c1c1c;
  5421. width: 100%;
  5422. height: 100%;
  5423. }
  5424. .webix_toolbar.pdf_bar .webix_img_btn {
  5425. text-align: center;
  5426. }
  5427. .webix_toolbar.pdf_bar .webix_view {
  5428. background-color: transparent;
  5429. }
  5430. .webix_toolbar.pdf_bar .webix_icon_btn {
  5431. margin: 0;
  5432. }
  5433. .webix_toolbar.pdf_bar .webix_template {
  5434. background-color: transparent;
  5435. color: #fff;
  5436. line-height: 2em;
  5437. }
  5438. .webix_toolbar.pdf_bar .webix_el_box input,
  5439. .webix_toolbar.pdf_bar .webix_inp_static {
  5440. background-color: #5c5c5c;
  5441. color: #fff;
  5442. border-color: #404040;
  5443. }
  5444. .webix_toolbar.pdf_bar .webix_el_box input:focus,
  5445. .webix_toolbar.pdf_bar .webix_inp_static:focus {
  5446. border-color: #333;
  5447. }
  5448. .webix_toolbar.pdf_bar .webix_el_box .webix_input_icon {
  5449. color: #fff;
  5450. }
  5451. .webix_view.webix_popup.pdf_opt_list {
  5452. border: none;
  5453. }
  5454. .pdf_opt_list .webix_list {
  5455. background-color: #404040;
  5456. color: #fff;
  5457. }
  5458. .pdf_opt_list .webix_list .webix_list_item {
  5459. border-color: #474747;
  5460. line-height: 1.5em;
  5461. }
  5462. .pdf_opt_list .webix_list .webix_list_item.webix_selected,
  5463. .pdf_opt_list .webix_list .webix_list_item:hover {
  5464. color: #404040;
  5465. background-color: #fff;
  5466. }
  5467. .webix_dbllist .bottom_label {
  5468. text-align: center;
  5469. font-size: 10px;
  5470. }
  5471. .webix_dbllist .webix_list,
  5472. .webix_dbllist .bottom_label {
  5473. background: #ededed;
  5474. }
  5475. .webix_dbllist .webix_list_item {
  5476. background: #fff;
  5477. margin: 3px 4px 0px 4px;
  5478. box-sizing: border-box;
  5479. border: 1px solid #DDDDDD;
  5480. }
  5481. .webix_dbllist .webix_list_item.webix_selected {
  5482. border-bottom-color: #DDDDDD;
  5483. background-color: #27ae60;
  5484. color: #FFFFFF;
  5485. }
  5486. .webix_dbllist .dbllist_button {
  5487. width: 45%;
  5488. height: 30px;
  5489. margin-top: 4px;
  5490. padding: 0;
  5491. border-radius: 6px;
  5492. border: 1px solid #DDDDDD;
  5493. cursor: pointer;
  5494. font-size: 13px;
  5495. font-family: 'PT Sans', Tahoma;
  5496. background-color: #eef7fc;
  5497. }
  5498. .webix_dbllist .dbllist_button .webix_icon {
  5499. color: #888;
  5500. font-size: 20px;
  5501. width: 26px;
  5502. }
  5503. .webix_dbllist .dbllist_button:active {
  5504. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  5505. }
  5506. .webix_dbllist .dbllist_button:first-child {
  5507. margin-top: 28px;
  5508. margin-right: 4px;
  5509. }
  5510. .webix_dbllist .dbllist_button:last-child {
  5511. margin-left: 4px;
  5512. }
  5513. .webix_dbllist .dbllist_button:hover,
  5514. .webix_dbllist .dbllist_button:focus,
  5515. .webix_dbllist .dbllist_button:active {
  5516. background-color: #ddeef9;
  5517. }
  5518. .webix_invalid .webix_list {
  5519. background: #f8e2e2;
  5520. }
  5521. .dbllist_buttons .webix_template {
  5522. padding: 0 0 0 4px;
  5523. }
  5524. .webix_sparklines {
  5525. padding: 1px 0;
  5526. box-sizing: border-box;
  5527. }
  5528. .webix_sparklines svg {
  5529. box-sizing: border-box;
  5530. }
  5531. .webix_sparklines_line {
  5532. stroke: #3498db;
  5533. stroke-width: 1;
  5534. fill: transparent;
  5535. stroke-linecap: round;
  5536. }
  5537. .webix_sparklines_item {
  5538. fill: #3498db;
  5539. stroke-width: 1;
  5540. }
  5541. .webix_sparklines_bar {
  5542. fill: #6dbcf0;
  5543. }
  5544. .webix_sparklines_bar_negative {
  5545. fill: #d86c79;
  5546. }
  5547. .webix_sparklines_area {
  5548. fill: #e5eef4;
  5549. }
  5550. .webix_sparklines_origin {
  5551. stroke: #888;
  5552. stroke-width: 1;
  5553. }
  5554. .webix_sparklines_event_area {
  5555. fill: transparent;
  5556. }
  5557. .webix_sparklines_line_chart .webix_sparklines_event_area:hover,
  5558. .webix_sparklines_area_chart .webix_sparklines_event_area:hover,
  5559. .webix_sparklines_splinearea_chart .webix_sparklines_event_area:hover {
  5560. fill: rgba(220, 220, 220, 0.4);
  5561. stroke: rgba(255, 255, 255, 0.6);
  5562. }
  5563. .webix_sparklines_pie_chart .webix_sparklines_event_area:hover,
  5564. .webix_sparklines_bar_chart .webix_sparklines_event_area:hover {
  5565. fill: rgba(255, 255, 255, 0.3);
  5566. }
  5567. /* print css rules*/
  5568. .webix_ui_print {
  5569. display: none;
  5570. }
  5571. body.webix_print {
  5572. margin-top: 0px;
  5573. }
  5574. @media print {
  5575. body.webix_print {
  5576. overflow: visible !important;
  5577. background-color: none !important;
  5578. }
  5579. body.webix_print > * {
  5580. display: none;
  5581. }
  5582. body.webix_print * {
  5583. visibility: hidden;
  5584. }
  5585. .webix_ui_print {
  5586. display: block !important;
  5587. margin: 0 0 0 0!important;
  5588. visibility: visible !important;
  5589. }
  5590. .webix_ui_print * {
  5591. visibility: visible !important;
  5592. }
  5593. .webix_print_noscroll {
  5594. height: auto !important;
  5595. width: auto !important;
  5596. }
  5597. .webix_print_noscroll,
  5598. .webix_print_noscroll .webix_scroll_cont {
  5599. overflow: visible !important;
  5600. }
  5601. .webix_print_pagebreak {
  5602. page-break-after: always;
  5603. }
  5604. .webix_print_header,
  5605. .webix_print_footer {
  5606. display: block !important;
  5607. margin: 20px 0px;
  5608. text-align: center;
  5609. height: auto !important;
  5610. visibility: visible !important;
  5611. }
  5612. .webix_print_header *,
  5613. .webix_print_footer * {
  5614. visibility: visible !important;
  5615. }
  5616. /*datatable specific*/
  5617. .webix_table_print {
  5618. display: table;
  5619. visibility: visible !important;
  5620. table-layout: fixed;
  5621. width: 100%;
  5622. border: 1px solid #ebebeb;
  5623. margin-bottom: 20px;
  5624. position: initial;
  5625. }
  5626. .webix_table_print td {
  5627. overflow: hidden;
  5628. }
  5629. .webix_table_print tr {
  5630. page-break-inside: avoid;
  5631. }
  5632. .webix_table_print .webix_cell {
  5633. display: table-cell !important;
  5634. border-right: 1px solid #ebebeb;
  5635. border-bottom: 1px solid #ebebeb;
  5636. padding: 0px 10px;
  5637. white-space: nowrap;
  5638. }
  5639. .webix_table_print .webix_header_cell {
  5640. display: table-cell;
  5641. font-size: 13px;
  5642. color: #4A4A4A;
  5643. background: #D2E3EF;
  5644. border-right: 1px solid #b0cee3;
  5645. border-bottom: 1px solid #b0cee3;
  5646. }
  5647. .webix_table_print .webix_footer_cell {
  5648. display: table-cell;
  5649. background: #fafafa;
  5650. border-right: 1px solid #ebebeb;
  5651. border-top: 1px solid #ebebeb;
  5652. border-bottom: 1px solid #ebebeb;
  5653. }
  5654. .webix_table_print .webix_cell.webix_dtable_span {
  5655. position: initial !important;
  5656. white-space: normal;
  5657. }
  5658. .webix_table_print .webix_rotate {
  5659. transform-origin: center 40% !important;
  5660. -webkit-transform-origin: center 40% !important;
  5661. }
  5662. .webix_table_print.borderless,
  5663. .webix_table_print.borderless .webix_cell {
  5664. border: none;
  5665. }
  5666. /* x-list specific*/
  5667. .webix_table_print.webix_view.webix_list-x {
  5668. white-space: normal;
  5669. }
  5670. .webix_table_print.webix_view.webix_list-x .webix_list_item {
  5671. display: table-cell;
  5672. }
  5673. }
  5674. .webix_fullscreen_html .webix_template > * {
  5675. width: 100% !important;
  5676. height: 100% !important;
  5677. margin: 0px !important;
  5678. }
  5679. .webix_icon,
  5680. .webix_icon_btn,
  5681. .webix_input_icon {
  5682. display: inline-block;
  5683. font-family: "Webix Material Icons";
  5684. font-style: normal;
  5685. font-weight: normal;
  5686. line-height: 1;
  5687. -webkit-font-smoothing: antialiased;
  5688. -moz-osx-font-smoothing: grayscale;
  5689. transform: translate(0, 0);
  5690. }
  5691. .webix_icon,
  5692. .webix_input_icon {
  5693. font-size: 17px;
  5694. display: inline-block;
  5695. width: 20px;
  5696. }
  5697. .webix_input_icon {
  5698. float: right;
  5699. text-align: left;
  5700. font-size: 20px;
  5701. color: #888;
  5702. }
  5703. .webix_icon_button {
  5704. background-color: transparent;
  5705. border: none;
  5706. padding: 0;
  5707. cursor: pointer;
  5708. vertical-align: middle;
  5709. }
  5710. .webix_el_icon .webix_el_box {
  5711. padding: 0;
  5712. margin: 0 auto;
  5713. text-align: center;
  5714. position: relative;
  5715. overflow: visible;
  5716. cursor: pointer;
  5717. }
  5718. .webix_icon_button .webix_icon {
  5719. font-size: 20px;
  5720. height: 20px;
  5721. width: 20px;
  5722. display: inline-block;
  5723. text-align: center;
  5724. color: #606060;
  5725. }
  5726. .webix_icon_btn {
  5727. font-size: 20px;
  5728. display: inline-block;
  5729. text-align: center;
  5730. width: 20px;
  5731. margin-right: 4px;
  5732. color: #606060;
  5733. }
  5734. .webix_icon {
  5735. text-align: center;
  5736. }
  5737. .webix_badge {
  5738. background-color: #ff8839;
  5739. color: #fff;
  5740. border-radius: 11px;
  5741. font-size: 12px;
  5742. height: 22px;
  5743. min-width: 22px;
  5744. box-sizing: border-box;
  5745. padding: 0 4px;
  5746. text-align: center;
  5747. line-height: 22px;
  5748. position: absolute;
  5749. right: 0;
  5750. top: 0;
  5751. }
  5752. .webix_badge.webix_measure_size {
  5753. right: auto;
  5754. box-sizing: border-box;
  5755. }
  5756. .webix_list_item .webix_badge {
  5757. position: static;
  5758. float: right;
  5759. margin: 4px -5px 0 10px;
  5760. }
  5761. /*shared scheme with all skins*/
  5762. @font-face {
  5763. font-family: 'PT Sans';
  5764. font-style: normal;
  5765. font-weight: 400;
  5766. src: local('PT Sans'), local('PTSans-Regular'), url('../fonts/PTS-webfont.woff') format('woff');
  5767. }
  5768. @font-face {
  5769. font-family: 'PT Sans';
  5770. font-style: normal;
  5771. font-weight: 700;
  5772. src: local('PT Sans Bold'), local('PTSans-Bold'), url('../fonts/PTS-bold.woff') format('woff');
  5773. }
  5774. .mainFont {
  5775. font-family: 'PT Sans', Tahoma;
  5776. font-size: 13px;
  5777. color: #666666;
  5778. }
  5779. /*[L]*/
  5780. /*[L]*/
  5781. .webix_toolbar {
  5782. color: #fff;
  5783. font-size: 16px;
  5784. background: #3498db;
  5785. }
  5786. .webix_toolbar .webix_el_button,
  5787. .webix_toolbar .webix_el_label,
  5788. .webix_toolbar .webix_inp_label {
  5789. color: #fff;
  5790. }
  5791. .webix_toolbar .webix_el_label .webix_el_box {
  5792. font-size: 16px;
  5793. }
  5794. .webix_toolbar .webix_secondary button {
  5795. border-color: #fff;
  5796. }
  5797. .webix_toolbar .webix_transparent .webix_icon,
  5798. .webix_toolbar .webix_transparent .webix_img_btn_text,
  5799. .webix_toolbar .webix_transparent .webix_icon_btn,
  5800. .webix_toolbar .webix_transparent button {
  5801. color: #fff;
  5802. }
  5803. .webix_toolbar .webix_transparent .webix_disabled_box button,
  5804. .webix_toolbar .webix_transparent .webix_disabled_box .webix_img_btn_text {
  5805. color: #aaa;
  5806. }
  5807. .webix_toolbar .webix_inp_counter_next,
  5808. .webix_toolbar .webix_inp_counter_prev,
  5809. .webix_toolbar .webix_segment_0,
  5810. .webix_toolbar .webix_segment_1,
  5811. .webix_toolbar .webix_segment_N {
  5812. border-color: #d9d9d9;
  5813. background-color: transparent;
  5814. color: #fff;
  5815. }
  5816. .webix_toolbar .webix_inp_counter_next:hover,
  5817. .webix_toolbar .webix_inp_counter_prev:hover,
  5818. .webix_toolbar .webix_segment_0:hover,
  5819. .webix_toolbar .webix_segment_1:hover,
  5820. .webix_toolbar .webix_segment_N:hover {
  5821. color: #fff;
  5822. background-color: rgba(0, 0, 0, 0.05);
  5823. }
  5824. .webix_toolbar .webix_inp_counter_next:focus,
  5825. .webix_toolbar .webix_inp_counter_prev:focus,
  5826. .webix_toolbar .webix_segment_0:focus,
  5827. .webix_toolbar .webix_segment_1:focus,
  5828. .webix_toolbar .webix_segment_N:focus {
  5829. background-color: rgba(0, 0, 0, 0.07);
  5830. color: #fff;
  5831. }
  5832. .webix_toolbar .webix_inp_counter_next:active,
  5833. .webix_toolbar .webix_inp_counter_prev:active,
  5834. .webix_toolbar .webix_segment_0:active,
  5835. .webix_toolbar .webix_segment_1:active,
  5836. .webix_toolbar .webix_segment_N:active {
  5837. background-color: rgba(0, 0, 0, 0.07);
  5838. color: #fff;
  5839. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  5840. }
  5841. .webix_toolbar .webix_inp_static,
  5842. .webix_toolbar input[type=text] {
  5843. border-color: #fff;
  5844. }
  5845. .webix_toolbar .webix_inp_static:focus,
  5846. .webix_toolbar input[type=text]:focus {
  5847. border-color: #fff;
  5848. box-shadow: none;
  5849. }
  5850. .webix_toolbar .webix_el_combo .webix_input_icon,
  5851. .webix_toolbar .webix_el_richselect .webix_input_icon,
  5852. .webix_toolbar .webix_el_datepicker .webix_input_icon,
  5853. .webix_toolbar .webix_el_colorpicker .webix_input_icon {
  5854. border-color: #d9d9d9;
  5855. background-color: transparent;
  5856. color: #fff;
  5857. color: #666666;
  5858. }
  5859. .webix_toolbar .webix_el_combo .webix_input_icon:hover,
  5860. .webix_toolbar .webix_el_richselect .webix_input_icon:hover,
  5861. .webix_toolbar .webix_el_datepicker .webix_input_icon:hover,
  5862. .webix_toolbar .webix_el_colorpicker .webix_input_icon:hover {
  5863. background-color: rgba(0, 0, 0, 0);
  5864. color: #666666;
  5865. }
  5866. .webix_toolbar .webix_el_combo .webix_input_icon:active,
  5867. .webix_toolbar .webix_el_richselect .webix_input_icon:active,
  5868. .webix_toolbar .webix_el_datepicker .webix_input_icon:active,
  5869. .webix_toolbar .webix_el_colorpicker .webix_input_icon:active,
  5870. .webix_toolbar .webix_el_combo .webix_input_icon:focus,
  5871. .webix_toolbar .webix_el_richselect .webix_input_icon:focus,
  5872. .webix_toolbar .webix_el_datepicker .webix_input_icon:focus,
  5873. .webix_toolbar .webix_el_colorpicker .webix_input_icon:focus {
  5874. background-color: rgba(0, 0, 0, 0);
  5875. color: #666666;
  5876. }
  5877. .webix_toolbar .webix_selected.webix_segment_0,
  5878. .webix_toolbar .webix_selected.webix_segment_1,
  5879. .webix_toolbar .webix_selected.webix_segment_N {
  5880. border-color: #d9d9d9;
  5881. background-color: #27ae60;
  5882. color: #FFFFFF;
  5883. }
  5884. .webix_toolbar .webix_selected.webix_segment_0:hover,
  5885. .webix_toolbar .webix_selected.webix_segment_1:hover,
  5886. .webix_toolbar .webix_selected.webix_segment_N:hover {
  5887. background-color: #24a259;
  5888. }
  5889. .webix_toolbar .webix_selected.webix_segment_0:focus,
  5890. .webix_toolbar .webix_selected.webix_segment_1:focus,
  5891. .webix_toolbar .webix_selected.webix_segment_N:focus {
  5892. background-color: #229955;
  5893. }
  5894. .webix_toolbar .webix_selected.webix_segment_0:active,
  5895. .webix_toolbar .webix_selected.webix_segment_1:active,
  5896. .webix_toolbar .webix_selected.webix_segment_N:active {
  5897. background-color: #229955;
  5898. }
  5899. .webix_toolbar .webix_segment_1,
  5900. .webix_toolbar .webix_segment_N,
  5901. .webix_toolbar .webix_selected.webix_segment_1,
  5902. .webix_toolbar .webix_selected.webix_segment_N {
  5903. margin-left: 0;
  5904. border-left: none;
  5905. }
  5906. .webix_toolbar .webix_el_radio .webix_label_right {
  5907. color: #fff;
  5908. }
  5909. .webix_toolbar .webix_el_icon .webix_el_box {
  5910. border-radius: 6px;
  5911. }
  5912. .webix_toolbar .webix_el_icon .webix_el_box:hover {
  5913. background-color: #268fd5;
  5914. }
  5915. .webix_toolbar .webix_el_icon .webix_el_box:focus {
  5916. background-color: #2489cc;
  5917. }
  5918. .webix_toolbar .webix_control {
  5919. border-color: #3498db;
  5920. }
  5921. .webix_toolbar .webix_icon_button .webix_icon {
  5922. color: #fff;
  5923. }
  5924. .webix_layout_space > .webix_toolbar {
  5925. border-radius: 4px;
  5926. }
  5927. .webix_view.webix_layout_accordion {
  5928. background-color: #DDDDDD;
  5929. }
  5930. .webix_accordionitem .webix_accordionitem_button {
  5931. float: right;
  5932. position: relative;
  5933. height: 19px;
  5934. width: 19px;
  5935. margin: 8.5px 8px;
  5936. }
  5937. .webix_accordionitem .webix_accordionitem_header:hover,
  5938. .webix_accordionitem .webix_accordionitem_header:focus {
  5939. background-color: #268fd5;
  5940. }
  5941. .webix_accordionitem.collapsed .webix_accordionitem_button {
  5942. float: right;
  5943. position: relative;
  5944. height: 19px;
  5945. width: 19px;
  5946. margin-top: 7.5px;
  5947. }
  5948. .webix_accordionitem.horizontal.collapsed,
  5949. .webix_accordionitem.collapsed {
  5950. background-color: #A4B4BF;
  5951. }
  5952. .webix_accordionitem.horizontal.collapsed .webix_accordionitem_header,
  5953. .webix_accordionitem.collapsed .webix_accordionitem_header {
  5954. background-color: #A4B4BF;
  5955. color: #FFFFFF;
  5956. }
  5957. .webix_accordionitem.horizontal.collapsed .webix_accordionitem_header .webix_accordionitem_button,
  5958. .webix_accordionitem.collapsed .webix_accordionitem_header .webix_accordionitem_button {
  5959. color: #FFFFFF;
  5960. }
  5961. .webix_accordionitem.horizontal.collapsed .webix_accordionitem_header:hover,
  5962. .webix_accordionitem.collapsed .webix_accordionitem_header:hover,
  5963. .webix_accordionitem.horizontal.collapsed .webix_accordionitem_header:focus,
  5964. .webix_accordionitem.collapsed .webix_accordionitem_header:focus {
  5965. background-color: #9badb9;
  5966. }
  5967. .webix_accordionitem .webix_accordionitem_header .webix_accordionitem_button {
  5968. color: #fff;
  5969. background-image: none;
  5970. font-family: "Webix Material Icons";
  5971. font-size: 24px;
  5972. text-align: center;
  5973. width: 24px;
  5974. height: 34px;
  5975. margin: 0 5px 0 5px;
  5976. }
  5977. .webix_accordionitem .webix_accordionitem_header .webix_accordionitem_button:before {
  5978. content: '\F002';
  5979. }
  5980. .webix_accordionitem .webix_accordionitem_header.collapsed .webix_accordionitem_button:before {
  5981. content: '\F004';
  5982. }
  5983. .webix_accordionitem.horizontal:last-child > .webix_accordionitem_header .webix_accordionitem_button:before {
  5984. content: '\F003';
  5985. }
  5986. .webix_accordionitem.horizontal.collapsed:last-child > .webix_accordionitem_header .webix_accordionitem_button:before {
  5987. content: '\F001';
  5988. }
  5989. .webix_accordionitem.vertical > .webix_accordionitem_header .webix_accordionitem_button {
  5990. height: 31px;
  5991. margin: 0px 5px 0 5px;
  5992. }
  5993. .webix_accordionitem.vertical > .webix_accordionitem_header .webix_accordionitem_button:before {
  5994. content: '\F004';
  5995. }
  5996. .webix_accordionitem.vertical > .webix_accordionitem_header.collapsed .webix_accordionitem_button:before {
  5997. content: '\F001';
  5998. }
  5999. .webix_toolbar.webix_layout_subbar {
  6000. background: transparent;
  6001. }
  6002. .webix_toolbar.webix_layout_subbar .webix_view {
  6003. color: #666666;
  6004. }
  6005. .webix_el_tabbar + .webix_multiview {
  6006. background-color: #fff;
  6007. }
  6008. .webix_view.rounded_top {
  6009. -moz-border-top-left-radius: 4px;
  6010. -moz-border-top-right-radius: 4px;
  6011. -webkit-border-top-left-radius: 4px;
  6012. -webkit-border-top-right-radius: 4px;
  6013. border-top-left-radius: 4px;
  6014. border-top-right-radius: 4px;
  6015. }
  6016. .webix_view.rounded_right {
  6017. -moz-border-top-right-radius: 4px;
  6018. -moz-border-bottom-right-radius: 4px;
  6019. -webkit-border-top-right-radius: 4px;
  6020. -webkit-border-bottom-right-radius: 4px;
  6021. }
  6022. .webix_view.rounded_bottom {
  6023. border-bottom-left-radius: 4px;
  6024. border-bottom-right-radius: 4px;
  6025. -moz-border-bottom-left-radius: 4px;
  6026. -moz-border-bottom-right-radius: 4px;
  6027. -webkit-border-bottom-left-radius: 4px;
  6028. -webkit-border-bottom-right-radius: 4px;
  6029. }
  6030. .webix_view.rounded_left {
  6031. -moz-border-top-left-radius: 4px;
  6032. -moz-border-bottom-left-radius: 4px;
  6033. -webkit-border-top-left-radius: 4px;
  6034. -webkit-border-bottom-left-radius: 4px;
  6035. }
  6036. .webix_layout_space > .webix_view,
  6037. .webix_layout_wide > .webix_view {
  6038. border-radius: 4px;
  6039. }
  6040. .webix_layout_space .webix_layout_accordion .webix_accordionitem,
  6041. .webix_layout_wide .webix_layout_accordion .webix_accordionitem {
  6042. border-radius: 4px;
  6043. }
  6044. .webix_win_head {
  6045. border-bottom: 2px solid #3498db;
  6046. }
  6047. .webix_win_title {
  6048. color: #666666;
  6049. background: #fff;
  6050. }
  6051. .webix_view.webix_popup {
  6052. border: 1px solid #DDDDDD;
  6053. }
  6054. .webix_dtable .webix_ss_left .webix_column.webix_last > div {
  6055. border-right: 1px solid #d0d0d0;
  6056. }
  6057. .webix_dtable .webix_ss_right .webix_column.webix_first > div {
  6058. border-left: 1px solid #d0d0d0;
  6059. }
  6060. .webix_dtable .webix_last_topcell {
  6061. border-bottom: 1px solid #d0d0d0;
  6062. }
  6063. .webix_dtable .webix_hs_right .webix_hcell.webix_first {
  6064. border-left: 1px solid #b0cee3;
  6065. }
  6066. .webix_dtable .webix_hcell.webix_ss_filter {
  6067. padding: 0px 5px;
  6068. }
  6069. .webix_dtable .webix_ss_filter select,
  6070. .webix_dtable .webix_ss_filter input {
  6071. height: 24px;
  6072. vertical-align: middle;
  6073. border-radius: 6px;
  6074. }
  6075. .webix_dtable .webix_richfilter {
  6076. margin-top: 2px;
  6077. }
  6078. .webix_ss_sort_asc,
  6079. .webix_ss_sort_desc {
  6080. font-size: 18px;
  6081. }
  6082. .dtBodyCell {
  6083. border-bottom: 1px solid #ebebeb;
  6084. }
  6085. .webix_dtable .webix_ss_vscroll_header {
  6086. border-bottom: 1px solid #b0cee3;
  6087. }
  6088. .webix_view .webix_dt_editor input,
  6089. .webix_view .webix_dt_editor select {
  6090. border-color: #3498db;
  6091. }
  6092. .dataItemStyle {
  6093. border-color: #ebebeb;
  6094. }
  6095. .webix_list_item.webix_group_back {
  6096. color: #4A4A4A;
  6097. background: #D2E3EF;
  6098. border-bottom: 1px solid #b0cee3;
  6099. }
  6100. .webix_dataview_item {
  6101. border-right-color: #ebebeb;
  6102. }
  6103. .webix_dataview_item.tiles.webix_selected {
  6104. background-color: #ddf7e8;
  6105. color: #666666;
  6106. border-color: #27ae60;
  6107. }
  6108. .webix_dataview_item.tiles.webix_selected:focus {
  6109. background-color: #c8f3da;
  6110. }
  6111. .webix_view .webix_pager_item {
  6112. font-family: 'PT Sans', Tahoma;
  6113. outline: none;
  6114. background: #3498db;
  6115. color: #fff;
  6116. border: 1px solid #3498db;
  6117. border-bottom: 1px solid #268fd5;
  6118. font-size: 13px;
  6119. }
  6120. .webix_view .webix_pager_item:hover {
  6121. background-color: #268fd5;
  6122. }
  6123. .webix_view .webix_pager_item:focus {
  6124. background-color: #2489cc;
  6125. }
  6126. .webix_view .webix_pager_item:active {
  6127. background-color: #2489cc;
  6128. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  6129. }
  6130. .webix_view .webix_pager_item .webix_icon {
  6131. font-size: 15px;
  6132. }
  6133. .webix_view .webix_pager_item_selected {
  6134. font-family: 'PT Sans', Tahoma;
  6135. font-size: 13px;
  6136. color: #fff;
  6137. border: 1px solid #3498db;
  6138. border-bottom: 1px solid #268fd5;
  6139. outline: none;
  6140. background: #27ae60;
  6141. color: #FFFFFF;
  6142. border: 1px solid #27ae60;
  6143. border-bottom: 1px solid #239d57;
  6144. }
  6145. .webix_view .webix_pager_item_selected:hover {
  6146. background-color: #239d57;
  6147. }
  6148. .webix_view .webix_pager_item_selected:focus {
  6149. background-color: #219552;
  6150. }
  6151. .webix_view .webix_pager_item_selected:active {
  6152. background-color: #219552;
  6153. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  6154. }
  6155. .webix_view .webix_pager_item,
  6156. .webix_view .webix_pager_item_selected {
  6157. border-radius: 6px;
  6158. }
  6159. .webix_list .webix_unit_header {
  6160. font-weight: normal;
  6161. text-shadow: none;
  6162. background: #D2E3EF;
  6163. font-size: 13px;
  6164. color: #4A4A4A;
  6165. }
  6166. .webix_arrow_icon {
  6167. margin-top: -11px;
  6168. font-size: 18px;
  6169. }
  6170. .webix_group_back .webix_arrow_icon {
  6171. left: 6px;
  6172. }
  6173. .webix_view .webix_tree_open,
  6174. .webix_view .webix_tree_close {
  6175. background-image: none;
  6176. font-family: "Webix Material Icons";
  6177. font-size: 16px;
  6178. text-align: center;
  6179. color: #666666;
  6180. }
  6181. .webix_view .webix_tree_open:before {
  6182. content: "\F026";
  6183. }
  6184. .webix_view .webix_tree_close:before {
  6185. content: "\F025";
  6186. }
  6187. .webix_dbllist .webix_list_item,
  6188. .webix_dbllist .webix_list_item.webix_selected {
  6189. border: none;
  6190. }
  6191. .webix_dbllist .dbllist_button .webix_icon {
  6192. font-size: 18px;
  6193. }
  6194. .webix_menu-x .webix_submenu_icon,
  6195. .webix_view.webix_menu .webix_submenu_icon {
  6196. width: 7px;
  6197. height: auto;
  6198. font-size: 16px;
  6199. font-family: "Webix Material Icons";
  6200. line-height: 1px;
  6201. margin-top: 3px;
  6202. }
  6203. .webix_menu.webix_view .webix_list_item:hover,
  6204. .webix_menu.webix_view .webix_list_item:active,
  6205. .webix_menu.webix_view .webix_list_item:focus {
  6206. background-color: #f5f5f5;
  6207. }
  6208. .webix_menu.webix_view .webix_list_item .webix_submenu_icon:before {
  6209. content: '\F003';
  6210. }
  6211. .webix_menu.webix_view .webix_list_item.webix_selected {
  6212. background: #27ae60;
  6213. }
  6214. .webix_menu.webix_view .webix_list_item.webix_disabled {
  6215. background-color: #fff;
  6216. }
  6217. .webix_property .webix_property_line.webix_focused > div,
  6218. .webix_property .webix_property_line:focus > div {
  6219. background-color: #f6f6f6;
  6220. }
  6221. .webix_tree_item.webix_selected:focus span {
  6222. background-color: #219552;
  6223. }
  6224. .webix_drag_over,
  6225. .webix_drop_zone,
  6226. .webix_drop_area {
  6227. background-color: #f4f4f4;
  6228. }
  6229. .webix_view button,
  6230. .webix_view input[type=button] {
  6231. -webkit-appearance: none;
  6232. }
  6233. .webix_el_combo .webix_input_icon,
  6234. .webix_el_richselect .webix_input_icon,
  6235. .webix_el_datepicker .webix_input_icon,
  6236. .webix_el_colorpicker .webix_input_icon {
  6237. background-color: #3498db;
  6238. color: #fff;
  6239. -webkit-border-top-left-radius: 0;
  6240. -webkit-border-bottom-left-radius: 0;
  6241. -webkit-border-top-right-radius: 6px;
  6242. -webkit-border-bottom-right-radius: 6px;
  6243. -moz-border-radius-topleft: 0;
  6244. -moz-border-radius-bottomleft: 0;
  6245. -moz-border-radius-topright: 6px;
  6246. -moz-border-radius-bottomright: 6px;
  6247. border-top-left-radius: 0;
  6248. border-bottom-left-radius: 0;
  6249. border-top-right-radius: 6px;
  6250. border-bottom-right-radius: 6px;
  6251. }
  6252. .focusStyle {
  6253. border: 1px solid #3498db;
  6254. box-shadow: 0 0 1px #3498db inset;
  6255. }
  6256. .webix_el_search input,
  6257. .webix_el_combo input {
  6258. padding-right: 28px;
  6259. }
  6260. .webix_el_search input,
  6261. .webix_el_text input,
  6262. .webix_el_combo input {
  6263. border-radius: 6px;
  6264. }
  6265. .webix_el_search input:focus,
  6266. .webix_el_text input:focus,
  6267. .webix_el_combo input:focus {
  6268. border: 1px solid #3498db;
  6269. box-shadow: 0 0 1px #3498db inset;
  6270. }
  6271. .webix_el_richselect input,
  6272. .webix_el_datepicker input,
  6273. .webix_el_colorpicker input,
  6274. .webix_el_richselect .webix_inp_static,
  6275. .webix_el_datepicker .webix_inp_static,
  6276. .webix_el_colorpicker .webix_inp_static {
  6277. border-radius: 6px;
  6278. padding-right: 28px;
  6279. }
  6280. .webix_el_richselect input:focus,
  6281. .webix_el_datepicker input:focus,
  6282. .webix_el_colorpicker input:focus,
  6283. .webix_el_richselect .webix_inp_static:focus,
  6284. .webix_el_datepicker .webix_inp_static:focus,
  6285. .webix_el_colorpicker .webix_inp_static:focus {
  6286. border: 1px solid #3498db;
  6287. box-shadow: 0 0 1px #3498db inset;
  6288. }
  6289. .webix_el_textarea textarea:focus {
  6290. border: 1px solid #3498db;
  6291. box-shadow: 0 0 1px #3498db inset;
  6292. }
  6293. .webix_el_select select,
  6294. .webix_el_textarea textarea {
  6295. border-radius: 6px;
  6296. }
  6297. .webix_el_combo span.webix_input_icon,
  6298. .webix_el_richselect span.webix_input_icon {
  6299. width: 24px;
  6300. padding-left: 5px;
  6301. }
  6302. .webix_el_datepicker span.webix_input_icon,
  6303. .webix_el_colorpicker span.webix_input_icon,
  6304. .webix_el_search span.webix_input_icon {
  6305. width: 24px;
  6306. }
  6307. .webix_el_text .webix_inp_static {
  6308. border-radius: 6px;
  6309. white-space: nowrap;
  6310. }
  6311. .webix_focused .webix_inp_static {
  6312. border: 1px solid #3498db;
  6313. box-shadow: 0 0 1px #3498db inset;
  6314. }
  6315. .webix_multilist .wxi-checkbox-marked {
  6316. color: #3498db;
  6317. }
  6318. .webix_multilist .wxi-checkbox-marked,
  6319. .webix_multilist .wxi-checkbox-blank {
  6320. font-size: 20px;
  6321. }
  6322. .webix_multicombo_delete:after {
  6323. content: "\F011";
  6324. font-size: 14px;
  6325. color: #666666;
  6326. }
  6327. .buttonStyle {
  6328. font-family: 'PT Sans', Tahoma;
  6329. font-size: 13px;
  6330. color: #fff;
  6331. border: 1px solid #3498db;
  6332. border-bottom: 1px solid #268fd5;
  6333. outline: none;
  6334. }
  6335. .webix_el_colorpicker div.webix_inp_static div {
  6336. margin: 2.5px -20px 0px -5px;
  6337. }
  6338. div.webix_inp_static,
  6339. .webix_el_textarea textarea {
  6340. background: #ffffff;
  6341. font-family: 'PT Sans', Tahoma;
  6342. padding-top: 0px;
  6343. border-color: #cccccc;
  6344. /*.altBackColor;
  6345. .altBackBorderColor;*/
  6346. }
  6347. .webix_el_select select {
  6348. font-family: 'PT Sans', Tahoma;
  6349. border-color: #DDDDDD;
  6350. }
  6351. .webix_el_checkbox input {
  6352. border-color: #DDDDDD;
  6353. }
  6354. .webix_inp_counter_value {
  6355. width: 40px;
  6356. background: #ffffff;
  6357. font-family: 'PT Sans', Tahoma;
  6358. padding-top: 0px;
  6359. border-color: #cccccc;
  6360. /*.altBackColor;
  6361. .altBackBorderColor;*/
  6362. }
  6363. .webix_inp_counter_value:focus {
  6364. border-top: 1px solid #3498db;
  6365. border-bottom: 1px solid #3498db;
  6366. box-shadow: 0 0 1px #3498db inset;
  6367. }
  6368. .webix_inp_counter_prev,
  6369. .webix_inp_counter_next {
  6370. background: #3498db;
  6371. width: 29px;
  6372. font-family: 'PT Sans', Tahoma;
  6373. font-size: 13px;
  6374. color: #fff;
  6375. border: 1px solid #3498db;
  6376. border-bottom: 1px solid #268fd5;
  6377. outline: none;
  6378. font-weight: bold;
  6379. font-family: "Courier New", Courier, monospace;
  6380. }
  6381. .webix_inp_label,
  6382. .webix_inp_top_label,
  6383. .webix_label_right,
  6384. .webix_el_label .webix_el_box {
  6385. text-transform: none;
  6386. font-size: 13px;
  6387. }
  6388. .webix_view.webix_control.webix_el_tabbar {
  6389. background: transparent;
  6390. }
  6391. .webix_view.webix_control.webix_el_tabbar .webix_all_tabs {
  6392. padding: 0;
  6393. }
  6394. .webix_view.webix_control.webix_el_tabbar .webix_all_tabs .webix_item_tab:first-child {
  6395. border-left-width: 0;
  6396. }
  6397. .webix_view.webix_control.webix_el_tabbar .webix_after_all_tabs {
  6398. border: none;
  6399. }
  6400. .webix_item_tab {
  6401. border-color: #A4B4BF;
  6402. padding-top: 3px;
  6403. font-size: 16px;
  6404. }
  6405. .webix_item_tab.webix_selected {
  6406. padding-top: 2px;
  6407. }
  6408. .webixtype_bottom .webix_item_tab,
  6409. .webixtype_bottom .webix_item_tab.webix_selected {
  6410. border-color: #3498db;
  6411. border-right: 1px solid #5faee3;
  6412. background: #3498db;
  6413. color: #FFFFFF;
  6414. padding-top: 0;
  6415. }
  6416. .webixtype_bottom .webix_item_tab:last-child,
  6417. .webixtype_bottom .webix_item_tab.webix_selected:last-child {
  6418. border-right: 1px solid #5faee3;
  6419. }
  6420. .webixtype_bottom .webix_item_tab.webix_selected {
  6421. background: #2383c4;
  6422. color: #fff;
  6423. }
  6424. .webixtype_bottom .webix_item_tab.webix_selected:hover,
  6425. .webixtype_bottom .webix_item_tab.webix_selected:focus {
  6426. background-color: #207ab7;
  6427. }
  6428. .webix_el_tabbar .webixtype_icon {
  6429. background: #3498db;
  6430. }
  6431. .webix_el_tabbar .webixtype_icon .webix_item_tab {
  6432. white-space: nowrap;
  6433. }
  6434. .webix_el_tabbar .webixtype_icon .webix_img_btn {
  6435. -moz-box-sizing: border-box;
  6436. -webkit-box-sizing: border-box;
  6437. box-sizing: border-box;
  6438. margin: 0 auto;
  6439. color: #fff;
  6440. text-align: center;
  6441. }
  6442. .webix_el_tabbar .webixtype_icon .webix_img_btn .webix_icon_btn {
  6443. color: #fff;
  6444. }
  6445. .webix_el_tabbar .webixtype_icon .webix_img_btn .webix_icon_btn {
  6446. -moz-box-sizing: border-box;
  6447. -webkit-box-sizing: border-box;
  6448. box-sizing: border-box;
  6449. font-size: 24px;
  6450. height: 100%;
  6451. line-height: inherit;
  6452. margin: 0 3px;
  6453. vertical-align: top;
  6454. width: 100%;
  6455. }
  6456. .webix_el_tabbar .webixtype_icon .webix_item_tab.webix_selected {
  6457. background: #2383c4;
  6458. }
  6459. .webix_el_tabbar .webixtype_iconTop,
  6460. .webix_el_tabbar .webixtype_image {
  6461. -moz-box-sizing: border-box;
  6462. -webkit-box-sizing: border-box;
  6463. box-sizing: border-box;
  6464. }
  6465. .webix_el_tabbar .webixtype_iconTop .webix_icon,
  6466. .webix_el_tabbar .webixtype_image .webix_icon {
  6467. color: #fff;
  6468. font-size: 18px;
  6469. top: 1px;
  6470. }
  6471. .webix_el_tabbar .webixtype_iconTop .webix_item_tab,
  6472. .webix_el_tabbar .webixtype_image .webix_item_tab {
  6473. font-size: 13px;
  6474. padding-top: 2px;
  6475. padding-bottom: 2px;
  6476. }
  6477. .webix_el_tabbar .webixtype_iconTop .webix_img_btn_top .webix_icon,
  6478. .webix_el_tabbar .webixtype_image .webix_img_btn_top .webix_icon,
  6479. .webix_el_tabbar .webixtype_iconTop .webix_img_btn_top .webix_image,
  6480. .webix_el_tabbar .webixtype_image .webix_img_btn_top .webix_image {
  6481. margin-top: 2px;
  6482. }
  6483. .webix_el_tabbar .webixtype_iconTop .webix_img_btn_text,
  6484. .webix_el_tabbar .webixtype_image .webix_img_btn_text {
  6485. bottom: 0px;
  6486. font-size: 13px;
  6487. }
  6488. .webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected,
  6489. .webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected {
  6490. background: #2383c4;
  6491. box-shadow: 0 0 0 1px #3498db inset;
  6492. }
  6493. .webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected .webix_img_btn_text,
  6494. .webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected .webix_img_btn_text {
  6495. color: #fff;
  6496. }
  6497. .webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected .webix_icon,
  6498. .webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected .webix_icon {
  6499. color: #fff;
  6500. }
  6501. .webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected .webix_icon_btn,
  6502. .webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected .webix_icon_btn {
  6503. background-color: #2383c4;
  6504. }
  6505. .webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected .webix_img_btn,
  6506. .webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected .webix_img_btn {
  6507. color: #fff;
  6508. }
  6509. .webix_el_tabbar .webixtype_icon,
  6510. .webix_el_tabbar .webixtype_iconTop,
  6511. .webix_el_tabbar .webixtype_image {
  6512. background: #3498db;
  6513. }
  6514. .webix_el_tabbar .webixtype_icon .webix_tab_filler,
  6515. .webix_el_tabbar .webixtype_iconTop .webix_tab_filler,
  6516. .webix_el_tabbar .webixtype_image .webix_tab_filler {
  6517. border-bottom-color: #3498db;
  6518. }
  6519. .webix_el_tabbar .webixtype_icon .webix_item_tab,
  6520. .webix_el_tabbar .webixtype_iconTop .webix_item_tab,
  6521. .webix_el_tabbar .webixtype_image .webix_item_tab {
  6522. padding: 0;
  6523. border-radius: 0;
  6524. }
  6525. .webix_el_tabbar .webixtype_icon .webix_item_tab,
  6526. .webix_el_tabbar .webixtype_iconTop .webix_item_tab,
  6527. .webix_el_tabbar .webixtype_image .webix_item_tab {
  6528. color: #fff;
  6529. background: #3498db;
  6530. border-color: #3498db;
  6531. border-bottom: 1px solid #3498db;
  6532. }
  6533. .webix_el_tabbar .webixtype_icon .webix_item_tab .webix_img_btn,
  6534. .webix_el_tabbar .webixtype_iconTop .webix_item_tab .webix_img_btn,
  6535. .webix_el_tabbar .webixtype_image .webix_item_tab .webix_img_btn {
  6536. color: #fff;
  6537. }
  6538. .webix_tab_more_icon:focus {
  6539. color: #3498db;
  6540. }
  6541. .webix_el_tabbar .webixtype_icon .webix_tab_more_icon,
  6542. .webix_el_tabbar .webixtype_iconTop .webix_tab_more_icon,
  6543. .webix_el_tabbar .webixtype_image .webix_tab_more_icon,
  6544. .webix_el_tabbar .webixtype_bottom .webix_tab_more_icon {
  6545. background: #3498db;
  6546. }
  6547. .webix_el_tabbar .webixtype_icon .webix_tab_more_icon .webix_icon,
  6548. .webix_el_tabbar .webixtype_iconTop .webix_tab_more_icon .webix_icon,
  6549. .webix_el_tabbar .webixtype_image .webix_tab_more_icon .webix_icon,
  6550. .webix_el_tabbar .webixtype_bottom .webix_tab_more_icon .webix_icon {
  6551. color: #fff;
  6552. }
  6553. .webix_el_tabbar .webixtype_icon .webix_tab_more_icon:hover,
  6554. .webix_el_tabbar .webixtype_iconTop .webix_tab_more_icon:hover,
  6555. .webix_el_tabbar .webixtype_image .webix_tab_more_icon:hover,
  6556. .webix_el_tabbar .webixtype_bottom .webix_tab_more_icon:hover,
  6557. .webix_el_tabbar .webixtype_icon .webix_tab_more_icon:focus,
  6558. .webix_el_tabbar .webixtype_iconTop .webix_tab_more_icon:focus,
  6559. .webix_el_tabbar .webixtype_image .webix_tab_more_icon:focus,
  6560. .webix_el_tabbar .webixtype_bottom .webix_tab_more_icon:focus {
  6561. background-color: #268fd5;
  6562. }
  6563. .webix_tab_filler:first-child {
  6564. border-right: 0;
  6565. }
  6566. .passiveBarBG {
  6567. background: #A4B4BF;
  6568. color: #FFFFFF;
  6569. }
  6570. .webix_all_tabs {
  6571. padding-left: 1px;
  6572. padding-right: 1px;
  6573. }
  6574. .webix_after_all_tabs {
  6575. background: #3498db;
  6576. }
  6577. .webix_inp_counter_next:hover,
  6578. .webix_inp_counter_prev:hover,
  6579. .webix_segment_0:hover,
  6580. .webix_segment_1:hover,
  6581. .webix_segment_N:hover {
  6582. background-color: #268fd5;
  6583. }
  6584. .webix_inp_counter_next:focus,
  6585. .webix_inp_counter_prev:focus,
  6586. .webix_segment_0:focus,
  6587. .webix_segment_1:focus,
  6588. .webix_segment_N:focus {
  6589. background-color: #2489cc;
  6590. }
  6591. .webix_inp_counter_next:active,
  6592. .webix_inp_counter_prev:active,
  6593. .webix_segment_0:active,
  6594. .webix_segment_1:active,
  6595. .webix_segment_N:active {
  6596. background-color: #2489cc;
  6597. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  6598. }
  6599. .webix_el_text .webix_input_icon:hover,
  6600. .webix_el_text .webix_input_icon:active {
  6601. color: #3498db;
  6602. background: inherit;
  6603. cursor: pointer;
  6604. }
  6605. .webix_selected.webix_segment_0:hover,
  6606. .webix_selected.webix_segment_1:hover,
  6607. .webix_selected.webix_segment_N:hover {
  6608. background-color: #239d57;
  6609. }
  6610. .webix_selected.webix_segment_0:focus,
  6611. .webix_selected.webix_segment_1:focus,
  6612. .webix_selected.webix_segment_N:focus {
  6613. background-color: #219552;
  6614. }
  6615. .webix_selected.webix_segment_0:active,
  6616. .webix_selected.webix_segment_1:active,
  6617. .webix_selected.webix_segment_N:active {
  6618. background-color: #219552;
  6619. }
  6620. .webix_segment_1,
  6621. .webix_segment_N {
  6622. margin-left: 1px;
  6623. border-left: none;
  6624. }
  6625. .webix_slider_vertical .webix_slider_box {
  6626. margin-top: -10px;
  6627. }
  6628. .webix_slider_vertical .webix_slider_box .webix_slider_left,
  6629. .webix_slider_vertical .webix_slider_box .webix_slider_right {
  6630. width: 6px;
  6631. }
  6632. .webix_slider_vertical .webix_slider_box .webix_slider_handle {
  6633. left: 6px;
  6634. }
  6635. .webix_slider_vertical.webix_slider_alt .webix_slider_handle {
  6636. left: 3px;
  6637. height: 11px;
  6638. }
  6639. .webix_rangeslider .webix_slider_title_box {
  6640. height: 16px;
  6641. margin-top: -1px;
  6642. }
  6643. .webix_rangeslider .webix_slider_title {
  6644. height: 14px;
  6645. }
  6646. .activeShadow {
  6647. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  6648. }
  6649. .webix_custom_checkbox:before {
  6650. content: "\F020";
  6651. color: #3498db;
  6652. font-family: "Webix Material Icons";
  6653. font-weight: 600;
  6654. font-size: 20px;
  6655. height: 14px;
  6656. display: block;
  6657. line-height: 13px;
  6658. margin-left: -2px;
  6659. width: 14px;
  6660. }
  6661. .webix_checkbox_0 .webix_custom_checkbox:before {
  6662. visibility: hidden;
  6663. }
  6664. .webix_custom_checkbox {
  6665. float: left;
  6666. position: relative;
  6667. top: 50%;
  6668. margin-top: -6px;
  6669. padding: 0;
  6670. height: 15px;
  6671. width: 15px;
  6672. border: 1px solid #cccccc;
  6673. border-radius: 3px;
  6674. background-color: #ffffff;
  6675. }
  6676. .webix_custom_checkbox:focus {
  6677. border-color: #3498db;
  6678. }
  6679. a:focus .webix_custom_checkbox,
  6680. a:active .webix_custom_checkbox {
  6681. border: 1px solid #3498db;
  6682. box-shadow: 0 0 1px #3498db inset;
  6683. }
  6684. .webix_el_radio .webix_custom_radio:before {
  6685. content: " ";
  6686. background-color: #ffffff;
  6687. }
  6688. .webix_el_radio .webix_custom_radio:before {
  6689. content: " ";
  6690. margin: 3px;
  6691. border-radius: 50%;
  6692. display: block;
  6693. width: 7px;
  6694. -moz-box-sizing: border-box;
  6695. -webkit-box-sizing: border-box;
  6696. box-sizing: border-box;
  6697. height: 7px;
  6698. background-color: #3498db;
  6699. }
  6700. .webix_el_radio .webix_radio_option.webix_disabled .webix_custom_radio:before {
  6701. background-color: #aaa;
  6702. }
  6703. .webix_el_radio .webix_radio_0 .webix_custom_radio:before {
  6704. visibility: hidden;
  6705. }
  6706. .webix_el_radio .webix_custom_radio {
  6707. display: block;
  6708. height: 15px;
  6709. width: 15px;
  6710. padding: 0;
  6711. border: 1px solid #cccccc;
  6712. border-radius: 50%;
  6713. background-color: #ffffff;
  6714. }
  6715. .webix_el_radio .webix_custom_radio:focus {
  6716. border-color: #3498db;
  6717. }
  6718. .webix_el_radio .webix_label_right {
  6719. color: #666666;
  6720. font-size: 13px;
  6721. }
  6722. a:focus .webix_custom_radio,
  6723. a:active .webix_custom_radio {
  6724. border: 1px solid #3498db;
  6725. box-shadow: 0 0 1px #3498db inset;
  6726. }
  6727. .webix_richtext .wxi-underline,
  6728. .webix_richtext .wxi-italic,
  6729. .webix_richtext .wxi-bold {
  6730. vertical-align: sub;
  6731. font-size: 20px;
  6732. width: 20px;
  6733. }
  6734. .webix_cal_body .webix_cal_today {
  6735. -moz-box-sizing: border-box;
  6736. -webkit-box-sizing: border-box;
  6737. box-sizing: border-box;
  6738. border: 1px solid #27ae60;
  6739. border-radius: 6px;
  6740. }
  6741. .webix_cal_body .webix_cal_day,
  6742. .webix_cal_body .webix_cal_week_num {
  6743. font-size: 11px;
  6744. }
  6745. .webix_cal_body .webix_cal_select,
  6746. .webix_cal_body .webix_cal_select.webix_cal_today {
  6747. border-radius: 6px;
  6748. }
  6749. .webix_cal_body .webix_selected,
  6750. .webix_cal_body .webix_cal_event.webix_cal_select {
  6751. color: #fff;
  6752. border-radius: 6px;
  6753. background: #27ae60;
  6754. }
  6755. .webix_cal_body .webix_selected:focus,
  6756. .webix_cal_body .webix_cal_select:focus,
  6757. .webix_cal_body .webix_cal_event.webix_cal_select:focus {
  6758. background: #24a259;
  6759. }
  6760. .webix_cal_event {
  6761. color: #3498db;
  6762. }
  6763. .webix_cal_outside {
  6764. font-weight: normal;
  6765. color: #bbb;
  6766. }
  6767. .webix_cal_month {
  6768. line-height: 20px;
  6769. text-align: center;
  6770. font-size: 17px;
  6771. font-weight: bold;
  6772. }
  6773. .webix_view > .webix_cal_header div {
  6774. font-size: 12px;
  6775. }
  6776. .webix_cal_month_name {
  6777. font-size: 12px;
  6778. font-weight: normal;
  6779. }
  6780. .webix_cal_time .webix_icon {
  6781. font-size: 18px;
  6782. }
  6783. .webix_cal_range {
  6784. background-color: #d4f5e2;
  6785. }
  6786. .webix_progress_top .webix_progress_state,
  6787. .webix_progress_bottom .webix_progress_state {
  6788. 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);
  6789. }
  6790. .webix_progress_top .webix_progress_state {
  6791. background-size: 10px 10px;
  6792. }
  6793. .webix_progress_bottom .webix_progress_state {
  6794. background-size: 14px 14px;
  6795. }
  6796. .webix_accordionitem_label .webix_icon {
  6797. font-size: 17px;
  6798. width: 25px;
  6799. }
  6800. .webix_item_tab .webix_icon {
  6801. width: 30px;
  6802. font-size: 17px;
  6803. }
  6804. .webix_view .webix_item_tab:focus,
  6805. .webix_view .webix_cal_next_button:focus,
  6806. .webix_view .webix_cal_prev_button:focus {
  6807. outline-color: #bfbfbf;
  6808. outline-style: dotted;
  6809. outline-width: 1px;
  6810. }
  6811. .webix_comments_menu.webix_icon {
  6812. line-height: 24px;
  6813. font-size: 20px;
  6814. }
  6815. .webix_timeline_point {
  6816. r: 4;
  6817. }
  6818. .webix_color_out_block,
  6819. .webix_color_out_text,
  6820. .webix_color_area .webix_button {
  6821. height: 24px;
  6822. }
  6823. .webix_skin_mark {
  6824. height: 210px;
  6825. }
  6826. /* based on MaterialDesignIcons.com */
  6827. @font-face {
  6828. font-family: "Webix Material Icons";
  6829. src: url('../fonts/webixmdi-webfont.woff2') format('woff2'), url('../fonts/webixmdi-webfont.woff') format('woff');
  6830. font-weight: normal;
  6831. font-style: normal;
  6832. }
  6833. /* icons collection common for above fonts*/
  6834. .wxi-angle-down:before {
  6835. content: "\F001";
  6836. }
  6837. .wxi-angle-left:before {
  6838. content: "\F002";
  6839. }
  6840. .wxi-angle-right:before {
  6841. content: "\F003";
  6842. }
  6843. .wxi-angle-up:before {
  6844. content: "\F004";
  6845. }
  6846. .wxi-angle-double-right:before {
  6847. content: "\F005";
  6848. }
  6849. .wxi-angle-double-left:before {
  6850. content: "\F006";
  6851. }
  6852. .wxi-clock:before {
  6853. content: "\F007";
  6854. }
  6855. .wxi-calendar:before {
  6856. content: "\F008";
  6857. }
  6858. .wxi-search:before {
  6859. content: "\F009";
  6860. }
  6861. .wxi-dots:before {
  6862. content: "\F010";
  6863. }
  6864. .wxi-close:before {
  6865. content: "\F011";
  6866. }
  6867. .wxi-checkbox-marked:before {
  6868. content: "\F012";
  6869. }
  6870. .wxi-checkbox-blank:before {
  6871. content: "\F013";
  6872. }
  6873. .wxi-trash:before {
  6874. content: "\F014";
  6875. }
  6876. .wxi-pencil:before {
  6877. content: "\F015";
  6878. }
  6879. .wxi-eye:before {
  6880. content: "\F016";
  6881. }
  6882. .wxi-eye-slash:before {
  6883. content: "\F017";
  6884. }
  6885. .wxi-columns:before {
  6886. content: "\F018";
  6887. }
  6888. .wxi-drag:before {
  6889. content: "\F019";
  6890. }
  6891. .wxi-check:before {
  6892. content: "\F020";
  6893. }
  6894. .wxi-underline:before {
  6895. content: "\F021";
  6896. }
  6897. .wxi-bold:before {
  6898. content: "\F022";
  6899. }
  6900. .wxi-italic:before {
  6901. content: "\F023";
  6902. }
  6903. .wxi-sync:before {
  6904. content: "\F024";
  6905. }
  6906. .wxi-plus-square:before {
  6907. content: "\F025";
  6908. }
  6909. .wxi-minus-square:before {
  6910. content: "\F026";
  6911. }
  6912. .wxi-menu-down:before {
  6913. content: "\F027";
  6914. }
  6915. .wxi-menu-right:before {
  6916. content: "\F028";
  6917. }
  6918. .wxi-menu-left:before {
  6919. content: "\F029";
  6920. }
  6921. .wxi-folder:before {
  6922. content: "\F030";
  6923. }
  6924. .wxi-folder-open:before {
  6925. content: "\F031";
  6926. }
  6927. .wxi-file:before {
  6928. content: "\F032";
  6929. }
  6930. .wxi-close-circle:before {
  6931. content: "\F033";
  6932. }
  6933. .wxi-alert:before {
  6934. content: "\F034";
  6935. }
  6936. .wxi-radiobox-blank:before {
  6937. content: "\F035";
  6938. }
  6939. .wxi-radiobox-marked:before {
  6940. content: "\F036";
  6941. }
  6942. .wxi-angle-double-down:before {
  6943. content: "\F037";
  6944. }
  6945. .wxi-angle-double-up:before {
  6946. content: "\F038";
  6947. }
  6948. .wxi-plus-circle:before {
  6949. content: "\F039";
  6950. }
  6951. .wxi-minus-circle:before {
  6952. content: "\F040";
  6953. }
  6954. .wxi-plus:before {
  6955. content: "\F041";
  6956. }
  6957. .wxi-minus:before {
  6958. content: "\F042";
  6959. }
  6960. .wxi-download:before {
  6961. content: "\F043";
  6962. }
  6963. .wxi-user:before {
  6964. content: "\F044";
  6965. }
  6966. .wxi-filter:before {
  6967. content: "\F045";
  6968. }
  6969. .wxi-menu-up:before {
  6970. content: "\F046";
  6971. }
  6972. /*predefined styles for text lables inside a item*/
  6973. .webix_strong {
  6974. font-weight: bold;
  6975. white-space: nowrap;
  6976. }
  6977. .webix_light {
  6978. color: #b3b3b3;
  6979. }
  6980. /*contr-styles for bootstrap*/
  6981. .webix_view,
  6982. .webix_input_icon {
  6983. box-sizing: content-box;
  6984. }
  6985. .webix_view.webix_el_label {
  6986. box-sizing: border-box;
  6987. }
  6988. .webix_inp_label,
  6989. .webix_inp_top_label,
  6990. .webix_label_right {
  6991. margin-bottom: 0px;
  6992. }
  6993. .webix_view table {
  6994. border-collapse: initial;
  6995. }
  6996. /* Spin*/
  6997. .webix_spin {
  6998. -webkit-animation: webix_spin 2s infinite linear;
  6999. animation: webix_spin 2s infinite linear;
  7000. }
  7001. @-webkit-keyframes webix_spin {
  7002. 0% {
  7003. -webkit-transform: rotate(0deg);
  7004. transform: rotate(0deg);
  7005. }
  7006. 100% {
  7007. -webkit-transform: rotate(359deg);
  7008. transform: rotate(359deg);
  7009. }
  7010. }
  7011. @keyframes webix_spin {
  7012. 0% {
  7013. -webkit-transform: rotate(0deg);
  7014. transform: rotate(0deg);
  7015. }
  7016. 100% {
  7017. -webkit-transform: rotate(359deg);
  7018. transform: rotate(359deg);
  7019. }
  7020. }