.wppm-heading-inline{
  display:inline-block;
  margin-right:5px;
  margin-bottom: 0;
  padding: 9px 0 4px 0;
  line-height: 1.3;
  font: 22px "OpenSans-Light",Helvetica,Arial,sans-serif;
}
.wppm_table_header{
  font-weight: normal;
  font-size: 14px;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}
.wppm_admin_logo{
  margin-right:5px !important;
}
.mce-window.mce-in, .mce-menu.mce-in.mce-animate{
  z-index: 900000000001 !important;;
}
.wppm-add-new-btn{
  padding: 4px 8px;
  position: relative;
  top: -3px;
  text-decoration: none;
  border: 1px solid #0071a1;
  border-radius: 2px;
  text-shadow: none;
  font-weight: 600;
  font-size: 13px;
  line-height: normal;
  color: #0071a1;
  background: #f3f5f6;
  cursor: pointer;
  display: inline-block;
}
.wppm_loading_icon img{
  margin-left:  auto;
  margin-right:  auto;
  margin-top: auto;
  display:  block;
  margin-bottom: auto;
}
#wppm_project_container .wppm_loading_icon, #wppm_task_container .wppm_loading_icon{
  margin-top: 118px;
}
.wppm_bootstrap .dataTables_wrapper .dataTables_length select{
  padding: 0 24px 0 8px !important;
}
#wppm_add_new_project_frm{
  position: relative;
  min-width: 100px;
  border: 1px solid #ccd0d4;
  box-shadow: 0 1px 1px rgba(0,0,0,.04);
  background: #fff;
}
input[type=text]{
  box-shadow: 0 0 0 transparent;
  border-radius: 4px;
  border: 1px solid #7e8993;
  background-color: #fff;
  color: #32373c;
}
.wppm-button {
  display: inline-block;
  text-decoration: none;
  font-size: 13px;
  line-height: 26px;
  height: 28px;
  margin: 0;
  padding: 0 10px 1px;
  cursor: pointer;
  border-radius: 3px;
  white-space: nowrap;
  box-sizing: border-box;
  border: none;
}
.wppm-primary {
  background: #1A9ED4;
  color: #fff;
}
.wppm-primary:hover {
  color: #fff;
}
.wppm_table{
  background: #fff;
  box-shadow: 0 1px 1px rgba(0,0,0,.04);
  border-spacing: 0;
  width: 100%;
  clear: both;
  margin-top: 10px;
  display: table;
  border-collapse: separate;
  color: #444;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  max-width:100%;
}
.wppm_table th{
  border-bottom: 1px solid #555c64;
  line-height: 2.2em;
  font-weight: 400;
  text-align: left;
  font-size: 14px;
  display: table-cell;
  vertical-align: inherit;
  background-color:#304FFE;
  color: #FFFFFF;
  width:2.2em;
  padding:0 0 0 3px;
}
.wppm_table td{
  vertical-align: middle;
  padding: 5px 0 5px 2px;
  width: 2.2em;
  color: #32373c;
  font-weight: 400;
  text-align: left;
  line-height: 1.3em;
  font-size: 14px;
  display: table-cell; 
  white-space: normal;
}
.wppm_table tbody{
  word-wrap: break-word;
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
  background-color: #ffffff;
  color: #444;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  white-space: normal;
}
.wppm_table tr:hover{
  background-color:#f5f5f5;
  cursor: pointer;
}
.wppm_table tr{
  display: table-row;
  vertical-align: middle;
}
#wppm_project_table tr:nth-child(even){
  background-color: #f2f2f2;
}
#wppm_project_table td{
  font-weight: 400;
  font-family: "Nunito", "Segoe UI", arial;
  border: none !important;
  white-space: normal;
}
#wppm_project_table th{
  border: none !important;
}
.wppm_thread,.wppm_proj_thread{
  background-color: #FFFFFF;
  color: #000000;
  border-color: #C3C3C3;
  display: table;
  padding: 10px;
  background-color: #FFFFFF;
  border-radius: 5px;
  margin-bottom: 20px;
  margin-top: 10px;
}
.wppm_thread_avatar{
  display: table-cell;
  vertical-align: top;
  width: 40px;
  padding: 5px 5px 5px 10px;
}
.wppm_thread_body{
  display: table-cell;
  vertical-align: top;
  padding: 0 15px 5px 15px;
  width: 100%;
}
.wppm_thread_user_name{
  margin-bottom: 10px;
  font: 15px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#wppm_load_individual_project{
  border-radius: 4px;
  color: #2C3E50;
  min-height: 300px;
  width: 99%;
  margin-top: 25px;
  padding-left: 15px;
}
.wppm_sidebar_labels{
  font-size: 12px;
  margin: 10px 0;
  cursor: pointer;
  overflow: hidden;
  color: #9c9c9c;
}
.wppm_label_info{
  margin-right: 5px;
  font-size: 12;
  font-weight: 400;
}
.wppm_sidebar .wppm_body{
  padding-top: 20px;
}
.wppm_body {
  padding-left: 0px;
}
.wppm_sidebar .row{
  background-color: #fff;
  padding: 0 15px;
  border-radius: 4px;
  margin-bottom: 15px;
}
#wppm_project_status_widget{
  margin-top: 10px;
  border: 1px solid #eee !important;
}
.wppm_widget{
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px;
  border: 1px solid #eee !important;
}
.wppm-widget-header {
  display: flex;
  align-items: center;
  padding: 10px;
}
.wppm-widget-header span {
  display: flex;
  align-items: center;
  margin-left: 5px;
  cursor: pointer;
}
.wppm-widget-header h4 {
	flex-grow: 1;
	margin: 0px !important;
}
.wppm-widget-body {
	display: flex;
	flex-direction: column;
	padding: 10px 10px 0;
}
.wppm-btn{
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 14px;
  margin-left:20px;
  background-color: #5067c5;
  color:#ffffff!important;
  border: 1px solid #8a8a8a !important;
}
.wppm-btn-cancel{
  padding: 5px 10px;
  border-radius: 14px;
  font-size: 14px;
  margin-left:20px;
  background: linear-gradient(135deg, #ffffff, #ffffff);
  color:#000000;
  border: 1px solid #C3C3C3;
}
.wppm_admin_label{
  border-radius: 30px;
  font-weight: bold;
  padding: 5px 10px;
  font-size: 10px;
}
.wppm_section_title{
  display:inline-block;
  margin-right:20px;
  font-size: 23px;
  font-weight: 400;
  margin-bottom: 0;
  padding: 9px 0 4px 0;
  line-height: 1.3;
}
#wppm_task_table{
  width:100%;
  background-color: #FFFFFF;
  cursor: pointer;
}
#wppm_task_table tr:nth-child(even){
  background-color: #f2f2f2;
}
#wppm_task_table td{
  /* border: 1px solid #f2f2f2; */
  font-weight: 400;
  font-family: "Nunito", "Segoe UI", arial;
  border: none !important;
  white-space: normal;
}
#wppm_task_table th{
  border: none !important;
}
#wppm_task_table_container{
  padding: 0 15px 15px 15px;
}
.wppm_status{
  background-color: aqua;
  border-radius: 30px;
  padding: 3px 5px 3px 5px;
  color: #FFFFFF;
  font-weight: 600;
  letter-spacing: .3px;
  font-size: 10px;
  display: inline-block;
  text-align: center;
  line-height: 1;
}
.wppm_category{
  background-color: red;
  border-radius: 30px;
  padding: 3px 5px 3px 5px;
  color: #FFFFFF;
  font-weight: 600;
  letter-spacing: .3px;
  font-size: 10px;
  display: inline-block;
  text-align: center;
  line-height: 1;

}
.avatar{
  border-radius: 50%;
  border: 2px solid #FFF;
  margin-left: -12px;
  border: 2px solid #FFF;
}
.wppm_action_btn{
  background-color: #FFF;
  color: #383333 !important;
  margin-bottom: 3px !important;
}
/***
 * Filter display css start
 */
 .wppm_filter_display_container{
  list-style-type: none !important;
  width: 100% !important;
  margin: 0 !important;
  float: left;
}
.wppm_filter_display_element{
  max-width: 300px !important;
  float: left;
  margin: 3px 3px 3px 0 !important;
}
.wppm_filter_display_element .flex-container{
  display: flex;
  border-radius: 4px;
  background-color:#1E90FF;
  color:#fff;
  font-size: 10px;
}
.wppm_filter_display_text{
  max-width: 280px !important;
  padding: 5px;
}
.wppm_filter_display_remove{
  width: 20px !important;
  padding: 6px;
  cursor: pointer;
}
.wppm_padding_space{
  padding-top: 20px;
}
.wppm_setting_col2{
  background-color: #fff;
  width:  62% !important;
  padding: 20px;
  border-radius: 20px;
}
.wppm_padding_space{
  padding-top: 20px;
}
.wppm-sortable-handle,.wppm-sortable-edit,.wppm-sortable-delete,.wppm-sortable-clone{
  cursor: pointer;
  width: 25px;
}
.wppm-sortable-label{
  width: 220px;
}
.wppm-flex-container {
  display: flex;
  border-radius: 5px;
  max-width: 320px;
  height: 35px;
}
.wppm-title{
  font:18px "OpenSans-Light",Helvetica,Arial,sans-serif;
}
.wppm-flex-container > div {
  margin: 5px 0 5px 5px;
  padding: 3px;
  font-size: 12px;
}
.wppm_alert{
  position: fixed;
  top: 50px;
  right: 50px;
  font-size: 15px;
  font-weight: bold;
}
#wppm_add_new_project{
  margin:20px;
  background-color: #FFFFFF;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.wppm_form_field_label{
 font-size: 13px;
 font-style:bold ;
}
.wppm_task_description,.wppm_project_description{
  font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.wppm_email_notification_header{
  padding-left: 15px;
}
#wppm_project_container{
  border-radius: 4px;
  border: 1px solid #E5E4E4;
  background-color: #fff;
  color: #2C3E50;
  min-height: 300px;
  width: 99%;
}
#wppm_frm_field_container{
  padding: 0 20px;
  padding-top: 15px;
  width:100%;
}
.wppm_frm_submit{
  padding: 0 30px;
  margin: 30px 0;
}
.wppm_td_project_status{
  border-radius: 30px;
  padding: 3px 5px 3px 5px;
  font-weight: 600;
  letter-spacing: .3px;
  font-size: 10px;
  display: inline-block;
  text-align: center;
  line-height: 1;
}
#wppm_apply_filter{
  background-color:#306EFF;
  margin-bottom:2px;
}

