.ac_results{
	li{
	    padding: 1rem!important;
	    border-bottom: 1px solid #eee;
	    background: #fff;
	    color: #333;	

	    img{
	    	border-radius: 50%;
	    }

	    &:hover{
	    	background: #eee;
	    }
	}
}

.bp-suggestions-mention {
    font-weight: 600;
    text-decoration: none;
    padding: 2px 5px;
    background: rgba(0,0,0,.1);
    border-radius: 35px;
    color: #03a9f4;
}

.follow-button{
	.follow{
		background-color: #5c636a;
		border-color: #565e64;
	}
	.unfollow{
		background-color: #3dd5f3;
		border-color: #25cff2;

		.btn__icon:before{
			content: "\e811";
		}
	}
}

.friendship-button{
	.is_friend{
		.btn__icon:before{
			content: "\e811";
		}		
	}
}

.widget{
	&.buddypress{

		a{
			font-weight: 600;
			color: #333;
			text-decoration: none;			
		}

		.avatar{
			width: auto!important;
			height: auto!important;	
			border-radius: 50%;
		}

		.user-avatar{
			width: 50px;
			height: 50px;
		}

		ul.item-list {
			margin-bottom: 0;
			li{
			    border-bottom: 1px solid #eaeaea;
			    padding: 1rem 0!important;
			    margin: 0;
			    position: relative;
			    list-style: none;

			    &:last-child{
			    	margin-bottom: 0!important;
			    	border-bottom: none!important;
			    }
			}
		}

		.item-options{
		    color: transparent;
		    font-size: 90%;
		    margin: 0 0 1em;
		    padding: 0!important;
		    display: flex;
		    gap: .5rem;		
			a{
				background-color: #666;
				color: #fff;
				padding: 0.25rem 1rem;
				text-decoration: none;
				display: inline-block;
				border-radius: 4px;	
				flex: 1 1 auto;
				text-align: center;							
			}

			.selected{
				background-color: #ffc107;
			}

			.bp-separator{
				display: none;
			}
		}

		.item-title{
			margin-bottom: .5rem;
			font-size: 1rem;
		}

		.item-avatar{
			a{
				margin-right: 1.5rem;
			}

		}		

		.item-meta *{
			color: #767676;
			font-size: 90%;	
		}

		.bp-login-widget-user-links{
			margin-left: 10px;
		}		
	}
}

.bp-login-widget-user-avatar{
    width: 60px;
    height: 60px;
    margin-right: 1.5rem;
}

.bp-user-list-widget{

	a{
		text-decoration: none;
	}

	.item-avatar{
		a{
			float: none!important;
			margin-bottom: 0!important;
			margin-right: 0!important;		
		}
	}

	.item-meta{
		> span{
			margin-right: 1rem;
			position: relative;
			&:not(:last-child):after{
			    content: "";
			    background: #888;
			    font-size: 1rem;
			    width: 4px;
			    height: 4px;
			    border-radius: 50%;
			    position: absolute;
			    right: -0.5rem;
			    bottom: 0.3rem;
			}

			&:last-child{
				margin-right: 0;
			}
		}
	}

	&.bp-user-list-float{
	    width: 200px;
	    z-index: 10;
	    height: 100vh;
		padding-top: 70px;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0) scale(1, 1);
		overflow: hidden;

	    .user-avatar{
	    	width: 40px;
	    	height: 40px;
	    }
   
	    .item-list{
	    	height: 100%;
	    	overflow-y: scroll;
	    	overflow-x: hidden;

	    	.vcard{
				padding: .5rem 1rem!important;
				border-bottom: none!important;

				&:hover{
					background-color: #eee;
				}
			}

		    &::-webkit-scrollbar{
		        display: none;
		    }			
	    }
	}

	&.collapsed{
		width: 70px;
		.item{
			width: 0;
			height: 0;
			overflow: hidden;
		}
	}
}		

.notification-actions{
	.delete,
	.mark-read{
		font-size: .9rem;
		color: #333;
		text-decoration: none;		
		font-weight: 600;
	}
}

.notification-description{
	a{
		color: #212529;
		text-decoration: none;
		font-weight: 600;
	}
}

.notification-since{
	font-size: .9rem;
}

.notification-user{
	width: 70px;
}

.notification-list{
	
	.post-title {
	    overflow: hidden;
	    -webkit-line-clamp: 2;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    text-overflow: ellipsis;
	    white-space: normal;
	}

	.notification-thumbnail{
		width: 100px;
		min-width: 100px;
	}
}

