PluginProbe
Ultimate Post Kit – Elementor Post Grid, Post Carousel, Post Slider & Blog Layout Widgets / trunk
Ultimate Post Kit – Elementor Post Grid, Post Carousel, Post Slider & Blog Layout Widgets vtrunk
4.5.4 4.2.1 4.2.2 4.2.3 4.5.0 4.5.2 4.5.3 4.2.0 4.1.18 4.1.17 4.1.16 4.1.15 4.1.14 4.1.13 4.1.12 4.1.11 4.1.10 4.1.9 4.1.8 4.0.9 4.1.0 4.1.1 4.1.2 4.1.3 4.1.4 All 146 releases
ultimate-post-kit / admin / assets / css / upk-admin.css

upk-admin.css in Ultimate Post Kit – Elementor Post Grid, Post Carousel, Post Slider & Blog Layout Widgets trunk, at admin/assets/css/upk-admin.css

2,711 lines 87.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .ultimate-post-kit-dashboard {
2 position: relative;
3 /* license page style */
4 /* Start Custom CSS and JS Styles */
5 /* Start Custom CSS and JS Styles */
6 /* Start White Label Styles */
7 /* White Label Option Styles */
8 /* Slide-down animation keyframes */
9 /* White Label Title Input Styles */
10 /* Locked/Disabled State Styles */
11 }
12 .ultimate-post-kit-dashboard.wrap {
13 margin: 10px 20px 0 0;
14 }
15 .ultimate-post-kit-dashboard.wrap a:focus {
16 outline: none;
17 box-shadow: none;
18 }
19 .ultimate-post-kit-dashboard.wrap #ultimate_post_kit_api_settings_page .upk-options {
20 display: block;
21 columns: 1;
22 gap: 20px;
23 }
24 .ultimate-post-kit-dashboard.wrap #ultimate_post_kit_api_settings_page .upk-options .upk-option-item {
25 margin-bottom: 20px;
26 }
27 .ultimate-post-kit-dashboard.wrap .upk-affiliate-sub-title {
28 color: #1d2327;
29 font-size: 1.3em;
30 margin: 1em 0;
31 }
32 .ultimate-post-kit-dashboard.wrap .upk-affiliate-features ul {
33 list-style: inside;
34 }
35 .ultimate-post-kit-dashboard.wrap .ultimate-post-kit-settings-save-btn {
36 padding: 3px 30px;
37 color: #fff;
38 background: linear-gradient(to right, #00A85C, #58D34D);
39 border: 0;
40 }
41 .ultimate-post-kit-dashboard.wrap .ultimate-post-kit-settings-save-btn:hover {
42 background: linear-gradient(to right, #58D34D, #00A85C);
43 }
44 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header {
45 position: relative;
46 padding: 20px 30px;
47 background: #fff;
48 overflow: hidden;
49 z-index: 11;
50 border: 1px solid rgba(123, 123, 123, 0.09);
51 border-radius: 6px;
52 }
53 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header.bdt-sticky-fixed {
54 z-index: 999;
55 box-shadow: 0px -32px 0px 0px #ffffff, 0px 5px 15px rgba(0, 0, 0, 0.1);
56 border-bottom-left-radius: 0;
57 border-bottom-right-radius: 0;
58 border-bottom: 0;
59 }
60 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header.bdt-sticky-fixed .upk-header-elements {
61 opacity: 0.5;
62 transition: opacity 0.3s ease;
63 }
64 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header.bdt-sticky-fixed:hover .upk-header-elements {
65 opacity: 1;
66 }
67 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements {
68 position: absolute;
69 top: 0;
70 left: 0;
71 width: 100%;
72 height: 100%;
73 pointer-events: none;
74 z-index: 1;
75 }
76 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-logo,
77 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-dashboard-new-page {
78 position: relative;
79 z-index: 2;
80 }
81 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements .upk-header-element {
82 position: absolute;
83 display: block;
84 }
85 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements .upk-header-element.upk-header-circle {
86 width: 160px;
87 height: 160px;
88 border-radius: 50%;
89 background: linear-gradient(45deg, rgba(88, 211, 77, 0.05), rgba(88, 211, 77, 0.08));
90 top: -80px;
91 right: 10%;
92 }
93 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements .upk-header-element.upk-header-dots {
94 bottom: 20px;
95 left: 15%;
96 width: 80px;
97 height: 40px;
98 background-image: radial-gradient(rgba(88, 211, 77, 0.15) 2px, transparent 2px);
99 background-size: 10px 10px;
100 }
101 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements .upk-header-element.upk-header-line {
102 width: 120px;
103 height: 2px;
104 background: linear-gradient(90deg, rgba(88, 211, 77, 0), rgba(88, 211, 77, 0.2));
105 transform: rotate(-45deg);
106 top: 40%;
107 right: 25%;
108 }
109 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements .upk-header-element.upk-header-square {
110 width: 30px;
111 height: 30px;
112 border: 2px solid rgba(88, 211, 77, 0.1);
113 top: 30px;
114 left: 20%;
115 transform: rotate(15deg);
116 }
117 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements .upk-header-element.upk-header-wave {
118 width: 140px;
119 height: 20px;
120 bottom: 20px;
121 right: 15%;
122 background: linear-gradient(45deg, rgba(88, 211, 77, 0) 45%, rgba(88, 211, 77, 0.1) 50%, rgba(88, 211, 77, 0) 55%);
123 background-size: 15px 15px;
124 transform: rotate(-10deg);
125 }
126 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-logo {
127 position: relative;
128 z-index: 1;
129 }
130 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header.bdt-sticky-fixed,
131 .ultimate-post-kit-dashboard.wrap .bdt-widget-filter-wrapper.bdt-sticky-fixed {
132 box-shadow: 0px -32px 0px 0px #ffffff, 0px 5px 15px rgba(0, 0, 0, 0.1);
133 border-bottom-left-radius: 0;
134 border-bottom-right-radius: 0;
135 }
136 .ultimate-post-kit-dashboard.wrap .upk-dashboard-wrapper {
137 background: #ffffff;
138 border-radius: 6px;
139 padding: 30px;
140 position: relative;
141 max-width: 1600px;
142 }
143 .ultimate-post-kit-dashboard.wrap .upk-dashboard-container {
144 gap: 20px;
145 }
146 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-logo {
147 width: 300px;
148 }
149 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-logo img {
150 height: 48px;
151 }
152 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-dashboard-nav-title h3 {
153 font-size: 20px;
154 font-weight: 600;
155 }
156 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-dashboard-nav-title h3 i {
157 margin-right: 10px;
158 }
159 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-dashboard-new-page a {
160 text-decoration: none;
161 gap: 5px;
162 color: #fff;
163 border-radius: 6px;
164 transition: all 0.3s ease;
165 line-height: normal;
166 font-size: clamp(12px, 0.8vw, 14px);
167 font-weight: 600;
168 padding: clamp(10px, 1vw, 11px) clamp(10px, 1vw, 20px);
169 color: #58D34D;
170 border: 2px solid #58D34D;
171 }
172 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-dashboard-new-page a:hover {
173 border-color: #00A85C;
174 color: #00A85C;
175 }
176 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-dashboard-new-page a i {
177 transition: color 300ms ease-out;
178 }
179 .ultimate-post-kit-dashboard.wrap .upk-dashboard-nav-container-wrapper {
180 margin-top: 20px;
181 display: none;
182 }
183 .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation {
184 box-sizing: border-box;
185 padding: 0;
186 min-width: 240px;
187 max-width: 240px;
188 }
189 .ultimate-post-kit-dashboard.wrap .upk-dashboard-compare-section {
190 border-top: 1px solid #f5f5f5;
191 margin-top: 50px;
192 padding-top: 50px;
193 }
194 .ultimate-post-kit-dashboard.wrap .upk-dashboard-compare-section .upk-feature-sub-title {
195 font-size: 15px;
196 font-weight: 500;
197 margin: 0 0 10px;
198 color: #6a6b72;
199 }
200 .ultimate-post-kit-dashboard.wrap .upk-dashboard-compare-section ul {
201 display: grid;
202 grid-template-columns: repeat(2, 1fr);
203 gap: 10px;
204 list-style: outside;
205 padding: 0;
206 margin: 30px 0 0;
207 font-size: 14px;
208 padding: 0 20px;
209 margin-bottom: 30px;
210 }
211 .ultimate-post-kit-dashboard.wrap .upk-highlight-text {
212 color: #48dab7;
213 padding: 3px 6px;
214 border-radius: 6px;
215 line-height: 1;
216 background: #e6fff8;
217 }
218 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter {
219 border-top: 2px solid #2196F3;
220 padding-top: 20px;
221 display: none;
222 }
223 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul {
224 gap: 2px;
225 }
226 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul li {
227 margin: 0;
228 }
229 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul li a {
230 font-size: 14px;
231 color: #666;
232 border: 1px solid transparent;
233 position: relative;
234 padding: 4px 6px;
235 }
236 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul li a:before {
237 content: "";
238 position: absolute;
239 bottom: 0;
240 left: 0;
241 width: 0;
242 height: 2px;
243 background: #2196F3;
244 transition: width 0.3s ease;
245 }
246 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul li a:hover {
247 color: #2196F3;
248 }
249 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul li.bdt-active a {
250 color: #2196F3;
251 }
252 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul li.bdt-active a:before {
253 width: 100%;
254 }
255 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter .upk-filter-by-text {
256 font-size: 14px;
257 margin-right: 10px;
258 font-weight: 600;
259 }
260 .ultimate-post-kit-dashboard.wrap .upk-dashboard-compare-section.bdt-card {
261 background: #fff;
262 border: 1px solid rgba(123, 123, 123, 0.09);
263 }
264 .ultimate-post-kit-dashboard.wrap .upk-dashboard-welcome-container {
265 grid-template-columns: repeat(12, 1fr);
266 grid-auto-flow: dense;
267 grid-row-gap: 20px;
268 grid-column-gap: 20px;
269 display: grid;
270 }
271 .ultimate-post-kit-dashboard.wrap .upk-dashboard-welcome-container p {
272 margin-bottom: 16px;
273 }
274 .ultimate-post-kit-dashboard.wrap .upk-dashboard-welcome-container .upk-dashboard-footer-item p {
275 margin-bottom: 0;
276 }
277 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(1),
278 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(3) {
279 grid-column: span 12/auto;
280 grid-row: span 1/auto;
281 }
282 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item {
283 grid-column: span 12/auto;
284 grid-row: span 1/auto;
285 }
286 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(2) {
287 grid-column: span 12/auto;
288 grid-row: span 2/auto;
289 }
290 .ultimate-post-kit-dashboard.wrap .upk-dashboard-template-quick-access img {
291 width: 100%;
292 height: auto;
293 border-radius: 6px;
294 margin-bottom: 20px;
295 }
296 .ultimate-post-kit-dashboard.wrap .upk-pro-inactive .upk-option-item-inner {
297 background-color: rgba(253, 228, 235, 0.12) !important;
298 border-color: #ffeaf0 !important;
299 }
300 .ultimate-post-kit-dashboard.wrap .upk-pro-inactive .upk-option-item-inner:after {
301 content: "PRO";
302 position: absolute;
303 right: 24px;
304 top: 50%;
305 transform: translateY(-50%);
306 font-size: 10px;
307 font-weight: 600;
308 color: #EF476F;
309 padding: 5px 9px;
310 border-radius: 20px;
311 background-color: #ffe4eb;
312 }
313 .ultimate-post-kit-dashboard.wrap .upk-pro-inactive .upk-option-item-inner .ultimate-post-kit-3pp-install,
314 .ultimate-post-kit-dashboard.wrap .upk-pro-inactive .upk-option-item-inner .ultimate-post-kit-3pp-active,
315 .ultimate-post-kit-dashboard.wrap .upk-pro-inactive .upk-option-item-inner .ultimate-post-kit-3pp-download,
316 .ultimate-post-kit-dashboard.wrap .upk-pro-inactive .upk-option-item-inner .switch {
317 display: none;
318 }
319 .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li {
320 margin: 0;
321 border-bottom: 1px solid rgba(123, 123, 123, 0.09);
322 }
323 .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li a {
324 padding: 16px 30px;
325 border: none;
326 background: none;
327 text-decoration: none;
328 font-size: clamp(14px, 1vw, 15px);
329 color: #666;
330 position: relative;
331 transition: box-shadow 300ms ease-out;
332 justify-content: flex-start;
333 gap: 12px;
334 font-weight: 600;
335 }
336 .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li a:hover,
337 .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li a:focus {
338 border-bottom: none;
339 color: #000;
340 box-shadow: none;
341 }
342 .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li a:after {
343 background-color: #0680d6;
344 content: "";
345 height: 0;
346 position: absolute;
347 left: 0;
348 width: 4px;
349 transition: height 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
350 transform: translateY(-50%);
351 top: 50%;
352 }
353 .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li.bdt-active a {
354 color: #0680d6;
355 }
356 .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li.bdt-active a:after {
357 height: 75%;
358 }
359 .ultimate-post-kit-dashboard.wrap .bdt-card {
360 border-radius: 6px;
361 background-color: #fff;
362 border: 1px solid rgba(123, 123, 123, 0.09);
363 }
364 .ultimate-post-kit-dashboard.wrap .upk-option-page {
365 margin-top: 20px;
366 }
367 .ultimate-post-kit-dashboard.wrap .upk-option-page p {
368 font-size: 15px;
369 line-height: 1.6;
370 color: #666;
371 max-width: 600px;
372 }
373 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .bdt-width-expand > [class^=upk-icon-] {
374 font-size: 48px;
375 margin-right: 20px;
376 }
377 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item.upk-widget-free .bdt-width-expand > [class^=upk-icon-] {
378 color: #48484a;
379 }
380 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item.upk-widget-pro .bdt-width-expand > [class^=upk-icon-] {
381 color: #48484a;
382 }
383 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item[data-content-type~=update] > .upk-option-item-inner:before, .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item[data-content-type~=new] > .upk-option-item-inner:before {
384 width: 70px;
385 height: 20px;
386 color: #fff;
387 position: absolute;
388 transform: rotate(-45deg);
389 text-align: center;
390 line-height: 20px;
391 font-size: 9px;
392 left: -20px;
393 top: 4px;
394 }
395 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item[data-content-type~=new] > .upk-option-item-inner:before {
396 background-color: #EF476F;
397 content: "NEW";
398 }
399 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item[data-content-type~=update] > .upk-option-item-inner:before {
400 background-color: #0680d6;
401 content: "UPDATE";
402 }
403 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-label-wrap {
404 display: flex;
405 flex-direction: column;
406 align-items: flex-start;
407 gap: 10px;
408 }
409 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-label-wrap .upk-option-links {
410 display: flex;
411 gap: 8px;
412 align-items: center;
413 }
414 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-label {
415 font-size: 15px;
416 font-weight: 500;
417 }
418 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-demo,
419 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-video {
420 color: #837f90;
421 transition: all 0.2s ease-out;
422 text-decoration: none;
423 display: flex;
424 flex-direction: row-reverse;
425 align-items: center;
426 gap: 5px;
427 font-size: 12px;
428 }
429 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-demo i,
430 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-video i {
431 font-size: 14px;
432 color: currentColor;
433 }
434 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-demo:hover i,
435 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-video:hover i {
436 color: currentColor;
437 }
438 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item.upk-widget-free .upk-option-demo:hover,
439 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item.upk-widget-free .upk-option-video:hover {
440 color: #06D6A0;
441 }
442 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item.upk-widget-pro .upk-option-demo:hover,
443 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item.upk-widget-pro .upk-option-video:hover {
444 color: #EF476F;
445 }
446 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-item-inner {
447 position: relative;
448 border: 1px solid rgba(123, 123, 123, 0.09);
449 }
450 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-item-inner.upk-option-group {
451 background-color: #fff;
452 border: 1px solid rgba(123, 123, 123, 0.09);
453 }
454 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-item-inner .upk-option-item-inner {
455 border: none;
456 }
457 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper {
458 position: relative;
459 padding: 20px;
460 background: #fff;
461 overflow: hidden;
462 z-index: 998;
463 border-radius: 6px;
464 border: 1px solid rgba(123, 123, 123, 0.09);
465 margin-bottom: 20px;
466 }
467 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-filter-shape {
468 position: absolute;
469 bottom: 0;
470 left: 0;
471 width: 100%;
472 height: 100%;
473 z-index: -1;
474 pointer-events: none;
475 }
476 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-filter-shape svg {
477 position: absolute;
478 bottom: 0;
479 left: 0;
480 width: 100%;
481 height: 100%;
482 transform: scale(1.5);
483 }
484 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul {
485 margin-top: 0;
486 margin-bottom: 0;
487 }
488 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-badge {
489 height: 18px;
490 width: 18px;
491 margin-left: 5px;
492 font-size: 10px;
493 }
494 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-button-default {
495 text-decoration: none;
496 color: #444;
497 background-color: #fff;
498 transition: all 0.3s cubic-bezier(0.3, 0.36, 0.25, 1);
499 border: none;
500 border-radius: 6px;
501 outline: none;
502 font-size: clamp(12px, 1vw, 14px);
503 font-weight: 500;
504 padding: 10px 12px;
505 line-height: 18px;
506 }
507 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-button-default:hover {
508 background: #0680d6;
509 color: #fff;
510 }
511 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li {
512 margin: 0;
513 padding: 0;
514 }
515 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li:first-child {
516 padding-left: 20px;
517 }
518 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li a {
519 text-decoration: none;
520 color: #444;
521 transition: all 0.3s cubic-bezier(0.3, 0.36, 0.25, 1);
522 border: none;
523 border-radius: 6px;
524 outline: none;
525 font-size: clamp(12px, 0.8vw, 14px);
526 font-weight: 500;
527 padding: 10px clamp(10px, 0.9vw, 10px);
528 background: #e9f4ff;
529 }
530 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li a:hover {
531 background: #0680d6;
532 color: #fff;
533 outline: none;
534 }
535 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li a:hover .bdt-badge {
536 background-color: #118ab2;
537 }
538 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.bdt-active a {
539 background: #0680d6;
540 color: #fff;
541 box-shadow: none;
542 }
543 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.upk-widget-free a {
544 background-color: #B6FFEC;
545 color: #06D6A0;
546 }
547 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.upk-widget-free a:hover {
548 background-color: #06D6A0;
549 color: #fff;
550 }
551 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.upk-widget-free.bdt-active a {
552 background-color: #06D6A0;
553 color: #fff;
554 box-shadow: none;
555 }
556 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.upk-widget-pro a {
557 background-color: #ffcdd9;
558 color: #EF476F;
559 }
560 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.upk-widget-pro a:hover {
561 background-color: #EF476F;
562 color: #fff;
563 box-shadow: none;
564 }
565 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.upk-widget-pro.bdt-active a {
566 background-color: #EF476F;
567 color: #fff;
568 box-shadow: none;
569 }
570 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .upk-widget-onoff .upk-active-all-widget {
571 background-color: #1e87f0;
572 color: #fff;
573 }
574 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .upk-widget-onoff .upk-active-all-widget:hover, .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .upk-widget-onoff .upk-active-all-widget.bdt-active {
575 background-color: #0c6fd1;
576 }
577 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .upk-widget-onoff .upk-deactive-all-widget {
578 background-color: #c81b07;
579 color: #fff;
580 }
581 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .upk-widget-onoff .upk-deactive-all-widget.bdt-active, .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .upk-widget-onoff .upk-deactive-all-widget:hover {
582 background-color: #cf1c08;
583 }
584 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-dropdown {
585 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
586 border-radius: 3px;
587 background-color: #fff;
588 }
589 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-dropdown ul li a {
590 font-size: 14px;
591 }
592 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-dropdown ul li a:focus {
593 box-shadow: none;
594 }
595 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-dropdown ul li.bdt-active a {
596 color: #fff;
597 }
598 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options {
599 display: grid;
600 grid-template-columns: repeat(1, 1fr);
601 gap: 15px;
602 }
603 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item {
604 margin-bottom: 0 !important;
605 }
606 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item .upk-option-group .upk-option-item .upk-option-label {
607 font-size: 14px !important;
608 }
609 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item .upk-option-item-inner .bdt-input {
610 height: 34px;
611 border-radius: 6px !important;
612 }
613 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item .upk-option-item-inner .bdt-input:focus {
614 background-color: #fff;
615 }
616 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item .upk-option-item-inner input[type=text] {
617 border-radius: 3px;
618 }
619 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item .upk-option-item-inner textarea {
620 width: 100%;
621 }
622 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item > .upk-option-item-inner {
623 line-height: 1;
624 padding: 18px 25px;
625 border-radius: 6px;
626 transition: all 0.3s cubic-bezier(0.3, 0.36, 0.25, 1);
627 }
628 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item > .upk-option-item-inner:hover {
629 box-shadow: none;
630 }
631 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item > .upk-option-item-inner:hover .upk-widget-count-text {
632 color: #7c99b7;
633 }
634 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item > .upk-option-item-inner:hover [class^=upk-icon-] {
635 color: #052442;
636 }
637 .ultimate-post-kit-dashboard.wrap .bdt-search-active-wrap .bdt-subnav {
638 margin: 0;
639 }
640 .ultimate-post-kit-dashboard.wrap .bdt-search-active-wrap .bdt-widget-search input {
641 min-height: 40px;
642 padding: 0 8px;
643 border-color: rgba(30, 135, 240, 0.3);
644 }
645 .ultimate-post-kit-dashboard.wrap .bdt-search-active-wrap .bdt-widget-search input:focus {
646 border: 1px solid #1e87f0;
647 outline: 0;
648 box-shadow: 0 0 0 1px #1e87f0;
649 }
650 .ultimate-post-kit-dashboard .ultimate-post-kit-settings-save-btn {
651 border-radius: 6px;
652 }
653 .ultimate-post-kit-dashboard .upk-setting-save-btn {
654 z-index: 99999 !important;
655 position: relative;
656 }
657 .ultimate-post-kit-dashboard .switch {
658 position: relative;
659 display: inline-block;
660 width: 44px;
661 height: 24px;
662 background-color: rgba(0, 0, 0, 0.25);
663 border-radius: 20px;
664 transition: all 0.3s ease-out;
665 overflow: hidden;
666 cursor: pointer;
667 }
668 .ultimate-post-kit-dashboard .switch::after {
669 content: "";
670 position: absolute;
671 width: 20px;
672 height: 20px;
673 border-radius: 20px;
674 background-color: white;
675 top: 2px;
676 left: 3px;
677 transition: all 0.3s cubic-bezier(0.24, 0.85, 0.58, 1);
678 }
679 .ultimate-post-kit-dashboard input[type=checkbox]:checked + .switch::after {
680 transform: translateX(18px);
681 }
682 .ultimate-post-kit-dashboard input[type=checkbox]:checked + .switch {
683 background-color: #1e87f0;
684 }
685 .ultimate-post-kit-dashboard input[type=checkbox] {
686 position: absolute;
687 left: -9999px;
688 }
689 .ultimate-post-kit-dashboard .upk-widget-pro input[type=checkbox]:checked + .switch {
690 background-color: #EF476F;
691 }
692 .ultimate-post-kit-dashboard .upk-widget-free input[type=checkbox]:checked + .switch {
693 background-color: #06D6A0;
694 }
695 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status {
696 font-size: 13px;
697 }
698 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status li > div {
699 padding-bottom: 5px;
700 margin-bottom: 5px;
701 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
702 }
703 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status .label1 {
704 width: 200px;
705 }
706 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status span {
707 display: inline-block;
708 line-height: 1.6;
709 }
710 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status .valid,
711 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status .invalid {
712 font-size: 15px;
713 width: 20px;
714 height: 18px;
715 margin-left: 10px;
716 margin-right: 15px;
717 vertical-align: middle;
718 border-radius: 3px;
719 }
720 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status .invalid {
721 background: red;
722 color: #fff;
723 }
724 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status .valid {
725 background: #06D6A0;
726 color: #fff;
727 }
728 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status .valid i::before {
729 margin-left: -1px;
730 }
731 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status i::before {
732 font-size: 15px;
733 line-height: 20px;
734 }
735 .ultimate-post-kit-dashboard .upk-no-result {
736 display: none;
737 position: absolute;
738 top: 50%;
739 left: 50%;
740 transform: translate(-50%, -50%) !important;
741 }
742 .ultimate-post-kit-dashboard .bdt-animation-shake {
743 animation-name: bdt-shake !important;
744 display: block !important;
745 }
746 .ultimate-post-kit-dashboard .upk-code-editor-description {
747 color: #0073aa;
748 font-size: 13px;
749 margin: 5px 0 10px 0;
750 font-style: italic;
751 opacity: 0.9;
752 }
753 .ultimate-post-kit-dashboard .upk-code-section-header {
754 margin-bottom: 20px;
755 background: #fefefe;
756 padding: 20px;
757 border-radius: 6px;
758 border: 1px solid rgba(123, 123, 123, 0.09);
759 }
760 .ultimate-post-kit-dashboard .upk-section-title {
761 color: #23282d;
762 font-size: 18px;
763 font-weight: 600;
764 margin: 0 0 8px 0;
765 padding: 0;
766 }
767 .ultimate-post-kit-dashboard .upk-section-description {
768 color: #666;
769 font-size: 14px;
770 margin: 0;
771 line-height: 1.5;
772 }
773 .ultimate-post-kit-dashboard .upk-page-exclusion-wrapper {
774 border: 1px solid rgba(123, 123, 123, 0.09);
775 border-radius: 4px;
776 padding: 20px;
777 margin-bottom: 20px;
778 }
779 .ultimate-post-kit-dashboard .upk-exclusion-label {
780 display: block;
781 font-weight: 600;
782 margin-bottom: 8px;
783 color: #23282d;
784 }
785 .ultimate-post-kit-dashboard .upk-page-select {
786 width: 100%;
787 min-height: 120px;
788 max-height: 200px;
789 padding: 8px;
790 border: 1px solid rgba(123, 123, 123, 0.09);
791 border-radius: 4px;
792 background: #fff;
793 font-size: 14px;
794 max-width: 100%;
795 }
796 .ultimate-post-kit-dashboard .upk-page-select option {
797 padding: 4px 8px;
798 }
799 .ultimate-post-kit-dashboard .upk-exclusion-help {
800 color: #666 !important;
801 font-size: 14px !important;
802 font-style: italic !important;
803 margin: 12px 0 0 0 !important;
804 line-height: 1.4 !important;
805 }
806 .ultimate-post-kit-dashboard .upk-dashboard-nav-container {
807 position: relative;
808 z-index: 98;
809 }
810 .ultimate-post-kit-dashboard .upk-dashboard-nav-container.bdt-sticky-fixed {
811 z-index: 998;
812 }
813 .ultimate-post-kit-dashboard .bdt-tab-container {
814 position: relative;
815 }
816 .ultimate-post-kit-dashboard #ultimate_post_kit_elementor_extend_page .upk-option-item-inner,
817 .ultimate-post-kit-dashboard #ultimate_post_kit_other_settings_page .upk-option-item-inner,
818 .ultimate-post-kit-dashboard #ultimate_post_kit_third_party_widget_page .upk-option-item-inner,
819 .ultimate-post-kit-dashboard #ultimate_post_kit_active_modules_page .upk-option-item-inner {
820 overflow: hidden;
821 }
822 .ultimate-post-kit-dashboard #ultimate_post_kit_other_settings_page .upk-options > .upk-option-item > .upk-option-item-inner > label > .upk-option-label {
823 font-weight: 700;
824 font-size: 22px;
825 }
826 .ultimate-post-kit-dashboard #ultimate_post_kit_other_settings_page .upk-options > .upk-option-item > .upk-option-item-inner .description {
827 margin-top: 20px;
828 }
829 .ultimate-post-kit-dashboard #ultimate_post_kit_elementor_extend_page .upk-widget-count-text,
830 .ultimate-post-kit-dashboard #ultimate_post_kit_other_settings_page .upk-widget-count-text {
831 display: none;
832 }
833 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-options > .upk-option-item {
834 border: 1px solid rgba(123, 123, 123, 0.09);
835 border-radius: 6px;
836 background: #fefefe;
837 }
838 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-options > .upk-option-item > .upk-option-item-inner {
839 padding: 35px;
840 border: 0;
841 background: transparent;
842 break-inside: avoid-column;
843 }
844 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-options > .upk-option-item > .upk-option-item-inner a i {
845 font-size: 18px;
846 }
847 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-options > .upk-option-item > .upk-option-item-inner .upk-option-item {
848 margin-top: 10px;
849 }
850 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-options > .upk-option-item > .upk-option-item-inner .upk-option-item:nth-last-child(1) {
851 margin-top: 0;
852 }
853 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input,
854 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page textarea {
855 border-color: #ddd;
856 }
857 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=text]:focus,
858 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=password]:focus,
859 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=color]:focus,
860 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=date]:focus,
861 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=datetime]:focus,
862 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=datetime-local]:focus,
863 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=email]:focus,
864 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=month]:focus,
865 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=number]:focus,
866 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=search]:focus,
867 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=tel]:focus,
868 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=time]:focus,
869 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=url]:focus,
870 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=week]:focus,
871 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=checkbox]:focus,
872 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=radio]:focus,
873 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page select:focus,
874 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page textarea:focus {
875 border-color: #0680d6;
876 box-shadow: none;
877 }
878 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-option-video {
879 position: absolute;
880 right: 25px;
881 top: 20px;
882 background: #e9f4ff;
883 padding: 8px;
884 border-radius: 6px;
885 }
886 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-option-label {
887 display: block;
888 margin-bottom: 25px;
889 font-size: 18px;
890 }
891 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-option-group .upk-option-label {
892 margin-bottom: 15px;
893 }
894 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page p.description {
895 font-size: 12px !important;
896 color: #999;
897 margin-top: 10px;
898 }
899 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page p.description a {
900 color: #888;
901 }
902 .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page .upk-white-label-options .upk-option-item-inner {
903 background: #fefefe;
904 padding: 30px;
905 }
906 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-others-plugin .upk-plugins-list {
907 display: grid;
908 grid-template-columns: 1fr;
909 gap: 20px;
910 }
911 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-others-plugin .bdt-card {
912 display: flex;
913 flex-direction: column;
914 align-items: flex-start;
915 gap: 8px;
916 height: 100%;
917 padding: 25px 20px;
918 background: var(--upk-white, #ffffff);
919 border: 1px solid var(--upk-gray-medium, #e8f0f3);
920 border-radius: var(--upk-border-radius, 10px);
921 transition: var(--upk-transition, all 0.3s ease);
922 }
923 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-others-plugin .bdt-card:hover {
924 border-color: var(--upk-primary, #6c5ce7);
925 box-shadow: var(--upk-shadow, 0 10px 20px rgba(108, 92, 231, 0.1));
926 transform: translateY(-3px);
927 }
928 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card {
929 border-radius: 6px;
930 transition-property: box-shadow, color;
931 transition-duration: 0.3s;
932 transition-timing-function: cubic-bezier(0.3, 0.36, 0.25, 1);
933 }
934 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card a {
935 text-decoration: none;
936 }
937 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card a:focus {
938 box-shadow: none;
939 }
940 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card p {
941 margin-top: 0;
942 }
943 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-count-canvas-wrap .upk-feature-title {
944 margin-bottom: 5px;
945 }
946 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-count-wrap {
947 flex: none;
948 }
949 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-widget-count {
950 color: #a1a8ad;
951 font-size: 12px;
952 line-height: 1.7;
953 text-transform: uppercase;
954 }
955 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content {
956 width: 100%;
957 gap: 8px;
958 flex-direction: column;
959 align-items: flex-start;
960 }
961 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .upk-feature-title {
962 font-weight: 600;
963 font-size: 16px;
964 line-height: 1.4;
965 color: var(--upk-text-dark, #2d3436);
966 }
967 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .bdt-plugin-logo-wrap {
968 flex-direction: column;
969 align-items: flex-start;
970 gap: 12px;
971 width: 100%;
972 }
973 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content img {
974 width: 48px;
975 height: 48px;
976 flex: none;
977 object-fit: contain;
978 vertical-align: middle;
979 border-radius: 4px;
980 }
981 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .upk-feature-title {
982 margin-bottom: 0;
983 }
984 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content p {
985 margin: 0 0 4px 0;
986 font-size: 14px;
987 line-height: 1.5;
988 color: var(--upk-text-light, #636e72);
989 max-width: none;
990 font-weight: 400;
991 }
992 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content span.active-installs {
993 font-size: 13px;
994 font-weight: 500;
995 color: #9C27B0;
996 }
997 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content span.active-installs .installs-count {
998 color: #9C27B0;
999 }
1000 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .bdt-others-plugin-downloads {
1001 font-size: 13px;
1002 color: var(--upk-success, #00b894);
1003 font-weight: 500;
1004 }
1005 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .bdt-others-plugin-updated {
1006 font-size: 13px;
1007 font-style: italic;
1008 color: #656a71;
1009 }
1010 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugins-link {
1011 display: flex;
1012 flex-wrap: wrap;
1013 justify-content: left;
1014 gap: 8px;
1015 width: 100%;
1016 margin-top: auto;
1017 padding-top: 5px;
1018 }
1019 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugins-link .bdt-dashboard-sec-btn {
1020 padding: 9px 20px !important;
1021 }
1022 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-user-wrap {
1023 gap: 10px;
1024 flex-wrap: wrap;
1025 }
1026 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-user-wrap .bdt-others-plugin-user {
1027 color: #373333;
1028 padding: 4px 6px;
1029 border-radius: 6px;
1030 font-size: 10px;
1031 font-weight: 700;
1032 box-shadow: 0 2px 8px rgba(76, 89, 98, 0.2);
1033 text-transform: uppercase;
1034 line-height: 1;
1035 border: 1px solid #dcd8e8;
1036 }
1037 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-dashboard-compare-section-buttons {
1038 display: flex;
1039 align-items: center;
1040 }
1041 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button {
1042 color: #fff;
1043 border-radius: 6px;
1044 transition: all 0.3s ease;
1045 line-height: normal;
1046 font-size: clamp(12px, 0.8vw, 14px);
1047 font-weight: 600;
1048 padding: clamp(10px, 1vw, 11px) clamp(10px, 1vw, 20px);
1049 }
1050 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-welcome-button {
1051 color: #fff;
1052 background: linear-gradient(to right, #00A85C, #58D34D);
1053 border: 0;
1054 padding: 13px 20px;
1055 }
1056 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-welcome-button:hover {
1057 background: linear-gradient(to right, #58D34D, #00A85C);
1058 }
1059 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-button-success {
1060 display: inline-flex;
1061 align-items: center;
1062 justify-content: center;
1063 gap: 4px;
1064 background: rgba(0, 168, 92, 0.12);
1065 color: #00A85C;
1066 border: 1px solid rgba(0, 168, 92, 0.25);
1067 cursor: default;
1068 }
1069 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-button-success .dashicons {
1070 color: inherit;
1071 font-size: 16px;
1072 width: 16px;
1073 height: 16px;
1074 line-height: 1;
1075 }
1076 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-dashboard-sec-btn {
1077 color: #58D34D;
1078 border: 2px solid #58D34D;
1079 }
1080 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-dashboard-sec-btn:hover {
1081 border-color: #00A85C;
1082 color: #00A85C;
1083 }
1084 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-red {
1085 background: #ffcdd9;
1086 color: #EF476F;
1087 }
1088 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-red:hover {
1089 background: #EF476F;
1090 color: #fff;
1091 box-shadow: none;
1092 }
1093 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-green {
1094 background: #B6FFEC;
1095 color: #06D6A0;
1096 }
1097 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-green:hover {
1098 background: #06D6A0;
1099 color: #fff;
1100 }
1101 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-blue {
1102 background: #0680d6;
1103 color: #fff;
1104 }
1105 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-blue:hover {
1106 background: #097396;
1107 color: #fff;
1108 }
1109 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-grey {
1110 background-color: #e3e8eb;
1111 color: #1d2327;
1112 }
1113 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-grey:hover {
1114 background: #1d2327;
1115 color: #fff;
1116 }
1117 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-feature-title {
1118 color: #333;
1119 font-weight: 700;
1120 font-size: clamp(18px, 1vw, 20px);
1121 margin-bottom: 20px;
1122 padding: 0;
1123 }
1124 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-dashboard-welcome-title {
1125 font-size: 30px;
1126 }
1127 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-dashboard-compare-title,
1128 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-dashboard-template-quick-title {
1129 font-size: 24px;
1130 }
1131 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.bdt-card-green {
1132 background: rgba(173, 200, 101, 0.03);
1133 box-shadow: 0 0 0 1px rgba(173, 200, 101, 0.3);
1134 }
1135 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.bdt-card-red {
1136 color: #777;
1137 box-shadow: 0 0 0 1px rgba(255, 65, 77, 0.3);
1138 }
1139 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.bdt-card-blue {
1140 color: #777;
1141 box-shadow: 0 0 0 1px #0680d6;
1142 }
1143 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-accordion {
1144 padding-top: 5px;
1145 }
1146 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-accordion .bdt-accordion-title {
1147 font-size: 16px;
1148 padding: 10px 20px;
1149 background: rgba(255, 65, 77, 0.1);
1150 border-radius: 6px;
1151 font-weight: 400;
1152 letter-spacing: 0.3px;
1153 }
1154 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-accordion .bdt-accordion-title:hover, .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-accordion .bdt-accordion-title:focus {
1155 box-shadow: 0 0 0 1px rgba(255, 65, 77, 0.3);
1156 }
1157 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-accordion .bdt-open .bdt-accordion-title {
1158 color: #000;
1159 background: rgba(255, 65, 77, 0.3);
1160 }
1161 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-accordion .bdt-accordion-content {
1162 padding: 0 20px;
1163 }
1164 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .check-system-status {
1165 margin-top: 20px;
1166 }
1167 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial {
1168 display: flex;
1169 flex-direction: column;
1170 }
1171 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial .bdt-list {
1172 margin-bottom: 20px;
1173 flex-grow: 1;
1174 }
1175 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial .bdt-list-divider > li:nth-child(n+2) {
1176 border-top: 1px solid rgba(173, 200, 101, 0.3);
1177 }
1178 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial .upk-link-title {
1179 margin: 0;
1180 font-size: 14px;
1181 color: rgba(173, 200, 101, 0.7);
1182 }
1183 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial .upk-link-title:hover {
1184 color: #06D6A0;
1185 }
1186 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial .bdt-video-btn {
1187 font-weight: 500;
1188 color: #444;
1189 border: 1px solid #06D6A0;
1190 display: inline-block;
1191 width: 145px;
1192 padding: 5px;
1193 text-align: center;
1194 border-radius: 3px;
1195 }
1196 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial .bdt-video-btn:hover {
1197 color: #000;
1198 }
1199 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item {
1200 text-decoration: none;
1201 transition: all 0.3s ease;
1202 transform: translateY(0);
1203 position: relative;
1204 }
1205 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item .upk-feature-title {
1206 font-size: 18px;
1207 margin: 0 0 10px;
1208 }
1209 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item .upk-dashboard-footer-item-icon {
1210 display: inline-block;
1211 padding: 10px;
1212 border-radius: 6px;
1213 border: 1px solid #f3f3f3;
1214 margin-bottom: 18px;
1215 background: #f5fffc;
1216 color: #58D34D;
1217 }
1218 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item i {
1219 font-size: 18px;
1220 width: 18px;
1221 height: 18px;
1222 }
1223 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item:after {
1224 content: "\f504";
1225 font-family: dashicons;
1226 position: absolute;
1227 top: 15px;
1228 right: 15px;
1229 font-size: 20px;
1230 color: #58D34D;
1231 opacity: 0;
1232 transition: all 0.3s ease;
1233 }
1234 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item:hover {
1235 transform: translateY(-3px);
1236 box-shadow: 0 10px 20px rgba(73, 221, 179, 0.065);
1237 border-color: #58D34D;
1238 }
1239 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item:hover:after {
1240 opacity: 1;
1241 transform: translateX(5px);
1242 }
1243 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item:hover .upk-dashboard-footer-item-icon {
1244 animation: upk-footer-icon-bounce 0.5s ease-in-out;
1245 }
1246 @keyframes upk-footer-icon-bounce {
1247 0%, 100% {
1248 transform: translateY(0);
1249 }
1250 50% {
1251 transform: translateY(-5px);
1252 }
1253 }
1254 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-support-section {
1255 margin-top: 30px;
1256 }
1257 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-support-section .upk-feature-title {
1258 display: flex;
1259 align-items: center;
1260 gap: 10px;
1261 margin-bottom: 10px;
1262 }
1263 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-support-section .upk-feature-title i {
1264 font-size: 20px;
1265 color: #58D34D;
1266 margin: 0;
1267 padding: 0;
1268 border: 0;
1269 background: none;
1270 }
1271 .ultimate-post-kit-dashboard #ultimate_post_kit_active_modules_page .checkbox,
1272 .ultimate-post-kit-dashboard #ultimate_post_kit_third_party_widget_page .checkbox {
1273 margin-top: 5px;
1274 }
1275 .ultimate-post-kit-dashboard .ultimate-post-kit-3pp-install,
1276 .ultimate-post-kit-dashboard .ultimate-post-kit-3pp-active,
1277 .ultimate-post-kit-dashboard .ultimate-post-kit-3pp-download {
1278 text-decoration: none;
1279 color: #EF476F;
1280 line-height: normal;
1281 background-color: #eee;
1282 border-radius: 100px;
1283 padding: 5px;
1284 display: inline-flex;
1285 }
1286 .ultimate-post-kit-dashboard .ultimate-post-kit-3pp-install:hover,
1287 .ultimate-post-kit-dashboard .ultimate-post-kit-3pp-active:hover,
1288 .ultimate-post-kit-dashboard .ultimate-post-kit-3pp-download:hover {
1289 color: #fb6094;
1290 }
1291 .ultimate-post-kit-dashboard .ultimate-post-kit-footer-info {
1292 background-color: #073B4C;
1293 color: #90b6c3;
1294 border-radius: 6px;
1295 box-sizing: border-box;
1296 padding: 30px 40px;
1297 background-image: url("../images/shiny-overlay.svg");
1298 background-position: top right;
1299 background-repeat: no-repeat;
1300 }
1301 .ultimate-post-kit-dashboard .ultimate-post-kit-footer-info p {
1302 font-size: 14px !important;
1303 color: #90b6c3 !important;
1304 text-align: center;
1305 margin-top: 25px;
1306 }
1307 .ultimate-post-kit-dashboard .ultimate-post-kit-footer-info a {
1308 color: #e5f4f9;
1309 }
1310 .ultimate-post-kit-dashboard .bdt-admin-alert {
1311 background-color: #fff3da;
1312 border-radius: 2px;
1313 padding: 10px 20px;
1314 box-sizing: border-box;
1315 margin-top: 30px;
1316 }
1317 .ultimate-post-kit-dashboard .upk-dashboard-divider {
1318 width: 100%;
1319 margin-top: 50px;
1320 margin-bottom: 50px;
1321 min-height: 20px;
1322 background-size: 20px 20px;
1323 background-repeat: repeat-x;
1324 }
1325 .ultimate-post-kit-dashboard .upk-dashboard-panel {
1326 position: relative;
1327 }
1328 .ultimate-post-kit-dashboard .upk-dashboard-panel .dashicons.dashicons-yes {
1329 color: #06D6A0;
1330 }
1331 .ultimate-post-kit-dashboard .upk-dashboard-panel .dashicons.dashicons-no {
1332 color: #FF0000;
1333 }
1334 .ultimate-post-kit-dashboard .upk-dashboard-panel .dashicons.dashicons-heart {
1335 color: #EA355F;
1336 }
1337 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-comparision {
1338 padding-left: 0;
1339 }
1340 .ultimate-post-kit-dashboard .upk-dashboard-panel h1 {
1341 font-weight: 700;
1342 }
1343 .ultimate-post-kit-dashboard .upk-purchase-button a {
1344 color: #ffffff;
1345 border-style: none;
1346 border-radius: 4px 4px 4px 4px;
1347 box-shadow: 0px 10px 40px 0px rgba(0, 168, 92, 0.29);
1348 padding: 18px 45px 18px 45px;
1349 font-weight: 700;
1350 cursor: pointer;
1351 display: inline-block;
1352 text-transform: uppercase;
1353 font-size: 14px;
1354 outline: none;
1355 position: relative;
1356 transition: all 0.3s ease-out;
1357 text-align: center;
1358 overflow: hidden;
1359 background-color: transparent;
1360 background-image: linear-gradient(145deg, #00A85C 0%, #58D34D 100%);
1361 text-decoration: none;
1362 letter-spacing: 1px;
1363 }
1364 .ultimate-post-kit-dashboard .upk-purchase-button a:hover {
1365 background-image: linear-gradient(145deg, #58D34D 0%, #00A85C 100%);
1366 box-shadow: 0px 10px 40px 0px rgba(0, 168, 92, 0.46);
1367 }
1368 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .el-license-container p.submit {
1369 margin: 0;
1370 padding: 0;
1371 }
1372 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page h3.el-license-title,
1373 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management-title {
1374 font-size: 22px;
1375 margin-top: 0;
1376 margin-bottom: 50px;
1377 }
1378 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page ol {
1379 margin-bottom: 20px;
1380 }
1381 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-upk-license-field {
1382 display: block;
1383 margin-bottom: 15px;
1384 }
1385 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-upk-license-field input {
1386 font-size: 200%;
1387 padding: 0 10px;
1388 display: block;
1389 margin-top: 10px;
1390 border-radius: 6px;
1391 border-color: #ddd;
1392 width: 100%;
1393 max-width: 650px;
1394 }
1395 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-upk-license-field label {
1396 display: inline-block;
1397 margin-bottom: 5px;
1398 }
1399 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-upk-license-active-btn {
1400 margin-top: 25px;
1401 }
1402 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info {
1403 font-size: 14px;
1404 line-height: 24px;
1405 max-width: 850px;
1406 margin-bottom: 50px;
1407 }
1408 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info .license-info-title {
1409 width: 150px;
1410 display: inline-block;
1411 position: relative;
1412 padding-right: 5px;
1413 margin-right: 10px;
1414 }
1415 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info .license-info-title:after {
1416 content: ":";
1417 position: absolute;
1418 right: 2px;
1419 }
1420 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info .license-valid,
1421 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info .license-invalid {
1422 padding: 4px 8px;
1423 color: #fff;
1424 background-color: #06D6A0;
1425 border-radius: 3px;
1426 font-size: 14px;
1427 }
1428 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info .license-invalid {
1429 background-color: #f44336;
1430 }
1431 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info .license-key {
1432 font-weight: 700;
1433 opacity: 0.8;
1434 }
1435 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .button {
1436 padding: 14px 16px;
1437 font-size: 14px;
1438 height: auto;
1439 border: 0;
1440 border-radius: 6px;
1441 min-height: auto;
1442 font-weight: 600;
1443 line-height: 1;
1444 }
1445 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .button-primary {
1446 background: #1e87f0;
1447 color: #fff;
1448 text-decoration: none;
1449 text-shadow: none;
1450 box-shadow: none;
1451 }
1452 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .button-primary:active, .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .button-primary:hover {
1453 background: #0e6dcd;
1454 }
1455 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-subsite-header {
1456 display: flex;
1457 align-items: center;
1458 gap: 14px;
1459 }
1460 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-feature-title {
1461 font-size: 24px;
1462 font-weight: 600;
1463 margin: 0;
1464 padding: 0;
1465 }
1466 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-status-icon {
1467 background: #3ab981;
1468 display: inline-block;
1469 padding: 10px;
1470 border-radius: 50%;
1471 }
1472 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-status-icon svg {
1473 fill: #fff;
1474 width: 24px;
1475 height: 24px;
1476 display: block;
1477 }
1478 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-status-success {
1479 margin-bottom: 20px;
1480 padding: 20px;
1481 border-radius: 5px;
1482 background: rgba(78, 255, 177, 0.071);
1483 border-left: 4px solid #10b981;
1484 margin-top: 30px;
1485 }
1486 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-status-success h3,
1487 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-status-warning h3 {
1488 margin: 0 0 20px;
1489 font-size: 20px;
1490 }
1491 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-status-warning {
1492 margin-bottom: 20px;
1493 padding: 15px;
1494 border-radius: 5px;
1495 background: #fffbeb;
1496 border-left: 4px solid #f59e0b;
1497 }
1498 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-details,
1499 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-network-info {
1500 margin: 15px 0;
1501 font-size: 16px;
1502 }
1503 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-details ul,
1504 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-network-info ul {
1505 margin: 10px 0;
1506 padding-left: 0;
1507 list-style: inside;
1508 font-size: 14px;
1509 }
1510 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-details li,
1511 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-network-info li {
1512 margin: 8px 0;
1513 }
1514 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-instructions {
1515 margin: 15px 0;
1516 }
1517 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-instructions ol {
1518 margin: 10px 0;
1519 padding-left: 20px;
1520 }
1521 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-instructions ol li {
1522 margin: 8px 0;
1523 }
1524 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-admin-actions {
1525 margin-top: 20px;
1526 padding-top: 15px;
1527 }
1528 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .license-valid {
1529 color: #10b981;
1530 font-weight: bold;
1531 }
1532 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management-title {
1533 gap: 10px;
1534 }
1535 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-actions-buttons {
1536 display: flex;
1537 align-items: center;
1538 gap: 7px;
1539 flex-wrap: wrap;
1540 }
1541 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .bdt-actions-buttons .bdt-button {
1542 padding: 10px 18px;
1543 font-size: 12px;
1544 line-height: 1.4;
1545 border-radius: 6px;
1546 font-weight: 600;
1547 }
1548 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .bdt-subsite-license-management-table {
1549 border-radius: 6px;
1550 overflow: hidden;
1551 }
1552 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table {
1553 border-collapse: collapse;
1554 }
1555 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table thead td, .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table thead th {
1556 border-bottom: 1px solid rgba(0, 0, 0, 0.059);
1557 }
1558 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table td, .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table th {
1559 padding: 14px 16px;
1560 border: 1px solid rgba(0, 0, 0, 0.059);
1561 }
1562 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table th {
1563 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1564 }
1565 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table .bdt-badge {
1566 height: 24px;
1567 }
1568 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table tbody tr td:nth-last-child(1) a {
1569 background: rgba(65, 75, 255, 0.251);
1570 border: 1px solid rgba(65, 75, 255, 0.251);
1571 color: #414bff;
1572 }
1573 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table tbody tr td:nth-last-child(1) a:hover {
1574 background: rgba(54, 64, 243, 0.325);
1575 }
1576 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table .striped > tbody > :nth-child(odd),
1577 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table ul.striped > :nth-child(odd),
1578 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table tbody > tr:nth-child(odd) {
1579 background-color: transparent;
1580 }
1581 .ultimate-post-kit-dashboard .upk-widget-count-text {
1582 font-size: 11px;
1583 color: #b7b7b7;
1584 margin-top: 7px;
1585 display: block;
1586 text-transform: uppercase;
1587 }
1588 .ultimate-post-kit-dashboard .upk-go-pro {
1589 font-weight: bold;
1590 color: #f44336;
1591 text-shadow: 1px 1px 1px #eee;
1592 }
1593 .ultimate-post-kit-dashboard #bdt-ultimate_post_kit_get_pro {
1594 letter-spacing: 1px;
1595 overflow: hidden;
1596 color: #fff;
1597 background: linear-gradient(to right, #00A85C, #58D34D);
1598 margin: 16px 30px;
1599 border-radius: 6px;
1600 justify-content: center;
1601 }
1602 .ultimate-post-kit-dashboard #bdt-ultimate_post_kit_get_pro:after {
1603 display: none;
1604 }
1605 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-row {
1606 margin-bottom: 20px;
1607 }
1608 .ultimate-post-kit-dashboard .upk-custom-code-section .CodeMirror-placeholder {
1609 opacity: 0.5;
1610 }
1611 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-code-editor-title {
1612 font-size: 16px;
1613 font-weight: 600;
1614 color: #333;
1615 margin: 0 0 15px 0;
1616 padding-bottom: 10px;
1617 border-bottom: 2px solid #f0f0f0;
1618 }
1619 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-code-editor {
1620 width: 100%;
1621 min-height: 200px;
1622 font-family: "Monaco", "Consolas", "Courier New", monospace;
1623 font-size: 13px;
1624 line-height: 1.5;
1625 border: 1px solid rgba(123, 123, 123, 0.09);
1626 border-radius: 4px;
1627 padding: 15px;
1628 color: #333;
1629 resize: vertical;
1630 transition: border-color 0.3s ease, box-shadow 0.3s ease;
1631 background: #fefefe;
1632 }
1633 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-code-editor:focus {
1634 border-color: #0680d6;
1635 box-shadow: 0 0 0 1px #0680d6;
1636 outline: none;
1637 background: #fff;
1638 }
1639 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-code-editor::placeholder {
1640 color: #999;
1641 font-style: italic;
1642 }
1643 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section {
1644 padding: 20px 0;
1645 border-top: 1px solid #f0f0f0;
1646 }
1647 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button {
1648 color: #58D34D;
1649 padding: 16px 24px;
1650 font-size: clamp(12px, 1vw, 14px);
1651 font-weight: 600;
1652 border-radius: 6px;
1653 border: none;
1654 cursor: pointer;
1655 transition: all 0.3s ease;
1656 display: inline-flex;
1657 align-items: center;
1658 gap: 8px;
1659 line-height: normal;
1660 border: 2px solid #58D34D;
1661 }
1662 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button .dashicons {
1663 font-size: 16px;
1664 width: 16px;
1665 height: 16px;
1666 line-height: 1;
1667 }
1668 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button:hover {
1669 transform: translateY(-1px);
1670 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
1671 }
1672 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button:active {
1673 transform: translateY(0);
1674 }
1675 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-blue {
1676 background: #0680d6;
1677 color: #fff;
1678 }
1679 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-blue:hover {
1680 background: #097396;
1681 }
1682 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-grey {
1683 background: #e3e8eb;
1684 color: #1d2327;
1685 }
1686 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-grey:hover {
1687 background: #1d2327;
1688 color: #fff;
1689 }
1690 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert {
1691 border-radius: 6px;
1692 padding: 15px;
1693 position: relative;
1694 }
1695 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert.bdt-alert-success {
1696 background-color: #d4edda;
1697 border: 1px solid #c3e6cb;
1698 color: #155724;
1699 }
1700 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert.bdt-alert-error {
1701 background-color: #f8d7da;
1702 border: 1px solid #f5c6cb;
1703 color: #721c24;
1704 }
1705 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert p {
1706 margin: 0;
1707 font-weight: 500;
1708 }
1709 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert .bdt-alert-close {
1710 position: absolute;
1711 top: 5px;
1712 right: -5px;
1713 background: none;
1714 border: none;
1715 font-size: 18px;
1716 cursor: pointer;
1717 opacity: 0.6;
1718 }
1719 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert .bdt-alert-close:hover {
1720 opacity: 1;
1721 }
1722 .ultimate-post-kit-dashboard .upk-code-editor.scrolling {
1723 border-color: #0680d6;
1724 box-shadow: 0 0 0 1px fade(#0680d6, 30%);
1725 }
1726 .ultimate-post-kit-dashboard .upk-code-editor:focus::selection {
1727 background-color: fade(#0680d6, 20%);
1728 }
1729 .ultimate-post-kit-dashboard .bdt-button:disabled {
1730 opacity: 0.7;
1731 cursor: not-allowed;
1732 }
1733 .ultimate-post-kit-dashboard .bdt-button:disabled:hover {
1734 transform: none !important;
1735 box-shadow: none !important;
1736 }
1737 .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar {
1738 width: 8px;
1739 }
1740 .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar-track {
1741 background: #f1f1f1;
1742 border-radius: 4px;
1743 }
1744 .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar-thumb {
1745 background: #c1c1c1;
1746 border-radius: 4px;
1747 }
1748 .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar-thumb:hover {
1749 background: #a8a8a8;
1750 }
1751 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner {
1752 position: relative;
1753 background: #fff;
1754 z-index: 1;
1755 border-radius: 6px;
1756 border: 1px solid rgba(123, 123, 123, 0.09);
1757 padding: 20px 0;
1758 overflow: hidden;
1759 min-height: 100vh;
1760 }
1761 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner.bdt-sticky-fixed {
1762 top: 115px !important;
1763 }
1764 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements {
1765 position: absolute;
1766 top: 0;
1767 left: 0;
1768 width: 100%;
1769 height: 100%;
1770 pointer-events: none;
1771 z-index: 0;
1772 }
1773 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element {
1774 position: absolute;
1775 display: block;
1776 }
1777 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-circle {
1778 width: 180px;
1779 height: 180px;
1780 border-radius: 50%;
1781 background: linear-gradient(45deg, rgba(73, 221, 180, 0.05), rgba(73, 221, 180, 0.1));
1782 top: -90px;
1783 right: -90px;
1784 }
1785 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-dots {
1786 bottom: 40px;
1787 left: 20px;
1788 width: 60px;
1789 height: 60px;
1790 background-image: radial-gradient(rgba(73, 221, 180, 0.15) 2px, transparent 2px);
1791 background-size: 10px 10px;
1792 }
1793 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-line {
1794 width: 100px;
1795 height: 2px;
1796 background: linear-gradient(90deg, rgba(73, 221, 180, 0), rgba(73, 221, 180, 0.2));
1797 transform: rotate(-45deg);
1798 bottom: 100px;
1799 right: 20px;
1800 }
1801 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-square {
1802 width: 40px;
1803 height: 40px;
1804 border: 2px solid rgba(73, 221, 180, 0.1);
1805 top: 40px;
1806 left: 30px;
1807 transform: rotate(15deg);
1808 }
1809 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-triangle {
1810 width: 0;
1811 height: 0;
1812 border-left: 25px solid transparent;
1813 border-right: 25px solid transparent;
1814 border-bottom: 40px solid rgba(73, 221, 180, 0.08);
1815 top: 60%;
1816 right: 40px;
1817 transform: rotate(15deg);
1818 }
1819 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-plus {
1820 width: 30px;
1821 height: 30px;
1822 top: 30%;
1823 left: 40px;
1824 }
1825 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-plus:before, .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-plus:after {
1826 content: "";
1827 position: absolute;
1828 background: rgba(73, 221, 180, 0.15);
1829 }
1830 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-plus:before {
1831 width: 100%;
1832 height: 2px;
1833 top: 50%;
1834 transform: translateY(-50%);
1835 }
1836 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-plus:after {
1837 width: 2px;
1838 height: 100%;
1839 left: 50%;
1840 transform: translateX(-50%);
1841 }
1842 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-wave {
1843 width: 100px;
1844 height: 20px;
1845 bottom: 30px;
1846 right: 40px;
1847 background: linear-gradient(45deg, rgba(73, 221, 180, 0) 45%, rgba(73, 221, 180, 0.1) 50%, rgba(73, 221, 180, 0) 55%);
1848 background-size: 15px 15px;
1849 transform: rotate(-10deg);
1850 }
1851 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .bdt-dashboard-navigation {
1852 position: relative;
1853 z-index: 1;
1854 }
1855 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper {
1856 position: relative;
1857 background: #fff;
1858 overflow: hidden;
1859 z-index: 98;
1860 border-radius: 6px;
1861 border: 1px solid rgba(123, 123, 123, 0.09);
1862 }
1863 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper.bdt-sticky-fixed {
1864 z-index: 998;
1865 border-top-left-radius: 0 !important;
1866 border-top-right-radius: 0 !important;
1867 box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
1868 }
1869 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper.bdt-sticky-fixed .upk-filter-elements {
1870 opacity: 0.5;
1871 transition: opacity 0.3s ease;
1872 }
1873 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper.bdt-sticky-fixed:hover .upk-filter-elements {
1874 opacity: 1;
1875 }
1876 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-used-unused-widgets {
1877 margin-left: 10px;
1878 }
1879 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-used-unused-widgets li:first-child {
1880 padding-left: 0 !important;
1881 }
1882 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements {
1883 position: absolute;
1884 top: 0;
1885 left: 0;
1886 width: 100%;
1887 height: 100%;
1888 pointer-events: none;
1889 z-index: 1;
1890 }
1891 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element {
1892 position: absolute;
1893 display: block;
1894 }
1895 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-circle {
1896 width: 140px;
1897 height: 140px;
1898 border-radius: 50%;
1899 background: linear-gradient(135deg, rgba(88, 211, 77, 0.05), rgba(88, 211, 77, 0.08));
1900 top: -70px;
1901 right: 5%;
1902 animation: floatingShape 6s ease-in-out infinite;
1903 }
1904 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-dots {
1905 bottom: 10px;
1906 left: 10px;
1907 width: 70px;
1908 height: 35px;
1909 background-image: radial-gradient(rgba(88, 211, 77, 0.15) 2px, transparent 2px);
1910 background-size: 8px 8px;
1911 animation: fadeInOut 4s ease-in-out infinite;
1912 }
1913 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-wave {
1914 width: 120px;
1915 height: 20px;
1916 bottom: 25px;
1917 right: 10%;
1918 background: repeating-linear-gradient(45deg, rgba(88, 211, 77, 0) 0px, rgba(88, 211, 77, 0.1) 2px, rgba(88, 211, 77, 0) 4px);
1919 transform: rotate(-15deg);
1920 animation: waveMotion 3s ease-in-out infinite;
1921 }
1922 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-hexagon {
1923 top: 20%;
1924 left: 15px;
1925 width: 35px;
1926 height: 20px;
1927 background: rgba(88, 211, 77, 0.1);
1928 position: absolute;
1929 transform: rotate(30deg);
1930 }
1931 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-hexagon:before, .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-hexagon:after {
1932 content: "";
1933 position: absolute;
1934 width: 0;
1935 height: 0;
1936 border-left: 18px solid transparent;
1937 border-right: 18px solid transparent;
1938 }
1939 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-hexagon:before {
1940 bottom: 100%;
1941 border-bottom: 10px solid rgba(88, 211, 77, 0.1);
1942 }
1943 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-hexagon:after {
1944 top: 100%;
1945 border-top: 10px solid rgba(88, 211, 77, 0.1);
1946 }
1947 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-zigzag {
1948 top: 40%;
1949 right: 20px;
1950 width: 50px;
1951 height: 25px;
1952 background: linear-gradient(45deg, transparent 45%, rgba(88, 211, 77, 0.1) 45%, rgba(88, 211, 77, 0.1) 55%, transparent 55%);
1953 background-size: 10px 10px;
1954 animation: zigzagFloat 5s ease-in-out infinite;
1955 }
1956 .ultimate-post-kit-dashboard #upk-extra-options-tab-content {
1957 margin-top: 30px;
1958 }
1959 .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab {
1960 border-bottom: 2px solid #f1f1f1;
1961 margin: 0;
1962 padding: 0;
1963 list-style: none;
1964 display: flex;
1965 gap: 20px;
1966 }
1967 .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab li {
1968 margin: 0;
1969 padding: 0;
1970 display: inline-block;
1971 }
1972 .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab li a {
1973 padding: 15px 0;
1974 display: inline-block;
1975 font-size: 15px;
1976 font-weight: 500;
1977 color: #666;
1978 text-decoration: none;
1979 position: relative;
1980 transition: all 0.3s ease;
1981 }
1982 .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab li a:after {
1983 content: "";
1984 position: absolute;
1985 bottom: -2px;
1986 left: 0;
1987 width: 0;
1988 height: 2px;
1989 background: #58D34D;
1990 transition: width 0.3s ease;
1991 }
1992 .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab li a:hover {
1993 color: #333;
1994 }
1995 .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab li.bdt-active a {
1996 color: #58D34D;
1997 }
1998 .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab li.bdt-active a:after {
1999 width: 100%;
2000 }
2001 .ultimate-post-kit-dashboard .upk-option-page .bdt-widget-filter-wrapper ul {
2002 display: none;
2003 gap: 10px;
2004 }
2005 .ultimate-post-kit-dashboard .upk-white-label-options .slider:before {
2006 height: 18px;
2007 width: 18px;
2008 left: 2px;
2009 bottom: 1px;
2010 }
2011 .ultimate-post-kit-dashboard .upk-white-label-options .switch:after {
2012 display: none;
2013 }
2014 .ultimate-post-kit-dashboard .upk-white-label-options input:checked + .slider:before {
2015 transform: translateX(18px);
2016 }
2017 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-row {
2018 margin-bottom: 20px;
2019 }
2020 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-code-editor-title {
2021 font-size: 16px;
2022 font-weight: 600;
2023 color: #333;
2024 margin: 0 0 15px 0;
2025 padding-bottom: 10px;
2026 border-bottom: 2px solid #f0f0f0;
2027 }
2028 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container {
2029 position: relative;
2030 }
2031 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .upk-code-editor {
2032 min-height: 200px;
2033 width: 100%;
2034 font-family: "Monaco", "Consolas", "Courier New", monospace;
2035 font-size: 13px;
2036 line-height: 1.5;
2037 border: 1px solid #ddd;
2038 border-radius: 4px;
2039 background: #fefefe;
2040 }
2041 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror {
2042 min-height: 200px;
2043 width: 100% !important;
2044 border: 1px solid #ddd;
2045 border-radius: 4px;
2046 font-family: "Monaco", "Consolas", "Courier New", monospace;
2047 font-size: 13px;
2048 line-height: 1.5;
2049 background: #fff;
2050 box-sizing: border-box;
2051 display: block;
2052 }
2053 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror.CodeMirror-focused {
2054 border-color: #0680d6;
2055 box-shadow: 0 0 0 1px fade(#0680d6, 25%);
2056 }
2057 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-scroll {
2058 min-height: 200px;
2059 padding: 0;
2060 box-sizing: border-box;
2061 }
2062 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-lines {
2063 padding: 4px 0;
2064 cursor: text;
2065 }
2066 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-gutters {
2067 border-right: 1px solid #ddd;
2068 background: #fefefe;
2069 white-space: nowrap;
2070 min-width: 40px;
2071 }
2072 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-linenumber {
2073 color: #999;
2074 padding: 0 8px;
2075 white-space: nowrap;
2076 text-align: right;
2077 min-width: 20px;
2078 }
2079 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-line {
2080 padding: 0 4px;
2081 line-height: inherit;
2082 }
2083 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-cursor {
2084 border-left: 1px solid #333;
2085 height: auto;
2086 }
2087 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-code {
2088 font-family: "Monaco", "Consolas", "Courier New", monospace;
2089 font-size: 13px;
2090 outline: none;
2091 }
2092 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror.CodeMirror-wrap {
2093 width: 100%;
2094 }
2095 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror.CodeMirror-empty .CodeMirror-scroll {
2096 min-height: 200px;
2097 }
2098 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section {
2099 padding: 20px 0;
2100 border-top: 1px solid #f0f0f0;
2101 }
2102 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button {
2103 padding: 12px 24px;
2104 font-size: 14px;
2105 font-weight: 500;
2106 border-radius: 5px;
2107 border: none;
2108 cursor: pointer;
2109 transition: all 0.3s ease;
2110 display: inline-flex;
2111 align-items: center;
2112 gap: 8px;
2113 }
2114 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button .dashicons {
2115 font-size: 16px;
2116 line-height: 1;
2117 }
2118 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button:hover {
2119 transform: translateY(-1px);
2120 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
2121 }
2122 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button:active {
2123 transform: translateY(0);
2124 }
2125 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-blue {
2126 background: #0680d6;
2127 color: #fff;
2128 }
2129 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-blue:hover {
2130 background: #097396;
2131 }
2132 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-grey {
2133 background: #e3e8eb;
2134 color: #1d2327;
2135 }
2136 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-grey:hover {
2137 background: #1d2327;
2138 color: #fff;
2139 }
2140 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert {
2141 border-radius: 5px;
2142 padding: 15px 40px 15px 15px;
2143 position: relative;
2144 }
2145 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert.bdt-alert-success {
2146 background-color: #d4edda;
2147 border: 1px solid #c3e6cb;
2148 color: #155724;
2149 }
2150 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert.bdt-alert-error {
2151 background-color: #f8d7da;
2152 border: 1px solid #f5c6cb;
2153 color: #721c24;
2154 }
2155 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert p {
2156 margin: 0;
2157 font-weight: 500;
2158 }
2159 .ultimate-post-kit-dashboard .upk-code-editor.scrolling {
2160 border-color: #0680d6;
2161 box-shadow: 0 0 0 1px fade(#0680d6, 30%);
2162 }
2163 .ultimate-post-kit-dashboard .upk-code-editor:focus::selection {
2164 background-color: fade(#0680d6, 20%);
2165 }
2166 .ultimate-post-kit-dashboard .bdt-button:disabled {
2167 opacity: 0.7;
2168 cursor: not-allowed;
2169 }
2170 .ultimate-post-kit-dashboard .bdt-button:disabled:hover {
2171 transform: none !important;
2172 box-shadow: none !important;
2173 }
2174 .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar {
2175 width: 8px;
2176 }
2177 .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar-track {
2178 background: #f1f1f1;
2179 border-radius: 4px;
2180 }
2181 .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar-thumb {
2182 background: #c1c1c1;
2183 border-radius: 4px;
2184 }
2185 .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar-thumb:hover {
2186 background: #a8a8a8;
2187 }
2188 .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page .switch {
2189 position: relative;
2190 display: inline-block;
2191 width: 46px;
2192 height: 24px;
2193 }
2194 .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page .switch input {
2195 opacity: 0;
2196 width: 0;
2197 height: 0;
2198 }
2199 .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page .slider {
2200 position: absolute;
2201 cursor: pointer;
2202 top: 0;
2203 left: 0;
2204 right: 0;
2205 bottom: 0;
2206 background-color: #ccc;
2207 -webkit-transition: 0.4s;
2208 transition: 0.4s;
2209 border-radius: 34px;
2210 }
2211 .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page .slider:before {
2212 position: absolute;
2213 content: "";
2214 height: 20px;
2215 width: 20px;
2216 left: 3px;
2217 bottom: 2px;
2218 background-color: white;
2219 -webkit-transition: 0.4s;
2220 transition: 0.4s;
2221 border-radius: 50%;
2222 }
2223 .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page input:checked + .slider {
2224 background-color: #2196F3;
2225 }
2226 .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page input:focus + .slider {
2227 box-shadow: 0 0 1px #2196F3;
2228 }
2229 .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page input:checked + .slider:before {
2230 transform: translateX(22px);
2231 }
2232 .ultimate-post-kit-dashboard .upk-option-item-inner {
2233 background: #fff;
2234 border-radius: 8px;
2235 }
2236 .ultimate-post-kit-dashboard .upk-option-title {
2237 margin: 0 0 10px 0;
2238 font-size: 18px;
2239 font-weight: 600;
2240 color: #1e1e1e;
2241 }
2242 .ultimate-post-kit-dashboard .upk-option-description {
2243 margin: 0;
2244 color: #666;
2245 font-size: 14px;
2246 }
2247 .ultimate-post-kit-dashboard .ultimate-post-kit-white-label-save-btn,
2248 .ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-save-btn,
2249 .ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-reset-btn {
2250 padding: 3px 30px;
2251 line-height: 40px;
2252 font-size: 16px;
2253 color: #fff;
2254 background: linear-gradient(to right, #00A85C, #58D34D);
2255 border: 0;
2256 border-radius: 6px;
2257 }
2258 .ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-save-btn {
2259 margin-right: 12px;
2260 }
2261 .ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-save-btn:hover {
2262 background: linear-gradient(to right, #58D34D, #00A85C);
2263 }
2264 .ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-reset-btn,
2265 .ultimate-post-kit-dashboard .ultimate-post-kit-white-label-save-btn {
2266 background: linear-gradient(to right, #fa6336, #ff3c3c);
2267 color: #fff;
2268 }
2269 .ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-reset-btn:hover,
2270 .ultimate-post-kit-dashboard .ultimate-post-kit-white-label-save-btn:hover {
2271 background: linear-gradient(to right, #ff3c3c, #fa6336);
2272 }
2273 .ultimate-post-kit-dashboard .upk-code-message,
2274 .ultimate-post-kit-dashboard .upk-white-label-message {
2275 position: fixed;
2276 top: -100px; /* Start hidden above viewport */
2277 left: 50%;
2278 transform: translateX(-50%);
2279 z-index: 999;
2280 border-radius: 4px;
2281 opacity: 0;
2282 animation: slideDown 0.5s ease-out forwards;
2283 }
2284 .ultimate-post-kit-dashboard .upk-code-message .bdt-alert,
2285 .ultimate-post-kit-dashboard .upk-white-label-message .bdt-alert {
2286 padding-right: 40px;
2287 }
2288 @keyframes slideDown {
2289 to {
2290 top: 20px; /* End position slightly from top */
2291 opacity: 1;
2292 }
2293 }
2294 .ultimate-post-kit-dashboard .bdt-alert {
2295 padding: 15px;
2296 margin-bottom: 20px;
2297 border: 1px solid transparent;
2298 border-radius: 4px;
2299 position: relative;
2300 }
2301 .ultimate-post-kit-dashboard .bdt-alert-success {
2302 color: #155724;
2303 background-color: #d4edda;
2304 border-color: #c3e6cb;
2305 }
2306 .ultimate-post-kit-dashboard .bdt-alert-close {
2307 position: absolute;
2308 top: 0;
2309 right: 0;
2310 padding: 15px;
2311 color: inherit;
2312 text-decoration: none;
2313 }
2314 .ultimate-post-kit-dashboard .dashicons {
2315 font-family: dashicons;
2316 display: inline-block;
2317 line-height: 1;
2318 font-weight: 400;
2319 font-style: normal;
2320 speak: none;
2321 text-decoration: inherit;
2322 text-transform: none;
2323 text-rendering: auto;
2324 -webkit-font-smoothing: antialiased;
2325 -moz-osx-font-smoothing: grayscale;
2326 width: 20px;
2327 height: 20px;
2328 font-size: 20px;
2329 vertical-align: top;
2330 }
2331 .ultimate-post-kit-dashboard .upk-white-label-input {
2332 width: 100%;
2333 max-width: 400px;
2334 padding: 12px 16px;
2335 border: 1px solid #ddd;
2336 border-radius: 4px;
2337 font-size: 14px;
2338 line-height: 1.4;
2339 background-color: #fff;
2340 transition: border-color 0.3s ease;
2341 }
2342 .ultimate-post-kit-dashboard .upk-white-label-input:focus {
2343 outline: none;
2344 border-color: #2196F3;
2345 box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.1);
2346 }
2347 .ultimate-post-kit-dashboard .upk-white-label-input-wrapper {
2348 position: relative;
2349 margin: 20px 0;
2350 }
2351 .ultimate-post-kit-dashboard .upk-input-help {
2352 margin: 12px 0 0 0 !important;
2353 color: #666 !important;
2354 font-size: 14px !important;
2355 font-style: italic;
2356 }
2357 .ultimate-post-kit-dashboard .upk-white-label-title-section {
2358 width: 100%;
2359 }
2360 .ultimate-post-kit-dashboard .upk-white-label-fields {
2361 transition: all 0.3s ease;
2362 margin-top: 20px;
2363 }
2364 .ultimate-post-kit-dashboard .upk-white-label-locked {
2365 opacity: 0.6;
2366 pointer-events: none;
2367 }
2368 .ultimate-post-kit-dashboard .upk-white-label-locked .upk-option-item {
2369 background-color: #fefefe;
2370 }
2371 .ultimate-post-kit-dashboard .upk-white-label-locked .switch input:disabled + .slider {
2372 background-color: #ddd;
2373 cursor: not-allowed;
2374 }
2375 .ultimate-post-kit-dashboard .upk-white-label-locked .switch input:disabled + .slider:before {
2376 background-color: #f0f0f0;
2377 }
2378 .ultimate-post-kit-dashboard .upk-white-label-locked .upk-white-label-input:disabled {
2379 background-color: #fefefe;
2380 color: #999;
2381 cursor: not-allowed;
2382 }
2383 .ultimate-post-kit-dashboard .bdt-btn-blue:disabled {
2384 background-color: #ccc !important;
2385 color: #666 !important;
2386 cursor: not-allowed !important;
2387 opacity: 0.6;
2388 }
2389 .ultimate-post-kit-dashboard .bdt-alert-warning {
2390 color: #856404;
2391 background-color: #fff3cd;
2392 border-color: #ffeaa7;
2393 padding: 20px;
2394 border: 1px solid;
2395 border-radius: 8px;
2396 }
2397 .ultimate-post-kit-dashboard .bdt-alert-warning strong {
2398 display: block;
2399 margin-bottom: 8px;
2400 font-size: 16px;
2401 }
2402 .ultimate-post-kit-dashboard .bdt-others-plugin-rating .bdt-others-plugin-rating-stars i {
2403 color: #e26f56;
2404 font-size: 17px;
2405 }
2406 .ultimate-post-kit-dashboard .bdt-others-plugin-rating .bdt-others-plugin-rating-text {
2407 font-size: 13px;
2408 color: #656a71;
2409 }
2410 .ultimate-post-kit-dashboard .upk-dashboard-new-page-wrapper {
2411 gap: 15px;
2412 }
2413 .ultimate-post-kit-dashboard .upk-install-plugin.bdt-installing {
2414 opacity: 0.7;
2415 cursor: not-allowed;
2416 }
2417 .ultimate-post-kit-dashboard .upk-install-plugin.bdt-installing:before {
2418 content: "";
2419 display: inline-block;
2420 width: 12px;
2421 height: 12px;
2422 border: 2px solid #ffffff;
2423 border-top: 2px solid transparent;
2424 border-radius: 50%;
2425 animation: spin 1s linear infinite;
2426 margin-right: 5px;
2427 }
2428 .ultimate-post-kit-dashboard .upk-install-plugin.bdt-installed {
2429 background-color: #28a745;
2430 border-color: #28a745;
2431 }
2432
2433 #adminmenu #toplevel_page_ultimate_post_kit_options a[href="admin.php?page=ultimate_post_kit_options_upgrade"] {
2434 font-weight: 600;
2435 color: #20E2AD;
2436 transition: color 0.3s ease;
2437 }
2438
2439 #adminmenu #toplevel_page_ultimate_post_kit_options a[href="admin.php?page=ultimate_post_kit_options_upgrade"]:hover {
2440 color: #08aeec;
2441 }
2442
2443 .toplevel_page_ultimate_post_kit_options .bdt-notification {
2444 top: 43px;
2445 width: 400px;
2446 }
2447 .toplevel_page_ultimate_post_kit_options .bdt-notification .bdt-notification-message {
2448 line-height: 1;
2449 padding: 20px;
2450 border-radius: 6px;
2451 box-shadow: 0 0 0 2px #06D6A0, 0 15px 22px 2px rgba(0, 0, 0, 0.2);
2452 background: #fff;
2453 font-size: 18px;
2454 color: #06D6A0;
2455 border-color: transparent;
2456 }
2457 .toplevel_page_ultimate_post_kit_options .bdt-notification .bdt-notification-message > div {
2458 display: flex;
2459 align-items: center;
2460 }
2461 .toplevel_page_ultimate_post_kit_options .bdt-notification .bdt-notification-message > div .bdt-spinner {
2462 margin-right: 15px;
2463 }
2464 .toplevel_page_ultimate_post_kit_options .bdt-notification .bdt-notification-message .bdt-notification-close {
2465 top: 50%;
2466 right: 10px;
2467 transform: translateY(-50%);
2468 height: 30px;
2469 width: 30px;
2470 line-height: 32px;
2471 background: #fff0f3;
2472 border-radius: 6px;
2473 text-align: center;
2474 display: flex;
2475 align-items: center;
2476 justify-content: center;
2477 }
2478 .toplevel_page_ultimate_post_kit_options .bdt-notification .bdt-notification-message .dashicons {
2479 margin-right: 5px;
2480 }
2481 .toplevel_page_ultimate_post_kit_options .bdt-notification .bdt-notification-message svg {
2482 display: inline-flex;
2483 color: #EF476F;
2484 width: 12px;
2485 }
2486 .toplevel_page_ultimate_post_kit_options .bdt-lightbox-toolbar {
2487 padding: 45px 15px;
2488 background: rgba(0, 0, 0, 0.3);
2489 color: rgba(255, 255, 255, 0.7);
2490 }
2491
2492 @keyframes animate1 {
2493 0% {
2494 transform: translateX(-100%);
2495 }
2496 100% {
2497 transform: translateX(100%);
2498 }
2499 }
2500 @keyframes animate2 {
2501 0% {
2502 transform: translateY(-100%);
2503 }
2504 100% {
2505 transform: translateY(100%);
2506 }
2507 }
2508 @keyframes animate3 {
2509 0% {
2510 transform: translateX(100%);
2511 }
2512 100% {
2513 transform: translateX(-100%);
2514 }
2515 }
2516 @keyframes animate4 {
2517 0% {
2518 transform: translateY(100%);
2519 }
2520 100% {
2521 transform: translateY(-100%);
2522 }
2523 }
2524 @keyframes spin {
2525 0% {
2526 transform: rotate(0deg);
2527 }
2528 100% {
2529 transform: rotate(360deg);
2530 }
2531 }
2532 @keyframes floatingShape {
2533 0%, 100% {
2534 transform: translateY(0);
2535 }
2536 50% {
2537 transform: translateY(-10px);
2538 }
2539 }
2540 @keyframes fadeInOut {
2541 0%, 100% {
2542 opacity: 0.3;
2543 }
2544 50% {
2545 opacity: 1;
2546 }
2547 }
2548 @keyframes waveMotion {
2549 0%, 100% {
2550 transform: rotate(-15deg) translateX(0);
2551 }
2552 50% {
2553 transform: rotate(-15deg) translateX(5px);
2554 }
2555 }
2556 @keyframes zigzagFloat {
2557 0%, 100% {
2558 transform: translateX(0);
2559 }
2560 50% {
2561 transform: translateX(5px);
2562 }
2563 }
2564 @media (min-width: 1400px) {
2565 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-welcome-content p {
2566 margin-right: 160px;
2567 }
2568 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-facebook-community p {
2569 margin-right: 160px;
2570 }
2571 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status {
2572 font-size: 14px;
2573 }
2574 }
2575 @media screen and (max-width: 960px) {
2576 .ultimate-post-kit-dashboard .upk-widget-onoff {
2577 margin: 0;
2578 }
2579 }
2580 @media (min-width: 960px) {
2581 .ultimate-post-kit-dashboard.wrap {
2582 padding: 0 15px 15px 15px;
2583 }
2584 .ultimate-post-kit-dashboard.wrap .ultimate-post-kit-footer-info p {
2585 text-align: right;
2586 margin-top: 0;
2587 }
2588 }
2589 @media (max-width: 639px) {
2590 .ultimate-post-kit-dashboard.wrap .upk-option-item-inner {
2591 padding: 0;
2592 }
2593 .ultimate-post-kit-dashboard.wrap .upk-option-item-inner [class^=upk-icon-] {
2594 display: none;
2595 }
2596 .ultimate-post-kit-dashboard.wrap .bdt-search-active-wrap {
2597 display: block;
2598 }
2599 .ultimate-post-kit-dashboard.wrap .bdt-search-active-wrap .bdt-subnav {
2600 margin: 20px 0 0 -20px;
2601 }
2602 .ultimate-post-kit-dashboard.wrap .bdt-card {
2603 background-image: none;
2604 }
2605 .ultimate-post-kit-dashboard.wrap .bdt-button {
2606 width: 100%;
2607 }
2608 }
2609 @media (max-width: 959px) {
2610 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper {
2611 margin-bottom: 20px;
2612 }
2613 }
2614 @media (min-width: 768px) {
2615 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item {
2616 grid-column: span 6/auto;
2617 }
2618 .ultimate-post-kit-dashboard.wrap #ultimate_post_kit_api_settings_page .upk-options {
2619 columns: 2;
2620 }
2621 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options {
2622 grid-template-columns: repeat(2, 1fr);
2623 }
2624 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul {
2625 display: flex;
2626 }
2627 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter {
2628 display: block;
2629 }
2630 .ultimate-post-kit-dashboard.wrap .upk-dashboard-panel .upk-dashboard-others-plugin .upk-plugins-list {
2631 grid-template-columns: repeat(2, 1fr);
2632 }
2633 }
2634 @media (min-width: 1200px) {
2635 .ultimate-post-kit-dashboard.wrap .upk-dashboard-nav-container-wrapper {
2636 display: block;
2637 }
2638 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(1),
2639 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(3) {
2640 grid-column: span 7/auto;
2641 }
2642 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(2) {
2643 grid-column: span 5/auto;
2644 }
2645 .ultimate-post-kit-dashboard.wrap .upk-dashboard-panel .upk-dashboard-others-plugin .upk-plugins-list {
2646 grid-template-columns: repeat(3, 1fr);
2647 }
2648 }
2649 @media (min-width: 1440px) {
2650 .ultimate-post-kit-dashboard.wrap .upk-dashboard-container {
2651 gap: 30px;
2652 }
2653 .ultimate-post-kit-dashboard.wrap .upk-dashboard-nav-container-wrapper {
2654 margin-top: 30px;
2655 }
2656 .ultimate-post-kit-dashboard.wrap .upk-option-page {
2657 margin-top: 30px;
2658 }
2659 .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation {
2660 min-width: 300px;
2661 max-width: 300px;
2662 }
2663 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-logo {
2664 width: 300px;
2665 }
2666 .ultimate-post-kit-dashboard.wrap .upk-dashboard-welcome-container {
2667 grid-row-gap: 30px;
2668 grid-column-gap: 30px;
2669 }
2670 .ultimate-post-kit-dashboard.wrap .bdt-widget-filter-wrapper {
2671 margin-bottom: 30px;
2672 }
2673 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(1),
2674 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(3) {
2675 grid-column: span 8/auto;
2676 }
2677 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(2) {
2678 grid-column: span 4/auto;
2679 }
2680 .ultimate-post-kit-dashboard.wrap #ultimate_post_kit_api_settings_page .upk-options {
2681 gap: 30px !important;
2682 }
2683 .ultimate-post-kit-dashboard.wrap #ultimate_post_kit_api_settings_page .upk-options .upk-option-item {
2684 margin-bottom: 30px !important;
2685 }
2686 }
2687 @media (min-width: 1600px) {
2688 .ultimate-post-kit-dashboard.wrap #ultimate_post_kit_api_settings_page .upk-options {
2689 columns: 3;
2690 }
2691 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item {
2692 grid-column: span 3/auto;
2693 }
2694 .ultimate-post-kit-dashboard.wrap .bdt-subnav > * {
2695 padding-left: 20px;
2696 }
2697 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options {
2698 grid-template-columns: repeat(3, 1fr);
2699 }
2700 }
2701 @media (max-width: 959px) {
2702 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper {
2703 margin-bottom: 20px;
2704 }
2705 }
2706 @media (max-width: 768px) {
2707 .ultimate-post-kit-dashboard.wrap .upk-white-label-input {
2708 max-width: 100%;
2709 }
2710 }
2711