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 -3465 5.8.5 → 6.0.3 View file →
@@ -1,3465 +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 - background: var(--wp-admin-theme-color);
1071 -}
1072 -
1073 -/* Groups */
1074 -.cmb-type-group .cmb-group-description,
1075 -.cmb-type-group .cmb-row:not(.cmb-repeatable-grouping) {
1076 - border-bottom: 0 !important;
1077 -}
1078 -
1079 -.cmb-type-group .cmb-group-description .cmb-th {
1080 - padding: 0 !important;
1081 -}
1082 -
1083 -.cmb-type-group .cmb-repeatable-grouping {
1084 - border: 1px solid #ccd0d4 !important;
1085 - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1086 -}
1087 -
1088 -/* File */
1089 -.automatorwp-form .cmb-type-file .cmb2-upload-button {
1090 - margin-left: 0 !important;
1091 - margin-top: 8px;
1092 -}
1093 -
1094 -.automatorwp-form .cmb-type-file .cmb2-upload-button {
1095 - background: #404459;
1096 - border: #404459;
1097 - color: #fff;
1098 -}
1099 -
1100 -.automatorwp-form .cmb-type-file .cmb2-upload-button :hover {
1101 - background: #4b5068;
1102 - border: #4b5068;
1103 - color: #fff;
1104 -}
1105 -
1106 -.automatorwp-form .cmb-type-file .cmb2-upload-button :focus,
1107 -.automatorwp-form .cmb-type-file .cmb2-upload-button :active {
1108 - background: #36394a;
1109 - border: #36394a;
1110 - color: #fff;
1111 -}
1112 -
1113 -.automatorwp-form .cmb-type-file .cmb2-metabox-description {
1114 - width: calc(100% - 38px) !important;
1115 - padding-bottom: .5em;
1116 -}
1117 -
1118 -.automatorwp-form .cmb-type-file.automatorwp-hide-preview .cmb2-media-status {
1119 - display: none !important;
1120 -}
1121 -
1122 -.automatorwp-form .cmb-type-file .cmb2-media-status {
1123 - display: inline-block;
1124 - width: calc(100% - 38px) !important;
1125 -}
1126 -
1127 -
1128 -.automatorwp-form .cmb-type-file .cmb2-remove-file-button {
1129 - color: #a00;
1130 -}
1131 -/* -------------------------------------------
1132 - Select2
1133 - ------------------------------------------- */
1134 -.automatorwp-select2 .select2-selection--single {
1135 - height: auto !important;
1136 -}
1137 -
1138 -.automatorwp-select2 .select2-selection--single .select2-selection__rendered {
1139 - padding-left: 0 !important;
1140 -}
1141 -
1142 -.automatorwp-select2 .select2-selection--single .select2-selection__arrow {
1143 - height: 38.5px !important;
1144 - width: 30px !important;
1145 -}
1146 -
1147 -.automatorwp-select2 .select2-dropdown {
1148 - border: 1px solid #ccd0d4;
1149 - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1150 -}
1151 -
1152 -.automatorwp-select2 .select2-results__option {
1153 - padding: 10px;
1154 - margin: 0;
1155 - background: #f5f5f5;
1156 -}
1157 -
1158 -.automatorwp-select2 .select2-results__option:not(:last-child) {
1159 - border-bottom: 1px solid #ccd0d4;
1160 -}
1161 -
1162 -.automatorwp-select2 .select2-results .select2-results__option .result-description {
1163 - display: block;
1164 - position: relative;
1165 - color: #aaaaaa;
1166 -}
1167 -
1168 -.automatorwp-select2 .select2-results .select2-results__option .result-description.align-right,
1169 -.automatorwp-select2 .select2-results .select2-results__option .result-description .align-right {
1170 - float: right;
1171 -}
1172 -
1173 -.automatorwp-select2 .select2-results__option--highlighted[aria-selected] {
1174 - background-color: var(--wp-admin-theme-color, #5897fb) !important;
1175 -}
1176 -
1177 -.automatorwp-select2 .select2-results__option--highlighted[aria-selected] .result-description {
1178 - color: rgba(255,255,255,0.7);
1179 -}
1180 -
1181 -/* -------------------------------------------
1182 - Select2 Multiple
1183 - ------------------------------------------- */
1184 -.automatorwp-select2 .select2-selection--multiple,
1185 -.automatorwp-select2.select2-container--focus .select2-selection--multiple {
1186 - border: 1px solid #ccd0d4 !important;
1187 - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1188 -}
1189 -
1190 -.automatorwp-select2 .select2-search--inline {
1191 - width: 100% !important;
1192 - margin: 0;
1193 -}
1194 -
1195 -.automatorwp-select2 .select2-search--inline .select2-search__field {
1196 - width: 100% !important;
1197 - margin: 4px 0 0 0;
1198 -}
1199 -
1200 -.automatorwp-select2 .select2-selection--multiple .select2-selection__choice {
1201 - background: #f5f5f5 !important;
1202 - border: 1px solid #ccd0d4 !important;
1203 - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1204 - border-radius: 2px !important;
1205 - padding: 4px 8px !important;
1206 -}
1207 -
1208 -.automatorwp-select2 .select2-selection--multiple .select2-selection__choice__remove {
1209 - font-size: 16px;
1210 - margin-left: -2px;
1211 -}
1212 -
1213 -.automatorwp-select2 .select2-selection--multiple .select2-selection__rendered {
1214 - padding: 4px 8px !important;
1215 -}
1216 -
1217 -/* -------------------------------------------
1218 - Tags Selector
1219 - ------------------------------------------- */
1220 -.automatorwp-automation-item .cmb-td {
1221 - position: relative;
1222 - z-index: 1;
1223 -}
1224 -
1225 -.automatorwp-automation-item .cmb-td .cmb2-metabox-description {
1226 - display: inline-block;
1227 -}
1228 -
1229 -.automatorwp-automation-item input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]),
1230 -.automatorwp-automation-item textarea:not(.wp-editor-area) {
1231 - width: calc( 100% - 38px ) !important;
1232 - border-radius: 4px 0 0 4px;
1233 -}
1234 -
1235 -.automatorwp-automation-item .wp-editor-wrap {
1236 - width: calc( 100% - 44px );
1237 - display: inline-block;
1238 -}
1239 -
1240 -.automatorwp-automation-tag-selector {
1241 - display: none;
1242 -}
1243 -
1244 -.automatorwp-automation-tag-selector + .automatorwp-select2 {
1245 - position: absolute;
1246 - top: 0;
1247 - left: 0;
1248 - height: 38px;
1249 - z-index: -1;
1250 - outline: 0;
1251 -}
1252 -
1253 -.automatorwp-automation-tag-selector + .automatorwp-select2:focus {
1254 - outline: 0;
1255 - border: none;
1256 -}
1257 -
1258 -.automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection--single {
1259 - border: none;
1260 - box-shadow: none;
1261 - background: transparent;
1262 -}
1263 -
1264 -.automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection--single:focus {
1265 - outline: 0;
1266 - border: none;
1267 -}
1268 -
1269 -.automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection__arrow {
1270 - font-family: 'dashicons';
1271 - display: inline-block;
1272 - line-height: 1;
1273 - font-weight: 400;
1274 - font-style: normal;
1275 - speak: none;
1276 - text-decoration: inherit;
1277 - text-transform: none;
1278 - text-rendering: auto;
1279 - -webkit-font-smoothing: antialiased;
1280 - -moz-osx-font-smoothing: grayscale;
1281 - width: 20px;
1282 - height: 20px;
1283 - font-size: 20px;
1284 - vertical-align: top;
1285 - text-align: center;
1286 - transition: color 0.1s ease-in;
1287 -
1288 - top: 0 !important;
1289 - right: 0 !important;
1290 - padding: 0 3px;
1291 - border: 1px solid #ccd0d4;
1292 - border-radius: 0 4px 4px 0;
1293 - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1294 - color: #72777c;
1295 - background: #f3f5f6;
1296 -}
1297 -
1298 -.cmb-type-wysiwyg .automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection__arrow {
1299 - border-radius: 4px;
1300 -}
1301 -
1302 -.cmb-type-wysiwyg .automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection__rendered {
1303 - display: none;
1304 -}
1305 -
1306 -.automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection__arrow:hover {
1307 - border-color: #bbc;
1308 - background: #f1f1f1;
1309 -}
1310 -
1311 -.automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection__arrow:before {
1312 - content: "\f206";
1313 - display: inline-block;
1314 - margin-top: 9px;
1315 -}
1316 -
1317 -.automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection__arrow b {
1318 - display: none;
1319 -}
1320 -
1321 -.automatorwp-tags-select2 .select2-dropdown li[role="group"] > strong {
1322 - cursor: pointer;
1323 -}
1324 -
1325 -.automatorwp-tags-select2 .select2-dropdown li[role="group"] > strong img {
1326 - display: inline-block;
1327 - float: left;
1328 - width: 24px;
1329 - height: 24px;
1330 - border-radius: 6px;
1331 - border: 1px solid #ccd0d4;
1332 - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1333 - margin-right: 8px;
1334 -}
1335 -
1336 -.automatorwp-tags-select2 .select2-dropdown li[role="group"] > strong {
1337 - font-size: 14px;
1338 - font-weight: 400;
1339 - padding: 10px 12px;
1340 - line-height: 24px;
1341 - /* The SVG is arrow-down-alt2 from Dashicons. */
1342 - 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%;
1343 -}
1344 -
1345 -.automatorwp-tags-select2 .select2-dropdown li[role="group"]:last-child > strong {
1346 - border-bottom: 0;
1347 -}
1348 -
1349 -.automatorwp-tags-select2 .select2-dropdown li[role="group"] > strong .automatorwp-option {
1350 - padding: 0px 8px !important;
1351 - min-height: 26px !important;
1352 - line-height: 22px !important;
1353 -}
1354 -
1355 -.automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul {
1356 - display: none;
1357 - background: #f5f5f5;
1358 - font-size: 14px;
1359 -}
1360 -
1361 -.automatorwp-tags-select2 .select2-dropdown .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
1362 - background: transparent;
1363 -}
1364 -
1365 -.automatorwp-tags-select2 .select2-dropdown .select2-results > .select2-results__options,
1366 -.automatorwp-select2 .select2-dropdown .select2-results > .select2-results__options {
1367 - max-height: 350px;
1368 - overflow-x: hidden;
1369 -}
1370 -
1371 -/*.automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li:first-child {*/
1372 -.automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul {
1373 - border-top: 1px solid #ccd0d4;
1374 -}
1375 -
1376 -.automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li {
1377 - display: inline-block;
1378 - position: relative;
1379 - border: none;
1380 - background: #e0e0e0;
1381 - font-size: 12px;
1382 - padding: 6px 8px;
1383 - border-radius: 2px;
1384 - margin: 6px;
1385 -}
1386 -
1387 -.automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li:not(.select2-results__option--highlighted) {
1388 -
1389 -}
1390 -
1391 -.automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li strong {
1392 - /*display: inline-block;*/
1393 - /*min-width: 130px;*/
1394 -}
1395 -
1396 -.automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li > span {
1397 - font-size: 12px;
1398 - bottom: 125%;
1399 - left: 0;
1400 - min-width: 200px;
1401 - background: #2c3338;
1402 - color: #ccc !important;
1403 - padding: 4px 6px;
1404 - border-radius: 4px;
1405 -
1406 - display: none;
1407 -}
1408 -
1409 -.automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li:hover > span {
1410 - display: block;
1411 - position: absolute;
1412 - z-index: 99999;
1413 -}
1414 -
1415 -.automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li > span:before {
1416 - content: '';
1417 - display: block;
1418 - width: 0;
1419 - height: 0;
1420 - position: absolute;
1421 - border-bottom: 8px solid transparent;
1422 - border-top: 8px solid #2c3338;
1423 - border-left: 8px solid transparent;
1424 - border-right: 8px solid transparent;
1425 - left: 8px;
1426 - bottom: -14px;
1427 -}
1428 -
1429 -.automatorwp-tags-select2 .select2-dropdown li[role="group"]:first-of-type > ul li > span {
1430 - top: 125%;
1431 - bottom: auto;
1432 -}
1433 -
1434 -.automatorwp-tags-select2 .select2-dropdown li[role="group"]:first-of-type > ul li > span:before {
1435 - border-bottom: 8px solid #2c3338;
1436 - border-top: 8px solid transparent;
1437 - top: -14px;
1438 - bottom: auto;
1439 -}
1440 -
1441 -.automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li > span span {
1442 - display: block;
1443 - font-weight: 700;
1444 - font-size: 11px;
1445 -}
1446 -
1447 -.automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li.select2-results__option--highlighted span {
1448 - color: rgba(255,255,255,0.7);
1449 -}
1450 -
1451 -.automatorwp-tags-select2 .select2-results__option[aria-disabled=true] {
1452 - color: #777 !important;
1453 - font-weight: 500;
1454 -}
1455 -
1456 -/* -------------------------------------------
1457 - Selector Custom Input
1458 - ------------------------------------------- */
1459 -.automatorwp-selector-custom-input .cmb-td {
1460 - margin-left: 30px;
1461 - width: calc(100% - 30px);
1462 - margin-top: -4px;
1463 -}
1464 -
1465 -.automatorwp-selector-custom-input .cmb-td:before {
1466 - content: "\f474";
1467 - transform: scaleX(-1);
1468 - opacity: 0.7;
1469 - position: absolute;
1470 - top: 6px;
1471 - left: -23px;
1472 -
1473 - font-family: dashicons;
1474 - display: inline-block;
1475 - line-height: 1;
1476 - font-weight: 400;
1477 - font-style: normal;
1478 - speak: never;
1479 - text-decoration: inherit;
1480 - text-transform: none;
1481 - text-rendering: auto;
1482 - -webkit-font-smoothing: antialiased;
1483 - -moz-osx-font-smoothing: grayscale;
1484 - width: 20px;
1485 - height: 20px;
1486 - font-size: 20px;
1487 - vertical-align: top;
1488 - text-align: center;
1489 - transition: color .1s ease-in;
1490 -}
1491 -
1492 -.automatorwp-selector-custom-input .cmb-td input {
1493 - margin-top: -4px;
1494 -}
1495 -
1496 -/* -------------------------------------------
1497 - JS Controls
1498 - ------------------------------------------- */
1499 -
1500 -.automatorwp-form .cmb-field-js-controls-before + .cmb-row {
1501 - background: #f5f5f5;
1502 - border: 1px solid #ccd0d4 !important;
1503 - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1504 - border-bottom: 0 !important;
1505 - padding: 8px 6px !important;
1506 -}
1507 -
1508 -.automatorwp-form .cmb-field-js-controls-after {
1509 - background: #f5f5f5;
1510 - border: 1px solid #ccd0d4;
1511 - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1512 - margin-top: 0;
1513 - border-top: 0;
1514 - padding: 4px 6px 8px;
1515 -}
1516 -
1517 -/* -------------------------------------------
1518 - Colorpicker
1519 - ------------------------------------------- */
1520 -
1521 -.automatorwp-form .wp-picker-container .wp-color-result.button {
1522 - padding: 0 0 0 17px;
1523 -}
1524 -
1525 -/* -------------------------------------------
1526 - Automations List
1527 - ------------------------------------------- */
1528 -
1529 -.automatorwp-automation-completions,
1530 -.automatorwp-automation-status {
1531 - font-size: 12px;
1532 - font-weight: 600;
1533 - color: #444;
1534 - background: #e5e5e5;
1535 - display: inline-block;
1536 - padding: 2px 6px;
1537 - border-radius: 4px;
1538 -}
1539 -
1540 -.automatorwp-automation-completions-completed,
1541 -.automatorwp-automation-status-active {
1542 - color: #269630;
1543 - background: #d6fdd1;
1544 -}
1545 -
1546 -.automatorwp-automation-status-inactive {
1547 - color: #dc3232;
1548 - background: #ffdddd;
1549 -}
1550 -
1551 -.wp-list-table.automatorwp_automations .column-type .automatorwp-integration-icon,
1552 -.wp-list-table.automatorwp_automations .column-triggers .automatorwp-integration-icon,
1553 -.wp-list-table.automatorwp_automations .column-actions .automatorwp-integration-icon {
1554 - display: inline-block;
1555 - width: 22px;
1556 - max-width: 22px;
1557 - max-height: 22px;
1558 - height: 22px;
1559 - border-radius: 4px;
1560 - margin-bottom: 2px;
1561 - vertical-align: middle;
1562 -}
1563 -
1564 -.wp-list-table.automatorwp_automations .column-type .automatorwp-integration-icon {
1565 - padding: 2px;
1566 - width: 18px;
1567 - height: 18px;
1568 -}
1569 -
1570 -.wp-list-table.automatorwp_automations .cmb-tooltip-desc,
1571 -.wp-list-table.automatorwp_logs .cmb-tooltip-desc {
1572 - white-space: nowrap;
1573 - text-align: center;
1574 - width: auto;
1575 - padding: 4px 8px !important;
1576 -}
1577 -
1578 -.wp-list-table.automatorwp_logs .cmb-tooltip-desc.cmb-tooltip-top {
1579 - bottom: 130%;
1580 -}
1581 -
1582 -.automatorwp_page_automatorwp_logs .subsubsub .filter {
1583 - float: none !important;
1584 -}
1585 -
1586 -/* -------------------------------------------
1587 - Logs Edit Screen
1588 - ------------------------------------------- */
1589 -#post-body .misc-pub-post-user:before {
1590 - content: "\f110";
1591 -}
1592 -
1593 -#post-body .misc-pub-post-user:before {
1594 - font: normal 20px/1 dashicons;
1595 - speak: none;
1596 - display: inline-block;
1597 - margin-left: -1px;
1598 - padding-right: 3px;
1599 - vertical-align: top;
1600 - -webkit-font-smoothing: antialiased;
1601 - -moz-osx-font-smoothing: grayscale;
1602 -}
1603 -#post-body .misc-pub-post-user:before {
1604 - color: #82878c;
1605 -}
1606 -
1607 -#post-user-display {
1608 - font-weight: 600;
1609 -}
1610 -
1611 -#automatorwp_log_data .cmb-th,
1612 -#automatorwp_log_data .cmb-td {
1613 - padding: 10px;
1614 -}
1615 -
1616 -#automatorwp_log_data .cmb-th label {
1617 - padding-top: 0px;
1618 -}
1619 -
1620 -#automatorwp_log_data .cmb-type-title {
1621 - border: 1px solid #ddd;
1622 - border-left: 0;
1623 - border-right: 0;
1624 - background: #f5f5f5;
1625 - margin: 5px -12px;
1626 -}
1627 -
1628 -#automatorwp_log_data .cmb-type-title .cmb-td {
1629 - padding: 10px 20px;
1630 -}
1631 -
1632 -#automatorwp_log_data .cmb-type-title .cmb2-metabox-title,
1633 -#automatorwp_log_data .cmb-type-title .cmb2-metabox-description {
1634 - padding: 0;
1635 - margin: 0;
1636 -}
1637 -
1638 -.automatorwp-log-title-preview .automatorwp-integration-icon {
1639 - position: relative;
1640 - float: left;
1641 - margin-right: 6px;
1642 - width: 40px;
1643 - max-width: 40px;
1644 - max-height: 40px;
1645 - height: 40px;
1646 - margin-top: -6px;
1647 -}
1648 -
1649 -/* Logs list screen */
1650 -.wp-list-table.automatorwp_logs .column-title .automatorwp-integration-icon {
1651 - position: relative;
1652 - float: left;
1653 - margin-right: 6px;
1654 - width: 40px;
1655 - max-width: 40px;
1656 - max-height: 40px;
1657 - height: 40px;
1658 - margin-top: 1px;
1659 -}
1660 -
1661 -.automatorwp-log-title-preview .automatorwp-integration-icon .automatorwp-filter-icon,
1662 -.wp-list-table.automatorwp_logs .column-title .automatorwp-integration-icon .automatorwp-filter-icon,
1663 -.automatorwp-dashboard .automatorwp-integration-icon .automatorwp-filter-icon {
1664 - position: absolute;
1665 - top: 23px;
1666 - left: 23px;
1667 - width: 16px;
1668 - height: 16px;
1669 - border-width: 1px;
1670 - border-style: solid;
1671 -}
1672 -
1673 -.automatorwp-log-title-preview .automatorwp-integration-icon .automatorwp-filter-icon,
1674 -.automatorwp-log-title-preview .automatorwp-integration-icon .automatorwp-filter-icon img,
1675 -.wp-list-table.automatorwp_logs .column-title .automatorwp-integration-icon .automatorwp-filter-icon,
1676 -.wp-list-table.automatorwp_logs .column-title .automatorwp-integration-icon .automatorwp-filter-icon img,
1677 -.automatorwp-dashboard .automatorwp-integration-icon .automatorwp-filter-icon,
1678 -.automatorwp-dashboard .automatorwp-integration-icon .automatorwp-filter-icon img {
1679 - display: block;
1680 - border-radius: 4px;
1681 -}
1682 -
1683 -.automatorwp-integration-icon .automatorwp-filter-icon-passed {
1684 - background: #46b450;
1685 - border-color: #46b450;
1686 -}
1687 -
1688 -.automatorwp-integration-icon .automatorwp-filter-icon-not-passed {
1689 - background: #dc3232;
1690 - border-color: #dc3232;
1691 -}
1692 -
1693 -.automatorwp-clear-all-logs-button {
1694 - float: right;
1695 - margin-left: 4px !important;
1696 - margin-top: 11px !important;
1697 -}
1698 -
1699 -/* -------------------------------------------
1700 - Field Required
1701 - ------------------------------------------- */
1702 -.automatorwp-field-required {
1703 - color: #dc3232;
1704 - font-weight: 700;
1705 - font-size: 18px;
1706 - line-height: 0;
1707 -}
1708 -
1709 -/* -------------------------------------------
1710 - Spinner
1711 - ------------------------------------------- */
1712 -.automatorwp-spinner {
1713 - float: right;
1714 -}
1715 -
1716 -.automatorwp-spinner .spinner {
1717 - float: none;
1718 - margin-top: 0;
1719 -}
1720 -
1721 -.automatorwp-spinner .spinner-label {
1722 - display: inline-block;
1723 - float: right;
1724 - font-size: 14px;
1725 - margin-top: 0;
1726 - color: #72777c;
1727 -}
1728 -
1729 -.automatorwp-box-spinner {
1730 - display: inline-block;
1731 - float: none;
1732 -}
1733 -
1734 -/* -------------------------------------------
1735 - Buttons
1736 - ------------------------------------------- */
1737 -.button.automatorwp-button-success {
1738 - background: #46b450;
1739 - border: #46b450;
1740 - color: #fff;
1741 -}
1742 -
1743 -.button.automatorwp-button-success:hover {
1744 - background: #40a549;
1745 - border: #40a549;
1746 - color: #fff;
1747 -}
1748 -
1749 -.button.automatorwp-button-success:focus,
1750 -.button.automatorwp-button-success:active {
1751 - background: #399341;
1752 - border: #399341;
1753 - color: #fff;
1754 -}
1755 -
1756 -.button.automatorwp-button-danger {
1757 - background: #e15151;
1758 - border: #e15151;
1759 - color: #fff;
1760 -}
1761 -
1762 -.button.automatorwp-button-danger:hover {
1763 - background: #de3b3b;
1764 - border: #de3b3b;
1765 - color: #fff;
1766 -}
1767 -
1768 -.button.automatorwp-button-danger:focus,
1769 -.button.automatorwp-button-danger:active {
1770 - background: #da2525;
1771 - border: #da2525;
1772 - color: #fff;
1773 -}
1774 -
1775 -.button.automatorwp-button-dark {
1776 - background: #404459;
1777 - border: #404459;
1778 - color: #fff;
1779 -}
1780 -
1781 -.button.automatorwp-button-dark:hover {
1782 - background: #4b5068;
1783 - border: #4b5068;
1784 - color: #fff;
1785 -}
1786 -
1787 -.button.automatorwp-button-dark:focus,
1788 -.button.automatorwp-button-dark:active {
1789 - background: #36394a;
1790 - border: #36394a;
1791 - color: #fff;
1792 -}
1793 -
1794 -.automatorwp-add-trigger,
1795 -.automatorwp-add-action,
1796 -.automatorwp-add-filter {
1797 - min-height: 32px !important;
1798 - line-height: 2 !important;
1799 - padding: 0 12px !important;
1800 -}
1801 -
1802 -.automatorwp-add-trigger.button .dashicons,
1803 -.automatorwp-add-action.button .dashicons,
1804 -.automatorwp-add-filter.button .dashicons {
1805 - opacity: 0.8;
1806 - margin-right: 4px;
1807 - margin-left: -4px;
1808 - line-height: 1 !important;
1809 - vertical-align: middle !important;
1810 - color: #fff !important; /* Fix for Elementor */
1811 -}
1812 -
1813 -.automatorwp-add-filter.button:disabled .dashicons,
1814 -.automatorwp-add-filter.button.disabled .dashicons {
1815 - color: #949494 !important;
1816 -}
1817 -
1818 -.automatorwp-add-filter.button .dashicons {
1819 - line-height: 1.7;
1820 - font-size: 16px;
1821 -}
1822 -
1823 -/* -------------------------------------------
1824 - Notices
1825 - ------------------------------------------- */
1826 -.automatorwp-notice-info,
1827 -.automatorwp-notice-warning,
1828 -.automatorwp-notice-error,
1829 -.automatorwp-notice-success {
1830 - font-weight: 500;
1831 - padding: 10px 12px;
1832 - border-radius: 4px;
1833 - margin-bottom: 15px;
1834 -}
1835 -
1836 -.automatorwp-notice-info {
1837 - color: #007cba;
1838 - background: #d9f1fd;
1839 -}
1840 -
1841 -.automatorwp-notice-warning {
1842 - color: #a27806;
1843 - background: #fff0c9;
1844 -}
1845 -
1846 -.automatorwp-notice-error {
1847 - color: #dc3232;
1848 - background: #ffdddd;
1849 -}
1850 -
1851 -.automatorwp-notice-success {
1852 - color: #269630;
1853 - background: #d6fdd1;
1854 -}
1855 -
1856 -
1857 -/* -------------------------------------------
1858 - Tooltip
1859 - ------------------------------------------- */
1860 -.automatorwp-tooltip {
1861 - position: absolute;
1862 - right: -4px;
1863 - top: 6px;
1864 - cursor: help;
1865 -}
1866 -
1867 -.automatorwp-tooltip .dashicons {
1868 - width: 24px;
1869 - height: 24px;
1870 - font-size: 24px;
1871 -}
1872 -
1873 -/* Desktop */
1874 -@media screen and (min-width: 768px) {
1875 - .automatorwp-has-tooltip .cmb2-metabox-description:not(.automatorwp-tooltip-dialog) {
1876 - display: none !important;
1877 - }
1878 -
1879 - .cmb2-metabox-description.automatorwp-tooltip-dialog {
1880 - position: absolute;
1881 - top: -4px;
1882 - right: 25px;
1883 - left: -25px;
1884 - z-index: 9999;
1885 - padding: 10px !important;
1886 - font-style: normal !important;
1887 - font-size: 13px;
1888 - border-radius: 4px;
1889 - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
1890 - background: #2c3338;
1891 - color: #ccc !important;
1892 - }
1893 -
1894 - .cmb2-metabox-description.automatorwp-tooltip-dialog:before {
1895 - content: '';
1896 - display: block;
1897 - width: 0;
1898 - height: 0;
1899 - position: absolute;
1900 - border-bottom: 8px solid transparent;
1901 - border-top: 8px solid transparent;
1902 - border-left: 8px solid #2c3338;
1903 - right: -7px;
1904 - top: 14px;
1905 - }
1906 -
1907 - .automatorwp-has-tooltip .cmb-td {
1908 - position: relative;
1909 - }
1910 -
1911 - #post-body.columns-2 #postbox-container-1 .automatorwp-has-tooltip input,
1912 - #post-body.columns-2 #postbox-container-1 .automatorwp-has-tooltip select,
1913 - #post-body.columns-2 #postbox-container-1 .automatorwp-has-tooltip .automatorwp-select2,
1914 - .automatorwp-has-tooltip input,
1915 - .automatorwp-has-tooltip select {
1916 - width: calc( 100% - 25px ) !important;
1917 - }
1918 -
1919 - #post-body.columns-2 #postbox-container-1 .automatorwp-has-tooltip .automatorwp-select2 .select2-search--inline .select2-search__field {
1920 - width: 100% !important;
1921 - }
1922 -}
1923 -
1924 -/* Smartphone */
1925 -@media screen and (max-width: 768px) {
1926 - .automatorwp-has-tooltip .automatorwp-tooltip {
1927 - display: none;
1928 - }
1929 -}
1930 -
1931 -/* -------------------------------------------
1932 - Options List
1933 - ------------------------------------------- */
1934 -.cmb2-metabox-description + .automatorwp-toggleable-options-list {
1935 - color: #757575;
1936 - font-style: italic;
1937 - margin-top: 5px;
1938 -}
1939 -
1940 -.cmb2-metabox-description + .automatorwp-toggleable-options-list code {
1941 - color: #444;
1942 - font-weight: 600;
1943 -}
1944 -
1945 -/* -------------------------------------------
1946 - Fields Table
1947 - ------------------------------------------- */
1948 -.automatorwp-fields-table .inside {
1949 - overflow: inherit !important;
1950 -}
1951 -
1952 -.automatorwp-fields-table .cmb-row {
1953 - border-bottom: 0;
1954 -}
1955 -
1956 -.automatorwp-fields-table .cmb-repeatable-grouping > .cmb-remove-group-row,
1957 -.automatorwp-fields-table .cmb-repeatable-grouping > .cmbhandle,
1958 -.automatorwp-fields-table .cmb-repeatable-grouping:not(:nth-child(2)) > .cmb-group-title {
1959 - display: none;
1960 -}
1961 -
1962 -.automatorwp-fields-table .cmb-repeatable-grouping .cmb-group-title {
1963 - border-bottom: 1px solid #ccd0d4;
1964 - background: #fff;
1965 - margin: 0 !important;
1966 - padding: 10px;
1967 - border-radius: 4px 4px 0 0;
1968 -}
1969 -
1970 -.automatorwp-fields-table .cmb-repeatable-grouping {
1971 - padding: 0 !important;
1972 - margin: 0 !important;
1973 - border-radius: 4px 4px 0 0;
1974 -}
1975 -
1976 -.automatorwp-fields-table .cmb-repeatable-grouping:not(:nth-child(2)) {
1977 - border-top: 0 !important;
1978 -}
1979 -
1980 -.automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list {
1981 - display: flex;
1982 - background: #f5f5f5;
1983 -}
1984 -
1985 -.automatorwp-fields-table.automatorwp-fields-table-col-1 .cmb-repeatable-grouping .cmb-field-list .cmb-row:not(.cmb-remove-field-row) {
1986 - width: 100%;
1987 -}
1988 -.automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-row:not(.cmb-remove-field-row) {
1989 - width: 50%;
1990 -}
1991 -
1992 -.automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-row:not(:first-child) {
1993 - border-left: 1px solid #ccd0d4 !important;
1994 -}
1995 -
1996 -.automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-row {
1997 - padding: 10px 10px;
1998 - margin: 0;
1999 -}
2000 -
2001 -.automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-th {
2002 - width: auto;
2003 -}
2004 -
2005 -.automatorwp-fields-table .cmb-repeatable-grouping:not(:nth-child(2)) .cmb-field-list .cmb-th {
2006 - display: none;
2007 -}
2008 -
2009 -.automatorwp-fields-table .cmb-repeatable-grouping:nth-child(2) .cmb-field-list .cmb-th {
2010 - margin-top: -52px;
2011 - margin-left: -11px;
2012 - padding: 8px 0 8px 12px;
2013 -}
2014 -
2015 -.automatorwp-fields-table .cmb-repeatable-grouping:nth-child(2) .cmb-field-list .cmb-row:not(:first-child) .cmb-th {
2016 - border-left: 1px solid #ccd0d4 !important;
2017 -}
2018 -
2019 -.automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-td {
2020 - width: 100%;
2021 -}
2022 -
2023 -/* Fields table remove button */
2024 -.automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-row.cmb-remove-field-row .cmb-remove-group-row-button {
2025 - color: #72777c;
2026 - border: none;
2027 - background: transparent;
2028 - padding: 8px 0;
2029 -}
2030 -
2031 -.automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-row.cmb-remove-field-row .cmb-remove-group-row-button:hover {
2032 - color: #444;
2033 -}
2034 -
2035 -/* Fields table add button */
2036 -.automatorwp-fields-table .cmb-repeatable-group > .cmb-row:last-child {
2037 - background: #fff;
2038 - border: 1px solid #ccd0d4 !important;
2039 - border-top: 0 !important;
2040 - padding: 8px 10px;
2041 - margin-bottom: 15px;
2042 - border-radius: 0 0 4px 4px;
2043 -}
2044 -
2045 -.automatorwp-fields-table .cmb-repeatable-group > .cmb-row:last-child .cmb-add-row {
2046 - margin: 0;
2047 -}
2048 -
2049 -.automatorwp-fields-table .cmb-repeatable-group > .cmb-row:last-child .cmb-add-group-row {
2050 - font-size: 12px;
2051 - min-height: 20px;
2052 -}
2053 -
2054 -/* -------------------------------------------
2055 - Dialog
2056 - ------------------------------------------- */
2057 -.automatorwp-dialog {
2058 - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
2059 - border: 1px solid #ccd0d4;
2060 - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
2061 - background: #fff;
2062 - padding: 15px;
2063 - font-size: 14px;
2064 - z-index: 999999;
2065 - border-radius: 8px;
2066 -}
2067 -
2068 -.automatorwp-dialog + .ui-widget-overlay {
2069 - opacity: 0.7;
2070 - background: #000;
2071 - position: fixed;
2072 - top: 0;
2073 - left: 0;
2074 - height: 100%;
2075 - width: 100%;
2076 - z-index: 99999;
2077 -}
2078 -
2079 -.automatorwp-dialog .ui-widget-content {
2080 - border: none;
2081 -}
2082 -
2083 -.automatorwp-dialog .ui-dialog-titlebar {
2084 - border: none;
2085 - background: transparent;
2086 - padding: 0;
2087 -}
2088 -
2089 -.automatorwp-dialog .ui-dialog-title {
2090 - display: none;
2091 -}
2092 -
2093 -.automatorwp-dialog h2 {
2094 - margin-top: 0;
2095 - font-size: 1.5em;
2096 -}
2097 -
2098 -.automatorwp-dialog .button {
2099 - font-size: 14px;
2100 -}
2101 -
2102 -.automatorwp-dialog .button + .button {
2103 - margin-left: 4px;
2104 -}
2105 -
2106 -/* Dialog close button */
2107 -.automatorwp-dialog .ui-dialog-titlebar-close {
2108 - float: right;
2109 - border: none;
2110 - background: transparent;
2111 - color: #72777c;
2112 - margin-top: -10px;
2113 - margin-right: -14px;
2114 - cursor: pointer;
2115 -}
2116 -
2117 -.automatorwp-dialog .ui-dialog-titlebar-close:hover {
2118 - color: #444;
2119 -}
2120 -
2121 -.automatorwp-dialog .ui-dialog-titlebar-close:before {
2122 - content: "\f335";
2123 -
2124 - font-family: dashicons;
2125 - display: inline-block;
2126 - line-height: 1;
2127 - font-weight: 400;
2128 - font-style: normal;
2129 - speak: none;
2130 - text-decoration: inherit;
2131 - text-transform: none;
2132 - text-rendering: auto;
2133 - -webkit-font-smoothing: antialiased;
2134 - -moz-osx-font-smoothing: grayscale;
2135 - width: 20px;
2136 - height: 20px;
2137 - font-size: 20px;
2138 - vertical-align: top;
2139 - text-align: center;
2140 - transition: color .1s ease-in;
2141 -}
2142 -
2143 -.automatorwp-dialog .ui-dialog-titlebar-close .ui-button-text {
2144 - display: none;
2145 -}
2146 -
2147 -/* Dialog bottom button */
2148 -.automatorwp-dialog .automatorwp-dialog-bottom:after {
2149 - content: '';
2150 - display: block;
2151 - clear: both;
2152 -}
2153 -
2154 -.automatorwp-dialog .automatorwp-dialog-buttons {
2155 - float: right;
2156 -}
2157 -
2158 -.automatorwp-dialog .automatorwp-dialog-buttons .automatorwp-dialog-cancel {
2159 - line-height: 32px;
2160 -}
2161 -
2162 -/* -------------------------------------------
2163 - Automation type dialog
2164 - ------------------------------------------- */
2165 -.automatorwp-automation-type-dialog .automatorwp-automation-types {
2166 - display: flex;
2167 - flex-wrap: wrap;
2168 - margin-left: -6px;
2169 - margin-right: -6px;
2170 -}
2171 -
2172 -.automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type {
2173 - position: relative;
2174 - width: 21%;
2175 - padding: 1em 0.5em;
2176 - border: 2px solid #efefef;
2177 - border-radius: 8px;
2178 - cursor: pointer;
2179 - margin-left: 6px;
2180 - margin-right: 6px;
2181 - margin-bottom: 12px;
2182 - text-align: center;
2183 -}
2184 -
2185 -.automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type:hover {
2186 - background: rgba(0, 124, 186, 0.1);
2187 - border-color: #88ccef;
2188 -}
2189 -
2190 -.automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type.automatorwp-automation-type-selected {
2191 - border-color: #008fd6;
2192 - background: rgba(0, 124, 186, 0.2);
2193 -}
2194 -
2195 -.automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type img {
2196 - width: 38%;
2197 - margin-bottom: 6px;
2198 -}
2199 -
2200 -.automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type strong {
2201 - display: block;
2202 - font-size: 16px;
2203 - margin-bottom: 8px;
2204 -}
2205 -
2206 -.automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type .automatorwp-automation-type-description {
2207 - font-size: 12px;
2208 - margin-top: 6px;
2209 -}
2210 -
2211 -.automatorwp-automation-type-dialog .automatorwp-automation-type-dialog-automation-loop-title {
2212 - margin: 0;
2213 - margin-bottom: 12px;
2214 -}
2215 -
2216 -.automatorwp-automation-type-dialog .automatorwp-automation-type-dialog-automation-loop-title .cmb-tooltip {
2217 - vertical-align: baseline;
2218 -}
2219 -.automatorwp-automation-type-dialog .automatorwp-automation-type-dialog-automation-loop-title .cmb-tooltip .dashicons {
2220 - opacity: 0.3;
2221 -}
2222 -
2223 -.automatorwp-automation-type-dialog .automatorwp-automation-type-dialog-automation-loop-desc {
2224 - margin-top: 2px;
2225 -}
2226 -
2227 -/* -------------------------------------------
2228 - Automation URL export dialog
2229 - ------------------------------------------- */
2230 -
2231 -.automatorwp-automation-url-export-dialog label {
2232 - display: block;
2233 - font-weight: 500;
2234 - margin-bottom: 6px;
2235 -}
2236 -
2237 -.automatorwp-automation-url-export-dialog .automatorwp-notice-error {
2238 - margin-top: 1em;
2239 -}
2240 -
2241 -.automatorwp-automation-url-export-dialog .automatorwp-automation-url-export-dialog-input,
2242 -.automatorwp-automation-url-export-dialog .automatorwp-automation-url-export-dialog-url {
2243 - margin-bottom: 1em;
2244 -}
2245 -
2246 -.automatorwp-automation-url-export-dialog input {
2247 - width: 100%;
2248 - font-size: 18px !important;
2249 - border: 2px solid #ccc;
2250 - margin: 0;
2251 -}
2252 -
2253 -.automatorwp-automation-url-export-dialog .automatorwp-automation-url-export-dialog-desc {
2254 - display: block;
2255 - margin-top: 6px;
2256 - font-style: italic;
2257 -}
2258 -
2259 -.automatorwp-automation-url-export-dialog-url input {
2260 - width: calc( 100% - 40px );
2261 - margin: 0;
2262 - border-radius: 4px 0 0 4px;
2263 -}
2264 -
2265 -.automatorwp-automation-url-export-dialog-url-copy {
2266 - position: relative;
2267 - float: right;
2268 - height: 36px;
2269 - width: 38px;
2270 - border: 2px solid #ccc;
2271 - border-left: none;
2272 - border-radius: 0 4px 4px 0;
2273 -}
2274 -
2275 -.automatorwp-automation-url-export-dialog-url-copy-icon {
2276 - padding: 8px;
2277 - cursor: pointer;
2278 - opacity: 0.7;
2279 -}
2280 -
2281 -.automatorwp-automation-url-export-dialog-url-copy-text {
2282 - opacity: 0;
2283 - -webkit-transition: opacity 0.5s ease-in-out;
2284 - -moz-transition: opacity 0.5s ease-in-out;
2285 - transition: opacity 0.5s ease-in-out;
2286 -}
2287 -
2288 -.automatorwp-automation-url-export-dialog-url-copy:hover .automatorwp-automation-url-export-dialog-url-copy-text {
2289 - opacity: 1;
2290 -}
2291 -
2292 -.automatorwp-automation-url-export-dialog-url-copy-text {
2293 - position: absolute;
2294 - top: -34px;
2295 - width: 60px;
2296 - font-size: 11px;
2297 - text-align: center;
2298 - right: -10px;
2299 - z-index: 9999;
2300 - padding: 4px;
2301 - font-style: normal;
2302 - border-radius: 4px;
2303 - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
2304 - background: #000;
2305 - color: #fff;
2306 -}
2307 -
2308 -.automatorwp-automation-url-export-dialog-url-copy-text:before {
2309 - content: '';
2310 - display: block;
2311 - width: 0;
2312 - height: 0;
2313 - position: absolute;
2314 - border-top: 8px solid #000;
2315 - border-left: 8px solid transparent;
2316 - border-right: 8px solid transparent;
2317 - bottom: -7px;
2318 - left: 44%;
2319 -}
2320 -
2321 -/* -------------------------------------------
2322 - Dashboard
2323 - ------------------------------------------- */
2324 -
2325 -body.toplevel_page_automatorwp,
2326 -body.automatorwp_page_automatorwp_add_ons {
2327 - background: #f5f5f5;
2328 -}
2329 -
2330 -.automatorwp-dashboard .wp-heading-inline {
2331 - display: none !important;
2332 -}
2333 -
2334 -.automatorwp-dashboard .meta-box-sortables {
2335 - margin-bottom: 0 !important;
2336 -}
2337 -
2338 -.automatorwp-dashboard .postbox .inside,
2339 -.automatorwp-dashboard .postbox .inside p {
2340 - font-size: 14px;
2341 -}
2342 -
2343 -.automatorwp-dashboard .postbox,
2344 -.automatorwp-dashboard .automatorwp-plugin-card {
2345 - border: none;
2346 - border-radius: 6px;
2347 - box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
2348 -}
2349 -
2350 -.automatorwp-dashboard #automatorwp-dashboard-videos.postbox,
2351 -.automatorwp-dashboard #automatorwp-dashboard-plugins.postbox,
2352 -.automatorwp-dashboard #automatorwp-dashboard-team.postbox,
2353 -.automatorwp-dashboard #automatorwp-dashboard-social.postbox,
2354 -.automatorwp-dashboard #automatorwp-dashboard-involved.postbox {
2355 - background: transparent;
2356 - box-shadow: none;
2357 -}
2358 -
2359 -.automatorwp-dashboard .postbox .hndle {
2360 - display: block;
2361 - cursor: auto;
2362 - user-select: auto;
2363 - font-size: 16px;
2364 -}
2365 -
2366 -.automatorwp-dashboard .postbox .hndle .button {
2367 - text-decoration: none !important;
2368 - float: right;
2369 - margin-bottom: -7px;
2370 - min-height: 30px;
2371 - line-height: 2.30769231;
2372 - padding: 0 12px;
2373 -}
2374 -
2375 -.automatorwp-dashboard .postbox .hndle .dashicons {
2376 - opacity: 0.4;
2377 - margin-right: 4px;
2378 -}
2379 -
2380 -.automatorwp-dashboard .postbox-header {
2381 - border: none;
2382 -}
2383 -
2384 -.automatorwp-dashboard .automatorwp-dashboard-logo {
2385 - margin-bottom: 10px;
2386 -}
2387 -
2388 -.automatorwp-dashboard .automatorwp-dashboard-logo img {
2389 - width: 230px;
2390 - vertical-align: middle;
2391 -}
2392 -
2393 -.automatorwp-dashboard .automatorwp-dashboard-logo .autoamtorwp-dashboard-version {
2394 - font-size: 16px;
2395 - font-weight: 700;
2396 -}
2397 -
2398 -.automatorwp-dashboard h1 {
2399 - clear: both;
2400 - margin: 0 8px 8px;
2401 - font-size: 28px;
2402 -}
2403 -
2404 -.automatorwp-dashboard h3 {
2405 - font-size: 16px !important;
2406 - font-weight: 600 !important;
2407 -}
2408 -
2409 -.automatorwp-dashboard li {
2410 - margin-bottom: 10px;
2411 -}
2412 -
2413 -.automatorwp-dashboard li h3 {
2414 - margin-top: 10px !important;
2415 -}
2416 -
2417 -.automatorwp-dashboard li .dashicons {
2418 - color: #82878c;
2419 -}
2420 -
2421 -/* Automations (latest & most completed) & Latest Logs */
2422 -.automatorwp-dashboard .automatorwp-automations ul,
2423 -.automatorwp-dashboard .automatorwp-latest-logs ul {
2424 - margin-bottom: -12px;
2425 -}
2426 -
2427 -.automatorwp-dashboard .automatorwp-automations li,
2428 -.automatorwp-dashboard .automatorwp-latest-logs li {
2429 - display: block;
2430 - padding: 8px 12px;
2431 - margin-left: -12px;
2432 - margin-right: -12px;
2433 - margin-bottom: 0;
2434 - font-size: 13px;
2435 -}
2436 -
2437 -.automatorwp-dashboard .automatorwp-automations li:nth-child(odd),
2438 -.automatorwp-dashboard .automatorwp-latest-logs li:nth-child(odd) {
2439 - background-color: #f6f7f7;
2440 -}
2441 -
2442 -.automatorwp-dashboard .automatorwp-automations li:last-child,
2443 -.automatorwp-dashboard .automatorwp-latest-logs li:last-child {
2444 - margin-bottom: 0;
2445 - border-radius: 0 0 6px 6px;
2446 -}
2447 -
2448 -.automatorwp-dashboard .automatorwp-automations li > div,
2449 -.automatorwp-dashboard .automatorwp-latest-logs li > div {
2450 - display: flex;
2451 -}
2452 -
2453 -.automatorwp-dashboard .automatorwp-automations li > div > span,
2454 -.automatorwp-dashboard .automatorwp-latest-logs li > div > span {
2455 - min-height: 24px;
2456 -}
2457 -
2458 -.automatorwp-dashboard .automatorwp-automations li > div > span:first-child,
2459 -.automatorwp-dashboard .automatorwp-latest-logs li > div > span:first-child {
2460 - flex: 2;
2461 - padding-right: 6px;
2462 -}
2463 -
2464 -.automatorwp-dashboard .automatorwp-latest-logs li > div > span:last-child,
2465 -.automatorwp-dashboard .automatorwp-automations li > div > span:last-child {
2466 - flex: 1;
2467 - text-align: right;
2468 -}
2469 -
2470 -.automatorwp-dashboard .automatorwp-automations li > div:last-child > span,
2471 -.automatorwp-dashboard .automatorwp-latest-logs li > div:last-child > span {
2472 - color: #72777c;
2473 -}
2474 -
2475 -.automatorwp-dashboard .automatorwp-automations li .automatorwp-integration-icon {
2476 - padding: 4px;
2477 - width: 30px;
2478 - height: 30px;
2479 - border-radius: 4px;
2480 -}
2481 -
2482 -.automatorwp-dashboard .automatorwp-automations .cmb-tooltip-desc,
2483 -.automatorwp-dashboard .automatorwp-latest-logs .cmb-tooltip-desc {
2484 - white-space: nowrap;
2485 - text-align: center;
2486 - width: auto;
2487 - padding: 4px 8px !important;
2488 - bottom: 130%;
2489 -}
2490 -
2491 -.automatorwp-dashboard .automatorwp-automations li > div:first-child,
2492 -.automatorwp-dashboard .automatorwp-latest-logs li > div:first-child {
2493 - float: left;
2494 -}
2495 -
2496 -.automatorwp-dashboard .automatorwp-automations .automatorwp-integration-icon,
2497 -.automatorwp-dashboard .automatorwp-latest-logs .automatorwp-integration-icon {
2498 - position: relative;
2499 - float: left;
2500 - margin-right: 6px;
2501 - width: 40px;
2502 - max-width: 40px;
2503 - max-height: 40px;
2504 - height: 40px;
2505 - margin-top: 1px;
2506 -}
2507 -
2508 -/* Add New Automation */
2509 -.automatorwp-dashboard #automatorwp-dashboard-new-automation h3 {
2510 - margin-bottom: 5px !important;
2511 -}
2512 -
2513 -.automatorwp-dashboard #automatorwp-dashboard-new-automation h3 .cmb-tooltip {
2514 - vertical-align: middle;
2515 -}
2516 -
2517 -.automatorwp-dashboard #automatorwp-dashboard-new-automation h3 .cmb-tooltip .dashicons {
2518 - opacity: 0.3;
2519 -}
2520 -
2521 -.automatorwp-dashboard #automatorwp-dashboard-new-automation h3 + p {
2522 - font-size: 13px;
2523 -}
2524 -
2525 -.automatorwp-dashboard .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type {
2526 - width: 100%;
2527 - padding: 0.5em 0.5em;
2528 - text-align: left;
2529 - margin-bottom: 6px;
2530 -}
2531 -
2532 -.automatorwp-dashboard .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type img {
2533 - width: 10%;
2534 - float: left;
2535 - margin-bottom: 0;
2536 -}
2537 -
2538 -.automatorwp-dashboard .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type .automatorwp-automation-type-description {
2539 - margin-left: 45px;
2540 - margin-top: 0;
2541 -}
2542 -
2543 -.automatorwp-dashboard .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type .automatorwp-automation-type-description strong {
2544 - font-size: 14px;
2545 - margin-bottom: 0px;
2546 -}
2547 -
2548 -.automatorwp-dashboard #automatorwp-dashboard-new-automation .button {
2549 - margin-top: 8px;
2550 -}
2551 -
2552 -/* Videos */
2553 -.automatorwp-dashboard #automatorwp-dashboard-videos .inside {
2554 - margin-top: -16px;
2555 - padding: 0;
2556 -}
2557 -
2558 -.automatorwp-dashboard #automatorwp-dashboard-plugins .inside,
2559 -.automatorwp-dashboard #automatorwp-dashboard-team .inside,
2560 -.automatorwp-dashboard #automatorwp-dashboard-involved .inside,
2561 -.automatorwp-dashboard #automatorwp-dashboard-social .inside {
2562 - padding: 0;
2563 -}
2564 -
2565 -.automatorwp-dashboard #automatorwp-dashboard-plugins .hndle,
2566 -.automatorwp-dashboard #automatorwp-dashboard-team .hndle,
2567 -.automatorwp-dashboard #automatorwp-dashboard-involved .hndle,
2568 -.automatorwp-dashboard #automatorwp-dashboard-social .hndle {
2569 - padding-left: 0;
2570 -}
2571 -
2572 -.automatorwp-dashboard .automatorwp-dashboard-video a {
2573 - display: grid;
2574 - grid-gap: 0;
2575 - grid-template-columns: 1fr 3fr;
2576 - margin-bottom: 5px;
2577 - text-decoration: none;
2578 - color: #3c434a;
2579 - opacity: 0.8;
2580 -}
2581 -
2582 -.automatorwp-dashboard .automatorwp-dashboard-video a:hover {
2583 - opacity: 1;
2584 -}
2585 -
2586 -.automatorwp-dashboard .automatorwp-dashboard-video .automatorwp-dashboard-video-image {
2587 - height: 58px;
2588 - overflow: hidden;
2589 -}
2590 -
2591 -.automatorwp-dashboard .automatorwp-dashboard-video .automatorwp-dashboard-video-image img {
2592 - margin-top: -13px;
2593 -}
2594 -
2595 -.automatorwp-dashboard .automatorwp-dashboard-video .automatorwp-dashboard-video-details .automatorwp-dashboard-video-title {
2596 - font-size: 15px;
2597 -}
2598 -
2599 -.automatorwp-dashboard .automatorwp-dashboard-video .automatorwp-dashboard-video-details .automatorwp-dashboard-video-duration {
2600 - font-size: 13px;
2601 -}
2602 -
2603 -.automatorwp-dashboard .automatorwp-dashboard-get-involved p,
2604 -.automatorwp-dashboard .automatorwp-dashboard-get-involved ul {
2605 - margin-bottom: 20px;
2606 -}
2607 -
2608 -.automatorwp-dashboard .automatorwp-dashboard-pricing-button {
2609 - margin-top: 28px;
2610 -}
2611 -
2612 -.automatorwp-dashboard .button.button-large {
2613 - padding: 8px 18px;
2614 -}
2615 -
2616 -.automatorwp-dashboard .center {
2617 - text-align: center;
2618 -}
2619 -
2620 -.automatorwp-dashboard-more-videos {
2621 - margin-bottom: -12px;
2622 -}
2623 -
2624 -.automatorwp-dashboard-more-videos,
2625 -.automatorwp-dashboard-more-add-ons {
2626 - clear: both;
2627 - text-align: center;
2628 - font-size: 16px;
2629 - padding-top: 20px;
2630 -}
2631 -
2632 -/* Dashboard: Add-ons */
2633 -.automatorwp-dashboard .automatorwp-section-desc {
2634 - margin-top: -12px;
2635 - margin-left: 7px;
2636 -}
2637 -
2638 -.automatorwp-dashboard .automatorwp-dashboard-add-ons-section {
2639 - margin: 0 !important;
2640 -}
2641 -
2642 -.automatorwp-dashboard .automatorwp-plugin-card {
2643 - background: transparent;
2644 - box-shadow: none;
2645 -}
2646 -.automatorwp-dashboard .automatorwp-plugin-card .thumbnail {
2647 - width: 64px;
2648 - height: 64px;
2649 -}
2650 -
2651 -.automatorwp-dashboard .automatorwp-plugin-card .thumbnail a {
2652 - border-radius: 6px;
2653 - overflow: hidden;
2654 - margin-left: auto;
2655 - margin-right: auto;
2656 - box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
2657 - background: #fff;
2658 -}
2659 -
2660 -.automatorwp-dashboard .automatorwp-plugin-card .thumbnail a img {
2661 - max-width: 100%;
2662 -}
2663 -
2664 -.automatorwp-dashboard .automatorwp-plugin-card .name {
2665 - text-align: center;
2666 -}
2667 -
2668 -.automatorwp-dashboard .automatorwp-plugin-card .name h3 {
2669 - margin: 0 !important;
2670 -}
2671 -.automatorwp-dashboard .automatorwp-plugin-card .name a {
2672 - text-decoration: none;
2673 - font-weight: normal;
2674 - color: #1d2327;
2675 - overflow: hidden;
2676 - white-space: nowrap;
2677 -}
2678 -
2679 -.automatorwp-dashboard .automatorwp-plugin-card .thumbnail a img {
2680 - border-radius: 6px 6px 0 0;
2681 -}
2682 -
2683 -.automatorwp-dashboard .automatorwp-plugin-card .plugin-card-top {
2684 - padding: 20px 8px 10px;
2685 - min-height: auto;
2686 -}
2687 -
2688 -.automatorwp-dashboard .automatorwp-plugin-card .plugin-card-bottom {
2689 - background: transparent;
2690 - border: none;
2691 - margin-top: -20px;
2692 -}
2693 -
2694 -.automatorwp-dashboard .automatorwp-plugin-card .cmb-tooltip-desc.cmb-tooltip-top {
2695 - width: 150px;
2696 - bottom: 95%
2697 -}
2698 -
2699 -.automatorwp-dashboard .automatorwp-plugin-card .cmb-tooltip-desc.cmb-tooltip-top:before {
2700 - left: 77px;
2701 -}
2702 -
2703 -.automatorwp-dashboard .automatorwp-plugin-card .cmb-tooltip-left {
2704 - right: 80%;
2705 -}
2706 -
2707 -.automatorwp-dashboard .automatorwp-plugin-card .cmb-tooltip-right {
2708 - left: 80%;
2709 -}
2710 -
2711 -.automatorwp-dashboard .automatorwp-plugin-card .cmb-tooltip-desc p {
2712 - margin: 0;
2713 -}
2714 -
2715 -.automatorwp-dashboard .plugin-card:nth-child(n+11) .plugin-card-top .thumbnail a:after {
2716 - content: " ";
2717 - display: block;
2718 - position: absolute;
2719 - padding-top: 70px;
2720 - width: 100%;
2721 - left: 0;
2722 - margin-top: -57px;
2723 - z-index: 999;
2724 - background: linear-gradient(0deg, #f5f5f5, transparent);
2725 -}
2726 -
2727 -.automatorwp-dashboard .plugin-card:nth-child(n+11) .plugin-card-top .name{
2728 - opacity: 0.2;
2729 -}
2730 -
2731 -.automatorwp-dashboard .plugin-card {
2732 - width: 10%;
2733 - clear: none;
2734 -}
2735 -
2736 -/* Smartphone */
2737 -@media screen and (max-width: 1199px) {
2738 - .automatorwp-dashboard .plugin-card {
2739 - width: 25%;
2740 - }
2741 -
2742 - .automatorwp-dashboard .plugin-card:nth-child(n+9) {
2743 - display: none;
2744 - }
2745 -
2746 - .automatorwp-dashboard .plugin-card:nth-child(n+5) .plugin-card-top .thumbnail a:after {
2747 - content: " ";
2748 - display: block;
2749 - position: absolute;
2750 - padding-top: 70px;
2751 - width: 100%;
2752 - left: 0;
2753 - margin-top: -57px;
2754 - z-index: 999;
2755 - background: linear-gradient(0deg, #f5f5f5, transparent);
2756 - }
2757 -
2758 - .automatorwp-dashboard .plugin-card:nth-child(n+5) .plugin-card-top .name{
2759 - opacity: 0.2;
2760 - }
2761 -
2762 - .automatorwp-dashboard .automatorwp-dashboard-more-videos {
2763 - position: absolute;
2764 - bottom: -10px;
2765 - left: 44%;
2766 - }
2767 -}
2768 -
2769 -@media only screen and (min-width: 800px) and (max-width: 1499px) {
2770 - .automatorwp-dashboard .postbox-container {
2771 - float: left !important;
2772 - }
2773 -
2774 - .automatorwp-dashboard .automatorwp-automations {
2775 - min-height: 370px;
2776 - }
2777 -
2778 - .automatorwp-dashboard #postbox-container-3.postbox-container {
2779 - width: 49.5% !important;
2780 - }
2781 - .automatorwp-dashboard #postbox-container-3.postbox-container:before {
2782 - content: "";
2783 - display: block;
2784 - clear: both;
2785 - }
2786 -}
2787 -
2788 -/* Plugins */
2789 -.automatorwp-dashboard .our-plugins-list li {
2790 - display: inline-block;
2791 - width: 49%;
2792 - margin-bottom: 18px;
2793 -}
2794 -
2795 -.automatorwp-dashboard .our-plugins-list img {
2796 - vertical-align: middle;
2797 - width: 32px;
2798 - height: 32px;
2799 -}
2800 -
2801 -.automatorwp-dashboard .our-plugins-list span {
2802 - vertical-align: middle;
2803 - font-size: 18px;
2804 -}
2805 -
2806 -/* Team */
2807 -.automatorwp-dashboard .contributors-list {
2808 - text-align: center;
2809 -}
2810 -
2811 -.automatorwp-dashboard .contributors-list img {
2812 - border-radius: 50%;
2813 -}
2814 -
2815 -.automatorwp-dashboard .contributors-list span {
2816 - display: block;
2817 -}
2818 -
2819 -.automatorwp-dashboard .contributors-list .cmb-tooltip-top {
2820 - bottom: 115%;
2821 - width: auto;
2822 - white-space: nowrap;
2823 -}
2824 -
2825 -/* Social */
2826 -.automatorwp-dashboard .automatorwp-dashboard-social-list {
2827 - display: flex;
2828 -}
2829 -
2830 -.automatorwp-dashboard .automatorwp-dashboard-social-list li:not(:first-child) {
2831 - margin-left: 8px;
2832 -}
2833 -
2834 -.automatorwp-dashboard .automatorwp-dashboard-social-list .dashicons {
2835 - font-size: 20px;
2836 - line-height: 36px;
2837 - height: 36px;
2838 - width: 36px;
2839 - color: #fff !important;
2840 - border-radius: 100%;
2841 -}
2842 -
2843 -.automatorwp-dashboard .automatorwp-dashboard-social-list .cmb-tooltip-top {
2844 - bottom: 130%;
2845 - width: auto;
2846 - white-space: nowrap;
2847 -}
2848 -
2849 -.automatorwp-dashboard .dashicons-youtube {
2850 - background: #e90000 !important;
2851 -}
2852 -
2853 -.automatorwp-dashboard .dashicons-facebook-alt,
2854 -.automatorwp-dashboard .dashicons-groups {
2855 - background: #4766a9 !important;
2856 -}
2857 -
2858 -.automatorwp-dashboard .dashicons-twitter {
2859 - background: #139ae7 !important;
2860 -}
2861 -
2862 -.automatorwp-dashboard .dashicons-linkedin,
2863 -.automatorwp-dashboard #automatorwp-dashboard-social .dashicons-wordpress {
2864 - background: #0074b3 !important;
2865 -}
2866 -
2867 -.automatorwp-dashboard .dashicons-email-alt {
2868 - background: #444 !important;
2869 -}
2870 -
2871 -.automatorwp-dashboard-blocks-list li span {
2872 - float: right;
2873 -}
2874 -
2875 -@media screen and (min-width: 1200px) {
2876 -
2877 - .automatorwp-dashboard .automatorwp-dashboard-columns {
2878 - display: grid;
2879 - grid-gap: 2rem;
2880 - grid-template-columns: 1fr 1fr 1fr;
2881 - }
2882 -
2883 - .automatorwp-dashboard .contributors-list {
2884 - display: grid;
2885 - grid-template-columns: 1fr 1fr 1fr;
2886 - }
2887 -}
2888 -
2889 -/* Fix WP 7.0 */
2890 -@media only screen and (min-width: 1500px) and (max-width: 1800px) {
2891 - .automatorwp-dashboard #dashboard-widgets .postbox-container {
2892 - width: 25% !important;
2893 - }
2894 -
2895 - .automatorwp-dashboard #dashboard-widgets #postbox-container-3,
2896 - .automatorwp-dashboard #dashboard-widgets #postbox-container-4 {
2897 - float: left !important;
2898 - }
2899 -}
2900 -
2901 -/* -------------------------------------------
2902 - Add-ons
2903 - ------------------------------------------- */
2904 -
2905 -.automatorwp_page_automatorwp_add_ons .wp-filter {
2906 - margin-bottom: 0;
2907 -}
2908 -
2909 -.automatorwp_page_automatorwp_add_ons .wp-filter a:hover,
2910 -.automatorwp_page_automatorwp_add_ons .wp-filter a:focus {
2911 - box-shadow: none;
2912 -}
2913 -
2914 -.automatorwp_page_automatorwp_add_ons .wp-filter a .dashicons {
2915 - vertical-align: bottom;
2916 -}
2917 -
2918 -.automatorwp-add-ons {
2919 - display: -webkit-box;
2920 - display: -webkit-flex;
2921 - display: -ms-flexbox;
2922 - display: flex;
2923 -
2924 - -webkit-flex-wrap: wrap;
2925 - -ms-flex-wrap: wrap;
2926 - flex-wrap: wrap;
2927 -
2928 - width: 100%;
2929 -}
2930 -
2931 -.automatorwp-plugin-card {
2932 - display: -webkit-box;
2933 - display: -webkit-flex;
2934 - display: -ms-flexbox;
2935 - display: flex;
2936 -
2937 - -webkit-flex-wrap: wrap;
2938 - -ms-flex-wrap: wrap;
2939 - flex-wrap: wrap;
2940 -
2941 - width: 100%;
2942 -
2943 - margin-left: 0;
2944 - margin-right: 0;
2945 -
2946 - border: none;
2947 - background: transparent;
2948 -}
2949 -
2950 -.automatorwp-plugin-card .plugin-card-top {
2951 - width: 100%;
2952 - min-height: auto;
2953 - padding-top: 0;
2954 -}
2955 -
2956 -.automatorwp-plugin-card .plugin-card-bottom {
2957 - width: 100%;
2958 - align-self: flex-end;
2959 - border: none;
2960 - background: transparent;
2961 - padding: 0;
2962 -}
2963 -
2964 -.automatorwp-plugin-card .name, .automatorwp-plugin-card .desc
2965 -.automatorwp-plugin-card .name, .automatorwp-plugin-card .desc > p {
2966 - margin-left: 0;
2967 - margin-right: 0;
2968 -}
2969 -
2970 -.automatorwp-plugin-card .thumbnail {
2971 - width: 64px;
2972 - margin: 0 auto 10px;
2973 - border-radius: 6px;
2974 - box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
2975 - background: #fff;
2976 -}
2977 -
2978 -.automatorwp-plugin-card .thumbnail a {
2979 - display: block;
2980 - line-height: 0;
2981 -}
2982 -
2983 -.automatorwp-plugin-card .thumbnail a img {
2984 - max-width: 100%;
2985 - border-radius: 6px;
2986 -}
2987 -
2988 -.automatorwp-plugin-card .name h3 {
2989 - text-align: center;
2990 - margin: 0;
2991 -}
2992 -
2993 -.automatorwp-plugin-card .name a {
2994 - text-decoration: none;
2995 - font-weight: normal;
2996 - color: #1d2327;
2997 - font-size: 16px;
2998 -}
2999 -
3000 -.automatorwp-plugin-card .cmb-tooltip-desc.cmb-tooltip-top {
3001 - bottom: 110%;
3002 -}
3003 -
3004 -.automatorwp-plugin-card .cmb-tooltip-desc p {
3005 - margin: 0;
3006 - color: #ccc !important;
3007 -}
3008 -
3009 -.automatorwp-plugin-card .thumbnail:hover + .name a,
3010 -.automatorwp-plugin-card .name a:hover {
3011 - text-decoration: underline;
3012 -}
3013 -
3014 -.automatorwp-plugin-card .action-links {
3015 - position: relative;
3016 - top: 0;
3017 - right: 0;
3018 - width: 100%;
3019 -}
3020 -
3021 -.automatorwp-plugin-card .action-links .plugin-action-buttons {
3022 - float: none;
3023 - margin: 0;
3024 -}
3025 -
3026 -.automatorwp-plugin-card .action-links .plugin-action-buttons li {
3027 - margin: 0;
3028 - text-align: center;
3029 -}
3030 -
3031 -.automatorwp-plugin-card .action-links .plugin-action-buttons li .more-details {
3032 - float: left;
3033 -}
3034 -
3035 -.is-automatorwp-plugin#plugin-information #plugin-information-content .notice {
3036 - display: none;
3037 -}
3038 -
3039 -.automatorwp-plugin-card .plugin-card-bottom {
3040 - opacity: 0;
3041 -}
3042 -
3043 -.automatorwp-plugin-card:hover .plugin-card-bottom {
3044 - opacity: 1;
3045 -}
3046 -
3047 -.automatorwp-plugin-card .installed,
3048 -.automatorwp-plugin-card .active {
3049 - margin-right: -30%;
3050 - margin-bottom: -10px;
3051 - margin-top: -16px;
3052 - position: relative;
3053 - z-index: 1;
3054 - text-align: center;
3055 -}
3056 -
3057 -.automatorwp-plugin-card .installed span,
3058 -.automatorwp-plugin-card .active span {
3059 - display: inline-block;
3060 - padding: 4px 6px;
3061 - border-radius: 4px;
3062 - font-size: 14px;
3063 -}
3064 -
3065 -.automatorwp-plugin-card .installed span {
3066 - background: #e5e5e5;
3067 - border: #e5e5e5;
3068 -}
3069 -
3070 -.automatorwp-plugin-card .active span {
3071 - background: #46b450;
3072 - border: #46b450;
3073 - color: #fff;
3074 -}
3075 -
3076 -@media screen and (min-width: 1600px) {
3077 - .automatorwp-plugin-card {
3078 - width: 16%;
3079 - }
3080 -}
3081 -
3082 -@media screen and (min-width: 1200px) and (max-width: 1600px) {
3083 - .automatorwp-plugin-card {
3084 - width: 16%;
3085 - }
3086 -}
3087 -
3088 -.automatorwp-plugin-card {
3089 - margin: 0 !important;
3090 - padding-bottom: 12px;
3091 - overflow: initial;
3092 -}
3093 -
3094 -@media screen and (min-width: 1200px) {
3095 - .automatorwp-add-ons {
3096 - margin-left: -8px;
3097 - margin-right: -8px;
3098 - }
3099 -}
3100 -
3101 -/* -------------------------------------------
3102 - Settings
3103 - ------------------------------------------- */
3104 -
3105 -.automatorwp-page.cmb2-options-page {
3106 - max-width: 100%;
3107 -}
3108 -
3109 -.automatorwp-page.cmb2-options-page .cmb2-metabox > .cmb-row {
3110 - border: none;
3111 - box-shadow: none;
3112 -}
3113 -
3114 -.automatorwp-page .postbox .hndle {
3115 - justify-content: flex-start;
3116 - font-size: 16px;
3117 -}
3118 -
3119 -.automatorwp-page .postbox .hndle .dashicons {
3120 - height: 18px;
3121 - line-height: 18px;
3122 - margin-right: 5px;
3123 -}
3124 -
3125 -.automatorwp-page .postbox .handle-actions {
3126 - display: none;
3127 -}
3128 -
3129 -.automatorwp_settings input[name="submit-cmb"] {
3130 - float: left;
3131 - margin-right: 12px;
3132 -}
3133 -
3134 -.automatorwp_settings.cmb2-options-page #poststuff h2.nav-tab-wrapper {
3135 - margin-bottom: 20px !important;
3136 -}
3137 -
3138 -.automatorwp-page .nav-tab .dashicons {
3139 - vertical-align: text-bottom;
3140 - margin-right: 2px;
3141 -}
3142 -
3143 -.automatorwp-page > h2 {
3144 - margin-bottom: 0 !important;
3145 -}
3146 -
3147 -/* -------------------------------------------
3148 - Licensing Settings
3149 - ------------------------------------------- */
3150 -
3151 -.automatorwp_licenses .meta-box-sortables {
3152 - display: -webkit-box;
3153 - display: -webkit-flex;
3154 - display: -ms-flexbox;
3155 - display: flex;
3156 - -webkit-flex-wrap: wrap;
3157 - -ms-flex-wrap: wrap;
3158 - flex-wrap: wrap;
3159 - margin-left: -8px;
3160 - margin-right: -8px;
3161 -}
3162 -
3163 -.automatorwp_licenses .handlediv,
3164 -.automatorwp_page_automatorwp_licenses #screen-options-link-wrap {
3165 - display: none !important;
3166 -}
3167 -
3168 -.automatorwp_licenses .postbox.closed .inside {
3169 - display: block !important;
3170 -}
3171 -
3172 -.automatorwp_licenses .postbox {
3173 - width: 100%;
3174 - margin: 0 8px 16px;
3175 -}
3176 -
3177 -.automatorwp_licenses .automatorwp-license-thumbnail {
3178 - margin: -6px -12px 0;
3179 -}
3180 -
3181 -.automatorwp_licenses .automatorwp-license-thumbnail img {
3182 - width: 100%;
3183 -}
3184 -
3185 -.automatorwp_licenses .cmb-row {
3186 - border: none;
3187 - padding-bottom: 0;
3188 -}
3189 -
3190 -.automatorwp_licenses .cmb2-metabox > .cmb-row:not(:first-of-type) {
3191 - border: none !important;
3192 -}
3193 -
3194 -.automatorwp_licenses .cmb-th,
3195 -.automatorwp_licenses .cmb-td {
3196 - width: 100%;
3197 - padding: 6px 0 !important;
3198 - margin-left: 0 !important;
3199 - margin-right: 0 !important;
3200 -}
3201 -
3202 -.automatorwp_licenses .cmb-td input {
3203 - width: 100%;
3204 -}
3205 -
3206 -.automatorwp_licenses .license-expiration-notice,
3207 -.automatorwp_licenses .renew-license-notice {
3208 - display: inline;
3209 -}
3210 -
3211 -.automatorwp_licenses .license-error {
3212 - color: #a00;
3213 -}
3214 -
3215 -.automatorwp_licenses .renew-license-notice:before {
3216 - content: ' '; /* Add a space between expiration and renew notices */
3217 -}
3218 -
3219 -@media screen and (min-width: 1600px) {
3220 -
3221 - .automatorwp_licenses .postbox {
3222 - width: 23%;
3223 - }
3224 -
3225 -}
3226 -
3227 -@media screen and (min-width: 1200px) and (max-width: 1600px) {
3228 - .automatorwp_licenses .postbox {
3229 - width: 23%;
3230 - }
3231 -}
3232 -
3233 -/* -------------------------------------------
3234 - Review Notice
3235 - ------------------------------------------- */
3236 -.automatorwp-review-notice {
3237 - position: relative;
3238 - background: #222;
3239 - color: #fff;
3240 - border: none;
3241 -}
3242 -
3243 -.automatorwp-review-notice a:not(.button) {
3244 - color: #fff !important;
3245 -}
3246 -
3247 -.automatorwp-review-notice a.button:not(.button-primary) {
3248 - background-color: #fff !important;
3249 -}
3250 -
3251 -.automatorwp-review-notice > p {
3252 - color: #fff !important;
3253 -}
3254 -
3255 -.automatorwp-review-notice p span {
3256 - opacity: 0.7;
3257 -}
3258 -
3259 -.automatorwp-review-notice .button-primary {
3260 - background: #febd17;
3261 - border-color: #fdc63a #926d10 #926d10;
3262 - box-shadow: 0 1px 0 #926d10;
3263 - text-decoration: none;
3264 - text-shadow: none;
3265 - color: #444;
3266 - font-weight: 500;
3267 -}
3268 -
3269 -.automatorwp-review-notice .button-primary.hover,
3270 -.automatorwp-review-notice .button-primary:hover,
3271 -.automatorwp-review-notice .button-primary.focus,
3272 -.automatorwp-review-notice .button-primary:focus {
3273 - background: #f3b415;
3274 - border-color: #fdc63a #926d10 #926d10;
3275 - color: #444;
3276 -}
3277 -
3278 -.automatorwp-review-notice .button-primary.focus,
3279 -.automatorwp-review-notice .button-primary:focus {
3280 - box-shadow: 0 1px 0 #febd17,
3281 - 0 0 2px 1px #fdc63a;
3282 -}
3283 -
3284 -.automatorwp-review-notice .button-primary.active,
3285 -.automatorwp-review-notice .button-primary.active:hover,
3286 -.automatorwp-review-notice .button-primary.active:focus,
3287 -.automatorwp-review-notice .button-primary:active {
3288 - background: #f3b415;
3289 - border-color: #926d10;
3290 - box-shadow: inset 0 2px 0 #926d10;
3291 - vertical-align: top;
3292 -}
3293 -
3294 -.automatorwp-review-notice .automatorwp-hide-review-notice.button {
3295 - color: #353849;
3296 - border-color: #353849;
3297 -}
3298 -
3299 -.automatorwp-review-notice .automatorwp-hide-review-notice.button:hover {
3300 - color: #3b4eb7;
3301 - border-color: #3b4eb7;
3302 -}
3303 -
3304 -.automatorwp-review-notice ul li {
3305 - display: inline-block;
3306 - margin-right: 10px;
3307 -}
3308 -
3309 -.automatorwp-review-notice .automatorwp-hide-review-notice:not(.button) {
3310 - color: #ccc;
3311 -}
3312 -
3313 -.automatorwp-review-notice .automatorwp-hide-review-notice:not(.button):hover {
3314 - color: #fff;
3315 -}
3316 -
3317 -.automatorwp-review-notice .automatorwp-logo {
3318 - background-image: url('../img/automatorwp-logo.svg');
3319 - background-size: 100%;
3320 - background-repeat: no-repeat;
3321 - width: 150px;
3322 - height: 150px;
3323 - margin: 15px auto 0 auto;
3324 -}
3325 -
3326 -/* Desktop */
3327 -@media screen and (min-width: 768px) {
3328 - .automatorwp-review-notice .automatorwp-logo {
3329 - float: left;
3330 - margin: 20px 20px 20px 5px;
3331 - }
3332 -}
3333 -
3334 -/* -------------------------------------------
3335 - Import Automation
3336 - ------------------------------------------- */
3337 -.automatorwp-import-automation-text {
3338 - font-size: 32px;
3339 - color: #aaa;
3340 - text-align: center;
3341 - margin-top: 5%;
3342 - margin-bottom: 3%;
3343 -}
3344 -
3345 -.automatorwp-import-automation-text:not(.automatorwp-import-automation-success):not(.automatorwp-import-automation-error) {
3346 - -webkit-animation: automatorwp_import_text_animation 1s infinite;
3347 - animation: automatorwp_import_text_animation 1s infinite;
3348 -}
3349 -
3350 -.automatorwp-import-automation-text.automatorwp-import-automation-success {
3351 - color: #269630;
3352 -}
3353 -
3354 -.automatorwp-import-automation-text.automatorwp-import-automation-error {
3355 - color: #dc3232;
3356 -}
3357 -
3358 -.automatorwp-import-automation-icon {
3359 - width: 200px;
3360 - height: 200px;
3361 - text-align: center;
3362 - margin: 0 auto;
3363 -}
3364 -
3365 -.automatorwp-import-automation-icon img {
3366 - width: 100%;
3367 -}
3368 -
3369 -.automatorwp-import-automation-loader {
3370 - margin-top: -130px;
3371 -}
3372 -
3373 -.automatorwp-import-automation-loader-background {
3374 - width: 100px;
3375 - height: 70px;
3376 - background: #353849;
3377 - margin: 0 auto;
3378 - position: relative;
3379 - border-radius: 45px;
3380 -}
3381 -
3382 -.automatorwp-import-automation-loader-icon,
3383 -.automatorwp-import-automation-loader-icon:before,
3384 -.automatorwp-import-automation-loader-icon:after {
3385 - border-radius: 50%;
3386 - width: 14px;
3387 - height: 14px;
3388 - -webkit-animation-fill-mode: both;
3389 - animation-fill-mode: both;
3390 - -webkit-animation: automatorwp_import_logo_animation 1.8s infinite ease-in-out;
3391 - animation: automatorwp_import_logo_animation 1.8s infinite ease-in-out;
3392 -}
3393 -
3394 -.automatorwp-import-automation-loader-icon {
3395 - color: #4ceedf;
3396 - font-size: 10px;
3397 - margin: 0 auto;
3398 - margin-top: -66px;
3399 - position: relative;
3400 - text-indent: -9999em;
3401 - -webkit-transform: translateZ(0);
3402 - -ms-transform: translateZ(0);
3403 - transform: translateZ(0);
3404 - -webkit-animation-delay: -0.16s;
3405 - animation-delay: -0.16s;
3406 -}
3407 -
3408 -.automatorwp-import-automation-loader-icon:before,
3409 -.automatorwp-import-automation-loader-icon:after {
3410 - content: '';
3411 - position: absolute;
3412 - top: 0;
3413 -}
3414 -
3415 -.automatorwp-import-automation-loader-icon:before {
3416 - left: -26px;
3417 - -webkit-animation-delay: -0.32s;
3418 - animation-delay: -0.32s;
3419 -}
3420 -
3421 -.automatorwp-import-automation-loader-icon:after {
3422 - left: 26px;
3423 -}
3424 -
3425 -@-webkit-keyframes automatorwp_import_text_animation {
3426 - 0% { opacity:1; }
3427 - 50% { opacity:0.6; }
3428 - 100% { opacity:1; }
3429 -}
3430 -@keyframes automatorwp_import_text_animation {
3431 - 0% { opacity:1; }
3432 - 50% { opacity:0.6; }
3433 - 100% { opacity:1; }
3434 -}
3435 -
3436 -@-webkit-keyframes automatorwp_import_logo_animation {
3437 - 0%,
3438 - 80%,
3439 - 100% { box-shadow: 0 2.5em 0 -1.3em; }
3440 - 40% { box-shadow: 0 2.5em 0 0; }
3441 -}
3442 -@keyframes automatorwp_import_logo_animation {
3443 - 0%,
3444 - 80%,
3445 - 100% { box-shadow: 0 2.5em 0 -1.3em; }
3446 - 40% { box-shadow: 0 2.5em 0 0; }
3447 -}
3448 -
3449 -/* -------------------------------------------
3450 - Admin Menu
3451 - ------------------------------------------- */
3452 -
3453 -.automatorwp-admin-menu-badge {
3454 - display: inline-block;
3455 - float: right;
3456 - vertical-align: top;
3457 - margin: 1px -11px -1px 2px;
3458 - padding: 0 5px;
3459 - height: 18px;
3460 - border-radius: 9px;
3461 - background-color: #d63638;
3462 - color: #fff;
3463 - font-size: 11px;
3464 - line-height: 1.6;
3465 -}
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 +}