@syncfusion/ej2-angular-inputs 20.1.47 → 20.1.58

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 (132) hide show
  1. package/CHANGELOG.md +9 -1
  2. package/dist/ej2-angular-inputs.umd.js +1 -1
  3. package/dist/ej2-angular-inputs.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/schematics/ng-add/schema.json +1 -1
  6. package/schematics/utils/lib-details.d.ts +2 -2
  7. package/schematics/utils/lib-details.js +2 -2
  8. package/schematics/utils/lib-details.ts +2 -2
  9. package/styles/bootstrap-dark.css +125 -658
  10. package/styles/bootstrap.css +122 -655
  11. package/styles/bootstrap4.css +122 -682
  12. package/styles/bootstrap5-dark.css +131 -702
  13. package/styles/bootstrap5.css +131 -702
  14. package/styles/color-picker/bootstrap-dark.css +27 -194
  15. package/styles/color-picker/bootstrap.css +27 -194
  16. package/styles/color-picker/bootstrap4.css +27 -209
  17. package/styles/color-picker/bootstrap5-dark.css +27 -202
  18. package/styles/color-picker/bootstrap5.css +27 -202
  19. package/styles/color-picker/fabric-dark.css +27 -194
  20. package/styles/color-picker/fabric.css +27 -194
  21. package/styles/color-picker/fluent-dark.css +27 -194
  22. package/styles/color-picker/fluent.css +27 -194
  23. package/styles/color-picker/highcontrast-light.css +27 -194
  24. package/styles/color-picker/highcontrast.css +27 -194
  25. package/styles/color-picker/material-dark.css +27 -195
  26. package/styles/color-picker/material.css +27 -196
  27. package/styles/color-picker/tailwind-dark.css +28 -203
  28. package/styles/color-picker/tailwind.css +28 -203
  29. package/styles/fabric-dark.css +122 -656
  30. package/styles/fabric.css +121 -655
  31. package/styles/fluent-dark.css +131 -691
  32. package/styles/fluent.css +131 -691
  33. package/styles/highcontrast-light.css +130 -676
  34. package/styles/highcontrast.css +130 -676
  35. package/styles/input/bootstrap-dark.css +36 -38
  36. package/styles/input/bootstrap.css +33 -35
  37. package/styles/input/bootstrap4.css +33 -35
  38. package/styles/input/bootstrap5-dark.css +33 -35
  39. package/styles/input/bootstrap5.css +33 -35
  40. package/styles/input/fabric-dark.css +32 -33
  41. package/styles/input/fabric.css +32 -33
  42. package/styles/input/fluent-dark.css +32 -33
  43. package/styles/input/fluent.css +32 -33
  44. package/styles/input/highcontrast-light.css +33 -35
  45. package/styles/input/highcontrast.css +33 -35
  46. package/styles/input/material-dark.css +87 -122
  47. package/styles/input/material.css +87 -123
  48. package/styles/input/tailwind-dark.css +32 -33
  49. package/styles/input/tailwind.css +32 -33
  50. package/styles/maskedtextbox/bootstrap-dark.css +1 -1
  51. package/styles/maskedtextbox/bootstrap.css +1 -1
  52. package/styles/maskedtextbox/bootstrap4.css +1 -1
  53. package/styles/maskedtextbox/bootstrap5-dark.css +1 -1
  54. package/styles/maskedtextbox/bootstrap5.css +1 -1
  55. package/styles/maskedtextbox/fabric-dark.css +1 -1
  56. package/styles/maskedtextbox/fabric.css +1 -1
  57. package/styles/maskedtextbox/fluent-dark.css +1 -1
  58. package/styles/maskedtextbox/fluent.css +1 -1
  59. package/styles/maskedtextbox/highcontrast-light.css +1 -1
  60. package/styles/maskedtextbox/highcontrast.css +1 -1
  61. package/styles/maskedtextbox/material-dark.css +1 -2
  62. package/styles/maskedtextbox/material.css +1 -3
  63. package/styles/maskedtextbox/tailwind-dark.css +1 -1
  64. package/styles/maskedtextbox/tailwind.css +1 -1
  65. package/styles/material-dark.css +180 -775
  66. package/styles/material.css +180 -780
  67. package/styles/numerictextbox/bootstrap-dark.css +6 -8
  68. package/styles/numerictextbox/bootstrap.css +6 -8
  69. package/styles/numerictextbox/bootstrap4.css +6 -7
  70. package/styles/numerictextbox/bootstrap5-dark.css +6 -7
  71. package/styles/numerictextbox/bootstrap5.css +6 -7
  72. package/styles/numerictextbox/fabric-dark.css +6 -7
  73. package/styles/numerictextbox/fabric.css +6 -7
  74. package/styles/numerictextbox/fluent-dark.css +7 -9
  75. package/styles/numerictextbox/fluent.css +7 -9
  76. package/styles/numerictextbox/highcontrast-light.css +6 -7
  77. package/styles/numerictextbox/highcontrast.css +6 -7
  78. package/styles/numerictextbox/material-dark.css +6 -8
  79. package/styles/numerictextbox/material.css +6 -9
  80. package/styles/numerictextbox/tailwind-dark.css +6 -7
  81. package/styles/numerictextbox/tailwind.css +6 -7
  82. package/styles/signature/bootstrap-dark.css +1 -1
  83. package/styles/signature/bootstrap.css +1 -1
  84. package/styles/signature/bootstrap4.css +1 -1
  85. package/styles/signature/bootstrap5-dark.css +1 -1
  86. package/styles/signature/bootstrap5.css +1 -1
  87. package/styles/signature/fabric-dark.css +1 -1
  88. package/styles/signature/fabric.css +1 -1
  89. package/styles/signature/fluent-dark.css +1 -1
  90. package/styles/signature/fluent.css +1 -1
  91. package/styles/signature/highcontrast-light.css +1 -1
  92. package/styles/signature/highcontrast.css +1 -1
  93. package/styles/signature/material-dark.css +1 -1
  94. package/styles/signature/material.css +1 -1
  95. package/styles/signature/tailwind-dark.css +1 -1
  96. package/styles/signature/tailwind.css +1 -1
  97. package/styles/slider/bootstrap-dark.css +1 -91
  98. package/styles/slider/bootstrap.css +1 -91
  99. package/styles/slider/bootstrap4.css +1 -104
  100. package/styles/slider/bootstrap5-dark.css +10 -131
  101. package/styles/slider/bootstrap5.css +10 -131
  102. package/styles/slider/fabric-dark.css +2 -96
  103. package/styles/slider/fabric.css +1 -95
  104. package/styles/slider/fluent-dark.css +9 -113
  105. package/styles/slider/fluent.css +9 -113
  106. package/styles/slider/highcontrast-light.css +9 -113
  107. package/styles/slider/highcontrast.css +9 -113
  108. package/styles/slider/material-dark.css +5 -120
  109. package/styles/slider/material.css +5 -120
  110. package/styles/slider/tailwind-dark.css +8 -136
  111. package/styles/slider/tailwind.css +8 -136
  112. package/styles/tailwind-dark.css +129 -705
  113. package/styles/tailwind.css +129 -705
  114. package/styles/textbox/material-dark.css +1 -1
  115. package/styles/textbox/material.css +1 -2
  116. package/styles/textbox/tailwind-dark.css +1 -1
  117. package/styles/textbox/tailwind.css +1 -1
  118. package/styles/uploader/bootstrap-dark.css +59 -330
  119. package/styles/uploader/bootstrap.css +59 -330
  120. package/styles/uploader/bootstrap4.css +59 -330
  121. package/styles/uploader/bootstrap5-dark.css +59 -330
  122. package/styles/uploader/bootstrap5.css +59 -330
  123. package/styles/uploader/fabric-dark.css +59 -330
  124. package/styles/uploader/fabric.css +59 -330
  125. package/styles/uploader/fluent-dark.css +60 -346
  126. package/styles/uploader/fluent.css +60 -346
  127. package/styles/uploader/highcontrast-light.css +59 -330
  128. package/styles/uploader/highcontrast.css +59 -330
  129. package/styles/uploader/material-dark.css +59 -331
  130. package/styles/uploader/material.css +59 -331
  131. package/styles/uploader/tailwind-dark.css +59 -330
  132. package/styles/uploader/tailwind.css +59 -330
