PluginProbe
AutomatorWP – No-Code Workflow Automation, Integration & Webhooks Plugin, now with AI / 5.8.6
AutomatorWP – No-Code Workflow Automation, Integration & Webhooks Plugin, now with AI v5.8.6
6.0.3 6.0.2 6.0.1 6.0.0 5.8.6 5.8.5 5.8.4 5.8.3 5.8.2 5.8.1 5.8.0 5.7.9.2 5.7.9.1 5.7.8 5.7.9 5.7.6 5.7.7 5.7.5 5.7.4 5.7.3 5.7.2 5.7.1 trunk 5.6.0 5.6.1 All 34 releases
automatorwp / assets / css / automatorwp-admin.css

automatorwp-admin.css in AutomatorWP – No-Code Workflow Automation, Integration & Webhooks Plugin, now with AI 5.8.6, at assets/css/automatorwp-admin.css

3,467 lines 90.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* -------------------------------------------
2 AutomatorWP Icon
3 ------------------------------------------- */
4
5 @font-face {
6 font-family: 'AutomatorWP';
7 src: url('../fonts/automatorwp.eot?6ncb0e');
8 src: url('../fonts/automatorwp.eot?6ncb0e#iefix') format('embedded-opentype'),
9 url('../fonts/automatorwp.ttf?6ncb0e') format('truetype'),
10 url('../fonts/automatorwp.woff?6ncb0e') format('woff'),
11 url('../fonts/automatorwp.svg?6ncb0e#automatorwp') format('svg');
12 font-weight: normal;
13 font-style: normal;
14 }
15
16 .dashicons-automatorwp, .dashicons-automatorwp:before {
17 font-family: 'AutomatorWP' !important;
18 speak: none;
19 font-style: normal;
20 font-weight: normal;
21 font-variant: normal;
22 text-transform: none;
23 line-height: 1;
24
25 -webkit-font-smoothing: antialiased;
26 -moz-osx-font-smoothing: grayscale;
27
28 content: "\e900";
29 }
30
31 /* -------------------------------------------
32 General
33 ------------------------------------------- */
34
35 /* Admin Menu */
36 .toplevel_page_automatorwp .wp-submenu li:nth-child(8) {
37 border-top: 1px solid #666;
38 }
39
40 /* -------------------------------------------
41 Automations Edit Screen
42 ------------------------------------------- */
43
44 .admin_page_edit_automatorwp_automations .postbox .inside {
45 overflow: inherit !important;
46 }
47
48 /* Make title appear like WordPress title */
49 #automatorwp-automations-title.postbox {
50 border: 0;
51 box-shadow: none;
52 background: transparent;
53 }
54
55 #automatorwp-automations-title .postbox-header,
56 #automatorwp-automations-title .handlediv,
57 #automatorwp-automations-title .hndle,
58 #automatorwp-automations-title .cmb-th {
59 display: none;
60 }
61
62 #automatorwp-automations-title .inside {
63 padding: 0;
64 margin: 0;
65 }
66
67 #automatorwp-automations-title .cmb-td {
68 width: 100%;
69 max-width: 100% !important;
70 padding: 0;
71 }
72
73 #automatorwp-automations-title .cmb-td input {
74 padding: 3px 8px;
75 font-size: 1.7em;
76 line-height: 100%;
77 height: 1.7em;
78 width: 100%;
79 outline: none;
80 margin: 0 0 3px;
81 background-color: #fff;
82 }
83
84 /* Side boxes */
85 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form input:not([type="checkbox"]):not([type="radio"]),
86 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form select,
87 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .automatorwp-select2,
88 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form textarea {
89 width: 100%;
90 }
91
92 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .automatorwp-select2 {
93 width: 100% !important;
94 }
95
96 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .cmb-type-text-datetime-timestamp input.cmb2-datepicker {
97 max-width: 110px;
98 }
99
100 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .cmb-type-text-datetime-timestamp input.cmb2-timepicker {
101 display: inline;
102 max-width: 90px;
103 margin-top: 0;
104 }
105
106 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .cmb-th,
107 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .cmb-td {
108 padding: 0;
109 }
110
111 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .cmb-td:not(.cmb-remove-row),
112 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .cmb-th,
113 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .cmb-td:not(.cmb-remove-row),
114 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .cmb-th + .cmb-td {
115 padding: 0;
116 }
117
118 #post-body.columns-2 #postbox-container-1 .cmb-row:not(:last-of-type) {
119 padding-bottom: 0;
120 }
121
122 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .cmb-td .cmb2-metabox-description {
123 padding-bottom: 0;
124 }
125
126 /* Automation actions */
127 #automatorwp-automations-save-changes #automatorwp-automation-actions .automatorwp-automation-action {
128 margin-bottom: 6px;
129 }
130
131 /* Publishing actions */
132 #automatorwp-automations-save-changes #major-publishing-actions,
133 #automatorwp-automations-execution-options #major-publishing-actions {
134 margin: 20px -12px -12px -12px;
135 display: block;
136 }
137
138 #automatorwp-automations-save-changes #major-publishing-actions .automatorwp-save-and-activate {
139 float: right;
140 margin-bottom: 4px;
141 margin-top: 4px;
142 }
143
144 #automatorwp-automations-save-changes #major-publishing-actions .automatorwp-save-and-activate + #publishing-action {
145 float: left;
146 margin-top: 4px;
147 }
148
149 #automatorwp-automations-save-changes .submitdelete {
150 color: #a00;
151 }
152
153 /* Triggers and actions box */
154 #automatorwp_triggers.postbox,
155 #automatorwp_actions.postbox {
156 border: none;
157 background: transparent;
158 box-shadow: none;
159 }
160
161 #automatorwp_triggers.postbox .postbox-header,
162 #automatorwp_triggers.postbox .handlediv,
163 #automatorwp_triggers.postbox .hndle,
164 #automatorwp_actions.postbox .postbox-header,
165 #automatorwp_actions.postbox .handlediv,
166 #automatorwp_actions.postbox .hndle {
167 display: none;
168 }
169
170 #automatorwp_triggers.postbox .inside,
171 #automatorwp_actions.postbox .inside {
172 padding: 0;
173 margin: 0;
174 }
175
176 .automatorwp-title {
177 font-size: 23px;
178 }
179
180 .automatorwp-subtitle {
181 font-size: 16px;
182 margin-bottom: 1em;
183 color: #72777c;
184 }
185
186 /* Sequential field */
187 .automatorwp-sequential-field {
188 float: left;
189 width: 100%;
190 padding-bottom: 1.2em;
191 font-size: 14px;
192 }
193
194 .automatorwp-sequential-field > label {
195 float: left;
196 font-weight: 500;
197 padding-right: 8px;
198 }
199
200 .automatorwp-sequential-field .cmb-td {
201 float: left;
202 padding: 0;
203 }
204
205 /* Integration icon */
206 .automatorwp-integration-icon {
207 background-image: url('../img/integration-default.svg');
208 background-repeat: no-repeat;
209 background-position: center;
210 background-size: cover;
211 background-color: #fff;
212 border: 1px solid #ccd0d4;
213 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
214 border-radius: 8px;
215 margin: 0 auto;
216 max-width: 55px;
217 max-height: 55px;
218 height: 55px;
219 }
220
221 .automatorwp-integration-icon img {
222 width: 100%;
223 border-radius: 8px;
224 }
225
226 .automatorwp-integration-icon + .automatorwp-integration-label {
227 font-size: 14px;
228 margin-top: .8em;
229 }
230
231 /* Select integration + trigger or action */
232 .automatorwp-select-integration-label,
233 .automatorwp-select-trigger-label,
234 .automatorwp-select-action-label {
235 font-size: 16px;
236 margin-bottom: 0.5em;
237 }
238
239 .automatorwp-integrations {
240 display: flex;
241 flex-wrap: wrap;
242 }
243
244 .automatorwp-integrations .automatorwp-integration {
245 position: relative;
246 width: 150px;
247 text-align: center;
248 padding: 1em;
249 border-radius: 8px;
250 cursor: pointer;
251 }
252
253 .automatorwp-integrations .automatorwp-integration:hover {
254 background: rgba(0, 124, 186, 0.1);
255 }
256
257 .automatorwp-all-integrations-choices + .automatorwp-select2 {
258 margin-bottom: 1em;
259 }
260
261 .automatorwp-integration-choices-container {
262 position: relative;
263 }
264
265 .automatorwp-integration-choices-container .automatorwp-integration-choices + .automatorwp-select2 {
266 position: absolute !important;
267 visibility: hidden;
268 }
269
270 .automatorwp-integration-choices-container .automatorwp-select2-dropdown-container .select2-dropdown {
271 border: none;
272 }
273
274 .automatorwp-integration-choices-container .automatorwp-select2-dropdown-container .select2-search--dropdown {
275 padding: 0;
276 }
277
278 .automatorwp-integration-choices-container .automatorwp-select2-dropdown-container .select2-search__field {
279 width: 100% !important;
280 border-radius: 4px 4px 0 0;
281 margin: 0;
282 }
283
284 .automatorwp-integration-choices-container .automatorwp-select2-dropdown-container .select2-results {
285 border: 1px solid #ccd0d4;
286 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
287 font-size: 14px;
288 margin-top: -1px;
289 }
290
291 .automatorwp-integration-choices-container .select2-container--disabled + .automatorwp-select2-dropdown-container .select2-search__field,
292 .automatorwp-integration-choices-container .select2-container--disabled + .automatorwp-select2-dropdown-container .select2-results__option:not(.select2-results__option--highlighted) {
293 background: #f5f5f5;
294 }
295
296 /* Inline select2 dropdown */
297 .automatorwp-select2-dropdown-container {
298 margin-bottom: 1em;
299 }
300
301 .automatorwp-select2-dropdown-container .select2-container {
302 position: relative !important;
303 top: 0 !important;
304 left: 0 !important;
305 }
306
307 .automatorwp-select2-dropdown-container .select2-dropdown {
308 position: relative !important;
309 }
310
311 /* Pro integrations */
312 .automatorwp-integration-pro-badge {
313 position: absolute;
314 top: 4px;
315 right: 40px;
316 z-index: 1;
317 background: #46b450;
318 color: #fff;
319 padding: 3px 5px;
320 border-radius: 4px;
321 font-weight: 500;
322 font-size: 11px;
323 }
324
325 /* Pro trigger and actions options */
326 .automatorwp-select2-dropdown-container .select2-results__option[aria-disabled="true"] {
327 color: #666 !important;
328 background: #eee;
329 }
330 .automatorwp-select2-dropdown-container .select2-results__option[aria-disabled="true"]:before {
331 content: 'PRO';
332 display: inline-block;
333 background: #46b450;
334 color: #fff;
335 padding: 3px 5px;
336 border-radius: 4px;
337 font-weight: 500;
338 font-size: 11px;
339 margin-right: 4px;
340 }
341
342 /* Automation items */
343 .automatorwp-automation-item {
344 display: flex;
345 border: 1px solid #ccd0d4;
346 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
347 background: #fff;
348 padding: 1em 1em 1em 0;
349 margin-bottom: 1em;
350
351 cursor: grab; /* To notice that items are draggable */
352 }
353
354 .automatorwp-automation-item .button + .button {
355 margin-left: 2px;
356 }
357
358 .automatorwp-automation-item-details {
359 text-align: center;
360 width: 80px;
361 }
362
363 .automatorwp-automation-item-content {
364 width: calc( 100% - 80px );
365 }
366
367 .automatorwp-automation-item-content > .automatorwp-integration-label {
368 font-weight: 500;
369 color: #72777c;
370 border: 1px solid #ccd0d4;
371 border-radius: 50px;
372 display: inline-block;
373 padding: 0 0.6em;
374 margin-bottom: 0.5em;
375 }
376
377 .automatorwp-automation-item-position {
378 float: left;
379 clear: both;
380 font-size: 16px;
381 line-height: 32px;
382 font-weight: 500;
383 margin-right: 4px;
384 }
385
386 .automatorwp-actions .automatorwp-automation-item-position {
387 display: none;
388 }
389
390 .automatorwp-automation-item-label {
391 font-size: 16px;
392 line-height: 32px;
393 }
394
395 .automatorwp-automation-item-label > .button {
396 min-height: 32px;
397 line-height: 2;
398 padding: 0 12px;
399 margin: 0 !important;
400 font-size: 14px;
401 }
402
403 .automatorwp-no-grab {
404 cursor: auto; /* Disable cursor grab */
405 }
406
407 /* Automation item actions */
408 .automatorwp-automation-item-actions {
409 float: right;
410 margin-top: -4px;
411 margin-right: -4px;
412 }
413
414 .automatorwp-automation-item-actions .automatorwp-automation-item-action {
415 display: inline-block;
416 width: 25px;
417 height: 25px;
418 text-align: center;
419 cursor: pointer;
420 }
421
422 .automatorwp-automation-item-actions .automatorwp-automation-item-action .dashicons {
423 line-height: 25px;
424 }
425
426 .automatorwp-automation-item:first-child .automatorwp-automation-item-action-move-up,
427 .automatorwp-automation-item:last-child .automatorwp-automation-item-action-move-down {
428 color: #a0a5aa;
429 cursor: default;
430 }
431
432 .automatorwp-automation-item-actions .automatorwp-automation-item-action-delete {
433 color: #e15151;
434 }
435
436 /* Automation item options */
437
438 .button.automatorwp-button,
439 .automatorwp-option.button:not(.button-primary):not(.automatorwp-button-success):not(.automatorwp-button-danger):not(.automatorwp-button-dark) {
440 border: none;
441 color: #444;
442 background: #e5e5e5;
443 }
444
445 .button.automatorwp-button:hover,
446 .automatorwp-option.button:not(.button-primary):not(.automatorwp-button-success):not(.automatorwp-button-danger):not(.automatorwp-button-dark):hover {
447 background: #ddd;
448 color: #444;
449 }
450
451 .button.automatorwp-button:focus,
452 .button.automatorwp-button:active,
453 .automatorwp-option.button:not(.button-primary):not(.automatorwp-button-success):not(.automatorwp-button-danger):not(.automatorwp-button-dark):focus,
454 .automatorwp-option.button:not(.button-primary):not(.automatorwp-button-success):not(.automatorwp-button-danger):not(.automatorwp-button-dark):active {
455 background: #cfcfcf;
456 color: #444;
457 }
458
459 /* Option form */
460 .automatorwp-option-form-container {
461 background: #f5f5f5;
462 border: 1px solid #ccd0d4;
463 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
464 padding: 1em 1.5em 1.5em;
465 margin-top: 1em;
466 cursor: auto; /* Disable cursor grab */
467 }
468
469 .automatorwp-option-form .cmb-th {
470 width: 100%;
471 padding: 0;
472 }
473
474 .automatorwp-option-form .cmb-td {
475 width: 100%;
476 padding: 0 0 1em 0;
477 }
478
479 .automatorwp-option-form .mce-container iframe {
480 min-height: 200px;
481 }
482
483 /* Automation missing plugin item */
484 .automatorwp-automation-missing-integration-item .automatorwp-automation-item-label {
485 opacity: 0.6;
486 }
487
488 .automatorwp-automation-missing-integration-item .automatorwp-notice-warning {
489 margin: 0;
490 }
491
492 /* Recommended integrations */
493 .automatorwp-recommended-integrations {
494 margin-top: 8px;
495 }
496
497 .automatorwp-recommended-integrations-label {
498 font-size: 16px;
499 }
500
501 .automatorwp-recommended-integrations-label span {
502 color: #72777c;
503 }
504
505 .automatorwp-recommended-integrations .automatorwp-integrations {
506 margin-top: 8px;
507 }
508
509 .automatorwp-recommended-integrations .automatorwp-integration {
510 text-decoration: none;
511 color: #444;
512 }
513
514 .automatorwp-recommended-integrations .automatorwp-integration-triggers-and-actions {
515 color: #72777c;
516 }
517
518 /* More integrations */
519 .automatorwp-more-integrations {
520 font-size: 13px;
521 margin-top: 8px;
522 }
523
524 .automatorwp-more-integrations span {
525 color: #72777c;
526 }
527
528 /* Prevent to show the "Now" button in time pickers */
529 .admin_page_edit_automatorwp_automations #ui-datepicker-div .ui-datepicker-buttonpane button.ui-datepicker-current {
530 display: none;
531 }
532
533 /* -------------------------------------------
534 Anonymous Automations
535 ------------------------------------------- */
536
537 /* Anonymous automations edit screen */
538 body.edit-anonymous-automation .automatorwp-sequential-field,
539 body.edit-anonymous-automation .automatorwp-add-trigger,
540 body.edit-anonymous-automation #automatorwp_triggers .automatorwp-add-filter,
541 body.edit-anonymous-automation #cmb-field-js-controls-times_per_user-before,
542 body.edit-anonymous-automation .cmb2-id-times-per-user,
543 body.edit-anonymous-automation #cmb-field-js-controls-times_per_user-after {
544 display: none;
545 }
546
547 body:not(.edit-anonymous-automation) .automatorwp-automation-ui-anonymous-notice {
548 display: none;
549 }
550
551 .automatorwp-automation-ui-anonymous-notice {
552 font-size: 16px;
553 color: #72777c;
554 }
555
556 .automatorwp-automation-ui-anonymous-notice .dashicons {
557 color: #007cba;
558 vertical-align: text-bottom;
559 margin-right: 2px;
560 }
561
562 /* Anonymous automations user action */
563 .automatorwp-action-automatorwp-anonymous-user .automatorwp-integration-label {
564 display: none;
565 }
566
567 .automatorwp-action-automatorwp-anonymous-user .automatorwp-anonymous-user-label {
568 line-height: 1;
569 margin-bottom: 8px;
570 }
571
572 .automatorwp-action-automatorwp-anonymous-user .automatorwp-anonymous-user-choice {
573 display: inline-block;
574 width: 120px;
575 border: 1px solid #ccd0d4;
576 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
577 border-radius: 8px;
578 font-size: 14px;
579 line-height: 1;
580 text-align: center;
581 padding: 8px;
582 cursor: pointer;
583 }
584
585 .automatorwp-action-automatorwp-anonymous-user .automatorwp-anonymous-user-choice + .automatorwp-anonymous-user-choice {
586 margin-left: 6px;
587 }
588
589 .automatorwp-action-automatorwp-anonymous-user .automatorwp-anonymous-user-choice:hover {
590 background: rgba(0, 124, 186, 0.1);
591 border-color: #88ccef;
592 }
593
594 .automatorwp-action-automatorwp-anonymous-user .automatorwp-anonymous-user-choice img {
595 display: block;
596 width: 40%;
597 margin: 0 auto 8px;
598 }
599
600 /* Anonymous automations user action form */
601 .automatorwp-action-automatorwp-anonymous-user .cmb2-id-run-actions-on {
602 display: none;
603 }
604
605 .automatorwp-action-automatorwp-anonymous-user .cmb2-id-search-field,
606 .automatorwp-action-automatorwp-anonymous-user .cmb2-id-search-field-value {
607 width: 49%;
608 float: left;
609 }
610
611 .automatorwp-action-automatorwp-anonymous-user .cmb2-id-search-field-value {
612 margin-left: 2% !important;
613 }
614
615 .automatorwp-anonymous-user-resume {
616 background: rgb(245, 245, 245);
617 border: 1px solid rgb(204, 208, 212);
618 box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 1px;
619 padding: 1em;
620 margin-top: 1em;
621 }
622
623 .automatorwp-anonymous-user-resume div {
624 margin-bottom: 4px;
625 }
626
627 .automatorwp-anonymous-user-resume img {
628 width: 30px;
629 vertical-align: bottom;
630 margin-right: 4px;
631 }
632
633 .automatorwp-anonymous-user-resume strong {
634 border: none;
635 background: #404459;
636 color: #fff;
637 line-height: 2.15384615;
638 min-height: 32px;
639 margin: 0;
640 padding: 0 10px;
641 display: inline-block;
642 border-radius: 3px;
643 font-size: 14px;
644 cursor: pointer;
645 }
646
647 /* -------------------------------------------
648 Automation Loop (All Users & All Posts)
649 ------------------------------------------- */
650
651 body.is-automatorwp-loop .automatorwp-sequential-field,
652 body.is-automatorwp-loop #automatorwp_triggers .automatorwp-add-trigger,
653 body.is-automatorwp-loop #cmb-field-js-controls-times_per_user-before,
654 body.is-automatorwp-loop .cmb2-id-times-per-user,
655 body.is-automatorwp-loop #cmb-field-js-controls-times_per_user-after {
656 display: none;
657 }
658
659 /* Execution options box */
660 #automatorwp-automations-execution-options #items_per_loop {
661 width: 80px !important;
662 margin: 0 4px;
663 }
664
665 #automatorwp-automations-execution-options #delay_amount {
666 width: 60px !important;
667 margin: 0 4px;
668 }
669
670 #automatorwp-automations-execution-options .automatorwp-items-per-loop-label-before .dashicons,
671 #automatorwp-automations-execution-options .automatorwp-delay-amount-label-before .dashicons {
672 color: #82878c;
673 margin-top: 8px;
674 margin-left: -1px;
675 margin-right: 5px;
676 }
677
678 #automatorwp-automations-execution-options .cmb2-id-delay-amount {
679 display: inline-block;
680 }
681
682 #automatorwp-automations-execution-options .cmb2-id-delay-seconds {
683 display: inline-block;
684 width: 126px;
685 padding-bottom: 12px !important;
686 }
687
688 #automatorwp-automations-execution-options .cmb2-id-schedule-run,
689 #automatorwp-automations-execution-options .cmb2-id-recurring-run {
690 padding-top: 6px !important;
691 }
692
693 #automatorwp-automations-execution-options .cmb2-id-schedule-run .cmb-th,
694 #automatorwp-automations-execution-options .cmb2-id-recurring-run .cmb-th {
695 float: left;
696 width: auto;
697 margin-right: 6px;
698 }
699
700 #automatorwp-automations-execution-options .cmb2-id-schedule-run .cmb-th label,
701 #automatorwp-automations-execution-options .cmb2-id-recurring-run .cmb-th label {
702 font-weight: 400;
703 }
704
705 #automatorwp-automations-execution-options .cmb2-id-schedule-run .dashicons,
706 #automatorwp-automations-execution-options .cmb2-id-recurring-run .dashicons {
707 color: #82878c;
708 margin-right: 4px;
709 }
710
711 #automatorwp-automations-execution-options .cmb2-id-schedule-run .cmb-td,
712 #automatorwp-automations-execution-options .cmb2-id-recurring-run .cmb-td {
713 float: left !important;
714 width: auto !important;
715 }
716
717 #automatorwp-automations-execution-options .cmb2-id-schedule-run-datetime {
718 padding: 4px 0 12px 0 !important;
719 }
720
721 #automatorwp-automations-execution-options .cmb2-id-recurring-run-day,
722 #automatorwp-automations-execution-options .cmb2-id-recurring-run-period {
723 float: left;
724 padding-top: 10px !important;
725 padding-bottom: 12px !important;
726 }
727
728 #automatorwp-automations-execution-options label[for="recurring_run_day"] {
729 color: #222222;
730 }
731
732 #automatorwp-automations-execution-options .cmb2-id-recurring-run-period {
733 width: 114px;
734 margin-left: 4px;
735 margin-right: 4px;
736 }
737
738 #automatorwp-automations-execution-options .cmb2-id-recurring-run-day .cmb2-metabox-description {
739 display: inline-block !important;
740 }
741
742 #automatorwp-automations-execution-options .cmb2-id-recurring-run-day input {
743 width: 65px !important;
744 margin-left: 4px;
745 }
746
747 #automatorwp-automations-execution-options .cmb2-id-recurring-run-day .cmb-th,
748 #automatorwp-automations-execution-options .cmb2-id-recurring-run-period .cmb-th {
749 display: none;
750 }
751
752 #automatorwp-automations-execution-options .cmb2-id-recurring-run-time {
753 margin-bottom: 10px;
754 padding-top: 10px !important;
755 }
756
757 #automatorwp-automations-execution-options .cmb2-id-recurring-run-time .cmb-th {
758 float: left !important;
759 width: auto !important;
760 }
761
762 #automatorwp-automations-execution-options .cmb2-id-recurring-run-time .cmb-td {
763 float: left !important;
764 width: 90px !important;
765 margin-left: 4px;
766 }
767
768 #automatorwp-automations-execution-options .cmb2-id-recurring-run-time .cmb-th label {
769 font-weight: 400;
770 padding-top: 8px;
771 color: #666;
772 }
773
774 #automatorwp-automations-execution-options .automatorwp-next-run-date .dashicons {
775 color: #82878c;
776 }
777
778 #automatorwp-automations-execution-options .automatorwp-run-automation button {
779 display: block;
780 margin: 0 auto 0 0;
781 }
782
783 #automatorwp-automations-execution-options .automatorwp-run-automation button .dashicons {
784 vertical-align: middle;
785 opacity: 0.8;
786 }
787
788 #automatorwp-automations-execution-options .automatorwp-run-automation button .dashicons.dashicons-controls-play {
789 margin-top: -4px;
790 line-height: 1.1;
791 }
792
793 #automatorwp-automations-execution-options .automatorwp-run-automation button .dashicons.dashicons-update {
794 -webkit-animation: rotation 2s linear infinite;
795 -moz-animation: rotation 2s linear infinite;
796 animation: rotation 2s linear infinite;
797 line-height: 1 !important;
798 }
799
800 #automatorwp-automations-execution-options .automatorwp-run-automation.automatorwp-is-running,
801 #automatorwp-automations-execution-options .automatorwp-cancel-automation-run {
802 float: left;
803 width: 50%;
804 }
805
806 #automatorwp-automations-execution-options .automatorwp-cancel-automation-run button {
807 display: block;
808 margin: 0 0 0 auto;
809 }
810
811 #automatorwp-automations-execution-options .automatorwp-run-automation-progress {
812 margin-top: 12px;
813 }
814
815 #automatorwp-automations-execution-options .automatorwp-run-automation-progress .automatorwp-run-automation-progress-bar {
816 height: 12px;
817 background: rgba(0,0,0,0.1);
818 }
819
820 #automatorwp-automations-execution-options .automatorwp-run-automation-progress .automatorwp-run-automation-progress-bar .automatorwp-run-automation-progress-current-progress {
821 height: 12px;
822 width: 0;
823 background-color: var(--wp-admin-theme-color, #2d8bd7);
824 transition: width 0.5s ease-out;
825 }
826
827 #automatorwp-automations-execution-options .automatorwp-run-automation-progress-completed .automatorwp-run-automation-progress-bar .automatorwp-run-automation-progress-current-progress {
828 background-color: #30c03c;
829 }
830
831 #automatorwp-automations-execution-options .automatorwp-run-automation-progress .automatorwp-run-automation-progress-text {
832 font-size: 13px;
833 color: #666;
834 }
835
836 #automatorwp-automations-execution-options .automatorwp-notice-error {
837 margin: 14px 0 6px 0;
838 }
839
840 /* -------------------------------------------
841 Filters
842 ------------------------------------------- */
843
844 .automatorwp-automation-item-filter {
845 position: relative;
846 margin-left: 20px;
847 margin-bottom: 0.6em;
848 }
849
850 .automatorwp-automation-item:not(.automatorwp-automation-item-filter) + .automatorwp-automation-item-filter {
851 margin-top: -4px;
852 }
853
854 .automatorwp-automation-item-filter:before {
855 content: "";
856 display: block;
857 border-left: 2px dashed #ccd0d4;
858 border-bottom: 2px dashed #ccd0d4;
859 width: 12px;
860 height: 38px;
861 position: absolute;
862 top: -10px;
863 left: -14px;
864 }
865
866 .automatorwp-automation-item-filter + .automatorwp-automation-item-filter:after {
867 content: "";
868 display: block;
869 border-left: 2px dashed #ccd0d4;
870 height: 29px;
871 position: absolute;
872 left: -14px;
873 top: -45px;
874 }
875
876 .automatorwp-automation-item-filter .automatorwp-automation-item-details {
877 width: 60px;
878 }
879
880 .automatorwp-automation-item-filter .automatorwp-automation-item-content {
881 width: calc( 100% - 60px );
882 }
883
884 .automatorwp-automation-item-filter .automatorwp-integration-icon {
885 border: none !important;
886 box-shadow: none !important;
887 max-width: 32px;
888 max-height: 32px;
889 height: 32px;
890 }
891
892 .automatorwp-automation-item-filter .automatorwp-integration-label,
893 .automatorwp-automation-item-filter .automatorwp-automation-item-position {
894 display: none !important;
895 }
896
897 .automatorwp-filter-select2 .select2-dropdown li[role="group"] > strong {
898 background: #fff;
899 border-bottom: 1px solid #ccd0d4;
900 padding: 6px 8px;
901 line-height: 24px;
902 }
903
904 .automatorwp-filter-select2 .select2-dropdown li[role="group"] > strong img {
905 display: inline-block;
906 float: left;
907 width: 24px;
908 height: 24px;
909 border-radius: 6px;
910 border: 1px solid #ccd0d4;
911 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
912 margin-right: 8px;
913 }
914
915 /* -------------------------------------------
916 Forms Columns
917 ------------------------------------------- */
918 .automatorwp-form .cmb-row[class*="automatorwp-col-"] {
919 float: left;
920 }
921
922 .automatorwp-form .cmb-row.automatorwp-col-3 {
923 width: 24%;
924 }
925
926 .automatorwp-form .cmb-row.automatorwp-col-4 {
927 width: 32%;
928 }
929
930 .automatorwp-form .cmb-row.automatorwp-col-6 {
931 width: 49%;
932 }
933
934 /* 6 | 6 */
935 .automatorwp-form .cmb-row.automatorwp-col-6 + .cmb-row.automatorwp-col-6 {
936 margin-left: 2%;
937 }
938
939 /* 6 | 3 | 3 */
940 .automatorwp-form .cmb-row.automatorwp-col-6 + .cmb-row.automatorwp-col-3,
941 .automatorwp-form .cmb-row.automatorwp-col-6 + .cmb-row.automatorwp-col-3 + .cmb-row.automatorwp-col-3 {
942 width: 23%;
943 margin-left: 2%;
944 }
945
946 /* 3 | 3 | 3 | 3 */
947 .automatorwp-form .cmb-row.automatorwp-col-3 + .cmb-row.automatorwp-col-3,
948 .automatorwp-form .cmb-row.automatorwp-col-3 + .cmb-row.automatorwp-col-3 + .cmb-row.automatorwp-col-3,
949 .automatorwp-form .cmb-row.automatorwp-col-3 + .cmb-row.automatorwp-col-3 + .cmb-row.automatorwp-col-3 + .cmb-row.automatorwp-col-3 {
950 width: 23%;
951 margin-left: 2%;
952 }
953
954 /* 4 | 4 | 4 */
955 .automatorwp-form .cmb-row.automatorwp-col-4 + .cmb-row.automatorwp-col-4,
956 .automatorwp-form .cmb-row.automatorwp-col-4 + .cmb-row.automatorwp-col-4 + .cmb-row.automatorwp-col-4 {
957 width: 32%;
958 margin-left: 2%;
959 }
960
961 /* -------------------------------------------
962 Forms
963 ------------------------------------------- */
964 .automatorwp-form input:not([type="button"]):not([type="submit"]),
965 .automatorwp-form textarea:not(.wp-editor-area),
966 .automatorwp-form select,
967 .automatorwp-form .automatorwp-select2 .select2-selection--single,
968 .automatorwp-select2 .select2-search--dropdown .select2-search__field {
969 border: 1px solid #ccd0d4;
970 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
971 padding: 4px 12px;
972 }
973
974 .automatorwp-form select {
975 margin-top: 0 !important;
976 }
977
978 .automatorwp-form input::placeholder,
979 .automatorwp-form textarea::placeholder,
980 .automatorwp-form select::placeholder {
981 opacity: 0.5;
982 }
983
984 .automatorwp-select2 .select2-search--dropdown .select2-search__field {
985 border: 1px solid #ccd0d4 !important;
986 }
987
988 .automatorwp-form input:not([type="button"]):not([type="submit"]):hover,
989 .automatorwp-form textarea:not(.wp-editor-area):hover,
990 .automatorwp-form select:hover,
991 .automatorwp-form .automatorwp-select2 .select2-selection--single:hover,
992 .automatorwp-select2 .select2-search--dropdown .select2-search__field:hover {
993 border-color: #bbc;
994 }
995
996 .automatorwp-form input:not([type="button"]):not([type="submit"]):focus,
997 .automatorwp-form select:focus,
998 .automatorwp-form textarea:not(.wp-editor-area):focus,
999 .automatorwp-form .automatorwp-select2 .select2-selection--single:focus,
1000 .automatorwp-select2 .select2-search--dropdown .select2-search__field:focus {
1001 border-color: #aab;
1002 }
1003
1004 .automatorwp-form input:disabled, .automatorwp-form input.disabled,
1005 .automatorwp-form select:disabled, .automatorwp-form select.disabled,
1006 .automatorwp-form textarea:not(.wp-editor-area):disabled, .automatorwp-form textarea.disabled:not(.wp-editor-area) {
1007 background: #f5f5f5;
1008 }
1009
1010 .automatorwp-form .cmb-th .cmb-group-name {
1011 padding: 5px 0 !important;
1012 font-weight: 500;
1013 }
1014
1015 .automatorwp-form .cmb-th .cmb-group-name + .cmb2-metabox-description {
1016 font-weight: 400;
1017 padding: 0 !important;
1018 }
1019
1020 .automatorwp-automation-item input[type="text"],
1021 .automatorwp-automation-item input[type="number"],
1022 .automatorwp-automation-item input[type="email"],
1023 .automatorwp-automation-item select,
1024 .automatorwp-automation-item .automatorwp-select2,
1025 .automatorwp-automation-item textarea {
1026 width: 100% !important;
1027 }
1028
1029 .automatorwp-automation-item .cmb2-switch .cmb-td {
1030 margin-top: 5px;
1031 }
1032
1033 .automatorwp-option-form .cmb2-switch.cmb-type-checkbox input {
1034 top: -2px !important;
1035 }
1036
1037 .automatorwp-option-form .cmb2-switch.cmb-type-checkbox input + label:before,
1038 .automatorwp-option-form .cmb2-switch.cmb-type-checkbox input + label:after {
1039 top: 0 !important;
1040 }
1041
1042 /* Repeatable */
1043 .automatorwp-form .cmb-repeat-row .cmb-td {
1044 width: calc( 100% - 25px );
1045 }
1046
1047 .automatorwp-form .cmb-repeat-row .cmb-remove-row {
1048 position: absolute !important;
1049 display: block !important;
1050 width: 24px !important;
1051 }
1052
1053 .automatorwp-form .cmb-repeat-row .cmb-remove-row .cmb-remove-row-button {
1054 border: none;
1055 padding: 12px 12px;
1056 background: transparent;
1057 color: #72777c;
1058 }
1059
1060 .automatorwp-form .cmb-repeat-row .cmb-remove-row .cmb-remove-row-button:hover {
1061 color: #444;
1062 }
1063
1064 .automatorwp-form .cmb-repeat-row .cmb-remove-row .cmb-remove-row-button:before {
1065 line-height: 44px;
1066 }
1067
1068 /* Compatibility fix between CMB2 & WP 7.0 */
1069 .cmb2-wrap input[type=radio]:checked:focus,
1070 .cmb2-wrap input[type="checkbox"]:checked:focus {
1071 background: var(--wp-admin-theme-color);
1072 }
1073
1074 /* Groups */
1075 .cmb-type-group .cmb-group-description,
1076 .cmb-type-group .cmb-row:not(.cmb-repeatable-grouping) {
1077 border-bottom: 0 !important;
1078 }
1079
1080 .cmb-type-group .cmb-group-description .cmb-th {
1081 padding: 0 !important;
1082 }
1083
1084 .cmb-type-group .cmb-repeatable-grouping {
1085 border: 1px solid #ccd0d4 !important;
1086 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1087 }
1088
1089 /* File */
1090 .automatorwp-form .cmb-type-file .cmb2-upload-button {
1091 margin-left: 0 !important;
1092 margin-top: 8px;
1093 }
1094
1095 .automatorwp-form .cmb-type-file .cmb2-upload-button {
1096 background: #404459;
1097 border: #404459;
1098 color: #fff;
1099 }
1100
1101 .automatorwp-form .cmb-type-file .cmb2-upload-button :hover {
1102 background: #4b5068;
1103 border: #4b5068;
1104 color: #fff;
1105 }
1106
1107 .automatorwp-form .cmb-type-file .cmb2-upload-button :focus,
1108 .automatorwp-form .cmb-type-file .cmb2-upload-button :active {
1109 background: #36394a;
1110 border: #36394a;
1111 color: #fff;
1112 }
1113
1114 .automatorwp-form .cmb-type-file .cmb2-metabox-description {
1115 width: calc(100% - 38px) !important;
1116 padding-bottom: .5em;
1117 }
1118
1119 .automatorwp-form .cmb-type-file.automatorwp-hide-preview .cmb2-media-status {
1120 display: none !important;
1121 }
1122
1123 .automatorwp-form .cmb-type-file .cmb2-media-status {
1124 display: inline-block;
1125 width: calc(100% - 38px) !important;
1126 }
1127
1128
1129 .automatorwp-form .cmb-type-file .cmb2-remove-file-button {
1130 color: #a00;
1131 }
1132 /* -------------------------------------------
1133 Select2
1134 ------------------------------------------- */
1135 .automatorwp-select2 .select2-selection--single {
1136 height: auto !important;
1137 }
1138
1139 .automatorwp-select2 .select2-selection--single .select2-selection__rendered {
1140 padding-left: 0 !important;
1141 }
1142
1143 .automatorwp-select2 .select2-selection--single .select2-selection__arrow {
1144 height: 38.5px !important;
1145 width: 30px !important;
1146 }
1147
1148 .automatorwp-select2 .select2-dropdown {
1149 border: 1px solid #ccd0d4;
1150 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1151 }
1152
1153 .automatorwp-select2 .select2-results__option {
1154 padding: 10px;
1155 margin: 0;
1156 background: #f5f5f5;
1157 }
1158
1159 .automatorwp-select2 .select2-results__option:not(:last-child) {
1160 border-bottom: 1px solid #ccd0d4;
1161 }
1162
1163 .automatorwp-select2 .select2-results .select2-results__option .result-description {
1164 display: block;
1165 position: relative;
1166 color: #aaaaaa;
1167 }
1168
1169 .automatorwp-select2 .select2-results .select2-results__option .result-description.align-right,
1170 .automatorwp-select2 .select2-results .select2-results__option .result-description .align-right {
1171 float: right;
1172 }
1173
1174 .automatorwp-select2 .select2-results__option--highlighted[aria-selected] {
1175 background-color: var(--wp-admin-theme-color, #5897fb) !important;
1176 }
1177
1178 .automatorwp-select2 .select2-results__option--highlighted[aria-selected] .result-description {
1179 color: rgba(255,255,255,0.7);
1180 }
1181
1182 /* -------------------------------------------
1183 Select2 Multiple
1184 ------------------------------------------- */
1185 .automatorwp-select2 .select2-selection--multiple,
1186 .automatorwp-select2.select2-container--focus .select2-selection--multiple {
1187 border: 1px solid #ccd0d4 !important;
1188 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1189 }
1190
1191 .automatorwp-select2 .select2-search--inline {
1192 width: 100% !important;
1193 margin: 0;
1194 }
1195
1196 .automatorwp-select2 .select2-search--inline .select2-search__field {
1197 width: 100% !important;
1198 margin: 4px 0 0 0;
1199 }
1200
1201 .automatorwp-select2 .select2-selection--multiple .select2-selection__choice {
1202 background: #f5f5f5 !important;
1203 border: 1px solid #ccd0d4 !important;
1204 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1205 border-radius: 2px !important;
1206 padding: 4px 8px !important;
1207 }
1208
1209 .automatorwp-select2 .select2-selection--multiple .select2-selection__choice__remove {
1210 font-size: 16px;
1211 margin-left: -2px;
1212 }
1213
1214 .automatorwp-select2 .select2-selection--multiple .select2-selection__rendered {
1215 padding: 4px 8px !important;
1216 }
1217
1218 /* -------------------------------------------
1219 Tags Selector
1220 ------------------------------------------- */
1221 .automatorwp-automation-item .cmb-td {
1222 position: relative;
1223 z-index: 1;
1224 }
1225
1226 .automatorwp-automation-item .cmb-td .cmb2-metabox-description {
1227 display: inline-block;
1228 }
1229
1230 .automatorwp-automation-item input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]),
1231 .automatorwp-automation-item textarea:not(.wp-editor-area) {
1232 width: calc( 100% - 38px ) !important;
1233 border-radius: 4px 0 0 4px;
1234 }
1235
1236 .automatorwp-automation-item .wp-editor-wrap {
1237 width: calc( 100% - 44px );
1238 display: inline-block;
1239 }
1240
1241 .automatorwp-automation-tag-selector {
1242 display: none;
1243 }
1244
1245 .automatorwp-automation-tag-selector + .automatorwp-select2 {
1246 position: absolute;
1247 top: 0;
1248 left: 0;
1249 height: 38px;
1250 z-index: -1;
1251 outline: 0;
1252 }
1253
1254 .automatorwp-automation-tag-selector + .automatorwp-select2:focus {
1255 outline: 0;
1256 border: none;
1257 }
1258
1259 .automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection--single {
1260 border: none;
1261 box-shadow: none;
1262 background: transparent;
1263 }
1264
1265 .automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection--single:focus {
1266 outline: 0;
1267 border: none;
1268 }
1269
1270 .automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection__arrow {
1271 font-family: 'dashicons';
1272 display: inline-block;
1273 line-height: 1;
1274 font-weight: 400;
1275 font-style: normal;
1276 speak: none;
1277 text-decoration: inherit;
1278 text-transform: none;
1279 text-rendering: auto;
1280 -webkit-font-smoothing: antialiased;
1281 -moz-osx-font-smoothing: grayscale;
1282 width: 20px;
1283 height: 20px;
1284 font-size: 20px;
1285 vertical-align: top;
1286 text-align: center;
1287 transition: color 0.1s ease-in;
1288
1289 top: 0 !important;
1290 right: 0 !important;
1291 padding: 0 3px;
1292 border: 1px solid #ccd0d4;
1293 border-radius: 0 4px 4px 0;
1294 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1295 color: #72777c;
1296 background: #f3f5f6;
1297 }
1298
1299 .cmb-type-wysiwyg .automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection__arrow {
1300 border-radius: 4px;
1301 }
1302
1303 .cmb-type-wysiwyg .automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection__rendered {
1304 display: none;
1305 }
1306
1307 .automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection__arrow:hover {
1308 border-color: #bbc;
1309 background: #f1f1f1;
1310 }
1311
1312 .automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection__arrow:before {
1313 content: "\f206";
1314 display: inline-block;
1315 margin-top: 9px;
1316 }
1317
1318 .automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection__arrow b {
1319 display: none;
1320 }
1321
1322 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > strong {
1323 cursor: pointer;
1324 }
1325
1326 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > strong img {
1327 display: inline-block;
1328 float: left;
1329 width: 24px;
1330 height: 24px;
1331 border-radius: 6px;
1332 border: 1px solid #ccd0d4;
1333 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1334 margin-right: 8px;
1335 }
1336
1337 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > strong {
1338 font-size: 14px;
1339 font-weight: 400;
1340 padding: 10px 12px;
1341 line-height: 24px;
1342 /* The SVG is arrow-down-alt2 from Dashicons. */
1343 background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 8px top 55%;
1344 }
1345
1346 .automatorwp-tags-select2 .select2-dropdown li[role="group"]:last-child > strong {
1347 border-bottom: 0;
1348 }
1349
1350 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > strong .automatorwp-option {
1351 padding: 0px 8px !important;
1352 min-height: 26px !important;
1353 line-height: 22px !important;
1354 }
1355
1356 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul {
1357 display: none;
1358 background: #f5f5f5;
1359 font-size: 14px;
1360 }
1361
1362 .automatorwp-tags-select2 .select2-dropdown .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
1363 background: transparent;
1364 }
1365
1366 .automatorwp-tags-select2 .select2-dropdown .select2-results > .select2-results__options,
1367 .automatorwp-select2 .select2-dropdown .select2-results > .select2-results__options {
1368 max-height: 350px;
1369 overflow-x: hidden;
1370 }
1371
1372 /*.automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li:first-child {*/
1373 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul {
1374 border-top: 1px solid #ccd0d4;
1375 }
1376
1377 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li {
1378 display: inline-block;
1379 position: relative;
1380 border: none;
1381 background: #e0e0e0;
1382 font-size: 12px;
1383 padding: 6px 8px;
1384 border-radius: 2px;
1385 margin: 6px;
1386 }
1387
1388 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li:not(.select2-results__option--highlighted) {
1389
1390 }
1391
1392 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li strong {
1393 /*display: inline-block;*/
1394 /*min-width: 130px;*/
1395 }
1396
1397 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li > span {
1398 font-size: 12px;
1399 bottom: 125%;
1400 left: 0;
1401 min-width: 200px;
1402 background: #2c3338;
1403 color: #ccc !important;
1404 padding: 4px 6px;
1405 border-radius: 4px;
1406
1407 display: none;
1408 }
1409
1410 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li:hover > span {
1411 display: block;
1412 position: absolute;
1413 z-index: 99999;
1414 }
1415
1416 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li > span:before {
1417 content: '';
1418 display: block;
1419 width: 0;
1420 height: 0;
1421 position: absolute;
1422 border-bottom: 8px solid transparent;
1423 border-top: 8px solid #2c3338;
1424 border-left: 8px solid transparent;
1425 border-right: 8px solid transparent;
1426 left: 8px;
1427 bottom: -14px;
1428 }
1429
1430 .automatorwp-tags-select2 .select2-dropdown li[role="group"]:first-of-type > ul li > span {
1431 top: 125%;
1432 bottom: auto;
1433 }
1434
1435 .automatorwp-tags-select2 .select2-dropdown li[role="group"]:first-of-type > ul li > span:before {
1436 border-bottom: 8px solid #2c3338;
1437 border-top: 8px solid transparent;
1438 top: -14px;
1439 bottom: auto;
1440 }
1441
1442 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li > span span {
1443 display: block;
1444 font-weight: 700;
1445 font-size: 11px;
1446 }
1447
1448 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li.select2-results__option--highlighted span {
1449 color: rgba(255,255,255,0.7);
1450 }
1451
1452 .automatorwp-tags-select2 .select2-results__option[aria-disabled=true] {
1453 color: #777 !important;
1454 font-weight: 500;
1455 }
1456
1457 /* -------------------------------------------
1458 Selector Custom Input
1459 ------------------------------------------- */
1460 .automatorwp-selector-custom-input .cmb-td {
1461 margin-left: 30px;
1462 width: calc(100% - 30px);
1463 margin-top: -4px;
1464 }
1465
1466 .automatorwp-selector-custom-input .cmb-td:before {
1467 content: "\f474";
1468 transform: scaleX(-1);
1469 opacity: 0.7;
1470 position: absolute;
1471 top: 6px;
1472 left: -23px;
1473
1474 font-family: dashicons;
1475 display: inline-block;
1476 line-height: 1;
1477 font-weight: 400;
1478 font-style: normal;
1479 speak: never;
1480 text-decoration: inherit;
1481 text-transform: none;
1482 text-rendering: auto;
1483 -webkit-font-smoothing: antialiased;
1484 -moz-osx-font-smoothing: grayscale;
1485 width: 20px;
1486 height: 20px;
1487 font-size: 20px;
1488 vertical-align: top;
1489 text-align: center;
1490 transition: color .1s ease-in;
1491 }
1492
1493 .automatorwp-selector-custom-input .cmb-td input {
1494 margin-top: -4px;
1495 }
1496
1497 /* -------------------------------------------
1498 JS Controls
1499 ------------------------------------------- */
1500
1501 .automatorwp-form .cmb-field-js-controls-before + .cmb-row {
1502 background: #f5f5f5;
1503 border: 1px solid #ccd0d4 !important;
1504 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1505 border-bottom: 0 !important;
1506 padding: 8px 6px !important;
1507 }
1508
1509 .automatorwp-form .cmb-field-js-controls-after {
1510 background: #f5f5f5;
1511 border: 1px solid #ccd0d4;
1512 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1513 margin-top: 0;
1514 border-top: 0;
1515 padding: 4px 6px 8px;
1516 }
1517
1518 /* -------------------------------------------
1519 Colorpicker
1520 ------------------------------------------- */
1521
1522 .automatorwp-form .wp-picker-container .wp-color-result.button {
1523 padding: 0 0 0 17px;
1524 }
1525
1526 /* -------------------------------------------
1527 Automations List
1528 ------------------------------------------- */
1529
1530 .automatorwp-automation-completions,
1531 .automatorwp-automation-status {
1532 font-size: 12px;
1533 font-weight: 600;
1534 color: #444;
1535 background: #e5e5e5;
1536 display: inline-block;
1537 padding: 2px 6px;
1538 border-radius: 4px;
1539 }
1540
1541 .automatorwp-automation-completions-completed,
1542 .automatorwp-automation-status-active {
1543 color: #269630;
1544 background: #d6fdd1;
1545 }
1546
1547 .automatorwp-automation-status-inactive {
1548 color: #dc3232;
1549 background: #ffdddd;
1550 }
1551
1552 .wp-list-table.automatorwp_automations .column-type .automatorwp-integration-icon,
1553 .wp-list-table.automatorwp_automations .column-triggers .automatorwp-integration-icon,
1554 .wp-list-table.automatorwp_automations .column-actions .automatorwp-integration-icon {
1555 display: inline-block;
1556 width: 22px;
1557 max-width: 22px;
1558 max-height: 22px;
1559 height: 22px;
1560 border-radius: 4px;
1561 margin-bottom: 2px;
1562 vertical-align: middle;
1563 }
1564
1565 .wp-list-table.automatorwp_automations .column-type .automatorwp-integration-icon {
1566 padding: 2px;
1567 width: 18px;
1568 height: 18px;
1569 }
1570
1571 .wp-list-table.automatorwp_automations .cmb-tooltip-desc,
1572 .wp-list-table.automatorwp_logs .cmb-tooltip-desc {
1573 white-space: nowrap;
1574 text-align: center;
1575 width: auto;
1576 padding: 4px 8px !important;
1577 }
1578
1579 .wp-list-table.automatorwp_logs .cmb-tooltip-desc.cmb-tooltip-top {
1580 bottom: 130%;
1581 }
1582
1583 .automatorwp_page_automatorwp_logs .subsubsub .filter {
1584 float: none !important;
1585 }
1586
1587 /* -------------------------------------------
1588 Logs Edit Screen
1589 ------------------------------------------- */
1590 #post-body .misc-pub-post-user:before {
1591 content: "\f110";
1592 }
1593
1594 #post-body .misc-pub-post-user:before {
1595 font: normal 20px/1 dashicons;
1596 speak: none;
1597 display: inline-block;
1598 margin-left: -1px;
1599 padding-right: 3px;
1600 vertical-align: top;
1601 -webkit-font-smoothing: antialiased;
1602 -moz-osx-font-smoothing: grayscale;
1603 }
1604 #post-body .misc-pub-post-user:before {
1605 color: #82878c;
1606 }
1607
1608 #post-user-display {
1609 font-weight: 600;
1610 }
1611
1612 #automatorwp_log_data .cmb-th,
1613 #automatorwp_log_data .cmb-td {
1614 padding: 10px;
1615 }
1616
1617 #automatorwp_log_data .cmb-th label {
1618 padding-top: 0px;
1619 }
1620
1621 #automatorwp_log_data .cmb-type-title {
1622 border: 1px solid #ddd;
1623 border-left: 0;
1624 border-right: 0;
1625 background: #f5f5f5;
1626 margin: 5px -12px;
1627 }
1628
1629 #automatorwp_log_data .cmb-type-title .cmb-td {
1630 padding: 10px 20px;
1631 }
1632
1633 #automatorwp_log_data .cmb-type-title .cmb2-metabox-title,
1634 #automatorwp_log_data .cmb-type-title .cmb2-metabox-description {
1635 padding: 0;
1636 margin: 0;
1637 }
1638
1639 .automatorwp-log-title-preview .automatorwp-integration-icon {
1640 position: relative;
1641 float: left;
1642 margin-right: 6px;
1643 width: 40px;
1644 max-width: 40px;
1645 max-height: 40px;
1646 height: 40px;
1647 margin-top: -6px;
1648 }
1649
1650 /* Logs list screen */
1651 .wp-list-table.automatorwp_logs .column-title .automatorwp-integration-icon {
1652 position: relative;
1653 float: left;
1654 margin-right: 6px;
1655 width: 40px;
1656 max-width: 40px;
1657 max-height: 40px;
1658 height: 40px;
1659 margin-top: 1px;
1660 }
1661
1662 .automatorwp-log-title-preview .automatorwp-integration-icon .automatorwp-filter-icon,
1663 .wp-list-table.automatorwp_logs .column-title .automatorwp-integration-icon .automatorwp-filter-icon,
1664 .automatorwp-dashboard .automatorwp-integration-icon .automatorwp-filter-icon {
1665 position: absolute;
1666 top: 23px;
1667 left: 23px;
1668 width: 16px;
1669 height: 16px;
1670 border-width: 1px;
1671 border-style: solid;
1672 }
1673
1674 .automatorwp-log-title-preview .automatorwp-integration-icon .automatorwp-filter-icon,
1675 .automatorwp-log-title-preview .automatorwp-integration-icon .automatorwp-filter-icon img,
1676 .wp-list-table.automatorwp_logs .column-title .automatorwp-integration-icon .automatorwp-filter-icon,
1677 .wp-list-table.automatorwp_logs .column-title .automatorwp-integration-icon .automatorwp-filter-icon img,
1678 .automatorwp-dashboard .automatorwp-integration-icon .automatorwp-filter-icon,
1679 .automatorwp-dashboard .automatorwp-integration-icon .automatorwp-filter-icon img {
1680 display: block;
1681 border-radius: 4px;
1682 }
1683
1684 .automatorwp-integration-icon .automatorwp-filter-icon-passed {
1685 background: #46b450;
1686 border-color: #46b450;
1687 }
1688
1689 .automatorwp-integration-icon .automatorwp-filter-icon-not-passed {
1690 background: #dc3232;
1691 border-color: #dc3232;
1692 }
1693
1694 .automatorwp-clear-all-logs-button {
1695 float: right;
1696 margin-left: 4px !important;
1697 margin-top: 11px !important;
1698 }
1699
1700 /* -------------------------------------------
1701 Field Required
1702 ------------------------------------------- */
1703 .automatorwp-field-required {
1704 color: #dc3232;
1705 font-weight: 700;
1706 font-size: 18px;
1707 line-height: 0;
1708 }
1709
1710 /* -------------------------------------------
1711 Spinner
1712 ------------------------------------------- */
1713 .automatorwp-spinner {
1714 float: right;
1715 }
1716
1717 .automatorwp-spinner .spinner {
1718 float: none;
1719 margin-top: 0;
1720 }
1721
1722 .automatorwp-spinner .spinner-label {
1723 display: inline-block;
1724 float: right;
1725 font-size: 14px;
1726 margin-top: 0;
1727 color: #72777c;
1728 }
1729
1730 .automatorwp-box-spinner {
1731 display: inline-block;
1732 float: none;
1733 }
1734
1735 /* -------------------------------------------
1736 Buttons
1737 ------------------------------------------- */
1738 .button.automatorwp-button-success {
1739 background: #46b450;
1740 border: #46b450;
1741 color: #fff;
1742 }
1743
1744 .button.automatorwp-button-success:hover {
1745 background: #40a549;
1746 border: #40a549;
1747 color: #fff;
1748 }
1749
1750 .button.automatorwp-button-success:focus,
1751 .button.automatorwp-button-success:active {
1752 background: #399341;
1753 border: #399341;
1754 color: #fff;
1755 }
1756
1757 .button.automatorwp-button-danger {
1758 background: #e15151;
1759 border: #e15151;
1760 color: #fff;
1761 }
1762
1763 .button.automatorwp-button-danger:hover {
1764 background: #de3b3b;
1765 border: #de3b3b;
1766 color: #fff;
1767 }
1768
1769 .button.automatorwp-button-danger:focus,
1770 .button.automatorwp-button-danger:active {
1771 background: #da2525;
1772 border: #da2525;
1773 color: #fff;
1774 }
1775
1776 .button.automatorwp-button-dark {
1777 background: #404459;
1778 border: #404459;
1779 color: #fff;
1780 }
1781
1782 .button.automatorwp-button-dark:hover {
1783 background: #4b5068;
1784 border: #4b5068;
1785 color: #fff;
1786 }
1787
1788 .button.automatorwp-button-dark:focus,
1789 .button.automatorwp-button-dark:active {
1790 background: #36394a;
1791 border: #36394a;
1792 color: #fff;
1793 }
1794
1795 .automatorwp-add-trigger,
1796 .automatorwp-add-action,
1797 .automatorwp-add-filter {
1798 min-height: 32px !important;
1799 line-height: 2 !important;
1800 padding: 0 12px !important;
1801 }
1802
1803 .automatorwp-add-trigger.button .dashicons,
1804 .automatorwp-add-action.button .dashicons,
1805 .automatorwp-add-filter.button .dashicons {
1806 opacity: 0.8;
1807 margin-right: 4px;
1808 margin-left: -4px;
1809 line-height: 1 !important;
1810 vertical-align: middle !important;
1811 color: #fff !important; /* Fix for Elementor */
1812 }
1813
1814 .automatorwp-add-filter.button:disabled .dashicons,
1815 .automatorwp-add-filter.button.disabled .dashicons {
1816 color: #949494 !important;
1817 }
1818
1819 .automatorwp-add-filter.button .dashicons {
1820 line-height: 1.7;
1821 font-size: 16px;
1822 }
1823
1824 /* -------------------------------------------
1825 Notices
1826 ------------------------------------------- */
1827 .automatorwp-notice-info,
1828 .automatorwp-notice-warning,
1829 .automatorwp-notice-error,
1830 .automatorwp-notice-success {
1831 font-weight: 500;
1832 padding: 10px 12px;
1833 border-radius: 4px;
1834 margin-bottom: 15px;
1835 }
1836
1837 .automatorwp-notice-info {
1838 color: #007cba;
1839 background: #d9f1fd;
1840 }
1841
1842 .automatorwp-notice-warning {
1843 color: #a27806;
1844 background: #fff0c9;
1845 }
1846
1847 .automatorwp-notice-error {
1848 color: #dc3232;
1849 background: #ffdddd;
1850 }
1851
1852 .automatorwp-notice-success {
1853 color: #269630;
1854 background: #d6fdd1;
1855 }
1856
1857
1858 /* -------------------------------------------
1859 Tooltip
1860 ------------------------------------------- */
1861 .automatorwp-tooltip {
1862 position: absolute;
1863 right: -4px;
1864 top: 6px;
1865 cursor: help;
1866 }
1867
1868 .automatorwp-tooltip .dashicons {
1869 width: 24px;
1870 height: 24px;
1871 font-size: 24px;
1872 }
1873
1874 /* Desktop */
1875 @media screen and (min-width: 768px) {
1876 .automatorwp-has-tooltip .cmb2-metabox-description:not(.automatorwp-tooltip-dialog) {
1877 display: none !important;
1878 }
1879
1880 .cmb2-metabox-description.automatorwp-tooltip-dialog {
1881 position: absolute;
1882 top: -4px;
1883 right: 25px;
1884 left: -25px;
1885 z-index: 9999;
1886 padding: 10px !important;
1887 font-style: normal !important;
1888 font-size: 13px;
1889 border-radius: 4px;
1890 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
1891 background: #2c3338;
1892 color: #ccc !important;
1893 }
1894
1895 .cmb2-metabox-description.automatorwp-tooltip-dialog:before {
1896 content: '';
1897 display: block;
1898 width: 0;
1899 height: 0;
1900 position: absolute;
1901 border-bottom: 8px solid transparent;
1902 border-top: 8px solid transparent;
1903 border-left: 8px solid #2c3338;
1904 right: -7px;
1905 top: 14px;
1906 }
1907
1908 .automatorwp-has-tooltip .cmb-td {
1909 position: relative;
1910 }
1911
1912 #post-body.columns-2 #postbox-container-1 .automatorwp-has-tooltip input,
1913 #post-body.columns-2 #postbox-container-1 .automatorwp-has-tooltip select,
1914 #post-body.columns-2 #postbox-container-1 .automatorwp-has-tooltip .automatorwp-select2,
1915 .automatorwp-has-tooltip input,
1916 .automatorwp-has-tooltip select {
1917 width: calc( 100% - 25px ) !important;
1918 }
1919
1920 #post-body.columns-2 #postbox-container-1 .automatorwp-has-tooltip .automatorwp-select2 .select2-search--inline .select2-search__field {
1921 width: 100% !important;
1922 }
1923 }
1924
1925 /* Smartphone */
1926 @media screen and (max-width: 768px) {
1927 .automatorwp-has-tooltip .automatorwp-tooltip {
1928 display: none;
1929 }
1930 }
1931
1932 /* -------------------------------------------
1933 Options List
1934 ------------------------------------------- */
1935 .cmb2-metabox-description + .automatorwp-toggleable-options-list {
1936 color: #757575;
1937 font-style: italic;
1938 margin-top: 5px;
1939 }
1940
1941 .cmb2-metabox-description + .automatorwp-toggleable-options-list code {
1942 color: #444;
1943 font-weight: 600;
1944 }
1945
1946 /* -------------------------------------------
1947 Fields Table
1948 ------------------------------------------- */
1949 .automatorwp-fields-table .inside {
1950 overflow: inherit !important;
1951 }
1952
1953 .automatorwp-fields-table .cmb-row {
1954 border-bottom: 0;
1955 }
1956
1957 .automatorwp-fields-table .cmb-repeatable-grouping > .cmb-remove-group-row,
1958 .automatorwp-fields-table .cmb-repeatable-grouping > .cmbhandle,
1959 .automatorwp-fields-table .cmb-repeatable-grouping:not(:nth-child(2)) > .cmb-group-title {
1960 display: none;
1961 }
1962
1963 .automatorwp-fields-table .cmb-repeatable-grouping .cmb-group-title {
1964 border-bottom: 1px solid #ccd0d4;
1965 background: #fff;
1966 margin: 0 !important;
1967 padding: 10px;
1968 border-radius: 4px 4px 0 0;
1969 }
1970
1971 .automatorwp-fields-table .cmb-repeatable-grouping {
1972 padding: 0 !important;
1973 margin: 0 !important;
1974 border-radius: 4px 4px 0 0;
1975 }
1976
1977 .automatorwp-fields-table .cmb-repeatable-grouping:not(:nth-child(2)) {
1978 border-top: 0 !important;
1979 }
1980
1981 .automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list {
1982 display: flex;
1983 background: #f5f5f5;
1984 }
1985
1986 .automatorwp-fields-table.automatorwp-fields-table-col-1 .cmb-repeatable-grouping .cmb-field-list .cmb-row:not(.cmb-remove-field-row) {
1987 width: 100%;
1988 }
1989 .automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-row:not(.cmb-remove-field-row) {
1990 width: 50%;
1991 }
1992
1993 .automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-row:not(:first-child) {
1994 border-left: 1px solid #ccd0d4 !important;
1995 }
1996
1997 .automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-row {
1998 padding: 10px 10px;
1999 margin: 0;
2000 }
2001
2002 .automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-th {
2003 width: auto;
2004 }
2005
2006 .automatorwp-fields-table .cmb-repeatable-grouping:not(:nth-child(2)) .cmb-field-list .cmb-th {
2007 display: none;
2008 }
2009
2010 .automatorwp-fields-table .cmb-repeatable-grouping:nth-child(2) .cmb-field-list .cmb-th {
2011 margin-top: -52px;
2012 margin-left: -11px;
2013 padding: 8px 0 8px 12px;
2014 }
2015
2016 .automatorwp-fields-table .cmb-repeatable-grouping:nth-child(2) .cmb-field-list .cmb-row:not(:first-child) .cmb-th {
2017 border-left: 1px solid #ccd0d4 !important;
2018 }
2019
2020 .automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-td {
2021 width: 100%;
2022 }
2023
2024 /* Fields table remove button */
2025 .automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-row.cmb-remove-field-row .cmb-remove-group-row-button {
2026 color: #72777c;
2027 border: none;
2028 background: transparent;
2029 padding: 8px 0;
2030 }
2031
2032 .automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-row.cmb-remove-field-row .cmb-remove-group-row-button:hover {
2033 color: #444;
2034 }
2035
2036 /* Fields table add button */
2037 .automatorwp-fields-table .cmb-repeatable-group > .cmb-row:last-child {
2038 background: #fff;
2039 border: 1px solid #ccd0d4 !important;
2040 border-top: 0 !important;
2041 padding: 8px 10px;
2042 margin-bottom: 15px;
2043 border-radius: 0 0 4px 4px;
2044 }
2045
2046 .automatorwp-fields-table .cmb-repeatable-group > .cmb-row:last-child .cmb-add-row {
2047 margin: 0;
2048 }
2049
2050 .automatorwp-fields-table .cmb-repeatable-group > .cmb-row:last-child .cmb-add-group-row {
2051 font-size: 12px;
2052 min-height: 20px;
2053 }
2054
2055 /* -------------------------------------------
2056 Dialog
2057 ------------------------------------------- */
2058 .automatorwp-dialog {
2059 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
2060 border: 1px solid #ccd0d4;
2061 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
2062 background: #fff;
2063 padding: 15px;
2064 font-size: 14px;
2065 z-index: 999999;
2066 border-radius: 8px;
2067 }
2068
2069 .automatorwp-dialog + .ui-widget-overlay {
2070 opacity: 0.7;
2071 background: #000;
2072 position: fixed;
2073 top: 0;
2074 left: 0;
2075 height: 100%;
2076 width: 100%;
2077 z-index: 99999;
2078 }
2079
2080 .automatorwp-dialog .ui-widget-content {
2081 border: none;
2082 }
2083
2084 .automatorwp-dialog .ui-dialog-titlebar {
2085 border: none;
2086 background: transparent;
2087 padding: 0;
2088 }
2089
2090 .automatorwp-dialog .ui-dialog-title {
2091 display: none;
2092 }
2093
2094 .automatorwp-dialog h2 {
2095 margin-top: 0;
2096 font-size: 1.5em;
2097 }
2098
2099 .automatorwp-dialog .button {
2100 font-size: 14px;
2101 }
2102
2103 .automatorwp-dialog .button + .button {
2104 margin-left: 4px;
2105 }
2106
2107 /* Dialog close button */
2108 .automatorwp-dialog .ui-dialog-titlebar-close {
2109 float: right;
2110 border: none;
2111 background: transparent;
2112 color: #72777c;
2113 margin-top: -10px;
2114 margin-right: -14px;
2115 cursor: pointer;
2116 }
2117
2118 .automatorwp-dialog .ui-dialog-titlebar-close:hover {
2119 color: #444;
2120 }
2121
2122 .automatorwp-dialog .ui-dialog-titlebar-close:before {
2123 content: "\f335";
2124
2125 font-family: dashicons;
2126 display: inline-block;
2127 line-height: 1;
2128 font-weight: 400;
2129 font-style: normal;
2130 speak: none;
2131 text-decoration: inherit;
2132 text-transform: none;
2133 text-rendering: auto;
2134 -webkit-font-smoothing: antialiased;
2135 -moz-osx-font-smoothing: grayscale;
2136 width: 20px;
2137 height: 20px;
2138 font-size: 20px;
2139 vertical-align: top;
2140 text-align: center;
2141 transition: color .1s ease-in;
2142 }
2143
2144 .automatorwp-dialog .ui-dialog-titlebar-close .ui-button-text {
2145 display: none;
2146 }
2147
2148 /* Dialog bottom button */
2149 .automatorwp-dialog .automatorwp-dialog-bottom:after {
2150 content: '';
2151 display: block;
2152 clear: both;
2153 }
2154
2155 .automatorwp-dialog .automatorwp-dialog-buttons {
2156 float: right;
2157 }
2158
2159 .automatorwp-dialog .automatorwp-dialog-buttons .automatorwp-dialog-cancel {
2160 line-height: 32px;
2161 }
2162
2163 /* -------------------------------------------
2164 Automation type dialog
2165 ------------------------------------------- */
2166 .automatorwp-automation-type-dialog .automatorwp-automation-types {
2167 display: flex;
2168 flex-wrap: wrap;
2169 margin-left: -6px;
2170 margin-right: -6px;
2171 }
2172
2173 .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type {
2174 position: relative;
2175 width: 21%;
2176 padding: 1em 0.5em;
2177 border: 2px solid #efefef;
2178 border-radius: 8px;
2179 cursor: pointer;
2180 margin-left: 6px;
2181 margin-right: 6px;
2182 margin-bottom: 12px;
2183 text-align: center;
2184 }
2185
2186 .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type:hover {
2187 background: rgba(0, 124, 186, 0.1);
2188 border-color: #88ccef;
2189 }
2190
2191 .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type.automatorwp-automation-type-selected {
2192 border-color: #008fd6;
2193 background: rgba(0, 124, 186, 0.2);
2194 }
2195
2196 .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type img {
2197 width: 38%;
2198 margin-bottom: 6px;
2199 }
2200
2201 .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type strong {
2202 display: block;
2203 font-size: 16px;
2204 margin-bottom: 8px;
2205 }
2206
2207 .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type .automatorwp-automation-type-description {
2208 font-size: 12px;
2209 margin-top: 6px;
2210 }
2211
2212 .automatorwp-automation-type-dialog .automatorwp-automation-type-dialog-automation-loop-title {
2213 margin: 0;
2214 margin-bottom: 12px;
2215 }
2216
2217 .automatorwp-automation-type-dialog .automatorwp-automation-type-dialog-automation-loop-title .cmb-tooltip {
2218 vertical-align: baseline;
2219 }
2220 .automatorwp-automation-type-dialog .automatorwp-automation-type-dialog-automation-loop-title .cmb-tooltip .dashicons {
2221 opacity: 0.3;
2222 }
2223
2224 .automatorwp-automation-type-dialog .automatorwp-automation-type-dialog-automation-loop-desc {
2225 margin-top: 2px;
2226 }
2227
2228 /* -------------------------------------------
2229 Automation URL export dialog
2230 ------------------------------------------- */
2231
2232 .automatorwp-automation-url-export-dialog label {
2233 display: block;
2234 font-weight: 500;
2235 margin-bottom: 6px;
2236 }
2237
2238 .automatorwp-automation-url-export-dialog .automatorwp-notice-error {
2239 margin-top: 1em;
2240 }
2241
2242 .automatorwp-automation-url-export-dialog .automatorwp-automation-url-export-dialog-input,
2243 .automatorwp-automation-url-export-dialog .automatorwp-automation-url-export-dialog-url {
2244 margin-bottom: 1em;
2245 }
2246
2247 .automatorwp-automation-url-export-dialog input {
2248 width: 100%;
2249 font-size: 18px !important;
2250 border: 2px solid #ccc;
2251 margin: 0;
2252 }
2253
2254 .automatorwp-automation-url-export-dialog .automatorwp-automation-url-export-dialog-desc {
2255 display: block;
2256 margin-top: 6px;
2257 font-style: italic;
2258 }
2259
2260 .automatorwp-automation-url-export-dialog-url input {
2261 width: calc( 100% - 40px );
2262 margin: 0;
2263 border-radius: 4px 0 0 4px;
2264 }
2265
2266 .automatorwp-automation-url-export-dialog-url-copy {
2267 position: relative;
2268 float: right;
2269 height: 36px;
2270 width: 38px;
2271 border: 2px solid #ccc;
2272 border-left: none;
2273 border-radius: 0 4px 4px 0;
2274 }
2275
2276 .automatorwp-automation-url-export-dialog-url-copy-icon {
2277 padding: 8px;
2278 cursor: pointer;
2279 opacity: 0.7;
2280 }
2281
2282 .automatorwp-automation-url-export-dialog-url-copy-text {
2283 opacity: 0;
2284 -webkit-transition: opacity 0.5s ease-in-out;
2285 -moz-transition: opacity 0.5s ease-in-out;
2286 transition: opacity 0.5s ease-in-out;
2287 }
2288
2289 .automatorwp-automation-url-export-dialog-url-copy:hover .automatorwp-automation-url-export-dialog-url-copy-text {
2290 opacity: 1;
2291 }
2292
2293 .automatorwp-automation-url-export-dialog-url-copy-text {
2294 position: absolute;
2295 top: -34px;
2296 width: 60px;
2297 font-size: 11px;
2298 text-align: center;
2299 right: -10px;
2300 z-index: 9999;
2301 padding: 4px;
2302 font-style: normal;
2303 border-radius: 4px;
2304 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
2305 background: #000;
2306 color: #fff;
2307 }
2308
2309 .automatorwp-automation-url-export-dialog-url-copy-text:before {
2310 content: '';
2311 display: block;
2312 width: 0;
2313 height: 0;
2314 position: absolute;
2315 border-top: 8px solid #000;
2316 border-left: 8px solid transparent;
2317 border-right: 8px solid transparent;
2318 bottom: -7px;
2319 left: 44%;
2320 }
2321
2322 /* -------------------------------------------
2323 Dashboard
2324 ------------------------------------------- */
2325
2326 body.toplevel_page_automatorwp,
2327 body.automatorwp_page_automatorwp_add_ons {
2328 background: #f5f5f5;
2329 }
2330
2331 .automatorwp-dashboard .wp-heading-inline {
2332 display: none !important;
2333 }
2334
2335 .automatorwp-dashboard .meta-box-sortables {
2336 margin-bottom: 0 !important;
2337 }
2338
2339 .automatorwp-dashboard .postbox .inside,
2340 .automatorwp-dashboard .postbox .inside p {
2341 font-size: 14px;
2342 }
2343
2344 .automatorwp-dashboard .postbox,
2345 .automatorwp-dashboard .automatorwp-plugin-card {
2346 border: none;
2347 border-radius: 6px;
2348 box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
2349 }
2350
2351 .automatorwp-dashboard #automatorwp-dashboard-videos.postbox,
2352 .automatorwp-dashboard #automatorwp-dashboard-plugins.postbox,
2353 .automatorwp-dashboard #automatorwp-dashboard-team.postbox,
2354 .automatorwp-dashboard #automatorwp-dashboard-social.postbox,
2355 .automatorwp-dashboard #automatorwp-dashboard-involved.postbox {
2356 background: transparent;
2357 box-shadow: none;
2358 }
2359
2360 .automatorwp-dashboard .postbox .hndle {
2361 display: block;
2362 cursor: auto;
2363 user-select: auto;
2364 font-size: 16px;
2365 }
2366
2367 .automatorwp-dashboard .postbox .hndle .button {
2368 text-decoration: none !important;
2369 float: right;
2370 margin-bottom: -7px;
2371 min-height: 30px;
2372 line-height: 2.30769231;
2373 padding: 0 12px;
2374 }
2375
2376 .automatorwp-dashboard .postbox .hndle .dashicons {
2377 opacity: 0.4;
2378 margin-right: 4px;
2379 }
2380
2381 .automatorwp-dashboard .postbox-header {
2382 border: none;
2383 }
2384
2385 .automatorwp-dashboard .automatorwp-dashboard-logo {
2386 margin-bottom: 10px;
2387 }
2388
2389 .automatorwp-dashboard .automatorwp-dashboard-logo img {
2390 width: 230px;
2391 vertical-align: middle;
2392 }
2393
2394 .automatorwp-dashboard .automatorwp-dashboard-logo .autoamtorwp-dashboard-version {
2395 font-size: 16px;
2396 font-weight: 700;
2397 }
2398
2399 .automatorwp-dashboard h1 {
2400 clear: both;
2401 margin: 0 8px 8px;
2402 font-size: 28px;
2403 }
2404
2405 .automatorwp-dashboard h3 {
2406 font-size: 16px !important;
2407 font-weight: 600 !important;
2408 }
2409
2410 .automatorwp-dashboard li {
2411 margin-bottom: 10px;
2412 }
2413
2414 .automatorwp-dashboard li h3 {
2415 margin-top: 10px !important;
2416 }
2417
2418 .automatorwp-dashboard li .dashicons {
2419 color: #82878c;
2420 }
2421
2422 /* Automations (latest & most completed) & Latest Logs */
2423 .automatorwp-dashboard .automatorwp-automations ul,
2424 .automatorwp-dashboard .automatorwp-latest-logs ul {
2425 margin-bottom: -12px;
2426 }
2427
2428 .automatorwp-dashboard .automatorwp-automations li,
2429 .automatorwp-dashboard .automatorwp-latest-logs li {
2430 display: block;
2431 padding: 8px 12px;
2432 margin-left: -12px;
2433 margin-right: -12px;
2434 margin-bottom: 0;
2435 font-size: 13px;
2436 }
2437
2438 .automatorwp-dashboard .automatorwp-automations li:nth-child(odd),
2439 .automatorwp-dashboard .automatorwp-latest-logs li:nth-child(odd) {
2440 background-color: #f6f7f7;
2441 }
2442
2443 .automatorwp-dashboard .automatorwp-automations li:last-child,
2444 .automatorwp-dashboard .automatorwp-latest-logs li:last-child {
2445 margin-bottom: 0;
2446 border-radius: 0 0 6px 6px;
2447 }
2448
2449 .automatorwp-dashboard .automatorwp-automations li > div,
2450 .automatorwp-dashboard .automatorwp-latest-logs li > div {
2451 display: flex;
2452 }
2453
2454 .automatorwp-dashboard .automatorwp-automations li > div > span,
2455 .automatorwp-dashboard .automatorwp-latest-logs li > div > span {
2456 min-height: 24px;
2457 }
2458
2459 .automatorwp-dashboard .automatorwp-automations li > div > span:first-child,
2460 .automatorwp-dashboard .automatorwp-latest-logs li > div > span:first-child {
2461 flex: 2;
2462 padding-right: 6px;
2463 }
2464
2465 .automatorwp-dashboard .automatorwp-latest-logs li > div > span:last-child,
2466 .automatorwp-dashboard .automatorwp-automations li > div > span:last-child {
2467 flex: 1;
2468 text-align: right;
2469 }
2470
2471 .automatorwp-dashboard .automatorwp-automations li > div:last-child > span,
2472 .automatorwp-dashboard .automatorwp-latest-logs li > div:last-child > span {
2473 color: #72777c;
2474 }
2475
2476 .automatorwp-dashboard .automatorwp-automations li .automatorwp-integration-icon {
2477 padding: 4px;
2478 width: 30px;
2479 height: 30px;
2480 border-radius: 4px;
2481 }
2482
2483 .automatorwp-dashboard .automatorwp-automations .cmb-tooltip-desc,
2484 .automatorwp-dashboard .automatorwp-latest-logs .cmb-tooltip-desc {
2485 white-space: nowrap;
2486 text-align: center;
2487 width: auto;
2488 padding: 4px 8px !important;
2489 bottom: 130%;
2490 }
2491
2492 .automatorwp-dashboard .automatorwp-automations li > div:first-child,
2493 .automatorwp-dashboard .automatorwp-latest-logs li > div:first-child {
2494 float: left;
2495 }
2496
2497 .automatorwp-dashboard .automatorwp-automations .automatorwp-integration-icon,
2498 .automatorwp-dashboard .automatorwp-latest-logs .automatorwp-integration-icon {
2499 position: relative;
2500 float: left;
2501 margin-right: 6px;
2502 width: 40px;
2503 max-width: 40px;
2504 max-height: 40px;
2505 height: 40px;
2506 margin-top: 1px;
2507 }
2508
2509 /* Add New Automation */
2510 .automatorwp-dashboard #automatorwp-dashboard-new-automation h3 {
2511 margin-bottom: 5px !important;
2512 }
2513
2514 .automatorwp-dashboard #automatorwp-dashboard-new-automation h3 .cmb-tooltip {
2515 vertical-align: middle;
2516 }
2517
2518 .automatorwp-dashboard #automatorwp-dashboard-new-automation h3 .cmb-tooltip .dashicons {
2519 opacity: 0.3;
2520 }
2521
2522 .automatorwp-dashboard #automatorwp-dashboard-new-automation h3 + p {
2523 font-size: 13px;
2524 }
2525
2526 .automatorwp-dashboard .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type {
2527 width: 100%;
2528 padding: 0.5em 0.5em;
2529 text-align: left;
2530 margin-bottom: 6px;
2531 }
2532
2533 .automatorwp-dashboard .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type img {
2534 width: 10%;
2535 float: left;
2536 margin-bottom: 0;
2537 }
2538
2539 .automatorwp-dashboard .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type .automatorwp-automation-type-description {
2540 margin-left: 45px;
2541 margin-top: 0;
2542 }
2543
2544 .automatorwp-dashboard .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type .automatorwp-automation-type-description strong {
2545 font-size: 14px;
2546 margin-bottom: 0px;
2547 }
2548
2549 .automatorwp-dashboard #automatorwp-dashboard-new-automation .button {
2550 margin-top: 8px;
2551 }
2552
2553 /* Videos */
2554 .automatorwp-dashboard #automatorwp-dashboard-videos .inside {
2555 margin-top: -16px;
2556 padding: 0;
2557 }
2558
2559 .automatorwp-dashboard #automatorwp-dashboard-plugins .inside,
2560 .automatorwp-dashboard #automatorwp-dashboard-team .inside,
2561 .automatorwp-dashboard #automatorwp-dashboard-involved .inside,
2562 .automatorwp-dashboard #automatorwp-dashboard-social .inside {
2563 padding: 0;
2564 }
2565
2566 .automatorwp-dashboard #automatorwp-dashboard-plugins .hndle,
2567 .automatorwp-dashboard #automatorwp-dashboard-team .hndle,
2568 .automatorwp-dashboard #automatorwp-dashboard-involved .hndle,
2569 .automatorwp-dashboard #automatorwp-dashboard-social .hndle {
2570 padding-left: 0;
2571 }
2572
2573 .automatorwp-dashboard .automatorwp-dashboard-video a {
2574 display: grid;
2575 grid-gap: 0;
2576 grid-template-columns: 1fr 3fr;
2577 margin-bottom: 5px;
2578 text-decoration: none;
2579 color: #3c434a;
2580 opacity: 0.8;
2581 }
2582
2583 .automatorwp-dashboard .automatorwp-dashboard-video a:hover {
2584 opacity: 1;
2585 }
2586
2587 .automatorwp-dashboard .automatorwp-dashboard-video .automatorwp-dashboard-video-image {
2588 height: 58px;
2589 overflow: hidden;
2590 }
2591
2592 .automatorwp-dashboard .automatorwp-dashboard-video .automatorwp-dashboard-video-image img {
2593 margin-top: -13px;
2594 }
2595
2596 .automatorwp-dashboard .automatorwp-dashboard-video .automatorwp-dashboard-video-details .automatorwp-dashboard-video-title {
2597 font-size: 15px;
2598 }
2599
2600 .automatorwp-dashboard .automatorwp-dashboard-video .automatorwp-dashboard-video-details .automatorwp-dashboard-video-duration {
2601 font-size: 13px;
2602 }
2603
2604 .automatorwp-dashboard .automatorwp-dashboard-get-involved p,
2605 .automatorwp-dashboard .automatorwp-dashboard-get-involved ul {
2606 margin-bottom: 20px;
2607 }
2608
2609 .automatorwp-dashboard .automatorwp-dashboard-pricing-button {
2610 margin-top: 28px;
2611 }
2612
2613 .automatorwp-dashboard .button.button-large {
2614 padding: 8px 18px;
2615 }
2616
2617 .automatorwp-dashboard .center {
2618 text-align: center;
2619 }
2620
2621 .automatorwp-dashboard-more-videos {
2622 margin-bottom: -12px;
2623 }
2624
2625 .automatorwp-dashboard-more-videos,
2626 .automatorwp-dashboard-more-add-ons {
2627 clear: both;
2628 text-align: center;
2629 font-size: 16px;
2630 padding-top: 20px;
2631 }
2632
2633 /* Dashboard: Add-ons */
2634 .automatorwp-dashboard .automatorwp-section-desc {
2635 margin-top: -12px;
2636 margin-left: 7px;
2637 }
2638
2639 .automatorwp-dashboard .automatorwp-dashboard-add-ons-section {
2640 margin: 0 !important;
2641 }
2642
2643 .automatorwp-dashboard .automatorwp-plugin-card {
2644 background: transparent;
2645 box-shadow: none;
2646 }
2647 .automatorwp-dashboard .automatorwp-plugin-card .thumbnail {
2648 width: 64px;
2649 height: 64px;
2650 }
2651
2652 .automatorwp-dashboard .automatorwp-plugin-card .thumbnail a {
2653 border-radius: 6px;
2654 overflow: hidden;
2655 margin-left: auto;
2656 margin-right: auto;
2657 box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
2658 background: #fff;
2659 }
2660
2661 .automatorwp-dashboard .automatorwp-plugin-card .thumbnail a img {
2662 max-width: 100%;
2663 }
2664
2665 .automatorwp-dashboard .automatorwp-plugin-card .name {
2666 text-align: center;
2667 }
2668
2669 .automatorwp-dashboard .automatorwp-plugin-card .name h3 {
2670 margin: 0 !important;
2671 }
2672 .automatorwp-dashboard .automatorwp-plugin-card .name a {
2673 text-decoration: none;
2674 font-weight: normal;
2675 color: #1d2327;
2676 overflow: hidden;
2677 white-space: nowrap;
2678 }
2679
2680 .automatorwp-dashboard .automatorwp-plugin-card .thumbnail a img {
2681 border-radius: 6px 6px 0 0;
2682 }
2683
2684 .automatorwp-dashboard .automatorwp-plugin-card .plugin-card-top {
2685 padding: 20px 8px 10px;
2686 min-height: auto;
2687 }
2688
2689 .automatorwp-dashboard .automatorwp-plugin-card .plugin-card-bottom {
2690 background: transparent;
2691 border: none;
2692 margin-top: -20px;
2693 }
2694
2695 .automatorwp-dashboard .automatorwp-plugin-card .cmb-tooltip-desc.cmb-tooltip-top {
2696 width: 150px;
2697 bottom: 95%
2698 }
2699
2700 .automatorwp-dashboard .automatorwp-plugin-card .cmb-tooltip-desc.cmb-tooltip-top:before {
2701 left: 77px;
2702 }
2703
2704 .automatorwp-dashboard .automatorwp-plugin-card .cmb-tooltip-left {
2705 right: 80%;
2706 }
2707
2708 .automatorwp-dashboard .automatorwp-plugin-card .cmb-tooltip-right {
2709 left: 80%;
2710 }
2711
2712 .automatorwp-dashboard .automatorwp-plugin-card .cmb-tooltip-desc p {
2713 margin: 0;
2714 }
2715
2716 .automatorwp-dashboard .plugin-card:nth-child(n+11) .plugin-card-top .thumbnail a:after {
2717 content: " ";
2718 display: block;
2719 position: absolute;
2720 padding-top: 70px;
2721 width: 100%;
2722 left: 0;
2723 margin-top: -57px;
2724 z-index: 999;
2725 background: linear-gradient(0deg, #f5f5f5, transparent);
2726 }
2727
2728 .automatorwp-dashboard .plugin-card:nth-child(n+11) .plugin-card-top .name{
2729 opacity: 0.2;
2730 }
2731
2732 .automatorwp-dashboard .plugin-card {
2733 width: 10%;
2734 clear: none;
2735 }
2736
2737 /* Smartphone */
2738 @media screen and (max-width: 1199px) {
2739 .automatorwp-dashboard .plugin-card {
2740 width: 25%;
2741 }
2742
2743 .automatorwp-dashboard .plugin-card:nth-child(n+9) {
2744 display: none;
2745 }
2746
2747 .automatorwp-dashboard .plugin-card:nth-child(n+5) .plugin-card-top .thumbnail a:after {
2748 content: " ";
2749 display: block;
2750 position: absolute;
2751 padding-top: 70px;
2752 width: 100%;
2753 left: 0;
2754 margin-top: -57px;
2755 z-index: 999;
2756 background: linear-gradient(0deg, #f5f5f5, transparent);
2757 }
2758
2759 .automatorwp-dashboard .plugin-card:nth-child(n+5) .plugin-card-top .name{
2760 opacity: 0.2;
2761 }
2762
2763 .automatorwp-dashboard .automatorwp-dashboard-more-videos {
2764 position: absolute;
2765 bottom: -10px;
2766 left: 44%;
2767 }
2768 }
2769
2770 @media only screen and (min-width: 800px) and (max-width: 1499px) {
2771 .automatorwp-dashboard .postbox-container {
2772 float: left !important;
2773 }
2774
2775 .automatorwp-dashboard .automatorwp-automations {
2776 min-height: 370px;
2777 }
2778
2779 .automatorwp-dashboard #postbox-container-3.postbox-container {
2780 width: 49.5% !important;
2781 }
2782 .automatorwp-dashboard #postbox-container-3.postbox-container:before {
2783 content: "";
2784 display: block;
2785 clear: both;
2786 }
2787 }
2788
2789 /* Plugins */
2790 .automatorwp-dashboard .our-plugins-list li {
2791 display: inline-block;
2792 width: 49%;
2793 margin-bottom: 18px;
2794 }
2795
2796 .automatorwp-dashboard .our-plugins-list img {
2797 vertical-align: middle;
2798 width: 32px;
2799 height: 32px;
2800 }
2801
2802 .automatorwp-dashboard .our-plugins-list span {
2803 vertical-align: middle;
2804 font-size: 18px;
2805 }
2806
2807 /* Team */
2808 .automatorwp-dashboard .contributors-list {
2809 text-align: center;
2810 }
2811
2812 .automatorwp-dashboard .contributors-list img {
2813 border-radius: 50%;
2814 }
2815
2816 .automatorwp-dashboard .contributors-list span {
2817 display: block;
2818 }
2819
2820 .automatorwp-dashboard .contributors-list .cmb-tooltip-top {
2821 bottom: 115%;
2822 width: auto;
2823 white-space: nowrap;
2824 }
2825
2826 /* Social */
2827 .automatorwp-dashboard .automatorwp-dashboard-social-list {
2828 display: flex;
2829 }
2830
2831 .automatorwp-dashboard .automatorwp-dashboard-social-list li:not(:first-child) {
2832 margin-left: 8px;
2833 }
2834
2835 .automatorwp-dashboard .automatorwp-dashboard-social-list .dashicons {
2836 font-size: 20px;
2837 line-height: 36px;
2838 height: 36px;
2839 width: 36px;
2840 color: #fff !important;
2841 border-radius: 100%;
2842 }
2843
2844 .automatorwp-dashboard .automatorwp-dashboard-social-list .cmb-tooltip-top {
2845 bottom: 130%;
2846 width: auto;
2847 white-space: nowrap;
2848 }
2849
2850 .automatorwp-dashboard .dashicons-youtube {
2851 background: #e90000 !important;
2852 }
2853
2854 .automatorwp-dashboard .dashicons-facebook-alt,
2855 .automatorwp-dashboard .dashicons-groups {
2856 background: #4766a9 !important;
2857 }
2858
2859 .automatorwp-dashboard .dashicons-twitter {
2860 background: #139ae7 !important;
2861 }
2862
2863 .automatorwp-dashboard .dashicons-linkedin,
2864 .automatorwp-dashboard #automatorwp-dashboard-social .dashicons-wordpress {
2865 background: #0074b3 !important;
2866 }
2867
2868 .automatorwp-dashboard .dashicons-email-alt {
2869 background: #444 !important;
2870 }
2871
2872 .automatorwp-dashboard-blocks-list li span {
2873 float: right;
2874 }
2875
2876 @media screen and (min-width: 1200px) {
2877
2878 .automatorwp-dashboard .automatorwp-dashboard-columns {
2879 display: grid;
2880 grid-gap: 2rem;
2881 grid-template-columns: 1fr 1fr 1fr;
2882 }
2883
2884 .automatorwp-dashboard .contributors-list {
2885 display: grid;
2886 grid-template-columns: 1fr 1fr 1fr;
2887 }
2888 }
2889
2890 /* Fix WP 7.0 */
2891 @media only screen and (min-width: 1500px) and (max-width: 1800px) {
2892 .automatorwp-dashboard #dashboard-widgets .postbox-container {
2893 width: 25% !important;
2894 }
2895
2896 .automatorwp-dashboard #dashboard-widgets #postbox-container-3,
2897 .automatorwp-dashboard #dashboard-widgets #postbox-container-4 {
2898 float: left !important;
2899 }
2900 }
2901
2902 /* -------------------------------------------
2903 Add-ons
2904 ------------------------------------------- */
2905
2906 .automatorwp_page_automatorwp_add_ons .wp-filter {
2907 margin-bottom: 0;
2908 }
2909
2910 .automatorwp_page_automatorwp_add_ons .wp-filter a:hover,
2911 .automatorwp_page_automatorwp_add_ons .wp-filter a:focus {
2912 box-shadow: none;
2913 }
2914
2915 .automatorwp_page_automatorwp_add_ons .wp-filter a .dashicons {
2916 vertical-align: bottom;
2917 }
2918
2919 .automatorwp-add-ons {
2920 display: -webkit-box;
2921 display: -webkit-flex;
2922 display: -ms-flexbox;
2923 display: flex;
2924
2925 -webkit-flex-wrap: wrap;
2926 -ms-flex-wrap: wrap;
2927 flex-wrap: wrap;
2928
2929 width: 100%;
2930 }
2931
2932 .automatorwp-plugin-card {
2933 display: -webkit-box;
2934 display: -webkit-flex;
2935 display: -ms-flexbox;
2936 display: flex;
2937
2938 -webkit-flex-wrap: wrap;
2939 -ms-flex-wrap: wrap;
2940 flex-wrap: wrap;
2941
2942 width: 100%;
2943
2944 margin-left: 0;
2945 margin-right: 0;
2946
2947 border: none;
2948 background: transparent;
2949 }
2950
2951 .automatorwp-plugin-card .plugin-card-top {
2952 width: 100%;
2953 min-height: auto;
2954 padding-top: 0;
2955 }
2956
2957 .automatorwp-plugin-card .plugin-card-bottom {
2958 width: 100%;
2959 align-self: flex-end;
2960 border: none;
2961 background: transparent;
2962 padding: 0;
2963 }
2964
2965 .automatorwp-plugin-card .name, .automatorwp-plugin-card .desc
2966 .automatorwp-plugin-card .name, .automatorwp-plugin-card .desc > p {
2967 margin-left: 0;
2968 margin-right: 0;
2969 }
2970
2971 .automatorwp-plugin-card .thumbnail {
2972 width: 64px;
2973 margin: 0 auto 10px;
2974 border-radius: 6px;
2975 box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
2976 background: #fff;
2977 }
2978
2979 .automatorwp-plugin-card .thumbnail a {
2980 display: block;
2981 line-height: 0;
2982 }
2983
2984 .automatorwp-plugin-card .thumbnail a img {
2985 max-width: 100%;
2986 border-radius: 6px;
2987 }
2988
2989 .automatorwp-plugin-card .name h3 {
2990 text-align: center;
2991 margin: 0;
2992 }
2993
2994 .automatorwp-plugin-card .name a {
2995 text-decoration: none;
2996 font-weight: normal;
2997 color: #1d2327;
2998 font-size: 16px;
2999 }
3000
3001 .automatorwp-plugin-card .cmb-tooltip-desc.cmb-tooltip-top {
3002 bottom: 110%;
3003 }
3004
3005 .automatorwp-plugin-card .cmb-tooltip-desc p {
3006 margin: 0;
3007 color: #ccc !important;
3008 }
3009
3010 .automatorwp-plugin-card .thumbnail:hover + .name a,
3011 .automatorwp-plugin-card .name a:hover {
3012 text-decoration: underline;
3013 }
3014
3015 .automatorwp-plugin-card .action-links {
3016 position: relative;
3017 top: 0;
3018 right: 0;
3019 width: 100%;
3020 }
3021
3022 .automatorwp-plugin-card .action-links .plugin-action-buttons {
3023 float: none;
3024 margin: 0;
3025 }
3026
3027 .automatorwp-plugin-card .action-links .plugin-action-buttons li {
3028 margin: 0;
3029 text-align: center;
3030 }
3031
3032 .automatorwp-plugin-card .action-links .plugin-action-buttons li .more-details {
3033 float: left;
3034 }
3035
3036 .is-automatorwp-plugin#plugin-information #plugin-information-content .notice {
3037 display: none;
3038 }
3039
3040 .automatorwp-plugin-card .plugin-card-bottom {
3041 opacity: 0;
3042 }
3043
3044 .automatorwp-plugin-card:hover .plugin-card-bottom {
3045 opacity: 1;
3046 }
3047
3048 .automatorwp-plugin-card .installed,
3049 .automatorwp-plugin-card .active {
3050 margin-right: -30%;
3051 margin-bottom: -10px;
3052 margin-top: -16px;
3053 position: relative;
3054 z-index: 1;
3055 text-align: center;
3056 }
3057
3058 .automatorwp-plugin-card .installed span,
3059 .automatorwp-plugin-card .active span {
3060 display: inline-block;
3061 padding: 4px 6px;
3062 border-radius: 4px;
3063 font-size: 14px;
3064 }
3065
3066 .automatorwp-plugin-card .installed span {
3067 background: #e5e5e5;
3068 border: #e5e5e5;
3069 }
3070
3071 .automatorwp-plugin-card .active span {
3072 background: #46b450;
3073 border: #46b450;
3074 color: #fff;
3075 }
3076
3077 @media screen and (min-width: 1600px) {
3078 .automatorwp-plugin-card {
3079 width: 16%;
3080 }
3081 }
3082
3083 @media screen and (min-width: 1200px) and (max-width: 1600px) {
3084 .automatorwp-plugin-card {
3085 width: 16%;
3086 }
3087 }
3088
3089 .automatorwp-plugin-card {
3090 margin: 0 !important;
3091 padding-bottom: 12px;
3092 overflow: initial;
3093 }
3094
3095 @media screen and (min-width: 1200px) {
3096 .automatorwp-add-ons {
3097 margin-left: -8px;
3098 margin-right: -8px;
3099 }
3100 }
3101
3102 /* -------------------------------------------
3103 Settings
3104 ------------------------------------------- */
3105
3106 .automatorwp-page.cmb2-options-page {
3107 max-width: 100%;
3108 }
3109
3110 .automatorwp-page.cmb2-options-page .cmb2-metabox > .cmb-row {
3111 border: none;
3112 box-shadow: none;
3113 }
3114
3115 .automatorwp-page .postbox .hndle {
3116 justify-content: flex-start;
3117 font-size: 16px;
3118 }
3119
3120 .automatorwp-page .postbox .hndle .dashicons {
3121 height: 18px;
3122 line-height: 18px;
3123 margin-right: 5px;
3124 }
3125
3126 .automatorwp-page .postbox .handle-actions {
3127 display: none;
3128 }
3129
3130 .automatorwp_settings input[name="submit-cmb"] {
3131 float: left;
3132 margin-right: 12px;
3133 }
3134
3135 .automatorwp_settings.cmb2-options-page #poststuff h2.nav-tab-wrapper {
3136 margin-bottom: 20px !important;
3137 }
3138
3139 .automatorwp-page .nav-tab .dashicons {
3140 vertical-align: text-bottom;
3141 margin-right: 2px;
3142 }
3143
3144 .automatorwp-page > h2 {
3145 margin-bottom: 0 !important;
3146 }
3147
3148 /* -------------------------------------------
3149 Licensing Settings
3150 ------------------------------------------- */
3151
3152 .automatorwp_licenses .meta-box-sortables {
3153 display: -webkit-box;
3154 display: -webkit-flex;
3155 display: -ms-flexbox;
3156 display: flex;
3157 -webkit-flex-wrap: wrap;
3158 -ms-flex-wrap: wrap;
3159 flex-wrap: wrap;
3160 margin-left: -8px;
3161 margin-right: -8px;
3162 }
3163
3164 .automatorwp_licenses .handlediv,
3165 .automatorwp_page_automatorwp_licenses #screen-options-link-wrap {
3166 display: none !important;
3167 }
3168
3169 .automatorwp_licenses .postbox.closed .inside {
3170 display: block !important;
3171 }
3172
3173 .automatorwp_licenses .postbox {
3174 width: 100%;
3175 margin: 0 8px 16px;
3176 }
3177
3178 .automatorwp_licenses .automatorwp-license-thumbnail {
3179 margin: -6px -12px 0;
3180 }
3181
3182 .automatorwp_licenses .automatorwp-license-thumbnail img {
3183 width: 100%;
3184 }
3185
3186 .automatorwp_licenses .cmb-row {
3187 border: none;
3188 padding-bottom: 0;
3189 }
3190
3191 .automatorwp_licenses .cmb2-metabox > .cmb-row:not(:first-of-type) {
3192 border: none !important;
3193 }
3194
3195 .automatorwp_licenses .cmb-th,
3196 .automatorwp_licenses .cmb-td {
3197 width: 100%;
3198 padding: 6px 0 !important;
3199 margin-left: 0 !important;
3200 margin-right: 0 !important;
3201 }
3202
3203 .automatorwp_licenses .cmb-td input {
3204 width: 100%;
3205 }
3206
3207 .automatorwp_licenses .license-expiration-notice,
3208 .automatorwp_licenses .renew-license-notice {
3209 display: inline;
3210 }
3211
3212 .automatorwp_licenses .license-error {
3213 color: #a00;
3214 }
3215
3216 .automatorwp_licenses .renew-license-notice:before {
3217 content: ' '; /* Add a space between expiration and renew notices */
3218 }
3219
3220 @media screen and (min-width: 1600px) {
3221
3222 .automatorwp_licenses .postbox {
3223 width: 23%;
3224 }
3225
3226 }
3227
3228 @media screen and (min-width: 1200px) and (max-width: 1600px) {
3229 .automatorwp_licenses .postbox {
3230 width: 23%;
3231 }
3232 }
3233
3234 /* -------------------------------------------
3235 Review Notice
3236 ------------------------------------------- */
3237 .automatorwp-review-notice {
3238 position: relative;
3239 background: #222;
3240 color: #fff;
3241 border: none;
3242 }
3243
3244 .automatorwp-review-notice a:not(.button) {
3245 color: #fff !important;
3246 }
3247
3248 .automatorwp-review-notice a.button:not(.button-primary) {
3249 background-color: #fff !important;
3250 }
3251
3252 .automatorwp-review-notice > p {
3253 color: #fff !important;
3254 }
3255
3256 .automatorwp-review-notice p span {
3257 opacity: 0.7;
3258 }
3259
3260 .automatorwp-review-notice .button-primary {
3261 background: #febd17;
3262 border-color: #fdc63a #926d10 #926d10;
3263 box-shadow: 0 1px 0 #926d10;
3264 text-decoration: none;
3265 text-shadow: none;
3266 color: #444;
3267 font-weight: 500;
3268 }
3269
3270 .automatorwp-review-notice .button-primary.hover,
3271 .automatorwp-review-notice .button-primary:hover,
3272 .automatorwp-review-notice .button-primary.focus,
3273 .automatorwp-review-notice .button-primary:focus {
3274 background: #f3b415;
3275 border-color: #fdc63a #926d10 #926d10;
3276 color: #444;
3277 }
3278
3279 .automatorwp-review-notice .button-primary.focus,
3280 .automatorwp-review-notice .button-primary:focus {
3281 box-shadow: 0 1px 0 #febd17,
3282 0 0 2px 1px #fdc63a;
3283 }
3284
3285 .automatorwp-review-notice .button-primary.active,
3286 .automatorwp-review-notice .button-primary.active:hover,
3287 .automatorwp-review-notice .button-primary.active:focus,
3288 .automatorwp-review-notice .button-primary:active {
3289 background: #f3b415;
3290 border-color: #926d10;
3291 box-shadow: inset 0 2px 0 #926d10;
3292 vertical-align: top;
3293 }
3294
3295 .automatorwp-review-notice .automatorwp-hide-review-notice.button {
3296 color: #353849;
3297 border-color: #353849;
3298 }
3299
3300 .automatorwp-review-notice .automatorwp-hide-review-notice.button:hover {
3301 color: #3b4eb7;
3302 border-color: #3b4eb7;
3303 }
3304
3305 .automatorwp-review-notice ul li {
3306 display: inline-block;
3307 margin-right: 10px;
3308 }
3309
3310 .automatorwp-review-notice .automatorwp-hide-review-notice:not(.button) {
3311 color: #ccc;
3312 }
3313
3314 .automatorwp-review-notice .automatorwp-hide-review-notice:not(.button):hover {
3315 color: #fff;
3316 }
3317
3318 .automatorwp-review-notice .automatorwp-logo {
3319 background-image: url('../img/automatorwp-logo.svg');
3320 background-size: 100%;
3321 background-repeat: no-repeat;
3322 width: 150px;
3323 height: 150px;
3324 margin: 15px auto 0 auto;
3325 }
3326
3327 /* Desktop */
3328 @media screen and (min-width: 768px) {
3329 .automatorwp-review-notice .automatorwp-logo {
3330 float: left;
3331 margin: 20px 20px 20px 5px;
3332 }
3333 }
3334
3335 /* -------------------------------------------
3336 Import Automation
3337 ------------------------------------------- */
3338 .automatorwp-import-automation-text {
3339 font-size: 32px;
3340 color: #aaa;
3341 text-align: center;
3342 margin-top: 5%;
3343 margin-bottom: 3%;
3344 }
3345
3346 .automatorwp-import-automation-text:not(.automatorwp-import-automation-success):not(.automatorwp-import-automation-error) {
3347 -webkit-animation: automatorwp_import_text_animation 1s infinite;
3348 animation: automatorwp_import_text_animation 1s infinite;
3349 }
3350
3351 .automatorwp-import-automation-text.automatorwp-import-automation-success {
3352 color: #269630;
3353 }
3354
3355 .automatorwp-import-automation-text.automatorwp-import-automation-error {
3356 color: #dc3232;
3357 }
3358
3359 .automatorwp-import-automation-icon {
3360 width: 200px;
3361 height: 200px;
3362 text-align: center;
3363 margin: 0 auto;
3364 }
3365
3366 .automatorwp-import-automation-icon img {
3367 width: 100%;
3368 }
3369
3370 .automatorwp-import-automation-loader {
3371 margin-top: -130px;
3372 }
3373
3374 .automatorwp-import-automation-loader-background {
3375 width: 100px;
3376 height: 70px;
3377 background: #353849;
3378 margin: 0 auto;
3379 position: relative;
3380 border-radius: 45px;
3381 }
3382
3383 .automatorwp-import-automation-loader-icon,
3384 .automatorwp-import-automation-loader-icon:before,
3385 .automatorwp-import-automation-loader-icon:after {
3386 border-radius: 50%;
3387 width: 14px;
3388 height: 14px;
3389 -webkit-animation-fill-mode: both;
3390 animation-fill-mode: both;
3391 -webkit-animation: automatorwp_import_logo_animation 1.8s infinite ease-in-out;
3392 animation: automatorwp_import_logo_animation 1.8s infinite ease-in-out;
3393 }
3394
3395 .automatorwp-import-automation-loader-icon {
3396 color: #4ceedf;
3397 font-size: 10px;
3398 margin: 0 auto;
3399 margin-top: -66px;
3400 position: relative;
3401 text-indent: -9999em;
3402 -webkit-transform: translateZ(0);
3403 -ms-transform: translateZ(0);
3404 transform: translateZ(0);
3405 -webkit-animation-delay: -0.16s;
3406 animation-delay: -0.16s;
3407 }
3408
3409 .automatorwp-import-automation-loader-icon:before,
3410 .automatorwp-import-automation-loader-icon:after {
3411 content: '';
3412 position: absolute;
3413 top: 0;
3414 }
3415
3416 .automatorwp-import-automation-loader-icon:before {
3417 left: -26px;
3418 -webkit-animation-delay: -0.32s;
3419 animation-delay: -0.32s;
3420 }
3421
3422 .automatorwp-import-automation-loader-icon:after {
3423 left: 26px;
3424 }
3425
3426 @-webkit-keyframes automatorwp_import_text_animation {
3427 0% { opacity:1; }
3428 50% { opacity:0.6; }
3429 100% { opacity:1; }
3430 }
3431 @keyframes automatorwp_import_text_animation {
3432 0% { opacity:1; }
3433 50% { opacity:0.6; }
3434 100% { opacity:1; }
3435 }
3436
3437 @-webkit-keyframes automatorwp_import_logo_animation {
3438 0%,
3439 80%,
3440 100% { box-shadow: 0 2.5em 0 -1.3em; }
3441 40% { box-shadow: 0 2.5em 0 0; }
3442 }
3443 @keyframes automatorwp_import_logo_animation {
3444 0%,
3445 80%,
3446 100% { box-shadow: 0 2.5em 0 -1.3em; }
3447 40% { box-shadow: 0 2.5em 0 0; }
3448 }
3449
3450 /* -------------------------------------------
3451 Admin Menu
3452 ------------------------------------------- */
3453
3454 .automatorwp-admin-menu-badge {
3455 display: inline-block;
3456 float: right;
3457 vertical-align: top;
3458 margin: 1px -11px -1px 2px;
3459 padding: 0 5px;
3460 height: 18px;
3461 border-radius: 9px;
3462 background-color: #d63638;
3463 color: #fff;
3464 font-size: 11px;
3465 line-height: 1.6;
3466 }
3467