PluginProbe
Taskbuilder – Project Management & Task Management Tool With Kanban Board / 3.0.0
Taskbuilder – Project Management & Task Management Tool With Kanban Board v3.0.0
6.0.5 6.0.2 6.0.3 6.0.4 6.0.1 6.0.0 5.0.8 5.0.9 4.0.9 5.0.0 5.0.1 5.0.2 5.0.3 5.0.4 5.0.5 5.0.6 5.0.7 trunk 1.0.0 1.0.1 1.0.2 1.0.3 1.0.4 1.0.5 1.0.6 All 57 releases
taskbuilder / asset / css / admin.css

admin.css in Taskbuilder – Project Management & Task Management Tool With Kanban Board 3.0.0, at asset/css/admin.css

1,380 lines 28.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wppm-heading-inline{
2 display:inline-block;
3 margin-right:5px;
4 margin-bottom: 0;
5 padding: 9px 0 4px 0;
6 line-height: 1.3;
7 font: 22px "OpenSans-Light",Helvetica,Arial,sans-serif;
8 }
9 .wppm_table_header{
10 font-weight: normal;
11 font-size: 14px;
12 font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
13 }
14 .wppm_admin_logo{
15 margin-right:5px !important;
16 }
17 .mce-window.mce-in, .mce-menu.mce-in.mce-animate{
18 z-index: 900000000001 !important;;
19 }
20 .wppm-add-new-btn{
21 padding: 4px 8px;
22 position: relative;
23 top: -3px;
24 text-decoration: none;
25 border: 1px solid #0071a1;
26 border-radius: 2px;
27 text-shadow: none;
28 font-weight: 600;
29 font-size: 13px;
30 line-height: normal;
31 color: #0071a1;
32 background: #f3f5f6;
33 cursor: pointer;
34 display: inline-block;
35 }
36 .wppm_loading_icon img{
37 margin-left: auto;
38 margin-right: auto;
39 margin-top: auto;
40 display: block;
41 margin-bottom: auto;
42 }
43 #wppm_project_container .wppm_loading_icon, #wppm_task_container .wppm_loading_icon{
44 margin-top: 118px;
45 }
46 .wppm_bootstrap .dataTables_wrapper .dataTables_length select{
47 padding: 0 24px 0 8px !important;
48 }
49 #wppm_add_new_project_frm{
50 position: relative;
51 min-width: 100px;
52 border: 1px solid #ccd0d4;
53 box-shadow: 0 1px 1px rgba(0,0,0,.04);
54 background: #fff;
55 }
56 input[type=text]{
57 box-shadow: 0 0 0 transparent;
58 border-radius: 4px;
59 border: 1px solid #7e8993;
60 background-color: #fff;
61 color: #32373c;
62 }
63 .wppm-button {
64 display: inline-block;
65 text-decoration: none;
66 font-size: 13px;
67 line-height: 26px;
68 height: 28px;
69 margin: 0;
70 padding: 0 10px 1px;
71 cursor: pointer;
72 border-radius: 3px;
73 white-space: nowrap;
74 box-sizing: border-box;
75 border: none;
76 }
77 .wppm-primary {
78 background: #1A9ED4;
79 color: #fff;
80 }
81 .wppm-primary:hover {
82 color: #fff;
83 }
84 .wppm_table{
85 background: #fff;
86 box-shadow: 0 1px 1px rgba(0,0,0,.04);
87 border-spacing: 0;
88 width: 100%;
89 clear: both;
90 margin-top: 10px;
91 display: table;
92 border-collapse: separate;
93 color: #444;
94 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
95 font-size: 13px;
96 line-height: 1.4em;
97 max-width:100%;
98 }
99 .wppm_table th{
100 border-bottom: 1px solid #555c64;
101 line-height: 2.2em;
102 font-weight: 400;
103 text-align: left;
104 font-size: 14px;
105 display: table-cell;
106 vertical-align: inherit;
107 background-color:#304FFE;
108 color: #FFFFFF;
109 width:2.2em;
110 padding:0 0 0 3px;
111 }
112 .wppm_table td{
113 vertical-align: middle;
114 padding: 5px 0 5px 2px;
115 width: 2.2em;
116 color: #32373c;
117 font-weight: 400;
118 text-align: left;
119 line-height: 1.3em;
120 font-size: 14px;
121 display: table-cell;
122 white-space: normal;
123 }
124 .wppm_table tbody{
125 word-wrap: break-word;
126 display: table-row-group;
127 vertical-align: middle;
128 border-color: inherit;
129 background-color: #ffffff;
130 color: #444;
131 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
132 font-size: 13px;
133 line-height: 1.4em;
134 white-space: normal;
135 }
136 .wppm_table tr:hover{
137 background-color:#f5f5f5;
138 cursor: pointer;
139 }
140 .wppm_table tr{
141 display: table-row;
142 vertical-align: middle;
143 }
144 #wppm_project_table tr:nth-child(even){
145 background-color: #f2f2f2;
146 }
147 #wppm_project_table td{
148 font-weight: 400;
149 font-family: "Nunito", "Segoe UI", arial;
150 border: none !important;
151 white-space: normal;
152 }
153 #wppm_project_table th{
154 border: none !important;
155 }
156 .wppm_thread,.wppm_proj_thread{
157 background-color: #FFFFFF;
158 color: #000000;
159 border-color: #C3C3C3;
160 display: table;
161 padding: 10px;
162 background-color: #FFFFFF;
163 border-radius: 5px;
164 margin-bottom: 20px;
165 margin-top: 10px;
166 }
167 .wppm_thread_avatar{
168 display: table-cell;
169 vertical-align: top;
170 width: 40px;
171 padding: 5px 5px 5px 10px;
172 }
173 .wppm_thread_body{
174 display: table-cell;
175 vertical-align: top;
176 padding: 0 15px 5px 15px;
177 width: 100%;
178 }
179 .wppm_thread_user_name{
180 margin-bottom: 10px;
181 font: 15px "Helvetica Neue",Helvetica,Arial,sans-serif;
182 }
183 #wppm_load_individual_project{
184 border-radius: 4px;
185 color: #2C3E50;
186 min-height: 300px;
187 width: 99%;
188 margin-top: 25px;
189 padding-left: 15px;
190 }
191 .wppm_sidebar_labels{
192 font-size: 12px;
193 margin: 10px 0;
194 cursor: pointer;
195 overflow: hidden;
196 color: #9c9c9c;
197 }
198 .wppm_label_info{
199 margin-right: 5px;
200 font-size: 12;
201 font-weight: 400;
202 }
203 .wppm_sidebar .wppm_body{
204 padding-top: 20px;
205 }
206 .wppm_body {
207 padding-left: 0px;
208 }
209 .wppm_sidebar .row{
210 background-color: #fff;
211 padding: 0 15px;
212 border-radius: 4px;
213 margin-bottom: 15px;
214 }
215 #wppm_project_status_widget{
216 margin-top: 10px;
217 border: 1px solid #eee !important;
218 }
219 .wppm_widget{
220 display: flex;
221 flex-direction: column;
222 width: 100%;
223 min-width: 100%;
224 max-width: 100%;
225 box-sizing: border-box;
226 margin-bottom: 15px;
227 border: 1px solid #eee !important;
228 }
229 .wppm-widget-header {
230 display: flex;
231 align-items: center;
232 padding: 10px;
233 }
234 .wppm-widget-header span {
235 display: flex;
236 align-items: center;
237 margin-left: 5px;
238 cursor: pointer;
239 }
240 .wppm-widget-header h4 {
241 flex-grow: 1;
242 margin: 0px !important;
243 }
244 .wppm-widget-body {
245 display: flex;
246 flex-direction: column;
247 padding: 10px 10px 0;
248 }
249 .wppm-btn{
250 padding: 5px 10px;
251 border-radius: 20px;
252 font-size: 14px;
253 margin-left:20px;
254 background-color: #5067c5;
255 color:#ffffff!important;
256 border: 1px;
257 }
258 .wppm-btn-cancel{
259 padding: 5px 10px;
260 border-radius: 14px;
261 font-size: 14px;
262 margin-left:20px;
263 background: linear-gradient(135deg, #ffffff, #ffffff);
264 color:#000000;
265 border: 1px solid #C3C3C3;
266 }
267 .wppm_admin_label{
268 border-radius: 30px;
269 font-weight: bold;
270 padding: 5px 10px;
271 font-size: 10px;
272 }
273 .wppm_section_title{
274 display:inline-block;
275 margin-right:20px;
276 font-size: 23px;
277 font-weight: 400;
278 margin-bottom: 0;
279 padding: 9px 0 4px 0;
280 line-height: 1.3;
281 }
282 #wppm_task_table{
283 width:100%;
284 background-color: #FFFFFF;
285 cursor: pointer;
286 }
287 #wppm_task_table tr:nth-child(even){
288 background-color: #f2f2f2;
289 }
290 #wppm_task_table td{
291 /* border: 1px solid #f2f2f2; */
292 font-weight: 400;
293 font-family: "Nunito", "Segoe UI", arial;
294 border: none !important;
295 white-space: normal;
296 }
297 #wppm_task_table th{
298 border: none !important;
299 }
300 #wppm_task_table_container{
301 padding:15px;
302 }
303 .wppm_status{
304 background-color: aqua;
305 border-radius: 30px;
306 padding: 3px 5px 3px 5px;
307 color: #FFFFFF;
308 font-weight: 600;
309 letter-spacing: .3px;
310 font-size: 10px;
311 display: inline-block;
312 text-align: center;
313 line-height: 1;
314 }
315 .wppm_category{
316 background-color: red;
317 border-radius: 30px;
318 padding: 3px 5px 3px 5px;
319 color: #FFFFFF;
320 font-weight: 600;
321 letter-spacing: .3px;
322 font-size: 10px;
323 display: inline-block;
324 text-align: center;
325 line-height: 1;
326
327 }
328 .avatar{
329 border-radius: 50%;
330 border: 2px solid #FFF;
331 margin-left: -12px;
332 border: 2px solid #FFF;
333 }
334 .wppm_action_btn{
335 background-color: #FFF;
336 color: #383333 !important;
337 margin-bottom: 3px !important;
338 }
339 /***
340 * Filter display css start
341 */
342 .wppm_filter_display_container{
343 list-style-type: none !important;
344 width: 100% !important;
345 margin: 0 !important;
346 float: left;
347 }
348 .wppm_filter_display_element{
349 max-width: 300px !important;
350 float: left;
351 margin: 3px 3px 3px 0 !important;
352 }
353 .wppm_filter_display_element .flex-container{
354 display: flex;
355 border-radius: 4px;
356 background-color:#1E90FF;
357 color:#fff;
358 font-size: 10px;
359 }
360 .wppm_filter_display_text{
361 max-width: 280px !important;
362 padding: 5px;
363 }
364 .wppm_filter_display_remove{
365 width: 20px !important;
366 padding: 6px;
367 cursor: pointer;
368 }
369 .wppm_padding_space{
370 padding-top: 20px;
371 }
372 .wppm_setting_col2{
373 background-color: #fff;
374 width: 62% !important;
375 padding: 20px;
376 border-radius: 20px;
377 }
378 .wppm_padding_space{
379 padding-top: 20px;
380 }
381 .wppm-sortable-handle,.wppm-sortable-edit,.wppm-sortable-delete,.wppm-sortable-clone{
382 cursor: pointer;
383 width: 25px;
384 }
385 .wppm-sortable-label{
386 width: 220px;
387 }
388 .wppm-flex-container {
389 display: flex;
390 border-radius: 5px;
391 max-width: 320px;
392 height: 35px;
393 }
394 .wppm-title{
395 font:18px "OpenSans-Light",Helvetica,Arial,sans-serif;
396 }
397 .wppm-flex-container > div {
398 margin: 5px 0 5px 5px;
399 padding: 3px;
400 font-size: 12px;
401 }
402 .wppm_alert{
403 position: fixed;
404 top: 50px;
405 right: 50px;
406 font-size: 15px;
407 font-weight: bold;
408 }
409 #wppm_add_new_project{
410 margin:20px;
411 background-color: #FFFFFF;
412 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
413 }
414 .wppm_form_field_label{
415 font-size: 13px;
416 font-style:bold ;
417 }
418 .wppm_task_description,.wppm_project_description{
419 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
420 }
421 .wppm_email_notification_header{
422 padding-left: 15px;
423 }
424 #wppm_project_container{
425 border-radius: 4px;
426 border: 1px solid #E5E4E4;
427 background-color: #fff;
428 color: #2C3E50;
429 min-height: 300px;
430 width: 99%;
431 }
432 #wppm_frm_field_container{
433 padding: 0 20px;
434 padding-top: 15px;
435 width:100%;
436 }
437 .wppm_frm_submit{
438 padding: 0 30px;
439 margin: 30px 0;
440 }
441 .wppm_td_project_status{
442 border-radius: 30px;
443 padding: 3px 5px 3px 5px;
444 font-weight: 600;
445 letter-spacing: .3px;
446 font-size: 10px;
447 display: inline-block;
448 text-align: center;
449 line-height: 1;
450 }
451 #wppm_apply_filter{
452 background-color:#306EFF;
453 margin-bottom:2px;
454 }
455 #wppm_project_table{
456 margin: 15px;
457 overflow-x: auto;
458 }
459 .wppm_label{
460 font-size: 12px;
461 font-weight: 600;
462 color: #9c9c9c;
463 width: 100%;
464 }
465 #wppm_avatar{
466 background-color:black;
467 padding: 3px;
468 color: #fff;
469 display: inline!important;
470 }
471 #wppm_project_search_filter{
472 padding: 0 30px;
473 border-radius: 20px;
474 font: 12px "Helvetica Neue",Arial,Helvetica,sans-serif;
475 }
476 #wppm_project_search_filter_img, .wppm_task_search_filter_img{
477 position: absolute;
478 top: 10px;
479 left: 18px;
480 }
481 .wppm_add_new_task_img, .wppm_task_list_image{
482 padding-right: 5px;
483 padding-bottom: 3px;
484 }
485 .wppm_table_td{
486 font-size: 14px !important;
487 }
488 #wppm_project_and_task_search{
489 width:40%;
490 margin-top: 15px;
491 }
492 #wppm_project_and_task_search svg{
493 width: 16px;
494 height: 16px;
495 margin-left: 10px;
496 float: left;
497 margin-top: -26px;
498 cursor: pointer;
499 }
500 .wppm_project_frm_fields ul, #frm_get_task_users ul, #frm_get_task_creator ul, #frm_get_project_users ul, #frm_get_project_creator ul{
501 border: 1px solid #ddd;
502 list-style-type: none!important;
503 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
504 }
505 #wppm_task_search{
506 width:40%;
507 margin-top: 15px;
508 }
509 #wppm_task_search svg{
510 width: 16px;
511 height: 16px;
512 margin-left: 10px;
513 float: left;
514 margin-top: -26px;
515 cursor: pointer;
516 }
517 #wppm_task_search_filter{
518 padding: 0 30px;
519 border-radius: 20px;
520 }
521 #wppm_more_filter_option div{
522 display: inline-block;
523 }
524 #wppm_heading_inline svg{
525 width: 28px;
526 height:23px;
527 }
528 .wppm_card_header{
529 border-bottom: 1px solid #EFF2F7;
530 height: 35px;
531 padding-top: 5px;
532 padding-bottom: 5px;
533 }
534 .wppm_task_list{
535 border:1px solid #EFF2F7;
536 display:flex;
537 flex-direction:column;
538 flex-basis: 30%;
539 /* flex: 1 0 auto; */
540 overflow: hidden;
541 flex-grow: 1;
542 flex-shrink: 0;
543 margin:5px;
544 }
545 @media screen and (max-width: 767px) {
546 .wppm_task_list{
547 flex-basis: 50%;
548 }
549 }
550 .wppm_task_name_grid_view, .wppm_task_due_date_grid_view, .wppm_empty_container, .wppm_proj_name_grid_view{
551 font-family: "OpenSans-Semibold","Helvetica Neue",Arial,Helvetica,sans-serif;
552 font-size: 14px;
553 }
554 .wppm_card_body{
555 text-align: center;
556 border:1px solid #EFF2F7;
557 margin: 10px;
558 text-align:left;
559 padding: 10px 5px 10px 0px;
560 border-radius: 5px;
561 }
562 .wppm_task_container{
563 overflow:scroll;
564 display: flex;
565 flex-direction: row;
566 margin-top:40px;
567 overflow-x: auto;
568 overflow-y: auto;
569 min-height: 750px;
570 }
571 #wppm_task_frm_field_container{
572 padding-top: 20px;
573 width:100%;
574 }
575 #wppm_add_new_task{
576 margin:20px;
577 background-color: #FFFFFF;
578 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
579 }
580 #wppm_task_container{
581 border-radius: 4px;
582 border: 1px solid #E5E4E4;
583 background-color: #fff;
584 color: #2C3E50;
585 min-height: 300px;
586 width: 99%;
587 }
588 .wppm-submit-btn{
589 color: #FFF !important;
590 background-color: #306EFF;
591 border-color: #306EFF;
592 box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%);
593 cursor: pointer;
594 border-radius: 50px !important;
595 padding: 5px;
596 }
597 .wppm_btn{
598 border-radius: 15px!important;
599 }
600 .wppm_reset_btn{
601 color: #273444;
602 background-color: #EFF2F7;
603 border-color: #EFF2F7;
604 border-radius: 50px;
605 padding: 5px;
606 }
607 .select2-selection--single{
608 height:35px!important;
609 }
610 .select2-container{
611 width:500px!important;
612 }
613 .wppm_td_task_status{
614 border-radius: 30px;
615 padding: 3px 5px 3px 5px;
616 font-weight: 600;
617 letter-spacing: .3px;
618 font-size: 10px;
619 display: inline-block;
620 text-align: center;
621 line-height: 1;
622 }
623 .wppm_td_task_priority{
624 border-radius: 30px;
625 padding: 3px 5px 3px 5px;
626 font-weight: 600;
627 letter-spacing: .3px;
628 font-size: 10px;
629 display: inline-block;
630 text-align: center;
631 line-height: 1;
632 }
633 .wppm_empty_container{
634 display: flex;
635 justify-content: center;
636 align-items: center;
637 font-size: 10;
638 font-weight: 500;
639 color: #becdd9;
640 border: 1px dashed #becdd9;
641 height: 0;
642 opacity: 0;
643 border-radius: 15px;
644 opacity: 1;
645 height: 60px;
646 margin-top: 10px;
647 }
648 .wppm_card_task_action{
649 text-align:right;
650 }
651 .wppm_card_task_progress{
652 color:#8492A6;
653 text-align: right;
654 }
655 .wppm_status_name{
656 text-align:left;
657 font-family: "OpenSans-Regular","Helvetica Neue",Arial,Helvetica,sans-serif;
658 font-size: 15px;
659 padding-top: 5px;
660 }
661 .wppm_task_frm_fields ul{
662 border: 1px solid #ddd;
663 list-style-type: none;
664 }
665 .wppm_task_frm_fields li{
666 padding: 5px;
667 }
668 #wppm_view_task_search_filter{
669 padding: 0 30px;
670 border-radius: 20px;
671 }
672 .wppm_task_details, .wppm_project_details{
673 border-bottom: 1px dashed;
674 cursor: pointer;
675 display: inline-block;
676 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
677 }
678 .wppm_task_details_priority{
679 cursor: pointer;
680 }
681 .wppm_task_details_label, #wppm_add_checklist, .wppm_project_details_label{
682 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
683 color: #858c96;
684 width: 98px;
685 float: left;
686 word-wrap: break-word;
687 margin: 5px;
688 cursor: pointer;
689 }
690 .wppm_task_details_container{
691 background-color: #FFFFFF;
692 margin: 15px;
693 padding-bottom: 10px;
694 border: 1px solid #eee !important;
695 }
696 .wppm_task_checklist_container, .wppm_thread{
697 background-color: #FFFFFF;
698 margin: 15px;
699 border: 1px solid #eee !important;
700 }
701 .wppm_proj_thread{
702 background-color: #FFFFFF;
703 border: 1px solid #eee !important;
704 }
705
706 .wppm_progress_bar_container{
707 margin-bottom: 6px;
708 margin-top: 5px;
709 position: relative;
710 }
711 .wppm_progress_bar{
712 background: rgba(9,30,66,.08);
713 border-radius: 4px;
714 clear: both;
715 height: 8px;
716 margin: 0 0 0 40px;
717 overflow: hidden;
718 position: relative;
719 }
720 .wppm_progressbar_label {
721 color: #5e6c84;
722 font-size: 11px;
723 line-height: 10px;
724 position: absolute;
725 top: -1px;
726 left:0;
727 text-align: center;
728 width: 32px;
729 margin-left:10px;
730 }
731 .wppm_checkprogress{
732 bottom: 0;
733 left: 0;
734 position: absolute;
735 overflow:hidden;
736 top: 0;
737 transition-duration: .14s;
738 transition-timing-function: ease-in;
739 margin:10px,0px,10px,0px !important;
740 }
741 .wppm_checklist_divider{
742 margin: 0 15px 0 15px;
743 }
744 .wppm_add_checklist_item_btn{
745 margin-top:10px !important;
746 }
747 #wppm_checklist_btn{
748 margin:10px;
749 }
750 #wppm_add_checklist{
751 border-bottom: 1px dashed;
752 }
753 .wppm_total_checked_item{
754 margin-left: 5px !important;
755 margin-bottom: 10px !important;
756 }
757 .wppm_checklist_total_checked_item{
758 color:#8492A6;
759 font-size: 10px !important;
760 }
761 .wppm_checklist input[type="checkbox"]{
762 margin:5px;
763 }
764 .wppm_card_body{
765 cursor:pointer;
766 }
767 #wppm_grid_view_btn{
768 border: 1px solid #ccc;
769 padding: 5px;
770 background-color: #FFFFFF;
771 float: right;
772 border-radius: 4px;
773 cursor: pointer;
774 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
775 color: #858c96;
776 margin-bottom: 5px;
777 margin-top: 5px;
778 }
779 #wppm_list_view_btn{
780 border: 1px solid #ccc;
781 padding: 5px;
782 background-color: #FFFFFF;
783 float: right;
784 border-radius: 4px;
785 margin-right: 10px;
786 cursor: pointer;
787 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
788 color: #858c96;
789 margin-top: 5px;
790 }
791 #wppm_select_user_role{
792 margin: 10px 10px 10px 0px;
793 }
794 .wppm_delete_user_icon, .wppm_user_roles{
795 margin-top: 7px;
796 cursor: pointer;
797 }
798 #wppm_project_users,#wppm_task_users {
799 margin-bottom: 10px;
800 }
801 .wppm_project_user_avatar,.wppm_task_user_avatar{
802 padding: 10px;
803 overflow:hidden;
804 }
805 .wppm_project_user_names, .wppm_task_user_names,.wppm_project_user_role{
806 padding: 0 0 10px 5px;
807 overflow:hidden;
808 color:#9c9c9c;
809 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
810 }
811 .wppm_project_users_not_assign_label{
812 color:#9c9c9c;
813 }
814 .wppm_user_display_container, .wppm_task_user_display_container{
815 padding: 5px;
816 }
817 #wppm_user_name, #wppm_task_user_name{
818 margin-bottom: 10px;
819 }
820 #wppm_task_users,#wppm_project_creator{
821 margin-left: 10px;
822 }
823 #wppm_comment_btn{
824 display:none;
825 padding: 10px;
826 }
827 #wppm_proj_comment_btn{
828 display:none;
829 padding: 10px;
830 }
831 #wppm_activity_container{
832 background-color:#ffffff;
833 margin:15px;
834 border: 1px solid #eee !important;
835 }
836 .wppm_task_discussion{
837 font: 18px "Helvetica Neue",Helvetica,Arial,sans-serif;
838 }
839 .wppm_proj_discussion{
840 font: 18px "Helvetica Neue",Helvetica,Arial,sans-serif;
841 }
842 .wppm_delete_checklist{
843 color:#b73232 !important;
844 font: 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
845 border-bottom: 1px dashed;
846 position: relative;
847 margin-left: 12px;
848 cursor: pointer;
849 transition: 170ms linear all;
850 }
851 .wppm_delete_checklist:hover{
852 color:#2067b0 !important;
853 border-bottom: 1px dashed !important;
854 text-decoration:none !important;
855 }
856 .wppm_add_checklist{
857 color: #80868e !important;
858 font: 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
859 border-bottom: 1px dashed !important;
860 position: relative;
861 margin-left: 12px;
862 cursor: pointer;
863 transition: 170ms linear all;
864 }
865 .wppm_add_checklist:hover{
866 border-bottom: 1px dashed !important;
867 text-decoration:none !important;
868 }
869 #wppm_task_comment{
870 width: 80%;
871 height: 30px;
872 padding: 5px;
873 margin-bottom: 15px;
874 overflow: hidden;
875 border: 1px solid #eee;
876 color:#eee;
877 margin-top: 10px;
878 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
879 }
880 #wppm_proj_comment{
881 width: 80%;
882 height: 30px;
883 padding: 5px;
884 margin-bottom: 15px;
885 overflow: hidden;
886 border: 1px solid #eee;
887 color:#eee;
888 margin-top: 10px;
889 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
890 }
891 .wppm_attachment_title{
892 font: 15px "Helvetica Neue",Helvetica,Arial,sans-serif;
893 }
894 .wppm_comment_date{
895 color:#a8aeb5;
896 }
897 .wppm_comment_date:hover{
898 color:#000000;
899 font-style: normal;
900 }
901 #wppm_attach_file{
902 color:#301db7;
903 cursor:pointer;
904 font-weight: normal;
905 text-decoration-line: underline;
906 text-decoration-style: dotted;
907 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
908 }
909 #wppm_individual_cancel_comment_btn{
910 float:right;
911 background-color:#ffffff;
912 margin-left: 5px;
913 margin-top:5px;
914 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
915 }
916 #wppm_individual_submit_task_comment_btn{
917 float:right;
918 margin-left: 5px;
919 margin-top:5px;
920 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
921 }
922 #wppm_proj_attach_file{
923 color:#301db7;
924 cursor:pointer;
925 font-weight: normal;
926 text-decoration-line: underline;
927 text-decoration-style: dotted;
928 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
929 }
930 #wppm_individual_cancel_proj_comment_btn{
931 float:right;
932 background-color:#ffffff;
933 margin-left: 5px;
934 margin-top:5px;
935 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
936 }
937 #wppm_individual_submit_proj_comment_btn{
938 float:right;
939 margin-left: 5px;
940 margin-top:5px;
941 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
942 }
943 .wppm_thread_messege{
944 font-size: 14px;
945 font-weight: 400;
946 color: #4e4e4e;
947 }
948 .wppm_attachment_cancel{
949 float: right;
950 margin: -22px 0px 0 0;
951 cursor: pointer;
952 }
953 .widget_header{
954 margin-bottom: 3px !important;
955 font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif !important;
956 }
957 .wppm_task_label,.wppm_checklist_label,.wppm_project_label{
958 font: 18px "Helvetica Neue",Helvetica,Arial,sans-serif !important;
959 }
960 .widget_divider{
961 margin:4px 0 6px 0px !important;
962 }
963 .wppm_individual_task_widget{
964 margin-top: 15px!important;
965 }
966 .select2-container{
967 z-index:999999999999!important;
968 width:100%!important;
969 }
970 .flatpickr-calendar{
971 z-index:999999999999!important;
972 }
973 #wppm_edit_task_label{
974 width: 100%;
975 margin-bottom: 10px;
976 }
977 #wppm_edit_project_title, #wppm_edit_task_priority,#wppm_edit_task_description_label{
978 margin-bottom:10px;
979 }
980 #wppm_edit_task_priority{
981 max-width:100%!important;
982 }
983 .wppm_edit_task_details_widget, .wppm_thread_action, .wppm_edit_project_details_widget{
984 float:right;
985 cursor:pointer;
986 }
987 .wppm_add_new_task_btn, #wppm_task_list_btn,#wppm_delete_btn,#wppm_delete_task_btn,#wppm_clone_task_btn{
988 cursor: pointer;
989 }
990 #wppm_project_details_container{
991 border: 1px solid #eee;
992 margin-top: 12px;
993 padding-top: 10px;
994 margin-bottom: 12px;
995 }
996 #wppm_view_project_task{
997 background-color: #ffffff;
998 }
999 #wppm_project_tasks,.wppm_add_new_project_btn{
1000 cursor:pointer;
1001 }
1002 #wppm_add_new_project_btn{
1003 margin-bottom: 10px;
1004 }
1005 #wppm_delete_project_icon, #wppm_add_new_project_icon, #wppm_project_list_icon, #wppm_task_list_icon{
1006 margin-top: -3px;
1007 }
1008 .wppm_add_new_icon{
1009 float: right!important;
1010 cursor:pointer;
1011 }
1012 .wppm_flex {
1013 display: flex !important;
1014 }
1015 .attachment_link span{
1016 font-size: 13px;
1017 color: #0077AE;
1018 cursor: pointer;
1019 text-decoration-line: underline;
1020 text-decoration-style:dotted;
1021 padding-right: 10px;
1022 }
1023 .wppm_bootstrap select{
1024 max-width:100% !important;
1025 }
1026 #wppm_en_body {
1027 height: 200px !important;
1028 }
1029 #wppm_tbl_templates tr{
1030 cursor:pointer;
1031 }
1032 #tbl_project_tasks td, #tbl_project_tasks th{
1033 text-align: center;
1034 }
1035 #tbl_project_tasks tr{
1036 cursor:pointer;
1037 }
1038 .wppm-pagination-txt{
1039 text-decoration: none;
1040 cursor: default;
1041 padding-right: 5px;
1042 }
1043 .wppm_task_pagination{
1044 float:right;
1045 color:#5f6368;
1046 margin-right:10px;
1047 cursor:pointer;
1048 }
1049 .wppm_proj_pagination{
1050 color:#5f6368;
1051 cursor:pointer;
1052 }
1053 .wppm_proj_pagination_container, .wppm_task_pagination_container{
1054 height: 30px;
1055 margin-top: 10px;
1056 display: flex;
1057 font-family: 'OpenSans-Semibold',"Helvetica Neue",Arial,Helvetica,sans-serif;
1058 font-size: 14px;
1059 }
1060 .wppm_proj_pagination_container a, .wppm_task_pagination_container a{
1061 color:#0073aa;
1062 }
1063 .wppm_pagination_prev{
1064 border-left-width: 1px;
1065 border-left-style: solid;
1066 padding-left: .75em;
1067 padding-right: .5em;
1068 text-decoration: none;
1069 border-color: #cdcdcd;
1070 color:#0073aa;
1071 }
1072 .wppm_pagination_next{
1073 border-left-width: 1px;
1074 border-left-style: solid;
1075 padding-left: .75em;
1076 padding-right: .5em;
1077 text-decoration: none;
1078 border-color: #cdcdcd;
1079 color:#337ab7;
1080 }
1081 .wppm_thread_action_btn{
1082 float: right;
1083 cursor: pointer;
1084 margin-left: 10px;
1085 color: #a7a9ab;
1086 font-size: 14px;
1087 }
1088 .wppm-task-list-btn{
1089 cursor:pointer;
1090 }
1091 .wppm_setting_pills li{
1092 background-color: #ffffff;
1093 border-radius: 15px !important;
1094 color:#9c9c9c !important;
1095 line-height:normal !important;
1096 }
1097 .wppm_email_notification_table td{
1098 font-weight: 400;
1099 font-family: "Nunito", "Segoe UI", arial;
1100 }
1101 .wppm_email_notification_table th{
1102 font-weight: 400;
1103 font-family: "Nunito", "Segoe UI", arial;
1104 font-weight: bold;
1105 }
1106 .wppm_task_result{
1107 text-align: center;
1108 margin-top: 15px;
1109 font-family: 'OpenSans-Light',Arial,Helvetica,sans-serif;
1110 font-size: 15px;
1111 color: #525c69;
1112 }
1113 .wppm_project_result{
1114 text-align: center;
1115 font-family: 'OpenSans-Light',Arial,Helvetica,sans-serif;
1116 font-size: 15px;
1117 color: #525c69;
1118 }
1119 #wppm_edit_project_label{
1120 margin-bottom: 10px;
1121 }
1122 #wppm_edit_project_category{
1123 margin-bottom: 20px;
1124 }
1125 #tbl_project_tasks,#tbl_custom_field,.select2-results__options,.select2-selection__rendered, .wppm_filter_display_text, .wppm_display_user_none, #wppm_assign_to_none_task{
1126 font:13px "Helvetica Neue",Helvetica,Arial,sans-serif;
1127 }
1128 .wppm_edit_project_label, .wppm_edit_task_label, .wppm_edit_task_start_date, .wppm_edit_task_end_date, .wppm_edit_task_priority_label, .wppm_edit_task_description_label,.wppm_edit_project_label,.wppm_edit_project_start_date,.wppm_edit_project_end_date,.wppm_edit_project_category_label, .wppm_edit_project_description_label,.wppm_project_status, .wppm_edit_task_status_label,.wppm_ct_field_label{
1129 font:13px "Helvetica Neue",Helvetica,Arial,sans-serif;
1130 margin-bottom: 5px;
1131 }
1132 #frm_get_project_users ul, #frm_get_task_users ul{
1133 z-index: 10000!important;
1134 position: absolute;
1135 box-shadow: 0 1px 2px rgb(79 148 212 / 80%);
1136 background-color: #fff;
1137 cursor: pointer;
1138 }
1139
1140 .wppm_bootstrap .wppm_padding_space{
1141 padding-top: 20px;
1142 }
1143
1144 .wppm_bootstrap .pricing-widget {
1145 margin-bottom: 30px;
1146 }
1147 .wppm_bootstrap .pheader {
1148 background-color: #555;
1149 color: #ffffff;
1150 padding: 10px;
1151 }
1152 .wppm_bootstrap .pheader .title{
1153 padding: 0;
1154 margin: 0;
1155 text-align: center;
1156 }
1157 .wppm_bootstrap .pheader .subtitle{
1158 padding: 0;
1159 margin: 10px 0 0;
1160 text-align: center;
1161 }
1162 .wppm_bootstrap .payment_freq {
1163 color: #fff !important;
1164 }
1165 .wppm_bootstrap .pbody {
1166 padding: 20px;
1167 border: 1px solid #555;
1168 }
1169 .wppm_bootstrap .addon-container {
1170 display: flex;
1171 align-items: center;
1172 padding: 5px 0;
1173 }
1174 .wppm_bootstrap .addon-details {
1175 flex-grow: 1;
1176 padding-left: 5px;
1177 }
1178 .wppm_bootstrap .pfooter {
1179 display: flex;
1180 border-left: 1px solid #555;
1181 border-right: 1px solid #555;
1182 border-bottom: 1px solid #555;
1183 justify-content: center;
1184 padding: 10px 0;
1185 }
1186
1187 .wppm_bootstrap .purchase_addon{
1188 padding-right: 5px;
1189 }
1190
1191 #wppm_chevron_sort_down_task_name_img, #wppm_chevron_sort_down_project_list_img, #wppm_chevron_sort_down_status_img, #wppm_chevron_sort_down_priority_img, #wppm_chevron_sort_down_start_date_img, #wppm_chevron_sort_down_end_date_img{
1192 margin-right:-19px;
1193 }
1194
1195 .wppm-help-container{
1196 padding: 10px;
1197 background-color: #f0f0f1;
1198 margin-bottom: 15px;
1199 border-radius: 3px;
1200 }
1201
1202 #wppm_public_project_label{
1203 padding: 10px 0px 0px 10px;
1204 }
1205
1206 .wppm-filter-actions{
1207 display: flex;
1208 flex-wrap: wrap;
1209 align-items: center;
1210 }
1211
1212 #wppm_project_filter_container{
1213 display: flex;
1214 flex-wrap: wrap;
1215 align-items: flex-end;
1216 margin-bottom: 10px;
1217 }
1218
1219 #wppm_task_filter_container{
1220 display: flex;
1221 flex-wrap: wrap;
1222 align-items: flex-end;
1223 margin-bottom: 10px;
1224 }
1225
1226 #wppm_task_filter, #wppm_task_list_proj_filter
1227 {
1228 border: 1px solid #ccc !important;
1229 background-color:#FFFFFF;
1230 border-radius:4px;
1231 font: 15px "Helvetica Neue",Arial,Helvetica,sans-serif !important;
1232 }
1233
1234 .wppm-filter-item {
1235 max-width: 200px;
1236 margin-right: 5px;
1237 margin-bottom: 10px;
1238 margin: 0 5px 10px 10px;
1239 }
1240 .wppm-filter-item select {
1241 width: 100% !important;
1242 }
1243
1244 .wppm-filter-item label{
1245 font-size: 12px;
1246 font-weight: 600;
1247 margin-bottom: 3px;
1248 vertical-align: middle;
1249 color: #858c96;
1250 }
1251
1252 .wppm_display_submit{
1253 display: flex;
1254 margin-bottom: 10px;
1255 }
1256
1257 .wppm-filter-actions span {
1258 cursor: pointer;
1259 font-size: 16px;
1260 text-decoration: underline;
1261 margin-bottom: 7px!important;
1262 font: 14px "Helvetica Neue",Arial,Helvetica,sans-serif !important;
1263 color: #858c96;
1264 }
1265
1266 .wppm-link {
1267 cursor: pointer !important;
1268 text-decoration: none !important;
1269 }
1270
1271 .wppm-link:hover {
1272 color: #2271b1 !important;
1273 text-decoration: underline !important;
1274 }
1275
1276 #wppm_project_list_container select{
1277 min-height: 30px !important;
1278 max-height: 35px !important;
1279 padding: 0 24px 0 8px !important;
1280 border: 1px solid #ccc !important;
1281 font: 14px "Helvetica Neue",Arial,Helvetica,sans-serif !important;
1282 }
1283
1284 #wppm_task_list_container select{
1285 min-height: 30px !important;
1286 max-height: 35px !important;
1287 padding: 0 24px 0 8px !important;
1288 border: 1px solid #ccc !important;
1289 font: 15px "Helvetica Neue",Arial,Helvetica,sans-serif !important;
1290 }
1291
1292 #wppm_proj_discussion_container{
1293 background-color: #ffffff;
1294 border: 1px solid #eee !important;
1295 }
1296 .wppm-setting-tab-container {
1297 display: flex;
1298 flex-wrap: wrap;
1299 width: 100%;
1300 align-items: center;
1301 margin-bottom: 10px;
1302 background-color:#F0F0F1;
1303 }
1304 .wppm-setting-tab-container button {
1305 padding: 7px 15px;
1306 font-size: 16px;
1307 font-weight: normal;
1308 border: none !important;
1309 color: #6A6A6A;
1310 background-color: transparent;
1311 cursor: pointer;
1312 border-radius: 16px;
1313 margin: 10 0 5px 5px;
1314 }
1315 .wppm-setting-tab-container button.active,
1316 .wppm-setting-tab-container button:hover {
1317 color: #fff;
1318 background-color: #FFA04A;
1319 }
1320 .wppm-input-group {
1321 width: 100%;
1322 display: flex;
1323 flex-direction: column;
1324 padding-bottom: 15px;
1325 box-sizing: border-box;
1326 }
1327 .wppm-input-group .label-container {
1328 display: flex;
1329 align-items: center;
1330 color: #000;
1331 margin-bottom: 2px;
1332 }
1333 .wppm-input-group label {
1334 font-size: 12px;
1335 font-weight: 600;
1336 margin-right: 5px;
1337 }
1338 .wppm-input-group .label-container svg {
1339 width: 12px;
1340 margin-left: 5px;
1341 }
1342 .wppm-input-group input[type="text"],
1343 .wppm-input-group select {
1344 width: 100%;
1345 max-width: 100%;
1346 }
1347 .wppm-input-group .checkbox-group,
1348 .wppm-input-group .radio-group {
1349 width: 100%;
1350 display: flex;
1351 flex-wrap: wrap;
1352 align-items: center;
1353 }
1354 .wppm-input-group .checkbox-group div,
1355 .wppm-input-group .radio-group div {
1356 width: 250px;
1357 display: flex;
1358 flex-wrap: wrap;
1359 align-items: center;
1360 margin: 0 10px 5px 0;
1361 }
1362 .wppm-input-group .checkbox-group div input,
1363 .wppm-input-group .radio-group div input {
1364 margin: 0 5px 0 0 !important;
1365 }
1366 .wppm-input-group .checkbox-group div span,
1367 .wppm-input-group .radio-group div span {
1368 font-size: 12px;
1369 font-weight: 300;
1370 }
1371 .wppm-input-group .required-char {
1372 font-size: 12px;
1373 color: #ff0000;
1374 }
1375 .wppm-input-group .divide-bar {
1376 width: 100%;
1377 display: flex;
1378 flex-wrap: grid;
1379 align-items: center;
1380 }