#copyArea {
	position: absolute;
	top: -50px;
}

#adminBanner {
	width: 100%;
	height: 32%;
	position: relative;
	background-size: 100vw;
}

#adminTabs {
	font-size: 120%;
	width: 100%;
	margin: 0 0 0 10%;
	padding: 0.1% 0 0 0;

	position: absolute;
	bottom: 0;

	overflow: hidden;
	list-style-type: none;
}

#adminTabs li {
	width: 5%;
	margin: 0 0.5% 0 0.5%;
	padding: 0.7% 0.7% 0.5% 0.7%;

	box-shadow: 1px 1px 5px 1px #333;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;

	display: block;
	float: left;
	text-align: center;
	cursor: pointer;

	-webkit-transition: background-color 0.3s ease, box-shadow 0.3s ease;  
	-moz-transition: background-color 0.3s ease, box-shadow 0.3s ease; 
	-ms-transition: background-color 0.3s ease, box-shadow 0.3s ease;
	transition: background-color 0.3s ease, box-shadow 0.3s ease; 
}

#adminTabs li:hover {
	box-shadow: 1px 1px 5px 1px #333, inset 0 0 0 99999px rgba(0,0,0,0.2);
}

#aContainer {
	width: 100%;
	height: 100%;
	display: inline-block;
}

#adminSide {
	width: 10%;
	height: 100%;
	display: inline-block;
}

.sectionTop {
	font-size: 130%;
	margin: 0;
	padding: 6% 6% 6% 9%;
	background-color: rgba(0,0,0,0.3);
	box-shadow: -5px -1px 7px 3px #555;
}

.sectionTop p {
	margin-left: 10%;
	display: inline;
}

.aFilter, .aFunction {
	font-size: 100%;
	margin: 0;
	padding: 7% 10% 7% 5%;

	text-align: right;
	cursor: pointer;

	-webkit-transition: box-shadow 0.3s ease;  
	-moz-transition: box-shadow 0.3s ease; 
	-ms-transition: box-shadow 035s ease;
	transition: box-shadow 0.3s ease;
}

.aFilter:hover, .aFunction:hover {
	box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.08);
}

.aFunction {
	font-size: 100%;
}

.aFunction i {
	width: 40%;
	margin: 0;
	padding: 0;

	-webkit-filter: none;
	filter: none;

	display: inline-block;
}

.aFunction p {
	width: 50%;
	margin: 0;
	display: inline-block;
}

#adminContent {
	width: 90%;
	height: 68%;
	float: right;
	overflow-y: scroll;
}

.classItem {
	width: 23%;
	margin: 2% 0 2% 2%;
	padding: 1.5%;

	box-shadow: 2px 2px 5px 3px #666;

	display: inline-block;
}

.classItem h2 {
	-webkit-filter: none;
	filter: none;
}

.basicInfo, .userInfo {
	width: 90%;
	padding: 2% 0 5% 10%;
	display: table;
}

.keyContainer {
	width: 100%;
	margin: 5% 0 0 0;
	display: table-row;
}

.keyContainer .fa-plus, .keyContainer .fa-times {
	-webkit-filter: none;
	filter: none;

	cursor: pointer;

	-webkit-transition: color 0.5s ease;  
	-moz-transition: color 0.5s ease; 
	-ms-transition: color 0.5s ease;
	transition: color 0.5s ease;
}

.keyContainer .fa-plus:hover {
	color: #519C39;
}

.keyContainer .fa-times {
	margin-left: 5%;
}

.keyContainer .fa-times:hover {
	color: #CC4444;
}

.key {
	font-weight: 400;
	font-size: 120%;
	width: 30%;
	padding-top: 2%;
	display: table-cell;
}

.modify {
	width: 50%;
	padding: 0;
	display: table-cell;
}

.fa-files-o, .fa-pencil-square-o {
	width: 10%;
	display: table-cell;
	cursor: pointer;

	-webkit-transition: color 0.5s ease;  
	-moz-transition: color 0.5s ease; 
	-ms-transition: color 0.5s ease;
	transition: color 0.5s ease;
}

.fa-files-o:hover {
	color: #E6E619;
}

.fa-pencil-square-o:hover {
	color: #E6B319;
}

.aUserContainer {
	margin-left: -50%;
}

#editValue {
	width: 10%;
	margin: auto;
	margin-top: 30%;
	background-color: #FEFEFE;
}