PluginProbe
GamiPress – Gamification plugin to reward points, badges & ranks in WordPress, now with AI / 8.0.3
GamiPress – Gamification plugin to reward points, badges & ranks in WordPress, now with AI v8.0.3
8.0.4 8.0.3 8.0.1 8.0.2 8.0.0 7.9.9.7 7.9.9.6 7.9.9.5 7.9.9.4 7.9.9.3 7.9.9.2 7.9.9.1 7.9.9 7.9.8 7.9.7 7.9.6 7.9.5 7.9.4 7.9.3 7.9.2 7.9.1 7.9.0 7.8.9 7.8.8 7.8.7 All 46 releases
gamipress / libraries / cmb2 / css / cmb2-rtl.css

cmb2-rtl.css in GamiPress – Gamification plugin to reward points, badges & ranks in WordPress, now with AI 8.0.3, at libraries/cmb2/css/cmb2-rtl.css

1,325 lines 39.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-right: 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 0 0 5px;
63 padding: 0;
64 }
65 .cmb2-wrap input[type=checkbox] {
66 margin: 0 0 0 5px;
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-right: 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: right;
153 font-weight: 600;
154 padding: 20px 0 20px 10px;
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: right;
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: right;
192 }
193
194 .cmb-td .cmb-td {
195 padding-bottom: 1em;
196 }
197
198 .cmb-remove-row {
199 text-align: left;
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 50px 10px 10px;
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 right: 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-left: 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-right: 17px;
250 background-color: rgb(220.25, 220.25, 220.25);
251 }
252 .cmb-repeat-table .cmb-remove-row {
253 top: 7px;
254 left: 7px;
255 position: absolute;
256 width: auto;
257 margin-right: 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 right: 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 2.2em 8px 12px;
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: right;
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-left: 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: left;
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-left: 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-left: 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: 100% 0, right 10px top 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: right;
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 right: -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-left: 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: right;
440 margin-left: 10px;
441 }
442
443 .cmb2-remove-wrapper {
444 margin: 0;
445 }
446
447 .child-cmb2 .cmb-th {
448 text-align: right;
449 }
450
451 .cmb2-indented-hierarchy {
452 padding-right: 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-right: -1em;
469 margin-left: -1em;
470 min-height: 1.5em;
471 }
472
473 #poststuff .repeatable .cmb-group-title {
474 padding-right: 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 left: -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 0 0 2%;
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: left;
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-left: 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 0 0 2%;
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-left: 0;
618 }
619 }
620 /*--------------------------------------------------------------
621 * Options page
622 --------------------------------------------------------------*/
623 .cmb2-options-page {
624 max-width: 1200px;
625 }
626 .cmb2-options-page.wrap > h2 {
627 margin-bottom: 1em;
628 }
629 .cmb2-options-page .cmb2-metabox > .cmb-row {
630 padding: 1em;
631 margin-top: -1px;
632 background: #ffffff;
633 border: 1px solid #e9e9e9;
634 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
635 }
636 .cmb2-options-page .cmb2-metabox > .cmb-row > .cmb-th {
637 padding: 0;
638 font-weight: initial;
639 }
640 .cmb2-options-page .cmb2-metabox > .cmb-row > .cmb-th + .cmb-td {
641 float: none;
642 padding: 0 1em 0 0;
643 margin-right: 200px;
644 }
645 @media (max-width: 450px) {
646 .cmb2-options-page .cmb2-metabox > .cmb-row > .cmb-th + .cmb-td {
647 padding: 0;
648 margin-right: 0;
649 }
650 }
651 .cmb2-options-page .cmb2-wrap .cmb-type-title {
652 margin-top: 1em;
653 padding: 0.6em 1em;
654 background-color: #fafafa;
655 }
656 .cmb2-options-page .cmb2-wrap .cmb-type-title .cmb2-metabox-title {
657 font-size: 12px;
658 margin-top: 0;
659 margin-bottom: 0;
660 text-transform: uppercase;
661 }
662 .cmb2-options-page .cmb2-wrap .cmb-type-title .cmb2-metabox-description {
663 padding-top: 0.25em;
664 }
665 .cmb2-options-page .cmb-repeatable-group .cmb-group-description .cmb-th {
666 padding: 0 0 0.8em 0;
667 }
668 .cmb2-options-page .cmb-repeatable-group .cmb-group-name {
669 font-size: 16px;
670 margin-top: 0;
671 margin-bottom: 0;
672 }
673 .cmb2-options-page .cmb-repeatable-group .cmb-th > .cmb2-metabox-description {
674 font-weight: 400;
675 padding-bottom: 0 !important;
676 }
677
678 /*--------------------------------------------------------------
679 * New-Term Page
680 --------------------------------------------------------------*/
681 #addtag .cmb-th {
682 float: none;
683 width: auto;
684 padding: 20px 0 0;
685 }
686 #addtag .cmb-td {
687 padding: 0;
688 }
689 #addtag .cmb-th + .cmb-td {
690 float: none;
691 }
692 #addtag select {
693 max-width: 100%;
694 }
695 #addtag .cmb2-metabox {
696 padding-bottom: 20px;
697 }
698 #addtag .cmb-row li label {
699 display: inline;
700 }
701
702 /*--------------------------------------------------------------
703 * Misc.
704 --------------------------------------------------------------*/
705 #poststuff .cmb-repeatable-group h2 {
706 margin: 0;
707 }
708
709 .edit-tags-php .cmb2-metabox-title,
710 .profile-php .cmb2-metabox-title,
711 .user-edit-php .cmb2-metabox-title {
712 font-size: 1.4em;
713 }
714
715 .cmb2-postbox .cmb-spinner, .cmb2-no-box-wrap .cmb-spinner {
716 float: right;
717 display: none;
718 }
719
720 .cmb-spinner {
721 display: none;
722 }
723 .cmb-spinner.is-active {
724 display: block;
725 }
726
727 /*--------------------------------------------------------------
728 * Sidebar Placement Adjustments
729 --------------------------------------------------------------*/
730 .inner-sidebar .cmb2-wrap > .cmb-field-list > .cmb-row,
731 #side-sortables .cmb2-wrap > .cmb-field-list > .cmb-row {
732 padding: 1.4em 0;
733 }
734 .inner-sidebar .cmb2-wrap input[type=text]:not(.wp-color-picker),
735 #side-sortables .cmb2-wrap input[type=text]:not(.wp-color-picker) {
736 width: 100%;
737 }
738 .inner-sidebar .cmb2-wrap input + input:not(.wp-picker-clear), .inner-sidebar .cmb2-wrap input + select,
739 #side-sortables .cmb2-wrap input + input:not(.wp-picker-clear),
740 #side-sortables .cmb2-wrap input + select {
741 margin-right: 0;
742 margin-top: 1em;
743 display: block;
744 }
745 .inner-sidebar .cmb2-wrap input.cmb2-text-money,
746 #side-sortables .cmb2-wrap input.cmb2-text-money {
747 max-width: 70%;
748 }
749 .inner-sidebar .cmb2-wrap input.cmb2-text-money + .cmb2-metabox-description,
750 #side-sortables .cmb2-wrap input.cmb2-text-money + .cmb2-metabox-description {
751 display: block;
752 }
753 .inner-sidebar .cmb2-wrap label,
754 #side-sortables .cmb2-wrap label {
755 display: block;
756 font-weight: 700;
757 padding: 0 0 5px;
758 }
759 .inner-sidebar textarea,
760 #side-sortables textarea {
761 max-width: 99%;
762 }
763 .inner-sidebar .cmb-repeatable-group,
764 #side-sortables .cmb-repeatable-group {
765 border-bottom: 1px solid #e9e9e9;
766 }
767 .inner-sidebar .cmb-type-group > .cmb-td > .cmb-repeatable-group,
768 #side-sortables .cmb-type-group > .cmb-td > .cmb-repeatable-group {
769 border-bottom: 0;
770 margin-bottom: -1.4em;
771 }
772 .inner-sidebar .cmb-th,
773 .inner-sidebar .cmb-td:not(.cmb-remove-row),
774 .inner-sidebar .cmb-th + .cmb-td,
775 #side-sortables .cmb-th,
776 #side-sortables .cmb-td:not(.cmb-remove-row),
777 #side-sortables .cmb-th + .cmb-td {
778 width: 100%;
779 display: block;
780 float: none;
781 }
782 .inner-sidebar .closed .inside,
783 #side-sortables .closed .inside {
784 display: none;
785 }
786 .inner-sidebar .cmb-th,
787 #side-sortables .cmb-th {
788 display: block;
789 float: none;
790 padding-bottom: 1em;
791 text-align: right;
792 width: 100%;
793 }
794 .inner-sidebar .cmb-th label,
795 #side-sortables .cmb-th label {
796 display: block;
797 margin-top: 0;
798 margin-bottom: 0.5em;
799 }
800 .inner-sidebar .cmb-th label,
801 #side-sortables .cmb-th label {
802 font-size: 14px;
803 line-height: 1.4em;
804 }
805 .inner-sidebar .cmb-th,
806 #side-sortables .cmb-th {
807 padding-right: 0;
808 padding-left: 0;
809 }
810 .inner-sidebar .cmb-group-description .cmb-th,
811 #side-sortables .cmb-group-description .cmb-th {
812 padding-top: 0;
813 }
814 .inner-sidebar .cmb-group-description .cmb2-metabox-description,
815 #side-sortables .cmb-group-description .cmb2-metabox-description {
816 padding: 0;
817 }
818 .inner-sidebar .cmb-group-title .cmb-th,
819 #side-sortables .cmb-group-title .cmb-th {
820 padding: 0;
821 }
822 .inner-sidebar .cmb-repeatable-grouping + .cmb-repeatable-grouping,
823 #side-sortables .cmb-repeatable-grouping + .cmb-repeatable-grouping {
824 margin-top: 1em;
825 }
826 .inner-sidebar .cmb2-media-status .img-status img,
827 .inner-sidebar .cmb2-media-status .embed-status img,
828 #side-sortables .cmb2-media-status .img-status img,
829 #side-sortables .cmb2-media-status .embed-status img {
830 max-width: 90%;
831 height: auto;
832 }
833 .inner-sidebar .cmb2-list label,
834 #side-sortables .cmb2-list label {
835 display: inline;
836 font-weight: normal;
837 }
838 .inner-sidebar .cmb2-metabox-description,
839 #side-sortables .cmb2-metabox-description {
840 display: block;
841 padding: 7px 0 0;
842 }
843 .inner-sidebar .cmb-type-checkbox .cmb-td label,
844 .inner-sidebar .cmb-type-checkbox .cmb2-metabox-description,
845 #side-sortables .cmb-type-checkbox .cmb-td label,
846 #side-sortables .cmb-type-checkbox .cmb2-metabox-description {
847 font-weight: normal;
848 display: inline;
849 }
850 .inner-sidebar .cmb-row .cmb2-metabox-description,
851 #side-sortables .cmb-row .cmb2-metabox-description {
852 padding-bottom: 1.8em;
853 }
854 .inner-sidebar .cmb2-metabox-title,
855 #side-sortables .cmb2-metabox-title {
856 font-size: 1.2em;
857 font-style: italic;
858 }
859 .inner-sidebar .cmb-remove-row,
860 #side-sortables .cmb-remove-row {
861 clear: both;
862 padding-top: 12px;
863 padding-bottom: 0;
864 }
865 .inner-sidebar .cmb2-upload-button,
866 #side-sortables .cmb2-upload-button {
867 clear: both;
868 margin-top: 12px;
869 }
870
871 /*--------------------------------------------------------------
872 * Collapsible UI
873 --------------------------------------------------------------*/
874 .cmb2-metabox .cmbhandle {
875 color: #757575;
876 float: left;
877 width: 27px;
878 height: 30px;
879 cursor: pointer;
880 left: -1em;
881 position: relative;
882 }
883 .cmb2-metabox .cmbhandle:before {
884 content: "\f142";
885 left: 12px;
886 font: normal 20px/1 "dashicons";
887 speak: none;
888 display: inline-block;
889 padding: 8px 10px;
890 top: 0;
891 position: relative;
892 -webkit-font-smoothing: antialiased;
893 -moz-osx-font-smoothing: grayscale;
894 text-decoration: none !important;
895 }
896 .cmb2-metabox .postbox.closed .cmbhandle:before {
897 content: "\f140";
898 }
899 .cmb2-metabox button.dashicons-before.dashicons-no-alt.cmb-remove-group-row {
900 -webkit-appearance: none !important;
901 background: none !important;
902 border: none !important;
903 position: absolute;
904 right: 0;
905 top: 0.5em;
906 line-height: 1em;
907 padding: 2px 6px 3px;
908 opacity: 0.5;
909 }
910 .cmb2-metabox button.dashicons-before.dashicons-no-alt.cmb-remove-group-row:not([disabled]) {
911 cursor: pointer;
912 color: #a00;
913 opacity: 1;
914 }
915 .cmb2-metabox button.dashicons-before.dashicons-no-alt.cmb-remove-group-row:not([disabled]):hover {
916 color: #f00;
917 }
918
919 /*
920 * jQuery UI CSS Framework 1.8.16
921 *
922 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
923 * Dual licensed under the MIT or GPL Version 2 licenses.
924 * http://jquery.org/license
925 *
926 * http://docs.jquery.com/UI/Theming/API
927 *
928 * WordPress Styles adopted from "jQuery UI Datepicker CSS for WordPress"
929 * https://github.com/stuttter/wp-datepicker-styling
930 *
931 */
932 * html .cmb2-element.ui-helper-clearfix {
933 height: 1%;
934 }
935
936 .cmb2-element.ui-datepicker, .cmb2-element .ui-datepicker {
937 padding: 0;
938 margin: 0;
939 -webkit-border-radius: 0;
940 -moz-border-radius: 0;
941 border-radius: 0;
942 background-color: #fff;
943 border: 1px solid #dfdfdf;
944 border-top: none;
945 -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075);
946 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075);
947 min-width: 17em;
948 width: auto;
949 }
950 .cmb2-element.ui-datepicker *, .cmb2-element .ui-datepicker * {
951 padding: 0;
952 font-family: "Open Sans", sans-serif;
953 -webkit-border-radius: 0;
954 -moz-border-radius: 0;
955 border-radius: 0;
956 }
957 .cmb2-element.ui-datepicker table, .cmb2-element .ui-datepicker table {
958 font-size: 13px;
959 margin: 0;
960 border: none;
961 border-collapse: collapse;
962 }
963 .cmb2-element.ui-datepicker .ui-widget-header,
964 .cmb2-element.ui-datepicker .ui-datepicker-header, .cmb2-element .ui-datepicker .ui-widget-header,
965 .cmb2-element .ui-datepicker .ui-datepicker-header {
966 background-image: none;
967 border: none;
968 color: #fff;
969 font-weight: normal;
970 }
971 .cmb2-element.ui-datepicker .ui-datepicker-header .ui-state-hover, .cmb2-element .ui-datepicker .ui-datepicker-header .ui-state-hover {
972 background: transparent;
973 border-color: transparent;
974 cursor: pointer;
975 }
976 .cmb2-element.ui-datepicker .ui-datepicker-title, .cmb2-element .ui-datepicker .ui-datepicker-title {
977 margin: 0;
978 padding: 10px 0;
979 color: #fff;
980 font-size: 14px;
981 line-height: 14px;
982 text-align: center;
983 }
984 .cmb2-element.ui-datepicker .ui-datepicker-title select, .cmb2-element .ui-datepicker .ui-datepicker-title select {
985 margin-top: -8px;
986 margin-bottom: -8px;
987 }
988 .cmb2-element.ui-datepicker .ui-datepicker-prev,
989 .cmb2-element.ui-datepicker .ui-datepicker-next, .cmb2-element .ui-datepicker .ui-datepicker-prev,
990 .cmb2-element .ui-datepicker .ui-datepicker-next {
991 position: relative;
992 top: 0;
993 height: 34px;
994 width: 34px;
995 }
996 .cmb2-element.ui-datepicker .ui-state-hover.ui-datepicker-prev,
997 .cmb2-element.ui-datepicker .ui-state-hover.ui-datepicker-next, .cmb2-element .ui-datepicker .ui-state-hover.ui-datepicker-prev,
998 .cmb2-element .ui-datepicker .ui-state-hover.ui-datepicker-next {
999 border: none;
1000 }
1001 .cmb2-element.ui-datepicker .ui-datepicker-prev,
1002 .cmb2-element.ui-datepicker .ui-datepicker-prev-hover, .cmb2-element .ui-datepicker .ui-datepicker-prev,
1003 .cmb2-element .ui-datepicker .ui-datepicker-prev-hover {
1004 right: 0;
1005 }
1006 .cmb2-element.ui-datepicker .ui-datepicker-next,
1007 .cmb2-element.ui-datepicker .ui-datepicker-next-hover, .cmb2-element .ui-datepicker .ui-datepicker-next,
1008 .cmb2-element .ui-datepicker .ui-datepicker-next-hover {
1009 left: 0;
1010 }
1011 .cmb2-element.ui-datepicker .ui-datepicker-next span,
1012 .cmb2-element.ui-datepicker .ui-datepicker-prev span, .cmb2-element .ui-datepicker .ui-datepicker-next span,
1013 .cmb2-element .ui-datepicker .ui-datepicker-prev span {
1014 display: none;
1015 }
1016 .cmb2-element.ui-datepicker .ui-datepicker-prev, .cmb2-element .ui-datepicker .ui-datepicker-prev {
1017 float: right;
1018 }
1019 .cmb2-element.ui-datepicker .ui-datepicker-next, .cmb2-element .ui-datepicker .ui-datepicker-next {
1020 float: left;
1021 }
1022 .cmb2-element.ui-datepicker .ui-datepicker-prev:before,
1023 .cmb2-element.ui-datepicker .ui-datepicker-next:before, .cmb2-element .ui-datepicker .ui-datepicker-prev:before,
1024 .cmb2-element .ui-datepicker .ui-datepicker-next:before {
1025 font: normal 20px/34px "dashicons";
1026 padding-right: 7px;
1027 color: #fff;
1028 speak: none;
1029 -webkit-font-smoothing: antialiased;
1030 -moz-osx-font-smoothing: grayscale;
1031 width: 34px;
1032 height: 34px;
1033 }
1034 .cmb2-element.ui-datepicker .ui-datepicker-prev:before, .cmb2-element .ui-datepicker .ui-datepicker-prev:before {
1035 content: "\f341";
1036 }
1037 .cmb2-element.ui-datepicker .ui-datepicker-next:before, .cmb2-element .ui-datepicker .ui-datepicker-next:before {
1038 content: "\f345";
1039 }
1040 .cmb2-element.ui-datepicker .ui-datepicker-prev-hover:before,
1041 .cmb2-element.ui-datepicker .ui-datepicker-next-hover:before, .cmb2-element .ui-datepicker .ui-datepicker-prev-hover:before,
1042 .cmb2-element .ui-datepicker .ui-datepicker-next-hover:before {
1043 opacity: 0.7;
1044 }
1045 .cmb2-element.ui-datepicker select.ui-datepicker-month,
1046 .cmb2-element.ui-datepicker select.ui-datepicker-year, .cmb2-element .ui-datepicker select.ui-datepicker-month,
1047 .cmb2-element .ui-datepicker select.ui-datepicker-year {
1048 width: 33%;
1049 background: transparent;
1050 border-color: transparent;
1051 box-shadow: none;
1052 color: #fff;
1053 }
1054 .cmb2-element.ui-datepicker select.ui-datepicker-month option,
1055 .cmb2-element.ui-datepicker select.ui-datepicker-year option, .cmb2-element .ui-datepicker select.ui-datepicker-month option,
1056 .cmb2-element .ui-datepicker select.ui-datepicker-year option {
1057 color: #333;
1058 }
1059 .cmb2-element.ui-datepicker thead, .cmb2-element .ui-datepicker thead {
1060 color: #fff;
1061 font-weight: 600;
1062 }
1063 .cmb2-element.ui-datepicker thead th, .cmb2-element .ui-datepicker thead th {
1064 font-weight: normal;
1065 }
1066 .cmb2-element.ui-datepicker th, .cmb2-element .ui-datepicker th {
1067 padding: 10px;
1068 }
1069 .cmb2-element.ui-datepicker td, .cmb2-element .ui-datepicker td {
1070 padding: 0;
1071 border: 1px solid #f4f4f4;
1072 }
1073 .cmb2-element.ui-datepicker td.ui-datepicker-other-month, .cmb2-element .ui-datepicker td.ui-datepicker-other-month {
1074 border: transparent;
1075 }
1076 .cmb2-element.ui-datepicker td.ui-datepicker-week-end, .cmb2-element .ui-datepicker td.ui-datepicker-week-end {
1077 background-color: #f4f4f4;
1078 border: 1px solid #f4f4f4;
1079 }
1080 .cmb2-element.ui-datepicker td.ui-datepicker-week-end.ui-datepicker-today, .cmb2-element .ui-datepicker td.ui-datepicker-week-end.ui-datepicker-today {
1081 -webkit-box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
1082 -moz-box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
1083 box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
1084 }
1085 .cmb2-element.ui-datepicker td.ui-datepicker-today, .cmb2-element .ui-datepicker td.ui-datepicker-today {
1086 background-color: #f0f0c0;
1087 }
1088 .cmb2-element.ui-datepicker td.ui-datepicker-current-day, .cmb2-element .ui-datepicker td.ui-datepicker-current-day {
1089 background: #bbdd88;
1090 }
1091 .cmb2-element.ui-datepicker td .ui-state-default, .cmb2-element .ui-datepicker td .ui-state-default {
1092 background: transparent;
1093 border: none;
1094 text-align: center;
1095 text-decoration: none;
1096 width: auto;
1097 display: block;
1098 padding: 5px 10px;
1099 font-weight: normal;
1100 color: #444;
1101 }
1102 .cmb2-element.ui-datepicker td.ui-state-disabled .ui-state-default, .cmb2-element .ui-datepicker td.ui-state-disabled .ui-state-default {
1103 opacity: 0.5;
1104 }
1105 .cmb2-element.ui-datepicker, .cmb2-element .ui-datepicker {
1106 /* Default Color Scheme */
1107 }
1108 .cmb2-element.ui-datepicker .ui-widget-header,
1109 .cmb2-element.ui-datepicker .ui-datepicker-header, .cmb2-element .ui-datepicker .ui-widget-header,
1110 .cmb2-element .ui-datepicker .ui-datepicker-header {
1111 background: #00a0d2;
1112 }
1113 .cmb2-element.ui-datepicker thead, .cmb2-element .ui-datepicker thead {
1114 background: #32373c;
1115 }
1116 .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 {
1117 background: #0073aa;
1118 color: #fff;
1119 }
1120 .cmb2-element.ui-datepicker .ui-timepicker-div, .cmb2-element .ui-datepicker .ui-timepicker-div {
1121 font-size: 14px;
1122 }
1123 .cmb2-element.ui-datepicker .ui-timepicker-div dl, .cmb2-element .ui-datepicker .ui-timepicker-div dl {
1124 text-align: right;
1125 padding: 0 0.6em;
1126 }
1127 .cmb2-element.ui-datepicker .ui-timepicker-div dl dt, .cmb2-element .ui-datepicker .ui-timepicker-div dl dt {
1128 float: right;
1129 clear: right;
1130 padding: 0 5px 0 0;
1131 }
1132 .cmb2-element.ui-datepicker .ui-timepicker-div dl dd, .cmb2-element .ui-datepicker .ui-timepicker-div dl dd {
1133 margin: 0 40% 10px 10px;
1134 }
1135 .cmb2-element.ui-datepicker .ui-timepicker-div dl dd select, .cmb2-element .ui-datepicker .ui-timepicker-div dl dd select {
1136 width: 100%;
1137 }
1138 .cmb2-element.ui-datepicker .ui-timepicker-div + .ui-datepicker-buttonpane, .cmb2-element .ui-datepicker .ui-timepicker-div + .ui-datepicker-buttonpane {
1139 padding: 0.6em;
1140 text-align: right;
1141 }
1142 .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 {
1143 padding: 0 10px 1px;
1144 -webkit-border-radius: 3px;
1145 -moz-border-radius: 3px;
1146 border-radius: 3px;
1147 margin: 0 0.4em 0.4em 0.6em;
1148 }
1149
1150 .admin-color-fresh .cmb2-element.ui-datepicker .ui-widget-header,
1151 .admin-color-fresh .cmb2-element.ui-datepicker .ui-datepicker-header, .admin-color-fresh .cmb2-element .ui-datepicker .ui-widget-header,
1152 .admin-color-fresh .cmb2-element .ui-datepicker .ui-datepicker-header {
1153 background: #00a0d2;
1154 }
1155 .admin-color-fresh .cmb2-element.ui-datepicker thead, .admin-color-fresh .cmb2-element .ui-datepicker thead {
1156 background: #32373c;
1157 }
1158 .admin-color-fresh .cmb2-element.ui-datepicker td .ui-state-hover, .admin-color-fresh .cmb2-element .ui-datepicker td .ui-state-hover {
1159 background: #0073aa;
1160 color: #fff;
1161 }
1162
1163 .admin-color-blue .cmb2-element.ui-datepicker .ui-widget-header,
1164 .admin-color-blue .cmb2-element.ui-datepicker .ui-datepicker-header, .admin-color-blue .cmb2-element .ui-datepicker .ui-widget-header,
1165 .admin-color-blue .cmb2-element .ui-datepicker .ui-datepicker-header {
1166 background: #52accc;
1167 }
1168 .admin-color-blue .cmb2-element.ui-datepicker thead, .admin-color-blue .cmb2-element .ui-datepicker thead {
1169 background: #4796b3;
1170 }
1171 .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 {
1172 background: #096484;
1173 color: #fff;
1174 }
1175 .admin-color-blue .cmb2-element.ui-datepicker td.ui-datepicker-today, .admin-color-blue .cmb2-element .ui-datepicker td.ui-datepicker-today {
1176 background: #eee;
1177 }
1178
1179 .admin-color-coffee .cmb2-element.ui-datepicker .ui-widget-header,
1180 .admin-color-coffee .cmb2-element.ui-datepicker .ui-datepicker-header, .admin-color-coffee .cmb2-element .ui-datepicker .ui-widget-header,
1181 .admin-color-coffee .cmb2-element .ui-datepicker .ui-datepicker-header {
1182 background: #59524c;
1183 }
1184 .admin-color-coffee .cmb2-element.ui-datepicker thead, .admin-color-coffee .cmb2-element .ui-datepicker thead {
1185 background: #46403c;
1186 }
1187 .admin-color-coffee .cmb2-element.ui-datepicker td .ui-state-hover, .admin-color-coffee .cmb2-element .ui-datepicker td .ui-state-hover {
1188 background: #c7a589;
1189 color: #fff;
1190 }
1191
1192 .admin-color-ectoplasm .cmb2-element.ui-datepicker .ui-widget-header,
1193 .admin-color-ectoplasm .cmb2-element.ui-datepicker .ui-datepicker-header, .admin-color-ectoplasm .cmb2-element .ui-datepicker .ui-widget-header,
1194 .admin-color-ectoplasm .cmb2-element .ui-datepicker .ui-datepicker-header {
1195 background: #523f6d;
1196 }
1197 .admin-color-ectoplasm .cmb2-element.ui-datepicker thead, .admin-color-ectoplasm .cmb2-element .ui-datepicker thead {
1198 background: #413256;
1199 }
1200 .admin-color-ectoplasm .cmb2-element.ui-datepicker td .ui-state-hover, .admin-color-ectoplasm .cmb2-element .ui-datepicker td .ui-state-hover {
1201 background: #a3b745;
1202 color: #fff;
1203 }
1204
1205 .admin-color-midnight .cmb2-element.ui-datepicker .ui-widget-header,
1206 .admin-color-midnight .cmb2-element.ui-datepicker .ui-datepicker-header, .admin-color-midnight .cmb2-element .ui-datepicker .ui-widget-header,
1207 .admin-color-midnight .cmb2-element .ui-datepicker .ui-datepicker-header {
1208 background: #363b3f;
1209 }
1210 .admin-color-midnight .cmb2-element.ui-datepicker thead, .admin-color-midnight .cmb2-element .ui-datepicker thead {
1211 background: #26292c;
1212 }
1213 .admin-color-midnight .cmb2-element.ui-datepicker td .ui-state-hover, .admin-color-midnight .cmb2-element .ui-datepicker td .ui-state-hover {
1214 background: #e14d43;
1215 color: #fff;
1216 }
1217
1218 .admin-color-ocean .cmb2-element.ui-datepicker .ui-widget-header,
1219 .admin-color-ocean .cmb2-element.ui-datepicker .ui-datepicker-header, .admin-color-ocean .cmb2-element .ui-datepicker .ui-widget-header,
1220 .admin-color-ocean .cmb2-element .ui-datepicker .ui-datepicker-header {
1221 background: #738e96;
1222 }
1223 .admin-color-ocean .cmb2-element.ui-datepicker thead, .admin-color-ocean .cmb2-element .ui-datepicker thead {
1224 background: #627c83;
1225 }
1226 .admin-color-ocean .cmb2-element.ui-datepicker td .ui-state-hover, .admin-color-ocean .cmb2-element .ui-datepicker td .ui-state-hover {
1227 background: #9ebaa0;
1228 color: #fff;
1229 }
1230
1231 .admin-color-sunrise .cmb2-element.ui-datepicker .ui-widget-header,
1232 .admin-color-sunrise .cmb2-element.ui-datepicker .ui-datepicker-header,
1233 .admin-color-sunrise .cmb2-element.ui-datepicker .ui-datepicker-header .ui-state-hover, .admin-color-sunrise .cmb2-element .ui-datepicker .ui-widget-header,
1234 .admin-color-sunrise .cmb2-element .ui-datepicker .ui-datepicker-header,
1235 .admin-color-sunrise .cmb2-element .ui-datepicker .ui-datepicker-header .ui-state-hover {
1236 background: #cf4944;
1237 }
1238 .admin-color-sunrise .cmb2-element.ui-datepicker th, .admin-color-sunrise .cmb2-element .ui-datepicker th {
1239 border-color: #be3631;
1240 background: #be3631;
1241 }
1242 .admin-color-sunrise .cmb2-element.ui-datepicker td .ui-state-hover, .admin-color-sunrise .cmb2-element .ui-datepicker td .ui-state-hover {
1243 background: #dd823b;
1244 color: #fff;
1245 }
1246
1247 .admin-color-light .cmb2-element.ui-datepicker .ui-widget-header,
1248 .admin-color-light .cmb2-element.ui-datepicker .ui-datepicker-header, .admin-color-light .cmb2-element .ui-datepicker .ui-widget-header,
1249 .admin-color-light .cmb2-element .ui-datepicker .ui-datepicker-header {
1250 background: #e5e5e5;
1251 }
1252 .admin-color-light .cmb2-element.ui-datepicker select.ui-datepicker-month,
1253 .admin-color-light .cmb2-element.ui-datepicker select.ui-datepicker-year, .admin-color-light .cmb2-element .ui-datepicker select.ui-datepicker-month,
1254 .admin-color-light .cmb2-element .ui-datepicker select.ui-datepicker-year {
1255 color: #555;
1256 }
1257 .admin-color-light .cmb2-element.ui-datepicker thead, .admin-color-light .cmb2-element .ui-datepicker thead {
1258 background: #888;
1259 }
1260 .admin-color-light .cmb2-element.ui-datepicker .ui-datepicker-title,
1261 .admin-color-light .cmb2-element.ui-datepicker td .ui-state-default,
1262 .admin-color-light .cmb2-element.ui-datepicker .ui-datepicker-prev:before,
1263 .admin-color-light .cmb2-element.ui-datepicker .ui-datepicker-next:before, .admin-color-light .cmb2-element .ui-datepicker .ui-datepicker-title,
1264 .admin-color-light .cmb2-element .ui-datepicker td .ui-state-default,
1265 .admin-color-light .cmb2-element .ui-datepicker .ui-datepicker-prev:before,
1266 .admin-color-light .cmb2-element .ui-datepicker .ui-datepicker-next:before {
1267 color: #555;
1268 }
1269 .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 {
1270 background: #ccc;
1271 }
1272 .admin-color-light .cmb2-element.ui-datepicker td.ui-datepicker-today, .admin-color-light .cmb2-element .ui-datepicker td.ui-datepicker-today {
1273 background: #eee;
1274 }
1275
1276 .admin-color-bbp-evergreen .cmb2-element.ui-datepicker .ui-widget-header,
1277 .admin-color-bbp-evergreen .cmb2-element.ui-datepicker .ui-datepicker-header, .admin-color-bbp-evergreen .cmb2-element .ui-datepicker .ui-widget-header,
1278 .admin-color-bbp-evergreen .cmb2-element .ui-datepicker .ui-datepicker-header {
1279 background: #56b274;
1280 }
1281 .admin-color-bbp-evergreen .cmb2-element.ui-datepicker thead, .admin-color-bbp-evergreen .cmb2-element .ui-datepicker thead {
1282 background: #36533f;
1283 }
1284 .admin-color-bbp-evergreen .cmb2-element.ui-datepicker td .ui-state-hover, .admin-color-bbp-evergreen .cmb2-element .ui-datepicker td .ui-state-hover {
1285 background: #446950;
1286 color: #fff;
1287 }
1288
1289 .admin-color-bbp-mint .cmb2-element.ui-datepicker .ui-widget-header,
1290 .admin-color-bbp-mint .cmb2-element.ui-datepicker .ui-datepicker-header, .admin-color-bbp-mint .cmb2-element .ui-datepicker .ui-widget-header,
1291 .admin-color-bbp-mint .cmb2-element .ui-datepicker .ui-datepicker-header {
1292 background: #4ca26a;
1293 }
1294 .admin-color-bbp-mint .cmb2-element.ui-datepicker thead, .admin-color-bbp-mint .cmb2-element .ui-datepicker thead {
1295 background: #4f6d59;
1296 }
1297 .admin-color-bbp-mint .cmb2-element.ui-datepicker td .ui-state-hover, .admin-color-bbp-mint .cmb2-element .ui-datepicker td .ui-state-hover {
1298 background: #5fb37c;
1299 color: #fff;
1300 }
1301
1302 /*--------------------------------------------------------------
1303 * Character counter
1304 --------------------------------------------------------------*/
1305 .cmb2-char-counter-wrap {
1306 margin: 0.5em 0 1em;
1307 }
1308 .cmb2-char-counter-wrap input[type=text] {
1309 font-size: 12px;
1310 width: 25px;
1311 }
1312 .cmb2-char-counter-wrap.cmb2-max-exceeded input[type=text] {
1313 border-color: #a00 !important;
1314 }
1315 .cmb2-char-counter-wrap.cmb2-max-exceeded .cmb2-char-max-msg {
1316 display: inline-block;
1317 }
1318
1319 .cmb2-char-max-msg {
1320 color: #a00;
1321 display: none;
1322 font-weight: 600;
1323 margin-right: 1em;
1324 }
1325