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.

6588 Zeilen
167KB

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