PluginProbe ʕ •ᴥ•ʔ
Spider Elements – Premium Elementor Widgets & Addons Library / 1.1.0
Spider Elements – Premium Elementor Widgets & Addons Library v1.1.0
trunk 1.0.0 1.1.0 1.5.0 1.6.0 1.6.1 1.6.2 1.6.3 1.6.4 1.6.5 1.6.6 1.6.7 1.7.0 1.8.0 1.9.0
spider-elements / assets / css / admin.css
spider-elements / assets / css Last commit date
Icon_box.css.map 2 years ago admin.css 2 years ago admin.css.map 2 years ago elementor-editor.css 2 years ago main.css 2 years ago main.css.map 2 years ago
admin.css
1247 lines
1 /*=====================================================================
2 @Template Name: Spider Elements
3
4 @Default Styles
5 Table of Content:
6 01/ Notice
7
8 =====================================================================*/
9 .spider-elements-elementor-notice {
10 padding: 15px !important;
11 }
12 .spider-elements-elementor-notice .spider-elements-elementor-notice-inner {
13 display: flex;
14 justify-content: space-between;
15 align-items: center;
16 }
17 .spider-elements-elementor-notice .spider-elements-elementor-notice-inner .spider-elements-elementor-notice-content h3 {
18 margin: 0;
19 }
20 .spider-elements-elementor-notice .spider-elements-elementor-notice-inner .spider-elements-elementor-install-now .button {
21 padding: 6px 16px;
22 line-height: 1;
23 }
24
25 .ezd-grid {
26 display: grid;
27 grid-column-gap: 25px;
28 }
29
30 .ezd-grid-cols-12 {
31 grid-template-columns: repeat(12, minmax(0, 1fr));
32 }
33
34 .ezd-grid-column-full {
35 grid-column: 1/-1;
36 }
37
38 @media (max-width: 991px) {
39 [class^=ezd-lg-col] {
40 grid-column: 1/-1;
41 }
42 }
43 @media (min-width: 576px) {
44 .ezd-sm-col-4 {
45 grid-column: span 4/span 4;
46 }
47 .ezd-sm-col-3 {
48 grid-column: span 3/span 3;
49 }
50 .ezd-sm-col-5 {
51 grid-column: span 5/span 5;
52 }
53 .ezd-sm-col-6 {
54 grid-column: span 6/span 6;
55 }
56 .ezd-sm-col-7 {
57 grid-column: span 7/span 7;
58 }
59 .ezd-sm-col-8 {
60 grid-column: span 8/span 8;
61 }
62 .ezd-sm-col-9 {
63 grid-column: span 9/span 9;
64 }
65 .ezd-sm-col-10 {
66 grid-column: span 10/span 10;
67 }
68 .ezd-sm-col-2 {
69 grid-column: span 2/span 2;
70 }
71 .ezd-sm-col-11 {
72 grid-column: span 11/span 11;
73 }
74 .ezd-sm-col-12 {
75 grid-column: span 12/span 12;
76 }
77 }
78 @media (min-width: 768px) {
79 .ezd-md-col-4 {
80 grid-column: span 4/span 4;
81 }
82 .ezd-md-col-3 {
83 grid-column: span 3/span 3;
84 }
85 .ezd-md-col-5 {
86 grid-column: span 5/span 5;
87 }
88 .ezd-md-col-6 {
89 grid-column: span 6/span 6;
90 }
91 .ezd-md-col-7 {
92 grid-column: span 7/span 7;
93 }
94 .ezd-md-col-8 {
95 grid-column: span 8/span 8;
96 }
97 .ezd-md-col-9 {
98 grid-column: span 9/span 9;
99 }
100 .ezd-md-col-10 {
101 grid-column: span 10/span 10;
102 }
103 .ezd-md-col-11 {
104 grid-column: span 11/span 11;
105 }
106 .ezd-md-col-12 {
107 grid-column: span 12/span 12;
108 }
109 .ezd-md-col-2 {
110 grid-column: span 2/span 2;
111 }
112 }
113 @media (min-width: 992px) {
114 .ezd-lg-col-4 {
115 grid-column: span 4/span 4;
116 }
117 .ezd-lg-col-3 {
118 grid-column: span 3/span 3;
119 }
120 .ezd-lg-col-5 {
121 grid-column: span 5/span 5;
122 }
123 .ezd-lg-col-6 {
124 grid-column: span 6/span 6;
125 }
126 .ezd-lg-col-8 {
127 grid-column: span 8/span 8;
128 }
129 .ezd-lg-col-7 {
130 grid-column: span 7/span 7;
131 }
132 .ezd-lg-col-9 {
133 grid-column: span 9/span 9;
134 }
135 .ezd-lg-col-10 {
136 grid-column: span 10/span 10;
137 }
138 .ezd-lg-col-11 {
139 grid-column: span 11/span 11;
140 }
141 .ezd-lg-col-12 {
142 grid-column: span 12/span 12;
143 }
144 .ezd-lg-col-2 {
145 grid-column: span 2/span 2;
146 }
147 }
148 @media (min-width: 1200px) {
149 .ezd-xl-col-4 {
150 grid-column: span 4/span 4;
151 }
152 .ezd-xl-col-3 {
153 grid-column: span 3/span 3;
154 }
155 .ezd-xl-col-5 {
156 grid-column: span 5/span 5;
157 }
158 .ezd-xl-col-6 {
159 grid-column: span 6/span 6;
160 }
161 .ezd-xl-col-8 {
162 grid-column: span 8/span 8;
163 }
164 .ezd-xl-col-7 {
165 grid-column: span 7/span 7;
166 }
167 .ezd-xl-col-9 {
168 grid-column: span 9/span 9;
169 }
170 .ezd-xl-col-10 {
171 grid-column: span 10/span 10;
172 }
173 .ezd-xl-col-11 {
174 grid-column: span 11/span 11;
175 }
176 .ezd-xl-col-12 {
177 grid-column: span 12/span 12;
178 }
179 .ezd-xl-col-2 {
180 grid-column: span 2/span 2;
181 }
182 }
183 .ezd-list-unstyled {
184 list-style: none;
185 margin: 0px;
186 padding-left: 0;
187 }
188
189 .ezd-text-center {
190 text-align: center;
191 }
192
193 .ezd-d-flex {
194 display: flex;
195 flex-wrap: wrap;
196 margin-left: -12px;
197 margin-right: -12px;
198 }
199 .ezd-d-flex [class*=ezd-colum-space-] {
200 padding-left: 12px;
201 padding-right: 12px;
202 }
203
204 .ezd-colum-space-6 {
205 width: 50%;
206 }
207
208 .ezd-colum-space-4 {
209 flex: 1;
210 width: 33.3333333333%;
211 box-sizing: border-box;
212 }
213
214 .spe_dashboard {
215 display: flex;
216 flex-wrap: wrap;
217 padding: 60px 0px;
218 margin-right: 20px;
219 }
220 @media (max-width: 1400px) {
221 .spe_dashboard {
222 padding: 40px 0px;
223 }
224 }
225 .spe_dashboard .sidebar_navigation {
226 width: 18%;
227 margin-right: 30px;
228 }
229 .spe_dashboard .sidebar_navigation .sticky_sidebar {
230 background: #fff;
231 align-items: flex-start;
232 border-radius: 8px;
233 position: -webkit-sticky;
234 position: sticky;
235 top: 70px;
236 }
237 .spe_dashboard .sidebar_navigation .tab_left_content {
238 padding: 0px;
239 margin: 0px;
240 border-radius: 8px;
241 overflow: hidden;
242 }
243 .spe_dashboard .sidebar_navigation .tab_left_content li {
244 margin: 0px;
245 }
246 .spe_dashboard .sidebar_navigation .tab_left_content li .icon {
247 background: #f0e9fc;
248 border-radius: 50%;
249 width: 35px;
250 height: 35px;
251 display: flex;
252 justify-content: center;
253 align-items: center;
254 margin-right: 12px;
255 color: #571fb7;
256 }
257 @media (max-width: 1400px) {
258 .spe_dashboard .sidebar_navigation .tab_left_content li .icon {
259 margin-right: 5px;
260 }
261 }
262 .spe_dashboard .sidebar_navigation .tab_left_content li .icon i {
263 font-size: 18px;
264 }
265 .spe_dashboard .sidebar_navigation .tab_left_content li:nth-child(2) .icon {
266 color: #ff70ee;
267 background: #fff0fe;
268 }
269 .spe_dashboard .sidebar_navigation .tab_left_content li:nth-child(3) .icon {
270 color: #1fb75c;
271 background: #e4fbd2;
272 }
273 .spe_dashboard .sidebar_navigation .tab_left_content li:nth-child(4) .icon {
274 color: #ff70ee;
275 background: #fff0fe;
276 }
277 .spe_dashboard .sidebar_navigation .tab_left_content li:nth-child(5) .icon {
278 color: #ffa30d;
279 background: #fbebd2;
280 }
281 .spe_dashboard .sidebar_navigation .tab_left_content li:nth-child(6) .icon {
282 color: #fb7f49;
283 background: #ffe9e2;
284 }
285 .spe_dashboard .sidebar_navigation .tab_left_content .tab-menu-link {
286 text-decoration: none;
287 }
288 .spe_dashboard .sidebar_navigation .tab_left_content .tab-menu-link .spe_tab_content {
289 display: flex;
290 align-items: center;
291 padding: 18px 25px;
292 transition: all 0.3s linear;
293 }
294 @media (max-width: 1400px) {
295 .spe_dashboard .sidebar_navigation .tab_left_content .tab-menu-link .spe_tab_content {
296 padding: 16px 10px;
297 }
298 }
299 .spe_dashboard .sidebar_navigation .tab_left_content .tab-menu-link .spe_tab_content .content h3 {
300 margin-top: 0;
301 font-size: 18px;
302 font-weight: 500;
303 line-height: 24px;
304 color: #0c0d0e;
305 font-family: "Roboto", sans-serif;
306 margin-bottom: 2px;
307 }
308 .spe_dashboard .sidebar_navigation .tab_left_content .tab-menu-link .spe_tab_content .content p {
309 margin-bottom: 0;
310 font-family: "Inter", sans-serif;
311 font-size: 14px;
312 font-weight: 400;
313 color: #6a737c;
314 line-height: 22px;
315 margin-top: 0;
316 }
317 @media (max-width: 1400px) {
318 .spe_dashboard .sidebar_navigation .tab_left_content .tab-menu-link .spe_tab_content .content p {
319 font-size: 13px;
320 }
321 }
322 .spe_dashboard .sidebar_navigation .tab_left_content .tab-menu-link.active .spe_tab_content {
323 background: linear-gradient(90deg, #7460ff 0%, #9d70ff 100%);
324 }
325 .spe_dashboard .sidebar_navigation .tab_left_content .tab-menu-link.active .spe_tab_content .icon {
326 background: #fff;
327 color: #571fb7;
328 }
329 .spe_dashboard .sidebar_navigation .tab_left_content .tab-menu-link.active .spe_tab_content .content h3,
330 .spe_dashboard .sidebar_navigation .tab_left_content .tab-menu-link.active .spe_tab_content .content p {
331 color: #fff;
332 }
333 .spe_dashboard .tab_contents {
334 width: 80%;
335 flex: 1;
336 }
337 .spe_dashboard .tab_contents .spe-tab-box {
338 display: none;
339 }
340 .spe_dashboard .tab_contents .spe-tab-box.active {
341 display: block;
342 opacity: 1;
343 }
344
345 .spe_dashboard_banner {
346 text-align: center;
347 background: url(../images/dashboard-img/spe_dashboard_banner.png) no-repeat scroll center 0/cover;
348 padding: 98px 50px;
349 border-radius: 12px;
350 overflow: hidden;
351 }
352 .spe_dashboard_banner h2 {
353 color: #fff;
354 font-size: 36px;
355 font-weight: 700;
356 line-height: 1.1;
357 font-family: "Roboto", sans-serif;
358 margin-top: 0;
359 margin-bottom: 12px;
360 }
361 .spe_dashboard_banner p {
362 font-family: "Inter", sans-serif;
363 color: #fff;
364 font-size: 14px;
365 line-height: 22px;
366 margin-bottom: 0;
367 }
368
369 .spe_widget_progress_item {
370 border-radius: 8px;
371 padding: 30px 40px;
372 background: #fff;
373 margin-top: 25px;
374 }
375 .spe_widget_progress_item h3 {
376 margin: 0px 0px 10px;
377 font-size: 20px;
378 line-height: 28px;
379 font-weight: 600;
380 font-family: "Roboto", sans-serif;
381 color: #0c0d0e;
382 }
383 .spe_widget_progress_item .progress_info_list {
384 display: flex;
385 justify-content: center;
386 margin-top: 6px;
387 }
388 .spe_widget_progress_item .progress_info_list li {
389 font-size: 10px;
390 color: #6a737c;
391 font-family: "Roboto", sans-serif;
392 font-weight: 400;
393 margin-bottom: 0;
394 }
395 .spe_widget_progress_item .progress_info_list li + li {
396 margin-left: 20px;
397 }
398 .spe_widget_progress_item svg.radial-progress {
399 height: auto;
400 max-width: 130px;
401 padding: 0.5em;
402 transform: rotate(90deg);
403 }
404 .spe_widget_progress_item svg.radial-progress circle {
405 fill: transparent;
406 stroke: #fff;
407 stroke-dashoffset: 219.9114857513;
408 stroke-width: 10px;
409 }
410 .spe_widget_progress_item svg.radial-progress circle.incomplete {
411 opacity: 0.25;
412 }
413 .spe_widget_progress_item svg.radial-progress circle.complete {
414 stroke-dasharray: 219.9114857513;
415 }
416 .spe_widget_progress_item .circle_progress {
417 position: relative;
418 }
419 .spe_widget_progress_item .circle_progress text {
420 color: #02a4ff;
421 font-size: 30px;
422 font-weight: 600;
423 text-anchor: middle;
424 font-family: "Roboto", sans-serif;
425 left: 50%;
426 top: 50%;
427 transform: translate(-50%, -50%);
428 position: absolute;
429 }
430 .spe_widget_progress_item svg.radial-progress circle.complete {
431 stroke: #6bccfe;
432 stroke-linecap: round;
433 }
434 .spe_widget_progress_item svg.radial-progress circle.incomplete {
435 stroke: #4fbaf0;
436 }
437
438 .spe_dashboard_title {
439 font-size: 28px;
440 color: #031933;
441 font-weight: 700;
442 font-family: "Roboto", sans-serif;
443 line-height: 1.1;
444 margin-top: 0;
445 margin-bottom: 20px;
446 }
447
448 .spe_support_item {
449 background: #fff;
450 border-radius: 8px;
451 padding: 40px;
452 margin-top: 25px;
453 }
454 .spe_support_item .spe_icon {
455 width: 56px;
456 height: 56px;
457 background: #e2d4fa;
458 border-radius: 50%;
459 font-size: 28px;
460 color: #411789;
461 display: flex;
462 align-items: center;
463 justify-content: center;
464 margin-bottom: 20px;
465 }
466 .spe_support_item .spe_dashboard_title {
467 margin-bottom: 15px;
468 }
469 .spe_support_item p {
470 font-size: 18px;
471 font-family: "Inter", sans-serif;
472 color: #535a60;
473 line-height: 32px;
474 margin-top: 0px;
475 margin-bottom: 25px;
476 }
477 .spe_support_item.dashboard_img {
478 background: transparent;
479 padding-top: 10px;
480 padding-bottom: 10px;
481 }
482
483 .spe_dashboard_btn {
484 text-decoration: none;
485 padding: 21px 27px;
486 font-size: 18px;
487 font-weight: 500;
488 background: #e9336b;
489 font-family: "Roboto", sans-serif;
490 border-radius: 4px;
491 color: #fff;
492 display: inline-block;
493 transition: all 0.3s;
494 cursor: pointer;
495 border: 0px;
496 }
497 .spe_dashboard_btn:hover {
498 color: #fff;
499 box-shadow: 0px 10px 20px 0px rgba(233, 51, 107, 0.2901960784);
500 }
501
502 .spe_requirment_list li {
503 font-size: 14px;
504 font-family: "Roboto", sans-serif;
505 color: #535a60;
506 display: flex;
507 align-items: center;
508 margin-bottom: 0;
509 padding: 16px 24px;
510 background: #f5f5f5;
511 }
512 .spe_requirment_list li strong {
513 font-size: 16px;
514 font-weight: 500;
515 color: #2f3337;
516 flex: 40%;
517 }
518 .spe_requirment_list li span {
519 flex: 60%;
520 }
521 .spe_requirment_list li span.invalid i {
522 background: #e9336b;
523 }
524 .spe_requirment_list li i {
525 font-size: 8px;
526 width: 24px;
527 height: 24px;
528 display: inline-flex;
529 align-items: center;
530 justify-content: center;
531 background: #4caf50;
532 border-radius: 3px;
533 color: #fff;
534 margin-right: 12px;
535 }
536 .spe_requirment_list li:nth-child(even) {
537 background: #fafafa;
538 }
539
540 .note {
541 background: #f0e9fc;
542 padding: 12px 30px;
543 margin-top: 10px;
544 }
545 .note p {
546 margin-bottom: 0;
547 font-size: 12px;
548 color: #2f3337;
549 font-family: "Inter", sans-serif;
550 line-height: 26px;
551 }
552
553 .elements_pro_popup {
554 display: none;
555 position: fixed;
556 z-index: 9;
557 left: 0;
558 top: 0;
559 height: 100%;
560 width: 100%;
561 overflow: auto;
562 background-color: rgba(0, 0, 0, 0.6);
563 opacity: 1;
564 -webkit-transition: opacity 0.3s ease-in-out;
565 transition: opacity 0.3s ease-in-out;
566 }
567 .elements_pro_popup .message_content {
568 position: fixed;
569 top: 50%;
570 left: 50%;
571 z-index: 10001;
572 min-width: 300px;
573 padding: 50px 36px;
574 background: #fff;
575 border-radius: 10px;
576 text-align: center;
577 -webkit-animation: hide-popup 0.3s forwards;
578 animation: hide-popup 0.3s forwards;
579 text-align: center;
580 }
581 .elements_pro_popup .message_content .pro-close {
582 position: absolute;
583 right: 20px;
584 top: 20px;
585 cursor: pointer;
586 }
587 .elements_pro_popup .message_content h3 {
588 font-size: 28px;
589 font-family: "Roboto", sans-serif;
590 color: #242729;
591 font-weight: 700;
592 margin-bottom: 12px;
593 }
594 .elements_pro_popup .message_content p {
595 font-size: 16px;
596 font-weight: 500;
597 font-family: "Inter", sans-serif;
598 margin-top: 0;
599 }
600 .elements_pro_popup .message_content .spe_dashboard_btn {
601 padding: 15px 27px;
602 margin-top: 8px;
603 }
604 .elements_pro_popup.popup-visible {
605 opacity: 1;
606 display: block;
607 }
608 .elements_pro_popup.popup-visible .message_content {
609 animation: show-popup 0.3s forwards;
610 }
611
612 @-webkit-keyframes show-popup {
613 0% {
614 -webkit-transform: translate(-50%, -50%) scale(0.7);
615 transform: translate(-50%, -50%) scale(0.7);
616 opacity: 0;
617 }
618 45% {
619 -webkit-transform: translate(-50%, -50%) scale(1.05);
620 transform: translate(-50%, -50%) scale(1.05);
621 opacity: 1;
622 }
623 80% {
624 -webkit-transform: translate(-50%, -50%) scale(0.95);
625 transform: translate(-50%, -50%) scale(0.95);
626 }
627 100% {
628 -webkit-transform: translate(-50%, -50%) scale(1);
629 transform: translate(-50%, -50%) scale(1);
630 }
631 }
632 @keyframes show-popup {
633 0% {
634 -webkit-transform: translate(-50%, -50%) scale(0.7);
635 transform: translate(-50%, -50%) scale(0.7);
636 opacity: 0;
637 }
638 45% {
639 -webkit-transform: translate(-50%, -50%) scale(1.05);
640 transform: translate(-50%, -50%) scale(1.05);
641 opacity: 1;
642 }
643 80% {
644 -webkit-transform: translate(-50%, -50%) scale(0.95);
645 transform: translate(-50%, -50%) scale(0.95);
646 }
647 100% {
648 -webkit-transform: translate(-50%, -50%) scale(1);
649 transform: translate(-50%, -50%) scale(1);
650 }
651 }
652 @-webkit-keyframes hide-popup {
653 0% {
654 -webkit-transform: translate(-50%, -50%) scale(1);
655 transform: translate(-50%, -50%) scale(1);
656 opacity: 1;
657 }
658 100% {
659 -webkit-transform: translate(-50%, -50%) scale(0.5);
660 transform: translate(-50%, -50%) scale(0.5);
661 opacity: 0;
662 }
663 }
664 @keyframes hide-popup {
665 0% {
666 -webkit-transform: translate(-50%, -50%) scale(1);
667 transform: translate(-50%, -50%) scale(1);
668 opacity: 1;
669 }
670 100% {
671 -webkit-transform: translate(-50%, -50%) scale(0.5);
672 transform: translate(-50%, -50%) scale(0.5);
673 opacity: 0;
674 }
675 }
676 .premium_banner {
677 background: url(../images/dashboard-img/premium_banner.jpg) no-repeat scroll center 0/cover;
678 position: relative;
679 padding: 66px;
680 }
681 .premium_banner h2 {
682 font-size: 24px;
683 font-weight: 600;
684 margin-bottom: 12px;
685 }
686 .premium_banner p {
687 font-size: 14px;
688 font-weight: 500;
689 line-height: 24px;
690 margin-top: 0;
691 max-width: 405px;
692 margin-left: auto;
693 margin-right: auto;
694 }
695 .premium_banner .spe_banner_btn {
696 color: #fff;
697 font-size: 14px;
698 font-weight: 500;
699 font-family: "Inter", sans-serif;
700 text-decoration: underline;
701 display: inline-block;
702 margin-top: 15px;
703 }
704 .premium_banner .rocket_img {
705 position: absolute;
706 top: 50%;
707 right: 100px;
708 transform: translateY(-50%);
709 }
710
711 .spe_elements_tab_menu {
712 display: flex;
713 justify-content: space-between;
714 background: #fff;
715 padding: 24px;
716 }
717 .spe_elements_tab_menu .spe_tab_content {
718 display: flex;
719 align-items: center;
720 transition: all 0.3s linear;
721 }
722 .spe_elements_tab_menu .spe_tab_content .icon {
723 color: #fff;
724 border-radius: 50%;
725 width: 35px;
726 height: 35px;
727 display: flex;
728 justify-content: center;
729 align-items: center;
730 margin-right: 12px;
731 font-size: 18px;
732 background: linear-gradient(90deg, #7460ff 0%, #9d70ff 100%);
733 }
734 .spe_elements_tab_menu .spe_tab_content .content h3 {
735 margin-top: 0;
736 font-size: 18px;
737 font-weight: 600;
738 line-height: 27px;
739 color: #0c0d0e;
740 font-family: "Roboto", sans-serif;
741 margin-bottom: 2px;
742 }
743 .spe_elements_tab_menu .spe_tab_content.api_title_color .icon {
744 background: #fff0fe;
745 color: #ff70ee;
746 }
747 .spe_elements_tab_menu .spe_tab_content.integration_title_color .icon {
748 background: #fbebd2;
749 color: #ffa30d;
750 }
751 .spe_elements_tab_menu .menu_right_content {
752 display: flex;
753 align-items: center;
754 }
755 .spe_elements_tab_menu .menu_right_content .plugin_active_switcher {
756 display: flex;
757 font-size: 12px;
758 font-family: "Roboto", sans-serif;
759 font-weight: 400;
760 color: #242729;
761 }
762 .spe_elements_tab_menu .menu_right_content .plugin_active_switcher input {
763 display: none;
764 }
765 .spe_elements_tab_menu .menu_right_content .plugin_active_switcher input:checked + .switch {
766 background: #7fb71f;
767 }
768 .spe_elements_tab_menu .menu_right_content .plugin_active_switcher input:checked + .switch::before {
769 transform: translateX(12px);
770 }
771 .spe_elements_tab_menu .menu_right_content .plugin_active_switcher .switch {
772 width: 32px;
773 height: 18px;
774 background: #848d95;
775 border-radius: 45px;
776 position: relative;
777 display: block;
778 margin: 0px 20px;
779 }
780 .spe_elements_tab_menu .menu_right_content .plugin_active_switcher .switch::before {
781 width: 12px;
782 height: 12px;
783 border-radius: 50%;
784 content: "";
785 position: absolute;
786 background: #fff;
787 top: 3px;
788 left: 4px;
789 transition: all 0.2s;
790 }
791 .spe_elements_tab_menu .spe_dashboard_btn {
792 border: 0px;
793 padding: 8px 21px;
794 font-size: 16px;
795 margin-left: 40px;
796 cursor: pointer;
797 }
798 .spe_elements_tab_menu .spe_dashboard_btn.save-now {
799 background: #6d27e5;
800 }
801
802 .spe_elements_tab {
803 background: #f0e9fc;
804 padding: 15px 24px;
805 display: flex;
806 margin: 32px 0px;
807 }
808 .spe_elements_tab .spe_fiter_data {
809 font-size: 14px;
810 font-family: "Roboto", sans-serif;
811 color: #535a60;
812 padding: 11px 23px 9px;
813 border-radius: 4px;
814 transition: all 0.3s;
815 cursor: pointer;
816 }
817 .spe_elements_tab .spe_fiter_data i {
818 margin-right: 8px;
819 }
820 .spe_elements_tab .spe_fiter_data.active {
821 background: #6d27e5;
822 color: #fff;
823 }
824
825 .spe_filter_content {
826 margin-left: -12px;
827 margin-right: -12px;
828 }
829
830 .ezd-colum-space-4 {
831 margin-bottom: 25px;
832 }
833
834 .spe_element_box {
835 padding: 30px 20px;
836 border-radius: 8px;
837 background: #fff;
838 transition: all 0.2s linear;
839 }
840 .spe_element_box:hover {
841 box-shadow: 0px 5px 15px 0px rgba(51, 77, 114, 0.1);
842 }
843 .spe_element_box:hover .spe_link {
844 opacity: 1;
845 visibility: visible;
846 }
847
848 .spe_element_switch {
849 display: flex;
850 justify-content: space-between;
851 align-items: center;
852 position: relative;
853 overflow: hidden;
854 }
855 .spe_element_switch .badge {
856 width: 64px;
857 height: 64px;
858 text-align: center;
859 border-radius: 5px;
860 color: #fff;
861 position: absolute;
862 left: -36px;
863 top: -36px;
864 font-size: 12px;
865 font-family: "Roboto", sans-serif;
866 text-transform: capitalize;
867 cursor: pointer;
868 background: #e9336b;
869 -webkit-transform: rotate(-45deg);
870 transform: rotate(-45deg);
871 text-transform: uppercase;
872 padding: 3px;
873 display: flex;
874 align-items: flex-end;
875 justify-content: center;
876 font-weight: 700;
877 }
878 .spe_element_switch .spe_element_content {
879 font-size: 14px;
880 font-weight: 400;
881 font-family: "Roboto", sans-serif;
882 display: flex;
883 align-items: center;
884 }
885 .spe_element_switch .spe_element_content i {
886 font-size: 32px;
887 color: #000000;
888 margin-right: 20px;
889 }
890 .spe_element_switch input {
891 display: none;
892 }
893 .spe_element_switch input:checked + .spe_widget_switcher {
894 background: #7fb71f;
895 }
896 .spe_element_switch input:checked + .spe_widget_switcher:before {
897 transform: translateX(19px);
898 }
899 .spe_element_switch .spe_widget_switcher {
900 width: 40px;
901 height: 20px;
902 background: #848d95;
903 border-radius: 45px;
904 position: relative;
905 display: block;
906 }
907 .spe_element_switch .spe_widget_switcher::before {
908 content: "";
909 width: 14px;
910 height: 14px;
911 border-radius: 50%;
912 left: 4px;
913 top: 3px;
914 position: absolute;
915 background: #fff;
916 transition: all 0.2s linear;
917 }
918
919 .spe_element_right {
920 display: flex;
921 align-items: center;
922 }
923 .spe_element_right a {
924 margin-right: 8px;
925 display: inline-block;
926 line-height: 1;
927 }
928 .spe_element_right .spe_link {
929 margin-right: 5px;
930 opacity: 0;
931 visibility: hidden;
932 transition: all 0.3s linear;
933 }
934 .spe_element_right .spe_link .tooltip-top {
935 position: relative;
936 display: inline-block;
937 text-decoration: none;
938 }
939 .spe_element_right .spe_link .tooltip-top::before {
940 content: attr(data-tooltip);
941 top: -40px;
942 left: -20px;
943 transform: translateX(-50%);
944 background-color: #333;
945 color: #fff;
946 text-align: center;
947 border-radius: 6px;
948 padding: 8px 8px;
949 opacity: 0;
950 visibility: hidden;
951 transition: opacity 0.2s;
952 position: absolute;
953 width: 190px;
954 }
955 .spe_element_right .spe_link .tooltip-top:hover::before {
956 opacity: 1;
957 visibility: visible;
958 }
959
960 /*===== start spe_api_box ==========*/
961 .spe_api_box {
962 padding: 24px;
963 }
964 .spe_api_box h3 {
965 font-size: 16px;
966 font-weight: 600;
967 line-height: 24px;
968 font-family: "Roboto", sans-serif;
969 color: #242729;
970 margin-top: 0;
971 margin-bottom: 6px;
972 }
973 .spe_api_box p {
974 font-size: 12px;
975 line-height: 18px;
976 font-weight: 500;
977 color: #535a60;
978 font-family: "Inter", sans-serif;
979 margin-top: 0;
980 }
981 .spe_api_box .spe_api_panel .spe_api_inner h5 {
982 font-size: 14px;
983 font-weight: 500;
984 line-height: 22px;
985 color: #242729;
986 font-family: "Roboto", sans-serif;
987 margin-bottom: 12px;
988 margin-top: 0;
989 }
990 .spe_api_box .spe_api_panel .spe_api_inner input {
991 width: 100%;
992 border: 1px solid #bbc0c4;
993 font-size: 14px;
994 padding: 4px 10px;
995 color: #242729;
996 font-family: "Roboto", sans-serif;
997 line-height: 30px;
998 margin: 0px;
999 outline: none;
1000 box-shadow: none;
1001 }
1002 .spe_api_box .spe_api_panel .spe_api_inner input.placeholder {
1003 color: #bbc0c4;
1004 }
1005 .spe_api_box .spe_api_panel .spe_api_inner input:-moz-placeholder {
1006 color: #bbc0c4;
1007 }
1008 .spe_api_box .spe_api_panel .spe_api_inner input::-moz-placeholder {
1009 color: #bbc0c4;
1010 }
1011 .spe_api_box .spe_api_panel .spe_api_inner input::-webkit-input-placeholder {
1012 color: #bbc0c4;
1013 }
1014 .spe_api_box .spe_api_panel .spe_api_inner input:focus {
1015 border-color: rgba(109, 39, 229, 0.6901960784);
1016 }
1017 .spe_api_box .spe_api_panel p {
1018 font-size: 12px;
1019 font-family: "Inter", sans-serif;
1020 line-height: 20px;
1021 color: #535a60;
1022 margin-top: 10px;
1023 }
1024 .spe_api_box .spe_api_panel + .spe_api_panel {
1025 margin-top: 10px;
1026 }
1027
1028 .integration_banner {
1029 text-align: left;
1030 padding: 44px 40px;
1031 }
1032
1033 .spe_integration_item {
1034 margin-top: 25px;
1035 padding: 40px 50px;
1036 }
1037 .spe_integration_item img {
1038 max-width: 50px;
1039 }
1040 .spe_integration_item h3 {
1041 font-size: 18px;
1042 font-weight: 600;
1043 font-family: "Roboto", sans-serif;
1044 color: #0c0d0e;
1045 margin-top: 12px;
1046 margin-bottom: 10px;
1047 }
1048 .spe_integration_item p {
1049 font-size: 14px;
1050 color: #3c4146;
1051 line-height: 26px;
1052 font-family: "Inter", sans-serif;
1053 margin-bottom: 0;
1054 margin-top: 0;
1055 }
1056 .spe_integration_item .spe_dashboard_btn {
1057 padding: 9px 32px;
1058 margin-top: 25px;
1059 }
1060 .spe_integration_item .spe_dashboard_btn.active_btn {
1061 background: #848d95;
1062 cursor: not-allowed;
1063 }
1064 .spe_integration_item .spe_dashboard_btn.active_btn:hover {
1065 box-shadow: none;
1066 }
1067
1068 .mt-25 {
1069 margin-top: 25px;
1070 }
1071
1072 .spe_pr_promo_box {
1073 background: #fff;
1074 border-radius: 8px;
1075 padding: 16px 16px 30px;
1076 margin-top: 25px;
1077 }
1078 .spe_pr_promo_box h2 {
1079 font-weight: 700;
1080 font-size: 28px;
1081 color: #242729;
1082 font-family: "Roboto", sans-serif;
1083 margin-bottom: 18px;
1084 }
1085 .spe_pr_promo_box p {
1086 font-size: 18px;
1087 line-height: 28px;
1088 color: #535a60;
1089 font-family: "Inter", sans-serif;
1090 margin-top: 0;
1091 }
1092 .spe_pr_promo_box .spe_demo_btn {
1093 font-size: 14px;
1094 font-weight: 500;
1095 color: #e9336b;
1096 font-family: "Inter", sans-serif;
1097 text-decoration: none;
1098 }
1099 .spe_pr_promo_box .spe_demo_btn i {
1100 margin-left: 4px;
1101 transition: all 0.2s linear;
1102 }
1103 .spe_pr_promo_box .spe_demo_btn:hover i {
1104 transform: translateX(5px);
1105 }
1106 .spe_pr_promo_box .spe_promo_video {
1107 background: #6d27e5;
1108 border-radius: 4px;
1109 padding: 12px;
1110 position: relative;
1111 }
1112 .spe_pr_promo_box .spe_promo_video img {
1113 width: 100%;
1114 border-radius: 4px;
1115 }
1116 .spe_pr_promo_box .spe_promo_video .spe_popup_youtube {
1117 position: absolute;
1118 width: 40px;
1119 background: #fff;
1120 filter: drop-shadow(0px 30px 60px rgba(0, 0, 0, 0.12));
1121 text-align: center;
1122 line-height: 38px;
1123 color: #0c0d0e;
1124 font-size: 18px;
1125 border-radius: 50%;
1126 height: 40px;
1127 top: 50%;
1128 left: 50%;
1129 transform: translate(-50%, -50%);
1130 border: 0px;
1131 transition: all 0.3s;
1132 display: flex;
1133 align-items: center;
1134 justify-content: center;
1135 }
1136 .spe_pr_promo_box .spe_promo_video .spe_popup_youtube::before, .spe_pr_promo_box .spe_promo_video .spe_popup_youtube:after {
1137 content: "";
1138 width: 100%;
1139 height: 100%;
1140 border: 1.2px solid #fff;
1141 border-radius: 50%;
1142 opacity: 0.3;
1143 position: absolute;
1144 left: 50%;
1145 top: 50%;
1146 }
1147 .spe_pr_promo_box .spe_promo_video .spe_popup_youtube::before {
1148 transform: translate(-50%, -50%) scale(1.32);
1149 }
1150 .spe_pr_promo_box .spe_promo_video .spe_popup_youtube:after {
1151 border-radius: 50%;
1152 box-shadow: 0px 1px 15px 1px rgba(255, 255, 255, 0.3);
1153 transform: scale(8);
1154 animation: spe_pulse 2s infinite;
1155 }
1156 .spe_pr_promo_box .spe_promo_video .spe_popup_youtube:hover {
1157 transform: translate(-50%, -50%) scale(1.02);
1158 }
1159
1160 /*============ qa_inner css ===============*/
1161 .qa_inner {
1162 border-radius: 12px;
1163 background: #fff;
1164 padding: 48px 56px;
1165 flex-wrap: nowrap;
1166 align-items: start;
1167 }
1168 .qa_inner img {
1169 margin-right: 25px;
1170 }
1171 .qa_inner h2 {
1172 font-size: 24px;
1173 font-weight: 600;
1174 font-family: "Roboto", sans-serif;
1175 margin-bottom: 15px;
1176 color: #0c0d0e;
1177 }
1178 .qa_inner p {
1179 font-size: 16px;
1180 line-height: 32px;
1181 color: #2f3337;
1182 margin-top: 0;
1183 }
1184
1185 /*============ keyframes animation =============*/
1186 @-webkit-keyframes spe_pulse {
1187 0% {
1188 opacity: 1;
1189 -webkit-transform: translate(-50%, -50%) scale(1);
1190 transform: translate(-50%, -50%) scale(1);
1191 }
1192 100% {
1193 opacity: 0;
1194 -webkit-transform: translate(-50%, -50%) scale(2);
1195 transform: translate(-50%, -50%) scale(2);
1196 }
1197 }
1198 @keyframes spe_pulse {
1199 0% {
1200 opacity: 1;
1201 -webkit-transform: translate(-50%, -50%) scale(1);
1202 transform: translate(-50%, -50%) scale(1);
1203 }
1204 100% {
1205 opacity: 0;
1206 -webkit-transform: translate(-50%, -50%) scale(2);
1207 transform: translate(-50%, -50%) scale(2);
1208 }
1209 }
1210 .fancybox-slide--iframe .fancybox-content,
1211 .fancybox-slide--map .fancybox-content,
1212 .fancybox-slide--pdf .fancybox-content,
1213 .fancybox-slide--video .fancybox-content {
1214 width: 55%;
1215 height: 50%;
1216 }
1217
1218 .spe_filter_content .pro .badge {
1219 position: relative;
1220 }
1221 .spe_filter_content .pro .badge::before {
1222 content: "Pro";
1223 width: 64px;
1224 height: 64px;
1225 text-align: center;
1226 border-radius: 5px;
1227 color: #fff;
1228 position: absolute;
1229 left: -36px;
1230 top: -36px;
1231 font-size: 12px;
1232 font-family: "Roboto", sans-serif;
1233 text-transform: capitalize;
1234 cursor: pointer;
1235 background: #e9336b;
1236 -webkit-transform: rotate(-45deg);
1237 transform: rotate(-45deg);
1238 text-transform: uppercase;
1239 padding: 3px;
1240 display: flex;
1241 align-items: flex-end;
1242 justify-content: center;
1243 font-weight: 700;
1244 }
1245
1246 /*# sourceMappingURL=admin.css.map */
1247