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