/* @import url("https://necolas.github.io/normalize.css/8.0.1/normalize.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,700i");
@import url("jquery-ui.css");
@import url("theme.css"); */

/* ----------------------------------------------------------------------------------- */
/* START Killswitch voor onderhoud JOIN: e-formulieren uitzetten behalve met uitzonderingen. */
/* Alle regels hierboven tot aangegeven in comments zetten tijdens de onderhoud! */
/* ----------------------------------------------------------------------------------- */
/* #o0xforms-form:not(:where(
	[action*="u_aanmelden_informatieavond_vveloket/new"],
	[action*="u_aanmelden_informatiemarkt_zes/new"],
	[action*="u_aanmelden_thema_avond_burgerberaad_energietransitie/new"],
	[action*="u_aanmelden_uitstootvrij_vervoer_binnenstad/new"],
	[action*="u_aanmelden_webinar_ontheffingen_zes/new"],
	[action*="u_aanmelden_Werkbezoek_Zero_Emissie_Stadsdistributie/new"],
	[action*="u_bevestiging_deelname_burgerberaad/new"],
	[action*="u_eenmalige_trouwlocatie_toestemming/new"],
	[action*="u_grofvuil_afspraak/new"],
	[action*="u_grofvuil_afspraak_annuleren/new"],
	[action*="u_melden_beveiligingslek_ict_probleem/new"],
	[action*="u_melden_zorgfraude/new"],
	[action*="u_racisme_leiden_praat/new"],
	[action*="u_racisme_leiden_praat_en/new"],
	[action*="u_schade_melden_vrijwilliger_mantelzorger/new"],
	[action*="u_sociaal_wijkteam_klacht/new"],
	[action*="___Testformulier_ZSDMS_NatuurlijkPersoon_JOIN_ACCEPTATIE/new"],
	[action*="___Testformulier_ZSDMS_NatuurlijkPersoon_JOIN_PRODUCTIE/new"],
	[action*="_test_Jade/new"],
	[action*="_test_Jade_DigiD/new"]
  )) #o0fr-form-group, 
  
  #o0xforms-form:not(:where(
	[action*="u_aanmelden_informatieavond_vveloket/new"],
	[action*="u_aanmelden_informatiemarkt_zes/new"],
	[action*="u_aanmelden_thema_avond_burgerberaad_energietransitie/new"],
	[action*="u_aanmelden_uitstootvrij_vervoer_binnenstad/new"],
	[action*="u_aanmelden_webinar_ontheffingen_zes/new"],
	[action*="u_aanmelden_Werkbezoek_Zero_Emissie_Stadsdistributie/new"],
	[action*="u_bevestiging_deelname_burgerberaad/new"],
	[action*="u_eenmalige_trouwlocatie_toestemming/new"],
	[action*="u_grofvuil_afspraak/new"],
	[action*="u_grofvuil_afspraak_annuleren/new"],
	[action*="u_melden_beveiligingslek_ict_probleem/new"],
	[action*="u_melden_zorgfraude/new"],
	[action*="u_racisme_leiden_praat/new"],
	[action*="u_racisme_leiden_praat_en/new"],
	[action*="u_schade_melden_vrijwilliger_mantelzorger/new"],
	[action*="u_sociaal_wijkteam_klacht/new"],
	[action*="___Testformulier_ZSDMS_NatuurlijkPersoon_JOIN_ACCEPTATIE/new"],
	[action*="___Testformulier_ZSDMS_NatuurlijkPersoon_JOIN_PRODUCTIE/new"],
	[action*="_test_Jade/new"],
	[action*="_test_Jade_DigiD/new"]
  )) h1 {
	display: none;
  }
  
  #o0xforms-form:not(:where(
	[action*="u_aanmelden_informatieavond_vveloket/new"],
	[action*="u_aanmelden_informatiemarkt_zes/new"],
	[action*="u_aanmelden_thema_avond_burgerberaad_energietransitie/new"],
	[action*="u_aanmelden_uitstootvrij_vervoer_binnenstad/new"],
	[action*="u_aanmelden_webinar_ontheffingen_zes/new"],
	[action*="u_aanmelden_Werkbezoek_Zero_Emissie_Stadsdistributie/new"],
	[action*="u_bevestiging_deelname_burgerberaad/new"],
	[action*="u_eenmalige_trouwlocatie_toestemming/new"],
	[action*="u_grofvuil_afspraak/new"],
	[action*="u_grofvuil_afspraak_annuleren/new"],
	[action*="u_melden_beveiligingslek_ict_probleem/new"],
	[action*="u_melden_zorgfraude/new"],
	[action*="u_racisme_leiden_praat/new"],
	[action*="u_racisme_leiden_praat_en/new"],
	[action*="u_schade_melden_vrijwilliger_mantelzorger/new"],
	[action*="u_sociaal_wijkteam_klacht/new"],
	[action*="___Testformulier_ZSDMS_NatuurlijkPersoon_JOIN_ACCEPTATIE/new"],
	[action*="___Testformulier_ZSDMS_NatuurlijkPersoon_JOIN_PRODUCTIE/new"],
	[action*="_test_Jade/new"],
	[action*="_test_Jade_DigiD/new"]
  )) #o0fr-view::before {
	display: block;
	padding: 20px;
	margin-top: 32px;
	background-color: #b71c1c;
	color: #fff;
	font-family: Open Sans, sans-serif;
	font-size: 15pt;
	line-height: 24pt;
	font-weight: 700;
	content: "Op zaterdag 22 en zondag 23 maart zijn de formulieren niet beschikbaar in verband met werkzaamheden. U kunt de formulieren niet gebruiken op zaterdag vanaf 13.00 uur tot zondag 15.00 uur. Daarna kunt u de formulieren weer gebruiken.";
  } */
