archive/hourglass/client/profile/profile.css

#profPageWrapper {
	width: 100%;
	height: 100%;

	background-color: #282933;
	color: #FCF0F0 !important;

	position: absolute;
	top: 0;
	left: 0;

	user-select: none;
}

#profPageWrapper input {
	color: #FCF0F0 !important;
}

#profPageWrapper .optionText {
	background-color: #282933 !important;
}

#profPageWrapper #classSearch {
	background-color: rgba(0,0,0,0.1);
	border: 0;

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

#profPageWrapper #classSearch:hover {
	background-color: rgba(0,0,0,0.2);
}

#profPageWrapper .classBox:not(:first-child) {
	border: 1px solid #FCF0F0 !important;
}

#basicInfo {
	width: 100%;
	position: absolute;
	top: 20%;
}

#newUserWrapper {
	width: 25%;
	padding: 2.5%;
	margin: auto;

	background-color: rgba(255,255,255,0.2);
}

#newUserWrapper .formDiv {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: transparent;
}

.opTitle {
	font-weight: 200;
	margin: 0;
}

#newUserWrapper .optionHolder {
	width: 100% !important;
}

#basicNext {
	padding: 2%;
	border: 1px solid #FCF0F0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	cursor: pointer;
	text-align: center; 

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

#basicNext:hover {
	background-color: rgba(0,0,0,0.1);
}

#backArrow {
	margin: auto;
	z-index: 10;
	cursor: pointer;
	opacity: 0;

	position: relative;
	top: 5%;

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

#backArrow i {
	line-height: 5vh;
}

#backArrow:hover {
	background-color: rgba(255,255,255,0.05);
}

#forwardArrow {
	margin: auto;
	z-index: 10;
	cursor: pointer;
	opacity: 0;

	position: relative;
	top: 85%;

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

#forwardArrow:hover {
	background-color: rgba(255,255,255,0.05);
}

#enrollInfo {
	width: 100%;
	position: absolute;
	top: 150%;	
}

#enrollUserWrapper {
	width: 60%;
	margin: auto;
	padding: 1%;
	background-color: rgba(255,255,255,0.2);
}