:root{
  --clr-title:#5C256D;
  --clr-subtitle:#9B7290;
  --clr-primary:#EC6C4F;
  --clr-bg:#ffffff;
  --clr-input:#AAAAAA;
  --clr-label:#BFBFBF;
}
.logo_cleard3 {
  position:absolute;
  top:20px;left:20px;
  max-width:140px;
}
body{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--clr-bg);}
a {
  text-decoration:none;
}
.post, .page {
  margin:0px;
}
.auth-wrapper{
  width:100%;
  padding:20px;
}
.auth-wrapper > .row {
  width:100%;
}
.image_col {
  background-image: url('../img/achtergrond.jpg');
  background-position:center;
  background-size:cover;
  border-radius:20px;
  min-height:calc(100vh - 40px);
  padding:60px 40px;

}
.image_col h2 {
  color: #fff;
  font-weight:bold;
}
.image_col h2 b {
  color: var(--clr-primary)
}
.auth-card  {
  max-width:500px;
  margin:auto;
}

.auth-card .auth-title{color:var(--clr-title);font-weight:700;    font-size: 40px;}
.auth-card .auth-subtitle{color:var(--clr-subtitle);}

.auth-form .mb-3 {
  position:relative;
  padding-bottom:20px;
}
.auth-form .form-label{color:var(--clr-label);font-weight:400;     position: absolute;top: -12px;
    left: 10px;
    z-index: 88;
    display: block;
    background: #fff;
    padding-left: 8px;
    padding-right: 8px;}
.input-group-text{color:var(--clr-input);background:#fff;border-color:var(--clr-input);}
.auth-form .form-control{border-color:var(--clr-input);padding:15px;    border-radius: 7px;border-right:0px;}
.auth-form .form-control:focus, .auth-form .form-control:focus + .input-group-text{box-shadow:none;border-color:var(--clr-primary);}
.auth-form .form-control::placeholder{color:var(--clr-input);opacity:1;}

.btn-auth.btn-primary{
  background:var(--clr-primary);
  border-color:var(--clr-primary);
}
.btn-auth.btn-primary:hover{
  background:var(--clr-title);
  border-color:var(--clr-title); 
}

a{color:var(--clr-primary);}
a:hover{color:var(--clr-title);}

.dashboard-wrapper .auth-title{color:var(--clr-title);font-weight:700;}



.cleard3-errors {
  background: #ffdddd;
  border-left: 6px solid #f44336;
  margin-bottom: 35px;
  padding: 10px 15px;
  color: #a94442;
  border-radius:5px;
}
.cleard3-errors ul {
  margin:0px;
  padding:0px 0px 0px 25px;
}

.Whitepaper_link {
	color: var(--clr-title) !important;
	border-radius:10px;
	transition:all 0.3s ease-in-out;
}
.Whitepaper_link:hover {
	transform: translatey(-10px);
}
.Whitepaper_link > img {
	border-radius:10px;
}

.Whitepaper_link > div {
	padding:20px;
}
.Whitepaper_link > div h3 {
	font-weight:bold;
}

@media all and (max-width:1150px) {
	.image_col {
		padding: 30px 20px;
	}
	.image_col > .row {
		margin: 0px;
		padding: 0px;
	}
}

@media all and (max-width:900px) {
	.auth-wrapper {
		padding: 20px 0px;
	}
	.auth-wrapper > .row {
		margin:0px;
		padding:0px;
	}
	.auth-wrapper > .row > .col-md-6 {
		flex: 0 0 100%;
	}
	.auth-wrapper > .row > .col-md-6:first-child {
		background: #fff;
		border-radius:20px;
		margin-top:70px;
		padding-top:90px;
		padding-bottom:60px;
	}
	.logo_cleard3 {
		position: absolute;
		top: 120px;
		left: 30px;
		max-width: 190px;
	}
	.auth-wrapper > .row > .col-md-6.image_col {
		position: absolute;
		width: 100%;
		border-radius:0px;
		top: 0;
		z-index: -1;
	}
	.dashboard-wrapper > .container > .d-flex > div > a  {
		display:none;
	} 
}