/* ----------------------------------------------------------------------------------- */
/* END Killswitch voor onderhoud JOIN: e-formulieren uitzetten behalve met uitzonderingen. */
/* Alle regels hierboven tot aangegeven in comments zetten tijdens de onderhoud! */
/* ----------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------- */
/* START Test voor aanpassing melding verplicht. */
/* ----------------------------------------------------------------------------------- */
/* #o0tab_aanvraag-mandatory-outputtext≡≡c {
	display:none;
}

.tab-visible::before {
	content: "Vragen met een ✱ moet u beantwoorden." !important;
} */
/* ----------------------------------------------------------------------------------- */
/* END Test voor aanpassing melding verplicht invullen. */
/* ----------------------------------------------------------------------------------- */

@font-face {
	font-family: Icons;
	src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff");
	font-weight: 400;
	font-style: normal
}

/* 1. Variabelen */

:root {

	/* color */
	--text-color: #444444;
	--button-color-red: #F54236;
	--button-color-red-darker: #EB1C0D;
	--button-color-red-lighter: #F77066;
	--button-color-bluegrey: #2B3445;
	--button-color-bluegrey-darker: #171C26;
	--button-color-bluegrey-lighter: #3F4C64;


};

.orbeon .alert {
	display: none;
}

/* 1. Indeling Formulieren */


body * {
	font-family: Open Sans, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	/* base 1em = 16px */
	line-height: 1.5em;
	color: #444444;
	color: var(--text-color);
}

.melding-box {
	display: block;
	text-align: center;
	margin: auto;
	width: 100%;
  padding:2em 0;
background: #d62410; 
color:#fff; 
}
.melding-box span {
	display:block;
	max-width: 920px;
	text-align: left;
	margin: 0 auto;
	color: #fff;
}

.melding-box p {
	color: #fff;
}

.orbeon .melding-box h2 {
    font-size: 1.5rem;
    line-height: 1.33333;
	 font-weight: 700;
	 color: #fff;
}

.orbeon .sluiten {
cursor: pointer;
font-family: "Font Awesome 5 Free";
font-weight: 700;
padding-left: 12px;
color: #ffffff;
width: 1em;
height: 1em;
margin: 0;
padding: 0;
position: relative;
right: 8px;
text-align: right;
float: right;
top: 8px;

}

/*

#################################
############ DESKTOP ############
#################################

*/

@media only screen and (min-width: 939px) {
	
	.orbeon .container {
		width: 920px;
	}
	
	.orbeon .tab-visible {
		margin: 0;
		margin-left: 1.5em;
		padding-top: 0.5em;
	}

	.orbeon ul {
	margin-left: 3em;
  }
	
	.orbeon p {
	margin: 0 0 1em 0;
	padding: 0;
  }
	
	.orbeon p:last-of-type {
	margin: 0;
  }
	
  .orbeon p:last-of-type + ul {
	margin-top: 1em;
  }
	
	.orbeon div.block-layout-horizontal .xforms-label {
	display: inline-block;
	width: 100%;
	margin-right: 1em;
  }
	
	.orbeon div.block-layout-horizontal span.xforms-select input[type="checkbox"]:last-of-type {
	margin-bottom: 2em;
  }
	
	.orbeon .block_title {
	margin-top: 0;
	padding-top: 0;
  }
	
	.orbeon .tab-visible .block-layout-vertical {
	margin-bottom: 1em;
  }
	
	/* DIGID Button */

	.digidBox {
		display: block;
		text-align: left;
		position: absolute;
		top: 5px;
		right: 5px;
	}
	
	.orbeon .digid-button .btn {
		background-color: #f44336;
	}
	
	.orbeon .digid-button .btn span {
		color: #fff;
  }
	
	.orbeon label.collapseTriggerLabel {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-bottom: 10px;
	left: calc(50% - 60px);
	height: 50px;
	width: 50px;
	position: relative;
	z-index: 1;
	background-color: #2b3445;
	border-radius: 50%;
	transition: background-color 0.5s;
  }
} /* END SCREEN > 939PX */






/*

#################################
############ MOBILE #############
#################################

*/




@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 928px)
	
   { 


   		.orbeon .block_title {
			margin-top: 0;
			padding-top: 0;
  		}
		
		.orbeon img.headerImage {
			width: 110px;
		}
		
		/* DIGID Button */

		.digidBox {
			display: block;
			text-align: left;
			position: absolute;
			top: 4px;
			left: 130px;
			width: 100px;
		}
		
		.orbeon .digid-button .btn {
			background-color: #f44336;
		}
		
		.orbeon .digid-button .btn span {
			color: #fff;
			display: block;
			
		}
		
		.orbeon .collapseTriggerLabel {
			
		}
		
		.orbeon label.collapseTriggerLabel {
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			margin-bottom: 10px;
			left: calc(100% - 90px);
			height: 50px;
			width: 50px;
			position: relative;
			z-index: 1;
			background-color: #2b3445;
			border-radius: 50%;
			transition: background-color 0.5s;
			display: block;
			position: absolute;
			top: 14px;
  }
		 .melding-box {
			 padding: 0;
			 margin-top: 5em;
			 margin-bottom: 1em;
		 }
		 
		 .melding-box span {
			 padding: 2em 1em;
			 max-width: 100%;
		 }
		 
		 
  
}



/* ALL SCREENS */


.headerImage {
	margin: 0.5em 0 0 0.5em;
}

input[type="checkbox"],
input[type="radio"] {
	transform: scale(1.4);
}


.orbeon a:hover {
	text-decoration-line: none;
}

.orbeon a .xforms-output-output {
	color: #057ABA;
	text-decoration: underline;
}

.orbeon a[target=_target]:after {
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	padding-left: 4px;
	color: #057ABA;
	text-decoration: none;
}




/* TO REMOVE */

.orbeon .tab-visible .box--small .block-layout-vertical {
	margin-bottom: 0;
}

.space-1 {
	display:block;
	height: 2em;
	border-bottom: 4px inset #efefef	
}

.orbeon .datum.block-layout-vertical {
	margin-bottom: 0;
	padding-bottom: 0;
}







/* Logo */


/*###########################*/

/* 2. Typografie Formulieren */

