/* WCAG border contrast fix */
.generic-input, .big-generic-input, .very-big-generic-input, .calendar-input input, input[type=checkbox] + label:after, input[type=radio] + label:after {
border-color: black;
}

/* line in header fix (KS-63699)*/
#authbar {
	display: none;
}

/* responsive header fix (KS-63684) */
h1 {
	overflow-wrap: break-word;
}

/* hamburger menu update (KS-63707)*/
.burger-stepmenu ul {	
	display: flex;
	flex-direction: column;
	padding: 0;
}

.burger-stepmenu li {
	display: flex;
	justify-content: center;
}

.responsive-menu-burger .burger-stepmenu li span,
.responsive-menu-burger .burger-stepmenu li a,
.burger-stepmenu a,
.burger-stepmenu button {
	width: 70%;
	margin: 1rem;
	padding: 0.9rem;
	
	background-color: #006aca;
	color: white;
	border: solid transparent 0px;
	border-radius: 6px;
}
/*
@media only screen and (max-width: 1200px) {
    a.toolbarContact {
		display: inline-block;
		max-width: 100%;
		min-height: 16px;
		text-align: center;
		}
}
*/

.burger-stepmenu li a {
    text-decoration: none;
    max-width: 100%;
    min-height: 16px;
	font-size: 13px;
    text-align: center;
	display: inline-block;
}


/* responsive navigationpad fix (KS-63700) */
@media screen and (max-width: 580px) {
	.showorder {
		width: 100%;
		
		border-radius: 2px 2px 0px 0px;
	}
	
	.listheader {
		background-position: bottom;
	}
}

/* footer alignment fix (KS-63704)*/
@media screen and (max-width: 650px) {
	#centerfooter .bottom ul.left {
		display: flex;
		flex-direction: column;
	}
}

/* vorige and volgende button alignment fix (KS-63703)*/
@media screen and (max-width: 650px) {
	#button-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.previous-step-button, .next-step-button, .next-question-button {
		margin: 1rem;
		padding: 1rem;
		width: 80%;
		max-width: 100%;
		align-self: center;
	}
}

@media screen and (min-width: 650px) {
	#button-container {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}

	.previous-step-button, .next-step-button, .next-question-button {
		margin: 0;
		padding: 1.2rem;
		min-width: 20%;
	}
}

/* "uw formulier downloaden" button fix (KS-63702), deze oplossing werkt niet op firefox omdat deze de :has() selector nog niet support. Er is nu een js oplossing (downloadButtonResize();) die vervangen kan worden met onderstaande css zodra firefox :has() support.
@media screen and (max-width: 700px)
{
	div:has(> a[href^='/GetAttachment']) {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	
	a[href^='/GetAttachment'] {
		padding: 1.2rem;
	}
} */

/* responsvie i'tje fix (KS-63682) */
@media screen and (max-width: 980px) {
	.help .help-callout {
		width: auto;
		left: -220px !important; /* important moet helaas om een andere important te overschrijven */
	}
}

/* upload control long filenames fix (KS-84271)*/
.tf-question-control table {
    word-break: normal;
}

.tf-question-control table td:nth-child(1){
    word-break: break-word;
}

#uwvformcode {
	user-select: none;
}