/* versie: v8.0.0.202411 */
bijdrage-formulier {
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 20px;
	min-height: 200px;
}

bijdrage-mainbar {
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 20px;
	max-width: 960px;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
}

bijdrage-mainbar a {
	text-decoration: none;
}

bijdrage-mainbar-menu {
	position: relative;
	z-index: 1;
	float: right;
	margin: 0 0 0 20px;
	padding: 0 5px 5px 5px;
}

bijdrage-mainbar-hamburger {
	float: right;
	position: relative;
}

bijdrage-mainbar-menu_item {
	display: block;
	padding: 5px;
}

bijdrage-mainbar-menu_items {
	visibility: hidden;
	white-space: nowrap;
	position: absolute;
}

bijdrage-mainbar-menu:hover bijdrage-mainbar-menu_items {
	visibility: visible;
}

bijdrage-mainbar-menu .menu-container {
	position: relative;
}

bijdrage-mainbar a:hover {
	text-decoration: none;
}

bijdrage-mainbar-menu_text:hover,
bijdrage-mainbar-exit_text:hover,
bijdrage-mainbar-menu_item:hover,
bijdrage-mainbar-menu_item_exit:hover {
	filter: invert(0.2);
}

bijdrage-mainbar-menu_item_exit,
bijdrage-mainbar-menu_uitleg {
	display: none;
}

bijdrage-mainbar-menu_text {
	display: block;
	text-align: right;
}

bijdrage-mainbar-exit_text {
	float: right;
	margin: -5px 0 0 20px;
	padding: 5px;
}

@media only screen and (max-width: 960px) {

	bijdrage-mainbar-menu_text,
	bijdrage-mainbar-exit_text {
		display: none;
	}

	bijdrage-mainbar-menu {
		display: block;
		cursor: pointer;
	}

	bijdrage-mainbar-menu_items {
		right: 0;
		z-index: 99;
	}

	bijdrage-mainbar-menu_item_exit {
		display: block;
		font-style: italic;
		text-align: right;
		margin-top: 15px;
		padding: 5px;
	}

	.menu-container {
		margin-top: 20px;
	}

	bijdrage-mainbar-hamburger_uitleg {
		display: inline;
	}

	bijdrage-mainbar-hamburger span {
		display: block;
		width: 20px;
		height: 2px;
		margin-bottom: 3px;
		position: relative;
		border-radius: 3px;
		z-index: 1;
	}

	bijdrage-mainbar-menu_items.show {
		right: 0;
	}
}

bijdrage-formulier .menu_item {
	background-color: #6CA9D7;
	color: white;
	text-align: center;
	min-width: 250px;
	padding: 20px 40px;
	margin-right: 10px;
	margin-bottom: 5px;
	font-size: 1.5em !important;
	white-space: nowrap;
	display: inline-block;
	vertical-align: middle;
}

bijdrage-formulier .menu_item:hover {
	color: black;
}

bijdrage-formulier .menu_item div {
	color: white;
}

bijdrage-formulier .h_title {
	display: inline-block;
}

bijdrage-formulier .h_voorwaarden {
	position: absolute;
	background-color: wheat;
	border: 2px solid black;
	border-radius: 3px;
	padding: 11px;
	max-width: 500px;
	z-index: 99;
}

bijdrage-formulier p.toelichting {
	padding-left: 30px;
	padding-right: 30px;
	max-width: 600px;
}

bijdrage-formulier span.toelichting.klik {
	text-decoration: underline; 
	cursor: pointer;
}

bijdrage-formulier img.h_plaatje {
	width: 180px;
	height: auto !important;
	float: right;
	margin-left: 20px;
}

bijdrage-formulier betaalwijze-notitie {
	font-size: 0.8em;
	font-style: italic;
	white-space: nowrap;
	vertical-align: super;
}

bijdrage-formulier .item-grid {
	margin-bottom: 0 !important;
	max-width: 1000px;
	display: grid;
	justify-content: stretch;
	grid-template-columns: [first] 1fr [line2] 3fr [last];	
}

bijdrage-formulier .item-grid.login {
	padding-left: 30px;
}

bijdrage-formulier .no-indent {
	padding-left: 0 !important;
}

bijdrage-formulier .bestelling .factuuradres {
	background-color: white;
	padding: 5px;
	min-width: 300px;
}

