/* ==================
   responsive
   ================== */

:root {
	font-family: Rijksoverheid SansWebText,Calibri,sans-serif;
	font-size: 80%;
	--focus-bg: #f9fcff; /* subtle focus feedback */
	--vh: 100%;
}

/* Hide mobile menu bar */
.open-mobile-menu {
	color: transparent;
	border: none;
}

/*Styles for mobile phones in portrait orientation */
@media screen and (min-width: 320px) and (max-width: 480px) {
	.logo-text {
		width: 150px !important;
		margin-top: -10px !important;
	}

		.logo-text span {
			font-size: 1rem !important;
		}

	.text {
		font-size: 1rem !important;
	}

	main > .title-tripleforms {
		width: 100%;
		padding-left: 0px;
	}

	#ctl01_CntWrapper_CntMain_ssm {
		width: 100%;
	}

	.ctl01_CntWrapper_CntMain_ssm_ctl00_ctl01_row {
		flex-direction: column;
	}

	.stepmenu > .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-item {
		font-size: 1rem !important;
	}

	.LetOpTekst {
		padding: 0 0 0 2.5rem;
		border-left: 10px solid #154273;
		font-weight: normal;
	}

	div.tf-control-wrapper fieldset > div {
		width: 100% !important;
		margin-left: 0 !important;
	}

	.tf-question-wrapper fieldset legend {
		float: none !important;
	}

	legend {
		margin: 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="month"],
	input[type="week"],
	input[type="number"],
	input[type="tel"],
	input[type="time"],
	input[type="datetime-local"],
	input[type="datetime"],
	input[type="search"],
	input[type="url"],
	input[type="date"],
	textarea,
	.dropdownLabelLang {
		border: 2px solid #01689B !important;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="month"]:focus,
		input[type="week"]:focus,
		input[type="number"]:focus,
		input[type="tel"]:focus,
		input[type="time"]:focus,
		input[type="datetime-local"]:focus,
		input[type="datetime"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		input[type="date"]:focus,
		textarea:focus, select:focus {
			background-color: var(--focus-bg);
			outline-offset: 2px !important;
		}

	input[value].add-button {
		display: inline-block;
		white-space: normal;
		word-break: break-word;
		text-align: center;
		box-sizing: border-box;
		width: 250px !important;
		height: auto !important;
		background-position: 10px center !important;
		padding: 0.5rem 1em 0.5em 0.5em !important;
	}

	div.tf-question-wrapper div.tf-label-wrapper, div.tf-question-wrapper div.tf-control-wrapper, div.tf-question-wrapper fieldset legend {
		width: 100% !important;
	}

	.change-button, .change-button-alwaysActive {
		background-position: right 90px center;
		width: calc(101% - 0px) !important;
		margin-left: 0;
	}

	#ctl01_CntWrapper_CntMain_ssm .tf-error {
		margin: 0px;
		width: 100%;
	}

	.errormessageblockflow {
		margin: 0px;
		width: 100%;
	}

	.ctl01_CntWrapper_CntMain_ssm_ctl00_ctl01_cell_1 {
		width: 0% !important;
	}

	.authSectionEH,
	.authSectionDigiD,
	.authSectionContact,
	.authSectionMijnILT,
	.authSectionLogin,
	.authSectionAnoniem {
		width: 100% !important;
		margin-left: 0 !important;
	}

	.auth-method-button-EH,
	.auth-method-button-DigiD,
	.auth-method-button-Contactgegevens,
	.auth-method-button-MijnILT,
	.auth-method-button-LogIn,
	.auth-method-button-Anoniem {
		top: 74% !important;
	}

	#diveHerkenning {
		height: 100% !important;
	}

	/* Verberg EHerkenning logo */
	.login-page-content-container > .login-button-wrapper.eHerkenning > .login-top-image {
		display: none;
	}

	/* Toon EHerkenning Beeldmerk links */
	.login-page-content-container > .login-button-wrapper.eHerkenning::after {
		display: block;
		left: 12px;
		top: 10px;
	}

	/* EH Vignet rechts van EH beeldmerk met 10px ruimte */
	.login-page-content-container > .login-button-wrapper.eHerkenning::before {
		left: 70px; /* 50px logo + 10px marge */
		right: auto;
		top: 20px;
	}

	.helpTekstLang,
	.helpTekstVisible,
	.helpTekstFullWidth {
		font-size: 1rem;
		width: 100%;
		margin-left: 0;
	}

	a.help {
		margin-left: 0.1rem !important;
	}

	.search-button {
		margin-left: 0px !important;
		width: auto !important;
		position: relative;
		transform: translateX(-15%);
	}

	.select-organization-button {
		margin-left: 0px !important;
		width: auto !important;
		position: relative;
		transform: translateX(34%);
		padding: 0 6px 0 6px !important;
	}

	.tussenkopje {
		margin-left: 0px !important;
	}

	.headergrijsdiv {
		margin-left: 0px !important;
		margin-bottom: 30px !important;
	}

	.headergrijs {
		font-size: inherit;
		margin-left: 5px !important;
		padding-bottom: 0;
	}

	.dangerBackground, .succesBackground, .toelichtingBackground, .waarschuwingBackground, .widget.waarschuwingBackground {
		font-size: inherit;
		margin-left: 0 !important;
	}

	.danger, .succes, .toelichting, .waarschuwing {
		padding-left: 30px;
		display: inline-block;
	}

	.mapSummaryLabelLang {
		padding-left: 0;
		width: auto;
	}

	.uploadLabelLang table td:nth-child(1) {
		width: 70%;
	}

	.uploadLabelLang table td:nth-child(2) {
		width: 20%;
		margin-left: 5%;
	}

	div.ctl01_CntWrapper_CntMain_ssm_ctl00_ctl01_row .uploadLabelLang-wrapper {
		margin-bottom: -25px;
		margin-top: -15px;
	}

	.SamenvattingLinksPassive {
		padding-left: 0 !important;
		background-color: transparent;
	}

	.SamenvattingRechts {
		padding: 0 !important;
	}

	.SamenvattingLinks {
		margin-top: -50px !important;
	}

	.SamenvattingRechtsPassive {
		background-color: transparent;
		margin-top: -10px;
	}

	body .Samenvattingcolumn1 {
		background-color: transparent;
		padding: 0 10px 0 0 !important;
		display: flex;
		flex-direction: column;
		height: 100% !important;
		width: 100% !important;
	}

	body .Samenvattingcolumn2 {
		background-color: transparent !important;
		font-size: 1.5rem !important;
		display: inline-block;
		height: 100% !important;
		width: 100% !important;
		padding-left: 0 !important;
		padding-bottom: 10px !important;
	}

	/* fout melding */
	.jumbotron {
		background-color: transparent !important;
	}

	.container .jumbotron, .container-fluid .jumbotron {
		padding: 0 !important;
	}

	/* footer */
	.footer-col.col-sm-6 {
		width: 50%;
	}

	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
		padding: 0 !important;
	}

	footer.space-footer.navbar .container {
		padding-left: 15px;
		padding-right: 15px;
	}

	footer.space-footer .row {
		display: block;
	}

	.footer-col,
	.footer-col.col-md-8,
	.footer-col.col-md-2 {
		display: block;
		width: 100% !important;
		margin-bottom: 20px;
		line-height: 1rem !important;
	}

	.footer-col {
		float: none;
	}

	footer.space-footer li {
		line-height: 1rem !important;
	}

	/* =======================
		Vuurwerkartikelen
		======================= */
	.artikelNummer {
		margin-left: 25px;
	}

	.bodySection .text {
		position: relative;
		left: 26px;
	}

	.avgmessage {
		display: none !important;
	}

	/* =======================
		ASv_011 - zegel
		======================= */
	.bodySection .text img {
		position: relative;
		left: -26px !important;
	}
}

