.wppcp-clear{
clear: both;
}
.wppcp-error-outline{
border: 1px solid #ac2c2c !important;
}
.wppcp_button_color{
background: #428bca !important;
color: #FFF !important;
}
.wppcp-message-info-error{
background: #ffdbdb none repeat scroll 0 0;
border: 1px solid #ffb4b4;
color: #ac2c2c;
display: block;
font-family: Open Sans,"Helvetica","Arial";
font-size: 12px;
margin: 10px 0;
padding: 5px;
}
.wppcp-message-info-success{
background: #d8f7c1;
border: 1px solid #a1d47b;
color: #527638;
display: block;
font-family: Open Sans,"Helvetica","Arial";
font-size: 12px;
margin: 10px 0;
padding: 5px;
}
.wppcp-attachments-display-panel{
padding: 20px;
background: #f8f8f8;
border: 1px solid #cfcfcf;
}
.wppcp-attachments-display-panel-title{
text-align: center;
font-weight: bold;
font-size: 20px;
margin: 10px;
}
.wppcp-attachments-display-panel-desc{
margin: 20px 0;
}
.wppcp-attachments-display-panel-file{
margin: 5px 0;
}
.wppcp-select2-front,.wppcp_select2-container{
width: 50% !important;    
} .wppcp-group-container.wppcp-group-single{
padding: 5px;
border: 1px solid #cfcfcf;
}
.wppcp-group-cover-image img{
width: 100%;
}
.wppcp-group-cover-empty-image{
width: 100%;
height: 40px;
background: #428bca ;
}
.wppcp-group-title{
padding: 10px 20px;
position: relative;
bottom: 40px;
font-weight: bold;
color: #fff;
font-size: 18px;
margin-bottom: -40px;
}
.wppcp-group-tab{
padding: 15px;
float: left;
} .wppcp-group-disscussion-tab-msg{
margin: 5px 10px;
}
.wppcp-group-disscussion-tab-editor,.wppcp-group-disscussion-tab-editor textarea{
padding: 10px !important;
padding-bottom: 5px !important;
margin: 0 !important;
}
.wppcp-group-disscussion-tab-members{
padding: 0 10px 5px;
}
.wppcp-group-messages-single-block-avatar img, .wppcp-group-messages-single-comment-avatar img{
width: 50px;
height: 50px;
}
.wppcp-group-messages-list{
padding: 10px;
}
.wppcp-group-messages-single-block{
padding: 10px;
margin: 10px 0;
border: 1px solid #cfcfcf;
}
.wppcp-group-messages-single-block-avatar,.wppcp-group-messages-single-comment-avatar{
width: 50px;
height: 50px;
margin-right: 10px;
float: left;
}
.wppcp-group-messages-single-block-names, .wppcp-group-messages-single-comment-names{
float: left;
}
.wppcp-group-messages-single-block-message{
padding: 15px 0px 10px;
}
.wppcp-group-messages-single-block-actions{
background: #eee;
}
.wppcp-group-messages-single-block-add-comment,.wppcp-group-messages-single-block-view-comment{
padding: 10px;float: left;
}
.wppcp-group-messages-single-block-comment,.wppcp-group-messages-single-block-add-comments{
padding: 10px;
border-bottom: 3px solid #fff;
}
.wppcp-group-messages-single-block-comments{
background: #f5f5f5;
}
.wppcp-group-messages-single-comment-names .wppcp-comment-name
{
float: left;
font-weight: bold;
color: #424bca;
}
.wppcp-group-messages-single-block-names .wppcp-message-name{
font-weight: bold;
color: #424bca;
}
.wppcp-group-messages-single-comment-names .wppcp-comment-message{
float: left;
margin-left: 20px;
}
.wppcp-group-messages-single-comment-names .wppcp-comment-date{
clear: both;
}
.wppcp-group-messages-single-comment-editor{
float: left;
width: 50%;
}
.wppcp-group-messages-single-comment-editor textarea{
height: 50px;
width: 100%;
}
.wppcp-group-messages-single-comment-button{
float: left;
}
.wppcp-group-messages-single-template,
.wppcp-group-messages-single-block-comment-template{
display: none;
}
.wppcp-group-messages-pagination,.wppcp-group-files-pagination,.wppcp-group-members-pagination{
padding: 10px 0;
margin: 10px;
text-align: center;
font-weight: bold;
background: #eee;
}
.wppcp-group-messages-pagination:hover,.wppcp-group-files-pagination:hover,.wppcp-group-members-pagination:hover{
cursor: pointer;
}
.wppcp-group-messages-single-message-delete,.wppcp-group-messages-single-comment-delete{
float: right;
margin: 10px;
padding: 5px 10px;
background: #428bca;
color: #fff;
}
.wppcp-group-messages-single-message-delete:hover,
.wppcp-group-messages-single-comment-delete:hover{
cursor: pointer;
} .wppcp-group-about-tab-content{
padding: 10px;
} .wppcp-group-files-create{
}
.wppcp-group-files-add{
padding: 10px;
}
.wppcp-group-files-add-btn{
padding: 10px;
background: #eee;
width: 200px;
margin: auto;
text-align: center;
font-weight: bold;
border: 1px solid #cfcfcf;
}
.wppcp-group-files-add-btn:hover{
cursor: pointer;
}
.wppcp-group-files-add-form{
padding: 10px 20px;
background: #f5f5f5;
margin: 10px;
border: 1px solid #cfcfcf;
display: none;
}
.wppcp-group-files-add-form-row{
margin: 5px 0;
}
.wppcp-group-files-add-form-label,.wppcp-group-files-list-label{
float: left;
width: 30%;
}
.wppcp-group-files-add-form-field,.wppcp-group-files-list-field{
float: left;
width: 60%;
}
.wppcp-group-files-add-form-field input[type='text'],
.wppcp-group-files-add-form-field textarea{
width: 95%;
}
.wppcp-message-info-error p{
margin: 0 !important;
padding: 0 10px !important;
}
.wppcp-group-files-list{
padding: 10px;
}
.wppcp-group-file-item{
background: #f5f5f5;
margin: 10px 0;
}
.wppcp-group-file-item-delete,.wppcp-group-file-item-download,.wppcp-group-file-item-view{
float: right;
padding: 10px;
background: #428bca;
color: #fff;
margin-right: 2px;
}
.wppcp-group-file-item-download a{
color: #FFF;
}
.wppcp-group-file-item-name{
float: left;
padding: 10px;
}
.wppcp-group-file-item-data{
background: #fff;
border: 1px solid #cfcfcf;
}
.wppcp-group-file-item-data-open{
display: block;
}
.wppcp-group-file-item-data-closed{
display: none;
}
.wppcp-group-file-item-data-row{
padding: 10px;
}
.wppcp-group-files-list-msg{
margin: 10px;
padding: 5px 10px;
}
.wppcp-group-files-list-msg p{
margin: 0 !important;
padding: 0 !important;
}
.wppcp-group-file-item-row{
border: 1px solid #cfcfcf;
} .wppcp-group-members-list{
padding: 10px;
box-sizing:border-box;
}
.wppcp-group-member-record{
padding: 10px;
margin: 5px;
width: 48%;
background: #f5f5f5;
float: left;
border: 1px solid #cfcfcf;
}
.wppcp-group-member-record-avatar{
float: left;
margin-right: 10px;
}
.wppcp-group-member-record-name{
float: left;
line-height: 40px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.wppcp-group-member-record{
width: 98%;
}
}
@media only screen and (min-width: 200px) and (max-width: 480px) {
.wppcp-group-member-record{
width: 98%;
}
}