/*
 Stylesheet für die Lehreransicht
*/

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

#menu{
	z-index:100000000000000000;
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size:2em;
}
#menu button{
	width:100px;
	height:100px;
	display:block;
	border:none;
	opacity: 0.5;
	border-radius:100px;
	box-shadow: 0px 5px 10px #333333;
}
#menu button:hover{
	opacity:1;
}

#reset{
	background: url("../images/undo.svg") no-repeat center center;
	background-size: 90px;
}

#helper{
	width:50%;
	margin:auto;
}

#worker{
	width:50%;
	margin:auto;
}

h2{
	font-size:1em;
}

h2 button{
	width:2em;
	height:2em;
	border:none;
	opacity: 0.5;
}
h2 button:hover{
	opacity:1;
}

.zeigen{
	background: url("../images/show.svg") no-repeat center center;
	background-size: 90%;
}

.verbergen{
	background: url("../images/hide.svg") no-repeat center center;
	background-size: 90%;
}

.team{
	width:50%;
	margin:auto;
	margin-top:20px;
	display:table;
	box-shadow: 0px 5px 40px #000000;
	border-radius: 5px;
	background-color: #ffffff;
	padding:5px;
	font-size:1em;
	color:#000000;
	text-align:center;
}

.cmenu{
	display:inline;
	visibility:hidden;
	width:50px;
}
.del{
	height:2em;
	width:2em;
	border:none;
	margin:auto;
	background: url("../images/del.svg") no-repeat center center;
	background-size:100%;
	float:right;
	opacity:0.2;
}
.del:hover{
	opacity:0.8;
}

.pupil{
	width:70%;
	margin:auto;
	margin-top:20px;
	display:table;
	box-shadow: 0px 5px 40px #000000;
	border-radius: 5px;
	background-size:20px;
	padding:5px;
	padding-left:40px;
	font-size:1em;
	color:#000000;
	text-align:center;
	word-wrap: break-word;
	word-break: break-all;
}

.pupil img{
	width:50px;
	height:50px;
}

.waiting{
	background:#FFD700 url("../images/loading.gif") no-repeat 10px center;
	background-size:20px;
}

#helper .waiting{
	background:#9ACD32 url("../images/users.svg") no-repeat 10px center;
	background-size:20px;
}

.working{
	background:#ffffff url("../images/cogs.svg") no-repeat 10px center;
	background-size:20px;
}

.helfer{
	background:#9ACD32;
}
.person{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	margin:auto;
	width:200px;
	word-wrap: break-word;
	word-break: break-all;
}
.icon{
	display:table-cell;
	width:50px;
	height:50px;
	text-align:center;
	margin:auto;
}
.pair{
	background:url("../images/bubbles.svg") no-repeat center;
	background-size:50px;
}
.help{
	background:url("../images/users.svg") no-repeat center;
	background-size:50px;
}

#singles{
	width:70%;
	margin:auto;
}
#singles td{
	vertical-align: top;
	padding:20px;
}

#wrapper{
	width:500px;
	padding:15px;
	margin:auto;
	position:absolute;
	top:50%;
	left:50%;
	margin-left: -250px;
	margin-top: -250px;
	text-align:center;
	display:table;
	background-color:#ffffff;
	border-radius: 5px;
	box-shadow: 0px 5px 40px #000000;
	color:#000000;
}

input{
	width:80%;
	font-weight:bold;
	margin:auto;
	margin-bottom:20px;
	display:block;
	border:2px solid  #999999;
	font-size:2em;
	border-radius: 5px;
	text-align:center;
	padding:0px;
	line-height:2.5em;
	color:#cccccc;
}
input[type=button]{
	display:inline;
	background-color: #9ACD32;
	color:#ffffff;
	border:none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}