.five {
	width: 5%;
}

.ten{
	max-width: 10%;
}

.twenty{
	width: 20%;
}

.page-content {
	width: 100%;
	min-height: 100vh;
	background: linear-gradient(90deg, #bf5600, #D46B00);
}

.auth-card {
	color: white;
	background: linear-gradient(45deg, rgb(50, 50,50), rgb(90, 90,90));
	box-shadow: 0 3px 12px rgb(0, 0, 0, 0.2);
	border-radius: 20px;
	padding: 10px 10%;
}

.auth-card input {
	height: 45px;
	font-size: 18px;
}


.btn-mattenhof {
	width: 100%;
	color: #fff;
	background-color: #bf5600;
	border-color: #bf5600;
  }
  .btn-mattenhof:hover {
	color: #fff;
	background-color: #D46B00;
	border-color: #D46B00;
  }
  .btn-check:focus + .btn-mattenhof, .btn-mattenhof:focus {
	color: #fff;
	background-color: #D46B00;
	border-color: #D46B00;
	box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
  }

.logo-area {
	padding: 10px 10%;
	margin-top: 20px;
}

.logo {
	width: 100%;
	height: auto;
}

.user-status {
	height: 50px;
	padding-left: 10px;
	padding-right: 10px;

}

.user-blocked {
	background-color: red !important;
	color: white;
}

.user-ok {
	background-color: #689f38 !important;
	color: white;
}

.bigcol{
	min-height: 100vh
}

.bgmattenhof{
	background: #d46b00;
	color: white;
}

.modal-dialog{
	background: linear-gradient(45deg, rgb(50, 50,50), rgb(90, 90,90));
	margin: 0 auto;
	margin-top: 10%;
	padding: 2.5%;
	border-radius: 20px;
	box-shadow: 0 3px 12px rgb(0, 0, 0 , 0.4);
	outline: none;
}

.modal-content{
	background: linear-gradient(45deg, rgb(50, 50,50), rgb(90, 90,90));
	padding: 0 18px;
	border-radius: 10px; 
	color: white;

}

.modal-content input {
	height: 42px;
	border-radius: 5px;
	border: 0;
	font-size: 18px;
	
}

.login{
	margin: 5% 10% 5% 10%;
}

.main-section{
	margin: 0 auto;
	margin-top: 130px;
	padding: 0;
}

.forgot {
	margin: 2% auto;
	color: white;
}


.forgot:hover{
	color: white;
}



.bg-silver {
	background-color: silver;
}

.undernav{
	padding-top: 130px;
}

.buttons{
	margin: 5% 10% 5% 10%;
}

.logout{
	margin-top: 3%;
}

#logo {
	font-size: 105px;
	padding-top: 10px 
}

#logo-navbar {
	background-image: url("../img/background.jpg");
}



.icons::before{
	font-family: 'Font Awesome\ 5 Free';
	content: "\f007";
	position: absolute;
	font-size: 22px;
	left: 60px;
	padding-top: 4px;
	color: #2d3536;
}

.icons:last-of-type::before{
	content: "\f023"
}

.download{
	background-image: none;
	background-color: #555e60;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #343a40;
  color: white;
  text-align: center;
}

.bg-mattenhof{
	background: #d46b00;
	color: white;
}


.tile {
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	background: #d46b00;
	padding: 20px;
	color: white;
	margin-bottom: 30px;
}

.title {
	margin-top: 0px;
}