.wppm_label{
  font-size: 12px;
  font-weight: 600;
  color: #9c9c9c;
  width: 100%;
}
#wppm_avatar{
  background-color:black;
  padding: 3px;
  color: #fff;
  display: inline!important;
}
#wppm_project_search_filter{
  padding: 0 30px;
  border-radius: 20px;
  font: 12px "Helvetica Neue",Arial,Helvetica,sans-serif;
}
#wppm_project_search_filter_img, .wppm_task_search_filter_img{
  position: relative !important;
  top: 10px;
  left: 30px;
}
.wppm_add_new_task_img, .wppm_task_list_image{
  padding-right: 5px;
  padding-bottom: 3px;
}
.wppm_table_td{
  font-size: 14px !important;
}
#wppm_project_and_task_search{
  width:40%;
  margin-top: 15px;
}
#wppm_project_and_task_search svg{
  width: 16px;
  height: 16px;
  margin-left: 10px;
  float: left;
  margin-top: -26px;
  cursor: pointer;
}
.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{
  border: 1px solid #ddd;
  list-style-type: none!important;
  font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#wppm_task_search{
  width:40%;
  margin-top: 15px;
}
#wppm_task_search svg{
  width: 16px;
  height: 16px;
  margin-left: 10px;
  float: left;
  margin-top: -26px;
  cursor: pointer;
}
#wppm_task_search_filter{
  padding: 0 30px;
  border-radius: 20px;
}
#wppm_more_filter_option div{
  display: inline-block;
}
#wppm_heading_inline svg{
  width: 28px;
  height:23px;
}
.wppm_card_header{
  border-bottom: 1px solid #EFF2F7;
  height: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.wppm_task_list{
  border:1px solid #EFF2F7;
  display:flex;
  flex-direction:column;
  flex-basis: 30%;
  /* flex: 1 0 auto; */
  overflow: hidden;
  flex-grow: 1;
  flex-shrink: 0;
  margin:5px;
}
@media screen and (max-width: 767px) {
  .wppm_task_list{
    flex-basis: 50%;
  }
}
.wppm_task_name_grid_view, .wppm_task_due_date_grid_view, .wppm_empty_container, .wppm_proj_name_grid_view{
  font-family: "OpenSans-Semibold","Helvetica Neue",Arial,Helvetica,sans-serif;
  font-size: 14px;
}
.wppm_card_body{
  text-align: center;
  border:1px solid #EFF2F7;
  margin: 10px;
  text-align:left;
  padding: 10px 5px 10px 0px;
  border-radius: 5px;
}
.wppm_task_container{
  overflow:scroll;
  display: flex;
  flex-direction: row;
  margin-top:40px;
  overflow-x: auto;
  overflow-y: auto;
  min-height: 750px;
}
#wppm_task_frm_field_container{
  padding-top: 20px;
  width:100%;
}
#wppm_add_new_task{
  margin:20px;
  background-color: #FFFFFF;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#wppm_task_container{
  border-radius: 4px;
  border: 1px solid #E5E4E4;
  background-color: #fff; 
  color: #2C3E50;
  min-height: 300px;
  width: 99%;
}
.wppm-submit-btn{
  color: #FFF !important;
  background-color: #306EFF;
  border-color: #306EFF;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%);
	cursor: pointer;
  border-radius: 50px !important;
  padding: 5px;
}
.wppm_btn{
  border-radius: 15px!important;
}
.wppm_reset_btn{
  color: #273444;
  background-color: #EFF2F7;
  border-color: #EFF2F7;
  border-radius: 50px;
  padding: 5px;
}
.select2-selection--single{
  height:35px!important;
}
.select2-container{
  width:500px!important;
}
.wppm_td_task_status{
  border-radius: 30px;
  padding: 3px 5px 3px 5px;
  font-weight: 600;
  letter-spacing: .3px;
  font-size: 10px;
  display: inline-block;
  text-align: center;
  line-height: 1;
}
.wppm_td_task_priority{
  border-radius: 30px;
  padding: 3px 5px 3px 5px;
  font-weight: 600;
  letter-spacing: .3px;
  font-size: 10px;
  display: inline-block;
  text-align: center;
  line-height: 1;
}
.wppm_empty_container{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10;
  font-weight: 500;
  color: #becdd9;
  border: 1px dashed #becdd9;
  height: 0;
  opacity: 0;
  border-radius: 15px;
  opacity: 1;
  height: 60px;
  margin-top: 10px;
}
.wppm_card_task_action{
  text-align:right;
}
.wppm_card_task_progress{
  color:#8492A6;
  text-align: right;
}
.wppm_status_name{
  text-align:left;
  font-family: "OpenSans-Regular","Helvetica Neue",Arial,Helvetica,sans-serif;
  font-size: 15px;
  padding-top: 5px;
}
.wppm_task_frm_fields ul{
  border: 1px solid #ddd;
  list-style-type: none;
}
.wppm_task_frm_fields li{
  padding: 5px;
}
#wppm_view_task_search_filter{
  padding: 0 30px;
  border-radius: 20px;
}
.wppm_task_details, .wppm_project_details{
  border-bottom: 1px dashed;
  cursor: pointer;
  display: inline-block;
  font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.wppm_task_details_priority{
  cursor: pointer;
}
.wppm_task_details_label, #wppm_add_checklist, .wppm_project_details_label{
  font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #858c96;
  width: 98px;
  float: left;
  word-wrap: break-word;
  margin: 5px;
  cursor: pointer;
}
.wppm_task_details_container{
  background-color: #FFFFFF;
  margin: 15px;
  padding-bottom: 10px;
  border: 1px solid #eee !important;
}
.wppm_task_checklist_container, .wppm_thread{
  background-color: #FFFFFF;
  margin: 15px;
  border: 1px solid #eee !important;
}
.wppm_proj_thread{
  background-color: #FFFFFF;
  border: 1px solid #eee !important;
}

