.form{
	margin: 0 auto;
	width: 40%;
}

.foutmelding{
	color: red;
}

.form-control{
	float: right;
}

input[type="number"]{
	width: 10%;
}

input[type="time"]{
	width: 150px !important;
}

.btn-primary{
    margin: 0 10px 10px 0;
}

.form-title{
    text-align: center;
    /* border-bottom: 1px solid black; */
    padding: 10px;
}

.mt3rem {
	margin-top: 3rem;
}

.logo {
    position: absolute;
    width: 15%;
    top: 100px;
    right: 100px;
}

.notification{
	display: inline-block;
	margin: 0 0 0 0;
	font-size: 25px;
}

.nvt{
	transform: scale(1.15);
}

.nvt_span {
	line-height: 32px; 
	position: absolute;
	width: 100%;
	right: 0;
	text-align: end;
}

.extraVraag {
	display: none;
}

.error {
	border: "2px solid red";
        background: "#ff000047";
}

.error_notification {
	border: 2px solid red;
    	background: rgba(255, 0, 0, 0.28);
    	padding: 5px;
    	border-radius: 5px;
    	margin-bottom: 5px;
}

@media screen and (min-width: 1350px){
	.nvt_span .foutmelding{
    		margin-top: 15px;
		float: left;
	}
}


@media screen and (max-width: 1350px){
	.foutmelding{
		float: left;
	}

	input[type="number"]{
		width: 100% !important;
	}

	.form{
		width: 95%;
	}

	.logo {
	    position: unset;
	    width: 20%;
			margin: 0 calc(50% - 12.5%);
	}

	.nvt_span{
		position: unset;
	}

	.nvt_m_span{
		position: relative;
		float:right;
	}

	.form-group{
		overflow: auto;
	}
}

@media screen and (max-width: 1000px){
	body{
		font-size: 150% !important;
	}

	label{
		margin-top: .5rem;
	}

	.logo {
	    width: 25%;
	}

	.form-control{
		height: calc(1.5em + 1.25rem + 2px) !important;
		font-size: inherit !important;
	}

	.btn-primary{
		width: 100%;
    height: 55px;
    font-size: 25px !important;
	}
}