bijdrage-formulier .item-grid.bestelling {
	grid-template-columns: [first] auto [line1] 1fr [last];
}

bijdrage-formulier .item-grid.bestelling-stappen {
	grid-template-columns: [first] auto [line1] auto [line2] 1fr [last];
	column-gap: 0;
}


bijdrage-formulier .item-grid.bestelling-overzicht {
	margin-top: 20px;
	grid-template-columns: [first] auto [line1] auto [line2] 1fr [last];
}

bijdrage-formulier .item-grid.bestelling-akkoord {
	grid-template-columns: [first] auto [line1] 1fr [last];
}

bijdrage-formulier .bestelling-email {
	margin-top: 20px;
	grid-template-columns: [first] 1fr [line1] 3fr [last];
}

bijdrage-formulier .item-grid.bestelling-akkoord .item {
	margin-top: 5px;
}

bijdrage-formulier .item-grid.bestelling-akkoord .item input[type=checkbox] {
	margin-top: 2px !important;
	transform: scale(1.5);
}

bijdrage-formulier .item-grid > .item {
	padding: 0 10px 10px 5px;
}

bijdrage-formulier .item-grid > .item.item-fonds {
	padding: 10px 10px 20px 5px;
}

bijdrage-formulier .item-grid .item.kop {
	grid-column-start: 1;
}

bijdrage-formulier .item-grid .item.zebra {
	background-color: #f7f7f7;
}

bijdrage-formulier .item-grid.login .item.kop span.toelichting {
	font-size: 0.8em;
	display: block;
	line-height: 15px;
}

bijdrage-formulier .item-grid .item.full {
	grid-column: 1 / 3;
}

bijdrage-formulier .item-grid .item.full.divider {
	height: 15px;
}

bijdrage-formulier .item-grid.login .item.input {
	width: 200px;
}

bijdrage-formulier .bedragen-item-grid {
	display: grid;
	grid-template-columns: [first] 2fr [line2] 2fr [line3] 1fr [last];
	grid-row-gap: 5px;
	column-gap: 5px;
}

bijdrage-formulier .bedragen-item-grid.border {
	border: 1px solid black;
	border-radius: 2px;
	padding: 0 2px;
}

bijdrage-formulier .bedragen-item-grid .item.bedrag {
	text-align: right;
	padding-right: 6px;
}

bijdrage-formulier .bedragen-item-grid .item.bedrag.single {
	text-align: left;
}

bijdrage-formulier .bedragen-item-grid .item.totaal {
	margin-bottom: 10px;
}

bijdrage-formulier .bedragen-item-grid .item.double-span {
	grid-column: span 2;
}

bijdrage-formulier .invoer-item-grid {
	display: grid;
	grid-template-columns: [first] 2fr [line2] 2fr [line3] 1fr [last];
	column-gap: 5px;
}

bijdrage-formulier .item.betaalwijze span {
	display: block;
}

bijdrage-formulier .item.nultoezegging {
	margin-bottom: 20px;
}

bijdrage-formulier .item.kop.titel,
bijdrage-formulier .bijdrage-formulier-controle .item-grid .item.kop span:first-child {
	font-weight: bold;
}

bijdrage-formulier .th {
	grid-column-start: 1;
	border: none !important;
	font-weight: bold;
}

bijdrage-formulier .totaal {
	border-top: 1px solid black !important;
	font-weight: bold;
}

bijdrage-formulier div.submit {
	margin-top: 10px;
	margin-left: 30px;
}

bijdrage-formulier .pt-10 {
	padding-top: 10px;
}

bijdrage-formulier div.submit input.submit {
	max-width: 300px;
}

bijdrage-formulier .nowrap {
	white-space: nowrap;
}

bijdrage-formulier .rood {
	color: red;
}

bijdrage-formulier .vet {
	font-weight: bold;
}

bijdrage-formulier .betaalwijze-item-grid,
bijdrage-formulier .abonnement-item-grid {
	display: grid;
	grid-template-columns: [first] 30px [line2] 1fr [last];
	align-items: baseline;
	grid-row-gap: 5px;
}

bijdrage-formulier .betaalwijze-item-grid .item,
bijdrage-formulier .abonnement-item-grid .item {
	margin-bottom: 0.375rem;
}

