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