html, body
{
	font-family: 'Quicksand', sans-serif;
 	font-weight: 300;
 	margin:0;
 	padding:0;
 	height:100%;
}

#content
{
	background-color:#ffffff;
	height:90%;
	width:100%;
	text-align:center;
	font-size:32px;	
 	overflow-y: scroll;
 	padding-bottom:20px;
}

#menu
{ 
	display:table;
	width:100%;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	background-color:#f7f7f7;
 	height:10%;
}

#menu .item
{
	border:1px solid #fff;
	display:table-cell;
	width:25%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	font-size:48px;
	cursor:pointer;
}


h1, h2, h3, h4, h5, h6 
{
	text-align:center;
	width:100%;
	font-weight: 500;
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}

.list-container
{
	width:75%;
	margin:auto;
}

.list-head
{
	width:100%;
	display:table;
}

.list-user
{
	width:100px;
	display:table-cell;
	text-align:center;
}

.list-title
{
	display:table-cell;
	text-align:center;
}

.list-state
{
	width:100px;
	display:table-cell;
	text-align:center;
}

.list-item
{
	font-size:78px;
	color:#111111;
	text-align:center;
	width:100%;
	padding:20px 0 20px 0;
	margin:0 0 5px 0;
	background-color: #eee;
	cursor:row-resize;
}

.submitListItem
{
	width:100%;
}

button
{
	border: none;
	color: white;
	padding: 15px 32px;
	margin-top:20px;
	background-color:orange;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 48px;
	cursor:pointer;
}

.button-list-element
{
	width:70%;	
}

input[type=text], input[type=password]
{
	padding: 15px 32px;
	margin-top:20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 48px;
}