html{
  height:100%
}
body{
  height:100%;
}

#container {
  display: flex;
  min-height: 100vh;
  padding: 0px;
}

* {
  box-sizing: border-box;
}

.left{
  /*display : flex; */
  justify-content : center;
  align-items : center;
  background-color:#FFFFFF;
  height : 100%;
  color : #000000;

}

h1.titel {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
	color: #000000;
}

h1.normal {
	font-size: 19px;
	font-weight: 400;
	line-height: 1.4;
	color: #000000;
}

.spacer75 {
	height:75px;
}

.spacer60 {
	height:6px;
}

.spacer22 {
	height:22px;
}

.spacer32 {
	height:32px;
}

/* Container for flexboxes */
.logo-row {
  display: flex;
  flex-wrap: wrap;
  max-width: 600px;
  margin: auto;
}

/* Create four equal columns */
.logo-column {
  flex: 50%;
  padding: 0px;
}


/* On screens that are 350px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 350px) {
  .logo-row {
    flex-direction: column;
  }
}


img.logoInnovamResponsive { 
	position: relative;
	top: 0px;
	right: 0px;
	width: 121px;
	height: auto;
	float: right
}

@media screen and (max-width: 350px) {
  .logo-row {
    flex-direction: column;
  }
  img.logoInnovamResponsive {
  	float: left;
  	padding-top: 20px;
  }
}

img.logoResponsive { 
	position: relative;
	top: 0px;
	left: 0px;
	width: 160px;
	height: auto;
}


@media (min-width: 768px) {
.right{
  display : flex;
  justify-content : center;
  align-items : center;
  background-color:#F9F9F9;
  color : #3d231b;
  max-width: 50%;
  background-image: url("../images/login_right_new3.jpg");
  background-size: contain;
  background-position: right 0px center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
}

@media (max-width: 768px) { 
  .split {    
    max-width: 100%;
  }
  .left{
    width:100%;
    max-width:100%;
  }   
}
@media (min-width: 768px) {
	.split {
  		width: 50%;
  		padding-top: 20px;
	}
	.right {
  		width:100%;
	}
}




.form-inline .form-control {
width: 100%;
	max-width: 500px;
	position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #000000;  
}

login {
	width: 100%;
	max-width: 600px;
	margin: auto;
}

.form-signin {
  width: 100%;
  max-width: 600px;
  padding: 15px;
  margin: auto;
  font-size: 16px;
  color: #bcbcbc;
  border-radius: 0px;
}

.form-control {
	    border: 1px solid;
  color: #bcbcbc;
  border-radius: 0px;
}

.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #000000;  
  
}
.form-control2 {
	width: 100%;;
	font-size: 16px;
	font-weight: 400;
	box-sizing: border-box;
	border: 1px solid #bcbcbc;
	outline: none;
	height: 40px;
	padding-block: 6px;
	padding-left: 6px;
}
.form-control2:focus {
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	box-sizing: border-box;
	border: 1px solid #bcbcbc;
	outline: none;
	height: 40px;
	padding-block: 6px;
	padding-left: 6px;	
}

.link-aanmelden {
	float: right;
}

.link-wachtwoordvergeten {
	float: left;
}

label {
	color: #000000;
}

.btn {
	font-size: 18px;
	font-weight: 500;
	color: #000000;
	background-color: #ffd300;
	border-radius: 0px;
}

.fa-chevron-right {
	height: 7px;
	color: #1068ed;
}
.links {
	color: #1068ed;
	font-size: 16px;
	font-weight: 400;
}