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.

13343 lines
470 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-colorview-palette-handle {
  10. background: radial-gradient(transparent 5px, rgba(0, 0, 0, 0.2) 6px, #fff 7px, #fff 12px, rgba(0, 0, 0, 0.2) 13px);
  11. -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  12. box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  13. }
  14. .dx-colorview-hue-scale-handle {
  15. border: 1px solid rgba(0, 0, 0, 0.2);
  16. -webkit-box-shadow: inset -5px 0px 0px 3px #fff, inset 5px 0px 0px 3px #fff, inset -6px 0px 1px 4px rgba(0, 0, 0, 0.2), inset 6px 0px 1px 4px rgba(0, 0, 0, 0.2);
  17. box-shadow: inset -5px 0px 0px 3px #fff, inset 5px 0px 0px 3px #fff, inset -6px 0px 1px 4px rgba(0, 0, 0, 0.2), inset 6px 0px 1px 4px rgba(0, 0, 0, 0.2);
  18. }
  19. .dx-colorview-alpha-channel-handle {
  20. border: 1px solid rgba(0, 0, 0, 0.2);
  21. -webkit-box-shadow: inset 0px -5px 0px 3px #fff, inset 0px 5px 0px 3px #fff, inset 0px -6px 1px 4px rgba(0, 0, 0, 0.2), inset 0px 6px 1px 4px rgba(0, 0, 0, 0.2);
  22. box-shadow: inset 0px -5px 0px 3px #fff, inset 0px 5px 0px 3px #fff, inset 0px -6px 1px 4px rgba(0, 0, 0, 0.2), inset 0px 6px 1px 4px rgba(0, 0, 0, 0.2);
  23. }
  24. .dx-datagrid-borders > .dx-datagrid-headers,
  25. .dx-datagrid-borders > .dx-datagrid-rowsview,
  26. .dx-datagrid-borders > .dx-datagrid-total-footer {
  27. border-left: 1px solid #ddd;
  28. border-right: 1px solid #ddd;
  29. }
  30. .dx-datagrid-borders > .dx-datagrid-rowsview,
  31. .dx-datagrid-borders > .dx-datagrid-total-footer {
  32. border-bottom: 1px solid #ddd;
  33. }
  34. .dx-datagrid-borders > .dx-datagrid-pager,
  35. .dx-datagrid-borders > .dx-datagrid-headers,
  36. .dx-datagrid-borders > .dx-datagrid-filter-panel {
  37. border-top: 1px solid #ddd;
  38. }
  39. .dx-datagrid-borders > .dx-datagrid-filter-panel {
  40. border-top-width: 0;
  41. border-left: 1px solid #ddd;
  42. border-right: 1px solid #ddd;
  43. border-bottom: 1px solid #ddd;
  44. }
  45. .dx-datagrid {
  46. color: #333;
  47. background-color: #fff;
  48. }
  49. .dx-datagrid .dx-sort-up {
  50. font: 14px/1 DXIcons;
  51. }
  52. .dx-datagrid .dx-sort-up:before {
  53. content: "\f051";
  54. }
  55. .dx-datagrid .dx-sort-down {
  56. font: 14px/1 DXIcons;
  57. }
  58. .dx-datagrid .dx-sort-down:before {
  59. content: "\f052";
  60. }
  61. .dx-datagrid .dx-header-filter {
  62. position: relative;
  63. color: #959595;
  64. font: 14px/1 DXIcons;
  65. }
  66. .dx-datagrid .dx-header-filter:before {
  67. content: "\f050";
  68. }
  69. .dx-datagrid .dx-header-filter-empty {
  70. color: rgba(149, 149, 149, 0.5);
  71. }
  72. .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon {
  73. width: 14px;
  74. height: 14px;
  75. background-position: 0px 0px;
  76. background-size: 14px 14px;
  77. padding: 0px;
  78. font-size: 14px;
  79. text-align: center;
  80. line-height: 14px;
  81. }
  82. .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
  83. background-color: #fff;
  84. }
  85. .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
  86. .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
  87. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
  88. .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none {
  89. border-left: 2px solid #ddd;
  90. border-right: 2px solid #ddd;
  91. }
  92. .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
  93. .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
  94. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
  95. .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
  96. border-left: none;
  97. }
  98. .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
  99. .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
  100. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
  101. .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
  102. border-right: none;
  103. }
  104. .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form {
  105. background-color: #fff;
  106. }
  107. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td {
  108. position: relative;
  109. }
  110. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:not(.dx-datagrid-group-space):before {
  111. display: block;
  112. position: absolute;
  113. left: 7px;
  114. right: 7px;
  115. top: 0;
  116. bottom: 0;
  117. content: '';
  118. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY1RUVFQzAzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY1RUVFQkYzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLbJKYAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC);
  119. background-repeat: no-repeat repeat;
  120. }
  121. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  122. -webkit-transform: scaleX(-1);
  123. transform: scaleX(-1);
  124. }
  125. .dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content {
  126. color: #333;
  127. }
  128. .dx-datagrid .dx-error-row td {
  129. color: #fff;
  130. padding: 0;
  131. }
  132. .dx-datagrid .dx-error-row .dx-error-message {
  133. background-color: #e89895;
  134. white-space: normal;
  135. word-wrap: break-word;
  136. }
  137. .dx-datagrid .dx-column-lines > td:first-child {
  138. border-left: none;
  139. }
  140. .dx-datagrid .dx-column-lines > td:last-child {
  141. border-right: none;
  142. }
  143. .dx-datagrid-filter-panel {
  144. color: #333;
  145. border-top: 1px solid #ddd;
  146. }
  147. .dx-datagrid-form-buttons-container {
  148. float: right;
  149. }
  150. .dx-datagrid-form-buttons-container .dx-button {
  151. margin-left: 10px;
  152. margin-top: 10px;
  153. }
  154. .dx-datagrid-column-chooser {
  155. color: #333;
  156. font-weight: normal;
  157. font-size: 12px;
  158. font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
  159. line-height: 1.33334;
  160. }
  161. .dx-datagrid-column-chooser input,
  162. .dx-datagrid-column-chooser textarea {
  163. font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
  164. line-height: 1.33334;
  165. }
  166. .dx-datagrid-export-menu .dx-menu-item .dx-icon-exportxlsx {
  167. width: 16px;
  168. height: 16px;
  169. background-position: 0px 0px;
  170. background-size: 16px 16px;
  171. padding: 0px;
  172. font-size: 16px;
  173. text-align: center;
  174. line-height: 16px;
  175. }
  176. .dx-datagrid-adaptive-more {
  177. cursor: pointer;
  178. font: 14px/1 DXIcons;
  179. width: 21px;
  180. height: 21px;
  181. background-position: 0px 0px;
  182. background-size: 21px 21px;
  183. padding: 0px;
  184. font-size: 21px;
  185. text-align: center;
  186. line-height: 21px;
  187. }
  188. .dx-datagrid-adaptive-more:before {
  189. content: "\f06c";
  190. }
  191. .dx-datagrid-edit-popup .dx-error-message {
  192. background-color: #e89895;
  193. white-space: normal;
  194. word-wrap: break-word;
  195. color: #fff;
  196. margin-bottom: 20px;
  197. }
  198. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
  199. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
  200. .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none {
  201. border-left: 2px solid #ddd;
  202. }
  203. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
  204. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
  205. .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
  206. border-right: none;
  207. }
  208. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
  209. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
  210. .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
  211. border-left: none;
  212. }
  213. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:before {
  214. -webkit-transform: scaleX(-1);
  215. transform: scaleX(-1);
  216. }
  217. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: left"]:before {
  218. -webkit-transform: scale(1);
  219. transform: scale(1);
  220. }
  221. .dx-rtl .dx-datagrid .dx-column-lines > td:first-child {
  222. border-right: none;
  223. border-left: 1px solid #ddd;
  224. }
  225. .dx-rtl .dx-datagrid .dx-column-lines > td:last-child {
  226. border-left: none;
  227. border-right: 1px solid #ddd;
  228. }
  229. .dx-rtl .dx-datagrid-form-buttons-container {
  230. float: left;
  231. }
  232. .dx-rtl .dx-datagrid-form-buttons-container .dx-button {
  233. margin-left: 0;
  234. margin-right: 10px;
  235. }
  236. .dx-datagrid-cell-updated-animation {
  237. -webkit-animation: dx-datagrid-highlight-change 1s;
  238. animation: dx-datagrid-highlight-change 1s;
  239. }
  240. @-webkit-keyframes dx-datagrid-highlight-change {
  241. from {
  242. background-color: rgba(51, 51, 51, 0.08);
  243. }
  244. 50% {
  245. background-color: rgba(51, 51, 51, 0.08);
  246. }
  247. }
  248. @keyframes dx-datagrid-highlight-change {
  249. from {
  250. background-color: rgba(51, 51, 51, 0.08);
  251. }
  252. 50% {
  253. background-color: rgba(51, 51, 51, 0.08);
  254. }
  255. }
  256. .dx-pivotgrid-fields-container .dx-position-indicator {
  257. background-color: gray;
  258. }
  259. .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical {
  260. margin-top: -4px;
  261. margin-left: -1px;
  262. height: 2px;
  263. }
  264. .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical.dx-position-indicator-last {
  265. margin-top: -3px;
  266. }
  267. .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal {
  268. margin-left: -3px;
  269. width: 2px;
  270. }
  271. .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last {
  272. margin-left: 3px;
  273. }
  274. .dx-pivotgrid-fields-container .dx-area-fields {
  275. position: relative;
  276. }
  277. .dx-pivotgrid-fields-container .dx-sort {
  278. color: #959595;
  279. font-size: 14px;
  280. width: 14px;
  281. }
  282. .dx-pivotgrid-fields-container .dx-sort-up {
  283. font: 14px/1 DXIcons;
  284. }
  285. .dx-pivotgrid-fields-container .dx-sort-up:before {
  286. content: "\f051";
  287. }
  288. .dx-pivotgrid-fields-container .dx-sort-down {
  289. font: 14px/1 DXIcons;
  290. }
  291. .dx-pivotgrid-fields-container .dx-sort-down:before {
  292. content: "\f052";
  293. }
  294. .dx-pivotgrid-fields-container .dx-header-filter {
  295. color: #959595;
  296. font: 14px/1 DXIcons;
  297. font-size: 14px;
  298. width: 14px;
  299. }
  300. .dx-pivotgrid-fields-container .dx-header-filter:before {
  301. content: "\f050";
  302. }
  303. .dx-pivotgrid-fields-container .dx-header-filter-empty {
  304. color: rgba(149, 149, 149, 0.5);
  305. }
  306. .dx-pivotgrid-fields-container .dx-area-field {
  307. cursor: pointer;
  308. }
  309. .dx-pivotgrid-fields-container.dx-drag {
  310. opacity: 0.8;
  311. }
  312. .dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box {
  313. -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
  314. box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
  315. border: 1px solid rgba(51, 122, 183, 0.5);
  316. }
  317. .dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
  318. background-color: #fff;
  319. margin-bottom: 4px;
  320. border: 1px solid #ddd;
  321. padding: 5px 6px;
  322. }
  323. .dx-pivotgrid-fields-container .dx-drag-source {
  324. opacity: 0.5;
  325. }
  326. .dx-pivotgrid-fields-container .dx-column-indicators {
  327. vertical-align: bottom;
  328. margin-left: 4px;
  329. }
  330. .dx-pivotgrid-fields-container .dx-area-field-content {
  331. vertical-align: bottom;
  332. }
  333. .dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area,
  334. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area {
  335. overflow: hidden;
  336. }
  337. .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar,
  338. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar {
  339. margin-right: 10px;
  340. float: right;
  341. display: inline-block;
  342. }
  343. .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button,
  344. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button {
  345. margin-right: 4px;
  346. }
  347. .dx-pivotgrid .dx-data-header,
  348. .dx-pivotgrid .dx-column-header,
  349. .dx-pivotgrid .dx-area-description-cell.dx-pivotgrid-background {
  350. background-color: rgba(221, 221, 221, 0.2);
  351. }
  352. .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area {
  353. color: #333;
  354. font-weight: normal;
  355. font-size: 12px;
  356. font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
  357. line-height: 1.33334;
  358. }
  359. .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area input,
  360. .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area textarea {
  361. font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
  362. line-height: 1.33334;
  363. }
  364. .dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area {
  365. margin-left: -5px;
  366. padding-left: 5px;
  367. }
  368. .dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child {
  369. padding-left: 0;
  370. }
  371. .dx-pivotgrid .dx-filter-header .dx-area-field-container {
  372. border-spacing: 4px;
  373. border-collapse: separate;
  374. }
  375. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head td {
  376. padding: 2px;
  377. }
  378. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head tr > td:first-child {
  379. padding-left: 2px;
  380. }
  381. .dx-pivotgrid .dx-area-field.dx-area-box {
  382. margin-bottom: 0;
  383. }
  384. .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td {
  385. border-top: 1px solid #ddd;
  386. }
  387. .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area-data tr:first-child > td {
  388. border-top-width: 0px;
  389. }
  390. .dx-pivotgrid .dx-expand-icon-container {
  391. margin-left: -5px;
  392. margin-right: 0;
  393. }
  394. .dx-pivotgrid .dx-area-row-cell,
  395. .dx-pivotgrid .dx-area-description-cell {
  396. border-right: 1px solid #ddd;
  397. }
  398. .dx-pivotgrid .dx-area-description-cell {
  399. white-space: nowrap;
  400. }
  401. .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button {
  402. margin: 1px;
  403. }
  404. .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button:not(.dx-state-hover):not(.dx-state-active) {
  405. border-color: transparent;
  406. background-color: transparent;
  407. -webkit-box-shadow: none;
  408. box-shadow: none;
  409. }
  410. .dx-pivotgrid .dx-bottom-border,
  411. .dx-pivotgrid .dx-area-description-cell,
  412. .dx-pivotgrid .dx-area-column-cell {
  413. border-bottom: 1px solid #ddd;
  414. }
  415. .dx-pivotgrid .dx-pivotgrid-area {
  416. -webkit-box-sizing: content-box;
  417. box-sizing: content-box;
  418. }
  419. .dx-pivotgrid .dx-pivotgrid-area td {
  420. color: #959595;
  421. padding: 5px 6px;
  422. }
  423. .dx-pivotgrid .dx-pivotgrid-fields-area-head td {
  424. position: relative;
  425. border: none;
  426. padding: 6px 2px;
  427. }
  428. .dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child {
  429. padding-left: 6px;
  430. }
  431. .dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child {
  432. padding-right: 6px;
  433. }
  434. .dx-pivotgrid .dx-pivotgrid-fields-area-head .dx-empty-area-text {
  435. white-space: nowrap;
  436. padding: 6px 0;
  437. border: 1px solid transparent;
  438. color: #525252;
  439. }
  440. .dx-pivotgrid .dx-group-connector {
  441. position: absolute;
  442. width: 2px;
  443. top: 50%;
  444. height: 2px;
  445. margin-top: -1px;
  446. background-color: #ddd;
  447. }
  448. .dx-pivotgrid .dx-group-connector.dx-group-connector-prev {
  449. left: 0;
  450. }
  451. .dx-pivotgrid .dx-group-connector.dx-group-connector-next {
  452. right: 0;
  453. }
  454. .dx-pivotgrid .dx-virtual-content {
  455. display: none;
  456. }
  457. .dx-pivotgrid .dx-virtual-mode .dx-virtual-content {
  458. position: relative;
  459. overflow: hidden;
  460. display: block;
  461. }
  462. .dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td {
  463. color: transparent;
  464. background-color: transparent !important;
  465. }
  466. .dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td span {
  467. visibility: hidden;
  468. }
  469. .dx-pivotgrid .dx-virtual-mode table {
  470. position: absolute;
  471. }
  472. .dx-pivotgrid .dx-pivotgrid-area-data {
  473. position: relative;
  474. }
  475. .dx-pivotgrid .dx-pivotgrid-area-data tbody td {
  476. text-align: right;
  477. color: #333;
  478. white-space: nowrap;
  479. border-left: 1px solid #ddd;
  480. }
  481. .dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
  482. border-left: 0px;
  483. }
  484. .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-total,
  485. .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-grandtotal {
  486. border-top-width: 0px;
  487. }
  488. .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-expand-border {
  489. border-top: 1px solid #ddd;
  490. }
  491. .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
  492. border-right: 0px;
  493. }
  494. .dx-pivotgrid .dx-pivotgrid-vertical-headers td {
  495. min-width: 50px;
  496. border-right: 1px solid #ddd;
  497. }
  498. .dx-pivotgrid .dx-pivotgrid-vertical-headers tr:first-child td {
  499. border-top: 0px;
  500. }
  501. .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-pivotgrid-fields-area-head td:last-child {
  502. border-right: 0px;
  503. }
  504. .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total,
  505. .dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total {
  506. border-top: 1px solid #ddd;
  507. border-bottom: 1px solid #ddd;
  508. }
  509. .dx-pivotgrid .dx-area-tree-view .dx-total {
  510. border-bottom: none;
  511. }
  512. .dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
  513. border-top: 1px solid transparent;
  514. background-color: rgba(221, 221, 221, 0.2);
  515. width: 24px;
  516. padding: 0;
  517. min-width: 24px;
  518. }
  519. .dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
  520. border-right: 1px solid #ddd;
  521. }
  522. .dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
  523. text-align: center;
  524. border: 1px solid #ddd;
  525. }
  526. .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded,
  527. .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed {
  528. text-align: left;
  529. }
  530. .dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
  531. border-left: 0px;
  532. }
  533. .dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td {
  534. border-top: 0px;
  535. }
  536. .dx-pivotgrid .dx-expand-icon-container {
  537. width: 14px;
  538. }
  539. .dx-pivotgrid .dx-pivotgrid-horizontal-headers:last-child {
  540. border-bottom: 0;
  541. }
  542. .dx-pivotgrid .dx-total,
  543. .dx-pivotgrid .dx-data-header,
  544. .dx-pivotgrid .dx-column-header,
  545. .dx-pivotgrid .dx-area-description-cell {
  546. background-color: rgba(221, 221, 221, 0.2);
  547. }
  548. .dx-pivotgrid .dx-grandtotal {
  549. background-color: #f5f5f5;
  550. }
  551. .dx-pivotgrid .dx-pivotgrid-border .dx-data-header,
  552. .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
  553. .dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell,
  554. .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
  555. border-left: 1px solid #ddd;
  556. }
  557. .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
  558. .dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell,
  559. .dx-pivotgrid .dx-pivotgrid-border .dx-column-header,
  560. .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
  561. .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell {
  562. border-right: 1px solid #ddd;
  563. }
  564. .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
  565. border-top: 1px solid #ddd;
  566. }
  567. .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header td {
  568. display: inline-block;
  569. }
  570. .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell,
  571. .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
  572. border-bottom: 1px solid #ddd;
  573. }
  574. .dx-pivotgrid .dx-icon-sorted {
  575. display: inline-block;
  576. margin-left: 5px;
  577. width: 14px;
  578. }
  579. .dx-pivotgrid .dx-menu-item .dx-icon {
  580. width: 16px;
  581. height: 16px;
  582. background-position: 0px 0px;
  583. background-size: 16px 16px;
  584. padding: 0px;
  585. font-size: 16px;
  586. text-align: center;
  587. line-height: 16px;
  588. }
  589. .dx-pivotgrid .dx-popup-content {
  590. padding: 6px;
  591. }
  592. .dx-pivotgrid .dx-popup-content .dx-pivotgrid-fields-area-head td {
  593. padding: 0px 2px;
  594. }
  595. .dx-pivotgridfieldchooser .dx-area-fields {
  596. overflow: hidden;
  597. }
  598. .dx-pivotgridfieldchooser .dx-treeview-item .dx-icon {
  599. margin-bottom: 1px;
  600. width: 16px;
  601. height: 16px;
  602. background-position: 0px 0px;
  603. background-size: 16px 16px;
  604. padding: 0px;
  605. font-size: 16px;
  606. text-align: center;
  607. line-height: 16px;
  608. }
  609. .dx-pivotgridfieldchooser .dx-treeview-search {
  610. margin: 5px;
  611. }
  612. .dx-pivotgridfieldchooser .dx-area-icon {
  613. display: inline-block;
  614. vertical-align: middle;
  615. width: 16px;
  616. height: 16px;
  617. }
  618. .dx-pivotgridfieldchooser .dx-area {
  619. padding: 5px;
  620. display: -webkit-flex;
  621. display: -webkit-box;
  622. display: -ms-flexbox;
  623. display: flex;
  624. -webkit-flex-grow: 1;
  625. -webkit-box-flex: 1;
  626. -ms-flex-positive: 1;
  627. flex-grow: 1;
  628. -webkit-flex-direction: column;
  629. -webkit-box-orient: vertical;
  630. -webkit-box-direction: normal;
  631. -ms-flex-direction: column;
  632. flex-direction: column;
  633. }
  634. .dx-pivotgridfieldchooser .dx-area > .dx-scrollable,
  635. .dx-pivotgridfieldchooser .dx-area > .dx-treeview,
  636. .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable {
  637. display: -webkit-flex;
  638. display: -webkit-box;
  639. display: -ms-flexbox;
  640. display: flex;
  641. -webkit-box-flex: 1;
  642. -webkit-flex-grow: 1;
  643. -ms-flex-positive: 1;
  644. flex-grow: 1;
  645. -webkit-box-orient: vertical;
  646. -webkit-box-direction: normal;
  647. -webkit-flex-direction: column;
  648. -ms-flex-direction: column;
  649. flex-direction: column;
  650. height: 0;
  651. }
  652. .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper,
  653. .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper,
  654. .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper {
  655. display: -webkit-flex;
  656. display: -webkit-box;
  657. display: -ms-flexbox;
  658. display: flex;
  659. -webkit-box-flex: 1;
  660. -webkit-flex-grow: 1;
  661. -ms-flex-positive: 1;
  662. flex-grow: 1;
  663. -webkit-box-orient: vertical;
  664. -webkit-box-direction: normal;
  665. -webkit-flex-direction: column;
  666. -ms-flex-direction: column;
  667. flex-direction: column;
  668. height: 0;
  669. }
  670. .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
  671. .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container,
  672. .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
  673. height: auto;
  674. }
  675. .dx-pivotgridfieldchooser .dx-area .dx-area-fields {
  676. margin-top: 3px;
  677. border: 1px solid #ddd;
  678. display: -webkit-flex;
  679. display: -webkit-box;
  680. display: -ms-flexbox;
  681. display: flex;
  682. -webkit-flex-direction: column;
  683. -webkit-box-orient: vertical;
  684. -webkit-box-direction: normal;
  685. -ms-flex-direction: column;
  686. flex-direction: column;
  687. height: 0;
  688. }
  689. .dx-pivotgridfieldchooser .dx-area-fields-header .dx-area-caption {
  690. -webkit-align-self: center;
  691. -ms-flex-item-align: center;
  692. align-self: center;
  693. }
  694. .dx-pivotgridfieldchooser .dx-area-fields[group] {
  695. padding: 5px;
  696. background-color: rgba(221, 221, 221, 0.2);
  697. display: -webkit-flex;
  698. display: -webkit-box;
  699. display: -ms-flexbox;
  700. display: flex;
  701. }
  702. .dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target {
  703. border-color: #337ab7;
  704. }
  705. .dx-pivotgridfieldchooser .dx-area-icon-all {
  706. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJElEQVQoz2P8z4AfsDAwJELVzGfExmIiYAAD5QoYRx1JL0cCAJeiFh8Qq9chAAAAAElFTkSuQmCC) no-repeat center center;
  707. }
  708. .dx-pivotgridfieldchooser .dx-area-icon-filter {
  709. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAWElEQVQoz83RsQqAMAxF0fepFxzEQRz8e1sah0JTamhXeVtyCCSRaR6ZTGQsSHJgcRyk1YQ7aBcuB+KkDO0D9UDsHcmARiC2BqiVEfg2+jOoF30+YPnNWV4jV/jo04VE6gAAAABJRU5ErkJggg==) no-repeat center center;
  710. }
  711. .dx-pivotgridfieldchooser .dx-area-icon-row {
  712. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAI0lEQVQoz2P4z4AfAlHCfwjEzqKPAsKObIBA7Cz6KBgGIQkAQ8IdQJKOGQIAAAAASUVORK5CYII=) no-repeat center center;
  713. }
  714. .dx-pivotgridfieldchooser .dx-area-icon-column {
  715. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIElEQVQoz2P4z4AfAlHCfwgEshogEFmMPgpGHUkfRwIAQ8IdQALkrHMAAAAASUVORK5CYII=) no-repeat center center;
  716. }
  717. .dx-pivotgridfieldchooser .dx-area-icon-data {
  718. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) no-repeat center center;
  719. }
  720. .dx-pivotgridfieldchooser .dx-icon-measure {
  721. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) no-repeat center center;
  722. }
  723. .dx-pivotgridfieldchooser .dx-icon-dimension {
  724. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAH0lEQVQoz2P4z4AfMlBHQcJ/MESjqasAKxx5bqAosgCZ3QSYpC33dQAAAABJRU5ErkJggg==) no-repeat center center;
  725. }
  726. .dx-pivotgridfieldchooser .dx-icon-hierarchy {
  727. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVQoz2P4z4AfMlBXQcJ/EKShggQoxKEAojsBwxQqKUjACpEVoOhGNYVKCiiKLAATcARoA49V5wAAAABJRU5ErkJggg==) no-repeat center center;
  728. }
  729. .dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal {
  730. margin-left: -3px;
  731. }
  732. .dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last {
  733. margin-left: 1px;
  734. }
  735. .dx-rtl .dx-pivotgrid-fields-container .dx-column-indicators {
  736. margin-left: 0;
  737. margin-right: 4px;
  738. }
  739. .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar,
  740. .dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar {
  741. margin-right: 0;
  742. margin-left: 10px;
  743. float: left;
  744. }
  745. .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button,
  746. .dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button {
  747. margin-right: 0;
  748. margin-left: 4px;
  749. }
  750. .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area {
  751. margin-left: 0;
  752. padding-left: 0;
  753. margin-right: -5px;
  754. padding-right: 5px;
  755. }
  756. .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child {
  757. padding-left: 2px;
  758. padding-right: 0;
  759. }
  760. .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td {
  761. padding: 6px 2px;
  762. }
  763. .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child {
  764. padding-right: 6px;
  765. }
  766. .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child {
  767. padding-left: 6px;
  768. }
  769. .dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-prev {
  770. left: initial;
  771. right: 0;
  772. }
  773. .dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-next {
  774. right: initial;
  775. left: 0;
  776. }
  777. .dx-rtl.dx-pivotgrid .dx-area-row-cell,
  778. .dx-rtl.dx-pivotgrid .dx-area-description-cell {
  779. border-left: 1px solid #ddd;
  780. border-right: 0px;
  781. }
  782. .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
  783. border-left: 0px;
  784. border-right: 1px solid #ddd;
  785. }
  786. .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
  787. border-left: 1px solid #ddd;
  788. border-right: 0px;
  789. }
  790. .dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
  791. border-right: 0px;
  792. border-left: 1px solid #ddd;
  793. }
  794. .dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
  795. border-left: 0px;
  796. border-right: 0px;
  797. }
  798. .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
  799. border-right: 0px;
  800. border-left: 1px solid #ddd;
  801. }
  802. .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area {
  803. border-left: 0px;
  804. }
  805. .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
  806. border-left: 1px solid #ddd;
  807. border-right: 0px;
  808. }
  809. .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded,
  810. .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed {
  811. text-align: right;
  812. }
  813. .dx-rtl.dx-pivotgrid .dx-expand-icon-container {
  814. margin-left: 0;
  815. margin-right: -5px;
  816. }
  817. .dx-rtl.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand-icon-container {
  818. -webkit-transform: scaleX(-1);
  819. transform: scaleX(-1);
  820. }
  821. .dx-rtl.dx-pivotgrid .dx-icon-sorted {
  822. margin-left: 0;
  823. margin-right: 5px;
  824. }
  825. .dx-rtl.dx-pivotgrid .dx-pivotgridfieldchooser-container .dx-col {
  826. display: -webkit-flex;
  827. display: -webkit-box;
  828. display: -ms-flexbox;
  829. display: flex;
  830. }
  831. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell,
  832. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header,
  833. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
  834. border-right: 1px solid #ddd;
  835. }
  836. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell,
  837. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header,
  838. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell {
  839. border-left: 1px solid #ddd;
  840. }
  841. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header {
  842. border-right: none;
  843. }
  844. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell,
  845. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header {
  846. border-left: none;
  847. }
  848. .dx-treelist-borders > .dx-treelist-headers,
  849. .dx-treelist-borders > .dx-treelist-rowsview,
  850. .dx-treelist-borders > .dx-treelist-total-footer {
  851. border-left: 1px solid #ddd;
  852. border-right: 1px solid #ddd;
  853. }
  854. .dx-treelist-borders > .dx-treelist-rowsview,
  855. .dx-treelist-borders > .dx-treelist-total-footer {
  856. border-bottom: 1px solid #ddd;
  857. }
  858. .dx-treelist-borders > .dx-treelist-pager,
  859. .dx-treelist-borders > .dx-treelist-headers,
  860. .dx-treelist-borders > .dx-treelist-filter-panel {
  861. border-top: 1px solid #ddd;
  862. }
  863. .dx-treelist-borders > .dx-treelist-filter-panel {
  864. border-top-width: 0;
  865. border-left: 1px solid #ddd;
  866. border-right: 1px solid #ddd;
  867. }
  868. .dx-treelist .dx-column-lines > td:first-child {
  869. border-left: none;
  870. }
  871. .dx-treelist .dx-column-lines > td:last-child {
  872. border-right: none;
  873. }
  874. .dx-treelist-container {
  875. color: #333;
  876. background-color: #fff;
  877. }
  878. .dx-treelist-container .dx-sort-up {
  879. font: 14px/1 DXIcons;
  880. }
  881. .dx-treelist-container .dx-sort-up:before {
  882. content: "\f051";
  883. }
  884. .dx-treelist-container .dx-sort-down {
  885. font: 14px/1 DXIcons;
  886. }
  887. .dx-treelist-container .dx-sort-down:before {
  888. content: "\f052";
  889. }
  890. .dx-treelist-container .dx-header-filter {
  891. position: relative;
  892. color: #959595;
  893. font: 14px/1 DXIcons;
  894. }
  895. .dx-treelist-container .dx-header-filter:before {
  896. content: "\f050";
  897. }
  898. .dx-treelist-container .dx-header-filter-empty {
  899. color: rgba(149, 149, 149, 0.5);
  900. }
  901. .dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon {
  902. width: 14px;
  903. height: 14px;
  904. background-position: 0px 0px;
  905. background-size: 14px 14px;
  906. padding: 0px;
  907. font-size: 14px;
  908. text-align: center;
  909. line-height: 14px;
  910. }
  911. .dx-treelist-container .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed {
  912. background-color: #fff;
  913. }
  914. .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
  915. .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none,
  916. .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none {
  917. border-left: 2px solid #ddd;
  918. border-right: 2px solid #ddd;
  919. }
  920. .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
  921. .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
  922. .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
  923. border-left: none;
  924. }
  925. .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
  926. .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
  927. .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
  928. border-right: none;
  929. }
  930. .dx-treelist-container .dx-treelist-rowsview .dx-treelist-edit-form {
  931. background-color: #fff;
  932. }
  933. .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td {
  934. position: relative;
  935. }
  936. .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before {
  937. display: block;
  938. position: absolute;
  939. left: 7px;
  940. right: 7px;
  941. top: 0;
  942. bottom: 0;
  943. content: '';
  944. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY1RUVFQzAzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY1RUVFQkYzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLbJKYAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC);
  945. background-repeat: no-repeat repeat;
  946. }
  947. .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  948. -webkit-transform: scaleX(-1);
  949. transform: scaleX(-1);
  950. }
  951. .dx-treelist-container .dx-treelist-filter-row .dx-filter-range-content {
  952. color: #333;
  953. }
  954. .dx-treelist-container .dx-error-row td {
  955. color: #fff;
  956. padding: 0;
  957. }
  958. .dx-treelist-container .dx-error-row .dx-error-message {
  959. background-color: #e89895;
  960. white-space: normal;
  961. word-wrap: break-word;
  962. }
  963. .dx-treelist-filter-panel {
  964. color: #333;
  965. border-top: 1px solid #ddd;
  966. }
  967. .dx-treelist-form-buttons-container {
  968. float: right;
  969. }
  970. .dx-treelist-form-buttons-container .dx-button {
  971. margin-left: 10px;
  972. margin-top: 10px;
  973. }
  974. .dx-treelist-column-chooser {
  975. color: #333;
  976. font-weight: normal;
  977. font-size: 12px;
  978. font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
  979. line-height: 1.33334;
  980. }
  981. .dx-treelist-column-chooser input,
  982. .dx-treelist-column-chooser textarea {
  983. font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
  984. line-height: 1.33334;
  985. }
  986. .dx-treelist-export-menu .dx-menu-item .dx-icon-exportxlsx {
  987. width: 16px;
  988. height: 16px;
  989. background-position: 0px 0px;
  990. background-size: 16px 16px;
  991. padding: 0px;
  992. font-size: 16px;
  993. text-align: center;
  994. line-height: 16px;
  995. }
  996. .dx-treelist-adaptive-more {
  997. cursor: pointer;
  998. font: 14px/1 DXIcons;
  999. width: 21px;
  1000. height: 21px;
  1001. background-position: 0px 0px;
  1002. background-size: 21px 21px;
  1003. padding: 0px;
  1004. font-size: 21px;
  1005. text-align: center;
  1006. line-height: 21px;
  1007. }
  1008. .dx-treelist-adaptive-more:before {
  1009. content: "\f06c";
  1010. }
  1011. .dx-treelist-edit-popup .dx-error-message {
  1012. background-color: #e89895;
  1013. white-space: normal;
  1014. word-wrap: break-word;
  1015. color: #fff;
  1016. margin-bottom: 20px;
  1017. }
  1018. .dx-rtl.dx-treelist .dx-column-lines > td:first-child {
  1019. border-right: none;
  1020. border-left: 1px solid #ddd;
  1021. }
  1022. .dx-rtl.dx-treelist .dx-column-lines > td:last-child {
  1023. border-left: none;
  1024. border-right: 1px solid #ddd;
  1025. }
  1026. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
  1027. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none,
  1028. .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none {
  1029. border-left: 2px solid #ddd;
  1030. }
  1031. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
  1032. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
  1033. .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
  1034. border-right: none;
  1035. }
  1036. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
  1037. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
  1038. .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
  1039. border-left: none;
  1040. }
  1041. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before {
  1042. -webkit-transform: scaleX(-1);
  1043. transform: scaleX(-1);
  1044. }
  1045. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: left"]:before {
  1046. -webkit-transform: scale(1);
  1047. transform: scale(1);
  1048. }
  1049. .dx-rtl .dx-treelist-form-buttons-container {
  1050. float: left;
  1051. }
  1052. .dx-rtl .dx-treelist-form-buttons-container .dx-button {
  1053. margin-left: 0;
  1054. margin-right: 10px;
  1055. }
  1056. .dx-treelist-cell-updated-animation {
  1057. -webkit-animation: dx-treelist-highlight-change 1s;
  1058. animation: dx-treelist-highlight-change 1s;
  1059. }
  1060. @-webkit-keyframes dx-treelist-highlight-change {
  1061. from {
  1062. background-color: rgba(51, 51, 51, 0.08);
  1063. }
  1064. 50% {
  1065. background-color: rgba(51, 51, 51, 0.08);
  1066. }
  1067. }
  1068. @keyframes dx-treelist-highlight-change {
  1069. from {
  1070. background-color: rgba(51, 51, 51, 0.08);
  1071. }
  1072. 50% {
  1073. background-color: rgba(51, 51, 51, 0.08);
  1074. }
  1075. }
  1076. .dx-treeview-node-loadindicator {
  1077. left: auto;
  1078. right: 0px;
  1079. }
  1080. .dx-rtl .dx-treeview-node .dx-checkbox {
  1081. left: auto;
  1082. }
  1083. .dx-validationsummary-item {
  1084. color: #d9534f;
  1085. }
  1086. .dx-validationsummary-item-content {
  1087. border-bottom: 1px dashed;
  1088. display: inline-block;
  1089. line-height: normal;
  1090. }
  1091. .dx-invalid-message > .dx-overlay-content {
  1092. color: #fff;
  1093. background-color: #d9534f;
  1094. }
  1095. .dx-filterbuilder {
  1096. background-color: #fff;
  1097. }
  1098. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text {
  1099. color: #333;
  1100. }
  1101. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation {
  1102. background-color: rgba(217, 83, 79, 0.3);
  1103. }
  1104. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover {
  1105. background-color: rgba(217, 83, 79, 0.5);
  1106. }
  1107. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:focus,
  1108. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation.dx-state-active {
  1109. background-color: #d9534f;
  1110. color: #FFF;
  1111. }
  1112. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field {
  1113. background-color: rgba(51, 122, 183, 0.3);
  1114. }
  1115. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover {
  1116. background-color: rgba(51, 122, 183, 0.5);
  1117. }
  1118. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:focus,
  1119. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field.dx-state-active {
  1120. background-color: #337ab7;
  1121. color: #FFF;
  1122. }
  1123. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation {
  1124. background-color: rgba(92, 184, 92, 0.3);
  1125. }
  1126. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:hover {
  1127. background-color: rgba(92, 184, 92, 0.5);
  1128. }
  1129. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:focus,
  1130. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation.dx-state-active {
  1131. background-color: #5cb85c;
  1132. color: #FFF;
  1133. }
  1134. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text {
  1135. background-color: rgba(221, 221, 221, 0.5);
  1136. }
  1137. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:hover {
  1138. background-color: rgba(221, 221, 221, 0.5);
  1139. }
  1140. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:focus,
  1141. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text.dx-state-active {
  1142. background-color: #dddddd;
  1143. color: #FFF;
  1144. }
  1145. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus {
  1146. color: rgba(92, 184, 92, 0.3);
  1147. }
  1148. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover {
  1149. color: rgba(92, 184, 92, 0.5);
  1150. }
  1151. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:focus,
  1152. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus.dx-state-active {
  1153. color: #5cb85c;
  1154. }
  1155. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove {
  1156. color: rgba(217, 83, 79, 0.3);
  1157. }
  1158. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:hover {
  1159. color: rgba(217, 83, 79, 0.5);
  1160. }
  1161. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:focus {
  1162. color: #d9534f;
  1163. }
  1164. .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon {
  1165. color: #898989;
  1166. width: 14px;
  1167. height: 14px;
  1168. background-position: 0px 0px;
  1169. background-size: 14px 14px;
  1170. padding: 0px;
  1171. font-size: 14px;
  1172. text-align: center;
  1173. line-height: 14px;
  1174. }
  1175. .dx-recurrence-numberbox-interval,
  1176. .dx-recurrence-numberbox-day-of-month,
  1177. .dx-recurrence-selectbox-month-of-year,
  1178. .dx-recurrence-numberbox-repeat-count,
  1179. .dx-recurrence-datebox-until-date,
  1180. .dx-recurrence-switch-repeat-end {
  1181. float: left;
  1182. position: relative !important;
  1183. }
  1184. .dx-recurrence-numberbox-interval.dx-rtl,
  1185. .dx-recurrence-numberbox-day-of-month.dx-rtl,
  1186. .dx-recurrence-selectbox-month-of-year.dx-rtl,
  1187. .dx-recurrence-numberbox-repeat-count.dx-rtl,
  1188. .dx-recurrence-datebox-until-date.dx-rtl,
  1189. .dx-recurrence-switch-repeat-end.dx-rtl {
  1190. float: right;
  1191. }
  1192. .dx-recurrence-numberbox-interval,
  1193. .dx-recurrence-numberbox-day-of-month,
  1194. .dx-recurrence-numberbox-repeat-count {
  1195. width: 70px !important;
  1196. }
  1197. .dx-recurrence-repeat-end-wrapper {
  1198. padding: 0 5px;
  1199. }
  1200. .dx-recurrence-radiogroup-repeat-type-label,
  1201. .dx-recurrence-repeat-end-label {
  1202. display: inline-block;
  1203. padding-right: 5px;
  1204. vertical-align: top;
  1205. }
  1206. .dx-recurrence-radiogroup-repeat-type-label.dx-rtl,
  1207. .dx-recurrence-repeat-end-label.dx-rtl {
  1208. padding-left: 5px;
  1209. padding-right: 0;
  1210. }
  1211. .dx-recurrence-repeat-end-label {
  1212. float: left;
  1213. width: auto;
  1214. white-space: nowrap;
  1215. line-height: 36px;
  1216. }
  1217. .dx-recurrence-selectbox-month-of-year {
  1218. width: 120px !important;
  1219. top: 0 !important;
  1220. }
  1221. .dx-recurrence-checkbox-day-of-week {
  1222. position: relative !important;
  1223. padding-right: 10px;
  1224. }
  1225. .dx-recurrence-radiogroup-repeat-type {
  1226. margin: 0;
  1227. }
  1228. .dx-recurrence-radiogroup-repeat-type .dx-item:first-child {
  1229. padding-bottom: 10px;
  1230. }
  1231. .dx-recurrence-radiogroup-repeat-type.dx-rtl .dx-recurrence-repeat-end-label {
  1232. float: right;
  1233. }
  1234. .dx-recurrence-editor-container .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
  1235. .dx-recurrence-editor-container .dx-field-value-static {
  1236. width: 100%;
  1237. }
  1238. .dx-recurrence-editor-container .dx-field-value:not(.dx-widget) > .dx-checkbox {
  1239. float: left;
  1240. }
  1241. .dx-recurrence-editor-container .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl {
  1242. float: right;
  1243. }
  1244. .dx-recurrence-editor-container .dx-field-label {
  1245. width: auto;
  1246. float: none;
  1247. }
  1248. .dx-theme-generic-typography {
  1249. background-color: #fff;
  1250. color: #333;
  1251. font-weight: normal;
  1252. font-size: 12px;
  1253. font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
  1254. line-height: 1.33334;
  1255. }
  1256. .dx-theme-generic-typography input,
  1257. .dx-theme-generic-typography textarea {
  1258. font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
  1259. line-height: 1.33334;
  1260. }
  1261. .dx-theme-generic-typography h1,
  1262. .dx-theme-generic-typography .dx-font-xl {
  1263. font-weight: 200;
  1264. font-size: 29px;
  1265. }
  1266. .dx-theme-generic-typography h2,
  1267. .dx-theme-generic-typography .dx-font-l {
  1268. font-weight: normal;
  1269. font-size: 24px;
  1270. }
  1271. .dx-theme-generic-typography h3 {
  1272. font-weight: normal;
  1273. font-size: 20px;
  1274. }
  1275. .dx-theme-generic-typography .dx-font-m {
  1276. font-weight: normal;
  1277. font-size: 18px;
  1278. }
  1279. .dx-theme-generic-typography h4,
  1280. .dx-theme-generic-typography .dx-font-s {
  1281. font-weight: 500;
  1282. font-size: 16px;
  1283. }
  1284. .dx-theme-generic-typography h5 {
  1285. font-weight: 700;
  1286. font-size: 14px;
  1287. }
  1288. .dx-theme-generic-typography h6,
  1289. .dx-theme-generic-typography small,
  1290. .dx-theme-generic-typography .dx-font-xs {
  1291. font-weight: 800;
  1292. font-size: 10px;
  1293. }
  1294. .dx-theme-generic-typography a {
  1295. color: #337ab7;
  1296. }
  1297. .dx-theme-marker {
  1298. font-family: "dx.generic.light.compact";
  1299. }
  1300. .dx-theme-accent-as-text-color {
  1301. color: #337ab7 !important;
  1302. }
  1303. .dx-theme-text-color {
  1304. color: #333 !important;
  1305. }
  1306. .dx-theme-background-color-as-text-color {
  1307. color: #fff !important;
  1308. }
  1309. .dx-theme-border-color-as-text-color {
  1310. color: #ddd !important;
  1311. }
  1312. .dx-theme-accent-as-background-color {
  1313. background-color: #337ab7 !important;
  1314. fill: #337ab7 !important;
  1315. }
  1316. .dx-theme-text-color-as-background-color {
  1317. background-color: #333 !important;
  1318. fill: #333 !important;
  1319. }
  1320. .dx-theme-background-color {
  1321. background-color: #fff !important;
  1322. fill: #fff !important;
  1323. }
  1324. .dx-theme-border-color-as-background-color {
  1325. background-color: #ddd !important;
  1326. fill: #ddd !important;
  1327. }
  1328. .dx-theme-accent-as-border-color {
  1329. border-color: #337ab7 !important;
  1330. }
  1331. .dx-theme-text-color-as-border-color {
  1332. border-color: #333 !important;
  1333. }
  1334. .dx-theme-background-color-as-border-color {
  1335. border-color: #fff !important;
  1336. }
  1337. .dx-theme-border-color {
  1338. border-color: #ddd !important;
  1339. }
  1340. @font-face {
  1341. font-family: 'DXIcons';
  1342. src: local("DevExtreme Generic Icons"),
  1343. local("devextreme_generic_icons"),
  1344. url(../fonts/dxicons.woff2) format('woff2'),
  1345. url(../fonts/dxicons.woff) format('woff'),
  1346. url(../fonts/dxicons.ttf) format('truetype');
  1347. font-weight: normal;
  1348. font-style: normal;
  1349. }
  1350. .dx-icon {
  1351. display: inline-block;
  1352. font-size: inherit;
  1353. text-rendering: auto;
  1354. -webkit-font-smoothing: antialiased;
  1355. -moz-osx-font-smoothing: grayscale;
  1356. -webkit-transform: translate(0, 0);
  1357. transform: translate(0, 0);
  1358. }
  1359. .dx-icon-add {
  1360. font: 14px/1 DXIcons;
  1361. }
  1362. .dx-icon-add:before {
  1363. content: "\f00b";
  1364. }
  1365. .dx-icon-airplane {
  1366. font: 14px/1 DXIcons;
  1367. }
  1368. .dx-icon-airplane:before {
  1369. content: "\f000";
  1370. }
  1371. .dx-icon-bookmark {
  1372. font: 14px/1 DXIcons;
  1373. }
  1374. .dx-icon-bookmark:before {
  1375. content: "\f017";
  1376. }
  1377. .dx-icon-box {
  1378. font: 14px/1 DXIcons;
  1379. }
  1380. .dx-icon-box:before {
  1381. content: "\f018";
  1382. }
  1383. .dx-icon-car {
  1384. font: 14px/1 DXIcons;
  1385. }
  1386. .dx-icon-car:before {
  1387. content: "\f01b";
  1388. }
  1389. .dx-icon-card {
  1390. font: 14px/1 DXIcons;
  1391. }
  1392. .dx-icon-card:before {
  1393. content: "\f019";
  1394. }
  1395. .dx-icon-cart {
  1396. font: 14px/1 DXIcons;
  1397. }
  1398. .dx-icon-cart:before {
  1399. content: "\f01a";
  1400. }
  1401. .dx-icon-chart {
  1402. font: 14px/1 DXIcons;
  1403. }
  1404. .dx-icon-chart:before {
  1405. content: "\f01c";
  1406. }
  1407. .dx-icon-check {
  1408. font: 14px/1 DXIcons;
  1409. }
  1410. .dx-icon-check:before {
  1411. content: "\f005";
  1412. }
  1413. .dx-icon-clear {
  1414. font: 14px/1 DXIcons;
  1415. }
  1416. .dx-icon-clear:before {
  1417. content: "\f008";
  1418. }
  1419. .dx-icon-clock {
  1420. font: 14px/1 DXIcons;
  1421. }
  1422. .dx-icon-clock:before {
  1423. content: "\f01d";
  1424. }
  1425. .dx-icon-close {
  1426. font: 14px/1 DXIcons;
  1427. }
  1428. .dx-icon-close:before {
  1429. content: "\f00a";
  1430. }
  1431. .dx-icon-coffee {
  1432. font: 14px/1 DXIcons;
  1433. }
  1434. .dx-icon-coffee:before {
  1435. content: "\f02a";
  1436. }
  1437. .dx-icon-comment {
  1438. font: 14px/1 DXIcons;
  1439. }
  1440. .dx-icon-comment:before {
  1441. content: "\f01e";
  1442. }
  1443. .dx-icon-doc {
  1444. font: 14px/1 DXIcons;
  1445. }
  1446. .dx-icon-doc:before {
  1447. content: "\f021";
  1448. }
  1449. .dx-icon-download {
  1450. font: 14px/1 DXIcons;
  1451. }
  1452. .dx-icon-download:before {
  1453. content: "\f022";
  1454. }
  1455. .dx-icon-dragvertical {
  1456. font: 14px/1 DXIcons;
  1457. }
  1458. .dx-icon-dragvertical:before {
  1459. content: "\f038";
  1460. }
  1461. .dx-icon-edit {
  1462. font: 14px/1 DXIcons;
  1463. }
  1464. .dx-icon-edit:before {
  1465. content: "\f023";
  1466. }
  1467. .dx-icon-email {
  1468. font: 14px/1 DXIcons;
  1469. }
  1470. .dx-icon-email:before {
  1471. content: "\f024";
  1472. }
  1473. .dx-icon-event {
  1474. font: 14px/1 DXIcons;
  1475. }
  1476. .dx-icon-event:before {
  1477. content: "\f026";
  1478. }
  1479. .dx-icon-favorites {
  1480. font: 14px/1 DXIcons;
  1481. }
  1482. .dx-icon-favorites:before {
  1483. content: "\f025";
  1484. }
  1485. .dx-icon-find {
  1486. font: 14px/1 DXIcons;
  1487. }
  1488. .dx-icon-find:before {
  1489. content: "\f027";
  1490. }
  1491. .dx-icon-filter {
  1492. font: 14px/1 DXIcons;
  1493. }
  1494. .dx-icon-filter:before {
  1495. content: "\f050";
  1496. }
  1497. .dx-icon-folder {
  1498. font: 14px/1 DXIcons;
  1499. }
  1500. .dx-icon-folder:before {
  1501. content: "\f028";
  1502. }
  1503. .dx-icon-food {
  1504. font: 14px/1 DXIcons;
  1505. }
  1506. .dx-icon-food:before {
  1507. content: "\f029";
  1508. }
  1509. .dx-icon-gift {
  1510. font: 14px/1 DXIcons;
  1511. }
  1512. .dx-icon-gift:before {
  1513. content: "\f02b";
  1514. }
  1515. .dx-icon-globe {
  1516. font: 14px/1 DXIcons;
  1517. }
  1518. .dx-icon-globe:before {
  1519. content: "\f02c";
  1520. }
  1521. .dx-icon-group {
  1522. font: 14px/1 DXIcons;
  1523. }
  1524. .dx-icon-group:before {
  1525. content: "\f02e";
  1526. }
  1527. .dx-icon-help {
  1528. font: 14px/1 DXIcons;
  1529. }
  1530. .dx-icon-help:before {
  1531. content: "\f02f";
  1532. }
  1533. .dx-icon-home {
  1534. font: 14px/1 DXIcons;
  1535. }
  1536. .dx-icon-home:before {
  1537. content: "\f030";
  1538. }
  1539. .dx-icon-image {
  1540. font: 14px/1 DXIcons;
  1541. }
  1542. .dx-icon-image:before {
  1543. content: "\f031";
  1544. }
  1545. .dx-icon-info {
  1546. font: 14px/1 DXIcons;
  1547. }
  1548. .dx-icon-info:before {
  1549. content: "\f032";
  1550. }
  1551. .dx-icon-key {
  1552. font: 14px/1 DXIcons;
  1553. }
  1554. .dx-icon-key:before {
  1555. content: "\f033";
  1556. }
  1557. .dx-icon-like {
  1558. font: 14px/1 DXIcons;
  1559. }
  1560. .dx-icon-like:before {
  1561. content: "\f034";
  1562. }
  1563. .dx-icon-map {
  1564. font: 14px/1 DXIcons;
  1565. }
  1566. .dx-icon-map:before {
  1567. content: "\f035";
  1568. }
  1569. .dx-icon-menu {
  1570. font: 14px/1 DXIcons;
  1571. }
  1572. .dx-icon-menu:before {
  1573. content: "\f00c";
  1574. }
  1575. .dx-icon-message {
  1576. font: 14px/1 DXIcons;
  1577. }
  1578. .dx-icon-message:before {
  1579. content: "\f024";
  1580. }
  1581. .dx-icon-money {
  1582. font: 14px/1 DXIcons;
  1583. }
  1584. .dx-icon-money:before {
  1585. content: "\f036";
  1586. }
  1587. .dx-icon-music {
  1588. font: 14px/1 DXIcons;
  1589. }
  1590. .dx-icon-music:before {
  1591. content: "\f037";
  1592. }
  1593. .dx-icon-overflow {
  1594. font: 14px/1 DXIcons;
  1595. }
  1596. .dx-icon-overflow:before {
  1597. content: "\f00d";
  1598. }
  1599. .dx-icon-percent {
  1600. font: 14px/1 DXIcons;
  1601. }
  1602. .dx-icon-percent:before {
  1603. content: "\f039";
  1604. }
  1605. .dx-icon-photo {
  1606. font: 14px/1 DXIcons;
  1607. }
  1608. .dx-icon-photo:before {
  1609. content: "\f03a";
  1610. }
  1611. .dx-icon-plus {
  1612. font: 14px/1 DXIcons;
  1613. }
  1614. .dx-icon-plus:before {
  1615. content: "\f00b";
  1616. }
  1617. .dx-icon-preferences {
  1618. font: 14px/1 DXIcons;
  1619. }
  1620. .dx-icon-preferences:before {
  1621. content: "\f03b";
  1622. }
  1623. .dx-icon-product {
  1624. font: 14px/1 DXIcons;
  1625. }
  1626. .dx-icon-product:before {
  1627. content: "\f03c";
  1628. }
  1629. .dx-icon-pulldown {
  1630. font: 14px/1 DXIcons;
  1631. }
  1632. .dx-icon-pulldown:before {
  1633. content: "\f062";
  1634. }
  1635. .dx-icon-refresh {
  1636. font: 14px/1 DXIcons;
  1637. }
  1638. .dx-icon-refresh:before {
  1639. content: "\f03d";
  1640. }
  1641. .dx-icon-remove {
  1642. font: 14px/1 DXIcons;
  1643. }
  1644. .dx-icon-remove:before {
  1645. content: "\f00a";
  1646. }
  1647. .dx-icon-revert {
  1648. font: 14px/1 DXIcons;
  1649. }
  1650. .dx-icon-revert:before {
  1651. content: "\f04c";
  1652. }
  1653. .dx-icon-runner {
  1654. font: 14px/1 DXIcons;
  1655. }
  1656. .dx-icon-runner:before {
  1657. content: "\f040";
  1658. }
  1659. .dx-icon-save {
  1660. font: 14px/1 DXIcons;
  1661. }
  1662. .dx-icon-save:before {
  1663. content: "\f041";
  1664. }
  1665. .dx-icon-search {
  1666. font: 14px/1 DXIcons;
  1667. }
  1668. .dx-icon-search:before {
  1669. content: "\f027";
  1670. }
  1671. .dx-icon-tags {
  1672. font: 14px/1 DXIcons;
  1673. }
  1674. .dx-icon-tags:before {
  1675. content: "\f009";
  1676. }
  1677. .dx-icon-tel {
  1678. font: 14px/1 DXIcons;
  1679. }
  1680. .dx-icon-tel:before {
  1681. content: "\f003";
  1682. }
  1683. .dx-icon-tips {
  1684. font: 14px/1 DXIcons;
  1685. }
  1686. .dx-icon-tips:before {
  1687. content: "\f004";
  1688. }
  1689. .dx-icon-todo {
  1690. font: 14px/1 DXIcons;
  1691. }
  1692. .dx-icon-todo:before {
  1693. content: "\f005";
  1694. }
  1695. .dx-icon-toolbox {
  1696. font: 14px/1 DXIcons;
  1697. }
  1698. .dx-icon-toolbox:before {
  1699. content: "\f007";
  1700. }
  1701. .dx-icon-trash {
  1702. font: 14px/1 DXIcons;
  1703. }
  1704. .dx-icon-trash:before {
  1705. content: "\f03e";
  1706. }
  1707. .dx-icon-user {
  1708. font: 14px/1 DXIcons;
  1709. }
  1710. .dx-icon-user:before {
  1711. content: "\f02d";
  1712. }
  1713. .dx-icon-upload {
  1714. font: 14px/1 DXIcons;
  1715. }
  1716. .dx-icon-upload:before {
  1717. content: "\f006";
  1718. }
  1719. .dx-icon-floppy {
  1720. font: 14px/1 DXIcons;
  1721. }
  1722. .dx-icon-floppy:before {
  1723. content: "\f073";
  1724. }
  1725. .dx-icon-arrowleft {
  1726. font: 14px/1 DXIcons;
  1727. }
  1728. .dx-icon-arrowleft:before {
  1729. content: "\f011";
  1730. }
  1731. .dx-icon-arrowdown {
  1732. font: 14px/1 DXIcons;
  1733. }
  1734. .dx-icon-arrowdown:before {
  1735. content: "\f015";
  1736. }
  1737. .dx-icon-arrowright {
  1738. font: 14px/1 DXIcons;
  1739. }
  1740. .dx-icon-arrowright:before {
  1741. content: "\f00e";
  1742. }
  1743. .dx-icon-arrowup {
  1744. font: 14px/1 DXIcons;
  1745. }
  1746. .dx-icon-arrowup:before {
  1747. content: "\f013";
  1748. }
  1749. .dx-icon-spinleft {
  1750. font: 14px/1 DXIcons;
  1751. }
  1752. .dx-icon-spinleft:before {
  1753. content: "\f04f";
  1754. }
  1755. .dx-icon-spinright {
  1756. font: 14px/1 DXIcons;
  1757. }
  1758. .dx-icon-spinright:before {
  1759. content: "\f04e";
  1760. }
  1761. .dx-icon-spinnext {
  1762. font: 14px/1 DXIcons;
  1763. }
  1764. .dx-icon-spinnext:before {
  1765. content: "\f04e";
  1766. }
  1767. .dx-rtl .dx-icon-spinnext:before {
  1768. content: "\f04f";
  1769. }
  1770. .dx-icon-spinprev {
  1771. font: 14px/1 DXIcons;
  1772. }
  1773. .dx-icon-spinprev:before {
  1774. content: "\f04f";
  1775. }
  1776. .dx-rtl .dx-icon-spinprev:before {
  1777. content: "\f04e";
  1778. }
  1779. .dx-icon-spindown {
  1780. font: 14px/1 DXIcons;
  1781. }
  1782. .dx-icon-spindown:before {
  1783. content: "\f001";
  1784. }
  1785. .dx-icon-spinup {
  1786. font: 14px/1 DXIcons;
  1787. }
  1788. .dx-icon-spinup:before {
  1789. content: "\f002";
  1790. }
  1791. .dx-icon-chevronleft {
  1792. font: 14px/1 DXIcons;
  1793. }
  1794. .dx-icon-chevronleft:before {
  1795. content: "\f012";
  1796. }
  1797. .dx-icon-chevronright {
  1798. font: 14px/1 DXIcons;
  1799. }
  1800. .dx-icon-chevronright:before {
  1801. content: "\f010";
  1802. }
  1803. .dx-icon-chevronnext {
  1804. font: 14px/1 DXIcons;
  1805. }
  1806. .dx-icon-chevronnext:before {
  1807. content: "\f010";
  1808. }
  1809. .dx-rtl .dx-icon-chevronnext:before {
  1810. content: "\f012";
  1811. }
  1812. .dx-icon-chevronprev {
  1813. font: 14px/1 DXIcons;
  1814. }
  1815. .dx-icon-chevronprev:before {
  1816. content: "\f012";
  1817. }
  1818. .dx-rtl .dx-icon-chevronprev:before {
  1819. content: "\f010";
  1820. }
  1821. .dx-icon-chevrondown {
  1822. font: 14px/1 DXIcons;
  1823. }
  1824. .dx-icon-chevrondown:before {
  1825. content: "\f016";
  1826. }
  1827. .dx-icon-chevronup {
  1828. font: 14px/1 DXIcons;
  1829. }
  1830. .dx-icon-chevronup:before {
  1831. content: "\f014";
  1832. }
  1833. .dx-icon-chevrondoubleleft {
  1834. font: 14px/1 DXIcons;
  1835. }
  1836. .dx-icon-chevrondoubleleft:before {
  1837. content: "\f042";
  1838. }
  1839. .dx-icon-chevrondoubleright {
  1840. font: 14px/1 DXIcons;
  1841. }
  1842. .dx-icon-chevrondoubleright:before {
  1843. content: "\f043";
  1844. }
  1845. .dx-icon-equal {
  1846. font: 14px/1 DXIcons;
  1847. }
  1848. .dx-icon-equal:before {
  1849. content: "\f044";
  1850. }
  1851. .dx-icon-notequal {
  1852. font: 14px/1 DXIcons;
  1853. }
  1854. .dx-icon-notequal:before {
  1855. content: "\f045";
  1856. }
  1857. .dx-icon-less {
  1858. font: 14px/1 DXIcons;
  1859. }
  1860. .dx-icon-less:before {
  1861. content: "\f046";
  1862. }
  1863. .dx-icon-greater {
  1864. font: 14px/1 DXIcons;
  1865. }
  1866. .dx-icon-greater:before {
  1867. content: "\f047";
  1868. }
  1869. .dx-icon-lessorequal {
  1870. font: 14px/1 DXIcons;
  1871. }
  1872. .dx-icon-lessorequal:before {
  1873. content: "\f048";
  1874. }
  1875. .dx-icon-greaterorequal {
  1876. font: 14px/1 DXIcons;
  1877. }
  1878. .dx-icon-greaterorequal:before {
  1879. content: "\f049";
  1880. }
  1881. .dx-icon-isblank {
  1882. font: 14px/1 DXIcons;
  1883. }
  1884. .dx-icon-isblank:before {
  1885. content: "\f075";
  1886. }
  1887. .dx-icon-isnotblank {
  1888. font: 14px/1 DXIcons;
  1889. }
  1890. .dx-icon-isnotblank:before {
  1891. content: "\f076";
  1892. }
  1893. .dx-icon-sortup {
  1894. font: 14px/1 DXIcons;
  1895. }
  1896. .dx-icon-sortup:before {
  1897. content: "\f051";
  1898. }
  1899. .dx-icon-sortdown {
  1900. font: 14px/1 DXIcons;
  1901. }
  1902. .dx-icon-sortdown:before {
  1903. content: "\f052";
  1904. }
  1905. .dx-icon-sortuptext {
  1906. font: 14px/1 DXIcons;
  1907. }
  1908. .dx-icon-sortuptext:before {
  1909. content: "\f053";
  1910. }
  1911. .dx-icon-sortdowntext {
  1912. font: 14px/1 DXIcons;
  1913. }
  1914. .dx-icon-sortdowntext:before {
  1915. content: "\f054";
  1916. }
  1917. .dx-icon-sorted {
  1918. font: 14px/1 DXIcons;
  1919. }
  1920. .dx-icon-sorted:before {
  1921. content: "\f055";
  1922. }
  1923. .dx-icon-expand {
  1924. font: 14px/1 DXIcons;
  1925. }
  1926. .dx-icon-expand:before {
  1927. content: "\f04a";
  1928. }
  1929. .dx-icon-collapse {
  1930. font: 14px/1 DXIcons;
  1931. }
  1932. .dx-icon-collapse:before {
  1933. content: "\f04b";
  1934. }
  1935. .dx-icon-columnfield {
  1936. font: 14px/1 DXIcons;
  1937. }
  1938. .dx-icon-columnfield:before {
  1939. content: "\f057";
  1940. }
  1941. .dx-icon-rowfield {
  1942. font: 14px/1 DXIcons;
  1943. }
  1944. .dx-icon-rowfield:before {
  1945. content: "\f058";
  1946. }
  1947. .dx-icon-datafield {
  1948. font: 14px/1 DXIcons;
  1949. }
  1950. .dx-icon-datafield:before {
  1951. content: "\f056";
  1952. }
  1953. .dx-icon-fields {
  1954. font: 14px/1 DXIcons;
  1955. }
  1956. .dx-icon-fields:before {
  1957. content: "\f059";
  1958. }
  1959. .dx-icon-fieldchooser {
  1960. font: 14px/1 DXIcons;
  1961. }
  1962. .dx-icon-fieldchooser:before {
  1963. content: "\f05a";
  1964. }
  1965. .dx-icon-columnchooser {
  1966. font: 14px/1 DXIcons;
  1967. }
  1968. .dx-icon-columnchooser:before {
  1969. content: "\f04d";
  1970. }
  1971. .dx-icon-pin {
  1972. font: 14px/1 DXIcons;
  1973. }
  1974. .dx-icon-pin:before {
  1975. content: "\f05b";
  1976. }
  1977. .dx-icon-unpin {
  1978. font: 14px/1 DXIcons;
  1979. }
  1980. .dx-icon-unpin:before {
  1981. content: "\f05c";
  1982. }
  1983. .dx-icon-pinleft {
  1984. font: 14px/1 DXIcons;
  1985. }
  1986. .dx-icon-pinleft:before {
  1987. content: "\f05d";
  1988. }
  1989. .dx-icon-pinright {
  1990. font: 14px/1 DXIcons;
  1991. }
  1992. .dx-icon-pinright:before {
  1993. content: "\f05e";
  1994. }
  1995. .dx-icon-contains {
  1996. font: 14px/1 DXIcons;
  1997. }
  1998. .dx-icon-contains:before {
  1999. content: "\f063";
  2000. }
  2001. .dx-icon-startswith {
  2002. font: 14px/1 DXIcons;
  2003. }
  2004. .dx-icon-startswith:before {
  2005. content: "\f064";
  2006. }
  2007. .dx-icon-endswith {
  2008. font: 14px/1 DXIcons;
  2009. }
  2010. .dx-icon-endswith:before {
  2011. content: "\f065";
  2012. }
  2013. .dx-icon-doesnotcontain {
  2014. font: 14px/1 DXIcons;
  2015. }
  2016. .dx-icon-doesnotcontain:before {
  2017. content: "\f066";
  2018. }
  2019. .dx-icon-range {
  2020. font: 14px/1 DXIcons;
  2021. }
  2022. .dx-icon-range:before {
  2023. content: "\f06a";
  2024. }
  2025. .dx-icon-export {
  2026. font: 14px/1 DXIcons;
  2027. }
  2028. .dx-icon-export:before {
  2029. content: "\f05f";
  2030. }
  2031. .dx-icon-exportxlsx {
  2032. font: 14px/1 DXIcons;
  2033. }
  2034. .dx-icon-exportxlsx:before {
  2035. content: "\f060";
  2036. }
  2037. .dx-icon-exportpdf {
  2038. font: 14px/1 DXIcons;
  2039. }
  2040. .dx-icon-exportpdf:before {
  2041. content: "\f061";
  2042. }
  2043. .dx-icon-exportselected {
  2044. font: 14px/1 DXIcons;
  2045. }
  2046. .dx-icon-exportselected:before {
  2047. content: "\f06d";
  2048. }
  2049. .dx-icon-warning {
  2050. font: 14px/1 DXIcons;
  2051. }
  2052. .dx-icon-warning:before {
  2053. content: "\f06b";
  2054. }
  2055. .dx-icon-more {
  2056. font: 14px/1 DXIcons;
  2057. }
  2058. .dx-icon-more:before {
  2059. content: "\f06c";
  2060. }
  2061. .dx-icon-square {
  2062. font: 14px/1 DXIcons;
  2063. }
  2064. .dx-icon-square:before {
  2065. content: "\f067";
  2066. }
  2067. .dx-icon-clearsquare {
  2068. font: 14px/1 DXIcons;
  2069. }
  2070. .dx-icon-clearsquare:before {
  2071. content: "\f068";
  2072. }
  2073. .dx-icon-back {
  2074. font: 14px/1 DXIcons;
  2075. }
  2076. .dx-icon-back:before {
  2077. content: "\f012";
  2078. }
  2079. .dx-rtl .dx-icon-back:before {
  2080. content: "\f010";
  2081. }
  2082. .dx-icon-repeat {
  2083. font: 14px/1 DXIcons;
  2084. }
  2085. .dx-icon-repeat:before {
  2086. content: "\f069";
  2087. }
  2088. .dx-icon-selectall {
  2089. font: 14px/1 DXIcons;
  2090. }
  2091. .dx-icon-selectall:before {
  2092. content: "\f070";
  2093. }
  2094. .dx-icon-unselectall {
  2095. font: 14px/1 DXIcons;
  2096. }
  2097. .dx-icon-unselectall:before {
  2098. content: "\f071";
  2099. }
  2100. .dx-icon-print {
  2101. font: 14px/1 DXIcons;
  2102. }
  2103. .dx-icon-print:before {
  2104. content: "\f072";
  2105. }
  2106. .dx-icon-bold {
  2107. font: 14px/1 DXIcons;
  2108. }
  2109. .dx-icon-bold:before {
  2110. content: "\f077";
  2111. }
  2112. .dx-icon-italic {
  2113. font: 14px/1 DXIcons;
  2114. }
  2115. .dx-icon-italic:before {
  2116. content: "\f078";
  2117. }
  2118. .dx-icon-underline {
  2119. font: 14px/1 DXIcons;
  2120. }
  2121. .dx-icon-underline:before {
  2122. content: "\f079";
  2123. }
  2124. .dx-icon-strike {
  2125. font: 14px/1 DXIcons;
  2126. }
  2127. .dx-icon-strike:before {
  2128. content: "\f07a";
  2129. }
  2130. .dx-icon-indent {
  2131. font: 14px/1 DXIcons;
  2132. }
  2133. .dx-icon-indent:before {
  2134. content: "\f07b";
  2135. }
  2136. .dx-icon-fontsize {
  2137. font: 14px/1 DXIcons;
  2138. }
  2139. .dx-icon-fontsize:before {
  2140. content: "\f07c";
  2141. }
  2142. .dx-icon-growfont {
  2143. font: 14px/1 DXIcons;
  2144. }
  2145. .dx-icon-growfont:before {
  2146. content: "\f07d";
  2147. }
  2148. .dx-icon-shrinkfont {
  2149. font: 14px/1 DXIcons;
  2150. }
  2151. .dx-icon-shrinkfont:before {
  2152. content: "\f07e";
  2153. }
  2154. .dx-icon-color {
  2155. font: 14px/1 DXIcons;
  2156. }
  2157. .dx-icon-color:before {
  2158. content: "\f07f";
  2159. }
  2160. .dx-icon-background {
  2161. font: 14px/1 DXIcons;
  2162. }
  2163. .dx-icon-background:before {
  2164. content: "\f080";
  2165. }
  2166. .dx-icon-superscript {
  2167. font: 14px/1 DXIcons;
  2168. }
  2169. .dx-icon-superscript:before {
  2170. content: "\f081";
  2171. }
  2172. .dx-icon-subscript {
  2173. font: 14px/1 DXIcons;
  2174. }
  2175. .dx-icon-subscript:before {
  2176. content: "\f082";
  2177. }
  2178. .dx-icon-header {
  2179. font: 14px/1 DXIcons;
  2180. }
  2181. .dx-icon-header:before {
  2182. content: "\f083";
  2183. }
  2184. .dx-icon-blockquote {
  2185. font: 14px/1 DXIcons;
  2186. }
  2187. .dx-icon-blockquote:before {
  2188. content: "\f084";
  2189. }
  2190. .dx-icon-formula {
  2191. font: 14px/1 DXIcons;
  2192. }
  2193. .dx-icon-formula:before {
  2194. content: "\f056";
  2195. }
  2196. .dx-icon-codeblock {
  2197. font: 14px/1 DXIcons;
  2198. }
  2199. .dx-icon-codeblock:before {
  2200. content: "\f085";
  2201. }
  2202. .dx-icon-orderedlist {
  2203. font: 14px/1 DXIcons;
  2204. }
  2205. .dx-icon-orderedlist:before {
  2206. content: "\f086";
  2207. }
  2208. .dx-icon-bulletlist {
  2209. font: 14px/1 DXIcons;
  2210. }
  2211. .dx-icon-bulletlist:before {
  2212. content: "\f087";
  2213. }
  2214. .dx-icon-increaseindent {
  2215. font: 14px/1 DXIcons;
  2216. }
  2217. .dx-icon-increaseindent:before {
  2218. content: "\f088";
  2219. }
  2220. .dx-icon-decreaseindent {
  2221. font: 14px/1 DXIcons;
  2222. }
  2223. .dx-icon-decreaseindent:before {
  2224. content: "\f089";
  2225. }
  2226. .dx-icon-alignleft {
  2227. font: 14px/1 DXIcons;
  2228. }
  2229. .dx-icon-alignleft:before {
  2230. content: "\f08a";
  2231. }
  2232. .dx-icon-alignright {
  2233. font: 14px/1 DXIcons;
  2234. }
  2235. .dx-icon-alignright:before {
  2236. content: "\f08b";
  2237. }
  2238. .dx-icon-aligncenter {
  2239. font: 14px/1 DXIcons;
  2240. }
  2241. .dx-icon-aligncenter:before {
  2242. content: "\f08c";
  2243. }
  2244. .dx-icon-alignjustify {
  2245. font: 14px/1 DXIcons;
  2246. }
  2247. .dx-icon-alignjustify:before {
  2248. content: "\f08d";
  2249. }
  2250. .dx-icon-link {
  2251. font: 14px/1 DXIcons;
  2252. }
  2253. .dx-icon-link:before {
  2254. content: "\f08e";
  2255. }
  2256. .dx-icon-video {
  2257. font: 14px/1 DXIcons;
  2258. }
  2259. .dx-icon-video:before {
  2260. content: "\f08f";
  2261. }
  2262. .dx-icon-mention {
  2263. font: 14px/1 DXIcons;
  2264. }
  2265. .dx-icon-mention:before {
  2266. content: "\f090";
  2267. }
  2268. .dx-icon-variable {
  2269. font: 14px/1 DXIcons;
  2270. }
  2271. .dx-icon-variable:before {
  2272. content: "\f091";
  2273. }
  2274. .dx-icon-clearformat {
  2275. font: 14px/1 DXIcons;
  2276. }
  2277. .dx-icon-clearformat:before {
  2278. content: "\f092";
  2279. }
  2280. .dx-icon-undo {
  2281. font: 14px/1 DXIcons;
  2282. }
  2283. .dx-icon-undo:before {
  2284. content: "\f04c";
  2285. }
  2286. .dx-rtl .dx-icon-undo:before {
  2287. content: "\f093";
  2288. }
  2289. .dx-icon-redo {
  2290. font: 14px/1 DXIcons;
  2291. }
  2292. .dx-icon-redo:before {
  2293. content: "\f093";
  2294. }
  2295. .dx-rtl .dx-icon-redo:before {
  2296. content: "\f04c";
  2297. }
  2298. .dx-tab .dx-icon,
  2299. .dx-tab.dx-tab-selected .dx-icon {
  2300. background-size: 100% 100%;
  2301. background-position: 50% 50%;
  2302. }
  2303. .dx-scrollview-pulldown {
  2304. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==);
  2305. background-position: 0 0;
  2306. background-repeat: no-repeat;
  2307. }
  2308. .dx-loadindicator-image {
  2309. background-image: url(data:image/gif;base64,R0lGODlhIAAgAIABADI6Rf///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAIAAgAAACQIyPqcutAJyUMM6bKt5B8+t9FCROYcmQqKOuS+tmVvzM9AHf+s6L+X0C/mjDWFDY6xRdR+Jy1TQ+oVNUxZbkFAAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnGDaUK8EWT/ufV3IgGQznomprmlrcCwsv2cNH3iOyXw/a+1+PWKR6EPahMtbkNZ0GmPRqfUaKQAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnLTai3MGCHhtfKEIciN4fJ6JBhzZvmy8tmltu7i9zmif08F+Mp5puGH5krdYYskLSqfUqvVqKAAAIfkECQkAAQAsAAAAACAAIAAAAkOMj6nL7Q+jnBBYGi3AT3Pnfc0lMmGpkGi6rYnqBhvszm0sy3es7fXJm+EMF9+qZSzRgsPD8phEAX9RZVX0bGq3XEYBACH5BAkJAAEALAAAAAAgACAAAAI+jI+pywnQYntPWkThvXTv7llgGI3kpJ1oqi5Vi8KTPNOujef6nrO63+MFXjugjdgzykxHZFOpyvyYNKdQUQAAIfkECQkAAQAsAAAAACAAIAAAAjiMjwa76e+YhDTOitHNnPEfeGAmjlhjnkBKsq0Lx/JM1/aN5/rO91q+AgpxqFqJdoxtYJKkawkpAAAh+QQJCQABACwAAAAAIAAgAAACNoyPBsucD1WbLtoGl414+1R9ojKW5omm6sq27gvH8kzX9o3n+s73B0ADyjQn4aNjolBWSuKmAAAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1GbLdrAIL081g5KTkiW5omm6sq27gvH8kzX9o3n+s6/y5yRTS6jEmWzOoIKACH5BAkJAAEALAAAAAAgACAAAAI3jI8Ju+n/mGSwWjOvdnL7Q31eKGpkaZ0o1KzuC8fyTNf2jef6ztetrZoFZcNYEXZEJl0TQG9TAAAh+QQJCQABACwAAAAAIAAgAAACP4yPqcudAIGbLUqKkc08xJ59ICWOTmkyUHqurHq9iis/dH3c+M73PqvDBWtDYoxXlCVfyxRq9xQ2nVNT9NcpAAAh+QQJCQABACwAAAAAIAAgAAACPoyPqcvtD6OUAMwbKqZ2v9p5jSY6ZLmAKHOuSOseYBjPsazeWX7but/j6XZDA6xXNNJ+y1rTmTRGM9OqtVQAACH5BAkJAAEALAAAAAAgACAAAAJAjI+py+0Po5y02osbyG8jzwUAOIYHCYalmHLlahojHM+tOsdnrrO0aeuxRMJXL/fLwG4X3hCXYgqn1Kr1ihUWAAAh+QQJCQABACwAAAAAIAAgAAACQ4yPqcvtD6OcEQBaL35Wb9Z9jiU2ZAl6aHKuhqa6V+sGc7x2OKrXB7krAX2vGdEWFCaVR+TyQ6uFiFNf1RptarfcRAEAIfkECQkAAQAsAAAAACAAIAAAAj6Mj6nLCdBie09aROG9dO/uWWAoVWSpnVGqMmbrwqs80faN5/rB5j3+s718QdkIWIQdhUNmUrU0RpVT6s5SAAAh+QQJCQABACwAAAAAIAAgAAACOoyPBgvp/5iENLKK081crd59YDiSJdecWKq27gvH8kzX9o3n+snW/SyiBYHD2Ib4e01kkmSpWVQ1MwUAIfkECQkAAQAsAAAAACAAIAAAAjWMjwbLnA9Pmy7aFoG9envYfaI0luaJpurKtu4Lx/JM1/aN5/rO96RceWFMC1CwREmqkkVPAQAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1ObLNrg7Lxcrw5KWUiW5omm6sq27gvH8kzX9o3n+s67n9wAbh4VE+W4QnYKACH5BAkJAAEALAAAAAAgACAAAAI2jI+py30Ao5stAoqVzHxz7H1TKFZQSZ3oyrbuC8fyTNf2jeeyOpOw/wK6hC0LzXLpIY1BJqYAADs=);
  2310. background-position: center center;
  2311. background-repeat: no-repeat;
  2312. }
  2313. .dx-loadindicator-image-small {
  2314. background-image: url(data:image/gif;base64,R0lGODlhFAAUAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAFAAUAAACI4yPqZsADM+LcNJlb9Mq8+B8iCeWBqmFJnqpJUu5ojzDplIAACH5BAkJAAEALAAAAAAUABQAAAIhjI+py+3gXmxwrmoRzgZ4fnxgIIIl523o2KmZ+7KdTIMFACH5BAkJAAIALAAAAAAUABQAAAIflI+py+0Po4zAgDptFhXP60ngNmYdyaGBiYXbC8dwAQAh+QQJCQADACwAAAAAFAAUAAACIpyPqcsL3cCDSlJ368xnc+Nx1geG2Uiin3mpIlnC7gnXTAEAIfkECQkAAwAsAAAAABQAFAAAAiKcD6e74AxRivHRenGGc6vuIWEzluaJbuC4eq36XlboxGUBACH5BAkJAAMALAAAAAAUABQAAAIjnA8Jx226nBxp2mpnzG7z5n3iSJbmiaaqFIrt93LYOMP1UQAAIfkECQkAAwAsAAAAABQAFAAAAh2cD6l53eyiA7Iii7PevPsPhuJIluZpUB6ELWxTAAAh+QQJCQADACwAAAAAFAAUAAACHZx/oMit/5p0a9oBrt68+w+G4kiW5rllYbRCLFIAACH5BAkJAAMALAAAAAAUABQAAAIenH+ggO24noRq2molzo3xD4biSJbmSXqpuYlR2ToFACH5BAkJAAMALAAAAAAUABQAAAIhnI+pi+AMzYsQ0HrXzI2n7Q1WSJbMSKIh6Kmty7GtKWUFACH5BAkJAAMALAAAAAAUABQAAAIinI+py+3gXmxwKlAtytpgrmHdIY5DOX6mt56t24Kd/NZMAQAh+QQJCQADACwAAAAAFAAUAAACIZyPqcvtD6OMwIA6w8Czcnl91DVZW3mKkIeqK+ai8kyXBQAh+QQJCQADACwAAAAAFAAUAAACI5yPqcsL3cCDSlJ368xn82F9RiiSn8l5pziqmXuhMUzR7F0AACH5BAkJAAMALAAAAAAUABQAAAIfnI+pB70/HFxyKmBp1rv7D4aMiIXld6KmmW6V+7pKAQAh+QQJCQADACwAAAAAFAAUAAACIZw/oMi9Dc2LEVBqL8y6+w+G4kiWJBein+pNK4sp8CY3BQAh+QQJCQADACwAAAAAFAAUAAACHZw/oIt96iICstqLs968+w+G4kh+VHdukLW06VEAACH5BAkJAAMALAAAAAAUABQAAAIbnI+pCu29InKygoqz3rz7D4biSJbZ9VHpoyIFACH5BAkJAAMALAAAAAAUABQAAAIfnI8AyM26nDxq2hGvy7r7D4biSJYg51WiGkKju8JOAQA7);
  2315. background-position: center center;
  2316. background-repeat: no-repeat;
  2317. }
  2318. .dx-loadindicator-image-large {
  2319. background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7);
  2320. background-position: center center;
  2321. background-repeat: no-repeat;
  2322. }
  2323. .dx-widget {
  2324. color: #333;
  2325. font-weight: normal;
  2326. font-size: 12px;
  2327. font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
  2328. line-height: 1.33334;
  2329. }
  2330. .dx-widget input,
  2331. .dx-widget textarea {
  2332. font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
  2333. line-height: 1.33334;
  2334. }
  2335. .dx-state-disabled.dx-widget,
  2336. .dx-state-disabled .dx-widget {
  2337. opacity: 0.5;
  2338. -webkit-user-select: none;
  2339. -moz-user-select: none;
  2340. -ms-user-select: none;
  2341. user-select: none;
  2342. -webkit-touch-callout: none;
  2343. zoom: 1;
  2344. cursor: default;
  2345. }
  2346. .dx-state-disabled.dx-widget .dx-widget,
  2347. .dx-state-disabled .dx-widget .dx-widget {
  2348. opacity: 1;
  2349. }
  2350. .dx-badge {
  2351. background-color: #337ab7;
  2352. color: #fff;
  2353. font-size: 11px;
  2354. padding: 0 5px 2px;
  2355. line-height: normal;
  2356. }
  2357. .dx-box-item-content {
  2358. font-size: 12px;
  2359. }
  2360. .dx-button-content {
  2361. line-height: 0;
  2362. }
  2363. .dx-button-text {
  2364. display: inline-block;
  2365. line-height: normal;
  2366. }
  2367. .dx-button a {
  2368. text-decoration: none;
  2369. }
  2370. .dx-button .dx-button-content {
  2371. padding: 5px;
  2372. }
  2373. .dx-button .dx-icon {
  2374. color: #333;
  2375. width: 14px;
  2376. height: 14px;
  2377. background-position: 0px 0px;
  2378. background-size: 14px 14px;
  2379. padding: 0px;
  2380. font-size: 14px;
  2381. text-align: center;
  2382. line-height: 14px;
  2383. margin-right: 0;
  2384. margin-left: 0;
  2385. }
  2386. .dx-rtl .dx-button .dx-icon,
  2387. .dx-rtl.dx-button .dx-icon {
  2388. margin-left: 0;
  2389. margin-right: 0;
  2390. }
  2391. .dx-button-has-icon .dx-button-content {
  2392. padding: 5px;
  2393. }
  2394. .dx-button-has-icon .dx-icon {
  2395. color: #333;
  2396. width: 14px;
  2397. height: 14px;
  2398. background-position: 0px 0px;
  2399. background-size: 14px 14px;
  2400. padding: 0px;
  2401. font-size: 14px;
  2402. text-align: center;
  2403. line-height: 14px;
  2404. margin-right: 0;
  2405. margin-left: 0;
  2406. }
  2407. .dx-rtl .dx-button-has-icon .dx-icon,
  2408. .dx-rtl.dx-button-has-icon .dx-icon {
  2409. margin-left: 0;
  2410. margin-right: 0;
  2411. }
  2412. .dx-button-has-text .dx-button-content {
  2413. padding: 4px 10px 4px;
  2414. }
  2415. .dx-button-has-text .dx-icon {
  2416. color: #333;
  2417. width: 14px;
  2418. height: 14px;
  2419. background-position: 0px 0px;
  2420. background-size: 14px 14px;
  2421. padding: 0px;
  2422. font-size: 14px;
  2423. text-align: center;
  2424. line-height: 14px;
  2425. margin-right: 7px;
  2426. margin-left: 0;
  2427. }
  2428. .dx-rtl .dx-button-has-text .dx-icon,
  2429. .dx-rtl.dx-button-has-text .dx-icon {
  2430. margin-left: 7px;
  2431. margin-right: 0;
  2432. }
  2433. .dx-button-back .dx-button-content {
  2434. padding: 5px;
  2435. }
  2436. .dx-button-back .dx-icon {
  2437. color: #333;
  2438. width: 14px;
  2439. height: 14px;
  2440. background-position: 0px 0px;
  2441. background-size: 14px 14px;
  2442. padding: 0px;
  2443. font-size: 14px;
  2444. text-align: center;
  2445. line-height: 14px;
  2446. margin-right: 0;
  2447. margin-left: 0;
  2448. }
  2449. .dx-rtl .dx-button-back .dx-icon,
  2450. .dx-rtl.dx-button-back .dx-icon {
  2451. margin-left: 0;
  2452. margin-right: 0;
  2453. }
  2454. .dx-button-back .dx-button-text {
  2455. display: none;
  2456. }
  2457. .dx-button {
  2458. border-radius: 4px;
  2459. border-width: 1px;
  2460. border-style: solid;
  2461. }
  2462. .dx-state-disabled.dx-button .dx-icon,
  2463. .dx-state-disabled .dx-button .dx-icon {
  2464. opacity: 0.6;
  2465. }
  2466. .dx-state-disabled.dx-button .dx-button-text,
  2467. .dx-state-disabled .dx-button .dx-button-text {
  2468. opacity: 0.5;
  2469. }
  2470. .dx-button-mode-contained {
  2471. background-color: #fff;
  2472. border-color: #ddd;
  2473. color: #333;
  2474. }
  2475. .dx-button-mode-contained .dx-icon {
  2476. color: #333;
  2477. }
  2478. .dx-button-mode-contained.dx-state-hover {
  2479. background-color: #e6e6e6;
  2480. border-color: #ddd;
  2481. }
  2482. .dx-button-mode-contained.dx-state-focused {
  2483. background-color: #d9d9d9;
  2484. border-color: #ddd;
  2485. }
  2486. .dx-button-mode-contained.dx-state-active {
  2487. background-color: #cccccc;
  2488. border-color: #ddd;
  2489. color: #333;
  2490. }
  2491. .dx-button-mode-contained.dx-button-danger {
  2492. background-color: #d9534f;
  2493. border-color: transparent;
  2494. color: #fff;
  2495. }
  2496. .dx-button-mode-contained.dx-button-danger .dx-icon {
  2497. color: #fff;
  2498. }
  2499. .dx-button-mode-contained.dx-button-danger.dx-state-hover {
  2500. background-color: #c9302c;
  2501. border-color: transparent;
  2502. }
  2503. .dx-button-mode-contained.dx-button-danger.dx-state-focused {
  2504. background-color: #b52b27;
  2505. border-color: transparent;
  2506. }
  2507. .dx-button-mode-contained.dx-button-danger.dx-state-active {
  2508. background-color: #a02622;
  2509. border-color: transparent;
  2510. color: #fff;
  2511. }
  2512. .dx-button-mode-contained.dx-button-success {
  2513. background-color: #5cb85c;
  2514. border-color: transparent;
  2515. color: #fff;
  2516. }
  2517. .dx-button-mode-contained.dx-button-success .dx-icon {
  2518. color: #fff;
  2519. }
  2520. .dx-button-mode-contained.dx-button-success.dx-state-hover {
  2521. background-color: #449d44;
  2522. border-color: transparent;
  2523. }
  2524. .dx-button-mode-contained.dx-button-success.dx-state-focused {
  2525. background-color: #3d8b3d;
  2526. border-color: transparent;
  2527. }
  2528. .dx-button-mode-contained.dx-button-success.dx-state-active {
  2529. background-color: #357935;
  2530. border-color: transparent;
  2531. color: #fff;
  2532. }
  2533. .dx-button-mode-contained.dx-button-default {
  2534. background-color: #337ab7;
  2535. border-color: transparent;
  2536. color: #fff;
  2537. }
  2538. .dx-button-mode-contained.dx-button-default .dx-icon {
  2539. color: #fff;
  2540. }
  2541. .dx-button-mode-contained.dx-button-default.dx-state-hover {
  2542. background-color: #285f8f;
  2543. border-color: transparent;
  2544. }
  2545. .dx-button-mode-contained.dx-button-default.dx-state-focused {
  2546. background-color: #22527b;
  2547. border-color: transparent;
  2548. }
  2549. .dx-button-mode-contained.dx-button-default.dx-state-active {
  2550. background-color: #1d4567;
  2551. border-color: transparent;
  2552. color: #fff;
  2553. }
  2554. .dx-button-mode-outlined {
  2555. background-color: transparent;
  2556. border-color: #ddd;
  2557. color: #333;
  2558. }
  2559. .dx-button-mode-outlined .dx-icon {
  2560. color: #333;
  2561. }
  2562. .dx-button-mode-outlined.dx-state-hover {
  2563. background-color: rgba(221, 221, 221, 0.1);
  2564. border-color: #ddd;
  2565. }
  2566. .dx-button-mode-outlined.dx-state-focused {
  2567. background-color: rgba(221, 221, 221, 0.2);
  2568. border-color: #ddd;
  2569. }
  2570. .dx-button-mode-outlined.dx-state-active {
  2571. background-color: rgba(221, 221, 221, 0.3);
  2572. border-color: #ddd;
  2573. color: #333;
  2574. }
  2575. .dx-button-mode-outlined.dx-button-danger {
  2576. background-color: transparent;
  2577. border-color: #d43f3a;
  2578. color: #d43f3a;
  2579. }
  2580. .dx-button-mode-outlined.dx-button-danger .dx-icon {
  2581. color: #d43f3a;
  2582. }
  2583. .dx-button-mode-outlined.dx-button-danger.dx-state-hover {
  2584. background-color: rgba(212, 63, 58, 0.1);
  2585. border-color: #d43f3a;
  2586. }
  2587. .dx-button-mode-outlined.dx-button-danger.dx-state-focused {
  2588. background-color: rgba(212, 63, 58, 0.2);
  2589. border-color: #d43f3a;
  2590. }
  2591. .dx-button-mode-outlined.dx-button-danger.dx-state-active {
  2592. background-color: rgba(212, 63, 58, 0.3);
  2593. border-color: #d43f3a;
  2594. color: #d43f3a;
  2595. }
  2596. .dx-button-mode-outlined.dx-button-success {
  2597. background-color: transparent;
  2598. border-color: #4cae4c;
  2599. color: #4cae4c;
  2600. }
  2601. .dx-button-mode-outlined.dx-button-success .dx-icon {
  2602. color: #4cae4c;
  2603. }
  2604. .dx-button-mode-outlined.dx-button-success.dx-state-hover {
  2605. background-color: rgba(76, 174, 76, 0.1);
  2606. border-color: #4cae4c;
  2607. }
  2608. .dx-button-mode-outlined.dx-button-success.dx-state-focused {
  2609. background-color: rgba(76, 174, 76, 0.2);
  2610. border-color: #4cae4c;
  2611. }
  2612. .dx-button-mode-outlined.dx-button-success.dx-state-active {
  2613. background-color: rgba(76, 174, 76, 0.3);
  2614. border-color: #4cae4c;
  2615. color: #4cae4c;
  2616. }
  2617. .dx-button-mode-outlined.dx-button-default {
  2618. background-color: transparent;
  2619. border-color: #2d6da3;
  2620. color: #2d6da3;
  2621. }
  2622. .dx-button-mode-outlined.dx-button-default .dx-icon {
  2623. color: #2d6da3;
  2624. }
  2625. .dx-button-mode-outlined.dx-button-default.dx-state-hover {
  2626. background-color: rgba(45, 109, 163, 0.1);
  2627. border-color: #2d6da3;
  2628. }
  2629. .dx-button-mode-outlined.dx-button-default.dx-state-focused {
  2630. background-color: rgba(45, 109, 163, 0.2);
  2631. border-color: #2d6da3;
  2632. }
  2633. .dx-button-mode-outlined.dx-button-default.dx-state-active {
  2634. background-color: rgba(45, 109, 163, 0.3);
  2635. border-color: #2d6da3;
  2636. color: #2d6da3;
  2637. }
  2638. .dx-button-mode-text {
  2639. background-color: transparent;
  2640. border-color: transparent;
  2641. color: #333;
  2642. }
  2643. .dx-button-mode-text .dx-icon {
  2644. color: #333;
  2645. }
  2646. .dx-button-mode-text.dx-state-hover {
  2647. background-color: rgba(51, 51, 51, 0.1);
  2648. border-color: transparent;
  2649. }
  2650. .dx-button-mode-text.dx-state-focused {
  2651. background-color: rgba(51, 51, 51, 0.2);
  2652. border-color: transparent;
  2653. }
  2654. .dx-button-mode-text.dx-state-active {
  2655. background-color: rgba(51, 51, 51, 0.3);
  2656. border-color: transparent;
  2657. color: #333;
  2658. }
  2659. .dx-button-mode-text.dx-button-danger {
  2660. background-color: transparent;
  2661. border-color: transparent;
  2662. color: #d43f3a;
  2663. }
  2664. .dx-button-mode-text.dx-button-danger .dx-icon {
  2665. color: #d43f3a;
  2666. }
  2667. .dx-button-mode-text.dx-button-danger.dx-state-hover {
  2668. background-color: rgba(212, 63, 58, 0.1);
  2669. border-color: transparent;
  2670. }
  2671. .dx-button-mode-text.dx-button-danger.dx-state-focused {
  2672. background-color: rgba(212, 63, 58, 0.2);
  2673. border-color: transparent;
  2674. }
  2675. .dx-button-mode-text.dx-button-danger.dx-state-active {
  2676. background-color: rgba(212, 63, 58, 0.3);
  2677. border-color: transparent;
  2678. color: #d43f3a;
  2679. }
  2680. .dx-button-mode-text.dx-button-success {
  2681. background-color: transparent;
  2682. border-color: transparent;
  2683. color: #4cae4c;
  2684. }
  2685. .dx-button-mode-text.dx-button-success .dx-icon {
  2686. color: #4cae4c;
  2687. }
  2688. .dx-button-mode-text.dx-button-success.dx-state-hover {
  2689. background-color: rgba(76, 174, 76, 0.1);
  2690. border-color: transparent;
  2691. }
  2692. .dx-button-mode-text.dx-button-success.dx-state-focused {
  2693. background-color: rgba(76, 174, 76, 0.2);
  2694. border-color: transparent;
  2695. }
  2696. .dx-button-mode-text.dx-button-success.dx-state-active {
  2697. background-color: rgba(76, 174, 76, 0.3);
  2698. border-color: transparent;
  2699. color: #4cae4c;
  2700. }
  2701. .dx-button-mode-text.dx-button-default {
  2702. background-color: transparent;
  2703. border-color: transparent;
  2704. color: #2d6da3;
  2705. }
  2706. .dx-button-mode-text.dx-button-default .dx-icon {
  2707. color: #2d6da3;
  2708. }
  2709. .dx-button-mode-text.dx-button-default.dx-state-hover {
  2710. background-color: rgba(45, 109, 163, 0.1);
  2711. border-color: transparent;
  2712. }
  2713. .dx-button-mode-text.dx-button-default.dx-state-focused {
  2714. background-color: rgba(45, 109, 163, 0.2);
  2715. border-color: transparent;
  2716. }
  2717. .dx-button-mode-text.dx-button-default.dx-state-active {
  2718. background-color: rgba(45, 109, 163, 0.3);
  2719. border-color: transparent;
  2720. color: #2d6da3;
  2721. }
  2722. .dx-button-normal.dx-state-hover .dx-button-content,
  2723. .dx-button-back.dx-state-hover .dx-button-content {
  2724. background-color: transparent;
  2725. border-radius: 4px;
  2726. }
  2727. .dx-button-mode-outlined.dx-buttongroup-item,
  2728. .dx-button-mode-contained.dx-buttongroup-item {
  2729. padding-left: 1px;
  2730. padding-right: 1px;
  2731. }
  2732. .dx-button-mode-outlined.dx-buttongroup-item.dx-state-hover .dx-button-content,
  2733. .dx-button-mode-contained.dx-buttongroup-item.dx-state-hover .dx-button-content {
  2734. border-radius: 0;
  2735. }
  2736. .dx-button-mode-outlined.dx-buttongroup-first-item,
  2737. .dx-button-mode-contained.dx-buttongroup-first-item {
  2738. padding-left: 0;
  2739. border-left-width: 1px;
  2740. }
  2741. .dx-button-mode-outlined.dx-buttongroup-first-item.dx-button,
  2742. .dx-button-mode-contained.dx-buttongroup-first-item.dx-button,
  2743. .dx-button-mode-outlined.dx-buttongroup-first-item.dx-state-hover .dx-button-content,
  2744. .dx-button-mode-contained.dx-buttongroup-first-item.dx-state-hover .dx-button-content {
  2745. border-top-left-radius: 4px;
  2746. border-bottom-left-radius: 4px;
  2747. }
  2748. .dx-button-mode-outlined.dx-buttongroup-last-item,
  2749. .dx-button-mode-contained.dx-buttongroup-last-item {
  2750. padding-right: 0;
  2751. }
  2752. .dx-button-mode-outlined.dx-buttongroup-last-item.dx-button,
  2753. .dx-button-mode-contained.dx-buttongroup-last-item.dx-button,
  2754. .dx-button-mode-outlined.dx-buttongroup-last-item.dx-state-hover .dx-button-content,
  2755. .dx-button-mode-contained.dx-buttongroup-last-item.dx-state-hover .dx-button-content {
  2756. border-top-right-radius: 4px;
  2757. border-bottom-right-radius: 4px;
  2758. }
  2759. .dx-button-mode-text.dx-buttongroup-first-item {
  2760. margin-left: 0;
  2761. }
  2762. .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled,
  2763. .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled {
  2764. opacity: 1;
  2765. }
  2766. .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled .dx-button-content,
  2767. .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled .dx-button-content {
  2768. opacity: 0.6;
  2769. }
  2770. .dx-buttongroup-item.dx-button.dx-state-focused {
  2771. background-color: rgba(51, 51, 51, 0.04);
  2772. }
  2773. .dx-buttongroup-item.dx-button.dx-state-hover {
  2774. background-color: rgba(51, 51, 51, 0.04);
  2775. }
  2776. .dx-buttongroup-item.dx-button.dx-item-selected {
  2777. background-color: #e6e6e6;
  2778. }
  2779. .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success {
  2780. background-color: #449d44;
  2781. }
  2782. .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default {
  2783. background-color: #285f8f;
  2784. }
  2785. .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger {
  2786. background-color: #c9302c;
  2787. }
  2788. .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-normal,
  2789. .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-normal .dx-icon {
  2790. color: #333;
  2791. }
  2792. .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success,
  2793. .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success .dx-icon {
  2794. color: #fff;
  2795. }
  2796. .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default,
  2797. .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default .dx-icon {
  2798. color: #fff;
  2799. }
  2800. .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger,
  2801. .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger .dx-icon {
  2802. color: #fff;
  2803. }
  2804. .dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item,
  2805. .dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item {
  2806. border-left-width: 0;
  2807. padding-left: 1px;
  2808. padding-right: 0;
  2809. }
  2810. .dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item.dx-button,
  2811. .dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item.dx-button,
  2812. .dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item.dx-state-hover .dx-button-content,
  2813. .dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item.dx-state-hover .dx-button-content {
  2814. border-radius: 0 4px 4px 0;
  2815. }
  2816. .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item,
  2817. .dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item {
  2818. border-left-width: 1px;
  2819. padding-right: 1px;
  2820. padding-left: 0;
  2821. }
  2822. .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-button,
  2823. .dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-button,
  2824. .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-state-hover .dx-button-content,
  2825. .dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-state-hover .dx-button-content {
  2826. border-radius: 4px 0 0 4px;
  2827. }
  2828. .dx-rtl.dx-button-mode-text.dx-buttongroup-first-item {
  2829. margin-left: 1px;
  2830. }
  2831. .dx-rtl.dx-button-mode-text.dx-buttongroup-last-item {
  2832. margin-left: 0;
  2833. }
  2834. .dx-scrollable-content {
  2835. -webkit-transform: none;
  2836. }
  2837. .dx-scrollable-scroll {
  2838. padding: 2px;
  2839. background-color: transparent;
  2840. opacity: 1;
  2841. overflow: hidden;
  2842. -webkit-transition: opacity 0s linear;
  2843. transition: opacity 0s linear;
  2844. }
  2845. .dx-scrollable-scroll.dx-state-invisible {
  2846. opacity: 0;
  2847. -webkit-transition: opacity .5s linear 1s;
  2848. transition: opacity .5s linear 1s;
  2849. }
  2850. .dx-scrollable-scroll-content {
  2851. width: 100%;
  2852. height: 100%;
  2853. background-color: rgba(191, 191, 191, 0.7);
  2854. -webkit-box-shadow: 0 0 0 1px transparent;
  2855. box-shadow: 0 0 0 1px transparent;
  2856. }
  2857. .dx-scrollbar-hoverable {
  2858. background-color: transparent;
  2859. }
  2860. .dx-scrollbar-hoverable.dx-state-hover,
  2861. .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
  2862. background-color: rgba(191, 191, 191, 0.2);
  2863. }
  2864. .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll-content {
  2865. background-color: #bfbfbf;
  2866. }
  2867. .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  2868. opacity: 1;
  2869. }
  2870. .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
  2871. background-color: transparent;
  2872. background-color: rgba(0, 0, 0, 0);
  2873. -webkit-box-shadow: 0 0 0 1px transparent;
  2874. box-shadow: 0 0 0 1px transparent;
  2875. }
  2876. .dx-scrollbar-vertical .dx-scrollable-scroll {
  2877. float: right;
  2878. width: 8px;
  2879. }
  2880. .dx-scrollbar-vertical.dx-scrollbar-hoverable {
  2881. width: 8px;
  2882. -webkit-transition: width 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
  2883. transition: width 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
  2884. }
  2885. .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll {
  2886. -webkit-transition: background-color 0.5s linear 1s, width 0.2s linear 150ms;
  2887. transition: background-color 0.5s linear 1s, width 0.2s linear 150ms;
  2888. }
  2889. .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
  2890. -webkit-transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
  2891. transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
  2892. transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s;
  2893. transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
  2894. }
  2895. .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  2896. -webkit-transition: background-color 0.5s linear 1s, width 0.2s linear 0.15s;
  2897. transition: background-color 0.5s linear 1s, width 0.2s linear 0.15s;
  2898. }
  2899. .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
  2900. -webkit-transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
  2901. transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
  2902. transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s;
  2903. transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
  2904. }
  2905. .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover,
  2906. .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
  2907. width: 15px;
  2908. }
  2909. .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
  2910. .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
  2911. width: 15px;
  2912. }
  2913. .dx-scrollbar-horizontal .dx-scrollable-scroll {
  2914. height: 8px;
  2915. }
  2916. .dx-scrollbar-horizontal.dx-scrollbar-hoverable {
  2917. height: 8px;
  2918. -webkit-transition: height 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
  2919. transition: height 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
  2920. }
  2921. .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll {
  2922. -webkit-transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
  2923. transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
  2924. }
  2925. .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
  2926. -webkit-transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
  2927. transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
  2928. transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s;
  2929. transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
  2930. }
  2931. .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  2932. -webkit-transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
  2933. transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
  2934. }
  2935. .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
  2936. -webkit-transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
  2937. transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
  2938. transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s;
  2939. transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
  2940. }
  2941. .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover,
  2942. .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
  2943. height: 15px;
  2944. }
  2945. .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
  2946. .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
  2947. height: 15px;
  2948. }
  2949. .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
  2950. .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
  2951. padding-right: 8px;
  2952. }
  2953. .dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
  2954. .dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content,
  2955. .dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
  2956. .dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
  2957. padding-right: 0;
  2958. padding-left: 8px;
  2959. }
  2960. .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal .dx-scrollable-content,
  2961. .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
  2962. padding-bottom: 8px;
  2963. }
  2964. .dx-scrollable-customizable-scrollbars .dx-scrollable-container {
  2965. -ms-scrollbar-base-color: #fff;
  2966. -ms-scrollbar-arrow-color: #4b4b4b;
  2967. -ms-scrollbar-track-color: #fff;
  2968. }
  2969. .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar:horizontal {
  2970. height: 19px;
  2971. }
  2972. .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar:vertical {
  2973. width: 19px;
  2974. }
  2975. .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar {
  2976. background-color: transparent;
  2977. }
  2978. .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-thumb {
  2979. background-color: #757575;
  2980. border-right: 2px solid transparent;
  2981. border-left: 1px solid transparent;
  2982. background-clip: content-box;
  2983. }
  2984. .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-track {
  2985. background-color: transparent;
  2986. }
  2987. .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-corner {
  2988. background-color: transparent;
  2989. }
  2990. .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button {
  2991. background-color: transparent;
  2992. }
  2993. .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:horizontal:decrement {
  2994. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAMklEQVQY02P4z/CfIRECfRngHN/E/zAOkJmIzExEZoI4cCYGB0UZmgHIRkPt8kXigLgA3gNGp/JuZjQAAAAASUVORK5CYII=) no-repeat;
  2995. background-position: center;
  2996. }
  2997. .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:horizontal:increment {
  2998. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAN0lEQVQYV2NI9E1kAMH/QMiQ+B/ChXHAXAQHyoVxwFwEB8jFwUFSBjYebjSM4wuyA2IPnPmfAQA1rkanVpjRrQAAAABJRU5ErkJggg==) no-repeat;
  2999. background-position: center;
  3000. }
  3001. .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:vertical:decrement {
  3002. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAM0lEQVQYV2P4z/CfIRECfYGQAcQHQTABFf4PhHApmAREGCoFghAJhDBcClMYKoVNGCwFAKZMRqcg5DihAAAAAElFTkSuQmCC) no-repeat;
  3003. background-position: 3px 5px;
  3004. }
  3005. .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:vertical:increment {
  3006. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAMUlEQVQY023JwQ0AMAyDQBZkCO8/hPuqGqkRP46YLklZyEB/MlyYZJhwyVBKBxDfLgftpkant8t4aAAAAABJRU5ErkJggg==) no-repeat;
  3007. background-position: 3px 5px;
  3008. }
  3009. .dx-rtl .dx-scrollable .dx-scrollable-scroll,
  3010. .dx-rtl.dx-scrollable .dx-scrollable-scroll {
  3011. float: left;
  3012. }
  3013. .dx-scrollview-pull-down-image {
  3014. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==) 0 0 no-repeat;
  3015. background-size: 100%;
  3016. }
  3017. .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down {
  3018. background-color: #fff;
  3019. -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  3020. box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  3021. }
  3022. .dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image {
  3023. width: 24px;
  3024. height: 24px;
  3025. }
  3026. .dx-checkbox {
  3027. line-height: 0;
  3028. }
  3029. .dx-checkbox.dx-state-readonly .dx-checkbox-icon {
  3030. border-color: #f4f4f4;
  3031. background-color: #fff;
  3032. }
  3033. .dx-checkbox.dx-state-hover .dx-checkbox-icon {
  3034. border: 1px solid #265a87;
  3035. }
  3036. .dx-checkbox.dx-state-focused .dx-checkbox-icon {
  3037. border: 1px solid #337ab7;
  3038. }
  3039. .dx-checkbox.dx-state-active .dx-checkbox-icon {
  3040. background-color: rgba(96, 96, 96, 0.2);
  3041. }
  3042. .dx-checkbox-icon {
  3043. width: 16px;
  3044. height: 16px;
  3045. border-radius: 2px;
  3046. border: 1px solid #ddd;
  3047. background-color: #fff;
  3048. }
  3049. .dx-checkbox-checked .dx-checkbox-icon {
  3050. font: 14px/1 DXIcons;
  3051. color: #337ab7;
  3052. font-size: 10px;
  3053. text-align: center;
  3054. line-height: 10px;
  3055. }
  3056. .dx-checkbox-checked .dx-checkbox-icon:before {
  3057. content: "\f005";
  3058. }
  3059. .dx-checkbox-checked .dx-checkbox-icon:before {
  3060. position: absolute;
  3061. display: block;
  3062. width: 10px;
  3063. top: 50%;
  3064. margin-top: -5px;
  3065. left: 50%;
  3066. margin-left: -5px;
  3067. }
  3068. .dx-checkbox-indeterminate .dx-checkbox-icon {
  3069. font: 14px/1 DXIcons;
  3070. color: #337ab7;
  3071. font-size: 8px;
  3072. text-align: center;
  3073. line-height: 8px;
  3074. }
  3075. .dx-checkbox-indeterminate .dx-checkbox-icon:before {
  3076. content: "\f067";
  3077. }
  3078. .dx-checkbox-indeterminate .dx-checkbox-icon:before {
  3079. position: absolute;
  3080. display: block;
  3081. width: 8px;
  3082. top: 50%;
  3083. margin-top: -4px;
  3084. left: 50%;
  3085. margin-left: -4px;
  3086. }
  3087. .dx-checkbox-text {
  3088. margin-left: -16px;
  3089. padding-left: 21px;
  3090. }
  3091. .dx-rtl .dx-checkbox-text,
  3092. .dx-rtl.dx-checkbox-text {
  3093. margin-right: -16px;
  3094. padding-right: 21px;
  3095. }
  3096. .dx-state-disabled.dx-checkbox,
  3097. .dx-state-disabled .dx-checkbox {
  3098. opacity: 1;
  3099. }
  3100. .dx-state-disabled.dx-checkbox .dx-checkbox-icon,
  3101. .dx-state-disabled .dx-checkbox .dx-checkbox-icon {
  3102. opacity: 0.4;
  3103. }
  3104. .dx-state-disabled .dx-checkbox-text {
  3105. opacity: 0.4;
  3106. }
  3107. .dx-invalid .dx-checkbox-container .dx-checkbox-icon {
  3108. border: 1px solid rgba(217, 83, 79, 0.4);
  3109. }
  3110. .dx-invalid.dx-state-focused .dx-checkbox-container .dx-checkbox-icon {
  3111. border-color: #d9534f;
  3112. }
  3113. .dx-switch {
  3114. width: 36px;
  3115. height: 18px;
  3116. }
  3117. .dx-switch.dx-state-readonly .dx-switch-container {
  3118. border-color: #f4f4f4;
  3119. background-color: #fff;
  3120. }
  3121. .dx-switch.dx-state-active .dx-switch-handle:before {
  3122. background-color: #204d73;
  3123. }
  3124. .dx-switch.dx-state-active .dx-switch-container {
  3125. border-color: #337ab7;
  3126. background-color: rgba(96, 96, 96, 0.2);
  3127. }
  3128. .dx-switch.dx-state-hover .dx-switch-handle:before {
  3129. background-color: #337ab7;
  3130. }
  3131. .dx-switch.dx-state-hover .dx-switch-container {
  3132. background-color: transparent;
  3133. border-color: #337ab7;
  3134. }
  3135. .dx-switch.dx-state-focused .dx-switch-container {
  3136. border-color: #337ab7;
  3137. }
  3138. .dx-switch.dx-state-focused .dx-switch-handle:before {
  3139. background-color: #337ab7;
  3140. }
  3141. .dx-switch.dx-state-focused.dx-state-active .dx-switch-handle:before {
  3142. background-color: #204d73;
  3143. }
  3144. .dx-switch-container {
  3145. overflow: hidden;
  3146. margin: 0 -4px 0 0;
  3147. padding: 0 1px;
  3148. height: 18px;
  3149. border: 1px solid #ddd;
  3150. background: #fff;
  3151. border-radius: 2px;
  3152. }
  3153. .dx-switch-inner {
  3154. width: 200%;
  3155. height: 100%;
  3156. }
  3157. .dx-switch-on,
  3158. .dx-switch-off {
  3159. float: left;
  3160. -webkit-flex-shrink: 0;
  3161. -ms-flex-negative: 0;
  3162. flex-shrink: 0;
  3163. width: 50%;
  3164. padding-right: 14px;
  3165. line-height: 16px;
  3166. text-align: center;
  3167. font-size: 9px;
  3168. font-weight: 600;
  3169. overflow: hidden;
  3170. text-overflow: ellipsis;
  3171. white-space: nowrap;
  3172. -webkit-box-sizing: border-box;
  3173. box-sizing: border-box;
  3174. }
  3175. .dx-switch-off {
  3176. padding-left: 1px;
  3177. color: #999999;
  3178. }
  3179. .dx-switch-on {
  3180. color: #333;
  3181. }
  3182. .dx-switch-handle {
  3183. position: relative;
  3184. float: left;
  3185. -webkit-flex-basis: 14px;
  3186. -ms-flex-preferred-size: 14px;
  3187. flex-basis: 14px;
  3188. -webkit-flex-shrink: 0;
  3189. -ms-flex-negative: 0;
  3190. flex-shrink: 0;
  3191. width: 14px;
  3192. height: 14px;
  3193. margin-top: 1px;
  3194. -webkit-box-sizing: border-box;
  3195. box-sizing: border-box;
  3196. }
  3197. .dx-switch-handle:before {
  3198. display: block;
  3199. content: ' ';
  3200. width: 100%;
  3201. height: 100%;
  3202. background-color: #63a0d4;
  3203. border-radius: 2px;
  3204. }
  3205. .dx-switch-on-value .dx-switch-handle:before {
  3206. background-color: #337ab7;
  3207. }
  3208. .dx-rtl .dx-switch .dx-switch-on,
  3209. .dx-switch.dx-rtl .dx-switch-on,
  3210. .dx-rtl .dx-switch .dx-switch-off,
  3211. .dx-switch.dx-rtl .dx-switch-off {
  3212. float: right;
  3213. padding-right: 1px;
  3214. }
  3215. .dx-rtl .dx-switch .dx-switch-on,
  3216. .dx-switch.dx-rtl .dx-switch-on {
  3217. padding-left: 14px;
  3218. }
  3219. .dx-rtl .dx-switch .dx-switch-off,
  3220. .dx-switch.dx-rtl .dx-switch-off {
  3221. margin-left: 0;
  3222. }
  3223. .dx-rtl .dx-switch .dx-switch-handle,
  3224. .dx-switch.dx-rtl .dx-switch-handle {
  3225. float: right;
  3226. margin-left: 0;
  3227. margin-right: -14px;
  3228. }
  3229. .dx-rtl .dx-switch .dx-switch-container,
  3230. .dx-switch.dx-rtl .dx-switch-container {
  3231. margin: 0 0 0 -4px;
  3232. }
  3233. .dx-tabs {
  3234. border: 1px solid #ddd;
  3235. }
  3236. .dx-tabs-scrollable {
  3237. margin: -1px;
  3238. height: calc(100% + 2px);
  3239. }
  3240. .dx-tabs-scrollable .dx-tabs-wrapper {
  3241. border: 1px solid #ddd;
  3242. }
  3243. .dx-tabs-nav-buttons .dx-tabs-scrollable .dx-tabs-wrapper {
  3244. border-left: 1px solid #f7f7f7;
  3245. border-right: 1px solid #f7f7f7;
  3246. }
  3247. .dx-tabs-nav-button {
  3248. border: none;
  3249. background-color: #f7f7f7;
  3250. border-radius: 0;
  3251. -webkit-box-shadow: none;
  3252. box-shadow: none;
  3253. }
  3254. .dx-tabs-nav-button .dx-button-content {
  3255. padding: 0;
  3256. }
  3257. .dx-tabs-nav-button.dx-state-active {
  3258. border: none;
  3259. }
  3260. .dx-tabs-nav-button.dx-state-disabled {
  3261. opacity: 1;
  3262. }
  3263. .dx-tabs-nav-button.dx-state-disabled .dx-button-content {
  3264. opacity: 0.6;
  3265. }
  3266. .dx-tab {
  3267. padding: 4px;
  3268. background-color: #f7f7f7;
  3269. }
  3270. .dx-tab .dx-icon {
  3271. color: #333;
  3272. display: inline-block;
  3273. vertical-align: middle;
  3274. width: 14px;
  3275. height: 14px;
  3276. background-position: 0px 0px;
  3277. background-size: 14px 14px;
  3278. padding: 0px;
  3279. font-size: 14px;
  3280. text-align: center;
  3281. line-height: 14px;
  3282. margin-right: 7px;
  3283. margin-left: 0;
  3284. }
  3285. .dx-rtl .dx-tab .dx-icon,
  3286. .dx-rtl.dx-tab .dx-icon {
  3287. margin-left: 7px;
  3288. margin-right: 0;
  3289. }
  3290. .dx-tab.dx-state-hover {
  3291. background-color: #fff;
  3292. }
  3293. .dx-tab.dx-state-active {
  3294. background-color: rgba(88, 88, 88, 0.2);
  3295. color: #333;
  3296. }
  3297. .dx-tab.dx-state-focused:after {
  3298. content: "";
  3299. pointer-events: none;
  3300. position: absolute;
  3301. top: -1px;
  3302. bottom: -1px;
  3303. right: -1px;
  3304. left: -1px;
  3305. border-right: 1px solid #337ab7;
  3306. border-left: 1px solid #337ab7;
  3307. border-top: 1px solid #337ab7;
  3308. border-bottom: 1px solid #337ab7;
  3309. z-index: 1;
  3310. }
  3311. .dx-tab.dx-tab-selected {
  3312. background-color: #fff;
  3313. color: #333;
  3314. }
  3315. .dx-tab-selected:after {
  3316. content: "";
  3317. pointer-events: none;
  3318. position: absolute;
  3319. top: -1px;
  3320. bottom: -1px;
  3321. right: -1px;
  3322. left: -1px;
  3323. border-right: 1px solid #ddd;
  3324. border-left: 1px solid #ddd;
  3325. border-top: none;
  3326. border-bottom: none;
  3327. z-index: 1;
  3328. }
  3329. .dx-tab-selected .dx-icon {
  3330. color: #333;
  3331. }
  3332. .dx-tab-selected:not(.dx-state-focused) + .dx-tab-selected:not(.dx-state-focused):after {
  3333. border-left: 1px solid #f7f7f7;
  3334. }
  3335. .dx-rtl .dx-tab-selected:not(.dx-state-focused) + .dx-tab-selected:not(.dx-state-focused):after {
  3336. border-left: 1px solid #ddd;
  3337. border-right: 1px solid #f7f7f7;
  3338. }
  3339. .dx-tab-text {
  3340. vertical-align: middle;
  3341. line-height: 21px;
  3342. }
  3343. .dx-state-disabled.dx-tabs {
  3344. opacity: 1;
  3345. }
  3346. .dx-state-disabled .dx-tab-content {
  3347. opacity: .3;
  3348. }
  3349. .dx-navbar {
  3350. padding: 0;
  3351. border: none;
  3352. }
  3353. .dx-nav-item .dx-tab-text,
  3354. .dx-rtl .dx-nav-item .dx-tab-text {
  3355. line-height: normal;
  3356. }
  3357. .dx-navbar .dx-nav-item .dx-icon,
  3358. .dx-navbar .dx-rtl .dx-nav-item .dx-icon {
  3359. width: 26px;
  3360. height: 26px;
  3361. background-position: 0px 0px;
  3362. background-size: 26px 26px;
  3363. padding: 0px;
  3364. font-size: 26px;
  3365. text-align: center;
  3366. line-height: 26px;
  3367. }
  3368. .dx-nav-item.dx-tab-selected:after,
  3369. .dx-rtl .dx-nav-item.dx-tab-selected:after,
  3370. .dx-nav-item.dx-state-focused:after,
  3371. .dx-rtl .dx-nav-item.dx-state-focused:after,
  3372. .dx-nav-item.dx-state-active:after,
  3373. .dx-rtl .dx-nav-item.dx-state-active:after {
  3374. content: none;
  3375. }
  3376. .dx-nav-item.dx-tab-selected,
  3377. .dx-rtl .dx-nav-item.dx-tab-selected {
  3378. background: #fff;
  3379. }
  3380. .dx-nav-item.dx-state-active,
  3381. .dx-rtl .dx-nav-item.dx-state-active {
  3382. border: none;
  3383. -webkit-box-shadow: none;
  3384. box-shadow: none;
  3385. }
  3386. .dx-nav-item.dx-state-focused,
  3387. .dx-rtl .dx-nav-item.dx-state-focused {
  3388. -webkit-box-shadow: inset 0 0 0 1px #337ab7;
  3389. box-shadow: inset 0 0 0 1px #337ab7;
  3390. }
  3391. .dx-nav-item.dx-state-disabled .dx-icon,
  3392. .dx-rtl .dx-nav-item.dx-state-disabled .dx-icon {
  3393. opacity: .5;
  3394. }
  3395. .dx-navbar-item-badge {
  3396. margin-right: -26px;
  3397. top: 6%;
  3398. }
  3399. .dx-rtl .dx-navbar-item-badge {
  3400. margin-left: -26px;
  3401. }
  3402. .dx-texteditor.dx-editor-outlined {
  3403. background: #fff;
  3404. border: 1px solid #ddd;
  3405. border-radius: 4px;
  3406. }
  3407. .dx-texteditor.dx-editor-underlined {
  3408. background: transparent;
  3409. border-bottom: 1px solid #ddd;
  3410. border-radius: 0;
  3411. }
  3412. .dx-texteditor.dx-editor-filled {
  3413. background: rgba(51, 51, 51, 0.05);
  3414. border: 1px solid transparent;
  3415. border-radius: 4px;
  3416. }
  3417. .dx-texteditor.dx-state-readonly {
  3418. border-style: dashed;
  3419. }
  3420. .dx-texteditor.dx-state-readonly.dx-editor-filled {
  3421. border-color: transparent;
  3422. background-color: rgba(51, 51, 51, 0.03);
  3423. }
  3424. .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-focused {
  3425. background-color: rgba(51, 51, 51, 0.03);
  3426. }
  3427. .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover {
  3428. background-color: rgba(51, 122, 183, 0.07);
  3429. }
  3430. .dx-texteditor.dx-state-readonly.dx-editor-underlined {
  3431. border-style: none;
  3432. border-bottom-style: dashed;
  3433. }
  3434. .dx-texteditor.dx-state-readonly .dx-texteditor-buttons-container {
  3435. display: none;
  3436. }
  3437. .dx-texteditor.dx-state-hover {
  3438. border-color: rgba(51, 122, 183, 0.4);
  3439. }
  3440. .dx-texteditor.dx-state-hover.dx-editor-filled {
  3441. border-color: transparent;
  3442. background-color: rgba(51, 122, 183, 0.1);
  3443. }
  3444. .dx-texteditor.dx-state-focused.dx-editor-filled,
  3445. .dx-texteditor.dx-state-active.dx-editor-filled,
  3446. .dx-texteditor.dx-state-focused.dx-editor-underlined,
  3447. .dx-texteditor.dx-state-active.dx-editor-underlined,
  3448. .dx-texteditor.dx-state-focused.dx-editor-outlined,
  3449. .dx-texteditor.dx-state-active.dx-editor-outlined {
  3450. border-color: #337ab7;
  3451. }
  3452. .dx-texteditor.dx-state-focused.dx-editor-filled,
  3453. .dx-texteditor.dx-state-active.dx-editor-filled {
  3454. background-color: transparent;
  3455. }
  3456. .dx-texteditor.dx-invalid .dx-texteditor-input {
  3457. padding-right: 24px;
  3458. }
  3459. .dx-texteditor.dx-invalid.dx-rtl .dx-texteditor-input {
  3460. padding: 4px 5px 4px;
  3461. padding-left: 24px;
  3462. }
  3463. .dx-texteditor.dx-invalid .dx-texteditor-container:after {
  3464. right: 2px;
  3465. }
  3466. .dx-rtl .dx-texteditor.dx-invalid .dx-texteditor-container:after,
  3467. .dx-rtl.dx-texteditor.dx-invalid .dx-texteditor-container:after {
  3468. left: 2px;
  3469. right: auto;
  3470. }
  3471. .dx-show-clear-button .dx-texteditor-input {
  3472. padding-right: 24px;
  3473. }
  3474. .dx-rtl .dx-show-clear-button .dx-texteditor-input,
  3475. .dx-rtl.dx-show-clear-button .dx-texteditor-input {
  3476. padding: 4px 5px 4px;
  3477. padding-left: 24px;
  3478. }
  3479. .dx-show-clear-button .dx-clear-button-area {
  3480. width: 24px;
  3481. right: 0;
  3482. }
  3483. .dx-show-clear-button .dx-icon-clear {
  3484. color: #999999;
  3485. position: absolute;
  3486. top: 50%;
  3487. margin-top: -12px;
  3488. width: 24px;
  3489. height: 24px;
  3490. background-position: 5px 5px;
  3491. background-size: 14px 14px;
  3492. padding: 5px;
  3493. font-size: 14px;
  3494. text-align: center;
  3495. line-height: 14px;
  3496. }
  3497. .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input {
  3498. padding-right: 48px;
  3499. }
  3500. .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-rtl .dx-texteditor-input {
  3501. padding: 4px 5px 4px;
  3502. padding-left: 48px;
  3503. }
  3504. .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after {
  3505. right: 26px;
  3506. }
  3507. .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after,
  3508. .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after {
  3509. left: 26px;
  3510. right: auto;
  3511. }
  3512. .dx-placeholder {
  3513. color: #999999;
  3514. }
  3515. .dx-placeholder:before {
  3516. padding: 4px 5px 4px;
  3517. }
  3518. .dx-editor-underlined .dx-placeholder:before {
  3519. padding-left: 0;
  3520. }
  3521. .dx-texteditor-input {
  3522. margin: 0;
  3523. padding: 4px 5px 4px;
  3524. background: #fff;
  3525. color: #333;
  3526. font-size: 1em;
  3527. border-radius: 4px;
  3528. min-height: 24px;
  3529. }
  3530. .dx-editor-underlined .dx-texteditor-input {
  3531. background: transparent;
  3532. padding-left: 0;
  3533. padding-right: 0;
  3534. }
  3535. .dx-editor-filled .dx-texteditor-input {
  3536. background: transparent;
  3537. }
  3538. .dx-invalid.dx-texteditor {
  3539. border-color: rgba(217, 83, 79, 0.4);
  3540. }
  3541. .dx-invalid.dx-texteditor.dx-editor-filled.dx-state-focused,
  3542. .dx-invalid.dx-texteditor.dx-editor-underlined.dx-state-focused,
  3543. .dx-invalid.dx-texteditor.dx-editor-outlined.dx-state-focused {
  3544. border-color: #d9534f;
  3545. }
  3546. .dx-invalid.dx-texteditor.dx-editor-filled .dx-texteditor-container:after,
  3547. .dx-invalid.dx-texteditor.dx-editor-underlined .dx-texteditor-container:after,
  3548. .dx-invalid.dx-texteditor.dx-editor-outlined .dx-texteditor-container:after {
  3549. pointer-events: none;
  3550. font-weight: bold;
  3551. background-color: #d9534f;
  3552. color: #fff;
  3553. content: '!';
  3554. position: absolute;
  3555. top: 50%;
  3556. margin-top: -8px;
  3557. width: 16px;
  3558. height: 16px;
  3559. border-radius: 50%;
  3560. text-align: center;
  3561. line-height: 16px;
  3562. font-size: 11px;
  3563. }
  3564. .dx-invalid.dx-texteditor.dx-editor-filled {
  3565. background-color: rgba(217, 83, 79, 0.1);
  3566. border-color: transparent;
  3567. }
  3568. .dx-invalid.dx-texteditor.dx-editor-filled.dx-state-focused {
  3569. background: transparent;
  3570. }
  3571. .dx-rtl .dx-placeholder,
  3572. .dx-rtl .dx-placeholder:before {
  3573. right: 0;
  3574. left: auto;
  3575. }
  3576. .dx-editor-underlined.dx-rtl .dx-placeholder,
  3577. .dx-editor-underlined.dx-rtl .dx-placeholder:before {
  3578. padding-right: 0;
  3579. }
  3580. .dx-searchbox .dx-icon-search {
  3581. font: 14px/1 DXIcons;
  3582. position: absolute;
  3583. top: 50%;
  3584. margin-top: -12px;
  3585. width: 24px;
  3586. height: 24px;
  3587. background-position: 5px 5px;
  3588. background-size: 14px 14px;
  3589. padding: 5px;
  3590. font-size: 14px;
  3591. text-align: center;
  3592. line-height: 14px;
  3593. font-size: 13px;
  3594. color: #999999;
  3595. }
  3596. .dx-searchbox .dx-icon-search:before {
  3597. content: "\f027";
  3598. }
  3599. .dx-searchbox .dx-icon-search:before {
  3600. position: static;
  3601. text-indent: 0;
  3602. color: #999999;
  3603. }
  3604. .dx-searchbox .dx-texteditor-input,
  3605. .dx-searchbox .dx-placeholder:before {
  3606. padding-left: 24px;
  3607. }
  3608. .dx-rtl .dx-searchbox .dx-texteditor-input,
  3609. .dx-rtl .dx-searchbox .dx-placeholder:before,
  3610. .dx-rtl.dx-searchbox .dx-texteditor-input,
  3611. .dx-rtl.dx-searchbox .dx-placeholder:before {
  3612. padding-right: 24px;
  3613. }
  3614. .dx-rtl.dx-editor-underlined.dx-searchbox .dx-texteditor-input,
  3615. .dx-rtl.dx-editor-underlined.dx-searchbox .dx-placeholder:before,
  3616. .dx-rtl .dx-editor-underlined.dx-searchbox .dx-texteditor-input,
  3617. .dx-rtl .dx-editor-underlined.dx-searchbox .dx-placeholder:before {
  3618. padding-right: 0;
  3619. }
  3620. .dx-searchbar {
  3621. padding-bottom: 5px;
  3622. }
  3623. .dx-searchbar .dx-texteditor {
  3624. margin: 0;
  3625. }
  3626. .dx-dropdowneditor-button {
  3627. width: 24px;
  3628. padding: 1px;
  3629. border-radius: 4px;
  3630. }
  3631. .dx-dropdowneditor-button.dx-button-mode-outlined,
  3632. .dx-dropdowneditor-button.dx-button-mode-contained,
  3633. .dx-dropdowneditor-button.dx-button-mode-text {
  3634. background: transparent;
  3635. }
  3636. .dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon,
  3637. .dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  3638. opacity: 1;
  3639. }
  3640. .dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  3641. opacity: 1;
  3642. }
  3643. .dx-dropdowneditor-icon {
  3644. border: 1px solid transparent;
  3645. color: #333;
  3646. font: 14px/1 DXIcons;
  3647. width: 22px;
  3648. height: 100%;
  3649. font-size: 14px;
  3650. text-align: center;
  3651. line-height: 14px;
  3652. border-radius: 3px;
  3653. }
  3654. .dx-dropdowneditor-icon:before {
  3655. content: "\f001";
  3656. }
  3657. .dx-dropdowneditor-icon:before {
  3658. position: absolute;
  3659. display: block;
  3660. width: 14px;
  3661. top: 50%;
  3662. margin-top: -7px;
  3663. left: 50%;
  3664. margin-left: -7px;
  3665. }
  3666. .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-outlined,
  3667. .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-filled,
  3668. .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-underlined {
  3669. border: none;
  3670. background: transparent;
  3671. }
  3672. .dx-dropdowneditor .dx-clear-button-area {
  3673. width: 22px;
  3674. }
  3675. .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
  3676. padding-right: 46px;
  3677. }
  3678. .dx-rtl .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input,
  3679. .dx-rtl.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
  3680. padding-right: 5px;
  3681. padding-left: 46px;
  3682. }
  3683. .dx-rtl.dx-searchbox.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input,
  3684. .dx-rtl .dx-searchbox.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
  3685. padding-right: 24px;
  3686. }
  3687. .dx-dropdowneditor-button-visible .dx-texteditor-input {
  3688. padding-right: 24px;
  3689. }
  3690. .dx-rtl .dx-dropdowneditor-button-visible .dx-texteditor-input,
  3691. .dx-rtl.dx-dropdowneditor-button-visible .dx-texteditor-input {
  3692. padding-right: 5px;
  3693. padding-left: 24px;
  3694. }
  3695. .dx-rtl.dx-editor-underlined.dx-dropdowneditor-button-visible .dx-texteditor-input,
  3696. .dx-rtl .dx-editor-underlined.dx-dropdowneditor-button-visible .dx-texteditor-input {
  3697. padding-right: 0;
  3698. }
  3699. .dx-invalid.dx-dropdowneditor-button-visible .dx-texteditor-input {
  3700. padding-right: 44px;
  3701. }
  3702. .dx-invalid.dx-dropdowneditor-button-visible.dx-rtl .dx-texteditor-input {
  3703. padding: 4px 5px 4px;
  3704. padding-left: 44px;
  3705. }
  3706. .dx-invalid.dx-dropdowneditor-button-visible.dx-rtl.dx-editor-underlined .dx-texteditor-input {
  3707. padding-right: 0;
  3708. }
  3709. .dx-invalid.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
  3710. padding-right: 66px;
  3711. }
  3712. .dx-invalid.dx-dropdowneditor-button-visible.dx-show-clear-button.dx-rtl .dx-texteditor-input {
  3713. padding: 4px 5px 4px;
  3714. padding-left: 66px;
  3715. }
  3716. .dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon,
  3717. .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
  3718. background-color: #e6e6e6;
  3719. border-color: transparent;
  3720. }
  3721. .dx-editor-filled.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon,
  3722. .dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
  3723. background-color: rgba(51, 122, 183, 0.2);
  3724. }
  3725. .dx-dropdowneditor:not(.dx-state-readonly) .dx-texteditor-buttons-container {
  3726. display: block;
  3727. }
  3728. .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
  3729. .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon {
  3730. background-color: #b3b3b3;
  3731. border-color: transparent;
  3732. color: #333;
  3733. opacity: 1;
  3734. }
  3735. .dx-editor-filled.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
  3736. .dx-editor-filled.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
  3737. .dx-editor-filled .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
  3738. .dx-editor-filled .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon {
  3739. background-color: rgba(51, 122, 183, 0.3);
  3740. }
  3741. .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after {
  3742. right: 26px;
  3743. }
  3744. .dx-rtl .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after,
  3745. .dx-rtl.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after {
  3746. right: auto;
  3747. left: 26px;
  3748. }
  3749. .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
  3750. right: 48px;
  3751. }
  3752. .dx-rtl .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after,
  3753. .dx-rtl.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
  3754. right: auto;
  3755. left: 48px;
  3756. }
  3757. .dx-state-hover.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon {
  3758. background-color: rgba(217, 83, 79, 0.2);
  3759. }
  3760. .dx-dropdowneditor-active.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon {
  3761. background-color: rgba(217, 83, 79, 0.3);
  3762. }
  3763. .dx-state-active.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon {
  3764. background-color: rgba(217, 83, 79, 0.3);
  3765. }
  3766. .dx-list-item-chevron {
  3767. -webkit-transform: rotate(0);
  3768. transform: rotate(0);
  3769. border: none;
  3770. opacity: 1;
  3771. font: 14px/1 DXIcons;
  3772. width: 14px;
  3773. height: 14px;
  3774. background-position: 0px 0px;
  3775. background-size: 14px 14px;
  3776. padding: 0px;
  3777. font-size: 14px;
  3778. text-align: center;
  3779. line-height: 14px;
  3780. margin-left: -5px;
  3781. color: #333;
  3782. }
  3783. .dx-rtl .dx-list-item-chevron {
  3784. -webkit-transform: rotate(0);
  3785. transform: rotate(0);
  3786. }
  3787. .dx-list-item-chevron:before {
  3788. content: "\f010";
  3789. }
  3790. .dx-rtl .dx-list-item-chevron:before {
  3791. content: "\f012";
  3792. }
  3793. .dx-list-item-icon-container {
  3794. width: 19px;
  3795. }
  3796. .dx-list-item-icon {
  3797. width: 14px;
  3798. height: 14px;
  3799. background-position: 0px 0px;
  3800. background-size: 14px 14px;
  3801. padding: 0px;
  3802. font-size: 14px;
  3803. text-align: center;
  3804. line-height: 14px;
  3805. }
  3806. .dx-list-search {
  3807. margin-bottom: 3px;
  3808. }
  3809. .dx-list {
  3810. border: none;
  3811. }
  3812. .dx-list.dx-list-with-search .dx-scrollable-wrapper {
  3813. height: calc(100% - 29px);
  3814. }
  3815. .dx-list .dx-empty-message {
  3816. text-align: left;
  3817. }
  3818. .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before,
  3819. .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon {
  3820. border-color: #265a87;
  3821. }
  3822. .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before,
  3823. .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon {
  3824. border: 1px solid #337ab7;
  3825. }
  3826. .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
  3827. background-color: #f5f5f5;
  3828. color: #333;
  3829. }
  3830. .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
  3831. background-color: #e6e6e6;
  3832. color: #333;
  3833. }
  3834. .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
  3835. background-color: #f5f5f5;
  3836. color: #333;
  3837. }
  3838. .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
  3839. background-color: #337ab7;
  3840. color: #fff;
  3841. }
  3842. .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron {
  3843. border-color: #fff;
  3844. }
  3845. .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
  3846. background-color: rgba(51, 122, 183, 0.7);
  3847. color: #fff;
  3848. }
  3849. .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
  3850. background-color: #337ab7;
  3851. color: #fff;
  3852. }
  3853. .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
  3854. background-color: #337ab7;
  3855. color: #fff;
  3856. }
  3857. .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
  3858. color: #333;
  3859. }
  3860. .dx-list-group-header {
  3861. font-weight: bold;
  3862. padding: 10px 5px 5px 5px;
  3863. border-top: 0px solid #ddd;
  3864. border-bottom: 2px solid #ddd;
  3865. background: rgba(238, 238, 238, 0.05);
  3866. color: #333;
  3867. }
  3868. .dx-list-group:first-of-type .dx-list-group-header {
  3869. border-top: none;
  3870. }
  3871. .dx-list-group-header:before {
  3872. border-top-color: #333;
  3873. }
  3874. .dx-list-group-collapsed .dx-list-group-header:before {
  3875. border-bottom-color: #333;
  3876. }
  3877. .dx-list-item:first-of-type {
  3878. border-top: none;
  3879. }
  3880. .dx-list-item:last-of-type {
  3881. border-bottom: none;
  3882. }
  3883. .dx-list-item .dx-icon-toggle-delete {
  3884. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==);
  3885. background-size: 100%;
  3886. }
  3887. .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
  3888. color: #959595;
  3889. background: #fff;
  3890. border-top: 1px solid rgba(51, 122, 183, 0.5);
  3891. border-bottom: 1px solid rgba(51, 122, 183, 0.5);
  3892. -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
  3893. box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
  3894. }
  3895. .dx-list-item,
  3896. .dx-list .dx-empty-message {
  3897. border-top: 0px solid #ddd;
  3898. color: #333;
  3899. }
  3900. .dx-list-item-separator-hidden .dx-list-item,
  3901. .dx-list-item-separator-hidden .dx-list .dx-empty-message {
  3902. border-top: none;
  3903. border-bottom: none;
  3904. }
  3905. .dx-list-item-content,
  3906. .dx-list .dx-empty-message {
  3907. padding: 5px 5px;
  3908. }
  3909. .dx-list-next-button .dx-button .dx-button-content {
  3910. padding: 4px 10px 4px;
  3911. }
  3912. .dx-list-next-button .dx-button .dx-icon {
  3913. color: #333;
  3914. width: 14px;
  3915. height: 14px;
  3916. background-position: 0px 0px;
  3917. background-size: 14px 14px;
  3918. padding: 0px;
  3919. font-size: 14px;
  3920. text-align: center;
  3921. line-height: 14px;
  3922. margin-right: 7px;
  3923. margin-left: 0;
  3924. }
  3925. .dx-rtl .dx-list-next-button .dx-button .dx-icon,
  3926. .dx-rtl.dx-list-next-button .dx-button .dx-icon {
  3927. margin-left: 7px;
  3928. margin-right: 0;
  3929. }
  3930. .dx-list-item-chevron-container {
  3931. width: 11px;
  3932. }
  3933. .dx-list-border-visible {
  3934. border: 1px solid #ddd;
  3935. }
  3936. .dx-list-border-visible .dx-list-select-all {
  3937. border-bottom: 1px solid #ddd;
  3938. }
  3939. .dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
  3940. width: 24px;
  3941. }
  3942. .dx-list-item-before-bag.dx-list-select-checkbox-container,
  3943. .dx-list-item-before-bag.dx-list-select-radiobutton-container {
  3944. width: 26px;
  3945. }
  3946. .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
  3947. border: none;
  3948. background: transparent;
  3949. -webkit-box-shadow: none;
  3950. box-shadow: none;
  3951. }
  3952. .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content {
  3953. padding: 0;
  3954. }
  3955. .dx-list-item-before-bag .dx-icon-toggle-delete {
  3956. margin: 2.5px 2.5px 2.5px 5px;
  3957. width: 14px;
  3958. height: 14px;
  3959. }
  3960. .dx-list-item-before-bag .dx-list-select-checkbox,
  3961. .dx-list-item-before-bag .dx-list-select-radiobutton {
  3962. margin-top: 1px;
  3963. margin-bottom: -3px;
  3964. margin-left: 5px;
  3965. }
  3966. .dx-list-select-all {
  3967. padding: 4px 0;
  3968. }
  3969. .dx-list-select-all-checkbox {
  3970. float: left;
  3971. margin: -1px 5px -3px 5px;
  3972. }
  3973. .dx-list-select-all-label {
  3974. line-height: 1;
  3975. padding: 0 5px;
  3976. margin-top: 0;
  3977. }
  3978. .dx-list-item-after-bag.dx-list-static-delete-button-container {
  3979. width: 23px;
  3980. }
  3981. .dx-list-item-after-bag.dx-list-reorder-handle-container {
  3982. width: 23.2px;
  3983. }
  3984. .dx-list-item-after-bag .dx-list-reorder-handle {
  3985. font: 14px/1 DXIcons;
  3986. width: 22.4px;
  3987. height: 22.4px;
  3988. background-position: 4px 4px;
  3989. background-size: 14px 14px;
  3990. padding: 4px;
  3991. font-size: 14px;
  3992. text-align: center;
  3993. line-height: 14px;
  3994. }
  3995. .dx-list-item-after-bag .dx-list-reorder-handle:before {
  3996. content: "\f038";
  3997. }
  3998. .dx-list-slide-menu-button {
  3999. bottom: 1px;
  4000. }
  4001. .dx-list-slide-menu-button-delete {
  4002. border: 1px solid transparent;
  4003. color: #fff;
  4004. background-color: #d9534f;
  4005. }
  4006. .dx-list-slide-menu-button-menu {
  4007. border: 1px solid transparent;
  4008. color: #fff;
  4009. background-color: #337ab7;
  4010. }
  4011. .dx-list-switchable-delete-button,
  4012. .dx-list-static-delete-button {
  4013. margin-right: 5px;
  4014. padding: 0;
  4015. }
  4016. .dx-list-switchable-delete-button .dx-button-content,
  4017. .dx-list-static-delete-button .dx-button-content {
  4018. padding: 1px;
  4019. }
  4020. .dx-list-context-menucontent {
  4021. background-color: #fff;
  4022. border: 1px solid #ddd;
  4023. border-radius: 0;
  4024. -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  4025. box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  4026. }
  4027. .dx-state-disabled.dx-list-item,
  4028. .dx-state-disabled .dx-list-item {
  4029. background-color: transparent;
  4030. opacity: .6;
  4031. }
  4032. .dx-rtl .dx-list .dx-empty-message,
  4033. .dx-rtl.dx-list .dx-empty-message {
  4034. text-align: right;
  4035. }
  4036. .dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete,
  4037. .dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete {
  4038. margin: 2.5px 5px 2.5px 2.5px;
  4039. }
  4040. .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
  4041. .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
  4042. .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton,
  4043. .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton {
  4044. margin-right: 5px;
  4045. margin-left: 1px;
  4046. }
  4047. .dx-rtl .dx-list .dx-list-select-all-checkbox,
  4048. .dx-rtl.dx-list .dx-list-select-all-checkbox {
  4049. float: right;
  4050. margin-right: 5px;
  4051. margin-left: 1px;
  4052. }
  4053. .dx-rtl .dx-list .dx-list-switchable-delete-button,
  4054. .dx-rtl.dx-list .dx-list-switchable-delete-button {
  4055. margin-left: 5px;
  4056. margin-right: 0;
  4057. }
  4058. .dx-device-mobile .dx-list {
  4059. border: none;
  4060. }
  4061. .dx-device-mobile .dx-list.dx-list-with-search .dx-scrollable-wrapper {
  4062. height: calc(100% - 29px);
  4063. }
  4064. .dx-device-mobile .dx-list .dx-empty-message {
  4065. text-align: left;
  4066. }
  4067. .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before,
  4068. .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon {
  4069. border-color: #265a87;
  4070. }
  4071. .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before,
  4072. .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon {
  4073. border: 1px solid #337ab7;
  4074. }
  4075. .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
  4076. background-color: #f5f5f5;
  4077. color: #333;
  4078. }
  4079. .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
  4080. background-color: #e6e6e6;
  4081. color: #333;
  4082. }
  4083. .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
  4084. background-color: #f5f5f5;
  4085. color: #333;
  4086. }
  4087. .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
  4088. background-color: #337ab7;
  4089. color: #fff;
  4090. }
  4091. .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron {
  4092. border-color: #fff;
  4093. }
  4094. .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
  4095. background-color: rgba(51, 122, 183, 0.7);
  4096. color: #fff;
  4097. }
  4098. .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
  4099. background-color: #337ab7;
  4100. color: #fff;
  4101. }
  4102. .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
  4103. background-color: #337ab7;
  4104. color: #fff;
  4105. }
  4106. .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
  4107. color: #333;
  4108. }
  4109. .dx-device-mobile .dx-list-group-header {
  4110. font-weight: bold;
  4111. padding: 10px 15px 5px 15px;
  4112. border-top: 0px solid #ddd;
  4113. border-bottom: 2px solid #ddd;
  4114. background: rgba(238, 238, 238, 0.05);
  4115. color: #333;
  4116. }
  4117. .dx-list-group:first-of-type .dx-device-mobile .dx-list-group-header {
  4118. border-top: none;
  4119. }
  4120. .dx-device-mobile .dx-list-group-header:before {
  4121. border-top-color: #333;
  4122. }
  4123. .dx-list-group-collapsed .dx-device-mobile .dx-list-group-header:before {
  4124. border-bottom-color: #333;
  4125. }
  4126. .dx-device-mobile .dx-list-item:first-of-type {
  4127. border-top: none;
  4128. }
  4129. .dx-device-mobile .dx-list-item:last-of-type {
  4130. border-bottom: none;
  4131. }
  4132. .dx-device-mobile .dx-list-item .dx-icon-toggle-delete {
  4133. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==);
  4134. background-size: 100%;
  4135. }
  4136. .dx-device-mobile .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
  4137. color: #959595;
  4138. background: #fff;
  4139. border-top: 1px solid rgba(51, 122, 183, 0.5);
  4140. border-bottom: 1px solid rgba(51, 122, 183, 0.5);
  4141. -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
  4142. box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
  4143. }
  4144. .dx-device-mobile .dx-list-item,
  4145. .dx-device-mobile .dx-list .dx-empty-message {
  4146. border-top: 0px solid #ddd;
  4147. color: #333;
  4148. }
  4149. .dx-list-item-separator-hidden .dx-device-mobile .dx-list-item,
  4150. .dx-list-item-separator-hidden .dx-device-mobile .dx-list .dx-empty-message {
  4151. border-top: none;
  4152. border-bottom: none;
  4153. }
  4154. .dx-device-mobile .dx-list-item-content,
  4155. .dx-device-mobile .dx-list .dx-empty-message {
  4156. padding: 5px 15px;
  4157. }
  4158. .dx-device-mobile .dx-list-next-button .dx-button .dx-button-content {
  4159. padding: 4px 10px 4px;
  4160. }
  4161. .dx-device-mobile .dx-list-next-button .dx-button .dx-icon {
  4162. color: #333;
  4163. width: 14px;
  4164. height: 14px;
  4165. background-position: 0px 0px;
  4166. background-size: 14px 14px;
  4167. padding: 0px;
  4168. font-size: 14px;
  4169. text-align: center;
  4170. line-height: 14px;
  4171. margin-right: 7px;
  4172. margin-left: 0;
  4173. }
  4174. .dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon,
  4175. .dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon {
  4176. margin-left: 7px;
  4177. margin-right: 0;
  4178. }
  4179. .dx-device-mobile .dx-list-item-chevron-container {
  4180. width: 21px;
  4181. }
  4182. .dx-device-mobile .dx-list-border-visible {
  4183. border: 1px solid #ddd;
  4184. }
  4185. .dx-device-mobile .dx-list-border-visible .dx-list-select-all {
  4186. border-bottom: 1px solid #ddd;
  4187. }
  4188. .dx-device-mobile .dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
  4189. width: 34px;
  4190. }
  4191. .dx-device-mobile .dx-list-item-before-bag.dx-list-select-checkbox-container,
  4192. .dx-device-mobile .dx-list-item-before-bag.dx-list-select-radiobutton-container {
  4193. width: 36px;
  4194. }
  4195. .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
  4196. border: none;
  4197. background: transparent;
  4198. -webkit-box-shadow: none;
  4199. box-shadow: none;
  4200. }
  4201. .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content {
  4202. padding: 0;
  4203. }
  4204. .dx-device-mobile .dx-list-item-before-bag .dx-icon-toggle-delete {
  4205. margin: 2.5px 7.5px 2.5px 15px;
  4206. width: 14px;
  4207. height: 14px;
  4208. }
  4209. .dx-device-mobile .dx-list-item-before-bag .dx-list-select-checkbox,
  4210. .dx-device-mobile .dx-list-item-before-bag .dx-list-select-radiobutton {
  4211. margin-top: 1px;
  4212. margin-bottom: -3px;
  4213. margin-left: 15px;
  4214. }
  4215. .dx-device-mobile .dx-list-select-all {
  4216. padding: 4px 0;
  4217. }
  4218. .dx-device-mobile .dx-list-select-all-checkbox {
  4219. float: left;
  4220. margin: -1px 5px -3px 15px;
  4221. }
  4222. .dx-device-mobile .dx-list-select-all-label {
  4223. line-height: 1;
  4224. padding: 0 5px;
  4225. margin-top: 0;
  4226. }
  4227. .dx-device-mobile .dx-list-item-after-bag.dx-list-static-delete-button-container {
  4228. width: 33px;
  4229. }
  4230. .dx-device-mobile .dx-list-item-after-bag.dx-list-reorder-handle-container {
  4231. width: 33.2px;
  4232. }
  4233. .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle {
  4234. font: 14px/1 DXIcons;
  4235. width: 22.4px;
  4236. height: 22.4px;
  4237. background-position: 4px 4px;
  4238. background-size: 14px 14px;
  4239. padding: 4px;
  4240. font-size: 14px;
  4241. text-align: center;
  4242. line-height: 14px;
  4243. }
  4244. .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle:before {
  4245. content: "\f038";
  4246. }
  4247. .dx-device-mobile .dx-list-slide-menu-button {
  4248. bottom: 1px;
  4249. }
  4250. .dx-device-mobile .dx-list-slide-menu-button-delete {
  4251. border: 1px solid transparent;
  4252. color: #fff;
  4253. background-color: #d9534f;
  4254. }
  4255. .dx-device-mobile .dx-list-slide-menu-button-menu {
  4256. border: 1px solid transparent;
  4257. color: #fff;
  4258. background-color: #337ab7;
  4259. }
  4260. .dx-device-mobile .dx-list-switchable-delete-button,
  4261. .dx-device-mobile .dx-list-static-delete-button {
  4262. margin-right: 15px;
  4263. padding: 0;
  4264. }
  4265. .dx-device-mobile .dx-list-switchable-delete-button .dx-button-content,
  4266. .dx-device-mobile .dx-list-static-delete-button .dx-button-content {
  4267. padding: 1px;
  4268. }
  4269. .dx-device-mobile .dx-list-context-menucontent {
  4270. background-color: #fff;
  4271. border: 1px solid #ddd;
  4272. border-radius: 0;
  4273. -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  4274. box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  4275. }
  4276. .dx-device-mobile .dx-state-disabled.dx-list-item,
  4277. .dx-device-mobile .dx-state-disabled .dx-list-item {
  4278. background-color: transparent;
  4279. opacity: .6;
  4280. }
  4281. .dx-device-mobile .dx-rtl .dx-list .dx-empty-message,
  4282. .dx-device-mobile .dx-rtl.dx-list .dx-empty-message {
  4283. text-align: right;
  4284. }
  4285. .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete,
  4286. .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete {
  4287. margin: 2.5px 15px 2.5px 7.5px;
  4288. }
  4289. .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
  4290. .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
  4291. .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton,
  4292. .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton {
  4293. margin-right: 15px;
  4294. margin-left: 1px;
  4295. }
  4296. .dx-device-mobile .dx-rtl .dx-list .dx-list-select-all-checkbox,
  4297. .dx-device-mobile .dx-rtl.dx-list .dx-list-select-all-checkbox {
  4298. float: right;
  4299. margin-right: 15px;
  4300. margin-left: 1px;
  4301. }
  4302. .dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button,
  4303. .dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button {
  4304. margin-left: 15px;
  4305. margin-right: 0;
  4306. }
  4307. .dx-dropdownlist-popup-wrapper {
  4308. height: 100%;
  4309. }
  4310. .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
  4311. border-top-width: 0;
  4312. border-bottom-width: 1px;
  4313. }
  4314. .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
  4315. border-top-width: 1px;
  4316. border-bottom-width: 0;
  4317. }
  4318. .dx-dropdownlist-popup-wrapper .dx-popup-content {
  4319. height: 100%;
  4320. padding: 1px;
  4321. }
  4322. .dx-dropdownlist-popup-wrapper .dx-list {
  4323. height: 100%;
  4324. min-height: 33px;
  4325. }
  4326. .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
  4327. padding: 2px 4px;
  4328. }
  4329. .dx-dropdownlist-popup-wrapper .dx-list-select-all {
  4330. padding: 7px 0 3px;
  4331. }
  4332. .dx-dropdownlist-popup-wrapper .dx-list-item,
  4333. .dx-dropdownlist-popup-wrapper .dx-empty-message {
  4334. border-top: 0;
  4335. }
  4336. .dx-dropdownlist-popup-wrapper .dx-list-item:last-of-type,
  4337. .dx-dropdownlist-popup-wrapper .dx-empty-message:last-of-type {
  4338. border-bottom: none;
  4339. }
  4340. .dx-textarea {
  4341. height: auto;
  4342. }
  4343. .dx-textarea .dx-icon-clear {
  4344. top: 0;
  4345. margin-top: 0;
  4346. }
  4347. .dx-textarea.dx-invalid .dx-texteditor-container:after {
  4348. top: 4px;
  4349. margin-top: 0;
  4350. }
  4351. .dx-numberbox-spin-container {
  4352. overflow: hidden;
  4353. width: 20px;
  4354. border-radius: 4px;
  4355. }
  4356. .dx-numberbox-spin-up-icon {
  4357. font: 14px/1 DXIcons;
  4358. color: #333;
  4359. }
  4360. .dx-numberbox-spin-up-icon:before {
  4361. content: "\f002";
  4362. }
  4363. .dx-numberbox-spin-down-icon {
  4364. font: 14px/1 DXIcons;
  4365. color: #333;
  4366. }
  4367. .dx-numberbox-spin-down-icon:before {
  4368. content: "\f001";
  4369. }
  4370. .dx-numberbox-spin-up-icon,
  4371. .dx-numberbox-spin-down-icon {
  4372. font-size: 14px;
  4373. text-align: center;
  4374. line-height: 14px;
  4375. border-radius: 3px;
  4376. }
  4377. .dx-numberbox-spin-up-icon:before,
  4378. .dx-numberbox-spin-down-icon:before {
  4379. position: absolute;
  4380. display: block;
  4381. width: 14px;
  4382. top: 50%;
  4383. margin-top: -7px;
  4384. left: 50%;
  4385. margin-left: -7px;
  4386. }
  4387. .dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input {
  4388. padding-right: 40px;
  4389. }
  4390. .dx-numberbox-spin-button {
  4391. background-color: #fff;
  4392. padding: 1px;
  4393. }
  4394. .dx-editor-underlined .dx-numberbox-spin-button {
  4395. background: transparent;
  4396. }
  4397. .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-down-icon,
  4398. .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
  4399. border: 1px solid transparent;
  4400. background-color: #e6e6e6;
  4401. }
  4402. .dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-down-icon,
  4403. .dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
  4404. background-color: #b3b3b3;
  4405. color: #333;
  4406. }
  4407. .dx-numberbox-spin.dx-invalid .dx-texteditor-input {
  4408. padding-right: 44px;
  4409. }
  4410. .dx-numberbox-spin.dx-invalid.dx-rtl .dx-texteditor-input {
  4411. padding: 4px 5px 4px;
  4412. padding-left: 44px;
  4413. }
  4414. .dx-numberbox-spin.dx-invalid .dx-texteditor-container:after {
  4415. right: 22px;
  4416. }
  4417. .dx-rtl .dx-numberbox-spin.dx-invalid .dx-texteditor-container:after,
  4418. .dx-rtl.dx-numberbox-spin.dx-invalid .dx-texteditor-container:after {
  4419. left: 22px;
  4420. right: auto;
  4421. }
  4422. .dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input {
  4423. padding-right: 68px;
  4424. }
  4425. .dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-rtl .dx-texteditor-input {
  4426. padding: 4px 5px 4px;
  4427. padding-left: 68px;
  4428. }
  4429. .dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after {
  4430. right: 46px;
  4431. }
  4432. .dx-rtl .dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after,
  4433. .dx-rtl.dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after {
  4434. left: 46px;
  4435. right: auto;
  4436. }
  4437. .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input {
  4438. padding-right: 84px;
  4439. }
  4440. .dx-numberbox-spin-touch-friendly.dx-invalid.dx-rtl .dx-texteditor-input {
  4441. padding: 4px 5px 4px;
  4442. padding-left: 84px;
  4443. }
  4444. .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-container:after {
  4445. right: 62px;
  4446. }
  4447. .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-container:after,
  4448. .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-container:after {
  4449. left: 62px;
  4450. right: auto;
  4451. }
  4452. .dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input {
  4453. padding-right: 108px;
  4454. }
  4455. .dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-rtl .dx-texteditor-input {
  4456. padding: 4px 5px 4px;
  4457. padding-left: 108px;
  4458. }
  4459. .dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after {
  4460. right: 86px;
  4461. }
  4462. .dx-rtl .dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after,
  4463. .dx-rtl.dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after {
  4464. left: 86px;
  4465. right: auto;
  4466. }
  4467. .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
  4468. width: 60px;
  4469. }
  4470. .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
  4471. border-left: none;
  4472. }
  4473. .dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input {
  4474. padding-right: 80px;
  4475. }
  4476. .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon,
  4477. .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon {
  4478. background-position: center;
  4479. }
  4480. .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container,
  4481. .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
  4482. border-right: none;
  4483. }
  4484. .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input,
  4485. .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input {
  4486. padding-left: 80px;
  4487. }
  4488. .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input,
  4489. .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input {
  4490. padding-left: 40px;
  4491. }
  4492. .dx-rtl .dx-numberbox.dx-numberbox-spin .dx-texteditor-input,
  4493. .dx-numberbox.dx-rtl.dx-numberbox-spin .dx-texteditor-input {
  4494. padding-right: 5px;
  4495. }
  4496. .dx-datebox-wrapper .dx-popup-title {
  4497. min-height: 10px;
  4498. border-bottom: none;
  4499. background: none;
  4500. }
  4501. .dx-datebox-wrapper .dx-item {
  4502. border: none;
  4503. }
  4504. .dx-datebox-wrapper .dx-popup-bottom .dx-button {
  4505. min-width: 60px;
  4506. width: auto;
  4507. }
  4508. .dx-datebox-wrapper-rollers.dx-datebox-wrapper-time .dx-popup-content {
  4509. margin: 0 14px;
  4510. }
  4511. .dx-datebox-wrapper-list .dx-overlay-content {
  4512. border-top: none;
  4513. }
  4514. .dx-device-phone .dx-datebox-wrapper-rollers .dx-popup-content {
  4515. padding: 10px;
  4516. }
  4517. .dx-datebox-calendar .dx-dropdowneditor-icon {
  4518. font: 14px/1 DXIcons;
  4519. width: 22px;
  4520. height: 100%;
  4521. font-size: 14px;
  4522. text-align: center;
  4523. line-height: 14px;
  4524. border-radius: 3px;
  4525. }
  4526. .dx-datebox-calendar .dx-dropdowneditor-icon:before {
  4527. content: "\f026";
  4528. }
  4529. .dx-datebox-calendar .dx-dropdowneditor-icon:before {
  4530. position: absolute;
  4531. display: block;
  4532. width: 14px;
  4533. top: 50%;
  4534. margin-top: -7px;
  4535. left: 50%;
  4536. margin-left: -7px;
  4537. }
  4538. .dx-datebox-calendar.dx-dropdowneditor-active .dx-texteditor-input {
  4539. background: #fff;
  4540. }
  4541. .dx-datebox-calendar.dx-rtl.dx-dropdowneditor-active .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  4542. opacity: 1;
  4543. }
  4544. .dx-datebox-calendar.dx-rtl.dx-editor-underlined {
  4545. padding-right: 0;
  4546. }
  4547. .dx-datebox-wrapper-calendar .dx-popup-content {
  4548. padding: 0;
  4549. }
  4550. .dx-datebox-wrapper-calendar .dx-calendar {
  4551. border: none;
  4552. margin: 15px;
  4553. }
  4554. .dx-datebox-wrapper-calendar .dx-datebox-container-cell {
  4555. margin-right: 15px;
  4556. margin-bottom: 15px;
  4557. }
  4558. .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar {
  4559. margin-right: 7.5px;
  4560. margin-bottom: 7.5px;
  4561. }
  4562. .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
  4563. margin: 15px 15px 7.5px 7.5px;
  4564. }
  4565. .dx-datebox-adaptivity-mode.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
  4566. margin: 0 7.5px 7.5px;
  4567. }
  4568. .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell {
  4569. margin-top: -1px;
  4570. margin-right: 15px;
  4571. }
  4572. @media (max-width: 320px) {
  4573. .dx-datebox-wrapper-calendar .dx-calendar {
  4574. margin: 15px;
  4575. }
  4576. }
  4577. .dx-rtl .dx-datebox-wrapper .dx-popup-bottom .dx-toolbar-button + .dx-toolbar-button .dx-button {
  4578. margin-right: 5px;
  4579. margin-left: 0;
  4580. }
  4581. .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar {
  4582. margin-left: 7.5px;
  4583. margin-right: 15px;
  4584. }
  4585. .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
  4586. margin-right: 7.5px;
  4587. margin-left: 15px;
  4588. }
  4589. .dx-datebox-list .dx-dropdowneditor-icon {
  4590. font: 14px/1 DXIcons;
  4591. width: 22px;
  4592. height: 100%;
  4593. font-size: 14px;
  4594. text-align: center;
  4595. line-height: 14px;
  4596. border-radius: 3px;
  4597. }
  4598. .dx-datebox-list .dx-dropdowneditor-icon:before {
  4599. content: "\f01d";
  4600. }
  4601. .dx-datebox-list .dx-dropdowneditor-icon:before {
  4602. position: absolute;
  4603. display: block;
  4604. width: 14px;
  4605. top: 50%;
  4606. margin-top: -7px;
  4607. left: 50%;
  4608. margin-left: -7px;
  4609. }
  4610. .dx-datebox-wrapper-list .dx-popup-content {
  4611. padding: 0px;
  4612. }
  4613. .dx-datebox input[type="date"] {
  4614. line-height: normal;
  4615. }
  4616. .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible .dx-texteditor-input,
  4617. .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible .dx-texteditor-input {
  4618. padding-right: 44px;
  4619. }
  4620. .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-rtl .dx-texteditor-input,
  4621. .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-rtl .dx-texteditor-input {
  4622. padding: 4px 5px 4px;
  4623. padding-left: 44px;
  4624. }
  4625. .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-rtl.dx-editor-underlined .dx-texteditor-input,
  4626. .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-rtl.dx-editor-underlined .dx-texteditor-input {
  4627. padding-right: 0;
  4628. }
  4629. .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input,
  4630. .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
  4631. padding-right: 66px;
  4632. }
  4633. .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-show-clear-button.dx-rtl .dx-texteditor-input,
  4634. .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-show-clear-button.dx-rtl .dx-texteditor-input {
  4635. padding: 4px 5px 4px;
  4636. padding-left: 66px;
  4637. }
  4638. .dx-device-ios .dx-datebox.dx-texteditor-empty .dx-texteditor-input {
  4639. min-height: 23px;
  4640. }
  4641. .dx-dateview-rollers {
  4642. width: auto;
  4643. text-align: center;
  4644. display: block;
  4645. }
  4646. .dx-dateviewroller-current .dx-dateview-item {
  4647. -webkit-transition: font-size 0.2s ease-out;
  4648. transition: font-size 0.2s ease-out;
  4649. }
  4650. .dx-dateviewroller {
  4651. min-width: 4em;
  4652. text-align: center;
  4653. display: inline-block;
  4654. }
  4655. .dx-dateviewroller .dx-button {
  4656. display: none;
  4657. }
  4658. .dx-dateviewroller .dx-scrollable-content:before,
  4659. .dx-dateviewroller .dx-scrollable-content:after {
  4660. content: "";
  4661. height: 59px;
  4662. display: block;
  4663. }
  4664. .dx-dateviewroller .dx-scrollable-container {
  4665. height: 152px;
  4666. }
  4667. .dx-dateviewroller.dx-dateviewroller-year {
  4668. min-width: 4.85em;
  4669. }
  4670. .dx-dateviewroller.dx-state-active .dx-button {
  4671. display: none;
  4672. }
  4673. .dx-dateviewroller-month {
  4674. min-width: 12em;
  4675. }
  4676. .dx-dateviewroller-hours:after {
  4677. content: ":";
  4678. font-size: 2.2em;
  4679. position: absolute;
  4680. right: -9%;
  4681. font-weight: bold;
  4682. top: 37%;
  4683. color: #333;
  4684. }
  4685. .dx-dateviewroller-hours .dx-dateview-item-selected-frame {
  4686. padding-left: 20%;
  4687. }
  4688. .dx-dateviewroller-minutes .dx-dateview-item-selected-frame {
  4689. width: 80%;
  4690. }
  4691. .dx-dateview-item {
  4692. height: 34px;
  4693. line-height: 34px;
  4694. text-align: center;
  4695. font-size: 1.3em;
  4696. color: #333;
  4697. }
  4698. .dx-dateview-item-selected {
  4699. font-size: 2.2em;
  4700. }
  4701. .dx-rtl.dx-dateviewroller-hours:after {
  4702. left: -9%;
  4703. right: auto;
  4704. }
  4705. .dx-dateview-item-selected-frame {
  4706. position: absolute;
  4707. top: 59px;
  4708. width: 100%;
  4709. }
  4710. .dx-dateview-item-selected-frame:before,
  4711. .dx-dateview-item-selected-frame:after {
  4712. -webkit-backface-visibility: hidden;
  4713. backface-visibility: hidden;
  4714. content: "";
  4715. display: block;
  4716. width: 100%;
  4717. position: absolute;
  4718. height: 59px;
  4719. }
  4720. .dx-dateview-item-selected-frame:before {
  4721. top: -59px;
  4722. border-bottom: 1px solid #ddd;
  4723. background-repeat: no-repeat;
  4724. background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0.8)));
  4725. background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
  4726. }
  4727. .dx-dateview-item-selected-frame:after {
  4728. top: 34px;
  4729. border-top: 1px solid #ddd;
  4730. background-repeat: no-repeat;
  4731. background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0.8)));
  4732. background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
  4733. }
  4734. .dx-device-tablet .dx-dateview-rollers,
  4735. .dx-device-phone .dx-dateview-rollers,
  4736. .dx-dateview-compact .dx-dateview-rollers {
  4737. display: -webkit-box;
  4738. display: -webkit-flex;
  4739. display: -ms-flexbox;
  4740. display: flex;
  4741. -webkit-box-orient: horizontal;
  4742. -webkit-box-direction: normal;
  4743. -webkit-flex-flow: row nowrap;
  4744. -ms-flex-flow: row nowrap;
  4745. flex-flow: row nowrap;
  4746. }
  4747. .dx-device-tablet .dx-dateviewroller-month,
  4748. .dx-device-phone .dx-dateviewroller-month,
  4749. .dx-dateview-compact .dx-dateviewroller-month {
  4750. min-width: 4em;
  4751. }
  4752. .dx-device-tablet .dx-dateview-item,
  4753. .dx-device-phone .dx-dateview-item,
  4754. .dx-dateview-compact .dx-dateview-item {
  4755. font-size: 1.1em;
  4756. }
  4757. .dx-device-tablet .dx-dateview-item-selected,
  4758. .dx-device-phone .dx-dateview-item-selected,
  4759. .dx-dateview-compact .dx-dateview-item-selected {
  4760. font-size: 1.4em;
  4761. }
  4762. .dx-toolbar {
  4763. background-color: #fff;
  4764. color: #333;
  4765. padding: 0;
  4766. overflow: visible;
  4767. }
  4768. .dx-toolbar .dx-toolbar-before {
  4769. padding-right: 15px;
  4770. }
  4771. .dx-rtl.dx-toolbar .dx-toolbar-before {
  4772. padding-right: 0;
  4773. padding-left: 15px;
  4774. }
  4775. .dx-toolbar .dx-toolbar-after {
  4776. padding-left: 15px;
  4777. }
  4778. .dx-rtl.dx-toolbar .dx-toolbar-after {
  4779. padding-left: 0;
  4780. padding-right: 15px;
  4781. }
  4782. .dx-toolbar .dx-toolbar-before:empty,
  4783. .dx-toolbar .dx-toolbar-after:empty {
  4784. padding: 0;
  4785. }
  4786. .dx-toolbar .dx-toolbar-items-container {
  4787. height: 26px;
  4788. overflow: visible;
  4789. }
  4790. .dx-toolbar .dx-toolbar-menu-container {
  4791. padding: 0 0 0 5px;
  4792. }
  4793. .dx-rtl.dx-toolbar .dx-toolbar-menu-container {
  4794. padding: 0 5px 0 0;
  4795. }
  4796. .dx-toolbar .dx-toolbar-item {
  4797. padding: 0 5px 0 0;
  4798. }
  4799. .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  4800. padding-left: 20px;
  4801. }
  4802. .dx-toolbar .dx-toolbar-item:last-child {
  4803. padding: 0;
  4804. }
  4805. .dx-rtl.dx-toolbar .dx-toolbar-item {
  4806. padding: 0 0 0 5px;
  4807. }
  4808. .dx-rtl.dx-toolbar .dx-toolbar-item:last-child {
  4809. padding: 0;
  4810. }
  4811. .dx-toolbar .dx-toolbar-label {
  4812. font-size: 18px;
  4813. }
  4814. .dx-device-mobile .dx-toolbar {
  4815. padding: 0;
  4816. overflow: visible;
  4817. }
  4818. .dx-device-mobile .dx-toolbar .dx-toolbar-before {
  4819. padding-right: 15px;
  4820. }
  4821. .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-before {
  4822. padding-right: 0;
  4823. padding-left: 15px;
  4824. }
  4825. .dx-device-mobile .dx-toolbar .dx-toolbar-after {
  4826. padding-left: 15px;
  4827. }
  4828. .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-after {
  4829. padding-left: 0;
  4830. padding-right: 15px;
  4831. }
  4832. .dx-device-mobile .dx-toolbar .dx-toolbar-before:empty,
  4833. .dx-device-mobile .dx-toolbar .dx-toolbar-after:empty {
  4834. padding: 0;
  4835. }
  4836. .dx-device-mobile .dx-toolbar .dx-toolbar-items-container {
  4837. height: 36px;
  4838. overflow: visible;
  4839. }
  4840. .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container {
  4841. padding: 0 0 0 5px;
  4842. }
  4843. .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-menu-container {
  4844. padding: 0 5px 0 0;
  4845. }
  4846. .dx-device-mobile .dx-toolbar .dx-toolbar-item {
  4847. padding: 0 5px 0 0;
  4848. }
  4849. .dx-device-mobile .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  4850. padding-left: 20px;
  4851. }
  4852. .dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child {
  4853. padding: 0;
  4854. }
  4855. .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item {
  4856. padding: 0 0 0 5px;
  4857. }
  4858. .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child {
  4859. padding: 0;
  4860. }
  4861. .dx-device-mobile .dx-toolbar .dx-toolbar-label {
  4862. font-size: 20px;
  4863. }
  4864. .dx-toolbar.dx-state-disabled {
  4865. opacity: 1;
  4866. }
  4867. .dx-toolbar.dx-toolbar-compact .dx-button {
  4868. min-width: auto;
  4869. }
  4870. .dx-toolbar-after .dx-toolbar-item {
  4871. padding: 0 0 0 5px;
  4872. }
  4873. .dx-toolbar-after .dx-toolbar-item:last-child {
  4874. padding: 0 0 0 5px;
  4875. }
  4876. .dx-toolbar-after .dx-toolbar-item:first-child {
  4877. padding: 0;
  4878. }
  4879. .dx-rtl.dx-toolbar-after .dx-toolbar-item:first-child {
  4880. padding-left: 5px;
  4881. }
  4882. .dx-device-mobile .dx-toolbar-after .dx-toolbar-item {
  4883. padding: 0 0 0 5px;
  4884. }
  4885. .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:last-child {
  4886. padding: 0 0 0 5px;
  4887. }
  4888. .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child {
  4889. padding: 0;
  4890. }
  4891. .dx-rtl.dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child {
  4892. padding-left: 5px;
  4893. }
  4894. .dx-toolbar-background {
  4895. background-color: #fff;
  4896. }
  4897. .dx-toolbar-menu-section {
  4898. border-bottom: 1px solid #ddd;
  4899. }
  4900. .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content {
  4901. padding: 0;
  4902. }
  4903. .dx-toolbar-menu-section .dx-button-content {
  4904. padding: 4px;
  4905. }
  4906. .dx-toolbar-menu-section .dx-toolbar-item-auto-hide {
  4907. padding: 5px 10px;
  4908. }
  4909. .dx-toolbar-text-auto-hide .dx-button .dx-button-content {
  4910. padding: 5px;
  4911. }
  4912. .dx-toolbar-text-auto-hide .dx-button .dx-icon {
  4913. color: #333;
  4914. width: 14px;
  4915. height: 14px;
  4916. background-position: 0px 0px;
  4917. background-size: 14px 14px;
  4918. padding: 0px;
  4919. font-size: 14px;
  4920. text-align: center;
  4921. line-height: 14px;
  4922. margin-right: 0;
  4923. margin-left: 0;
  4924. }
  4925. .dx-rtl .dx-toolbar-text-auto-hide .dx-button .dx-icon,
  4926. .dx-rtl.dx-toolbar-text-auto-hide .dx-button .dx-icon {
  4927. margin-left: 0;
  4928. margin-right: 0;
  4929. }
  4930. .dx-toolbar .dx-tab {
  4931. padding: 4px;
  4932. }
  4933. .dx-tile {
  4934. color: #333;
  4935. background-color: #fff;
  4936. border: 1px solid rgba(221, 221, 221, 0.6);
  4937. text-align: left;
  4938. }
  4939. .dx-tile.dx-state-focused,
  4940. .dx-tile.dx-state-hover {
  4941. background-color: #fff;
  4942. border-color: rgba(51, 122, 183, 0.4);
  4943. }
  4944. .dx-tile.dx-state-active {
  4945. background-color: rgba(96, 96, 96, 0.2);
  4946. color: #333;
  4947. border-color: transparent;
  4948. }
  4949. .dx-overlay-shader {
  4950. background-color: rgba(255, 255, 255, 0.8);
  4951. }
  4952. .dx-overlay-wrapper {
  4953. color: #333;
  4954. font-weight: normal;
  4955. font-size: 12px;
  4956. font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
  4957. line-height: 1.33334;
  4958. }
  4959. .dx-overlay-wrapper input,
  4960. .dx-overlay-wrapper textarea {
  4961. font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
  4962. line-height: 1.33334;
  4963. }
  4964. .dx-popup-wrapper .dx-state-focused.dx-overlay-content {
  4965. border: 1px solid #ddd;
  4966. }
  4967. .dx-toast-content {
  4968. color: #fff;
  4969. font-size: 12px;
  4970. font-weight: 600;
  4971. line-height: 25px;
  4972. padding: 5px;
  4973. -webkit-box-shadow: 0px 2px 3px 0px transparent;
  4974. box-shadow: 0px 2px 3px 0px transparent;
  4975. border-radius: 6px;
  4976. }
  4977. .dx-toast-icon {
  4978. width: 25px;
  4979. height: 25px;
  4980. }
  4981. .dx-toast-info {
  4982. background-color: #337ab7;
  4983. }
  4984. .dx-toast-info .dx-toast-icon {
  4985. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABoklEQVRIx63WPUvDQBjA8QMFsZNLlgpxtINjBsFVqINghm4dRAe/Rpdm6UcQHERwUYdAJ8HvkKHEQdrPEBQUrf7PoabtveSSSrit3PPjeve8RCCsyyMkIiYlAzJSYiJCPPt+248BfRKkdSX0CcoZnx7jAiJfY3r4LqbNsITI15B2EdNlVBGRSEZ0bUyXyQqIRDJZQIu/M1oRmZ2ovcz4zjt558NxR/6C6Vk2fHLPOXtsIhA0aHHGA1/Gvl7OBMYT/3BF05poTS5Be/5gxvQ15JWjgtyerWPelP19hMDTMvabQyciEJwoJ0rwBKF2lutSRCC4UWJCQaQx+5WYAyUmEsQas1WJ2VJiYkGqMTuVmG0lJhVkGnNaiblQYjKhZYHkmY1SpMGLEoN5Gskt605kjTstIjPvRiJ50tuSksePxv7UfKm8HAe0DGKXgZbB85eKHLWdKkjHUpjzvAmdHaUKIgnNmrIzLiTBs1W4ybiQvwq39RuV6TB1jpvA1f1yxo0sdT9XLy5DlF5cPBmmq0yG2uZUbVOzthle2xdFbd83//za+gXw/JH9LjmoAgAAAABJRU5ErkJggg==);
  4986. }
  4987. .dx-toast-message {
  4988. line-height: 16px;
  4989. }
  4990. .dx-toast-warning {
  4991. background-color: #f0ad4e;
  4992. }
  4993. .dx-toast-warning .dx-toast-icon {
  4994. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABJklEQVRIx62WvW2EQBBGpwlSArdgSrBESuKIQhySLJJbcAuXrXTZteCAAG3GlWBRwVsHB+Ykw8zeafVlaPSY/1lBdlXQ0OMJzMBMwNPTUOzb732scAzEXQ04KhtT0jEdIFZNdJQapuZsIFadqY8wLWMiJBIZafcwLdcHIJHIdQNt4YwPQm4e1feYMjkn/3NUbpjuSUgk0q2YSinx5xL0SSl/dcM45V8r5qLYOEQoDjs2FTNQCI0a+deC+VatGqFPwugD0gs+A8YLQTW4LJgf1SoIcxJG751ZIAMGy5sp1ZuQgHkxMMGqVJq81Tdp6q0unnhFeDMK3lgz9b6k+MOaKX3CUzDO3jd2UH/7JtP2y7aLM12GbHcq29XMdsOzvSiyvW+efG39AmPXSbHWZjgLAAAAAElFTkSuQmCC);
  4995. }
  4996. .dx-toast-error {
  4997. background-color: #d9534f;
  4998. }
  4999. .dx-toast-error .dx-toast-icon {
  5000. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABeklEQVRIx62WMWrDQBBFx01I5zQinQ5hdINA3Kp3mUNEnSBIdwgEcgeBC18gVRojjDr7BklUxAE3b1NYihVrdmWbZbpl9FjN/zOzgqgREJNTUFEDNRUFOTGBnq8dRmQsMWosyYiGMSEpawuijTUpoQszZT6AaGPO1IaZsToRYjCsmGmYGZszIAbD5gA6/M7qTMj+RtMuJjy5Jv0ahQdMeiHEYEhbTKRK/KN+9K3IH+0xmZK+4Jb33mnChM/eaYYIgeLYBdcI4yNQgiBM+Oo5OxBi5S5l0ztdUNJoGrPr5cdCrtbgGOSCGHKhsCjQBbkhhkKorFK2oKsBiKESaocnys58sUMMtYDTXA8NZMSbIwv3bZJO/48VH3VuY6/NYwO4V+Tv1aYYgMTsVB8dKZUPQmyG/OcbzcUvijot6IYPzcVaT225UyQuCRjxrGyLwNbhW54Un5S8KrmZa96cGn/zxtP08zaLPW0Gb3vK29b0tsO9vSi8vW8ufG39AnvvGenmMu5AAAAAAElFTkSuQmCC);
  5001. }
  5002. .dx-toast-success {
  5003. background-color: #5cb85c;
  5004. }
  5005. .dx-toast-success .dx-toast-icon {
  5006. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABlklEQVRIx62Wv0rDUBSHTxE6uHTKGhDEzS2jg4vUMeBmX8BR8AFiJQEfwck3cAh2cxBcXEup3VoHF3UxS1FBvuvQhPy5N0lTwplyknz33HN+95wriNEsXAJCZkRAxIyQABfL/L3J6eAzRhltjI9Tj7HxmJcgEpvjYVdh+oxqEImN6JdhBkzXhCgUUwYmzIBFA4hCsUhB6XamDSGriPpZjL12TvQc2SnG2xCiUHgJxqktcdbe+SmU31lh/AaQJQ4HfOR8PiJYpYrVDU4RhD1+c8q2BLdBLNdxXW8KflcI1obcs4UgnGlvAiE0/DDhW/O90EMQDnMbWlkozDTnMz2OC6AvdhGEHT4Ny86EqOB6i1fNgv44QhC2mRi3Gwlozqs4kSnoHEHocFdWQT0ahWKYA93GT5elyY9MucmDHukiCCeGuDO5CUteJaAOgrDPskIKYZVuhpkG/1qpqKBaxRcIQpeHGmG6dWfKM0hfnxZW/Ql/qj0k/ib9Rh83Tqvdr7Ve3NJkaG1OtTY1W5vhrd0oWrvfbHjb+gdn1DPEHv9HmQAAAABJRU5ErkJggg==);
  5007. }
  5008. .dx-popup-wrapper > .dx-overlay-content {
  5009. border: 1px solid #ddd;
  5010. background: #fff;
  5011. -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  5012. box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  5013. border-radius: 6px;
  5014. }
  5015. .dx-popup-wrapper > .dx-popup-fullscreen {
  5016. border-radius: 0;
  5017. }
  5018. .dx-popup-title {
  5019. position: relative;
  5020. padding: 2px 10px;
  5021. min-height: 28px;
  5022. border-bottom: 1px solid #ddd;
  5023. background: transparent;
  5024. color: #333;
  5025. }
  5026. .dx-popup-title.dx-toolbar {
  5027. padding: 2px 10px;
  5028. overflow: visible;
  5029. -webkit-box-shadow: none;
  5030. box-shadow: none;
  5031. }
  5032. .dx-popup-title.dx-toolbar .dx-toolbar-before {
  5033. padding-right: 15px;
  5034. }
  5035. .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-before {
  5036. padding-right: 0;
  5037. padding-left: 15px;
  5038. }
  5039. .dx-popup-title.dx-toolbar .dx-toolbar-after {
  5040. padding-left: 15px;
  5041. }
  5042. .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-after {
  5043. padding-left: 0;
  5044. padding-right: 15px;
  5045. }
  5046. .dx-popup-title.dx-toolbar .dx-toolbar-before:empty,
  5047. .dx-popup-title.dx-toolbar .dx-toolbar-after:empty {
  5048. padding: 0;
  5049. }
  5050. .dx-popup-title.dx-toolbar .dx-toolbar-items-container {
  5051. height: 26px;
  5052. overflow: visible;
  5053. }
  5054. .dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
  5055. padding: 0 0 0 5px;
  5056. }
  5057. .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
  5058. padding: 0 5px 0 0;
  5059. }
  5060. .dx-popup-title.dx-toolbar .dx-toolbar-item {
  5061. padding: 0 5px 0 0;
  5062. }
  5063. .dx-popup-title.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  5064. padding-left: 20px;
  5065. }
  5066. .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
  5067. padding: 0;
  5068. }
  5069. .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item {
  5070. padding: 0 0 0 5px;
  5071. }
  5072. .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
  5073. padding: 0;
  5074. }
  5075. .dx-popup-title.dx-toolbar .dx-toolbar-label {
  5076. font-size: 18px;
  5077. }
  5078. .dx-popup-title .dx-closebutton {
  5079. display: block;
  5080. border-radius: 4px;
  5081. border-width: 1px;
  5082. border-style: solid;
  5083. background: transparent;
  5084. border-color: transparent;
  5085. width: 19px;
  5086. height: 19px;
  5087. margin: 0 -4px 0 4px;
  5088. }
  5089. .dx-popup-title .dx-closebutton .dx-button-content {
  5090. padding: 0;
  5091. }
  5092. .dx-popup-title .dx-closebutton .dx-icon {
  5093. -webkit-box-sizing: border-box;
  5094. box-sizing: border-box;
  5095. }
  5096. .dx-state-disabled.dx-popup-title .dx-closebutton .dx-icon,
  5097. .dx-state-disabled .dx-popup-title .dx-closebutton .dx-icon {
  5098. opacity: 0.6;
  5099. }
  5100. .dx-state-disabled.dx-popup-title .dx-closebutton .dx-button-text,
  5101. .dx-state-disabled .dx-popup-title .dx-closebutton .dx-button-text {
  5102. opacity: 0.5;
  5103. }
  5104. .dx-rtl .dx-popup-title .dx-closebutton {
  5105. margin: 0 4px 0 -4px;
  5106. }
  5107. .dx-popup-title .dx-closebutton .dx-icon {
  5108. width: 17px;
  5109. height: 17px;
  5110. background-position: 3px 3px;
  5111. background-size: 11px 11px;
  5112. padding: 3px;
  5113. font-size: 11px;
  5114. text-align: center;
  5115. line-height: 11px;
  5116. }
  5117. .dx-device-mobile .dx-popup-title .dx-closebutton {
  5118. width: 37px;
  5119. height: 37px;
  5120. margin: 0 -11px 0 11px;
  5121. }
  5122. .dx-rtl .dx-device-mobile .dx-popup-title .dx-closebutton {
  5123. margin: 0 11px 0 -11px;
  5124. }
  5125. .dx-device-mobile .dx-popup-title .dx-closebutton .dx-icon {
  5126. width: 35px;
  5127. height: 35px;
  5128. background-position: 10px 10px;
  5129. background-size: 15px 15px;
  5130. padding: 10px;
  5131. font-size: 15px;
  5132. text-align: center;
  5133. line-height: 15px;
  5134. }
  5135. .dx-popup-content {
  5136. padding: 10px;
  5137. }
  5138. .dx-popup-content > .dx-button {
  5139. margin: 0 5px;
  5140. }
  5141. .dx-popup-bottom {
  5142. background: transparent;
  5143. color: #333;
  5144. }
  5145. .dx-popup-bottom.dx-toolbar {
  5146. padding: 10px;
  5147. overflow: visible;
  5148. }
  5149. .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  5150. padding-right: 15px;
  5151. }
  5152. .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  5153. padding-right: 0;
  5154. padding-left: 15px;
  5155. }
  5156. .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  5157. padding-left: 15px;
  5158. }
  5159. .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  5160. padding-left: 0;
  5161. padding-right: 15px;
  5162. }
  5163. .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty,
  5164. .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty {
  5165. padding: 0;
  5166. }
  5167. .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  5168. height: 26px;
  5169. overflow: visible;
  5170. }
  5171. .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  5172. padding: 0 0 0 5px;
  5173. }
  5174. .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  5175. padding: 0 5px 0 0;
  5176. }
  5177. .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  5178. padding: 0 5px 0 0;
  5179. }
  5180. .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  5181. padding-left: 20px;
  5182. }
  5183. .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  5184. padding: 0;
  5185. }
  5186. .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  5187. padding: 0 0 0 5px;
  5188. }
  5189. .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  5190. padding: 0;
  5191. }
  5192. .dx-popup-bottom.dx-toolbar .dx-toolbar-label {
  5193. font-size: 18px;
  5194. }
  5195. .dx-device-mobile .dx-popup-bottom.dx-toolbar {
  5196. padding: 10px;
  5197. overflow: visible;
  5198. }
  5199. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  5200. padding-right: 15px;
  5201. }
  5202. .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  5203. padding-right: 0;
  5204. padding-left: 15px;
  5205. }
  5206. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  5207. padding-left: 15px;
  5208. }
  5209. .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  5210. padding-left: 0;
  5211. padding-right: 15px;
  5212. }
  5213. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty,
  5214. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty {
  5215. padding: 0;
  5216. }
  5217. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  5218. height: 26px;
  5219. overflow: visible;
  5220. }
  5221. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  5222. padding: 0 0 0 5px;
  5223. }
  5224. .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  5225. padding: 0 5px 0 0;
  5226. }
  5227. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  5228. padding: 0 5px 0 0;
  5229. }
  5230. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  5231. padding-left: 20px;
  5232. }
  5233. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  5234. padding: 0;
  5235. }
  5236. .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  5237. padding: 0 0 0 5px;
  5238. }
  5239. .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  5240. padding: 0;
  5241. }
  5242. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-label {
  5243. font-size: 18px;
  5244. }
  5245. .dx-popup-bottom .dx-button {
  5246. min-width: 100px;
  5247. }
  5248. .dx-popup-content.dx-dialog-content {
  5249. min-width: 200px;
  5250. padding: 10px;
  5251. }
  5252. .dx-dialog-message {
  5253. padding: 0;
  5254. }
  5255. .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after {
  5256. background: #fff;
  5257. }
  5258. .dx-popover-wrapper .dx-popup-title {
  5259. margin: 0;
  5260. }
  5261. .dx-popover-wrapper .dx-popup-title.dx-toolbar {
  5262. padding-left: 15px;
  5263. }
  5264. .dx-popover-wrapper .dx-popover-arrow:after,
  5265. .dx-popover-wrapper.dx-popover-without-title .dx-popover-arrow:after {
  5266. background: #fff;
  5267. }
  5268. .dx-popover-arrow:after {
  5269. border: 1px solid #ddd;
  5270. }
  5271. .dx-popover-wrapper .dx-rtl.dx-popup-title.dx-toolbar {
  5272. padding-right: 15px;
  5273. padding-left: 0;
  5274. }
  5275. .dx-progressbar-container {
  5276. height: 6px;
  5277. border: 1px solid #ddd;
  5278. background-color: #dddddd;
  5279. border-radius: 2px;
  5280. }
  5281. .dx-progressbar-range {
  5282. position: relative;
  5283. border: 1px solid #337ab7;
  5284. background-color: #337ab7;
  5285. margin-top: -1px;
  5286. -webkit-box-sizing: content-box;
  5287. box-sizing: content-box;
  5288. border-top-left-radius: 2px;
  5289. border-bottom-left-radius: 2px;
  5290. }
  5291. .dx-progressbar-animating-container {
  5292. height: 6px;
  5293. background-color: #dddddd;
  5294. background-size: 90% 5px;
  5295. border: 1px solid #ddd;
  5296. border-radius: 2px;
  5297. -webkit-animation: loader 2s linear infinite;
  5298. animation: loader 2s linear infinite;
  5299. background-repeat: no-repeat;
  5300. background-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(#337ab7), color-stop(95%, transparent));
  5301. background-image: linear-gradient(-90deg, transparent 5%, #337ab7, transparent 95%);
  5302. background-repeat: repeat;
  5303. }
  5304. .dx-state-disabled .dx-progressbar-range {
  5305. background-color: rgba(51, 122, 183, 0.6);
  5306. }
  5307. .dx-state-disabled .dx-progressbar-animating-container {
  5308. -webkit-animation: none;
  5309. animation: none;
  5310. background-position-x: 45%;
  5311. }
  5312. .dx-rtl .dx-progressbar .dx-progressbar-animating-container,
  5313. .dx-rtl.dx-progressbar .dx-progressbar-animating-container {
  5314. -webkit-animation: loader-rtl 2s linear infinite;
  5315. animation: loader-rtl 2s linear infinite;
  5316. background-repeat: no-repeat;
  5317. background-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(#337ab7), color-stop(95%, transparent));
  5318. background-image: linear-gradient(-90deg, transparent 5%, #337ab7, transparent 95%);
  5319. background-repeat: repeat;
  5320. }
  5321. @-webkit-keyframes loader {
  5322. 0% {
  5323. background-position-x: 0;
  5324. }
  5325. 100% {
  5326. background-position-x: 900%;
  5327. }
  5328. }
  5329. @keyframes loader {
  5330. 0% {
  5331. background-position-x: 0;
  5332. }
  5333. 100% {
  5334. background-position-x: 900%;
  5335. }
  5336. }
  5337. @-webkit-keyframes loader-rtl {
  5338. 0% {
  5339. background-position-x: 0;
  5340. }
  5341. 100% {
  5342. background-position-x: -900%;
  5343. }
  5344. }
  5345. @keyframes loader-rtl {
  5346. 0% {
  5347. background-position-x: 0;
  5348. }
  5349. 100% {
  5350. background-position-x: -900%;
  5351. }
  5352. }
  5353. .dx-tooltip-wrapper .dx-overlay-content {
  5354. border: 1px solid #ddd;
  5355. background-color: #fff;
  5356. color: #333;
  5357. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  5358. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  5359. border-radius: 4px;
  5360. }
  5361. .dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow:after {
  5362. border: 1px solid #ddd;
  5363. background: #fff;
  5364. }
  5365. .dx-slider .dx-tooltip-wrapper .dx-overlay-content {
  5366. -webkit-box-shadow: none;
  5367. box-shadow: none;
  5368. }
  5369. .dx-slider .dx-state-active.dx-slider-handle {
  5370. border: 1px solid #fff;
  5371. background: #204d73;
  5372. }
  5373. .dx-slider .dx-state-focused.dx-slider-handle:not(.dx-state-active) {
  5374. border: 1px solid #fff;
  5375. background: #285f8f;
  5376. }
  5377. .dx-slider .dx-state-hover.dx-slider-handle:not(.dx-state-active) {
  5378. border: 1px solid #fff;
  5379. background: #285f8f;
  5380. }
  5381. .dx-slider-wrapper {
  5382. height: 20px;
  5383. }
  5384. .dx-slider-bar {
  5385. margin: 10px 4.5px;
  5386. height: 2px;
  5387. background: #ddd;
  5388. border-radius: 2px;
  5389. }
  5390. .dx-slider-range {
  5391. border: 1px solid transparent;
  5392. height: 0px;
  5393. -webkit-box-sizing: content-box;
  5394. box-sizing: content-box;
  5395. }
  5396. .dx-slider-range.dx-slider-range-visible {
  5397. border: 1px solid #337ab7;
  5398. background: #337ab7;
  5399. border-radius: 2px;
  5400. }
  5401. .dx-slider-label-position-bottom .dx-slider-label {
  5402. bottom: -17px;
  5403. }
  5404. .dx-slider-label-position-top .dx-slider-label {
  5405. top: -14px;
  5406. }
  5407. .dx-slider-handle {
  5408. margin-top: -10px;
  5409. margin-right: -4.5px;
  5410. width: 9px;
  5411. height: 20px;
  5412. border: 1px solid #fff;
  5413. background-color: #337ab7;
  5414. border-radius: 3px;
  5415. -webkit-box-sizing: content-box;
  5416. box-sizing: content-box;
  5417. }
  5418. .dx-state-disabled .dx-slider,
  5419. .dx-state-disabled.dx-slider {
  5420. opacity: 1;
  5421. }
  5422. .dx-state-disabled .dx-slider .dx-slider-bar,
  5423. .dx-state-disabled.dx-slider .dx-slider-bar {
  5424. opacity: .5;
  5425. }
  5426. .dx-invalid .dx-slider-handle {
  5427. background-color: #d9534f;
  5428. }
  5429. .dx-invalid .dx-slider-range-visible {
  5430. background-color: #d9534f;
  5431. border-color: #d9534f;
  5432. }
  5433. .dx-invalid .dx-slider-bar {
  5434. background-color: rgba(217, 83, 79, 0.4);
  5435. }
  5436. .dx-rtl .dx-slider-handle {
  5437. margin-left: -5px;
  5438. }
  5439. .dx-rangeslider-start-handle {
  5440. margin-left: -7px;
  5441. }
  5442. .dx-rtl .dx-rangeslider-start-handle {
  5443. margin-right: -7px;
  5444. }
  5445. .dx-gallery .dx-gallery-nav-button-prev,
  5446. .dx-gallery .dx-gallery-nav-button-next {
  5447. position: absolute;
  5448. top: 0;
  5449. width: 34%;
  5450. height: 100%;
  5451. background: #fff;
  5452. background: transparent;
  5453. cursor: pointer;
  5454. font-size: 32px;
  5455. text-align: center;
  5456. line-height: 32px;
  5457. }
  5458. .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:after,
  5459. .dx-gallery .dx-gallery-nav-button-next.dx-state-hover:after {
  5460. background-color: rgba(51, 122, 183, 0.5);
  5461. }
  5462. .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:after,
  5463. .dx-gallery .dx-gallery-nav-button-next.dx-state-active:after {
  5464. background-color: rgba(51, 122, 183, 0.7);
  5465. }
  5466. .dx-gallery .dx-gallery-nav-button-prev:before,
  5467. .dx-gallery .dx-gallery-nav-button-next:before {
  5468. position: absolute;
  5469. display: block;
  5470. width: 32px;
  5471. top: 50%;
  5472. margin-top: -16px;
  5473. left: 50%;
  5474. margin-left: -16px;
  5475. }
  5476. .dx-gallery .dx-gallery-nav-button-prev:after,
  5477. .dx-gallery .dx-gallery-nav-button-next:after {
  5478. content: '';
  5479. position: absolute;
  5480. width: 32px;
  5481. height: 100%;
  5482. border-radius: 0px;
  5483. }
  5484. .dx-gallery .dx-gallery-nav-button-prev:before,
  5485. .dx-gallery .dx-gallery-nav-button-next:before {
  5486. position: absolute;
  5487. z-index: 10;
  5488. clear: both;
  5489. font-size: 32px;
  5490. color: #fff;
  5491. }
  5492. .dx-gallery .dx-gallery-nav-button-prev {
  5493. font: 14px/1 DXIcons;
  5494. }
  5495. .dx-gallery .dx-gallery-nav-button-prev:before {
  5496. content: "\f012";
  5497. }
  5498. .dx-gallery .dx-gallery-nav-button-prev:after {
  5499. left: 0;
  5500. }
  5501. .dx-gallery .dx-gallery-nav-button-prev:before {
  5502. left: 0;
  5503. right: auto;
  5504. margin-left: 0;
  5505. }
  5506. .dx-gallery .dx-gallery-nav-button-next {
  5507. font: 14px/1 DXIcons;
  5508. }
  5509. .dx-gallery .dx-gallery-nav-button-next:before {
  5510. content: "\f010";
  5511. }
  5512. .dx-gallery .dx-gallery-nav-button-next:after {
  5513. right: 0;
  5514. }
  5515. .dx-gallery .dx-gallery-nav-button-next:before {
  5516. right: 0;
  5517. left: auto;
  5518. }
  5519. .dx-gallery-indicator {
  5520. pointer-events: none;
  5521. text-align: center;
  5522. }
  5523. .dx-gallery-indicator-item {
  5524. border-radius: 50%;
  5525. -webkit-box-sizing: border-box;
  5526. box-sizing: border-box;
  5527. border: 1px solid #337ab7;
  5528. pointer-events: auto;
  5529. margin: 2px 6px;
  5530. width: 6px;
  5531. height: 6px;
  5532. background: #fff;
  5533. }
  5534. .dx-gallery-indicator-item-active,
  5535. .dx-gallery-indicator-item-selected {
  5536. width: 7px;
  5537. height: 7px;
  5538. background: #337ab7;
  5539. border: 2px solid rgba(255, 255, 255, 0.8);
  5540. margin: 1.5px 6px;
  5541. }
  5542. .dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected {
  5543. background: #22527b;
  5544. }
  5545. .dx-lookup {
  5546. height: 26px;
  5547. border: 1px solid #ddd;
  5548. background: #fff;
  5549. }
  5550. .dx-lookup.dx-editor-underlined {
  5551. background: transparent;
  5552. }
  5553. .dx-lookup-field {
  5554. padding: 4px 24px 4px 5px;
  5555. font-size: 1em;
  5556. }
  5557. .dx-rtl .dx-lookup-field {
  5558. padding: 4px 5px 4px 24px;
  5559. }
  5560. .dx-lookup-arrow {
  5561. font: 14px/1 DXIcons;
  5562. width: 24px;
  5563. color: #333;
  5564. font-size: 14px;
  5565. text-align: center;
  5566. line-height: 14px;
  5567. }
  5568. .dx-lookup-arrow:before {
  5569. content: "\f04e";
  5570. }
  5571. .dx-rtl .dx-lookup-arrow:before {
  5572. content: "\f04f";
  5573. }
  5574. .dx-lookup-arrow:before {
  5575. position: absolute;
  5576. display: block;
  5577. width: 14px;
  5578. top: 50%;
  5579. margin-top: -7px;
  5580. left: 50%;
  5581. margin-left: -7px;
  5582. }
  5583. .dx-state-readonly .dx-lookup-field:before {
  5584. opacity: .5;
  5585. }
  5586. .dx-lookup-popup-wrapper .dx-list-item {
  5587. border-top: none;
  5588. }
  5589. .dx-lookup-popup-wrapper .dx-list-item:last-of-type {
  5590. border-bottom: none;
  5591. }
  5592. .dx-lookup-popup-wrapper .dx-list-item-content {
  5593. padding-left: 10px;
  5594. padding-right: 10px;
  5595. }
  5596. .dx-lookup-popup-wrapper .dx-popup-content {
  5597. top: 0;
  5598. padding: 0;
  5599. }
  5600. .dx-lookup-popup-wrapper .dx-popup-title + .dx-popup-content {
  5601. top: 36px;
  5602. }
  5603. .dx-lookup-empty .dx-lookup-field {
  5604. color: #999999;
  5605. }
  5606. .dx-invalid.dx-lookup .dx-lookup-field:after {
  5607. right: 26px;
  5608. pointer-events: none;
  5609. font-weight: bold;
  5610. background-color: #d9534f;
  5611. color: #fff;
  5612. content: '!';
  5613. position: absolute;
  5614. top: 50%;
  5615. margin-top: -8px;
  5616. width: 16px;
  5617. height: 16px;
  5618. border-radius: 50%;
  5619. text-align: center;
  5620. line-height: 16px;
  5621. font-size: 11px;
  5622. }
  5623. .dx-rtl .dx-invalid.dx-lookup .dx-lookup-field:after,
  5624. .dx-rtl.dx-invalid.dx-lookup .dx-lookup-field:after {
  5625. right: auto;
  5626. left: 26px;
  5627. }
  5628. .dx-lookup-validation-message {
  5629. font-size: 12px;
  5630. line-height: 12px;
  5631. padding: 7px 10px 10px;
  5632. margin-bottom: 10px;
  5633. margin-left: -10px;
  5634. border-bottom: 1px solid #ddd;
  5635. color: #d9534f;
  5636. }
  5637. .dx-rtl .dx-lookup-validation-message {
  5638. margin-right: -10px;
  5639. margin-left: 0;
  5640. }
  5641. .dx-lookup-popup-search .dx-list {
  5642. height: calc(100% - 45px);
  5643. }
  5644. .dx-lookup-search-wrapper {
  5645. padding: 10px;
  5646. padding-bottom: 4px;
  5647. }
  5648. .dx-popup-content.dx-lookup-invalid {
  5649. padding-top: 0;
  5650. }
  5651. .dx-popup-content.dx-lookup-invalid .dx-lookup-validation-message {
  5652. display: inline-block;
  5653. }
  5654. .dx-popup-content.dx-lookup-invalid .dx-list {
  5655. top: 30px;
  5656. }
  5657. .dx-lookup-popup-search .dx-popup-content.dx-lookup-invalid .dx-list {
  5658. top: 75px;
  5659. }
  5660. .dx-actionsheet-container .dx-actionsheet-item {
  5661. margin: 0 0 5px 0;
  5662. }
  5663. .dx-actionsheet-container .dx-button {
  5664. margin: 0;
  5665. }
  5666. .dx-button.dx-actionsheet-cancel {
  5667. margin: 0;
  5668. }
  5669. .dx-loadindicator {
  5670. background-color: transparent;
  5671. }
  5672. .dx-loadindicator-image {
  5673. background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7);
  5674. }
  5675. .dx-loadindicator-icon {
  5676. position: relative;
  5677. top: 15%;
  5678. left: 15%;
  5679. width: 70%;
  5680. height: 70%;
  5681. }
  5682. .dx-loadindicator-icon .dx-loadindicator-segment {
  5683. position: absolute;
  5684. width: 19%;
  5685. height: 30%;
  5686. left: 44.5%;
  5687. top: 37%;
  5688. opacity: 0;
  5689. background: #606060;
  5690. border-radius: 50%;
  5691. border-top-left-radius: 10%;
  5692. border-top-right-radius: 10%;
  5693. -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  5694. box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  5695. -webkit-animation: dx-generic-loadindicator-opacity 1s linear infinite;
  5696. animation: dx-generic-loadindicator-opacity 1s linear infinite;
  5697. }
  5698. @-webkit-keyframes dx-generic-loadindicator-opacity {
  5699. from {
  5700. opacity: 1;
  5701. }
  5702. to {
  5703. opacity: 0.55;
  5704. }
  5705. }
  5706. @keyframes dx-generic-loadindicator-opacity {
  5707. from {
  5708. opacity: 1;
  5709. }
  5710. to {
  5711. opacity: 0.55;
  5712. }
  5713. }
  5714. .dx-loadindicator-icon .dx-loadindicator-segment0 {
  5715. -webkit-transform: rotate(0deg) translate(0, -142%);
  5716. transform: rotate(0deg) translate(0, -142%);
  5717. -webkit-animation-delay: 0s;
  5718. animation-delay: 0s;
  5719. }
  5720. .dx-loadindicator-icon .dx-loadindicator-segment1 {
  5721. -webkit-transform: rotate(45deg) translate(0, -142%);
  5722. transform: rotate(45deg) translate(0, -142%);
  5723. -webkit-animation-delay: -0.875s;
  5724. animation-delay: -0.875s;
  5725. }
  5726. .dx-loadindicator-icon .dx-loadindicator-segment2 {
  5727. -webkit-transform: rotate(90deg) translate(0, -142%);
  5728. transform: rotate(90deg) translate(0, -142%);
  5729. -webkit-animation-delay: -0.75s;
  5730. animation-delay: -0.75s;
  5731. }
  5732. .dx-loadindicator-icon .dx-loadindicator-segment3 {
  5733. -webkit-transform: rotate(135deg) translate(0, -142%);
  5734. transform: rotate(135deg) translate(0, -142%);
  5735. -webkit-animation-delay: -0.625s;
  5736. animation-delay: -0.625s;
  5737. }
  5738. .dx-loadindicator-icon .dx-loadindicator-segment4 {
  5739. -webkit-transform: rotate(180deg) translate(0, -142%);
  5740. transform: rotate(180deg) translate(0, -142%);
  5741. -webkit-animation-delay: -0.5s;
  5742. animation-delay: -0.5s;
  5743. }
  5744. .dx-loadindicator-icon .dx-loadindicator-segment5 {
  5745. -webkit-transform: rotate(225deg) translate(0, -142%);
  5746. transform: rotate(225deg) translate(0, -142%);
  5747. -webkit-animation-delay: -0.375s;
  5748. animation-delay: -0.375s;
  5749. }
  5750. .dx-loadindicator-icon .dx-loadindicator-segment6 {
  5751. -webkit-transform: rotate(270deg) translate(0, -142%);
  5752. transform: rotate(270deg) translate(0, -142%);
  5753. -webkit-animation-delay: -0.25s;
  5754. animation-delay: -0.25s;
  5755. }
  5756. .dx-loadindicator-icon .dx-loadindicator-segment7 {
  5757. -webkit-transform: rotate(315deg) translate(0, -142%);
  5758. transform: rotate(315deg) translate(0, -142%);
  5759. -webkit-animation-delay: -0.125s;
  5760. animation-delay: -0.125s;
  5761. }
  5762. .dx-loadindicator-icon .dx-loadindicator-segment8,
  5763. .dx-loadindicator-icon .dx-loadindicator-segment9,
  5764. .dx-loadindicator-icon .dx-loadindicator-segment10,
  5765. .dx-loadindicator-icon .dx-loadindicator-segment11,
  5766. .dx-loadindicator-icon .dx-loadindicator-segment12,
  5767. .dx-loadindicator-icon .dx-loadindicator-segment13,
  5768. .dx-loadindicator-icon .dx-loadindicator-segment14,
  5769. .dx-loadindicator-icon .dx-loadindicator-segment15 {
  5770. display: none;
  5771. }
  5772. .dx-rtl .dx-loadindicator-icon {
  5773. right: 15%;
  5774. left: 0;
  5775. }
  5776. .dx-loadpanel-content {
  5777. border: 1px solid #ddd;
  5778. background: #fff;
  5779. border-radius: 6px;
  5780. -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
  5781. box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
  5782. }
  5783. .dx-autocomplete .dx-texteditor-input {
  5784. font-size: 1em;
  5785. }
  5786. .dx-autocomplete.dx-invalid .dx-texteditor-container:after {
  5787. right: 4px;
  5788. }
  5789. .dx-rtl .dx-autocomplete.dx-invalid .dx-texteditor-container:after,
  5790. .dx-rtl.dx-autocomplete.dx-invalid .dx-texteditor-container:after {
  5791. left: 4px;
  5792. }
  5793. .dx-dropdownmenu-popup-wrapper .dx-overlay-content .dx-popup-content {
  5794. padding: 1px;
  5795. }
  5796. .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list {
  5797. border-radius: 8px;
  5798. }
  5799. .dx-dropdownmenu-popup-wrapper .dx-list-item {
  5800. border-top: 0;
  5801. }
  5802. .dx-selectbox-popup-wrapper .dx-overlay-content {
  5803. -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
  5804. box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
  5805. }
  5806. .dx-selectbox-popup-wrapper .dx-list {
  5807. background-color: #fff;
  5808. }
  5809. .dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input {
  5810. padding-left: 0;
  5811. margin-left: 3px;
  5812. }
  5813. .dx-rtl .dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input,
  5814. .dx-rtl.dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input {
  5815. padding-right: 0;
  5816. padding-left: 0;
  5817. margin-right: 0;
  5818. margin-left: 0;
  5819. }
  5820. .dx-dropdowneditor-button-visible .dx-tag-container {
  5821. padding-right: 24px;
  5822. }
  5823. .dx-show-clear-button .dx-tag-container {
  5824. padding-right: 22px;
  5825. }
  5826. .dx-show-clear-button.dx-dropdowneditor-button-visible .dx-tag-container {
  5827. padding-right: 46px;
  5828. }
  5829. .dx-tagbox-single-line.dx-dropdowneditor-button-visible .dx-texteditor-container {
  5830. width: calc(100% - 24px);
  5831. }
  5832. .dx-tagbox-single-line .dx-tag-container {
  5833. padding-right: 0;
  5834. }
  5835. .dx-tag-content {
  5836. margin: 2px 0 0 2px;
  5837. padding: 2px 17px 2px 4px;
  5838. min-width: 40px;
  5839. background-color: #dddddd;
  5840. border-radius: 2px;
  5841. color: #333;
  5842. }
  5843. .dx-tag-remove-button {
  5844. width: 17px;
  5845. height: 100%;
  5846. }
  5847. .dx-tag-remove-button:before,
  5848. .dx-tag-remove-button:after {
  5849. right: 7px;
  5850. margin-top: -5px;
  5851. width: 3px;
  5852. height: 11px;
  5853. background: #aaaaaa;
  5854. }
  5855. .dx-tag-remove-button:after {
  5856. right: 3px;
  5857. margin-top: -1px;
  5858. width: 11px;
  5859. height: 3px;
  5860. }
  5861. .dx-tag-remove-button:active:before,
  5862. .dx-tag-remove-button:active:after {
  5863. background: #dddddd;
  5864. }
  5865. .dx-tag.dx-state-focused .dx-tag-content {
  5866. background-color: #cbcbcb;
  5867. color: #333;
  5868. }
  5869. .dx-tag.dx-state-focused .dx-tag-remove-button:before,
  5870. .dx-tag.dx-state-focused .dx-tag-remove-button:after {
  5871. background-color: #aaaaaa;
  5872. }
  5873. .dx-tag.dx-state-focused .dx-tag-remove-button:active:before,
  5874. .dx-tag.dx-state-focused .dx-tag-remove-button:active:after {
  5875. background: #dddddd;
  5876. }
  5877. .dx-tagbox.dx-invalid .dx-texteditor-container:after {
  5878. right: 4px;
  5879. }
  5880. .dx-rtl .dx-tagbox.dx-invalid .dx-texteditor-container:after,
  5881. .dx-rtl.dx-tagbox.dx-invalid .dx-texteditor-container:after {
  5882. left: 4px;
  5883. }
  5884. .dx-tagbox-popup-wrapper .dx-list-select-all {
  5885. border-bottom: 1px solid #ddd;
  5886. padding-bottom: 7px;
  5887. margin-bottom: 1px;
  5888. }
  5889. .dx-rtl .dx-tag-content {
  5890. padding-right: 4px;
  5891. padding-left: 17px;
  5892. }
  5893. .dx-rtl .dx-tag-remove-button:before {
  5894. right: auto;
  5895. left: 7px;
  5896. }
  5897. .dx-rtl .dx-tag-remove-button:after {
  5898. right: auto;
  5899. left: 3px;
  5900. }
  5901. .dx-rtl.dx-dropdowneditor-button-visible .dx-tag-container {
  5902. padding-right: 0;
  5903. padding-left: 24px;
  5904. }
  5905. .dx-rtl.dx-show-clear-button .dx-tag-container {
  5906. padding-right: 0;
  5907. padding-left: 22px;
  5908. }
  5909. .dx-rtl.dx-show-clear-button.dx-dropdowneditor-button-visible .dx-tag-container {
  5910. padding-right: 0;
  5911. padding-left: 46px;
  5912. }
  5913. .dx-radiobutton-icon {
  5914. width: 16px;
  5915. height: 16px;
  5916. }
  5917. .dx-radiobutton-icon:before {
  5918. display: block;
  5919. width: 14px;
  5920. height: 14px;
  5921. border: 1px solid #ddd;
  5922. background-color: #fff;
  5923. content: "";
  5924. border-radius: 8px;
  5925. -webkit-box-sizing: content-box;
  5926. box-sizing: content-box;
  5927. }
  5928. .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
  5929. display: block;
  5930. margin-top: -12px;
  5931. margin-left: 4px;
  5932. width: 8px;
  5933. height: 8px;
  5934. background: #337ab7;
  5935. content: "";
  5936. border-radius: 4px;
  5937. }
  5938. .dx-radiobutton {
  5939. line-height: 16px;
  5940. }
  5941. .dx-radiobutton.dx-state-readonly .dx-radiobutton-icon:before {
  5942. border-color: #f4f4f4;
  5943. background-color: #fff;
  5944. }
  5945. .dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before {
  5946. border-color: rgba(51, 122, 183, 0.4);
  5947. }
  5948. .dx-radiobutton.dx-state-active .dx-radiobutton-icon:before {
  5949. background-color: rgba(96, 96, 96, 0.2);
  5950. }
  5951. .dx-radiobutton.dx-state-focused:not(.dx-state-active) .dx-radiobutton-icon:before {
  5952. border: 1px solid #337ab7;
  5953. }
  5954. .dx-radiobutton.dx-state-disabled {
  5955. opacity: 0.5;
  5956. }
  5957. .dx-invalid .dx-radiobutton-icon:before {
  5958. border-color: rgba(217, 83, 79, 0.4);
  5959. }
  5960. .dx-invalid .dx-state-hover.dx-radiobutton .dx-radiobutton-icon:before {
  5961. border-color: #d9534f;
  5962. }
  5963. .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:before {
  5964. border-color: #d9534f;
  5965. }
  5966. .dx-state-disabled .dx-radiobutton.dx-state-disabled {
  5967. opacity: 1;
  5968. }
  5969. .dx-rtl .dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot,
  5970. .dx-rtl.dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot {
  5971. margin-right: 4.5px;
  5972. margin-left: 0;
  5973. }
  5974. .dx-radio-value-container {
  5975. padding-left: 0;
  5976. }
  5977. .dx-radiogroup .dx-radiobutton,
  5978. .dx-radiogroup .dx-radiobutton-icon {
  5979. margin: 1px 0;
  5980. }
  5981. .dx-radiogroup.dx-state-readonly .dx-radiobutton-icon:before {
  5982. border-color: #f4f4f4;
  5983. background-color: #fff;
  5984. }
  5985. .dx-radiogroup-horizontal .dx-radiobutton {
  5986. margin-right: 17px;
  5987. }
  5988. .dx-rtl .dx-radiogroup-horizontal .dx-radiobutton,
  5989. .dx-rtl.dx-radiogroup-horizontal .dx-radiobutton {
  5990. margin-right: 0;
  5991. margin-left: 17px;
  5992. }
  5993. .dx-pivottabs {
  5994. height: 46px;
  5995. }
  5996. .dx-pivottabs-tab,
  5997. .dx-pivottabs-ghosttab {
  5998. padding: 3px 7px;
  5999. color: #959595;
  6000. font-size: 30px;
  6001. }
  6002. .dx-pivottabs-tab-selected {
  6003. color: #333;
  6004. }
  6005. .dx-pivot-itemcontainer {
  6006. top: 46px;
  6007. }
  6008. .dx-panorama-title,
  6009. .dx-panorama-ghosttitle {
  6010. height: 60px;
  6011. font-size: 55px;
  6012. }
  6013. .dx-panorama-itemscontainer {
  6014. top: 60px;
  6015. }
  6016. .dx-panorama-item-title {
  6017. font-size: 23.33333333px;
  6018. }
  6019. .dx-panorama-item-content {
  6020. top: 35px;
  6021. }
  6022. .dx-accordion {
  6023. background-color: #fff;
  6024. color: #333;
  6025. }
  6026. .dx-accordion-item {
  6027. border: 1px solid transparent;
  6028. border-top-color: #ddd;
  6029. }
  6030. .dx-accordion-item:last-child {
  6031. border-bottom: 1px solid #ddd;
  6032. }
  6033. .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-icon {
  6034. color: #333;
  6035. }
  6036. .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) > .dx-accordion-item-title {
  6037. color: #333;
  6038. background-color: rgba(96, 96, 96, 0.2);
  6039. }
  6040. .dx-accordion-item.dx-state-hover > .dx-accordion-item-title {
  6041. background-color: #f5f5f5;
  6042. }
  6043. .dx-accordion-item.dx-state-hover:not(:last-child):not(.dx-accordion-item-opened):not(.dx-state-focused) {
  6044. border-bottom-color: #f5f5f5;
  6045. }
  6046. .dx-accordion-item-opened {
  6047. border-color: #ddd;
  6048. }
  6049. .dx-accordion-item-opened.dx-state-hover > .dx-accordion-item-title {
  6050. background-color: transparent;
  6051. }
  6052. .dx-accordion-item-opened > .dx-accordion-item-title {
  6053. background-color: transparent;
  6054. }
  6055. .dx-accordion-item-opened > .dx-accordion-item-title:before {
  6056. content: "\f014";
  6057. }
  6058. .dx-accordion-item-opened + .dx-accordion-item {
  6059. border-top-color: transparent;
  6060. }
  6061. .dx-accordion-item-opened + .dx-accordion-item.dx-state-hover:not(.dx-state-focused) {
  6062. border-top-color: #f5f5f5;
  6063. }
  6064. .dx-accordion-item-title {
  6065. color: #333;
  6066. padding: 5px 7px;
  6067. font-size: 16px;
  6068. }
  6069. .dx-accordion-item-title:before {
  6070. font-weight: normal;
  6071. color: #333;
  6072. content: "\f016";
  6073. font-family: DXIcons;
  6074. font-size: 14px;
  6075. margin-left: 7px;
  6076. margin-right: 0;
  6077. line-height: 21px;
  6078. }
  6079. .dx-accordion-item-title .dx-icon {
  6080. width: 14px;
  6081. height: 14px;
  6082. background-position: 0px 0px;
  6083. background-size: 14px 14px;
  6084. padding: 0px;
  6085. font-size: 14px;
  6086. text-align: center;
  6087. line-height: 14px;
  6088. margin-right: 7px;
  6089. margin-left: 0;
  6090. display: inline-block;
  6091. color: #333;
  6092. }
  6093. .dx-rtl .dx-accordion-item-title .dx-icon,
  6094. .dx-rtl.dx-accordion-item-title .dx-icon {
  6095. margin-left: 7px;
  6096. margin-right: 0;
  6097. }
  6098. .dx-state-disabled.dx-accordion-item {
  6099. opacity: 0.5;
  6100. }
  6101. .dx-state-focused.dx-accordion-item {
  6102. border-color: #337ab7;
  6103. }
  6104. .dx-accordion-item-body {
  6105. padding: 3px 7px 12px;
  6106. font-size: 12px;
  6107. }
  6108. .dx-rtl .dx-accordion-item-title:before {
  6109. margin-left: 0;
  6110. margin-right: 7px;
  6111. }
  6112. .dx-slideoutview-content {
  6113. -webkit-box-sizing: content-box;
  6114. box-sizing: content-box;
  6115. margin-left: -1px;
  6116. border-style: solid;
  6117. border-width: 0 1px;
  6118. }
  6119. .dx-slideout-menu .dx-list-item .dx-icon {
  6120. width: 18px;
  6121. height: 18px;
  6122. background-position: 0px 0px;
  6123. background-size: 18px 18px;
  6124. padding: 0px;
  6125. font-size: 18px;
  6126. text-align: center;
  6127. line-height: 18px;
  6128. margin-right: 9px;
  6129. margin-left: 0;
  6130. margin-top: -2px;
  6131. margin-bottom: -2px;
  6132. }
  6133. .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon,
  6134. .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon {
  6135. margin-left: 9px;
  6136. margin-right: 0;
  6137. }
  6138. .dx-slideoutview-menu-content,
  6139. .dx-slideoutview-content {
  6140. background-color: #fff;
  6141. }
  6142. .dx-slideoutview-content {
  6143. border-color: rgba(221, 221, 221, 0.5);
  6144. }
  6145. .dx-slideoutview-content {
  6146. -webkit-box-sizing: content-box;
  6147. box-sizing: content-box;
  6148. margin-left: -1px;
  6149. border-style: solid;
  6150. border-width: 0 1px;
  6151. }
  6152. .dx-slideout-menu .dx-list-item .dx-icon {
  6153. width: 18px;
  6154. height: 18px;
  6155. background-position: 0px 0px;
  6156. background-size: 18px 18px;
  6157. padding: 0px;
  6158. font-size: 18px;
  6159. text-align: center;
  6160. line-height: 18px;
  6161. margin-right: 9px;
  6162. margin-left: 0;
  6163. margin-top: -2px;
  6164. margin-bottom: -2px;
  6165. }
  6166. .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon,
  6167. .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon {
  6168. margin-left: 9px;
  6169. margin-right: 0;
  6170. }
  6171. .dx-pager {
  6172. padding-top: 5px;
  6173. padding-bottom: 5px;
  6174. }
  6175. .dx-pager.dx-light-mode .dx-page-sizes {
  6176. min-width: 42px;
  6177. }
  6178. .dx-pager.dx-light-mode .dx-page-index {
  6179. min-width: 19px;
  6180. }
  6181. .dx-pager .dx-pages .dx-page {
  6182. padding: 4px 6px 5px;
  6183. }
  6184. .dx-pager .dx-pages .dx-separator {
  6185. padding-left: 4px;
  6186. padding-right: 4px;
  6187. }
  6188. .dx-pager .dx-pages .dx-navigate-button {
  6189. width: 9px;
  6190. height: 16px;
  6191. padding: 5px 7px;
  6192. }
  6193. .dx-pager .dx-pages .dx-prev-button {
  6194. font: 14px/1 DXIcons;
  6195. }
  6196. .dx-pager .dx-pages .dx-prev-button:before {
  6197. content: "\f012";
  6198. }
  6199. .dx-pager .dx-pages .dx-next-button {
  6200. font: 14px/1 DXIcons;
  6201. }
  6202. .dx-pager .dx-pages .dx-next-button:before {
  6203. content: "\f010";
  6204. }
  6205. .dx-pager .dx-pages .dx-prev-button,
  6206. .dx-pager .dx-pages .dx-next-button {
  6207. font-size: 21px;
  6208. text-align: center;
  6209. line-height: 21px;
  6210. }
  6211. .dx-pager .dx-pages .dx-prev-button:before,
  6212. .dx-pager .dx-pages .dx-next-button:before {
  6213. position: absolute;
  6214. display: block;
  6215. width: 21px;
  6216. top: 50%;
  6217. margin-top: -10.5px;
  6218. left: 50%;
  6219. margin-left: -10.5px;
  6220. }
  6221. .dx-pager .dx-page,
  6222. .dx-pager .dx-page-size {
  6223. border-radius: 3px;
  6224. border-style: solid;
  6225. border-width: 1px;
  6226. border-color: transparent;
  6227. }
  6228. .dx-pager .dx-page-sizes .dx-page-size {
  6229. padding-left: 8px;
  6230. padding-right: 6px;
  6231. padding-top: 4px;
  6232. padding-bottom: 5px;
  6233. }
  6234. .dx-pager .dx-pages .dx-selection,
  6235. .dx-pager .dx-page-sizes .dx-selection {
  6236. color: #333;
  6237. border-color: transparent;
  6238. background-color: #d4d4d4;
  6239. }
  6240. .dx-colorview-container {
  6241. width: 316px;
  6242. }
  6243. .dx-colorview-container label {
  6244. line-height: 25px;
  6245. }
  6246. .dx-colorview-container label.dx-colorview-label-hex {
  6247. margin: 5px 0 0 0;
  6248. }
  6249. .dx-colorview-container label.dx-colorview-alpha-channel-label {
  6250. margin-left: 29px;
  6251. width: 92px;
  6252. }
  6253. .dx-colorview-container label .dx-texteditor {
  6254. width: 51px;
  6255. margin: 1px 1px 8px 0;
  6256. }
  6257. .dx-colorview-hue-scale-cell {
  6258. margin-left: 15px;
  6259. }
  6260. .dx-colorview-palette {
  6261. width: 190px;
  6262. height: 200px;
  6263. }
  6264. .dx-colorview-alpha-channel-scale {
  6265. width: 190px;
  6266. }
  6267. .dx-colorview-container-row.dx-colorview-alpha-channel-row {
  6268. margin-top: 5px;
  6269. }
  6270. .dx-colorview-hue-scale {
  6271. width: 18px;
  6272. height: 200px;
  6273. }
  6274. .dx-colorview-alpha-channel-cell {
  6275. width: 194px;
  6276. }
  6277. .dx-colorview-hue-scale-wrapper {
  6278. height: 202px;
  6279. }
  6280. .dx-colorview-color-preview {
  6281. width: 100%;
  6282. height: 25px;
  6283. }
  6284. .dx-colorview-controls-container {
  6285. width: 70px;
  6286. margin-left: 15px;
  6287. }
  6288. .dx-colorview-container label {
  6289. color: #333;
  6290. }
  6291. .dx-colorview-palette-cell,
  6292. .dx-colorview-alpha-channel-border,
  6293. .dx-colorview-hue-scale-wrapper,
  6294. .dx-colorview-color-preview-container {
  6295. padding: 1px;
  6296. margin: 1px;
  6297. margin-top: 0;
  6298. background-color: #fff;
  6299. -webkit-box-shadow: 0 0 0 1px #ddd;
  6300. box-shadow: 0 0 0 1px #ddd;
  6301. }
  6302. .dx-colorview-color-preview-container {
  6303. margin-bottom: 15px;
  6304. }
  6305. .dx-rtl .dx-colorview-controls-container {
  6306. margin-left: 0;
  6307. margin-right: 15px;
  6308. }
  6309. .dx-rtl .dx-colorview-hue-scale-cell {
  6310. margin-left: 0;
  6311. margin-right: 15px;
  6312. }
  6313. .dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label {
  6314. margin-left: 0;
  6315. margin-right: 29px;
  6316. }
  6317. .dx-colorbox.dx-state-focused .dx-colorbox-input {
  6318. padding-left: 40px;
  6319. }
  6320. .dx-colorbox .dx-placeholder {
  6321. left: 32px;
  6322. }
  6323. .dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview {
  6324. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToMc3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHXJxUKOJqsbEAAAAASUVORK5CYII=) no-repeat 0 0;
  6325. }
  6326. .dx-colorbox-color-result-preview {
  6327. border-color: #ddd;
  6328. }
  6329. .dx-colorbox-overlay {
  6330. padding: 0;
  6331. }
  6332. .dx-colorbox-overlay.dx-overlay-content {
  6333. background-color: #fff;
  6334. }
  6335. .dx-colorbox-overlay .dx-popup-content {
  6336. padding: 10px;
  6337. }
  6338. .dx-rtl.dx-colorbox.dx-state-focused .dx-colorbox-input,
  6339. .dx-rtl .dx-colorbox.dx-state-focused .dx-colorbox-input {
  6340. padding-right: 40px;
  6341. }
  6342. .dx-rtl .dx-colorbox-overlay .dx-toolbar-item:first-child {
  6343. padding-left: 10px;
  6344. padding-right: 0;
  6345. }
  6346. .dx-datagrid .dx-menu-item-has-icon .dx-icon,
  6347. .dx-datagrid-container .dx-menu-item-has-icon .dx-icon {
  6348. color: #898989;
  6349. }
  6350. .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc,
  6351. .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
  6352. font: 14px/1 DXIcons;
  6353. width: 16px;
  6354. height: 16px;
  6355. background-position: 0px 0px;
  6356. background-size: 16px 16px;
  6357. padding: 0px;
  6358. font-size: 16px;
  6359. text-align: center;
  6360. line-height: 16px;
  6361. }
  6362. .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before,
  6363. .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before {
  6364. content: "\f053";
  6365. }
  6366. .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc,
  6367. .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
  6368. font: 14px/1 DXIcons;
  6369. width: 16px;
  6370. height: 16px;
  6371. background-position: 0px 0px;
  6372. background-size: 16px 16px;
  6373. padding: 0px;
  6374. font-size: 16px;
  6375. text-align: center;
  6376. line-height: 16px;
  6377. }
  6378. .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before,
  6379. .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before {
  6380. content: "\f054";
  6381. }
  6382. .dx-datagrid .dx-icon-filter-operation-equals,
  6383. .dx-datagrid-container .dx-icon-filter-operation-equals {
  6384. font: 14px/1 DXIcons;
  6385. }
  6386. .dx-datagrid .dx-icon-filter-operation-equals:before,
  6387. .dx-datagrid-container .dx-icon-filter-operation-equals:before {
  6388. content: "\f044";
  6389. }
  6390. .dx-datagrid .dx-icon-filter-operation-default,
  6391. .dx-datagrid-container .dx-icon-filter-operation-default {
  6392. font: 14px/1 DXIcons;
  6393. width: 12px;
  6394. height: 12px;
  6395. background-position: 0px 0px;
  6396. background-size: 12px 12px;
  6397. padding: 0px;
  6398. font-size: 12px;
  6399. text-align: center;
  6400. line-height: 12px;
  6401. }
  6402. .dx-datagrid .dx-icon-filter-operation-default:before,
  6403. .dx-datagrid-container .dx-icon-filter-operation-default:before {
  6404. content: "\f027";
  6405. }
  6406. .dx-datagrid .dx-icon-filter-operation-not-equals,
  6407. .dx-datagrid-container .dx-icon-filter-operation-not-equals {
  6408. font: 14px/1 DXIcons;
  6409. }
  6410. .dx-datagrid .dx-icon-filter-operation-not-equals:before,
  6411. .dx-datagrid-container .dx-icon-filter-operation-not-equals:before {
  6412. content: "\f045";
  6413. }
  6414. .dx-datagrid .dx-icon-filter-operation-less,
  6415. .dx-datagrid-container .dx-icon-filter-operation-less {
  6416. font: 14px/1 DXIcons;
  6417. }
  6418. .dx-datagrid .dx-icon-filter-operation-less:before,
  6419. .dx-datagrid-container .dx-icon-filter-operation-less:before {
  6420. content: "\f046";
  6421. }
  6422. .dx-datagrid .dx-icon-filter-operation-less-equal,
  6423. .dx-datagrid-container .dx-icon-filter-operation-less-equal {
  6424. font: 14px/1 DXIcons;
  6425. }
  6426. .dx-datagrid .dx-icon-filter-operation-less-equal:before,
  6427. .dx-datagrid-container .dx-icon-filter-operation-less-equal:before {
  6428. content: "\f048";
  6429. }
  6430. .dx-datagrid .dx-icon-filter-operation-greater,
  6431. .dx-datagrid-container .dx-icon-filter-operation-greater {
  6432. font: 14px/1 DXIcons;
  6433. }
  6434. .dx-datagrid .dx-icon-filter-operation-greater:before,
  6435. .dx-datagrid-container .dx-icon-filter-operation-greater:before {
  6436. content: "\f047";
  6437. }
  6438. .dx-datagrid .dx-icon-filter-operation-greater-equal,
  6439. .dx-datagrid-container .dx-icon-filter-operation-greater-equal {
  6440. font: 14px/1 DXIcons;
  6441. }
  6442. .dx-datagrid .dx-icon-filter-operation-greater-equal:before,
  6443. .dx-datagrid-container .dx-icon-filter-operation-greater-equal:before {
  6444. content: "\f049";
  6445. }
  6446. .dx-datagrid .dx-icon-filter-operation-contains,
  6447. .dx-datagrid-container .dx-icon-filter-operation-contains {
  6448. font: 14px/1 DXIcons;
  6449. }
  6450. .dx-datagrid .dx-icon-filter-operation-contains:before,
  6451. .dx-datagrid-container .dx-icon-filter-operation-contains:before {
  6452. content: "\f063";
  6453. }
  6454. .dx-datagrid .dx-icon-filter-operation-not-contains,
  6455. .dx-datagrid-container .dx-icon-filter-operation-not-contains {
  6456. font: 14px/1 DXIcons;
  6457. }
  6458. .dx-datagrid .dx-icon-filter-operation-not-contains:before,
  6459. .dx-datagrid-container .dx-icon-filter-operation-not-contains:before {
  6460. content: "\f066";
  6461. }
  6462. .dx-datagrid .dx-icon-filter-operation-starts-with,
  6463. .dx-datagrid-container .dx-icon-filter-operation-starts-with {
  6464. font: 14px/1 DXIcons;
  6465. }
  6466. .dx-datagrid .dx-icon-filter-operation-starts-with:before,
  6467. .dx-datagrid-container .dx-icon-filter-operation-starts-with:before {
  6468. content: "\f064";
  6469. }
  6470. .dx-datagrid .dx-icon-filter-operation-ends-with,
  6471. .dx-datagrid-container .dx-icon-filter-operation-ends-with {
  6472. font: 14px/1 DXIcons;
  6473. }
  6474. .dx-datagrid .dx-icon-filter-operation-ends-with:before,
  6475. .dx-datagrid-container .dx-icon-filter-operation-ends-with:before {
  6476. content: "\f065";
  6477. }
  6478. .dx-datagrid .dx-icon-filter-operation-between,
  6479. .dx-datagrid-container .dx-icon-filter-operation-between {
  6480. font: 14px/1 DXIcons;
  6481. }
  6482. .dx-datagrid .dx-icon-filter-operation-between:before,
  6483. .dx-datagrid-container .dx-icon-filter-operation-between:before {
  6484. content: "\f06a";
  6485. }
  6486. .dx-datagrid {
  6487. line-height: inherit;
  6488. }
  6489. .dx-datagrid .dx-row-alt > td,
  6490. .dx-datagrid .dx-row-alt > tr > td {
  6491. background-color: #f5f5f5;
  6492. }
  6493. .dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
  6494. border-bottom-color: transparent;
  6495. }
  6496. .dx-datagrid .dx-link {
  6497. color: #337ab7;
  6498. }
  6499. .dx-datagrid .dx-row-lines > td {
  6500. border-bottom: 1px solid #ddd;
  6501. }
  6502. .dx-datagrid .dx-column-lines > td {
  6503. border-left: 1px solid #ddd;
  6504. border-right: 1px solid #ddd;
  6505. }
  6506. .dx-datagrid .dx-error-row .dx-closebutton {
  6507. float: right;
  6508. margin: 7px;
  6509. font: 14px/1 DXIcons;
  6510. width: 14px;
  6511. height: 14px;
  6512. background-position: 0px 0px;
  6513. background-size: 14px 14px;
  6514. padding: 0px;
  6515. font-size: 14px;
  6516. text-align: center;
  6517. line-height: 14px;
  6518. }
  6519. .dx-datagrid .dx-error-row .dx-closebutton:before {
  6520. content: "\f00a";
  6521. }
  6522. .dx-datagrid .dx-error-row .dx-error-message {
  6523. padding: 5px;
  6524. padding-right: 35px;
  6525. }
  6526. .dx-datagrid .dx-row > td {
  6527. padding: 5px;
  6528. }
  6529. .dx-datagrid .dx-row > td.dx-command-adaptive {
  6530. padding: 3px 5px;
  6531. }
  6532. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link {
  6533. width: 14px;
  6534. height: 14px;
  6535. background-position: 0px 0px;
  6536. background-size: 14px 14px;
  6537. padding: 0px;
  6538. font-size: 14px;
  6539. text-align: center;
  6540. line-height: 14px;
  6541. margin: 0 1px;
  6542. }
  6543. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  6544. background-position-y: 34px;
  6545. }
  6546. .dx-datagrid-edit-popup .dx-error-message {
  6547. padding: 5px;
  6548. }
  6549. .dx-datagrid-headers .dx-texteditor-input,
  6550. .dx-datagrid-rowsview .dx-texteditor-input {
  6551. padding: 5px;
  6552. min-height: 26px;
  6553. }
  6554. .dx-datagrid-headers .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
  6555. .dx-datagrid-rowsview .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
  6556. .dx-datagrid-headers .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
  6557. .dx-datagrid-rowsview .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input {
  6558. padding-right: 5px;
  6559. }
  6560. .dx-datagrid-headers .dx-lookup,
  6561. .dx-datagrid-rowsview .dx-lookup {
  6562. height: auto;
  6563. }
  6564. .dx-datagrid-headers .dx-lookup-field,
  6565. .dx-datagrid-rowsview .dx-lookup-field {
  6566. padding-left: 5px;
  6567. padding-top: 5px;
  6568. padding-bottom: 5px;
  6569. }
  6570. .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input,
  6571. .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
  6572. padding-right: 46px;
  6573. }
  6574. .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid .dx-texteditor-input,
  6575. .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid .dx-texteditor-input {
  6576. padding-right: 66px;
  6577. }
  6578. .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
  6579. .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input {
  6580. padding: 4px 5px 4px;
  6581. padding-left: 66px;
  6582. }
  6583. .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input,
  6584. .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input {
  6585. padding-right: 44px;
  6586. }
  6587. .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input,
  6588. .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input {
  6589. padding: 4px 5px 4px;
  6590. padding-left: 44px;
  6591. }
  6592. .dx-datagrid-headers .dx-dropdowneditor-button-visible .dx-texteditor-input,
  6593. .dx-datagrid-rowsview .dx-dropdowneditor-button-visible .dx-texteditor-input {
  6594. padding-right: 24px;
  6595. }
  6596. .dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
  6597. .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
  6598. .dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
  6599. .dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before {
  6600. padding-left: 24px;
  6601. }
  6602. .dx-rtl .dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
  6603. .dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
  6604. .dx-rtl .dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
  6605. .dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before,
  6606. .dx-rtl.dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
  6607. .dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
  6608. .dx-rtl.dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
  6609. .dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before {
  6610. padding-right: 24px;
  6611. }
  6612. .dx-editor-cell .dx-numberbox-spin-button {
  6613. background-color: transparent;
  6614. }
  6615. .dx-editor-cell .dx-icon-clear {
  6616. left: 0px;
  6617. }
  6618. .dx-editor-cell .dx-texteditor {
  6619. background: #fff;
  6620. }
  6621. .dx-editor-cell .dx-texteditor .dx-texteditor-input {
  6622. background: #fff;
  6623. }
  6624. .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input {
  6625. padding-right: 20px;
  6626. }
  6627. .dx-editor-cell .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input {
  6628. padding-right: 60px;
  6629. }
  6630. .dx-editor-cell .dx-dropdowneditor {
  6631. background-color: #fff;
  6632. }
  6633. .dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
  6634. border-radius: 0;
  6635. }
  6636. .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
  6637. padding-top: 5px;
  6638. padding-bottom: 5px;
  6639. }
  6640. .dx-datagrid-checkbox-size {
  6641. line-height: normal;
  6642. }
  6643. .dx-datagrid-checkbox-size.dx-checkbox-checked .dx-checkbox-icon {
  6644. font-size: 10px;
  6645. }
  6646. .dx-datagrid-checkbox-size .dx-checkbox-icon {
  6647. height: 16px;
  6648. width: 16px;
  6649. }
  6650. .dx-datagrid-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon {
  6651. font-size: 6px;
  6652. }
  6653. .dx-device-mobile .dx-datagrid-column-chooser-list .dx-empty-message,
  6654. .dx-datagrid-column-chooser-list .dx-empty-message {
  6655. color: #999999;
  6656. padding: 0 10px;
  6657. }
  6658. .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content {
  6659. padding: 0px 10px 10px 10px;
  6660. }
  6661. .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-search {
  6662. margin-bottom: 5px;
  6663. }
  6664. .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-node {
  6665. padding-left: 20px;
  6666. }
  6667. .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-popup-content {
  6668. padding: 0px 10px 10px 10px;
  6669. }
  6670. .dx-datagrid-column-chooser .dx-overlay-content {
  6671. background-color: #fff;
  6672. border-radius: 6px;
  6673. -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  6674. box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  6675. }
  6676. .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
  6677. padding-top: 7px;
  6678. padding-bottom: 9px;
  6679. background-color: transparent;
  6680. }
  6681. .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  6682. margin-bottom: 5px;
  6683. background-color: #fff;
  6684. color: #959595;
  6685. font-weight: normal;
  6686. border: 1px solid #ddd;
  6687. padding: 5px;
  6688. -webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
  6689. box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
  6690. }
  6691. .dx-datagrid-drag-header {
  6692. -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
  6693. box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
  6694. color: #959595;
  6695. font-weight: normal;
  6696. padding: 5px;
  6697. border: 1px solid rgba(51, 122, 183, 0.5);
  6698. background-color: #fff;
  6699. }
  6700. .dx-datagrid-columns-separator {
  6701. background-color: rgba(51, 122, 183, 0.5);
  6702. }
  6703. .dx-datagrid-columns-separator-transparent {
  6704. background-color: transparent;
  6705. }
  6706. .dx-datagrid-drop-highlight > td {
  6707. background-color: #337ab7;
  6708. color: #fff;
  6709. }
  6710. .dx-datagrid-focus-overlay {
  6711. border: 2px solid #337ab7;
  6712. }
  6713. .dx-datagrid-table .dx-row .dx-command-select {
  6714. width: 55px;
  6715. min-width: 55px;
  6716. }
  6717. .dx-datagrid-table .dx-row .dx-command-edit {
  6718. width: 70px;
  6719. min-width: 70px;
  6720. }
  6721. .dx-datagrid-table .dx-row .dx-command-expand {
  6722. width: 15px;
  6723. min-width: 15px;
  6724. }
  6725. .dx-datagrid-table .dx-row .dx-command-expand.dx-datagrid-group-space {
  6726. padding-top: 5px;
  6727. }
  6728. .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
  6729. background-color: #f5f5f5;
  6730. color: #333;
  6731. }
  6732. .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space {
  6733. border-right-color: #f5f5f5;
  6734. }
  6735. .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-datagrid-readonly .dx-texteditor .dx-texteditor-input {
  6736. background-color: #f5f5f5;
  6737. color: #333;
  6738. }
  6739. .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none {
  6740. background-color: transparent;
  6741. }
  6742. .dx-datagrid-headers {
  6743. color: #959595;
  6744. font-weight: normal;
  6745. -ms-touch-action: pinch-zoom;
  6746. touch-action: pinch-zoom;
  6747. border-bottom: 1px solid #ddd;
  6748. }
  6749. .dx-datagrid-headers .dx-datagrid-content {
  6750. margin-bottom: -1px;
  6751. }
  6752. .dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table {
  6753. border-bottom-width: 1px;
  6754. }
  6755. .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  6756. border-bottom: 1px solid #ddd;
  6757. }
  6758. .dx-datagrid-filter-row .dx-menu .dx-overlay-content {
  6759. color: #333;
  6760. }
  6761. .dx-datagrid-filter-row .dx-menu-item.dx-state-focused {
  6762. background-color: transparent;
  6763. }
  6764. .dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after {
  6765. border: 2px solid #337ab7;
  6766. }
  6767. .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded {
  6768. background-color: #fff;
  6769. }
  6770. .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after {
  6771. border-color: transparent;
  6772. }
  6773. .dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-state-hover {
  6774. background-color: transparent;
  6775. }
  6776. .dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover {
  6777. background-color: #fff;
  6778. }
  6779. .dx-datagrid-filter-row .dx-highlight-outline::after {
  6780. border-color: rgba(92, 184, 92, 0.5);
  6781. }
  6782. .dx-datagrid-filter-row .dx-menu-item-content .dx-icon {
  6783. color: #898989;
  6784. }
  6785. .dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content {
  6786. padding: 5px 5px 5px 24px;
  6787. }
  6788. .dx-datagrid-filter-range-overlay .dx-overlay-content {
  6789. border: 1px solid #ddd;
  6790. overflow: inherit;
  6791. -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  6792. box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  6793. }
  6794. .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after {
  6795. border-color: rgba(92, 184, 92, 0.5);
  6796. left: 0px;
  6797. }
  6798. .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
  6799. background-color: #fff;
  6800. padding: 5px;
  6801. }
  6802. .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
  6803. border: 2px solid #337ab7;
  6804. }
  6805. .dx-filter-menu.dx-menu {
  6806. background-color: transparent;
  6807. height: 100%;
  6808. }
  6809. .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
  6810. padding: 5px 3px 3px;
  6811. }
  6812. .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
  6813. margin: 0px 3px;
  6814. }
  6815. .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
  6816. margin-top: 2px;
  6817. }
  6818. .dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
  6819. margin-top: 2px;
  6820. }
  6821. .dx-highlight-outline {
  6822. padding: 5px;
  6823. }
  6824. .dx-datagrid-header-panel {
  6825. border-bottom: 1px solid #ddd;
  6826. }
  6827. .dx-datagrid-header-panel .dx-toolbar {
  6828. margin-bottom: 5px;
  6829. }
  6830. .dx-datagrid-header-panel .dx-apply-button {
  6831. background-color: #5cb85c;
  6832. border-color: #4cae4c;
  6833. color: #fff;
  6834. }
  6835. .dx-datagrid-header-panel .dx-apply-button .dx-icon {
  6836. color: #fff;
  6837. }
  6838. .dx-datagrid-header-panel .dx-apply-button.dx-state-hover {
  6839. background-color: #449d44;
  6840. border-color: #4cae4c;
  6841. }
  6842. .dx-datagrid-header-panel .dx-apply-button.dx-state-focused {
  6843. background-color: #3d8b3d;
  6844. border-color: #4cae4c;
  6845. }
  6846. .dx-datagrid-header-panel .dx-apply-button.dx-state-active {
  6847. background-color: #357935;
  6848. border-color: #4cae4c;
  6849. color: #fff;
  6850. }
  6851. .dx-icon-column-chooser {
  6852. font: 14px/1 DXIcons;
  6853. width: 14px;
  6854. height: 14px;
  6855. background-position: 0px 0px;
  6856. background-size: 14px 14px;
  6857. padding: 0px;
  6858. font-size: 14px;
  6859. text-align: center;
  6860. line-height: 14px;
  6861. }
  6862. .dx-icon-column-chooser:before {
  6863. content: "\f04d";
  6864. }
  6865. .dx-datagrid-addrow-button .dx-icon-edit-button-addrow {
  6866. font: 14px/1 DXIcons;
  6867. width: 14px;
  6868. height: 14px;
  6869. background-position: 0px 0px;
  6870. background-size: 14px 14px;
  6871. padding: 0px;
  6872. font-size: 14px;
  6873. text-align: center;
  6874. line-height: 14px;
  6875. }
  6876. .dx-datagrid-addrow-button .dx-icon-edit-button-addrow:before {
  6877. content: "\f00b";
  6878. }
  6879. .dx-datagrid-cancel-button .dx-icon-edit-button-cancel {
  6880. font: 14px/1 DXIcons;
  6881. width: 14px;
  6882. height: 14px;
  6883. background-position: 0px 0px;
  6884. background-size: 14px 14px;
  6885. padding: 0px;
  6886. font-size: 14px;
  6887. text-align: center;
  6888. line-height: 14px;
  6889. }
  6890. .dx-datagrid-cancel-button .dx-icon-edit-button-cancel:before {
  6891. content: "\f04c";
  6892. }
  6893. .dx-datagrid-save-button .dx-icon-edit-button-save {
  6894. font: 14px/1 DXIcons;
  6895. width: 14px;
  6896. height: 14px;
  6897. background-position: 0px 0px;
  6898. background-size: 14px 14px;
  6899. padding: 0px;
  6900. font-size: 14px;
  6901. text-align: center;
  6902. line-height: 14px;
  6903. }
  6904. .dx-datagrid-save-button .dx-icon-edit-button-save:before {
  6905. content: "\f041";
  6906. }
  6907. .dx-apply-button .dx-icon-apply-filter {
  6908. font: 14px/1 DXIcons;
  6909. width: 14px;
  6910. height: 14px;
  6911. background-position: 0px 0px;
  6912. background-size: 14px 14px;
  6913. padding: 0px;
  6914. font-size: 14px;
  6915. text-align: center;
  6916. line-height: 14px;
  6917. }
  6918. .dx-apply-button .dx-icon-apply-filter:before {
  6919. content: "\f050";
  6920. }
  6921. .dx-datagrid-export-button .dx-icon-export-to {
  6922. font: 14px/1 DXIcons;
  6923. width: 14px;
  6924. height: 14px;
  6925. background-position: 0px 0px;
  6926. background-size: 14px 14px;
  6927. padding: 0px;
  6928. font-size: 14px;
  6929. text-align: center;
  6930. line-height: 14px;
  6931. }
  6932. .dx-datagrid-export-button .dx-icon-export-to:before {
  6933. content: "\f05f";
  6934. }
  6935. .dx-datagrid-export-button .dx-icon-export-excel-button {
  6936. font: 14px/1 DXIcons;
  6937. width: 14px;
  6938. height: 14px;
  6939. background-position: 0px 0px;
  6940. background-size: 14px 14px;
  6941. padding: 0px;
  6942. font-size: 14px;
  6943. text-align: center;
  6944. line-height: 14px;
  6945. }
  6946. .dx-datagrid-export-button .dx-icon-export-excel-button:before {
  6947. content: "\f060";
  6948. }
  6949. .dx-datagrid-adaptive-more {
  6950. width: 17px;
  6951. height: 17px;
  6952. background-position: 0px 0px;
  6953. background-size: 17px 17px;
  6954. padding: 0px;
  6955. font-size: 17px;
  6956. text-align: center;
  6957. line-height: 17px;
  6958. }
  6959. .dx-datagrid-rowsview {
  6960. border-top: 1px solid #ddd;
  6961. }
  6962. .dx-datagrid-rowsview .dx-row {
  6963. border-top: 1px solid transparent;
  6964. border-bottom: 1px solid transparent;
  6965. }
  6966. .dx-datagrid-rowsview .dx-row.dx-edit-row:first-child > td {
  6967. border-top-width: 0px;
  6968. border-bottom: 1px solid #ddd;
  6969. }
  6970. .dx-datagrid-rowsview .dx-row.dx-edit-row > td {
  6971. border-top: 1px solid #ddd;
  6972. border-bottom: 1px solid #ddd;
  6973. }
  6974. .dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space,
  6975. .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell {
  6976. border-top: 1px solid #ddd;
  6977. border-bottom: 1px solid #ddd;
  6978. }
  6979. .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space,
  6980. .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell {
  6981. background-color: #fafafa;
  6982. }
  6983. .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid .dx-highlight-outline::after {
  6984. border: 1px solid rgba(217, 83, 79, 0.4);
  6985. }
  6986. .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused > .dx-highlight-outline::after {
  6987. border: 1px solid #d9534f;
  6988. }
  6989. .dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content {
  6990. padding: 9px 17px 9px;
  6991. }
  6992. .dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
  6993. border-color: rgba(92, 184, 92, 0.5);
  6994. }
  6995. .dx-datagrid-rowsview .dx-row-removed > td {
  6996. background-color: rgba(92, 184, 92, 0.5);
  6997. border-top: 1px solid rgba(92, 184, 92, 0.5);
  6998. border-bottom: 1px solid rgba(92, 184, 92, 0.5);
  6999. }
  7000. .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text {
  7001. padding-top: 6px;
  7002. padding-bottom: 6px;
  7003. padding-left: 6px;
  7004. }
  7005. .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid {
  7006. border: 1px solid rgba(217, 83, 79, 0.4);
  7007. }
  7008. .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid.dx-adaptive-item-text {
  7009. padding-top: 5px;
  7010. padding-bottom: 5px;
  7011. padding-left: 5px;
  7012. }
  7013. .dx-datagrid-rowsview .dx-item-modified {
  7014. border-radius: 4px;
  7015. border: 2px solid rgba(92, 184, 92, 0.5);
  7016. }
  7017. .dx-datagrid-rowsview .dx-item-modified.dx-adaptive-item-text {
  7018. padding-top: 4px;
  7019. padding-bottom: 4px;
  7020. padding-left: 4px;
  7021. }
  7022. .dx-datagrid-rowsview .dx-row-focused:focus {
  7023. outline: none;
  7024. }
  7025. .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused),
  7026. .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused),
  7027. .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link {
  7028. background-color: #337ab7;
  7029. color: #fff;
  7030. }
  7031. .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) .dx-datagrid-group-opened,
  7032. .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused) .dx-datagrid-group-opened,
  7033. .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link .dx-datagrid-group-opened,
  7034. .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) .dx-datagrid-group-closed,
  7035. .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused) .dx-datagrid-group-closed,
  7036. .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link .dx-datagrid-group-closed {
  7037. color: #fff;
  7038. }
  7039. .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td,
  7040. .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr:last-child > td {
  7041. border-bottom: 1px solid #337ab7;
  7042. }
  7043. .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row):not(.dx-row-lines) > td,
  7044. .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row):not(.dx-row-lines) > tr:first-child > td {
  7045. border-top: 1px solid #337ab7;
  7046. }
  7047. .dx-datagrid-rowsview .dx-row-focused.dx-group-row {
  7048. background-color: #337ab7;
  7049. color: #fff;
  7050. }
  7051. .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-opened,
  7052. .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-closed {
  7053. color: #fff;
  7054. }
  7055. .dx-datagrid-rowsview .dx-selection.dx-row > td,
  7056. .dx-datagrid-rowsview .dx-selection.dx-row:hover > td,
  7057. .dx-datagrid-rowsview .dx-selection.dx-row > tr > td,
  7058. .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
  7059. background-color: #e6e6e6;
  7060. color: #333;
  7061. }
  7062. .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-datagrid-group-space,
  7063. .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-datagrid-group-space,
  7064. .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-datagrid-group-space,
  7065. .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-datagrid-group-space {
  7066. border-right-color: #e6e6e6;
  7067. }
  7068. .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
  7069. .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
  7070. .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
  7071. .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
  7072. border-left-color: #ddd;
  7073. border-right-color: #ddd;
  7074. }
  7075. .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-focused,
  7076. .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-focused,
  7077. .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-focused,
  7078. .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-focused {
  7079. background-color: #fff;
  7080. color: #333;
  7081. }
  7082. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines):not(.dx-row-focused) > td,
  7083. .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines):not(.dx-row-focused) > td {
  7084. border-bottom: 1px solid #e6e6e6;
  7085. border-top: 1px solid #e6e6e6;
  7086. }
  7087. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines):not(.dx-row-focused) > tr:first-child > td,
  7088. .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines):not(.dx-row-focused) > tr:first-child > td {
  7089. border-top: 1px solid #e6e6e6;
  7090. }
  7091. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines):not(.dx-row-focused) > tr:last-child > td,
  7092. .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines):not(.dx-row-focused) > tr:last-child > td {
  7093. border-bottom: 1px solid #e6e6e6;
  7094. }
  7095. .dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines > td,
  7096. .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-column-lines > td,
  7097. .dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines > tr > td,
  7098. .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-column-lines > tr > td {
  7099. border-left-color: #ddd;
  7100. border-right-color: #ddd;
  7101. }
  7102. .dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines > td,
  7103. .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines > td,
  7104. .dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines > tr > td,
  7105. .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines > tr > td {
  7106. border-bottom-color: #ddd;
  7107. }
  7108. .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
  7109. padding-right: 0;
  7110. }
  7111. .dx-datagrid-search-text {
  7112. color: #fff;
  7113. background-color: #337ab7;
  7114. }
  7115. .dx-datagrid-nodata {
  7116. color: #999999;
  7117. font-size: 14px;
  7118. }
  7119. .dx-datagrid-bottom-load-panel {
  7120. border-top: 1px solid #ddd;
  7121. }
  7122. .dx-datagrid-pager {
  7123. border-top: 3px double #ddd;
  7124. }
  7125. .dx-datagrid-pager.dx-widget {
  7126. color: #333;
  7127. }
  7128. .dx-datagrid-summary-item {
  7129. color: rgba(51, 51, 51, 0.7);
  7130. }
  7131. .dx-datagrid-total-footer {
  7132. border-top: 1px solid #ddd;
  7133. }
  7134. .dx-datagrid-revert-tooltip .dx-overlay-content {
  7135. background-color: #fff;
  7136. min-width: inherit;
  7137. }
  7138. .dx-datagrid-revert-tooltip .dx-revert-button {
  7139. margin: 0px 1px;
  7140. margin-left: 1px;
  7141. background-color: #d9534f;
  7142. border-color: #d43f3a;
  7143. color: #fff;
  7144. }
  7145. .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
  7146. color: #fff;
  7147. }
  7148. .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
  7149. background-color: #c9302c;
  7150. border-color: #d43f3a;
  7151. }
  7152. .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused {
  7153. background-color: #b52b27;
  7154. border-color: #d43f3a;
  7155. }
  7156. .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active {
  7157. background-color: #a02622;
  7158. border-color: #d43f3a;
  7159. color: #fff;
  7160. }
  7161. .dx-datagrid-revert-tooltip .dx-revert-button > .dx-button-content {
  7162. padding: 5px;
  7163. }
  7164. .dx-toolbar-menu-section .dx-datagrid-checkbox-size {
  7165. width: 100%;
  7166. }
  7167. .dx-toolbar-menu-section .dx-datagrid-checkbox-size .dx-checkbox-container {
  7168. padding: 14px;
  7169. }
  7170. .dx-toolbar-menu-section .dx-datagrid-checkbox-size .dx-checkbox-text {
  7171. padding-left: 34px;
  7172. }
  7173. .dx-rtl .dx-toolbar-menu-section .dx-checkbox-text {
  7174. padding-right: 34px;
  7175. padding-left: 27px;
  7176. }
  7177. .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space {
  7178. border-left-color: #f5f5f5;
  7179. border-right-color: transparent;
  7180. }
  7181. .dx-rtl .dx-datagrid-filter-row .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
  7182. margin: 0px 3px;
  7183. }
  7184. .dx-rtl .dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content {
  7185. padding: 5px 24px 5px 5px;
  7186. }
  7187. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td,
  7188. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td,
  7189. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td,
  7190. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
  7191. border-right-color: #ddd;
  7192. }
  7193. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-datagrid-group-space,
  7194. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space,
  7195. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-datagrid-group-space,
  7196. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-datagrid-group-space {
  7197. border-left-color: #e6e6e6;
  7198. }
  7199. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
  7200. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
  7201. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
  7202. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
  7203. border-left-color: #ddd;
  7204. }
  7205. .dx-rtl .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
  7206. padding-left: 0;
  7207. }
  7208. .dx-datagrid-group-panel {
  7209. font-size: 12px;
  7210. -ms-touch-action: pinch-zoom;
  7211. touch-action: pinch-zoom;
  7212. }
  7213. .dx-datagrid-group-panel .dx-group-panel-message {
  7214. color: #959595;
  7215. font-weight: normal;
  7216. padding: 5px;
  7217. border-top: 1px solid transparent;
  7218. border-bottom: 1px solid transparent;
  7219. }
  7220. .dx-datagrid-group-panel .dx-group-panel-item {
  7221. margin-right: 5px;
  7222. color: #959595;
  7223. font-weight: normal;
  7224. border: 1px solid #ddd;
  7225. padding: 5px;
  7226. }
  7227. .dx-datagrid-group-panel .dx-block-separator {
  7228. margin-right: 5px;
  7229. color: #959595;
  7230. font-weight: normal;
  7231. padding: 6px;
  7232. background-color: #eeeeee;
  7233. }
  7234. .dx-datagrid-group-panel .dx-sort {
  7235. color: #898989;
  7236. }
  7237. .dx-datagrid-rowsview .dx-row.dx-group-row:first-child {
  7238. border-top: none;
  7239. }
  7240. .dx-datagrid-rowsview .dx-row.dx-group-row {
  7241. font-weight: bold;
  7242. }
  7243. .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
  7244. color: #959595;
  7245. background-color: #f7f7f7;
  7246. }
  7247. .dx-datagrid-rowsview .dx-row.dx-group-row td {
  7248. border-top-color: #ddd;
  7249. border-bottom-color: #ddd;
  7250. }
  7251. .dx-datagrid-group-opened {
  7252. font: 14px/1 DXIcons;
  7253. width: 14px;
  7254. height: 14px;
  7255. background-position: 0px 0px;
  7256. background-size: 14px 14px;
  7257. padding: 0px;
  7258. font-size: 14px;
  7259. text-align: center;
  7260. line-height: 14px;
  7261. color: #959595;
  7262. }
  7263. .dx-datagrid-group-opened:before {
  7264. content: "\f001";
  7265. }
  7266. .dx-datagrid-group-closed {
  7267. font: 14px/1 DXIcons;
  7268. width: 14px;
  7269. height: 14px;
  7270. background-position: 0px 0px;
  7271. background-size: 14px 14px;
  7272. padding: 0px;
  7273. font-size: 14px;
  7274. text-align: center;
  7275. line-height: 14px;
  7276. color: #959595;
  7277. }
  7278. .dx-datagrid-group-closed:before {
  7279. content: "\f04e";
  7280. }
  7281. .dx-datagrid-group-opened,
  7282. .dx-datagrid-group-closed {
  7283. width: 100%;
  7284. }
  7285. .dx-row.dx-datagrid-group-footer.dx-column-lines {
  7286. border-bottom: 1px solid #ddd;
  7287. }
  7288. .dx-row.dx-datagrid-group-footer > td {
  7289. background-color: #fff;
  7290. border-top: 1px solid #ddd;
  7291. border-left-width: 0;
  7292. border-right-width: 0;
  7293. }
  7294. .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item,
  7295. .dx-rtl .dx-datagrid-group-panel .dx-block-separator {
  7296. margin-left: 5px;
  7297. }
  7298. .dx-rtl .dx-datagrid-table-fixed .dx-row.dx-group-row td {
  7299. background-color: #f7f7f7;
  7300. }
  7301. .dx-datagrid-filter-panel .dx-icon-filter,
  7302. .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
  7303. .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter {
  7304. color: #337ab7;
  7305. }
  7306. .dx-pivotgrid {
  7307. background-color: #fff;
  7308. }
  7309. .dx-pivotgrid .dx-area-description-cell .dx-button-content {
  7310. padding: 5px;
  7311. }
  7312. .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button-content,
  7313. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button-content {
  7314. padding: 5px;
  7315. }
  7316. .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button,
  7317. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button {
  7318. margin-top: 10px;
  7319. }
  7320. .dx-pivotgrid .dx-expand-icon-container {
  7321. font: 14px/1 DXIcons;
  7322. }
  7323. .dx-pivotgrid .dx-expand-icon-container:before {
  7324. content: "\f04e";
  7325. }
  7326. .dx-pivotgrid .dx-expand-icon-container:before {
  7327. visibility: hidden;
  7328. }
  7329. .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand {
  7330. font: 14px/1 DXIcons;
  7331. font-size: 14px;
  7332. text-align: center;
  7333. line-height: 14px;
  7334. color: #959595;
  7335. }
  7336. .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before {
  7337. content: "\f04e";
  7338. }
  7339. .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before {
  7340. position: absolute;
  7341. display: block;
  7342. width: 14px;
  7343. top: 50%;
  7344. margin-top: -7px;
  7345. left: 50%;
  7346. margin-left: -7px;
  7347. }
  7348. .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
  7349. font: 14px/1 DXIcons;
  7350. font-size: 14px;
  7351. text-align: center;
  7352. line-height: 14px;
  7353. color: #959595;
  7354. }
  7355. .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before {
  7356. content: "\f001";
  7357. }
  7358. .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before {
  7359. position: absolute;
  7360. display: block;
  7361. width: 14px;
  7362. top: 50%;
  7363. margin-top: -7px;
  7364. left: 50%;
  7365. margin-left: -7px;
  7366. }
  7367. .dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
  7368. width: 16px;
  7369. min-width: 16px;
  7370. }
  7371. .dx-pivotgridfieldchooser {
  7372. background-color: #fff;
  7373. }
  7374. .dx-pivotgrid-fields-container .dx-position-indicator {
  7375. background-color: gray;
  7376. }
  7377. .dx-treelist .dx-menu-item-has-icon .dx-icon,
  7378. .dx-treelist-container .dx-menu-item-has-icon .dx-icon {
  7379. color: #898989;
  7380. }
  7381. .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc,
  7382. .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
  7383. font: 14px/1 DXIcons;
  7384. width: 16px;
  7385. height: 16px;
  7386. background-position: 0px 0px;
  7387. background-size: 16px 16px;
  7388. padding: 0px;
  7389. font-size: 16px;
  7390. text-align: center;
  7391. line-height: 16px;
  7392. }
  7393. .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before,
  7394. .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before {
  7395. content: "\f053";
  7396. }
  7397. .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc,
  7398. .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
  7399. font: 14px/1 DXIcons;
  7400. width: 16px;
  7401. height: 16px;
  7402. background-position: 0px 0px;
  7403. background-size: 16px 16px;
  7404. padding: 0px;
  7405. font-size: 16px;
  7406. text-align: center;
  7407. line-height: 16px;
  7408. }
  7409. .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before,
  7410. .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before {
  7411. content: "\f054";
  7412. }
  7413. .dx-treelist .dx-icon-filter-operation-equals,
  7414. .dx-treelist-container .dx-icon-filter-operation-equals {
  7415. font: 14px/1 DXIcons;
  7416. }
  7417. .dx-treelist .dx-icon-filter-operation-equals:before,
  7418. .dx-treelist-container .dx-icon-filter-operation-equals:before {
  7419. content: "\f044";
  7420. }
  7421. .dx-treelist .dx-icon-filter-operation-default,
  7422. .dx-treelist-container .dx-icon-filter-operation-default {
  7423. font: 14px/1 DXIcons;
  7424. width: 12px;
  7425. height: 12px;
  7426. background-position: 0px 0px;
  7427. background-size: 12px 12px;
  7428. padding: 0px;
  7429. font-size: 12px;
  7430. text-align: center;
  7431. line-height: 12px;
  7432. }
  7433. .dx-treelist .dx-icon-filter-operation-default:before,
  7434. .dx-treelist-container .dx-icon-filter-operation-default:before {
  7435. content: "\f027";
  7436. }
  7437. .dx-treelist .dx-icon-filter-operation-not-equals,
  7438. .dx-treelist-container .dx-icon-filter-operation-not-equals {
  7439. font: 14px/1 DXIcons;
  7440. }
  7441. .dx-treelist .dx-icon-filter-operation-not-equals:before,
  7442. .dx-treelist-container .dx-icon-filter-operation-not-equals:before {
  7443. content: "\f045";
  7444. }
  7445. .dx-treelist .dx-icon-filter-operation-less,
  7446. .dx-treelist-container .dx-icon-filter-operation-less {
  7447. font: 14px/1 DXIcons;
  7448. }
  7449. .dx-treelist .dx-icon-filter-operation-less:before,
  7450. .dx-treelist-container .dx-icon-filter-operation-less:before {
  7451. content: "\f046";
  7452. }
  7453. .dx-treelist .dx-icon-filter-operation-less-equal,
  7454. .dx-treelist-container .dx-icon-filter-operation-less-equal {
  7455. font: 14px/1 DXIcons;
  7456. }
  7457. .dx-treelist .dx-icon-filter-operation-less-equal:before,
  7458. .dx-treelist-container .dx-icon-filter-operation-less-equal:before {
  7459. content: "\f048";
  7460. }
  7461. .dx-treelist .dx-icon-filter-operation-greater,
  7462. .dx-treelist-container .dx-icon-filter-operation-greater {
  7463. font: 14px/1 DXIcons;
  7464. }
  7465. .dx-treelist .dx-icon-filter-operation-greater:before,
  7466. .dx-treelist-container .dx-icon-filter-operation-greater:before {
  7467. content: "\f047";
  7468. }
  7469. .dx-treelist .dx-icon-filter-operation-greater-equal,
  7470. .dx-treelist-container .dx-icon-filter-operation-greater-equal {
  7471. font: 14px/1 DXIcons;
  7472. }
  7473. .dx-treelist .dx-icon-filter-operation-greater-equal:before,
  7474. .dx-treelist-container .dx-icon-filter-operation-greater-equal:before {
  7475. content: "\f049";
  7476. }
  7477. .dx-treelist .dx-icon-filter-operation-contains,
  7478. .dx-treelist-container .dx-icon-filter-operation-contains {
  7479. font: 14px/1 DXIcons;
  7480. }
  7481. .dx-treelist .dx-icon-filter-operation-contains:before,
  7482. .dx-treelist-container .dx-icon-filter-operation-contains:before {
  7483. content: "\f063";
  7484. }
  7485. .dx-treelist .dx-icon-filter-operation-not-contains,
  7486. .dx-treelist-container .dx-icon-filter-operation-not-contains {
  7487. font: 14px/1 DXIcons;
  7488. }
  7489. .dx-treelist .dx-icon-filter-operation-not-contains:before,
  7490. .dx-treelist-container .dx-icon-filter-operation-not-contains:before {
  7491. content: "\f066";
  7492. }
  7493. .dx-treelist .dx-icon-filter-operation-starts-with,
  7494. .dx-treelist-container .dx-icon-filter-operation-starts-with {
  7495. font: 14px/1 DXIcons;
  7496. }
  7497. .dx-treelist .dx-icon-filter-operation-starts-with:before,
  7498. .dx-treelist-container .dx-icon-filter-operation-starts-with:before {
  7499. content: "\f064";
  7500. }
  7501. .dx-treelist .dx-icon-filter-operation-ends-with,
  7502. .dx-treelist-container .dx-icon-filter-operation-ends-with {
  7503. font: 14px/1 DXIcons;
  7504. }
  7505. .dx-treelist .dx-icon-filter-operation-ends-with:before,
  7506. .dx-treelist-container .dx-icon-filter-operation-ends-with:before {
  7507. content: "\f065";
  7508. }
  7509. .dx-treelist .dx-icon-filter-operation-between,
  7510. .dx-treelist-container .dx-icon-filter-operation-between {
  7511. font: 14px/1 DXIcons;
  7512. }
  7513. .dx-treelist .dx-icon-filter-operation-between:before,
  7514. .dx-treelist-container .dx-icon-filter-operation-between:before {
  7515. content: "\f06a";
  7516. }
  7517. .dx-treelist {
  7518. line-height: inherit;
  7519. }
  7520. .dx-treelist .dx-row-alt > td,
  7521. .dx-treelist .dx-row-alt > tr > td {
  7522. background-color: #f5f5f5;
  7523. }
  7524. .dx-treelist .dx-row-alt.dx-row:not(.dx-row-removed) {
  7525. border-bottom-color: transparent;
  7526. }
  7527. .dx-treelist .dx-link {
  7528. color: #337ab7;
  7529. }
  7530. .dx-treelist .dx-row-lines > td {
  7531. border-bottom: 1px solid #ddd;
  7532. }
  7533. .dx-treelist .dx-column-lines > td {
  7534. border-left: 1px solid #ddd;
  7535. border-right: 1px solid #ddd;
  7536. }
  7537. .dx-treelist .dx-error-row .dx-closebutton {
  7538. float: right;
  7539. margin: 7px;
  7540. font: 14px/1 DXIcons;
  7541. width: 14px;
  7542. height: 14px;
  7543. background-position: 0px 0px;
  7544. background-size: 14px 14px;
  7545. padding: 0px;
  7546. font-size: 14px;
  7547. text-align: center;
  7548. line-height: 14px;
  7549. }
  7550. .dx-treelist .dx-error-row .dx-closebutton:before {
  7551. content: "\f00a";
  7552. }
  7553. .dx-treelist .dx-error-row .dx-error-message {
  7554. padding: 5px;
  7555. padding-right: 35px;
  7556. }
  7557. .dx-treelist .dx-row > td {
  7558. padding: 5px;
  7559. }
  7560. .dx-treelist .dx-row > td.dx-command-adaptive {
  7561. padding: 3px 5px;
  7562. }
  7563. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link {
  7564. width: 14px;
  7565. height: 14px;
  7566. background-position: 0px 0px;
  7567. background-size: 14px 14px;
  7568. padding: 0px;
  7569. font-size: 14px;
  7570. text-align: center;
  7571. line-height: 14px;
  7572. margin: 0 1px;
  7573. }
  7574. .dx-treelist .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  7575. background-position-y: 34px;
  7576. }
  7577. .dx-treelist-edit-popup .dx-error-message {
  7578. padding: 5px;
  7579. }
  7580. .dx-treelist-headers .dx-texteditor-input,
  7581. .dx-treelist-rowsview .dx-texteditor-input {
  7582. padding: 5px;
  7583. min-height: 26px;
  7584. }
  7585. .dx-treelist-headers .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
  7586. .dx-treelist-rowsview .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
  7587. .dx-treelist-headers .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
  7588. .dx-treelist-rowsview .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input {
  7589. padding-right: 5px;
  7590. }
  7591. .dx-treelist-headers .dx-lookup,
  7592. .dx-treelist-rowsview .dx-lookup {
  7593. height: auto;
  7594. }
  7595. .dx-treelist-headers .dx-lookup-field,
  7596. .dx-treelist-rowsview .dx-lookup-field {
  7597. padding-left: 5px;
  7598. padding-top: 5px;
  7599. padding-bottom: 5px;
  7600. }
  7601. .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input,
  7602. .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
  7603. padding-right: 46px;
  7604. }
  7605. .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid .dx-texteditor-input,
  7606. .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid .dx-texteditor-input {
  7607. padding-right: 66px;
  7608. }
  7609. .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
  7610. .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input {
  7611. padding: 4px 5px 4px;
  7612. padding-left: 66px;
  7613. }
  7614. .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input,
  7615. .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input {
  7616. padding-right: 44px;
  7617. }
  7618. .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input,
  7619. .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input {
  7620. padding: 4px 5px 4px;
  7621. padding-left: 44px;
  7622. }
  7623. .dx-treelist-headers .dx-dropdowneditor-button-visible .dx-texteditor-input,
  7624. .dx-treelist-rowsview .dx-dropdowneditor-button-visible .dx-texteditor-input {
  7625. padding-right: 24px;
  7626. }
  7627. .dx-treelist-headers .dx-searchbox .dx-texteditor-input,
  7628. .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
  7629. .dx-treelist-headers .dx-searchbox .dx-placeholder:before,
  7630. .dx-treelist-rowsview .dx-searchbox .dx-placeholder:before {
  7631. padding-left: 24px;
  7632. }
  7633. .dx-rtl .dx-treelist-headers .dx-searchbox .dx-texteditor-input,
  7634. .dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
  7635. .dx-rtl .dx-treelist-headers .dx-searchbox .dx-placeholder:before,
  7636. .dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-placeholder:before,
  7637. .dx-rtl.dx-treelist-headers .dx-searchbox .dx-texteditor-input,
  7638. .dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
  7639. .dx-rtl.dx-treelist-headers .dx-searchbox .dx-placeholder:before,
  7640. .dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-placeholder:before {
  7641. padding-right: 24px;
  7642. }
  7643. .dx-editor-cell .dx-numberbox-spin-button {
  7644. background-color: transparent;
  7645. }
  7646. .dx-editor-cell .dx-icon-clear {
  7647. left: 0px;
  7648. }
  7649. .dx-editor-cell .dx-texteditor {
  7650. background: #fff;
  7651. }
  7652. .dx-editor-cell .dx-texteditor .dx-texteditor-input {
  7653. background: #fff;
  7654. }
  7655. .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input {
  7656. padding-right: 20px;
  7657. }
  7658. .dx-editor-cell .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input {
  7659. padding-right: 60px;
  7660. }
  7661. .dx-editor-cell .dx-dropdowneditor {
  7662. background-color: #fff;
  7663. }
  7664. .dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
  7665. border-radius: 0;
  7666. }
  7667. .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
  7668. padding-top: 5px;
  7669. padding-bottom: 5px;
  7670. }
  7671. .dx-treelist-checkbox-size {
  7672. line-height: normal;
  7673. }
  7674. .dx-treelist-checkbox-size.dx-checkbox-checked .dx-checkbox-icon {
  7675. font-size: 10px;
  7676. }
  7677. .dx-treelist-checkbox-size .dx-checkbox-icon {
  7678. height: 16px;
  7679. width: 16px;
  7680. }
  7681. .dx-treelist-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon {
  7682. font-size: 6px;
  7683. }
  7684. .dx-device-mobile .dx-treelist-column-chooser-list .dx-empty-message,
  7685. .dx-treelist-column-chooser-list .dx-empty-message {
  7686. color: #999999;
  7687. padding: 0 10px;
  7688. }
  7689. .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content {
  7690. padding: 0px 10px 10px 10px;
  7691. }
  7692. .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-search {
  7693. margin-bottom: 5px;
  7694. }
  7695. .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-node {
  7696. padding-left: 20px;
  7697. }
  7698. .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-popup-content {
  7699. padding: 0px 10px 10px 10px;
  7700. }
  7701. .dx-treelist-column-chooser .dx-overlay-content {
  7702. background-color: #fff;
  7703. border-radius: 6px;
  7704. -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  7705. box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  7706. }
  7707. .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
  7708. padding-top: 7px;
  7709. padding-bottom: 9px;
  7710. background-color: transparent;
  7711. }
  7712. .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  7713. margin-bottom: 5px;
  7714. background-color: #fff;
  7715. color: #959595;
  7716. font-weight: normal;
  7717. border: 1px solid #ddd;
  7718. padding: 5px;
  7719. -webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
  7720. box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
  7721. }
  7722. .dx-treelist-drag-header {
  7723. -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
  7724. box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
  7725. color: #959595;
  7726. font-weight: normal;
  7727. padding: 5px;
  7728. border: 1px solid rgba(51, 122, 183, 0.5);
  7729. background-color: #fff;
  7730. }
  7731. .dx-treelist-columns-separator {
  7732. background-color: rgba(51, 122, 183, 0.5);
  7733. }
  7734. .dx-treelist-columns-separator-transparent {
  7735. background-color: transparent;
  7736. }
  7737. .dx-treelist-drop-highlight > td {
  7738. background-color: #337ab7;
  7739. color: #fff;
  7740. }
  7741. .dx-treelist-focus-overlay {
  7742. border: 2px solid #337ab7;
  7743. }
  7744. .dx-treelist-table .dx-row .dx-command-select {
  7745. width: 55px;
  7746. min-width: 55px;
  7747. }
  7748. .dx-treelist-table .dx-row .dx-command-edit {
  7749. width: 70px;
  7750. min-width: 70px;
  7751. }
  7752. .dx-treelist-table .dx-row .dx-command-expand {
  7753. width: 15px;
  7754. min-width: 15px;
  7755. }
  7756. .dx-treelist-table .dx-row .dx-command-expand.dx-treelist-group-space {
  7757. padding-top: 5px;
  7758. }
  7759. .dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
  7760. background-color: #f5f5f5;
  7761. color: #333;
  7762. }
  7763. .dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space {
  7764. border-right-color: #f5f5f5;
  7765. }
  7766. .dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-treelist-readonly .dx-texteditor .dx-texteditor-input {
  7767. background-color: #f5f5f5;
  7768. color: #333;
  7769. }
  7770. .dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none {
  7771. background-color: transparent;
  7772. }
  7773. .dx-treelist-headers {
  7774. color: #959595;
  7775. font-weight: normal;
  7776. -ms-touch-action: pinch-zoom;
  7777. touch-action: pinch-zoom;
  7778. border-bottom: 1px solid #ddd;
  7779. }
  7780. .dx-treelist-headers .dx-treelist-content {
  7781. margin-bottom: -1px;
  7782. }
  7783. .dx-treelist-borders .dx-treelist-headers .dx-treelist-table {
  7784. border-bottom-width: 1px;
  7785. }
  7786. .dx-treelist-headers .dx-treelist-table .dx-row > td {
  7787. border-bottom: 1px solid #ddd;
  7788. }
  7789. .dx-treelist-filter-row .dx-menu .dx-overlay-content {
  7790. color: #333;
  7791. }
  7792. .dx-treelist-filter-row .dx-menu-item.dx-state-focused {
  7793. background-color: transparent;
  7794. }
  7795. .dx-treelist-filter-row .dx-menu-item.dx-state-focused:after {
  7796. border: 2px solid #337ab7;
  7797. }
  7798. .dx-treelist-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded {
  7799. background-color: #fff;
  7800. }
  7801. .dx-treelist-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after {
  7802. border-color: transparent;
  7803. }
  7804. .dx-treelist-filter-row .dx-menu-item-has-submenu.dx-state-hover {
  7805. background-color: transparent;
  7806. }
  7807. .dx-treelist-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover {
  7808. background-color: #fff;
  7809. }
  7810. .dx-treelist-filter-row .dx-highlight-outline::after {
  7811. border-color: rgba(92, 184, 92, 0.5);
  7812. }
  7813. .dx-treelist-filter-row .dx-menu-item-content .dx-icon {
  7814. color: #898989;
  7815. }
  7816. .dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content {
  7817. padding: 5px 5px 5px 24px;
  7818. }
  7819. .dx-treelist-filter-range-overlay .dx-overlay-content {
  7820. border: 1px solid #ddd;
  7821. overflow: inherit;
  7822. -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  7823. box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  7824. }
  7825. .dx-treelist-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after {
  7826. border-color: rgba(92, 184, 92, 0.5);
  7827. left: 0px;
  7828. }
  7829. .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
  7830. background-color: #fff;
  7831. padding: 5px;
  7832. }
  7833. .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
  7834. border: 2px solid #337ab7;
  7835. }
  7836. .dx-filter-menu.dx-menu {
  7837. background-color: transparent;
  7838. height: 100%;
  7839. }
  7840. .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
  7841. padding: 5px 3px 3px;
  7842. }
  7843. .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
  7844. margin: 0px 3px;
  7845. }
  7846. .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
  7847. margin-top: 2px;
  7848. }
  7849. .dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
  7850. margin-top: 2px;
  7851. }
  7852. .dx-highlight-outline {
  7853. padding: 5px;
  7854. }
  7855. .dx-treelist-header-panel {
  7856. border-bottom: 1px solid #ddd;
  7857. }
  7858. .dx-treelist-header-panel .dx-toolbar {
  7859. margin-bottom: 5px;
  7860. }
  7861. .dx-treelist-header-panel .dx-apply-button {
  7862. background-color: #5cb85c;
  7863. border-color: #4cae4c;
  7864. color: #fff;
  7865. }
  7866. .dx-treelist-header-panel .dx-apply-button .dx-icon {
  7867. color: #fff;
  7868. }
  7869. .dx-treelist-header-panel .dx-apply-button.dx-state-hover {
  7870. background-color: #449d44;
  7871. border-color: #4cae4c;
  7872. }
  7873. .dx-treelist-header-panel .dx-apply-button.dx-state-focused {
  7874. background-color: #3d8b3d;
  7875. border-color: #4cae4c;
  7876. }
  7877. .dx-treelist-header-panel .dx-apply-button.dx-state-active {
  7878. background-color: #357935;
  7879. border-color: #4cae4c;
  7880. color: #fff;
  7881. }
  7882. .dx-icon-column-chooser {
  7883. font: 14px/1 DXIcons;
  7884. width: 14px;
  7885. height: 14px;
  7886. background-position: 0px 0px;
  7887. background-size: 14px 14px;
  7888. padding: 0px;
  7889. font-size: 14px;
  7890. text-align: center;
  7891. line-height: 14px;
  7892. }
  7893. .dx-icon-column-chooser:before {
  7894. content: "\f04d";
  7895. }
  7896. .dx-treelist-addrow-button .dx-icon-edit-button-addrow {
  7897. font: 14px/1 DXIcons;
  7898. width: 14px;
  7899. height: 14px;
  7900. background-position: 0px 0px;
  7901. background-size: 14px 14px;
  7902. padding: 0px;
  7903. font-size: 14px;
  7904. text-align: center;
  7905. line-height: 14px;
  7906. }
  7907. .dx-treelist-addrow-button .dx-icon-edit-button-addrow:before {
  7908. content: "\f00b";
  7909. }
  7910. .dx-treelist-cancel-button .dx-icon-edit-button-cancel {
  7911. font: 14px/1 DXIcons;
  7912. width: 14px;
  7913. height: 14px;
  7914. background-position: 0px 0px;
  7915. background-size: 14px 14px;
  7916. padding: 0px;
  7917. font-size: 14px;
  7918. text-align: center;
  7919. line-height: 14px;
  7920. }
  7921. .dx-treelist-cancel-button .dx-icon-edit-button-cancel:before {
  7922. content: "\f04c";
  7923. }
  7924. .dx-treelist-save-button .dx-icon-edit-button-save {
  7925. font: 14px/1 DXIcons;
  7926. width: 14px;
  7927. height: 14px;
  7928. background-position: 0px 0px;
  7929. background-size: 14px 14px;
  7930. padding: 0px;
  7931. font-size: 14px;
  7932. text-align: center;
  7933. line-height: 14px;
  7934. }
  7935. .dx-treelist-save-button .dx-icon-edit-button-save:before {
  7936. content: "\f041";
  7937. }
  7938. .dx-apply-button .dx-icon-apply-filter {
  7939. font: 14px/1 DXIcons;
  7940. width: 14px;
  7941. height: 14px;
  7942. background-position: 0px 0px;
  7943. background-size: 14px 14px;
  7944. padding: 0px;
  7945. font-size: 14px;
  7946. text-align: center;
  7947. line-height: 14px;
  7948. }
  7949. .dx-apply-button .dx-icon-apply-filter:before {
  7950. content: "\f050";
  7951. }
  7952. .dx-treelist-export-button .dx-icon-export-to {
  7953. font: 14px/1 DXIcons;
  7954. width: 14px;
  7955. height: 14px;
  7956. background-position: 0px 0px;
  7957. background-size: 14px 14px;
  7958. padding: 0px;
  7959. font-size: 14px;
  7960. text-align: center;
  7961. line-height: 14px;
  7962. }
  7963. .dx-treelist-export-button .dx-icon-export-to:before {
  7964. content: "\f05f";
  7965. }
  7966. .dx-treelist-export-button .dx-icon-export-excel-button {
  7967. font: 14px/1 DXIcons;
  7968. width: 14px;
  7969. height: 14px;
  7970. background-position: 0px 0px;
  7971. background-size: 14px 14px;
  7972. padding: 0px;
  7973. font-size: 14px;
  7974. text-align: center;
  7975. line-height: 14px;
  7976. }
  7977. .dx-treelist-export-button .dx-icon-export-excel-button:before {
  7978. content: "\f060";
  7979. }
  7980. .dx-treelist-adaptive-more {
  7981. width: 17px;
  7982. height: 17px;
  7983. background-position: 0px 0px;
  7984. background-size: 17px 17px;
  7985. padding: 0px;
  7986. font-size: 17px;
  7987. text-align: center;
  7988. line-height: 17px;
  7989. }
  7990. .dx-treelist-rowsview {
  7991. border-top: 1px solid #ddd;
  7992. }
  7993. .dx-treelist-rowsview .dx-row {
  7994. border-top: 1px solid transparent;
  7995. border-bottom: 1px solid transparent;
  7996. }
  7997. .dx-treelist-rowsview .dx-row.dx-edit-row:first-child > td {
  7998. border-top-width: 0px;
  7999. border-bottom: 1px solid #ddd;
  8000. }
  8001. .dx-treelist-rowsview .dx-row.dx-edit-row > td {
  8002. border-top: 1px solid #ddd;
  8003. border-bottom: 1px solid #ddd;
  8004. }
  8005. .dx-treelist-rowsview .dx-master-detail-row > .dx-treelist-group-space,
  8006. .dx-treelist-rowsview .dx-master-detail-row .dx-master-detail-cell {
  8007. border-top: 1px solid #ddd;
  8008. border-bottom: 1px solid #ddd;
  8009. }
  8010. .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) > .dx-treelist-group-space,
  8011. .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) .dx-master-detail-cell {
  8012. background-color: #fafafa;
  8013. }
  8014. .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid .dx-highlight-outline::after {
  8015. border: 1px solid rgba(217, 83, 79, 0.4);
  8016. }
  8017. .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid.dx-focused > .dx-highlight-outline::after {
  8018. border: 1px solid #d9534f;
  8019. }
  8020. .dx-treelist-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content {
  8021. padding: 9px 17px 9px;
  8022. }
  8023. .dx-treelist-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
  8024. border-color: rgba(92, 184, 92, 0.5);
  8025. }
  8026. .dx-treelist-rowsview .dx-row-removed > td {
  8027. background-color: rgba(92, 184, 92, 0.5);
  8028. border-top: 1px solid rgba(92, 184, 92, 0.5);
  8029. border-bottom: 1px solid rgba(92, 184, 92, 0.5);
  8030. }
  8031. .dx-treelist-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text {
  8032. padding-top: 6px;
  8033. padding-bottom: 6px;
  8034. padding-left: 6px;
  8035. }
  8036. .dx-treelist-rowsview .dx-adaptive-detail-row .dx-treelist-invalid {
  8037. border: 1px solid rgba(217, 83, 79, 0.4);
  8038. }
  8039. .dx-treelist-rowsview .dx-adaptive-detail-row .dx-treelist-invalid.dx-adaptive-item-text {
  8040. padding-top: 5px;
  8041. padding-bottom: 5px;
  8042. padding-left: 5px;
  8043. }
  8044. .dx-treelist-rowsview .dx-item-modified {
  8045. border-radius: 4px;
  8046. border: 2px solid rgba(92, 184, 92, 0.5);
  8047. }
  8048. .dx-treelist-rowsview .dx-item-modified.dx-adaptive-item-text {
  8049. padding-top: 4px;
  8050. padding-bottom: 4px;
  8051. padding-left: 4px;
  8052. }
  8053. .dx-treelist-rowsview .dx-row-focused:focus {
  8054. outline: none;
  8055. }
  8056. .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused),
  8057. .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused),
  8058. .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link {
  8059. background-color: #337ab7;
  8060. color: #fff;
  8061. }
  8062. .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) .dx-treelist-group-opened,
  8063. .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused) .dx-treelist-group-opened,
  8064. .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link .dx-treelist-group-opened,
  8065. .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) .dx-treelist-group-closed,
  8066. .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused) .dx-treelist-group-closed,
  8067. .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link .dx-treelist-group-closed {
  8068. color: #fff;
  8069. }
  8070. .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td,
  8071. .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr:last-child > td {
  8072. border-bottom: 1px solid #337ab7;
  8073. }
  8074. .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row):not(.dx-row-lines) > td,
  8075. .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row):not(.dx-row-lines) > tr:first-child > td {
  8076. border-top: 1px solid #337ab7;
  8077. }
  8078. .dx-treelist-rowsview .dx-row-focused.dx-group-row {
  8079. background-color: #337ab7;
  8080. color: #fff;
  8081. }
  8082. .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-opened,
  8083. .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-closed {
  8084. color: #fff;
  8085. }
  8086. .dx-treelist-rowsview .dx-selection.dx-row > td,
  8087. .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
  8088. .dx-treelist-rowsview .dx-selection.dx-row > tr > td,
  8089. .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
  8090. background-color: #e6e6e6;
  8091. color: #333;
  8092. }
  8093. .dx-treelist-rowsview .dx-selection.dx-row > td.dx-treelist-group-space,
  8094. .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-treelist-group-space,
  8095. .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-treelist-group-space,
  8096. .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-treelist-group-space {
  8097. border-right-color: #e6e6e6;
  8098. }
  8099. .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
  8100. .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
  8101. .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
  8102. .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
  8103. border-left-color: #ddd;
  8104. border-right-color: #ddd;
  8105. }
  8106. .dx-treelist-rowsview .dx-selection.dx-row > td.dx-focused,
  8107. .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-focused,
  8108. .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-focused,
  8109. .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-focused {
  8110. background-color: #fff;
  8111. color: #333;
  8112. }
  8113. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-lines):not(.dx-row-focused) > td,
  8114. .dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines):not(.dx-row-focused) > td {
  8115. border-bottom: 1px solid #e6e6e6;
  8116. border-top: 1px solid #e6e6e6;
  8117. }
  8118. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-lines):not(.dx-row-focused) > tr:first-child > td,
  8119. .dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines):not(.dx-row-focused) > tr:first-child > td {
  8120. border-top: 1px solid #e6e6e6;
  8121. }
  8122. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-lines):not(.dx-row-focused) > tr:last-child > td,
  8123. .dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines):not(.dx-row-focused) > tr:last-child > td {
  8124. border-bottom: 1px solid #e6e6e6;
  8125. }
  8126. .dx-treelist-rowsview .dx-selection.dx-row.dx-column-lines > td,
  8127. .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-column-lines > td,
  8128. .dx-treelist-rowsview .dx-selection.dx-row.dx-column-lines > tr > td,
  8129. .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-column-lines > tr > td {
  8130. border-left-color: #ddd;
  8131. border-right-color: #ddd;
  8132. }
  8133. .dx-treelist-rowsview .dx-selection.dx-row.dx-row-lines > td,
  8134. .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-row-lines > td,
  8135. .dx-treelist-rowsview .dx-selection.dx-row.dx-row-lines > tr > td,
  8136. .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-row-lines > tr > td {
  8137. border-bottom-color: #ddd;
  8138. }
  8139. .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
  8140. padding-right: 0;
  8141. }
  8142. .dx-treelist-search-text {
  8143. color: #fff;
  8144. background-color: #337ab7;
  8145. }
  8146. .dx-treelist-nodata {
  8147. color: #999999;
  8148. font-size: 14px;
  8149. }
  8150. .dx-treelist-bottom-load-panel {
  8151. border-top: 1px solid #ddd;
  8152. }
  8153. .dx-treelist-pager {
  8154. border-top: 3px double #ddd;
  8155. }
  8156. .dx-treelist-pager.dx-widget {
  8157. color: #333;
  8158. }
  8159. .dx-treelist-summary-item {
  8160. color: rgba(51, 51, 51, 0.7);
  8161. }
  8162. .dx-treelist-total-footer {
  8163. border-top: 1px solid #ddd;
  8164. }
  8165. .dx-treelist-revert-tooltip .dx-overlay-content {
  8166. background-color: #fff;
  8167. min-width: inherit;
  8168. }
  8169. .dx-treelist-revert-tooltip .dx-revert-button {
  8170. margin: 0px 1px;
  8171. margin-left: 1px;
  8172. background-color: #d9534f;
  8173. border-color: #d43f3a;
  8174. color: #fff;
  8175. }
  8176. .dx-treelist-revert-tooltip .dx-revert-button .dx-icon {
  8177. color: #fff;
  8178. }
  8179. .dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
  8180. background-color: #c9302c;
  8181. border-color: #d43f3a;
  8182. }
  8183. .dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused {
  8184. background-color: #b52b27;
  8185. border-color: #d43f3a;
  8186. }
  8187. .dx-treelist-revert-tooltip .dx-revert-button.dx-state-active {
  8188. background-color: #a02622;
  8189. border-color: #d43f3a;
  8190. color: #fff;
  8191. }
  8192. .dx-treelist-revert-tooltip .dx-revert-button > .dx-button-content {
  8193. padding: 5px;
  8194. }
  8195. .dx-toolbar-menu-section .dx-treelist-checkbox-size {
  8196. width: 100%;
  8197. }
  8198. .dx-toolbar-menu-section .dx-treelist-checkbox-size .dx-checkbox-container {
  8199. padding: 14px;
  8200. }
  8201. .dx-toolbar-menu-section .dx-treelist-checkbox-size .dx-checkbox-text {
  8202. padding-left: 34px;
  8203. }
  8204. .dx-rtl .dx-toolbar-menu-section .dx-checkbox-text {
  8205. padding-right: 34px;
  8206. padding-left: 27px;
  8207. }
  8208. .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space {
  8209. border-left-color: #f5f5f5;
  8210. border-right-color: transparent;
  8211. }
  8212. .dx-rtl .dx-treelist-filter-row .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
  8213. margin: 0px 3px;
  8214. }
  8215. .dx-rtl .dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content {
  8216. padding: 5px 24px 5px 5px;
  8217. }
  8218. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td,
  8219. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
  8220. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td,
  8221. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
  8222. border-right-color: #ddd;
  8223. }
  8224. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-treelist-group-space,
  8225. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-treelist-group-space,
  8226. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-treelist-group-space,
  8227. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-treelist-group-space {
  8228. border-left-color: #e6e6e6;
  8229. }
  8230. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
  8231. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
  8232. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
  8233. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
  8234. border-left-color: #ddd;
  8235. }
  8236. .dx-rtl .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
  8237. padding-left: 0;
  8238. }
  8239. .dx-treelist-rowsview .dx-treelist-empty-space {
  8240. position: relative;
  8241. display: inline-block;
  8242. width: 14px;
  8243. font: 14px/1 DXIcons;
  8244. }
  8245. .dx-treelist-rowsview .dx-treelist-empty-space:before {
  8246. content: "\f04e";
  8247. }
  8248. .dx-treelist-rowsview .dx-treelist-empty-space:before {
  8249. visibility: hidden;
  8250. }
  8251. .dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space {
  8252. color: #959595;
  8253. }
  8254. .dx-treelist-rowsview .dx-treelist-expanded span {
  8255. font: 14px/1 DXIcons;
  8256. font-size: 14px;
  8257. text-align: center;
  8258. line-height: 14px;
  8259. cursor: pointer;
  8260. }
  8261. .dx-treelist-rowsview .dx-treelist-expanded span:before {
  8262. content: "\f001";
  8263. }
  8264. .dx-treelist-rowsview .dx-treelist-expanded span:before {
  8265. position: absolute;
  8266. display: block;
  8267. width: 14px;
  8268. top: 50%;
  8269. margin-top: -7px;
  8270. left: 50%;
  8271. margin-left: -7px;
  8272. }
  8273. .dx-treelist-rowsview .dx-treelist-expanded span:before {
  8274. left: 0;
  8275. margin-left: -3px;
  8276. margin-top: -7px;
  8277. }
  8278. .dx-treelist-rowsview .dx-treelist-collapsed span {
  8279. font: 14px/1 DXIcons;
  8280. font-size: 14px;
  8281. text-align: center;
  8282. line-height: 14px;
  8283. cursor: pointer;
  8284. }
  8285. .dx-treelist-rowsview .dx-treelist-collapsed span:before {
  8286. content: "\f04e";
  8287. }
  8288. .dx-treelist-rowsview .dx-treelist-collapsed span:before {
  8289. position: absolute;
  8290. display: block;
  8291. width: 14px;
  8292. top: 50%;
  8293. margin-top: -7px;
  8294. left: 50%;
  8295. margin-left: -7px;
  8296. }
  8297. .dx-treelist-rowsview .dx-treelist-collapsed span:before {
  8298. left: 0;
  8299. margin-left: -4px;
  8300. margin-top: -7px;
  8301. }
  8302. .dx-treelist-rowsview tr:not(.dx-row-focused).dx-selection .dx-treelist-empty-space {
  8303. color: #959595;
  8304. }
  8305. .dx-treelist-rowsview .dx-treelist-cell-expandable {
  8306. white-space: nowrap;
  8307. }
  8308. .dx-treelist-rowsview .dx-treelist-cell-expandable .dx-treelist-text-content {
  8309. white-space: normal;
  8310. }
  8311. .dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-table .dx-treelist-cell-expandable .dx-treelist-text-content {
  8312. white-space: nowrap;
  8313. }
  8314. .dx-treelist-checkbox-size {
  8315. line-height: 0px;
  8316. }
  8317. .dx-treelist-cell-expandable .dx-checkbox,
  8318. .dx-treelist-select-all .dx-checkbox {
  8319. position: absolute;
  8320. }
  8321. .dx-treelist-icon-container.dx-editor-inline-block {
  8322. position: relative;
  8323. padding-right: 21px;
  8324. }
  8325. .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox {
  8326. top: 50%;
  8327. margin-top: -8px;
  8328. }
  8329. .dx-treelist-select-all {
  8330. position: relative;
  8331. }
  8332. .dx-treelist-select-all .dx-checkbox {
  8333. left: 19px;
  8334. margin-top: 0px;
  8335. }
  8336. .dx-treelist-headers .dx-header-row > .dx-treelist-select-all {
  8337. padding-left: 40px;
  8338. }
  8339. .dx-rtl .dx-treelist-rowsview .dx-treelist-expanded,
  8340. .dx-rtl .dx-treelist-rowsview .dx-treelist-collapsed {
  8341. -webkit-transform: scaleX(-1);
  8342. transform: scaleX(-1);
  8343. }
  8344. .dx-rtl .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
  8345. float: right;
  8346. }
  8347. .dx-rtl .dx-treelist-select-all .dx-checkbox {
  8348. left: calc(100% - 35px);
  8349. }
  8350. .dx-rtl .dx-treelist-headers .dx-header-row > .dx-treelist-select-all {
  8351. padding-right: 40px;
  8352. padding-left: 5px;
  8353. }
  8354. .dx-rtl .dx-treelist-icon-container.dx-editor-inline-block {
  8355. padding-left: 21px;
  8356. padding-right: 0px;
  8357. }
  8358. .dx-treelist-filter-panel .dx-icon-filter,
  8359. .dx-treelist-filter-panel .dx-treelist-filter-panel-text,
  8360. .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter {
  8361. color: #337ab7;
  8362. }
  8363. .dx-menu-item {
  8364. color: #333;
  8365. }
  8366. .dx-menu-item.dx-state-hover {
  8367. color: #333;
  8368. background-color: #f5f5f5;
  8369. }
  8370. .dx-menu-item.dx-state-focused {
  8371. background-color: #337ab7;
  8372. color: #fff;
  8373. }
  8374. .dx-menu-item.dx-menu-item-has-text .dx-icon {
  8375. margin-right: -14px;
  8376. }
  8377. .dx-menu-item-selected {
  8378. background-color: #e6e6e6;
  8379. color: #333;
  8380. }
  8381. .dx-menu-item-selected.dx-state-focused {
  8382. background-color: rgba(51, 122, 183, 0.7);
  8383. color: #fff;
  8384. }
  8385. .dx-menu-item-expanded {
  8386. color: #333;
  8387. background-color: #f5f5f5;
  8388. }
  8389. .dx-menu-item.dx-state-focused,
  8390. .dx-menu-item.dx-state-active,
  8391. .dx-menu-item-expanded {
  8392. outline: none;
  8393. }
  8394. .dx-menu-base {
  8395. color: #333;
  8396. font-weight: normal;
  8397. font-size: 12px;
  8398. font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
  8399. line-height: 1.33334;
  8400. }
  8401. .dx-menu-base input,
  8402. .dx-menu-base textarea {
  8403. font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
  8404. line-height: 1.33334;
  8405. }
  8406. .dx-menu-base.dx-state-focused {
  8407. outline: none;
  8408. }
  8409. .dx-menu-base .dx-icon {
  8410. width: 14px;
  8411. height: 14px;
  8412. background-position: 0px 0px;
  8413. background-size: 14px 14px;
  8414. padding: 0px;
  8415. font-size: 14px;
  8416. text-align: center;
  8417. line-height: 14px;
  8418. }
  8419. .dx-menu-base .dx-menu-item-content {
  8420. padding: 1px 3px 5px;
  8421. }
  8422. .dx-menu-base .dx-menu-item-content .dx-menu-item-text {
  8423. padding: 0 23px 3px 17px;
  8424. }
  8425. .dx-menu-base .dx-menu-item-content .dx-menu-item-popout {
  8426. min-width: 7px;
  8427. min-height: 7px;
  8428. }
  8429. .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-text {
  8430. padding: 0 17px 3px 23px;
  8431. }
  8432. .dx-menu-base.dx-rtl .dx-menu-item-content .dx-icon {
  8433. margin-left: auto;
  8434. margin-right: auto;
  8435. }
  8436. .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container {
  8437. margin-left: 0;
  8438. margin-right: auto;
  8439. }
  8440. .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
  8441. -webkit-transform: scaleX(-1);
  8442. transform: scaleX(-1);
  8443. }
  8444. .dx-menu-base.dx-rtl .dx-menu-item-has-text .dx-icon {
  8445. margin-left: -14px;
  8446. }
  8447. .dx-context-menu-container-border {
  8448. background-color: transparent;
  8449. border: 1px solid #ddd;
  8450. -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
  8451. box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
  8452. }
  8453. .dx-context-menu-content-delimiter {
  8454. background-color: #fff;
  8455. }
  8456. .dx-menu {
  8457. color: #333;
  8458. }
  8459. .dx-menu .dx-menu-item-expanded {
  8460. background-color: #fff;
  8461. }
  8462. .dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon {
  8463. margin: 0 17px 0 1px;
  8464. }
  8465. .dx-menu .dx-menu-item-has-text .dx-menu-item-text {
  8466. padding: 0 3px 3px 3px;
  8467. }
  8468. .dx-menu .dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
  8469. margin: 0 1px;
  8470. }
  8471. .dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
  8472. padding: 0 17px 3px 3px;
  8473. }
  8474. .dx-menu .dx-menu-horizontal .dx-menu-item-popout {
  8475. font: 14px/1 DXIcons;
  8476. font-size: 14px;
  8477. text-align: center;
  8478. line-height: 14px;
  8479. }
  8480. .dx-menu .dx-menu-horizontal .dx-menu-item-popout:before {
  8481. content: "\f001";
  8482. }
  8483. .dx-menu .dx-menu-horizontal .dx-menu-item-popout:before {
  8484. position: absolute;
  8485. display: block;
  8486. width: 14px;
  8487. top: 50%;
  8488. margin-top: -7px;
  8489. left: 50%;
  8490. margin-left: -7px;
  8491. }
  8492. .dx-menu .dx-menu-vertical .dx-menu-item-popout {
  8493. font: 14px/1 DXIcons;
  8494. font-size: 14px;
  8495. text-align: center;
  8496. line-height: 14px;
  8497. }
  8498. .dx-menu .dx-menu-vertical .dx-menu-item-popout:before {
  8499. content: "\f04e";
  8500. }
  8501. .dx-menu .dx-menu-vertical .dx-menu-item-popout:before {
  8502. position: absolute;
  8503. display: block;
  8504. width: 14px;
  8505. top: 50%;
  8506. margin-top: -7px;
  8507. left: 50%;
  8508. margin-left: -7px;
  8509. }
  8510. .dx-menu.dx-rtl .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon {
  8511. margin: 0 1px 0 17px;
  8512. }
  8513. .dx-menu.dx-rtl .dx-menu-item-has-text .dx-menu-item-text {
  8514. padding: 0 3px 3px 0;
  8515. }
  8516. .dx-menu.dx-rtl .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
  8517. padding: 0 3px 3px 17px;
  8518. }
  8519. .dx-menu-adaptive-mode {
  8520. background-color: #fff;
  8521. }
  8522. .dx-menu-adaptive-mode .dx-treeview {
  8523. border: 1px solid #ddd;
  8524. border-radius: 4px;
  8525. }
  8526. .dx-menu-adaptive-mode .dx-treeview,
  8527. .dx-menu-adaptive-mode .dx-treeview.dx-state-focused {
  8528. -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  8529. box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  8530. }
  8531. .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
  8532. font-size: 18px;
  8533. }
  8534. .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-node .dx-treeview-toggle-item-visibility {
  8535. color: inherit;
  8536. }
  8537. .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-toggle-item-visibility {
  8538. color: #fff;
  8539. }
  8540. .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
  8541. border-bottom: 1px solid #ddd;
  8542. }
  8543. .dx-context-menu {
  8544. color: #333;
  8545. }
  8546. .dx-context-menu .dx-submenu {
  8547. background-color: #fff;
  8548. border: 1px solid #ddd;
  8549. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  8550. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  8551. }
  8552. .dx-context-menu .dx-menu-item-popout {
  8553. font: 14px/1 DXIcons;
  8554. font-size: 14px;
  8555. text-align: center;
  8556. line-height: 14px;
  8557. }
  8558. .dx-context-menu .dx-menu-item-popout:before {
  8559. content: "\f04e";
  8560. }
  8561. .dx-context-menu .dx-menu-item-popout:before {
  8562. position: absolute;
  8563. display: block;
  8564. width: 14px;
  8565. top: 50%;
  8566. margin-top: -7px;
  8567. left: 50%;
  8568. margin-left: -7px;
  8569. }
  8570. .dx-context-menu .dx-menu-separator {
  8571. background-color: #ddd;
  8572. }
  8573. .dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
  8574. padding-left: 3px;
  8575. }
  8576. .dx-rtl .dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text,
  8577. .dx-rtl.dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
  8578. padding-right: 3px;
  8579. padding-left: 23px;
  8580. }
  8581. .dx-context-menu.dx-rtl .dx-menu-item-content {
  8582. padding: 3px 1px 3px 3px;
  8583. }
  8584. .dx-context-menu.dx-rtl .dx-menu-item-content .dx-menu-item-text {
  8585. padding: 0 17px 3px 23px;
  8586. }
  8587. .dx-calendar {
  8588. width: 232px;
  8589. min-width: 232px;
  8590. height: 225.4px;
  8591. min-height: 225.4px;
  8592. background-color: #fff;
  8593. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  8594. outline: 0;
  8595. border: 1px solid transparent;
  8596. }
  8597. .dx-calendar.dx-calendar-with-footer {
  8598. height: 270.4px;
  8599. min-height: 240.4px;
  8600. }
  8601. .dx-calendar.dx-calendar-with-footer .dx-calendar-body {
  8602. bottom: 45px;
  8603. }
  8604. .dx-calendar.dx-calendar-with-footer .dx-calendar-footer {
  8605. text-align: center;
  8606. height: 35px;
  8607. width: 100%;
  8608. }
  8609. .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button {
  8610. background: none;
  8611. }
  8612. .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button.dx-state-active {
  8613. background-color: #d4d4d4;
  8614. }
  8615. .dx-calendar-navigator {
  8616. line-height: 1.6;
  8617. height: 30px;
  8618. display: table;
  8619. border-collapse: collapse;
  8620. }
  8621. .dx-calendar-navigator .dx-button {
  8622. height: 100%;
  8623. border-radius: 0;
  8624. display: table-cell;
  8625. border-color: #ddd;
  8626. }
  8627. .dx-calendar-navigator .dx-button .dx-icon {
  8628. font-size: 14px;
  8629. }
  8630. .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link {
  8631. border-collapse: collapse;
  8632. visibility: visible;
  8633. opacity: 1;
  8634. }
  8635. .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link .dx-button-content {
  8636. opacity: .5;
  8637. }
  8638. .dx-calendar-navigator .dx-button.dx-state-active:not(.dx-calendar-disabled-navigator-link) {
  8639. z-index: 1;
  8640. }
  8641. .dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) {
  8642. z-index: 1;
  8643. border-color: #ddd;
  8644. }
  8645. .dx-calendar-navigator .dx-calendar-caption-button {
  8646. font-size: 14px;
  8647. font-weight: bold;
  8648. line-height: 1.2;
  8649. text-transform: uppercase;
  8650. right: 24px;
  8651. left: 24px;
  8652. }
  8653. .dx-calendar-navigator .dx-calendar-caption-button.dx-button.dx-state-active {
  8654. background-color: #d4d4d4;
  8655. }
  8656. .dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
  8657. padding: 3px 3px;
  8658. color: #337ab7;
  8659. }
  8660. .dx-calendar-navigator-previous-month {
  8661. width: 24px;
  8662. background: none;
  8663. }
  8664. .dx-calendar-navigator-previous-month.dx-button {
  8665. margin: 0 2px;
  8666. }
  8667. .dx-calendar-navigator-previous-month .dx-button-content {
  8668. padding: 0;
  8669. }
  8670. .dx-calendar-navigator-previous-month.dx-state-hover {
  8671. z-index: 1;
  8672. }
  8673. .dx-calendar-navigator-previous-month,
  8674. .dx-calendar-navigator-next-view {
  8675. width: 24px;
  8676. background: none;
  8677. }
  8678. .dx-calendar-navigator-previous-month.dx-button,
  8679. .dx-calendar-navigator-next-view.dx-button {
  8680. margin: 0px 1px;
  8681. }
  8682. .dx-calendar-navigator-previous-month .dx-button-content,
  8683. .dx-calendar-navigator-next-view .dx-button-content {
  8684. padding: 0;
  8685. }
  8686. .dx-calendar-navigator-previous-view,
  8687. .dx-calendar-navigator-previous-month {
  8688. left: 0px;
  8689. }
  8690. .dx-calendar-navigator-previous-view.dx-button,
  8691. .dx-calendar-navigator-previous-month.dx-button {
  8692. border-radius: 4px 0 0 4px;
  8693. }
  8694. .dx-calendar-navigator-previous-view.dx-button .dx-icon,
  8695. .dx-calendar-navigator-previous-month.dx-button .dx-icon {
  8696. color: #337ab7;
  8697. }
  8698. .dx-calendar-navigator-next-view,
  8699. .dx-calendar-navigator-next-month {
  8700. right: 0px;
  8701. }
  8702. .dx-calendar-navigator-next-view.dx-button,
  8703. .dx-calendar-navigator-next-month.dx-button {
  8704. border-radius: 0 4px 4px 0;
  8705. }
  8706. .dx-calendar-navigator-next-view.dx-button .dx-icon,
  8707. .dx-calendar-navigator-next-month.dx-button .dx-icon {
  8708. color: #337ab7;
  8709. }
  8710. .dx-calendar-body {
  8711. top: 42px;
  8712. }
  8713. .dx-calendar-body thead {
  8714. font-size: 10px;
  8715. font-weight: bold;
  8716. text-transform: uppercase;
  8717. line-height: 1.2;
  8718. }
  8719. .dx-calendar-body thead tr {
  8720. height: 25px;
  8721. padding-bottom: 10px;
  8722. }
  8723. .dx-calendar-body thead tr th {
  8724. -webkit-box-shadow: inset 0px -1px 0px #ddd;
  8725. box-shadow: inset 0px -1px 0px #ddd;
  8726. color: #999999;
  8727. }
  8728. .dx-calendar-body table {
  8729. border-spacing: 0px;
  8730. }
  8731. .dx-calendar-body table th {
  8732. color: #999999;
  8733. text-align: center;
  8734. font-size: 10px;
  8735. padding: 1px 0 2px 0;
  8736. }
  8737. .dx-calendar-cell {
  8738. text-align: center;
  8739. padding: 1px 3px 2px;
  8740. color: #333;
  8741. font-size: 13px;
  8742. border: 1px double transparent;
  8743. width: 39px;
  8744. border-radius: 4px;
  8745. }
  8746. .dx-calendar-cell.dx-calendar-today {
  8747. font-weight: bold;
  8748. }
  8749. .dx-calendar-cell.dx-state-hover {
  8750. -webkit-box-shadow: inset 0px -1px 0px 1000px #f5f5f5;
  8751. box-shadow: inset 0px -1px 0px 1000px #f5f5f5;
  8752. color: #333;
  8753. }
  8754. .dx-calendar-cell.dx-calendar-other-view,
  8755. .dx-calendar-cell.dx-calendar-empty-cell {
  8756. color: #b0b0b0;
  8757. }
  8758. .dx-calendar-cell.dx-calendar-other-view.dx-state-hover,
  8759. .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover,
  8760. .dx-calendar-cell.dx-calendar-other-view.dx-state-active,
  8761. .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active {
  8762. color: #b0b0b0;
  8763. }
  8764. .dx-calendar-cell.dx-calendar-empty-cell {
  8765. cursor: default;
  8766. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAm0lEQVRIx7XVwQnAIAwF0ExSdBF1a6Er9dIRqsVAazWJmh4+iuBT4YMQ4w4pWxk1clt5YlOOFKeAumJZXAgKOKIBb6yBv9AansU/aAsexZtoD5biXZSCOZxEObiHs6gErnERKoURP0uCZM9IpRB2WvDz+eIqzvRUhMNkT1mcQz1xsKfwWZTFV1ASX0W7uAbaxPOCUUBr3MBfn+kF3CNLT2/yky4AAAAASUVORK5CYII=) center center no-repeat;
  8767. }
  8768. .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover {
  8769. -webkit-box-shadow: none;
  8770. box-shadow: none;
  8771. }
  8772. .dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) {
  8773. -webkit-box-shadow: inset 0px -1px 0px 1000px rgba(96, 96, 96, 0.2);
  8774. box-shadow: inset 0px -1px 0px 1000px rgba(96, 96, 96, 0.2);
  8775. }
  8776. .dx-calendar-cell.dx-calendar-contoured-date {
  8777. -webkit-box-shadow: inset 0px 0px 0px 1px #bebebe;
  8778. box-shadow: inset 0px 0px 0px 1px #bebebe;
  8779. }
  8780. .dx-calendar-cell.dx-calendar-selected-date,
  8781. .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
  8782. color: #fff;
  8783. -webkit-box-shadow: inset 0px 0px 0px 1000px #337ab7;
  8784. box-shadow: inset 0px 0px 0px 1000px #337ab7;
  8785. font-weight: normal;
  8786. }
  8787. .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
  8788. .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
  8789. -webkit-box-shadow: inset 0px 0px 0px 1px #bebebe, inset 0px 0px 0px 1000px #337ab7;
  8790. box-shadow: inset 0px 0px 0px 1px #bebebe, inset 0px 0px 0px 1000px #337ab7;
  8791. }
  8792. .dx-invalid.dx-calendar {
  8793. border-color: rgba(217, 83, 79, 0.4);
  8794. }
  8795. .dx-invalid.dx-calendar.dx-state-focused {
  8796. border-color: #d9534f;
  8797. }
  8798. .dx-popup-wrapper .dx-calendar .dx-calendar-caption-button {
  8799. margin: 0;
  8800. }
  8801. .dx-treeview-node-loadindicator {
  8802. top: 8px;
  8803. left: -1px;
  8804. width: 11px;
  8805. height: 11px;
  8806. }
  8807. .dx-treeview.dx-rtl.dx-treeview-border-visible .dx-treeview-select-all-item {
  8808. padding-left: 0;
  8809. padding-right: 20px;
  8810. }
  8811. .dx-treeview.dx-rtl.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
  8812. padding-left: 1px;
  8813. padding-right: 6px;
  8814. }
  8815. .dx-treeview.dx-rtl .dx-treeview-node {
  8816. padding-right: 10px;
  8817. }
  8818. .dx-treeview.dx-rtl .dx-treeview-item .dx-icon {
  8819. margin-left: 5px;
  8820. }
  8821. .dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-treeview-item {
  8822. padding-right: 31px;
  8823. }
  8824. .dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
  8825. right: 14px;
  8826. }
  8827. .dx-treeview.dx-rtl .dx-treeview-select-all-item {
  8828. padding-left: 0;
  8829. padding-right: 14px;
  8830. }
  8831. .dx-treeview.dx-rtl .dx-treeview-select-all-item .dx-checkbox-text {
  8832. padding-left: 0;
  8833. padding-right: 26px;
  8834. }
  8835. .dx-treeview.dx-rtl .dx-treeview-toggle-item-visibility {
  8836. right: -4px;
  8837. }
  8838. .dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
  8839. overflow: visible;
  8840. }
  8841. .dx-treeview-search {
  8842. margin-bottom: 3px;
  8843. }
  8844. .dx-treeview-with-search > .dx-scrollable {
  8845. height: calc(100% - 29px);
  8846. }
  8847. .dx-treeview-border-visible {
  8848. border: 1px solid #ddd;
  8849. }
  8850. .dx-treeview-border-visible .dx-treeview-select-all-item {
  8851. padding-left: 20px;
  8852. }
  8853. .dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
  8854. padding: 1px 1px 1px 6px;
  8855. }
  8856. .dx-treeview-select-all-item {
  8857. margin: 0 0 6px 0;
  8858. border-bottom: 1px solid #ddd;
  8859. padding: 6px 0 8px 15px;
  8860. }
  8861. .dx-treeview-select-all-item .dx-checkbox-text {
  8862. padding-left: 26px;
  8863. }
  8864. .dx-treeview-node {
  8865. padding-left: 10px;
  8866. }
  8867. .dx-state-selected > .dx-treeview-item {
  8868. color: #333;
  8869. }
  8870. .dx-treeview-item-with-checkbox .dx-treeview-item {
  8871. color: #333;
  8872. padding-left: 31px;
  8873. }
  8874. .dx-treeview-item-with-checkbox .dx-checkbox {
  8875. top: 5px;
  8876. left: 14px;
  8877. }
  8878. .dx-treeview-item-with-checkbox.dx-state-focused .dx-checkbox-icon {
  8879. border: 1px solid #337ab7;
  8880. }
  8881. .dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
  8882. color: #333;
  8883. background-color: #e6e6e6;
  8884. }
  8885. .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
  8886. background-color: #337ab7;
  8887. }
  8888. .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item * {
  8889. color: #fff;
  8890. }
  8891. .dx-treeview-item {
  8892. padding: 4px 6px;
  8893. min-height: 28px;
  8894. }
  8895. .dx-treeview-item .dx-icon {
  8896. width: 14px;
  8897. height: 14px;
  8898. background-position: 0px 0px;
  8899. background-size: 14px 14px;
  8900. padding: 0px;
  8901. font-size: 14px;
  8902. text-align: center;
  8903. line-height: 14px;
  8904. }
  8905. .dx-treeview-item.dx-state-hover {
  8906. background-color: #f5f5f5;
  8907. color: #333;
  8908. }
  8909. .dx-treeview-toggle-item-visibility {
  8910. font: 14px/1 DXIcons;
  8911. font-size: 18px;
  8912. text-align: center;
  8913. line-height: 18px;
  8914. color: #333;
  8915. width: 16px;
  8916. height: 28px;
  8917. top: 0;
  8918. left: -4px;
  8919. }
  8920. .dx-treeview-toggle-item-visibility:before {
  8921. content: "\f04e";
  8922. }
  8923. .dx-treeview-toggle-item-visibility:before {
  8924. position: absolute;
  8925. display: block;
  8926. width: 18px;
  8927. top: 50%;
  8928. margin-top: -9px;
  8929. left: 50%;
  8930. margin-left: -9px;
  8931. }
  8932. .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
  8933. font: 14px/1 DXIcons;
  8934. font-size: 18px;
  8935. text-align: center;
  8936. line-height: 18px;
  8937. }
  8938. .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
  8939. content: "\f001";
  8940. }
  8941. .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
  8942. position: absolute;
  8943. display: block;
  8944. width: 18px;
  8945. top: 50%;
  8946. margin-top: -9px;
  8947. left: 50%;
  8948. margin-left: -9px;
  8949. }
  8950. .dx-field {
  8951. color: #333;
  8952. font-weight: normal;
  8953. font-size: 12px;
  8954. font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
  8955. line-height: 1.33334;
  8956. }
  8957. .dx-field input,
  8958. .dx-field textarea {
  8959. font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
  8960. line-height: 1.33334;
  8961. }
  8962. .dx-field-label {
  8963. color: #333;
  8964. cursor: default;
  8965. }
  8966. .dx-field-value.dx-attention {
  8967. color: #d9534f;
  8968. padding-left: 22px;
  8969. }
  8970. .dx-field-value.dx-attention:before {
  8971. pointer-events: none;
  8972. font-weight: bold;
  8973. background-color: #d9534f;
  8974. color: #fff;
  8975. content: '!';
  8976. position: absolute;
  8977. top: 50%;
  8978. margin-top: -8px;
  8979. width: 16px;
  8980. height: 16px;
  8981. border-radius: 50%;
  8982. text-align: center;
  8983. line-height: 16px;
  8984. font-size: 11px;
  8985. }
  8986. .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
  8987. .dx-field-value-static {
  8988. width: 60%;
  8989. }
  8990. .dx-field-label {
  8991. padding: 5px 8px 5px 0;
  8992. }
  8993. .dx-field {
  8994. min-height: 26px;
  8995. padding: 0;
  8996. }
  8997. .dx-field-value.dx-widget,
  8998. .dx-field-value:not(.dx-widget) > .dx-widget {
  8999. margin: 0;
  9000. }
  9001. .dx-field-value:not(.dx-widget) > .dx-button,
  9002. .dx-field-value:not(.dx-widget) > .dx-checkbox,
  9003. .dx-field-value:not(.dx-widget) > .dx-switch {
  9004. float: right;
  9005. }
  9006. .dx-field-value.dx-checkbox,
  9007. .dx-field-value:not(.dx-widget) > .dx-checkbox {
  9008. margin: 5px 0;
  9009. }
  9010. .dx-field-value.dx-switch,
  9011. .dx-field-value:not(.dx-widget) > .dx-switch {
  9012. margin: 4px 0;
  9013. }
  9014. .dx-field-value.dx-slider,
  9015. .dx-field-value:not(.dx-widget) > .dx-slider {
  9016. margin: 3px 0;
  9017. }
  9018. .dx-field-value.dx-radiogroup,
  9019. .dx-field-value:not(.dx-widget) > .dx-radiogroup {
  9020. margin: 3px 0;
  9021. }
  9022. .dx-field-value.dx-attention {
  9023. padding: 5px 6px 5px;
  9024. position: relative;
  9025. padding-left: 22px;
  9026. }
  9027. .dx-field-value.dx-attention:before {
  9028. left: 0;
  9029. }
  9030. .dx-field-value-static {
  9031. padding: 5px 6px 5px;
  9032. }
  9033. .dx-fieldset {
  9034. margin: 15px 10px;
  9035. padding: 0;
  9036. }
  9037. .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
  9038. .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
  9039. .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
  9040. .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
  9041. .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch,
  9042. .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch {
  9043. float: left;
  9044. }
  9045. .dx-fieldset-header {
  9046. margin: 0 0 10px 0;
  9047. font-weight: 500;
  9048. font-size: 16px;
  9049. }
  9050. .dx-field {
  9051. margin: 0 0 5px 0;
  9052. }
  9053. .dx-field:last-of-type {
  9054. margin: 0;
  9055. }
  9056. .dx-device-mobile .dx-fieldset {
  9057. margin: 20px 15px;
  9058. padding: 0;
  9059. }
  9060. .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
  9061. .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
  9062. .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
  9063. .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
  9064. .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch,
  9065. .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch {
  9066. float: left;
  9067. }
  9068. .dx-device-mobile .dx-fieldset-header {
  9069. margin: 0 0 20px 0;
  9070. font-weight: 500;
  9071. font-size: 16px;
  9072. }
  9073. .dx-device-mobile .dx-field {
  9074. margin: 0 0 10px 0;
  9075. }
  9076. .dx-device-mobile .dx-field:last-of-type {
  9077. margin: 0;
  9078. }
  9079. .dx-tabpanel {
  9080. }
  9081. .dx-tabpanel .dx-tabs {
  9082. display: block;
  9083. border-bottom: none;
  9084. background-color: #f7f7f7;
  9085. }
  9086. .dx-empty-collection.dx-tabpanel .dx-tabs {
  9087. border-top: none;
  9088. }
  9089. .dx-tabpanel .dx-tab {
  9090. width: 140px;
  9091. }
  9092. .dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
  9093. background: none;
  9094. }
  9095. .dx-tabpanel .dx-tab-selected:before {
  9096. content: "";
  9097. pointer-events: none;
  9098. position: absolute;
  9099. top: 100%;
  9100. bottom: -1px;
  9101. left: 0;
  9102. right: 0;
  9103. z-index: 2;
  9104. height: 0;
  9105. border-bottom: 1.5px solid #fff;
  9106. bottom: -1.4px;
  9107. }
  9108. .dx-tabpanel .dx-tabs-wrapper {
  9109. display: block;
  9110. }
  9111. .dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
  9112. border: 1px solid #337ab7;
  9113. }
  9114. .dx-tabpanel.dx-state-focused .dx-tab-selected:after {
  9115. border-top: 1px solid #337ab7;
  9116. border-right: 1px solid #337ab7;
  9117. border-left: 1px solid #337ab7;
  9118. }
  9119. .dx-tabpanel.dx-state-focused .dx-tabs-scrollable .dx-tab:not(.dx-tab-selected):before {
  9120. content: "";
  9121. pointer-events: none;
  9122. position: absolute;
  9123. top: 100%;
  9124. bottom: -1px;
  9125. left: 0;
  9126. right: 0;
  9127. z-index: 2;
  9128. height: 0;
  9129. border-bottom: 1.5px solid #337ab7;
  9130. bottom: -1.4px;
  9131. }
  9132. .dx-tabpanel.dx-state-focused .dx-tabs-scrollable .dx-tab-selected:after {
  9133. border-bottom: 1.5px solid #f7f7f7;
  9134. }
  9135. .dx-tabpanel .dx-multiview-wrapper {
  9136. border: 1px solid #ddd;
  9137. }
  9138. .dx-fileuploader-wrapper {
  9139. padding: 2px;
  9140. }
  9141. .dx-fileuploader-content > .dx-fileuploader-upload-button {
  9142. margin-left: 3px;
  9143. margin-right: 3px;
  9144. }
  9145. .dx-fileuploader-input-wrapper {
  9146. padding: 2px 0 2px;
  9147. border: 3px dashed transparent;
  9148. }
  9149. .dx-fileuploader.dx-state-disabled .dx-fileuploader-input-label {
  9150. position: relative;
  9151. }
  9152. .dx-fileuploader-dragover .dx-fileuploader-input-wrapper {
  9153. border: none;
  9154. padding: 0;
  9155. }
  9156. .dx-fileuploader-dragover .dx-fileuploader-input-wrapper .dx-fileuploader-button {
  9157. display: none;
  9158. }
  9159. .dx-fileuploader-dragover .dx-fileuploader-input-label {
  9160. text-align: center;
  9161. }
  9162. .dx-fileuploader-dragover .dx-fileuploader-input-container {
  9163. display: block;
  9164. border: 3px dashed #ddd;
  9165. width: 100%;
  9166. }
  9167. .dx-fileuploader-dragover .dx-fileuploader-input {
  9168. display: block;
  9169. width: 100%;
  9170. padding: 4px 3px;
  9171. margin-bottom: 1px;
  9172. -webkit-box-sizing: content-box;
  9173. box-sizing: content-box;
  9174. }
  9175. .dx-fileuploader-dragover .dx-fileuploader-input-label {
  9176. padding: 4px 4px;
  9177. }
  9178. .dx-fileuploader-file-status-message,
  9179. .dx-fileuploader-file-size {
  9180. color: #999999;
  9181. }
  9182. .dx-fileuploader-input {
  9183. padding: 2px 0;
  9184. }
  9185. .dx-fileuploader-input-label {
  9186. padding: 5px 4px;
  9187. color: #333;
  9188. overflow: hidden;
  9189. text-overflow: ellipsis;
  9190. white-space: nowrap;
  9191. }
  9192. .dx-fileuploader-files-container {
  9193. padding: 12px 3px 0;
  9194. }
  9195. .dx-fileuploader-empty .dx-fileuploader-files-container {
  9196. padding: 0;
  9197. }
  9198. .dx-invalid .dx-fileuploader-files-container {
  9199. padding-top: 50px;
  9200. }
  9201. .dx-fileuploader-files-container .dx-fileuploader-button .dx-button-content {
  9202. padding: 0;
  9203. }
  9204. .dx-fileuploader-file {
  9205. padding-top: 5px;
  9206. line-height: 13px;
  9207. }
  9208. .dx-fileuploader-file-name {
  9209. padding-bottom: 1px;
  9210. color: #333;
  9211. }
  9212. .dx-fileuploader-file-size {
  9213. padding-bottom: 1px;
  9214. }
  9215. .dx-fileuploader-invalid .dx-fileuploader-file-status-message {
  9216. color: #d9534f;
  9217. }
  9218. .dx-invalid-message > .dx-overlay-content {
  9219. border-radius: 4px;
  9220. }
  9221. .dx-editor-underlined .dx-invalid-message > .dx-overlay-content {
  9222. border-radius: 0;
  9223. }
  9224. .dx-timeview {
  9225. height: auto;
  9226. width: auto;
  9227. }
  9228. .dx-timeview-clock {
  9229. min-height: 169px;
  9230. min-width: 169px;
  9231. background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.3%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22191px%22%20height%3D%22191px%22%20viewBox%3D%220%200%20191%20191%22%20enable-background%3D%22new%200%200%20191%20191%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M95.5%2C0C42.8%2C0%2C0%2C42.8%2C0%2C95.5S42.8%2C191%2C95.5%2C191S191%2C148.2%2C191%2C95.5S148.2%2C0%2C95.5%2C0z%20M95.5%2C187.6%0A%09c-50.848%2C0-92.1-41.25-92.1-92.1c0-50.848%2C41.252-92.1%2C92.1-92.1c50.85%2C0%2C92.1%2C41.252%2C92.1%2C92.1%0A%09C187.6%2C146.35%2C146.35%2C187.6%2C95.5%2C187.6z%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M92.9%2C10v8.6H91v-6.5c-0.1%2C0.1-0.2%2C0.2-0.4%2C0.3c-0.2%2C0.1-0.3%2C0.2-0.4%2C0.2c-0.1%2C0-0.3%2C0.1-0.5%2C0.2%0A%09%09c-0.2%2C0.1-0.3%2C0.1-0.5%2C0.1v-1.6c0.5-0.1%2C0.9-0.3%2C1.4-0.5c0.5-0.2%2C0.8-0.5%2C1.2-0.7h1.1V10z%22%2F%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M97.1%2C17.1h3.602v1.5h-5.6V18c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.6%2C0.5-0.9c0.2-0.3%2C0.5-0.5%2C0.7-0.7%0A%09%09c0.2-0.2%2C0.5-0.4%2C0.7-0.6c0.199-0.2%2C0.5-0.3%2C0.6-0.5c0.102-0.2%2C0.301-0.3%2C0.5-0.5c0.2-0.2%2C0.2-0.3%2C0.301-0.5%0A%09%09c0.101-0.2%2C0.101-0.3%2C0.101-0.5c0-0.4-0.101-0.6-0.3-0.8c-0.2-0.2-0.4-0.3-0.801-0.3c-0.699%2C0-1.399%2C0.3-2.101%2C0.9v-1.6%0A%09%09c0.7-0.5%2C1.5-0.7%2C2.5-0.7c0.399%2C0%2C0.8%2C0.1%2C1.101%2C0.2c0.301%2C0.1%2C0.601%2C0.3%2C0.899%2C0.5c0.3%2C0.2%2C0.399%2C0.5%2C0.5%2C0.8%0A%09%09c0.101%2C0.3%2C0.2%2C0.6%2C0.2%2C1s-0.102%2C0.7-0.2%2C1c-0.099%2C0.3-0.3%2C0.6-0.5%2C0.8c-0.2%2C0.2-0.399%2C0.5-0.7%2C0.7c-0.3%2C0.2-0.5%2C0.4-0.8%2C0.6%0A%09%09c-0.2%2C0.1-0.399%2C0.3-0.5%2C0.4s-0.3%2C0.3-0.5%2C0.4s-0.2%2C0.3-0.3%2C0.4C97.1%2C17%2C97.1%2C17%2C97.1%2C17.1z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M15%2C95.4c0%2C0.7-0.1%2C1.4-0.2%2C2c-0.1%2C0.6-0.4%2C1.1-0.7%2C1.5C13.8%2C99.3%2C13.4%2C99.6%2C12.9%2C99.8s-1%2C0.3-1.5%2C0.3%0A%09%09c-0.7%2C0-1.3-0.1-1.8-0.3v-1.5c0.4%2C0.3%2C1%2C0.4%2C1.6%2C0.4c0.6%2C0%2C1.1-0.2%2C1.5-0.7c0.4-0.5%2C0.5-1.1%2C0.5-1.9l0%2C0%0A%09%09C12.8%2C96.7%2C12.3%2C96.9%2C11.5%2C96.9c-0.3%2C0-0.7-0.102-1-0.2c-0.3-0.101-0.5-0.3-0.8-0.5c-0.3-0.2-0.4-0.5-0.5-0.8%0A%09%09c-0.1-0.3-0.2-0.7-0.2-1c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.7%2C0.6-0.9c0.3-0.2%2C0.6-0.5%2C0.9-0.6c0.3-0.1%2C0.8-0.2%2C1.2-0.2%0A%09%09c0.5%2C0%2C0.9%2C0.1%2C1.2%2C0.3c0.3%2C0.2%2C0.7%2C0.4%2C0.9%2C0.8s0.5%2C0.7%2C0.6%2C1.2S15%2C94.8%2C15%2C95.4z%20M13.1%2C94.4c0-0.2%2C0-0.4-0.1-0.6%0A%09%09c-0.1-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.2-0.2-0.4-0.3c-0.2-0.1-0.3-0.1-0.5-0.1c-0.2%2C0-0.3%2C0-0.4%2C0.1s-0.3%2C0.2-0.3%2C0.3%0A%09%09c0%2C0.1-0.2%2C0.3-0.2%2C0.4c0%2C0.1-0.1%2C0.4-0.1%2C0.6c0%2C0.2%2C0%2C0.4%2C0.1%2C0.6c0.1%2C0.2%2C0.1%2C0.3%2C0.2%2C0.4c0.1%2C0.1%2C0.2%2C0.2%2C0.4%2C0.3%0A%09%09c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1c0.2%2C0%2C0.3%2C0%2C0.4-0.1s0.2-0.2%2C0.3-0.3c0.1-0.1%2C0.2-0.2%2C0.2-0.4C13%2C94.7%2C13.1%2C94.6%2C13.1%2C94.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M176%2C99.7V98.1c0.6%2C0.4%2C1.2%2C0.602%2C2%2C0.602c0.5%2C0%2C0.8-0.102%2C1.1-0.301c0.301-0.199%2C0.4-0.5%2C0.4-0.801%0A%09%09c0-0.398-0.2-0.699-0.5-0.898c-0.3-0.2-0.8-0.301-1.3-0.301h-0.802V95h0.701c1.101%2C0%2C1.601-0.4%2C1.601-1.1c0-0.7-0.4-1-1.302-1%0A%09%09c-0.6%2C0-1.1%2C0.2-1.6%2C0.5v-1.5c0.6-0.3%2C1.301-0.4%2C2.1-0.4c0.9%2C0%2C1.5%2C0.2%2C2%2C0.6s0.701%2C0.9%2C0.701%2C1.5c0%2C1.1-0.601%2C1.8-1.701%2C2.1l0%2C0%0A%09%09c0.602%2C0.1%2C1.102%2C0.3%2C1.4%2C0.6s0.5%2C0.8%2C0.5%2C1.3c0%2C0.801-0.3%2C1.4-0.9%2C1.9c-0.6%2C0.5
  9232. background-size: 161px;
  9233. }
  9234. .dx-timeview-hourarrow {
  9235. background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.3%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%225px%22%20height%3D%2257px%22%20viewBox%3D%220%200%205%2057%22%20enable-background%3D%22new%200%200%205%2057%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M5%2C54c0%2C1.7-1.1%2C3-2.5%2C3S0%2C55.7%2C0%2C54V3c0-1.6%2C1.1-3%2C2.5-3S5%2C1.4%2C5%2C3V54z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  9236. background-size: 5px 37px;
  9237. }
  9238. .dx-timeview-minutearrow {
  9239. background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.3%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%225px%22%20height%3D%2279px%22%20viewBox%3D%220%200%205%2079%22%20enable-background%3D%22new%200%200%205%2079%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M5%2C76c0%2C1.7-1.1%2C3-2.5%2C3S0%2C77.7%2C0%2C76V3c0-1.6%2C1.1-3%2C2.5-3S5%2C1.4%2C5%2C3V76z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  9240. background-size: 5px 69px;
  9241. }
  9242. .dx-timeview-format12 {
  9243. width: 55px;
  9244. margin-left: 5px;
  9245. margin-right: auto;
  9246. }
  9247. .dx-timeview-format12.dx-rtl,
  9248. .dx-rtl .dx-timeview-format12 {
  9249. margin-left: auto;
  9250. margin-right: 5px;
  9251. }
  9252. .dx-timeview-time-separator {
  9253. margin: 0 5px;
  9254. }
  9255. .dx-timeview-field {
  9256. min-height: 32px;
  9257. }
  9258. .dx-timeview-field .dx-numberbox {
  9259. width: 54px;
  9260. }
  9261. .dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly {
  9262. width: 94px;
  9263. }
  9264. .dx-scheduler-pseudo-cell:before {
  9265. content: "";
  9266. width: 100px;
  9267. display: table-cell;
  9268. }
  9269. .dx-scheduler-small .dx-scheduler-pseudo-cell:before {
  9270. width: 50px;
  9271. }
  9272. .dx-scheduler-fixed-appointments {
  9273. width: 100%;
  9274. z-index: 100;
  9275. position: absolute;
  9276. left: 100px;
  9277. }
  9278. .dx-scheduler-small .dx-scheduler-fixed-appointments {
  9279. left: 50px;
  9280. }
  9281. .dx-scheduler-header {
  9282. position: relative;
  9283. z-index: 1;
  9284. width: 100%;
  9285. }
  9286. .dx-scheduler-navigator {
  9287. float: left;
  9288. padding-left: 10px;
  9289. white-space: nowrap;
  9290. min-width: 180px;
  9291. max-width: 40%;
  9292. }
  9293. .dx-device-mobile .dx-scheduler-navigator {
  9294. padding-left: 5px;
  9295. }
  9296. .dx-scheduler-navigator-caption {
  9297. width: 180px;
  9298. min-width: 108px;
  9299. max-width: 80%;
  9300. }
  9301. .dx-device-mobile .dx-scheduler-navigator-caption {
  9302. width: 140px;
  9303. }
  9304. .dx-calendar.dx-scheduler-navigator-calendar {
  9305. width: 100%;
  9306. height: 100%;
  9307. }
  9308. .dx-scheduler-view-switcher.dx-tabs.dx-tabs-expanded .dx-tab-selected:before {
  9309. position: absolute;
  9310. bottom: -2px;
  9311. width: 100%;
  9312. height: 2px;
  9313. content: '';
  9314. right: 0;
  9315. }
  9316. .dx-scheduler-view-switcher.dx-tabs {
  9317. max-width: 52%;
  9318. min-width: 72px;
  9319. width: auto;
  9320. float: right;
  9321. height: 100%;
  9322. border: none;
  9323. }
  9324. .dx-scheduler-small .dx-scheduler-view-switcher.dx-tabs {
  9325. display: none;
  9326. }
  9327. .dx-scheduler-view-switcher.dx-tabs .dx-tabs-scrollable .dx-tabs-wrapper {
  9328. border-bottom: none;
  9329. }
  9330. .dx-scheduler-view-switcher.dx-tabs .dx-tab {
  9331. width: 100px;
  9332. }
  9333. .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after {
  9334. border-bottom: none;
  9335. }
  9336. .dx-scheduler-view-switcher.dx-dropdownmenu.dx-button {
  9337. position: absolute;
  9338. right: 10px;
  9339. }
  9340. .dx-scheduler-view-switcher-label {
  9341. position: absolute;
  9342. }
  9343. .dx-scheduler-view-switcher-reduced {
  9344. table-layout: auto;
  9345. }
  9346. .dx-scheduler-view-switcher-reduced.dx-tabs .dx-tab {
  9347. width: auto;
  9348. height: 56px;
  9349. }
  9350. .dx-scheduler-view-switcher-reduced .dx-tabs-wrapper {
  9351. height: 56px;
  9352. }
  9353. .dx-scheduler-appointment-content-allday {
  9354. display: none;
  9355. }
  9356. .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
  9357. color: #337ab7;
  9358. }
  9359. .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
  9360. position: absolute;
  9361. top: 37px;
  9362. right: 0;
  9363. width: 100%;
  9364. height: 2px;
  9365. content: '';
  9366. background-color: #63a0d4;
  9367. }
  9368. .dx-scheduler-date-time-shader-all-day {
  9369. margin-left: 100px;
  9370. width: 100%;
  9371. background-color: rgba(51, 51, 51, 0.04);
  9372. position: absolute;
  9373. pointer-events: none;
  9374. }
  9375. .dx-scheduler-date-time-indicator {
  9376. background-color: #63a0d4;
  9377. position: absolute;
  9378. pointer-events: none;
  9379. -webkit-box-shadow: 0 1px 0 0px rgba(255, 255, 255, 0.1);
  9380. box-shadow: 0 1px 0 0px rgba(255, 255, 255, 0.1);
  9381. }
  9382. .dx-scheduler-date-time-indicator:before {
  9383. font-size: 30px;
  9384. color: #63a0d4;
  9385. position: absolute;
  9386. z-index: 1000;
  9387. margin-top: -14px;
  9388. margin-left: -12px;
  9389. text-shadow: rgba(255, 255, 255, 0.1) 1px 0px 0px;
  9390. }
  9391. .dx-scheduler-date-time-shader {
  9392. pointer-events: none;
  9393. }
  9394. .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
  9395. .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator,
  9396. .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator {
  9397. margin-left: 100px;
  9398. height: 1px;
  9399. font: 14px/1 DXIcons;
  9400. }
  9401. .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator:before,
  9402. .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator:before,
  9403. .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator:before {
  9404. content: "\f04e";
  9405. }
  9406. .dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
  9407. .dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator,
  9408. .dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator {
  9409. margin-left: 50px;
  9410. }
  9411. .dx-scheduler-work-space-week .dx-scheduler-date-time-shader,
  9412. .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader,
  9413. .dx-scheduler-work-space-day .dx-scheduler-date-time-shader {
  9414. margin-left: 100px;
  9415. }
  9416. .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-top:before,
  9417. .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-top:before,
  9418. .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-top:before,
  9419. .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-bottom:before,
  9420. .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-bottom:before,
  9421. .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-bottom:before {
  9422. width: inherit;
  9423. height: inherit;
  9424. content: "";
  9425. left: inherit;
  9426. position: absolute;
  9427. margin-left: 100px;
  9428. background-color: rgba(51, 51, 51, 0.04);
  9429. }
  9430. .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
  9431. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
  9432. .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
  9433. .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
  9434. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
  9435. .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
  9436. .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day,
  9437. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day,
  9438. .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day {
  9439. margin-left: 0;
  9440. }
  9441. .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before,
  9442. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before,
  9443. .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before,
  9444. .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before,
  9445. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before,
  9446. .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before {
  9447. margin-left: 0;
  9448. }
  9449. .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator,
  9450. .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator,
  9451. .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator {
  9452. margin-left: 0;
  9453. font: 14px/1 DXIcons;
  9454. }
  9455. .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator:before,
  9456. .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator:before,
  9457. .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before {
  9458. content: "\f04f";
  9459. }
  9460. .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator:before,
  9461. .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator:before,
  9462. .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before {
  9463. margin-right: -12px;
  9464. }
  9465. .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-top:before,
  9466. .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-top:before,
  9467. .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-top:before,
  9468. .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before,
  9469. .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before,
  9470. .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-bottom:before {
  9471. margin-left: 0;
  9472. }
  9473. .dx-scheduler-timeline-week .dx-scheduler-header-panel,
  9474. .dx-scheduler-timeline-work-week .dx-scheduler-header-panel,
  9475. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel,
  9476. .dx-scheduler-timeline-month .dx-scheduler-header-panel {
  9477. display: -webkit-box;
  9478. display: -webkit-flex;
  9479. display: -ms-flexbox;
  9480. display: flex;
  9481. -webkit-box-orient: horizontal;
  9482. -webkit-box-direction: normal;
  9483. -webkit-flex-flow: row nowrap;
  9484. -ms-flex-flow: row nowrap;
  9485. flex-flow: row nowrap;
  9486. }
  9487. .dx-scheduler-timeline-week .dx-scheduler-header-panel thead,
  9488. .dx-scheduler-timeline-work-week .dx-scheduler-header-panel thead,
  9489. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel thead,
  9490. .dx-scheduler-timeline-month .dx-scheduler-header-panel thead {
  9491. display: -webkit-box;
  9492. display: -webkit-flex;
  9493. display: -ms-flexbox;
  9494. display: flex;
  9495. -webkit-box-orient: vertical;
  9496. -webkit-box-direction: normal;
  9497. -webkit-flex-flow: column nowrap;
  9498. -ms-flex-flow: column nowrap;
  9499. flex-flow: column nowrap;
  9500. width: 100%;
  9501. }
  9502. .dx-scheduler-timeline-week .dx-scheduler-header-row,
  9503. .dx-scheduler-timeline-work-week .dx-scheduler-header-row,
  9504. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-row,
  9505. .dx-scheduler-timeline-month .dx-scheduler-header-row {
  9506. display: -webkit-box;
  9507. display: -webkit-flex;
  9508. display: -ms-flexbox;
  9509. display: flex;
  9510. -webkit-box-orient: horizontal;
  9511. -webkit-box-direction: normal;
  9512. -webkit-flex-flow: row nowrap;
  9513. -ms-flex-flow: row nowrap;
  9514. flex-flow: row nowrap;
  9515. }
  9516. .dx-scheduler-timeline-week .dx-scheduler-header-panel-cell,
  9517. .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell,
  9518. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-cell,
  9519. .dx-scheduler-timeline-month .dx-scheduler-header-panel-cell {
  9520. -webkit-box-flex: 1;
  9521. -webkit-flex-grow: 1;
  9522. -ms-flex-positive: 1;
  9523. flex-grow: 1;
  9524. -webkit-box-pack: center;
  9525. -webkit-justify-content: center;
  9526. -ms-flex-pack: center;
  9527. justify-content: center;
  9528. -webkit-box-align: center;
  9529. -webkit-align-items: center;
  9530. -ms-flex-align: center;
  9531. align-items: center;
  9532. display: -webkit-box;
  9533. display: -webkit-flex;
  9534. display: -ms-flexbox;
  9535. display: flex;
  9536. -webkit-box-orient: horizontal;
  9537. -webkit-box-direction: normal;
  9538. -webkit-flex-flow: row nowrap;
  9539. -ms-flex-flow: row nowrap;
  9540. flex-flow: row nowrap;
  9541. }
  9542. .dx-scheduler-timeline-week .dx-scheduler-header-panel-week-cell,
  9543. .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-week-cell,
  9544. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-week-cell,
  9545. .dx-scheduler-timeline-month .dx-scheduler-header-panel-week-cell {
  9546. -webkit-flex-basis: 0;
  9547. -ms-flex-preferred-size: 0;
  9548. flex-basis: 0;
  9549. }
  9550. .dx-scheduler-timeline-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
  9551. .dx-scheduler-timeline-work-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
  9552. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
  9553. .dx-scheduler-timeline-month .dx-scheduler-header-row .dx-scheduler-header-panel-cell {
  9554. border-right: none;
  9555. }
  9556. .dx-scheduler-timeline .dx-scheduler-date-time-indicator {
  9557. width: 1px;
  9558. top: 0;
  9559. font: 14px/1 DXIcons;
  9560. }
  9561. .dx-scheduler-timeline .dx-scheduler-date-time-indicator:before {
  9562. content: "\f001";
  9563. }
  9564. .dx-scheduler-timeline .dx-scheduler-date-time-indicator:before {
  9565. margin-left: -14px;
  9566. margin-top: -12px;
  9567. }
  9568. .dx-scheduler-timeline .dx-scheduler-date-time-shader {
  9569. height: 100%;
  9570. position: absolute;
  9571. }
  9572. .dx-scheduler-timeline .dx-scheduler-date-time-shader:before {
  9573. width: inherit;
  9574. height: 100%;
  9575. content: "";
  9576. left: 0;
  9577. position: absolute;
  9578. background-color: rgba(51, 51, 51, 0.04);
  9579. }
  9580. .dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
  9581. border-bottom: 2px solid #63a0d4;
  9582. -webkit-box-shadow: none;
  9583. box-shadow: none;
  9584. }
  9585. .dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
  9586. content: none;
  9587. }
  9588. .dx-scheduler-work-space {
  9589. border: 1px solid rgba(221, 221, 221, 0.6);
  9590. background-color: #fff;
  9591. position: relative;
  9592. display: inline-block;
  9593. overflow: hidden;
  9594. height: 100%;
  9595. width: 100%;
  9596. border-top: none;
  9597. float: left;
  9598. }
  9599. .dx-scheduler-work-space.dx-scheduler-timeline-month:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell {
  9600. border-right: none;
  9601. }
  9602. .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-title {
  9603. border-top: 1px solid rgba(221, 221, 221, 0.6);
  9604. }
  9605. .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell {
  9606. border-left: 1px solid rgba(221, 221, 221, 0.6);
  9607. }
  9608. .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel td {
  9609. border-left: 1px solid rgba(221, 221, 221, 0.6);
  9610. border-top: 1px solid rgba(221, 221, 221, 0.6);
  9611. }
  9612. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
  9613. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9614. padding-bottom: 50px;
  9615. margin-bottom: -50px;
  9616. }
  9617. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9618. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9619. padding-bottom: 80px;
  9620. margin-bottom: -80px;
  9621. }
  9622. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9623. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9624. padding-bottom: 110px;
  9625. margin-bottom: -110px;
  9626. }
  9627. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9628. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9629. padding-bottom: 140px;
  9630. margin-bottom: -140px;
  9631. }
  9632. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  9633. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9634. padding-bottom: 125px;
  9635. margin-bottom: -125px;
  9636. }
  9637. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9638. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9639. padding-bottom: 155px;
  9640. margin-bottom: -155px;
  9641. }
  9642. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9643. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9644. padding-bottom: 185px;
  9645. margin-bottom: -185px;
  9646. }
  9647. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9648. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9649. padding-bottom: 215px;
  9650. margin-bottom: -215px;
  9651. }
  9652. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
  9653. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9654. padding-bottom: 75px;
  9655. margin-bottom: -75px;
  9656. }
  9657. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9658. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9659. padding-bottom: 105px;
  9660. margin-bottom: -105px;
  9661. }
  9662. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9663. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9664. padding-bottom: 135px;
  9665. margin-bottom: -135px;
  9666. }
  9667. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9668. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9669. padding-bottom: 165px;
  9670. margin-bottom: -165px;
  9671. }
  9672. .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-header-panel {
  9673. border-bottom: 2px solid rgba(221, 221, 221, 0.6);
  9674. }
  9675. .dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
  9676. border-bottom: 1px solid rgba(221, 221, 221, 0.6);
  9677. }
  9678. .dx-scheduler-date-table-scrollable .dx-scrollable-content {
  9679. overflow: hidden;
  9680. position: relative;
  9681. }
  9682. .dx-scheduler-date-table-cell {
  9683. border-top: 1px solid rgba(221, 221, 221, 0.6);
  9684. height: 50px;
  9685. }
  9686. .dx-scheduler-date-table-cell > div {
  9687. pointer-events: none;
  9688. }
  9689. .dx-scheduler-date-table-cell,
  9690. .dx-scheduler-header-panel-cell,
  9691. .dx-scheduler-time-panel-cell,
  9692. .dx-scheduler-group-header {
  9693. -webkit-user-select: none;
  9694. -moz-user-select: none;
  9695. -ms-user-select: none;
  9696. user-select: none;
  9697. -webkit-touch-callout: none;
  9698. cursor: default;
  9699. }
  9700. .dx-scheduler-date-table-current-date {
  9701. font-weight: bold;
  9702. }
  9703. .dx-scheduler-date-table-other-month {
  9704. opacity: 0.5;
  9705. }
  9706. .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell,
  9707. .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell,
  9708. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell {
  9709. border-top: 1px solid #c4c4c4;
  9710. }
  9711. .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
  9712. .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
  9713. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
  9714. border-top: none;
  9715. }
  9716. .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after,
  9717. .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after,
  9718. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after {
  9719. background-color: #c4c4c4;
  9720. }
  9721. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
  9722. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9723. padding-bottom: 0;
  9724. margin-bottom: 0;
  9725. }
  9726. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9727. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9728. padding-bottom: 30px;
  9729. margin-bottom: -30px;
  9730. }
  9731. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9732. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9733. padding-bottom: 60px;
  9734. margin-bottom: -60px;
  9735. }
  9736. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9737. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9738. padding-bottom: 90px;
  9739. margin-bottom: -90px;
  9740. }
  9741. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  9742. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9743. padding-bottom: 75px;
  9744. margin-bottom: -75px;
  9745. }
  9746. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9747. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9748. padding-bottom: 105px;
  9749. margin-bottom: -105px;
  9750. }
  9751. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9752. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9753. padding-bottom: 135px;
  9754. margin-bottom: -135px;
  9755. }
  9756. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9757. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9758. padding-bottom: 165px;
  9759. margin-bottom: -165px;
  9760. }
  9761. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
  9762. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9763. padding-bottom: 25px;
  9764. margin-bottom: -25px;
  9765. }
  9766. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9767. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9768. padding-bottom: 55px;
  9769. margin-bottom: -55px;
  9770. }
  9771. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9772. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9773. padding-bottom: 85px;
  9774. margin-bottom: -85px;
  9775. }
  9776. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9777. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9778. padding-bottom: 115px;
  9779. margin-bottom: -115px;
  9780. }
  9781. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-date-table-cell {
  9782. border-left: none;
  9783. border-right: none;
  9784. }
  9785. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel {
  9786. margin-top: 1px;
  9787. }
  9788. .dx-scheduler-work-space-day .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
  9789. .dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
  9790. .dx-scheduler-work-space-week .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
  9791. border-top: none;
  9792. }
  9793. .dx-scheduler-all-day-table-cell {
  9794. border-left: 1px solid rgba(221, 221, 221, 0.6);
  9795. border-top: 1px solid rgba(221, 221, 221, 0.6);
  9796. }
  9797. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell {
  9798. border-top: none;
  9799. border-left: none;
  9800. }
  9801. .dx-scheduler-work-space-week .dx-scheduler-all-day-title,
  9802. .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title,
  9803. .dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-all-day-title {
  9804. border-top: 1px solid rgba(221, 221, 221, 0.6);
  9805. }
  9806. .dx-scheduler-work-space-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
  9807. .dx-scheduler-work-space-work-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
  9808. .dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content {
  9809. padding: 0px 7px;
  9810. }
  9811. .dx-scheduler-scrollable-fixed-content {
  9812. height: 100%;
  9813. }
  9814. .dx-scheduler-work-space-month .dx-scheduler-all-day-title {
  9815. display: none;
  9816. }
  9817. .dx-scheduler-work-space-month .dx-scheduler-header-panel {
  9818. width: 100%;
  9819. margin-left: 0;
  9820. }
  9821. .dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-header-panel {
  9822. margin-left: 0;
  9823. }
  9824. .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row:before,
  9825. .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  9826. display: none;
  9827. }
  9828. .dx-scheduler-work-space-month .dx-scheduler-date-table {
  9829. width: 100%;
  9830. height: 100%;
  9831. margin-left: 0;
  9832. }
  9833. .dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-date-table {
  9834. margin-left: 0;
  9835. }
  9836. .dx-scheduler-work-space-month .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  9837. display: none;
  9838. }
  9839. .dx-scheduler-work-space-month .dx-scheduler-date-table-cell,
  9840. .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell {
  9841. border-right: none;
  9842. }
  9843. .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child,
  9844. .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child {
  9845. border-left: none;
  9846. }
  9847. .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  9848. height: auto;
  9849. vertical-align: top;
  9850. text-align: right;
  9851. font-size: 16px;
  9852. color: #959595;
  9853. }
  9854. .dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div {
  9855. padding-right: 6px;
  9856. }
  9857. .dx-scheduler-work-space-month .dx-scheduler-appointment-content {
  9858. padding: 0 7px;
  9859. }
  9860. .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  9861. padding: 0 25px 0 7px;
  9862. }
  9863. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  9864. padding: 0 7px 0 25px;
  9865. }
  9866. .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence-icon {
  9867. top: 0;
  9868. }
  9869. .dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  9870. left: 0;
  9871. }
  9872. .dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-cell {
  9873. height: 75px;
  9874. }
  9875. .dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-first-of-month {
  9876. color: #337ab7;
  9877. background-color: rgba(51, 122, 183, 0.15);
  9878. font-weight: bold;
  9879. }
  9880. .dx-scheduler-work-space-month .dx-scheduler-all-day-panel,
  9881. .dx-scheduler-timeline .dx-scheduler-all-day-panel,
  9882. .dx-scheduler-work-space-month .dx-scheduler-all-day-title,
  9883. .dx-scheduler-timeline .dx-scheduler-all-day-title {
  9884. display: none;
  9885. }
  9886. .dx-scheduler-work-space-month .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
  9887. .dx-scheduler-timeline .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
  9888. right: 20px;
  9889. }
  9890. .dx-scheduler-timeline .dx-scheduler-fixed-appointments {
  9891. left: 0;
  9892. }
  9893. .dx-scheduler-timeline .dx-scheduler-header-row:before,
  9894. .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  9895. content: none;
  9896. }
  9897. .dx-scheduler-timeline .dx-scheduler-date-table {
  9898. border-spacing: 0;
  9899. border-collapse: separate;
  9900. margin-left: 0;
  9901. }
  9902. .dx-scheduler-timeline .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
  9903. .dx-scheduler-timeline .dx-scheduler-date-table-cell {
  9904. width: 200px;
  9905. }
  9906. .dx-scheduler-timeline .dx-scheduler-date-table-cell {
  9907. border-right: none;
  9908. }
  9909. .dx-scheduler-timeline .dx-scheduler-work-space-vertical-group-table {
  9910. display: none;
  9911. }
  9912. .dx-scheduler-timeline .dx-scheduler-date-table {
  9913. display: -webkit-box;
  9914. display: -webkit-flex;
  9915. display: -ms-flexbox;
  9916. display: flex;
  9917. -webkit-box-orient: vertical;
  9918. -webkit-box-direction: normal;
  9919. -webkit-flex-flow: column nowrap;
  9920. -ms-flex-flow: column nowrap;
  9921. flex-flow: column nowrap;
  9922. }
  9923. .dx-scheduler-timeline .dx-scheduler-date-table tbody {
  9924. display: -webkit-box;
  9925. display: -webkit-flex;
  9926. display: -ms-flexbox;
  9927. display: flex;
  9928. -webkit-box-orient: vertical;
  9929. -webkit-box-direction: normal;
  9930. -webkit-flex-flow: column nowrap;
  9931. -ms-flex-flow: column nowrap;
  9932. flex-flow: column nowrap;
  9933. height: 100%;
  9934. min-height: 100px;
  9935. }
  9936. .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row {
  9937. display: -webkit-box;
  9938. display: -webkit-flex;
  9939. display: -ms-flexbox;
  9940. display: flex;
  9941. -webkit-box-orient: horizontal;
  9942. -webkit-box-direction: normal;
  9943. -webkit-flex-flow: row nowrap;
  9944. -ms-flex-flow: row nowrap;
  9945. flex-flow: row nowrap;
  9946. -webkit-box-flex: 1;
  9947. -webkit-flex: 1;
  9948. -ms-flex: 1;
  9949. flex: 1;
  9950. }
  9951. .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-cell {
  9952. display: -webkit-box;
  9953. display: -webkit-flex;
  9954. display: -ms-flexbox;
  9955. display: flex;
  9956. -webkit-box-orient: horizontal;
  9957. -webkit-box-direction: normal;
  9958. -webkit-flex-flow: row nowrap;
  9959. -ms-flex-flow: row nowrap;
  9960. flex-flow: row nowrap;
  9961. -webkit-box-align: stretch;
  9962. -webkit-align-items: stretch;
  9963. -ms-flex-align: stretch;
  9964. align-items: stretch;
  9965. -webkit-box-flex: 1;
  9966. -webkit-flex: 1 1 auto;
  9967. -ms-flex: 1 1 auto;
  9968. flex: 1 1 auto;
  9969. height: inherit;
  9970. }
  9971. .dx-scheduler-timeline .dx-scheduler-group-table {
  9972. border-spacing: 0;
  9973. border-collapse: separate;
  9974. display: -webkit-box;
  9975. display: -webkit-flex;
  9976. display: -ms-flexbox;
  9977. display: flex;
  9978. -webkit-box-orient: vertical;
  9979. -webkit-box-direction: normal;
  9980. -webkit-flex-flow: column nowrap;
  9981. -ms-flex-flow: column nowrap;
  9982. flex-flow: column nowrap;
  9983. }
  9984. .dx-scheduler-timeline .dx-scheduler-group-table tbody {
  9985. display: -webkit-box;
  9986. display: -webkit-flex;
  9987. display: -ms-flexbox;
  9988. display: flex;
  9989. -webkit-box-orient: vertical;
  9990. -webkit-box-direction: normal;
  9991. -webkit-flex-flow: column nowrap;
  9992. -ms-flex-flow: column nowrap;
  9993. flex-flow: column nowrap;
  9994. height: 100%;
  9995. }
  9996. .dx-scheduler-timeline .dx-scheduler-group-row {
  9997. display: -webkit-box;
  9998. display: -webkit-flex;
  9999. display: -ms-flexbox;
  10000. display: flex;
  10001. -webkit-box-orient: horizontal;
  10002. -webkit-box-direction: normal;
  10003. -webkit-flex-flow: row nowrap;
  10004. -ms-flex-flow: row nowrap;
  10005. flex-flow: row nowrap;
  10006. -webkit-box-flex: 1;
  10007. -webkit-flex: 1;
  10008. -ms-flex: 1;
  10009. flex: 1;
  10010. }
  10011. .dx-scheduler-timeline .dx-scheduler-group-header {
  10012. display: -webkit-box;
  10013. display: -webkit-flex;
  10014. display: -ms-flexbox;
  10015. display: flex;
  10016. -webkit-box-orient: horizontal;
  10017. -webkit-box-direction: normal;
  10018. -webkit-flex-flow: row nowrap;
  10019. -ms-flex-flow: row nowrap;
  10020. flex-flow: row nowrap;
  10021. -webkit-box-align: center;
  10022. -webkit-align-items: center;
  10023. -ms-flex-align: center;
  10024. align-items: center;
  10025. -webkit-box-flex: 1;
  10026. -webkit-flex: 1 1 auto;
  10027. -ms-flex: 1 1 auto;
  10028. flex: 1 1 auto;
  10029. padding: 0 10px 0 5px;
  10030. height: auto;
  10031. width: 100%;
  10032. }
  10033. .dx-scheduler-timeline .dx-scheduler-group-header[rowspan='2'] .dx-scheduler-group-header-content div,
  10034. .dx-scheduler-timeline .dx-scheduler-group-header[rowspan='3'] .dx-scheduler-group-header-content div {
  10035. margin-top: 200%;
  10036. }
  10037. .dx-scheduler-timeline .dx-scheduler-group-header-content {
  10038. overflow: visible;
  10039. margin: auto;
  10040. -webkit-box-flex: 1;
  10041. -webkit-flex-grow: 1;
  10042. -ms-flex-positive: 1;
  10043. flex-grow: 1;
  10044. }
  10045. .dx-scheduler-timeline .dx-scheduler-group-header-content div {
  10046. white-space: normal;
  10047. line-height: normal;
  10048. }
  10049. .dx-scheduler-timeline[dx-group-column-count='2'] .dx-scheduler-group-header:last-child,
  10050. .dx-scheduler-timeline[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
  10051. font-weight: normal;
  10052. text-align: left;
  10053. }
  10054. .dx-scheduler-timeline[dx-group-column-count='2'] .dx-scheduler-group-header:only-child,
  10055. .dx-scheduler-timeline[dx-group-column-count='3'] .dx-scheduler-group-header:only-child {
  10056. position: relative;
  10057. left: 80px;
  10058. width: 80px;
  10059. }
  10060. .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
  10061. width: 200px;
  10062. }
  10063. .dx-scheduler-timeline .dx-scheduler-date-table,
  10064. .dx-scheduler-timeline .dx-scheduler-date-table-scrollable .dx-scrollable-content,
  10065. .dx-scheduler-timeline .dx-scheduler-sidebar-scrollable .dx-scrollable-content,
  10066. .dx-scheduler-timeline .dx-scheduler-group-table {
  10067. height: 100%;
  10068. min-height: 100px;
  10069. }
  10070. .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content,
  10071. .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable .dx-scrollable-content,
  10072. .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-table {
  10073. height: auto;
  10074. }
  10075. .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
  10076. border-top-color: transparent;
  10077. }
  10078. .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
  10079. border-bottom: 1px solid #c4c4c4;
  10080. }
  10081. .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
  10082. border-bottom: 1px solid #c4c4c4;
  10083. }
  10084. .dx-scheduler-timeline .dx-scheduler-date-table-scrollable {
  10085. padding-bottom: 50px;
  10086. margin-bottom: -50px;
  10087. }
  10088. .dx-scheduler-timeline .dx-scheduler-header-scrollable {
  10089. height: auto;
  10090. }
  10091. .dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
  10092. display: none;
  10093. }
  10094. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
  10095. display: block;
  10096. float: left;
  10097. padding-bottom: 50px;
  10098. margin-bottom: -50px;
  10099. }
  10100. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
  10101. content: "";
  10102. height: 50px;
  10103. position: absolute;
  10104. display: block;
  10105. margin-top: -50px;
  10106. left: 0;
  10107. border-right: 1px solid rgba(221, 221, 221, 0.6);
  10108. }
  10109. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row .dx-scheduler-group-header {
  10110. border: none;
  10111. border-top: 1px solid rgba(221, 221, 221, 0.6);
  10112. }
  10113. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
  10114. border-right: 1px solid rgba(221, 221, 221, 0.6);
  10115. }
  10116. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
  10117. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child {
  10118. border-left: none;
  10119. }
  10120. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
  10121. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child {
  10122. border-right: none;
  10123. border-left: 1px solid rgba(221, 221, 221, 0.6);
  10124. }
  10125. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before {
  10126. display: none;
  10127. }
  10128. .dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-row:first-child .dx-scheduler-group-header {
  10129. border-top: none;
  10130. }
  10131. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  10132. margin-left: 0;
  10133. }
  10134. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  10135. margin: 0;
  10136. padding: 0;
  10137. }
  10138. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  10139. margin: 0;
  10140. }
  10141. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-table,
  10142. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable,
  10143. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable:before {
  10144. width: 100px;
  10145. }
  10146. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content {
  10147. width: 100%;
  10148. }
  10149. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable,
  10150. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable {
  10151. margin-left: 100px;
  10152. }
  10153. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable,
  10154. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable {
  10155. margin-right: 100px;
  10156. margin-left: 0;
  10157. }
  10158. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
  10159. left: 100px;
  10160. }
  10161. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-table,
  10162. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable,
  10163. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable:before {
  10164. width: 160px;
  10165. }
  10166. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content {
  10167. width: 100%;
  10168. }
  10169. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable,
  10170. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable {
  10171. margin-left: 160px;
  10172. }
  10173. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable,
  10174. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable {
  10175. margin-right: 160px;
  10176. margin-left: 0;
  10177. }
  10178. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
  10179. left: 160px;
  10180. }
  10181. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-table,
  10182. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable,
  10183. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable:before {
  10184. width: 180px;
  10185. }
  10186. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content {
  10187. width: 100%;
  10188. }
  10189. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable,
  10190. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable {
  10191. margin-left: 180px;
  10192. }
  10193. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable,
  10194. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable {
  10195. margin-right: 180px;
  10196. margin-left: 0;
  10197. }
  10198. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
  10199. left: 180px;
  10200. }
  10201. .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row .dx-scheduler-group-header {
  10202. border-right: 1px solid rgba(221, 221, 221, 0.6);
  10203. }
  10204. .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-last-group-cell {
  10205. border-right: 1px solid #c4c4c4;
  10206. }
  10207. .dx-scheduler-timeline .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon {
  10208. top: 0;
  10209. }
  10210. .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
  10211. .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
  10212. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  10213. height: 121px;
  10214. }
  10215. .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
  10216. .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
  10217. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  10218. height: 151px;
  10219. }
  10220. .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
  10221. .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
  10222. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  10223. height: 181px;
  10224. }
  10225. .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable,
  10226. .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable,
  10227. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scheduler-header-scrollable {
  10228. height: 91px;
  10229. }
  10230. .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
  10231. .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
  10232. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  10233. height: auto;
  10234. }
  10235. .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
  10236. .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
  10237. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
  10238. padding-bottom: 90px;
  10239. margin-bottom: -90px;
  10240. }
  10241. .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
  10242. .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
  10243. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
  10244. height: 91px;
  10245. margin-top: -91px;
  10246. }
  10247. .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable,
  10248. .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable,
  10249. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scrollable.dx-scheduler-date-table-scrollable {
  10250. padding-bottom: 90px;
  10251. margin-bottom: -90px;
  10252. }
  10253. .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
  10254. .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n),
  10255. .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
  10256. .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n),
  10257. .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n),
  10258. .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) {
  10259. border-right: none;
  10260. }
  10261. .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
  10262. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n),
  10263. .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
  10264. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n),
  10265. .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n),
  10266. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) {
  10267. border-left: none;
  10268. }
  10269. .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
  10270. .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
  10271. .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
  10272. border-right: none;
  10273. }
  10274. .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
  10275. .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
  10276. .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
  10277. border-left: none;
  10278. }
  10279. .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell,
  10280. .dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
  10281. .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
  10282. border-right: none;
  10283. }
  10284. .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell,
  10285. .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
  10286. .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
  10287. border-left: none;
  10288. }
  10289. .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
  10290. .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
  10291. .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n) {
  10292. border-right: 1px solid #c4c4c4;
  10293. }
  10294. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
  10295. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
  10296. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n) {
  10297. border-left: 1px solid #c4c4c4;
  10298. }
  10299. .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
  10300. .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
  10301. .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
  10302. border-right: 1px solid #c4c4c4;
  10303. }
  10304. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
  10305. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
  10306. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
  10307. border-right: 1px solid rgba(221, 221, 221, 0.6);
  10308. border-left: 1px solid #c4c4c4;
  10309. }
  10310. .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n),
  10311. .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n),
  10312. .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:nth-child(1n) {
  10313. border-right: 1px solid rgba(221, 221, 221, 0.6);
  10314. }
  10315. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n),
  10316. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n),
  10317. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:nth-child(1n) {
  10318. border-left: 1px solid rgba(221, 221, 221, 0.6);
  10319. }
  10320. .dx-scheduler-header-panel {
  10321. border-collapse: collapse;
  10322. table-layout: fixed;
  10323. margin-top: 10px;
  10324. width: 100%;
  10325. font-size: 20px;
  10326. }
  10327. .dx-scheduler-all-day-title-hidden {
  10328. display: none;
  10329. }
  10330. .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day) .dx-scheduler-all-day-title-hidden {
  10331. display: block;
  10332. background-color: transparent;
  10333. color: transparent;
  10334. border-left: none;
  10335. border-right: none;
  10336. border-bottom: none;
  10337. height: 0;
  10338. }
  10339. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  10340. height: 81px;
  10341. }
  10342. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  10343. height: 111px;
  10344. }
  10345. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  10346. height: 141px;
  10347. }
  10348. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
  10349. height: 51px;
  10350. }
  10351. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  10352. height: auto;
  10353. }
  10354. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
  10355. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  10356. padding-bottom: 50px;
  10357. margin-bottom: -50px;
  10358. }
  10359. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  10360. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  10361. padding-bottom: 80px;
  10362. margin-bottom: -80px;
  10363. }
  10364. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  10365. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  10366. padding-bottom: 110px;
  10367. margin-bottom: -110px;
  10368. }
  10369. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  10370. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  10371. padding-bottom: 140px;
  10372. margin-bottom: -140px;
  10373. }
  10374. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  10375. height: 41px;
  10376. }
  10377. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  10378. height: 71px;
  10379. }
  10380. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  10381. height: 101px;
  10382. }
  10383. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
  10384. height: 11px;
  10385. }
  10386. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  10387. height: auto;
  10388. }
  10389. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  10390. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  10391. padding-bottom: 10px;
  10392. margin-bottom: -10px;
  10393. }
  10394. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  10395. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  10396. padding-bottom: 40px;
  10397. margin-bottom: -40px;
  10398. }
  10399. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  10400. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  10401. padding-bottom: 70px;
  10402. margin-bottom: -70px;
  10403. }
  10404. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  10405. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  10406. padding-bottom: 100px;
  10407. margin-bottom: -100px;
  10408. }
  10409. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
  10410. margin-left: 100px;
  10411. }
  10412. .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
  10413. margin-left: 0;
  10414. }
  10415. .dx-scheduler-small .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
  10416. margin-left: 50px;
  10417. }
  10418. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
  10419. width: auto;
  10420. margin-left: 0;
  10421. }
  10422. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-group-row:before,
  10423. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  10424. display: none;
  10425. }
  10426. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel {
  10427. margin-left: 0;
  10428. }
  10429. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-row:before {
  10430. display: none;
  10431. }
  10432. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
  10433. z-index: 100;
  10434. border-right: 1px solid rgba(221, 221, 221, 0.6);
  10435. }
  10436. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
  10437. content: "";
  10438. position: absolute;
  10439. left: 0;
  10440. width: 100px;
  10441. border-right: 1px solid rgba(221, 221, 221, 0.6);
  10442. }
  10443. .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
  10444. width: 50px;
  10445. }
  10446. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  10447. float: none;
  10448. margin-left: 0;
  10449. }
  10450. .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  10451. margin-left: 0;
  10452. }
  10453. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  10454. display: none;
  10455. }
  10456. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
  10457. float: left;
  10458. }
  10459. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  10460. margin-left: 100px;
  10461. }
  10462. .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  10463. margin-left: 50px;
  10464. }
  10465. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
  10466. border-right: 1px solid rgba(221, 221, 221, 0.6);
  10467. }
  10468. .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  10469. height: 81px;
  10470. }
  10471. .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  10472. height: 111px;
  10473. }
  10474. .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  10475. height: 141px;
  10476. }
  10477. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
  10478. height: 51px;
  10479. }
  10480. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  10481. height: auto;
  10482. }
  10483. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  10484. height: 31px;
  10485. }
  10486. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  10487. height: 61px;
  10488. }
  10489. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  10490. height: 91px;
  10491. }
  10492. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
  10493. height: 1px;
  10494. }
  10495. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  10496. height: auto;
  10497. }
  10498. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-panel {
  10499. width: 100%;
  10500. }
  10501. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  10502. margin: 0 0 0 100px;
  10503. padding: 0;
  10504. }
  10505. .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  10506. margin: 0 0 0 50px;
  10507. }
  10508. .dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  10509. margin: 0 100px 0 0;
  10510. }
  10511. .dx-rtl.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  10512. margin: 0 50px 0 0;
  10513. }
  10514. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  10515. height: 156px;
  10516. }
  10517. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  10518. height: 186px;
  10519. }
  10520. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  10521. height: 216px;
  10522. }
  10523. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable {
  10524. height: 126px;
  10525. }
  10526. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  10527. height: auto;
  10528. }
  10529. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  10530. height: 106px;
  10531. }
  10532. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  10533. height: 136px;
  10534. }
  10535. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  10536. height: 166px;
  10537. }
  10538. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
  10539. height: 76px;
  10540. }
  10541. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  10542. height: auto;
  10543. }
  10544. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  10545. height: 116px;
  10546. }
  10547. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  10548. height: 146px;
  10549. }
  10550. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  10551. height: 176px;
  10552. }
  10553. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
  10554. height: 86px;
  10555. }
  10556. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  10557. height: auto;
  10558. }
  10559. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  10560. height: 66px;
  10561. }
  10562. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  10563. height: 96px;
  10564. }
  10565. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  10566. height: 126px;
  10567. }
  10568. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
  10569. height: 36px;
  10570. }
  10571. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  10572. height: auto;
  10573. }
  10574. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable,
  10575. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable.dx-scrollable {
  10576. margin: 0;
  10577. padding: 0;
  10578. }
  10579. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable,
  10580. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-scrollable {
  10581. margin-left: 0;
  10582. }
  10583. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  10584. height: 81px;
  10585. }
  10586. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  10587. height: 111px;
  10588. }
  10589. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  10590. height: 141px;
  10591. }
  10592. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
  10593. height: 51px;
  10594. }
  10595. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  10596. height: auto;
  10597. }
  10598. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  10599. display: none;
  10600. }
  10601. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
  10602. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child,
  10603. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child {
  10604. border-left: none;
  10605. }
  10606. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-scrollable-appointments {
  10607. top: 0;
  10608. }
  10609. .dx-scheduler-header-panel-cell {
  10610. position: relative;
  10611. border-left: 1px solid rgba(221, 221, 221, 0.6);
  10612. border-right: 1px solid rgba(221, 221, 221, 0.6);
  10613. color: #333;
  10614. padding: 0;
  10615. vertical-align: middle;
  10616. height: 40px;
  10617. text-align: center;
  10618. font-weight: normal;
  10619. overflow: hidden;
  10620. text-overflow: ellipsis;
  10621. white-space: nowrap;
  10622. }
  10623. .dx-scheduler-group-row:before,
  10624. .dx-scheduler-header-row:before,
  10625. .dx-scheduler-all-day-table-row:before {
  10626. content: "";
  10627. width: 100px;
  10628. display: table-cell;
  10629. }
  10630. .dx-scheduler-small .dx-scheduler-group-row:before,
  10631. .dx-scheduler-small .dx-scheduler-header-row:before,
  10632. .dx-scheduler-small .dx-scheduler-all-day-table-row:before {
  10633. width: 50px;
  10634. }
  10635. .dx-scheduler-all-day-panel {
  10636. width: 100%;
  10637. }
  10638. .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell {
  10639. border-bottom: 2px solid rgba(221, 221, 221, 0.6);
  10640. }
  10641. .dx-scheduler-all-day-title {
  10642. color: #333;
  10643. width: 100px;
  10644. height: 75px;
  10645. position: absolute;
  10646. line-height: 75px;
  10647. text-align: center;
  10648. border-bottom: 2px solid rgba(221, 221, 221, 0.6);
  10649. -webkit-user-select: none;
  10650. -moz-user-select: none;
  10651. -ms-user-select: none;
  10652. user-select: none;
  10653. -webkit-touch-callout: none;
  10654. }
  10655. .dx-scheduler-small .dx-scheduler-all-day-title {
  10656. width: 50px;
  10657. }
  10658. .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
  10659. height: 25px;
  10660. line-height: 25px;
  10661. }
  10662. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-title {
  10663. height: 50px;
  10664. line-height: 50px;
  10665. }
  10666. .dx-scheduler-all-day-table {
  10667. border-collapse: collapse;
  10668. table-layout: fixed;
  10669. width: 100%;
  10670. }
  10671. .dx-scheduler-all-day-table {
  10672. height: 75px;
  10673. }
  10674. .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table {
  10675. height: 25px;
  10676. }
  10677. .dx-scheduler-group-header {
  10678. height: 30px;
  10679. text-align: center;
  10680. }
  10681. .dx-scheduler-time-panel {
  10682. float: left;
  10683. width: 100px;
  10684. border-collapse: collapse;
  10685. font-size: 20px;
  10686. }
  10687. .dx-scheduler-small .dx-scheduler-time-panel {
  10688. width: 50px;
  10689. font-size: 14px;
  10690. }
  10691. .dx-scheduler-time-panel-cell {
  10692. color: #333;
  10693. position: relative;
  10694. width: 100%;
  10695. text-align: right;
  10696. vertical-align: top;
  10697. height: 50px;
  10698. padding-right: 20px;
  10699. border-bottom: 1px solid transparent;
  10700. }
  10701. .dx-scheduler-time-panel-cell > div {
  10702. margin-top: -13px;
  10703. }
  10704. .dx-scheduler-small .dx-scheduler-time-panel-cell {
  10705. padding-left: 0;
  10706. padding-right: 10px;
  10707. }
  10708. .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell > div {
  10709. margin-top: 0px;
  10710. }
  10711. .dx-scheduler-time-panel-cell:after {
  10712. position: absolute;
  10713. bottom: -1px;
  10714. width: 10%;
  10715. height: 1px;
  10716. content: '';
  10717. right: 0;
  10718. background-color: rgba(221, 221, 221, 0.6);
  10719. }
  10720. .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell {
  10721. color: #337ab7;
  10722. }
  10723. .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell:before {
  10724. position: absolute;
  10725. top: 0;
  10726. right: 0;
  10727. width: 2px;
  10728. height: inherit;
  10729. content: '';
  10730. background-color: #63a0d4;
  10731. }
  10732. .dx-scheduler-time-panel-row:last-child .dx-scheduler-time-panel-cell:after {
  10733. display: none;
  10734. }
  10735. .dx-scheduler-date-table {
  10736. width: 100%;
  10737. border-collapse: collapse;
  10738. table-layout: fixed;
  10739. float: left;
  10740. margin-left: -100px;
  10741. }
  10742. .dx-scheduler-small .dx-scheduler-date-table {
  10743. margin-left: -50px;
  10744. }
  10745. .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  10746. content: "";
  10747. width: 100px;
  10748. display: table-cell;
  10749. }
  10750. .dx-scheduler-small .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  10751. width: 50px;
  10752. }
  10753. .dx-scheduler-date-table-cell {
  10754. border-left: 1px solid rgba(221, 221, 221, 0.6);
  10755. border-right: 1px solid rgba(221, 221, 221, 0.6);
  10756. height: 50px;
  10757. }
  10758. .dx-scheduler-all-day-table-cell.dx-state-active,
  10759. .dx-scheduler-date-table-cell.dx-state-active {
  10760. background-color: #c4c4c4;
  10761. }
  10762. .dx-scheduler-all-day-table-cell.dx-state-hover,
  10763. .dx-scheduler-date-table-cell.dx-state-hover {
  10764. background-color: #959595;
  10765. }
  10766. .dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused,
  10767. .dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused {
  10768. background-color: #dbe9f5;
  10769. }
  10770. .dx-scheduler-all-day-table-cell.dx-state-focused,
  10771. .dx-scheduler-date-table-cell.dx-state-focused {
  10772. background-color: #dbe9f5;
  10773. opacity: 1;
  10774. }
  10775. .dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
  10776. .dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
  10777. -webkit-box-shadow: inset 0 0 0 1px #337ab7;
  10778. box-shadow: inset 0 0 0 1px #337ab7;
  10779. }
  10780. .dx-scheduler-date-table-droppable-cell {
  10781. background-color: #f2f2f2;
  10782. }
  10783. .dx-scheduler-scrollable-appointments {
  10784. position: absolute;
  10785. top: 0;
  10786. }
  10787. .dx-scheduler-appointment {
  10788. border-bottom: 1px solid transparent;
  10789. background-clip: padding-box;
  10790. position: absolute;
  10791. cursor: default;
  10792. -webkit-user-select: none;
  10793. -moz-user-select: none;
  10794. -ms-user-select: none;
  10795. user-select: none;
  10796. -webkit-touch-callout: none;
  10797. background-color: #337ab7;
  10798. color: #fff;
  10799. -webkit-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
  10800. box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
  10801. left: 0;
  10802. min-width: 4px;
  10803. min-height: 4px;
  10804. }
  10805. .dx-scheduler-appointment.dx-state-active,
  10806. .dx-scheduler-appointment.dx-resizable-resizing {
  10807. -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
  10808. box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
  10809. }
  10810. .dx-scheduler-appointment.dx-state-focused {
  10811. -webkit-box-shadow: none;
  10812. box-shadow: none;
  10813. }
  10814. .dx-scheduler-appointment.dx-state-focused:before {
  10815. pointer-events: none;
  10816. content: "";
  10817. position: absolute;
  10818. top: 0;
  10819. left: 0;
  10820. right: 0;
  10821. bottom: 0;
  10822. }
  10823. .dx-scheduler-appointment.dx-state-focused:before {
  10824. background-color: rgba(0, 0, 0, 0.3);
  10825. opacity: .98;
  10826. }
  10827. .dx-scheduler-appointment.dx-state-hover {
  10828. -webkit-box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3);
  10829. box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3);
  10830. }
  10831. .dx-scheduler-appointment.dx-state-hover.dx-resizable {
  10832. -webkit-box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3);
  10833. box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3);
  10834. }
  10835. .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-top {
  10836. height: 5px;
  10837. }
  10838. .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-left {
  10839. width: 5px;
  10840. }
  10841. .dx-scheduler-appointment.dx-draggable-dragging {
  10842. -webkit-box-shadow: 7px 7px 15px 0px rgba(50, 50, 50, 0.2), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
  10843. box-shadow: 7px 7px 15px 0px rgba(50, 50, 50, 0.2), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
  10844. }
  10845. .dx-scheduler-appointment.dx-resizable-resizing,
  10846. .dx-scheduler-appointment.dx-draggable-dragging {
  10847. z-index: 1000;
  10848. opacity: .7;
  10849. }
  10850. .dx-scheduler-appointment .dx-resizable-handle-left {
  10851. left: -1px;
  10852. }
  10853. .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
  10854. position: absolute;
  10855. top: 3px;
  10856. right: 5px;
  10857. font: 14px/1 DXIcons;
  10858. }
  10859. .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before {
  10860. content: "\f00e";
  10861. }
  10862. .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
  10863. right: auto;
  10864. left: 3px;
  10865. font: 14px/1 DXIcons;
  10866. }
  10867. .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before {
  10868. content: "\f011";
  10869. }
  10870. .dx-scheduler-appointment.dx-scheduler-appointment-empty .dx-scheduler-appointment-reduced-icon,
  10871. .dx-scheduler-appointment.dx-scheduler-appointment-tail .dx-scheduler-appointment-reduced-icon {
  10872. display: none;
  10873. }
  10874. .dx-scheduler-appointment.dx-state-disabled {
  10875. cursor: default;
  10876. opacity: .6;
  10877. }
  10878. .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
  10879. .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
  10880. .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
  10881. padding-right: 40px;
  10882. }
  10883. .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced-icon,
  10884. .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced-icon,
  10885. .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced-icon {
  10886. top: 9px;
  10887. }
  10888. .dx-scheduler-work-space-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
  10889. .dx-scheduler-work-space-work-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
  10890. .dx-scheduler-work-space-day .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
  10891. top: calc(35% - 3px);
  10892. right: 20px;
  10893. }
  10894. .dx-scheduler-timeline .dx-scheduler-appointment,
  10895. .dx-scheduler-work-space-month .dx-scheduler-appointment,
  10896. .dx-scheduler-all-day-appointment {
  10897. -webkit-box-shadow: inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
  10898. box-shadow: inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
  10899. }
  10900. .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment,
  10901. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment,
  10902. .dx-rtl .dx-scheduler-all-day-appointment {
  10903. -webkit-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3);
  10904. box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3);
  10905. }
  10906. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
  10907. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active,
  10908. .dx-scheduler-all-day-appointment.dx-state-active,
  10909. .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
  10910. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing,
  10911. .dx-scheduler-all-day-appointment.dx-resizable-resizing {
  10912. -webkit-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
  10913. box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
  10914. }
  10915. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused,
  10916. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused,
  10917. .dx-scheduler-all-day-appointment.dx-state-focused {
  10918. -webkit-box-shadow: none;
  10919. box-shadow: none;
  10920. }
  10921. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before,
  10922. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before,
  10923. .dx-scheduler-all-day-appointment.dx-state-focused:before {
  10924. pointer-events: none;
  10925. content: "";
  10926. position: absolute;
  10927. top: 0;
  10928. left: 0;
  10929. right: 0;
  10930. bottom: 0;
  10931. }
  10932. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before,
  10933. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before,
  10934. .dx-scheduler-all-day-appointment.dx-state-focused:before {
  10935. background-color: rgba(0, 0, 0, 0.3);
  10936. opacity: .98;
  10937. }
  10938. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
  10939. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
  10940. .dx-scheduler-all-day-appointment.dx-state-hover {
  10941. -webkit-box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3);
  10942. box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3);
  10943. }
  10944. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
  10945. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable,
  10946. .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable {
  10947. -webkit-box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3);
  10948. box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3);
  10949. }
  10950. .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
  10951. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
  10952. .dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover {
  10953. -webkit-box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3);
  10954. box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3);
  10955. }
  10956. .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
  10957. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable,
  10958. .dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable {
  10959. -webkit-box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
  10960. box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
  10961. }
  10962. .dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging,
  10963. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-draggable-dragging,
  10964. .dx-scheduler-all-day-appointment.dx-draggable-dragging {
  10965. -webkit-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3), 7px 7px 15px 0px rgba(50, 50, 50, 0.2);
  10966. box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3), 7px 7px 15px 0px rgba(50, 50, 50, 0.2);
  10967. }
  10968. .dx-scheduler-all-day-appointment .dx-scheduler-appointment-reduced-icon {
  10969. position: absolute;
  10970. top: 15%;
  10971. }
  10972. .dx-scheduler-appointment.dx-scheduler-appointment-body,
  10973. .dx-scheduler-appointment.dx-scheduler-appointment-tail {
  10974. -webkit-box-shadow: none;
  10975. box-shadow: none;
  10976. }
  10977. .dx-scheduler-group-header-content div {
  10978. overflow: hidden;
  10979. text-overflow: ellipsis;
  10980. white-space: nowrap;
  10981. }
  10982. .dx-scheduler-appointment-recurrence-icon {
  10983. position: absolute;
  10984. background-repeat: no-repeat;
  10985. top: 3px;
  10986. right: 5px;
  10987. display: none;
  10988. }
  10989. .dx-scheduler-appointment-recurrence-icon.dx-icon-repeat {
  10990. font-size: 18px;
  10991. }
  10992. .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-recurrence-icon {
  10993. display: block;
  10994. }
  10995. .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  10996. padding: 5px 25px 5px 7px;
  10997. }
  10998. .dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  10999. padding: 5px 7px 5px 25px;
  11000. }
  11001. .dx-scheduler-appointment-content {
  11002. padding: 5px 7px;
  11003. cursor: pointer;
  11004. height: 100%;
  11005. overflow: hidden;
  11006. text-overflow: ellipsis;
  11007. white-space: nowrap;
  11008. opacity: .99;
  11009. }
  11010. .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
  11011. font-size: 12px;
  11012. }
  11013. .dx-scheduler-appointment-content > * {
  11014. overflow: hidden;
  11015. text-overflow: ellipsis;
  11016. white-space: nowrap;
  11017. }
  11018. .dx-scheduler-appointment-empty .dx-scheduler-appointment-content-details,
  11019. .dx-scheduler-appointment-empty .dx-scheduler-appointment-title,
  11020. .dx-scheduler-appointment-empty .dx-scheduler-appointment-recurrence-icon {
  11021. display: none;
  11022. }
  11023. .dx-scheduler-appointment-content-details {
  11024. font-size: 11px;
  11025. white-space: pre;
  11026. overflow: hidden;
  11027. }
  11028. .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content-details,
  11029. .dx-scheduler-work-space-month .dx-scheduler-appointment-content-details {
  11030. display: none;
  11031. }
  11032. .dx-scheduler-appointment-content-date {
  11033. opacity: .7;
  11034. display: inline-block;
  11035. overflow: hidden;
  11036. text-overflow: ellipsis;
  11037. white-space: nowrap;
  11038. }
  11039. .dx-scheduler-appointment-tooltip {
  11040. text-align: left;
  11041. width: 250px;
  11042. }
  11043. .dx-scheduler-appointment-tooltip .dx-button-content {
  11044. font-size: 13.33333333px;
  11045. }
  11046. .dx-scheduler-appointment-tooltip .dx-button-content .dx-icon {
  11047. font-size: 16px;
  11048. }
  11049. .dx-scheduler-appointment-tooltip-date,
  11050. .dx-scheduler-appointment-tooltip-title {
  11051. overflow: hidden;
  11052. text-overflow: ellipsis;
  11053. white-space: nowrap;
  11054. }
  11055. .dx-scheduler-appointment-tooltip-title {
  11056. font-size: 16px;
  11057. font-weight: bold;
  11058. width: 100%;
  11059. }
  11060. .dx-scheduler-appointment-tooltip-buttons {
  11061. margin-top: 10px;
  11062. }
  11063. .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch,
  11064. .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox {
  11065. margin: 0;
  11066. }
  11067. .dx-scheduler-appointment-popup .dx-form {
  11068. padding: 0 20px 0 20px;
  11069. }
  11070. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item {
  11071. position: relative;
  11072. padding-right: 0;
  11073. }
  11074. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-item-label {
  11075. vertical-align: top;
  11076. }
  11077. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-right {
  11078. padding-right: 20px;
  11079. }
  11080. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-value,
  11081. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-label {
  11082. float: none;
  11083. }
  11084. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-value .dx-recurrence-numberbox-repeat-count,
  11085. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-label .dx-recurrence-numberbox-repeat-count {
  11086. float: left;
  11087. }
  11088. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-value {
  11089. display: inline-block;
  11090. }
  11091. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-label {
  11092. padding: 3px 0;
  11093. }
  11094. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-scheduler-recurrence-rule-item-opened:before {
  11095. display: block;
  11096. }
  11097. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item:before {
  11098. content: "";
  11099. position: absolute;
  11100. top: 50px;
  11101. margin-top: -35px;
  11102. bottom: 0;
  11103. width: 100%;
  11104. display: none;
  11105. }
  11106. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-label-v-align:before {
  11107. top: 70px;
  11108. }
  11109. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-item-content-location-left .dx-recurrence-editor {
  11110. padding-left: 20px;
  11111. }
  11112. .dx-scheduler-appointment-popup .dx-field {
  11113. min-height: 0;
  11114. }
  11115. .dx-scheduler-appointment-popup .dx-field-label {
  11116. width: auto;
  11117. }
  11118. .dx-scheduler-appointment-popup .dx-field-value {
  11119. padding-left: 0;
  11120. padding-right: 0;
  11121. }
  11122. .dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox {
  11123. float: left;
  11124. }
  11125. .dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl {
  11126. float: right;
  11127. }
  11128. .dx-scheduler-dropdown-appointments {
  11129. background-color: #337ab7;
  11130. color: #fff;
  11131. }
  11132. .dx-scheduler-dropdown-appointments.dx-button,
  11133. .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover,
  11134. .dx-scheduler-dropdown-appointments.dx-button.dx-state-active,
  11135. .dx-scheduler-dropdown-appointments.dx-button.dx-state-focused {
  11136. background-color: #337ab7;
  11137. color: #fff;
  11138. border: none;
  11139. -webkit-box-shadow: none;
  11140. box-shadow: none;
  11141. }
  11142. .dx-scheduler-dropdown-appointments.dx-button .dx-button-content,
  11143. .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover .dx-button-content,
  11144. .dx-scheduler-dropdown-appointments.dx-button.dx-state-active .dx-button-content,
  11145. .dx-scheduler-dropdown-appointments.dx-button.dx-state-focused .dx-button-content {
  11146. line-height: inherit;
  11147. }
  11148. .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover:before {
  11149. pointer-events: none;
  11150. content: "";
  11151. position: absolute;
  11152. top: 0;
  11153. left: 0;
  11154. right: 0;
  11155. bottom: 0;
  11156. background-color: rgba(0, 0, 0, 0.3);
  11157. opacity: .98;
  11158. }
  11159. .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover .dx-scheduler-dropdown-appointments-content {
  11160. color: #fff;
  11161. opacity: .99;
  11162. }
  11163. .dx-scheduler-dropdown-appointments-compact .dx-scheduler-dropdown-appointments-content span:last-child {
  11164. padding-left: 0;
  11165. }
  11166. .dx-scheduler-dropdown-appointment {
  11167. border-left: 5px solid #337ab7;
  11168. }
  11169. .dx-scheduler-agenda .dx-scheduler-date-table-scrollable {
  11170. margin-top: 10px;
  11171. }
  11172. .dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable,
  11173. .dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable {
  11174. padding-bottom: 0;
  11175. margin-bottom: 0;
  11176. }
  11177. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  11178. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  11179. padding-bottom: 30px;
  11180. margin-bottom: -30px;
  11181. }
  11182. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  11183. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  11184. padding-bottom: 60px;
  11185. margin-bottom: -60px;
  11186. }
  11187. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  11188. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  11189. padding-bottom: 90px;
  11190. margin-bottom: -90px;
  11191. }
  11192. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  11193. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  11194. padding-bottom: 75px;
  11195. margin-bottom: -75px;
  11196. }
  11197. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  11198. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  11199. padding-bottom: 105px;
  11200. margin-bottom: -105px;
  11201. }
  11202. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  11203. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  11204. padding-bottom: 135px;
  11205. margin-bottom: -135px;
  11206. }
  11207. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  11208. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  11209. padding-bottom: 165px;
  11210. margin-bottom: -165px;
  11211. }
  11212. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
  11213. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
  11214. padding-bottom: 25px;
  11215. margin-bottom: -25px;
  11216. }
  11217. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  11218. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  11219. padding-bottom: 55px;
  11220. margin-bottom: -55px;
  11221. }
  11222. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  11223. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  11224. padding-bottom: 85px;
  11225. margin-bottom: -85px;
  11226. }
  11227. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  11228. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  11229. padding-bottom: 115px;
  11230. margin-bottom: -115px;
  11231. }
  11232. .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  11233. padding-left: 100px;
  11234. width: 100%;
  11235. height: 0;
  11236. }
  11237. .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  11238. padding-left: 50px;
  11239. }
  11240. .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments.dx-rtl {
  11241. padding-left: 0;
  11242. padding-right: 50px;
  11243. }
  11244. .dx-scheduler-agenda .dx-scheduler-appointment {
  11245. position: relative;
  11246. -webkit-box-shadow: none;
  11247. box-shadow: none;
  11248. }
  11249. .dx-scheduler-agenda .dx-scheduler-time-panel {
  11250. margin-top: 0;
  11251. }
  11252. .dx-scheduler-agenda .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell {
  11253. padding-top: 0;
  11254. padding-bottom: 0;
  11255. }
  11256. .dx-scheduler-agenda .dx-scheduler-time-panel-cell {
  11257. vertical-align: top;
  11258. }
  11259. .dx-scheduler-agenda .dx-scheduler-time-panel-cell:after {
  11260. display: none;
  11261. }
  11262. .dx-scheduler-agenda .dx-scheduler-group-table {
  11263. border-spacing: 0;
  11264. border-collapse: collapse;
  11265. margin-top: 0;
  11266. height: 100%;
  11267. float: left;
  11268. }
  11269. .dx-scheduler-agenda .dx-scheduler-time-panel-cell,
  11270. .dx-scheduler-agenda .dx-scheduler-date-table-cell {
  11271. border: none;
  11272. }
  11273. .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
  11274. float: right;
  11275. }
  11276. .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before {
  11277. display: none;
  11278. }
  11279. .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:first-child .dx-scheduler-group-header-content:before {
  11280. border-bottom: none;
  11281. }
  11282. .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-time-panel-cell:after {
  11283. display: none;
  11284. }
  11285. .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-last-row.dx-scheduler-date-table-row {
  11286. border-bottom: 1px solid rgba(221, 221, 221, 0.6);
  11287. }
  11288. .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  11289. margin-right: -80px;
  11290. }
  11291. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  11292. margin-left: -40px;
  11293. }
  11294. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  11295. margin-left: -80px;
  11296. }
  11297. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  11298. margin-left: -40px;
  11299. }
  11300. .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  11301. padding-left: 180px;
  11302. }
  11303. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  11304. padding-left: 90px;
  11305. }
  11306. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  11307. padding-left: 0;
  11308. padding-right: 180px;
  11309. }
  11310. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  11311. padding-right: 90px;
  11312. }
  11313. .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  11314. margin-right: -160px;
  11315. }
  11316. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  11317. margin-left: -80px;
  11318. }
  11319. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  11320. margin-left: -160px;
  11321. }
  11322. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  11323. margin-left: -80px;
  11324. }
  11325. .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  11326. padding-left: 260px;
  11327. }
  11328. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  11329. padding-left: 130px;
  11330. }
  11331. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  11332. padding-left: 0;
  11333. padding-right: 260px;
  11334. }
  11335. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  11336. padding-right: 130px;
  11337. }
  11338. .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  11339. margin-right: -240px;
  11340. }
  11341. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  11342. margin-left: -120px;
  11343. }
  11344. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  11345. margin-left: -240px;
  11346. }
  11347. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  11348. margin-left: -120px;
  11349. }
  11350. .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  11351. padding-left: 340px;
  11352. }
  11353. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  11354. padding-left: 170px;
  11355. }
  11356. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  11357. padding-left: 0;
  11358. padding-right: 340px;
  11359. }
  11360. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  11361. padding-right: 170px;
  11362. }
  11363. .dx-scheduler-agenda .dx-scheduler-group-header {
  11364. vertical-align: top;
  11365. width: 80px;
  11366. border-top: none;
  11367. border-left: none;
  11368. border-right: none;
  11369. font-size: 18px;
  11370. font-weight: normal;
  11371. padding: 0;
  11372. }
  11373. .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header {
  11374. width: 40px;
  11375. font-size: 14px;
  11376. }
  11377. .dx-scheduler-agenda .dx-scheduler-group-header[rowspan='2'],
  11378. .dx-scheduler-agenda .dx-scheduler-group-header[rowspan='3'] {
  11379. font-weight: bold;
  11380. }
  11381. .dx-scheduler-agenda .dx-scheduler-group-header-content {
  11382. width: 80px;
  11383. overflow: hidden;
  11384. }
  11385. .dx-scheduler-agenda .dx-scheduler-group-header-content:before {
  11386. content: "";
  11387. display: block;
  11388. height: 1px;
  11389. width: 100%;
  11390. border-bottom: 1px solid rgba(221, 221, 221, 0.6);
  11391. }
  11392. .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header-content {
  11393. width: 38px;
  11394. }
  11395. .dx-scheduler-agenda .dx-scheduler-group-header-content div {
  11396. white-space: normal;
  11397. }
  11398. .dx-scheduler-agenda .dx-scheduler-appointment-content {
  11399. font-size: 16px;
  11400. }
  11401. .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date,
  11402. .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday {
  11403. opacity: 1;
  11404. font-weight: bold;
  11405. font-size: 13px;
  11406. margin-top: 4px;
  11407. }
  11408. .dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
  11409. display: inline-block;
  11410. overflow: hidden;
  11411. text-overflow: ellipsis;
  11412. white-space: nowrap;
  11413. padding-right: 5px;
  11414. }
  11415. .dx-rtl .dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
  11416. padding-right: 0;
  11417. padding-left: 5px;
  11418. }
  11419. .dx-scheduler-agenda-nodata {
  11420. font-size: 20px;
  11421. opacity: 0.5;
  11422. text-align: center;
  11423. position: absolute;
  11424. top: 45%;
  11425. left: 0;
  11426. right: 0;
  11427. }
  11428. .dx-timezone-editor {
  11429. overflow: hidden;
  11430. }
  11431. .dx-timezone-editor .dx-timezone-display-name {
  11432. float: left;
  11433. width: 75%;
  11434. }
  11435. .dx-timezone-editor .dx-timezone-iana-id {
  11436. float: right;
  11437. width: 23%;
  11438. }
  11439. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
  11440. padding-bottom: 90px;
  11441. margin-bottom: 90px;
  11442. }
  11443. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
  11444. padding-bottom: 130px;
  11445. margin-bottom: 130px;
  11446. }
  11447. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
  11448. padding-bottom: 170px;
  11449. margin-bottom: 170px;
  11450. }
  11451. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
  11452. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
  11453. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
  11454. padding-bottom: 130px;
  11455. margin-bottom: 130px;
  11456. }
  11457. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
  11458. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
  11459. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
  11460. padding-bottom: 170px;
  11461. margin-bottom: 170px;
  11462. }
  11463. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
  11464. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
  11465. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
  11466. padding-bottom: 210px;
  11467. margin-bottom: 210px;
  11468. }
  11469. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
  11470. display: none;
  11471. }
  11472. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
  11473. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-date-table-scrollable {
  11474. margin-left: 0 !important;
  11475. }
  11476. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-header-content {
  11477. height: 40px;
  11478. }
  11479. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-panel {
  11480. display: -webkit-box;
  11481. display: -webkit-flex;
  11482. display: -ms-flexbox;
  11483. display: flex;
  11484. -webkit-box-orient: horizontal;
  11485. -webkit-box-direction: normal;
  11486. -webkit-flex-flow: row nowrap;
  11487. -ms-flex-flow: row nowrap;
  11488. flex-flow: row nowrap;
  11489. }
  11490. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-row,
  11491. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-row {
  11492. display: -webkit-box;
  11493. display: -webkit-flex;
  11494. display: -ms-flexbox;
  11495. display: flex;
  11496. -webkit-box-orient: horizontal;
  11497. -webkit-box-direction: normal;
  11498. -webkit-flex-flow: row nowrap;
  11499. -ms-flex-flow: row nowrap;
  11500. flex-flow: row nowrap;
  11501. }
  11502. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header {
  11503. -webkit-box-flex: 1;
  11504. -webkit-flex-grow: 1;
  11505. -ms-flex-positive: 1;
  11506. flex-grow: 1;
  11507. -webkit-flex-basis: 0;
  11508. -ms-flex-preferred-size: 0;
  11509. flex-basis: 0;
  11510. display: -webkit-box;
  11511. display: -webkit-flex;
  11512. display: -ms-flexbox;
  11513. display: flex;
  11514. -webkit-box-orient: horizontal;
  11515. -webkit-box-direction: normal;
  11516. -webkit-flex-flow: row nowrap;
  11517. -ms-flex-flow: row nowrap;
  11518. flex-flow: row nowrap;
  11519. }
  11520. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
  11521. -webkit-flex-basis: auto;
  11522. -ms-flex-preferred-size: auto;
  11523. flex-basis: auto;
  11524. }
  11525. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline:not(.dx-scheduler-work-space-group-by-date) .dx-scheduler-header-row .dx-scheduler-header-panel-cell {
  11526. border-right: none;
  11527. }
  11528. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  11529. height: auto;
  11530. }
  11531. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-work-space-vertical-group-table {
  11532. width: 100px;
  11533. }
  11534. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content {
  11535. width: 100%;
  11536. }
  11537. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
  11538. margin-left: -200px;
  11539. }
  11540. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
  11541. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
  11542. width: 200px;
  11543. }
  11544. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
  11545. margin-right: -200px;
  11546. margin-left: 0;
  11547. }
  11548. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  11549. width: 200px;
  11550. }
  11551. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
  11552. left: 200px;
  11553. }
  11554. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
  11555. right: 200px;
  11556. left: 0;
  11557. }
  11558. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  11559. margin-left: 0;
  11560. }
  11561. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  11562. margin-left: 201px;
  11563. }
  11564. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
  11565. left: 201px;
  11566. }
  11567. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  11568. margin: 0 0 0 201px;
  11569. }
  11570. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
  11571. margin-left: 0;
  11572. margin-right: 201px;
  11573. }
  11574. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
  11575. margin-right: 0;
  11576. }
  11577. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable {
  11578. margin: 0 201px 0 0;
  11579. }
  11580. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments {
  11581. left: 0;
  11582. right: 201px;
  11583. }
  11584. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  11585. width: 100px;
  11586. }
  11587. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  11588. margin-left: 100px;
  11589. }
  11590. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
  11591. margin: 0 0 0 100px;
  11592. }
  11593. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  11594. margin-left: 0;
  11595. }
  11596. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  11597. margin-right: 0;
  11598. margin-left: 0;
  11599. }
  11600. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  11601. left: 100px;
  11602. }
  11603. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  11604. right: 100px;
  11605. left: 0;
  11606. }
  11607. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
  11608. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
  11609. width: 100px;
  11610. }
  11611. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-work-space-vertical-group-table {
  11612. width: 150px;
  11613. }
  11614. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content {
  11615. width: 100%;
  11616. }
  11617. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
  11618. margin-left: -250px;
  11619. }
  11620. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
  11621. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
  11622. width: 250px;
  11623. }
  11624. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
  11625. margin-right: -250px;
  11626. margin-left: 0;
  11627. }
  11628. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  11629. width: 250px;
  11630. }
  11631. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
  11632. left: 250px;
  11633. }
  11634. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
  11635. right: 250px;
  11636. left: 0;
  11637. }
  11638. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  11639. margin-left: 0;
  11640. }
  11641. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  11642. margin-left: 251px;
  11643. }
  11644. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
  11645. left: 251px;
  11646. }
  11647. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  11648. margin: 0 0 0 251px;
  11649. }
  11650. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
  11651. margin-left: 0;
  11652. margin-right: 251px;
  11653. }
  11654. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
  11655. margin-right: 0;
  11656. }
  11657. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable {
  11658. margin: 0 251px 0 0;
  11659. }
  11660. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments {
  11661. left: 0;
  11662. right: 251px;
  11663. }
  11664. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  11665. width: 150px;
  11666. }
  11667. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  11668. margin-left: 150px;
  11669. }
  11670. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
  11671. margin: 0 0 0 150px;
  11672. }
  11673. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  11674. margin-left: 0;
  11675. }
  11676. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  11677. margin-right: 0;
  11678. margin-left: 0;
  11679. }
  11680. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  11681. left: 150px;
  11682. }
  11683. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  11684. right: 150px;
  11685. left: 0;
  11686. }
  11687. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
  11688. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
  11689. width: 150px;
  11690. }
  11691. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-work-space-vertical-group-table {
  11692. width: 200px;
  11693. }
  11694. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content {
  11695. width: 100%;
  11696. }
  11697. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
  11698. margin-left: -300px;
  11699. }
  11700. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
  11701. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
  11702. width: 300px;
  11703. }
  11704. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
  11705. margin-right: -300px;
  11706. margin-left: 0;
  11707. }
  11708. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  11709. width: 300px;
  11710. }
  11711. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
  11712. left: 300px;
  11713. }
  11714. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
  11715. right: 300px;
  11716. left: 0;
  11717. }
  11718. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  11719. margin-left: 0;
  11720. }
  11721. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  11722. margin-left: 301px;
  11723. }
  11724. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
  11725. left: 301px;
  11726. }
  11727. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  11728. margin: 0 0 0 301px;
  11729. }
  11730. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
  11731. margin-left: 0;
  11732. margin-right: 301px;
  11733. }
  11734. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
  11735. margin-right: 0;
  11736. }
  11737. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable {
  11738. margin: 0 301px 0 0;
  11739. }
  11740. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments {
  11741. left: 0;
  11742. right: 301px;
  11743. }
  11744. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  11745. width: 200px;
  11746. }
  11747. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  11748. margin-left: 200px;
  11749. }
  11750. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
  11751. margin: 0 0 0 200px;
  11752. }
  11753. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  11754. margin-left: 0;
  11755. }
  11756. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  11757. margin-right: 0;
  11758. margin-left: 0;
  11759. }
  11760. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  11761. left: 200px;
  11762. }
  11763. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  11764. right: 200px;
  11765. left: 0;
  11766. }
  11767. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
  11768. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
  11769. width: 200px;
  11770. }
  11771. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table {
  11772. float: left;
  11773. height: 100%;
  11774. min-height: 100px;
  11775. border-right: 1px solid rgba(221, 221, 221, 0.6);
  11776. border-top: 1px solid rgba(221, 221, 221, 0.6);
  11777. border-collapse: collapse;
  11778. display: -webkit-box;
  11779. display: -webkit-flex;
  11780. display: -ms-flexbox;
  11781. display: flex;
  11782. -webkit-box-orient: vertical;
  11783. -webkit-box-direction: normal;
  11784. -webkit-flex-flow: column nowrap;
  11785. -ms-flex-flow: column nowrap;
  11786. flex-flow: column nowrap;
  11787. }
  11788. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table tbody {
  11789. height: 100%;
  11790. display: -webkit-box;
  11791. display: -webkit-flex;
  11792. display: -ms-flexbox;
  11793. display: flex;
  11794. -webkit-box-orient: vertical;
  11795. -webkit-box-direction: normal;
  11796. -webkit-flex-flow: column nowrap;
  11797. -ms-flex-flow: column nowrap;
  11798. flex-flow: column nowrap;
  11799. }
  11800. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row {
  11801. display: -webkit-box;
  11802. display: -webkit-flex;
  11803. display: -ms-flexbox;
  11804. display: flex;
  11805. -webkit-box-orient: horizontal;
  11806. -webkit-box-direction: normal;
  11807. -webkit-flex-flow: row nowrap;
  11808. -ms-flex-flow: row nowrap;
  11809. flex-flow: row nowrap;
  11810. -webkit-box-flex: 1;
  11811. -webkit-flex: 1;
  11812. -ms-flex: 1;
  11813. flex: 1;
  11814. }
  11815. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row:before {
  11816. display: none;
  11817. }
  11818. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header {
  11819. display: -webkit-box;
  11820. display: -webkit-flex;
  11821. display: -ms-flexbox;
  11822. display: flex;
  11823. -webkit-box-orient: horizontal;
  11824. -webkit-box-direction: normal;
  11825. -webkit-flex-flow: row nowrap;
  11826. -ms-flex-flow: row nowrap;
  11827. flex-flow: row nowrap;
  11828. -webkit-box-flex: 1;
  11829. -webkit-flex: 1 1 auto;
  11830. -ms-flex: 1 1 auto;
  11831. flex: 1 1 auto;
  11832. height: auto;
  11833. text-align: center;
  11834. border-bottom: 2px solid rgba(221, 221, 221, 0.6);
  11835. padding: 0;
  11836. overflow: hidden;
  11837. width: 100%;
  11838. border-right: none;
  11839. }
  11840. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='2'],
  11841. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='3'] {
  11842. border-bottom: none;
  11843. }
  11844. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='2'] .dx-scheduler-group-header-content div,
  11845. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='3'] .dx-scheduler-group-header-content div {
  11846. margin-top: 200%;
  11847. }
  11848. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header-content {
  11849. padding-top: 16px;
  11850. overflow: visible;
  11851. -webkit-box-flex: 1;
  11852. -webkit-flex-grow: 1;
  11853. -ms-flex-positive: 1;
  11854. flex-grow: 1;
  11855. }
  11856. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header-content div {
  11857. white-space: normal;
  11858. line-height: normal;
  11859. }
  11860. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:last-child,
  11861. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
  11862. font-weight: normal;
  11863. text-align: left;
  11864. }
  11865. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:only-child,
  11866. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:only-child {
  11867. position: relative;
  11868. left: 75px;
  11869. width: 75px;
  11870. }
  11871. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-title,
  11872. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-title,
  11873. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
  11874. top: 0;
  11875. position: relative;
  11876. height: 50px !important;
  11877. line-height: 50px !important;
  11878. border-bottom: none;
  11879. border-right: none;
  11880. }
  11881. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
  11882. border-top: 1px solid rgba(221, 221, 221, 0.6);
  11883. }
  11884. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel {
  11885. display: table-cell;
  11886. position: relative;
  11887. }
  11888. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before {
  11889. content: "";
  11890. width: 100px;
  11891. display: table-cell;
  11892. }
  11893. .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before {
  11894. width: 50px;
  11895. }
  11896. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-table-row {
  11897. height: 50px;
  11898. }
  11899. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell {
  11900. border-top: 1px solid rgba(221, 221, 221, 0.6);
  11901. }
  11902. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell > div {
  11903. margin-top: 0px;
  11904. }
  11905. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-last-group-cell {
  11906. border-bottom: none;
  11907. -webkit-box-shadow: inset 0 -1px 0 rgba(221, 221, 221, 0.6);
  11908. box-shadow: inset 0 -1px 0 rgba(221, 221, 221, 0.6);
  11909. }
  11910. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
  11911. border-bottom: 2px solid rgba(221, 221, 221, 0.6);
  11912. }
  11913. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  11914. height: 81px;
  11915. }
  11916. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  11917. height: 111px;
  11918. }
  11919. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  11920. height: 141px;
  11921. }
  11922. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
  11923. height: 51px;
  11924. }
  11925. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  11926. height: auto;
  11927. }
  11928. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  11929. display: block;
  11930. float: left;
  11931. }
  11932. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  11933. display: none;
  11934. }
  11935. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  11936. left: 101px;
  11937. }
  11938. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-group-header {
  11939. -webkit-box-shadow: 0 -2px 0 rgba(221, 221, 221, 0.6);
  11940. box-shadow: 0 -2px 0 rgba(221, 221, 221, 0.6);
  11941. border-bottom: none;
  11942. }
  11943. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  11944. height: 75px;
  11945. }
  11946. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
  11947. border-bottom: none;
  11948. }
  11949. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row:before {
  11950. display: none;
  11951. }
  11952. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable,
  11953. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  11954. border-top: 1px solid rgba(221, 221, 221, 0.6);
  11955. }
  11956. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-date-table-scrollable,
  11957. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-date-table-scrollable,
  11958. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable,
  11959. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-sidebar-scrollable,
  11960. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-sidebar-scrollable,
  11961. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  11962. padding-bottom: 50px;
  11963. margin-bottom: -50px;
  11964. }
  11965. .dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-date-table-scrollable {
  11966. padding-bottom: 50px;
  11967. margin-bottom: -50px;
  11968. }
  11969. .dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-sidebar-scrollable {
  11970. padding-bottom: 50px;
  11971. margin-bottom: -50px;
  11972. }
  11973. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-day .dx-scheduler-date-table-scrollable {
  11974. padding-bottom: 0;
  11975. margin-bottom: 0;
  11976. }
  11977. .dx-rtl .dx-scheduler-work-space-vertical-group-table {
  11978. border-right: none;
  11979. border-left: 1px solid rgba(221, 221, 221, 0.6);
  11980. }
  11981. .dx-rtl .dx-scheduler-date-time-shader-all-day {
  11982. margin-left: 0;
  11983. margin-right: 100px;
  11984. }
  11985. .dx-rtl .dx-scheduler-navigator {
  11986. float: right;
  11987. padding-left: 0;
  11988. padding-right: 10px;
  11989. }
  11990. .dx-device-mobile .dx-rtl .dx-scheduler-navigator {
  11991. padding-right: 5px;
  11992. }
  11993. .dx-rtl .dx-scheduler-view-switcher.dx-tabs {
  11994. float: left;
  11995. }
  11996. .dx-rtl .dx-scheduler-view-switcher.dx-dropdownmenu {
  11997. left: 10px;
  11998. right: auto;
  11999. }
  12000. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table {
  12001. margin-right: 0;
  12002. }
  12003. .dx-rtl .dx-scheduler-header-panel {
  12004. left: 0;
  12005. right: inherit;
  12006. }
  12007. .dx-rtl .dx-scheduler-all-day-panel table {
  12008. margin-left: 0;
  12009. }
  12010. .dx-rtl .dx-scheduler-work-space-vertical-group-table,
  12011. .dx-rtl .dx-scheduler-time-panel {
  12012. float: right;
  12013. }
  12014. .dx-rtl .dx-scheduler-time-panel-cell {
  12015. text-align: left;
  12016. padding-left: 20px;
  12017. padding-right: 0;
  12018. }
  12019. .dx-rtl .dx-scheduler-time-panel-cell:after {
  12020. right: auto;
  12021. left: 0;
  12022. }
  12023. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell,
  12024. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  12025. border-right: 1px solid rgba(221, 221, 221, 0.6);
  12026. }
  12027. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child,
  12028. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child {
  12029. border-right: none;
  12030. }
  12031. .dx-rtl .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table {
  12032. float: right;
  12033. margin-left: 0;
  12034. margin-right: -100px;
  12035. }
  12036. .dx-scheduler-small .dx-rtl .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table {
  12037. margin-right: -50px;
  12038. }
  12039. .dx-rtl .dx-scheduler-appointment-tooltip {
  12040. text-align: right;
  12041. }
  12042. .dx-rtl .dx-scheduler-appointment-recurrence-icon {
  12043. left: 20px;
  12044. right: auto;
  12045. }
  12046. .dx-rtl .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
  12047. left: 20px;
  12048. right: auto;
  12049. }
  12050. .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell,
  12051. .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell {
  12052. border-right: 1px solid rgba(221, 221, 221, 0.6);
  12053. border-left: none;
  12054. }
  12055. .dx-rtl .dx-scheduler-dropdown-appointment {
  12056. border-left: none;
  12057. border-right: 3px solid #337ab7;
  12058. }
  12059. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
  12060. border-left: 1px solid rgba(221, 221, 221, 0.6);
  12061. border-right: none;
  12062. }
  12063. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
  12064. right: 0;
  12065. border-left: 1px solid rgba(221, 221, 221, 0.6);
  12066. border-right: none;
  12067. }
  12068. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  12069. margin-right: 0;
  12070. }
  12071. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
  12072. float: right;
  12073. }
  12074. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  12075. margin-right: 100px;
  12076. margin-left: auto;
  12077. }
  12078. .dx-scheduler-small .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  12079. margin-right: 50px;
  12080. }
  12081. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
  12082. border-left: 1px solid rgba(221, 221, 221, 0.6);
  12083. border-right: none;
  12084. }
  12085. .dx-rtl.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  12086. margin-right: 0;
  12087. }
  12088. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
  12089. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child,
  12090. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child {
  12091. border-right: none;
  12092. }
  12093. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
  12094. float: right;
  12095. }
  12096. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
  12097. right: 0;
  12098. border-left: 1px solid rgba(221, 221, 221, 0.6);
  12099. border-right: none;
  12100. }
  12101. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
  12102. border-left: 1px solid rgba(221, 221, 221, 0.6);
  12103. border-right: none;
  12104. }
  12105. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
  12106. margin-right: 0;
  12107. }
  12108. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-fixed-appointments {
  12109. left: 0;
  12110. }
  12111. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header {
  12112. padding: 0 5px 0 10px;
  12113. }
  12114. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:last-child,
  12115. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
  12116. text-align: right;
  12117. }
  12118. .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable {
  12119. margin-left: 0;
  12120. }
  12121. .dx-scheduler-small .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable {
  12122. margin-right: 50px;
  12123. }
  12124. .dx-rtl .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-left,
  12125. .dx-rtl .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-top {
  12126. padding-left: 10px;
  12127. }
  12128. .dx-rtl .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-right {
  12129. padding-left: 20px;
  12130. }
  12131. .dx-rtl .dx-scheduler-recurrence-rule-item.dx-label-v-align .dx-recurrence-editor {
  12132. padding-right: 20px;
  12133. }
  12134. .dx-rtl .dx-scheduler-recurrence-rule-item .dx-field-item-content-location-left .dx-recurrence-editor {
  12135. padding-right: 20px;
  12136. }
  12137. .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  12138. padding-right: 100px;
  12139. padding-left: 0;
  12140. }
  12141. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  12142. padding-right: 50px;
  12143. }
  12144. .dx-rtl .dx-scheduler-agenda .dx-scheduler-group-table {
  12145. float: right;
  12146. }
  12147. .dx-rtl .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
  12148. float: left;
  12149. }
  12150. .dx-rtl .dx-timezone-editor .dx-timezone-display-name {
  12151. float: right;
  12152. }
  12153. .dx-rtl .dx-timezone-editor .dx-timezone-iana-id {
  12154. float: left;
  12155. }
  12156. .dx-scheduler-time-panel-cell {
  12157. height: 36px;
  12158. }
  12159. .dx-scheduler-date-table-cell {
  12160. height: 36px;
  12161. }
  12162. .dx-scheduler-all-day-title {
  12163. height: 54px;
  12164. line-height: 54px;
  12165. font-size: 11px;
  12166. font-weight: bold;
  12167. top: 39px;
  12168. }
  12169. .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
  12170. height: 18px;
  12171. line-height: 18px;
  12172. }
  12173. :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title {
  12174. top: 74px;
  12175. }
  12176. :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
  12177. top: -19px;
  12178. height: 18px;
  12179. }
  12180. :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title {
  12181. top: 104px;
  12182. }
  12183. :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
  12184. top: -49px;
  12185. height: 48px;
  12186. }
  12187. :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title {
  12188. top: 134px;
  12189. }
  12190. :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
  12191. top: -79px;
  12192. height: 78px;
  12193. }
  12194. .dx-scheduler-work-space-week .dx-scheduler-all-day-title,
  12195. .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
  12196. top: 75px;
  12197. }
  12198. .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title,
  12199. .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title {
  12200. top: 105px;
  12201. }
  12202. .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before,
  12203. .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
  12204. top: -50px;
  12205. height: 49px;
  12206. }
  12207. .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title,
  12208. .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title {
  12209. top: 135px;
  12210. }
  12211. .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before,
  12212. .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
  12213. top: -80px;
  12214. height: 79px;
  12215. }
  12216. .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title,
  12217. .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title {
  12218. top: 165px;
  12219. }
  12220. .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before,
  12221. .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
  12222. top: -110px;
  12223. height: 109px;
  12224. }
  12225. .dx-scheduler-all-day-table {
  12226. height: 54px;
  12227. }
  12228. .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table {
  12229. height: 18px;
  12230. }
  12231. .dx-scheduler-header-panel {
  12232. margin-top: 5px;
  12233. }
  12234. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-panel {
  12235. margin-top: 6px;
  12236. }
  12237. .dx-scheduler-header-panel-cell {
  12238. height: 31px;
  12239. }
  12240. .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
  12241. top: 28px;
  12242. height: 2px;
  12243. }
  12244. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
  12245. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12246. padding-bottom: 36px;
  12247. margin-bottom: -36px;
  12248. }
  12249. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12250. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12251. padding-bottom: 66px;
  12252. margin-bottom: -66px;
  12253. }
  12254. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12255. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12256. padding-bottom: 96px;
  12257. margin-bottom: -96px;
  12258. }
  12259. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12260. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12261. padding-bottom: 126px;
  12262. margin-bottom: -126px;
  12263. }
  12264. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  12265. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12266. padding-bottom: 90px;
  12267. margin-bottom: -90px;
  12268. }
  12269. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12270. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12271. padding-bottom: 120px;
  12272. margin-bottom: -120px;
  12273. }
  12274. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12275. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12276. padding-bottom: 150px;
  12277. margin-bottom: -150px;
  12278. }
  12279. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12280. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12281. padding-bottom: 180px;
  12282. margin-bottom: -180px;
  12283. }
  12284. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
  12285. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12286. padding-bottom: 54px;
  12287. margin-bottom: -54px;
  12288. }
  12289. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12290. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12291. padding-bottom: 84px;
  12292. margin-bottom: -84px;
  12293. }
  12294. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12295. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12296. padding-bottom: 114px;
  12297. margin-bottom: -114px;
  12298. }
  12299. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12300. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12301. padding-bottom: 144px;
  12302. margin-bottom: -144px;
  12303. }
  12304. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
  12305. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12306. padding-bottom: 0;
  12307. margin-bottom: 0;
  12308. }
  12309. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12310. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12311. padding-bottom: 30px;
  12312. margin-bottom: -30px;
  12313. }
  12314. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12315. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12316. padding-bottom: 60px;
  12317. margin-bottom: -60px;
  12318. }
  12319. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12320. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12321. padding-bottom: 90px;
  12322. margin-bottom: -90px;
  12323. }
  12324. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  12325. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12326. padding-bottom: 54px;
  12327. margin-bottom: -54px;
  12328. }
  12329. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12330. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12331. padding-bottom: 84px;
  12332. margin-bottom: -84px;
  12333. }
  12334. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12335. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12336. padding-bottom: 114px;
  12337. margin-bottom: -114px;
  12338. }
  12339. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12340. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12341. padding-bottom: 144px;
  12342. margin-bottom: -144px;
  12343. }
  12344. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
  12345. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12346. padding-bottom: 18px;
  12347. margin-bottom: -18px;
  12348. }
  12349. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12350. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12351. padding-bottom: 48px;
  12352. margin-bottom: -48px;
  12353. }
  12354. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12355. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12356. padding-bottom: 78px;
  12357. margin-bottom: -78px;
  12358. }
  12359. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12360. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12361. padding-bottom: 108px;
  12362. margin-bottom: -108px;
  12363. }
  12364. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-title {
  12365. top: 40px;
  12366. }
  12367. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
  12368. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12369. padding-bottom: 36px;
  12370. margin-bottom: -36px;
  12371. }
  12372. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12373. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12374. padding-bottom: 66px;
  12375. margin-bottom: -66px;
  12376. }
  12377. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12378. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12379. padding-bottom: 96px;
  12380. margin-bottom: -96px;
  12381. }
  12382. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12383. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12384. padding-bottom: 126px;
  12385. margin-bottom: -126px;
  12386. }
  12387. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  12388. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12389. padding-bottom: 90px;
  12390. margin-bottom: -90px;
  12391. }
  12392. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12393. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12394. padding-bottom: 120px;
  12395. margin-bottom: -120px;
  12396. }
  12397. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12398. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12399. padding-bottom: 150px;
  12400. margin-bottom: -150px;
  12401. }
  12402. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12403. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12404. padding-bottom: 180px;
  12405. margin-bottom: -180px;
  12406. }
  12407. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
  12408. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12409. padding-bottom: 54px;
  12410. margin-bottom: -54px;
  12411. }
  12412. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12413. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12414. padding-bottom: 84px;
  12415. margin-bottom: -84px;
  12416. }
  12417. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12418. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12419. padding-bottom: 114px;
  12420. margin-bottom: -114px;
  12421. }
  12422. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12423. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12424. padding-bottom: 144px;
  12425. margin-bottom: -144px;
  12426. }
  12427. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
  12428. margin-top: 5px;
  12429. }
  12430. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title {
  12431. top: 105px;
  12432. }
  12433. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
  12434. top: -50px;
  12435. height: 49px;
  12436. }
  12437. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title {
  12438. top: 135px;
  12439. }
  12440. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
  12441. top: -80px;
  12442. height: 79px;
  12443. }
  12444. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title {
  12445. top: 165px;
  12446. }
  12447. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
  12448. top: -110px;
  12449. height: 109px;
  12450. }
  12451. .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-all-day-title {
  12452. top: 75px;
  12453. }
  12454. .dx-scheduler-work-space-day .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) {
  12455. border-bottom: none;
  12456. }
  12457. .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
  12458. .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12459. padding-bottom: 36px;
  12460. margin-bottom: -36px;
  12461. }
  12462. .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12463. .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12464. padding-bottom: 66px;
  12465. margin-bottom: -66px;
  12466. }
  12467. .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12468. .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12469. padding-bottom: 96px;
  12470. margin-bottom: -96px;
  12471. }
  12472. .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12473. .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12474. padding-bottom: 126px;
  12475. margin-bottom: -126px;
  12476. }
  12477. .dx-scheduler-work-space-month .dx-scheduler-appointment-content {
  12478. font-size: 11px;
  12479. }
  12480. .dx-scheduler-work-space-month .dx-scheduler-date-table-first-of-month {
  12481. border-left: 1px solid #aaaaaa;
  12482. border-top: 1px solid #aaaaaa;
  12483. }
  12484. .dx-scheduler-appointment-tooltip .dx-button-content {
  12485. font-size: 10.76923077px;
  12486. }
  12487. .dx-scheduler-appointment-tooltip .dx-button-content .dx-icon {
  12488. font-size: 14px;
  12489. }
  12490. .dx-scheduler-appointment-tooltip .dx-scheduler-appointment-tooltip-title {
  12491. font-size: 14px;
  12492. }
  12493. .dx-scheduler-dropdown-appointments .dx-button-content {
  12494. padding: 0;
  12495. }
  12496. .dx-scheduler-header {
  12497. background-color: #f5f5f5;
  12498. border: 1px solid rgba(221, 221, 221, 0.6);
  12499. height: 39px;
  12500. }
  12501. .dx-scheduler-navigator {
  12502. padding: 7px;
  12503. }
  12504. .dx-scheduler-navigator .dx-button {
  12505. margin-top: -1px;
  12506. height: 25px;
  12507. }
  12508. .dx-scheduler-navigator .dx-button-has-icon .dx-button-content {
  12509. padding: 4px;
  12510. }
  12511. .dx-scheduler-navigator-caption {
  12512. border-radius: 0;
  12513. border-right-width: 0;
  12514. border-left-width: 0;
  12515. }
  12516. .dx-scheduler-navigator-caption.dx-state-focused,
  12517. .dx-scheduler-navigator-caption.dx-state-hover,
  12518. .dx-scheduler-navigator-caption.dx-state-active {
  12519. border-right-width: 1px;
  12520. border-left-width: 1px;
  12521. }
  12522. .dx-scheduler-navigator-previous {
  12523. border-radius: 4px 0 0 4px;
  12524. }
  12525. .dx-rtl .dx-scheduler-navigator-previous {
  12526. border-radius: 0 4px 4px 0;
  12527. }
  12528. .dx-scheduler-navigator-next {
  12529. border-radius: 0 4px 4px 0;
  12530. }
  12531. .dx-rtl .dx-scheduler-navigator-next {
  12532. border-radius: 4px 0 0 4px;
  12533. }
  12534. .dx-scheduler-view-switcher.dx-tabs {
  12535. font-size: 12px;
  12536. }
  12537. .dx-scheduler-view-switcher.dx-tabs .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
  12538. background: none;
  12539. }
  12540. .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected {
  12541. background-color: #fff;
  12542. }
  12543. .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:before {
  12544. background-color: #fff;
  12545. }
  12546. .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after {
  12547. border-left: 1px solid rgba(221, 221, 221, 0.6);
  12548. border-right: 1px solid rgba(221, 221, 221, 0.6);
  12549. border-top: 1px solid #337ab7;
  12550. border-bottom: none;
  12551. }
  12552. .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:after {
  12553. height: 39px;
  12554. }
  12555. .dx-scheduler-view-switcher.dx-dropdownmenu {
  12556. margin-top: 6px;
  12557. }
  12558. .dx-scheduler-view-switcher-label {
  12559. margin-top: 11.2px;
  12560. right: 60px;
  12561. }
  12562. .dx-rtl .dx-scheduler-view-switcher-label {
  12563. left: 60px;
  12564. right: auto;
  12565. }
  12566. .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) {
  12567. border-bottom: 1px solid rgba(221, 221, 221, 0.6);
  12568. }
  12569. .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) .dx-scheduler-group-header {
  12570. font-size: 12px;
  12571. color: #333;
  12572. }
  12573. .dx-scheduler-header-panel .dx-scheduler-group-header {
  12574. font-size: 18px;
  12575. }
  12576. .dx-scheduler-header-panel .dx-scheduler-group-header,
  12577. .dx-scheduler-work-space-vertical-group-table .dx-scheduler-group-header {
  12578. font-weight: bold;
  12579. color: #333;
  12580. }
  12581. .dx-scheduler-all-day-panel {
  12582. background-color: #fff;
  12583. }
  12584. .dx-scheduler-work-space {
  12585. padding-top: 39px;
  12586. margin-top: -39px;
  12587. }
  12588. .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title {
  12589. border-top: 1px solid rgba(221, 221, 221, 0.6);
  12590. }
  12591. .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell {
  12592. border-left: 1px solid rgba(221, 221, 221, 0.6);
  12593. }
  12594. .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-date-table-cell {
  12595. border: none;
  12596. }
  12597. .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-group-row th {
  12598. border-left: none;
  12599. border-right: none;
  12600. }
  12601. .dx-scheduler-work-space-week .dx-scheduler-date-table-row:first-child {
  12602. border-top: none;
  12603. }
  12604. .dx-scheduler-date-table-cell {
  12605. border-left: 1px solid rgba(221, 221, 221, 0.6);
  12606. border-right: 1px solid rgba(221, 221, 221, 0.6);
  12607. }
  12608. .dx-scheduler-all-day-table-cell.dx-state-active,
  12609. .dx-scheduler-date-table-cell.dx-state-active {
  12610. background-color: rgba(221, 221, 221, 0.7);
  12611. }
  12612. .dx-scheduler-all-day-table-cell.dx-state-hover,
  12613. .dx-scheduler-date-table-cell.dx-state-hover {
  12614. background-color: #f5f5f5;
  12615. color: #959595;
  12616. }
  12617. .dx-scheduler-appointment-popup .dx-fieldset {
  12618. margin: 0 15px 15px 10px;
  12619. }
  12620. .dx-scheduler-appointment-popup .dx-popup-title {
  12621. background-color: #fff;
  12622. border-bottom: none;
  12623. }
  12624. .dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton,
  12625. .dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton.dx-rtl {
  12626. margin: 0;
  12627. }
  12628. .dx-scheduler-appointment-popup .dx-toolbar-after {
  12629. margin-right: 4px;
  12630. }
  12631. .dx-rtl .dx-scheduler-appointment-popup .dx-toolbar-after {
  12632. margin-left: 4px;
  12633. margin-right: 0;
  12634. }
  12635. .dx-scheduler-appointment-popup .dx-recurrence-repeat-end-container {
  12636. margin: 0;
  12637. }
  12638. .dx-scheduler-appointment-popup .dx-recurrence-switch {
  12639. margin-top: 6px;
  12640. }
  12641. .dx-scheduler-appointment-popup .dx-scheduler-appointment-popup-recurrence-field {
  12642. margin-bottom: 13px;
  12643. }
  12644. .dx-scheduler-appointment-popup .dx-recurrence-radiogroup-repeat-type-label,
  12645. .dx-scheduler-appointment-popup .dx-recurrence-repeat-end-label {
  12646. line-height: 26px;
  12647. }
  12648. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item {
  12649. padding-left: 73px;
  12650. }
  12651. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item:before {
  12652. background-color: #fff;
  12653. }
  12654. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-scheduler-recurrence-rule-item-opened:before {
  12655. border-top: 1px solid #f2f2f2;
  12656. border-bottom: 1px solid #f2f2f2;
  12657. }
  12658. .dx-scheduler-appointment-popup .dx-form-validation-summary {
  12659. padding: 10px 20px;
  12660. }
  12661. .dx-scheduler-appointment-tooltip-buttons:before,
  12662. .dx-scheduler-appointment-tooltip-buttons:after {
  12663. display: table;
  12664. content: "";
  12665. line-height: 0;
  12666. }
  12667. .dx-scheduler-appointment-tooltip-buttons:after {
  12668. clear: both;
  12669. }
  12670. .dx-scheduler-appointment-tooltip-buttons .dx-button:nth-child(even) {
  12671. float: right;
  12672. margin-right: 0;
  12673. }
  12674. .dx-scheduler-appointment-tooltip-buttons .dx-button:nth-child(odd) {
  12675. float: left;
  12676. margin-left: 0;
  12677. }
  12678. .dx-scheduler-appointment-tooltip-buttons .dx-button .dx-button-content {
  12679. padding: 2px 10px 3px 10px;
  12680. }
  12681. .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  12682. font-size: 14px;
  12683. }
  12684. .dx-scheduler-header-panel,
  12685. .dx-scheduler-time-panel {
  12686. font-size: 14px;
  12687. }
  12688. .dx-scheduler-work-space-grouped .dx-scheduler-group-row th,
  12689. .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell {
  12690. border-right: 1px solid #aaaaaa;
  12691. }
  12692. .dx-scheduler-work-space-grouped .dx-scheduler-group-row th:last-child,
  12693. .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell:last-child {
  12694. border-right: none;
  12695. }
  12696. .dx-rtl .dx-scheduler-work-space-grouped .dx-scheduler-group-row th,
  12697. .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell {
  12698. border-left: 1px solid #aaaaaa;
  12699. border-right: 1px solid rgba(221, 221, 221, 0.6);
  12700. }
  12701. .dx-rtl .dx-scheduler-work-space-grouped .dx-scheduler-group-row th:last-child,
  12702. .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell:last-child {
  12703. border-left: none;
  12704. }
  12705. .dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-group-row th,
  12706. .dx-scheduler-work-space-grouped.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row th,
  12707. .dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-group-row th,
  12708. .dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-last-group-cell,
  12709. .dx-scheduler-work-space-grouped.dx-scheduler-work-space-vertical-grouped .dx-scheduler-last-group-cell,
  12710. .dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-last-group-cell {
  12711. border-right: 1px solid rgba(221, 221, 221, 0.6);
  12712. border-left: 1px solid rgba(221, 221, 221, 0.6);
  12713. }
  12714. .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row th {
  12715. border-right: 1px solid rgba(221, 221, 221, 0.6);
  12716. border-left: 1px solid rgba(221, 221, 221, 0.6);
  12717. }
  12718. .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell,
  12719. .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell,
  12720. .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
  12721. border-right: 1px solid #aaaaaa;
  12722. }
  12723. .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell:last-child,
  12724. .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell:last-child,
  12725. .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell:last-child {
  12726. border-right: none;
  12727. }
  12728. .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell,
  12729. .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell,
  12730. .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
  12731. border-left: 1px solid #aaaaaa;
  12732. border-right: 1px solid rgba(221, 221, 221, 0.6);
  12733. }
  12734. .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell:last-child,
  12735. .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell:last-child,
  12736. .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell:last-child {
  12737. border-left: none;
  12738. }
  12739. .dx-scheduler-appointment {
  12740. border-left: 2px solid transparent;
  12741. border-right: 1px solid transparent;
  12742. }
  12743. .dx-scheduler-appointment.dx-state-focused {
  12744. color: #fff;
  12745. }
  12746. .dx-scheduler-appointment.dx-scheduler-appointment-empty {
  12747. border-left: 1px solid transparent;
  12748. border-right: 1px solid transparent;
  12749. }
  12750. .dx-scheduler-appointment-content {
  12751. padding: 2px 5px;
  12752. }
  12753. .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
  12754. padding-right: 40px;
  12755. }
  12756. .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  12757. padding: 2px 25px 2px 5px;
  12758. }
  12759. .dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  12760. padding: 2px 5px 2px 25px;
  12761. }
  12762. .dx-scheduler-dropdown-appointment {
  12763. border-bottom: 1px solid rgba(221, 221, 221, 0.6);
  12764. }
  12765. .dx-scheduler-dropdown-appointment-date {
  12766. color: #959595;
  12767. }
  12768. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  12769. height: 67px;
  12770. }
  12771. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  12772. height: 97px;
  12773. }
  12774. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  12775. height: 127px;
  12776. }
  12777. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped) .dx-scheduler-header-scrollable {
  12778. height: 37px;
  12779. }
  12780. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  12781. height: auto;
  12782. }
  12783. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
  12784. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12785. padding-bottom: 36px;
  12786. margin-bottom: -36px;
  12787. }
  12788. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12789. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12790. padding-bottom: 66px;
  12791. margin-bottom: -66px;
  12792. }
  12793. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12794. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12795. padding-bottom: 96px;
  12796. margin-bottom: -96px;
  12797. }
  12798. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12799. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12800. padding-bottom: 126px;
  12801. margin-bottom: -126px;
  12802. }
  12803. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  12804. height: 36px;
  12805. }
  12806. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  12807. height: 66px;
  12808. }
  12809. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  12810. height: 96px;
  12811. }
  12812. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
  12813. height: 6px;
  12814. }
  12815. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  12816. height: auto;
  12817. }
  12818. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  12819. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12820. padding-bottom: 5px;
  12821. margin-bottom: -5px;
  12822. }
  12823. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12824. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12825. padding-bottom: 35px;
  12826. margin-bottom: -35px;
  12827. }
  12828. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12829. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12830. padding-bottom: 65px;
  12831. margin-bottom: -65px;
  12832. }
  12833. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12834. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12835. padding-bottom: 95px;
  12836. margin-bottom: -95px;
  12837. }
  12838. .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
  12839. .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
  12840. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  12841. height: 98px;
  12842. }
  12843. .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
  12844. .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
  12845. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  12846. height: 128px;
  12847. }
  12848. .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
  12849. .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
  12850. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  12851. height: 158px;
  12852. }
  12853. .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable,
  12854. .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable,
  12855. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scheduler-header-scrollable {
  12856. height: 68px;
  12857. }
  12858. .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
  12859. .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
  12860. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  12861. height: auto;
  12862. }
  12863. .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
  12864. .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
  12865. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
  12866. padding-bottom: 67px;
  12867. margin-bottom: -67px;
  12868. }
  12869. .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
  12870. .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
  12871. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
  12872. height: 68px;
  12873. margin-top: -68px;
  12874. }
  12875. .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable,
  12876. .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable,
  12877. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scrollable.dx-scheduler-date-table-scrollable {
  12878. padding-bottom: 67px;
  12879. margin-bottom: -67px;
  12880. }
  12881. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
  12882. background-color: #fff;
  12883. }
  12884. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
  12885. background-color: #fff;
  12886. }
  12887. .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  12888. height: 67px;
  12889. }
  12890. .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  12891. height: 97px;
  12892. }
  12893. .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  12894. height: 127px;
  12895. }
  12896. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
  12897. height: 37px;
  12898. }
  12899. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  12900. height: auto;
  12901. }
  12902. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  12903. height: 31px;
  12904. }
  12905. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  12906. height: 61px;
  12907. }
  12908. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  12909. height: 91px;
  12910. }
  12911. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
  12912. height: 1px;
  12913. }
  12914. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  12915. height: auto;
  12916. }
  12917. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  12918. height: 121px;
  12919. }
  12920. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  12921. height: 151px;
  12922. }
  12923. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  12924. height: 181px;
  12925. }
  12926. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable {
  12927. height: 91px;
  12928. }
  12929. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  12930. height: auto;
  12931. }
  12932. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  12933. height: 67px;
  12934. }
  12935. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  12936. height: 97px;
  12937. }
  12938. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  12939. height: 127px;
  12940. }
  12941. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-scrollable {
  12942. height: 37px;
  12943. }
  12944. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  12945. height: auto;
  12946. }
  12947. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  12948. height: 85px;
  12949. }
  12950. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  12951. height: 115px;
  12952. }
  12953. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  12954. height: 145px;
  12955. }
  12956. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
  12957. height: 55px;
  12958. }
  12959. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  12960. height: auto;
  12961. }
  12962. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  12963. height: 90px;
  12964. }
  12965. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  12966. height: 120px;
  12967. }
  12968. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  12969. height: 150px;
  12970. }
  12971. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-header-scrollable {
  12972. height: 60px;
  12973. }
  12974. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  12975. height: auto;
  12976. }
  12977. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  12978. height: 54px;
  12979. }
  12980. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  12981. height: 84px;
  12982. }
  12983. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  12984. height: 114px;
  12985. }
  12986. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
  12987. height: 24px;
  12988. }
  12989. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  12990. height: auto;
  12991. }
  12992. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  12993. height: 85px;
  12994. }
  12995. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  12996. height: 115px;
  12997. }
  12998. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  12999. height: 145px;
  13000. }
  13001. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable {
  13002. height: 55px;
  13003. }
  13004. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  13005. height: auto;
  13006. }
  13007. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  13008. height: 49px;
  13009. }
  13010. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  13011. height: 79px;
  13012. }
  13013. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  13014. height: 109px;
  13015. }
  13016. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
  13017. height: 19px;
  13018. }
  13019. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  13020. height: auto;
  13021. }
  13022. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  13023. height: 67px;
  13024. }
  13025. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  13026. height: 97px;
  13027. }
  13028. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  13029. height: 127px;
  13030. }
  13031. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
  13032. height: 37px;
  13033. }
  13034. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  13035. height: auto;
  13036. }
  13037. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  13038. height: 67px;
  13039. }
  13040. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  13041. height: 97px;
  13042. }
  13043. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  13044. height: 127px;
  13045. }
  13046. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-scrollable {
  13047. height: 37px;
  13048. }
  13049. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  13050. height: auto;
  13051. }
  13052. .dx-scheduler-agenda .dx-scheduler-appointment-content {
  13053. font-size: 14px;
  13054. }
  13055. .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date {
  13056. font-size: 11px;
  13057. }
  13058. .dx-scheduler-agenda .dx-scheduler-group-header {
  13059. font-size: 14px;
  13060. width: 60px;
  13061. }
  13062. .dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable,
  13063. .dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13064. padding-bottom: 0;
  13065. margin-bottom: 0;
  13066. }
  13067. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  13068. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13069. padding-bottom: 30px;
  13070. margin-bottom: -30px;
  13071. }
  13072. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  13073. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13074. padding-bottom: 60px;
  13075. margin-bottom: -60px;
  13076. }
  13077. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  13078. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13079. padding-bottom: 90px;
  13080. margin-bottom: -90px;
  13081. }
  13082. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  13083. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13084. padding-bottom: 0;
  13085. margin-bottom: 0;
  13086. }
  13087. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  13088. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13089. padding-bottom: 30px;
  13090. margin-bottom: -30px;
  13091. }
  13092. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  13093. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13094. padding-bottom: 60px;
  13095. margin-bottom: -60px;
  13096. }
  13097. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  13098. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13099. padding-bottom: 90px;
  13100. margin-bottom: -90px;
  13101. }
  13102. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
  13103. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13104. padding-bottom: 0;
  13105. margin-bottom: 0;
  13106. }
  13107. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  13108. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13109. padding-bottom: 30px;
  13110. margin-bottom: -30px;
  13111. }
  13112. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  13113. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13114. padding-bottom: 60px;
  13115. margin-bottom: -60px;
  13116. }
  13117. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  13118. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13119. padding-bottom: 90px;
  13120. margin-bottom: -90px;
  13121. }
  13122. .dx-scheduler-agenda .dx-scheduler-group-header-content {
  13123. width: 60px;
  13124. }
  13125. .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  13126. margin-right: -60px;
  13127. }
  13128. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  13129. margin-left: -30px;
  13130. }
  13131. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  13132. margin-left: -60px;
  13133. }
  13134. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  13135. margin-left: -30px;
  13136. }
  13137. .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  13138. padding-left: 160px;
  13139. }
  13140. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  13141. padding-left: 80px;
  13142. }
  13143. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  13144. padding-left: 0;
  13145. padding-right: 160px;
  13146. }
  13147. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  13148. padding-right: 80px;
  13149. }
  13150. .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  13151. margin-right: -120px;
  13152. }
  13153. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  13154. margin-left: -60px;
  13155. }
  13156. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  13157. margin-left: -120px;
  13158. }
  13159. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  13160. margin-left: -60px;
  13161. }
  13162. .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  13163. padding-left: 220px;
  13164. }
  13165. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  13166. padding-left: 110px;
  13167. }
  13168. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  13169. padding-left: 0;
  13170. padding-right: 220px;
  13171. }
  13172. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  13173. padding-right: 110px;
  13174. }
  13175. .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  13176. margin-right: -180px;
  13177. }
  13178. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  13179. margin-left: -90px;
  13180. }
  13181. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  13182. margin-left: -180px;
  13183. }
  13184. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  13185. margin-left: -90px;
  13186. }
  13187. .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  13188. padding-left: 280px;
  13189. }
  13190. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  13191. padding-left: 140px;
  13192. }
  13193. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  13194. padding-left: 0;
  13195. padding-right: 280px;
  13196. }
  13197. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  13198. padding-right: 140px;
  13199. }
  13200. .dx-scheduler-agenda-nodata {
  13201. font-size: 14px;
  13202. }
  13203. .dx-form-group-with-caption > .dx-form-group-content {
  13204. border-top: 1px solid #ddd;
  13205. }
  13206. .dx-form-group-caption {
  13207. font-size: 16px;
  13208. }
  13209. .dx-form-group-with-caption .dx-form-group-content {
  13210. padding-bottom: 10px;
  13211. }
  13212. .dx-field-item-label-text {
  13213. color: #333;
  13214. }
  13215. .dx-field-item-help-text {
  13216. color: #333;
  13217. }
  13218. .dx-field-item-required-mark {
  13219. color: #ea4444;
  13220. }
  13221. .dx-field-item-optional-mark {
  13222. color: #afafaf;
  13223. }
  13224. .dx-desktop-layout-main-menu {
  13225. background: #337ab7;
  13226. }
  13227. .dx-desktop-layout-main-menu .dx-nav-item {
  13228. background: #337ab7;
  13229. }
  13230. .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected {
  13231. background: #f7f7f7;
  13232. border-top: 1px solid #ddd;
  13233. }
  13234. .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected .dx-tab-text {
  13235. color: #333;
  13236. }
  13237. .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected.dx-state-hover {
  13238. background: #f7f7f7;
  13239. }
  13240. .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected.dx-state-hover .dx-tab-text {
  13241. color: #333;
  13242. }
  13243. .dx-desktop-layout-main-menu .dx-nav-item.dx-state-hover {
  13244. background: #63a0d4;
  13245. }
  13246. .dx-desktop-layout-main-menu .dx-nav-item.dx-state-hover .dx-tab-text {
  13247. color: #efefef;
  13248. }
  13249. .dx-desktop-layout-main-menu .dx-nav-item .dx-tab-text {
  13250. color: #efefef;
  13251. }
  13252. .dx-desktop-layout-copyright {
  13253. color: #818181;
  13254. }
  13255. .dx-desktop-layout-toolbar {
  13256. background: #f7f7f7;
  13257. border-bottom-color: #ddd;
  13258. }
  13259. .dx-splitter {
  13260. border-right-color: #ddd;
  13261. }
  13262. .dx-filterbuilder .dx-filterbuilder-action-icon {
  13263. margin-bottom: 5px;
  13264. }
  13265. .dx-filterbuilder .dx-filterbuilder-text,
  13266. .dx-filterbuilder .dx-filterbuilder-item-value-text {
  13267. border-radius: 5px;
  13268. }
  13269. .dx-filterbuilder .dx-filterbuilder-range-separator {
  13270. color: #333;
  13271. }
  13272. .dx-filterbuilder-overlay .dx-treeview-item {
  13273. padding: 3px 15px;
  13274. }
  13275. .dx-filterbuilder-overlay .dx-rtl .dx-treeview-item {
  13276. padding-left: 15px;
  13277. }
  13278. .dx-recurrence-editor-container {
  13279. position: relative;
  13280. margin-bottom: 21px;
  13281. padding-top: 17px;
  13282. }
  13283. .dx-drawer-shader {
  13284. background-color: rgba(0, 0, 0, 0.5);
  13285. }
  13286. .dx-card {
  13287. border: 1px solid #ddd;
  13288. border-radius: 4px;
  13289. background-color: #fff;
  13290. }
  13291. .dx-htmleditor {
  13292. border-color: #ddd;
  13293. }
  13294. .dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
  13295. border-bottom: 1px solid #ddd;
  13296. }
  13297. .dx-htmleditor.dx-invalid {
  13298. border-color: rgba(217, 83, 79, 0.4);
  13299. }
  13300. .dx-htmleditor.dx-invalid.dx-state-focused {
  13301. border-color: #d9534f;
  13302. }
  13303. .dx-htmleditor-content pre {
  13304. color: rgba(51, 51, 51, 0.8);
  13305. }
  13306. .dx-htmleditor-content blockquote {
  13307. color: rgba(51, 51, 51, 0.8);
  13308. border-left-color: #ddd;
  13309. }
  13310. .dx-rtl .dx-htmleditor-content blockquote {
  13311. border-right-color: #ddd;
  13312. }
  13313. .dx-htmleditor-content .dx-variable > span {
  13314. background: rgba(51, 122, 183, 0.15);
  13315. }
  13316. .dx-htmleditor-toolbar {
  13317. background-color: transparent;
  13318. }
  13319. .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) {
  13320. background-color: #e6e6e6;
  13321. }
  13322. .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success {
  13323. background-color: #449d44;
  13324. }
  13325. .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default {
  13326. background-color: #285f8f;
  13327. }
  13328. .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger {
  13329. background-color: #c9302c;
  13330. }
  13331. .dx-htmleditor-toolbar-format.dx-dropdowneditor.dx-editor-filled {
  13332. background-color: transparent;
  13333. }
  13334. .dx-htmleditor-toolbar-format.dx-color-format .dx-button-content,
  13335. .dx-htmleditor-toolbar-format.dx-background-format .dx-button-content {
  13336. padding-bottom: 2px;
  13337. }
  13338. .dx-htmleditor-toolbar-separator {
  13339. border-left-color: #ddd;
  13340. }
  13341. .dx-htmleditor-toolbar-menu-separator {
  13342. border-top-color: #ddd;
  13343. }