/*###########################*/

.orbeon .orbeon-portlet-body,
.orbeon .xforms-output-output,
.orbeon .xforms-label,
.orbeon label,
.orbeon button,
.orbeon .btn,
.orbeon .xforms-alert.xforms-active,
.orbeon .digid-button .yui-button.yui-push-button,
.xforms-required label em,
.mandatory-text div em,
.orbeon .xforms-visited > .xforms-alert.xforms-active,
.orbeon .xforms-visited.xforms-alert.xforms-active,
.orbeon .xforms-hint-appearance-inline .xforms-hint,
.orbeon .navbar .fr-language-choice,
.orbeon .navbar .fr-goto-content {
	font-family: Open Sans, sans-serif;
	font-size: 1em;
}
/* Titels */

.orbeon h1,
.orbeon h2,
.orbeon h3,
.orbeon h4,
.orbeon h5,
.orbeon h6 {
	color: #444444;
}
@media only screen {
	.orbeon h1,
	.orbeon h1 .xforms-control .xforms-output-output {
		font-size: 1.4em;
		line-height: 1.4em;
		font-weight: 700;
		margin-left: -12px;
		display: inline-block;
	}
	@media only screen and (min-device-width: 940px) {
		.orbeon h1, .orbeon h1 .xforms-control .xforms-output-output {
			font-size: 2.6em;
			line-height: 1.4em;
			font-weight: 300;
		}
	}
}
/* verberg tabblad-titels bovenaan ieder tabblad */

.orbeon h2.section-header div {
	display: none;
}
.orbeon .block_title h3 div.xforms-output-output,
.orbeon .intext_title h3 {
	font-size: 1.1em;
	font-weight: 700;
	/* margin-top: 1em; */
}

.orbeon .xforms-alert em,
.orbeon .xforms-alert i {
	font-size: inherit;
}
/* Dikte letter aanpassen bij extra uitleg in vraag */

.orbeon .xforms-label span {
	font-size: 1em;
	font-weight: 300
}
/* Labels checkbox en radiobuttons */

.orbeon .xforms-items span {
	line-height: 1.4em;
}
.orbeon .fr-orbeon-version {
	font-size: 10px;
}
.orbeon .xbl-fr-section .fr-section-title .fr-section-label {
	font-size: 8px;
}
.orbeon .xbl-fr-section .fr-section-title .fr-section-label label {
	font-size: 18px;
}
.orbeon .navbar .navbar-inner .brand {
	font-size: 20px;
}
/*########################*/

/* 3. Formulier Navigatie */

/*########################*/

.collapseTrigger:checked ~ .collapseTriggerLabel {
	background-color: #2B3445;
}
.fr-formnavigation {
	margin: 10px 15px 0 0;
	min-width: 25%;
}
/* Formulier Buttons */

.orbeon button.btn {
	font-size: 1.2em;
	font-weight: 300;
	text-align: left;
	border: none;
	color: #efebe9;
	padding: .5em;
}
/* Menu Button voor mobiele devices */


/* Tabel */

.orbeon table {
	width: 100%;
}
.orbeon tr th,
.orbeon td {
	padding: 0 20px;
	/* text-align: left; Removed to fix datepicker spacing */
}
.orbeon table tr th:first-of-type,
.orbeon table tr td:first-of-type {
	padding-left: 0;
}
/* input */

