@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');

	  
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
	font-family: 'Noto Sans', sans-serif;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
  
}

.page-header{
	padding-top:3rem!important;
}	
.img-center {
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.text-center {
    text-align: center!important;
}

/* Custom page CSS
-------------------------------------------------- */
/* BTNS */

.btn-primary{
	color: #fff;
    background-color: #ff0000;
    border-color: #ff1111;
}


.img-largen{
    width: 100%;
    height: auto;
}
.img-helper{
	display: inline-block;
	min-height:100%;
	
	vertical-align: top;
	}

h1{
	font-weight:bold;
	line-height:1rem;
	margin-top:0px;
}

h2{
	font-size:1.8rem;
	line-height:1rem;
	margin-top:0px;
	font-weight:bold;
}

h3{
	font-size:1.4rem;
	line-height:0.3em;
	margin-bottom:0px;
	
}

.toptable{
	width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
	
}
.toptable td{
	padding:10px;
}

.toptable ul{
	list-style:none;
	padding:0px;
}

.bold{
	font-weight:bold;
}

/* custom form css 
------------------------------------------------------*/
#kentekencheck input#kenteken,
#kentekencheck input#kenteken:focus,
#kentekencheck input#kenteken:active{
	background: url(../img/back-licenseplate.png) no-repeat !important;
	background-size: auto 100% !important;
	background-color: none !important;
	border:0px !important;
	box-shadow:none !important;
 	padding-left: 65px;
	padding-top:5px;
	letter-spacing:0.2em;
	font-weight:bold;
	font-size:2em;
	margin-bottom:20px;
	height:48px;
	color:#000;
	display:inline-block;
	float:left;
}

#loadingkenteken{
	width:48px;
	height:48px;
	display:inline-block;
	float:left;
	margin-left:365px;
	margin-top:-68px;
}
body .kenteken_status{
	margin:0px 0px 0px 0px;
	height:48px;
	font-size:2em;
	font-family: 'Material Icons';
	display:inline-block;
	position:absolute;
	display:inline-block;
  }

body #kenteken_error:before{
		font-family: "Font Awesome 5 Free";
		content: "\f071";
		color:#a94442;
		font-weight:900;
		
}

body #kenteken_succes:before{
		content: "done";
		font-family: "Font Awesome 5 Free";
		content: "\f058";
		color:#3c763d;
		font-weight:900;

}	
	
.loader,
.loader:before,
.loader:after {
  background: #383838;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 1em;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}


.loader{
  color: #383838;
  text-indent: -9999em;
  font-size: 2px !important;
  margin:20px 0 0 15px !important;
  display:inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

.geenadbeelding{
  font-size: 2.5em;
  color:#ccc;
  border:1px solid #ccc;
  min-height:200px;
}