.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pending-task {
    background: #F7E76D;
    padding: 0 5px;
    border-radius: 5px;
    color: #000;
    opacity: .75;
}
input[type='text'], textarea, select {
    width: 100% !important;
    margin-bottom: 5px;
}


.cpm-project-delete-link {
    float: right;
}
.cpm-list-header {
    position: relative;
    width: 100%;
}
.cpm-list-header h3 {
}
.cpm-list-header h3 .add-new-h2 {
    float: right;
}
.cpm-task-lists {
    float: left;
    width: 100%;
}
.cpm-task-lists td {
    vertical-align: top;
}
.cpm-task-lists .add-new-h2 {
    float: right;
}
.cpm-task-lists td.task-list-title {
    width:1%;
    white-space:nowrap;
    padding: 0 2% 0 0;
}
.cpm-task-lists td:last-child {
    width: 80px;
}
.postbox {
    float: left;
}
.notify-users input[type='checkbox'] {
    float: left;
    margin: 1px 3px 0 0;
}
.notify-users label {
    float: left;
    margin: 0 15px 0 0;
}



/*--------------------------------------------------
:: Variables
-------------------------------------------------- */
.cpm a {
  text-decoration: none;
}
.nav-tab.nav-tab-active {
    background: #fff;
  color: #000;
  border-bottom: 1px solid #fff !important;
}
.cpm-projects .nav-tab.nav-tab-active {
  background-color: #F9F9F9;
}
.cpm-projects .nav-tab-wrapper {
  border-bottom: none;
} 
textarea.todo_content,
textarea.tasklist_detail {
  vertical-align: top;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  transition: height 0.2s;
  min-width: 300px;
}
textarea.todo_content {
  width: 100%;
}
textarea.tasklist_detail {
  width: 40%;}
.cpm-left {
  float: left;
}
.cpm-spacer {
  width: 10px;
}
.cpm-right {
  float: right;
}
.cpm-clear {
  clear: both;
}
.cpm-strikethrough {
  text-decoration: line-through;
}
.cpm-updated {
  margin: 10px 0 0 0;
  background-color: #FFFFE0;
  border: 1px solid #E6DB55;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0 10px;
}
span.required {
  color: #cd0a0a;
}
ul.cpm-inline-ul {
  margin: 0;
  padding: 0;
}
ul.cpm-inline-ul li {
  display: inline-block;
}
.cpm-hide {
  display: none;
}
.cpm-loading:after {
  background: url('../images/loading.gif') no-repeat;
  height: 16px;
  width: 16px;
  margin: 0 0 0 10px;
  display: inline-block;
  content: "";
  position: absolute;
}
/*--------------------------------------------------
:: Table
-------------------------------------------------- */
.cpm-table {
  width: 100%;
  margin-bottom: 18px;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.cpm-table th,
.cpm-table td {
  padding: 5px;
  line-height: 18px;
  text-align: left;
  border-top: 1px solid #ddd;
}
.cpm-table th {
  font-weight: bold;
  vertical-align: bottom;
}
.cpm-table td {
  vertical-align: top;
}
.cpm-table thead:first-child tr th,
.cpm-table thead:first-child tr td {
  border-top: 0;
}
.cpm-table tbody + tbody {
  border-top: 2px solid #ddd;
}
.cpm-table .no-border {
  border: none;
}
.table-bordered {
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-bordered th + th,
.table-bordered td + td,
.table-bordered th + td,
.table-bordered td + th {
  border-left: 1px solid #ddd;
}
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}
ul.cpm-attachments {
  margin: 0 10px;
  border-top: 1px solid #dfdfdf;
  padding-top: 10px;
}
ul.cpm-attachments li {
  display: inline-block;
  -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.4);
  padding: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 10px 10px 0;
  vertical-align: top;
}
.cpm-projects thead > tr > th {
  border-top: 1px solid #F9F9F9;
}
.cpm-projects .wp-list-table {
  -webkit-border-radius: 3px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 3px;
  -moz-border-radius-topleft: 0;
  border-radius: 3px;
  border-top-left-radius: 0;
}
/*--------------------------------------------------
:: Form
-------------------------------------------------- */
.cpm-form {
  width: 100%;
  overflow: hidden;
}
.cpm-form .form-table {
  width: 70%;
}
.cpm-form .form-table .form-field {
  max-width: 100%;
}
.cpm-form .description {
  display: block;
}
.cpm-form .form-field input[type=radio],
.cpm-form .form-field input[type=checkbox] {
  width: auto;
}
/*--------------------------------------------------
:: Navigation
-------------------------------------------------- */
ul.cpm-nav {
  list-style: none;
  float: right;
  background: #298CBA;
  padding: 3px;
  margin: 0;
}
ul.cpm-nav li {
  display: inline-block;
  margin: 0;
  padding: 3px 10px;
  background: #fff;
}
ul.cpm-nav li.active {
  background: #298CBA;
}
ul.cpm-nav li.active a {
  color: #fff;
  font-weight: bold;
}
ul.cpm-nav li a {
  text-decoration: none;
}
.cpm-nav-title {
  background: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  border-top: none !important;
  color: #898989;
  font-size: 13px;
  padding: 15px 1%;
  margin: 0 0 10px 0;
  float: left;
  width: 98%;
}
.cpm-nav-title h3 {
    margin-top: 0px;
}
.cpm-nav-title .button-primary {
    float: right;
}