.orbeon select,
.orbeon textarea,
.orbeon input[type="text"],
.orbeon input[type="password"],
.orbeon input[type="datetime"],
.orbeon input[type="datetime-local"],
.orbeon input[type="date"],
.orbeon input[type="month"],
.orbeon input[type="time"],
.orbeon input[type="week"],
.orbeon input[type="number"],
.orbeon input[type="email"],
.orbeon input[type="url"],
.orbeon input[type="search"],
.orbeon input[type="tel"],
.orbeon input[type="color"],
.orbeon .uneditable-input {
	display: block;
	width: 100%;
	height: 2.2em;
	padding: .4em .6em;
	/*font-size: 1.2em; remove to fix datepicker*/
	color: #2c3e50;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #dce4ec;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.orbeon textarea:focus,
.orbeon .xforms-required.xforms-required.xforms-empty textarea:focus,
.orbeon input[type="text"]:focus,
.orbeon .xforms-required.xforms-invalid.xforms-visited textarea:focus,
.orbeon .xforms-required.xforms-visited textarea:focus {
	
	border-color: rgb(28, 136, 200);
box-shadow: 0px 0px 2px 1px #C6E2FF;
}
.orbeon .compact.block-layout-vertical{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.orbeon .compact .block-layout-horizontal,
.orbeon .tab-visible .datum, 
.orbeon .tab-visible .verhuisdatum,
.orbeon .tab-visible .trouwdatum,
.orbeon .tab-visible .tijd
{
	display: inline-block;
	width: auto;
	margin-right: 2em;
	margin-bottom: 0em;
	padding-bottom: 0;
	vertical-align: top;
}
.orbeon .groep .compact .block-layout-horizontal:last-of-type{
	margin-right: 0em;
}
.orbeon .groep .compact .xforms-required {
	background-color: transparent;
}
.orbeon textarea {
	height: 8.8em
}
/* Link kleur (tip: gelijk aan kleur van knoppen) */

.orbeon .vragenlijst a {
	padding-left: 5px;
	padding-right: 5px
}

.vragenlijst a:active {
	background-color: rgb(28, 136, 200);
	border: 1px solid rgb(28, 136, 200);
	padding: 10px;
	color: #fff;
	text-decoration-line: none;
}
.vragenlijst a:visited {
	color: #fff;
	text-decoration-line: none;
}
.vragenlijst a {
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
	border: 1px solid rgb(28, 136, 200);
	background-color: rgb(28, 136, 200);
	color: #fff;
	min-height: 32px;
}
.vragenlijst a:hover {
	background-color: #fff;
	border: 1px solid #fff;
	color: #006388;
	text-decoration-line: none;
}
.invulhulp {
	background-color: #f3f3f3;
	border: 1px solid #0e6293;
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	margin-top: 2em;
}
.invulhulp h2 {
	color: #0e6293;
}
/* Link kleur (tip: gelijk aan kleur van knoppen) */

/* Achtergrondkleur titelbalk */

.orbeon .navbar-inverse .navbar-inner {
	background-color: transparent;
	border-bottom: 0;
}
/* Kleuren (menu) buttons */

.yui-skin-sam .yui-button button,
.orbeon button.close,
.orbeon button.btn,
.nav-prev .btn span {
	background-color: #3b4353;
	color: #fff;
	border-radius: 5px;
}
.fr-formnavigation span.button-active button,
.orbeon .btn:focus,
.orbeon .btn:active,
.orbeon .btn.active,
.orbeon .btn:hover span {
	background-color: #2b3445;
	color: #fff;
}
/*

.fr-formnavigation span.button-relevant.button-inactive .xforms-visited button::after {
 content: "\f00c";
 font-family: "Font Awesome 5 Free";
 font-weight:700;
 padding-left: 6px;
}

*/

.fr-formnavigation span.button-relevant.button-inactive.problem button::after {
	content: "\f06a";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	padding-left: 6px;
	color: #ef5350;
}
.fr-formnavigation span.button-active button::before {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	padding-right: 6px;
}
.orbeon .fr-mode-new .xforms-required .xforms-label::after,
.orbeon .fr-mode-edit .xforms-required .xforms-label::after,
.orbeon .fr-mode-test .xforms-required .xforms-label::after,
.orbeon .xforms-dialog .xforms-required .xforms-label::after,
.box--verklaring__checkbox label span span::after {
	content: "\f069";
	font-size: .8em;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #e17100;
	vertical-align:top;
}
.box--verklaring__checkbox label span span::after {
	padding-left: .5em;
}
div.mandatory-text b {
	visibility: hidden;
	position: relative;
	padding: 0 0.2em;
}
div.mandatory-text b:before {
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	content: "\f069";
	font-size: 16px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #E17100;
	vertical-align: middle;
}
.fr-formnavigation span.button-relevant.button-active.problem button,
.fr-formnavigation span.button-relevant.button-inactive.problem button {
	border: 0px;
}
/* 
.fr-formnavigation span.button-relevant.button-inactive .xforms-visited button {
	background-color: #81c784;
}
*/

.fr-formnavigation span.button-relevant.button-inactive.problem button {
	background-color: #ef5350;
	/* red */
	background-color: #0d1921;
	/* blue-ish grey */
	background-color: #2b3445;
}
.fr-formnavigation span.button-relevant.button-inactive.problem button:hover,
.orbeon .btn:hover,
.orbeon .btn:focus,
.orbeon button.close:hover,
.orbeon button.close:focus {
	background-color: #2b3445;
	border-width: 1px;
	color: #fff;
}
/* NOG MEER KLEUREN */

/* Uitgeschakelde buttons (disabled) */

.orbeon .btn.disabled,
.orbeon .btn[disabled],
.orbeon .btn.disabled:hover,
.orbeon .btn[disabled]:hover,
.orbeon .btn.disabled:hover span,
.orbeon .btn[disabled]:hover span {
	background-color: #D1D1D1;
}
/* Standaard velden: kleur kader */

.orbeon .xforms-required.xforms-empty input,
.orbeon .xforms-required.xforms-empty textarea,
.xforms-required-empty .xforms-input-,
.orbeon .xforms-required.xforms-empty select,
.orbeon .xforms-required input,
.orbeon .xforms-required textarea,
.xforms-required-empty .xforms-input-input,
.orbeon .xforms-required input[type="radio"],
.orbeon .xforms-required input[type="checkbox"],
.orbeon select,
.orbeon textarea,
.orbeon input[type="text"],
.orbeon input[type="password"],
.orbeon input[type="datetime"],
.orbeon input[type="datetime-local"],
.orbeon input[type="date"],
.orbeon input[type="month"],
.orbeon input[type="time"],
.orbeon input[type="week"],
.orbeon input[type="number"],
.orbeon input[type="email"],
.orbeon input[type="url"],
.orbeon input[type="search"],
.orbeon input[type="tel"],
.orbeon input[type="color"],
.orbeon .uneditable-input {
	border-color: #DDD;
	border-width: 2px;
	box-shadow: 0px 0px 0px 0px #BADBEE;
}
/* Verplichte velden: Achtergrondkleur blok */

.xforms-required {
	background-color: #f4f4f4;
	padding: 0 10px;
	border-radius: 6px;
}
/* Verplichte velden: kleur van de asterisk '*' */

.xforms-required label em {
	color: #FF7300;
}
/* Kleur kader en schaduw van het huidig actieve veld */

.orbeon textarea:focus,
.orbeon input[type=text]:focus,
.orbeon .xforms-required.xforms-invalid.xforms-visited textarea:focus,
.orbeon .xforms-required.xforms-visited textarea:focus {
	border-color: rgb(28, 136, 200);
	box-shadow: 0px 0px 2px 1px #C6E2FF;
}
/* Kleur kader foutieve velden */

.orbeon .xforms-invalid.xforms-visited .xforms-input-input,
.orbeon .xforms-invalid.xforms-visited input[type="password"],
.orbeon textarea.xforms-invalid.xforms-visited,
.orbeon .xforms-required.xforms-invalid.xforms-visited textarea {
	border-color: #b71c1c;
}


/* Kleur tekst foutmelding of waarschuwing */

.orbeon .xforms-invalid > .xforms-alert.xforms-active,
.orbeon .xforms-alert.xforms-active.xforms-invalid {
	color: #b71c1c;
}
/* Achtergrondkleur responsive menu button */

#collapseTriggerLabel {
	background-color: #78BC06;
}
/* Achtergrondkleur responsive menu button actief */

#collapseTrigger:checked ~ #collapseTriggerLabel {
	background-color: #FF7300;
}
/* formulier stijlen */