.wppm_progress_bar_container{
  margin-bottom: 6px;
  margin-top: 5px;
  position: relative;
}
.wppm_progress_bar{
  background: rgba(9,30,66,.08);
  border-radius: 4px;
  clear: both;
  height: 8px;
  margin: 0 0 0 40px;
  overflow: hidden;
  position: relative;
}
.wppm_progressbar_label {
  color: #5e6c84;
  font-size: 11px;
  line-height: 10px;
  position: absolute;
  top: -1px;
  left:0;
  text-align: center;
  width: 32px;
  margin-left:10px;
}
.wppm_checkprogress{
  bottom: 0;
  left: 0;
  position: absolute;
  overflow:hidden;
  top: 0;
  transition-duration: .14s;
  transition-timing-function: ease-in;
  margin:10px,0px,10px,0px !important;
}
.wppm_checklist_divider{
  margin: 0 15px 0 15px;
}
.wppm_add_checklist_item_btn{
  margin-top:10px !important;
}
#wppm_checklist_btn{
  margin:10px;
}
#wppm_add_checklist{
  border-bottom: 1px dashed;
}
.wppm_total_checked_item{
  margin-left: 5px !important;
  margin-bottom: 10px !important;
}
.wppm_checklist_total_checked_item{
  color:#8492A6;
  font-size: 10px !important;
}
.wppm_checklist input[type="checkbox"]{
  margin:5px;
}
.wppm_card_body{
  cursor:pointer;
}
#wppm_grid_view_btn{
  border: 1px solid #ccc;
  padding: 5px;
  background-color: #FFFFFF;
  float: right;
  border-radius: 4px;
  cursor: pointer;
  font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #858c96;
  margin-bottom: 5px;
  margin-top: 5px;
}
#wppm_list_view_btn{
  border: 1px solid #ccc;
  padding: 5px;
  background-color: #FFFFFF;
  float: right;
  border-radius: 4px;
  cursor: pointer;
  font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #858c96;
}
#wppm_select_user_role{
  margin: 10px 10px 10px 0px;
}
.wppm_delete_user_icon, .wppm_user_roles{
  margin-top: 7px;
  cursor: pointer;
}
#wppm_project_users,#wppm_task_users {
  margin-bottom: 10px;
}
.wppm_project_user_avatar,.wppm_task_user_avatar{
  padding: 10px; 
  overflow:hidden;
}
.wppm_project_user_names, .wppm_task_user_names,.wppm_project_user_role{
  padding: 0 0 10px 5px; 
  overflow:hidden;
  color:#9c9c9c;
  font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.wppm_project_users_not_assign_label{
  color:#9c9c9c;
}
.wppm_user_display_container, .wppm_task_user_display_container{
  padding: 5px;
}
#wppm_user_name, #wppm_task_user_name{
  margin-bottom: 10px;
}
#wppm_task_users,#wppm_project_creator{
  margin-left: 10px;
}
#wppm_comment_btn{
  display:none;
  padding: 10px;
}
#wppm_proj_comment_btn{
  display:none;
  padding: 10px;
}
#wppm_activity_container{
  background-color:#ffffff;
  margin:15px;
  border: 1px solid #eee !important;
}
.wppm_task_discussion{
  font: 18px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.wppm_proj_discussion{
  font: 18px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.wppm_delete_checklist{
  color:#b73232 !important;
  font: 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  border-bottom: 1px dashed;
  position: relative;
  margin-left: 12px;
  cursor: pointer;
  transition: 170ms linear all;
}
.wppm_delete_checklist:hover{
  color:#2067b0 !important;
  border-bottom: 1px dashed !important;
  text-decoration:none !important;
}
.wppm_add_checklist{
  color: #80868e !important;
  font: 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  border-bottom: 1px dashed !important;
  position: relative;
  margin-left: 12px;
  cursor: pointer;
  transition: 170ms linear all;
}
.wppm_add_checklist:hover{
  border-bottom: 1px dashed !important;
  text-decoration:none !important;
}
#wppm_task_comment{
  width: 80%;
  height: 30px;
  padding: 5px;
  margin-bottom: 15px;
  overflow: hidden;
  border: 1px solid #eee;
  color:#eee;
  margin-top: 10px;
  font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#wppm_proj_comment{
  width: 80%;
  height: 30px;
  padding: 5px;
  margin-bottom: 15px;
  overflow: hidden;
  border: 1px solid #eee;
  color:#eee;
  margin-top: 10px;
  font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.wppm_attachment_title{
  font: 15px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.wppm_comment_date{
  color:#a8aeb5;
}
.wppm_comment_date:hover{
  color:#000000;
  font-style: normal;
}
#wppm_attach_file{
  color:#301db7;
  cursor:pointer;
  font-weight: normal;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#wppm_individual_cancel_comment_btn{
  float:right; 
  background-color:#ffffff;
  margin-left: 5px; 
  margin-top:5px;
  font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#wppm_individual_submit_task_comment_btn{
  float:right;
  margin-left: 5px; 
  margin-top:5px;
  font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#wppm_proj_attach_file{
  color:#301db7;
  cursor:pointer;
  font-weight: normal;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#wppm_individual_cancel_proj_comment_btn{
  float:right; 
  background-color:#ffffff;
  margin-left: 5px; 
  margin-top:5px;
  font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#wppm_individual_submit_proj_comment_btn{
  float:right;
  margin-left: 5px; 
  margin-top:5px;
  font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.wppm_thread_messege{
  font-size: 14px;
  font-weight: 400;
  color: #4e4e4e;
}
.wppm_attachment_cancel{
  float: right;
  margin: -22px 0px 0 0;
  cursor: pointer;
}
.widget_header{
  margin-bottom: 3px !important;
  font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.wppm_task_label,.wppm_checklist_label,.wppm_project_label{
  font: 18px "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.widget_divider{
  margin:4px 0 6px 0px !important;
}
.wppm_individual_task_widget{
  margin-top: 15px!important;
}
.select2-container{
  z-index:999999999999!important;
  width:100%!important;
}
.flatpickr-calendar{
  z-index:999999999999!important;
}
#wppm_edit_task_label{
  width: 100%;
  margin-bottom: 10px;
}
#wppm_edit_project_title, #wppm_edit_task_priority,#wppm_edit_task_description_label{
  margin-bottom:10px;
}
#wppm_edit_task_priority{
  max-width:100%!important;
}
.wppm_edit_task_details_widget, .wppm_thread_action, .wppm_edit_project_details_widget{
  float:right;
  cursor:pointer;
}
.wppm_add_new_task_btn, #wppm_task_list_btn,#wppm_delete_btn,#wppm_delete_task_btn,#wppm_clone_task_btn{
  cursor: pointer;
}
#wppm_project_details_container{
  border: 1px solid #eee;
  margin-top: 12px;
  padding-top: 10px;
  margin-bottom: 12px;
}
#wppm_view_project_task{
  background-color: #ffffff;
}
#wppm_project_tasks,.wppm_add_new_project_btn{
  cursor:pointer;
}
#wppm_add_new_project_btn{
  margin-bottom: 10px;
}
#wppm_delete_project_icon, #wppm_add_new_project_icon, #wppm_project_list_icon, #wppm_task_list_icon{
  margin-top: -3px;
}
.wppm_add_new_icon{
  float: right!important;
  cursor:pointer;
}
.wppm_flex {
  display: flex !important;
}
.attachment_link span{
  font-size: 13px;
  color: #0077AE;
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-style:dotted;
  padding-right: 10px;
}
.wppm_bootstrap select{
  max-width:100% !important;
}
#wppm_en_body {
  height: 200px !important;
}
#wppm_tbl_templates tr{
  cursor:pointer;
}
#tbl_project_tasks td, #tbl_project_tasks th{
  text-align: center;
}
#tbl_project_tasks tr{
  cursor:pointer;
}
.wppm-pagination-txt{
  text-decoration: none;
  cursor: default;
  padding-right: 5px;
}
.wppm_task_pagination{
  float:right;
  color:#5f6368;
  margin-right:10px;
  cursor:pointer;
}
.wppm_proj_pagination{
  color:#5f6368;
  cursor:pointer;
}
.wppm_proj_pagination_container, .wppm_task_pagination_container{
  height: 30px;
  margin-top: 10px;
  display: flex;
  font-family: 'OpenSans-Semibold',"Helvetica Neue",Arial,Helvetica,sans-serif;
  font-size: 14px;
}
.wppm_proj_pagination_container a, .wppm_task_pagination_container a{
  color:#0073aa;
}
.wppm_pagination_prev{
  border-left-width: 1px;
  border-left-style: solid;
  padding-left: .75em;
  padding-right: .5em;
  text-decoration: none;
  border-color: #cdcdcd;
  color:#0073aa;
}
.wppm_pagination_next{
  border-left-width: 1px;
  border-left-style: solid;
  padding-left: .75em;
  padding-right: .5em;
  text-decoration: none;
  border-color: #cdcdcd;
  color:#337ab7;
}
.wppm_thread_action_btn{
  float: right;
  cursor: pointer;
  margin-left: 10px;
  color: #a7a9ab;
  font-size: 14px;
}
.wppm-task-list-btn{
  cursor:pointer;
}
.wppm_setting_pills li{
  background-color: #ffffff;
  border-radius: 15px !important;
  color:#9c9c9c !important;
  line-height:normal !important;
}
.wppm_email_notification_table td{
  font-weight: 400;
  font-family: "Nunito", "Segoe UI", arial;
}
.wppm_email_notification_table th{
  font-weight: 400;
  font-family: "Nunito", "Segoe UI", arial;
  font-weight: bold;
}
.wppm_task_result{
  text-align: center;
  margin-top: 15px;
  font-family: 'OpenSans-Light',Arial,Helvetica,sans-serif;
  font-size: 15px;
  color: #525c69;
}
.wppm_project_result{
  text-align: center;
  font-family: 'OpenSans-Light',Arial,Helvetica,sans-serif;
  font-size: 15px;
  color: #525c69;
}
#wppm_edit_project_label{
  margin-bottom: 10px;
}
#wppm_edit_project_category{
  margin-bottom: 20px;
}
#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{
  font:13px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.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{
  font:13px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin-bottom: 5px;
}
#frm_get_project_users ul, #frm_get_task_users ul{
  z-index: 10000!important;
  position: absolute;
  box-shadow: 0 1px 2px rgb(79 148 212 / 80%);
  background-color: #fff;
  cursor: pointer;
}

