PluginProbe
AutomatorWP – No-Code Workflow Automation, Integration & Webhooks Plugin, now with AI / 6.0.2
AutomatorWP – No-Code Workflow Automation, Integration & Webhooks Plugin, now with AI v6.0.2
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 5.6.2 All 33 releases
automatorwp / libraries / cmb2 / css / cmb2-front.css

cmb2-front.css in AutomatorWP – No-Code Workflow Automation, Integration & Webhooks Plugin, now with AI 6.0.2, at libraries/cmb2/css/cmb2-front.css

1,154 lines 34.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!
2 * CMB2 - v2.12.0 - 2026-05-31
3 * https://cmb2.io
4 * Copyright (c) 2026
5 * Licensed GPLv2+
6 */
7
8 /*--------------------------------------------------------------
9 * Main Wrap
10 --------------------------------------------------------------*/
11 .cmb2-wrap {
12 margin: 0;
13 }
14 .cmb2-wrap input,
15 .cmb2-wrap textarea {
16 max-width: 100%;
17 }
18 .cmb2-wrap input[type=text].cmb2-oembed {
19 width: 100%;
20 }
21 .cmb2-wrap textarea {
22 width: 500px;
23 padding: 8px;
24 }
25 .cmb2-wrap textarea.cmb2-textarea-code {
26 font-family: "Courier 10 Pitch", Courier, monospace;
27 line-height: 16px;
28 }
29 .cmb2-wrap input.cmb2-text-small, .cmb2-wrap input.cmb2-timepicker {
30 width: 100px;
31 }
32 .cmb2-wrap input.cmb2-text-money {
33 width: 90px;
34 }
35 .cmb2-wrap input.cmb2-text-medium {
36 width: 230px;
37 }
38 .cmb2-wrap input.cmb2-upload-file {
39 width: 65%;
40 }
41 .cmb2-wrap input.ed_button {
42 padding: 2px 4px;
43 }
44 .cmb2-wrap input:not([type=hidden]) + input,
45 .cmb2-wrap input:not([type=hidden]) + .button-secondary,
46 .cmb2-wrap input:not([type=hidden]) + select {
47 margin-left: 20px;
48 }
49 .cmb2-wrap ul {
50 margin: 0;
51 }
52 .cmb2-wrap li {
53 font-size: 14px;
54 line-height: 16px;
55 margin: 1px 0 5px 0;
56 }
57 .cmb2-wrap select {
58 font-size: 14px;
59 margin-top: 3px;
60 }
61 .cmb2-wrap input[type=radio] {
62 margin: 0 5px 0 0;
63 padding: 0;
64 }
65 .cmb2-wrap input[type=checkbox] {
66 margin: 0 5px 0 0;
67 padding: 0;
68 }
69 .cmb2-wrap button,
70 .cmb2-wrap .button-secondary {
71 white-space: nowrap;
72 }
73 .cmb2-wrap .mceLayout {
74 border: 1px solid #e9e9e9 !important;
75 }
76 .cmb2-wrap .mceIframeContainer {
77 background: #ffffff;
78 }
79 .cmb2-wrap .meta_mce {
80 width: 97%;
81 }
82 .cmb2-wrap .meta_mce textarea {
83 width: 100%;
84 }
85 .cmb2-wrap .cmb-multicheck-toggle {
86 margin-top: -1em;
87 }
88 .cmb2-wrap .wp-picker-clear.button,
89 .cmb2-wrap .wp-picker-default.button {
90 margin-left: 6px;
91 padding: 2px 8px;
92 }
93 .cmb2-wrap .cmb-row {
94 margin: 0;
95 }
96 .cmb2-wrap .cmb-row:after {
97 content: "";
98 clear: both;
99 display: block;
100 width: 100%;
101 }
102 .cmb2-wrap .cmb-row.cmb-repeat .cmb2-metabox-description {
103 padding-top: 0;
104 padding-bottom: 1em;
105 }
106
107 body.block-editor-page.branch-5-3 .cmb2-wrap .cmb-row .cmb2-radio-list input[type=radio]::before {
108 margin: 0.1875rem;
109 }
110 @media screen and (max-width: 782px) {
111 body.block-editor-page.branch-5-3 .cmb2-wrap .cmb-row .cmb2-radio-list input[type=radio]::before {
112 margin: 0.4375rem;
113 }
114 }
115
116 .cmb2-metabox {
117 clear: both;
118 margin: 0;
119 }
120 .cmb2-metabox > .cmb-row:first-of-type > .cmb-td,
121 .cmb2-metabox > .cmb-row:first-of-type > .cmb-th,
122 .cmb2-metabox .cmb-field-list > .cmb-row:first-of-type > .cmb-td,
123 .cmb2-metabox .cmb-field-list > .cmb-row:first-of-type > .cmb-th {
124 border: 0;
125 }
126
127 .cmb-add-row {
128 margin: 1.8em 0 0;
129 }
130
131 .cmb-nested .cmb-td,
132 .cmb-repeatable-group .cmb-th,
133 .cmb-repeatable-group:first-of-type {
134 border: 0;
135 }
136
137 .cmb-row:last-of-type,
138 .cmb2-wrap .cmb-row:last-of-type,
139 .cmb-repeatable-group:last-of-type {
140 border-bottom: 0;
141 }
142
143 .cmb-repeatable-grouping {
144 border: 1px solid #e9e9e9;
145 padding: 0 1em;
146 }
147 .cmb-repeatable-grouping.cmb-row {
148 margin: 0 0 0.8em;
149 }
150 .cmb-th {
151 color: #222222;
152 float: left;
153 font-weight: 600;
154 padding: 20px 10px 20px 0;
155 vertical-align: top;
156 width: 200px;
157 }
158 @media (max-width: 450px) {
159 .cmb-th {
160 font-size: 1.2em;
161 display: block;
162 float: none;
163 padding-bottom: 1em;
164 text-align: left;
165 width: 100%;
166 }
167 .cmb-th label {
168 display: block;
169 margin-top: 0;
170 margin-bottom: 0.5em;
171 }
172 }
173
174 .cmb-td {
175 line-height: 1.3;
176 max-width: 100%;
177 padding: 15px 10px;
178 vertical-align: middle;
179 }
180
181 .cmb-type-title .cmb-td {
182 padding: 0;
183 }
184
185 .cmb-th label {
186 display: block;
187 padding: 5px 0;
188 }
189
190 .cmb-th + .cmb-td {
191 float: left;
192 }
193
194 .cmb-td .cmb-td {
195 padding-bottom: 1em;
196 }
197
198 .cmb-remove-row {
199 text-align: right;
200 }
201
202 .empty-row.hidden {
203 display: none;
204 }
205
206 .cmb-repeat-table {
207 background-color: #fafafa;
208 border: 1px solid rgb(225.35, 225.35, 225.35);
209 }
210 .cmb-repeat-table .cmb-row.cmb-repeat-row {
211 position: relative;
212 counter-increment: el;
213 margin: 0;
214 padding: 10px 10px 10px 50px;
215 border-bottom: none !important;
216 }
217 .cmb-repeat-table .cmb-row.cmb-repeat-row + .cmb-repeat-row {
218 border-top: solid 1px #e9e9e9;
219 }
220 .cmb-repeat-table .cmb-row.cmb-repeat-row.ui-sortable-helper {
221 outline: dashed 2px #e9e9e9 !important;
222 }
223 .cmb-repeat-table .cmb-row.cmb-repeat-row:before {
224 content: counter(el);
225 display: block;
226 top: 0;
227 left: 0;
228 position: absolute;
229 width: 35px;
230 height: 100%;
231 line-height: 35px;
232 cursor: move;
233 color: #757575;
234 text-align: center;
235 border-right: solid 1px #e9e9e9;
236 }
237 .cmb-repeat-table .cmb-row.cmb-repeat-row .cmb-td {
238 margin: 0;
239 padding: 0;
240 }
241 .cmb-repeat-table + .cmb-add-row {
242 margin: 0;
243 }
244 .cmb-repeat-table + .cmb-add-row:before {
245 content: "";
246 width: 1px;
247 height: 1.6em;
248 display: block;
249 margin-left: 17px;
250 background-color: rgb(220.25, 220.25, 220.25);
251 }
252 .cmb-repeat-table .cmb-remove-row {
253 top: 7px;
254 right: 7px;
255 position: absolute;
256 width: auto;
257 margin-left: 0;
258 padding: 0 !important;
259 display: none;
260 }
261 .cmb-repeat-table .cmb-remove-row > .cmb-remove-row-button {
262 font-size: 20px;
263 text-indent: -1000px;
264 overflow: hidden;
265 position: relative;
266 height: auto;
267 line-height: 1;
268 padding: 0 10px 0;
269 }
270 .cmb-repeat-table .cmb-remove-row > .cmb-remove-row-button:before {
271 content: "\f335";
272 font-family: "Dashicons";
273 speak: none;
274 font-weight: normal;
275 font-variant: normal;
276 text-transform: none;
277 line-height: 1;
278 -webkit-font-smoothing: antialiased;
279 margin: 0;
280 text-indent: 0;
281 position: absolute;
282 top: 0;
283 left: 0;
284 width: 100%;
285 height: 100%;
286 text-align: center;
287 line-height: 1.3;
288 }
289 .cmb-repeat-table .cmb-repeat-row:hover .cmb-remove-row {
290 display: block;
291 }
292
293 .cmb-repeatable-group .cmb-th {
294 padding: 5px;
295 }
296 .cmb-repeatable-group .cmb-group-title {
297 background-color: #e9e9e9;
298 padding: 8px 12px 8px 2.2em;
299 margin: 0 -1em;
300 min-height: 1.5em;
301 font-size: 14px;
302 line-height: 1.4;
303 }
304 .cmb-repeatable-group .cmb-group-title h4 {
305 border: 0;
306 margin: 0;
307 font-size: 1.2em;
308 font-weight: 500;
309 padding: 0.5em 0.75em;
310 }
311 .cmb-repeatable-group .cmb-group-title .cmb-th {
312 display: block;
313 width: 100%;
314 }
315 .cmb-repeatable-group .cmb-group-description .cmb-th {
316 font-size: 1.2em;
317 display: block;
318 float: none;
319 padding-bottom: 1em;
320 text-align: left;
321 width: 100%;
322 }
323 .cmb-repeatable-group .cmb-group-description .cmb-th label {
324 display: block;
325 margin-top: 0;
326 margin-bottom: 0.5em;
327 }
328 .cmb-repeatable-group .cmb-shift-rows {
329 margin-right: 1em;
330 }
331 .cmb-repeatable-group .cmb-shift-rows .dashicons-arrow-up-alt2 {
332 margin-top: 0.15em;
333 }
334 .cmb-repeatable-group .cmb-shift-rows .dashicons-arrow-down-alt2 {
335 margin-top: 0.2em;
336 }
337 .cmb-repeatable-group .cmb2-upload-button {
338 float: right;
339 }
340
341 p.cmb2-metabox-description {
342 color: #666;
343 letter-spacing: 0.01em;
344 margin: 0;
345 padding-top: 0.5em;
346 }
347
348 span.cmb2-metabox-description {
349 color: #666;
350 letter-spacing: 0.01em;
351 }
352
353 .cmb2-metabox-title {
354 margin: 0 0 5px 0;
355 padding: 5px 0 0 0;
356 font-size: 14px;
357 }
358
359 .cmb-inline ul {
360 padding: 4px 0 0 0;
361 }
362
363 .cmb-inline li {
364 display: inline-block;
365 padding-right: 18px;
366 }
367
368 .cmb-type-textarea-code pre {
369 margin: 0;
370 }
371
372 .cmb2-media-status .img-status {
373 clear: none;
374 display: inline-block;
375 vertical-align: middle;
376 margin-right: 10px;
377 width: auto;
378 }
379 .cmb2-media-status .img-status img {
380 max-width: 350px;
381 height: auto;
382 }
383 .cmb2-media-status .img-status img,
384 .cmb2-media-status .embed-status {
385 background: #eee;
386 border: 5px solid #ffffff;
387 outline: 1px solid #e9e9e9;
388 box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
389 background-image: linear-gradient(45deg, #d0d0d0 25%, transparent 25%, transparent 75%, #d0d0d0 75%, #d0d0d0), linear-gradient(45deg, #d0d0d0 25%, transparent 25%, transparent 75%, #d0d0d0 75%, #d0d0d0);
390 background-position: 0 0, 10px 10px;
391 background-size: 20px 20px;
392 border-radius: 2px;
393 -moz-border-radius: 2px;
394 margin: 15px 0 0 0;
395 }
396 .cmb2-media-status .embed-status {
397 float: left;
398 max-width: 800px;
399 }
400 .cmb2-media-status .img-status, .cmb2-media-status .embed-status {
401 position: relative;
402 }
403 .cmb2-media-status .img-status .cmb2-remove-file-button, .cmb2-media-status .embed-status .cmb2-remove-file-button {
404 background: url(../images/ico-delete.png);
405 height: 16px;
406 left: -5px;
407 position: absolute;
408 text-indent: -9999px;
409 top: -5px;
410 width: 16px;
411 }
412 .cmb2-media-status .img-status .cmb2-remove-file-button {
413 top: 10px;
414 }
415 .cmb2-media-status .img-status img, .cmb2-media-status .file-status > span {
416 cursor: pointer;
417 }
418 .cmb2-media-status.cmb-attach-list .img-status img, .cmb2-media-status.cmb-attach-list .file-status > span {
419 cursor: move;
420 }
421
422 .cmb-type-file-list .cmb2-media-status .img-status {
423 clear: none;
424 vertical-align: middle;
425 width: auto;
426 margin-right: 10px;
427 margin-bottom: 10px;
428 margin-top: 0;
429 }
430
431 .cmb-attach-list li {
432 clear: both;
433 display: inline-block;
434 width: 100%;
435 margin-top: 5px;
436 margin-bottom: 10px;
437 }
438 .cmb-attach-list li img {
439 float: left;
440 margin-right: 10px;
441 }
442
443 .cmb2-remove-wrapper {
444 margin: 0;
445 }
446
447 .child-cmb2 .cmb-th {
448 text-align: left;
449 }
450
451 .cmb2-indented-hierarchy {
452 padding-left: 1.5em;
453 }
454
455 @media (max-width: 450px) {
456 .cmb-th,
457 .cmb-td,
458 .cmb-th + .cmb-td {
459 display: block;
460 float: none;
461 width: 100%;
462 }
463 }
464 /*--------------------------------------------------------------
465 * Post Metaboxes
466 --------------------------------------------------------------*/
467 #poststuff .cmb-group-title {
468 margin-left: -1em;
469 margin-right: -1em;
470 min-height: 1.5em;
471 }
472
473 #poststuff .repeatable .cmb-group-title {
474 padding-left: 2.2em;
475 }
476
477 .cmb2-postbox .cmb2-wrap, .cmb-type-group .cmb2-wrap {
478 margin: 0;
479 }
480 .cmb2-postbox .cmb2-wrap > .cmb-field-list > .cmb-row, .cmb-type-group .cmb2-wrap > .cmb-field-list > .cmb-row {
481 padding: 1.8em 0;
482 }
483 .cmb2-postbox .cmb2-wrap input[type=text].cmb2-oembed, .cmb-type-group .cmb2-wrap input[type=text].cmb2-oembed {
484 width: 100%;
485 }
486 .cmb2-postbox .cmb-row, .cmb-type-group .cmb-row {
487 padding: 0 0 1.8em;
488 margin: 0 0 0.8em;
489 }
490 .cmb2-postbox .cmb-row .cmbhandle, .cmb-type-group .cmb-row .cmbhandle {
491 right: -1em;
492 position: relative;
493 color: #222222;
494 }
495 .cmb2-postbox .cmb-repeatable-grouping, .cmb-type-group .cmb-repeatable-grouping {
496 padding: 0 1em;
497 max-width: 100%;
498 min-width: 1px !important;
499 }
500 .cmb2-postbox .cmb-repeatable-group > .cmb-row, .cmb-type-group .cmb-repeatable-group > .cmb-row {
501 padding-bottom: 0;
502 }
503 .cmb2-postbox .cmb-th, .cmb-type-group .cmb-th {
504 width: 18%;
505 padding: 0 2% 0 0;
506 }
507 .cmb2-postbox .cmb-td, .cmb-type-group .cmb-td {
508 margin-bottom: 0;
509 padding: 0;
510 line-height: 1.3;
511 }
512 .cmb2-postbox .cmb-th + .cmb-td, .cmb-type-group .cmb-th + .cmb-td {
513 width: 80%;
514 float: right;
515 }
516 .cmb2-postbox .cmb-row:not(:last-of-type),
517 .cmb2-postbox .cmb-repeatable-group:not(:last-of-type), .cmb-type-group .cmb-row:not(:last-of-type),
518 .cmb-type-group .cmb-repeatable-group:not(:last-of-type) {
519 border-bottom: 1px solid #e9e9e9;
520 }
521 @media (max-width: 450px) {
522 .cmb2-postbox .cmb-row:not(:last-of-type),
523 .cmb2-postbox .cmb-repeatable-group:not(:last-of-type), .cmb-type-group .cmb-row:not(:last-of-type),
524 .cmb-type-group .cmb-repeatable-group:not(:last-of-type) {
525 border-bottom: 0;
526 }
527 }
528 .cmb2-postbox .cmb-repeat-group-field,
529 .cmb2-postbox .cmb-remove-field-row, .cmb-type-group .cmb-repeat-group-field,
530 .cmb-type-group .cmb-remove-field-row {
531 padding-top: 1.8em;
532 }
533 .cmb2-postbox .button-secondary .dashicons, .cmb-type-group .button-secondary .dashicons {
534 line-height: 1.3;
535 }
536 .cmb2-postbox .button-secondary.move-up .dashicons, .cmb2-postbox .button-secondary.move-down .dashicons, .cmb-type-group .button-secondary.move-up .dashicons, .cmb-type-group .button-secondary.move-down .dashicons {
537 line-height: 1.1;
538 }
539 .cmb2-postbox .button-secondary.cmb-add-group-row .dashicons, .cmb-type-group .button-secondary.cmb-add-group-row .dashicons {
540 line-height: 1.5;
541 }
542
543 /*--------------------------------------------------------------
544 * Context Metaboxes
545 --------------------------------------------------------------*/
546 /* Metabox collapse arrow indicators */
547 .js .cmb2-postbox.context-box .handlediv {
548 text-align: center;
549 }
550 .js .cmb2-postbox.context-box .toggle-indicator:before {
551 content: "\f142";
552 display: inline-block;
553 font: normal 20px/1 dashicons;
554 speak: none;
555 -webkit-font-smoothing: antialiased;
556 -moz-osx-font-smoothing: grayscale;
557 text-decoration: none !important;
558 }
559 .js .cmb2-postbox.context-box.closed .toggle-indicator:before {
560 content: "\f140";
561 }
562
563 .cmb2-postbox.context-box {
564 margin-bottom: 10px;
565 }
566 .cmb2-postbox.context-box.context-before_permalink-box {
567 margin-top: 10px;
568 }
569 .cmb2-postbox.context-box.context-after_title-box {
570 margin-top: 10px;
571 }
572 .cmb2-postbox.context-box.context-after_editor-box {
573 margin-top: 20px;
574 margin-bottom: 0;
575 }
576 .cmb2-postbox.context-box.context-form_top-box {
577 margin-top: 10px;
578 }
579 .cmb2-postbox.context-box.context-form_top-box .hndle {
580 font-size: 14px;
581 padding: 8px 12px;
582 margin: 0;
583 line-height: 1.4;
584 }
585 .cmb2-postbox.context-box .hndle {
586 cursor: auto;
587 }
588
589 .cmb2-context-wrap {
590 margin-top: 10px;
591 }
592 .cmb2-context-wrap.cmb2-context-wrap-form_top {
593 margin-right: 300px;
594 width: auto;
595 }
596 .cmb2-context-wrap.cmb2-context-wrap-no-title .cmb2-metabox {
597 padding: 10px;
598 }
599 .cmb2-context-wrap .cmb-th {
600 padding: 0 2% 0 0;
601 width: 18%;
602 }
603 .cmb2-context-wrap .cmb-td {
604 width: 80%;
605 padding: 0;
606 }
607 .cmb2-context-wrap .cmb-row {
608 margin-bottom: 10px;
609 }
610 .cmb2-context-wrap .cmb-row:last-of-type {
611 margin-bottom: 0;
612 }
613
614 /* one column on the post write/edit screen */
615 @media only screen and (max-width: 850px) {
616 .cmb2-context-wrap.cmb2-context-wrap-form_top {
617 margin-right: 0;
618 }
619 }
620 /*--------------------------------------------------------------
621 * Misc.
622 --------------------------------------------------------------*/
623 #poststuff .cmb-repeatable-group h2 {
624 margin: 0;
625 }
626
627 .edit-tags-php .cmb2-metabox-title,
628 .profile-php .cmb2-metabox-title,
629 .user-edit-php .cmb2-metabox-title {
630 font-size: 1.4em;
631 }
632
633 .cmb2-postbox .cmb-spinner, .cmb2-no-box-wrap .cmb-spinner {
634 float: left;
635 display: none;
636 }
637
638 .cmb-spinner {
639 display: none;
640 }
641 .cmb-spinner.is-active {
642 display: block;
643 }
644
645 /*--------------------------------------------------------------
646 * Collapsible UI
647 --------------------------------------------------------------*/
648 .cmb2-metabox .cmbhandle {
649 color: #757575;
650 float: right;
651 width: 27px;
652 height: 30px;
653 cursor: pointer;
654 right: -1em;
655 position: relative;
656 }
657 .cmb2-metabox .cmbhandle:before {
658 content: "\f142";
659 right: 12px;
660 font: normal 20px/1 "dashicons";
661 speak: none;
662 display: inline-block;
663 padding: 8px 10px;
664 top: 0;
665 position: relative;
666 -webkit-font-smoothing: antialiased;
667 -moz-osx-font-smoothing: grayscale;
668 text-decoration: none !important;
669 }
670 .cmb2-metabox .postbox.closed .cmbhandle:before {
671 content: "\f140";
672 }
673 .cmb2-metabox button.dashicons-before.dashicons-no-alt.cmb-remove-group-row {
674 -webkit-appearance: none !important;
675 background: none !important;
676 border: none !important;
677 position: absolute;
678 left: 0;
679 top: 0.5em;
680 line-height: 1em;
681 padding: 2px 6px 3px;
682 opacity: 0.5;
683 }
684 .cmb2-metabox button.dashicons-before.dashicons-no-alt.cmb-remove-group-row:not([disabled]) {
685 cursor: pointer;
686 color: #a00;
687 opacity: 1;
688 }
689 .cmb2-metabox button.dashicons-before.dashicons-no-alt.cmb-remove-group-row:not([disabled]):hover {
690 color: #f00;
691 }
692
693 /*
694 * jQuery UI CSS Framework 1.8.16
695 *
696 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
697 * Dual licensed under the MIT or GPL Version 2 licenses.
698 * http://jquery.org/license
699 *
700 * http://docs.jquery.com/UI/Theming/API
701 *
702 * WordPress Styles adopted from "jQuery UI Datepicker CSS for WordPress"
703 * https://github.com/stuttter/wp-datepicker-styling
704 *
705 */
706 * html .cmb2-element.ui-helper-clearfix {
707 height: 1%;
708 }
709
710 .cmb2-element.ui-datepicker, .cmb2-element .ui-datepicker {
711 padding: 0;
712 margin: 0;
713 -webkit-border-radius: 0;
714 -moz-border-radius: 0;
715 border-radius: 0;
716 background-color: #fff;
717 border: 1px solid #dfdfdf;
718 border-top: none;
719 -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075);
720 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075);
721 min-width: 17em;
722 width: auto;
723 }
724 .cmb2-element.ui-datepicker *, .cmb2-element .ui-datepicker * {
725 padding: 0;
726 font-family: "Open Sans", sans-serif;
727 -webkit-border-radius: 0;
728 -moz-border-radius: 0;
729 border-radius: 0;
730 }
731 .cmb2-element.ui-datepicker table, .cmb2-element .ui-datepicker table {
732 font-size: 13px;
733 margin: 0;
734 border: none;
735 border-collapse: collapse;
736 }
737 .cmb2-element.ui-datepicker .ui-widget-header,
738 .cmb2-element.ui-datepicker .ui-datepicker-header, .cmb2-element .ui-datepicker .ui-widget-header,
739 .cmb2-element .ui-datepicker .ui-datepicker-header {
740 background-image: none;
741 border: none;
742 color: #fff;
743 font-weight: normal;
744 }
745 .cmb2-element.ui-datepicker .ui-datepicker-header .ui-state-hover, .cmb2-element .ui-datepicker .ui-datepicker-header .ui-state-hover {
746 background: transparent;
747 border-color: transparent;
748 cursor: pointer;
749 }
750 .cmb2-element.ui-datepicker .ui-datepicker-title, .cmb2-element .ui-datepicker .ui-datepicker-title {
751 margin: 0;
752 padding: 10px 0;
753 color: #fff;
754 font-size: 14px;
755 line-height: 14px;
756 text-align: center;
757 }
758 .cmb2-element.ui-datepicker .ui-datepicker-title select, .cmb2-element .ui-datepicker .ui-datepicker-title select {
759 margin-top: -8px;
760 margin-bottom: -8px;
761 }
762 .cmb2-element.ui-datepicker .ui-datepicker-prev,
763 .cmb2-element.ui-datepicker .ui-datepicker-next, .cmb2-element .ui-datepicker .ui-datepicker-prev,
764 .cmb2-element .ui-datepicker .ui-datepicker-next {
765 position: relative;
766 top: 0;
767 height: 34px;
768 width: 34px;
769 }
770 .cmb2-element.ui-datepicker .ui-state-hover.ui-datepicker-prev,
771 .cmb2-element.ui-datepicker .ui-state-hover.ui-datepicker-next, .cmb2-element .ui-datepicker .ui-state-hover.ui-datepicker-prev,
772 .cmb2-element .ui-datepicker .ui-state-hover.ui-datepicker-next {
773 border: none;
774 }
775 .cmb2-element.ui-datepicker .ui-datepicker-prev,
776 .cmb2-element.ui-datepicker .ui-datepicker-prev-hover, .cmb2-element .ui-datepicker .ui-datepicker-prev,
777 .cmb2-element .ui-datepicker .ui-datepicker-prev-hover {
778 left: 0;
779 }
780 .cmb2-element.ui-datepicker .ui-datepicker-next,
781 .cmb2-element.ui-datepicker .ui-datepicker-next-hover, .cmb2-element .ui-datepicker .ui-datepicker-next,
782 .cmb2-element .ui-datepicker .ui-datepicker-next-hover {
783 right: 0;
784 }
785 .cmb2-element.ui-datepicker .ui-datepicker-next span,
786 .cmb2-element.ui-datepicker .ui-datepicker-prev span, .cmb2-element .ui-datepicker .ui-datepicker-next span,
787 .cmb2-element .ui-datepicker .ui-datepicker-prev span {
788 display: none;
789 }
790 .cmb2-element.ui-datepicker .ui-datepicker-prev, .cmb2-element .ui-datepicker .ui-datepicker-prev {
791 float: left;
792 }
793 .cmb2-element.ui-datepicker .ui-datepicker-next, .cmb2-element .ui-datepicker .ui-datepicker-next {
794 float: right;
795 }
796 .cmb2-element.ui-datepicker .ui-datepicker-prev:before,
797 .cmb2-element.ui-datepicker .ui-datepicker-next:before, .cmb2-element .ui-datepicker .ui-datepicker-prev:before,
798 .cmb2-element .ui-datepicker .ui-datepicker-next:before {
799 font: normal 20px/34px "dashicons";
800 padding-left: 7px;
801 color: #fff;
802 speak: none;
803 -webkit-font-smoothing: antialiased;
804 -moz-osx-font-smoothing: grayscale;
805 width: 34px;
806 height: 34px;
807 }
808 .cmb2-element.ui-datepicker .ui-datepicker-prev:before, .cmb2-element .ui-datepicker .ui-datepicker-prev:before {
809 content: "\f341";
810 }
811 .cmb2-element.ui-datepicker .ui-datepicker-next:before, .cmb2-element .ui-datepicker .ui-datepicker-next:before {
812 content: "\f345";
813 }
814 .cmb2-element.ui-datepicker .ui-datepicker-prev-hover:before,
815 .cmb2-element.ui-datepicker .ui-datepicker-next-hover:before, .cmb2-element .ui-datepicker .ui-datepicker-prev-hover:before,
816 .cmb2-element .ui-datepicker .ui-datepicker-next-hover:before {
817 opacity: 0.7;
818 }
819 .cmb2-element.ui-datepicker select.ui-datepicker-month,
820 .cmb2-element.ui-datepicker select.ui-datepicker-year, .cmb2-element .ui-datepicker select.ui-datepicker-month,
821 .cmb2-element .ui-datepicker select.ui-datepicker-year {
822 width: 33%;
823 background: transparent;
824 border-color: transparent;
825 box-shadow: none;
826 color: #fff;
827 }
828 .cmb2-element.ui-datepicker select.ui-datepicker-month option,
829 .cmb2-element.ui-datepicker select.ui-datepicker-year option, .cmb2-element .ui-datepicker select.ui-datepicker-month option,
830 .cmb2-element .ui-datepicker select.ui-datepicker-year option {
831 color: #333;
832 }
833 .cmb2-element.ui-datepicker thead, .cmb2-element .ui-datepicker thead {
834 color: #fff;
835 font-weight: 600;
836 }
837 .cmb2-element.ui-datepicker thead th, .cmb2-element .ui-datepicker thead th {
838 font-weight: normal;
839 }
840 .cmb2-element.ui-datepicker th, .cmb2-element .ui-datepicker th {
841 padding: 10px;
842 }
843 .cmb2-element.ui-datepicker td, .cmb2-element .ui-datepicker td {
844 padding: 0;
845 border: 1px solid #f4f4f4;
846 }
847 .cmb2-element.ui-datepicker td.ui-datepicker-other-month, .cmb2-element .ui-datepicker td.ui-datepicker-other-month {
848 border: transparent;
849 }
850 .cmb2-element.ui-datepicker td.ui-datepicker-week-end, .cmb2-element .ui-datepicker td.ui-datepicker-week-end {
851 background-color: #f4f4f4;
852 border: 1px solid #f4f4f4;
853 }
854 .cmb2-element.ui-datepicker td.ui-datepicker-week-end.ui-datepicker-today, .cmb2-element .ui-datepicker td.ui-datepicker-week-end.ui-datepicker-today {
855 -webkit-box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
856 -moz-box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
857 box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
858 }
859 .cmb2-element.ui-datepicker td.ui-datepicker-today, .cmb2-element .ui-datepicker td.ui-datepicker-today {
860 background-color: #f0f0c0;
861 }
862 .cmb2-element.ui-datepicker td.ui-datepicker-current-day, .cmb2-element .ui-datepicker td.ui-datepicker-current-day {
863 background: #bbdd88;
864 }
865 .cmb2-element.ui-datepicker td .ui-state-default, .cmb2-element .ui-datepicker td .ui-state-default {
866 background: transparent;
867 border: none;
868 text-align: center;
869 text-decoration: none;
870 width: auto;
871 display: block;
872 padding: 5px 10px;
873 font-weight: normal;
874 color: #444;
875 }
876 .cmb2-element.ui-datepicker td.ui-state-disabled .ui-state-default, .cmb2-element .ui-datepicker td.ui-state-disabled .ui-state-default {
877 opacity: 0.5;
878 }
879 .cmb2-element.ui-datepicker, .cmb2-element .ui-datepicker {
880 /* Default Color Scheme */
881 }
882 .cmb2-element.ui-datepicker .ui-widget-header,
883 .cmb2-element.ui-datepicker .ui-datepicker-header, .cmb2-element .ui-datepicker .ui-widget-header,
884 .cmb2-element .ui-datepicker .ui-datepicker-header {
885 background: #00a0d2;
886 }
887 .cmb2-element.ui-datepicker thead, .cmb2-element .ui-datepicker thead {
888 background: #32373c;
889 }
890 .cmb2-element.ui-datepicker td .ui-state-hover, .cmb2-element.ui-datepicker td .ui-state-active, .cmb2-element .ui-datepicker td .ui-state-hover, .cmb2-element .ui-datepicker td .ui-state-active {
891 background: #0073aa;
892 color: #fff;
893 }
894 .cmb2-element.ui-datepicker .ui-timepicker-div, .cmb2-element .ui-datepicker .ui-timepicker-div {
895 font-size: 14px;
896 }
897 .cmb2-element.ui-datepicker .ui-timepicker-div dl, .cmb2-element .ui-datepicker .ui-timepicker-div dl {
898 text-align: left;
899 padding: 0 0.6em;
900 }
901 .cmb2-element.ui-datepicker .ui-timepicker-div dl dt, .cmb2-element .ui-datepicker .ui-timepicker-div dl dt {
902 float: left;
903 clear: left;
904 padding: 0 0 0 5px;
905 }
906 .cmb2-element.ui-datepicker .ui-timepicker-div dl dd, .cmb2-element .ui-datepicker .ui-timepicker-div dl dd {
907 margin: 0 10px 10px 40%;
908 }
909 .cmb2-element.ui-datepicker .ui-timepicker-div dl dd select, .cmb2-element .ui-datepicker .ui-timepicker-div dl dd select {
910 width: 100%;
911 }
912 .cmb2-element.ui-datepicker .ui-timepicker-div + .ui-datepicker-buttonpane, .cmb2-element .ui-datepicker .ui-timepicker-div + .ui-datepicker-buttonpane {
913 padding: 0.6em;
914 text-align: left;
915 }
916 .cmb2-element.ui-datepicker .ui-timepicker-div + .ui-datepicker-buttonpane .button-primary, .cmb2-element.ui-datepicker .ui-timepicker-div + .ui-datepicker-buttonpane .button-secondary, .cmb2-element .ui-datepicker .ui-timepicker-div + .ui-datepicker-buttonpane .button-primary, .cmb2-element .ui-datepicker .ui-timepicker-div + .ui-datepicker-buttonpane .button-secondary {
917 padding: 0 10px 1px;
918 -webkit-border-radius: 3px;
919 -moz-border-radius: 3px;
920 border-radius: 3px;
921 margin: 0 0.6em 0.4em 0.4em;
922 }
923
924 .admin-color-fresh .cmb2-element.ui-datepicker .ui-widget-header,
925 .admin-color-fresh .cmb2-element.ui-datepicker .ui-datepicker-header, .admin-color-fresh .cmb2-element .ui-datepicker .ui-widget-header,
926 .admin-color-fresh .cmb2-element .ui-datepicker .ui-datepicker-header {
927 background: #00a0d2;
928 }
929 .admin-color-fresh .cmb2-element.ui-datepicker thead, .admin-color-fresh .cmb2-element .ui-datepicker thead {
930 background: #32373c;
931 }
932 .admin-color-fresh .cmb2-element.ui-datepicker td .ui-state-hover, .admin-color-fresh .cmb2-element .ui-datepicker td .ui-state-hover {
933 background: #0073aa;
934 color: #fff;
935 }
936
937 .admin-color-blue .cmb2-element.ui-datepicker .ui-widget-header,
938 .admin-color-blue .cmb2-element.ui-datepicker .ui-datepicker-header, .admin-color-blue .cmb2-element .ui-datepicker .ui-widget-header,
939 .admin-color-blue .cmb2-element .ui-datepicker .ui-datepicker-header {
940 background: #52accc;
941 }
942 .admin-color-blue .cmb2-element.ui-datepicker thead, .admin-color-blue .cmb2-element .ui-datepicker thead {
943 background: #4796b3;
944 }
945 .admin-color-blue .cmb2-element.ui-datepicker td .ui-state-hover, .admin-color-blue .cmb2-element.ui-datepicker td .ui-state-active, .admin-color-blue .cmb2-element .ui-datepicker td .ui-state-hover, .admin-color-blue .cmb2-element .ui-datepicker td .ui-state-active {
946 background: #096484;
947 color: #fff;
948 }
949 .admin-color-blue .cmb2-element.ui-datepicker td.ui-datepicker-today, .admin-color-blue .cmb2-element .ui-datepicker td.ui-datepicker-today {
950 background: #eee;
951 }
952
953 .admin-color-coffee .cmb2-element.ui-datepicker .ui-widget-header,
954 .admin-color-coffee .cmb2-element.ui-datepicker .ui-datepicker-header, .admin-color-coffee .cmb2-element .ui-datepicker .ui-widget-header,
955 .admin-color-coffee .cmb2-element .ui-datepicker .ui-datepicker-header {
956 background: #59524c;
957 }
958 .admin-color-coffee .cmb2-element.ui-datepicker thead, .admin-color-coffee .cmb2-element .ui-datepicker thead {
959 background: #46403c;
960 }
961 .admin-color-coffee .cmb2-element.ui-datepicker td .ui-state-hover, .admin-color-coffee .cmb2-element .ui-datepicker td .ui-state-hover {
962 background: #c7a589;
963 color: #fff;
964 }
965
966 .admin-color-ectoplasm .cmb2-element.ui-datepicker .ui-widget-header,
967 .admin-color-ectoplasm .cmb2-element.ui-datepicker .ui-datepicker-header, .admin-color-ectoplasm .cmb2-element .ui-datepicker .ui-widget-header,
968 .admin-color-ectoplasm .cmb2-element .ui-datepicker .ui-datepicker-header {
969 background: #523f6d;
970 }
971 .admin-color-ectoplasm .cmb2-element.ui-datepicker thead, .admin-color-ectoplasm .cmb2-element .ui-datepicker thead {
972 background: #413256;
973 }
974 .admin-color-ectoplasm .cmb2-element.ui-datepicker td .ui-state-hover, .admin-color-ectoplasm .cmb2-element .ui-datepicker td .ui-state-hover {
975 background: #a3b745;
976 color: #fff;
977 }
978
979 .admin-color-midnight .cmb2-element.ui-datepicker .ui-widget-header,
980 .admin-color-midnight .cmb2-element.ui-datepicker .ui-datepicker-header, .admin-color-midnight .cmb2-element .ui-datepicker .ui-widget-header,
981 .admin-color-midnight .cmb2-element .ui-datepicker .ui-datepicker-header {
982 background: #363b3f;
983 }
984 .admin-color-midnight .cmb2-element.ui-datepicker thead, .admin-color-midnight .cmb2-element .ui-datepicker thead {
985 background: #26292c;
986 }
987 .admin-color-midnight .cmb2-element.ui-datepicker td .ui-state-hover, .admin-color-midnight .cmb2-element .ui-datepicker td .ui-state-hover {
988 background: #e14d43;
989 color: #fff;
990 }
991
992 .admin-color-ocean .cmb2-element.ui-datepicker .ui-widget-header,
993 .admin-color-ocean .cmb2-element.ui-datepicker .ui-datepicker-header, .admin-color-ocean .cmb2-element .ui-datepicker .ui-widget-header,
994 .admin-color-ocean .cmb2-element .ui-datepicker .ui-datepicker-header {
995 background: #738e96;
996 }
997 .admin-color-ocean .cmb2-element.ui-datepicker thead, .admin-color-ocean .cmb2-element .ui-datepicker thead {
998 background: #627c83;
999 }
1000 .admin-color-ocean .cmb2-element.ui-datepicker td .ui-state-hover, .admin-color-ocean .cmb2-element .ui-datepicker td .ui-state-hover {
1001 background: #9ebaa0;
1002 color: #fff;
1003 }
1004
1005 .admin-color-sunrise .cmb2-element.ui-datepicker .ui-widget-header,
1006 .admin-color-sunrise .cmb2-element.ui-datepicker .ui-datepicker-header,
1007 .admin-color-sunrise .cmb2-element.ui-datepicker .ui-datepicker-header .ui-state-hover, .admin-color-sunrise .cmb2-element .ui-datepicker .ui-widget-header,
1008 .admin-color-sunrise .cmb2-element .ui-datepicker .ui-datepicker-header,
1009 .admin-color-sunrise .cmb2-element .ui-datepicker .ui-datepicker-header .ui-state-hover {
1010 background: #cf4944;
1011 }
1012 .admin-color-sunrise .cmb2-element.ui-datepicker th, .admin-color-sunrise .cmb2-element .ui-datepicker th {
1013 border-color: #be3631;
1014 background: #be3631;
1015 }
1016 .admin-color-sunrise .cmb2-element.ui-datepicker td .ui-state-hover, .admin-color-sunrise .cmb2-element .ui-datepicker td .ui-state-hover {
1017 background: #dd823b;
1018 color: #fff;
1019 }
1020
1021 .admin-color-light .cmb2-element.ui-datepicker .ui-widget-header,
1022 .admin-color-light .cmb2-element.ui-datepicker .ui-datepicker-header, .admin-color-light .cmb2-element .ui-datepicker .ui-widget-header,
1023 .admin-color-light .cmb2-element .ui-datepicker .ui-datepicker-header {
1024 background: #e5e5e5;
1025 }
1026 .admin-color-light .cmb2-element.ui-datepicker select.ui-datepicker-month,
1027 .admin-color-light .cmb2-element.ui-datepicker select.ui-datepicker-year, .admin-color-light .cmb2-element .ui-datepicker select.ui-datepicker-month,
1028 .admin-color-light .cmb2-element .ui-datepicker select.ui-datepicker-year {
1029 color: #555;
1030 }
1031 .admin-color-light .cmb2-element.ui-datepicker thead, .admin-color-light .cmb2-element .ui-datepicker thead {
1032 background: #888;
1033 }
1034 .admin-color-light .cmb2-element.ui-datepicker .ui-datepicker-title,
1035 .admin-color-light .cmb2-element.ui-datepicker td .ui-state-default,
1036 .admin-color-light .cmb2-element.ui-datepicker .ui-datepicker-prev:before,
1037 .admin-color-light .cmb2-element.ui-datepicker .ui-datepicker-next:before, .admin-color-light .cmb2-element .ui-datepicker .ui-datepicker-title,
1038 .admin-color-light .cmb2-element .ui-datepicker td .ui-state-default,
1039 .admin-color-light .cmb2-element .ui-datepicker .ui-datepicker-prev:before,
1040 .admin-color-light .cmb2-element .ui-datepicker .ui-datepicker-next:before {
1041 color: #555;
1042 }
1043 .admin-color-light .cmb2-element.ui-datepicker td .ui-state-hover, .admin-color-light .cmb2-element.ui-datepicker td .ui-state-active, .admin-color-light .cmb2-element .ui-datepicker td .ui-state-hover, .admin-color-light .cmb2-element .ui-datepicker td .ui-state-active {
1044 background: #ccc;
1045 }
1046 .admin-color-light .cmb2-element.ui-datepicker td.ui-datepicker-today, .admin-color-light .cmb2-element .ui-datepicker td.ui-datepicker-today {
1047 background: #eee;
1048 }
1049
1050 .admin-color-bbp-evergreen .cmb2-element.ui-datepicker .ui-widget-header,
1051 .admin-color-bbp-evergreen .cmb2-element.ui-datepicker .ui-datepicker-header, .admin-color-bbp-evergreen .cmb2-element .ui-datepicker .ui-widget-header,
1052 .admin-color-bbp-evergreen .cmb2-element .ui-datepicker .ui-datepicker-header {
1053 background: #56b274;
1054 }
1055 .admin-color-bbp-evergreen .cmb2-element.ui-datepicker thead, .admin-color-bbp-evergreen .cmb2-element .ui-datepicker thead {
1056 background: #36533f;
1057 }
1058 .admin-color-bbp-evergreen .cmb2-element.ui-datepicker td .ui-state-hover, .admin-color-bbp-evergreen .cmb2-element .ui-datepicker td .ui-state-hover {
1059 background: #446950;
1060 color: #fff;
1061 }
1062
1063 .admin-color-bbp-mint .cmb2-element.ui-datepicker .ui-widget-header,
1064 .admin-color-bbp-mint .cmb2-element.ui-datepicker .ui-datepicker-header, .admin-color-bbp-mint .cmb2-element .ui-datepicker .ui-widget-header,
1065 .admin-color-bbp-mint .cmb2-element .ui-datepicker .ui-datepicker-header {
1066 background: #4ca26a;
1067 }
1068 .admin-color-bbp-mint .cmb2-element.ui-datepicker thead, .admin-color-bbp-mint .cmb2-element .ui-datepicker thead {
1069 background: #4f6d59;
1070 }
1071 .admin-color-bbp-mint .cmb2-element.ui-datepicker td .ui-state-hover, .admin-color-bbp-mint .cmb2-element .ui-datepicker td .ui-state-hover {
1072 background: #5fb37c;
1073 color: #fff;
1074 }
1075
1076 /*--------------------------------------------------------------
1077 * Character counter
1078 --------------------------------------------------------------*/
1079 .cmb2-char-counter-wrap {
1080 margin: 0.5em 0 1em;
1081 }
1082 .cmb2-char-counter-wrap input[type=text] {
1083 font-size: 12px;
1084 width: 25px;
1085 }
1086 .cmb2-char-counter-wrap.cmb2-max-exceeded input[type=text] {
1087 border-color: #a00 !important;
1088 }
1089 .cmb2-char-counter-wrap.cmb2-max-exceeded .cmb2-char-max-msg {
1090 display: inline-block;
1091 }
1092
1093 .cmb2-char-max-msg {
1094 color: #a00;
1095 display: none;
1096 font-weight: 600;
1097 margin-left: 1em;
1098 }
1099
1100 /**
1101 * CMB2 Frontend
1102 */
1103 /*--------------------------------------------------------------
1104 * CMB2 Frontend
1105 --------------------------------------------------------------*/
1106 .closed .inside {
1107 display: none;
1108 }
1109
1110 .cmb-repeatable-grouping {
1111 position: relative;
1112 }
1113 .cmb-repeatable-grouping .cmb-group-title {
1114 margin-left: -1em;
1115 margin-right: -1em;
1116 min-height: 1.5em;
1117 }
1118 .cmb-repeatable-grouping h3 {
1119 font-size: 14px;
1120 padding: 8px 12px;
1121 margin: 0;
1122 line-height: 1.4;
1123 }
1124
1125 .cmb-repeatable-group.repeatable .cmb-group-title {
1126 padding-left: 2.2em;
1127 }
1128 .cmb-repeatable-group.non-repeatable .cmb-group-title {
1129 padding-left: 12px;
1130 }
1131
1132 .cmb-type-group .cmb-row .cmbhandle {
1133 right: 0;
1134 position: absolute;
1135 }
1136
1137 .cmb-spinner {
1138 background: url(/wp-admin/images/spinner.gif) no-repeat;
1139 -webkit-background-size: 20px 20px;
1140 background-size: 20px 20px;
1141 display: none;
1142 float: right;
1143 vertical-align: middle;
1144 opacity: 0.7;
1145 filter: alpha(opacity=70);
1146 width: 20px;
1147 height: 20px;
1148 margin: 4px 10px 0;
1149 }
1150
1151 .cmb2-char-max-msg {
1152 display: none;
1153 }
1154