/* main container for the login screen */
html {
	height: 100%;
}
body {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
}

.gadoor-label{
	color: white; 
	font-family: robotothin; 
	text-align: center; 
	font-size: 25px; 
	float: left; 
	position: absolute; 
	width: 150px; 
	margin-top: 24px; 
	margin-left: -183px;
}

.image-ok {
	display: none;
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}

.loginContainer {
	
	position: relative;
	width: 408px;
	margin: 10% auto 0 auto;
	
}

.afvalwijzer-logo {
	width: 408px;
	height: 130px;
	
	margin: 0;
	padding: 0;
}

.form-container {
	float: left;
	width: 408px;
	height: auto;
	margin: 0;
	padding: 20px 0 0 0;
	background: url('../../img/default/login_images/login_back-desktop.png') repeat-y left top;
}

/* general input fields */
input[type="text"], select  {
	width: 300px;
	height: 35px;
	padding: 5px 0 5px 5px;
	margin: 0 54px 0 54px;
	font-family: 'robotolight';
	font-size: 1em;
	border: 0;
	background: #f8f8f8;
	z-index: 2;
	position: relative;
}

input[type="text"]:focus + label {
	right: 60px;
	z-index: 2;
}

.login-select  {
	width: 300px;
	height: 35px;
	padding: 5px 0 5px 5px;
	margin: 0 0px;
	font-family: 'robotolight';
	font-size: 1em;
	border: 0;
	background: #f8f8f8;
	-webkit-appearance:none;
}


input[type="submit"] {
	width: 90%;
	height: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'robotolight';
	font-size: 1em;
} 

.adres {
	font-family: 'robotolight';
	font-size: 0.9em;
	margin-bottom: 15px;
	margin-top: 25px;
	display: block;
	width: 300px;
	margin-left: 50px;
}

.form-container-haaren {
	float: left;
	height: auto;
	margin: 0;
	padding: 20px 0 30px 0;
	background: url('../../img/default/login_images/login_back-desktop.png') repeat-y left top;
}
.haaren1 {
	font-family: 'robotolight';
	font-size: 1.4em;
	margin-bottom: 15px;
	margin-top: 0px;
	display: block;
	width: 100%;
	text-align: center;
}

.haaren2 {
	font-family: 'robotolight';
	font-size: 1.2em;
	margin-bottom: 15px;
	margin-top: 25px;
	display: block;
	width: 90%;
	text-align: center;
	margin-left: 20px;
}


input.ok {border: 1px solid green;}
input.fail {border: 1px solid red;}


label {
	font-family: 'robotolight';
	font-size: 1em;
	line-height: 47px;
	position: absolute;
	right: 150px;
	top: 0;
	bottom: 0;
	-moz-transition: 0.3s right ease;
	-ms-transition: 0.3s right ease;
	-o-transition: 0.3s right ease;
	-webkit-transition: 0.3s right ease;
	transition: 0.3s right ease;
	z-index: 0;
}

/*
	login buttons
*/
.pButton {
	margin: 0!important;
	padding: 0!important;
	height: 80px;
}

.login_button {
	width: 400px;
	margin: 40px 4px 0;
	padding: 0!important;
	height: 80px;
	border: 0;
	text-decoration: none;
	display: none;
}

.login-demo-title {
	color: black; /* The right colour is white but we set it to black at the end of the year for the web guidelines */
    font-family: robotomedium;
    font-size: 20px;
    margin-top: 25px;
    text-align: center;
}

.login-demo-subtitle {
    font-family: robotothin;
    font-size: 16px;
    margin-left: 55px;
}

.login_button img {
    float: left;
    height: 80px;
    margin-left: -77px;
    position: relative;
    width: 400px;
    border-width: 0;
}

.demo-link {
	color: #407235;
}

.privacy-statement-link {
	float: right;
	margin-right: 52px;
}

.privacy-statement-link a {
	color: #407235;
	font-family: robotothin;
	font-size: 14px;
}

.but_ok {
	display: block;
	float: left;
	background:  #59A333;
}

.but_fail {
	display: block;
	float: left;
	background: #e12732;
}

.but_question {
	display: block;
	float: left;
	background: #e1a627;
}

.but_nothing {
	display: block;
	float: left;
	background: transparent;
	color: #FFFFFF;
	
}




H1 {
	
	font-family: 'robotobold';
	font-size: 2em;
	color: #FFFFFF;
}

H2 {
	font-family: 'robotothin';
	font-size: 2em;
	color: #FFFFFF;
}

.adres {
	text-align: center;
	width: 300px;
}

#ajaxLoader {
	display: none;
	width: 20px;
	padding-top: 10px;
}

#adrestext {
	display: none;
	width: 280px;
	padding-bottom: 5px;
	padding-left: 5px;
	
}

.greenunderline {
	border-bottom: 1px solid #59A333;
}

.redunderline {
	border-bottom: 1px solid #e12732;
}
.orangeunderline {
	border-bottom: 1px solid #e1a627;
}

form p {
	margin-bottom: 0;
	position: relative;
	margin-top: 20px;
}


form > p:first-child {
	margin-top: 0;
}

.message {
	display: none;
}


.desktop {
	
	display: block;
}

.mobile {
	display: none;
}

.afvalstoffendienstLogo {
    width: 100%;
    text-align: center;
    height: 60px;
}

.rovaLogo {
	width: 100%;
	text-align: center;
	height: 64px;
}

.arrow-droplist{
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #407235;
    float: right;
    height: 0;
    position: absolute;
    right: 13px;
    top: 19px;
    width: 0;
}

.dropdownlist {
	padding-right: 0px;
	width: 305px;
	margin-left: 54px;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-top: 22px;
	overflow: hidden;
	padding: 0;
	*line-height: 50px;
	*background: none;
	position:relative;
}

.dropdownlist select {
	height: 45px;
	width: 115%!important;
	padding: 5px 5px 5px 3px;
	font-family: 'robotolight';
	font-size: 1em;
	-moz-box-sizing: border-box;
	cursor: pointer;
}

.hide {
	display: none;
}

.show {
	display: block;
}

/* ROVA toev list */

.toev-modal .modal-body {
    padding: 0 0 5px 0;
}
.list-toev {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.list-toev li {
    border-radius: 0;
    margin-bottom: 0;
    min-height: 30px;
    padding-left: 15px;
    line-height: 28px;
    cursor: pointer;
}
.list-toev li:nth-child(odd) {
    background-color: #f8f8f8;
}
.list-toev li:nth-child(even) {
    background-color: #FFF;
}