/* Custom Styling for Sortable Tables */

.sortable-table td {
	padding:10px 15px; 
	border:solid 1px #eee;
}
table.sortable-table{
	width: 100%;
}
input {
	border:solid 1px #ccc;
	border-radius: 5px;
	padding:7px 14px;
	margin-bottom:10px
}
input:focus {
	outline:none;
	border-color:#aaa;
}
.sortable-table .sort {
	width: 100%;
	padding: 15px 0;
	font-family: inherit;
	text-decoration: none;
	color: #333;
	text-align: center;
	display: inline-block;
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
}
.sortable-table .sort:hover {
	text-decoration: none;
	background-color:#F2F2F2;
}
.sortable-table th:first-of-type button.sort {
	border-top-left-radius: 3px;
}
.sortable-table th:last-of-type button.sort {
	border-top-right-radius: 3px;
}

.sortable-table .sort:focus {
	outline:none;
}
.sortable-table .sort:after {
	display:inline-block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	font-family: FontAwesome;
	content: "\f0dc";
	position: relative;
	top:0px;
	right:0px;
}

.sortable-table .sort.asc:after {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #333333;
	content:"";
	position: relative;
	top:4px;
	right:-5px;
	display:inline-block;

}
.sortable-table .sort.desc:after {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #333333;
	content:"";
	position: relative;
	top:-4px;
	right:-5px;
	display:inline-block;
}