@syncfusion/ej2-calendars 26.2.12 → 27.1.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (346) hide show
  1. package/README.md +24 -24
  2. package/dist/ej2-calendars.min.js +2 -2
  3. package/dist/ej2-calendars.umd.min.js +2 -2
  4. package/dist/ej2-calendars.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-calendars.es2015.js +149 -35
  6. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  7. package/dist/es6/ej2-calendars.es5.js +149 -35
  8. package/dist/es6/ej2-calendars.es5.js.map +1 -1
  9. package/dist/global/ej2-calendars.min.js +2 -2
  10. package/dist/global/ej2-calendars.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +12 -11
  13. package/src/calendar/calendar.js +25 -9
  14. package/src/datepicker/datepicker.d.ts +1 -0
  15. package/src/datepicker/datepicker.js +15 -5
  16. package/src/daterangepicker/daterangepicker.js +2 -2
  17. package/src/datetimepicker/datetimepicker-model.d.ts +14 -0
  18. package/src/datetimepicker/datetimepicker.d.ts +13 -0
  19. package/src/datetimepicker/datetimepicker.js +106 -18
  20. package/src/timepicker/timepicker.js +1 -1
  21. package/styles/bootstrap-dark-lite.css +2245 -0
  22. package/styles/bootstrap-dark-lite.scss +19 -0
  23. package/styles/bootstrap-dark.css +2261 -1747
  24. package/styles/bootstrap-dark.scss +6 -2
  25. package/styles/bootstrap-lite.css +2252 -0
  26. package/styles/bootstrap-lite.scss +19 -0
  27. package/styles/bootstrap.css +2261 -1741
  28. package/styles/bootstrap.scss +6 -2
  29. package/styles/bootstrap4-lite.css +2273 -0
  30. package/styles/bootstrap4-lite.scss +19 -0
  31. package/styles/bootstrap4.css +2278 -1758
  32. package/styles/bootstrap4.scss +6 -2
  33. package/styles/bootstrap5-dark-lite.css +2382 -0
  34. package/styles/bootstrap5-dark-lite.scss +19 -0
  35. package/styles/bootstrap5-dark.css +2350 -1827
  36. package/styles/bootstrap5-dark.scss +6 -2
  37. package/styles/bootstrap5-lite.css +2382 -0
  38. package/styles/bootstrap5-lite.scss +19 -0
  39. package/styles/bootstrap5.3-lite.css +2363 -0
  40. package/styles/bootstrap5.3-lite.scss +19 -0
  41. package/styles/bootstrap5.3.css +3725 -0
  42. package/styles/bootstrap5.3.scss +24 -0
  43. package/styles/bootstrap5.css +2351 -1828
  44. package/styles/bootstrap5.scss +6 -2
  45. package/styles/calendar/_bigger.scss +1142 -0
  46. package/styles/calendar/_bootstrap5.3-definition.scss +7 -3
  47. package/styles/calendar/_fluent-definition.scss +4 -2
  48. package/styles/calendar/_fluent2-definition.scss +9 -5
  49. package/styles/calendar/_layout.scss +7 -251
  50. package/styles/calendar/_theme.scss +32 -8
  51. package/styles/calendar/bootstrap-dark.css +681 -369
  52. package/styles/calendar/bootstrap-dark.scss +1 -0
  53. package/styles/calendar/bootstrap.css +681 -369
  54. package/styles/calendar/bootstrap.scss +1 -0
  55. package/styles/calendar/bootstrap4.css +681 -369
  56. package/styles/calendar/bootstrap4.scss +1 -0
  57. package/styles/calendar/bootstrap5-dark.css +704 -390
  58. package/styles/calendar/bootstrap5-dark.scss +1 -0
  59. package/styles/calendar/bootstrap5.3.css +1238 -0
  60. package/styles/calendar/bootstrap5.3.scss +6 -0
  61. package/styles/calendar/bootstrap5.css +704 -390
  62. package/styles/calendar/bootstrap5.scss +1 -0
  63. package/styles/calendar/fabric-dark.css +689 -371
  64. package/styles/calendar/fabric-dark.scss +1 -0
  65. package/styles/calendar/fabric.css +693 -373
  66. package/styles/calendar/fabric.scss +1 -0
  67. package/styles/calendar/fluent-dark.css +806 -420
  68. package/styles/calendar/fluent-dark.scss +1 -0
  69. package/styles/calendar/fluent.css +806 -420
  70. package/styles/calendar/fluent.scss +1 -0
  71. package/styles/calendar/fluent2.css +841 -423
  72. package/styles/calendar/fluent2.scss +1 -0
  73. package/styles/calendar/highcontrast-light.css +683 -369
  74. package/styles/calendar/highcontrast-light.scss +1 -0
  75. package/styles/calendar/highcontrast.css +693 -373
  76. package/styles/calendar/highcontrast.scss +1 -0
  77. package/styles/calendar/material-dark.css +693 -373
  78. package/styles/calendar/material-dark.scss +1 -0
  79. package/styles/calendar/material.css +693 -373
  80. package/styles/calendar/material.scss +1 -0
  81. package/styles/calendar/material3-dark.css +700 -376
  82. package/styles/calendar/material3-dark.scss +1 -0
  83. package/styles/calendar/material3.css +700 -376
  84. package/styles/calendar/material3.scss +1 -0
  85. package/styles/calendar/tailwind-dark.css +748 -421
  86. package/styles/calendar/tailwind-dark.scss +1 -0
  87. package/styles/calendar/tailwind.css +748 -421
  88. package/styles/calendar/tailwind.scss +1 -0
  89. package/styles/datepicker/_bigger.scss +82 -0
  90. package/styles/datepicker/_bootstrap5.3-definition.scss +7 -6
  91. package/styles/datepicker/_fluent2-definition.scss +2 -2
  92. package/styles/datepicker/_layout.scss +43 -26
  93. package/styles/datepicker/_theme.scss +2 -7
  94. package/styles/datepicker/bootstrap-dark.css +33 -43
  95. package/styles/datepicker/bootstrap-dark.scss +1 -0
  96. package/styles/datepicker/bootstrap.css +33 -43
  97. package/styles/datepicker/bootstrap.scss +1 -0
  98. package/styles/datepicker/bootstrap4.css +35 -45
  99. package/styles/datepicker/bootstrap4.scss +1 -0
  100. package/styles/datepicker/bootstrap5-dark.css +35 -45
  101. package/styles/datepicker/bootstrap5-dark.scss +1 -0
  102. package/styles/datepicker/bootstrap5.3.css +453 -0
  103. package/styles/datepicker/bootstrap5.3.scss +8 -0
  104. package/styles/datepicker/bootstrap5.css +35 -45
  105. package/styles/datepicker/bootstrap5.scss +1 -0
  106. package/styles/datepicker/fabric-dark.css +33 -43
  107. package/styles/datepicker/fabric-dark.scss +1 -0
  108. package/styles/datepicker/fabric.css +33 -43
  109. package/styles/datepicker/fabric.scss +1 -0
  110. package/styles/datepicker/fluent-dark.css +35 -45
  111. package/styles/datepicker/fluent-dark.scss +1 -0
  112. package/styles/datepicker/fluent.css +35 -45
  113. package/styles/datepicker/fluent.scss +1 -0
  114. package/styles/datepicker/fluent2.css +40 -52
  115. package/styles/datepicker/fluent2.scss +1 -0
  116. package/styles/datepicker/highcontrast-light.css +33 -43
  117. package/styles/datepicker/highcontrast-light.scss +1 -0
  118. package/styles/datepicker/highcontrast.css +33 -43
  119. package/styles/datepicker/highcontrast.scss +1 -0
  120. package/styles/datepicker/icons/_bds.scss +0 -24
  121. package/styles/datepicker/icons/_bootstrap-dark.scss +0 -24
  122. package/styles/datepicker/icons/_bootstrap.scss +0 -22
  123. package/styles/datepicker/icons/_bootstrap4.scss +0 -24
  124. package/styles/datepicker/icons/_bootstrap5.3.scss +0 -24
  125. package/styles/datepicker/icons/_bootstrap5.scss +0 -24
  126. package/styles/datepicker/icons/_fabric-dark.scss +0 -22
  127. package/styles/datepicker/icons/_fabric.scss +0 -22
  128. package/styles/datepicker/icons/_fluent.scss +0 -24
  129. package/styles/datepicker/icons/_fluent2.scss +0 -31
  130. package/styles/datepicker/icons/_fusionnew.scss +0 -24
  131. package/styles/datepicker/icons/_highcontrast-light.scss +0 -22
  132. package/styles/datepicker/icons/_highcontrast.scss +0 -22
  133. package/styles/datepicker/icons/_material-dark.scss +0 -40
  134. package/styles/datepicker/icons/_material.scss +0 -40
  135. package/styles/datepicker/icons/_material3.scss +0 -29
  136. package/styles/datepicker/icons/_tailwind.scss +0 -24
  137. package/styles/datepicker/material-dark.css +50 -60
  138. package/styles/datepicker/material-dark.scss +1 -0
  139. package/styles/datepicker/material.css +50 -60
  140. package/styles/datepicker/material.scss +1 -0
  141. package/styles/datepicker/material3-dark.css +41 -50
  142. package/styles/datepicker/material3-dark.scss +1 -0
  143. package/styles/datepicker/material3.css +41 -50
  144. package/styles/datepicker/material3.scss +1 -0
  145. package/styles/datepicker/tailwind-dark.css +40 -50
  146. package/styles/datepicker/tailwind-dark.scss +1 -0
  147. package/styles/datepicker/tailwind.css +40 -50
  148. package/styles/datepicker/tailwind.scss +1 -0
  149. package/styles/daterangepicker/_bigger.scss +971 -0
  150. package/styles/daterangepicker/_bootstrap5.3-definition.scss +5 -3
  151. package/styles/daterangepicker/_fluent-definition.scss +0 -9
  152. package/styles/daterangepicker/_fluent2-definition.scss +3 -7
  153. package/styles/daterangepicker/_layout.scss +20 -252
  154. package/styles/daterangepicker/_theme.scss +20 -68
  155. package/styles/daterangepicker/bootstrap-dark.css +750 -540
  156. package/styles/daterangepicker/bootstrap-dark.scss +1 -0
  157. package/styles/daterangepicker/bootstrap.css +779 -563
  158. package/styles/daterangepicker/bootstrap.scss +1 -0
  159. package/styles/daterangepicker/bootstrap4.css +752 -536
  160. package/styles/daterangepicker/bootstrap4.scss +1 -0
  161. package/styles/daterangepicker/bootstrap5-dark.css +786 -570
  162. package/styles/daterangepicker/bootstrap5-dark.scss +1 -0
  163. package/styles/daterangepicker/bootstrap5.3.css +1500 -0
  164. package/styles/daterangepicker/bootstrap5.3.scss +8 -0
  165. package/styles/daterangepicker/bootstrap5.css +786 -570
  166. package/styles/daterangepicker/bootstrap5.scss +1 -0
  167. package/styles/daterangepicker/fabric-dark.css +752 -536
  168. package/styles/daterangepicker/fabric-dark.scss +1 -0
  169. package/styles/daterangepicker/fabric.css +752 -536
  170. package/styles/daterangepicker/fabric.scss +1 -0
  171. package/styles/daterangepicker/fluent-dark.css +817 -592
  172. package/styles/daterangepicker/fluent-dark.scss +1 -0
  173. package/styles/daterangepicker/fluent.css +817 -592
  174. package/styles/daterangepicker/fluent.scss +1 -0
  175. package/styles/daterangepicker/fluent2.css +791 -571
  176. package/styles/daterangepicker/fluent2.scss +1 -0
  177. package/styles/daterangepicker/highcontrast-light.css +752 -536
  178. package/styles/daterangepicker/highcontrast-light.scss +1 -0
  179. package/styles/daterangepicker/highcontrast.css +752 -536
  180. package/styles/daterangepicker/highcontrast.scss +1 -0
  181. package/styles/daterangepicker/icons/_bds.scss +0 -18
  182. package/styles/daterangepicker/icons/_bootstrap-dark.scss +0 -24
  183. package/styles/daterangepicker/icons/_bootstrap.scss +0 -16
  184. package/styles/daterangepicker/icons/_bootstrap4.scss +0 -19
  185. package/styles/daterangepicker/icons/_bootstrap5.3.scss +0 -18
  186. package/styles/daterangepicker/icons/_bootstrap5.scss +0 -18
  187. package/styles/daterangepicker/icons/_fabric-dark.scss +0 -16
  188. package/styles/daterangepicker/icons/_fabric.scss +0 -16
  189. package/styles/daterangepicker/icons/_fluent.scss +0 -18
  190. package/styles/daterangepicker/icons/_fluent2.scss +0 -41
  191. package/styles/daterangepicker/icons/_fusionnew.scss +0 -18
  192. package/styles/daterangepicker/icons/_highcontrast-light.scss +0 -16
  193. package/styles/daterangepicker/icons/_highcontrast.scss +0 -16
  194. package/styles/daterangepicker/icons/_material-dark.scss +0 -34
  195. package/styles/daterangepicker/icons/_material.scss +0 -34
  196. package/styles/daterangepicker/icons/_material3.scss +0 -39
  197. package/styles/daterangepicker/icons/_tailwind.scss +0 -18
  198. package/styles/daterangepicker/material-dark.css +781 -565
  199. package/styles/daterangepicker/material-dark.scss +1 -0
  200. package/styles/daterangepicker/material.css +784 -568
  201. package/styles/daterangepicker/material.scss +1 -0
  202. package/styles/daterangepicker/material3-dark.css +802 -572
  203. package/styles/daterangepicker/material3-dark.scss +1 -0
  204. package/styles/daterangepicker/material3.css +802 -572
  205. package/styles/daterangepicker/material3.scss +1 -0
  206. package/styles/daterangepicker/tailwind-dark.css +791 -559
  207. package/styles/daterangepicker/tailwind-dark.scss +1 -0
  208. package/styles/daterangepicker/tailwind.css +791 -559
  209. package/styles/daterangepicker/tailwind.scss +1 -0
  210. package/styles/datetimepicker/_bigger.scss +105 -0
  211. package/styles/datetimepicker/_layout.scss +0 -76
  212. package/styles/datetimepicker/bootstrap-dark.css +42 -42
  213. package/styles/datetimepicker/bootstrap-dark.scss +1 -0
  214. package/styles/datetimepicker/bootstrap.css +42 -42
  215. package/styles/datetimepicker/bootstrap.scss +1 -0
  216. package/styles/datetimepicker/bootstrap4.css +42 -42
  217. package/styles/datetimepicker/bootstrap4.scss +1 -0
  218. package/styles/datetimepicker/bootstrap5-dark.css +42 -42
  219. package/styles/datetimepicker/bootstrap5-dark.scss +1 -0
  220. package/styles/datetimepicker/bootstrap5.3.css +227 -0
  221. package/styles/datetimepicker/bootstrap5.3.scss +9 -0
  222. package/styles/datetimepicker/bootstrap5.css +42 -42
  223. package/styles/datetimepicker/bootstrap5.scss +1 -0
  224. package/styles/datetimepicker/fabric-dark.css +42 -42
  225. package/styles/datetimepicker/fabric-dark.scss +1 -0
  226. package/styles/datetimepicker/fabric.css +42 -42
  227. package/styles/datetimepicker/fabric.scss +1 -0
  228. package/styles/datetimepicker/fluent-dark.css +42 -42
  229. package/styles/datetimepicker/fluent-dark.scss +1 -0
  230. package/styles/datetimepicker/fluent.css +42 -42
  231. package/styles/datetimepicker/fluent.scss +1 -0
  232. package/styles/datetimepicker/fluent2.css +42 -42
  233. package/styles/datetimepicker/fluent2.scss +1 -0
  234. package/styles/datetimepicker/highcontrast-light.css +42 -42
  235. package/styles/datetimepicker/highcontrast-light.scss +1 -0
  236. package/styles/datetimepicker/highcontrast.css +42 -42
  237. package/styles/datetimepicker/highcontrast.scss +1 -0
  238. package/styles/datetimepicker/icons/_material-dark.scss +0 -22
  239. package/styles/datetimepicker/icons/_material.scss +0 -22
  240. package/styles/datetimepicker/material-dark.css +66 -66
  241. package/styles/datetimepicker/material-dark.scss +1 -0
  242. package/styles/datetimepicker/material.css +66 -66
  243. package/styles/datetimepicker/material.scss +1 -0
  244. package/styles/datetimepicker/material3-dark.css +53 -53
  245. package/styles/datetimepicker/material3-dark.scss +1 -0
  246. package/styles/datetimepicker/material3.css +53 -53
  247. package/styles/datetimepicker/material3.scss +1 -0
  248. package/styles/datetimepicker/tailwind-dark.css +42 -42
  249. package/styles/datetimepicker/tailwind-dark.scss +1 -0
  250. package/styles/datetimepicker/tailwind.css +42 -42
  251. package/styles/datetimepicker/tailwind.scss +1 -0
  252. package/styles/fabric-dark-lite.css +2251 -0
  253. package/styles/fabric-dark-lite.scss +19 -0
  254. package/styles/fabric-dark.css +2268 -1742
  255. package/styles/fabric-dark.scss +6 -2
  256. package/styles/fabric-lite.css +2255 -0
  257. package/styles/fabric-lite.scss +19 -0
  258. package/styles/fabric.css +2265 -1737
  259. package/styles/fabric.scss +6 -2
  260. package/styles/fluent-dark-lite.css +2509 -0
  261. package/styles/fluent-dark-lite.scss +19 -0
  262. package/styles/fluent-dark.css +2456 -1853
  263. package/styles/fluent-dark.scss +6 -2
  264. package/styles/fluent-lite.css +2509 -0
  265. package/styles/fluent-lite.scss +19 -0
  266. package/styles/fluent.css +2456 -1853
  267. package/styles/fluent.scss +6 -2
  268. package/styles/fluent2-lite.css +2606 -0
  269. package/styles/fluent2-lite.scss +19 -0
  270. package/styles/fluent2.css +2410 -1781
  271. package/styles/fluent2.scss +6 -2
  272. package/styles/highcontrast-light-lite.css +2259 -0
  273. package/styles/highcontrast-light-lite.scss +19 -0
  274. package/styles/highcontrast-light.css +2264 -1742
  275. package/styles/highcontrast-light.scss +6 -2
  276. package/styles/highcontrast-lite.css +2268 -0
  277. package/styles/highcontrast-lite.scss +19 -0
  278. package/styles/highcontrast.css +2273 -1745
  279. package/styles/highcontrast.scss +6 -2
  280. package/styles/material-dark-lite.css +2345 -0
  281. package/styles/material-dark-lite.scss +19 -0
  282. package/styles/material-dark.css +2371 -1843
  283. package/styles/material-dark.scss +6 -2
  284. package/styles/material-lite.css +2375 -0
  285. package/styles/material-lite.scss +19 -0
  286. package/styles/material.css +2363 -1835
  287. package/styles/material.scss +6 -2
  288. package/styles/material3-dark-lite.css +2400 -0
  289. package/styles/material3-dark-lite.scss +19 -0
  290. package/styles/material3-dark.css +2414 -1867
  291. package/styles/material3-dark.scss +6 -2
  292. package/styles/material3-lite.css +2402 -0
  293. package/styles/material3-lite.scss +19 -0
  294. package/styles/material3.css +2414 -1867
  295. package/styles/material3.scss +6 -2
  296. package/styles/tailwind-dark-lite.css +2327 -0
  297. package/styles/tailwind-dark-lite.scss +19 -0
  298. package/styles/tailwind-dark.css +2362 -1811
  299. package/styles/tailwind-dark.scss +6 -2
  300. package/styles/tailwind-lite.css +2327 -0
  301. package/styles/tailwind-lite.scss +19 -0
  302. package/styles/tailwind.css +2363 -1812
  303. package/styles/tailwind.scss +6 -2
  304. package/styles/timepicker/_bigger.scss +92 -0
  305. package/styles/timepicker/_layout.scss +0 -62
  306. package/styles/timepicker/_theme.scss +2 -4
  307. package/styles/timepicker/bootstrap-dark.css +44 -41
  308. package/styles/timepicker/bootstrap-dark.scss +1 -0
  309. package/styles/timepicker/bootstrap.css +44 -41
  310. package/styles/timepicker/bootstrap.scss +1 -0
  311. package/styles/timepicker/bootstrap4.css +44 -41
  312. package/styles/timepicker/bootstrap4.scss +1 -0
  313. package/styles/timepicker/bootstrap5-dark.css +44 -41
  314. package/styles/timepicker/bootstrap5-dark.scss +1 -0
  315. package/styles/timepicker/bootstrap5.3.css +327 -0
  316. package/styles/timepicker/bootstrap5.3.scss +7 -0
  317. package/styles/timepicker/bootstrap5.css +44 -41
  318. package/styles/timepicker/bootstrap5.scss +1 -0
  319. package/styles/timepicker/fabric-dark.css +44 -41
  320. package/styles/timepicker/fabric-dark.scss +1 -0
  321. package/styles/timepicker/fabric.css +44 -41
  322. package/styles/timepicker/fabric.scss +1 -0
  323. package/styles/timepicker/fluent-dark.css +44 -41
  324. package/styles/timepicker/fluent-dark.scss +1 -0
  325. package/styles/timepicker/fluent.css +44 -41
  326. package/styles/timepicker/fluent.scss +1 -0
  327. package/styles/timepicker/fluent2.css +44 -41
  328. package/styles/timepicker/fluent2.scss +1 -0
  329. package/styles/timepicker/highcontrast-light.css +44 -41
  330. package/styles/timepicker/highcontrast-light.scss +1 -0
  331. package/styles/timepicker/highcontrast.css +44 -41
  332. package/styles/timepicker/highcontrast.scss +1 -0
  333. package/styles/timepicker/icons/_material-dark.scss +0 -15
  334. package/styles/timepicker/icons/_material.scss +0 -15
  335. package/styles/timepicker/material-dark.css +61 -58
  336. package/styles/timepicker/material-dark.scss +1 -0
  337. package/styles/timepicker/material.css +61 -58
  338. package/styles/timepicker/material.scss +1 -0
  339. package/styles/timepicker/material3-dark.css +52 -49
  340. package/styles/timepicker/material3-dark.scss +1 -0
  341. package/styles/timepicker/material3.css +52 -49
  342. package/styles/timepicker/material3.scss +1 -0
  343. package/styles/timepicker/tailwind-dark.css +44 -41
  344. package/styles/timepicker/tailwind-dark.scss +1 -0
  345. package/styles/timepicker/tailwind.css +44 -41
  346. package/styles/timepicker/tailwind.scss +1 -0
