PluginProbe
Taskbuilder – Project Management & Task Management Tool With Kanban Board / 2.0.6
Taskbuilder – Project Management & Task Management Tool With Kanban Board v2.0.6
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 2.0.6, at asset/css/admin.css

1,218 lines 25.5 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{
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 border: 1px solid #eee !important;
221 }
222 .wppm-btn{
223 padding: 5px 10px;
224 border-radius: 20px;
225 font-size: 14px;
226 margin-left:20px;
227 background-color: #5067c5;
228 color:#ffffff!important;
229 border: 1px;
230 }
231 .wppm-btn-cancel{
232 padding: 5px 10px;
233 border-radius: 14px;
234 font-size: 14px;
235 margin-left:20px;
236 background: linear-gradient(135deg, #ffffff, #ffffff);
237 color:#000000;
238 border: 1px solid #C3C3C3;
239 }
240 .wppm_admin_label{
241 border-radius: 30px;
242 font-weight: bold;
243 padding: 5px 10px;
244 font-size: 10px;
245 }
246 .wppm_section_title{
247 display:inline-block;
248 margin-right:20px;
249 font-size: 23px;
250 font-weight: 400;
251 margin-bottom: 0;
252 padding: 9px 0 4px 0;
253 line-height: 1.3;
254 }
255 #wppm_task_table{
256 width:100%;
257 background-color: #FFFFFF;
258 cursor: pointer;
259 }
260 #wppm_task_table tr:nth-child(even){
261 background-color: #f2f2f2;
262 }
263 #wppm_task_table td{
264 /* border: 1px solid #f2f2f2; */
265 font-weight: 400;
266 font-family: "Nunito", "Segoe UI", arial;
267 border: none !important;
268 white-space: normal;
269 }
270 #wppm_task_table th{
271 border: none !important;
272 }
273 #wppm_task_table_container{
274 padding:15px;
275 }
276 .wppm_status{
277 background-color: aqua;
278 border-radius: 30px;
279 padding: 3px 5px 3px 5px;
280 color: #FFFFFF;
281 font-weight: 600;
282 letter-spacing: .3px;
283 font-size: 10px;
284 display: inline-block;
285 text-align: center;
286 line-height: 1;
287 }
288 .wppm_category{
289 background-color: red;
290 border-radius: 30px;
291 padding: 3px 5px 3px 5px;
292 color: #FFFFFF;
293 font-weight: 600;
294 letter-spacing: .3px;
295 font-size: 10px;
296 display: inline-block;
297 text-align: center;
298 line-height: 1;
299
300 }
301 .avatar{
302 border-radius: 50%;
303 border: 2px solid #FFF;
304 margin-left: -12px;
305 border: 2px solid #FFF;
306 }
307 .wppm_action_btn{
308 background-color: #FFF;
309 color: #383333 !important;
310 margin-bottom: 3px !important;
311 }
312 /***
313 * Filter display css start
314 */
315 .wppm_filter_display_container{
316 list-style-type: none !important;
317 width: 100% !important;
318 margin: 0 !important;
319 float: left;
320 }
321 .wppm_filter_display_element{
322 max-width: 300px !important;
323 float: left;
324 margin: 3px 3px 3px 0 !important;
325 }
326 .wppm_filter_display_element .flex-container{
327 display: flex;
328 border-radius: 4px;
329 background-color:#1E90FF;
330 color:#fff;
331 font-size: 10px;
332 }
333 .wppm_filter_display_text{
334 max-width: 280px !important;
335 padding: 5px;
336 }
337 .wppm_filter_display_remove{
338 width: 20px !important;
339 padding: 6px;
340 cursor: pointer;
341 }
342 .wppm_padding_space{
343 padding-top: 20px;
344 }
345 .wppm_setting_col2{
346 background-color: #fff;
347 width: 62% !important;
348 padding: 20px;
349 border-radius: 20px;
350 }
351 .wppm_padding_space{
352 padding-top: 20px;
353 }
354 .wppm-sortable-handle,.wppm-sortable-edit,.wppm-sortable-delete,.wppm-sortable-clone{
355 cursor: pointer;
356 width: 25px;
357 }
358 .wppm-sortable-label{
359 width: 220px;
360 }
361 .wppm-flex-container {
362 display: flex;
363 border-radius: 5px;
364 max-width: 320px;
365 height: 35px;
366 }
367 .wppm-title{
368 font:18px "OpenSans-Light",Helvetica,Arial,sans-serif;
369 }
370 .wppm-flex-container > div {
371 margin: 5px 0 5px 5px;
372 padding: 3px;
373 font-size: 12px;
374 }
375 .wppm_alert{
376 position: fixed;
377 top: 50px;
378 right: 50px;
379 font-size: 15px;
380 font-weight: bold;
381 }
382 #wppm_add_new_project{
383 margin:20px;
384 background-color: #FFFFFF;
385 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
386 }
387 .wppm_form_field_label{
388 font-size: 13px;
389 font-style:bold ;
390 }
391 .wppm_task_description,.wppm_project_description{
392 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
393 }
394 .wppm_email_notification_header{
395 padding-left: 15px;
396 }
397 #wppm_project_container{
398 border-radius: 4px;
399 border: 1px solid #E5E4E4;
400 background-color: #fff;
401 color: #2C3E50;
402 min-height: 300px;
403 width: 99%;
404 }
405 #wppm_frm_field_container{
406 padding: 0 20px;
407 padding-top: 15px;
408 width:100%;
409 }
410 .wppm_frm_submit{
411 padding: 0 30px;
412 margin: 30px 0;
413 }
414 .wppm_td_project_status{
415 border-radius: 30px;
416 padding: 3px 5px 3px 5px;
417 font-weight: 600;
418 letter-spacing: .3px;
419 font-size: 10px;
420 display: inline-block;
421 text-align: center;
422 line-height: 1;
423 }
424 #wppm_apply_filter{
425 background-color:#306EFF;
426 margin-bottom:2px;
427 }
428 #wppm_project_table{
429 margin: 15px;
430 overflow-x: auto;
431 }
432 .wppm_label{
433 font-size: 12px;
434 font-weight: 600;
435 color: #9c9c9c;
436 width: 100%;
437 }
438 #wppm_avatar{
439 background-color:black;
440 padding: 3px;
441 color: #fff;
442 display: inline!important;
443 }
444 #wppm_project_search_filter{
445 padding: 0 30px;
446 border-radius: 20px;
447 font: 12px "Helvetica Neue",Arial,Helvetica,sans-serif;
448 }
449 #wppm_project_search_filter_img, .wppm_task_search_filter_img{
450 position: absolute;
451 top: 10px;
452 left: 18px;
453 }
454 .wppm_add_new_task_img, .wppm_task_list_image{
455 padding-right: 5px;
456 padding-bottom: 3px;
457 }
458 .wppm_table_td{
459 font-size: 14px !important;
460 }
461 #wppm_project_and_task_search{
462 width:40%;
463 margin-top: 15px;
464 }
465 #wppm_project_and_task_search svg{
466 width: 16px;
467 height: 16px;
468 margin-left: 10px;
469 float: left;
470 margin-top: -26px;
471 cursor: pointer;
472 }
473 .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{
474 border: 1px solid #ddd;
475 list-style-type: none!important;
476 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
477 }
478 #wppm_task_search{
479 width:40%;
480 margin-top: 15px;
481 }
482 #wppm_task_search svg{
483 width: 16px;
484 height: 16px;
485 margin-left: 10px;
486 float: left;
487 margin-top: -26px;
488 cursor: pointer;
489 }
490 #wppm_task_search_filter{
491 padding: 0 30px;
492 border-radius: 20px;
493 }
494 #wppm_more_filter_option div{
495 display: inline-block;
496 }
497 #wppm_heading_inline svg{
498 width: 28px;
499 height:23px;
500 }
501 .wppm_card_header{
502 border-bottom: 1px solid #EFF2F7;
503 height: 35px;
504 padding-top: 5px;
505 padding-bottom: 5px;
506 }
507 .wppm_task_list{
508 border:1px solid #EFF2F7;
509 display:flex;
510 flex-direction:column;
511 flex-basis: 30%;
512 /* flex: 1 0 auto; */
513 overflow: hidden;
514 flex-grow: 1;
515 flex-shrink: 0;
516 margin:5px;
517 }
518 @media screen and (max-width: 767px) {
519 .wppm_task_list{
520 flex-basis: 50%;
521 }
522 }
523 .wppm_task_name_grid_view, .wppm_task_due_date_grid_view, .wppm_empty_container{
524 font-family: "OpenSans-Semibold","Helvetica Neue",Arial,Helvetica,sans-serif;
525 font-size: 14px;
526 }
527 .wppm_card_body{
528 text-align: center;
529 border:1px solid #EFF2F7;
530 margin: 10px;
531 text-align:left;
532 padding: 10px 5px 10px 0px;
533 border-radius: 5px;
534 }
535 .wppm_task_container{
536 overflow:scroll;
537 display: flex;
538 flex-direction: row;
539 margin-top:40px;
540 overflow-x: auto;
541 overflow-y: auto;
542 min-height: 750px;
543 }
544 #wppm_task_frm_field_container{
545 padding-top: 20px;
546 width:100%;
547 }
548 #wppm_add_new_task{
549 margin:20px;
550 background-color: #FFFFFF;
551 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
552 }
553 #wppm_task_container{
554 border-radius: 4px;
555 border: 1px solid #E5E4E4;
556 background-color: #fff;
557 color: #2C3E50;
558 min-height: 300px;
559 width: 99%;
560 }
561 .wppm-submit-btn{
562 color: #FFF !important;
563 background-color: #306EFF;
564 border-color: #306EFF;
565 box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%);
566 cursor: pointer;
567 border-radius: 50px !important;
568 padding: 5px;
569 }
570 .wppm_btn{
571 border-radius: 15px!important;
572 }
573 .wppm_reset_btn{
574 color: #273444;
575 background-color: #EFF2F7;
576 border-color: #EFF2F7;
577 border-radius: 50px;
578 padding: 5px;
579 }
580 .select2-selection--single{
581 height:35px!important;
582 }
583 .select2-container{
584 width:500px!important;
585 }
586 .wppm_td_task_status{
587 border-radius: 30px;
588 padding: 3px 5px 3px 5px;
589 font-weight: 600;
590 letter-spacing: .3px;
591 font-size: 10px;
592 display: inline-block;
593 text-align: center;
594 line-height: 1;
595 }
596 .wppm_td_task_priority{
597 border-radius: 30px;
598 padding: 3px 5px 3px 5px;
599 font-weight: 600;
600 letter-spacing: .3px;
601 font-size: 10px;
602 display: inline-block;
603 text-align: center;
604 line-height: 1;
605 }
606 .wppm_empty_container{
607 display: flex;
608 justify-content: center;
609 align-items: center;
610 font-size: 10;
611 font-weight: 500;
612 color: #becdd9;
613 border: 1px dashed #becdd9;
614 height: 0;
615 opacity: 0;
616 border-radius: 15px;
617 opacity: 1;
618 height: 60px;
619 margin-top: 10px;
620 }
621 .wppm_card_task_action{
622 text-align:right;
623 }
624 .wppm_card_task_progress{
625 color:#8492A6;
626 text-align: right;
627 }
628 .wppm_status_name{
629 text-align:left;
630 font-family: "OpenSans-Regular","Helvetica Neue",Arial,Helvetica,sans-serif;
631 font-size: 15px;
632 padding-top: 5px;
633 }
634 .wppm_task_frm_fields ul{
635 border: 1px solid #ddd;
636 list-style-type: none;
637 }
638 .wppm_task_frm_fields li{
639 padding: 5px;
640 }
641 #wppm_view_task_search_filter{
642 padding: 0 30px;
643 border-radius: 20px;
644 }
645 .wppm_task_details, .wppm_project_details{
646 border-bottom: 1px dashed;
647 cursor: pointer;
648 display: inline-block;
649 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
650 }
651 .wppm_task_details_priority{
652 cursor: pointer;
653 }
654 .wppm_task_details_label, #wppm_add_checklist, .wppm_project_details_label{
655 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
656 color: #858c96;
657 width: 98px;
658 float: left;
659 word-wrap: break-word;
660 margin: 5px;
661 cursor: pointer;
662 }
663 .wppm_task_details_container{
664 background-color: #FFFFFF;
665 margin: 15px;
666 padding-bottom: 10px;
667 border: 1px solid #eee !important;
668 }
669 .wppm_task_checklist_container, .wppm_thread{
670 background-color: #FFFFFF;
671 margin: 15px;
672 border: 1px solid #eee !important;
673 }
674 .wppm_progress_bar_container{
675 margin-bottom: 6px;
676 margin-top: 5px;
677 position: relative;
678 }
679 .wppm_progress_bar{
680 background: rgba(9,30,66,.08);
681 border-radius: 4px;
682 clear: both;
683 height: 8px;
684 margin: 0 0 0 40px;
685 overflow: hidden;
686 position: relative;
687 }
688 .wppm_progressbar_label {
689 color: #5e6c84;
690 font-size: 11px;
691 line-height: 10px;
692 position: absolute;
693 top: -1px;
694 left:0;
695 text-align: center;
696 width: 32px;
697 margin-left:10px;
698 }
699 .wppm_checkprogress{
700 bottom: 0;
701 left: 0;
702 position: absolute;
703 overflow:hidden;
704 top: 0;
705 transition-duration: .14s;
706 transition-timing-function: ease-in;
707 margin:10px,0px,10px,0px !important;
708 }
709 .wppm_checklist_divider{
710 margin: 0 15px 0 15px;
711 }
712 .wppm_add_checklist_item_btn{
713 margin-top:10px !important;
714 }
715 #wppm_checklist_btn{
716 margin:10px;
717 }
718 #wppm_add_checklist{
719 border-bottom: 1px dashed;
720 }
721 .wppm_total_checked_item{
722 margin-left: 5px !important;
723 margin-bottom: 10px !important;
724 }
725 .wppm_checklist_total_checked_item{
726 color:#8492A6;
727 font-size: 10px !important;
728 }
729 .wppm_checklist input[type="checkbox"]{
730 margin:5px;
731 }
732 .wppm_card_body{
733 cursor:pointer;
734 }
735 #wppm_grid_view_btn{
736 border: 1px solid #ccc;
737 padding: 5px;
738 background-color: #FFFFFF;
739 float: right;
740 border-radius: 4px;
741 cursor: pointer;
742 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
743 color: #858c96;
744 margin-bottom: 5px;
745 margin-top: 5px;
746 }
747 #wppm_list_view_btn{
748 border: 1px solid #ccc;
749 padding: 5px;
750 background-color: #FFFFFF;
751 float: right;
752 border-radius: 4px;
753 margin-right: 10px;
754 cursor: pointer;
755 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
756 color: #858c96;
757 margin-top: 5px;
758 }
759 #wppm_select_user_role{
760 margin: 10px 10px 10px 0px;
761 }
762 .wppm_delete_user_icon, .wppm_user_roles{
763 margin-top: 7px;
764 cursor: pointer;
765 }
766 #wppm_project_users,#wppm_task_users {
767 margin-bottom: 10px;
768 }
769 .wppm_project_user_avatar,.wppm_task_user_avatar{
770 padding: 10px;
771 overflow:hidden;
772 }
773 .wppm_project_user_names, .wppm_task_user_names,.wppm_project_user_role{
774 padding: 0 0 10px 5px;
775 overflow:hidden;
776 color:#9c9c9c;
777 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
778 }
779 .wppm_project_users_not_assign_label{
780 color:#9c9c9c;
781 }
782 .wppm_user_display_container, .wppm_task_user_display_container{
783 padding: 5px;
784 }
785 #wppm_user_name, #wppm_task_user_name{
786 margin-bottom: 10px;
787 }
788 #wppm_task_users,#wppm_project_creator{
789 margin-left: 10px;
790 }
791 #wppm_comment_btn{
792 display:none;
793 padding: 10px;
794 }
795 #wppm_activity_container{
796 background-color:#ffffff;
797 margin:15px;
798 border: 1px solid #eee !important;
799 }
800 .wppm_task_discussion{
801 font: 18px "Helvetica Neue",Helvetica,Arial,sans-serif;
802 }
803 .wppm_delete_checklist{
804 color:#b73232 !important;
805 font: 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
806 border-bottom: 1px dashed;
807 position: relative;
808 margin-left: 12px;
809 cursor: pointer;
810 transition: 170ms linear all;
811 }
812 .wppm_delete_checklist:hover{
813 color:#2067b0 !important;
814 border-bottom: 1px dashed !important;
815 text-decoration:none !important;
816 }
817 .wppm_add_checklist{
818 color: #80868e !important;
819 font: 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
820 border-bottom: 1px dashed !important;
821 position: relative;
822 margin-left: 12px;
823 cursor: pointer;
824 transition: 170ms linear all;
825 }
826 .wppm_add_checklist:hover{
827 border-bottom: 1px dashed !important;
828 text-decoration:none !important;
829 }
830 #wppm_task_comment{
831 width: 80%;
832 height: 30px;
833 padding: 5px;
834 margin-bottom: 15px;
835 overflow: hidden;
836 border: 1px solid #eee;
837 color:#eee;
838 margin-top: 10px;
839 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
840 }
841 .wppm_attachment_title{
842 font: 15px "Helvetica Neue",Helvetica,Arial,sans-serif;
843 }
844 .wppm_comment_date{
845 color:#a8aeb5;
846 }
847 .wppm_comment_date:hover{
848 color:#000000;
849 font-style: normal;
850 }
851 #wppm_attach_file{
852 color:#301db7;
853 cursor:pointer;
854 font-weight: normal;
855 text-decoration-line: underline;
856 text-decoration-style: dotted;
857 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
858 }
859 #wppm_individual_cancel_comment_btn{
860 float:right;
861 background-color:#ffffff;
862 margin-left: 5px;
863 margin-top:5px;
864 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
865 }
866 #wppm_individual_submit_task_comment_btn{
867 float:right;
868 margin-left: 5px;
869 margin-top:5px;
870 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
871 }
872 .wppm_thread_messege{
873 font-size: 14px;
874 font-weight: 400;
875 color: #4e4e4e;
876 }
877 .wppm_attachment_cancel{
878 float: right;
879 margin: -22px 0px 0 0;
880 cursor: pointer;
881 }
882 .widget_header{
883 margin-bottom: 3px !important;
884 font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif !important;
885 }
886 .wppm_task_label,.wppm_checklist_label,.wppm_project_label{
887 font: 18px "Helvetica Neue",Helvetica,Arial,sans-serif !important;
888 }
889 .widget_divider{
890 margin-top: 4px !important;
891 margin-bottom: 6px !important;
892 }
893 .wppm_individual_task_widget{
894 margin-top: 15px!important;
895 }
896 .select2-container{
897 z-index:999999999999!important;
898 width:100%!important;
899 }
900 .flatpickr-calendar{
901 z-index:999999999999!important;
902 }
903 #wppm_edit_task_label{
904 width: 100%;
905 margin-bottom: 10px;
906 }
907 #wppm_edit_project_title, #wppm_edit_task_priority,#wppm_edit_task_description_label{
908 margin-bottom:10px;
909 }
910 #wppm_edit_task_priority{
911 max-width:100%!important;
912 }
913 .wppm_edit_task_details_widget, .wppm_thread_action, .wppm_edit_project_details_widget{
914 float:right;
915 cursor:pointer;
916 }
917 .wppm_add_new_task_btn, #wppm_task_list_btn,#wppm_delete_btn,#wppm_delete_task_btn,#wppm_clone_task_btn{
918 cursor: pointer;
919 }
920 #wppm_project_details_container{
921 border: 1px solid #eee;
922 margin-top: 12px;
923 padding-top: 10px;
924 margin-bottom: 12px;
925 }
926 #wppm_view_project_task{
927 background-color: #ffffff;
928 }
929 #wppm_project_tasks,.wppm_add_new_project_btn{
930 cursor:pointer;
931 }
932 #wppm_add_new_project_btn{
933 margin-bottom: 10px;
934 }
935 #wppm_delete_project_icon, #wppm_add_new_project_icon, #wppm_project_list_icon, #wppm_task_list_icon{
936 margin-top: -3px;
937 }
938 .wppm_add_new_icon{
939 float: right!important;
940 cursor:pointer;
941 }
942 .wppm_flex {
943 display: flex !important;
944 }
945 .attachment_link span{
946 font-size: 13px;
947 color: #0077AE;
948 cursor: pointer;
949 text-decoration-line: underline;
950 text-decoration-style:dotted;
951 padding-right: 10px;
952 }
953 .wppm_bootstrap select{
954 max-width:100% !important;
955 }
956 #wppm_en_body {
957 height: 200px !important;
958 }
959 #wppm_tbl_templates tr{
960 cursor:pointer;
961 }
962 #tbl_project_tasks td, #tbl_project_tasks th{
963 text-align: center;
964 }
965 #tbl_project_tasks tr{
966 cursor:pointer;
967 }
968 .wppm-pagination-txt{
969 text-decoration: none;
970 cursor: default;
971 padding-right: 5px;
972 }
973 .wppm_task_pagination{
974 float:right;
975 color:#5f6368;
976 margin-right:10px;
977 cursor:pointer;
978 }
979 .wppm_proj_pagination{
980 color:#5f6368;
981 cursor:pointer;
982 }
983 .wppm_proj_pagination_container, .wppm_task_pagination_container{
984 height: 30px;
985 margin-top: 10px;
986 display: flex;
987 font-family: 'OpenSans-Semibold',"Helvetica Neue",Arial,Helvetica,sans-serif;
988 font-size: 14px;
989 }
990 .wppm_proj_pagination_container a, .wppm_task_pagination_container a{
991 color:#0073aa;
992 }
993 .wppm_pagination_prev{
994 border-left-width: 1px;
995 border-left-style: solid;
996 padding-left: .75em;
997 padding-right: .5em;
998 text-decoration: none;
999 border-color: #cdcdcd;
1000 color:#0073aa;
1001 }
1002 .wppm_pagination_next{
1003 border-left-width: 1px;
1004 border-left-style: solid;
1005 padding-left: .75em;
1006 padding-right: .5em;
1007 text-decoration: none;
1008 border-color: #cdcdcd;
1009 color:#337ab7;
1010 }
1011 .wppm_thread_action_btn{
1012 float: right;
1013 cursor: pointer;
1014 margin-left: 10px;
1015 color: #a7a9ab;
1016 font-size: 14px;
1017 }
1018 .wppm-task-list-btn{
1019 cursor:pointer;
1020 }
1021 .wppm_setting_pills li{
1022 background-color: #ffffff;
1023 border-radius: 15px !important;
1024 color:#9c9c9c !important;
1025 line-height:normal !important;
1026 }
1027 .wppm_email_notification_table td{
1028 font-weight: 400;
1029 font-family: "Nunito", "Segoe UI", arial;
1030 }
1031 .wppm_email_notification_table th{
1032 font-weight: 400;
1033 font-family: "Nunito", "Segoe UI", arial;
1034 font-weight: bold;
1035 }
1036 .wppm_task_result{
1037 text-align: center;
1038 margin-top: 15px;
1039 font-family: 'OpenSans-Light',Arial,Helvetica,sans-serif;
1040 font-size: 15px;
1041 color: #525c69;
1042 }
1043 .wppm_project_result{
1044 text-align: center;
1045 font-family: 'OpenSans-Light',Arial,Helvetica,sans-serif;
1046 font-size: 15px;
1047 color: #525c69;
1048 }
1049 #wppm_edit_project_label{
1050 margin-bottom: 10px;
1051 }
1052 #wppm_edit_project_category{
1053 margin-bottom: 20px;
1054 }
1055 #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{
1056 font:13px "Helvetica Neue",Helvetica,Arial,sans-serif;
1057 }
1058 .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{
1059 font:13px "Helvetica Neue",Helvetica,Arial,sans-serif;
1060 margin-bottom: 5px;
1061 }
1062 #frm_get_project_users ul, #frm_get_task_users ul{
1063 z-index: 10000!important;
1064 position: absolute;
1065 box-shadow: 0 1px 2px rgb(79 148 212 / 80%);
1066 background-color: #fff;
1067 cursor: pointer;
1068 }
1069
1070 .wppm_bootstrap .wppm_padding_space{
1071 padding-top: 20px;
1072 }
1073
1074 .wppm_bootstrap .pricing-widget {
1075 margin-bottom: 30px;
1076 }
1077 .wppm_bootstrap .pheader {
1078 background-color: #555;
1079 color: #ffffff;
1080 padding: 10px;
1081 }
1082 .wppm_bootstrap .pheader .title{
1083 padding: 0;
1084 margin: 0;
1085 text-align: center;
1086 }
1087 .wppm_bootstrap .pheader .subtitle{
1088 padding: 0;
1089 margin: 10px 0 0;
1090 text-align: center;
1091 }
1092 .wppm_bootstrap .payment_freq {
1093 color: #fff !important;
1094 }
1095 .wppm_bootstrap .pbody {
1096 padding: 20px;
1097 border: 1px solid #555;
1098 }
1099 .wppm_bootstrap .addon-container {
1100 display: flex;
1101 align-items: center;
1102 padding: 5px 0;
1103 }
1104 .wppm_bootstrap .addon-details {
1105 flex-grow: 1;
1106 padding-left: 5px;
1107 }
1108 .wppm_bootstrap .pfooter {
1109 display: flex;
1110 border-left: 1px solid #555;
1111 border-right: 1px solid #555;
1112 border-bottom: 1px solid #555;
1113 justify-content: center;
1114 padding: 10px 0;
1115 }
1116
1117 .wppm_bootstrap .purchase_addon{
1118 padding-right: 5px;
1119 }
1120
1121 #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{
1122 margin-right:-19px;
1123 }
1124
1125 .wppm-help-container{
1126 padding: 10px;
1127 background-color: #f0f0f1;
1128 margin-bottom: 15px;
1129 border-radius: 3px;
1130 }
1131
1132 #wppm_public_project_label{
1133 padding: 10px 0px 0px 10px;
1134 }
1135
1136 .wppm-filter-actions{
1137 display: flex;
1138 flex-wrap: wrap;
1139 align-items: center;
1140 }
1141
1142 #wppm_project_filter_container{
1143 display: flex;
1144 flex-wrap: wrap;
1145 align-items: flex-end;
1146 margin-bottom: 10px;
1147 }
1148
1149 #wppm_task_filter_container{
1150 display: flex;
1151 flex-wrap: wrap;
1152 align-items: flex-end;
1153 margin-bottom: 10px;
1154 }
1155
1156 #wppm_task_filter{
1157 border: 1px solid #ccc !important;
1158 background-color:#FFFFFF;
1159 border-radius:4px;
1160 font: 15px "Helvetica Neue",Arial,Helvetica,sans-serif !important;
1161 }
1162
1163 .wppm-filter-item {
1164 max-width: 200px;
1165 margin-right: 5px;
1166 margin-bottom: 10px;
1167 }
1168 .wppm-filter-item select {
1169 width: 100% !important;
1170 }
1171
1172 .wppm-filter-item label{
1173 font-size: 12px;
1174 font-weight: 600;
1175 margin-bottom: 3px;
1176 vertical-align: middle;
1177 color: #858c96;
1178 }
1179
1180 .wppm_display_submit{
1181 display: flex;
1182 margin-bottom: 10px;
1183 }
1184
1185 .wppm-filter-actions span {
1186 cursor: pointer;
1187 font-size: 16px;
1188 text-decoration: underline;
1189 margin-bottom: 7px!important;
1190 font: 14px "Helvetica Neue",Arial,Helvetica,sans-serif !important;
1191 color: #858c96;
1192 }
1193
1194 .wppm-link {
1195 cursor: pointer !important;
1196 text-decoration: none !important;
1197 }
1198
1199 .wppm-link:hover {
1200 color: #2271b1 !important;
1201 text-decoration: underline !important;
1202 }
1203
1204 #wppm_project_list_container select{
1205 min-height: 30px !important;
1206 max-height: 35px !important;
1207 padding: 0 24px 0 8px !important;
1208 border: 1px solid #ccc !important;
1209 font: 14px "Helvetica Neue",Arial,Helvetica,sans-serif !important;
1210 }
1211
1212 #wppm_task_list_container select{
1213 min-height: 30px !important;
1214 max-height: 35px !important;
1215 padding: 0 24px 0 8px !important;
1216 border: 1px solid #ccc !important;
1217 font: 15px "Helvetica Neue",Arial,Helvetica,sans-serif !important;
1218 }