@@ -1,5 +1,5 @@
1
1
  .e-container .e-value-switch-btn::before {
2
- content: '\e799';
2
+ content: "\e799";
3
3
  }
4
4
 
5
5
  .e-colorpicker-wrapper,
@@ -11,7 +11,6 @@
11
11
  -ms-user-select: none;
12
12
  user-select: none;
13
13
  }
14
-
15
14
  .e-colorpicker-wrapper .e-colorpicker,
16
15
  .e-colorpicker-container .e-colorpicker {
17
16
  height: 1px;
@@ -19,12 +18,10 @@
19
18
  position: absolute;
20
19
  width: 1px;
21
20
  }
22
-
23
21
  .e-colorpicker-wrapper .e-btn.e-icon-btn,
24
22
  .e-colorpicker-container .e-btn.e-icon-btn {
25
23
  padding: 8px 9px 7px 9px;
26
24
  }
27
-
28
25
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
29
26
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
30
27
  font-family: initial;
@@ -32,7 +29,6 @@
32
29
  padding: 8px 9px 7px 9px;
33
30
  box-shadow: none;
34
31
  }
35
-
36
32
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
37
33
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
38
34
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
@@ -43,53 +39,40 @@
43
39
  position: relative;
44
40
  width: 18px;
45
41
  }
46
-
47
42
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview,
48
43
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
49
44
  border-radius: 4px;
50
45
  }
51
-
52
46
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-btn.e-icon-btn,
53
47
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-btn.e-icon-btn {
54
48
  padding: 8px 9px 7px 9px;
55
49
  }
56
-
57
50
  .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
58
51
  .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
59
52
  padding: 8px 9px 7px 9px;
60
53
  }
61
-
62
54
  .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
63
55
  .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
64
56
  padding: 8px 9px 7px 9px;
65
57
  }
66
-
67
58
  .e-colorpicker-wrapper *,
68
59
  .e-colorpicker-container * {
69
60
  box-sizing: border-box;
70
61
  }
71
-
72
62
  .e-colorpicker-wrapper.e-disabled .e-palette .e-tile,
73
63
  .e-colorpicker-container.e-disabled .e-palette .e-tile {
74
64
  cursor: default;
75
65
  }
76
-
77
66
  .e-colorpicker-wrapper.e-disabled .e-palette .e-tile:hover,
78
67
  .e-colorpicker-container.e-disabled .e-palette .e-tile:hover {
79
68
  border: 0;
80
69
  box-shadow: none;
81
70
  }
82
-
83
71
  .e-colorpicker-wrapper.e-disabled .e-palette .e-tile.e-selected,
84
72
  .e-colorpicker-container.e-disabled .e-palette .e-tile.e-selected {
85
73
  border: 0;
86
74
  }
87
-
88
- .e-colorpicker-wrapper.e-disabled .e-container .e-handler,
89
- .e-colorpicker-wrapper.e-disabled .e-container .e-preview-container,
90
- .e-colorpicker-wrapper.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-hue-slider,
91
- .e-colorpicker-wrapper.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider,
92
- .e-colorpicker-wrapper.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle,
75
+ .e-colorpicker-wrapper.e-disabled .e-container .e-handler, .e-colorpicker-wrapper.e-disabled .e-container .e-preview-container, .e-colorpicker-wrapper.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-hue-slider, .e-colorpicker-wrapper.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider, .e-colorpicker-wrapper.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle,
93
76
  .e-colorpicker-container.e-disabled .e-container .e-handler,
94
77
  .e-colorpicker-container.e-disabled .e-container .e-preview-container,
95
78
  .e-colorpicker-container.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-hue-slider,
