/**/
.single-um_groups .um-avatar{
	border-radius: 50% !important;
}

.um-groups-single{
	margin-top:10px;
}

.um-groups-single img.func-um_user.gravatar{
	width: 40px;
	height: 40px;
	padding: 5px;
}

.um-groups-single .um-groups-commentl .um-groups-comment-avatar img{
	border-radius: 3px;
	width: 30px;
	height: 30px;
	padding: 0px;
}

/* Group Button */
.um-groups-single-button a.button{
	width: 130px;
	display: block;
	text-align: center;
	background: #fafafa;
  	background-image: -webkit-linear-gradient(top, #fafafa, #fafafa);
  	background-image: -moz-linear-gradient(top, #fafafa, #fafafa);
  	background-image: -ms-linear-gradient(top, #fafafa, #fafafa);
  	background-image: -o-linear-gradient(top, #fafafa, #fafafa);
 	background-image: linear-gradient(to bottom, #fafafa, #fafafa);
 	-webkit-border-radius: 28;
    -moz-border-radius: 28;
  	border-radius: 28px;
  	font-family: Arial;
  	color: #a8a3a8;
	font-size: 12px;
   	padding: 12px 15px !important;
  	border: solid rgba(216, 210, 203, 0.64) 1px;
  	text-decoration: none;
}

.um-groups-single-button a.button:hover{
	background: #f5f5f5;
  	background-image: -webkit-linear-gradient(top, #f5f5f5, #fafafa);
 	background-image: -moz-linear-gradient(top, #f5f5f5, #fafafa);
  	background-image: -ms-linear-gradient(top, #f5f5f5, #fafafa);
  	background-image: -o-linear-gradient(top, #f5f5f5, #fafafa);
  	background-image: linear-gradient(to bottom, #f5f5f5, #fafafa);
  	text-decoration: none;
  	border: 1px solid #ccc;
}
/* Directory */
.um-groups-directory{

}

.um-groups-directory .um-group-item{
	border-bottom: 1px solid #ccc;
	padding: 15px 0px 15px 0px;
}

.um-groups-directory .um-group-item h4.um-group-name{
	display: inline;
}

.um-groups-directory .um-group-item .um-group-image{
	float: left;
	margin-right: 10px;
}

.um-groups-directory .um-group-item .um-group-meta ul, .um-groups-directory .um-group-item .actions ul{
	list-style: none;
}
.um-groups-directory .um-group-item .um-group-meta ul li{
	font-size: 14px;
	color: #808080;
	border:0px;
}
.um-groups-directory .um-group-item .actions ul li{
	font-size: 14px;
	color: #808080;
	text-align: right;
}
.um-groups-directory .um-group-item .actions {
	float: right;
}
.um-groups-directory .um-group-item .actions a.button.um-groups-btn-join{
	float:right;
}


.um-groups-directory-pagi.um-members-pagi span.current, 
.um-groups-directory-pagi.um-members-pagi span.current:hover {
   color: #ccc !important;
}

/* Group form and fields */

.um-group-fields .um-group-field ul.um-privacy-wrap{
	list-style: none;
}
.um-group-fields .um-group-field ul.um-privacy-wrap li ul{
	margin-left: 50px;
}

.um-group-fields .um-group-field {
	padding-bottom: 25px;
}

.um-group-field label, 
.um-group-fields .um-group-field select, 
.um-group-fields .um-group-field textarea,
.um-group-fields .um-group-field input[type="text"]{
	width: 100%;
}

/* Single group page */
.um-groups-single  a{
	border:0px;
	box-shadow: none;
}
.um-groups-single .um-group-name{
	text-transform: capitalize;
}
.um-groups-single .um-group-image-wrap{
	float: left;
	padding-right:10px;
}
.um-groups-single .um-group-description{
	color: #8a8a8a;
	font-size:16px;
	margin-top: 15px;
}

.um-groups-single .um-group-privacy, .um-groups-single .um-group-members-count{
	font-size: 13px;
	color: #6f6f6f;
}

.um-groups-single .um-group-join-button{
	float: right
}

/* Tabs */
.um-groups-single div.um-group-tabs-wrap {
	
	margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 0px 10px 0px;
    margin-left: 0;
    border-radius: 0;
    border-top: solid 2px #f2f2f2;
    border-bottom: solid 2px #f2f2f2;
}

.um-groups-single ul.um-groups-single-tabs{
	margin: 0px;
	-webkit-padding-start: 0px;
}
.um-groups-single ul.um-groups-single-tabs, .um-groups-single ul.um-groups-single-subtabs{
	list-style: none;
}

.um-groups-single ul.um-groups-single-tabs li{
	display: inline;
}

.um-groups-single ul.um-groups-single-tabs li.um-groups-tab-slug_settings {
	float: right;
}

.um-groups-single ul.um-groups-single-tabs li a{
 	padding: 12px 15px 13px 15px;
}

.um-groups-single ul.um-groups-single-tabs li.active a{

}

/* Sub tabs  */
.um-groups-single ul.um-groups-single-subtabs li{
	display: inline;
	font-size:14px;
	padding-left: 20px;
	padding-right: 20px;
}

.um-groups-single ul.um-groups-single-subtabs li a{
	border: 0px;
}

.um-groups-single ul.um-groups-single-subtabs li.active a{
	border-bottom:1px solid #ccc;
}

.um-groups-single .um-groups-tab-slug_members 	span.count,
.um-groups-single .um-groups-tab-slug_requests 	span.count,
.um-groups-single .um-groups-tab-slug_blocked 	span.count{
	
	border-radius: 2px;
    padding: 1px 6px 1px 6px;
   
}

.um-groups-single .um-groups-tab-slug_members 	span.count{

}

.um-groups-single .um-groups-tab-slug_requests 	span.count,
.um-groups-single .um-groups-tab-slug_blocked 	span.count{
	background: rgb(228, 74, 74);
	 color: #fff;
    
}



/**
 * Group members table
 */
.um-groups-single  table.dataTable tbody tr{
	background: #fff !important;
}
/* Manage Members */
div#um_groups_manage_members_wrapper.dataTables_wrapper{
	font-size: 13px;
}

.um-groups-single  #um_groups_manage_members_wrapper select,
.um-groups-single  #um_groups_manage_members_wrapper input{
	font-size:13px;
}
.um-groups-single  div#um_groups_manage_members_filter.dataTables_filter{
	margin-bottom: 3px;
}
.um-groups-single  div#um_groups_manage_members_filter.dataTables_filter input{
	width: 60%;
}

/* Invite Members */

div#um_groups_invite_members_wrapper.dataTables_wrapper{
	font-size: 13px;
}
.um-groups-single  #um_groups_invite_members_wrapper select,
.um-groups-single  #um_groups_invite_members_wrapper input{
	font-size:13px;
}
.um-groups-single  div#um_groups_invite_members_filter.dataTables_filter{
	margin-bottom: 3px;
}
.um-groups-single  div#um_groups_invite_members_filter.dataTables_filter input{
	width: 60%;
}

/** View Members */

div#um_groups_members_wrapper.dataTables_wrapper{
	font-size: 13px;
}

.um-groups-single  #um_groups_members_wrapper select,
.um-groups-single  #um_groups_members_wrapper input{
	font-size:13px;
}
.um-groups-single  div#um_groups_members_filter.dataTables_filter{
	width: 100%;
	margin-bottom: 3px;
}
.um-groups-single  div#um_groups_members_filter.dataTables_filter input{
	width: 30%;
}
.um-groups-single #um_groups_members .um-groups-actions{
	float: right;
}