.orbeon label {
	margin-left: 1.8em;
}
.orbeon label.radio input[type="radio"],
.orbeon label.checkbox input[type="radio"],
.orbeon label.radio input[type="checkbox"],
.orbeon label.checkbox input[type="checkbox"] {
	margin-top: 6px;
	margin-left: -1.8em;
}
span.xforms-control a img {
	display: none;
}
span.xforms-control a img,
.span.xforms-control a img:hover {
	color: #81c784;
	text-decoration: none;
}
.xforms-trigger a::before {
	content: "\f055";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	padding-right: 6px;
	color: #81c784;
}
.xforms-trigger a:hover:before {
	color: brown;
}

/* OGONE Button */

.orbeon .ogone-amount-div {
	display: none;
}
.orbeon .ogone .span {
	width: 260px;
}
.orbeon .ogone span button {
	background-color: #288877;
}
.orbeon .ogone button span::after {
	content: "\f023";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	padding-left: 12px;
	color: #fff;
}
.orbeon .ogone span button span {
	text-align: center;
	color: #fff;
	font-weight: 700;
}
.orbeon .ogone span img {
	display: none;
}
/* Notificaties */



/* MESSAGE--BELANGRIJK */

.orbeon .message--belangrijk .xforms-output {
	display: block;
	padding: 6px;
	padding-left: 3.2em;
	margin: 2em 0;
	background-color: #fff4dc;
	color: #222;
	border-radius: 5px
}
.orbeon .message--belangrijk .xforms-output::before {
	content: "\f06a";
	font-family: "Font Awesome 5 Free";
	font-size: 1.6em;
	line-height: 1em;
	font-weight: 700;
	padding: 0 12px;
	color: #222;
	float: left;
	margin-left: -2em;
}
.orbeon .message--belangrijk .xforms-output h3 {
	color: #222;
}
/* MESSAGE--INFO */

.orbeon .message--info .xforms-output, 
.orbeon .message--jsLoaded .xforms-output {
	display: block;
	padding: 12px;
	margin: 2em 0;
	background-color: #fff4dc;
	color: #222;
	border-radius: 5px
}
.orbeon .message--info .xforms-output h3, 
.orbeon .message--jsLoaded .xforms-output h3 {
	color: #222;
}
.orbeon .message--info li, 
.orbeon .message--jsLoaded li {
	margin-bottom: 1em;
}

.orbeon .groep .message--belangrijk .xforms-output,
.orbeon .groep .message--info .xforms-output {
	border: 1px solid #baec9c;
}

.orbeon .message--jsLoaded {
	opacity: 0;
} 

@keyframes jsloadmsg { 
	100% { opacity: 1; }
}

@keyframes jsloader { 
	100% { opacity: 0; }
}

.orbeon .message--jsLoaded{
	animation: jsloadmsg .5s forwards;
	animation-delay:6s;
	position: relative;
	top: -60px;
}

.orbeon .jsLoader {
	opacity: 1;
	margin: 0 50%;
	animation: jsloader .1s forwards;
	animation-delay:5s;
	position: relative;
	bottom: -40px;
}

.orbeon .jsLoader div {
	display: block;
	width: 80px;
	height: 40px;
  margin-left: -50px;
	background-size: 100% 100%;
  background-image: url(images/bars-1s-38px.svg);
  background-position: bottom;
  color: transparent;
}





/* STOP */

.orbeon .message--stop .xforms-output {
	display: block;
	padding: 6px;
	padding-left: 3.2em;
	margin: 2em 0;
	background-color: #b71c1c;
	color: #fff;
	border-radius: 5px;
}
.orbeon .message--stop .xforms-output::before {
	content: "\f057";
	font-family: "Font Awesome 5 Free";
	font-size: 1.6em;
	line-height: 1em;
	font-weight: 700;
	padding: 0 12px;
	color: #eee;
	float: left;
	margin-left: -2em;
}
.orbeon .message--stop .xforms-output *,
.orbeon .message--stop .xforms-output h3 {
	color: #eee;
}
.info {
	display: block;
	padding: 1em;
	margin: 0 0 2em 0;
	background-color: #cddc39;
	border-radius: 1em;
}
.info .xforms-output {
	display: block;
}
.belangrijk {
	padding-left: 3.2em;
	color: #222222;
}
.belangrijk .xforms-output::before {
	display: block;
	width: auto;
	content: "\f06a";
	font-family: "Font Awesome 5 Free";
	font-size: 2em;
	line-height: 0.8em;
	font-weight: 700;
	position: absolute;
	float: left;
	margin-left: -1.2em;
}



/* VERPLICHT */

.orbeon .mandatory-text {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.6em;
	margin-top: 1em;
	border-left: 1px solid black;
	color: #ddd;
}
/* BOX--PERSOONSGEGEVENS */

.orbeon .box--persoonsgegevens .block-layout-vertical,
.orbeon .persoonsgegevens .block-layout-vertical {
	margin: .5em 0 0 0;
}
.orbeon .xforms-label,
.box--persoonsgegevens span,
.orbeon .persoonsgegevens span,
.orbeon .vraag {
	/*! font-size: .875em; */
	line-height: 1.6em;
	margin: .5em 0px .5em 0px;
	font-weight: 700;
	color: #333;
}

.orbeon .box--persoonsgegevens .xforms-output,
.orbeon .box--persoonsgegevens .xforms-output label,
.orbeon .persoonsgegevens .xforms-output,
.orbeon .persoonsgegevens .xforms-output label {
	margin: 0;
	padding: 0;
}
.orbeon .nav-next button,
.orbeon .nav-prev button,
.orbeon .VERSTUUR button {
	width: auto;
	min-width: 40px;
	margin-top: 2em;
}
.nav-next button.btn span,
.nav-prev button.btn span,
.VERSTUUR button.btn span {
	color: #fff;
}
/* Verklaring */

