You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

7403 lines
181 KiB

  1. /*!
  2. * DevExtreme
  3. * Version: 18.2.7
  4. * Build date: Mar 9, 2019
  5. *
  6. * Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
  7. * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
  8. */
  9. .dx-clearfix:before,
  10. .dx-clearfix:after {
  11. display: table;
  12. content: "";
  13. line-height: 0;
  14. }
  15. .dx-clearfix:after {
  16. clear: both;
  17. }
  18. .dx-translate-disabled {
  19. -webkit-transform: none !important;
  20. transform: none !important;
  21. }
  22. .dx-hidden-input {
  23. position: fixed;
  24. top: -10px;
  25. left: -10px;
  26. width: 0;
  27. height: 0;
  28. }
  29. .dx-user-select {
  30. -webkit-user-select: text;
  31. -moz-user-select: text;
  32. -ms-user-select: text;
  33. user-select: text;
  34. }
  35. .dx-state-invisible {
  36. display: none !important;
  37. }
  38. .dx-gesture-cover {
  39. -webkit-transform: translate3d(0, 0, 0);
  40. transform: translate3d(0, 0, 0);
  41. position: fixed;
  42. top: 0;
  43. right: 0;
  44. left: 0;
  45. bottom: 0;
  46. opacity: 0;
  47. z-index: 2147483647;
  48. }
  49. .dx-animating {
  50. pointer-events: none;
  51. }
  52. .dx-fade-animation.dx-enter,
  53. .dx-no-direction.dx-enter,
  54. .dx-fade-animation.dx-leave.dx-leave-active,
  55. .dx-no-direction.dx-leave.dx-leave-active {
  56. opacity: 0;
  57. }
  58. .dx-fade-animation.dx-leave,
  59. .dx-no-direction.dx-leave,
  60. .dx-fade-animation.dx-enter.dx-enter-active,
  61. .dx-no-direction.dx-enter.dx-enter-active {
  62. opacity: 1;
  63. }
  64. .dx-overflow-animation.dx-enter.dx-forward {
  65. -webkit-transform: translate3d(100%, 0, 0);
  66. transform: translate3d(100%, 0, 0);
  67. z-index: 2;
  68. }
  69. .dx-overflow-animation.dx-enter.dx-enter-active.dx-forward {
  70. -webkit-transform: translate3d(0, 0, 0);
  71. transform: translate3d(0, 0, 0);
  72. z-index: 2;
  73. }
  74. .dx-overflow-animation.dx-enter.dx-backward {
  75. -webkit-transform: translate3d(0, 0, 0);
  76. transform: translate3d(0, 0, 0);
  77. z-index: 1;
  78. }
  79. .dx-overflow-animation.dx-enter.dx-enter-active.dx-backward {
  80. -webkit-transform: translate3d(0, 0, 0);
  81. transform: translate3d(0, 0, 0);
  82. z-index: 1;
  83. }
  84. .dx-overflow-animation.dx-leave.dx-forward {
  85. -webkit-transform: translate3d(0, 0, 0);
  86. transform: translate3d(0, 0, 0);
  87. z-index: 1;
  88. }
  89. .dx-overflow-animation.dx-leave.dx-leave-active.dx-forward {
  90. -webkit-transform: translate3d(0, 0, 0);
  91. transform: translate3d(0, 0, 0);
  92. z-index: 1;
  93. }
  94. .dx-overflow-animation.dx-leave.dx-backward {
  95. -webkit-transform: translate3d(0, 0, 0);
  96. transform: translate3d(0, 0, 0);
  97. z-index: 2;
  98. }
  99. .dx-overflow-animation.dx-leave.dx-leave-active.dx-backward {
  100. -webkit-transform: translate3d(100%, 0, 0);
  101. transform: translate3d(100%, 0, 0);
  102. z-index: 2;
  103. }
  104. .dx-slide-animation.dx-enter.dx-forward {
  105. -webkit-transform: translate3d(100%, 0, 0);
  106. transform: translate3d(100%, 0, 0);
  107. }
  108. .dx-slide-animation.dx-enter.dx-enter-active.dx-forward {
  109. -webkit-transform: translate3d(0, 0, 0);
  110. transform: translate3d(0, 0, 0);
  111. }
  112. .dx-slide-animation.dx-enter.dx-backward {
  113. -webkit-transform: translate3d(-100%, 0, 0);
  114. transform: translate3d(-100%, 0, 0);
  115. }
  116. .dx-slide-animation.dx-enter.dx-enter-active.dx-backward {
  117. -webkit-transform: translate3d(0, 0, 0);
  118. transform: translate3d(0, 0, 0);
  119. }
  120. .dx-slide-animation.dx-leave.dx-forward {
  121. -webkit-transform: translate3d(0, 0, 0);
  122. transform: translate3d(0, 0, 0);
  123. }
  124. .dx-slide-animation.dx-leave.dx-leave-active.dx-forward {
  125. -webkit-transform: translate3d(-100%, 0, 0);
  126. transform: translate3d(-100%, 0, 0);
  127. }
  128. .dx-slide-animation.dx-leave.dx-backward {
  129. -webkit-transform: translate3d(0, 0, 0);
  130. transform: translate3d(0, 0, 0);
  131. }
  132. .dx-slide-animation.dx-leave.dx-leave-active.dx-backward {
  133. -webkit-transform: translate3d(100%, 0, 0);
  134. transform: translate3d(100%, 0, 0);
  135. }
  136. .dx-opendoor-animation.dx-enter.dx-forward {
  137. -webkit-transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
  138. transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
  139. -webkit-transform-origin: center left 0px;
  140. transform-origin: center left 0px;
  141. opacity: 0;
  142. }
  143. .dx-opendoor-animation.dx-enter.dx-enter-active.dx-forward {
  144. -webkit-transform: none;
  145. transform: none;
  146. opacity: 1;
  147. }
  148. .dx-opendoor-animation.dx-enter.dx-enter-active.dx-backward {
  149. -webkit-transform: none;
  150. transform: none;
  151. opacity: 1;
  152. }
  153. .dx-opendoor-animation.dx-leave.dx-forward {
  154. -webkit-transform: none;
  155. transform: none;
  156. -webkit-transform-origin: center left 0px;
  157. transform-origin: center left 0px;
  158. opacity: 1;
  159. }
  160. .dx-opendoor-animation.dx-leave.dx-backward {
  161. -webkit-transform: none;
  162. transform: none;
  163. -webkit-transform-origin: center left 0px;
  164. transform-origin: center left 0px;
  165. opacity: 1;
  166. }
  167. .dx-opendoor-animation.dx-leave.dx-leave-active.dx-forward {
  168. -webkit-transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1);
  169. transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1);
  170. -webkit-transform-origin: center left 0px;
  171. transform-origin: center left 0px;
  172. opacity: 0;
  173. }
  174. .dx-opendoor-animation.dx-enter.dx-backward {
  175. -webkit-transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1);
  176. transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1);
  177. -webkit-transform-origin: center left 0px;
  178. transform-origin: center left 0px;
  179. opacity: 0;
  180. }
  181. .dx-opendoor-animation.dx-leave.dx-leave-active.dx-backward {
  182. -webkit-transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
  183. transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
  184. opacity: 0;
  185. }
  186. .dx-win-pop-animation.dx-enter.dx-forward {
  187. -webkit-transform: scale(0.5);
  188. transform: scale(0.5);
  189. opacity: 0;
  190. }
  191. .dx-win-pop-animation.dx-enter.dx-enter-active.dx-forward {
  192. -webkit-transform: scale(1);
  193. transform: scale(1);
  194. opacity: 1;
  195. }
  196. .dx-win-pop-animation.dx-leave.dx-leave-active.dx-forward {
  197. -webkit-transform: scale(1.5);
  198. transform: scale(1.5);
  199. opacity: 0;
  200. }
  201. .dx-win-pop-animation.dx-enter.dx-backward {
  202. -webkit-transform: scale(1.5);
  203. transform: scale(1.5);
  204. opacity: 0;
  205. }
  206. .dx-win-pop-animation.dx-enter.dx-enter-active.dx-backward {
  207. -webkit-transform: scale(1);
  208. transform: scale(1);
  209. opacity: 1;
  210. }
  211. .dx-win-pop-animation.dx-leave.dx-leave-active.dx-backward {
  212. -webkit-transform: scale(0.5);
  213. transform: scale(0.5);
  214. opacity: 0;
  215. }
  216. .dx-android-pop-animation.dx-enter.dx-forward,
  217. .dx-android-pop-animation.dx-leave.dx-leave-active.dx-backward {
  218. -webkit-transform: translate3d(0, 150px, 0);
  219. transform: translate3d(0, 150px, 0);
  220. opacity: 0;
  221. }
  222. .dx-android-pop-animation.dx-enter.dx-enter-active.dx-forward,
  223. .dx-android-pop-animation.dx-leave.dx-backward {
  224. -webkit-transform: translate3d(0, 0, 0);
  225. transform: translate3d(0, 0, 0);
  226. opacity: 1;
  227. }
  228. .dx-android-pop-animation.dx-enter.dx-forward,
  229. .dx-android-pop-animation.dx-leave.dx-backward {
  230. z-index: 1;
  231. }
  232. .dx-ios7-slide-animation.dx-enter.dx-forward {
  233. z-index: 2;
  234. -webkit-transform: translate3d(100%, 0, 0);
  235. transform: translate3d(100%, 0, 0);
  236. }
  237. .dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-forward {
  238. z-index: 2;
  239. -webkit-transform: translate3d(0, 0, 0);
  240. transform: translate3d(0, 0, 0);
  241. }
  242. .dx-ios7-slide-animation.dx-enter.dx-backward {
  243. -webkit-transform: translate3d(-20%, 0, 0);
  244. transform: translate3d(-20%, 0, 0);
  245. z-index: 1;
  246. }
  247. .dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-backward {
  248. -webkit-transform: translate3d(0, 0, 0);
  249. transform: translate3d(0, 0, 0);
  250. z-index: 1;
  251. }
  252. .dx-ios7-slide-animation.dx-leave.dx-forward {
  253. z-index: 1;
  254. -webkit-transform: translate3d(0, 0, 0);
  255. transform: translate3d(0, 0, 0);
  256. }
  257. .dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-forward {
  258. -webkit-transform: translate3d(-20%, 0, 0);
  259. transform: translate3d(-20%, 0, 0);
  260. z-index: 1;
  261. }
  262. .dx-ios7-slide-animation.dx-leave.dx-backward {
  263. z-index: 2;
  264. }
  265. .dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-backward {
  266. -webkit-transform: translate3d(100%, 0, 0);
  267. transform: translate3d(100%, 0, 0);
  268. z-index: 2;
  269. }
  270. .dx-ios7-toolbar-animation.dx-enter.dx-forward {
  271. -webkit-transform: translate3d(40%, 0, 0);
  272. transform: translate3d(40%, 0, 0);
  273. opacity: 0;
  274. z-index: 2;
  275. }
  276. .dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-forward {
  277. -webkit-transform: translate3d(0, 0, 0);
  278. transform: translate3d(0, 0, 0);
  279. opacity: 1;
  280. z-index: 2;
  281. }
  282. .dx-ios7-toolbar-animation.dx-enter.dx-backward {
  283. -webkit-transform: translate3d(-40%, 0, 0);
  284. transform: translate3d(-40%, 0, 0);
  285. opacity: 0;
  286. z-index: 1;
  287. }
  288. .dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-backward {
  289. -webkit-transform: translate3d(0, 0, 0);
  290. transform: translate3d(0, 0, 0);
  291. opacity: 1;
  292. z-index: 1;
  293. }
  294. .dx-ios7-toolbar-animation.dx-leave.dx-forward {
  295. -webkit-transform: translate3d(0, 0, 0);
  296. transform: translate3d(0, 0, 0);
  297. opacity: 1;
  298. z-index: 1;
  299. }
  300. .dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-forward {
  301. -webkit-transform: translate3d(-40%, 0, 0);
  302. transform: translate3d(-40%, 0, 0);
  303. opacity: 0;
  304. z-index: 1;
  305. }
  306. .dx-ios7-toolbar-animation.dx-leave.dx-backward {
  307. -webkit-transform: translate3d(0, 0, 0);
  308. transform: translate3d(0, 0, 0);
  309. opacity: 1;
  310. z-index: 2;
  311. }
  312. .dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-backward {
  313. -webkit-transform: translate3d(40%, 0, 0);
  314. transform: translate3d(40%, 0, 0);
  315. opacity: 0;
  316. z-index: 2;
  317. }
  318. .dx-drop-animation.dx-enter,
  319. .dx-drop-animation.dx-leave.dx-leave-active {
  320. -webkit-transform: translate3d(0, -120%, 0);
  321. transform: translate3d(0, -120%, 0);
  322. }
  323. .dx-drop-animation.dx-leave,
  324. .dx-drop-animation.dx-enter.dx-enter-active {
  325. -webkit-transform: translate3d(0, 0, 0);
  326. transform: translate3d(0, 0, 0);
  327. }
  328. .dx-3d-drop-animation.dx-enter,
  329. .dx-3d-drop-animation.dx-leave.dx-leave-active {
  330. -webkit-transform: rotate3d(1, 0, 0, 10deg) translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
  331. transform: rotate3d(1, 0, 0, 10deg) translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
  332. opacity: 0;
  333. }
  334. .dx-3d-drop-animation.dx-leave,
  335. .dx-3d-drop-animation.dx-enter.dx-enter-active {
  336. -webkit-transform: rotate3d(1, 0, 0, 0) translate3d(0, 0, 0) scale3d(1, 1, 1);
  337. transform: rotate3d(1, 0, 0, 0) translate3d(0, 0, 0) scale3d(1, 1, 1);
  338. opacity: 1;
  339. }
  340. .dx-fade-drop-animation.dx-enter,
  341. .dx-fade-drop-animation.dx-leave.dx-leave-active {
  342. -webkit-transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
  343. transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
  344. opacity: 0;
  345. }
  346. .dx-fade-drop-animation.dx-leave,
  347. .dx-fade-drop-animation.dx-enter.dx-enter-active {
  348. -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  349. transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  350. opacity: 1;
  351. }
  352. .dx-fade-rise-animation.dx-enter,
  353. .dx-fade-rise-animation.dx-leave.dx-leave-active {
  354. -webkit-transform: translate3d(0, 10px, 0) scale3d(1.1, 1.1, 1.1);
  355. transform: translate3d(0, 10px, 0) scale3d(1.1, 1.1, 1.1);
  356. opacity: 0;
  357. }
  358. .dx-fade-rise-animation.dx-leave,
  359. .dx-fade-rise-animation.dx-enter.dx-enter-active {
  360. -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  361. transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  362. opacity: 1;
  363. }
  364. .dx-fade-slide-animation.dx-enter,
  365. .dx-fade-slide-animation.dx-leave.dx-leave-active {
  366. -webkit-transform: translate3d(40%, 0, 0);
  367. transform: translate3d(40%, 0, 0);
  368. opacity: 0;
  369. }
  370. .dx-fade-slide-animation.dx-leave,
  371. .dx-fade-slide-animation.dx-enter.dx-enter-active {
  372. -webkit-transform: translate3d(0, 0, 0);
  373. transform: translate3d(0, 0, 0);
  374. opacity: 1;
  375. }
  376. .dx-fade-zoom-animation.dx-enter,
  377. .dx-fade-zoom-animation.dx-leave.dx-leave-active {
  378. -webkit-transform: scale3d(0.3, 0.3, 0.3);
  379. transform: scale3d(0.3, 0.3, 0.3);
  380. opacity: 0;
  381. }
  382. .dx-fade-zoom-animation.dx-leave,
  383. .dx-fade-zoom-animation.dx-enter.dx-enter-active {
  384. -webkit-transform: scale3d(1, 1, 1);
  385. transform: scale3d(1, 1, 1);
  386. opacity: 1;
  387. }
  388. .dx-icon-plus,
  389. .dx-icon-overflow,
  390. .dx-icon-add,
  391. .dx-icon-airplane,
  392. .dx-icon-arrowleft,
  393. .dx-icon-arrowdown,
  394. .dx-icon-arrowright,
  395. .dx-icon-arrowup,
  396. .dx-icon-bookmark,
  397. .dx-icon-box,
  398. .dx-icon-car,
  399. .dx-icon-card,
  400. .dx-icon-cart,
  401. .dx-icon-chart,
  402. .dx-icon-clock,
  403. .dx-icon-close,
  404. .dx-icon-comment,
  405. .dx-icon-doc,
  406. .dx-icon-download,
  407. .dx-icon-edit,
  408. .dx-icon-email,
  409. .dx-icon-event,
  410. .dx-icon-favorites,
  411. .dx-icon-find,
  412. .dx-icon-folder,
  413. .dx-icon-food,
  414. .dx-icon-gift,
  415. .dx-icon-globe,
  416. .dx-icon-group,
  417. .dx-icon-help,
  418. .dx-icon-home,
  419. .dx-icon-image,
  420. .dx-icon-info,
  421. .dx-icon-key,
  422. .dx-icon-like,
  423. .dx-icon-map,
  424. .dx-icon-menu,
  425. .dx-icon-money,
  426. .dx-icon-music,
  427. .dx-icon-percent,
  428. .dx-icon-photo,
  429. .dx-icon-preferences,
  430. .dx-icon-product,
  431. .dx-icon-refresh,
  432. .dx-icon-remove,
  433. .dx-icon-runner,
  434. .dx-icon-tags,
  435. .dx-icon-tel,
  436. .dx-icon-tips,
  437. .dx-icon-todo,
  438. .dx-icon-toolbox,
  439. .dx-icon-user,
  440. .dx-icon-save,
  441. .dx-icon-clear,
  442. .dx-icon-search,
  443. .dx-icon-bold,
  444. .dx-icon-italic,
  445. .dx-icon-underline,
  446. .dx-icon-strike,
  447. .dx-icon-indent,
  448. .dx-icon-fontsize,
  449. .dx-icon-growfont,
  450. .dx-icon-shrinkfont,
  451. .dx-icon-color,
  452. .dx-icon-background,
  453. .dx-icon-superscript,
  454. .dx-icon-subscript,
  455. .dx-icon-header,
  456. .dx-icon-blockquote,
  457. .dx-icon-formula,
  458. .dx-icon-codeblock,
  459. .dx-icon-orderedlist,
  460. .dx-icon-bulletlist,
  461. .dx-icon-increaseindent,
  462. .dx-icon-decreaseindent,
  463. .dx-icon-alignleft,
  464. .dx-icon-alignright,
  465. .dx-icon-aligncenter,
  466. .dx-icon-alignjustify,
  467. .dx-icon-link,
  468. .dx-icon-video,
  469. .dx-icon-mention,
  470. .dx-icon-variable,
  471. .dx-icon-clearformat,
  472. .dx-icon-undo,
  473. .dx-icon-redo {
  474. background-position: 0 0;
  475. background-repeat: no-repeat;
  476. }
  477. .dx-icon {
  478. background-position: 50% 50%;
  479. }
  480. .dx-color-scheme {
  481. font-family: "#";
  482. }
  483. .dx-widget {
  484. display: block;
  485. -ms-content-zooming: none;
  486. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  487. -webkit-text-size-adjust: none;
  488. -webkit-touch-callout: none;
  489. padding: 0;
  490. outline: 0;
  491. -webkit-print-color-adjust: exact;
  492. color-adjust: exact;
  493. }
  494. .dx-widget,
  495. .dx-widget:before,
  496. .dx-widget:after,
  497. .dx-widget *,
  498. .dx-widget *:before,
  499. .dx-widget *:after {
  500. -webkit-box-sizing: border-box;
  501. box-sizing: border-box;
  502. }
  503. .dx-item {
  504. outline: 0;
  505. }
  506. .dx-rtl {
  507. direction: rtl;
  508. unicode-bidi: embed;
  509. }
  510. .dx-state-disabled {
  511. pointer-events: none;
  512. }
  513. .dx-badge {
  514. padding: 0px 5px;
  515. border-radius: 14px;
  516. color: white;
  517. font-size: 13px;
  518. line-height: 1;
  519. }
  520. .dx-draggable {
  521. left: 0;
  522. cursor: pointer;
  523. -webkit-user-select: none;
  524. -moz-user-select: none;
  525. -ms-user-select: none;
  526. user-select: none;
  527. -webkit-touch-callout: none;
  528. }
  529. .dx-draggable.dx-state-disabled,
  530. .dx-state-disabled .dx-draggable {
  531. cursor: default;
  532. }
  533. .dx-resizable {
  534. display: block;
  535. position: relative;
  536. }
  537. .dx-resizable-handle {
  538. position: absolute;
  539. z-index: 50;
  540. }
  541. .dx-state-disabled .dx-resizable-handle {
  542. cursor: default;
  543. }
  544. .dx-resizable-handle-left,
  545. .dx-resizable-handle-right {
  546. top: 0px;
  547. height: 100%;
  548. width: 3px;
  549. }
  550. .dx-resizable-handle-left {
  551. left: 0px;
  552. cursor: e-resize;
  553. }
  554. .dx-resizable-handle-right {
  555. right: 0px;
  556. cursor: e-resize;
  557. }
  558. .dx-resizable-handle-top,
  559. .dx-resizable-handle-bottom {
  560. left: 0px;
  561. width: 100%;
  562. height: 3px;
  563. }
  564. .dx-resizable-handle-top {
  565. top: 0px;
  566. cursor: s-resize;
  567. }
  568. .dx-resizable-handle-bottom {
  569. bottom: 0px;
  570. cursor: s-resize;
  571. }
  572. .dx-resizable-handle-corner-bottom-left,
  573. .dx-resizable-handle-corner-top-left,
  574. .dx-resizable-handle-corner-top-right {
  575. width: 6px;
  576. height: 6px;
  577. }
  578. .dx-resizable-handle-corner-top-left {
  579. left: 0px;
  580. top: 0px;
  581. cursor: se-resize;
  582. border-bottom-right-radius: 100%;
  583. }
  584. .dx-resizable-handle-corner-top-right {
  585. right: 0px;
  586. top: 0px;
  587. cursor: ne-resize;
  588. border-bottom-left-radius: 100%;
  589. }
  590. :not(.dx-rtl) > .dx-resizable-handle-corner-bottom-right {
  591. width: 20px;
  592. height: 20px;
  593. right: 0px;
  594. bottom: 0px;
  595. cursor: se-resize;
  596. border-top-left-radius: 100%;
  597. background-position: 20px 20px;
  598. }
  599. :not(.dx-rtl) > .dx-resizable-handle-corner-bottom-left {
  600. left: 0px;
  601. bottom: 0px;
  602. cursor: ne-resize;
  603. border-top-right-radius: 100%;
  604. }
  605. .dx-rtl .dx-resizable-handle-corner-bottom-left {
  606. -webkit-transform: rotate(90deg);
  607. transform: rotate(90deg);
  608. width: 20px;
  609. height: 20px;
  610. left: 0px;
  611. bottom: 0px;
  612. cursor: ne-resize;
  613. border-top-left-radius: 100%;
  614. background-position: 20px 20px;
  615. }
  616. .dx-rtl .dx-resizable-handle-corner-bottom-right {
  617. right: 0px;
  618. bottom: 0px;
  619. cursor: se-resize;
  620. border-top-left-radius: 100%;
  621. }
  622. .dx-box-item-content {
  623. font-size: 14px;
  624. }
  625. .dx-box-fallback-item > .dx-box-item-content {
  626. width: 100%;
  627. height: 100%;
  628. }
  629. .dx-box-item-content {
  630. -webkit-flex-direction: column;
  631. -webkit-box-orient: vertical;
  632. -webkit-box-direction: normal;
  633. -ms-flex-direction: column;
  634. flex-direction: column;
  635. max-width: 100%;
  636. }
  637. .dx-box-flex .dx-box-item > .dx-scrollable,
  638. .dx-box-flex .dx-box-item-content > .dx-scrollable,
  639. .dx-box-flex .dx-box-item > .dx-treeview,
  640. .dx-box-flex .dx-box-item-content > .dx-treeview,
  641. .dx-box-flex .dx-box-item > .dx-treeview > .dx-scrollable,
  642. .dx-box-flex .dx-box-item-content > .dx-treeview > .dx-scrollable {
  643. display: -webkit-flex;
  644. display: -webkit-box;
  645. display: -ms-flexbox;
  646. display: flex;
  647. -webkit-flex-grow: 1;
  648. -webkit-box-flex: 1;
  649. -ms-flex-positive: 1;
  650. flex-grow: 1;
  651. -webkit-flex-direction: column;
  652. -webkit-box-orient: vertical;
  653. -webkit-box-direction: normal;
  654. -ms-flex-direction: column;
  655. flex-direction: column;
  656. height: auto;
  657. }
  658. .dx-box-flex .dx-box-item > .dx-scrollable > .dx-scrollable-wrapper,
  659. .dx-box-flex .dx-box-item-content > .dx-scrollable > .dx-scrollable-wrapper,
  660. .dx-box-flex .dx-box-item > .dx-treeview > .dx-scrollable-wrapper,
  661. .dx-box-flex .dx-box-item-content > .dx-treeview > .dx-scrollable-wrapper,
  662. .dx-box-flex .dx-box-item > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper,
  663. .dx-box-flex .dx-box-item-content > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper {
  664. display: -webkit-box;
  665. display: -webkit-flex;
  666. display: -ms-flexbox;
  667. display: flex;
  668. -webkit-box-flex: 1;
  669. -webkit-flex-grow: 1;
  670. -ms-flex-positive: 1;
  671. flex-grow: 1;
  672. -webkit-box-orient: vertical;
  673. -webkit-box-direction: normal;
  674. -webkit-flex-direction: column;
  675. -ms-flex-direction: column;
  676. flex-direction: column;
  677. height: auto;
  678. }
  679. .dx-box-flex .dx-box-item > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
  680. .dx-box-flex .dx-box-item-content > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
  681. .dx-box-flex .dx-box-item > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container,
  682. .dx-box-flex .dx-box-item-content > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container,
  683. .dx-box-flex .dx-box-item > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
  684. .dx-box-flex .dx-box-item-content > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
  685. height: auto;
  686. }
  687. .dx-button-disabled {
  688. cursor: default;
  689. }
  690. .dx-button {
  691. display: inline-block;
  692. cursor: pointer;
  693. text-align: center;
  694. vertical-align: middle;
  695. max-width: 100%;
  696. -webkit-user-select: none;
  697. -moz-user-select: none;
  698. -ms-user-select: none;
  699. user-select: none;
  700. -webkit-touch-callout: none;
  701. user-drag: none;
  702. }
  703. .dx-button .dx-icon {
  704. user-drag: none;
  705. display: inline-block;
  706. vertical-align: middle;
  707. }
  708. .dx-button-content {
  709. height: 100%;
  710. max-height: 100%;
  711. }
  712. .dx-button-has-text .dx-button-content {
  713. overflow: hidden;
  714. text-overflow: ellipsis;
  715. white-space: nowrap;
  716. }
  717. .dx-button-content:after {
  718. display: inline-block;
  719. height: 100%;
  720. content: '';
  721. vertical-align: middle;
  722. font-size: 0;
  723. }
  724. .dx-button-link {
  725. text-decoration: none;
  726. }
  727. .dx-button-text {
  728. display: inline;
  729. vertical-align: middle;
  730. }
  731. .dx-button-submit-input {
  732. padding: 0;
  733. margin: 0;
  734. border: 0;
  735. height: 0;
  736. width: 0;
  737. font-size: 0;
  738. opacity: 0;
  739. }
  740. .dx-state-disabled.dx-button,
  741. .dx-state-disabled .dx-button {
  742. cursor: default;
  743. }
  744. .dx-buttongroup {
  745. display: inline-block;
  746. }
  747. .dx-buttongroup-wrapper {
  748. display: -webkit-box;
  749. display: -webkit-flex;
  750. display: -ms-flexbox;
  751. display: flex;
  752. -webkit-box-orient: horizontal;
  753. -webkit-box-direction: normal;
  754. -webkit-flex-flow: row nowrap;
  755. -ms-flex-flow: row nowrap;
  756. flex-flow: row nowrap;
  757. }
  758. .dx-buttongroup-item {
  759. -webkit-box-flex: 0;
  760. -webkit-flex: 0 1 auto;
  761. -ms-flex: 0 1 auto;
  762. flex: 0 1 auto;
  763. }
  764. .dx-buttongroup-item.dx-button-mode-outlined,
  765. .dx-buttongroup-item.dx-button-mode-contained {
  766. border-left-width: 0;
  767. }
  768. .dx-buttongroup-item.dx-button-mode-outlined.dx-button,
  769. .dx-buttongroup-item.dx-button-mode-contained.dx-button {
  770. border-radius: 0;
  771. }
  772. .dx-buttongroup-item.dx-button-mode-text {
  773. margin-left: 1px;
  774. }
  775. .dx-buttongroup-item-has-width {
  776. -webkit-box-flex: 1;
  777. -webkit-flex: 1 1 auto;
  778. -ms-flex: 1 1 auto;
  779. flex: 1 1 auto;
  780. width: 100%;
  781. }
  782. .dx-scrollable-scrollbar-simulated {
  783. position: relative;
  784. }
  785. .dx-scrollable {
  786. display: block;
  787. height: 100%;
  788. min-height: 0;
  789. }
  790. .dx-scrollable-native {
  791. -ms-overflow-style: -ms-autohiding-scrollbar;
  792. -ms-scroll-snap-type: proximity;
  793. }
  794. .dx-scrollable-native .dx-scrollable-scrollbar {
  795. display: none;
  796. }
  797. .dx-scrollable-native.dx-scrollable-scrollbar-simulated .dx-scrollable-scrollbar {
  798. display: block;
  799. }
  800. .dx-scrollable-native .dx-scrollable-container {
  801. -webkit-overflow-scrolling: touch;
  802. position: relative;
  803. height: 100%;
  804. }
  805. .dx-scrollable-native.dx-scrollable-vertical,
  806. .dx-scrollable-native.dx-scrollable-vertical .dx-scrollable-container {
  807. -ms-touch-action: pan-y;
  808. touch-action: pan-y;
  809. overflow-x: hidden;
  810. overflow-y: auto;
  811. }
  812. .dx-scrollable-native.dx-scrollable-horizontal,
  813. .dx-scrollable-native.dx-scrollable-horizontal .dx-scrollable-container {
  814. -ms-touch-action: pan-x;
  815. touch-action: pan-x;
  816. float: none;
  817. overflow-x: auto;
  818. overflow-y: hidden;
  819. }
  820. .dx-scrollable-native.dx-scrollable-both,
  821. .dx-scrollable-native.dx-scrollable-both .dx-scrollable-container {
  822. -ms-touch-action: pan-y pan-x;
  823. touch-action: pan-y pan-x;
  824. float: none;
  825. overflow-x: auto;
  826. overflow-y: auto;
  827. }
  828. .dx-scrollable-native.dx-scrollable-disabled,
  829. .dx-scrollable-native.dx-scrollable-disabled .dx-scrollable-container {
  830. -ms-touch-action: auto;
  831. touch-action: auto;
  832. }
  833. .dx-scrollable-native.dx-scrollable-scrollbars-hidden ::-webkit-scrollbar {
  834. opacity: 0;
  835. }
  836. .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollable-content {
  837. min-height: 101%;
  838. -webkit-box-sizing: content-box;
  839. box-sizing: content-box;
  840. }
  841. .dx-scrollable-native.dx-scrollable-native-ios.dx-scrollable-horizontal .dx-scrollable-content {
  842. min-height: 0;
  843. padding: 0;
  844. }
  845. .dx-scrollable-native.dx-scrollable-native-generic {
  846. -ms-overflow-style: auto;
  847. overflow: hidden;
  848. }
  849. .dx-scrollable-native.dx-scrollable-native-generic .dx-scrollable-content {
  850. height: auto;
  851. }
  852. .dx-scrollable-native.dx-scrollable-native-android .dx-scrollable-content {
  853. -webkit-transform: none;
  854. transform: none;
  855. z-index: 0;
  856. }
  857. .dx-scrollable-scrollbar-simulated ::-webkit-scrollbar,
  858. .dx-scrollable-scrollbar-simulated .dx-scrollable-container ::-webkit-scrollbar {
  859. display: none;
  860. }
  861. .dx-scrollable-container {
  862. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  863. overflow: hidden;
  864. width: 100%;
  865. height: 100%;
  866. }
  867. .dx-scrollable-container:focus {
  868. outline: none;
  869. }
  870. .dx-scrollable-wrapper {
  871. position: relative;
  872. width: 100%;
  873. height: 100%;
  874. }
  875. .dx-scrollable-content {
  876. position: relative;
  877. min-height: 100%;
  878. -webkit-box-sizing: border-box;
  879. box-sizing: border-box;
  880. }
  881. .dx-scrollable-content:before,
  882. .dx-scrollable-content:after {
  883. display: table;
  884. content: "";
  885. line-height: 0;
  886. }
  887. .dx-scrollable-content:after {
  888. clear: both;
  889. }
  890. .dx-scrollable-horizontal .dx-scrollable-content,
  891. .dx-scrollable-both .dx-scrollable-content {
  892. display: block;
  893. float: left;
  894. min-width: 100%;
  895. }
  896. .dx-scrollable-scrollbar {
  897. position: absolute;
  898. pointer-events: auto;
  899. }
  900. .dx-scrollbar-vertical {
  901. top: 0;
  902. right: 0;
  903. height: 100%;
  904. }
  905. .dx-scrollbar-vertical .dx-scrollable-scroll {
  906. width: 5px;
  907. }
  908. .dx-scrollbar-horizontal {
  909. bottom: 0;
  910. left: 0;
  911. width: 100%;
  912. }
  913. .dx-scrollbar-horizontal .dx-scrollable-scroll {
  914. height: 5px;
  915. }
  916. .dx-scrollable-scroll {
  917. position: relative;
  918. background-color: #888;
  919. background-color: rgba(0, 0, 0, 0.5);
  920. -webkit-transform: translate(0px, 0px);
  921. -webkit-transition: background-color 0s linear;
  922. transition: background-color 0s linear;
  923. }
  924. .dx-scrollable-scroll.dx-state-invisible {
  925. display: block !important;
  926. background-color: transparent;
  927. background-color: rgba(0, 0, 0, 0);
  928. -webkit-transition: background-color 0.5s linear 1s;
  929. transition: background-color 0.5s linear 1s;
  930. }
  931. .dx-rtl .dx-scrollable,
  932. .dx-rtl.dx-scrollable {
  933. direction: ltr;
  934. }
  935. .dx-rtl .dx-scrollable .dx-scrollable-content,
  936. .dx-rtl.dx-scrollable .dx-scrollable-content,
  937. .dx-rtl .dx-scrollable .dx-scrollable-container,
  938. .dx-rtl.dx-scrollable .dx-scrollable-container {
  939. direction: ltr;
  940. }
  941. .dx-rtl .dx-scrollable .dx-scrollable-content > *,
  942. .dx-rtl.dx-scrollable .dx-scrollable-content > * {
  943. direction: rtl;
  944. }
  945. .dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical,
  946. .dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical {
  947. right: auto;
  948. left: 0;
  949. }
  950. .dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal,
  951. .dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal {
  952. direction: ltr;
  953. }
  954. .dx-device-ios-6 .dx-scrollable-content {
  955. -webkit-backface-visibility: hidden;
  956. backface-visibility: hidden;
  957. }
  958. .dx-device-android .dx-scrollable-native.dx-scrollable-scrollbars-hidden ::-webkit-scrollbar {
  959. display: none;
  960. }
  961. .dx-scrollable-native.dx-scrollable-native-generic .dx-scrollview-top-pocket {
  962. position: absolute;
  963. display: none;
  964. }
  965. .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-top-pocket {
  966. width: 40px;
  967. height: 40px;
  968. left: 50%;
  969. position: absolute;
  970. z-index: 1;
  971. }
  972. .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down {
  973. background-image: none;
  974. position: static;
  975. height: 100%;
  976. width: 100%;
  977. left: -50%;
  978. margin-left: -20px;
  979. padding: 0;
  980. border-radius: 50%;
  981. }
  982. .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down.dx-scrollview-pull-down-loading {
  983. -webkit-transition: -webkit-transform 100ms linear;
  984. transition: -webkit-transform 100ms linear;
  985. transition: transform 100ms linear;
  986. transition: transform 100ms linear, -webkit-transform 100ms linear;
  987. }
  988. .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator {
  989. position: relative;
  990. top: 0;
  991. padding: 4px;
  992. margin: 0;
  993. height: 100%;
  994. width: 100%;
  995. float: left;
  996. -webkit-box-sizing: border-box;
  997. box-sizing: border-box;
  998. }
  999. .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator .dx-loadindicator {
  1000. float: left;
  1001. }
  1002. .dx-scrollable-native.dx-scrollable-native-android .dx-icon-pulldown {
  1003. width: 100%;
  1004. height: 100%;
  1005. padding: 8px;
  1006. font-size: 24px;
  1007. -webkit-box-sizing: border-box;
  1008. box-sizing: border-box;
  1009. -webkit-transition: opacity .2s;
  1010. transition: opacity .2s;
  1011. }
  1012. .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading.dx-scrollview-pull-down {
  1013. -webkit-transition: top 0.2s ease-out 0s;
  1014. transition: top 0.2s ease-out 0s;
  1015. }
  1016. .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-image {
  1017. position: absolute;
  1018. margin: 0;
  1019. width: 100%;
  1020. height: 100%;
  1021. top: 0;
  1022. left: 0;
  1023. background-size: contain;
  1024. -webkit-transition: opacity .2s ease 0s;
  1025. transition: opacity .2s ease 0s;
  1026. }
  1027. .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown {
  1028. display: none;
  1029. }
  1030. .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket {
  1031. position: absolute;
  1032. left: 0;
  1033. width: 100%;
  1034. overflow-y: auto;
  1035. -webkit-transition: -webkit-transform 400ms ease;
  1036. transition: -webkit-transform 400ms ease;
  1037. transition: transform 400ms ease;
  1038. transition: transform 400ms ease, -webkit-transform 400ms ease;
  1039. -webkit-transform: translate(0px, 0px);
  1040. transform: translate(0px, 0px);
  1041. }
  1042. .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-content {
  1043. -webkit-transition: -webkit-transform 400ms ease;
  1044. transition: -webkit-transform 400ms ease;
  1045. transition: transform 400ms ease;
  1046. transition: transform 400ms ease, -webkit-transform 400ms ease;
  1047. -webkit-transform: none;
  1048. transform: none;
  1049. }
  1050. .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled {
  1051. overflow-y: auto;
  1052. }
  1053. .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-container {
  1054. overflow-y: auto;
  1055. overflow-x: hidden;
  1056. }
  1057. .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-content {
  1058. overflow-y: hidden;
  1059. }
  1060. .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollview-content {
  1061. overflow-y: hidden;
  1062. }
  1063. .dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container {
  1064. -ms-overflow-style: -ms-autohiding-scrollbar;
  1065. }
  1066. .dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollview-bottom-pocket {
  1067. width: 100%;
  1068. text-align: center;
  1069. }
  1070. .dx-device-android-4 .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown {
  1071. display: block;
  1072. }
  1073. .dx-scrollview-content {
  1074. position: static;
  1075. }
  1076. .dx-scrollview-content:before,
  1077. .dx-scrollview-content:after {
  1078. display: table;
  1079. content: "";
  1080. line-height: 0;
  1081. }
  1082. .dx-scrollview-content:after {
  1083. clear: both;
  1084. }
  1085. .dx-scrollview-pull-down {
  1086. width: 100%;
  1087. height: 50px;
  1088. padding: 15px 0;
  1089. top: -80px;
  1090. overflow: hidden;
  1091. -webkit-transform: translate(0px, 0px);
  1092. transform: translate(0px, 0px);
  1093. user-drag: none;
  1094. -webkit-box-sizing: content-box;
  1095. box-sizing: content-box;
  1096. }
  1097. .dx-scrollview-pull-down-container {
  1098. display: inline-block;
  1099. width: 49%;
  1100. text-align: right;
  1101. }
  1102. .dx-scrollview-pull-down-indicator {
  1103. opacity: 0;
  1104. position: absolute;
  1105. left: 0;
  1106. top: 50%;
  1107. display: inline-block;
  1108. margin: -15px 20px 0 15px;
  1109. width: 20px;
  1110. user-drag: none;
  1111. }
  1112. .dx-scrollview-pull-down-image {
  1113. display: inline-block;
  1114. vertical-align: middle;
  1115. margin: 0 20px;
  1116. width: 20px;
  1117. height: 50px;
  1118. background-size: contain;
  1119. user-drag: none;
  1120. -webkit-transform: translate(0, 0) rotate(0deg);
  1121. transform: translate(0, 0) rotate(0deg);
  1122. -webkit-transition: -webkit-transform .2s linear;
  1123. transition: -webkit-transform .2s linear;
  1124. transition: transform .2s linear;
  1125. transition: transform .2s linear, -webkit-transform .2s linear;
  1126. }
  1127. .dx-scrollview-pull-down-text {
  1128. display: inline;
  1129. vertical-align: middle;
  1130. position: relative;
  1131. overflow: visible;
  1132. user-drag: none;
  1133. }
  1134. .dx-scrollview-pull-down-text div {
  1135. position: absolute;
  1136. left: 0;
  1137. top: 0;
  1138. white-space: nowrap;
  1139. overflow: visible;
  1140. opacity: 0;
  1141. }
  1142. .dx-scrollview-pull-down-text div.dx-scrollview-pull-down-text-visible {
  1143. opacity: 1;
  1144. }
  1145. .dx-scrollview-pull-down-ready .dx-scrollview-pull-down-image {
  1146. -webkit-transform: translate(0, 0) rotate(-180deg);
  1147. transform: translate(0, 0) rotate(-180deg);
  1148. }
  1149. .dx-scrollview-pull-down-loading .dx-scrollview-pull-down-image {
  1150. opacity: 0;
  1151. }
  1152. .dx-scrollview-pull-down-loading .dx-scrollview-pull-down-indicator {
  1153. opacity: 1;
  1154. }
  1155. .dx-scrollview-scrollbottom {
  1156. width: 100%;
  1157. padding: 10px 0;
  1158. overflow: hidden;
  1159. text-align: center;
  1160. -webkit-transform: translate(0, 0);
  1161. transform: translate(0, 0);
  1162. }
  1163. .dx-scrollview-scrollbottom:before {
  1164. content: '';
  1165. display: inline-block;
  1166. height: 100%;
  1167. vertical-align: middle;
  1168. }
  1169. .dx-scrollview-scrollbottom-indicator {
  1170. display: inline-block;
  1171. margin: 0 10px 0 0;
  1172. user-drag: none;
  1173. }
  1174. .dx-scrollview-scrollbottom-text {
  1175. display: inline-block;
  1176. margin-top: -20px;
  1177. vertical-align: middle;
  1178. user-drag: none;
  1179. }
  1180. .dx-scrollview-scrollbottom-end {
  1181. opacity: 0;
  1182. }
  1183. .dx-rtl .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket,
  1184. .dx-scrollable-native.dx-rtl.dx-scrollable-native-ios .dx-scrollview-top-pocket {
  1185. left: auto;
  1186. right: 0;
  1187. }
  1188. .dx-rtl .dx-scrollview-pull-down-container {
  1189. text-align: left;
  1190. }
  1191. .dx-rtl .dx-scrollview-pull-down-indicator {
  1192. left: auto;
  1193. right: 0;
  1194. }
  1195. .dx-rtl .dx-scrollview-pull-down-text div {
  1196. left: auto;
  1197. right: 0;
  1198. }
  1199. .dx-rtl .dx-scrollview-scrollbottom-indicator {
  1200. margin: 0 0 0 10px;
  1201. }
  1202. .dx-checkbox {
  1203. display: inline-block;
  1204. cursor: pointer;
  1205. line-height: 0;
  1206. user-drag: none;
  1207. -webkit-user-select: none;
  1208. -moz-user-select: none;
  1209. -ms-user-select: none;
  1210. user-select: none;
  1211. -webkit-touch-callout: none;
  1212. }
  1213. .dx-checkbox.dx-state-readonly {
  1214. cursor: default;
  1215. }
  1216. .dx-checkbox-icon {
  1217. display: inline-block;
  1218. position: relative;
  1219. background-position: 0 0;
  1220. background-size: cover;
  1221. background-repeat: no-repeat;
  1222. }
  1223. .dx-checkbox-container {
  1224. height: 100%;
  1225. width: 100%;
  1226. display: inline-block;
  1227. vertical-align: middle;
  1228. overflow: hidden;
  1229. text-overflow: ellipsis;
  1230. white-space: nowrap;
  1231. }
  1232. .dx-checkbox-has-text .dx-checkbox-icon,
  1233. .dx-checkbox-has-text .dx-checkbox-text {
  1234. vertical-align: middle;
  1235. }
  1236. .dx-checkbox-text {
  1237. display: inline-block;
  1238. vertical-align: middle;
  1239. white-space: pre-wrap;
  1240. word-wrap: break-word;
  1241. line-height: normal;
  1242. height: 100%;
  1243. width: 100%;
  1244. }
  1245. .dx-rtl .dx-checkbox-text,
  1246. .dx-rtl.dx-checkbox-text {
  1247. margin: 0;
  1248. padding: 0;
  1249. }
  1250. .dx-state-disabled.dx-checkbox,
  1251. .dx-state-disabled .dx-checkbox {
  1252. cursor: default;
  1253. }
  1254. .dx-switch {
  1255. display: inline-block;
  1256. cursor: pointer;
  1257. -webkit-user-select: none;
  1258. -moz-user-select: none;
  1259. -ms-user-select: none;
  1260. user-select: none;
  1261. -webkit-touch-callout: none;
  1262. user-drag: none;
  1263. }
  1264. .dx-switch-wrapper {
  1265. display: inline-block;
  1266. text-align: left;
  1267. height: 100%;
  1268. width: 100%;
  1269. }
  1270. .dx-switch-wrapper:before {
  1271. display: inline-block;
  1272. height: 100%;
  1273. content: '';
  1274. vertical-align: middle;
  1275. }
  1276. .dx-switch-inner {
  1277. display: -webkit-box;
  1278. display: -webkit-flex;
  1279. display: -ms-flexbox;
  1280. display: flex;
  1281. }
  1282. .dx-switch-container {
  1283. display: inline-block;
  1284. overflow: hidden;
  1285. width: 100%;
  1286. height: 100%;
  1287. vertical-align: middle;
  1288. }
  1289. .dx-state-disabled.dx-switch,
  1290. .dx-state-disabled .dx-switch {
  1291. cursor: default;
  1292. }
  1293. .dx-switch-inner {
  1294. -webkit-transform: translateX(-50%);
  1295. transform: translateX(-50%);
  1296. }
  1297. .dx-switch-handle {
  1298. -webkit-transform: translateX(0%);
  1299. transform: translateX(0%);
  1300. }
  1301. .dx-switch-on-value .dx-switch-inner {
  1302. -webkit-transform: translateX(0%);
  1303. transform: translateX(0%);
  1304. }
  1305. .dx-switch-on-value .dx-switch-handle {
  1306. -webkit-transform: translateX(-100%);
  1307. transform: translateX(-100%);
  1308. }
  1309. .dx-rtl.dx-switch-wrapper,
  1310. .dx-rtl .dx-switch-wrapper {
  1311. text-align: right;
  1312. }
  1313. .dx-rtl .dx-switch-inner {
  1314. -webkit-transform: translateX(50%);
  1315. transform: translateX(50%);
  1316. }
  1317. .dx-rtl .dx-switch-handle {
  1318. -webkit-transform: translateX(-100%);
  1319. transform: translateX(-100%);
  1320. }
  1321. .dx-rtl.dx-switch-on-value .dx-switch-handle {
  1322. -webkit-transform: translateX(0%);
  1323. transform: translateX(0%);
  1324. }
  1325. .dx-tabs-ie-hack a {
  1326. position: absolute;
  1327. top: 0;
  1328. left: 0;
  1329. width: 100%;
  1330. height: 100%;
  1331. background-color: #fff;
  1332. color: white;
  1333. text-decoration: none;
  1334. opacity: 0.001;
  1335. }
  1336. .dx-tabs {
  1337. -webkit-user-select: none;
  1338. -moz-user-select: none;
  1339. -ms-user-select: none;
  1340. user-select: none;
  1341. -webkit-touch-callout: none;
  1342. display: inline-block;
  1343. width: 100%;
  1344. text-align: center;
  1345. table-layout: fixed;
  1346. position: relative;
  1347. }
  1348. .dx-tabs.dx-overflow-hidden {
  1349. overflow: hidden;
  1350. }
  1351. .dx-tabs-wrapper {
  1352. display: table-row;
  1353. }
  1354. .dx-tabs-scrollable .dx-tabs-wrapper {
  1355. display: block;
  1356. white-space: nowrap;
  1357. height: 100%;
  1358. }
  1359. .dx-tabs-scrollable .dx-tab {
  1360. height: 100%;
  1361. display: inline-block;
  1362. }
  1363. .dx-tabs-scrollable .dx-tab:before {
  1364. content: "";
  1365. height: 100%;
  1366. display: inline-block;
  1367. vertical-align: middle;
  1368. }
  1369. .dx-tabs-scrollable .dx-scrollable-content {
  1370. height: 100%;
  1371. }
  1372. .dx-tabs-nav-buttons .dx-tabs-scrollable {
  1373. margin-right: 25px;
  1374. margin-left: 25px;
  1375. }
  1376. .dx-tabs-nav-button {
  1377. width: 25px;
  1378. padding: 0;
  1379. height: 100%;
  1380. position: absolute;
  1381. top: 0;
  1382. }
  1383. .dx-tabs-nav-button-left {
  1384. left: 0;
  1385. }
  1386. .dx-tabs-nav-button-right {
  1387. right: 0;
  1388. }
  1389. .dx-tabs-expanded {
  1390. display: table;
  1391. }
  1392. .dx-tab {
  1393. position: relative;
  1394. display: table-cell;
  1395. vertical-align: middle;
  1396. cursor: pointer;
  1397. white-space: nowrap;
  1398. }
  1399. .dx-tab a {
  1400. position: absolute;
  1401. top: 0;
  1402. left: 0;
  1403. width: 100%;
  1404. height: 100%;
  1405. background-color: #fff;
  1406. color: white;
  1407. text-decoration: none;
  1408. opacity: 0.001;
  1409. }
  1410. .dx-tab .dx-icon {
  1411. width: 16px;
  1412. height: 16px;
  1413. display: block;
  1414. margin: 0 auto;
  1415. user-drag: none;
  1416. }
  1417. .dx-tab-content {
  1418. display: inline-block;
  1419. max-width: 100%;
  1420. }
  1421. .dx-tab-text {
  1422. display: inline-block;
  1423. margin: 0 auto;
  1424. text-align: center;
  1425. max-width: 100%;
  1426. user-drag: none;
  1427. overflow: hidden;
  1428. text-overflow: ellipsis;
  1429. white-space: nowrap;
  1430. }
  1431. .dx-tabs-item-badge {
  1432. display: inline-block;
  1433. vertical-align: top;
  1434. }
  1435. .dx-state-disabled .dx-tab {
  1436. cursor: default;
  1437. }
  1438. .dx-map-container,
  1439. .dx-map-shield {
  1440. position: relative;
  1441. width: 100%;
  1442. height: 100%;
  1443. color: #000;
  1444. }
  1445. .dx-map-shield {
  1446. top: -100%;
  1447. left: 0;
  1448. background: rgba(0, 0, 0, 0.01);
  1449. opacity: .01;
  1450. }
  1451. .dx-tabs.dx-navbar {
  1452. margin: 0;
  1453. width: 100%;
  1454. -webkit-user-select: none;
  1455. -moz-user-select: none;
  1456. -ms-user-select: none;
  1457. user-select: none;
  1458. -webkit-touch-callout: none;
  1459. }
  1460. .dx-tabs.dx-navbar .dx-icon {
  1461. display: block;
  1462. margin: 0 auto;
  1463. width: 31px;
  1464. height: 31px;
  1465. }
  1466. .dx-rtl.dx-tabs.dx-navbar .dx-icon,
  1467. .dx-rtl .dx-tabs.dx-navbar .dx-icon {
  1468. margin: 0 auto;
  1469. }
  1470. .dx-tabs.dx-navbar .dx-tab-text {
  1471. display: block;
  1472. vertical-align: 50%;
  1473. }
  1474. .dx-nav-item {
  1475. position: relative;
  1476. vertical-align: bottom;
  1477. }
  1478. .dx-nav-item.dx-state-disabled {
  1479. cursor: default;
  1480. }
  1481. .dx-nav-item-content {
  1482. display: block;
  1483. }
  1484. .dx-nav-item a {
  1485. display: block;
  1486. height: 100%;
  1487. text-decoration: none;
  1488. }
  1489. .dx-navbar-item-badge {
  1490. position: absolute;
  1491. top: 11%;
  1492. right: 50%;
  1493. margin-right: -24px;
  1494. }
  1495. .dx-rtl .dx-nav-item .dx-navbar-item-badge {
  1496. right: auto;
  1497. left: 50%;
  1498. margin-right: auto;
  1499. margin-left: -24px;
  1500. }
  1501. .dx-texteditor {
  1502. display: block;
  1503. }
  1504. .dx-texteditor input::-ms-clear {
  1505. display: none;
  1506. }
  1507. .dx-placeholder {
  1508. position: absolute;
  1509. top: 0px;
  1510. left: 0px;
  1511. max-width: 100%;
  1512. width: auto;
  1513. height: 100%;
  1514. text-align: left;
  1515. cursor: text;
  1516. pointer-events: none;
  1517. }
  1518. .dx-placeholder:before {
  1519. display: inline-block;
  1520. vertical-align: middle;
  1521. overflow: hidden;
  1522. content: attr(DATA-DX_PLACEHOLDER);
  1523. pointer-events: none;
  1524. white-space: nowrap;
  1525. }
  1526. .dx-placeholder:after {
  1527. content: ' ';
  1528. display: inline-block;
  1529. height: 100%;
  1530. vertical-align: middle;
  1531. }
  1532. .dx-texteditor-container {
  1533. position: relative;
  1534. overflow: hidden;
  1535. width: 100%;
  1536. height: 100%;
  1537. }
  1538. .dx-texteditor-buttons-container {
  1539. position: absolute;
  1540. top: 0;
  1541. right: 0;
  1542. width: auto;
  1543. height: 100%;
  1544. }
  1545. .dx-texteditor-input {
  1546. -webkit-appearance: none;
  1547. width: 100%;
  1548. height: 100%;
  1549. outline: 0;
  1550. border: 0;
  1551. -webkit-user-select: text;
  1552. -moz-user-select: text;
  1553. -ms-user-select: text;
  1554. user-select: text;
  1555. }
  1556. .dx-texteditor-input:-webkit-autofill + .dx-placeholder {
  1557. display: none;
  1558. }
  1559. .dx-show-clear-button {
  1560. position: relative;
  1561. }
  1562. .dx-clear-button-area {
  1563. float: right;
  1564. height: 100%;
  1565. width: 34px;
  1566. position: relative;
  1567. cursor: pointer;
  1568. text-align: justify;
  1569. }
  1570. .dx-clear-button-area .dx-icon-clear {
  1571. position: absolute;
  1572. display: inline-block;
  1573. background-size: contain;
  1574. }
  1575. .dx-texteditor-empty .dx-clear-button-area {
  1576. display: none;
  1577. }
  1578. .dx-state-disabled .dx-placeholder {
  1579. cursor: auto;
  1580. }
  1581. .dx-state-disabled .dx-clear-button-area {
  1582. display: none;
  1583. }
  1584. .dx-state-disabled .dx-texteditor-input {
  1585. opacity: 1;
  1586. }
  1587. .dx-rtl .dx-texteditor .dx-placeholder,
  1588. .dx-rtl.dx-texteditor .dx-placeholder {
  1589. text-align: right;
  1590. left: auto;
  1591. right: 0;
  1592. }
  1593. .dx-rtl .dx-texteditor .dx-clear-button-area,
  1594. .dx-rtl.dx-texteditor .dx-clear-button-area {
  1595. float: left;
  1596. right: auto;
  1597. left: 0;
  1598. }
  1599. .dx-rtl .dx-texteditor .dx-texteditor-buttons-container,
  1600. .dx-rtl.dx-texteditor .dx-texteditor-buttons-container {
  1601. left: 0;
  1602. right: auto;
  1603. }
  1604. .dx-device-android .dx-texteditor-input {
  1605. -webkit-user-modify: read-write-plaintext-only;
  1606. }
  1607. .dx-searchbox .dx-icon-search {
  1608. display: block;
  1609. position: relative;
  1610. pointer-events: none;
  1611. }
  1612. .dx-searchbox .dx-icon-search:before {
  1613. content: "";
  1614. position: absolute;
  1615. display: inline-block;
  1616. overflow: hidden;
  1617. text-indent: -9999px;
  1618. -webkit-box-sizing: content-box;
  1619. box-sizing: content-box;
  1620. }
  1621. .dx-dropdowneditor {
  1622. position: relative;
  1623. }
  1624. .dx-dropdowneditor.dx-dropdowneditor-field-clickable {
  1625. cursor: pointer;
  1626. }
  1627. .dx-dropdowneditor-input-wrapper {
  1628. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1629. overflow: hidden;
  1630. height: 100%;
  1631. }
  1632. .dx-dropdowneditor-input-wrapper .dx-texteditor {
  1633. border: none;
  1634. margin: 0;
  1635. }
  1636. .dx-dropdowneditor-input-wrapper .dx-texteditor-input {
  1637. text-overflow: ellipsis;
  1638. }
  1639. .dx-dropdowneditor-input-wrapper .dx-texteditor-input::-ms-clear {
  1640. width: 0;
  1641. height: 0;
  1642. }
  1643. .dx-dropdowneditor-active .dx-dropdowneditor-icon {
  1644. opacity: .35;
  1645. }
  1646. .dx-dropdowneditor-button {
  1647. position: relative;
  1648. float: right;
  1649. height: 100%;
  1650. cursor: pointer;
  1651. }
  1652. .dx-dropdowneditor-button .dx-button-content {
  1653. text-align: center;
  1654. }
  1655. .dx-rtl .dx-dropdowneditor-button,
  1656. .dx-rtl.dx-dropdowneditor-button {
  1657. float: left;
  1658. }
  1659. .dx-dropdowneditor-button.dx-dropdowneditor-readonly {
  1660. cursor: default;
  1661. }
  1662. .dx-dropdowneditor-icon {
  1663. height: 100%;
  1664. background-position: center;
  1665. background-repeat: no-repeat;
  1666. }
  1667. .dx-state-disabled .dx-dropdowneditor,
  1668. .dx-state-disabled.dx-dropdowneditor {
  1669. cursor: default;
  1670. }
  1671. .dx-state-disabled .dx-dropdowneditor-button {
  1672. cursor: inherit;
  1673. }
  1674. .dx-state-disabled .dx-dropdowneditor-icon {
  1675. opacity: .2;
  1676. }
  1677. .dx-list {
  1678. margin: 0;
  1679. min-height: 3em;
  1680. }
  1681. .dx-list .dx-scrollview-content:focus {
  1682. outline: 0px;
  1683. }
  1684. .dx-empty-collection .dx-list-select-all {
  1685. display: none;
  1686. }
  1687. .dx-list-group-header:before {
  1688. width: 0;
  1689. height: 0;
  1690. display: block;
  1691. float: right;
  1692. margin-top: 6px;
  1693. border-style: solid;
  1694. border-color: transparent;
  1695. border-width: 5px 5px 0 5px;
  1696. }
  1697. .dx-list-collapsible-groups .dx-list-group-header {
  1698. cursor: pointer;
  1699. }
  1700. .dx-list-collapsible-groups .dx-list-group-header:before {
  1701. content: ' ';
  1702. }
  1703. .dx-list-group-collapsed .dx-list-group-header:before {
  1704. border-width: 0 5px 5px 5px;
  1705. }
  1706. .dx-list-group-body {
  1707. overflow: hidden;
  1708. }
  1709. .dx-list-item {
  1710. position: static;
  1711. cursor: pointer;
  1712. display: table;
  1713. width: 100%;
  1714. table-layout: fixed;
  1715. overflow: hidden;
  1716. text-overflow: ellipsis;
  1717. white-space: nowrap;
  1718. }
  1719. .dx-list-item-content {
  1720. overflow: hidden;
  1721. text-overflow: ellipsis;
  1722. white-space: nowrap;
  1723. display: table-cell;
  1724. width: 100%;
  1725. }
  1726. .dx-list-item-content:before {
  1727. content: "_";
  1728. color: transparent;
  1729. display: inline-block;
  1730. width: 0;
  1731. float: left;
  1732. }
  1733. .dx-list .dx-empty-message {
  1734. overflow: hidden;
  1735. text-overflow: ellipsis;
  1736. white-space: nowrap;
  1737. min-height: 3em;
  1738. }
  1739. .dx-list-item-badge-container {
  1740. display: table-cell;
  1741. width: 20px;
  1742. text-align: right;
  1743. vertical-align: middle;
  1744. padding-right: 10px;
  1745. }
  1746. .dx-list-item-badge {
  1747. float: right;
  1748. position: relative;
  1749. }
  1750. .dx-list-item-chevron-container {
  1751. display: table-cell;
  1752. width: 15px;
  1753. vertical-align: middle;
  1754. }
  1755. .dx-list-item-icon-container {
  1756. display: inline-block;
  1757. }
  1758. .dx-list-item-chevron {
  1759. height: 8px;
  1760. width: 8px;
  1761. margin-left: -6px;
  1762. -webkit-transform: rotate(135deg);
  1763. transform: rotate(135deg);
  1764. border-width: 2px 0 0 2px;
  1765. border-style: solid;
  1766. opacity: .3;
  1767. }
  1768. .dx-rtl .dx-list-item-chevron {
  1769. margin-left: auto;
  1770. margin-right: -6px;
  1771. -webkit-transform: rotate(-45deg);
  1772. transform: rotate(-45deg);
  1773. }
  1774. .dx-list-item-response-wait {
  1775. opacity: 0.5;
  1776. -webkit-transition: opacity .2s linear;
  1777. transition: opacity .2s linear;
  1778. }
  1779. .dx-list-slide-menu-content {
  1780. display: table;
  1781. width: 100%;
  1782. table-layout: fixed;
  1783. }
  1784. .dx-list-item-before-bag,
  1785. .dx-list-item-after-bag {
  1786. display: table-cell;
  1787. width: 0;
  1788. height: 100%;
  1789. vertical-align: middle;
  1790. }
  1791. .dx-list-item-before-bag .dx-list-toggle-delete-switch {
  1792. display: block;
  1793. float: left;
  1794. padding: 3px 0;
  1795. }
  1796. .dx-list-item-before-bag .dx-icon-toggle-delete {
  1797. -webkit-transition: all .1s linear;
  1798. transition: all .1s linear;
  1799. }
  1800. .dx-list-item-before-bag .dx-list-select-checkbox {
  1801. float: left;
  1802. -webkit-transition: all .1s linear;
  1803. transition: all .1s linear;
  1804. }
  1805. .dx-list-select-all {
  1806. white-space: nowrap;
  1807. }
  1808. .dx-list-select-all-label {
  1809. display: inline-block;
  1810. overflow: hidden;
  1811. text-overflow: ellipsis;
  1812. white-space: nowrap;
  1813. }
  1814. .dx-list-item-after-bag .dx-list-reorder-handle {
  1815. cursor: move;
  1816. background-repeat: no-repeat;
  1817. background-size: 75% 75%;
  1818. background-position: center;
  1819. -ms-touch-action: manipulation;
  1820. touch-action: manipulation;
  1821. }
  1822. .dx-state-disabled .dx-list-item-after-bag .dx-list-reorder-handle {
  1823. cursor: default;
  1824. }
  1825. .dx-list-switchable-menu-shield-positioning {
  1826. position: relative;
  1827. -webkit-transform: translateZ(0);
  1828. transform: translateZ(0);
  1829. }
  1830. .dx-device-android-4 .dx-list-switchable-menu-shield-positioning {
  1831. -webkit-transform: none;
  1832. transform: none;
  1833. }
  1834. .dx-list-switchable-delete-top-shield,
  1835. .dx-list-switchable-delete-bottom-shield {
  1836. position: absolute;
  1837. right: 0;
  1838. left: 0;
  1839. cursor: pointer;
  1840. }
  1841. .dx-list-switchable-delete-top-shield {
  1842. top: 0;
  1843. }
  1844. .dx-list-switchable-delete-bottom-shield {
  1845. bottom: 0;
  1846. }
  1847. .dx-list-switchable-delete-item-content-shield {
  1848. position: absolute;
  1849. top: 0;
  1850. right: 0;
  1851. bottom: 0;
  1852. left: 0;
  1853. }
  1854. .dx-list-switchable-delete-button-container {
  1855. position: absolute;
  1856. top: 0;
  1857. bottom: 0;
  1858. overflow: hidden;
  1859. }
  1860. .dx-list-switchable-delete-button-wrapper {
  1861. display: table;
  1862. height: 100%;
  1863. }
  1864. .dx-list-switchable-delete-button-inner-wrapper {
  1865. display: table-cell;
  1866. padding-left: 1px;
  1867. height: 100%;
  1868. vertical-align: middle;
  1869. }
  1870. .dx-list-switchable-menu-item-shield-positioning {
  1871. position: relative;
  1872. }
  1873. .dx-list-switchable-menu-item-shield-positioning .dx-list-slide-menu-content {
  1874. position: relative;
  1875. }
  1876. .dx-list-switchable-menu-item-shield-positioning .dx-list-item-content {
  1877. position: relative;
  1878. }
  1879. .dx-list-switchable-delete-ready .dx-icon-toggle-delete {
  1880. -webkit-transform: rotate(-90deg);
  1881. transform: rotate(-90deg);
  1882. }
  1883. .dx-list-slide-menu-buttons-container {
  1884. position: absolute;
  1885. width: 100%;
  1886. top: 0;
  1887. bottom: 0;
  1888. left: 0;
  1889. overflow: hidden;
  1890. }
  1891. .dx-device-ios .dx-list-slide-menu-buttons-container {
  1892. -webkit-mask-image: -webkit-radial-gradient(white, black);
  1893. }
  1894. .dx-list-slide-menu-buttons {
  1895. position: relative;
  1896. top: 0;
  1897. left: 0;
  1898. bottom: 0;
  1899. display: table;
  1900. height: 100%;
  1901. }
  1902. .dx-list-slide-menu-button {
  1903. display: table-cell;
  1904. padding: 0 10px;
  1905. vertical-align: middle;
  1906. }
  1907. .dx-list-static-delete-button {
  1908. padding: 0 5px;
  1909. }
  1910. .dx-list-static-delete-button .dx-button-content {
  1911. overflow: visible;
  1912. }
  1913. .dx-list-item-reordering {
  1914. opacity: 0;
  1915. }
  1916. .dx-list-next-button {
  1917. padding: 5px;
  1918. text-align: center;
  1919. }
  1920. .dx-list-next-button .dx-button {
  1921. padding: 0 3em;
  1922. }
  1923. .dx-state-disabled.dx-list-item,
  1924. .dx-state-disabled .dx-list-item {
  1925. cursor: default;
  1926. }
  1927. .dx-state-disabled .dx-list-toggle-delete-switch,
  1928. .dx-state-disabled .dx-list-switchable-delete-button {
  1929. cursor: default;
  1930. }
  1931. .dx-list-context-menuitem {
  1932. cursor: pointer;
  1933. }
  1934. .dx-list-search {
  1935. margin-bottom: 5px;
  1936. }
  1937. .dx-rtl .dx-list .dx-list-item-badge-container,
  1938. .dx-rtl.dx-list .dx-list-item-badge-container {
  1939. padding-left: 10px;
  1940. padding-right: 0;
  1941. }
  1942. .dx-rtl .dx-list .dx-list-item-badge,
  1943. .dx-rtl.dx-list .dx-list-item-badge {
  1944. float: left;
  1945. }
  1946. .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch,
  1947. .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch {
  1948. float: right;
  1949. }
  1950. .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
  1951. .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox {
  1952. float: right;
  1953. }
  1954. .dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper,
  1955. .dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper {
  1956. padding-right: 1px;
  1957. padding-left: 0;
  1958. }
  1959. .dx-rtl .dx-list .dx-list-slide-item-delete-button-container,
  1960. .dx-rtl.dx-list .dx-list-slide-item-delete-button-container {
  1961. right: 100%;
  1962. left: 0;
  1963. }
  1964. .dx-rtl .dx-list .dx-list-slide-item-delete-button,
  1965. .dx-rtl.dx-list .dx-list-slide-item-delete-button {
  1966. right: auto;
  1967. left: 0;
  1968. }
  1969. .dx-rtl .dx-list .dx-list-group-header:before,
  1970. .dx-rtl.dx-list .dx-list-group-header:before {
  1971. float: left;
  1972. }
  1973. .dx-dropdownlist-popup-wrapper .dx-list {
  1974. min-height: 35px;
  1975. }
  1976. .dx-dropdownlist-popup-wrapper .dx-list .dx-scrollable-content {
  1977. margin: 0;
  1978. }
  1979. .dx-textarea .dx-texteditor-input {
  1980. resize: none;
  1981. font-family: inherit;
  1982. display: block;
  1983. overflow: auto;
  1984. white-space: pre-wrap;
  1985. }
  1986. .dx-textarea .dx-placeholder {
  1987. height: auto;
  1988. }
  1989. .dx-textarea .dx-placeholder:before {
  1990. white-space: normal;
  1991. }
  1992. .dx-numberbox {
  1993. position: relative;
  1994. -webkit-user-select: none;
  1995. -moz-user-select: none;
  1996. -ms-user-select: none;
  1997. user-select: none;
  1998. -webkit-touch-callout: none;
  1999. }
  2000. .dx-numberbox input[type=number] {
  2001. -moz-appearance: textfield;
  2002. }
  2003. .dx-numberbox input[type=number]::-webkit-outer-spin-button,
  2004. .dx-numberbox input[type=number]::-webkit-inner-spin-button {
  2005. -webkit-appearance: none;
  2006. margin: 0;
  2007. }
  2008. .dx-numberbox-spin .dx-texteditor-input {
  2009. padding-right: 28px;
  2010. }
  2011. .dx-numberbox-spin-container {
  2012. float: right;
  2013. width: 22px;
  2014. height: 100%;
  2015. }
  2016. .dx-numberbox-spin-down,
  2017. .dx-numberbox-spin-up {
  2018. position: relative;
  2019. width: 100%;
  2020. height: 50%;
  2021. cursor: pointer;
  2022. }
  2023. .dx-numberbox-spin-touch-friendly .dx-texteditor-input {
  2024. padding-right: 70px;
  2025. }
  2026. .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
  2027. width: 64px;
  2028. }
  2029. .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down,
  2030. .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up {
  2031. width: 50%;
  2032. height: 100%;
  2033. display: inline-block;
  2034. }
  2035. .dx-numberbox-spin-up-icon,
  2036. .dx-numberbox-spin-down-icon {
  2037. width: 100%;
  2038. height: 100%;
  2039. }
  2040. .dx-state-disabled .dx-numberbox-spin-container {
  2041. opacity: .2;
  2042. }
  2043. .dx-rtl .dx-numberbox-spin-container {
  2044. float: left;
  2045. right: auto;
  2046. left: 0;
  2047. }
  2048. .dx-rtl .dx-numberbox-spin .dx-texteditor-input,
  2049. .dx-rtl.dx-numberbox-spin .dx-texteditor-input {
  2050. padding-left: 28px;
  2051. }
  2052. .dx-rtl.dx-numberbox-spin-touch-friendly .dx-texteditor-input {
  2053. padding-left: 70px;
  2054. }
  2055. .dx-texteditor input[type=date]::-webkit-inner-spin-button {
  2056. height: 20px;
  2057. }
  2058. .dx-datebox-native .dx-texteditor-buttons-container {
  2059. pointer-events: none;
  2060. }
  2061. .dx-datebox {
  2062. max-width: 100%;
  2063. }
  2064. .dx-datebox .dx-texteditor-input::-webkit-datetime-edit {
  2065. overflow: hidden;
  2066. text-overflow: ellipsis;
  2067. white-space: nowrap;
  2068. }
  2069. .dx-datebox.dx-texteditor-empty input::-webkit-datetime-edit {
  2070. color: transparent;
  2071. }
  2072. .dx-datebox.dx-texteditor-empty.dx-state-focused .dx-placeholder {
  2073. display: none;
  2074. }
  2075. .dx-datebox.dx-texteditor-empty.dx-state-focused input::-webkit-datetime-edit {
  2076. color: inherit;
  2077. }
  2078. .dx-datebox-wrapper .dx-popup-content {
  2079. padding-top: 20px;
  2080. padding-bottom: 20px;
  2081. }
  2082. .dx-rtl .dx-texteditor-input {
  2083. text-align: right;
  2084. }
  2085. .dx-datebox-button-cell .dx-button {
  2086. min-width: 90px;
  2087. }
  2088. .dx-datebox-button-cell .dx-button.dx-datebox-apply-button {
  2089. margin-right: 10px;
  2090. margin-left: 0;
  2091. }
  2092. .dx-datebox-button-cell .dx-button.dx-datebox-cancel-button {
  2093. margin-right: 0;
  2094. margin-left: 0;
  2095. }
  2096. .dx-datebox-buttons-container {
  2097. text-align: right;
  2098. width: 100%;
  2099. }
  2100. .dx-colorview-container-cell {
  2101. float: left;
  2102. }
  2103. .dx-dateview-item {
  2104. margin: 0;
  2105. }
  2106. .dx-dateview-rollers {
  2107. -webkit-user-select: none;
  2108. -moz-user-select: none;
  2109. -ms-user-select: none;
  2110. user-select: none;
  2111. -webkit-touch-callout: none;
  2112. display: -webkit-box;
  2113. display: -webkit-flex;
  2114. display: -ms-flexbox;
  2115. display: flex;
  2116. -webkit-box-orient: horizontal;
  2117. -webkit-box-direction: normal;
  2118. -webkit-flex-flow: row nowrap;
  2119. -ms-flex-flow: row nowrap;
  2120. flex-flow: row nowrap;
  2121. }
  2122. .dx-dateviewroller {
  2123. position: relative;
  2124. vertical-align: top;
  2125. cursor: pointer;
  2126. -webkit-box-flex: 1;
  2127. -webkit-flex: 1 1 auto;
  2128. -ms-flex: 1 1 auto;
  2129. flex: 1 1 auto;
  2130. }
  2131. .dx-dateview-item-selected-frame:before,
  2132. .dx-dateview-item-selected-frame:after {
  2133. pointer-events: none;
  2134. }
  2135. .dx-dateview-item-selected-border {
  2136. display: none;
  2137. }
  2138. .dx-dateviewroller-month .dx-dateview-value-formatter,
  2139. .dx-dateviewroller-day .dx-dateview-name-formatter {
  2140. display: none;
  2141. }
  2142. .dx-toolbar {
  2143. width: 100%;
  2144. }
  2145. .dx-toolbar .dx-button-content:after {
  2146. display: none;
  2147. }
  2148. .dx-toolbar .dx-button .dx-icon {
  2149. -webkit-box-sizing: content-box;
  2150. box-sizing: content-box;
  2151. }
  2152. .dx-toolbar-items-container {
  2153. position: relative;
  2154. overflow: hidden;
  2155. width: 100%;
  2156. height: 100%;
  2157. }
  2158. .dx-toolbar-item {
  2159. display: table-cell;
  2160. padding: 0 5px;
  2161. vertical-align: middle;
  2162. -webkit-box-sizing: content-box;
  2163. box-sizing: content-box;
  2164. }
  2165. .dx-toolbar-item .dx-tabs {
  2166. table-layout: auto;
  2167. }
  2168. .dx-toolbar-item img {
  2169. display: block;
  2170. }
  2171. .dx-toolbar-menu-container {
  2172. display: table-cell;
  2173. padding: 0 5px;
  2174. vertical-align: middle;
  2175. -webkit-box-sizing: content-box;
  2176. box-sizing: content-box;
  2177. }
  2178. .dx-toolbar-menu-container .dx-tabs {
  2179. table-layout: auto;
  2180. }
  2181. .dx-toolbar-menu-container img {
  2182. display: block;
  2183. }
  2184. .dx-toolbar-group {
  2185. float: left;
  2186. margin: 0 10px;
  2187. }
  2188. .dx-toolbar-before,
  2189. .dx-toolbar-after {
  2190. position: absolute;
  2191. }
  2192. .dx-toolbar-center:empty {
  2193. display: none;
  2194. }
  2195. .dx-toolbar-before {
  2196. left: 0;
  2197. }
  2198. .dx-toolbar-after {
  2199. right: 0;
  2200. }
  2201. .dx-toolbar-label {
  2202. white-space: nowrap;
  2203. user-drag: none;
  2204. }
  2205. .dx-toolbar-label .dx-toolbar-item-content > div {
  2206. overflow: hidden;
  2207. text-overflow: ellipsis;
  2208. white-space: nowrap;
  2209. }
  2210. .dx-toolbar-label > div {
  2211. overflow: hidden;
  2212. text-overflow: ellipsis;
  2213. white-space: nowrap;
  2214. margin: 0 -5px;
  2215. padding: 0 5px;
  2216. }
  2217. .dx-toolbar-center {
  2218. margin: 0 auto;
  2219. height: 100%;
  2220. text-align: center;
  2221. }
  2222. .dx-toolbar-center,
  2223. .dx-toolbar-before,
  2224. .dx-toolbar-after {
  2225. top: 0;
  2226. display: table;
  2227. height: 100%;
  2228. }
  2229. .dx-rtl .dx-toolbar-before {
  2230. right: 0;
  2231. left: auto;
  2232. }
  2233. .dx-rtl .dx-toolbar-after {
  2234. right: auto;
  2235. left: 0;
  2236. }
  2237. .dx-toolbar-menu-section:empty {
  2238. display: none;
  2239. }
  2240. .dx-dropdownmenu-popup-wrapper .dx-toolbar-menu-custom > .dx-list-item-content,
  2241. .dx-toolbar-menu-section .dx-toolbar-hidden-button > .dx-list-item-content {
  2242. padding: 0;
  2243. }
  2244. .dx-toolbar-menu-section.dx-toolbar-menu-last-section {
  2245. border-bottom: none;
  2246. }
  2247. .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button {
  2248. border: none;
  2249. background: none;
  2250. margin: 0;
  2251. width: 100%;
  2252. text-align: left;
  2253. padding: 10px;
  2254. }
  2255. .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-text {
  2256. line-height: normal;
  2257. }
  2258. .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-content {
  2259. text-align: left;
  2260. }
  2261. .dx-toolbar-text-auto-hide .dx-button .dx-button-text {
  2262. display: none;
  2263. }
  2264. .dx-toolbar .dx-texteditor {
  2265. width: 150px;
  2266. }
  2267. .dx-toolbar-item-invisible {
  2268. display: none;
  2269. }
  2270. .dx-tileview div.dx-scrollable-container {
  2271. overflow-y: hidden;
  2272. }
  2273. .dx-tile {
  2274. position: absolute;
  2275. text-align: center;
  2276. }
  2277. .dx-tile.dx-state-active {
  2278. -webkit-transform: scale(0.96);
  2279. transform: scale(0.96);
  2280. -webkit-transition: -webkit-transform 100ms linear;
  2281. transition: -webkit-transform 100ms linear;
  2282. transition: transform 100ms linear;
  2283. transition: transform 100ms linear, -webkit-transform 100ms linear;
  2284. }
  2285. .dx-tile-content {
  2286. padding: 0;
  2287. width: 100%;
  2288. height: 100%;
  2289. }
  2290. .dx-tileview-wrapper {
  2291. position: relative;
  2292. height: 1px;
  2293. }
  2294. .dx-device-ios-6 .dx-tile {
  2295. -webkit-backface-visibility: hidden;
  2296. backface-visibility: hidden;
  2297. }
  2298. .dx-overlay-wrapper {
  2299. top: 0;
  2300. left: 0;
  2301. z-index: 1000;
  2302. }
  2303. .dx-overlay-wrapper,
  2304. .dx-overlay-wrapper *,
  2305. .dx-overlay-wrapper:before,
  2306. .dx-overlay-wrapper:after,
  2307. .dx-overlay-wrapper *:before,
  2308. .dx-overlay-wrapper *:after {
  2309. -webkit-box-sizing: border-box;
  2310. box-sizing: border-box;
  2311. }
  2312. .dx-overlay-modal {
  2313. width: 100%;
  2314. height: 100%;
  2315. }
  2316. .dx-overlay-shader {
  2317. background-color: rgba(128, 128, 128, 0.5);
  2318. }
  2319. .dx-overlay-content {
  2320. position: absolute;
  2321. z-index: 1000;
  2322. outline: 0;
  2323. overflow: hidden;
  2324. }
  2325. .dx-overlay-content > .dx-template-wrapper {
  2326. height: 100%;
  2327. width: 100%;
  2328. }
  2329. .dx-device-android .dx-overlay-content {
  2330. -webkit-backface-visibility: hidden;
  2331. backface-visibility: hidden;
  2332. }
  2333. .dx-device-android .dx-scrollable-native .dx-overlay-content {
  2334. -webkit-backface-visibility: visible;
  2335. backface-visibility: visible;
  2336. }
  2337. .dx-toast-content {
  2338. display: inline-block;
  2339. padding: 10px;
  2340. vertical-align: middle;
  2341. }
  2342. .dx-toast-icon {
  2343. display: table-cell;
  2344. background-size: contain;
  2345. width: 35px;
  2346. height: 35px;
  2347. margin-right: 10px;
  2348. vertical-align: middle;
  2349. background-position: left center;
  2350. background-repeat: no-repeat;
  2351. }
  2352. .dx-toast-message {
  2353. display: table-cell;
  2354. vertical-align: middle;
  2355. padding-left: 10px;
  2356. }
  2357. .dx-toast-info {
  2358. background-color: #80b9e4;
  2359. }
  2360. .dx-toast-warning {
  2361. background-color: #ffb277;
  2362. }
  2363. .dx-toast-error {
  2364. background-color: #ff7777;
  2365. }
  2366. .dx-toast-success {
  2367. background-color: #6ec881;
  2368. }
  2369. .dx-rtl .dx-toast-message {
  2370. padding-left: 0;
  2371. padding-right: 10px;
  2372. }
  2373. .dx-popup-title {
  2374. padding: 10px;
  2375. min-height: 19px;
  2376. user-drag: none;
  2377. -webkit-user-select: none;
  2378. -moz-user-select: none;
  2379. -ms-user-select: none;
  2380. user-select: none;
  2381. -webkit-touch-callout: none;
  2382. white-space: normal;
  2383. }
  2384. .dx-popup-draggable .dx-popup-title {
  2385. cursor: move;
  2386. -ms-touch-action: pinch-zoom;
  2387. touch-action: pinch-zoom;
  2388. }
  2389. .dx-overlay-content > .dx-template-wrapper.dx-popup-title {
  2390. height: auto;
  2391. width: auto;
  2392. }
  2393. .dx-overlay-content .dx-popup-content > .dx-template-wrapper {
  2394. height: 100%;
  2395. width: 100%;
  2396. }
  2397. .dx-overlay-content .dx-popup-content {
  2398. -webkit-box-sizing: content-box;
  2399. box-sizing: content-box;
  2400. }
  2401. .dx-popup-content {
  2402. padding: 10px;
  2403. user-drag: none;
  2404. }
  2405. .dx-popup-content.dx-dialog-content {
  2406. padding: 0;
  2407. }
  2408. .dx-popup-content > .dx-treeview,
  2409. .dx-popup-content > .dx-scrollable,
  2410. .dx-popup-content > .dx-treeview > .dx-scrollable {
  2411. max-height: inherit;
  2412. min-height: inherit;
  2413. }
  2414. .dx-popup-content > .dx-treeview > .dx-scrollable-wrapper,
  2415. .dx-popup-content > .dx-scrollable > .dx-scrollable-wrapper,
  2416. .dx-popup-content > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper,
  2417. .dx-popup-content > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container,
  2418. .dx-popup-content > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
  2419. .dx-popup-content > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
  2420. max-height: inherit;
  2421. min-height: inherit;
  2422. }
  2423. .dx-dialog-root .dx-overlay-shader {
  2424. background-color: #444;
  2425. }
  2426. .dx-dialog-message {
  2427. padding: 10px 10px 5px 10px;
  2428. }
  2429. .dx-popover-wrapper .dx-popover-arrow:after {
  2430. width: 14.14227125px;
  2431. height: 14.14227125px;
  2432. }
  2433. .dx-popover-wrapper.dx-position-top .dx-popover-arrow,
  2434. .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow {
  2435. width: 20px;
  2436. height: 10px;
  2437. }
  2438. .dx-popover-wrapper.dx-position-right .dx-popover-arrow,
  2439. .dx-popover-wrapper.dx-position-left .dx-popover-arrow {
  2440. width: 10px;
  2441. height: 20px;
  2442. }
  2443. .dx-popover-arrow {
  2444. position: absolute;
  2445. z-index: 2000;
  2446. overflow: hidden;
  2447. }
  2448. .dx-popover-arrow:after {
  2449. position: absolute;
  2450. display: block;
  2451. overflow: hidden;
  2452. content: " ";
  2453. -webkit-transform: rotate(-45deg);
  2454. transform: rotate(-45deg);
  2455. }
  2456. .dx-popover-wrapper.dx-position-top .dx-popover-arrow:after {
  2457. top: 0;
  2458. left: 0;
  2459. -webkit-transform-origin: top left;
  2460. transform-origin: top left;
  2461. }
  2462. .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after {
  2463. right: 0;
  2464. bottom: 0;
  2465. -webkit-transform-origin: bottom right;
  2466. transform-origin: bottom right;
  2467. }
  2468. .dx-popover-wrapper.dx-position-left .dx-popover-arrow:after {
  2469. bottom: 0;
  2470. left: 0;
  2471. -webkit-transform-origin: bottom left;
  2472. transform-origin: bottom left;
  2473. }
  2474. .dx-popover-wrapper.dx-position-right .dx-popover-arrow:after {
  2475. top: 0;
  2476. right: 0;
  2477. -webkit-transform-origin: top right;
  2478. transform-origin: top right;
  2479. }
  2480. .dx-popover-wrapper .dx-overlay-content {
  2481. overflow: visible;
  2482. }
  2483. .dx-popover-wrapper .dx-popup-content {
  2484. overflow: hidden;
  2485. }
  2486. .dx-device-ios {
  2487. }
  2488. .dx-device-ios .dx-popover-arrow:after {
  2489. -webkit-transform: rotate(-45deg) translateZ(0);
  2490. }
  2491. .dx-progressbar .dx-position-left .dx-progressbar-range-container,
  2492. .dx-progressbar .dx-position-right .dx-progressbar-range-container,
  2493. .dx-progressbar .dx-position-left .dx-progressbar-status,
  2494. .dx-progressbar .dx-position-right .dx-progressbar-status {
  2495. display: table-cell;
  2496. vertical-align: middle;
  2497. }
  2498. .dx-progressbar .dx-position-top-left .dx-progressbar-range-container,
  2499. .dx-progressbar .dx-position-bottom-left .dx-progressbar-range-container,
  2500. .dx-progressbar .dx-position-top-left .dx-progressbar-status,
  2501. .dx-progressbar .dx-position-bottom-left .dx-progressbar-status {
  2502. float: left;
  2503. }
  2504. .dx-progressbar .dx-position-top-right .dx-progressbar-range-container,
  2505. .dx-progressbar .dx-position-bottom-right .dx-progressbar-range-container,
  2506. .dx-progressbar .dx-position-top-right .dx-progressbar-status,
  2507. .dx-progressbar .dx-position-bottom-right .dx-progressbar-status {
  2508. float: right;
  2509. }
  2510. .dx-progressbar .dx-position-top-center .dx-progressbar-status,
  2511. .dx-progressbar .dx-position-bottom-center .dx-progressbar-status {
  2512. text-align: center;
  2513. }
  2514. .dx-progressbar .dx-position-left .dx-progressbar-status {
  2515. padding-right: 8px;
  2516. }
  2517. .dx-progressbar .dx-position-right .dx-progressbar-status {
  2518. padding-left: 8px;
  2519. }
  2520. .dx-progressbar:before {
  2521. display: inline-block;
  2522. height: 100%;
  2523. content: '';
  2524. vertical-align: middle;
  2525. }
  2526. .dx-progressbar-range-container {
  2527. width: 100%;
  2528. }
  2529. .dx-progressbar-container {
  2530. position: relative;
  2531. width: 100%;
  2532. }
  2533. .dx-progressbar-wrapper {
  2534. display: inline-block;
  2535. width: 100%;
  2536. vertical-align: middle;
  2537. direction: ltr;
  2538. }
  2539. .dx-progressbar-range {
  2540. height: 100%;
  2541. -webkit-user-select: none;
  2542. -moz-user-select: none;
  2543. -ms-user-select: none;
  2544. user-select: none;
  2545. -webkit-touch-callout: none;
  2546. user-drag: none;
  2547. }
  2548. .dx-progressbar-status {
  2549. position: relative;
  2550. top: 0;
  2551. left: 0;
  2552. width: auto;
  2553. height: 20px;
  2554. font-size: 12px;
  2555. }
  2556. .dx-progressbar-animating-segment {
  2557. display: none;
  2558. }
  2559. .dx-progressbar-animating-container {
  2560. width: 100%;
  2561. }
  2562. .dx-rtl.dx-progressbar .dx-progressbar-wrapper,
  2563. .dx-rtl .dx-progressbar .dx-progressbar-wrapper {
  2564. direction: rtl;
  2565. }
  2566. .dx-tooltip-wrapper .dx-overlay-content {
  2567. min-width: 34px;
  2568. min-height: 26px;
  2569. text-align: center;
  2570. line-height: 0;
  2571. }
  2572. .dx-tooltip-wrapper .dx-overlay-content:before {
  2573. display: inline-block;
  2574. height: 100%;
  2575. content: '';
  2576. vertical-align: middle;
  2577. }
  2578. .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
  2579. display: inline-block;
  2580. padding: 12px 17px;
  2581. font-size: .85em;
  2582. line-height: normal;
  2583. white-space: nowrap;
  2584. }
  2585. .dx-slider-label {
  2586. position: absolute;
  2587. font-size: .85em;
  2588. }
  2589. .dx-slider-label:last-child {
  2590. right: 0;
  2591. left: auto;
  2592. }
  2593. .dx-rtl .dx-slider-label:last-child {
  2594. left: 0;
  2595. right: auto;
  2596. }
  2597. .dx-slider-label-position-bottom {
  2598. padding-bottom: 14px;
  2599. }
  2600. .dx-slider-label-position-bottom .dx-slider-label {
  2601. bottom: -8px;
  2602. }
  2603. .dx-slider-label-position-top {
  2604. padding-top: 14px;
  2605. }
  2606. .dx-slider-label-position-top .dx-slider-label {
  2607. top: -8px;
  2608. }
  2609. .dx-slider {
  2610. line-height: 0;
  2611. -webkit-user-select: none;
  2612. -moz-user-select: none;
  2613. -ms-user-select: none;
  2614. user-select: none;
  2615. -webkit-touch-callout: none;
  2616. }
  2617. .dx-slider:before {
  2618. display: inline-block;
  2619. height: 100%;
  2620. content: '';
  2621. vertical-align: middle;
  2622. }
  2623. .dx-slider .dx-overlay-content {
  2624. height: 28px;
  2625. }
  2626. .dx-slider .dx-overlay-content:before {
  2627. display: none;
  2628. }
  2629. .dx-slider .dx-popover-wrapper .dx-popover-arrow:after {
  2630. width: 9.89958987px;
  2631. height: 9.89958987px;
  2632. }
  2633. .dx-slider .dx-popover-wrapper.dx-position-top .dx-popover-arrow,
  2634. .dx-slider .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow {
  2635. width: 14px;
  2636. height: 7px;
  2637. }
  2638. .dx-slider .dx-popover-wrapper.dx-position-right .dx-popover-arrow,
  2639. .dx-slider .dx-popover-wrapper.dx-position-left .dx-popover-arrow {
  2640. width: 7px;
  2641. height: 14px;
  2642. }
  2643. .dx-slider-wrapper {
  2644. position: relative;
  2645. display: inline-block;
  2646. width: 100%;
  2647. vertical-align: middle;
  2648. cursor: pointer;
  2649. }
  2650. .dx-slider-bar {
  2651. position: relative;
  2652. }
  2653. .dx-slider-range {
  2654. position: absolute;
  2655. top: 0;
  2656. height: 100%;
  2657. pointer-events: none;
  2658. user-drag: none;
  2659. }
  2660. .dx-slider-handle {
  2661. position: absolute;
  2662. top: 0;
  2663. right: 0;
  2664. pointer-events: auto;
  2665. user-drag: none;
  2666. }
  2667. .dx-slider-handle .dx-tooltip-wrapper .dx-popup-content {
  2668. line-height: 0;
  2669. }
  2670. .dx-state-disabled .dx-slider-wrapper {
  2671. cursor: default;
  2672. }
  2673. .dx-rtl .dx-slider-handle {
  2674. right: auto;
  2675. left: 0;
  2676. }
  2677. .dx-slider-tooltip-on-hover .dx-tooltip {
  2678. visibility: hidden;
  2679. }
  2680. .dx-slider-tooltip-on-hover.dx-state-active .dx-tooltip,
  2681. .dx-slider-tooltip-on-hover.dx-state-hover .dx-tooltip {
  2682. visibility: visible;
  2683. }
  2684. .dx-rangeslider-start-handle {
  2685. top: 0;
  2686. right: auto;
  2687. left: 0;
  2688. }
  2689. .dx-rtl .dx-rangeslider-start-handle {
  2690. right: 0;
  2691. left: auto;
  2692. }
  2693. .dx-gallery {
  2694. width: 100%;
  2695. height: 100%;
  2696. -webkit-user-select: none;
  2697. -moz-user-select: none;
  2698. -ms-user-select: none;
  2699. user-select: none;
  2700. -webkit-touch-callout: none;
  2701. -ms-touch-action: pinch-zoom pan-y;
  2702. touch-action: pinch-zoom pan-y;
  2703. }
  2704. .dx-gallery-wrapper {
  2705. position: relative;
  2706. overflow: hidden;
  2707. width: 100%;
  2708. height: 100%;
  2709. white-space: nowrap;
  2710. }
  2711. .dx-gallery-wrapper > .dx-empty-message {
  2712. text-align: center;
  2713. position: absolute;
  2714. width: 100%;
  2715. top: 50%;
  2716. -webkit-transform: translateY(-50%);
  2717. transform: translateY(-50%);
  2718. }
  2719. .dx-gallery-container {
  2720. position: relative;
  2721. height: 100%;
  2722. }
  2723. .dx-gallery-item {
  2724. display: inline-block;
  2725. overflow: hidden;
  2726. width: 100%;
  2727. height: 100%;
  2728. text-align: center;
  2729. }
  2730. .dx-gallery-item-image {
  2731. max-width: 100%;
  2732. -webkit-align-self: flex-start;
  2733. -ms-flex-item-align: start;
  2734. align-self: flex-start;
  2735. -webkit-flex-shrink: 0;
  2736. -ms-flex-negative: 0;
  2737. flex-shrink: 0;
  2738. height: auto;
  2739. margin: auto;
  2740. }
  2741. .dx-gallery-item-content {
  2742. width: 100%;
  2743. height: 100%;
  2744. display: -webkit-box;
  2745. display: -webkit-flex;
  2746. display: -ms-flexbox;
  2747. display: flex;
  2748. -webkit-box-orient: vertical;
  2749. -webkit-box-direction: normal;
  2750. -webkit-flex-direction: column;
  2751. -ms-flex-direction: column;
  2752. flex-direction: column;
  2753. }
  2754. .dx-gallery .dx-gallery-item-loop {
  2755. display: none;
  2756. }
  2757. .dx-gallery-loop .dx-gallery-item-loop {
  2758. display: inline-block;
  2759. position: absolute;
  2760. }
  2761. .dx-gallery-item-invisible {
  2762. visibility: hidden;
  2763. }
  2764. .dx-gallery-nav-button-prev,
  2765. .dx-gallery-nav-button-next {
  2766. position: absolute;
  2767. top: 50%;
  2768. cursor: pointer;
  2769. -webkit-user-select: none;
  2770. -moz-user-select: none;
  2771. -ms-user-select: none;
  2772. user-select: none;
  2773. -webkit-touch-callout: none;
  2774. background-size: 100% 100%;
  2775. }
  2776. .dx-gallery-nav-button-prev {
  2777. left: 0;
  2778. }
  2779. .dx-gallery-nav-button-next {
  2780. right: 0;
  2781. }
  2782. .dx-gallery-indicator {
  2783. position: absolute;
  2784. bottom: 10px;
  2785. width: 100%;
  2786. height: 10px;
  2787. font-size: 0;
  2788. }
  2789. .dx-gallery-indicator-item {
  2790. display: inline-block;
  2791. margin: 0 2px;
  2792. height: 10px;
  2793. cursor: pointer;
  2794. }
  2795. .dx-state-disabled .dx-gallery-nav-button-prev,
  2796. .dx-state-disabled .dx-gallery-nav-button-next,
  2797. .dx-state-disabled .dx-gallery-indicator-item {
  2798. cursor: default;
  2799. }
  2800. .dx-rtl .dx-gallery-nav-button-prev {
  2801. right: 0;
  2802. left: auto;
  2803. -webkit-transform: scaleX(-1);
  2804. transform: scaleX(-1);
  2805. }
  2806. .dx-rtl .dx-gallery-nav-button-next {
  2807. right: auto;
  2808. left: 0;
  2809. -webkit-transform: scaleX(-1);
  2810. transform: scaleX(-1);
  2811. }
  2812. .dx-device-android .dx-scrollable-native .dx-gallery-item,
  2813. .dx-device-android .dx-scrollable-native .dx-gallery-indicator,
  2814. .dx-device-android .dx-scrollable-native .dx-gallery-nav-button-prev,
  2815. .dx-device-android .dx-scrollable-native .dx-gallery-nav-button-next {
  2816. -webkit-backface-visibility: visible;
  2817. backface-visibility: visible;
  2818. }
  2819. .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-item,
  2820. .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-indicator,
  2821. .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-nav-button-prev,
  2822. .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-nav-button-next {
  2823. -webkit-backface-visibility: hidden;
  2824. backface-visibility: hidden;
  2825. }
  2826. .dx-device-android .dx-gallery-item {
  2827. -webkit-backface-visibility: hidden;
  2828. backface-visibility: hidden;
  2829. }
  2830. .dx-device-ios-6 {
  2831. }
  2832. .dx-device-ios-6 .dx-gallery,
  2833. .dx-device-ios-6 .dx-gallery-item,
  2834. .dx-device-ios-6 .dx-gallery-indicator,
  2835. .dx-device-ios-6 .dx-gallery-nav-button-prev,
  2836. .dx-device-ios-6 .dx-gallery-nav-button-next {
  2837. -webkit-backface-visibility: hidden;
  2838. backface-visibility: hidden;
  2839. }
  2840. .dx-lookup {
  2841. margin: 0;
  2842. height: 19px;
  2843. }
  2844. .dx-lookup .dx-popup-content .dx-scrollable {
  2845. height: calc(100% - 45px);
  2846. }
  2847. .dx-lookup .dx-lookup-field-wrapper {
  2848. position: relative;
  2849. width: 100%;
  2850. height: 100%;
  2851. }
  2852. .dx-lookup:not(.dx-rtl) .dx-lookup-field-wrapper:before {
  2853. display: inline-block;
  2854. height: 100%;
  2855. content: '';
  2856. vertical-align: middle;
  2857. }
  2858. .dx-lookup .dx-rtl .dx-lookup-field-wrapper:after {
  2859. display: inline-block;
  2860. height: 100%;
  2861. content: '';
  2862. vertical-align: middle;
  2863. }
  2864. .dx-lookup-field {
  2865. outline: none;
  2866. position: relative;
  2867. width: 100%;
  2868. display: inline-block;
  2869. vertical-align: middle;
  2870. cursor: pointer;
  2871. overflow: hidden;
  2872. text-overflow: ellipsis;
  2873. white-space: nowrap;
  2874. }
  2875. .dx-lookup-field:before {
  2876. content: ".";
  2877. color: transparent;
  2878. display: inline-block;
  2879. width: 0;
  2880. float: left;
  2881. }
  2882. .dx-lookup-arrow {
  2883. pointer-events: none;
  2884. position: absolute;
  2885. top: 0;
  2886. bottom: 0;
  2887. right: 0;
  2888. left: auto;
  2889. height: 100%;
  2890. }
  2891. .dx-rtl .dx-lookup-arrow {
  2892. right: auto;
  2893. left: 0;
  2894. }
  2895. .dx-state-disabled .dx-lookup-field,
  2896. .dx-state-disabled .dx-lookup-field {
  2897. cursor: default;
  2898. }
  2899. .dx-lookup-popup-wrapper .dx-list-item {
  2900. cursor: pointer;
  2901. }
  2902. .dx-lookup-popup-search .dx-list {
  2903. height: 90%;
  2904. }
  2905. .dx-lookup-search-wrapper {
  2906. width: 100%;
  2907. }
  2908. .dx-popup-content .dx-lookup-validation-message {
  2909. display: none;
  2910. }
  2911. .dx-popup-content.dx-lookup-invalid .dx-lookup-validation-message {
  2912. display: block;
  2913. }
  2914. .dx-actionsheet-popup-wrapper .dx-overlay-content {
  2915. padding-top: 0;
  2916. padding-bottom: 0;
  2917. user-drag: none;
  2918. }
  2919. .dx-actionsheet-popup-wrapper .dx-popup-content .dx-button,
  2920. .dx-actionsheet-popover-wrapper .dx-popup-content .dx-button {
  2921. width: 100%;
  2922. margin-right: 0;
  2923. margin-left: 0;
  2924. }
  2925. .dx-actionsheet-item,
  2926. .dx-actionsheet-cancel {
  2927. width: 100%;
  2928. }
  2929. .dx-state-disabled .dx-actionsheet-container .dx-button,
  2930. .dx-state-disabled .dx-actionsheet-container .dx-button {
  2931. cursor: default;
  2932. }
  2933. .dx-actionsheet-popup-wrapper .dx-popup-title,
  2934. .dx-actionsheet-popover-wrapper .dx-popup-title {
  2935. word-wrap: break-word;
  2936. }
  2937. .dx-loadindicator {
  2938. width: 32px;
  2939. height: 32px;
  2940. display: inline-block;
  2941. overflow: hidden;
  2942. border: none;
  2943. background-color: transparent;
  2944. }
  2945. .dx-loadindicator-wrapper {
  2946. width: 100%;
  2947. height: 100%;
  2948. font-size: 32px;
  2949. margin: auto;
  2950. }
  2951. .dx-loadindicator-image {
  2952. background-size: contain;
  2953. -webkit-transform-origin: 50% 50%;
  2954. transform-origin: 50% 50%;
  2955. background-position: 50%;
  2956. background-repeat: no-repeat;
  2957. }
  2958. .dx-loadindicator-icon {
  2959. direction: ltr;
  2960. }
  2961. .dx-loadindicator-icon-custom {
  2962. position: relative;
  2963. width: 100%;
  2964. height: 100%;
  2965. background-size: 100% 100%;
  2966. -webkit-transform-origin: 50% 50%;
  2967. transform-origin: 50% 50%;
  2968. -webkit-animation: dx-loadindicator-icon-custom-rotate 1.5s infinite linear;
  2969. animation: dx-loadindicator-icon-custom-rotate 1.5s infinite linear;
  2970. }
  2971. @-webkit-keyframes dx-loadindicator-icon-custom-rotate {
  2972. from {
  2973. -webkit-transform: rotate(0deg);
  2974. }
  2975. to {
  2976. -webkit-transform: rotate(360deg);
  2977. }
  2978. }
  2979. @keyframes dx-loadindicator-icon-custom-rotate {
  2980. from {
  2981. -webkit-transform: rotate(0deg);
  2982. transform: rotate(0deg);
  2983. }
  2984. to {
  2985. -webkit-transform: rotate(360deg);
  2986. transform: rotate(360deg);
  2987. }
  2988. }
  2989. .dx-loadindicator-container > .dx-loadindicator {
  2990. top: 50%;
  2991. left: 50%;
  2992. position: absolute;
  2993. margin-top: -16px;
  2994. margin-left: -16px;
  2995. }
  2996. .dx-loadindicator-container > .dx-loadindicator.dx-loadindicator {
  2997. margin-top: -16px;
  2998. margin-left: -16px;
  2999. }
  3000. .dx-loadindicator-content {
  3001. width: 100%;
  3002. height: 100%;
  3003. position: relative;
  3004. }
  3005. .dx-loadpanel-content {
  3006. padding: 10px;
  3007. border: 1px solid #ccc;
  3008. background: #fefefe;
  3009. text-align: center;
  3010. -webkit-user-select: none;
  3011. -moz-user-select: none;
  3012. -ms-user-select: none;
  3013. user-select: none;
  3014. -webkit-touch-callout: none;
  3015. user-drag: none;
  3016. border-radius: 5px;
  3017. }
  3018. .dx-loadpanel-content:before {
  3019. display: inline-block;
  3020. height: 100%;
  3021. content: '';
  3022. vertical-align: middle;
  3023. }
  3024. .dx-loadpanel-content-wrapper {
  3025. display: inline-block;
  3026. width: 100%;
  3027. vertical-align: middle;
  3028. }
  3029. .dx-loadpanel-message {
  3030. text-align: center;
  3031. }
  3032. .dx-loadpanel-content.dx-loadpanel-pane-hidden {
  3033. -webkit-box-shadow: none;
  3034. box-shadow: none;
  3035. border: none;
  3036. background: none;
  3037. }
  3038. .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list {
  3039. min-height: 40px;
  3040. min-width: 100px;
  3041. }
  3042. .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item {
  3043. display: block;
  3044. }
  3045. .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item:last-of-type {
  3046. border-bottom: none;
  3047. }
  3048. .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item-content {
  3049. display: block;
  3050. }
  3051. .dx-overlay-wrapper.dx-dropdownmenu-popup .dx-popover-arrow {
  3052. width: 0;
  3053. height: 0;
  3054. }
  3055. .dx-dropdownmenu-popup-wrapper .dx-list-item {
  3056. display: block;
  3057. }
  3058. .dx-selectbox {
  3059. cursor: pointer;
  3060. }
  3061. .dx-selectbox .dx-texteditor-input {
  3062. max-width: 100%;
  3063. }
  3064. .dx-selectbox .dx-texteditor-input:-moz-read-only {
  3065. cursor: pointer;
  3066. }
  3067. .dx-selectbox .dx-texteditor-input:read-only {
  3068. cursor: pointer;
  3069. }
  3070. .dx-selectbox-container {
  3071. position: relative;
  3072. }
  3073. .dx-state-disabled .dx-selectbox .dx-texteditor-input,
  3074. .dx-state-disabled.dx-selectbox .dx-texteditor-input {
  3075. cursor: default;
  3076. }
  3077. .dx-tagbox .dx-texteditor-input {
  3078. width: auto;
  3079. }
  3080. .dx-tagbox.dx-tagbox-default-template.dx-tagbox-only-select .dx-texteditor-input {
  3081. border: none;
  3082. color: transparent;
  3083. text-shadow: 0 0 0 gray;
  3084. min-width: 0;
  3085. width: 0.1px;
  3086. padding-left: 0;
  3087. padding-right: 0;
  3088. margin-left: 0;
  3089. margin-right: 0;
  3090. }
  3091. .dx-tagbox.dx-tagbox-default-template.dx-tagbox-only-select .dx-texteditor-input:focus {
  3092. outline: none;
  3093. }
  3094. .dx-tagbox.dx-state-disabled .dx-texteditor-input {
  3095. background: none;
  3096. }
  3097. .dx-tagbox.dx-state-disabled .dx-tag-content {
  3098. cursor: default;
  3099. }
  3100. .dx-tag {
  3101. max-width: calc(99%);
  3102. display: inline-block;
  3103. }
  3104. .dx-tag-container {
  3105. padding: 0;
  3106. padding-right: 4px;
  3107. outline: none;
  3108. }
  3109. .dx-texteditor-container.dx-tag-container {
  3110. white-space: normal;
  3111. }
  3112. .dx-tagbox-single-line .dx-tag-container {
  3113. overflow-x: hidden;
  3114. white-space: nowrap;
  3115. position: static;
  3116. }
  3117. .dx-tag-content {
  3118. position: relative;
  3119. display: inline-block;
  3120. margin: 4px 0 0 4px;
  3121. min-width: 30px;
  3122. text-align: center;
  3123. cursor: pointer;
  3124. }
  3125. .dx-tag-content:before {
  3126. content: ".";
  3127. color: transparent;
  3128. display: inline-block;
  3129. width: 0;
  3130. }
  3131. .dx-tag-remove-button {
  3132. position: absolute;
  3133. top: 0;
  3134. right: 0;
  3135. }
  3136. .dx-tag-remove-button:before,
  3137. .dx-tag-remove-button:after {
  3138. position: absolute;
  3139. top: 50%;
  3140. content: "";
  3141. -webkit-transform: rotate(45deg);
  3142. transform: rotate(45deg);
  3143. }
  3144. .dx-rtl .dx-tagbox .dx-tag-content,
  3145. .dx-tagbox.dx-rtl .dx-tag-content {
  3146. margin-left: 0;
  3147. margin-right: 4px;
  3148. }
  3149. .dx-rtl .dx-tagbox .dx-tag-remove-button,
  3150. .dx-tagbox.dx-rtl .dx-tag-remove-button {
  3151. right: auto;
  3152. left: 0;
  3153. }
  3154. .dx-rtl .dx-tagbox .dx-tag-container,
  3155. .dx-tagbox.dx-rtl .dx-tag-container {
  3156. padding-left: 4px;
  3157. padding-right: 0;
  3158. }
  3159. .dx-radiobutton {
  3160. -webkit-user-select: none;
  3161. -moz-user-select: none;
  3162. -ms-user-select: none;
  3163. user-select: none;
  3164. -webkit-touch-callout: none;
  3165. }
  3166. .dx-state-disabled.dx-radiobutton {
  3167. cursor: default;
  3168. }
  3169. .dx-radiobutton {
  3170. display: table;
  3171. cursor: pointer;
  3172. }
  3173. .dx-radio-value-container {
  3174. display: table-cell;
  3175. padding-right: 10px;
  3176. padding-left: 5px;
  3177. vertical-align: middle;
  3178. }
  3179. .dx-rtl .dx-radio-value-container,
  3180. .dx-rtl.dx-radio-value-container {
  3181. padding-right: 5px;
  3182. padding-left: 10px;
  3183. }
  3184. .dx-radiogroup-horizontal:before,
  3185. .dx-radiogroup-horizontal:after {
  3186. display: table;
  3187. content: "";
  3188. line-height: 0;
  3189. }
  3190. .dx-radiogroup-horizontal:after {
  3191. clear: both;
  3192. }
  3193. .dx-radiogroup-horizontal .dx-radiobutton {
  3194. float: left;
  3195. }
  3196. .dx-rtl .dx-radiogroup-horizontal .dx-radiobutton,
  3197. .dx-rtl.dx-radiogroup-horizontal .dx-radiobutton {
  3198. float: right;
  3199. }
  3200. .dx-radiogroup-horizontal .dx-radiobutton:last-of-type {
  3201. margin-right: 0;
  3202. }
  3203. .dx-state-disabled .dx-radiobutton {
  3204. cursor: default;
  3205. }
  3206. .dx-pivottabs {
  3207. position: relative;
  3208. overflow: hidden;
  3209. width: 100%;
  3210. -webkit-user-select: none;
  3211. -moz-user-select: none;
  3212. -ms-user-select: none;
  3213. user-select: none;
  3214. -webkit-touch-callout: none;
  3215. }
  3216. .dx-pivottabs-tab,
  3217. .dx-pivottabs-ghosttab {
  3218. position: absolute;
  3219. left: 0;
  3220. cursor: pointer;
  3221. }
  3222. .dx-pivot {
  3223. height: 100%;
  3224. -ms-touch-action: pinch-zoom;
  3225. touch-action: pinch-zoom;
  3226. }
  3227. .dx-pivot-wrapper {
  3228. position: relative;
  3229. height: 100%;
  3230. overflow: hidden;
  3231. }
  3232. .dx-pivot-itemcontainer {
  3233. position: absolute;
  3234. bottom: 0px;
  3235. width: 100%;
  3236. }
  3237. .dx-pivot-itemwrapper {
  3238. position: absolute;
  3239. width: 100%;
  3240. height: 100%;
  3241. }
  3242. .dx-pivot-item,
  3243. .dx-pivot-item-content {
  3244. width: 100%;
  3245. height: 100%;
  3246. }
  3247. .dx-pivot-item-hidden {
  3248. display: none;
  3249. }
  3250. .dx-pivot-autoheight .dx-pivot-itemcontainer {
  3251. position: static;
  3252. }
  3253. .dx-pivot-autoheight .dx-pivot-itemwrapper {
  3254. position: static;
  3255. }
  3256. .dx-panorama {
  3257. height: 100%;
  3258. background-position-y: 0;
  3259. background-repeat: repeat-x;
  3260. background-size: auto 75%;
  3261. -ms-touch-action: pinch-zoom;
  3262. touch-action: pinch-zoom;
  3263. }
  3264. .dx-panorama-wrapper {
  3265. position: relative;
  3266. height: 100%;
  3267. overflow: hidden;
  3268. }
  3269. .dx-panorama-title,
  3270. .dx-panorama-ghosttitle {
  3271. position: absolute;
  3272. left: 0;
  3273. height: 70px;
  3274. font-size: 65px;
  3275. line-height: 0.7692;
  3276. white-space: nowrap;
  3277. }
  3278. .dx-panorama-itemscontainer {
  3279. position: absolute;
  3280. width: 100%;
  3281. top: 70px;
  3282. bottom: 0;
  3283. }
  3284. .dx-panorama-item,
  3285. .dx-panorama-ghostitem {
  3286. position: absolute;
  3287. width: 88%;
  3288. height: 100%;
  3289. left: 0;
  3290. }
  3291. .dx-panorama-item-title {
  3292. font-size: 30px;
  3293. line-height: 1.5;
  3294. }
  3295. .dx-panorama-item-content {
  3296. position: absolute;
  3297. top: 45px;
  3298. left: 0;
  3299. right: 0;
  3300. bottom: 0;
  3301. }
  3302. .dx-panorama-item-content:first-child {
  3303. top: 0;
  3304. }
  3305. .dx-accordion-item-title {
  3306. font-size: 18px;
  3307. cursor: pointer;
  3308. position: relative;
  3309. -webkit-user-select: none;
  3310. -moz-user-select: none;
  3311. -ms-user-select: none;
  3312. user-select: none;
  3313. -webkit-touch-callout: none;
  3314. }
  3315. .dx-accordion-item-title .dx-icon {
  3316. width: 16px;
  3317. height: 16px;
  3318. background-size: contain;
  3319. display: inline-block;
  3320. margin-right: 5px;
  3321. }
  3322. .dx-accordion-item-title:before {
  3323. content: '';
  3324. background-position: center;
  3325. float: right;
  3326. }
  3327. .dx-accordion-item-body {
  3328. overflow: hidden;
  3329. font-size: 14px;
  3330. }
  3331. .dx-accordion-item-closed .dx-accordion-item-body {
  3332. visibility: hidden;
  3333. }
  3334. .dx-accordion-item {
  3335. overflow: hidden;
  3336. }
  3337. .dx-accordion-item-opened .dx-accordion-item-body {
  3338. visibility: visible;
  3339. }
  3340. .dx-state-disabled .dx-accordion-item-title {
  3341. cursor: default;
  3342. }
  3343. .dx-rtl .dx-accordion-item-title:before {
  3344. float: left;
  3345. }
  3346. .dx-slideoutview {
  3347. height: 100%;
  3348. width: 100%;
  3349. -ms-touch-action: pinch-zoom;
  3350. touch-action: pinch-zoom;
  3351. }
  3352. .dx-slideoutview-wrapper {
  3353. position: relative;
  3354. overflow: hidden;
  3355. height: 100%;
  3356. }
  3357. .dx-slideoutview-menu-content {
  3358. position: absolute;
  3359. top: 0px;
  3360. bottom: 0px;
  3361. }
  3362. .dx-slideoutview-menu-content.dx-slideoutview-right {
  3363. right: 0px;
  3364. }
  3365. .dx-slideoutview-menu-content.dx-slideoutview-left {
  3366. left: 0px;
  3367. }
  3368. .dx-slideoutview-content {
  3369. position: absolute;
  3370. overflow: hidden;
  3371. width: 100%;
  3372. height: 100%;
  3373. top: 0;
  3374. z-index: 100;
  3375. }
  3376. .dx-slideoutview-shield {
  3377. position: absolute;
  3378. top: 0;
  3379. height: 100%;
  3380. width: 100%;
  3381. z-index: 1;
  3382. }
  3383. .dx-device-android .dx-slideoutview-content {
  3384. -webkit-backface-visibility: hidden;
  3385. backface-visibility: hidden;
  3386. }
  3387. .dx-slideout {
  3388. height: 100%;
  3389. width: 100%;
  3390. }
  3391. .dx-slideout-menu {
  3392. min-width: 280px;
  3393. max-width: 350px;
  3394. }
  3395. .dx-slideout-menu .dx-list-item .dx-icon {
  3396. float: left;
  3397. margin-right: 15px;
  3398. width: 24px;
  3399. height: 24px;
  3400. background-size: 100% 100%;
  3401. }
  3402. .dx-slideout-item,
  3403. .dx-slideout-item-content {
  3404. height: 100%;
  3405. width: 100%;
  3406. }
  3407. .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon {
  3408. float: right;
  3409. margin-right: 0;
  3410. margin-left: 15px;
  3411. }
  3412. .dx-pager {
  3413. overflow: hidden;
  3414. width: 100%;
  3415. padding-top: 8px;
  3416. padding-bottom: 8px;
  3417. line-height: normal;
  3418. -webkit-user-select: none;
  3419. -moz-user-select: none;
  3420. -ms-user-select: none;
  3421. user-select: none;
  3422. -webkit-touch-callout: none;
  3423. }
  3424. .dx-pager .dx-pages {
  3425. float: right;
  3426. }
  3427. .dx-pager .dx-pages .dx-page {
  3428. display: inline-block;
  3429. cursor: pointer;
  3430. padding: 7px 8px 8px;
  3431. margin-left: 5px;
  3432. margin-right: 1px;
  3433. }
  3434. .dx-pager .dx-pages .dx-page:first-child {
  3435. margin-left: 1px;
  3436. }
  3437. .dx-pager .dx-pages .dx-separator {
  3438. display: inline-block;
  3439. padding-left: 8px;
  3440. padding-right: 8px;
  3441. }
  3442. .dx-pager .dx-pages .dx-info {
  3443. display: inline-block;
  3444. margin-right: 9px;
  3445. opacity: .6;
  3446. }
  3447. .dx-pager .dx-pages .dx-navigate-button {
  3448. width: 10px;
  3449. height: 20px;
  3450. cursor: pointer;
  3451. display: inline-block;
  3452. vertical-align: top;
  3453. padding: 7px 13px;
  3454. -webkit-box-sizing: content-box;
  3455. box-sizing: content-box;
  3456. }
  3457. .dx-pager .dx-pages .dx-navigate-button.dx-button-disable {
  3458. opacity: .3;
  3459. cursor: inherit;
  3460. }
  3461. .dx-pager .dx-pages .dx-prev-button,
  3462. .dx-pager .dx-pages .dx-next-button {
  3463. position: relative;
  3464. }
  3465. .dx-pager .dx-page-sizes {
  3466. float: left;
  3467. }
  3468. .dx-pager .dx-page-sizes .dx-page-size {
  3469. display: inline-block;
  3470. cursor: pointer;
  3471. padding-left: 10px;
  3472. padding-right: 9px;
  3473. padding-top: 7px;
  3474. padding-bottom: 8px;
  3475. margin-left: 4px;
  3476. margin-right: 1px;
  3477. }
  3478. .dx-pager .dx-page-sizes .dx-page-size:first-child {
  3479. margin-left: 1px;
  3480. }
  3481. .dx-pager .dx-pages .dx-selection,
  3482. .dx-pager .dx-page-sizes .dx-selection {
  3483. cursor: inherit;
  3484. text-shadow: none;
  3485. }
  3486. .dx-pager .dx-light-pages {
  3487. display: inline-block;
  3488. }
  3489. .dx-pager .dx-light-pages .dx-page-index {
  3490. width: 40px;
  3491. }
  3492. .dx-pager .dx-light-pages .dx-pages-count {
  3493. cursor: pointer;
  3494. }
  3495. .dx-pager .dx-light-pages .dx-info-text,
  3496. .dx-pager .dx-light-pages .dx-pages-count {
  3497. padding-left: 6px;
  3498. }
  3499. .dx-pager .dx-light-pages .dx-page-index,
  3500. .dx-pager .dx-light-pages .dx-info-text,
  3501. .dx-pager .dx-light-pages .dx-pages-count {
  3502. display: table-cell;
  3503. }
  3504. .dx-rtl .dx-pager .dx-pages,
  3505. .dx-pager.dx-rtl .dx-pages {
  3506. float: left;
  3507. direction: ltr;
  3508. }
  3509. .dx-rtl .dx-pager .dx-pages .dx-page,
  3510. .dx-pager.dx-rtl .dx-pages .dx-page {
  3511. direction: ltr;
  3512. }
  3513. .dx-rtl .dx-pager .dx-pages .dx-info,
  3514. .dx-pager.dx-rtl .dx-pages .dx-info {
  3515. margin-left: 9px;
  3516. margin-right: 0;
  3517. }
  3518. .dx-rtl .dx-pager .dx-page-sizes,
  3519. .dx-pager.dx-rtl .dx-page-sizes {
  3520. float: right;
  3521. }
  3522. .dx-colorview-container {
  3523. width: 450px;
  3524. overflow: hidden;
  3525. }
  3526. .dx-colorview-container label {
  3527. display: block;
  3528. overflow: hidden;
  3529. line-height: 36px;
  3530. font-weight: normal;
  3531. margin: 0;
  3532. white-space: normal;
  3533. }
  3534. .dx-colorview-container label.dx-colorview-label-hex {
  3535. margin: 10px 0 0 0;
  3536. }
  3537. .dx-colorview-container label.dx-colorview-alpha-channel-label {
  3538. margin-left: 43px;
  3539. width: 115px;
  3540. }
  3541. .dx-colorview-container label .dx-texteditor {
  3542. width: 69px;
  3543. float: right;
  3544. margin: 1px 1px 10px 0;
  3545. }
  3546. .dx-colorview-container .dx-button {
  3547. margin-top: 0;
  3548. margin-bottom: 0;
  3549. }
  3550. .dx-colorview-container .dx-button.dx-colorview-apply-button {
  3551. margin-right: 10px;
  3552. margin-left: 0;
  3553. }
  3554. .dx-colorview-container .dx-button.dx-colorview-cancel-button {
  3555. margin-right: 0;
  3556. margin-left: 0;
  3557. }
  3558. .dx-colorview-container-row {
  3559. overflow: hidden;
  3560. padding-top: 1px;
  3561. }
  3562. .dx-colorview-container-row:first-child {
  3563. margin-top: 0;
  3564. }
  3565. .dx-colorview-container-row.dx-colorview-alpha-channel-row {
  3566. margin-top: 10px;
  3567. }
  3568. .dx-colorview-container-cell {
  3569. float: left;
  3570. }
  3571. .dx-colorview-palette-handle {
  3572. width: 28px;
  3573. height: 28px;
  3574. top: 0;
  3575. left: 0;
  3576. cursor: crosshair;
  3577. border-radius: 100%;
  3578. z-index: 5;
  3579. }
  3580. .dx-colorview-hue-scale-handle,
  3581. .dx-colorview-alpha-channel-handle {
  3582. position: absolute;
  3583. cursor: pointer;
  3584. }
  3585. .dx-colorview-hue-scale-handle {
  3586. width: 36px;
  3587. height: 17px;
  3588. top: 0;
  3589. left: -7px;
  3590. }
  3591. .dx-colorview-alpha-channel-handle {
  3592. width: 17px;
  3593. height: 36px;
  3594. top: -6px;
  3595. left: 0;
  3596. }
  3597. .dx-colorview-hue-scale {
  3598. position: relative;
  3599. width: 18px;
  3600. height: 299px;
  3601. background-repeat: no-repeat;
  3602. background-image: -webkit-gradient(linear, left bottom, left top, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000));
  3603. background-image: linear-gradient(0deg, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  3604. }
  3605. .dx-colorview-color-preview-container-inner,
  3606. .dx-colorview-alpha-channel-wrapper,
  3607. .dx-colorbox-input-container::after {
  3608. background-image: linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 74%, #cccccc 75%, #cccccc), linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 74%, #cccccc 75%, #cccccc);
  3609. background-size: 16px 16px;
  3610. background-position: 0 0, 8px 8px;
  3611. }
  3612. .dx-colorview-alpha-channel-wrapper {
  3613. background-position: 0px 6px, 8px 14px;
  3614. }
  3615. .dx-colorbox-input-container {
  3616. height: 100%;
  3617. }
  3618. .dx-colorview-palette-gradient-white {
  3619. background-repeat: no-repeat;
  3620. background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
  3621. background-image: linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  3622. }
  3623. .dx-colorview-palette-gradient-black {
  3624. background-repeat: no-repeat;
  3625. background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
  3626. background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  3627. }
  3628. .dx-colorview-palette {
  3629. position: relative;
  3630. overflow: hidden;
  3631. width: 288px;
  3632. height: 299px;
  3633. cursor: crosshair;
  3634. }
  3635. .dx-colorview-palette-gradient {
  3636. position: absolute;
  3637. top: 0;
  3638. left: 0;
  3639. width: 100%;
  3640. height: 100%;
  3641. }
  3642. .dx-colorview-alpha-channel-scale {
  3643. width: 288px;
  3644. height: 20px;
  3645. position: relative;
  3646. }
  3647. .dx-colorview-hue-scale-cell {
  3648. margin-left: 19px;
  3649. position: relative;
  3650. }
  3651. .dx-colorview-hue-scale-wrapper {
  3652. height: 301px;
  3653. }
  3654. .dx-colorview-controls-container {
  3655. position: relative;
  3656. width: 90px;
  3657. margin-left: 27px;
  3658. }
  3659. .dx-colorview-color-preview {
  3660. width: 86px;
  3661. height: 40px;
  3662. }
  3663. .dx-colorview-alpha-channel-cell {
  3664. margin: 6px 0;
  3665. position: relative;
  3666. width: 292px;
  3667. }
  3668. .dx-colorview-alpha-channel-cell .dx-button {
  3669. width: 90px;
  3670. }
  3671. .dx-rtl .dx-colorview-container-row .dx-colorview-container-cell {
  3672. float: right;
  3673. }
  3674. .dx-rtl .dx-colorview-hue-scale-cell {
  3675. margin-right: 19px;
  3676. margin-left: 0;
  3677. }
  3678. .dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label {
  3679. margin-right: 41px;
  3680. margin-left: 0;
  3681. }
  3682. .dx-rtl .dx-colorview-container label .dx-texteditor {
  3683. float: left;
  3684. }
  3685. .dx-rtl .dx-colorview-controls-container {
  3686. margin-right: 25px;
  3687. margin-left: 0;
  3688. }
  3689. .dx-rtl .dx-colorview-alpha-channel-scale {
  3690. direction: ltr;
  3691. }
  3692. .dx-colorbox-input-container:after {
  3693. content: "";
  3694. display: block;
  3695. position: absolute;
  3696. top: 50%;
  3697. z-index: 1;
  3698. width: 15px;
  3699. height: 15px;
  3700. margin-top: -7.5px;
  3701. left: 14px;
  3702. }
  3703. .dx-colorbox-input-container.dx-colorbox-color-is-not-defined:after {
  3704. background: none;
  3705. }
  3706. .dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview {
  3707. border: none;
  3708. }
  3709. .dx-colorbox-color-result-preview {
  3710. position: absolute;
  3711. top: 50%;
  3712. z-index: 2;
  3713. width: 17px;
  3714. height: 17px;
  3715. margin-top: -8.5px;
  3716. left: 13px;
  3717. border: 1px solid;
  3718. }
  3719. .dx-colorbox-input-container .dx-colorbox-input.dx-texteditor-input {
  3720. -webkit-appearance: none;
  3721. padding-left: 40px;
  3722. }
  3723. .dx-colorbox-overlay {
  3724. padding: 20px;
  3725. }
  3726. .dx-colorbox-overlay .dx-popup-content {
  3727. overflow: hidden;
  3728. padding: 0;
  3729. }
  3730. .dx-colorbox-overlay .dx-popup-bottom .dx-toolbar-item:first-child {
  3731. padding-right: 10px;
  3732. }
  3733. .dx-colorbox-overlay .dx-colorview-buttons-container .dx-button {
  3734. margin: 0;
  3735. }
  3736. .dx-rtl .dx-colorbox .dx-placeholder,
  3737. .dx-rtl.dx-colorbox .dx-placeholder {
  3738. right: 32px;
  3739. }
  3740. .dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-input.dx-texteditor-input,
  3741. .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input.dx-texteditor-input {
  3742. direction: ltr;
  3743. text-align: end;
  3744. padding-right: 40px;
  3745. }
  3746. .dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-color-result-preview,
  3747. .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-color-result-preview {
  3748. left: auto;
  3749. right: 13px;
  3750. }
  3751. .dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container:after,
  3752. .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container:after {
  3753. left: auto;
  3754. right: 14px;
  3755. }
  3756. .dx-gridbase-container {
  3757. display: -webkit-box;
  3758. display: -webkit-flex;
  3759. display: -ms-flexbox;
  3760. display: flex;
  3761. -webkit-box-orient: vertical;
  3762. -webkit-box-direction: normal;
  3763. -webkit-flex-direction: column;
  3764. -ms-flex-direction: column;
  3765. flex-direction: column;
  3766. height: 100%;
  3767. min-height: inherit;
  3768. max-height: inherit;
  3769. }
  3770. .dx-gridbase-container > * {
  3771. -webkit-box-flex: 0;
  3772. -webkit-flex: 0 0 auto;
  3773. -ms-flex: 0 0 auto;
  3774. flex: 0 0 auto;
  3775. }
  3776. .dx-datagrid-checkbox-size {
  3777. vertical-align: middle;
  3778. }
  3779. .dx-datagrid-important-margin {
  3780. margin-right: 5px !important;
  3781. }
  3782. .dx-datagrid-table {
  3783. background-color: transparent;
  3784. }
  3785. .dx-datagrid .dx-datagrid-content-fixed {
  3786. position: absolute;
  3787. top: 0;
  3788. left: 0;
  3789. bottom: 0;
  3790. right: 0;
  3791. z-index: 2;
  3792. pointer-events: none;
  3793. overflow: hidden;
  3794. }
  3795. .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table {
  3796. position: relative;
  3797. }
  3798. .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table td {
  3799. pointer-events: auto;
  3800. }
  3801. .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-row td.dx-pointer-events-none {
  3802. visibility: hidden;
  3803. background-color: transparent;
  3804. pointer-events: none;
  3805. border-bottom-color: transparent;
  3806. }
  3807. .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table.dx-datagrid-table-fixed .dx-row td.dx-pointer-events-none {
  3808. width: auto;
  3809. }
  3810. .dx-datagrid.dx-datagrid-borders > .dx-datagrid-total-footer {
  3811. border-top: 0;
  3812. }
  3813. .dx-datagrid.dx-datagrid-borders > .dx-datagrid-pager {
  3814. margin-top: 1px;
  3815. }
  3816. .dx-datagrid.dx-datagrid-borders > .dx-datagrid-header-panel {
  3817. border-bottom: 0;
  3818. }
  3819. .dx-datagrid.dx-datagrid-borders > .dx-datagrid-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td {
  3820. border-bottom-width: 0;
  3821. }
  3822. .dx-datagrid .dx-menu-subitem ul li {
  3823. padding-top: 0;
  3824. }
  3825. .dx-datagrid .dx-menu-subitem ul li:first-child {
  3826. padding-top: 1px;
  3827. }
  3828. .dx-datagrid .dx-menu-subitem .dx-menu-item {
  3829. padding: 7px 30px 7px 5px;
  3830. }
  3831. .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image {
  3832. background-position-x: left;
  3833. }
  3834. @-webkit-keyframes dx-loadpanel-opacity {
  3835. from {
  3836. opacity: 0;
  3837. }
  3838. to {
  3839. opacity: 1;
  3840. }
  3841. }
  3842. @keyframes dx-loadpanel-opacity {
  3843. from {
  3844. opacity: 0;
  3845. }
  3846. to {
  3847. opacity: 1;
  3848. }
  3849. }
  3850. .dx-datagrid .dx-link {
  3851. text-decoration: underline;
  3852. cursor: pointer;
  3853. }
  3854. .dx-datagrid .dx-column-indicators {
  3855. display: inline-block;
  3856. vertical-align: top;
  3857. white-space: nowrap;
  3858. }
  3859. .dx-datagrid .dx-column-indicators.dx-visibility-hidden {
  3860. visibility: hidden;
  3861. }
  3862. .dx-datagrid .dx-column-indicators .dx-sort.dx-sort,
  3863. .dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort,
  3864. .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter,
  3865. .dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter {
  3866. display: inline-block;
  3867. }
  3868. .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter:after,
  3869. .dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter:after {
  3870. content: '';
  3871. position: absolute;
  3872. top: 0;
  3873. bottom: 0;
  3874. left: 0;
  3875. right: 0;
  3876. margin: -7px;
  3877. }
  3878. .dx-datagrid .dx-row > td,
  3879. .dx-datagrid .dx-row > tr > td {
  3880. padding: 7px;
  3881. }
  3882. .dx-datagrid .dx-error-row {
  3883. -webkit-user-select: initial;
  3884. -moz-user-select: initial;
  3885. -ms-user-select: initial;
  3886. user-select: initial;
  3887. }
  3888. .dx-datagrid .dx-error-row .dx-error-message {
  3889. -webkit-user-select: text;
  3890. -moz-user-select: text;
  3891. -ms-user-select: text;
  3892. user-select: text;
  3893. }
  3894. .dx-datagrid .dx-error-row .dx-error-message a {
  3895. color: inherit;
  3896. }
  3897. .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
  3898. border-bottom: none;
  3899. font-size: 16px;
  3900. }
  3901. .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
  3902. font-size: 16px;
  3903. }
  3904. .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content {
  3905. padding: 0px 20px 20px 20px;
  3906. }
  3907. .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  3908. opacity: 0.5;
  3909. margin-bottom: 10px;
  3910. -webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
  3911. box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
  3912. }
  3913. .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item.dx-datagrid-drag-action {
  3914. opacity: 1;
  3915. cursor: pointer;
  3916. -ms-touch-action: pinch-zoom;
  3917. touch-action: pinch-zoom;
  3918. }
  3919. .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-treeview-node-container:first-child > .dx-treeview-node-is-leaf {
  3920. padding: 0px;
  3921. }
  3922. .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-node {
  3923. padding-left: 0px;
  3924. }
  3925. .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-node .dx-checkbox {
  3926. left: 4px;
  3927. }
  3928. .dx-datagrid-nowrap {
  3929. white-space: nowrap;
  3930. }
  3931. .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
  3932. white-space: nowrap;
  3933. }
  3934. .dx-datagrid-drag-header {
  3935. position: absolute;
  3936. vertical-align: middle;
  3937. cursor: pointer;
  3938. z-index: 10000;
  3939. -webkit-box-sizing: content-box;
  3940. box-sizing: content-box;
  3941. }
  3942. .dx-datagrid-drag-header.dx-drag-command-cell {
  3943. padding: 0px;
  3944. }
  3945. .dx-datagrid-columns-separator {
  3946. position: absolute;
  3947. z-index: 3;
  3948. width: 3px;
  3949. }
  3950. .dx-datagrid-columns-separator-transparent {
  3951. border-left: 0;
  3952. border-right: 0;
  3953. }
  3954. .dx-datagrid-tracker {
  3955. width: 100%;
  3956. position: absolute;
  3957. top: 0;
  3958. z-index: 3;
  3959. cursor: col-resize;
  3960. }
  3961. .dx-datagrid-table-content {
  3962. position: absolute;
  3963. top: 0;
  3964. }
  3965. .dx-datagrid-focus-overlay {
  3966. position: absolute;
  3967. pointer-events: none;
  3968. top: 0;
  3969. left: 0;
  3970. visibility: hidden;
  3971. }
  3972. .dx-datagrid-action,
  3973. .dx-datagrid-drag-action {
  3974. cursor: pointer;
  3975. }
  3976. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-modified):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) .dx-link {
  3977. color: inherit;
  3978. }
  3979. .dx-datagrid-content {
  3980. position: relative;
  3981. }
  3982. .dx-datagrid-text-content {
  3983. overflow: hidden;
  3984. text-overflow: ellipsis;
  3985. }
  3986. .dx-datagrid-table-fixed {
  3987. table-layout: fixed;
  3988. width: 100%;
  3989. }
  3990. .dx-hidden {
  3991. display: none;
  3992. }
  3993. input.dx-hidden {
  3994. display: inline-block !important;
  3995. width: 0 !important;
  3996. }
  3997. .dx-hidden-cell {
  3998. visibility: hidden;
  3999. }
  4000. .dx-row > td,
  4001. .dx-row > tr > td {
  4002. border: none;
  4003. }
  4004. .dx-datagrid-content .dx-datagrid-table {
  4005. border-collapse: collapse;
  4006. border-spacing: 0;
  4007. margin: 0;
  4008. max-width: 10px;
  4009. }
  4010. .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed {
  4011. max-width: none;
  4012. }
  4013. .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed .dx-column-indicators .dx-sort.dx-sort-none {
  4014. display: none;
  4015. }
  4016. .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators {
  4017. float: none !important;
  4018. }
  4019. .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators > span {
  4020. width: 14px;
  4021. }
  4022. .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators .dx-sort.dx-sort-none {
  4023. display: inline-block;
  4024. }
  4025. .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-header-row .dx-datagrid-text-content {
  4026. max-width: none;
  4027. }
  4028. .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-text-content-alignment-left {
  4029. margin-right: 3px;
  4030. }
  4031. .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-text-content-alignment-right {
  4032. margin-left: 3px;
  4033. }
  4034. .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-column-indicators {
  4035. float: none !important;
  4036. }
  4037. .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-column-indicators > span {
  4038. width: 14px;
  4039. }
  4040. .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-text-content-alignment-left {
  4041. margin-right: 3px;
  4042. }
  4043. .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-text-content-alignment-right {
  4044. margin-left: 3px;
  4045. }
  4046. .dx-datagrid-content .dx-datagrid-table [class*="column"] + [class*="column"]:last-child {
  4047. float: none;
  4048. }
  4049. .dx-datagrid-content .dx-datagrid-table .dx-row > td,
  4050. .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
  4051. vertical-align: top;
  4052. }
  4053. .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child,
  4054. .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td:first-child {
  4055. border-left: 0px;
  4056. }
  4057. .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space,
  4058. .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space {
  4059. border-right: none;
  4060. vertical-align: top;
  4061. }
  4062. .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td,
  4063. .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space + td {
  4064. border-left: none;
  4065. }
  4066. .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container {
  4067. overflow: hidden;
  4068. }
  4069. .dx-datagrid-content .dx-datagrid-table .dx-row .dx-cell-modified:not(.dx-field-item-content),
  4070. .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid:not(.dx-field-item-content) {
  4071. padding: 0;
  4072. }
  4073. .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid .dx-invalid-message.dx-overlay {
  4074. position: static;
  4075. }
  4076. .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid .dx-invalid-message.dx-overlay .dx-overlay-content {
  4077. overflow: hidden;
  4078. text-overflow: ellipsis;
  4079. }
  4080. .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell {
  4081. max-width: 0;
  4082. padding: 0;
  4083. vertical-align: middle;
  4084. }
  4085. .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor,
  4086. .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container {
  4087. border: 0;
  4088. margin: 0;
  4089. }
  4090. .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-dropdowneditor {
  4091. margin-left: -1px;
  4092. padding-left: 1px;
  4093. }
  4094. .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
  4095. padding: 0;
  4096. width: 70px;
  4097. min-width: 70px;
  4098. max-width: 70px;
  4099. }
  4100. .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit {
  4101. width: 100px;
  4102. min-width: 100px;
  4103. }
  4104. .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
  4105. width: 80px;
  4106. min-width: 80px;
  4107. }
  4108. .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons .dx-link {
  4109. text-decoration: none;
  4110. }
  4111. .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand {
  4112. padding: 0;
  4113. width: 30px;
  4114. min-width: 30px;
  4115. max-width: 30px;
  4116. -webkit-user-select: none;
  4117. -moz-user-select: none;
  4118. -ms-user-select: none;
  4119. user-select: none;
  4120. -webkit-touch-callout: none;
  4121. }
  4122. .dx-datagrid-content .dx-datagrid-table .dx-filter-range-content {
  4123. padding: 7px 7px 7px 32px;
  4124. overflow: hidden;
  4125. text-overflow: ellipsis;
  4126. cursor: pointer;
  4127. }
  4128. .dx-datagrid-content .dx-datagrid-table .dx-row > .dx-last-data-cell {
  4129. border-right: none;
  4130. }
  4131. .dx-datagrid-content .dx-datagrid-table .dx-row > .dx-command-adaptive-hidden {
  4132. border-left: none;
  4133. }
  4134. .dx-highlight-outline {
  4135. position: relative;
  4136. padding: 7px;
  4137. }
  4138. .dx-highlight-outline::after {
  4139. content: '';
  4140. position: absolute;
  4141. border: 2px solid transparent;
  4142. top: 0;
  4143. left: 1px;
  4144. bottom: 0;
  4145. right: 0;
  4146. pointer-events: none;
  4147. }
  4148. .dx-highlight-outline.dx-hidden {
  4149. display: block !important;
  4150. }
  4151. .dx-highlight-outline.dx-hidden::after {
  4152. display: none;
  4153. }
  4154. .dx-editor-cell .dx-texteditor-input {
  4155. margin: 0;
  4156. }
  4157. .dx-editor-cell .dx-highlight-outline {
  4158. padding: 0;
  4159. }
  4160. .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
  4161. display: inline-block;
  4162. content: '\200B';
  4163. vertical-align: middle;
  4164. padding-top: 7px;
  4165. padding-bottom: 7px;
  4166. }
  4167. .dx-row .dx-numberbox.dx-show-clear-button .dx-texteditor-input,
  4168. .dx-row .dx-textbox.dx-show-clear-button .dx-texteditor-input {
  4169. padding-right: 32px;
  4170. }
  4171. .dx-column-lines .dx-highlight-outline::after {
  4172. left: 0;
  4173. }
  4174. .dx-datagrid-headers {
  4175. position: relative;
  4176. outline: 0;
  4177. -webkit-user-select: none;
  4178. -moz-user-select: none;
  4179. -ms-user-select: none;
  4180. user-select: none;
  4181. -webkit-touch-callout: none;
  4182. }
  4183. .dx-header-row .dx-editor-cell .dx-select-checkbox {
  4184. display: inline-block;
  4185. }
  4186. .dx-header-row > td {
  4187. white-space: nowrap;
  4188. overflow: hidden;
  4189. }
  4190. .dx-header-row > td > .dx-datagrid-text-content {
  4191. white-space: normal;
  4192. vertical-align: top;
  4193. }
  4194. .dx-header-row .dx-text-content-alignment-left,
  4195. .dx-header-row .dx-text-content-alignment-right {
  4196. display: inline-block;
  4197. max-width: 100%;
  4198. }
  4199. .dx-header-row .dx-sort-indicator,
  4200. .dx-header-row .dx-header-filter-indicator {
  4201. max-width: calc(100% - 17px);
  4202. }
  4203. .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left,
  4204. .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left {
  4205. margin-right: 3px;
  4206. }
  4207. .dx-header-row .dx-sort-indicator.dx-text-content-alignment-right,
  4208. .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right {
  4209. margin-left: 3px;
  4210. }
  4211. .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right,
  4212. .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
  4213. max-width: calc(100% - 34px);
  4214. }
  4215. .dx-header-row .dx-sort-indicator.dx-header-filter-indicator {
  4216. max-width: calc(100% - 31px);
  4217. }
  4218. .dx-header-row .dx-sort-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
  4219. max-width: calc(100% - 62px);
  4220. }
  4221. .dx-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor {
  4222. border-width: 0px;
  4223. }
  4224. .dx-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor.dx-state-focused:after {
  4225. content: " ";
  4226. position: absolute;
  4227. top: -1px;
  4228. bottom: -1px;
  4229. left: -1px;
  4230. right: -1px;
  4231. z-index: 1;
  4232. pointer-events: none;
  4233. }
  4234. .dx-datagrid-filter-range-overlay .dx-datagrid-filter-range-end {
  4235. border-top: 1px solid transparent;
  4236. }
  4237. .dx-datagrid-filter-range-overlay .dx-editor-container.dx-highlight-outline {
  4238. padding: 0px;
  4239. }
  4240. .dx-datagrid-filter-row .dx-editor-cell .dx-menu {
  4241. display: none;
  4242. }
  4243. .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu {
  4244. position: relative;
  4245. }
  4246. .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu {
  4247. display: block;
  4248. }
  4249. .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input,
  4250. .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder:before {
  4251. padding-left: 32px;
  4252. }
  4253. .dx-datagrid-filter-row .dx-highlight-outline::after {
  4254. pointer-events: none;
  4255. }
  4256. .dx-datagrid-filter-row .dx-focused .dx-highlight-outline::after {
  4257. border-color: transparent;
  4258. }
  4259. .dx-datagrid-filter-row .dx-menu {
  4260. z-index: 1;
  4261. position: absolute;
  4262. top: 0;
  4263. left: 0;
  4264. cursor: pointer;
  4265. margin-left: -2px;
  4266. margin-top: -2px;
  4267. height: 100%;
  4268. overflow: visible;
  4269. }
  4270. .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal {
  4271. height: 100%;
  4272. }
  4273. .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text,
  4274. .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout {
  4275. display: none;
  4276. }
  4277. .dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after {
  4278. position: absolute;
  4279. left: 2px;
  4280. top: 2px;
  4281. width: 100%;
  4282. height: 102%;
  4283. content: '';
  4284. }
  4285. .dx-datagrid-filter-row > td:first-child .dx-menu,
  4286. .dx-datagrid-filter-row > .dx-first-cell .dx-menu {
  4287. margin-left: 0px;
  4288. }
  4289. .dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
  4290. padding: 5px;
  4291. padding-right: 30px;
  4292. }
  4293. .dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item {
  4294. padding: 8px 5px 7px 5px;
  4295. }
  4296. .dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover {
  4297. padding: 9px 6px 8px 6px;
  4298. }
  4299. .dx-datagrid-filter-row .dx-menu-caption {
  4300. padding-left: 6px;
  4301. }
  4302. .dx-datagrid-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down {
  4303. display: none;
  4304. }
  4305. .dx-datagrid-filter-row .dx-menu-item-highlight {
  4306. font-weight: normal;
  4307. }
  4308. .dx-datagrid-scroll-container {
  4309. overflow: hidden;
  4310. width: 100%;
  4311. }
  4312. .dx-datagrid-header-panel {
  4313. text-align: left;
  4314. }
  4315. .dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
  4316. margin-left: 10px;
  4317. }
  4318. .dx-state-disabled {
  4319. cursor: pointer;
  4320. }
  4321. .dx-state-disabled .dx-menu-item {
  4322. cursor: default;
  4323. }
  4324. .dx-datagrid-search-panel {
  4325. margin: 0;
  4326. margin-left: 15px;
  4327. }
  4328. .dx-gridbase-container > .dx-datagrid-rowsview {
  4329. -webkit-box-flex: 1;
  4330. -webkit-flex: auto;
  4331. -ms-flex: auto;
  4332. flex: auto;
  4333. height: auto;
  4334. }
  4335. .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
  4336. display: -webkit-box;
  4337. display: -webkit-flex;
  4338. display: -ms-flexbox;
  4339. display: flex;
  4340. }
  4341. .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable > .dx-scrollable-wrapper {
  4342. -webkit-box-flex: 1;
  4343. -webkit-flex: 1;
  4344. -ms-flex: 1;
  4345. flex: 1;
  4346. height: auto;
  4347. min-width: 0;
  4348. min-height: 0;
  4349. }
  4350. .dx-datagrid-rowsview {
  4351. position: relative;
  4352. overflow: hidden;
  4353. }
  4354. .dx-datagrid-rowsview.dx-empty {
  4355. height: 100px;
  4356. }
  4357. .dx-datagrid-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content {
  4358. z-index: 2;
  4359. }
  4360. .dx-datagrid-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
  4361. z-index: 3;
  4362. }
  4363. .dx-datagrid-rowsview .dx-datagrid-content {
  4364. overflow-anchor: none;
  4365. }
  4366. .dx-datagrid-rowsview .dx-datagrid-content:not(.dx-datagrid-content-fixed) {
  4367. min-height: 100%;
  4368. }
  4369. .dx-datagrid-rowsview:focus {
  4370. outline: 0;
  4371. }
  4372. .dx-datagrid-rowsview .dx-row > td,
  4373. .dx-datagrid-rowsview .dx-row > tr > td {
  4374. overflow: hidden;
  4375. text-overflow: ellipsis;
  4376. }
  4377. .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child {
  4378. border-top: none;
  4379. }
  4380. .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > td,
  4381. .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > tr > td {
  4382. border-top: none;
  4383. }
  4384. .dx-datagrid-rowsview .dx-data-row > td:focus {
  4385. outline: 0;
  4386. }
  4387. .dx-datagrid-rowsview .dx-selection > td .dx-link,
  4388. .dx-datagrid-rowsview .dx-selection.dx-row:hover > td .dx-link,
  4389. .dx-datagrid-rowsview .dx-selection > tr > td .dx-link,
  4390. .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td .dx-link {
  4391. color: inherit;
  4392. }
  4393. .dx-datagrid-rowsview .dx-datagrid-table .dx-freespace-row,
  4394. .dx-datagrid-rowsview .dx-datagrid-table .dx-virtual-row {
  4395. border-top: 0px;
  4396. border-bottom: 0px;
  4397. }
  4398. .dx-datagrid-rowsview .dx-datagrid-table .dx-freespace-row > td,
  4399. .dx-datagrid-rowsview .dx-datagrid-table .dx-virtual-row > td {
  4400. padding-top: 0px;
  4401. padding-bottom: 0px;
  4402. }
  4403. .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
  4404. display: none;
  4405. }
  4406. .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td:hover > .dx-select-checkbox {
  4407. display: inline-block;
  4408. }
  4409. .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr.dx-selection > td > .dx-select-checkbox {
  4410. display: inline-block;
  4411. }
  4412. .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
  4413. padding: 30px;
  4414. }
  4415. .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell:focus {
  4416. outline: 0;
  4417. }
  4418. .dx-datagrid-rowsview .dx-data-row.dx-edit-row .dx-cell-modified .dx-highlight-outline:after {
  4419. border-color: transparent;
  4420. }
  4421. .dx-datagrid-rowsview .dx-command-adaptive.dx-command-adaptive-hidden {
  4422. padding-left: 0;
  4423. padding-right: 0;
  4424. }
  4425. .dx-datagrid-nodata {
  4426. position: absolute;
  4427. top: 50%;
  4428. left: 50%;
  4429. width: 100%;
  4430. text-align: center;
  4431. -webkit-transform: translate(-50%, -50%);
  4432. transform: translate(-50%, -50%);
  4433. }
  4434. .dx-datagrid-bottom-load-panel {
  4435. text-align: center;
  4436. padding: 10px;
  4437. }
  4438. .dx-datagrid-hidden-column {
  4439. white-space: nowrap;
  4440. }
  4441. .dx-datagrid-hidden-column > * {
  4442. display: none !important;
  4443. }
  4444. .dx-datagrid-total-footer {
  4445. position: relative;
  4446. }
  4447. .dx-datagrid-total-footer > .dx-datagrid-content {
  4448. padding-top: 7px;
  4449. padding-bottom: 7px;
  4450. }
  4451. .dx-datagrid-summary-item {
  4452. font-weight: bold;
  4453. }
  4454. .dx-datagrid-export-menu .dx-menu-item .dx-checkbox {
  4455. margin-left: 0;
  4456. }
  4457. .dx-datagrid-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-icon {
  4458. width: 16px;
  4459. height: 16px;
  4460. }
  4461. .dx-datagrid-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-text {
  4462. white-space: nowrap;
  4463. word-break: normal;
  4464. }
  4465. .dx-command-adaptive {
  4466. width: 36px;
  4467. min-width: 36px;
  4468. }
  4469. .dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content {
  4470. border: none;
  4471. -webkit-box-shadow: none;
  4472. box-shadow: none;
  4473. }
  4474. .dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content .dx-popup-content {
  4475. padding: 0;
  4476. }
  4477. .dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-popover-arrow {
  4478. width: 0;
  4479. height: 0;
  4480. }
  4481. .dx-datagrid-revert-tooltip .dx-revert-button {
  4482. margin: 0;
  4483. }
  4484. .dx-datagrid-notouch-action {
  4485. -ms-touch-action: none;
  4486. touch-action: none;
  4487. -ms-content-zooming: none;
  4488. -ms-overflow-style: none;
  4489. }
  4490. .dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item,
  4491. .dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item,
  4492. .dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message,
  4493. .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message {
  4494. border: none;
  4495. }
  4496. .dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message,
  4497. .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message {
  4498. text-align: center;
  4499. left: 0px;
  4500. right: 0px;
  4501. bottom: 50%;
  4502. position: absolute;
  4503. }
  4504. .dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item,
  4505. .dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item {
  4506. padding: 7px 5px 7px 30px;
  4507. }
  4508. .dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image,
  4509. .dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image {
  4510. background-position-x: right;
  4511. }
  4512. .dx-rtl .dx-datagrid .dx-texteditor-buttons-container,
  4513. .dx-datagrid.dx-rtl .dx-texteditor-buttons-container {
  4514. text-align: start;
  4515. }
  4516. .dx-rtl .dx-datagrid-content .dx-datagrid-table {
  4517. direction: rtl;
  4518. }
  4519. .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space {
  4520. border-left: none;
  4521. }
  4522. .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td {
  4523. border-right: none;
  4524. }
  4525. .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
  4526. -webkit-transform: scaleX(-1);
  4527. transform: scaleX(-1);
  4528. }
  4529. .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-filter-range-content {
  4530. padding: 7px 32px 7px 7px;
  4531. }
  4532. .dx-rtl .dx-datagrid-headers,
  4533. .dx-rtl .dx-datagrid-total-footer {
  4534. direction: ltr;
  4535. }
  4536. .dx-rtl .dx-datagrid-headers .dx-datagrid-table,
  4537. .dx-rtl .dx-datagrid-total-footer .dx-datagrid-table {
  4538. direction: rtl;
  4539. }
  4540. .dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input,
  4541. .dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder:before {
  4542. padding-right: 32px;
  4543. }
  4544. .dx-rtl .dx-datagrid-filter-row .dx-menu {
  4545. right: 0;
  4546. left: auto;
  4547. margin-left: 0;
  4548. margin-right: -2px;
  4549. }
  4550. .dx-rtl .dx-datagrid-filter-row > td:first-child .dx-menu {
  4551. margin-left: 0px;
  4552. }
  4553. .dx-rtl .dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
  4554. padding: 5px;
  4555. padding-left: 30px;
  4556. }
  4557. .dx-rtl .dx-datagrid-filter-row .dx-menu-caption {
  4558. padding-right: 6px;
  4559. }
  4560. .dx-rtl .dx-datagrid-header-panel {
  4561. text-align: right;
  4562. }
  4563. .dx-rtl .dx-datagrid-header-panel .dx-datagrid-column-chooser-button {
  4564. margin-left: 0;
  4565. }
  4566. .dx-rtl .dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
  4567. margin-left: 0;
  4568. margin-right: 10px;
  4569. }
  4570. .dx-rtl .dx-datagrid-search-panel {
  4571. margin: 0;
  4572. margin-right: 15px;
  4573. }
  4574. .dx-datagrid-filter-panel,
  4575. .dx-datagrid-filter-panel-left {
  4576. display: -webkit-box;
  4577. display: -webkit-flex;
  4578. display: -ms-flexbox;
  4579. display: flex;
  4580. -webkit-box-pack: justify;
  4581. -webkit-justify-content: space-between;
  4582. -ms-flex-pack: justify;
  4583. justify-content: space-between;
  4584. -webkit-box-orient: horizontal;
  4585. -webkit-box-direction: normal;
  4586. -webkit-flex-direction: row;
  4587. -ms-flex-direction: row;
  4588. flex-direction: row;
  4589. min-width: 0;
  4590. }
  4591. .dx-datagrid-filter-panel {
  4592. padding: 10px;
  4593. }
  4594. .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text {
  4595. overflow: hidden;
  4596. text-overflow: ellipsis;
  4597. white-space: nowrap;
  4598. }
  4599. .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text:hover,
  4600. .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter:hover {
  4601. text-decoration: underline;
  4602. cursor: pointer;
  4603. }
  4604. .dx-datagrid-filter-panel .dx-datagrid-filter-panel-checkbox {
  4605. padding-right: 10px;
  4606. }
  4607. .dx-datagrid-filter-panel .dx-icon-filter {
  4608. margin: auto;
  4609. padding-right: 7px;
  4610. cursor: pointer;
  4611. }
  4612. .dx-datagrid {
  4613. position: relative;
  4614. cursor: default;
  4615. white-space: normal;
  4616. line-height: normal;
  4617. }
  4618. .dx-hidden.dx-group-cell {
  4619. display: table-cell !important;
  4620. font-size: 0 !important;
  4621. }
  4622. .dx-datagrid-group-panel {
  4623. display: inline-block;
  4624. white-space: nowrap;
  4625. width: 100%;
  4626. -ms-touch-action: pinch-zoom;
  4627. touch-action: pinch-zoom;
  4628. }
  4629. .dx-datagrid-group-panel .dx-group-panel-message {
  4630. overflow: hidden;
  4631. text-overflow: ellipsis;
  4632. white-space: nowrap;
  4633. }
  4634. .dx-datagrid-group-panel .dx-group-panel-item {
  4635. display: inline-block;
  4636. min-width: 30px;
  4637. margin-right: 10px;
  4638. white-space: nowrap;
  4639. }
  4640. .dx-datagrid-group-panel .dx-group-panel-item .dx-sort {
  4641. margin-left: 6px;
  4642. }
  4643. .dx-datagrid-group-panel .dx-block-separator {
  4644. display: inline-block;
  4645. min-width: 30px;
  4646. margin-right: 10px;
  4647. white-space: nowrap;
  4648. color: transparent;
  4649. position: relative;
  4650. min-width: 0;
  4651. }
  4652. .dx-datagrid-group-panel .dx-block-separator .dx-sort {
  4653. margin-left: 6px;
  4654. }
  4655. .dx-datagrid-rowsview .dx-row.dx-group-row td {
  4656. border-top: 1px solid;
  4657. border-bottom: 1px solid;
  4658. }
  4659. .dx-datagrid-rowsview .dx-row.dx-group-row:first-child td {
  4660. border-top: none;
  4661. }
  4662. .dx-datagrid-rowsview .dx-group-row:focus {
  4663. outline: 0;
  4664. }
  4665. .dx-datagrid-rowsview .dx-group-row.dx-row > td {
  4666. border-left-color: transparent;
  4667. border-right-color: transparent;
  4668. }
  4669. .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content:focus {
  4670. outline: none;
  4671. }
  4672. .dx-datagrid-group-opened,
  4673. .dx-datagrid-group-closed {
  4674. cursor: pointer;
  4675. position: relative;
  4676. }
  4677. .dx-datagrid-group-opened:before,
  4678. .dx-datagrid-group-closed:before {
  4679. position: absolute;
  4680. display: block;
  4681. right: 0;
  4682. left: 0;
  4683. }
  4684. .dx-rtl .dx-datagrid-group-closed {
  4685. -webkit-transform: scaleX(-1);
  4686. transform: scaleX(-1);
  4687. }
  4688. .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-group-row.dx-row.dx-column-lines > td {
  4689. border-left: none;
  4690. border-right: none;
  4691. }
  4692. .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item,
  4693. .dx-rtl .dx-datagrid-group-panel .dx-block-separator {
  4694. margin-right: 0;
  4695. margin-left: 10px;
  4696. }
  4697. .dx-rtl .dx-datagrid-group-panel .dx-sort {
  4698. margin-left: 0;
  4699. margin-right: 6px;
  4700. }
  4701. .dx-pivotgrid-fields-container .dx-sort,
  4702. .dx-pivotgrid-fields-container .dx-header-filter {
  4703. display: inline-block;
  4704. }
  4705. .dx-pivotgrid-fields-container .dx-area-field-content {
  4706. overflow: hidden;
  4707. text-overflow: ellipsis;
  4708. }
  4709. .dx-pivotgrid-fields-container.dx-drag .dx-area-field-content {
  4710. display: inline-block;
  4711. }
  4712. .dx-pivotgrid-fields-container.dx-drag .dx-column-indicators {
  4713. float: none;
  4714. display: inline-block;
  4715. }
  4716. .dx-pivotgrid-nodata {
  4717. position: absolute;
  4718. top: 50%;
  4719. left: 50%;
  4720. width: 100%;
  4721. text-align: center;
  4722. -webkit-transform: translate(-50%, -50%);
  4723. transform: translate(-50%, -50%);
  4724. }
  4725. .dx-pivotgrid {
  4726. cursor: default;
  4727. width: 100%;
  4728. position: relative;
  4729. }
  4730. .dx-pivotgrid.dx-overflow-hidden {
  4731. overflow: hidden;
  4732. }
  4733. .dx-pivotgrid .dx-area-data-cell,
  4734. .dx-pivotgrid .dx-area-column-cell {
  4735. width: 100%;
  4736. }
  4737. .dx-pivotgrid .dx-area-data-cell {
  4738. position: relative;
  4739. }
  4740. .dx-pivotgrid table,
  4741. .dx-pivotgrid tbody,
  4742. .dx-pivotgrid tfoot,
  4743. .dx-pivotgrid thead,
  4744. .dx-pivotgrid tr,
  4745. .dx-pivotgrid th,
  4746. .dx-pivotgrid td {
  4747. margin: 0;
  4748. padding: 0;
  4749. border: 0;
  4750. outline: 0;
  4751. }
  4752. .dx-pivotgrid table {
  4753. border-collapse: collapse;
  4754. table-layout: auto;
  4755. border-spacing: 0;
  4756. }
  4757. .dx-pivotgrid td {
  4758. vertical-align: top;
  4759. -webkit-box-sizing: content-box;
  4760. box-sizing: content-box;
  4761. }
  4762. .dx-pivotgrid .dx-area-description-cell {
  4763. position: relative;
  4764. background-clip: padding-box;
  4765. }
  4766. .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-fields-area {
  4767. position: absolute;
  4768. bottom: 0;
  4769. }
  4770. .dx-pivotgrid .dx-ie {
  4771. height: 1px;
  4772. }
  4773. .dx-pivotgrid .dx-ie .dx-area-description-cell {
  4774. position: static;
  4775. height: inherit;
  4776. vertical-align: bottom;
  4777. font-size: 0;
  4778. }
  4779. .dx-pivotgrid .dx-ie .dx-area-description-cell .dx-pivotgrid-fields-area {
  4780. position: relative;
  4781. display: inline-block;
  4782. }
  4783. .dx-pivotgrid .dx-area-field-content {
  4784. display: inline-block;
  4785. }
  4786. .dx-pivotgrid .dx-column-indicators {
  4787. display: inline-block;
  4788. }
  4789. .dx-pivotgrid .dx-expand-icon-container {
  4790. position: relative;
  4791. display: inline-block;
  4792. }
  4793. .dx-pivotgrid .dx-incompressible-fields .dx-pivotgrid-fields-area {
  4794. position: static;
  4795. }
  4796. .dx-pivotgrid .dx-incompressible-fields .dx-pivotgrid-fields-area:not(.dx-hidden) {
  4797. display: table-cell;
  4798. }
  4799. .dx-pivotgrid .dx-incompressible-fields .dx-column-indicators {
  4800. vertical-align: top;
  4801. float: none !important;
  4802. }
  4803. .dx-pivotgrid .dx-incompressible-fields .dx-area-field {
  4804. display: inline-block;
  4805. white-space: nowrap;
  4806. }
  4807. .dx-pivotgrid .dx-area-field {
  4808. white-space: nowrap;
  4809. }
  4810. .dx-pivotgrid .dx-area-field-content {
  4811. white-space: nowrap;
  4812. }
  4813. .dx-pivotgrid .dx-popup-content .dx-column-indicators {
  4814. float: none !important;
  4815. display: inline-block;
  4816. }
  4817. .dx-pivotgrid .dx-popup-content .dx-area-field-content {
  4818. display: inline-block;
  4819. }
  4820. .dx-pivotgrid .dx-pivotgrid-area {
  4821. white-space: nowrap;
  4822. }
  4823. .dx-pivotgrid .dx-pivotgrid-collapsed,
  4824. .dx-pivotgrid .dx-pivotgrid-expanded {
  4825. cursor: pointer;
  4826. }
  4827. .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand,
  4828. .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
  4829. display: inline-block;
  4830. }
  4831. .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-area {
  4832. white-space: normal;
  4833. }
  4834. .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed,
  4835. .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded,
  4836. .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-sorted {
  4837. white-space: nowrap;
  4838. }
  4839. .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed > span,
  4840. .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded > span,
  4841. .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-sorted > span {
  4842. white-space: normal;
  4843. }
  4844. .dx-pivotgridfieldchooser {
  4845. position: relative;
  4846. }
  4847. .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container {
  4848. display: -webkit-flex;
  4849. display: -webkit-box;
  4850. display: -ms-flexbox;
  4851. display: flex;
  4852. overflow: hidden;
  4853. height: 100%;
  4854. }
  4855. .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-0 {
  4856. -webkit-flex-direction: column;
  4857. -webkit-box-orient: vertical;
  4858. -webkit-box-direction: normal;
  4859. -ms-flex-direction: column;
  4860. flex-direction: column;
  4861. }
  4862. .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 {
  4863. -webkit-flex-direction: column;
  4864. -webkit-box-orient: vertical;
  4865. -webkit-box-direction: normal;
  4866. -ms-flex-direction: column;
  4867. flex-direction: column;
  4868. }
  4869. .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 .dx-row:nth-child(1) {
  4870. -webkit-flex-grow: 3;
  4871. -webkit-box-flex: 3;
  4872. -ms-flex-positive: 3;
  4873. flex-grow: 3;
  4874. }
  4875. .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 .dx-row:nth-child(2) {
  4876. display: -webkit-flex;
  4877. display: -webkit-box;
  4878. display: -ms-flexbox;
  4879. display: flex;
  4880. -webkit-flex-direction: row;
  4881. -webkit-box-orient: horizontal;
  4882. -webkit-box-direction: normal;
  4883. -ms-flex-direction: row;
  4884. flex-direction: row;
  4885. -webkit-flex-wrap: wrap;
  4886. -ms-flex-wrap: wrap;
  4887. flex-wrap: wrap;
  4888. -webkit-flex-grow: 4;
  4889. -webkit-box-flex: 4;
  4890. -ms-flex-positive: 4;
  4891. flex-grow: 4;
  4892. }
  4893. .dx-pivotgridfieldchooser .dx-col {
  4894. width: 50%;
  4895. display: -webkit-flex;
  4896. display: -webkit-box;
  4897. display: -ms-flexbox;
  4898. display: flex;
  4899. -webkit-flex-direction: column;
  4900. -webkit-box-orient: vertical;
  4901. -webkit-box-direction: normal;
  4902. -ms-flex-direction: column;
  4903. flex-direction: column;
  4904. }
  4905. .dx-pivotgridfieldchooser .dx-row {
  4906. display: -webkit-flex;
  4907. display: -webkit-box;
  4908. display: -ms-flexbox;
  4909. display: flex;
  4910. -webkit-flex-direction: row;
  4911. -webkit-box-orient: horizontal;
  4912. -webkit-box-direction: normal;
  4913. -ms-flex-direction: row;
  4914. flex-direction: row;
  4915. height: 0;
  4916. }
  4917. .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container .dx-row:nth-child(1) {
  4918. -webkit-flex-grow: 2;
  4919. -webkit-box-flex: 2;
  4920. -ms-flex-positive: 2;
  4921. flex-grow: 2;
  4922. }
  4923. .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container .dx-row:nth-child(2) {
  4924. -webkit-flex-grow: 1;
  4925. -webkit-box-flex: 1;
  4926. -ms-flex-positive: 1;
  4927. flex-grow: 1;
  4928. }
  4929. .dx-pivotgridfieldchooser .dx-area-caption {
  4930. vertical-align: middle;
  4931. }
  4932. .dx-pivotgrid-action {
  4933. cursor: pointer;
  4934. }
  4935. .dx-pivotgrid-drag-action {
  4936. -ms-touch-action: pinch-zoom;
  4937. touch-action: pinch-zoom;
  4938. }
  4939. .dx-treelist-checkbox-size {
  4940. vertical-align: middle;
  4941. }
  4942. .dx-treelist-important-margin {
  4943. margin-right: 5px !important;
  4944. }
  4945. .dx-treelist-table {
  4946. background-color: transparent;
  4947. }
  4948. .dx-treelist .dx-treelist-content-fixed {
  4949. position: absolute;
  4950. top: 0;
  4951. left: 0;
  4952. bottom: 0;
  4953. right: 0;
  4954. z-index: 2;
  4955. pointer-events: none;
  4956. overflow: hidden;
  4957. }
  4958. .dx-treelist .dx-treelist-content-fixed .dx-treelist-table {
  4959. position: relative;
  4960. }
  4961. .dx-treelist .dx-treelist-content-fixed .dx-treelist-table td {
  4962. pointer-events: auto;
  4963. }
  4964. .dx-treelist .dx-treelist-content-fixed .dx-treelist-table .dx-row td.dx-pointer-events-none {
  4965. visibility: hidden;
  4966. background-color: transparent;
  4967. pointer-events: none;
  4968. border-bottom-color: transparent;
  4969. }
  4970. .dx-treelist .dx-treelist-content-fixed .dx-treelist-table.dx-treelist-table-fixed .dx-row td.dx-pointer-events-none {
  4971. width: auto;
  4972. }
  4973. .dx-treelist.dx-treelist-borders > .dx-treelist-total-footer {
  4974. border-top: 0;
  4975. }
  4976. .dx-treelist.dx-treelist-borders > .dx-treelist-pager {
  4977. margin-top: 1px;
  4978. }
  4979. .dx-treelist.dx-treelist-borders > .dx-treelist-header-panel {
  4980. border-bottom: 0;
  4981. }
  4982. .dx-treelist.dx-treelist-borders > .dx-treelist-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td {
  4983. border-bottom-width: 0;
  4984. }
  4985. .dx-treelist .dx-menu-subitem ul li {
  4986. padding-top: 0;
  4987. }
  4988. .dx-treelist .dx-menu-subitem ul li:first-child {
  4989. padding-top: 1px;
  4990. }
  4991. .dx-treelist .dx-menu-subitem .dx-menu-item {
  4992. padding: 7px 30px 7px 5px;
  4993. }
  4994. .dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image {
  4995. background-position-x: left;
  4996. }
  4997. @-webkit-keyframes dx-loadpanel-opacity {
  4998. from {
  4999. opacity: 0;
  5000. }
  5001. to {
  5002. opacity: 1;
  5003. }
  5004. }
  5005. @keyframes dx-loadpanel-opacity {
  5006. from {
  5007. opacity: 0;
  5008. }
  5009. to {
  5010. opacity: 1;
  5011. }
  5012. }
  5013. .dx-treelist .dx-link {
  5014. text-decoration: underline;
  5015. cursor: pointer;
  5016. }
  5017. .dx-treelist .dx-column-indicators {
  5018. display: inline-block;
  5019. vertical-align: top;
  5020. white-space: nowrap;
  5021. }
  5022. .dx-treelist .dx-column-indicators.dx-visibility-hidden {
  5023. visibility: hidden;
  5024. }
  5025. .dx-treelist .dx-column-indicators .dx-sort.dx-sort,
  5026. .dx-treelist .dx-column-indicators .dx-header-filter.dx-sort,
  5027. .dx-treelist .dx-column-indicators .dx-sort.dx-header-filter,
  5028. .dx-treelist .dx-column-indicators .dx-header-filter.dx-header-filter {
  5029. display: inline-block;
  5030. }
  5031. .dx-treelist .dx-column-indicators .dx-sort.dx-header-filter:after,
  5032. .dx-treelist .dx-column-indicators .dx-header-filter.dx-header-filter:after {
  5033. content: '';
  5034. position: absolute;
  5035. top: 0;
  5036. bottom: 0;
  5037. left: 0;
  5038. right: 0;
  5039. margin: -7px;
  5040. }
  5041. .dx-treelist .dx-row > td,
  5042. .dx-treelist .dx-row > tr > td {
  5043. padding: 7px;
  5044. }
  5045. .dx-treelist .dx-error-row {
  5046. -webkit-user-select: initial;
  5047. -moz-user-select: initial;
  5048. -ms-user-select: initial;
  5049. user-select: initial;
  5050. }
  5051. .dx-treelist .dx-error-row .dx-error-message {
  5052. -webkit-user-select: text;
  5053. -moz-user-select: text;
  5054. -ms-user-select: text;
  5055. user-select: text;
  5056. }
  5057. .dx-treelist .dx-error-row .dx-error-message a {
  5058. color: inherit;
  5059. }
  5060. .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
  5061. border-bottom: none;
  5062. font-size: 16px;
  5063. }
  5064. .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
  5065. font-size: 16px;
  5066. }
  5067. .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content {
  5068. padding: 0px 20px 20px 20px;
  5069. }
  5070. .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  5071. opacity: 0.5;
  5072. margin-bottom: 10px;
  5073. -webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
  5074. box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
  5075. }
  5076. .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item.dx-treelist-drag-action {
  5077. opacity: 1;
  5078. cursor: pointer;
  5079. -ms-touch-action: pinch-zoom;
  5080. touch-action: pinch-zoom;
  5081. }
  5082. .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-treeview-node-container:first-child > .dx-treeview-node-is-leaf {
  5083. padding: 0px;
  5084. }
  5085. .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-node {
  5086. padding-left: 0px;
  5087. }
  5088. .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-node .dx-checkbox {
  5089. left: 4px;
  5090. }
  5091. .dx-treelist-nowrap {
  5092. white-space: nowrap;
  5093. }
  5094. .dx-treelist-nowrap .dx-header-row > td > .dx-treelist-text-content {
  5095. white-space: nowrap;
  5096. }
  5097. .dx-treelist-drag-header {
  5098. position: absolute;
  5099. vertical-align: middle;
  5100. cursor: pointer;
  5101. z-index: 10000;
  5102. -webkit-box-sizing: content-box;
  5103. box-sizing: content-box;
  5104. }
  5105. .dx-treelist-drag-header.dx-drag-command-cell {
  5106. padding: 0px;
  5107. }
  5108. .dx-treelist-columns-separator {
  5109. position: absolute;
  5110. z-index: 3;
  5111. width: 3px;
  5112. }
  5113. .dx-treelist-columns-separator-transparent {
  5114. border-left: 0;
  5115. border-right: 0;
  5116. }
  5117. .dx-treelist-tracker {
  5118. width: 100%;
  5119. position: absolute;
  5120. top: 0;
  5121. z-index: 3;
  5122. cursor: col-resize;
  5123. }
  5124. .dx-treelist-table-content {
  5125. position: absolute;
  5126. top: 0;
  5127. }
  5128. .dx-treelist-focus-overlay {
  5129. position: absolute;
  5130. pointer-events: none;
  5131. top: 0;
  5132. left: 0;
  5133. visibility: hidden;
  5134. }
  5135. .dx-treelist-action,
  5136. .dx-treelist-drag-action {
  5137. cursor: pointer;
  5138. }
  5139. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-modified):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) .dx-link {
  5140. color: inherit;
  5141. }
  5142. .dx-treelist-content {
  5143. position: relative;
  5144. }
  5145. .dx-treelist-text-content {
  5146. overflow: hidden;
  5147. text-overflow: ellipsis;
  5148. }
  5149. .dx-treelist-table-fixed {
  5150. table-layout: fixed;
  5151. width: 100%;
  5152. }
  5153. .dx-hidden {
  5154. display: none;
  5155. }
  5156. input.dx-hidden {
  5157. display: inline-block !important;
  5158. width: 0 !important;
  5159. }
  5160. .dx-hidden-cell {
  5161. visibility: hidden;
  5162. }
  5163. .dx-row > td,
  5164. .dx-row > tr > td {
  5165. border: none;
  5166. }
  5167. .dx-treelist-content .dx-treelist-table {
  5168. border-collapse: collapse;
  5169. border-spacing: 0;
  5170. margin: 0;
  5171. max-width: 10px;
  5172. }
  5173. .dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed {
  5174. max-width: none;
  5175. }
  5176. .dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed .dx-column-indicators .dx-sort.dx-sort-none {
  5177. display: none;
  5178. }
  5179. .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators {
  5180. float: none !important;
  5181. }
  5182. .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators > span {
  5183. width: 14px;
  5184. }
  5185. .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators .dx-sort.dx-sort-none {
  5186. display: inline-block;
  5187. }
  5188. .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-header-row .dx-treelist-text-content {
  5189. max-width: none;
  5190. }
  5191. .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-text-content-alignment-left {
  5192. margin-right: 3px;
  5193. }
  5194. .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-text-content-alignment-right {
  5195. margin-left: 3px;
  5196. }
  5197. .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-column-indicators {
  5198. float: none !important;
  5199. }
  5200. .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-column-indicators > span {
  5201. width: 14px;
  5202. }
  5203. .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-text-content-alignment-left {
  5204. margin-right: 3px;
  5205. }
  5206. .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-text-content-alignment-right {
  5207. margin-left: 3px;
  5208. }
  5209. .dx-treelist-content .dx-treelist-table [class*="column"] + [class*="column"]:last-child {
  5210. float: none;
  5211. }
  5212. .dx-treelist-content .dx-treelist-table .dx-row > td,
  5213. .dx-treelist-content .dx-treelist-table .dx-row > tr > td {
  5214. vertical-align: top;
  5215. }
  5216. .dx-treelist-content .dx-treelist-table .dx-row > td:first-child,
  5217. .dx-treelist-content .dx-treelist-table .dx-row > tr > td:first-child {
  5218. border-left: 0px;
  5219. }
  5220. .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space,
  5221. .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-treelist-group-space {
  5222. border-right: none;
  5223. vertical-align: top;
  5224. }
  5225. .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space + td,
  5226. .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-treelist-group-space + td {
  5227. border-left: none;
  5228. }
  5229. .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container {
  5230. overflow: hidden;
  5231. }
  5232. .dx-treelist-content .dx-treelist-table .dx-row .dx-cell-modified:not(.dx-field-item-content),
  5233. .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid:not(.dx-field-item-content) {
  5234. padding: 0;
  5235. }
  5236. .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid .dx-invalid-message.dx-overlay {
  5237. position: static;
  5238. }
  5239. .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid .dx-invalid-message.dx-overlay .dx-overlay-content {
  5240. overflow: hidden;
  5241. text-overflow: ellipsis;
  5242. }
  5243. .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell {
  5244. max-width: 0;
  5245. padding: 0;
  5246. vertical-align: middle;
  5247. }
  5248. .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor,
  5249. .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor-container {
  5250. border: 0;
  5251. margin: 0;
  5252. }
  5253. .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-dropdowneditor {
  5254. margin-left: -1px;
  5255. padding-left: 1px;
  5256. }
  5257. .dx-treelist-content .dx-treelist-table .dx-row .dx-command-select {
  5258. padding: 0;
  5259. width: 70px;
  5260. min-width: 70px;
  5261. max-width: 70px;
  5262. }
  5263. .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit {
  5264. width: 100px;
  5265. min-width: 100px;
  5266. }
  5267. .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
  5268. width: 80px;
  5269. min-width: 80px;
  5270. }
  5271. .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit.dx-command-edit-with-icons .dx-link {
  5272. text-decoration: none;
  5273. }
  5274. .dx-treelist-content .dx-treelist-table .dx-row .dx-command-expand {
  5275. padding: 0;
  5276. width: 30px;
  5277. min-width: 30px;
  5278. max-width: 30px;
  5279. -webkit-user-select: none;
  5280. -moz-user-select: none;
  5281. -ms-user-select: none;
  5282. user-select: none;
  5283. -webkit-touch-callout: none;
  5284. }
  5285. .dx-treelist-content .dx-treelist-table .dx-filter-range-content {
  5286. padding: 7px 7px 7px 32px;
  5287. overflow: hidden;
  5288. text-overflow: ellipsis;
  5289. cursor: pointer;
  5290. }
  5291. .dx-treelist-content .dx-treelist-table .dx-row > .dx-last-data-cell {
  5292. border-right: none;
  5293. }
  5294. .dx-treelist-content .dx-treelist-table .dx-row > .dx-command-adaptive-hidden {
  5295. border-left: none;
  5296. }
  5297. .dx-highlight-outline {
  5298. position: relative;
  5299. padding: 7px;
  5300. }
  5301. .dx-highlight-outline::after {
  5302. content: '';
  5303. position: absolute;
  5304. border: 2px solid transparent;
  5305. top: 0;
  5306. left: 1px;
  5307. bottom: 0;
  5308. right: 0;
  5309. pointer-events: none;
  5310. }
  5311. .dx-highlight-outline.dx-hidden {
  5312. display: block !important;
  5313. }
  5314. .dx-highlight-outline.dx-hidden::after {
  5315. display: none;
  5316. }
  5317. .dx-editor-cell .dx-texteditor-input {
  5318. margin: 0;
  5319. }
  5320. .dx-editor-cell .dx-highlight-outline {
  5321. padding: 0;
  5322. }
  5323. .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
  5324. display: inline-block;
  5325. content: '\200B';
  5326. vertical-align: middle;
  5327. padding-top: 7px;
  5328. padding-bottom: 7px;
  5329. }
  5330. .dx-row .dx-numberbox.dx-show-clear-button .dx-texteditor-input,
  5331. .dx-row .dx-textbox.dx-show-clear-button .dx-texteditor-input {
  5332. padding-right: 32px;
  5333. }
  5334. .dx-column-lines .dx-highlight-outline::after {
  5335. left: 0;
  5336. }
  5337. .dx-treelist-headers {
  5338. position: relative;
  5339. outline: 0;
  5340. -webkit-user-select: none;
  5341. -moz-user-select: none;
  5342. -ms-user-select: none;
  5343. user-select: none;
  5344. -webkit-touch-callout: none;
  5345. }
  5346. .dx-header-row .dx-editor-cell .dx-select-checkbox {
  5347. display: inline-block;
  5348. }
  5349. .dx-header-row > td {
  5350. white-space: nowrap;
  5351. overflow: hidden;
  5352. }
  5353. .dx-header-row > td > .dx-treelist-text-content {
  5354. white-space: normal;
  5355. vertical-align: top;
  5356. }
  5357. .dx-header-row .dx-text-content-alignment-left,
  5358. .dx-header-row .dx-text-content-alignment-right {
  5359. display: inline-block;
  5360. max-width: 100%;
  5361. }
  5362. .dx-header-row .dx-sort-indicator,
  5363. .dx-header-row .dx-header-filter-indicator {
  5364. max-width: calc(100% - 17px);
  5365. }
  5366. .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left,
  5367. .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left {
  5368. margin-right: 3px;
  5369. }
  5370. .dx-header-row .dx-sort-indicator.dx-text-content-alignment-right,
  5371. .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right {
  5372. margin-left: 3px;
  5373. }
  5374. .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right,
  5375. .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
  5376. max-width: calc(100% - 34px);
  5377. }
  5378. .dx-header-row .dx-sort-indicator.dx-header-filter-indicator {
  5379. max-width: calc(100% - 31px);
  5380. }
  5381. .dx-header-row .dx-sort-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
  5382. max-width: calc(100% - 62px);
  5383. }
  5384. .dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor {
  5385. border-width: 0px;
  5386. }
  5387. .dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor.dx-state-focused:after {
  5388. content: " ";
  5389. position: absolute;
  5390. top: -1px;
  5391. bottom: -1px;
  5392. left: -1px;
  5393. right: -1px;
  5394. z-index: 1;
  5395. pointer-events: none;
  5396. }
  5397. .dx-treelist-filter-range-overlay .dx-treelist-filter-range-end {
  5398. border-top: 1px solid transparent;
  5399. }
  5400. .dx-treelist-filter-range-overlay .dx-editor-container.dx-highlight-outline {
  5401. padding: 0px;
  5402. }
  5403. .dx-treelist-filter-row .dx-editor-cell .dx-menu {
  5404. display: none;
  5405. }
  5406. .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu {
  5407. position: relative;
  5408. }
  5409. .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu {
  5410. display: block;
  5411. }
  5412. .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input,
  5413. .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder:before {
  5414. padding-left: 32px;
  5415. }
  5416. .dx-treelist-filter-row .dx-highlight-outline::after {
  5417. pointer-events: none;
  5418. }
  5419. .dx-treelist-filter-row .dx-focused .dx-highlight-outline::after {
  5420. border-color: transparent;
  5421. }
  5422. .dx-treelist-filter-row .dx-menu {
  5423. z-index: 1;
  5424. position: absolute;
  5425. top: 0;
  5426. left: 0;
  5427. cursor: pointer;
  5428. margin-left: -2px;
  5429. margin-top: -2px;
  5430. height: 100%;
  5431. overflow: visible;
  5432. }
  5433. .dx-treelist-filter-row .dx-menu .dx-menu-horizontal {
  5434. height: 100%;
  5435. }
  5436. .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text,
  5437. .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout {
  5438. display: none;
  5439. }
  5440. .dx-treelist-filter-row .dx-menu-item.dx-state-focused:after {
  5441. position: absolute;
  5442. left: 2px;
  5443. top: 2px;
  5444. width: 100%;
  5445. height: 102%;
  5446. content: '';
  5447. }
  5448. .dx-treelist-filter-row > td:first-child .dx-menu,
  5449. .dx-treelist-filter-row > .dx-first-cell .dx-menu {
  5450. margin-left: 0px;
  5451. }
  5452. .dx-treelist-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
  5453. padding: 5px;
  5454. padding-right: 30px;
  5455. }
  5456. .dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item {
  5457. padding: 8px 5px 7px 5px;
  5458. }
  5459. .dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover {
  5460. padding: 9px 6px 8px 6px;
  5461. }
  5462. .dx-treelist-filter-row .dx-menu-caption {
  5463. padding-left: 6px;
  5464. }
  5465. .dx-treelist-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down {
  5466. display: none;
  5467. }
  5468. .dx-treelist-filter-row .dx-menu-item-highlight {
  5469. font-weight: normal;
  5470. }
  5471. .dx-treelist-scroll-container {
  5472. overflow: hidden;
  5473. width: 100%;
  5474. }
  5475. .dx-treelist-header-panel {
  5476. text-align: left;
  5477. }
  5478. .dx-treelist-header-panel .dx-toolbar-menu-container .dx-button {
  5479. margin-left: 10px;
  5480. }
  5481. .dx-state-disabled {
  5482. cursor: pointer;
  5483. }
  5484. .dx-state-disabled .dx-menu-item {
  5485. cursor: default;
  5486. }
  5487. .dx-treelist-search-panel {
  5488. margin: 0;
  5489. margin-left: 15px;
  5490. }
  5491. .dx-gridbase-container > .dx-treelist-rowsview {
  5492. -webkit-box-flex: 1;
  5493. -webkit-flex: auto;
  5494. -ms-flex: auto;
  5495. flex: auto;
  5496. height: auto;
  5497. }
  5498. .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable {
  5499. display: -webkit-box;
  5500. display: -webkit-flex;
  5501. display: -ms-flexbox;
  5502. display: flex;
  5503. }
  5504. .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable > .dx-scrollable-wrapper {
  5505. -webkit-box-flex: 1;
  5506. -webkit-flex: 1;
  5507. -ms-flex: 1;
  5508. flex: 1;
  5509. height: auto;
  5510. min-width: 0;
  5511. min-height: 0;
  5512. }
  5513. .dx-treelist-rowsview {
  5514. position: relative;
  5515. overflow: hidden;
  5516. }
  5517. .dx-treelist-rowsview.dx-empty {
  5518. height: 100px;
  5519. }
  5520. .dx-treelist-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content {
  5521. z-index: 2;
  5522. }
  5523. .dx-treelist-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
  5524. z-index: 3;
  5525. }
  5526. .dx-treelist-rowsview .dx-treelist-content {
  5527. overflow-anchor: none;
  5528. }
  5529. .dx-treelist-rowsview .dx-treelist-content:not(.dx-treelist-content-fixed) {
  5530. min-height: 100%;
  5531. }
  5532. .dx-treelist-rowsview:focus {
  5533. outline: 0;
  5534. }
  5535. .dx-treelist-rowsview .dx-row > td,
  5536. .dx-treelist-rowsview .dx-row > tr > td {
  5537. overflow: hidden;
  5538. text-overflow: ellipsis;
  5539. }
  5540. .dx-treelist-rowsview .dx-row.dx-row-lines:first-child {
  5541. border-top: none;
  5542. }
  5543. .dx-treelist-rowsview .dx-row.dx-row-lines:first-child > td,
  5544. .dx-treelist-rowsview .dx-row.dx-row-lines:first-child > tr > td {
  5545. border-top: none;
  5546. }
  5547. .dx-treelist-rowsview .dx-data-row > td:focus {
  5548. outline: 0;
  5549. }
  5550. .dx-treelist-rowsview .dx-selection > td .dx-link,
  5551. .dx-treelist-rowsview .dx-selection.dx-row:hover > td .dx-link,
  5552. .dx-treelist-rowsview .dx-selection > tr > td .dx-link,
  5553. .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td .dx-link {
  5554. color: inherit;
  5555. }
  5556. .dx-treelist-rowsview .dx-treelist-table .dx-freespace-row,
  5557. .dx-treelist-rowsview .dx-treelist-table .dx-virtual-row {
  5558. border-top: 0px;
  5559. border-bottom: 0px;
  5560. }
  5561. .dx-treelist-rowsview .dx-treelist-table .dx-freespace-row > td,
  5562. .dx-treelist-rowsview .dx-treelist-table .dx-virtual-row > td {
  5563. padding-top: 0px;
  5564. padding-bottom: 0px;
  5565. }
  5566. .dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
  5567. display: none;
  5568. }
  5569. .dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr > td:hover > .dx-select-checkbox {
  5570. display: inline-block;
  5571. }
  5572. .dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr.dx-selection > td > .dx-select-checkbox {
  5573. display: inline-block;
  5574. }
  5575. .dx-treelist-rowsview .dx-row > .dx-master-detail-cell {
  5576. padding: 30px;
  5577. }
  5578. .dx-treelist-rowsview .dx-row > .dx-master-detail-cell:focus {
  5579. outline: 0;
  5580. }
  5581. .dx-treelist-rowsview .dx-data-row.dx-edit-row .dx-cell-modified .dx-highlight-outline:after {
  5582. border-color: transparent;
  5583. }
  5584. .dx-treelist-rowsview .dx-command-adaptive.dx-command-adaptive-hidden {
  5585. padding-left: 0;
  5586. padding-right: 0;
  5587. }
  5588. .dx-treelist-nodata {
  5589. position: absolute;
  5590. top: 50%;
  5591. left: 50%;
  5592. width: 100%;
  5593. text-align: center;
  5594. -webkit-transform: translate(-50%, -50%);
  5595. transform: translate(-50%, -50%);
  5596. }
  5597. .dx-treelist-bottom-load-panel {
  5598. text-align: center;
  5599. padding: 10px;
  5600. }
  5601. .dx-treelist-hidden-column {
  5602. white-space: nowrap;
  5603. }
  5604. .dx-treelist-hidden-column > * {
  5605. display: none !important;
  5606. }
  5607. .dx-treelist-total-footer {
  5608. position: relative;
  5609. }
  5610. .dx-treelist-total-footer > .dx-treelist-content {
  5611. padding-top: 7px;
  5612. padding-bottom: 7px;
  5613. }
  5614. .dx-treelist-summary-item {
  5615. font-weight: bold;
  5616. }
  5617. .dx-treelist-export-menu .dx-menu-item .dx-checkbox {
  5618. margin-left: 0;
  5619. }
  5620. .dx-treelist-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-icon {
  5621. width: 16px;
  5622. height: 16px;
  5623. }
  5624. .dx-treelist-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-text {
  5625. white-space: nowrap;
  5626. word-break: normal;
  5627. }
  5628. .dx-command-adaptive {
  5629. width: 36px;
  5630. min-width: 36px;
  5631. }
  5632. .dx-treelist-revert-tooltip.dx-popover-wrapper .dx-overlay-content {
  5633. border: none;
  5634. -webkit-box-shadow: none;
  5635. box-shadow: none;
  5636. }
  5637. .dx-treelist-revert-tooltip.dx-popover-wrapper .dx-overlay-content .dx-popup-content {
  5638. padding: 0;
  5639. }
  5640. .dx-treelist-revert-tooltip.dx-popover-wrapper .dx-popover-arrow {
  5641. width: 0;
  5642. height: 0;
  5643. }
  5644. .dx-treelist-revert-tooltip .dx-revert-button {
  5645. margin: 0;
  5646. }
  5647. .dx-treelist-notouch-action {
  5648. -ms-touch-action: none;
  5649. touch-action: none;
  5650. -ms-content-zooming: none;
  5651. -ms-overflow-style: none;
  5652. }
  5653. .dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-treeview-item,
  5654. .dx-treelist-column-chooser-list.dx-treeview .dx-treeview-item,
  5655. .dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message,
  5656. .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message {
  5657. border: none;
  5658. }
  5659. .dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message,
  5660. .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message {
  5661. text-align: center;
  5662. left: 0px;
  5663. right: 0px;
  5664. bottom: 50%;
  5665. position: absolute;
  5666. }
  5667. .dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item,
  5668. .dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item {
  5669. padding: 7px 5px 7px 30px;
  5670. }
  5671. .dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image,
  5672. .dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image {
  5673. background-position-x: right;
  5674. }
  5675. .dx-rtl .dx-treelist .dx-texteditor-buttons-container,
  5676. .dx-treelist.dx-rtl .dx-texteditor-buttons-container {
  5677. text-align: start;
  5678. }
  5679. .dx-rtl .dx-treelist-content .dx-treelist-table {
  5680. direction: rtl;
  5681. }
  5682. .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space {
  5683. border-left: none;
  5684. }
  5685. .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space + td {
  5686. border-right: none;
  5687. }
  5688. .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
  5689. -webkit-transform: scaleX(-1);
  5690. transform: scaleX(-1);
  5691. }
  5692. .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row .dx-filter-range-content {
  5693. padding: 7px 32px 7px 7px;
  5694. }
  5695. .dx-rtl .dx-treelist-headers,
  5696. .dx-rtl .dx-treelist-total-footer {
  5697. direction: ltr;
  5698. }
  5699. .dx-rtl .dx-treelist-headers .dx-treelist-table,
  5700. .dx-rtl .dx-treelist-total-footer .dx-treelist-table {
  5701. direction: rtl;
  5702. }
  5703. .dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input,
  5704. .dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder:before {
  5705. padding-right: 32px;
  5706. }
  5707. .dx-rtl .dx-treelist-filter-row .dx-menu {
  5708. right: 0;
  5709. left: auto;
  5710. margin-left: 0;
  5711. margin-right: -2px;
  5712. }
  5713. .dx-rtl .dx-treelist-filter-row > td:first-child .dx-menu {
  5714. margin-left: 0px;
  5715. }
  5716. .dx-rtl .dx-treelist-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
  5717. padding: 5px;
  5718. padding-left: 30px;
  5719. }
  5720. .dx-rtl .dx-treelist-filter-row .dx-menu-caption {
  5721. padding-right: 6px;
  5722. }
  5723. .dx-rtl .dx-treelist-header-panel {
  5724. text-align: right;
  5725. }
  5726. .dx-rtl .dx-treelist-header-panel .dx-treelist-column-chooser-button {
  5727. margin-left: 0;
  5728. }
  5729. .dx-rtl .dx-treelist-header-panel .dx-toolbar-menu-container .dx-button {
  5730. margin-left: 0;
  5731. margin-right: 10px;
  5732. }
  5733. .dx-rtl .dx-treelist-search-panel {
  5734. margin: 0;
  5735. margin-right: 15px;
  5736. }
  5737. .dx-treelist-filter-panel,
  5738. .dx-treelist-filter-panel-left {
  5739. display: -webkit-box;
  5740. display: -webkit-flex;
  5741. display: -ms-flexbox;
  5742. display: flex;
  5743. -webkit-box-pack: justify;
  5744. -webkit-justify-content: space-between;
  5745. -ms-flex-pack: justify;
  5746. justify-content: space-between;
  5747. -webkit-box-orient: horizontal;
  5748. -webkit-box-direction: normal;
  5749. -webkit-flex-direction: row;
  5750. -ms-flex-direction: row;
  5751. flex-direction: row;
  5752. min-width: 0;
  5753. }
  5754. .dx-treelist-filter-panel {
  5755. padding: 10px;
  5756. }
  5757. .dx-treelist-filter-panel .dx-treelist-filter-panel-text {
  5758. overflow: hidden;
  5759. text-overflow: ellipsis;
  5760. white-space: nowrap;
  5761. }
  5762. .dx-treelist-filter-panel .dx-treelist-filter-panel-text:hover,
  5763. .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter:hover {
  5764. text-decoration: underline;
  5765. cursor: pointer;
  5766. }
  5767. .dx-treelist-filter-panel .dx-treelist-filter-panel-checkbox {
  5768. padding-right: 10px;
  5769. }
  5770. .dx-treelist-filter-panel .dx-icon-filter {
  5771. margin: auto;
  5772. padding-right: 7px;
  5773. cursor: pointer;
  5774. }
  5775. .dx-treelist-container {
  5776. position: relative;
  5777. cursor: default;
  5778. white-space: normal;
  5779. line-height: normal;
  5780. }
  5781. .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable,
  5782. .dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable {
  5783. white-space: nowrap;
  5784. }
  5785. .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable .dx-treelist-text-content,
  5786. .dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable .dx-treelist-text-content {
  5787. display: inline;
  5788. white-space: normal;
  5789. }
  5790. .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable .dx-treelist-icon-container,
  5791. .dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable .dx-treelist-icon-container {
  5792. float: none;
  5793. }
  5794. .dx-treelist-rowsview .dx-treelist-icon-container {
  5795. display: inline-block;
  5796. white-space: nowrap;
  5797. vertical-align: top;
  5798. }
  5799. .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
  5800. float: left;
  5801. }
  5802. .dx-menu-base {
  5803. -webkit-user-select: none;
  5804. -moz-user-select: none;
  5805. -ms-user-select: none;
  5806. user-select: none;
  5807. -webkit-touch-callout: none;
  5808. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  5809. text-align: left;
  5810. }
  5811. .dx-menu-base .dx-menu-items-container,
  5812. .dx-menu-base .dx-menu-item-wrapper {
  5813. margin: 0px;
  5814. padding: 0px;
  5815. border: 0px;
  5816. outline: 0px;
  5817. }
  5818. .dx-menu-base .dx-menu-items-container {
  5819. list-style-type: none;
  5820. display: inline-block;
  5821. white-space: nowrap;
  5822. cursor: pointer;
  5823. }
  5824. .dx-menu-base .dx-state-disabled,
  5825. .dx-menu-base.dx-state-disabled .dx-menu-items-container {
  5826. cursor: default;
  5827. }
  5828. .dx-menu-base .dx-menu-item {
  5829. display: inline-block;
  5830. position: relative;
  5831. height: 100%;
  5832. width: 100%;
  5833. }
  5834. .dx-menu-base .dx-menu-item.dx-state-disabled {
  5835. opacity: 0.5;
  5836. }
  5837. .dx-menu-base .dx-menu-item .dx-menu-item-content {
  5838. white-space: nowrap;
  5839. height: 100%;
  5840. width: 100%;
  5841. }
  5842. .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon {
  5843. display: inline-block;
  5844. vertical-align: middle;
  5845. border: 0px;
  5846. }
  5847. .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
  5848. display: inline;
  5849. vertical-align: middle;
  5850. overflow: ellipsis;
  5851. text-overflow: ellipsis;
  5852. white-space: nowrap;
  5853. }
  5854. .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
  5855. position: absolute;
  5856. top: 0;
  5857. right: 0;
  5858. bottom: 0;
  5859. width: 2em;
  5860. }
  5861. .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
  5862. height: 100%;
  5863. }
  5864. .dx-menu-base.dx-rtl {
  5865. text-align: right;
  5866. }
  5867. .dx-menu-base.dx-rtl .dx-menu-item-popout-container {
  5868. left: 0;
  5869. right: auto;
  5870. }
  5871. .dx-menu {
  5872. position: relative;
  5873. }
  5874. .dx-menu-horizontal {
  5875. height: 100%;
  5876. }
  5877. .dx-menu-horizontal:after {
  5878. height: 100%;
  5879. display: inline-block;
  5880. content: '';
  5881. vertical-align: middle;
  5882. }
  5883. .dx-menu-horizontal .dx-menu-item-wrapper {
  5884. display: inline-block;
  5885. }
  5886. .dx-menu-horizontal .dx-menu-separator {
  5887. display: inline-block;
  5888. margin: 0px 15px 0px 0px;
  5889. }
  5890. .dx-menu-vertical {
  5891. height: 100%;
  5892. }
  5893. .dx-menu-vertical:after {
  5894. height: 100%;
  5895. display: inline-block;
  5896. content: '';
  5897. vertical-align: middle;
  5898. }
  5899. .dx-menu-vertical .dx-menu-item-wrapper {
  5900. display: block;
  5901. }
  5902. .dx-menu-vertical .dx-menu-separator {
  5903. margin: 0px 0px 15px 0px;
  5904. }
  5905. .dx-rtl.dx-menu {
  5906. text-align: right;
  5907. }
  5908. .dx-context-menu-container-border {
  5909. top: 0px;
  5910. right: 0px;
  5911. bottom: 0px;
  5912. left: 0px;
  5913. position: absolute;
  5914. }
  5915. .dx-context-menu-content-delimiter {
  5916. position: absolute;
  5917. display: none;
  5918. z-index: 2000;
  5919. cursor: pointer;
  5920. }
  5921. .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
  5922. left: auto;
  5923. right: 0;
  5924. }
  5925. .dx-rtl .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility,
  5926. .dx-rtl.dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
  5927. left: 0;
  5928. right: auto;
  5929. }
  5930. .dx-menu-adaptive-mode .dx-treeview-item {
  5931. cursor: pointer;
  5932. }
  5933. .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
  5934. padding: 1px;
  5935. }
  5936. .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content {
  5937. padding-left: 15px;
  5938. }
  5939. .dx-rtl .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content,
  5940. .dx-rtl.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content {
  5941. padding-right: 15px;
  5942. }
  5943. .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node:last-child {
  5944. border-bottom: none;
  5945. }
  5946. .dx-menu-adaptive-mode-overlay-wrapper {
  5947. display: -webkit-box;
  5948. display: -webkit-flex;
  5949. display: -ms-flexbox;
  5950. display: flex;
  5951. -webkit-box-orient: horizontal;
  5952. -webkit-box-direction: normal;
  5953. -webkit-flex-flow: row wrap;
  5954. -ms-flex-flow: row wrap;
  5955. flex-flow: row wrap;
  5956. }
  5957. .dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content {
  5958. display: -webkit-box;
  5959. display: -webkit-flex;
  5960. display: -ms-flexbox;
  5961. display: flex;
  5962. position: relative;
  5963. }
  5964. .dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content .dx-treeview {
  5965. height: auto;
  5966. -webkit-box-flex: 1;
  5967. -webkit-flex: 1 1 auto;
  5968. -ms-flex: 1 1 auto;
  5969. flex: 1 1 auto;
  5970. }
  5971. .dx-context-menu.dx-overlay-content {
  5972. overflow: inherit;
  5973. position: absolute;
  5974. }
  5975. .dx-context-menu .dx-menu-items-container {
  5976. padding: 1px;
  5977. }
  5978. .dx-context-menu .dx-menu-item .dx-submenu {
  5979. position: absolute;
  5980. z-index: 1003;
  5981. }
  5982. .dx-context-menu .dx-menu-separator {
  5983. height: 1px;
  5984. margin: 5px 0px;
  5985. }
  5986. .dx-calendar {
  5987. -webkit-user-select: none;
  5988. -moz-user-select: none;
  5989. -ms-user-select: none;
  5990. user-select: none;
  5991. -webkit-touch-callout: none;
  5992. position: relative;
  5993. display: block;
  5994. }
  5995. .dx-calendar.dx-calendar-with-footer .dx-calendar-footer {
  5996. position: absolute;
  5997. bottom: 0;
  5998. }
  5999. .dx-calendar-views-wrapper {
  6000. width: 100%;
  6001. height: 100%;
  6002. position: relative;
  6003. }
  6004. .dx-calendar-navigator {
  6005. position: relative;
  6006. text-align: center;
  6007. width: 100%;
  6008. }
  6009. .dx-calendar-navigator .dx-button {
  6010. position: absolute;
  6011. display: inline-block;
  6012. }
  6013. .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link {
  6014. visibility: hidden;
  6015. }
  6016. .dx-calendar-navigator .dx-calendar-caption-button {
  6017. text-decoration: none;
  6018. }
  6019. .dx-calendar-body {
  6020. overflow: hidden;
  6021. position: absolute;
  6022. left: 0;
  6023. right: 0;
  6024. bottom: 0;
  6025. }
  6026. .dx-calendar-body .dx-widget {
  6027. position: absolute;
  6028. width: 100%;
  6029. height: 100%;
  6030. }
  6031. .dx-calendar-body table {
  6032. width: 100%;
  6033. height: 100%;
  6034. position: absolute;
  6035. direction: ltr;
  6036. table-layout: fixed;
  6037. }
  6038. .dx-calendar-body td {
  6039. cursor: pointer;
  6040. -webkit-box-sizing: content-box;
  6041. box-sizing: content-box;
  6042. }
  6043. .dx-calendar-body thead th {
  6044. overflow: hidden;
  6045. text-overflow: ellipsis;
  6046. white-space: nowrap;
  6047. }
  6048. .dx-calendar-cell {
  6049. white-space: normal;
  6050. }
  6051. .dx-calendar-contoured-date {
  6052. outline-offset: -1px;
  6053. }
  6054. .dx-rtl.dx-calendar .dx-calendar-body table {
  6055. left: 0px;
  6056. }
  6057. .dx-rtl.dx-calendar .dx-calendar-body .dx-widget {
  6058. direction: ltr;
  6059. }
  6060. .dx-state-disabled .dx-calendar .dx-calendar-navigator-previous-month,
  6061. .dx-state-disabled.dx-calendar .dx-calendar-navigator-previous-month,
  6062. .dx-state-disabled .dx-calendar .dx-calendar-navigator-next-month,
  6063. .dx-state-disabled.dx-calendar .dx-calendar-navigator-next-month {
  6064. cursor: default;
  6065. }
  6066. .dx-state-disabled .dx-calendar-body table th,
  6067. .dx-state-disabled .dx-calendar-body table td {
  6068. cursor: default;
  6069. }
  6070. .dx-multiview-wrapper {
  6071. overflow: hidden;
  6072. width: 100%;
  6073. height: 100%;
  6074. -ms-touch-action: pinch-zoom pan-y;
  6075. touch-action: pinch-zoom pan-y;
  6076. }
  6077. .dx-multiview-item-container {
  6078. position: relative;
  6079. overflow: visible;
  6080. width: 100%;
  6081. height: 100%;
  6082. }
  6083. .dx-multiview-item-container .dx-empty-message {
  6084. text-align: center;
  6085. }
  6086. .dx-multiview-item {
  6087. position: absolute;
  6088. overflow: hidden;
  6089. top: 0;
  6090. width: 100%;
  6091. height: 100%;
  6092. }
  6093. .dx-multiview-item.dx-item-selected {
  6094. position: relative;
  6095. }
  6096. .dx-multiview-item-content {
  6097. width: 100%;
  6098. height: 100%;
  6099. }
  6100. .dx-multiview-item-hidden {
  6101. top: -9999px;
  6102. left: -9999px;
  6103. visibility: hidden;
  6104. }
  6105. .dx-treeview-loadindicator-wrapper {
  6106. text-align: center;
  6107. }
  6108. .dx-treeview-node-loadindicator {
  6109. position: absolute;
  6110. }
  6111. .dx-treeview-search {
  6112. margin-bottom: 5px;
  6113. }
  6114. .dx-treeview {
  6115. height: 100%;
  6116. }
  6117. .dx-treeview :focus {
  6118. outline: none;
  6119. }
  6120. .dx-treeview .dx-scrollable:focus {
  6121. outline: none;
  6122. }
  6123. .dx-treeview .dx-empty-message {
  6124. line-height: normal;
  6125. }
  6126. .dx-checkbox + .dx-treeview-node-container,
  6127. .dx-treeview-node-container:first-child {
  6128. margin: 0;
  6129. display: block;
  6130. }
  6131. .dx-treeview-select-all-item {
  6132. width: 100%;
  6133. }
  6134. .dx-treeview-node-container {
  6135. list-style-position: inside;
  6136. padding: 0;
  6137. margin: 0;
  6138. display: none;
  6139. overflow: hidden;
  6140. }
  6141. .dx-treeview-node-container.dx-treeview-node-container-opened {
  6142. display: block;
  6143. }
  6144. .dx-treeview-node {
  6145. list-style-type: none;
  6146. position: relative;
  6147. -webkit-user-select: none;
  6148. -moz-user-select: none;
  6149. -ms-user-select: none;
  6150. user-select: none;
  6151. -webkit-touch-callout: none;
  6152. user-drag: none;
  6153. }
  6154. .dx-treeview-node a {
  6155. text-decoration: none;
  6156. }
  6157. .dx-treeview-node .dx-checkbox {
  6158. position: absolute;
  6159. margin: 0;
  6160. }
  6161. .dx-treeview-item {
  6162. display: block;
  6163. cursor: pointer;
  6164. }
  6165. .dx-treeview-item .dx-icon {
  6166. display: inline-block;
  6167. width: 24px;
  6168. height: 24px;
  6169. vertical-align: middle;
  6170. margin-right: 5px;
  6171. background-size: 24px 24px;
  6172. }
  6173. .dx-treeview-item .dx-treeview-item-content span {
  6174. vertical-align: middle;
  6175. }
  6176. .dx-treeview-item.dx-state-disabled {
  6177. opacity: 0.5;
  6178. }
  6179. .dx-treeview-toggle-item-visibility {
  6180. position: absolute;
  6181. cursor: pointer;
  6182. }
  6183. .dx-treeview-toggle-item-visibility.dx-state-disabled {
  6184. cursor: default;
  6185. }
  6186. .dx-rtl .dx-treeview-node-container:first-child > .dx-treeview-node {
  6187. padding-left: 0;
  6188. }
  6189. .dx-rtl .dx-treeview-node-container .dx-treeview-node {
  6190. padding-left: 0;
  6191. }
  6192. .dx-rtl .dx-treeview-node-container .dx-treeview-node.dx-treeview-item-with-checkbox .dx-treeview-item {
  6193. padding-left: 0;
  6194. }
  6195. .dx-rtl .dx-treeview-node-container .dx-treeview-node .dx-treeview-item .dx-icon {
  6196. margin-right: 0;
  6197. }
  6198. .dx-rtl .dx-treeview-toggle-item-visibility {
  6199. left: auto;
  6200. right: 0;
  6201. -webkit-transform: scaleX(-1);
  6202. transform: scaleX(-1);
  6203. }
  6204. .dx-fieldset {
  6205. margin-bottom: 20px;
  6206. }
  6207. .dx-fieldset .dx-field-value {
  6208. margin: 0;
  6209. }
  6210. .dx-fieldset,
  6211. .dx-fieldset * {
  6212. -webkit-box-sizing: border-box;
  6213. box-sizing: border-box;
  6214. }
  6215. .dx-fieldset-header:empty {
  6216. display: none;
  6217. }
  6218. .dx-field {
  6219. position: relative;
  6220. padding: .4em ;
  6221. }
  6222. .dx-field:before,
  6223. .dx-field:after {
  6224. display: table;
  6225. content: "";
  6226. line-height: 0;
  6227. }
  6228. .dx-field:after {
  6229. clear: both;
  6230. }
  6231. .dx-field-label {
  6232. float: left;
  6233. width: 40%;
  6234. overflow: hidden;
  6235. text-overflow: ellipsis;
  6236. white-space: nowrap;
  6237. }
  6238. .dx-field-value,
  6239. .dx-field-value-static {
  6240. float: right;
  6241. }
  6242. .dx-field-value-static {
  6243. white-space: normal;
  6244. }
  6245. .dx-field-value.dx-datebox {
  6246. min-width: 60%;
  6247. }
  6248. .dx-field-value:not(.dx-widget) > .dx-datebox {
  6249. min-width: 100%;
  6250. }
  6251. .dx-field-value .dx-selectbox-tag-container {
  6252. white-space: normal;
  6253. }
  6254. .dx-field-value:not(.dx-widget) > .dx-selectbox.dx-selectbox-multiselect.dx-widget {
  6255. position: relative;
  6256. width: auto;
  6257. text-align: left;
  6258. }
  6259. .dx-rtl .dx-fieldset .dx-field-label,
  6260. .dx-fieldset.dx-rtl .dx-field-label {
  6261. float: right;
  6262. }
  6263. .dx-rtl .dx-fieldset .dx-field-value,
  6264. .dx-fieldset.dx-rtl .dx-field-value {
  6265. float: left;
  6266. }
  6267. .dx-tabpanel-tabs {
  6268. width: 100%;
  6269. }
  6270. .dx-tabpanel-tabs .dx-tabs {
  6271. height: 100%;
  6272. }
  6273. .dx-tabpanel-container {
  6274. width: 100%;
  6275. height: 100%;
  6276. }
  6277. .dx-fileuploader.dx-state-disabled .dx-fileuploader-input {
  6278. display: none;
  6279. }
  6280. .dx-fileuploader-wrapper {
  6281. height: 100%;
  6282. width: 100%;
  6283. overflow: hidden;
  6284. }
  6285. .dx-fileuploader-container {
  6286. display: table;
  6287. table-layout: fixed;
  6288. height: 100%;
  6289. width: 100%;
  6290. }
  6291. .dx-fileuploader-input-wrapper:before,
  6292. .dx-fileuploader-input-wrapper:after {
  6293. display: table;
  6294. content: "";
  6295. line-height: 0;
  6296. }
  6297. .dx-fileuploader-input-wrapper:after {
  6298. clear: both;
  6299. }
  6300. .dx-fileuploader-input-wrapper:before,
  6301. .dx-fileuploader-input-wrapper:after {
  6302. width: 100%;
  6303. }
  6304. .dx-fileuploader-input-wrapper:before {
  6305. padding-top: 1em;
  6306. margin-top: -1em;
  6307. }
  6308. .dx-fileuploader-input-wrapper:after {
  6309. padding-bottom: 1em;
  6310. margin-bottom: -1em;
  6311. }
  6312. .dx-fileuploader-input-wrapper .dx-button {
  6313. float: left;
  6314. }
  6315. .dx-fileuploader-input-wrapper .dx-button + .dx-button {
  6316. margin-left: 12px;
  6317. }
  6318. .dx-fileuploader-button {
  6319. position: relative;
  6320. }
  6321. .dx-fileuploader-button .dx-fileuploader-input {
  6322. position: absolute;
  6323. height: 100%;
  6324. width: 100%;
  6325. top: 0;
  6326. left: 0;
  6327. cursor: pointer;
  6328. }
  6329. .dx-fileuploader-button .dx-fileuploader-input::-webkit-file-upload-button,
  6330. .dx-fileuploader-button .dx-fileuploader-input::-ms-browse {
  6331. cursor: pointer;
  6332. }
  6333. .dx-fileuploader-content {
  6334. display: table-row-group;
  6335. vertical-align: middle;
  6336. }
  6337. .dx-fileuploader-content > .dx-fileuploader-upload-button {
  6338. margin-top: 10px;
  6339. }
  6340. .dx-fileuploader-empty .dx-fileuploader-content > .dx-fileuploader-upload-button {
  6341. display: none;
  6342. }
  6343. .dx-fileuploader-input-content {
  6344. width: 100%;
  6345. display: table;
  6346. }
  6347. .dx-fileuploader-files-container {
  6348. padding-top: 0;
  6349. width: 100%;
  6350. }
  6351. .dx-fileuploader-show-file-list .dx-fileuploader-files-container {
  6352. padding-top: 22px;
  6353. }
  6354. .dx-fileuploader-file-container {
  6355. width: 100%;
  6356. padding: 4px 0 4px;
  6357. }
  6358. .dx-fileuploader-file-container .dx-button {
  6359. width: 28px;
  6360. height: 28px;
  6361. margin-right: 10px;
  6362. }
  6363. .dx-fileuploader-file-container .dx-button.dx-state-invisible {
  6364. margin-right: 0;
  6365. }
  6366. .dx-fileuploader-button-container,
  6367. .dx-fileuploader-input-container {
  6368. display: table-cell;
  6369. vertical-align: middle;
  6370. }
  6371. .dx-fileuploader-input-container {
  6372. height: 100%;
  6373. width: 100%;
  6374. position: relative;
  6375. overflow: hidden;
  6376. }
  6377. .dx-fileuploader-input {
  6378. opacity: 0;
  6379. width: 100%;
  6380. margin: 0;
  6381. cursor: default;
  6382. }
  6383. .dx-fileuploader-input-label {
  6384. pointer-events: none;
  6385. position: absolute;
  6386. top: 0;
  6387. left: 0;
  6388. height: 100%;
  6389. width: 100%;
  6390. cursor: default;
  6391. }
  6392. .dx-fileuploader-input-label:before {
  6393. content: '';
  6394. position: absolute;
  6395. top: -50%;
  6396. overflow: hidden;
  6397. cursor: default;
  6398. }
  6399. .dx-fileuploader-button-container {
  6400. display: table-cell;
  6401. vertical-align: middle;
  6402. }
  6403. .dx-fileuploader-file {
  6404. display: table-cell;
  6405. width: 100%;
  6406. white-space: nowrap;
  6407. }
  6408. .dx-fileuploader-file-info {
  6409. float: left;
  6410. width: 100%;
  6411. }
  6412. .dx-fileuploader-file-status-message {
  6413. float: left;
  6414. font-size: 12px;
  6415. height: 16px;
  6416. }
  6417. .dx-fileuploader .dx-progressbar {
  6418. float: left;
  6419. width: 100%;
  6420. height: 22px;
  6421. margin-top: -6px;
  6422. }
  6423. .dx-fileuploader-file-name {
  6424. float: left;
  6425. max-width: 100%;
  6426. overflow: hidden;
  6427. text-overflow: ellipsis;
  6428. white-space: nowrap;
  6429. }
  6430. .dx-fileuploader-file-size {
  6431. margin-left: 4px;
  6432. float: left;
  6433. vertical-align: super;
  6434. font-size: 10px;
  6435. }
  6436. .dx-rtl .dx-fileuploader .dx-fileuploader-button,
  6437. .dx-rtl.dx-fileuploader .dx-fileuploader-button {
  6438. float: right;
  6439. }
  6440. .dx-rtl .dx-fileuploader .dx-fileuploader-file-container .dx-fileuploader-button,
  6441. .dx-rtl.dx-fileuploader .dx-fileuploader-file-container .dx-fileuploader-button {
  6442. margin-left: 10px;
  6443. margin-right: 0;
  6444. }
  6445. .dx-rtl .dx-fileuploader .dx-fileuploader-file-name,
  6446. .dx-rtl.dx-fileuploader .dx-fileuploader-file-name,
  6447. .dx-rtl .dx-fileuploader .dx-fileuploader-file-size,
  6448. .dx-rtl.dx-fileuploader .dx-fileuploader-file-size,
  6449. .dx-rtl .dx-fileuploader .dx-fileuploader-file-status-message,
  6450. .dx-rtl.dx-fileuploader .dx-fileuploader-file-status-message {
  6451. float: right;
  6452. }
  6453. .dx-rtl .dx-fileuploader .dx-fileuploader-file-size,
  6454. .dx-rtl.dx-fileuploader .dx-fileuploader-file-size {
  6455. margin-right: 4px;
  6456. }
  6457. .dx-fileuploader-invalid .dx-fileuploader-file-status-message {
  6458. height: auto;
  6459. }
  6460. .dx-fileuploader-invalid .dx-fileuploader-file-status-message span {
  6461. display: block;
  6462. margin-bottom: 2px;
  6463. }
  6464. .dx-fileuploader-invalid .dx-fileuploader-file-status-message span:last-child {
  6465. margin-bottom: 0px;
  6466. }
  6467. .dx-fileuploader-invalid .dx-fileuploader-button-container {
  6468. vertical-align: top;
  6469. }
  6470. .dx-fileuploader-invalid .dx-fileuploader-cancel-button {
  6471. margin-top: 5px;
  6472. }
  6473. .dx-validationsummary-item {
  6474. cursor: pointer;
  6475. }
  6476. .dx-invalid-message.dx-overlay {
  6477. position: relative;
  6478. }
  6479. .dx-invalid-message.dx-overlay-wrapper {
  6480. width: 100%;
  6481. visibility: hidden;
  6482. pointer-events: none;
  6483. }
  6484. .dx-invalid-message > .dx-overlay-content {
  6485. display: inline-block;
  6486. position: relative;
  6487. border-width: 0;
  6488. padding: 10px;
  6489. font-size: .85em;
  6490. line-height: normal;
  6491. word-wrap: break-word;
  6492. }
  6493. .dx-state-focused.dx-invalid .dx-invalid-message-auto .dx-overlay-wrapper,
  6494. .dx-invalid-message-visible.dx-invalid .dx-invalid-message-auto .dx-overlay-wrapper,
  6495. .dx-lookup.dx-dropdowneditor-active .dx-invalid-message-auto .dx-overlay-wrapper,
  6496. .dx-invalid-message-always .dx-overlay-wrapper {
  6497. visibility: visible;
  6498. }
  6499. .dx-timeview {
  6500. height: 250px;
  6501. width: 270px;
  6502. }
  6503. .dx-timeview.dx-state-disabled.dx-widget,
  6504. .dx-timeview .dx-state-disabled.dx-widget,
  6505. .dx-timeview.dx-state-disabled .dx-widget,
  6506. .dx-timeview .dx-state-disabled .dx-widget {
  6507. opacity: 1;
  6508. }
  6509. .dx-timeview-clock {
  6510. position: relative;
  6511. }
  6512. .dx-timeview-hourarrow,
  6513. .dx-timeview-minutearrow {
  6514. position: absolute;
  6515. left: 50%;
  6516. width: 30px;
  6517. height: 50%;
  6518. margin-left: -15px;
  6519. background-position: bottom;
  6520. background-repeat: no-repeat;
  6521. -webkit-transform-origin: 50% 100%;
  6522. transform-origin: 50% 100%;
  6523. -webkit-backface-visibility: hidden;
  6524. }
  6525. .dx-timeview-field .dx-numberbox {
  6526. width: 70px;
  6527. }
  6528. .dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly {
  6529. width: 110px;
  6530. }
  6531. .dx-scheduler .dx-empty-message {
  6532. line-height: normal;
  6533. }
  6534. .dx-scheduler-all-day-panel td {
  6535. padding: 0;
  6536. }
  6537. .dx-scheduler-dropdown-appointments {
  6538. position: absolute;
  6539. display: block;
  6540. height: 20px;
  6541. text-align: center;
  6542. cursor: pointer;
  6543. margin: 3px 0 0 3px;
  6544. }
  6545. .dx-scheduler-dropdown-appointments .dx-scheduler-dropdown-appointments-content {
  6546. overflow: hidden;
  6547. text-overflow: ellipsis;
  6548. white-space: nowrap;
  6549. margin: 0 4px;
  6550. }
  6551. .dx-scheduler-dropdown-appointments .dx-scheduler-dropdown-appointments-content span:last-child {
  6552. display: inline-block;
  6553. vertical-align: middle;
  6554. line-height: 13.33333333px;
  6555. height: 20px;
  6556. padding-left: 2px;
  6557. }
  6558. .dx-scheduler-dropdown-appointments.dx-state-hover:before {
  6559. border-radius: 20px;
  6560. }
  6561. .dx-scheduler-dropdown-appointments.dx-button {
  6562. padding: 0;
  6563. max-width: none;
  6564. border-radius: 20px;
  6565. }
  6566. .dx-scheduler-work-space-mouse-selection .dx-scheduler-fixed-appointments,
  6567. .dx-scheduler-work-space-mouse-selection .dx-scheduler-scrollable-appointments {
  6568. pointer-events: none;
  6569. }
  6570. .dx-dropdownmenu-popup-wrapper .dx-scheduler-dropdown-appointment {
  6571. max-width: 400px;
  6572. height: 65px;
  6573. position: relative;
  6574. }
  6575. .dx-dropdownmenu-popup-wrapper .dx-scheduler-dropdown-appointment.dx-list-item-content {
  6576. padding: 5px 10px 5px;
  6577. width: 100%;
  6578. }
  6579. .dx-scheduler-dropdown-appointment-info-block {
  6580. max-width: 300px;
  6581. margin-right: 75px;
  6582. margin-top: 7px;
  6583. }
  6584. .dx-scheduler-dropdown-appointment-buttons-block {
  6585. position: absolute;
  6586. top: 19.5px;
  6587. right: 0;
  6588. width: 75px;
  6589. text-align: right;
  6590. }
  6591. .dx-scheduler-dropdown-appointment-title {
  6592. overflow: hidden;
  6593. text-overflow: ellipsis;
  6594. white-space: nowrap;
  6595. }
  6596. .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-remove-button,
  6597. .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-edit-button {
  6598. padding: 2px;
  6599. margin: 0 10px 0 0;
  6600. }
  6601. .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-remove-button .dx-button-content,
  6602. .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-edit-button .dx-button-content {
  6603. padding: 0;
  6604. }
  6605. .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-remove-button .dx-icon,
  6606. .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-edit-button .dx-icon {
  6607. font-size: 14px;
  6608. width: 18px;
  6609. height: 18px;
  6610. line-height: 18px;
  6611. }
  6612. .dx-scheduler-dropdown-appointment-date {
  6613. font-size: 12px;
  6614. }
  6615. .dx-rtl .dx-scheduler-dropdown-appointments {
  6616. margin: 3px 3px 0 0;
  6617. }
  6618. .dx-rtl .dx-scheduler-dropdown-appointment-info-block {
  6619. margin-left: 75px;
  6620. margin-right: auto;
  6621. }
  6622. .dx-rtl .dx-scheduler-dropdown-appointment-buttons-block {
  6623. left: 0;
  6624. right: auto;
  6625. text-align: left;
  6626. }
  6627. .dx-rtl .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-remove-button,
  6628. .dx-rtl .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-edit-button {
  6629. margin: 0 0 0 10px;
  6630. }
  6631. .dx-layout-manager .dx-field-item:not(.dx-first-row) {
  6632. padding-top: 10px;
  6633. }
  6634. .dx-layout-manager .dx-field-item:not(.dx-first-col) {
  6635. padding-left: 15px;
  6636. }
  6637. .dx-layout-manager .dx-field-item:not(.dx-last-col) {
  6638. padding-right: 15px;
  6639. }
  6640. .dx-layout-manager .dx-field-empty-item {
  6641. width: 100%;
  6642. }
  6643. .dx-layout-manager.dx-layout-manager-one-col .dx-single-column-item-content > .dx-field-item {
  6644. padding-left: 0;
  6645. padding-right: 0;
  6646. }
  6647. .dx-layout-manager.dx-layout-manager-one-col .dx-form-group .dx-single-column-item-content > .dx-first-row.dx-col-0.dx-field-item {
  6648. padding-top: 0px;
  6649. }
  6650. .dx-layout-manager.dx-layout-manager-one-col .dx-box-item:not(:first-child) .dx-single-column-item-content > .dx-field-item {
  6651. padding-top: 10px;
  6652. }
  6653. .dx-layout-manager .dx-label-h-align.dx-flex-layout {
  6654. display: -webkit-box;
  6655. display: -webkit-flex;
  6656. display: -moz-flex;
  6657. display: -ms-flexbox;
  6658. display: flex;
  6659. }
  6660. .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label {
  6661. display: block;
  6662. }
  6663. .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content,
  6664. .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content-wrapper {
  6665. -webkit-flex-shrink: 1;
  6666. -ms-flex-negative: 1;
  6667. flex-shrink: 1;
  6668. -webkit-box-flex: 1;
  6669. -webkit-flex-grow: 1;
  6670. -ms-flex-positive: 1;
  6671. flex-grow: 1;
  6672. -webkit-flex-basis: auto;
  6673. -ms-flex-preferred-size: auto;
  6674. flex-basis: auto;
  6675. display: block;
  6676. }
  6677. .dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
  6678. -webkit-align-items: baseline;
  6679. -webkit-box-align: baseline;
  6680. -ms-flex-align: baseline;
  6681. align-items: baseline;
  6682. }
  6683. .dx-layout-manager .dx-label-h-align.dx-field-item-label-align:not(.dx-flex-layout) .dx-field-item-label {
  6684. vertical-align: baseline;
  6685. }
  6686. .dx-layout-manager .dx-label-h-align .dx-field-item-label,
  6687. .dx-layout-manager .dx-label-h-align .dx-field-item-content,
  6688. .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper {
  6689. display: table-cell;
  6690. }
  6691. .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper .dx-field-item-content {
  6692. display: block;
  6693. }
  6694. .dx-layout-manager .dx-label-h-align .dx-field-item-label {
  6695. white-space: nowrap;
  6696. vertical-align: middle;
  6697. }
  6698. .dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-label-content {
  6699. display: block;
  6700. }
  6701. .dx-layout-manager .dx-label-h-align .dx-field-item-content {
  6702. vertical-align: top;
  6703. }
  6704. .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox,
  6705. .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch {
  6706. margin-top: 7px;
  6707. margin-bottom: 4px;
  6708. }
  6709. .dx-layout-manager .dx-label-h-align .dx-field-item-content,
  6710. .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper {
  6711. width: 100%;
  6712. }
  6713. .dx-layout-manager .dx-tabpanel .dx-multiview-item-content {
  6714. padding: 20px;
  6715. }
  6716. .dx-field-item-label-location-top {
  6717. display: block;
  6718. }
  6719. .dx-form-group-content {
  6720. border-width: 0;
  6721. padding: 0;
  6722. margin: 0;
  6723. }
  6724. .dx-form-group-caption {
  6725. font-size: 20px;
  6726. }
  6727. .dx-form-group-with-caption .dx-form-group-content {
  6728. padding-top: 19px;
  6729. padding-bottom: 20px;
  6730. margin-top: 6px;
  6731. }
  6732. .dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption {
  6733. padding-left: 20px;
  6734. }
  6735. .dx-layout-manager-hidden-label {
  6736. position: absolute;
  6737. display: block;
  6738. visibility: hidden;
  6739. }
  6740. .dx-field-item-help-text {
  6741. font-style: italic;
  6742. white-space: normal;
  6743. }
  6744. .dx-field-item-label-location-left {
  6745. padding-right: 10px;
  6746. }
  6747. .dx-field-item-label-location-right {
  6748. padding-left: 10px;
  6749. }
  6750. .dx-rtl .dx-field-item-required-mark,
  6751. .dx-rtl .dx-field-item-optional-mark {
  6752. unicode-bidi: embed;
  6753. }
  6754. .dx-rtl .dx-field-item:not(.dx-first-col) {
  6755. padding-left: 0;
  6756. padding-right: 15px;
  6757. }
  6758. .dx-rtl .dx-field-item:not(.dx-last-col) {
  6759. padding-left: 15px;
  6760. padding-right: 0;
  6761. }
  6762. .dx-rtl .dx-field-item-label-location-left {
  6763. padding-right: 0;
  6764. padding-left: 10px;
  6765. }
  6766. .dx-rtl .dx-field-item-label-location-right {
  6767. padding-left: 0;
  6768. padding-right: 10px;
  6769. }
  6770. .dx-rtl .dx-layout-manager-one-col .dx-single-column-item-content > .dx-field-item {
  6771. padding-right: 0;
  6772. padding-left: 0;
  6773. }
  6774. .dx-rtl .dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption {
  6775. padding-left: 0;
  6776. padding-right: 20px;
  6777. }
  6778. .dx-filterbuilder.dx-rtl .dx-filterbuilder-text,
  6779. .dx-filterbuilder.dx-rtl .dx-filterbuilder-action-icon {
  6780. margin-left: 5px;
  6781. margin-right: 0;
  6782. }
  6783. .dx-filterbuilder.dx-rtl .dx-filterbuilder-group .dx-filterbuilder-group-content .dx-filterbuilder-group-content {
  6784. padding-left: 0;
  6785. padding-right: 26px;
  6786. }
  6787. .dx-filterbuilder .dx-filterbuilder-text,
  6788. .dx-filterbuilder .dx-filterbuilder-action-icon {
  6789. margin-left: 0;
  6790. margin-right: 5px;
  6791. }
  6792. .dx-filterbuilder .dx-filterbuilder-text:focus,
  6793. .dx-filterbuilder .dx-filterbuilder-item-value-text:focus,
  6794. .dx-filterbuilder .dx-filterbuilder-action-icon:focus {
  6795. outline: none;
  6796. }
  6797. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item {
  6798. display: inline-block;
  6799. white-space: nowrap;
  6800. }
  6801. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text {
  6802. display: inline-block;
  6803. cursor: pointer;
  6804. white-space: pre;
  6805. }
  6806. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-range {
  6807. white-space: nowrap;
  6808. }
  6809. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-text-separator,
  6810. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-range-separator {
  6811. margin: 0 7px;
  6812. opacity: 0.3;
  6813. }
  6814. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-group-operation,
  6815. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-field,
  6816. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-operation,
  6817. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-item-value-text {
  6818. min-width: 20px;
  6819. padding: 2px 7px 3px 7px;
  6820. }
  6821. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-texteditor {
  6822. vertical-align: middle;
  6823. margin-top: -7px;
  6824. margin-bottom: -4px;
  6825. display: inline-block;
  6826. }
  6827. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action {
  6828. display: inline-block;
  6829. cursor: pointer;
  6830. position: relative;
  6831. }
  6832. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action.dx-filterbuilder-action-icon {
  6833. padding: 5px 8px;
  6834. }
  6835. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-content .dx-filterbuilder-group-content {
  6836. padding-left: 26px;
  6837. }
  6838. .dx-filterbuilder-operations .dx-treeview-item {
  6839. padding-left: 5px;
  6840. }
  6841. .dx-filterbuilder-operations .dx-rtl .dx-treeview-item {
  6842. padding-right: 5px;
  6843. }
  6844. .dx-filterbuilder-overlay {
  6845. white-space: nowrap;
  6846. }
  6847. .dx-filterbuilder-overlay .dx-treeview .dx-treeview-node {
  6848. padding-left: 0;
  6849. }
  6850. .dx-filterbuilder-overlay .dx-treeview .dx-treeview-node .dx-treeview-node-container-opened {
  6851. margin-left: 15px;
  6852. }
  6853. .dx-filterbuilder-overlay .dx-treeview.dx-rtl .dx-treeview-node {
  6854. padding-right: 0;
  6855. }
  6856. .dx-filterbuilder-overlay .dx-treeview.dx-rtl .dx-treeview-node .dx-treeview-node-container-opened {
  6857. margin-right: 15px;
  6858. }
  6859. .dx-filterbuilder-overlay .dx-overlay-content.dx-popup-normal {
  6860. border-radius: 0;
  6861. }
  6862. .dx-filterbuilder-overlay .dx-overlay-content.dx-popup-normal > .dx-popup-content {
  6863. padding: 0;
  6864. }
  6865. .dx-filterbuilder-overlay .dx-scrollable-container {
  6866. max-height: 360px;
  6867. }
  6868. .dx-filterbuilder-overlay .dx-menu-items-container {
  6869. padding: 0;
  6870. }
  6871. .dx-drawer {
  6872. height: 100%;
  6873. width: 100%;
  6874. -ms-touch-action: pinch-zoom;
  6875. touch-action: pinch-zoom;
  6876. }
  6877. .dx-drawer-wrapper {
  6878. position: relative;
  6879. overflow: hidden;
  6880. height: 100%;
  6881. }
  6882. .dx-drawer-panel-content {
  6883. position: absolute;
  6884. top: 0px;
  6885. bottom: 0px;
  6886. }
  6887. .dx-drawer-right .dx-drawer-panel-content {
  6888. right: 0px;
  6889. }
  6890. .dx-drawer-left .dx-drawer-panel-content {
  6891. left: 0px;
  6892. }
  6893. .dx-drawer-content {
  6894. overflow: hidden;
  6895. width: 100%;
  6896. height: 100%;
  6897. top: 0;
  6898. }
  6899. .dx-drawer-shader {
  6900. position: absolute;
  6901. top: 0;
  6902. height: 100%;
  6903. width: 100%;
  6904. }
  6905. .dx-drawer-push.dx-drawer-bottom .dx-drawer-panel-content {
  6906. top: auto;
  6907. }
  6908. .dx-drawer-shrink .dx-drawer-panel-content {
  6909. position: relative;
  6910. overflow: hidden;
  6911. -webkit-box-flex: 0;
  6912. -webkit-flex: 0 0 auto;
  6913. -ms-flex: 0 0 auto;
  6914. flex: 0 0 auto;
  6915. height: 100%;
  6916. }
  6917. .dx-drawer-shrink .dx-drawer-wrapper {
  6918. -webkit-box-flex: 1;
  6919. -webkit-flex: 1 0 auto;
  6920. -ms-flex: 1 0 auto;
  6921. flex: 1 0 auto;
  6922. display: -webkit-box;
  6923. display: -webkit-flex;
  6924. display: -ms-flexbox;
  6925. display: flex;
  6926. -webkit-box-orient: horizontal;
  6927. -webkit-box-direction: normal;
  6928. -webkit-flex-direction: row;
  6929. -ms-flex-direction: row;
  6930. flex-direction: row;
  6931. }
  6932. .dx-drawer-shrink .dx-drawer-content {
  6933. position: relative;
  6934. -webkit-box-flex: 1;
  6935. -webkit-flex: 1 1 auto;
  6936. -ms-flex: 1 1 auto;
  6937. flex: 1 1 auto;
  6938. }
  6939. .dx-drawer-shrink.dx-drawer-top .dx-drawer-wrapper,
  6940. .dx-drawer-shrink.dx-drawer-bottom .dx-drawer-wrapper {
  6941. -webkit-box-orient: vertical;
  6942. -webkit-box-direction: normal;
  6943. -webkit-flex-direction: column;
  6944. -ms-flex-direction: column;
  6945. flex-direction: column;
  6946. }
  6947. .dx-drawer-overlap .dx-drawer-panel-content {
  6948. overflow: visible;
  6949. }
  6950. .dx-drawer-overlap .dx-drawer-panel-content.dx-overlay-wrapper {
  6951. right: auto;
  6952. left: auto;
  6953. }
  6954. .dx-drawer-overlap.dx-drawer-left .dx-drawer-wrapper,
  6955. .dx-drawer-overlap.dx-drawer-right .dx-drawer-wrapper {
  6956. overflow-y: visible;
  6957. }
  6958. .dx-drawer-overlap.dx-drawer-top .dx-drawer-wrapper,
  6959. .dx-drawer-overlap.dx-drawer-bottom .dx-drawer-wrapper {
  6960. overflow-x: visible;
  6961. }
  6962. .dx-drawer-overlap.dx-drawer-right.dx-drawer-expand .dx-overlay-content {
  6963. right: 0px;
  6964. }
  6965. .dx-card {
  6966. overflow: hidden;
  6967. }
  6968. .dx-htmleditor {
  6969. display: -webkit-box;
  6970. display: -webkit-flex;
  6971. display: -ms-flexbox;
  6972. display: flex;
  6973. -webkit-box-orient: vertical;
  6974. -webkit-box-direction: normal;
  6975. -webkit-flex-direction: column;
  6976. -ms-flex-direction: column;
  6977. flex-direction: column;
  6978. border: 1px solid transparent;
  6979. }
  6980. .dx-quill-container {
  6981. -webkit-box-sizing: border-box;
  6982. box-sizing: border-box;
  6983. display: -webkit-box;
  6984. display: -webkit-flex;
  6985. display: -ms-flexbox;
  6986. display: flex;
  6987. -webkit-box-flex: 1;
  6988. -webkit-flex: 1;
  6989. -ms-flex: 1;
  6990. flex: 1;
  6991. -webkit-flex-basis: auto;
  6992. -ms-flex-preferred-size: auto;
  6993. flex-basis: auto;
  6994. min-height: 1px;
  6995. margin: 0px;
  6996. position: relative;
  6997. }
  6998. .ql-clipboard {
  6999. left: -100000px;
  7000. height: 1px;
  7001. overflow-y: hidden;
  7002. position: absolute;
  7003. top: 50%;
  7004. }
  7005. .ql-clipboard p {
  7006. margin: 0;
  7007. padding: 0;
  7008. }
  7009. .dx-htmleditor-content {
  7010. -webkit-box-sizing: border-box;
  7011. box-sizing: border-box;
  7012. counter-reset: list-0;
  7013. line-height: 1.42;
  7014. width: 100%;
  7015. outline: none;
  7016. overflow-y: auto;
  7017. padding: 12px 15px;
  7018. white-space: pre-wrap;
  7019. word-wrap: break-word;
  7020. }
  7021. .dx-htmleditor-content .dx-variable > span {
  7022. padding: 3px 6px;
  7023. border-radius: 8px;
  7024. }
  7025. .dx-htmleditor-content > * {
  7026. cursor: text;
  7027. }
  7028. .dx-htmleditor-content p,
  7029. .dx-htmleditor-content ol,
  7030. .dx-htmleditor-content pre,
  7031. .dx-htmleditor-content blockquote,
  7032. .dx-htmleditor-content h1,
  7033. .dx-htmleditor-content h2,
  7034. .dx-htmleditor-content h3,
  7035. .dx-htmleditor-content h4,
  7036. .dx-htmleditor-content h5,
  7037. .dx-htmleditor-content h6 {
  7038. margin: 0;
  7039. padding: 0;
  7040. }
  7041. .dx-htmleditor-content p,
  7042. .dx-htmleditor-content h1,
  7043. .dx-htmleditor-content h2,
  7044. .dx-htmleditor-content h3,
  7045. .dx-htmleditor-content h4,
  7046. .dx-htmleditor-content h5,
  7047. .dx-htmleditor-content h6 {
  7048. counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  7049. }
  7050. .dx-htmleditor-content table {
  7051. border-collapse: collapse;
  7052. }
  7053. .dx-htmleditor-content td {
  7054. border: 1px solid #000;
  7055. padding: 2px 5px;
  7056. }
  7057. .dx-htmleditor-content ol {
  7058. padding-left: 1.5em;
  7059. }
  7060. .dx-rtl .dx-htmleditor-content ol {
  7061. padding-left: 0;
  7062. padding-right: 1.5em;
  7063. }
  7064. .dx-htmleditor-content li {
  7065. list-style-type: none;
  7066. padding-left: 1.5em;
  7067. position: relative;
  7068. }
  7069. .dx-htmleditor-content li::before {
  7070. display: inline-block;
  7071. margin-left: -1.5em;
  7072. margin-right: 0.3em;
  7073. text-align: right;
  7074. white-space: nowrap;
  7075. width: 1.2em;
  7076. }
  7077. .dx-rtl .dx-htmleditor-content li {
  7078. padding-left: 0;
  7079. padding-right: 1.5em;
  7080. }
  7081. .dx-rtl .dx-htmleditor-content li::before {
  7082. margin-left: 0.3em;
  7083. margin-right: -1.5em;
  7084. text-align: left;
  7085. }
  7086. .dx-htmleditor-content ul > li::before {
  7087. content: '\2022';
  7088. }
  7089. .dx-htmleditor-content li {
  7090. counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  7091. counter-increment: list-0;
  7092. }
  7093. .dx-htmleditor-content li::before {
  7094. content: counter(list-0, decimal) '. ';
  7095. }
  7096. .dx-htmleditor-content ol li.ql-indent-1 {
  7097. counter-increment: list-1;
  7098. }
  7099. .dx-htmleditor-content ol li.ql-indent-1::before {
  7100. content: counter(list-1, lower-alpha) '. ';
  7101. }
  7102. .dx-htmleditor-content li.ql-indent-1 {
  7103. counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  7104. }
  7105. .dx-htmleditor-content ol li.ql-indent-2 {
  7106. counter-increment: list-2;
  7107. }
  7108. .dx-htmleditor-content ol li.ql-indent-2::before {
  7109. content: counter(list-2, lower-roman) '. ';
  7110. }
  7111. .dx-htmleditor-content li.ql-indent-2 {
  7112. counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  7113. }
  7114. .dx-htmleditor-content ol li.ql-indent-3 {
  7115. counter-increment: list-3;
  7116. }
  7117. .dx-htmleditor-content ol li.ql-indent-3::before {
  7118. content: counter(list-3, decimal) '. ';
  7119. }
  7120. .dx-htmleditor-content li.ql-indent-3 {
  7121. counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  7122. }
  7123. .dx-htmleditor-content ol li.ql-indent-4 {
  7124. counter-increment: list-4;
  7125. }
  7126. .dx-htmleditor-content ol li.ql-indent-4::before {
  7127. content: counter(list-4, lower-alpha) '. ';
  7128. }
  7129. .dx-htmleditor-content li.ql-indent-4 {
  7130. counter-reset: list-5 list-6 list-7 list-8 list-9;
  7131. }
  7132. .dx-htmleditor-content ol li.ql-indent-5 {
  7133. counter-increment: list-5;
  7134. }
  7135. .dx-htmleditor-content ol li.ql-indent-5::before {
  7136. content: counter(list-5, lower-roman) '. ';
  7137. }
  7138. .dx-htmleditor-content li.ql-indent-5 {
  7139. counter-reset: list-6 list-7 list-8 list-9;
  7140. }
  7141. .dx-htmleditor-content ol li.ql-indent-6 {
  7142. counter-increment: list-6;
  7143. }
  7144. .dx-htmleditor-content ol li.ql-indent-6::before {
  7145. content: counter(list-6, decimal) '. ';
  7146. }
  7147. .dx-htmleditor-content li.ql-indent-6 {
  7148. counter-reset: list-7 list-8 list-9;
  7149. }
  7150. .dx-htmleditor-content ol li.ql-indent-7 {
  7151. counter-increment: list-7;
  7152. }
  7153. .dx-htmleditor-content ol li.ql-indent-7::before {
  7154. content: counter(list-7, lower-alpha) '. ';
  7155. }
  7156. .dx-htmleditor-content li.ql-indent-7 {
  7157. counter-reset: list-8 list-9;
  7158. }
  7159. .dx-htmleditor-content ol li.ql-indent-8 {
  7160. counter-increment: list-8;
  7161. }
  7162. .dx-htmleditor-content ol li.ql-indent-8::before {
  7163. content: counter(list-8, lower-roman) '. ';
  7164. }
  7165. .dx-htmleditor-content li.ql-indent-8 {
  7166. counter-reset: list-9;
  7167. }
  7168. .dx-htmleditor-content ol li.ql-indent-9 {
  7169. counter-increment: list-9;
  7170. }
  7171. .dx-htmleditor-content ol li.ql-indent-9::before {
  7172. content: counter(list-9, decimal) '. ';
  7173. }
  7174. .dx-htmleditor-content .ql-indent-1 {
  7175. padding-left: 3em;
  7176. }
  7177. .dx-rtl .dx-htmleditor-content .ql-indent-1 {
  7178. padding-left: 0;
  7179. padding-right: 3em;
  7180. }
  7181. .dx-htmleditor-content li.ql-indent-1 {
  7182. padding-left: 4.5em;
  7183. }
  7184. .dx-rtl .dx-htmleditor-content li.ql-indent-1 {
  7185. padding-left: 0;
  7186. padding-right: 4.5em;
  7187. }
  7188. .dx-htmleditor-content .ql-indent-2 {
  7189. padding-left: 6em;
  7190. }
  7191. .dx-rtl .dx-htmleditor-content .ql-indent-2 {
  7192. padding-left: 0;
  7193. padding-right: 6em;
  7194. }
  7195. .dx-htmleditor-content li.ql-indent-2 {
  7196. padding-left: 7.5em;
  7197. }
  7198. .dx-rtl .dx-htmleditor-content li.ql-indent-2 {
  7199. padding-left: 0;
  7200. padding-right: 7.5em;
  7201. }
  7202. .dx-htmleditor-content .ql-indent-3 {
  7203. padding-left: 9em;
  7204. }
  7205. .dx-rtl .dx-htmleditor-content .ql-indent-3 {
  7206. padding-left: 0;
  7207. padding-right: 9em;
  7208. }
  7209. .dx-htmleditor-content li.ql-indent-3 {
  7210. padding-left: 10.5em;
  7211. }
  7212. .dx-rtl .dx-htmleditor-content li.ql-indent-3 {
  7213. padding-left: 0;
  7214. padding-right: 10.5em;
  7215. }
  7216. .dx-htmleditor-content .ql-indent-4 {
  7217. padding-left: 12em;
  7218. }
  7219. .dx-rtl .dx-htmleditor-content .ql-indent-4 {
  7220. padding-left: 0;
  7221. padding-right: 12em;
  7222. }
  7223. .dx-htmleditor-content li.ql-indent-4 {
  7224. padding-left: 13.5em;
  7225. }
  7226. .dx-rtl .dx-htmleditor-content li.ql-indent-4 {
  7227. padding-left: 0;
  7228. padding-right: 13.5em;
  7229. }
  7230. .dx-htmleditor-content .ql-indent-5 {
  7231. padding-left: 15em;
  7232. }
  7233. .dx-rtl .dx-htmleditor-content .ql-indent-5 {
  7234. padding-left: 0;
  7235. padding-right: 15em;
  7236. }
  7237. .dx-htmleditor-content li.ql-indent-5 {
  7238. padding-left: 16.5em;
  7239. }
  7240. .dx-rtl .dx-htmleditor-content li.ql-indent-5 {
  7241. padding-left: 0;
  7242. padding-right: 16.5em;
  7243. }
  7244. .dx-htmleditor-content .ql-indent-6 {
  7245. padding-left: 18em;
  7246. }
  7247. .dx-rtl .dx-htmleditor-content .ql-indent-6 {
  7248. padding-left: 0;
  7249. padding-right: 18em;
  7250. }
  7251. .dx-htmleditor-content li.ql-indent-6 {
  7252. padding-left: 19.5em;
  7253. }
  7254. .dx-rtl .dx-htmleditor-content li.ql-indent-6 {
  7255. padding-left: 0;
  7256. padding-right: 19.5em;
  7257. }
  7258. .dx-htmleditor-content .ql-indent-7 {
  7259. padding-left: 21em;
  7260. }
  7261. .dx-rtl .dx-htmleditor-content .ql-indent-7 {
  7262. padding-left: 0;
  7263. padding-right: 21em;
  7264. }
  7265. .dx-htmleditor-content li.ql-indent-7 {
  7266. padding-left: 22.5em;
  7267. }
  7268. .dx-rtl .dx-htmleditor-content li.ql-indent-7 {
  7269. padding-left: 0;
  7270. padding-right: 22.5em;
  7271. }
  7272. .dx-htmleditor-content .ql-indent-8 {
  7273. padding-left: 24em;
  7274. }
  7275. .dx-rtl .dx-htmleditor-content .ql-indent-8 {
  7276. padding-left: 0;
  7277. padding-right: 24em;
  7278. }
  7279. .dx-htmleditor-content li.ql-indent-8 {
  7280. padding-left: 25.5em;
  7281. }
  7282. .dx-rtl .dx-htmleditor-content li.ql-indent-8 {
  7283. padding-left: 0;
  7284. padding-right: 25.5em;
  7285. }
  7286. .dx-htmleditor-content .ql-indent-9 {
  7287. padding-left: 27em;
  7288. }
  7289. .dx-rtl .dx-htmleditor-content .ql-indent-9 {
  7290. padding-left: 0;
  7291. padding-right: 27em;
  7292. }
  7293. .dx-htmleditor-content li.ql-indent-9 {
  7294. padding-left: 28.5em;
  7295. }
  7296. .dx-rtl .dx-htmleditor-content li.ql-indent-9 {
  7297. padding-left: 0;
  7298. padding-right: 28.5em;
  7299. }
  7300. .dx-rtl .dx-htmleditor-content li {
  7301. padding-right: 1.5em;
  7302. }
  7303. .dx-rtl .dx-htmleditor-content li::before {
  7304. margin-left: 0.3em;
  7305. margin-right: -1.5em;
  7306. text-align: left;
  7307. }
  7308. .dx-htmleditor-content table {
  7309. table-layout: fixed;
  7310. width: 100%;
  7311. }
  7312. .dx-htmleditor-content table td {
  7313. outline: none;
  7314. }
  7315. .dx-htmleditor-content .ql-code-block-container {
  7316. font-family: monospace;
  7317. }
  7318. .dx-htmleditor-content .ql-video {
  7319. display: block;
  7320. max-width: 100%;
  7321. }
  7322. .dx-htmleditor-content .ql-video.ql-align-center {
  7323. margin: 0 auto;
  7324. }
  7325. .dx-htmleditor-content .ql-video.ql-align-right {
  7326. margin: 0 0 0 auto;
  7327. }
  7328. .dx-htmleditor-content .ql-font-serif {
  7329. font-family: Georgia, Times New Roman, serif;
  7330. }
  7331. .dx-htmleditor-content .ql-font-monospace {
  7332. font-family: Monaco, Courier New, monospace;
  7333. }
  7334. .dx-htmleditor-content .ql-direction-rtl {
  7335. direction: rtl;
  7336. text-align: inherit;
  7337. }
  7338. .dx-htmleditor-content.ql-blank::before {
  7339. color: rgba(0, 0, 0, 0.6);
  7340. content: attr(data-placeholder);
  7341. font-style: italic;
  7342. left: 15px;
  7343. pointer-events: none;
  7344. position: absolute;
  7345. right: 15px;
  7346. }
  7347. .dx-htmleditor-content pre {
  7348. white-space: pre-wrap;
  7349. background-color: rgba(191, 191, 191, 0.15);
  7350. }
  7351. .dx-htmleditor-content blockquote {
  7352. padding-left: 12px;
  7353. border-left: 4px solid;
  7354. }
  7355. .dx-rtl .dx-htmleditor-content blockquote {
  7356. padding-left: 0;
  7357. padding-right: 12px;
  7358. border-left: none;
  7359. border-right: 4px solid;
  7360. }
  7361. .dx-suggestion-list .dx-list-item {
  7362. display: block;
  7363. }
  7364. .dx-formdialog-form {
  7365. min-width: 360px;
  7366. }
  7367. .dx-formdialog-field-target .dx-field-item-content {
  7368. text-align: right;
  7369. }
  7370. .dx-rtl .dx-formdialog-field-target .dx-field-item-content {
  7371. text-align: left;
  7372. }
  7373. .dx-htmleditor-toolbar-wrapper {
  7374. padding: 5px;
  7375. }
  7376. .dx-color-format .dx-icon-color,
  7377. .dx-background-format .dx-icon-color,
  7378. .dx-color-format .dx-icon-background,
  7379. .dx-background-format .dx-icon-background {
  7380. border-bottom: 3px solid transparent;
  7381. }
  7382. .dx-htmleditor-toolbar-separator {
  7383. height: 100%;
  7384. border-left: 1px solid transparent;
  7385. }
  7386. .dx-htmleditor-toolbar-menu-separator {
  7387. width: 100%;
  7388. border-top: 1px solid transparent;
  7389. }
  7390. .dx-htmleditor-toolbar-menu-separator::before {
  7391. content: none;
  7392. }
  7393. .dx-deferrendering .dx-deferrendering-loadindicator-container {
  7394. width: 100%;
  7395. height: 100%;
  7396. position: relative;
  7397. }
  7398. .dx-deferrendering.dx-pending-rendering .dx-invisible-while-pending-rendering {
  7399. display: none !important;
  7400. }
  7401. .dx-deferrendering:not(.dx-pending-rendering) .dx-visible-while-pending-rendering {
  7402. display: none !important;
  7403. }