.wppm_bootstrap .wppm_padding_space{
  padding-top: 20px;
}

.wppm_bootstrap .pricing-widget {
  margin-bottom: 30px;
}
.wppm_bootstrap .pheader {
  background-color: #555;
  color: #ffffff;
  padding: 10px;
}
.wppm_bootstrap .pheader .title{
  padding: 0;
  margin: 0;
  text-align: center;
}
.wppm_bootstrap .pheader .subtitle{
  padding: 0;
  margin: 10px 0 0;
  text-align: center;
}
.wppm_bootstrap .payment_freq {
  color: #fff !important;
}
.wppm_bootstrap .pbody {
  padding: 20px;
  border: 1px solid #555;
}
.wppm_bootstrap .addon-container {
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.wppm_bootstrap .addon-details {
  flex-grow: 1;
  padding-left: 5px;
}
.wppm_bootstrap .pfooter {
  display: flex;
  border-left: 1px solid #555;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
  justify-content: center;
  padding: 10px 0;
}

.wppm_bootstrap .purchase_addon{
  padding-right: 5px;
}

#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{
  margin-right:-19px;
}

.wppm-help-container{
  padding: 10px;
  background-color: #f0f0f1;
  margin-bottom: 15px;
  border-radius: 3px;
}

#wppm_public_project_label{
  padding: 10px 0px 0px 10px;
}

