@import url('https://fonts.googleapis.com/css?family=Zilla+Slab:400,600&display=swap');

*{
	font-family: 'Zilla Slab', serif;
        font-feature-settings: 'lnum' 1;
}

html{
	height: 100%;
}

.uubg{
background: #ffff00; /* Old browsers */
background: -moz-linear-gradient(top,  #ffcd00 24%, #ffff00 24%, #ffffff 24%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffcd00 24%,#ffff00 24%,#ffffff 24%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffcd00 24%,#ffff00 24%,#ffffff 24%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 background-repeat: no-repeat;
  background-attachment: fixed;

}

.whitebg{
	background-color: white !important;
}

#title{
	padding-top: 70px;
	padding-bottom: 10px;
	font-size: 24px;
}

.cardbox{
	border-radius: 5px;
	border: 1px;
	border-style: solid;
	border-color: #eaeaea;
	background-color: white;
	margin-top: 20px;
}

#cardblock{
	font-weight: bold;
	text-align: center;
	padding: 18px;
	border-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffcd00;
}

#libraryblock{
	font-weight: bold;
	text-align: center;
	padding: 18px;
	border-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}

#cardpersonalinfo{
	padding-top: 30px;	
}

#cardlibraryinfo{
	display: none;
	padding-top: 30px;
	
}

.info{
	display: block;
	padding-bottom: 3px;
}

.avatar {
	width: 120%;
	object-fit: cover;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: #f4f4f4;
}

.bold{
	font-weight: bold;
}

.grey{
	color: #909090;
}

.disclaimer{
 padding: 20px;	
}

.logo{
	padding-top: 8px;
	height: 70px;
	padding-bottom: 30px;
}

.values{	
	font-size: 14px;
}

.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: white;
   color: white;
   text-align: center;
   height: 50px;
}

.yellow{
	color: #ffcd00;
}

.spaced{
	margin-top: 20px;
	margin-bottom: 20px;
}

.navblock{
	padding-top: 5px;
	width: 20%;
	float: left;
	font-size: 10px;
}

.menuitem{
	font-size: 20px;
}

.divider{
	width: 100%;
	height: 55px;
}

.librarynumber{
	display: block;
}

.number{
	font-size: 12px;
}

.barcode{
	width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
	border-bottom: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #eaeaea;
	margin-bottom: 10px;
}

.leenregelement{
	text-decoration: underline;
	height: 100%;
}