/* Main css */
html{
	width:100%;
	height:100%;
	line-height:18px;
	font-size:13px;
}
body{
	position: relative;
	margin: 0px;
	padding:0px;
	height: 100%;
}
a{
	color: #a9aaaa;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
	color: #3d5465;
}
img{
	border:none;
}
span{
	font-size:13px;
}

input[type=button]{
	background-color:#00a3ff;
	border:0px;
	color:#fff;
	display:block;
	margin:15px 0px;
	width:100%;
	height:35px;
	cursor:pointer;
}
input[type=button]:disabled{
	background-color:#cecece !important;
	cursor:not-allowed !important;
}
input[type=button]:hover{
	background-color:#3d5465;
}
input[type=submit]{
	background-color:#00a3ff;
	border:0px;
	color:#fff;
	display:block;
	margin:15px 0px;
	width:100%;
	height:35px;
	cursor:pointer;
}
input[type=submit]:disabled{
	background-color:#cecece !important;
	cursor:not-allowed !important;
}
input[type=submit]:hover{
	background-color:#3d5465;
}

.loginForm input[type=text], .loginForm input[type=password] {
    display: block;
    margin-bottom: 10px;
    padding:5px 10px 5px 10px;
    border: 1px solid #cecece;
	width:100%;
	color:#000;
	font-size:12px;
}

select{
	width:100%;
	height:35px;
	margin:10px 0px;
	padding:5px;
}
[data-status=negatief]{
	color:#fa3939;
}
[data-status=neutraal]{
	color:#fa9d39;
}
[data-status=positief]{
	color:#00d300;
}
.message{
	display:block;
	padding:10px 0px;
}
#messageHolder{
	color:#fa3939;
}
.loginBody{
	background: rgb(0,101,158);
	background: linear-gradient(170deg, rgba(0,101,158,1) 0%, rgba(0,163,255,1) 80%);
	background-repeat: no-repeat;
    background-position: top center;
}

.loginBodyImg{
	width:100%;
	height:100%;
	z-index:-1;
	position:absolute;

	background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

@media (max-width:992px) {
	.background-metadata{ display:none;}
}

.loginContainer{
	width:500px;
	height:100%;
	background-color:#fff;	
	padding:50px;
	text-align:center;
}

.voorwaarden{
	display:inline-block;
	/* padding:5px 0px; */
	
}

.loginContainer .logo{
	width:100%;	
}

.loginFormHolder{
	/* border:1px solid #cecece; */
	text-align:left;
	margin-bottom:20px;
}

::placeholder{
	color:#292929 !important;
}

.loginText{
	/* border:1px solid #cecece; */
	width:100%;
	text-align:left;
	margin-bottom:20px;
	font-size:13px;
}

.loginText div{
	margin-top:20px;
}

.loginFooterHolder{
	text-align:left;
	position:absolute;
	bottom:0px;
	
}
.loginFooter{
	margin-top:-100px;
}
.loginFooter div{
	width:90px;
	display:inline-block;
	text-align:center;
}