.wppm-filter-actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#wppm_project_filter_container{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-bottom: 10px;
}

#wppm_task_filter_container{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-bottom: 10px;
}

#wppm_task_filter, #wppm_task_list_proj_filter
{
  border: 1px solid #ccc !important;
  background-color:#FFFFFF;
  border-radius:4px;
  font: 15px "Helvetica Neue",Arial,Helvetica,sans-serif !important;
}

.wppm-filter-item {
  max-width: 200px;
  margin-right: 5px;
  margin-bottom: 10px;
  margin: 0 5px 10px 10px;
}
.wppm-filter-item select {
  width: 100% !important;
}

.wppm-filter-item label{
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 3px;
  vertical-align: middle;
  color: #858c96;
}

.wppm_display_submit{
  display: flex;
  margin-bottom: 10px;
}

.wppm-filter-actions span {
  cursor: pointer;
  font-size: 16px;
  text-decoration: underline;
  margin-bottom: 7px!important;
  font: 14px "Helvetica Neue",Arial,Helvetica,sans-serif !important;
  color: #858c96;
}

.wppm-link {
  cursor: pointer !important;
  text-decoration: none !important;
}

.wppm-link:hover {
  color: #2271b1 !important;
  text-decoration: underline !important;
}

#wppm_project_list_container select{
  min-height: 30px !important;
  max-height: 35px !important;
  padding: 0 24px 0 8px !important;
  border: 1px solid #ccc !important;
  font: 14px "Helvetica Neue",Arial,Helvetica,sans-serif !important;
}