@media (min-width: 768px) {
	.container-md, .container-sm, .container {
		max-width: auto;
	}

	.navbar > .container {
		width: 100%;
	}
}

/* Styles for smaller screens */
@media screen and (max-width: 768px) {
	.logo-text {
		width: 150px !important;
		margin-top: -10px !important;
	}

		.logo-text span {
			font-size: 1rem !important;
		}

	.text {
		font-size: 1rem;
	}

	main > .title-tripleforms {
		width: 100%;
		padding-left: 0px;
	}

		main > .title-tripleforms h1 {
			font-size: 1.5rem;
		}

	.menu-top-container {
		padding-left: 0px !important;
		margin: 0 !important;
	}

		.menu-top-container .stepmenu {
			padding-left: 0px !important;
			margin-left: 0 !important;
			width: auto !important;
		}

	.current-step-tooltip {
		padding-left: 0px !important;
		margin-left: 0 !important;
	}

	.stepmenu {
		padding: 0;
		width: 100%;
	}

	.ctl01_CntWrapper_CntMain_ssm_ctl00_ctl01_row {
		flex-direction: column;
	}

	.ctl01_CntWrapper_CntMain_ssm_ctl00_ctl01_cell_1 {
		width: 0% !important;
	}

	.bodySection {
		margin-left: 0;
		background-color: transparent;
	}

	.header-container > .logo-container {
		max-width: 50%;
		min-height: 105px !important;
		margin: auto auto;
	}

	.logo-container a img {
		max-height: 75px;
	}

	.logo-container a {
		margin: auto;
	}

	.head-tf-subtitle {
		font-size: inherit;
	}

	.tussenkopje {
		margin-left: 0px !important;
	}

	.headersubtext {
		font-size: inherit;
	}

	.headergrijsdiv {
		margin-left: 0px !important;
		padding-bottom: 0 !important;
	}

	.headergrijs {
		font-size: inherit;
		margin-left: 5px !important;
		padding-bottom: 0;
	}

	.change-button, .change-button-alwaysActive {
		width: calc(101% - 0px) !important;
		margin-left: 0;
		margin-top: -10px !important;
		margin-bottom: -5px !important;
	}

	table[id*="GridResultatenNL"] .pager td {
		background-color: transparent;
	}

	.authSection {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 10px;
	}

	.authSectionEH,
	.authSectionDigiD,
	.authSectionContact,
	.authSectionMijnILT,
	.authSectionLogin,
	.authSectionAnoniem {
		width: 100% !important;
		margin-left: 0 !important;
	}

	.auth-method-button-EH,
	.auth-method-button-DigiD,
	.auth-method-button-Contactgegevens,
	.auth-method-button-MijnILT,
	.auth-method-button-LogIn,
	.auth-method-button-Anoniem {
		top: 74% !important;
	}

	/* Verberg EHerkenning logo */
	.login-page-content-container > .login-button-wrapper.eHerkenning > .login-top-image {
		display: none;
	}

	/* Toon EHerkenning Beeldmerk links */
	.login-page-content-container > .login-button-wrapper.eHerkenning::after {
		display: block;
		left: 12px;
		top: 10px;
	}

	/* EH Vignet rechts van EH beeldmerk met 10px ruimte */
	.login-page-content-container > .login-button-wrapper.eHerkenning::before {
		left: 70px; /* 50px logo + 10px marge */
		right: auto;
		top: 20px;
	}

	.formuliertitel h2 {
		font-size: 1.5101977836rem;
		font-weight: bold;
		margin-bottom: 20px;
		width: 340px;
	}

	.text h3 {
		font-size: 1.5101977836rem;
	}

	.dangerBackground, .succesBackground, .toelichtingBackground, .waarschuwingBackground, .waarschuwingBackground-inleiding, .widget.waarschuwingBackground {
		font-size: inherit;
		margin-left: 0 !important;
	}

	.danger, .succes, .toelichting, .waarschuwing {
		padding-left: 30px;
		display: inline-block;
	}

	.waarschuwingInleidingBackground-error {
		--extra-width: 35px;
	}

	.textpassive.tf-question-control {
		width: auto;
		margin-left: 0;
	}

	.checkboxpassive.tf-question-control {
		width: auto;
		margin-left: 0;
	}

	h1 {
		font-size: inherit;
	}

	h2 {
		font-size: inherit;
	}

	h3 {
		font-size: inherit;
	}

	#openTFABox {
		width: 300px;
		max-width: 100%;
	}

	.uploadLabelLang.tf-question-control {
		font-size: inherit;
	}

	input[value].add-button {
		padding-left: 80% !important;
		padding-right: 20%;
	}

	input[value].remove-button {
		padding-right: 23px !important;
		position: absolute;
		right: -23px;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="month"],
	input[type="week"],
	input[type="number"],
	input[type="tel"],
	input[type="time"],
	input[type="datetime-local"],
	input[type="datetime"],
	input[type="search"],
	input[type="url"],
	input[type="date"],
	textarea,
	.dropdownLabelLang {
		border: 2px solid #01689B !important;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="month"]:focus,
		input[type="week"]:focus,
		input[type="number"]:focus,
		input[type="tel"]:focus,
		input[type="time"]:focus,
		input[type="datetime-local"]:focus,
		input[type="datetime"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		input[type="date"]:focus,
		textarea:focus, select:focus {
			background-color: var(--focus-bg);
			outline-offset: 2px !important;
		}

	input[value].previous-step-button,
	input[value].next-step-button {
		margin-top: 1rem !important;
	}

	input[value].previous-step-button {
		padding-left: 1.5rem !important;
		margin-left: 0 !important;
	}

	input[value].next-step-button {
		padding-right: 1.5rem !important;
	}

	.change-button, .change-button-alwaysActive {
		background-position: right 100px center;
		width: calc(101% - 0px) !important;
		margin-left: 0;
	}

	.tableTdHeader {
		font-size: inherit;
	}

	th {
		font-size: 1rem;
	}

	input[type="file"].upload.tf-question-control {
		width: inherit !important;
	}

	.help:Focus {
		padding: 0;
	}

	remove-button {
		margin-left: -1em;
	}

	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}

	.helpTekstLang,
	.helpTekstVisible,
	.helpTekstFullWidth {
		font-size: inherit;
	}

	.mapSummaryLabelLang {
		width: auto;
	}

	.SamenvattingLinksPassive {
		padding-left: 0 !important;
		background-color: transparent;
	}

	.SamenvattingRechtsPassive {
		background-color: transparent;
		padding-left: 0 !important;
		width: 100%;
	}

	.SamenvattingLinks {
		width: 100%;
		margin-top: -25px;
		margin-left: 0;
	}

	.Samenvattingcolumn1 {
		background-color: transparent;
		padding: 0 10px 0 0 !important;
	}

	.Samenvattingcolumn2 {
		background-color: transparent !important;
		font-size: 1.5rem !important;
		padding: 0 0 0 10px !important;
	}

	.textInSection {
		font-size: inherit;
	}

	.tableTdHeader {
		font-size: inherit;
	}

	.payoff span {
		font-size: 1.8rem !important;
	}

	footer.space-footer .container h2 {
		font-size: 1.3rem !important;
	}

	.footer-col.col-sm-6 {
		width: 50%;
	}

	.site-footer .column h2 {
		font-size: inherit;
		margin-bottom: 1rem;
	}

	footer.space-footer li a {
		font-size: 1.1rem !important;
	}

	footer.space-footer .row {
		display: block;
	}

	.footer-col,
	.footer-col.col-md-8,
	.footer-col.col-md-2 {
		display: block;
		width: 100% !important;
		margin-bottom: 20px;
		line-height: 1rem !important;
	}

	.footer-col {
		float: none;
	}

	footer.space-footer li {
		line-height: 1rem !important;
	}
}

