/* Base styles */
	#emp-dir a.mail-link {
		font-weight: normal;
		color: unset;
	}

	#emp-dir a {
		font-weight: bold;
	}

	#emp-dir td {
		padding: 15px 10px;
	}

	#emp-dir th {
		padding: 10px;
		border: none;
		border-right: 2px solid #FFF;
		background-color: #d9edf7;
		padding-right: 20px;
		text-align: left;
		font-weight: 600;
		cursor: pointer;
		*cursor: hand;
	}

	a.mail-link {
		font-weight: normal;
		color: unset;
	}

	div#emp-dir_filter {
		margin-bottom: 20px;
		background-color: #d9edf7;
		border-radius: 8px;
		padding: 10px 10px 9px 10px;
	}

	div#emp-dir_filter input {
		background-color: white;
		width: 80%;
		font-weight: normal;
		border: 1px solid gray;
		border-radius: 5px;
		padding-left: 5px;
		margin-left: 5px;
		height: 35px;
	}

	div#emp-dir_filter .dataTables_filter {
		float: left;
		text-align: right;
	}

	div#emp-dir_filter .dataTables_length {
		float: right;
	}

	#emp-dir_wrapper {
		margin-bottom: 20px;
		margin-top: 20px;
	}

	a#clearFilters {
		float: right;
	}

	.faculty-filter {
		margin-top: 15px;
	}

	.faculty-filter label {
		font-weight: 500;
	}

	.table-bottom-wrapper {
		margin-top: 15px;
	}

	#content-main label {
		display: block;
	}

	#content-main .well {
		margin-bottom: 40px;
	}

	.col-md-6.sfilters {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		height: auto;
	}

	div.col-md-6.sfilters .btn-default {
		background-color: #ffffff;
		height: 32px;
		margin-top: 10px;
	}

	/* Native clear in WebKit and IE, fallback hidden initially */
	#emp-dir_filter input[type="search"]::-webkit-search-cancel-button {
		-webkit-appearance: searchfield-cancel-button;
		appearance: searchfield-cancel-button;
	}

	#emp-dir_filter input[type="search"]::-ms-clear {
		display: block;
	}

	#emp-dir_filter {
		position: relative;
	}

	#clear-search {
		display: none;
		cursor: pointer;
		position: absolute;
		right: 10%;
		top: 50%;
		transform: translateY(-50%);
		font-size: 1.1em;
	}

	/* Media queries */

	@media only screen and (min-width: 900px) {
		.name-col {
			width: 135px;
		}
	}

	@media only screen and (max-width: 992px) {
		div#emp-dir_filter .dataTables_length {
			float: none;
			margin-bottom: 10px;
		}

		#clear-search {
			right: 14%;
		}

		.well .col-md-6 label {
			margin-top: 10px;
		}
	}

	@media only screen and (max-width: 768px) {
		/* Mobile Table Styling */
		.table-striped thead th,
		.table-striped tbody,
		.table-striped tr,
		.table-striped td {
			border: none !important;
		}

		#emp-dir td {
			padding: 0;
		}

		table,
		thead,
		tbody,
		th,
		td,
		tr {
			display: block;
		}

		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		tr {
			border: 1px solid #ccc;
		}

		td {
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			position: absolute;
			top: 8px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
			font-size: 14px;
		}

		table.dataTable tbody tr {
			margin-bottom: 20px;
			padding: 5px;
		}

		label[for="administrativeUnit"] {
			margin-top: 15px;
		}
	}

	@media only screen and (max-width: 400px) {
		div#emp-dir_filter .dataTables_length {
			float: none;
			margin-bottom: 5px;
		}

		div#emp-dir_filter .dataTables_filter {
			float: left;
			text-align: left;
		}

		#clear-search {
			right: 10%;
		}
	}