#wppm_task_list_container select{
  min-height: 30px !important;
  max-height: 35px !important;
  padding: 0 24px 0 8px !important;
  border: 1px solid #ccc !important;
  font: 15px "Helvetica Neue",Arial,Helvetica,sans-serif !important;
}

#wppm_proj_discussion_container{
  background-color: #ffffff;
  border: 1px solid #eee !important;
}
.wppm-setting-tab-container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
	margin-bottom: 10px;
  background-color:#F0F0F1;
}
.wppm-setting-tab-container button {
	padding: 7px 15px;
	font-size: 16px;
	font-weight: normal;
	border: none !important;
	color: #6A6A6A;
	background-color: transparent;
	cursor: pointer;
	border-radius: 16px;
	margin: 10 0 5px 5px;
}
.wppm-setting-tab-container button.active,
.wppm-setting-tab-container button:hover {
	color: #fff;
	background-color: #FFA04A;
}
.wppm-input-group {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding-bottom: 15px;
	box-sizing: border-box;
}
.wppm-input-group .label-container {
	display: flex;
	align-items: center;
	color: #000;
	margin-bottom: 2px;
}
.wppm-input-group label {
	font-size: 12px;
	font-weight: 600;
	margin-right: 5px;
}
.wppm-input-group .label-container svg {
	width: 12px;
	margin-left: 5px;
}
.wppm-input-group input[type="text"],
.wppm-input-group select {
	width: 100%;
	max-width: 100%;
}
.wppm-input-group .checkbox-group,
.wppm-input-group .radio-group {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.wppm-input-group .checkbox-group div,
.wppm-input-group .radio-group div {
	width: 250px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 10px 5px 0;
}
.wppm-input-group .checkbox-group div input,
.wppm-input-group .radio-group div input {
	margin: 0 5px 0 0 !important;
}
.wppm-input-group .checkbox-group div span,
.wppm-input-group .radio-group div span {
	font-size: 12px;
	font-weight: 300;
}
.wppm-input-group .required-char {
	font-size: 12px;
	color: #ff0000;
}
.wppm-input-group .divide-bar {
	width: 100%;
	display: flex;
	flex-wrap: grid;
	align-items: center;
}

/* Checkboxes */
#wppm-container .checkbox-container,
.wppm-modal .checkbox-container, #wppm_task_list_container .checkbox-container {
	display: flex;
	line-height: normal;
}
#wppm-container .checkbox-container input,
.wppm-modal .checkbox-container input,  #wppm_task_list_container .checkbox-container input{
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}
#wppm-container .checkbox-container label,
.wppm-modal .checkbox-container label , #wppm_task_list_container .checkbox-container label{
	position: relative;
	cursor: pointer;
	padding: 0 !important;
	font-size: 14px !important;
}
#wppm-container .checkbox-container label:before,
.wppm-modal .checkbox-container label:before ,  #wppm_task_list_container .checkbox-container label:before{
	content:'';
	-webkit-appearance: none;
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-left: 5px;
	border: 1px solid #8a8a8a;
}
#wppm-container .checkbox-container input:checked + label:after,
.wppm-modal .checkbox-container input:checked + label:after, #wppm_task_list_container .checkbox-container input:checked + label:after{
	content: '';
	display: block;
	position: absolute;
	top: 1px;
	right: 9px;
	width: 6px;
	height: 9px;
	border: solid #0079bf;
	border-width: 0 0 2px 2px;
	transform: matrix(-1, -1, -1, 1, 3, 0);
}
#wppm-container .checkbox-container label,
.wppm-modal .checkbox-container label, #wppm_task_list_container .checkbox-container label{
	display: flex;
}
#wppm-container .checkbox-container label:before,
.wppm-modal .checkbox-container label:before,  #wppm_task_list_container .checkbox-container label:before{
	width: 18px !important;
	height: 18px !important;
	box-sizing: border-box;
	padding: 8px;
}
#wppm-container .checkbox-container label:after,
.wppm-modal .checkbox-container label:after,  #wppm_task_list_container .checkbox-container label:after {
	flex-grow: 1;
}
#wppm-container .checkbox-container p,
.wppm-modal .checkbox-container p, #wppm_task_list_container .checkbox-container p{
	margin: 0 !important;
}