@@ -0,0 +1,2509 @@
1
+ /*! calendar bootstrap5 theme variables */
2
+ /*! component icons */
3
+ .e-calendar .e-header .e-date-icon-prev::before {
4
+ content: "\e7df";
5
+ }
6
+ .e-calendar .e-header .e-date-icon-next::before {
7
+ content: "\e7d8";
8
+ }
9
+
10
+ /*! calendar layout */
11
+ ejs-calendar {
12
+ display: block;
13
+ }
14
+
15
+ .e-calendar.e-disabled .e-header .e-prev, .e-calendar.e-disabled .e-header .e-next {
16
+ cursor: default;
17
+ pointer-events: none;
18
+ -ms-touch-action: none;
19
+ touch-action: none;
20
+ }
21
+ .e-calendar.e-disabled .e-header .e-title {
22
+ cursor: default;
23
+ pointer-events: none;
24
+ -ms-touch-action: none;
25
+ touch-action: none;
26
+ }
27
+ .e-calendar.e-disabled .e-content td {
28
+ pointer-events: none;
29
+ -ms-touch-action: none;
30
+ touch-action: none;
31
+ }
32
+ .e-calendar.e-disabled .e-btn.e-today {
33
+ pointer-events: none;
34
+ -ms-touch-action: none;
35
+ touch-action: none;
36
+ }
37
+
38
+ .e-calendar {
39
+ /* stylelint-disable property-no-vendor-prefix */
40
+ -webkit-tap-highlight-color: transparent;
41
+ border-radius: 0;
42
+ display: block;
43
+ overflow: auto;
44
+ -webkit-user-select: none;
45
+ -moz-user-select: none;
46
+ -ms-user-select: none;
47
+ user-select: none;
48
+ }
49
+ .e-calendar.e-rtl .e-header .e-title {
50
+ float: right;
51
+ text-align: right;
52
+ }
53
+ .e-calendar.e-rtl .e-header .e-icon-container {
54
+ float: left;
55
+ }
56
+ .e-calendar .e-header {
57
+ background: none;
58
+ display: table;
59
+ font-weight: 400;
60
+ position: relative;
61
+ text-align: center;
62
+ width: 100%;
63
+ }
64
+ .e-calendar .e-header button {
65
+ background: transparent;
66
+ border: 0;
67
+ margin-right: 2px;
68
+ padding: 0;
69
+ text-decoration: none;
70
+ }
71
+ .e-calendar .e-header span {
72
+ cursor: pointer;
73
+ display: inline-block;
74
+ font-size: 14px;
75
+ font-weight: 400;
76
+ line-height: 1;
77
+ padding: 5px;
78
+ vertical-align: middle;
79
+ }
80
+ .e-calendar .e-header span.e-disabled {
81
+ cursor: default;
82
+ }
83
+ .e-calendar .e-week-header {
84
+ padding: 0 0 6px;
85
+ }
86
+ .e-calendar th {
87
+ cursor: default;
88
+ font-size: 12px;
89
+ font-weight: normal;
90
+ text-align: center;
91
+ }
92
+ .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover {
93
+ border-radius: 0;
94
+ }
95
+ .e-calendar .e-content span.e-day {
96
+ border-radius: 0;
97
+ cursor: pointer;
98
+ display: inline-block;
99
+ font-size: 12px;
100
+ overflow: hidden;
101
+ padding: 0;
102
+ text-align: center;
103
+ text-decoration: none;
104
+ vertical-align: middle;
105
+ }
106
+ .e-calendar .e-content th, .e-calendar .e-content td {
107
+ -webkit-box-sizing: border-box;
108
+ box-sizing: border-box;
109
+ }
110
+ .e-calendar .e-content td.e-disabled {
111
+ opacity: 1;
112
+ pointer-events: none;
113
+ -ms-touch-action: none;
114
+ touch-action: none;
115
+ }
116
+ .e-calendar .e-content td {
117
+ cursor: pointer;
118
+ padding: 0;
119
+ text-align: center;
120
+ }
121
+ .e-calendar .e-content td.e-week-number {
122
+ color: #a19f9d;
123
+ font-size: 14px;
124
+ font-style: 400;
125
+ font-weight: 400;
126
+ background-color: #201f1e;
127
+ border-right: 1px solid #a19f9d;
128
+ }
129
+ .e-calendar .e-content td.e-overlay {
130
+ background: none;
131
+ width: initial;
132
+ }
133
+ .e-calendar .e-content table {
134
+ border-collapse: separate;
135
+ border-spacing: 0;
136
+ border-width: 0;
137
+ float: left;
138
+ margin: 0;
139
+ outline: 0;
140
+ padding: 0 12px 0 12px;
141
+ table-layout: fixed;
142
+ width: 100%;
143
+ }
144
+ .e-calendar .e-content td.e-other-month > span.e-day, .e-calendar .e-content td.e-other-year > span.e-day {
145
+ display: inline-block;
146
+ font-weight: 400;
147
+ }
148
+ .e-calendar .e-content tr.e-month-hide {
149
+ display: none;
150
+ font-weight: 400;
151
+ }
152
+ .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month, .e-calendar .e-content td.e-other-year {
153
+ pointer-events: initial;
154
+ -ms-touch-action: initial;
155
+ touch-action: initial;
156
+ }
157
+ .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month.e-disabled, .e-calendar .e-content td.e-other-year.e-disabled {
158
+ pointer-events: none;
159
+ -ms-touch-action: none;
160
+ touch-action: none;
161
+ }
162
+ .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover {
163
+ background-color: #252423;
164
+ cursor: default;
165
+ background-color: #201f1e;
166
+ }
167
+ .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next {
168
+ border-radius: 0;
169
+ display: inline-block;
170
+ font-size: 14px;
171
+ vertical-align: middle;
172
+ }
173
+ .e-calendar .e-header .e-title {
174
+ cursor: pointer;
175
+ display: inline-block;
176
+ float: left;
177
+ font-size: 14px;
178
+ font-weight: 600;
179
+ text-align: left;
180
+ padding: 0 5px;
181
+ border: none;
182
+ border-radius: 2px;
183
+ }
184
+ .e-calendar .e-header .e-title {
185
+ margin-left: 6px;
186
+ }
187
+ .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover {
188
+ cursor: pointer;
189
+ }
190
+ .e-calendar .e-header .e-prev.e-overlay, .e-calendar .e-header .e-next.e-overlay {
191
+ background: none;
192
+ }
193
+ .e-calendar .e-header.e-decade .e-title, .e-calendar .e-header.e-year .e-title {
194
+ margin-left: 9px;
195
+ }
196
+ .e-calendar .e-header.e-decade .e-title {
197
+ cursor: default;
198
+ }
199
+ .e-calendar .e-header .e-icon-container {
200
+ display: inline-block;
201
+ float: right;
202
+ padding-top: 0;
203
+ }
204
+ .e-calendar .e-footer-container {
205
+ text-transform: uppercase;
206
+ }
207
+
208
+ .e-calendar {
209
+ border-spacing: 0;
210
+ max-width: 222.5px;
211
+ min-width: 222.5px;
212
+ padding: 0;
213
+ }
214
+ .e-calendar.e-calendar-day-header-lg {
215
+ max-width: 100%;
216
+ min-width: 540px;
217
+ }
218
+ .e-calendar.e-week-number {
219
+ min-width: 298px;
220
+ }
221
+ .e-calendar.e-week {
222
+ max-width: 294px;
223
+ min-width: 288px;
224
+ }
225
+ .e-calendar .e-header .e-title {
226
+ line-height: 28px;
227
+ }
228
+ .e-calendar.e-rtl .e-header .e-title {
229
+ text-align: right;
230
+ text-indent: 4px;
231
+ }
232
+ .e-calendar .e-header {
233
+ height: 28px;
234
+ }
235
+ .e-calendar .e-header.e-month {
236
+ padding: 12px 12px 4px 12px;
237
+ }
238
+ .e-calendar .e-header.e-year, .e-calendar .e-header.e-decade {
239
+ padding: 14px 12px 4px 12px;
240
+ }
241
+ .e-calendar th {
242
+ font-weight: 400;
243
+ height: 28px;
244
+ text-transform: none;
245
+ }
246
+ .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover {
247
+ border-radius: 0;
248
+ }
249
+ .e-calendar .e-content span.e-day {
250
+ border: none;
251
+ font-size: 12px;
252
+ font-weight: 400;
253
+ height: 28px;
254
+ line-height: 28px;
255
+ width: 28px;
256
+ }
257
+ .e-calendar .e-content.e-month td.e-today span.e-day {
258
+ line-height: 25px;
259
+ }
260
+ .e-calendar .e-content td.e-today span.e-day {
261
+ height: 25px;
262
+ width: 25px;
263
+ line-height: 25px;
264
+ }
265
+ .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table {
266
+ border-spacing: 0;
267
+ padding: 0 8px 0 8px;
268
+ }
269
+ .e-calendar .e-content.e-month td {
270
+ height: 28px;
271
+ padding: 0;
272
+ }
273
+ .e-calendar .e-content .tfooter > tr > td {
274
+ height: 36px;
275
+ line-height: 36px;
276
+ }
277
+ .e-calendar .e-content.e-year td, .e-calendar .e-content.e-decade td {
278
+ height: 40px;
279
+ padding: 2px;
280
+ }
281
+ .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
282
+ font-weight: 400;
283
+ height: 40px;
284
+ line-height: 40px;
285
+ width: 40px;
286
+ }
287
+ .e-calendar .e-content.e-year td.e-selected:not(.e-focused-date) > span.e-day, .e-calendar .e-content.e-decade td.e-selected:not(.e-focused-date) > span.e-day, .e-calendar .e-content.e-year td.e-selected:not(.e-focused-date):hover > span.e-day, .e-calendar .e-content.e-decade td.e-selected:not(.e-focused-date):hover > span.e-day {
288
+ -webkit-box-shadow: none;
289
+ box-shadow: none;
290
+ }
291
+ .e-calendar .e-header .e-icon-container .e-prev, .e-calendar .e-header .e-icon-container .e-next {
292
+ height: 28px;
293
+ width: 28px;
294
+ }
295
+ .e-calendar .e-footer-container {
296
+ background-color: transparent;
297
+ border-top: 0 solid #292827;
298
+ cursor: default;
299
+ display: -webkit-box;
300
+ display: -ms-flexbox;
301
+ display: flex;
302
+ -webkit-box-orient: horizontal;
303
+ -webkit-box-direction: normal;
304
+ -ms-flex-direction: row;
305
+ flex-direction: row;
306
+ -webkit-box-pack: end;
307
+ -ms-flex-pack: end;
308
+ justify-content: flex-end;
309
+ padding: 8px;
310
+ text-align: center;
311
+ width: 100%;
312
+ }
313
+ .e-small.e-calendar,
314
+ .e-small .e-calendar {
315
+ max-width: 194px;
316
+ min-width: 194px;
317
+ padding: 0;
318
+ min-height: 220px;
319
+ }
320
+ .e-small.e-calendar.e-calendar-day-header-lg,
321
+ .e-small .e-calendar.e-calendar-day-header-lg {
322
+ max-width: 100%;
323
+ min-width: 540px;
324
+ }
325
+ .e-small.e-calendar.e-week-number .e-content table,
326
+ .e-small .e-calendar.e-week-number .e-content table {
327
+ padding: 0 5px;
328
+ }
329
+ .e-small.e-calendar .e-content span.e-day,
330
+ .e-small .e-calendar .e-content span.e-day {
331
+ font-size: 12px;
332
+ height: 24px;
333
+ line-height: 24px;
334
+ width: 24px;
335
+ }
336
+ .e-small.e-calendar .e-content.e-month td.e-today span.e-day,
337
+ .e-small .e-calendar .e-content.e-month td.e-today span.e-day {
338
+ line-height: 21px;
339
+ }
340
+ .e-small.e-calendar .e-content td.e-today span.e-day,
341
+ .e-small .e-calendar .e-content td.e-today span.e-day {
342
+ height: 21px;
343
+ width: 21px;
344
+ line-height: 21px;
345
+ }
346
+ .e-small.e-calendar .e-content.e-month td,
347
+ .e-small .e-calendar .e-content.e-month td {
348
+ height: 24px;
349
+ }
350
+ .e-small.e-calendar .e-header,
351
+ .e-small .e-calendar .e-header {
352
+ height: 28px;
353
+ }
354
+ .e-small.e-calendar .e-header button span,
355
+ .e-small .e-calendar .e-header button span {
356
+ font-size: 12px;
357
+ padding: 0;
358
+ line-height: 14px;
359
+ }
360
+ .e-small.e-calendar .e-header .e-title,
361
+ .e-small .e-calendar .e-header .e-title {
362
+ font-size: 12px;
363
+ line-height: 28px;
364
+ }
365
+ .e-small.e-calendar .e-header .e-icon-container .e-prev, .e-small.e-calendar .e-header .e-icon-container .e-next,
366
+ .e-small .e-calendar .e-header .e-icon-container .e-prev,
367
+ .e-small .e-calendar .e-header .e-icon-container .e-next {
368
+ height: 26px;
369
+ width: 26px;
370
+ }
371
+ .e-small.e-calendar th,
372
+ .e-small .e-calendar th {
373
+ font-size: 12px;
374
+ height: 26px;
375
+ }
376
+ .e-calendar .e-btn.e-today.e-flat.e-disabled, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover, .e-calendar .e-btn.e-today.e-flat.e-disabled:active, .e-calendar .e-btn.e-today.e-flat.e-disabled:focus, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover:active {
377
+ background: #252423;
378
+ border-color: #323130;
379
+ -webkit-box-shadow: none;
380
+ box-shadow: none;
381
+ color: #484644;
382
+ cursor: default;
383
+ opacity: 1;
384
+ outline: none;
385
+ pointer-events: none;
386
+ -ms-touch-action: none;
387
+ touch-action: none;
388
+ }
389
+
390
+ .e-content-placeholder.e-calendar.e-placeholder-calendar {
391
+ background-size: 250px 336px;
392
+ min-height: 336px;
393
+ }
394
+
395
+ .e-calendar {
396
+ background-color: #252423;
397
+ border: 1px solid #292827;
398
+ -webkit-box-shadow: none;
399
+ box-shadow: none;
400
+ }
401
+ .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next {
402
+ color: #a19f9d;
403
+ }
404
+ .e-calendar th {
405
+ border-bottom: 0;
406
+ color: #f3f2f1;
407
+ }
408
+ .e-calendar .e-header {
409
+ border-bottom: 0;
410
+ }
411
+ .e-calendar .e-header a span {
412
+ border: none;
413
+ color: #d2d0ce;
414
+ }
415
+ .e-calendar .e-header .e-title {
416
+ color: #f3f2f1;
417
+ }
418
+ .e-calendar .e-header .e-title:hover {
419
+ background: #252423;
420
+ cursor: pointer;
421
+ text-decoration: none;
422
+ }
423
+ .e-calendar .e-header .e-title:focus {
424
+ -webkit-box-shadow: 0 0 0 1px #a19f9d;
425
+ box-shadow: 0 0 0 1px #a19f9d;
426
+ background: none;
427
+ text-decoration: none;
428
+ }
429
+ .e-calendar .e-header .e-title:active {
430
+ -webkit-box-shadow: none;
431
+ box-shadow: none;
432
+ background: #252423;
433
+ text-decoration: none;
434
+ }
435
+ .e-calendar .e-header .e-prev:hover > span, .e-calendar .e-header .e-next:hover > span {
436
+ border: #252423;
437
+ color: #fff;
438
+ cursor: pointer;
439
+ }
440
+ .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover {
441
+ background: #252423;
442
+ }
443
+ .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus {
444
+ -webkit-box-shadow: 0 0 0 1px #a19f9d;
445
+ box-shadow: 0 0 0 1px #a19f9d;
446
+ }
447
+ .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active {
448
+ background: #8a8886;
449
+ color: #f3f2f1;
450
+ }
451
+ .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span {
452
+ border: none;
453
+ color: #fff;
454
+ }
455
+ .e-calendar .e-header.e-decade .e-title {
456
+ color: #d2d0ce;
457
+ cursor: default;
458
+ }
459
+ .e-calendar .e-header .e-next.e-disabled span, .e-calendar .e-header .e-prev.e-disabled span {
460
+ color: #605e5c;
461
+ font-weight: 400;
462
+ }
463
+ .e-calendar .e-header .e-next.e-disabled, .e-calendar .e-header .e-prev.e-disabled {
464
+ opacity: 1;
465
+ }
466
+
467
+ .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day {
468
+ color: #c8c6c4;
469
+ }
470
+ .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day {
471
+ color: #f3f2f1;
472
+ }
473
+ .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
474
+ color: #605e5c;
475
+ }
476
+ .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
477
+ background-color: #3b3a39;
478
+ }
479
+ .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
480
+ background: none;
481
+ }
482
+ .e-calendar .e-content .e-week-number span {
483
+ color: #a19f9d;
484
+ }
485
+ .e-calendar .e-content td.e-focused-date span.e-day, .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-calendar .e-content td.e-focused-date:focus span.e-day {
486
+ background: #252423;
487
+ border: none;
488
+ border-radius: 0;
489
+ -webkit-box-shadow: none;
490
+ box-shadow: none;
491
+ background: none;
492
+ border-radius: 4px;
493
+ -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
494
+ box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
495
+ }
496
+ .e-calendar .e-content td.e-focused-date:hover span.e-day {
497
+ background-color: #323130;
498
+ border: none;
499
+ border-radius: 0;
500
+ color: #f3f2f1;
501
+ }
502
+ .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day {
503
+ background: #0078d4;
504
+ border: none;
505
+ border-radius: 0;
506
+ -webkit-box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
507
+ box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
508
+ color: #1b1a19;
509
+ border-radius: 50%;
510
+ }
511
+ .e-calendar .e-content td.e-focused-date.e-today span.e-day {
512
+ background: #0078d4;
513
+ border: none;
514
+ -webkit-box-shadow: none;
515
+ box-shadow: none;
516
+ color: #1b1a19;
517
+ }
518
+ .e-calendar .e-content td.e-today:focus span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
519
+ background-color: #3b3a39;
520
+ border: none;
521
+ border-radius: 0;
522
+ color: #1b1a19;
523
+ background-color: #0078d4;
524
+ border-radius: 50%;
525
+ }
526
+ .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
527
+ background-color: #323130;
528
+ border: none;
529
+ color: #1b1a19;
530
+ background-color: #0078d4;
531
+ border-radius: 50%;
532
+ }
533
+ .e-calendar .e-content td.e-today.e-selected span.e-day {
534
+ background-color: #3b3a39;
535
+ border: none;
536
+ -webkit-box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
537
+ box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
538
+ color: #f3f2f1;
539
+ }
540
+ .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
541
+ background: #3b3a39;
542
+ color: #f3f2f1;
543
+ background-color: #0078d4;
544
+ border-radius: 50%;
545
+ color: #1b1a19;
546
+ }
547
+ .e-calendar .e-content span {
548
+ color: #f3f2f1;
549
+ }
550
+ .e-calendar .e-content .e-disabled span.e-day:hover {
551
+ background: none;
552
+ border: 0;
553
+ color: #605e5c;
554
+ }
555
+ .e-calendar .e-content .e-other-month:hover span.e-day {
556
+ color: #a19f9d;
557
+ }
558
+ .e-calendar .e-content .e-other-month span.e-day, .e-calendar .e-content .e-other-month.e-today span.e-day {
559
+ color: #a19f9d;
560
+ }
561
+ .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
562
+ background-color: #323130;
563
+ color: #a19f9d;
564
+ background: #0078d4;
565
+ border: none;
566
+ border-radius: 50%;
567
+ -webkit-box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
568
+ box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
569
+ color: #1b1a19;
570
+ }
571
+ .e-calendar .e-content thead {
572
+ background: none;
573
+ border-bottom: 0;
574
+ }
575
+ .e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day {
576
+ background-color: #323130;
577
+ border: none;
578
+ border-radius: 0;
579
+ color: #f3f2f1;
580
+ }
581
+ .e-calendar .e-content td:focus span.e-day {
582
+ background-color: #3b3a39;
583
+ color: #f3f2f1;
584
+ border: none;
585
+ border-radius: 0;
586
+ border-radius: 50%;
587
+ }
588
+ .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day {
589
+ background: none;
590
+ border: none;
591
+ color: #605e5c;
592
+ }
593
+ .e-calendar .e-content td.e-today.e-disabled.e-overlay span.e-day, .e-calendar .e-content td.e-today.e-disabled.e-overlay:hover span.e-day, .e-calendar .e-content td.e-today.e-disabled.e-overlay:focus span.e-day {
594
+ background-color: #0078d4;
595
+ border-radius: 50%;
596
+ color: #1b1a19;
597
+ }
598
+ .e-calendar .e-content td.e-selected span.e-day {
599
+ background-color: #3b3a39;
600
+ color: #f3f2f1;
601
+ border: none;
602
+ border-radius: 0;
603
+ }
604
+ .e-calendar .e-content td.e-selected:not(.e-focused-date) span.e-day {
605
+ -webkit-box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
606
+ box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
607
+ }
608
+ .e-calendar .e-content .e-footer {
609
+ color: #3b3a39;
610
+ }
611
+ .e-calendar .e-content td.e-today.e-selected.e-focused-date span.e-day, .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-today.e-selected span.e-day {
612
+ background-color: #0078d4;
613
+ border-radius: 50%;
614
+ color: #1b1a19;
615
+ }
616
+ .e-calendar .e-content td.e-today.e-selected.e-focused-date {
617
+ background-color: #3b3a39;
618
+ border-radius: 4px;
619
+ -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
620
+ box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
621
+ }
622
+ .e-calendar .e-content td.e-today.e-selected {
623
+ background-color: #3b3a39;
624
+ border-radius: 0;
625
+ -webkit-box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
626
+ box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
627
+ }
628
+ .e-calendar .e-content td.e-selected:hover span.e-day {
629
+ background-color: #3b3a39;
630
+ border: none;
631
+ border-radius: 0;
632
+ color: #f3f2f1;
633
+ }
634
+ .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
635
+ background-color: #3b3a39;
636
+ border: none;
637
+ border-radius: 4px;
638
+ color: #f3f2f1;
639
+ }
640
+ .e-calendar .e-content.e-month td.e-today span.e-day {
641
+ color: #1b1a19;
642
+ }
643
+ .e-calendar .e-content.e-month td.e-disabled.e-today span.e-day {
644
+ color: #484644;
645
+ }
646
+ .e-calendar .e-content.e-year td.e-selected > span.e-day, .e-calendar .e-content.e-decade td.e-selected > span.e-day, .e-calendar .e-content.e-year td.e-selected:hover > span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover > span.e-day {
647
+ background-color: #005a9e;
648
+ color: #f3f2f1;
649
+ }
650
+ .e-calendar .e-content.e-year td.e-focused-date > span.e-day, .e-calendar .e-content.e-decade td.e-focused-date > span.e-day {
651
+ background: none;
652
+ border-radius: 0;
653
+ -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
654
+ box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
655
+ }
656
+ .e-calendar .e-content td.e-focused-date.e-today {
657
+ border-radius: 4px;
658
+ -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
659
+ box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
660
+ }
661
+ .e-calendar .e-content td.e-focused-date:hover span.e-day {
662
+ border-radius: 4px;
663
+ }
664
+ .e-calendar .e-content.e-year td.e-focused-date:hover > span.e-day, .e-calendar .e-content.e-decade td.e-focused-date:hover > span.e-day {
665
+ background: #323130;
666
+ border-radius: 0;
667
+ -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
668
+ box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
669
+ }
670
+
671
+ .e-calendar.e-device .e-prev:hover, .e-calendar.e-device .e-next:hover, .e-calendar.e-device .e-prev:active, .e-calendar.e-device .e-next:active, .e-calendar.e-device .e-prev:focus, .e-calendar.e-device .e-next:focus {
672
+ background: none;
673
+ }
674
+ .e-calendar.e-device button.e-prev:active span, .e-calendar.e-device button.e-next:active span {
675
+ color: #a19f9d;
676
+ }
677
+ .e-small.e-calendar .e-header .e-title,
678
+ .e-small .e-calendar .e-header .e-title {
679
+ color: #f3f2f1;
680
+ }
681
+
682
+ .e-calendar .e-zoomin {
683
+ -webkit-animation: animatezoom 0.3s;
684
+ animation: animatezoom 0.3s;
685
+ }
686
+
687
+ @-webkit-keyframes animatezoom {
688
+ from {
689
+ -webkit-transform: scale(0);
690
+ transform: scale(0);
691
+ }
692
+ to {
693
+ -webkit-transform: scale(1);
694
+ transform: scale(1);
695
+ }
696
+ }
697
+
698
+ @keyframes animatezoom {
699
+ from {
700
+ -webkit-transform: scale(0);
701
+ transform: scale(0);
702
+ }
703
+ to {
704
+ -webkit-transform: scale(1);
705
+ transform: scale(1);
706
+ }
707
+ }
708
+ .e-calendar .e-btn.e-today.e-flat.e-primary,
709
+ .e-calendar .e-css.e-btn.e-today.e-flat.e-primary {
710
+ background-color: transparent;
711
+ border: 0;
712
+ border-color: transparent;
713
+ color: #f3f2f1;
714
+ }
715
+
716
+ .e-calendar .e-btn.e-today.e-flat.e-primary:hover,
717
+ .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:hover {
718
+ background-color: transparent;
719
+ border-color: transparent;
720
+ color: #0078d4;
721
+ }
722
+
723
+ .e-calendar .e-btn.e-today.e-flat.e-primary:active,
724
+ .e-calendar .e-btn.e-today.e-flat.e-primary.e-active,
725
+ .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:active,
726
+ .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-active {
727
+ background-color: transparent;
728
+ border-color: #0060aa;
729
+ color: #0078d4;
730
+ border: none;
731
+ outline: none;
732
+ }
733
+
734
+ .e-calendar .e-btn.e-today.e-flat.e-primary:focus,
735
+ .e-calendar .e-btn.e-today.e-flat.e-primary.e-focus,
736
+ .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:focus,
737
+ .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-focus {
738
+ background-color: transparent;
739
+ border: none;
740
+ border-color: #0060aa;
741
+ color: #0078d4;
742
+ outline: none;
743
+ }
744
+
745
+ .e-calendar .e-btn.e-today.e-flat.e-primary.e-disabled,
746
+ .e-calendar .e-btn.e-today.e-flat.e-primary.e-disabled,
747
+ .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-disabled,
748
+ .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-disabled {
749
+ color: #484644;
750
+ }
751
+
752
+ .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
753
+ -webkit-box-shadow: 0 0 0 1px #a19f9d;
754
+ box-shadow: 0 0 0 1px #a19f9d;
755
+ border-radius: 0;
756
+ }
757
+
758
+ /* stylelint-disable property-no-vendor-prefix */
759
+ /* stylelint-disable-line no-empty-source */
760
+ /*! component icons */
761
+ .e-time-wrapper .e-time-icon.e-icons::before,
762
+ *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
763
+ content: "\e705";
764
+ }
765
+
766
+ .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header .e-popup-close::before,
767
+ .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close::before {
768
+ content: "\e7e7";
769
+ font-family: "e-icons";
770
+ }
771
+
772
+ .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
773
+ .e-float-input.e-control-wrapper.e-input-group.e-time-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
774
+ display: -webkit-box;
775
+ display: -ms-flexbox;
776
+ display: flex;
777
+ }
778
+
779
+ .e-time-wrapper,
780
+ *.e-control-wrapper.e-time-wrapper {
781
+ /* stylelint-disable property-no-vendor-prefix */
782
+ -webkit-tap-highlight-color: transparent;
783
+ }
784
+ .e-time-wrapper .e-time-icon.e-icons,
785
+ *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
786
+ font-size: 16px;
787
+ }
788
+ .e-time-wrapper .e-time-icon.e-icons.e-disabled,
789
+ *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
790
+ pointer-events: none;
791
+ }
792
+ .e-time-wrapper span,
793
+ *.e-control-wrapper.e-time-wrapper span {
794
+ cursor: pointer;
795
+ }
796
+
797
+ .e-timepicker.e-time-modal {
798
+ background-color: rgba(0, 0, 0, 0.4);
799
+ height: 100%;
800
+ left: 0;
801
+ opacity: 0.5;
802
+ pointer-events: auto;
803
+ position: fixed;
804
+ top: 0;
805
+ width: 100%;
806
+ z-index: 999;
807
+ }
808
+
809
+ .e-timepicker.e-popup {
810
+ border-style: solid;
811
+ border-width: 1px;
812
+ overflow: auto;
813
+ }
814
+ .e-timepicker.e-popup .e-content {
815
+ position: relative;
816
+ }
817
+ .e-timepicker.e-popup .e-list-parent.e-ul {
818
+ margin: 0;
819
+ padding: 0 0;
820
+ }
821
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
822
+ cursor: default;
823
+ font-size: 14px;
824
+ overflow: hidden;
825
+ position: relative;
826
+ text-overflow: ellipsis;
827
+ vertical-align: middle;
828
+ white-space: nowrap;
829
+ width: 100%;
830
+ }
831
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
832
+ cursor: pointer;
833
+ }
834
+
835
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
836
+ line-height: 36px;
837
+ text-indent: 12px;
838
+ }
839
+
840
+ .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
841
+ *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
842
+ font-size: 12px;
843
+ line-height: 26px;
844
+ text-indent: 8px;
845
+ }
846
+
847
+ .e-small .e-time-wrapper .e-time-icon.e-icons,
848
+ *.e-small.e-time-wrapper .e-time-icon.e-icons,
849
+ *.e-small .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
850
+ *.e-control-wrapper.e-small.e-time-wrapper .e-time-icon.e-icons {
851
+ font-size: 14px;
852
+ }
853
+
854
+ .e-content-placeholder.e-timepicker.e-placeholder-timepicker {
855
+ background-size: 250px 33px;
856
+ min-height: 33px;
857
+ }
858
+
859
+ /* stylelint-disable */
860
+ .e-time-overflow {
861
+ overflow: hidden;
862
+ }
863
+
864
+ .e-timepicker-mob-popup-wrap {
865
+ -webkit-box-align: center;
866
+ -ms-flex-align: center;
867
+ align-items: center;
868
+ display: -webkit-box;
869
+ display: -ms-flexbox;
870
+ display: flex;
871
+ -webkit-box-orient: vertical;
872
+ -webkit-box-direction: normal;
873
+ -ms-flex-direction: column;
874
+ flex-direction: column;
875
+ height: 100%;
876
+ -webkit-box-pack: center;
877
+ -ms-flex-pack: center;
878
+ justify-content: center;
879
+ left: 0;
880
+ max-height: 100%;
881
+ position: fixed;
882
+ top: 0;
883
+ width: 100%;
884
+ z-index: 1002;
885
+ }
886
+ .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
887
+ left: 0 !important;
888
+ position: relative;
889
+ top: 0 !important;
890
+ }
891
+
892
+ .e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
893
+ .e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
894
+ .e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
895
+ .e-datetimepicker.e-popup-expand.e-popup {
896
+ border-radius: 0;
897
+ }
898
+
899
+ .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header,
900
+ .e-datetimepicker.e-popup-expand .e-model-header {
901
+ height: 10%;
902
+ padding: 2.5vh 2.5vw 2.5vh 1.5vw;
903
+ display: -webkit-box;
904
+ display: -ms-flexbox;
905
+ display: flex;
906
+ -webkit-box-align: center;
907
+ -ms-flex-align: center;
908
+ align-items: center;
909
+ font-size: 2vh;
910
+ border-bottom: none;
911
+ }
912
+ .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-popup-close,
913
+ .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
914
+ float: left;
915
+ padding: 1vh 2vw;
916
+ }
917
+ .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-model-title,
918
+ .e-datetimepicker.e-popup-expand .e-model-header .e-model-title {
919
+ padding: 1vh 2vw;
920
+ text-transform: capitalize;
921
+ font-weight: 500;
922
+ }
923
+ .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-btn.e-popup-close,
924
+ .e-datetimepicker.e-popup-expand .e-model-header .e-btn.e-popup-close {
925
+ font-size: 2vh;
926
+ }
927
+ .e-timepicker-mob-popup-wrap .e-popup-expand .e-content,
928
+ .e-datetimepicker.e-popup-expand .e-content {
929
+ height: 90%;
930
+ overflow: auto;
931
+ }
932
+ .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
933
+ .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
934
+ padding: 1vh 0;
935
+ line-height: 5vh;
936
+ }
937
+ @media (max-device-width: 768px) {
938
+ .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
939
+ .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
940
+ font-size: 14px;
941
+ }
942
+ }
943
+ @media (min-device-width: 768px) {
944
+ .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
945
+ .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
946
+ font-size: 24px;
947
+ }
948
+ }
949
+
950
+ @media screen and (orientation: landscape) {
951
+ .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header,
952
+ .e-datetimepicker.e-popup-expand .e-model-header {
953
+ height: 15%;
954
+ font-size: 2vw;
955
+ }
956
+ .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-popup-close,
957
+ .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
958
+ padding: 1vh 1vw;
959
+ }
960
+ .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-model-title,
961
+ .e-datetimepicker.e-popup-expand .e-model-header .e-model-title {
962
+ padding: 1vh 1vw;
963
+ }
964
+ .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-btn.e-popup-close,
965
+ .e-datetimepicker.e-popup-expand .e-model-header .e-btn.e-popup-close {
966
+ font-size: 2vw;
967
+ }
968
+ .e-timepicker-mob-popup-wrap .e-popup-expand .e-content,
969
+ .e-datetimepicker.e-popup-expand .e-content {
970
+ height: 85%;
971
+ }
972
+ .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
973
+ .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
974
+ padding: 1vh 0;
975
+ line-height: 10vh;
976
+ }
977
+ }
978
+ /* stylelint-enable */
979
+ .e-time-wrapper .e-input-group-icon.e-icons.e-active {
980
+ color: #f3f2f1;
981
+ }
982
+ .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
983
+ color: #f3f2f1;
984
+ }
985
+
986
+ .e-timepicker.e-popup {
987
+ background-color: #252423;
988
+ border: 0 solid #292827;
989
+ border-radius: 6px;
990
+ -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
991
+ box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
992
+ }
993
+ .e-timepicker.e-popup .e-list-parent.e-ul {
994
+ background-color: #252423;
995
+ }
996
+ .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
997
+ border: none;
998
+ color: #f3f2f1;
999
+ }
1000
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
1001
+ color: #605e5c;
1002
+ opacity: 1;
1003
+ pointer-events: none;
1004
+ -ms-touch-action: none;
1005
+ touch-action: none;
1006
+ }
1007
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
1008
+ background-color: #323130;
1009
+ border: none;
1010
+ color: #f3f2f1;
1011
+ }
1012
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
1013
+ background-color: #3b3a39;
1014
+ color: #f3f2f1;
1015
+ }
1016
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
1017
+ background-color: #323130;
1018
+ color: #f3f2f1;
1019
+ }
1020
+
1021
+ .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1022
+ *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1023
+ color: #f3f2f1;
1024
+ }
1025
+
1026
+ .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header,
1027
+ .e-datetimepicker.e-popup-expand .e-model-header {
1028
+ background-color: #8a8886;
1029
+ color: #1b1a19;
1030
+ }
1031
+ .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header .e-popup-close,
1032
+ .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
1033
+ color: #1b1a19;
1034
+ font-weight: 500;
1035
+ }
1036
+
1037
+ /*! component icons */
1038
+ .e-input-group-icon.e-date-icon,
1039
+ *.e-control-wrapper .e-input-group-icon.e-date-icon {
1040
+ font-size: 16px;
1041
+ margin: 0;
1042
+ min-height: 18px;
1043
+ min-width: 30px;
1044
+ outline: none;
1045
+ }
1046
+ .e-input-group-icon.e-date-icon::before,
1047
+ *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
1048
+ content: "\e75e";
1049
+ font-family: "e-icons";
1050
+ }
1051
+ .e-input-group-icon.e-date-icon:focus,
1052
+ *.e-control-wrapper .e-input-group-icon.e-date-icon:focus {
1053
+ background: #f3f2f1;
1054
+ border-radius: 50%;
1055
+ }
1056
+
1057
+ .e-small .e-input-group-icon.e-date-icon,
1058
+ *.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
1059
+ *.e-small .e-control-wrapper .e-input-group-icon.e-date-icon {
1060
+ font-size: 16px;
1061
+ }
1062
+
1063
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
1064
+ content: "\e7e7";
1065
+ font-family: "e-icons";
1066
+ }
1067
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header .e-date-icon-next::before {
1068
+ content: "\e7d8";
1069
+ }
1070
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header .e-date-icon-prev::before {
1071
+ content: "\e7df";
1072
+ }
1073
+
1074
+ .e-input-group.e-control-wrapper.e-date-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
1075
+ .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
1076
+ display: -webkit-box;
1077
+ display: -ms-flexbox;
1078
+ display: flex;
1079
+ }
1080
+
1081
+ .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
1082
+ display: none;
1083
+ }
1084
+ .e-datepicker.e-popup-wrapper {
1085
+ border-radius: 6px;
1086
+ overflow-y: hidden;
1087
+ pointer-events: auto;
1088
+ }
1089
+ .e-datepicker.e-date-modal {
1090
+ background-color: rgba(0, 0, 0, 0.4);
1091
+ height: 100%;
1092
+ left: 0;
1093
+ opacity: 0.5;
1094
+ pointer-events: auto;
1095
+ position: fixed;
1096
+ top: 0;
1097
+ width: 100%;
1098
+ z-index: 999;
1099
+ }
1100
+ .e-datepicker .e-model-header {
1101
+ background-color: #8a8886;
1102
+ color: #1b1a19;
1103
+ cursor: default;
1104
+ display: block;
1105
+ padding: 10px 10px 10px 15px;
1106
+ }
1107
+ .e-datepicker .e-model-header .e-model-year {
1108
+ font-size: 14px;
1109
+ font-weight: 600;
1110
+ line-height: 22px;
1111
+ margin: 0;
1112
+ }
1113
+ .e-datepicker .e-model-month, .e-datepicker .e-model-day {
1114
+ font-size: 18px;
1115
+ font-weight: 600;
1116
+ line-height: 28px;
1117
+ margin: 0;
1118
+ }
1119
+
1120
+ /* stylelint-disable */
1121
+ .e-date-overflow {
1122
+ overflow: hidden !important;
1123
+ }
1124
+
1125
+ .e-datepick-mob-popup-wrap {
1126
+ -webkit-box-align: center;
1127
+ -ms-flex-align: center;
1128
+ align-items: center;
1129
+ display: -webkit-box;
1130
+ display: -ms-flexbox;
1131
+ display: flex;
1132
+ -webkit-box-orient: vertical;
1133
+ -webkit-box-direction: normal;
1134
+ -ms-flex-direction: column;
1135
+ flex-direction: column;
1136
+ height: 100%;
1137
+ -webkit-box-pack: center;
1138
+ -ms-flex-pack: center;
1139
+ justify-content: center;
1140
+ left: 0;
1141
+ max-height: 100%;
1142
+ position: fixed;
1143
+ top: 0;
1144
+ width: 100%;
1145
+ z-index: 1002;
1146
+ }
1147
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open {
1148
+ position: relative;
1149
+ top: 0 !important;
1150
+ left: 0 !important;
1151
+ }
1152
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
1153
+ min-width: 100%;
1154
+ min-height: 100%;
1155
+ }
1156
+
1157
+ .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1158
+ background-size: 250px 33px;
1159
+ min-height: 33px;
1160
+ }
1161
+
1162
+ @media screen and (orientation: landscape) {
1163
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content.e-month td.e-today span.e-day {
1164
+ line-height: 64px;
1165
+ }
1166
+ }
1167
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand {
1168
+ border-radius: 0;
1169
+ }
1170
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device {
1171
+ height: 15vh;
1172
+ }
1173
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close {
1174
+ float: right;
1175
+ }
1176
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device {
1177
+ height: 15vh;
1178
+ }
1179
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close {
1180
+ float: right;
1181
+ }
1182
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1183
+ height: 20vh;
1184
+ padding: 2vh 6vw;
1185
+ }
1186
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-day-wrapper {
1187
+ margin: 12vh 0 0 0;
1188
+ }
1189
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1190
+ color: inherit;
1191
+ float: left;
1192
+ font-size: 18px;
1193
+ }
1194
+ @media (min-device-width: 768px) {
1195
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1196
+ font-size: 24px;
1197
+ }
1198
+ }
1199
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-btn.e-flat.e-popup-close {
1200
+ background: transparent;
1201
+ border-color: transparent;
1202
+ -webkit-box-shadow: none;
1203
+ box-shadow: none;
1204
+ font-weight: 400;
1205
+ padding: 0;
1206
+ }
1207
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-today.e-flat.e-primary {
1208
+ color: #1b1a19;
1209
+ float: right;
1210
+ }
1211
+ @media (min-device-width: 768px) {
1212
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-today.e-flat.e-primary {
1213
+ font-size: 24px;
1214
+ }
1215
+ }
1216
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-day {
1217
+ font-size: 5vw;
1218
+ line-height: 6vw;
1219
+ }
1220
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1221
+ min-width: 100%;
1222
+ min-height: 100%;
1223
+ height: 100%;
1224
+ }
1225
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade {
1226
+ height: 10vh;
1227
+ border-style: solid;
1228
+ border-width: 1px 0;
1229
+ border-color: #292827;
1230
+ padding: 2vh 2vw;
1231
+ line-height: 5vh;
1232
+ }
1233
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
1234
+ position: inherit;
1235
+ line-height: inherit;
1236
+ margin-left: 5vw;
1237
+ text-align: left;
1238
+ vertical-align: middle;
1239
+ width: 60vw;
1240
+ }
1241
+ @media (min-device-width: 768px) {
1242
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
1243
+ font-size: 24px;
1244
+ }
1245
+ }
1246
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev {
1247
+ margin-right: 16px;
1248
+ vertical-align: inherit;
1249
+ height: 35px;
1250
+ width: 35px;
1251
+ }
1252
+ @media (min-device-width: 768px) {
1253
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev {
1254
+ height: 55px;
1255
+ width: 55px;
1256
+ }
1257
+ }
1258
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev .e-icons {
1259
+ vertical-align: inherit;
1260
+ }
1261
+ @media (min-device-width: 768px) {
1262
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev .e-icons {
1263
+ font-size: 24px;
1264
+ }
1265
+ }
1266
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next {
1267
+ margin-right: 0;
1268
+ vertical-align: inherit;
1269
+ height: 35px;
1270
+ width: 35px;
1271
+ }
1272
+ @media (min-device-width: 768px) {
1273
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next {
1274
+ height: 55px;
1275
+ width: 55px;
1276
+ }
1277
+ }
1278
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next .e-icons {
1279
+ vertical-align: inherit;
1280
+ }
1281
+ @media (min-device-width: 768px) {
1282
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next .e-icons {
1283
+ font-size: 24px;
1284
+ }
1285
+ }
1286
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-icon-container, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-icon-container, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-icon-container {
1287
+ float: right;
1288
+ }
1289
+ @media (min-device-width: 768px) {
1290
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar th {
1291
+ font-size: 24px;
1292
+ height: 48px;
1293
+ }
1294
+ }
1295
+ @media (min-device-width: 768px) {
1296
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content span.e-day {
1297
+ font-size: 24px;
1298
+ height: 64px;
1299
+ width: 64px;
1300
+ line-height: 64px;
1301
+ }
1302
+ }
1303
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1304
+ height: 79vh;
1305
+ }
1306
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
1307
+ display: none;
1308
+ }
1309
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1310
+ height: 69vh;
1311
+ }
1312
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
1313
+ height: 69vh;
1314
+ }
1315
+
1316
+ @media screen and (orientation: landscape) {
1317
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device {
1318
+ height: 25vh;
1319
+ }
1320
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close {
1321
+ float: right;
1322
+ }
1323
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade {
1324
+ overflow-y: auto;
1325
+ }
1326
+ }
1327
+ @media screen and (orientation: landscape) and (max-height: 600px) {
1328
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade {
1329
+ height: 50vh;
1330
+ }
1331
+ }
1332
+ @media screen and (orientation: landscape) and (min-height: 600px) {
1333
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade {
1334
+ height: 60vh;
1335
+ }
1336
+ }
1337
+ @media screen and (orientation: landscape) and (min-height: 600px) {
1338
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade table {
1339
+ height: 60vh;
1340
+ }
1341
+ }
1342
+ @media screen and (orientation: landscape) and (min-height: 600px) {
1343
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-footer-container {
1344
+ padding: 10px 0;
1345
+ height: 10%;
1346
+ font-size: 24px;
1347
+ }
1348
+ }
1349
+ @media screen and (orientation: landscape) {
1350
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1351
+ width: 100%;
1352
+ }
1353
+ }
1354
+ @media screen and (orientation: landscape) and (max-height: 600px) {
1355
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1356
+ height: 30vh;
1357
+ }
1358
+ }
1359
+ @media screen and (orientation: landscape) and (min-height: 600px) {
1360
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1361
+ height: 25vh;
1362
+ }
1363
+ }
1364
+ @media screen and (orientation: landscape) {
1365
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1366
+ float: left;
1367
+ }
1368
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-day-wrapper {
1369
+ margin: 12vh 0 0 0;
1370
+ }
1371
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-day {
1372
+ font-size: 4vw;
1373
+ }
1374
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev {
1375
+ margin-right: 16px;
1376
+ }
1377
+ }
1378
+ @media screen and (orientation: landscape) and (max-height: 600px) {
1379
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
1380
+ line-height: 12vh;
1381
+ }
1382
+ }
1383
+ @media screen and (orientation: landscape) and (min-height: 600px) {
1384
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
1385
+ line-height: inherit;
1386
+ }
1387
+ }
1388
+ @media screen and (orientation: landscape) {
1389
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade {
1390
+ overflow-y: auto;
1391
+ }
1392
+ }
1393
+ @media screen and (orientation: landscape) and (max-height: 600px) {
1394
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade {
1395
+ height: 60vh;
1396
+ }
1397
+ }
1398
+ @media screen and (orientation: landscape) and (min-height: 600px) {
1399
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade {
1400
+ height: 65vh;
1401
+ }
1402
+ }
1403
+ @media screen and (orientation: landscape) {
1404
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1405
+ display: block;
1406
+ max-width: 100%;
1407
+ overflow: visible;
1408
+ }
1409
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1410
+ height: 70%;
1411
+ width: 100%;
1412
+ }
1413
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
1414
+ display: table-row-group;
1415
+ }
1416
+ }
1417
+ @media screen and (orientation: landscape) and (max-height: 600px) {
1418
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year table {
1419
+ height: 69vh;
1420
+ }
1421
+ }
1422
+ @media screen and (orientation: landscape) and (min-height: 600px) {
1423
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year table {
1424
+ height: 65vh;
1425
+ }
1426
+ }
1427
+ /* stylelint-enable */
1428
+ .e-datepicker.e-popup-wrapper,
1429
+ .e-small.e-datepicker.e-popup-wrapper {
1430
+ border: 0 solid #292827;
1431
+ -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
1432
+ box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
1433
+ }
1434
+ .e-datepicker .e-calendar,
1435
+ .e-small.e-datepicker .e-calendar {
1436
+ background-color: #252423;
1437
+ border: none;
1438
+ }
1439
+
1440
+ *.e-input-group.e-date-wrapper.e-dateinput-active:active:not(.e-success):not(.e-warning):not(.e-error) {
1441
+ border: none;
1442
+ }
1443
+
1444
+ .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
1445
+ color: #a19f9d;
1446
+ }
1447
+ .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
1448
+ color: #a19f9d;
1449
+ }
1450
+
1451
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
1452
+ width: 65%;
1453
+ }
1454
+
1455
+ .e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
1456
+ width: 61%;
1457
+ }
1458
+
1459
+ /*! component icons */
1460
+ .e-input-group-icon.e-range-icon,
1461
+ *.e-control-wrapper .e-input-group-icon.e-range-icon {
1462
+ border-bottom-right-radius: 0;
1463
+ border-right: 0;
1464
+ border-top-right-radius: 0;
1465
+ font-size: 16px;
1466
+ margin: 0;
1467
+ min-height: 18px;
1468
+ min-width: 30px;
1469
+ outline: none;
1470
+ }
1471
+ .e-input-group-icon.e-range-icon::before,
1472
+ *.e-control-wrapper .e-input-group-icon.e-range-icon::before {
1473
+ content: "\e7da";
1474
+ font-family: "e-icons";
1475
+ }
1476
+ .e-input-group-icon.e-range-icon:focus,
1477
+ *.e-control-wrapper .e-input-group-icon.e-range-icon:focus {
1478
+ background: #252423;
1479
+ border-radius: 50%;
1480
+ }
1481
+
1482
+ .e-daterangepicker .e-calendar .e-header .e-date-icon-next::before {
1483
+ content: "\e7d8";
1484
+ }
1485
+ .e-daterangepicker .e-calendar .e-header .e-date-icon-prev::before {
1486
+ content: "\e7df";
1487
+ }
1488
+ .e-daterangepicker .e-change-icon::before {
1489
+ content: "\e7f9";
1490
+ }
1491
+ .e-daterangepicker .e-calendar.e-rtl .e-header .e-date-icon-next::before {
1492
+ content: "\e7d8";
1493
+ }
1494
+ .e-daterangepicker .e-calendar.e-rtl .e-header .e-date-icon-prev::before {
1495
+ content: "\e7df";
1496
+ }
1497
+ .e-daterangepicker.e-rtl .e-start-end .e-change-icon::before {
1498
+ content: "\e773";
1499
+ }
1500
+
1501
+ .e-small .e-input-group-icon.e-range-icon,
1502
+ *.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
1503
+ *.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
1504
+ font-size: 14px;
1505
+ }
1506
+
1507
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup-expand .e-range-header .e-popup-close::before, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup-expand .e-model-header .e-popup-close::before {
1508
+ content: "\e7e7";
1509
+ font-family: "e-icons";
1510
+ }
1511
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup-expand .e-range-header .e-apply::before, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup-expand .e-model-header .e-apply::before {
1512
+ content: "\e774";
1513
+ font-family: "e-icons";
1514
+ }
1515
+
1516
+ .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
1517
+ .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
1518
+ display: -webkit-box;
1519
+ display: -ms-flexbox;
1520
+ display: flex;
1521
+ }
1522
+
1523
+ .e-float-input.e-input-group.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden,
1524
+ .e-input-group.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden,
1525
+ .e-float-input.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden,
1526
+ .e-float-input.e-input-group.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden,
1527
+ .e-input-group.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden,
1528
+ .e-float-input.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden {
1529
+ border: 0;
1530
+ height: 0;
1531
+ margin: 0;
1532
+ padding: 0;
1533
+ text-indent: 0;
1534
+ visibility: hidden;
1535
+ width: 0;
1536
+ }
1537
+
1538
+ .e-daterangepicker.e-popup {
1539
+ border: 1px solid #292827;
1540
+ border-radius: 0;
1541
+ -webkit-box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
1542
+ box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
1543
+ max-height: 500px;
1544
+ max-width: 730px;
1545
+ }
1546
+ .e-daterangepicker.e-popup.e-daterange-day-header-lg {
1547
+ max-width: 100%;
1548
+ }
1549
+ .e-daterangepicker.e-popup.e-preset-wrapper {
1550
+ min-width: 588px;
1551
+ }
1552
+ .e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
1553
+ max-height: none;
1554
+ }
1555
+ .e-daterangepicker.e-popup .e-range-header {
1556
+ background: #252423;
1557
+ padding: 12px 0;
1558
+ width: auto;
1559
+ }
1560
+ .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-daterangepicker.e-popup .e-range-header .e-end-label {
1561
+ cursor: default;
1562
+ display: inline-block;
1563
+ font-size: 14px;
1564
+ overflow: hidden;
1565
+ text-align: center;
1566
+ text-decoration: none;
1567
+ text-overflow: ellipsis;
1568
+ -webkit-user-select: none;
1569
+ -moz-user-select: none;
1570
+ -ms-user-select: none;
1571
+ user-select: none;
1572
+ white-space: nowrap;
1573
+ width: 48%;
1574
+ }
1575
+ .e-daterangepicker.e-popup .e-range-header .e-change-icon {
1576
+ font-size: 16px;
1577
+ font-weight: 600;
1578
+ text-align: center;
1579
+ width: 4%;
1580
+ }
1581
+ .e-daterangepicker.e-popup .e-range-header .e-day-span {
1582
+ direction: ltr;
1583
+ font-size: 10px;
1584
+ height: 18px;
1585
+ margin: 0;
1586
+ text-align: center;
1587
+ -webkit-user-select: none;
1588
+ -moz-user-select: none;
1589
+ -ms-user-select: none;
1590
+ user-select: none;
1591
+ width: 100%;
1592
+ }
1593
+ .e-daterangepicker.e-popup .e-range-header .e-start-end {
1594
+ -webkit-box-align: center;
1595
+ -ms-flex-align: center;
1596
+ align-items: center;
1597
+ display: -webkit-box;
1598
+ display: -ms-flexbox;
1599
+ display: flex;
1600
+ height: 28px;
1601
+ }
1602
+ .e-daterangepicker.e-popup .e-calendar {
1603
+ border: none;
1604
+ margin: 0;
1605
+ }
1606
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
1607
+ cursor: pointer;
1608
+ line-height: 28px;
1609
+ }
1610
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
1611
+ height: 28px;
1612
+ width: 28px;
1613
+ }
1614
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-next span, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span {
1615
+ padding: 0;
1616
+ }
1617
+ .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover {
1618
+ border-radius: 0;
1619
+ }
1620
+ .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover {
1621
+ border-radius: 0;
1622
+ }
1623
+ .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected {
1624
+ border-radius: 0;
1625
+ }
1626
+ .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected {
1627
+ border-radius: 0;
1628
+ }
1629
+ .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
1630
+ border: none;
1631
+ }
1632
+ .e-daterangepicker.e-popup .e-footer {
1633
+ -webkit-box-align: center;
1634
+ -ms-flex-align: center;
1635
+ align-items: center;
1636
+ clear: both;
1637
+ display: -webkit-box;
1638
+ display: -ms-flexbox;
1639
+ display: flex;
1640
+ -webkit-box-orient: horizontal;
1641
+ -webkit-box-direction: reverse;
1642
+ -ms-flex-direction: row-reverse;
1643
+ flex-direction: row-reverse;
1644
+ height: 78px;
1645
+ }
1646
+ .e-daterangepicker.e-popup .e-footer .e-btn {
1647
+ font-weight: 600;
1648
+ height: 30px;
1649
+ line-height: 24px;
1650
+ overflow: hidden;
1651
+ padding: 0 16px;
1652
+ text-overflow: ellipsis;
1653
+ }
1654
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
1655
+ margin: 0 8px 0 8px;
1656
+ }
1657
+ .e-daterangepicker.e-popup .e-date-range-container {
1658
+ float: left;
1659
+ }
1660
+ .e-daterangepicker.e-popup .e-date-range-container.e-range-border {
1661
+ border-right: 1px solid #292827;
1662
+ }
1663
+ .e-daterangepicker.e-popup .e-calendar-container {
1664
+ display: -webkit-box;
1665
+ display: -ms-flexbox;
1666
+ display: flex;
1667
+ }
1668
+ .e-daterangepicker.e-popup .e-calendar-container .e-left-container, .e-daterangepicker.e-popup .e-calendar-container .e-right-container {
1669
+ float: left;
1670
+ }
1671
+ .e-daterangepicker.e-popup .e-presets {
1672
+ max-height: 192px;
1673
+ overflow: auto;
1674
+ width: auto;
1675
+ }
1676
+ .e-daterangepicker.e-popup .e-presets .e-list-item {
1677
+ border-radius: 0;
1678
+ cursor: pointer;
1679
+ line-height: 48px;
1680
+ overflow: hidden;
1681
+ padding: 0 24px;
1682
+ white-space: nowrap;
1683
+ text-overflow: ellipsis;
1684
+ }
1685
+ .e-daterangepicker.e-popup .e-presets .e-list-parent {
1686
+ margin: 0;
1687
+ max-width: 160px;
1688
+ padding: 0;
1689
+ }
1690
+ .e-daterangepicker.e-popup .e-presets .e-text-content {
1691
+ line-height: 47px;
1692
+ }
1693
+ .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
1694
+ font-size: 14px;
1695
+ height: 36px;
1696
+ line-height: 36px;
1697
+ }
1698
+ .e-daterangepicker.e-popup .e-hide-range {
1699
+ display: none;
1700
+ }
1701
+ .e-daterangepicker.e-rtl .e-date-range-container {
1702
+ float: right;
1703
+ }
1704
+ .e-daterangepicker.e-rtl .e-date-range-container.e-range-border {
1705
+ border-left: 1px solid #292827;
1706
+ border-right: 0;
1707
+ }
1708
+ .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
1709
+ float: left;
1710
+ }
1711
+ .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover {
1712
+ border-radius: 0;
1713
+ -webkit-box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
1714
+ box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
1715
+ }
1716
+ .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover {
1717
+ border-radius: 0;
1718
+ -webkit-box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
1719
+ box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
1720
+ }
1721
+ .e-daterangepicker.e-rtl .e-footer {
1722
+ -webkit-box-orient: horizontal;
1723
+ -webkit-box-direction: normal;
1724
+ -ms-flex-direction: row;
1725
+ flex-direction: row;
1726
+ -webkit-box-pack: end;
1727
+ -ms-flex-pack: end;
1728
+ justify-content: flex-end;
1729
+ }
1730
+ .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel {
1731
+ margin: 0 8px 0 8px;
1732
+ }
1733
+ .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply {
1734
+ margin-left: 0;
1735
+ }
1736
+
1737
+ .e-small .e-daterangepicker.e-popup .e-range-header,
1738
+ *.e-small.e-daterangepicker.e-popup .e-range-header {
1739
+ margin: 10px 10px 0 10px;
1740
+ }
1741
+ .e-small .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-small .e-daterangepicker.e-popup .e-range-header .e-end-label,
1742
+ *.e-small.e-daterangepicker.e-popup .e-range-header .e-start-label,
1743
+ *.e-small.e-daterangepicker.e-popup .e-range-header .e-end-label {
1744
+ font-size: 16px;
1745
+ }
1746
+ .e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon,
1747
+ *.e-small.e-daterangepicker.e-popup .e-range-header .e-change-icon {
1748
+ font-size: 12px;
1749
+ }
1750
+ .e-small .e-daterangepicker.e-popup .e-range-header .e-start-end,
1751
+ *.e-small.e-daterangepicker.e-popup .e-range-header .e-start-end {
1752
+ height: 32px;
1753
+ }
1754
+ .e-small .e-daterangepicker.e-popup .e-range-header .e-day-span,
1755
+ *.e-small.e-daterangepicker.e-popup .e-range-header .e-day-span {
1756
+ font-size: 12px;
1757
+ margin: 0 0 10px 0;
1758
+ }
1759
+ .e-small .e-daterangepicker.e-popup .e-footer .e-btn.e-apply,
1760
+ *.e-small.e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
1761
+ margin: 10px 10px 10px 8px;
1762
+ }
1763
+ .e-small .e-daterangepicker.e-popup.e-preset-wrapper .e-presets .e-list-parent.e-ul .e-list-item,
1764
+ *.e-small.e-daterangepicker.e-popup.e-preset-wrapper .e-presets .e-list-parent.e-ul .e-list-item {
1765
+ font-size: 12px;
1766
+ height: 26px;
1767
+ line-height: 26px;
1768
+ }
1769
+
1770
+ .e-daterangepicker .e-calendar .e-month .e-selected span.e-day {
1771
+ height: 25px;
1772
+ width: 25px;
1773
+ line-height: 25px;
1774
+ }
1775
+
1776
+ .e-daterangepicker.e-small .e-calendar .e-month .e-selected span.e-day {
1777
+ height: 21px;
1778
+ width: 21px;
1779
+ line-height: 21px;
1780
+ }
1781
+
1782
+ /* stylelint-disable */
1783
+ .e-range-overflow {
1784
+ overflow: hidden;
1785
+ }
1786
+
1787
+ .e-daterangepick-mob-popup-wrap {
1788
+ -webkit-box-align: center;
1789
+ -ms-flex-align: center;
1790
+ align-items: center;
1791
+ display: -webkit-box;
1792
+ display: -ms-flexbox;
1793
+ display: flex;
1794
+ -webkit-box-orient: vertical;
1795
+ -webkit-box-direction: normal;
1796
+ -ms-flex-direction: column;
1797
+ flex-direction: column;
1798
+ height: 100%;
1799
+ -webkit-box-pack: center;
1800
+ -ms-flex-pack: center;
1801
+ justify-content: center;
1802
+ left: 0;
1803
+ max-height: 100%;
1804
+ position: fixed;
1805
+ top: 0;
1806
+ width: 100%;
1807
+ z-index: 1002;
1808
+ }
1809
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-control.e-lib.e-device.e-popup-open {
1810
+ position: relative;
1811
+ top: 0 !important;
1812
+ left: 0 !important;
1813
+ }
1814
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
1815
+ min-height: 100%;
1816
+ min-width: 100%;
1817
+ height: 100%;
1818
+ width: 100%;
1819
+ }
1820
+
1821
+ .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
1822
+ background-size: 250px 33px;
1823
+ min-height: 33px;
1824
+ }
1825
+
1826
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
1827
+ min-height: 100%;
1828
+ min-width: 100%;
1829
+ height: 100%;
1830
+ width: 100%;
1831
+ }
1832
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
1833
+ height: 20vh;
1834
+ padding: 2vh 2vw;
1835
+ margin: 0;
1836
+ color: #f3f2f1;
1837
+ }
1838
+ @media (max-device-width: 768px) {
1839
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
1840
+ font-size: 16px;
1841
+ }
1842
+ }
1843
+ @media (min-device-width: 768px) {
1844
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
1845
+ font-size: 18px;
1846
+ }
1847
+ }
1848
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-apply {
1849
+ float: right;
1850
+ }
1851
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
1852
+ margin: 3vh 0 0 0;
1853
+ }
1854
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
1855
+ min-width: 100%;
1856
+ width: 100%;
1857
+ padding: 0;
1858
+ overflow: unset;
1859
+ }
1860
+ @media (max-height: 600px) {
1861
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
1862
+ min-height: 100%;
1863
+ height: 100%;
1864
+ }
1865
+ }
1866
+ @media (min-height: 600px) {
1867
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
1868
+ min-height: 80vh;
1869
+ height: 80vh;
1870
+ }
1871
+ }
1872
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
1873
+ height: 10vh;
1874
+ border-style: solid;
1875
+ border-width: 0 0 1px 0;
1876
+ border-color: #292827;
1877
+ padding: 2vh 2vw;
1878
+ line-height: 5vh;
1879
+ }
1880
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev {
1881
+ height: 36px;
1882
+ width: 36px;
1883
+ }
1884
+ @media (min-device-width: 768px) {
1885
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev span {
1886
+ font-size: 18px;
1887
+ padding: 11px;
1888
+ }
1889
+ }
1890
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next {
1891
+ height: 36px;
1892
+ width: 36px;
1893
+ }
1894
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
1895
+ padding: 10px;
1896
+ line-height: 1;
1897
+ }
1898
+ @media (min-device-width: 768px) {
1899
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
1900
+ font-size: 18px;
1901
+ }
1902
+ }
1903
+ @media (max-height: 600px) {
1904
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-title {
1905
+ line-height: 8vh;
1906
+ }
1907
+ }
1908
+ @media (min-height: 600px) {
1909
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-title {
1910
+ line-height: inherit;
1911
+ }
1912
+ }
1913
+ @media (min-device-width: 768px) {
1914
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-title {
1915
+ font-size: 18px;
1916
+ }
1917
+ }
1918
+ @media (min-device-width: 768px) {
1919
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar th {
1920
+ font-size: 18px;
1921
+ height: 48px;
1922
+ }
1923
+ }
1924
+ @media (min-device-width: 768px) {
1925
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-content span.e-day {
1926
+ font-size: 18px;
1927
+ height: 64px;
1928
+ width: 64px;
1929
+ line-height: 64px;
1930
+ }
1931
+ }
1932
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover {
1933
+ border-radius: 0;
1934
+ }
1935
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
1936
+ height: 100%;
1937
+ }
1938
+ @media (max-height: 600px) {
1939
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container {
1940
+ min-height: 78vh;
1941
+ height: 78vh;
1942
+ }
1943
+ }
1944
+ @media (max-height: 600px) {
1945
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-calendar {
1946
+ min-height: 78vh;
1947
+ height: 78vh;
1948
+ }
1949
+ }
1950
+ @media (max-height: 600px) {
1951
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
1952
+ min-height: 100%;
1953
+ height: 100%;
1954
+ }
1955
+ }
1956
+ @media (min-height: 600px) {
1957
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
1958
+ min-height: 80vh;
1959
+ height: 80vh;
1960
+ }
1961
+ }
1962
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
1963
+ margin: 0;
1964
+ }
1965
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1966
+ height: 69vh;
1967
+ }
1968
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
1969
+ padding: 0 2vw;
1970
+ height: 69vh;
1971
+ border-spacing: unset;
1972
+ }
1973
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-footer {
1974
+ display: none;
1975
+ }
1976
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets {
1977
+ max-height: 90%;
1978
+ height: 90%;
1979
+ }
1980
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets ul {
1981
+ height: 100%;
1982
+ }
1983
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets ul li.e-list-item {
1984
+ font-size: 16px;
1985
+ }
1986
+ @media (min-device-width: 768px) {
1987
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets ul li.e-list-item {
1988
+ font-size: 18px;
1989
+ }
1990
+ }
1991
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap {
1992
+ position: relative;
1993
+ height: 100%;
1994
+ }
1995
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
1996
+ height: 10%;
1997
+ padding: 2.5vh 2.5vw 2.5vh 1.5vw;
1998
+ display: -webkit-box;
1999
+ display: -ms-flexbox;
2000
+ display: flex;
2001
+ -webkit-box-align: center;
2002
+ -ms-flex-align: center;
2003
+ align-items: center;
2004
+ font-size: 3vh;
2005
+ border-bottom: none;
2006
+ }
2007
+ @media (min-device-width: 768px) {
2008
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
2009
+ font-size: 18px;
2010
+ }
2011
+ }
2012
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
2013
+ float: left;
2014
+ padding: 1vh 2vw;
2015
+ }
2016
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-model-title {
2017
+ padding: 1vh 2vw;
2018
+ text-transform: capitalize;
2019
+ }
2020
+
2021
+ @media screen and (orientation: landscape) {
2022
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-btn {
2023
+ padding: 0;
2024
+ }
2025
+ }
2026
+ @media screen and (orientation: landscape) and (min-device-width: 768px) {
2027
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-btn {
2028
+ font-size: 18px;
2029
+ }
2030
+ }
2031
+ @media screen and (orientation: landscape) and (min-height: 600px) {
2032
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container {
2033
+ min-height: 70vh;
2034
+ height: 70vh;
2035
+ }
2036
+ }
2037
+ @media screen and (orientation: landscape) and (max-height: 600px) {
2038
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container {
2039
+ min-height: 65%;
2040
+ height: 65%;
2041
+ }
2042
+ }
2043
+ @media screen and (orientation: landscape) and (min-height: 600px) {
2044
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-calendar {
2045
+ min-height: 70vh;
2046
+ height: 70vh;
2047
+ }
2048
+ }
2049
+ @media screen and (orientation: landscape) and (max-height: 600px) {
2050
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-content.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-content.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-content.e-decade {
2051
+ height: 50vh;
2052
+ }
2053
+ }
2054
+ @media screen and (orientation: landscape) {
2055
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets {
2056
+ max-height: 85%;
2057
+ height: 85%;
2058
+ }
2059
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
2060
+ height: 15%;
2061
+ font-size: 18px;
2062
+ }
2063
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
2064
+ padding: 1vh 1vw;
2065
+ }
2066
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-model-title {
2067
+ padding: 1vh 1vw;
2068
+ }
2069
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
2070
+ width: 100%;
2071
+ }
2072
+ }
2073
+ @media screen and (orientation: landscape) and (max-height: 600px) {
2074
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
2075
+ height: 27vh;
2076
+ }
2077
+ }
2078
+ @media screen and (orientation: landscape) and (min-height: 600px) {
2079
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
2080
+ height: 25vh;
2081
+ }
2082
+ }
2083
+ @media screen and (orientation: landscape) {
2084
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
2085
+ margin: 0;
2086
+ height: 28px;
2087
+ }
2088
+ }
2089
+ @media screen and (orientation: landscape) and (min-height: 600px) {
2090
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
2091
+ margin: 5vh 0 0 0;
2092
+ }
2093
+ }
2094
+ @media screen and (orientation: landscape) {
2095
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-day-span {
2096
+ margin: 8px 0;
2097
+ font-size: 16px;
2098
+ }
2099
+ }
2100
+ @media screen and (orientation: landscape) and (min-height: 600px) {
2101
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
2102
+ min-height: 75vh;
2103
+ height: 75vh;
2104
+ }
2105
+ }
2106
+ @media screen and (orientation: landscape) {
2107
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade {
2108
+ overflow-y: auto;
2109
+ }
2110
+ }
2111
+ @media screen and (orientation: landscape) and (max-height: 600px) {
2112
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade {
2113
+ height: 60vh;
2114
+ }
2115
+ }
2116
+ @media screen and (orientation: landscape) and (min-height: 600px) {
2117
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade {
2118
+ height: 65vh;
2119
+ }
2120
+ }
2121
+ @media screen and (orientation: landscape) {
2122
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year table, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade table {
2123
+ display: table;
2124
+ border-spacing: unset;
2125
+ }
2126
+ }
2127
+ @media screen and (orientation: landscape) and (min-height: 600px) {
2128
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year table, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade table {
2129
+ height: 65vh;
2130
+ }
2131
+ }
2132
+ .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
2133
+ width: calc(100% - 80px);
2134
+ }
2135
+
2136
+ .e-outline.e-float-input.e-static-clear.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
2137
+ width: calc(100% - 110px);
2138
+ }
2139
+
2140
+ .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
2141
+ color: #f3f2f1;
2142
+ }
2143
+ .e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
2144
+ color: #f3f2f1;
2145
+ }
2146
+
2147
+ .e-daterangepicker.e-popup {
2148
+ background: #252423;
2149
+ }
2150
+ .e-daterangepicker.e-popup .e-calendar {
2151
+ background-color: #252423;
2152
+ }
2153
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
2154
+ color: #f3f2f1;
2155
+ text-decoration: none;
2156
+ }
2157
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
2158
+ background-color: #3b3a39;
2159
+ color: #f3f2f1;
2160
+ }
2161
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-start-date.e-selected, .e-daterangepicker.e-popup .e-calendar .e-content .e-end-date.e-selected {
2162
+ background-color: #3b3a39;
2163
+ color: #f3f2f1;
2164
+ }
2165
+ .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
2166
+ background-color: #252423;
2167
+ border: 1px solid #0078d4;
2168
+ color: #f3f2f1;
2169
+ -webkit-box-shadow: inset 0 0 0 1px #0078d4;
2170
+ box-shadow: inset 0 0 0 1px #0078d4;
2171
+ }
2172
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
2173
+ background: #3b3a39;
2174
+ border: none;
2175
+ color: #f3f2f1;
2176
+ }
2177
+ .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
2178
+ background-color: #323130;
2179
+ border: none;
2180
+ color: #f3f2f1;
2181
+ }
2182
+ .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
2183
+ border: 1px solid #0078d4;
2184
+ }
2185
+ .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
2186
+ border: 1px solid #0078d4;
2187
+ }
2188
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
2189
+ background-color: #1b1a19;
2190
+ border: none;
2191
+ color: #c8c6c4;
2192
+ }
2193
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
2194
+ background-color: #1b1a19;
2195
+ border: none;
2196
+ color: #c8c6c4;
2197
+ }
2198
+ .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
2199
+ background-color: #0078d4;
2200
+ color: #1b1a19;
2201
+ border-radius: 50%;
2202
+ -webkit-box-shadow: none;
2203
+ box-shadow: none;
2204
+ }
2205
+ .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected span.e-day, .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected span.e-day {
2206
+ background-color: #0078d4;
2207
+ border-radius: 50%;
2208
+ -webkit-box-shadow: none;
2209
+ box-shadow: none;
2210
+ color: #1b1a19;
2211
+ }
2212
+ .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
2213
+ background-color: #0078d4;
2214
+ color: #1b1a19;
2215
+ }
2216
+ .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
2217
+ color: #1b1a19;
2218
+ }
2219
+ .e-daterangepicker.e-popup .e-presets {
2220
+ background-color: #1b1a19;
2221
+ color: #f3f2f1;
2222
+ }
2223
+ .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
2224
+ background-color: transparent;
2225
+ color: #0078d4;
2226
+ }
2227
+ .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
2228
+ background-color: #3b3a39;
2229
+ color: #f3f2f1;
2230
+ }
2231
+ .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label {
2232
+ color: #f3f2f1;
2233
+ }
2234
+ .e-daterangepicker.e-popup .e-change-icon {
2235
+ color: #a19f9d;
2236
+ }
2237
+ .e-daterangepicker.e-popup .e-day-span {
2238
+ color: #a19f9d;
2239
+ }
2240
+ .e-daterangepicker.e-popup .e-separator {
2241
+ background-color: #292827;
2242
+ }
2243
+ .e-daterangepicker.e-popup .e-footer {
2244
+ background-color: #252423;
2245
+ }
2246
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary,
2247
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary {
2248
+ background-color: #0078d4;
2249
+ border-color: #0078d4;
2250
+ color: #1b1a19;
2251
+ }
2252
+
2253
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:hover,
2254
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:hover {
2255
+ background-color: #006cbf;
2256
+ border-color: #006cbf;
2257
+ color: #1b1a19;
2258
+ }
2259
+
2260
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:active,
2261
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary.e-active,
2262
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:active,
2263
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary.e-active {
2264
+ background-color: #0060aa;
2265
+ border-color: #0060aa;
2266
+ color: #1b1a19;
2267
+ }
2268
+
2269
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:disabled,
2270
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:disabled,
2271
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:disabled,
2272
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:disabled {
2273
+ background-color: #252423;
2274
+ border-color: #323130;
2275
+ color: #3b3a39;
2276
+ }
2277
+
2278
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-flat,
2279
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat {
2280
+ background-color: #1b1a19;
2281
+ border-color: #8a8886;
2282
+ color: #fff;
2283
+ }
2284
+
2285
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-flat:hover,
2286
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat:hover {
2287
+ background-color: #252423;
2288
+ border-color: #8a8886;
2289
+ color: #fff;
2290
+ }
2291
+
2292
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-flat:active,
2293
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-flat.e-active,
2294
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat:active,
2295
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat.e-active {
2296
+ background-color: #8a8886;
2297
+ border-color: #8a8886;
2298
+ color: #fff;
2299
+ }
2300
+
2301
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-flat:disabled,
2302
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-flat:disabled,
2303
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat:disabled,
2304
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat:disabled {
2305
+ background-color: #252423;
2306
+ border-color: #323130;
2307
+ color: #3b3a39;
2308
+ }
2309
+
2310
+ .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
2311
+ line-height: 23px;
2312
+ }
2313
+
2314
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span {
2315
+ line-height: 25px;
2316
+ }
2317
+
2318
+ .e-small .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day,
2319
+ .e-small .e-calendar .e-content.e-month td.e-other-month.e-today.e-range-hover span.e-day {
2320
+ line-height: 19px;
2321
+ }
2322
+
2323
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
2324
+ background-color: #8a8886;
2325
+ color: #1b1a19;
2326
+ }
2327
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header .e-popup-close {
2328
+ color: #1b1a19;
2329
+ }
2330
+
2331
+ /*! component icons */
2332
+ .e-datetime-wrapper .e-time-icon.e-icons::before {
2333
+ content: "\e705";
2334
+ font-family: "e-icons";
2335
+ }
2336
+
2337
+ .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
2338
+ .e-float-input.e-control-wrapper.e-input-group.e-datetime-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
2339
+ display: -webkit-box;
2340
+ display: -ms-flexbox;
2341
+ display: flex;
2342
+ }
2343
+
2344
+ .e-datetime-wrapper {
2345
+ /* stylelint-disable property-no-vendor-prefix */
2346
+ -webkit-tap-highlight-color: transparent;
2347
+ }
2348
+ .e-datetime-wrapper .e-time-icon.e-icons::before {
2349
+ font-size: 16px;
2350
+ }
2351
+ .e-datetime-wrapper.e-control-wrapper {
2352
+ -webkit-box-sizing: border-box;
2353
+ box-sizing: border-box;
2354
+ }
2355
+ .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
2356
+ pointer-events: none;
2357
+ }
2358
+ .e-datetime-wrapper .e-clear-icon {
2359
+ -webkit-box-sizing: content-box;
2360
+ box-sizing: content-box;
2361
+ }
2362
+ .e-datetime-wrapper span {
2363
+ cursor: pointer;
2364
+ }
2365
+ .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
2366
+ font-size: 16px;
2367
+ margin: 0;
2368
+ outline: none;
2369
+ }
2370
+ .e-datetime-wrapper .e-input-group-icon.e-time-icon {
2371
+ border: 0;
2372
+ border-style: none;
2373
+ margin: 0;
2374
+ }
2375
+
2376
+ .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
2377
+ margin: 0;
2378
+ }
2379
+
2380
+ .e-datetime-mob-popup-wrap {
2381
+ -webkit-box-align: center;
2382
+ -ms-flex-align: center;
2383
+ align-items: center;
2384
+ display: -webkit-box;
2385
+ display: -ms-flexbox;
2386
+ display: flex;
2387
+ -webkit-box-orient: vertical;
2388
+ -webkit-box-direction: normal;
2389
+ -ms-flex-direction: column;
2390
+ flex-direction: column;
2391
+ height: 100%;
2392
+ -webkit-box-pack: center;
2393
+ -ms-flex-pack: center;
2394
+ justify-content: center;
2395
+ left: 0;
2396
+ max-height: 100%;
2397
+ position: fixed;
2398
+ top: 0;
2399
+ width: 100%;
2400
+ z-index: 1002;
2401
+ }
2402
+ .e-datetime-mob-popup-wrap .e-datetimepicker.e-popup.e-lib.e-control.e-popup-open {
2403
+ left: 0 !important; /* stylelint-disable-line declaration-no-important */
2404
+ position: relative;
2405
+ top: 0 !important; /* stylelint-disable-line declaration-no-important */
2406
+ }
2407
+
2408
+ .e-datetimepicker.e-time-modal {
2409
+ background-color: rgba(0, 0, 0, 0.4);
2410
+ height: 100%;
2411
+ left: 0;
2412
+ opacity: 0.5;
2413
+ pointer-events: auto;
2414
+ position: fixed;
2415
+ top: 0;
2416
+ width: 100%;
2417
+ z-index: 999;
2418
+ }
2419
+
2420
+ .e-datetimepicker.e-popup {
2421
+ border-style: solid;
2422
+ border-width: 1px;
2423
+ overflow: auto;
2424
+ }
2425
+ .e-datetimepicker.e-popup .e-content {
2426
+ position: relative;
2427
+ }
2428
+ .e-datetimepicker.e-popup .e-list-parent.e-ul {
2429
+ margin: 0;
2430
+ padding: 8px 0;
2431
+ }
2432
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
2433
+ color: #f3f2f1;
2434
+ cursor: default;
2435
+ font-size: 14px;
2436
+ overflow: hidden;
2437
+ position: relative;
2438
+ text-overflow: ellipsis;
2439
+ vertical-align: middle;
2440
+ white-space: nowrap;
2441
+ width: 100%;
2442
+ }
2443
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
2444
+ cursor: pointer;
2445
+ }
2446
+
2447
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
2448
+ line-height: 30px;
2449
+ text-indent: 12px;
2450
+ }
2451
+
2452
+ .e-small .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
2453
+ *.e-small.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
2454
+ font-size: 12px;
2455
+ line-height: 26px;
2456
+ text-indent: 8px;
2457
+ }
2458
+
2459
+ .e-small.e-datetime-wrapper .e-time-icon.e-icons::before,
2460
+ *.e-small .e-datetime-wrapper .e-time-icon.e-icons::before {
2461
+ font-size: 14px;
2462
+ }
2463
+ .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
2464
+ background-size: 250px 33px;
2465
+ min-height: 33px;
2466
+ }
2467
+
2468
+ .e-datetimepicker.e-popup-expand.e-popup {
2469
+ position: fixed;
2470
+ }
2471
+ .e-datetimepicker.e-popup-expand.e-popup .e-datetime-mob-popup-wrap {
2472
+ position: relative;
2473
+ width: 100%;
2474
+ }
2475
+
2476
+ /*! datetimepicker theme */
2477
+ .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
2478
+ color: #f3f2f1;
2479
+ }
2480
+ .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
2481
+ color: #f3f2f1;
2482
+ }
2483
+
2484
+ .e-datetimepicker.e-popup {
2485
+ border: 0 solid #292827;
2486
+ border-radius: 6px;
2487
+ -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
2488
+ box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
2489
+ }
2490
+ .e-datetimepicker.e-popup .e-list-parent.e-ul {
2491
+ background-color: #252423;
2492
+ }
2493
+ .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
2494
+ border: none;
2495
+ color: #f3f2f1;
2496
+ }
2497
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
2498
+ background-color: #323130;
2499
+ border: none;
2500
+ color: #f3f2f1;
2501
+ }
2502
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
2503
+ background-color: #3b3a39;
2504
+ color: #f3f2f1;
2505
+ }
2506
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
2507
+ background-color: #323130;
2508
+ color: #f3f2f1;
2509
+ }