bijdrage-formulier div.melding {
	color: red;
	font-size: 0.9em !important;
	font-weight: normal !important;
	display: block !important;
	padding: 0 !important;
	line-height: normal !important;
}

bijdrage-formulier instellingen-zichtbaar {
	display: block;
	color: red;
	background-color: white;
	padding: 5px;
	font-size: 0.9em;
	margin-bottom: 1rem;
}

bijdrage-formulier a {
	font-size: 1em !important;
}

bijdrage-formulier select {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #B9C2CB !important;
	padding: 3px 50px 3px 3px;
	margin: 0 !important;
	color: #3d5166 !important;
	background-color: #F9FAFB !important;
	font-size: 100% !important;
	width: auto;
}

bijdrage-formulier div.info {
	background: white;
	color: #EE993A;
	padding: 5px;
}

bijdrage-formulier div#div_verdelen_nietmogelijk {
	visibility: hidden;
	position: absolute;
	width: 300px;
}

bijdrage-formulier label {
	font-weight: normal !important;
	font-size: 100% !important;
	cursor: pointer;
	line-height: normal !important;
	vertical-align: middle;
	display: inline-block;
}

bijdrage-formulier .termijn-verdeling {
	margin-top: 5px;
	max-width: 450px;
}

bijdrage-formulier .termijn-verdeling .td {
	width: auto;
}

bijdrage-formulier .termijn-verdeling label {
	width: 20px;
	background-color: inherit;
	text-align: center;
	min-width: 20px;
	display: inline-block;
}

bijdrage-formulier .termijn-verdeling span {
	background-color: inherit;
	font-weight: normal !important;
	font-size: 100% !important;
	line-height: 100% !important;
	vertical-align: top;
	display: inline-block;
}

bijdrage-formulier .disabled,
bijdrage-formulier .readonly {
	cursor: not-allowed !important;
}

bijdrage-formulier .bestelling-stappen .item {
	font-size: 1em;
	white-space: nowrap;
	padding: 5px 10px;
}

bijdrage-formulier .item.active {
	font-weight: bold;
}

bijdrage-formulier input[type=number]:-webkit-inner-spin-button,
bijdrage-formulier input[type=number]:-webkit-outer-spin-button {
	-webkit-appearance: none !important;
	padding: 5px !important;
	margin: 0 !important;
	display: inline-block !important;
	max-width: inherit !important;
	min-height: 20px !important;
	line-height: normal;
	color: black !important;
}

bijdrage-formulier input[type=number] {
	-moz-appearance: textfield !important;
	border: 1px solid #d2d2d2 !important;
	background-color: white;
	font-size: 100% !important;
	padding: 5px !important;
	margin: 0 !important;
	display: inline-block !important;
	max-width: inherit !important;
	min-height: 20px !important;
	line-height: normal;
	color: black !important;
}

bijdrage-formulier input[type=text] {
	border: 1px solid #d2d2d2 !important;
	background-color: white;
	font-size: 100% !important;
	padding: 5px !important;
	margin: 0 !important;
	display: inline-block !important;
	min-height: 20px !important;
	line-height: normal;
	color: black !important;
}

bijdrage-formulier input.melding {
	border: 1px solid red !important;
}

bijdrage-formulier input[type=checkbox] {
	margin: 5px 5px 0 5px !important;
	line-height: normal;
	vertical-align: top;
	position: relative;
}

bijdrage-formulier input[type=submit],
bijdrage-formulier input[type=button],
bijdrage-formulier button {
	cursor: pointer;
	font-size: 1em;
	padding: 5px 10px !important;
	min-height: 30px !important;
	margin-bottom: 5px;
	margin-right: 20px;
	max-width: 300px;
}

bijdrage-formulier .btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

bijdrage-formulier .btn-primary {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
	font-weight: normal;
}

bijdrage-formulier .btn-primary:hover {
	color: #fff;
	background-color: #0b5ed7;
	border-color: #0a58ca;
}

bijdrage-formulier .btn-secondary {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
	font-weight: normal;
}

bijdrage-formulier .btn-secondary:hover {
	color: #fff;
	background-color: #5c636a;
	border-color: #565e64;
}

bijdrage-formulier .voorstel {
	display: flex;
	margin-bottom: 2px;
}