.wppm-bulk-actions {
	display: flex;
	align-items: center;
}
.wppm-bulk-actions select {
	min-width: 150px;
	max-width: 250px;
	margin-left: 5px;
}
.wppm-bulk-actions button {
	margin-left: 10px;
	display: flex;
	align-items: center;
}
.wppm-bulk-actions button svg {
	height: 13px;
	margin-right: 15px;
}

#wppm-bulk-actions{
  left: 0px!important;
}

/* Popover Menu */
.wppm-popover-menu {
	padding: 3px !important;
	border-radius: 3px !important;
}
.wppm-popover-menu-item {
	display: flex;
	align-items: center;
	padding: 10px;
	cursor: pointer;
	background-color: #fff;
	color: #707070;
  margin-left: 10px !important;
}
.wppm-popover-menu-item:hover {
	color: #fff;
  background-color: #313042 !important;
}
.wppm-popover-menu-item svg {
	width: 14px;
	margin-left: 10px;
}
.wppm-popover-menu-item span {
	font-size: 14px;
}

.wppm-button.secondary {
  border: 1px solid #ccc !important;
  background-color: #fff !important;
  color: #313042 !important;
  font: 14px "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

.wppm-button.small {
  font-size: 12px !important;
}

#wppm_task_description, #wppm_proj_description{
	height: 160px !important;
	width: 100%	!important;
}

/* Form fields */
.wppm-input-group {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding-bottom: 15px;
	box-sizing: border-box;
}
.wppm-input-group .label-container {
	display: flex;
	align-items: center;
	color: #000;
	margin-bottom: 2px;
}
.wppm-input-group label {
	font-size: 12px;
	font-weight: 600;
	margin-left: 5px;
}
.wppm-input-group .label-container svg {
	width: 12px;
	margin-right: 5px;
}
.wppm-input-group input[type="text"],
.wppm-input-group select {
	width: 100%;
	max-width: 100%;
}

 @media (max-width: 768px) {
    .wppm_task_list{
      flex-basis: 50% !important;
    }
  }