f7 1.6.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (24) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +43 -0
  3. data/lib/f7.rb +6 -0
  4. data/lib/f7/version.rb +3 -0
  5. data/vendor/assets/javascripts/framework7.js +18594 -0
  6. data/vendor/assets/javascripts/framework7.js.map +1 -0
  7. data/vendor/assets/javascripts/framework7.min.js +26 -0
  8. data/vendor/assets/javascripts/framework7.min.js.map +1 -0
  9. data/vendor/assets/javascripts/my-app.js +48 -0
  10. data/vendor/assets/stylesheets/framework7.css +29025 -0
  11. data/vendor/assets/stylesheets/framework7.ios.colors.css +3232 -0
  12. data/vendor/assets/stylesheets/framework7.ios.colors.min.css +15 -0
  13. data/vendor/assets/stylesheets/framework7.ios.css +8352 -0
  14. data/vendor/assets/stylesheets/framework7.ios.min.css +15 -0
  15. data/vendor/assets/stylesheets/framework7.ios.rtl.css +718 -0
  16. data/vendor/assets/stylesheets/framework7.ios.rtl.min.css +15 -0
  17. data/vendor/assets/stylesheets/framework7.material.colors.css +8982 -0
  18. data/vendor/assets/stylesheets/framework7.material.colors.min.css +15 -0
  19. data/vendor/assets/stylesheets/framework7.material.css +8647 -0
  20. data/vendor/assets/stylesheets/framework7.material.min.css +15 -0
  21. data/vendor/assets/stylesheets/framework7.material.rtl.css +678 -0
  22. data/vendor/assets/stylesheets/framework7.material.rtl.min.css +15 -0
  23. data/vendor/assets/stylesheets/my-app.css +0 -0
  24. metadata +94 -0