/** Discussions **/
.um-groups-discussions .discussion-item{
	border:1px solid #ccc;
	padding: 10px;
	margin-bottom: 2px;
}

.um-groups-discussions .discussion-item .user-info{
	float: left;
	width: 100%;
}

.um-groups-discussions .discussion-item .user-info .avatar{
	float: left;
	padding-right: 10px;
}

.um-groups-discussions .discussion-item  .content{
	width: 100%;
	margin-left: 50px;
}

.um-groups-discussions .discussion-item .actions{
	margin-left: 50px;
}
/**
 * Pending approval button tool
 */
.um-groups-right a.um-groups-post-approval-tool{
	border:1px solid #ccc !important;
	padding:0px 10px 0px 10px;
	font-weight: normal !important;
	color: rgba(0, 0, 0, 0.43) !important;
	font-size:13px;
}

a.um-button.um-groups-send-invite.um-right{
	width: 20%;
}
/**
 * Confirm group invite
 */
.um-groups-single-button-pending{
	width: 100%;
	margin-top:10px;
	clear:both;
}

.um-groups-confirm-approval-message{
	float: left;
}

.um-groups-confirm-approval-message img.func-um_user.gravatar.avatar.avatar-40.um-avatar.um-avatar-uploaded{
	width: 20px;
    height: 20px;
    border-radius: 0px;
    display: inline;
}

