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

1,543 lines 32.8 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 solid #8a8a8a !important;
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: 0 15px 15px 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
456 .wppm_label{
457 font-size: 12px;
458 font-weight: 600;
459 color: #9c9c9c;
460 width: 100%;
461 }
462 #wppm_avatar{
463 background-color:black;
464 padding: 3px;
465 color: #fff;
466 display: inline!important;
467 }
468 #wppm_project_search_filter{
469 padding: 0 30px;
470 border-radius: 20px;
471 font: 12px "Helvetica Neue",Arial,Helvetica,sans-serif;
472 }
473 #wppm_project_search_filter_img, .wppm_task_search_filter_img{
474 position: relative !important;
475 top: 10px;
476 left: 30px;
477 }
478 .wppm_add_new_task_img, .wppm_task_list_image{
479 padding-right: 5px;
480 padding-bottom: 3px;
481 }
482 .wppm_table_td{
483 font-size: 14px !important;
484 }
485 #wppm_project_and_task_search{
486 width:40%;
487 margin-top: 15px;
488 }
489 #wppm_project_and_task_search svg{
490 width: 16px;
491 height: 16px;
492 margin-left: 10px;
493 float: left;
494 margin-top: -26px;
495 cursor: pointer;
496 }
497 .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{
498 border: 1px solid #ddd;
499 list-style-type: none!important;
500 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
501 }
502 #wppm_task_search{
503 width:40%;
504 margin-top: 15px;
505 }
506 #wppm_task_search svg{
507 width: 16px;
508 height: 16px;
509 margin-left: 10px;
510 float: left;
511 margin-top: -26px;
512 cursor: pointer;
513 }
514 #wppm_task_search_filter{
515 padding: 0 30px;
516 border-radius: 20px;
517 }
518 #wppm_more_filter_option div{
519 display: inline-block;
520 }
521 #wppm_heading_inline svg{
522 width: 28px;
523 height:23px;
524 }
525 .wppm_card_header{
526 border-bottom: 1px solid #EFF2F7;
527 height: 35px;
528 padding-top: 5px;
529 padding-bottom: 5px;
530 }
531 .wppm_task_list{
532 border:1px solid #EFF2F7;
533 display:flex;
534 flex-direction:column;
535 flex-basis: 30%;
536 /* flex: 1 0 auto; */
537 overflow: hidden;
538 flex-grow: 1;
539 flex-shrink: 0;
540 margin:5px;
541 }
542 @media screen and (max-width: 767px) {
543 .wppm_task_list{
544 flex-basis: 50%;
545 }
546 }
547 .wppm_task_name_grid_view, .wppm_task_due_date_grid_view, .wppm_empty_container, .wppm_proj_name_grid_view{
548 font-family: "OpenSans-Semibold","Helvetica Neue",Arial,Helvetica,sans-serif;
549 font-size: 14px;
550 }
551 .wppm_card_body{
552 text-align: center;
553 border:1px solid #EFF2F7;
554 margin: 10px;
555 text-align:left;
556 padding: 10px 5px 10px 0px;
557 border-radius: 5px;
558 }
559 .wppm_task_container{
560 overflow:scroll;
561 display: flex;
562 flex-direction: row;
563 margin-top:40px;
564 overflow-x: auto;
565 overflow-y: auto;
566 min-height: 750px;
567 }
568 #wppm_task_frm_field_container{
569 padding-top: 20px;
570 width:100%;
571 }
572 #wppm_add_new_task{
573 margin:20px;
574 background-color: #FFFFFF;
575 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
576 }
577 #wppm_task_container{
578 border-radius: 4px;
579 border: 1px solid #E5E4E4;
580 background-color: #fff;
581 color: #2C3E50;
582 min-height: 300px;
583 width: 99%;
584 }
585 .wppm-submit-btn{
586 color: #FFF !important;
587 background-color: #306EFF;
588 border-color: #306EFF;
589 box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%);
590 cursor: pointer;
591 border-radius: 50px !important;
592 padding: 5px;
593 }
594 .wppm_btn{
595 border-radius: 15px!important;
596 }
597 .wppm_reset_btn{
598 color: #273444;
599 background-color: #EFF2F7;
600 border-color: #EFF2F7;
601 border-radius: 50px;
602 padding: 5px;
603 }
604 .select2-selection--single{
605 height:35px!important;
606 }
607 .select2-container{
608 width:500px!important;
609 }
610 .wppm_td_task_status{
611 border-radius: 30px;
612 padding: 3px 5px 3px 5px;
613 font-weight: 600;
614 letter-spacing: .3px;
615 font-size: 10px;
616 display: inline-block;
617 text-align: center;
618 line-height: 1;
619 }
620 .wppm_td_task_priority{
621 border-radius: 30px;
622 padding: 3px 5px 3px 5px;
623 font-weight: 600;
624 letter-spacing: .3px;
625 font-size: 10px;
626 display: inline-block;
627 text-align: center;
628 line-height: 1;
629 }
630 .wppm_empty_container{
631 display: flex;
632 justify-content: center;
633 align-items: center;
634 font-size: 10;
635 font-weight: 500;
636 color: #becdd9;
637 border: 1px dashed #becdd9;
638 height: 0;
639 opacity: 0;
640 border-radius: 15px;
641 opacity: 1;
642 height: 60px;
643 margin-top: 10px;
644 }
645 .wppm_card_task_action{
646 text-align:right;
647 }
648 .wppm_card_task_progress{
649 color:#8492A6;
650 text-align: right;
651 }
652 .wppm_status_name{
653 text-align:left;
654 font-family: "OpenSans-Regular","Helvetica Neue",Arial,Helvetica,sans-serif;
655 font-size: 15px;
656 padding-top: 5px;
657 }
658 .wppm_task_frm_fields ul{
659 border: 1px solid #ddd;
660 list-style-type: none;
661 }
662 .wppm_task_frm_fields li{
663 padding: 5px;
664 }
665 #wppm_view_task_search_filter{
666 padding: 0 30px;
667 border-radius: 20px;
668 }
669 .wppm_task_details, .wppm_project_details{
670 border-bottom: 1px dashed;
671 cursor: pointer;
672 display: inline-block;
673 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
674 }
675 .wppm_task_details_priority{
676 cursor: pointer;
677 }
678 .wppm_task_details_label, #wppm_add_checklist, .wppm_project_details_label{
679 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
680 color: #858c96;
681 width: 98px;
682 float: left;
683 word-wrap: break-word;
684 margin: 5px;
685 cursor: pointer;
686 }
687 .wppm_task_details_container{
688 background-color: #FFFFFF;
689 margin: 15px;
690 padding-bottom: 10px;
691 border: 1px solid #eee !important;
692 }
693 .wppm_task_checklist_container, .wppm_thread{
694 background-color: #FFFFFF;
695 margin: 15px;
696 border: 1px solid #eee !important;
697 }
698 .wppm_proj_thread{
699 background-color: #FFFFFF;
700 border: 1px solid #eee !important;
701 }
702
703 .wppm_progress_bar_container{
704 margin-bottom: 6px;
705 margin-top: 5px;
706 position: relative;
707 }
708 .wppm_progress_bar{
709 background: rgba(9,30,66,.08);
710 border-radius: 4px;
711 clear: both;
712 height: 8px;
713 margin: 0 0 0 40px;
714 overflow: hidden;
715 position: relative;
716 }
717 .wppm_progressbar_label {
718 color: #5e6c84;
719 font-size: 11px;
720 line-height: 10px;
721 position: absolute;
722 top: -1px;
723 left:0;
724 text-align: center;
725 width: 32px;
726 margin-left:10px;
727 }
728 .wppm_checkprogress{
729 bottom: 0;
730 left: 0;
731 position: absolute;
732 overflow:hidden;
733 top: 0;
734 transition-duration: .14s;
735 transition-timing-function: ease-in;
736 margin:10px,0px,10px,0px !important;
737 }
738 .wppm_checklist_divider{
739 margin: 0 15px 0 15px;
740 }
741 .wppm_add_checklist_item_btn{
742 margin-top:10px !important;
743 }
744 #wppm_checklist_btn{
745 margin:10px;
746 }
747 #wppm_add_checklist{
748 border-bottom: 1px dashed;
749 }
750 .wppm_total_checked_item{
751 margin-left: 5px !important;
752 margin-bottom: 10px !important;
753 }
754 .wppm_checklist_total_checked_item{
755 color:#8492A6;
756 font-size: 10px !important;
757 }
758 .wppm_checklist input[type="checkbox"]{
759 margin:5px;
760 }
761 .wppm_card_body{
762 cursor:pointer;
763 }
764 #wppm_grid_view_btn{
765 border: 1px solid #ccc;
766 padding: 5px;
767 background-color: #FFFFFF;
768 float: right;
769 border-radius: 4px;
770 cursor: pointer;
771 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
772 color: #858c96;
773 margin-bottom: 5px;
774 margin-top: 5px;
775 }
776 #wppm_list_view_btn{
777 border: 1px solid #ccc;
778 padding: 5px;
779 background-color: #FFFFFF;
780 float: right;
781 border-radius: 4px;
782 cursor: pointer;
783 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
784 color: #858c96;
785 }
786 #wppm_select_user_role{
787 margin: 10px 10px 10px 0px;
788 }
789 .wppm_delete_user_icon, .wppm_user_roles{
790 margin-top: 7px;
791 cursor: pointer;
792 }
793 #wppm_project_users,#wppm_task_users {
794 margin-bottom: 10px;
795 }
796 .wppm_project_user_avatar,.wppm_task_user_avatar{
797 padding: 10px;
798 overflow:hidden;
799 }
800 .wppm_project_user_names, .wppm_task_user_names,.wppm_project_user_role{
801 padding: 0 0 10px 5px;
802 overflow:hidden;
803 color:#9c9c9c;
804 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
805 }
806 .wppm_project_users_not_assign_label{
807 color:#9c9c9c;
808 }
809 .wppm_user_display_container, .wppm_task_user_display_container{
810 padding: 5px;
811 }
812 #wppm_user_name, #wppm_task_user_name{
813 margin-bottom: 10px;
814 }
815 #wppm_task_users,#wppm_project_creator{
816 margin-left: 10px;
817 }
818 #wppm_comment_btn{
819 display:none;
820 padding: 10px;
821 }
822 #wppm_proj_comment_btn{
823 display:none;
824 padding: 10px;
825 }
826 #wppm_activity_container{
827 background-color:#ffffff;
828 margin:15px;
829 border: 1px solid #eee !important;
830 }
831 .wppm_task_discussion{
832 font: 18px "Helvetica Neue",Helvetica,Arial,sans-serif;
833 }
834 .wppm_proj_discussion{
835 font: 18px "Helvetica Neue",Helvetica,Arial,sans-serif;
836 }
837 .wppm_delete_checklist{
838 color:#b73232 !important;
839 font: 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
840 border-bottom: 1px dashed;
841 position: relative;
842 margin-left: 12px;
843 cursor: pointer;
844 transition: 170ms linear all;
845 }
846 .wppm_delete_checklist:hover{
847 color:#2067b0 !important;
848 border-bottom: 1px dashed !important;
849 text-decoration:none !important;
850 }
851 .wppm_add_checklist{
852 color: #80868e !important;
853 font: 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
854 border-bottom: 1px dashed !important;
855 position: relative;
856 margin-left: 12px;
857 cursor: pointer;
858 transition: 170ms linear all;
859 }
860 .wppm_add_checklist:hover{
861 border-bottom: 1px dashed !important;
862 text-decoration:none !important;
863 }
864 #wppm_task_comment{
865 width: 80%;
866 height: 30px;
867 padding: 5px;
868 margin-bottom: 15px;
869 overflow: hidden;
870 border: 1px solid #eee;
871 color:#eee;
872 margin-top: 10px;
873 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
874 }
875 #wppm_proj_comment{
876 width: 80%;
877 height: 30px;
878 padding: 5px;
879 margin-bottom: 15px;
880 overflow: hidden;
881 border: 1px solid #eee;
882 color:#eee;
883 margin-top: 10px;
884 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
885 }
886 .wppm_attachment_title{
887 font: 15px "Helvetica Neue",Helvetica,Arial,sans-serif;
888 }
889 .wppm_comment_date{
890 color:#a8aeb5;
891 }
892 .wppm_comment_date:hover{
893 color:#000000;
894 font-style: normal;
895 }
896 #wppm_attach_file{
897 color:#301db7;
898 cursor:pointer;
899 font-weight: normal;
900 text-decoration-line: underline;
901 text-decoration-style: dotted;
902 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
903 }
904 #wppm_individual_cancel_comment_btn{
905 float:right;
906 background-color:#ffffff;
907 margin-left: 5px;
908 margin-top:5px;
909 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
910 }
911 #wppm_individual_submit_task_comment_btn{
912 float:right;
913 margin-left: 5px;
914 margin-top:5px;
915 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
916 }
917 #wppm_proj_attach_file{
918 color:#301db7;
919 cursor:pointer;
920 font-weight: normal;
921 text-decoration-line: underline;
922 text-decoration-style: dotted;
923 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
924 }
925 #wppm_individual_cancel_proj_comment_btn{
926 float:right;
927 background-color:#ffffff;
928 margin-left: 5px;
929 margin-top:5px;
930 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
931 }
932 #wppm_individual_submit_proj_comment_btn{
933 float:right;
934 margin-left: 5px;
935 margin-top:5px;
936 font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
937 }
938 .wppm_thread_messege{
939 font-size: 14px;
940 font-weight: 400;
941 color: #4e4e4e;
942 }
943 .wppm_attachment_cancel{
944 float: right;
945 margin: -22px 0px 0 0;
946 cursor: pointer;
947 }
948 .widget_header{
949 margin-bottom: 3px !important;
950 font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif !important;
951 }
952 .wppm_task_label,.wppm_checklist_label,.wppm_project_label{
953 font: 18px "Helvetica Neue",Helvetica,Arial,sans-serif !important;
954 }
955 .widget_divider{
956 margin:4px 0 6px 0px !important;
957 }
958 .wppm_individual_task_widget{
959 margin-top: 15px!important;
960 }
961 .select2-container{
962 z-index:999999999999!important;
963 width:100%!important;
964 }
965 .flatpickr-calendar{
966 z-index:999999999999!important;
967 }
968 #wppm_edit_task_label{
969 width: 100%;
970 margin-bottom: 10px;
971 }
972 #wppm_edit_project_title, #wppm_edit_task_priority,#wppm_edit_task_description_label{
973 margin-bottom:10px;
974 }
975 #wppm_edit_task_priority{
976 max-width:100%!important;
977 }
978 .wppm_edit_task_details_widget, .wppm_thread_action, .wppm_edit_project_details_widget{
979 float:right;
980 cursor:pointer;
981 }
982 .wppm_add_new_task_btn, #wppm_task_list_btn,#wppm_delete_btn,#wppm_delete_task_btn,#wppm_clone_task_btn{
983 cursor: pointer;
984 }
985 #wppm_project_details_container{
986 border: 1px solid #eee;
987 margin-top: 12px;
988 padding-top: 10px;
989 margin-bottom: 12px;
990 }
991 #wppm_view_project_task{
992 background-color: #ffffff;
993 }
994 #wppm_project_tasks,.wppm_add_new_project_btn{
995 cursor:pointer;
996 }
997 #wppm_add_new_project_btn{
998 margin-bottom: 10px;
999 }
1000 #wppm_delete_project_icon, #wppm_add_new_project_icon, #wppm_project_list_icon, #wppm_task_list_icon{
1001 margin-top: -3px;
1002 }
1003 .wppm_add_new_icon{
1004 float: right!important;
1005 cursor:pointer;
1006 }
1007 .wppm_flex {
1008 display: flex !important;
1009 }
1010 .attachment_link span{
1011 font-size: 13px;
1012 color: #0077AE;
1013 cursor: pointer;
1014 text-decoration-line: underline;
1015 text-decoration-style:dotted;
1016 padding-right: 10px;
1017 }
1018 .wppm_bootstrap select{
1019 max-width:100% !important;
1020 }
1021 #wppm_en_body {
1022 height: 200px !important;
1023 }
1024 #wppm_tbl_templates tr{
1025 cursor:pointer;
1026 }
1027 #tbl_project_tasks td, #tbl_project_tasks th{
1028 text-align: center;
1029 }
1030 #tbl_project_tasks tr{
1031 cursor:pointer;
1032 }
1033 .wppm-pagination-txt{
1034 text-decoration: none;
1035 cursor: default;
1036 padding-right: 5px;
1037 }
1038 .wppm_task_pagination{
1039 float:right;
1040 color:#5f6368;
1041 margin-right:10px;
1042 cursor:pointer;
1043 }
1044 .wppm_proj_pagination{
1045 color:#5f6368;
1046 cursor:pointer;
1047 }
1048 .wppm_proj_pagination_container, .wppm_task_pagination_container{
1049 height: 30px;
1050 margin-top: 10px;
1051 display: flex;
1052 font-family: 'OpenSans-Semibold',"Helvetica Neue",Arial,Helvetica,sans-serif;
1053 font-size: 14px;
1054 }
1055 .wppm_proj_pagination_container a, .wppm_task_pagination_container a{
1056 color:#0073aa;
1057 }
1058 .wppm_pagination_prev{
1059 border-left-width: 1px;
1060 border-left-style: solid;
1061 padding-left: .75em;
1062 padding-right: .5em;
1063 text-decoration: none;
1064 border-color: #cdcdcd;
1065 color:#0073aa;
1066 }
1067 .wppm_pagination_next{
1068 border-left-width: 1px;
1069 border-left-style: solid;
1070 padding-left: .75em;
1071 padding-right: .5em;
1072 text-decoration: none;
1073 border-color: #cdcdcd;
1074 color:#337ab7;
1075 }
1076 .wppm_thread_action_btn{
1077 float: right;
1078 cursor: pointer;
1079 margin-left: 10px;
1080 color: #a7a9ab;
1081 font-size: 14px;
1082 }
1083 .wppm-task-list-btn{
1084 cursor:pointer;
1085 }
1086 .wppm_setting_pills li{
1087 background-color: #ffffff;
1088 border-radius: 15px !important;
1089 color:#9c9c9c !important;
1090 line-height:normal !important;
1091 }
1092 .wppm_email_notification_table td{
1093 font-weight: 400;
1094 font-family: "Nunito", "Segoe UI", arial;
1095 }
1096 .wppm_email_notification_table th{
1097 font-weight: 400;
1098 font-family: "Nunito", "Segoe UI", arial;
1099 font-weight: bold;
1100 }
1101 .wppm_task_result{
1102 text-align: center;
1103 margin-top: 15px;
1104 font-family: 'OpenSans-Light',Arial,Helvetica,sans-serif;
1105 font-size: 15px;
1106 color: #525c69;
1107 }
1108 .wppm_project_result{
1109 text-align: center;
1110 font-family: 'OpenSans-Light',Arial,Helvetica,sans-serif;
1111 font-size: 15px;
1112 color: #525c69;
1113 }
1114 #wppm_edit_project_label{
1115 margin-bottom: 10px;
1116 }
1117 #wppm_edit_project_category{
1118 margin-bottom: 20px;
1119 }
1120 #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{
1121 font:13px "Helvetica Neue",Helvetica,Arial,sans-serif;
1122 }
1123 .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{
1124 font:13px "Helvetica Neue",Helvetica,Arial,sans-serif;
1125 margin-bottom: 5px;
1126 }
1127 #frm_get_project_users ul, #frm_get_task_users ul{
1128 z-index: 10000!important;
1129 position: absolute;
1130 box-shadow: 0 1px 2px rgb(79 148 212 / 80%);
1131 background-color: #fff;
1132 cursor: pointer;
1133 }
1134
1135 .wppm_bootstrap .wppm_padding_space{
1136 padding-top: 20px;
1137 }
1138
1139 .wppm_bootstrap .pricing-widget {
1140 margin-bottom: 30px;
1141 }
1142 .wppm_bootstrap .pheader {
1143 background-color: #555;
1144 color: #ffffff;
1145 padding: 10px;
1146 }
1147 .wppm_bootstrap .pheader .title{
1148 padding: 0;
1149 margin: 0;
1150 text-align: center;
1151 }
1152 .wppm_bootstrap .pheader .subtitle{
1153 padding: 0;
1154 margin: 10px 0 0;
1155 text-align: center;
1156 }
1157 .wppm_bootstrap .payment_freq {
1158 color: #fff !important;
1159 }
1160 .wppm_bootstrap .pbody {
1161 padding: 20px;
1162 border: 1px solid #555;
1163 }
1164 .wppm_bootstrap .addon-container {
1165 display: flex;
1166 align-items: center;
1167 padding: 5px 0;
1168 }
1169 .wppm_bootstrap .addon-details {
1170 flex-grow: 1;
1171 padding-left: 5px;
1172 }
1173 .wppm_bootstrap .pfooter {
1174 display: flex;
1175 border-left: 1px solid #555;
1176 border-right: 1px solid #555;
1177 border-bottom: 1px solid #555;
1178 justify-content: center;
1179 padding: 10px 0;
1180 }
1181
1182 .wppm_bootstrap .purchase_addon{
1183 padding-right: 5px;
1184 }
1185
1186 #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{
1187 margin-right:-19px;
1188 }
1189
1190 .wppm-help-container{
1191 padding: 10px;
1192 background-color: #f0f0f1;
1193 margin-bottom: 15px;
1194 border-radius: 3px;
1195 }
1196
1197 #wppm_public_project_label{
1198 padding: 10px 0px 0px 10px;
1199 }
1200
1201 .wppm-filter-actions{
1202 display: flex;
1203 flex-wrap: wrap;
1204 align-items: center;
1205 }
1206
1207 #wppm_project_filter_container{
1208 display: flex;
1209 flex-wrap: wrap;
1210 align-items: flex-end;
1211 margin-bottom: 10px;
1212 }
1213
1214 #wppm_task_filter_container{
1215 display: flex;
1216 flex-wrap: wrap;
1217 align-items: flex-end;
1218 margin-bottom: 10px;
1219 }
1220
1221 #wppm_task_filter, #wppm_task_list_proj_filter
1222 {
1223 border: 1px solid #ccc !important;
1224 background-color:#FFFFFF;
1225 border-radius:4px;
1226 font: 15px "Helvetica Neue",Arial,Helvetica,sans-serif !important;
1227 }
1228
1229 .wppm-filter-item {
1230 max-width: 200px;
1231 margin-right: 5px;
1232 margin-bottom: 10px;
1233 margin: 0 5px 10px 10px;
1234 }
1235 .wppm-filter-item select {
1236 width: 100% !important;
1237 }
1238
1239 .wppm-filter-item label{
1240 font-size: 12px;
1241 font-weight: 600;
1242 margin-bottom: 3px;
1243 vertical-align: middle;
1244 color: #858c96;
1245 }
1246
1247 .wppm_display_submit{
1248 display: flex;
1249 margin-bottom: 10px;
1250 }
1251
1252 .wppm-filter-actions span {
1253 cursor: pointer;
1254 font-size: 16px;
1255 text-decoration: underline;
1256 margin-bottom: 7px!important;
1257 font: 14px "Helvetica Neue",Arial,Helvetica,sans-serif !important;
1258 color: #858c96;
1259 }
1260
1261 .wppm-link {
1262 cursor: pointer !important;
1263 text-decoration: none !important;
1264 }
1265
1266 .wppm-link:hover {
1267 color: #2271b1 !important;
1268 text-decoration: underline !important;
1269 }
1270
1271 #wppm_project_list_container select{
1272 min-height: 30px !important;
1273 max-height: 35px !important;
1274 padding: 0 24px 0 8px !important;
1275 border: 1px solid #ccc !important;
1276 font: 14px "Helvetica Neue",Arial,Helvetica,sans-serif !important;
1277 }
1278
1279 #wppm_task_list_container select{
1280 min-height: 30px !important;
1281 max-height: 35px !important;
1282 padding: 0 24px 0 8px !important;
1283 border: 1px solid #ccc !important;
1284 font: 15px "Helvetica Neue",Arial,Helvetica,sans-serif !important;
1285 }
1286
1287 #wppm_proj_discussion_container{
1288 background-color: #ffffff;
1289 border: 1px solid #eee !important;
1290 }
1291 .wppm-setting-tab-container {
1292 display: flex;
1293 flex-wrap: wrap;
1294 width: 100%;
1295 align-items: center;
1296 margin-bottom: 10px;
1297 background-color:#F0F0F1;
1298 }
1299 .wppm-setting-tab-container button {
1300 padding: 7px 15px;
1301 font-size: 16px;
1302 font-weight: normal;
1303 border: none !important;
1304 color: #6A6A6A;
1305 background-color: transparent;
1306 cursor: pointer;
1307 border-radius: 16px;
1308 margin: 10 0 5px 5px;
1309 }
1310 .wppm-setting-tab-container button.active,
1311 .wppm-setting-tab-container button:hover {
1312 color: #fff;
1313 background-color: #FFA04A;
1314 }
1315 .wppm-input-group {
1316 width: 100%;
1317 display: flex;
1318 flex-direction: column;
1319 padding-bottom: 15px;
1320 box-sizing: border-box;
1321 }
1322 .wppm-input-group .label-container {
1323 display: flex;
1324 align-items: center;
1325 color: #000;
1326 margin-bottom: 2px;
1327 }
1328 .wppm-input-group label {
1329 font-size: 12px;
1330 font-weight: 600;
1331 margin-right: 5px;
1332 }
1333 .wppm-input-group .label-container svg {
1334 width: 12px;
1335 margin-left: 5px;
1336 }
1337 .wppm-input-group input[type="text"],
1338 .wppm-input-group select {
1339 width: 100%;
1340 max-width: 100%;
1341 }
1342 .wppm-input-group .checkbox-group,
1343 .wppm-input-group .radio-group {
1344 width: 100%;
1345 display: flex;
1346 flex-wrap: wrap;
1347 align-items: center;
1348 }
1349 .wppm-input-group .checkbox-group div,
1350 .wppm-input-group .radio-group div {
1351 width: 250px;
1352 display: flex;
1353 flex-wrap: wrap;
1354 align-items: center;
1355 margin: 0 10px 5px 0;
1356 }
1357 .wppm-input-group .checkbox-group div input,
1358 .wppm-input-group .radio-group div input {
1359 margin: 0 5px 0 0 !important;
1360 }
1361 .wppm-input-group .checkbox-group div span,
1362 .wppm-input-group .radio-group div span {
1363 font-size: 12px;
1364 font-weight: 300;
1365 }
1366 .wppm-input-group .required-char {
1367 font-size: 12px;
1368 color: #ff0000;
1369 }
1370 .wppm-input-group .divide-bar {
1371 width: 100%;
1372 display: flex;
1373 flex-wrap: grid;
1374 align-items: center;
1375 }
1376
1377 /* Checkboxes */
1378 #wppm-container .checkbox-container,
1379 .wppm-modal .checkbox-container, #wppm_task_list_container .checkbox-container {
1380 display: flex;
1381 line-height: normal;
1382 }
1383 #wppm-container .checkbox-container input,
1384 .wppm-modal .checkbox-container input, #wppm_task_list_container .checkbox-container input{
1385 padding: 0;
1386 height: initial;
1387 width: initial;
1388 margin-bottom: 0;
1389 display: none;
1390 cursor: pointer;
1391 }
1392 #wppm-container .checkbox-container label,
1393 .wppm-modal .checkbox-container label , #wppm_task_list_container .checkbox-container label{
1394 position: relative;
1395 cursor: pointer;
1396 padding: 0 !important;
1397 font-size: 14px !important;
1398 }
1399 #wppm-container .checkbox-container label:before,
1400 .wppm-modal .checkbox-container label:before , #wppm_task_list_container .checkbox-container label:before{
1401 content:'';
1402 -webkit-appearance: none;
1403 background-color: #fff;
1404 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
1405 display: inline-block;
1406 position: relative;
1407 vertical-align: middle;
1408 cursor: pointer;
1409 margin-left: 5px;
1410 border: 1px solid #8a8a8a;
1411 }
1412 #wppm-container .checkbox-container input:checked + label:after,
1413 .wppm-modal .checkbox-container input:checked + label:after, #wppm_task_list_container .checkbox-container input:checked + label:after{
1414 content: '';
1415 display: block;
1416 position: absolute;
1417 top: 1px;
1418 right: 9px;
1419 width: 6px;
1420 height: 9px;
1421 border: solid #0079bf;
1422 border-width: 0 0 2px 2px;
1423 transform: matrix(-1, -1, -1, 1, 3, 0);
1424 }
1425 #wppm-container .checkbox-container label,
1426 .wppm-modal .checkbox-container label, #wppm_task_list_container .checkbox-container label{
1427 display: flex;
1428 }
1429 #wppm-container .checkbox-container label:before,
1430 .wppm-modal .checkbox-container label:before, #wppm_task_list_container .checkbox-container label:before{
1431 width: 18px !important;
1432 height: 18px !important;
1433 box-sizing: border-box;
1434 padding: 8px;
1435 }
1436 #wppm-container .checkbox-container label:after,
1437 .wppm-modal .checkbox-container label:after, #wppm_task_list_container .checkbox-container label:after {
1438 flex-grow: 1;
1439 }
1440 #wppm-container .checkbox-container p,
1441 .wppm-modal .checkbox-container p, #wppm_task_list_container .checkbox-container p{
1442 margin: 0 !important;
1443 }
1444
1445 .wppm-bulk-actions {
1446 display: flex;
1447 align-items: center;
1448 }
1449 .wppm-bulk-actions select {
1450 min-width: 150px;
1451 max-width: 250px;
1452 margin-left: 5px;
1453 }
1454 .wppm-bulk-actions button {
1455 margin-left: 10px;
1456 display: flex;
1457 align-items: center;
1458 }
1459 .wppm-bulk-actions button svg {
1460 height: 13px;
1461 margin-right: 15px;
1462 }
1463
1464 #wppm-bulk-actions{
1465 left: 0px!important;
1466 }
1467
1468 /* Popover Menu */
1469 .wppm-popover-menu {
1470 padding: 3px !important;
1471 border-radius: 3px !important;
1472 }
1473 .wppm-popover-menu-item {
1474 display: flex;
1475 align-items: center;
1476 padding: 10px;
1477 cursor: pointer;
1478 background-color: #fff;
1479 color: #707070;
1480 margin-left: 10px !important;
1481 }
1482 .wppm-popover-menu-item:hover {
1483 color: #fff;
1484 background-color: #313042 !important;
1485 }
1486 .wppm-popover-menu-item svg {
1487 width: 14px;
1488 margin-left: 10px;
1489 }
1490 .wppm-popover-menu-item span {
1491 font-size: 14px;
1492 }
1493
1494 .wppm-button.secondary {
1495 border: 1px solid #ccc !important;
1496 background-color: #fff !important;
1497 color: #313042 !important;
1498 font: 14px "Helvetica Neue", Arial, Helvetica, sans-serif !important;
1499 }
1500
1501 .wppm-button.small {
1502 font-size: 12px !important;
1503 }
1504
1505 #wppm_task_description, #wppm_proj_description{
1506 height: 160px !important;
1507 width: 100% !important;
1508 }
1509
1510 /* Form fields */
1511 .wppm-input-group {
1512 width: 100%;
1513 display: flex;
1514 flex-direction: column;
1515 padding-bottom: 15px;
1516 box-sizing: border-box;
1517 }
1518 .wppm-input-group .label-container {
1519 display: flex;
1520 align-items: center;
1521 color: #000;
1522 margin-bottom: 2px;
1523 }
1524 .wppm-input-group label {
1525 font-size: 12px;
1526 font-weight: 600;
1527 margin-left: 5px;
1528 }
1529 .wppm-input-group .label-container svg {
1530 width: 12px;
1531 margin-right: 5px;
1532 }
1533 .wppm-input-group input[type="text"],
1534 .wppm-input-group select {
1535 width: 100%;
1536 max-width: 100%;
1537 }
1538
1539 @media (max-width: 768px) {
1540 .wppm_task_list{
1541 flex-basis: 50% !important;
1542 }
1543 }