data/vendor/assets/stylesheets/framework7.ios.colors.css ADDED
@@ -0,0 +1,3232 @@
1
+ /**
2
+ * Framework7 1.6.5
3
+ * Full featured mobile HTML framework for building iOS & Android apps
4
+ *
5
+ * iOS Theme
6
+ *
7
+ * http://framework7.io/
8
+ *
9
+ * Copyright 2017, Vladimir Kharlampidi
10
+ * The iDangero.us
11
+ * http://www.idangero.us/
12
+ *
13
+ * Licensed under MIT
14
+ *
15
+ * Released on: September 7, 2017
16
+ */
17
+ /*==========================
18
+ Framework7 Color Themes
19
+ ==========================*/
20
+ .theme-gray .button:not(.button-fill) {
21
+ border-color: #8e8e93;
22
+ }
23
+ html:not(.watch-active-state) .theme-gray .button:not(.button-fill):active,
24
+ .theme-gray .button:not(.button-fill).active-state {
25
+ background-color: rgba(142, 142, 147, 0.15);
26
+ }
27
+ .theme-gray .button:not(.button-fill).active {
28
+ background-color: #8e8e93;
29
+ color: #fff;
30
+ }
31
+ .theme-gray .button.button-fill {
32
+ background: #8e8e93;
33
+ color: #fff;
34
+ }
35
+ .progressbar.theme-gray span,
36
+ .theme-gray .progressbar span {
37
+ background-color: #8e8e93;
38
+ }
39
+ .progressbar-infinite.theme-gray:before,
40
+ .theme-gray .progressbar-infinite:before {
41
+ background-color: #8e8e93;
42
+ }
43
+ .theme-gray i.icon,
44
+ i.icon.theme-gray {
45
+ color: #8e8e93;
46
+ }
47
+ i.icon-next.color-gray,
48
+ i.icon-next.theme-gray,
49
+ .theme-gray i.icon-next {
50
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
51
+ }
52
+ i.icon-prev.color-gray,
53
+ i.icon-prev.theme-gray,
54
+ .theme-gray i.icon-prev {
55
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
56
+ }
57
+ i.icon-back.color-gray,
58
+ i.icon-back.theme-gray,
59
+ .theme-gray i.icon-back {
60
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E");
61
+ }
62
+ i.icon-forward.color-gray,
63
+ i.icon-forward.theme-gray,
64
+ .theme-gray i.icon-forward {
65
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E");
66
+ }
67
+ i.icon-bars.color-gray,
68
+ i.icon-bars.theme-gray,
69
+ .theme-gray i.icon-bars {
70
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
71
+ }
72
+ @media (-webkit-min-device-pixel-ratio: 2) {
73
+ i.icon-bars.color-gray,
74
+ i.icon-bars.theme-gray,
75
+ .theme-gray i.icon-bars {
76
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
77
+ }
78
+ }
79
+ .theme-gray a,
80
+ .theme-gray .item-link.list-button,
81
+ .theme-gray .list-button {
82
+ color: #8e8e93;
83
+ }
84
+ .theme-gray .tabbar a,
85
+ .tabbar.theme-gray a,
86
+ .theme-gray .tabbar a i,
87
+ .tabbar.theme-gray a i {
88
+ color: inherit;
89
+ }
90
+ .theme-gray .tabbar a.active,
91
+ .tabbar.theme-gray a.active,
92
+ .theme-gray .tabbar a.active i,
93
+ .tabbar.theme-gray a.active i {
94
+ color: #8e8e93;
95
+ }
96
+ .theme-gray .messagebar .messagebar-send-link {
97
+ background-color: #8e8e93;
98
+ }
99
+ .theme-gray label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
100
+ .theme-gray label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
101
+ .theme-gray .form-checkbox input[type="checkbox"]:checked ~ i,
102
+ label.label-checkbox.theme-gray input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
103
+ label.label-checkbox.theme-gray input[type="radio"]:checked + .item-media i.icon-form-checkbox,
104
+ .form-checkbox.theme-gray input[type="checkbox"]:checked ~ i {
105
+ background-color: #8e8e93;
106
+ }
107
+ .theme-gray .form-radio input[type="radio"]:checked ~ i,
108
+ .theme-gray label.label-radio input[type="checkbox"]:checked ~ .item-inner,
109
+ .theme-gray label.label-radio input[type="radio"]:checked ~ .item-inner,
110
+ .form-radio.theme-gray input[type="radio"]:checked ~ i,
111
+ label.label-radio.theme-gray input[type="checkbox"]:checked ~ .item-inner,
112
+ label.label-radio.theme-gray input[type="radio"]:checked ~ .item-inner {
113
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%238e8e93'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
114
+ }
115
+ .theme-gray .picker-calendar-day.picker-calendar-day-selected span {
116
+ background-color: #8e8e93 !important;
117
+ }
118
+ .theme-gray .data-table .data-table-header-selected,
119
+ .data-table.theme-gray .data-table-header-selected {
120
+ background: rgba(142, 142, 147, 0.1);
121
+ }
122
+ .theme-gray .data-table .data-table-title-selected,
123
+ .data-table.theme-gray .data-table-title-selected {
124
+ color: #8e8e93;
125
+ }
126
+ .swiper-pagination.color-gray .swiper-pagination-bullet-active,
127
+ .theme-gray .swiper-pagination .swiper-pagination-bullet-active {
128
+ background-color: #8e8e93;
129
+ }
130
+ .swiper-pagination.color-gray .swiper-pagination-progressbar,
131
+ .theme-gray .swiper-pagination .swiper-pagination-progressbar {
132
+ background-color: #8e8e93;
133
+ }
134
+ .swiper-pagination.swiper-pagination-progress.bg-gray {
135
+ background-color: rgba(142, 142, 147, 0.25);
136
+ }
137
+ .swiper-button-next.color-gray,
138
+ .swiper-container-rtl .swiper-button-prev.color-gray,
139
+ .theme-gray .swiper-button-next,
140
+ .theme-gray .swiper-container-rtl .swiper-button-prev {
141
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E");
142
+ }
143
+ .swiper-button-prev.color-gray,
144
+ .swiper-container-rtl .swiper-button-next.color-gray,
145
+ .theme-gray .swiper-button-prev,
146
+ .theme-gray .swiper-container-rtl .swiper-button-next {
147
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E");
148
+ }
149
+ .theme-gray .floating-button,
150
+ .theme-gray .speed-dial-buttons a,
151
+ .floating-button.theme-gray,
152
+ .speed-dial-buttons a.theme-gray {
153
+ color: #fff;
154
+ background: #8e8e93;
155
+ }
156
+ html:not(.watch-active-state) .theme-gray .floating-button:active,
157
+ html:not(.watch-active-state) .theme-gray .speed-dial-buttons a:active,
158
+ html:not(.watch-active-state) .floating-button.theme-gray:active,
159
+ html:not(.watch-active-state) .speed-dial-buttons a.theme-gray:active,
160
+ .theme-gray .floating-button.active-state,
161
+ .theme-gray .speed-dial-buttons a.active-state,
162
+ .floating-button.theme-gray.active-state,
163
+ .speed-dial-buttons a.theme-gray.active-state {
164
+ background: #79797f;
165
+ }
166
+ .theme-gray .floating-button i,
167
+ .theme-gray .speed-dial-buttons a i,
168
+ .floating-button.theme-gray i,
169
+ .speed-dial-buttons a.theme-gray i {
170
+ color: inherit;
171
+ }
172
+ .theme-gray .range-slider input[type="range"]::-webkit-slider-thumb:before,
173
+ .range-slider.theme-gray input[type="range"]::-webkit-slider-thumb:before {
174
+ background-color: #8e8e93;
175
+ }
176
+ .theme-gray .range-slider input[type="range"]::-ms-fill-lower,
177
+ .range-slider.theme-gray input[type="range"]::-ms-fill-lower {
178
+ background-color: #8e8e93;
179
+ }
180
+ .badge.theme-gray {
181
+ background-color: #8e8e93;
182
+ color: #fff;
183
+ }
184
+ .theme-white .button:not(.button-fill) {
185
+ border-color: #ffffff;
186
+ }
187
+ html:not(.watch-active-state) .theme-white .button:not(.button-fill):active,
188
+ .theme-white .button:not(.button-fill).active-state {
189
+ background-color: rgba(255, 255, 255, 0.15);
190
+ }
191
+ .theme-white .button:not(.button-fill).active {
192
+ background-color: #ffffff;
193
+ color: #fff;
194
+ }
195
+ .theme-white .button.button-fill {
196
+ background: #ffffff;
197
+ color: #fff;
198
+ }
199
+ .progressbar.theme-white span,
200
+ .theme-white .progressbar span {
201
+ background-color: #ffffff;
202
+ }
203
+ .progressbar-infinite.theme-white:before,
204
+ .theme-white .progressbar-infinite:before {
205
+ background-color: #ffffff;
206
+ }
207
+ .theme-white i.icon,
208
+ i.icon.theme-white {
209
+ color: #ffffff;
210
+ }
211
+ i.icon-next.color-white,
212
+ i.icon-next.theme-white,
213
+ .theme-white i.icon-next {
214
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
215
+ }
216
+ i.icon-prev.color-white,
217
+ i.icon-prev.theme-white,
218
+ .theme-white i.icon-prev {
219
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
220
+ }
221
+ i.icon-back.color-white,
222
+ i.icon-back.theme-white,
223
+ .theme-white i.icon-back {
224
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
225
+ }
226
+ i.icon-forward.color-white,
227
+ i.icon-forward.theme-white,
228
+ .theme-white i.icon-forward {
229
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
230
+ }
231
+ i.icon-bars.color-white,
232
+ i.icon-bars.theme-white,
233
+ .theme-white i.icon-bars {
234
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
235
+ }
236
+ @media (-webkit-min-device-pixel-ratio: 2) {
237
+ i.icon-bars.color-white,
238
+ i.icon-bars.theme-white,
239
+ .theme-white i.icon-bars {
240
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
241
+ }
242
+ }
243
+ .theme-white a,
244
+ .theme-white .item-link.list-button,
245
+ .theme-white .list-button {
246
+ color: #ffffff;
247
+ }
248
+ .theme-white .tabbar a,
249
+ .tabbar.theme-white a,
250
+ .theme-white .tabbar a i,
251
+ .tabbar.theme-white a i {
252
+ color: inherit;
253
+ }
254
+ .theme-white .tabbar a.active,
255
+ .tabbar.theme-white a.active,
256
+ .theme-white .tabbar a.active i,
257
+ .tabbar.theme-white a.active i {
258
+ color: #ffffff;
259
+ }
260
+ .theme-white .messagebar .messagebar-send-link {
261
+ background-color: #ffffff;
262
+ }
263
+ .theme-white label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
264
+ .theme-white label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
265
+ .theme-white .form-checkbox input[type="checkbox"]:checked ~ i,
266
+ label.label-checkbox.theme-white input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
267
+ label.label-checkbox.theme-white input[type="radio"]:checked + .item-media i.icon-form-checkbox,
268
+ .form-checkbox.theme-white input[type="checkbox"]:checked ~ i {
269
+ background-color: #ffffff;
270
+ }
271
+ .theme-white .form-radio input[type="radio"]:checked ~ i,
272
+ .theme-white label.label-radio input[type="checkbox"]:checked ~ .item-inner,
273
+ .theme-white label.label-radio input[type="radio"]:checked ~ .item-inner,
274
+ .form-radio.theme-white input[type="radio"]:checked ~ i,
275
+ label.label-radio.theme-white input[type="checkbox"]:checked ~ .item-inner,
276
+ label.label-radio.theme-white input[type="radio"]:checked ~ .item-inner {
277
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
278
+ }
279
+ .theme-white .picker-calendar-day.picker-calendar-day-selected span {
280
+ background-color: #ffffff !important;
281
+ }
282
+ .theme-white .data-table .data-table-header-selected,
283
+ .data-table.theme-white .data-table-header-selected {
284
+ background: rgba(255, 255, 255, 0.1);
285
+ }
286
+ .theme-white .data-table .data-table-title-selected,
287
+ .data-table.theme-white .data-table-title-selected {
288
+ color: #ffffff;
289
+ }
290
+ .swiper-pagination.color-white .swiper-pagination-bullet-active,
291
+ .theme-white .swiper-pagination .swiper-pagination-bullet-active {
292
+ background-color: #ffffff;
293
+ }
294
+ .swiper-pagination.color-white .swiper-pagination-progressbar,
295
+ .theme-white .swiper-pagination .swiper-pagination-progressbar {
296
+ background-color: #ffffff;
297
+ }
298
+ .swiper-pagination.swiper-pagination-progress.bg-white {
299
+ background-color: rgba(255, 255, 255, 0.25);
300
+ }
301
+ .swiper-button-next.color-white,
302
+ .swiper-container-rtl .swiper-button-prev.color-white,
303
+ .theme-white .swiper-button-next,
304
+ .theme-white .swiper-container-rtl .swiper-button-prev {
305
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
306
+ }
307
+ .swiper-button-prev.color-white,
308
+ .swiper-container-rtl .swiper-button-next.color-white,
309
+ .theme-white .swiper-button-prev,
310
+ .theme-white .swiper-container-rtl .swiper-button-next {
311
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
312
+ }
313
+ .theme-white .floating-button,
314
+ .theme-white .speed-dial-buttons a,
315
+ .floating-button.theme-white,
316
+ .speed-dial-buttons a.theme-white {
317
+ color: #fff;
318
+ background: #ffffff;
319
+ }
320
+ html:not(.watch-active-state) .theme-white .floating-button:active,
321
+ html:not(.watch-active-state) .theme-white .speed-dial-buttons a:active,
322
+ html:not(.watch-active-state) .floating-button.theme-white:active,
323
+ html:not(.watch-active-state) .speed-dial-buttons a.theme-white:active,
324
+ .theme-white .floating-button.active-state,
325
+ .theme-white .speed-dial-buttons a.active-state,
326
+ .floating-button.theme-white.active-state,
327
+ .speed-dial-buttons a.theme-white.active-state {
328
+ background: #ebebeb;
329
+ }
330
+ .theme-white .floating-button i,
331
+ .theme-white .speed-dial-buttons a i,
332
+ .floating-button.theme-white i,
333
+ .speed-dial-buttons a.theme-white i {
334
+ color: inherit;
335
+ }
336
+ .theme-white .range-slider input[type="range"]::-webkit-slider-thumb:before,
337
+ .range-slider.theme-white input[type="range"]::-webkit-slider-thumb:before {
338
+ background-color: #ffffff;
339
+ }
340
+ .theme-white .range-slider input[type="range"]::-ms-fill-lower,
341
+ .range-slider.theme-white input[type="range"]::-ms-fill-lower {
342
+ background-color: #ffffff;
343
+ }
344
+ .badge.theme-white {
345
+ background-color: #ffffff;
346
+ color: #fff;
347
+ }
348
+ .theme-black .button:not(.button-fill) {
349
+ border-color: #000000;
350
+ }
351
+ html:not(.watch-active-state) .theme-black .button:not(.button-fill):active,
352
+ .theme-black .button:not(.button-fill).active-state {
353
+ background-color: rgba(0, 0, 0, 0.15);
354
+ }
355
+ .theme-black .button:not(.button-fill).active {
356
+ background-color: #000000;
357
+ color: #fff;
358
+ }
359
+ .theme-black .button.button-fill {
360
+ background: #000000;
361
+ color: #fff;
362
+ }
363
+ .progressbar.theme-black span,
364
+ .theme-black .progressbar span {
365
+ background-color: #000000;
366
+ }
367
+ .progressbar-infinite.theme-black:before,
368
+ .theme-black .progressbar-infinite:before {
369
+ background-color: #000000;
370
+ }
371
+ .theme-black i.icon,
372
+ i.icon.theme-black {
373
+ color: #000000;
374
+ }
375
+ i.icon-next.color-black,
376
+ i.icon-next.theme-black,
377
+ .theme-black i.icon-next {
378
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
379
+ }
380
+ i.icon-prev.color-black,
381
+ i.icon-prev.theme-black,
382
+ .theme-black i.icon-prev {
383
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
384
+ }
385
+ i.icon-back.color-black,
386
+ i.icon-back.theme-black,
387
+ .theme-black i.icon-back {
388
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
389
+ }
390
+ i.icon-forward.color-black,
391
+ i.icon-forward.theme-black,
392
+ .theme-black i.icon-forward {
393
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
394
+ }
395
+ i.icon-bars.color-black,
396
+ i.icon-bars.theme-black,
397
+ .theme-black i.icon-bars {
398
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
399
+ }
400
+ @media (-webkit-min-device-pixel-ratio: 2) {
401
+ i.icon-bars.color-black,
402
+ i.icon-bars.theme-black,
403
+ .theme-black i.icon-bars {
404
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
405
+ }
406
+ }
407
+ .theme-black a,
408
+ .theme-black .item-link.list-button,
409
+ .theme-black .list-button {
410
+ color: #000000;
411
+ }
412
+ .theme-black .tabbar a,
413
+ .tabbar.theme-black a,
414
+ .theme-black .tabbar a i,
415
+ .tabbar.theme-black a i {
416
+ color: inherit;
417
+ }
418
+ .theme-black .tabbar a.active,
419
+ .tabbar.theme-black a.active,
420
+ .theme-black .tabbar a.active i,
421
+ .tabbar.theme-black a.active i {
422
+ color: #000000;
423
+ }
424
+ .theme-black .messagebar .messagebar-send-link {
425
+ background-color: #000000;
426
+ }
427
+ .theme-black label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
428
+ .theme-black label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
429
+ .theme-black .form-checkbox input[type="checkbox"]:checked ~ i,
430
+ label.label-checkbox.theme-black input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
431
+ label.label-checkbox.theme-black input[type="radio"]:checked + .item-media i.icon-form-checkbox,
432
+ .form-checkbox.theme-black input[type="checkbox"]:checked ~ i {
433
+ background-color: #000000;
434
+ }
435
+ .theme-black .form-radio input[type="radio"]:checked ~ i,
436
+ .theme-black label.label-radio input[type="checkbox"]:checked ~ .item-inner,
437
+ .theme-black label.label-radio input[type="radio"]:checked ~ .item-inner,
438
+ .form-radio.theme-black input[type="radio"]:checked ~ i,
439
+ label.label-radio.theme-black input[type="checkbox"]:checked ~ .item-inner,
440
+ label.label-radio.theme-black input[type="radio"]:checked ~ .item-inner {
441
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23000000'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
442
+ }
443
+ .theme-black .picker-calendar-day.picker-calendar-day-selected span {
444
+ background-color: #000000 !important;
445
+ }
446
+ .theme-black .data-table .data-table-header-selected,
447
+ .data-table.theme-black .data-table-header-selected {
448
+ background: rgba(0, 0, 0, 0.1);
449
+ }
450
+ .theme-black .data-table .data-table-title-selected,
451
+ .data-table.theme-black .data-table-title-selected {
452
+ color: #000000;
453
+ }
454
+ .swiper-pagination.color-black .swiper-pagination-bullet-active,
455
+ .theme-black .swiper-pagination .swiper-pagination-bullet-active {
456
+ background-color: #000000;
457
+ }
458
+ .swiper-pagination.color-black .swiper-pagination-progressbar,
459
+ .theme-black .swiper-pagination .swiper-pagination-progressbar {
460
+ background-color: #000000;
461
+ }
462
+ .swiper-pagination.swiper-pagination-progress.bg-black {
463
+ background-color: rgba(0, 0, 0, 0.25);
464
+ }
465
+ .swiper-button-next.color-black,
466
+ .swiper-container-rtl .swiper-button-prev.color-black,
467
+ .theme-black .swiper-button-next,
468
+ .theme-black .swiper-container-rtl .swiper-button-prev {
469
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
470
+ }
471
+ .swiper-button-prev.color-black,
472
+ .swiper-container-rtl .swiper-button-next.color-black,
473
+ .theme-black .swiper-button-prev,
474
+ .theme-black .swiper-container-rtl .swiper-button-next {
475
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
476
+ }
477
+ .theme-black .floating-button,
478
+ .theme-black .speed-dial-buttons a,
479
+ .floating-button.theme-black,
480
+ .speed-dial-buttons a.theme-black {
481
+ color: #fff;
482
+ background: #000000;
483
+ }
484
+ html:not(.watch-active-state) .theme-black .floating-button:active,
485
+ html:not(.watch-active-state) .theme-black .speed-dial-buttons a:active,
486
+ html:not(.watch-active-state) .floating-button.theme-black:active,
487
+ html:not(.watch-active-state) .speed-dial-buttons a.theme-black:active,
488
+ .theme-black .floating-button.active-state,
489
+ .theme-black .speed-dial-buttons a.active-state,
490
+ .floating-button.theme-black.active-state,
491
+ .speed-dial-buttons a.theme-black.active-state {
492
+ background: #000000;
493
+ }
494
+ .theme-black .floating-button i,
495
+ .theme-black .speed-dial-buttons a i,
496
+ .floating-button.theme-black i,
497
+ .speed-dial-buttons a.theme-black i {
498
+ color: inherit;
499
+ }
500
+ .theme-black .range-slider input[type="range"]::-webkit-slider-thumb:before,
501
+ .range-slider.theme-black input[type="range"]::-webkit-slider-thumb:before {
502
+ background-color: #000000;
503
+ }
504
+ .theme-black .range-slider input[type="range"]::-ms-fill-lower,
505
+ .range-slider.theme-black input[type="range"]::-ms-fill-lower {
506
+ background-color: #000000;
507
+ }
508
+ .badge.theme-black {
509
+ background-color: #000000;
510
+ color: #fff;
511
+ }
512
+ .theme-lightblue .button:not(.button-fill) {
513
+ border-color: #5ac8fa;
514
+ }
515
+ html:not(.watch-active-state) .theme-lightblue .button:not(.button-fill):active,
516
+ .theme-lightblue .button:not(.button-fill).active-state {
517
+ background-color: rgba(90, 200, 250, 0.15);
518
+ }
519
+ .theme-lightblue .button:not(.button-fill).active {
520
+ background-color: #5ac8fa;
521
+ color: #fff;
522
+ }
523
+ .theme-lightblue .button.button-fill {
524
+ background: #5ac8fa;
525
+ color: #fff;
526
+ }
527
+ .progressbar.theme-lightblue span,
528
+ .theme-lightblue .progressbar span {
529
+ background-color: #5ac8fa;
530
+ }
531
+ .progressbar-infinite.theme-lightblue:before,
532
+ .theme-lightblue .progressbar-infinite:before {
533
+ background-color: #5ac8fa;
534
+ }
535
+ .theme-lightblue i.icon,
536
+ i.icon.theme-lightblue {
537
+ color: #5ac8fa;
538
+ }
539
+ i.icon-next.color-lightblue,
540
+ i.icon-next.theme-lightblue,
541
+ .theme-lightblue i.icon-next {
542
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
543
+ }
544
+ i.icon-prev.color-lightblue,
545
+ i.icon-prev.theme-lightblue,
546
+ .theme-lightblue i.icon-prev {
547
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
548
+ }
549
+ i.icon-back.color-lightblue,
550
+ i.icon-back.theme-lightblue,
551
+ .theme-lightblue i.icon-back {
552
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E");
553
+ }
554
+ i.icon-forward.color-lightblue,
555
+ i.icon-forward.theme-lightblue,
556
+ .theme-lightblue i.icon-forward {
557
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E");
558
+ }
559
+ i.icon-bars.color-lightblue,
560
+ i.icon-bars.theme-lightblue,
561
+ .theme-lightblue i.icon-bars {
562
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
563
+ }
564
+ @media (-webkit-min-device-pixel-ratio: 2) {
565
+ i.icon-bars.color-lightblue,
566
+ i.icon-bars.theme-lightblue,
567
+ .theme-lightblue i.icon-bars {
568
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
569
+ }
570
+ }
571
+ .theme-lightblue a,
572
+ .theme-lightblue .item-link.list-button,
573
+ .theme-lightblue .list-button {
574
+ color: #5ac8fa;
575
+ }
576
+ .theme-lightblue .tabbar a,
577
+ .tabbar.theme-lightblue a,
578
+ .theme-lightblue .tabbar a i,
579
+ .tabbar.theme-lightblue a i {
580
+ color: inherit;
581
+ }
582
+ .theme-lightblue .tabbar a.active,
583
+ .tabbar.theme-lightblue a.active,
584
+ .theme-lightblue .tabbar a.active i,
585
+ .tabbar.theme-lightblue a.active i {
586
+ color: #5ac8fa;
587
+ }
588
+ .theme-lightblue .messagebar .messagebar-send-link {
589
+ background-color: #5ac8fa;
590
+ }
591
+ .theme-lightblue label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
592
+ .theme-lightblue label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
593
+ .theme-lightblue .form-checkbox input[type="checkbox"]:checked ~ i,
594
+ label.label-checkbox.theme-lightblue input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
595
+ label.label-checkbox.theme-lightblue input[type="radio"]:checked + .item-media i.icon-form-checkbox,
596
+ .form-checkbox.theme-lightblue input[type="checkbox"]:checked ~ i {
597
+ background-color: #5ac8fa;
598
+ }
599
+ .theme-lightblue .form-radio input[type="radio"]:checked ~ i,
600
+ .theme-lightblue label.label-radio input[type="checkbox"]:checked ~ .item-inner,
601
+ .theme-lightblue label.label-radio input[type="radio"]:checked ~ .item-inner,
602
+ .form-radio.theme-lightblue input[type="radio"]:checked ~ i,
603
+ label.label-radio.theme-lightblue input[type="checkbox"]:checked ~ .item-inner,
604
+ label.label-radio.theme-lightblue input[type="radio"]:checked ~ .item-inner {
605
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%235ac8fa'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
606
+ }
607
+ .theme-lightblue .picker-calendar-day.picker-calendar-day-selected span {
608
+ background-color: #5ac8fa !important;
609
+ }
610
+ .theme-lightblue .data-table .data-table-header-selected,
611
+ .data-table.theme-lightblue .data-table-header-selected {
612
+ background: rgba(90, 200, 250, 0.1);
613
+ }
614
+ .theme-lightblue .data-table .data-table-title-selected,
615
+ .data-table.theme-lightblue .data-table-title-selected {
616
+ color: #5ac8fa;
617
+ }
618
+ .swiper-pagination.color-lightblue .swiper-pagination-bullet-active,
619
+ .theme-lightblue .swiper-pagination .swiper-pagination-bullet-active {
620
+ background-color: #5ac8fa;
621
+ }
622
+ .swiper-pagination.color-lightblue .swiper-pagination-progressbar,
623
+ .theme-lightblue .swiper-pagination .swiper-pagination-progressbar {
624
+ background-color: #5ac8fa;
625
+ }
626
+ .swiper-pagination.swiper-pagination-progress.bg-lightblue {
627
+ background-color: rgba(90, 200, 250, 0.25);
628
+ }
629
+ .swiper-button-next.color-lightblue,
630
+ .swiper-container-rtl .swiper-button-prev.color-lightblue,
631
+ .theme-lightblue .swiper-button-next,
632
+ .theme-lightblue .swiper-container-rtl .swiper-button-prev {
633
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E");
634
+ }
635
+ .swiper-button-prev.color-lightblue,
636
+ .swiper-container-rtl .swiper-button-next.color-lightblue,
637
+ .theme-lightblue .swiper-button-prev,
638
+ .theme-lightblue .swiper-container-rtl .swiper-button-next {
639
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E");
640
+ }
641
+ .theme-lightblue .floating-button,
642
+ .theme-lightblue .speed-dial-buttons a,
643
+ .floating-button.theme-lightblue,
644
+ .speed-dial-buttons a.theme-lightblue {
645
+ color: #fff;
646
+ background: #5ac8fa;
647
+ }
648
+ html:not(.watch-active-state) .theme-lightblue .floating-button:active,
649
+ html:not(.watch-active-state) .theme-lightblue .speed-dial-buttons a:active,
650
+ html:not(.watch-active-state) .floating-button.theme-lightblue:active,
651
+ html:not(.watch-active-state) .speed-dial-buttons a.theme-lightblue:active,
652
+ .theme-lightblue .floating-button.active-state,
653
+ .theme-lightblue .speed-dial-buttons a.active-state,
654
+ .floating-button.theme-lightblue.active-state,
655
+ .speed-dial-buttons a.theme-lightblue.active-state {
656
+ background: #32bbf9;
657
+ }
658
+ .theme-lightblue .floating-button i,
659
+ .theme-lightblue .speed-dial-buttons a i,
660
+ .floating-button.theme-lightblue i,
661
+ .speed-dial-buttons a.theme-lightblue i {
662
+ color: inherit;
663
+ }
664
+ .theme-lightblue .range-slider input[type="range"]::-webkit-slider-thumb:before,
665
+ .range-slider.theme-lightblue input[type="range"]::-webkit-slider-thumb:before {
666
+ background-color: #5ac8fa;
667
+ }
668
+ .theme-lightblue .range-slider input[type="range"]::-ms-fill-lower,
669
+ .range-slider.theme-lightblue input[type="range"]::-ms-fill-lower {
670
+ background-color: #5ac8fa;
671
+ }
672
+ .badge.theme-lightblue {
673
+ background-color: #5ac8fa;
674
+ color: #fff;
675
+ }
676
+ .theme-yellow .button:not(.button-fill) {
677
+ border-color: #ffcc00;
678
+ }
679
+ html:not(.watch-active-state) .theme-yellow .button:not(.button-fill):active,
680
+ .theme-yellow .button:not(.button-fill).active-state {
681
+ background-color: rgba(255, 204, 0, 0.15);
682
+ }
683
+ .theme-yellow .button:not(.button-fill).active {
684
+ background-color: #ffcc00;
685
+ color: #fff;
686
+ }
687
+ .theme-yellow .button.button-fill {
688
+ background: #ffcc00;
689
+ color: #fff;
690
+ }
691
+ .progressbar.theme-yellow span,
692
+ .theme-yellow .progressbar span {
693
+ background-color: #ffcc00;
694
+ }
695
+ .progressbar-infinite.theme-yellow:before,
696
+ .theme-yellow .progressbar-infinite:before {
697
+ background-color: #ffcc00;
698
+ }
699
+ .theme-yellow i.icon,
700
+ i.icon.theme-yellow {
701
+ color: #ffcc00;
702
+ }
703
+ i.icon-next.color-yellow,
704
+ i.icon-next.theme-yellow,
705
+ .theme-yellow i.icon-next {
706
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
707
+ }
708
+ i.icon-prev.color-yellow,
709
+ i.icon-prev.theme-yellow,
710
+ .theme-yellow i.icon-prev {
711
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
712
+ }
713
+ i.icon-back.color-yellow,
714
+ i.icon-back.theme-yellow,
715
+ .theme-yellow i.icon-back {
716
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E");
717
+ }
718
+ i.icon-forward.color-yellow,
719
+ i.icon-forward.theme-yellow,
720
+ .theme-yellow i.icon-forward {
721
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E");
722
+ }
723
+ i.icon-bars.color-yellow,
724
+ i.icon-bars.theme-yellow,
725
+ .theme-yellow i.icon-bars {
726
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
727
+ }
728
+ @media (-webkit-min-device-pixel-ratio: 2) {
729
+ i.icon-bars.color-yellow,
730
+ i.icon-bars.theme-yellow,
731
+ .theme-yellow i.icon-bars {
732
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
733
+ }
734
+ }
735
+ .theme-yellow a,
736
+ .theme-yellow .item-link.list-button,
737
+ .theme-yellow .list-button {
738
+ color: #ffcc00;
739
+ }
740
+ .theme-yellow .tabbar a,
741
+ .tabbar.theme-yellow a,
742
+ .theme-yellow .tabbar a i,
743
+ .tabbar.theme-yellow a i {
744
+ color: inherit;
745
+ }
746
+ .theme-yellow .tabbar a.active,
747
+ .tabbar.theme-yellow a.active,
748
+ .theme-yellow .tabbar a.active i,
749
+ .tabbar.theme-yellow a.active i {
750
+ color: #ffcc00;
751
+ }
752
+ .theme-yellow .messagebar .messagebar-send-link {
753
+ background-color: #ffcc00;
754
+ }
755
+ .theme-yellow label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
756
+ .theme-yellow label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
757
+ .theme-yellow .form-checkbox input[type="checkbox"]:checked ~ i,
758
+ label.label-checkbox.theme-yellow input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
759
+ label.label-checkbox.theme-yellow input[type="radio"]:checked + .item-media i.icon-form-checkbox,
760
+ .form-checkbox.theme-yellow input[type="checkbox"]:checked ~ i {
761
+ background-color: #ffcc00;
762
+ }
763
+ .theme-yellow .form-radio input[type="radio"]:checked ~ i,
764
+ .theme-yellow label.label-radio input[type="checkbox"]:checked ~ .item-inner,
765
+ .theme-yellow label.label-radio input[type="radio"]:checked ~ .item-inner,
766
+ .form-radio.theme-yellow input[type="radio"]:checked ~ i,
767
+ label.label-radio.theme-yellow input[type="checkbox"]:checked ~ .item-inner,
768
+ label.label-radio.theme-yellow input[type="radio"]:checked ~ .item-inner {
769
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ffcc00'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
770
+ }
771
+ .theme-yellow .picker-calendar-day.picker-calendar-day-selected span {
772
+ background-color: #ffcc00 !important;
773
+ }
774
+ .theme-yellow .data-table .data-table-header-selected,
775
+ .data-table.theme-yellow .data-table-header-selected {
776
+ background: rgba(255, 204, 0, 0.1);
777
+ }
778
+ .theme-yellow .data-table .data-table-title-selected,
779
+ .data-table.theme-yellow .data-table-title-selected {
780
+ color: #ffcc00;
781
+ }
782
+ .swiper-pagination.color-yellow .swiper-pagination-bullet-active,
783
+ .theme-yellow .swiper-pagination .swiper-pagination-bullet-active {
784
+ background-color: #ffcc00;
785
+ }
786
+ .swiper-pagination.color-yellow .swiper-pagination-progressbar,
787
+ .theme-yellow .swiper-pagination .swiper-pagination-progressbar {
788
+ background-color: #ffcc00;
789
+ }
790
+ .swiper-pagination.swiper-pagination-progress.bg-yellow {
791
+ background-color: rgba(255, 204, 0, 0.25);
792
+ }
793
+ .swiper-button-next.color-yellow,
794
+ .swiper-container-rtl .swiper-button-prev.color-yellow,
795
+ .theme-yellow .swiper-button-next,
796
+ .theme-yellow .swiper-container-rtl .swiper-button-prev {
797
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E");
798
+ }
799
+ .swiper-button-prev.color-yellow,
800
+ .swiper-container-rtl .swiper-button-next.color-yellow,
801
+ .theme-yellow .swiper-button-prev,
802
+ .theme-yellow .swiper-container-rtl .swiper-button-next {
803
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E");
804
+ }
805
+ .theme-yellow .floating-button,
806
+ .theme-yellow .speed-dial-buttons a,
807
+ .floating-button.theme-yellow,
808
+ .speed-dial-buttons a.theme-yellow {
809
+ color: #fff;
810
+ background: #ffcc00;
811
+ }
812
+ html:not(.watch-active-state) .theme-yellow .floating-button:active,
813
+ html:not(.watch-active-state) .theme-yellow .speed-dial-buttons a:active,
814
+ html:not(.watch-active-state) .floating-button.theme-yellow:active,
815
+ html:not(.watch-active-state) .speed-dial-buttons a.theme-yellow:active,
816
+ .theme-yellow .floating-button.active-state,
817
+ .theme-yellow .speed-dial-buttons a.active-state,
818
+ .floating-button.theme-yellow.active-state,
819
+ .speed-dial-buttons a.theme-yellow.active-state {
820
+ background: #d6ab00;
821
+ }
822
+ .theme-yellow .floating-button i,
823
+ .theme-yellow .speed-dial-buttons a i,
824
+ .floating-button.theme-yellow i,
825
+ .speed-dial-buttons a.theme-yellow i {
826
+ color: inherit;
827
+ }
828
+ .theme-yellow .range-slider input[type="range"]::-webkit-slider-thumb:before,
829
+ .range-slider.theme-yellow input[type="range"]::-webkit-slider-thumb:before {
830
+ background-color: #ffcc00;
831
+ }
832
+ .theme-yellow .range-slider input[type="range"]::-ms-fill-lower,
833
+ .range-slider.theme-yellow input[type="range"]::-ms-fill-lower {
834
+ background-color: #ffcc00;
835
+ }
836
+ .badge.theme-yellow {
837
+ background-color: #ffcc00;
838
+ color: #fff;
839
+ }
840
+ .theme-orange .button:not(.button-fill) {
841
+ border-color: #ff9500;
842
+ }
843
+ html:not(.watch-active-state) .theme-orange .button:not(.button-fill):active,
844
+ .theme-orange .button:not(.button-fill).active-state {
845
+ background-color: rgba(255, 149, 0, 0.15);
846
+ }
847
+ .theme-orange .button:not(.button-fill).active {
848
+ background-color: #ff9500;
849
+ color: #fff;
850
+ }
851
+ .theme-orange .button.button-fill {
852
+ background: #ff9500;
853
+ color: #fff;
854
+ }
855
+ .progressbar.theme-orange span,
856
+ .theme-orange .progressbar span {
857
+ background-color: #ff9500;
858
+ }
859
+ .progressbar-infinite.theme-orange:before,
860
+ .theme-orange .progressbar-infinite:before {
861
+ background-color: #ff9500;
862
+ }
863
+ .theme-orange i.icon,
864
+ i.icon.theme-orange {
865
+ color: #ff9500;
866
+ }
867
+ i.icon-next.color-orange,
868
+ i.icon-next.theme-orange,
869
+ .theme-orange i.icon-next {
870
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
871
+ }
872
+ i.icon-prev.color-orange,
873
+ i.icon-prev.theme-orange,
874
+ .theme-orange i.icon-prev {
875
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
876
+ }
877
+ i.icon-back.color-orange,
878
+ i.icon-back.theme-orange,
879
+ .theme-orange i.icon-back {
880
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E");
881
+ }
882
+ i.icon-forward.color-orange,
883
+ i.icon-forward.theme-orange,
884
+ .theme-orange i.icon-forward {
885
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E");
886
+ }
887
+ i.icon-bars.color-orange,
888
+ i.icon-bars.theme-orange,
889
+ .theme-orange i.icon-bars {
890
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
891
+ }
892
+ @media (-webkit-min-device-pixel-ratio: 2) {
893
+ i.icon-bars.color-orange,
894
+ i.icon-bars.theme-orange,
895
+ .theme-orange i.icon-bars {
896
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
897
+ }
898
+ }
899
+ .theme-orange a,
900
+ .theme-orange .item-link.list-button,
901
+ .theme-orange .list-button {
902
+ color: #ff9500;
903
+ }
904
+ .theme-orange .tabbar a,
905
+ .tabbar.theme-orange a,
906
+ .theme-orange .tabbar a i,
907
+ .tabbar.theme-orange a i {
908
+ color: inherit;
909
+ }
910
+ .theme-orange .tabbar a.active,
911
+ .tabbar.theme-orange a.active,
912
+ .theme-orange .tabbar a.active i,
913
+ .tabbar.theme-orange a.active i {
914
+ color: #ff9500;
915
+ }
916
+ .theme-orange .messagebar .messagebar-send-link {
917
+ background-color: #ff9500;
918
+ }
919
+ .theme-orange label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
920
+ .theme-orange label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
921
+ .theme-orange .form-checkbox input[type="checkbox"]:checked ~ i,
922
+ label.label-checkbox.theme-orange input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
923
+ label.label-checkbox.theme-orange input[type="radio"]:checked + .item-media i.icon-form-checkbox,
924
+ .form-checkbox.theme-orange input[type="checkbox"]:checked ~ i {
925
+ background-color: #ff9500;
926
+ }
927
+ .theme-orange .form-radio input[type="radio"]:checked ~ i,
928
+ .theme-orange label.label-radio input[type="checkbox"]:checked ~ .item-inner,
929
+ .theme-orange label.label-radio input[type="radio"]:checked ~ .item-inner,
930
+ .form-radio.theme-orange input[type="radio"]:checked ~ i,
931
+ label.label-radio.theme-orange input[type="checkbox"]:checked ~ .item-inner,
932
+ label.label-radio.theme-orange input[type="radio"]:checked ~ .item-inner {
933
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff9500'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
934
+ }
935
+ .theme-orange .picker-calendar-day.picker-calendar-day-selected span {
936
+ background-color: #ff9500 !important;
937
+ }
938
+ .theme-orange .data-table .data-table-header-selected,
939
+ .data-table.theme-orange .data-table-header-selected {
940
+ background: rgba(255, 149, 0, 0.1);
941
+ }
942
+ .theme-orange .data-table .data-table-title-selected,
943
+ .data-table.theme-orange .data-table-title-selected {
944
+ color: #ff9500;
945
+ }
946
+ .swiper-pagination.color-orange .swiper-pagination-bullet-active,
947
+ .theme-orange .swiper-pagination .swiper-pagination-bullet-active {
948
+ background-color: #ff9500;
949
+ }
950
+ .swiper-pagination.color-orange .swiper-pagination-progressbar,
951
+ .theme-orange .swiper-pagination .swiper-pagination-progressbar {
952
+ background-color: #ff9500;
953
+ }
954
+ .swiper-pagination.swiper-pagination-progress.bg-orange {
955
+ background-color: rgba(255, 149, 0, 0.25);
956
+ }
957
+ .swiper-button-next.color-orange,
958
+ .swiper-container-rtl .swiper-button-prev.color-orange,
959
+ .theme-orange .swiper-button-next,
960
+ .theme-orange .swiper-container-rtl .swiper-button-prev {
961
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E");
962
+ }
963
+ .swiper-button-prev.color-orange,
964
+ .swiper-container-rtl .swiper-button-next.color-orange,
965
+ .theme-orange .swiper-button-prev,
966
+ .theme-orange .swiper-container-rtl .swiper-button-next {
967
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E");
968
+ }
969
+ .theme-orange .floating-button,
970
+ .theme-orange .speed-dial-buttons a,
971
+ .floating-button.theme-orange,
972
+ .speed-dial-buttons a.theme-orange {
973
+ color: #fff;
974
+ background: #ff9500;
975
+ }
976
+ html:not(.watch-active-state) .theme-orange .floating-button:active,
977
+ html:not(.watch-active-state) .theme-orange .speed-dial-buttons a:active,
978
+ html:not(.watch-active-state) .floating-button.theme-orange:active,
979
+ html:not(.watch-active-state) .speed-dial-buttons a.theme-orange:active,
980
+ .theme-orange .floating-button.active-state,
981
+ .theme-orange .speed-dial-buttons a.active-state,
982
+ .floating-button.theme-orange.active-state,
983
+ .speed-dial-buttons a.theme-orange.active-state {
984
+ background: #d67d00;
985
+ }
986
+ .theme-orange .floating-button i,
987
+ .theme-orange .speed-dial-buttons a i,
988
+ .floating-button.theme-orange i,
989
+ .speed-dial-buttons a.theme-orange i {
990
+ color: inherit;
991
+ }
992
+ .theme-orange .range-slider input[type="range"]::-webkit-slider-thumb:before,
993
+ .range-slider.theme-orange input[type="range"]::-webkit-slider-thumb:before {
994
+ background-color: #ff9500;
995
+ }
996
+ .theme-orange .range-slider input[type="range"]::-ms-fill-lower,
997
+ .range-slider.theme-orange input[type="range"]::-ms-fill-lower {
998
+ background-color: #ff9500;
999
+ }
1000
+ .badge.theme-orange {
1001
+ background-color: #ff9500;
1002
+ color: #fff;
1003
+ }
1004
+ .theme-pink .button:not(.button-fill) {
1005
+ border-color: #ff2d55;
1006
+ }
1007
+ html:not(.watch-active-state) .theme-pink .button:not(.button-fill):active,
1008
+ .theme-pink .button:not(.button-fill).active-state {
1009
+ background-color: rgba(255, 45, 85, 0.15);
1010
+ }
1011
+ .theme-pink .button:not(.button-fill).active {
1012
+ background-color: #ff2d55;
1013
+ color: #fff;
1014
+ }
1015
+ .theme-pink .button.button-fill {
1016
+ background: #ff2d55;
1017
+ color: #fff;
1018
+ }
1019
+ .progressbar.theme-pink span,
1020
+ .theme-pink .progressbar span {
1021
+ background-color: #ff2d55;
1022
+ }
1023
+ .progressbar-infinite.theme-pink:before,
1024
+ .theme-pink .progressbar-infinite:before {
1025
+ background-color: #ff2d55;
1026
+ }
1027
+ .theme-pink i.icon,
1028
+ i.icon.theme-pink {
1029
+ color: #ff2d55;
1030
+ }
1031
+ i.icon-next.color-pink,
1032
+ i.icon-next.theme-pink,
1033
+ .theme-pink i.icon-next {
1034
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
1035
+ }
1036
+ i.icon-prev.color-pink,
1037
+ i.icon-prev.theme-pink,
1038
+ .theme-pink i.icon-prev {
1039
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
1040
+ }
1041
+ i.icon-back.color-pink,
1042
+ i.icon-back.theme-pink,
1043
+ .theme-pink i.icon-back {
1044
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E");
1045
+ }
1046
+ i.icon-forward.color-pink,
1047
+ i.icon-forward.theme-pink,
1048
+ .theme-pink i.icon-forward {
1049
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E");
1050
+ }
1051
+ i.icon-bars.color-pink,
1052
+ i.icon-bars.theme-pink,
1053
+ .theme-pink i.icon-bars {
1054
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
1055
+ }
1056
+ @media (-webkit-min-device-pixel-ratio: 2) {
1057
+ i.icon-bars.color-pink,
1058
+ i.icon-bars.theme-pink,
1059
+ .theme-pink i.icon-bars {
1060
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
1061
+ }
1062
+ }
1063
+ .theme-pink a,
1064
+ .theme-pink .item-link.list-button,
1065
+ .theme-pink .list-button {
1066
+ color: #ff2d55;
1067
+ }
1068
+ .theme-pink .tabbar a,
1069
+ .tabbar.theme-pink a,
1070
+ .theme-pink .tabbar a i,
1071
+ .tabbar.theme-pink a i {
1072
+ color: inherit;
1073
+ }
1074
+ .theme-pink .tabbar a.active,
1075
+ .tabbar.theme-pink a.active,
1076
+ .theme-pink .tabbar a.active i,
1077
+ .tabbar.theme-pink a.active i {
1078
+ color: #ff2d55;
1079
+ }
1080
+ .theme-pink .messagebar .messagebar-send-link {
1081
+ background-color: #ff2d55;
1082
+ }
1083
+ .theme-pink label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
1084
+ .theme-pink label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
1085
+ .theme-pink .form-checkbox input[type="checkbox"]:checked ~ i,
1086
+ label.label-checkbox.theme-pink input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
1087
+ label.label-checkbox.theme-pink input[type="radio"]:checked + .item-media i.icon-form-checkbox,
1088
+ .form-checkbox.theme-pink input[type="checkbox"]:checked ~ i {
1089
+ background-color: #ff2d55;
1090
+ }
1091
+ .theme-pink .form-radio input[type="radio"]:checked ~ i,
1092
+ .theme-pink label.label-radio input[type="checkbox"]:checked ~ .item-inner,
1093
+ .theme-pink label.label-radio input[type="radio"]:checked ~ .item-inner,
1094
+ .form-radio.theme-pink input[type="radio"]:checked ~ i,
1095
+ label.label-radio.theme-pink input[type="checkbox"]:checked ~ .item-inner,
1096
+ label.label-radio.theme-pink input[type="radio"]:checked ~ .item-inner {
1097
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff2d55'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
1098
+ }
1099
+ .theme-pink .picker-calendar-day.picker-calendar-day-selected span {
1100
+ background-color: #ff2d55 !important;
1101
+ }
1102
+ .theme-pink .data-table .data-table-header-selected,
1103
+ .data-table.theme-pink .data-table-header-selected {
1104
+ background: rgba(255, 45, 85, 0.1);
1105
+ }
1106
+ .theme-pink .data-table .data-table-title-selected,
1107
+ .data-table.theme-pink .data-table-title-selected {
1108
+ color: #ff2d55;
1109
+ }
1110
+ .swiper-pagination.color-pink .swiper-pagination-bullet-active,
1111
+ .theme-pink .swiper-pagination .swiper-pagination-bullet-active {
1112
+ background-color: #ff2d55;
1113
+ }
1114
+ .swiper-pagination.color-pink .swiper-pagination-progressbar,
1115
+ .theme-pink .swiper-pagination .swiper-pagination-progressbar {
1116
+ background-color: #ff2d55;
1117
+ }
1118
+ .swiper-pagination.swiper-pagination-progress.bg-pink {
1119
+ background-color: rgba(255, 45, 85, 0.25);
1120
+ }
1121
+ .swiper-button-next.color-pink,
1122
+ .swiper-container-rtl .swiper-button-prev.color-pink,
1123
+ .theme-pink .swiper-button-next,
1124
+ .theme-pink .swiper-container-rtl .swiper-button-prev {
1125
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E");
1126
+ }
1127
+ .swiper-button-prev.color-pink,
1128
+ .swiper-container-rtl .swiper-button-next.color-pink,
1129
+ .theme-pink .swiper-button-prev,
1130
+ .theme-pink .swiper-container-rtl .swiper-button-next {
1131
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E");
1132
+ }
1133
+ .theme-pink .floating-button,
1134
+ .theme-pink .speed-dial-buttons a,
1135
+ .floating-button.theme-pink,
1136
+ .speed-dial-buttons a.theme-pink {
1137
+ color: #fff;
1138
+ background: #ff2d55;
1139
+ }
1140
+ html:not(.watch-active-state) .theme-pink .floating-button:active,
1141
+ html:not(.watch-active-state) .theme-pink .speed-dial-buttons a:active,
1142
+ html:not(.watch-active-state) .floating-button.theme-pink:active,
1143
+ html:not(.watch-active-state) .speed-dial-buttons a.theme-pink:active,
1144
+ .theme-pink .floating-button.active-state,
1145
+ .theme-pink .speed-dial-buttons a.active-state,
1146
+ .floating-button.theme-pink.active-state,
1147
+ .speed-dial-buttons a.theme-pink.active-state {
1148
+ background: #ff0434;
1149
+ }
1150
+ .theme-pink .floating-button i,
1151
+ .theme-pink .speed-dial-buttons a i,
1152
+ .floating-button.theme-pink i,
1153
+ .speed-dial-buttons a.theme-pink i {
1154
+ color: inherit;
1155
+ }
1156
+ .theme-pink .range-slider input[type="range"]::-webkit-slider-thumb:before,
1157
+ .range-slider.theme-pink input[type="range"]::-webkit-slider-thumb:before {
1158
+ background-color: #ff2d55;
1159
+ }
1160
+ .theme-pink .range-slider input[type="range"]::-ms-fill-lower,
1161
+ .range-slider.theme-pink input[type="range"]::-ms-fill-lower {
1162
+ background-color: #ff2d55;
1163
+ }
1164
+ .badge.theme-pink {
1165
+ background-color: #ff2d55;
1166
+ color: #fff;
1167
+ }
1168
+ .theme-blue .button:not(.button-fill) {
1169
+ border-color: #007aff;
1170
+ }
1171
+ html:not(.watch-active-state) .theme-blue .button:not(.button-fill):active,
1172
+ .theme-blue .button:not(.button-fill).active-state {
1173
+ background-color: rgba(0, 122, 255, 0.15);
1174
+ }
1175
+ .theme-blue .button:not(.button-fill).active {
1176
+ background-color: #007aff;
1177
+ color: #fff;
1178
+ }
1179
+ .theme-blue .button.button-fill {
1180
+ background: #007aff;
1181
+ color: #fff;
1182
+ }
1183
+ .progressbar.theme-blue span,
1184
+ .theme-blue .progressbar span {
1185
+ background-color: #007aff;
1186
+ }
1187
+ .progressbar-infinite.theme-blue:before,
1188
+ .theme-blue .progressbar-infinite:before {
1189
+ background-color: #007aff;
1190
+ }
1191
+ .theme-blue i.icon,
1192
+ i.icon.theme-blue {
1193
+ color: #007aff;
1194
+ }
1195
+ i.icon-next.color-blue,
1196
+ i.icon-next.theme-blue,
1197
+ .theme-blue i.icon-next {
1198
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
1199
+ }
1200
+ i.icon-prev.color-blue,
1201
+ i.icon-prev.theme-blue,
1202
+ .theme-blue i.icon-prev {
1203
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
1204
+ }
1205
+ i.icon-back.color-blue,
1206
+ i.icon-back.theme-blue,
1207
+ .theme-blue i.icon-back {
1208
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
1209
+ }
1210
+ i.icon-forward.color-blue,
1211
+ i.icon-forward.theme-blue,
1212
+ .theme-blue i.icon-forward {
1213
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
1214
+ }
1215
+ i.icon-bars.color-blue,
1216
+ i.icon-bars.theme-blue,
1217
+ .theme-blue i.icon-bars {
1218
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
1219
+ }
1220
+ @media (-webkit-min-device-pixel-ratio: 2) {
1221
+ i.icon-bars.color-blue,
1222
+ i.icon-bars.theme-blue,
1223
+ .theme-blue i.icon-bars {
1224
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
1225
+ }
1226
+ }
1227
+ .theme-blue a,
1228
+ .theme-blue .item-link.list-button,
1229
+ .theme-blue .list-button {
1230
+ color: #007aff;
1231
+ }
1232
+ .theme-blue .tabbar a,
1233
+ .tabbar.theme-blue a,
1234
+ .theme-blue .tabbar a i,
1235
+ .tabbar.theme-blue a i {
1236
+ color: inherit;
1237
+ }
1238
+ .theme-blue .tabbar a.active,
1239
+ .tabbar.theme-blue a.active,
1240
+ .theme-blue .tabbar a.active i,
1241
+ .tabbar.theme-blue a.active i {
1242
+ color: #007aff;
1243
+ }
1244
+ .theme-blue .messagebar .messagebar-send-link {
1245
+ background-color: #007aff;
1246
+ }
1247
+ .theme-blue label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
1248
+ .theme-blue label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
1249
+ .theme-blue .form-checkbox input[type="checkbox"]:checked ~ i,
1250
+ label.label-checkbox.theme-blue input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
1251
+ label.label-checkbox.theme-blue input[type="radio"]:checked + .item-media i.icon-form-checkbox,
1252
+ .form-checkbox.theme-blue input[type="checkbox"]:checked ~ i {
1253
+ background-color: #007aff;
1254
+ }
1255
+ .theme-blue .form-radio input[type="radio"]:checked ~ i,
1256
+ .theme-blue label.label-radio input[type="checkbox"]:checked ~ .item-inner,
1257
+ .theme-blue label.label-radio input[type="radio"]:checked ~ .item-inner,
1258
+ .form-radio.theme-blue input[type="radio"]:checked ~ i,
1259
+ label.label-radio.theme-blue input[type="checkbox"]:checked ~ .item-inner,
1260
+ label.label-radio.theme-blue input[type="radio"]:checked ~ .item-inner {
1261
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23007aff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
1262
+ }
1263
+ .theme-blue .picker-calendar-day.picker-calendar-day-selected span {
1264
+ background-color: #007aff !important;
1265
+ }
1266
+ .theme-blue .data-table .data-table-header-selected,
1267
+ .data-table.theme-blue .data-table-header-selected {
1268
+ background: rgba(0, 122, 255, 0.1);
1269
+ }
1270
+ .theme-blue .data-table .data-table-title-selected,
1271
+ .data-table.theme-blue .data-table-title-selected {
1272
+ color: #007aff;
1273
+ }
1274
+ .swiper-pagination.color-blue .swiper-pagination-bullet-active,
1275
+ .theme-blue .swiper-pagination .swiper-pagination-bullet-active {
1276
+ background-color: #007aff;
1277
+ }
1278
+ .swiper-pagination.color-blue .swiper-pagination-progressbar,
1279
+ .theme-blue .swiper-pagination .swiper-pagination-progressbar {
1280
+ background-color: #007aff;
1281
+ }
1282
+ .swiper-pagination.swiper-pagination-progress.bg-blue {
1283
+ background-color: rgba(0, 122, 255, 0.25);
1284
+ }
1285
+ .swiper-button-next.color-blue,
1286
+ .swiper-container-rtl .swiper-button-prev.color-blue,
1287
+ .theme-blue .swiper-button-next,
1288
+ .theme-blue .swiper-container-rtl .swiper-button-prev {
1289
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
1290
+ }
1291
+ .swiper-button-prev.color-blue,
1292
+ .swiper-container-rtl .swiper-button-next.color-blue,
1293
+ .theme-blue .swiper-button-prev,
1294
+ .theme-blue .swiper-container-rtl .swiper-button-next {
1295
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
1296
+ }
1297
+ .theme-blue .floating-button,
1298
+ .theme-blue .speed-dial-buttons a,
1299
+ .floating-button.theme-blue,
1300
+ .speed-dial-buttons a.theme-blue {
1301
+ color: #fff;
1302
+ background: #007aff;
1303
+ }
1304
+ html:not(.watch-active-state) .theme-blue .floating-button:active,
1305
+ html:not(.watch-active-state) .theme-blue .speed-dial-buttons a:active,
1306
+ html:not(.watch-active-state) .floating-button.theme-blue:active,
1307
+ html:not(.watch-active-state) .speed-dial-buttons a.theme-blue:active,
1308
+ .theme-blue .floating-button.active-state,
1309
+ .theme-blue .speed-dial-buttons a.active-state,
1310
+ .floating-button.theme-blue.active-state,
1311
+ .speed-dial-buttons a.theme-blue.active-state {
1312
+ background: #0066d6;
1313
+ }
1314
+ .theme-blue .floating-button i,
1315
+ .theme-blue .speed-dial-buttons a i,
1316
+ .floating-button.theme-blue i,
1317
+ .speed-dial-buttons a.theme-blue i {
1318
+ color: inherit;
1319
+ }
1320
+ .theme-blue .range-slider input[type="range"]::-webkit-slider-thumb:before,
1321
+ .range-slider.theme-blue input[type="range"]::-webkit-slider-thumb:before {
1322
+ background-color: #007aff;
1323
+ }
1324
+ .theme-blue .range-slider input[type="range"]::-ms-fill-lower,
1325
+ .range-slider.theme-blue input[type="range"]::-ms-fill-lower {
1326
+ background-color: #007aff;
1327
+ }
1328
+ .badge.theme-blue {
1329
+ background-color: #007aff;
1330
+ color: #fff;
1331
+ }
1332
+ .theme-green .button:not(.button-fill) {
1333
+ border-color: #4cd964;
1334
+ }
1335
+ html:not(.watch-active-state) .theme-green .button:not(.button-fill):active,
1336
+ .theme-green .button:not(.button-fill).active-state {
1337
+ background-color: rgba(76, 217, 100, 0.15);
1338
+ }
1339
+ .theme-green .button:not(.button-fill).active {
1340
+ background-color: #4cd964;
1341
+ color: #fff;
1342
+ }
1343
+ .theme-green .button.button-fill {
1344
+ background: #4cd964;
1345
+ color: #fff;
1346
+ }
1347
+ .progressbar.theme-green span,
1348
+ .theme-green .progressbar span {
1349
+ background-color: #4cd964;
1350
+ }
1351
+ .progressbar-infinite.theme-green:before,
1352
+ .theme-green .progressbar-infinite:before {
1353
+ background-color: #4cd964;
1354
+ }
1355
+ .theme-green i.icon,
1356
+ i.icon.theme-green {
1357
+ color: #4cd964;
1358
+ }
1359
+ i.icon-next.color-green,
1360
+ i.icon-next.theme-green,
1361
+ .theme-green i.icon-next {
1362
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
1363
+ }
1364
+ i.icon-prev.color-green,
1365
+ i.icon-prev.theme-green,
1366
+ .theme-green i.icon-prev {
1367
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
1368
+ }
1369
+ i.icon-back.color-green,
1370
+ i.icon-back.theme-green,
1371
+ .theme-green i.icon-back {
1372
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E");
1373
+ }
1374
+ i.icon-forward.color-green,
1375
+ i.icon-forward.theme-green,
1376
+ .theme-green i.icon-forward {
1377
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E");
1378
+ }
1379
+ i.icon-bars.color-green,
1380
+ i.icon-bars.theme-green,
1381
+ .theme-green i.icon-bars {
1382
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
1383
+ }
1384
+ @media (-webkit-min-device-pixel-ratio: 2) {
1385
+ i.icon-bars.color-green,
1386
+ i.icon-bars.theme-green,
1387
+ .theme-green i.icon-bars {
1388
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
1389
+ }
1390
+ }
1391
+ .theme-green a,
1392
+ .theme-green .item-link.list-button,
1393
+ .theme-green .list-button {
1394
+ color: #4cd964;
1395
+ }
1396
+ .theme-green .tabbar a,
1397
+ .tabbar.theme-green a,
1398
+ .theme-green .tabbar a i,
1399
+ .tabbar.theme-green a i {
1400
+ color: inherit;
1401
+ }
1402
+ .theme-green .tabbar a.active,
1403
+ .tabbar.theme-green a.active,
1404
+ .theme-green .tabbar a.active i,
1405
+ .tabbar.theme-green a.active i {
1406
+ color: #4cd964;
1407
+ }
1408
+ .theme-green .messagebar .messagebar-send-link {
1409
+ background-color: #4cd964;
1410
+ }
1411
+ .theme-green label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
1412
+ .theme-green label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
1413
+ .theme-green .form-checkbox input[type="checkbox"]:checked ~ i,
1414
+ label.label-checkbox.theme-green input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
1415
+ label.label-checkbox.theme-green input[type="radio"]:checked + .item-media i.icon-form-checkbox,
1416
+ .form-checkbox.theme-green input[type="checkbox"]:checked ~ i {
1417
+ background-color: #4cd964;
1418
+ }
1419
+ .theme-green .form-radio input[type="radio"]:checked ~ i,
1420
+ .theme-green label.label-radio input[type="checkbox"]:checked ~ .item-inner,
1421
+ .theme-green label.label-radio input[type="radio"]:checked ~ .item-inner,
1422
+ .form-radio.theme-green input[type="radio"]:checked ~ i,
1423
+ label.label-radio.theme-green input[type="checkbox"]:checked ~ .item-inner,
1424
+ label.label-radio.theme-green input[type="radio"]:checked ~ .item-inner {
1425
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%234cd964'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
1426
+ }
1427
+ .theme-green .picker-calendar-day.picker-calendar-day-selected span {
1428
+ background-color: #4cd964 !important;
1429
+ }
1430
+ .theme-green .data-table .data-table-header-selected,
1431
+ .data-table.theme-green .data-table-header-selected {
1432
+ background: rgba(76, 217, 100, 0.1);
1433
+ }
1434
+ .theme-green .data-table .data-table-title-selected,
1435
+ .data-table.theme-green .data-table-title-selected {
1436
+ color: #4cd964;
1437
+ }
1438
+ .swiper-pagination.color-green .swiper-pagination-bullet-active,
1439
+ .theme-green .swiper-pagination .swiper-pagination-bullet-active {
1440
+ background-color: #4cd964;
1441
+ }
1442
+ .swiper-pagination.color-green .swiper-pagination-progressbar,
1443
+ .theme-green .swiper-pagination .swiper-pagination-progressbar {
1444
+ background-color: #4cd964;
1445
+ }
1446
+ .swiper-pagination.swiper-pagination-progress.bg-green {
1447
+ background-color: rgba(76, 217, 100, 0.25);
1448
+ }
1449
+ .swiper-button-next.color-green,
1450
+ .swiper-container-rtl .swiper-button-prev.color-green,
1451
+ .theme-green .swiper-button-next,
1452
+ .theme-green .swiper-container-rtl .swiper-button-prev {
1453
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E");
1454
+ }
1455
+ .swiper-button-prev.color-green,
1456
+ .swiper-container-rtl .swiper-button-next.color-green,
1457
+ .theme-green .swiper-button-prev,
1458
+ .theme-green .swiper-container-rtl .swiper-button-next {
1459
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E");
1460
+ }
1461
+ .theme-green .floating-button,
1462
+ .theme-green .speed-dial-buttons a,
1463
+ .floating-button.theme-green,
1464
+ .speed-dial-buttons a.theme-green {
1465
+ color: #fff;
1466
+ background: #4cd964;
1467
+ }
1468
+ html:not(.watch-active-state) .theme-green .floating-button:active,
1469
+ html:not(.watch-active-state) .theme-green .speed-dial-buttons a:active,
1470
+ html:not(.watch-active-state) .floating-button.theme-green:active,
1471
+ html:not(.watch-active-state) .speed-dial-buttons a.theme-green:active,
1472
+ .theme-green .floating-button.active-state,
1473
+ .theme-green .speed-dial-buttons a.active-state,
1474
+ .floating-button.theme-green.active-state,
1475
+ .speed-dial-buttons a.theme-green.active-state {
1476
+ background: #2cd048;
1477
+ }
1478
+ .theme-green .floating-button i,
1479
+ .theme-green .speed-dial-buttons a i,
1480
+ .floating-button.theme-green i,
1481
+ .speed-dial-buttons a.theme-green i {
1482
+ color: inherit;
1483
+ }
1484
+ .theme-green .range-slider input[type="range"]::-webkit-slider-thumb:before,
1485
+ .range-slider.theme-green input[type="range"]::-webkit-slider-thumb:before {
1486
+ background-color: #4cd964;
1487
+ }
1488
+ .theme-green .range-slider input[type="range"]::-ms-fill-lower,
1489
+ .range-slider.theme-green input[type="range"]::-ms-fill-lower {
1490
+ background-color: #4cd964;
1491
+ }
1492
+ .badge.theme-green {
1493
+ background-color: #4cd964;
1494
+ color: #fff;
1495
+ }
1496
+ .theme-red .button:not(.button-fill) {
1497
+ border-color: #ff3b30;
1498
+ }
1499
+ html:not(.watch-active-state) .theme-red .button:not(.button-fill):active,
1500
+ .theme-red .button:not(.button-fill).active-state {
1501
+ background-color: rgba(255, 59, 48, 0.15);
1502
+ }
1503
+ .theme-red .button:not(.button-fill).active {
1504
+ background-color: #ff3b30;
1505
+ color: #fff;
1506
+ }
1507
+ .theme-red .button.button-fill {
1508
+ background: #ff3b30;
1509
+ color: #fff;
1510
+ }
1511
+ .progressbar.theme-red span,
1512
+ .theme-red .progressbar span {
1513
+ background-color: #ff3b30;
1514
+ }
1515
+ .progressbar-infinite.theme-red:before,
1516
+ .theme-red .progressbar-infinite:before {
1517
+ background-color: #ff3b30;
1518
+ }
1519
+ .theme-red i.icon,
1520
+ i.icon.theme-red {
1521
+ color: #ff3b30;
1522
+ }
1523
+ i.icon-next.color-red,
1524
+ i.icon-next.theme-red,
1525
+ .theme-red i.icon-next {
1526
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
1527
+ }
1528
+ i.icon-prev.color-red,
1529
+ i.icon-prev.theme-red,
1530
+ .theme-red i.icon-prev {
1531
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
1532
+ }
1533
+ i.icon-back.color-red,
1534
+ i.icon-back.theme-red,
1535
+ .theme-red i.icon-back {
1536
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E");
1537
+ }
1538
+ i.icon-forward.color-red,
1539
+ i.icon-forward.theme-red,
1540
+ .theme-red i.icon-forward {
1541
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E");
1542
+ }
1543
+ i.icon-bars.color-red,
1544
+ i.icon-bars.theme-red,
1545
+ .theme-red i.icon-bars {
1546
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
1547
+ }
1548
+ @media (-webkit-min-device-pixel-ratio: 2) {
1549
+ i.icon-bars.color-red,
1550
+ i.icon-bars.theme-red,
1551
+ .theme-red i.icon-bars {
1552
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
1553
+ }
1554
+ }
1555
+ .theme-red a,
1556
+ .theme-red .item-link.list-button,
1557
+ .theme-red .list-button {
1558
+ color: #ff3b30;
1559
+ }
1560
+ .theme-red .tabbar a,
1561
+ .tabbar.theme-red a,
1562
+ .theme-red .tabbar a i,
1563
+ .tabbar.theme-red a i {
1564
+ color: inherit;
1565
+ }
1566
+ .theme-red .tabbar a.active,
1567
+ .tabbar.theme-red a.active,
1568
+ .theme-red .tabbar a.active i,
1569
+ .tabbar.theme-red a.active i {
1570
+ color: #ff3b30;
1571
+ }
1572
+ .theme-red .messagebar .messagebar-send-link {
1573
+ background-color: #ff3b30;
1574
+ }
1575
+ .theme-red label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
1576
+ .theme-red label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
1577
+ .theme-red .form-checkbox input[type="checkbox"]:checked ~ i,
1578
+ label.label-checkbox.theme-red input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
1579
+ label.label-checkbox.theme-red input[type="radio"]:checked + .item-media i.icon-form-checkbox,
1580
+ .form-checkbox.theme-red input[type="checkbox"]:checked ~ i {
1581
+ background-color: #ff3b30;
1582
+ }
1583
+ .theme-red .form-radio input[type="radio"]:checked ~ i,
1584
+ .theme-red label.label-radio input[type="checkbox"]:checked ~ .item-inner,
1585
+ .theme-red label.label-radio input[type="radio"]:checked ~ .item-inner,
1586
+ .form-radio.theme-red input[type="radio"]:checked ~ i,
1587
+ label.label-radio.theme-red input[type="checkbox"]:checked ~ .item-inner,
1588
+ label.label-radio.theme-red input[type="radio"]:checked ~ .item-inner {
1589
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff3b30'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
1590
+ }
1591
+ .theme-red .picker-calendar-day.picker-calendar-day-selected span {
1592
+ background-color: #ff3b30 !important;
1593
+ }
1594
+ .theme-red .data-table .data-table-header-selected,
1595
+ .data-table.theme-red .data-table-header-selected {
1596
+ background: rgba(255, 59, 48, 0.1);
1597
+ }
1598
+ .theme-red .data-table .data-table-title-selected,
1599
+ .data-table.theme-red .data-table-title-selected {
1600
+ color: #ff3b30;
1601
+ }
1602
+ .swiper-pagination.color-red .swiper-pagination-bullet-active,
1603
+ .theme-red .swiper-pagination .swiper-pagination-bullet-active {
1604
+ background-color: #ff3b30;
1605
+ }
1606
+ .swiper-pagination.color-red .swiper-pagination-progressbar,
1607
+ .theme-red .swiper-pagination .swiper-pagination-progressbar {
1608
+ background-color: #ff3b30;
1609
+ }
1610
+ .swiper-pagination.swiper-pagination-progress.bg-red {
1611
+ background-color: rgba(255, 59, 48, 0.25);
1612
+ }
1613
+ .swiper-button-next.color-red,
1614
+ .swiper-container-rtl .swiper-button-prev.color-red,
1615
+ .theme-red .swiper-button-next,
1616
+ .theme-red .swiper-container-rtl .swiper-button-prev {
1617
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E");
1618
+ }
1619
+ .swiper-button-prev.color-red,
1620
+ .swiper-container-rtl .swiper-button-next.color-red,
1621
+ .theme-red .swiper-button-prev,
1622
+ .theme-red .swiper-container-rtl .swiper-button-next {
1623
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E");
1624
+ }
1625
+ .theme-red .floating-button,
1626
+ .theme-red .speed-dial-buttons a,
1627
+ .floating-button.theme-red,
1628
+ .speed-dial-buttons a.theme-red {
1629
+ color: #fff;
1630
+ background: #ff3b30;
1631
+ }
1632
+ html:not(.watch-active-state) .theme-red .floating-button:active,
1633
+ html:not(.watch-active-state) .theme-red .speed-dial-buttons a:active,
1634
+ html:not(.watch-active-state) .floating-button.theme-red:active,
1635
+ html:not(.watch-active-state) .speed-dial-buttons a.theme-red:active,
1636
+ .theme-red .floating-button.active-state,
1637
+ .theme-red .speed-dial-buttons a.active-state,
1638
+ .floating-button.theme-red.active-state,
1639
+ .speed-dial-buttons a.theme-red.active-state {
1640
+ background: #ff1407;
1641
+ }
1642
+ .theme-red .floating-button i,
1643
+ .theme-red .speed-dial-buttons a i,
1644
+ .floating-button.theme-red i,
1645
+ .speed-dial-buttons a.theme-red i {
1646
+ color: inherit;
1647
+ }
1648
+ .theme-red .range-slider input[type="range"]::-webkit-slider-thumb:before,
1649
+ .range-slider.theme-red input[type="range"]::-webkit-slider-thumb:before {
1650
+ background-color: #ff3b30;
1651
+ }
1652
+ .theme-red .range-slider input[type="range"]::-ms-fill-lower,
1653
+ .range-slider.theme-red input[type="range"]::-ms-fill-lower {
1654
+ background-color: #ff3b30;
1655
+ }
1656
+ .badge.theme-red {
1657
+ background-color: #ff3b30;
1658
+ color: #fff;
1659
+ }
1660
+ /*==========================
1661
+ Framework7 Color + Bg + Border
1662
+ ==========================*/
1663
+ .color-gray {
1664
+ color: #8e8e93;
1665
+ }
1666
+ .list-block .item-link.list-button.color-gray,
1667
+ .list-button.color-gray,
1668
+ .tabbar a.active.color-gray,
1669
+ a.color-gray {
1670
+ color: #8e8e93;
1671
+ }
1672
+ .label-switch input[type="checkbox"]:checked + .checkbox.color-gray,
1673
+ .label-switch.color-gray input[type="checkbox"]:checked + .checkbox {
1674
+ background-color: #8e8e93;
1675
+ }
1676
+ .color-gray.button:not(.button-fill),
1677
+ .color-gray.buttons-row .button {
1678
+ border-color: #8e8e93;
1679
+ }
1680
+ html:not(.watch-active-state) .color-gray.button:not(.button-fill):active,
1681
+ html:not(.watch-active-state) .color-gray.buttons-row .button:active,
1682
+ .color-gray.button:not(.button-fill).active-state,
1683
+ .color-gray.buttons-row .button.active-state {
1684
+ background-color: rgba(142, 142, 147, 0.15);
1685
+ }
1686
+ .color-gray.button:not(.button-fill).active,
1687
+ .color-gray.buttons-row .button.active {
1688
+ background-color: #8e8e93;
1689
+ color: #fff;
1690
+ }
1691
+ .button.button-fill.color-gray {
1692
+ background: #8e8e93;
1693
+ color: #fff;
1694
+ }
1695
+ .progressbar.color-gray span,
1696
+ .progressbar.bg-gray span {
1697
+ background-color: #8e8e93;
1698
+ }
1699
+ .progressbar-infinite.color-gray:before,
1700
+ .progressbar-infinite.bg-gray:before {
1701
+ background-color: #8e8e93;
1702
+ }
1703
+ .color-gray i.icon,
1704
+ i.icon.color-gray {
1705
+ color: #8e8e93;
1706
+ }
1707
+ .preloader.color-gray,
1708
+ .preloader.preloader-gray {
1709
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%238e8e93'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
1710
+ }
1711
+ .bg-gray,
1712
+ .button.button-fill.bg-gray,
1713
+ a.bg-gray,
1714
+ .list-block .swipeout-actions-left a.bg-gray,
1715
+ .list-block .swipeout-actions-right a.bg-gray {
1716
+ background-color: #8e8e93;
1717
+ }
1718
+ .border-gray {
1719
+ border-color: #8e8e93;
1720
+ }
1721
+ .list-block .border-gray.item-inner:after,
1722
+ .list-block ul.border-gray:after,
1723
+ .border-gray:after,
1724
+ .list-block .border-gray.item-inner:before,
1725
+ .list-block ul.border-gray:before,
1726
+ .border-gray:before {
1727
+ background-color: #8e8e93;
1728
+ }
1729
+ .floating-button.color-gray,
1730
+ .speed-dial-buttons a.color-gray,
1731
+ .floating-button.bg-gray,
1732
+ .speed-dial-buttons a.bg-gray {
1733
+ color: #fff;
1734
+ background: #8e8e93;
1735
+ }
1736
+ html:not(.watch-active-state) .floating-button.color-gray:active,
1737
+ html:not(.watch-active-state) .speed-dial-buttons a.color-gray:active,
1738
+ html:not(.watch-active-state) .floating-button.bg-gray:active,
1739
+ html:not(.watch-active-state) .speed-dial-buttons a.bg-gray:active,
1740
+ .floating-button.color-gray.active-state,
1741
+ .speed-dial-buttons a.color-gray.active-state,
1742
+ .floating-button.bg-gray.active-state,
1743
+ .speed-dial-buttons a.bg-gray.active-state {
1744
+ background: #79797f;
1745
+ }
1746
+ .floating-button.color-gray i,
1747
+ .speed-dial-buttons a.color-gray i,
1748
+ .floating-button.bg-gray i,
1749
+ .speed-dial-buttons a.bg-gray i {
1750
+ color: inherit;
1751
+ }
1752
+ .range-slider.color-gray input[type="range"]::-webkit-slider-thumb:before {
1753
+ background-color: #8e8e93;
1754
+ }
1755
+ .range-slider.color-gray input[type="range"]::-ms-fill-lower {
1756
+ background-color: #8e8e93;
1757
+ }
1758
+ .badge.color-gray {
1759
+ background-color: #8e8e93;
1760
+ color: #fff;
1761
+ }
1762
+ .color-white {
1763
+ color: #ffffff;
1764
+ }
1765
+ .list-block .item-link.list-button.color-white,
1766
+ .list-button.color-white,
1767
+ .tabbar a.active.color-white,
1768
+ a.color-white {
1769
+ color: #ffffff;
1770
+ }
1771
+ .label-switch input[type="checkbox"]:checked + .checkbox.color-white,
1772
+ .label-switch.color-white input[type="checkbox"]:checked + .checkbox {
1773
+ background-color: #ffffff;
1774
+ }
1775
+ .color-white.button:not(.button-fill),
1776
+ .color-white.buttons-row .button {
1777
+ border-color: #ffffff;
1778
+ }
1779
+ html:not(.watch-active-state) .color-white.button:not(.button-fill):active,
1780
+ html:not(.watch-active-state) .color-white.buttons-row .button:active,
1781
+ .color-white.button:not(.button-fill).active-state,
1782
+ .color-white.buttons-row .button.active-state {
1783
+ background-color: rgba(255, 255, 255, 0.15);
1784
+ }
1785
+ .color-white.button:not(.button-fill).active,
1786
+ .color-white.buttons-row .button.active {
1787
+ background-color: #ffffff;
1788
+ color: #fff;
1789
+ }
1790
+ .button.button-fill.color-white {
1791
+ background: #ffffff;
1792
+ color: #fff;
1793
+ }
1794
+ .progressbar.color-white span,
1795
+ .progressbar.bg-white span {
1796
+ background-color: #ffffff;
1797
+ }
1798
+ .progressbar-infinite.color-white:before,
1799
+ .progressbar-infinite.bg-white:before {
1800
+ background-color: #ffffff;
1801
+ }
1802
+ .color-white i.icon,
1803
+ i.icon.color-white {
1804
+ color: #ffffff;
1805
+ }
1806
+ .preloader.color-white,
1807
+ .preloader.preloader-white {
1808
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ffffff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
1809
+ }
1810
+ .bg-white,
1811
+ .button.button-fill.bg-white,
1812
+ a.bg-white,
1813
+ .list-block .swipeout-actions-left a.bg-white,
1814
+ .list-block .swipeout-actions-right a.bg-white {
1815
+ background-color: #ffffff;
1816
+ }
1817
+ .border-white {
1818
+ border-color: #ffffff;
1819
+ }
1820
+ .list-block .border-white.item-inner:after,
1821
+ .list-block ul.border-white:after,
1822
+ .border-white:after,
1823
+ .list-block .border-white.item-inner:before,
1824
+ .list-block ul.border-white:before,
1825
+ .border-white:before {
1826
+ background-color: #ffffff;
1827
+ }
1828
+ .floating-button.color-white,
1829
+ .speed-dial-buttons a.color-white,
1830
+ .floating-button.bg-white,
1831
+ .speed-dial-buttons a.bg-white {
1832
+ color: #fff;
1833
+ background: #ffffff;
1834
+ }
1835
+ html:not(.watch-active-state) .floating-button.color-white:active,
1836
+ html:not(.watch-active-state) .speed-dial-buttons a.color-white:active,
1837
+ html:not(.watch-active-state) .floating-button.bg-white:active,
1838
+ html:not(.watch-active-state) .speed-dial-buttons a.bg-white:active,
1839
+ .floating-button.color-white.active-state,
1840
+ .speed-dial-buttons a.color-white.active-state,
1841
+ .floating-button.bg-white.active-state,
1842
+ .speed-dial-buttons a.bg-white.active-state {
1843
+ background: #ebebeb;
1844
+ }
1845
+ .floating-button.color-white i,
1846
+ .speed-dial-buttons a.color-white i,
1847
+ .floating-button.bg-white i,
1848
+ .speed-dial-buttons a.bg-white i {
1849
+ color: inherit;
1850
+ }
1851
+ .range-slider.color-white input[type="range"]::-webkit-slider-thumb:before {
1852
+ background-color: #ffffff;
1853
+ }
1854
+ .range-slider.color-white input[type="range"]::-ms-fill-lower {
1855
+ background-color: #ffffff;
1856
+ }
1857
+ .badge.color-white {
1858
+ background-color: #ffffff;
1859
+ color: #fff;
1860
+ }
1861
+ .color-black {
1862
+ color: #000000;
1863
+ }
1864
+ .list-block .item-link.list-button.color-black,
1865
+ .list-button.color-black,
1866
+ .tabbar a.active.color-black,
1867
+ a.color-black {
1868
+ color: #000000;
1869
+ }
1870
+ .label-switch input[type="checkbox"]:checked + .checkbox.color-black,
1871
+ .label-switch.color-black input[type="checkbox"]:checked + .checkbox {
1872
+ background-color: #000000;
1873
+ }
1874
+ .color-black.button:not(.button-fill),
1875
+ .color-black.buttons-row .button {
1876
+ border-color: #000000;
1877
+ }
1878
+ html:not(.watch-active-state) .color-black.button:not(.button-fill):active,
1879
+ html:not(.watch-active-state) .color-black.buttons-row .button:active,
1880
+ .color-black.button:not(.button-fill).active-state,
1881
+ .color-black.buttons-row .button.active-state {
1882
+ background-color: rgba(0, 0, 0, 0.15);
1883
+ }
1884
+ .color-black.button:not(.button-fill).active,
1885
+ .color-black.buttons-row .button.active {
1886
+ background-color: #000000;
1887
+ color: #fff;
1888
+ }
1889
+ .button.button-fill.color-black {
1890
+ background: #000000;
1891
+ color: #fff;
1892
+ }
1893
+ .progressbar.color-black span,
1894
+ .progressbar.bg-black span {
1895
+ background-color: #000000;
1896
+ }
1897
+ .progressbar-infinite.color-black:before,
1898
+ .progressbar-infinite.bg-black:before {
1899
+ background-color: #000000;
1900
+ }
1901
+ .color-black i.icon,
1902
+ i.icon.color-black {
1903
+ color: #000000;
1904
+ }
1905
+ .preloader.color-black,
1906
+ .preloader.preloader-black {
1907
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23000000'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
1908
+ }
1909
+ .bg-black,
1910
+ .button.button-fill.bg-black,
1911
+ a.bg-black,
1912
+ .list-block .swipeout-actions-left a.bg-black,
1913
+ .list-block .swipeout-actions-right a.bg-black {
1914
+ background-color: #000000;
1915
+ }
1916
+ .border-black {
1917
+ border-color: #000000;
1918
+ }
1919
+ .list-block .border-black.item-inner:after,
1920
+ .list-block ul.border-black:after,
1921
+ .border-black:after,
1922
+ .list-block .border-black.item-inner:before,
1923
+ .list-block ul.border-black:before,
1924
+ .border-black:before {
1925
+ background-color: #000000;
1926
+ }
1927
+ .floating-button.color-black,
1928
+ .speed-dial-buttons a.color-black,
1929
+ .floating-button.bg-black,
1930
+ .speed-dial-buttons a.bg-black {
1931
+ color: #fff;
1932
+ background: #000000;
1933
+ }
1934
+ html:not(.watch-active-state) .floating-button.color-black:active,
1935
+ html:not(.watch-active-state) .speed-dial-buttons a.color-black:active,
1936
+ html:not(.watch-active-state) .floating-button.bg-black:active,
1937
+ html:not(.watch-active-state) .speed-dial-buttons a.bg-black:active,
1938
+ .floating-button.color-black.active-state,
1939
+ .speed-dial-buttons a.color-black.active-state,
1940
+ .floating-button.bg-black.active-state,
1941
+ .speed-dial-buttons a.bg-black.active-state {
1942
+ background: #000000;
1943
+ }
1944
+ .floating-button.color-black i,
1945
+ .speed-dial-buttons a.color-black i,
1946
+ .floating-button.bg-black i,
1947
+ .speed-dial-buttons a.bg-black i {
1948
+ color: inherit;
1949
+ }
1950
+ .range-slider.color-black input[type="range"]::-webkit-slider-thumb:before {
1951
+ background-color: #000000;
1952
+ }
1953
+ .range-slider.color-black input[type="range"]::-ms-fill-lower {
1954
+ background-color: #000000;
1955
+ }
1956
+ .badge.color-black {
1957
+ background-color: #000000;
1958
+ color: #fff;
1959
+ }
1960
+ .color-lightblue {
1961
+ color: #5ac8fa;
1962
+ }
1963
+ .list-block .item-link.list-button.color-lightblue,
1964
+ .list-button.color-lightblue,
1965
+ .tabbar a.active.color-lightblue,
1966
+ a.color-lightblue {
1967
+ color: #5ac8fa;
1968
+ }
1969
+ .label-switch input[type="checkbox"]:checked + .checkbox.color-lightblue,
1970
+ .label-switch.color-lightblue input[type="checkbox"]:checked + .checkbox {
1971
+ background-color: #5ac8fa;
1972
+ }
1973
+ .color-lightblue.button:not(.button-fill),
1974
+ .color-lightblue.buttons-row .button {
1975
+ border-color: #5ac8fa;
1976
+ }
1977
+ html:not(.watch-active-state) .color-lightblue.button:not(.button-fill):active,
1978
+ html:not(.watch-active-state) .color-lightblue.buttons-row .button:active,
1979
+ .color-lightblue.button:not(.button-fill).active-state,
1980
+ .color-lightblue.buttons-row .button.active-state {
1981
+ background-color: rgba(90, 200, 250, 0.15);
1982
+ }
1983
+ .color-lightblue.button:not(.button-fill).active,
1984
+ .color-lightblue.buttons-row .button.active {
1985
+ background-color: #5ac8fa;
1986
+ color: #fff;
1987
+ }
1988
+ .button.button-fill.color-lightblue {
1989
+ background: #5ac8fa;
1990
+ color: #fff;
1991
+ }
1992
+ .progressbar.color-lightblue span,
1993
+ .progressbar.bg-lightblue span {
1994
+ background-color: #5ac8fa;
1995
+ }
1996
+ .progressbar-infinite.color-lightblue:before,
1997
+ .progressbar-infinite.bg-lightblue:before {
1998
+ background-color: #5ac8fa;
1999
+ }
2000
+ .color-lightblue i.icon,
2001
+ i.icon.color-lightblue {
2002
+ color: #5ac8fa;
2003
+ }
2004
+ .preloader.color-lightblue,
2005
+ .preloader.preloader-lightblue {
2006
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%235ac8fa'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
2007
+ }
2008
+ .bg-lightblue,
2009
+ .button.button-fill.bg-lightblue,
2010
+ a.bg-lightblue,
2011
+ .list-block .swipeout-actions-left a.bg-lightblue,
2012
+ .list-block .swipeout-actions-right a.bg-lightblue {
2013
+ background-color: #5ac8fa;
2014
+ }
2015
+ .border-lightblue {
2016
+ border-color: #5ac8fa;
2017
+ }
2018
+ .list-block .border-lightblue.item-inner:after,
2019
+ .list-block ul.border-lightblue:after,
2020
+ .border-lightblue:after,
2021
+ .list-block .border-lightblue.item-inner:before,
2022
+ .list-block ul.border-lightblue:before,
2023
+ .border-lightblue:before {
2024
+ background-color: #5ac8fa;
2025
+ }
2026
+ .floating-button.color-lightblue,
2027
+ .speed-dial-buttons a.color-lightblue,
2028
+ .floating-button.bg-lightblue,
2029
+ .speed-dial-buttons a.bg-lightblue {
2030
+ color: #fff;
2031
+ background: #5ac8fa;
2032
+ }
2033
+ html:not(.watch-active-state) .floating-button.color-lightblue:active,
2034
+ html:not(.watch-active-state) .speed-dial-buttons a.color-lightblue:active,
2035
+ html:not(.watch-active-state) .floating-button.bg-lightblue:active,
2036
+ html:not(.watch-active-state) .speed-dial-buttons a.bg-lightblue:active,
2037
+ .floating-button.color-lightblue.active-state,
2038
+ .speed-dial-buttons a.color-lightblue.active-state,
2039
+ .floating-button.bg-lightblue.active-state,
2040
+ .speed-dial-buttons a.bg-lightblue.active-state {
2041
+ background: #32bbf9;
2042
+ }
2043
+ .floating-button.color-lightblue i,
2044
+ .speed-dial-buttons a.color-lightblue i,
2045
+ .floating-button.bg-lightblue i,
2046
+ .speed-dial-buttons a.bg-lightblue i {
2047
+ color: inherit;
2048
+ }
2049
+ .range-slider.color-lightblue input[type="range"]::-webkit-slider-thumb:before {
2050
+ background-color: #5ac8fa;
2051
+ }
2052
+ .range-slider.color-lightblue input[type="range"]::-ms-fill-lower {
2053
+ background-color: #5ac8fa;
2054
+ }
2055
+ .badge.color-lightblue {
2056
+ background-color: #5ac8fa;
2057
+ color: #fff;
2058
+ }
2059
+ .color-yellow {
2060
+ color: #ffcc00;
2061
+ }
2062
+ .list-block .item-link.list-button.color-yellow,
2063
+ .list-button.color-yellow,
2064
+ .tabbar a.active.color-yellow,
2065
+ a.color-yellow {
2066
+ color: #ffcc00;
2067
+ }
2068
+ .label-switch input[type="checkbox"]:checked + .checkbox.color-yellow,
2069
+ .label-switch.color-yellow input[type="checkbox"]:checked + .checkbox {
2070
+ background-color: #ffcc00;
2071
+ }
2072
+ .color-yellow.button:not(.button-fill),
2073
+ .color-yellow.buttons-row .button {
2074
+ border-color: #ffcc00;
2075
+ }
2076
+ html:not(.watch-active-state) .color-yellow.button:not(.button-fill):active,
2077
+ html:not(.watch-active-state) .color-yellow.buttons-row .button:active,
2078
+ .color-yellow.button:not(.button-fill).active-state,
2079
+ .color-yellow.buttons-row .button.active-state {
2080
+ background-color: rgba(255, 204, 0, 0.15);
2081
+ }
2082
+ .color-yellow.button:not(.button-fill).active,
2083
+ .color-yellow.buttons-row .button.active {
2084
+ background-color: #ffcc00;
2085
+ color: #fff;
2086
+ }
2087
+ .button.button-fill.color-yellow {
2088
+ background: #ffcc00;
2089
+ color: #fff;
2090
+ }
2091
+ .progressbar.color-yellow span,
2092
+ .progressbar.bg-yellow span {
2093
+ background-color: #ffcc00;
2094
+ }
2095
+ .progressbar-infinite.color-yellow:before,
2096
+ .progressbar-infinite.bg-yellow:before {
2097
+ background-color: #ffcc00;
2098
+ }
2099
+ .color-yellow i.icon,
2100
+ i.icon.color-yellow {
2101
+ color: #ffcc00;
2102
+ }
2103
+ .preloader.color-yellow,
2104
+ .preloader.preloader-yellow {
2105
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ffcc00'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
2106
+ }
2107
+ .bg-yellow,
2108
+ .button.button-fill.bg-yellow,
2109
+ a.bg-yellow,
2110
+ .list-block .swipeout-actions-left a.bg-yellow,
2111
+ .list-block .swipeout-actions-right a.bg-yellow {
2112
+ background-color: #ffcc00;
2113
+ }
2114
+ .border-yellow {
2115
+ border-color: #ffcc00;
2116
+ }
2117
+ .list-block .border-yellow.item-inner:after,
2118
+ .list-block ul.border-yellow:after,
2119
+ .border-yellow:after,
2120
+ .list-block .border-yellow.item-inner:before,
2121
+ .list-block ul.border-yellow:before,
2122
+ .border-yellow:before {
2123
+ background-color: #ffcc00;
2124
+ }
2125
+ .floating-button.color-yellow,
2126
+ .speed-dial-buttons a.color-yellow,
2127
+ .floating-button.bg-yellow,
2128
+ .speed-dial-buttons a.bg-yellow {
2129
+ color: #fff;
2130
+ background: #ffcc00;
2131
+ }
2132
+ html:not(.watch-active-state) .floating-button.color-yellow:active,
2133
+ html:not(.watch-active-state) .speed-dial-buttons a.color-yellow:active,
2134
+ html:not(.watch-active-state) .floating-button.bg-yellow:active,
2135
+ html:not(.watch-active-state) .speed-dial-buttons a.bg-yellow:active,
2136
+ .floating-button.color-yellow.active-state,
2137
+ .speed-dial-buttons a.color-yellow.active-state,
2138
+ .floating-button.bg-yellow.active-state,
2139
+ .speed-dial-buttons a.bg-yellow.active-state {
2140
+ background: #d6ab00;
2141
+ }
2142
+ .floating-button.color-yellow i,
2143
+ .speed-dial-buttons a.color-yellow i,
2144
+ .floating-button.bg-yellow i,
2145
+ .speed-dial-buttons a.bg-yellow i {
2146
+ color: inherit;
2147
+ }
2148
+ .range-slider.color-yellow input[type="range"]::-webkit-slider-thumb:before {
2149
+ background-color: #ffcc00;
2150
+ }
2151
+ .range-slider.color-yellow input[type="range"]::-ms-fill-lower {
2152
+ background-color: #ffcc00;
2153
+ }
2154
+ .badge.color-yellow {
2155
+ background-color: #ffcc00;
2156
+ color: #fff;
2157
+ }
2158
+ .color-orange {
2159
+ color: #ff9500;
2160
+ }
2161
+ .list-block .item-link.list-button.color-orange,
2162
+ .list-button.color-orange,
2163
+ .tabbar a.active.color-orange,
2164
+ a.color-orange {
2165
+ color: #ff9500;
2166
+ }
2167
+ .label-switch input[type="checkbox"]:checked + .checkbox.color-orange,
2168
+ .label-switch.color-orange input[type="checkbox"]:checked + .checkbox {
2169
+ background-color: #ff9500;
2170
+ }
2171
+ .color-orange.button:not(.button-fill),
2172
+ .color-orange.buttons-row .button {
2173
+ border-color: #ff9500;
2174
+ }
2175
+ html:not(.watch-active-state) .color-orange.button:not(.button-fill):active,
2176
+ html:not(.watch-active-state) .color-orange.buttons-row .button:active,
2177
+ .color-orange.button:not(.button-fill).active-state,
2178
+ .color-orange.buttons-row .button.active-state {
2179
+ background-color: rgba(255, 149, 0, 0.15);
2180
+ }
2181
+ .color-orange.button:not(.button-fill).active,
2182
+ .color-orange.buttons-row .button.active {
2183
+ background-color: #ff9500;
2184
+ color: #fff;
2185
+ }
2186
+ .button.button-fill.color-orange {
2187
+ background: #ff9500;
2188
+ color: #fff;
2189
+ }
2190
+ .progressbar.color-orange span,
2191
+ .progressbar.bg-orange span {
2192
+ background-color: #ff9500;
2193
+ }
2194
+ .progressbar-infinite.color-orange:before,
2195
+ .progressbar-infinite.bg-orange:before {
2196
+ background-color: #ff9500;
2197
+ }
2198
+ .color-orange i.icon,
2199
+ i.icon.color-orange {
2200
+ color: #ff9500;
2201
+ }
2202
+ .preloader.color-orange,
2203
+ .preloader.preloader-orange {
2204
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff9500'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
2205
+ }
2206
+ .bg-orange,
2207
+ .button.button-fill.bg-orange,
2208
+ a.bg-orange,
2209
+ .list-block .swipeout-actions-left a.bg-orange,
2210
+ .list-block .swipeout-actions-right a.bg-orange {
2211
+ background-color: #ff9500;
2212
+ }
2213
+ .border-orange {
2214
+ border-color: #ff9500;
2215
+ }
2216
+ .list-block .border-orange.item-inner:after,
2217
+ .list-block ul.border-orange:after,
2218
+ .border-orange:after,
2219
+ .list-block .border-orange.item-inner:before,
2220
+ .list-block ul.border-orange:before,
2221
+ .border-orange:before {
2222
+ background-color: #ff9500;
2223
+ }
2224
+ .floating-button.color-orange,
2225
+ .speed-dial-buttons a.color-orange,
2226
+ .floating-button.bg-orange,
2227
+ .speed-dial-buttons a.bg-orange {
2228
+ color: #fff;
2229
+ background: #ff9500;
2230
+ }
2231
+ html:not(.watch-active-state) .floating-button.color-orange:active,
2232
+ html:not(.watch-active-state) .speed-dial-buttons a.color-orange:active,
2233
+ html:not(.watch-active-state) .floating-button.bg-orange:active,
2234
+ html:not(.watch-active-state) .speed-dial-buttons a.bg-orange:active,
2235
+ .floating-button.color-orange.active-state,
2236
+ .speed-dial-buttons a.color-orange.active-state,
2237
+ .floating-button.bg-orange.active-state,
2238
+ .speed-dial-buttons a.bg-orange.active-state {
2239
+ background: #d67d00;
2240
+ }
2241
+ .floating-button.color-orange i,
2242
+ .speed-dial-buttons a.color-orange i,
2243
+ .floating-button.bg-orange i,
2244
+ .speed-dial-buttons a.bg-orange i {
2245
+ color: inherit;
2246
+ }
2247
+ .range-slider.color-orange input[type="range"]::-webkit-slider-thumb:before {
2248
+ background-color: #ff9500;
2249
+ }
2250
+ .range-slider.color-orange input[type="range"]::-ms-fill-lower {
2251
+ background-color: #ff9500;
2252
+ }
2253
+ .badge.color-orange {
2254
+ background-color: #ff9500;
2255
+ color: #fff;
2256
+ }
2257
+ .color-pink {
2258
+ color: #ff2d55;
2259
+ }
2260
+ .list-block .item-link.list-button.color-pink,
2261
+ .list-button.color-pink,
2262
+ .tabbar a.active.color-pink,
2263
+ a.color-pink {
2264
+ color: #ff2d55;
2265
+ }
2266
+ .label-switch input[type="checkbox"]:checked + .checkbox.color-pink,
2267
+ .label-switch.color-pink input[type="checkbox"]:checked + .checkbox {
2268
+ background-color: #ff2d55;
2269
+ }
2270
+ .color-pink.button:not(.button-fill),
2271
+ .color-pink.buttons-row .button {
2272
+ border-color: #ff2d55;
2273
+ }
2274
+ html:not(.watch-active-state) .color-pink.button:not(.button-fill):active,
2275
+ html:not(.watch-active-state) .color-pink.buttons-row .button:active,
2276
+ .color-pink.button:not(.button-fill).active-state,
2277
+ .color-pink.buttons-row .button.active-state {
2278
+ background-color: rgba(255, 45, 85, 0.15);
2279
+ }
2280
+ .color-pink.button:not(.button-fill).active,
2281
+ .color-pink.buttons-row .button.active {
2282
+ background-color: #ff2d55;
2283
+ color: #fff;
2284
+ }
2285
+ .button.button-fill.color-pink {
2286
+ background: #ff2d55;
2287
+ color: #fff;
2288
+ }
2289
+ .progressbar.color-pink span,
2290
+ .progressbar.bg-pink span {
2291
+ background-color: #ff2d55;
2292
+ }
2293
+ .progressbar-infinite.color-pink:before,
2294
+ .progressbar-infinite.bg-pink:before {
2295
+ background-color: #ff2d55;
2296
+ }
2297
+ .color-pink i.icon,
2298
+ i.icon.color-pink {
2299
+ color: #ff2d55;
2300
+ }
2301
+ .preloader.color-pink,
2302
+ .preloader.preloader-pink {
2303
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff2d55'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
2304
+ }
2305
+ .bg-pink,
2306
+ .button.button-fill.bg-pink,
2307
+ a.bg-pink,
2308
+ .list-block .swipeout-actions-left a.bg-pink,
2309
+ .list-block .swipeout-actions-right a.bg-pink {
2310
+ background-color: #ff2d55;
2311
+ }
2312
+ .border-pink {
2313
+ border-color: #ff2d55;
2314
+ }
2315
+ .list-block .border-pink.item-inner:after,
2316
+ .list-block ul.border-pink:after,
2317
+ .border-pink:after,
2318
+ .list-block .border-pink.item-inner:before,
2319
+ .list-block ul.border-pink:before,
2320
+ .border-pink:before {
2321
+ background-color: #ff2d55;
2322
+ }
2323
+ .floating-button.color-pink,
2324
+ .speed-dial-buttons a.color-pink,
2325
+ .floating-button.bg-pink,
2326
+ .speed-dial-buttons a.bg-pink {
2327
+ color: #fff;
2328
+ background: #ff2d55;
2329
+ }
2330
+ html:not(.watch-active-state) .floating-button.color-pink:active,
2331
+ html:not(.watch-active-state) .speed-dial-buttons a.color-pink:active,
2332
+ html:not(.watch-active-state) .floating-button.bg-pink:active,
2333
+ html:not(.watch-active-state) .speed-dial-buttons a.bg-pink:active,
2334
+ .floating-button.color-pink.active-state,
2335
+ .speed-dial-buttons a.color-pink.active-state,
2336
+ .floating-button.bg-pink.active-state,
2337
+ .speed-dial-buttons a.bg-pink.active-state {
2338
+ background: #ff0434;
2339
+ }
2340
+ .floating-button.color-pink i,
2341
+ .speed-dial-buttons a.color-pink i,
2342
+ .floating-button.bg-pink i,
2343
+ .speed-dial-buttons a.bg-pink i {
2344
+ color: inherit;
2345
+ }
2346
+ .range-slider.color-pink input[type="range"]::-webkit-slider-thumb:before {
2347
+ background-color: #ff2d55;
2348
+ }
2349
+ .range-slider.color-pink input[type="range"]::-ms-fill-lower {
2350
+ background-color: #ff2d55;
2351
+ }
2352
+ .badge.color-pink {
2353
+ background-color: #ff2d55;
2354
+ color: #fff;
2355
+ }
2356
+ .color-blue {
2357
+ color: #007aff;
2358
+ }
2359
+ .list-block .item-link.list-button.color-blue,
2360
+ .list-button.color-blue,
2361
+ .tabbar a.active.color-blue,
2362
+ a.color-blue {
2363
+ color: #007aff;
2364
+ }
2365
+ .label-switch input[type="checkbox"]:checked + .checkbox.color-blue,
2366
+ .label-switch.color-blue input[type="checkbox"]:checked + .checkbox {
2367
+ background-color: #007aff;
2368
+ }
2369
+ .color-blue.button:not(.button-fill),
2370
+ .color-blue.buttons-row .button {
2371
+ border-color: #007aff;
2372
+ }
2373
+ html:not(.watch-active-state) .color-blue.button:not(.button-fill):active,
2374
+ html:not(.watch-active-state) .color-blue.buttons-row .button:active,
2375
+ .color-blue.button:not(.button-fill).active-state,
2376
+ .color-blue.buttons-row .button.active-state {
2377
+ background-color: rgba(0, 122, 255, 0.15);
2378
+ }
2379
+ .color-blue.button:not(.button-fill).active,
2380
+ .color-blue.buttons-row .button.active {
2381
+ background-color: #007aff;
2382
+ color: #fff;
2383
+ }
2384
+ .button.button-fill.color-blue {
2385
+ background: #007aff;
2386
+ color: #fff;
2387
+ }
2388
+ .progressbar.color-blue span,
2389
+ .progressbar.bg-blue span {
2390
+ background-color: #007aff;
2391
+ }
2392
+ .progressbar-infinite.color-blue:before,
2393
+ .progressbar-infinite.bg-blue:before {
2394
+ background-color: #007aff;
2395
+ }
2396
+ .color-blue i.icon,
2397
+ i.icon.color-blue {
2398
+ color: #007aff;
2399
+ }
2400
+ .preloader.color-blue,
2401
+ .preloader.preloader-blue {
2402
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23007aff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
2403
+ }
2404
+ .bg-blue,
2405
+ .button.button-fill.bg-blue,
2406
+ a.bg-blue,
2407
+ .list-block .swipeout-actions-left a.bg-blue,
2408
+ .list-block .swipeout-actions-right a.bg-blue {
2409
+ background-color: #007aff;
2410
+ }
2411
+ .border-blue {
2412
+ border-color: #007aff;
2413
+ }
2414
+ .list-block .border-blue.item-inner:after,
2415
+ .list-block ul.border-blue:after,
2416
+ .border-blue:after,
2417
+ .list-block .border-blue.item-inner:before,
2418
+ .list-block ul.border-blue:before,
2419
+ .border-blue:before {
2420
+ background-color: #007aff;
2421
+ }
2422
+ .floating-button.color-blue,
2423
+ .speed-dial-buttons a.color-blue,
2424
+ .floating-button.bg-blue,
2425
+ .speed-dial-buttons a.bg-blue {
2426
+ color: #fff;
2427
+ background: #007aff;
2428
+ }
2429
+ html:not(.watch-active-state) .floating-button.color-blue:active,
2430
+ html:not(.watch-active-state) .speed-dial-buttons a.color-blue:active,
2431
+ html:not(.watch-active-state) .floating-button.bg-blue:active,
2432
+ html:not(.watch-active-state) .speed-dial-buttons a.bg-blue:active,
2433
+ .floating-button.color-blue.active-state,
2434
+ .speed-dial-buttons a.color-blue.active-state,
2435
+ .floating-button.bg-blue.active-state,
2436
+ .speed-dial-buttons a.bg-blue.active-state {
2437
+ background: #0066d6;
2438
+ }
2439
+ .floating-button.color-blue i,
2440
+ .speed-dial-buttons a.color-blue i,
2441
+ .floating-button.bg-blue i,
2442
+ .speed-dial-buttons a.bg-blue i {
2443
+ color: inherit;
2444
+ }
2445
+ .range-slider.color-blue input[type="range"]::-webkit-slider-thumb:before {
2446
+ background-color: #007aff;
2447
+ }
2448
+ .range-slider.color-blue input[type="range"]::-ms-fill-lower {
2449
+ background-color: #007aff;
2450
+ }
2451
+ .badge.color-blue {
2452
+ background-color: #007aff;
2453
+ color: #fff;
2454
+ }
2455
+ .color-green {
2456
+ color: #4cd964;
2457
+ }
2458
+ .list-block .item-link.list-button.color-green,
2459
+ .list-button.color-green,
2460
+ .tabbar a.active.color-green,
2461
+ a.color-green {
2462
+ color: #4cd964;
2463
+ }
2464
+ .label-switch input[type="checkbox"]:checked + .checkbox.color-green,
2465
+ .label-switch.color-green input[type="checkbox"]:checked + .checkbox {
2466
+ background-color: #4cd964;
2467
+ }
2468
+ .color-green.button:not(.button-fill),
2469
+ .color-green.buttons-row .button {
2470
+ border-color: #4cd964;
2471
+ }
2472
+ html:not(.watch-active-state) .color-green.button:not(.button-fill):active,
2473
+ html:not(.watch-active-state) .color-green.buttons-row .button:active,
2474
+ .color-green.button:not(.button-fill).active-state,
2475
+ .color-green.buttons-row .button.active-state {
2476
+ background-color: rgba(76, 217, 100, 0.15);
2477
+ }
2478
+ .color-green.button:not(.button-fill).active,
2479
+ .color-green.buttons-row .button.active {
2480
+ background-color: #4cd964;
2481
+ color: #fff;
2482
+ }
2483
+ .button.button-fill.color-green {
2484
+ background: #4cd964;
2485
+ color: #fff;
2486
+ }
2487
+ .progressbar.color-green span,
2488
+ .progressbar.bg-green span {
2489
+ background-color: #4cd964;
2490
+ }
2491
+ .progressbar-infinite.color-green:before,
2492
+ .progressbar-infinite.bg-green:before {
2493
+ background-color: #4cd964;
2494
+ }
2495
+ .color-green i.icon,
2496
+ i.icon.color-green {
2497
+ color: #4cd964;
2498
+ }
2499
+ .preloader.color-green,
2500
+ .preloader.preloader-green {
2501
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%234cd964'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
2502
+ }
2503
+ .bg-green,
2504
+ .button.button-fill.bg-green,
2505
+ a.bg-green,
2506
+ .list-block .swipeout-actions-left a.bg-green,
2507
+ .list-block .swipeout-actions-right a.bg-green {
2508
+ background-color: #4cd964;
2509
+ }
2510
+ .border-green {
2511
+ border-color: #4cd964;
2512
+ }
2513
+ .list-block .border-green.item-inner:after,
2514
+ .list-block ul.border-green:after,
2515
+ .border-green:after,
2516
+ .list-block .border-green.item-inner:before,
2517
+ .list-block ul.border-green:before,
2518
+ .border-green:before {
2519
+ background-color: #4cd964;
2520
+ }
2521
+ .floating-button.color-green,
2522
+ .speed-dial-buttons a.color-green,
2523
+ .floating-button.bg-green,
2524
+ .speed-dial-buttons a.bg-green {
2525
+ color: #fff;
2526
+ background: #4cd964;
2527
+ }
2528
+ html:not(.watch-active-state) .floating-button.color-green:active,
2529
+ html:not(.watch-active-state) .speed-dial-buttons a.color-green:active,
2530
+ html:not(.watch-active-state) .floating-button.bg-green:active,
2531
+ html:not(.watch-active-state) .speed-dial-buttons a.bg-green:active,
2532
+ .floating-button.color-green.active-state,
2533
+ .speed-dial-buttons a.color-green.active-state,
2534
+ .floating-button.bg-green.active-state,
2535
+ .speed-dial-buttons a.bg-green.active-state {
2536
+ background: #2cd048;
2537
+ }
2538
+ .floating-button.color-green i,
2539
+ .speed-dial-buttons a.color-green i,
2540
+ .floating-button.bg-green i,
2541
+ .speed-dial-buttons a.bg-green i {
2542
+ color: inherit;
2543
+ }
2544
+ .range-slider.color-green input[type="range"]::-webkit-slider-thumb:before {
2545
+ background-color: #4cd964;
2546
+ }
2547
+ .range-slider.color-green input[type="range"]::-ms-fill-lower {
2548
+ background-color: #4cd964;
2549
+ }
2550
+ .badge.color-green {
2551
+ background-color: #4cd964;
2552
+ color: #fff;
2553
+ }
2554
+ .color-red {
2555
+ color: #ff3b30;
2556
+ }
2557
+ .list-block .item-link.list-button.color-red,
2558
+ .list-button.color-red,
2559
+ .tabbar a.active.color-red,
2560
+ a.color-red {
2561
+ color: #ff3b30;
2562
+ }
2563
+ .label-switch input[type="checkbox"]:checked + .checkbox.color-red,
2564
+ .label-switch.color-red input[type="checkbox"]:checked + .checkbox {
2565
+ background-color: #ff3b30;
2566
+ }
2567
+ .color-red.button:not(.button-fill),
2568
+ .color-red.buttons-row .button {
2569
+ border-color: #ff3b30;
2570
+ }
2571
+ html:not(.watch-active-state) .color-red.button:not(.button-fill):active,
2572
+ html:not(.watch-active-state) .color-red.buttons-row .button:active,
2573
+ .color-red.button:not(.button-fill).active-state,
2574
+ .color-red.buttons-row .button.active-state {
2575
+ background-color: rgba(255, 59, 48, 0.15);
2576
+ }
2577
+ .color-red.button:not(.button-fill).active,
2578
+ .color-red.buttons-row .button.active {
2579
+ background-color: #ff3b30;
2580
+ color: #fff;
2581
+ }
2582
+ .button.button-fill.color-red {
2583
+ background: #ff3b30;
2584
+ color: #fff;
2585
+ }
2586
+ .progressbar.color-red span,
2587
+ .progressbar.bg-red span {
2588
+ background-color: #ff3b30;
2589
+ }
2590
+ .progressbar-infinite.color-red:before,
2591
+ .progressbar-infinite.bg-red:before {
2592
+ background-color: #ff3b30;
2593
+ }
2594
+ .color-red i.icon,
2595
+ i.icon.color-red {
2596
+ color: #ff3b30;
2597
+ }
2598
+ .preloader.color-red,
2599
+ .preloader.preloader-red {
2600
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff3b30'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
2601
+ }
2602
+ .bg-red,
2603
+ .button.button-fill.bg-red,
2604
+ a.bg-red,
2605
+ .list-block .swipeout-actions-left a.bg-red,
2606
+ .list-block .swipeout-actions-right a.bg-red {
2607
+ background-color: #ff3b30;
2608
+ }
2609
+ .border-red {
2610
+ border-color: #ff3b30;
2611
+ }
2612
+ .list-block .border-red.item-inner:after,
2613
+ .list-block ul.border-red:after,
2614
+ .border-red:after,
2615
+ .list-block .border-red.item-inner:before,
2616
+ .list-block ul.border-red:before,
2617
+ .border-red:before {
2618
+ background-color: #ff3b30;
2619
+ }
2620
+ .floating-button.color-red,
2621
+ .speed-dial-buttons a.color-red,
2622
+ .floating-button.bg-red,
2623
+ .speed-dial-buttons a.bg-red {
2624
+ color: #fff;
2625
+ background: #ff3b30;
2626
+ }
2627
+ html:not(.watch-active-state) .floating-button.color-red:active,
2628
+ html:not(.watch-active-state) .speed-dial-buttons a.color-red:active,
2629
+ html:not(.watch-active-state) .floating-button.bg-red:active,
2630
+ html:not(.watch-active-state) .speed-dial-buttons a.bg-red:active,
2631
+ .floating-button.color-red.active-state,
2632
+ .speed-dial-buttons a.color-red.active-state,
2633
+ .floating-button.bg-red.active-state,
2634
+ .speed-dial-buttons a.bg-red.active-state {
2635
+ background: #ff1407;
2636
+ }
2637
+ .floating-button.color-red i,
2638
+ .speed-dial-buttons a.color-red i,
2639
+ .floating-button.bg-red i,
2640
+ .speed-dial-buttons a.bg-red i {
2641
+ color: inherit;
2642
+ }
2643
+ .range-slider.color-red input[type="range"]::-webkit-slider-thumb:before {
2644
+ background-color: #ff3b30;
2645
+ }
2646
+ .range-slider.color-red input[type="range"]::-ms-fill-lower {
2647
+ background-color: #ff3b30;
2648
+ }
2649
+ .badge.color-red {
2650
+ background-color: #ff3b30;
2651
+ color: #fff;
2652
+ }
2653
+ /*==========================
2654
+ Framework7 Layouts Themes
2655
+ ==========================*/
2656
+ /* === Dark layout === */
2657
+ .layout-dark .navbar,
2658
+ .navbar.layout-dark,
2659
+ .layout-dark .subnavbar,
2660
+ .subnavbar.layout-dark {
2661
+ background-color: #131313;
2662
+ color: #fff;
2663
+ }
2664
+ .layout-dark .navbar:after,
2665
+ .navbar.layout-dark:after,
2666
+ .layout-dark .subnavbar:after,
2667
+ .subnavbar.layout-dark:after {
2668
+ background-color: #333;
2669
+ }
2670
+ .layout-dark .toolbar,
2671
+ .toolbar.layout-dark {
2672
+ background-color: #131313;
2673
+ color: #fff;
2674
+ }
2675
+ .layout-dark .toolbar:before,
2676
+ .toolbar.layout-dark:before {
2677
+ background-color: #333;
2678
+ }
2679
+ .layout-dark .picker-modal .toolbar {
2680
+ background-color: #131313;
2681
+ }
2682
+ .layout-dark .popover .picker-modal .toolbar {
2683
+ background: none;
2684
+ }
2685
+ .layout-dark .picker-calendar-week-days {
2686
+ color: #fff;
2687
+ background-color: #131313;
2688
+ }
2689
+ .layout-dark .popover .picker-modal .picker-center-highlight:before,
2690
+ .layout-dark .picker-modal.picker-modal-inline .picker-center-highlight:before {
2691
+ background-color: #333;
2692
+ }
2693
+ .layout-dark .popover .picker-modal .picker-center-highlight:after,
2694
+ .layout-dark .picker-modal.picker-modal-inline .picker-center-highlight:after {
2695
+ background-color: #333;
2696
+ }
2697
+ .layout-dark .popover .picker-modal .picker-item.picker-selected,
2698
+ .layout-dark .picker-modal.picker-modal-inline .picker-item.picker-selected {
2699
+ color: #fff;
2700
+ }
2701
+ .layout-dark .popover .picker-modal .picker-calendar-week-days,
2702
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days {
2703
+ color: #fff;
2704
+ }
2705
+ .layout-dark .popover .picker-modal .picker-calendar-day,
2706
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day {
2707
+ color: #fff;
2708
+ }
2709
+ .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-prev,
2710
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-prev,
2711
+ .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-next,
2712
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-next {
2713
+ color: #777;
2714
+ }
2715
+ .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-disabled,
2716
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-disabled {
2717
+ color: #555;
2718
+ }
2719
+ .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-today span,
2720
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-today span {
2721
+ background: #333;
2722
+ }
2723
+ .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-has-events span:after,
2724
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-has-events span:after {
2725
+ background: #555;
2726
+ }
2727
+ .layout-dark .popover .picker-modal .picker-calendar-week-days:after,
2728
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days:after,
2729
+ .layout-dark .popover .picker-modal .picker-calendar-row:after,
2730
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-row:after {
2731
+ background-color: #333;
2732
+ }
2733
+ .layout-dark .popover .picker-modal .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
2734
+ .layout-dark .picker-modal.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
2735
+ .layout-dark .popover .picker-modal .picker-calendar-week-days ~ .picker-calendar-months:before,
2736
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
2737
+ background-color: #333;
2738
+ }
2739
+ .layout-dark .popover .picker-modal .toolbar:after {
2740
+ background-color: #333;
2741
+ }
2742
+ .layout-dark .photo-browser .navbar,
2743
+ .layout-dark .views .view[data-page="photo-browser-slides"] .navbar,
2744
+ .layout-dark .photo-browser .toolbar,
2745
+ .layout-dark .views .view[data-page="photo-browser-slides"] .toolbar {
2746
+ color: #000;
2747
+ background: rgba(247, 247, 247, 0.95);
2748
+ }
2749
+ .layout-dark .photo-browser-dark .navbar,
2750
+ .layout-dark .photo-browser-dark .toolbar {
2751
+ background: rgba(30, 30, 30, 0.8);
2752
+ color: #fff;
2753
+ }
2754
+ .layout-dark .tabbar a:not(.active) {
2755
+ color: #fff;
2756
+ }
2757
+ .layout-dark .page,
2758
+ .layout-dark .login-screen-content,
2759
+ .page.layout-dark,
2760
+ .layout-dark .panel,
2761
+ .panel.layout-dark {
2762
+ background-color: #222426;
2763
+ color: #ddd;
2764
+ }
2765
+ .layout-dark .content-block-title {
2766
+ color: #fff;
2767
+ }
2768
+ .layout-dark .content-block,
2769
+ .content-block.layout-dark {
2770
+ color: #bbb;
2771
+ }
2772
+ .layout-dark .content-block-inner {
2773
+ background: #1c1d1f;
2774
+ color: #ddd;
2775
+ }
2776
+ .layout-dark .content-block-inner:before {
2777
+ background-color: #393939;
2778
+ }
2779
+ .layout-dark .content-block-inner:after {
2780
+ background-color: #393939;
2781
+ }
2782
+ .layout-dark .list-block ul,
2783
+ .list-block.layout-dark ul {
2784
+ background: #1c1d1f;
2785
+ }
2786
+ .layout-dark .list-block ul:before,
2787
+ .list-block.layout-dark ul:before {
2788
+ background-color: #393939;
2789
+ }
2790
+ .layout-dark .list-block ul:after,
2791
+ .list-block.layout-dark ul:after {
2792
+ background-color: #393939;
2793
+ }
2794
+ .layout-dark .list-block.inset ul,
2795
+ .list-block.layout-dark.inset ul {
2796
+ background: #1c1d1f;
2797
+ }
2798
+ .layout-dark .list-block.notifications > ul,
2799
+ .list-block.layout-dark.notifications > ul {
2800
+ background: none;
2801
+ }
2802
+ .layout-dark .autocomplete-dropdown {
2803
+ background: #1c1d1f;
2804
+ }
2805
+ .layout-dark .autocomplete-dropdown .list-block b {
2806
+ color: #fff;
2807
+ }
2808
+ .layout-dark .card {
2809
+ background: #1c1d1f;
2810
+ }
2811
+ .layout-dark .card-header:after {
2812
+ background-color: #393939;
2813
+ }
2814
+ .layout-dark .card-footer {
2815
+ color: #bbb;
2816
+ }
2817
+ .layout-dark .card-footer:before {
2818
+ background-color: #393939;
2819
+ }
2820
+ .layout-dark .popover,
2821
+ .popover.layout-dark {
2822
+ background: rgba(0, 0, 0, 0.8);
2823
+ }
2824
+ .layout-dark .popover .popover-angle:after,
2825
+ .popover.layout-dark .popover-angle:after {
2826
+ background: rgba(0, 0, 0, 0.8);
2827
+ }
2828
+ .layout-dark .popover .list-block ul,
2829
+ .popover.layout-dark .list-block ul {
2830
+ background: none;
2831
+ }
2832
+ .layout-dark .actions-popover .list-block ul:before {
2833
+ background-color: #393939;
2834
+ }
2835
+ .layout-dark .actions-popover .list-block ul:after {
2836
+ background-color: #393939;
2837
+ }
2838
+ .layout-dark .actions-popover .actions-popover-label:after {
2839
+ background-color: #393939;
2840
+ }
2841
+ .layout-dark li.sorting {
2842
+ background-color: #29292f;
2843
+ }
2844
+ .layout-dark .swipeout-actions-left a,
2845
+ .layout-dark .swipeout-actions-right a {
2846
+ background-color: #444;
2847
+ }
2848
+ .layout-dark .item-inner:after,
2849
+ .layout-dark .list-block ul ul li:last-child .item-inner:after {
2850
+ background-color: #393939;
2851
+ }
2852
+ .layout-dark .item-after {
2853
+ color: #bbb;
2854
+ }
2855
+ html:not(.watch-active-state) .layout-dark .item-link:active,
2856
+ html:not(.watch-active-state) .layout-dark label.label-checkbox:active,
2857
+ html:not(.watch-active-state) .layout-dark label.label-radio:active,
2858
+ .layout-dark .item-link.active-state,
2859
+ .layout-dark label.label-checkbox.active-state,
2860
+ .layout-dark label.label-radio.active-state {
2861
+ background-color: #29292f;
2862
+ }
2863
+ .layout-dark .item-link.list-button:after,
2864
+ .layout-dark .list-button:after {
2865
+ background-color: #393939;
2866
+ }
2867
+ .layout-dark .list-block-label {
2868
+ color: #bbb;
2869
+ }
2870
+ .layout-dark .item-divider,
2871
+ .layout-dark .list-group-title {
2872
+ background: #1a1a1a;
2873
+ color: #bbb;
2874
+ }
2875
+ .layout-dark .item-divider:before,
2876
+ .layout-dark .list-group-title:before {
2877
+ background-color: #393939;
2878
+ }
2879
+ .layout-dark .searchbar {
2880
+ background: #333;
2881
+ }
2882
+ .layout-dark .searchbar:after {
2883
+ background-color: #333;
2884
+ }
2885
+ .layout-dark .list-block input[type="text"],
2886
+ .list-block.layout-dark input[type="text"],
2887
+ .layout-dark .list-block input[type="password"],
2888
+ .list-block.layout-dark input[type="password"],
2889
+ .layout-dark .list-block input[type="email"],
2890
+ .list-block.layout-dark input[type="email"],
2891
+ .layout-dark .list-block input[type="tel"],
2892
+ .list-block.layout-dark input[type="tel"],
2893
+ .layout-dark .list-block input[type="url"],
2894
+ .list-block.layout-dark input[type="url"],
2895
+ .layout-dark .list-block input[type="date"],
2896
+ .list-block.layout-dark input[type="date"],
2897
+ .layout-dark .list-block input[type="datetime-local"],
2898
+ .list-block.layout-dark input[type="datetime-local"],
2899
+ .layout-dark .list-block input[type="number"],
2900
+ .list-block.layout-dark input[type="number"],
2901
+ .layout-dark .list-block select,
2902
+ .list-block.layout-dark select,
2903
+ .layout-dark .list-block textarea,
2904
+ .list-block.layout-dark textarea {
2905
+ color: #fff;
2906
+ }
2907
+ .layout-dark .label-switch .checkbox {
2908
+ background-color: #393939;
2909
+ }
2910
+ .layout-dark .label-switch .checkbox:before {
2911
+ background-color: #1c1d1f;
2912
+ }
2913
+ .layout-dark .range-slider input[type="range"]:after {
2914
+ background: #1c1d1f;
2915
+ }
2916
+ .layout-dark .range-slider input[type="range"]::-ms-thumb {
2917
+ border: none;
2918
+ }
2919
+ .layout-dark .timeline-item-inner {
2920
+ background: #1c1d1f;
2921
+ }
2922
+ .layout-dark .timeline-item-divider {
2923
+ background: rgba(255, 255, 255, 0.3);
2924
+ }
2925
+ .layout-dark .content-block-inner .timeline-item-inner {
2926
+ border-color: #393939;
2927
+ }
2928
+ .layout-dark .timeline-item-time {
2929
+ color: #8e8e93;
2930
+ }
2931
+ .layout-dark .timeline-horizontal .timeline-item-date {
2932
+ background-color: #131313;
2933
+ }
2934
+ .layout-dark .timeline-horizontal .timeline-item-date:after {
2935
+ background-color: #333;
2936
+ }
2937
+ .layout-dark .timeline-horizontal .timeline-item:after {
2938
+ background-color: #333;
2939
+ }
2940
+ .layout-dark .timeline-year-title,
2941
+ .layout-dark .timeline-month-title {
2942
+ background-color: #131313;
2943
+ }
2944
+ .layout-dark .timeline-month .timeline-item:before {
2945
+ background-color: #333;
2946
+ }
2947
+ .layout-dark .timeline-year:after {
2948
+ background-color: #333;
2949
+ }
2950
+ .layout-dark .data-table tbody tr.data-table-row-selected {
2951
+ background: rgba(255, 255, 255, 0.05);
2952
+ }
2953
+ .layout-dark .data-table tbody td:before {
2954
+ content: '';
2955
+ position: absolute;
2956
+ left: 0;
2957
+ top: 0;
2958
+ bottom: auto;
2959
+ right: auto;
2960
+ height: 1px;
2961
+ width: 100%;
2962
+ background-color: #393939;
2963
+ display: block;
2964
+ z-index: 15;
2965
+ -webkit-transform-origin: 50% 0%;
2966
+ transform-origin: 50% 0%;
2967
+ }
2968
+ html.pixel-ratio-2 .layout-dark .data-table tbody td:before {
2969
+ -webkit-transform: scaleY(0.5);
2970
+ transform: scaleY(0.5);
2971
+ }
2972
+ html.pixel-ratio-3 .layout-dark .data-table tbody td:before {
2973
+ -webkit-transform: scaleY(0.33);
2974
+ transform: scaleY(0.33);
2975
+ }
2976
+ html:not(.ios):not(.android) .layout-dark .data-table tbody tr:hover {
2977
+ background: rgba(255, 255, 255, 0.05);
2978
+ }
2979
+ .layout-dark .data-table .sortable-cell:not(.numeric-cell):after,
2980
+ .layout-dark .data-table .sortable-cell.numeric-cell:before {
2981
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
2982
+ }
2983
+ @media (max-width: 480px) and (orientation: portrait) {
2984
+ .layout-dark .data-table.data-table-collapsible tr:before {
2985
+ content: '';
2986
+ position: absolute;
2987
+ left: 0;
2988
+ top: 0;
2989
+ bottom: auto;
2990
+ right: auto;
2991
+ height: 1px;
2992
+ width: 100%;
2993
+ background-color: #393939;
2994
+ display: block;
2995
+ z-index: 15;
2996
+ -webkit-transform-origin: 50% 0%;
2997
+ transform-origin: 50% 0%;
2998
+ }
2999
+ html.pixel-ratio-2 .layout-dark .data-table.data-table-collapsible tr:before {
3000
+ -webkit-transform: scaleY(0.5);
3001
+ transform: scaleY(0.5);
3002
+ }
3003
+ html.pixel-ratio-3 .layout-dark .data-table.data-table-collapsible tr:before {
3004
+ -webkit-transform: scaleY(0.33);
3005
+ transform: scaleY(0.33);
3006
+ }
3007
+ .layout-dark .data-table.data-table-collapsible tr:hover {
3008
+ background-color: inherit;
3009
+ }
3010
+ }
3011
+ /* === White layout === */
3012
+ .layout-white .navbar,
3013
+ .navbar.layout-white,
3014
+ .layout-white .subnavbar,
3015
+ .subnavbar.layout-white {
3016
+ background-color: #fff;
3017
+ color: #000;
3018
+ }
3019
+ .layout-white .navbar:after,
3020
+ .navbar.layout-white:after,
3021
+ .layout-white .subnavbar:after,
3022
+ .subnavbar.layout-white:after {
3023
+ background-color: #ddd;
3024
+ }
3025
+ .layout-white .toolbar,
3026
+ .toolbar.layout-white {
3027
+ background-color: #fff;
3028
+ color: #000;
3029
+ }
3030
+ .layout-white .toolbar:before,
3031
+ .toolbar.layout-white:before {
3032
+ background-color: #ddd;
3033
+ }
3034
+ .layout-white .picker-modal .toolbar {
3035
+ background-color: #fff;
3036
+ }
3037
+ .layout-white .popover .picker-modal .toolbar {
3038
+ background: none;
3039
+ }
3040
+ .layout-white .popover .picker-modal .picker-center-highlight:before,
3041
+ .layout-white .picker-modal.picker-modal-inline .picker-center-highlight:before {
3042
+ background-color: #ddd;
3043
+ }
3044
+ .layout-white .popover .picker-modal .picker-center-highlight:after,
3045
+ .layout-white .picker-modal.picker-modal-inline .picker-center-highlight:after {
3046
+ background-color: #ddd;
3047
+ }
3048
+ .layout-white .popover .picker-modal .picker-calendar-week-days:after,
3049
+ .layout-white .picker-modal.picker-modal-inline .picker-calendar-week-days:after,
3050
+ .layout-white .popover .picker-modal .picker-calendar-row:after,
3051
+ .layout-white .picker-modal.picker-modal-inline .picker-calendar-row:after {
3052
+ background-color: #ddd;
3053
+ }
3054
+ .layout-white .popover .picker-modal .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
3055
+ .layout-white .picker-modal.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
3056
+ .layout-white .popover .picker-modal .picker-calendar-week-days ~ .picker-calendar-months:before,
3057
+ .layout-white .picker-modal.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
3058
+ background-color: #ddd;
3059
+ }
3060
+ .layout-white .popover .picker-modal .toolbar:after {
3061
+ background-color: #ddd;
3062
+ }
3063
+ .layout-white .photo-browser .navbar,
3064
+ .layout-white .views .view[data-page="photo-browser-slides"] .navbar,
3065
+ .layout-white .photo-browser .toolbar,
3066
+ .layout-white .views .view[data-page="photo-browser-slides"] .toolbar {
3067
+ color: #000;
3068
+ background: rgba(247, 247, 247, 0.95);
3069
+ }
3070
+ .layout-white .photo-browser-dark .navbar,
3071
+ .layout-white .photo-browser-dark .toolbar {
3072
+ background: rgba(30, 30, 30, 0.8);
3073
+ color: #fff;
3074
+ }
3075
+ .layout-white .tabbar a:not(.active) {
3076
+ color: #777;
3077
+ }
3078
+ .layout-white .page,
3079
+ .layout-white .login-screen-content,
3080
+ .page.layout-white,
3081
+ .layout-white .panel,
3082
+ .panel.layout-white {
3083
+ background-color: #fff;
3084
+ color: #000;
3085
+ }
3086
+ .layout-white .content-block-title {
3087
+ color: #777;
3088
+ }
3089
+ .layout-white .content-block,
3090
+ .content-block.layout-white {
3091
+ color: #777;
3092
+ }
3093
+ .layout-white .content-block-inner {
3094
+ background: #fafafa;
3095
+ color: #000;
3096
+ }
3097
+ .layout-white .content-block-inner:after {
3098
+ background-color: #ddd;
3099
+ }
3100
+ .layout-white .content-block-inner:before {
3101
+ background-color: #ddd;
3102
+ }
3103
+ .layout-white .list-block ul,
3104
+ .list-block.layout-white ul {
3105
+ background: #fff;
3106
+ }
3107
+ .layout-white .list-block ul:after,
3108
+ .list-block.layout-white ul:after {
3109
+ background-color: #ddd;
3110
+ }
3111
+ .layout-white .list-block ul:before,
3112
+ .list-block.layout-white ul:before {
3113
+ background-color: #ddd;
3114
+ }
3115
+ .layout-white .list-block.inset ul,
3116
+ .list-block.layout-white.inset ul {
3117
+ background: #fafafa;
3118
+ }
3119
+ .layout-white .list-block.notifications > ul,
3120
+ .list-block.layout-white.notifications > ul {
3121
+ background: none;
3122
+ }
3123
+ .layout-white .popover-inner > .list-block ul {
3124
+ background: none;
3125
+ }
3126
+ .layout-white li.sorting {
3127
+ background-color: #eee;
3128
+ }
3129
+ .layout-white .swipeout-actions-left a,
3130
+ .layout-white .swipeout-actions-right a {
3131
+ background-color: #c7c7cc;
3132
+ }
3133
+ .layout-white .item-inner,
3134
+ .layout-white .list-block ul ul li:last-child .item-inner {
3135
+ border-color: #ddd;
3136
+ }
3137
+ .layout-white .item-inner:after,
3138
+ .layout-white .list-block ul ul li:last-child .item-inner:after {
3139
+ background-color: #ddd;
3140
+ }
3141
+ .layout-white .item-after {
3142
+ color: #8e8e93;
3143
+ }
3144
+ html:not(.watch-active-state) .layout-white .item-link:active,
3145
+ html:not(.watch-active-state) .layout-white label.label-checkbox:active,
3146
+ html:not(.watch-active-state) .layout-white label.label-radio:active,
3147
+ .layout-white .item-link.active-state,
3148
+ .layout-white label.label-checkbox.active-state,
3149
+ .layout-white label.label-radio.active-state {
3150
+ background-color: #eee;
3151
+ }
3152
+ .layout-white .item-link.list-button:after,
3153
+ .layout-white .list-button:after {
3154
+ background-color: #ddd;
3155
+ }
3156
+ .layout-white .list-block-label {
3157
+ color: #777;
3158
+ }
3159
+ .layout-white .item-divider,
3160
+ .layout-white .list-group-title {
3161
+ background: #f7f7f7;
3162
+ color: #777;
3163
+ }
3164
+ .layout-white .item-divider:before,
3165
+ .layout-white .list-group-title:before {
3166
+ background-color: #ddd;
3167
+ }
3168
+ .layout-white .searchbar {
3169
+ background: #c9c9ce;
3170
+ }
3171
+ .layout-white .searchbar:after {
3172
+ background-color: #b4b4b4;
3173
+ }
3174
+ .layout-white .list-block input[type="text"],
3175
+ .list-block.layout-white input[type="text"],
3176
+ .layout-white .list-block input[type="password"],
3177
+ .list-block.layout-white input[type="password"],
3178
+ .layout-white .list-block input[type="email"],
3179
+ .list-block.layout-white input[type="email"],
3180
+ .layout-white .list-block input[type="tel"],
3181
+ .list-block.layout-white input[type="tel"],
3182
+ .layout-white .list-block input[type="url"],
3183
+ .list-block.layout-white input[type="url"],
3184
+ .layout-white .list-block input[type="date"],
3185
+ .list-block.layout-white input[type="date"],
3186
+ .layout-white .list-block input[type="datetime-local"],
3187
+ .list-block.layout-white input[type="datetime-local"],
3188
+ .layout-white .list-block input[type="number"],
3189
+ .list-block.layout-white input[type="number"],
3190
+ .layout-white .list-block select,
3191
+ .list-block.layout-white select,
3192
+ .layout-white .list-block textarea,
3193
+ .list-block.layout-white textarea {
3194
+ color: #777;
3195
+ }
3196
+ .layout-white .label-switch .checkbox {
3197
+ background-color: #e5e5e5;
3198
+ }
3199
+ .layout-white .label-switch .checkbox:before {
3200
+ background-color: #fff;
3201
+ }
3202
+ .layout-white .range-slider input[type="range"]:after {
3203
+ background: #fff;
3204
+ }
3205
+ .layout-white .timeline-item-inner {
3206
+ background: #fafafa;
3207
+ }
3208
+ .layout-white .content-block-inner .timeline-item-inner {
3209
+ border-color: #ddd;
3210
+ }
3211
+ .layout-white .timeline-item-time {
3212
+ color: #8e8e93;
3213
+ }
3214
+ .layout-white .timeline-horizontal .timeline-item-date {
3215
+ background-color: #fff;
3216
+ }
3217
+ .layout-white .timeline-horizontal .timeline-item-date:after {
3218
+ background-color: #ddd;
3219
+ }
3220
+ .layout-white .timeline-horizontal .timeline-item:after {
3221
+ background-color: #ddd;
3222
+ }
3223
+ .layout-white .timeline-year-title,
3224
+ .layout-white .timeline-month-title {
3225
+ background-color: #fff;
3226
+ }
3227
+ .layout-white .timeline-month .timeline-item:before {
3228
+ background-color: #ddd;
3229
+ }
3230
+ .layout-white .timeline-year:after {
3231
+ background-color: #ddd;
3232
+ }