PluginProbe
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) / 1.8.11.1
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) v1.8.11.1
1.8.13 1.8.12.3 1.8.12.2 1.8.12.1 1.8.12 1.8.11.3 1.8.11.2 1.8.11.1 1.8.11 1.6.6 1.6.60 1.6.7 1.6.8 1.6.9 1.7.0 1.7.0.1 1.7.0.11 1.7.0.12 1.7.0.14 1.7.0.2 1.7.0.3 1.7.0.5 1.7.0.6 1.7.0.7 1.7.0.9 All 211 releases
charitable / assets / css / admin / charitable-admin-legacy.css

charitable-admin-legacy.css in Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) 1.8.11.1, at assets/css/admin/charitable-admin-legacy.css

2,874 lines 77.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 /**
3 * Clearfix helper class.
4 * Credit: h5bp.com/q
5 */
6 .cf {
7 *zoom: 1;
8 }
9 .cf:before, .cf:after {
10 content: " ";
11 display: table;
12 }
13 .cf:after {
14 clear: both;
15 }
16
17 /**
18 * Media block
19 *
20 * Credit: http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
21 */
22 .charitable-media-block {
23 overflow: hidden;
24 }
25 .charitable-media-block .charitable-media-image {
26 float: left;
27 margin-right: 12px;
28 }
29 .charitable-media-block .charitable-media-image img {
30 display: block;
31 }
32 .charitable-media-block .charitable-media-body {
33 overflow: hidden;
34 }
35
36 .ui-datepicker {
37 display: none;
38 }
39 .ui-datepicker.charitable-datepicker-table {
40 background-color: #fff;
41 padding: 0;
42 border: 1px solid #dedede;
43 width: auto;
44 z-index: 100000 !important;
45 }
46 .ui-datepicker.charitable-datepicker-table .ui-datepicker-header {
47 padding: 10px 20px;
48 background: #f5f5f5;
49 text-align: center;
50 border: 0;
51 border-bottom: 1px solid #dfdfdf;
52 -webkit-border-radius: 0;
53 -moz-border-radius: 0;
54 border-radius: 0;
55 }
56 .ui-datepicker.charitable-datepicker-table .ui-datepicker-prev,
57 .ui-datepicker.charitable-datepicker-table .ui-datepicker-next {
58 position: absolute;
59 top: 10px;
60 width: auto;
61 height: auto;
62 color: #0073AA;
63 cursor: pointer;
64 }
65 .ui-datepicker.charitable-datepicker-table .ui-datepicker-prev .ui-icon,
66 .ui-datepicker.charitable-datepicker-table .ui-datepicker-next .ui-icon {
67 position: static;
68 top: 0;
69 left: 0;
70 width: auto;
71 height: auto;
72 margin: 0;
73 background-image: none;
74 text-indent: 0;
75 font-weight: 400;
76 }
77 .ui-datepicker.charitable-datepicker-table .ui-datepicker-prev {
78 left: 10px;
79 }
80 .ui-datepicker.charitable-datepicker-table .ui-datepicker-next {
81 right: 10px;
82 }
83 .ui-datepicker.charitable-datepicker-table .ui-state-hover {
84 border: none;
85 background: none;
86 }
87 .ui-datepicker.charitable-datepicker-table .ui-datepicker-calendar {
88 width: 100%;
89 padding: 10px;
90 margin: 0;
91 text-align: center;
92 }
93 .ui-datepicker.charitable-datepicker-table .ui-datepicker-calendar td {
94 border: 1px solid #dedede;
95 }
96 .ui-datepicker.charitable-datepicker-table .ui-datepicker-calendar a {
97 display: block;
98 padding: 6px;
99 border: none;
100 color: #747474;
101 background: none;
102 text-decoration: none;
103 text-align: center;
104 }
105 .ui-datepicker.charitable-datepicker-table .ui-datepicker-calendar td:first-child {
106 border-left: 0;
107 }
108 .ui-datepicker.charitable-datepicker-table .ui-datepicker-calendar td:hover,
109 .ui-datepicker.charitable-datepicker-table .ui-datepicker-calendar .ui-datepicker-unselectable {
110 background-color: #f5f5f5;
111 }
112
113 .charitable-metabox.postbox {
114 min-width: 0;
115 padding: 0 0 24px 0;
116 margin: 0;
117 background-color: transparent;
118 border: none;
119 box-shadow: none;
120 }
121 .charitable-metabox.postbox .inside {
122 margin-top: 0;
123 padding: 0;
124 }
125
126 .charitable-metabox .postbox-title {
127 padding: 0 0 8px 0;
128 }
129 .charitable-metabox .postbox-header {
130 border-bottom: none;
131 }
132 .charitable-metabox .handlediv,
133 .charitable-metabox .hndle {
134 display: none;
135 }
136 .charitable-metabox input,
137 .charitable-metabox textarea {
138 padding: 14px 10px;
139 width: 100%;
140 }
141 .charitable-metabox select {
142 width: 100%;
143 }
144 .charitable-metabox input[type=checkbox],
145 .charitable-metabox input[type=radio],
146 .charitable-metabox input[type=button],
147 .charitable-metabox input[type=submit] {
148 width: auto;
149 }
150 .charitable-metabox .charitable-metabox-title {
151 font-size: 14px;
152 margin-top: 0;
153 margin-bottom: 8px;
154 }
155 .charitable-metabox .widefat th {
156 font-size: 13px;
157 }
158 .charitable-metabox .widefat tbody th {
159 width: 33%;
160 border-right: 1px solid #e1e1e1;
161 background: #f5f5f5;
162 }
163 .charitable-metabox .widefat .remove-col,
164 .charitable-metabox .widefat .reorder-col {
165 vertical-align: middle;
166 text-align: center;
167 }
168 .charitable-metabox .widefat .remove-col span,
169 .charitable-metabox .widefat .reorder-col span {
170 font-size: 20px;
171 color: #aaa;
172 }
173 .charitable-metabox .widefat .remove-col span:hover,
174 .charitable-metabox .widefat .reorder-col span:hover {
175 color: #444;
176 }
177 .charitable-metabox .widefat .reorder-col {
178 width: 10px;
179 padding-right: 0;
180 }
181 .charitable-metabox .widefat .reorder-col span {
182 cursor: move;
183 }
184 .charitable-metabox .widefat .remove-col {
185 width: 20px;
186 padding-left: 0;
187 }
188 .charitable-metabox .widefat .remove-col span {
189 cursor: pointer;
190 }
191 .charitable-metabox .widefat .ui-sortable-helper {
192 border: 1px solid #ddd;
193 background: #efefef;
194 }
195 .charitable-metabox .table-header {
196 background: #f5f5f5;
197 }
198 .charitable-metabox .table-header label {
199 margin-bottom: 0;
200 font-weight: bold;
201 }
202 .charitable-metabox .charitable-metabox-header {
203 margin: 24px 0;
204 }
205 .charitable-metabox h4.charitable-metabox-header {
206 border-bottom: 1px solid #dedede;
207 padding-bottom: 12px;
208 margin-bottom: 12px;
209 font-size: 14px;
210 }
211 .charitable-metabox .inside > .charitable-metabox-header:first-child {
212 margin-top: 0;
213 }
214
215 #side-sortables .charitable-metabox-wrap {
216 float: none;
217 }
218
219 .charitable-metabox-header {
220 float: left;
221 width: 100%;
222 }
223
224 .charitable-metabox-wrap {
225 width: 100%;
226 float: left;
227 margin-bottom: 24px;
228 /* Select2 styling */
229 }
230 .charitable-metabox-wrap .charitable-helper {
231 display: block;
232 padding-top: 8px;
233 font-style: italic;
234 }
235 .charitable-metabox-wrap label,
236 .charitable-metabox-wrap legend {
237 display: block;
238 margin-bottom: 8px;
239 font-weight: bold;
240 }
241 .charitable-metabox-wrap th label {
242 margin-bottom: 0;
243 }
244 .charitable-metabox-wrap input,
245 .charitable-metabox-wrap textarea {
246 width: 100%;
247 padding: 8px 10px;
248 }
249 .charitable-metabox-wrap select {
250 width: 100%;
251 padding: 0 10px;
252 height: 46px;
253 line-height: 46px;
254 }
255 .charitable-metabox-wrap input[type=checkbox],
256 .charitable-metabox-wrap input[type=radio] {
257 width: auto;
258 }
259 .charitable-metabox-wrap.charitable-radio-wrap, .charitable-metabox-wrap.charitable-multi-checkbox-wrap {
260 margin-bottom: 14px;
261 }
262 .charitable-metabox-wrap .charitable-radio-fieldset legend,
263 .charitable-metabox-wrap .charitable-checkbox-fieldset legend {
264 margin-bottom: 0;
265 }
266 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-helper,
267 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-helper {
268 padding: 0;
269 }
270 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-radio-list,
271 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-checkbox-list,
272 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-radio-list,
273 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-checkbox-list {
274 margin-top: 8px;
275 }
276 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-radio-list li,
277 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-checkbox-list li,
278 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-radio-list li,
279 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-checkbox-list li {
280 display: block;
281 }
282 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-radio-list label,
283 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-checkbox-list label,
284 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-radio-list label,
285 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-checkbox-list label {
286 vertical-align: baseline;
287 }
288 .charitable-metabox-wrap .select2-selection.select2-selection--single {
289 height: 46px;
290 font-size: 14px;
291 }
292 .charitable-metabox-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
293 line-height: 46px;
294 }
295 .charitable-metabox-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
296 height: 46px;
297 }
298 .charitable-metabox-wrap .select2-results__option {
299 margin-bottom: 0;
300 }
301
302 .charitable-checkbox-wrap label {
303 display: inline;
304 font-weight: normal;
305 }
306
307 .charitable-checkbox-list {
308 display: flex;
309 flex-direction: row;
310 flex-wrap: wrap;
311 width: 75% !important;
312 gap: 8px;
313 }
314 .charitable-checkbox-list li {
315 font-size: 15px;
316 line-height: 15px;
317 width: calc(50% - 5px);
318 }
319
320 .charitable-radio-list label {
321 display: inline-block;
322 font-weight: normal;
323 }
324 .charitable-radio-list li {
325 margin-bottom: 8px;
326 }
327
328 .charitable-radio-list label {
329 margin-bottom: 0;
330 vertical-align: text-bottom;
331 }
332
333 .charitable-metabox-block {
334 padding: 10px;
335 margin-bottom: 10px;
336 border: 1px solid #dedede;
337 }
338
339 body.post-type-donation .postbox-container .empty-container,
340 body.post-type-campaign .postbox-container .empty-container {
341 border: none;
342 height: auto;
343 }
344
345 .charitable-actions-form {
346 padding: 12px 12px 18px 12px;
347 }
348
349 .charitable-actions-submit {
350 background-color: #f8f8f8;
351 padding: 12px;
352 border-top: 1px solid #e5e5e5;
353 }
354 .charitable-actions-submit .button-primary {
355 float: right;
356 }
357
358 .charitable-action-fields {
359 margin-top: 20px;
360 }
361
362 .post-type-campaign .postbox-title {
363 border-bottom: 1px solid #eee;
364 }
365
366 #campaign-title.postbox,
367 #campaign-goal.postbox,
368 #campaign-end-date.postbox,
369 #campaign-description.postbox {
370 min-width: 0;
371 padding: 0 0 24px 0;
372 margin: 0;
373 background-color: transparent;
374 border: none;
375 box-shadow: none;
376 }
377 #campaign-title.postbox .inside,
378 #campaign-goal.postbox .inside,
379 #campaign-end-date.postbox .inside,
380 #campaign-description.postbox .inside {
381 margin-top: 0;
382 padding: 0;
383 }
384
385 #campaign-title.postbox .postbox-title,
386 #campaign-goal.postbox .postbox-title,
387 #campaign-end-date.postbox .postbox-title,
388 #campaign-description.postbox .postbox-title {
389 padding: 0 0 8px 0;
390 }
391 #campaign-title.postbox .postbox-header,
392 #campaign-goal.postbox .postbox-header,
393 #campaign-end-date.postbox .postbox-header,
394 #campaign-description.postbox .postbox-header {
395 border-bottom: none;
396 }
397 #campaign-title.postbox .handlediv,
398 #campaign-title.postbox .hndle,
399 #campaign-goal.postbox .handlediv,
400 #campaign-goal.postbox .hndle,
401 #campaign-end-date.postbox .handlediv,
402 #campaign-end-date.postbox .hndle,
403 #campaign-description.postbox .handlediv,
404 #campaign-description.postbox .hndle {
405 display: none;
406 }
407 #campaign-title input,
408 #campaign-title textarea,
409 #campaign-goal input,
410 #campaign-goal textarea,
411 #campaign-end-date input,
412 #campaign-end-date textarea,
413 #campaign-description input,
414 #campaign-description textarea {
415 padding: 14px 10px;
416 width: 100%;
417 }
418 #campaign-title select,
419 #campaign-goal select,
420 #campaign-end-date select,
421 #campaign-description select {
422 width: 100%;
423 }
424 #campaign-title input[type=checkbox],
425 #campaign-title input[type=radio],
426 #campaign-title input[type=button],
427 #campaign-title input[type=submit],
428 #campaign-goal input[type=checkbox],
429 #campaign-goal input[type=radio],
430 #campaign-goal input[type=button],
431 #campaign-goal input[type=submit],
432 #campaign-end-date input[type=checkbox],
433 #campaign-end-date input[type=radio],
434 #campaign-end-date input[type=button],
435 #campaign-end-date input[type=submit],
436 #campaign-description input[type=checkbox],
437 #campaign-description input[type=radio],
438 #campaign-description input[type=button],
439 #campaign-description input[type=submit] {
440 width: auto;
441 }
442 #campaign-title .charitable-metabox-title,
443 #campaign-goal .charitable-metabox-title,
444 #campaign-end-date .charitable-metabox-title,
445 #campaign-description .charitable-metabox-title {
446 font-size: 14px;
447 margin-top: 0;
448 margin-bottom: 8px;
449 }
450 #campaign-title .widefat th,
451 #campaign-goal .widefat th,
452 #campaign-end-date .widefat th,
453 #campaign-description .widefat th {
454 font-size: 13px;
455 }
456 #campaign-title .widefat tbody th,
457 #campaign-goal .widefat tbody th,
458 #campaign-end-date .widefat tbody th,
459 #campaign-description .widefat tbody th {
460 width: 33%;
461 border-right: 1px solid #e1e1e1;
462 background: #f5f5f5;
463 }
464 #campaign-title .widefat .remove-col,
465 #campaign-title .widefat .reorder-col,
466 #campaign-goal .widefat .remove-col,
467 #campaign-goal .widefat .reorder-col,
468 #campaign-end-date .widefat .remove-col,
469 #campaign-end-date .widefat .reorder-col,
470 #campaign-description .widefat .remove-col,
471 #campaign-description .widefat .reorder-col {
472 vertical-align: middle;
473 text-align: center;
474 }
475 #campaign-title .widefat .remove-col span,
476 #campaign-title .widefat .reorder-col span,
477 #campaign-goal .widefat .remove-col span,
478 #campaign-goal .widefat .reorder-col span,
479 #campaign-end-date .widefat .remove-col span,
480 #campaign-end-date .widefat .reorder-col span,
481 #campaign-description .widefat .remove-col span,
482 #campaign-description .widefat .reorder-col span {
483 font-size: 20px;
484 color: #aaa;
485 }
486 #campaign-title .widefat .remove-col span:hover,
487 #campaign-title .widefat .reorder-col span:hover,
488 #campaign-goal .widefat .remove-col span:hover,
489 #campaign-goal .widefat .reorder-col span:hover,
490 #campaign-end-date .widefat .remove-col span:hover,
491 #campaign-end-date .widefat .reorder-col span:hover,
492 #campaign-description .widefat .remove-col span:hover,
493 #campaign-description .widefat .reorder-col span:hover {
494 color: #444;
495 }
496 #campaign-title .widefat .reorder-col,
497 #campaign-goal .widefat .reorder-col,
498 #campaign-end-date .widefat .reorder-col,
499 #campaign-description .widefat .reorder-col {
500 width: 10px;
501 padding-right: 0;
502 }
503 #campaign-title .widefat .reorder-col span,
504 #campaign-goal .widefat .reorder-col span,
505 #campaign-end-date .widefat .reorder-col span,
506 #campaign-description .widefat .reorder-col span {
507 cursor: move;
508 }
509 #campaign-title .widefat .remove-col,
510 #campaign-goal .widefat .remove-col,
511 #campaign-end-date .widefat .remove-col,
512 #campaign-description .widefat .remove-col {
513 width: 20px;
514 padding-left: 0;
515 }
516 #campaign-title .widefat .remove-col span,
517 #campaign-goal .widefat .remove-col span,
518 #campaign-end-date .widefat .remove-col span,
519 #campaign-description .widefat .remove-col span {
520 cursor: pointer;
521 }
522 #campaign-title .widefat .ui-sortable-helper,
523 #campaign-goal .widefat .ui-sortable-helper,
524 #campaign-end-date .widefat .ui-sortable-helper,
525 #campaign-description .widefat .ui-sortable-helper {
526 border: 1px solid #ddd;
527 background: #efefef;
528 }
529 #campaign-title .table-header,
530 #campaign-goal .table-header,
531 #campaign-end-date .table-header,
532 #campaign-description .table-header {
533 background: #f5f5f5;
534 }
535 #campaign-title .table-header label,
536 #campaign-goal .table-header label,
537 #campaign-end-date .table-header label,
538 #campaign-description .table-header label {
539 margin-bottom: 0;
540 font-weight: bold;
541 }
542 #campaign-title .charitable-metabox-header,
543 #campaign-goal .charitable-metabox-header,
544 #campaign-end-date .charitable-metabox-header,
545 #campaign-description .charitable-metabox-header {
546 margin: 24px 0;
547 }
548 #campaign-title h4.charitable-metabox-header,
549 #campaign-goal h4.charitable-metabox-header,
550 #campaign-end-date h4.charitable-metabox-header,
551 #campaign-description h4.charitable-metabox-header {
552 border-bottom: 1px solid #dedede;
553 padding-bottom: 12px;
554 margin-bottom: 12px;
555 font-size: 14px;
556 }
557 #campaign-title .inside > .charitable-metabox-header:first-child,
558 #campaign-goal .inside > .charitable-metabox-header:first-child,
559 #campaign-end-date .inside > .charitable-metabox-header:first-child,
560 #campaign-description .inside > .charitable-metabox-header:first-child {
561 margin-top: 0;
562 }
563
564 /* --- Top campaign meta boxes --- */
565 #campaign-top-sortables {
566 padding-top: 20px;
567 }
568 #campaign-top-sortables > .postbox:nth-child(2),
569 #campaign-top-sortables > .postbox:nth-child(3) {
570 float: left;
571 width: 48%;
572 }
573 #campaign-top-sortables > .postbox:nth-child(2) {
574 padding-right: 4%;
575 }
576 #campaign-top-sortables #campaign-description {
577 clear: both;
578 }
579 @media (max-width: 37.5em) {
580 #campaign-top-sortables > .postbox:nth-child(2),
581 #campaign-top-sortables > .postbox:nth-child(3) {
582 width: 100%;
583 padding: 0 0 24px;
584 }
585 }
586
587 /* --- End Date --- */
588 #charitable-campaign-end-date-metabox-wrap {
589 position: relative;
590 }
591 #charitable-campaign-end-date-metabox-wrap .charitable-end-time {
592 position: absolute;
593 right: 0;
594 top: 2px;
595 width: 80px;
596 padding: 20px 10px;
597 border-left: 1px solid rgba(0, 0, 0, 0.07);
598 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
599 background: #f5f5f5;
600 text-align: center;
601 border-radius: 0 4px 4px 0;
602 }
603 @media (min-width: 48.875em) {
604 #charitable-campaign-end-date-metabox-wrap .charitable-end-time {
605 padding: 18px 10px;
606 }
607 }
608
609 #campaign-end-date.postbox #charitable-campaign-end-date-metabox-wrap label {
610 border: 0;
611 clip: rect(1px, 1px, 1px, 1px);
612 -webkit-clip-path: inset(50%);
613 clip-path: inset(50%);
614 height: 1px;
615 margin: -1px;
616 overflow: hidden;
617 padding: 0;
618 position: absolute;
619 width: 1px;
620 word-wrap: normal !important;
621 }
622
623 /* --- Advanced Metabox --- */
624 #campaign-settings .postbox-title {
625 border: none;
626 }
627 #campaign-settings .inside {
628 margin: 0;
629 padding: 0;
630 }
631 #campaign-settings .ui-tabs {
632 *zoom: 1;
633 clear: both;
634 padding: 0;
635 background-color: #f5f5f5;
636 border: none;
637 border-radius: 0;
638 font-family: "Open Sans", sans-serif;
639 font-size: 13px;
640 }
641 #campaign-settings .ui-tabs:before, #campaign-settings .ui-tabs:after {
642 content: " ";
643 display: table;
644 }
645 #campaign-settings .ui-tabs:after {
646 clear: both;
647 }
648 #campaign-settings .ui-tabs .wp-editor-expand #wp-content-editor-tools {
649 background-color: transparent;
650 }
651 #campaign-settings .ui-tabs-nav {
652 float: left;
653 width: 20%;
654 margin: 0;
655 padding: 0;
656 border: none;
657 background: none;
658 line-height: 1em;
659 height: auto;
660 }
661 #campaign-settings .ui-tabs-nav li {
662 position: relative;
663 top: 0;
664 display: block;
665 width: 100%;
666 float: none;
667 background: none;
668 margin: 0;
669 padding: 0 1px 0 0;
670 border: 0;
671 white-space: normal;
672 }
673 #campaign-settings .ui-tabs-nav a {
674 display: block;
675 float: none;
676 padding: 10px;
677 color: #747474;
678 text-decoration: none;
679 border: none;
680 text-shadow: none;
681 margin: 0;
682 font-weight: normal;
683 }
684 #campaign-settings .ui-tabs-nav li.ui-tabs-active {
685 z-index: 2;
686 margin-right: -2px;
687 border-top: 1px solid #dedede;
688 border-bottom: 1px solid #dedede !important;
689 background-color: #fff;
690 }
691 #campaign-settings .ui-tabs-nav li:first-child {
692 border-top-color: 1px solid #dedede;
693 }
694 #campaign-settings .ui-tabs-nav li.ui-tabs-active:first-child {
695 border-top-color: transparent;
696 }
697 #campaign-settings .ui-tabs-nav li:last-child {
698 margin-bottom: 10px;
699 border-bottom-color: transparent;
700 }
701 #campaign-settings .ui-tabs-panel {
702 clear: none;
703 box-sizing: border-box;
704 float: right;
705 width: 80%;
706 padding: 20px;
707 margin: 0;
708 border-left: 1px solid #dedede;
709 border-top: 0;
710 background-color: #fff;
711 }
712 #campaign-settings #wp-content-editor-tools {
713 padding-top: 0;
714 }
715
716 .charitable-campaign-settings-panel .charitable-metabox-header:first-child {
717 margin-top: 0;
718 }
719
720 /* --- Suggested Donations --- */
721 #charitable-campaign-suggested-donations .amount-col {
722 width: 100px;
723 min-width: 35%;
724 }
725
726 /* --- Benefactors --- */
727 .charitable-benefactor-wrap {
728 padding: 0 10px 10px;
729 margin-top: 10px;
730 border: 1px solid #ddd;
731 background: #f5f5f5;
732 }
733 .charitable-benefactor-wrap select {
734 width: 100%;
735 }
736
737 .charitable-benefactor-summary {
738 *zoom: 1;
739 }
740 .charitable-benefactor-summary:before, .charitable-benefactor-summary:after {
741 content: " ";
742 display: table;
743 }
744 .charitable-benefactor-summary:after {
745 clear: both;
746 }
747 .charitable-benefactor-summary .summary {
748 float: left;
749 width: 82%;
750 }
751 .charitable-benefactor-summary .alignright {
752 float: right;
753 width: 18%;
754 text-align: right;
755 }
756
757 .charitable-benefactor-form-cancel {
758 float: right;
759 margin-top: 10px;
760 }
761
762 .charitable-benefactor-contribution-amount {
763 margin-bottom: 10px;
764 }
765 .charitable-benefactor-contribution-amount .contribution-amount {
766 margin-bottom: 10px;
767 font-size: 16px;
768 }
769 @media (min-width: 42.5em) {
770 .charitable-benefactor-contribution-amount {
771 border: 1px solid #ddd;
772 background-color: #fff;
773 }
774 .charitable-benefactor-contribution-amount .contribution-amount {
775 width: auto;
776 min-width: 220px;
777 margin: 1px;
778 border: none;
779 box-shadow: none;
780 }
781 .charitable-benefactor-contribution-amount .contribution-type {
782 float: right;
783 margin: 10px;
784 width: auto;
785 }
786 .charitable-benefactor-contribution-amount input:focus,
787 .charitable-benefactor-contribution-amount select:focus {
788 box-shadow: none;
789 }
790 }
791
792 .charitable-benefactor-date-wrap {
793 margin-top: 10px;
794 }
795 .charitable-benefactor-date-wrap label {
796 float: left;
797 width: 49%;
798 }
799 .charitable-benefactor-date-wrap label:nth-child(2n+2) {
800 margin-left: 2%;
801 }
802 .charitable-benefactor-date-wrap input {
803 margin: 1em 0;
804 font-weight: normal;
805 }
806
807 .charitable-benefactor-inactive,
808 .charitable-benefactor-expired {
809 background-color: #f5f5f5;
810 }
811 .charitable-benefactor-inactive .summary span,
812 .charitable-benefactor-expired .summary span {
813 font-weight: bold;
814 text-transform: uppercase;
815 padding-right: 8px;
816 color: #f89d35;
817 }
818
819 /* --- Campaign Creator --- */
820 #campaign-creator .creator-facts .creator-name {
821 padding: 0;
822 }
823 #campaign-creator .creator-facts .creator-name a {
824 color: #333;
825 text-decoration: none;
826 }
827 #campaign-creator .creator-facts dt {
828 display: inline-block;
829 font-weight: bold;
830 }
831 #campaign-creator .creator-facts dd {
832 display: inline-block;
833 }
834
835 #charitable-campaign-creator-metabox-wrap #campaign-creator {
836 padding-bottom: 24px;
837 margin-bottom: 12px;
838 border-bottom: 1px solid #e1e1e1;
839 }
840
841 body.post-type-donation #post-body-content,
842 body.post-type-donation #titlediv {
843 display: none;
844 }
845 body.post-type-donation .closed .inside {
846 display: block;
847 }
848 body.post-type-donation .donation-banner-wrapper {
849 float: left;
850 width: 100%;
851 background: #f8f8f8;
852 border-radius: 4px 4px 0 0;
853 border-bottom: 1px solid #e5e5e5;
854 }
855 body.post-type-donation .donation-banner {
856 position: relative;
857 padding: 12px;
858 }
859 body.post-type-donation .donation-banner .donation-edit-link {
860 position: absolute;
861 top: 12px;
862 right: 12px;
863 }
864 body.post-type-donation .donation-banner .donation-number {
865 margin: 0;
866 padding: 0;
867 font-size: 1.3em;
868 }
869 body.post-type-donation .donation-erasure-notice-wrapper {
870 float: left;
871 width: 100%;
872 }
873 body.post-type-donation .donation-erasure-notice {
874 padding: 12px 20px;
875 border-bottom: 1px solid #e5e5e5;
876 font-style: italic;
877 }
878 @media (min-width: 70em) {
879 body.post-type-donation #poststuff #post-body.columns-2 {
880 margin-right: 340px;
881 }
882 body.post-type-donation #poststuff #post-body.columns-2 #postbox-container-1 {
883 margin-right: -340px;
884 width: 320px;
885 }
886 body.post-type-donation #poststuff #post-body.columns-2 #postbox-container-1 #side-sortables {
887 width: 100%;
888 }
889 }
890
891 #donation-overview .charitable-metabox {
892 *zoom: 1;
893 }
894 #donation-overview .charitable-metabox:before, #donation-overview .charitable-metabox:after {
895 content: " ";
896 display: table;
897 }
898 #donation-overview .charitable-metabox:after {
899 clear: both;
900 }
901 #donation-overview .hndle {
902 display: none;
903 }
904 #donation-overview .inside {
905 margin: 0;
906 padding: 0;
907 }
908 #donation-overview #donor {
909 float: left;
910 padding: 12px 12px 36px 12px;
911 width: 300px;
912 max-width: 67%;
913 }
914 #donation-overview .donor-name {
915 font-weight: normal;
916 }
917 #donation-overview h3 {
918 margin: 0 0 0.5em;
919 padding: 0;
920 font-size: 1.3em;
921 }
922 #donation-overview #donation-summary {
923 float: right;
924 padding: 12px 12px 36px 0;
925 max-width: 33%;
926 text-align: right;
927 }
928 #donation-overview .donation-status {
929 display: block;
930 margin-bottom: 6px;
931 }
932 #donation-overview .donation-status .status,
933 #donation-overview .donation-status .contact-consent .consent {
934 font-weight: bolder;
935 }
936 #donation-overview table#overview {
937 float: left;
938 width: 100%;
939 border-spacing: 0;
940 }
941 #donation-overview table#overview thead th {
942 padding: 0 0 0.8em;
943 }
944 #donation-overview table#overview .col-campaign-name {
945 padding-left: 12px;
946 text-align: left;
947 }
948 #donation-overview table#overview .col-campaign-donation-amount {
949 padding-right: 12px;
950 text-align: right;
951 }
952 #donation-overview table#overview tbody td {
953 padding: 2em 0;
954 border-top: 1px solid #e5e5e5;
955 }
956 #donation-overview table#overview tbody tr:last-child td {
957 border-bottom: 1px solid #e5e5e5;
958 }
959 #donation-overview table#overview .campaign-name {
960 padding-left: 12px;
961 font-size: 18px;
962 }
963 #donation-overview table#overview .campaign-donation-amount {
964 padding-right: 12px;
965 font-size: 16px;
966 text-align: right;
967 }
968 #donation-overview table#overview tfoot td,
969 #donation-overview table#overview tfoot th {
970 padding: 0.6em 12px 0.6em 0;
971 background-color: #f8f8f8;
972 text-align: right;
973 }
974 #donation-overview table#overview tfoot tr:first-of-type td,
975 #donation-overview table#overview tfoot tr:first-of-type th {
976 padding-top: 1.2em;
977 }
978 #donation-overview table#overview tfoot tr:last-of-type td,
979 #donation-overview table#overview tfoot tr:last-of-type th {
980 padding-bottom: 1.2em;
981 }
982
983 #donation-actions .inside {
984 padding: 0;
985 }
986
987 #donation-details,
988 #donation-log,
989 #donation-actions {
990 border-bottom: 1px solid #ccd0d4;
991 }
992
993 #donation-details dt {
994 font-weight: bold;
995 margin-bottom: 0.5em;
996 }
997 #donation-details dd {
998 margin: 0 0 1em;
999 padding-bottom: 1em;
1000 border-bottom: 1px solid #e5e5e5;
1001 }
1002 #donation-details dd:last-child {
1003 border-bottom: none;
1004 padding-bottom: 0;
1005 }
1006
1007 #donation-log .inside {
1008 padding: 0;
1009 margin-top: 0;
1010 }
1011 #donation-log table {
1012 word-break: break-all;
1013 border: none;
1014 }
1015 #donation-log th,
1016 #donation-log td {
1017 padding-left: 12px;
1018 padding-right: 12px;
1019 }
1020 #donation-log thead th {
1021 background: #f8f8f8;
1022 }
1023 #donation-log thead th:first-child {
1024 width: 200px;
1025 }
1026 #donation-log tbody td {
1027 border-bottom: 1px solid #e5e5e5;
1028 }
1029 #donation-log tbody tr:last-child td {
1030 border-bottom: 0;
1031 }
1032
1033 /* Donation Form */
1034 .post-type-donation.charitable-admin-donation-form #postbox-container-2 {
1035 margin-bottom: 0;
1036 border: 1px solid #dedede;
1037 border-radius: 4px;
1038 background: #fff;
1039 }
1040 .post-type-donation.charitable-admin-donation-form .charitable-metabox-wrap {
1041 margin-bottom: 24px;
1042 }
1043 .post-type-donation.charitable-admin-donation-form .charitable-metabox-wrap.charitable-fieldset-wrap {
1044 margin-bottom: 0;
1045 }
1046 .post-type-donation.charitable-admin-donation-form #donation-form {
1047 border: none;
1048 background: transparent;
1049 box-shadow: none;
1050 }
1051 .post-type-donation.charitable-admin-donation-form #donation-form .postbox-title {
1052 display: none;
1053 }
1054 .post-type-donation.charitable-admin-donation-form #donation-form .inside {
1055 padding: 0;
1056 margin: 0;
1057 }
1058 .post-type-donation.charitable-admin-donation-form #donation-form .inside > .charitable-form-fields {
1059 clear: both;
1060 padding: 20px;
1061 }
1062 .post-type-donation.charitable-admin-donation-form #donation-form .charitable-form-fields > h3:first-of-type {
1063 margin-top: 0;
1064 }
1065 .post-type-donation.charitable-admin-donation-form #donation-form .charitable-form-fields > .charitable-metabox-wrap:not(.charitable-fieldset-wrap) {
1066 margin-bottom: 24px;
1067 }
1068 .post-type-donation.charitable-admin-donation-form #donation-form-meta {
1069 padding: 24px 12px 12px;
1070 }
1071
1072 #charitable-campaign-donations thead th {
1073 background: #f5f5f5;
1074 }
1075
1076 #charitable-user-fields-wrap {
1077 width: 100%;
1078 }
1079 #charitable-user-fields-wrap .charitable-overlay {
1080 display: none !important;
1081 }
1082 #charitable-user-fields-wrap.loading-data .charitable-overlay {
1083 display: block !important;
1084 text-align: center;
1085 }
1086 #charitable-user-fields-wrap.loading-data > *:not(.charitable-overlay) {
1087 display: none;
1088 }
1089 #charitable-user-fields-wrap #charitable-first-name-wrap,
1090 #charitable-user-fields-wrap #charitable-last-name-wrap {
1091 width: 48%;
1092 }
1093 #charitable-user-fields-wrap #charitable-first-name-wrap {
1094 padding-right: 4%;
1095 }
1096 #charitable-user-fields-wrap #charitable-postcode-wrap {
1097 width: 26%;
1098 padding-right: 4%;
1099 }
1100 #charitable-user-fields-wrap #charitable-country-wrap {
1101 width: 70%;
1102 clear: right;
1103 }
1104
1105 .charitable-settings-field {
1106 padding: 7px 10px;
1107 width: 300px;
1108 font-size: 16px;
1109 line-height: 1.5em;
1110 }
1111 .charitable-settings-field.short {
1112 width: 100px;
1113 }
1114 .charitable-settings-field.wide {
1115 width: 100%;
1116 }
1117
1118 .charitable-inline-notice {
1119 background: #fff;
1120 border: 1px solid #c3c4c7;
1121 border-left-width: 4px;
1122 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1123 margin: 5px 15px 15px 0;
1124 padding: 10px 12px;
1125 }
1126 .charitable-inline-notice p:last-child {
1127 margin-bottom: 0 !important;
1128 }
1129 .charitable-inline-notice.info {
1130 border-left-color: #00a0d2;
1131 }
1132 .charitable-inline-notice.warning {
1133 border-left-color: #ffb900;
1134 }
1135
1136 input[type=number].charitable-settings-field {
1137 height: auto;
1138 }
1139
1140 select.charitable-settings-field {
1141 width: auto;
1142 min-width: 300px;
1143 }
1144
1145 input#charitable_settings_import_campaign,
1146 input#charitable_settings_import_donations {
1147 display: table;
1148 margin: 0 0 10px 0;
1149 width: 100%;
1150 }
1151
1152 select#charitable_settings_import_donations,
1153 select#charitable_settings_export_campaign,
1154 select#charitable_settings_export_donations {
1155 padding: 0 24px 0 10px;
1156 min-height: 45px;
1157 display: table;
1158 margin: 0 0 10px 0;
1159 width: 100%;
1160 text-indent: 10px;
1161 }
1162
1163 .charitable-settings-object {
1164 max-width: 1000px;
1165 padding: 10px 20px;
1166 margin-bottom: 4px;
1167 border: 1px solid #e1e1e1;
1168 background-color: #fff;
1169 }
1170 .charitable-settings-object h4 {
1171 float: left;
1172 margin: 0;
1173 line-height: 28px;
1174 }
1175 .charitable-settings-object span.actions {
1176 float: right;
1177 }
1178 .charitable-settings-object span.actions a {
1179 margin-left: 10px;
1180 }
1181
1182 .charitable-gateway .default-gateway,
1183 .charitable-gateway .make-default-gateway {
1184 margin-left: 20px;
1185 font-size: 12px;
1186 line-height: 28px;
1187 }
1188 .charitable-gateway .default-gateway {
1189 color: #f89d35;
1190 }
1191 .charitable-gateway .make-default-gateway {
1192 color: #777;
1193 }
1194
1195 .charitable-settings-notice {
1196 max-width: 860px;
1197 padding: 10px 20px;
1198 /* margin-top: 20px; */
1199 border: 1px solid #e1e1e1;
1200 background-color: #fef4e8;
1201 }
1202 .charitable-settings-notice.license-notice {
1203 margin-top: -10px;
1204 }
1205
1206 .charitable-licensed-product h4 {
1207 width: 230px;
1208 margin-right: 20px;
1209 line-height: 40px;
1210 }
1211 .charitable-licensed-product .charitable-settings-field {
1212 float: left;
1213 width: 100%;
1214 }
1215 @media (min-width: 68.125em) {
1216 .charitable-licensed-product .charitable-settings-field {
1217 width: 312px;
1218 margin-right: 20px;
1219 }
1220 }
1221 .charitable-licensed-product .license-meta {
1222 font-size: 12px;
1223 line-height: 40px;
1224 }
1225 .charitable-licensed-product .license-active {
1226 float: left;
1227 }
1228 .charitable-licensed-product .valid-license {
1229 color: #f89d35;
1230 font-weight: bold;
1231 }
1232 .charitable-licensed-product .license-deactivation {
1233 float: left;
1234 margin: 6px 0;
1235 }
1236 .charitable-licensed-product .license-invalid {
1237 color: #f89d35;
1238 }
1239 .charitable-licensed-product .license-expiration-date {
1240 float: right;
1241 margin-left: 10px;
1242 }
1243
1244 .charitable-help {
1245 display: block;
1246 margin-top: 4px;
1247 font-size: 13px;
1248 line-height: 21px;
1249 font-style: italic;
1250 color: #777;
1251 }
1252
1253 .form-table .charitable-help p {
1254 font-size: 13px;
1255 line-height: 21px;
1256 }
1257 .form-table td.charitable-fullwidth {
1258 padding: 15px 0;
1259 }
1260
1261 .charitable-shortcode-options ul {
1262 list-style: disc;
1263 margin-left: 16px;
1264 font-style: normal;
1265 }
1266 .charitable-shortcode-options li {
1267 margin-bottom: 2px;
1268 }
1269
1270 @media (min-width: 48em) {
1271 .charitable_page_charitable-settings .form-table th {
1272 min-width: 250px;
1273 }
1274 }
1275 body.charitable_page_charitable-settings div#charitable-settings table.form-table {
1276 max-width: 1000px;
1277 }
1278
1279 .charitable_page_charitable-settings .form-table th label {
1280 font-size: 13px;
1281 }
1282 .charitable_page_charitable-settings .form-table td select {
1283 max-width: 400px;
1284 }
1285
1286 .charitable-radio-list {
1287 padding: 0;
1288 margin: 0;
1289 list-style: none;
1290 }
1291 .charitable-radio-list li {
1292 display: inline-block;
1293 margin-right: 20px;
1294 }
1295
1296 .charitable-checkbox-list {
1297 width: auto;
1298 margin: 0;
1299 padding: 0;
1300 }
1301
1302 .charitable-notice {
1303 padding: 5px 10px;
1304 font-size: 14px;
1305 background-color: #fff;
1306 }
1307 .charitable-notice.charitable-notice-error {
1308 border-left: 4px solid #dc3232;
1309 }
1310
1311 .charitable-admin-notice-five-star-rating button.button:hover,
1312 .charitable-admin-notice-five-star-rating a.button-link:hover {
1313 background-color: transparent;
1314 }
1315 .charitable-admin-notice-five-star-rating p {
1316 margin-top: 0;
1317 margin-bottom: 0;
1318 }
1319
1320 /* Hide steps 2 and 3 by default, only show step 1 initially */
1321 .charitable-admin-notice-five-star-rating[data-step="2"],
1322 .charitable-admin-notice-five-star-rating[data-step="3"] {
1323 display: none;
1324 }
1325
1326 .edit-php.post-type-charitable .tablenav .actions {
1327 padding-right: 0;
1328 }
1329 .edit-php.post-type-charitable .tablenav #start_date,
1330 .edit-php.post-type-charitable .tablenav #end_date {
1331 width: 10.5em;
1332 }
1333 .edit-php.post-type-charitable .tablenav #post-query-submit {
1334 display: none;
1335 }
1336 .edit-php.post-type-charitable .tablenav #delete_all {
1337 margin-top: 3px;
1338 }
1339 .edit-php.post-type-charitable .tablenav .charitable-filter-button:before,
1340 .edit-php.post-type-charitable .tablenav .charitable-export-button:before {
1341 vertical-align: middle;
1342 margin-top: -2px;
1343 width: 16px;
1344 height: 16px;
1345 font-size: 16px;
1346 }
1347 .edit-php.post-type-charitable .tablenav a.button {
1348 display: inline-block;
1349 }
1350 .edit-php.post-type-charitable .tablenav.top {
1351 margin: 0 0 12px 0;
1352 }
1353 .edit-php.post-type-charitable .tablenav.top select.campaign_id {
1354 float: none;
1355 vertical-align: top;
1356 }
1357 .edit-php.post-type-charitable .tablenav.top .actions {
1358 overflow: visible;
1359 }
1360 .edit-php.post-type-charitable .tablenav.top .actions .has-popup {
1361 position: relative;
1362 display: inline-block;
1363 cursor: pointer;
1364 -webkit-user-select: none;
1365 -moz-user-select: none;
1366 -ms-user-select: none;
1367 user-select: none;
1368 }
1369 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup {
1370 visibility: hidden;
1371 width: 260px;
1372 background-color: #999;
1373 color: #fff;
1374 text-align: center;
1375 border-radius: 6px;
1376 padding: 4px;
1377 position: absolute;
1378 z-index: 1;
1379 top: 125%;
1380 left: 50%;
1381 margin-left: -136px;
1382 }
1383 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup input,
1384 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup label,
1385 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup select {
1386 width: 80%;
1387 margin-bottom: 1em;
1388 }
1389 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup .inner {
1390 background: white;
1391 padding: 1em 0;
1392 border-radius: 4px;
1393 }
1394 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup::before {
1395 content: "";
1396 position: absolute;
1397 bottom: 100%;
1398 left: 50%;
1399 margin-left: -5px;
1400 border-width: 5px;
1401 border-style: solid;
1402 border-color: transparent transparent #999 transparent;
1403 }
1404 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup.show {
1405 visibility: visible !important;
1406 -webkit-animation: fadeIn 1s;
1407 animation: fadeIn 1s;
1408 }
1409 .edit-php.post-type-charitable .tablenav.top .actions .charitable-export-actions {
1410 margin-left: 8px;
1411 }
1412 .edit-php.post-type-charitable .wp-list-table .meta {
1413 display: block;
1414 color: #999;
1415 }
1416 .edit-php.post-type-charitable .wp-list-table .column-post_status mark,
1417 .edit-php.post-type-charitable .wp-list-table .column-post_status .post-type-charitable #donation-summary mark,
1418 .edit-php.post-type-charitable .wp-list-table .column-post_status #donation-donor-history mark {
1419 padding: 2px 4px;
1420 margin: 0;
1421 text-align: center;
1422 white-space: nowrap;
1423 background: #999;
1424 color: #fff;
1425 border-radius: 2px;
1426 font-size: 10px;
1427 letter-spacing: 1px;
1428 text-transform: uppercase;
1429 font-weight: bold;
1430 }
1431
1432 form#posts-filter .actions.charitable-export-actions {
1433 margin-top: 3px;
1434 }
1435
1436 .post-type-charitable #donation-summary mark {
1437 padding: 2px 4px 2px 6px;
1438 }
1439
1440 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-pending,
1441 .edit-php.post-type-charitable .wp-list-table .column-post_status .post-type-charitable #donation-summary mark.charitable-pending,
1442 .edit-php.post-type-charitable .wp-list-table .column-post_status #donation-donor-history mark.charitable-pending {
1443 background-color: #999;
1444 }
1445 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-completed,
1446 .edit-php.post-type-charitable .wp-list-table .column-post_status .post-type-charitable #donation-summary mark.charitable-completed,
1447 .edit-php.post-type-charitable .wp-list-table .column-post_status #donation-donor-history mark.charitable-completed {
1448 background-color: #34d058;
1449 }
1450 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-failed,
1451 .edit-php.post-type-charitable .wp-list-table .column-post_status .post-type-charitable #donation-summary mark.charitable-failed,
1452 .edit-php.post-type-charitable .wp-list-table .column-post_status #donation-donor-history mark.charitable-failed {
1453 background-color: #f7a129;
1454 }
1455 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-cancelled,
1456 .edit-php.post-type-charitable .wp-list-table .column-post_status .post-type-charitable #donation-summary mark.charitable-cancelled,
1457 .edit-php.post-type-charitable .wp-list-table .column-post_status #donation-donor-history mark.charitable-cancelled {
1458 background-color: #ff0000;
1459 }
1460 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-refunded,
1461 .edit-php.post-type-charitable .wp-list-table .column-post_status .post-type-charitable #donation-summary mark.charitable-refunded,
1462 .edit-php.post-type-charitable .wp-list-table .column-post_status #donation-donor-history mark.charitable-refunded {
1463 background-color: #3fb8f5;
1464 }
1465
1466 .edit-php.post-type-campaign th.manage-column.column-ID,
1467 .edit-php.post-type-campaign td.column-ID {
1468 width: 2.2em;
1469 padding: 11px 3px;
1470 }
1471 .edit-php.post-type-campaign .column-status mark {
1472 padding: 2px 4px;
1473 margin: 0;
1474 text-align: center;
1475 white-space: nowrap;
1476 background: #999;
1477 color: #fff;
1478 border-radius: 2px;
1479 font-size: 10px;
1480 letter-spacing: 1px;
1481 text-transform: uppercase;
1482 font-weight: bold;
1483 }
1484 .edit-php.post-type-campaign .column-status mark.active {
1485 background-color: #23282d;
1486 }
1487 .edit-php.post-type-campaign .column-status mark.finished {
1488 background-color: #3fb8f5;
1489 }
1490 .edit-php.post-type-campaign .column-status mark.successful {
1491 background-color: #34d058;
1492 }
1493 .edit-php.post-type-campaign .column-status mark.unsuccessful {
1494 background-color: #ff0000;
1495 }
1496
1497 #charitable_dashboard_donations .hide-if-no-js {
1498 padding: 10px 0;
1499 text-align: center;
1500 }
1501 #charitable_dashboard_donations .inside {
1502 margin: 0;
1503 padding: 0;
1504 }
1505 #charitable_dashboard_donations .charitable-donation-statistics {
1506 *zoom: 1;
1507 margin-bottom: 20px;
1508 }
1509 #charitable_dashboard_donations .charitable-donation-statistics:before, #charitable_dashboard_donations .charitable-donation-statistics:after {
1510 content: " ";
1511 display: table;
1512 }
1513 #charitable_dashboard_donations .charitable-donation-statistics:after {
1514 clear: both;
1515 }
1516 #charitable_dashboard_donations .cell {
1517 box-sizing: border-box;
1518 float: left;
1519 width: 50%;
1520 padding: 23px 0 10px;
1521 border-right: 1px solid #e5e5e5;
1522 border-bottom: 1px solid #e5e5e5;
1523 text-align: center;
1524 }
1525 #charitable_dashboard_donations .cell .amount {
1526 color: #f89d35;
1527 font-size: 28px;
1528 font-weight: normal;
1529 padding-bottom: 0;
1530 }
1531 #charitable_dashboard_donations .summary {
1532 margin-top: 0;
1533 color: #777;
1534 }
1535 #charitable_dashboard_donations .summary .time-period {
1536 font-weight: bold;
1537 color: #444;
1538 }
1539 #charitable_dashboard_donations .recent-donations {
1540 margin: 0 11px;
1541 }
1542 #charitable_dashboard_donations .recent-donations table {
1543 width: 100%;
1544 border-collapse: collapse;
1545 }
1546 #charitable_dashboard_donations .recent-donations caption {
1547 text-align: left;
1548 }
1549 #charitable_dashboard_donations .recent-donations caption h3 {
1550 padding-left: 0;
1551 }
1552 #charitable_dashboard_donations .recent-donations td {
1553 padding: 10px 0;
1554 border-top: 1px solid #e5e5e5;
1555 }
1556 #charitable_dashboard_donations .recent-donations tr:last-child td {
1557 border-bottom: 1px solid #e5e5e5;
1558 }
1559 #charitable_dashboard_donations .recent-donations .donation-total {
1560 text-align: right;
1561 font-weight: bold;
1562 }
1563 #charitable_dashboard_donations .recent-donations .donation-id {
1564 width: 80px;
1565 }
1566
1567 /*
1568 * The Lite -> Pro upgrade banner ("You're using Charitable Lite!").
1569 *
1570 * Visual properties (orange background, white text, font, base padding) live
1571 * at the base selector so they apply at every viewport. Previously they were
1572 * scoped inside @media (min-width: 783px), which left mobile admins with a
1573 * bare default-styled banner once the WP admin breakpoint flipped.
1574 *
1575 * Layout properties that depend on the desktop admin column (negative
1576 * margin to align with the wider sidebar offset, tighter padding) stay
1577 * inside the 783px media query.
1578 */
1579 .charitable-admin-banner-top-of-page {
1580 text-align: center;
1581 background: #E89940;
1582 color: #fff;
1583 font-size: 13px;
1584 line-height: 1.4;
1585 padding: 10px 46px 10px 22px;
1586 }
1587 .charitable-admin-banner-top-of-page a {
1588 color: white;
1589 }
1590 .charitable-license-expiring-banner.charitable-admin-banner-top-of-page {
1591 background: #e84040;
1592 }
1593 .charitable-license-expiring-banner.charitable-admin-banner-top-of-page a:hover {
1594 color: white !important;
1595 }
1596 .charitable-admin-banner-top-of-page .button-link {
1597 position: absolute;
1598 top: 48px;
1599 right: -1px;
1600 font-size: 20px;
1601 color: #fff;
1602 font-weight: bold;
1603 text-decoration: none;
1604 margin-left: 5px;
1605 padding: 6px 10px;
1606 }
1607
1608 @media screen and (min-width: 601px) {
1609 .charitable-admin-banner-top-of-page .button-link {
1610 top: 0;
1611 }
1612 }
1613 @media screen and (min-width: 783px) {
1614 .charitable-admin-banner-top-of-page {
1615 margin-left: -20px;
1616 padding: 9px 32px 9px 20px;
1617 display: none;
1618 }
1619 [dir=rtl] .charitable-admin-banner-top-of-page {
1620 margin-left: 0;
1621 margin-right: -20px;
1622 }
1623 .charitable-admin-banner-top-of-page .button-link {
1624 right: 9px;
1625 }
1626 }
1627 @media screen and (max-width: 782px) {
1628 .charitable-admin-banner-top-of-page {
1629 margin-left: -10px;
1630 }
1631 }
1632 .charitable-notice.notice-five-star-review {
1633 z-index: 0; /* to make it appear below screen option tabs! */
1634 }
1635
1636 .charitable-notice:first-of-type {
1637 margin-left: 3px;
1638 margin-right: 20px;
1639 margin-top: 10px;
1640 }
1641
1642 .charitable-notice {
1643 margin-top: 10px;
1644 margin-left: 3px;
1645 margin-right: 20px;
1646 margin-bottom: 0;
1647 padding: 10px 10px;
1648 }
1649
1650 .charitable-notice.updated,
1651 .charitable-notice.error {
1652 margin: 10px 20px 2px 3px;
1653 }
1654
1655 form#posts-filter table tbody#the-list tr.child td {
1656 padding: 0;
1657 }
1658 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner {
1659 justify-content: space-between;
1660 flex-direction: row;
1661 display: flex;
1662 flex: 0 0 100%;
1663 flex-direction: row;
1664 align-items: center;
1665 padding: 15px 30px;
1666 flex-wrap: nowrap;
1667 position: relative;
1668 }
1669 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner > div {
1670 flex-grow: 1;
1671 display: flex;
1672 align-items: center;
1673 }
1674 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .charitable-campaign-list-banner-icon {
1675 width: auto;
1676 height: 45px;
1677 margin: 0px 15px 0 0;
1678 }
1679 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .charitable-campaign-list-banner-icon img {
1680 height: 45px;
1681 }
1682 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .charitable-campaign-list-banner-text p {
1683 font-size: 16px;
1684 margin-top: 0;
1685 margin-bottom: 0;
1686 }
1687 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .charitable-campaign-list-banner-button {
1688 display: flex;
1689 flex-direction: row;
1690 justify-content: end;
1691 min-width: 20%;
1692 }
1693 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .button-link {
1694 background-color: #5AA152;
1695 color: #ffffff;
1696 padding: 10px 30px;
1697 position: relative;
1698 text-decoration: none;
1699 border-radius: 5px;
1700 text-shadow: none;
1701 font-weight: 600;
1702 font-family: "Inter";
1703 font-size: 13px;
1704 line-height: normal;
1705 color: #2271b1;
1706 cursor: pointer;
1707 display: table;
1708 text-align: center;
1709 float: right;
1710 }
1711 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .button-link:hover {
1712 background-color: #3f7539;
1713 }
1714 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner a.charitable-close {
1715 width: 18px;
1716 display: inline-block;
1717 height: 18px;
1718 margin-left: 20px;
1719 margin-right: 20px;
1720 }
1721 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner a.charitable-close img {
1722 width: 18px;
1723 height: 18px;
1724 }
1725 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner a.charitable-close:hover {
1726 opacity: 0.5;
1727 }
1728 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner a.button-link,
1729 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner a.button-link:active,
1730 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner a.button-link:visited {
1731 color: white;
1732 }
1733
1734 /* popup ads */
1735 body.wp-admin .jconfirm.jconfirm-white .jconfirm-bg,
1736 body.wp-admin .jconfirm.jconfirm-light .jconfirm-bg {
1737 opacity: 0.8;
1738 }
1739
1740 body.post-type-campaign .jconfirm .jconfirm-cell {
1741 display: table-cell;
1742 }
1743 body.post-type-campaign .jconfirm.jconfirm-type-lite-pro-ad {
1744 background-color: white;
1745 color: #2B2E39;
1746 font-family: "Inter", sans-serif;
1747 }
1748
1749 .charitable-lite-pro-popup {
1750 padding: 0 20px;
1751 display: flex;
1752 font-size: 16px;
1753 }
1754 .charitable-lite-pro-popup-left {
1755 flex: 1;
1756 }
1757 .charitable-lite-pro-popup-right {
1758 flex: 1;
1759 }
1760 .charitable-lite-pro-popup h1 {
1761 color: #3F414C;
1762 font-size: 24px;
1763 line-height: 33px;
1764 margin: 0 0 15px 0;
1765 font-weight: 700;
1766 }
1767 .charitable-lite-pro-popup h2 {
1768 font-weight: 400;
1769 font-size: 14px;
1770 line-height: 21px;
1771 color: #5A5C65;
1772 margin: 0 0 30px 0;
1773 }
1774 .charitable-lite-pro-popup ul {
1775 margin: 0 20px 25px 0;
1776 display: table;
1777 list-style-position: outside;
1778 font-size: 16px;
1779 }
1780 .charitable-lite-pro-popup li {
1781 background-image: url("../images/icons/green_check_circle.png");
1782 background-repeat: no-repeat;
1783 font-size: 14px;
1784 font-weight: 500;
1785 line-height: 21px;
1786 color: #3F414C;
1787 padding-left: 25px;
1788 margin: 0 0 15px 0;
1789 padding-left: 30px;
1790 /* .charitable-lite-pro-popup li::marker {
1791 margin-top: 2px;
1792 } */
1793 }
1794 .charitable-lite-pro-popup li p {
1795 margin: -2px 0 0 0;
1796 display: inline;
1797 padding: 0;
1798 }
1799 .charitable-lite-pro-popup .charitable-lite-pro-popup-button {
1800 padding: 16px 18px;
1801 background: #E89940;
1802 margin: 10px auto 0 auto;
1803 color: #fff;
1804 text-align: center;
1805 font-size: 16px;
1806 line-height: 24px;
1807 display: block;
1808 text-decoration: none;
1809 font-weight: 600;
1810 border-radius: 5px;
1811 }
1812 .charitable-lite-pro-popup .charitable-lite-pro-popup-link {
1813 display: block;
1814 font-size: 14px;
1815 line-height: 18px;
1816 margin: 20px 0 0 0;
1817 font-weight: 400;
1818 color: #486DCB;
1819 }
1820 .charitable-lite-pro-popup .charitable-lite-pro-popup-link:hover {
1821 text-decoration: underline;
1822 }
1823 .charitable-lite-pro-popup a.charitable-lite-pro-popup-link {
1824 text-decoration: none;
1825 color: #3459C4 !important;
1826 }
1827 .charitable-lite-pro-popup .charitable-lite-pro-popup-right img {
1828 padding: 0 0 0 20px;
1829 margin-top: 30px;
1830 /* display: none; */
1831 }
1832
1833 body.post-type-campaign .jconfirm-box-container .charitable-lite-pro-popup,
1834 body.post-type-campaign .jconfirm-box-container .charitable-lite-pro-popup li,
1835 body.post-type-campaign .jconfirm-box-container .charitable-lite-pro-popup h2,
1836 body.post-type-campaign .jconfirm-box-container .charitable-lite-pro-popup h1,
1837 body.post-type-campaign .jconfirm-box-container .charitable-lite-pro-popup a.charitable-lite-pro-popup-link {
1838 color: #2B2E39;
1839 }
1840
1841 /* license overrides */
1842 .charitable-licensed-product .license-deactivation {
1843 margin: 2px 0;
1844 }
1845
1846 /* should go up with the others - to do */
1847 textarea.charitable-settings-field {
1848 width: 75%;
1849 font-size: 13px;
1850 line-height: 21px;
1851 }
1852
1853 .starburst {
1854 background: #347d39;
1855 width: 2.75em;
1856 height: 2.75em;
1857 text-align: center;
1858 color: #fff;
1859 font-weight: 800;
1860 display: flex;
1861 align-items: center;
1862 justify-content: center;
1863 position: absolute;
1864 top: 50%;
1865 margin-top: -1.25em;
1866 margin-left: -1.25em;
1867 }
1868 .starburst span {
1869 width: 100%;
1870 height: 100%;
1871 background: inherit;
1872 transform: rotate(-45deg);
1873 display: flex;
1874 align-items: center;
1875 justify-content: center;
1876 }
1877 .starburst span:before, .starburst span:after {
1878 content: "";
1879 position: absolute;
1880 top: 0;
1881 left: 0;
1882 width: 100%;
1883 height: 100%;
1884 background: inherit;
1885 z-index: -1;
1886 transform: rotate(30deg);
1887 }
1888 .starburst span:after {
1889 transform: rotate(30deg);
1890 }
1891 .starburst span:before {
1892 transform: rotate(-30deg);
1893 }
1894 .starburst:before, .starburst:after {
1895 content: "";
1896 position: absolute;
1897 top: 0;
1898 left: 0;
1899 width: 100%;
1900 height: 100%;
1901 background: inherit;
1902 z-index: -1;
1903 transform: rotate(30deg);
1904 }
1905 .starburst:after {
1906 transform: rotate(-30deg);
1907 }
1908
1909 #wpcharitable-starburst-new {
1910 left: 5px;
1911 top: 0;
1912 }
1913
1914 /* campaign edit/create page */
1915 #qt__charitable_campaign_description_toolbar input.ed_button {
1916 padding: 0 10px;
1917 }
1918
1919 th.default_amount-col,
1920 td.default_amount-col {
1921 vertical-align: middle;
1922 max-width: 50px;
1923 width: 50px;
1924 }
1925
1926 /* create campaign popup */
1927 #create-campaign-form label {
1928 font-size: 16px;
1929 line-height: 21px;
1930 margin-bottom: 5px;
1931 margin-top: 15px;
1932 display: block;
1933 }
1934 #create-campaign-form p {
1935 margin: 5px 0;
1936 }
1937 #create-campaign-form small {
1938 font-size: 12px;
1939 line-height: 16px;
1940 }
1941 #create-campaign-form input[type=text] {
1942 margin-bottom: 10px;
1943 width: 90%;
1944 }
1945 #create-campaign-form input[type=text]::placeholder {
1946 /* Chrome, Firefox, Opera, Safari 10.1+ */
1947 color: #ccc;
1948 opacity: 1; /* Firefox */
1949 }
1950 #create-campaign-form input[type=text]:-ms-input-placeholder {
1951 /* Internet Explorer 10-11 */
1952 color: #ccc;
1953 }
1954 #create-campaign-form input[type=text]::-ms-input-placeholder {
1955 /* Microsoft Edge */
1956 color: #ccc;
1957 }
1958
1959 /* admin menu - licrnse update 2022 */
1960 div#charitable-settings {
1961 /* attempt to get buttons more in line */
1962 }
1963 div#charitable-settings table.form-table tbody tr.section-heading th {
1964 /* padding: 30px 0 5px 0; */
1965 }
1966 div#charitable-settings table.form-table tbody tr.section-heading th h4 {
1967 font-size: 20px;
1968 font-weight: 700;
1969 margin: 0 0 6px 0;
1970 }
1971 div#charitable-settings table.form-table tbody tr.section-heading p {
1972 margin-bottom: 0;
1973 }
1974 div#charitable-settings table.form-table tbody tr.section-heading.dangerous-settings th h4 {
1975 color: red;
1976 }
1977 div#charitable-settings table.form-table tbody tr.section-heading.dangerous-settings th:first-child {
1978 width: inherit;
1979 }
1980 div#charitable-settings table.form-table tbody tr th {
1981 padding: 5px 0;
1982 }
1983 div#charitable-settings table.form-table tbody tr th h4 {
1984 font-size: 20px;
1985 font-weight: 700;
1986 margin: 10px 0 6px 0;
1987 line-height: 20px;
1988 }
1989 div#charitable-settings table.form-table tbody tr th[scope=row] h4 {
1990 font-weight: normal;
1991 font-size: inherit;
1992 }
1993 div#charitable-settings table.form-table tbody tr td p {
1994 margin: 0 0 10px 0;
1995 }
1996 div#charitable-settings table.form-table tbody tr:first-child th:first-child {
1997 width: auto;
1998 }
1999 div#charitable-settings table.form-table tbody tr:first-child th[scope=row] h4 {
2000 font-size: 20px;
2001 font-weight: 700;
2002 margin: 10px 0 6px 0;
2003 line-height: 20px;
2004 }
2005 div#charitable-settings table.form-table tbody tr.section-subheading th h4 {
2006 font-size: 20px;
2007 font-weight: 700;
2008 margin: 10px 0 6px 0;
2009 line-height: 20px;
2010 }
2011 div#charitable-settings table.form-table tr input[type=text],
2012 div#charitable-settings table.form-table tr input[type=email],
2013 div#charitable-settings table.form-table tr input[type=password],
2014 div#charitable-settings table.form-table tr select {
2015 background-color: #f9f9fa;
2016 color: #52545f;
2017 border-color: #e4e4e7;
2018 border-radius: 3px;
2019 box-shadow: none;
2020 display: inline-block;
2021 vertical-align: middle;
2022 padding: 7px 24px 7px 12px;
2023 margin: 0 10px 0 0;
2024 min-height: 35px;
2025 font-size: 13px;
2026 line-height: 29px;
2027 font-weight: 500;
2028 }
2029 div#charitable-settings table.form-table tr.general-settings input[type=text],
2030 div#charitable-settings table.form-table tr.general-settings input[type=password],
2031 div#charitable-settings table.form-table tr.general-settings select {
2032 min-width: 400px;
2033 }
2034 div#charitable-settings table.form-table tr.restrict-radio ul.charitable-radio-list.charitable-settings-field {
2035 width: 50%;
2036 }
2037 div#charitable-settings table.form-table tr.restrict-radio ul.charitable-radio-list li {
2038 display: block;
2039 font-size: 14px;
2040 }
2041 div#charitable-settings .green {
2042 color: green;
2043 }
2044 div#charitable-settings input#charitable-settings-upgrade-license-key:read-only {
2045 opacity: 0.4;
2046 }
2047 div#charitable-settings .license-message.license-valid- button.charitable-btn-deactivate, div#charitable-settings .license-message.license-valid-false button.charitable-btn-deactivate {
2048 display: none;
2049 }
2050 div#charitable-settings .charitable-btn {
2051 border: 1px;
2052 border-top-color: currentcolor;
2053 border-top-style: none;
2054 border-right-color: currentcolor;
2055 border-right-style: none;
2056 border-bottom-color: currentcolor;
2057 border-bottom-style: none;
2058 border-left-color: currentcolor;
2059 border-left-style: none;
2060 border-style: solid;
2061 border-radius: 3px;
2062 cursor: pointer;
2063 display: inline-block;
2064 margin: 0;
2065 margin-right: 0;
2066 text-decoration: none;
2067 text-align: center;
2068 vertical-align: middle;
2069 white-space: nowrap;
2070 box-shadow: none;
2071 border-radius: 7px;
2072 }
2073 div#charitable-settings .charitable-btn-md {
2074 font-size: 13px;
2075 font-weight: 600;
2076 padding: 8px 12px;
2077 min-height: 39px;
2078 }
2079 div#charitable-settings .charitable-btn-orange {
2080 background-color: #e27730;
2081 border-color: #e27730;
2082 color: #fff;
2083 }
2084 div#charitable-settings .charitable-btn-orange:hover:not(:disabled) {
2085 background-color: #c96528;
2086 border-color: #c96528;
2087 color: #fff;
2088 }
2089 div#charitable-settings .charitable-btn-green {
2090 background-color: #5aa152;
2091 border-color: #5aa152;
2092 color: #fff;
2093 }
2094 div#charitable-settings .charitable-btn-green:hover:not(:disabled) {
2095 background-color: #4c8a45;
2096 border-color: #4c8a45;
2097 color: #fff;
2098 }
2099 div#charitable-settings p.submit .button.button-secondary {
2100 border-radius: 5px;
2101 font-family: "Inter", sans-serif;
2102 font-weight: 600;
2103 font-size: 14px;
2104 line-height: 14px;
2105 padding: 15px 20px;
2106 text-transform: capitalize;
2107 height: auto;
2108 }
2109 div#charitable-settings .charitable-setting-row button {
2110 margin-right: 10px;
2111 }
2112
2113 body.charitable-admin-settings div.jconfirm *,
2114 body.charitable-admin-settings div.jconfirm *::before,
2115 body.charitable-admin-settings div.jconfirm *::after {
2116 -webkit-box-sizing: border-box;
2117 -moz-box-sizing: border-box;
2118 box-sizing: border-box;
2119 }
2120
2121 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box {
2122 display: grid;
2123 grid-template-columns: repeat(2, 1fr);
2124 justify-items: center;
2125 animation: none;
2126 background: #ffffff;
2127 border-radius: 6px;
2128 border-top-style: solid;
2129 border-top-width: 4px;
2130 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
2131 padding-top: 34px;
2132 max-width: 400px;
2133 }
2134 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c,
2135 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane,
2136 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons {
2137 grid-column: 1/-1;
2138 text-align: center;
2139 }
2140 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default {
2141 border-top-width: 0;
2142 padding-top: 25px;
2143 }
2144 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c {
2145 margin-bottom: 20px;
2146 }
2147 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c .jconfirm-icon-c {
2148 font-size: 44px;
2149 margin-bottom: -6px;
2150 }
2151 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm {
2152 background-color: #e27730;
2153 border-color: #e27730;
2154 }
2155 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm:hover {
2156 background-color: #cd6622;
2157 border-color: #cd6622;
2158 }
2159 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red {
2160 border-top-color: #d63638 !important;
2161 }
2162 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
2163 color: #d63638 !important;
2164 }
2165 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm {
2166 background-color: #d63638;
2167 border-color: #d63638;
2168 }
2169 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm:hover {
2170 background-color: #b32d2e;
2171 border-color: #b32d2e;
2172 }
2173 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange {
2174 border-top-color: #e27730 !important;
2175 }
2176 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
2177 color: #e27730 !important;
2178 }
2179 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm {
2180 background-color: #e27730;
2181 border-color: #e27730;
2182 }
2183 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm:hover {
2184 background-color: #cd6622;
2185 border-color: #cd6622;
2186 }
2187 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow {
2188 border-top-color: #ffb900 !important;
2189 }
2190 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow .jconfirm-title-c .jconfirm-icon-c {
2191 color: #ffb900 !important;
2192 }
2193 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm {
2194 background-color: #ffb900;
2195 border-color: #ffb900;
2196 }
2197 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm:hover {
2198 background-color: #ffaa00;
2199 border-color: #ffaa00;
2200 }
2201 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue {
2202 border-top-color: #0399ed !important;
2203 }
2204 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
2205 color: #0399ed !important;
2206 }
2207 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm {
2208 background-color: #0399ed;
2209 border-color: #0399ed;
2210 }
2211 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm:hover {
2212 background-color: #036aab;
2213 border-color: #036aab;
2214 }
2215 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green {
2216 border-top-color: #00a32a !important;
2217 }
2218 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
2219 color: #00a32a !important;
2220 }
2221 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm {
2222 background-color: #00a32a;
2223 border-color: #00a32a;
2224 }
2225 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm:hover {
2226 background-color: #008a20;
2227 border-color: #008a20;
2228 }
2229 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple {
2230 border-top-color: #7a30e2 !important;
2231 }
2232 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
2233 color: #7a30e2 !important;
2234 }
2235 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm {
2236 background-color: #7a30e2;
2237 border-color: #7a30e2;
2238 }
2239 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm:hover {
2240 background-color: #5c24a9;
2241 border-color: #5c24a9;
2242 }
2243 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon {
2244 color: transparent;
2245 font-family: FontAwesome;
2246 height: 14px;
2247 opacity: 1;
2248 right: 10px;
2249 top: 10px;
2250 width: 14px;
2251 }
2252 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:after {
2253 color: #bbbbbb;
2254 content: "\f00d";
2255 font-size: 16px;
2256 left: 0;
2257 position: absolute;
2258 top: 0;
2259 }
2260 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:hover:after {
2261 color: #777777 !important;
2262 }
2263 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c {
2264 margin: 0 0 20px 0;
2265 padding: 0;
2266 font-weight: 600;
2267 }
2268 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
2269 font-size: 47px;
2270 margin: 0;
2271 -ms-transform: none !important;
2272 transform: none !important;
2273 -webkit-transition: none !important;
2274 transition: none !important;
2275 }
2276 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c + .jconfirm-title {
2277 margin-top: 20px;
2278 }
2279 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-title {
2280 color: #444444;
2281 display: block;
2282 line-height: 30px;
2283 }
2284 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane {
2285 display: block;
2286 margin-bottom: 20px;
2287 }
2288 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content {
2289 color: #444444;
2290 font-size: 16px;
2291 line-height: 24px;
2292 margin-bottom: 0;
2293 overflow: inherit;
2294 }
2295 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content.lite-upgrade p {
2296 color: #777777;
2297 font-size: 18px;
2298 padding: 0 20px;
2299 }
2300 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p {
2301 font-size: inherit;
2302 line-height: inherit;
2303 margin: 0 0 16px;
2304 }
2305 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p:last-of-type {
2306 margin: 0;
2307 }
2308 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.large {
2309 font-size: 18px;
2310 }
2311 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.small {
2312 font-size: 14px;
2313 }
2314 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=text],
2315 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=number],
2316 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=email],
2317 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=url],
2318 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=password],
2319 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=search],
2320 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=tel],
2321 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content textarea,
2322 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content select {
2323 margin: 10px 2px;
2324 width: calc(100% - 4px);
2325 }
2326 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .already-purchased {
2327 display: block;
2328 grid-row: 5;
2329 grid-column: 1/-1;
2330 color: #bbbbbb;
2331 font-size: 14px;
2332 margin-top: 15px;
2333 text-decoration: underline;
2334 text-align: center;
2335 }
2336 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .already-purchased:hover {
2337 color: #777777;
2338 text-decoration: underline;
2339 }
2340 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .discount-note {
2341 grid-row: 4;
2342 grid-column: 1/-1;
2343 margin: 25px 0 0 0;
2344 text-align: center;
2345 }
2346 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .discount-note p {
2347 background-color: #fcf9e8;
2348 color: #777777;
2349 font-size: 16px;
2350 margin: 0 -30px;
2351 padding: 22px 52px 12px 52px;
2352 position: relative;
2353 }
2354 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .discount-note p:after {
2355 top: -16px;
2356 background-color: #ffffff;
2357 border-radius: 50%;
2358 color: #00a32a;
2359 content: "\f058";
2360 display: inline-block;
2361 font: normal normal normal 14px FontAwesome;
2362 font-size: 26px;
2363 margin-right: -18px;
2364 padding: 5px 6px;
2365 position: absolute;
2366 right: 50%;
2367 text-rendering: auto;
2368 -webkit-font-smoothing: antialiased;
2369 -moz-osx-font-smoothing: grayscale;
2370 }
2371 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .discount-note span {
2372 color: #00a32a;
2373 font-weight: 700;
2374 }
2375 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .discount-note a {
2376 color: #777777;
2377 display: block;
2378 margin-top: 12px;
2379 }
2380 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .feature-video {
2381 margin: 30px 0 0 0;
2382 }
2383 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .pro-feature-video {
2384 margin: 15px 0 10px 0;
2385 }
2386 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box input[type=text]:not(.choices__input) {
2387 display: block;
2388 width: 99%;
2389 border: 1px solid #d6d6d6;
2390 padding: 10px !important;
2391 box-shadow: none;
2392 margin: 10px 1px 1px 1px !important;
2393 line-height: 1 !important;
2394 outline: 0;
2395 }
2396 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box input[type=text]:not(.choices__input):focus {
2397 border-color: #007cba;
2398 box-shadow: 0 0 0 1px #007cba;
2399 }
2400 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons {
2401 margin-top: -10px;
2402 }
2403 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button {
2404 min-width: 83px;
2405 background: #f8f8f8;
2406 border: 1px solid #cccccc;
2407 border-radius: 4px;
2408 color: #777777;
2409 font-size: 16px;
2410 font-weight: 600;
2411 line-height: 20px;
2412 outline: none;
2413 padding: 11px 17px;
2414 text-transform: none;
2415 margin: 10px;
2416 transition-property: all;
2417 transition-duration: 0.15s;
2418 transition-timing-function: ease-out;
2419 }
2420 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button:hover {
2421 background: #eeeeee;
2422 border-color: #cccccc;
2423 }
2424 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button[disabled] {
2425 cursor: no-drop;
2426 pointer-events: none;
2427 opacity: 0.25;
2428 }
2429 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-confirm {
2430 color: #ffffff;
2431 }
2432 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.hidden + button {
2433 margin-left: 0;
2434 margin-right: 0;
2435 }
2436 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-block {
2437 display: block;
2438 margin: 0 0 10px 0 !important;
2439 text-align: center;
2440 width: 100%;
2441 }
2442 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-normal-case {
2443 text-transform: none !important;
2444 }
2445 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button i {
2446 margin: 0 10px 0 0;
2447 }
2448 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .error {
2449 color: #d63638;
2450 display: none;
2451 }
2452
2453 /* cta settings */
2454 .charitable-report-table-container-wrapper {
2455 position: relative;
2456 }
2457
2458 .charitable-cta-lite-to-pro {
2459 max-width: 1000px;
2460 border: 1px solid #dadada;
2461 padding: 0 !important;
2462 background-color: #fff;
2463 background-image: url("../../images/lite-to-pro/cta.png");
2464 background-size: 100%;
2465 background-repeat: no-repeat;
2466 background-position: 500px 0;
2467 }
2468 .charitable-cta-lite-to-pro .charitable-cta-content {
2469 margin-top: 40px !important;
2470 display: flex;
2471 flex-wrap: wrap;
2472 flex-direction: row;
2473 width: 100%;
2474 justify-content: space-between;
2475 align-items: center;
2476 gap: 50px;
2477 }
2478 .charitable-cta-lite-to-pro .charitable-cta-content h5 {
2479 font-size: 20px;
2480 line-height: 24px;
2481 font-weight: 700;
2482 margin: 0px 0 10px 0;
2483 }
2484 .charitable-cta-lite-to-pro .charitable-cta-content > div {
2485 flex: 1.5;
2486 }
2487 .charitable-cta-lite-to-pro .charitable-cta-content > div:first-child {
2488 flex: 1.5;
2489 }
2490 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left {
2491 padding: 0px 25px 0px 25px;
2492 }
2493 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left .charitable-cta-list {
2494 margin: 20px 0 0 0 !important;
2495 }
2496 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left .charitable-cta-list ul {
2497 display: flex;
2498 margin-bottom: 20px !important;
2499 float: none !important;
2500 flex-direction: row;
2501 justify-content: space-between;
2502 align-items: center;
2503 flex-wrap: wrap;
2504 width: 100% !important;
2505 padding: 10px 0;
2506 gap: 10px;
2507 }
2508 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left .charitable-cta-list ul li {
2509 margin: 0 0 10px 0 !important;
2510 padding: 0 0 0 30px !important;
2511 color: #555;
2512 font-size: 13px;
2513 line-height: 14px;
2514 position: relative;
2515 width: calc(50% - 40px);
2516 }
2517 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left .charitable-cta-list ul li:before {
2518 content: "✓" !important;
2519 position: absolute;
2520 width: 16px;
2521 height: 16px;
2522 background: transparent;
2523 border: 2px solid #218900;
2524 border-radius: 50%;
2525 display: inline-flex;
2526 align-items: center;
2527 justify-content: center;
2528 color: #218900;
2529 font-size: 10px;
2530 left: 0;
2531 top: 2px;
2532 }
2533 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left a.button-primary {
2534 background-color: #218900;
2535 color: #fff;
2536 border: none;
2537 font-weight: 600;
2538 padding: 15px 20px !important;
2539 border-radius: 5px !important;
2540 line-height: normal !important;
2541 min-height: 50px !important;
2542 height: 50px !important;
2543 }
2544 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left a.button-primary:hover {
2545 background-color: #1a6d00;
2546 }
2547 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-featured-image {
2548 display: flex;
2549 }
2550 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-featured-image img {
2551 width: 100%;
2552 height: 120%;
2553 object-fit: cover;
2554 max-width: 100%;
2555 border: 1px solid #dadada;
2556 }
2557 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-button-container {
2558 display: flex;
2559 justify-content: start;
2560 align-items: center;
2561 flex-direction: row;
2562 gap: 20px;
2563 }
2564 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-button-container p {
2565 color: #555;
2566 }
2567 .charitable-cta-lite-to-pro.no-close-button .charitable-cta-content {
2568 margin-top: 30px !important;
2569 margin-bottom: 20px !important;
2570 }
2571
2572 body.charitable_page_charitable-reports .charitable-cta-lite-to-pro {
2573 max-width: 100%;
2574 margin-left: auto;
2575 margin-right: auto;
2576 overflow: hidden;
2577 background-image: none !important;
2578 }
2579 body.charitable_page_charitable-reports .charitable-cta-lite-to-pro .charitable-cta-content {
2580 padding-bottom: 20px !important;
2581 }
2582 body.charitable_page_charitable-reports .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left ul li:before {
2583 top: -1px !important;
2584 }
2585 body.charitable_page_charitable-reports .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-featured-image {
2586 display: none !important;
2587 }
2588
2589 body.charitable_page_charitable-addons .charitable-cta-lite-to-pro,
2590 body.charitable_page_charitable-dashboard .charitable-cta-lite-to-pro {
2591 max-width: 1000px;
2592 overflow: hidden;
2593 }
2594 body.charitable_page_charitable-addons .charitable-cta-lite-to-pro .charitable-cta-content,
2595 body.charitable_page_charitable-dashboard .charitable-cta-lite-to-pro .charitable-cta-content {
2596 justify-content: flex-start;
2597 }
2598 body.charitable_page_charitable-addons .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left,
2599 body.charitable_page_charitable-dashboard .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left {
2600 margin-bottom: -10px !important;
2601 }
2602 body.charitable_page_charitable-addons .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-featured-image,
2603 body.charitable_page_charitable-dashboard .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-featured-image {
2604 max-height: 400px;
2605 }
2606 body.charitable_page_charitable-addons .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-featured-image img,
2607 body.charitable_page_charitable-dashboard .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-featured-image img {
2608 max-height: 100%;
2609 }
2610
2611 @media (max-width: 1100px) {
2612 .charitable-cta-lite-to-pro {
2613 background-image: none;
2614 }
2615 .charitable-cta-lite-to-pro .charitable-cta-content {
2616 flex-direction: column;
2617 }
2618 }
2619 #charitable-reports .reports-lite-cta {
2620 position: absolute !important;
2621 z-index: 9999999;
2622 top: 50%;
2623 left: 0;
2624 right: 0;
2625 transform: translateY(-50%);
2626 margin: 25px 25px 125px 25px !important;
2627 }
2628
2629 #charitable-reports .dashboard-lite-cta {
2630 position: relative !important;
2631 margin: 0 !important;
2632 transform: none !important;
2633 }
2634
2635 #charitable-reports .reports-lite-cta .list {
2636 margin: 0 0 16px 0;
2637 overflow: auto;
2638 max-width: 900px;
2639 }
2640 #charitable-reports .reports-lite-cta .green {
2641 color: #218900;
2642 font-weight: 600;
2643 }
2644 #charitable-reports .reports-lite-cta .fa-star {
2645 color: #ff982d;
2646 }
2647
2648 #charitable-settings .settings-lite-cta ul li {
2649 margin: 0;
2650 padding: 0 0 2px 16px;
2651 color: #555;
2652 font-size: 14px;
2653 position: relative;
2654 }
2655 #charitable-settings .settings-lite-cta ul li:before {
2656 content: "+";
2657 position: absolute;
2658 top: -1px;
2659 left: 0;
2660 }
2661 #charitable-settings .settings-lite-cta .list {
2662 margin: 0 0 16px 0;
2663 overflow: auto;
2664 max-width: 900px;
2665 }
2666 #charitable-settings .settings-lite-cta .green {
2667 color: #218900;
2668 font-weight: 600;
2669 }
2670 #charitable-settings .settings-lite-cta .fa-star {
2671 color: #ff982d;
2672 }
2673 #charitable-settings .tablenav .tablenav-pages a,
2674 #charitable-settings .tablenav .tablenav-pages .tablenav-pages-navspan {
2675 min-width: 28px;
2676 height: auto;
2677 }
2678
2679 .charitable-admin-wrap #charitable-settings .notice {
2680 margin-left: 0 !important;
2681 margin-right: 0 !important;
2682 }
2683
2684 /* settings */
2685 select#charitable_settings_import_donations {
2686 margin-bottom: 10px;
2687 width: 100%;
2688 }
2689
2690 .form-table td p.top-label {
2691 margin-bottom: 10px;
2692 }
2693
2694 th .badge,
2695 body.post-type-charitable .postbox h2 .badge {
2696 display: inline-block;
2697 padding: 0.25em 0.4em;
2698 font-size: 75%;
2699 font-weight: 700;
2700 line-height: 11px;
2701 text-align: center;
2702 white-space: nowrap;
2703 vertical-align: baseline;
2704 border-radius: 0.25rem;
2705 }
2706 th .badge.beta,
2707 body.post-type-charitable .postbox h2 .badge.beta {
2708 color: #fff;
2709 background-color: #007bff;
2710 }
2711
2712 /* admin tools */
2713 .charitable-setting-dropdown-container,
2714 .charitable-setting-file-container {
2715 margin-bottom: 10px;
2716 margin-top: 5px;
2717 }
2718
2719 form.form-contains-file.charitable-import-campaign-donations-form {
2720 margin-top: 5px;
2721 }
2722
2723 form.form-contains-file {
2724 margin-top: 15px;
2725 }
2726 form.form-contains-file input[type=file].charitable-settings-field {
2727 font-size: 14px;
2728 }
2729
2730 .charitable-setting-file-container {
2731 display: flex;
2732 align-items: center;
2733 justify-content: flex-start;
2734 max-width: 650px;
2735 margin-top: -5px;
2736 }
2737 .charitable-setting-file-container input[type=file] {
2738 padding: 4px;
2739 margin: -4px;
2740 position: relative;
2741 outline: none;
2742 }
2743 .charitable-setting-file-container input[type=file]::file-selector-button {
2744 border-radius: 4px;
2745 padding: 0 16px;
2746 height: 40px;
2747 cursor: pointer;
2748 background-color: white;
2749 border: 1px solid rgba(0, 0, 0, 0.16);
2750 box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
2751 margin-right: 16px;
2752 width: 132px;
2753 color: transparent;
2754 }
2755 @supports (-moz-appearance: none) {
2756 .charitable-setting-file-container input[type=file]::file-selector-button {
2757 color: #0964B0;
2758 }
2759 }
2760 .charitable-setting-file-container input[type=file]::file-selector-button:hover {
2761 background-color: #f3f4f6;
2762 }
2763 .charitable-setting-file-container input[type=file]::file-selector-button:active {
2764 background-color: #e5e7eb;
2765 }
2766 .charitable-setting-file-container input[type=file]::before {
2767 position: absolute;
2768 pointer-events: none;
2769 top: 11px;
2770 left: 16px;
2771 height: 20px;
2772 width: 20px;
2773 content: "";
2774 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E");
2775 }
2776 .charitable-setting-file-container input[type=file]::after {
2777 position: absolute;
2778 pointer-events: none;
2779 top: 10px;
2780 left: 43px;
2781 color: #0964B0;
2782 content: "Upload File";
2783 }
2784 .charitable-setting-file-container input[type=file]:focus-within::file-selector-button,
2785 .charitable-setting-file-container input[type=file]:focus::file-selector-button {
2786 outline: 2px solid #0964B0;
2787 outline-offset: 2px;
2788 }
2789
2790 /* donation history */
2791 table.charitable-donor-history-table td p {
2792 margin: 0;
2793 }
2794
2795 body.charitable-admin-reports-dashboard #charitable-reports .reports-lite-cta,
2796 body.charitable-admin-settings #charitable-settings .settings-lite-cta {
2797 position: relative !important;
2798 top: 0;
2799 transform: none !important;
2800 margin-left: 0 !important;
2801 }
2802
2803 #charitable-reports .reports-lite-cta .dismiss,
2804 #charitable-settings .settings-lite-cta .dismiss {
2805 position: absolute;
2806 top: 10px;
2807 right: 10px;
2808 color: #666;
2809 font-size: 16px;
2810 text-decoration: none;
2811 }
2812
2813 #charitable-reports .reports-lite-cta h5,
2814 #charitable-settings .settings-lite-cta h5 {
2815 margin: 0 0 16px;
2816 font-size: 18px;
2817 font-weight: 600;
2818 line-height: 24px;
2819 }
2820
2821 #charitable-reports .reports-lite-cta h6,
2822 #charitable-settings .settings-lite-cta h6 {
2823 font-weight: 700;
2824 font-size: 14px;
2825 margin: 0 0 16px;
2826 }
2827
2828 #charitable-reports .reports-lite-cta p,
2829 #charitable-settings .settings-lite-cta p {
2830 color: #555;
2831 font-size: 14px;
2832 margin: 0 0 16px;
2833 }
2834
2835 #charitable-reports .reports-lite-cta p:last-of-type,
2836 #charitable-settings .settings-lite-cta p:last-of-type {
2837 margin: 0;
2838 }
2839
2840 #charitable-reports .reports-lite-cta p a,
2841 #charitable-settings .settings-lite-cta p a {
2842 color: #e27730;
2843 }
2844
2845 #charitable-reports .reports-lite-cta p a:hover,
2846 #charitable-settings .settings-lite-cta p a:hover {
2847 color: #b85a1b;
2848 }
2849
2850 #charitable-reports .reports-lite-cta ul,
2851 #charitable-settings .settings-lite-cta ul {
2852 margin: 0;
2853 padding: 0;
2854 width: 50%;
2855 float: left;
2856 }
2857
2858 /* PayPal Commerce settings page — scoped via body class added by */
2859 /* charitable_paypal_commerce_admin_body_class() in charitable-paypal-commerce-hooks.php. */
2860 body.charitable-paypal-commerce-settings div#charitable-settings table.form-table tbody tr.section-heading th[scope=row] h4 {
2861 margin: 10px 0 10px 0;
2862 padding: 0 !important;
2863 /* When a description <p> follows the heading, collapse the h4 */
2864 /* bottom margin so the <p> spacing takes over. */
2865 }
2866 body.charitable-paypal-commerce-settings div#charitable-settings table.form-table tbody tr.section-heading th[scope=row] h4:has(+ p) {
2867 margin-bottom: 0;
2868 }
2869 body.charitable-paypal-commerce-settings div#charitable-settings table.form-table tbody tr.section-heading th[scope=row] p {
2870 font-weight: 400;
2871 margin: 4px 0 16px 0;
2872 padding: 0 !important;
2873 }
2874