.orbeon .box--verklaring {
	display: block;
	padding: 1em;
	background-color: #1976d2;
	color: #fff;
	border-radius: 5px
}
.orbeon .box--verklaring div,
.orbeon .box--verklaring div span {
	background-color: #1976d2;
	color: #fff;
}
.orbeon .box--verklaring .xforms-label::after {
	display: none;
}
.orbeon .box--verklaring .box--verklaring__checkbox label {
	font-weight: 700;
}
/* Hint */

.orbeon .xforms-hint {
	margin-left: 1.65em;
	margin-top: 1.2em;
	max-width: 92%;
	color: #555
}
.orbeon .xforms-hint::before {
	display: block;
	float: left;
	content: "\f06a";
	font-family: "Font Awesome 5 Free";
	background-color: transparent;
	padding: 0;
	margin-right: 5px;
	margin-left: -1.5em;
	font-style: normal;
	color: #555;
}
/* Documenten toevoegen lijst */

.orbeon .box--opsomming .xforms-output-output {
	margin-left: 3em;
}
.orbeon .box--opsomming .block-layout-vertical {
	margin: 0;
	padding: 0;
}
.orbeon .box--opsomming .block-layout-vertical .xforms-output-output::before {
	display: block;
	float: left;
	content: "\f111";
	font-size: .5rem;
	font-family: "Font Awesome 5 Free";
	background-color: transparent;
	padding: 0;
	margin-right: 8px;
	margin-top: 6px;
	margin-left: -1.8em;
	font-weight: 700;
	color: #555;
}
/* Opsomming met checkboxen */

.orbeon .box--opsomming-checkbox .xforms-output-output {
	margin-left: 3em;
}
.orbeon .box--opsomming-checkbox .xforms-label {
	margin: 0;
}
.orbeon .box--opsomming-checkbox .block-layout-vertical {
	margin-bottom: 4px;
}
.orbeon .box--opsomming-checkbox .block-layout-horizontal {
	padding: 0;
	margin: 12px 0;
}
.xforms-output-output {
	margin: 0;
	padding: 0;
}
/* Overzicht */

.orbeon .overzicht .xforms-required,
.orbeon .box--overzicht .xforms-required {
	margin: 0;
	padding: 0;
}
.orbeon .overzicht .xforms-output,
.orbeon .box--overzicht .xforms-output {
	display: inline-block;
	width: 100%;
	font-weight: 300;
}
.orbeon .overzicht .block_title,
.orbeon .box--overzicht .block_title {
	margin-top: 2em;
	display: inline-block;
	width: 100%;
}
.orbeon .overzicht .block_title .xforms-output-output,
.orbeon .box--overzicht .block_title .xforms-output-output {
	font-size: 1.2em;
	font-weight: 700;
	color: #2b3445;
	padding: .125em, 0;
	background-color: #f3f3f3;
	border-bottom: solid 5px #eee;
	padding-left: .5em;
	margin-left: -0.5em;
}
.orbeon .overzicht .xforms-label,
.orbeon .box--overzicht .xforms-label {
	font-size: 1em;
	margin: .25em 0px .25px 0px;
	padding: 0;
	font-weight: 700;
	display: inline-block;
	width: 100%;
}
.orbeon .overzicht .xforms-type-date span,
.orbeon .box--overzicht .xforms-type-date span {
	margin-left: 5px;
}
.orbeon .overzicht .xforms-mediatype-text-html div span,
.orbeon .box--overzicht .xforms-mediatype-text-html div span {
	font-size: 1em;
	font-weight: 700;
}
/* Lijst van Items Toevoegen */

.orbeon .box--toevoegen-regel div h3 {
	width: 2em;
	display: inline-block;
	float: left;
}
.orbeon .box--toevoegen-regel div .intext_title h3 {
	width: auto;
	margin-top: 2px;
}
.orbeon .box--toevoegen-regel .xforms-group {
	margin-left: 3em;
}
.orbeon .box--toevoegen-regel .xforms-group .block-layout-vertical {
	margin: 0;
}
/* Upload widget */

.orbeon span.xforms-upload-info {
	background: none;
}
.orbeon span.xforms-upload-info::before {
	content: "\f0c6";
	font-size: 1rem;
	font-family: "Font Awesome 5 Free";
	background-color: transparent;
	padding: 0;
	margin-right: 8px;
	margin-top: 6px;
	font-weight: 700;
	color: #555;
}
.orbeon .box--overzicht table {
	border-collapse: collapse;
	border-spacing: 0;
	border-color: #93a1a1;
}
.orbeon .box--overzicht table td:first-of-type {
	border-style: solid;
	border-width: 0px;
	overflow: hidden;
	word-break: normal;
	border-color: #93a1a1;
	width: 80%;
}
.orbeon .box--overzicht table td:last-of-type strong {
	background-color: #eeeeee;
	text-align: right;
	align-content: right;
}
/* box--group */

.orbeon .box--group,
.orbeon .groep {
	display: block;
	background-color: #f4f4f4;
	padding: 1rem 1.5rem 0.5rem 1.5rem;
	border-radius: 0.5rem;
	margin-bottom: 1.5rem;
}

.orbeon .groep .groep {
	padding: 0
}

.orbeon .box--group div > .block-layout-vertical, 
.orbeon .groep div > .block-layout-vertical{
	background-color: #f4f4f4;
	padding: 0;
	
}
.orbeon .box--group .inleiding,
.orbeon .groep .inleiding {
	padding-left: 1em;
	border-left: 6px solid #666;
	margin-bottom: 0.5em;
}

.orbeon .groep .message--belangrijk,
.orbeon .groep .message--info,
.orbeon .groep .message--stop {
	margin: 1em 0;
}

.orbeon .groep .message--belangrijk .xforms-output,
.orbeon .groep .message--info .xforms-output,
.orbeon .groep .message--stop .xforms-output {
	margin: 2em auto 1em auto;
	padding: 0.5em;
	padding-left: 3.2em;
	border-radius: 0.5em;
}
.orbeon .groep h3::before {
	content: " ";
	display: inline-block;
	position: relative;
	background-color: #bbb;
	width: .5em;
	height: 1.2em;
	bottom: -2px;
	margin-right: .5em;
	margin-left: -1em;
	border-radius: 0px;
	vertical-align: top; 
}


