body
{
	background-color: #1C1C1C;
}

p,
ul,
label
{
	color: #FFF;
}

.table
{
	width: 100%;
	color: #FFB000;
}

.left
{
	float: left;
}

.right
{
	float: right;
}


.header {
	font-size: 3rem;
	margin-top: 1rem;
	background: #00B0FF;
	color: #fff;
	padding:0.2rem;
	border-radius:4px;
}

.error
{
	color: #FFF;
	background-color: #B00000;
	width: 100%;
	transition: 0.5s;
	display: block;
	text-align: center;
	height: 0px;
}

.SideBar 
{
	height: 100%;
	width: 85px;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #333;
	padding-top: 60px;
	transition: 0.5s;
	z-index: 1;
	white-space: nowrap;
	overflow-x: hidden;
}

.SideBar a
{
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #a1a1a1;
	display: block;
}

.SideBar a:hover
{
	color: #ffb000;
}

Content .SideBar
{
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

#Content
{
	transition: margin-left 0.5s;
	padding: 16px;
	margin-left: 85px;
}

.material-icons,
.icon-text{
	vertical-align: middle;
}

@media screen and (max-height: 450px)
{
	.SideBar
	{
		padding-top: 15px;
	}
	.SideBar a
	{
		font-size: 18px;
	}
}