bijdrage-formulier .btn.btn-lg {
	flex-grow: 1;
	max-height: 32px;
	max-width: 200px;
}

bijdrage-formulier .submit.tr input[type=submit] {
	margin-top: 10px;
	margin-left: 30px;
}

bijdrage-formulier input:disabled {
	cursor: not-allowed !important;
}

bijdrage-formulier input[type=text].disabled {
	background-color: #ddd !important;
	color: blue !important;
}

bijdrage-formulier :placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #B3B6B7 !important;
	opacity: 1;
	/* Firefox */
}

bijdrage-formulier :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #B3B6B7 !important;
}

bijdrage-formulier :-ms-input-placeholder {
	/* Microsoft Edge */
	color: #B3B6B7 !important;
}

bijdrage-formulier .hide {
	display: none;
}
bijdrage-formulier .hidden {
	display: inherit !important;
	visibility: hidden !important;
}

bijdrage-formulier input[type=text] {
	max-width: 300px;
}

bijdrage-formulier .item.bedrag input[type=text],
bijdrage-formulier .item.jaarbedrag input[type=text] {
	text-align: right;
	max-width: 40vw;
}

bijdrage-formulier input.opmerking {
	min-width: 300px;
	max-width: unset;
}

bijdrage-formulier .italic {
	font-style: italic;
}

#post_overlay {
	position: fixed;
	display: none;
	z-index: 300;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.post_overlayBG {
	background-color: #000;
	filter: alpha(opacity=25);
	opacity: 0.25;
}

#post_load {
	position: fixed;
	display: none;
	z-index: 500;
	top: 33vh;
	left: calc(50% - 150px);
	background-color: white;
	text-align: center;
	border-radius: 10px;
	padding: 20px;
	width: calc(100vw - 40px);
	max-width: 300px;
}

@-webkit-keyframes spin {
	0% {
		left: 25%;
		top: 50%;
	}

	50% {
		left: 75%;
		top: 50%;
	}

	100% {
		left: 25%;
		top: 50%;
	}
}

@keyframes spin {
	0% {
		left: 25%;
		top: 50%;
	}

	50% {
		left: 75%;
		top: 50%;
	}

	100% {
		left: 25%;
		top: 50%;
	}
}

#post_load_image {
	width: 10px;
	height: 10px;
	position: relative;
	background: black;
	border-radius: 5px;
	-webkit-animation: spin 3s infinite;
	animation: spin 3s infinite;
}

@media only screen and (max-width: 850px) {
	bijdrage-formulier {
		text-align: left !important;
		margin-bottom: 5px !important;
		margin-left: 5px !important;
		margin-right: 5px !important;
	}
		
	bijdrage-formulier .item-grid {
		grid-row-gap: 0;
	}
	
	bijdrage-formulier .item-grid.login .item {
		grid-column: 1/2;
	}
	
	bijdrage-formulier .bijdrage-formulier-invoer .item-grid {
		grid-template-columns: [first] 1fr [last];
	}
	
	bijdrage-formulier .item-grid .item.full {
		grid-column: 1/2;
	}

	bijdrage-formulier .item-grid .item.kop {
		padding-bottom: 10px;
	}
	
	bijdrage-formulier .item.kop.titel {
		margin-top: 20px;
		font-size: 1.3em;
	}

	bijdrage-formulier .item.betaalwijze span {
		display: inline;
	}

	bijdrage-formulier .item-grid .kop span:first-child {
		font-weight: bold;
	}
	
	bijdrage-formulier span.toelichting {
		float: right;
	}
	

	bijdrage-formulier p.toelichting {
		padding-left: 0;
	}

	bijdrage-formulier div.submit {
		margin-left: 0;
	}

	bijdrage-formulier div.submit input.submit {
		max-width: 80%;
	}
	
	bijdrage-formulier .item-grid.login .item.terug {
		margin-top: 20px;
		grid-column: 1/1;
	}
	
	bijdrage-formulier .item-grid.login .item.opvragen {
		margin-top: 20px;
		grid-column: 2/2;
	}

	bijdrage-formulier .bestelling-stappen .item {
		font-size: 0.9em;
	}
}

@media only screen and (max-width: 960px) {
	img.h_plaatje {
		display: none;
	}
}