/* Styles for landscape on small devices */
@media (max-width: 768px) and (orientation: landscape) {
	.logo-text {
		width: 150px !important;
		margin-top: -10px !important;
	}

		.logo-text span {
			font-size: 1rem !important;
		}

	.text {
		font-size: inherit !important;
	}

	main > .title-tripleforms {
		width: 100%;
		padding-left: 0px;
	}

		main > .title-tripleforms h1 {
			font-size: 1.6018066406rem;
		}

	.menu-top-container {
		padding-left: 0px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#ctl01_CntWrapper_CntMain_ssm {
		width: 100%;
	}

	.ctl01_CntWrapper_CntMain_ssm_ctl00_ctl01_cell_1 {
		width: 0% !important;
	}

	.bodySection {
		margin-left: 0;
		background-color: transparent;
	}

	.logo-container {
		display: flex;
		justify-content: center;
		align-items: center;
		max-width: 50%;
		height: auto;
		margin: auto;
	}

		.logo-container a img {
			max-height: inherit
		}

		.logo-container a {
			margin: auto;
		}

	.head-tf-subtitle {
		font-size: inherit;
	}

	.tussenkopje {
		margin-left: 0px !important;
	}

	.headersubtext {
		font-size: inherit;
	}

	.headergrijsdiv {
		margin-left: 0px !important;
		padding-bottom: 0 !important;
	}

	.headergrijs {
		font-size: inherit;
		margin-left: 5px !important;
		padding-bottom: 0;
	}

	.authSection {
		display: grid;
		grid-template-columns: repeat(2,1fr);
		grid-gap: 30px;
	}

	.authSectionEH,
	.authSectionDigiD,
	.authSectionContact,
	.authSectionMijnILT,
	.authSectionLogin,
	.authSectionAnoniem {
		width: 100% !important;
		margin-right: 2%;
		margin-bottom: 1px;
		height: 100%;
	}

	.auth-method-button-EH,
	.auth-method-button-DigiD,
	.auth-method-button-Contactgegevens,
	.auth-method-button-MijnILT,
	.auth-method-button-LogIn,
	.auth-method-button-Anoniem {
		top: 74% !important;
	}

	.formuliertitel h2 {
		font-size: 1.5101977836rem;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.text h3 {
		font-size: 1.5101977836rem;
	}

	.payoff span {
		font-size: 1.5101977836rem;
	}

	.textpassive.tf-question-control {
		width: auto;
		margin-left: 0;
	}

	.checkboxpassive.tf-question-control {
		width: auto;
		margin-left: 0;
	}

	h1 {
		font-size: inherit;
	}

	h2 {
		font-size: inherit;
	}

	h3 {
		font-size: inherit;
	}

	.dangerBackground, .succesBackground, .toelichtingBackground, .waarschuwingBackground, .waarschuwingBackground-inleiding, .widget.waarschuwingBackground {
		font-size: inherit;
		margin-left: 0 !important;
	}

	.danger, .succes, .toelichting, .waarschuwing {
		padding-left: 30px;
		display: inline-block;
	}

	.uploadLabelLang.tf-question-control {
		font-size: inherit;
	}

	div.ctl01_CntWrapper_CntMain_ssm_ctl00_ctl01_row .uploadLabelLang-wrapper {
		margin-bottom: -25px;
		margin-top: -15px;
	}

	input[value].add-button {
		padding-left: 80% !important;
		padding-right: 20%;
	}

	input[type="submit"].next-question-button,
	input[type="submit"].previous-step-button,
	input[type="submit"].next-step-button,
	input[type="submit"].information,
	input[type="submit"].generic-button,
	input[type="submit"].change-button {
		padding-left: 0.8em;
		padding-right: 0.8em !important;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="month"],
	input[type="week"],
	input[type="number"],
	input[type="tel"],
	input[type="time"],
	input[type="datetime-local"],
	input[type="datetime"],
	input[type="search"],
	input[type="url"],
	input[type="date"],
	textarea,
	.dropdownLabelLang {
		border: 2px solid #01689B !important;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="month"]:focus,
		input[type="week"]:focus,
		input[type="number"]:focus,
		input[type="tel"]:focus,
		input[type="time"]:focus,
		input[type="datetime-local"]:focus,
		input[type="datetime"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		input[type="date"]:focus,
		textarea:focus, select:focus {
			background-color: var(--focus-bg);
			outline-offset: 2px !important;
		}

	input[value].previous-step-button {
		margin-left: 0 !important;
	}

	input[value].next-step-button {
		padding-right: 1.5rem !important;
	}

	.change-button, .change-button-alwaysActive {
		/* background-position: right 90px center; */
		width: calc(101% - 0px) !important;
		margin-left: 0;
	}

	#ctl01_CntWrapper_CntMain_ssm .tf-error {
		width: 100%;
	}

	input[type="file"].upload.tf-question-control {
		width: inherit !important;
	}

	.helpTekstLang,
	.helpTekstVisible,
	.helpTekstFullWidth {
		font-size: 1rem;
	}

	.help:Focus {
		padding: 0;
	}

	a.help {
		margin-left: 1.6rem;
	}

	.SamenvattingLinksPassive {
		padding-left: 0 !important;
		background-color: transparent;
	}

	.SamenvattingRechtsPassive {
		background-color: transparent;
	}

	.SamenvattingLinks {
		margin-left: 0;
	}

	.Samenvattingcolumn1 {
		background-color: transparent;
		padding: 0 10px 0 0 !important;
	}

	.Samenvattingcolumn2 {
		background-color: transparent !important;
		font-size: 1.5rem !important;
		padding: 0 0 0 10px !important;
	}

	.tableTdHeader {
		font-size: inherit;
	}

	.mapSummaryLabelLang {
		width: auto;
	}

	remove-button {
		margin-left: -1em;
	}

	/* fout melding */
	.jumbotron {
		background-color: transparent !important;
	}

	.container .jumbotron, .container-fluid .jumbotron {
		padding: 0 !important;
	}

	footer.space-footer li a {
		font-size: inherit;
	}

	.site-footer .column h2 {
		font-size: inherit;
		margin-bottom: 1rem;
	}

	.container-sm, .container {
		max-width: 100% !important;
	}

	.footer-col.col-sm-6 {
		width: 50%;
	}

	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
}

/* Styles for Tablets, Ipads (portrait) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
	.text {
		font-size: 1rem !important;
	}

	main > .title-tripleforms {
		width: 100%;
		padding-left: 0px;
	}

		main > .title-tripleforms h1 {
			font-size: 1.6018066406rem;
		}

	.menu-top-container {
		padding-left: 0px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#ctl01_CntWrapper_CntMain_ssm {
		width: 100%;
	}

		#ctl01_CntWrapper_CntMain_ssm .tf-error {
			margin-left: 0px;
			width: 100%;
		}

	.ctl01_CntWrapper_CntMain_ssm_ctl00_ctl01_cell_1 {
		width: 0% !important;
	}

	.bodySection {
		margin-left: 0;
		background-color: transparent;
	}

	.stepmenu {
		padding: 0;
		width: 100%;
	}

	legend {
		margin: 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="month"],
	input[type="week"],
	input[type="number"],
	input[type="tel"],
	input[type="time"],
	input[type="datetime-local"],
	input[type="datetime"],
	input[type="search"],
	input[type="url"],
	input[type="date"],
	textarea,
	.dropdownLabelLang {
		border: 2px solid #01689B !important;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="month"]:focus,
		input[type="week"]:focus,
		input[type="number"]:focus,
		input[type="tel"]:focus,
		input[type="time"]:focus,
		input[type="datetime-local"]:focus,
		input[type="datetime"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		input[type="date"]:focus,
		textarea:focus, select:focus {
			background-color: var(--focus-bg);
			outline-offset: 2px !important;
		}

	.change-button, .change-button-alwaysActive {
		width: calc(101% - 0px) !important;
		margin-left: 0;
	}

	input[type=submit].previous-step-button, input[type=submit].next-step-button {
		margin-top: 2rem;
		margin-left: 0;
	}

	.logo-container {
		display: flex;
		justify-content: center;
		align-items: center;
		max-width: 50%;
		height: auto;
		margin: auto;
	}

		.logo-container a img {
			max-height: inherit;
		}

	.head-tf-subtitle {
		font-size: inherit;
	}

	.headersubtext {
		font-size: inherit;
	}

	.formuliertitel h2 {
		font-size: 1.5101977836rem;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.text h3 {
		font-size: 1.5101977836rem;
	}

	.authSection {
		display: grid;
		grid-template-columns: repeat(2,1fr);
		grid-gap: 30px;
	}

	.authSectionEH,
	.authSectionDigiD,
	.authSectionContact,
	.authSectionMijnILT,
	.authSectionLogin,
	.authSectionAnoniem {
		width: 100% !important;
		height: 100% !important;
		margin-left: 0 !important;
	}

	.auth-method-button-EH,
	.auth-method-button-DigiD,
	.auth-method-button-Contactgegevens,
	.auth-method-button-MijnILT,
	.auth-method-button-LogIn,
	.auth-method-button-Anoniem {
		top: 74% !important;
	}

	/* Verberg EHerkenning logo */
	.login-page-content-container > .login-button-wrapper.eHerkenning > .login-top-image {
		display: none;
	}

	/* Toon EHerkenning Beeldmerk links */
	.login-page-content-container > .login-button-wrapper.eHerkenning::after {
		display: block;
		left: 12px;
		top: 10px;
	}

	/* EH Vignet rechts van EH beeldmerk met 10px ruimte */
	.login-page-content-container > .login-button-wrapper.eHerkenning::before {
		left: 70px; /* 50px logo + 10px marge */
		right: auto;
		top: 20px;
	}

	.helpTekstLang,
	.helpTekstVisible,
	.helpTekstFullWidth {
		font-size: inherit;
	}

	table[id*="GridResultatenNL"] .pager td {
		background-color: transparent;
	}

	.dangerBackground, .succesBackground, .toelichtingBackground, .waarschuwingBackground, .waarschuwingBackground-inleiding, .widget.waarschuwingBackground {
		font-size: inherit;
		margin-left: 0 !important;
	}

	.danger, .succes, .toelichting, .waarschuwing {
		padding-left: 30px;
		display: inline-block;
	}

	.waarschuwingInleidingBackground-error {
		--extra-width: 62px;
	}

	.tussenkopje {
		margin-left: 0px !important;
	}

	.headergrijsdiv {
		margin-left: 0px !important;
		padding-bottom: 0 !important;
	}

	.headergrijs {
		font-size: inherit;
		margin-left: 5px !important;
		padding-bottom: 0;
	}

	div.ctl01_CntWrapper_CntMain_ssm_ctl00_ctl01_row .uploadLabelLang-wrapper {
		margin-bottom: -25px;
		margin-top: -15px;
	}

	.mapSummaryLabelLang {
		width: auto;
	}

	.SamenvattingLinksPassive {
		padding-left: 0 !important;
		background-color: transparent;
	}

	.SamenvattingRechtsPassive {
		background-color: transparent;
	}

	.SamenvattingLinks {
		margin-left: 0;
	}

	.Samenvattingcolumn1 {
		background-color: transparent;
		padding: 0 10px 0 0 !important;
	}

	.Samenvattingcolumn2 {
		background-color: transparent !important;
		font-size: 1.5rem !important;
		padding: 0 0 0 10px !important;
	}

	/* fout melding */
	.jumbotron {
		background-color: transparent !important;
	}

	.container .jumbotron, .container-fluid .jumbotron {
		padding: 0 !important;
	}

	.tableTdHeader {
		font-size: inherit;
	}

	.open-mobile-menu {
		display: none;
	}

	.payoff span {
		font-size: 1.5101977836rem;
	}

	footer.space-footer.navbar .container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

/* Styles for specific to iPad Air landscape mode */
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
	.text {
		font-size: inherit;
	}

	main > .title-tripleforms {
		width: 100%;
		padding-left: 0px;
	}

		main > .title-tripleforms h1 {
			font-size: 1.6018066406rem;
		}

	.menu-top-container {
		padding-left: 0px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#ctl01_CntWrapper_CntMain_ssm {
		width: 100%;
	}

		#ctl01_CntWrapper_CntMain_ssm .tf-error {
			margin-left: 0px;
			width: 100%;
		}

	.ctl01_CntWrapper_CntMain_ssm_ctl00_ctl01_cell_1 {
		width: 0% !important;
	}

	.bodySection {
		margin-left: 0;
		background-color: transparent;
	}

	.stepmenu {
		padding: 0;
		width: 100%;
	}

	legend {
		margin: 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="month"],
	input[type="week"],
	input[type="number"],
	input[type="tel"],
	input[type="time"],
	input[type="datetime-local"],
	input[type="datetime"],
	input[type="search"],
	input[type="url"],
	input[type="date"],
	textarea,
	.dropdownLabelLang {
		border: 2px solid #01689B !important;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="month"]:focus,
		input[type="week"]:focus,
		input[type="number"]:focus,
		input[type="tel"]:focus,
		input[type="time"]:focus,
		input[type="datetime-local"]:focus,
		input[type="datetime"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		input[type="date"]:focus,
		textarea:focus, select:focus {
			background-color: var(--focus-bg);
			outline-offset: 2px !important;
		}

	.change-button, .change-button-alwaysActive {
		width: calc(101% - 0px) !important;
		margin-left: 0;
	}

	input[type=submit].previous-step-button, input[type=submit].next-step-button {
		margin-top: 2rem;
		margin-left: 0;
	}

	.logo-container {
		display: flex;
		justify-content: center;
		align-items: center;
		max-width: 50%;
		height: auto;
		margin: auto;
	}

		.logo-container a img {
			max-height: inherit
		}

	.head-tf-subtitle {
		font-size: inherit;
	}

	.headersubtext {
		font-size: inherit;
	}

	.headergrijsdiv {
		margin-left: 0px !important;
		padding-bottom: 0 !important;
	}

	.headergrijs {
		font-size: inherit;
		margin-left: 5px !important;
		padding-bottom: 0;
	}

	.formuliertitel h2 {
		font-size: 1.5101977836rem;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.text h3 {
		font-size: 1.5101977836rem;
	}

	table[id*="GridResultatenNL"] .pager td {
		background-color: transparent;
	}

	.authSection {
		display: grid;
		grid-template-columns: repeat(2,1fr);
		grid-gap: 30px;
	}

	.authSectionEH,
	.authSectionDigiD,
	.authSectionContact,
	.authSectionMijnILT,
	.authSectionLogin,
	.authSectionAnoniem {
		width: 100% !important;
		height: 100% !important;
		margin-left: 0 !important;
	}

	.auth-method-button-EH,
	.auth-method-button-DigiD,
	.auth-method-button-Contactgegevens,
	.auth-method-button-MijnILT,
	.auth-method-button-LogIn,
	.auth-method-button-Anoniem {
		top: 78% !important;
	}

	body.en-GB .auth-method-button-EH,
	body.en-GB .auth-method-button-DigiD,
	body.en-GB .auth-method-button-Contactgegevens,
	body.en-GB .auth-method-button-MijnILT,
	body.en-GB .auth-method-button-LogIn,
	body.en-GB .auth-method-button-Anoniem {
		top: 78% !important;
		height: 100% !important;
	}

	/* Verberg EHerkenning logo */
	.login-page-content-container > .login-button-wrapper.eHerkenning > .login-top-image {
		display: none;
	}

	/* Toon EHerkenning Beeldmerk links */
	.login-page-content-container > .login-button-wrapper.eHerkenning::after {
		display: block;
		left: 12px;
		top: 10px;
	}

	/* EH Vignet rechts van EH beeldmerk met 10px ruimte */
	.login-page-content-container > .login-button-wrapper.eHerkenning::before {
		left: 70px; /* 50px logo + 10px marge */
		right: auto;
		top: 20px;
	}

	.helpTekstLang,
	.helpTekstVisible,
	.helpTekstFullWidth {
		font-size: inherit;
	}

	.dangerBackground, .succesBackground, .toelichtingBackground, .waarschuwingBackground, .waarschuwingBackground-inleiding, .widget.waarschuwingBackground {
		font-size: inherit;
		margin-left: 0 !important;
	}

	.danger, .succes, .toelichting, .waarschuwing {
		padding-left: 30px;
		display: inline-block;
	}

	.tussenkopje {
		margin-left: 0px !important;
	}

	.headergrijsdiv {
		margin-left: 0px !important;
		padding-bottom: 0 !important;
	}

	.headergrijs {
		font-size: inherit;
		margin-left: 5px !important;
		padding-bottom: 0;
	}

	a.help {
		margin-left: 3.20rem;
	}

	.mapSummaryLabelLang {
		width: auto;
	}

	.SamenvattingLinksPassive {
		padding-left: 0 !important;
		background-color: transparent;
	}

	.SamenvattingRechtsPassive {
		background-color: transparent;
	}

	.SamenvattingLinks {
		margin-left: 0;
	}

	.Samenvattingcolumn1 {
		background-color: transparent;
		padding: 0 10px 0 0 !important;
	}

	.Samenvattingcolumn2 {
		background-color: transparent !important;
		font-size: 1.5rem !important;
		padding: 0 0 0 10px !important;
	}

	/* fout melding */
	.jumbotron {
		background-color: transparent !important;
	}

	.container .jumbotron, .container-fluid .jumbotron {
		padding: 0 !important;
	}

	.tableTdHeader {
		font-size: inherit;
	}

	.open-mobile-menu {
		display: none;
	}

	.payoff span {
		font-size: 1.5101977836rem;
	}

	footer.space-footer.navbar .container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

/* Style for for smaller landscape screens */
@media screen and (max-width: 844px) and (orientation: landscape) {
	.text {
		font-size: inherit;
	}

	main > .title-tripleforms {
		width: 100%;
		padding-left: 0px;
	}

	#ctl01_CntWrapper_CntMain_ssm {
		width: 100%;
	}

	.ctl01_CntWrapper_CntMain_ssm_ctl00_ctl01_cell_1 {
		width: 0% !important;
	}

	.bodySection {
		margin-left: 0;
		background-color: transparent;
	}

	.stepmenu {
		padding: 0;
		width: 100%;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="month"],
	input[type="week"],
	input[type="number"],
	input[type="tel"],
	input[type="time"],
	input[type="datetime-local"],
	input[type="datetime"],
	input[type="search"],
	input[type="url"],
	input[type="date"],
	textarea,
	.dropdownLabelLang {
		border: 2px solid #01689B !important;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="month"]:focus,
		input[type="week"]:focus,
		input[type="number"]:focus,
		input[type="tel"]:focus,
		input[type="time"]:focus,
		input[type="datetime-local"]:focus,
		input[type="datetime"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		input[type="date"]:focus,
		textarea:focus, select:focus {
			background-color: var(--focus-bg);
			outline-offset: 2px !important;
		}

	.change-button, .change-button-alwaysActive {
		width: calc(101% - 0px) !important;
		margin-left: 0;
	}

	.authSection {
		display: grid;
		grid-template-columns: repeat(2,1fr);
		grid-gap: 30px;
	}

	.authSectionEH,
	.authSectionDigiD,
	.authSectionContact,
	.authSectionMijnILT,
	.authSectionLogin,
	.authSectionAnoniem {
		width: 100% !important;
		margin-right: 0;
		margin-bottom: 1px;
	}

	.auth-method-button-EH,
	.auth-method-button-DigiD,
	.auth-method-button-Contactgegevens,
	.auth-method-button-MijnILT,
	.auth-method-button-LogIn,
	.auth-method-button-Anoniem {
		top: 74% !important;
	}

	/* Verberg EHerkenning logo */
	.login-page-content-container > .login-button-wrapper.eHerkenning > .login-top-image {
		display: none;
	}

	/* Toon EHerkenning Beeldmerk links */
	.login-page-content-container > .login-button-wrapper.eHerkenning::after {
		display: block;
		left: 12px;
		top: 10px;
	}

	/* EH Vignet rechts van EH beeldmerk met 10px ruimte */
	.login-page-content-container > .login-button-wrapper.eHerkenning::before {
		left: 70px; /* 50px logo + 10px marge */
		right: auto;
		top: 20px;
	}

	.dangerBackground, .succesBackground, .toelichtingBackground, .waarschuwingBackground, .waarschuwingBackground-inleiding, .widget.waarschuwingBackground {
		font-size: inherit;
		margin-left: 0 !important;
	}

	.danger, .succes, .toelichting, .waarschuwing {
		padding-left: 30px;
		display: inline-block;
	}

	.tussenkopje {
		margin-left: 0px !important;
	}

	.headergrijsdiv {
		margin-left: 0px !important;
		padding-bottom: 0 !important;
	}

	.headergrijs {
		font-size: inherit;
		margin-left: 5px !important;
		padding-bottom: 0;
	}

	.mapSummaryLabelLang {
		width: auto;
	}

	.SamenvattingLinksPassive {
		padding-left: 0 !important;
		background-color: transparent;
	}

	.SamenvattingRechtsPassive {
		background-color: transparent;
	}

	.SamenvattingLinks {
		margin-left: 0;
	}

	.Samenvattingcolumn1 {
		background-color: transparent;
		padding: 0 10px 0 0 !important;
	}

	.Samenvattingcolumn2 {
		background-color: transparent !important;
		font-size: 1.5rem !important;
		padding: 0 0 0 10px !important;
	}

	.tableTdHeader {
		font-size: inherit;
	}
}

/* Styles for tablets(iPad Pro) or desktop, portrait/landscape limits for large tablets and DPR ≥ 1.5 */
@media screen and (width: 853px) and (height: 1280px) and (orientation: portrait) {
	/* styles for portrait */
	.text {
		font-size: inherit;
	}

	main > .title-tripleforms {
		padding-left: 0px;
	}

	.ctl01_CntWrapper_CntMain_ssm_ctl00_ctl01_cell_1 {
		width: 0% !important;
	}

	.bodySection {
		margin-left: 0;
		background-color: transparent;
	}

	.menu-top-container {
		padding-left: 0px !important;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="month"],
	input[type="week"],
	input[type="number"],
	input[type="tel"],
	input[type="time"],
	input[type="datetime-local"],
	input[type="datetime"],
	input[type="search"],
	input[type="url"],
	input[type="date"],
	textarea,
	.dropdownLabelLang {
		border: 2px solid #01689B !important;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="month"]:focus,
		input[type="week"]:focus,
		input[type="number"]:focus,
		input[type="tel"]:focus,
		input[type="time"]:focus,
		input[type="datetime-local"]:focus,
		input[type="datetime"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		input[type="date"]:focus,
		textarea:focus,
		select:focus {
			background-color: var(--focus-bg);
			outline-offset: 2px !important;
		}

	.change-button, .change-button-alwaysActive {
		width: calc(101% - 0px) !important;
		margin-left: 0;
	}

	input[type=submit].previous-step-button,
	input[type=submit].next-step-button {
		margin-top: 2rem !important;
		margin-left: 0;
	}

	.authSection {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 30px;
	}

	.authSectionEH,
	.authSectionDigiD,
	.authSectionContact,
	.authSectionMijnILT,
	.authSectionLogin,
	.authSectionAnoniem {
		width: 100% !important;
		margin-right: 2%;
		margin-bottom: 1px;
	}

	.auth-method-button-EH,
	.auth-method-button-DigiD,
	.auth-method-button-Contactgegevens,
	.auth-method-button-MijnILT,
	.auth-method-button-LogIn,
	.auth-method-button-Anoniem {
		top: 74% !important;
	}

	/* Verberg EHerkenning logo */
	.login-page-content-container > .login-button-wrapper.eHerkenning > .login-top-image {
		display: none;
	}

	/* Toon EHerkenning Beeldmerk links */
	.login-page-content-container > .login-button-wrapper.eHerkenning::after {
		display: block;
		left: 12px;
		top: 10px;
	}

	/* EH Vignet rechts van EH beeldmerk met 10px ruimte */
	.login-page-content-container > .login-button-wrapper.eHerkenning::before {
		left: 70px; /* 50px logo + 10px marge */
		right: auto;
		top: 20px;
	}

	table[id*="GridResultatenNL"] .pager td {
		background-color: transparent;
	}

	.dangerBackground, .succesBackground, .toelichtingBackground, .waarschuwingBackground, .waarschuwingBackground-inleiding, .widget.waarschuwingBackground {
		font-size: inherit;
		margin-left: 0 !important;
	}

	.danger, .succes, .toelichting, .waarschuwing {
		padding-left: 30px;
		display: inline-block;
	}

	.tussenkopje {
		margin-left: 0px !important;
	}

	.headergrijsdiv {
		margin-left: 0px !important;
		padding-bottom: 0 !important;
	}

	.headergrijs {
		font-size: inherit;
		margin-left: 5px !important;
		padding-bottom: 0;
	}

	.mapSummaryLabelLang {
		width: auto;
	}

	.SamenvattingLinksPassive {
		padding-left: 0 !important;
		background-color: transparent;
	}

	.SamenvattingRechtsPassive {
		background-color: transparent;
	}

	.SamenvattingLinks {
		margin-left: 0;
	}

	.Samenvattingcolumn1 {
		background-color: transparent;
		padding: 0 10px 0 0 !important;
	}

	.Samenvattingcolumn2 {
		background-color: transparent !important;
		font-size: 1.5rem !important;
		padding: 0 0 0 10px !important;
	}

	.tableTdHeader {
		font-size: inherit;
	}
}

/* Styles for landscape mode */
@media only screen and (max-width: 915px) and (orientation: landscape) {
	.text {
		font-size: 1rem !important;
	}

	main > .title-tripleforms {
		width: 100%;
		padding-left: 0px;
	}

	.menu-top-container {
		padding-left: 0px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#ctl01_CntWrapper_CntMain_ssm {
		width: 100%;
	}

	.ctl01_CntWrapper_CntMain_ssm_ctl00_ctl01_cell_1 {
		width: 0% !important;
	}

	.bodySection {
		margin-left: 0;
		background-color: transparent;
	}

	.stepmenu {
		padding: 0;
		width: 100%;
	}

	.authSection {
		display: grid;
		grid-template-columns: repeat(2,1fr);
		grid-gap: 30px;
	}

	.authSectionEH,
	.authSectionDigiD,
	.authSectionContact,
	.authSectionMijnILT,
	.authSectionLogin,
	.authSectionAnoniem {
		width: 100% !important;
		height: 100% !important;
		margin-left: 0 !important;
	}

	.auth-method-button-EH,
	.auth-method-button-DigiD,
	.auth-method-button-Contactgegevens,
	.auth-method-button-MijnILT,
	.auth-method-button-LogIn,
	.auth-method-button-Anoniem {
		top: 76% !important;
	}

	#diveHerkenning {
		height: 100% !important;
	}

	/* Verberg EHerkenning logo */
	.login-page-content-container > .login-button-wrapper.eHerkenning > .login-top-image {
		display: none;
	}

	/* Toon EHerkenning Beeldmerk links */
	.login-page-content-container > .login-button-wrapper.eHerkenning::after {
		display: block;
		left: 12px;
		top: 10px;
	}

	/* EH Vignet rechts van EH beeldmerk met 10px ruimte */
	.login-page-content-container > .login-button-wrapper.eHerkenning::before {
		left: 70px; /* 50px logo + 10px marge */
		right: auto;
		top: 20px;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="month"],
	input[type="week"],
	input[type="number"],
	input[type="tel"],
	input[type="time"],
	input[type="datetime-local"],
	input[type="datetime"],
	input[type="search"],
	input[type="url"],
	input[type="date"],
	textarea,
	.dropdownLabelLang {
		border: 2px solid #01689B !important;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="month"]:focus,
		input[type="week"]:focus,
		input[type="number"]:focus,
		input[type="tel"]:focus,
		input[type="time"]:focus,
		input[type="datetime-local"]:focus,
		input[type="datetime"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		input[type="date"]:focus,
		textarea:focus, select:focus {
			background-color: var(--focus-bg);
			outline-offset: 2px !important;
		}

	.change-button, .change-button-alwaysActive {
		width: calc(101% - 0px) !important;
		margin-left: 0;
	}

	.select-organization-button {
		margin-left: 0px !important;
		width: auto !important;
		position: relative;
		transform: translateX(50%);
	}

	.dangerBackground, .succesBackground, .toelichtingBackground, .waarschuwingBackground, .waarschuwingBackground-inleiding, .widget.waarschuwingBackground {
		font-size: inherit;
		margin-left: 0 !important;
	}

	.danger, .succes, .toelichting, .waarschuwing {
		padding-left: 30px;
		display: inline-block;
	}

	.waarschuwingInleidingBackground-error {
		--extra-width: 58px;
	}

	.tussenkopje {
		margin-left: 0px !important;
	}

	.headergrijsdiv {
		margin-left: 0px !important;
		padding-bottom: 0 !important;
	}

	.headergrijs {
		font-size: inherit;
		margin-left: 5px !important;
		padding-bottom: 0;
	}

	.mapSummaryLabelLang {
		width: auto;
	}

	.SamenvattingLinksPassive {
		padding-left: 0 !important;
		background-color: transparent;
	}

	.SamenvattingRechtsPassive {
		background-color: transparent;
	}

	.SamenvattingLinks {
		margin-left: 0;
	}

	.Samenvattingcolumn1 {
		background-color: transparent;
		padding: 0 10px 0 0 !important;
	}

	.Samenvattingcolumn2 {
		background-color: transparent !important;
		font-size: 1.5rem !important;
		padding: 0 0 0 10px !important;
	}

	.tableTdHeader {
		font-size: inherit;
	}
}

/* Styles for tablets(iPad Pro) or desktop, portrait/landscape limits for large tablets and DPR ≥ 1.5 */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.text {
		font-size: inherit;
	}

	main > .title-tripleforms {
		padding-left: 0px;
	}

	.ctl01_CntWrapper_CntMain_ssm_ctl00_ctl01_cell_1 {
		width: 0% !important;
	}

	.bodySection {
		margin-left: 0;
		background-color: transparent;
	}

	.menu-top-container {
		padding-left: 0px !important;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="month"],
	input[type="week"],
	input[type="number"],
	input[type="tel"],
	input[type="time"],
	input[type="datetime-local"],
	input[type="datetime"],
	input[type="search"],
	input[type="url"],
	input[type="date"],
	textarea,
	.dropdownLabelLang {
		border: 2px solid #01689B !important;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="month"]:focus,
		input[type="week"]:focus,
		input[type="number"]:focus,
		input[type="tel"]:focus,
		input[type="time"]:focus,
		input[type="datetime-local"]:focus,
		input[type="datetime"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		input[type="date"]:focus,
		textarea:focus, select:focus {
			background-color: var(--focus-bg);
			outline-offset: 2px !important;
		}

	.change-button, .change-button-alwaysActive {
		width: calc(101% - 0px) !important;
		margin-left: 0;
	}

	input[type=submit].previous-step-button, input[type=submit].next-step-button {
		margin-top: 2rem;
		margin-left: 0;
	}

	.authSection {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 30px;
	}

	.authSectionEH,
	.authSectionDigiD,
	.authSectionContact,
	.authSectionMijnILT,
	.authSectionLogin,
	.authSectionAnoniem {
		width: 100% !important;
		margin-left: 0 !important;
		height: 100% !important;
	}

	.auth-method-button-EH,
	.auth-method-button-DigiD,
	.auth-method-button-Contactgegevens,
	.auth-method-button-MijnILT,
	.auth-method-button-LogIn,
	.auth-method-button-Anoniem {
		top: 74% !important;
	}

	#diveHerkenning {
		height: 100% !important;
	}

	a.help {
		margin-left: 2.38rem;
	}

	table[id*="GridResultatenNL"] .pager td {
		background-color: transparent;
	}

	.dangerBackground, .succesBackground, .toelichtingBackground, .waarschuwingBackground, .waarschuwingBackground-inleiding, .widget.waarschuwingBackground {
		font-size: inherit;
		margin-left: 0 !important;
	}

	.danger, .succes, .toelichting, .waarschuwing {
		padding-left: 30px;
		display: inline-block;
	}

	.waarschuwingInleidingBackground-error {
		--extra-width: 85px;
	}

	.tussenkopje {
		margin-left: 0px !important;
	}

	.headergrijsdiv {
		margin-left: 0px !important;
		padding-bottom: 0 !important;
	}

	.headergrijs {
		font-size: inherit;
		margin-left: 5px !important;
		padding-bottom: 0;
	}

	div.ctl01_CntWrapper_CntMain_ssm_ctl00_ctl01_row .uploadLabelLang-wrapper {
		margin-bottom: -25px;
		margin-top: -15px;
	}

	.mapSummaryLabelLang {
		width: auto;
	}

	.SamenvattingLinksPassive {
		padding-left: 0 !important;
		background-color: transparent;
	}

	.SamenvattingRechtsPassive {
		background-color: transparent;
	}

	.SamenvattingLinks {
		margin-left: 0;
	}

	.Samenvattingcolumn1 {
		background-color: transparent;
		padding: 0 10px 0 0 !important;
	}

	.Samenvattingcolumn2 {
		background-color: transparent !important;
		padding: 0 0 0 10px !important;
	}

	.tableTdHeader {
		font-size: inherit;
	}
}

/* all browsers and a device pixel ratio of 2.625 or higher */
@media only screen and (-webkit-min-device-pixel-ratio: 2.625), only screen and (min-resolution: 2.625dppx) {
	/* High-DPI styles */

	.text {
		font-size: inherit;
	}

	main > .title-tripleforms {
		width: 100%;
		padding-left: 0px;
	}

		main > .title-tripleforms h1 {
			font-size: 1.6018066406rem;
		}

	#ctl01_CntWrapper_CntMain_ssm {
		width: 100%;
	}

	.stepmenu {
		padding: 0;
		width: 100%;
	}

	div.tf-control-wrapper fieldset > div {
		width: 100% !important;
		margin-left: 0 !important;
	}

	.tf-question-wrapper fieldset legend {
		float: none !important;
	}

	.bodySection {
		margin-left: 0;
		background-color: transparent;
	}

	legend {
		margin: 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="month"],
	input[type="week"],
	input[type="number"],
	input[type="tel"],
	input[type="time"],
	input[type="datetime-local"],
	input[type="datetime"],
	input[type="search"],
	input[type="url"],
	input[type="date"],
	textarea,
	.dropdownLabelLang {
		border: 2px solid #01689B !important;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="month"]:focus,
		input[type="week"]:focus,
		input[type="number"]:focus,
		input[type="tel"]:focus,
		input[type="time"]:focus,
		input[type="datetime-local"]:focus,
		input[type="datetime"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		input[type="date"]:focus,
		textarea:focus, select:focus {
			background-color: var(--focus-bg);
			outline-offset: 2px !important;
		}

	div.tf-question-wrapper div.tf-label-wrapper, div.tf-question-wrapper div.tf-control-wrapper, div.tf-question-wrapper fieldset legend {
		width: 100% !important;
	}

	table[id*="GridResultatenNL"] .pager td {
		background-color: transparent;
	}

	.change-button, .change-button-alwaysActive {
		/* background-position: right 90px center; */
		width: calc(101% - 0px) !important;
		margin-left: 0;
	}

	#ctl01_CntWrapper_CntMain_ssm .tf-error {
		width: 100%;
		margin-left: 0px;
	}

	.ctl01_CntWrapper_CntMain_ssm_ctl00_ctl01_row {
		flex-direction: column;
	}

	.ctl01_CntWrapper_CntMain_ssm_ctl00_ctl01_cell_1 {
		width: 0% !important;
	}

	.stepmenu {
		padding: 0;
		width: 100%;
	}

	.authSectionEH,
	.authSectionDigiD,
	.authSectionContact,
	.authSectionMijnILT,
	.authSectionLogin,
	.authSectionAnoniem {
		margin-left: 0 !important;
	}

	.auth-method-button-EH,
	.auth-method-button-DigiD,
	.auth-method-button-Contactgegevens,
	.auth-method-button-MijnILT,
	.auth-method-button-LogIn,
	.auth-method-button-Anoniem {
		top: 74% !important;
	}

	body.en-GB .auth-method-button-EH,
	body.en-GB .auth-method-button-DigiD,
	body.en-GB .auth-method-button-Contactgegevens,
	body.en-GB .auth-method-button-MijnILT,
	body.en-GB .auth-method-button-LogIn,
	body.en-GB .auth-method-button-Anoniem {
		top: 72% !important;
	}

	.helpTekstLang,
	.helpTekstVisible,
	.helpTekstFullWidth {
		font-size: inherit;
		width: 100%;
		margin-left: 0;
	}

	a.help {
		margin-left: 2.38rem;
	}

	.menu-top-container {
		padding-left: 0px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.dangerBackground, .succesBackground, .toelichtingBackground, .waarschuwingBackground, .waarschuwingBackground-inleiding, .widget.waarschuwingBackground {
		font-size: inherit;
		margin-left: 0 !important;
	}

	.danger, .succes, .toelichting, .waarschuwing {
		padding-left: 30px;
		display: inline-block;
	}

	input[value].previous-step-button {
		margin-left: inherit;
		margin-left: 0 !important;
	}

	.search-button {
		margin-left: 0px !important;
		width: auto !important;
		position: relative;
		transform: translateX(-19%);
	}

	.label-active {
		padding-bottom: 10px;
	}

	.select-organization-button {
		margin-left: 0px !important;
		width: auto !important;
		position: relative;
		transform: translateX(34%);
		padding: 0 6px 0 6px !important;
	}

	.tussenkopje {
		margin-left: 0px !important;
	}

	.headergrijsdiv {
		margin-left: 0px !important;
		padding-bottom: 0 !important;
	}

	.headergrijs {
		font-size: inherit;
		margin-left: 5px !important;
		padding-bottom: 0;
	}

	.mapSummaryLabelLang {
		padding-left: 0;
		width: auto;
	}

	.SamenvattingLinksPassive {
		padding-left: 0 !important;
		background-color: transparent;
		margin-top: -40px;
	}

	.SamenvattingRechts {
		padding: 0 !important;
	}

	.SamenvattingLinks {
		margin-left: 0;
	}

	.SamenvattingRechtsPassive {
		background-color: transparent;
	}

	body .Samenvattingcolumn1 {
		background-color: transparent;
		padding: 0 10px 0 0 !important;
		display: flex;
		flex-direction: column;
		height: 100% !important;
		width: 100% !important;
	}

	body .Samenvattingcolumn2 {
		background-color: transparent !important;
		font-size: 1.5rem !important;
		display: inline-block;
		height: 100% !important;
		width: 100% !important;
		padding-left: 0 !important;
		padding-bottom: 10px !important;
	}

	/* fout melding */
	.jumbotron {
		background-color: transparent !important;
	}

	.container .jumbotron, .container-fluid .jumbotron {
		padding: 0 !important;
	}

	.footer-col.col-sm-6 {
		width: 50%;
	}

	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
		padding: 0 !important;
	}

	footer.space-footer.navbar .container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media screen and (orientation: portrait) and (min-width: 1200px) {
	.text {
		font-size: 1rem !important;
	}

	main > .title-tripleforms {
		width: 100%;
		padding-left: 0px;
	}

	#ctl01_CntWrapper_CntMain_ssm {
		width: 100%;
	}

		#ctl01_CntWrapper_CntMain_ssm .tf-error {
			margin-left: 0px;
		}

	.ctl01_CntWrapper_CntMain_ssm_ctl00_ctl01_cell_1 {
		width: 0% !important;
	}

	.bodySection {
		margin-left: 0;
		background-color: transparent;
	}

	.stepmenu {
		padding: 0;
		width: 100%;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="month"],
	input[type="week"],
	input[type="number"],
	input[type="tel"],
	input[type="time"],
	input[type="datetime-local"],
	input[type="datetime"],
	input[type="search"],
	input[type="url"],
	input[type="date"],
	textarea,
	.dropdownLabelLang {
		border: 2px solid #01689B !important;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="month"]:focus,
		input[type="week"]:focus,
		input[type="number"]:focus,
		input[type="tel"]:focus,
		input[type="time"]:focus,
		input[type="datetime-local"]:focus,
		input[type="datetime"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		input[type="date"]:focus,
		textarea:focus, select:focus {
			background-color: var(--focus-bg);
			outline-offset: 2px !important;
		}

	.change-button, .change-button-alwaysActive {
		width: calc(101% - 0px) !important;
		margin-left: 0;
	}

	input[type=submit].previous-step-button, input[type=submit].next-step-button {
		margin-top: 2rem;
		margin-left: 0;
	}

	.authSection {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 30px;
	}

	.authSectionEH,
	.authSectionDigiD,
	.authSectionContact,
	.authSectionMijnILT,
	.authSectionLogin,
	.authSectionAnoniem {
		width: 100% !important;
		margin-right: 2%;
		margin-bottom: 1px;
	}

	.auth-method-button-EH,
	.auth-method-button-DigiD,
	.auth-method-button-Contactgegevens,
	.auth-method-button-MijnILT,
	.auth-method-button-LogIn,
	.auth-method-button-Anoniem {
		top: 74% !important;
	}

	.dangerBackground, .succesBackground, .toelichtingBackground, .waarschuwingBackground, .waarschuwingBackground-inleiding, .widget.waarschuwingBackground {
		font-size: inherit;
		margin-left: 0 !important;
	}

	.danger, .succes, .toelichting, .waarschuwing {
		padding-left: 30px;
		display: inline-block;
	}

	.waarschuwingInleidingBackground-error {
		--extra-width: 43px;
		--left-offset: 3px;
	}

	.tussenkopje {
		margin-left: 0px !important;
	}

	.headergrijsdiv {
		margin-left: 0px !important;
		padding-bottom: 0 !important;
	}

	.headergrijs {
		font-size: inherit;
		margin-left: 5px !important;
		padding-bottom: 0;
	}

	.mapSummaryLabelLang {
		width: auto;
	}

	.SamenvattingLinksPassive {
		padding-left: 0 !important;
		background-color: transparent;
	}

	.SamenvattingRechtsPassive {
		background-color: transparent;
	}

	.SamenvattingLinks {
		margin-left: 0;
	}

	.Samenvattingcolumn1 {
		background-color: transparent;
		padding: 0 10px 0 0 !important;
	}

	.Samenvattingcolumn2 {
		background-color: transparent !important;
		font-size: 1.5rem !important;
		padding: 0 0 0 10px !important;
	}

	.tableTdHeader {
		font-size: inherit;
	}
}

/* Tablet portrait */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
	.waarschuwingInleidingBackground-error {
		--extra-width: 62px;
	}
}

/* Tablet landscape / small desktop */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
	.waarschuwingInleidingBackground-error {
		--extra-width: 68px;
	}
}

/* Nest Hub Max / 1280px screens */
@media screen and (min-width: 1200px) and (max-width: 1399.98px) {
	.waarschuwingInleidingBackground-error {
		--extra-width: 80px !important;
	}
}

@supports (-webkit-touch-callout: none) {
	/* mainly iOS Safari, also some Samsung browsers */
	.uploadLabelLang.tf-question-control {
		font-size: inherit !important;
		-webkit-appearance: none !important;
		appearance: none !important;
		border-radius: 0 !important;
	}
}