/* accordion */

.orbeon h3.ui-accordion-header {
	color: #0d1921;
	font-size: .9375rem;
	line-height: 1.25rem;
	font-weight: 700;
	padding: .9375rem .875rem;
	position: relative;
	text-align: left;
	cursor: pointer;
	margin-bottom: 0;
	border: none;
	box-shadow: 0 0 0 1px #e9e9e9;
}
.orbeon h3.ui-accordion-header-active {
	background: #c9c9c9;
	box-shadow: 0 0 0 1px #f9f9f9;
}
.orbeon .ui-accordion-content button {
	margin-top: 12px;
	display: block;
}
.orbeon h3.ui-accordion-header {
	display: block;
	background: #fff;
	font-size: .9375rem;
	line-height: 1.25rem;
	box-shadow: 0 0 0 1px #c9c9c9;
	color: #0d1921;
	font-weight: 700;
	padding: .9375rem 1.875rem;
	position: relative;
	text-align: left;
	cursor: pointer;
	margin-bottom: -1px;
	border-radius: 0;
}
.orbeon h3.ui-accordion-icons .ui-icon {
	display: none;
}
.orbeon h3.ui-accordion-header:before {
	content: "";
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-family: Icons;
	position: absolute;
	left: .625rem;
	display: inline-block
}
.orbeon h3.ui-accordion-header:hover {
	background: #f4f4f4;
	color: #0d1921;
	text-decoration: none
}
.orbeon h3.ui-accordion-header:active,
.orbeon h3.ui-accordion-header:focus {
	background: #c9c9c9;
	color: #0d1921;
	text-decoration: none;
	z-index: 2
}
.orbeon h3.ui-accordion-header[aria-expanded=true] {
	background: #c9c9c9;
	color: #0d1921
}
.orbeon h3.ui-accordion-header[aria-expanded=true]:before {
	transform: rotate(90deg)
}
.orbeon h3.ui-accordion-header button {
	display: block;
	font-weight: 700;
	text-align: left
}
.orbeon div.ui-accordion-content {
	background: #f1f1f1;
	box-shadow: 0 0 0 1px #f9f9f9;
	border: none;
	padding: .9375rem 1.875rem;
}
.orbeon button.btn.selected,
.orbeon button:hover.btn.selected,
.orbeon button:active.btn.selected {
	background-color: #288877;
}
.orbeon .verhuisadres input,
.orbeon .datumpikker input {
	width: auto;
	clear: both;
	margin-bottom: 1.5em;
}
.orbeon .datumpikker span.xforms-alert {
	display: none;
}
.orbeon .verhuisadres .inputAdres {
	display: inline-block;
	width: 100%;
}
.orbeon .verhuisadres .postcode,
.orbeon .verhuisadres .huisnummer,
.orbeon .verhuisadres .huisletter,
.orbeon .verhuisadres .huisnummertoevoeging {
	float: left;
	display: block;
	margin-right: 1em;
}
.orbeon .adresNieuw li {
	list-style: none;
}

.orbeon .inputAdres .xforms-active.xforms-alert:not(:empty) {
	display: none;
}

.orbeon [id*="tab_verhuizing"] [id*="adres-content-item"] {
    margin-top: -2em;
}

.groep-adressen {
	display: inline-block;
	width: 100%;
	margin-top: 2em;
	margin-bottom: 0;
}

.orbeon .groep-adressen .block-layout-vertical {
	margin-bottom: 0;
}

.groep-adressen .blok-adres {
	display: inline-block;
	width: 50%;
	height: auto;
	vertical-align: top;
	margin-bottom: 0;
}

.orbeon button.spinner, 
.orbeon button.spinner:hover, 
.orbeon button.spinner:disabled,
.orbeon button.spinner:disabled:hover{
  	background-size: 100% 100%;
	background-image: url(images/bars-1s-38px.svg);
	background-position: bottom;
	color: transparent;
	background-color: #3b4353;
}

.orbeon .datumpikker {
	
}

.orbeon .datumpikker input {
	display: inline-block;
	float:left;
}

.orbeon .datumpikker .ui-datepicker-trigger {
	display: inline-block;
	position: relative;
	width: 55px;
	float: left;
	margin-bottom: -1em;
	top: -7px;
}


.orbeon .verplicht h3 .xforms-output-output::after {
	content: "\f069";
  	font-size: .6em;
  	font-family: "Font Awesome 5 Free";
  	font-weight: 700;
  	color:#e17100;
 	vertical-align: top;
	margin-left: 4px;
	position: relative;
	
}

.orbeon .verplicht .xforms-label,
.orbeon .verplicht .block-layout-horizontal .xforms-label,
.orbeon .groep.upload .xforms-label {
	display: none;
}

.orbeon .verplicht .xforms-label,
.orbeon .verplicht .block-layout-horizontal .xforms-label,
.orbeon .groep.upload .xforms-label {
	display: none;
}

.orbeon .huisnummer.verplicht .xforms-label::after {
	content: "\f069";
  	font-size: .8em;
  	font-family: "Font Awesome 5 Free";
  	font-weight: 700;
  	color:#e17100;
 	vertical-align: top;
	margin-left: 4px;
	position: relative;
	
}

.orbeon .huisnummer.verplicht .xforms-label,
.orbeon .huisnummer.verplicht .block-layout-horizontal .xforms-label
{
	display: block;
}

.orbeon span.verstuur button {
	background-color: #43820F;
	font-weight: 700;
	float:right;
	text-align: right;
}


.orbeon .upload-block,
.orbeon .groep .upload {
margin-top: -2em;
margin-left: 3px;
}

