iubenda Cookie Solution for GDPR - Version 2.5.1

Version Description

  • Fix: Track the selected checkboxes into wpforms
Download this release

Release Info

Developer iubenda
Plugin Icon 128x128 iubenda Cookie Solution for GDPR
Version 2.5.1
Comparing to
See all releases

Code changes from version beta to 2.5.1

Files changed (118) hide show
  1. assets/css/admin.css +0 -67
  2. assets/css/style.css +0 -2438
  3. assets/fonts/HKGrotesk-Bold.eot +0 -0
  4. assets/fonts/HKGrotesk-Bold.woff +0 -0
  5. assets/fonts/HKGrotesk-Bold.woff2 +0 -0
  6. assets/fonts/HKGrotesk-Regular.eot +0 -0
  7. assets/fonts/HKGrotesk-Regular.woff +0 -0
  8. assets/fonts/HKGrotesk-Regular.woff2 +0 -0
  9. assets/images/banner_failure.svg +0 -1
  10. assets/images/banner_success.svg +0 -1
  11. assets/images/checkboxes/button_style_dark.svg +0 -1
  12. assets/images/checkboxes/button_style_light.svg +0 -1
  13. assets/images/checkboxes/cons_icon.svg +0 -1
  14. assets/images/checkboxes/cs_icon.svg +0 -1
  15. assets/images/checkboxes/eu_only_icon.svg +0 -1
  16. assets/images/checkboxes/pp_icon.svg +0 -1
  17. assets/images/checkboxes/tc_icon.svg +0 -1
  18. assets/images/checkboxes/worldwide.svg +0 -1
  19. assets/images/iubenda_logo.svg +0 -1
  20. assets/images/list_radar_cons.svg +0 -1
  21. assets/images/list_radar_cs.svg +0 -1
  22. assets/images/list_radar_pp.svg +0 -1
  23. assets/images/list_radar_tc.svg +0 -1
  24. assets/images/modals/modal_almost_there.svg +0 -1
  25. assets/images/modals/modal_no_website_found.svg +0 -1
  26. assets/images/modals/modal_pp_created.svg +0 -1
  27. assets/images/modals/modal_sync.svg +0 -1
  28. assets/images/pc_screen_icon.svg +0 -1
  29. assets/images/question_mark.svg +0 -1
  30. assets/images/question_mark_light.svg +0 -1
  31. assets/images/service_cards/cons_icon.svg +0 -1
  32. assets/images/service_cards/cs_icon.svg +0 -1
  33. assets/images/service_cards/pp_icon.svg +0 -1
  34. assets/images/service_cards/tc_icon.svg +0 -1
  35. assets/images/warning-icon.svg +0 -1
  36. assets/images/welcome_screen_bg.svg +0 -1
  37. assets/images/white_checkmark.svg +0 -1
  38. assets/images/white_x.svg +0 -1
  39. assets/js/admin.js +0 -732
  40. assets/js/legal_block.js +0 -62
  41. assets/js/matomo.js +0 -14
  42. assets/js/tabs.js +0 -25
  43. css/admin.css +164 -0
  44. includes/CookieSolutionGenerator.php +0 -143
  45. includes/LanguageHelper.php +0 -60
  46. includes/PrivacyPolicyGenerator.php +0 -36
  47. includes/ProductHelper.php +0 -239
  48. includes/QuickGeneratorService.php +0 -638
  49. includes/RadarService.php +0 -176
  50. includes/ServiceRating.php +0 -133
  51. includes/amp.php +2 -13
  52. includes/block/IubendaLegalBlock.php +0 -405
  53. includes/forms-list-table.php +26 -95
  54. includes/forms.php +42 -56
  55. includes/settings.php +1649 -1303
  56. includes/widget/IubendaLegalWidget.php +0 -239
  57. iubenda-cookie-class/README.md +1 -11
  58. iubenda-cookie-class/iubenda.class.page.php +4 -4
  59. iubenda-cookie-class/iubenda.class.php +13 -12
  60. iubenda-cookie-class/listeners/GoogleTagManagerListener.php +1 -1
  61. iubenda-cookie-class/simple_html_dom.php +11 -11
  62. iubenda-cookie-class/test.php +116 -0
  63. iubenda_cookie_solution.php +59 -521
  64. js/admin.js +282 -0
  65. {assets/js → js}/frontend.js +1 -1
  66. languages/iubenda-cookie-law-solution-it_IT.mo +0 -0
  67. languages/iubenda-cookie-law-solution-it_IT.po +863 -0
  68. languages/iubenda-cookie-law-solution.pot +647 -0
  69. languages/iubenda-de_DE.mo +0 -0
  70. languages/iubenda-de_DE.po +0 -1218
  71. languages/iubenda-es_ES.mo +0 -0
  72. languages/iubenda-es_ES.po +0 -1211
  73. languages/iubenda-fr_FR.mo +0 -0
  74. languages/iubenda-fr_FR.po +0 -1226
  75. languages/iubenda-it_IT.mo +0 -0
  76. languages/iubenda-it_IT.po +0 -1205
  77. languages/iubenda-nl_NL.mo +0 -0
  78. languages/iubenda-nl_NL.po +0 -1224
  79. languages/iubenda-pt_BR.mo +0 -0
  80. languages/iubenda-pt_BR.po +0 -1201
  81. languages/iubenda.pot +0 -970
  82. readme.txt +117 -327
  83. views/cons-configuration.php +0 -68
  84. views/cons-single-form.php +0 -285
  85. views/cs-configuration.php +0 -23
  86. views/frontpage.php +0 -42
  87. views/integrate-setup.php +0 -158
  88. views/partials/alert.php +0 -16
  89. views/partials/auto_detect_forms.php +0 -33
  90. views/partials/bannerPosition.php +0 -52
  91. views/partials/bannerStyle.php +0 -19
  92. views/partials/breadcrumb.php +0 -21
  93. views/partials/buttonPosition.php +0 -85
  94. views/partials/buttonStyle.php +0 -23
  95. views/partials/csGeneralSettings.php +0 -262
  96. views/partials/csManualConfiguration.php +0 -17
  97. views/partials/csPluginSettings.php +0 -135
  98. views/partials/csSimplifiedConfiguration.php +0 -97
  99. views/partials/footer.php +0 -8
  100. views/partials/frontpage_main_box.php +0 -42
  101. views/partials/header.php +0 -14
  102. views/partials/header_scanned.php +0 -5
  103. views/partials/integrateFooter.php +0 -5
  104. views/partials/languagesTabs.php +0 -29
  105. views/partials/modals/modal_almost_there.php +0 -81
  106. views/partials/modals/modal_no_website_found.php +0 -14
  107. views/partials/modals/modal_ops_embed_invalid.php +0 -13
  108. views/partials/modals/modal_pp_created.php +0 -11
  109. views/partials/modals/modal_rating.php +0 -29
  110. views/partials/modals/modal_select_language.php +0 -91
  111. views/partials/modals/modal_sync.php +0 -9
  112. views/partials/product-card.php +0 -52
  113. views/partials/siteInfo.php +0 -32
  114. views/partials/welcomeScreenHeader.php +0 -4
  115. views/plugin-settings.php +0 -51
  116. views/pp-configuration.php +0 -41
  117. views/products-page.php +0 -34
  118. views/tc-configuration.php +0 -162