#bp-login-widget-form{
	input[type=text],
	input[type=password],
	input[type=submit]{
		border-radius: 4px!important;
		width: 100% !important;
		padding: 0.35rem 1rem!important;
		background-color: #f1f3f4 !important;
	}

	input[type=submit]{
		margin: 0 0 1rem;
		border: none;
		background-color: #03a9f4!important;
		color: #fff;
	}

	.bp-login-widget-register-link{
		margin: 0 auto;
		text-align: center;
		display: block;		
	}
}

#buddypress{

	div#message{
	    position: relative;
	    padding: 0.5rem;
		padding-right: 1rem;
		padding-left: 1rem;
	    margin-bottom: 1rem!important;
	    border: 1px solid transparent;
	    border-radius: 0.25rem;

		p{
		    position: relative;
		    margin: 0 0 1rem 0;
		    padding: 0;
		    border: none!important;
		    background-color: transparent!important;
		    font-size: 100%;

		    &:last-child{
		    	margin-bottom: 0;
		    }
		}

		&.updated{
			color: #0f5132;
			background-color: #d1e7dd;
			border-color: #badbcc;		
		}

		&.error{
			color: #842029;
			background-color: #f8d7da;
			border-color: #f5c2c7;			
		}

		&.info{
			color: #055160;
			background-color:#cff4fc;
			border-color: #b6effb;		
		}		

		#close-notice {
		    position: absolute;
		    right: 1rem;
		    background-color: transparent;
		    color: red;
		}

	}

	.avatar{
		border-radius: 50%;
	}

	.section-header{
		font-size: 1rem;
		font-family: 'Poppins', sans-serif;
	}

	ul.item-list{
		li{
			h4,
			div.item-title{
				font-size: 1rem;
				width: 100%;
				margin-bottom: 0.5rem;
			}

			&:last-child{
				padding-bottom: 0!important;
				border-bottom: none!important;
			}
		}
	}

	div.item-list-tabs{
		margin-bottom: 0;
		border-bottom: 1px solid #dee2e6;
		ul{

			li{
				a{
					font-family: 'Poppins', sans-serif;
					color: #6c757d;
					position: relative;
					padding: 0.75rem 1rem;
					font-size: .9rem;
					font-weight: 600;
					text-transform: uppercase;
					opacity: 1!important;		
					text-transform: uppercase;			
				}

				&.selected,
				&.current{
					a{
					    background-color: transparent;
					    border-color: #dee2e6 #dee2e6 #fff;

						span{
							background-color: #2196f3;
							border-color: #2196f3;
							color: #fff;					
						}

						&:after{
							position: absolute;
							content: "";
							width: 100%;
							height: 3px;
							background: #ce1e1e;
							left: 0;
							bottom: 0;			
						}
					}
				}
			}
		}
	}

	#activity-filter-select,
	#groups-order-select,
	#members-order-select,
	#group_members-order-select{
		display: flex;
		align-items: center;

		label{
			font-size: .9rem;
		}

		select{
			width: auto;
			display: inline-block;
			margin-left: 0.5rem;
			font-size: .9rem;
			background-color: transparent;
			border: none;
			outline: none;
			box-shadow: none;	
			font-weight: 600;
		}
	}

	.dir-search{
		input[type=text],
		input[type=submit]{
		    border-radius: 35px!important;
		}

		input[type=submit]{
			position: absolute;
			right: 0;
			top: 0;
			padding: 0.5rem;
			background-color: #03a9f4;
			color: #fff;
			z-index: 5;
		}
	}	

	.messages-options-nav,
	#search-message-form,
	.notifications-options-nav,
	.invitations-options-nav{
	    display: flex;
	    width: 250px;	

	    input[type=submit]{
			color: #fff!important;
			background-color: #0d6efd!important;
			border-color: #0d6efd!important;
			padding: 0.5rem 1.5rem;
			font-weight: 400;			
	    }	
	}

	.pagination-links{
	    display: flex;
	    padding-left: 0;
	    margin: 0 auto;
	    list-style: none;
		.page-numbers{
		    position: relative;
		    display: block;
		    color: #333;
		    text-decoration: none;
			font-size: 100%!important;
			padding: 0.5rem 1rem!important;
		    margin-right: 1rem;
		    border-radius: 3px;
		    border: 1px solid #dee2e6;
			-webkit-transition: 0.4s;
			-moz-transition: 0.4s;
			-ms-transition: 0.4s;
			-o-transition: 0.4s;
			transition: 0.4s;

		    &.current,
		    &:hover{
				background-color: #222;
				color: #fff;
		    }

		    &:last-child{
		    	margin-right: 0;
		    }
		}
	}	

	.standard-form{
		input[type=text],
		input[type=password],
		input[type=email],
		input[type=submit],
		textarea,
		select{
			border-radius: 4px;
			padding: .35rem 1rem;
			width: 100%!important;
		}

		input[type=submit]{
			width: auto!important;
			padding: 0.5rem 2rem;
		}

		input[type=submit]{
			background: #03a9f4;
			color: #fff;
			border-radius: 35px;
			border: none;
		}

		h2{
			letter-spacing: 1px;
			font-size: 1.1rem;
			font-weight: 600;
			line-height: 1.5rem;
			margin-bottom: 1rem;
			position: relative;
			display: inline-block;
			text-transform: uppercase;
			font-family: 'Poppins', sans-serif;
			color: #666;
		}

		legend,
		label{
			font-size: 1rem;
			margin-bottom: 0.75rem;
		}

		.error{
			width: 100%!important;
		}

		.acfb-holder{
		    margin-bottom: 1rem;

			>li{
				float: none;
			}

			.friend-tab{
				margin-right: 0.5rem;
				margin-bottom: 1rem;

				a{
					color: #000;
					text-decoration: none;
					font-weight: 400;
				}

				img{
					border-radius: 50%;
				}				
			}
		}

		.field-group{
			margin-bottom: 1.5rem;
		}
	}

	.activity-list{

		.activity-time-since{
			span{
				font-weight: normal;
				color: #767676;			
			}					
		}	

		.activity-header{
			a{
				font-weight: 600;
				color: #333;
			}			
		}

		.activity-meta{
			a{
				color: #666;
				font-size: 1rem;
				font-weight: 600;
				border-radius: 0;
				border: none;
				margin: 0;
				position: relative;
				padding: 1rem 1.5rem;
				flex: 1 1 auto;
				line-height: 1;

				&:before{
					font-size: 1.2rem;
				}

				&:after{
					content: none;
				}			
			}

			.acomment-reply:before{
				content: "\f0e5";
			}

			.unfav:before{
				content: "\e842";
				color: #dc3545;
			}

			.fav:before{
				content: "\f097";
			}

			.btn-delete:before{
				content: "\e813";
			}			

		}

		.activity-inner{
			line-height: 2;		
		}

		.activity-content{
			margin: 0;
		}

		.activity-player{

			.error-message,
			.require-membership{
				font-size: 1rem;
			}

			.video-js{
				width: 100%;
				height: 100%;
			}
		}

		.activity-comments{

			margin: 0;

			p{
				word-break: break-word;
			}

			.acomment-avatar{
				.avatar{
					width: auto;
					height: auto;	
				}

				.user-avatar{
					width: 40px;
					height: 40px;
				}				
			}

			.acomment-content,
			.acomment-meta{
				font-size: .95rem;

				a{
					font-weight: 600;				
				}
			}

			.acomment-content{
				line-height: 2;
			}

			form.ac-form{
				padding: 1.5rem;
				.ac-textarea{
					margin-bottom: 1rem;
					background: #f1f3f4;
					border: 1px solid #ced4da;
					border-radius: 4px;	
					
					textarea,
					textarea:focus
					{
						background: #f1f3f4!important;
						height: 1rem;
					}		
				}

				input[type=submit]{
					border-radius: 35px;
					background: #ce1212;
					color: #fff;
					padding: 0.25rem 1.5rem;
					border: none;
					font-size: .9rem;

					&:hover{
						opacity: .8;
					}
				}

				.ac-reply-cancel{
					font-weight: 600;
					margin-left: 1rem;
				}

				.ac-reply-avatar{
					img{
						width: 40px;
						height: 40px;					
					}
				}
			}

			li{
				form.ac-form{
					padding: 0;
					margin-top: 1rem;
				}
			}

			> ul{
			    margin: 0 0 1.5rem 0;
			    padding: 0;

				li{

					ul{
						padding-left: 1rem;
					}

					&:last-child{
						border-bottom: none!important;
						padding-bottom: 0!important;
						margin-bottom: 0!important;
					}
				}
			}

			.show-all {
				font-weight: 600;
				padding: 0.5rem 1.5rem;
				border-bottom: 1px solid #eee;

			    a{
			    	text-decoration: none;
			    	color: #222;
			    }
			}			
		}

		li.load-newest{
			background: #fff;

			a{
			    text-decoration: none;
			    font-weight: 600;
			    text-transform: lowercase;				
			}
		}

		li.load-more{
			+ #message.info{
				margin-bottom: 1.5rem;
			}
		}
	}

	#message-threads{
		a{
			text-decoration: none;
			font-weight: 700;
		    color: #212529;
		}	
	}

	#message-subject{
		font-size: 1.5rem;
		word-wrap: break-word;
	}

	#message-thread{

		#message-recipients{
			.highlight{
				font-size: 1rem;
			}
			.confirm {
			    background: red!important;
			    color: #fff!important;
			    border-radius: 4px;
			    border: none;
			}			
		}

		.message-box{
			.message-content{
				margin-left: 80px!important;

				p{
					line-height: 2;
					word-wrap: break-word;
				}
			}
		}

		#send-reply{
			background: #fff;

			.avatar-box{
				strong{
					margin-left: 20px;
				}
			}
		}

		#message_content{
			height: 50px;
		}
	}

	div#item-header{

		div#item-header-content{
			margin-top: 185px!important;
		}

		div#item-meta{
			font-size: 100%;
		}
	}

	#invite-list{
		ul{
			li{
				padding: .5rem;
			}
		}
	}

	#public-group-description,
	#private-group-description,
	#hidden-group-description{
		margin: 1rem;
	}

	button[name=bp-data-export-nonce] {
	    width: auto;
	    background: #2196F3 !important;
	    color: #fff;
	}	

	.group-create-invitations{
		margin-bottom: 1rem;
	}

	table.profile-settings,
	table.profile-fields{
		margin: 1.5rem 0;

		td{
			padding: 1rem!important;
		}
	}

	#profile-edit-form{
	    padding: 1.5rem;
	    background: #fff;
	    border-radius: 4px;
	    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);

		ul.button-nav{
			margin: 1.5rem 0;
			padding: 0;

			a{
				font-size: 1rem;
			}
		}

		.field-visibility-settings-close,
		.visibility-toggle-link{
			border-radius: 4px;
			font-size: .8rem;
			margin-left: .5rem;
		}

		.field-visibility-settings-close{
			margin-top: .5em;
		}

		fieldset legend,
		.field-visibility-settings-notoggle,
		.field-visibility-settings-toggle{
			margin: .5rem 0;
		}


		fieldset{
			label{
				line-height: 2;
			}
		}		

		.field-visibility-settings{
			margin-bottom: .5rem;
		}

		.field_type_datebox{
			select{
			    width: auto !important;
			    display: inline-block;
			    margin: 0 1rem;
			}
		}

		.editfield{
			border-bottom: 1px solid #eee;
			margin-bottom: 1rem;
			padding-bottom: 1rem;
		}
	}

	.bp-wrap{
		h2{
			font-size: 1.2rem;
			margin-bottom: 1rem !important;
		}
	}
}