/*
div.upload--verhuizing, 
.orbeon .upload-block div.xforms-repeat-selected-item-1,
.orbeon .groep .upload {
	background-color: #ffffff;
	border: 2px solid #057ABA;
	text-align: left;
	border-radius: 5px;
	margin-top: .5em;
	display: block;
	height: auto;
	padding: 0;
	min-width: min-content;
	width: auto;
}
*/

/* added for orbeon update filedrop*/
div.upload--verhuizing, 
.orbeon .upload-block div.xforms-repeat-selected-item-1,
.orbeon .groep .upload {
	background-color: transparent;
	border: 0px solid #057ABA;
	text-align: left;
	border-radius:0;
	margin-top: .5em;
	display: block;
	height: auto;
	padding: 0;
	/*min-width: min-content; removed for orbeon update */
	width: auto;
}

.orbeon .xbl-fr-attachment .fr-attachment-drop {
	border: 2px dashed #999;
    position: relative;
    padding-top: 60px;
	border-radius: 5px;
    text-align: center;
	margin: 15px 0;
}
.orbeon .xbl-fr-attachment .fr-attachment-drop::before {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    content: '\f382';
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    font-size: 50px;
    text-align: center;
    color: #999;
}
.orbeon .fr-attachment label.btn.btn-default.fr-attachment-select{
	padding: .5em;
}

.orbeon .fr-attachment label.btn.btn-default.fr-attachment-select,
.orbeon .fr-attachment label.btn.btn-default.fr-attachment-select span{
	background: #3b4353;
    color: #fff;
    border-radius: 5px;
	border-top:0;
	border-bottom: 0;
	margin-left: 0;
	
}
.orbeon .fr-attachment label.btn.btn-default.fr-attachment-select:hover,
.orbeon .fr-attachment label.btn.btn-default.fr-attachment-select:active
.orbeon .fr-attachment label.btn.btn-default.fr-attachment-select span:hover,
.orbeon .fr-attachment label.btn.btn-default.fr-attachment-select span:active{
	background: #2b3445;
    border-width: 1px;
    color: #fff;

}


.orbeon .fr-attachment label.btn.btn-default.fr-attachment-select .xforms-upload-as-button .xforms-output-output, 
.orbeon .groep .upload .fr-attachment label.btn.btn-default.fr-attachment-select .xforms-upload-as-button .xforms-output-output {
	/*color: #fff;
    border-radius: 5px;*/
}

/*until here*/

.orbeon .btn .xforms-upload-as-button input {
	cursor: default;
}

.orbeon .xforms-upload-as-button,
.orbeon .groep .upload .xforms-upload-as-button {
/*	max-width: max-content; db - 01-02-2025 turned off to make upload drop area full width*/
}


.orbeon .xforms-upload-as-button .xforms-output,
.orbeon .groep .upload .xforms-upload-as-button .xforms-output {
	margin-right: 0;
	
}


.orbeon .xforms-upload-as-button .xforms-output-output,
.orbeon .groep .upload .xforms-upload-as-button .xforms-output-output {
	color: #444444;
	color: var(--text-color);
	font-size: 1.1em;
	padding: .5em 1em;
}

/*Adde for upload widget after orbeon update */
.orbeon .xforms-upload-as-button .fr-attachment-select .xforms-output-output,
.orbeon .groep .upload .xforms-upload-as-button .fr-attachment-select .xforms-output-output {
	color: #fff;
	font-size: 1.1em;
	padding: .5em 1em;
}
/*Til here*/

.orbeon .upload-block a,
.orbeon .upload-block a:hover,
.orbeon .upload-block a:before,
.orbeon .groep .upload a,
.orbeon .groep .upload a:hover,
.orbeon .groep .upload a:before
 {
	color: #43820F;
	font-size: .9em;
}

.orbeon span.xforms-upload-info,
.orbeon .groep .upload span.xforms-upload-info {
	background-color: #ffffff;
	padding: .5em 1em;
	margin: 2px;
	border-radius: 4px
	
}

.orbeon .upload-block .xforms-active.xforms-alert {
	word-break: break-word;
white-space: normal;
height: auto;
width: auto;
font-size: .7em;
text-indent: 0;
padding: 0 2em;
background-image: none;
}


/* Niet tonen */

.mobiel .nietMobiel {
	display: none;
}

.desktop .nietDesktop {
	display: none;
}

span.label-voorbeeld {
	display: inline-block;
	float: left;
	left: 0px;
	margin-top: -0.8em;
	margin-bottom: 0.5em;	
}

span.label-voorbeeld em,
span.label-voorbeeld i
 {
	color: #666;
	font-size: 0.9em;
}

.browserMessage {
	display:block;
	padding: 2em;
	margin-bottom: 2em;
	background-color: #b71c1c;
	color: #ffffff;
	text-align: center;	
	
}

.browserMessage span {
	display: block;
	max-width: 660px;
	align-self: center;
	margin: 0 auto;
	color: #fff;
}

.browserMessage span strong{
	color: #fff;
}

.browserMessage span::before {
	display: block;
	width: auto;
	content: "\f06a";
	font-family: "Font Awesome 5 Free";
	font-size: 3em;
	line-height: 0.8em;
	font-weight: 700;
	position: absolute;
	float: left;
	margin-left: -1.5em;
}

.orbeon .xforms-alert.xforms-active::before {
	display:none;
}

.orbeon .xforms-invalid > .xforms-alert.xforms-active {
    background: transparent;
    border: none;
}

.orbeon .euro i {
	display: block;
	float:left;
	/* margin-right: 1.2em; */
	position: relative;
	font-size: 1.2em;
	top: 7px;
}

.orbeon .euro input {
	width: 12em;
	margin-left: 1.2em;
}

.orbeon .euro i {
	display: block;
	float:left;
	/* margin-right: 1.2em; */
	position: relative;
	font-size: 1.2em;
	top: 12px;
}

.mobiel .orbeon .euro input {
	width: 10em;
	margin-left: 1.2em;
}

/* Added fixes for orbean update*/
.orbeon .datepicker-dropdown {
	padding: 15px;
}