assets/css/admin.css DELETED
@@ -1,67 +0,0 @@
1
- .iubenda-notice {
2
- border-left-color: #1CC691;
3
- padding-left: 0;
4
- display: flex;
5
- justify-content: flex-start;
6
- align-items: center;
7
- }
8
- .iubenda-notice::before {
9
- display: inline-block;
10
- content: '';
11
- height: 49px;
12
- width: 22px;
13
- margin: 1em 2em;
14
- background-size: contain;
15
- background-position: center center;
16
- background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMjFweCIgaGVpZ2h0PSI0OTBweCIgdmlld0JveD0iMCAwIDIyMSA0OTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+aXViZW5kYSB2ZWN0b3IgbG9nb192M19vbmx5X2lfZ3JlZW48L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJpdWJlbmRhLXZlY3Rvci1sb2dvX3YzX29ubHlfaV9ncmVlbiIgZmlsbD0iIzFDQzY5MSIgZmlsbC1ydWxlPSJub256ZXJvIj4gICAgICAgICAgICA8cGF0aCBkPSJNMjIwLjYsMTA4LjQgQzIyMC42LDEzNSAyMTAuOCwxNTkuMyAxOTQuNSwxNzguMSBMMjE3LjksNDg5LjQgTDguNSw0ODkuNCBMMzEuMiwxODMuNSBDMTEuOSwxNjQuMiAwLDEzNy43IDAsMTA4LjQgQzAsNDguNyA0OS40LDAuNCAxMTAuMywwLjQgQzE3MS4yLDAuNCAyMjAuNiw0OC43IDIyMC42LDEwOC40IFogTTExMC4zLDEzMyBDMTI1LDEzMyAxMzYuOCwxMjEuMiAxMzYuOCwxMDYuNyBDMTM2LjgsOTIuMiAxMjQuOSw4MC41IDExMC4zLDgwLjUgQzk1LjYsODAuNSA4My44LDkyLjMgODMuOCwxMDYuNyBDODMuOCwxMjEuMyA5NS42LDEzMyAxMTAuMywxMzMgWiBNMTMxLjIsMjI3IEw5NC45LDI2My4zIEw5NC45LDQwMy44IEwxMzEuMiw0MDMuOCBMMTMxLjIsMjI3IFoiIGlkPSJTaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
17
- }
18
- .iubenda-notice .notice-question {
19
- margin-bottom: 5px;
20
- display: block;
21
- }
22
- .iubenda-notice .notice-reply {
23
- margin-top: 0;
24
- }
25
- .iubenda-notice .step-2 {
26
- display: none;
27
- }
28
- .iubenda-notice .reply-yes {
29
- margin-right: 10px;
30
- }
31
- .iubenda-notice .reply-yes:before,
32
- .iubenda-notice .reply-no:before {
33
- font-family: dashicons;
34
- display: inline-block;
35
- line-height: 1;
36
- font-weight: 400;
37
- font-style: normal;
38
- speak: none;
39
- text-decoration: inherit;
40
- text-transform: none;
41
- text-rendering: auto;
42
- -webkit-font-smoothing: antialiased;
43
- -moz-osx-font-smoothing: grayscale;
44
- width: 20px;
45
- height: 20px;
46
- font-size: 20px;
47
- vertical-align: top;
48
- text-align: center;
49
- transition: color .1s ease-in;
50
- text-decoration: none;
51
- }
52
- .iubenda-notice .reply-yes:before {
53
- content: "\f147";
54
- }
55
- .iubenda-notice .reply-no:before {
56
- content: "\f335";
57
- }
58
-
59
- .iubenda-rate-stars {
60
- display: inline-block;
61
- color: #ffb900;
62
- position: relative;
63
- top: 3px;
64
- }
65
- .iubenda-rate-stars svg {
66
- fill: #ffb900
67
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
assets/css/style.css DELETED
@@ -1,2438 +0,0 @@
1
- @charset "UTF-8";
2
- @font-face {
3
- font-family: "hkgrotesk";
4
- src: url("../fonts/HKGrotesk-Regular.eot");
5
- src: url("../fonts/HKGrotesk-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/HKGrotesk-Regular.woff2") format("woff2"), url("../fonts/HKGrotesk-Regular.woff") format("woff");
6
- font-weight: 400;
7
- font-style: normal;
8
- font-display: swap;
9
- }
10
- @font-face {
11
- font-family: "hkgrotesk";
12
- src: url("../fonts/HKGrotesk-Bold.eot");
13
- src: url("../fonts/hk-grotesk/HKGrotesk-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/HKGrotesk-Bold.woff2") format("woff2"), url("../fonts/hk-grotesk/HKGrotesk-Bold.woff") format("woff");
14
- font-weight: 700;
15
- font-style: normal;
16
- font-display: swap;
17
- }
18
- .text-xs, .link-helper {
19
- font-size: 0.8rem;
20
- }
21
-
22
- .text-sm {
23
- font-size: 0.9rem;
24
- }
25
-
26
- .text-regular {
27
- font-size: 1rem;
28
- }
29
-
30
- .text-md {
31
- font-size: 1.125rem;
32
- }
33
-
34
- .text-lg {
35
- font-size: 1.5rem;
36
- }
37
-
38
- .text-xl {
39
- font-size: 2rem;
40
- }
41
-
42
- h1 {
43
- line-height: 1.25;
44
- }
45
-
46
- h4 {
47
- margin: 0;
48
- margin-bottom: 1rem;
49
- color: #585858;
50
- font-size: 0.95rem;
51
- }
52
-
53
- .m-0 {
54
- margin: 0 !important;
55
- }
56
-
57
- .mt-0,
58
- .my-0 {
59
- margin-top: 0 !important;
60
- }
61
-
62
- .mr-0,
63
- .mx-0 {
64
- margin-right: 0 !important;
65
- }
66
-
67
- .mb-0,
68
- .my-0 {
69
- margin-bottom: 0 !important;
70
- }
71
-
72
- .ml-0,
73
- .mx-0 {
74
- margin-left: 0 !important;
75
- }
76
-
77
- .m-1 {
78
- margin: 0.25rem !important;
79
- }
80
-
81
- .mt-1,
82
- .my-1 {
83
- margin-top: 0.25rem !important;
84
- }
85
-
86
- .mr-1,
87
- .mx-1 {
88
- margin-right: 0.25rem !important;
89
- }
90
-
91
- .mb-1,
92
- .my-1 {
93
- margin-bottom: 0.25rem !important;
94
- }
95
-
96
- .ml-1,
97
- .mx-1 {
98
- margin-left: 0.25rem !important;
99
- }
100
-
101
- .m-2 {
102
- margin: 0.5rem !important;
103
- }
104
-
105
- .mt-2,
106
- .my-2 {
107
- margin-top: 0.5rem !important;
108
- }
109
-
110
- .mr-2,
111
- .mx-2 {
112
- margin-right: 0.5rem !important;
113
- }
114
-
115
- .mb-2,
116
- .my-2 {
117
- margin-bottom: 0.5rem !important;
118
- }
119
-
120
- .ml-2,
121
- .mx-2 {
122
- margin-left: 0.5rem !important;
123
- }
124
-
125
- .m-3 {
126
- margin: 1rem !important;
127
- }
128
-
129
- .mt-3,
130
- .my-3 {
131
- margin-top: 1rem !important;
132
- }
133
-
134
- .mr-3,
135
- .mx-3 {
136
- margin-right: 1rem !important;
137
- }
138
-
139
- .mb-3,
140
- .my-3 {
141
- margin-bottom: 1rem !important;
142
- }
143
-
144
- .ml-3,
145
- .mx-3 {
146
- margin-left: 1rem !important;
147
- }
148
-
149
- .m-4 {
150
- margin: 1.5rem !important;
151
- }
152
-
153
- .mt-4,
154
- .my-4 {
155
- margin-top: 1.5rem !important;
156
- }
157
-
158
- .mr-4,
159
- .mx-4 {
160
- margin-right: 1.5rem !important;
161
- }
162
-
163
- .mb-4,
164
- .my-4 {
165
- margin-bottom: 1.5rem !important;
166
- }
167
-
168
- .ml-4,
169
- .mx-4 {
170
- margin-left: 1.5rem !important;
171
- }
172
-
173
- .m-5 {
174
- margin: 3rem !important;
175
- }
176
-
177
- .mt-5,
178
- .my-5 {
179
- margin-top: 3rem !important;
180
- }
181
-
182
- .mr-5,
183
- .mx-5 {
184
- margin-right: 3rem !important;
185
- }
186
-
187
- .mb-5,
188
- .my-5 {
189
- margin-bottom: 3rem !important;
190
- }
191
-
192
- .ml-5,
193
- .mx-5 {
194
- margin-left: 3rem !important;
195
- }
196
-
197
- .p-0 {
198
- padding: 0 !important;
199
- }
200
-
201
- .pt-0,
202
- .py-0 {
203
- padding-top: 0 !important;
204
- }
205
-
206
- .pr-0,
207
- .px-0 {
208
- padding-right: 0 !important;
209
- }
210
-
211
- .pb-0,
212
- .py-0 {
213
- padding-bottom: 0 !important;
214
- }
215
-
216
- .pl-0,
217
- .px-0 {
218
- padding-left: 0 !important;
219
- }
220
-
221
- .p-1 {
222
- padding: 0.25rem !important;
223
- }
224
-
225
- .pt-1,
226
- .py-1 {
227
- padding-top: 0.25rem !important;
228
- }
229
-
230
- .pr-1,
231
- .px-1 {
232
- padding-right: 0.25rem !important;
233
- }
234
-
235
- .pb-1,
236
- .py-1 {
237
- padding-bottom: 0.25rem !important;
238
- }
239
-
240
- .pl-1,
241
- .px-1 {
242
- padding-left: 0.25rem !important;
243
- }
244
-
245
- .p-2 {
246
- padding: 0.5rem !important;
247
- }
248
-
249
- .pt-2,
250
- .py-2 {
251
- padding-top: 0.5rem !important;
252
- }
253
-
254
- .pr-2,
255
- .px-2 {
256
- padding-right: 0.5rem !important;
257
- }
258
-
259
- .pb-2,
260
- .py-2 {
261
- padding-bottom: 0.5rem !important;
262
- }
263
-
264
- .pl-2,
265
- .px-2 {
266
- padding-left: 0.5rem !important;
267
- }
268
-
269
- .p-3 {
270
- padding: 1rem !important;
271
- }
272
-
273
- .pt-3,
274
- .py-3 {
275
- padding-top: 1rem !important;
276
- }
277
-
278
- .pr-3,
279
- .px-3 {
280
- padding-right: 1rem !important;
281
- }
282
-
283
- .pb-3,
284
- .py-3 {
285
- padding-bottom: 1rem !important;
286
- }
287
-
288
- .pl-3,
289
- .px-3 {
290
- padding-left: 1rem !important;
291
- }
292
-
293
- .p-4 {
294
- padding: 1.5rem !important;
295
- }
296
-
297
- .pt-4,
298
- .py-4 {
299
- padding-top: 1.5rem !important;
300
- }
301
-
302
- .pr-4,
303
- .px-4 {
304
- padding-right: 1.5rem !important;
305
- }
306
-
307
- .pb-4,
308
- .py-4 {
309
- padding-bottom: 1.5rem !important;
310
- }
311
-
312
- .pl-4,
313
- .px-4 {
314
- padding-left: 1.5rem !important;
315
- }
316
-
317
- .p-5 {
318
- padding: 3rem !important;
319
- }
320
-
321
- .pt-5,
322
- .py-5 {
323
- padding-top: 3rem !important;
324
- }
325
-
326
- .pr-5,
327
- .px-5 {
328
- padding-right: 3rem !important;
329
- }
330
-
331
- .pb-5,
332
- .py-5 {
333
- padding-bottom: 3rem !important;
334
- }
335
-
336
- .pl-5,
337
- .px-5 {
338
- padding-left: 3rem !important;
339
- }
340
-
341
- @media (min-width: 768px) {
342
- .m-lg-0 {
343
- margin: 0 !important;
344
- }
345
-
346
- .mt-lg-0,
347
- .my-lg-0 {
348
- margin-top: 0 !important;
349
- }
350
-
351
- .mr-lg-0,
352
- .mx-lg-0 {
353
- margin-right: 0 !important;
354
- }
355
-
356
- .mb-lg-0,
357
- .my-lg-0 {
358
- margin-bottom: 0 !important;
359
- }
360
-
361
- .ml-lg-0,
362
- .mx-lg-0 {
363
- margin-left: 0 !important;
364
- }
365
-
366
- .m-lg-1 {
367
- margin: 0.25rem !important;
368
- }
369
-
370
- .mt-lg-1,
371
- .my-lg-1 {
372
- margin-top: 0.25rem !important;
373
- }
374
-
375
- .mr-lg-1,
376
- .mx-lg-1 {
377
- margin-right: 0.25rem !important;
378
- }
379
-
380
- .mb-lg-1,
381
- .my-lg-1 {
382
- margin-bottom: 0.25rem !important;
383
- }
384
-
385
- .ml-lg-1,
386
- .mx-lg-1 {
387
- margin-left: 0.25rem !important;
388
- }
389
-
390
- .m-lg-2 {
391
- margin: 0.5rem !important;
392
- }
393
-
394
- .mt-lg-2,
395
- .my-lg-2 {
396
- margin-top: 0.5rem !important;
397
- }
398
-
399
- .mr-lg-2,
400
- .mx-lg-2 {
401
- margin-right: 0.5rem !important;
402
- }
403
-
404
- .mb-lg-2,
405
- .my-lg-2 {
406
- margin-bottom: 0.5rem !important;
407
- }
408
-
409
- .ml-lg-2,
410
- .mx-lg-2 {
411
- margin-left: 0.5rem !important;
412
- }
413
-
414
- .m-lg-3 {
415
- margin: 1rem !important;
416
- }
417
-
418
- .mt-lg-3,
419
- .my-lg-3 {
420
- margin-top: 1rem !important;
421
- }
422
-
423
- .mr-lg-3,
424
- .mx-lg-3 {
425
- margin-right: 1rem !important;
426
- }
427
-
428
- .mb-lg-3,
429
- .my-lg-3 {
430
- margin-bottom: 1rem !important;
431
- }
432
-
433
- .ml-lg-3,
434
- .mx-lg-3 {
435
- margin-left: 1rem !important;
436
- }
437
-
438
- .m-lg-4 {
439
- margin: 1.5rem !important;
440
- }
441
-
442
- .mt-lg-4,
443
- .my-lg-4 {
444
- margin-top: 1.5rem !important;
445
- }
446
-
447
- .mr-lg-4,
448
- .mx-lg-4 {
449
- margin-right: 1.5rem !important;
450
- }
451
-
452
- .mb-lg-4,
453
- .my-lg-4 {
454
- margin-bottom: 1.5rem !important;
455
- }
456
-
457
- .ml-lg-4,
458
- .mx-lg-4 {
459
- margin-left: 1.5rem !important;
460
- }
461
-
462
- .m-lg-5 {
463
- margin: 3rem !important;
464
- }
465
-
466
- .mt-lg-5,
467
- .my-lg-5 {
468
- margin-top: 3rem !important;
469
- }
470
-
471
- .mr-lg-5,
472
- .mx-lg-5 {
473
- margin-right: 3rem !important;
474
- }
475
-
476
- .mb-lg-5,
477
- .my-lg-5 {
478
- margin-bottom: 3rem !important;
479
- }
480
-
481
- .ml-lg-5,
482
- .mx-lg-5 {
483
- margin-left: 3rem !important;
484
- }
485
-
486
- .p-lg-0 {
487
- padding: 0 !important;
488
- }
489
-
490
- .pt-lg-0,
491
- .py-lg-0 {
492
- padding-top: 0 !important;
493
- }
494
-
495
- .pr-lg-0,
496
- .px-lg-0 {
497
- padding-right: 0 !important;
498
- }
499
-
500
- .pb-lg-0,
501
- .py-lg-0 {
502
- padding-bottom: 0 !important;
503
- }
504
-
505
- .pl-lg-0,
506
- .px-lg-0 {
507
- padding-left: 0 !important;
508
- }
509
-
510
- .p-lg-1 {
511
- padding: 0.25rem !important;
512
- }
513
-
514
- .pt-lg-1,
515
- .py-lg-1 {
516
- padding-top: 0.25rem !important;
517
- }
518
-
519
- .pr-lg-1,
520
- .px-lg-1 {
521
- padding-right: 0.25rem !important;
522
- }
523
-
524
- .pb-lg-1,
525
- .py-lg-1 {
526
- padding-bottom: 0.25rem !important;
527
- }
528
-
529
- .pl-lg-1,
530
- .px-lg-1 {
531
- padding-left: 0.25rem !important;
532
- }
533
-
534
- .p-lg-2 {
535
- padding: 0.5rem !important;
536
- }
537
-
538
- .pt-lg-2,
539
- .py-lg-2 {
540
- padding-top: 0.5rem !important;
541
- }
542
-
543
- .pr-lg-2,
544
- .px-lg-2 {
545
- padding-right: 0.5rem !important;
546
- }
547
-
548
- .pb-lg-2,
549
- .py-lg-2 {
550
- padding-bottom: 0.5rem !important;
551
- }
552
-
553
- .pl-lg-2,
554
- .px-lg-2 {
555
- padding-left: 0.5rem !important;
556
- }
557
-
558
- .p-lg-3 {
559
- padding: 1rem !important;
560
- }
561
-
562
- .pt-lg-3,
563
- .py-lg-3 {
564
- padding-top: 1rem !important;
565
- }
566
-
567
- .pr-lg-3,
568
- .px-lg-3 {
569
- padding-right: 1rem !important;
570
- }
571
-
572
- .pb-lg-3,
573
- .py-lg-3 {
574
- padding-bottom: 1rem !important;
575
- }
576
-
577
- .pl-lg-3,
578
- .px-lg-3 {
579
- padding-left: 1rem !important;
580
- }
581
-
582
- .p-lg-4 {
583
- padding: 1.5rem !important;
584
- }
585
-
586
- .pt-lg-4,
587
- .py-lg-4 {
588
- padding-top: 1.5rem !important;
589
- }
590
-
591
- .pr-lg-4,
592
- .px-lg-4 {
593
- padding-right: 1.5rem !important;
594
- }
595
-
596
- .pb-lg-4,
597
- .py-lg-4 {
598
- padding-bottom: 1.5rem !important;
599
- }
600
-
601
- .pl-lg-4,
602
- .px-lg-4 {
603
- padding-left: 1.5rem !important;
604
- }
605
-
606
- .p-lg-5 {
607
- padding: 3rem !important;
608
- }
609
-
610
- .pt-lg-5,
611
- .py-lg-5 {
612
- padding-top: 3rem !important;
613
- }
614
-
615
- .pr-lg-5,
616
- .px-lg-5 {
617
- padding-right: 3rem !important;
618
- }
619
-
620
- .pb-lg-5,
621
- .py-lg-5 {
622
- padding-bottom: 3rem !important;
623
- }
624
-
625
- .pl-lg-5,
626
- .px-lg-5 {
627
- padding-left: 3rem !important;
628
- }
629
- }
630
- html,
631
- body {
632
- font-family: "hkgrotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
633
- font-weight: 400;
634
- margin: 0;
635
- height: 100vh;
636
- background: #f0f0f1;
637
- color: #333;
638
- }
639
-
640
- * {
641
- -webkit-box-sizing: border-box;
642
- box-sizing: border-box;
643
- }
644
-
645
- header {
646
- padding: 1.5rem 0 1.5rem 0;
647
- }
648
-
649
- a {
650
- text-decoration: none;
651
- color: #333;
652
- }
653
- a:hover, a:focus {
654
- color: currentColor;
655
- -webkit-box-shadow: none;
656
- box-shadow: none;
657
- }
658
-
659
- ul {
660
- list-style: none;
661
- }
662
-
663
- hr {
664
- margin: 0;
665
- border: 0;
666
- border-top: 1px solid rgba(151, 151, 151, 0.28);
667
- }
668
-
669
- .text-gray-lighter {
670
- color: #808080;
671
- }
672
-
673
- .border-gray-lighter {
674
- color: #808080;
675
- }
676
-
677
- .text-gray {
678
- color: #595959;
679
- }
680
-
681
- .border-gray {
682
- color: #595959;
683
- }
684
-
685
- .text-warning {
686
- color: #804123;
687
- }
688
-
689
- .border-warning {
690
- color: #804123;
691
- }
692
-
693
- .text-green {
694
- color: #1cc691;
695
- }
696
-
697
- .border-green {
698
- color: #1cc691;
699
- }
700
-
701
- .d-block {
702
- display: block !important;
703
- }
704
-
705
- .d-flex {
706
- display: -webkit-box !important;
707
- display: -ms-flexbox !important;
708
- display: flex !important;
709
- }
710
-
711
- .d-inline {
712
- display: inline !important;
713
- }
714
-
715
- .d-inline-block {
716
- display: inline-block !important;
717
- }
718
-
719
- .d-none {
720
- display: none !important;
721
- }
722
-
723
- .text-left {
724
- text-align: left !important;
725
- }
726
-
727
- .text-center, .modalSync {
728
- text-align: center !important;
729
- }
730
-
731
- .text-right {
732
- text-align: right !important;
733
- }
734
-
735
- .text-light {
736
- font-weight: light !important;
737
- }
738
-
739
- .text-normal {
740
- font-weight: normal !important;
741
- }
742
-
743
- .text-bold {
744
- font-weight: bold !important;
745
- }
746
-
747
- @media (min-width: 768px) {
748
- .d-lg-block {
749
- display: block !important;
750
- }
751
-
752
- .d-lg-flex {
753
- display: -webkit-box !important;
754
- display: -ms-flexbox !important;
755
- display: flex !important;
756
- }
757
-
758
- .d-lg-inline {
759
- display: inline !important;
760
- }
761
-
762
- .d-lg-inline-block {
763
- display: inline-block !important;
764
- }
765
-
766
- .d-lg-none {
767
- display: none !important;
768
- }
769
-
770
- .text-lg-left {
771
- text-align: left !important;
772
- }
773
-
774
- .text-lg-center {
775
- text-align: center !important;
776
- }
777
-
778
- .text-lg-right {
779
- text-align: right !important;
780
- }
781
-
782
- .text-lg-light {
783
- font-weight: light !important;
784
- }
785
-
786
- .text-lg-normal {
787
- font-weight: normal !important;
788
- }
789
-
790
- .text-lg-bold {
791
- font-weight: bold !important;
792
- }
793
- }
794
- .flex-fill {
795
- -webkit-box-flex: 1;
796
- -ms-flex: 1;
797
- flex: 1;
798
- }
799
-
800
- .flex-wrap {
801
- -ms-flex-wrap: wrap;
802
- flex-wrap: wrap;
803
- }
804
-
805
- .flex-shrink {
806
- -ms-flex-negative: 0;
807
- flex-shrink: 0;
808
- }
809
-
810
- .flex-direction-column {
811
- -webkit-box-orient: vertical;
812
- -webkit-box-direction: normal;
813
- -ms-flex-direction: column;
814
- flex-direction: column;
815
- }
816
-
817
- .justify-content-center {
818
- -webkit-box-pack: center;
819
- -ms-flex-pack: center;
820
- justify-content: center;
821
- }
822
-
823
- .justify-content-between {
824
- -webkit-box-pack: justify;
825
- -ms-flex-pack: justify;
826
- justify-content: space-between;
827
- }
828
-
829
- .justify-content-end {
830
- -webkit-box-pack: end;
831
- -ms-flex-pack: end;
832
- justify-content: flex-end;
833
- }
834
-
835
- .align-items-center {
836
- -webkit-box-align: center;
837
- -ms-flex-align: center;
838
- align-items: center;
839
- }
840
-
841
- .btn {
842
- text-align: center;
843
- cursor: pointer;
844
- text-decoration: none;
845
- border-radius: 3rem;
846
- font-weight: bold;
847
- -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
848
- transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
849
- -ms-flex-negative: 0;
850
- flex-shrink: 0;
851
- display: inline-block;
852
- border: 1px solid transparent;
853
- }
854
-
855
- .btn-xs {
856
- padding: 0.45rem 1.3rem !important;
857
- font-size: 0.75rem;
858
- }
859
-
860
- .btn-sm {
861
- padding: 0.5rem 1.7rem !important;
862
- font-size: 1rem;
863
- }
864
-
865
- .btn-regular {
866
- padding: 1rem 2.5rem !important;
867
- font-size: 1rem;
868
- }
869
-
870
- .btn-lg {
871
- padding: 1rem 3rem !important;
872
- font-size: 1.125rem;
873
- }
874
-
875
- .btn-green-primary {
876
- background-color: #1cc691;
877
- color: #fff;
878
- }
879
- .btn-green-primary:hover, .btn-green-primary:focus {
880
- background-color: #18ab7d;
881
- color: #f0f0f0;
882
- }
883
-
884
- .btn-blue-primary {
885
- background-color: #0073ce;
886
- color: #fff;
887
- }
888
- .btn-blue-primary:hover, .btn-blue-primary:focus {
889
- background-color: #0062af;
890
- color: #f0f0f0;
891
- }
892
-
893
- .btn-gray-lighter {
894
- background-color: #e7e7e7;
895
- color: #585858;
896
- }
897
- .btn-gray-lighter:hover, .btn-gray-lighter:focus {
898
- background-color: #d8d8d8;
899
- color: #494949;
900
- }
901
-
902
- .btn-gray-darker {
903
- background-color: #c8c8c8;
904
- color: #585858;
905
- }
906
- .btn-gray-darker:hover, .btn-gray-darker:focus {
907
- background-color: #b9b9b9;
908
- color: #494949;
909
- }
910
-
911
- .btn-green-secondary {
912
- background-color: #d2f4e9;
913
- color: #009248;
914
- }
915
- .btn-green-secondary:hover, .btn-green-secondary:focus {
916
- background-color: #b9eedd;
917
- color: #007339;
918
- }
919
-
920
- .btn-gray-outline {
921
- border-color: #595959;
922
- background-color: transparent;
923
- color: #595959;
924
- }
925
- .btn-gray-outline:hover, .btn-gray-outline:focus {
926
- background-color: #595959;
927
- color: #fff;
928
- }
929
-
930
- .btn-block {
931
- display: block;
932
- width: 75%;
933
- margin: 0 auto;
934
- }
935
-
936
- .btn-reset {
937
- display: inline;
938
- padding: 0;
939
- margin: 0;
940
- border: 0;
941
- -webkit-appearance: none;
942
- -moz-appearance: none;
943
- appearance: none;
944
- background: none;
945
- cursor: pointer;
946
- }
947
-
948
- .alert {
949
- border: 1px solid rgba(151, 151, 151, 0.28);
950
- border-radius: 0.4rem;
951
- position: relative;
952
- overflow: hidden;
953
- }
954
- .alert p {
955
- padding: 1rem;
956
- margin: auto;
957
- }
958
- @media (min-width: 768px) {
959
- .alert {
960
- display: -webkit-box;
961
- display: -ms-flexbox;
962
- display: flex;
963
- }
964
- .alert p {
965
- padding: 0 4rem 0 2rem;
966
- }
967
- }
968
- .alert--success .alert__icon {
969
- background-color: #e8f9f4;
970
- }
971
- .alert--failure .alert__icon {
972
- background-color: #f9eaea;
973
- }
974
- @media (max-width: 767px) {
975
- .alert p {
976
- text-align: center;
977
- }
978
- .alert img {
979
- margin: 0 auto !important;
980
- display: block;
981
- }
982
- }
983
- .alert .btn-close {
984
- background-color: #c8c8c8;
985
- font-size: 1.25rem;
986
- color: #fff;
987
- cursor: pointer;
988
- -ms-flex-negative: 0;
989
- flex-shrink: 0;
990
- height: 1.5rem;
991
- width: 1.5rem;
992
- line-height: 1.5rem;
993
- border-radius: 50%;
994
- border: 0;
995
- padding: 0px;
996
- margin-bottom: 2.5rem;
997
- position: absolute;
998
- top: 1rem;
999
- right: 0.2rem;
1000
- }
1001
- .alert .btn-close:before {
1002
- display: none;
1003
- }
1004
-
1005
- .notice {
1006
- border-radius: 0.25rem;
1007
- display: -webkit-box;
1008
- display: -ms-flexbox;
1009
- display: flex;
1010
- margin: 0;
1011
- border: 0;
1012
- -ms-flex-preferred-size: 100%;
1013
- flex-basis: 100%;
1014
- }
1015
- .notice p {
1016
- margin: 0;
1017
- }
1018
- .notice--warning {
1019
- background-color: #fff4e6;
1020
- }
1021
- .notice--general {
1022
- background-color: #f5f5f5;
1023
- }
1024
- .notice--info {
1025
- background-color: #ECF8FF;
1026
- }
1027
-
1028
- /* SWITCH TOOGGLE*/
1029
- .switch {
1030
- display: -webkit-inline-box;
1031
- display: -ms-inline-flexbox;
1032
- display: inline-flex;
1033
- margin: 0 10px 0 0;
1034
- position: relative;
1035
- }
1036
- .switch input {
1037
- position: absolute;
1038
- top: 0;
1039
- left: 0;
1040
- }
1041
- .switch .selected:before {
1042
- content: " off";
1043
- }
1044
- .switch label {
1045
- cursor: pointer;
1046
- width: 48px;
1047
- height: 24px;
1048
- background: #c8c8c8;
1049
- display: block;
1050
- border-radius: 24px;
1051
- position: relative;
1052
- }
1053
- .switch label:after {
1054
- content: "";
1055
- position: absolute;
1056
- top: 4px;
1057
- left: 4px;
1058
- width: 16px;
1059
- height: 16px;
1060
- background: white;
1061
- border-radius: 16px;
1062
- -webkit-transition: 0.3s;
1063
- transition: 0.3s;
1064
- }
1065
- .switch input[type=checkbox] {
1066
- height: 0;
1067
- width: 0;
1068
- visibility: hidden;
1069
- }
1070
- .switch input[type=checkbox]:checked ~ .notification > .selected:before {
1071
- content: " on";
1072
- }
1073
- .switch input[type=checkbox]:checked .selected {
1074
- content: "on";
1075
- }
1076
- .switch input[type=checkbox]:checked + label {
1077
- background: #1cc691;
1078
- }
1079
- .switch input[type=checkbox]:checked + label:after {
1080
- left: calc(100% - 4px);
1081
- -webkit-transform: translateX(-100%);
1082
- transform: translateX(-100%);
1083
- }
1084
-
1085
- /* Regular checkbox*/
1086
- .checkbox-regular {
1087
- display: -webkit-box;
1088
- display: -ms-flexbox;
1089
- display: flex;
1090
- -webkit-box-align: start;
1091
- -ms-flex-align: start;
1092
- align-items: flex-start;
1093
- margin-bottom: 0.75rem;
1094
- }
1095
- .checkbox-regular span {
1096
- -webkit-box-flex: 1;
1097
- -ms-flex: 1 1 auto;
1098
- flex: 1 1 auto;
1099
- font-size: 0.9rem;
1100
- padding: 0.25rem;
1101
- }
1102
- .checkbox-regular input[type=checkbox] {
1103
- margin: 0;
1104
- -webkit-box-shadow: none;
1105
- box-shadow: none;
1106
- -ms-flex-negative: 0;
1107
- flex-shrink: 0;
1108
- -webkit-appearance: none;
1109
- -moz-appearance: none;
1110
- appearance: none;
1111
- min-width: 1.75rem;
1112
- min-height: 1.75rem;
1113
- border-radius: 0.25rem;
1114
- border: 1px solid #ced4da;
1115
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
1116
- margin-right: 0.5rem;
1117
- }
1118
- .checkbox-regular input[type=checkbox]:before {
1119
- display: none;
1120
- }
1121
- .checkbox-regular input[type=checkbox]:checked {
1122
- background-size: 1.125rem auto;
1123
- background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='34px' height='24px' viewBox='0 0 34 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ERectangle 13%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='spec' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='elements' transform='translate(-2505.000000, -3840.000000)' fill-rule='nonzero' fill='%231CC691'%3E%3Cpath d='M2515,3858.6 C2513.89543,3858.6 2513,3859.49543 2513,3860.6 C2513,3861.70457 2513.89543,3862.6 2515,3862.6 L2529,3862.6 C2530.10457,3862.6 2531,3861.70457 2531,3860.6 L2531,3834 C2531,3832.89543 2530.10457,3832 2529,3832 C2527.89543,3832 2527,3832.89543 2527,3834 L2527,3858.6 L2515,3858.6 Z' id='Rectangle-13' transform='translate(2522.000000, 3847.300000) rotate(-315.000000) translate(-2522.000000, -3847.300000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
1124
- background-repeat: no-repeat;
1125
- background-position: center;
1126
- }
1127
- .checkbox-regular input[type=checkbox]:focus {
1128
- border-color: #1cc691;
1129
- -webkit-box-shadow: 0 0 0 0.25rem rgba(28, 198, 145, 0.25);
1130
- box-shadow: 0 0 0 0.25rem rgba(28, 198, 145, 0.25);
1131
- }
1132
-
1133
- /*RADIO LARGE*/
1134
- .radio-large input[type=radio] {
1135
- -webkit-appearance: none;
1136
- -moz-appearance: none;
1137
- appearance: none;
1138
- width: 0;
1139
- height: 0;
1140
- opacity: 0;
1141
- }
1142
- .radio-large input[type=radio]:before {
1143
- display: none;
1144
- }
1145
- .radio-large input[type=radio]:checked + label {
1146
- border-color: #1cc691;
1147
- -webkit-box-shadow: 0 0 0 0.25rem rgba(28, 198, 145, 0.25);
1148
- box-shadow: 0 0 0 0.25rem rgba(28, 198, 145, 0.25);
1149
- font-weight: bold;
1150
- color: #1cc691;
1151
- }
1152
- .radio-large label {
1153
- display: inline-block;
1154
- padding: 1rem 2rem;
1155
- white-space: nowrap;
1156
- min-width: 12rem;
1157
- display: -webkit-box;
1158
- display: -ms-flexbox;
1159
- display: flex;
1160
- -webkit-box-align: center;
1161
- -ms-flex-align: center;
1162
- align-items: center;
1163
- -webkit-box-pack: center;
1164
- -ms-flex-pack: center;
1165
- justify-content: center;
1166
- font-size: 1rem;
1167
- border: 1px solid #ced4da;
1168
- -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
1169
- transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
1170
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1171
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
1172
- border-radius: 0.25rem;
1173
- }
1174
-
1175
- /*RADIO BUTTON REGULAR*/
1176
- .radio-regular {
1177
- display: -webkit-box;
1178
- display: -ms-flexbox;
1179
- display: flex;
1180
- -webkit-box-align: start;
1181
- -ms-flex-align: start;
1182
- align-items: flex-start;
1183
- }
1184
- .radio-regular span {
1185
- -webkit-box-flex: 1;
1186
- -ms-flex: 1 1 auto;
1187
- flex: 1 1 auto;
1188
- font-size: 0.9rem;
1189
- }
1190
- .radio-regular input[type=radio] {
1191
- -webkit-box-shadow: none;
1192
- box-shadow: none;
1193
- -webkit-appearance: none;
1194
- -moz-appearance: none;
1195
- appearance: none;
1196
- min-width: 1.75rem;
1197
- min-height: 1.75rem;
1198
- border-radius: 1.75rem;
1199
- border: 1px solid #ced4da;
1200
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
1201
- }
1202
- .radio-regular input[type=radio]:before {
1203
- display: none;
1204
- }
1205
- .radio-regular input[type=radio]:checked {
1206
- background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5PdmFsIDEyPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9InNwZWMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImVsZW1lbnRzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjQ2Ny4wMDAwMDAsIC0zNzk1LjAwMDAwMCkiIGZpbGw9IiMxQ0M2OTEiPiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMTIiIGN4PSIyNDcxIiBjeT0iMzc5OSIgcj0iNCI+PC9jaXJjbGU+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
1207
- background-size: 6px 6px;
1208
- background-repeat: no-repeat;
1209
- background-position: center;
1210
- }
1211
- .radio-regular input[type=radio]:focus {
1212
- border-color: #1cc691;
1213
- -webkit-box-shadow: 0 0 0 0.25rem rgba(28, 198, 145, 0.25);
1214
- box-shadow: 0 0 0 0.25rem rgba(28, 198, 145, 0.25);
1215
- }
1216
-
1217
- .radio-controller {
1218
- position: relative;
1219
- margin: 0.25rem;
1220
- }
1221
- .radio-controller input {
1222
- position: absolute;
1223
- top: 0;
1224
- left: 0;
1225
- }
1226
-
1227
- .radio-toggle {
1228
- display: -webkit-box;
1229
- display: -ms-flexbox;
1230
- display: flex;
1231
- -webkit-box-align: start;
1232
- -ms-flex-align: start;
1233
- align-items: flex-start;
1234
- padding: 1.5rem 0;
1235
- margin-top: 2rem;
1236
- }
1237
- .radio-toggle .switch {
1238
- margin-right: 1rem;
1239
- }
1240
- .radio-toggle span {
1241
- margin: 0.125rem 0;
1242
- font-size: 1.5rem;
1243
- font-weight: bold;
1244
- }
1245
-
1246
- /*RADIO THEME*/
1247
- .radio-theme input[type=radio] {
1248
- -webkit-box-shadow: none;
1249
- box-shadow: none;
1250
- -webkit-appearance: none;
1251
- -moz-appearance: none;
1252
- appearance: none;
1253
- width: 163px;
1254
- height: 86px;
1255
- border-radius: 0.25rem;
1256
- border: 1px solid #ced4da;
1257
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
1258
- background-size: 132px auto;
1259
- background-repeat: no-repeat;
1260
- background-position: 30px 6px;
1261
- }
1262
- .radio-theme input[type=radio]:before {
1263
- display: none;
1264
- }
1265
- .radio-theme input[type=radio]:checked {
1266
- border-color: #1cc691;
1267
- -webkit-box-shadow: 0 0 0 0.25rem rgba(28, 198, 145, 0.25);
1268
- box-shadow: 0 0 0 0.25rem rgba(28, 198, 145, 0.25);
1269
- }
1270
- .radio-theme input[type=radio]:disabled {
1271
- border: 1px solid #ced4da;
1272
- }
1273
-
1274
- .radio-theme-dark input[type=radio] {
1275
- background-image: url("data:image/svg+xml,%3Csvg height='86' viewBox='0 0 138 86' width='138' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23373737' height='86' rx='4' width='192'/%3E%3Cg transform='translate(18 15)'%3E%3Cpath d='m5.09179202 3.53571429v-3.39452802h-5.09179202v3.39452802zm4.8375 0v-3.39452802h-5.09179202v3.39452802zm4.83749998 0v-3.39452802h-5.091792v3.39452802zm4.8375 0v-3.39452802h-5.091792v3.39452802zm4.8375 0v-3.39452802h-5.091792v3.39452802zm14.6433594 0v-3.39452802h-5.091792v3.39452802zm4.8375 0v-3.39452802h-5.091792v3.39452802zm4.8375 0v-3.39452802h-5.091792v3.39452802zm4.8375 0v-3.39452802h-5.091792v3.39452802zm4.8375 0v-3.39452802h-5.091792v3.39452802zm4.8375 0v-3.39452802h-5.091792v3.39452802z' fill='%23fff' fill-rule='nonzero'/%3E%3Cpath d='m5.09179202 19.4785714v-3.394528h-5.09179202v3.394528zm4.8375 0v-3.394528h-5.09179202v3.394528zm4.83749998 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm14.6433594 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm14.6433594 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm-82.49921878 11.3v-3.394528h-5.09179202v3.394528zm4.8375 0v-3.394528h-5.09179202v3.394528zm4.83749998 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528z' fill='%23afafaf' fill-rule='nonzero'/%3E%3Cg fill='%230073ce'%3E%3Crect height='10.857143' rx='5' width='35.413793' x='51.362069' y='46.142857'/%3E%3Crect height='10.857143' rx='5' width='35.413793' x='93.586207' y='46.142857'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
1276
- }
1277
-
1278
- .radio-theme-light input[type=radio] {
1279
- background-image: url("data:image/svg+xml,%3Csvg height='86' viewBox='0 0 138 86' width='138' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23f9f9f9' height='86' rx='4' width='192'/%3E%3Cg transform='translate(18 11)'%3E%3Cpath d='m5.09179202 7.53571429v-3.39452802h-5.09179202v3.39452802zm4.8375 0v-3.39452802h-5.09179202v3.39452802zm4.83749998 0v-3.39452802h-5.091792v3.39452802zm4.8375 0v-3.39452802h-5.091792v3.39452802zm4.8375 0v-3.39452802h-5.091792v3.39452802zm14.6433594 0v-3.39452802h-5.091792v3.39452802zm4.8375 0v-3.39452802h-5.091792v3.39452802zm4.8375 0v-3.39452802h-5.091792v3.39452802zm4.8375 0v-3.39452802h-5.091792v3.39452802zm4.8375 0v-3.39452802h-5.091792v3.39452802zm4.8375 0v-3.39452802h-5.091792v3.39452802z' fill='%23565656' fill-rule='nonzero'/%3E%3Cpath d='m5.09179202 23.4785714v-3.394528h-5.09179202v3.394528zm4.8375 0v-3.394528h-5.09179202v3.394528zm4.83749998 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm14.6433594 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm14.6433594 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm-82.49921878 11.3v-3.394528h-5.09179202v3.394528zm4.8375 0v-3.394528h-5.09179202v3.394528zm4.83749998 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528zm4.8375 0v-3.394528h-5.091792v3.394528z' fill='%23afafaf' fill-rule='nonzero'/%3E%3Cg fill='%230073ce'%3E%3Crect height='10.857143' rx='5' width='35.413793' x='51.362069' y='50.142857'/%3E%3Crect height='10.857143' rx='5' width='35.413793' x='93.586207' y='50.142857'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
1280
- }
1281
-
1282
- .radio-theme-custom input[type=radio] {
1283
- background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='15px' viewBox='0 0 15 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E+%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' font-family='HelveticaNeue, Helvetica Neue' font-size='28' font-weight='normal'%3E%3Cg id='wizard_configurator' transform='translate(-972.000000, -622.000000)' fill='%23333333'%3E%3Ctext id='+'%3E%3Ctspan x='971.6' y='637'%3E+%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
1284
- background-size: 16px 16px;
1285
- background-repeat: no-repeat;
1286
- background-position: center;
1287
- }
1288
-
1289
- .radio-cards {
1290
- display: -webkit-box;
1291
- display: -ms-flexbox;
1292
- display: flex;
1293
- grid-gap: 0.625rem;
1294
- grid-auto-flow: column;
1295
- -ms-grid-rows: auto;
1296
- grid-template-rows: auto;
1297
- overflow-x: auto;
1298
- padding: 0.5rem;
1299
- margin: 0 -0.5rem;
1300
- }
1301
- .radio-cards .radio-card {
1302
- text-align: center;
1303
- position: relative;
1304
- min-width: 7rem;
1305
- -webkit-box-flex: 1;
1306
- -ms-flex: 1;
1307
- flex: 1;
1308
- display: -webkit-box;
1309
- display: -ms-flexbox;
1310
- display: flex;
1311
- }
1312
- .radio-cards .radio-card input {
1313
- position: absolute;
1314
- top: 0;
1315
- left: 0;
1316
- opacity: 0;
1317
- }
1318
- .radio-cards .radio-card input:checked ~ div {
1319
- -webkit-box-shadow: 0 0 0 0.35rem rgba(28, 198, 145, 0.15), 0 0 0 1px #1cc691;
1320
- box-shadow: 0 0 0 0.35rem rgba(28, 198, 145, 0.15), 0 0 0 1px #1cc691;
1321
- }
1322
- .radio-cards .radio-card input:checked ~ .check-icon {
1323
- display: block;
1324
- }
1325
- .radio-cards .radio-card .check-icon {
1326
- position: absolute;
1327
- display: none;
1328
- top: 0.5rem;
1329
- right: 0.5rem;
1330
- }
1331
- .radio-cards .radio-card > div {
1332
- -webkit-box-flex: 1;
1333
- -ms-flex: 1;
1334
- flex: 1;
1335
- padding: 1.5rem 1rem;
1336
- border: 1px solid rgba(0, 0, 0, 0.2);
1337
- border-radius: 0.35rem;
1338
- display: -webkit-box;
1339
- display: -ms-flexbox;
1340
- display: flex;
1341
- -webkit-box-align: center;
1342
- -ms-flex-align: center;
1343
- align-items: center;
1344
- -webkit-box-pack: center;
1345
- -ms-flex-pack: center;
1346
- justify-content: center;
1347
- -webkit-box-orient: vertical;
1348
- -webkit-box-direction: normal;
1349
- -ms-flex-direction: column;
1350
- flex-direction: column;
1351
- cursor: pointer;
1352
- }
1353
- .radio-cards .radio-card > div img {
1354
- width: 45%;
1355
- margin-bottom: 0.35rem;
1356
- }
1357
- .radio-cards .radio-card > div span {
1358
- font-weight: bold;
1359
- font-size: 0.85rem;
1360
- line-height: 1;
1361
- display: inline-block;
1362
- }
1363
-
1364
- .check-icon {
1365
- display: inline-block;
1366
- width: 2rem;
1367
- height: 2rem;
1368
- background-image: url("data:image/svg+xml,%3Csvg height='7' viewBox='0 0 8 7' width='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m14.8113573 11.5935296h-5.33333337l.03831907-1.99999999' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2' transform='matrix(.64278761 -.76604444 .76604444 .64278761 -11.776881 5.087513)'/%3E%3C/svg%3E");
1369
- background-repeat: no-repeat;
1370
- background-position: center;
1371
- background-size: 0.75rem;
1372
- border-radius: 50%;
1373
- background-color: #1cc691;
1374
- }
1375
-
1376
- /*RADIO BUTTON STYLE*/
1377
- .radio-btn-style {
1378
- position: relative;
1379
- }
1380
- .radio-btn-style > div {
1381
- border-radius: 0.25rem;
1382
- border: 1px solid #ced4da;
1383
- padding: 1.5rem 2rem;
1384
- overflow: hidden;
1385
- }
1386
- .radio-btn-style input {
1387
- -webkit-appearance: none;
1388
- -moz-appearance: none;
1389
- appearance: none;
1390
- opacity: 0;
1391
- position: absolute;
1392
- top: 0;
1393
- left: 0;
1394
- }
1395
- .radio-btn-style input:checked + div {
1396
- border-color: #1cc691;
1397
- -webkit-box-shadow: 0 0 0 0.25rem rgba(28, 198, 145, 0.25);
1398
- box-shadow: 0 0 0 0.25rem rgba(28, 198, 145, 0.25);
1399
- }
1400
- .radio-btn-style .btn-fake {
1401
- background-image: url("data:image/svg+xml,%3Csvg height='21' viewBox='0 0 11 21' width='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.328 0c2.94257315 0 5.328 2.38542685 5.328 5.328 0 1.8242202-.91678202 3.43431448-2.31474111 4.39467789l1.28526555 10.92332211h-8.59704888l1.28526555-10.92332211c-1.39795909-.96036341-2.31474111-2.57045769-2.31474111-4.39467789 0-2.94257315 2.38542685-5.328 5.328-5.328z' fill='%231cc691' fill-rule='evenodd'/%3E%3C/svg%3E");
1402
- background-position: left 1rem center;
1403
- background-repeat: no-repeat;
1404
- border: 2px solid rgba(0, 0, 0, 0.2);
1405
- padding: 1rem 1.5rem 1rem 3rem;
1406
- border-radius: 0.35rem;
1407
- display: -webkit-box;
1408
- display: -ms-flexbox;
1409
- display: flex;
1410
- margin-right: -4rem;
1411
- color: #444;
1412
- }
1413
- .radio-btn-style .btn-fake:before, .radio-btn-style .btn-fake:after {
1414
- content: "";
1415
- display: inline-block;
1416
- height: 0.5rem;
1417
- background-color: currentColor;
1418
- white-space: nowrap;
1419
- margin-right: 0.5rem;
1420
- }
1421
- .radio-btn-style .btn-fake:before {
1422
- width: 4rem;
1423
- }
1424
- .radio-btn-style .btn-fake:after {
1425
- width: 2rem;
1426
- }
1427
-
1428
- .radio-btn-style-dark .btn-fake {
1429
- color: white;
1430
- background-color: #444;
1431
- }
1432
-
1433
- .paste_embed_code {
1434
- min-inline-size: auto;
1435
- }
1436
- .paste_embed_code textarea {
1437
- -webkit-appearance: none;
1438
- -moz-appearance: none;
1439
- appearance: none;
1440
- width: 100%;
1441
- background: transparent;
1442
- padding: 1rem;
1443
- font-family: monospace;
1444
- border: 0;
1445
- resize: none;
1446
- outline: 0;
1447
- }
1448
- .paste_embed_code textarea:focus {
1449
- -webkit-box-shadow: none;
1450
- box-shadow: none;
1451
- }
1452
- .paste_embed_code input[type=text] {
1453
- width: 100% !important;
1454
- display: block !important;
1455
- border: 1px solid rgba(0, 0, 0, 0.2) !important;
1456
- padding: 1rem !important;
1457
- font-family: monospace !important;
1458
- }
1459
- .paste_embed_code input[type=text]:focus {
1460
- -webkit-box-shadow: none !important;
1461
- box-shadow: none !important;
1462
- }
1463
-
1464
- .paste-api-form {
1465
- border: 1px solid #979797;
1466
- border-radius: 0.25rem;
1467
- position: relative;
1468
- -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
1469
- transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
1470
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1471
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
1472
- display: -webkit-box;
1473
- display: -ms-flexbox;
1474
- display: flex;
1475
- }
1476
- @media (max-width: 767px) {
1477
- .paste-api-form {
1478
- -webkit-box-orient: vertical;
1479
- -webkit-box-direction: normal;
1480
- -ms-flex-direction: column;
1481
- flex-direction: column;
1482
- }
1483
- }
1484
- .paste-api-form:focus-within {
1485
- border-color: #1cc691;
1486
- -webkit-box-shadow: 0 0 0 0.25rem rgba(28, 198, 145, 0.25);
1487
- box-shadow: 0 0 0 0.25rem rgba(28, 198, 145, 0.25);
1488
- outline: none;
1489
- }
1490
- .paste-api-form button {
1491
- margin: 1rem;
1492
- -ms-flex-item-align: end;
1493
- align-self: flex-end;
1494
- }
1495
- .paste-api-form input[type=text],
1496
- .paste-api-form button {
1497
- padding: 1rem;
1498
- }
1499
- .paste-api-form input[type=text] {
1500
- -webkit-box-flex: 2;
1501
- -ms-flex-positive: 2;
1502
- flex-grow: 2;
1503
- outline: none;
1504
- border: none;
1505
- border-radius: 0.25rem;
1506
- font-family: "hkgrotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
1507
- }
1508
- .paste-api-form input[type=text]:focus {
1509
- -webkit-box-shadow: none;
1510
- box-shadow: none;
1511
- }
1512
-
1513
- fieldset {
1514
- border: none;
1515
- margin: 0;
1516
- padding: 0;
1517
- }
1518
-
1519
- label,
1520
- input {
1521
- cursor: pointer;
1522
- }
1523
-
1524
- .custom-iframe-field,
1525
- .custom-script-field {
1526
- display: none;
1527
- margin-bottom: 0.5rem;
1528
- }
1529
- .custom-iframe-field.shown,
1530
- .custom-script-field.shown {
1531
- display: -webkit-box;
1532
- display: -ms-flexbox;
1533
- display: flex;
1534
- }
1535
-
1536
- .tabs .tabs__target:not(.active) {
1537
- display: none;
1538
- }
1539
- .tabs .tabs__nav__item {
1540
- margin: 0;
1541
- cursor: pointer;
1542
- }
1543
- .tabs--style2 {
1544
- border: 1px solid rgba(0, 0, 0, 0.2);
1545
- border-radius: 0.35rem;
1546
- }
1547
- .tabs--style2 > .tabs__nav {
1548
- display: -webkit-box;
1549
- display: -ms-flexbox;
1550
- display: flex;
1551
- overflow-x: auto;
1552
- overflow-y: hidden;
1553
- margin: 0;
1554
- padding: 0;
1555
- list-style: none;
1556
- font-size: 0.95rem;
1557
- }
1558
- .tabs--style2 > .tabs__nav li {
1559
- -webkit-box-flex: 1;
1560
- -ms-flex: 1;
1561
- flex: 1;
1562
- text-align: center;
1563
- padding: 0.75rem 1rem;
1564
- white-space: nowrap;
1565
- border: 1px solid transparent;
1566
- border-bottom-color: rgba(0, 0, 0, 0.2);
1567
- border-right-color: rgba(0, 0, 0, 0.05);
1568
- }
1569
- .tabs--style2 > .tabs__nav li:last-of-type {
1570
- border-right-color: transparent;
1571
- }
1572
- .tabs--style2 > .tabs__nav li.active {
1573
- margin: 0 0 0 -1px;
1574
- font-weight: bold;
1575
- border-bottom-color: transparent;
1576
- border-left-color: rgba(0, 0, 0, 0.2);
1577
- border-right-color: rgba(0, 0, 0, 0.2);
1578
- }
1579
- .tabs--style2 > .tabs__nav li.active:first-of-type {
1580
- border-left-color: transparent;
1581
- }
1582
- .tabs--style2 > .tabs__nav li.active:last-of-type {
1583
- border-right-color: transparent;
1584
- }
1585
- .tabs--style1 > .tabs__nav {
1586
- display: -webkit-box;
1587
- display: -ms-flexbox;
1588
- display: flex;
1589
- list-style: none;
1590
- margin: 0;
1591
- padding: 0;
1592
- text-transform: uppercase;
1593
- overflow-x: auto;
1594
- }
1595
- .tabs--style1 > .tabs__nav .tabs__nav__item {
1596
- font-size: 0.85rem;
1597
- padding: 0 0 0.5rem;
1598
- border-bottom: 2px solid rgba(0, 0, 0, 0.1);
1599
- font-weight: bold;
1600
- white-space: nowrap;
1601
- color: #777;
1602
- }
1603
- .tabs--style1 > .tabs__nav .tabs__nav__item:not(:last-of-type) {
1604
- margin-right: 3rem;
1605
- }
1606
- .tabs--style1 > .tabs__nav .tabs__nav__item.active {
1607
- border-bottom-color: #1cc691;
1608
- color: #333;
1609
- }
1610
-
1611
- .modal {
1612
- position: fixed;
1613
- top: 0;
1614
- left: 0;
1615
- width: 100%;
1616
- height: 100%;
1617
- padding: 1rem;
1618
- background: rgba(0, 0, 0, 0.5);
1619
- display: none;
1620
- overflow-y: auto;
1621
- z-index: 99999;
1622
- }
1623
- .modal.shown {
1624
- display: -webkit-box;
1625
- display: -ms-flexbox;
1626
- display: flex;
1627
- }
1628
- .modal__window {
1629
- margin: auto;
1630
- background: white;
1631
- border-radius: 0.5rem;
1632
- -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
1633
- box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
1634
- max-width: 320px;
1635
- }
1636
- .modal__window--md {
1637
- max-width: 640px;
1638
- }
1639
- @media (max-width: 767px) {
1640
- .modal__window--md {
1641
- max-width: 100%;
1642
- }
1643
- }
1644
-
1645
- .breadcrumb {
1646
- background-color: rgba(0, 0, 0, 0.035);
1647
- padding: 1.5rem;
1648
- margin: 0;
1649
- display: -webkit-box;
1650
- display: -ms-flexbox;
1651
- display: flex;
1652
- }
1653
- .breadcrumb li {
1654
- margin: 0;
1655
- }
1656
- .breadcrumb li:not(:last-of-type) {
1657
- margin-right: 1rem;
1658
- }
1659
- .breadcrumb li:not(:last-of-type):after {
1660
- content: "→";
1661
- margin-left: 1rem;
1662
- }
1663
-
1664
- @-webkit-keyframes spin {
1665
- from {
1666
- -webkit-transform: rotate(0);
1667
- transform: rotate(0);
1668
- }
1669
- to {
1670
- -webkit-transform: rotate(359deg);
1671
- transform: rotate(359deg);
1672
- }
1673
- }
1674
-
1675
- @keyframes spin {
1676
- from {
1677
- -webkit-transform: rotate(0);
1678
- transform: rotate(0);
1679
- }
1680
- to {
1681
- -webkit-transform: rotate(359deg);
1682
- transform: rotate(359deg);
1683
- }
1684
- }
1685
- @-webkit-keyframes spin_button {
1686
- from {
1687
- -webkit-transform: translate(-50%, -50%) rotate(0);
1688
- transform: translate(-50%, -50%) rotate(0);
1689
- }
1690
- to {
1691
- -webkit-transform: translate(-50%, -50%) rotate(359deg);
1692
- transform: translate(-50%, -50%) rotate(359deg);
1693
- }
1694
- }
1695
- @keyframes spin_button {
1696
- from {
1697
- -webkit-transform: translate(-50%, -50%) rotate(0);
1698
- transform: translate(-50%, -50%) rotate(0);
1699
- }
1700
- to {
1701
- -webkit-transform: translate(-50%, -50%) rotate(359deg);
1702
- transform: translate(-50%, -50%) rotate(359deg);
1703
- }
1704
- }
1705
- .btn-loading {
1706
- position: relative;
1707
- }
1708
- .btn-loading, .btn-loading:hover {
1709
- color: transparent;
1710
- }
1711
- .btn-loading:before {
1712
- content: "";
1713
- border: solid 2px transparent;
1714
- border-top-color: white;
1715
- border-left-color: white;
1716
- -webkit-animation: spin_button 0.8s linear infinite;
1717
- animation: spin_button 0.8s linear infinite;
1718
- width: 1rem;
1719
- height: 1rem;
1720
- border-radius: 50%;
1721
- display: inline-block;
1722
- vertical-align: middle;
1723
- position: absolute;
1724
- top: 50%;
1725
- left: 50%;
1726
- }
1727
-
1728
- .inline-spinner {
1729
- border: solid 2px transparent;
1730
- border-top-color: currentColor;
1731
- border-left-color: currentColor;
1732
- -webkit-animation: spin 0.8s linear infinite;
1733
- animation: spin 0.8s linear infinite;
1734
- width: 1.5rem;
1735
- height: 1.5rem;
1736
- border-radius: 50%;
1737
- display: inline-block;
1738
- }
1739
- .inline-spinner.lg {
1740
- width: 5rem;
1741
- height: 5rem;
1742
- }
1743
-
1744
- .position-select {
1745
- position: relative;
1746
- }
1747
- .position-select .form-control {
1748
- overflow: auto;
1749
- height: auto;
1750
- resize: vertical;
1751
- padding: 1rem;
1752
- border: 1px solid #ddd;
1753
- border-radius: 0.25rem;
1754
- position: relative;
1755
- width: 100%;
1756
- -webkit-box-sizing: border-box;
1757
- box-sizing: border-box;
1758
- -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
1759
- transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
1760
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1761
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
1762
- }
1763
- .position-select .form-control.form-control:focus {
1764
- color: #495057;
1765
- background-color: #fff;
1766
- border-color: #76ecc7;
1767
- outline: 0;
1768
- border-radius: 0.25rem;
1769
- outline: 0;
1770
- -webkit-box-shadow: 0 0 0 0.2rem rgba(28, 198, 145, 0.25);
1771
- box-shadow: 0 0 0 0.2rem rgba(28, 198, 145, 0.25);
1772
- }
1773
- .position-select .overlaybox {
1774
- display: none;
1775
- -webkit-box-flex: 0;
1776
- -ms-flex: 0 0 100%;
1777
- flex: 0 0 100%;
1778
- width: 100%;
1779
- padding: 1rem;
1780
- }
1781
- .position-select .position-select-radio {
1782
- -webkit-appearance: none;
1783
- -moz-appearance: none;
1784
- appearance: none;
1785
- margin: 0;
1786
- border: 0;
1787
- padding: 0;
1788
- outline: 0;
1789
- background: none;
1790
- width: 0;
1791
- height: 0;
1792
- opacity: 0;
1793
- visibility: 0;
1794
- position: absolute;
1795
- }
1796
- .position-select .position-select-radio + label {
1797
- display: block;
1798
- cursor: pointer;
1799
- margin: 0;
1800
- }
1801
- .position-select:before {
1802
- content: "";
1803
- display: block;
1804
- width: 150px;
1805
- height: 90px;
1806
- }
1807
- .position-select > div {
1808
- border: 1px solid rgba(0, 0, 0, 0.1);
1809
- -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.025);
1810
- box-shadow: 0 2px 1px rgba(0, 0, 0, 0.025);
1811
- border-radius: 0.25rem;
1812
- background-color: white;
1813
- position: absolute;
1814
- top: 0;
1815
- left: 0;
1816
- display: -webkit-box;
1817
- display: -ms-flexbox;
1818
- display: flex;
1819
- -ms-flex-wrap: wrap;
1820
- flex-wrap: wrap;
1821
- }
1822
- .position-select > div.open {
1823
- width: 456px;
1824
- z-index: 2;
1825
- -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.025), 0 0 32px rgba(0, 0, 0, 0.05);
1826
- box-shadow: 0 2px 1px rgba(0, 0, 0, 0.025), 0 0 32px rgba(0, 0, 0, 0.05);
1827
- }
1828
- .position-select > div.open .overlaybox {
1829
- display: block;
1830
- }
1831
- @media (max-width: 767px) {
1832
- .position-select > div.open {
1833
- width: 300px;
1834
- display: -webkit-box;
1835
- display: -ms-flexbox;
1836
- display: flex;
1837
- -ms-flex-wrap: wrap;
1838
- flex-wrap: wrap;
1839
- }
1840
- }
1841
- .position-select > div.open > label {
1842
- -webkit-box-flex: 0;
1843
- -ms-flex: 0 0 33.3333333%;
1844
- flex: 0 0 33.3333333%;
1845
- max-width: 33.333333%;
1846
- display: block !important;
1847
- }
1848
- .position-select > div.open > label:hover {
1849
- background-color: rgba(0, 0, 0, 0.025);
1850
- }
1851
- .position-select > div.open > label:not(:last-of-type) {
1852
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
1853
- }
1854
- .position-select > div.open > .position-select-radio:checked + label {
1855
- -webkit-box-shadow: inset 0 0 0 1px #1cc691, inset 0 0 0 4px #c9f1e5;
1856
- box-shadow: inset 0 0 0 1px #1cc691, inset 0 0 0 4px #c9f1e5;
1857
- }
1858
- .position-select > div:not(.open) {
1859
- width: 148px;
1860
- }
1861
- .position-select > div:not(.open) .position-select-radio + label {
1862
- padding-right: 1.5rem;
1863
- }
1864
- .position-select > div:not(.open) .position-select-radio + label:after {
1865
- pointer-events: none;
1866
- display: inline-block;
1867
- width: 0;
1868
- height: 0;
1869
- margin-left: 0.25em;
1870
- vertical-align: 0.25em;
1871
- content: "";
1872
- border-top: 0.25rem solid;
1873
- border-right: 0.25rem solid transparent;
1874
- border-bottom: 0;
1875
- border-left: 0.25rem solid transparent;
1876
- position: absolute;
1877
- top: 50%;
1878
- right: 0.75rem;
1879
- -webkit-transform: translateY(-50%);
1880
- transform: translateY(-50%);
1881
- opacity: 0.5;
1882
- }
1883
- .position-select > div:not(.open) > .position-select-radio:checked + label {
1884
- -webkit-box-ordinal-group: 0;
1885
- -ms-flex-order: -1;
1886
- order: -1;
1887
- }
1888
- .position-select > div:not(.open):hover {
1889
- background-color: rgba(0, 0, 0, 0.025);
1890
- }
1891
- .position-select > div > .position-select-radio:not(:checked) + label {
1892
- display: none;
1893
- }
1894
- .position-select > div > .position-select-radio + label {
1895
- width: 100%;
1896
- -webkit-transition: display 0.4s ease 0.1s;
1897
- transition: display 0.4s ease 0.1s;
1898
- }
1899
- .position-select > div > .position-select-radio + label > div {
1900
- display: -webkit-box;
1901
- display: -ms-flexbox;
1902
- display: flex;
1903
- -webkit-box-align: center;
1904
- -ms-flex-align: center;
1905
- align-items: center;
1906
- padding: 0.5rem;
1907
- position: relative;
1908
- }
1909
- .position-select > div > .position-select-radio + label > div > div {
1910
- -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
1911
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
1912
- border-radius: 0.25rem;
1913
- overflow: hidden;
1914
- background-color: rgba(0, 0, 0, 0.05);
1915
- position: relative;
1916
- display: -webkit-box;
1917
- display: -ms-flexbox;
1918
- display: flex;
1919
- width: 100%;
1920
- }
1921
- .position-select > div > .position-select-radio + label > div > div:after {
1922
- padding-bottom: 65%;
1923
- content: "";
1924
- }
1925
- .position-select > div > .position-select-radio + label > div > div > span {
1926
- background-color: rgba(0, 0, 0, 0.45);
1927
- height: 20px;
1928
- }
1929
- .position-select > div > .position-select-radio + label > div > div.center {
1930
- -webkit-box-align: center !important;
1931
- -ms-flex-align: center !important;
1932
- align-items: center !important;
1933
- -webkit-box-pack: center !important;
1934
- -ms-flex-pack: center !important;
1935
- justify-content: center !important;
1936
- }
1937
- .position-select > div > .position-select-radio + label > div > div.top {
1938
- -webkit-box-align: start !important;
1939
- -ms-flex-align: start !important;
1940
- align-items: flex-start !important;
1941
- }
1942
- .position-select > div > .position-select-radio + label > div > div.bottom {
1943
- -webkit-box-align: end !important;
1944
- -ms-flex-align: end !important;
1945
- align-items: flex-end !important;
1946
- }
1947
- .position-select > div > .position-select-radio + label > div > div.left {
1948
- -webkit-box-pack: start !important;
1949
- -ms-flex-pack: start !important;
1950
- justify-content: flex-start !important;
1951
- }
1952
- .position-select > div > .position-select-radio + label > div > div.right {
1953
- -webkit-box-pack: end !important;
1954
- -ms-flex-pack: end !important;
1955
- justify-content: flex-end !important;
1956
- }
1957
- .position-select > div > .position-select-radio + label > div > div.full span {
1958
- width: 100%;
1959
- }
1960
- .position-select > div > .position-select-radio + label > div > div.float span {
1961
- width: 30px;
1962
- margin: 0.5rem;
1963
- border-radius: 0.25rem;
1964
- }
1965
- .position-select > div > .position-select-radio + label > div > div.top.center span, .position-select > div > .position-select-radio + label > div > div.bottom.center span {
1966
- width: 60px;
1967
- }
1968
-
1969
- .list_radar {
1970
- display: -webkit-box;
1971
- display: -ms-flexbox;
1972
- display: flex;
1973
- -webkit-box-align: center;
1974
- -ms-flex-align: center;
1975
- align-items: center;
1976
- -webkit-box-pack: justify;
1977
- -ms-flex-pack: justify;
1978
- justify-content: space-between;
1979
- list-style: none;
1980
- text-align: center;
1981
- padding: 0;
1982
- }
1983
- @media (max-width: 768px) {
1984
- .list_radar {
1985
- display: block;
1986
- }
1987
- }
1988
- .list_radar--block {
1989
- -webkit-box-orient: vertical;
1990
- -webkit-box-direction: normal;
1991
- -ms-flex-direction: column;
1992
- flex-direction: column;
1993
- }
1994
- .list_radar--block .list_radar__item {
1995
- display: -webkit-box;
1996
- display: -ms-flexbox;
1997
- display: flex;
1998
- -webkit-box-orient: horizontal;
1999
- -webkit-box-direction: normal;
2000
- -ms-flex-direction: row;
2001
- flex-direction: row;
2002
- text-align: left;
2003
- -webkit-box-align: start;
2004
- -ms-flex-align: start;
2005
- align-items: flex-start;
2006
- }
2007
- .list_radar--block .list_radar__item figure {
2008
- margin-right: 1rem;
2009
- }
2010
- .list_radar__item {
2011
- display: -webkit-box;
2012
- display: -ms-flexbox;
2013
- display: flex;
2014
- -webkit-box-orient: vertical;
2015
- -webkit-box-direction: normal;
2016
- -ms-flex-direction: column;
2017
- flex-direction: column;
2018
- -webkit-box-align: center;
2019
- -ms-flex-align: center;
2020
- align-items: center;
2021
- }
2022
- .list_radar__item figure {
2023
- position: relative;
2024
- margin: 0;
2025
- }
2026
- .list_radar__item figure:after {
2027
- content: "";
2028
- position: absolute;
2029
- width: 2rem;
2030
- height: 2rem;
2031
- border-radius: 2rem;
2032
- top: 0;
2033
- right: 0;
2034
- }
2035
- .list_radar__item--on figure:after {
2036
- background: #1cc691;
2037
- background-image: url("../images/white_checkmark.svg");
2038
- background-position: center;
2039
- background-repeat: no-repeat;
2040
- background-size: 0.7rem;
2041
- }
2042
- .list_radar__item--off figure:after {
2043
- background: #cf7463;
2044
- background-image: url("../images/white_x.svg");
2045
- background-position: center;
2046
- background-repeat: no-repeat;
2047
- background-size: 0.7rem;
2048
- }
2049
-
2050
- .circularBar {
2051
- --progress-bar-stroke-width: 2;
2052
- --progress-bar-size: 125px;
2053
- --progress-bar-color: #78bec7;
2054
- --progress-bar-stroke-dash: 85;
2055
- --progress-bar-font-size: 2rem;
2056
- display: inline-block;
2057
- font-family: sans-serif;
2058
- position: relative;
2059
- -webkit-user-select: none;
2060
- -moz-user-select: none;
2061
- -ms-user-select: none;
2062
- user-select: none;
2063
- }
2064
- .circularBar.lg {
2065
- --progress-bar-stroke-width: 1;
2066
- --progress-bar-size: 150px;
2067
- --progress-bar-stroke-dash: 84;
2068
- }
2069
- .circularBar.sm {
2070
- --progress-bar-stroke-width: 3;
2071
- --progress-bar-size: 75px;
2072
- --progress-bar-stroke-dash: 84;
2073
- --progress-bar-font-size: 1.25rem;
2074
- }
2075
- .circularBar span {
2076
- position: absolute;
2077
- top: calc(50% - 2px);
2078
- left: 50%;
2079
- -webkit-transform: translate(-50%, -50%);
2080
- transform: translate(-50%, -50%);
2081
- font-size: var(--progress-bar-font-size);
2082
- font-weight: bold;
2083
- line-height: 0;
2084
- }
2085
- .circularBar span b {
2086
- font-size: 0.65em;
2087
- }
2088
- .circularBar svg {
2089
- height: var(--progress-bar-size);
2090
- width: var(--progress-bar-size);
2091
- -webkit-transform: rotate(-90deg);
2092
- transform: rotate(-90deg);
2093
- }
2094
- .circularBar circle {
2095
- fill: none;
2096
- stroke-width: var(--progress-bar-stroke-width);
2097
- }
2098
- .circularBar .circle1 {
2099
- stroke: #e2eff0;
2100
- }
2101
- .circularBar .circle2 {
2102
- stroke: currentColor;
2103
- stroke-dasharray: var(--progress-bar-stroke-dash);
2104
- stroke-dashoffset: var(--progress-bar-stroke-dash);
2105
- stroke-linecap: round;
2106
- -webkit-transition: stroke-dashoffset 1s ease-in-out;
2107
- transition: stroke-dashoffset 1s ease-in-out;
2108
- }
2109
-
2110
- .siteinfo--icon {
2111
- background-color: rgba(0, 0, 0, 0.05);
2112
- height: 5rem;
2113
- width: 5rem;
2114
- border-radius: 0.25rem;
2115
- display: -webkit-box;
2116
- display: -ms-flexbox;
2117
- display: flex;
2118
- -webkit-box-pack: center;
2119
- -ms-flex-pack: center;
2120
- justify-content: center;
2121
- margin-right: 1rem;
2122
- }
2123
- .siteinfo--icon img {
2124
- width: 50%;
2125
- }
2126
- @media (max-width: 767px) {
2127
- .siteinfo--icon {
2128
- margin: 0 auto 1rem auto;
2129
- }
2130
- }
2131
-
2132
- .sitenav {
2133
- background-color: rgba(0, 0, 0, 0.025);
2134
- }
2135
-
2136
- @media (min-width: 768px) {
2137
- .configure-services-cards {
2138
- display: -webkit-box;
2139
- display: -ms-flexbox;
2140
- display: flex;
2141
- -ms-flex-wrap: wrap;
2142
- flex-wrap: wrap;
2143
- -webkit-box-pack: center;
2144
- -ms-flex-pack: center;
2145
- justify-content: center;
2146
- max-width: 800px;
2147
- margin: 0 auto;
2148
- }
2149
- }
2150
- .configure-services-cards .service-card {
2151
- display: -webkit-box;
2152
- display: -ms-flexbox;
2153
- display: flex;
2154
- -webkit-box-orient: vertical;
2155
- -webkit-box-direction: normal;
2156
- -ms-flex-direction: column;
2157
- flex-direction: column;
2158
- border: 1px solid rgba(151, 151, 151, 0.28);
2159
- border-radius: 0.35rem;
2160
- margin: 0.5rem;
2161
- -ms-flex-negative: 0;
2162
- flex-shrink: 0;
2163
- -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.06);
2164
- box-shadow: 0 0 16px rgba(0, 0, 0, 0.06);
2165
- }
2166
- @media (min-width: 768px) {
2167
- .configure-services-cards .service-card {
2168
- max-width: calc(50% - 1rem);
2169
- -webkit-box-flex: 0;
2170
- -ms-flex: 0 0 calc(50% - 1rem);
2171
- flex: 0 0 calc(50% - 1rem);
2172
- }
2173
- }
2174
-
2175
- .service-on {
2176
- background-color: rgba(0, 0, 0, 0.04);
2177
- border-radius: 0.25rem;
2178
- text-align: center;
2179
- margin: 1rem;
2180
- padding: 1rem;
2181
- white-space: nowrap;
2182
- overflow: hidden;
2183
- text-overflow: ellipsis;
2184
- }
2185
- .service-on li {
2186
- display: inline;
2187
- margin: 0;
2188
- }
2189
-
2190
- .iubenda-consent-forms table {
2191
- border: 1px solid #c3c4c7;
2192
- }
2193
-
2194
- .consent-forms-tabs {
2195
- display: -webkit-box;
2196
- display: -ms-flexbox;
2197
- display: flex;
2198
- }
2199
- .consent-forms-tabs li {
2200
- margin-right: 0.5rem;
2201
- }
2202
- .consent-forms-tabs--current {
2203
- font-weight: bold;
2204
- }
2205
-
2206
- /* CUSTOME SETTINGS TABS*/
2207
- .custom-scripts {
2208
- border: 1px solid rgba(0, 0, 0, 0.2);
2209
- border-radius: 0.35rem;
2210
- }
2211
- .custom-scripts .tabs__nav {
2212
- display: -webkit-box;
2213
- display: -ms-flexbox;
2214
- display: flex;
2215
- overflow-x: auto;
2216
- overflow-y: hidden;
2217
- margin: 0;
2218
- padding: 0;
2219
- list-style: none;
2220
- font-size: 0.95rem;
2221
- }
2222
- .custom-scripts .tabs__nav li {
2223
- -webkit-box-flex: 1;
2224
- -ms-flex: 1;
2225
- flex: 1;
2226
- text-align: center;
2227
- padding: 0.75rem 1rem;
2228
- white-space: nowrap;
2229
- border: 1px solid transparent;
2230
- border-bottom-color: rgba(0, 0, 0, 0.2);
2231
- border-right-color: rgba(0, 0, 0, 0.05);
2232
- }
2233
- .custom-scripts .tabs__nav li:last-of-type {
2234
- border-right-color: transparent;
2235
- }
2236
- .custom-scripts .tabs__nav li.active {
2237
- margin: 0 -1px;
2238
- font-weight: bold;
2239
- border-bottom-color: transparent;
2240
- border-left-color: rgba(0, 0, 0, 0.2);
2241
- border-right-color: rgba(0, 0, 0, 0.2);
2242
- }
2243
- .custom-scripts .tabs__nav li.active:first-of-type {
2244
- border-left-color: transparent;
2245
- }
2246
- .custom-scripts .tabs__nav li.active:last-of-type {
2247
- border-right-color: transparent;
2248
- }
2249
-
2250
- .modalSync img {
2251
- width: 13rem;
2252
- height: auto;
2253
- }
2254
-
2255
- .modalAlmostThere img {
2256
- width: 90%;
2257
- height: auto;
2258
- margin-right: auto;
2259
- margin-left: auto;
2260
- }
2261
-
2262
- .tooltip-icon {
2263
- width: 1.25rem;
2264
- height: 1.25rem;
2265
- display: -webkit-box;
2266
- display: -ms-flexbox;
2267
- display: flex;
2268
- place-items: center;
2269
- line-height: 0.25rem;
2270
- background-color: #c8c8c8;
2271
- color: #fff;
2272
- border-radius: 50%;
2273
- font-size: 0.75rem;
2274
- display: -webkit-inline-box;
2275
- display: -ms-inline-flexbox;
2276
- display: inline-flex;
2277
- -webkit-box-pack: center;
2278
- -ms-flex-pack: center;
2279
- justify-content: center;
2280
- font-weight: bold;
2281
- }
2282
-
2283
- .steps {
2284
- border-radius: 50%;
2285
- border: 1px solid #979797;
2286
- margin: 0;
2287
- width: 2rem;
2288
- height: 2rem;
2289
- display: -webkit-box;
2290
- display: -ms-flexbox;
2291
- display: flex;
2292
- -webkit-box-pack: center;
2293
- -ms-flex-pack: center;
2294
- justify-content: center;
2295
- -webkit-box-align: center;
2296
- -ms-flex-align: center;
2297
- align-items: center;
2298
- }
2299
-
2300
- .main-box {
2301
- width: 90%;
2302
- max-width: 1140px;
2303
- margin: 0 auto;
2304
- border: 1px solid rgba(151, 151, 151, 0.28);
2305
- border-radius: 0.4rem;
2306
- background: #fff;
2307
- }
2308
- .main-box__bg {
2309
- background: #fff;
2310
- background-image: url("../images/welcome_screen_bg.svg");
2311
- background-position: 97% -14%;
2312
- background-repeat: no-repeat;
2313
- }
2314
-
2315
- .subOptions {
2316
- border-left: 1px solid rgba(0, 0, 0, 0.1);
2317
- padding: 0.5rem 0 0.5rem 1.5rem;
2318
- margin-left: 1rem;
2319
- }
2320
-
2321
- .link-helper {
2322
- display: -webkit-inline-box;
2323
- display: -ms-inline-flexbox;
2324
- display: inline-flex;
2325
- -webkit-box-align: center;
2326
- -ms-flex-align: center;
2327
- align-items: center;
2328
- }
2329
- .link-helper:hover .link-helper__label {
2330
- text-decoration: underline;
2331
- }
2332
- .link-helper:hover .tooltip-icon {
2333
- color: currentColor;
2334
- }
2335
-
2336
- .link:hover {
2337
- text-decoration: underline;
2338
- }
2339
-
2340
- .link-underline {
2341
- text-decoration: underline;
2342
- }
2343
-
2344
- .link-underline-dashed {
2345
- text-decoration: underline;
2346
- -webkit-text-decoration-style: dashed;
2347
- text-decoration-style: dashed;
2348
- }
2349
- .link-underline-dashed:hover {
2350
- -webkit-text-decoration-style: solid;
2351
- text-decoration-style: solid;
2352
- }
2353
-
2354
- .hidden {
2355
- display: none;
2356
- }
2357
-
2358
- @media (max-width: 767px) {
2359
- .scrollable {
2360
- overflow-x: auto;
2361
- }
2362
- }
2363
- .inactive {
2364
- pointer-events: none;
2365
- opacity: 0.6;
2366
- }
2367
-
2368
- .services-list li:not(:last-of-type) {
2369
- margin-right: 1rem;
2370
- }
2371
-
2372
- .rounded {
2373
- border-radius: 0.25rem;
2374
- }
2375
-
2376
- .border-1 {
2377
- border: 1px solid;
2378
- }
2379
- #iubenda-header {
2380
- margin-bottom: 30px;
2381
- }
2382
- .iubenda-notice {
2383
- border-left-color: #1CC691;
2384
- padding-left: 0;
2385
- display: flex;
2386
- justify-content: flex-start;
2387
- align-items: center;
2388
- }
2389
- .iubenda-notice::before {
2390
- display: inline-block;
2391
- content: '';
2392
- height: 49px;
2393
- width: 22px;
2394
- margin: 1em 2em;
2395
- background-size: contain;
2396
- background-position: center center;
2397
- background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMjFweCIgaGVpZ2h0PSI0OTBweCIgdmlld0JveD0iMCAwIDIyMSA0OTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+aXViZW5kYSB2ZWN0b3IgbG9nb192M19vbmx5X2lfZ3JlZW48L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJpdWJlbmRhLXZlY3Rvci1sb2dvX3YzX29ubHlfaV9ncmVlbiIgZmlsbD0iIzFDQzY5MSIgZmlsbC1ydWxlPSJub256ZXJvIj4gICAgICAgICAgICA8cGF0aCBkPSJNMjIwLjYsMTA4LjQgQzIyMC42LDEzNSAyMTAuOCwxNTkuMyAxOTQuNSwxNzguMSBMMjE3LjksNDg5LjQgTDguNSw0ODkuNCBMMzEuMiwxODMuNSBDMTEuOSwxNjQuMiAwLDEzNy43IDAsMTA4LjQgQzAsNDguNyA0OS40LDAuNCAxMTAuMywwLjQgQzE3MS4yLDAuNCAyMjAuNiw0OC43IDIyMC42LDEwOC40IFogTTExMC4zLDEzMyBDMTI1LDEzMyAxMzYuOCwxMjEuMiAxMzYuOCwxMDYuNyBDMTM2LjgsOTIuMiAxMjQuOSw4MC41IDExMC4zLDgwLjUgQzk1LjYsODAuNSA4My44LDkyLjMgODMuOCwxMDYuNyBDODMuOCwxMjEuMyA5NS42LDEzMyAxMTAuMywxMzMgWiBNMTMxLjIsMjI3IEw5NC45LDI2My4zIEw5NC45LDQwMy44IEwxMzEuMiw0MDMuOCBMMTMxLjIsMjI3IFoiIGlkPSJTaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
2398
- }
2399
- .iubenda-notice .notice-question {
2400
- margin-bottom: 5px;
2401
- display: block;
2402
- }
2403
- .iubenda-notice .notice-reply {
2404
- margin-top: 0;
2405
- }
2406
- .iubenda-notice .step-2 {
2407
- display: none;
2408
- }
2409
- .iubenda-notice .reply-yes {
2410
- margin-right: 10px;
2411
- }
2412
- .iubenda-notice .reply-yes:before,
2413
- .iubenda-notice .reply-no:before {
2414
- font-family: dashicons;
2415
- display: inline-block;
2416
- line-height: 1;
2417
- font-weight: 400;
2418
- font-style: normal;
2419
- speak: none;
2420
- text-decoration: inherit;
2421
- text-transform: none;
2422
- text-rendering: auto;
2423
- -webkit-font-smoothing: antialiased;
2424
- -moz-osx-font-smoothing: grayscale;
2425
- width: 20px;
2426
- height: 20px;
2427
- font-size: 20px;
2428
- vertical-align: top;
2429
- text-align: center;
2430
- transition: color .1s ease-in;
2431
- text-decoration: none;
2432
- }
2433
- .iubenda-notice .reply-yes:before {
2434
- content: "\f147";
2435
- }
2436
- .iubenda-notice .reply-no:before {
2437
- content: "\f335";
2438
- }