body {
   -webkit-user-select: none;
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
}
#main{
	width:960px;
	margin:50px auto;
	font-family:raleway;
}

span{
	color:red;
}

h2{
	background-color: #FEFFED;
	text-align:center;
	border-radius: 10px 10px 0 0;
	margin: -10px -40px;
	padding: 30px;
}

#login{
	width:300px;
	float: left;
	border-radius: 10px;
	font-family:raleway;
	border: 2px solid #ccc;
	padding: 10px 40px 25px;
	margin-top: 70px;
}

input[type=text],input[type=password], input[type=email]{
	width:99.5%;
	padding: 10px;
	margin-top: 8px;
	border: 1px solid #ccc;
	padding-left: 5px;
	font-size: 16px;
	font-family:raleway;
}

input[type=submit]{
	width: 100%;
	background-color:#FFBC00;
	color: white;
	border: 2px solid #FFCB00;
	padding: 10px;
	font-size:20px;
	cursor:pointer;
	border-radius: 5px;
	margin-bottom: 15px;
}

#profile{
	padding:50px;
	border:1px dashed grey;
	font-size:20px;
	background-color:#DCE6F7;
}

#logout{
	float:right;
	padding:5px;
	border:dashed 1px gray;
	margin-top: -168px;
}

a{
	text-decoration:none;
	color: cornflowerblue;
}

i{
	color: cornflowerblue;
}

.error_msg{
	color:red;
	font-size: 16px;
}

.message{
	position: absolute;
	font-weight: bold;
	font-size: 28px;
	color: #6495ED;
	left: 262px;
	width: 500px;
	text-align: center;
}
.preloader {
	width: 100%;
	height: 100%;
	top: 0px;
	position: fixed;
	z-index: 99999;
	background: #fff;
}
#logo {
	width: 150px;
}
.timer {
	font-size:64px;
	text-align: center;
	padding-bottom: 35px;
}
.timerbutton {
	text-align: center;
}
.timerbutton a {
	margin: 0 10px;
	padding: 10px;
	font-size: 15px;
}
#startTimer {
	background-color: #7aeb7a;
}
#pauseTimer {
	background-color: #f5cd10;
}
#stopTimer {
	background-color: #ed0000;
}
.stand input{
	width: 60px;
	font-size: 24px;
	text-align: center;
}
.control {
	margin-top: 20px
}
.thuis, .uit {
	font-size: 24px;
	font-weight: bold;
}
.controlThuis {
	margin-right: 50px;
}
.plus, .min {
	background: lightblue;
	padding: 0px 15px;
	font-size: 35px;
	font-weight: bolder;
	text-align: center;
	float: left;
	margin: 10px;
	width: 50px;
	height: 50px;
}