.um-groups-single-button-pending a.um-groups-confirm-invite{
	width: 20% !important;
	margin-right: 5px;
}

.um-groups-single-button-pending a.um-groups-ignore-invite{
	width: 20% !important;
}

.um-profile .groups_list .um-groups-directory .um-group-item .um-group-image{
	padding-right: 10px
}

.um-group-tab-content__requests #um_groups_members .um-groups-actions{
	width: 43%;
}

.um-group-tab-content__requests #um_groups_members .um-groups-actions a{
	height: 100%;
	width: 29%;
	margin: 2px;
	font-size: 12px !important;
	padding: 15px !important;
}

/**
 *  
 */
a.um-group-button{
	padding:5px;
	display:block;
}

.um-groups-wrap-buttons{
	position:relative;
	display:inline-block;
	margin-left:-160px;
	width:150px;
	margin-left: -200px;
	width: 199px;
}

.um-groups-wrap-buttons .um-group-buttons-more{
	display:none;
	list-style:none;
	background:rgb(255, 255, 255); 
	position: absolute;
	margin-top:10px;
	text-align:right;
	right: 0px; 
	box-shadow: 1px 1px 12px #ccc;
	border: 1px solid rgba(204, 204, 204, 0.44);
	padding: 10px;
}

.um-group-buttons a.um-group-button{
	float: left;
	margin-left:5px;
}

.um-group-buttons a.um-group-button-more.active{
	color: #ccc;
}

.um-groups-single .um-groups-wrapper div[data-group-id]{
	float:left;
	width: 50%;
}
.um-groups-single .um-groups-wrapper div[data-group-id] .user-details{
	padding: 10px 30px 15px 0px;
	height: 60px;
}

.um-groups-single .um-groups-wrapper div[data-group-id] .user-details .um-group-buttons{

	float:right
}

.um-groups-single .um-button, 
.um-groups-directory .um-button, 
.um-groups-search-form input[type=submit].um-button, 
.um-groups-search-form input[type=submit].um-button:focus{
	font-size: 12px;
   	padding: 12px 15px !important;
}

/**
 * Search Form
 */
.um-groups-users-search-form{
	clear: both;
	text-align:center;
	padding: 0px;
}
.um-groups-users-search-form input[type=submit][class="um-button"],
.um-groups-users-search-form input[type=text][name="groups_search"],
.um-groups-users-search-form select{
	padding:0px;
}

.um-groups-users-search-form input[type="text"][name="search-user"],
.um-groups-search-form input[type="text"][name="groups_search"]{
	padding: 0px;
    width: 100%;
    line-height: 30px !important;
    text-indent: 10px !important;
}


.um-groups-list-pagination{
	text-align:center;
}

.uimob500 div#um-groups-user-wrap{
	width: 100%;
}

/**
 * All groups filters
 */

#um-groups-filters ul.filters {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0px 10px 0px;
}

#um-groups-filters ul.filters li{
	display: inline;	
	padding: 10px 10px 10px 10px;
	
}

#um-groups-filters ul.filters li a {
	border-bottom: 0px;
}

#um-groups-filters ul.filters li a span{
	border-radius: 50px;
	padding: 2px 5px 2px 5px;
	background: #f8f8f8;
	border: 1px solid #e5e5e5;
}
#um-groups-filters ul.filters li:not(:last-child){
	border-right: 1px solid #ccc
}

#um-groups-filters ul.filters li.active{
	background: #f2f2f2;;
}