.has-friend-list-widget{
	.site-main{
		padding-right: 200px;
	}
	&.friend-list-widget-mini{
		.site-main{
			padding-right: 70px;
		}
	}	
}

.bg-registration-container{
	max-width: 500px;

	#buddypress{

		.register-section{
		    width: 100%!important;
		    float: none!important;
		}

		#signup_submit{
			width: 100%!important;
		}

	}

}

#sitewide-notice{

	#message{
		width: 100%;
		left: 0;
	    color: #055160;
	    background-color: #cff4fc;
	    border-color: #b6effb;		
	}

	&.admin-bar-on{
		#message{
			top: 2em!important;
		}
	}
}

@media only screen and (max-width: 768px) {
	#buddypress{
		div#item-header{
			div#item-header-content{
				margin-top: 0!important;
			}
		}
	}	
}

.admin-bar{
	.bp-user-list-float{
		padding-top: 110px;
	}		
}

body.rtl{
	.notification-content{
		text-align: right;
	}
}

html[data-theme=dark]{

	.ac_results{
		border-color: #333;
		li{
		    border-bottom: 1px solid #333;
		    background: #222;
		    color: #f9fafb;	

		    &:hover{
		    	background: #333;
		    }
		}
	}

	.bp-suggestions-mention {
	    background: #666;
	}

	.atwho-view {
	    border: 1px solid #333;

		.atwho-view-ul {
		    background: #222;
			li{
			    border-color: #333;
			    padding: .5rem;
			    color: #fff;
			    font-size: 1rem;
				img{
				    border-radius: 50%;
				}

				&.cur,
			    &:hover{
			    	background: #333;
			    }
			}		    
		}	    
	}	

	.notification-actions{
		.delete,
		.mark-read{
			color: #ffc107;
		}
	}

	.notification-list{
		li{
			&:hover{
				background-color: #222!important;
			}
		}
	}

	.widget.buddypress{
		ul.item-list{

			border-top: 1px solid #222 !important;

			li{
				border-bottom: 1px solid #222 !important;

				.activity{
					color: #ccc;
				}
			}
		}
	}

	.bp-user-list-widget{
		&.bp-user-list-float{
			border-left-color:#222 !important;

		.vcard{
			&:hover{
				background-color: #222;
				}
			}	
		}	
	}	

	#buddypress{

		form#whats-new-form{
			textarea{
				color: #f9fafb;
			}
		}	

		.standard-form{

			label{
				color: #f9fafb;
			}

			input[type=text],
			input[type=password],
			input[type=email],
			input[type=tel],
			textarea,
			select{
				border: 1px solid #333;
				background: #222;
				color: #f9fafb;
			}

			.acfb-holder{
				.friend-tab{
					background: #333;
					border-color: #444;

					a{
						color: #fff;
					}
				}
			}
		}	

		div.item-list-tabs{
			border-bottom-color: #333;
			ul{
				li{
					a{
						color: #f9fafb;
						span{
							background-color: #666;
							border-color: #666;
							color: #fff;					
						}						
					}

					&.current{
						a{
							background-color: transparent;
						}
					}
				}
			}
		}

		.activity-list{

			.activity-header{
				background-color: #222!important;
				a,
				.time-since{
					color: #f9fafb;
				}
			}

			.activity-meta{
				a{
					background: #222!important;
					border: none!important;
					color: #f9fafb;
					
					&:hover{
						background: #333!important;
					}
				}
			}

			.activity-comments{
				form{
					.ac-textarea{
					    background: #222;
					    border: 1px solid #333;		
					    
					    textarea,
					    textarea:focus{
							background: #222!important;
							color: #f9fafb;
							border: none!important;
					    }			
					}
				}

				.show-all{
					border-bottom: 1px solid #333;
					a{
						color: #f9fafb;
					}
				}				

				.activity-comment{
					&:hover{
						background: #1f1f1f;
					}
				}

				.bp-suggestions-mention{
					color: #ffeb3b;
				}
			}

			li.load-newest{
				background: #222;
				border-bottom: none;
				a{
					color: #f9f9f9;
				}
			}			
		}

		.pagination-links {
			.page-numbers{
			    color: #f9f9f9;
			    border: 1px solid #333;		
			}
		}

		table#message-threads{

			a{
				text-decoration: none;
				color: #ffeb3b;
			}

			tr.unread{
				td{
					background: #333;
					font-weight: 700;
				}
			}
		}

		.message-action-star{
			span.icon:before{
				color: #fff;
			}
		}

		#message-thread {

			.highlight{
				a{
					text-decoration: none;
					color: #ffeb3b;
					font-weight: 700;					
				}
			}

			#send-reply{
				background-color: #1b1b1b;
			}
		}

		#header-cover-image{
			background-color: #222;
		}

		#profile-edit-form{

			background: #111;

			h2{
				color: #f9f9f9;
			}

			ul.button-nav{
				a{
				    background: #222;
				    color: #f9f9f9;
				    border-color: #333;		
				}

				.current{
					a{
						background: #2196F3;
					}
				}
			}

			.field-visibility-settings-close,
			.visibility-toggle-link{
				background: #444;
				color: #f9f9f9;
				border-color: #333;
			}

			fieldset legend,
			.field-visibility-settings-toggle,
			.field-visibility-settings-notoggle,
			.field-visibility-settings-notoggle span{
				color: #eee;
			}

			.field_type_textarea{
				button,
				.button{
					background: #666;
					border-color: #444;
				}

				.wp-switch-editor{
					background: #666;
				}

				.wp-editor-container{
					border-color: #333;
				}

			}

			.editfield{
				border-bottom-color: #333;
			}
		}

		table.profile-settings,
		table.profile-fields{

			.field-visibility{
				span{
					color: #f9f9f9;
				}
			}

			td.label{
				border-right-color: #1b1b1b;
			}

			tr.alt{
				td{
					background-color: #1b1b1b;
					color: #f9f9f9;
				}
			}
		}		
	}
}