/*--------------------------------------------------
:: Project
-------------------------------------------------- */
.cpm-ui-dialog {
  font-size: 13px;
  border: none !important;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  padding: 10px 15px 10px 15px !important;
}
.cpm-ui-dialog .ui-widget-header {
  background: #fff;
  border: none;
  font-size: 16px;
}
.cpm-ui-dialog .ui-resizable-handle {
  display: none !important;
}
.cpm-ui-dialog .ui-dialog-content {
  overflow: hidden !important;
}
.cpm-ui-dialog .cpm-project-form {
  font-size: 12px;
}
.cpm-ui-dialog .cpm-project-form input[type=text],
.cpm-ui-dialog .cpm-project-form textarea,
.cpm-ui-dialog .cpm-project-form select {
  border: 1px solid #F1F1F1;
  padding: 8px;
}
.cpm-ui-dialog .cpm-project-form input[type=text]:-moz-placeholder,
.cpm-ui-dialog .cpm-project-form textarea:-moz-placeholder,
.cpm-ui-dialog .cpm-project-form select:-moz-placeholder {
  color: #999999;
}
.cpm-ui-dialog .cpm-project-form input[type=text]:-ms-input-placeholder,
.cpm-ui-dialog .cpm-project-form textarea:-ms-input-placeholder,
.cpm-ui-dialog .cpm-project-form select:-ms-input-placeholder {
  color: #999999;
}
.cpm-ui-dialog .cpm-project-form input[type=text]::-webkit-input-placeholder,
.cpm-ui-dialog .cpm-project-form textarea::-webkit-input-placeholder,
.cpm-ui-dialog .cpm-project-form select::-webkit-input-placeholder {
  color: #999999;
}
.cpm-ui-dialog .cpm-project-form .cpm-form-item {
  margin-bottom: 15px;
}
.cpm-form-item input[type='text'], .cpm-form-item textarea {
    width: 100%;
}
.cpm-ui-dialog .cpm-project-form .submit {
  margin: 0;
  padding: 0;
}
.cpm-project-head .cpm-project-summary {
  border-left: 1px dashed #E1E1E1;
  font-size: 13px;
  font-weight: normal;
  line-height: 15px;
  padding-left: 10px;
  margin-left: 10px;
  width: 300px;
}
.cpm-project-head .cpm-project-summary span {
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 29px;
  padding-bottom: 8px;
}
.cpm-project-head .detail {
  font-size: 13px;
  width: 100%;
}
.cpm-project-head p {
  margin: 0 0 5px 0;
}
.cpm-project-head .cpm-edit-project {
  display: none;
  margin-top: 15px;
  position: relative;
}
.cpm-projects .cpm-quick-edit-project {
  display: none;
}
.cpm-projects .cpm-quick-edit-project {
  background-color: #F5F5F5;
  border-top: none;
  margin-top: 15px;
}
ul.cpm-activity {
  font-size: 13px;
}
ul.cpm-activity .date {
  font-style: italic;
  color: #9C9C9C;
  font-size: 11px;
}
ul.cpm-activity .cpm-activity-heads {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #eee;
}
ul.cpm-activity ul {
  margin-left: 15px;
  margin-bottom: 10px;
}
ul.cpm-activity ul li {
  text-indent: 5px;
}
ul.cpm-activity ul li:before {
  content: "-";
  position: relative;
  left: -5px;
}
.cpm-cols {
  position: relative;
}
.cpm-projects {
  overflow: hidden;
  margin-right: 370px;
}
.cpm-projects nav.cpm-new-project {
  left: -130px;
  position: absolute;
}
.cpm-projects .cpm-project {
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  width: 210px;
  height: 235px;
  position: relative;
  margin: 0 20px 20px 0;
  padding: 15px;
  float: left;
}
.cpm-projects .cpm-project h5 {
  font-size: 19px;
  margin: 0 0 3px;
  word-wrap: break-word;
  color: #000;
}
.cpm-projects .cpm-project .cpm-project-detail,
.cpm-projects .cpm-project .cpm-project-meta {
  color: #AA9C84;
  word-wrap: break-word;
  font-size: 16px;
  margin-bottom: 5px;
}
.cpm-project-detail .detail {
    float: left;
    margin: -15px 0 25px 0;
}
.cpm-project-detail .detail h4 {
    opacity: .5
}
.cpm-project-detail .detail p {
    font-style: italic;
}
.cpm-projects .cpm-project .cpm-project-meta {
  font-size: 12px;
}
.cpm-projects .cpm-project .cpm-project-people {
  position: absolute;
  bottom: 15px;
  left: 16px;
}
.cpm-projects .cpm-project .cpm-project-people img.avatar {
  height: 48px;
  width: 48px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 5px;
}
.cpm-current-tasks, .cpm-priority-tasks, .cpm-current-tasks .postbox, .cpm-priority-tasks .postbox {
    float: left;
    width: 100%;
}
.cpm-current-tasks select, .cpm-priority-tasks select {
    float: right;
    margin: 0 20px 0 0;
    width: 150px !important;
}
.cpm-current-tasks-wrapper h3 {
    border: none;
}
.cpm-current-tasks-wrapper h3 span {
    padding: 15px 0 0 0 !important;
}
.cpm-current-tasks-wrapper {
  position: absolute;
  right: 0;
  top: 42px;
  width: 350px;
}
.cpm-current-tasks header,
.cpm-priority-tasks header  {
  padding: 2px 10px;
  margin: 0;
  background: #f1f1f1;
  background-image: -webkit-gradient(linear,left bottom,left top,from(#ececec),to(#f9f9f9));
  background-image: -webkit-linear-gradient(bottom,#ececec,#f9f9f9);
  background-image: -moz-linear-gradient(bottom,#ececec,#f9f9f9);
  background-image: -o-linear-gradient(bottom,#ececec,#f9f9f9);
  background-image: linear-gradient(to top,#ececec,#f9f9f9);
  border-bottom: 1px solid #dfdfdf;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;

}
.cpm-current-tasks header select,
.cpm-priority-tasks header select {
  float: right;
  font-size: 13px;
  margin-top: 2px;
  width: 100px;
}
.cpm-todos-new, .cpm-todo-completed {
    float: left;
    clear: both;
    font-size: 11px;
}
.cpm-todos-new, .cpm-todo-completed li {
    opacity: .25;
}
.cpm-todos-new, .cpm-todo-completed li:hover {
    opacity: 1
}
.cpm-todos li .cpm-todo-text, .cpm-todo-completed li .cpm-todo-text {
    margin: 0 0 0 23px;
}
.cpm-todo-completed li .cpm-todo-text {
    text-decoration: line-through;
}
.cpm-todo-completed li:hover .cpm-todo-text {
    text-decoration: none;
}
.cpm-todo-completed .cpm-todo-action a {
    color: #999;
}
.cpm-current-tasks ul,
.cpm-priority-tasks ul {
  margin: 10px 0;
}
.cpm-current-tasks li,
.cpm-priority-tasks li {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #dfdfdf;
  margin: 0;
  padding: 8px 12px 8px 28px;
  cursor: move;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.cpm-current-tasks li:first-child,
.cpm-priority-tasks li:first-child {
  border-top: none;
}
.cpm-current-tasks li:last-child,
.cpm-priority-tasks li:last-child {
  border-bottom: none;
}
.cpm-current-tasks li a,
.cpm-priority-tasks li a {
  padding: 8px 8px 8px 0;
  font-size: 13px;
  line-height: 16px;
}
.cpm-current-tasks input[type=checkbox],
.cpm-priority-tasks input[type=checkbox] {
  margin: 2px 7px 0 -20px;
  margin-right: 7px;
}
.cpm-current-tasks span.project-title,
.cpm-priority-tasks span.project-title {
  font-weight: bold;
  margin-left: -4px;
}
.cpm-current-tasks span.cpm-due-date,
.cpm-priority-tasks span.cpm-due-date {
  display: inline-block;
  margin-bottom: 10px;
}
.cpm-current-tasks p.no-tasks,
.cpm-priority-tasks p.no-tasks {
  padding: 8px 10px;
  color: #7D7D7D;
  font-style: italic;
  font-size: 12px;
}
.cpm-current-tasks span.tasks-loading,
.cpm-priority-tasks span.tasks-loading,
.cpm-current-tasks span.complete-task-loading,
.cpm-priority-tasks span.complete-task-loading {
  float: right;
  margin: 7px 3px 0;
  background: url('../images/loading.gif') no-repeat;
  height: 16px;
  width: 16px;
  display: none;
}
.cpm-current-tasks span.complete-task-loading,
.cpm-priority-tasks span.complete-task-loading {
  margin: 0 0 0 7px;
}
/*--------------------------------------------------
:: Message
-------------------------------------------------- */
.cpm-new-message-form {
  margin: 25px 0 15px 10px;
  display: none;
}
.cpm-message-form-wrap {
  position: relative;
  border: 1px solid #DDD;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 2%;
  width: 96%;
}
.cpm-messages-table {
  font-size: 13px;
  width: 100%;
}
.cpm-messages-table td {
  border-bottom: 1px solid #ECECEC;
  padding: 5px 0;
}
.cpm-messages-table tr:nth-last-child(1) td {
  border-bottom: none;
}
.cpm-messages-table .cpm-avatar {
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 2px;
  background: #eee;
  display: block;
}
.cpm-messages-table .cpm-avatar img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.cpm-messages-table .message {
  font-size: 13px;
  padding: 0 5px;
  max-width: 780px;
  overflow: hidden;
}
.cpm-messages-table .title {
  font-weight: bold;
  color: #000;
}
.cpm-messages-table .excerpt {
  color: #AA9C84;
}
.cpm-messages-table .date {
  font-size: 14px;
  color: #AA9C84;
}
.cpm-messages-table td.cpm-actions {
  padding-left: 20px;
  font-size: 11px;
  border-bottom: none;
}
.cpm-messages-table td.cpm-actions a {
  color: red;
  display: inline-block;
  opacity: 0.3;
}
.cpm-messages-table td.cpm-actions a:hover {
  opacity: 1;
}
.cpm-single {
  background-color: #f9f9f9;
  border: 1px solid #dfdfdf;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.cpm-single .cpm-entry-title {
  background-color: #f4f4f4;
  background-image: -moz-linear-gradient(top, #f9f9f9, #ececec);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#ececec));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #ececec);
  background-image: -o-linear-gradient(top, #f9f9f9, #ececec);
  background-image: linear-gradient(to bottom, #f9f9f9, #ececec);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffececec', GradientType=0);
  border-bottom: 1px solid #dfdfdf;
  padding: 8px 10px;
  margin: 0;
  font-size: 13px;
}
.cpm-single .cpm-inner {
  margin: 0 10px;
}
.cpm-single .cpm-entry-meta {
  margin: 10px;
  color: #888;
  font-size: 12px;
}
.cpm-single .cpm-entry-meta .cpm-separator {
  color: #dfdfdf;
}
.cpm-single .cpm-entry-detail {
  margin-bottom: 10px;
  margin-left: 10px;
}
/*--------------------------------------------------
:: Comment
-------------------------------------------------- */
.cpm-comment-wrap {
    float: left;
  background-color: #f9f9f9;
  width: 100%;
}
.cpm-comment-wrap li.cpm-comment {
  margin: 0;
  padding: 10px;
  border-bottom: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-top: 1px solid #fff;
  position: relative;
}
.cpm-comment-wrap li.cpm-comment.odd {
  background-color: #fcfcfc;
}
.cpm-comment-wrap li.cpm-comment:first-child {
  border-top: 1px solid #dfdfdf;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.cpm-comment-wrap li.cpm-comment:last-child {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.cpm-comment-wrap li.cpm-comment .cpm-avatar {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 48px;
  height: 48px;
  padding: 3px;
  background: #D5D5D5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.cpm-comment-wrap li.cpm-comment .cpm-avatar img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.cpm-comment-wrap li.cpm-comment .cpm-comment-container {
  margin-left: 68px;
}
.cpm-comment-wrap li.cpm-comment .cpm-comment-container .cpm-comment-meta {
  color: #888;
  font-size: 12px;
}
.cpm-comment-wrap li.cpm-comment .cpm-comment-container .cpm-comment-meta .cpm-separator {
  color: #dfdfdf;
}
.cpm-comment-wrap li.cpm-comment .cpm-comment-container p {
  margin: 5px 0 10px 0;
}
.cpm-comment-wrap li.cpm-comment .cpm-upload-container {
  background: #fff;
  padding: 10px;
}
.cpm-comment-form-wrap {
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 1%;
  margin-left: 75px;
  width: 90%;
  float: left;
  margin-top: 25px;
}
.cpm-comment-form-wrap .cpm-avatar {
  position: absolute;
  top: 0;
  left: -65px;
  height: 48px;
  width: 48px;
  padding: 3px;
  background: #D5D5D5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.cpm-comment-form-wrap .cpm-avatar img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.cpm-comment-form,
.cpm-message-form,
.cpm-milestone-form {
  font-size: 13px;
}
.cpm-comment-form input[type=file],
.cpm-message-form input[type=file],
.cpm-milestone-form input[type=file] {
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cpm-comment-form label.error,
.cpm-message-form label.error,
.cpm-milestone-form label.error {
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  color: red;
  margin-bottom: 10px;
  padding: 1px 5px;
  position: absolute;
  right: -40px;
  top: 0;
}
.cpm-comment-form textarea,
.cpm-message-form textarea,
.cpm-milestone-form textarea {
  width: 100%;
}
.cpm-comment-form .item,
.cpm-message-form .item,
.cpm-milestone-form .item {
  position: relative;
}
.cpm-comment-form select,
.cpm-message-form select,
.cpm-milestone-form select {
  margin-bottom: 10px;
}
.cpm-comment-form input[type=text],
.cpm-message-form input[type=text],
.cpm-milestone-form input[type=text] {
  width: 80%;
  padding: 5px 10px;
}
.cpm-comment-form .cpm-attachment-area,
.cpm-message-form .cpm-attachment-area,
.cpm-milestone-form .cpm-attachment-area {
  background: url('../images/attachment.png') 5px 10px no-repeat;
  color: #999;
  border: 1px dashed #DDD;
  padding: 10px 10px 10px 30px;
  margin-bottom: 10px;
  font-size: 13px;
  position: relative;
  line-height: 17px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cpm-comment-form .cpm-attachment-area .upload-item,
.cpm-message-form .cpm-attachment-area .upload-item,
.cpm-milestone-form .cpm-attachment-area .upload-item {
  display: block;
  overflow: hidden;
  clear: both;
  margin-bottom: 10px;
}
.cpm-comment-form .cpm-attachment-area .progress,
.cpm-message-form .cpm-attachment-area .progress,
.cpm-milestone-form .cpm-attachment-area .progress {
  background: -moz-linear-gradient(center bottom, #ffffff 0%, #f7f7f7 100%) repeat scroll 0 0 #ffffff;
  border: 1px solid #D1D1D1;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
  float: right;
  height: 22px;
  line-height: 2em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 200px;
}
.cpm-comment-form .cpm-attachment-area .bar,
.cpm-message-form .cpm-attachment-area .bar,
.cpm-milestone-form .cpm-attachment-area .bar {
  background-color: #83B4D8;
  background-image: -moz-linear-gradient(center bottom, #72a7cf 0%, #90c5ee 100%);
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  height: 100%;
  margin-top: -26px;
  width: 0;
  z-index: 9;
}
.cpm-comment-form .cpm-attachment-area .progress .percent,
.cpm-message-form .cpm-attachment-area .progress .percent,
.cpm-milestone-form .cpm-attachment-area .progress .percent {
  color: rgba(0, 0, 0, 0.6);
  padding: 0 8px;
  position: relative;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  width: 200px;
  z-index: 10;
}
.cpm-comment-form .submit,
.cpm-message-form .submit,
.cpm-milestone-form .submit {
  padding: 10px 0 0 0;
}
/*--------------------------------------------------
:: Task List
-------------------------------------------------- */
#cpm-add-tasklist {
    float: right;
}
.cpm-new-todolist-form {
  display: none;
}
.cpm-todo-form {
    
}
.cpm-todo-form table {
    width: 100%;
}
.cpm-todo-form .date {
    width: 90px;
}
.cpm-single-task {
  overflow: hidden;
  float: left;
  width: 100%;
}
.highlight-task-assignee {
    background: #2ea2cc !important;
    color: #fff !important;
}
.cpm-single-task .cpm-todo-wrap {
  margin-left: 0;
  position: relative;
}
.cpm-todo-content, input[type='checkbox'] {
    float: left !important;
}
.cpm-comment-count-container {
    position: relative;
}
.cpm-todos .cpm-comment-count-container {
    color: #2ea2cc;
}
.cpm-comment-count-icon:before {
    content: "\f101";
    font-family: "dashicons";
    font-size: 23px;
    margin: 1px 0 0 0;
    position: absolute;
    z-index: 1;
}
.cpm-todos .cpm-comment-count-container .cpm-comment-count-icon:before {
    color: #2ea2cc;
}
.cpm-comment-count-number {
    color: #fff;
    margin: -2px 0 0 8px;
    position: absolute;
    z-index: 2;
}
.cpm-todos .cpm-comment-count-container .cpm-comment-count-number {
    font-size: 11px;
}
.cpm-single-task .cpm-todo-wrap input[type="checkbox"] {
  margin-left: -20px;
  margin-right: 2px;
  margin-top: 3px;
  vertical-align: baseline;
}
.cpm-single-task .cpm-todo-wrap:hover .cpm-todo-action {
  visibility: visible;
}
.cpm-single-task .cpm-todo-wrap .cpm-todo-action {
  padding: 1px 5px;
  background: #fff;
  float: right;
}
.cpm-single-task .cpm-todo-wrap .cpm-todo-action a {
    display: block;
    padding: 0 5px;
    float: left;
    padding: 0 !important;
}
.cpm-single-task .cpm-todo-action {
    background: none !important;
    float: left !important;
    padding: 0 !important;
}
.cpm-single-task input[type='checkbox'] {
    margin: 0 5px !important;
}
.cpm-icon-delete:before {
    font-family: "dashicons";
    content: "\f182";
    font-size: 18px;
}
.cpm-icon-edit:before {
    font-family: "dashicons";
    content: "\f111";
    font-size: 18px;
}
.cpm-todo-delete span, .cpm-icon-edit span, .cpm-icon-delete span {
    position: absolute;
    margin: -9999px;
}
.cpm-single-task .cpm-todo-wrap .cpm-todo-content a {
  color: #333;
}
.cpm-single-task .cpm-todo-wrap .cpm-todo-content a:hover {
  text-decoration: underline;
  color: #21759b;
}
.cpm-single-task .cpm-todo-wrap .cpm-todo-content .cpm-assigned-user,
.cpm-single-task .cpm-todo-wrap .cpm-todo-content .cpm-due-date,
.cpm-current-tasks .cpm-due-date,
.cpm-priority-tasks .cpm-due-date {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #ddd;
  font-size: 12px;
  line-height: 12px;
  padding: 1px 7px;
  color: #999;
  margin-right: 5px;
}
.cpm-single-task .cpm-todo-wrap .cpm-task-edit-form {
  display: none;
}
.cpm-todolists {
    width: inherit;
}
.cpm-todolists li {
    float: left;
    clear: left;
    margin: 0 0 10px 0;
    width: inherit;
}
.mce-edit-area {
    height: 50px;
}
.mce-edit-area iframe {
    height: inherit !important;
}
ul.cpm-todolists article.cpm-todolist {
    float: left;
    width: 100%;
}
ul.cpm-todolists article.cpm-todolist .cpm-todo-completed-wrap {
  display: none;
}
ul.cpm-todolists article.cpm-todolist .cpm-todo-complete-toggle {
    float: left;
    clear: both;
  background: url(../images/icon-list.png) no-repeat;
  background-position: 7px 3px;;
  padding-left: 30px;
  margin: 15px 0 20px;
  width: 100%;
}
ul.cpm-todolists article.cpm-todolist header .cpm-entry-detail {
  font-style: italic;
}
ul.cpm-todolists article.cpm-todolist .cpm-list-edit-form {
  display: none;
}
ul.cpm-todolists article.cpm-todolist p {
  margin: 0;
  padding-bottom: 10px;
}
ul.cpm-todolists article.cpm-todolist > ul {
    padding: 0;
    float: left;
    width: 100%;
}
ul.cpm-todolists article.cpm-todolist > ul li {
  clear: both;
  line-height: 20px;
  padding-left: 1%;
  width: 100%;
}
ul.cpm-todolists article.cpm-todolist > ul li .cpm-todo-wrap input[type="checkbox"] {
  margin-right: 2px;
  margin-top: 3px;
  vertical-align: baseline;
}
ul.cpm-todolists article.cpm-todolist > ul li .cpm-todo-wrap .cpm-todo-action, ul.cpm-todolists article.cpm-todolist header .cpm-list-actions {
  font-size: inherit;
  line-height: 14px;
  border: 1px solid #eee;
  border-right: none;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  padding: 3px 3px 0 2px;
  background: #fff;
  visibility: hidden;
  position: absolute;
}
.cpm-list-actions {
    left: -47px;
    top: -2px;
}
.cpm-todos {
    margin: 0 0 20px 0;
    padding: 0 0 10px 0 !important;
    border-bottom: 1px solid #ccc;
}
.cpm-todos .cpm-todo-action {
    left: -21px;
}
.cpm-todo-completed .cpm-todo-action {
    left: -1px;
}
ul.cpm-todolists article.cpm-todolist > ul li .cpm-todo-wrap .cpm-todo-action a, ul.cpm-todolists article.cpm-todolist header .cpm-list-actions a {
  display: inline-block;
}
ul.cpm-todolists article.cpm-todolist > ul li .cpm-todo-wrap:hover .cpm-todo-action, ul.cpm-todolists article.cpm-todolist header:hover .cpm-list-actions {
  visibility: visible;
}


.cpm-todo-content {
    float: left;
    width: 92%;
}
ul.cpm-todolists article.cpm-todolist > ul li .cpm-todo-wrap .cpm-todo-content a,
.cpm-current-tasks li a,
.cpm-priority-tasks li a {
  color: #999;
}
.task-id, .cpm-completed-by {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #E2E9F8;
  line-height: 12px;
  padding: 1px 7px;
}
.cpm-todo-completed .task-id, .cpm-completed-by {
    background: #999;
    color: #fff;
}



ul.cpm-todolists article.cpm-todolist > ul li .cpm-todo-wrap .cpm-todo-content .cpm-assigned-user,
ul.cpm-todolists article.cpm-todolist > ul li .cpm-todo-wrap .cpm-todo-content .cpm-due-date {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #ddd;
  font-size: 12px;
  line-height: 12px;
  padding: 1px 7px;
  color: #999;
}
ul.cpm-todolists article.cpm-todolist > ul li .cpm-todo-wrap .cpm-task-edit-form {
  display: none;
}
ul.cpm-todolists > li {
  margin: -10px 0 10px;
  padding: 10px 0;
}
/*--------------------------------------------------
:: Milestone
-------------------------------------------------- */
.cpm-new-milestone-form {
  margin: 25px 0 15px 10px;
  display: none;
}
.cpm-milestone-form-wrap {
  position: relative;
  border: 1px solid #DDD;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 1%;
  margin-left: 0;
  width: 98%;
}
.cpm-milestone-form-wrap input[name="milestone_due"] {
  width: 20%;
}
.cpm-milestones .title {
  float: left;
  width: 200px;
  margin-top: 0;
}
.cpm-milestones .cpm-milestone {
  background: #FAF9E4;
  padding: 10px 1%;
  margin: 0 0 10px 0;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 13px;
  float: left;
  width: 98%;
}
.cpm-milestones .cpm-milestone ul {
  margin-top: 5px;
}
.cpm-milestones .cpm-milestone ul.dash li {
  text-indent: 5px;
}
.cpm-milestones .cpm-milestone ul.dash li:before {
  content: "-";
  position: relative;
  left: -5px;
}
.cpm-milestones .cpm-milestone.late {
  background: #F9ECE6;
}
.cpm-milestones .cpm-milestone.complete {
  background: #E4FFE4;
}
.cpm-milestones .cpm-milestone .cpm-milestone-completed {
  font-style: italic;
  color: #7C7C7C;
}
.cpm-progress {
  overflow: hidden;
  height: 18px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: -5px 0 0 0 !important;
  float: left;
  width: 100%;
}
.cpm-progress .bar {
  width: 0%;
  height: 18px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.cpm-progress .text {
  margin-top: -17px;
  color: #222;
  font-size: 12px;
  padding: 0 25px;
  text-shadow: 0 1px 1px #FFFFFF;
}
.cpm-progress-info .bar {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
ul.cpm-links li {
  display: inline-block;
}
ul.cpm-links li a {
  text-decoration: none;
  font-size: 13px;
  font-weight: normal;
}
ul.cpm-links li a.cpm-loading {
  background: #eee;
}
label.error {
  color: red;
}
input.error {
  border: 1px solid red;
}
a.cpm-icon-tick span {
  display: none;
}
a.cpm-icon-tick:before {
  content: "\2714";
  display: block;
  font-size: 17px;
  padding: 1px 2px;
  border-radius: 4px;
}
a.cpm-icon-tick.green {
  color: #00D311;
}
a.cpm-icon-tick.grey {
  color: #D8D8D8;
}
.cpm-uploaded-item {
  background: #eee;
  padding: 10px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 10px 0;
}
.cpm-uploaded-item img {
  float: left;
  border: 1px solid #ddd;
  padding: 5px;
  margin-right: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  max-width: 150px;
}
/*--------------------------------------------------
:: Files
-------------------------------------------------- */
ul.cpm-files li {
  position: relative;
  display: inline-block;
  background: #f9f9f9;
  border: 1px solid #dfdfdf;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
ul.cpm-files li .cpm-thumb {
  padding: 10px;
}
ul.cpm-files li .cpm-thumb img {
  margin: 0 auto;
  display: block;
  border: 1px solid #DDDDDD;
  padding: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
ul.cpm-files li .cpm-thumb-detail {
  padding: 0 10px 10px 10px;
  font-size: 13px;
}
ul.cpm-files li .cpm-file-name {
  padding: 5px 0;
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
  margin: 0 0 10px 0;
  font-size: 13px;
}
ul.cpm-files li .cpm-file-action .comment-number {
  font-size: 11px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 1px 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/*--------------------------------------------------
:: Drag N Drop
-------------------------------------------------- */
.sortable-dragging {
  background: #F6F6F6;
  border: 1px solid #dfdfdf !important;
}
.sortable-placeholder {
  background-color: #EBFFF2;
  border: 1px dashed #dfdfdf !important;
}