body {
	article.bp_members.bp_member,
	div.bp_members.bp_member {
		.entry-content {
			width: 100%;
		}
	}
}

.rtm-media-gallery-uploader {
	display: none;
}

h2.rtm-gallery-title  {
	margin: 10px 0;
}

.rtmedia-uploader {
	.drag-drop {
		border: 4px dashed #DDD;
		text-align: center;
		background: #fafafa;
		overflow: hidden;
		color: #AAAAAA;
		margin-top: 20px;
		padding: 25px 0;

		&.dragover {
			border-color: #83b4d8;
		}

		.drag-drop-info {
			font-size: 20px;
			line-height: 24px;
		}

		.rtm-select-files {
			span {
				vertical-align: middle;
			}
		}

		.rtm-seperator {
			margin: 0px 20px;
		}

		.start-media-upload {
			display: none;
			margin-top: 20px;
		}

		.rtm-file-size-limit {
			vertical-align: middle;
			font-size: 16px;
			line-height: 24px;
		}
	}
}

.rtm-uploader-main-wrapper {
	.rtm-uploader-tabs {
		margin-bottom: 10px;
		text-align: left;
	}

	ul {
		border-bottom: 1px solid #CCC;
	}

	li {
		margin: 0 0 -1px 10px;
		display: inline-block;
		padding: 5px 10px;
		line-height: 25px;
		background-color: #e4e4e4;
		border: 1px solid #CCC;

		&.active {
			background: transparent;
			border-left: 1px solid #CCC;
			border-top: 1px solid #CCC;
			border-right: 1px solid #CCC;
			border-bottom: 1px solid #fafafa;
		}

		&:hover {
			cursor: pointer;
		}
	}
}

.rtmedia-container .rtmedia-list {
	margin: 10px -5px;

	.rtmedia-list-item {
		float: left;
		margin: 5px;
		position: relative;

		& > a {
			display: block;
		}
	}

	.rtmedia_time {
		background-color: #000;
		color: #fff;
		display: inline-block;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		opacity: 0.75;
		padding: 0 4px;
		position: absolute;
		right: 2px;
		top: 2px;
	}

	img {
		vertical-align: top;
	}

	.rtmedia-item-title {
		h4 {
			color: $gray;
			font-size: 12px;
			font-weight: normal;
			margin: 5px 0 0;
			overflow: hidden;
			text-align: center;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
	}
}

.rtm-load-more {
	background: $light;
	text-align: center;
	line-height: 50px;

	.rtmedia-container & a {
		border: 0;
		padding: 10px 0;
	}

	.rtm-media-loading {
		padding: 10px 0;
	}
}

.rtm-media-options.rtm-media-search-enable {
	& > * {
		&:nth-last-child(2) {
			border-right: none;
		}
	}
}

.rtm-media-options {
	line-height: 1.4;
	margin-bottom: 10px;
	clear: both;
	/*overflow: hidden;*/

	& > div {
		display: inline-block;
		cursor: pointer;
	}

	.rtm-media-options-list {
		margin-right: 5px;
		padding-right: 10px;
		position: relative;
	}

	& > * {
		border-right: 1px solid #999;

		&:last-child {
			border-right: none;
		}
	}

	.dashicons {
		font-size: inherit;
		line-height: 1.2;
	}
}

#buddypress {
	.media_search.media_search {
		.search_by {
			margin-top: 3px;
		}
	}
}

.bp-legacy {

	&.media {

		#buddypress {

			#item-header-cover-image {

				.user-nicename {
					margin-bottom: 20px;
				}
			}

			div#item-header {

				div#item-header-content {

					ul {
						li, div {
							float: left;
							margin: 2px 10px;
						}
					}

					button, a {
						background: #fff;
						border: 1px solid #ccc;
						color: #767676;
						font-size: small;
						cursor: pointer;
						outline: none;
						padding: 4px 10px;
						text-align: center;
						text-decoration: none;

						&:hover {
							background: #ededed;
							border: 1px solid #bbb;
							color: #555;
							outline: none;
						}
					}
				}
			}
		}
	}
}

.bp-nouveau {

	&.media {

		.entry-title {
			font-size: 34px;
			font-weight: inherit;
			margin-bottom: 0;

			a {
				color: #767676;
			}
		}

		#buddypress {

			#item-header-cover-image {

				.user-nicename {
					margin-top: 15px;
					margin-bottom: 30px;
				}
			}

			div#item-header {

				div#item-header-content {
					//margin-top: -125px !important;

					ul {
						li, div {
							float: left;
							margin: 2px 10px;
						}
					}

					button, a {
						background: #fff;
						border-color: #ccc;
						border-style: solid;
						border-width: 1px;
						color: #555;
						cursor: pointer;
						font-size: inherit;
						font-weight: 400;
						outline: none;
						padding: 0.3em 0.5em;
						text-align: center;
						text-decoration: none;
						width: auto;

						&:hover {
							background: #ededed;
							border-color: #999999;
							color: #333;
							outline: none;
							text-decoration: none;
						}
					}
				}
			}
		}
	}
}

.media_search.media_search {
	float: right;
	border: 1px solid #ccc;
	margin-left: 5px;
	display: flex;
	align-items: center;

	input.media_search_input {
		width: 200px;
		outline: 0;
		max-width: 200px;
		margin: 0;
		box-shadow: none;
		padding: 5px 6px;
		border: none;
		background: transparent;
		float: left;
		max-height: 30px;
	}

	#media_fatch_loader.load {
		float: left;
		width: 20px;
		height: 30px;
		position: relative;

		&:before {
			content: '';
			border-radius: 50%;
			border: 1px solid #aaa;
			border-top-color: rgba(255, 255, 255, 0.9);
			animation: spinner .8s linear infinite;
			-webkit-animation: spinner .8s linear infinite;
			position: absolute;
			width: 15px;
			height: 15px;
			top: 24%;
		}
	}

	#media_search_remove, #media_search, .search_option {
		padding: 0;
		margin: 0;
		border: none;
		line-height: 1.2;
		border-radius: 0;
		display: flex;
		align-items: center;
	}

	#media_search {
		padding: 0 5px;
		align-self: stretch;
	}

	#media_search_remove {
		display: none;
	}

	.search_by {
		background: transparent;
	    margin-top: 3px;
	    float: left;
	    width: auto;
	    margin-bottom: 0;
	    height: auto;
	    padding-top: 0;
	    padding-bottom: 0;
	}
}

@keyframes spinner {
	to {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes spinner {
	to {
		-webkit-transform: rotate(360deg);
	}
}

.rtmedia-upload-media-link {
	cursor: pointer;
}

a.rtmedia-upload-media-link {
	border: none;
}

.rtm-album-privacy {
	span {
		font-size: 16px;
		display: inline-block;
		margin: 0 20px 20px 20px;
		vertical-align: top;
	}

	label {
		margin-right: 8px;
	}

	.dashicons {
		font-size: 16px;
		line-height: 1.6;
		margin-right: 5px;
	}
}

#rtm-media-options-list {
	.rtmedia-delete-album {
		background: transparent;
		border: 0;
		color: $white;
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
		padding: 0;
		text-transform: inherit;

		&:hover {
			background: transparent;
			border: 0;
			color: $white;
		}
	}
}

.rtmedia-single-container {
	button.rtmedia-like {
		background-color: transparent;
		color: inherit;
	}
	.rtmedia-reported {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #FFFFFF;
	}
}