/*
 Stylesheet für die Schueler-Ansicht
*/

body{
	font-weight:bold;
	text-align:center;
	background: #636363;
	font-family: Ubuntu, Arial, sans-serif;
	margin-bottom:150px;
	font-size:40px;
	color: #ffffff;
}


@media only screen and (min-width: 1024px) {
	body{
		font-size:20px;
	}
}

input, button{
	width:80%;
	font-size:2em;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	box-shadow: 0px 5px 10px #000000;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

}
button{
	font-size:2em;
	font-weight:bold;
	background:#efefef;
}

#resetwork{
	float:left;
	width:100%;
	height:0.5em;
	padding-top:1em;
	margin:auto;
	background: url("../images/undo.svg") no-repeat center center;
	background-size: 0.5em;
	box-shadow: 0px 0px 0px #000000;
	border:none;
}
#wrapper{
	display:table;
	width:80%;
	margin:auto;
	margin-top:2em;
	margin-bottom:2em;
}
#cogs{
	width:20%;
}
#help{
	width:20%;
}
.person{
	width:30%;
	text-align:center;
	vertical-align: top;
	box-shadow: 0px 5px 40px #000000;
	border-radius: 5px;
	background-color: #ffffff;
	display:table-cell;
	margin:auto;
	font-size:60px;
	padding:10px;
	color:#000000;
}
.login{
	width:400px;
	height:230px;
	vertical-align: bottom;
	box-shadow: 0px 5px 40px #000000;
	border-radius: 5px;
	background-color: #ffffff;
	display:table-cell;
	margin:auto;
	font-size:40px;
	padding:10px;
	color:#000000;
}
img{
	border:none;
}
.icon{
	width:50%;
	margin:auto;
	display:table-cell;
	padding:10px;
}
.check{
	background:#ffffff url("../images/userplus.svg") no-repeat center 30px;
	background-size:80%;
}
.searching{
	opacity: 0.2;
}
.consultants{
	background:#ffffff url("../images/users.svg") no-repeat center 30px;
	background-size:80%;
}
.working{
	background:#ffffff url("../images/cogs.svg") no-repeat center 30px;
	background-size:80%;
}

#option{
	width:30%;
	display:table-cell;
	height:200px;
	margin:auto;

}

.wait{
	background:url("../images/loading.gif") no-repeat center;
	background-size:80%;
}

.pair{
	background:url("../images/bubbles.svg") no-repeat center;
	background-size:80%;
}

#message{
	display:table;
	margin:auto;
	line-height:1em;
	padding-bottom:30px;
}
#message h1{
	font-size:2em;
}
#message h2{
	margin-top: 35px;
	margin-bottom:15px;
	color:#aaaaaa;
}