.mod_media_library_search_container {
	position: relative;
}

	.mod_media_library_search_container .mod_media_library_filter_field_wrapper {
		position: relative;
		padding-left: 20px;
		margin: 2em 0;
		display: flex;
		align-items: center;
	}

		.mod_media_library_search_container .mod_media_library_filter_field {
			position: relative;
			width: 100%;
			margin-right: 1em;
		}

			.mod_media_library_search_container .mod_media_library_filter_field label {
				display: none;
			}

			.mod_media_library_search_container .mod_media_library_filter_field select[name^='media_library_filter'] {
			}
	
		.mod_media_library_filter_field select, 
		.mod_media_library_filter_field input {
			width: 100%;
			display: block;
			height: 2em;
			font-size: 14px;
		}

	.mod_media_library_search_container .mod_media_library_search_field_wrapper {
		box-sizing: border-box;
	}

		.mod_media_library_search_container .mod_media_library_search_field_wrapper input[name='media_library_search'] {
			width: 100%;
			padding: 0 2em 0 .5em;
			line-height: 2.5em;
			box-sizing: border-box;
			border-width: 0;
		}
	
	.mod_media_library_search_container .mod_media_library_search_field_clear {
		color: #999;
		font-size: 14px;
		display: inline-block;
	}
	
		.mod_media_library_search_container .mod_media_library_search_field_clear a, .mod_media_library_search_container .mod_media_library_search_field_clear a:active {
			padding: .5em;
			color: #999;
			text-decoration: none;
		}

		.mod_media_library_search_container .mod_media_library_search_field_clear.inactive {
			display: none;
		}
	
	.mod_media_library_search_container .mod_media_library_item_template {
		display: none;
	}
	

	/* Filter Dropdowns */
	.mod_media_library_search_container .dropdown,
	.mod_media_library_search_container .input {
		width: 100%;
		display:inline-block;
		background-color:#fff;
		border-radius:3px;
		box-shadow:0 0 2px #ccc;
		transition:all .5s ease;
		position:relative;
		font-size:14px;
		color:#474747;
		height:100%;
		text-align:left;
	}
	
		.mod_media_library_search_container .input input {
			height: 42px;
		}
	
		.mod_media_library_search_container .dropdown .select {
			cursor:pointer;
			display:block;
			padding:12px;
			line-height: normal;
		}
	
			.mod_media_library_search_container .dropdown .select > .chevron::after {
				font-size:13px;
				color:#888;
				cursor:pointer;
				line-height:20px;

				content: url("data:image/svg+xml;charset=UTF-8, <svg class='reader-arrow h-100 ma0 pa0' width='24' height='24' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg'><path stroke='none' stroke-width='0' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='%23888888' d='M 9.07,17.44 L 14.4,12.1 14.4,12.1 C 14.6,11.91 14.6,11.59 14.4,11.4 L 9.09,6.08 9.09,6.08 C 8.7,5.7 8.7,5.08 9.09,4.69 L 9.09,4.69 9.09,4.69 C 9.47,4.31 10.09,4.31 10.47,4.69 L 16.85,11.07 16.85,11.07 C 17.24,11.46 17.24,12.09 16.85,12.49 L 10.49,18.85 10.49,18.85 C 10.09,19.24 9.46,19.24 9.07,18.85 L 9.07,18.85 9.07,18.85 C 8.68,18.46 8.68,17.83 9.07,17.44 Z M 9.07,17.44'></path></svg>");
				position: absolute;
				top: 8px;
				right: 8px;
				width: 24px;
				height: 24px;
				box-sizing: border-box;
				transform: rotate(90deg);
				transition:all .3s ease-in-out;
				display: block;
			}

				.mod_media_library_search_container .dropdown.active .select > .chevron::after {
					transform:rotate(-90deg);
				}

		.mod_media_library_search_container .dropdown:hover {
			box-shadow:0 0 4px #ccc;
		}
		
		.mod_media_library_search_container .dropdown:active {
			background-color:#f8f8f8;
		}
		
		.mod_media_library_search_container .dropdown.active:hover,
		.mod_media_library_search_container .dropdown.active {
			box-shadow:0 0 4px #ccc;
			border-radius:5px 5px 0 0;
			background-color:#f8f8f8;
		}
	
	
	.mod_media_library_search_container .dropdown .dropdown-menu {
		position:absolute;
		background-color:#fff;
		width: 100%;
		left:0;
		margin-top:1px;
		box-shadow:0 1px 2px #ccc;
		border-radius:0 1px 5px 5px;
		overflow:hidden;
		display:none;
		max-height: 200px;
		overflow-y:auto;
		z-index:9;
	}
	
		.mod_media_library_search_container .dropdown.active .dropdown-menu {
			display: block;
		}
	
	.mod_media_library_search_container .dropdown .dropdown-menu li {
		padding:10px;
		line-height: normal;
		transition:all .2s ease-in-out;
		cursor:pointer;
	}

		.mod_media_library_search_container .dropdown .dropdown-menu li.filter-default {
			border-bottom: #ddd solid 1px;
		}

		.mod_media_library_search_container .dropdown .dropdown-menu li.active {
			background-color:#f8f8f8
		}
	
	.mod_media_library_search_container .dropdown .dropdown-menu {
		padding:0;
		list-style:none;
	}
	
	.mod_media_library_search_container .dropdown .dropdown-menu li:hover {
		background-color:#f2f2f2;
	}
	
	.mod_media_library_search_container .dropdown .dropdown-menu li:active {
		background-color:#fff;
	}
	
	.mod_media_library_search_container .dropdown .dropdown-menu ul:active {
		background-color:gray;
	}