@@ -97,7 +80,6 @@
97
80
  .e-colorpicker-container.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle {
98
81
  cursor: default;
99
82
  }
100
-
101
83
  .e-colorpicker-wrapper.e-disabled .e-container .e-hsv-container,
102
84
  .e-colorpicker-container.e-disabled .e-container .e-hsv-container {
103
85
  pointer-events: none;
@@ -115,13 +97,11 @@
115
97
  top: 0;
116
98
  width: 100%;
117
99
  }
118
-
119
100
  .e-colorpicker.e-modal {
120
101
  background-color: rgba(0, 0, 0, 0.6);
121
- opacity: .5;
102
+ opacity: 0.5;
122
103
  pointer-events: auto;
123
104
  }
124
-
125
105
  .e-colorpicker.e-hsv-model {
126
106
  background-color: transparent;
127
107
  }
@@ -130,8 +110,7 @@
130
110
  position: relative;
131
111
  }
132
112
 
133
- .e-show-value .sf-colorpicker.e-color-palette .e-selected-value,
134
- .e-show-value .sf-colorpicker.e-color-palette .e-switch-ctrl-btn {
113
+ .e-show-value .sf-colorpicker.e-color-palette .e-selected-value, .e-show-value .sf-colorpicker.e-color-palette .e-switch-ctrl-btn {
135
114
  width: 270px;
136
115
  }
137
116
 
@@ -150,7 +129,6 @@ body.e-colorpicker-overflow {
150
129
  line-height: 20px;
151
130
  padding: 10px;
152
131
  }
153
-
154
132
  .e-bigger .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
155
133
  .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
156
134
  .e-bigger .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
@@ -158,7 +136,6 @@ body.e-colorpicker-overflow {
158
136
  height: 26px;
159
137
  width: 26px;
160
138
  }
161
-
162
139
  .e-bigger .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
163
140
  .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
164
141
  .e-bigger .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
@@ -179,40 +156,32 @@ body.e-colorpicker-overflow {
179
156
  border-color: rgba(0, 0, 0, 0.2);
180
157
  box-shadow: none;
181
158
  }
182
-
183
159
  .e-container.e-color-picker {
184
160
  width: 270px;
185
161
  background-color: #fff;
186
162
  border: 1px solid rgba(0, 0, 0, 0.2);
187
163
  }
188
-
189
164
  .e-container.e-color-picker .e-mode-switch-btn {
190
165
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA0IENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS04IiBmaWxsPSIjNDU5NkNFIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS05IiBmaWxsPSIjNUNDMTVCIiB4PSIwIiB5PSIxMiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTI1LUNvcHktMTAiIGZpbGw9IiNGQkQ1MDYiIHg9IjEyIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS0xMSIgZmlsbD0iI0VDNEU0MyIgeD0iMTIiIHk9IjEyIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat 100% 100%;
191
166
  }
192
-
193
167
  .e-container.e-color-palette {
194
168
  background-color: #fff;
195
169
  border: 1px solid rgba(0, 0, 0, 0.2);
196
170
  width: auto;
197
171
  }
198
-
199
172
  .e-container.e-color-palette .e-mode-switch-btn {
200
173
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MS40MTQyMTsiPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMCwxOCkiPgogICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgc3R5bGU9ImZpbGw6dXJsKCNfTGluZWFyMSk7Ii8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwwLDE4KSI+CiAgICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBzdHlsZT0iZmlsbDp1cmwoI19MaW5lYXIyKTsiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDAsMTgpIj4KICAgICAgICA8Y2xpcFBhdGggaWQ9Il9jbGlwMyI+CiAgICAgICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIvPgogICAgICAgIDwvY2xpcFBhdGg+CiAgICAgICAgPGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwMykiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwtMCwxOCkiPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMCwxOCkiPgogICAgICAgIDxjbGlwUGF0aCBpZD0iX2NsaXA0Ij4KICAgICAgICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ii8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgICAgICA8ZyBjbGlwLXBhdGg9InVybCgjX2NsaXA0KSI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLC0wLDE4KSI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNfSW1hZ2U1IiB4PSIwIiB5PSIwIiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwwLDE4KSI+CiAgICAgICAgPGNsaXBQYXRoIGlkPSJfY2xpcDYiPgogICAgICAgICAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiLz4KICAgICAgICA8L2NsaXBQYXRoPgogICAgICAgIDxnIGNsaXAtcGF0aD0idXJsKCNfY2xpcDYpIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsLTAsMTgpIj4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iX0xpbmVhcjEiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg2LjI3MDE5ZS0xNCwtMTAyNCwtMTAyNCwtNi4yNzAxOWUtMTQsMCwxOCkiPjxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDAsMTgyLDI1NSk7c3RvcC1vcGFjaXR5OjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOmJsYWNrO3N0b3Atb3BhY2l0eTowIi8+PC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9Il9MaW5lYXIyIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4xMDIxOGUtMTUsLTE4LC0xOCwtMS4xMDIxOGUtMTUsMTgsMTgpIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigwLDE4MiwyNTUpO3N0b3Atb3BhY2l0eToxIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjpibGFjaztzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGltYWdlIGlkPSJfSW1hZ2U1IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUJJQUFBQVNDQVlBQUFCV3pvNVhBQUFBQ1hCSVdYTUFBQTdFQUFBT3hBR1ZLdzRiQUFBQmUwbEVRVlE0alcyUjIyNGNNUXhER2NBbyt2OC8yU0lYZE9wTk5iSXVWaDlrZXp6SlBoaWlTT3JNQXZ2eTBBanlBSGVBSEdBSHlDUDE4dTQ3ZVl6ZTlBS2xhaDlCZ0F5WG5tVUxjQStRYmQ3cWp4OWdnVkxGUWRiVDlBQlpYNlZkWHpNLy9MVmZqbE11dy9xQWR2QUMzZmR2bVE1UVpVbUErZ1ZUWDZWZDh3Sjk3NWRLbkdYek1VZnBpVGYzdXpkQi93Z2tsaVZ4a0U1dFdSSkxiNGMvNlplamZvTE5NdFJaeXYyWk4zZFNCYXREVlFGWGxQcDRnTlZBb3FPa1F4dW8yY3Iybk5Wd2lnSnVnQ2xnaWxMclgxQ2Jod3BXdmUwa3NtVTUzUXh3SGM4QU01UjZIQnRBUUUzQVlqa25WREpyb2tDM1BIYlBPZlpTano4SjRMWU9XRFIzVlJBblBOeUE3dm1tZGs5UWQ1VGo0dzBzRzRqYjBPbXBUa0FmMHpiZDExN3FCSjBOeEx3MGl5RGNnZGlPcG80K0lCMElINkQzMXdTMEJqb1ozQ1QvMHBpSGNla0ppTmgwdmxMZmZnOUF3OGs4Z3RoZXYyczh6MHA5L1FVNlQ3Z2JFTWhnbGhIcDdjZDQzbm5CajU4ekhVZERiMk1URit6TC9oOXIveU91c0ZQS093QUFBQUJKUlU1RXJrSmdnZz09Ii8+CiAgICA8L2RlZnM+Cjwvc3ZnPgo=") no-repeat 100% 100%;
201
174
  }
202
-
203
175
  .e-container .e-custom-palette {
204
176
  width: auto;
205
177
  }
206
-
207
178
  .e-container .e-custom-palette .e-palette {
208
179
  padding: 10px;
209
180
  }
210
-
211
181
  .e-container .e-custom-palette.e-palette-group {
212
182
  height: 270px;
213
183
  overflow-y: scroll;
214
184
  }
215
-
216
185
  .e-container .e-palette {
217
186
  border-bottom: 0;
218
187
  display: table;
@@ -222,12 +191,10 @@ body.e-colorpicker-overflow {
222
191
  -ms-user-select: none;
223
192
  user-select: none;
224
193
  }
225
-
226
194
  .e-container .e-palette .e-row {
227
195
  display: table-row;
228
196
  white-space: nowrap;
229
197
  }
230
-
231
198
  .e-container .e-palette .e-tile {
232
199
  border: 0.5px solid transparent;
233
200
  box-sizing: border-box;
@@ -238,34 +205,28 @@ body.e-colorpicker-overflow {
238
205
  vertical-align: middle;
239
206
  width: 27px;
240
207
  }
241
-
242
208
  .e-container .e-palette .e-tile.e-selected {
243
209
  outline: #adb5bd 0.5px solid;
244
210
  position: relative;
245
211
  }
246
-
247
212
  .e-container .e-palette .e-tile:hover {
248
213
  box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.2);
249
214
  position: relative;
250
215
  }
251
-
252
216
  .e-container .e-palette .e-tile.e-nocolor-item {
253
217
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
254
218
  background-size: 8px;
255
219
  }
256
-
257
220
  .e-container .e-hsv-container {
258
221
  border-bottom: 0;
259
222
  position: relative;
260
223
  -ms-touch-action: none;
261
224
  touch-action: none;
262
225
  }
263
-
264
226
  .e-container .e-hsv-container .e-hsv-color {
265
227
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
266
228
  height: 170px;
267
229
  }
268
-
269
230
  .e-container .e-hsv-container .e-handler {
270
231
  border: 1px solid #fff;
271
232
  border-radius: 6px;
@@ -283,33 +244,27 @@ body.e-colorpicker-overflow {
283
244
  user-select: none;
284
245
  width: 10px;
285
246
  }
286
-
287
247
  .e-container .e-slider-preview {
288
248
  display: inline-block;
289
249
  width: 100%;
290
250
  padding: 14px;
291
251
  }
292
-
293
252
  .e-container .e-slider-preview .e-colorpicker-slider {
294
253
  display: inline-block;
295
254
  width: 82.5%;
296
255
  }
297
-
298
256
  .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container {
299
257
  height: 18px;
300
258
  }
301
-
302
259
  .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-slider {
303
260
  height: 18px;
304
261
  top: calc(50% - 9px);
305
262
  }
306
-
307
263
  .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-slider-track {
308
264
  height: 6px;
309
265
  top: calc(50% - 3px);
310
266
  border-radius: 0;
311
267
  }
312
-
313
268
  .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle {
314
269
  border-radius: 6px;
315
270
  cursor: pointer;
@@ -317,25 +272,20 @@ body.e-colorpicker-overflow {
317
272
  top: calc(50% - 7px);
318
273
  width: 14px;
319
274
  }
320
-
321
275
  .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle.e-handle-active {
322
276
  cursor: pointer;
323
277
  }
324
-
325
278
  .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle.e-large-thumb-size {
326
279
  transform: scale(1);
327
280
  }
328
-
329
281
  .e-container .e-slider-preview .e-colorpicker-slider .e-hue-slider .e-slider-track {
330
282
  background: linear-gradient(to right, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
331
283
  }
332
-
333
284
  .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider .e-slider-track {
334
285
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
335
286
  border: 0;
336
287
  z-index: 0;
337
288
  }
338
-
339
289
  .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider .e-opacity-empty-track {
340
290
  background-size: contain;
341
291
  border: 0;
@@ -345,14 +295,9 @@ body.e-colorpicker-overflow {
345
295
  width: 100%;
346
296
  z-index: 1;
347
297
  }
348
-
349
- .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle,
350
- .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle-start,
351
- .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle,
352
- .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle-start {
298
+ .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle-start, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle-start {
353
299
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
354
300
  }
355
-
356
301
  .e-container .e-slider-preview .e-preview-container {
357
302
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
358
303
  background-size: 10px;
@@ -365,24 +310,20 @@ body.e-colorpicker-overflow {
365
310
  top: -2px;
366
311
  width: 13.338%;
367
312
  }
368
-
369
313
  .e-container .e-slider-preview .e-preview-container .e-preview {
370
314
  display: block;
371
315
  height: 16px;
372
316
  position: absolute;
373
317
  width: 100%;
374
318
  }
375
-
376
319
  .e-container .e-slider-preview .e-preview-container .e-preview.e-current {
377
320
  border-bottom: 1px solid #dee2e6;
378
321
  top: 0;
379
322
  }
380
-
381
323
  .e-container .e-slider-preview .e-preview-container .e-preview.e-previous {
382
324
  height: 16px;
383
325
  top: 16px;
384
326
  }
385
-
386
327
  .e-container .e-selected-value {
387
328
  -ms-flex-align: center;
388
329
  align-items: center;
@@ -394,86 +335,70 @@ body.e-colorpicker-overflow {
394
335
  user-select: none;
395
336
  width: 100%;
396
337
  }
397
-
398
338
  .e-container .e-selected-value .e-input-container .e-float-input input {
399
339
  padding-left: 0;
400
340
  text-align: center;
401
341
  }
402
-
403
342
  .e-container .e-selected-value .e-input-container .e-numeric-hidden {
404
343
  display: none;
405
344
  }
406
-
407
345
  .e-container .e-selected-value .e-value-switch-btn {
408
- font-family: 'e-icons';
346
+ font-family: "e-icons";
409
347
  margin-top: 22px;
410
348
  padding: 2px 3px;
411
349
  font-size: 16px;
412
350
  line-height: 16px;
413
351
  }
414
-
415
352
  .e-container .e-input-container {
416
353
  display: inline-block;
417
354
  width: 90%;
418
355
  }
419
-
420
356
  .e-container .e-input-container .e-float-input {
421
357
  display: inline-block;
422
358
  margin-right: 1.856%;
423
359
  vertical-align: baseline;
424
360
  }
425
-
426
361
  .e-container .e-input-container .e-float-input:first-child {
427
362
  width: 30%;
428
363
  }
429
-
430
364
  .e-container .e-input-container .e-float-input:first-child input {
431
365
  height: 32px;
432
366
  }
433
-
434
367
  .e-container .e-input-container .e-float-input.e-numeric {
435
368
  height: 32px;
436
369
  width: 15%;
437
370
  }
438
-
439
371
  .e-container .e-input-container .e-float-input.e-numeric input {
440
372
  height: 30px;
441
373
  }
442
-
443
374
  .e-container .e-input-container .e-float-input .e-float-text {
444
375
  text-align: center;
445
376
  text-align: left;
446
377
  }
447
-
448
378
  .e-container .e-switch-ctrl-btn {
449
379
  display: inline-block;
450
380
  padding: 14px 14px 14px;
451
381
  white-space: nowrap;
452
382
  width: 100%;
453
383
  }
454
-
455
384
  .e-container .e-switch-ctrl-btn .e-ctrl-btn {
456
385
  float: right;
457
386
  text-align: right;
458
387
  white-space: nowrap;
459
388
  width: 86.913%;
460
389
  }
461
-
462
390
  .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-btn {
463
391
  max-width: 47.29%;
464
392
  overflow: hidden;
465
393
  text-overflow: ellipsis;
466
394
  white-space: nowrap;
467
395
  }
468
-
469
396
  .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-btn.e-cancel {
470
397
  margin-left: 8px;
471
398
  }
472
-
473
399
  .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-btn.e-flat:hover {
474
400
  border-color: #adb5bd;
475
401
  }
476
-
477
402
  .e-container .e-switch-ctrl-btn .e-mode-switch-btn {
478
403
  background-origin: border-box;
479
404
  background-position: center;
@@ -483,41 +408,31 @@ body.e-colorpicker-overflow {
483
408
  overflow: hidden;
484
409
  white-space: nowrap;
485
410
  }
486
-
487
411
  .e-container .e-switch-ctrl-btn .e-mode-switch-btn:hover {
488
412
  border-color: #adb5bd;
489
413
  }
490
-
491
414
  .e-container .e-switch-ctrl-btn .e-mode-switch-btn:focus {
492
415
  box-shadow: none;
493
416
  }
494
-
495
- .e-container .e-value-switch-btn,
496
- .e-container .e-mode-switch-btn {
417
+ .e-container .e-value-switch-btn, .e-container .e-mode-switch-btn {
497
418
  background-color: transparent;
498
419
  border-color: transparent;
499
420
  position: relative;
500
421
  width: 28px;
501
422
  height: 26px;
502
423
  }
503
-
504
424
  .e-container.e-color-picker .e-value-switch-btn:focus, .e-container.e-color-picker .e-value-switch-btn:hover, .e-container.e-color-picker .e-value-switch-btn:active {
505
425
  border-color: transparent;
506
426
  box-shadow: none;
507
427
  outline: none;
508
428
  }
509
-
510
429
  .e-container.e-color-picker .e-value-switch-btn:focus {
511
430
  outline: none;
512
431
  }
513
-
514
- .e-container.e-color-palette .e-palette + .e-selected-value,
515
- .e-container.e-color-palette .e-palette-group + .e-selected-value {
432
+ .e-container.e-color-palette .e-palette + .e-selected-value, .e-container.e-color-palette .e-palette-group + .e-selected-value {
516
433
  padding: 15px 15px;
517
434
  }
518
-
519
- .e-container.e-color-palette .e-palette + .e-switch-ctrl-btn,
520
- .e-container.e-color-palette .e-palette-group + .e-switch-ctrl-btn {
435
+ .e-container.e-color-palette .e-palette + .e-switch-ctrl-btn, .e-container.e-color-palette .e-palette-group + .e-switch-ctrl-btn {
521
436
  padding: 25px 15px 15px;
522
437
  }
523
438
 
@@ -528,15 +443,12 @@ body.e-colorpicker-overflow {
528
443
  .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
529
444
  vertical-align: super;
530
445
  }
531
-
532
446
  .e-hide-opacity .e-container .e-slider-preview .e-preview-container {
533
447
  top: 0;
534
448
  }
535
-
536
449
  .e-hide-opacity .e-container .e-float-input:first-child {
537
450
  width: 38%;
538
451
  }
539
-
540
452
  .e-hide-opacity .e-container .e-float-input.e-numeric {
541
453
  width: 18.1%;
542
454
  }
@@ -544,7 +456,6 @@ body.e-colorpicker-overflow {
544
456
  .e-hide-hex-value .e-container .e-float-input.e-numeric {
545
457
  width: 23.14%;
546
458
  }
547
-
548
459
  .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric {
549
460
  width: 31.48%;
550
461
  }
@@ -552,31 +463,24 @@ body.e-colorpicker-overflow {
552
463
  .e-hide-valueswitcher .e-container .e-input-container {
553
464
  width: 100%;
554
465
  }
555
-
556
466
  .e-hide-valueswitcher .e-container .e-float-input:first-child {
557
467
  width: 31%;
558
468
  }
559
-
560
469
  .e-hide-valueswitcher .e-container .e-float-input.e-numeric {
561
470
  width: 15.38%;
562
471
  }
563
-
564
472
  .e-hide-valueswitcher .e-container .e-float-input:last-child {
565
473
  margin-right: 0;
566
474
  }
567
-
568
475
  .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child {
569
476
  width: 36%;
570
477
  }
571
-
572
478
  .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric {
573
479
  width: 19.47%;
574
480
  }
575
-
576
481
  .e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric {
577
482
  width: 23.59%;
578
483
  }
579
-
580
484
  .e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric {
581
485
  width: 32.1%;
582
486
  }
@@ -584,47 +488,37 @@ body.e-colorpicker-overflow {
584
488
  .e-rtl .e-container .e-hsv-container .e-hsv-color {
585
489
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to left, #fff 0, rgba(255, 255, 255, 0) 100%);
586
490
  }
587
-
588
491
  .e-rtl .e-container .e-slider-preview .e-hue-slider .e-slider-track {
589
492
  background: linear-gradient(to left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
590
493
  }
591
-
592
494
  .e-rtl .e-container .e-slider-preview .e-preview-container {
593
495
  margin-left: 0;
594
496
  margin-right: 4.17%;
595
497
  }
596
-
597
498
  .e-rtl .e-container .e-selected-value .e-float-input {
598
499
  margin-left: 1.856%;
599
500
  margin-right: 0;
600
501
  }
601
-
602
502
  .e-rtl .e-container .e-selected-value .e-float-input input {
603
503
  padding-right: 0;
604
504
  }
605
-
606
505
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
607
506
  transform: rotate(180deg);
608
507
  }
609
-
610
508
  .e-rtl .e-container .e-switch-ctrl-btn .e-mode-switch-btn {
611
509
  float: right;
612
510
  }
613
-
614
511
  .e-rtl .e-container .e-switch-ctrl-btn .e-ctrl-btn {
615
512
  float: left;
616
513
  text-align: left;
617
514
  }
618
-
619
515
  .e-rtl .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-cancel {
620
516
  margin-left: 0;
621
517
  margin-right: 8px;
622
518
  }
623
-
624
519
  .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
625
520
  margin-right: calc(1.856% - 2.37px);
626
521
  }
627
-
628
522
  .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
629
523
  margin-left: 0;
630
524
  }
@@ -632,175 +526,126 @@ body.e-colorpicker-overflow {
632
526
  .e-bigger .e-container.e-color-picker {
633
527
  width: 290px;
634
528
  }
635
-
636
529
  .e-bigger .e-container .e-palette .e-tile {
637
530
  height: 29px;
638
531
  width: 29px;
639
532
  }
640
-
641
533
  .e-bigger .e-container .e-hsv-container .e-handler {
642
534
  height: 12px;
643
535
  width: 12px;
644
536
  }
645
-
646
537
  .e-bigger .e-container .e-hsv-container .e-hsv-color {
647
538
  height: 180px;
648
539
  }
649
-
650
540
  .e-bigger .e-container .e-custom-palette.e-palette-group {
651
541
  height: 290px;
652
542
  }
653
-
654
543
  .e-bigger .e-container .e-slider-preview {
655
544
  padding: 16px;
656
545
  }
657
-
658
546
  .e-bigger .e-container .e-slider-preview .e-preview-container {
659
547
  margin-left: 3.85%;
660
548
  vertical-align: super;
661
549
  width: 12.31%;
662
550
  top: 0;
663
551
  }
664
-
665
552
  .e-bigger .e-container .e-slider-preview .e-colorpicker-slider {
666
553
  width: 83.7%;
667
554
  }
668
-
669
555
  .e-bigger .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container {
670
556
  height: 22px;
671
557
  padding: 12px;
672
558
  }
673
-
674
559
  .e-bigger .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle {
675
560
  border-radius: 8px;
676
561
  height: 16px;
677
562
  top: calc(50% - 8px);
678
563
  width: 16px;
679
564
  }
680
-
681
565
  .e-bigger .e-container .e-slider-preview .e-switch-ctrl-btn {
682
566
  display: inline-block;
683
567
  padding: 16px;
684
568
  white-space: nowrap;
685
569
  width: 100%;
686
570
  }
687
-
688
571
  .e-bigger .e-container .e-slider-preview .e-switch-ctrl-btn .e-ctrl-btn {
689
572
  width: 90.6%;
690
573
  }
691
-
692
574
  .e-bigger .e-container .e-slider-preview .e-switch-ctrl-btn .e-cancel {
693
575
  margin-left: 10px;
694
576
  }
695
-
696
577
  .e-bigger .e-container.e-color-palette .e-palette + .e-switch-ctrl-btn {
697
578
  padding: 25px 15px 15px;
698
579
  }
699
-
700
580
  .e-bigger .e-container .e-input-container {
701
581
  width: 90.77%;
702
582
  }
703
-
704
583
  .e-bigger .e-container .e-input-container .e-float-input {
705
584
  margin-right: 1.699%;
706
585
  }
707
-
708
586
  .e-bigger .e-container .e-input-container .e-float-input:first-child {
709
587
  width: 30.7%;
710
588
  }
711
-
712
589
  .e-bigger .e-container .e-input-container .e-float-input:first-child input {
713
590
  height: 38px;
714
591
  }
715
-
716
592
  .e-bigger .e-container .e-input-container .e-float-input.e-numeric {
717
593
  height: 38px;
718
594
  width: 15.2%;
719
595
  }
720
-
721
596
  .e-bigger .e-container .e-input-container .e-float-input.e-numeric input {
722
597
  height: 36px;
723
598
  }
724
-
725
- .e-bigger .e-container .e-css.e-value-switch-btn,
726
- .e-bigger .e-container .e-mode-switch-btn {
599
+ .e-bigger .e-container .e-css.e-value-switch-btn, .e-bigger .e-container .e-mode-switch-btn {
727
600
  padding: 0 2px;
728
601
  width: 32px;
729
602
  height: 32px;
730
603
  font-size: 18px;
731
604
  line-height: 18px;
732
605
  }
733
-
734
606
  .e-bigger .e-container .e-mode-switch-btn {
735
607
  margin-top: 6px;
736
608
  }
737
-
738
609
  .e-bigger .e-container.sf-colorpicker .e-input-container .e-float-input {
739
610
  margin-right: calc(1.699% - 2.9px);
740
611
  }
741
-
742
612
  .e-bigger .e-hide-opacity .e-container .e-slider-preview, .e-bigger.e-hide-opacity .e-container .e-slider-preview {
743
613
  padding: 16px;
744
614
  }
745
-
746
615
  .e-bigger .e-hide-opacity .e-container .e-slider-preview .e-preview-container, .e-bigger.e-hide-opacity .e-container .e-slider-preview .e-preview-container {
747
616
  vertical-align: initial;
748
617
  }
749
-
750
618
  .e-bigger .e-hide-opacity .e-container .e-float-input:first-child, .e-bigger.e-hide-opacity .e-container .e-float-input:first-child {
751
619
  width: 38%;
752
620
  }
753
-
754
621
  .e-bigger .e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger.e-hide-opacity .e-container .e-float-input.e-numeric {
755
622
  width: 18.4%;
756
623
  }
757
-
758
- .e-bigger.e-hide-hex-value .e-container .e-float-input.e-numeric,
759
- .e-bigger .e-hide-hex-value .e-container .e-float-input.e-numeric {
624
+ .e-bigger.e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger .e-hide-hex-value .e-container .e-float-input.e-numeric {
760
625
  width: 23.3%;
761
626
  }
762
-
763
- .e-bigger.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric,
764
- .e-bigger .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric {
627
+ .e-bigger.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric {
765
628
  width: 31.48%;
766
629
  }
767
-
768
- .e-bigger.e-hide-valueswitcher .e-container .e-input-container,
769
- .e-bigger .e-hide-valueswitcher .e-container .e-input-container {
630
+ .e-bigger.e-hide-valueswitcher .e-container .e-input-container, .e-bigger .e-hide-valueswitcher .e-container .e-input-container {
770
631
  width: 100%;
771
632
  }
772
-
773
- .e-bigger.e-hide-valueswitcher .e-container .e-float-input:last-child,
774
- .e-bigger .e-hide-valueswitcher .e-container .e-float-input:last-child {
633
+ .e-bigger.e-hide-valueswitcher .e-container .e-float-input:last-child, .e-bigger .e-hide-valueswitcher .e-container .e-float-input:last-child {
775
634
  margin-right: 0;
776
635
  }
777
-
778
- .e-bigger.e-hide-valueswitcher .e-container .e-float-input.e-numeric,
779
- .e-bigger .e-hide-valueswitcher .e-container .e-float-input.e-numeric {
636
+ .e-bigger.e-hide-valueswitcher .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher .e-container .e-float-input.e-numeric {
780
637
  width: 15.62%;
781
638
  }
782
-
783
- .e-bigger.e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child,
784
- .e-bigger .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child {
639
+ .e-bigger.e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child, .e-bigger .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child {
785
640
  width: 36%;
786
641
  }
787
-
788
- .e-bigger.e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric,
789
- .e-bigger .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric {
642
+ .e-bigger.e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric {
790
643
  width: 19.62%;
791
644
  }
792
-
793
- .e-bigger.e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric,
794
- .e-bigger.e-hide-valueswitcher .e-hide-hex-value .e-container .e-float-input.e-numeric,
795
- .e-bigger .e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric,
796
- .e-bigger .e-hide-valueswitcher .e-hide-hex-value .e-container .e-float-input.e-numeric {
645
+ .e-bigger.e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger.e-hide-valueswitcher .e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher .e-hide-hex-value .e-container .e-float-input.e-numeric {
797
646
  width: 23.3%;
798
647
  }
799
-
800
- .e-bigger.e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric,
801
- .e-bigger.e-hide-valueswitcher .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric,
802
- .e-bigger .e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric,
803
- .e-bigger .e-hide-valueswitcher .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric {
648
+ .e-bigger.e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger.e-hide-valueswitcher .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric {
804
649
  width: 32.19%;
805
650
  }
806
651
 
@@ -809,18 +654,15 @@ body.e-colorpicker-overflow {
809
654
  margin-left: 0;
810
655
  margin-right: 3.85%;
811
656
  }
812
-
813
657
  .e-bigger .e-rtl .e-container .e-selected-value .e-float-input,
814
658
  .e-bigger.e-rtl .e-container .e-selected-value .e-float-input {
815
659
  margin-left: 1.699%;
816
660
  margin-right: 0;
817
661
  }
818
-
819
662
  .e-bigger .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input,
820
663
  .e-bigger.e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
821
664
  margin-left: calc(1.699% - 2.9px);
822
665
  }
823
-
824
666
  .e-bigger .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child,
825
667
  .e-bigger.e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
826
668
  margin-left: 0;
@@ -843,7 +685,6 @@ body.e-colorpicker-overflow {
843
685
  transform: translateY(18px) rotate(45deg) scale(0.01);
844
686
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
845
687
  }
846
-
847
688
  .e-popup.e-tooltip-wrap.e-color-picker-tooltip .e-tip-content {
848
689
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
849
690
  background-size: 8px;
@@ -867,7 +708,6 @@ body.e-colorpicker-overflow {
867
708
  .e-bigger.e-popup.e-tooltip-wrap.e-color-picker-tooltip {
868
709
  min-width: 32px;
869
710
  }
870
-
871
711
  .e-bigger .e-popup.e-tooltip-wrap.e-color-picker-tooltip .e-tip-content,
872
712
  .e-bigger.e-popup.e-tooltip-wrap.e-color-picker-tooltip .e-tip-content {
873
713
  height: 30px;
@@ -877,51 +717,39 @@ body.e-colorpicker-overflow {
877
717
  .e-container {
878
718
  background-color: #fff;
879
719
  }
880
-
881
720
  .e-container .e-palette .e-tile:hover {
882
721
  border-color: #fff;
883
722
  }
884
-
885
723
  .e-container .e-palette .e-tile.e-selected {
886
724
  border-color: transparent;
887
725
  border-color: #fff;
888
726
  }
889
-
890
- .e-container .e-handler.e-hide-handler,
891
- .e-container .e-handle.e-hide-handler {
727
+ .e-container .e-handler.e-hide-handler, .e-container .e-handle.e-hide-handler {
892
728
  background-color: transparent;
893
729
  border-color: transparent;
894
730
  box-shadow: none;
895
731
  }
896
732
 
897
- .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle),
898
- .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle) {
733
+ .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle), .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle) {
899
734
  background-color: #fff;
900
735
  border-color: #fff;
901
736
  }
902
-
903
- .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle).e-handle-start:not(.e-tab-handle),
904
- .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle).e-handle-start:not(.e-tab-handle) {
737
+ .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle).e-handle-start:not(.e-tab-handle), .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle).e-handle-start:not(.e-tab-handle) {
905
738
  background-color: #fff;
906
739
  border-color: #fff;
907
740
  }
908
-
909
- .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle.e-tab-handle,
910
- .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle.e-tab-handle {
741
+ .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle.e-tab-handle, .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle.e-tab-handle {
911
742
  background-color: #fff;
912
743
  border-color: #f8f9fa;
913
744
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
914
745
  }
915
746
 
916
- .e-colorpicker-wrapper.e-disabled .e-value-switch-btn,
917
- .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn,
747
+ .e-colorpicker-wrapper.e-disabled .e-value-switch-btn, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn,
918
748
  .e-colorpicker-container.e-disabled .e-value-switch-btn,
919
749
  .e-colorpicker-container.e-disabled .e-mode-switch-btn {
920
750
  color: #fff;
921
751
  }
922
-
923
- .e-colorpicker-wrapper.e-disabled .e-value-switch-btn:focus,
924
- .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn:focus,
752
+ .e-colorpicker-wrapper.e-disabled .e-value-switch-btn:focus, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn:focus,
925
753
  .e-colorpicker-container.e-disabled .e-value-switch-btn:focus,
926
754
  .e-colorpicker-container.e-disabled .e-mode-switch-btn:focus {
927
755
  background-color: transparent;
@@ -929,38 +757,31 @@ body.e-colorpicker-overflow {
929
757
  outline: none;
930
758
  outline-offset: unset;
931
759
  }
932
-
933
- .e-colorpicker-wrapper.e-disabled .e-value-switch-btn:active,
934
- .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn:active,
760
+ .e-colorpicker-wrapper.e-disabled .e-value-switch-btn:active, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn:active,
935
761
  .e-colorpicker-container.e-disabled .e-value-switch-btn:active,
936
762
  .e-colorpicker-container.e-disabled .e-mode-switch-btn:active {
937
763
  background-color: transparent;
938
764
  color: #fff;
939
765
  }
940
-
941
766
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
942
767
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
943
768
  background-color: #fff;
944
769
  border-color: #ced4da;
945
770
  }
946
-
947
771
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker + .e-dropdown-btn,
948
772
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker + .e-dropdown-btn {
949
773
  border-color: #ced4da;
950
774
  }
951
-
952
775
  .e-colorpicker-wrapper .e-btn.e-icon-btn,
953
776
  .e-colorpicker-container .e-btn.e-icon-btn {
954
777
  background-color: #fff;
955
778
  color: #495057;
956
779
  }
957
-
958
780
  .e-colorpicker-wrapper .e-icon-btn:hover,
959
781
  .e-colorpicker-container .e-icon-btn:hover {
960
782
  background-color: #6c757d;
961
783
  color: #fff;
962
784
  }
963
-
964
785
  .e-colorpicker-wrapper .e-icon-btn:focus,
965
786
  .e-colorpicker-container .e-icon-btn:focus {
966
787
  background-color: #fff;
@@ -968,14 +789,12 @@ body.e-colorpicker-overflow {
968
789
  box-shadow: 0 0 0 0.2rem rgba(73, 80, 87, 0.5);
969
790
  color: #495057;
970
791
  }
971
-
972
792
  .e-colorpicker-wrapper .e-icon-btn:active,
973
793
  .e-colorpicker-container .e-icon-btn:active {
974
794
  background-color: #6c757d;
975
795
  box-shadow: 0 0 0 0.2rem rgba(73, 80, 87, 0.5);
976
796
  color: #fff;
977
797
  }
978
-
979
798
  .e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled,
980
799
  .e-colorpicker-container .e-icon-btn:disabled,
981
800
  .e-colorpicker-container .e-icon-btn.e-disabled {
@@ -989,7 +808,6 @@ body.e-colorpicker-overflow {
989
808
  border-color: #fff;
990
809
  color: #495057;
991
810
  }
992
-
993
811
  * .e-color-picker .e-selected-value .e-css.e-btn.e-flat:hover, * .e-color-picker .e-selected-value .e-css.e-btn.e-flat:active {
994
812
  color: #212529;
995
813
  }
@@ -997,4 +815,4 @@ body.e-colorpicker-overflow {
997
815
  .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
998
816
  background-color: #fff;
999
817
  border-color: #fff;
1000
- }
818
+ }