@import '_content/Dbo365.DebComponents/Dbo365.DebComponents.g6damfjwwd.bundle.scp.css';
@import '_content/PSC.Blazor.Components.Chartjs/PSC.Blazor.Components.Chartjs.bundle.scp.css';

/* _content/Dbo365.Debiteuren/Components/Attachment/AttachmentItem.razor.rz.scp.css */
p[b-97ysngmywy] {
	margin: 0;
}

.download-document-container[b-97ysngmywy] {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
	border: 2px solid var(--main-color-limegreen);
	border-radius: .6rem;
}

.pdf[b-97ysngmywy] {
	border: 2px solid var(--main-color-limegreen);
}

.download-document[b-97ysngmywy] {
	overflow: hidden;
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 10px;
	color: black;
	height: 100%;
}

.name-document[b-97ysngmywy] {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 10px;
	color: black;
	height: 100%;
}

.download-document span[b-97ysngmywy] {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.image-container[b-97ysngmywy] {
	height: 100%;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

[b-97ysngmywy] .image-container img {
	width: auto;
	height: -webkit-fill-available;
	max-height: 18px;
}

[b-97ysngmywy] .download-document-container img {
	height: 18px;
}

.download-document-container .actions a[b-97ysngmywy] {
	display: flex;
	align-items: center;
	gap: 1rem;
	justify-content: start;
	border: unset;
	border-radius: 4px;
	padding: 0px;
	margin: 0px;
	padding: 1rem;
	border-radius: unset;
}


@container conection (min-width: 400px) {
	.download-document-container .actions[b-97ysngmywy] {
		grid-column: unset;
		width: fit-content;
		border: unset;
		overflow: unset;
	}
}

.actions[b-97ysngmywy] {
	display: flex;
	flex-wrap: nowrap;
}

[b-97ysngmywy] .actions .upload label {
	height: 100%;
}

.download-document-container .actions[b-97ysngmywy]  a {
	cursor: pointer;
	border-left: 1px solid #D1F951 !important;
}

	.download-document-container .actions[b-97ysngmywy]  a:hover {
		background-color: #D1F951;
	}


.download-document-container.not-signed[b-97ysngmywy], [b-97ysngmywy] .download-document-container.not-signed .upload, [b-97ysngmywy] .download-document-container.not-signed .delete-new-contract-btn {
	border-color: black !important;
}

.download-document-container.rejected[b-97ysngmywy], [b-97ysngmywy] .download-document-container.rejected .upload, [b-97ysngmywy] .download-document-container.rejected .delete-new-contract-btn {
	border-color: red !important;
}

a[b-97ysngmywy] {
	position: relative;
}


	a[data-title][b-97ysngmywy]::after,
	a[data-title][b-97ysngmywy]::before {
		--background-color: rgba(0, 0, 0, 0.8);
		pointer-events: none;
		position: absolute;
		opacity: 0;
		transition: opacity 0.3s ease;
		left: 50%;
		transform: translateX(-50%);
	}

	a[data-title][b-97ysngmywy]::after {
		content: attr(data-title);
		bottom: calc(100% + 5px);
		background-color: var(--background-color);
		color: white;
		padding: 5px 10px;
		border-radius: 5px;
		white-space: nowrap;
	}

	a[data-title][b-97ysngmywy]::before {
		content: "";
		top: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: var(--background-color) transparent transparent transparent;
	}

	a[data-title]:is(:hover, :focus)[b-97ysngmywy]::after,
	a[data-title]:is(:hover, :focus)[b-97ysngmywy]::before {
		opacity: 1;
	}
/* _content/Dbo365.Debiteuren/Components/Button/DisputeButton.razor.rz.scp.css */
.frame-button[b-qtcuxv82qv] {
	border-radius: 5px;
	padding: 10px 10px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
	position: relative;
	overflow: hidden;
}

.vector[b-qtcuxv82qv] {
	flex-shrink: 0;
	position: relative;
	overflow: visible;
}

.button-text[b-qtcuxv82qv] {
	/*         color: var(--light, #ffffff); */
	text-align: left;
	font: 400 16px "Sora", sans-serif;
	position: relative;
}

.hover-green:hover[b-qtcuxv82qv] {
	background-color: var(--main-color-limegreen) !important; /* Important to override inline styles */
}

.dropdown[b-qtcuxv82qv] {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateY(100%);
	background-color: white;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.hover-green:hover .dropdown[b-qtcuxv82qv] {
	display: block;
}
/* _content/Dbo365.Debiteuren/Components/Calendar/LinearCalendar.razor.rz.scp.css */
p[b-nh13v80ss4] {
	margin: 0;
	text-align: left;
	line-height: normal;
	font-size: 1.3rem;
}

button[b-nh13v80ss4] {
	all: revert;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	border: unset;
	background-color: unset;
}

main[b-nh13v80ss4] {
	--_padding-side: 1.5rem;
	height: 100vh;
	height: 100svh;
	background-color: white;
	overflow: auto;
	position: relative;
	display: grid;
	grid-template-areas: 
		'header'
		'main'
		'footer';
	grid-template-rows: auto 1fr auto;
}

	main > header[b-nh13v80ss4] {
		grid-area: header;
	}

	main > section[b-nh13v80ss4] {
		grid-area: main;
	}

	main > footer[b-nh13v80ss4] {
		grid-area: footer;
	}

.currentDate[b-nh13v80ss4] {
	background-color: #d1f9513b;
}

.functions[b-nh13v80ss4] {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	width: 100%;
	padding: 2rem var(--_padding-side);
	border-bottom: 2px solid #A1A1A1;
}

	.functions > div[b-nh13v80ss4] {
		align-items: center;
		display: flex;
		gap: 1rem;
		width: fit-content;
	}

.search-container[b-nh13v80ss4] {
	border: 1px solid #ccc;
	border-radius: .6rem;
	overflow: hidden;
	display: grid;
	grid-template-columns: auto 230px;
}

	.search-container:hover[b-nh13v80ss4] {
		border: 1px solid #2a2a2a;
	}

	.search-container:focus-within[b-nh13v80ss4] {
		border: var(--_1-gray-focus, 1px solid #5F5F5F);
	}

	.search-container span[b-nh13v80ss4] {
		background-color: transparent;
		color: var(--dark-color, #020202);
		padding: .5rem;
		border-radius: .6rem;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		width: auto;
	}

		.search-container span svg[b-nh13v80ss4] {
			height: 100%;
			width: auto;
			padding: 0.5rem;
		}

			.search-container span svg *[b-nh13v80ss4] {
				stroke: #a9a9a9;
				transition: all .3s ease-in-out;
			}

		.search-container span:hover svg *[b-nh13v80ss4]{
			stroke: black;
		}


	.search-container input[b-nh13v80ss4] {
		width: 100%;
		border: none;
	}


.container[b-nh13v80ss4] {
	display: grid;
	grid-template-columns: auto auto auto 1fr;
	grid-template-rows: fit-content(100%);
	--_1-border-dash: 1px dashed #E5E5E5;
	--_1-border-solid: 1px solid #A1A1A1;
	--_1-border-transparent: 1px solid transparent;
	--_2-border-dash: 2px dashed #E5E5E5;
	--_2-border-solid: 2px solid #A1A1A1;
	--_2-border-transparent: 2px solid transparent;
	overflow-x: auto;
	overflow-y: scroll;
	min-height: fit-content;
}

[b-nh13v80ss4] .container > *{
	height: fit-content;
}

[b-nh13v80ss4] .container section {
	grid-column: span 4;
	display: grid;
	grid-template-columns: subgrid;
}

[b-nh13v80ss4] .container .row {
	grid-column: span 4;
	display: grid;
	grid-template-columns: subgrid;
	min-height: 45px;
	border-bottom: var(--_1-border-solid);
}

/*::deep .container > .row:nth-child(1) {
	background-color: white;
	position: sticky;
	top: 0;
	z-index: 2;
}
*/
/*::deep .container > .row:nth-last-child(1) {
	border-bottom: unset;
}*/

[b-nh13v80ss4] .container .row > button {
	z-index: 2;
}

[b-nh13v80ss4] .container .row > button,
[b-nh13v80ss4] .container .row > p {
	grid-column: span 3;
	display: grid;
	column-gap: 1rem;
	grid-template-columns: subgrid;
	border-right: var(--_2-border-solid);
	padding: 0 1.5rem 0 var(--_padding-side);
	white-space: nowrap;
	position: sticky;
	left: 0;
	z-index: 4;
	background-color: white;
}

[b-nh13v80ss4] .container .row > button:is(:hover, :focus){
	background-color: #E5E5E5;
}


[b-nh13v80ss4] section > button {
	background-color: #D1F951;
	grid-column: span 4;
	display: grid;
	grid-template-columns: subgrid;
	padding: 0;
	border-bottom: 1px solid #A1A1A1;
}

	[b-nh13v80ss4] section > button:is(:hover, :focus) {
		background-color: #A1D104;
	}

	[b-nh13v80ss4] section > button span {
		grid-column: span 3;
		padding: 1rem 1.5rem 1rem var(--_padding-side);
		position: sticky;
		left: 0;
		text-align: left;
		color: black;
	}

[b-nh13v80ss4] .agendaDayContainer {
	display: flex;
}

	[b-nh13v80ss4] .agendaDayContainer div {
		position: relative;
		min-width: 50px;
		width: 100%;
		height: 100%;
		border-right: var(--_1-border-solid);
		display: flex;
		align-items: center;
		justify-content: center;
	}

		[b-nh13v80ss4] .agendaDayContainer div:nth-last-child(1) {
			border-right: unset;
		}

.agendaDayContainer button[b-nh13v80ss4] {
	width: 100%;
	height: 100%;
}


[b-nh13v80ss4] .carName p,
[b-nh13v80ss4] .brandName p {
	padding: 0 0.5rem;
}

.container .row button:is(:hover, :focus)[b-nh13v80ss4] {
	background-color: #E5E5E5;
}

[b-nh13v80ss4] .agendaDayContainer .column:nth-last-child(1) {
	border-right: none;
}

[b-nh13v80ss4] section::-webkit-scrollbar {
	/*	display: none;*/
}


[b-nh13v80ss4] .Verhuur-rental-bar {
	all: revert;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: .3rem;
	min-height: 70%;
	z-index: 3;
	transition: background-color .2s ease-in-out, border .2s ease-in-out, min-width .5s ease-in-out;
	text-align: unset;
	border-radius: 0.6rem;
	display: flex;
	align-items: center;
	gap: .5rem;
	overflow: hidden;
}


		[b-nh13v80ss4] .Verhuur-rental-bar svg{
			height: 100%;
			width: 18px;
			min-width: 18px;
			stroke: red;
			fill: red;
		}

[b-nh13v80ss4] .Verhuur-rental-bar span {
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
}

/* starts before month and stops after month */
[b-nh13v80ss4] .full-page {
	border-radius: 0;
	transform: translate(0, -50%);
	width: calc(100%);
	grid-template-columns: 1fr;
}

	[b-nh13v80ss4] .full-page .start-declarant {
		display: none;
	}

		[b-nh13v80ss4] .full-page .start-declarant::after {
			display: none;
		}

	[b-nh13v80ss4] .full-page .end-declarant {
		display: none;
	}

		[b-nh13v80ss4] .full-page .end-declarant::after {
			display: none;
		}

/* starts in month ends after month */
[b-nh13v80ss4] .start-only {
	border-radius: .6rem 0 0 .6rem;
	transform: translate(5px, -50%);
	width: calc(100% - 5px);
	grid-template-columns: auto 1fr;
}

	[b-nh13v80ss4] .start-only .end-declarant {
		display: none;
	}

		[b-nh13v80ss4] .start-only .end-declarant::after {
			display: none;
		}

/* ends in month start before month */
[b-nh13v80ss4] .end-only {
	border-radius: 0 .6rem .6rem 0;
	transform: translate(0, -50%);
	width: calc(100% - 5px);
	grid-template-columns: 1fr auto;
}

	[b-nh13v80ss4] .end-only .start-declarant {
		display: none;
	}

		[b-nh13v80ss4] .end-only .start-declarant::after {
			display: none;
		}

/** starts in month an ends in month */
[b-nh13v80ss4] .start-end {
	border-radius: .6rem;
	transform: translate(5px, -50%);
	width: calc(100% - 10px);
	grid-template-columns: auto 1fr auto;
}

/** start end date - time display */
/*::deep .Verhuur-rental-bar div {
	height: 1rem;
	width: 1rem;
	min-width: auto !important;
	position: relative;
	border-radius: 100px;
	background-color: #133416;
}
*/
.sidebar-header[b-nh13v80ss4] {
	z-index: 4;
}

footer[b-nh13v80ss4] {
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
	justify-content: space-between;
	padding: 1rem var(--_padding-side);
	border-top: 1px solid #A1A1A1;
	z-index: 3;
	position: relative;
	grid-column: span 4;
}

	footer > *[b-nh13v80ss4] {
		display: flex;
		gap: 5px;
	}

	footer .page-select[b-nh13v80ss4] >  * > *{
		width: 100%;
	}



.row[b-nh13v80ss4] {
	animation: shrinkOut-b-nh13v80ss4 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

	.row.collapse[b-nh13v80ss4] {
		min-height: 0;
		max-height: 0;
		animation: shrinkIn-b-nh13v80ss4 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
		overflow: hidden;
	}

[b-nh13v80ss4] .collapse > * {
	height: 0px;
	overflow: hidden;
}

.additional-buttons[b-nh13v80ss4] {
	display: contents;
}

[b-nh13v80ss4] .additional-buttons > button {
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	--main-color: #133416;
	--main-color-limegreen: #D1F951;
	--main-color-lightbeige: #EFEDE0;
	--_padding-side: 3rem;
	font-family: inherit;
	overflow: visible;
	text-transform: none;
	font-size: 1.4rem;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	white-space: normal;
	-webkit-appearance: button;
	box-sizing: border-box;
	cursor: pointer;
	margin: 0;
	width: fit-content;
	line-height: normal;
	box-shadow: unset;
	background-color: transparent;
	border: 1px solid var(--primary-hover, #ccc);
	color: var(--dark-color, #020202);
	padding: .8rem 1.2rem;
	border-radius: .6rem;
	display: flex;
	height: 100%;
	align-items: center;
	transition: all .3s ease-in-out;
}


[b-nh13v80ss4] .additional-buttons > button:hover {
	background-color: var(--primary-color, #D1F951);
	border: 1px solid #2a2a2a;
}
@keyframes shrinkIn-b-nh13v80ss4 {
	0% {
		min-height: 45px;
		max-height: 100%;
		opacity: 0;
	}

	100% {
		min-height: 0;
		max-height: 0;
		height: 0;
		opacity: 0;
	}
}

@keyframes shrinkOut-b-nh13v80ss4 {
	0% {
		min-height: 0;
		opacity: 0;
	}

	100% {
		min-height: 45px;
		max-height: 100%;
		opacity: 1;
	}
}
@media only screen and (min-width: 650px) {
	main[b-nh13v80ss4] {
		--_padding-side: 3rem;
	}

	footer[b-nh13v80ss4] {
		flex-direction: unset;
	}

	footer .page-select[b-nh13v80ss4] >  * > * {
		width: unset;
	}
}

@media only screen and (min-width: 1200px) {

	.functions[b-nh13v80ss4] {
		display: grid;
		grid-template-columns: 1fr auto auto auto;
	}
}

[b-nh13v80ss4] .reservation {
	background-color: #9CD2F0;
	border: 1px solid #9CD2F0;
	color: var(--dark-color, #020202);
}

	[b-nh13v80ss4] .reservation:hover,
	[b-nh13v80ss4] .reservation:focus {
		background-color: #67A7CB;
		border: 1px solid #67A7CB;
	}

[b-nh13v80ss4] .rental {
	background-color: #D1F951;
	border: 1px solid var(--primary-color, #D1F951);
	color: var(--dark-color, #020202);
}

	[b-nh13v80ss4] .rental:hover,
	[b-nh13v80ss4] .rental:focus {
		background-color: var(--primary-hover, #A1D104);
		border: 1px solid var(--primary-hover, #A1D104);
	}


	[b-nh13v80ss4] .rental.contract-send {
		background-color: #ffba4f;
		border: 1px solid #ffba4f;
		color: var(--dark-color, #020202);
	}

		[b-nh13v80ss4] .rental.contract-send:hover,
		[b-nh13v80ss4] .rental.contract-send:focus {
			background-color: #db9f41;
			border: 1px solid #db9f41;
		}


	[b-nh13v80ss4] .rental.takeout-finished {
		background-color: #bade6d;
		border: 1px solid #bade6d;
		color: var(--dark-color, #020202);
	}

		[b-nh13v80ss4] .rental.takeout-finished:hover,
		[b-nh13v80ss4] .rental.takeout-finished:focus {
			background-color: #7a9542;
			border: 1px solid #7a9542;
		}


	[b-nh13v80ss4] .rental.intake-finished {
		background-color: #949c96;
		border: 1px solid #949c96;
		color: var(--dark-color, #020202);
	}

	[b-nh13v80ss4] .rental.intake-finished:hover,
	[b-nh13v80ss4] .rental.intake-finished:focus {
		background-color: bade6d;
		border: 1px solid #767c78;
	}


[b-nh13v80ss4] .sidebar-header button svg.Ascending {
	transform: rotate(-90deg) scale(.8);
}

[b-nh13v80ss4] .sidebar-header button svg.Descending {
	transform: rotate(90deg) scale(.8);
}

[b-nh13v80ss4] .sidebar-header button svg.None {
	display: none ;
}


/* styling fixes */
main[b-nh13v80ss4] {
	max-height: 100svh;
	height: auto;
	overflow: hidden;
}

	main .functions[b-nh13v80ss4] {
		position: sticky;
		top: 0;
		background: white;
		z-index: 999;
	}

	main > section.container[b-nh13v80ss4] {
		overflow: scroll;
		/* max-height: 900px; */
		height: auto;
		min-height: auto;
	}

	main > footer[b-nh13v80ss4] {
		/* position: sticky; */
		position: sticky;
		bottom: 0;
		background: white;
		z-index: 500;
	}

.agendaDayContainer[b-nh13v80ss4]  .display-text-wrapper {
	display: grid;
	grid-template-rows: auto auto;
	justify-content: left;
	height: auto;
}

	.agendaDayContainer[b-nh13v80ss4]  .display-text-wrapper span:last-child {
		font-size: .9rem;
	}
/* _content/Dbo365.Debiteuren/Components/DebButtonCell.razor.rz.scp.css */
[b-l1e42tnv1z] .tooltip-wrapper div{
	width: fit-content;
}

button[b-l1e42tnv1z] {
	all: revert;
	background-color: transparent;
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

	button:not([disabled])[b-l1e42tnv1z] {
		cursor: pointer;
	}

button[disabled][b-l1e42tnv1z]{
	background-color: transparent !important;
	border-color: transparent !important;
}

[b-l1e42tnv1z] svg {
	height: 1lh;
	width: auto;
	line-height: normal;
}
/* _content/Dbo365.Debiteuren/Components/DebCell.razor.rz.scp.css */
td.NewLayout[b-v3eq6sqlh8] {
	padding: 1rem;
	border: none;
	line-height: normal;
	color: black;
}

	td.NewLayout.interactive[b-v3eq6sqlh8] {
		cursor: pointer;
	}

.deb-checkbox[b-v3eq6sqlh8] {
	width: 1%;
}

	.deb-checkbox[b-v3eq6sqlh8]  .CheckboxSlide {
		margin: auto;
	}
/* _content/Dbo365.Debiteuren/Components/DebDictionaryEditor.razor.rz.scp.css */
table[b-7ycn5bght4] {
	width: 100%;
	border-collapse: collapse;
}

th[b-7ycn5bght4], td[b-7ycn5bght4] {
	border: 1px solid #ccc;
}

	td:last-child[b-7ycn5bght4] {
		text-align: center;
	}

	td input[b-7ycn5bght4] {
		width: 100%;
	}

	td button[b-7ycn5bght4] {
		width: 100px;
		margin: auto;
	}
/* _content/Dbo365.Debiteuren/Components/DebDraggableList2.razor.rz.scp.css */
li[b-1c3ycatds2] {
	position: relative;
}

	li:hover[b-1c3ycatds2] {
		position: relative;
		background-color: #E1E5E9;
	}

	li:not(:nth-last-child(1))[b-1c3ycatds2]::after{
		content: "";
		display: block;
		height: 1px;
		width: 100%;
		background-color: rgba(0,0,0,.2);
	}

.drop-placeholder[b-1c3ycatds2] {
	position: absolute;
	width: 100%;
	display: grid;
	justify-content: center;
	user-select: none;
	pointer-events: none;
}

	.drop-placeholder span[b-1c3ycatds2] {
		width: fit-content;
		background-color: #555;
		color: white;
		padding: 0 1rem;
		border-radius: 50rem;
		z-index: 2;
	}

	.drop-placeholder.top[b-1c3ycatds2] {
		top: 0;
		transform: translateY(50%);
	}

	.drop-placeholder.bottom[b-1c3ycatds2] {
		bottom: 0;
		transform: translateY(50%);
	}

	.drop-placeholder[b-1c3ycatds2]::before {
		content: '';
		top: 50%;
		transform: translateY(-50%);
		height: 2px;
		background-color: #555;
		width: 100%;
		height: 2px;
		display: grid;
		position: absolute;
		user-select: none;
		pointer-events: none;
	}
/* _content/Dbo365.Debiteuren/Components/DebEditor.razor.rz.scp.css */
[b-of2n1197bs] input[type="date"], [b-of2n1197bs] input[type="datetime-local"] {
	width: 165px; /*auto; /* !important */
}

.deb-28w[b-of2n1197bs] {
	width: 28%;
}

.NewLayout[b-of2n1197bs] {
	--transition-time: .1s;
	--height: 30px;
	--input-padding: 1rem;
}

	.NewLayout input[b-of2n1197bs],
	.NewLayout[b-of2n1197bs]  input,
	select.NewLayout[b-of2n1197bs] {
		width: 100%;
		padding: var(--input-padding);
	}

.Checkbox.NewLayout[b-of2n1197bs] {
	--checkbox-height: calc(var(--height) * 0.7);
	position: relative;
	width: fit-content;
}

	.Checkbox.NewLayout input[b-of2n1197bs] {
		position: absolute;
		inset: 0;
		opacity: 0;
		z-index: 2;
		cursor: pointer;
	}

	.Checkbox.NewLayout .box[b-of2n1197bs] {
		position: relative;
		width: var(--checkbox-height);
		height: var(--checkbox-height);
		display: grid;
		align-items: center;
		justify-content: center;
		background-color: white;
		border-radius: .3rem;
		border: 1px solid rgba(0,0,0,.2);
	}

	.Checkbox.NewLayout input:not([disabled]):hover ~ .box[b-of2n1197bs] {
		border-color: rgba(0,0,0,.7);
	}


	.Checkbox.NewLayout:focus-within .box[b-of2n1197bs] {
		outline: auto;
	}

	.Checkbox.NewLayout svg.marker[b-of2n1197bs] {
		display: grid;
		align-items: center;
		justify-content: center;
		padding: 3px;
		height: 100%;
		width: auto;
		fill: white;
	}

	.Checkbox.NewLayout:has(input:checked) .marker[b-of2n1197bs] {
		fill: black;
	}

	.Checkbox.NewLayout input[disabled][b-of2n1197bs] {
		cursor: auto;
	}

	.Checkbox.NewLayout:has(input[disabled]) svg.marker[b-of2n1197bs] {
		background-color: #ccc;
		fill: black;
	}

	.Checkbox.NewLayout:has(input[disabled][checked]) svg.marker[b-of2n1197bs] {
		background-color: #ccc;
		fill: black;
	}

	.Checkbox.NewLayout:has(input[disabled]) .box[b-of2n1197bs] {
		transform: unset;
		background-color: #e9ecef;
	}

@media (prefers-reduced-motion: no-preference) {
	.Checkbox.NewLayout .box[b-of2n1197bs] {
		transition: all var(--transition-time) ease-in-out;
	}

	.Checkbox.NewLayout svg.marker[b-of2n1197bs] {
		transition: all var(--transition-time) ease-in-out;
	}
}
/* -------------------- checkbox-slider -------------------- */
.CheckboxSlide.NewLayout[b-of2n1197bs] {
	position: relative;
	width: fit-content;
}

	.CheckboxSlide.NewLayout input[b-of2n1197bs] {
		position: absolute;
		inset: 0;
		opacity: 0;
		z-index: 2;
		cursor: pointer;
	}

	.CheckboxSlide.NewLayout .box[b-of2n1197bs] {
		position: relative;
		width: calc(var(--height) * 2);
		height: var(--height);
		background-color: white;
		border-radius: .4rem;
		padding: var(--padding);
		border: 1px solid rgba(0,0,0,.2);
		cursor: pointer;
	}

	.CheckboxSlide.NewLayout input:not([disabled]):hover ~ .box[b-of2n1197bs] {
		border-color: rgba(0,0,0,.7);
	}


	.CheckboxSlide.NewLayout:focus-within .box[b-of2n1197bs] {
		outline: auto;
	}

	.CheckboxSlide.NewLayout svg.marker[b-of2n1197bs] {
		height: calc(var(--height)* .7);
		width: auto;
		border-radius: .2rem;
		position: relative;
		background-color: #D9D9D9;
		top: 50%;
		left: calc(var(--height) * .15);
		transform: translateY(-50%);
		fill: #D9D9D9;
		display: grid;
		align-items: center;
		justify-content: center;
		padding: 5px;
	}

	.CheckboxSlide.NewLayout:has(input:checked) .marker[b-of2n1197bs] {
		left: calc(100% - (var(--height) - (var(--height) * .15) + 1px ));
		background-color: #77C44C;
		fill: white;
	}

	.CheckboxSlide.NewLayout input[disabled][b-of2n1197bs] {
		cursor: auto;
	}

	.CheckboxSlide.NewLayout:has(input[disabled]) .box[b-of2n1197bs] {
		transform: unset;
		background-color: #e9ecef;
	}

	.CheckboxSlide.NewLayout:has(input[disabled]) svg.marker[b-of2n1197bs] {
		background-color: #ccc;
		fill: #ccc;
	}

@media (prefers-reduced-motion: no-preference) {
	.CheckboxSlide.NewLayout .box[b-of2n1197bs] {
		transition: all var(--transition-time) ease-in-out;
	}

	.CheckboxSlide.NewLayout:active .box[b-of2n1197bs] {
		transform: scale(.9);
	}

	.CheckboxSlide.NewLayout svg.marker[b-of2n1197bs] {
		transition: all var(--transition-time) ease-in-out;
		transition: all var(--transition-time) cubic-bezier(0.175, 0.885, 0.5, 1.35);
	}
}

/* -------------------- Currency -------------------- */
.currency.NewLayout[b-of2n1197bs] {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	padding: 0 0 0 var(--input-padding);
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	background-color: white;
}

	.currency.NewLayout:not(.disabled):hover[b-of2n1197bs] {
		border-color: rgba(0,0,0,.7);
	}

	.currency.NewLayout.disabled[b-of2n1197bs] {
		background-color: #e9ecef;
	}

	.currency.NewLayout:focus-within[b-of2n1197bs] {
		outline: auto;
	}

	.currency.NewLayout input[b-of2n1197bs] {
		border: none;
		padding-left: 0;
		background-color: transparent;
	}

		.currency.NewLayout input:hover[b-of2n1197bs],
		.currency.NewLayout input:focus[b-of2n1197bs] {
			border: none;
		}

@media (prefers-reduced-motion: no-preference) {
	.currency.NewLayout[b-of2n1197bs] {
		transition: all var(--transition-time) ease-in-out;
	}
}

/* -------------------- Int32 -------------------- */
.Int32.NewLayout[b-of2n1197bs] {
	display: flex;
	align-items: center;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	background-color: white;
}

	.Int32.NewLayout:not(.disabled):hover[b-of2n1197bs] {
		border-color: rgba(0,0,0,.7);
	}

	.Int32.NewLayout.disabled[b-of2n1197bs] {
		background-color: #e9ecef;
	}

	.Int32.NewLayout:focus-within[b-of2n1197bs] {
		outline: auto;
	}

	.Int32.NewLayout input[b-of2n1197bs] {
		border: none;
		border-radius: .6rem 0 0 .6rem;
	}

		/* Chrome, Safari, Edge, Opera */
		.Int32.NewLayout input[b-of2n1197bs]::-webkit-outer-spin-button,
		.Int32.NewLayout input[b-of2n1197bs]::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}

		/* Firefox */
		.Int32.NewLayout input[type=number][b-of2n1197bs] {
			-moz-appearance: textfield;
		}

	.Int32.NewLayout .arrow-container[b-of2n1197bs] {
		display: grid;
		height: calc(1lh + 2rem);
		line-height: normal;
	}

		.Int32.NewLayout .arrow-container span[b-of2n1197bs] {
			all: revert;
			background-color: transparent;
			border: none;
			padding: 0 1rem;
			display: grid;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			user-select: all;
		}

			.Int32.NewLayout .arrow-container span:nth-child(1)[b-of2n1197bs]  svg {
				position: relative;
				top: .3rem;
			}

			.Int32.NewLayout .arrow-container span:nth-child(2)[b-of2n1197bs]  svg {
				position: relative;
				bottom: .3rem;
			}

@media (prefers-reduced-motion: no-preference) {
	.Int32.NewLayout[b-of2n1197bs] {
		transition: all var(--transition-time) ease-in-out;
	}
}

/* -------------------- Email -------------------- */
.Email-container.NewLayout[b-of2n1197bs] {
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 1fr auto;
	align-items: center;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	background-color: white;
}

	.Email-container.NewLayout:not(.disabled):hover[b-of2n1197bs] {
		border-color: rgba(0,0,0,.7);
	}


	.Email-container.NewLayout.disabled[b-of2n1197bs] {
		background-color: #e9ecef;
	}

	.Email-container.NewLayout:has(input:focus)[b-of2n1197bs] {
		outline: auto;
	}

	.Email-container.NewLayout input[b-of2n1197bs] {
		border: none;
		padding-right: 0;
	}

		/* Chrome, Safari, Edge, Opera */
		.Email-container.NewLayout input[b-of2n1197bs]::-webkit-outer-spin-button,
		.Email-container.NewLayout input[b-of2n1197bs]::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}

		/* Firefox */
		.Email-container.NewLayout input[type=number][b-of2n1197bs] {
			-moz-appearance: textfield;
		}

	.Email-container.NewLayout a[b-of2n1197bs] {
		all: revert;
		background-color: transparent;
		border: none;
		border-radius: 0 .6rem .6rem 0;
		display: grid;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		height: calc(1lh + 1rem + 1rem);
		width: calc(1lh + 1rem + 1rem);
		line-height: normal;
	}

		.Email-container.NewLayout a:focus[b-of2n1197bs] {
			border-radius: .6rem;
		}

		.Email-container.NewLayout a[b-of2n1197bs]  svg {
			box-shadow: none;
			height: 1lh;
			width: auto;
			line-height: normal;
		}

@media (prefers-reduced-motion: no-preference) {
	.Email-container.NewLayout[b-of2n1197bs] {
		transition: all var(--transition-time) ease-in-out;
	}

		.Email-container.NewLayout a[b-of2n1197bs] {
			transition: background-color var(--transition-time) ease-in-out;
		}
}

/* -------------------- Phone -------------------- */
.Phone-container.NewLayout[b-of2n1197bs] {
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 1fr auto;
	align-items: center;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	background-color: white;
}

	.Phone-container.NewLayout:not(.disabled):hover[b-of2n1197bs] {
		border-color: rgba(0,0,0,.7);
	}


	.Phone-container.NewLayout.disabled[b-of2n1197bs] {
		background-color: #e9ecef;
	}

	.Phone-container.NewLayout:has(input:focus)[b-of2n1197bs] {
		outline: auto;
	}

	.Phone-container.NewLayout input[b-of2n1197bs] {
		border: none;
		padding-right: 0;
	}

		/* Chrome, Safari, Edge, Opera */
		.Phone-container.NewLayout input[b-of2n1197bs]::-webkit-outer-spin-button,
		.Phone-container.NewLayout input[b-of2n1197bs]::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}

		/* Firefox */
		.Phone-container.NewLayout input[type=number][b-of2n1197bs] {
			-moz-appearance: textfield;
		}

	.Phone-container.NewLayout a[b-of2n1197bs] {
		all: revert;
		background-color: transparent;
		border: none;
		border-radius: 0 .6rem .6rem 0;
		display: grid;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		height: calc(1lh + 1rem + 1rem);
		width: calc(1lh + 1rem + 1rem);
		line-height: normal;
	}

		.Phone-container.NewLayout a:focus[b-of2n1197bs] {
			border-radius: .6rem;
		}

		.Phone-container.NewLayout a[b-of2n1197bs]  svg {
			box-shadow: none;
			height: 1lh;
			width: auto;
			line-height: normal;
		}

@media (prefers-reduced-motion: no-preference) {
	.Phone-container.NewLayout[b-of2n1197bs] {
		transition: all var(--transition-time) ease-in-out;
	}

		.Phone-container.NewLayout a[b-of2n1197bs] {
			transition: background-color var(--transition-time) ease-in-out;
		}
}

/* -------------------- Date -------------------- */

.date.NewLayout[b-of2n1197bs]  input {
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	background-color: white;
	width: 100%;
}

	.date.NewLayout[b-of2n1197bs]  input:not([disabled]):hover {
		border-color: rgba(0,0,0,.7);
	}


	.date.NewLayout[b-of2n1197bs]  input[disabled] {
		background-color: #e9ecef;
	}

@media (prefers-reduced-motion: no-preference) {
	.date.NewLayout[b-of2n1197bs]  input {
		transition: all var(--transition-time) ease-in-out;
	}
}

/* -------------------- Date -------------------- */

.date.NewLayout[b-of2n1197bs]  input {
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	background-color: white;
	width: 100%;
}

	.date.NewLayout[b-of2n1197bs]  input:not([disabled]):hover {
		border-color: rgba(0,0,0,.7);
	}


	.date.NewLayout[b-of2n1197bs]  input[disabled] {
		background-color: #e9ecef;
	}

@media (prefers-reduced-motion: no-preference) {
	.date.NewLayout[b-of2n1197bs]  input {
		transition: all var(--transition-time) ease-in-out;
	}
}

/* -------------------- textarea -------------------- */

.textarea.NewLayout textarea[b-of2n1197bs] {
	border-radius: .6rem;
	background-color: white;
	border: 1px solid rgba(0,0,0,.2);
	width: 100%;
	height: unset !important;
	min-height: calc(10lh + 2 * var(--input-padding));
	max-height: calc(10lh + 2 * var(--input-padding));
	padding: var(--input-padding);
	line-height: 1;
	padding-inline: calc(var(--input-padding) + calc((1lh - 1ex) / 2));
	resize: none;
	box-shadow: none;
}

	.textarea.NewLayout textarea:not([disabled]):hover[b-of2n1197bs] {
		border-color: rgba(0,0,0,.7);
	}

	.textarea.NewLayout textarea:not([disabled]):focus[b-of2n1197bs] {
		outline: auto;
		outline-color: black;
	}

@supports (field-sizing: content) {
	.textarea.NewLayout textarea[b-of2n1197bs] {
		min-height: calc(3lh + 2 * var(--input-padding));
		max-height: calc(10lh + 2 * var(--input-padding));
		field-sizing: content;
	}
}

.textarea.NewLayout textarea[desabled][b-of2n1197bs] {
	background-color: #e9ecef;
}



@media (prefers-reduced-motion: no-preference) {
	.textarea.NewLayout textarea[b-of2n1197bs] {
		transition: all var(--transition-time) ease-in-out;
	}
}

/* -------------------- Days -------------------- */
.days.NewLayout p[b-of2n1197bs] {
	margin: 0;
	line-height: normal;
}

.days.NewLayout[b-of2n1197bs] {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	background-color: white;
}

	.days.NewLayout:not(.disabled):hover[b-of2n1197bs] {
		border-color: rgba(0,0,0,.7);
	}


	.days.NewLayout.disabled[b-of2n1197bs] {
		background-color: #e9ecef;
	}

	.days.NewLayout .input-container[b-of2n1197bs] {
		display: flex;
		align-items: center;
		width: 100%;
		gap: .5rem;
	}

	.days.NewLayout:focus-within[b-of2n1197bs] {
		outline: auto;
	}

	.days.NewLayout input[b-of2n1197bs] {
		border: none;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		text-align: right;
		border-radius: .6rem 0 0 .6rem;
	}

		/* Chrome, Safari, Edge, Opera */
		.days.NewLayout input[b-of2n1197bs]::-webkit-outer-spin-button,
		.days.NewLayout input[b-of2n1197bs]::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}

		/* Firefox */
		.days.NewLayout input[type=number][b-of2n1197bs] {
			-moz-appearance: textfield;
		}

	.days.NewLayout .arrow-container[b-of2n1197bs] {
		display: grid;
		height: 100%;
	}

		.days.NewLayout .arrow-container span[b-of2n1197bs] {
			all: revert;
			background-color: transparent;
			border: none;
			padding: 0 2rem;
			display: grid;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			user-select: all;
		}

			.days.NewLayout .arrow-container span:nth-child(1)[b-of2n1197bs]  svg {
				position: relative;
				top: .3rem;
			}

			.days.NewLayout .arrow-container span:nth-child(2)[b-of2n1197bs]  svg {
				position: relative;
				bottom: .3rem;
			}

@media (prefers-reduced-motion: no-preference) {
	.days.NewLayout[b-of2n1197bs] {
		transition: all var(--transition-time) ease-in-out;
	}
}

/* -------------------- slider -------------------- */

.Slider[b-of2n1197bs] {
	--color: #007bff;
	--border-radius: 50rem;
	--track-height: .6rem;
	position: relative;
	width: 100%;
	display: flex;
	align-content: center;
	padding: .3rem 0;
}

	.Slider:focus-within[b-of2n1197bs] {
		outline: auto;
	}

	.Slider .slider-inner-container[b-of2n1197bs] {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center
	}

	.Slider .slider-filled[b-of2n1197bs] {
		height: var(--track-height, .6rem);
		border-radius: var(--border-radius, 50rem);
	}

	.Slider .slider-filled[b-of2n1197bs] {
		background-color: #77C44C;
	}

	.Slider input[b-of2n1197bs] {
		-webkit-appearance: none;
		-moz-appearance: none;
		position: relative;
		display: block;
		width: 100%;
		background-color: rgba(0,0,0,0);
		cursor: pointer;
		padding: 0;
		margin: 0;
		border: none;
	}

		.Slider input[b-of2n1197bs]::-webkit-slider-runnable-track {
			background-color: hsla( 0, 0%, 0%, .07);
			border-radius: var(--border-radius, 50rem);
			width: 100%;
			height: var(--track-height, .6rem);
			margin: 10px 0;
		}

		.Slider input[b-of2n1197bs]::-moz-range-track {
			background-color: hsla( 0, 0%, 0%, .07);
			border-radius: var(--border-radius);
			width: 100%;
			height: var(--track-height, .6rem);
			margin: 10px 0
		}

		.Slider input[b-of2n1197bs]::-webkit-slider-thumb {
			appearance: none;
			-webkit-appearance: none;
			border: 3px solid white;
			border-radius: 50%;
			cursor: pointer;
			transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
			width: 16px;
			background-color: #727276;
			height: 16px;
			box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
			transform: translate(0, -5px);
		}

		.Slider input[b-of2n1197bs]::-moz-range-thumb {
			appearance: none;
			-webkit-appearance: none;
			border: none;
			border-radius: 50%;
			cursor: pointer;
			transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
			width: 16px;
			background-color: #727276;
			height: 16px;
			box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
			transform: translate(0, -5px);
		}

		.Slider input:focus[b-of2n1197bs]::-webkit-slider-thumb,
		.Slider input:active[b-of2n1197bs]::-webkit-slider-thumb {
			box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), 0 0 6px 2px rgba(0, 0, 0, 0.25);
		}

		.Slider input:focus[b-of2n1197bs]::-moz-range-thumb,
		.Slider input:active[b-of2n1197bs]::-moz-range-thumb {
			box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), 0 0 6px 2px rgba(0, 0, 0, 0.25);
		}

	.Slider:has(input:disabled) .slider-filled[b-of2n1197bs] {
		background-color: #77C44C;
	}

	.Slider input:disabled[b-of2n1197bs] {
		cursor: default;
	}

		.Slider input:disabled[b-of2n1197bs]::-webkit-slider-runnable-track {
			background-color: #ccc;
		}

		.Slider input:disabled[b-of2n1197bs]::-moz-range-track {
			background-color: #ccc;
		}

		.Slider input:disabled[b-of2n1197bs]::-webkit-slider-thumb {
			background-color: #ccc;
			cursor: default;
		}

		.Slider input:disabled[b-of2n1197bs]::-moz-range-thumb {
			background-color: #ccc;
			cursor: default;
		}

		.Slider input:disabled:focus[b-of2n1197bs]::-webkit-slider-thumb,
		.Slider input:disabled:active[b-of2n1197bs]::-webkit-slider-thumb {
			box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
		}

		.Slider input:disabled:focus[b-of2n1197bs]::-moz-range-thumb,
		.Slider input:disabled:active[b-of2n1197bs]::-moz-range-thumb {
			box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
		}

/* -------------------- DateTime -------------------- */

.datetime.NewLayout[b-of2n1197bs]  input {
	display: block;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	background-color: white;
}

	.datetime.NewLayout[b-of2n1197bs]  input:not([disabled]):hover {
		border-color: rgba(0,0,0,.7);
	}

	.datetime.NewLayout[b-of2n1197bs]  input:not([disabled]):focus {
		outline: auto;
	}

	.datetime.NewLayout[b-of2n1197bs]  input[disabled] {
		background-color: #e9ecef;
	}

@media (prefers-reduced-motion: no-preference) {
	.datetime.NewLayout[b-of2n1197bs]  input {
		transition: background-color var(--transition-time) ease-in-out;
	}
}

/* -------------------- Time -------------------- */

.time.NewLayout[b-of2n1197bs]  input {
	display: block;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	background-color: white;
}

	.time.NewLayout[b-of2n1197bs]  input:not([disabled]):hover {
		border-color: rgba(0,0,0,.7);
	}

	.time.NewLayout[b-of2n1197bs]  input:not([disabled]):focus {
		outline: auto;
	}

	.time.NewLayout[b-of2n1197bs]  input[disabled] {
		background-color: #e9ecef;
	}

@media (prefers-reduced-motion: no-preference) {
	.time.NewLayout[b-of2n1197bs]  input {
		transition: background-color var(--transition-time) ease-in-out;
	}
}

/* -------------------- Iban -------------------- */

.iban.NewLayout input[b-of2n1197bs] {
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	background-color: white;
	width: 100%;
	padding: var(--input-padding);
}

	.iban.NewLayout input:not([disabled]):hover[b-of2n1197bs] {
		border-color: rgba(0,0,0,.7);
	}

	.iban.NewLayout input:focus[b-of2n1197bs] {
		outline: auto;
	}

	.iban.NewLayout input[desabled][b-of2n1197bs] {
		background-color: #e9ecef;
	}



@media (prefers-reduced-motion: no-preference) {
	.iban.NewLayout input[b-of2n1197bs] {
		transition: all var(--transition-time) ease-in-out;
	}
}

/* -------------------- default -------------------- */

.default.NewLayout input[b-of2n1197bs] {
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .6rem;
	background-color: white;
	width: 100%;
	padding: var(--input-padding);
}

.default.NewLayout.readonly input[b-of2n1197bs], .default.NewLayout.readonly[b-of2n1197bs] {
	background-color: #e9ecef;
}

	.default.NewLayout input:not([disabled]):hover[b-of2n1197bs] {
		border-color: rgba(0,0,0,.7);
	}

	.default.NewLayout input:focus[b-of2n1197bs] {
		outline: auto;
	}


	.default.NewLayout input[disabled][b-of2n1197bs] {
		background-color: #e9ecef;
	}



@media (prefers-reduced-motion: no-preference) {
	.default.NewLayout input[b-of2n1197bs] {
		transition: all var(--transition-time) ease-in-out;
	}
}

/* -------------------- color -------------------- */
.color[b-of2n1197bs] {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .6rem;
	background-color: white;
}

	.color:hover[b-of2n1197bs] {
		border-color: rgba(0, 0, 0, .7);
	}

	.color.is-invalid[b-of2n1197bs] {
		border-color: red;
	}

	.color.is-invalid:hover[b-of2n1197bs] {
		border-color: red;
	}

	.color:focus-within[b-of2n1197bs] {
		outline: auto;
	}

	.color .deb-nullable-color[b-of2n1197bs] {
		padding: var(--input-padding, 1rem);
		border: none;
	}

.color-input-container[b-of2n1197bs] {
	display: flex;
	align-content: center;
	justify-content: center;
	padding: 1rem;
	height: calc(1lh + (var(--input-padding, 1rem) * 2));
	width: calc(1lh + (var(--input-padding, 1rem) * 2));
}

	.color-input-container input[type="color"].deb-nullable-color-preview[b-of2n1197bs] {
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		background: none;
		border: 0;
		cursor: pointer;
		padding: 0;
		width: 100%;
		height: 100%;
		border-radius: 500rem;
	}

	.color-input-container [b-of2n1197bs]::-webkit-color-swatch-wrapper {
		padding: 0;
	}

	.color-input-container [b-of2n1197bs]::-webkit-color-swatch {
		border: 0;
		border-radius: 0;
	}

	.color-input-container [b-of2n1197bs]::-moz-color-swatch,
	.color-input-container [b-of2n1197bs]::-moz-focus-inner {
		border: 0;
	}

	.color-input-container[b-of2n1197bs]::-moz-focus-inner {
		padding: 0;
	}

/* -------------------- percentage -------------------- */
.percentage.NewLayout[b-of2n1197bs] {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	background-color: white;
}

	.percentage.NewLayout:not(.disabled):hover[b-of2n1197bs] {
		border-color: rgba(0,0,0,.7);
	}


	.percentage.NewLayout.disabled[b-of2n1197bs] {
		background-color: #e9ecef;
	}

	.percentage.NewLayout.readonly[b-of2n1197bs] {
		background-color: #e9ecef;
	}

	.percentage.NewLayout:focus-within[b-of2n1197bs] {
		outline: auto;
	}

	.percentage.NewLayout input[b-of2n1197bs] {
		border: none;
		padding-right: 0;
		background-color: transparent;
		text-align: right;
	}

		.percentage.NewLayout input[b-of2n1197bs]::-webkit-outer-spin-button,
		.percentage.NewLayout input[b-of2n1197bs]::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}

		/* Firefox */
		.percentage.NewLayout input[type=number][b-of2n1197bs] {
			-moz-appearance: textfield;
		}

		.percentage.NewLayout input:hover[b-of2n1197bs],
		.percentage.NewLayout input:focus[b-of2n1197bs] {
			border: none;
		}

	.percentage.NewLayout .percentage-symbol[b-of2n1197bs] {
		height: calc(1lh + var(--input-padding) + var(--input-padding));
		width: calc(1lh + var(--input-padding) + var(--input-padding));
		display: grid;
		align-items: center;
		justify-content: center;
		line-height: normal;
	}

@media (prefers-reduced-motion: no-preference) {
	.percentage.NewLayout[b-of2n1197bs] {
		transition: all var(--transition-time) ease-in-out;
	}
}

/* -------------------- select -------------------- */
select.NewLayout[b-of2n1197bs] {
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
}

	select.NewLayout:not([disabled]):hover[b-of2n1197bs] {
		border: 1px solid rgba(0,0,0,.7);
	}

	select.NewLayout:focus[b-of2n1197bs] {
		outline: auto;
	}

	select.NewLayout.disabled[b-of2n1197bs] {
		background-color: #e9ecef;
	}

@media (prefers-reduced-motion: no-preference) {
	select.NewLayout[b-of2n1197bs] {
		transition: all var(--transition-time) ease-in-out;
	}
}

/* -------------------- password -------------------- */

.password.NewLayout[b-of2n1197bs] {
	display: flex;
	align-items: center;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	background-color: white;
}

	.password.NewLayout:not(.disabled):hover[b-of2n1197bs] {
		border-color: rgba(0,0,0,.7);
	}


	.password.NewLayout.disabled[b-of2n1197bs] {
		background-color: #e9ecef;
	}

	.password.NewLayout:has(input:focus)[b-of2n1197bs] {
		outline: auto;
	}

	.password.NewLayout input[b-of2n1197bs] {
		border: none;
		background-color: transparent;
	}

		.password.NewLayout input:hover[b-of2n1197bs],
		.password.NewLayout input:focus[b-of2n1197bs] {
			border: none;
		}

	.password.NewLayout .password-button[b-of2n1197bs] {
		all: revert;
		height: calc(1lh + var(--input-padding) + var(--input-padding));
		width: calc(1lh + var(--input-padding) + var(--input-padding));
		display: grid;
		align-items: center;
		justify-content: center;
		line-height: normal;
		border: none;
		background: transparent;
		cursor: pointer;
		font-size: 1.5rem;
		padding: 1rem;
	}

		.password.NewLayout .password-button[b-of2n1197bs]  svg {
			height: 1lh;
			width: 1lh;
		}

@media (prefers-reduced-motion: no-preference) {
	.password.NewLayout[b-of2n1197bs] {
		transition: all var(--transition-time) ease-in-out;
	}
}

/* -------------------- combined -------------------- */

.email-input-container[b-of2n1197bs],
.default-input-container[b-of2n1197bs],
.password-input-container[b-of2n1197bs] {
	display: grid;
	width: 100%;
	position: relative;
}
/* _content/Dbo365.Debiteuren/Components/DebEditorAutoComplete.razor.rz.scp.css */
.autocomplete[b-hggzctvep7] {
    position: relative;
}

.autocomplete .options[b-hggzctvep7] {
    background: white;
    border: 1px solid #ced4da;
    /*border-radius: 0.5rem;*/
    box-shadow: 0 30px 25px 8px rgba(0, 0, 0, 0.1);
    left: 0;
    /*width: 100%;*/
    padding: 0;
    position: absolute;
    top: 25px;
    z-index: 10;
}

.autocomplete .option[b-hggzctvep7] {
    display: block;
    padding: 0.25rem;
}

.autocomplete .option .option-text[b-hggzctvep7] {
    padding: 0.25rem 0.5rem;
}

.autocomplete .option:hover[b-hggzctvep7] {
    background: var(--main-color);
    color: #fff;
}

.autocomplete .option.disabled[b-hggzctvep7] {
    background-color: lightgrey;
    cursor: not-allowed;
}

.autocomplete .option.disabled:hover[b-hggzctvep7] {
    background: lightgrey;
    color: grey; /*var(--main-color);*/
}
/* _content/Dbo365.Debiteuren/Components/DebHeaderCell.razor.rz.scp.css */
th.NewLayout[b-tszfq31pb0] {
	padding: 1rem;
	border: none;
	line-height: normal;
	text-align: left;
}

	th.NewLayout.interactive[b-tszfq31pb0] {
		cursor: pointer;
	}

.deb-checkbox[b-tszfq31pb0] {
	width: 1%;
}

	.deb-checkbox[b-tszfq31pb0]  .CheckboxSlide {
		margin: auto;
	}
/* _content/Dbo365.Debiteuren/Components/DebLabel.razor.rz.scp.css */
.NewLayout[b-t1q8zo1qcq] {
	font-weight: 600;
	line-height: normal;
	width: fit-content;
	display: flex;
	gap: 1rem;
}
/* _content/Dbo365.Debiteuren/Components/DebLinkCell.razor.rz.scp.css */
.NewLink[b-ib7ccxo62s] {
	color: black;
	display: flex;
	width: fit-content;
	padding: .8rem;
	text-decoration: underline;
	text-underline-offset: .5rem;
}

.NewLink[b-ib7ccxo62s]  svg{
	height: 1lh;
	width: auto;
	line-height: normal;
}
/* _content/Dbo365.Debiteuren/Components/DebListEditor.razor.rz.scp.css */
table[b-elsl1ofn4s] {
	width: 100%;
	border-collapse: collapse;
}

th[b-elsl1ofn4s], td[b-elsl1ofn4s] {
	border: 1px solid #ccc;
}

	td:last-child[b-elsl1ofn4s] {
		text-align: center;
	}

	td input[b-elsl1ofn4s] {
		width: 100%;
	}

	td button[b-elsl1ofn4s] {
		width: 100px;
		margin: auto;
	}
/* _content/Dbo365.Debiteuren/Components/DebMultiSelectListBox.razor.rz.scp.css */
.custom-dropdown[b-u2dhggoxnc] {
	display: inline-block;
	position: relative;
	width: 100%;
}

.custom-dropdown-button[b-u2dhggoxnc] {
	background: #FEFEFE url("/Images/select.svg") no-repeat 99% 50% !important;
	background-size: 25px !important;

	border: 1px solid #ccc !important;
	color: black !important;
	cursor: pointer;
	margin-bottom: 0;
	padding: 5px 30px 5px 10px;
	position: relative;
	text-align: left;
	width: 100%;
	box-shadow: none !important;
}

.custom-dropdown-content[b-u2dhggoxnc] {
	background-color: white;
	border: 1px solid #ccc;
	display: none;
	max-height: 200px;
	min-width: 90%;
	overflow-y: auto;
	position: absolute;
	z-index: 1;
}

	.custom-dropdown-content.show[b-u2dhggoxnc] {
		display: block;
	}

.custom-dropdown-item[b-u2dhggoxnc] {
	padding: 5px;
}

	.custom-dropdown-item:hover[b-u2dhggoxnc] {
		background-color: #f0f0f0;
	}

	.custom-dropdown-item input[b-u2dhggoxnc] {
		margin-right: 5px;
		vertical-align: middle;
	}

	.custom-dropdown-item label[b-u2dhggoxnc] {
		vertical-align: middle;
		display: inline;
	}
/* _content/Dbo365.Debiteuren/Components/DebNumbering.razor.rz.scp.css */
.new-layout[b-gqyihbct3h] {
	border: none;
	padding: 0;
	max-width: 800px;
}

	.new-layout[b-gqyihbct3h]  ul {
		background-color: white;
		border-radius: .6rem;
		border: 1px solid rgba(0,0,0,.2);
		padding: 0;
		overflow: hidden;
	}

	.new-layout[b-gqyihbct3h]  li {
		margin: 0;
		padding: 1rem;
		gap: 1rem;
	}

		.new-layout[b-gqyihbct3h]  li:not(:nth-last-child(1)) {
			border-bottom: 1px solid rgba(0,0,0,.2);
		}

	.new-layout[b-gqyihbct3h]  label {
		flex: 1;
		display: flex;
		flex-direction: column;
		gap: .5rem;
		line-height: normal;
	}

	.new-layout[b-gqyihbct3h]  .drag-handle {
		all: revert;
		display: grid;
		align-items: center;
		justify-content: center;
		padding: 1rem;
		cursor: grab;
	}

		.new-layout[b-gqyihbct3h]  .drag-handle:active {
			cursor: grabbing;
		}

	.new-layout[b-gqyihbct3h]  .delete-row {
		all: revert;
		background-color: transparent;
		border: none;
		padding: 1rem;
		display: grid;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}

		.new-layout[b-gqyihbct3h]  .delete-row svg {
			transition: all .3s ease-in-out;
			fill: black;
		}

			.new-layout[b-gqyihbct3h]  .delete-row svg path {
				fill: inherit;
			}

		.new-layout[b-gqyihbct3h]  .delete-row:is(:hover, :focus) svg {
			fill: red;
		}

	.new-layout[b-gqyihbct3h]  .freeText[type="text"] {
		all: revert;
		padding: 1rem;
		border-radius: .6rem;
		border: 1px solid rgba(0,0,0,.2);
	}


		.new-layout[b-gqyihbct3h]  .freeText[type="text"]:is(:hover, :focus) {
			border: 1px solid rgba(0,0,0,.7);
		}

	/* -------------------- input number -------------------- */
	.new-layout[b-gqyihbct3h]  .numbers-container {
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		border: 1px solid rgba(0,0,0,.2);
		border-radius: .6rem;
		background-color: white;
	}

		.new-layout[b-gqyihbct3h]  .numbers-container:hover {
			border-color: rgba(0,0,0,.7);
		}

		.new-layout[b-gqyihbct3h]  .numbers-container.disabled {
			background-color: #e9ecef;
		}

		.new-layout[b-gqyihbct3h]  .numbers-container:focus-within {
			outline: auto;
		}

		.new-layout[b-gqyihbct3h]  .numbers-container input[type="number"] {
			border: none;
			padding-left: 0;
			padding-right: 0;
			padding: 1rem;
		}

		/* Chrome, Safari, Edge, Opera */
		.new-layout[b-gqyihbct3h]  .numbers-container input::-webkit-outer-spin-button,
		.new-layout[b-gqyihbct3h]  .numbers-container input::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}

		/* Firefox */
		.new-layout[b-gqyihbct3h]  .numbers-container input[type=number] {
			-moz-appearance: textfield;
		}

		.new-layout[b-gqyihbct3h]  .numbers-container .arrow-container {
			display: grid;
			height: 100%;
		}

			.new-layout[b-gqyihbct3h]  .numbers-container .arrow-container span {
				all: revert;
				background-color: transparent;
				border: none;
				padding: 0 2rem;
				display: grid;
				align-items: center;
				justify-content: center;
				cursor: pointer;
				user-select: all;
			}


	.new-layout[b-gqyihbct3h]  .lineExample {
		border: 1px solid rgba(0,0,0,.2);
		border-radius: .6rem;
		padding: 1rem;
		line-height: normal;
	}

		.new-layout[b-gqyihbct3h]  .lineExample:empty {
			min-height: calc(1rem + 1rem + 1lh);
		}


	.new-layout[b-gqyihbct3h]  label select {
		padding: .9rem;
		box-sizing: border-box;
		height: fit-content;
		border-radius: .6rem;
	}

	.new-layout[b-gqyihbct3h]  .number-format-lines-footer {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.new-layout[b-gqyihbct3h]  .rowfooter{
		display: flex;
		gap: 1rem;
		justify-content: space-between;
		padding: 1rem 1.5rem;
	}

	.new-layout[b-gqyihbct3h]  .addrow {
		all: revert;
		background-color: transparent;
		border: none;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 1rem;
		padding: .8rem 1.2rem;
		border-radius: .6rem;
		cursor: pointer;
		font-size: 1.4rem;
	}

		.new-layout[b-gqyihbct3h]  .addrow:is(:hover, :focus) {
			background-color: #F5F5F5;
		}

	.new-layout[b-gqyihbct3h]  .numberExample{
		float: unset;
		line-height: normal;
		font-weight: normal;
	}

	@media (prefers-reduced-motion: no-preference) {
		.new-layout[b-gqyihbct3h]  .numbers-container {
		transition: all .3s ease-in-out;
	}

	.new-layout[b-gqyihbct3h]  label select {
		transition: all .3s ease-in-out;
	}

	.new-layout[b-gqyihbct3h]  .freeText[type="text"] {
		transition: all .3s ease-in-out;
	}

	.new-layout[b-gqyihbct3h]  .addrow {
		transition: all .3s ease-in-out;
	}
}
/* _content/Dbo365.Debiteuren/Components/DebPager.razor.rz.scp.css */
.sort-link[b-sv3q3cn8gg] {
    cursor: pointer;
    color: black !important;
}

.noselect[b-sv3q3cn8gg] {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

ul.pagination[b-sv3q3cn8gg] {
    list-style-type: none;
}

ul.pagination li[b-sv3q3cn8gg] {
    float: left;
}

ul.pagination li:not(:first-child)[b-sv3q3cn8gg] {
    margin-left: 5px;
}

.vertical-grid-pagination-controls[b-sv3q3cn8gg] {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.vertical-grid-pagination-controls ul li[b-sv3q3cn8gg] {
	border-bottom: none;
	background-color: transparent;
	padding: 1.5rem;
	color: black;
	border: none;
	margin: 0 0.25rem;
	box-shadow: none;
	background-color: #fff;
	padding: .25rem 1.5rem;
	padding-top: 5px;
}

.vertical-grid-pagination-controls ul > li:hover[b-sv3q3cn8gg] {
	background: var(--secondary, #D1F951);
}


.vertical-grid-pagination-controls ul > li.active[b-sv3q3cn8gg] {
	background: var(--secondary, #D1F951);
}

.vertical-grid-pagination-controls > ul > li:first-child[b-sv3q3cn8gg] {
	border-radius: 10px 0 0 10px
}

.vertical-grid-pagination-controls > ul > li:last-child[b-sv3q3cn8gg] {
	border-radius: 0px 10px 10px 0;
}

.page-link[b-sv3q3cn8gg] {
	min-width: 2ch;
	display: block;
	text-align: center;
}
/* _content/Dbo365.Debiteuren/Components/DebRegexTester.razor.rz.scp.css */
.border[b-5w3k0szuz2] {
	border: 1px solid #ddd;
	border-radius: 3px;
}
/* _content/Dbo365.Debiteuren/Components/DebRowArticleSearchDropDown.razor.rz.scp.css */
.option-list-container[b-md2pgug02z]  > .new-layout {
	gap: 0;
}

.new-layout[b-md2pgug02z] {
	--transition-time: .3s;
	--height: 30px;
	--input-padding: 1rem;
}

	.new-layout p[b-md2pgug02z],
	.new-layout[b-md2pgug02z]  label {
		margin: 0;
		line-height: normal;
		overflow-wrap: anywhere;
		display: flex;
	}

	.new-layout .expressionDescription[b-md2pgug02z] {
		/*		font-style: italic;*/
		max-width: 800px;
		color: #676764;
	}

	/* -------------------- Dab-string -------------------- */
	.new-layout[b-md2pgug02z]  .deb-string[type="text"] {
		border-radius: .6rem;
		background-color: white;
		border: 1px solid rgba(0,0,0,.2);
		box-shadow: none;
	}

		.new-layout[b-md2pgug02z]  .deb-string[type="text"]:hover {
			border-color: rgba(0,0,0,.7);
		}


		.new-layout[b-md2pgug02z]  .deb-string[type="text"][desabled] {
			background-color: #e9ecef;
		}

		.new-layout[b-md2pgug02z]  .deb-string[type="text"]:focus {
			outline: auto;
		}

@media (prefers-reduced-motion: no-preference) {
	.new-layout[b-md2pgug02z]  .deb-string[type="text"] {
		transition: all var(--transition-time) ease-in-out;
	}
}

.trailing-content-container[b-md2pgug02z] {
	display: grid;
	grid-template-columns: 1fr auto;
	border-radius: .6rem;
	border: 1px solid rgba(0, 0, 0, .2);
}

	.trailing-content-container:hover[b-md2pgug02z] {
		border-color: rgba(0,0,0,.7);
	}


	.trailing-content-container:has(input:focus)[b-md2pgug02z] {
		outline: auto;
	}

	.trailing-content-container[b-md2pgug02z]  .default.NewLayout input{
		border: none;
		outline: none;
	}
/* _content/Dbo365.Debiteuren/Components/DebRowDisplay.razor.rz.scp.css */
[b-02uz1xu9yk] .new-layout .label-container,
[b-02uz1xu9yk] .new-layout .input-container {
	padding-top: calc((3rem - 1lh) * .5);
}

[b-02uz1xu9yk] label,
[b-02uz1xu9yk] p {
	line-height: normal;
	margin: 0 !important;
	word-break: break-all;
}
/* _content/Dbo365.Debiteuren/Components/DebRowDropDownList.razor.rz.scp.css */

.new-layout[b-fmrdunqq3h] {
	--transition-time: .3s;
	--height: calc(40px * .7);
	--input-padding: 1rem;
	display: grid;
	grid-template-columns: 320px 1fr;
	max-width: 800px;
	gap: 2rem;
	margin-bottom: 0;
}

	.new-layout > div[b-fmrdunqq3h] {
		display: flex;
		flex-direction: column;
		gap: 0px;
	}

	.new-layout p[b-fmrdunqq3h],
	.new-layout[b-fmrdunqq3h]  label {
		margin: 0;
		line-height: normal;
	}

	.new-layout[b-fmrdunqq3h]  label {
		font-weight: 600;
	}


	.new-layout .disabled[b-fmrdunqq3h] {
		background-color: lightgray;
	}

	.new-layout .expressionDescription[b-fmrdunqq3h] {
		font-style: italic;
		max-width: 800px;
	}
/* _content/Dbo365.Debiteuren/Components/DebRowDubbleColumn.razor.rz.scp.css */
.dubble-column[b-n91yuio1be] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	align-items:center;
}

.dubble-column.HasMiddle[b-n91yuio1be] {
	grid-template-columns: 1fr auto 1fr;
}
/* _content/Dbo365.Debiteuren/Components/DebRowEditor.razor.rz.scp.css */
.option-list-container[b-mmlnzdyi1n]  > .new-layout {
	gap: 0;
}

.new-layout[b-mmlnzdyi1n] {
	--transition-time: .3s;
	--height: 30px;
	--input-padding: 1rem;
}

	.new-layout p[b-mmlnzdyi1n],
	.new-layout[b-mmlnzdyi1n]  label {
		margin: 0;
		line-height: normal;
		overflow-wrap: anywhere;
		display: flex;
	}

	.new-layout .expressionDescription[b-mmlnzdyi1n] {
		/*		font-style: italic;*/
		max-width: 800px;
		color: #676764;
	}

	/* -------------------- Dab-string -------------------- */
	.new-layout[b-mmlnzdyi1n]  .deb-string[type="text"] {
		border-radius: .6rem;
		background-color: white;
		border: 1px solid rgba(0,0,0,.2);
		box-shadow: none;
	}

		.new-layout[b-mmlnzdyi1n]  .deb-string[type="text"]:hover {
			border-color: rgba(0,0,0,.7);
		}


		.new-layout[b-mmlnzdyi1n]  .deb-string[type="text"][desabled] {
			background-color: #e9ecef;
		}

		.new-layout[b-mmlnzdyi1n]  .deb-string[type="text"]:focus {
			outline: auto;
		}

@media (prefers-reduced-motion: no-preference) {
	.new-layout[b-mmlnzdyi1n]  .deb-string[type="text"] {
		transition: all var(--transition-time) ease-in-out;
	}
}

.trailing-content-container[b-mmlnzdyi1n] {
	display: grid;
	grid-template-columns: 1fr auto;
	border-radius: .6rem;
	border: 1px solid rgba(0, 0, 0, .2);
}

	.trailing-content-container:hover[b-mmlnzdyi1n] {
		border-color: rgba(0,0,0,.7);
	}


	.trailing-content-container:has(input:focus)[b-mmlnzdyi1n] {
		outline: auto;
	}

	.trailing-content-container[b-mmlnzdyi1n]  .default.NewLayout input{
		border: none;
		outline: none;
	}
/* _content/Dbo365.Debiteuren/Components/DebRowHistoryTrailingElement.razor.rz.scp.css */
.popoverhandler[b-3xop1dl5fa] {
	border: 1px solid rgba(0, 0, 0, .2);
	height: 100%;
	aspect-ratio: 1 / 1;
	justify-content: center;
	align-items: center;
	display: flex;
	border-radius: .5rem;
}


.content-container[b-3xop1dl5fa] {
	padding: 0.5rem;
	min-width: 200px;
	max-width: 250px;
	max-height: 300px;
	overflow-y: auto;
}

.history-entry[b-3xop1dl5fa] {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 0.75rem;
	margin-bottom: 0.5rem;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.value[b-3xop1dl5fa] {
	font-size: 1.1rem;
	font-weight: 600;
	color: #133416; 
	margin-bottom: 0.3rem;
}

.timestamp[b-3xop1dl5fa] {
	font-size: 0.8rem;
	color: #888;
}

.no-history[b-3xop1dl5fa] {
	font-style: italic;
	color: #999;
}
/* _content/Dbo365.Debiteuren/Components/DebRowImageInput.razor.rz.scp.css */
[b-6ng53c0as2] .ToggleSwitch
{
	height: fit-content;
}

[b-6ng53c0as2] .ToggleSwitch button{
	padding: 1.1rem;
}
/* _content/Dbo365.Debiteuren/Components/DebRowItemMultiSelectDropDown.razor.rz.scp.css */
.custom-select[b-hkz2e9xc2g],
.custom-select *[b-hkz2e9xc2g] {
	box-sizing: border-box;
}

.custom-select[b-hkz2e9xc2g] {
	position: relative;
	color: #000;
	height: 100%;
	display: flex;
	flex-direction: column-reverse;
	gap: .5rem;
}

	.custom-select button.select-button:not([class*="tox"])[b-hkz2e9xc2g] {
		all: revert;
		width: 100%;
		background-color: transparent;
		padding: 0.675em 1em;
		border: 1px solid #ccc;
		border-radius: 0.6rem;
		cursor: pointer;
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		margin: 0;
		color: black;
		gap: 2rem;
		transition: all .2s ease-in-out;
		height: 100%;
		max-width: 100%;
	}

.object-width[b-hkz2e9xc2g] {
	visibility: hidden;
	display: block;
	height: 0;
	overflow: hidden;
	padding: 0 1.5em;
	white-space: nowrap;
}

span[b-hkz2e9xc2g] {
	line-height: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

label[b-hkz2e9xc2g] {
	line-height: normal;
	width: 100%;
}

button svg[b-hkz2e9xc2g] {
	fill: var(--dark-color, #020202);
	height: 14px;
	width: 14px;
}

.select-dropdown[b-hkz2e9xc2g] {
	list-style: none;
	width: 100%;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	border: 1px solid #caced1;
	border-radius: .6rem;
	padding: 10px;
	max-height: 250px;
	overflow-y: auto;
	transition: all 0.5s ease-in-out;
}

	.select-dropdown li[b-hkz2e9xc2g] {
		position: relative;
		cursor: pointer;
		display: flex;
		gap: .5rem;
		align-items: center;
	}


	.select-dropdown input[type="radio"][b-hkz2e9xc2g] {
		position: absolute;
		left: -99999px;
	}

	.select-dropdown li label[b-hkz2e9xc2g] {
		width: 100%;
		padding: 8px 10px;
		cursor: pointer;
		line-height: normal;
		overflow-wrap: break-word;
		word-wrap: break-word;
		hyphens: auto;
	}

	.select-dropdown li input[type=checkbox][b-hkz2e9xc2g] {
		all: revert;
		width: 18px;
		height: 18px;
		margin: 0;
		margin-left: .5rem;
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		accent-color: var(--main-color-limegreen);
		border-radius: 3px;
	}

	.select-dropdown li:has(input:focus)[b-hkz2e9xc2g] {
		background-color: #dfdfdf;
	}

	.select-dropdown li:hover[b-hkz2e9xc2g]
	/*.select-dropdown li:has(input:checked)*/ {
		background-color: #f2f2f2;
	}

/* ----------------- primary ----------------- */

.primary.custom-select button.select-button:not([class*="tox"])[b-hkz2e9xc2g] {
	border-radius: 0.6rem;
}

	.primary.custom-select button.select-button:not([class*="tox"]):hover[b-hkz2e9xc2g],
	.primary.custom-select button.select-button:not([class*="tox"]):focus[b-hkz2e9xc2g] {
		border-color: var(--gray-focus, #5F5F5F);
	}

/* ----------------- Secondary ----------------- */

.Secondary.custom-select button.select-button:not([class*="tox"])[b-hkz2e9xc2g] {
	border: none;
	border-radius: 0.6rem;
}

/* ----------------- Tertiary ----------------- */
.Tertiary.custom-select button.select-button:not([class*="tox"])[b-hkz2e9xc2g] {
	border-radius: 0.6rem;
}

	.Tertiary.custom-select button.select-button:not([class*="tox"]):hover[b-hkz2e9xc2g],
	.Tertiary.custom-select button.select-button:not([class*="tox"]):focus[b-hkz2e9xc2g] {
		border-color: #232322;
	}

/* ----------------- Quaternary ----------------- */

.Quaternary.custom-select button.select-button:not([class*="tox"])[b-hkz2e9xc2g] {
	border-radius: 0.6rem;
}

	.Quaternary.custom-select button.select-button:not([class*="tox"]):hover[b-hkz2e9xc2g],
	.Quaternary.custom-select button.select-button:not([class*="tox"]):focus[b-hkz2e9xc2g] {
		background-color: var(--main-color-limegreen, #D1F951);
	}

/* ----------------- interactivity ----------------- */
.active svg[b-hkz2e9xc2g] {
	transition: transform .2s ease-in-out;
}

.custom-select:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Top-Center"]) svg[b-hkz2e9xc2g],
.custom-select:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Top-Left"]) svg[b-hkz2e9xc2g],
.custom-select:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Top-Right"]) svg[b-hkz2e9xc2g] {
	transform: rotate(-90deg);
}

.custom-select:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Bottom-Center"]) svg[b-hkz2e9xc2g],
.custom-select:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Bottom-Left"]) svg[b-hkz2e9xc2g],
.custom-select:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Bottom-Right"]) svg[b-hkz2e9xc2g] {
	transform: rotate(90deg);
}

.active:has(.top) svg[b-hkz2e9xc2g] {
	transform: rotate(90deg);
}

.active:has(.bottom) svg[b-hkz2e9xc2g] {
	transform: rotate(-90deg);
}
/**/
/* ----------------- Extra classes ----------------- */



/* ----------------- States ----------------- */

.primary.custom-select button.select-button[disabled]:not([class*="tox"])[b-hkz2e9xc2g] {
	background-color: #e9ecef !important;
	color: #445364;
	cursor: default;
}

	.primary.custom-select button.select-button[disabled]:not([class*="tox"]):hover[b-hkz2e9xc2g],
	.primary.custom-select button.select-button[disabled]:not([class*="tox"]):focus[b-hkz2e9xc2g] {
		border: 1px solid #A1A1A1;
	}

		.primary.custom-select button.select-button[disabled]:not([class*="tox"]) svg[b-hkz2e9xc2g],
		.primary.custom-select button.select-button[disabled]:not([class*="tox"]):hover svg[b-hkz2e9xc2g],
		.primary.custom-select button.select-button[disabled]:not([class*="tox"]):focus svg[b-hkz2e9xc2g] {
			fill: #445364;
		}

/* ----------------- Scroll bar ----------------- */

@media (hover :hover) and (pointer :fine) {
	.select-dropdown[b-hkz2e9xc2g]::-webkit-scrollbar {
		width: 7px;
		height: 7px;
	}

	.select-dropdown[b-hkz2e9xc2g]::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
	}

	.select-dropdown[b-hkz2e9xc2g]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		.select-dropdown[b-hkz2e9xc2g]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}

	.select-dropdown[b-hkz2e9xc2g]::-webkit-scrollbar-corner {
		background: #f1f1f1;
	}
}

button .button-text[b-hkz2e9xc2g] {
	position: relative;
	display: flex;
	display: grid;
}

	button .button-text > *[b-hkz2e9xc2g] {
		grid-column-start: 1;
		grid-row-start: 1;
		text-align: left;
	}

.hidden-longest[b-hkz2e9xc2g] {
	visibility: hidden;
	padding: 0 1rem;
}

.fit-content[b-hkz2e9xc2g] {
	max-width: 100%;
	width: fit-content;
}


.search-list-item input[b-hkz2e9xc2g] {
	width: 100%;
}



/** LEGACY NO POPOVER VERSION */
.select-dropdown.no-popover[b-hkz2e9xc2g] {
	position: absolute;
	top: 100%;
	z-index: 1;
}

.no-popover button[b-hkz2e9xc2g] {
	border-color: #A1A1A1 !important;
}

/* --------------------- Newlayout --------------------- */

.NewLayout-container button[b-hkz2e9xc2g] {
	background-color: white;
	border: 1px solid rgba(0,0,0,.2);
	padding: 1rem;
}


	.NewLayout-container button:is(:hover, :focus)[b-hkz2e9xc2g] {
		border-color: rgba(0,0,0,.7);
	}

.select-dropdown.NewLayout-list[b-hkz2e9xc2g] {
	padding: 0;
}

	.select-dropdown.NewLayout-list li[b-hkz2e9xc2g] {
		position: relative;
		cursor: pointer;
		display: flex;
		gap: .5rem;
		align-items: center;
		padding: 0 1.5rem;
	}

		.select-dropdown.NewLayout-list li label[b-hkz2e9xc2g] {
			padding: 1rem;
		}

		.select-dropdown.NewLayout-list li .checkbox-container[b-hkz2e9xc2g] {
			--height: calc(40px * .7);
			--checkbox-height: calc(var(--height) * 0.75);
			--transition-time: .3s;
			position: relative;
		}

			.select-dropdown.NewLayout-list li .checkbox-container input[b-hkz2e9xc2g] {
				all: revert;
				position: absolute;
				inset: 0;
				opacity: 0;
				z-index: 2;
				cursor: pointer;
			}

			.select-dropdown.NewLayout-list li .checkbox-container .box[b-hkz2e9xc2g] {
				position: relative;
				width: var(--checkbox-height);
				height: var(--checkbox-height);
				display: grid;
				align-items: center;
				justify-content: center;
				background-color: white;
				border-radius: .3rem;
				border: 1px solid rgba(0,0,0,.2);
			}

			.select-dropdown.NewLayout-list li .checkbox-container input:hover ~ .box[b-hkz2e9xc2g] {
				border-color: rgba(0,0,0,.7);
			}


			.select-dropdown.NewLayout-list li .checkbox-container:focus-within .box[b-hkz2e9xc2g] {
				outline: auto;
			}

			.select-dropdown.NewLayout-list li .checkbox-container svg.marker[b-hkz2e9xc2g] {
				display: grid;
				align-items: center;
				justify-content: center;
				padding: 5px;
				height: 100%;
				width: auto;
				fill: white;
			}

			.select-dropdown.NewLayout-list li .checkbox-container:has(input:checked) .marker[b-hkz2e9xc2g] {
				fill: black;
			}

			.select-dropdown.NewLayout-list li .checkbox-container input[disabled][b-hkz2e9xc2g] {
				cursor: auto;
			}

			.select-dropdown.NewLayout-list li .checkbox-container:has(input[disabled]) svg.marker[b-hkz2e9xc2g] {
				background-color: #ccc;
				fill: #ccc;
			}

			.select-dropdown.NewLayout-list li .checkbox-container:has(input[disabled]) .box[b-hkz2e9xc2g] {
				transform: unset;
				background-color: #e9ecef;
			}

@media (prefers-reduced-motion: no-preference) {
	.select-dropdown.NewLayout-list li .checkbox-container .box[b-hkz2e9xc2g] {
		transition: all var(--transition-time) ease-in-out;
	}

	.select-dropdown.NewLayout-list li .checkbox-container svg.marker[b-hkz2e9xc2g] {
		transition: all var(--transition-time) ease-in-out;
	}
}
/* _content/Dbo365.Debiteuren/Components/DebRowLink.razor.rz.scp.css */

.new-layout[b-deu2xawer4] {
	--transition-time: .3s;
	--height: calc(40px * .7);
	--input-padding: 1rem;
	display: grid;
	grid-template-columns: 320px 1fr;
	max-width: 700px;
	gap: 2rem;
	margin-bottom: 0;
}

	.new-layout > div[b-deu2xawer4] {
		display: flex;
		flex-direction: column;
		gap: 0px;
	}

	.new-layout a[b-deu2xawer4],
	.new-layout[b-deu2xawer4]  label {
		margin: 0;
		line-height: normal;
	}

	.new-layout[b-deu2xawer4]  label {
		font-weight: 600;
	}


	.new-layout .disabled[b-deu2xawer4] {
		background-color: lightgray;
	}

	.new-layout .expressionDescription[b-deu2xawer4] {
		font-style: italic;
		max-width: 800px;
	}

	.new-layout .expressionDescription[b-deu2xawer4] {
		margin: 0;
	}

	.new-layout[b-deu2xawer4]  a {
		margin: 0;
	}

[b-deu2xawer4] label,
[b-deu2xawer4] a {
	line-height: normal;
	margin: 0 !important;
	word-break: break-all;
}
/* _content/Dbo365.Debiteuren/Components/DebRowMultiSelectDropDown.razor.rz.scp.css */
.custom-select[b-ea5ppiyiql],
.custom-select *[b-ea5ppiyiql] {
	box-sizing: border-box;
}

.custom-select[b-ea5ppiyiql] {
	position: relative;
	color: #000;
	height: 100%;
	display: flex;
	flex-direction: column-reverse;
	gap: .5rem;
}

	.custom-select button.select-button:not([class*="tox"])[b-ea5ppiyiql] {
		all: revert;
		width: 100%;
		background-color: transparent;
		padding: 0.675em 1em;
		border: 1px solid #ccc;
		border-radius: 0.6rem;
		cursor: pointer;
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		margin: 0;
		color: black;
		gap: 2rem;
		transition: all .2s ease-in-out;
		height: 100%;
		max-width: 100%;
	}

.object-width[b-ea5ppiyiql] {
	visibility: hidden;
	display: block;
	height: 0;
	overflow: hidden;
	padding: 0 1.5em;
	white-space: nowrap;
}

span[b-ea5ppiyiql] {
	line-height: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

label[b-ea5ppiyiql] {
	line-height: normal;
	width: 100%;
}

button svg[b-ea5ppiyiql] {
	fill: var(--dark-color, #020202);
	height: 14px;
	width: 14px;
}

.select-dropdown[b-ea5ppiyiql] {
	list-style: none;
	width: 100%;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	border: 1px solid #caced1;
	border-radius: .6rem;
	padding: 10px;
	max-height: 250px;
	overflow-y: auto;
	transition: all 0.5s ease-in-out;
}

	.select-dropdown li[b-ea5ppiyiql] {
		position: relative;
		cursor: pointer;
		display: flex;
		gap: .5rem;
		align-items: center;
	}


	.select-dropdown input[type="radio"][b-ea5ppiyiql] {
		position: absolute;
		left: -99999px;
	}

	.select-dropdown li label[b-ea5ppiyiql] {
		width: 100%;
		padding: 8px 10px;
		cursor: pointer;
		line-height: normal;
		overflow-wrap: break-word;
		word-wrap: break-word;
		hyphens: auto;
	}

	.select-dropdown li input[type=checkbox][b-ea5ppiyiql] {
		all: revert;
		width: 18px;
		height: 18px;
		margin: 0;
		margin-left: .5rem;
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		accent-color: var(--main-color-limegreen);
		border-radius: 3px;
	}

	.select-dropdown li:has(input:focus)[b-ea5ppiyiql] {
		background-color: #dfdfdf;
	}

	.select-dropdown li:hover[b-ea5ppiyiql]
	/*.select-dropdown li:has(input:checked)*/ {
		background-color: #f2f2f2;
	}

/* ----------------- primary ----------------- */

.primary.custom-select button.select-button:not([class*="tox"])[b-ea5ppiyiql] {
	border-radius: 0.6rem;
}

	.primary.custom-select button.select-button:not([class*="tox"]):hover[b-ea5ppiyiql],
	.primary.custom-select button.select-button:not([class*="tox"]):focus[b-ea5ppiyiql] {
		border-color: var(--gray-focus, #5F5F5F);
	}

/* ----------------- Secondary ----------------- */

.Secondary.custom-select button.select-button:not([class*="tox"])[b-ea5ppiyiql] {
	border: none;
	border-radius: 0.6rem;
}

/* ----------------- Tertiary ----------------- */
.Tertiary.custom-select button.select-button:not([class*="tox"])[b-ea5ppiyiql] {
	border-radius: 0.6rem;
}

	.Tertiary.custom-select button.select-button:not([class*="tox"]):hover[b-ea5ppiyiql],
	.Tertiary.custom-select button.select-button:not([class*="tox"]):focus[b-ea5ppiyiql] {
		border-color: #232322;
	}

/* ----------------- Quaternary ----------------- */

.Quaternary.custom-select button.select-button:not([class*="tox"])[b-ea5ppiyiql] {
	border-radius: 0.6rem;
}

	.Quaternary.custom-select button.select-button:not([class*="tox"]):hover[b-ea5ppiyiql],
	.Quaternary.custom-select button.select-button:not([class*="tox"]):focus[b-ea5ppiyiql] {
		background-color: var(--main-color-limegreen, #D1F951);
	}

/* ----------------- interactivity ----------------- */
.active svg[b-ea5ppiyiql] {
	transition: transform .2s ease-in-out;
}

.custom-select:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Top-Center"]) svg[b-ea5ppiyiql],
.custom-select:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Top-Left"]) svg[b-ea5ppiyiql],
.custom-select:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Top-Right"]) svg[b-ea5ppiyiql] {
	transform: rotate(-90deg);
}

.custom-select:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Bottom-Center"]) svg[b-ea5ppiyiql],
.custom-select:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Bottom-Left"]) svg[b-ea5ppiyiql],
.custom-select:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Bottom-Right"]) svg[b-ea5ppiyiql] {
	transform: rotate(90deg);
}

.active:has(.top) svg[b-ea5ppiyiql] {
	transform: rotate(90deg);
}

.active:has(.bottom) svg[b-ea5ppiyiql] {
	transform: rotate(-90deg);
}
/**/
/* ----------------- Extra classes ----------------- */



/* ----------------- States ----------------- */

.primary.custom-select button.select-button[disabled]:not([class*="tox"])[b-ea5ppiyiql] {
	background-color: #e9ecef !important;
	color: #445364;
	cursor: default;
}

	.primary.custom-select button.select-button[disabled]:not([class*="tox"]):hover[b-ea5ppiyiql],
	.primary.custom-select button.select-button[disabled]:not([class*="tox"]):focus[b-ea5ppiyiql] {
		border: 1px solid #A1A1A1;
	}

		.primary.custom-select button.select-button[disabled]:not([class*="tox"]) svg[b-ea5ppiyiql],
		.primary.custom-select button.select-button[disabled]:not([class*="tox"]):hover svg[b-ea5ppiyiql],
		.primary.custom-select button.select-button[disabled]:not([class*="tox"]):focus svg[b-ea5ppiyiql] {
			fill: #445364;
		}

/* ----------------- Scroll bar ----------------- */

@media (hover :hover) and (pointer :fine) {
	.select-dropdown[b-ea5ppiyiql]::-webkit-scrollbar {
		width: 7px;
		height: 7px;
	}

	.select-dropdown[b-ea5ppiyiql]::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
	}

	.select-dropdown[b-ea5ppiyiql]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		.select-dropdown[b-ea5ppiyiql]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}

	.select-dropdown[b-ea5ppiyiql]::-webkit-scrollbar-corner {
		background: #f1f1f1;
	}
}

button .button-text[b-ea5ppiyiql] {
	position: relative;
	display: flex;
	display: grid;
}

	button .button-text > *[b-ea5ppiyiql] {
		grid-column-start: 1;
		grid-row-start: 1;
		text-align: left;
	}

.hidden-longest[b-ea5ppiyiql] {
	visibility: hidden;
	padding: 0 1rem;
}

.fit-content[b-ea5ppiyiql] {
	max-width: 100%;
	width: fit-content;
}


.search-list-item input[b-ea5ppiyiql] {
	width: 100%;
}



/** LEGACY NO POPOVER VERSION */
.select-dropdown.no-popover[b-ea5ppiyiql] {
	position: absolute;
	top: 100%;
	z-index: 1;
}

.no-popover button[b-ea5ppiyiql] {
	border-color: #A1A1A1 !important;
}

/* --------------------- Newlayout --------------------- */

.NewLayout-container button[b-ea5ppiyiql] {
	background-color: white;
	border: 1px solid rgba(0,0,0,.2);
	padding: 1rem;
}


	.NewLayout-container button:is(:hover, :focus)[b-ea5ppiyiql] {
		border-color: rgba(0,0,0,.7);
	}

.select-dropdown.NewLayout-list[b-ea5ppiyiql] {
	padding: 0;
}

	.select-dropdown.NewLayout-list li[b-ea5ppiyiql] {
		position: relative;
		cursor: pointer;
		display: flex;
		gap: .5rem;
		align-items: center;
		padding: 0 1.5rem;
	}

		.select-dropdown.NewLayout-list li label[b-ea5ppiyiql] {
			padding: 1rem;
		}

		.select-dropdown.NewLayout-list li .checkbox-container[b-ea5ppiyiql] {
			--height: calc(40px * .7);
			--checkbox-height: calc(var(--height) * 0.75);
			--transition-time: .3s;
			position: relative;
		}

			.select-dropdown.NewLayout-list li .checkbox-container input[b-ea5ppiyiql] {
				all: revert;
				position: absolute;
				inset: 0;
				opacity: 0;
				z-index: 2;
				cursor: pointer;
			}

			.select-dropdown.NewLayout-list li .checkbox-container .box[b-ea5ppiyiql] {
				position: relative;
				width: var(--checkbox-height);
				height: var(--checkbox-height);
				display: grid;
				align-items: center;
				justify-content: center;
				background-color: white;
				border-radius: .3rem;
				border: 1px solid rgba(0,0,0,.2);
			}

			.select-dropdown.NewLayout-list li .checkbox-container input:hover ~ .box[b-ea5ppiyiql] {
				border-color: rgba(0,0,0,.7);
			}


			.select-dropdown.NewLayout-list li .checkbox-container:focus-within .box[b-ea5ppiyiql] {
				outline: auto;
			}

			.select-dropdown.NewLayout-list li .checkbox-container svg.marker[b-ea5ppiyiql] {
				display: grid;
				align-items: center;
				justify-content: center;
				padding: 5px;
				height: 100%;
				width: auto;
				fill: white;
			}

			.select-dropdown.NewLayout-list li .checkbox-container:has(input:checked) .marker[b-ea5ppiyiql] {
				fill: black;
			}

			.select-dropdown.NewLayout-list li .checkbox-container input[disabled][b-ea5ppiyiql] {
				cursor: auto;
			}

			.select-dropdown.NewLayout-list li .checkbox-container:has(input[disabled]) svg.marker[b-ea5ppiyiql] {
				background-color: #ccc;
				fill: #ccc;
			}

			.select-dropdown.NewLayout-list li .checkbox-container:has(input[disabled]) .box[b-ea5ppiyiql] {
				transform: unset;
				background-color: #e9ecef;
			}

@media (prefers-reduced-motion: no-preference) {
	.select-dropdown.NewLayout-list li .checkbox-container .box[b-ea5ppiyiql] {
		transition: all var(--transition-time) ease-in-out;
	}

	.select-dropdown.NewLayout-list li .checkbox-container svg.marker[b-ea5ppiyiql] {
		transition: all var(--transition-time) ease-in-out;
	}
}

.trailing-content-container[b-ea5ppiyiql] {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 1rem;
}

	.trailing-content-container[b-ea5ppiyiql]  button:not(.select-button),
	.trailing-content-container[b-ea5ppiyiql]  a {
		all: revert;
		outline: unset !important;
		padding: 1rem;
		display: grid;
		align-items: center;
		justify-content: center;
		background-color: white;
		border-radius: .6rem;
		border: 1px solid rgba(0,0,0,0.2);
		transition: all .2s ease-in-out;
	}

		.trailing-content-container[b-ea5ppiyiql]  button:not(.select-button):hover,
		.trailing-content-container[b-ea5ppiyiql]  a:hover {
			border-color: rgba(0,0,0,0.7);
		}

		.trailing-content-container[b-ea5ppiyiql]  button:not(.select-button):focus,
		.trailing-content-container[b-ea5ppiyiql]  a:focus {
			outline: auto;
		}

		.trailing-content-container[b-ea5ppiyiql]  button:not(.select-button) svg,
		.trailing-content-container[b-ea5ppiyiql]  a svg {
			height: 1lh;
			width: auto;
			line-height: normal;
		}
/* _content/Dbo365.Debiteuren/Components/DebRowResponsiveContainer.razor.rz.scp.css */
.new-layout-container[b-ujyvkan7d5] {
	container-type: inline-size;
}

.new-layout[b-ujyvkan7d5] {
	display: grid;
	grid-template-columns: 1fr;
	max-width: 750px;
	column-gap: 2rem;
	row-gap: .5rem;
	margin-bottom: 0;
	min-height: 3rem;
	line-height: normal;
}

	.new-layout.has-additional-content .label-container[b-ujyvkan7d5] {
		height: fit-content;
	}

	.new-layout .label-container[b-ujyvkan7d5] >  label {
		font-weight: 600;
		line-height: normal;
		display: block;
	}

	.new-layout:has(input[type="checkbox"]) .label-container[b-ujyvkan7d5] {
		padding-top: .65rem;
	}

	.new-layout:has(input:not([type="checkbox"])) .label-container[b-ujyvkan7d5],
	.new-layout:has(textarea) .label-container[b-ujyvkan7d5],
	.new-layout.DebRowToggleSwitch .label-container[b-ujyvkan7d5],
	.new-layout:has(.custom-select) .label-container[b-ujyvkan7d5] {
		padding-top: 1.1rem;
	}

	.new-layout .label-container[b-ujyvkan7d5]  > label,
	.new-layout .input-container[b-ujyvkan7d5]  > p {
		display: flex;
		align-items: center;
		/*		height: 100%;*/
	}

@container (width > 450px) {
	.new-layout[b-ujyvkan7d5] {
		grid-template-columns: 1fr 1fr;
	}

		.new-layout .label-container[b-ujyvkan7d5] {
			grid-column: 1 / 2;
		}

		.new-layout.has-additional-content .label-container[b-ujyvkan7d5] {
			grid-row: 1 / 3;
		}

		.new-layout .input-container[b-ujyvkan7d5] {
			grid-column: 2 / 3;
			height: fit-content;
		}

		.new-layout[b-ujyvkan7d5]  .state {
			grid-column: 2 / 3;
		}
}

@container (width > 550px) {
	.new-layout[b-ujyvkan7d5] {
		grid-template-columns: minmax(auto, 320px) 1fr;
	}
}
/* _content/Dbo365.Debiteuren/Components/DebRowSearch.razor.rz.scp.css */
.input-field-with-action-button[b-h5i67rd0c7] {
	display: grid;
	grid-template-columns: 1fr auto;
	background: white;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .6rem;
}

	.input-field-with-action-button:focus-within:not(:has(button:focus))[b-h5i67rd0c7] {
		outline: auto;
	}

	.input-field-with-action-button[b-h5i67rd0c7]  .default.NewLayout input {
		border: unset;
		outline: none;
		background-color: unset;
	}

	.input-field-with-action-button button[b-h5i67rd0c7] {
	all: revert;
	display: grid;
	justify-content: center;
	align-content: center;
	cursor: pointer;
	padding: 1rem;
	line-height: normal;
	border: none;
	background-color: transparent;
	border-radius: .6rem;
	z-index: 2;
	font-size: 1.4rem;
}

		.input-field-with-action-button button[b-h5i67rd0c7]  svg {
			height: 1lh;
			width: auto;
			line-height: normal;
		}

	.input-field-with-action-button:hover[b-h5i67rd0c7] {
		border-color: rgba(0,0,0,.7);
	}

	.input-field-with-action-button:has(::deep input:focus-within)[b-h5i67rd0c7] {
		outline: auto;
	}

@media (prefers-reduced-motion: no-preference) {
	.input-field-with-action-button[b-h5i67rd0c7] {
		transition: border-color .3s ease-in-out;
	}
}
/* _content/Dbo365.Debiteuren/Components/DebRowSearchDropDown.razor.rz.scp.css */
[b-x595omn4jd] button.select-button {
	padding: 1rem;
}

[b-x595omn4jd] button.select-button {
	background-color: white;
}

.trailing-content-container[b-x595omn4jd] {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 1rem;
}

	.trailing-content-container[b-x595omn4jd]  button:not(.select-button),
	.trailing-content-container[b-x595omn4jd]  a {
		all: revert;
		outline: unset !important;
		padding: 1rem;
		display: grid;
		align-items: center;
		justify-content: center;
		background-color: white;
		border-radius: .6rem;
		border: 1px solid rgba(0,0,0,0.2);
		transition: all .2s ease-in-out;
	}

		.trailing-content-container[b-x595omn4jd]  button:not(.select-button):hover,
		.trailing-content-container[b-x595omn4jd]  a:hover {
			border-color: rgba(0,0,0,0.7);
		}

		.trailing-content-container[b-x595omn4jd]  button:not(.select-button):focus,
		.trailing-content-container[b-x595omn4jd]  a:focus {
			outline: auto;
		}

		.trailing-content-container[b-x595omn4jd]  button:not(.select-button) svg,
		.trailing-content-container[b-x595omn4jd]  a svg {
			height: 1lh;
			width: auto;
			line-height: normal;
		}
/* _content/Dbo365.Debiteuren/Components/DebRowSelectDropDown.razor.rz.scp.css */
[b-v791ua7yqv] button.select-button {
	padding: 1rem;
}

[b-v791ua7yqv] button.select-button {
	background-color: white;
}

.trailing-content-container[b-v791ua7yqv] {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 1rem;
}

	.trailing-content-container[b-v791ua7yqv]  button:not(.select-button),
	.trailing-content-container[b-v791ua7yqv]  a {
		all: revert;
		outline: unset !important;
		padding: 1rem;
		display: grid;
		align-items: center;
		justify-content: center;
		background-color: white;
		border-radius: .6rem;
		border: 1px solid rgba(0,0,0,0.2);
		transition: all .2s ease-in-out;
	}

		.trailing-content-container[b-v791ua7yqv]  button:not(.select-button):hover,
		.trailing-content-container[b-v791ua7yqv]  a:hover {
			border-color: rgba(0,0,0,0.7);
		}

		.trailing-content-container[b-v791ua7yqv]  button:not(.select-button):focus,
		.trailing-content-container[b-v791ua7yqv]  a:focus {
			outline: auto;
		}

		.trailing-content-container[b-v791ua7yqv]  button:not(.select-button) svg,
		.trailing-content-container[b-v791ua7yqv]  a svg {
			height: 1lh;
			width: auto;
			line-height: normal;
		}
/* _content/Dbo365.Debiteuren/Components/DebRowToggleSwitch.razor.rz.scp.css */
.option-list-container[b-bfa2d2rf47]  > .new-layout {
	gap: 0;
}

.new-layout[b-bfa2d2rf47] {
	--transition-time: .3s;
	--height: 30px;
	--input-padding: 1rem;
}

	.new-layout p[b-bfa2d2rf47],
	.new-layout[b-bfa2d2rf47]  label {
		margin: 0;
		line-height: normal;
		overflow-wrap: anywhere;
		display: flex;
	}

	.new-layout .expressionDescription[b-bfa2d2rf47] {
		/*		font-style: italic;*/
		max-width: 800px;
		color: #676764;
	}

	/* -------------------- Dab-string -------------------- */
	.new-layout[b-bfa2d2rf47]  .deb-string[type="text"] {
		border-radius: .6rem;
		background-color: white;
		border: 1px solid rgba(0,0,0,.2);
		box-shadow: none;
	}

		.new-layout[b-bfa2d2rf47]  .deb-string[type="text"]:hover {
			border-color: rgba(0,0,0,.7);
		}


		.new-layout[b-bfa2d2rf47]  .deb-string[type="text"][desabled] {
			background-color: #e9ecef;
		}

		.new-layout[b-bfa2d2rf47]  .deb-string[type="text"]:focus {
			outline: auto;
		}

@media (prefers-reduced-motion: no-preference) {
	.new-layout[b-bfa2d2rf47]  .deb-string[type="text"] {
		transition: all var(--transition-time) ease-in-out;
	}
}

.trailing-content-container[b-bfa2d2rf47] {
	display: grid;
	grid-template-columns: 1fr auto;
	border-radius: .6rem;
	border: 1px solid rgba(0, 0, 0, .2);
}

	.trailing-content-container:hover[b-bfa2d2rf47] {
		border-color: rgba(0,0,0,.7);
	}


	.trailing-content-container:has(input:focus)[b-bfa2d2rf47] {
		outline: auto;
	}

	.trailing-content-container[b-bfa2d2rf47]  .default.NewLayout input {
		border: none;
		outline: none;
	}


[b-bfa2d2rf47] .ToggleSwitch
{
	height: fit-content;
}

[b-bfa2d2rf47] .ToggleSwitch button{
	padding: 1.1rem;
}

/* _content/Dbo365.Debiteuren/Components/DebRowVectorDisplay.razor.rz.scp.css */
[b-gtkyx00atg] .new-layout .label-container,
[b-gtkyx00atg] .new-layout .input-container {
	padding-top: calc((3rem - 1lh) * .5);
}

[b-gtkyx00atg] label,
[b-gtkyx00atg] p {
	line-height: normal;
	margin: 0 !important;
	word-break: break-all;
}
/* _content/Dbo365.Debiteuren/Components/DebSearchDropDown.razor.rz.scp.css */
.custom-select[b-afh6vu5xa5],
.custom-select *[b-afh6vu5xa5] {
	box-sizing: border-box;
}

.custom-select[b-afh6vu5xa5] {
	position: relative;
	color: #000;
	height: 100%;
	display: flex;
	flex-direction: column-reverse;
	gap: .5rem;
	height: 40px; /* same height as <DebEditor> */
}

input[b-afh6vu5xa5] {
	all: revert;
	width: 100%;
	background-color: white;
	padding: 0.675em 1em;
	border: 1px solid #ccc;
	border-radius: 0.6rem;
	cursor: pointer;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	margin: 0;
	color: black;
	gap: 2rem;
	transition: all .2s ease-in-out;
	height: 100%;
	max-width: 100%;
	font-size: 1.4rem;
}

.object-width[b-afh6vu5xa5] {
	visibility: hidden;
	display: block;
	height: 0;
	overflow: hidden;
	padding: 0 1.5em;
	white-space: nowrap;
}

span[b-afh6vu5xa5] {
	line-height: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

label[b-afh6vu5xa5] {
	line-height: normal;
	width: 100%;
}

input svg[b-afh6vu5xa5] {
	fill: var(--dark-color, #020202);
	height: 14px;
	width: 14px;
}

.search-dropdown[b-afh6vu5xa5] {
	list-style: none;
	width: 100%;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	border: 1px solid #caced1;
	border-radius: .6rem;
	padding: 10px;
	max-height: 250px;
	overflow-y: auto;
	transition: all 0.5s ease-in-out;
}

	.search-dropdown li[b-afh6vu5xa5] {
		position: relative;
		cursor: pointer;
		display: flex;
		gap: 1rem;
		align-items: center;
	}


	.search-dropdown input[type="radio"][b-afh6vu5xa5] {
		position: absolute;
		left: -99999px;
	}

	.search-dropdown li label[b-afh6vu5xa5] {
		--TopBottomPadding: 8px;
		width: 100%;
		padding: var(--TopBottomPadding, 8px) 10px;
		cursor: pointer;
		line-height: normal;
		overflow-wrap: break-word;
		word-wrap: break-word;
		hyphens: auto;
	}

		.search-dropdown li label.empty-label[b-afh6vu5xa5] {
			height: calc(1lh + (var(--TopBottomPadding, 8px) * 2))
		}

	.search-dropdown input:focus ~ label[b-afh6vu5xa5] {
		background-color: #dfdfdf;
	}

	.search-dropdown li.arrow-selected[b-afh6vu5xa5],
	.search-dropdown li:hover[b-afh6vu5xa5],
	.search-dropdown input:checked ~ label[b-afh6vu5xa5] {
		background-color: #f2f2f2;
	}

.SearchDropDown-InputContainer:hover[b-afh6vu5xa5] {
	border-color: rgba(0, 0, 0, .7);
}

/* ----------------- States ----------------- */

button[disabled][b-afh6vu5xa5] {
	background-color: #e9ecef !important;
	color: #445364;
	cursor: default;
}

	button[disabled]:hover[b-afh6vu5xa5],
	button[disabled]:focus[b-afh6vu5xa5] {
		border: 1px solid #A1A1A1;
	}

		button[disabled] svg[b-afh6vu5xa5],
		button[disabled]:hover svg[b-afh6vu5xa5],
		button[disabled]:focus svg[b-afh6vu5xa5] {
			fill: #445364;
		}

/* ----------------- Scroll bar ----------------- */

@media (hover :hover) and (pointer :fine) {
	.search-dropdown[b-afh6vu5xa5]::-webkit-scrollbar {
		width: 7px;
		height: 7px;
	}

	.search-dropdown[b-afh6vu5xa5]::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
	}

	.search-dropdown[b-afh6vu5xa5]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		.search-dropdown[b-afh6vu5xa5]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}

	.search-dropdown[b-afh6vu5xa5]::-webkit-scrollbar-corner {
		background: #f1f1f1;
	}
}

.hidden-longest[b-afh6vu5xa5] {
	visibility: hidden;
	padding: 0 1rem;
}

.fit-content[b-afh6vu5xa5] {
	max-width: 100%;
	width: fit-content;
}

.search-list-item input[b-afh6vu5xa5] {
	width: 100%;
}
/* _content/Dbo365.Debiteuren/Components/DebTabControl.razor.rz.scp.css */
li[b-6ox9nfbj32] {
	padding: 0 !important;
	border-radius: unset !important;
	background-color: unset !important;
	border: unset !important;
}

button[b-6ox9nfbj32] {
	all: revert;
	background-color: transparent;
	color: black;
	border-radius: 50px;
	border: 2px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 5px 10px;
	font-size: 14px;
	font-size: 1.4rem;
}


li.active button[b-6ox9nfbj32] {
	background-color: var(--main-color-limegreen);
	color: black;
	font-size: 14px;
	font-size: 1.4rem;
	border-radius: 50px;
}


.accordion-tabs[b-6ox9nfbj32] {
	background-color: var(--main-color);
	border-top-right-radius: 25px;
	border-top-left-radius: 25px;
	padding: 12px;
	/*max-width: 98%;*/
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

	.accordion-tabs > li[b-6ox9nfbj32] {
		all: revert;
		box-sizing: inherit;
	}

		.accordion-tabs > li > button[b-6ox9nfbj32] {
			all: revert;
			background-color: var(--main-color);
			color: black;
			border: none;
			cursor: pointer;
			padding: 10px 15px;
			border-radius: 50px;
			font-size: 14px;
			font-size: 1.4rem;
		}

		.accordion-tabs > li.active > button[b-6ox9nfbj32] {
			all: revert;
			background-color: var(--main-color-limegreen);
			color: black;
			border-radius: 50px;
			border: none;
			cursor: pointer;
			padding: 10px 15px;
			border-radius: 50px;
			font-size: 14px;
			font-size: 1.4rem;
		}

/*
	NewPrimary
*/
.accordion.NewPrimary[b-6ox9nfbj32] {
	padding: 0px;
	margin: 0px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

	.accordion.NewPrimary > .accordion-tabs[b-6ox9nfbj32] {
		background: white;
		display: flex;
		justify-content: start;
		flex-wrap: wrap;
		gap: 5px;
		padding: 0 var(--side-spacing) 20px var(--side-spacing);
		border-bottom: 1px solid #ccc;
	}

		.accordion.NewPrimary > .accordion-tabs > li > button[b-6ox9nfbj32] {
			--border: 2px;
			background: white;
			padding: 0px;
			border-radius: unset;
			white-space: nowrap;
			color: black;
			padding: 5px;
			border-bottom: var(--border) solid transparent;
		}

		.accordion.NewPrimary > .accordion-tabs > li.active > button[b-6ox9nfbj32] {
			border-bottom: var(--border) solid green;
			background: white;
			background-color: white;
			color: black;
		}

	.accordion.NewPrimary > div[b-6ox9nfbj32] {
		border: none;
		padding: 0px;
		margin: 0px;
		height: 100%;
	}

/*
		SideBarPrimary
	*/

.accordion.SideBarPrimary[b-6ox9nfbj32] {
	padding: 0px;
	margin: 0px;
	display: flex;
	flex-direction: row;
	border-right: 1px solid #ccc;
	height: 100%;
}


	.accordion.SideBarPrimary > .accordion-tabs[b-6ox9nfbj32] {
		background: white;
		display: flex;
		justify-content: start;
		align-items: start;
		align-content: start;
		margin: 0px;
		padding: 20px 40px 20px 0;
	}

.accordion.SideBarPrimary[b-6ox9nfbj32] {
	outline: none;
	border: none;
}

	.accordion.SideBarPrimary > .accordion-tabs[b-6ox9nfbj32] {
		border-right: 1px solid #ccc;
		border-radius: 0;
	}

		.accordion.SideBarPrimary > .accordion-tabs > li[b-6ox9nfbj32] {
			width: 100%;
			width: -webkit-fill-available;
		}

		.accordion.SideBarPrimary > .accordion-tabs > li[b-6ox9nfbj32] {
			background-color: transparent;
		}

			.accordion.SideBarPrimary > .accordion-tabs > li > button[b-6ox9nfbj32] {
				background: unset;
				padding: 0px;
				width: 100%;
				text-align: left;
				color: #020202;
				border: unset;
			}

			.accordion.SideBarPrimary > .accordion-tabs > li > button[b-6ox9nfbj32] {
				padding: 8px 12px;
				border-radius: .7rem;
				cursor: pointer;
			}

				.accordion.SideBarPrimary > .accordion-tabs > li > button:hover[b-6ox9nfbj32] {
					background-color: #F0F0F0;
				}

			.accordion.SideBarPrimary > .accordion-tabs > li.active > button[b-6ox9nfbj32] {
				background: var(--main-color-limegreen);
				background-color: var(--main-color-limegreen);
			}

	.accordion.SideBarPrimary > div[b-6ox9nfbj32] {
		border: none;
		padding: 0px;
		margin: 0px;
		height: 100%;
	}

	.accordion.SideBarPrimary .form-inline[b-6ox9nfbj32] {
		padding: 20px 0 20px 40px;
	}

	.accordion.SideBarPrimary[b-6ox9nfbj32]  h3 {
		border: none;
	}

/*.sub-navigation {
	min-width: 260px;
	border-right: 1px solid #ccc;
	height: 100%;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

	.sub-navigation li {
		padding: 5px 10px;
		border-radius: .7rem;
		cursor: pointer;
	}

		.sub-navigation li:hover {
			background: #D1F951;
		}

		.sub-navigation li.active {
			background: #D1F951;
		}
*/
/* _content/Dbo365.Debiteuren/Components/DebTable.razor.rz.scp.css */
.NewLayout table[b-7p5jejdz2b] {
	background-color: transparent;
	margin: unset;
	border: unset;
}

.NewLayout thead[b-7p5jejdz2b]{
	box-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.NewLayout tbody[b-7p5jejdz2b]  tr:not(:nth-child(1)){
	border-top: 1px solid rgba(0,0,0,0.2);
}

.NewLayout[b-7p5jejdz2b]  tr:nth-child(odd),
.NewLayout[b-7p5jejdz2b]  tr:nth-child(even){
	background: transparent;
}

	.NewLayout tbody[b-7p5jejdz2b]  tr:nth-child(odd):is(:hover),
	.NewLayout tbody[b-7p5jejdz2b]  tr:nth-child(even):is(:hover) {
		background: rgba(0,0,0,0.05);
	}

tfoot[b-7p5jejdz2b] {
	background: var(--main-color);
	color: white
}

	.NewLayout tfoot[b-7p5jejdz2b]{
		background-color: transparent;
	}

		.NewLayout tfoot[b-7p5jejdz2b]  tr {
			border-top: 1px solid rgba(0,0,0,0.2);
		}
/* _content/Dbo365.Debiteuren/Components/DebToolTip.razor.rz.scp.css */
[b-e13fwvb80f] dialog {
	--main-color: #133416;
	--main-color-limegreen: #D1F951;
	--main-color-lightbeige: #EFEDE0;
}

.dialog-modal-top > *[b-e13fwvb80f] {
	border-bottom: 0;
	margin-bottom: 0;
}

.dialog-modal h1[b-e13fwvb80f],
.dialog-modal p[b-e13fwvb80f],
[b-e13fwvb80f] p {
	padding: 0;
	margin: 0;
	line-height: normal;
	align-items: center;
	display: flex;
}

.dialog-modal-top[b-e13fwvb80f],
.dialog-modal-bottom[b-e13fwvb80f] {
	z-index: 5;
}

.dialog-modal-middle[b-e13fwvb80f] {
	display: flex;
	gap: 16px;
	flex-direction: column;
	padding: 0;
}

.dialog-modal-middle[b-e13fwvb80f] {
	display: flex;
	gap: 0;
	flex-direction: column;
	padding: 0;
}

	.dialog-modal-middle[b-e13fwvb80f]  > * {
		display: flex;
		gap: 16px;
		flex-direction: column;
		padding: 2.5rem;
	}

		.dialog-modal-middle[b-e13fwvb80f]  > *:nth-child(1) {
			padding-top: 2rem;
		}

		.dialog-modal-middle[b-e13fwvb80f]  > *:nth-last-child(1) {
			padding-bottom: 2rem;
		}

		.dialog-modal-middle[b-e13fwvb80f]  > *:not(:nth-last-child(1)) {
			border-bottom: 1px solid #ccc;
		}



[b-e13fwvb80f] .form-row {
	display: grid;
	position: relative;
}

	[b-e13fwvb80f] .form-row::before,
	[b-e13fwvb80f] .form-row::after {
		display: none;
	}

	[b-e13fwvb80f] .form-row .form-col {
		margin: 0;
		width: unset;
		display: grid;
	}

	[b-e13fwvb80f] .form-row input[type="text"],
	[b-e13fwvb80f] .form-row input[type="number"] {
		all: revert;
		background-color: transparent;
		padding: 1rem !important;
		border: 1px solid #ccc;
		border-radius: 0.5rem;
		color: black;
		transition: all .2s ease-in-out;
		outline: none;
		width: unset;
	}

		[b-e13fwvb80f] .form-row input[type="text"]:is(:hover, :focus),
		[b-e13fwvb80f] .form-row input[type="number"]:is(:hover, :focus) {
			border-color: #999;
		}

[b-e13fwvb80f] .tooltip-top {
	grid-template-columns: 1fr auto;
}

	[b-e13fwvb80f] .tooltip-top .form-col:nth-child(2) {
		grid-column: span 2;
	}

	[b-e13fwvb80f] .tooltip-top button {
		grid-column: 2/3;
		grid-row: 1/2;
	}

[b-e13fwvb80f] .tooltip-side {
	grid-template-columns: 1fr 1fr;
}

	[b-e13fwvb80f] .tooltip-side .form-col:nth-child(1) {
		grid-column: span 2;
	}

	[b-e13fwvb80f] .tooltip-side .form-col:nth-child(2) {
		display: flex;
		align-items: center;
		gap: 1rem;
	}

		[b-e13fwvb80f] .tooltip-side .form-col:nth-child(2) span {
			margin: 0 !important;
		}

	[b-e13fwvb80f] .tooltip-side button {
		grid-column: 2/3;
		grid-row: 2/3;
		width: fit-content;
	}

[b-e13fwvb80f] .checkbox-tooltip-side {
	grid-template-columns: auto auto 1fr;
	gap: 1rem;
	align-items: center;
}

	[b-e13fwvb80f] .checkbox-tooltip-side .form-col:nth-child(2) {
		display: contents;
	}

	[b-e13fwvb80f] .checkbox-tooltip-side label {
		display: flex;
		align-items: center;
	}

[b-e13fwvb80f] .form-row .form-col input.deb-toggle[type="checkbox"] {
	all: revert;
	width: 18px;
	height: 18px;
	margin: 0;
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	accent-color: var(--main-color-limegreen);
	border-radius: 3px;
	cursor: pointer;
}

/*	::deep .checkbox-tooltip-side .form-col:nth-child(1) {
		grid-column: span 2;
	}*/

[b-e13fwvb80f] .checkbox-tooltip-side .form-col:nth-child(2) {
	grid-column: 1/2;
	grid-row: 1/2;
	width: fit-content;
}

[b-e13fwvb80f] .checkbox-tooltip-side button {
	grid-column: 3/4;
	width: fit-content;
}

[b-e13fwvb80f] input[type="number"] {
}

[b-e13fwvb80f] .form-row .form-col input.deb-toggle[type="checkbox"] ~ label {
	display: none;
}

[b-e13fwvb80f] .checkbox-tooltip-side .deb-explanation-wrapper,
[b-e13fwvb80f] .tooltip-side .deb-explanation-wrapper {
	position: unset;
	margin: unset;
	width: fit-content;
}

[b-e13fwvb80f] .checkbox-tooltip-side .deb-explanation-text,
[b-e13fwvb80f] .tooltip-side .deb-explanation-text {
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	top: calc(100% + 5px);
	pointer-events: none;
	border: none;
	background-color: #FFEBCE;
	padding: 5px 10px;
}

@media (hover: hover) and (pointer: fine) {
	[b-e13fwvb80f] .checkbox-tooltip-side .deb-explanation-text::after,
	[b-e13fwvb80f] .checkbox-tooltip-side .deb-explanation-text::before,
	[b-e13fwvb80f] .tooltip-side .deb-explanation-text::after,
	[b-e13fwvb80f] .tooltip-side .deb-explanation-text::before {
		pointer-events: none;
	}

	[b-e13fwvb80f] .checkbox-tooltip-side .deb-explanation-text::before,
	[b-e13fwvb80f] .tooltip-side .deb-explanation-text::before {
		content: "";
		position: absolute;
		top: -10px;
		left: 32px;
		transform: rotate(0deg);
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent #FFEBCE transparent;
		transition: opacity 0.3s ease;
		z-index: 50;
	}
}

.selectlist-container[b-e13fwvb80f] {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

	.selectlist-container label[b-e13fwvb80f] {
		line-height: normal;
	}

.selectlist-tooltip[b-e13fwvb80f] {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: baseline;
	position: relative;
}

	.selectlist-tooltip span[b-e13fwvb80f] {
		display: grid;
		cursor: pointer;
	}

	.selectlist-tooltip i[b-e13fwvb80f] {
		font-size: 22px;
		color: #133416;
	}

@media (hover: hover) and (pointer: fine) {
	.selectlist-tooltip span[b-e13fwvb80f]::after,
	.selectlist-tooltip span[b-e13fwvb80f]::before {
		pointer-events: none;
	}

	.selectlist-tooltip span[b-e13fwvb80f]::after {
		content: attr(data-title);
		position: absolute;
		top: calc(100% + 5px);
		background-color: #FFEBCE;
		color: black;
		padding: 5px 10px;
		border-radius: 5px;
		width: 100%;
		opacity: 0;
		transition: opacity 0.3s ease;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.3s ease-in-out;
		z-index: 50;
	}

	.selectlist-tooltip span[b-e13fwvb80f]::before {
		content: "";
		position: absolute;
		bottom: -5px;
		left: 32px;
		transform: rotate(0deg);
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent #FFEBCE transparent;
		opacity: 0;
		transition: opacity 0.3s ease;
		z-index: 50;
	}

	.selectlist-tooltip span:is(:hover, :focus)[b-e13fwvb80f]::after,
	.selectlist-tooltip span:is(:hover, :focus)[b-e13fwvb80f]::before {
		opacity: 1;
	}
}


button[b-e13fwvb80f] {
	all: revert;
	background-color: transparent;
	border: none;
	padding: 5px;
	display: grid;
	justify-content: center;
	align-items: center;
	outline: none;
	border: 1px solid transparent;
	border-radius: 5px;
	cursor: pointer;
}

	button:focus[b-e13fwvb80f] {
		border-color: #999;
	}

	button[b-e13fwvb80f]  svg {
		height: 18px;
		width: auto;
	}

[b-e13fwvb80f] .form-row .form-col label {
	line-height: normal;
	font-weight: normal;
	padding: 5px 0;
	cursor: pointer;
}



[b-e13fwvb80f] button.confirm {
	all: revert;
	box-sizing: border-box;
	cursor: pointer;
	background-color: var(--primary-color, #D1F951);
	border: 1px solid var(--primary-color, #D1F951);
	color: var(--dark-color, #020202);
	padding: .8rem 1.2rem;
	border-radius: .6rem;
	position: relative;
	transition: all .2s ease-in-out;
}

[b-e13fwvb80f] button.cancel {
	all: revert;
	box-sizing: border-box;
	cursor: pointer;
	background-color: transparent;
	border: 1px solid var(--primary-hover, #A1A1A1);
	color: var(--dark-color, #020202);
	padding: .8rem 1.2rem;
	border-radius: .6rem;
	display: flex;
	align-items: center;
}


/*
	OLD CreateOrEdit.razor component styling)
*/



h3[b-e13fwvb80f] {
	--font-size: 1em;
	--min-font-size: calc(var(--font-size) * 0.875); /* 14px */
	--max-font-size: calc(var(--font-size) * 1.25); /* 20px */
	--vw: 10vw;
	--size-grow: 1;
	--font-m: clamp(calc(var(--size-grow) * var(--min-font-size)), var(--vw), calc(var(--size-grow) * var(--max-font-size)));
	font-size: var(--font-m);
	color: black;
	border: unset;
	line-height: normal;
	margin: 0;
	padding: 0;
}

section[b-e13fwvb80f] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	container-type: inline-size;
}

.contact[b-e13fwvb80f] {
	display: flex;
	flex-direction: column;
}

.option-container[b-e13fwvb80f] {
	margin-left: 28px;
}

.contact[b-e13fwvb80f]  .checkbox-container .form-row {
	margin-bottom: .5rem;
}

.contact[b-e13fwvb80f] >  .expander {
	margin-left: 28px;
}

[b-e13fwvb80f] .custom-select {
	height: fit-content;
}

.contact[b-e13fwvb80f]  .custom-select {
	height: fit-content;
	margin-bottom: 5px;
}

	[b-e13fwvb80f] .custom-select button {
		border-color: #ccc !important;
	}

		[b-e13fwvb80f] .custom-select button:is(:hover, focus-within) {
			border-color: #999 !important;
		}

.action-date[b-e13fwvb80f] {
	display: grid;
	grid-template-columns: 1fr auto auto auto;
	row-gap: .5rem;
	column-gap: .5rem;
	position: relative;
}

	.action-date[b-e13fwvb80f]  .form-row {
		display: grid;
		grid-template-columns: subgrid;
		align-items: center;
		grid-column: 1/-1;
		grid-row: 1/3;
		row-gap: inherit;
		column-gap: inherit;
	}

		.action-date[b-e13fwvb80f]  .form-row .form-col {
			margin: 0;
		}

			.action-date[b-e13fwvb80f]  .form-row .form-col:nth-child(1) {
				grid-column: 1/-2;
				grid-row: 1/2;
			}

			.action-date[b-e13fwvb80f]  .form-row .form-col:nth-child(2) {
				grid-column: 1/2;
				grid-row: 2/3;
				display: flex;
				column-gap: inherit;
				align-items: center;
				gap: 0;
			}

		.action-date[b-e13fwvb80f]  .form-row input {
			width: 100%;
		}

	.action-date[b-e13fwvb80f]  .selectDropdown-container-first {
		grid-column: 2/3;
		grid-row: 2/3;
	}

	.action-date[b-e13fwvb80f]  .selectDropdown-container-second {
		grid-column: 3/-1;
		grid-row: 2/3;
	}


	.action-date span[b-e13fwvb80f] {
		grid-column: 2/-1;
		grid-row: 2/3;
	}


	.action-date .Tooltip[b-e13fwvb80f] {
		display: grid;
		align-items: center;
		justify-content: center;
		width: fit-content;
		grid-column: -2/-1;
		grid-row: 1/2;
		z-index: 2;
		padding: .5rem;
		cursor: pointer;
	}

		.action-date .Tooltip[b-e13fwvb80f]  svg {
			height: 18px;
			width: auto;
		}

	.action-date[b-e13fwvb80f]  .custom-select {
		margin-bottom: 0;
	}

@media (hover: hover) and (pointer: fine) {
	.action-date .Tooltip[b-e13fwvb80f]::after, .action-date .Tooltip[b-e13fwvb80f]::before {
		pointer-events: none;
	}

	.action-date .Tooltip[b-e13fwvb80f]::after {
		content: attr(data-title);
		position: absolute;
		top: calc(100% + 5px);
		background-color: #FFEBCE;
		color: black;
		padding: 5px 10px;
		border-radius: 5px;
		width: 100%;
		opacity: 0;
		transition: opacity 0.3s ease;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.3s ease-in-out;
		z-index: 50;
	}

	.action-date .Tooltip[b-e13fwvb80f]::before {
		content: "";
		position: absolute;
		bottom: -5px;
		left: 32px;
		transform: rotate(0deg);
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent #FFEBCE transparent;
		opacity: 0;
		transition: opacity 0.3s ease;
		z-index: 50;
	}

	.action-date .Tooltip:is(:hover, :focus)[b-e13fwvb80f]::after,
	.action-date .Tooltip:is(:hover, :focus)[b-e13fwvb80f]::before {
		opacity: 1;
	}
}

@container (max-width: 400px) {
	.InvoiceStatusOpen[b-e13fwvb80f] {
		grid-template-columns: 1fr auto 1fr auto;
	}

		.InvoiceStatusOpen[b-e13fwvb80f]  .form-row .form-col:nth-child(2) {
			grid-column: 1/-1;
			grid-row: 2/3;
		}

		.InvoiceStatusOpen[b-e13fwvb80f]  .selectDropdown-container-first {
			grid-column: 1/3;
			grid-row: 3/4;
		}

		.InvoiceStatusOpen[b-e13fwvb80f]  .selectDropdown-container-second {
			grid-column: 3/-1;
			grid-row: 3/4;
		}
}

[b-e13fwvb80f] .active:has(.bottom) .select-dropdown.no-popover {
	z-index: 3;
}

.checkbox-container[b-e13fwvb80f]  .form-row {
	justify-content: flex-start;
	column-gap: 1rem;
	display: flex;
	flex-direction: row-reverse;
}

	.checkbox-container[b-e13fwvb80f]  .form-row .form-col:nth-child(1) {
		grid-column: 2/3;
		grid-row: 1/2;
		align-items: center;
		width: 100%;
	}

	.checkbox-container[b-e13fwvb80f]  .form-row .form-col:nth-child(2) {
		grid-column: 1/2;
		padding: .5rem 0;
	}

	.checkbox-container[b-e13fwvb80f]  .form-row label {
		padding: .5rem 0;
	}

.selectDropdown-container[b-e13fwvb80f] {
	display: flex;
	flex-direction: column;
	row-gap: .5rem;
}

.description[b-e13fwvb80f] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	margin-top: 1rem;
}

.description > p[b-e13fwvb80f]{
	font-weight: 600;
}

	.description[b-e13fwvb80f]  .ui-tabs {
		display: flex;
		flex-direction: column;
		gap: .5rem;
		padding: 0 !important;
	}

	.description[b-e13fwvb80f]  ul {
		margin-top: 0 !important;
		display: flex;
		flex-wrap: wrap;
		gap: .5rem;
	}

	.description[b-e13fwvb80f]  .ui-tabs-panel {
		display: grid;
	}

	.description[b-e13fwvb80f]  .ui-helper-clearfix:before,
	.description[b-e13fwvb80f]  .ui-helper-clearfix:after {
		display: none;
	}

	.description[b-e13fwvb80f]  .ui-tabs .ui-tabs-nav li {
		margin: 0;
		background-color: transparent;
		border: none;
	}

	.description[b-e13fwvb80f]  .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		border-bottom: 2px solid transparent;
		padding: .5rem;
		line-height: normal;
	}

	.description[b-e13fwvb80f]  .ui-tabs-active .ui-tabs-anchor {
		color: black;
		border-bottom: 2px solid green !important;
	}

	.description[b-e13fwvb80f]  .ui-widget textarea {
		--padding: 1rem;
		width: unset;
		padding: var(--padding) !important;
		min-height: calc(10lh + 10 * var(--padding));
		max-height: calc(10lh + 10 * var(--padding));
		line-height: 1;
		padding-inline: calc(var(--padding) + calc((1lh - 1ex) / 2));
		resize: none;
		border-radius: .5rem;
	}

		.description[b-e13fwvb80f]  .ui-widget textarea:is(:hover, :focus) {
			border-color: #999;
		}

[b-e13fwvb80f] .tox-tinymce {
	border-radius: .5rem;
}

	[b-e13fwvb80f] .tox-tinymce:is(:hover, :focus) {
		border-color: #999;
	}

@supports (field-sizing: content) {
	.description[b-e13fwvb80f]  .ui-widget textarea {
		min-height: calc(3lh + 3 * var(--padding));
		max-height: unset;
		field-sizing: content;
		resize: vertical;
	}
}

.description[b-e13fwvb80f]  .ui-widget textarea::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

.description[b-e13fwvb80f]  .ui-widget textarea::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 25px;
}

.description[b-e13fwvb80f]  .ui-widget textarea::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 25px;
}

	.description[b-e13fwvb80f]  .ui-widget textarea::-webkit-scrollbar-thumb:hover {
		background-color: #A8A8A8;
	}

.upload-container[b-e13fwvb80f] {
	display: flex;
	flex-direction: column;
}

[b-e13fwvb80f] .upload {
	width: 100%;
}


[b-e13fwvb80f] .uploaded button svg {
	height: 18px;
	width: 18px;
}

.accordion[b-e13fwvb80f] {
	padding: 0;
	margin: 0;
	gap: .5rem;
}

	.accordion[b-e13fwvb80f]  ul {
		all: revert;
		display: flex;
		flex-wrap: wrap;
		gap: .5rem;
		margin: 0;
		padding: 0;
	}

	.accordion[b-e13fwvb80f]  li,
	.accordion[b-e13fwvb80f]  .active{
		all: revert;
		margin: 0;
		background-color: transparent;
		border: none;
		list-style-type: none;
	}

		.accordion[b-e13fwvb80f]  li > button {
			all: revert;
			margin: 0;
			background-color: transparent;
			border: none;
			border-bottom: 2px solid transparent;
			cursor: pointer;
			padding: .5rem;
		}

			.accordion[b-e13fwvb80f]  li > button:is(:hover, :focus) {
				border-color: #ccc;
			}

		.accordion[b-e13fwvb80f]  .active button{
			border-color: green;
		}

			.accordion[b-e13fwvb80f]  .active button:is(:hover, :focus) {
				border-color: green;
			}

.error-massage[b-e13fwvb80f] {
	color: red;
}

[b-e13fwvb80f] .invalid textarea,
[b-e13fwvb80f] .invalid input,
[b-e13fwvb80f] .invalid .tox-tinymce,
[b-e13fwvb80f] .invalid textarea:is(:hover, :focus),
[b-e13fwvb80f] .invalid input:is(:hover, :focus),
[b-e13fwvb80f] .invalid .tox-tinymce:is(:hover, :focus) {
	border-color: red !important;
}


[b-e13fwvb80f] .form-inline {
	padding: 0;
	border: unset;
	display: flex;
	flex-direction: column;
	gap: inherit;
}

	[b-e13fwvb80f] .form-inline h2 {
		--font-size: 1em;
		--min-font-size: calc(var(--font-size) * 0.875); /* 14px */
		--max-font-size: calc(var(--font-size) * 1.25); /* 20px */
		--vw: 10vw;
		--size-grow: 1;
		--font-m: clamp(calc(var(--size-grow) * var(--min-font-size)), var(--vw), calc(var(--size-grow) * var(--max-font-size)));
		font-size: var(--font-m);
		color: black;
		border: unset;
		line-height: normal;
		margin: 0;
		padding: 0;
	}

	[b-e13fwvb80f] .form-inline,
	[b-e13fwvb80f] .form-inline table{
		margin: unset;
	}

	[b-e13fwvb80f] .form-inline table{
		border: unset;
	}

		[b-e13fwvb80f] .form-inline table tr{
			display: flex;
			/*		flex-wrap: wrap;*/
			flex-direction: column;
			/*		align-items: center;*/

		}

		[b-e13fwvb80f] .form-inline table tr:not(:nth-last-child(1)) {
			border-bottom: 1px solid #ccc;
		}

		[b-e13fwvb80f] .form-inline table tr th,
		[b-e13fwvb80f] .form-inline table tr td {
			flex: 1 1 50%; /* Make each cell take 50% of the row's width */
			box-sizing: border-box;
			padding: 8px;
			border: unset;
			line-height: normal;
			white-space: pre-wrap;
		}

		[b-e13fwvb80f] .form-inline table tr td {
			padding-top: 0;
		}


.accordion.SideBarPrimary .macros[b-e13fwvb80f]  .form-inline {
	padding: 0 2.5rem;
}
/* _content/Dbo365.Debiteuren/Components/Debtor/ContactButton.razor.rz.scp.css */
.frame-button[b-onac26e67q] {
	border-radius: 5px;
	padding: 10px 10px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
	position: relative;
	overflow: hidden;
}

.vector[b-onac26e67q] {
	flex-shrink: 0;
	position: relative;
	overflow: visible;
}

.button-text[b-onac26e67q] {
	/*         color: var(--light, #ffffff); */
	text-align: left;
	font: 400 16px "Sora", sans-serif;
	position: relative;
}

.hover-green:hover[b-onac26e67q] {
	background-color: var(--main-color-limegreen) !important; /* Important to override inline styles */
}

.dropdown[b-onac26e67q] {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateY(100%);
	background-color: white;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.hover-green:hover .dropdown[b-onac26e67q] {
	display: block;
}


.pop-up-container[b-onac26e67q] {
	position: absolute;
	z-index: 10;
	background-color: white;
	padding: 5px;

	margin-top: 10px;
	border-radius: 5px;
	width: 100%;
}

.pop-up-item[b-onac26e67q] {
	border-radius: 5px;
}

.pop-up-item:hover[b-onac26e67q] {
	background: var(--secondary, #D1F951);
}

.contact-button-wrapper[b-onac26e67q] {
	position: relative;
}

.pop-up-item-text[b-onac26e67q] {
	display: grid;
}

.pop-up-item-text > span:last-child[b-onac26e67q] {
	font-size: 1.25rem;
}
/* _content/Dbo365.Debiteuren/Components/Debtor/DebtorContactTable.razor.rz.scp.css */
.overview[b-v728tbss8p],
.overview *[b-v728tbss8p] {
	box-sizing: border-box;
}

.overview[b-v728tbss8p] {
	display: grid;
	grid-auto-flow: column;
	grid-auto-rows: 1fr;
	grid-template-columns: 80% 1fr;

	gap: 20px;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
	padding-bottom: 20px;
	width: 100%;
}

.debtor-table-collection[b-v728tbss8p] {
	background: var(--light, #ffffff);
	border-radius: 10px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: flex-start;
	justify-content: flex-start;
	flex: 1;
	position: relative;
}

.debtor-overview-table[b-v728tbss8p] {
	display: flex;
	flex-direction: row;
	gap: 50px;
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	flex-shrink: 0;
	position: relative;
}

.debtor-overview-frame[b-v728tbss8p] {
	display: flex;
	flex-direction: column;
	gap: 0px;
	align-items: flex-start;
	justify-content: flex-start;
	flex: 1;
	position: relative;
}

.debtor-overview-row[b-v728tbss8p] {
	border-style: solid;
	border-color: #a1a1a1;
	border-width: 0px 0px 1px 0px;
	padding: 10px 0px 10px 0px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	justify-content: flex-start;
	align-self: stretch;
	flex-shrink: 0;
	min-width: 150px;
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr; 
	grid-auto-flow: column;
}

.debtor-table-header[b-v728tbss8p] {
	color: var(--dark-gray, #232322);
	text-align: left;
	font: var(--p-text, 400 16px "Sora", sans-serif);
	position: relative;
}

.debtor-table-data[b-v728tbss8p] {
	color: var(--dark-gray, #232322);
	text-align: left;
	font: var(--p-text, 400 16px "Sora", sans-serif);
	position: relative;
}

.debtor-overview-frame2[b-v728tbss8p] {
	display: flex;
	flex-direction: column;
	gap: 0px;
	align-items: flex-start;
	justify-content: flex-start;
	flex: 1;
	position: relative;
}

.debtor-overview-row2[b-v728tbss8p] {
	border-style: solid;
	border-color: #a1a1a1;
	border-width: 0px 0px 1px 0px;
	padding: 10px 0px 10px 0px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
	width: 100%;
	position: relative;
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 1fr 1fr;
}

.debtor-footer-button[b-v728tbss8p] {
	background: var(--secondary, #d1f951);
	border-radius: 50px;
	padding: 10px 20px 10px 20px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: relative;
}

.psd2-button[b-v728tbss8p] {
	color: var(--dark-gray, #232322);
	text-align: left;
	font: var(--p-text, 400 16px "Sora", sans-serif);
	position: relative;
}

.note-block[b-v728tbss8p] {
	background: var(--light, #ffffff);
	border-radius: 10px;
	padding: 15px 20px 15px 20px;
	position: relative;
	width: 100%;
}


.debtor-overview-title[b-v728tbss8p],
.debtor-overview-title *[b-v728tbss8p] {
	box-sizing: border-box;
}

.debtor-overview-title[b-v728tbss8p] {
	padding: 10px 0px 0px 0px;
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	flex-shrink: 0;
	position: relative;
	padding-bottom: 20px;
}

.debtor-overview-contact-title[b-v728tbss8p] {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	flex: 1;
	position: relative;
}

.title-row[b-v728tbss8p] {
	color: var(--dark-gray, #232322);
	text-align: left;
	font: var(--h-2, 400 36px "Sora", sans-serif);
	position: relative;
}

.debtor-overview-note-title[b-v728tbss8p] {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	flex-shrink: 0;
	width: 442px;
	position: relative;
}

.debtor-overview-title[b-v728tbss8p] {
	padding-bottom: 10px;
}

[b-v728tbss8p] .title-bar-wrapper h1 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.overview > div:last-child[b-v728tbss8p] {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.overview > div:last-child textarea[b-v728tbss8p] {
	flex-grow: 1;
}


@media (max-width: 1366px) {
	.overview[b-v728tbss8p] {
		grid: auto-flow dense / repeat(auto-fill, calc(100%));
		width: 100%;
		grid-auto-rows: 1fr;
	}
}
/* _content/Dbo365.Debiteuren/Components/Debtor/DebtorOverview.razor.rz.scp.css */
/*     .test-306-de-erven-van-tijdelijke-test,
                                        .test-306-de-erven-van-tijdelijke-test * {
                                            box-sizing: border-box;
                                        } */

.table-titlet[b-5ljkcjejiu] {
	box-sizing: border-box;
	color: var(--dark-gray, #232322);
	text-align: left;
	position: relative;
}

.title-number[b-5ljkcjejiu] {
	color: var(--dark-gray, #232322);
	font: var(--h-1, 400 48px "Sora", sans-serif);
}

.title-name[b-5ljkcjejiu] {
	color: var(--dark-gray, #232322);
	font: var(--h-2, 400 36px "Sora", sans-serif);
}


.frame-dispute-buttons[b-5ljkcjejiu] {
	padding: 5px 0px 5px 0px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 10px;
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	flex-shrink: 0;
	position: relative;
}
/*         .frame-dispute-buttons > :first-child {
                    padding-left: 0;
                } */
/* _content/Dbo365.Debiteuren/Components/Debtor/DebtorOverviewButtonRow.razor.rz.scp.css */
 .frame-30[b-6nu49j8u7p],
    .frame-30 *[b-6nu49j8u7p] {
        box-sizing: border-box;
    }

    .frame-30[b-6nu49j8u7p] {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: 1fr;

        gap: 20px;
        align-items: flex-start;
        justify-content: flex-start;
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
        padding-bottom: 40px;
    }

    .frame-148[b-6nu49j8u7p] {
        background: var(--light, #ffffff);
        border-radius: 5px;
        padding: 10px 20px 10px 20px;
        display: flex;
        flex-direction: row;
        gap: 20px;
        align-items: center;
        justify-content: flex-start;
        flex: 1;
        height: 56px;
        min-width: 201px;
        position: relative;
    }

    .ic-round-euro[b-6nu49j8u7p] {
        flex-shrink: 0;
        position: relative;
        overflow: visible;
    }

    .frame-302[b-6nu49j8u7p] {
        display: flex;
        flex-direction: column;
        gap: 0px;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
    }

    .betaaltoezegging[b-6nu49j8u7p] {
        color: var(--dark-gray, #232322);
        text-align: left;
        font: 400 16px "Sora", sans-serif;
        position: relative;
    }

    .frame-150[b-6nu49j8u7p] {
        background: var(--light, #ffffff);
        border-radius: 5px;
        padding: 10px 20px 10px 20px;
        display: flex;
        flex-direction: row;
        gap: 20px;
        align-items: center;
        justify-content: flex-start;
        flex: 1;
        height: 56px;
        min-width: 201px;
        position: relative;
    }

    .ic-round-euro2[b-6nu49j8u7p] {
        flex-shrink: 0;
        position: relative;
        overflow: visible;
    }

    .betalingsregeling[b-6nu49j8u7p] {
        color: var(--dark-gray, #232322);
        text-align: left;
        font: 400 16px "Sora", sans-serif;
        position: relative;
    }

    .frame-144[b-6nu49j8u7p] {
        background: var(--light, #ffffff);
        border-radius: 5px;
        padding: 10px 20px 10px 20px;
        display: flex;
        flex-direction: row;
        gap: 20px;
        align-items: center;
        justify-content: flex-start;
        flex: 1;
        height: 56px;
        min-width: 221px;
        position: relative;
    }

    .solar-letter-bold[b-6nu49j8u7p] {
        flex-shrink: 0;
        position: relative;
        overflow: visible;
    }

    .e-mail[b-6nu49j8u7p] {
        color: var(--dark-gray, #232322);
        text-align: left;
        font: 400 16px "Sora", sans-serif;
        position: relative;
    }

    .frame-147[b-6nu49j8u7p] {
        background: var(--light, #ffffff);
        border-radius: 5px;
        padding: 10px 20px 10px 20px;
        display: flex;
        flex-direction: row;
        gap: 20px;
        align-items: center;
        justify-content: flex-start;
        flex: 1;
        height: 56px;
        min-width: 217px;
        position: relative;
    }

    .ic-baseline-phone[b-6nu49j8u7p] {
        flex-shrink: 0;
        position: relative;
        overflow: visible;
    }

    .telefonisch[b-6nu49j8u7p] {
        color: var(--dark-gray, #232322);
        text-align: left;
        font: 400 16px "Sora", sans-serif;
        position: relative;
    }

    .frame-149[b-6nu49j8u7p] {
        background: var(--light, #ffffff);
        border-radius: 5px;
        padding: 10px 20px 10px 20px;
        display: flex;
        flex-direction: row;
        gap: 20px;
        align-items: center;
        justify-content: flex-start;
        flex: 1;
        min-width: 206px;
        position: relative;
    }

    .ic-baseline-phone2[b-6nu49j8u7p] {
        flex-shrink: 0;
        position: relative;
        overflow: visible;
    }

    .sms[b-6nu49j8u7p] {
        color: var(--dark-gray, #232322);
        text-align: left;
        font: 400 16px "Sora", sans-serif;
        position: relative;
    }

    ._06-12345678[b-6nu49j8u7p] {
        color: var(--dark-gray, #232322);
        text-align: left;
        font: 400 13px "Sora", sans-serif;
        position: relative;
    }

    .frame-145[b-6nu49j8u7p] {
        background: var(--light, #ffffff);
        border-radius: 5px;
        padding: 10px 20px 10px 20px;
        display: flex;
        flex-direction: row;
        gap: 20px;
        align-items: center;
        justify-content: flex-start;
        flex: 1;
        height: 56px;
        min-width: 221px;
        position: relative;
    }

    .solar-letter-bold2[b-6nu49j8u7p] {
        flex-shrink: 0;
        position: relative;
        overflow: visible;
    }

    .brief[b-6nu49j8u7p] {
        color: var(--dark-gray, #232322);
        text-align: left;
        font: 400 16px "Sora", sans-serif;
        position: relative;
    }

@media (max-width: 1300px) {
	.frame-30[b-6nu49j8u7p] {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
	}
}

@media (max-width: 700px) {
	.frame-30[b-6nu49j8u7p] {
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: repeat(6, 1fr);
	}
}
/* _content/Dbo365.Debiteuren/Components/DebTr.razor.rz.scp.css */
tr[b-5zx17sna09]{
	outline-offset: -1px;
}

tr.HasClick[b-5zx17sna09]{
	cursor: pointer;
}
/* _content/Dbo365.Debiteuren/Components/Input/CurrencyInput.razor.rz.scp.css */
.NewLayout[b-wygdqgqfoq] {
	--transition-time: .1s;
	--height: 30px;
	--input-padding: 1rem;
}

	.NewLayout input[b-wygdqgqfoq] {
		display: grid;
		grid-template-columns: auto 1fr;
		align-items: center;
		border: 1px solid rgba(0,0,0,.2);
		border-radius: .6rem;
		background-color: white;
		width: 100%;
		padding: var(--input-padding);
	}

		.NewLayout input:not(.disabled):hover[b-wygdqgqfoq] {
			border-color: rgba(0,0,0,.7);
		}

		.NewLayout input:not(.disabled):focus-within[b-wygdqgqfoq] {
			outline: auto;
		}

		input.IsInvalid[b-wygdqgqfoq],
		.NewLayout input:not(.disabled).IsInvalid[b-wygdqgqfoq] {
			border-color: rgb(242,28,13) !important;
		}

		.NewLayout input.disabled[b-wygdqgqfoq] {
			background-color: #e9ecef;
		}

@media (prefers-reduced-motion: no-preference) {
	.NewLayout input[b-wygdqgqfoq] {
		transition: all var(--transition-time) ease-in-out;
	}
}
/* _content/Dbo365.Debiteuren/Components/Input/DebRowCurrencyInput.razor.rz.scp.css */
[b-887pikxidh] .new-layout .label-container,
[b-887pikxidh] .new-layout .input-container {
	padding-top: calc((3rem - 1lh) * .5);
}

[b-887pikxidh] label,
[b-887pikxidh] p {
	line-height: normal;
	margin: 0 !important;
	word-break: break-all;
}
/* _content/Dbo365.Debiteuren/Components/Input/ImageInput.razor.rz.scp.css */
.img-container[b-ye06d60de2] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.upload-container[b-ye06d60de2] {
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 10rem;
	display: grid;
	background-color: white;
	transition: border .1s ease-in-out;
}

.Primary .upload-container[b-ye06d60de2] {
	border: 1px solid hsla(0deg,0%,0%,.2);
	border-radius: .6rem;
}

.Secondary .upload-container[b-ye06d60de2] {
	border: 1px dashed hsla(0deg,0%,0%,.2);
	border-radius: .6rem;
}

.upload-container:hover[b-ye06d60de2] {
	border-color: hsla(0deg,0%,0%,.7);
}

.upload-container.CustomPlaceHolder[b-ye06d60de2] {
	min-height: unset;
}

.upload-container.notImg[b-ye06d60de2] {
	padding: 2rem;
}

.upload-container.invalid[b-ye06d60de2] {
	border: 1px solid hsla(0deg, 100%, 50%, 1);
}

.upload-container:has(input:focus)[b-ye06d60de2] {
	outline: auto;
}

.upload-container .upload-context[b-ye06d60de2] {
	height: 100%;
	display: grid;
	align-items: center;
	justify-content: center;
}

.upload-container .upload-image-container .FitImageSize[b-ye06d60de2] {
	--ImageHeight: 100%;
	height: var(--ImageHeight);
	width: auto;
}

.upload-container .upload-image-container .FixedImageSize[b-ye06d60de2] {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.upload-container .upload-image-container .click-container[b-ye06d60de2] {
	position: absolute;
	top: .5rem;
	right: .5rem;
	display: flex;
	gap: .5rem;
}

.upload-container .upload-image-container .btn[b-ye06d60de2] {
	all: revert;
	padding: .5rem;
	border-radius: .6rem;
	border: 1px solid hsla(0deg, 0%, 0%, .2);
	background-color: transparent;
	display: grid;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	line-height: normal;
	cursor: pointer;
	position: relative;
	background-color: white;
}

.upload-container .download-btn[b-ye06d60de2]  svg {
	transform: rotate(180deg);
}

.upload-container .upload-tekst-container[b-ye06d60de2] {
	display: flex;
	gap: 1rem;
	height: fit-content;
	margin: auto 0;
}

.upload-container[b-ye06d60de2]  svg {
	height: 1lh;
	width: auto;
	line-height: normal;
}

.upload-container .upload-tekst-container[b-ye06d60de2]  p {
	line-height: normal;
}

.upload-container[b-ye06d60de2]  input[type=file] {
	all: revert;
	position: absolute;
	inset: 0;
	cursor: pointer;
	color: transparent;
	border-radius: inherit;
	user-select: none; /* Prevents text selection */
	opacity: 0; /* Hides the element visually */
}

	.upload-container[b-ye06d60de2]  input[type=file]::-webkit-file-upload-button {
		visibility: hidden;
	}

.upload-container[b-ye06d60de2]  input[type="file"]::file-selector-button {
	visibility: hidden;
}

.upload-container[b-ye06d60de2]  input[type=file]::-ms-browse {
	visibility: hidden;
}
/* _content/Dbo365.Debiteuren/Components/Input/SelectOrCreateEntityInput.razor.rz.scp.css */
.container[b-p6nlxs0wn5] {
	display: block;
	container-type: inline-size;
}

[b-p6nlxs0wn5] .custom-select {
	min-width: unset;
}

[b-p6nlxs0wn5] .input-container {
	display: grid;
	grid-template-columns: 1fr;
	border: 1px solid #ccc;
	border-radius: .6rem;
}

[b-p6nlxs0wn5] .custom-select .input-container input {
	border: unset;
	padding: 8px;
	min-width: 90px;
}

[b-p6nlxs0wn5] .input-container button.new-button,
[b-p6nlxs0wn5] .input-container button.remove-button {
	all: revert;
	background-color: transparent;
	display: flex;
	align-items: center;
	gap: 5px;
	color: #133416;
	fill: #133416;
	border-radius: 0 0 .6rem .6rem;
	cursor: pointer;
	padding: 8px 8px;
	border: none;
	border-top: 1px solid #ccc;
	font-size: 14px;
	outline: none;
}


	[b-p6nlxs0wn5] .input-container .remove-button
	::deep .input-container .remove-button svg,
	[b-p6nlxs0wn5] .input-container .remove-button path {
		fill: #ff2020;
		color: #ff2020;
	}

	[b-p6nlxs0wn5] .input-container .new-button
	::deep .input-container .new-button svg,
	[b-p6nlxs0wn5] .input-container .new-button path {
		fill: #ff2020;
		color: #ff2020;
	}


[b-p6nlxs0wn5] .input-container button.new-button:is(:focus, :hover) {
	background: #D1F951;
}

[b-p6nlxs0wn5] .input-container button.remove-button:is(:focus, :hover) {
	background: #fe70704c;
}

[b-p6nlxs0wn5] .input-container button svg {
	height: 1lh;
	width: auto;
	line-height: normal;
}

[b-p6nlxs0wn5] .input-container button svg path {
	transform-origin:center;
}

[b-p6nlxs0wn5] .input-container button.remove-button svg path{
	transform: rotate(45deg);
}

	.button-text-container .biggest-invisible[b-p6nlxs0wn5] {
		visibility: hidden;
	}

	.button-text-container span:first-child[b-p6nlxs0wn5] {
		position: absolute;
	}


@media (prefers-reduced-motion: no-preference) {
	[b-p6nlxs0wn5] .input-container button.new-button,
	[b-p6nlxs0wn5] .input-container button.remove-button {
		transition: background-color .3s ease-in-out;
	}

	[b-p6nlxs0wn5] .input-container button svg path {
		transition: transform .2s ease-in-out;
	}
}

@container (width > 300px) {
	/* Change the flex direction of the .child element. */
	.container[b-p6nlxs0wn5]  .input-container {
		grid-template-columns: 1fr auto;
	}

		.container[b-p6nlxs0wn5]  .input-container button.new-button,
		.container[b-p6nlxs0wn5]  .input-container button.remove-button {
			border-left: 1px solid #ccc;
			border-top: unset;
			border-radius: 0 .6rem .6rem 0;
		}
}
/* _content/Dbo365.Debiteuren/Components/Input/SendInput.razor.rz.scp.css */
.Conection[b-mnw4okc1w5] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

[b-mnw4okc1w5] #InTakeForm-btn, [b-mnw4okc1w5] #TakeOutForm-btn {
    margin-top: .9rem;
}


.Conection > div[b-mnw4okc1w5] {
    display: grid;
    grid-template-columns: auto 1fr;
    width: 100%;
    border: 1px solid gray;
    border-radius: .6rem;
}

    .Conection > div .actions[b-mnw4okc1w5] {
        grid-column: span 2;
        display: flex;
        border-top: 1px solid gray;
        border-radius: 0 0 .6rem .6rem;
        overflow: hidden;
    }



.Conection[b-mnw4okc1w5]  svg {
    height: 100%;
    width: auto;
    max-height: 18px;
}

.Conection label[b-mnw4okc1w5] {
    display: flex;
    padding: 1rem;
    border-right: 1px solid gray;
}

.Conection div input[b-mnw4okc1w5] {
    border: none;
    width: 100%;
}

.Conection div[b-mnw4okc1w5]  a,
.Conection div[b-mnw4okc1w5]  button {
    all: revert;
    display: flex;
    line-height: normal;
    align-items: center;
    gap: 1rem;
    width: 100%;
    height: 100%;
    padding: 1rem 1.5rem;
    border: 0;
    cursor: pointer;
    background-color: transparent;
    cursor: pointer;
    transition: background-color .3s ease-in-out;
    position: relative;
    white-space: nowrap;
    outline: revert !important;
}

.Conection div a[b-mnw4okc1w5] {
    height: fit-content;
    border-left: 1px solid gray;
    white-space: nowrap;
    text-decoration: none;
    color: black;
}

    .Conection div button:hover[b-mnw4okc1w5],
    .Conection div button:focus[b-mnw4okc1w5],
    .Conection div a:hover[b-mnw4okc1w5],
    .Conection div a:focus[b-mnw4okc1w5] {
        background-color: var(--primary-color, #D1F951);
    }


@container conection (min-width: 400px) {
    .Conection > div[b-mnw4okc1w5] {
        grid-template-columns: auto 1fr auto;
    }

        .Conection > div .actions[b-mnw4okc1w5], .download-document-container .actions[b-mnw4okc1w5] {
            grid-column: unset;
            width: fit-content;
            border: unset;
            overflow: unset;
        }

            .Conection > div .actions > *:nth-last-child(1)[b-mnw4okc1w5] {
                border-radius: 0 .6rem .6rem 0;
            }

    .Conection div a[b-mnw4okc1w5],
    .Conection div button[b-mnw4okc1w5] {
        padding: 1rem;
    }

    .Conection div button[b-mnw4okc1w5] {
        border-left: 1px solid gray;
    }

    .Conection div span[b-mnw4okc1w5] {
        display: none;
    }

    @media (hover: hover) and (pointer: fine) {
        .Conection div button[data-title][b-mnw4okc1w5]::after,
        .Conection div a[data-title][b-mnw4okc1w5]::after {
            content: attr(data-title);
            position: absolute;
            bottom: calc(100% + 10px);
            right: 0;
            transform: translateX(.5rem);
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 5px 10px;
            border-radius: 5px;
            white-space: nowrap;
            opacity: 0;
            transition: opacity 0.3s ease-in-out;
            pointer-events: none;
        }

        .Conection div button[data-title]:is(:hover, :focus)[b-mnw4okc1w5]::after,
        .Conection div a[data-title]:is(:hover, :focus)[b-mnw4okc1w5]::after {
            opacity: 1;
        }

        a[data-title][b-mnw4okc1w5]:before,
        button[data-title][b-mnw4okc1w5]:before {
            content: '';
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid rgba(0, 0, 0, 0.8);
            position: absolute;
            top: -10px;
            left: 50%;
            transform: translateX(-50%);
            transition: opacity 0.3s ease-in-out;
            opacity: 0;
        }

        a[data-title]:hover[b-mnw4okc1w5]:before,
        a[data-title]:focus[b-mnw4okc1w5]:before,
        button[data-title]:hover[b-mnw4okc1w5]:before,
        button[data-title]:focus[b-mnw4okc1w5]:before {
            opacity: 1;
        }
    }
}

.clickable[b-mnw4okc1w5] {
    cursor: pointer;
    transition: all .3s ease-in-out;
    border-radius: .6rem 0 0 .6rem;
}

    .clickable:hover[b-mnw4okc1w5] {
        background-color: #D1F951;
    }
/* _content/Dbo365.Debiteuren/Components/Invoice/InvoiceItem.razor.rz.scp.css */
.download-document-container[b-4h646bv9uq] {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
	border: 2px solid var(--main-color-limegreen);
	border-radius: .6rem;
	overflow: clip;
}

.pdf[b-4h646bv9uq] {
	border: 2px solid var(--main-color-limegreen);
}

.download-document[b-4h646bv9uq] {
	overflow: hidden;
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 10px;
	color: black;
	height: 100%;
}

	.download-document span[b-4h646bv9uq] {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		padding-left: 10px;
	}

.image-container[b-4h646bv9uq] {
	height: 100%;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

[b-4h646bv9uq] .image-container img {
	width: auto;
	height: -webkit-fill-available;
	max-height: 18px;
}

.download-document-container .actions[b-4h646bv9uq]  a {
	display: flex;
	align-items: center;
	gap: 1rem;
	justify-content: start;
	border: unset;
	border-radius: 4px;
	padding: 0px;
	margin: 0px;
	padding: 1rem;
	border-radius: unset;
}

.actions[b-4h646bv9uq] {
	display: grid;
	grid-template-columns: auto auto;
}

@container conection (min-width: 400px) {
		.download-document-container .actions[b-4h646bv9uq] {
			grid-column: unset;
			width: fit-content;
			border: unset;
			overflow: unset;
		}
}

.download-document-container .actions[b-4h646bv9uq]  a {
	cursor: pointer;
	border-left: 1px solid #D1F951 !important;
}

	.download-document-container .actions[b-4h646bv9uq]  a:hover, .download-document-container .actions[b-4h646bv9uq]  a:focus {
		background-color: #D1F951;
	}


 .download-document-container.not-signed[b-4h646bv9uq], [b-4h646bv9uq] .download-document-container.not-signed .upload, [b-4h646bv9uq] .download-document-container.not-signed .delete-new-contract-btn {
	border-color: black !important;
}



[b-4h646bv9uq] .state {
	width: auto;
	padding: .3rem;
	margin-left: auto;
	margin-right: 10px;
}

[b-4h646bv9uq] .state p {
		padding: 0;
		margin: 0;
	}
/* _content/Dbo365.Debiteuren/Components/Layout/TabHeading.razor.rz.scp.css */
header[b-51myp1fm7p] {
	overflow-y: hidden;
}

li[b-51myp1fm7p] {
	padding: 0 !important;
	border-radius: unset !important;
	background-color: unset !important;
	border: unset !important;
}

button[b-51myp1fm7p] {
	all: revert;
	background-color: transparent;
	color: black;
	border: 2px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 5px 10px;
	font-size: 14px;
	font-size: 1.4rem;
}


li.active button[b-51myp1fm7p] {
	background-color: var(--main-color-limegreen);
	color: black;
	font-size: 14px;
	font-size: 1.4rem;
}


.accordion-tabs[b-51myp1fm7p] {
	background-color: var(--main-color);
	border-top-right-radius: 25px;
	border-top-left-radius: 25px;
	padding: 12px;
	/*max-width: 98%;*/
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

	.accordion-tabs > li[b-51myp1fm7p] {
		all: revert;
		box-sizing: inherit;
	}

		.accordion-tabs > li > button[b-51myp1fm7p] {
			all: revert;
			background-color: var(--main-color);
			color: black;
			border: none;
			cursor: pointer;
			padding: 10px 15px;
			font-size: 14px;
			font-size: 1.4rem;
		}

		.accordion-tabs > li.active > button[b-51myp1fm7p] {
			all: revert;
			background-color: var(--main-color-limegreen);
			color: black;
			border: none;
			cursor: pointer;
			padding: 10px 15px;
			font-size: 14px;
			font-size: 1.4rem;
		}

	.accordion-tabs[b-51myp1fm7p] {
		background: white;
		display: flex;
		justify-content: start;
		flex-wrap: wrap;
		gap: 5px;
		padding: 0 var(--side-spacing) 20px var(--side-spacing);
		border-bottom: 1px solid #ccc;
	}

		.accordion-tabs > li > button[b-51myp1fm7p] {
			--border: 2px;
			background: white;
			padding: 0px;
			border-radius: unset;
			white-space: nowrap;
			color: black;
			padding: 5px;
			border-bottom: var(--border) solid transparent;
		}

		.accordion-tabs > li.active > button[b-51myp1fm7p] {
			border-bottom: var(--border) solid green;
			background: white;
			background-color: white;
			color: black;
		}






/* ----------------- accordion ----------------- */



.accordion-tabs[b-51myp1fm7p] {
	display: flex;
	justify-content: unset;
	gap: .5rem !important;
	background-color: unset;
	padding: 0;
	align-items: center;
	border-bottom: unset;
}

	 .accordion-tabs li[b-51myp1fm7p] {
		list-style-type: none;
		width: fit-content;
	}

		.accordion-tabs li button[b-51myp1fm7p],
		.accordion-tabs li.active button[b-51myp1fm7p] {
			all: revert;
			cursor: pointer;
			padding: .8rem .5rem;
			background-color: transparent;
			border: unset;
			border-bottom: 2px solid transparent;
			transition: all .2s ease-in-out;
		}

			 .accordion-tabs li button:is(:hover, :focus)[b-51myp1fm7p] {
				border-color: #ccc;
			}

			.accordion-tabs li.active button[b-51myp1fm7p],
			.accordion-tabs li.active button:is(:hover, :focus)[b-51myp1fm7p] {
				border-color: green;
			}

.DummyTabHeader[b-51myp1fm7p] {
	margin-left: auto;
	width: fit-content !important;
}

.accordion-tabs .DummyTabHeader button[b-51myp1fm7p] {
	--color: #D1F951;
	all: revert;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .8rem 1.2rem;
	background-color: var(--color);
	border-radius: .5rem;
	border: 1px solid var(--color);
	cursor: pointer;
	transition: all .3s ease-in-out;
}

	.accordion-tabs .DummyTabHeader button:is(:hover, :focus)[b-51myp1fm7p] {
		--color: #98C507;
		border-color: var(--color);
	}
/* _content/Dbo365.Debiteuren/Components/Menu/IconDropdown.razor.rz.scp.css */
.frame-icon[b-shar0y7lrd] {
	background: var(--light, #ffffff);
	border-radius: 5px;
	padding: 5px;
	display: flex;
	flex-direction: row;
	gap: 5px;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: relative;
}

.frame-icon svg[b-shar0y7lrd] {
	width: 25px;
	height: 25px;
}




/*         .frame-icon:hover {
            background: var(--main-color-limegreen); 
        } */

a:not(.disabled-link):hover .frame-icon[b-shar0y7lrd] {
	background: var(--main-color-limegreen);
}

a.disabled-link:hover .frame-icon[b-shar0y7lrd] {
	background: grey; /* Changes the background to grey when disabled */
	pointer-events: none; /* Disables click events */
	cursor: default; /* Changes cursor to default */
}
/* _content/Dbo365.Debiteuren/Components/Misc/DebAvatar.razor.rz.scp.css */
.avatar[b-6o49iwoj8r] {
	background-color: attr("avatarColor", "rgb(66, 66, 66)");
	border-radius: 100%;
	width: 25px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.text[b-6o49iwoj8r]:after {
	/* This value is the OPPOSITE color of our background */
	color: rgb(0, 255, 255);
	mix-blend-mode: difference;
}
/* _content/Dbo365.Debiteuren/Components/Misc/InterestBreakDownIcon.razor.rz.scp.css */
.dialog-modal-top > *[b-snhn3oz7yp] {
	border-bottom: 0;
	margin-bottom: 0;
}


.table-holder tbody td[b-snhn3oz7yp], .table-holder theader tr[b-snhn3oz7yp] {
	white-space: nowrap;
}
.table-holder tbody td:first-child[b-snhn3oz7yp] {
	width: unset;
	font-weight: unset;
}

.dialog-modal-middle button svg[b-snhn3oz7yp] {
	transform: scale(.8);
}

.dialog-modal-middle button:hover[b-snhn3oz7yp] {
	background: var(--secondary, #D1F951);
}

.invoice-breakdown-content > table[b-snhn3oz7yp] {
	background: transparent;
}
.table-holder tbody td[b-snhn3oz7yp], .table-holder tbody tr[b-snhn3oz7yp] {
	padding: 2px 5px;
	background: transparent;
}

.table-holder tbody td:hover[b-snhn3oz7yp], .table-holder tbody tr:hover[b-snhn3oz7yp] {
	background: transparent;
}

.header[b-snhn3oz7yp] {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header > h1[b-snhn3oz7yp] {
	border-bottom: 0;
}

.close-btn[b-snhn3oz7yp] {
	all: revert;
	display: flex;
	width: auto;
	background-color: transparent;
	height: 100%;
	padding: .5rem;
	border: none;
	border-radius: .6rem;
	cursor: pointer;
}

	[b-snhn3oz7yp] .close-btn svg {
		stroke: #ddd;
	}

	[b-snhn3oz7yp] .close-btn:hover svg,
	[b-snhn3oz7yp] .close-btn:focus svg {
		stroke: #020202;
	}

	[b-snhn3oz7yp] .close-btn svg path {
		stroke: inherit;
	}


#ShowInterestBreakdown[b-snhn3oz7yp] {
	padding-left: 3px;
}

.mutation[b-snhn3oz7yp] {
	color: gray;
}
/* _content/Dbo365.Debiteuren/Components/Misc/LicensePlateDisplay.razor.rz.scp.css */
.kenteken-container[b-9nkl5bnbei] {
    display: flex;
    align-items: center;
}

.kenteken[b-9nkl5bnbei] {
    background-color: yellow;
    flex-shrink: 0;
    border: 1px solid black;
    border-radius: 6px;
    display: flex;
    /*		gap: 2rem;*/
    align-items: center;
    width: 100%;
    height: fit-content;
    width: fit-content;
    max-width: 100%;
    overflow: hidden;

	min-width: max-content;
}

    .kenteken svg[b-9nkl5bnbei] {
        height: 3rem;
        width: auto;
    }


	.kenteken p[b-9nkl5bnbei] {
		margin: 0;
		white-space: nowrap;
		padding: 0 2rem;
		line-height: normal;
		padding: .5rem 2rem;


		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width: 150px;
	}
/* _content/Dbo365.Debiteuren/Components/Modal/Generic/AreYouSureDeleteModal.razor.rz.scp.css */
button:hover[b-ww7uemb7q5] {
	background-color: var(--primary-hover, #071308);
	color: white;
}

.dialog-modal-bottom[b-ww7uemb7q5] {
	background: #f3f4f2;
	border: none;
	box-shadow: none;
	padding: 0px;
	margin: 0px;
}


button[b-ww7uemb7q5]{
	all: unset;
	height: auto;
	width: auto;
	cursor: pointer;
	border-radius: .6rem;
}

	button.delete[b-ww7uemb7q5] {
		background: #FF8484;
		padding: 0px 20px;
		margin: 0;
	}

		button.delete:hover[b-ww7uemb7q5] {
			color: black;
			background: #F94848;
		}
/* _content/Dbo365.Debiteuren/Components/Modal/Generic/AreYouSureModal.razor.rz.scp.css */
main.dialog-main[b-vf9ie1mq94] {
	display: flex;
	flex-direction: column;
	padding: .5rem 0 0 0;
	background-color: unset;
}

p[b-vf9ie1mq94]{
	margin: 0;
	line-height: 1.5;
}
/* _content/Dbo365.Debiteuren/Components/Modal/Generic/CustomContentModal.razor.rz.scp.css */
h1[b-ao1bgqp2r7],
h2[b-ao1bgqp2r7],
h3[b-ao1bgqp2r7],
p[b-ao1bgqp2r7] {
	margin: 0;
	line-height: normal;
}

button[b-ao1bgqp2r7] {
	margin: 0;
}

[b-ao1bgqp2r7] .modal-container dialog{
	background-color: white;
}

.content-block.top[b-ao1bgqp2r7] {
	display: flex;
	justify-content: flex-end;
}

	.content-block.top button[b-ao1bgqp2r7] {
		all: revert;
		border: unset;
		background-color: transparent;
		cursor: pointer;
		padding: .5rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.content-block.top button:is(:hover, :focus)[b-ao1bgqp2r7] {
			background: none !important;
			border: none;
		}

		.content-block.top button[b-ao1bgqp2r7]  svg {
			fill: #ccc;
			transition: fill .1s ease-in-out;
		}

		.content-block.top button:is(:hover, :focus)[b-ao1bgqp2r7]  svg {
			fill: hsla(0, 0%, 0%, .8);
		}

.content-block.middle[b-ao1bgqp2r7] {
	display: flex;
	flex-direction: column;
	padding: 1rem 0 2.5rem 0;
	gap: 2rem;
	line-height: normal;
	gap: 1rem;
}

.content-block.bottom[b-ao1bgqp2r7] {
	display: flex;
	justify-content: end;
	gap: 10px;
	width: max-content;
	text-align: center;
	align-items: flex-end;
	width: 100%;
}

[b-ao1bgqp2r7] .content-block.bottom button {
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	border: 1px solid #ccc;
	border-radius: .6rem;
	background: transparent;
	color: black;
	padding: .8rem 1.2rem;
	text-decoration: unset;
}

	[b-ao1bgqp2r7] .content-block.bottom button:is(:hover, :focus) {
		background: #EAEAEA;
		color: black;
		border: 1px solid #232322;
	}

button.cancel[b-ao1bgqp2r7] {
	background: transparent;
	box-shadow: inset 0px 0px 0px 1px black;
}

.content-block.bottom button.confirm[b-ao1bgqp2r7] {
	background: #D1F951;
}

.content-block.bottom button.confirm:is(:hover, :focus)[b-ao1bgqp2r7] {
	background: #98C507;
}

.IsFullScreen[b-ao1bgqp2r7]  dialog{
	border-radius: 0;
}
/* _content/Dbo365.Debiteuren/Components/Modal/Generic/ImageModal.razor.rz.scp.css */
.dialog-container[b-s6ehdhm8t3] {
	display: contents;
}

[b-s6ehdhm8t3] Dialog {
	width: 100vw;
	height: 100vh;
	max-height: unset !important;
	max-width: unset !important;
	padding: 0 !important;
	border-radius: unset !important;
}

	[b-s6ehdhm8t3] Dialog[open] {
		display: grid;
		grid-template-rows: auto auto 1fr auto;
		background-color: transparent !important;
	}

	[b-s6ehdhm8t3] Dialog::backdrop {
		background-color: rgba(0,0,0,.9);
	}

	[b-s6ehdhm8t3] Dialog .title-bar-wrapper {
		padding: 1rem 5vw;
		align-items: center;
	}

	[b-s6ehdhm8t3] Dialog h1 {
		padding: 0;
		margin: 0;
		width: 100%;
		white-space: normal;
		color: white;
	}

[b-s6ehdhm8t3] .title-bar-button-wrapper {
	margin: 0 0 auto 0;
}

button[b-s6ehdhm8t3],
a[b-s6ehdhm8t3]{
	all: revert;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	padding: .8rem 1.2rem;
	color: white;
	border: 2px solid hsla(0deg, 0%, 100%, .8);
	border-radius: .6rem;
	background-color: hsla(0deg, 0%, 0%, .8);
	cursor: pointer;
	text-decoration: none;
}

	button:hover[b-s6ehdhm8t3],
	a:hover[b-s6ehdhm8t3]{
		background-color: hsla(0deg, 0%, 40%, .8);
	}

	button[b-s6ehdhm8t3]  svg,
	a[b-s6ehdhm8t3]  svg {
		height: 1lh;
		width: auto;
		line-height: normal;
		fill: white;
	}

		button[b-s6ehdhm8t3]  svg path,
		a[b-s6ehdhm8t3]  svg path {
			fill: inherit;
		}

[b-s6ehdhm8t3] dialog:modal,
[b-s6ehdhm8t3] dialog:-internal-dialog-in-top-layer {
	max-height: 100vh !important;
}

.image-container[b-s6ehdhm8t3] {
	display: grid;
	align-items: center;
	justify-content: center;
	padding: 1rem 5vw 2rem 5vw;
}

img[b-s6ehdhm8t3] {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.dialog-modal-bottom[b-s6ehdhm8t3] {
	padding: 1rem;
	height: 65px;
}
/* _content/Dbo365.Debiteuren/Components/Modal/Generic/NotFoundModal.razor.rz.scp.css */
h1[b-svh9fp4jvy],
h2[b-svh9fp4jvy],
h3[b-svh9fp4jvy],
p[b-svh9fp4jvy] {
	margin: 0;
	line-height: normal;
}

[b-svh9fp4jvy] .content-block.middle svg {
	height: 50px;
	width: 50px;
}

button[b-svh9fp4jvy] {
	margin: 0;
}

.content-block.top[b-svh9fp4jvy] {
	display: flex;
	justify-content: flex-end;
}

	.content-block.top button[b-svh9fp4jvy] {
		all: revert;
		border: unset;
		background-color: transparent;
		cursor: pointer;
		padding: .5rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

.content-block.middle[b-svh9fp4jvy] {
	display: flex;
	padding: 2rem 0 1rem 0;
	gap: 2rem;
}

.message[b-svh9fp4jvy] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	justify-content: center;
}

.content-block.middle h1[b-svh9fp4jvy] {
	padding: 0;
	margin: 0;
	border: none;
	text-align: left;
}

.content-block.middle p[b-svh9fp4jvy] {
	text-align: left;
	font-weight: 400;
}

.content-block.bottom[b-svh9fp4jvy] {
	display: flex;
	justify-content: center;
	/* flex-wrap: wrap; */
	gap: 10px;
	flex-direction: column-reverse;
	width: max-content;
	text-align: center;
	align-items: flex-end;
	width: 100%;
}

[b-svh9fp4jvy] button {
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	border: 1px solid #ccc;
	border-radius: .6rem;
	background: transparent;
	color: black;
	padding: 5px 10px;
	text-decoration: unset;
}

[b-svh9fp4jvy] .content-block.bottom button:is(:hover, :focus) {
	background: #EAEAEA !important;
	color: black !important;
	border: 1px solid #232322;
}

[b-svh9fp4jvy] .content-block.top button:is(:hover, :focus) {
	background: none !important;
	border: none;
}

/*.content-block.bottom .retry {
	all: inherit;
	background: none;
	border: none;
	text-decoration: underline;
	cursor: pointer;
}*/

button.cancel[b-svh9fp4jvy] {
	background: transparent;
	box-shadow: inset 0px 0px 0px 1px black;
}

button:hover[b-svh9fp4jvy] {
	background-color: var(--primary-hover, #071308);
	color: white;
}


/* _content/Dbo365.Debiteuren/Components/Modal/Generic/SomethingWentWrongModal.razor.rz.scp.css */
h1[b-5gsbmb2f34],
h2[b-5gsbmb2f34],
h3[b-5gsbmb2f34],
p[b-5gsbmb2f34] {
	margin: 0;
	line-height: normal;
}

button[b-5gsbmb2f34] {
	margin: 0;
}

.content-block.top[b-5gsbmb2f34] {
	display: flex;
	justify-content: flex-end;
}

	.content-block.top button[b-5gsbmb2f34] {
		all: revert;
		border: unset;
		background-color: transparent;
		cursor: pointer;
		padding: .5rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

.content-block.middle[b-5gsbmb2f34] {
	display: flex;
	padding: 2rem 0 1rem 0;
	gap: 2rem;
}

.message[b-5gsbmb2f34] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	justify-content: center;
}

.content-block.middle h1[b-5gsbmb2f34] {
	padding: 0;
	margin: 0;
	border: none;
	text-align: left;
}

.content-block.middle p[b-5gsbmb2f34] {
	text-align: left;
	font-weight: 400;
}

.content-block.bottom[b-5gsbmb2f34] {
	display: flex;
	justify-content: center;
	/* flex-wrap: wrap; */
	gap: 10px;
	flex-direction: column-reverse;
	width: max-content;
	text-align: center;
	align-items: flex-end;
	width: 100%;
}

[b-5gsbmb2f34] button {
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	border: 1px solid #ccc;
	border-radius: .6rem;
	background: transparent;
	color: black;
	padding: 5px 10px;
	text-decoration: unset;
}

	[b-5gsbmb2f34] .content-block.bottom button:is(:hover, :focus) {
		background: #EAEAEA !important;
		color: black !important;
		border: 1px solid #232322;
	}

[b-5gsbmb2f34] .content-block.top button:is(:hover, :focus) {
	background: none !important;
	border: none;
}

/*.content-block.bottom .retry {
	all: inherit;
	background: none;
	border: none;
	text-decoration: underline;
	cursor: pointer;
}*/

button.cancel[b-5gsbmb2f34] {
	background: transparent;
	box-shadow: inset 0px 0px 0px 1px black;
}

button.delete[b-5gsbmb2f34] {
	background: #FF8484
}

button:hover[b-5gsbmb2f34] {
	background-color: var(--primary-hover, #071308);
	color: white;
}
/* _content/Dbo365.Debiteuren/Components/Modal/Modal.razor.rz.scp.css */
*[b-wcsuave920] {
	box-sizing: border-box;
}


[b-wcsuave920] button.confirm {
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	--main-color: #133416;
	--main-color-limegreen: #D1F951;
	--main-color-lightbeige: #EFEDE0;
	all: revert;
	margin: 0;
	overflow: visible;
	-webkit-appearance: button;
	text-decoration: none;
	white-space: normal;
	box-sizing: border-box;
	cursor: pointer;
	background-color: var(--primary-color, #D1F951);
	border: 1px solid var(--primary-color, #D1F951);
	color: var(--dark-color, #020202);
	padding: .8rem 1.2rem;
	border-radius: .6rem;
	position: relative;
	transition: all .2s ease-in-out;
}

[b-wcsuave920] button.confirm:hover {
	background-color: var(--primary-hover, #A1D104);
	border: 1px solid var(--primary-hover, #A1D104);
	color: var(--dark-color, #020202);
}

[b-wcsuave920] button.cancel {
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	--main-color: #133416;
	--main-color-limegreen: #D1F951;
	--main-color-lightbeige: #EFEDE0;
	all: revert;
	margin: 0;
	overflow: visible;
	-webkit-appearance: button;
	transition: all 0.1s ease-in-out;
	text-decoration: none;
	white-space: normal;
	box-sizing: border-box;
	cursor: pointer;
	background-color: transparent;
	border: 1px solid var(--primary-hover, rgba(0,0,0,.2));
	color: var(--dark-color, #020202);
	padding: .8rem 1.2rem;
	border-radius: .6rem;
	display: flex;
	align-items: center;
}

[b-wcsuave920] button.cancel:hover {
	background-color: var(--gray-hover, #EAEAEA);
}

[b-wcsuave920] button.Cancel-icon {
	all: revert;
	background-color: transparent;
	border: 1px solid transparent;
	color: black;
	padding: .5rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

	[b-wcsuave920] button.Cancel-icon svg {
		height: 1lh;
		width: auto;
		line-height: normal;
		fill: rgba(0,0,0,.5);
	}

[b-wcsuave920] button.Cancel-icon:is(:hover, :focus) svg{
	fill: black;
}

	[b-wcsuave920] button.Cancel-icon svg path{
		fill: inherit;
	}

[b-wcsuave920] button:disabled {
	background-color: #aaaaaa;
	border: 1px solid #aaaaaa;
}

[b-wcsuave920] button:disabled:hover {
	background-color: #aaaaaa;
	border: 1px solid #aaaaaa;
}

dialog[b-wcsuave920]  .dialog-modal-bottom {
	display: flex;
	gap: 1rem;
}
/*
	Styling / animations for the diablog
*/
html.modal-active[b-wcsuave920], 
body.modal-active[b-wcsuave920] {
	overflow: hidden;
}

.fullscreen[b-wcsuave920] {
	max-height: 100%;
}

.fullHeight[b-wcsuave920] {
	height: 100%;
}

	dialog[b-wcsuave920] {
		padding: 2rem;
	}


@media only screen and (min-width: 600px) {
	dialog[b-wcsuave920] {
		padding: 3rem;
	}
}

	.modal-wrapper[b-wcsuave920] {
		width: auto;
		height: auto;
	}

	.modal-container[b-wcsuave920] {
		position: fixed;
		display: table;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		transform: scale(0);
		z-index: 10000000;
	}

		.modal-container dialog[b-wcsuave920]::-webkit-scrollbar {
			width: 7px;
		}

		.modal-container dialog[b-wcsuave920]::-webkit-scrollbar-track {
			background: #f1f1f1;
			border-radius: 25px;
		}

		.modal-container dialog[b-wcsuave920]::-webkit-scrollbar-thumb {
			background: #ccc;
			border-radius: 25px;
		}

			.modal-container dialog[b-wcsuave920]::-webkit-scrollbar-thumb:hover {
				background-color: #A8A8A8;
			}



		.modal-container dialog[b-wcsuave920] {
			background: #F3F4F2;
			border: none;
			border-radius: 0.6rem;
			overscroll-behavior: contain;
			width: 100%;
			max-width: 500px;
		}

		.modal-container.Unfolding .dialog-modal[b-wcsuave920]::backdrop {
			transform: scaleY(0.01) scaleX(0);
			animation: unfoldIn-b-wcsuave920 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
		}

		.modal-container.Unfolding .dialog-modal[b-wcsuave920] {
			transform: scale(0);
			animation: zoomIn-b-wcsuave920 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
		}

		.modal-container.Unfolding.out .dialog-modal[b-wcsuave920]::backdrop {
			transform: scale(1);
			animation: unfoldOut-b-wcsuave920 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
		}

		.modal-container.Unfolding.out .dialog-modal[b-wcsuave920] {
			transform: scale(1);
			animation: 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms 1 normal none running unfoldZoomOut-b-wcsuave920
		}

		.modal-container.RevealingBottom[b-wcsuave920] {
			transform: scale(1);
		}

			.modal-container.RevealingBottom .dialog-modal[b-wcsuave920]::backdrop {
				background: rgba(0, 0, 0, .0);
				animation: fadeIn-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

			.modal-container.RevealingBottom .dialog-modal[b-wcsuave920] {
				opacity: 0;
				animation: scaleUp-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

			.modal-container.RevealingBottom.out[b-wcsuave920] {
				animation: quickScaleDown-b-wcsuave920 0s 0.5s linear forwards;
			}

				.modal-container.RevealingBottom.out .dialog-modal[b-wcsuave920]::backdrop {
					animation: fadeOut-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
				}

				.modal-container.RevealingBottom.out .dialog-modal[b-wcsuave920] {
					animation: scaleDown-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
				}


		.modal-container.RevealingTop[b-wcsuave920] {
			transform: scale(1);
		}

			.modal-container.RevealingTop .dialog-modal[b-wcsuave920]::backdrop {
				background: rgba(0, 0, 0, .0);
				animation: fadeIn-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

			.modal-container.RevealingTop .dialog-modal[b-wcsuave920] {
				opacity: 0;
				animation: scaleInDown-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

			.modal-container.RevealingTop.out[b-wcsuave920] {
				animation: quickScaleDown-b-wcsuave920 0s 0.5s linear forwards;
			}

				.modal-container.RevealingTop.out .dialog-modal[b-wcsuave920]::backdrop {
					animation: fadeOut-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
				}

				.modal-container.RevealingTop.out .dialog-modal[b-wcsuave920] {
					animation: scaleDownUp-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
				}

		.modal-container.RevealingLeft[b-wcsuave920] {
			transform: scale(1);
		}

			.modal-container.RevealingLeft .dialog-modal[b-wcsuave920]::backdrop {
				background: rgba(0, 0, 0, .0);
				animation: fadeIn-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

			.modal-container.RevealingLeft .dialog-modal[b-wcsuave920] {
				opacity: 0;
				animation: scaleLeft-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

			.modal-container.RevealingLeft.out[b-wcsuave920] {
				animation: quickScaleDown-b-wcsuave920 0s 0.5s linear forwards;
			}

				.modal-container.RevealingLeft.out .dialog-modal[b-wcsuave920]::backdrop {
					animation: fadeOut-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
				}

				.modal-container.RevealingLeft.out .dialog-modal[b-wcsuave920] {
					animation: scaleDownLeft-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
				}

		.modal-container.RevealingRight[b-wcsuave920] {
			transform: scale(1);
		}

			.modal-container.RevealingRight .dialog-modal[b-wcsuave920]::backdrop {
				background: rgba(0, 0, 0, .0);
				animation: fadeIn-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

			.modal-container.RevealingRight .dialog-modal[b-wcsuave920] {
				opacity: 0;
				animation: scaleRight-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

			.modal-container.RevealingRight.out[b-wcsuave920] {
				animation: quickScaleDown-b-wcsuave920 0s 0.5s linear forwards;
			}

				.modal-container.RevealingRight.out .dialog-modal[b-wcsuave920]::backdrop {
					animation: fadeOut-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
				}

				.modal-container.RevealingRight.out .dialog-modal[b-wcsuave920] {
					animation: scaleDownRight-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
				}


		.modal-container.Uncovering[b-wcsuave920] {
			transform: scale(1);
		}

			.modal-container.Uncovering .dialog-modal[b-wcsuave920]::backdrop {
				background: rgba(0, 0, 0, .6);
			}

			.modal-container.Uncovering .dialog-modal[b-wcsuave920] {
				animation: moveUp-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}


			.modal-container.Uncovering.out .dialog-modal[b-wcsuave920]::backdrop {
				background: rgba(0, 0, 0, .0);
			}

			.modal-container.Uncovering.out .dialog-modal[b-wcsuave920] {
				animation: moveDown-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

			.modal-container.Uncovering.out[b-wcsuave920] {
				animation: slideDownLarge-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

		.modal-container.BlowUp[b-wcsuave920] {
			transform: scale(1);
		}

			.modal-container.BlowUp .dialog-modal[b-wcsuave920]::backdrop {
				background: rgba(0, 0, 0, .7);
			}

			.modal-container.BlowUp .dialog-modal[b-wcsuave920] {
				animation: blowUpModal-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

			.modal-container.BlowUp.out .dialog-modal[b-wcsuave920]::backdrop {
				background: rgba(0, 0, 0, .0);
			}

			.modal-container.BlowUp.out .dialog-modal[b-wcsuave920] {
				animation: scaleFadeModalDown-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

			.modal-container.BlowUp.out[b-wcsuave920] {
				animation: blowUpContentTwo-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

		.modal-container.MeepMeep[b-wcsuave920] {
			transform: scale(1);
		}

			.modal-container.MeepMeep .dialog-modal[b-wcsuave920]::backdrop {
				background: rgba(0, 0, 0, .0);
				animation: fadeIn-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

			.modal-container.MeepMeep .dialog-modal[b-wcsuave920] {
				transform: translateX(-1500px);
				animation: roadRunnerIn-b-wcsuave920 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

			.modal-container.MeepMeep.out[b-wcsuave920] {
				animation: quickScaleDown-b-wcsuave920 0s 0.5s linear forwards;
			}

				.modal-container.MeepMeep.out .dialog-modal[b-wcsuave920]::backdrop {
					animation: fadeOut-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
				}

				.modal-container.MeepMeep.out .dialog-modal[b-wcsuave920] {
					animation: roadRunnerOut-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
				}

		.modal-container.MeepMeep[b-wcsuave920] {
			transform: scale(1);
		}

		.modal-container.MeepMeepRight .dialog-modal[b-wcsuave920]::backdrop {
			background: rgba(0, 0, 0, .0);
			animation: fadeIn-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
		}

		.modal-container.MeepMeepRight .dialog-modal[b-wcsuave920] {
			transform: translateX(-1500px);
			animation: roadRunnerInRight-b-wcsuave920 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
		}

		.modal-container.MeepMeepRight.out[b-wcsuave920] {
			animation: quickScaleDown-b-wcsuave920 0s 0.5s linear forwards;
		}

			.modal-container.MeepMeepRight.out .dialog-modal[b-wcsuave920]::backdrop {
				animation: fadeOut-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

			.modal-container.MeepMeepRight.out .dialog-modal[b-wcsuave920] {
				animation: roadRunnerOutRight-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

		.modal-container.Tada[b-wcsuave920] {
			transform: scale(1);
		}

			.modal-container.Tada .dialog-modal[b-wcsuave920]::backdrop {
				background: rgba(0, 0, 0, .7);
			}

			.modal-container.Tada .dialog-modal[b-wcsuave920] {
				animation: tadaModal-b-wcsuave920 1s linear forwards;
			}

			.modal-container.Tada.out .dialog-modal[b-wcsuave920]::backdrop {
				background: rgba(0, 0, 0, .0);
			}

			.modal-container.Tada.out .dialog-modal[b-wcsuave920] {
				animation: tadaModalTwo-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

			.modal-container.Tada.out[b-wcsuave920] {
				animation: blowUpContentTwo-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}




		.modal-container.Shrink[b-wcsuave920] {
			transform: scale(1);
		}

			.modal-container.Shrink .dialog-modal[b-wcsuave920]::backdrop {
				background: rgba(0, 0, 0, .7);
			}

			.modal-container.Shrink .dialog-modal[b-wcsuave920] {
				animation: shrinkIn-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

			.modal-container.Shrink.out .dialog-modal[b-wcsuave920]::backdrop {
				background: rgba(0, 0, 0, .0);
			}

			.modal-container.Shrink.out .dialog-modal[b-wcsuave920] {
				animation: shrinkOut-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

			.modal-container.Shrink.out[b-wcsuave920] {
				animation: blowUpContentTwo-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}




		.modal-container.Wobble[b-wcsuave920] {
			transform: scale(1);
		}

			.modal-container.Wobble .dialog-modal[b-wcsuave920]::backdrop {
				background: rgba(0, 0, 0, .7);
			}

			.modal-container.Wobble .dialog-modal[b-wcsuave920] {
				animation: wobbleModal-b-wcsuave920 1s linear forwards;
			}

			.modal-container.Wobble.out .dialog-modal[b-wcsuave920]::backdrop {
				background: rgba(0, 0, 0, .0);
			}

			.modal-container.Wobble.out .dialog-modal[b-wcsuave920] {
				animation: scaleFadeModalDown-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}

			.modal-container.Wobble.out[b-wcsuave920] {
				animation: blowUpContentTwo-b-wcsuave920 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}





		.modal-container .dialog-modal[b-wcsuave920]::backdrop {
			display: table-cell;
			background: rgba(0, 0, 0, .8);
			text-align: center;
			vertical-align: middle;
		}

	@keyframes unfoldIn-b-wcsuave920 {
		0% {
			transform: scaleY(0.005) scaleX(0);
		}

		50% {
			transform: scaleY(0.005) scaleX(1);
		}

		100% {
			transform: scaleY(1) scaleX(1);
		}
	}

	@keyframes unfoldOut-b-wcsuave920 {
		0% {
			transform: scaleY(1) scaleX(1);
		}

		50% {
			transform: scaleY(0.005) scaleX(1);
		}

		99.9% {
			transform: scaleY(0.005) scaleX(0);
		}

		100% {
			transform: scaleY(0) scaleX(0);
		}
	}

	@keyframes zoomIn-b-wcsuave920 {
		0% {
			transform: scale(0);
		}

		100% {
			transform: scale(1);
		}
	}

	@keyframes unfoldZoomOut-b-wcsuave920 {
		0% {
			transform: scale(1);
		}

		50% {
			transform: scale(0);
		}

		100% {
			transform: scale(0);
		}
	}

	@keyframes fadeIn-b-wcsuave920 {
		0% {
			background: rgba(0, 0, 0, .0);
		}

		100% {
			background: rgba(0, 0, 0, .7);
		}
	}

	@keyframes fadeOut-b-wcsuave920 {
		0% {
			background: rgba(0, 0, 0, .7);
		}

		100% {
			background: rgba(0, 0, 0, .0);
		}
	}

	@keyframes scaleUp-b-wcsuave920 {
		0% {
			transform: scale(0.8) translateY(1000px);
			opacity: 0;
		}

		100% {
			transform: scale(1) translateY(0px);
			opacity: 1;
		}
	}

	@keyframes scaleLeft-b-wcsuave920 {
		0% {
			transform: scale(0.8) translateX(1000px);
			opacity: 0;
		}

		100% {
			transform: scale(1) translateX(0px);
			opacity: 1;
		}
	}

	@keyframes scaleRight-b-wcsuave920 {
		0% {
			transform: scale(0.8) translateX(-1000px);
			opacity: 0;
		}

		100% {
			transform: scale(1) translateX(0px);
			opacity: 1;
		}
	}

	@keyframes scaleInDown-b-wcsuave920 {
		0% {
			transform: scale(.8) translateY(-1000px);
			opacity: 0;
		}

		100% {
			transform: scale(1) translateY(0px);
			opacity: 1;
		}
	}

	@keyframes scaleDown-b-wcsuave920 {
		0% {
			transform: scale(1) translateY(0px);
			opacity: 1;
		}

		100% {
			transform: scale(0.8) translateY(1000px);
			opacity: 0;
		}
	}

	@keyframes shrinkIn-b-wcsuave920 {
		0% {
			transform: scale(1.5);
			opacity: 0;
		}

		100% {
			transform: scale(1);
			opacity: 1;
		}
	}

	@keyframes shrinkOut-b-wcsuave920 {
		0% {
			transform: scale(1);
			opacity: 1;
		}

		100% {
			transform: scale(0);
			opacity: 0;
		}
	}


	@keyframes scaleDownLeft-b-wcsuave920 {
		0% {
			transform: scale(1) translateX(0px);
			opacity: 1;
		}

		100% {
			transform: scale(0.8) translateX(1000px);
			opacity: 0;
		}
	}

	@keyframes scaleDownRight-b-wcsuave920 {
		0% {
			transform: scale(1) translateX(0px);
			opacity: 1;
		}

		100% {
			transform: scale(0.8) translateX(-1000px);
			opacity: 0;
		}
	}

	@keyframes scaleDownUp-b-wcsuave920 {
		0% {
			transform: scale(1) translateY(0px);
			opacity: 1;
		}

		100% {
			transform: scale(0.8) translateY(-1000px);
			opacity: 0;
		}
	}

	@keyframes quickScaleDown-b-wcsuave920 {
		0% {
			transform: scale(1);
		}

		99.9% {
			transform: scale(1);
		}

		100% {
			transform: scale(0);
			z-index: -10;
		}
	}

	@keyframes slideDownLarge-b-wcsuave920 {
		0% {
			transform: translateY(0%);
		}

		99.999% {
			transform: translateY(0%);
		}

		100% {
			transform: scale(0);
		}
	}

	@keyframes moveUp-b-wcsuave920 {
		0% {
			transform: translateY(150px);
			opacity: 0
		}

		100% {
			transform: translateY(0);
			opacity: 1
		}
	}

	@keyframes moveDown-b-wcsuave920 {
		0% {
			transform: translateY(0px);
			opacity: 1
		}

		100% {
			transform: translateY(150px);
			opacity: 0;
		}
	}

	@keyframes blowUpContentTwo-b-wcsuave920 {
		0% {
			transform: scale(2);
			opacity: 0;
		}

		99.9% {
			transform: scale(1);
			opacity: 1;
		}

		100% {
			transform: scale(0);
		}
	}

	@keyframes blowUpModal-b-wcsuave920 {
		0% {
			transform: scale(0);
		}

		100% {
			transform: scale(1);
		}
	}

	@keyframes scaleFadeModalDown-b-wcsuave920 {
		0% {
			transform: scale(1);
			opacity: 1;
		}

		100% {
			transform: scale(0);
			opacity: 0;
		}
	}

	@keyframes tadaModal-b-wcsuave920 {
		0% {
			-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
		}

		10%, 20% {
			-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
			transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		}

		30%, 50%, 70%, 90% {
			-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
			transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		}

		40%, 60%, 80% {
			-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
			transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		}

		100% {
			-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
		}
	}

	@keyframes tadaModalTwo-b-wcsuave920 {
		0% {
			transform: scale(1);
			opacity: 1;
		}

		100% {
			transform: scale(0);
			opacity: 0;
		}
	}

	@keyframes wobbleModal-b-wcsuave920 {
		0% {
			-webkit-transform: none;
			-ms-transform: none;
			transform: none
		}

		15% {
			-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
			-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
			transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
		}

		30% {
			-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
			-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
			transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
		}

		45% {
			-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
			-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
			transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
		}

		60% {
			-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
			-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
			transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
		}

		75% {
			-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
			-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
			transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
		}

		100% {
			-webkit-transform: none;
			-ms-transform: none;
			transform: none
		}
	}

	@keyframes roadRunnerIn-b-wcsuave920 {
		0% {
			transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
		}

		70% {
			transform: translateX(30px) skewX(0deg) scaleX(0.9);
		}

		100% {
			transform: translateX(0px) skewX(0deg) scaleX(1);
		}
	}

	@keyframes roadRunnerInRight-b-wcsuave920 {
		0% {
			transform: translateX(1500px) skewX(-30deg) scaleX(1.3);
		}

		70% {
			transform: translateX(-30px) skewX(0deg) scaleX(0.9);
		}

		100% {
			transform: translateX(0px) skewX(0deg) scaleX(1);
		}
	}

	@keyframes roadRunnerOut-b-wcsuave920 {
		0% {
			transform: translateX(0px) skewX(0deg) scaleX(1);
		}

		30% {
			transform: translateX(-30px) skewX(-5deg) scaleX(0.9);
		}

		100% {
			transform: translateX(1500px) skewX(30deg) scaleX(1.3);
		}
	}

	@keyframes roadRunnerOutRight-b-wcsuave920 {
		0% {
			transform: translateX(0px) skewX(0deg) scaleX(1);
		}

		30% {
			transform: translateX(30px) skewX(5deg) scaleX(0.9);
		}

		100% {
			transform: translateX(-1500px) skewX(-30deg) scaleX(1.3);
		}
	}






	[b-wcsuave920] .loading-btn {
		transition: 0.3s;
		cursor: pointer;
		position: relative;
		display: block;
	}


		[b-wcsuave920] .loading-btn:focus {
			outline: 0.05em dashed #ff6600;
			outline-offset: 0.05em;
		}

		[b-wcsuave920] .loading-btn.loading::after {
			content: '' !important;
			display: block;
			width: 1.2em;
			height: 1.2em;
			position: absolute;
			background-color: transparent !important;
			border: 0.15em solid transparent;
			border-right-color: black !important;
			border-radius: 50% !important;
			animation: button-anim-b-wcsuave920 0.7s linear infinite;
			opacity: 1 !important;
			top: 50%;
			left: 50%;
			padding: 0 !important;
		}

		[b-wcsuave920] .loading-btn.loading::before {
			display: none;
		}

	@keyframes button-anim-b-wcsuave920 {
		from {
			transform: translate(-50%, -50%) rotate(0);
		}

		to {
			transform: translate(-50%, -50%) rotate(360deg);
		}
	}

	[b-wcsuave920] .loading-btn.loading {
		color: transparent;
	}

		[b-wcsuave920] .loading-btn.loading svg {
			fill: transparent;
			visibility: hidden;
		}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/CreateClaimSettlementModal.razor.rz.scp.css */
[b-6vhobcgb8z] .modal-container dialog {
	display: grid;
	grid-template-rows: auto auto 1fr auto;
}

hr[b-6vhobcgb8z] {
	margin-top: 0;
}

.dialog-modal-top > *[b-6vhobcgb8z] {
	border-bottom: 0;
	margin-bottom: 0;
}

.header[b-6vhobcgb8z] {
	margin-bottom: 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.header > h1[b-6vhobcgb8z] {
		border-bottom: 0;
		margin: 0;
		padding: 0;
		line-height: normal;
	}

.close-btn[b-6vhobcgb8z] {
	all: revert;
	display: flex;
	width: auto;
	background-color: transparent;
	height: 100%;
	padding: .5rem;
	border: none;
	border-radius: .6rem;
	cursor: pointer;
}

[b-6vhobcgb8z] .close-btn svg {
	stroke: #ddd;
}

[b-6vhobcgb8z] .close-btn:hover svg,
[b-6vhobcgb8z] .close-btn:focus svg {
	stroke: #020202;
}

[b-6vhobcgb8z] .close-btn svg path {
	stroke: inherit;
}


.CreateSettlment-content-wrapper[b-6vhobcgb8z] {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.breakdown-container[b-6vhobcgb8z] {
	width: 100%; /* Allow full width if necessary */
	max-width: 500px; /* Optional maximum width */
	font-family: Arial, sans-serif;
}

.breakdown-row[b-6vhobcgb8z] {
	display: flex;
	justify-content: space-between;
	padding: 5px 0;
}

	.breakdown-row span:last-child[b-6vhobcgb8z] {
		text-align: right;
		flex-grow: 1;
		max-width: 200px; /* Adjust as needed */
	}

.separator[b-6vhobcgb8z] {
	border-top: 1px solid #000;
	margin: 10px 0;
}


[b-6vhobcgb8z] .default {
	width: unset;
	float: unset;
}


@container (width > 450px) {
	[b-6vhobcgb8z] .new-layout {
		grid-template-columns: minmax(auto, 170px) 1fr;
	}
}

.additional-costs-table[b-6vhobcgb8z] {
	margin-bottom: 0px;
}

.additional-costs-table[b-6vhobcgb8z],
.additional-costs-table thead[b-6vhobcgb8z],
.additional-costs-table thead tr[b-6vhobcgb8z],
.additional-costs-table tbody[b-6vhobcgb8z],
.additional-costs-table tbody tr[b-6vhobcgb8z] {
	background-color: transparent;
}


.additional-costs-add-btn[b-6vhobcgb8z] {
	background: transparent;
	color: black;
	text-align: left;
	border: none;
	box-shadow: none;
	padding: 0px;
}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/CreateNotificationModal.razor.rz.scp.css */
.dialog-modal-top[b-ehwa27drx9] {
	
}

.dialog-modal-middle > p[b-ehwa27drx9] {
	margin-bottom: 10px;
	margin-top: 10px;
}

.dialog-modal-middle button[b-ehwa27drx9] {
	border-radius: 5px;
	background: var(--light, #FFF);
	border: 0;
	box-shadow: none;
	color: black;

	display: flex;
	padding: 6px 10px 6px 6px;
	align-items: center;
}

.dialog-modal-middle button svg[b-ehwa27drx9] {
	transform: scale(.8);
}

.dialog-modal-middle button:hover[b-ehwa27drx9] {
	background: var(--secondary, #D1F951);
}

[b-ehwa27drx9] dialog {
	background-color: green;
}

.ImportantMessage[b-ehwa27drx9], .PublicatieDate[b-ehwa27drx9] {
	display: flex;
	gap: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	align-items: center;
}

.ImportantMessage > *[b-ehwa27drx9], .PublicatieDate > *[b-ehwa27drx9] {
	margin-bottom: 0;
}

.language-selector[b-ehwa27drx9] {
	display: flex;
	gap: 10px;
}
.language-selector p[b-ehwa27drx9] {
	margin-bottom: 0;
}

.language-selector p.not-selected[b-ehwa27drx9] {
	color: var(--midium-gray-v2, #A1A1A1);
}

.language-selector p.selected[b-ehwa27drx9] {
	color: var(--dark-gray, #232322);
}

.language-selector p.selected:hover[b-ehwa27drx9], .language-selector p.not-selected:hover[b-ehwa27drx9] {
	color: var(--secondary, #133416) !important;
}

hr[b-ehwa27drx9] {
	margin-top: 0;
}


[b-ehwa27drx9] .modal-container dialog.dialog-modal {
	max-width: 750px;
}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/CreateOrEditDocumentTemplateMap.razor.rz.scp.css */

h1[b-dey3094e80] {
	padding: 0;
	margin: 0;
	border: none;
}

/* ============= TOP ============ */
[b-dey3094e80] .dialog-modal-top {
	display: grid;
	grid-template-columns: 1fr auto;
	position: sticky;
	top: 0;
	z-index: 1;
	background: #f3f4f2;
	-webkit-box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
	-moz-box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
	box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
}

[b-dey3094e80] .dialog-modal-bottom, [b-dey3094e80] .dialog-modal-middle, [b-dey3094e80] .dialog-modal-top {
	padding: 20px;
	background: white;
}

[b-dey3094e80] .dialog-modal-top {
	padding-bottom: 20px;
}



.close-btn[b-dey3094e80] {
	all: revert;
	display: flex;
	width: auto;
	background-color: transparent;
	height: 100%;
	padding: .5rem;
	border: none;
	border-radius: .6rem;
	cursor: pointer;
}

[b-dey3094e80] .close-btn svg {
	stroke: #ddd;
}

[b-dey3094e80] .close-btn:hover svg,
[b-dey3094e80] .close-btn:focus svg {
	stroke: #020202;
}

[b-dey3094e80] .close-btn svg path {
	stroke: inherit;
}


/* ============= MIDDLE ============ */

[b-dey3094e80] .dialog-modal-middle{
	height: calc(100% - 72.5px - 75px);
	overflow-y: scroll;
}

/* ============= BOTTOM ============ */
[b-dey3094e80] .dialog-modal-bottom {
	position: sticky;
	bottom: 0px;
}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/CreateOrEditDossierFinancialAgreements.razor.rz.scp.css */
.invoicing-item-3[b-ylzztbtqbe] {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1rem;
}

.invoicing-item-2[b-ylzztbtqbe] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.container-bottom[b-ylzztbtqbe]  .new-layout-container {
	margin-bottom: 1rem;
}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/CreateOrEditGeneralAttachmentModal.razor.rz.scp.css */
.dialog-modal-top > *[b-agm7dlxtsa] {
	border-bottom: 0;
	margin-bottom: 0;
}

.dialog-modal-top[b-agm7dlxtsa] {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 2rem;
}

.dialog-modal-middle[b-agm7dlxtsa] {
	overflow: unset;
	min-height: calc(100% - 60px - 90px);
	height: unset;
}

.dialog-modal h1[b-agm7dlxtsa], .dialog-modal p[b-agm7dlxtsa], [b-agm7dlxtsa] p {
	padding: 0;
	margin: 0;
}

[b-agm7dlxtsa] .dialog-modal input[type=file] {
	width: 100%;
}

[b-agm7dlxtsa] .custom-select {
	gap: 0px;
}

	[b-agm7dlxtsa] .custom-select input {
		height: 35px !important;
	}

[b-agm7dlxtsa] input {
	width: 100%;
	border-color: #A1A1A1;
	border-radius: .6rem;
	color: #2A2A2A
}

[b-agm7dlxtsa] .RowDropdownList .form-col:first-child {
	display: none;
}

[b-agm7dlxtsa] .RowDropdownList .form-col:last-child select {
	width: 100%;
	border-color: #A1A1A1;
	border-radius: .6rem;
	height: 35px;
}

button[b-agm7dlxtsa] {
	box-shadow: none;
	border: none;
	align-self: center;
	margin-top: auto;
	background: var(--secondary, #D1F951);
	color: black;
	text-transform: uppercase;
	padding: 5px 10px;
	margin-right: 10px;
}

[b-agm7dlxtsa] .stack > button {
	margin: 5px;
	float: right;
	border-radius: 1rem;
}

	[b-agm7dlxtsa] .stack > button:hover {
		background: #A1D104;
	}

.container-item[b-agm7dlxtsa] {
	padding: 0 0 5px 0;
}

	.container-item > div[b-agm7dlxtsa] {
		display: grid;
		grid-template-columns: 1fr auto;
		gap: .5rem;
		border-radius: .5rem;
		border: 1px solid #A1A1A1;
	}

		.container-item > div input[b-agm7dlxtsa] {
			border: unset;
		}

	.container-item button[b-agm7dlxtsa] {
		all: revert;
		background-color: transparent;
		border: unset;
		height: 100%;
		cursor: pointer;
		border-radius: 0 .5rem .5rem 0;
		display: grid;
		justify-content: center;
		align-items: center;
		padding: 0 .5rem;
		aspect-ratio: 1;
		position: relative;
	}

}

.container-item button[disabled][b-agm7dlxtsa],
.container-item button[disabled]:is(:hover. :focus)[b-agm7dlxtsa] {
	filter: invert(79%) sepia(0%) saturate(2%) hue-rotate(289deg) brightness(102%) contrast(91%);
}

[b-agm7dlxtsa] .ToggleSwitch span {
	padding: 0px 5px;
}

[b-agm7dlxtsa] .ToggleSwitch {
	height: auto;
	min-height: 35px;
}

.inner-height-container[b-agm7dlxtsa] {
	display: grid;
	gap: 1rem;
}

[b-agm7dlxtsa] .new-layout {
	grid-template-columns: 1fr;
}

	[b-agm7dlxtsa] .new-layout .input-container {
		grid-column: unset;
	}

[b-agm7dlxtsa] .new-layout-container .label-container label {
	font-weight: normal;
}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/CreateOrEditInvoiceStatusModal.razor.rz.scp.css */
[b-qr95zy41ts] .modal-container dialog.dialog-modal {
	max-width: 500px;
	padding: 0 !important;
	border-radius: unset !important;
	display: grid;
	grid-template-rows: auto auto 1fr auto;
	height: 100%;
	background-color: white !important;
}

[b-qr95zy41ts] .dialog-modal-top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: sticky;
	top: 0;
	z-index: 1;
	-webkit-box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
	-moz-box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
	box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
}

[b-qr95zy41ts] .dialog-modal-top button{
	all: revert;
	display: flex;
	padding: .5rem;
	cursor: pointer;
	border-color: transparent;
	background-color: transparent;
}

[b-qr95zy41ts] .dialog-modal-top button:is(:hover, :focus){
	border-color: transparent;
	background-color: transparent;
}

[b-qr95zy41ts] .dialog-modal-bottom {
	-webkit-box-shadow: 1px -3px 9px -4px rgba(214,214,214,1);
	-moz-box-shadow: 1px -3px 9px -4px rgba(214,214,214,1);
	box-shadow: 1px -3px 9px -4px rgba(214,214,214,1);
}

[b-qr95zy41ts] .dialog-modal-top,
.dialog-main[b-qr95zy41ts],
.dialog-modal-bottom[b-qr95zy41ts] {
	padding: 2rem;
}

.dialog-main[b-qr95zy41ts] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

[b-qr95zy41ts] .button-wrapper:has(button.delete) {
	margin-left: auto;
	height: 100%;
}

[b-qr95zy41ts] .button-wrapper button.delete {
	all: unset;
	box-sizing: border-box;
	cursor: pointer;
	background-color: var(--delete-color, #FE7070);
	border: 1px solid var(--delete-color, #FE7070);
	color: var(--dark-color, #020202);
	padding: .5rem 1.2rem;
	border-radius: .6rem;
	position: relative;
	transition: all .2s ease-in-out;
}

	[b-qr95zy41ts] .button-wrapper button.delete:hover {
		background-color: var(--delete-color-hover, #F94848);
		border: 1px solid var(--delete-color-hover, #F94848);
	}

	[b-qr95zy41ts] .button-wrapper button.delete:focus {
		background-color: var(--delete-color-hover, #F94848);
		border: 1px solid var(--focus-color, #F94848);
	}

	[b-qr95zy41ts] .button-wrapper button.delete:active {
		animation: ButtonPress 0.2s 1 ease-in-out;
	}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/CreateOrEditPersonModal.razor.rz.scp.css */
.dialog-modal-top > *[b-bx51drc32h] {
	border-bottom: 0;
	margin-bottom: 0;
}

.dialog-modal-top > *:last-child[b-bx51drc32h] {
	margin-top: 0;
}

.dialog-modal-middle > p[b-bx51drc32h] {
	margin-bottom: 10px;
	margin-top: 10px;
}

.dialog-modal-middle button:hover[b-bx51drc32h] {
	background: var(--secondary, #D1F951);
}


[b-bx51drc32h] dialog {
	background-color: green;
}

hr[b-bx51drc32h] {
	margin-top: 0;
}


[b-bx51drc32h] .input-group {
	display: flex;
	gap: 10px;
	align-items: baseline;
}

[b-bx51drc32h] .input-group > *:first-child {
	width: 30ch;
}

[b-bx51drc32h] .input-group > input, [b-bx51drc32h] .input-group > select {
	border: 1px solid #A1A1A1;
	border-radius: 5px;
	background-color: transparent;
}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/CreateOrEditTicketReasonModal.razor.rz.scp.css */
[b-lpdvebzxve] .modal-container dialog.dialog-modal {
	max-width: 500px;
	padding: 0 !important;
	border-radius: unset !important;
	display: grid;
	grid-template-rows: auto auto 1fr auto;
	height: 100%;
	background-color: white !important;
}

[b-lpdvebzxve] .dialog-modal-top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: sticky;
	top: 0;
	z-index: 1;
	-webkit-box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
	-moz-box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
	box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
}

[b-lpdvebzxve] .dialog-modal-top button{
	all: revert;
	display: flex;
	padding: .5rem;
	cursor: pointer;
	border-color: transparent;
	background-color: transparent;
}

[b-lpdvebzxve] .dialog-modal-top button:is(:hover, :focus){
	border-color: transparent;
	background-color: transparent;
}

[b-lpdvebzxve] .dialog-modal-bottom {
	-webkit-box-shadow: 1px -3px 9px -4px rgba(214,214,214,1);
	-moz-box-shadow: 1px -3px 9px -4px rgba(214,214,214,1);
	box-shadow: 1px -3px 9px -4px rgba(214,214,214,1);
}

[b-lpdvebzxve] .dialog-modal-top,
.dialog-main[b-lpdvebzxve],
.dialog-modal-bottom[b-lpdvebzxve] {
	padding: 2rem;
}

.dialog-main[b-lpdvebzxve] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

[b-lpdvebzxve] .button-wrapper:has(button.delete) {
	margin-left: auto;
	height: 100%;
}

[b-lpdvebzxve] .button-wrapper button.delete {
	all: unset;
	box-sizing: border-box;
	cursor: pointer;
	background-color: var(--delete-color, #FE7070);
	border: 1px solid var(--delete-color, #FE7070);
	color: var(--dark-color, #020202);
	padding: .5rem 1.2rem;
	border-radius: .6rem;
	position: relative;
	transition: all .2s ease-in-out;
}

	[b-lpdvebzxve] .button-wrapper button.delete:hover {
		background-color: var(--delete-color-hover, #F94848);
		border: 1px solid var(--delete-color-hover, #F94848);
	}

	[b-lpdvebzxve] .button-wrapper button.delete:focus {
		background-color: var(--delete-color-hover, #F94848);
		border: 1px solid var(--focus-color, #F94848);
	}

	[b-lpdvebzxve] .button-wrapper button.delete:active {
		animation: ButtonPress 0.2s 1 ease-in-out;
	}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/CreateOrEditTimeTracking.razor.rz.scp.css */
[b-2gqk308tel] dialog {
	min-width: 50%;
}

.dialog-modal-middle > div[b-2gqk308tel] {
	display: flex;
	gap: .25rem;
}

[b-2gqk308tel] .new-layout-container  {
	width: 100%;
}


[b-2gqk308tel] .single-editor .new-layout {
	display: flex;
	flex-direction: column;
	max-width: unset;
}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/CreateOrEditTransactionCategoryModal.razor.rz.scp.css */
.modal-wrapper[b-h4ckrvh9e4] {
	display: contents;
}

[b-h4ckrvh9e4] dialog {
	height: 100%;
	overflow: visible;
}

.dialog-modal-top[b-h4ckrvh9e4],
.dialog-modal-bottom[b-h4ckrvh9e4] {
	z-index: 5;
}

[b-h4ckrvh9e4] .dialog-modal-bottom {
	display: flex;
	gap: 1rem;
	position: absolute;
	bottom: 3rem;
}


.header[b-h4ckrvh9e4] {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.header > h1[b-h4ckrvh9e4] {
		border-bottom: 0;
	}


.close-btn[b-h4ckrvh9e4] {
	all: revert;
	display: flex;
	width: auto;
	background-color: transparent;
	height: 100%;
	padding: .5rem;
	border: none;
	border-radius: .6rem;
	cursor: pointer;
}

[b-h4ckrvh9e4] .close-btn svg {
	stroke: #ddd;
}

[b-h4ckrvh9e4] .close-btn:hover svg,
[b-h4ckrvh9e4] .close-btn:focus svg {
	stroke: #020202;
}

[b-h4ckrvh9e4] .close-btn svg path {
	stroke: inherit;
}


.generate-using-ai > p[b-h4ckrvh9e4] {
	margin-top: 3rem;
	margin-bottom: 0rem;
}

.generate-using-ai > textarea[b-h4ckrvh9e4] {
	margin-bottom: 1rem;
	height: 20rem;
}


.example-row[b-h4ckrvh9e4] {
	display: flex;
}

.example-row p[b-h4ckrvh9e4] {
	margin-bottom: 0;
}


.regex-results-title[b-h4ckrvh9e4] {
	margin-bottom: 0;
}


[b-h4ckrvh9e4] .deb-explanation-wrapper{
	position: absolute;
}

[b-h4ckrvh9e4] .deb-explanation-text {
	left: -500px;
}

[b-h4ckrvh9e4] .form-row > .form-col:nth-child(2) {
	width: 76%;
}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/CreateOrEditVehicleModal.razor.rz.scp.css */
.dialog-modal-top > *[b-9ewnj7oxbv] {
	border-bottom: 0;
	margin-bottom: 0;
}

.dialog-modal h1[b-9ewnj7oxbv], .dialog-modal p[b-9ewnj7oxbv], [b-9ewnj7oxbv] p{
	padding: 0;
	margin: 0;
}

[b-9ewnj7oxbv] .dialog-modal input[type=file]{
	width: 100%;
}

	[b-9ewnj7oxbv] .custom-select{
		gap: 0px;
	}
		[b-9ewnj7oxbv] .custom-select input {
			height: 35px !important;
		}

[b-9ewnj7oxbv] input {
	width: 100%;
	border-color: #A1A1A1;
	border-radius: .6rem;
	color: #2A2A2A
}

[b-9ewnj7oxbv] .RowDropdownList .form-col:first-child {
	display: none;
}

[b-9ewnj7oxbv] .RowDropdownList .form-col:last-child select{
	width: 100%;
	border-color: #A1A1A1;
	border-radius: .6rem;
	height: 35px;
}

button[b-9ewnj7oxbv] {
	box-shadow: none;
	border: none;
	align-self: center;
	margin-top: auto;
	background: var(--secondary, #D1F951);
	color: black;
	text-transform: uppercase;
	padding: 5px 10px;
	margin-right: 10px;
}
[b-9ewnj7oxbv] .stack > button {
	margin: 5px;
	float: right;
	border-radius: 1rem;
}

	[b-9ewnj7oxbv] .stack > button:hover {
		background: #A1D104;
	}

.container-item[b-9ewnj7oxbv] {
	padding: 0 0 5px 0;
}

	.container-item > div[b-9ewnj7oxbv] {
		display: grid;
		grid-template-columns: 1fr auto;
		gap: .5rem;
		border-radius: .5rem;
		border: 1px solid #A1A1A1;
	}

	.container-item > div input[b-9ewnj7oxbv] {
		border: unset;
	}

	.container-item button[b-9ewnj7oxbv] {
		all: revert;
		background-color: transparent;
		border: unset;
		height: 100%;
		cursor: pointer;
		border-radius: 0 .5rem .5rem 0;
		display: grid;
		justify-content: center;
		align-items: center;
		padding: 0 .5rem;
		aspect-ratio: 1;
		position: relative;
	}
	}

		.container-item button[disabled][b-9ewnj7oxbv],
		.container-item button[disabled]:is(:hover. :focus)[b-9ewnj7oxbv] {
			filter: invert(79%) sepia(0%) saturate(2%) hue-rotate(289deg) brightness(102%) contrast(91%);
		}

	[b-9ewnj7oxbv] .ToggleSwitch span {
		padding: 0px 5px;
	}

[b-9ewnj7oxbv] .ToggleSwitch{
	height: auto;
	min-height: 35px;
}

.inner-height-container[b-9ewnj7oxbv]{
	display: grid;
	gap: 1rem;
}

[b-9ewnj7oxbv] .new-layout {
	grid-template-columns: 1fr;
}

	[b-9ewnj7oxbv] .new-layout .input-container{
		grid-column: unset;
	}

[b-9ewnj7oxbv] .new-layout-container .label-container label{
	font-weight: normal;
}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/CreateOrEditWorkflowActionModal.razor.rz.scp.css */
[b-jsk2vkr1wy] dialog {
	--main-color: #133416;
	--main-color-limegreen: #D1F951;
	--main-color-lightbeige: #EFEDE0;
}

.dialog-modal-top > *[b-jsk2vkr1wy] {
	border-bottom: 0;
	margin-bottom: 0;
}

.dialog-modal h1[b-jsk2vkr1wy],
.dialog-modal p[b-jsk2vkr1wy],
[b-jsk2vkr1wy] p {
	padding: 0;
	margin: 0;
	line-height: normal;
	align-items: center;
	display: flex;
}

.dialog-modal-top[b-jsk2vkr1wy],
.dialog-modal-bottom[b-jsk2vkr1wy] {
	z-index: 5;
}

.dialog-modal-middle[b-jsk2vkr1wy] {
	display: flex;
	gap: 16px;
	flex-direction: column;
	padding: 0;
}

.dialog-modal-middle[b-jsk2vkr1wy] {
	display: flex;
	gap: 0;
	flex-direction: column;
	padding: 0;
}

	.dialog-modal-middle[b-jsk2vkr1wy]  > * {
		display: flex;
		gap: 16px;
		flex-direction: column;
		padding: 2.5rem;
	}

		.dialog-modal-middle[b-jsk2vkr1wy]  > *:nth-child(1) {
			padding-top: 2rem;
		}

		.dialog-modal-middle[b-jsk2vkr1wy]  > *:nth-last-child(1) {
			padding-bottom: 2rem;
		}

		.dialog-modal-middle[b-jsk2vkr1wy]  > *:not(:nth-last-child(1)) {
			border-bottom: 1px solid #ccc;
		}



[b-jsk2vkr1wy] .form-row {
	display: grid;
	position: relative;
}

	[b-jsk2vkr1wy] .form-row::before,
	[b-jsk2vkr1wy] .form-row::after {
		display: none;
	}

	[b-jsk2vkr1wy] .form-row .form-col {
		margin: 0;
		width: unset;
		display: grid;
	}

	[b-jsk2vkr1wy] .form-row input[type="text"],
	[b-jsk2vkr1wy] .form-row input[type="number"] {
		all: revert;
		background-color: transparent;
		padding: 1rem !important;
		border: 1px solid #ccc;
		border-radius: 0.5rem;
		color: black;
		transition: all .2s ease-in-out;
		outline: none;
		width: unset;
	}

		[b-jsk2vkr1wy] .form-row input[type="text"]:is(:hover, :focus),
		[b-jsk2vkr1wy] .form-row input[type="number"]:is(:hover, :focus) {
			border-color: #999;
		}

[b-jsk2vkr1wy] .tooltip-top {
	grid-template-columns: 1fr auto;
}

	[b-jsk2vkr1wy] .tooltip-top .form-col:nth-child(2) {
		grid-column: span 2;
	}

	[b-jsk2vkr1wy] .tooltip-top button {
		grid-column: 2/3;
		grid-row: 1/2;
	}

[b-jsk2vkr1wy] .tooltip-side {
	grid-template-columns: 1fr 1fr;
}

	[b-jsk2vkr1wy] .tooltip-side .form-col:nth-child(1) {
		grid-column: span 2;
	}

	[b-jsk2vkr1wy] .tooltip-side .form-col:nth-child(2) {
		display: flex;
		align-items: center;
		gap: 1rem;
	}

		[b-jsk2vkr1wy] .tooltip-side .form-col:nth-child(2) span {
			margin: 0 !important;
		}

	[b-jsk2vkr1wy] .tooltip-side button {
		grid-column: 2/3;
		grid-row: 2/3;
		width: fit-content;
	}

[b-jsk2vkr1wy] .checkbox-tooltip-side {
	grid-template-columns: auto auto 1fr;
	gap: 1rem;
	align-items: center;
}

	[b-jsk2vkr1wy] .checkbox-tooltip-side .form-col:nth-child(2) {
		display: contents;
	}

	[b-jsk2vkr1wy] .checkbox-tooltip-side label {
		display: flex;
		align-items: center;
	}

[b-jsk2vkr1wy] .form-row .form-col input.deb-toggle[type="checkbox"] {
	all: revert;
	width: 18px;
	height: 18px;
	margin: 0;
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	accent-color: var(--main-color-limegreen);
	border-radius: 3px;
	cursor: pointer;
}

/*	::deep .checkbox-tooltip-side .form-col:nth-child(1) {
		grid-column: span 2;
	}*/

[b-jsk2vkr1wy] .checkbox-tooltip-side .form-col:nth-child(2) {
	grid-column: 1/2;
	grid-row: 1/2;
	width: fit-content;
}

[b-jsk2vkr1wy] .checkbox-tooltip-side button {
	grid-column: 3/4;
	width: fit-content;
}

[b-jsk2vkr1wy] input[type="number"] {
}

[b-jsk2vkr1wy] .form-row .form-col input.deb-toggle[type="checkbox"] ~ label {
	display: none;
}

[b-jsk2vkr1wy] .checkbox-tooltip-side .deb-explanation-wrapper,
[b-jsk2vkr1wy] .tooltip-side .deb-explanation-wrapper {
	position: unset;
	margin: unset;
	width: fit-content;
}

[b-jsk2vkr1wy] .checkbox-tooltip-side .deb-explanation-text,
[b-jsk2vkr1wy] .tooltip-side .deb-explanation-text {
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	top: calc(100% + 5px);
	pointer-events: none;
	border: none;
	background-color: #FFEBCE;
	padding: 5px 10px;
}

@media (hover: hover) and (pointer: fine) {
	[b-jsk2vkr1wy] .checkbox-tooltip-side .deb-explanation-text::after,
	[b-jsk2vkr1wy] .checkbox-tooltip-side .deb-explanation-text::before,
	[b-jsk2vkr1wy] .tooltip-side .deb-explanation-text::after,
	[b-jsk2vkr1wy] .tooltip-side .deb-explanation-text::before {
		pointer-events: none;
	}

	[b-jsk2vkr1wy] .checkbox-tooltip-side .deb-explanation-text::before,
	[b-jsk2vkr1wy] .tooltip-side .deb-explanation-text::before {
		content: "";
		position: absolute;
		top: -10px;
		left: 32px;
		transform: rotate(0deg);
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent #FFEBCE transparent;
		transition: opacity 0.3s ease;
		z-index: 50;
	}
}

.selectlist-container[b-jsk2vkr1wy] {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

	.selectlist-container label[b-jsk2vkr1wy] {
		line-height: normal;
	}

.selectlist-tooltip[b-jsk2vkr1wy] {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: baseline;
	position: relative;
}

	.selectlist-tooltip span[b-jsk2vkr1wy] {
		display: grid;
		cursor: pointer;
	}

	.selectlist-tooltip i[b-jsk2vkr1wy] {
		font-size: 22px;
		color: #133416;
	}

@media (hover: hover) and (pointer: fine) {
	.selectlist-tooltip span[b-jsk2vkr1wy]::after,
	.selectlist-tooltip span[b-jsk2vkr1wy]::before {
		pointer-events: none;
	}

	.selectlist-tooltip span[b-jsk2vkr1wy]::after {
		content: attr(data-title);
		position: absolute;
		top: calc(100% + 5px);
		background-color: #FFEBCE;
		color: black;
		padding: 5px 10px;
		border-radius: 5px;
		width: 100%;
		opacity: 0;
		transition: opacity 0.3s ease;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.3s ease-in-out;
		z-index: 50;
	}

	.selectlist-tooltip span[b-jsk2vkr1wy]::before {
		content: "";
		position: absolute;
		bottom: -5px;
		left: 32px;
		transform: rotate(0deg);
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent #FFEBCE transparent;
		opacity: 0;
		transition: opacity 0.3s ease;
		z-index: 50;
	}

	.selectlist-tooltip span:is(:hover, :focus)[b-jsk2vkr1wy]::after,
	.selectlist-tooltip span:is(:hover, :focus)[b-jsk2vkr1wy]::before {
		opacity: 1;
	}
}


button[b-jsk2vkr1wy] {
	all: revert;
	background-color: transparent;
	border: none;
	padding: 5px;
	display: grid;
	justify-content: center;
	align-items: center;
	outline: none;
	border: 1px solid transparent;
	border-radius: 5px;
	cursor: pointer;
}

	button:focus[b-jsk2vkr1wy] {
		border-color: #999;
	}

	button[b-jsk2vkr1wy]  svg {
		height: 18px;
		width: auto;
	}

[b-jsk2vkr1wy] .form-row .form-col label {
	line-height: normal;
	font-weight: normal;
	padding: 5px 0;
	cursor: pointer;
}



[b-jsk2vkr1wy] button.confirm {
	all: revert;
	box-sizing: border-box;
	cursor: pointer;
	background-color: var(--primary-color, #D1F951);
	border: 1px solid var(--primary-color, #D1F951);
	color: var(--dark-color, #020202);
	padding: .8rem 1.2rem;
	border-radius: .6rem;
	position: relative;
	transition: all .2s ease-in-out;
}

[b-jsk2vkr1wy] button.cancel {
	all: revert;
	box-sizing: border-box;
	cursor: pointer;
	background-color: transparent;
	border: 1px solid var(--primary-hover, #A1A1A1);
	color: var(--dark-color, #020202);
	padding: .8rem 1.2rem;
	border-radius: .6rem;
	display: flex;
	align-items: center;
}


/*
	OLD CreateOrEdit.razor component styling)
*/



h3[b-jsk2vkr1wy] {
	--font-size: 1em;
	--min-font-size: calc(var(--font-size) * 0.875); /* 14px */
	--max-font-size: calc(var(--font-size) * 1.25); /* 20px */
	--vw: 10vw;
	--size-grow: 1;
	--font-m: clamp(calc(var(--size-grow) * var(--min-font-size)), var(--vw), calc(var(--size-grow) * var(--max-font-size)));
	font-size: var(--font-m);
	color: black;
	border: unset;
	line-height: normal;
	margin: 0;
	padding: 0;
}

section[b-jsk2vkr1wy] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	container-type: inline-size;
}

.contact[b-jsk2vkr1wy] {
	display: flex;
	flex-direction: column;
}

.option-container[b-jsk2vkr1wy] {
	margin-left: 28px;
}

.contact[b-jsk2vkr1wy]  .checkbox-container .form-row {
	margin-bottom: .5rem;
}

.contact[b-jsk2vkr1wy] >  .expander {
	margin-left: 28px;
}

[b-jsk2vkr1wy] .custom-select {
	height: fit-content;
}

.contact[b-jsk2vkr1wy]  .custom-select {
	height: fit-content;
	margin-bottom: 5px;
}

	[b-jsk2vkr1wy] .custom-select button {
		border-color: #ccc !important;
	}

		[b-jsk2vkr1wy] .custom-select button:is(:hover, focus-within) {
			border-color: #999 !important;
		}

.action-date[b-jsk2vkr1wy] {
	display: grid;
	grid-template-columns: 1fr auto auto auto;
	row-gap: .5rem;
	column-gap: .5rem;
	position: relative;
}

	.action-date[b-jsk2vkr1wy]  .form-row {
		display: grid;
		grid-template-columns: subgrid;
		align-items: center;
		grid-column: 1/-1;
		grid-row: 1/3;
		row-gap: inherit;
		column-gap: inherit;
	}

		.action-date[b-jsk2vkr1wy]  .form-row .form-col {
			margin: 0;
		}

			.action-date[b-jsk2vkr1wy]  .form-row .form-col:nth-child(1) {
				grid-column: 1/-2;
				grid-row: 1/2;
			}

			.action-date[b-jsk2vkr1wy]  .form-row .form-col:nth-child(2) {
				grid-column: 1/2;
				grid-row: 2/3;
				display: flex;
				column-gap: inherit;
				align-items: center;
				gap: 0;
			}

		.action-date[b-jsk2vkr1wy]  .form-row input {
			width: 100%;
		}

	.action-date[b-jsk2vkr1wy]  .selectDropdown-container-first {
		grid-column: 2/3;
		grid-row: 2/3;
	}

	.action-date[b-jsk2vkr1wy]  .selectDropdown-container-second {
		grid-column: 3/-1;
		grid-row: 2/3;
	}


	.action-date span[b-jsk2vkr1wy] {
		grid-column: 2/-1;
		grid-row: 2/3;
	}


	.action-date .Tooltip[b-jsk2vkr1wy] {
		display: grid;
		align-items: center;
		justify-content: center;
		width: fit-content;
		grid-column: -2/-1;
		grid-row: 1/2;
		z-index: 2;
		padding: .5rem;
		cursor: pointer;
	}

		.action-date .Tooltip[b-jsk2vkr1wy]  svg {
			height: 18px;
			width: auto;
		}

	.action-date[b-jsk2vkr1wy]  .custom-select {
		margin-bottom: 0;
	}

@media (hover: hover) and (pointer: fine) {
	.action-date .Tooltip[b-jsk2vkr1wy]::after, .action-date .Tooltip[b-jsk2vkr1wy]::before {
		pointer-events: none;
	}

	.action-date .Tooltip[b-jsk2vkr1wy]::after {
		content: attr(data-title);
		position: absolute;
		top: calc(100% + 5px);
		background-color: #FFEBCE;
		color: black;
		padding: 5px 10px;
		border-radius: 5px;
		width: 100%;
		opacity: 0;
		transition: opacity 0.3s ease;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.3s ease-in-out;
		z-index: 50;
	}

	.action-date .Tooltip[b-jsk2vkr1wy]::before {
		content: "";
		position: absolute;
		bottom: -5px;
		left: 32px;
		transform: rotate(0deg);
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent #FFEBCE transparent;
		opacity: 0;
		transition: opacity 0.3s ease;
		z-index: 50;
	}

	.action-date .Tooltip:is(:hover, :focus)[b-jsk2vkr1wy]::after,
	.action-date .Tooltip:is(:hover, :focus)[b-jsk2vkr1wy]::before {
		opacity: 1;
	}
}

@container (max-width: 400px) {
	.InvoiceStatusOpen[b-jsk2vkr1wy] {
		grid-template-columns: 1fr auto 1fr auto;
	}

		.InvoiceStatusOpen[b-jsk2vkr1wy]  .form-row .form-col:nth-child(2) {
			grid-column: 1/-1;
			grid-row: 2/3;
		}

		.InvoiceStatusOpen[b-jsk2vkr1wy]  .selectDropdown-container-first {
			grid-column: 1/3;
			grid-row: 3/4;
		}

		.InvoiceStatusOpen[b-jsk2vkr1wy]  .selectDropdown-container-second {
			grid-column: 3/-1;
			grid-row: 3/4;
		}
}

[b-jsk2vkr1wy] .active:has(.bottom) .select-dropdown.no-popover {
	z-index: 3;
}

.checkbox-container[b-jsk2vkr1wy]  .form-row {
	justify-content: flex-start;
	column-gap: 1rem;
	display: flex;
	flex-direction: row-reverse;
}

	.checkbox-container[b-jsk2vkr1wy]  .form-row .form-col:nth-child(1) {
		grid-column: 2/3;
		grid-row: 1/2;
		align-items: center;
		width: 100%;
	}

	.checkbox-container[b-jsk2vkr1wy]  .form-row .form-col:nth-child(2) {
		grid-column: 1/2;
		padding: .5rem 0;
	}

	.checkbox-container[b-jsk2vkr1wy]  .form-row label {
		padding: .5rem 0;
	}

.selectDropdown-container[b-jsk2vkr1wy] {
	display: flex;
	flex-direction: column;
	row-gap: .5rem;
}

.description[b-jsk2vkr1wy] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	margin-top: 1rem;
}

.description > p[b-jsk2vkr1wy]{
	font-weight: 600;
}

	.description[b-jsk2vkr1wy]  .ui-tabs {
		display: flex;
		flex-direction: column;
		gap: .5rem;
		padding: 0 !important;
	}

	.description[b-jsk2vkr1wy]  ul {
		margin-top: 0 !important;
		display: flex;
		flex-wrap: wrap;
		gap: .5rem;
	}

	.description[b-jsk2vkr1wy]  .ui-tabs-panel {
		display: grid;
	}

	.description[b-jsk2vkr1wy]  .ui-helper-clearfix:before,
	.description[b-jsk2vkr1wy]  .ui-helper-clearfix:after {
		display: none;
	}

	.description[b-jsk2vkr1wy]  .ui-tabs .ui-tabs-nav li {
		margin: 0;
		background-color: transparent;
		border: none;
	}

	.description[b-jsk2vkr1wy]  .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		border-bottom: 2px solid transparent;
		padding: .5rem;
		line-height: normal;
	}

	.description[b-jsk2vkr1wy]  .ui-tabs-active .ui-tabs-anchor {
		color: black;
		border-bottom: 2px solid green !important;
	}

	.description[b-jsk2vkr1wy]  .ui-widget textarea {
		--padding: 1rem;
		width: unset;
		padding: var(--padding) !important;
		min-height: calc(10lh + 10 * var(--padding));
		max-height: calc(10lh + 10 * var(--padding));
		line-height: 1;
		padding-inline: calc(var(--padding) + calc((1lh - 1ex) / 2));
		resize: none;
		border-radius: .5rem;
	}

		.description[b-jsk2vkr1wy]  .ui-widget textarea:is(:hover, :focus) {
			border-color: #999;
		}

[b-jsk2vkr1wy] .tox-tinymce {
	border-radius: .5rem;
}

	[b-jsk2vkr1wy] .tox-tinymce:is(:hover, :focus) {
		border-color: #999;
	}

@supports (field-sizing: content) {
	.description[b-jsk2vkr1wy]  .ui-widget textarea {
		min-height: calc(3lh + 3 * var(--padding));
		max-height: unset;
		field-sizing: content;
		resize: vertical;
	}
}

.description[b-jsk2vkr1wy]  .ui-widget textarea::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

.description[b-jsk2vkr1wy]  .ui-widget textarea::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 25px;
}

.description[b-jsk2vkr1wy]  .ui-widget textarea::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 25px;
}

	.description[b-jsk2vkr1wy]  .ui-widget textarea::-webkit-scrollbar-thumb:hover {
		background-color: #A8A8A8;
	}

.upload-container[b-jsk2vkr1wy] {
	display: flex;
	flex-direction: column;
}

[b-jsk2vkr1wy] .uploaded button svg {
	height: 18px;
	width: 18px;
}

.accordion[b-jsk2vkr1wy] {
	padding: 0;
	margin: 0;
	gap: .5rem;
}

	.accordion[b-jsk2vkr1wy]  ul {
		all: revert;
		display: flex;
		flex-wrap: wrap;
		gap: .5rem;
		margin: 0;
		padding: 0;
	}

	.accordion[b-jsk2vkr1wy]  li,
	.accordion[b-jsk2vkr1wy]  .active{
		all: revert;
		margin: 0;
		background-color: transparent;
		border: none;
		list-style-type: none;
	}
		.accordion[b-jsk2vkr1wy]  li.ProcessedFileListDisplayItem {
			width: 100%;
		}

		.accordion[b-jsk2vkr1wy]  li > button {
			all: revert;
			margin: 0;
			background-color: transparent;
			border: none;
			border-bottom: 2px solid transparent;
			cursor: pointer;
			padding: .5rem;
		}

			.accordion[b-jsk2vkr1wy]  li > button:is(:hover, :focus) {
				border-color: #ccc;
			}

		.accordion[b-jsk2vkr1wy]  .active button{
			border-color: green;
		}

			.accordion[b-jsk2vkr1wy]  .active button:is(:hover, :focus) {
				border-color: green;
			}

.error-massage[b-jsk2vkr1wy] {
	color: red;
}

[b-jsk2vkr1wy] .invalid textarea,
[b-jsk2vkr1wy] .invalid input,
[b-jsk2vkr1wy] .invalid .tox-tinymce,
[b-jsk2vkr1wy] .invalid textarea:is(:hover, :focus),
[b-jsk2vkr1wy] .invalid input:is(:hover, :focus),
[b-jsk2vkr1wy] .invalid .tox-tinymce:is(:hover, :focus) {
	border-color: red !important;
}


[b-jsk2vkr1wy] .form-inline {
	padding: 0;
	border: unset;
	display: flex;
	flex-direction: column;
	gap: inherit;
}

	[b-jsk2vkr1wy] .form-inline h2 {
		--font-size: 1em;
		--min-font-size: calc(var(--font-size) * 0.875); /* 14px */
		--max-font-size: calc(var(--font-size) * 1.25); /* 20px */
		--vw: 10vw;
		--size-grow: 1;
		--font-m: clamp(calc(var(--size-grow) * var(--min-font-size)), var(--vw), calc(var(--size-grow) * var(--max-font-size)));
		font-size: var(--font-m);
		color: black;
		border: unset;
		line-height: normal;
		margin: 0;
		padding: 0;
	}

	[b-jsk2vkr1wy] .form-inline,
	[b-jsk2vkr1wy] .form-inline table{
		margin: unset;
	}

	[b-jsk2vkr1wy] .form-inline table{
		border: unset;
	}

		[b-jsk2vkr1wy] .form-inline table tr{
			display: flex;
			/*		flex-wrap: wrap;*/
			flex-direction: column;
			/*		align-items: center;*/

		}

		[b-jsk2vkr1wy] .form-inline table tr:not(:nth-last-child(1)) {
			border-bottom: 1px solid #ccc;
		}

		[b-jsk2vkr1wy] .form-inline table tr th,
		[b-jsk2vkr1wy] .form-inline table tr td {
			flex: 1 1 50%; /* Make each cell take 50% of the row's width */
			box-sizing: border-box;
			padding: 8px;
			border: unset;
			line-height: normal;
			white-space: pre-wrap;
		}

		[b-jsk2vkr1wy] .form-inline table tr td {
			padding-top: 0;
		}


.accordion.SideBarPrimary .macros[b-jsk2vkr1wy]  .form-inline {
	padding: 0 2.5rem;
}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/CreateOrEditWorkflowInvoiceStatusModal.razor.rz.scp.css */
[b-7jhvaqrhux] dialog {
	--main-color: #133416;
	--main-color-limegreen: #D1F951;
	--main-color-lightbeige: #EFEDE0;
}

.dialog-modal-top > *[b-7jhvaqrhux] {
	border-bottom: 0;
	margin-bottom: 0;
}

.dialog-modal h1[b-7jhvaqrhux],
.dialog-modal p[b-7jhvaqrhux],
[b-7jhvaqrhux] p {
	padding: 0;
	margin: 0;
	line-height: normal;
	align-items: center;
	display: flex;
}

.dialog-modal-top[b-7jhvaqrhux],
.dialog-modal-bottom[b-7jhvaqrhux] {
	z-index: 5;
}

.dialog-modal-middle[b-7jhvaqrhux] {
	display: flex;
	gap: 16px;
	flex-direction: column;
}

[b-7jhvaqrhux] .form-row .form-col label {
	line-height: normal;
	font-weight: normal;
	padding: 5px 0;
}



[b-7jhvaqrhux] button.confirm {
	all: revert;
	box-sizing: border-box;
	cursor: pointer;
	background-color: var(--primary-color, #D1F951);
	border: 1px solid var(--primary-color, #D1F951);
	color: var(--dark-color, #020202);
	padding: .8rem 1.2rem;
	border-radius: .6rem;
	position: relative;
	transition: all .2s ease-in-out;
}

[b-7jhvaqrhux] button.cancel {
	all: revert;
	box-sizing: border-box;
	cursor: pointer;
	background-color: transparent;
	border: 1px solid var(--primary-hover, #A1A1A1);
	color: var(--dark-color, #020202);
	padding: .8rem 1.2rem;
	border-radius: .6rem;
	display: flex;
	align-items: center;
}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/CreateOrEditWorkflowModal.razor.rz.scp.css */
[b-z5p8fgyqzl] dialog {
	--main-color: #133416;
	--main-color-limegreen: #D1F951;
	--main-color-lightbeige: #EFEDE0;
}

.dialog-modal-top > *[b-z5p8fgyqzl] {
	border-bottom: 0;
	margin-bottom: 0;
}

.dialog-modal h1[b-z5p8fgyqzl] {
	padding: 0;
	margin: 0;
	line-height: normal;
	align-items: center;
	display: grid;
}

[b-z5p8fgyqzl] p {
	padding: 0;
	margin: 0;
}

.dialog-modal-top[b-z5p8fgyqzl],
.dialog-modal-bottom[b-z5p8fgyqzl] {
	z-index: 5;
}

.dialog-modal-middle[b-z5p8fgyqzl] {
	display: flex;
	gap: 16px;
	flex-direction: column;
}

[b-z5p8fgyqzl] .form-row {
	display: grid;
	position: relative;
}

	[b-z5p8fgyqzl] .form-row::before,
	[b-z5p8fgyqzl] .form-row::after {
		display: none;
	}

	[b-z5p8fgyqzl] .form-row .form-col {
		margin: 0;
		width: unset;
		display: grid;
	}

	[b-z5p8fgyqzl] .form-row input[type="text"],
	[b-z5p8fgyqzl] .form-row input[type="number"] {
		all: revert;
		background-color: transparent;
		padding: 1rem !important;
		border: 1px solid #ccc;
		border-radius: 0.5rem;
		color: black;
		transition: all .2s ease-in-out;
		outline: none;
		width: unset;
	}

		[b-z5p8fgyqzl] .form-row input[type="text"]:is(:hover, :focus),
		[b-z5p8fgyqzl] .form-row input[type="number"]:is(:hover, :focus) {
			border-color: #999;
		}

[b-z5p8fgyqzl] .tooltip-top {
	grid-template-columns: 1fr auto;
}

	[b-z5p8fgyqzl] .tooltip-top .form-col:nth-child(2) {
		grid-column: span 2;
	}

	[b-z5p8fgyqzl] .tooltip-top button {
		grid-column: 2/3;
		grid-row: 1/2;
	}

[b-z5p8fgyqzl] .tooltip-side {
	grid-template-columns: 1fr 1fr;
}

	[b-z5p8fgyqzl] .tooltip-side .form-col:nth-child(1) {
		grid-column: span 2;
	}

	[b-z5p8fgyqzl] .tooltip-side .form-col:nth-child(2) {
		display: flex;
		align-items: center;
		gap: 1rem;
	}

		[b-z5p8fgyqzl] .tooltip-side .form-col:nth-child(2) span {
			margin: 0 !important;
		}

	[b-z5p8fgyqzl] .tooltip-side button {
		grid-column: 2/3;
		grid-row: 2/3;
		width: fit-content;
	}

[b-z5p8fgyqzl] .checkbox-tooltip-side {
	grid-template-columns: auto auto 1fr;
	gap: 1rem;
	align-items: center;
}

	[b-z5p8fgyqzl] .checkbox-tooltip-side .form-col:nth-child(2) {
		display: contents;
	}

	[b-z5p8fgyqzl] .checkbox-tooltip-side label {
		display: flex;
		align-items: center;
	}

[b-z5p8fgyqzl] .extra-option{
	margin-top: 16px;
}

[b-z5p8fgyqzl] .form-row .form-col input.deb-toggle[type="checkbox"] {
	all: revert;
	width: 18px;
	height: 18px;
	margin: 0;
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	accent-color: var(--main-color-limegreen);
	border-radius: 3px;
}

/*	::deep .checkbox-tooltip-side .form-col:nth-child(1) {
		grid-column: span 2;
	}*/

[b-z5p8fgyqzl] .checkbox-tooltip-side .form-col:nth-child(2) {
	grid-column: 1/2;
	grid-row: 1/2;
	width: fit-content;
}

[b-z5p8fgyqzl] .checkbox-tooltip-side button {
	grid-column: 3/4;
	width: fit-content;
}

[b-z5p8fgyqzl] input[type="number"] {
}

[b-z5p8fgyqzl] .form-row .form-col input.deb-toggle[type="checkbox"] ~ label {
	display: none;
}

[b-z5p8fgyqzl] .checkbox-tooltip-side .deb-explanation-wrapper,
[b-z5p8fgyqzl] .tooltip-side .deb-explanation-wrapper {
	position: unset;
	margin: unset;
	width: fit-content;
}

[b-z5p8fgyqzl] .checkbox-tooltip-side .deb-explanation-text,
[b-z5p8fgyqzl] .tooltip-side .deb-explanation-text {
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	top: calc(100% + 5px);
	pointer-events: none;
	border: none;
	background-color: #FFEBCE;
	padding: 5px 10px;
}

@media (hover: hover) and (pointer: fine) {
	[b-z5p8fgyqzl] .checkbox-tooltip-side .deb-explanation-text::after,
	[b-z5p8fgyqzl] .checkbox-tooltip-side .deb-explanation-text::before,
	[b-z5p8fgyqzl] .tooltip-side .deb-explanation-text::after,
	[b-z5p8fgyqzl] .tooltip-side .deb-explanation-text::before {
		pointer-events: none;
	}

	[b-z5p8fgyqzl] .checkbox-tooltip-side .deb-explanation-text::before,
	[b-z5p8fgyqzl] .tooltip-side .deb-explanation-text::before {
		content: "";
		position: absolute;
		top: -10px;
		left: 32px;
		transform: rotate(0deg);
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent #FFEBCE transparent;
		transition: opacity 0.3s ease;
		z-index: 50;
	}
}

.selectlist-container[b-z5p8fgyqzl] {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

	.selectlist-container label[b-z5p8fgyqzl] {
		line-height: normal;
	}

.selectlist-tooltip[b-z5p8fgyqzl] {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: baseline;
	position: relative;
}

	.selectlist-tooltip span[b-z5p8fgyqzl] {
		display: grid;
		cursor: pointer;
	}

	.selectlist-tooltip i[b-z5p8fgyqzl] {
		font-size: 22px;
		color: #133416;
	}

@media (hover: hover) and (pointer: fine) {
	.selectlist-tooltip span[b-z5p8fgyqzl]::after,
	.selectlist-tooltip span[b-z5p8fgyqzl]::before {
		pointer-events: none;
	}

	.selectlist-tooltip span[b-z5p8fgyqzl]::after {
		content: attr(data-title);
		position: absolute;
		top: calc(100% + 5px);
		background-color: #FFEBCE;
		color: black;
		padding: 5px 10px;
		border-radius: 5px;
		width: 100%;
		opacity: 0;
		transition: opacity 0.3s ease;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.3s ease-in-out;
		z-index: 50;
	}

	.selectlist-tooltip span[b-z5p8fgyqzl]::before {
		content: "";
		position: absolute;
		bottom: -5px;
		left: 32px;
		transform: rotate(0deg);
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent #FFEBCE transparent;
		opacity: 0;
		transition: opacity 0.3s ease;
		z-index: 50;
	}

	.selectlist-tooltip span:is(:hover, :focus)[b-z5p8fgyqzl]::after,
	.selectlist-tooltip span:is(:hover, :focus)[b-z5p8fgyqzl]::before {
		opacity: 1;
	}
}


button[b-z5p8fgyqzl] {
	all: revert;
	background-color: transparent;
	border: none;
	padding: 5px;
	display: grid;
	justify-content: center;
	align-items: center;
	outline: none;
	border: 1px solid transparent;
	border-radius: 5px;
	cursor: pointer;
}

	button:focus[b-z5p8fgyqzl] {
		border-color: #999;
	}

	button[b-z5p8fgyqzl]  svg {
		height: 18px;
		width: auto;
	}

[b-z5p8fgyqzl] .form-row .form-col label {
	line-height: normal;
	font-weight: normal;
	padding: 5px 0;
}

[b-z5p8fgyqzl] .custom-select {
	grid-column: span 2;
}

[b-z5p8fgyqzl] button.confirm {
	all: revert;
	box-sizing: border-box;
	cursor: pointer;
	background-color: var(--primary-color, #D1F951);
	border: 1px solid var(--primary-color, #D1F951);
	color: var(--dark-color, #020202);
	padding: .8rem 1.2rem;
	border-radius: .6rem;
	position: relative;
	transition: all .2s ease-in-out;
}

[b-z5p8fgyqzl] button.cancel {
	all: revert;
	box-sizing: border-box;
	cursor: pointer;
	background-color: transparent;
	border: 1px solid var(--primary-hover, #A1A1A1);
	color: var(--dark-color, #020202);
	padding: .8rem 1.2rem;
	border-radius: .6rem;
	display: flex;
	align-items: center;
}

.error-container[b-z5p8fgyqzl] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.error-massage[b-z5p8fgyqzl] {
	color: red;
}

[b-z5p8fgyqzl] .invalid .form-col input,
[b-z5p8fgyqzl] .invalid .form-col input:is(:hover, :focus),
.invalid[b-z5p8fgyqzl]  button,
.invalid[b-z5p8fgyqzl]  button:is(:hover, :focus) {
	border-color: red;
}

h2[b-z5p8fgyqzl] {
	--font-size: 1em;
	--min-font-size: calc(var(--font-size)* 0.875);
	--max-font-size: calc(var(--font-size)* 1.25);
	--vw: 10vw;
	--size-grow: 1;
	--font-m: clamp(calc(var(--size-grow)* var(--min-font-size)), var(--vw), calc(var(--size-grow)* var(--max-font-size)));
	font-size: var(--font-m);
	color: black;
	border: unset;
	line-height: normal;
	margin: 0;
	padding: 0;
}

.table-modal-container[b-z5p8fgyqzl] {
	--side-spacing: 2rem;
	width: calc(100% + (var(--side-spacing) * 2));
	display: grid;
	margin: 0 calc(-1 * var(--side-spacing));
}

.table-modal-container h2[b-z5p8fgyqzl]{
	padding: 1rem 2rem;
}

	.table-modal-container p[b-z5p8fgyqzl] {
		padding: 0 2rem;
	}

	.table-modal-container[b-z5p8fgyqzl]  .table-container::-webkit-scrollbar {
		height: 7px;
	}

	.table-modal-container[b-z5p8fgyqzl]  .table-container::-webkit-scrollbar-thumb:hover {
		background-color: #A8A8A8;
	}

	.table-modal-container[b-z5p8fgyqzl]  .table-container::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

	.table-modal-container[b-z5p8fgyqzl]  .table-container::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	.table-modal-container[b-z5p8fgyqzl]  table {
		margin: 0;
		border: none;
		overflow: unset!important;
	}

	.table-modal-container[b-z5p8fgyqzl]  tr {
		background-color: transparent;
	}

		.table-modal-container[b-z5p8fgyqzl]  tbody tr:hover {
			background-color: #f2f2f2;
		}

	.table-modal-container[b-z5p8fgyqzl]  td:nth-child(1),
	.table-modal-container[b-z5p8fgyqzl]  th:nth-child(1) {
		padding-left: var(--side-spacing);
	}

	.table-modal-container[b-z5p8fgyqzl]  td:nth-last-child(1),
	.table-modal-container[b-z5p8fgyqzl]  th:nth-child(1) {
		padding-right: var(--side-spacing);
	}

[b-z5p8fgyqzl] .optional-checkbox{
	margin-top: 16px;
}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/CreateOrEditWorkflowOrderStatusModal.razor.rz.scp.css */
[b-kxfv4xyx4j] dialog {
	--main-color: #133416;
	--main-color-limegreen: #D1F951;
	--main-color-lightbeige: #EFEDE0;
}

.dialog-modal-top > *[b-kxfv4xyx4j] {
	border-bottom: 0;
	margin-bottom: 0;
}

.dialog-modal h1[b-kxfv4xyx4j],
.dialog-modal p[b-kxfv4xyx4j],
[b-kxfv4xyx4j] p {
	padding: 0;
	margin: 0;
	line-height: normal;
	align-items: center;
	display: flex;
}

.dialog-modal-middle[b-kxfv4xyx4j] {
	display: flex;
	gap: 16px;
	flex-direction: column;
}


.row-container[b-kxfv4xyx4j]{

}




[b-kxfv4xyx4j] .form-row .form-col label {
	line-height: normal;
	font-weight: normal;
	padding: 5px 0;
}



[b-kxfv4xyx4j] button.confirm {
	all: revert;
	box-sizing: border-box;
	cursor: pointer;
	background-color: var(--primary-color, #D1F951);
	border: 1px solid var(--primary-color, #D1F951);
	color: var(--dark-color, #020202);
	padding: .8rem 1.2rem;
	border-radius: .6rem;
	position: relative;
	transition: all .2s ease-in-out;
}

[b-kxfv4xyx4j] button.cancel {
	all: revert;
	box-sizing: border-box;
	cursor: pointer;
	background-color: transparent;
	border: 1px solid var(--primary-hover, #A1A1A1);
	color: var(--dark-color, #020202);
	padding: .8rem 1.2rem;
	border-radius: .6rem;
	display: flex;
	align-items: center;
}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/CreateRentalBookingModal.razor.rz.scp.css */
button[b-joq8ebla8a] {
	all: unset;
	box-sizing: border-box;
}

input[b-joq8ebla8a], [b-joq8ebla8a] input {
	color: #445364;
}

h3[b-joq8ebla8a] {
	all: revert;
	font-size: clamp(1.2rem, 10vw, 2rem);
	color: #646464;
	margin: 0;
	font-weight: 500;
}

.form[b-joq8ebla8a] {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding-bottom: 2rem;
	--_color: #A1A1A1;
	--_1-border-dash: 1px dashed #E5E5E5;
	--_1-border-solid: 1px solid var(--_color);
	--_1-border-transparent: 1px solid transparent;
	--_2-border-dash: 2px dashed #E5E5E5;
	--_2-border-solid: 2px solid var(--_color);
	--_2-border-transparent: 2px solid transparent;
}

.form > *[b-joq8ebla8a]{
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

	.form > * > *[b-joq8ebla8a]{
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}


.VerhuurDatum-container[b-joq8ebla8a]{
	gap: .5rem;
}

	.car-details[b-joq8ebla8a] {
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: 2rem;
		row-gap: 1rem;
	}

	.car-details > *[b-joq8ebla8a] {
		display: grid;
		grid-template-columns: subgrid;
		grid-column: span 2;
		align-items: center;
		min-height: 40px;
		border-bottom: 1px solid gray;
	}

.price[b-joq8ebla8a]{
	display: flex;
	gap: 1rem;
	flex-direction: unset;
}

.currency[b-joq8ebla8a] {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column-reverse;
	gap: .5rem;
}

	.currency label[b-joq8ebla8a] {
		line-height: normal;
		font-size: inherit;
		background-color: #fff;
	}

	.currency[b-joq8ebla8a]  input {
		padding: 1rem 1.5rem;
		/* border: 3px solid white; */
		background-color: transparent;
		box-shadow: var(--box-shadow);
		width: 100%;
		color: var(--text-color);
		transition: 0.3s ease-in-out;
		height: 100%;
		border: 1px solid #A1A1A1;
		border-radius: .6rem;
		font-size: 14px;
		padding: 1.25rem 1.5rem;
	}


		.currency[b-joq8ebla8a]  input:hover,
		.currency[b-joq8ebla8a]  input:focus {
			border: 1px solid green;
		}

		.currency[b-joq8ebla8a]  input:disabled {
			background-color: #e9ecef;
			color: #445364;
			font-family: roboto, sans-serif;
		}

dialog p[b-joq8ebla8a], [b-joq8ebla8a] dialog p {
	line-height: normal;
	margin: 0;
}

	/* Chrome, Safari, Edge, Opera */
	input[b-joq8ebla8a]::-webkit-outer-spin-button,
	input[b-joq8ebla8a]::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	/* Firefox */
	input[type=number][b-joq8ebla8a] {
		-moz-appearance: textfield;
	}



.date-type[b-joq8ebla8a] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	container-type: inline-size;
}

	.date-type > div[b-joq8ebla8a] {
		position: relative;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: repeat(4, 1f);
		border-radius: .6rem;
		border: var(--_1-border-solid);
		overflow: hidden;
		background-color: var(--_color);
		gap: 1px;
	}

		.date-type > div:hover[b-joq8ebla8a],
		.date-type > div:focus[b-joq8ebla8a] {
			border: 1px solid green;
		}

		.date-type > div > *[b-joq8ebla8a] {
			width: 100%;
			display: flex;
		}


	.date-type input[b-joq8ebla8a] {
		position: absolute;
		left: -99999px;
	}



	.date-type .input-container label[b-joq8ebla8a] {
		padding: 1.25rem 1.5rem;
		line-height: normal;
		cursor: pointer;
		width: 100%;
		background-color: white;
	}

	.date-type label:hover[b-joq8ebla8a],
	.date-type label:focus[b-joq8ebla8a],
	.date-type input[IsChecked] ~ label[b-joq8ebla8a] {
		background-color: var(--primary-color, #D1F951);
	}

	.date-type > div > div:last-child label[b-joq8ebla8a] {
		border-right: unset;
	}



.date-picker[b-joq8ebla8a] {
	position: relative !important;
	padding: 1rem;
	left:0;
}

.adress[b-joq8ebla8a] {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.Factuuradres[b-joq8ebla8a],
.Bezoekadres[b-joq8ebla8a] {
	display: flex;
	flex-direction: column;
	gap: inherit;
}

@supports (container-type: inline-size) {
	@container (min-width: 250px) {
		.date-type > div[b-joq8ebla8a] {
			grid-template-columns: repeat(2, 1fr);
			grid-template-rows: repeat(2, 1f);
		}
	}
}

@container (min-width: 400px) {
	.date-type > div[b-joq8ebla8a] {
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: unset;
	}
}


.dialog-modal-bottom[b-joq8ebla8a]{
	display: flex;
}

.dialog-modal-bottom button[b-joq8ebla8a] {
	cursor: pointer;
}

	[b-joq8ebla8a] .button-wrapper:has(button.delete){
		margin-left: auto;
		height: 100%;
	}

[b-joq8ebla8a] .button-wrapper button.delete {
	all: unset;
	box-sizing: border-box;
	cursor: pointer;
	background-color: var(--delete-color, #FE7070);
	border: 1px solid var(--delete-color, #FE7070);
	color: var(--dark-color, #020202);
	padding: .5rem 1.2rem;
	border-radius: .6rem;
	position: relative;
	transition: all .2s ease-in-out;
}

	[b-joq8ebla8a] .button-wrapper button.delete:hover {
		background-color: var(--delete-color-hover, #F94848);
		border: 1px solid var(--delete-color-hover, #F94848);
	}

	[b-joq8ebla8a] .button-wrapper button.delete:focus {
		background-color: var(--delete-color-hover, #F94848);
		border: 1px solid var(--focus-color, #F94848);
	}

	[b-joq8ebla8a] .button-wrapper button.delete:active {
		animation: ButtonPress 0.2s 1 ease-in-out;
	}

footer[b-joq8ebla8a] {
	display: flex;
	justify-content: space-between;
	padding: 1rem var(--_padding-side);
	border-top: 1px solid #A1A1A1;
	z-index: 3;
	position: relative;
}

	footer > *[b-joq8ebla8a] {
		display: flex;
		gap: 5px;
	}

.DebtorDetailsToggle[b-joq8ebla8a]{
	all: revert;
	text-align: left;
	background-color: transparent;
	border: unset;
	cursor: pointer;
	text-decoration: underline;
	padding: .5rem 1rem;
	margin: 0 -1rem;
	max-width: 100%;
}

[b-joq8ebla8a] .date-selector.invalid .date {
	border: 1px solid red;
}

[b-joq8ebla8a] .custom-select.invalid button, [b-joq8ebla8a] .custom-select.invalid .input-container input {
	border: 1px solid red;
}

[b-joq8ebla8a] p.error-text {
	color: red;
	line-height: normal;
	margin: 0;
}

[b-joq8ebla8a] .state.slim p{
	line-height: 1.5rem;
}

[b-joq8ebla8a] label:not(.flip):hover span.checkbox-firstitem {
	border-bottom-left-radius: .6rem;
	border-top-left-radius: .6rem;
	border-right: none;
	border-color: #A1A1A1;
}


[b-joq8ebla8a] label:not(.flip):hover span.checkbox-seconditem {
	border-bottom-right-radius: .6rem;
	border-top-right-radius: .6rem;
	border-color: #A1A1A1;
}

[b-joq8ebla8a] label.flip:hover span.checkbox-firstitem {
	border-bottom-right-radius: .6rem;
	border-top-right-radius: .6rem;
	border-left: none;
	border-color: #A1A1A1;
}


[b-joq8ebla8a] label.flip:hover span.checkbox-seconditem {
	border-color: #A1A1A1;
}

.underlined-button[b-joq8ebla8a]{
	text-decoration: underline;
	cursor: pointer;
}



.kilometer-price-rule-container[b-joq8ebla8a] {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
}

.range-input[b-joq8ebla8a]{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5px;
}

@media (max-width: 400px) {
	.range-input > div[b-joq8ebla8a] {
		display: grid;
		grid-template-columns: 1fr;
		gap: 5px;
	}
}

.range-input input[b-joq8ebla8a], [b-joq8ebla8a] .range-input input {
	width: 100%;
	border-color: #A1A1A1;
	border-radius: .6rem;
	font-size: 14px;
	padding: 1.25rem 1.5rem;
}

[b-joq8ebla8a] input.deb-currency {
	width: 100%;
	border-radius: .6rem;
	border-color: #A1A1A1;
	color: #445364;
	font-size: 14px;
	padding: 1.25rem 1.5rem;
}

[b-joq8ebla8a] .ToggleSwitch {
	height: 41px;
}

[b-joq8ebla8a] .search-select .input-container, [b-joq8ebla8a] .custom-select:not(.search-select), [b-joq8ebla8a] .custom-select:not(.search-select) {
	height: 41px;
}

[b-joq8ebla8a] .custom-select.search-select{
	height: min-content;
}

[b-joq8ebla8a] .expander.expanded{
	padding-top: 1rem;
}

.dated-currency-wrapper[b-joq8ebla8a] {
	display: grid;
	grid-template-columns: max-content 1fr;
}

	.dated-currency-wrapper[b-joq8ebla8a]  .custom-select{
		height: 100%;
	}

	.dated-currency-wrapper[b-joq8ebla8a]  button {
		background: #D1F951;
	}

	.dated-currency-wrapper[b-joq8ebla8a]  button,
	.dated-currency-wrapper[b-joq8ebla8a]  input {
		border-radius: .6rem;
		border-color: #A1A1A1;
		height: 100%;
	}

	.dated-currency-wrapper[b-joq8ebla8a]  button {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-right: none;
	}

	.dated-currency-wrapper[b-joq8ebla8a]  input {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

[b-joq8ebla8a] .dialog-modal-bottom {
	position: sticky;
	bottom: 0;
	background: #f3f4f2;
	-webkit-box-shadow: 1px -3px 9px -4px rgba(214,214,214,1);
	-moz-box-shadow: 1px -3px 9px -4px rgba(214,214,214,1);
	box-shadow: 1px -3px 9px -4px rgba(214,214,214,1);
}

[b-joq8ebla8a] .dialog-modal-top {
	display: grid;
	grid-template-columns: 1fr auto;
	position: sticky;
	top: 0;
	z-index: 1;
	background: #f3f4f2;
	-webkit-box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
	-moz-box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
	box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
}

[b-joq8ebla8a] .dialog-modal-bottom, [b-joq8ebla8a] .dialog-modal-middle, [b-joq8ebla8a] .dialog-modal-top {
	padding: 20px;
	background: white;
}

[b-joq8ebla8a] .dialog-modal-top {
	padding-bottom: 20px;
}

/* -------------------- new layout ------------------- */

[b-joq8ebla8a] h1,
[b-joq8ebla8a] h2,
[b-joq8ebla8a] h3,
[b-joq8ebla8a] h4,
[b-joq8ebla8a] p,
[b-joq8ebla8a] label{
	line-height: normal;
}

[b-joq8ebla8a] .dialog-modal-top {
	padding: 10px 20px 20px 20px;
}

[b-joq8ebla8a] .dialog-modal-top h1 {
	padding: 0px;
	margin: 0px;
	color: black;
}


[b-joq8ebla8a] .dialog-modal-bottom {
	padding: 10px 20px;
}

[b-joq8ebla8a] .dialog-modal-top.new-layout {
	display: grid;
	grid-template-columns: 1fr auto;
	row-gap: 2rem;
	box-shadow: 1px 3px 9px -4px rgba(214, 214, 214, 1), 0 1px 0 rgba(0,0,0,.2);;
}

[b-joq8ebla8a] .dialog-modal-top.new-layout > button {
	all: revert;
	padding: .5rem;
	border: none;
	display: grid;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	cursor: pointer;
}

	[b-joq8ebla8a] .dialog-modal-top.new-layout > button svg path{
		fill: #ccc;
	}

	[b-joq8ebla8a] .dialog-modal-top.new-layout > button:is(:hover, :focus) svg path{
		fill: black;
	}

	[b-joq8ebla8a] .dialog-modal-top .ToggleSwitch {
		grid-column: span 2;
	}

@media (prefers-reduced-motion: no-preference) {
	[b-joq8ebla8a] .dialog-modal-top.new-layout > button svg path {
		transition: fill .2s ease-in-out;
	}
}

[b-joq8ebla8a] section{
	row-gap: 1.5rem;
}

[b-joq8ebla8a] .container-item{
	gap: .5rem;
}

[b-joq8ebla8a] .date-selector {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

[b-joq8ebla8a] .VerhuurDatum-container > div{
	gap: 1.5rem;
}

[b-joq8ebla8a] .debtorDetails-container{
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

[b-joq8ebla8a] .debtorDetails-container > div {
	row-gap: .5rem;
}

[b-joq8ebla8a] .VerhuurPricing-container > div {
	gap: 1.5rem;
}

[b-joq8ebla8a] .VerhuurPricing-container > div > *:not(.flip) {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

[b-joq8ebla8a] .divider{
	display: flex;
	flex-direction: column;
	gap: inherit;
}

[b-joq8ebla8a] .Value-km {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

[b-joq8ebla8a] .dialog-modal-bottom {
	box-shadow: 1px -3px 9px -4px rgba(214, 214, 214, 1), 0 -1px 0 rgba(0,0,0,.2);
}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/NotificationModal.razor.rz.scp.css */
.dialog-modal-top > *[b-kxovxvfd2z] {
	border-bottom: 0;
	margin-bottom: 0;
}

.dialog-modal-top > *:last-child[b-kxovxvfd2z] {
	margin-top: 0;
}

.dialog-modal-middle > p[b-kxovxvfd2z] {
	margin-bottom: 10px;
	margin-top: 10px;
}

.dialog-modal-middle button[b-kxovxvfd2z] {
	border-radius: 5px;
	background: var(--light, #FFF);
	border: 0;
	box-shadow: none;
	color: black;

	display: flex;
	padding: 6px 10px 6px 6px;
	align-items: center;
}

.dialog-modal-middle button svg[b-kxovxvfd2z] {
	transform: scale(.8);
}

.dialog-modal-middle button:hover[b-kxovxvfd2z] {
	background: var(--secondary, #D1F951);
}

[b-kxovxvfd2z] dialog {
	background-color: green;
}

.ImportantMessage[b-kxovxvfd2z], .PublicatieDate[b-kxovxvfd2z] {
	display: flex;
	gap: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	align-items: center;
}

.ImportantMessage > *[b-kxovxvfd2z], .PublicatieDate > *[b-kxovxvfd2z] {
	margin-bottom: 0;
}

.language-selector[b-kxovxvfd2z] {
	display: flex;
	gap: 10px;
}
.language-selector p[b-kxovxvfd2z] {
	margin-bottom: 0;
}

.language-selector p.not-selected[b-kxovxvfd2z] {
	color: var(--midium-gray-v2, #A1A1A1);
}

.language-selector p.selected[b-kxovxvfd2z] {
	color: var(--dark-gray, #232322);
}

.language-selector p.selected:hover[b-kxovxvfd2z], .language-selector p.not-selected:hover[b-kxovxvfd2z] {
	color: var(--secondary, #133416) !important;
}

hr[b-kxovxvfd2z] {
	margin-top: 0;
}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/ProvisieDetailsModal.razor.rz.scp.css */
.dialog-modal-top > *[b-gvl4rpm326] {
	border-bottom: 0;
	margin-bottom: 0;
}

.dialog-modal-top > *:last-child[b-gvl4rpm326] {
	margin-top: 0;
}

.dialog-modal-middle > p[b-gvl4rpm326] {
	margin-bottom: 10px;
	margin-top: 10px;
}

.dialog-modal-middle button[b-gvl4rpm326] {
	border-radius: 5px;
	background: var(--light, #FFF);
	border: 0;
	box-shadow: none;
	color: black;

	display: flex;
	padding: 6px 10px 6px 6px;
	align-items: center;
}

.dialog-modal-middle button svg[b-gvl4rpm326] {
	transform: scale(.8);
}

.dialog-modal-middle button:hover[b-gvl4rpm326] {
	background: var(--secondary, #D1F951);
}


[b-gvl4rpm326] dialog {
	background-color: green;
}

.ImportantMessage[b-gvl4rpm326], .PublicatieDate[b-gvl4rpm326] {
	display: flex;
	gap: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	align-items: center;
}

.ImportantMessage > *[b-gvl4rpm326], .PublicatieDate > *[b-gvl4rpm326] {
	margin-bottom: 0;
}

.language-selector[b-gvl4rpm326] {
	display: flex;
	gap: 10px;
}
.language-selector p[b-gvl4rpm326] {
	margin-bottom: 0;
}

.language-selector p.not-selected[b-gvl4rpm326] {
	color: var(--midium-gray-v2, #A1A1A1);
}

.language-selector p.selected[b-gvl4rpm326] {
	color: var(--dark-gray, #232322);
}

.language-selector p.selected:hover[b-gvl4rpm326], .language-selector p.not-selected:hover[b-gvl4rpm326] {
	color: var(--secondary, #133416) !important;
}

hr[b-gvl4rpm326] {
	margin-top: 0;
}

.invoice-line-wrapper[b-gvl4rpm326] {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/RentalCalendarLegendaModal.razor.rz.scp.css */
.dialog-modal-top > *[b-0nkjwg3dzn] {
	border-bottom: 0;
	margin-bottom: 0;
}

.dialog-modal-top > *:last-child[b-0nkjwg3dzn] {
	margin-top: 0;
}

.dialog-modal-middle > p[b-0nkjwg3dzn] {
	margin-bottom: 10px;
	margin-top: 10px;
}

.dialog-modal-middle button[b-0nkjwg3dzn] {
	border-radius: 5px;
	background: var(--light, #FFF);
	border: 0;
	box-shadow: none;
	color: black;

	display: flex;
	padding: 6px 10px 6px 6px;
	align-items: center;
}

.dialog-modal-middle button svg[b-0nkjwg3dzn] {
	transform: scale(.8);
}

.dialog-modal-middle button:hover[b-0nkjwg3dzn] {
	background: var(--secondary, #D1F951);
}


[b-0nkjwg3dzn] dialog {
	background-color: green;
}

.ImportantMessage[b-0nkjwg3dzn], .PublicatieDate[b-0nkjwg3dzn] {
	display: flex;
	gap: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	align-items: center;
}

.ImportantMessage > *[b-0nkjwg3dzn], .PublicatieDate > *[b-0nkjwg3dzn] {
	margin-bottom: 0;
}

.language-selector[b-0nkjwg3dzn] {
	display: flex;
	gap: 10px;
}
.language-selector p[b-0nkjwg3dzn] {
	margin-bottom: 0;
}

.language-selector p.not-selected[b-0nkjwg3dzn] {
	color: var(--midium-gray-v2, #A1A1A1);
}

.language-selector p.selected[b-0nkjwg3dzn] {
	color: var(--dark-gray, #232322);
}

.language-selector p.selected:hover[b-0nkjwg3dzn], .language-selector p.not-selected:hover[b-0nkjwg3dzn] {
	color: var(--secondary, #133416) !important;
}

hr[b-0nkjwg3dzn] {
	margin-top: 0;
}

.header[b-0nkjwg3dzn] {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header > h1[b-0nkjwg3dzn] {
	border-bottom: 0;
}


.legenda[b-0nkjwg3dzn] {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 1rem;
	row-gap: .5rem;
}

.legenda-item[b-0nkjwg3dzn] {
	display: grid;
	grid-template-columns: subgrid;
	grid-column: span 2;
}

	.legenda-item:first-child[b-0nkjwg3dzn] {
		vertical-align: middle;
		align-items: center;
	}

.legenda-item > p[b-0nkjwg3dzn] {
	margin-bottom: 0;
}

.close-btn[b-0nkjwg3dzn] {
	all: revert;
	display: flex;
	width: auto;
	background-color: transparent;
	height: 100%;
	padding: .5rem;
	border: none;
	border-radius: .6rem;
	cursor: pointer;
}

	[b-0nkjwg3dzn] .close-btn svg {
		stroke: #ddd;
	}

	[b-0nkjwg3dzn] .close-btn:hover svg,
	[b-0nkjwg3dzn] .close-btn:focus svg {
		stroke: #020202;
	}

	[b-0nkjwg3dzn] .close-btn svg path {
		stroke: inherit;
	}


.dot[b-0nkjwg3dzn] {
	border-radius: 10000%;
	width: 2rem;
	height: 2rem;
}



.dot.in-take-received[b-0nkjwg3dzn] {
	background: #949c96;
}

.dot.takeout-received[b-0nkjwg3dzn] {
	background: #bade6d;
}

.dot.contract-send[b-0nkjwg3dzn] {
	background: #ffba4f;
}
.dot.signed[b-0nkjwg3dzn] {
}
.dot.reservation[b-0nkjwg3dzn] {
	background: #9CD2F0;
}
.dot.rental[b-0nkjwg3dzn] {
	background: var(--primary-color, #D1F951);
}

[b-0nkjwg3dzn] .legenda-item svg path {
	fill: red;
	stroke: red;
}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/RentalCarViewModal.razor.rz.scp.css */
p[b-nsbl2eu37p]{
	margin: unset;
	line-height: normal;
}

.container[b-nsbl2eu37p] {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 4rem;
	row-gap: 0;
	padding-bottom: 2rem;
}

.car-display[b-nsbl2eu37p] {
	width: 100%;
	height: auto;
	border-radius: .6rem;
	object-fit: cover;
}

	.container > .data-row[b-nsbl2eu37p], [b-nsbl2eu37p] .data-row {
		display: grid;
		grid-template-columns: subgrid;
		grid-column: 1 / 3;
		border-bottom: 1px solid gray;
		align-items: center;
		padding: .5rem;
		justify-content: center;
		min-height: 40px;
	}

.dialog-modal-bottom[b-nsbl2eu37p] {
	display: flex;
	gap: 1rem;
}

@supports (aspect-ratio: 16/9) {
	.car-display[b-nsbl2eu37p] {
		height: unset;
		aspect-ratio: 16/9;
	}
}

[b-nsbl2eu37p] .flex {
	display: flex;
	align-items: center;
}

[b-nsbl2eu37p] svg.TargetWindow {
	color: green;
	fill: green;
}

	[b-nsbl2eu37p] svg.TargetWindow path {
		color: green;
		fill: green;
	}

[b-nsbl2eu37p] .license-plate p {
	color: black;
}

.top-container[b-nsbl2eu37p]  .title-bar-wrapper .title-bar-button-wrapper {
	align-items: center;
}

.top-container[b-nsbl2eu37p]  .title-bar-wrapper .title-bar-button-wrapper > a {
	display: flex;
}

	.top-container[b-nsbl2eu37p]  .title-bar-wrapper .title-bar-button-wrapper > button {
		all: inherit;
		width: 20px;
		cursor: pointer;
	}

		.top-container[b-nsbl2eu37p]  .title-bar-wrapper .title-bar-button-wrapper > button svg path {
			color: #9a9a9a;
			fill: #9a9a9a;
		}

		.top-container[b-nsbl2eu37p]  .title-bar-wrapper .title-bar-button-wrapper > button:hover svg path {
			color: #3e3e3e;
			fill: #3e3e3e;
		}

.dialog-modal-bottom[b-nsbl2eu37p]{
	display: block;
	padding: 0px;
	margin: 0px;
	box-shadow: none !important;
}
/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/ViewLeaseModal.razor.rz.scp.css */
h4[b-rrt0oaln5n] {
	margin: unset;
	font-weight: 600;
	color: black;
}

button[b-rrt0oaln5n] {
	all: unset;
	box-sizing: border-box;
}

p[b-rrt0oaln5n] {
	line-height: normal;
	margin: 0;
}

h3[b-rrt0oaln5n]{
	font-weight: 600;
	color: black;
}

.dialog-modal-bottom[b-rrt0oaln5n] {
	display: flex;
	gap: 1rem;
	padding-top: 2rem;
	border-top: 1px solid gray;
}

[b-rrt0oaln5n] .checkbox-element {
	width: 100%;
}

nav[b-rrt0oaln5n] {
	display: grid;
	grid-template-columns: repeat(3, auto);
	max-width: 600px;
	width: fit-content;
	gap: 0 .5rem;
	transition: all .5s ease-in-out;
	width: 100%;
	border-bottom: 1px solid #A1A1A1;
	margin-bottom: 2rem;
	overflow-x: auto;
	overflow-y:hidden;
}

	nav ul[b-rrt0oaln5n] {
		display: grid;
		grid-template-columns: subgrid;
		list-style-type: none;
		grid-column: 1 / 4;
		margin: 0;
		padding: 0;
	}



	nav button[b-rrt0oaln5n] {
		all: revert;
		text-align: left;
		box-sizing: border-box;
		padding: .5rem .8rem;
		border: none;
		cursor: pointer;
		width: 100%;
		font-size: 2rem;
		font-size: clamp(1.8rem, 4vw, 2rem);
		font-weight: 600;
		white-space: nowrap;
		color: #A1A1A1;
		transition: color .2s ease-in-out;
		background: none;
	}

	nav .active[b-rrt0oaln5n] {
		color: #020202;
	}

	nav button:hover[b-rrt0oaln5n] {
		color: #020202;
	}

	nav button:focus[b-rrt0oaln5n] {
		color: #020202;
		border-radius: .6rem;
	}


	nav hr[b-rrt0oaln5n] {
		width: 100%;
		height: 3px;
		background: green;
		border: none;
		margin: 0;
		transition: all 0.5s ease;
		margin-bottom: -1px;
	}

	nav .item-1[b-rrt0oaln5n] {
		grid-column: 1 / 2;
	}

	nav .item-2[b-rrt0oaln5n] {
		grid-column: 2 / 3;
	}

	nav .item-3[b-rrt0oaln5n] {
		grid-column: 3 / 4;
	}

.debiteuren-link[b-rrt0oaln5n], .licenseplate-link[b-rrt0oaln5n] {
	--_color: green;
	color: var(--_color);
	text-decoration: underline;
	padding: .5rem;
	display: flex;
	align-items: center;
	gap: 1rem;
}

	.licenseplate-link[b-rrt0oaln5n] {
		text-decoration: unset;
	}

	[b-rrt0oaln5n] .debiteuren-link svg, [b-rrt0oaln5n] .licenseplate-link svg {
		fill: var(--_color);
	}

	[b-rrt0oaln5n] .debiteuren-link svg path, [b-rrt0oaln5n] .licenseplate-link svg path {
		fill: inherit;
	}

.container[b-rrt0oaln5n] {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 4rem;
	row-gap: 1rem;
	padding-bottom: 2rem;
	container-type: inline-size;
	container-name: conection;
}

	.container > *[b-rrt0oaln5n], [b-rrt0oaln5n] container > * .data-row {
		grid-column: span 2;
		display: grid;
		grid-template-columns: subgrid;
		align-items: center;
		padding: .5rem;
		justify-content: center;
		min-height: 40px;
	}

	.container > .data-row[b-rrt0oaln5n], [b-rrt0oaln5n] .container .data-row {
		border-bottom: 1px solid #A1A1A1;
	}

.contract-container > *:nth-last-child(1)[b-rrt0oaln5n] {
	border-bottom: unset;
	grid-template-columns: unset;
	justify-content: unset;
}

.documenten-container > *[b-rrt0oaln5n] {
	padding: 1rem .5rem;
}

.action-list[b-rrt0oaln5n] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	grid-column: 1/3;
	padding: 1rem 0;
}

	.action-list > div[b-rrt0oaln5n] {
		display: flex;
		gap: 2rem;
	}

	.action-list button[b-rrt0oaln5n] {
		all: revert;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 1rem;
		padding: 1rem;
		box-shadow: 0 0 10px rgba(0,0,0, .5);
		border-radius: .6rem;
		height: 100%;
		transition: background-color .3s ease-in-out;
		cursor: pointer;
	}

		.action-list button:hover[b-rrt0oaln5n] {
			background-color: #D1F951;
		}

		.action-list button svg[b-rrt0oaln5n], .action-list button img[b-rrt0oaln5n] {
			height: 50%;
			width: auto;
		}

.Conection[b-rrt0oaln5n] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
}

[b-rrt0oaln5n] #InTakeForm-btn, [b-rrt0oaln5n] #TakeOutForm-btn {
	margin-top: .9rem;
}

.Conection div[b-rrt0oaln5n]  a {
	all: revert;
	display: flex;
	line-height: normal;
	align-items: center;
	gap: 1rem;
	width: 100%;
	height: 100%;
	padding: 1rem 1.5rem;
	border: 0;
	cursor: pointer;
	background-color: transparent;
	cursor: pointer;
	transition: background-color .3s ease-in-out;
	position: relative;
	white-space: nowrap;
	outline: revert !important;
}

.Conection div a[b-rrt0oaln5n] {
	height: auto;
	border-radius: 0px 5px 5px 0;
	border-left: 1px solid gray;
	white-space: nowrap;
	text-decoration: none;
	color: black;
}

.Conection div a:hover[b-rrt0oaln5n],
.Conection div a:focus[b-rrt0oaln5n] {
	background-color: var(--primary-color, #D1F951);
}

.documenten-container h3[b-rrt0oaln5n] {
	margin: 0;
	border: unset;
	padding: 0;
	line-height: normal;
}

.car-display[b-rrt0oaln5n] {
	width: 100%;
	height: auto;
	border-radius: .6rem;
	object-fit: cover;
	padding: 0;
	border-bottom: unset;
}


.documenten-container[b-rrt0oaln5n] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

	.documenten-container > *[b-rrt0oaln5n] {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

		.documenten-container > * > *[b-rrt0oaln5n] {
			width: 100%;
		}




.signed-info-text[b-rrt0oaln5n] {
	font-size: 10px;
}


.image-container[b-rrt0oaln5n] {
	height: 100%;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.delete-new-contract-btn[b-rrt0oaln5n] {
	all: revert;
	border: unset;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 1rem;
}

	.delete-new-contract-btn:hover[b-rrt0oaln5n] {
		background: #FE7070;
	}

.delete-new-contract-btn img[b-rrt0oaln5n]{
	max-height: 18px;
}

.image-collection[b-rrt0oaln5n]{
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.image-collection img[b-rrt0oaln5n] {
	border-radius: .6rem;
}

.clickable[b-rrt0oaln5n] {
	cursor: pointer;
	transition: all .3s ease-in-out;
	border-radius: .6rem 0 0 .6rem;
}

	.clickable:hover[b-rrt0oaln5n] {
		background-color: #D1F951;
	}


[b-rrt0oaln5n] .upload > p{
	display: none;
}

	[b-rrt0oaln5n] .upload > label {
		cursor: pointer;
	}


@supports (aspect-ratio: 1) {
	.carousel-indicators li[b-rrt0oaln5n] {
		aspect-ratio: 1;
	}

	.carousel-indicators .active[b-rrt0oaln5n] {
		aspect-ratio: 1;
	}

	.delete-new-contract-btn[b-rrt0oaln5n] {
		aspect-ratio: 1;
	}

	.action-list button[b-rrt0oaln5n] {
		aspect-ratio: 1;
	}

	.image-container[b-rrt0oaln5n] {
		aspect-ratio: 1;
	}
}

@supports (aspect-ratio: 16/9) {
	.carousel-inner img[b-rrt0oaln5n] {
		aspect-ratio: 16/9;
		height: unset;
	}

	.car-display[b-rrt0oaln5n] {
		aspect-ratio: 16/9;
		height: unset;
	}
}

@container conection (min-width: 400px) {
	.Conection div a[b-rrt0oaln5n] {
		padding: 1rem;
	}

	.Conection div span[b-rrt0oaln5n] {
		display: none;
	}

	@media (hover: hover) and (pointer: fine) {
		.Conection div a[data-title][b-rrt0oaln5n]::after {
			content: attr(data-title);
			position: absolute;
			bottom: calc(100% + 10px);
			right: 0;
			transform: translateX(.5rem);
			background-color: rgba(0, 0, 0, 0.8);
			color: white;
			padding: 5px 10px;
			border-radius: 5px;
			white-space: nowrap;
			opacity: 0;
			transition: opacity 0.3s ease-in-out;
			pointer-events: none;
		}

		.Conection div a[data-title]:is(:hover, :focus)[b-rrt0oaln5n]::after {
			opacity: 1;
		}

		a[data-title][b-rrt0oaln5n]:before,
		button[data-title][b-rrt0oaln5n]:before {
			content: '';
			width: 0;
			height: 0;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-top: 5px solid rgba(0, 0, 0, 0.8);
			position: absolute;
			top: -10px;
			left: 50%;
			transform: translateX(-50%);
			transition: opacity 0.3s ease-in-out;
			opacity: 0;
		}

		a[data-title]:hover[b-rrt0oaln5n]:before,
		a[data-title]:focus[b-rrt0oaln5n]:before,
		button[data-title]:hover[b-rrt0oaln5n]:before, 
		button[data-title]:focus[b-rrt0oaln5n]:before {
			opacity: 1;
		}
	}
}
[b-rrt0oaln5n] .select-dropdown li{
	display: flex;
	flex-direction: column;
	gap: .5rem;
}


@media (hover: hover) and (pointer: fine) {
	[b-rrt0oaln5n]::-webkit-scrollbar {
		width: 7px;
		height: 7px;
	}

	[b-rrt0oaln5n]::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
	}

	[b-rrt0oaln5n]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		[b-rrt0oaln5n]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

	[b-rrt0oaln5n] .upload{
		width: 100%;
	}

	[b-rrt0oaln5n] .upload > div {
		display: flex;
		flex-wrap: wrap;
		max-width: 100%;
		gap: 15px;
		padding: 0px;

		background: white;
	}

		[b-rrt0oaln5n] .upload > div > div {
			display: flex;
			justify-content: flex-start;
			width: 100%;
			background: #f6f5f5;
			padding: 15px;
		}

[b-rrt0oaln5n] .upload > div > div > p {
	text-wrap: balance !important;
	flex: 1;
	padding: 0px 5px;
}

		[b-rrt0oaln5n] .upload .image-container {
			display: none !important;
		}


[b-rrt0oaln5n] .flex {
	display: flex;
	align-items: center;
}

[b-rrt0oaln5n] .license-plate p {
	color: black;
}


[b-rrt0oaln5n] .download-document-container.not-signed .actions > * {
	border-left: 1px solid black !important;
}

[b-rrt0oaln5n] .delete-button{
	margin-left: auto;
}


[b-rrt0oaln5n] .custom-select.active > input {
	background-color: inherit;
}


[b-rrt0oaln5n] .dialog-modal-top {
	display: block;
	position: sticky;
	top: 0;
	z-index: 1;
	background: #f3f4f2;
}

/* NEW LAYOUT */

[b-rrt0oaln5n] .modal-wrapper, .modal-wrapper[b-rrt0oaln5n]{
	display: contents;
}

[b-rrt0oaln5n] .dialog-modal-top h1 {
	color: black;
	line-height: normal;
	padding: 0px;
	margin: 0px;
}

[b-rrt0oaln5n]  .dialog-modal-top:has(button) {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 2rem;
}

	[b-rrt0oaln5n] .dialog-modal-top div:has(button) {
		display: flex;
		flex-direction: row;
	}

[b-rrt0oaln5n] .dialog-modal-top button, 
[b-rrt0oaln5n] .dialog-modal-top a,
.dialog-modal-top a[b-rrt0oaln5n] {
	all: revert;
	padding: .5rem;
	border: none;
	display: grid;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	cursor: pointer;
}

	[b-rrt0oaln5n] .dialog-modal-top button svg path,
	[b-rrt0oaln5n] .dialog-modal-top a svg path,
	.dialog-modal-top a svg path[b-rrt0oaln5n] {
		fill: #ccc;
	}

	[b-rrt0oaln5n] .dialog-modal-top button:is(:hover, :focus) svg path,
	[b-rrt0oaln5n] .dialog-modal-top a:is(:hover, :focus) svg path,
	.dialog-modal-top a:is(:hover, :focus) svg path[b-rrt0oaln5n] {
		fill: black;
	}

@media (prefers-reduced-motion: no-preference) {
	[b-rrt0oaln5n] .dialog-modal-top button svg path,
	[b-rrt0oaln5n] .dialog-modal-top a svg path,
	.dialog-modal-top a svg path[b-rrt0oaln5n] {
		transition: fill .2s ease-in-out;
	}
}

[b-rrt0oaln5n] .button-wrapper{
	margin-left: auto;
}


[b-rrt0oaln5n] .dialog-modal-bottom,
[b-rrt0oaln5n] .dialog-modal-middle,
[b-rrt0oaln5n] .dialog-modal-top {
	padding: 20px;
	background: white;
}


[b-rrt0oaln5n] .dialog-modal-top {
	padding: 10px 20px 20px 20px;
}

[b-rrt0oaln5n] .dialog-modal-middle {
	overflow: unset;
	min-height: calc(100% - 60px - 75px);
	height: unset;
	padding: 0px;
}

/* NEW LAYOUT TABS */

.modal-wrapper[b-rrt0oaln5n]  .accordion.NewPrimary .accordion-tabs {
	display: grid;
	grid-template-columns: auto auto auto;
	margin-bottom: 2rem;
}

.modal-wrapper[b-rrt0oaln5n]  .accordion.NewPrimary li button {
	padding: .5rem .8rem;
	border: none;
	cursor: pointer;
	font-size: 2rem;
	font-size: clamp(1.8rem, 4vw, 2rem);
	font-weight: 600;
	color: #ccc;
	transition: color .2s ease-in-out;
	background: none;
}

.modal-wrapper[b-rrt0oaln5n]  .accordion li button.active {
	color: #020202;
}

[b-rrt0oaln5n] .dialog-modal-middle .accordion .accordion-tabs {
	border: none;
	box-shadow: 1px 3px 9px -4px rgba(214,214,214,1), 0 1px 0 rgba(0,0,0,.2);
	position: sticky;
	top: 60px;
	z-index: 2;
}

[b-rrt0oaln5n] .dialog-modal-middle .accordion > * {
	padding: 0 2rem;
}


[b-rrt0oaln5n] .dialog-modal-middle .accordion .accordion-tabs li button {
	font-size: 1.6rem;
}


/* contract tab */



[b-rrt0oaln5n] .contract-tab .new-layout-container,
[b-rrt0oaln5n] .vehicle-tab .new-layout-container {
	border-bottom: 1px solid #ccc;
	padding-top: .5rem;
	padding-bottom: .5rem;
}

	[b-rrt0oaln5n] .contract-tab .new-layout-container .new-layout,
	[b-rrt0oaln5n] .vehicle-tab .new-layout-container .new-layout{
		align-items: center;
	}
		[b-rrt0oaln5n] .contract-tab .new-layout-container .new-layout .label-container,
		[b-rrt0oaln5n] .vehicle-tab .new-layout-container .new-layout .label-container{
			padding: 0px;
		}

[b-rrt0oaln5n] .vehicle-tab div:has(.image-collection) span {
	padding-top: .5rem
}

[b-rrt0oaln5n] .dialog-modal-middle .accordion.NewPrimary > *, .dialog-modal-middle .accordion > *[b-rrt0oaln5n] {
	padding: 0px 2rem;
}


/* _content/Dbo365.Debiteuren/Components/Modal/PreBuild/ViewRentalBookingModal.razor.rz.scp.css */
h4[b-yiczyz01az] {
	margin: unset;
	font-weight: 600;
	color: black;
}

button[b-yiczyz01az] {
	all: revert;
	box-sizing: border-box;
}

p[b-yiczyz01az] {
	line-height: normal;
	margin: 0;
}

h3[b-yiczyz01az]{
	font-weight: 600;
	color: black;
}

.dialog-modal-bottom[b-yiczyz01az] {
	display: flex;
	gap: 1rem;
	padding-top: 2rem;
	border-top: 1px solid gray;
}

[b-yiczyz01az] .checkbox-element {
	width: 100%;
}

nav[b-yiczyz01az] {
	display: grid;
	grid-template-columns: repeat(3, auto);
	max-width: 600px;
	width: fit-content;
	gap: 0 .5rem;
	transition: all .5s ease-in-out;
	width: 100%;
	border-bottom: 1px solid #A1A1A1;
	margin-bottom: 2rem;
	overflow-x: auto;
	overflow-y:hidden;
}

	nav ul[b-yiczyz01az] {
		display: grid;
		grid-template-columns: subgrid;
		list-style-type: none;
		grid-column: 1 / 4;
		margin: 0;
		padding: 0;
	}



	nav button[b-yiczyz01az] {
		all: revert;
		text-align: left;
		box-sizing: border-box;
		padding: .5rem .8rem;
		border: none;
		cursor: pointer;
		width: 100%;
		font-size: 2rem;
		font-size: clamp(1.8rem, 4vw, 2rem);
		font-weight: 600;
		white-space: nowrap;
		color: #A1A1A1;
		transition: color .2s ease-in-out;
		background: none;
	}

	nav .active[b-yiczyz01az] {
		color: #020202;
	}

	nav button:hover[b-yiczyz01az] {
		color: #020202;
	}

	nav button:focus[b-yiczyz01az] {
		color: #020202;
		border-radius: .6rem;
	}


	nav hr[b-yiczyz01az] {
		width: 100%;
		height: 3px;
		background: green;
		border: none;
		margin: 0;
		transition: all 0.5s ease;
		margin-bottom: -1px;
	}

	nav .item-1[b-yiczyz01az] {
		grid-column: 1 / 2;
	}

	nav .item-2[b-yiczyz01az] {
		grid-column: 2 / 3;
	}

	nav .item-3[b-yiczyz01az] {
		grid-column: 3 / 4;
	}

.debiteuren-link[b-yiczyz01az], .licenseplate-link[b-yiczyz01az] {
	--_color: green;
	color: var(--_color);
	text-decoration: underline;
	padding: .5rem;
	display: flex;
	align-items: center;
	gap: 1rem;
}

	.licenseplate-link[b-yiczyz01az] {
		text-decoration: unset;
	}

	[b-yiczyz01az] .debiteuren-link svg, [b-yiczyz01az] .licenseplate-link svg {
		fill: var(--_color);
	}

	[b-yiczyz01az] .debiteuren-link svg path, [b-yiczyz01az] .licenseplate-link svg path {
		fill: inherit;
	}

.container[b-yiczyz01az] {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 4rem;
	row-gap: 1rem;
	padding-bottom: 2rem;
	container-type: inline-size;
	container-name: conection;
}

	.container > *[b-yiczyz01az], [b-yiczyz01az] .container .data-row {
		grid-column: span 2;
		display: grid;
		grid-template-columns: subgrid;
		align-items: center;
		padding: .5rem;
		justify-content: center;
		min-height: 40px;
	}

	.container .multi-itemed[b-yiczyz01az] {
		grid-row-gap: 10px;
	}

	.container .full-width[b-yiczyz01az], .container[b-yiczyz01az]  .full-width {
		grid-column: span 2;
	}

	.container input[b-yiczyz01az]{
		width: 100%;
	}

	.container > .data-row[b-yiczyz01az], [b-yiczyz01az] .container .data-row {
		border-bottom: 1px solid #A1A1A1;
	}

.contract-container > *:nth-last-child(1)[b-yiczyz01az] {
	border: none;
}

.documenten-container > *[b-yiczyz01az] {
	padding: 1rem .5rem;
}

.action-list[b-yiczyz01az] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	grid-column: 1/3;
	padding: 1rem 0;
}

	.action-list > div[b-yiczyz01az] {
		display: flex;
		gap: 2rem;
	}

	.action-list button[b-yiczyz01az] {
		all: revert;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 1rem;
		padding: 1rem;
		box-shadow: 0 0 10px rgba(0,0,0, .5);
		border-radius: .6rem;
		height: 100%;
		transition: background-color .3s ease-in-out;
		cursor: pointer;
	}

		.action-list button:hover[b-yiczyz01az] {
			background-color: #D1F951;
		}

		.action-list button svg[b-yiczyz01az], .action-list button img[b-yiczyz01az] {
			height: 50%;
			width: auto;
		}

.Conection[b-yiczyz01az] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
}

[b-yiczyz01az] #InTakeForm-btn, [b-yiczyz01az] #TakeOutForm-btn {
	margin-top: .9rem;
}

.Conection div[b-yiczyz01az]  a {
	all: revert;
	display: flex;
	line-height: normal;
	align-items: center;
	gap: 1rem;
	width: 100%;
	height: 100%;
	padding: 1rem 1.5rem;
	border: 0;
	cursor: pointer;
	background-color: transparent;
	cursor: pointer;
	transition: background-color .3s ease-in-out;
	position: relative;
	white-space: nowrap;
	outline: revert !important;
}

.Conection div a[b-yiczyz01az] {
	height: fit-content;
	border-left: 1px solid gray;
	white-space: nowrap;
	text-decoration: none;
	color: black;
	height: auto;
	border-top-right-radius: .6rem;
	border-bottom-right-radius: .6rem;
}

.Conection div a:hover[b-yiczyz01az],
.Conection div a:focus[b-yiczyz01az] {
	background-color: var(--primary-color, #D1F951);
}

.documenten-container h3[b-yiczyz01az] {
	margin: 0;
	border: unset;
	padding: 0;
	line-height: normal;
}

.car-display[b-yiczyz01az] {
	width: 100%;
	height: auto;
	border-radius: .6rem;
	object-fit: cover;
	padding: 0;
	border-bottom: unset;
}


.documenten-container[b-yiczyz01az] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

	.documenten-container > *[b-yiczyz01az] {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

		.documenten-container > * > *[b-yiczyz01az] {
			width: 100%;
		}




.signed-info-text[b-yiczyz01az] {
	font-size: 10px;
}


.image-container[b-yiczyz01az] {
	height: 100%;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.delete-new-contract-btn[b-yiczyz01az] {
	all: revert;
	border: unset;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 1rem;
}

	.delete-new-contract-btn:hover[b-yiczyz01az] {
		background: #FE7070;
	}

.delete-new-contract-btn img[b-yiczyz01az]{
	max-height: 18px;
}

.image-collection[b-yiczyz01az]{
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.image-collection img[b-yiczyz01az] {
	border-radius: .6rem;
}

.clickable[b-yiczyz01az] {
	cursor: pointer;
	transition: all .3s ease-in-out;
	border-radius: .6rem 0 0 .6rem;
}

	.clickable:hover[b-yiczyz01az] {
		background-color: #D1F951;
	}

[b-yiczyz01az] .upload > p{
	display: none;
}

	[b-yiczyz01az] .upload > label {
		cursor: pointer;
	}


@supports (aspect-ratio: 1) {
	.carousel-indicators li[b-yiczyz01az] {
		aspect-ratio: 1;
	}

	.carousel-indicators .active[b-yiczyz01az] {
		aspect-ratio: 1;
	}

	.delete-new-contract-btn[b-yiczyz01az] {
		aspect-ratio: 1;
	}

	.action-list button[b-yiczyz01az] {
		aspect-ratio: 1;
	}

	.image-container[b-yiczyz01az] {
		aspect-ratio: 1;
	}
}

@supports (aspect-ratio: 16/9) {
	.carousel-inner img[b-yiczyz01az] {
		aspect-ratio: 16/9;
		height: unset;
	}

	.car-display[b-yiczyz01az] {
		aspect-ratio: 16/9;
		height: unset;
	}
}

@container conection (min-width: 400px) {
	.Conection div a[b-yiczyz01az] {
		padding: 1rem;
	}

	.Conection div span[b-yiczyz01az] {
		display: none;
	}

	@media (hover: hover) and (pointer: fine) {
		.Conection div a[data-title][b-yiczyz01az]::after {
			content: attr(data-title);
			position: absolute;
			bottom: calc(100% + 10px);
			right: 0;
			transform: translateX(.5rem);
			background-color: rgba(0, 0, 0, 0.8);
			color: white;
			padding: 5px 10px;
			border-radius: 5px;
			white-space: nowrap;
			opacity: 0;
			transition: opacity 0.3s ease-in-out;
			pointer-events: none;
		}

		.Conection div a[data-title]:is(:hover, :focus)[b-yiczyz01az]::after {
			opacity: 1;
		}

		a[data-title][b-yiczyz01az]:before,
		button[data-title][b-yiczyz01az]:before {
			content: '';
			width: 0;
			height: 0;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-top: 5px solid rgba(0, 0, 0, 0.8);
			position: absolute;
			top: -10px;
			left: 50%;
			transform: translateX(-50%);
			transition: opacity 0.3s ease-in-out;
			opacity: 0;
		}

		a[data-title]:hover[b-yiczyz01az]:before,
		a[data-title]:focus[b-yiczyz01az]:before,
		button[data-title]:hover[b-yiczyz01az]:before, 
		button[data-title]:focus[b-yiczyz01az]:before {
			opacity: 1;
		}
	}
}
[b-yiczyz01az] .select-dropdown li{
	display: flex;
	flex-direction: column;
	gap: .5rem;
}


@media (hover: hover) and (pointer: fine) {
	[b-yiczyz01az]::-webkit-scrollbar {
		width: 7px;
		height: 7px;
	}

	[b-yiczyz01az]::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
	}

	[b-yiczyz01az]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		[b-yiczyz01az]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

	[b-yiczyz01az] .upload{
		width: 100%;
	}

	[b-yiczyz01az] .upload > div {
		display: flex;
		flex-wrap: wrap;
		max-width: 100%;
		gap: 15px;
		padding: 0px;

		background: white;
	}

		[b-yiczyz01az] .upload > div > div {
			display: flex;
			justify-content: flex-start;
			width: 100%;
			background: #f6f5f5;
			padding: 15px;
		}

[b-yiczyz01az] .upload > div > div > p {
	text-wrap: balance !important;
	flex: 1;
	padding: 0px 5px;
}

		[b-yiczyz01az] .upload .image-container {
			display: none !important;
		}


[b-yiczyz01az] .flex {
	display: flex;
	align-items: center;
}

[b-yiczyz01az] .license-plate p {
	color: black;
}


[b-yiczyz01az] .download-document-container.not-signed .actions > * {
	border-left: 1px solid black !important;
}

[b-yiczyz01az] .button-wrapper:has(.delete-button){
	margin-left: auto;
}

.modal-wrapper[b-yiczyz01az]{
	display: contents;
}

	.modal-wrapper[b-yiczyz01az]  .accordion.NewPrimary .accordion-tabs {
		display: grid;
		grid-template-columns: auto auto auto;
		margin-bottom: 2rem;
	}

		.modal-wrapper[b-yiczyz01az]  .accordion.NewPrimary li button {
		padding: .5rem .8rem;
		border: none;
		cursor: pointer;
		font-size: 2rem;
		font-size: clamp(1.8rem, 4vw, 2rem);
		font-weight: 600;
		color: #ccc;
		transition: color .2s ease-in-out;
		background: none;
	}

		.modal-wrapper[b-yiczyz01az]  .accordion li button.active {
			color: #020202;
		}


input[type="datetime-local"]:disabled[b-yiczyz01az] {
	background: #ccc;
}

[b-yiczyz01az] .use-offcanvas .dialog-modal-bottom {
	position: sticky;
	bottom: 0;
	background: #f3f4f2;
	-webkit-box-shadow: 1px -3px 9px -4px rgba(214,214,214,1);
	-moz-box-shadow: 1px -3px 9px -4px rgba(214,214,214,1);
	box-shadow: 1px -3px 9px -4px rgba(214,214,214,1);
}

[b-yiczyz01az] .use-offcanvas .dialog-modal-top {
	display: block;
	position: sticky;
	top: 0;
	z-index: 1;
	background: #f3f4f2;
	-webkit-box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
	-moz-box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
	box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
}

[b-yiczyz01az] .use-offcanvas .dialog-modal-bottom,
[b-yiczyz01az] .use-offcanvas .dialog-modal-middle,
[b-yiczyz01az] .use-offcanvas .dialog-modal-top {
	padding: 20px;
	background: white;
}


[b-yiczyz01az] .use-offcanvas .dialog-modal-top {
	padding: 10px 20px 20px 20px;
}

	[b-yiczyz01az] .use-offcanvas .dialog-modal-top h1 {
		padding: 0px;
		margin: 0px;
	}


[b-yiczyz01az] .use-offcanvas .dialog-modal-bottom {
	padding: 10px 20px;
}

[b-yiczyz01az] .use-offcanvas .dialog-modal-middle {
	height: 100%;
}

/* ------------------- new layout -------------------- */

[b-yiczyz01az] .use-offcanvas h1,
[b-yiczyz01az] .use-offcanvas h2,
[b-yiczyz01az] .use-offcanvas h3,
[b-yiczyz01az] .use-offcanvas h4,
[b-yiczyz01az] .use-offcanvas p,
[b-yiczyz01az] .use-offcanvas label{
	line-height: normal;
}

[b-yiczyz01az] .use-offcanvas .dialog-modal-top:has(button) {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 2rem;
}

[b-yiczyz01az] .use-offcanvas .dialog-modal-top h1{
	color: black;
	line-height: normal;
}

	[b-yiczyz01az] .use-offcanvas .dialog-modal-top > button {
		all: revert;
		padding: .5rem;
		border: none;
		display: grid;
		align-items: center;
		justify-content: center;
		background-color: transparent;
		cursor: pointer;
	}

		[b-yiczyz01az] .use-offcanvas .dialog-modal-top > button svg path {
			fill: #ccc;
		}

		[b-yiczyz01az] .use-offcanvas .dialog-modal-top > button:is(:hover, :focus) svg path {
			fill: black;
		}

	[b-yiczyz01az] .use-offcanvas .dialog-modal-top .ToggleSwitch {
		grid-column: span 2;
	}

@media (prefers-reduced-motion: no-preference) {
	[b-yiczyz01az] .use-offcanvas .dialog-modal-top > button svg path {
		transition: fill .2s ease-in-out;
	}
}

[b-yiczyz01az] .use-offcanvas .accordion .accordion-tabs li button {
	font-size: 1.6rem;
}

[b-yiczyz01az] .use-offcanvas .dialog-modal-top {
	box-shadow: none;
}

[b-yiczyz01az] .use-offcanvas .dialog-modal-middle {
	padding: 0;
}

	[b-yiczyz01az] .use-offcanvas .dialog-modal-middle .accordion .accordion-tabs {
		border: none;
		box-shadow: 1px 3px 9px -4px rgba(214,214,214,1), 0 1px 0 rgba(0,0,0,.2);
		position: sticky;
		top: 60px;
		z-index: 2;
	}

	[b-yiczyz01az] .use-offcanvas .dialog-modal-middle .accordion > *{
		padding: 0 2rem;

	}

[b-yiczyz01az] .use-offcanvas .dialog-modal-middle {
	overflow: unset;
	min-height: calc(100% - 60px - 56px);
	height: unset;
}

[b-yiczyz01az] .use-offcanvas .dialog-modal-bottom {
	box-shadow: 1px -3px 9px -4px rgba(214, 214, 214, 1), 0 -1px 0 rgba(0,0,0,.2);
	border: none;
}

.dated-currency-wrapper[b-yiczyz01az] {
	display: grid;
	grid-template-columns: max-content 1fr;
}

	.dated-currency-wrapper[b-yiczyz01az]  .custom-select {
		height: 100%;
	}

	.dated-currency-wrapper[b-yiczyz01az]  button {
		background: #D1F951;
		gap: 0;
	}

		.dated-currency-wrapper[b-yiczyz01az]  button .hidden-longest {
			padding: 0px;
			padding-right: 0.675em;
		}

	.dated-currency-wrapper[b-yiczyz01az]  button,
	.dated-currency-wrapper[b-yiczyz01az]  input {
		border-radius: .6rem;
		border-color: #A1A1A1;
		height: 100%;
	}

	.dated-currency-wrapper[b-yiczyz01az]  button {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-right: none;
	}

	.dated-currency-wrapper[b-yiczyz01az]  input {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

span.withTrailingElement[b-yiczyz01az] {
	display: grid;
	grid-template-columns: 1fr auto;
}
/* _content/Dbo365.Debiteuren/Components/Navigation/Navigation.razor.rz.scp.css */
nav.site-header-version-main > ul:first-child[b-iwk54aw7oc] {
	padding-right: 5%;
	text-align: right;
	background-color: #F3F4F2;
	padding-top: 10px;
	padding-bottom: 10px;
}
nav.site-header-version-main > ul:last-child[b-iwk54aw7oc] {
	padding-left: 5%;
	text-align: left;

	display: flex;
	flex-wrap: nowrap;
	overflow: auto;
	text-wrap: nowrap;

	background-color: inherit;

	padding-top: 5px;
	padding-bottom: 5px;
}

[b-iwk54aw7oc] nav.site-header-version-main > ul > li {
	background-color: inherit;
}

.site-header-version-main[b-iwk54aw7oc] {
	padding-bottom: 0;
	padding-top: 0;
}

nav.site-header-version-main > ul > li .img-logo[b-iwk54aw7oc] {
padding: 0;
}

path[b-iwk54aw7oc] {
	fill: black;
}

.drop-menu-content li a[b-iwk54aw7oc] {
	margin: .3em 0 .3em 0;
}
@media (max-width: 50em) {
	ul .list-menu ul.inner-list-menu-general a[b-iwk54aw7oc] {
		padding: 10px;
		background-color: white;
		border-radius: 5px;
	}

	ul .list-menu ul.inner-list-menu-general a:hover[b-iwk54aw7oc] {
		background-color: var(--secondary, #D1F951);
	}

	ul.list-menu ul.inner-list-menu-general[b-iwk54aw7oc] {
		flex-wrap: wrap;
		row-gap: 10px;
		margin-bottom: 0.3em;
		background-color: #F3F4F2;
	}

	ul.list-menu[b-iwk54aw7oc] {
		background-color: #F3F4F2;
	}

	ul.list-menu ul.inner-list-menu-general > li[b-iwk54aw7oc] {
		width: auto;
		padding-left: 5px;
		padding-right: 5px;
	}

	.menu-icon-arrow[b-iwk54aw7oc], .menu-icon-without-arrow[b-iwk54aw7oc] {
		margin-left: 5px;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}

	li.container-algemeenSupport-dashboard[b-iwk54aw7oc] {
		padding-top: 0;
		padding-bottom: 0;
	}

	ul.before-inner-list-menu li a[b-iwk54aw7oc] {
		padding: 5px;
	}

	[b-iwk54aw7oc] .search-holder {
		flex-wrap: wrap;
		gap: .25rem !important;
		justify-content: center;
		height: auto !important;
		margin-bottom: 10px;
		margin-top: 10px !important;
	}

	#nav-search-type[b-iwk54aw7oc] {
		border-radius: 0.3em;
		width: 100%;
		height: 100%;
		min-width: 20rem;
		padding: 8px;
		margin: 0 0 10px 0;
	}

	[b-iwk54aw7oc] .search-holder > div, [b-iwk54aw7oc] li .ticketnummer > input, [b-iwk54aw7oc] #nav-search-type {
		width: 100% !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
		height: 35px;
	}

	[b-iwk54aw7oc] #nav-search-type {
		width: calc(100% - 10px) !important;
	}

	.list-menu > *:first-child[b-iwk54aw7oc] {
		margin-top: 10px;
	}

	[b-iwk54aw7oc] ul.before-inner-list-menu li a {
		padding-left: 10px !important;
		background-color: transparent;
	}

	[b-iwk54aw7oc] ul.before-inner-list-menu {
		background-color: transparent;
	}

	[b-iwk54aw7oc] ul.before-inner-list-menu li:hover a {
		background-color: var(--secondary, #D1F951)!important;
	}

}

/* _content/Dbo365.Debiteuren/Components/Navigation/NavigationIcon.razor.rz.scp.css */
li[b-yjd4wvlgbx] {
	margin-right: 0 !important;
}

li button[b-yjd4wvlgbx] {
	border: none;
	padding: 0;
	width: 34.8px;
    height: 34.8px;
	background-color: white;
}

li button[b-yjd4wvlgbx] {
	fill: black !important;
}

nav.site-header-version-main > ul > li[b-yjd4wvlgbx] {
	background-color: white;
	width: 30px !important;
	max-width: 100% !important;
	max-height: 100% !important;
	height: 30px !important;
	text-align: center;
	padding: 0px;
	font-size: 15px;
	border-radius: 5px;
	position: relative;
	text-decoration-color: transparent;
}

.site-header-version-main > ul > li > a[b-yjd4wvlgbx] {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	border-radius: 5px;
}

nav.site-header-version-main > ul > li > a > div[b-yjd4wvlgbx] {
	display: flex;
	justify-content: center;
	align-items: center;
}

.fa[b-yjd4wvlgbx] {
	color: black;
}

ul.drop-menu-content[b-yjd4wvlgbx] {
	right: calc(100% - 30px);
}

ul.drop-menu-content > li > h1[b-yjd4wvlgbx] {
	color: var(--dark-gray, #232322);
	text-align: left;
	font-family: Sora;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

[b-yjd4wvlgbx] ul.drop-menu-content > li > a {
	text-align: left;
}



.container-submenu-browser[b-yjd4wvlgbx] {
	background-color: inherit;
	color: #fff !important;
	text-align: left;
}

ul.drop-menu-content > li[b-yjd4wvlgbx], ul.drop-menu-content > li > a[b-yjd4wvlgbx] {
	background-color: #133416;
	color: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	--main-color: #133416;
	--main-color-limegreen: #d1f951;
	--main-color-lightbeige: #efede0;
	font-family: roboto,sans-serif;
	line-height: 1.75;
	text-wrap: nowrap;
	list-style-type: none;
	box-sizing: inherit;
	background-color: transparent;
	transition: all .1s ease-in-out;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
	font-weight: lighter;
}

ul.list-inner-browser:first-of-type li[b-yjd4wvlgbx], ul.list-inner-browser:first-of-type li > a[b-yjd4wvlgbx] {
	background-color: inherit;
	color: #fff !important;
	text-wrap: balance;
}

	ul.list-inner-browser:first-of-type li:hover[b-yjd4wvlgbx], ul.list-inner-browser:first-of-type li:hover > a[b-yjd4wvlgbx] {
		background: var(--secondary, #D1F951) !important;
		color: black !important;
		border-radius: 5px;
	}

.browser-menu:checked ~ .list-inner-browser[b-yjd4wvlgbx], .browser-menu:checked ~ .second-list-inner-browser[b-yjd4wvlgbx] {
	background-color: inherit;
}

ul.list-inner-browser:first-of-type li[b-yjd4wvlgbx] {
	margin-top: 5px;
	margin-bottom: 5px;
}

a:focus[b-yjd4wvlgbx], a:hover[b-yjd4wvlgbx], .with-link-style:focus[b-yjd4wvlgbx], .with-link-style:hover[b-yjd4wvlgbx] {
	color: #fff;
	background: var(--secondary, #D1F951);
}

container-submenu-browser:hover .list-inner-a-open[b-yjd4wvlgbx] {
	color: #fff !important;
	background: var(--secondary, #D1F951) !important;
}

ul.drop-menu-content > li:hover > a[b-yjd4wvlgbx] {
	color: black !important;
	background: var(--secondary, #D1F951) !important;
}

ul.drop-menu-content > li[b-yjd4wvlgbx], ul.drop-menu-content > li > a[b-yjd4wvlgbx] {
	background-color: inherit;
	border-radius: 5px;
}

ul.list-inner-browser[b-yjd4wvlgbx] {
	background-color: inherit;
	overflow: hidden;
}

.label-icon-browser[b-yjd4wvlgbx] {
	position: absolute;
	display: block;
	cursor: pointer;
	user-select: none;
	top: 20%;
	left: 20%;
	width: 60%;
	height: 60%;
	padding: 0;
	transform: scale(1.7);
}

	.label-icon-browser span[b-yjd4wvlgbx] {
		position: absolute;
		right: 10%;
	}

.main-dropDown:hover > a[b-yjd4wvlgbx] {
	background: var(--secondary, #D1F951) !important;
}

.main-dropDown-menu.icon-menu-size[b-yjd4wvlgbx] {
	margin-right: 5px !important;
}
/* _content/Dbo365.Debiteuren/Components/Navigation/NavigationIconItem.razor.rz.scp.css */
ul.drop-menu-content > li:hover > a[b-uqrxomwkjz] {
	color: black !important;
	background: var(--secondary, #D1F951) !important;
}

ul.drop-menu-content > li[b-uqrxomwkjz] {
	border: 2px solid transparent;
	margin-bottom: 5px;
}

ul.drop-menu-content > li:hover[b-uqrxomwkjz] {
	border: 2px solid var(--secondary, #D1F951);
	margin-bottom: 5px;
	background-color: #D1F9514D;
}

ul.drop-menu-content > li.container-submenu-browser-open[b-uqrxomwkjz] {
	border: 2px solid var(--secondary, #D1F951);
}

ul.drop-menu-content > li[b-uqrxomwkjz], ul.drop-menu-content > li > a[b-uqrxomwkjz] {
	border-radius: 5px;
}

ul.drop-menu-content > li[b-uqrxomwkjz] {
	background-color: #fff;
}


ul.drop-menu-content > li:hover > a[b-uqrxomwkjz] {
	background: var(--secondary, #D1F951) !important;
	color: black;
}

.container-submenu-browser > ul > li[b-uqrxomwkjz], .container-submenu-browser > ul > li > a[b-uqrxomwkjz] {
	color: black;
	padding: 0.4em;
	text-align: left;
}

.container-submenu-browser > ul > li[b-uqrxomwkjz] {
	padding: 0;
}

.container-submenu-browser > ul > li:hover[b-uqrxomwkjz] {
	background: var(--secondary, #D1F951) !important;
}

.container-submenu-browser > ul > li:hover[b-uqrxomwkjz], .container-submenu-browser > ul > li:hover > a[b-uqrxomwkjz] {
	margin: 0;
	color: black;
}

.container-submenu-browser > ul > li:hover > a[b-uqrxomwkjz] {
	transition: none;
}

[b-uqrxomwkjz] ul.list-inner-browser {
	background-color: transparent;
}

ul.list-inner-browser li:last-of-type[b-uqrxomwkjz] {
	border: none;
}
/* _content/Dbo365.Debiteuren/Components/Navigation/NavigationItem.razor.rz.scp.css */
/*show the inner list, after click - browsers*/
.browser-menu:checked ~ .list-inner-browser[b-zmcj7uzotz],
.browser-menu:checked ~ .second-list-inner-browser[b-zmcj7uzotz] {
	max-height: 40em;
}

.drop-menu-content[b-zmcj7uzotz], .drop-menu-content li[b-zmcj7uzotz] {
	background-color: inherit !important;
	color: white;
}

.drop-menu-content[b-zmcj7uzotz] {
	border-radius: 0 0 5px 5px;
}

.drop-menu-content li a[b-zmcj7uzotz] {
	color: var(--light, #FFF);
	text-align: left;
}

.drop-menu-content li a:hover[b-zmcj7uzotz] {
	border-radius: 5px;
	color: black;
	background: var(--secondary, #D1F951);
}

.label-icon-browser .icon-browser-plus-minus[b-zmcj7uzotz]:before {
	color: var(--light, #FFF);
}

.label-icon-browser span[b-zmcj7uzotz] {
	position: absolute;
    right: 10%;
}

ul.drop-menu-content li:hover > label > span.icon-browser-plus-minus[b-zmcj7uzotz]:before {
	color: black;
}

.site-header-version-top > ul > li:hover[b-zmcj7uzotz], .site-header-version-main > ul > li:hover[b-zmcj7uzotz] {
	text-decoration: none;
	text-underline-position: auto;
	text-decoration-color: var(--secondary, #D1F951);
}
.browser-menu:checked ~ .list-inner-browser[b-zmcj7uzotz], .browser-menu:checked ~ .second-list-inner-browser[b-zmcj7uzotz] {
	background: #133416;
}

.drop-menu-content li a[b-zmcj7uzotz], .container-submenu-browser a[b-zmcj7uzotz] {
	position: relative;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	--main-color: #133416;
	--main-color-limegreen: #d1f951;
	--main-color-lightbeige: #efede0;
	font-family: roboto,sans-serif;
	line-height: 1.75;
	text-wrap: nowrap;
	list-style-type: none;
	box-sizing: inherit;
	background-color: transparent;
	transition: all .1s ease-in-out;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
	font-weight: lighter;
}


.site-header-version-main > ul > li:hover > a:first-child[b-zmcj7uzotz] {
	color: var(--secondary, #D1F951);
}
/* _content/Dbo365.Debiteuren/Components/Navigation/NavigationNestedItem.razor.rz.scp.css */
.container-submenu-browser[b-nvr7zhftt1] {
	background-color: inherit;
	color: #fff !important;
	text-align: left;
}

ul.drop-menu-content > li[b-nvr7zhftt1], ul.drop-menu-content > li > a[b-nvr7zhftt1] {
	background-color: #133416;
	color: #fff;

	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	--main-color: #133416;
	--main-color-limegreen: #d1f951;
	--main-color-lightbeige: #efede0;
	font-family: roboto,sans-serif;
	line-height: 1.75;
	text-wrap: nowrap;
	list-style-type: none;
	box-sizing: inherit;
	background-color: transparent;
	transition: all .1s ease-in-out;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
	font-weight: lighter;
}

ul.list-inner-browser:first-of-type li[b-nvr7zhftt1], ul.list-inner-browser:first-of-type li > a[b-nvr7zhftt1] {
	background-color: inherit;
	color: #fff !important;
	text-wrap: balance;
}

ul.list-inner-browser:first-of-type li:hover[b-nvr7zhftt1], ul.list-inner-browser:first-of-type li:hover > a[b-nvr7zhftt1] {
	background: var(--secondary, #D1F951) !important;
	color: black !important;
	border-radius: 5px;
}
.browser-menu:checked ~ .list-inner-browser[b-nvr7zhftt1], .browser-menu:checked ~ .second-list-inner-browser[b-nvr7zhftt1] {
	background-color: inherit
}

ul.list-inner-browser:first-of-type li[b-nvr7zhftt1] {
	margin-top: 5px;
	margin-bottom: 5px;
}

a:focus[b-nvr7zhftt1], a:hover[b-nvr7zhftt1], .with-link-style:focus[b-nvr7zhftt1], .with-link-style:hover[b-nvr7zhftt1] {
	color: #fff;
	background: var(--secondary, #D1F951);
}

ul.drop-menu-content > li:hover[b-nvr7zhftt1] {
	color: #fff !important;
}

container-submenu-browser:hover .list-inner-a-open[b-nvr7zhftt1] {
	color: #fff !important;
	background: var(--secondary, #D1F951) !important;
}

ul.drop-menu-content > li:hover > a[b-nvr7zhftt1] {
	color: black !important;
	background: var(--secondary, #D1F951) !important;
}

ul.drop-menu-content > li[b-nvr7zhftt1], ul.drop-menu-content > li > a[b-nvr7zhftt1] {
	border-radius: 5px;
	background-color: inherit;
}

ul.list-inner-browser[b-nvr7zhftt1] {
	background-color: inherit;
	overflow: hidden;
}

.label-icon-browser[b-nvr7zhftt1] {
	position: absolute;
	display: block;
	cursor: pointer;
	user-select: none;
	top: 20%;
	left: 20%;
	width: 60%;
	height: 60%;
	padding: 0;
	transform: scale(1.7);
}

[b-nvr7zhftt1] ul.list-inner-browser li:last-of-type {
	border-bottom: 0;
}

.label-icon-browser span[b-nvr7zhftt1] {
	position: absolute;
	right: 10%;
}
/* _content/Dbo365.Debiteuren/Components/Navigation/NavigationSearch.razor.rz.scp.css */
.search-holder[b-egtds4156d] {
	display: flex;
	gap: 1rem;
	margin-top: 0;
	height: 30px;
}

li .ticketnummer > input[b-egtds4156d] {
	border-radius: 0.3em;
	width: 80%;
	height: 100%;
	min-width: 20rem;
}

button#btn-searchOptions[b-egtds4156d] {
	background-color: #ffffff;
	border-radius: 0.3em;
}

#btn-searchOptions .fa[b-egtds4156d] {
	color: var(--main-color);
}

.search-holder .ticketnummer .fa[b-egtds4156d] {
	color: var(--main-color);
}

#searchIconInfo[b-egtds4156d] {
	position: absolute;
	top: 10px;
	right: 5px;
	cursor: pointer;
}

#searchIconInfo[b-egtds4156d]::before {
	content: "";
	background: #e3e3e3;
	position: absolute;
	bottom: 0;
	left: -4px;
	height: 100%;
	width: 1.5px;
	top: -4px;
}

[b-egtds4156d] #nav-search-type {
	min-width: 20rem;
	padding: 0;
}


.img-ticket[b-egtds4156d] {
	top: 25% !important;
	right: 5% !important;
}

.search-holder .ticketnummer .fa[b-egtds4156d] {
	right: 17.5% !important;
}

/* temp - while we use the old navigation system */
@media (max-width: 800px) {
	.search-holder > div[b-egtds4156d], li .ticketnummer > input[b-egtds4156d], #nav-search-type[b-egtds4156d] {
		width: auto !important;
	}

		.search-holder > div:last-child[b-egtds4156d] {
			flex-grow: 1;
		}

	li .ticketnummer > input[b-egtds4156d] {
		width: 100% !important;
	}

	.search-holder .ticketnummer .fa[b-egtds4156d] {
		right: 6rem !important;
	}

	#searchIconInfo[b-egtds4156d] {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	button#btn-searchOptions[b-egtds4156d] {
		width: 35px !important;
		height: 35px !important;
	}
}
/* _content/Dbo365.Debiteuren/Components/TitleBar.razor.rz.scp.css */
.title-bar-wrapper[b-baz9sfjd1l] {
	display: grid;
	justify-content: space-between;
	width: 100%;
	column-gap: 1rem;
	row-gap: .5rem;
}

	.title-bar-wrapper > h1[b-baz9sfjd1l] {
		border: none;
	}

		.title-bar-wrapper > h1.header-title[b-baz9sfjd1l] {
			margin: 0;
			padding: 0;
			line-height: normal;
		}

.title-bar-wrapper p[b-baz9sfjd1l] {
	line-height: normal;
	margin: 0;
	color: rgba(0,0,0,.5);
}

.HasIconButtons[b-baz9sfjd1l] {
	grid-template-columns: 1fr auto;
}

	.HasIconButtons .title-bar-button-wrapper[b-baz9sfjd1l] {
		display: flex;
		gap: 5px;
		grid-column: 2/3;
		grid-row: 1/2;
	}

	.HasIconButtons p[b-baz9sfjd1l] {
		grid-column: span 2;
	}

.HasReteurnBTN[b-baz9sfjd1l] {
	grid-template-columns: auto 1fr;
}

	.HasReteurnBTN .ReteurnBTN[b-baz9sfjd1l] {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		all: revert;
		height: fit-content;
		width: fit-content;
		padding: .45rem;
		border: none;
		background-color: transparent;
		border-radius: .6rem;
		display: grid;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		transform: rotate(180deg);
	}

		.HasReteurnBTN .ReteurnBTN[b-baz9sfjd1l]  svg {
			height: 1lh;
			line-height: normal;
			width: auto;
		}

	.HasReteurnBTN p[b-baz9sfjd1l] {
		grid-column: 2 / 3;
	}

.HasIconButtons.HasReteurnBTN[b-baz9sfjd1l] {
	grid-column: auto 1fr auto;
}

	.HasIconButtons.HasReteurnBTN .title-bar-button-wrapper[b-baz9sfjd1l] {
		grid-column: 3/4;
	}

	.HasIconButtons.HasReteurnBTN p[b-baz9sfjd1l] {
		grid-column: 2/4;
	}

.NewLayout[b-baz9sfjd1l]{
	align-items: center;
}

.NewLayout h1[b-baz9sfjd1l] {
	color: black;
	margin: 0;
	padding: 0;
	line-height: normal;
}
/* _content/Dbo365.Debiteuren/Components/VerticalGridView/VerticalGridSquareButton.razor.rz.scp.css */
.square-button-tooltip[b-ch5hj5ks96] {
	position: relative; /* making the .tooltip span a container for the tooltip text */
}

.square-button-tooltip[b-ch5hj5ks96]:before {
	content: attr(data-text); /* here's the magic */
	position: absolute;
	/* vertically center */
	top: 50%;
	transform: translateY(-50%);
	/* move to right */
	left: 100%;
	margin-left: 15px; /* and add a small left margin */
	/* basic styles */
	width: 200px;
	padding: 10px;
	border-radius: 10px;
	background: var(--background-color, #F3F4F2);
	color: #000;
	text-align: center;
	display: none; /* hide by default */
	/* reset defaults */
    border: 2px solid var(--midium-gray-v2, #A1A1A1);
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.10);

}

.square-button-tooltip:hover[b-ch5hj5ks96]:before {
	display: block;
    pointer-events: none;
}

.square-button-tooltip:hover[b-ch5hj5ks96]:before, .square-button-tooltip:hover[b-ch5hj5ks96]:after {
	display: block;
    pointer-events: none;
}

/* Positioning */
.square-button-tooltip[b-ch5hj5ks96]:before {
    left: initial;
    margin: initial;
    z-index: 100;
    pointer-events: none;
	right: 0;
    top: -30px;
    padding: 0 20px 0 20px;
    width: auto;
}


.square-button-tooltip[b-ch5hj5ks96]:after {
	content: "";
    position: absolute;
    transform: translateY(-280%);
    border: 10px solid #000;
    border-color: black transparent transparent transparent;
    display: none;
    right: 25%;
    margin-top: 13px;
    pointer-events: none;
}

.square-button-tooltip:hover[b-ch5hj5ks96]:before, .square-button-tooltip:hover[b-ch5hj5ks96]:after {
	display: block;
    pointer-events: none;
}


/* _content/Dbo365.Debiteuren/Views/Action/Overview.razor.rz.scp.css */
.search-bar[b-ctxo314wsl]
{
	display: flex;
	gap: 10px;
}

.search-input-holder[b-ctxo314wsl] {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}


.search-input-holder input[b-ctxo314wsl] {
	flex-grow: 1;
}


.search-input-holder i[b-ctxo314wsl] {
	color: black !important;
    position: absolute;
    right: 20px;
}

.page-wrapper[b-ctxo314wsl] {
	display: contents;
}

	.page-wrapper .accordion[b-ctxo314wsl], .page-wrapper[b-ctxo314wsl]  .accordion li:not(.active) button {
		background: none;
	}

	.page-wrapper[b-ctxo314wsl]  .accordion li button {
		border: 2px solid transparent;
		padding: 5px 10px;
	}

	.page-wrapper[b-ctxo314wsl]  .accordion button {
		background-color: transparent !important;
	}

		.page-wrapper[b-ctxo314wsl]  .accordion li.active button {
			border-radius: unset !important;
			border-bottom: 2px solid green !important;
			background-color: transparent !important;
		}
/* _content/Dbo365.Debiteuren/Views/Action/Search2.razor.rz.scp.css */
.page-wrapper[b-1hbn7uid52] {
	display: contents;
}
	.page-wrapper .accordion[b-1hbn7uid52], .page-wrapper[b-1hbn7uid52]  .accordion li:not(.active) button {
		color: white;
	}

	.page-wrapper[b-1hbn7uid52]  .accordion li button {
		border: 2px solid transparent;
		padding: 5px 10px;
	}
/* _content/Dbo365.Debiteuren/Views/ActionAlreadyCompleted.razor.rz.scp.css */
/* _content/Dbo365.Debiteuren/Views/AI/Chat.razor.rz.scp.css */
/* Base Styles */
*[b-n3jymp2fu9] {
	--debitan-green: #0a3b0b;
	--debitan-green-dark: #072a07;
	--debitan-green-light: #b8e6b9;
	--debitan-red: #e74c3c;
	--debitan-orange: #f39c12;
	--debitan-orange-dark: #d68910;
	--debitan-blue: #3498db;
	--debitan-gray: #F9F9F9;
	--border-color: #e2e8f0;
	--text-color: #1a202c;
	--text-muted: #555555;
	--bg-gray: #F9F9F9;
	--bg-white: #ffffff;
	--medium-padding: 1rem;
}

*[b-n3jymp2fu9] {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* Main Content */
.main-content[b-n3jymp2fu9] {
	display: grid;
	grid-template-areas: "aside messages" "aside chat";
	grid-template-rows: 1fr auto;
	grid-template-columns: 400px 1fr;
	overflow: hidden;
	height: 100%;
}

/* Chat History Sidebar */
.chat-history-sidebar[b-n3jymp2fu9] {
	--aside-padding: var(--medium-padding, 1rem);
	grid-area: aside;
	width: 100%;
	background-color: var(--bg-white);
	border-right: 1px solid var(--border-color);
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
}

.sidebar-header[b-n3jymp2fu9] {
	padding: var(--aside-padding);
	border-bottom: 1px solid var(--border-color);
	display: flex;
	gap: var(--aside-padding);
}

	.sidebar-header[b-n3jymp2fu9]  .search-container {
		width: 100%;
	}

	.sidebar-header[b-n3jymp2fu9]  .new-chat-button {
		padding: 1.1rem;
		width: fit-content;
	}

.chat-history-list[b-n3jymp2fu9] {
	overflow-y: auto;
	height: 100%;
}

.chat-item[b-n3jymp2fu9] {
	display: flex;
	border-bottom: 1px solid var(--border-color);
	cursor: pointer;
}

.chat-details[b-n3jymp2fu9] {
	all: revert;
	padding: var(--aside-padding);
	border: none;
	background: transparent;
	width: 100%;
	outline-offset: -.5rem;
	cursor: pointer;
	color: #404040;
}

	.chat-details:hover[b-n3jymp2fu9] {
		background-color: rgba(0,0,0,0.1);
	}

	.chat-details[aria-current="true"][b-n3jymp2fu9] {
		background-color: #A8EFBD;
	}

.chat-title[b-n3jymp2fu9] {
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border: none;
	text-align: left;
	color: inherit;
}

.chat-preview[b-n3jymp2fu9] {
	color: var(--text-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 0.375rem; /* Increased margin */
}

.chat-time[b-n3jymp2fu9] {
	display: flex;
	align-items: center;
	color: var(--text-muted);
	margin-top: 0.375rem; /* Increased margin */
	font-size: 0.975rem; /* Increased font size */
}

	.chat-time .icon[b-n3jymp2fu9] {
		margin-right: 0.375rem; /* Increased margin */
		font-size: 0.975rem; /* Increased font size */
	}

.collapsed-debtor-info[b-n3jymp2fu9] {
	border-top: 1px solid var(--border-color);
	padding: 1rem; /* Increased padding */
}

.collapsed-debtor-container[b-n3jymp2fu9] {
	display: flex;
	align-items: center;
	padding: 0.75rem; /* Increased padding */
	border-radius: 0.375rem;
	cursor: pointer;
}

	.collapsed-debtor-container:hover[b-n3jymp2fu9] {
		background-color: var(--bg-gray);
	}

.debtor-mini-avatar[b-n3jymp2fu9] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem; /* Increased size */
	height: 2.5rem; /* Increased size */
	border-radius: 9999px;
	background-color: var(--debitan-green);
	color: white;
	margin-right: 0.75rem; /* Increased margin */
}

	.debtor-mini-avatar .icon[b-n3jymp2fu9] {
	}

.debtor-mini-details[b-n3jymp2fu9] {
	flex: 1;
}

.debtor-mini-name[b-n3jymp2fu9] {
	font-weight: 500;
}

.debtor-mini-info[b-n3jymp2fu9] {
	color: var(--text-muted);
}

/* Chat Area */
.chat-area[b-n3jymp2fu9] {
	flex: 1;
	display: flex;
	flex-direction: column;
	background-color: var(--bg-gray);
	position: relative;
	height: 100vh;
	overflow: hidden;
}

.messages-container[b-n3jymp2fu9] {
	grid-area: messages;
	padding: 1.5rem 5vw;
	overflow-y: auto;
	/*padding-bottom: 90px;  Add padding at the bottom to prevent content from being hidden behind the input */
	/*height: calc(100% - 90px);  Subtract the height of the input container */
	height: 100%;
	padding-bottom: 0;
}

	.messages-container > div[b-n3jymp2fu9]{
		max-width: 90rem;
		margin: auto;
	}

.message-group[b-n3jymp2fu9]{
	display: grid;
	margin-bottom: 2rem;
}

	.message-group.sender[b-n3jymp2fu9] {
		grid-template-areas: ". header" "avatar message";
		grid-template-columns: auto 1fr;
	}

.message-group.recever[b-n3jymp2fu9] {
	grid-template-areas: "header" "message";
}

.message-header[b-n3jymp2fu9] {
	grid-area: header;
	display: flex;
	gap: 1rem;
	font-size: 1.2rem;
	color: #616161;
}

.message-group.recever .message-header[b-n3jymp2fu9] {
	justify-content: flex-end;
}

.message-avatar[b-n3jymp2fu9] {
	grid-area: avatar;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 9999px;
	background-color: var(--debitan-green);
	line-height: normal;
	margin-right: 0.75rem;
}

.message-content[b-n3jymp2fu9] {
	grid-area: message;
	width: fit-content;
	max-width: 85%;
	background: #f5f5f5;
	padding: 8px 15px;
	border-radius: 0.5rem;
}

.message-group.sender .message-content[b-n3jymp2fu9] {
	background: #f5f5f5;
}

.message-group.recever .message-content[b-n3jymp2fu9] {
	background-color: lightgreen;
	margin-left: auto;
}

.details-container[b-n3jymp2fu9] {
	margin-top: 0.5rem;
	padding: 1rem 1.5rem;
	background-color: #fff;
	border-radius: .5rem;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.email-confirmation-header[b-n3jymp2fu9] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.75rem; /* Increased margin */
}

.email-confirmation-title[b-n3jymp2fu9] {
	display: flex;
	align-items: center;
	font-weight: 500;
	border: none;
	line-height: normal;
}

	.email-confirmation-title .icon[b-n3jymp2fu9] {
		color: var(--debitan-orange);
		margin-right: 0.5rem; /* Increased margin */
	}


/* Chat Input */
.chat-input-container[b-n3jymp2fu9] {
	--chat-padding: var(--medium-padding, 1rem);
	grid-area: chat;
	padding: 2rem 5vw;
}

.chat-form[b-n3jymp2fu9] {
	border: 1px solid var(--border-color);
	border: 1px solid rgba(0,0,0,0.2);
	display: flex;
	align-items: center;
	border-radius: 0.8rem;
	overflow: hidden;
	max-width: 90rem;
	margin: auto;
	align-items: flex-end;
}

	.chat-form.wrapped[b-n3jymp2fu9] {
		flex-direction: column;
		align-items: flex-end;
	}

textarea.chat-input[b-n3jymp2fu9] {
	width: 100%;
	min-height: calc(10lh + 2 * var(--chat-padding));
	max-height: calc(10lh + 2 * var(--chat-padding));
	padding: var(--chat-padding);
	line-height: 1.6;
	padding-inline: calc(var(--chat-padding) + calc((1lh - 1ex) / 2));
	resize: none;
	border-radius: 0.375rem;
	font-family: "Inter", sans-serif;
	border: none;
	outline: none;
}

.chat-form.wrapped textarea.chat-input[b-n3jymp2fu9] {
	padding-bottom: 0;
}

@supports (field-sizing: content) {
	textarea.chat-input[b-n3jymp2fu9] {
		min-height: calc(1lh + 2 * var(--chat-padding));
		max-height: calc(10lh + 2 * var(--chat-padding));
		field-sizing: content;
	}
}

.chat-actions[b-n3jymp2fu9] {
	padding: .5rem;
}

[b-n3jymp2fu9] .send-button {
	padding: calc(var(--chat-padding, 1rem) * .5) calc(var(--chat-padding) + calc((1lh - 1ex) / 2));
}

	[b-n3jymp2fu9] .send-button svg {
		height: 1lh;
		width: auto;
		line-height: 1.5;
		fill: black;
	}

	[b-n3jymp2fu9] .send-button .send-outline {
		display: block;
	}

	[b-n3jymp2fu9] .send-button:is(:hover, :focus) .send-outline {
		display: none;
	}

	[b-n3jymp2fu9] .send-button .send-filled {
		display: none;
	}

	[b-n3jymp2fu9] .send-button:is(:hover, :focus) .send-filled {
		display: block;
	}
























































.message-paragraph[b-n3jymp2fu9] {
	margin-top: 0.75rem; /* Increased margin */
}

.message-list[b-n3jymp2fu9] {
	margin-top: 0.5rem; /* Increased margin */
	padding-left: 1.5rem; /* Increased padding */
}

	.message-list li[b-n3jymp2fu9] {
		margin-bottom: 0.375rem; /* Added margin between list items */
	}

.ai-thinking[b-n3jymp2fu9] {
	margin-top: 0.75rem; /* Increased margin */
	padding-top: 0.75rem; /* Increased padding */
	border-top: 1px solid var(--border-color);
}

	.ai-thinking summary[b-n3jymp2fu9] {
		display: flex;
		align-items: center;
		cursor: pointer;
		color: var(--text-muted);
	}

		.ai-thinking summary .icon[b-n3jymp2fu9] {
			margin-right: 0.375rem; /* Increased margin */
		}

/* Email Confirmation Styles */

.confirmation-badge[b-n3jymp2fu9] {
	background-color: var(--debitan-orange);
	padding: 0.375rem 1.5rem; /* Increased padding */
	border-radius: 9999px;
}

.email-preview[b-n3jymp2fu9] {
	margin-bottom: 1rem; /* Increased margin */
	padding: 1rem 1.5rem;
	background-color: #fff;
	border-radius: .5rem;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.email-field[b-n3jymp2fu9] {
	margin-bottom: 0.75rem; /* Increased margin */
}

.email-label[b-n3jymp2fu9] {
	font-weight: 600;
	color: var(--text-muted);
	margin-right: 0.5rem; /* Increased margin */
}

.email-body[b-n3jymp2fu9] {
	margin-top: 0.5rem; /* Increased margin */
	padding-top: 0.75rem; /* Increased padding */
	border-top: 1px solid var(--border-color);
	white-space: pre-line;
	line-height: 1.5; /* Improved line height */
}

.email-actions[b-n3jymp2fu9] {
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem; /* Increased gap */
}

.cancel-button[b-n3jymp2fu9] {
	display: flex;
	align-items: center;
	padding: 0.5rem 1rem; /* Increased padding */
	background-color: white;
	color: #4a5568;
	border: 1px solid #cbd5e0;
	border-radius: 0.375rem;
	font-weight: 500;
	cursor: pointer;
}

	.cancel-button:hover[b-n3jymp2fu9] {
		background-color: #f1f5f9;
	}

	.cancel-button .icon[b-n3jymp2fu9] {
		margin-right: 0.375rem; /* Increased margin */
	}

.confirm-button[b-n3jymp2fu9] {
	display: flex;
	align-items: center;
	padding: 0.5rem 1rem; /* Increased padding */
	background-color: var(--debitan-green);
	color: white;
	border: none;
	border-radius: 0.375rem;
	font-weight: 500;
	cursor: pointer;
}

	.confirm-button:hover[b-n3jymp2fu9] {
		background-color: var(--debitan-green-dark);
	}

	.confirm-button .icon[b-n3jymp2fu9] {
		margin-right: 0.375rem; /* Increased margin */
	}





















































/* Icon Button */
.icon-button[b-n3jymp2fu9] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem; /* Increased size */
	height: 2.25rem; /* Increased size */
	border-radius: 9999px;
	border: none;
	background-color: transparent;
	color: var(--text-color);
	cursor: pointer;
}

	.icon-button:hover[b-n3jymp2fu9] {
		background-color: var(--bg-gray);
	}

	.icon-button.small[b-n3jymp2fu9] {
		width: 1.75rem; /* Increased size */
		height: 1.75rem; /* Increased size */
	}

/* For details/summary styling */
details > summary[b-n3jymp2fu9] {
	list-style: none;
}

	details > summary[b-n3jymp2fu9]::-webkit-details-marker {
		display: none;
	}

/* Responsive styles */
@media (max-width: 1200px) {
	.chat-history-sidebar[b-n3jymp2fu9] {
		width: 35%;
	}

	.chat-input-container[b-n3jymp2fu9] {
		left: 35%;
	}
}

@media (max-width: 992px) {
	.chat-history-sidebar[b-n3jymp2fu9] {
		width: 40%;
	}

	.message[b-n3jymp2fu9] {
		max-width: 90%;
	}

	.chat-input-container[b-n3jymp2fu9] {
		left: 40%;
	}
}

@media (max-width: 768px) {
	.chat-history-sidebar[b-n3jymp2fu9] {
		width: 100%;
		position: absolute;
		height: 100%;
		z-index: 10;
		transform: translateX(-100%);
		transition: transform 0.3s ease;
	}

		.chat-history-sidebar.open[b-n3jymp2fu9] {
			transform: translateX(0);
		}

	.main-content[b-n3jymp2fu9] {
		position: relative;
	}

	.message[b-n3jymp2fu9] {
		max-width: 95%;
	}

	.debtor-badge[b-n3jymp2fu9] {
		padding: 0.4rem 0.8rem;
	}

	.page-title[b-n3jymp2fu9] {
	}

	.chat-input-container[b-n3jymp2fu9] {
		left: 0;
	}
}
/* _content/Dbo365.Debiteuren/Views/AI/Dashboard.razor.rz.scp.css */
*[b-fzwtd0xcs3] {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body[b-fzwtd0xcs3] {
/*	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;*/
	background-color: #f8fafc;
	color: #334155;
	line-height: 1.6;
}

.header[b-fzwtd0xcs3] {
	background: white;
	border-bottom: 1px solid #e2e8f0;
	padding: 1rem 2rem;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

	.header h1[b-fzwtd0xcs3] {
		color: #1e293b;
		font-size: 1.5rem;
		font-weight: 600;
	}

.container[b-fzwtd0xcs3] {
	max-width: 1400px;
	margin: 0 auto;
	padding: 2rem;
	display: grid;
	grid-template-columns: 300px 1fr;
	gap: 2rem;
	min-height: calc(100vh - 80px);
}

.sidebar[b-fzwtd0xcs3] {
	background: white;
	border-radius: 8px;
	padding: 1.5rem;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	height: fit-content;
}

	.sidebar h2[b-fzwtd0xcs3] {
		font-size: 1.1rem;
		font-weight: 600;
		margin-bottom: 1rem;
		color: #1e293b;
	}

.agent-list[b-fzwtd0xcs3] {
	list-style: none;
}

.agent-item[b-fzwtd0xcs3] {
	padding: 0.75rem;
	margin-bottom: 0.5rem;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.2s;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.agent-item:hover[b-fzwtd0xcs3] {
		background-color: #f1f5f9;
	}

	.agent-item.active[b-fzwtd0xcs3] {
		background-color: #3b82f6;
		color: white;
	}

.agent-name[b-fzwtd0xcs3] {
	font-weight: 500;
}

.pending-count[b-fzwtd0xcs3] {
	background: #ef4444;
	color: white;
/*	font-size: 0.75rem;*/
	padding: 0.25rem 0.5rem;
	border-radius: 12px;
	min-width: 20px;
	text-align: center;
}

.agent-item.active .pending-count[b-fzwtd0xcs3] {
	background: rgba(255, 255, 255, 0.2);
}

.main-content[b-fzwtd0xcs3] {
	background: white;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.content-header[b-fzwtd0xcs3] {
	padding: 1.5rem;
	border-bottom: 1px solid #e2e8f0;
}

.content-title[b-fzwtd0xcs3] {
	font-size: 1.25rem;
	font-weight: 600;
	color: #1e293b;
}

.content-body[b-fzwtd0xcs3] {
	flex: 1;
	overflow-y: auto;
	padding: 1.5rem;
}

.approval-item[b-fzwtd0xcs3] {
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	margin-bottom: 2rem;
	overflow: hidden;
	transition: all 0.2s;
}

	.approval-item:hover[b-fzwtd0xcs3] {
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	}

.subject-header[b-fzwtd0xcs3] {
	background: #f8fafc;
	padding: 1rem;
	border-bottom: 1px solid #e2e8f0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.subject-line[b-fzwtd0xcs3] {
	font-weight: 600;
	color: #1e293b;
	font-size: 1rem;
}

.subject-meta[b-fzwtd0xcs3] {
	display: flex;
	gap: 1rem;
	align-items: center;
}

.timestamp[b-fzwtd0xcs3] {
	color: #64748b;
/*	font-size: 0.875rem;*/
}

/*.priority {
	padding: 0.25rem 0.5rem;
	border-radius: 4px;*/
/*	font-size: 0.75rem;*/
	/*font-weight: 500;
	text-transform: uppercase;
}

	.priority.high {
		background: #fef2f2;
		color: #dc2626;
	}

	.priority.medium {
		background: #fffbeb;
		color: #d97706;
	}

	.priority.low {
		background: #f0fdf4;
		color: #16a34a;
	}*/

.email-history[b-fzwtd0xcs3] {
	background: #fafafa;
	border-bottom: 1px solid #e2e8f0;
}

.history-toggle[b-fzwtd0xcs3] {
	padding: 0.75rem 1rem;
	background: none;
	border: none;
	width: 100%;
	text-align: left;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.875rem;
	color: #64748b;
	transition: all 0.2s;
}

	.history-toggle:hover[b-fzwtd0xcs3] {
		background: #f1f5f9;
	}

.history-toggle-icon[b-fzwtd0xcs3] {
	transition: transform 0.2s;
}

.history-toggle.expanded .history-toggle-icon[b-fzwtd0xcs3] {
	transform: rotate(180deg);
}

.history-content[b-fzwtd0xcs3] {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
}

	.history-content.expanded[b-fzwtd0xcs3] {
		max-height: 400px;
		overflow-y: auto;
	}

.history-text[b-fzwtd0xcs3] {
	padding: 1rem;
	font-family: 'Courier New', monospace;
	font-size: 0.8rem;
	color: #475569;
	white-space: pre-wrap;
	line-height: 1.4;
	border-top: 1px solid #e2e8f0;
}

.email-response[b-fzwtd0xcs3] {
	padding: 1.5rem;
}

.response-content[b-fzwtd0xcs3] {
	background: white;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	padding: 1.5rem;
/*	font-family: 'Courier New', monospace;
	font-size: 0.875rem;*/
	white-space: pre-wrap;
	min-height: 250px;
	line-height: 1.5;
	color: #374151;
}

.approval-actions[b-fzwtd0xcs3] {
	display: flex;
	gap: 0.75rem;
	justify-content: flex-end;
	padding: 1rem 1.5rem;
	background: #f8fafc;
	border-top: 1px solid #e2e8f0;
}

.btn[b-fzwtd0xcs3] {
	padding: 0.5rem 1rem;
	border: none;
	border-radius: 6px;
/*	font-size: 0.875rem;*/
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s;
	text-decoration: none;
	display: inline-block;
	text-align: center;
}

.btn-primary[b-fzwtd0xcs3] {
	background: #10b981;
	color: white;
	padding: 0.75rem 1.5rem;
}

	.btn-primary:hover[b-fzwtd0xcs3] {
		background: #059669;
	}

.btn-reject[b-fzwtd0xcs3] {
	background: #ef4444;
	color: white;
}

	.btn-reject:hover[b-fzwtd0xcs3] {
		background: #dc2626;
	}

.btn-edit[b-fzwtd0xcs3] {
	background: #f59e0b;
	color: white;
}

	.btn-edit:hover[b-fzwtd0xcs3] {
		background: #d97706;
	}

@media (max-width: 768px) {
	.container[b-fzwtd0xcs3] {
		grid-template-columns: 1fr;
		gap: 1rem;
		padding: 1rem;
	}

	.sidebar[b-fzwtd0xcs3] {
		order: 2;
	}

	.main-content[b-fzwtd0xcs3] {
		order: 1;
	}

	.subject-header[b-fzwtd0xcs3] {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5rem;
	}

	.subject-meta[b-fzwtd0xcs3] {
		gap: 0.5rem;
	}
}

@media (max-width: 1024px) {
	.payment-arrangement-section div[style*="grid-template-columns: 1fr 1fr 300px"][b-fzwtd0xcs3] {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 1rem !important;
	}
}
/* _content/Dbo365.Debiteuren/Views/AmortizationSchedule/Index.razor.rz.scp.css */
p[b-tx7401i5gm] {
	margin: 0;
	padding: 0;
	line-height: normal;
}

main[b-tx7401i5gm] {
	--side-padding: 5vw;
	--border-dark: 1px solid gray;
	--border-light: 1px solid #ccc;
	--layout-gap: 4rem;
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: [page-start] auto [break-start] 5vw [content-start] minmax(0, calc(1920px - 10vw)) [content-end] 5vw [break-end] auto [page-end];
	background-color: #F9F9F9;
	container-name: main-layout;
	container-type: inline-size;
}

	main > header[b-tx7401i5gm] {
		grid-column: page;
		display: grid;
		grid-template-columns: inherit;
		background-color: white;
		border-bottom: var(--border-light);
	}

		main > header > *[b-tx7401i5gm] {
			grid-column: content;
		}

	main .page-content[b-tx7401i5gm] {
		--max-width: unset;
		grid-column: content;
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--layout-gap);
		container-name: Page-content;
		container-type: inline-size;
	}

		main .page-content .form-container[b-tx7401i5gm] {
			display: flex;
			flex-direction: column;
			gap: var(--layout-gap);
		}

		main .page-content section:not(.container-item-pdf):not(.container-item-final-buttons)[b-tx7401i5gm] {
			background-color: white;
			border-radius: .6rem;
			border: 1px solid rgba(0,0,0,.2);
			box-shadow: 0 0 15px rgba(0,0,0,.2);
			container-type: inline-size;
			gap: 0;
		}

			main .page-content section:not(.container-item-pdf):not(.container-item-final-buttons) > div[b-tx7401i5gm] {
				padding: 2rem;
			}

	main .pdf-container[b-tx7401i5gm] {
		display: none;
	}

.form-block-container[b-tx7401i5gm] {
	display: flex;
	gap: 15px;
	flex-direction: column;
	container-type: inline-size;
}

	.form-block-container:has(.custom-select button[aria-expanded])[b-tx7401i5gm] {
		z-index: 2;
	}

.form[b-tx7401i5gm] {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* -------------------- TABLE -------------------- */

table[b-tx7401i5gm] {
	width: 100%;
	border-collapse: collapse;
}

	table th[b-tx7401i5gm], table td[b-tx7401i5gm] {
		border: 1px solid #ddd;
		padding: 8px;
		text-align: left;
	}

	table thead[b-tx7401i5gm] {
		display: table-header-group;
		background-color: #f2f2f2;
	}

	table + ul[b-tx7401i5gm] {
		display: table;
		width: 100%;
		padding: 0;
		margin: 0;
	}

		table + ul li[b-tx7401i5gm] {
			display: table-row;
			list-style: none;
		}

			table + ul li tr[b-tx7401i5gm] {
				display: table-row;
			}

			table + ul li td[b-tx7401i5gm], table + ul li th[b-tx7401i5gm] {
				display: table-cell;
				padding: 8px;
				border: 1px solid #ddd;
			}

			table + ul li .indexCol[b-tx7401i5gm] {
				text-align: center;
			}

			table + ul li .deb-checkbox[b-tx7401i5gm] {
				display: block;
				margin: auto;
			}

/* -------------------- AttachmentCreateOrEditForm -------------------- */

.upload[b-tx7401i5gm] {
	width: unset;
}

	.upload label[b-tx7401i5gm] {
		margin: 0;
	}

/* -------------------- Form buttons -------------------- */

.form-buttons[b-tx7401i5gm] {
	display: flex;
	justify-content: space-between;
	gap: 5px;
	padding: 0 0 2rem 0;
}

	.form-buttons .buttons[b-tx7401i5gm] {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
		height: fit-content;
		justify-content: flex-end;
	}

		.form-buttons .buttons button[b-tx7401i5gm] {
			min-width: fit-content;
			flex: 1 !important;
		}

/* -------------------- pdf Form buttons -------------------- */

.pdf-buttons[b-tx7401i5gm] {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

	.pdf-buttons .button-top[b-tx7401i5gm] {
		display: flex;
		justify-content: space-between;
		gap: 5px;
		flex-wrap: wrap;
	}

		.pdf-buttons .button-top > *[b-tx7401i5gm] {
			display: flex;
			justify-content: space-between;
			gap: 5px;
		}

	.pdf-buttons .status[b-tx7401i5gm] {
		--status-color: #ccc;
		color: var(--dark-color, #020202);
		padding: .8rem 1.2rem;
		border-radius: .6rem;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--status-color);
		line-height: normal;
	}

	.pdf-buttons .open[b-tx7401i5gm] {
		--status-color: #FFD874;
	}

	.pdf-buttons .expired[b-tx7401i5gm] {
		--status-color: #FF7474;
	}

	.pdf-buttons .confirmed[b-tx7401i5gm] {
		--status-color: #87FF74;
	}

	.pdf-buttons .Superuser-button button[b-tx7401i5gm] {
		all: initial;
		cursor: pointer;
		height: calc(1lh + .8rem + .8rem);
		width: calc(1lh + .8rem + .8rem);
		background-color: #FFC3F2;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: .6rem;
	}

		.pdf-buttons .Superuser-button button:hover[b-tx7401i5gm] {
			background-color: #EAA8DC;
		}


		.pdf-buttons .Superuser-button button svg[b-tx7401i5gm] {
			height: calc(1lh + .5rem);
			width: auto;
		}

/* -------------------- Pdf -------------------- */

.pdf-content-container[b-tx7401i5gm] {
	--spaceing-top: 1rem;
	--spaceing-right: 2rem;
	--spaceing-bottom: 1rem;
	--height: auto;
	position: sticky;
	top: 0;
	/*	
		Old styling for life pdf update
		padding: var(--spaceing-top) var(--spaceing-right) var(--spaceing-bottom) var(--spaceing-left);
		margin: 0 calc(-1 * var(--spaceing-right)) 0 calc(-1 * var(--spaceing-left));
	*/
	padding: var(--spaceing-top) var(--spaceing-right) var(--spaceing-bottom) 0;
	margin: calc(-1 * var(--spaceing-top)) calc(-1 * var(--spaceing-right)) calc(-1 * var(--spaceing-bottom)) 0;
	overflow-y: auto;
	height: var(--height);
	max-height: 100vh;
	max-height: 100svh;
	filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.25));
}

	/*
		mogelijke fix als pdf jitterd on page scroll 
		
		.get-dynamic-height-to-bottom-screen {
		height: var(--height);
		position: sticky;
		top: 0;
		}
	*/

	.pdf-content-container[b-tx7401i5gm]::-webkit-scrollbar {
		width: 7px;
	}

	.pdf-content-container[b-tx7401i5gm]::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
		margin-top: var(--spaceing-top);
		margin-bottom: var(--spaceing-bottom);
	}

	.pdf-content-container[b-tx7401i5gm]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		.pdf-content-container[b-tx7401i5gm]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}

.pdf-container[b-tx7401i5gm] {
	--a4-base-with: 169mm;
}

@container Table-container (width < 95rem) {
	table thead[b-tx7401i5gm] {
		display: none;
	}

	table tbody tr[b-tx7401i5gm] {
		display: grid;
		grid-template-columns: 32rem 1fr;
		column-gap: 2rem;
		max-width: 80rem;
		border: 1px solid rgba(0,0,0,.2);
		border-radius: .6rem;
		overflow: hidden;
		margin-bottom: 1rem;
	}

	table tbody td[data-label][b-tx7401i5gm]::before {
		content: attr(data-label);
		display: block;
		font-weight: 600;
		text-align: left;
	}

	table tbody tr td.TableIndexNumber[b-tx7401i5gm] {
		display: grid;
		grid-auto-flow: column;
		grid-template-columns: auto 1fr;
		column-gap: 1rem;
		grid-column: span 2;
		background-color: rgba(0,0,0,.1);
		padding: 1rem 2rem;
		margin-bottom: 1rem;
	}

	table tbody tr td:not(.TableIndexNumber)[b-tx7401i5gm] {
		padding: .6rem 2rem;
		position: relative;
		grid-column: span 2;
		display: grid;
		grid-template-columns: subgrid;
		align-items: center;
	}

	table tbody td input[b-tx7401i5gm],
	table tbody td button[b-tx7401i5gm] {
		padding: 1rem !important;
	}

	table .TableDelete div:has( > button)[b-tx7401i5gm] {
		grid-column: 2/3;
		margin-bottom: 1rem;
	}

	table .TableDelete button[b-tx7401i5gm] {
		margin-left: auto;
		background-color: #FB8484;
		border-radius: .6rem;
		padding: .8rem 1.2rem;
	}

		table .TableDelete button:is(:hover, :focus) svg path[b-tx7401i5gm] {
			fill: black;
		}

		table .TableDelete button:is(:hover, :focus)[b-tx7401i5gm] {
			background-color: #F95151;
		}

		table .TableDelete button[b-tx7401i5gm]::before {
			content: attr(data-label);
			display: block;
			text-align: left;
		}

	table tfoot[b-tx7401i5gm] {
		display: grid;
		grid-template-columns: 1fr auto auto;
		max-width: 80rem;
	}

		table tfoot tr[b-tx7401i5gm] {
			display: grid;
			grid-column: span 3;
			grid-template-columns: subgrid;
		}

			table tfoot tr.rows-newline[b-tx7401i5gm] {
				border: none !important;
			}

			table tfoot tr td[b-tx7401i5gm] {
				display: grid;
				height: calc(1lh + 1rem + .8rem + 1rem + .8rem);
				align-items: center;
			}

			table tfoot tr:not(:nth-child(1)) td:nth-child(1)[b-tx7401i5gm] {
				grid-column: 2/3;
			}

			table tfoot tr:not(:nth-child(1)) td:nth-child(2)[b-tx7401i5gm] {
				grid-column: 3/4;
			}

	@media (prefers-reduced-motion: no-preference) {
		table .TableDelete button[b-tx7401i5gm] {
			transition: background-color .3s ease-in-out;
		}
	}
}

@container Table-container (width < 67rem) {
	table tbody tr[b-tx7401i5gm] {
		grid-template-columns: 1fr 1fr;
	}
}

@container Table-container (width < 45rem) {
	table tbody tr[b-tx7401i5gm] {
		grid-template-columns: 1fr;
	}

		table tbody tr td.TableIndexNumber[b-tx7401i5gm] {
			grid-column: span 1;
		}

		table tbody tr td:not(.TableIndexNumber)[b-tx7401i5gm] {
			grid-column: span 1;
			row-gap: .5rem;
		}

	table tbody .TableTotalAmount input[b-tx7401i5gm] {
		text-align: left
	}

	table tfoot[b-tx7401i5gm] {
		grid-template-rows: auto auto;
		grid-template-columns: auto auto;
	}

		table tfoot tr[b-tx7401i5gm] {
			grid-column: span 2;
		}

			table tfoot tr:nth-child(1) td:nth-child(1)[b-tx7401i5gm] {
				grid-row: 1/2;
				grid-column: 1/3;
			}

			table tfoot tr:nth-child(1) td:nth-child(2)[b-tx7401i5gm] {
				grid-row: 2/3;
				grid-column: 1/2;
			}

			table tfoot tr:nth-child(1) td:nth-child(3)[b-tx7401i5gm] {
				grid-row: 2/3;
				grid-column: 2/3;
			}

			table tfoot tr:not(:nth-child(1)) td:nth-child(1)[b-tx7401i5gm] {
				grid-column: 1/2;
			}

			table tfoot tr:not(:nth-child(1)) td:nth-child(2)[b-tx7401i5gm] {
				grid-column: 2/3;
			}

			table tfoot tr td:not(:nth-last-child(1))[b-tx7401i5gm] {
				text-align: left;
			}
}

@container main-layout (width > 130rem) {
	main .page-content[b-tx7401i5gm] {
		grid-template-columns: 100rem 1fr;
	}
}

@container Page-content (width > 145rem) {
	main .pdf-container[b-tx7401i5gm] {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	main .invoice-type[b-tx7401i5gm] {
		display: grid;
	}

	main .container-item-pdf[b-tx7401i5gm] {
		grid-area: pfd;
		display: flex;
		flex-direction: column;
		gap: 3rem;
		height: 100%;
	}
}

@media (min-width: 1920px) {
	main[b-tx7401i5gm] {
		grid-template-columns: [page-start] auto [break-start] 5vw [content-start] minmax(0, 1920px) [content-end] 5vw [break-end] auto [page-end];
	}
}

.height-container[b-tx7401i5gm] {
	display: flex;
	flex-direction: column;
}

	.height-container .expander .new-layout-container[b-tx7401i5gm] {
		margin-top: 1rem;
	}


main.container[b-tx7401i5gm] {
	grid-template-rows: auto 1fr;
}

/*.page-content ::deep > div{
	gap: unset;
}*/

[b-tx7401i5gm] .page-content .accordion,
[b-tx7401i5gm] .page-content .accordion .accordion-tabs,
[b-tx7401i5gm] .page-content .accordion .form-inline {
	background: none;
	margin-top: 0;
	padding-top: 0;
}

main .page-content > div[b-tx7401i5gm] {
	padding-top: 3rem;
}
/* _content/Dbo365.Debiteuren/Views/Anomaly/OverviewCustomerComponent.razor.rz.scp.css */
[b-tebv65fxpx] .table-responsive {
	overflow: unset !important;
}

section[b-tebv65fxpx] {
	display: flex;
	flex-direction: column;
	padding: 0;
	gap: 2rem;
}

	section > *[b-tebv65fxpx] {
		padding: 0 5%;
	}

		section > *:nth-child(1)[b-tebv65fxpx] {
			padding-bottom: 3rem;
		}

		section > *:not(:nth-last-child(1))[b-tebv65fxpx] {
			border-bottom: 1px solid #ccc;
		}

h3[b-tebv65fxpx] {
	border: unset;
}

[b-tebv65fxpx] .custom-select {
	max-width: unset;
	min-width: unset;
}

.periode[b-tebv65fxpx] {
	container-type: inline-size;
}

.numbers-container[b-tebv65fxpx] {
	padding-bottom: 2rem;
}

.numbers-container h3[b-tebv65fxpx] {
	border: unset;
	padding: unset;
	margin: unset;
}

.numbers[b-tebv65fxpx]{
	display: grid;
	grid-template-columns: auto 1fr;
	width: fit-content;
	column-gap: 3rem;
	row-gap: 1rem;
	padding: 0;
}

.numbers > *[b-tebv65fxpx]{
	display: grid;
	grid-template-columns: subgrid;
	grid-column: span 2;
}




.options[b-tebv65fxpx] {
	display: flex;
	gap: 1.5rem;
	padding-bottom: 2rem;
	flex-direction: column;
}

.table-container[b-tebv65fxpx] {
	width: 100%;
	overflow-x: auto;
}

table[b-tebv65fxpx] {
	border: none;
}

	table thead[b-tebv65fxpx],
	table tbody tr:not(:nth-last-child(1))[b-tebv65fxpx] {
		border-bottom: 1px solid #ccc;
	}

	table tr[b-tebv65fxpx] {
		background-color: unset;
	}

	table tbody tr:hover[b-tebv65fxpx] {
		background-color: #f2f2f2;
	}


.no-data[b-tebv65fxpx] {
	color: red;
	border: none;
	white-space: nowrap;
}

.dropdown-container[b-tebv65fxpx] {
	flex-direction: column;
	align-items: unset;
	min-width: unset;
	width: 100%;
	gap: 1rem;
	display: flex;
}


[b-tebv65fxpx] .SelectDropDown-label {
	display: contents;
}



@media (hover : hover) and (pointer : fine) {
	.table-container[b-tebv65fxpx]::-webkit-scrollbar {
		width: 7px;
		height: 7px;
	}

	.table-container[b-tebv65fxpx]::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	.table-container[b-tebv65fxpx]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		.table-container[b-tebv65fxpx]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

@container (min-width: 500px) {
	.periode .dropdown-container[b-tebv65fxpx] {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

		.periode .dropdown-container[b-tebv65fxpx] {
			width: fit-content;
		}

		.periode .dropdown-container[b-tebv65fxpx]  .custom-select {
			min-width: 200px;
		}
}


@media screen and (min-width: 650px) {
	.options[b-tebv65fxpx] {
		flex-direction: row !important;
	}

		.options .dropdown-container[b-tebv65fxpx] {
			flex-direction: column;
			align-items: unset;
			width: fit-content;
		}

			.options .dropdown-container:nth-child(1)[b-tebv65fxpx]  .custom-select {
				min-width: 200px;
			}

			.options .dropdown-container:nth-child(2)[b-tebv65fxpx]  .custom-select {
				min-width: 350px;
			}
}

@media screen and (min-width: 800px) {
	.options .dropdown-container[b-tebv65fxpx] {
		flex-direction: row !important;
		align-items: center !important;
	}
}


[b-tebv65fxpx] .deb-explanation-text {
	white-space: pre-line;
	left: 0;
}
/* _content/Dbo365.Debiteuren/Views/Article/UpdatePrice.razor.rz.scp.css */
[b-uheobvkq24] .custom-select
{
	width: 90%;
}
/* _content/Dbo365.Debiteuren/Views/Attachment/AttachmentCreateOrEditForm.razor.rz.scp.css */
div.form[b-lwdhslzpmx] {
	container-type: inline-size;
}
/* _content/Dbo365.Debiteuren/Views/BankStatementRecord/Blacklist.razor.rz.scp.css */
p[b-113bmwgpu2]{
	padding: 0;
	margin: 0;
	line-height: normal;
}

main[b-113bmwgpu2]{
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding: 2rem 0;
}

main > div[b-113bmwgpu2]{
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

ul[b-113bmwgpu2] {
	display: flex;
	flex-direction: column;
}

li[b-113bmwgpu2] {
	display: grid;
	grid-template-columns: 1fr auto;
}

li:not(:nth-last-child(1))[b-113bmwgpu2] {
	margin-bottom: .5rem;
}

	li p[b-113bmwgpu2] {
		padding: .8rem 0;
	}
/* _content/Dbo365.Debiteuren/Views/BankStatementRecord/Hidden.razor.rz.scp.css */
body[b-em96s22ua5] {
}
/* _content/Dbo365.Debiteuren/Views/BankStatementRecord/Index.razor.rz.scp.css */
h1[b-grdnmjrx4s],
h2[b-grdnmjrx4s],
h3[b-grdnmjrx4s],
p[b-grdnmjrx4s],
a[b-grdnmjrx4s] {
	padding: 0;
	margin: 0;
	line-height: normal;
	border: none;
	color: black;
}

main[b-grdnmjrx4s] {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	container-name: main;
	container-type: inline-size;
	margin-bottom: 2rem;
}

.nothing-found-message[b-grdnmjrx4s] {
	text-wrap: nowrap;
	white-space: nowrap;
	width: 100%;
	margin-bottom: 2rem;
	text-align: center;
}

.table-container[b-grdnmjrx4s] {
	--table-container-spacing: 2rem;
	display: flex;
	flex-direction: column;
	background-color: white;
	margin-top: 4rem;
	border-radius: .6rem;
	box-shadow: 0 4px 15px rgba(0,0,0,0.2);
	border: 1px solid rgba(0,0,0,.2);
	container-name: table-container;
	container-type: inline-size;
}

	.table-container header[b-grdnmjrx4s] {
		padding: 2rem var(--table-container-spacing);
		display: grid;
		grid-template-columns: 3fr 1fr;
		column-gap: 2rem;
		row-gap: 1rem;
		justify-content: space-between;
		border-bottom: 1px solid rgba(0,0,0,.2);
	}

		.table-container header .button-container[b-grdnmjrx4s] {
			grid-column: 1/3;
			grid-row: 2/3;
			margin: 0;
			display: flex;
			flex-wrap: wrap;
			container-type: inline-size;
			width: unset;
		}

			.table-container header .button-container[b-grdnmjrx4s]  button {
				border-color: rgba(0,0,0,.2);
				padding: .8rem 1.2rem;
			}

		.table-container header[b-grdnmjrx4s]  .search-container:focus-within {
			outline: auto;
		}

	.table-container .table-top[b-grdnmjrx4s] {
		display: flex;
		flex-direction: column;
		gap: .5rem;
	}

[b-grdnmjrx4s] .search-container {
	height: fit-content;
	min-height: 4.1rem;
}

/* --------------------- table --------------------- */
table[b-grdnmjrx4s] {
	border: none;
	line-height: normal;
	margin: 0;
	margin-top: 1rem;
}

	table[b-grdnmjrx4s],
	table tr[b-grdnmjrx4s],
	table tr td[b-grdnmjrx4s],
	table tr th[b-grdnmjrx4s] {
		background-color: transparent;
		border: none;
	}

		table tbody tr.main-row[b-grdnmjrx4s] {
			border-bottom: 1px solid rgba(0,0,0,.2);
		}

			table tbody tr.main-row.last-main-row[b-grdnmjrx4s] {
				border-bottom: none;
			}

				table tbody tr.main-row.last-main-row ~ tr.expand-item-row .dropdown-items[b-grdnmjrx4s] {
					border-bottom: none;
					border-top: 1px solid rgba(0,0,0,.2);
				}

@media (pointer: fine) and (hover: hover) {
	table tbody tr:hover[b-grdnmjrx4s] {
		background-color: rgba(0,0,0,.05);
	}
}

table td:nth-child(1)[b-grdnmjrx4s],
table th:nth-child(1)[b-grdnmjrx4s] {
	padding-left: var(--table-container-spacing);
	border: none;
}

table[b-grdnmjrx4s]  td:nth-last-child(1),
table[b-grdnmjrx4s]  th:nth-last-child(1) {
	padding-right: var(--table-container-spacing);
	border: none;
}

table thead[b-grdnmjrx4s] {
	background-color: white;
	position: sticky;
	top: 106px;
	z-index: 2;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

	table thead th[b-grdnmjrx4s] {
		padding-top: 1.5rem;
		padding-bottom: 1rem;
	}

		table thead th.Debtor[b-grdnmjrx4s],
		table thead th.Invoice[b-grdnmjrx4s] {
			padding-left: 1.4rem;
			padding-right: 1.4rem;
		}

table tfoot[b-grdnmjrx4s] {
	border-top: 1px solid rgba(0, 0, 0, .2);
}

table tfoot td[b-grdnmjrx4s]{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

th.Match[b-grdnmjrx4s] {
	padding-left: calc(.6rem + 1.2rem);
	padding-right: calc(.6rem + 1.2rem);
}

.Dropdown-toggle[b-grdnmjrx4s] {
	width: 0;
}

	.Dropdown-toggle button[b-grdnmjrx4s] {
		all: revert;
		background-color: transparent;
		border: 1px solid transparent;
		padding: .8rem;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}

		.Dropdown-toggle button[b-grdnmjrx4s]  svg {
			height: 1lh;
			width: auto;
		}

		.Dropdown-toggle button.open[b-grdnmjrx4s]  svg {
			transform: rotate(90deg);
		}

.Date[b-grdnmjrx4s] {
	width: 0;
}

td a[b-grdnmjrx4s] {
	color: black;
	padding: .8rem;
	display: flex;
	align-items: center;
	cursor: pointer;
	outline-offset: -1px;
	text-decoration: underline;
	text-underline-offset: .4rem;
}


.Debtor[b-grdnmjrx4s] {
	width: 0;
}

	.Debtor[b-grdnmjrx4s]  a {
		justify-content: center;
	}

.AccountHolder[b-grdnmjrx4s] {
	width: 30ch;
	text-wrap: wrap;
}

.Amount[b-grdnmjrx4s],
.Open[b-grdnmjrx4s] {
	width: 0;
}

.Reference[b-grdnmjrx4s] {
	max-width: 30ch;
	text-overflow: ellipsis;
	overflow: hidden;
}

.Match[b-grdnmjrx4s],
.Hidden[b-grdnmjrx4s],
.BlackList[b-grdnmjrx4s],
.RFRefound[b-grdnmjrx4s] {
	width: 0;
	text-align: center;
}

td button[b-grdnmjrx4s] {
	all: revert;
	padding: .8rem 1.2rem;
	border-radius: .3rem;
	cursor: pointer;
}

.Match-button[b-grdnmjrx4s] {
	border: 1px solid #D1F951;
	background-color: #D1F951;
}

	.Match-button:is(:hover, :focus)[b-grdnmjrx4s] {
		border-color: #98C507;
		background-color: #98C507;
	}

.Hide-button[b-grdnmjrx4s] {
	white-space: nowrap;
	background-color: transparent;
	padding: .8rem 1.2rem;
	border: 1px solid rgba(0,0,0,.3);
}

	.Hide-button:is(:hover, :focus)[b-grdnmjrx4s] {
		border-color: rgba(0,0,0,.7);
	}

.Blacklist-button[b-grdnmjrx4s] {
	background-color: black;
	border: 1px solid black;
	color: white;
}

	.Blacklist-button:is(:hover, :focus)[b-grdnmjrx4s] {
		background-color: #555555;
		border-color: #555555;
	}

.RFPaybackButton[b-grdnmjrx4s] {
	white-space: nowrap;
	background-color: transparent;
	padding: .8rem 1.2rem;
	border: 1px solid rgba(0,0,0,.3);
}

	.RFPaybackButton:is(:hover, :focus)[b-grdnmjrx4s] {
		border-color: rgba(0,0,0,.7);
	}

.PSD2[b-grdnmjrx4s],
.Blacklist[b-grdnmjrx4s] {
	width: 0;
}

.expand-item-row[b-grdnmjrx4s] {
	border: unset;
}

	.expand-item-row td[b-grdnmjrx4s] {
		padding: 0 !important;
	}

.dropdown-items[b-grdnmjrx4s] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	padding: .5rem var(--table-container-spacing) .5rem calc(var(--table-container-spacing) + 1lh + (.8rem * 2) + (.6rem * 2));
	border-bottom: 1px solid rgba(0,0,0,.2);
}

	.dropdown-items > p[b-grdnmjrx4s] {
		display: grid;
		grid-template-columns: 32rem 1fr;
		align-items: center;
	}

		.dropdown-items > p > *:nth-last-child(1)[b-grdnmjrx4s] {
			text-align: left;
			width: fit-content;
			padding: .8rem;
		}

.button-container[b-grdnmjrx4s] {
	margin: 2rem 0;
	display: flex;
	gap: .5rem;
}

.bank-statement-records-checkmarks[b-grdnmjrx4s] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 2rem;
	row-gap: .5rem;
}

	.bank-statement-records-checkmarks > *[b-grdnmjrx4s] {
		display: flex;
		align-items: center;
		gap: 1rem;
		justify-content: space-between;
		border: 1px solid rgba(0,0,0,.2);
		padding: .5rem 1.2rem;
		border-radius: .6rem;
	}

	.bank-statement-records-checkmarks[b-grdnmjrx4s]  svg {
		height: 1lh;
		width: auto;
		line-height: normal;
		fill: black;
	}

		.bank-statement-records-checkmarks[b-grdnmjrx4s]  svg path {
			fill: inherit;
		}

		.bank-statement-records-checkmarks[b-grdnmjrx4s]  svg.Checkmark {
			fill: green;
		}

		.bank-statement-records-checkmarks[b-grdnmjrx4s]  svg.Cross {
			fill: red;
		}

@media (prefers-reduced-motion: no-preference) {
	.Dropdown-toggle button[b-grdnmjrx4s]  svg {
		transition: transform .3s ease-in-out;
	}

	.Match-button[b-grdnmjrx4s] {
		transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
	}

	.Hide-button[b-grdnmjrx4s] {
		transition: border .3s ease-in-out;
	}

	.Blacklist-button[b-grdnmjrx4s] {
		transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
	}

	.RFPaybackButton[b-grdnmjrx4s] {
		transition: border .3s ease-in-out;
	}
}
/* -------------------- dialog -------------------- */
:: deep .title-bar-wrapper[b-grdnmjrx4s] {
	margin-bottom: 1rem;
	height: fit-content;
	align-items: center;
}

	[b-grdnmjrx4s] .title-bar-wrapper h1 {
		color: black;
		margin: 0;
		padding: 0;
		line-height: normal;
	}

	[b-grdnmjrx4s] .title-bar-wrapper button {
		all: revert;
		height: fit-content;
		width: fit-content;
		padding: 1rem;
		border: none;
		background-color: transparent;
		border-radius: .6rem;
		display: grid;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}

		[b-grdnmjrx4s] .title-bar-wrapper button:is(:hover, :focus) {
			background-color: transparent;
		}

		[b-grdnmjrx4s] .title-bar-wrapper button svg {
			height: 1lh;
			width: auto;
			line-height: normal;
		}

			[b-grdnmjrx4s] .title-bar-wrapper button svg path {
				fill: rgba(0,0,0,.2);
			}

		[b-grdnmjrx4s] .title-bar-wrapper button:is(:hover, :focus) svg path {
			fill: rgba(0,0,0,.7);
		}

[b-grdnmjrx4s] dialog .modal-text {
	margin-bottom: 3rem;
	line-height: normal;
}

@container table-container (width < 142rem) {
	.table-container header[b-grdnmjrx4s] {
		grid-template-columns: 2fr 1fr !important;
	}

	th.Debtor[b-grdnmjrx4s],
	td.Debtor[b-grdnmjrx4s] {
		display: none;
	}

	th.Name[b-grdnmjrx4s],
	td.Name[b-grdnmjrx4s] {
		display: none;
	}

	th.Invoice[b-grdnmjrx4s],
	td.Invoice[b-grdnmjrx4s] {
		display: none;
	}
}

@container table-container (width > 142rem) {
	p.Debtor[b-grdnmjrx4s],
	p.Name[b-grdnmjrx4s],
	p.Invoice[b-grdnmjrx4s]{
		display: none;
	}
}

@container table-container (width < 113rem) {
	table[b-grdnmjrx4s] {
		margin: 0 !important;
	}

	thead[b-grdnmjrx4s] {
		display: none;
	}

	.main-row[b-grdnmjrx4s] {
		display: flex;
		flex-wrap: wrap;
		padding: 1rem 3rem;
		align-items: center;
		position: relative;
	}

		.main-row td[b-grdnmjrx4s] {
			width: 100%;
		}

			.main-row td a[b-grdnmjrx4s] {
				margin: -.8rem;
			}

			.main-row td.Dropdown-toggle[b-grdnmjrx4s] {
				position: absolute;
				top: 0;
				right: 0;
				width: fit-content;
				padding: 0;
			}

				.main-row td.Dropdown-toggle button[b-grdnmjrx4s] {
					padding: 1.5rem;
				}

			.main-row td.Date[b-grdnmjrx4s],
			.main-row td.AccountHolder[b-grdnmjrx4s],
			.main-row td.Amount[b-grdnmjrx4s],
			.main-row td.Open[b-grdnmjrx4s],
			.main-row td.Reference[b-grdnmjrx4s],
			.main-row[b-grdnmjrx4s]  td.PSD2,
			.dropdown-items > p[b-grdnmjrx4s] {
				display: grid;
				grid-template-columns: 32rem 1fr;
				column-gap: 2rem;
				row-gap: .5rem;
				align-items: center;
				width: 100%;
				overflow: unset;
				max-width: unset;
				white-space: unset;
			}

			.main-row td.Match[b-grdnmjrx4s],
			.main-row td.Hidden[b-grdnmjrx4s],
			.main-row td.Blacklist[b-grdnmjrx4s],
			.main-row td.RFPaybackButton[b-grdnmjrx4s] {
				width: fit-content;
			}

			.main-row td:empty[b-grdnmjrx4s] {
				display: none;
			}

			.main-row td a[b-grdnmjrx4s],
			.main-row td button[b-grdnmjrx4s] {
				width: fit-content;
			}

			.main-row td.Date[b-grdnmjrx4s]::before,
			.main-row td.AccountHolder[b-grdnmjrx4s]::before,
			.main-row td.Amount[b-grdnmjrx4s]::before,
			.main-row td.Open[b-grdnmjrx4s]::before,
			.main-row[b-grdnmjrx4s]  td.PSD2::before,
			.main-row td.Reference[b-grdnmjrx4s]::before {
				content: attr(data-label);
				font-weight: 600;
				width: fit-content;
			}

		.main-row[b-grdnmjrx4s]  td.PSD2 > * {
			display: grid;
		}

	.dropdown-items[b-grdnmjrx4s] {
		padding: 1rem 3rem;
	}
}

@container table-container (width < 85rem) {
	.table-container header[b-grdnmjrx4s] {
		grid-template-columns: 1fr !important;
	}

		.table-container header .button-container[b-grdnmjrx4s] {
			grid-column: 1/2;
			grid-row: 3/4;
			flex-wrap: wrap;
		}
}

@container table-container (width < 70rem) {
	.main-row td.Date[b-grdnmjrx4s],
	.main-row td.AccountHolder[b-grdnmjrx4s],
	.main-row td.Amount[b-grdnmjrx4s],
	.main-row td.Open[b-grdnmjrx4s],
	.main-row td.Reference[b-grdnmjrx4s],
	.main-row[b-grdnmjrx4s]  td.PSD2,
	.dropdown-items > p[b-grdnmjrx4s] {
		grid-template-columns: minmax(15rem, 1fr) 2fr;
	}
}

@container table-container (width < 50rem) {
	.main-row[b-grdnmjrx4s],
	.dropdown-items[b-grdnmjrx4s] {
		padding: 1rem 2rem;
	}

		.main-row td.Match button[b-grdnmjrx4s],
		.main-row td.Hidden button[b-grdnmjrx4s],
		.main-row td.Blacklist button[b-grdnmjrx4s],
		.main-row td.RFPaybackButton button[b-grdnmjrx4s] {
			width: 100%;
			text-align: left;
		}
}

@container table-container (width < 45rem) {
	.main-row td.Date[b-grdnmjrx4s],
	.main-row td.AccountHolder[b-grdnmjrx4s],
	.main-row td.Amount[b-grdnmjrx4s],
	.main-row td.Open[b-grdnmjrx4s],
	.main-row td.Reference[b-grdnmjrx4s],
	.main-row[b-grdnmjrx4s]  td.PSD2,
	.dropdown-items > p[b-grdnmjrx4s] {
		grid-template-columns: 1fr;
	}
}

@container main (width > 50rem) {
	.table-container[b-grdnmjrx4s] {
		--table-container-spacing: 3rem;
	}
}


/* -------------------- modal / dialog -------------------- */
[b-grdnmjrx4s] .modal-container dialog {
	height: 100%;
	display: grid;
	grid-template-rows: auto auto 1fr auto;
	background-color: white;
	border-radius: 0;
}

.pagination-container[b-grdnmjrx4s] {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	justify-content: space-between;
}

.page-select[b-grdnmjrx4s] {
	display: flex;
	gap: 1rem;
}
/* _content/Dbo365.Debiteuren/Views/BankStatementRecord/Match.razor.rz.scp.css */
h1[b-pum3zahlkk],
h2[b-pum3zahlkk],
h3[b-pum3zahlkk],
p[b-pum3zahlkk],
a[b-pum3zahlkk] {
	padding: 0;
	margin: 0;
	line-height: normal;
	border: none;
	color: black;
	text-align: left;
}

main[b-pum3zahlkk] {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	container-name: main;
	container-type: inline-size;
	margin-bottom: 2rem;
	padding: 2rem 0;
}

	main section[b-pum3zahlkk] {
		padding: 2rem;
		background-color: white;
		border: 1px solid rgba(0,0,0,.2);
		box-shadow: 0 0 4px rgba(0,0,0,.2);
		border-radius: .6rem;
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

		main section > header[b-pum3zahlkk] {
			display: flex;
			flex-direction: column;
			gap: .5rem;
		}

		main section > footer[b-pum3zahlkk] {
			display: flex;
			flex-direction: column;
			gap: 1rem;
		}

		main section > footer > div[b-pum3zahlkk] {
			display: flex;
			gap: 2rem;
			justify-content: space-between;
			flex-wrap: wrap;
		}

.smart-matching[b-pum3zahlkk] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

	.smart-matching header[b-pum3zahlkk] {
		display: flex;
		flex-direction: column;
		gap: .5rem;
	}

.form-inline[b-pum3zahlkk] {
	margin: 0;
}

.button-container[b-pum3zahlkk] {
	display: flex;
	gap: 1rem;
}

[b-pum3zahlkk] .new-layout .search-sub-label {
	display: flex;
	gap: 1rem;
	align-items: center;
	white-space: nowrap;
	font-weight: 400;
	width: fit-content;
	line-height: normal;
}

[b-pum3zahlkk] .new-layout {
	max-width: 100rem;
}

/* -------------------- table -------------------- */

[b-pum3zahlkk] table,
[b-pum3zahlkk] table thead,
[b-pum3zahlkk] table tbody,
[b-pum3zahlkk] table tfoot,
[b-pum3zahlkk] table tr,
[b-pum3zahlkk] table tr td,
[b-pum3zahlkk] table tr th {
	background-color: transparent;
	--main-color: transparent;
	line-height: normal;
}

[b-pum3zahlkk] table {
	border: none;
	margin: 0;
}

	[b-pum3zahlkk] table thead th,
	[b-pum3zahlkk] table tbody td,
	[b-pum3zahlkk] table tfoot td {
		padding: 1.5rem .6rem;
	}

		[b-pum3zahlkk] table thead th:has(a),
		[b-pum3zahlkk] table tbody td:has(a),
		[b-pum3zahlkk] table tfoot td:has(a) {
			padding: .7rem .6rem;
		}

	[b-pum3zahlkk] table tbody tr {
		outline-offset: -1px;
	}

		[b-pum3zahlkk] table tbody tr:hover {
			background-color: rgba(0,0,0,.05);
		}

		[b-pum3zahlkk] table tbody tr.selected {
			background-color: rgba(0,0,0,.1);
		}

[b-pum3zahlkk] tfoot .AllocateAmount {
	padding-left: calc(0.6rem + 1rem);
	padding-right: calc(0.6rem + 1rem);
}

[b-pum3zahlkk] table td.Invoice-status {
	padding: .5rem .6rem;
	width: 0;
}

	[b-pum3zahlkk] table .Due {
		place-items: center;
		width: 0;
	}

	[b-pum3zahlkk] table .deb-checkbox {
		padding: 1rem .6rem;
	}

[b-pum3zahlkk] .AllocateAmount {
	padding: 0 .6rem;
}

[b-pum3zahlkk] tfoot .AllocateAmount {
	padding: 0 calc(.6rem + .5rem);
}

[b-pum3zahlkk] table .automatic-play {
	width: 0;
}

	[b-pum3zahlkk] table .automatic-play > span {
		display: flex;
	}

	[b-pum3zahlkk] table .automatic-play svg {
		height: 1lh;
		width: auto;
	}

[b-pum3zahlkk] table .deb-checkbox {
	width: 0;
}

[b-pum3zahlkk] table tfoot td {
	color: black;
}
/* -------------------- dialog -------------------- */

[b-pum3zahlkk] .modal-container dialog {
	--dialog-padding: 5vw;
	display: grid;
	grid-template-columns: 1fr auto;
	background-color: white;
	padding: 0;
	max-width: unset;
	border-radius: unset;
	max-height: 60vh;
	height: 45vh;
	grid-template-rows: auto auto 1fr;
}

	[b-pum3zahlkk] .modal-container dialog > .title-bar-wrapper {
		position: sticky;
		top: 0;
		padding: 2rem 1rem 2rem var(--dialog-padding);
		background-color: inherit;
		z-index: 3;
	}

	[b-pum3zahlkk] .modal-container dialog > .modal-main {
		padding: 0 var(--dialog-padding) 2rem var(--dialog-padding);
	}

	[b-pum3zahlkk] .modal-container dialog > .dialog-modal-bottom {
		position: sticky;
		top: 0;
		padding: 2rem var(--dialog-padding) 1rem 1rem;
		background-color: inherit;
		z-index: 3;
	}

/* -------------------- modal-top --------------------*/

[b-pum3zahlkk] .title-bar-wrapper {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

	[b-pum3zahlkk] .title-bar-wrapper h1 {
		color: black;
		margin: 0;
		padding: 0;
		line-height: normal;
	}

/* -------------------- modal-middle --------------------*/

.modal-main[b-pum3zahlkk] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	grid-column: span 2;
	margin: 0;
	padding: 1rem 0 0 0;
}

[b-pum3zahlkk] dialog .new-layout {
	display: flex;
	flex-direction: column;
	max-width: 60rem;
}

	[b-pum3zahlkk] dialog .new-layout label {
		padding-top: 0 !important;
	}

/* -------------------- modal-bottom --------------------*/

.dialog-modal-bottom[b-pum3zahlkk] {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}

	.dialog-modal-bottom .cancel[b-pum3zahlkk],
	.dialog-modal-bottom .confirm[b-pum3zahlkk] {
		height: fit-content;
	}


.ManualAction[b-pum3zahlkk] {
	display: grid;
	grid-template-columns: 32rem 1fr;
	gap: 4rem;
}

	.ManualAction ul[b-pum3zahlkk] {
		border: 1px solid rgba(0,0,0,.2);
		border-radius: .6rem;
		padding: 1rem;
		height: fit-content;
		display: flex;
		flex-direction: column;
		gap: .5rem;
	}

	.ManualAction button[b-pum3zahlkk] {
		--button-background-color: transparent;
		all: revert;
		background-color: var(--button-background-color);
		border: 1px solid var(--button-background-color);
		display: flex;
		align-items: center;
		cursor: pointer;
		padding: .8rem 1.2rem;
		width: 100%;
		border-radius: .3rem;
	}

		.ManualAction button:not(.active):is(:hover, :focus)[b-pum3zahlkk] {
			--button-background-color: rgba(0,0,0,.05);
			border-color: transparent;
		}

		.ManualAction button.active[b-pum3zahlkk] {
			--button-background-color: #D1F951;
		}

.ExecutableActions h3[b-pum3zahlkk] {
	font-size: 1.4rem;
	padding: 1.5rem .6rem;
	font-weight: 600;
}

[b-pum3zahlkk] th.deb-center.Modal-days-open,
[b-pum3zahlkk] td.deb-center.Modal-days-open {
	width: 0;
}

@media (prefers-reduced-motion: no-preference) {
	.modal-search-options[b-pum3zahlkk] {
		transition: border .3s ease-in-out;
	}

	.ManualAction button[b-pum3zahlkk] {
		transition: border background-color .3s ease-in-out;
	}
}

.ankerpoint-reverence[b-pum3zahlkk]{
	position: relative;
	top: -18rem;
}
/* _content/Dbo365.Debiteuren/Views/BranchOffice/CreateOrEdit.razor.rz.scp.css */
.dialog-modal-bottom[b-7hixv4karx] {
	margin-top: 1rem;
}


.dialog-modal p[b-7hixv4karx] {
	color: var(--medium-gray, #A1A1A1);
	white-space: break-spaces;
}


.financial-agreements-title h2[b-7hixv4karx] {
	border-bottom: none;
}



.financial-agreements-title[b-7hixv4karx] {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
	border-bottom: 1px solid #8080803b;
}

[b-7hixv4karx] .new-layout {
	grid-template-columns: minmax(auto, 17.94871794871795%) 1fr;
	max-width: unset;
	gap: 2.564102564102564%;
	margin-bottom: 10px;
}

	[b-7hixv4karx] .new-layout .input-container {
		max-width: calc((2.564102564102564% * 2) + 38.46153846153846%);
	}
/* _content/Dbo365.Debiteuren/Views/BranchOffice/Provisie.razor.rz.scp.css */
#RevenueTable tbody > tr > td:not(:first-child)[b-fmnti4ped5], #RevenueTable thead > tr > td:not(:first-child)[b-fmnti4ped5] {
	text-align: right;
}

#GeneralSummaryTable tbody tr td:not(:first-child)[b-fmnti4ped5], #GeneralSummaryTable thead tr th:not(:first-child)[b-fmnti4ped5] {
	text-align: right;
}


.row[b-fmnti4ped5] {
	display: flex;
}

.itemHalf[b-fmnti4ped5] {
	flex-basis: 50%;
}

.item3[b-fmnti4ped5] {
	flex-basis: 33%;
	text-align: center;
}

.pie-charts-container[b-fmnti4ped5] {
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 2.5rem;
	padding-bottom: 2.5rem;
	border-radius: 15px;
	background: var(--tertiary, #F4F5EE);
}

.charts-container[b-fmnti4ped5] {
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 2.5rem;
	padding-bottom: 2.5rem;
	border-radius: 15px;
}

.table-container[b-fmnti4ped5] {
	padding-left: 2rem;
	border-radius: 10px;
	border: 1px solid var(--midium-gray, #CDCDCD);
}

.table-parent[b-fmnti4ped5] {
	flex-wrap: wrap;
}

.table-parent > *[b-fmnti4ped5] {
	flex-grow: 1;
	flex-basis: auto;
	min-width: 40%;
}

td[b-fmnti4ped5] {
	border: none;
	padding-bottom: 0;
}

tr[b-fmnti4ped5] {
	border-bottom: 1px solid var(--dark-gray, #232322);
}

.title-container[b-fmnti4ped5] {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	margin-bottom: 2.5rem;
}

.open-invoices[b-fmnti4ped5] {
	color: black;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 3rem 0 3rem;
	gap: 20px;
	border-radius: 10px;
	background: var(--tertiary, #F4F5EE);
}

.open-invoices p[b-fmnti4ped5] {
	margin: 0;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
    min-width: max(15ch, min(26ch, 100%));
	text-wrap: nowrap;
}

.open-invoices a[b-fmnti4ped5] {
	padding: 5px 20px;
	border-radius: 50px;
	background: var(--secondary, #D1F951);
	color: var(--dark-gray, #232322);
}

.open-invoices a:hover[b-fmnti4ped5] {
	background-color: #333;
	color: #fff;
}

.fa[b-fmnti4ped5] {
	color: black;
}


.hover-background:hover[b-fmnti4ped5] {
	background-color: var(--secondary, #D1F951) !important;
}

.charts-wrapper[b-fmnti4ped5] {
	padding: 2rem;
	margin-top: 25px;
	margin-bottom: 25px;
	border-radius: 10px;
	border: 1px solid var(--midium-gray, #CDCDCD);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.chart-wrapper[b-fmnti4ped5] {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.chart-wrapper h1[b-fmnti4ped5] {
	border-bottom: 0;
}

.chart-title[b-fmnti4ped5] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.chart-title h1[b-fmnti4ped5] {
	margin-bottom: 0;
}

.chart-title p[b-fmnti4ped5] {
	margin-bottom: 0;
}
/* _content/Dbo365.Debiteuren/Views/CarClassification/CreateOrUpdate.razor.rz.scp.css */
.container-item[b-jd8sddvanu], [b-jd8sddvanu] .form-row {
	display: grid;
	grid-template-columns: 30% 30%;
}


.container-item[b-jd8sddvanu]  p {
	margin-bottom: 0;
}

input[type=color][b-jd8sddvanu], [b-jd8sddvanu] input{
	padding: 0px;
	width: 100%;
}

[b-jd8sddvanu] .form-col, [b-jd8sddvanu] .form-row{
	padding: 0px !important;
	margin: 0px !important;
}

[b-jd8sddvanu] .custom-select{
	gap: 0px;
}

.input-container[b-jd8sddvanu] {
	margin-bottom: 10px;
}

[b-jd8sddvanu] .form-row:before{
	content: none;
}

[b-jd8sddvanu] .form-row input, [b-jd8sddvanu] .form-col{
	width: 100%;
}

[b-jd8sddvanu] .form-row label{
	font-weight: normal;
}

[b-jd8sddvanu] .form-row, .container-item[b-jd8sddvanu]{
	margin-bottom: 10px !important;
	border: none;
}
[b-jd8sddvanu] .container-item input[type=number], [b-jd8sddvanu] input {
	width: 100%;
	text-align: left;
	border-color: #A1A1A1;
	border-radius: .5rem;
	height: auto;
	padding: 1rem 1.5rem 1rem 0;
	padding-left: 10px;
	height: 30px !important; 
}

	[b-jd8sddvanu] input.deb-currency {
		text-align: right;
	}

	[b-jd8sddvanu] .form-row input, .container-item input[type=color][b-jd8sddvanu] {
		border-color: #A1A1A1;
		border-radius: .5rem;
	}

[b-jd8sddvanu] .form-row input, [b-jd8sddvanu] input[type=search]{
	height: 30px !important;
}

	.container-item .example-bar p[b-jd8sddvanu]{
		padding: 5px;
	}

[b-jd8sddvanu] .custom-select {
	height: auto;
	margin-bottom: 10px;
}
/* _content/Dbo365.Debiteuren/Views/CarFuel/Index.razor.rz.scp.css */
div > .item[b-qbjdhjkh94]{
	display: grid;
	grid-template-columns: 200px minmax(100px, 300px);
}
/* _content/Dbo365.Debiteuren/Views/Customer/Components/FactoringTable.razor.rz.scp.css */
label[b-dg3fnqq8qu] {
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	--main-color: #133416;
	--main-color-limegreen: #d1f951;
	--main-color-lightbeige: #efede0;
	font-family: roboto,sans-serif;
	line-height: 1.75;
	box-sizing: inherit;
	font-size: 1.4rem;
	display: block;
	font-weight: 500;
	padding: 5px 0 0;
}


.row-wrapper[b-dg3fnqq8qu] {
	display: flex;
	gap: 20px;
}



h2[b-dg3fnqq8qu] {
	border-bottom: none;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Components/TicketCreateOrEdit.razor.rz.scp.css */

[b-bxblucbesr] .table-container {
	margin: 0;
	container-name: Table-container;
	container-type: inline-size;
}

	[b-bxblucbesr] .table-container table {
		border: none;
		margin: 0;
	}

[b-bxblucbesr] table {
	border: none;
}

	[b-bxblucbesr] table,
	[b-bxblucbesr] table tbody,
	[b-bxblucbesr] table tbody tr,
	[b-bxblucbesr] table tbody tr:hover,
	[b-bxblucbesr] table tbody tr td {
		background-color: transparent;
	}

		[b-bxblucbesr] table thead th {
			padding: .6rem .6rem 1rem .6rem;
			line-height: normal;
		}

		[b-bxblucbesr] table tr td {
			border: none;
			line-height: normal;
		}

			[b-bxblucbesr] table tr td:nth-child(2) {
				border: none;
				line-height: normal;
			}


		[b-bxblucbesr] table tbody tr {
			border-top: 1px solid rgba(0,0,0,.2);
		}

[b-bxblucbesr] td .DebEditor {
	--input-padding: .8rem;
}

[b-bxblucbesr] td input {
	/*	min-width: 75px;*/
	padding: 8px 5px;
	width: 100%;
	min-width: unset;
}

.table-btn[b-bxblucbesr] {
	all: revert;
	background: transparent;
	padding: .5rem;
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}

[b-bxblucbesr] .statecondition-content-container {
	width: 100%;
}

[b-bxblucbesr] .select-button{
	background: white;
}

[b-bxblucbesr] td:has(.select-button){
	max-width: 100px;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Edit.razor.rz.scp.css */
[b-ih7tkfw8ep] * {
	color: #232322;
}

main[b-ih7tkfw8ep] {
	height: 100%;
	display: flex;
	flex-direction: column;
	--side-spacing: 5vw;
	overflow: hidden;
	background-color: #F9F9F9;
}

[b-ih7tkfw8ep] h2,
[b-ih7tkfw8ep] h3,
[b-ih7tkfw8ep] h4 {
	margin: 0;
	padding: 0;
	border: unset;
	line-height: normal;
}

[b-ih7tkfw8ep] p{
	line-height: normal;
	margin: 0;
}

[b-ih7tkfw8ep] .page-title {
	display: flex;
	flex-direction: column;
	grid-column: 1/-1;
}

[b-ih7tkfw8ep] .title{
	margin-top: 1.5rem;
}

/* ----------------- accordion ----------------- */

[b-ih7tkfw8ep] .accordion.NewPrimary {
	display: grid;
	grid-template-columns: [page-start] auto [break-start] var(--side-spacing) [content-start] minmax(0, calc(1920px)) [content-end] var(--side-spacing) [break-end] auto [page-end];
	grid-template-rows: auto 1fr;
}

	[b-ih7tkfw8ep] .accordion.NewPrimary > header {
		grid-column: page;
	}

	[b-ih7tkfw8ep] .accordion.NewPrimary > .form-inline {
		grid-column: content-start/page-end;
		background-color: unset;
		overflow: hidden;
	}


[b-ih7tkfw8ep] .accordion .accordion-tabs {
	display: flex;
	justify-content: unset;
	gap: .5rem !important;
	background-color: unset;
	padding: 0;
	align-items: center;
}

	[b-ih7tkfw8ep] .accordion .accordion-tabs li {
		list-style-type: none;
		width: fit-content;
	}

		[b-ih7tkfw8ep] .accordion .accordion-tabs li button,
		[b-ih7tkfw8ep] .accordion .accordion-tabs li.active button {
			all: revert;
			cursor: pointer;
			padding: .8rem .5rem;
			background-color: transparent;
			border: unset;
			border-bottom: 2px solid transparent;
			transition: all .2s ease-in-out;
		}

			[b-ih7tkfw8ep] .accordion .accordion-tabs li button:is(:hover, :focus) {
				border-color: #ccc;
			}

			[b-ih7tkfw8ep] .accordion .accordion-tabs li.active button,
			[b-ih7tkfw8ep] .accordion .accordion-tabs li.active button:is(:hover, :focus) {
				border-color: green;
			}

[b-ih7tkfw8ep] .accordion .DummyTabHeader {
	margin-left: auto;
	width: fit-content !important;
}

[b-ih7tkfw8ep] .accordion .accordion-tabs .DummyTabHeader button {
	--color: #D1F951;
	all: revert;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .8rem 1.2rem;
	background-color: var(--color);
	border-radius: .5rem;
	border: 1px solid var(--color);
	cursor: pointer;
	transition: all .3s ease-in-out;
}

[b-ih7tkfw8ep] .accordion .accordion-tabs .DummyTabHeader button:is(:hover, :focus) {
	--color: #98C507;
	border-color: var(--color);
}

/* ----------------- SideBarPrimary ----------------- */

[b-ih7tkfw8ep] .accordion.SideBarPrimary > .accordion-tabs {
	--color: #D1F951;
	max-width: 30rem;
	min-width: 30rem;
	background-color: transparent;
	overflow-y: auto;
	scrollbar-gutter: stable;
}

[b-ih7tkfw8ep] .accordion.SideBarPrimary > .accordion-tabs li {
	width: 100%;
	display: grid;

}

	[b-ih7tkfw8ep] .accordion.SideBarPrimary > .accordion-tabs li button {
		text-align: left;
		padding: .8rem 1.2rem;
		border-radius: .6rem;
		transition: all .3s ease-in-out;
		border: 1px solid transparent;
	}

		[b-ih7tkfw8ep] .accordion.SideBarPrimary > .accordion-tabs li button:is(:hover, :focus) {
			--color: #ccc;
			border-color: var(--color);
			background-color: var(--color);
		}

	[b-ih7tkfw8ep] .accordion.SideBarPrimary > .accordion-tabs li.active button {
		--color: #D1F951;
		border: 1px solid var(--color);
		background-color: var(--color);
	}

[b-ih7tkfw8ep] .accordion.SideBarPrimary .form-inline {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	background-color: transparent;
	container-type: inline-size;
	overflow-y: auto;
	padding-right: calc(5vw - 17px);
}

/* ----------------- grid layout ----------------- */

[b-ih7tkfw8ep] .grid {
	display: grid;
}

[b-ih7tkfw8ep] .two-column {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: 2rem;
}

[b-ih7tkfw8ep] .three-column {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: 4rem;
}

	[b-ih7tkfw8ep] .content-split {
		display: grid;
		grid-column: 1/-1;
		grid-template-columns: subgrid;
		column-gap: inherit;
		row-gap: 1rem;
	}

[b-ih7tkfw8ep] .deb-row-editor-gap{
	row-gap: 1rem;
}

[b-ih7tkfw8ep] .full-column-width {
	grid-column: 1/-1;
}

[b-ih7tkfw8ep] .first-column{
	grid-column: 1/2;
}

[b-ih7tkfw8ep] .first-two-column {
	grid-column: 1/3;
}

@container (min-width: 90rem) {
	[b-ih7tkfw8ep] .two-column {
		grid-template-columns: 1fr 1fr;
	}

	[b-ih7tkfw8ep] .three-column {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 4rem;
	}
}

/* ----------------- DebRowEditor ----------------- */
[b-ih7tkfw8ep] input {
	background-color: transparent;
}



	[b-ih7tkfw8ep] .new-layout input[type="text"],
	[b-ih7tkfw8ep] .new-layout input[type="number"],
	[b-ih7tkfw8ep] .new-layout select {
		border-radius: .5rem;
		padding: var(--input-padding);
		width: 100%;
	}

[b-ih7tkfw8ep] .input-group {
	display: grid;
	grid-template-columns: 1fr calc(1lh + var(--input-padding) + var(--input-padding) + 2px);
	line-height: normal;
}

	[b-ih7tkfw8ep] .input-group > input {
		grid-column: 1/3;
		width: 100%;
		line-height: inherit;
		padding-right: calc(1lh + var(--input-padding) + var(--input-padding) + var(--input-padding)) !important;
		transition: all 0.1s ease-in-out
	}

	[b-ih7tkfw8ep] .input-group > a,
	[b-ih7tkfw8ep] .input-group > button {
		grid-column: 2/3;
		right: 0;
		width: 100%;
		height: 100%;
		display: grid;
		align-items: center;
		justify-content: center;
		border: 1px solid transparent;
		background: transparent;
		border-left: 1px solid #ddd;
		border-radius: 0 .5rem .5rem 0;
		transition: all 0.1s ease-in-out
	}

	[b-ih7tkfw8ep] .input-group > input:active ~ a,
	[b-ih7tkfw8ep] .input-group > input:active ~ button,
	[b-ih7tkfw8ep] .input-group > input:active ~ a:hover,
	[b-ih7tkfw8ep] .input-group > input:active ~ button:hover,
	[b-ih7tkfw8ep] .input-group > input:focus ~ a:hover,
	[b-ih7tkfw8ep] .input-group > input:focus ~ button:hover {
		border-color: #999;
	}


/* -------------------- Sub groeperingen -------------------- */

[b-ih7tkfw8ep] .to-be-toggled2 {
	display: grid;
	gap: inherit;
}

	[b-ih7tkfw8ep] .to-be-toggled2 > div {
		display: grid;
		gap: inherit;
	}


[b-ih7tkfw8ep] .option-list-container {
	display: grid;
	border-radius: .6rem;
	border: 1px solid rgba(0,0,0,.2);
}

[b-ih7tkfw8ep] .option-list-container .new-layout:has(.Checkbox) {
		display: flex;
		justify-content: space-between;
		max-width: unset;
		gap: 0;
	}

	[b-ih7tkfw8ep] .option-list-container .new-layout:has(.Checkbox) .input-container {
		align-items: center;
		padding: 1rem 2rem 1rem 2rem;
		width: fit-content;
	}

		[b-ih7tkfw8ep] .option-list-container .new-layout:has(.Checkbox) .label-container {
			justify-content: center;
			width: 100%;
			padding: 0;
		}

			[b-ih7tkfw8ep] .option-list-container .new-layout:has(.Checkbox) .label-container label {
				height: 100%;
				width: 100%;
				padding: 1rem 2rem 1rem 2rem;
				display: flex;
				align-items: center;
				flex-direction: row;
			}

			[b-ih7tkfw8ep] .option-list-container .new-layout:has(.Checkbox) .label-container:has(p) label {
				height: unset;
			}

			[b-ih7tkfw8ep] .option-list-container .new-layout:has(.Checkbox) .label-container p {
				padding: 0 2rem 1rem 2rem;
			}



		[b-ih7tkfw8ep] .option-list-container .sub-tab {
		display: grid;
		gap: 1rem;
		padding: 1rem 2rem 1rem 2rem;
		border-top: 1px solid rgba(0,0,0,0.2);
	}

[b-ih7tkfw8ep] .RabobankEditor-container > div {
	display: grid;
	gap: 1rem;
	padding: 1rem 2rem 1rem 2rem;
}

	[b-ih7tkfw8ep] .option-list-container .sub-tab > div {
		display: flex;
		flex-direction: column;
		row-gap: 1.5rem;
	}

[b-ih7tkfw8ep] .to-be-toggled2 {
	padding: 0 !important;
}

[b-ih7tkfw8ep] .data-general-table h2 {
	margin: 0;
	border: unset;
	line-height: normal;
	padding: 1rem 2rem;
}

[b-ih7tkfw8ep] .data-general-table .table-container {
	padding: 1.5rem;
	background-color: white;
	border-radius: .6rem;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	display: grid;
}

[b-ih7tkfw8ep] .data-general-table table {
	margin: 0;
}

[b-ih7tkfw8ep] .data-general-table tbody,
[b-ih7tkfw8ep] .data-general-table tr:nth-child(odd),
[b-ih7tkfw8ep] .data-general-table tr:nth-child(even),
[b-ih7tkfw8ep] .data-general-table tr:nth-child(odd):hover,
[b-ih7tkfw8ep] .data-general-table tr:nth-child(even):hover {
	background-color: transparent;
}

	[b-ih7tkfw8ep] .data-general-table tbody tr td {
		padding: .5rem;
	}

		[b-ih7tkfw8ep] .data-general-table tbody tr td input {
			width: 100%;
			border-radius: .6rem;
			border: none;
			border: 1px solid rgba(0,0,0,.2);
			padding: 1rem;
			box-sizing: border-box;
		}

			[b-ih7tkfw8ep] .data-general-table tbody tr td input:hover {
				border-color: rgba(0,0,0,.7);
			}

			[b-ih7tkfw8ep] .data-general-table tbody tr td input:focus {
				outline: auto;
			}

			[b-ih7tkfw8ep] .data-general-table tbody tr td input.field-invalid {
				background-color: rgba(255, 0, 0, .05);
			}

@media (prefers-reduced-motion: no-preference) {
	[b-ih7tkfw8ep] .data-general-table tbody tr td input {
		transition: all .3s ease-in-out;
	}
}

@container (max-width: 750px) {
	[b-ih7tkfw8ep] .data-general-table table {
		background-color: transparent;
	}

	[b-ih7tkfw8ep] .data-general-table .table-container {
		all: unset !important;
	}

	[b-ih7tkfw8ep] .data-general-table thead {
		display: none;
	}

	[b-ih7tkfw8ep] .data-general-table tbody {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}

		[b-ih7tkfw8ep] .data-general-table tbody tr:nth-child(odd),
		[b-ih7tkfw8ep] .data-general-table tbody tr:nth-child(even),
		[b-ih7tkfw8ep] .data-general-table tbody tr:nth-child(odd):hover,
		[b-ih7tkfw8ep] .data-general-table tbody tr:nth-child(even):hover {
			display: flex;
			flex-direction: column;
			gap: .5rem;
			padding: 2rem;
			border-radius: .6rem;
			box-shadow: 0 5px 10px rgba(0,0,0,.2);
			background-color: white;
		}

		[b-ih7tkfw8ep] .data-general-table tbody tr td {
			display: grid;
			grid-template-columns: 1fr 2fr;
			gap: 1rem;
			align-items: center;
		}

			[b-ih7tkfw8ep] .data-general-table tbody tr td::before {
				content: attr(data-name);
				white-space: nowrap;
				line-height: normal;
			}
}

@container (max-width: 350px) {
	[b-ih7tkfw8ep] .data-general-table tbody tr td,
	[b-ih7tkfw8ep] .data-general-table tbody tr th {
		grid-template-columns: 1fr;
		gap: .5rem;
		padding: 0;
	}
}

/* ------------------- .dropdown-select-container ------------------- */

[b-ih7tkfw8ep] .dropdown-select-container {
	display: grid;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .6rem;
	max-width: calc(800px + 2rem);
	overflow: hidden;
}

[b-ih7tkfw8ep] .accordion.SideBarPrimary .form-inline.customertexts {
	gap: 1rem;
}

[b-ih7tkfw8ep] .dropdown-select-container .table-header {
	border: none;
	margin: 0;
	display: flex;
	justify-content: space-between;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
}

	[b-ih7tkfw8ep] .dropdown-select-container .table-header > * {
		display: flex;
	}

[b-ih7tkfw8ep] .dropdown-select-container .header-right {
	height: fit-content;
}

/* -------------------- available macros button -------------------- */
[b-ih7tkfw8ep] .available-macros {
	all: revert;
	line-height: normal;
	font-family: roboto, sans-serif;
	margin: .5rem 0;
	padding: .5rem 1rem;
	background: transparent;
	border: none;
	cursor: pointer;
	white-space: nowrap;
	font-size: 1.4rem;
	display: grid;
	align-items: center;
}

[b-ih7tkfw8ep] .dropdown-select-container .table-shown {
	padding: 1rem 1rem 1rem 1.5rem;
	display: flex;
	align-items: center;
}

/* -------------------- checkbox = same as debeditor -------------------- */
[b-ih7tkfw8ep] .inpage-checkbox {
	display: flex;
	--height: calc(40px * .7);
	gap: 1rem;
	align-items: center;
	line-height: normal;
	padding: 1rem 1.5rem 1rem 1rem;
	white-space: nowrap;
}

[b-ih7tkfw8ep] .checkbox-container {
	--checkbox-height: calc(var(--height) * 0.75);
	position: relative;
	height: fit-content;
}

	[b-ih7tkfw8ep] .checkbox-container input {
		position: absolute;
		inset: 0;
		opacity: 0;
		z-index: 2;
		cursor: pointer;
	}

	[b-ih7tkfw8ep] .checkbox-container .box {
		position: relative;
		width: var(--checkbox-height);
		height: var(--checkbox-height);
		display: grid;
		align-items: center;
		justify-content: center;
		background-color: white;
		border-radius: .3rem;
		box-shadow: 0 0 1px 1px rgba(0,0,0,.2);
	}

	[b-ih7tkfw8ep] .checkbox-container:focus-within .box {
		outline: auto;
	}

	[b-ih7tkfw8ep] .checkbox-container svg.marker {
		display: grid;
		align-items: center;
		justify-content: center;
		padding: 5px;
		height: 100%;
		width: auto;
		fill: white;
	}

	[b-ih7tkfw8ep] .checkbox-container:has(input:checked) .marker {
		fill: black;
	}

	[b-ih7tkfw8ep] .checkbox-container input[disabled] {
		cursor: auto;
	}

	[b-ih7tkfw8ep] .checkbox-container:has(input[disabled]) svg.marker {
		background-color: #ccc;
		fill: #ccc;
	}

	[b-ih7tkfw8ep] .checkbox-container:has(input[disabled]) .box {
		transform: unset;
		background-color: #e9ecef;
	}

@media (prefers-reduced-motion: no-preference) {
	[b-ih7tkfw8ep] .checkbox-container .box {
		transition: var(--transition-time) ease-in-out;
	}

	[b-ih7tkfw8ep] .checkbox-container svg.marker {
		transition: var(--transition-time) ease-in-out;
	}
}

/* -------------------- available-macros -------------------- */

[b-ih7tkfw8ep] .macros {
	display: grid;
	padding: 1rem 0;
	gap: .5rem;
}

	[b-ih7tkfw8ep] .macros span {
		width: 100%;
		padding: 0 1.5rem;
	}

	[b-ih7tkfw8ep] .macros table {
		margin: 0;
		border: none;
	}


[b-ih7tkfw8ep] .dropdown-select-container table tr {
	border: none;
	border-top: 1px solid lightgrey;
}


	[b-ih7tkfw8ep] .dropdown-select-container table tr:not(:nth-last-child(1)) {
		border-bottom: 1px solid lightgrey;
	}

[b-ih7tkfw8ep] .dropdown-select-container table th,
[b-ih7tkfw8ep] .dropdown-select-container table td {
	border: none;
	padding: .5rem 1.5rem;
}

[b-ih7tkfw8ep] .dropdown-select-container table,
[b-ih7tkfw8ep] .dropdown-select-container table th,
[b-ih7tkfw8ep] .dropdown-select-container table td {
	background: transparent;
}

/* ------------------- Multiselect -------------------- */

[b-ih7tkfw8ep] .ui-tabs {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	background: transparent;
	padding: 1rem 1.5rem !important;
}

[b-ih7tkfw8ep] .accordion .ui-tabs-nav {
	margin: 0 !important;
}

[b-ih7tkfw8ep] .accordion .ui-tabs-nav::before,
[b-ih7tkfw8ep] .accordion .ui-tabs-nav::after{
	display: none;
}

	[b-ih7tkfw8ep] .accordion .ui-tabs-nav li.ui-tabs-tab {
		background: transparent;
		border: unset;
		padding: .5rem !important;
	}

		[b-ih7tkfw8ep] .accordion .ui-tabs-nav li.ui-tabs-tab a.ui-tabs-anchor {
			border-bottom: 2px solid transparent;
			transition: all .3s ease-in-out;
		}

			[b-ih7tkfw8ep] .accordion .ui-tabs-nav li.ui-tabs-tab a.ui-tabs-anchor:is(:hover, :focus) {
				border-bottom: 2px solid #ccc;
			}

	[b-ih7tkfw8ep] .accordion .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor,
	[b-ih7tkfw8ep] .accordion .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:is(:hover, :focus) {
		border-bottom: 2px solid green;
	}

[b-ih7tkfw8ep] .ui-tabs-panel {
	display: grid;
}

[b-ih7tkfw8ep] .ui-tabs-nav{
	background-color: transparent;
	border: none;
	padding: .5rem;
}

	[b-ih7tkfw8ep] .ui-tabs-nav .ui-tabs-anchor {
		background-color: transparent;
		border: none;
		padding: .5rem;
	}

[b-ih7tkfw8ep] .tox {
	border-radius: .6rem;
	border: none;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2);
	transition: box-shadow .3s ease-in-out;
}

	[b-ih7tkfw8ep] .tox:hover {
		box-shadow: 0 0 1px 1px rgba(0, 0, 0, .7);
	}

[b-ih7tkfw8ep] textarea {
	width: 100%;
	--padding: 10px;
	min-height: calc(10lh + 2 * var(--padding));
	max-height: calc(10lh + 2 * var(--padding));
	padding: var(--padding);
	line-height: 1;
	padding-inline: calc(var(--padding) + calc((1lh - 1ex) / 2));
	resize: none;
	border-radius: .6rem;
	border: none;
	box-shadow: 0 0 1px 1px rgba(0,0,0,.2);
	transition: box-shadow .3s ease-in-out;
}

	[b-ih7tkfw8ep] textarea:hover {
		box-shadow: 0 0 1px 1px rgba(0,0,0,.7);
	}

	[b-ih7tkfw8ep] textarea:focus {
		outline: auto;
	}

@supports (field-sizing: content) {
	[b-ih7tkfw8ep] textarea {
		min-height: calc(5lh + 2 * var(--padding));
		max-height: calc(10lh + 2 * var(--padding));
		max-height: unset;
		field-sizing: content;
	}
}


/* ------------------ mollie-wrapper-container --------------------*/

[b-ih7tkfw8ep] .accordion.SideBarPrimary .mollie-wrapper-container .form-inline {
	display: grid;
	grid-template-columns: auto 1fr;
	padding: 1rem 1.5rem;
	border-color: rgba(0,0,0,.2);
	border-radius: .6rem;
	max-width: 800px;
}

	[b-ih7tkfw8ep] .accordion.SideBarPrimary .mollie-wrapper-container .form-inline h2,
	[b-ih7tkfw8ep] .accordion.SideBarPrimary .mollie-wrapper-container .form-inline table,
	[b-ih7tkfw8ep] .accordion.SideBarPrimary .mollie-wrapper-container .form-inline p {
		grid-column: span 2;
		margin: 0;
	}

	[b-ih7tkfw8ep] .accordion.SideBarPrimary .mollie-wrapper-container .form-inline table {
		border: 1px solid rgba(0,0,0,.2);
		border-radius: .6rem;
	}

		[b-ih7tkfw8ep] .accordion.SideBarPrimary .mollie-wrapper-container .form-inline table,
		[b-ih7tkfw8ep] .accordion.SideBarPrimary .mollie-wrapper-container .form-inline table tr {
			background-color: transparent;
		}

			[b-ih7tkfw8ep] .accordion.SideBarPrimary .mollie-wrapper-container .form-inline table td {
				border-top: none;
			}

			[b-ih7tkfw8ep] .accordion.SideBarPrimary .mollie-wrapper-container .form-inline table tr:not(:nth-last-child(1)) {
				border-bottom: 1px solid rgba(0,0,0,.2);
			}

	[b-ih7tkfw8ep] .accordion.SideBarPrimary .mollie-wrapper-container .form-inline h2 {
		font-size: 1.6rem;
	}



	[b-ih7tkfw8ep] .accordion.SideBarPrimary .mollie-wrapper-container .form-inline a {
		all: revert;
		background-color: #D1F951;
		border: none;
		width: fit-content;
		padding: .8rem 1.2rem;
		color: black;
		text-decoration: none;
		border-radius: .6rem;
		line-height: normal;
		transition: background-color .3s ease-in-out;
	}

		[b-ih7tkfw8ep] .accordion.SideBarPrimary .mollie-wrapper-container .form-inline a:is(:hover, :focus) {
			background-color: #98c507;
		}

		[b-ih7tkfw8ep] .accordion.SideBarPrimary .mollie-wrapper-container .form-inline a:nth-child(2) {
			all: revert;
			background-color: #FFDADA;
			border: none;
			width: fit-content;
			padding: .8rem 1.2rem;
			color: black;
			text-decoration: none;
			border-radius: .6rem;
			line-height: normal;
			transition: background-color .3s ease-in-out;
		}

			[b-ih7tkfw8ep] .accordion.SideBarPrimary .mollie-wrapper-container .form-inline a:nth-child(2):hover,
			[b-ih7tkfw8ep] .accordion.SideBarPrimary .mollie-wrapper-container .form-inline a:nth-child(2):focus {
				background-color: #EA6161;
			}


/* -------------------- button-containers -------------------- */

[b-ih7tkfw8ep] .button-container {
	display: flex;
	gap: 1rem;
}
/* -------------------- super-user -------------------- */


/* -------------------- inpage build DebRowEditor -------------------- */

[b-ih7tkfw8ep] .new-debroweditor .form-row {
	--transition-time: .3s;
	--height: calc(40px * .7);
	--input-padding: 1rem;
	display: grid;
	grid-template-columns: 320px 1fr;
	max-width: 800px;
	gap: 2rem;
	margin-bottom: 0;
}

	[b-ih7tkfw8ep] .new-debroweditor .form-row::before,
	[b-ih7tkfw8ep] .new-debroweditor .form-row::after {
		display: none;
	}

	[b-ih7tkfw8ep] .new-debroweditor .form-row .form-col {
		margin: 0;
		width: 100%;
	}

		[b-ih7tkfw8ep] .new-debroweditor .form-row .form-col:nth-child(2) {
			display: flex;
			align-items: center;
			gap: 1rem;
		}

[b-ih7tkfw8ep] .new-debroweditor select,
[b-ih7tkfw8ep] .new-debroweditor .Int32 {
	width: 100%;
}

[b-ih7tkfw8ep] .new-debroweditor .Int32 {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	background-color: white;
}

	[b-ih7tkfw8ep] .new-debroweditor .Int32:hover {
		border: 1px solid rgba(0,0,0,.7);
	}

	[b-ih7tkfw8ep] .new-debroweditor .Int32.disabled {
		background-color: #e9ecef;
	}

	[b-ih7tkfw8ep] .new-debroweditor .Int32:focus-within {
		outline: auto;
	}

	[b-ih7tkfw8ep] .new-debroweditor .Int32 input {
		border: none;
		padding: var(--input-padding) !important;
		width: 100%;
	}

		/* Chrome, Safari, Edge, Opera */
		[b-ih7tkfw8ep] .new-debroweditor .Int32 input::-webkit-outer-spin-button,
		[b-ih7tkfw8ep] .new-debroweditor .Int32 input::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}

		/* Firefox */
		[b-ih7tkfw8ep] .new-debroweditor .Int32 input[type=number] {
			-moz-appearance: textfield;
		}

	[b-ih7tkfw8ep] .new-debroweditor .Int32 .arrow-container {
		display: grid;
		height: 100%;
	}

		[b-ih7tkfw8ep] .new-debroweditor .Int32 .arrow-container span {
			all: revert;
			background-color: transparent;
			border: none;
			padding: 0 2rem;
			display: grid;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			user-select: all;
			transition: border .3s ease-in-out;
		}

[b-ih7tkfw8ep] .new-debroweditor select {
	padding: var(--input-padding) !important;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
}

	[b-ih7tkfw8ep] .new-debroweditor select:hover {
		border-color: rgba(0,0,0,.7);
	}

	[b-ih7tkfw8ep] .new-debroweditor select:focus {
		outline: auto;
	}

@media (prefers-reduced-motion: no-preference) {
	[b-ih7tkfw8ep] .new-debroweditor .Int32,
	[b-ih7tkfw8ep] .new-debroweditor select {
		transition: all var(--transition-time) ease-in-out;
	}
}

[b-ih7tkfw8ep] .heightanimation-gapless {
	display: grid;
	gap: 1.5rem;
	padding: 1.5rem 0 0 0;
}

[b-ih7tkfw8ep] .new-layout select,
[b-ih7tkfw8ep] .new-debroweditor select {
	border: 1px solid rgba(0,0,0,.2);
}

	[b-ih7tkfw8ep] .new-layout select:hover,
	[b-ih7tkfw8ep] .new-debroweditor select:hover {
		border: 1px solid rgba(0,0,0,.7);
	}

	[b-ih7tkfw8ep] .new-layout select:focus,
	[b-ih7tkfw8ep] .new-debroweditor select:focus {
		outline: auto;
	}

@media (prefers-reduced-motion: no-preference) {
	[b-ih7tkfw8ep] .new-layout select,
	[b-ih7tkfw8ep] .new-debroweditor select {
		transition: all var(--transition-time) ease-in-out;
	}
}


@media (prefers-reduced-motion: no-preference) {
	[b-ih7tkfw8ep] button.primary {
		transition: all .3s ease-in-out;
	}
}

[b-ih7tkfw8ep] .image-preview {
	background: transparent !important;
	gap: 1rem !important;
	max-width: 800px;
}

	[b-ih7tkfw8ep] .image-preview > * {
		background-color: white;
		border-radius: .6rem;
		box-shadow: unset !important;
		border: 1px solid rgba(0,0,0,.2);
	}

/* -------------------- select -------------------- */

[b-ih7tkfw8ep] select[disabled] {
	background-color: #e9ecef;
}

[b-ih7tkfw8ep] .deb-editor-row {
	display: grid;
	grid-template-columns: 320px 1fr;
	max-width: 800px;
	gap: 2rem;
}

[b-ih7tkfw8ep] .right-column {
	grid-column: 2/3;
}


[b-ih7tkfw8ep] .superuser-container {
	padding: 2rem;
	border-radius: .6rem;
	border: 1px solid rgba(0,0,0,.2);
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	max-width: calc(800px + 2rem);
}

[b-ih7tkfw8ep] .superuser-container .new-layout{
	grid-template-columns: 300px 1fr;
}

[b-ih7tkfw8ep] .accountingtype-economic button{
	all: revert;
	background-color: #D1F951;
	border-radius: .6rem;
	border: none;
	padding: .8rem 1.2rem;
	width: fit-content;
	cursor: pointer;
}

[b-ih7tkfw8ep] .accountingtype-economic button:is(:hover, :focus) {
	background-color: #98C507;
}

@media (prefers-reduced-motion: no-preference) {
	[b-ih7tkfw8ep] .accountingtype-economic button {
		transition: all .3s ease-in-out;
	}
}

[b-ih7tkfw8ep] .multi-select{
	background-color: white;
}

[b-ih7tkfw8ep] .custom-select.multi-select button.select-button:not([class*="tox"]) {
	padding: 1.1rem;
}

/* -------------------- custom modal -------------------- */

[b-ih7tkfw8ep]	dialog label{
	display: grid;
	width: 100%;
	gap: 1rem;
	line-height: normal;
}

[b-ih7tkfw8ep] .flex-column {
	display: flex;
	flex-direction: column;
}

[b-ih7tkfw8ep] .gap-inherit {
	gap: inherit;
}

[b-ih7tkfw8ep] .warning {
	color: red;
}

[b-ih7tkfw8ep] .uppercase {
	text-transform: uppercase;
	color: inherit;
}

[b-ih7tkfw8ep] .group-container {
	padding: 1rem 2rem 1rem 2rem;
	display: grid;
	gap: inherit;
	border-radius: .6rem;
	border: 1px solid rgba(0,0,0,0.2);
}


[b-ih7tkfw8ep] .option-list-container > h1:first-child {
	text-decoration: none;
	border: none;
	margin: 0;
	/* padding: .5rem; */
	padding: 1rem 2rem 1rem 2rem;
	font-size: 1.3rem;
}
/* _content/Dbo365.Debiteuren/Views/Customer/MailPdfBuilder/Editor.razor.rz.scp.css */
h2[b-n04j9wkw6s],
h3[b-n04j9wkw6s],
h4[b-n04j9wkw6s],
h5[b-n04j9wkw6s],
p[b-n04j9wkw6s],
label[b-n04j9wkw6s],
[b-n04j9wkw6s] h2,
[b-n04j9wkw6s] h3,
[b-n04j9wkw6s] h4,
[b-n04j9wkw6s] h5,
[b-n04j9wkw6s] p,
[b-n04j9wkw6s] label {
	line-height: normal;
	padding: 0;
	margin: 0;
	border: none;
	text-align: left;
}

[b-n04j9wkw6s] svg {
	height: 1.8rem;
	width: auto;
}

main[b-n04j9wkw6s] {
	--bg-color: #f5f5f5;
	--border-color-code: 227, 227, 232;
	--border-color: rgb(var(--border-color-code));
	display: grid;
	grid-template-columns: 40rem 1fr;
	align-items: start;
	overflow: hidden;
}

[b-n04j9wkw6s] aside {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 0;
	border-right: 1px solid var(--border-color, rgb(227, 227, 232));
	background-color: var(--bg-color, #f5f5f5);
	box-shadow: 0 0 16px 0 rgba(var(--border-color-code), 0.75);
	z-index: 2;
	overflow-y: scroll;
}

[b-n04j9wkw6s] .setting-options {
	display: flex;
	flex-direction: column;
	height: fit-content;
}

[b-n04j9wkw6s] .preview {
	--dot-bg: var(--bg-color, #f5f5f5);
	--dot-color: #D7D7DF;
	--dot-size: 2px;
	--dot-space: 15px;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), var(--dot-color);
	padding: 4rem;
	/*	justify-content: center;*/
	overflow-y: scroll;
	display: grid;
	grid-template-rows: auto 1fr;
}

[b-n04j9wkw6s] .pdf-container {
	display: grid;
	height: fit-content;
	width: fit-content;
	padding: 2rem 4rem;
	margin: 0 auto;
	background-color: rgba(240, 240, 240);
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
}

[b-n04j9wkw6s] .pdf {
	max-width: 600px;
	min-width: 600px;
	width: 100%;
	background: white;
	box-shadow: 0 0 16px -6px rgba(0, 0, 0, .3);
	margin: 0 auto;
}

[b-n04j9wkw6s] .pdf-container .pdf {
	box-shadow: unset;
}

[b-n04j9wkw6s] .loader {
	height: 100%;
	width: 100%;
	display: grid;
	align-items: center;
	justify-content: center;
}

[b-n04j9wkw6s] .two-column {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

[b-n04j9wkw6s] .full-column {
	grid-column: 1/-1;
}

[b-n04j9wkw6s] .row {
	grid-column: 1/-1;
	display: grid;
	grid-template-columns: subgrid;
	padding: .5rem 0;
	align-items: center;
	gap: 1rem;
}

.settings-row input[b-n04j9wkw6s] {
	margin: 0;
}

[b-n04j9wkw6s] .row-column {
	grid-column: 1/-1;
	display: grid;
	align-items: center;
	padding: .5rem 0;
	row-gap: 1rem;
}

	[b-n04j9wkw6s] .row-column.has-no-label {
		row-gap: unset;
	}

[b-n04j9wkw6s] .settings-save {
	width: 100%;
	padding: 1.5rem 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	background: white;
	box-sizing: border-box;
	border-bottom: 1px solid var(--border-color, rgb(227, 227, 232));
	margin-top: auto;
}

/* -------------------- inform -------------------- */

[b-n04j9wkw6s] .row.inform {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.5rem;
	padding: 1rem;
	border-radius: .6rem;
	border: 1px solid #ccc;
	margin: .5rem 0;
}

	[b-n04j9wkw6s] .row.inform .inform-icon-container {
		padding: .75rem;
		background: #ccc;
		border-radius: .3rem;
		display: grid;
		align-items: center;
		justify-content: center;
	}

	[b-n04j9wkw6s] .row.inform p {
		height: 100%;
		display: flex;
		align-items: center;
	}

/* -------------------- image upload / replace -------------------- */

[b-n04j9wkw6s] .img-container svg {
	height: 1lh;
	line-height: normal;
	width: auto;
}

[b-n04j9wkw6s] .img-container .select {
	color: green;
	text-decoration: underline;
}

/* -------------------- radio-buttons -------------------- */

[b-n04j9wkw6s] .radio-buttons {
	display: grid;
	gap: .2rem;
	grid-auto-flow: column;
	position: relative;
	border-radius: .3rem;
	overflow: hidden;
	padding: .2rem;
	background-color: hsla( 0, 0%, 0%, .07);
	width: fit-content;
}

	[b-n04j9wkw6s] .radio-buttons:focus-within {
		outline: auto;
	}

	[b-n04j9wkw6s] .radio-buttons label {
		display: grid;
		align-items: center;
		align-items: center;
		justify-content: center;
		padding: .5rem 1rem;
		cursor: pointer;
		border-radius: inherit;
	}

		[b-n04j9wkw6s] .radio-buttons label:has(input[type="radio"]:checked) {
			background-color: #77C44C;
		}

	[b-n04j9wkw6s] .radio-buttons input[type="radio"] {
		position: absolute;
		top: -100%;
		left: -100%;
	}

/* -------------------- slider -------------------- */
[b-n04j9wkw6s] .slider-container {
	display: grid;
	padding: 10px 1px;
}

[b-n04j9wkw6s] .slider-track {
	position: relative;
	width: 100%;
	height: 10px;
	background-color: hsla(0, 0%, 0%, .07);
	border-radius: .3rem;
	cursor: pointer;
}

[b-n04j9wkw6s] .slider-fill {
	position: absolute;
	height: 100%;
	background-color: #77C44C;
	border-radius: inherit;
	transition: width 0.2s ease-in-out;
}

[b-n04j9wkw6s] .slider-thumb {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #ffffff;
	border: 2px solid #77C44C;
	border-radius: 50%;
	cursor: pointer;
	transition: left 0.2s ease-in-out;
	top: -5px;
	transform: translateX(-50%);
}

/* -------------------- color -------------------- */

[b-n04j9wkw6s] .color button {
	all: revert;
	width: 100%;
	background-color: transparent;
	padding: 0.675em 1em;
	border: 1px solid #ccc;
	border-radius: 0.6rem;
	cursor: pointer;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	margin: 0;
	color: black;
	gap: 2rem;
	transition: all .2s ease-in-out;
	height: 100%;
	max-width: 100%;
	font-size: 1.4rem;
}

	[b-n04j9wkw6s] .color button .color-preview {
		height: 100%;
		width: 100%;
		border-radius: .4rem;
		box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
	}

	[b-n04j9wkw6s] .color button svg {
		fill: var(--dark-color, #020202);
		height: 14px;
		width: 14px;
	}

[b-n04j9wkw6s] .color .active svg {
	transition: transform .2s ease-in-out;
}

[b-n04j9wkw6s] .color:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Top-Center"]) svg,
[b-n04j9wkw6s] .color:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Top-Left"]) svg,
[b-n04j9wkw6s] .color:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Top-Right"]) svg {
	transform: rotate(-90deg);
}

[b-n04j9wkw6s] .color:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Bottom-Center"]) svg,
[b-n04j9wkw6s] .color:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Bottom-Left"]) svg,
[b-n04j9wkw6s] .color:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Bottom-Right"]) svg {
	transform: rotate(90deg);
}

/* -------------------- drag and drop -------------------- */
[b-n04j9wkw6s] .drag-and-drop-container {
	display: flex;
	flex-direction: column;
	border-radius: .3rem;
	border: 1px solid hsla(0, 0%, 0%, 0.2);
	overflow: hidden;
}

[b-n04j9wkw6s] .drag-and-drop header {
	padding: 1rem;
	position: relative;
}

	[b-n04j9wkw6s] .drag-and-drop header h3 {
		color: black;
		font-size: 14px;
		font-size: 1.4rem;
	}

[b-n04j9wkw6s] .drag-and-drop li:hover {
	background-color: unset;
}

[b-n04j9wkw6s] .drag-and-drop li:after {
	display: none;
}

[b-n04j9wkw6s] .DontShowContent {
	background-color: hsla(0, 0%, 0%, 0.07)
}

[b-n04j9wkw6s] .drag-options {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: .5rem;
	padding: .2rem .5rem;
}

	[b-n04j9wkw6s] .drag-options:hover {
		background-color: hsla(0, 0%, 0%, 0.03);
	}

[b-n04j9wkw6s] .styling-setting {
	display: flex;
}

[b-n04j9wkw6s] .DontShowContent .styling-setting {
	display: none;
}

[b-n04j9wkw6s] .drag-options p {
	padding: .5rem 0;
}

[b-n04j9wkw6s] .icon-container {
	display: grid;
	align-items: center;
	justify-content: center;
	padding: .5rem;
}

[b-n04j9wkw6s] .styling-setting button {
	all: revert;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

[b-n04j9wkw6s] .drag-options svg {
	fill: hsla(0, 0%, 0%, 0.4);
	height: 1lh;
	width: auto;
}


[b-n04j9wkw6s] .styling-setting button.active svg {
	fill: hsla(0, 0%, 0%, 0.7);
}

/* -------------------- hr -------------------- */
[b-n04j9wkw6s] hr {
	border-color: var(--border-color, rgb(227, 227, 232));
}


/* -------------------- input int int32 interger -------------------- */

[b-n04j9wkw6s] .Int32.NewLayout input[type=number] {
	padding: 0.675em 1em;
}

[b-n04j9wkw6s] .Int32.NewLayout svg {
	height: 1.4rem;
	width: auto;
}

[b-n04j9wkw6s] .Int32.NewLayout .arrow-container span {
	display: flex;
	padding: 0 1em;
}

	[b-n04j9wkw6s] .Int32.NewLayout .arrow-container span:nth-child(1) {
		top: .15rem;
	}

	[b-n04j9wkw6s] .Int32.NewLayout .arrow-container span:nth-child(2) {
		bottom: .15rem;
	}

/* -------------------- StateCondition -------------------- */

[b-n04j9wkw6s] .StateConditionMargin {
	margin: .5rem 0;
}

[b-n04j9wkw6s] .has-Support-link {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

	[b-n04j9wkw6s] .has-Support-link a {
		color: rgb(201 121 0);
		text-decoration: underline;
		display: flex;
		width: fit-content;
	}

/* -------------------- Alignment container -------------------- */

[b-n04j9wkw6s] .Alignment-label{
	margin: 1rem 0 auto 0;
}

[b-n04j9wkw6s] div.Alignment-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-areas: "LeftTop CenterTop RightTop"
		"LeftMiddel CenterMiddel RightMiddel"
		"LeftBottom CenterBottom RightBottom";
}

	[b-n04j9wkw6s] div.Alignment-container > *:nth-child(1) {
		grid-area: leftTop
	}

	[b-n04j9wkw6s] div.Alignment-container > *:nth-child(2) {
		grid-area: CenterTop
	}

	[b-n04j9wkw6s] div.Alignment-container > *:nth-child(3) {
		grid-area: RightTop
	}

	[b-n04j9wkw6s] div.Alignment-container > *:nth-child(4) {
		grid-area: LeftMiddel
	}

	[b-n04j9wkw6s] div.Alignment-container > *:nth-child(5) {
		grid-area: CenterMiddel
	}

	[b-n04j9wkw6s] div.Alignment-container > *:nth-child(6) {
		grid-area: RightMiddel
	}

	[b-n04j9wkw6s] div.Alignment-container > *:nth-child(7) {
		grid-area: LeftBottom
	}

	[b-n04j9wkw6s] div.Alignment-container > *:nth-child(8) {
		grid-area: CenterBottom
	}

	[b-n04j9wkw6s] div.Alignment-container > *:nth-child(9) {
		grid-area: RightBottom
	}
/* _content/Dbo365.Debiteuren/Views/Customer/MailPdfBuilder/PdfLayout/PdfLayoutBuilder.razor.rz.scp.css */
h2[b-vig8ezbrly],
h3[b-vig8ezbrly],
h4[b-vig8ezbrly],
h5[b-vig8ezbrly],
p[b-vig8ezbrly],
label[b-vig8ezbrly],
[b-vig8ezbrly] h2,
[b-vig8ezbrly] h3,
[b-vig8ezbrly] h4,
[b-vig8ezbrly] h5,
[b-vig8ezbrly] p,
[b-vig8ezbrly] label {
	line-height: normal;
	padding: 0;
	margin: 0;
	border: none;
	text-align: left;
}

[b-vig8ezbrly] svg {
	height: 1.8rem;
	width: auto;
}

div[b-vig8ezbrly] {
	--bg-color: #f5f5f5;
	--border-color-code: 227, 227, 232;
	--border-color: rgb(var(--border-color-code));
	display: grid;
	grid-template-columns: 40rem 1fr;
	align-items: start;
	overflow: hidden;
}

[b-vig8ezbrly] aside {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 0;
	border-right: 1px solid var(--border-color, rgb(227, 227, 232));
	background-color: var(--bg-color, #f5f5f5);
	box-shadow: 0 0 16px 0 rgba(var(--border-color-code), 0.75);
	z-index: 2;
	overflow-y: scroll;
}

[b-vig8ezbrly] .setting-options {
	display: flex;
	flex-direction: column;
	height: fit-content;
}

[b-vig8ezbrly] .preview {
	--dot-bg: var(--bg-color, #f5f5f5);
	--dot-color: #D7D7DF;
	--dot-size: 2px;
	--dot-space: 15px;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), var(--dot-color);
	padding: 4rem;
	/*	justify-content: center;*/
	overflow-y: scroll;
	display: grid;
	grid-template-rows: auto 1fr;
}

[b-vig8ezbrly] .pdf-container {
	display: grid;
	height: fit-content;
	width: fit-content;
	padding: 2rem 4rem;
	margin: 0 auto;
	background-color: rgba(240, 240, 240);
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
}

[b-vig8ezbrly] .pdf {
	max-width: 600px;
	min-width: 600px;
	width: 100%;
	background: white;
	box-shadow: 0 0 16px -6px rgba(0, 0, 0, .3);
	margin: 0 auto;
}

[b-vig8ezbrly] .pdf-container .pdf {
	box-shadow: unset;
}

[b-vig8ezbrly] .loader {
	height: 100%;
	width: 100%;
	display: grid;
	align-items: center;
	justify-content: center;
}

[b-vig8ezbrly] .two-column {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

[b-vig8ezbrly] .full-column {
	grid-column: 1/-1;
}

[b-vig8ezbrly] .row {
	grid-column: 1/-1;
	display: grid;
	grid-template-columns: subgrid;
	padding: .5rem 0;
	align-items: center;
	gap: 1rem;
}

.settings-row input[b-vig8ezbrly] {
	margin: 0;
}

[b-vig8ezbrly] .row-column {
	grid-column: 1/-1;
	display: grid;
	align-items: center;
	padding: .5rem 0;
	row-gap: 1rem;
}

	[b-vig8ezbrly] .row-column.has-no-label {
		row-gap: unset;
	}

[b-vig8ezbrly] .settings-save {
	width: 100%;
	padding: 1.5rem 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	background: white;
	box-sizing: border-box;
	border-bottom: 1px solid var(--border-color, rgb(227, 227, 232));
	margin-top: auto;
}

/* -------------------- inform -------------------- */

[b-vig8ezbrly] .row.inform {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.5rem;
	padding: 1rem;
	border-radius: .6rem;
	border: 1px solid #ccc;
	margin: .5rem 0;
}

	[b-vig8ezbrly] .row.inform .inform-icon-container {
		padding: .75rem;
		background: #ccc;
		border-radius: .3rem;
		display: grid;
		align-items: center;
		justify-content: center;
	}

	[b-vig8ezbrly] .row.inform p {
		height: 100%;
		display: flex;
		align-items: center;
	}

/* -------------------- image upload / replace -------------------- */

[b-vig8ezbrly] .img-container svg {
	height: 1lh;
	line-height: normal;
	width: auto;
}

[b-vig8ezbrly] .img-container .select {
	color: green;
	text-decoration: underline;
}

/* -------------------- radio-buttons -------------------- */

[b-vig8ezbrly] .radio-buttons {
	display: grid;
	gap: .2rem;
	grid-auto-flow: column;
	position: relative;
	border-radius: .3rem;
	overflow: hidden;
	padding: .2rem;
	background-color: hsla( 0, 0%, 0%, .07);
	width: fit-content;
}

	[b-vig8ezbrly] .radio-buttons:focus-within {
		outline: auto;
	}

	[b-vig8ezbrly] .radio-buttons label {
		display: grid;
		align-items: center;
		align-items: center;
		justify-content: center;
		padding: .5rem 1rem;
		cursor: pointer;
		border-radius: inherit;
	}

		[b-vig8ezbrly] .radio-buttons label:has(input[type="radio"]:checked) {
			background-color: #77C44C;
		}

	[b-vig8ezbrly] .radio-buttons input[type="radio"] {
		position: absolute;
		top: -100%;
		left: -100%;
	}

/* -------------------- slider -------------------- */
[b-vig8ezbrly] .slider-container {
	display: grid;
	padding: 10px 1px;
}

[b-vig8ezbrly] .slider-track {
	position: relative;
	width: 100%;
	height: 10px;
	background-color: hsla(0, 0%, 0%, .07);
	border-radius: .3rem;
	cursor: pointer;
}

[b-vig8ezbrly] .slider-fill {
	position: absolute;
	height: 100%;
	background-color: #77C44C;
	border-radius: inherit;
	transition: width 0.2s ease-in-out;
}

[b-vig8ezbrly] .slider-thumb {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #ffffff;
	border: 2px solid #77C44C;
	border-radius: 50%;
	cursor: pointer;
	transition: left 0.2s ease-in-out;
	top: -5px;
	transform: translateX(-50%);
}

/* -------------------- color -------------------- */

[b-vig8ezbrly] .color button {
	all: revert;
	width: 100%;
	background-color: transparent;
	padding: 0.675em 1em;
	border: 1px solid #ccc;
	border-radius: 0.6rem;
	cursor: pointer;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	margin: 0;
	color: black;
	gap: 2rem;
	transition: all .2s ease-in-out;
	height: 100%;
	max-width: 100%;
	font-size: 1.4rem;
}

	[b-vig8ezbrly] .color button .color-preview {
		height: 100%;
		width: 100%;
		border-radius: .4rem;
		box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
	}

	[b-vig8ezbrly] .color button svg {
		fill: var(--dark-color, #020202);
		height: 14px;
		width: 14px;
	}

[b-vig8ezbrly] .color .active svg {
	transition: transform .2s ease-in-out;
}

[b-vig8ezbrly] .color:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Top-Center"]) svg,
[b-vig8ezbrly] .color:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Top-Left"]) svg,
[b-vig8ezbrly] .color:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Top-Right"]) svg {
	transform: rotate(-90deg);
}

[b-vig8ezbrly] .color:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Bottom-Center"]) svg,
[b-vig8ezbrly] .color:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Bottom-Left"]) svg,
[b-vig8ezbrly] .color:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Bottom-Right"]) svg {
	transform: rotate(90deg);
}

/* -------------------- drag and drop -------------------- */
[b-vig8ezbrly] .drag-and-drop-container {
	display: flex;
	flex-direction: column;
	border-radius: .3rem;
	border: 1px solid hsla(0, 0%, 0%, 0.2);
	overflow: hidden;
}

[b-vig8ezbrly] .drag-and-drop header {
	padding: 1rem;
	position: relative;
}

	[b-vig8ezbrly] .drag-and-drop header h3 {
		color: black;
		font-size: 14px;
		font-size: 1.4rem;
	}

[b-vig8ezbrly] .drag-and-drop li:hover {
	background-color: unset;
}

[b-vig8ezbrly] .drag-and-drop li:after {
	display: none;
}

[b-vig8ezbrly] .DontShowContent {
	background-color: hsla(0, 0%, 0%, 0.07)
}

[b-vig8ezbrly] .drag-options {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: .5rem;
	padding: .2rem .5rem;
}

	[b-vig8ezbrly] .drag-options:hover {
		background-color: hsla(0, 0%, 0%, 0.03);
	}

[b-vig8ezbrly] .styling-setting {
	display: flex;
}

[b-vig8ezbrly] .DontShowContent .styling-setting {
	display: none;
}

[b-vig8ezbrly] .drag-options p {
	padding: .5rem 0;
}

[b-vig8ezbrly] .icon-container {
	display: grid;
	align-items: center;
	justify-content: center;
	padding: .5rem;
}

[b-vig8ezbrly] .styling-setting button {
	all: revert;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

[b-vig8ezbrly] .drag-options svg {
	fill: hsla(0, 0%, 0%, 0.4);
	height: 1lh;
	width: auto;
}


[b-vig8ezbrly] .styling-setting button.active svg {
	fill: hsla(0, 0%, 0%, 0.7);
}

/* -------------------- hr -------------------- */
[b-vig8ezbrly] hr {
	border-color: var(--border-color, rgb(227, 227, 232));
}


/* -------------------- input int int32 interger -------------------- */

[b-vig8ezbrly] .Int32.NewLayout input[type=number] {
	padding: 0.675em 1em;
}

[b-vig8ezbrly] .Int32.NewLayout svg {
	height: 1.4rem;
	width: auto;
}

[b-vig8ezbrly] .Int32.NewLayout .arrow-container span {
	display: flex;
	padding: 0 1em;
}

	[b-vig8ezbrly] .Int32.NewLayout .arrow-container span:nth-child(1) {
		top: .15rem;
	}

	[b-vig8ezbrly] .Int32.NewLayout .arrow-container span:nth-child(2) {
		bottom: .15rem;
	}

/* -------------------- StateCondition -------------------- */

[b-vig8ezbrly] .StateConditionMargin {
	margin: .5rem 0;
}

[b-vig8ezbrly] .has-Support-link {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

	[b-vig8ezbrly] .has-Support-link a {
		color: rgb(201 121 0);
		text-decoration: underline;
		display: flex;
		width: fit-content;
	}

/* -------------------- Alignment container -------------------- */

[b-vig8ezbrly] .Alignment-label {
	margin: 1rem 0 auto 0;
}

[b-vig8ezbrly] .Alignment-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-areas: "LeftTop CenterTop RightTop"
		"LeftMiddel CenterMiddel RightMiddel"
		"LeftBottom CenterBottom RightBottom";
}

	[b-vig8ezbrly] .Alignment-container > *:nth-child(1) {
		grid-area: leftTop
	}

	[b-vig8ezbrly] .Alignment-container > *:nth-child(2) {
		grid-area: CenterTop
	}

	[b-vig8ezbrly] .Alignment-container > *:nth-child(3) {
		grid-area: RightTop
	}

	[b-vig8ezbrly] .Alignment-container > *:nth-child(4) {
		grid-area: LeftMiddel
	}

	[b-vig8ezbrly] .Alignment-container > *:nth-child(5) {
		grid-area: CenterMiddel
	}

	[b-vig8ezbrly] .Alignment-container > *:nth-child(6) {
		grid-area: RightMiddel
	}

	[b-vig8ezbrly] .Alignment-container > *:nth-child(7) {
		grid-area: LeftBottom
	}

	[b-vig8ezbrly] .Alignment-container > *:nth-child(8) {
		grid-area: CenterBottom
	}

	[b-vig8ezbrly] .Alignment-container > *:nth-child(9) {
		grid-area: RightBottom
	}
/* _content/Dbo365.Debiteuren/Views/Customer/MailPdfBuilder/Setting/Component/DebSettingAlignment.razor.rz.scp.css */
.Alignment-label[b-shi86xk2ae] {
	margin: 1rem 0 auto 0;
}

[b-shi86xk2ae] .Alignment-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-areas: "LeftTop CenterTop RightTop"
		"LeftMiddel CenterMiddel RightMiddel"
		"LeftBottom CenterBottom RightBottom";
}

	[b-shi86xk2ae] .Alignment-container > *:nth-child(1) {
		grid-area: leftTop
	}

	[b-shi86xk2ae] .Alignment-container > *:nth-child(2) {
		grid-area: CenterTop
	}

	[b-shi86xk2ae] .Alignment-container > *:nth-child(3) {
		grid-area: RightTop
	}

	[b-shi86xk2ae] .Alignment-container > *:nth-child(4) {
		grid-area: LeftMiddel
	}

	[b-shi86xk2ae] .Alignment-container > *:nth-child(5) {
		grid-area: CenterMiddel
	}

	[b-shi86xk2ae] .Alignment-container > *:nth-child(6) {
		grid-area: RightMiddel
	}

	[b-shi86xk2ae] .Alignment-container > *:nth-child(7) {
		grid-area: LeftBottom
	}

	[b-shi86xk2ae] .Alignment-container > *:nth-child(8) {
		grid-area: CenterBottom
	}

	[b-shi86xk2ae] .Alignment-container > *:nth-child(9) {
		grid-area: RightBottom
	}
/* _content/Dbo365.Debiteuren/Views/Customer/MailPdfBuilder/Setting/Component/DebSettingColor.razor.rz.scp.css */
[b-uv5be0e54f] .color button {
	all: revert;
	width: 100%;
	background-color: transparent;
	padding: 0.675em 1em;
	border: 1px solid #ccc;
	border-radius: 0.6rem;
	cursor: pointer;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	margin: 0;
	color: black;
	gap: 2rem;
	transition: all .2s ease-in-out;
	height: 100%;
	max-width: 100%;
	font-size: 1.4rem;
}

	[b-uv5be0e54f] .color button .color-preview {
		height: 100%;
		width: 100%;
		border-radius: .4rem;
		box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
	}

	[b-uv5be0e54f] .color button svg {
		fill: var(--dark-color, #020202);
		height: 14px;
		width: 14px;
	}

[b-uv5be0e54f] .color .active svg {
	transition: transform .2s ease-in-out;
}

[b-uv5be0e54f] .color:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Top-Center"]) svg,
[b-uv5be0e54f] .color:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Top-Left"]) svg,
[b-uv5be0e54f] .color:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Top-Right"]) svg {
	transform: rotate(-90deg);
}

[b-uv5be0e54f] .color:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Bottom-Center"]) svg,
[b-uv5be0e54f] .color:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Bottom-Left"]) svg,
[b-uv5be0e54f] .color:has(button[aria-expanded]):has(.popover-cascading-value[lastusedanchororigin="Bottom-Right"]) svg {
	transform: rotate(90deg);
}
/* _content/Dbo365.Debiteuren/Views/Customer/MailPdfBuilder/Setting/Component/DebSettingDraggable.razor.rz.scp.css */
namespace Dbo365.Debiteuren.Views.Customer.MailPdfBuilder.Setting.Component[b-tld1zeowob]
{
    public class DebSettingDraggable
    {
    }
}
/* _content/Dbo365.Debiteuren/Views/Customer/MailPdfBuilder/Setting/Component/DebSettingImage.razor.rz.scp.css */
[b-ro01jihamy] .img-container svg {
	height: 1lh;
	line-height: normal;
	width: auto;
}

[b-ro01jihamy] .img-container .select {
	color: green;
	text-decoration: underline;
}
/* _content/Dbo365.Debiteuren/Views/Customer/MailPdfBuilder/Setting/Component/DebSettingInform.razor.rz.scp.css */
.row.inform[b-iqwmztzhub] {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.5rem;
	padding: 1rem;
	border-radius: .6rem;
	border: 1px solid #ccc;
	margin: .5rem 0;
}

	.row.inform .inform-icon-container[b-iqwmztzhub] {
		padding: .75rem;
		background: #ccc;
		border-radius: .3rem;
		display: grid;
		align-items: center;
		justify-content: center;
	}

	.row.inform p[b-iqwmztzhub] {
		height: 100%;
		display: flex;
		align-items: center;
	}
/* _content/Dbo365.Debiteuren/Views/Customer/MailPdfBuilder/Setting/Component/DebSettingInterger.razor.rz.scp.css */
[b-8qb4t5jww9] .Int32.NewLayout input[type=number] {
	padding: 0.675em 1em;
}

[b-8qb4t5jww9] .Int32.NewLayout svg {
	height: 1.4rem;
	width: auto;
}

[b-8qb4t5jww9] .Int32.NewLayout .arrow-container span {
	display: flex;
	padding: 0 1em;
}

	[b-8qb4t5jww9] .Int32.NewLayout .arrow-container span:nth-child(1) {
		top: .15rem;
	}

	[b-8qb4t5jww9] .Int32.NewLayout .arrow-container span:nth-child(2) {
		bottom: .15rem;
	}
/* _content/Dbo365.Debiteuren/Views/Customer/MailPdfBuilder/Setting/Component/DebSettingSlider.razor.rz.scp.css */
namespace Dbo365.Debiteuren.Views.Customer.MailPdfBuilder.Setting.Component[b-k2akxa2tm7]
{
    public class DebSettingSlider
    {
    }
}
/* _content/Dbo365.Debiteuren/Views/Customer/MailPdfBuilder/Setting/Setting.razor.rz.scp.css */
.setting-container[b-aiapyp5bb9] {
	--row-padding: 1rem;
	display: grid;
	width: 100%;
	background-color: white;
}

.row-content[b-aiapyp5bb9] {
	padding: calc(var(--row-padding, 1rem)* 1.5) calc(var(--row-padding, 1rem)* 2);
	display: flex;
	flex-direction: column;
	gap: 1rem;
	border-bottom: 1px solid var(--border-color, rgb(227, 227, 232));
}

[b-aiapyp5bb9] .setting-type-active {
	padding: .5rem 0 1.5rem 0;
	border-bottom: 1px solid var(--border-color, rgb(227, 227, 232));
	margin-bottom: 1.5rem;
}
/* _content/Dbo365.Debiteuren/Views/Customer/MailPdfBuilder/Setting/SettingHeader.razor.rz.scp.css */
.row-header[b-lo33cnrgpf] {
	--row-padding: 1rem;
	all: revert;
	display: grid;
	align-items: center;
	grid-template-columns: 1fr auto;
	padding: calc(var(--row-padding, 1rem)* 1.5) calc(var(--row-padding, 1rem)* 2);
	width: 100%;
	border: none;
	background-color: hsla(0, 0%, 0%, 0.05);
	position: relative;
}

.row-header.active[b-lo33cnrgpf] {
	background-color: white;
}

	.row-header[b-lo33cnrgpf]::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		border-bottom: 1px solid var(--border-color, rgb(227, 227, 232));
		transition: left 0.2s ease-in-out, right 0.2s ease-in-out, border-bottom 0.2s ease-in-out;
	}

	.row-header.active[b-lo33cnrgpf]::after {
		left: calc(var(--row-padding, 1rem) * 2);
		right: calc(var(--row-padding, 1rem) * 2);
		border-bottom: 1px solid var(--border-color, rgb(227, 227, 232));
	}

h2[b-lo33cnrgpf]{
	padding: 0;
	margin: 0;
	line-height: normal;
	border: none;
	color: black;
	font-size:1.4rem;
}

.svg-container[b-lo33cnrgpf] {
	display: grid;
	align-items: center;
	justify-content: center;
	height: 1lh;
	width: 1lh;
	font-size: 1.6rem;
	line-height: normal;
}

.row-header.active[b-lo33cnrgpf]  svg {
	transition: transform .2s ease-in-out;
}

.row-header.active[b-lo33cnrgpf]  svg {
	transform: rotate(-180deg);
}
/* _content/Dbo365.Debiteuren/Views/Customer/PdfLayoutSettings.razor.rz.scp.css */
 p[b-qzr7mf2mnt] {
	margin: 0;
	padding: 0;
	line-height: normal;
}

 main[b-qzr7mf2mnt] {
	--side-padding: 5vw;
	--border-dark: 1px solid gray;
	--border-light: 1px solid #ccc;
	--layout-gap: 4rem;
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: [page-start] auto [break-start] 5vw [content-start] minmax(0, calc(1920px - 10vw)) [content-end] 5vw [break-end] auto [page-end];
	background-color: #F9F9F9;
	container-name: main-layout;
	container-type: inline-size;
}

	 main > header[b-qzr7mf2mnt] {
		grid-column: page;
		display: grid;
		grid-template-columns: inherit;
		background-color: white;
		border-bottom: var(--border-light);
	}

		 main > header > *[b-qzr7mf2mnt] {
			grid-column: content;
		}

	 main .page-content[b-qzr7mf2mnt] {
		--max-width: unset;
		grid-column: content;
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--layout-gap);
		container-name: Page-content;
		container-type: inline-size;
	}

		 main .page-content .form-container[b-qzr7mf2mnt] {
			display: flex;
			flex-direction: column;
			gap: var(--layout-gap);
		}

			 main .page-content section:not(.container-item-pdf):not(.container-item-final-buttons)[b-qzr7mf2mnt] {
				background-color: white;
				border-radius: .6rem;
				border: 1px solid rgba(0,0,0,.2);
				box-shadow: 0 0 15px rgba(0,0,0,.2);
				container-type: inline-size;
				gap: 0;
			}

				 main .page-content section:not(.container-item-pdf):not(.container-item-final-buttons) > div[b-qzr7mf2mnt] {
					padding: 2rem;
				}

	 main .pdf-container[b-qzr7mf2mnt] {
		display: none;
	}

 .form-block-container[b-qzr7mf2mnt] {
	display: flex;
	gap: 15px;
	flex-direction: column;
	container-type: inline-size;
}

	 .form-block-container:has(.custom-select button[aria-expanded])[b-qzr7mf2mnt] {
		z-index: 2;
	}

	 .form[b-qzr7mf2mnt] {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

/* -------------------- TABLE -------------------- */

table[b-qzr7mf2mnt] {
	width: 100%;
	border-collapse: collapse;
}

table th[b-qzr7mf2mnt], table td[b-qzr7mf2mnt] {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: left;
}

table thead[b-qzr7mf2mnt] {
	display: table-header-group;
	background-color: #f2f2f2;
}

table + ul[b-qzr7mf2mnt] {
	display: table;
	width: 100%;
	padding: 0;
	margin: 0;
}

	table + ul li[b-qzr7mf2mnt] {
		display: table-row;
		list-style: none;
	}

		table + ul li tr[b-qzr7mf2mnt] {
			display: table-row;
		}

		table + ul li td[b-qzr7mf2mnt], table + ul li th[b-qzr7mf2mnt] {
			display: table-cell;
			padding: 8px;
			border: 1px solid #ddd;
		}

		table + ul li .indexCol[b-qzr7mf2mnt] {
			text-align: center;
		}

		table + ul li .deb-checkbox[b-qzr7mf2mnt] {
			display: block;
			margin: auto;
		}

/* -------------------- AttachmentCreateOrEditForm -------------------- */

 .upload[b-qzr7mf2mnt] {
	width: unset;
}

	 .upload label[b-qzr7mf2mnt] {
		margin: 0;
	}

/* -------------------- Form buttons -------------------- */

 .form-buttons[b-qzr7mf2mnt] {
	display: flex;
	justify-content: space-between;
	gap: 5px;
	padding: 0 0 2rem 0;
}

	 .form-buttons .buttons[b-qzr7mf2mnt] {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
		height: fit-content;
		justify-content: flex-end;
	}

		 .form-buttons .buttons button[b-qzr7mf2mnt] {
			min-width: fit-content;
			flex: 1 !important;
		}

/* -------------------- pdf Form buttons -------------------- */

 .pdf-buttons[b-qzr7mf2mnt] {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

	 .pdf-buttons .button-top[b-qzr7mf2mnt] {
		display: flex;
		justify-content: space-between;
		gap: 5px;
		flex-wrap: wrap;
	}

		 .pdf-buttons .button-top > *[b-qzr7mf2mnt] {
			display: flex;
			justify-content: space-between;
			gap: 5px;
		}

	 .pdf-buttons .status[b-qzr7mf2mnt] {
		--status-color: #ccc;
		color: var(--dark-color, #020202);
		padding: .8rem 1.2rem;
		border-radius: .6rem;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--status-color);
		line-height: normal;
	}

	 .pdf-buttons .open[b-qzr7mf2mnt] {
		--status-color: #FFD874;
	}

	 .pdf-buttons .expired[b-qzr7mf2mnt] {
		--status-color: #FF7474;
	}

	 .pdf-buttons .confirmed[b-qzr7mf2mnt] {
		--status-color: #87FF74;
	}

	 .pdf-buttons .Superuser-button button[b-qzr7mf2mnt] {
		all: initial;
		cursor: pointer;
		height: calc(1lh + .8rem + .8rem);
		width: calc(1lh + .8rem + .8rem);
		background-color: #FFC3F2;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: .6rem;
	}

		 .pdf-buttons .Superuser-button button:hover[b-qzr7mf2mnt] {
			background-color: #EAA8DC;
		}


		 .pdf-buttons .Superuser-button button svg[b-qzr7mf2mnt] {
			height: calc(1lh + .5rem);
			width: auto;
		}

/* -------------------- Pdf -------------------- */

 .pdf-content-container[b-qzr7mf2mnt] {
	--spaceing-top: 1rem;
	--spaceing-right: 2rem;
	--spaceing-bottom: 1rem;
	--height: auto;
	position: sticky;
	top: 0;
	/*	
		Old styling for life pdf update
		padding: var(--spaceing-top) var(--spaceing-right) var(--spaceing-bottom) var(--spaceing-left);
		margin: 0 calc(-1 * var(--spaceing-right)) 0 calc(-1 * var(--spaceing-left));
	*/
	padding: var(--spaceing-top) var(--spaceing-right) var(--spaceing-bottom) 0;
	margin: calc(-1 * var(--spaceing-top)) calc(-1 * var(--spaceing-right)) calc(-1 * var(--spaceing-bottom)) 0;
	overflow-y: auto;
	height: var(--height);
	max-height: 100vh;
	max-height: 100svh;
	filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.25));
}

	/*
		mogelijke fix als pdf jitterd on page scroll 
		
		.get-dynamic-height-to-bottom-screen {
		height: var(--height);
		position: sticky;
		top: 0;
		}
	*/

	 .pdf-content-container[b-qzr7mf2mnt]::-webkit-scrollbar {
		width: 7px;
	}

	 .pdf-content-container[b-qzr7mf2mnt]::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
		margin-top: var(--spaceing-top);
		margin-bottom: var(--spaceing-bottom);
	}

	 .pdf-content-container[b-qzr7mf2mnt]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		 .pdf-content-container[b-qzr7mf2mnt]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}

 .pdf-container[b-qzr7mf2mnt] {
	--a4-base-with: 169mm;
}

@container Table-container (width < 95rem) {
	 table thead[b-qzr7mf2mnt] {
		display: none;
	}

	 table tbody tr[b-qzr7mf2mnt] {
		display: grid;
		grid-template-columns: 32rem 1fr;
		column-gap: 2rem;
		max-width: 80rem;
		border: 1px solid rgba(0,0,0,.2);
		border-radius: .6rem;
		overflow: hidden;
		margin-bottom: 1rem;
	}

	 table tbody td[data-label][b-qzr7mf2mnt]::before {
		content: attr(data-label);
		display: block;
		font-weight: 600;
		text-align: left;
	}

	 table tbody tr td.TableIndexNumber[b-qzr7mf2mnt] {
		display: grid;
		grid-auto-flow: column;
		grid-template-columns: auto 1fr;
		column-gap: 1rem;
		grid-column: span 2;
		background-color: rgba(0,0,0,.1);
		padding: 1rem 2rem;
		margin-bottom: 1rem;
	}

	 table tbody tr td:not(.TableIndexNumber)[b-qzr7mf2mnt] {
		padding: .6rem 2rem;
		position: relative;
		grid-column: span 2;
		display: grid;
		grid-template-columns: subgrid;
		align-items: center;
	}

	 table tbody td input[b-qzr7mf2mnt],
	 table tbody td button[b-qzr7mf2mnt] {
		padding: 1rem !important;
	}

	 table .TableDelete div:has( > button)[b-qzr7mf2mnt] {
		grid-column: 2/3;
		margin-bottom: 1rem;
	}

	 table .TableDelete button[b-qzr7mf2mnt] {
		margin-left: auto;
		background-color: #FB8484;
		border-radius: .6rem;
		padding: .8rem 1.2rem;
	}

		 table .TableDelete button:is(:hover, :focus) svg path[b-qzr7mf2mnt] {
			fill: black;
		}

		 table .TableDelete button:is(:hover, :focus)[b-qzr7mf2mnt] {
			background-color: #F95151;
		}

		 table .TableDelete button[b-qzr7mf2mnt]::before {
			content: attr(data-label);
			display: block;
			text-align: left;
		}

	 table tfoot[b-qzr7mf2mnt] {
		display: grid;
		grid-template-columns: 1fr auto auto;
		max-width: 80rem;
	}

		 table tfoot tr[b-qzr7mf2mnt] {
			display: grid;
			grid-column: span 3;
			grid-template-columns: subgrid;
		}

			 table tfoot tr.rows-newline[b-qzr7mf2mnt] {
				border: none !important;
			}

			 table tfoot tr td[b-qzr7mf2mnt] {
				display: grid;
				height: calc(1lh + 1rem + .8rem + 1rem + .8rem);
				align-items: center;
			}

			 table tfoot tr:not(:nth-child(1)) td:nth-child(1)[b-qzr7mf2mnt] {
				grid-column: 2/3;
			}

			 table tfoot tr:not(:nth-child(1)) td:nth-child(2)[b-qzr7mf2mnt] {
				grid-column: 3/4;
			}

	@media (prefers-reduced-motion: no-preference) {
		 table .TableDelete button[b-qzr7mf2mnt] {
			transition: background-color .3s ease-in-out;
		}
	}
}

@container Table-container (width < 67rem) {
	 table tbody tr[b-qzr7mf2mnt] {
		grid-template-columns: 1fr 1fr;
	}
}

@container Table-container (width < 45rem) {
	 table tbody tr[b-qzr7mf2mnt] {
		grid-template-columns: 1fr;
	}

		 table tbody tr td.TableIndexNumber[b-qzr7mf2mnt] {
			grid-column: span 1;
		}

		 table tbody tr td:not(.TableIndexNumber)[b-qzr7mf2mnt] {
			grid-column: span 1;
			row-gap: .5rem;
		}

	 table tbody .TableTotalAmount input[b-qzr7mf2mnt] {
		text-align: left
	}

	 table tfoot[b-qzr7mf2mnt] {
		grid-template-rows: auto auto;
		grid-template-columns: auto auto;
	}

		 table tfoot tr[b-qzr7mf2mnt] {
			grid-column: span 2;
		}

			 table tfoot tr:nth-child(1) td:nth-child(1)[b-qzr7mf2mnt] {
				grid-row: 1/2;
				grid-column: 1/3;
			}

			 table tfoot tr:nth-child(1) td:nth-child(2)[b-qzr7mf2mnt] {
				grid-row: 2/3;
				grid-column: 1/2;
			}

			 table tfoot tr:nth-child(1) td:nth-child(3)[b-qzr7mf2mnt] {
				grid-row: 2/3;
				grid-column: 2/3;
			}

			 table tfoot tr:not(:nth-child(1)) td:nth-child(1)[b-qzr7mf2mnt] {
				grid-column: 1/2;
			}

			 table tfoot tr:not(:nth-child(1)) td:nth-child(2)[b-qzr7mf2mnt] {
				grid-column: 2/3;
			}

			 table tfoot tr td:not(:nth-last-child(1))[b-qzr7mf2mnt] {
				text-align: left;
			}
}

@container main-layout (width > 130rem) {
	 main .page-content[b-qzr7mf2mnt] {
		grid-template-columns: 100rem 1fr;
	}
}

@container Page-content (width > 145rem) {
	main .pdf-container[b-qzr7mf2mnt] {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	main .invoice-type[b-qzr7mf2mnt]{
		display: grid;
	}

	main .container-item-pdf[b-qzr7mf2mnt] {
		grid-area: pfd;
		display: flex;
		flex-direction: column;
		gap: 3rem;
		height: 100%;
	}
}

@media (min-width: 1920px) {
	 main[b-qzr7mf2mnt] {
		grid-template-columns: [page-start] auto [break-start] 5vw [content-start] minmax(0, 1920px) [content-end] 5vw [break-end] auto [page-end];
	}
}

 .height-container[b-qzr7mf2mnt] {
	display: flex;
	flex-direction: column;
}

	 .height-container .expander .new-layout-container[b-qzr7mf2mnt] {
		margin-top: 1rem;
	}


main.container[b-qzr7mf2mnt] {
	grid-template-rows: auto 1fr;
}

/*.page-content ::deep > div{
	gap: unset;
}*/

[b-qzr7mf2mnt] .page-content .accordion,
[b-qzr7mf2mnt] .page-content .accordion .accordion-tabs,
[b-qzr7mf2mnt] .page-content .accordion .form-inline {
	background: none;
	margin-top: 0;
	padding-top: 0;
}

main .page-content > div[b-qzr7mf2mnt] {
	padding-top: 3rem;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Accounting/AccountingTab.razor.rz.scp.css */
body[b-25l4kxmrea] {
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Accounting/SubTab/AccountingAccountingTab.razor.rz.scp.css */
[b-ntegggr0fq] .week-container .flex-gap {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 1rem;
}

	[b-ntegggr0fq] .week-container .flex-gap > * {
		width: unset;
		display: grid;
		grid-template-columns: 1fr minmax(100px, 1fr);
		row-gap: .5rem;
		column-gap: 2rem;
		padding: 1.5rem;
		border-radius: .6rem;
		background-color: white;
		flex: 1;
	}

		[b-ntegggr0fq] .week-container .flex-gap > *[disabled="true"] {
			background-color: #e9ecef;
		}

		[b-ntegggr0fq] .week-container .flex-gap > * > span {
			font-size: 1.6rem;
			width: 100%;
			grid-column: span 2;
		}

[b-ntegggr0fq] .week-container .new-layout {
	grid-column: span 2;
	grid-template-columns: subgrid;
}

[b-ntegggr0fq] .week-container .new-layout label{
	white-space: nowrap;
}

[b-ntegggr0fq] .column-split {
	grid-column: span 2;
	display: grid;
	grid-template-columns: subgrid;
}

.flex-gap > div > *:nth-last-child(1) > *[b-ntegggr0fq] {
	grid-column: span 2;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Accounting/SubTab/AccountingCRMTab.razor.rz.scp.css */
[b-kx6p3cxwsp] .week-container .flex-gap {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 1rem;
}

	[b-kx6p3cxwsp] .week-container .flex-gap > * {
		width: unset;
		display: grid;
		grid-template-columns: 1fr minmax(100px, 1fr);
		row-gap: .5rem;
		column-gap: 2rem;
		padding: 1.5rem;
		border-radius: .6rem;
		background-color: white;
		flex: 1;
	}

		[b-kx6p3cxwsp] .week-container .flex-gap > *[disabled="true"] {
			background-color: #e9ecef;
		}

		[b-kx6p3cxwsp] .week-container .flex-gap > * > span {
			font-size: 1.6rem;
			width: 100%;
			grid-column: span 2;
		}

[b-kx6p3cxwsp] .week-container .new-layout {
	grid-column: span 2;
	grid-template-columns: subgrid;
}

	[b-kx6p3cxwsp] .week-container .new-layout label {
		white-space: nowrap;
	}

	[b-kx6p3cxwsp] column-split{
		grid-column: span 2;
		display: grid;
		grid-template-columns: subgrid;
	}

.flex-gap > div > *:nth-last-child(1) > *[b-kx6p3cxwsp] {
	grid-column: span 2;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Authentication/SubTab/AuthenticationGeneralTab.razor.rz.scp.css */
p[b-x7n1v8f1dj] {
    margin: 0;
    line-height: normal;
}

.office-365-login[b-x7n1v8f1dj] {
    display: flex;
    gap: 1.5rem;
    background-color: white;
    border-radius: .6rem;
    max-height: 50px;
    align-items: center;
    width: fit-content;
}

    .office-365-login img[b-x7n1v8f1dj] {
        height: 100%;
        width: auto;
    }

    .office-365-login > p[b-x7n1v8f1dj] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

.apllyrestrations-container[b-x7n1v8f1dj] {
    display: flex;
    flex-direction: column;
    gap: inherit;
    max-width: 800px;
}

    .apllyrestrations-container > div[b-x7n1v8f1dj] {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }

    .apllyrestrations-container p[b-x7n1v8f1dj] {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }

        .apllyrestrations-container p b[b-x7n1v8f1dj] {
            margin-top: 1.5rem;
        }

ol[b-x7n1v8f1dj] {
    padding-left: 4rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    ol li[b-x7n1v8f1dj] {
        list-style-type: unset;
        line-height: normal
    }

[b-x7n1v8f1dj] a {
    text-decoration: underline;
    padding: .5rem 1rem;
    margin: -5rem -1rem;
    text-underline-offset: 5px;
    z-index: 2;
    position: relative;
}

[b-x7n1v8f1dj] a:is(:hover, :focus) {
    color: green;
}

[b-x7n1v8f1dj] a:focus {
    background-color: white
}

[b-x7n1v8f1dj] a.button {
    all: revert;
    padding: .8rem 1.2rem;
    border-radius: .6rem;
    margin-top: 2rem;
    background-color: #FE7070;
    width: fit-content;
    text-decoration: unset;
    line-height: normal;
    color: black;
}

    [b-x7n1v8f1dj] a.button:is(:hover, :focus) {
        background-color: #F94848;
    }

@media (prefers-reduced-motion: no-preference) {
    a[b-x7n1v8f1dj] {
        transition: color .3s ease-in-out;
    }

    [b-x7n1v8f1dj] a.button {
        transition: all .3s ease-in-out;
    }
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Collection/SubTab/CollectionGeneralTab.razor.rz.scp.css */
.option-list-container[b-wmoi9ne7ei]{
	--gap: 1.5rem;
}

.collection-box[b-wmoi9ne7ei] {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	border: 1px solid rgba(0,0,0,.2);
	padding: 2rem;
	border-radius: .6rem;
}

.to-be-toggled2[b-wmoi9ne7ei] {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}

.shared-instellingen[b-wmoi9ne7ei] {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}


.option-list-container .sub-tab > div[b-wmoi9ne7ei] {
	display: flex;
	flex-direction: column;
	row-gap: 1.5rem;
}

.button-container[b-wmoi9ne7ei]{
	margin-top: 4rem;
}

[b-wmoi9ne7ei] .custom-select{
	background-color: white;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Collection/SubTab/CollectionSharedSettingsTab.razor.rz.scp.css */
.option-list-container[b-p6sv18viyu]{
	--gap: 1.5rem;
}

.collection-box[b-p6sv18viyu] {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	border: 1px solid rgba(0,0,0,.2);
	padding: 2rem;
	border-radius: .6rem;
}

.to-be-toggled2[b-p6sv18viyu] {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}

.shared-instellingen[b-p6sv18viyu] {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}


.option-list-container .sub-tab > div[b-p6sv18viyu] {
	display: flex;
	flex-direction: column;
	row-gap: 1.5rem;
}

.button-container[b-p6sv18viyu]{
	margin-top: 4rem;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/ContactPerson/SubTab/ContactPersonGeneralTab.razor.rz.scp.css */
.table-container[b-bvmjgwztlk] {
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	overflow-x: auto;
	background-color: white;
}

@media (pointer: fine) and (hover: hover) {
	.table-container[b-bvmjgwztlk]::-webkit-scrollbar {
		height: 10px;
	}

	.table-container[b-bvmjgwztlk]::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
	}

	.table-container[b-bvmjgwztlk]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		.table-container[b-bvmjgwztlk]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

.table-container.disabled-table[b-bvmjgwztlk] {
	background-color: #e9ecef;
}

table[b-bvmjgwztlk] {
	border: none;
	margin: 0;
	background-color: transparent;
}

	table[b-bvmjgwztlk]  th,
	table[b-bvmjgwztlk]  td {
		padding: 1rem;
		line-height: normal;
		border: none;
	}

	table thead[b-bvmjgwztlk]  th {
		border: none;
		padding: 1.5rem 1rem;
		border: none;
	}

	table tbody tr[b-bvmjgwztlk],
	table tbody[b-bvmjgwztlk]  tr:nth-child(odd),
	table tbody[b-bvmjgwztlk]  tr:nth-child(even) {
		background-color: transparent;
		border-top: 1px solid rgba(0,0,0,.2)
	}

		table tbody tr:hover[b-bvmjgwztlk],
		table tbody[b-bvmjgwztlk]  tr:hover {
			background-color: #EEEEEE;
		}

.disabled-table table tbody tr:hover[b-bvmjgwztlk] {
	background-color: #e9ecef;
}

table td:has(.delete)[b-bvmjgwztlk] {
	padding: 0;
	width: calc(1lh + 10px + 10px + 1px);
}

table .delete[b-bvmjgwztlk] {
	all: revert;
	padding: .5rem;
	display: grid;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: none;
	cursor: pointer;
	height: calc(1lh + 10px + 10px + 1px);
	width: calc(1lh + 10px + 10px + 1px);
	outline-offset: -5px;
}

	table .delete:is(:hover, :focus)[b-bvmjgwztlk]  svg path {
		fill: red;
	}

	table .delete[disabled][b-bvmjgwztlk]  svg path {
		fill: #445364;
	}

/* --------------------- animations & transitions -------------------- */
@media (prefers-reduced-motion: no-preference) {
	.table-container[b-bvmjgwztlk] {
		transition: background-color .2s ease-in-out;
	}

	table tbody tr[b-bvmjgwztlk],
	table tbody[b-bvmjgwztlk]  tr {
		transition: background-color .2s ease-in-out;
	}

	table .delete[b-bvmjgwztlk]  svg path {
		transition: fill .2s ease-in-out;
	}
}


[b-bvmjgwztlk] .add-contactperson-btn {
	margin-left: 1rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Data/SubTab/DataBankAccountsTab.razor.rz.scp.css */
.bank-account[b-2hhuv42cwx] {
	display: flex;
	flex-direction: column;
	gap: inherit;
}

.accounts[b-2hhuv42cwx] {
	--padding-left: 3rem;
	display: flex;
	flex-direction: column;
	gap: inherit;
	padding-left: var(--padding-left);
}

	.accounts[b-2hhuv42cwx]  .new-layout {
		grid-template-columns: calc(320px - var(--padding-left)) 1fr;
	}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Data/SubTab/DataGeneralTab.razor.rz.scp.css */
.bank-account[b-mq4ymci4a2] {
	display: flex;
	flex-direction: column;
	gap: inherit;
}

.accounts[b-mq4ymci4a2] {
	--padding-left: 3rem;
	display: flex;
	flex-direction: column;
	gap: inherit;
	padding-left: var(--padding-left);
}

	.accounts[b-mq4ymci4a2]  .new-layout {
		grid-template-columns: calc(320px - var(--padding-left)) 1fr;
	}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Document/SubTab/DocumentGeneralOldTab.razor.rz.scp.css */
/* -------------------- fileupload -------------------- */

[b-97on8dv6se] .upload {
	width: unset;
	max-width: 800px;
	aspect-ratio: 16 / 5;
}

	[b-97on8dv6se] .upload label {
		background-color: white;
	}

p[b-97on8dv6se] {
	margin: 0;
	line-height: normal;
}

.edit-upload[b-97on8dv6se],
.upload-container[b-97on8dv6se] {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.edit-upload[b-97on8dv6se] {
	padding-top: 2rem;
}

.Highlited-upload-text[b-97on8dv6se] {
	border-bottom: 1px solid black;
}

ul.uploaded-files[b-97on8dv6se] {
	background-color: white;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	max-width: 800px;
	overflow: hidden;
}

	ul.uploaded-files[b-97on8dv6se]  li {
		border: none;
	}

.talbe-container[b-97on8dv6se] {
	background-color: white;
	border-radius: .6rem;
	border: 1px solid rgba(0,0,0,.2);
	max-width: 800px;
}

table[b-97on8dv6se],
table tr[b-97on8dv6se] {
	background-color: transparent;
	transition: .2s ease-in-out;
}

table[b-97on8dv6se] {
	border: none;
	margin: 0;
}

	table 

	table tbody tr:hover[b-97on8dv6se] {
		background-color: #EEEEEE;
	}

	table[b-97on8dv6se]  th {
		padding: 1rem;
	}

	table[b-97on8dv6se]  td,
	table[b-97on8dv6se]  th {
		vertical-align: sub;
		line-height: normal;
		padding: 1rem;
	}

	table[b-97on8dv6se]  td:nth-child(1),
	table[b-97on8dv6se]  td:nth-child(2) {
		width: 0;
	}

	table[b-97on8dv6se]  td:nth-child(3) {
		word-break: break-all;
		text-wrap: wrap;
	}

		table[b-97on8dv6se]  td:nth-child(3) a {
			display: block !important;
			color: #8B8B8B !important;
			transition: .3s ease-in-out;
			width: fit-content;
		}

			table[b-97on8dv6se]  td:nth-child(3) a:is(:hover, :focus) {
				color: green !important;
			}



	table[b-97on8dv6se]  .deb-icon {
		padding: 0;
	}

		table[b-97on8dv6se]  .deb-icon a {
			padding: 1rem;
			align-items: center;
			justify-content: center;
			width: 100%;
			display: flex;
			box-sizing: border-box;
			height: calc(1lh + 2rem);
			aspect-ratio: 1;
		}

			table[b-97on8dv6se]  .deb-icon a i {
				color: #8B8B8B;
				transition: .3s ease-in-out;
			}

			table[b-97on8dv6se]  .deb-icon a:is(:hover, :focus) i {
				color: red;
			}

.preview[b-97on8dv6se]{
	display: flex;
	flex-direction: column; 
	gap: 1.5rem;
}

.error-massage[b-97on8dv6se]{
	color: red;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Document/SubTab/DocumentGeneralTab.razor.rz.scp.css */
/* -------------------- fileupload -------------------- */

[b-volb4y5ywb] .upload {
	width: unset;
	max-width: 800px;
	aspect-ratio: 16 / 5;
}

	[b-volb4y5ywb] .upload label {
		background-color: white;
	}

p[b-volb4y5ywb] {
	margin: 0;
	line-height: normal;
}

.edit-upload[b-volb4y5ywb],
.upload-container[b-volb4y5ywb] {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.edit-upload[b-volb4y5ywb] {
	padding-top: 2rem;
}

.Highlited-upload-text[b-volb4y5ywb] {
	border-bottom: 1px solid black;
}

ul.uploaded-files[b-volb4y5ywb] {
	background-color: white;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	max-width: 800px;
	overflow: hidden;
}

	ul.uploaded-files[b-volb4y5ywb]  li {
		border: none;
	}

.talbe-container[b-volb4y5ywb] {
	background-color: white;
	border-radius: .6rem;
	border: 1px solid rgba(0,0,0,.2);
	max-width: 800px;
}

table[b-volb4y5ywb],
table tr[b-volb4y5ywb] {
	background-color: transparent;
	transition: .2s ease-in-out;
}

table[b-volb4y5ywb] {
	border: none;
	margin: 0;
}

	table 

	table tbody tr:hover[b-volb4y5ywb] {
		background-color: #EEEEEE;
	}

	table[b-volb4y5ywb]  th {
		padding: 1rem;
	}

	table[b-volb4y5ywb]  td,
	table[b-volb4y5ywb]  th {
		vertical-align: sub;
		line-height: normal;
		padding: 1rem;
	}

	table[b-volb4y5ywb]  td:nth-child(3) {
		word-break: break-all;
		text-wrap: wrap;
	}

		table[b-volb4y5ywb]  td:nth-child(3) a {
			display: block !important;
			color: #8B8B8B !important;
			transition: .3s ease-in-out;
			width: fit-content;
		}

			table[b-volb4y5ywb]  td:nth-child(3) a:is(:hover, :focus) {
				color: green !important;
			}



	table[b-volb4y5ywb]  .deb-icon {
		padding: 0;
	}

		table[b-volb4y5ywb]  .deb-icon a {
			padding: 1rem;
			align-items: center;
			justify-content: center;
			width: 100%;
			display: flex;
			box-sizing: border-box;
			height: calc(1lh + 2rem);
			aspect-ratio: 1;
		}

			table[b-volb4y5ywb]  .deb-icon a i {
				color: #8B8B8B;
				transition: .3s ease-in-out;
			}

			table[b-volb4y5ywb]  .deb-icon a:is(:hover, :focus) i {
				color: red;
			}

.preview[b-volb4y5ywb]{
	display: flex;
	flex-direction: column; 
	gap: 1.5rem;
}

.error-massage[b-volb4y5ywb]{
	color: red;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Document/SubTab/DocumentMapping.razor.rz.scp.css */
/* -------------------- fileupload -------------------- */

[b-ytl37ukddd] .upload {
	width: unset;
	max-width: 800px;
	aspect-ratio: 16 / 5;
}

	[b-ytl37ukddd] .upload label {
		background-color: white;
	}

p[b-ytl37ukddd] {
	margin: 0;
	line-height: normal;
}

.edit-upload[b-ytl37ukddd],
.upload-container[b-ytl37ukddd] {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.edit-upload[b-ytl37ukddd] {
	padding-top: 2rem;
}

.Highlited-upload-text[b-ytl37ukddd] {
	border-bottom: 1px solid black;
}

ul.uploaded-files[b-ytl37ukddd] {
	background-color: white;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	max-width: 800px;
	overflow: hidden;
}

	ul.uploaded-files[b-ytl37ukddd]  li {
		border: none;
	}

.talbe-container[b-ytl37ukddd] {
	background-color: white;
	border-radius: .6rem;
	border: 1px solid rgba(0,0,0,.2);
	max-width: 800px;
}

table[b-ytl37ukddd],
table tr[b-ytl37ukddd] {
	background-color: transparent;
	transition: .2s ease-in-out;
}

table[b-ytl37ukddd] {
	border: none;
	margin: 0;
}

	table

	table tbody tr:hover[b-ytl37ukddd] {
		background-color: #EEEEEE;
	}

	table[b-ytl37ukddd]  th {
		padding: 1rem;
	}

	table[b-ytl37ukddd]  td,
	table[b-ytl37ukddd]  th {
		vertical-align: sub;
		line-height: normal;
		padding: 1rem;
	}

		table[b-ytl37ukddd]  td:nth-child(3) {
			word-break: break-all;
			text-wrap: wrap;
		}

			table[b-ytl37ukddd]  td:nth-child(3) a {
				display: block !important;
				color: #8B8B8B !important;
				transition: .3s ease-in-out;
				width: fit-content;
			}

				table[b-ytl37ukddd]  td:nth-child(3) a:is(:hover, :focus) {
					color: green !important;
				}



	table[b-ytl37ukddd]  .deb-icon {
		padding: 0;
	}

		table[b-ytl37ukddd]  .deb-icon a {
			padding: 1rem;
			align-items: center;
			justify-content: center;
			width: 100%;
			display: flex;
			box-sizing: border-box;
			height: calc(1lh + 2rem);
			aspect-ratio: 1;
		}

			table[b-ytl37ukddd]  .deb-icon a i {
				color: #8B8B8B;
				transition: .3s ease-in-out;
			}

			table[b-ytl37ukddd]  .deb-icon a:is(:hover, :focus) i {
				color: red;
			}

.preview[b-ytl37ukddd] {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.error-massage[b-ytl37ukddd] {
	color: red;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Factoring/SubTab/FactoringGeneralTab.razor.rz.scp.css */
label[b-gww3dptdh9] {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	--main-color: #133416;
	--main-color-limegreen: #d1f951;
	--main-color-lightbeige: #efede0;
	box-sizing: inherit;
	display: block;
	font-family: roboto, sans-serif;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.75;
	padding: 5px 0 0;
}


.row-wrapper[b-gww3dptdh9] {
	display: flex;
	gap: 20px;
}



h2[b-gww3dptdh9] {
	border-bottom: none;
}

[b-gww3dptdh9] .height-child-container {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	padding-top: 1.5rem;
}

[b-gww3dptdh9] .table-container {
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	background-color: white;
}

[b-gww3dptdh9] .table-container table {
	margin: 0;
}

 tr td[b-gww3dptdh9],
 tr th[b-gww3dptdh9] {
	padding: 1rem;
}

 [b-gww3dptdh9] .status-cell{
	background-color: transparent !important;
	border-top: 1px solid rgba(0,0,0,.2) !important;
	padding: 1rem 2rem;
}

 [b-gww3dptdh9] .status-cell::after{
	content: '';
	height: 1.5rem;
	width: 1.5rem;
	border-radius: 50%;
	background-color: var(--status-color);
	display: block;
	border: 1px solid rgba(0,0,0,.2);
}

.table-container thead tr td[b-gww3dptdh9] {
	border: none;
}

.table-container tbody tr td[b-gww3dptdh9] {
	border-top: 1px solid rgba(0,0,0,.2);
}

.table-container tbody tr[b-gww3dptdh9],
.table-container tbody tr td[b-gww3dptdh9] {
	background: transparent;
	background-color: transparent !important;
}

.rapportage-container[b-gww3dptdh9] {
	display: flex;
	flex-direction: column;
	gap: inherit;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Menu/SubTab/MenuDebtorStatusesTab.razor.rz.scp.css */

[b-kxr0o5gw57] .table-container {
	margin: 0;
	container-name: Table-container;
	container-type: inline-size;
}

	[b-kxr0o5gw57] .table-container table {
		border: none;
		margin: 0;
	}

[b-kxr0o5gw57] table {
	border: none;
}

	[b-kxr0o5gw57] table,
	[b-kxr0o5gw57] table tbody,
	[b-kxr0o5gw57] table tbody tr,
	[b-kxr0o5gw57] table tbody tr:hover,
	[b-kxr0o5gw57] table tbody tr td {
		background-color: transparent;
	}

		[b-kxr0o5gw57] table thead th {
			padding: .6rem .6rem 1rem .6rem;
			line-height: normal;
		}

		[b-kxr0o5gw57] table tr td {
			border: none;
			line-height: normal;
			width: 100%;
		}

			[b-kxr0o5gw57] table tr td:nth-child(2) {
				border: none;
				line-height: normal;
			}


		[b-kxr0o5gw57] table tbody tr {
			border-top: 1px solid rgba(0,0,0,.2);
		}

[b-kxr0o5gw57] td .DebEditor {
	--input-padding: .8rem;
}

[b-kxr0o5gw57] td input {
	/*	min-width: 75px;*/
	padding: 8px 5px;
	width: 100%;
	min-width: unset;
}

.table-btn[b-kxr0o5gw57] {
	all: revert;
	background: transparent;
	padding: .5rem;
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}

[b-kxr0o5gw57] .statecondition-content-container {
	width: 100%;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Menu/SubTab/MenuInvoiceStatusTab.razor.rz.scp.css */
[b-g8166x8e8l] .row-container {
	background-color: white;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: .5rem;
}

	[b-g8166x8e8l] .row-container .row {
		padding: 1rem;
	}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Menu/SubTab/MenuTicketReasonTab.razor.rz.scp.css */
.row-container[b-bzbrb59eck]
{
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	padding: 1.5rem 0;
}

.row[b-bzbrb59eck] {
	display: flex;
	align-items: flex-start;
	gap: 5px;
	padding: 1rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: .5rem;
}

.content[b-bzbrb59eck] {
	display: flex;
	flex-direction: column;
	align-items: unset;
	width: 100%;
}

.button-container[b-bzbrb59eck] {
	display: flex;
	gap: .5rem;
}

.delete-edit[b-bzbrb59eck] {
	all: revert;
	background-color: transparent;
	border: unset;
	cursor: pointer;
	display: grid;
	align-items: center;
	justify-content: center;
	padding: .5rem;
	position: relative;
}

@container (min-width: 700px) {
	.row-container[b-bzbrb59eck] {
		grid-template-columns: 1fr 1fr;
	}
}

@container (min-width: 1050px) {
	.row-container[b-bzbrb59eck] {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Menu/SubTab/SettingDebtorStatusesTab.razor.rz.scp.css */

[b-24ornuslcd] .table-container {
	margin: 0;
	container-name: Table-container;
	container-type: inline-size;
}

	[b-24ornuslcd] .table-container table {
		border: none;
		margin: 0;
	}

[b-24ornuslcd] table {
	border: none;
}

	[b-24ornuslcd] table,
	[b-24ornuslcd] table tbody,
	[b-24ornuslcd] table tbody tr,
	[b-24ornuslcd] table tbody tr:hover,
	[b-24ornuslcd] table tbody tr td {
		background-color: transparent;
	}

		[b-24ornuslcd] table thead th {
			padding: .6rem .6rem 1rem .6rem;
			line-height: normal;
		}

		[b-24ornuslcd] table tr td {
			border: none;
			line-height: normal;
			width: 100%;
		}

			[b-24ornuslcd] table tr td:nth-child(2) {
				border: none;
				line-height: normal;
			}


		[b-24ornuslcd] table tbody tr {
			border-top: 1px solid rgba(0,0,0,.2);
		}

[b-24ornuslcd] td .DebEditor {
	--input-padding: .8rem;
}

[b-24ornuslcd] td input {
	/*	min-width: 75px;*/
	padding: 8px 5px;
	width: 100%;
	min-width: unset;
}

.table-btn[b-24ornuslcd] {
	all: revert;
	background: transparent;
	padding: .5rem;
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}

[b-24ornuslcd] .statecondition-content-container {
	width: 100%;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Menu/SubTab/SettingTicketReasonTab.razor.rz.scp.css */
.row-container[b-397h2j5xyr]
{
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	padding: 1.5rem 0;
}

.row[b-397h2j5xyr] {
	display: flex;
	align-items: flex-start;
	gap: 5px;
	padding: 1rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: .5rem;
}

.content[b-397h2j5xyr] {
	display: flex;
	flex-direction: column;
	align-items: unset;
	width: 100%;
}

.button-container[b-397h2j5xyr] {
	display: flex;
	gap: .5rem;
}

.delete-edit[b-397h2j5xyr] {
	all: revert;
	background-color: transparent;
	border: unset;
	cursor: pointer;
	display: grid;
	align-items: center;
	justify-content: center;
	padding: .5rem;
	position: relative;
}

@container (min-width: 700px) {
	.row-container[b-397h2j5xyr] {
		grid-template-columns: 1fr 1fr;
	}
}

@container (min-width: 1050px) {
	.row-container[b-397h2j5xyr] {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Module/SubTab/ModuleCreditLimitTab.razor.rz.scp.css */
[b-799i2g6sa0] section {
	display: flex;
	gap: 2rem;
}

[b-799i2g6sa0] section div {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Module/SubTab/ModuleIncassoTab.razor.rz.scp.css */
.table-container[b-vuxk814o42] {
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	overflow-x: auto;
	background-color: white;
}

@media (pointer: fine) and (hover: hover) {
	.table-container[b-vuxk814o42]::-webkit-scrollbar {
		height: 10px;
	}

	.table-container[b-vuxk814o42]::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
	}

	.table-container[b-vuxk814o42]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		.table-container[b-vuxk814o42]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

.table-container.disabled-table[b-vuxk814o42] {
	background-color: #e9ecef;
}

[b-vuxk814o42] table {
	border: none;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	margin: 0;
	background-color: transparent;
}

[b-vuxk814o42] tbody tr:nth-child(odd),
[b-vuxk814o42] tbody tr:nth-child(even) {
	background-color: transparent;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}

[b-vuxk814o42] td {
	padding: 1rem;
	line-height: normal;
	border: none;
}

[b-vuxk814o42] th {
	line-height: normal;
	padding: 1.5rem 1rem;
	border: none;
}

[b-vuxk814o42] table .delete-btn {
	all: revert;
	padding: .5rem;
	display: grid;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: none;
	cursor: pointer;
	height: calc(1lh + 10px + 10px + 1px);
	width: calc(1lh + 10px + 10px + 1px);
	outline-offset: -5px;
}

	[b-vuxk814o42] table .delete-btn:is(:hover, :focus) svg path {
		fill: red;
	}

	[b-vuxk814o42] table .delete-btn[disabled] svg path {
		fill: #445364;
	}

/* --------------------- animations & transitions -------------------- */
@media (prefers-reduced-motion: no-preference) {
	.table-container[b-vuxk814o42] {
		transition: background-color .2s ease-in-out;
	}

	table tbody tr[b-vuxk814o42],
	table tbody[b-vuxk814o42]  tr {
		transition: background-color .2s ease-in-out;
	}

	table .delete[b-vuxk814o42]  svg path {
		transition: fill .2s ease-in-out;
	}
}


table tbody tr.deleted[b-vuxk814o42] {
	background-color: #eda9a999;
}

.settle-types-table tbody[b-vuxk814o42]  td:first-child {
	width: 80%;
}

	.settle-types-table tbody[b-vuxk814o42]  td:first-child input {
		width: 100%;
	}


.settle-article[b-vuxk814o42] {
	width: 30%;
}


[b-vuxk814o42] .add-category-btn {
	margin: 1rem;
}


[b-vuxk814o42] .option-list-container .sub-tab > div {
	display: grid;
	grid-template-columns: minmax(auto, 320px) 1fr;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Module/SubTab/ModuleKickbackTab.razor.rz.scp.css */

[b-s25tziyyb9] .table-container {
	margin: 0;
	container-name: Table-container;
	container-type: inline-size;
}

	[b-s25tziyyb9] .table-container table {
		border: none;
		margin: 0;
	}

[b-s25tziyyb9] table {
	border: none;
}

	[b-s25tziyyb9] table,
	[b-s25tziyyb9] table tbody,
	[b-s25tziyyb9] table tbody tr,
	[b-s25tziyyb9] table tbody tr:hover,
	[b-s25tziyyb9] table tbody tr td {
		background-color: transparent;
	}

		[b-s25tziyyb9] table thead th {
			padding: .6rem .6rem 1rem .6rem;
			line-height: normal;
		}

		[b-s25tziyyb9] table tr td {
			border: none;
			line-height: normal;
			width: 100%;
		}

			[b-s25tziyyb9] table tr td:nth-child(2) {
				border: none;
				line-height: normal;
			}


		[b-s25tziyyb9] table tbody tr {
			border-top: 1px solid rgba(0,0,0,.2);
		}

[b-s25tziyyb9] td .DebEditor {
	--input-padding: .8rem;
}

[b-s25tziyyb9] td input {
	/*	min-width: 75px;*/
	padding: 8px 5px;
	width: 100%;
	min-width: unset;
}

.table-btn[b-s25tziyyb9] {
	all: revert;
	background: transparent;
	padding: .5rem;
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}

[b-s25tziyyb9] .statecondition-content-container {
	width: 100%;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Module/SubTab/ModuleRentTab.razor.rz.scp.css */

[b-qcm4htjv4c] .table-container {
	margin: 0;
	container-name: Table-container;
	container-type: inline-size;
}

	[b-qcm4htjv4c] .table-container table {
		border: none;
		margin: 0;
	}

[b-qcm4htjv4c] table {
	border: none;
}

	[b-qcm4htjv4c] table,
	[b-qcm4htjv4c] table tbody,
	[b-qcm4htjv4c] table tbody tr,
	[b-qcm4htjv4c] table tbody tr:hover,
	[b-qcm4htjv4c] table tbody tr td {
		background-color: transparent;
	}

		[b-qcm4htjv4c] table thead th {
			padding: .6rem .6rem 1rem .6rem;
			line-height: normal;
		}

		[b-qcm4htjv4c] table tr td {
			border: none;
			line-height: normal;
			width: 100%;
		}

			[b-qcm4htjv4c] table tr td:nth-child(2) {
				border: none;
				line-height: normal;
			}


		[b-qcm4htjv4c] table tbody tr {
			border-top: 1px solid rgba(0,0,0,.2);
		}

[b-qcm4htjv4c] td .DebEditor {
	--input-padding: .8rem;
}

[b-qcm4htjv4c] td input {
	/*	min-width: 75px;*/
	padding: 8px 5px;
	width: 100%;
	min-width: unset;
}

.table-btn[b-qcm4htjv4c] {
	all: revert;
	background: transparent;
	padding: .5rem;
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}

[b-qcm4htjv4c] .statecondition-content-container {
	width: 100%;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/PSD2/SubTab/Psd2ConnectionTab.razor.rz.scp.css */
.page[b-raiq90zn1n]{
	display: flex;
	flex-direction: column;
	gap: 4rem;
}

.table-container[b-raiq90zn1n] {
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	overflow-x: auto;
	background-color: white;
	position: relative;
	max-height: 50vh;
}

@media (pointer: fine) and (hover: hover) {
	.table-container[b-raiq90zn1n]::-webkit-scrollbar {
		border-left: 1px solid rgba(0,0,0,0.2);
		padding: 5px;
	}

	.table-container[b-raiq90zn1n]::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
		background-color: transparent;
	}

	.table-container[b-raiq90zn1n]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		.table-container[b-raiq90zn1n]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

.table-container.disabled-table[b-raiq90zn1n] {
	background-color: #e9ecef;
}

table[b-raiq90zn1n] {
	border: none;
	margin: 0;
	background-color: transparent;
}

	table[b-raiq90zn1n]  th,
	table[b-raiq90zn1n]  td {
		padding: 1rem;
		line-height: normal;
		border: none;
	}

	table .sticky-head[b-raiq90zn1n]{
		position: sticky;
		top: 0;
		background-color: white;
		z-index: 2;
	}

	table thead[b-raiq90zn1n]  th,
	[b-raiq90zn1n] table thead th {
		border: none;
		padding: 1.5rem 1rem;
		border: none;
	}

	table tbody tr[b-raiq90zn1n],
	table tbody[b-raiq90zn1n]  tr:nth-child(odd),
	table tbody[b-raiq90zn1n]  tr:nth-child(even) {
		background-color: transparent;
		border-top: 1px solid rgba(0,0,0,.2)
	}

		table tbody tr:hover[b-raiq90zn1n],
		table tbody[b-raiq90zn1n]  tr:hover {
			background-color: #EEEEEE;
		}

.disabled-table table tbody tr:hover[b-raiq90zn1n] {
	background-color: #e9ecef;
}

table td:has(.delete)[b-raiq90zn1n] {
	padding: 0;
	width: calc(1lh + 10px + 10px + 1px);
}

table .delete[b-raiq90zn1n] {
	all: revert;
	padding: .5rem;
	display: grid;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: none;
	cursor: pointer;
	height: calc(1lh + 10px + 10px + 1px);
	width: calc(1lh + 10px + 10px + 1px);
	outline-offset: -5px;
}

	table .delete:is(:hover, :focus)[b-raiq90zn1n]  svg path {
		fill: red;
	}

	table .delete[disabled][b-raiq90zn1n]  svg path {
		fill: #445364;
	}

/* --------------------- animations & transitions -------------------- */
@media (prefers-reduced-motion: no-preference) {
	.table-container[b-raiq90zn1n] {
		transition: background-color .2s ease-in-out;
	}

	table tbody tr[b-raiq90zn1n],
	table tbody[b-raiq90zn1n]  tr {
		transition: background-color .2s ease-in-out;
	}

	table .delete[b-raiq90zn1n]  svg path {
		transition: fill .2s ease-in-out;
	}
}

.table-header[b-raiq90zn1n]{
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 0;
	border: none;
	align-items: center;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/PSD2/SubTab/PSD2LinkedCustomersTab.razor.rz.scp.css */
[b-a5j5gp9p4i] .table-container {
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	overflow-x: auto;
	background-color: white;
	position: relative;
	max-height: 50vh;
}

@media (pointer: fine) and (hover: hover) {
	[b-a5j5gp9p4i] .table-container::-webkit-scrollbar {
		border-left: 1px solid rgba(0,0,0,0.2);
		width: 10px;
	}

	[b-a5j5gp9p4i] .table-container::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
		background-color: transparent;
	}

	[b-a5j5gp9p4i] .table-container::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		[b-a5j5gp9p4i] .table-container::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

[b-a5j5gp9p4i] table {
	border: none;
}

[b-a5j5gp9p4i] table thead th {
	border: none;
	padding: 1.5rem 1rem;
	border: none;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Settings/SubTab/SettingCommunicationTab.razor.rz.scp.css */
.textarea-container[b-x0ss15ctnz]  .new-layout {
	max-width: unset;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Settings/SubTab/SettingGeneralAttachmentsTab.razor.rz.scp.css */

[b-0rg7hei5xh] .table-container {
	margin: 0;
	container-name: Table-container;
	container-type: inline-size;
}

	[b-0rg7hei5xh] .table-container table {
		border: none;
		margin: 0;
	}

[b-0rg7hei5xh] table {
	border: none;
}

	[b-0rg7hei5xh] table,
	[b-0rg7hei5xh] table tbody,
	[b-0rg7hei5xh] table tbody tr,
	[b-0rg7hei5xh] table tbody tr:hover,
	[b-0rg7hei5xh] table tbody tr td {
		background-color: transparent;
	}

		[b-0rg7hei5xh] table thead th {
			padding: .6rem .6rem 1rem .6rem;
			line-height: normal;
		}

		[b-0rg7hei5xh] table tr td {
			border: none;
			line-height: normal;
			width: 100%;
		}

			[b-0rg7hei5xh] table tr td:nth-child(2) {
				border: none;
				line-height: normal;
			}


		[b-0rg7hei5xh] table tbody tr {
			border-top: 1px solid rgba(0,0,0,.2);
		}

[b-0rg7hei5xh] td .DebEditor {
	--input-padding: .8rem;
}

[b-0rg7hei5xh] td input {
	/*	min-width: 75px;*/
	padding: 8px 5px;
	width: 100%;
	min-width: unset;
}

.table-btn[b-0rg7hei5xh] {
	all: revert;
	background: transparent;
	padding: .5rem;
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}

[b-0rg7hei5xh] .statecondition-content-container {
	width: 100%;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Settings/SubTab/SettingManageAgencyTab.razor.rz.scp.css */
.textarea-container[b-nkid5xr9yg]  .new-layout {
	max-width: unset;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Settings/SubTab/SettingOtherTab.razor.rz.scp.css */

[b-ckjqj7rtqs] .table-container {
	margin: 0;
	container-name: Table-container;
	container-type: inline-size;
}

	[b-ckjqj7rtqs] .table-container table {
		border: none;
		margin: 0;
	}

[b-ckjqj7rtqs] table {
	border: none;
}

	[b-ckjqj7rtqs] table,
	[b-ckjqj7rtqs] table tbody,
	[b-ckjqj7rtqs] table tbody tr,
	[b-ckjqj7rtqs] table tbody tr:hover,
	[b-ckjqj7rtqs] table tbody tr td {
		background-color: transparent;
	}

		[b-ckjqj7rtqs] table thead th {
			padding: .6rem .6rem 1rem .6rem;
			line-height: normal;
		}

		[b-ckjqj7rtqs] table tr td {
			border: none;
			line-height: normal;
			width: 100%;
		}

			[b-ckjqj7rtqs] table tr td:nth-child(2) {
				border: none;
				line-height: normal;
			}


		[b-ckjqj7rtqs] table tbody tr {
			border-top: 1px solid rgba(0,0,0,.2);
		}

[b-ckjqj7rtqs] td .DebEditor {
	--input-padding: .8rem;
}

[b-ckjqj7rtqs] td input {
	/*	min-width: 75px;*/
	padding: 8px 5px;
	width: 100%;
	min-width: unset;
}

.table-btn[b-ckjqj7rtqs] {
	all: revert;
	background: transparent;
	padding: .5rem;
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}

[b-ckjqj7rtqs] .statecondition-content-container {
	width: 100%;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Settings/SubTab/SettingSuperUserTab.razor.rz.scp.css */
[b-tpvnrfm9ci] .superuser-container{
	padding: 0;
	border: none;
	border-radius: unset;
	gap: 1rem;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Settings/SubTab/SettingYourOwnMyEnvironmentTab.razor.rz.scp.css */
.message[b-cl6cbr5owq] {
	margin-bottom: 1rem;
	line-height: 1.5;
}

.email-link[b-cl6cbr5owq] {
	display: inline-block;
	color: #2d9f11;
	cursor: pointer;
	padding: .2rem;
	margin: -.2rem;
	text-decoration: underline;
	text-underline-offset: 4px;
}

	.email-link:is(:hover, :focus)[b-cl6cbr5owq] {
		color: #216f0e;
	}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Workflow/SubTab/WorkflowAdministrationCostsTab.razor.rz.scp.css */
p[b-8z9l3mq116] {
	line-height: normal;
	margin: 0;
}

.interest-table[b-8z9l3mq116]  .deb-decimal {
	width: 85%;
}

.message-card[b-8z9l3mq116] {
	padding: 1rem 2rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-width: 800px;
	background-color: white;
	border-radius: .6rem;
	box-shadow: 0 0 1px 1px rgba(0,0,0,.2);
}

	.message-card header[b-8z9l3mq116] {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-areas: 'title delete'
			'type type';
		row-gap: .5rem;
		column-gap: 1rem;
	}

		.message-card header .message-title[b-8z9l3mq116] {
			grid-area: title;
			line-height: normal;
			height: 100%;
			display: grid;
			align-items: center;
			padding: .8rem 0;
		}

			.message-card header .message-title:is(:hover, :focus)[b-8z9l3mq116] {
				color: green;
			}

			.message-card header .message-title b[b-8z9l3mq116] {
				color: inherit;
			}

		.message-card header .message-delete[b-8z9l3mq116] {
			all: revert;
			grid-area: delete;
			background-color: transparent;
			box-shadow: unset;
			border: unset;
			padding: .8rem;
			cursor: pointer;
			height: fit-content;
		}

			.message-card header .message-delete[b-8z9l3mq116]  svg {
				height: 1lh;
				line-height: normal;
			}

				.message-card header .message-delete[b-8z9l3mq116]  svg path {
					transition: all .3s ease-in-out;
				}

			.message-card header .message-delete:is(:hover, :focus)[b-8z9l3mq116]  svg path {
				fill: red;
			}

		.message-card header .message-type[b-8z9l3mq116] {
			grid-area: type;
		}

.message[b-8z9l3mq116] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

	.message[b-8z9l3mq116]  .expander {
		min-height: 3lh;
		line-height: normal;
	}

	.message[b-8z9l3mq116]  .expander-content {
		visibility: unset;
	}

	.message p[b-8z9l3mq116] {
		word-break: break-word;
	}

.toggle-message-height[b-8z9l3mq116] {
	all: revert;
	width: fit-content;
	border: none;
	background-color: transparent;
	cursor: pointer;
	padding: .8rem 1.2rem;
	color: rgba(0,0,0,.5);
	transition: color .3s ease-in-out;
}

	.toggle-message-height:is(:hover, :focus)[b-8z9l3mq116] {
		color: rgba(0,0,0,.75);
	}

.option-list-container .sub-tab .to-be-toggled2[b-8z9l3mq116] {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.option-list-container:has(.has-table)[b-8z9l3mq116]{
	max-width: unset;
}
/* -------------------- table ------------------ */
.table-container[b-8z9l3mq116] {
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	overflow-x: auto;
	background-color: white;
}

@media (pointer: fine) and (hover: hover){
	.table-container[b-8z9l3mq116]::-webkit-scrollbar {
		height: 10px;
	}

	.table-container[b-8z9l3mq116]::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
	}

	.table-container[b-8z9l3mq116]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		.table-container[b-8z9l3mq116]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

.table-container.disabled-table[b-8z9l3mq116] {
	background-color: #e9ecef;
}

table[b-8z9l3mq116] {
	border: none;
	margin: 0;
	background-color: transparent;
}

table[b-8z9l3mq116]  th,
table[b-8z9l3mq116]  td {
	padding: 1rem;
	line-height: normal;
	border: none;
}

table thead td[b-8z9l3mq116] {
	border: none;
	padding: 1.5rem 2rem;
	border: none;
}

	table tbody tr[b-8z9l3mq116] {
		background-color: transparent;
		border-top: 1px solid rgba(0,0,0,.2)
	}

		table tbody tr:hover[b-8z9l3mq116] {
			background-color: #EEEEEE;
		}

.disabled-table table tbody tr:hover[b-8z9l3mq116] {
	background-color: #e9ecef;
}

table td:has(.delete)[b-8z9l3mq116] {
	padding: 0;
	width: calc(1lh + 10px + 10px + 10px + 10px);
}

table .delete[b-8z9l3mq116] {
	all: revert;
	padding: .5rem;
	display: grid;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: none;
	cursor: pointer;
	height: calc(1lh + 10px + 10px + 10px + 10px);
	width: calc(1lh + 10px + 10px + 10px + 10px);
	outline-offset: -10px;
}

	table .delete:is(:hover, :focus)[b-8z9l3mq116]  svg path{
		fill: red;
	}

	table .delete[disabled][b-8z9l3mq116]  svg path {
		fill: #445364;
	}

/* --------------------- animations & transitions -------------------- */
@media (prefers-reduced-motion: no-preference) {
	.table-container[b-8z9l3mq116] {
		transition: background-color .2s ease-in-out;
	}

	table tbody tr[b-8z9l3mq116] {
		transition: background-color .2s ease-in-out;
	}

	table .delete[b-8z9l3mq116]  svg path{
		transition: fill .2s ease-in-out;
	}
}

/*::deep .expander-content:has(table){
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
*/

.disabled-table[b-8z9l3mq116] {
	background-color: #e9ecef;
}

.has-table[b-8z9l3mq116]  .new-layout {
	padding-right: 2rem;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Workflow/SubTab/WorkflowChangeTab.razor.rz.scp.css */
body[b-n9csumbvym] {
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Workflow/SubTab/WorkflowGeneralTab.razor.rz.scp.css */
p[b-755hjhn1a6] {
	line-height: normal;
	margin: 0;
}

.interest-table[b-755hjhn1a6]  .deb-decimal {
	width: 85%;
}

.message-card[b-755hjhn1a6] {
	padding: 1rem 2rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-width: 800px;
	background-color: white;
	border-radius: .6rem;
	box-shadow: 0 0 1px 1px rgba(0,0,0,.2);
}

	.message-card header[b-755hjhn1a6] {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-areas: 'title delete'
			'type type';
		row-gap: .5rem;
		column-gap: 1rem;
	}

		.message-card header .message-title[b-755hjhn1a6] {
			grid-area: title;
			line-height: normal;
			height: 100%;
			display: grid;
			align-items: center;
			padding: .8rem 0;
		}

			.message-card header .message-title:is(:hover, :focus)[b-755hjhn1a6] {
				color: green;
			}

			.message-card header .message-title b[b-755hjhn1a6] {
				color: inherit;
			}

		.message-card header .message-delete[b-755hjhn1a6] {
			all: revert;
			grid-area: delete;
			background-color: transparent;
			box-shadow: unset;
			border: unset;
			padding: .8rem;
			cursor: pointer;
			height: fit-content;
		}

			.message-card header .message-delete[b-755hjhn1a6]  svg {
				height: 1lh;
				line-height: normal;
			}

				.message-card header .message-delete[b-755hjhn1a6]  svg path {
					transition: all .3s ease-in-out;
				}

			.message-card header .message-delete:is(:hover, :focus)[b-755hjhn1a6]  svg path {
				fill: red;
			}

		.message-card header .message-type[b-755hjhn1a6] {
			grid-area: type;
		}

.message[b-755hjhn1a6] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

	.message[b-755hjhn1a6]  .expander {
		min-height: 3lh;
		line-height: normal;
	}

	.message[b-755hjhn1a6]  .expander-content {
		visibility: unset;
	}

	.message p[b-755hjhn1a6] {
		word-break: break-word;
	}

.toggle-message-height[b-755hjhn1a6] {
	all: revert;
	width: fit-content;
	border: none;
	background-color: transparent;
	cursor: pointer;
	padding: .8rem 1.2rem;
	color: rgba(0,0,0,.5);
	transition: color .3s ease-in-out;
}

	.toggle-message-height:is(:hover, :focus)[b-755hjhn1a6] {
		color: rgba(0,0,0,.75);
	}

.option-list-container .sub-tab .to-be-toggled2[b-755hjhn1a6] {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.option-list-container:has(.has-table)[b-755hjhn1a6]{
	max-width: unset;
}
/* -------------------- table ------------------ */
.table-container[b-755hjhn1a6] {
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	overflow-x: auto;
	background-color: white;
}

@media (pointer: fine) and (hover: hover){
	.table-container[b-755hjhn1a6]::-webkit-scrollbar {
		height: 10px;
	}

	.table-container[b-755hjhn1a6]::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
	}

	.table-container[b-755hjhn1a6]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		.table-container[b-755hjhn1a6]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

.table-container.disabled-table[b-755hjhn1a6] {
	background-color: #e9ecef;
}

table[b-755hjhn1a6] {
	border: none;
	margin: 0;
	background-color: transparent;
}

table[b-755hjhn1a6]  th,
table[b-755hjhn1a6]  td {
	padding: 1rem;
	line-height: normal;
	border: none;
}

table thead td[b-755hjhn1a6] {
	border: none;
	padding: 1.5rem 2rem;
	border: none;
}

	table tbody tr[b-755hjhn1a6] {
		background-color: transparent;
		border-top: 1px solid rgba(0,0,0,.2)
	}

		table tbody tr:hover[b-755hjhn1a6] {
			background-color: #EEEEEE;
		}

.disabled-table table tbody tr:hover[b-755hjhn1a6] {
	background-color: #e9ecef;
}

table td:has(.delete)[b-755hjhn1a6] {
	padding: 0;
	width: calc(1lh + 10px + 10px + 10px + 10px);
}

table .delete[b-755hjhn1a6] {
	all: revert;
	padding: .5rem;
	display: grid;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: none;
	cursor: pointer;
	height: calc(1lh + 10px + 10px + 10px + 10px);
	width: calc(1lh + 10px + 10px + 10px + 10px);
	outline-offset: -10px;
}

	table .delete:is(:hover, :focus)[b-755hjhn1a6]  svg path{
		fill: red;
	}

	table .delete[disabled][b-755hjhn1a6]  svg path {
		fill: #445364;
	}

/* --------------------- animations & transitions -------------------- */
@media (prefers-reduced-motion: no-preference) {
	.table-container[b-755hjhn1a6] {
		transition: background-color .2s ease-in-out;
	}

	table tbody tr[b-755hjhn1a6] {
		transition: background-color .2s ease-in-out;
	}

	table .delete[b-755hjhn1a6]  svg path{
		transition: fill .2s ease-in-out;
	}
}

/*::deep .expander-content:has(table){
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
*/

.disabled-table[b-755hjhn1a6] {
	background-color: #e9ecef;
}

.has-table[b-755hjhn1a6]  .new-layout {
	padding-right: 2rem;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Workflow/SubTab/WorkflowInterestTab.razor.rz.scp.css */
p[b-7ce0s15c10] {
	line-height: normal;
	margin: 0;
}

.interest-table[b-7ce0s15c10]  .deb-decimal {
	width: 85%;
}

.message-card[b-7ce0s15c10] {
	padding: 1rem 2rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-width: 800px;
	background-color: white;
	border-radius: .6rem;
	box-shadow: 0 0 1px 1px rgba(0,0,0,.2);
}

	.message-card header[b-7ce0s15c10] {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-areas: 'title delete'
			'type type';
		row-gap: .5rem;
		column-gap: 1rem;
	}

		.message-card header .message-title[b-7ce0s15c10] {
			grid-area: title;
			line-height: normal;
			height: 100%;
			display: grid;
			align-items: center;
			padding: .8rem 0;
		}

			.message-card header .message-title:is(:hover, :focus)[b-7ce0s15c10] {
				color: green;
			}

			.message-card header .message-title b[b-7ce0s15c10] {
				color: inherit;
			}

		.message-card header .message-delete[b-7ce0s15c10] {
			all: revert;
			grid-area: delete;
			background-color: transparent;
			box-shadow: unset;
			border: unset;
			padding: .8rem;
			cursor: pointer;
			height: fit-content;
		}

			.message-card header .message-delete[b-7ce0s15c10]  svg {
				height: 1lh;
				line-height: normal;
			}

				.message-card header .message-delete[b-7ce0s15c10]  svg path {
					transition: all .3s ease-in-out;
				}

			.message-card header .message-delete:is(:hover, :focus)[b-7ce0s15c10]  svg path {
				fill: red;
			}

		.message-card header .message-type[b-7ce0s15c10] {
			grid-area: type;
		}

.message[b-7ce0s15c10] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

	.message[b-7ce0s15c10]  .expander {
		min-height: 3lh;
		line-height: normal;
	}

	.message[b-7ce0s15c10]  .expander-content {
		visibility: unset;
	}

	.message p[b-7ce0s15c10] {
		word-break: break-word;
	}

.toggle-message-height[b-7ce0s15c10] {
	all: revert;
	width: fit-content;
	border: none;
	background-color: transparent;
	cursor: pointer;
	padding: .8rem 1.2rem;
	color: rgba(0,0,0,.5);
	transition: color .3s ease-in-out;
}

	.toggle-message-height:is(:hover, :focus)[b-7ce0s15c10] {
		color: rgba(0,0,0,.75);
	}

.option-list-container .sub-tab .to-be-toggled2[b-7ce0s15c10] {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.option-list-container:has(.has-table)[b-7ce0s15c10]{
	max-width: unset;
}
/* -------------------- table ------------------ */
.table-container[b-7ce0s15c10] {
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	overflow-x: auto;
	background-color: white;
}

@media (pointer: fine) and (hover: hover){
	.table-container[b-7ce0s15c10]::-webkit-scrollbar {
		height: 10px;
	}

	.table-container[b-7ce0s15c10]::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
	}

	.table-container[b-7ce0s15c10]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		.table-container[b-7ce0s15c10]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

.table-container.disabled-table[b-7ce0s15c10] {
	background-color: #e9ecef;
}

table[b-7ce0s15c10] {
	border: none;
	margin: 0;
	background-color: transparent;
}

table[b-7ce0s15c10]  th,
table[b-7ce0s15c10]  td {
	padding: 1rem;
	line-height: normal;
	border: none;
}

table thead td[b-7ce0s15c10] {
	padding: 1rem;
	border: none;
}

	table tbody tr[b-7ce0s15c10] {
		background-color: transparent;
		border-top: 1px solid rgba(0,0,0,.2)
	}

		table tbody tr:hover[b-7ce0s15c10] {
			background-color: #EEEEEE;
		}

.disabled-table table tbody tr:hover[b-7ce0s15c10] {
	background-color: #e9ecef;
}

table td:has(.delete)[b-7ce0s15c10] {
	padding: 0;
	width: calc(1lh + 10px + 10px + 10px + 10px);
}

table .delete[b-7ce0s15c10] {
	all: revert;
	padding: .5rem;
	display: grid;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: none;
	cursor: pointer;
	height: calc(1lh + 10px + 10px + 10px + 10px);
	width: calc(1lh + 10px + 10px + 10px + 10px);
	outline-offset: -10px;
}

table .delete.superuser[b-7ce0s15c10] {
	filter: brightness(0) saturate(100%) invert(22%) sepia(87%) saturate(2361%) hue-rotate(277deg) brightness(97%) contrast(107%);
}

table .delete:disabled[b-7ce0s15c10] {
	opacity: .4;
}

	table .delete:is(:hover, :focus)[b-7ce0s15c10]  svg path{
		fill: red;
	}

	table .delete[disabled][b-7ce0s15c10]  svg path {
		fill: #445364;
	}

/* --------------------- animations & transitions -------------------- */
@media (prefers-reduced-motion: no-preference) {
	.table-container[b-7ce0s15c10] {
		transition: background-color .2s ease-in-out;
	}

	table tbody tr[b-7ce0s15c10] {
		transition: background-color .2s ease-in-out;
	}

	table .delete[b-7ce0s15c10]  svg path{
		transition: fill .2s ease-in-out;
	}
}

/*::deep .expander-content:has(table){
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
*/

.disabled-table[b-7ce0s15c10] {
	background-color: #e9ecef;
}

.has-table[b-7ce0s15c10]  .new-layout {
	padding-right: 2rem;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Workflow/SubTab/WorkflowStatusMappingTab.razor.rz.scp.css */
.table-container[b-166xz1dldi] {
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	overflow-x: auto;
	background-color: white;
}

@media (pointer: fine) and (hover: hover) {
	.table-container[b-166xz1dldi]::-webkit-scrollbar {
		height: 10px;
	}

	.table-container[b-166xz1dldi]::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
	}

	.table-container[b-166xz1dldi]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		.table-container[b-166xz1dldi]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

.table-container.disabled-table[b-166xz1dldi] {
	background-color: #e9ecef;
}

table[b-166xz1dldi] {
	border: none;
	margin: 0;
	background-color: transparent;
}

	table[b-166xz1dldi]  th,
	table[b-166xz1dldi]  td {
		padding: 1rem;
		line-height: normal;
		border: none;
	}

	table thead[b-166xz1dldi]  th {
		border: none;
		padding: 1.5rem 1rem;
		border: none;
	}

	table tbody tr[b-166xz1dldi],
	table tbody[b-166xz1dldi]  tr:nth-child(odd),
	table tbody[b-166xz1dldi]  tr:nth-child(even) {
		background-color: transparent;
		border-top: 1px solid rgba(0,0,0,.2)
	}

		table tbody tr:hover[b-166xz1dldi],
		table tbody[b-166xz1dldi]  tr:hover {
			background-color: #EEEEEE;
		}

.disabled-table table tbody tr:hover[b-166xz1dldi] {
	background-color: #e9ecef;
}

table td:has(.delete)[b-166xz1dldi] {
	padding: 0;
	width: calc(1lh + 10px + 10px + 1px);
}

table .delete[b-166xz1dldi] {
	all: revert;
	padding: .5rem;
	display: grid;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: none;
	cursor: pointer;
	height: calc(1lh + 10px + 10px + 1px);
	width: calc(1lh + 10px + 10px + 1px);
	outline-offset: -5px;
}

	table .delete:is(:hover, :focus)[b-166xz1dldi]  svg path {
		fill: red;
	}

	table .delete[disabled][b-166xz1dldi]  svg path {
		fill: #445364;
	}

/* --------------------- animations & transitions -------------------- */
@media (prefers-reduced-motion: no-preference) {
	.table-container[b-166xz1dldi] {
		transition: background-color .2s ease-in-out;
	}

	table tbody tr[b-166xz1dldi],
	table tbody[b-166xz1dldi]  tr {
		transition: background-color .2s ease-in-out;
	}

	table .delete[b-166xz1dldi]  svg path {
		transition: fill .2s ease-in-out;
	}
}


[b-166xz1dldi] .add-contactperson-btn {
	margin-left: 1rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
}


/* ----------- MODAL ---------- */
[b-166xz1dldi] .dialog-modal-bottom {
	position: sticky;
	bottom: 0;
	background: #f3f4f2;
	-webkit-box-shadow: 1px -3px 9px -4px rgba(214,214,214,1);
	-moz-box-shadow: 1px -3px 9px -4px rgba(214,214,214,1);
	box-shadow: 1px -3px 9px -4px rgba(214,214,214,1);
}

[b-166xz1dldi] .dialog-modal-top {
	display: block;
	position: sticky;
	top: 0;
	z-index: 1;
	background: #f3f4f2;
	-webkit-box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
	-moz-box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
	box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
}

[b-166xz1dldi] .dialog-modal-bottom,
[b-166xz1dldi] .dialog-modal-middle,
[b-166xz1dldi] .dialog-modal-top {
	padding: 20px;
	background: white;
}


[b-166xz1dldi] .dialog-modal-top {
	padding: 10px 20px 20px 20px;
}

	[b-166xz1dldi] .dialog-modal-top h1 {
		padding: 0px;
		margin: 0px;
	}


[b-166xz1dldi] .dialog-modal-bottom {
	padding: 10px 20px;
}

[b-166xz1dldi] .dialog-modal-middle {
	height: 100%;
}


[b-166xz1dldi] .dialog-modal-top:has(button) {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 2rem;
}

[b-166xz1dldi] .dialog-modal-top h1 {
	color: black;
	line-height: normal;
}

[b-166xz1dldi] .dialog-modal-top > button {
	all: revert;
	padding: .5rem;
	border: none;
	display: grid;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	cursor: pointer;
}

	[b-166xz1dldi] .dialog-modal-top > button svg path {
		fill: #ccc;
	}

	[b-166xz1dldi] .dialog-modal-top > button:is(:hover, :focus) svg path {
		fill: black;
	}

.table-btn[b-166xz1dldi] {
	all: revert;
	background: transparent;
	padding: .5rem;
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}

[b-166xz1dldi] .form .new-layout-container {
	padding-bottom: 1rem;
}
/* _content/Dbo365.Debiteuren/Views/Customer/Tabs/Workflow/SubTab/WorkflowTextTemplatesTab.razor.rz.scp.css */
p[b-ki8k5tpfbx] {
	line-height: normal;
	margin: 0;
}

.interest-table[b-ki8k5tpfbx]  .deb-decimal {
	width: 85%;
}

.message-card[b-ki8k5tpfbx] {
	padding: 1rem 2rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-width: 800px;
	background-color: white;
	border-radius: .6rem;
	box-shadow: 0 0 1px 1px rgba(0,0,0,.2);
}

	.message-card header[b-ki8k5tpfbx] {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-areas: 'title delete'
			'type type';
		row-gap: .5rem;
		column-gap: 1rem;
	}

		.message-card header .message-title[b-ki8k5tpfbx] {
			grid-area: title;
			line-height: normal;
			height: 100%;
			display: grid;
			align-items: center;
			padding: .8rem 0;
		}

			.message-card header .message-title:is(:hover, :focus)[b-ki8k5tpfbx] {
				color: green;
			}

			.message-card header .message-title b[b-ki8k5tpfbx] {
				color: inherit;
			}

		.message-card header .message-delete[b-ki8k5tpfbx] {
			all: revert;
			grid-area: delete;
			background-color: transparent;
			box-shadow: unset;
			border: unset;
			padding: .8rem;
			cursor: pointer;
			height: fit-content;
		}

			.message-card header .message-delete[b-ki8k5tpfbx]  svg {
				height: 1lh;
				line-height: normal;
			}

				.message-card header .message-delete[b-ki8k5tpfbx]  svg path {
					transition: all .3s ease-in-out;
				}

			.message-card header .message-delete:is(:hover, :focus)[b-ki8k5tpfbx]  svg path {
				fill: red;
			}

		.message-card header .message-type[b-ki8k5tpfbx] {
			grid-area: type;
		}

.message[b-ki8k5tpfbx] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

	.message[b-ki8k5tpfbx]  .expander {
		min-height: 3lh;
		line-height: normal;
	}

	.message[b-ki8k5tpfbx]  .expander-content {
		visibility: unset;
	}

	.message p[b-ki8k5tpfbx] {
		word-break: break-word;
	}

.toggle-message-height[b-ki8k5tpfbx] {
	all: revert;
	width: fit-content;
	border: none;
	background-color: transparent;
	cursor: pointer;
	padding: .8rem 1.2rem;
	color: rgba(0,0,0,.5);
	transition: color .3s ease-in-out;
}

	.toggle-message-height:is(:hover, :focus)[b-ki8k5tpfbx] {
		color: rgba(0,0,0,.75);
	}

.option-list-container .sub-tab .to-be-toggled2[b-ki8k5tpfbx] {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.option-list-container:has(.has-table)[b-ki8k5tpfbx]{
	max-width: unset;
}
/* -------------------- table ------------------ */
.table-container[b-ki8k5tpfbx] {
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	overflow-x: auto;
	background-color: white;
}

@media (pointer: fine) and (hover: hover){
	.table-container[b-ki8k5tpfbx]::-webkit-scrollbar {
		height: 10px;
	}

	.table-container[b-ki8k5tpfbx]::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
	}

	.table-container[b-ki8k5tpfbx]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		.table-container[b-ki8k5tpfbx]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

.table-container.disabled-table[b-ki8k5tpfbx] {
	background-color: #e9ecef;
}

table[b-ki8k5tpfbx] {
	border: none;
	margin: 0;
	background-color: transparent;
}

table[b-ki8k5tpfbx]  th,
table[b-ki8k5tpfbx]  td {
	padding: 1rem;
	line-height: normal;
	border: none;
}

table thead td[b-ki8k5tpfbx] {
	border: none;
	padding: 1.5rem 2rem;
	border: none;
}

	table tbody tr[b-ki8k5tpfbx] {
		background-color: transparent;
		border-top: 1px solid rgba(0,0,0,.2)
	}

		table tbody tr:hover[b-ki8k5tpfbx] {
			background-color: #EEEEEE;
		}

.disabled-table table tbody tr:hover[b-ki8k5tpfbx] {
	background-color: #e9ecef;
}

table td:has(.delete)[b-ki8k5tpfbx] {
	padding: 0;
	width: calc(1lh + 10px + 10px + 10px + 10px);
}

table .delete[b-ki8k5tpfbx] {
	all: revert;
	padding: .5rem;
	display: grid;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: none;
	cursor: pointer;
	height: calc(1lh + 10px + 10px + 10px + 10px);
	width: calc(1lh + 10px + 10px + 10px + 10px);
	outline-offset: -10px;
}

	table .delete:is(:hover, :focus)[b-ki8k5tpfbx]  svg path{
		fill: red;
	}

	table .delete[disabled][b-ki8k5tpfbx]  svg path {
		fill: #445364;
	}

/* --------------------- animations & transitions -------------------- */
@media (prefers-reduced-motion: no-preference) {
	.table-container[b-ki8k5tpfbx] {
		transition: background-color .2s ease-in-out;
	}

	table tbody tr[b-ki8k5tpfbx] {
		transition: background-color .2s ease-in-out;
	}

	table .delete[b-ki8k5tpfbx]  svg path{
		transition: fill .2s ease-in-out;
	}
}

/*::deep .expander-content:has(table){
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
*/

.disabled-table[b-ki8k5tpfbx] {
	background-color: #e9ecef;
}

.has-table[b-ki8k5tpfbx]  .new-layout {
	padding-right: 2rem;
}
/* _content/Dbo365.Debiteuren/Views/Customer/_AevitaeLabelsPartial.razor.rz.scp.css */
div.aevitae-container[b-eou3hhgxby] {
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
	overflow: hidden;
}

table[b-eou3hhgxby] {
	border: none;
	margin: 0;
}

th[b-eou3hhgxby],
td[b-eou3hhgxby] {
	padding: 1rem;
	line-height: normal;
	border: none;
}

[b-eou3hhgxby] thead tr th {
	padding: 1.5rem 2rem;
	line-height: normal;
	border: none;
}

tbody tr[b-eou3hhgxby] {
	background-color: transparent;
}

	tbody tr.main-row[b-eou3hhgxby] {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	tbody tr.main-row:hover[b-eou3hhgxby],
	tbody tr.active-row[b-eou3hhgxby]{
		background-color: #EEEEEE;
	}

tbody td:has(button)[b-eou3hhgxby] {
	padding: 0;
	width: calc(1lh + 10px + 10px + 10px + 10px);
}

tbody td button[b-eou3hhgxby] {
	all: revert;
	background-color: transparent;
	border: none;
	display: grid;
	align-items: center;
	justify-content: center;
	height: calc(1lh + 10px + 10px + 10px + 10px);
	width: calc(1lh + 10px + 10px + 10px + 10px);
	cursor: pointer;
	outline-offset: -10px;
}

tr input[b-eou3hhgxby] {
	width: 100%;
	padding: 1rem;
}

	tr input:not([readonly])[b-eou3hhgxby] {
		border-radius: .6rem;
		border: 1px solid rgba(0,0,0,.2);
		background-color: white;
		width: 100%;
	}

		tr input:not([readonly]):hover[b-eou3hhgxby] {
			border-color: rgba(0,0,0,.7);
		}

		tr input:not([readonly]):focus[b-eou3hhgxby] {
			outline: auto;
		}

	tr input[readonly][b-eou3hhgxby] {
		border: 1px solid rgba(0,0,0,.2);
		border-radius: .6rem;
		background-color: #e9ecef;
	}

		tr input[readonly]:is(:hover, :focus)[b-eou3hhgxby] {
			border-color: rgba(0,0,0,.2);
		}

button.show[b-eou3hhgxby]  svg {
	transform: rotate(90deg);
}

tr:nth-child(even) td[b-eou3hhgxby] {
	padding: 0
}

tr:nth-child(even)[b-eou3hhgxby] {
	border: none;
}

/* -------------------- extra options -------------------- */

.extra-options[b-eou3hhgxby] {
	display: grid;
	grid-template-columns: 200px 1fr;
	padding: 3rem;
	gap: 6rem;
	background-color: #EEEEEE;
	border-top: 1px solid rgba(0,0,0,.2);
}

	.extra-options > label[b-eou3hhgxby] {
		height: 200px;
		width: 200px;
		background-color: white;
		position: relative;
		border-radius: .6rem;
		border: 1px solid rgba(0,0,0,.2);
		overflow: hidden;
		cursor: pointer;
	}

	.extra-options > label:is(:hover, :focus-within)[b-eou3hhgxby]{
		border-color: rgba(0,0,0,.7);
	}

	.extra-options > label:focus-within[b-eou3hhgxby] {
		outline: auto
	}

		.extra-options > label input[type=file][b-eou3hhgxby] {
			all: revert;
			position: absolute;
			inset: 0;
			cursor: pointer;
			color: transparent;
			border-radius: inherit;
			user-select: none; /* Prevents text selection */
			opacity: 0; /* Hides the element visually */
			z-index: 2;
		}

			.extra-options > label input[type=file][b-eou3hhgxby]::-webkit-file-upload-button {
				visibility: hidden;
			}

		.extra-options > label input[type="file"][b-eou3hhgxby]::file-selector-button {
			visibility: hidden;
		}

		.extra-options > label input[type=file][b-eou3hhgxby]::-ms-browse {
			visibility: hidden;
		}

		.extra-options > label span[b-eou3hhgxby] {
			position: absolute;
			inset: 0;
			opacity: 0;
			background-color: rgba(0,0,0,.5);
			display: grid;
			align-items:center;
			justify-content:center;
		}

		.extra-options > label:is(:hover, :focus-within) span[b-eou3hhgxby] {
			opacity: 1;
		}

		.extra-options > label span svg[b-eou3hhgxby]{
			height: calc(1.6rem * 4);
			width: auto;
		}

	.extra-options img[b-eou3hhgxby] {
		width: 100%;
		height: 100%;
		object-fit: contain;
		padding: 2rem;
	}

	.extra-options > .form[b-eou3hhgxby] {
		display: grid;
		grid-template-columns: auto 1fr;
		display: grid;
		column-gap: 3rem;
		row-gap: 1.5rem;
		padding-top: 2rem;
	}

		.extra-options > .form > label[b-eou3hhgxby] {
			grid-column: span 2;
			grid-template-columns: subgrid;
			display: grid;
			font-weight: 600;
			row-gap: .5rem;
			grid-auto-flow: column;
		}

			.extra-options > .form > label:hover input[b-eou3hhgxby],
			.extra-options > .form > label input[b-eou3hhgxby] {
				border: 1px solid rgba(0,0,0,.2);
			}

			.extra-options > .form > label input:hover[b-eou3hhgxby] {
				border-color: rgba(0,0,0,.7);
			}

/* --------------------- animations & transitions -------------------- */
@media (prefers-reduced-motion: no-preference) {
	tbody tr[b-eou3hhgxby] {
		transition: background-color .2s ease-in-out;
	}

	button[b-eou3hhgxby]  svg {
		transition: transform .2s ease-in-out;
	}

	.extra-options > label[b-eou3hhgxby]{
		transition: border-color .3s ease-in-out;
	}
	s
	.extra-options > label span[b-eou3hhgxby] {
		transition: opacity .3s ease-in-out;
	}

	.extra-options > .form > label input[b-eou3hhgxby] {
		transition: border-color .3s ease-in-out;
	}
}
/* _content/Dbo365.Debiteuren/Views/Customer/_Tab_Workflow.razor.rz.scp.css */
.interest-table[b-9532o1c0il]  .deb-decimal {
	width: 85%;
}
/* _content/Dbo365.Debiteuren/Views/Dashboard/CollectionDashboard.razor.rz.scp.css */
main[b-119zuuyzms] {
	display: grid;
	grid-template-columns: minmax(225px, 1fr);
	grid-template-areas:
		"chard1"
		"chard2"
		"chard3"
		"chard4"
		"chard5";
	grid-template-rows: repeat(5, 350px);
	gap: 3rem;
}

	main > *[b-119zuuyzms] {
		background-color: white;
		border-radius: .6rem;
		padding: 2rem;
		/* Height X Aspect-ratio for responsive design*/
		display: grid;
		position: relative;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 18px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
	}

		main > *:nth-child(1)[b-119zuuyzms] {
			grid-area: chard1;
		}

		main > *:nth-child(2)[b-119zuuyzms] {
			grid-area: chard2;
		}

		main > *:nth-child(3)[b-119zuuyzms] {
			grid-area: chard3;
		}

		main > *:nth-child(4)[b-119zuuyzms] {
			grid-area: chard4;
		}

		main > *:nth-child(5)[b-119zuuyzms] {
			grid-area: chard5;
		}

span[b-119zuuyzms] {
	position: absolute;
	line-height: normal;
	top: 0;
	left: 0;
	transform: translate(-100%, -100%);
	height: 14px;
	aspect-ratio: 1;
	display: none;
}

@media (min-width: 575px){
	main[b-119zuuyzms] {
		grid-template-columns: minmax(225px, 1fr) minmax(225px, 1fr);
		grid-template-areas:
			"chard1 chard2  "
			"chard3 chard4"
			"chard5 chard5";
		grid-template-rows: repeat(3, 350px);
		width: unset;
	}

}


@media (min-width: 820px) {
	main[b-119zuuyzms] {
		grid-template-columns: minmax(225px, 1fr) minmax(225px, 1fr) minmax(225px, 1fr);
		grid-template-areas:
			"chard1 chard2 chard3 "
			"chard4 chard5 chard5";
		grid-template-rows: repeat(2, 350px);
	}
}
/* _content/Dbo365.Debiteuren/Views/Dashboard/Components/ChartsOverview.razor.rz.scp.css */
.charts[b-od7z7qod3j] {
	display: flex;
	justify-content: space-evenly;
	background-color: #E1E9D9;
	padding: 3%;
	border-radius: 15px;
}


.charts div h1[b-od7z7qod3j] {
	text-align: center;
}

h1[b-od7z7qod3j], h2[b-od7z7qod3j], h3[b-od7z7qod3j], h4[b-od7z7qod3j], h5[b-od7z7qod3j], h6[b-od7z7qod3j] {
	border: none;
}
/* _content/Dbo365.Debiteuren/Views/Dashboard/Components/ImportStatusGroup.razor.rz.scp.css */
.last-import-group[b-x67s7men6o] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 5rem;
}

.last-import-item[b-x67s7men6o] {
    display: flex;
    flex-wrap: wrap;
}

.last-import-item-date[b-x67s7men6o] {
    color: red;
}
/* _content/Dbo365.Debiteuren/Views/Dashboard/Components/WeeklyReport.razor.rz.scp.css */
h1[b-8b2qi94b9p], h2[b-8b2qi94b9p], h3[b-8b2qi94b9p], h4[b-8b2qi94b9p], h5[b-8b2qi94b9p], h6[b-8b2qi94b9p] {
	border: none;
}

.wrapper[b-8b2qi94b9p] {
	margin-top: 5rem;
}
.weekly-overview-container[b-8b2qi94b9p] {
	display: grid;
	grid: auto-flow dense / repeat(auto-fill, calc(20% - 1.6rem));
	gap: 2rem;
}

.weekly-overview-item[b-8b2qi94b9p] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: var(--light, #FFF);
	padding: 40px 10px 40px 10px;
}

.value[b-8b2qi94b9p] {
	font-weight: 200;
	margin-bottom: 0;
}

.title[b-8b2qi94b9p] {
	margin-top: 0;
	font-weight: bold;
}

.difference[b-8b2qi94b9p] {
	margin-bottom: 0;
}

.difference.positive[b-8b2qi94b9p] {
	color: lightgreen;
}

.difference.negative[b-8b2qi94b9p] {
	color: lightcoral;
}

.description[b-8b2qi94b9p] {
	margin-top: 0;
	font-weight: 100;
}

.value[b-8b2qi94b9p], .title[b-8b2qi94b9p], .difference[b-8b2qi94b9p], .description[b-8b2qi94b9p] {
	border: none;
	text-align: center;
}

.title-bar[b-8b2qi94b9p] {
	justify-content: space-between;
	display: flex;
}

.title-bar button[b-8b2qi94b9p] {
    border: none;
    align-self: center;
    margin-top: auto;
    border-radius: 50px;
    background: var(--secondary, #D1F951);
    color: black;
    text-transform: uppercase;
    padding: 5px 10px;
}

.title-bar button:hover[b-8b2qi94b9p] {
	background-color: var(--primary-hover, #071308);
	color: white;
}

@media (max-width: 1080px) {
	.weekly-overview-container[b-8b2qi94b9p] {
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(2, auto);
	}

	.weekly-overview-container div:last-child[b-8b2qi94b9p] {
		margin-left: calc(50% + 0.9rem);
		width: calc(150% + 0.8rem);
	}
	.weekly-overview-container div:nth-last-child(2)[b-8b2qi94b9p] {
		width: calc(150% + 0.8rem);
	}

}

@media (max-width: 720px) {
	.weekly-overview-container[b-8b2qi94b9p] {
		grid-template-columns: none;
		grid-template-rows: none;
	}

		.weekly-overview-container div:nth-last-child(2)[b-8b2qi94b9p] {
			width: auto;
		}

		.weekly-overview-container div:last-child[b-8b2qi94b9p] {
			width: auto;
			margin-left: 0;
		}
}
/* _content/Dbo365.Debiteuren/Views/Dashboard/Dashboard.razor.rz.scp.css */
h1[b-e167tzy2kh], h2[b-e167tzy2kh], h3[b-e167tzy2kh], h4[b-e167tzy2kh], h5[b-e167tzy2kh], h6[b-e167tzy2kh] {
	border: none;
}

.kerngetallen[b-e167tzy2kh] {
	margin-top: 10rem;
	margin-bottom: 10rem;
	display: grid;
	grid-auto-flow: column;
	gap: 3%;
	grid-template-columns: 40% 60%;
}

.kerngetallen:first-child[b-e167tzy2kh] {

}

.kerngetallen-item:last-child[b-e167tzy2kh] {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 24%;
	gap: 2rem;
	justify-content: center;
	width: 93%;
}

table[b-e167tzy2kh] {
	margin: 0;
}

table[b-e167tzy2kh], thead[b-e167tzy2kh], tbody[b-e167tzy2kh], tr[b-e167tzy2kh], td[b-e167tzy2kh], th[b-e167tzy2kh] {
	background-color: transparent !important;
	border: none;
}

tr[b-e167tzy2kh] {
	border-bottom: 1px solid black;
}

tbody tr:last-child[b-e167tzy2kh] {
	border: none;
}

.overview-item[b-e167tzy2kh] {
	background-color: #fff;
	text-align: center;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
}

.overview-item > *[b-e167tzy2kh] {
	border: none;
}

.overview-item button[b-e167tzy2kh] {
	width: 70%;
	align-self: center;
	margin-top: auto;
	border-radius: 50px;
    background: var(--secondary, #D1F951);
    color: black;
    text-transform: uppercase;
	padding: 5px 10px;
}

.overview-item button:hover[b-e167tzy2kh] {
    background-color: var(--primary-hover, #071308);
    color: white;
}

.abonnementen-letters[b-e167tzy2kh] {
	display: grid;
	gap: 4%;
	grid-template-columns: 49%;
	grid-auto-flow: column;
}

.abonnementen-letters button[b-e167tzy2kh] {
	width: auto;
    margin-top: auto;
    border-radius: 50px;
    background: var(--secondary, #D1F951);
    color: black;
    text-transform: uppercase;
    padding: 5px 10px;
    border: none;
}

.abonnementen-letters button:hover[b-e167tzy2kh] {
	background-color: var(--primary-hover, #071308);
    color: white;
}

#letters-table[b-e167tzy2kh] {
	margin-top: 0;
}

#abonnementen-table[b-e167tzy2kh] {
	margin-top: 0;
}

.abonnementen > h2[b-e167tzy2kh], .brieven > h2[b-e167tzy2kh] {
	margin-bottom: 0;
	padding-bottom: 0;
}

#DidYouKnow[b-e167tzy2kh] {
	display: flex;
	vertical-align: middle;
	background-color: #E1E9D9;
	border-radius: 15px;
	padding: 10px;
	margin: 5rem 0px;
	align-items: center;
	gap: 2rem;
}

#DidYouKnow:first-child[b-e167tzy2kh] {
	font-weight: bolder;
}

#DidYouKnow > *[b-e167tzy2kh] {
	margin: 0;
	padding: 0;

}

#DidYouKnow button[b-e167tzy2kh] {
	margin-left: auto;
}

#DidYouKnow button[b-e167tzy2kh] {
	width: auto;
	margin-top: auto;
	border-radius: 50px;
	background: var(--secondary, #D1F951);
	color: black;
	text-transform: uppercase;
	padding: 5px 10px;
	border: none;
}

#DidYouKnow button:hover[b-e167tzy2kh] {
	background-color: var(--primary-hover, #071308);
	color: white;
}


@media (max-width: 1080px) {
	.kerngetallen[b-e167tzy2kh] {
		grid-template-columns: 100% 10%;
		grid-template-rows: auto auto;
	}

	.kerngetallen > div:last-child[b-e167tzy2kh] {
		grid: auto-flow dense / repeat(auto-fill, calc(25% - 1.6rem));
	    width: 100%;
	}

	.abonnementen-letters[b-e167tzy2kh] {
		grid: auto-flow dense / repeat(auto-fill, calc(100%));
		width: 100%;
		grid-auto-rows: 1fr
	}
}

@media (max-width: 720px) {
	.kerngetallen[b-e167tzy2kh] {
		grid: auto-flow dense / repeat(auto-fill, calc(20% - 1.6rem));
		gap: 2rem;
		grid-template-columns: none;
		grid-template-rows: none;
	}

	.kerngetallen > div:last-child[b-e167tzy2kh] {
		grid: auto-flow dense / repeat(auto-fill, calc(50% - 1.6rem));
		width: 100%;
		grid-auto-rows: 1fr
	}
}

@media (max-width: 420px) {
	.kerngetallen > div:last-child[b-e167tzy2kh] {
		grid: auto-flow dense / repeat(auto-fill, calc(100% - 1.6rem));
		width: 100%;
		grid-auto-rows: 1fr
	}
} 
/* _content/Dbo365.Debiteuren/Views/Debtor/DebtorCreateOrEditForm.razor.rz.scp.css */
.show-more[b-2dnmy4k9ac] {
	all: revert;
	background-color: transparent;
	color: #8A8A8A;
	text-decoration: underline;
	cursor: pointer;
	border: none;
	width: fit-content;
	padding: 1rem;
	margin: 0 -1rem;
}

	.show-more:is(:hover, :focus)[b-2dnmy4k9ac] {
		color: black;
	}

/* -------------------- search-select -------------------- */
[b-2dnmy4k9ac] .custom-select.search-select .input-container {
	border-color: rgba(0,0,0,.2);
}

	[b-2dnmy4k9ac] .custom-select.search-select .input-container:hover {
		border-color: rgba(0,0,0,.7);
	}

	[b-2dnmy4k9ac] .custom-select.search-select .input-container:has(input:focus) {
		outline: auto
	}

	[b-2dnmy4k9ac] .custom-select.search-select .input-container input {
		padding: 1rem;
	}

	[b-2dnmy4k9ac] .custom-select.search-select .input-container button {
		padding: 1rem;
	}

	[b-2dnmy4k9ac] .custom-select.search-select .input-container:hover button,
	[b-2dnmy4k9ac] .custom-select.search-select .input-container:has(input:focus) button {
		border-color: rgba(0,0,0,.7);
	}

	[b-2dnmy4k9ac] .custom-select.search-select .input-container button:focus {
		outline: auto;
		border-radius: .6rem;
	}

/* -------------------- input-field-with-action-button -------------------- */

.input-field-with-action-button[b-2dnmy4k9ac] {
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .6rem;
}

	.input-field-with-action-button:has(input:focus)[b-2dnmy4k9ac] {
		outline: auto;
	}

	.input-field-with-action-button[b-2dnmy4k9ac]  input {
		padding: 1rem;
		border: none;
		width: 100%;
		border-radius: .6rem 0 0 .6rem;
	}

	.input-field-with-action-button button[b-2dnmy4k9ac] {
		all: revert;
		display: grid;
		justify-content: center;
		align-content: center;
		cursor: pointer;
		padding: 1rem;
		line-height: normal;
		border: none;
		background-color: transparent;
		border-radius: .6rem;
	}

		.input-field-with-action-button button[b-2dnmy4k9ac]  svg {
			height: 1lh;
			width: auto;
			line-height: normal;
		}

	.input-field-with-action-button:hover[b-2dnmy4k9ac] {
		border-color: rgba(0,0,0,.7);
	}

	.input-field-with-action-button:has(::deep input:focus-within)[b-2dnmy4k9ac] {
		outline: auto;
	}

@media (prefers-reduced-motion: no-preference) {
	.show-more[b-2dnmy4k9ac] {
		transition: color .3s ease-in-out;
	}

	[b-2dnmy4k9ac] .custom-select.search-select .input-container {
		transition: border-color .3s ease-in-out;
	}

		[b-2dnmy4k9ac] .custom-select.search-select .input-container button {
			transition: border-color .3s ease-in-out, background-color .3s ease-in-out;
		}

	.input-field-with-action-button[b-2dnmy4k9ac] {
		transition: border-color .3s ease-in-out;
	}
}


.adress-container[b-2dnmy4k9ac] {
	container-type: inline-size;
}

.deliver-adress[b-2dnmy4k9ac],
.visite-adress[b-2dnmy4k9ac] {
	display: grid;
	grid-template-columns: 1fr;
	max-width: 800px;
	column-gap: 2rem;
}

@container (width > 550px) {
	.deliver-adress[b-2dnmy4k9ac],
	.visite-adress[b-2dnmy4k9ac] {
		grid-template-columns: 1fr 1fr;
	}

		.visite-adress b[b-2dnmy4k9ac],
		.deliver-adress b[b-2dnmy4k9ac] {
			grid-column: 2/3;
			line-height: normal;
			margin-top: 1rem;
		}
}

@container (width > 700px) {
	.deliver-adress[b-2dnmy4k9ac],
	.visite-adress[b-2dnmy4k9ac] {
		grid-template-columns: 320px 1fr;
	}
}
/* _content/Dbo365.Debiteuren/Views/Debtor/DebtorDetails.razor.rz.scp.css */
button[b-8z47rv6jdf] {
	all: revert;
}

fieldset[b-8z47rv6jdf] {
	position: relative;
	padding: .5rem;
	display: flex;
	width: 100%;
	padding: 0;
	--_1-border-dash: 1px dashed #E5E5E5;
	--_1-border-solid: 1px solid #A1A1A1;
	--_1-border-transparent: 1px solid transparent;
	--_2-border-dash: 2px dashed #E5E5E5;
	--_2-border-solid: 2px solid #A1A1A1;
	--_2-border-transparent: 2px solid transparent;
}

dialog form[b-8z47rv6jdf],
dialog legend[b-8z47rv6jdf],
dialog fieldset[b-8z47rv6jdf] {
	all: unset;
	box-sizing: border-box;
}

dialog fieldset[b-8z47rv6jdf] {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}


	dialog fieldset > div[b-8z47rv6jdf] {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

.debiteur-data button[b-8z47rv6jdf] {
	background-color: transparent;
	border: none;
	width: fit-content;
	padding: .5rem 1rem;
	margin: 0 -1rem;
	cursor: pointer;
	font-size: 1.4rem;
}

	.debiteur-data button:hover[b-8z47rv6jdf] {
		color: green;
	}

.debiteur-data p[b-8z47rv6jdf] {
	margin: 0;
	line-height: normal;
}


.date-selector .date[b-8z47rv6jdf] {
	display: grid;
	grid-template-columns: 1fr auto 1fr auto 1fr;
	align-items: center;
}

	.date-selector .date p[b-8z47rv6jdf] {
		margin: 0;
		position: absolute;
		left: 1rem;
		top: 0;
		transform: translateY(-50%);
		background-color: #fff;
		padding: 0 .5rem;
		cursor: text;
		font-size: 12px;
	}


.date-selector input[type=text][b-8z47rv6jdf], .date-selector input[type=number][b-8z47rv6jdf] {
	border: none;
	padding: .5rem 2rem;
	height: 100%;
	min-width: 8rem;
	width: calc(33.33% * 3 - 17px);
	background: transparent;
}

.date-selector .date label[b-8z47rv6jdf] {
	position: absolute;
	left: -99999px
}

.date-selectordiv .OMA[b-8z47rv6jdf] {
	height: 100%;
}

.date-selector div .evening[b-8z47rv6jdf] {
	border-radius: 0 0.6rem 0.6rem 0;
	overflow: hidden;
}

.date-selector .OMA input[b-8z47rv6jdf] {
	position: absolute;
	left: -999999px
}

.date-selector .OMA label[b-8z47rv6jdf] {
	height: 4rem;
	aspect-ratio: 1;
	/*			padding: 2rem;*/
	display: flex;
	justify-content: center;
	align-items: center;
	border-left: 1px solid #A1A1A1;
	cursor: pointer;
}

.date-selector .evening label[b-8z47rv6jdf] {
	border-radius: 0 0.6rem 0.6rem 0;
}

.date-selector input[type=radio]:is(:hover, :focus) ~ label[b-8z47rv6jdf] {
	background-color: #E2E2E2;
}


.date-selector input[type=radio]:checked ~ label[b-8z47rv6jdf] {
	background-color: #D1F951;
}

.adress[b-8z47rv6jdf] {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.Factuuradres[b-8z47rv6jdf],
.Bezoekadres[b-8z47rv6jdf] {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: inherit;
	column-gap: 2rem;
}

	.Factuuradres > :first-child[b-8z47rv6jdf],
	.Bezoekadres > :first-child[b-8z47rv6jdf],
	.Factuuradres > :last-child[b-8z47rv6jdf],
	.Bezoekadres > :last-child[b-8z47rv6jdf] {
		grid-column: span 2;
	}


/*dialog cancel button*/
.dialog-modal-bottom .cancel[b-8z47rv6jdf] {
	background-color: transparent;
	border: 1px solid var(--primary-hover, #A1A1A1);
	color: var(--dark-color, #020202);
	padding: .5rem 1.2rem;
	border-radius: .6rem;
	display: flex;
	align-items: center;
}

	.dialog-modal-bottom .cancel:hover[b-8z47rv6jdf] {
		background-color: var(--gray-hover, #EAEAEA);
	}

	.dialog-modal-bottom .cancel:focus[b-8z47rv6jdf] {
		background-color: var(--gray-hover, #EAEAEA);
		border: 1px solid var(--gray-focus, #5F5F5F);
	}

/*dialog delete button*/
.dialog-modal-bottom .delete[b-8z47rv6jdf] {
	background-color: var(--primary-color, #D1F951);
	border: 1px solid var(--primary-color, #D1F951);
	color: var(--dark-color, #020202);
	padding: .5rem 1.2rem;
	border-radius: .6rem;
	position: relative;
	transition: all .2s ease-in-out;
}

	.dialog-modal-bottom .delete:hover[b-8z47rv6jdf] {
		background-color: var(--primary-hover, #A1D104);
		border: 1px solid var(--primary-hover, #A1D104);
		color: var(--dark-color, #020202);
	}

	.dialog-modal-bottom .delete:focus[b-8z47rv6jdf] {
		background-color: var(--primary-hover, #A1D104);
		border: 1px solid var(--focus-color, #4A6100);
		color: var(--dark-color, #020202);
	}

footer[b-8z47rv6jdf] {
	display: flex;
	justify-content: space-between;
	padding: 1rem var(--_padding-side);
	border-top: 1px solid #A1A1A1;
	z-index: 3;
	position: relative;
}

	footer > *[b-8z47rv6jdf] {
		display: flex;
		gap: 5px;
	}
/* _content/Dbo365.Debiteuren/Views/Debtor/DebtorInformationRequestPage.razor.rz.scp.css */
main[b-jasxuopfbn]{
}

.form[b-jasxuopfbn], .footer-content[b-jasxuopfbn] {
	max-width: 800px;
	margin: 0 auto;
}


.form[b-jasxuopfbn]{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.container-item[b-jasxuopfbn]{
	width: 100%;
}

[b-jasxuopfbn] .custom-select button{
	border-color: #A1A1A1;
}

input[b-jasxuopfbn], [b-jasxuopfbn] input {
	width: 100% !important;
	min-height: 35px;
	max-height: 35px;
	padding: 0.675em 1em;
	border: none;
	border: 1px solid #A1A1A1;
	border-radius: .6rem;
	border-color: #A1A1A1;
	border-width: 1px;

	transition: all .2s ease-in-out;
}

	input:hover[b-jasxuopfbn], [b-jasxuopfbn] input:hover {
		border-color: #232322;
	}

[b-jasxuopfbn] .container-item .input-group {
	width: 100%;
	display: flex;
	position: relative;
}

[b-jasxuopfbn] .container-item:has(.input-group input.deb-phone) .input-group-addon,
[b-jasxuopfbn] .container-item:has(.input-group input.deb-email) .input-group-addon {
	background: none;
	border: none;
	position: absolute;
	right: 0;
	height: 100%;
	height: -webkit-fill-available;
	padding: 0px;
	margin: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: black;
	width: 35px;
}

	[b-jasxuopfbn] .container-item:has(.input-group input.deb-phone) .input-group-addon:hover,
	[b-jasxuopfbn] .container-item:has(.input-group input.deb-email) .input-group-addon:hover {
		background: #D1F951;
		border-top-right-radius: .6rem;
		border-bottom-right-radius: .6rem;
		border: solid 1px #A1A1A1;
		border-left: none;
		border-bottom-right-radius: .6rem;
		border-top-right-radius: .6rem;
	}

[b-jasxuopfbn] .container-item .input-group:has(input.deb-phone):has(input.deb-email) {
	position: relative;
}

.action-button[b-jasxuopfbn] {
	all: inherit;
	display: flex;
	align-items: center;
	height: 35px;
}

.input-field-with-action-button[b-jasxuopfbn] {
	position: relative;
}

	.input-field-with-action-button input[b-jasxuopfbn] {
		padding-right: 32px;
	}


	.input-field-with-action-button button[b-jasxuopfbn] {
		position: absolute;
		right: 0;
		top: 0;
		width: 32px;
		display: flex;
		justify-content: center;
		align-content: center;
		cursor: pointer;
	}

		.input-field-with-action-button button:hover[b-jasxuopfbn] {
			background: #D1F951;
			border-top-right-radius: .6rem;
			border-bottom-right-radius: .6rem;
			border: solid 1px #A1A1A1;
			border-left: none;
			border-bottom-right-radius: .6rem;
			border-top-right-radius: .6rem;
		}

[b-jasxuopfbn] .input-field-with-action-button button svg {
	transform: scale(.7);
}

[b-jasxuopfbn] .custom-select{
	height: 35px;
	gap: 0px;
}


footer[b-jasxuopfbn] {
	position: sticky;
	bottom: 0;
	background: white;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;

	-webkit-box-shadow: 1px -3px 9px -4px rgba(214, 214, 214, 1);
	-moz-box-shadow: 1px -3px 9px -4px rgba(214, 214, 214, 1);
	box-shadow: 1px -3px 9px -4px rgba(214, 214, 214, 1);
}

	footer button[b-jasxuopfbn] {
		-webkit-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
		--main-color: #133416;
		--main-color-limegreen: #D1F951;
		--main-color-lightbeige: #EFEDE0;
		font-family: inherit;
		margin: 0;
		overflow: visible;
		text-transform: none;
		-webkit-appearance: button;
		font-size: 1.4rem;
		line-height: 1.625;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		font-weight: 400;
		text-align: center;
		text-decoration: none;
		white-space: normal;
		width: auto;
		margin-bottom: 10px;
		all: unset;
		box-sizing: border-box;
		cursor: pointer;
		background-color: var(--primary-color, #D1F951);
		border: 1px solid var(--primary-color, #D1F951);
		color: var(--dark-color, #020202);
		padding: .5rem 1.2rem;
		border-radius: .6rem;
		position: relative;
		transition: all .2s ease-in-out;
	}

footer .footer-content[b-jasxuopfbn]{
	max-width: 800px;
	display: flex;
	gap: 15px;
}

[b-jasxuopfbn] footer .footer-content .state{
	width: auto;
	height: min-content;
	height: 35px;
}
/* _content/Dbo365.Debiteuren/Views/Debtor/DetailsRazor.razor.rz.scp.css */
/* _content/Dbo365.Debiteuren/Views/Debtor/OverviewDebtor.razor.rz.scp.css */

.search[b-gttnabp9e0] {
	display: flex;
}

.search > input[b-gttnabp9e0] {
	width: 100%;
}

.search > input[b-gttnabp9e0], .search > button[b-gttnabp9e0] {
	height: 3.5rem;
}




.search > button[b-gttnabp9e0] {
	padding-top: .4rem
}
/* _content/Dbo365.Debiteuren/Views/Docs/Docs.razor.rz.scp.css */
.page[b-vlw62252lh] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-vlw62252lh] {
    flex: 1;
}

.sidebar[b-vlw62252lh] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-vlw62252lh] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-vlw62252lh]  a, .top-row[b-vlw62252lh]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-vlw62252lh]  a:hover, .top-row[b-vlw62252lh]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-vlw62252lh]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-vlw62252lh] {
        justify-content: space-between;
    }

    .top-row[b-vlw62252lh]  a, .top-row[b-vlw62252lh]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-vlw62252lh] {
        flex-direction: row;
    }

    .sidebar[b-vlw62252lh] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-vlw62252lh] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-vlw62252lh]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-vlw62252lh], article[b-vlw62252lh] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-vlw62252lh] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-vlw62252lh] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* _content/Dbo365.Debiteuren/Views/Document/Editor.razor.rz.scp.css */
h2[b-rc0bc7p5hj],
h3[b-rc0bc7p5hj],
h4[b-rc0bc7p5hj],
h5[b-rc0bc7p5hj],
p[b-rc0bc7p5hj],
label[b-rc0bc7p5hj],
[b-rc0bc7p5hj] h2,
[b-rc0bc7p5hj] h3,
[b-rc0bc7p5hj] h4,
[b-rc0bc7p5hj] h5,
[b-rc0bc7p5hj] p,
[b-rc0bc7p5hj] label {
	line-height: normal;
	padding: 0;
	margin: 0;
	border: none;
	text-align: left;
}

[b-rc0bc7p5hj] svg {
	height: 1.8rem;
	width: auto;
}

div[b-rc0bc7p5hj] {
	--bg-color: #f5f5f5;
	--border-color-code: 227, 227, 232;
	--border-color: rgb(var(--border-color-code));
	display: grid;
	grid-template-columns: 40rem 1fr 40rem;
	align-items: start;
	overflow: hidden;
}

[b-rc0bc7p5hj] aside {
	display: flex;
	flex-direction: column;
	height: 100%;
	border-right: 1px solid var(--border-color, rgb(227, 227, 232));
	background-color: var(--bg-color, #f5f5f5);
	box-shadow: 0 0 16px 0 rgba(var(--border-color-code), 0.75);
	z-index: 2;
	overflow-y: scroll;
}

	[b-rc0bc7p5hj] aside > * {
		padding: 2rem;
		width: 100%;
	}

	[b-rc0bc7p5hj] aside > div > * {
		width: 100%;
	}

[b-rc0bc7p5hj] .preview {
	--dot-bg: var(--bg-color, #f5f5f5);
	--dot-color: #D7D7DF;
	--dot-size: 2px;
	--dot-space: 15px;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), var(--dot-color);
	display: grid;
	gap: 2rem;
	justify-content: center;
	overflow-y: scroll;
}

/*padding on canvas instead of preview, sinze we now how some more space for the onmouseup event to trigger for a better UX*/
	[b-rc0bc7p5hj] .preview .draggablecanvas {
		padding: 4rem;
	}

[b-rc0bc7p5hj] .pdf {
	max-width: 210mm;
	width: 100%;
	height: 100%;
	background: white;
	box-shadow: 0 0 16px -6px rgba(0, 0, 0, .3);
}

	[b-rc0bc7p5hj] .pdf.previewitem {
		display: flex;
		flex-direction: column;
		gap: 3rem;
		background: transparent;
		box-shadow: none;
		padding: 0px;
	}

		[b-rc0bc7p5hj] .pdf.previewitem img {
			box-shadow: 0 0 16px -6px rgba(0, 0, 0, .3);
		}


	[b-rc0bc7p5hj] .pdf .upload {
		width: 100%;
		height: 100%;
	}

[b-rc0bc7p5hj] .two-column {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

[b-rc0bc7p5hj] .row {
	grid-column: 1/-1;
	display: grid;
	grid-template-columns: subgrid;
	align-items: center;
	padding: .5rem 0;
	gap: 1rem;
}

.settings-row[b-rc0bc7p5hj] {
	padding: 0px;
}

	.settings-row input[b-rc0bc7p5hj] {
		margin: 0;
	}

[b-rc0bc7p5hj] .row-column {
	grid-column: 1/-1;
	display: grid;
	align-items: center;
	padding: .5rem 0;
	row-gap: 1rem;
}

	[b-rc0bc7p5hj] .row-column.has-no-label {
		row-gap: unset;
	}

[b-rc0bc7p5hj] .settings-save, [b-rc0bc7p5hj] .document-details-content, [b-rc0bc7p5hj] .document-details-save {
	width: 100%;
	padding: 1.5rem 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	box-sizing: border-box;
	border-bottom: 1px solid var(--border-color, rgb(227, 227, 232));
}

[b-rc0bc7p5hj] .document-details-content {
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: start;
	overflow-y: scroll;
	padding: 0px;
}

[b-rc0bc7p5hj] .document-details-content {
	height: 100%;
}

	[b-rc0bc7p5hj] .document-details-content > div {
		width: 100%;
	}

	[b-rc0bc7p5hj] .document-details-content ul {
		margin-bottom: 1.5rem;
	}

[b-rc0bc7p5hj] .upload.SmallBlock {
	height: unset;
	padding: 0;
}

	[b-rc0bc7p5hj] .upload.SmallBlock label {
		margin: 0;
	}

[b-rc0bc7p5hj] .uploaded.Block {
	height: unset;
}
/* -------------------- inform -------------------- */
[b-rc0bc7p5hj] .row.inform {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.5rem;
	padding: 1rem;
	border-radius: .6rem;
	border: 1px solid #ccc;
	margin: .5rem 0;
}

	[b-rc0bc7p5hj] .row.inform .inform-icon-container {
		padding: .75rem;
		background: #ccc;
		border-radius: .3rem;
		display: grid;
		align-items: center;
		justify-content: center;
	}

	[b-rc0bc7p5hj] .row.inform p {
		height: 100%;
		display: flex;
		align-items: center;
	}

/* -------------------- image upload / replace -------------------- */
[b-rc0bc7p5hj] .upload-container {
	position: relative;
	display: grid;
	align-items: center;
	gap: 1rem;
	border: 1px dashed #ccc;
	border-radius: .6rem;
	transition: background-color .2s ease-in-out;
	overflow: hidden;
}

	[b-rc0bc7p5hj] .upload-container:has(input[type=file].file-upload-box:hover) {
		background-color: #E8E8E8;
	}

	[b-rc0bc7p5hj] .upload-container:has(input[type=file].file-upload-box:focus) {
		outline: auto;
		background-color: #E8E8E8;
	}

	[b-rc0bc7p5hj] .upload-container.has-image {
		min-height: 13rem;
	}

	[b-rc0bc7p5hj] .upload-container img {
		width: 100%;
		object-fit: cover;
	}

[b-rc0bc7p5hj] .image-options {
	position: absolute;
	top: 1rem;
	right: 1rem;
	display: flex;
	gap: 1rem;
}

	[b-rc0bc7p5hj] .image-options .upload-btn {
		all: revert;
		display: grid;
		align-items: center;
		justify-content: center;
		border: none;
		border-radius: .6rem;
		padding: .5rem;
		border: 1px solid #ccc;
		background-color: white;
		cursor: pointer;
		position: relative;
	}

		[b-rc0bc7p5hj] .image-options .upload-btn.edit:focus-within {
			outline: auto;
		}


[b-rc0bc7p5hj] label.upload {
	position: relative;
	padding: 3rem 2rem;
	display: flex;
	gap: 1rem;
	justify-content: center;
	border-radius: .6rem;
	cursor: pointer;
	outline: none;
}

	[b-rc0bc7p5hj] label.upload svg {
		height: 1lh;
		line-height: normal;
		width: auto;
	}

	[b-rc0bc7p5hj] label.upload .select {
		color: green;
		text-decoration: underline;
	}

[b-rc0bc7p5hj] input[type=file].file-upload {
	all: revert;
	position: absolute;
	inset: 0;
	cursor: pointer;
	color: transparent;
	border-radius: inherit;
	user-select: none; /* Prevents text selection */
	opacity: 0; /* Hides the element visually */
}

	[b-rc0bc7p5hj] input[type=file].file-upload::-webkit-file-upload-button {
		visibility: hidden;
	}

[b-rc0bc7p5hj] input[type="file"].file-upload::file-selector-button {
	visibility: hidden;
}

[b-rc0bc7p5hj] input[type=file].file-upload::-ms-browse {
	visibility: hidden;
}

/* -------------------- radio-buttons -------------------- */

[b-rc0bc7p5hj] .radio-buttons {
	display: grid;
	gap: .2rem;
	grid-auto-flow: column;
	position: relative;
	border-radius: .3rem;
	overflow: hidden;
	padding: .2rem;
	background-color: hsla( 0, 0%, 0%, .07);
	width: fit-content;
}

	[b-rc0bc7p5hj] .radio-buttons:focus-within {
		outline: auto;
	}

	[b-rc0bc7p5hj] .radio-buttons label {
		display: grid;
		align-items: center;
		align-items: center;
		justify-content: center;
		padding: .5rem 1rem;
		cursor: pointer;
		border-radius: inherit;
	}

		[b-rc0bc7p5hj] .radio-buttons label:has(input[type="radio"]:checked) {
			background-color: #77C44C;
		}

	[b-rc0bc7p5hj] .radio-buttons input[type="radio"] {
		position: absolute;
		top: -100%;
		left: -100%;
	}

/* -------------------- slider -------------------- */
[b-rc0bc7p5hj] .slider-container {
	display: grid;
	padding: 10px 1px;
}

[b-rc0bc7p5hj] .slider-track {
	position: relative;
	width: 100%;
	height: 10px;
	background-color: hsla(0, 0%, 0%, .07);
	border-radius: .3rem;
	cursor: pointer;
}

[b-rc0bc7p5hj] .slider-fill {
	position: absolute;
	height: 100%;
	background-color: #77C44C;
	border-radius: inherit;
	transition: width 0.2s ease-in-out;
}

[b-rc0bc7p5hj] .slider-thumb {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #ffffff;
	border: 2px solid #77C44C;
	border-radius: 50%;
	cursor: pointer;
	transition: left 0.2s ease-in-out;
	top: -5px;
	transform: translateX(-50%);
}

/* -------------------- color -------------------- */
[b-rc0bc7p5hj] .color {
	display: grid;
	grid-template-columns: auto 1fr;
}

	[b-rc0bc7p5hj] .color > div {
		display: flex;
		align-items: center;
		border: 1px solid hsla(0, 0%, 0%, .07);
		overflow: hidden;
		position: relative;
	}

		[b-rc0bc7p5hj] .color > div:nth-child(1) {
			border-radius: .5rem 0 0 .5rem;
			border-right: unset;
		}

		[b-rc0bc7p5hj] .color > div:nth-child(2) {
			border-radius: 0 .5rem .5rem 0;
		}

	[b-rc0bc7p5hj] .color .svg-container {
		display: grid;
		align-content: center;
		justify-content: center;
		padding: .5rem;
		position: absolute;
		left: 0;
	}

	[b-rc0bc7p5hj] .color input[type="text"] {
		padding: .5rem 1rem .5rem calc((.5rem + 1.8rem + .5rem) + 1rem);
		margin: 0;
		border: none;
		position: relative;
		z-index: 2;
		background: transparent;
		width: calc((.5rem + 1.8rem + .5rem) + 1rem + 7ch + 1rem + 1px);
	}

	[b-rc0bc7p5hj] .color input[type="color"] {
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		background: none;
		border: 0;
		cursor: pointer;
		padding: 0;
		width: 100%;
		height: 100%;
		margin: 0;
	}

		[b-rc0bc7p5hj] .color input[type="color"]::-webkit-color-swatch-wrapper {
			padding: 0;
		}

		[b-rc0bc7p5hj] .color input[type="color"]::-webkit-color-swatch {
			border: 0;
			border-radius: 0;
		}

		[b-rc0bc7p5hj] .color input[type="color"]::-moz-focus-inner {
			border: 0;
		}

		[b-rc0bc7p5hj] .color input[type="color"]::-moz-focus-inner {
			padding: 0;
		}

/* -------------------- drag and drop -------------------- */
[b-rc0bc7p5hj] .drag-and-drop-container {
	display: flex;
	flex-direction: column;
	border-radius: .3rem;
	border: 1px solid hsla(0, 0%, 0%, 0.2);
	overflow: hidden;
}

[b-rc0bc7p5hj] .drag-and-drop header {
	padding: 1rem;
	position: relative;
}

	[b-rc0bc7p5hj] .drag-and-drop header h3 {
		color: black;
		font-size: 14px;
		font-size: 1.4rem;
	}

[b-rc0bc7p5hj] .drag-and-drop li:hover {
	background-color: unset;
}

[b-rc0bc7p5hj] .drag-and-drop li:after {
	display: none;
}

[b-rc0bc7p5hj] .DontShowContent {
	background-color: hsla(0, 0%, 0%, 0.07)
}

[b-rc0bc7p5hj] .drag-options {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: .5rem;
	padding: .2rem .5rem;
}

	[b-rc0bc7p5hj] .drag-options:hover {
		background-color: hsla(0, 0%, 0%, 0.03);
	}

[b-rc0bc7p5hj] .styling-setting {
	display: flex;
}

[b-rc0bc7p5hj] .DontShowContent .styling-setting {
	display: none;
}

[b-rc0bc7p5hj] .drag-options p {
	padding: .5rem 0;
}

[b-rc0bc7p5hj] .icon-container {
	display: grid;
	align-items: center;
	justify-content: center;
	padding: .5rem;
}

[b-rc0bc7p5hj] .styling-setting button {
	all: revert;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

[b-rc0bc7p5hj] .drag-options svg {
	fill: hsla(0, 0%, 0%, 0.4);
	height: 1lh;
	width: auto;
}


[b-rc0bc7p5hj] .styling-setting button.active svg {
	fill: hsla(0, 0%, 0%, 0.7);
}

[b-rc0bc7p5hj] .image-wrapper {
	position: relative;
}

	[b-rc0bc7p5hj] .image-wrapper .file-fields {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	[b-rc0bc7p5hj] .image-wrapper .field {
		position: absolute;
		left: var(--fieldPositionX);
		top: var(--fieldPositionY);
		width: var(--fieldWidth);
		height: var(--fieldHeight);
		background-color: var(--recipient-color);
	}

	[b-rc0bc7p5hj] .image-wrapper .field.selected {
		border: 1px solid black;
	}
/* _content/Dbo365.Debiteuren/Views/Document/Fields/FieldsEditor.razor.rz.scp.css */
.options-wrapper[b-jnen4lx2jo] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

	.options-wrapper button[b-jnen4lx2jo] {
		all: revert;
		width: 100%;
		height: 45px;
		border: solid 1px #344055;
		border-radius: .5rem;
		text-align: left;
		cursor: pointer;
	}
/* _content/Dbo365.Debiteuren/Views/Document/File/DocumentFileCollectionEditor.razor.rz.scp.css */
[b-rhmguyb3nd] .upload, [b-rhmguyb3nd] .upload label{
	width: 100%;
}

[b-rhmguyb3nd] ul{
	padding-bottom: 1px;
}
/* _content/Dbo365.Debiteuren/Views/Document/Recipient/CreateOrEditRecipientModal.razor.rz.scp.css */

h1[b-nfc2o3ha22] {
	padding: 0;
	margin: 0;
	border: none;
}

/* ============= TOP ============ */
[b-nfc2o3ha22] .dialog-modal-top {
	display: grid;
	grid-template-columns: 1fr auto;
	position: sticky;
	top: 0;
	z-index: 1;
	background: #f3f4f2;
	-webkit-box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
	-moz-box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
	box-shadow: 1px 3px 9px -4px rgba(214,214,214,1);
}

[b-nfc2o3ha22] .dialog-modal-bottom, [b-nfc2o3ha22] .dialog-modal-middle, [b-nfc2o3ha22] .dialog-modal-top {
	padding: 20px;
	background: white;
}

[b-nfc2o3ha22] .dialog-modal-top {
	padding-bottom: 20px;
}



.close-btn[b-nfc2o3ha22] {
	all: revert;
	display: flex;
	width: auto;
	background-color: transparent;
	height: 100%;
	padding: .5rem;
	border: none;
	border-radius: .6rem;
	cursor: pointer;
}

[b-nfc2o3ha22] .close-btn svg {
	stroke: #ddd;
}

[b-nfc2o3ha22] .close-btn:hover svg,
[b-nfc2o3ha22] .close-btn:focus svg {
	stroke: #020202;
}

[b-nfc2o3ha22] .close-btn svg path {
	stroke: inherit;
}


/* ============= MIDDLE ============ */

[b-nfc2o3ha22] .dialog-modal-middle {
	height: calc(100% - 72.5px - 75px);
	overflow-y: scroll;
}

/* ============= BOTTOM ============ */
[b-nfc2o3ha22] .dialog-modal-bottom {
	position: sticky;
	bottom: 0px;
}
/* _content/Dbo365.Debiteuren/Views/Document/Recipient/Recipient.razor.rz.scp.css */
p[b-jq8ucbvf6m] {
	padding: 0px;
	margin: 0px;
	width: fit-content;
	line-height: normal;
}

.container-button[b-jq8ucbvf6m] {
	display: flex;
	gap: 10px;
	justify-content: flex-start;
	align-content: center;
	width: 100%;
	padding: 1rem 1rem .5rem 1rem;
	background: #ffffff;
	border: none;
	color: black;
	box-shadow: none;
	border-radius: .5rem;

	height: 45px;
	display: flex;
	align-items: center;
	padding: 0px 10px;
	margin: 0px;
}

	.container-button:not(:nth-last-child(1))[b-jq8ucbvf6m] {
		border-bottom: 1px solid rgba(0,0,0,.2);
	}

	.container-button .file-content[b-jq8ucbvf6m] {
		padding: 0px;
		margin: 0px;
		grid-area: recipient-position;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		flex: 1;
		display: flex;
		flex-wrap: wrap;
		column-gap: 2rem;
	}

		.container-button .file-content .recipient-position[b-jq8ucbvf6m] {
			text-wrap: wrap;
			background: var(--recipient-color);
			/* aspect-ratio: 1 / 1; */
			width: 25px;
			height: 25px;
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: 1rem;
			font-weight: bold;
		}

	.container-button .buttons[b-jq8ucbvf6m] {
		display: flex;
		gap: 10px;
		align-content: center;
	}

	.container-button button[b-jq8ucbvf6m] {
		all: revert;
		border: unset;
		background-color: transparent;
		padding: .5rem;
		margin: 0;
		grid-area: button;
		aspect-ratio: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: auto;
		cursor: pointer;
		display: flex;
		align-items: center;
		position: relative;
	}

	.container-button[b-jq8ucbvf6m]  svg {
		width: auto;
		height: 100%;
		fill: #ccc;
		max-height: 1lh;
	}

		.container-button[b-jq8ucbvf6m]  svg path {
			fill: inherit;
		}

	.container-button button:is(:hover, :focus)[b-jq8ucbvf6m]  svg,
	.upload a:is(:hover, :focus)[b-jq8ucbvf6m]  svg {
		fill: #232322;
	}

	.container-button button[data-title][b-jq8ucbvf6m]::after,
	.container-button button[data-title][b-jq8ucbvf6m]::before {
		--background-color: rgba(0, 0, 0, 0.8);
		pointer-events: none;
		position: absolute;
		opacity: 0;
		transition: opacity 0.3s ease;
		left: 50%;
		transform: translateX(-50%);
	}

	.container-button button[data-title][b-jq8ucbvf6m]::after {
		content: attr(data-title);
		bottom: calc(100% + 5px);
		background-color: var(--background-color);
		color: white;
		padding: 5px 10px;
		border-radius: 5px;
		white-space: nowrap;
	}

	.container-button button[data-title][b-jq8ucbvf6m]::before {
		content: "";
		top: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: var(--background-color) transparent transparent transparent;
	}

	.container-button button[data-title]:is(:hover, :focus)[b-jq8ucbvf6m]::after,
	.container-button button[data-title]:is(:hover, :focus)[b-jq8ucbvf6m]::before {
		opacity: 1;
	}

..recipient-name[b-jq8ucbvf6m] {
	line-height: 1rem;
	font-size: 1.2rem;
	padding-top: 3px;
	display: flex;
	align-items: center;
}

@media (prefers-reduced-motion: no-preference) {
	.container-button[b-jq8ucbvf6m]  svg {
		transition: fill .2s ease-in-out;
	}
}

.selected .container-button[b-jq8ucbvf6m] {
	border: dashed 1px var(--recipient-color);
}
/* _content/Dbo365.Debiteuren/Views/Document/Recipient/RecipientList.razor.rz.scp.css */
ul[b-y459fq5wj1]{
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding-bottom: 1rem;
}

/* _content/Dbo365.Debiteuren/Views/Dossiers/DossierCreateOrEditForm.razor.rz.scp.css */
.three-column-align[b-yqfh8a5t5m] {
	display: grid;
	grid-template-columns: auto auto 1fr;
	row-gap: inherit;
}

	.three-column-align > *[b-yqfh8a5t5m] {
		grid-column: span 3;
		display: grid !important;
		grid-template-columns: subgrid;
	}
/* _content/Dbo365.Debiteuren/Views/Dossiers/FormHeaderTitle.razor.rz.scp.css */
.title-container[b-jfhhk356kz] {
	position: relative;
	display: flex;
	gap: 15px;
	align-items: center;
	min-height: 40px;
	border-bottom: 1px solid #A1A1A1;
	padding: 1rem 2rem;
}

	.title-container h2[b-jfhhk356kz] {
		text-decoration: none;
		border: none;
		padding: 0px;
		margin: 0px;
		font-size: 20px;
		font-weight: 600;
		line-height: normal;
		
		/*color: black;*/
	}

	.title-container[b-jfhhk356kz]::before {
		content: attr(data-number);
		display: flex;
		align-items: center;
		justify-content: center;
		width: 18px;
		height: 18px;
		min-width: 18px;
		min-height: 18px;
		border-radius: 50%;
		background-color: #235C28;
		color: white;
		font-size: 12px;
		line-height: normal;
	}



.additional-content[b-jfhhk356kz] {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

[b-jfhhk356kz] .additional-content button {
	all: revert;
	border: none;
	border-bottom: 1px solid transparent;
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	padding: 1rem;
	line-height: normal;
	cursor: pointer;
	transition: border-color .2s ease-in-out;
}

[b-jfhhk356kz] .additional-content button:is(:hover, :focus) {
	border-color: #232322;
}

	[b-jfhhk356kz] .additional-content button > svg {
		height: 100%;
		max-height: 18px;
		width: auto;
	}
/* _content/Dbo365.Debiteuren/Views/Export/AevitaeReport.razor.rz.scp.css */
p[b-zxv20iuvhq] {
	margin-bottom: 0;
}


.container[b-zxv20iuvhq] {
	display: grid;
	grid-template-columns: .5fr 1fr;
	grid-template-columns: auto 1fr;
	gap: 5rem;
}

.container-item[b-zxv20iuvhq]{
	display: flex;
	flex-direction: column;
	gap: .5rem;
	width: fit-content;
}

.upload-container[b-zxv20iuvhq]{
	display: flex;
	flex-direction: column;
}

.upload-container[b-zxv20iuvhq]  .upload {
	width: 100%;
}
.warning[b-zxv20iuvhq]{
	color: red;
	font-weight: bold;
}
/* _content/Dbo365.Debiteuren/Views/Export/CustomerReport.razor.rz.scp.css */
p[b-28yh2qz6x8]{
	margin: 0;
}

header[b-28yh2qz6x8]{
	display: grid;
	grid-template-columns: inherit;
	border-bottom: 1px solid gray;
	background-color: white;
}

	header > *[b-28yh2qz6x8] {
		grid-column: content;
	}

	header h1[b-28yh2qz6x8] {
		margin: 0;
		padding: 2rem 0;
		border: unset;
		line-height: normal;
		overflow-wrap: anywhere;
	}

main[b-28yh2qz6x8] {
	padding: 2rem 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 2.5rem;
}

main:has(.error-massage)[b-28yh2qz6x8]{
	grid-template-columns: 1fr !important;
}

.container[b-28yh2qz6x8] {
	grid-column-start: 1;
	grid-column-end: -1;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

	.chart-container[b-28yh2qz6x8]{
		background-color: white;
		padding: 2rem;
		border-radius: .5rem;
		box-shadow: 0 2px 8px 0 rgba(0,0,0,.25);
		height: 300px;
	}

.error-massage[b-28yh2qz6x8] {
	grid-column-start: 1;
	grid-column-end: -1;
}

[b-28yh2qz6x8] .form-row{
	display: flex;
	flex-direction: column;
	min-width: fit-content;
	flex: 1;
}

[b-28yh2qz6x8] .form-row > *{
	margin: 0;
	padding: 0;
	width: auto !important;
	display: flex;
	flex: 1;
}


	[b-28yh2qz6x8] .form-row .form-col select {
		padding-right: 2rem !important;
		width: fit-content;
		min-height: 35px;
		min-width: 250px;
	}

	[b-28yh2qz6x8] .form-row > *,
	[b-28yh2qz6x8] .form-row > * > *,
	[b-28yh2qz6x8] .form-row > * > * > *{
		width: auto !important;
		flex: 1;
	}


@media only screen and (min-width: 600px) {
	main[b-28yh2qz6x8] {
		grid-template-columns: 1fr 1fr;
	}

	[b-28yh2qz6x8] .form-row .form-col select {
		min-width: unset;
	}

[b-28yh2qz6x8] .form-row,
[b-28yh2qz6x8] .form-row > *,
[b-28yh2qz6x8] .form-row > * > *,
[b-28yh2qz6x8] .form-row > * > * > * {
	width: fit-content !important;
	flex: unset;
}
}
/* _content/Dbo365.Debiteuren/Views/Export/InvoiceStatus.razor.rz.scp.css */
.grid > div[b-j2suhrqi7t] {
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.grid[b-j2suhrqi7t] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 1rem;
}

	.grid[b-j2suhrqi7t]  input[type=text] {
		padding: 0.675em 1em;
	}

	.grid div[b-j2suhrqi7t] {
		display: grid;
		grid-template-columns: 1fr auto;
		border: 1px solid #A1A1A1;
		border-radius: .6rem;
		overflow: hidden;
	}

.form-row .form-col .grid button[b-j2suhrqi7t] {
	all: revert;
	border: unset;
	box-shadow: unset;
	background-color: transparent;
	height: 100%;
	aspect-ratio: 1;
	border: none;
	position: relative;
	cursor: pointer;
	transition: background-color .3s ease-in-out;
	border-radius: 0 .6rem .6rem 0;
}

		.grid button[b-j2suhrqi7t]  svg path {
			transition: fill .3s ease-in-out;
		}

		.grid button:is(:hover, :focus)[b-j2suhrqi7t]  svg path {
			fill: #FF4A4A;
		}

	.grid[b-j2suhrqi7t]  input {
		border: unset;
	}


[b-j2suhrqi7t] .scrollboxlistcontainer {
	margin-top: 1rem;
	margin-left: 0;
	width: 100%;
}

.form-row[b-j2suhrqi7t]  .form-col:first-child {
	width: 100%;
	text-wrap: nowrap;
	overflow: hidden;
	margin-left: 1rem;
	display: flex;
	align-items: center;
	margin-bottom: 0;
	padding-top: .5rem;
	padding-bottom: .75rem;
}
/* _content/Dbo365.Debiteuren/Views/Export/SepaConverter.razor.rz.scp.css */
p[b-8nr6a17wls] {
	margin-bottom: 0;
}


.container[b-8nr6a17wls] {
	display: grid;
	grid-template-columns: .5fr 1fr;
	grid-template-columns: auto 1fr;
	gap: 5rem;
}

.container-item[b-8nr6a17wls]{
	display: flex;
	flex-direction: column;
	gap: .5rem;
	width: fit-content;
}

.upload-container[b-8nr6a17wls]{
	display: flex;
	flex-direction: column;
}

.upload-container[b-8nr6a17wls]  .upload {
	width: 100%;
}
/* _content/Dbo365.Debiteuren/Views/Factoring/Components/DebtorModals/FactoringCreditLimitDenyModal.razor.rz.scp.css */
.dialog-modal-top > *[b-wqx2zk7yv0] {
	border-bottom: 0;
	margin-bottom: 10px;
}

.dialog-modal-top > *:last-child[b-wqx2zk7yv0] {
	margin-top: 0;
}

.dialog-modal-middle > p[b-wqx2zk7yv0] {
	margin-bottom: 10px;
	margin-top: 10px;
}

.dialog-modal-middle button:hover[b-wqx2zk7yv0] {
	background: var(--secondary, #D1F951);
}


[b-wqx2zk7yv0] dialog {
	background-color: green;
}

hr[b-wqx2zk7yv0] {
	margin-top: 0;
}


[b-wqx2zk7yv0] .input-group {
	display: flex;
	gap: 10px;
	align-items: baseline;
}

[b-wqx2zk7yv0] .input-group > *:first-child {
	width: 30ch;
}

[b-wqx2zk7yv0] .input-group > input, [b-wqx2zk7yv0] .input-group > select {
	border: 1px solid #A1A1A1;
	border-radius: 5px;
	background-color: transparent;
}
/* _content/Dbo365.Debiteuren/Views/Factoring/Components/DebtorModals/FactoringCreditLimitReplaceModal.razor.rz.scp.css */
.dialog-modal-top > *[b-39yup8963w] {
	border-bottom: 0;
	margin-bottom: 10px;
}

.dialog-modal-top > *:last-child[b-39yup8963w] {
	margin-top: 0;
}

.dialog-modal-middle[b-39yup8963w] {
	display: grid;
	grid-auto-flow: column;
	grid-gap: 2rem;
}

.dialog-modal-middle > p[b-39yup8963w] {
	margin-bottom: 10px;
	margin-top: 10px;
}

.dialog-modal-middle button:hover[b-39yup8963w] {
	background: var(--secondary, #D1F951);
}


[b-39yup8963w] dialog {
	background-color: green;
}

hr[b-39yup8963w] {
	margin-top: 0;
}


[b-39yup8963w] .input-group {
	display: flex;
	gap: 10px;
	align-items: baseline;
}

[b-39yup8963w] .input-group > *:first-child {
	width: 30ch;
}

[b-39yup8963w] .input-group > input, [b-39yup8963w] .input-group > select {
	border: 1px solid #A1A1A1;
	border-radius: 5px;
	background-color: transparent;
}


.title-container[b-39yup8963w] {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	margin-bottom: 2.5rem;
}


.factoringLimitItem[b-39yup8963w] {
	margin-bottom: 5px;
}

	.factoringLimitItem > p[b-39yup8963w] {
		margin-bottom: 0;
	}

	.factoringLimitItem > input[b-39yup8963w] {
		width: 100%;
	}

.title-container[b-39yup8963w] {
	margin-bottom: 0;
}

.dialog-modal-bottom[b-39yup8963w] {
	margin-top: 16px;
}
/* _content/Dbo365.Debiteuren/Views/Factoring/Components/DebtorModals/FactoringDebtorLimitReached.razor.rz.scp.css */
.dialog-modal-top > *[b-8lkt46l4m2] {
	border-bottom: 0;
	margin-bottom: 10px;
}

.dialog-modal-top > *:last-child[b-8lkt46l4m2] {
	margin-top: 0;
}

.dialog-modal-middle > p[b-8lkt46l4m2] {
	margin-bottom: 10px;
	margin-top: 10px;
}

.dialog-modal-middle button:hover[b-8lkt46l4m2] {
	background: var(--secondary, #D1F951);
}


.dialog-modal-bottom[b-8lkt46l4m2] {
	margin-top: 20px;
}

[b-8lkt46l4m2] dialog {
	background-color: green;
}

hr[b-8lkt46l4m2] {
	margin-top: 0;
}


[b-8lkt46l4m2] .input-group {
	display: flex;
	gap: 10px;
	align-items: baseline;
}

[b-8lkt46l4m2] .input-group > *:first-child {
	width: 30ch;
}

[b-8lkt46l4m2] .input-group > input, [b-8lkt46l4m2] .input-group > select {
	border: 1px solid #A1A1A1;
	border-radius: 5px;
	background-color: transparent;
}

.modal-grid-inputs[b-8lkt46l4m2] {
	display: grid;
	grid-template-columns: min-content 1fr;
	grid-row-gap: 1rem;
	grid-column-gap: 2rem;
}


.modal-grid-inputs p[b-8lkt46l4m2] {
	margin-bottom: 0;
	text-wrap: nowrap;
	white-space: nowrap;
}

.modal-grid-inputs h2[b-8lkt46l4m2] {
	margin-bottom: 0;
}

.modal-grid-inputs input[b-8lkt46l4m2] {
	border-radius: 5px;
	border: 1px solid var(--midium-gray-v2, #A1A1A1);
	background: inherit;
    margin: 3px 3px 3px 4px;
}

/* _content/Dbo365.Debiteuren/Views/Factoring/Components/FactoringDownloadFinalSettlementModal.razor.rz.scp.css */
.dialog-modal-top > *[b-6ief62h11p] {
	border-bottom: 0;
	margin-bottom: 10px;
}

.dialog-modal-top > *:last-child[b-6ief62h11p] {
	margin-top: 0;
}

.dialog-modal-middle > p[b-6ief62h11p] {
	margin-bottom: 10px;
	margin-top: 10px;
}

.dialog-modal-middle button:hover[b-6ief62h11p] {
	background: var(--secondary, #D1F951);
}


.dialog-modal-bottom[b-6ief62h11p] {
	margin-top: 20px;
}

[b-6ief62h11p] dialog {
	background-color: green;
}

hr[b-6ief62h11p] {
	margin-top: 0;
}


[b-6ief62h11p] .input-group {
	display: flex;
	gap: 10px;
	align-items: baseline;
}

[b-6ief62h11p] .input-group > *:first-child {
	width: 30ch;
}

[b-6ief62h11p] .input-group > input, [b-6ief62h11p] .input-group > select {
	border: 1px solid #A1A1A1;
	border-radius: 5px;
	background-color: transparent;
}
/* _content/Dbo365.Debiteuren/Views/Factoring/Components/FactoringDownloadSettlementModal.razor.rz.scp.css */
.dialog-modal-top > *[b-vphdehzcjt] {
	border-bottom: 0;
	margin-bottom: 10px;
}

.dialog-modal-top > *:last-child[b-vphdehzcjt] {
	margin-top: 0;
}

.dialog-modal-middle > p[b-vphdehzcjt] {
	margin-bottom: 10px;
	margin-top: 10px;
}

.dialog-modal-middle button:hover[b-vphdehzcjt] {
	background: var(--secondary, #D1F951);
}

.dialog-modal-bottom[b-vphdehzcjt] {
	margin-top: 20px;
}


[b-vphdehzcjt] dialog {
	background-color: green;
}

hr[b-vphdehzcjt] {
	margin-top: 0;
}


[b-vphdehzcjt] .input-group {
	display: flex;
	gap: 10px;
	align-items: baseline;
}

[b-vphdehzcjt] .input-group > *:first-child {
	width: 30ch;
}

[b-vphdehzcjt] .input-group > input, [b-vphdehzcjt] .input-group > select {
	border: 1px solid #A1A1A1;
	border-radius: 5px;
	background-color: transparent;
}
/* _content/Dbo365.Debiteuren/Views/Factoring/Components/InvoiceModals/FactoringInvoiceAcceptModal.razor.rz.scp.css */
.dialog-modal-top > *[b-cow42z21rm] {
	border-bottom: 0;
	margin-bottom: 0;
}

.dialog-modal-top > *:last-child[b-cow42z21rm] {
	margin-top: 0;
}

.dialog-modal-middle > p[b-cow42z21rm] {
	margin-bottom: 10px;
	margin-top: 10px;
}

.dialog-modal-middle button:hover[b-cow42z21rm] {
	background: var(--secondary, #D1F951);
}


[b-cow42z21rm] dialog {
	background-color: green;
}

hr[b-cow42z21rm] {
	margin-top: 0;
}


[b-cow42z21rm] .input-group {
	display: flex;
	gap: 10px;
	align-items: baseline;
}

[b-cow42z21rm] .input-group > *:first-child {
	width: 30ch;
}

[b-cow42z21rm] .input-group > input, [b-cow42z21rm] .input-group > select {
	border: 1px solid #A1A1A1;
	border-radius: 5px;
	background-color: transparent;
}
/* _content/Dbo365.Debiteuren/Views/Factoring/Components/InvoiceModals/FactoringInvoiceCompleteModal.razor.rz.scp.css */
.dialog-modal-top > *[b-obb9negns7] {
	border-bottom: 0;
	margin-bottom: 0;
}

.dialog-modal-top > *:last-child[b-obb9negns7] {
	margin-top: 0;
}

.dialog-modal-middle > p[b-obb9negns7] {
	margin-bottom: 10px;
	margin-top: 10px;
}

.dialog-modal-middle button:hover[b-obb9negns7] {
	background: var(--secondary, #D1F951);
}


[b-obb9negns7] dialog {
	background-color: green;
}

hr[b-obb9negns7] {
	margin-top: 0;
}


[b-obb9negns7] .input-group {
	display: flex;
	gap: 10px;
	align-items: baseline;
}

[b-obb9negns7] .input-group > *:first-child {
	width: 30ch;
}

[b-obb9negns7] .input-group > input, [b-obb9negns7] .input-group > select {
	border: 1px solid #A1A1A1;
	border-radius: 5px;
	background-color: transparent;
}
/* _content/Dbo365.Debiteuren/Views/Factoring/Components/InvoiceModals/FactoringInvoiceDelayModal.razor.rz.scp.css */
.dialog-modal-top > *[b-p07yvct0qz] {
	border-bottom: 0;
	margin-bottom: 0;
}

.dialog-modal-top > *:last-child[b-p07yvct0qz] {
	margin-top: 0;
}

.dialog-modal-middle > p[b-p07yvct0qz] {
	margin-bottom: 10px;
	margin-top: 10px;
}

.dialog-modal-middle button:hover[b-p07yvct0qz] {
	background: var(--secondary, #D1F951);
}

[b-p07yvct0qz] dialog {
	background-color: green;
}

hr[b-p07yvct0qz] {
	margin-top: 0;
}


[b-p07yvct0qz] .input-group {
	display: flex;
	gap: 10px;
	align-items: baseline;
}

[b-p07yvct0qz] .input-group > *:first-child {
	width: 30ch;
}

[b-p07yvct0qz] .input-group > input, [b-p07yvct0qz] .input-group > select {
	border: 1px solid #A1A1A1;
	border-radius: 5px;
	background-color: transparent;
}
/* _content/Dbo365.Debiteuren/Views/Factoring/Components/InvoiceModals/FactoringInvoiceDenyModal.razor.rz.scp.css */
.dialog-modal-top > *[b-0o9wa66ic0] {
	border-bottom: 0;
	margin-bottom: 0;
}

.dialog-modal-top > *:last-child[b-0o9wa66ic0] {
	margin-top: 0;
}

.dialog-modal-middle > p[b-0o9wa66ic0] {
	margin-bottom: 10px;
	margin-top: 10px;
}

.dialog-modal-middle button:hover[b-0o9wa66ic0] {
	background: var(--secondary, #D1F951);
}


[b-0o9wa66ic0] dialog {
	background-color: green;
}

hr[b-0o9wa66ic0] {
	margin-top: 0;
}


[b-0o9wa66ic0] .input-group {
	display: flex;
	gap: 10px;
	align-items: baseline;
}

[b-0o9wa66ic0] .input-group > *:first-child {
	width: 30ch;
}

[b-0o9wa66ic0] .input-group > input, [b-0o9wa66ic0] .input-group > select {
	border: 1px solid #A1A1A1;
	border-radius: 5px;
	background-color: transparent;
}
/* _content/Dbo365.Debiteuren/Views/Factoring/Components/InvoiceModals/FactoringInvoiceDetailsModal.razor.rz.scp.css */
.dialog-modal-top[b-43jr1zpgzn] {
}

.dialog-modal-middle > p[b-43jr1zpgzn] {
	margin-bottom: 10px;
	margin-top: 10px;
}

.dialog-modal-middle button[b-43jr1zpgzn] {
	border-radius: 5px;
	background: var(--light, #FFF);
	border: 0;
	box-shadow: none;
	color: black;
	display: flex;
	padding: 6px 10px 6px 6px;
	align-items: center;
}

	.dialog-modal-middle button svg[b-43jr1zpgzn] {
		transform: scale(.8);
	}

	.dialog-modal-middle button:hover[b-43jr1zpgzn] {
		background: var(--secondary, #D1F951);
	}


.dialog-modal-middle[b-43jr1zpgzn] {
	display: grid;
	grid-template-columns: min-content 1fr;
	grid-row-gap: 1rem;
	grid-column-gap: 2rem;
}


.dialog-modal-middle p[b-43jr1zpgzn] {
	margin-bottom: 0;
    text-wrap: nowrap;
	white-space: nowrap;
}

.dialog-modal-middle h2[b-43jr1zpgzn] {
	margin-bottom: 0;
}

.dialog-modal-middle input[b-43jr1zpgzn] {
    border-radius: 5px;
    border: 1px solid var(--midium-gray-v2, #A1A1A1);
    background: inherit;
}

/* _content/Dbo365.Debiteuren/Views/Funds/AnalyzeTab.razor.rz.scp.css */
section[b-owgdoal2td] {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}


section[b-owgdoal2td] >  header{
	display: none;
}

[b-owgdoal2td] .table-responsive{
	overflow: unset !important;
}

.analyzeParent[b-owgdoal2td] {
	display: grid;
	column-gap: 2rem;
	row-gap: 5rem;
	grid-template-columns: repeat(1, 1fr);
	grid-template-areas:
		'daily-balance'
		'daily-income'
		'daily-expenses'
		'spending-space'
		'chart';
}

	.analyzeParent > div[b-owgdoal2td] {
		background: white;
		border-radius: .6rem;
	}

		.analyzeParent > div:not(:last-child)[b-owgdoal2td] {
			max-height: 120px;
			border: 1px solid #ccc;
			box-shadow: 0 4px 6px rgba(0,0,0,.25);
		}

	.analyzeParent .div1[b-owgdoal2td] {
		grid-area: daily-balance;
	}

	.analyzeParent .div2[b-owgdoal2td] {
		grid-area: daily-income;
	}

	.analyzeParent .div3[b-owgdoal2td] {
		grid-area: daily-expenses;
	}

	.analyzeParent .div4[b-owgdoal2td] {
		grid-area: spending-space;
	}

	.analyzeParent .div5[b-owgdoal2td] {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		grid-area: chart;
		gap: 1rem;
	}

.dropdown-container[b-owgdoal2td] {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 5px;
	width: 100%;
	height: fit-content;
}

	.analyzeParent .div5:nth-child(1)[b-owgdoal2td]{
		display: grid;
	}

	.analyzeParent .chart-container canvas[b-owgdoal2td] {
		height: 250px;
	}


	.analyzeParent .div5[b-owgdoal2td] >  div:nth-child(1) {
		justify-content: flex-end !important;
		gap: .5rem;
	}

.analyzeParent .div5[b-owgdoal2td]   .custom-select{
	height: fit-content;
}

.analyzeParent .div5 > div:nth-last-child(1)[b-owgdoal2td] {
	height: 100%;
	min-height: 400px;
	overflow-x: auto;
	max-width: calc(100vw - 5% -5%);
}

	.analyzeParent .div5 > div:nth-last-child(1)[b-owgdoal2td]  > * {
		height: 100%;
	}

@media only screen and (min-width: 630px) {
	.analyzeParent[b-owgdoal2td] {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
			'daily-balance daily-income'
			'daily-expenses spending-space'
			'chart chart';
	}
}

@media only screen and (min-width: 1250px) {
	.analyzeParent[b-owgdoal2td] {
		grid-template-columns: repeat(4, 1fr);
		grid-template-areas:
			'daily-balance daily-income daily-expenses spending-space'
			'chart chart chart chart';
	}
}
/* _content/Dbo365.Debiteuren/Views/Funds/CategoriesTab.razor.rz.scp.css */
section[b-4oyznkqops] {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

[b-4oyznkqops] .table-responsive {
	overflow: unset !important;
}

.categorie-container[b-4oyznkqops] {
	background-color: white;
	border-radius: .6rem;
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.grid[b-4oyznkqops] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 1rem;
}
	.grid[b-4oyznkqops]  input[type=text] {
		padding: 0.675em 1em;
	}

	.grid div[b-4oyznkqops] {
		display: grid;
		grid-template-columns: 1fr auto;
		border: 1px solid #A1A1A1;
		border-radius: .6rem;
		overflow: hidden;
	}

	.grid button[b-4oyznkqops] {
		all: revert;
		border: unset;
		background-color: unset;
		height: 100%;
		aspect-ratio: 1;
		border-left: 1px solid #A1A1A1;
		position: relative;
		cursor: pointer;
		transition: background-color .3s ease-in-out;
		border-radius: 0 .6rem .6rem 0;
		}

		.grid button[b-4oyznkqops]  svg path {
			transition: fill .3s ease-in-out;
		}

		.grid button:is(:hover, :focus)[b-4oyznkqops]  svg path{
			fill: #FF4A4A;
		}

	.grid[b-4oyznkqops]  input {
		border: unset;
	}


.button-container[b-4oyznkqops] {
	display: flex;
	gap: 1rem;
}

	.button-container button[b-4oyznkqops] {
		all: revert;
		border-radius: .6rem;
		border: unset;
		padding: 1rem 1.4rem;
		font-size: 14px;
		cursor: pointer;
		}

.button[b-4oyznkqops] {
	background-color: #D1F951 !important;
}

.button:hover[b-4oyznkqops],
.button:focus[b-4oyznkqops] {
	background-color: var(--primary-hover, #A1D104)!important;
}

.IsSuperuser[b-4oyznkqops] {
	background-color: #FFC3F2 !important;
}

	.IsSuperuser:hover[b-4oyznkqops],
	.IsSuperuser:focus[b-4oyznkqops] {
		background-color: #EAA8DC !important;
	}



.grid > div > div[b-4oyznkqops] >  div.form-col {
	padding: 0.375em .5em;
	width: 100%;
}
/* _content/Dbo365.Debiteuren/Views/Funds/Index.razor.rz.scp.css */
p[b-cjpmkowegk]{
	margin: unset;
	line-height: normal;
}

header[b-cjpmkowegk] {
	padding-bottom: 2rem;
	border-bottom: 1px solid #ccc;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.page-location-container[b-cjpmkowegk] {
	padding: 30px var(--side-spacing) 20px var(--side-spacing);
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

	.page-location-container h1[b-cjpmkowegk] {
		padding: 0px;
		margin: 0px;
		border: none;
		font-size: 30px;
		line-height: normal;
	}

.breadcrumbs[b-cjpmkowegk] {
	display: flex;
	flex-wrap: wrap;
}

	.breadcrumbs li:not(:first-child)[b-cjpmkowegk]:before {
		content: "/";
		padding: 8px;
		color: black;
	}

	.breadcrumbs a[b-cjpmkowegk] {
		padding: 5px;
		color: black;
	}

		.breadcrumbs a:hover[b-cjpmkowegk],
		.breadcrumbs a:focus[b-cjpmkowegk] {
			color: green;
			text-decoration: underline;
		}

[b-cjpmkowegk] .accordion li.active button {
	background-color: unset !important;
}


[b-cjpmkowegk] .accordion button {
	color: black;
}


.debug[b-cjpmkowegk] {
	padding: .5rem;
	height: 100%;
	aspect-ratio: 1;
	background-color: #FFC3F2;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .6rem;
	position: relative;
}

.debug[b-cjpmkowegk]  svg{
	height: 100%;
	max-height: 20px;
	width:auto;
}

	.debug:is(:hover, :focus)[b-cjpmkowegk] {
		background-color: #EAA8DC;
	}

	.debug[b-cjpmkowegk]::after {
		content: attr(data-title);
		position: absolute;
		bottom: calc(100% + 5px);
		right: 0;
		background-color: rgba(0, 0, 0, 0.8); 
		color: white;
		padding: 5px 10px;
		border-radius: 5px;
		white-space: nowrap;
		opacity: 0;
		transition: opacity 0.3s ease;
		pointer-events: none;
	}

	.debug:hover[b-cjpmkowegk]::after {
		opacity: 1;
	}

	.debug:hover[b-cjpmkowegk]:before {
		content: '';
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid rgba(0, 0, 0, 0.8);
		position: absolute;
		bottom: 100%;
		left: 50%;
		transform: translateX(-50%);
	}


.delete.active[b-cjpmkowegk] {
	border: none;
	background-color: var(--negatife-dark, #ff5252) !important;
}


.delete[b-cjpmkowegk] {
	padding: .5rem;
	height: 100%;
	aspect-ratio: 1;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .6rem;
	position: relative;	
	border: 1px solid #ccc;
}

.delete[b-cjpmkowegk]  svg {
	height: 100%;
	max-height: 20px;
	width: auto;
}

.delete:is(:hover, :focus)[b-cjpmkowegk] {
	background-color: #d8d8d8;
}

.delete[b-cjpmkowegk]::after {
	content: attr(data-title);
	position: absolute;
	bottom: calc(100% + 5px);
	right: 0;
	background-color: rgba(0, 0, 0, 0.8);
	color: white;
	padding: 5px 10px;
	border-radius: 5px;
	white-space: nowrap;
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.delete:hover[b-cjpmkowegk]::after {
	opacity: 1;
}

	.delete:hover[b-cjpmkowegk]:before {
		content: '';
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid rgba(0, 0, 0, 0.8);
		position: absolute;
		bottom: 100%;
		left: 50%;
		transform: translateX(-50%);
	}



header > div[b-cjpmkowegk] {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: .5rem;
}

header > div:nth-child(2)[b-cjpmkowegk]{
	align-items: center;
}

	header[b-cjpmkowegk]  .accordion{
		padding: 0;
		margin: unset;
		flex-wrap: wrap;
		width: fit-content;
		display:flex;
		height: fit-content;
	}

	header[b-cjpmkowegk]  .accordion-tabs {
		display: flex;
		background-color: unset;
		justify-content: unset;
		padding: 0;
	}

		header[b-cjpmkowegk]  .accordion-tabs li {
			border: unset;
			background-color: unset;
			padding: 5px 10px;
			cursor: pointer;
			background-color: unset !important;
			color: black;
		}

		header[b-cjpmkowegk]  .accordion-tabs .active {
			border-radius: unset;
			border-bottom: 2px solid green !important;
			background-color: transparent !important;
		}

		header[b-cjpmkowegk]  .accordion-tabs button {
			border-radius: unset !important;
		}

.active[b-cjpmkowegk]{
	border-bottom: 2px solid green;
}

header > div > div[b-cjpmkowegk] {
	display: grid!important;
	grid-template-columns: auto 1fr auto;
	gap: .5rem;
	align-items: center;
	height: fit-content;
	width: 100%;
}

header > div > div[b-cjpmkowegk] >  *:nth-child(1),
header > div > div[b-cjpmkowegk] >  *:nth-child(2) > *{
	grid-column: span 3;
	margin: 0 !important;
	max-width: unset;
}

header .selected-item[b-cjpmkowegk]{
	height: 100%;
}

[b-cjpmkowegk] input[type=date] {
	background-color: unset;
	border: 1px solid #ccc;
	border-radius: .6rem;
	padding: 8px 11px;
	margin: 0;
}

	[b-cjpmkowegk] input[type=date]:hover,
	[b-cjpmkowegk] input[type=date]:focus {
		border-color: #2a2a2a;
	}

	[b-cjpmkowegk] input[type=date][disabled] {
		background-color: #e9ecef;
	}

		[b-cjpmkowegk] input[type=date][disabled]:hover,
		[b-cjpmkowegk] input[type=date][disabled]:focus {
			border: 1px solid #ccc;
		}

[b-cjpmkowegk] .custom-dropdown {
	width: 6rem !important;
}

[b-cjpmkowegk] .custom-dropdown ::deep ul{
	width: fit-content;
	max-width: 100%;
}

	[b-cjpmkowegk] > button {
		display: none;
	}

[b-cjpmkowegk] .dialog-modal-bottom > button {
	display: inline-block;
}

header > div[b-cjpmkowegk] {
	display: flex;
	gap: .5rem;
}



[b-cjpmkowegk] .table-responsive {
	overflow: unset;
}

@media only screen and (min-width: 500px) {
	header > div > div[b-cjpmkowegk] {
		grid-template-columns: auto auto 1fr auto;
	}

		header > div > div[b-cjpmkowegk] >  *:nth-child(1),
		header > div > div[b-cjpmkowegk] >  *:nth-child(2) > *,
		header > div > div[b-cjpmkowegk]  .primary {
			grid-column: span 2;
		}
}

@media only screen and (min-width: 750px) {
	header > div > div[b-cjpmkowegk] {
		grid-auto-flow: column;
		grid-template-columns: unset;
		width: unset;
	}

		header > div > div[b-cjpmkowegk] >  *:nth-child(1),
		header > div > div[b-cjpmkowegk] >  *:nth-child(2) > * {
			grid-column: unset;
		}
}



[b-cjpmkowegk] dialog .form-row {
	display: grid;
	grid-template-columns: 0 .5fr 1fr 0;
}


[b-cjpmkowegk] dialog .form-row .form-col {
	width: 100%;
	margin-left: 0;
}


[b-cjpmkowegk] dialog .form-row .form-col input {
	width: 100%;
	margin-left: 0;
}

	[b-cjpmkowegk] .accordion li:not(.active) button {
		background: none;
	}
/* _content/Dbo365.Debiteuren/Views/Funds/MT940Tab.razor.rz.scp.css */
[b-0tgs61nmfm] .custom-select {
	width: 25ch;
}
/* _content/Dbo365.Debiteuren/Views/Funds/TitleSubtitleCard.razor.rz.scp.css */
.card[b-5h7qmrb4p4] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 120px;
    padding: 10px;
    width: 100%;
}

.card span[b-5h7qmrb4p4] {
    color: #484B52;
    font-size: 110%;
}

.card span:first-child[b-5h7qmrb4p4] {
    font-size: 180%;
}
/* _content/Dbo365.Debiteuren/Views/Funds/TransactionsMT940Tab.razor.rz.scp.css */
section[b-pvvhu7f858] {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	height: 100%;
}

	section > div[b-pvvhu7f858] {
		height: 100%;
	}

		section > div[b-pvvhu7f858] >  div {
			height: 100%;
		}

[b-pvvhu7f858] .table-responsive {
	overflow: unset !important;
}

table-container[b-pvvhu7f858] {
	/*	overflow-y: unset;
	overflow-x: auto;*/
	width: 100%;
}

[b-pvvhu7f858] .table-responsive {
	background-color: white;
	border-radius: .6rem;
	gap: 2rem;
	display: flex;
	flex-direction: column;
}

.menu-container[b-pvvhu7f858] {
	display: flex;
	flex-direction: column-reverse;
	gap: inherit;
}

	.menu-container > div:has(.checkbox-container)[b-pvvhu7f858] {
		display: flex;
		row-gap: .5rem;
		column-gap: inherit;
		flex-wrap: wrap;
	}

.checkbox-container[b-pvvhu7f858] {
	display: flex;
	gap: 1rem;
	align-items: center;
}

	.checkbox-container[b-pvvhu7f858]  input {
		margin-left: 0 !important;
	}



.menu-container > div:nth-child(2)[b-pvvhu7f858] {
	display: grid;
	grid-template-areas: "revenue-expenditure"
		"iban"
		"categories"
		"search";
	gap: 5px;
}

	.menu-container > div:nth-child(2)[b-pvvhu7f858] >  * {
		margin-left: unset !important;
	}

		.menu-container > div:nth-child(2)[b-pvvhu7f858] >  *:nth-child(1) {
			grid-area: search;
		}

		.menu-container > div:nth-child(2)[b-pvvhu7f858] >  *:nth-child(2) {
			grid-area: revenue-expenditure;
		}

		.menu-container > div:nth-child(2)[b-pvvhu7f858] >  *:nth-child(3) {
			grid-area: iban;
		}

		.menu-container > div:nth-child(2)[b-pvvhu7f858] >  *:nth-child(4) {
			grid-area: categories;
		}

.menu-container[b-pvvhu7f858]  .custom-select {
	max-width: unset;
}

.table-container[b-pvvhu7f858] {
	width: 100%;
	overflow-x: auto;
}

[b-pvvhu7f858] table,
[b-pvvhu7f858] thead,
[b-pvvhu7f858] tbody,
[b-pvvhu7f858] tfoot {
	border: unset !important;
}

[b-pvvhu7f858] tr {
	border-bottom: 1px solid #ddd;
}

[b-pvvhu7f858] tbody tr:nth-last-child(1) {
	border-bottom: unset;
}

[b-pvvhu7f858] input[type=text] {
	padding: 0.675em 1em;
}



table[b-pvvhu7f858] {
	border: none;
}

	table tr[b-pvvhu7f858] {
		background-color: unset;
	}

	table tbody tr:hover[b-pvvhu7f858] {
		background-color: #f2f2f2;
	}

	table td[b-pvvhu7f858] {
		border: none;
	}

select[b-pvvhu7f858] {
	background-color: transparent;
	padding: 0.675em 1em;
	border: 1px solid #ccc;
	border-radius: 0.6rem;
	cursor: pointer;
	color: black;
	transition: all .2s ease-in-out;
}

	select:hover[b-pvvhu7f858],
	select:focus[b-pvvhu7f858] {
		border-color: #a2a2a2;
	}

footer[b-pvvhu7f858] {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

	footer div[b-pvvhu7f858] {
		width: fit-content;
	}

@media (hover : hover) and (pointer : fine) {
	select[b-pvvhu7f858]::-webkit-scrollbar,
	.table-container[b-pvvhu7f858]::-webkit-scrollbar {
		width: 7px;
		height: 7px;
	}

	select[b-pvvhu7f858]::-webkit-scrollbar-track,
	.table-container[b-pvvhu7f858]::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	select[b-pvvhu7f858]::-webkit-scrollbar-thumb,
	.table-container[b-pvvhu7f858]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		select[b-pvvhu7f858]::-webkit-scrollbar-thumb:hover,
		.table-container[b-pvvhu7f858]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

@media screen and (min-width: 700px) {
	.menu-container > div:nth-child(2)[b-pvvhu7f858] {
		display: grid;
		grid-template-areas: "revenue-expenditure iban"
			"categories search";
		gap: 5px;
	}
}

@media screen and (min-width: 1140px) {
	.menu-container > div:nth-child(2)[b-pvvhu7f858] {
		display: grid;
		grid-template-columns: auto auto auto 1fr auto;
		grid-template-areas: "revenue-expenditure iban categories . search";
		gap: 5px;
	}

	.menu-container[b-pvvhu7f858]  .custom-select {
		max-width: inherit;
	}
}


[b-pvvhu7f858] .custom-select {
	width: 25ch;
}
/* _content/Dbo365.Debiteuren/Views/Funds/TransactionsTab.razor.rz.scp.css */
section[b-b0ewmqoz3n] {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	height: 100%;
}

	section > div[b-b0ewmqoz3n] {
		height: 100%;
	}

		section > div[b-b0ewmqoz3n] >  div {
			height: 100%;
		}

[b-b0ewmqoz3n] .table-responsive {
	overflow: unset !important;
}

table-container[b-b0ewmqoz3n] {
	/*	overflow-y: unset;
	overflow-x: auto;*/
	width: 100%;
}

[b-b0ewmqoz3n] .table-responsive {
	background-color: white;
	border-radius: .6rem;
	gap: 2rem;
	display: flex;
	flex-direction: column;
}

.menu-container[b-b0ewmqoz3n] {
	display: flex;
	flex-direction: column-reverse;
	gap: inherit;
}

	.menu-container > div:has(.checkbox-container)[b-b0ewmqoz3n] {
		display: flex;
		row-gap: .5rem;
		column-gap: inherit;
		flex-wrap: wrap;
	}

.checkbox-container[b-b0ewmqoz3n] {
	display: flex;
	gap: 1rem;
	align-items: center;
}

	.checkbox-container[b-b0ewmqoz3n]  input {
		margin-left: 0 !important;
	}



.menu-container > div:nth-child(2)[b-b0ewmqoz3n] {
	display: grid;
	grid-template-areas: "revenue-expenditure"
		"iban"
		"categories"
		"search";
	gap: 5px;
}

	.menu-container > div:nth-child(2)[b-b0ewmqoz3n] >  * {
		margin-left: unset !important;
	}

		.menu-container > div:nth-child(2)[b-b0ewmqoz3n] >  *:nth-child(1) {
			grid-area: search;
		}

		.menu-container > div:nth-child(2)[b-b0ewmqoz3n] >  *:nth-child(2) {
			grid-area: revenue-expenditure;
		}

		.menu-container > div:nth-child(2)[b-b0ewmqoz3n] >  *:nth-child(3) {
			grid-area: iban;
		}

		.menu-container > div:nth-child(2)[b-b0ewmqoz3n] >  *:nth-child(4) {
			grid-area: categories;
		}

.menu-container[b-b0ewmqoz3n]  .custom-select {
	max-width: unset;
}

.table-container[b-b0ewmqoz3n] {
	width: 100%;
	overflow-x: auto;
}

[b-b0ewmqoz3n] table,
[b-b0ewmqoz3n] thead,
[b-b0ewmqoz3n] tbody,
[b-b0ewmqoz3n] tfoot {
	border: unset !important;
}

[b-b0ewmqoz3n] tr {
	border-bottom: 1px solid #ddd;
}

[b-b0ewmqoz3n] tbody tr:nth-last-child(1) {
	border-bottom: unset;
}

[b-b0ewmqoz3n] input[type=text] {
	padding: 0.675em 1em;
}



table[b-b0ewmqoz3n] {
	border: none;
}

	table tr[b-b0ewmqoz3n] {
		background-color: unset;
	}

	table tbody tr:hover[b-b0ewmqoz3n] {
		background-color: #f2f2f2;
	}

	table td[b-b0ewmqoz3n] {
		border: none;
	}

select[b-b0ewmqoz3n] {
	background-color: transparent;
	padding: 0.675em 1em;
	border: 1px solid #ccc;
	border-radius: 0.6rem;
	cursor: pointer;
	color: black;
	transition: all .2s ease-in-out;
}

	select:hover[b-b0ewmqoz3n],
	select:focus[b-b0ewmqoz3n] {
		border-color: #a2a2a2;
	}

footer[b-b0ewmqoz3n] {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

	footer div[b-b0ewmqoz3n] {
		width: fit-content;
	}

@media (hover : hover) and (pointer : fine) {
	select[b-b0ewmqoz3n]::-webkit-scrollbar,
	.table-container[b-b0ewmqoz3n]::-webkit-scrollbar {
		width: 7px;
		height: 7px;
	}

	select[b-b0ewmqoz3n]::-webkit-scrollbar-track,
	.table-container[b-b0ewmqoz3n]::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	select[b-b0ewmqoz3n]::-webkit-scrollbar-thumb,
	.table-container[b-b0ewmqoz3n]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		select[b-b0ewmqoz3n]::-webkit-scrollbar-thumb:hover,
		.table-container[b-b0ewmqoz3n]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

@media screen and (min-width: 700px) {
	.menu-container > div:nth-child(2)[b-b0ewmqoz3n] {
		display: grid;
		grid-template-areas: "revenue-expenditure iban"
			"categories search";
		gap: 5px;
	}
}

@media screen and (min-width: 1140px) {
	.menu-container > div:nth-child(2)[b-b0ewmqoz3n] {
		display: grid;
		grid-template-columns: auto auto auto 1fr auto;
		grid-template-areas: "revenue-expenditure iban categories . search";
		gap: 5px;
	}

	.menu-container[b-b0ewmqoz3n]  .custom-select {
		max-width: inherit;
	}
}


[b-b0ewmqoz3n] .custom-select {
	width: 25ch;
}
/* _content/Dbo365.Debiteuren/Views/ImportHistory/IndexComplete.razor.rz.scp.css */


.pending-row[b-sf14m2asbw] {
	background-color: #fff8e6;
}

.pending-info[b-sf14m2asbw] {
	grid-column: 1 / 6;
	display: flex;
	align-items: center;
	margin-top: 8px;
	padding-left: 20%;
	font-size: 13px;
	color: #666;
}

.queue-count[b-sf14m2asbw] {
	margin-right: 15px;
}

.button-group[b-sf14m2asbw] {
	display: flex;
	gap: 8px;
}

.priority-btn[b-sf14m2asbw] {
	background-color: #ff6b6b;
	color: white;
	border: none;
	padding: 4px 10px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 12px;
	transition: background-color 0.2s;
}

	.priority-btn:hover[b-sf14m2asbw] {
		background-color: #ff5252;
	}

.cancel-btn[b-sf14m2asbw] {
	background-color: #6c757d;
	color: white;
	border: none;
	padding: 4px 10px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 12px;
	transition: background-color 0.2s;
}

	.cancel-btn:hover[b-sf14m2asbw] {
		background-color: #5a6268;
	}

.pending-row[b-sf14m2asbw] {
	background-color: #fff8e6;
}
/* _content/Dbo365.Debiteuren/Views/Invoice/CreateOrEdit.razor.rz.scp.css */
/*main {
	--side-padding: 5vw;
	--border-dark: 1px solid gray;
	--border-light: 1px solid #ccc;
	--padding-left: 15px 25px 15px var(--side-padding);
	--padding-right: 15px var(--side-padding) 15px 25px;
	--padding-both: 15px var(--side-padding) 15px var(--side-padding);
	--layout-gap: 3rem;
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: [page-start] auto [break-start] 5vw [content-start] minmax(0, calc(1920px - 10vw)) [content-end] 5vw [break-end] auto [page-end];
	background-color: #F9F9F9;
	container-type: inline-size;
}

	main > ::deep header {
		grid-column: page;
		display: grid;
		grid-template-columns: inherit;
		background-color: white;
		border-bottom: var(--border-light);
	}

	main > header > * {
		grid-column: content;
	}

	main > header h1 {
		margin: 0;
		padding: 2rem 0;
		border: unset;
		color: black;
		font-size: 2.5rem;
		line-height: normal;
	}

	main > div {
		--max-width: unset;
		grid-column: content;
		display: grid;
		padding-top: 3rem;
		row-gap: var(--layout-gap);
		grid-template-areas:
			" debtor "
			" invoice "
			" paymentterms"
			" invoicelines"
			" attachments"
			" form-buttons";
	}

		main > div > section:not(.container-item-pdf):not(.container-item-final-buttons) {
			background-color: white;
			border-radius: .6rem;
			border: 1px solid rgba(0,0,0,.2);
			box-shadow: 0 0 15px rgba(0,0,0,.2);
			container-type: inline-size;
			gap: 0;
		}

			main > div > section:not(.container-item-pdf):not(.container-item-final-buttons) ::deep > div {
				padding: 2rem 2rem;
			}

.debtor-form {
	grid-area: debtor;
	max-width: var(--max-width);
}

.invoice-form {
	grid-area: invoice;
	max-width: var(--max-width);
}

.paymentterms-form {
	grid-area: paymentterms;
	max-width: var(--max-width);
}

.invoiceLines-form {
	grid-area: invoicelines;
	max-width: var(--max-width);
}

.attachments-form {
	grid-area: attachments;
	max-width: var(--max-width);
}

.pdf-buttons {
	display: none;
}

::deep .upload {
	width: unset;
}

.form-buttons {
	grid-area: form-buttons;
	display: flex;
	justify-content: space-between;
	gap: 5px;
	padding: 2rem 0;
}

.container-item-final-buttons .buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	height: fit-content;
	justify-content: flex-end;
}

	.container-item-final-buttons .buttons ::deep button {
		min-width: fit-content;
		flex: 1 !important;
	}

.container-item-final-buttons .status {
	--status-color: #ccc;
	color: var(--dark-color, #020202);
	padding: .8rem 1.2rem;
	border-radius: .6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--status-color);
	line-height: normal;
}

.container-item-final-buttons .open {
	--status-color: #FFD874;
}

.container-item-final-buttons .expired {
	--status-color: #FF7474;
}

.container-item-final-buttons .confirmed {
	--status-color: #87FF74;
}

.container-item-pdf {
	display: none;
}

::deep .form-block-container .form,
::deep .form-block-container .two-fields {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

::deep .form-block-container:has(.custom-select button[aria-expanded]) {
	z-index: 2;
}

::deep .container-item:not(.title-container) {
	display: grid;
}

.form-block-container {
	display: flex;
	gap: 15px;
	flex-direction: column;
	container-type: inline-size;
}

::deep .form-block-container input {
	width: 100%;
	border-radius: 0.6rem;
}

	::deep .form-block-container input:active,
	::deep .form-block-container input:focus {
		border-color: #133416;
	}*/

/*::deep .custom-select .input-container:active,
::deep .custom-select .input-container:focus {
	border-color: #a1a1a1;
	transition: border-color .2s ease-in-out;
}*/

/*.debtor-form ::deep input:not([type="file"]),
.invoice-form ::deep input:not([type="file"]) {
	border-color: #ccc;
	height: 35px;
}

.invoiceLines-form ::deep input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
.paymentterms-form ::deep input:not([type="file"]):not([type="checkbox"]):not([type="radio"]) {
	all: revert;
	box-sizing: border-box;
	height: 35px;
	padding: 8px;
	border-radius: .6rem;
	width: 100%;
	min-width: fit-content;
	border: 1px solid #ccc;
	outline: unset;
	transition: border .2s ease-in-out;
}

::deep .form-block-container input:not([type="file"]),
.invoiceLines-form ::deep input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
.invoice-lines-container ::deep input:not([type="file"]),
.paymentterms-form ::deep input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
.paymentterm-lines-container ::deep input:not([type="file"]) {
	transition: all .2s ease-in-out;
}

	::deep .form-block-container input:not([type="file"]):is(:hover, :focus),
	.invoiceLines-form ::deep input:not([type="file"]):not([type="checkbox"]):not([type="radio"]):is(:hover, :focus),
	.invoice-lines-container ::deep input:not([type="file"]),
	.paymentterms-form ::deep input:not([type="file"]):not([type="checkbox"]):not([type="radio"]):is(:hover, :focus),
	.paymentterm-lines-container ::deep input:not([type="file"]) {
		border-color: #232322;
	}*/

/*::deep .custom-select {
	max-width: 100%;
}

::deep .container-item:has(input.deb-toggle) {
	display: flex;
	gap: 15px;
	flex-direction: row;
	justify-content: flex-start;
}


	::deep .container-item:has(input.deb-toggle) input {
		width: auto;
		height: auto;
	}

::deep .container-item:has(input.deb-decimal.deb-28w.percentage),
::deep .container-item:has(input.days) {
	display: flex;
	align-items: center;
	gap: 15px;
	padding-top: 10px;
}

	::deep .container-item:has(input.deb-decimal.deb-28w.percentage) input,
	::deep .container-item:has(input.days) input {
		max-width: 100px;
	}

::deep .container-item:has(.input-group input.deb-phone) .input-group-addon,
::deep .container-item:has(.input-group input.deb-email) .input-group-addon {
	background: none;
	border: none;
	position: absolute;
	right: 0;
	height: 100%;
	height: -webkit-fill-available;
	padding: 0px;
	margin: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

	::deep .container-item:has(.input-group input.deb-phone) .input-group-addon:hover,
	::deep .container-item:has(.input-group input.deb-email) .input-group-addon:hover {
		background: #D1F951;
		border-top-right-radius: .6rem;
		border-bottom-right-radius: .6rem;
		border: solid 1px #A1A1A1;
		border-left: none;
		border-bottom-right-radius: .6rem;
		border-top-right-radius: .6rem;
	}

.dummy-container {
	border: 1px solid green;
	width: 50px;
	height: 100px;
}

.dummy-dummy-container {
	display: flex;
	width: 100%;
	justify-content: center;
}

::deep p {
	margin: 0;
	padding: 0;
}*/

/*::deep input,
::deep table,
::deep tbody,
::deep tr,
::deep td {
	background-color: transparent !important;
}*/

/*@container (min-width: 1700px) {
	main > div {
		--scale-size: 0.6;
		--a4-width: calc(var(--a4-base-with) * var(--scale-size));
		--a4-base-with: 169mm;
		grid-template-columns: 1000px 1fr;
		column-gap: var(--layout-gap);
		grid-template-areas:
			"debtor pdf-buttons"
			"debtor pfd"
			"invoice pfd"
			"invoicelines pfd"
			"attachments pfd"
			"form-buttons pfd";
	}

		main > div.extra-row {
			grid-template-areas:
				"debtor pdf-buttons"
				"debtor pfd"
				"invoice pfd"
				"paymentterms pfd"
				"invoicelines pfd"
				"attachments pfd"
				"form-buttons pfd";
		}

	.debtor-form {
		grid-row: span 2;
	}

	.pdf-buttons {
		grid-area: pdf-buttons;
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.button-top {
		display: flex;
		justify-content: space-between;
		gap: 5px;
	}

	.container-item-pdf {
		grid-area: pfd;
		display: flex;
		flex-direction: column;
		gap: 3rem;
	}
}*/

/*@container (min-width: 1150px) {
	main > div {
		--scale-size: 0.8;
	}
}


@container (min-width: 1750px) {
	main > div {
		--scale-size: 1;
	}
}*/

/**
	DEBUG BUTTONS
*/

/*::deep .Superuser-button {
	border-radius: .6rem;
	height: 100%;
}

	::deep .Superuser-button button {
		all: initial;
		cursor: pointer;
		height: 100%;
		aspect-ratio: 1;
		background-color: #FFC3F2;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: .6rem;
	}

		::deep .Superuser-button button:hover {
			background-color: #EAA8DC;
		}


		::deep .Superuser-button button svg {
			transform: scale(.7);
		}

.d-block button, .d-block a {
	all: initial;
	font-family: 'Roboto', 'sans-serif';
	font-size: 14px;
	cursor: pointer;
	padding: 5px 20px;
	border-radius: .6rem;
	border-radius: .6rem;
	box-shadow: none;
	border: none;
	transition: none;
}

	.d-block button:hover, .d-block a:hover {
		background: #D1F951;
	}

::deep .container-group {
	display: grid;
	gap: 10px;
}

.pdf-content-container {
	--spaceing-top: 1rem;
	--spaceing-right: 2rem;
	--spaceing-bottom: 1rem;
	--height: auto;
	position: sticky;
	top: 0;*/
	/*	padding: var(--spaceing-top) var(--spaceing-right) var(--spaceing-bottom) var(--spaceing-left);
	margin: 0 calc(-1 * var(--spaceing-right)) 0 calc(-1 * var(--spaceing-left));*/
	/*padding: var(--spaceing-top) var(--spaceing-right) var(--spaceing-bottom) 0;
	margin: calc(-1 * var(--spaceing-top)) calc(-1 * var(--spaceing-right)) calc(-1 * var(--spaceing-bottom)) 0;
	overflow-y: auto;
	height: var(--height);
	max-height: 100vh;
	max-height: 100svh;
	filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.25));
}*/

	/*
	mogelijke fix als pdf jitterd on page scroll 
*/
	/*.get-dynamic-height-to-bottom-screen {
	height: var(--height);
	position: sticky;
	top: 0;
}*/

	/*.pdf-content-container::-webkit-scrollbar {
		width: 7px;
	}

	.pdf-content-container::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
		margin-top: var(--spaceing-top);
		margin-bottom: var(--spaceing-bottom);
	}

	.pdf-content-container::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		.pdf-content-container::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}

::deep .pdf-container {
	--a4-base-with: 169mm !important;
}

@media (min-width: 950px){
	::deep .pdf-container {
		--a4-base-with: 169mm !important;
	}
}

@media (min-width: 1920px) {
	main {
		grid-template-columns: [page-start] auto [break-start] 5vw [content-start] minmax(0, 1920px) [content-end] 5vw [break-end] auto [page-end];
	}
}


::deep .NewLayout-container {
	display: grid;
	grid-template-columns: 1fr;
	max-width: 800px;
	column-gap: 2rem;
	row-gap: .5rem;
	container-name: newlayout;
	container-type: inline-size;
}

	::deep .NewLayout-container .form-col:has(label) {
		display: grid;
	}	

	::deep .NewLayout-container label {
		font-weight: 600;
		line-height: normal;
	}	

::deep .NewLayout-container .select-button{
		padding: 1.1rem;
	}

@container newlayout (width > 500px) {
	::deep .NewLayout-container {
		grid-template-columns: 320px 1fr;
	}

		::deep .NewLayout-container .state,
		::deep .new-layout .state {
			grid-column: 2/3;
		}
}*/
/* _content/Dbo365.Debiteuren/Views/Invoice/FormHeaderTitle.razor.rz.scp.css */
.title-container[b-g6gnrqscfi] {
	position: relative;
	display: flex;
	gap: 15px;
	align-items: center;
	min-height: 40px;
	border-bottom: 1px solid #A1A1A1;
	padding: 1rem 2rem;
}

	.title-container h2[b-g6gnrqscfi] {
		text-decoration: none;
		border: none;
		padding: 0px;
		margin: 0px;
		font-size: 20px;
		font-weight: 600;
		line-height: normal;
		
		/*color: black;*/
	}

	.title-container[b-g6gnrqscfi]::before {
		content: attr(data-number);
		display: flex;
		align-items: center;
		justify-content: center;
		width: 18px;
		height: 18px;
		min-width: 18px;
		min-height: 18px;
		border-radius: 50%;
		background-color: #235C28;
		color: white;
		font-size: 12px;
		line-height: normal;
	}



.additional-content[b-g6gnrqscfi] {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

[b-g6gnrqscfi] .additional-content button {
	all: revert;
	border: none;
	border-bottom: 1px solid transparent;
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	padding: 1rem;
	line-height: normal;
	cursor: pointer;
	transition: border-color .2s ease-in-out;
}

[b-g6gnrqscfi] .additional-content button:is(:hover, :focus) {
	border-color: #232322;
}

	[b-g6gnrqscfi] .additional-content button > svg {
		height: 100%;
		max-height: 18px;
		width: auto;
	}
/* _content/Dbo365.Debiteuren/Views/Invoice/InvoiceCreateOrEditForm.razor.rz.scp.css */
.three-column-align[b-nxvvtgnbqu] {
	display: grid;
	grid-template-columns: auto auto 1fr;
	row-gap: inherit;
}

	.three-column-align > *[b-nxvvtgnbqu] {
		grid-column: span 3;
		display: grid !important;
		grid-template-columns: subgrid;
	}

.height-aniamtion-container[b-nxvvtgnbqu]  .expander .new-layout {
	margin-top: 1rem;
}
/* _content/Dbo365.Debiteuren/Views/Invoice/PaymentTermsForm.razor.rz.scp.css */
td.TableDate[b-7zas1h7lqw]  input{
	width: auto;
}

td.TableSpacer[b-7zas1h7lqw]{
	width: 100%;
}
/* _content/Dbo365.Debiteuren/Views/Invoice/Pdf/PdfContainer.razor.rz.scp.css */
.pdf-container[b-cxd0u0jotk] {
	display: grid;
	gap: 20px;
}

@container (min-width: 950px) {
	.container-item-pdf[b-cxd0u0jotk] {
		grid-area: pfd;
		display: flex;
		flex-direction: column;
		gap: 3rem;
		container-type: inline-size;
	}

	.pdf-container[b-cxd0u0jotk] {
		--scale-size: 0.6;
		--a4-width: calc(var(--a4-base-with) * var(--scale-size));
		--a4-base-with: 210mm;
		width: calc(var(--a4-base-with) * var(--scale-size));
		height: calc((var(--a4-base-with) * 1.414 ) * var(--scale-size));
	}

	.pdf[b-cxd0u0jotk] {
		--padding-top: 300px;
		--padding-bottom: 100px;
		--padding-left: 100px;
		--padding-right: 100px;
		transform: scale(var(--scale-size));
		transform-origin: top left;
		width: var(--a4-base-with);
		height: calc(var(--a4-base-with) * 1.414 );
		position: relative;
		background-color: white;
		/*		box-shadow: 0 6px 30px 0 rgba(0,0,0,.25), 0 0 0 1px rgba(0,0,0,.5);*/
		border-radius: .6rem;
		padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
	}

	img[b-cxd0u0jotk] {
		/*		position: absolute;
		top: 0;
		left: 0;*/
		width: inherit;
		height: inherit;
		border-radius: .6rem;
		user-select: none;
		border: 1px solid rgba(0,0,0,.2);
		background-color: white;
	}
}

@container (min-width: 1150px) {
	.pdf-container[b-cxd0u0jotk] {
		--scale-size: 0.8;
	}

	.pdf[b-cxd0u0jotk] {
		transform: scale(var(--scale-size));
	}
}


@container (min-width: 1350px) {
	.pdf-container[b-cxd0u0jotk] {
		--scale-size: 1;
	}

	.pdf[b-cxd0u0jotk] {
		transform: scale(var(--scale-size));
	}
}
/* _content/Dbo365.Debiteuren/Views/InvoiceStatus/CreateOrEdit.razor.rz.scp.css */
p[b-xnl7wfsnjj], b[b-xnl7wfsnjj], span[b-xnl7wfsnjj], label[b-xnl7wfsnjj] {
	line-height: normal;
}

h3[b-xnl7wfsnjj] {
	--font-size: 1em;
	--min-font-size: calc(var(--font-size) * 0.875); /* 14px */
	--max-font-size: calc(var(--font-size) * 1.25); /* 20px */
	--vw: 10vw;
	--size-grow: 1;
	--font-m: clamp(calc(var(--size-grow) * var(--min-font-size)), var(--vw), calc(var(--size-grow) * var(--max-font-size)));
	font-size: var(--font-m);
	color: black;
	border: unset;
	line-height: normal;
	margin: 0;
	padding: 0;
}

.invoise-status[b-xnl7wfsnjj] {
	display: grid;
	grid-template-rows: 1fr auto;
	grid-template-areas: 'rows' 'Button';
	height: 100%;
}

.row[b-xnl7wfsnjj] {
	grid-area: rows;
	flex-direction: column;
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	padding: 1rem 0;
	width: 100%;
}

.content[b-xnl7wfsnjj] {
	display: flex;
	flex-direction: column;
	align-items: unset;
	gap: 1rem;
	width: 100%;
}

[b-xnl7wfsnjj] .form-row{
	display: grid;
	flex-direction: column;
	gap: .5rem;
	width: 100%;
}

[b-xnl7wfsnjj] .form-row::before,
[b-xnl7wfsnjj] .form-row::after{
	display: none;
}

[b-xnl7wfsnjj] .form-col{
	margin: 0;
	width: 100%;
	display: grid;
}

[b-xnl7wfsnjj] input[type="text"] {
	all: revert;
	background-color: transparent;
	padding: 1rem !important;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	color: black;
	transition: all .2s ease-in-out;
	outline: none;
}

	[b-xnl7wfsnjj] input[type="text"]:is(:hover, :focus) {
		border-color: #999;
	}

.button[b-xnl7wfsnjj] {
	grid-area: Button;
}

.button-container[b-xnl7wfsnjj] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	margin-top: 1rem;
}

.return[b-xnl7wfsnjj] {
	all: revert;
	padding: .8rem 1.2rem;
	background-color: transparent;
	border: 1px solid #ccc;
	border-radius: .5rem;
	line-height: normal;
	display: grid;
	cursor: pointer;
}

	.return:is(:hover, :focus)[b-xnl7wfsnjj] {
		--primary-color: #a2a2a2;
		background-color: var(--gray-hover, #EAEAEA);
	}

.confirm[b-xnl7wfsnjj] {
	--confirm-color: #D1F951;
	all: revert;
	padding: .8rem 1.2rem;
	background-color: var(--confirm-color);
	border: 1px solid var(--confirm-color);
	border-radius: .5rem;
	line-height: normal;
	display: grid;
	cursor: pointer;
}

	.confirm:is(:hover, :focus)[b-xnl7wfsnjj] {
		--confirm-color: #A1D104;
	}

/* _content/Dbo365.Debiteuren/Views/InvoiceStatus/Delete.razor.rz.scp.css */
p[b-cfxz8a78vc], b[b-cfxz8a78vc], span[b-cfxz8a78vc], label[b-cfxz8a78vc] {
	line-height: normal;
}

h3[b-cfxz8a78vc] {
	--font-size: 1em;
	--min-font-size: calc(var(--font-size) * 0.875); /* 14px */
	--max-font-size: calc(var(--font-size) * 1.25); /* 20px */
	--vw: 10vw;
	--size-grow: 1;
	--font-m: clamp(calc(var(--size-grow) * var(--min-font-size)), var(--vw), calc(var(--size-grow) * var(--max-font-size)));
	font-size: var(--font-m);
	color: black;
	border: unset;
	line-height: normal;
	margin: 0;
	padding: 0;
}

.invoise-status[b-cfxz8a78vc] {
	--primary-color: #D1F951;
	display: grid;
	grid-template-rows: 1fr auto;
	grid-template-areas: 'rows' 'Button';
	height: 100%;
}

.row[b-cfxz8a78vc] {
	grid-area: rows;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	padding: 1rem 0;
}

.content[b-cfxz8a78vc] {
	display: flex;
	flex-direction: column;
	align-items: unset;
	width: 100%;
	padding: 1rem;
	border: 1px solid #ccc;
	border-radius: .5rem;
}

	.content b[b-cfxz8a78vc] {
		padding: .5rem 0;
	}

	.button-container[b-cfxz8a78vc]{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1rem;
		margin-top: 1rem;
	}

.button[b-cfxz8a78vc] {
	grid-area: Button;
}

.return[b-cfxz8a78vc] {
	all: revert;
	padding: .8rem 1.2rem;
	background-color: transparent;
	border: 1px solid #ccc;
	border-radius: .5rem;
	line-height: normal;
	display: grid;
	cursor: pointer;
}

	.return:is(:hover, :focus)[b-cfxz8a78vc] {
		--primary-color: #a2a2a2;
		background-color: var(--gray-hover, #EAEAEA);
	}

.delete[b-cfxz8a78vc] {
	--delete-color: #FF0000;
	all: revert;
	padding: .8rem 1.2rem;
	background-color: var(--delete-color);
	border: 1px solid var(--delete-color);
	border-radius: .5rem;
	color: white;
	line-height: normal;
	display: grid;
	cursor: pointer;
}

	.delete:is(:hover, :focus)[b-cfxz8a78vc] {
		--delete-color: #BC0303;
	}
/* _content/Dbo365.Debiteuren/Views/InvoiceStatus/Index.razor.rz.scp.css */
p[b-a7bnz6275v], b[b-a7bnz6275v], span[b-a7bnz6275v], label[b-a7bnz6275v] {
	line-height: normal;
}

.invoise-status:has(.row-container)[b-a7bnz6275v] {
	display: grid;
	grid-template-rows: auto 1fr auto;
	row-gap: 1rem;
	grid-template-areas:
		'Search'
		'ContentContainer'
		'Button';
	height: 100%;
}

.invoise-status[b-a7bnz6275v] {
	display: grid;
	grid-template-rows: 1fr auto;
	grid-template-areas: 'ContentContainer' 'Button';
	height: 100%;
}

.search[b-a7bnz6275v] {
	grid-area: Search;
}

.content-container[b-a7bnz6275v] {
	grid-area: ContentContainer;
	height: 100%;
}













.invoise-status:has(.row-container)[b-a7bnz6275v] {
	display: grid;
	grid-template-rows: auto 1fr auto;
	row-gap: 1rem;
	grid-template-areas:
		'Search'
		'ContentContainer'
		'Button';
	height: 100%;
}

.invoise-status[b-a7bnz6275v] {
	display: grid;
	grid-template-rows: auto 1fr;
	row-gap: 1rem;
	grid-template-areas:
		'Search'
		'ContentContainer';
	height: 100%;
}

.search[b-a7bnz6275v] {
	grid-area: Search;
}

.content-container[b-a7bnz6275v] {
	grid-area: ContentContainer;
	height: 100%;
}

p.content-container[b-a7bnz6275v] {
	height: fit-content;
}













.button[b-a7bnz6275v] {
	grid-area: Button;
}

.row-container[b-a7bnz6275v] {
	display: flex;
	flex-direction: column;
}

.row[b-a7bnz6275v] {
	display: flex;
	align-items: flex-start;
	gap: 5px;
	padding: 1rem 0;
}

	.row:not(:nth-last-child(1))[b-a7bnz6275v] {
		border-bottom: 1px solid #ccc;
	}

.content[b-a7bnz6275v] {
	display: flex;
	flex-direction: column;
	align-items: unset;
	width: 100%;
}

	.content b[b-a7bnz6275v] {
		padding: .5rem 0;
	}

.button-container[b-a7bnz6275v] {
	display: flex;
	gap: .5rem;
}

.delete-edit[b-a7bnz6275v] {
	all: revert;
	background-color: transparent;
	border: unset;
	cursor: pointer;
	display: grid;
	align-items: center;
	justify-content: center;
	padding: .5rem;
	position: relative;
}

@media (hover: hover) and (pointer: fine) {
	.delete-edit[b-a7bnz6275v]::after,
	.delete-edit[b-a7bnz6275v]::before {
		pointer-events: none;
	}

	.delete-edit[b-a7bnz6275v]::after {
		content: attr(data-title);
		position: absolute;
		bottom: calc(100% + 5px);
		background-color: rgba(0, 0, 0, 0.8);
		color: white;
		padding: 5px 10px;
		border-radius: 5px;
		white-space: nowrap;
		opacity: 0;
		transition: opacity 0.3s ease;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.3s ease-in-out;
	}

	.delete-edit[b-a7bnz6275v]::before {
		content: "";
		position: absolute;
		top: -5px;
		left: 50%;
		transform: translateX(-50%) rotate(180deg);
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	.delete[b-a7bnz6275v]::after {
		right: 0;
		left: unset;
		transform: unset;
	}

	.delete-edit:is(:hover, :focus)[b-a7bnz6275v]::after,
	.delete-edit:is(:hover, :focus)[b-a7bnz6275v]::before {
		opacity: 1;
	}
}

.factuurstatus[b-a7bnz6275v] {
	--confirm-color: #D1F951;
	all: revert;
	padding: .8rem 1.2rem;
	background-color: var(--confirm-color);
	border: 1px solid var(--confirm-color);
	border-radius: .5rem;
	line-height: normal;
	display: grid;
	cursor: pointer;
	width: fit-content;
	margin-top: 2rem;
}

	.factuurstatus:is(:hover, :focus)[b-a7bnz6275v] {
		--confirm-color: #A1D104;
	}
/* _content/Dbo365.Debiteuren/Views/ISO/Index.razor.rz.scp.css */

.contentGrid[b-jvwgayu4dn] {
    display: grid;
    grid-template-columns: 15% auto 15%;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;

    height: 100%;
}

    .contentGrid .div1[b-jvwgayu4dn] {
        grid-area: 1 / 1 / 2 / 2;
        overflow-y: auto;

        padding: 5px;
        border: 1px solid lightgrey;
    }

    .contentGrid .div2[b-jvwgayu4dn] {
        grid-area: 1 / 2 / 2 / 3;
        overflow-y: auto;
     
        border: 1px solid lightgrey;
    }

    .contentGrid .div3[b-jvwgayu4dn] {
        grid-area: 1 / 3 / 2 / 4;
        overflow-y: auto;

        padding: 5px;
        border: 1px solid lightgrey;
    }
/* _content/Dbo365.Debiteuren/Views/Lease/ContractenOverview.razor.rz.scp.css */
/*.content {
	margin-left: 5%;
	margin-right: 5%;
}

.flex {
	display: flex;
}

.title-container {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	margin-bottom: 2.5rem;
}

.filter-container{
	display: flex;
}


.clickable {
	cursor: pointer;
	color: #7e94ac;
}




//*/

.clickable[b-7m0no42atv] {
	cursor: pointer;
	color: #7e94ac;
}

header[b-7m0no42atv] {
	padding-bottom: 2rem;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.page-location-container[b-7m0no42atv] {
	padding: 30px var(--side-spacing) 20px var(--side-spacing);
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

	.page-location-container h1[b-7m0no42atv] {
		padding: 0px;
		margin: 0px;
		border: none;
		font-size: 30px;
		line-height: normal;
	}

.breadcrumbs[b-7m0no42atv] {
	display: flex;
	flex-wrap: wrap;
}

	.breadcrumbs li:not(:first-child)[b-7m0no42atv]:before {
		content: "/";
		padding: 8px;
		color: black;
	}

	.breadcrumbs a[b-7m0no42atv] {
		padding: 5px;
		color: black;
	}

		.breadcrumbs a:hover[b-7m0no42atv],
		.breadcrumbs a:focus[b-7m0no42atv] {
			color: green;
			text-decoration: underline;
		}


.time-option-list-container[b-7m0no42atv] {
	width: auto;
}

	.time-option-list-container ul[b-7m0no42atv] {
		padding: 0;
		margin: unset;
		display: flex;
	}

		.time-option-list-container ul li[b-7m0no42atv] {
			display: flex;
			background-color: unset;
			justify-content: unset;
			padding: 0;
		}

	.time-option-list-container button[b-7m0no42atv] {
		all: revert;
		background-color: transparent;
		color: black;
		border-radius: 50px;
		border: 2px solid transparent;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		padding: 5px 10px;
		font-size: 14px;
		font-size: 1.4rem;
		text-wrap: nowrap;
	}


	.time-option-list-container ul li.active button[b-7m0no42atv] {
		border-radius: unset;
		border-bottom: 2px solid green !important;
		background-color: transparent !important;
	}


.filter-container[b-7m0no42atv] {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}

	.filter-container input[b-7m0no42atv] {
		width: 200px;
	}

.vertical-grid-pagination-controls[b-7m0no42atv] {
	justify-content: space-between;
}

.pagination-container[b-7m0no42atv] {
	display: flex;
	justify-content: space-between;
}

.page-select[b-7m0no42atv] {
	display: flex;
}

[b-7m0no42atv] table {
	border-collapse: collapse;
}

	[b-7m0no42atv] table tr {
		border-top: 1px solid #ccc;
	}


.legenda-button[b-7m0no42atv] {
	padding: 0;
	margin: 0;
	padding: 0 10px;
	box-shadow: none;
	background: #f9f9f9;
	border: 1px solid #A1A1A1;
	border-radius: .5rem;
	display: flex;
	align-items: center;
}

[b-7m0no42atv] .filter-container .custom-select > button {
	border-radius: unset;
}

[b-7m0no42atv] .search-filter {
	border: 1px solid #ccc;
}

.legenda-item[b-7m0no42atv] {
	display: grid;
	grid-template-columns: subgrid;
	grid-column: span 2;
}

	.legenda-item h4[b-7m0no42atv] {
		padding: 0px;
		margin: 0px;
		border: none;
		text-decoration: none;
	}

	.legenda-item span[b-7m0no42atv] {
		border-bottom: 1px solid #ccc;
		width: 100%;
		display: block;
	}

.additional-content-container[b-7m0no42atv] {
	display: grid;
	grid-template-columns: subgrid;
	grid-column: span 2;
	padding-top: 20px;
}

[b-7m0no42atv] table, [b-7m0no42atv] table tbody td:not(.status-cell), [b-7m0no42atv] table tbody th, [b-7m0no42atv] table tbody tr, [b-7m0no42atv] table tbody {
	background: #f9f9f9 !important;
}

[b-7m0no42atv] input, input[b-7m0no42atv], [b-7m0no42atv] .custom-select:not(.Secondary) button {
	background: #f9f9f9;
	border: 1px solid #A1A1A1;
	border-radius: .5rem;
}

.clickable[b-7m0no42atv], [b-7m0no42atv] .clickable, [b-7m0no42atv] table td:has(a), [b-7m0no42atv] table a {
	color: #235C28 !important;
	text-decoration: underline !important;
}
/* _content/Dbo365.Debiteuren/Views/Lease/InnameFormulier.razor.rz.scp.css */
[b-378n0cm5zw] button {
	font-size: 14px;
}

main[b-378n0cm5zw] {
	overflow: auto;
	height: 100vh;
	height: 100svh;
	display: grid;
	grid-template-columns: [page-start] auto [break-start] 1rem [content-start] minmax(0px, 700px) [content-end] 1rem [break-start] auto [page-end];
	grid-template-rows: repeat(auto-fill, minmax(0px, auto));
	grid-template-rows: auto 1fr auto;
	padding-top: 2rem;
	position: relative;
	container-type: inline-size;
}

[b-378n0cm5zw] input {
	border: none;
}

	[b-378n0cm5zw] input[type=file] {
		position: absolute;
		left: -999999px;
	}

main > *[b-378n0cm5zw] {
	grid-area: content;
	grid-row: unset;
}

h1[b-378n0cm5zw] {
	padding: .5rem;
}

h2[b-378n0cm5zw] {
	font-size: 1.17em;
	font-weight: bold;
}

.form[b-378n0cm5zw] {
	display: flex;
	flex-direction: column;
	height: fit-content;
	padding-bottom: 2rem;
	container-type: inline-size;
}

	.form .data-container[b-378n0cm5zw] {
		display: flex;
		flex-direction: column;
		column-gap: 2rem;
		row-gap: .5rem;
	}

		.form .data-container .data-row[b-378n0cm5zw] {
			display: flex;
			flex-direction: column;
			row-gap: .5rem;
			width: 100%;
			padding: .5rem;
			border-bottom: 1px solid var(--color-gray-400, gray);
			min-height: 50px;
		}

.data-side-by-side[b-378n0cm5zw]{
	display: contents;
}

.number-count[b-378n0cm5zw] {
	display: grid;
	grid-template-columns: 1fr auto auto;
	border: 1px solid gray;
	border-radius: 5px;
	overflow: hidden;
	height: fit-content;
}

	.number-count > *[b-378n0cm5zw] {
		border: unset;
		background-color: unset;
	}

	.number-count[b-378n0cm5zw]  input {
		padding: .5rem 1rem;
		width: 100%;
		min-width: 3rem;
		outline: unset;
		-moz-appearance: textfield;
	}

[b-378n0cm5zw] input[type=number]::-webkit-inner-spin-button,
[b-378n0cm5zw] input[type=number]::-webkit-outer-spin-button,
[b-378n0cm5zw] input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.number-count button[b-378n0cm5zw] {
	border-left: 1px solid gray;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	cursor: pointer;
	padding: 15px;
	height: 50px;
}

	.number-count button:is(:hover, :focus)[b-378n0cm5zw] {
		background-color: #D1F951;
	}

	.number-count button:disabled[b-378n0cm5zw] {
		cursor: unset;
		background-color: #d5d5d5;
	}

.number-count svg[b-378n0cm5zw] {
	height: 100%;
	width: auto;
	max-height: 18px;
}

.image-container[b-378n0cm5zw] {
	display: grid;
	gap: 1.5rem;
	grid-template-rows: auto auto auto auto auto auto;
}

	.image-container > div[b-378n0cm5zw] {
		display: grid;
		grid-template-rows: subgrid;
		grid-row: span 6;
		gap: 24px;
		border: unset;
		align-items: unset;
		width: 100%;
	}

		.image-container > div > div[b-378n0cm5zw] {
			display: grid;
			grid-template-rows: subgrid;
			grid-row: span 6;
		}


.img-collection[b-378n0cm5zw] {
	display: grid;
	gap: 1rem;
}

	.img-collection[b-378n0cm5zw]  .upload-container {
		border: none;
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px rgba(0, 0, 0, 0.5);
	}

	.img-collection .CustomPlaceHolder[b-378n0cm5zw] {
		text-align: center;
	}

	.img-collection .remark[b-378n0cm5zw] {
		display: flex;
		flex-direction: column;
		gap: .5rem;
		padding: .5rem;
		position: relative;
		z-index: 2;
	}

	.img-collection textarea[b-378n0cm5zw] {
		width: 100%;
		--padding: 10px;
		min-height: calc(2lh + 2 * var(--padding));
		max-height: calc(5lh + 2 * var(--padding));
		field-sizing: content;
		padding: var(--padding);
		line-height: 1.5;
		padding-inline: calc(var(--padding) + calc((1lh - 1ex) / 2));
		resize: none;
		border-radius: .5rem;
		border: 1px solid gray;
	}

.image-damage[b-378n0cm5zw] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1rem 0;
}

[b-378n0cm5zw] .data-row label.invalid {
	border-color: #F94848;
}

	[b-378n0cm5zw] .data-row label.invalid button {
		border-color: #F94848;
	}

[b-378n0cm5zw] .box.invalid label {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px #F94848;
}

[b-378n0cm5zw] .image-damage.invalid label {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px #F94848;
}

[b-378n0cm5zw] .img-container.invalid label {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px #F94848;
}

.canvas-container[b-378n0cm5zw] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.empty-canvas[b-378n0cm5zw] {
	all: revert;
	background-color: transparent;
	padding: .8rem 1.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid gray;
	border-radius: .6rem;
	width: fit-content;
	cursor: pointer;
}

	.empty-canvas:is(:hover, :focus)[b-378n0cm5zw] {
		background-color: #f8f8f8;
	}

[b-378n0cm5zw] canvas {
	width: 100%;
	height: 100%;
}

	[b-378n0cm5zw] canvas.disabled {
		cursor: not-allowed !important;
	}

[b-378n0cm5zw] .invalid canvas {
	border: 2px dotted red !important;
}

footer[b-378n0cm5zw] {
	display: grid;
	grid-template-columns: inherit;
	grid-area: page;
	position: sticky;
	bottom: 0;
	width: 100%;
	padding: 1rem 0;
	background-color: white;
	border-top: 1px solid gray;
	z-index: 3;
}

	footer > *[b-378n0cm5zw] {
		grid-area: content;
		display: flex;
		gap: 1rem;
		border-bottom: none;
	}



[b-378n0cm5zw] button[type="submit"].invalid {
	background-color: #F94848;
	border: 1px solid #F94848;
}














.new-damage[b-378n0cm5zw] {
	border: unset;
	background-color: unset;
	border: 1px solid gray;
	border-radius: .6rem;
	text-align: center;
	width: fit-content;
	padding: .8rem 1.4rem;
	grid-template-columns: unset;
	cursor: pointer;
}

	.new-damage:is(:hover, :focus)[b-378n0cm5zw] {
		background-color: #f8f8f8;
	}

[b-378n0cm5zw] input[type=upload] {
	position: absolute;
	left: -999999px;
}




@container (min-width: 350px) {
	@supports (grid-template-rows: subgrid) and (grid-template-columns: subgrid) {

		.form .data-container[b-378n0cm5zw] {
			display: grid;
			grid-template-columns: auto 1fr;
			column-gap: 2rem;
			row-gap: .5rem;
		}

			.form .data-container .data-row[b-378n0cm5zw] {
				grid-column: span 2;
			}

			.form .data-container .static[b-378n0cm5zw] {
				display: grid;
				grid-template-columns: subgrid;
				align-items: center;
			}
	}
}

@container (min-width: 525px) {

		.form .data-side-by-side[b-378n0cm5zw] {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-column: span 2;
		}

			.form .data-side-by-side .data-row[b-378n0cm5zw] {
				grid-template-columns: unset;
				grid-column: unset;
				grid-template-rows: auto 1fr;
			}
}

@container (min-width: 525px) {
	main[b-378n0cm5zw] {
		grid-template-columns: [page-start] auto [break-start] 2rem [content-start] minmax(0px, 600px) [content-end] 2rem [break-start] auto [page-end];
	}



	.number-count[b-378n0cm5zw] {
		max-width: 300px;
	}

	.image-container[b-378n0cm5zw] {
		grid-template-columns: 1fr 1fr;
	}


	.image-damage .img-collection[b-378n0cm5zw] {
		grid-template-columns: 1fr 1fr;
	}
}

@media (prefers-reduced-motion: no-preference) {
	button[b-378n0cm5zw],
	[b-378n0cm5zw] button {
		transition: all .2s ease-in-out !important;
	}
}

@media (hover: hover) and (pointer: fine) {
	.number-count button[b-378n0cm5zw] {
		border-left: 1px solid gray;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		cursor: pointer;
		padding: 7px;
	}

	@supports(aspect-ratio: 1) {
		.number-count button[b-378n0cm5zw] {
			aspect-ratio: 1;
		}
	}
}

[b-378n0cm5zw] .title-bar-wrapper h1 {
	font-size: 2rem;
}


[b-378n0cm5zw] .form .new-layout-container {
	border-bottom: 1px solid #ccc;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

[b-378n0cm5zw] .form .side-by-side .new-layout-container{
	border-bottom: none;
}

	[b-378n0cm5zw] .form .new-layout-container .new-layout {
		grid-template-columns: 1fr 1fr;
		padding: 0px;
		align-items: center;
	}

		[b-378n0cm5zw] .form .new-layout-container .new-layout .label-container {
			padding: 0;
		}


[b-378n0cm5zw] .side-by-side {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	border-bottom: 1px solid #ccc;
}

[b-378n0cm5zw] .form .side-by-side .new-layout-container .new-layout {
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr;
	height: 100%;
	align-items: center;
}

[b-378n0cm5zw] .form .new-layout-container .new-layout input.invalid {
	border-color: red;
}

[b-378n0cm5zw] .form .DebEditor:has(input.invalid){
	border-color: red;
}
/* _content/Dbo365.Debiteuren/Views/Lease/LeaseFormAlreadySigned.razor.rz.scp.css */
.form-container[b-4czgj716ro] {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f9fafb;
	padding: 2rem;
}

.card[b-4czgj716ro] {
	width: 100%;
	max-width: 600px;
	border: 1px solid #e5e7eb;
	border-radius: 0.5rem;
	background-color: #ffffff;
	box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.15);
	padding: 2rem;
}

.card-header[b-4czgj716ro] {
	text-align: center;
	padding: 2rem;
}

	.card-header h2[b-4czgj716ro] {
		margin-top: 1.5rem;
		font-size: 2rem;
		font-weight: bold;
		color: #1f2937;
	}

.icon-check[b-4czgj716ro] {
	height: 4rem;
	width: 4rem;
	color: #10b981;
	margin: auto;
}

.card-content[b-4czgj716ro] {
	padding: 1.5rem;
	text-align: center;
	color: #4b5563;
	font-size: 1.25rem;
}

	.card-content p:first-child[b-4czgj716ro] {
		margin-bottom: 1rem;
	}

	.card-content p:last-child[b-4czgj716ro] {
		font-size: 1rem;
		color: #9ca3af;
	}

.card-footer[b-4czgj716ro] {
	padding: 1.5rem;
	display: flex;
	justify-content: center;
}

.btn-primary[b-4czgj716ro] {
	display: inline-block;
	padding: 1rem 2rem;
	border-radius: 0.5rem;
	background-color: #D1F951;
	color: black;
	font-size: 1.25rem;
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.2s ease-in-out;
}

	.btn-primary:hover[b-4czgj716ro] {
		background-color: #98C507;
	}
/* _content/Dbo365.Debiteuren/Views/Lease/TakeOutForm.razor.rz.scp.css */
button[b-jquqyn2zsf] {
	font-size: 14px;
}

main[b-jquqyn2zsf] {
	overflow: auto;
	height: 100vh;
	height: 100svh;
	display: grid;
	grid-template-columns: [page-start] auto [break-start] 1rem [content-start] minmax(0px, 700px) [content-end] 1rem [break-start] auto [page-end];
	grid-template-rows: repeat(auto-fill, minmax(0px, auto));
	grid-template-rows: auto 1fr auto;
	padding-top: 2rem;
	position: relative;
	container-type: inline-size;
}

[b-jquqyn2zsf] input {
	border: none;
}

	[b-jquqyn2zsf] input[type=file] {
		position: absolute;
		left: -999999px;
	}

main > *[b-jquqyn2zsf] {
	grid-area: content;
	grid-row: unset;
}

h1[b-jquqyn2zsf] {
	padding: .5rem;
}

h2[b-jquqyn2zsf] {
	font-size: 1.17em;
	font-weight: bold;
}

.form[b-jquqyn2zsf] {
	display: flex;
	flex-direction: column;
	height: fit-content;
	padding-bottom: 2rem;
	container-type: inline-size;
}

	.form .data-container[b-jquqyn2zsf]{
		display: flex;
		flex-direction: column;
		column-gap: 2rem;
		row-gap: .5rem;
	}

		.form .data-container > *[b-jquqyn2zsf] {
			display: flex;
			flex-direction: column;
			row-gap: .5rem;
			width: 100%;
			padding: .5rem;
			border-bottom: 1px solid var(--color-gray-400, gray);
			min-height: 50px;
		}

	.form > label[b-jquqyn2zsf] {
		padding-top: 0;
	}

.img-collection[b-jquqyn2zsf] {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	border: unset;
	align-items: unset;
}

	.img-collection[b-jquqyn2zsf]  .upload-container {
		border: none;
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px rgba(0, 0, 0, 0.5);
	}

	.img-collection .CustomPlaceHolder[b-jquqyn2zsf] {
		text-align: center;
	}

	.img-collection .remark[b-jquqyn2zsf] {
		display: flex;
		flex-direction: column;
		gap: .5rem;
		padding: .5rem;
		position: relative;
		z-index: 2;
	}

footer[b-jquqyn2zsf] {
	display: grid;
	grid-template-columns: inherit;
	grid-area: page;
	position: sticky;
	bottom: 0;
	width: 100%;
	padding: 1rem 0;
	background-color: white;
	border-top: 1px solid gray;
	z-index: 3;
}

	footer > *[b-jquqyn2zsf] {
		grid-area: content;
		display: flex;
		gap: 1rem;
		border-bottom: none;
	}

.canvas-container[b-jquqyn2zsf] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.empty-canvas[b-jquqyn2zsf] {
	all: revert;
	background-color: transparent;
	padding: .8rem 1.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid gray;
	border-radius: .6rem;
	width: fit-content;
	cursor: pointer;
}

	.empty-canvas:is(:hover, :focus)[b-jquqyn2zsf] {
		background-color: #f8f8f8;
	}

[b-jquqyn2zsf] canvas {
	width: 100%;
	height: 100%;
}

	[b-jquqyn2zsf] canvas.disabled {
		cursor: not-allowed !important;
	}

[b-jquqyn2zsf] .img-container.invalid label {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px #F94848;
}

[b-jquqyn2zsf] button[type="submit"].invalid {
	background-color: #F94848;
	border: 1px solid #F94848;
}

[b-jquqyn2zsf] .invalid canvas {
	border: 2px dotted red !important;
}

[b-jquqyn2zsf] .enddate-input-container.invalid input {
	border: 1px solid red !important;
}

.img-collection textarea[b-jquqyn2zsf] {
	width: 100%;
	--padding: 10px;
	min-height: calc(2lh + 2 * var(--padding));
	max-height: calc(5lh + 2 * var(--padding));
	field-sizing: content;
	padding: var(--padding);
	line-height: 1.5;
	padding-inline: calc(var(--padding) + calc((1lh - 1ex) / 2));
	resize: none;
	border-radius: .5rem;
}

[b-jquqyn2zsf] .upload label > div, [b-jquqyn2zsf] .img-container > div {
	gap: .5rem;
}

.image-container[b-jquqyn2zsf] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}




.number-count[b-jquqyn2zsf] {
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 1fr;
	border: 1px solid gray;
	border-radius: 5px;
	overflow: hidden;
	height: fit-content;
}

	.number-count > *[b-jquqyn2zsf] {
		border: unset;
		background-color: unset;
	}

	.number-count[b-jquqyn2zsf]  input {
		padding: .5rem 1rem;
		width: 100%;
		min-width: 3rem;
		outline: unset;
		-moz-appearance: textfield;
	}

[b-jquqyn2zsf] input[type=number]::-webkit-inner-spin-button,
[b-jquqyn2zsf] input[type=number]::-webkit-outer-spin-button,
[b-jquqyn2zsf] input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

	.number-count button[b-jquqyn2zsf] {
		border-left: 1px solid gray;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		cursor: pointer;
		padding: 15px;
		height: 50px;
	}

@supports(aspect-ratio) {
	.number-count button[b-jquqyn2zsf] {
		aspect-ratio: 1;
	}
}



.number-count button:is(:hover, :focus)[b-jquqyn2zsf] {
	background-color: #D1F951;
}

.number-count button:disabled[b-jquqyn2zsf] {
	cursor: unset;
	background-color: #d5d5d5;
}

.number-count svg[b-jquqyn2zsf] {
	height: 100%;
	width: auto;
	max-height: 18px;
}

.new-damage[b-jquqyn2zsf] {
	border: unset;
	background-color: unset;
	border: 1px solid gray;
	border-radius: .6rem;
	text-align: center;
	width: fit-content;
	padding: .8rem 1.4rem;
	grid-template-columns: unset;
	cursor: pointer;
}

	.new-damage:is(:hover, :focus)[b-jquqyn2zsf] {
		background-color: #f8f8f8;
	}

[b-jquqyn2zsf] input[type=upload] {
	position: absolute;
	left: -999999px;
}

@container (min-width: 525px) {
	main[b-jquqyn2zsf] {
		grid-template-columns: [page-start] auto [break-start] 2rem [content-start] minmax(0px, 700px) [content-end] 2rem [break-start] auto [page-end];
	}

	.number-count[b-jquqyn2zsf] {
		max-width: 300px;
	}

	.img-collection[b-jquqyn2zsf] {
		grid-template-columns: 1fr 1fr;
	}
}

@supports (grid-template-rows: subgrid) and (grid-template-columns: subgrid) {
	@container (min-width: 350px) {
		.form .data-container[b-jquqyn2zsf] {
			display: grid;
			grid-template-columns: auto 1fr;
			column-gap: 2rem;
			row-gap: .5rem;
		}

			.form .data-container > *[b-jquqyn2zsf] {
				grid-column: span 2;
			}

				.form .data-container > .static[b-jquqyn2zsf] {
					display: grid;
					grid-column: span 2;
					grid-template-columns: subgrid;
					align-items: center;
				}
	}

	@container (min-width: 450px) {
		.form .data-container > *[b-jquqyn2zsf] {
			display: grid;
			grid-column: span 2;
			grid-template-columns: subgrid;
			align-items: center;
		}
	}
}

@media (prefers-reduced-motion: no-preference) {
		button[b-jquqyn2zsf],
		[b-jquqyn2zsf] button{
			transition: all .2s ease-in-out !important;

		}
}

@media (hover: hover) and (pointer: fine) {
	.number-count button[b-jquqyn2zsf] {
		border-left: 1px solid gray;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		cursor: pointer;
		padding: 7px;
	}

	@supports(aspect-ratio: 1) {
		.number-count button[b-jquqyn2zsf] {
			aspect-ratio: 1;
		}
	}
}

[b-jquqyn2zsf] .title-bar-wrapper h1 {
	font-size: 2rem;
}

[b-jquqyn2zsf] .form .new-layout-container {
	border-bottom: 1px solid #ccc;
	padding-top: .5rem;
	padding-bottom: .5rem;
}

[b-jquqyn2zsf] .form .new-layout-container .new-layout {
	grid-template-columns: 1fr 1fr;
	padding: 0px;
	align-items: center;
}

	[b-jquqyn2zsf] .form .new-layout-container .new-layout .label-container{
		padding: 0;
	}


	[b-jquqyn2zsf] .form .new-layout-container .new-layout input.invalid{
		border-color: red;
	}
/* _content/Dbo365.Debiteuren/Views/Mollie/MollieUnmatchedExternal.razor.rz.scp.css */
h1[b-wtwbib4gwd],
h2[b-wtwbib4gwd],
h3[b-wtwbib4gwd],
p[b-wtwbib4gwd],
a[b-wtwbib4gwd] {
	padding: 0;
	margin: 0;
	line-height: normal;
	border: none;
	color: black;
}

main[b-wtwbib4gwd] {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	container-name: main;
	container-type: inline-size;
	margin-bottom: 2rem;
}

.nothing-found-message[b-wtwbib4gwd] {
	text-wrap: nowrap;
	white-space: nowrap;
	width: 100%;
	margin-top: 2rem;
	margin-bottom: 2rem;
	text-align: center;
}

.table-container[b-wtwbib4gwd] {
	--table-container-spacing: 2rem;
	display: flex;
	flex-direction: column;
	background-color: white;
	margin-top: 4rem;
	border-radius: .6rem;
	box-shadow: 0 4px 15px rgba(0,0,0,0.2);
	border: 1px solid rgba(0,0,0,.2);
	container-name: table-container;
	container-type: inline-size;
}

	.table-container header[b-wtwbib4gwd] {
		padding: 2rem var(--table-container-spacing);
		display: grid;
		grid-template-columns: 3fr 1fr;
		column-gap: 2rem;
		row-gap: 1rem;
		justify-content: space-between;
		border-bottom: 1px solid rgba(0,0,0,.2);
	}

		.table-container header .button-container[b-wtwbib4gwd] {
			grid-column: 1/3;
			grid-row: 2/3;
			margin: 0;
			display: flex;
			flex-wrap: wrap;
			container-type: inline-size;
			width: unset;
		}

			.table-container header .button-container[b-wtwbib4gwd]  button {
				border-color: rgba(0,0,0,.2);
				padding: .8rem 1.2rem;
			}

		.table-container header[b-wtwbib4gwd]  .search-container:focus-within {
			outline: auto;
		}

	.table-container .table-top[b-wtwbib4gwd] {
		display: flex;
		flex-direction: column;
		gap: .5rem;
	}

[b-wtwbib4gwd] .search-container {
	height: fit-content;
	min-height: 4.1rem;
}

/* --------------------- table --------------------- */
table[b-wtwbib4gwd] {
	border: none;
	line-height: normal;
	margin: 0;
	margin-bottom: 2rem;
	margin-top: 1rem;
}

	table[b-wtwbib4gwd],
	table tr[b-wtwbib4gwd],
	table tr td[b-wtwbib4gwd],
	table tr th[b-wtwbib4gwd] {
		background-color: transparent;
		border: none;
	}

		table tbody tr.main-row[b-wtwbib4gwd] {
			border-bottom: 1px solid rgba(0,0,0,.2);
		}

			table tbody tr.main-row.last-main-row[b-wtwbib4gwd] {
				border-bottom: none;
			}

				table tbody tr.main-row.last-main-row ~ tr.expand-item-row .dropdown-items[b-wtwbib4gwd] {
					border-bottom: none;
					border-top: 1px solid rgba(0,0,0,.2);
				}

@media (pointer: fine) and (hover: hover) {
	table tbody tr:hover[b-wtwbib4gwd] {
		background-color: rgba(0,0,0,.05);
	}
}

table td:nth-child(1)[b-wtwbib4gwd],
table th:nth-child(1)[b-wtwbib4gwd] {
	padding-left: var(--table-container-spacing);
	border: none;
}

table[b-wtwbib4gwd]  td:nth-last-child(1),
table[b-wtwbib4gwd]  th:nth-last-child(1) {
	padding-right: var(--table-container-spacing);
	border: none;
}

table thead[b-wtwbib4gwd] {
	background-color: white;
	position: sticky;
	top: 106px;
	z-index: 2;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

	table thead th[b-wtwbib4gwd] {
		padding-top: 1.5rem;
		padding-bottom: 1rem;
	}

		table thead th.Debtor[b-wtwbib4gwd],
		table thead th.Invoice[b-wtwbib4gwd] {
			padding-left: 1.4rem;
			padding-right: 1.4rem;
		}

th.Match[b-wtwbib4gwd] {
	padding-left: calc(.6rem + 1.2rem);
	padding-right: calc(.6rem + 1.2rem);
}

.Dropdown-toggle[b-wtwbib4gwd] {
	width: 0;
}

	.Dropdown-toggle button[b-wtwbib4gwd] {
		all: revert;
		background-color: transparent;
		border: 1px solid transparent;
		padding: .8rem;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}

		.Dropdown-toggle button[b-wtwbib4gwd]  svg {
			height: 1lh;
			width: auto;
		}

		.Dropdown-toggle button.open[b-wtwbib4gwd]  svg {
			transform: rotate(90deg);
		}

.Date[b-wtwbib4gwd] {
	width: 0;
}

td a[b-wtwbib4gwd] {
	color: black;
	padding: .8rem;
	display: flex;
	align-items: center;
	cursor: pointer;
	outline-offset: -1px;
	text-decoration: underline;
	text-underline-offset: .4rem;
}


.Debtor[b-wtwbib4gwd] {
	width: 0;
}

	.Debtor[b-wtwbib4gwd]  a {
		justify-content: center;
	}

.AccountHolder[b-wtwbib4gwd] {
	width: 30ch;
	text-wrap: wrap;
}

.Amount[b-wtwbib4gwd],
.Open[b-wtwbib4gwd] {
	width: 0;
}

.Reference[b-wtwbib4gwd] {
	max-width: 30ch;
	text-overflow: ellipsis;
	overflow: hidden;
}

.Match[b-wtwbib4gwd],
.Hidden[b-wtwbib4gwd],
.BlackList[b-wtwbib4gwd],
.RFRefound[b-wtwbib4gwd] {
	width: 0;
	text-align: center;
}

td button[b-wtwbib4gwd] {
	all: revert;
	padding: .8rem 1.2rem;
	border-radius: .3rem;
	cursor: pointer;
}

.Match-button[b-wtwbib4gwd] {
	border: 1px solid #D1F951;
	background-color: #D1F951;
}

	.Match-button:is(:hover, :focus)[b-wtwbib4gwd] {
		border-color: #98C507;
		background-color: #98C507;
	}

.Hide-button[b-wtwbib4gwd] {
	white-space: nowrap;
	background-color: transparent;
	padding: .8rem 1.2rem;
	border: 1px solid rgba(0,0,0,.3);
}

	.Hide-button:is(:hover, :focus)[b-wtwbib4gwd] {
		border-color: rgba(0,0,0,.7);
	}

.Blacklist-button[b-wtwbib4gwd] {
	background-color: black;
	border: 1px solid black;
	color: white;
}

	.Blacklist-button:is(:hover, :focus)[b-wtwbib4gwd] {
		background-color: #555555;
		border-color: #555555;
	}

.RFPaybackButton[b-wtwbib4gwd] {
	white-space: nowrap;
	background-color: transparent;
	padding: .8rem 1.2rem;
	border: 1px solid rgba(0,0,0,.3);
}

	.RFPaybackButton:is(:hover, :focus)[b-wtwbib4gwd] {
		border-color: rgba(0,0,0,.7);
	}

.PSD2[b-wtwbib4gwd],
.Blacklist[b-wtwbib4gwd] {
	width: 0;
}

.expand-item-row[b-wtwbib4gwd] {
	border: unset;
}

	.expand-item-row td[b-wtwbib4gwd] {
		padding: 0 !important;
	}

.dropdown-items[b-wtwbib4gwd] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	padding: .5rem var(--table-container-spacing) .5rem calc(var(--table-container-spacing) + 1lh + (.8rem * 2) + (.6rem * 2));
	border-bottom: 1px solid rgba(0,0,0,.2);
}

	.dropdown-items > p[b-wtwbib4gwd] {
		display: grid;
		grid-template-columns: 32rem 1fr;
		align-items: center;
	}

		.dropdown-items > p > *:nth-last-child(1)[b-wtwbib4gwd] {
			text-align: left;
			width: fit-content;
			padding: .8rem;
		}

.button-container[b-wtwbib4gwd] {
	margin: 2rem 0;
	display: flex;
	gap: .5rem;
}

.bank-statement-records-checkmarks[b-wtwbib4gwd] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 2rem;
	row-gap: .5rem;
}

	.bank-statement-records-checkmarks > *[b-wtwbib4gwd] {
		display: flex;
		align-items: center;
		gap: 1rem;
		justify-content: space-between;
		border: 1px solid rgba(0,0,0,.2);
		padding: .5rem 1.2rem;
		border-radius: .6rem;
	}

	.bank-statement-records-checkmarks[b-wtwbib4gwd]  svg {
		height: 1lh;
		width: auto;
		line-height: normal;
		fill: black;
	}

		.bank-statement-records-checkmarks[b-wtwbib4gwd]  svg path {
			fill: inherit;
		}

		.bank-statement-records-checkmarks[b-wtwbib4gwd]  svg.Checkmark {
			fill: green;
		}

		.bank-statement-records-checkmarks[b-wtwbib4gwd]  svg.Cross {
			fill: red;
		}

@media (prefers-reduced-motion: no-preference) {
	.Dropdown-toggle button[b-wtwbib4gwd]  svg {
		transition: transform .3s ease-in-out;
	}

	.Match-button[b-wtwbib4gwd] {
		transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
	}

	.Hide-button[b-wtwbib4gwd] {
		transition: border .3s ease-in-out;
	}

	.Blacklist-button[b-wtwbib4gwd] {
		transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
	}

	.RFPaybackButton[b-wtwbib4gwd] {
		transition: border .3s ease-in-out;
	}
}
/* -------------------- dialog -------------------- */
:: deep .title-bar-wrapper[b-wtwbib4gwd] {
	margin-bottom: 1rem;
	height: fit-content;
	align-items: center;
}

	[b-wtwbib4gwd] .title-bar-wrapper h1 {
		color: black;
		margin: 0;
		padding: 0;
		line-height: normal;
	}

	[b-wtwbib4gwd] .title-bar-wrapper button {
		all: revert;
		height: fit-content;
		width: fit-content;
		padding: 1rem;
		border: none;
		background-color: transparent;
		border-radius: .6rem;
		display: grid;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}

		[b-wtwbib4gwd] .title-bar-wrapper button:is(:hover, :focus) {
			background-color: transparent;
		}

		[b-wtwbib4gwd] .title-bar-wrapper button svg {
			height: 1lh;
			width: auto;
			line-height: normal;
		}

			[b-wtwbib4gwd] .title-bar-wrapper button svg path {
				fill: rgba(0,0,0,.2);
			}

		[b-wtwbib4gwd] .title-bar-wrapper button:is(:hover, :focus) svg path {
			fill: rgba(0,0,0,.7);
		}

[b-wtwbib4gwd] dialog .modal-text {
	margin-bottom: 3rem;
	line-height: normal;
}

@container table-container (width > 142rem) {
	p.Debtor[b-wtwbib4gwd],
	p.Name[b-wtwbib4gwd],
	p.Invoice[b-wtwbib4gwd]{
		display: none;
	}
}

@container main (width > 50rem) {
	.table-container[b-wtwbib4gwd] {
		--table-container-spacing: 3rem;
	}
}

/* -------------------- modal / dialog -------------------- */
[b-wtwbib4gwd] .modal-container dialog {
	height: 100%;
	display: grid;
	grid-template-rows: auto auto 1fr auto;
	background-color: white;
	border-radius: 0;
}
/* _content/Dbo365.Debiteuren/Views/Notification/NotificationsView.razor.rz.scp.css */
.modal-dialog-bottom > button[b-sz8lnoeapj] {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    --main-color: #133416;
    --main-color-limegreen: #d1f951;
    --main-color-lightbeige: #efede0;
    box-sizing: inherit;
    margin: 0;
    overflow: visible;
    -webkit-appearance: button;
    transition: all .1s ease-in-out;
    font-size: 1.4rem;
    line-height: 1.625;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    cursor: pointer;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    width: auto;
    margin-bottom: 10px;
    border: none;
    align-self: center;
    margin-top: auto;
    border-radius: 50px;
    background: var(--secondary, #D1F951);
    color: black;
    text-transform: uppercase;
    padding: 5px 10px;
    margin-right: 10px;
    box-shadow: none;
}

.modal-dialog-bottom > button:hover[b-sz8lnoeapj] {
    background-color: var(--primary-hover, #071308);
    color: white;
}
/* _content/Dbo365.Debiteuren/Views/Offer/OfferCreateOrEditForm.razor.rz.scp.css */
.three-column-align[b-4khho7zzgt] {
	display: grid;
	grid-template-columns: auto auto 1fr;
	row-gap: inherit;
}

	.three-column-align > *[b-4khho7zzgt] {
		grid-column: span 3;
		display: grid !important;
		grid-template-columns: subgrid;
	}
/* _content/Dbo365.Debiteuren/Views/OnlineAccept/Pay.razor.rz.scp.css */
p[b-39fp8j21xn] {
	margin: 0;
}

h3[b-39fp8j21xn] {
	border: none;
	margin: unset;
	color: black;
	font-size: 1.75rem;
}

nav[b-39fp8j21xn] {
	display: none
}

main label[b-39fp8j21xn] {
	cursor: text;
}

main > .container[b-39fp8j21xn] {
	background-color: white;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	position: relative;
	box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.25);
}

header[b-39fp8j21xn] {
	display: flex;
	gap: 2rem;
	justify-content: space-between;
	align-items: flex-end;
	padding: 1rem 0;
	border-bottom: 1px solid lightgray;
}

	header > img[b-39fp8j21xn] {
		width: 30%;
		max-width: fit-content;
	}

	header svg[b-39fp8j21xn] {
		width: 50%;
		max-width: 170px;
		height: fit-content
	}

.grid[b-39fp8j21xn] {
	display: flex;
	flex-direction: column;
	gap: inherit;
}

	.grid > div[b-39fp8j21xn] {
		display: flex;
		flex-direction: column;
		gap: .5rem;
	}

		.grid > div > div[b-39fp8j21xn] {
			display: flex;
			flex-direction: column;
			gap: .5rem;
			border-bottom: 1px solid lightgray;
			padding: .5rem
		}

			.grid > div > div > *[b-39fp8j21xn] {
				overflow: auto
			}

			.grid > div > div > p[b-39fp8j21xn] {
				flex: 1;
			}

			.grid > div > div > span[b-39fp8j21xn] {
				flex: 3;
				color: #6E6E6E;
			}


	.grid input[b-39fp8j21xn] {
		border: none;
	}

	.grid label[b-39fp8j21xn] {
		white-space: nowrap;
	}

form[b-39fp8j21xn] {
	display: flex;
	flex-direction: column;
	gap: inherit;
}

fieldset[b-39fp8j21xn] {
	border: none;
	padding: 0;
	margin: 0;
	container-type: inline-size;
}

legend[b-39fp8j21xn] {
	font-size: 1.75rem;
	font-weight: 600;
}

.PayOverfiew > div[b-39fp8j21xn] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

	.PayOverfiew > div > *[b-39fp8j21xn] {
		display: flex;
		align-items: center;
		padding: .5rem;
		gap: 1rem;
		border-bottom: 1px dashed lightgray;
	}

		.PayOverfiew > div > * label[b-39fp8j21xn] {
			color: #6E6E6E;
			flex: 3;
		}

		.PayOverfiew > div > * input[b-39fp8j21xn] {
			color: black;
			flex: 1.5;
		}

		.PayOverfiew > div > *:nth-last-child(1)[b-39fp8j21xn] {
			border-bottom: unset;
			padding: 0 .5rem;
		}

		.PayOverfiew > div > *:nth-last-child(2)[b-39fp8j21xn] {
			border-bottom: 2px solid lightgray;
		}

		.PayOverfiew > div > * > input[b-39fp8j21xn] {
			text-align: end;
			border: none;
			pointer-events: none;
			width: 100%;
			font-weight: 600;
		}

.PayOverfiew .Totaal > *[b-39fp8j21xn] {
	font-size: 1.75rem;
	font-weight: 600;
	color: black;
}

@supports (grid-template-columns: subgrid) {
	.PayOverfiew > div[b-39fp8j21xn] {
		display: grid;
		grid-template-columns: auto 1fr;
		grid-column-gap: 2rem;
	}

		.PayOverfiew > div > *[b-39fp8j21xn] {
			display: grid;
			grid-template-columns: subgrid;
			grid-column: 1 / 3;
			border-bottom: 1px dashed lightgray;
			gap: unset;
		}
}

.paymentmethods > div[b-39fp8j21xn] {
	display: grid;
	grid-template-columns: 1fr;
	gap: .5rem;
	padding: .5rem 0;
}


	.paymentmethods > div > *[b-39fp8j21xn] {
		display: flex;
		flex-direction: column;
	}

		.paymentmethods > div > * input[b-39fp8j21xn] {
			display: none;
		}

		.paymentmethods > div > * label[b-39fp8j21xn] {
			display: flex;
			align-items: center;
			gap: 1rem;
			border-radius: .6rem;
			padding: .5rem 1.2rem;
		}

			.paymentmethods > div > * label:is(:hover, :focus)[b-39fp8j21xn] {
				background-color: #D1F951;
				cursor: pointer;
				width: 100%;
			}

		.paymentmethods > div > * input:checked ~ label[b-39fp8j21xn] {
			background-color: #D1F951;
		}

.card[b-39fp8j21xn] {
	height: 24px;
	overflow: hidden;
	border-radius: .4rem;
}

.card-border[b-39fp8j21xn] {
	border: 1px solid gray;
}

button[b-39fp8j21xn] {
	background-color: #D1F951;
	border: none;
	box-shadow: unset;
	color: black;
	border-radius: .6rem;
	margin: .5rem 0;
}

	button:is(:hover, :focus)[b-39fp8j21xn] {
		background-color: #133416;
		color: white;
	}

p a[b-39fp8j21xn] {
	color: green;
	white-space: nowrap;
}

@media only screen and (min-width: 400px) {
	.grid > div > div[b-39fp8j21xn] {
		flex-direction: unset;
		gap: 2rem;
	}


	@supports (grid-template-columns: subgrid) {
		.grid[b-39fp8j21xn] {
			display: grid;
			grid-template-columns: auto 1fr;
			gap: 1.5rem;
			row-gap: inherit;
		}

			.grid > div[b-39fp8j21xn] {
				grid-column: 1 / 3;
				display: grid;
				grid-template-columns: subgrid;
				align-items: center;
				gap: unset;
				row-gap: .5rem;
			}

				.grid > div > div[b-39fp8j21xn] {
					grid-column: 1 / 3;
					display: grid;
					grid-template-columns: subgrid;
					align-items: center;
					border-bottom: 1px solid lightgray;
					padding: .5rem;
					gap: unset;
				}

			.grid h3[b-39fp8j21xn] {
				grid-column: 1 / 3;
			}
	}
}

@media only screen and (min-width: 450px) {
	.paymentmethods > div[b-39fp8j21xn] {
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (min-width: 680px) {
	.paymentmethods > div[b-39fp8j21xn] {
		grid-template-columns: 1fr;
	}
}

@media only screen and (min-width: 800px) {
	.paymentmethods > div[b-39fp8j21xn] {
		grid-template-columns: 1fr 1fr;
	}
}


@supports (container-type: inline-size) {
	@container (min-width: 390px) {
		.paymentmethods > div[b-39fp8j21xn] {
			grid-template-columns: 1fr 1fr;
		}
	}
}

@media only screen and (min-width: 680px) {
	main[b-39fp8j21xn] {
		display: grid;
		grid-template-columns: [page-start] 5% [content-start] 1fr [content-end] 5% [page-end];
		grid-column: page;
		background-color: green;
	}

		main > *[b-39fp8j21xn] {
			grid-column-start: 1;
		}

	.background[b-39fp8j21xn] {
		position: fixed;
		height: 100vh;
		height: 100svh;
		width: 100%;
	}

		.background div[b-39fp8j21xn] {
			position: relative;
			height: inherit;
			width: inherit;
		}

			.background div[b-39fp8j21xn]:before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				background-image: url("/Images/pexels-cup-of-couple-6956767/edit/pexels-cup-of-couple-6956767.webp"), url("/Images/pexels-cup-of-couple-6956767/edit/pexels-cup-of-couple-6956767.jpg"), url("/Images/pexels-cup-of-couple-6956767/edit/pexels-cup-of-couple-6956767.png");
				background-position: center 75%;
				background-repeat: no-repeat;
				background-size: cover;
				background-attachment: fixed;
				opacity: .5;
			}

	main > .container[b-39fp8j21xn] {
		grid-column: content;
		border-radius: 1.3rem;
		max-width: 500px;
		width: 60%;
		margin: 5rem 0;
	}

	@supports (position: absolute) {

		.copyright-label[b-39fp8j21xn] {
			position: absolute;
			color: white;
			bottom: 0;
			transform: translateY(150%);
		}
	}
}
/* _content/Dbo365.Debiteuren/Views/OnlineAccept/PaymentNotFound.razor.rz.scp.css */
main[b-5i501dw1yj] {
	display: grid;
	grid-template-columns: [page-start] 5% [content-start] 1fr [content-end] 5% [page-end];
	grid-column: page;
	background-color: green;
	height: 100vh;
	font-family: Arial, Helvetica, sans-serif;
}

.background[b-5i501dw1yj] {
	position: fixed;
	height: 100vh;
	height: 100svh;
	width: 100%;
}

	.background div[b-5i501dw1yj] {
		position: relative;
		height: inherit;
		width: inherit;
	}

		.background div[b-5i501dw1yj]:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			background-image: url("/Images/pexels-cup-of-couple-6956767/edit/pexels-cup-of-couple-6956767.webp"), url("/Images/pexels-cup-of-couple-6956767/edit/pexels-cup-of-couple-6956767.jpg"), url("/Images/pexels-cup-of-couple-6956767/edit/pexels-cup-of-couple-6956767.png");
			background-position: center 75%;
			background-repeat: no-repeat;
			background-size: cover;
			background-attachment: fixed;
			opacity: .5;
		}

main > .container[b-5i501dw1yj] {
	background-color: white;
	box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.25);
	grid-column: content;
	margin-top: 10vmin;
	border-radius: .6rem;
	height: fit-content;
	padding: 1rem 2rem;
	z-index: 2;
	max-width: 500px;
}
/* _content/Dbo365.Debiteuren/Views/Order/CreateOrEdit.razor.rz.scp.css */
/*main {
	--side-padding: 5vw;
	--border-dark: 1px solid gray;
	--border-light: 1px solid #ccc;
	--padding-left: 15px 25px 15px var(--side-padding);
	--padding-right: 15px var(--side-padding) 15px 25px;
	--padding-both: 15px var(--side-padding) 15px var(--side-padding);
	--layout-gap: 3rem;
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: [page-start] auto [break-start] 5vw [content-start] minmax(0, calc(1920px - 10vw)) [content-end] 5vw [break-end] auto [page-end];
	background-color: #F9F9F9;
	container-type: inline-size;
}

	main > ::deep header {
		grid-column: page;
		display: grid;
		grid-template-columns: inherit;
		background-color: white;
		border-bottom: var(--border-light);
	}

	main > header > * {
		grid-column: content;
	}

	main > header h1 {
		margin: 0;
		padding: 2rem 0;
		border: unset;
		color: black;
		font-size: 2.5rem;
		line-height: normal;
	}

	main > div {
		--max-width: unset;
		grid-column: content;
		display: grid;
		padding-top: 3rem;
		row-gap: var(--layout-gap);
		grid-template-areas:
			" debtor "
			" order "
			" paymentterms"
			" invoicelines"
			" attachments"
			" form-buttons";
	}

		main > div > section:not(.container-item-pdf):not(.container-item-final-buttons) {
			background-color: white;
			border-radius: .6rem;
			border: 1px solid rgba(0,0,0,.2);
			box-shadow: 0 0 15px rgba(0,0,0,.2);
			container-type: inline-size;
			gap: 0;
		}

			main > div > section:not(.container-item-pdf):not(.container-item-final-buttons) ::deep > div {
				padding: 1rem 2rem;
			}

.debtor-form {
	grid-area: debtor;
	grid-row: span 2;
	max-width: var(--max-width);
}

.order-form {
	grid-area: order;
	max-width: var(--max-width);
}

.paymentterms-form {
	grid-area: paymentterms;
	max-width: var(--max-width);
}

.invoiceLines-form {
	grid-area: invoicelines;
	max-width: var(--max-width);
}

.attachments-form {
	grid-area: attachments;
	max-width: var(--max-width);
}

.pdf-buttons {
	display: none;
}

::deep .upload {
	width: unset;
}

.form-buttons {
	grid-area: form-buttons;
	display: flex;
	justify-content: space-between;
	gap: 5px;
	padding: 2rem 0;
}

.container-item-final-buttons .buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	height: fit-content;
	justify-content: flex-end;
}

	.container-item-final-buttons .buttons ::deep button {
		min-width: fit-content;
		flex: 1 !important;
	}

.container-item-final-buttons .status {
	--status-color: #ccc;
	color: var(--dark-color, #020202);
	padding: .8rem 1.2rem;
	border-radius: .6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--status-color);
	line-height: normal;
}

.container-item-final-buttons .open {
	--status-color: #FFD874;
}

.container-item-final-buttons .expired {
	--status-color: #FF7474;
}

.container-item-final-buttons .confirmed {
	--status-color: #87FF74;
}

.container-item-pdf {
	display: none;
}

::deep .form-block-container .form,
::deep .form-block-container .two-fields {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

::deep .form-block-container:has(.custom-select button[aria-expanded]) {
	z-index: 2;
}

::deep .container-item:not(.title-container) {
	display: grid;
}

.form-block-container {
	display: flex;
	gap: 15px;
	flex-direction: column;
	container-type: inline-size;
}

::deep .form-block-container input {
	width: 100%;
	border-radius: 0.6rem;
}

	::deep .form-block-container input:active,
	::deep .form-block-container input:focus {
		border-color: #133416;
	}*/

/*::deep .custom-select .input-container:active,
::deep .custom-select .input-container:focus {
	border-color: #a1a1a1;
	transition: border-color .2s ease-in-out;
}*/

/*.debtor-form ::deep input:not([type="file"]),
.order-form ::deep input:not([type="file"]) {
	border-color: #ccc;
	height: 35px;
}

.invoiceLines-form ::deep input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
.paymentterms-form ::deep input:not([type="file"]):not([type="checkbox"]):not([type="radio"]) {
	all: revert;
	box-sizing: border-box;
	height: 35px;
	padding: 8px;
	border-radius: .6rem;
	width: 100%;
	min-width: fit-content;
	border: 1px solid #ccc;
	outline: unset;
	transition: border .2s ease-in-out;
}

::deep .form-block-container input:not([type="file"]),
.invoiceLines-form ::deep input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
.order-lines-container ::deep input:not([type="file"]),
.paymentterms-form ::deep input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
.paymentterm-lines-container ::deep input:not([type="file"]) {
	transition: all .2s ease-in-out;
}

	::deep .form-block-container input:not([type="file"]):is(:hover, :focus),
	.invoiceLines-form ::deep input:not([type="file"]):not([type="checkbox"]):not([type="radio"]):is(:hover, :focus),
	.order-lines-container ::deep input:not([type="file"]),
	.paymentterms-form ::deep input:not([type="file"]):not([type="checkbox"]):not([type="radio"]):is(:hover, :focus),
	.paymentterm-lines-container ::deep input:not([type="file"]) {
		border-color: #232322;
	}*/

/*::deep .custom-select {
	max-width: 100%;
}

::deep .container-item:has(input.deb-toggle) {
	display: flex;
	gap: 15px;
	flex-direction: row;
	justify-content: flex-start;
}


	::deep .container-item:has(input.deb-toggle) input {
		width: auto;
		height: auto;
	}

::deep .container-item:has(input.deb-decimal.deb-28w.percentage),
::deep .container-item:has(input.days) {
	display: flex;
	align-items: center;
	gap: 15px;
	padding-top: 10px;
}

	::deep .container-item:has(input.deb-decimal.deb-28w.percentage) input,
	::deep .container-item:has(input.days) input {
		max-width: 100px;
	}

::deep .container-item:has(.input-group input.deb-phone) .input-group-addon,
::deep .container-item:has(.input-group input.deb-email) .input-group-addon {
	background: none;
	border: none;
	position: absolute;
	right: 0;
	height: 100%;
	height: -webkit-fill-available;
	padding: 0px;
	margin: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

	::deep .container-item:has(.input-group input.deb-phone) .input-group-addon:hover,
	::deep .container-item:has(.input-group input.deb-email) .input-group-addon:hover {
		background: #D1F951;
		border-top-right-radius: .6rem;
		border-bottom-right-radius: .6rem;
		border: solid 1px #A1A1A1;
		border-left: none;
		border-bottom-right-radius: .6rem;
		border-top-right-radius: .6rem;
	}

.dummy-container {
	border: 1px solid green;
	width: 50px;
	height: 100px;
}

.dummy-dummy-container {
	display: flex;
	width: 100%;
	justify-content: center;
}

::deep p {
	margin: 0;
	padding: 0;
}*/

/*::deep input,
::deep table,
::deep tbody,
::deep tr,
::deep td {
	background-color: transparent !important;
}*/

/*@container (min-width: 1700px) {
	main > div {
		--scale-size: 0.6;
		--a4-width: calc(var(--a4-base-with) * var(--scale-size));
		--a4-base-with: 169mm;
		grid-template-columns: 1000px 1fr;
		column-gap: var(--layout-gap);
		grid-template-areas:
			"debtor pdf-buttons"
			"debtor pfd"
			"order pfd"
			"invoicelines pfd"
			"attachments pfd"
			"form-buttons pfd";
	}

		main > div.extra-row {
			grid-template-areas:
				"debtor pdf-buttons"
				"debtor pfd"
				"order pfd"
				"paymentterms pfd"
				"invoicelines pfd"
				"attachments pfd"
				"form-buttons pfd";
		}

	.pdf-buttons {
		grid-area: pdf-buttons;
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.button-top {
		display: flex;
		justify-content: space-between;
		gap: 5px;
	}

	.container-item-pdf {
		grid-area: pfd;
		display: flex;
		flex-direction: column;
		gap: 3rem;
	}
}*/

/*@container (min-width: 1150px) {
	main > div {
		--scale-size: 0.8;
	}
}


@container (min-width: 1750px) {
	main > div {
		--scale-size: 1;
	}
}*/

/**
	DEBUG BUTTONS
*/

/*::deep .Superuser-button {
	border-radius: .6rem;
	height: 100%;
}

	::deep .Superuser-button button {
		all: initial;
		cursor: pointer;
		height: 100%;
		aspect-ratio: 1;
		background-color: #FFC3F2;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: .6rem;
	}

		::deep .Superuser-button button:hover {
			background-color: #EAA8DC;
		}


		::deep .Superuser-button button svg {
			transform: scale(.7);
		}

.d-block button, .d-block a {
	all: initial;
	font-family: 'Roboto', 'sans-serif';
	font-size: 14px;
	cursor: pointer;
	padding: 5px 20px;
	border-radius: .6rem;
	border-radius: .6rem;
	box-shadow: none;
	border: none;
	transition: none;
}

	.d-block button:hover, .d-block a:hover {
		background: #D1F951;
	}

::deep .container-group {
	display: grid;
	gap: 10px;
}

.pdf-content-container {
	--spaceing-top: 1rem;
	--spaceing-right: 2rem;
	--spaceing-bottom: 1rem;
	--height: auto;
	position: sticky;
	top: 0;*/
	/*	padding: var(--spaceing-top) var(--spaceing-right) var(--spaceing-bottom) var(--spaceing-left);
	margin: 0 calc(-1 * var(--spaceing-right)) 0 calc(-1 * var(--spaceing-left));*/
	/*padding: var(--spaceing-top) var(--spaceing-right) var(--spaceing-bottom) 0;
	margin: calc(-1 * var(--spaceing-top)) calc(-1 * var(--spaceing-right)) calc(-1 * var(--spaceing-bottom)) 0;
	overflow-y: auto;
	height: var(--height);
	max-height: 100vh;
	max-height: 100svh;
	filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.25));
}*/

	/*
	mogelijke fix als pdf jitterd on page scroll 
*/
	/*.get-dynamic-height-to-bottom-screen {
	height: var(--height);
	position: sticky;
	top: 0;
}*/

	/*.pdf-content-container::-webkit-scrollbar {
		width: 7px;
	}

	.pdf-content-container::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
		margin-top: var(--spaceing-top);
		margin-bottom: var(--spaceing-bottom);
	}

	.pdf-content-container::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		.pdf-content-container::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}

::deep .pdf-container {
	--a4-base-with: 169mm !important;
}

@media (min-width: 950px) {
	::deep .pdf-container {
		--a4-base-with: 169mm !important;
	}
}

@media (min-width: 1920px) {
	main {
		grid-template-columns: [page-start] auto [break-start] 5vw [content-start] minmax(0, 1920px) [content-end] 5vw [break-end] auto [page-end];
	}
}*/
/* _content/Dbo365.Debiteuren/Views/Order/OrderCreateOrEditForm.razor.rz.scp.css */
.three-column-align[b-fgahpdelgs] {
	display: grid;
	grid-template-columns: auto auto 1fr;
	row-gap: inherit;
}

	.three-column-align > *[b-fgahpdelgs] {
		grid-column: span 3;
		display: grid !important;
		grid-template-columns: subgrid;
	}
/* _content/Dbo365.Debiteuren/Views/OrderStatus/CreateOrEdit.razor.rz.scp.css */
p[b-yiwow0e8cm], b[b-yiwow0e8cm], span[b-yiwow0e8cm], label[b-yiwow0e8cm] {
	line-height: normal;
}

h3[b-yiwow0e8cm] {
	--font-size: 1em;
	--min-font-size: calc(var(--font-size) * 0.875); /* 14px */
	--max-font-size: calc(var(--font-size) * 1.25); /* 20px */
	--vw: 10vw;
	--size-grow: 1;
	--font-m: clamp(calc(var(--size-grow) * var(--min-font-size)), var(--vw), calc(var(--size-grow) * var(--max-font-size)));
	font-size: var(--font-m);
	color: black;
	border: unset;
	line-height: normal;
	margin: 0;
	padding: 0;
}

.invoise-status[b-yiwow0e8cm] {
	display: grid;
	grid-template-rows: 1fr auto;
	grid-template-areas: 'rows' 'Button';
	height: 100%;
}

.row[b-yiwow0e8cm] {
	grid-area: rows;
	flex-direction: column;
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	padding: 1rem 0;
	width: 100%;
}

.content[b-yiwow0e8cm] {
	display: flex;
	flex-direction: column;
	align-items: unset;
	gap: 1rem;
	width: 100%;
}

[b-yiwow0e8cm] .form-row {
	display: grid;
	flex-direction: column;
	gap: .5rem;
	width: 100%;
}

	[b-yiwow0e8cm] .form-row::before,
	[b-yiwow0e8cm] .form-row::after {
		display: none;
	}

[b-yiwow0e8cm] .form-col {
	margin: 0;
	width: 100%;
	display: grid;
}

[b-yiwow0e8cm] input[type="text"] {
	all: revert;
	background-color: transparent;
	padding: 1rem !important;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	color: black;
	transition: all .2s ease-in-out;
	outline: none;
}

	[b-yiwow0e8cm] input[type="text"]:is(:hover, :focus) {
		border-color: #999;
	}

.button[b-yiwow0e8cm] {
	grid-area: Button;
}

.button-container[b-yiwow0e8cm] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	margin-top: 1rem;
}

.return[b-yiwow0e8cm] {
	all: revert;
	padding: .8rem 1.2rem;
	background-color: transparent;
	border: 1px solid #ccc;
	border-radius: .5rem;
	line-height: normal;
	display: grid;
	cursor: pointer;
}

	.return:is(:hover, :focus)[b-yiwow0e8cm] {
		--primary-color: #a2a2a2;
		background-color: var(--gray-hover, #EAEAEA);
	}

.confirm[b-yiwow0e8cm] {
	--confirm-color: #D1F951;
	all: revert;
	padding: .8rem 1.2rem;
	background-color: var(--confirm-color);
	border: 1px solid var(--confirm-color);
	border-radius: .5rem;
	line-height: normal;
	display: grid;
	cursor: pointer;
}

	.confirm:is(:hover, :focus)[b-yiwow0e8cm] {
		--confirm-color: #A1D104;
	}
/* _content/Dbo365.Debiteuren/Views/OrderStatus/Delete.razor.rz.scp.css */
p[b-7hcd1s8y2t], b[b-7hcd1s8y2t], span[b-7hcd1s8y2t], label[b-7hcd1s8y2t] {
	line-height: normal;
}

h3[b-7hcd1s8y2t] {
	--font-size: 1em;
	--min-font-size: calc(var(--font-size) * 0.875); /* 14px */
	--max-font-size: calc(var(--font-size) * 1.25); /* 20px */
	--vw: 10vw;
	--size-grow: 1;
	--font-m: clamp(calc(var(--size-grow) * var(--min-font-size)), var(--vw), calc(var(--size-grow) * var(--max-font-size)));
	font-size: var(--font-m);
	color: black;
	border: unset;
	line-height: normal;
	margin: 0;
	padding: 0;
}

.invoise-status[b-7hcd1s8y2t] {
	--primary-color: #D1F951;
	display: grid;
	grid-template-rows: 1fr auto;
	grid-template-areas: 'rows' 'Button';
	height: 100%;
}

.row[b-7hcd1s8y2t] {
	grid-area: rows;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	padding: 1rem 0;
}

.content[b-7hcd1s8y2t] {
	display: flex;
	flex-direction: column;
	align-items: unset;
	width: 100%;
	padding: 1rem;
	border: 1px solid #ccc;
	border-radius: .5rem;
}

	.content b[b-7hcd1s8y2t] {
		padding: .5rem 0;
	}

.button-container[b-7hcd1s8y2t] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	margin-top: 1rem;
}

.button[b-7hcd1s8y2t] {
	grid-area: Button;
}

.return[b-7hcd1s8y2t] {
	all: revert;
	padding: .8rem 1.2rem;
	background-color: transparent;
	border: 1px solid #ccc;
	border-radius: .5rem;
	line-height: normal;
	display: grid;
	cursor: pointer;
}

	.return:is(:hover, :focus)[b-7hcd1s8y2t] {
		--primary-color: #a2a2a2;
		background-color: var(--gray-hover, #EAEAEA);
	}

.delete[b-7hcd1s8y2t] {
	--delete-color: #FF0000;
	all: revert;
	padding: .8rem 1.2rem;
	background-color: var(--delete-color);
	border: 1px solid var(--delete-color);
	border-radius: .5rem;
	color: white;
	line-height: normal;
	display: grid;
	cursor: pointer;
}

	.delete:is(:hover, :focus)[b-7hcd1s8y2t] {
		--delete-color: #BC0303;
	}
/* _content/Dbo365.Debiteuren/Views/OrderStatus/Index.razor.rz.scp.css */
p[b-01gthii01n], b[b-01gthii01n], span[b-01gthii01n], label[b-01gthii01n] {
	line-height: normal;
}

.invoise-status:has(.row-container)[b-01gthii01n] {
	display: grid;
	grid-template-rows: auto 1fr auto;
	row-gap: 1rem;
	grid-template-areas:
		'Search'
		'ContentContainer'
		'Button';
	height: 100%;
}

.invoise-status[b-01gthii01n] {
	display: grid;
	grid-template-rows: auto 1fr;
	row-gap: 1rem;
	grid-template-areas:
		'Search'
		'ContentContainer';
	height: 100%;
}

.search[b-01gthii01n] {
	grid-area: Search;
}

.content-container[b-01gthii01n] {
	grid-area: ContentContainer;
	height: 100%;
}

p.content-container[b-01gthii01n] {
	height: fit-content;
}

.button[b-01gthii01n] {
	grid-area: Button;
}

.row-container[b-01gthii01n] {
	display: flex;
	flex-direction: column;
}

.row[b-01gthii01n] {
	display: flex;
	align-items: flex-start;
	gap: 5px;
	padding: 1rem 0;
}

	.row:not(:nth-last-child(1))[b-01gthii01n] {
		border-bottom: 1px solid #ccc;
	}

.content[b-01gthii01n] {
	display: flex;
	flex-direction: column;
	align-items: unset;
	width: 100%;
}

	.content b[b-01gthii01n] {
		padding: .5rem 0;
	}

.button-container[b-01gthii01n] {
	display: flex;
	gap: .5rem;
}

.delete-edit[b-01gthii01n] {
	all: revert;
	background-color: transparent;
	border: unset;
	cursor: pointer;
	display: grid;
	align-items: center;
	justify-content: center;
	padding: .5rem;
	position: relative;
}

@media (hover: hover) and (pointer: fine) {
	.delete-edit[b-01gthii01n]::after,
	.delete-edit[b-01gthii01n]::before {
		pointer-events: none;
	}

	.delete-edit[b-01gthii01n]::after {
		content: attr(data-title);
		position: absolute;
		bottom: calc(100% + 5px);
		background-color: rgba(0, 0, 0, 0.8);
		color: white;
		padding: 5px 10px;
		border-radius: 5px;
		white-space: nowrap;
		opacity: 0;
		transition: opacity 0.3s ease;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.3s ease-in-out;
	}

	.delete-edit[b-01gthii01n]::before {
		content: "";
		position: absolute;
		top: -5px;
		left: 50%;
		transform: translateX(-50%) rotate(180deg);
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	.delete[b-01gthii01n]::after {
		right: 0;
		left: unset;
		transform: unset;
	}

	.delete-edit:is(:hover, :focus)[b-01gthii01n]::after,
	.delete-edit:is(:hover, :focus)[b-01gthii01n]::before {
		opacity: 1;
	}
}

.factuurstatus[b-01gthii01n] {
	--confirm-color: #D1F951;
	all: revert;
	padding: .8rem 1.2rem;
	background-color: var(--confirm-color);
	border: 1px solid var(--confirm-color);
	border-radius: .5rem;
	line-height: normal;
	display: grid;
	cursor: pointer;
	width: fit-content;
	margin-top: 2rem;
}

	.factuurstatus:is(:hover, :focus)[b-01gthii01n] {
		--confirm-color: #A1D104;
	}
/* _content/Dbo365.Debiteuren/Views/Person/Overview.razor.rz.scp.css */
.modal-dialog-bottom > button[b-2qcgcfv90o] {
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	--main-color: #133416;
	--main-color-limegreen: #d1f951;
	--main-color-lightbeige: #efede0;
	box-sizing: inherit;
	margin: 0;
	overflow: visible;
	-webkit-appearance: button;
	transition: all .1s ease-in-out;
	font-size: 1.4rem;
	line-height: 1.625;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	cursor: pointer;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	white-space: normal;
	width: auto;
	margin-bottom: 10px;
	border: none;
	align-self: center;
	margin-top: auto;
	border-radius: 50px;
	background: var(--secondary, #D1F951);
	color: black;
	text-transform: uppercase;
	padding: 5px 10px;
	margin-right: 10px;
	box-shadow: none;
}

	.modal-dialog-bottom > button:hover[b-2qcgcfv90o] {
		background-color: var(--primary-hover, #071308);
		color: white;
	}
/* _content/Dbo365.Debiteuren/Views/Reporting/DossierOHW.razor.rz.scp.css */
main[b-dn7aq4f329] {
	width: 100%;
	box-sizing: inherit;
	display: flex;
	margin-bottom: 2rem;
	flex-direction: column;
	background-color: white;
	border-radius: .6rem;
	box-shadow: 0 4px 15px rgba(0,0,0,0.2);
	border: 1px solid rgba(0,0,0,.2);
}

.table-container header[b-dn7aq4f329] {
	display: grid;
	grid-template-rows: 1fr auto; /* Auto height for top row, equal height for bottom row */
	grid-template-columns: 1fr 1fr; /* Two equal-width columns */
	gap: 10px; /* Optional: Space between items */
	padding: 2rem;
}

.table-container header[b-dn7aq4f329] >  button {
	margin-left: auto;
	margin-right: 1rem;
	margin-top: 1rem;
}


.table-container header > :nth-child(2)[b-dn7aq4f329] {
	right: 0;
	margin-left: auto;
	margin-right: 2rem;
}

[b-dn7aq4f329] button.primary {
	white-space: nowrap;
	gap: .5rem;
	min-height: calc(1lh + 2px + 2 * var(--massage-padding))
}

.table[b-dn7aq4f329] {
	background-color: white;
}

h2[b-dn7aq4f329] {
	border: 0;
	margin: 0;
	padding: 0;
	color: black;
	padding: 2rem var(--padding-side) 0 var(--padding-side);
}

[b-dn7aq4f329] .table-container {
	overflow: unset !important;
}

[b-dn7aq4f329] table {
	margin: 0;
	border: none;
	border-collapse: separate;
	padding-bottom: 2rem;
}

[b-dn7aq4f329] thead {
	position: sticky;
	top: 0;
	background-color: white;
	z-index: 1;
}

	[b-dn7aq4f329] thead th {
		border-bottom: 1px solid #a1a1a1;
	}

[b-dn7aq4f329] tr:nth-child(odd),
[b-dn7aq4f329] tr:nth-child(even),
[b-dn7aq4f329] tr:nth-child(odd):hover,
[b-dn7aq4f329] tr:nth-child(even):hover {
	background: transparent;
}

[b-dn7aq4f329] tr td:nth-child(1),
[b-dn7aq4f329] tr th:nth-child(1) {
	padding-left: var(--padding-side);
}

[b-dn7aq4f329] tr td:nth-last-child(1),
[b-dn7aq4f329] tr th:nth-last-child(1) {
	padding-right: var(--padding-side);
}

[b-dn7aq4f329] th,
[b-dn7aq4f329] tfoot td {
	padding: 1rem .6rem;
}

[b-dn7aq4f329] table th:nth-child(1),
[b-dn7aq4f329] table td:nth-child(1) {
	padding-left: 2rem;
}

[b-dn7aq4f329] tfoot {
	background-color: unset !important;
	color: black !important;
}

/* _content/Dbo365.Debiteuren/Views/Reporting/DossiersAnalysis.razor.rz.scp.css */
main[b-9pfa7pfzab] {
	width: 100%;
	box-sizing: inherit;
	display: flex;
	margin-bottom: 2rem;
	flex-direction: column;
	background-color: white;
	border-radius: .6rem;
	box-shadow: 0 4px 15px rgba(0,0,0,0.2);
	border: 1px solid rgba(0,0,0,.2);
}

.table-container header[b-9pfa7pfzab] {
	display: grid;
	grid-template-rows: 1fr auto; /* Auto height for top row, equal height for bottom row */
	grid-template-columns: 1fr 1fr; /* Two equal-width columns */
	gap: 10px; /* Optional: Space between items */
	padding: 2rem;
}

.table-container header[b-9pfa7pfzab] >  button {
	margin-left: auto;
	margin-right: 1rem;
	margin-top: 1rem;
}


.table-container header > :nth-child(2)[b-9pfa7pfzab] {
	right: 0;
	margin-left: auto;
	margin-right: 2rem;
}

[b-9pfa7pfzab] button.primary {
	white-space: nowrap;
	gap: .5rem;
	min-height: calc(1lh + 2px + 2 * var(--massage-padding))
}

.table[b-9pfa7pfzab] {
	background-color: white;
}

h2[b-9pfa7pfzab] {
	border: 0;
	margin: 0;
	padding: 0;
	color: black;
	padding: 2rem var(--padding-side) 0 var(--padding-side);
}

[b-9pfa7pfzab] .table-container {
	overflow: unset !important;
}

[b-9pfa7pfzab] table {
	margin: 0;
	border: none;
	border-collapse: separate;
	padding-bottom: 2rem;
}

[b-9pfa7pfzab] thead {
	position: sticky;
	top: 0;
	background-color: white;
	z-index: 1;
}

	[b-9pfa7pfzab] thead th {
		border-bottom: 1px solid #a1a1a1;
	}

[b-9pfa7pfzab] tr:nth-child(odd),
[b-9pfa7pfzab] tr:nth-child(even),
[b-9pfa7pfzab] tr:nth-child(odd):hover,
[b-9pfa7pfzab] tr:nth-child(even):hover {
	background: transparent;
}

[b-9pfa7pfzab] tr td:nth-child(1),
[b-9pfa7pfzab] tr th:nth-child(1) {
	padding-left: var(--padding-side);
}

[b-9pfa7pfzab] tr td:nth-last-child(1),
[b-9pfa7pfzab] tr th:nth-last-child(1) {
	padding-right: var(--padding-side);
}

[b-9pfa7pfzab] th,
[b-9pfa7pfzab] tfoot td {
	padding: 1rem .6rem;
}

[b-9pfa7pfzab] table th:nth-child(1),
[b-9pfa7pfzab] table td:nth-child(1) {
	padding-left: 2rem;
}

[b-9pfa7pfzab] tfoot {
	background-color: unset !important;
	color: black !important;
}

/* _content/Dbo365.Debiteuren/Views/Request/Index.razor.rz.scp.css */
main[b-vz5mur6lcv] {
	--padding-side: 10vw;
	height: 100vh;
	height: 100svh;
	display: grid;
	grid-template-rows: 1fr auto;
}

@media only screen and (max-width: 600px) {
	main[b-vz5mur6lcv] {
		--padding-side: 5vw;
	}
}

section[b-vz5mur6lcv] {
	container-type: inline-size;
}

.chat-container[b-vz5mur6lcv] {
	background-color: #EFEAE2;
	overflow: hidden;
	display: grid;
	grid-template-rows: auto 1fr;
	position: relative;
}

	.chat-container:has(.chat-list)[b-vz5mur6lcv] {
		grid-template-rows: auto 1fr auto;
	}

	.chat-container[b-vz5mur6lcv]::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url('../../images/whatssapp-background-image.png');
		background-repeat: repeat;
		background-position: center;
		opacity: 0.4; /* Adjust the opacity here */
		z-index: 0;
		pointer-events: none;
	}

	.chat-container > *[b-vz5mur6lcv] {
		padding: 0 var(--padding-side) 0 var(--padding-side);
	}

	/* header
----------------------------------------------------------------------- */

	.chat-container > header[b-vz5mur6lcv] {
		background-color: white;
		display: flex;
		gap: 2rem;
		justify-content: space-between;
		align-items: center;
		height: fit-content;
		position: sticky;
		top: 0;
		z-index: 2;
		box-shadow: 0 1px 4px rgba(10, 10, 10, 0.25);
	}

		.chat-container > header p[b-vz5mur6lcv] {
			margin: 0;
			padding: 1.5rem 0;
			line-height: normal;
		}

		.chat-container > header .button-container[b-vz5mur6lcv] {
			display: flex;
			gap: .5rem;
		}

		.chat-container > header[b-vz5mur6lcv]  button {
			display: flex;
			gap: .5rem;
			padding: 1rem;
			margin: 0;
		}

			.chat-container > header[b-vz5mur6lcv]  button:is(:hover, :focus) {
				color: green;
			}

			.chat-container > header[b-vz5mur6lcv]  button svg {
				height: 1lh;
				width: auto;
				fill: black;
			}

			.chat-container > header[b-vz5mur6lcv]  button:is(:hover, :focus) svg {
				fill: green;
			}

@media (prefers-reduced-motion: no-preference) {
	.chat-container > header[b-vz5mur6lcv]  button,
	.chat-container > header[b-vz5mur6lcv]  button svg {
		transition: color .3s ease-in-out, fill .3s ease-in-out;
	}
}

/* Drag and drop upload
----------------------------------------------------------------------- */

.upload[b-vz5mur6lcv] {
	display: flex;
	flex-direction: column;
	overflow-y: scroll;
	scroll-behavior: smooth;
	scrollbar-width: thin;
	scrollbar-color: rgba(0, 0, 0, .2) transparent;
	background-color: white;
	position: relative;
}

	.upload[b-vz5mur6lcv]  .upload {
		height: 100%;
		width: 100%;
		padding: 2rem 0;
	}

	.upload[b-vz5mur6lcv]  label {
		height: 100%;
		width: 100%;
		border: 2px dashed #00b800;
		background-color: #e7ffe7;
		border-radius: 4rem;
		position: unset;
		font-size: 2.5rem;
		color: #006c00;
	}

	/* chat list
----------------------------------------------------------------------- */
	.chat-list[b-vz5mur6lcv] {
		display: flex;
		flex-direction: column;
		overflow-y: scroll;
		scroll-behavior: smooth;
		scrollbar-width: thin;
		scrollbar-color: rgba(0, 0, 0, .2) transparent;
	}

	.chat-list .chat-date[b-vz5mur6lcv] {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}

		.chat-list .chat-date span[b-vz5mur6lcv] {
			padding: .5rem;
			background: white;
			border-radius: .5rem;
			line-height: normal;
			filter: drop-shadow(0 2px 2px #ccc);
		}

.chat-row[b-vz5mur6lcv] {
	margin-bottom: 1.5rem;
	position: relative;
}

.chat-question[b-vz5mur6lcv] {
	margin-left: auto;
}

.chat-text[b-vz5mur6lcv] {
	width: fit-content;
	max-width: 600px;
	padding: 1.5rem 2rem;
	line-height: normal;
	background-color: #fff;
	position: relative;
	filter: drop-shadow(0 2px 2px #ccc);
	border-radius: 1.2rem;
}

.chat-question .chat-text[b-vz5mur6lcv]::before {
	content: '';
	position: absolute;
	top: 0;
	right: -15px;
	border-width: 15px;
	border-style: solid;
	border-color: transparent #fff transparent transparent;
	transform: rotate(270deg);
}

.chat-answer .chat-text[b-vz5mur6lcv]::before {
	content: '';
	position: absolute;
	top: 0;
	left: -15px;
	border-width: 15px;
	border-style: solid;
	border-color: transparent #fff transparent transparent;
	transform: rotate(270deg);
}

.chat-text > div[b-vz5mur6lcv] {
	display: flex;
	flex-wrap: wrap;
}

.chat-text .chat-username[b-vz5mur6lcv] {
	font-weight: bold;
	color: green;
}

.chat-text .chat-time-hidden[b-vz5mur6lcv] {
	visibility: hidden
}

.chat-text .chat-time[b-vz5mur6lcv] {
	float: right;
	margin-top: -5px;
	margin-right: -10px;
	color: #a1a1a1;
	font-size: 12px;
}

/* Massage
----------------------------------------------------------------------- */

.massage[b-vz5mur6lcv] {
	--massage-padding: 10px;
	display: flex;
	align-items: flex-end;
	gap: 1rem;
	padding-bottom: 2rem;
	container: massage-container / inline-size;
}

	.massage .text-container[b-vz5mur6lcv] {
		display: grid;
		grid-template-areas: "textarea textarea textarea"
			"option-btn . submit-btn";
		grid-template-columns: auto 1fr auto;
		grid-template-rows: 1fr auto;
		column-gap: .5rem;
		position: relative;
		line-height: normal;
		width: 100%;
		border-radius: 1.2rem;
		border: 1px solid #ddd;
		background-color: white;
		box-shadow: 0 1px 6px rgba(0,0,0,0.12);
		overflow: hidden;
	}

		.massage .text-container .option-btn-container[b-vz5mur6lcv] {
			grid-column: option-btn;
		}

		.massage .text-container .submit-btn-container[b-vz5mur6lcv] {
			grid-column: submit-btn;
			height: fit-content;
		}

.information-request-list[b-vz5mur6lcv] {
	background-color: white;
	border-radius: .6rem;
	overflow: auto;
	border: 1px solid #ccc;
	box-shadow: 0 2px 5px rgba(11, 20, 26, .26), 0 2px 10px rgba(11, 20, 26, .16);
}

[b-vz5mur6lcv] .information-request-btn {
	padding: 1.5rem;
	display: flex;
	gap: 1rem;
	width: 100%;
}

	[b-vz5mur6lcv] .information-request-btn:hover {
		background-color: rgba(0,0,0,0.05);
	}

.textarea-container[b-vz5mur6lcv] {
	--massage-textarea-padding: calc(var(--massage-padding) * 2);
	grid-area: textarea;
	display: grid;
	gap: 1rem;
	padding: var(--massage-textarea-padding);
	padding-inline: calc(var(--massage-textarea-padding) + calc((1lh - 1ex) / 2));
	border-bottom: 1px solid rgba(0,0,0,0.1);
	scrollbar-width: thin;
	scrollbar-color: rgba(0, 0, 0, .2) transparent;
	max-height: calc(10lh + 2px + 2 * var(--massage-textarea-padding));
	overflow-y: auto;
}

.massage textarea[b-vz5mur6lcv] {
	width: 100%;
	height: fit-content;
	min-height: calc(8lh + 2 * var(--massage-textarea-padding));
	line-height: normal;
	resize: none;
	border: none;
	padding: 0;
}

	.massage textarea[b-vz5mur6lcv]::placeholder {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: normal;
	}

@supports (field-sizing: content) {
	.massage textarea[b-vz5mur6lcv] {
		min-height: calc(1lh + 2px + 2 * var(--massage-textarea-padding));
		min-height: 1lh;
		field-sizing: content;
	}
}

.massage .option-btn-container[b-vz5mur6lcv]{
	display: flex;
}

	.massage .option-btn-container[b-vz5mur6lcv]  .upload label .upload-layout {
		all: revert;
		display: flex;
		gap: 1rem;
		padding: calc(var(--massage-padding) + .5rem) calc(2px + var(--massage-padding) + .5rem);
		position: relative;
		cursor: pointer;
	}


	.massage .option-btn-container[b-vz5mur6lcv]  .upload label svg {
		height: 1lh;
		width: auto;
		fill: black;
	}

@media (prefers-reduced-motion: no-preference) {
	.massage .option-btn-container[b-vz5mur6lcv]  .upload label svg {
		transition: fill .3s ease-in-out;
	}
}

[b-vz5mur6lcv] .upload-file-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: .5rem;
}

	[b-vz5mur6lcv] .upload-file-list li {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: unset;
		border: 2px solid rgba(0,0,0,0.2);
		background-color: rgba(0,0,0,0.05);
		border-radius: .6rem;
	}

	[b-vz5mur6lcv] .upload-file-list li:hover {
		border: 2px solid #34ff34;
		background-color: #f8fff8;
	}

		[b-vz5mur6lcv] .upload-file-list li .uploaded {
			padding: .5rem 1rem;
		}

@media (prefers-reduced-motion: no-preference) {
	[b-vz5mur6lcv] .upload-file-list li {
		transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
	}
}

[b-vz5mur6lcv] .upload-file-list button {
	all: revert;
	background-color: transparent;
	border: unset;
	padding: 1rem calc(1rem + 2px);
	cursor: pointer;
	line-height: normal;
	display: grid;
	align-items: center;
	justify-content: center;
	margin-top: 1px;
	margin-right: 1px;
}

	[b-vz5mur6lcv] .upload-file-list button svg {
		height: 1lh;
		width: auto;
	}

	[b-vz5mur6lcv] .upload-file-list button:is(:hover, :focus) svg path {
		fill: red;
	}

@media (prefers-reduced-motion: no-preference) {
	[b-vz5mur6lcv] .upload-file-list button svg path {
		transition: fill .3s ease-in-out;
	}
}

.massage .button-container[b-vz5mur6lcv] {
	display: flex;
	flex-direction: row;
	white-space: nowrap;
	gap: .5rem;
	border-radius: .6rem;
	padding: .5rem;
}

.massage[b-vz5mur6lcv]  .Toggle-request-status-btn svg {
	transform: rotate(90deg);
	transition: .2s ease-in-out
}

.massage[b-vz5mur6lcv]  .Toggle-request-status-btn.open svg {
	transform: rotate(-90deg);
}

.massage .button-container[b-vz5mur6lcv]  > * {
	display: flex;
	padding: 1rem;
}

[b-vz5mur6lcv] button.primary {
	white-space: nowrap;
	gap: .5rem;
	min-height: calc(1lh + 2px + 2 * var(--massage-padding))
}

[b-vz5mur6lcv] .button-container button.primary:nth-child(2) {
	height: 100%;
	width: auto;
}

@container (max-width: 900px) {
	.massage[b-vz5mur6lcv] {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		grid-template-columns: unset;
	}
}

[b-vz5mur6lcv] .save-setting-popover {
	list-style: none;
	width: 100%;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	border: 1px solid #caced1;
	border-radius: .6rem;
	padding: 10px;
	max-height: 250px;
	overflow-y: auto;
	transition: all 0.5s ease-in-out;
}

	[b-vz5mur6lcv] .save-setting-popover li {
		position: relative;
		cursor: pointer;
		display: flex;
		gap: 1rem;
		align-items: center;
	}


		[b-vz5mur6lcv] .save-setting-popover li button {
			width: 100%;
			padding: 8px 10px;
			cursor: pointer;
			line-height: normal;
			overflow-wrap: break-word;
			word-wrap: break-word;
			hyphens: auto;
		}

.table[b-vz5mur6lcv] {
	background-color: white;
}

h2[b-vz5mur6lcv] {
	border: 0;
	margin: 0;
	padding: 0;
	color: black;
	padding: 2rem var(--padding-side) 0 var(--padding-side);
}

[b-vz5mur6lcv] .table-container {
	overflow: unset !important;
}


[b-vz5mur6lcv] td:nth-child(1),
[b-vz5mur6lcv] th:nth-child(1) {
	padding-left: var(--padding-side);
}

[b-vz5mur6lcv] td:nth-last-child(1),
[b-vz5mur6lcv] th:nth-last-child(1) {
	padding-right: var(--padding-side);
}


@container (max-width: 1145px) {
	[b-vz5mur6lcv] .table-container {
		overflow: auto !important;
	}
}

[b-vz5mur6lcv] .popover-cascading-value {
	display: contents !important;
}

[b-vz5mur6lcv] .sendAs {
	display: grid;
	text-align: left
}

	[b-vz5mur6lcv] .sendAs > * {
		grid-row: 1/2;
		grid-column: 1/2;
	}

[b-vz5mur6lcv] .hiddenStatus {
	visibility: hidden;
}
/*@container (max-width: 650px) {
	::deep tbody {
		display: flex;
		flex-direction: column;
		gap: 3 rem;
	}

	::deep thead {
		display: none;
	}

	::deep tr {
		display: flex;
		flex-direction: column;
		min-width: 250px;
		flex: 1;
	}

		::deep tr td {
			display: flex;
			padding: .5rem 1rem;
		}

			::deep tr td:nth-child(1),
			::deep tr td:nth-last-child(1) {
				padding: .5rem 1rem;
			}

			::deep tr td::before {
				content: attr(data-name);*/ /* Dynamically insert data-name attribute */
/*font-weight: bold;
				width: 50%;
				text-align: left;
			}
}*/

.save-setting-popover[b-vz5mur6lcv] {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	border: 1px solid #caced1;
	padding: 1rem;
	margin: .8rem 0;
	box-sizing: border-box;
	border-radius: .6rem;
	display: grid;
}

	.save-setting-popover[b-vz5mur6lcv]  button {
		background-color: transparent;
		border: unset;
		border-radius: 0;
		width: 100%;
		line-height: normal;
		color: black;
		text-align: left;
		padding: .8rem calc(1.2rem - .5rem);
	}

		.save-setting-popover[b-vz5mur6lcv]  button:is(:hover, :focus) {
			background-color: #dfdfdf;
		}

.send-reaction[b-vz5mur6lcv] {
	display: flex;
	align-items: center;
	justify-content: center;
}

	.send-reaction > *[b-vz5mur6lcv] {
		padding: 2rem;
		background-color: white;
		width: fit-content;
		margin: 1rem;
		border-radius: .5rem;
		line-height: normal;
		box-shadow: 0 4px 8px rgba(0,0,0,0.2);
	}

	.send-reaction p[b-vz5mur6lcv] {
		margin: 0;
	}

.table[b-vz5mur6lcv] {
	max-height: 40vh;
	display: grid;
	overflow: hidden;
}

	.table[b-vz5mur6lcv]  .table-container {
		overflow: auto !important;
		scrollbar-width: thin;
		scrollbar-color: rgba(0, 0, 0, .2) transparent;
		height: 100%;
	}
/* _content/Dbo365.Debiteuren/Views/RFBatch/RFDropoutInvoice.razor.rz.scp.css */
.page-wrapper[b-fn1ied47hh] {
	display: contents;
}

	.page-wrapper .accordion[b-fn1ied47hh], .page-wrapper[b-fn1ied47hh]  .accordion li:not(.active) button {
		color: white;
	}

	.page-wrapper[b-fn1ied47hh]  .accordion li button {
		border: 2px solid transparent;
		padding: 5px 10px;
	}

[b-fn1ied47hh] .table-responsive {
	max-height: 75vh;
}

	[b-fn1ied47hh] .table-responsive table {
		margin: 0;
	}

@media only screen and (min-width: 1140px) {
	[b-fn1ied47hh] .table-responsive {
		overflow: auto;
	}

		[b-fn1ied47hh] .table-responsive table thead {
			--nav-height: 0;
			position: sticky;
			top: var(--nav-height);
			background-color: white;
			box-shadow: 0 -1px 0 2px #ddd;
		}
}
/* _content/Dbo365.Debiteuren/Views/RFBatch/RFTabPage.razor.rz.scp.css */
.data-failure[b-kerq62ke8z] {
	background-color: #fbe4d5;
}
/* _content/Dbo365.Debiteuren/Views/RotterdamFactoring/Components/RotterdamFactoringTimePickerModal.razor.rz.scp.css */
p[b-3vs901y9mj] {
	margin-bottom: 0;
}

.dialog-modal-bottom[b-3vs901y9mj] {
	margin-top: 10px;
}
/* _content/Dbo365.Debiteuren/Views/RotterdamFactoring/CurrentFormule.razor.rz.scp.css */
.title-container[b-92d7xre56j] {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	margin-bottom: 2.5rem;
}

.open-invoices[b-92d7xre56j] {
	color: black;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	border-radius: 10px;
	background: var(--tertiary, #F4F5EE);
}

.open-invoices button[b-92d7xre56j] {
    display: flex;
    text-wrap: nowrap;
    gap: 10px;
    box-shadow: none;
    border: none;
    border-radius: 5px;
    background-color: white;
    color: black;
	fill: black;
	margin-bottom: 0;
}

.open-invoices button:hover[b-92d7xre56j] {
	background-color: #333;
	color: #fff;
	fill: white;
}

.open-invoices button:hover svg path[b-92d7xre56j] {
	background-color: #333;
	color: #fff;
	fill: white;
}


	.open-invoices p[b-92d7xre56j] {
		margin: 0;
		margin-block-start: 1em;
		margin-block-end: 1em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		min-width: max(15ch, min(26ch, 100%));
		text-wrap: nowrap;
	}

	.open-invoices a[b-92d7xre56j] {
		padding: 5px 20px;
		border-radius: 50px;
		background: var(--secondary, #D1F951);
		color: var(--dark-gray, #232322);
	}

		.open-invoices a:hover[b-92d7xre56j] {
			background-color: #333;
			color: #fff;
		}

.fa[b-92d7xre56j] {
	color: black;
}


.hover-background:hover[b-92d7xre56j] {
	background-color: var(--secondary, #D1F951) !important;
}


:deep #RotterdamFactoringReportTable-tfoot :deep[b-92d7xre56j] {
	background-color: transparent;
}
/* _content/Dbo365.Debiteuren/Views/RotterdamFactoring/RotterdamFactoringAccepted.razor.rz.scp.css */
.title-container[b-nwvqdh8bm7] {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	margin-bottom: 2.5rem;
}

.open-invoices[b-nwvqdh8bm7] {
	color: black;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	border-radius: 10px;
	background: var(--tertiary, #F4F5EE);
}

.open-invoices button[b-nwvqdh8bm7] {
    display: flex;
    text-wrap: nowrap;
    gap: 10px;
    box-shadow: none;
    border: none;
    border-radius: 5px;
    background-color: white;
    color: black;
	fill: black;
	margin-bottom: 0;
}

.open-invoices button:hover[b-nwvqdh8bm7] {
	background-color: #333;
	color: #fff;
	fill: white;
}

.open-invoices button:hover svg path[b-nwvqdh8bm7] {
	background-color: #333;
	color: #fff;
	fill: white;
}


	.open-invoices p[b-nwvqdh8bm7] {
		margin: 0;
		margin-block-start: 1em;
		margin-block-end: 1em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		min-width: max(15ch, min(26ch, 100%));
		text-wrap: nowrap;
	}

	.open-invoices a[b-nwvqdh8bm7] {
		padding: 5px 20px;
		border-radius: 50px;
		background: var(--secondary, #D1F951);
		color: var(--dark-gray, #232322);
	}

		.open-invoices a:hover[b-nwvqdh8bm7] {
			background-color: #333;
			color: #fff;
		}

.fa[b-nwvqdh8bm7] {
	color: black;
}


.hover-background:hover[b-nwvqdh8bm7] {
	background-color: var(--secondary, #D1F951) !important;
}


:deep #RotterdamFactoringReportTable-tfoot :deep[b-nwvqdh8bm7] {
	background-color: transparent;
}
/* _content/Dbo365.Debiteuren/Views/RotterdamFactoring/RotterdamFactoringPending.razor.rz.scp.css */
.title-container[b-5bajuujltd] {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	margin-bottom: 2.5rem;
}

.open-invoices[b-5bajuujltd] {
	color: black;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	border-radius: 10px;
	background: var(--tertiary, #F4F5EE);
}

.open-invoices button[b-5bajuujltd] {
    display: flex;
    text-wrap: nowrap;
    gap: 10px;
    box-shadow: none;
    border: none;
    border-radius: 5px;
    background-color: white;
    color: black;
	fill: black;
	margin-bottom: 0;
}

.open-invoices button:hover[b-5bajuujltd] {
	background-color: #333;
	color: #fff;
	fill: white;
}

.open-invoices button:hover svg path[b-5bajuujltd] {
	background-color: #333;
	color: #fff;
	fill: white;
}


	.open-invoices p[b-5bajuujltd] {
		margin: 0;
		margin-block-start: 1em;
		margin-block-end: 1em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		min-width: max(15ch, min(26ch, 100%));
		text-wrap: nowrap;
	}

	.open-invoices a[b-5bajuujltd] {
		padding: 5px 20px;
		border-radius: 50px;
		background: var(--secondary, #D1F951);
		color: var(--dark-gray, #232322);
	}

		.open-invoices a:hover[b-5bajuujltd] {
			background-color: #333;
			color: #fff;
		}

.fa[b-5bajuujltd] {
	color: black;
}


.hover-background:hover[b-5bajuujltd] {
	background-color: var(--secondary, #D1F951) !important;
}


:deep #RotterdamFactoringReportTable-tfoot :deep[b-5bajuujltd] {
	background-color: transparent;
}

button[b-5bajuujltd] {
	box-shadow: none;
	border: none;

	align-self: center;
	margin-top: auto;
	border-radius: 50px;
	background: var(--secondary, #D1F951);
	color: black;
	text-transform: uppercase;
	padding: 5px 10px;
}

button:hover[b-5bajuujltd] {
	background-color: var(--primary-hover, #071308);
	color: white;
}
/* _content/Dbo365.Debiteuren/Views/RotterdamFactoring/RotterdamFactoringReport.razor.rz.scp.css */
.title-container[b-bnz9z2qk08] {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	margin-bottom: 2.5rem;
}

.open-invoices[b-bnz9z2qk08] {
	color: black;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	border-radius: 10px;
	background: var(--tertiary, #F4F5EE);
}

	.open-invoices button[b-bnz9z2qk08] {
		display: flex;
		text-wrap: nowrap;
		gap: 10px;
		box-shadow: none;
		border: none;
		border-radius: 5px;
		background-color: white;
		color: black;
		fill: black;
		margin-bottom: 0;
	}

		.open-invoices button:hover[b-bnz9z2qk08] {
			background-color: #333;
			color: #fff;
			fill: white;
		}

			.open-invoices button:hover svg path[b-bnz9z2qk08] {
				background-color: #333;
				color: #fff;
				fill: white;
			}


	.open-invoices p[b-bnz9z2qk08] {
		margin: 0;
		margin-block-start: 1em;
		margin-block-end: 1em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		min-width: max(15ch, min(26ch, 100%));
		text-wrap: nowrap;
	}

	.open-invoices a[b-bnz9z2qk08] {
		padding: 5px 20px;
		border-radius: 50px;
		background: var(--secondary, #D1F951);
		color: var(--dark-gray, #232322);
	}

		.open-invoices a:hover[b-bnz9z2qk08] {
			background-color: #333;
			color: #fff;
		}

.fa[b-bnz9z2qk08] {
	color: black;
}


.hover-background:hover[b-bnz9z2qk08] {
	background-color: var(--secondary, #D1F951) !important;
}


:deep #RotterdamFactoringReportTable-tfoot :deep[b-bnz9z2qk08] {
	background-color: transparent;
}

@media only screen and (min-width: 1140px) {
	[b-bnz9z2qk08] .table-container {
		overflow: unset !important;
	}

		[b-bnz9z2qk08] .table-container table thead {
			--nav-height: 106px;
			position: sticky;
			top: var(--nav-height);
			background-color: #F3F4F1;
		}
}
/* _content/Dbo365.Debiteuren/Views/RotterdamFactoringCreditInsurance/RotterdamFactoringCreditInsuranceReport.razor.rz.scp.css */
.title-container[b-a3cnripa2e] {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	margin-bottom: 2.5rem;
}

.open-invoices[b-a3cnripa2e] {
	color: black;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	border-radius: 10px;
	background: var(--tertiary, #F4F5EE);
}

.open-invoices button[b-a3cnripa2e] {
    display: flex;
    text-wrap: nowrap;
    gap: 10px;
    box-shadow: none;
    border: none;
    border-radius: 5px;
    background-color: white;
    color: black;
	fill: black;
	margin-bottom: 0;
}

.open-invoices button:hover[b-a3cnripa2e] {
	background-color: #333;
	color: #fff;
	fill: white;
}

.open-invoices button:hover svg path[b-a3cnripa2e] {
	background-color: #333;
	color: #fff;
	fill: white;
}


	.open-invoices p[b-a3cnripa2e] {
		margin: 0;
		margin-block-start: 1em;
		margin-block-end: 1em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		min-width: max(15ch, min(26ch, 100%));
		text-wrap: nowrap;
	}

	.open-invoices a[b-a3cnripa2e] {
		padding: 5px 20px;
		border-radius: 50px;
		background: var(--secondary, #D1F951);
		color: var(--dark-gray, #232322);
	}

		.open-invoices a:hover[b-a3cnripa2e] {
			background-color: #333;
			color: #fff;
		}

.fa[b-a3cnripa2e] {
	color: black;
}


.hover-background:hover[b-a3cnripa2e] {
	background-color: var(--secondary, #D1F951) !important;
}


:deep #RotterdamFactoringReportTable-tfoot :deep[b-a3cnripa2e] {
	background-color: transparent;
}


@media only screen and (min-width: 1140px) {
	[b-a3cnripa2e] .table-container {
		overflow: unset !important;
	}

		[b-a3cnripa2e] .table-container table thead {
			--nav-height: 106px;
			position: sticky;
			top: var(--nav-height);
			background-color: #F3F4F1;
		}
}
/* _content/Dbo365.Debiteuren/Views/SalesEntity/SalesEntityForm.razor.rz.scp.css */
/* _content/Dbo365.Debiteuren/Views/SalesEntity/SalesEntityLayout.razor.rz.scp.css */
[b-thxlmcw2zh] p {
	margin: 0;
	padding: 0;
	line-height: normal;
}

[b-thxlmcw2zh] main {
	--side-padding: 5vw;
	--border-dark: 1px solid gray;
	--border-light: 1px solid #ccc;
	--layout-gap: 4rem;
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: [page-start] auto [break-start] 5vw [content-start] minmax(0, calc(1920px - 10vw)) [content-end] 5vw [break-end] auto [page-end];
	background-color: #F9F9F9;
	container-name: main-layout;
	container-type: inline-size;
}

	[b-thxlmcw2zh] main > header {
		grid-column: page;
		display: grid;
		grid-template-columns: inherit;
		background-color: white;
		border-bottom: var(--border-light);
	}

		[b-thxlmcw2zh] main > header > * {
			grid-column: content;
		}

	[b-thxlmcw2zh] main .page-content {
		--max-width: unset;
		grid-column: content;
		display: grid;
		grid-template-columns: 1fr;
		padding-top: 3rem;
		gap: var(--layout-gap);
		container-name: Page-content;
		container-type: inline-size;
	}

		[b-thxlmcw2zh] main .page-content > * {
			display: flex;
			flex-direction: column;
			gap: var(--layout-gap);
		}

			[b-thxlmcw2zh] main .page-content > * > section:not(.container-item-pdf):not(.container-item-final-buttons) {
				background-color: white;
				border-radius: .6rem;
				border: 1px solid rgba(0,0,0,.2);
				box-shadow: 0 0 15px rgba(0,0,0,.2);
				container-type: inline-size;
				gap: 0;
			}

				[b-thxlmcw2zh] main .page-content > * > section:not(.container-item-pdf):not(.container-item-final-buttons) > div {
					padding: 2rem;
				}

	[b-thxlmcw2zh] main .pdf-container {
		display: none;
	}

[b-thxlmcw2zh] .form-block-container {
	display: flex;
	gap: 15px;
	flex-direction: column;
	container-type: inline-size;
}

	[b-thxlmcw2zh] .form-block-container:has(.custom-select button[aria-expanded]) {
		z-index: 2;
	}

	[b-thxlmcw2zh] .form-block-container .form {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

/* -------------------- Tables -------------------- */

/* -------------------- Tables generic -------------------- */

[b-thxlmcw2zh] .table-container {
	margin: 0;
	container-name: Table-container;
	container-type: inline-size;
}

	[b-thxlmcw2zh] .table-container table {
		border: none;
		margin: 0;
	}

[b-thxlmcw2zh] table {
	border: none;
}

	[b-thxlmcw2zh] table,
	[b-thxlmcw2zh] table tbody,
	[b-thxlmcw2zh] table tbody tr,
	[b-thxlmcw2zh] table tbody tr:hover,
	[b-thxlmcw2zh] table tbody tr td {
		background-color: transparent;
	}

		[b-thxlmcw2zh] table thead th {
			padding: .6rem .6rem 1rem .6rem;
			line-height: normal;
		}

		[b-thxlmcw2zh] table tr td {
			border: none;
			line-height: normal;
		}

		[b-thxlmcw2zh] table tbody tr {
			border-top: 1px solid rgba(0,0,0,.2);
		}

[b-thxlmcw2zh] td .DebEditor {
	--input-padding: .8rem;
}

[b-thxlmcw2zh] td input {
	/*	min-width: 75px;*/
	padding: 8px 5px;
	width: 100%;
	min-width: unset;
}

/* -------------------- Table cells + table cell interactive element -------------------- */

[b-thxlmcw2zh] .TableArticleNumber {
	min-width: 75px;
}

	[b-thxlmcw2zh] .TableArticleNumber .custom-select {
		min-width: unset;
	}

		[b-thxlmcw2zh] .TableArticleNumber .custom-select input {
			padding: 8px 5px;
			border: 1px solid rgba(0,0,0,.2);
		}

[b-thxlmcw2zh] .TableQuantity {
	min-width: calc(4ch + (.6rem * 2) + (.8rem * 2) + 1px);
}

[b-thxlmcw2zh] .TableInvoiceDate {
	max-width: 13rem;
}

[b-thxlmcw2zh] .TableDueDate {
	max-width: 13rem;
}

[b-thxlmcw2zh] .TableDescription {
	width: 100%;
}

[b-thxlmcw2zh] .TableAmount {
	min-width: calc(10ch + 1.8rem);
}

	[b-thxlmcw2zh] .TableAmount .currency {
		gap: .5rem;
	}

		[b-thxlmcw2zh] .TableAmount .currency .currency-symbol {
			padding-left: .5rem;
			width: fit-content;
		}

[b-thxlmcw2zh] .TableVat {
	min-width: 150px;
}

[b-thxlmcw2zh] .TableUnitPrice {
	min-width: calc(11ch + 1.9rem);
}

	[b-thxlmcw2zh] .TableUnitPrice input {
		border-color: rgba(0,0,0,.2);
	}

[b-thxlmcw2zh] .TableUnitPriceInclVat,
[b-thxlmcw2zh] .TableTotalAmount {
	min-width: calc(12ch + 1.9rem);
	text-align: right;
}

	[b-thxlmcw2zh] .TableUnitPriceInclVat input,
	[b-thxlmcw2zh] .TableUnitPrice input {
		border-color: rgba(0,0,0,.2);
		border-radius: .6rem;
	}

[b-thxlmcw2zh] .TableDiscount {
	min-width: 8rem;
	text-align: right;
}

	[b-thxlmcw2zh] .TableDiscount .percentage {
		gap: .5rem;
	}

		[b-thxlmcw2zh] .TableDiscount .percentage .percentage-symbol {
			width: fit-content;
			padding-right: .6rem;
		}

[b-thxlmcw2zh] .TableUnitPrice input[disabled],
[b-thxlmcw2zh] .TableUnitPriceInclVat input[disabled],
[b-thxlmcw2zh] .TableTotalAmount input[disabled] {
	border: none;
	background-color: transparent;
}

[b-thxlmcw2zh] .TableDelete button {
	all: revert;
	display: flex;
	padding: .8rem;
	width: fit-content;
	gap: .5rem;
	position: relative;
	border: unset;
	background-color: transparent;
	cursor: pointer;
	align-content: center;
}

	[b-thxlmcw2zh] .TableDelete button svg {
		height: 1lh;
		line-height: normal;
		width: auto;
	}

	[b-thxlmcw2zh] .TableDelete button:is(:hover, :focus) svg path {
		fill: red;
	}

/* -------------------- Table interactive elements custom hover and focus -------------------- */

[b-thxlmcw2zh] .TableUnitPriceInclVat input:hover,
[b-thxlmcw2zh] .TableUnitPrice input:hover,
[b-thxlmcw2zh] .TableArticleNumber .custom-select input:hover {
	border-color: rgba(0,0,0,.7);
}

[b-thxlmcw2zh] .TableUnitPriceInclVat input:focus,
[b-thxlmcw2zh] .TableUnitPrice input:focus,
[b-thxlmcw2zh] .TableArticleNumber .custom-select:focus-within {
	outline: auto;
}

/* -------------------- Table footer -------------------- */

[b-thxlmcw2zh] tfoot .tableAddRowButton {
	padding: 1rem;
	vertical-align: top;
}

[b-thxlmcw2zh] tfoot .add-row-btn svg {
	height: 1lh;
	line-height: normal;
	width: auto;
}

[b-thxlmcw2zh] tfoot .rows-newline:nth-child(1) {
	border-top: 1px solid rgba(0,0,0,.2);
}

[b-thxlmcw2zh] tfoot .rows-total-description,
[b-thxlmcw2zh] tfoot .rows-total-value {
	border-top: 1px solid rgba(0,0,0,.2);
}

[b-thxlmcw2zh] tfoot td {
	text-align: right;
}

@media (prefers-reduced-motion: no-preference) {
	[b-thxlmcw2zh] .TableDelete button svg path {
		transition: fill .2s ease;
	}

	[b-thxlmcw2zh] .TableUnitPriceInclVat input, [b-thxlmcw2zh] .TableUnitPrice input, [b-thxlmcw2zh] .TableArticleNumber .custom-select input {
		transition: border-color .3s ease-in-out;
	}
}

/* -------------------- AttachmentCreateOrEditForm -------------------- */

[b-thxlmcw2zh] .upload {
	width: unset;
}

	[b-thxlmcw2zh] .upload label {
		margin: 0;
	}

/* -------------------- Form buttons -------------------- */

[b-thxlmcw2zh] .form-buttons {
	display: flex;
	justify-content: space-between;
	gap: 5px;
	padding: 0 0 2rem 0;
}

	[b-thxlmcw2zh] .form-buttons .buttons {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
		height: fit-content;
		justify-content: flex-end;
	}

		[b-thxlmcw2zh] .form-buttons .buttons button {
			min-width: fit-content;
			flex: 1 !important;
		}

/* -------------------- pdf Form buttons -------------------- */

[b-thxlmcw2zh] .pdf-buttons {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

	[b-thxlmcw2zh] .pdf-buttons .button-top {
		display: flex;
		justify-content: space-between;
		gap: 5px;
		flex-wrap: wrap;
	}

		[b-thxlmcw2zh] .pdf-buttons .button-top > * {
			display: flex;
			justify-content: space-between;
			gap: 5px;
		}

	[b-thxlmcw2zh] .pdf-buttons .status {
		--status-color: #ccc;
		color: var(--dark-color, #020202);
		padding: .8rem 1.2rem;
		border-radius: .6rem;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--status-color);
		line-height: normal;
	}

	[b-thxlmcw2zh] .pdf-buttons .open {
		--status-color: #FFD874;
	}

	[b-thxlmcw2zh] .pdf-buttons .expired {
		--status-color: #FF7474;
	}

	[b-thxlmcw2zh] .pdf-buttons .confirmed {
		--status-color: #87FF74;
	}

		[b-thxlmcw2zh] .pdf-buttons .Superuser-button button {
			all: initial;
			cursor: pointer;
			height: calc(1lh + .8rem + .8rem);
			width: calc(1lh + .8rem + .8rem);
			background-color: #FFC3F2;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: .6rem;
		}

			[b-thxlmcw2zh] .pdf-buttons .Superuser-button button:hover {
				background-color: #EAA8DC;
			}


			[b-thxlmcw2zh] .pdf-buttons .Superuser-button button svg {
				height: calc(1lh + .5rem);
				width: auto;
			}

/* -------------------- Pdf -------------------- */

[b-thxlmcw2zh] .pdf-content-container {
	--spaceing-top: 1rem;
	--spaceing-right: 2rem;
	--spaceing-bottom: 1rem;
	--height: auto;
	position: sticky;
	top: 0;
	/*	
		Old styling for life pdf update
		padding: var(--spaceing-top) var(--spaceing-right) var(--spaceing-bottom) var(--spaceing-left);
		margin: 0 calc(-1 * var(--spaceing-right)) 0 calc(-1 * var(--spaceing-left));
	*/
	padding: var(--spaceing-top) var(--spaceing-right) var(--spaceing-bottom) 0;
	margin: calc(-1 * var(--spaceing-top)) calc(-1 * var(--spaceing-right)) calc(-1 * var(--spaceing-bottom)) 0;
	overflow-y: auto;
	height: var(--height);
	max-height: 100vh;
	max-height: 100svh;
	filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.25));
}

	/*
		mogelijke fix als pdf jitterd on page scroll 
		
		.get-dynamic-height-to-bottom-screen {
		height: var(--height);
		position: sticky;
		top: 0;
		}
	*/

	[b-thxlmcw2zh] .pdf-content-container::-webkit-scrollbar {
		width: 7px;
	}

	[b-thxlmcw2zh] .pdf-content-container::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
		margin-top: var(--spaceing-top);
		margin-bottom: var(--spaceing-bottom);
	}

	[b-thxlmcw2zh] .pdf-content-container::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		[b-thxlmcw2zh] .pdf-content-container::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}

[b-thxlmcw2zh] .pdf-container {
	--a4-base-with: 169mm;
}

@container Table-container (width < 95rem) {
	[b-thxlmcw2zh] table thead {
		display: none;
	}

	[b-thxlmcw2zh] table tbody tr {
		display: grid;
		grid-template-columns: 32rem 1fr;
		column-gap: 2rem;
		max-width: 80rem;
		border: 1px solid rgba(0,0,0,.2);
		border-radius: .6rem;
		overflow: hidden;
		margin-bottom: 1rem;
	}

	[b-thxlmcw2zh] table tbody td[data-label]::before {
		content: attr(data-label);
		display: block;
		font-weight: 600;
		text-align: left;
	}

	[b-thxlmcw2zh] table tbody tr td.TableIndexNumber {
		display: grid;
		grid-auto-flow: column;
		grid-template-columns: auto 1fr;
		column-gap: 1rem;
		grid-column: span 2;
		background-color: rgba(0,0,0,.1);
		padding: 1rem 2rem;
		margin-bottom: 1rem;
	}

	[b-thxlmcw2zh] table tbody tr td:not(.TableIndexNumber) {
		padding: .6rem 2rem;
		position: relative;
		grid-column: span 2;
		display: grid;
		grid-template-columns: subgrid;
		align-items: center;
	}

	[b-thxlmcw2zh] table tbody td input,
	[b-thxlmcw2zh] table tbody td button {
		padding: 1rem !important;
	}

	[b-thxlmcw2zh] table .TableDelete div:has( > button) {
		grid-column: 2/3;
		margin-bottom: 1rem;
	}

	[b-thxlmcw2zh] table .TableDelete button {
		margin-left: auto;
		background-color: #FB8484;
		border-radius: .6rem;
		padding: .8rem 1.2rem;
	}

		[b-thxlmcw2zh] table .TableDelete button:is(:hover, :focus) svg path {
			fill: black;
		}

		[b-thxlmcw2zh] table .TableDelete button:is(:hover, :focus) {
			background-color: #F95151;
		}

		[b-thxlmcw2zh] table .TableDelete button::before {
			content: attr(data-label);
			display: block;
			text-align: left;
		}

	[b-thxlmcw2zh] table tfoot {
		display: grid;
		grid-template-columns: 1fr auto auto;
		max-width: 80rem;
	}

		[b-thxlmcw2zh] table tfoot tr {
			display: grid;
			grid-column: span 3;
			grid-template-columns: subgrid;
		}

			[b-thxlmcw2zh] table tfoot tr.rows-newline{
				border: none !important;
			}

			[b-thxlmcw2zh] table tfoot tr td {
				display: grid;
				height: calc(1lh + 1rem + .8rem + 1rem + .8rem);
				align-items: center;
			}

			[b-thxlmcw2zh] table tfoot tr:not(:nth-child(1)) td:nth-child(1) {
				grid-column: 2/3;
			}

			[b-thxlmcw2zh] table tfoot tr:not(:nth-child(1)) td:nth-child(2) {
				grid-column: 3/4;
			}

	@media (prefers-reduced-motion: no-preference) {
		[b-thxlmcw2zh] table .TableDelete button {
			transition: background-color .3s ease-in-out;
		}
	}
}

@container Table-container (width < 67rem) {
	[b-thxlmcw2zh] table tbody tr {
		grid-template-columns: 1fr 1fr;
	}
}

@container Table-container (width < 45rem) {
	[b-thxlmcw2zh] table tbody tr {
		grid-template-columns: 1fr;
	}

		[b-thxlmcw2zh] table tbody tr td.TableIndexNumber {
			grid-column: span 1;
		}

		[b-thxlmcw2zh] table tbody tr td:not(.TableIndexNumber) {
			grid-column: span 1;
			row-gap: .5rem;
		}

	[b-thxlmcw2zh] table tbody .TableTotalAmount input {
		text-align: left
	}

	[b-thxlmcw2zh] table tfoot {
		grid-template-rows: auto auto;
		grid-template-columns: auto auto;
	}

		[b-thxlmcw2zh] table tfoot tr {
			grid-column: span 2;
		}

			[b-thxlmcw2zh] table tfoot tr:nth-child(1) td:nth-child(1) {
				grid-row: 1/2;
				grid-column: 1/3;
			}

			[b-thxlmcw2zh] table tfoot tr:nth-child(1) td:nth-child(2) {
				grid-row: 2/3;
				grid-column: 1/2;
			}

			[b-thxlmcw2zh] table tfoot tr:nth-child(1) td:nth-child(3) {
				grid-row: 2/3;
				grid-column: 2/3;
			}

			[b-thxlmcw2zh] table tfoot tr:not(:nth-child(1)) td:nth-child(1) {
				grid-column: 1/2;
			}

			[b-thxlmcw2zh] table tfoot tr:not(:nth-child(1)) td:nth-child(2) {
				grid-column: 2/3;
			}

			[b-thxlmcw2zh] table tfoot tr td:not(:nth-last-child(1)) {
				text-align: left;
			}
}

@container main-layout (width > 130rem) {
	[b-thxlmcw2zh] main .page-content {
		grid-template-columns: 100rem 1fr;
	}
}

@container Page-content (width > 145rem) {
	[b-thxlmcw2zh] main .pdf-container {
		display: flex;
	}

	[b-thxlmcw2zh] main .container-item-pdf {
		grid-area: pfd;
		display: flex;
		flex-direction: column;
		gap: 3rem;
		height: 100%;
	}
}

@media (min-width: 1920px) {
	[b-thxlmcw2zh] main {
		grid-template-columns: [page-start] auto [break-start] 5vw [content-start] minmax(0, 1920px) [content-end] 5vw [break-end] auto [page-end];
	}
}

[b-thxlmcw2zh] .height-container {
	display: flex;
	flex-direction: column;
}

	[b-thxlmcw2zh] .height-container .expander .new-layout-container {
		margin-top: 1rem;
	}

[b-thxlmcw2zh] .textarea.DebEditor.NewLayout{
	display: flex;
	flex-direction: column;
}

[b-thxlmcw2zh] .textarea.DebEditor.NewLayout textarea{
	min-height: calc(1lh +(2* var(--input-padding)));
	height: 100% !important;
	line-height: normal;
}
/* _content/Dbo365.Debiteuren/Views/ScanAndRecognize/ScanAndRecognize.razor.rz.scp.css */
[b-696x3jivz4] p {
	margin: 0;
}

main[b-696x3jivz4] {
	display: flex;
	overflow: hidden;
}

.data-container[b-696x3jivz4] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto auto 1fr;
	grid-template-areas: "h1 h1" "search ." "upload upload" "table table";
	gap: 1rem;
	padding: 2rem 5rem 2rem 5vw;
	width: 100%;
	border-right: 1px solid rgba(0,0,0,0.2);
}

h1[b-696x3jivz4] {
	grid-area: h1;
	margin: 0;
	padding: 0;
	border: unset;
}

[b-696x3jivz4] .search-container {
	grid-area: search;
}

[b-696x3jivz4] .img-container {
	grid-area: upload;
}

[b-696x3jivz4] .table-container {
	grid-area: table;
}

[b-696x3jivz4] .preview-container {
	display: flex;
	flex-direction: column;
	padding: 2rem 5vw 2rem 5rem;
	width: 100%;
}

footer[b-696x3jivz4] {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-areas: "options buttons" "pagination pagination";
}

.options-container[b-696x3jivz4] {
	grid-area: options;
	display: flex;
	gap: 1rem;
	justify-content: flex-end;
	padding: .5rem 1rem .5rem 5vw;
	border-top: 1px solid rgba(0,0,0,0.2);
	border-right: 1px solid rgba(0,0,0,0.2);
	overflow-y: auto;
	max-height: 100%;
}

.btn-container[b-696x3jivz4] {
	grid-area: buttons;
	display: flex;
	gap: 1rem;
	padding: .5rem 5vw .5rem 1rem;
	border-top: 1px solid rgba(0,0,0,0.2);
}

.pagination[b-696x3jivz4] {
	grid-area: pagination;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .5rem 5vw;
	border-top: 1px solid rgba(0,0,0,0.2);
}

.select[b-696x3jivz4]{
	color: green;
}
/* _content/Dbo365.Debiteuren/Views/ScanAndRecognize/ScanAndRecognizeINK.razor.rz.scp.css */
[b-bwzktcjltj] p {
	margin: 0;
}

main[b-bwzktcjltj] {
	display: flex;
	overflow: hidden;
}

.data-container[b-bwzktcjltj] {
	display: flex;
	flex-direction: column;
	border-left: 1px solid rgba(0,0,0,0.2);
	width: 100%;
	container: data-container / inline-size;
	overflow-y: auto;
}

	.data-container > *[b-bwzktcjltj] {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		padding: 2rem 5vw 2rem 5rem;
		width: 100%;
	}

.Collected-data[b-bwzktcjltj] {
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.Organisation[b-bwzktcjltj] {
	display: flex;
	padding: 1rem 0 1rem 1rem;
	grid-column: 1 / -1;
	gap: 1rem;
	align-items: center;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: .6rem;
}

.Organisation img[b-bwzktcjltj]{
	border-radius: .6rem;
	border: 1px solid rgba(0,0,0,0.2);
}

	.Organisation .Details[b-bwzktcjltj] {
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: .5rem;
		width: 100%;
		line-height: normal;
		color: black;
	}

	.Organisation .Details > *[b-bwzktcjltj]{
		color: inherit;
	}

	.Organisation .available-iban[b-bwzktcjltj]{
		grid-column: span 2;
		font-size: 1.1rem;
	}

	.Organisation[b-bwzktcjltj]  button{
		padding: 1rem;
	}

	.editor-container[b-bwzktcjltj] {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: inherit;
	}

[b-bwzktcjltj] .preview-container {
	display: flex;
	flex-direction: column;
	padding: 2rem 5rem 2rem 5vw;
	background-color: #f5f5f5;
	width: 100%;
	max-width: 80rem;
}

footer[b-bwzktcjltj] {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-areas: "options buttons" "pagination pagination";
}

.options-container[b-bwzktcjltj] {
	grid-area: options;
	display: flex;
	gap: 1rem;
	justify-content: flex-end;
	padding: .5rem 1rem .5rem 5vw;
	border-top: 1px solid rgba(0,0,0,0.2);
	border-right: 1px solid rgba(0,0,0,0.2);
}

.btn-container[b-bwzktcjltj] {
	grid-area: buttons;
	display: flex;
	gap: 1rem;
	padding: .5rem 5vw .5rem 1rem;
	border-top: 1px solid rgba(0,0,0,0.2);
}

.pagination[b-bwzktcjltj] {
	grid-area: pagination;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .5rem 5vw;
	border-top: 1px solid rgba(0,0,0,0.2);
}

.select[b-bwzktcjltj] {
	color: green;
}

[b-bwzktcjltj] label {
	align-items: center;
}

.Collected-data-discription[b-bwzktcjltj] {
	display: grid;
	grid-template-areas: "label button" "textarea textarea";
	align-items: center;
	column-gap: .5rem;
}

	.Collected-data-discription[b-bwzktcjltj]  label {
		grid-area: label;
		padding: .5rem 0;
	}

	.Collected-data-discription[b-bwzktcjltj]  button {
		grid-area: button;
		padding-top: .5rem;
		padding-bottom: .5rem;
	}

	.Collected-data-discription[b-bwzktcjltj]  textarea {
		grid-area: textarea;
	}

@container data-container (min-width: 700px) {
	.Collected-data-discription[b-bwzktcjltj] {
		display: grid;
		grid-template-columns: 1fr auto;
	}

	[b-bwzktcjltj] .textarea {
		grid-column: span 2;
	}
}

.checkbox-container[b-bwzktcjltj] {
	display: flex;
	gap: .5rem;
	flex-wrap: wrap;
}

	.checkbox-container[b-bwzktcjltj]  label {
		flex: 1;
	}

.BookingLines-container[b-bwzktcjltj]{
	display: grid;
	grid-template-columns: auto 1fr;
}

	.BookingLines-container h2[b-bwzktcjltj] {
		grid-column: span 2;
		border: 0;
		margin: 0;
		border: unset;
	}

.BookingLines[b-bwzktcjltj] {
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: .6rem;
	padding: 2rem;
}

[b-bwzktcjltj] .DubbleColumn {
	grid-column: span 2;
}

[b-bwzktcjltj] .DoubleColumn{
	grid-column: span 2;
}

	[b-bwzktcjltj] .DoubleColumn .new-layout {
		grid-template-columns: 1fr;
	}

	[b-bwzktcjltj] .DoubleColumn .input-container {
		grid-column: unset;
	}

[b-bwzktcjltj] .custom-select.search-select.search-container {
	align-items: unset;
}

	[b-bwzktcjltj] .custom-select.search-select.search-container > div:nth-child(1) {
		padding-top: 1.1rem;
		font-weight: 600;
		line-height: normal;
	}

[b-bwzktcjltj] .custom-select.search-select.search-container input{
	padding: 1rem;
}

	[b-bwzktcjltj] .custom-select.search-select.search-container .biggest-invisible {
		white-space: nowrap;
	}

[b-bwzktcjltj] .custom-select.search-select.search-container {
	align-items: unset;
}

	[b-bwzktcjltj] .custom-select.search-select.search-container > div:nth-child(1) {
		padding-top: 1.1rem;
		font-weight: 600;
		align-items: unset;
		line-height: normal;
	}

	[b-bwzktcjltj] .custom-select.search-select.search-container input {
		padding: 1rem;
	}

	[b-bwzktcjltj] .custom-select.search-select.search-container .biggest-invisible {
		white-space: nowrap;
	}
/* _content/Dbo365.Debiteuren/Views/ScanAndRecognize/ScanAndRecognizeVRK.razor.rz.scp.css */
[b-ojlvoh0l8e] p {
	margin: 0;
}

main[b-ojlvoh0l8e] {
	display: flex;
	overflow: hidden;
}

.data-container[b-ojlvoh0l8e] {
	display: flex;
	flex-direction: column;
	border-left: 1px solid rgba(0,0,0,0.2);
	width: 100%;
	container: data-container / inline-size;
	overflow-y: auto;
}

	.data-container > *[b-ojlvoh0l8e] {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		padding: 2rem 5vw 2rem 5rem;
		width: 100%;
	}

.Collected-data[b-ojlvoh0l8e] {
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.Organisation[b-ojlvoh0l8e] {
	display: flex;
	padding: 1rem 0 1rem 1rem;
	grid-column: 1 / -1;
	gap: 1rem;
	align-items: center;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: .6rem;
}

.Organisation img[b-ojlvoh0l8e]{
	border-radius: .6rem;
	border: 1px solid rgba(0,0,0,0.2);
}

	.Organisation .Details[b-ojlvoh0l8e] {
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: .5rem;
		width: 100%;
		line-height: normal;
		color: black;
	}

	.Organisation .Details > *[b-ojlvoh0l8e]{
		color: inherit;
	}

	.Organisation .available-iban[b-ojlvoh0l8e]{
		grid-column: span 2;
		font-size: 1.1rem;
	}

	.Organisation[b-ojlvoh0l8e]  button{
		padding: 1rem;
	}

	.editor-container[b-ojlvoh0l8e] {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: inherit;
	}

[b-ojlvoh0l8e] .preview-container {
	display: flex;
	flex-direction: column;
	padding: 2rem 5rem 2rem 5vw;
	background-color: #f5f5f5;
	width: 100%;
	max-width: 80rem;
}

footer[b-ojlvoh0l8e] {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-areas: "options buttons" "pagination pagination";
}

.options-container[b-ojlvoh0l8e] {
	grid-area: options;
	display: flex;
	gap: 1rem;
	justify-content: flex-end;
	padding: .5rem 1rem .5rem 5vw;
	border-top: 1px solid rgba(0,0,0,0.2);
	border-right: 1px solid rgba(0,0,0,0.2);
}

.btn-container[b-ojlvoh0l8e] {
	grid-area: buttons;
	display: flex;
	gap: 1rem;
	padding: .5rem 5vw .5rem 1rem;
	border-top: 1px solid rgba(0,0,0,0.2);
}

.pagination[b-ojlvoh0l8e] {
	grid-area: pagination;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .5rem 5vw;
	border-top: 1px solid rgba(0,0,0,0.2);
}

.select[b-ojlvoh0l8e] {
	color: green;
}

[b-ojlvoh0l8e] label {
	align-items: center;
}

.Collected-data-discription[b-ojlvoh0l8e] {
	display: grid;
	grid-template-areas: "label button" "textarea textarea";
	align-items: center;
	column-gap: .5rem;
}

	.Collected-data-discription[b-ojlvoh0l8e]  label {
		grid-area: label;
		padding: .5rem 0;
	}

	.Collected-data-discription[b-ojlvoh0l8e]  button {
		grid-area: button;
		padding-top: .5rem;
		padding-bottom: .5rem;
	}

	.Collected-data-discription[b-ojlvoh0l8e]  textarea {
		grid-area: textarea;
	}

@container data-container (min-width: 700px) {
	.Collected-data-discription[b-ojlvoh0l8e] {
		display: grid;
		grid-template-columns: 1fr auto;
	}

	[b-ojlvoh0l8e] .textarea {
		grid-column: span 2;
	}
}

.checkbox-container[b-ojlvoh0l8e] {
	display: flex;
	gap: .5rem;
	flex-wrap: wrap;
}

	.checkbox-container[b-ojlvoh0l8e]  label {
		flex: 1;
	}

.BookingLines-container[b-ojlvoh0l8e]{
	display: grid;
	grid-template-columns: auto 1fr;
}

	.BookingLines-container h2[b-ojlvoh0l8e] {
		grid-column: span 2;
		border: 0;
		margin: 0;
		border: unset;
	}

.BookingLines[b-ojlvoh0l8e] {
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: .6rem;
	padding: 2rem;
}

[b-ojlvoh0l8e] .DubbleColumn {
	grid-column: span 2;
}

[b-ojlvoh0l8e] .DoubleColumn{
	grid-column: span 2;
}

	[b-ojlvoh0l8e] .DoubleColumn .new-layout {
		grid-template-columns: 1fr;
	}

	[b-ojlvoh0l8e] .DoubleColumn .input-container {
		grid-column: unset;
	}

[b-ojlvoh0l8e] .custom-select.search-select.search-container {
	align-items: unset;
}

	[b-ojlvoh0l8e] .custom-select.search-select.search-container > div:nth-child(1) {
		padding-top: 1.1rem;
		font-weight: 600;
		align-items: unset;
		line-height: normal;
	}

[b-ojlvoh0l8e] .custom-select.search-select.search-container input {
	padding: 1rem;
}

[b-ojlvoh0l8e] .custom-select.search-select.search-container .biggest-invisible {
	white-space: nowrap;
}
/* _content/Dbo365.Debiteuren/Views/Ticket/CreateOrEdit.razor.rz.scp.css */
.parent[b-tq3skmzo08] {
	display: grid;
	/*grid-template-rows: repeat(2, 1fr);*/
	grid-column-gap: 10px;
	grid-row-gap: 15px;
	grid-template-columns: repeat(2, 1fr);
}

.div1[b-tq3skmzo08], .div1 .container[b-tq3skmzo08] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.div2[b-tq3skmzo08] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.div3[b-tq3skmzo08] {
	grid-area: 2/1/3/3;
}

.div1[b-tq3skmzo08], .div2[b-tq3skmzo08], .div3[b-tq3skmzo08] {
	background-color: #ffffff;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	padding: 15px;
}

.vertical-grid-pagination-controls[b-tq3skmzo08] {
	margin-bottom: 0 !important;
}

.filestyle input[b-tq3skmzo08] {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}

.custom-select.multi-select[b-tq3skmzo08] {
	height: auto;
}

.navbtn[b-tq3skmzo08] {
	display: flex;
	flex-wrap: nowrap;
	gap: 1rem;
}

[b-tq3skmzo08] i {
	color: #2A2A2A;
}

.additional-content-container[b-tq3skmzo08] {
	display: flex;
	justify-content: center;
	align-items: center;
}



[b-tq3skmzo08] .trailing-content-container .additional-content-container a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px 1.3rem;
}

[b-tq3skmzo08] .trailing-content-container .additional-content-container a i{
	font-size: 1.7rem;
}

.attachments-container[b-tq3skmzo08]{
	display: grid;
	grid-template-columns: 1fr 1fr;
}

[b-tq3skmzo08] .file-size {
	display: none;
}

.attachments-container > div[b-tq3skmzo08]{
	overflow: hidden;
}

 [b-tq3skmzo08] .file-name {
	text-overflow: ellipsis;
	text-wrap: nowrap;
}
/* _content/Dbo365.Debiteuren/Views/TicketReason/CreateOrEdit.razor.rz.scp.css */
.ticketStatus[b-zv8nm5lgiz] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
/* _content/Dbo365.Debiteuren/Views/TicketReason/Index.razor.rz.scp.css */
header[b-qpf3jsunm2] {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .heading[b-qpf3jsunm2]{
	margin: 0;
	padding: 0;
}

	header button[b-qpf3jsunm2] {
		all: revert;
		background-color: transparent;
		display: grid;
		padding: 1rem;
		border: none;
		cursor: pointer;
	}

	header button:is(:hover, :focus)[b-qpf3jsunm2] {
		background-color: transparent;
		background-color: transparent;
		border: none;
	}

[b-qpf3jsunm2] .FitWidth {
	width: 1%;
	text-align: center;
}

[b-qpf3jsunm2] .FitWidth button {
	margin: 0 auto;
}
/* _content/Dbo365.Debiteuren/Views/Tracking/DossierTrackingOverview.razor.rz.scp.css */
.content[b-cw4nznhc56] {
	margin-left: 5%;
	margin-right: 5%;
}


.title-container[b-cw4nznhc56] {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	margin-bottom: 2.5rem;
}


[b-cw4nznhc56] table {
	border-collapse: collapse;
}

.filter-container[b-cw4nznhc56] {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}

	.filter-container input[b-cw4nznhc56] {
		width: 200px;
	}

	.filter-container button[b-cw4nznhc56] {
		padding: 0;
		margin: 0;
		padding: 0 10px;
		box-shadow: none;
		background: #f9f9f9;
		border: 1px solid #A1A1A1;
		border-radius: .5rem;
		display: flex;
		align-items: center;
	}

		.filter-container button:hover[b-cw4nznhc56] {
			background-color: #D1F951;
		}

		.filter-container button[b-cw4nznhc56]  svg {
			height: 15px;
			width: auto;
		}

	.filter-container input[b-cw4nznhc56] {
		background: #f9f9f9;
		border: 1px solid #A1A1A1;
		border-radius: .5rem;
	}

[b-cw4nznhc56] table.VerticalGridTable,
[b-cw4nznhc56] table.VerticalGridTable tbody,
[b-cw4nznhc56] table.VerticalGridTable tbody tr,
[b-cw4nznhc56] table.VerticalGridTable tbody tr th,
[b-cw4nznhc56] table.VerticalGridTable tbody tr td {
	background: transparent;
}

[b-cw4nznhc56] table.VerticalGridTable {
	width: 100%;
}

[b-cw4nznhc56] table tr {
	border-top: 1px solid #ccc;
}

/* Default hover effect */
[b-cw4nznhc56] table.VerticalGridTable tbody tr {
	transition: background .1s ease-in-out;
}

	[b-cw4nznhc56] table.VerticalGridTable tbody > tr:hover:nth-child(odd) {
		background: #ededed;
	}

	[b-cw4nznhc56] table.VerticalGridTable tbody tr td {
		padding-bottom: 0;
		padding-top: 0;
	}

[b-cw4nznhc56] table.VerticalGridTable tbody td > button {
	margin-bottom: 0;
	background: transparent;
	border: none;
	box-shadow: none;
	padding: 1.5rem;
	display: grid;
	align-items: center;
	justify-content: center;
}

[b-cw4nznhc56] table tbody td > button > svg {
	height: 1lh;
	line-height: normal;
	width: auto;
	transition: all .3s ease-in-out;
}

[b-cw4nznhc56] table tbody td > button.open > svg {
	transform: rotate(90deg);
}


[b-cw4nznhc56] table > thead > th:nth-child(1) {
	width: calc(1lh + (1.5rem * 2));
}

[b-cw4nznhc56] table > thead > th:nth-child(2) {
	min-width: 20ch;
}

[b-cw4nznhc56] table > thead > th:nth-child(3) {
	width: 20ch;
}

[b-cw4nznhc56] table > thead > th:nth-child(4) {
	width: 50ch;
}

[b-cw4nznhc56] table table {
	border: none;
	margin-bottom: 0;
}


	



	[b-cw4nznhc56] table.VerticalGridTable tbody tr table tbody tr:hover {
		background: #ededed;
	}

[b-cw4nznhc56] table.VerticalGridTable table {
	background: transparent;
}

	[b-cw4nznhc56] table.VerticalGridTable td table td,
	[b-cw4nznhc56] table.VerticalGridTable td table th {
		padding: 1rem;
	}

	[b-cw4nznhc56] table.VerticalGridTable table td:nth-child(1),
	[b-cw4nznhc56] table.VerticalGridTable table th:nth-child(1) {
		padding-left: calc(1lh + (1.5rem * 2) + 6px);
	}
/* _content/Dbo365.Debiteuren/Views/Vehicles/CarActionTable.razor.rz.scp.css */
.clickable[b-jt4kmue0cg] {
	cursor: pointer;
	color: #7e94ac;
}
/* _content/Dbo365.Debiteuren/Views/Vehicles/Cars.razor.rz.scp.css */
.content[b-oea939cw6r] {
	margin-left: 5%;
	margin-right: 5%;
}


.title-container[b-oea939cw6r] {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	margin-bottom: 2.5rem;
}


[b-oea939cw6r] table {
	border-collapse: collapse;
}

.filter-container[b-oea939cw6r] {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}

	.filter-container input[b-oea939cw6r] {
		width: 200px;
	}

	.filter-container button[b-oea939cw6r] {
		padding: 0;
		margin: 0;
		padding: 0 10px;
		box-shadow: none;
		background: #f9f9f9;
		border: 1px solid #A1A1A1;
		border-radius: .5rem;
		display: flex;
		align-items: center;
	}

[b-oea939cw6r] .filter-container button svg {
	height: 15px;
	width: auto;
}

[b-oea939cw6r] .filter-container button:hover {
	background-color: #D1F951;
}

[b-oea939cw6r] table, [b-oea939cw6r] table tbody td, [b-oea939cw6r] table tbody th, [b-oea939cw6r] table tbody tr, [b-oea939cw6r] table tbody {
	background: #f9f9f9 !important;
}

[b-oea939cw6r] input, input[b-oea939cw6r], [b-oea939cw6r] .custom-select:not(.Secondary) button {
	background: #f9f9f9;
	border: 1px solid #A1A1A1;
	border-radius: .5rem;
}

[b-oea939cw6r] td.delete-button:hover, [b-oea939cw6r] td.delete-button:hover i {
	background: #F94848 !important;
}

[b-oea939cw6r] td.action:hover, [b-oea939cw6r] td.action:hover i {
	background: #D1F951 !important;
}

[b-oea939cw6r] table tr {
	border-top: 1px solid #ccc;
	cursor: pointer;
}

	/* Default hover effect */
	[b-oea939cw6r] table tr:hover,
	[b-oea939cw6r] table tr:hover th,
	[b-oea939cw6r] table tr:hover td {
		background: #ededed !important;
	}


	[b-oea939cw6r] table tr:has(.clickable-child:hover),
	[b-oea939cw6r] table tr:has(.clickable-child:hover) th,
	[b-oea939cw6r] table tr:has(.clickable-child:hover) td:not(.clickable-child:hover) {
		border: none;
		border-top: 1px solid #ccc;
		background: #f9f9f9 !important;
	}
/* _content/Dbo365.Debiteuren/Views/Vehicles/CreateOrEdit.razor.rz.scp.css */

[b-jasurvh8ln] .input-group {
	display: flex;
	gap: 10px;
	align-items: baseline;
	width: 60%;
}

	[b-jasurvh8ln] .input-group > *:first-child {
		flex-grow: 1;
		flex-shrink: 0;
		width: 30%;
		max-width: 50ch;
	}

	[b-jasurvh8ln] .input-group > input, [b-jasurvh8ln] .input-group > select {
		border: 1px solid #A1A1A1;
		border-radius: 5px;
		background-color: transparent;
		flex-grow: 1;
		min-width: 35ch;
	}

.parts > div[b-jasurvh8ln] {
	border: 1px solid #ddd;
	padding: 2.5rem;
	margin-bottom: 2.5rem;
}
/* _content/Dbo365.Debiteuren/Views/Vehicles/Overview.razor.rz.scp.css */
.content[b-j575ugwhnd] {
	margin-left: 5%;
	margin-right: 5%;
}


.title-container[b-j575ugwhnd] {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	margin-bottom: 2.5rem;
}


[b-j575ugwhnd] table {
	border-collapse: collapse;
}

.filter-container[b-j575ugwhnd] {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}

	.filter-container input[b-j575ugwhnd] {
		width: 200px;
	}

	.filter-container button[b-j575ugwhnd] {
		padding: 0;
		margin: 0;
		padding: 0 10px;
		box-shadow: none;
		background: #f9f9f9;
		border: 1px solid #A1A1A1;
		border-radius: .5rem;
		display: flex;
		align-items: center;
	}

[b-j575ugwhnd] .filter-container button svg {
	height: 15px;
	width: auto;
}

[b-j575ugwhnd] .filter-container button:hover {
	background-color: #D1F951;
}

[b-j575ugwhnd] table, [b-j575ugwhnd] table tbody td, [b-j575ugwhnd] table tbody th, [b-j575ugwhnd] table tbody tr, [b-j575ugwhnd] table tbody {
	background: #f9f9f9 !important;
}

[b-j575ugwhnd] input, input[b-j575ugwhnd], [b-j575ugwhnd] .custom-select:not(.Secondary) button {
	background: #f9f9f9;
	border: 1px solid #A1A1A1;
	border-radius: .5rem;
}

[b-j575ugwhnd] td.delete-button:hover, [b-j575ugwhnd] td.delete-button:hover i {
	background: #F94848 !important;
}

[b-j575ugwhnd] td.action:hover, [b-j575ugwhnd] td.action:hover i {
	background: #D1F951 !important;
}

[b-j575ugwhnd] table tr {
	border-top: 1px solid #ccc;
	cursor: pointer;
}

	/* Default hover effect */
	[b-j575ugwhnd] table tr:hover,
	[b-j575ugwhnd] table tr:hover th,
	[b-j575ugwhnd] table tr:hover td {
		background: #ededed !important;
	}


	[b-j575ugwhnd] table tr:has(.clickable-child:hover),
	[b-j575ugwhnd] table tr:has(.clickable-child:hover) th,
	[b-j575ugwhnd] table tr:has(.clickable-child:hover) td:not(.clickable-child:hover) {
		border: none;
		border-top: 1px solid #ccc;
		background: #f9f9f9 !important;
	}


/* _content/Dbo365.Debiteuren/Views/Vehicles/VehicleFuelDisplay.razor.rz.scp.css */
.VehicleFuelDisplay[b-6ctro8h921] {
	display: contents;
}

.VehicleFuelDisplay > *[b-6ctro8h921] {
	margin: 0px;
}
/* _content/Dbo365.Debiteuren/Views/Vehicles/VehicleImageGallery.razor.rz.scp.css */
main[b-magn20nbi3] {
	height: 100vh;
	height: 100svh;
	display: grid;
	grid-template-rows: 1fr auto;
	overflow-y: scroll;
}

#container[b-magn20nbi3] {
	width: 100%;
	height: 100%;
	max-width: 700px;
	margin: 2em auto;
	margin: 0 auto;
	width: 990px;
}

.cols[b-magn20nbi3] {
	-moz-column-count: 3;
	-moz-column-gap: 3%;
	-moz-column-width: 30%;
	-webkit-column-count: 3;
	-webkit-column-gap: 3%;
	-webkit-column-width: 30%;
	column-count: 3;
	column-gap: 3%;
	column-width: 30%;
}

a[b-magn20nbi3] {
	height: fit-content;
	display: block;
}

.box-img img[b-magn20nbi3] {
	max-width: 100%;
}

footer[b-magn20nbi3] {
	position: sticky;
	bottom: 0;
	background: white;
	display: flex;
	justify-content: center;
}

[b-magn20nbi3] .vertical-grid-pagination-controls {
	justify-content: left !important;
	margin: 0px;
	padding: 0px;
}

[b-magn20nbi3] .pager-selection-buttons-wrapper {
	align-self: center;
}

[b-magn20nbi3] #subscription-pagination, #vehicle-pagination[b-magn20nbi3] {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	height: auto;
	width: 100%;
	max-width: 900px;
}

[b-magn20nbi3] .pager-selection-buttons-wrapper {
	display: flex;
	height: 35px;
}

	[b-magn20nbi3] .pager-selection-buttons-wrapper select {
		width: auto;
	}

[b-magn20nbi3] .vertical-grid-pagination-controls ul li {
	padding: .25rem 1.5rem;
	padding-top: 5px;
	border-radius: 10px;
}

[b-magn20nbi3] .form-row .form-col {
	float: none;
	margin: 0px;
	width: auto;
	background-color: #e9ecef;
	border-radius: 0.9rem;
}


	[b-magn20nbi3] .form-row .form-col select {
		width: 100%;
		border-radius: 0.9rem;
		border: 1px solid #E5E5E5;
		font-size: 1.3rem;
		transition: 0.1s ease-in-out;
		padding: 1rem 1.5rem;
		height: 39px;
	}


		[b-magn20nbi3] .form-row .form-col select:disabled {
			width: 100%;
			background-color: #e9ecef;
		}
/* _content/Dbo365.Debiteuren/Views/Vehicles/VehicleOverview.razor.rz.scp.css */
p[b-q2tbws79pp] {
	margin: 0;
	line-height: normal;
}

.grid-col-2[b-q2tbws79pp] {
	display: grid;
	grid-template-columns: minmax(0px, 1fr);
	gap: 4rem;
}

.grid-col-2 > *[b-q2tbws79pp] {
	display: flex;
	flex-direction: column;
	gap: inherit;
	height: fit-content;
}

.container[b-q2tbws79pp] {
	border-radius: 10px;
	background: var(--light, #FFF);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	display: flex;
	flex-direction: column;
	--spacing: 30px;
}

	.container > *[b-q2tbws79pp] {
		grid-column: span 2;
		min-height: 45px;
	}

#car-preview-image[b-q2tbws79pp] {
	height: auto;
	width: 100%;
	object-fit: cover;
}

.car .break[b-q2tbws79pp] {
	grid-template-columns: auto 1fr;
	column-gap: 2rem;
}

.car .break div[b-q2tbws79pp]{
	padding: .5rem 0;
}


.car h2[b-q2tbws79pp] {
	padding: .5rem 0;
}


header[b-q2tbws79pp] {
	display: grid;
	grid-template-columns: 1fr repeat(2, auto);
	align-items: center;
	border-bottom: 1px solid #ddd;
	padding: 1rem var(--spacing);
}

	header .block-dropdown[b-q2tbws79pp] {
		all: revert;
		/* background: red; */
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 1rem;
		width: 100%;
		padding: .5rem 1rem .5rem 0;
		background-color: transparent;
		border: unset;
	}

	header h2[b-q2tbws79pp] {
		margin: 0;
		padding: unset;
		border: unset;
	}

	header .block-dropdown img[b-q2tbws79pp] {
		max-width: 18px;
	}

	header .block-dropdown img.arrow-down[b-q2tbws79pp] {
		transform: rotate(90deg);
	}

	header #edit-car-button[b-q2tbws79pp] {
		all: revert;
		border: unset;
		background-color: transparent;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1rem;
		height: 100%;
		aspect-ratio: 1;
		cursor: pointer;
	}

	header[b-q2tbws79pp]  #edit-car-button svg {
		fill: lightgray;
		transition: fill .2s ease-in-out;
		height: 100%;
		max-height: 18px;
		width: auto;
	}

	header[b-q2tbws79pp]  #edit-car-button:is(:hover, :focus) svg {
		fill: black;
	}

	header .input-container[b-q2tbws79pp] {
		height: 100%;
		width: auto;
		padding: 1rem;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: unset;
	}

		header .input-container input[b-q2tbws79pp] {
			height: 100%;
			aspect-ratio: 1;
			width: auto;
		}

.break[b-q2tbws79pp] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 1fr;
	column-gap: 2rem;
	word-wrap: break-word;
	padding: 1.5rem var(--spacing);
}

.break > *[b-q2tbws79pp], [b-q2tbws79pp] .break .data{
	grid-column: span 2;
}

	.break > .data:nth-last-child(1)[b-q2tbws79pp] {
		border: unset;
	}

	.break > *[b-q2tbws79pp], [b-q2tbws79pp] .break .data {
		display: grid;
		grid-template-columns: subgrid;
		align-items: center;
		border-bottom: 1px solid var(--hr-gray, #E5E5E5);
		min-height: 45px;
	}

	[b-q2tbws79pp] .break .data span:nth-child(1){
		font-weight: bold;
	}

p[b-q2tbws79pp] {
	padding: 1rem 0;
}

.CarInfo a[b-q2tbws79pp]{
	color: black;
	padding: 1rem 1.5rem;
	border-radius: .6rem;
	border: 1px solid gray;
	margin-top: 2rem;
	transition: background-color .3s ease-in-out;
	line-height: normal;
}

.CarInfo a:is(:hover, :focus)[b-q2tbws79pp] {
	background-color: #ccc;
}

.table-break[b-q2tbws79pp]{
	padding: 0 var(--spacing);
}

[b-q2tbws79pp] .grid-col-2 {
	grid-column: span 2 / span 2;
	width: 100%;
}

.center-text[b-q2tbws79pp] {
	display: flex;
	align-self: center;
}

.borderbottom-none[b-q2tbws79pp] {
	border-bottom: none;
}

[b-q2tbws79pp] .input-container {
	position: relative;
	width: 100%;
	margin-top: 1.5rem;
}

[b-q2tbws79pp] dialog label {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 1rem;
	padding: 0 .5rem;
	transition: 0.3s ease-in-out;
	cursor: text;
	font-family: arial;
}

[b-q2tbws79pp] dialgo input {
	padding: 1rem 1.5rem;
	border-radius: 0.9rem;
	/* border: 3px solid white; */
	border: 1px solid #E5E5E5;
	font-size: 1.3rem;
	width: 100%;
	transition: 0.1s ease-in-out;
}

	[b-q2tbws79pp] dialgo input:hover,
	[b-q2tbws79pp] dialgo input:focus {
		border: 1px solid green;
	}

[b-q2tbws79pp] dialog label {
	top: 0;
	background-color: white;
	font-size: 12px;
}

[b-q2tbws79pp] .vertical-grid-pagination-controls {
	justify-content: left !important;
	margin-bottom: 2rem !important;
}

[b-q2tbws79pp] #subscription-pagination, #vehicle-pagination[b-q2tbws79pp] {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	height: auto;
}

[b-q2tbws79pp] .pager-selection-buttons-wrapper {
	display: flex;
	height: 35px;
}

	[b-q2tbws79pp] .pager-selection-buttons-wrapper select {
		width: auto;
	}

[b-q2tbws79pp] .vertical-grid-pagination-controls ul li {
	padding: .25rem 1.5rem;
	padding-top: 5px;
	border-radius: 10px;
}

[b-q2tbws79pp] .form-row .form-col {
	float: none;
	margin: 0px;
	width: auto;
	background-color: #e9ecef;
	border-radius: 0.9rem;
}


	[b-q2tbws79pp] .form-row .form-col select {
		width: 100%;
		border-radius: 0.9rem;
		border: 1px solid #E5E5E5;
		font-size: 1.3rem;
		transition: 0.1s ease-in-out;
		padding: 1rem 1.5rem;
		height: 39px;
	}


		[b-q2tbws79pp] .form-row .form-col select:disabled {
			width: 100%;
			background-color: #e9ecef;
		}

[b-q2tbws79pp] .carousel-container {
	max-width: 400px;
}

.block-header-container[b-q2tbws79pp] {
	display: flex;
}

@media only screen and (min-width: 1000px) {
	.grid-col-2[b-q2tbws79pp] {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		gap: 4rem;
	}

	.grid-col-2 > *:nth-child(1)[b-q2tbws79pp]{
		width: 600px;
	}
}

[b-q2tbws79pp] .huur-container td{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

[b-q2tbws79pp] .new-layout-container {
	display: contents;
}

[b-q2tbws79pp] .new-layout {
	grid-column: span 2;
	padding: 1rem 0;
	grid-template-columns: subgrid;
	border-bottom: 1px solid var(--hr-gray, #E5E5E5);
}

	[b-q2tbws79pp] .new-layout .input-container {
		margin: 0;
		padding: .5rem;
	}
/* _content/Dbo365.Debiteuren/Views/Verhuur/Actions.razor.rz.scp.css */
.clickable[b-bhr75pmdvr] {
	cursor: pointer;
	color: #7e94ac;
}

header[b-bhr75pmdvr] {
	padding-bottom: 2rem;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.page-location-container[b-bhr75pmdvr] {
	padding: 30px var(--side-spacing) 20px var(--side-spacing);
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

	.page-location-container h1[b-bhr75pmdvr] {
		padding: 0px;
		margin: 0px;
		border: none;
		font-size: 30px;
		line-height: normal;
	}

.breadcrumbs[b-bhr75pmdvr] {
	display: flex;
	flex-wrap: wrap;
}

	.breadcrumbs li:not(:first-child)[b-bhr75pmdvr]:before {
		content: "/";
		padding: 8px;
		color: black;
	}

	.breadcrumbs a[b-bhr75pmdvr] {
		padding: 5px;
		color: black;
	}

		.breadcrumbs a:hover[b-bhr75pmdvr],
		.breadcrumbs a:focus[b-bhr75pmdvr] {
			color: green;
			text-decoration: underline;
		}


.time-option-list-container[b-bhr75pmdvr] {
	width: auto;
}

	.time-option-list-container ul[b-bhr75pmdvr] {
		padding: 0;
		margin: unset;
		display: flex;
	}

		.time-option-list-container ul li[b-bhr75pmdvr] {
			display: flex;
			background-color: unset;
			justify-content: unset;
			padding: 0;
		}

	.time-option-list-container button[b-bhr75pmdvr] {
		all: revert;
		background-color: transparent;
		color: black;
		border-radius: 50px;
		border: 2px solid transparent;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		padding: 5px 10px;
		font-size: 14px;
		font-size: 1.4rem;
		text-wrap: nowrap;
	}


	.time-option-list-container ul li.active button[b-bhr75pmdvr] {
		border-radius: unset;
		border-bottom: 2px solid green !important;
		background-color: transparent !important;
	}


	.filter-container[b-bhr75pmdvr]{
		display: flex;
		flex-wrap: wrap;
		column-gap: 3rem;
		row-gap: 1rem;
		justify-content: space-between;
	}

		.filter-container input[b-bhr75pmdvr] {
			width: 200px;
			height: 100%;
		}

	.vertical-grid-pagination-controls[b-bhr75pmdvr]{
		justify-content: space-between;
	}

.pagination-container[b-bhr75pmdvr] {
	display: flex;
	justify-content: space-between;
}

.page-select[b-bhr75pmdvr]{
	display: flex;
}

[b-bhr75pmdvr] table {
	border-collapse: collapse;
}

[b-bhr75pmdvr] table tr{
	border-top: 1px solid #ccc;
}

.filter-options[b-bhr75pmdvr]{
	display: flex;
	gap: 5px;
}

[b-bhr75pmdvr] table, [b-bhr75pmdvr] table tbody td, [b-bhr75pmdvr] table tbody th, [b-bhr75pmdvr] table tbody tr, [b-bhr75pmdvr] table tbody {
	background: #f9f9f9 !important;
}


input[b-bhr75pmdvr], [b-bhr75pmdvr] .custom-select:not(.Secondary) button {
	background: #f9f9f9;
	border: 1px solid #A1A1A1;
	border-radius: .5rem;
}

.clickable[b-bhr75pmdvr], [b-bhr75pmdvr] .clickable, [b-bhr75pmdvr] table td:has(a), [b-bhr75pmdvr] table a {
	color: #235C28 !important;
	text-decoration: underline !important;
}
/* _content/Dbo365.Debiteuren/Views/Verhuur/Calendar.razor.rz.scp.css */
p[b-hstumeghde] {
	margin: 0;
	text-align: left;
}

button[b-hstumeghde] {
	all: revert;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	border: unset;
	background-color: unset;
	cursor: pointer;
}

main[b-hstumeghde] {
	--_padding-side: 3rem;
	min-height: 100vh;
	min-height: 100svh;
	background-color: white;
	overflow: auto;
}

.currentDate[b-hstumeghde] {
	background-color: #d1f9513b;
}

.sidebar-header[b-hstumeghde] {
	display: flex;
	align-items: center;
}

[b-hstumeghde] .kenteken-container {
	padding-right: .5rem;
}

.carName[b-hstumeghde],
.brandName[b-hstumeghde] {
	display: flex;
	align-items: center;
	padding: 0 0.5rem;
	height: 100%;
}

	.carName p[b-hstumeghde],
	.brandName p[b-hstumeghde] {
		margin: 0;
		white-space: nowrap;
		width: 100%;
		padding: 0;
	}



@media (prefers-reduced-motion: no-preference) {
}

@media (hover: hover) and (pointer: fine) {
}

@media only screen and (max-width: 1000px) {
	.car-container > *:nth-last-child(-n+1)[b-hstumeghde],
	.sidebar-header > *:nth-last-child(-n+1)[b-hstumeghde] {
		display: none;
	}
}

@media only screen and (max-width: 650px) {
	.car-container > *:nth-last-child(-n+2)[b-hstumeghde],
	.sidebar-header > *:nth-last-child(-n+2)[b-hstumeghde] {
		display: none;
	}
}

[b-hstumeghde] .sidebar-header button svg.Asc {
	transform: rotate(-90deg);
}

[b-hstumeghde] .sidebar-header button svg.Desc {
	transform: rotate(90deg);
}

[b-hstumeghde] .sidebar-header button svg.None {
	display: none;
}
/* _content/Dbo365.Debiteuren/Views/Verhuur/ContractenOverview.razor.rz.scp.css */
/*.content {
	margin-left: 5%;
	margin-right: 5%;
}

.flex {
	display: flex;
}

.title-container {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	margin-bottom: 2.5rem;
}

.filter-container{
	display: flex;
}


.clickable {
	cursor: pointer;
	color: #7e94ac;
}




//*/

.clickable[b-9nw71mmel0] {
	cursor: pointer;
	color: #7e94ac;
}

header[b-9nw71mmel0] {
	padding-bottom: 2rem;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.page-location-container[b-9nw71mmel0] {
	padding: 30px var(--side-spacing) 20px var(--side-spacing);
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

	.page-location-container h1[b-9nw71mmel0] {
		padding: 0px;
		margin: 0px;
		border: none;
		font-size: 30px;
		line-height: normal;
	}

.breadcrumbs[b-9nw71mmel0] {
	display: flex;
	flex-wrap: wrap;
}

	.breadcrumbs li:not(:first-child)[b-9nw71mmel0]:before {
		content: "/";
		padding: 8px;
		color: black;
	}

	.breadcrumbs a[b-9nw71mmel0] {
		padding: 5px;
		color: black;
	}

		.breadcrumbs a:hover[b-9nw71mmel0],
		.breadcrumbs a:focus[b-9nw71mmel0] {
			color: green;
			text-decoration: underline;
		}


.time-option-list-container[b-9nw71mmel0] {
	width: auto;
}

	.time-option-list-container ul[b-9nw71mmel0] {
		padding: 0;
		margin: unset;
		display: flex;
	}

		.time-option-list-container ul li[b-9nw71mmel0] {
			display: flex;
			background-color: unset;
			justify-content: unset;
			padding: 0;
		}

	.time-option-list-container button[b-9nw71mmel0] {
		all: revert;
		background-color: transparent;
		color: black;
		border-radius: 50px;
		border: 2px solid transparent;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		padding: 5px 10px;
		font-size: 14px;
		font-size: 1.4rem;
		text-wrap: nowrap;
	}


	.time-option-list-container ul li.active button[b-9nw71mmel0] {
		border-radius: unset;
		border-bottom: 2px solid green !important;
		background-color: transparent !important;
	}


.filter-container[b-9nw71mmel0] {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}

	.filter-container input[b-9nw71mmel0] {
		width: 200px;
	}

.vertical-grid-pagination-controls[b-9nw71mmel0] {
	justify-content: space-between;
}

.pagination-container[b-9nw71mmel0] {
	display: flex;
	justify-content: space-between;
}

.page-select[b-9nw71mmel0] {
	display: flex;
}

[b-9nw71mmel0] table {
	border-collapse: collapse;
}

	[b-9nw71mmel0] table tr {
		border-top: 1px solid #ccc;
	}


.legenda-button[b-9nw71mmel0] {
	padding: 0;
	margin: 0;
	padding: 0 10px;
	box-shadow: none;

	background: #f9f9f9;
	border: 1px solid #A1A1A1;
	border-radius: .5rem;

	display: flex;
	align-items: center;
}

[b-9nw71mmel0] .filter-container .custom-select > button {
	border-radius: unset;
}

[b-9nw71mmel0] .search-filter {
	border: 1px solid #ccc;
}

.legenda-item[b-9nw71mmel0] {
	display: grid;
	grid-template-columns: subgrid;
	grid-column: span 2;
}

	.legenda-item h4[b-9nw71mmel0] {
		padding: 0px;
		margin: 0px;
		border: none;
		text-decoration: none;
	}

	.legenda-item span[b-9nw71mmel0] {
		border-bottom: 1px solid #ccc;
		width: 100%;
		display: block;
	}

.additional-content-container[b-9nw71mmel0] {
	display: grid;
	grid-template-columns: subgrid;
	grid-column: span 2;
	padding-top: 20px;
}

[b-9nw71mmel0] table, [b-9nw71mmel0] table tbody td:not(.status-cell), [b-9nw71mmel0] table tbody th, [b-9nw71mmel0] table tbody tr, [b-9nw71mmel0] table tbody {
	background: #f9f9f9 !important;
}

[b-9nw71mmel0] input, input[b-9nw71mmel0], [b-9nw71mmel0] .custom-select:not(.Secondary) button {
	background: #f9f9f9;
	border: 1px solid #A1A1A1;
	border-radius: .5rem;
}

.clickable[b-9nw71mmel0], [b-9nw71mmel0] .clickable, [b-9nw71mmel0] table td:has(a), [b-9nw71mmel0] table a {
	color: #235C28 !important;
	text-decoration: underline !important;
}
/* _content/Dbo365.Debiteuren/Views/Verhuur/InnameFormulier.razor.rz.scp.css */
[b-suz3e1x9lp] button {
	font-size: 14px;
}

main[b-suz3e1x9lp] {
	display: grid;
	grid-template-columns: [page-start] auto [break-start] 1rem [content-start] minmax(0px, 700px) [content-end] 1rem [break-start] auto [page-end];
	grid-template-rows: repeat(auto-fill, minmax(0px, auto));
	grid-template-rows: auto 1fr auto;
}

[b-suz3e1x9lp] input {
	border: none;
}

	[b-suz3e1x9lp] input[type=file] {
		position: absolute;
		left: -999999px;
	}

main > *[b-suz3e1x9lp] {
	grid-area: content;
	grid-row: unset;
}

h1[b-suz3e1x9lp] {
	padding: .5rem;
}

h2[b-suz3e1x9lp] {
	font-size: 1.17em;
	font-weight: bold;
}

.form[b-suz3e1x9lp] {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	height: fit-content;
	padding-bottom: 2rem;
	container-type: inline-size;
}

	.form .data-container[b-suz3e1x9lp] {
		display: flex;
		flex-direction: column;
		column-gap: 2rem;
		row-gap: .5rem;
	}

		.form .data-container .data-row[b-suz3e1x9lp] {
			row-gap: .5rem;
			padding: .5rem;
			border-bottom: 1px solid var(--color-gray-400, gray);
			min-height: 50px;
		}

.data-side-by-side[b-suz3e1x9lp] {
	display: contents;
}

[b-suz3e1x9lp] input[type=number]::-webkit-inner-spin-button,
[b-suz3e1x9lp] input[type=number]::-webkit-outer-spin-button,
[b-suz3e1x9lp] input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.image-container[b-suz3e1x9lp] {
	display: grid;
	gap: 1.5rem;
	grid-template-rows: auto auto auto auto auto auto;
}

	.image-container > div[b-suz3e1x9lp] {
		display: grid;
		grid-template-rows: subgrid;
		grid-row: span 6;
		gap: 24px;
		border: unset;
		align-items: unset;
		width: 100%;
	}

		.image-container > div > div[b-suz3e1x9lp] {
			display: grid;
			grid-template-rows: subgrid;
			grid-row: span 6;
		}


.img-collection[b-suz3e1x9lp] {
	display: grid;
	gap: 1rem;
}

	.img-collection[b-suz3e1x9lp]  .upload-container {
		border: none;
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px rgba(0, 0, 0, 0.5);
	}

	.img-collection .CustomPlaceHolder[b-suz3e1x9lp] {
		text-align: center;
	}

	.img-collection .remark[b-suz3e1x9lp] {
		display: flex;
		flex-direction: column;
		gap: .5rem;
		padding: .5rem;
		position: relative;
		z-index: 2;
	}

	.img-collection textarea[b-suz3e1x9lp] {
		width: 100%;
		--padding: 10px;
		min-height: calc(2lh + 2 * var(--padding));
		max-height: calc(5lh + 2 * var(--padding));
		field-sizing: content;
		padding: var(--padding);
		line-height: 1.5;
		padding-inline: calc(var(--padding) + calc((1lh - 1ex) / 2));
		resize: none;
		border-radius: .5rem;
		border: 1px solid gray;
	}

.image-damage[b-suz3e1x9lp] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1rem 0;
}

[b-suz3e1x9lp] .data-row label.invalid {
	border-color: #F94848;
}

	[b-suz3e1x9lp] .data-row label.invalid button {
		border-color: #F94848;
	}

[b-suz3e1x9lp] .box.invalid label {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px #F94848;
}

[b-suz3e1x9lp] .image-damage.invalid label {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px #F94848;
}

[b-suz3e1x9lp] .img-container.invalid label {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px #F94848;
}

.canvas-container[b-suz3e1x9lp] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.empty-canvas[b-suz3e1x9lp] {
	all: revert;
	background-color: transparent;
	padding: .8rem 1.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid gray;
	border-radius: .6rem;
	width: fit-content;
	cursor: pointer;
}

	.empty-canvas:is(:hover, :focus)[b-suz3e1x9lp] {
		background-color: #f8f8f8;
	}

[b-suz3e1x9lp] canvas {
	width: 100%;
	height: 100%;
}

	[b-suz3e1x9lp] canvas.disabled {
		cursor: not-allowed !important;
	}

[b-suz3e1x9lp] .invalid canvas {
	border: 2px dotted red !important;
}

footer[b-suz3e1x9lp] {
	display: grid;
	grid-template-columns: inherit;
	grid-area: page;
	position: sticky;
	bottom: 0;
	width: 100%;
	padding: 1rem 0;
	background-color: white;
	border-top: 1px solid gray;
	z-index: 3;
}

	footer > *[b-suz3e1x9lp] {
		grid-area: content;
		display: flex;
		gap: 1rem;
		border-bottom: none;
	}



[b-suz3e1x9lp] button[type="submit"].invalid {
	background-color: #F94848;
	border: 1px solid #F94848;
}



.new-damage[b-suz3e1x9lp] {
	border: unset;
	background-color: unset;
	border: 1px solid gray;
	border-radius: .6rem;
	text-align: center;
	width: fit-content;
	padding: .8rem 1.4rem;
	grid-template-columns: unset;
	cursor: pointer;
}

	.new-damage:is(:hover, :focus)[b-suz3e1x9lp] {
		background-color: #f8f8f8;
	}

[b-suz3e1x9lp] input[type=upload] {
	position: absolute;
	left: -999999px;
}

.data-container .data-row[b-suz3e1x9lp] {
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 5px;
	column-gap: 24px;
}

	.data-container .data-row:has(.ToggleSwitch)[b-suz3e1x9lp] {
		grid-template-columns: 1fr;
	}

@container (min-width: 580px) {


		.form .data-container > *[b-suz3e1x9lp] {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}

@container (min-width: 525px) {

	.form .data-side-by-side[b-suz3e1x9lp] {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column: span 2;
	}

		.form .data-side-by-side .data-row[b-suz3e1x9lp] {
			grid-template-columns: unset;
			grid-column: unset;
			grid-template-rows: auto 1fr;
		}
}

@container (min-width: 525px) {
	main[b-suz3e1x9lp] {
		grid-template-columns: [page-start] auto [break-start] 2rem [content-start] minmax(0px, 700px) [content-end] 2rem [break-start] auto [page-end];
	}

	.image-container[b-suz3e1x9lp] {
		grid-template-columns: 1fr 1fr;
	}


	.image-damage .img-collection[b-suz3e1x9lp] {
		grid-template-columns: 1fr 1fr;
	}
}

@media (prefers-reduced-motion: no-preference) {
	button[b-suz3e1x9lp],
	[b-suz3e1x9lp] button {
		transition: all .2s ease-in-out !important;
	}
}

[b-suz3e1x9lp] input[type=datetime-local].invalid, input[type=datetime-local].invalid[b-suz3e1x9lp] {
	border: 1px solid #F94848;
}


[b-suz3e1x9lp] .date {
	border: 1px solid #ccc;
}

[b-suz3e1x9lp] .DebEditor.NewLayout.Int32 input {
	width: 100%;
	height: 100%;
	padding-left: 1rem;
}

[b-suz3e1x9lp] label:has(.DebEditor.NewLayout.Int32) {
	max-width: none;
}

[b-suz3e1x9lp] .date-selector input[type=number], [b-suz3e1x9lp] .date-selector input[type=text] {
	width: 100%;
	height: 100%;
	min-width: unset;
	padding: 1rem 1rem;
}

[b-suz3e1x9lp] .datepicker-wrapper {
	border-left: 1px solid #ccc;
}

[b-suz3e1x9lp] .DebEditor.Int32:has(.invalid) {
	border: solid 1px red;
}

[b-suz3e1x9lp] .title-bar-wrapper h1 {
	font-size: 2rem;
}
/* _content/Dbo365.Debiteuren/Views/Verhuur/RealEstateList.razor.rz.scp.css */
h1[b-mkcj7lrozi],
h2[b-mkcj7lrozi],
h3[b-mkcj7lrozi],
p[b-mkcj7lrozi],
a[b-mkcj7lrozi] {
	padding: 0;
	margin: 0;
	line-height: normal;
	border: none;
	color: black;
}

main[b-mkcj7lrozi] {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	container-name: main;
	container-type: inline-size;
	margin-bottom: 2rem;
}

.nothing-found-message[b-mkcj7lrozi] {
	text-wrap: nowrap;
	white-space: nowrap;
	width: 100%;
	margin-top: 2rem;
	margin-bottom: 2rem;
	text-align: center;
}

.table-container[b-mkcj7lrozi] {
	--table-container-spacing: 2rem;
	display: flex;
	flex-direction: column;
	background-color: white;
	margin-top: 4rem;
	border-radius: .6rem;
	box-shadow: 0 4px 15px rgba(0,0,0,0.2);
	border: 1px solid rgba(0,0,0,.2);
	container-name: table-container;
	container-type: inline-size;
}

	.table-container header[b-mkcj7lrozi] {
		padding: 2rem var(--table-container-spacing);
		display: grid;
		grid-template-columns: 3fr 1fr;
		column-gap: 2rem;
		row-gap: 1rem;
		justify-content: space-between;
		border-bottom: 1px solid rgba(0,0,0,.2);
	}

		.table-container header .button-container[b-mkcj7lrozi] {
			grid-column: 1/3;
			grid-row: 2/3;
			margin: 0;
			display: flex;
			flex-wrap: wrap;
			container-type: inline-size;
			width: unset;
		}

			.table-container header .button-container[b-mkcj7lrozi]  button {
				border-color: rgba(0,0,0,.2);
				padding: .8rem 1.2rem;
			}

		.table-container header[b-mkcj7lrozi]  .search-container:focus-within {
			outline: auto;
		}

	.table-container .table-top[b-mkcj7lrozi] {
		display: flex;
		flex-direction: column;
		gap: .5rem;
	}

[b-mkcj7lrozi] .search-container {
	height: fit-content;
	min-height: 4.1rem;
}

/* --------------------- table --------------------- */
table[b-mkcj7lrozi] {
	border: none;
	line-height: normal;
	margin: 0;
	margin-bottom: 2rem;
	margin-top: 1rem;
}

	table[b-mkcj7lrozi],
	table tr[b-mkcj7lrozi],
	table tr td[b-mkcj7lrozi],
	table tr th[b-mkcj7lrozi] {
		background-color: transparent;
		border: none;
	}

		table tbody tr.main-row[b-mkcj7lrozi] {
			border-bottom: 1px solid rgba(0,0,0,.2);
		}

			table tbody tr.main-row.last-main-row[b-mkcj7lrozi] {
				border-bottom: none;
			}

				table tbody tr.main-row.last-main-row ~ tr.expand-item-row .dropdown-items[b-mkcj7lrozi] {
					border-bottom: none;
					border-top: 1px solid rgba(0,0,0,.2);
				}

@media (pointer: fine) and (hover: hover) {
	table tbody tr:hover[b-mkcj7lrozi] {
		background-color: rgba(0,0,0,.05);
	}
}

table td:nth-child(1)[b-mkcj7lrozi],
table th:nth-child(1)[b-mkcj7lrozi] {
	padding-left: var(--table-container-spacing);
	border: none;
}

table[b-mkcj7lrozi]  td:nth-last-child(1),
table[b-mkcj7lrozi]  th:nth-last-child(1) {
	padding-right: var(--table-container-spacing);
	border: none;
}

table thead[b-mkcj7lrozi] {
	background-color: white;
	position: sticky;
	top: 106px;
	z-index: 2;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

	table thead th[b-mkcj7lrozi] {
		padding-top: 1.5rem;
		padding-bottom: 1rem;
	}

		table thead th.Debtor[b-mkcj7lrozi],
		table thead th.Invoice[b-mkcj7lrozi] {
			padding-left: 1.4rem;
			padding-right: 1.4rem;
		}

th.Match[b-mkcj7lrozi] {
	padding-left: calc(.6rem + 1.2rem);
	padding-right: calc(.6rem + 1.2rem);
}

.Dropdown-toggle[b-mkcj7lrozi] {
	width: 0;
}

	.Dropdown-toggle button[b-mkcj7lrozi] {
		all: revert;
		background-color: transparent;
		border: 1px solid transparent;
		padding: .8rem;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}

		.Dropdown-toggle button[b-mkcj7lrozi]  svg {
			height: 1lh;
			width: auto;
		}

		.Dropdown-toggle button.open[b-mkcj7lrozi]  svg {
			transform: rotate(90deg);
		}

.Date[b-mkcj7lrozi] {
	width: 0;
}

td a[b-mkcj7lrozi] {
	color: black;
	padding: .8rem;
	display: flex;
	align-items: center;
	cursor: pointer;
	outline-offset: -1px;
	text-decoration: underline;
	text-underline-offset: .4rem;
}


.Debtor[b-mkcj7lrozi] {
	width: 0;
}

	.Debtor[b-mkcj7lrozi]  a {
		justify-content: center;
	}

.AccountHolder[b-mkcj7lrozi] {
	width: 30ch;
	text-wrap: wrap;
}

.Amount[b-mkcj7lrozi],
.Open[b-mkcj7lrozi] {
	width: 0;
}

.Reference[b-mkcj7lrozi] {
	max-width: 30ch;
	text-overflow: ellipsis;
	overflow: hidden;
}

.Match[b-mkcj7lrozi],
.Hidden[b-mkcj7lrozi],
.BlackList[b-mkcj7lrozi],
.RFRefound[b-mkcj7lrozi] {
	width: 0;
	text-align: center;
}

td button[b-mkcj7lrozi] {
	all: revert;
	padding: .8rem 1.2rem;
	border-radius: .3rem;
	cursor: pointer;
}

.Match-button[b-mkcj7lrozi] {
	border: 1px solid #D1F951;
	background-color: #D1F951;
}

	.Match-button:is(:hover, :focus)[b-mkcj7lrozi] {
		border-color: #98C507;
		background-color: #98C507;
	}

.Hide-button[b-mkcj7lrozi] {
	white-space: nowrap;
	background-color: transparent;
	padding: .8rem 1.2rem;
	border: 1px solid rgba(0,0,0,.3);
}

	.Hide-button:is(:hover, :focus)[b-mkcj7lrozi] {
		border-color: rgba(0,0,0,.7);
	}

.Blacklist-button[b-mkcj7lrozi] {
	background-color: black;
	border: 1px solid black;
	color: white;
}

	.Blacklist-button:is(:hover, :focus)[b-mkcj7lrozi] {
		background-color: #555555;
		border-color: #555555;
	}

.RFPaybackButton[b-mkcj7lrozi] {
	white-space: nowrap;
	background-color: transparent;
	padding: .8rem 1.2rem;
	border: 1px solid rgba(0,0,0,.3);
}

	.RFPaybackButton:is(:hover, :focus)[b-mkcj7lrozi] {
		border-color: rgba(0,0,0,.7);
	}

.PSD2[b-mkcj7lrozi],
.Blacklist[b-mkcj7lrozi] {
	width: 0;
}

.expand-item-row[b-mkcj7lrozi] {
	border: unset;
}

	.expand-item-row td[b-mkcj7lrozi] {
		padding: 0 !important;
	}

.dropdown-items[b-mkcj7lrozi] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	padding: .5rem var(--table-container-spacing) .5rem calc(var(--table-container-spacing) + 1lh + (.8rem * 2) + (.6rem * 2));
	border-bottom: 1px solid rgba(0,0,0,.2);
}

	.dropdown-items > p[b-mkcj7lrozi] {
		display: grid;
		grid-template-columns: 32rem 1fr;
		align-items: center;
	}

		.dropdown-items > p > *:nth-last-child(1)[b-mkcj7lrozi] {
			text-align: left;
			width: fit-content;
			padding: .8rem;
		}

.button-container[b-mkcj7lrozi] {
	margin: 2rem 0;
	display: flex;
	gap: .5rem;
}

.bank-statement-records-checkmarks[b-mkcj7lrozi] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 2rem;
	row-gap: .5rem;
}

	.bank-statement-records-checkmarks > *[b-mkcj7lrozi] {
		display: flex;
		align-items: center;
		gap: 1rem;
		justify-content: space-between;
		border: 1px solid rgba(0,0,0,.2);
		padding: .5rem 1.2rem;
		border-radius: .6rem;
	}

	.bank-statement-records-checkmarks[b-mkcj7lrozi]  svg {
		height: 1lh;
		width: auto;
		line-height: normal;
		fill: black;
	}

		.bank-statement-records-checkmarks[b-mkcj7lrozi]  svg path {
			fill: inherit;
		}

		.bank-statement-records-checkmarks[b-mkcj7lrozi]  svg.Checkmark {
			fill: green;
		}

		.bank-statement-records-checkmarks[b-mkcj7lrozi]  svg.Cross {
			fill: red;
		}

@media (prefers-reduced-motion: no-preference) {
	.Dropdown-toggle button[b-mkcj7lrozi]  svg {
		transition: transform .3s ease-in-out;
	}

	.Match-button[b-mkcj7lrozi] {
		transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
	}

	.Hide-button[b-mkcj7lrozi] {
		transition: border .3s ease-in-out;
	}

	.Blacklist-button[b-mkcj7lrozi] {
		transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
	}

	.RFPaybackButton[b-mkcj7lrozi] {
		transition: border .3s ease-in-out;
	}
}
/* -------------------- dialog -------------------- */
:: deep .title-bar-wrapper[b-mkcj7lrozi] {
	margin-bottom: 1rem;
	height: fit-content;
	align-items: center;
}

	[b-mkcj7lrozi] .title-bar-wrapper h1 {
		color: black;
		margin: 0;
		padding: 0;
		line-height: normal;
	}

	[b-mkcj7lrozi] .title-bar-wrapper button {
		all: revert;
		height: fit-content;
		width: fit-content;
		padding: 1rem;
		border: none;
		background-color: transparent;
		border-radius: .6rem;
		display: grid;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}

		[b-mkcj7lrozi] .title-bar-wrapper button:is(:hover, :focus) {
			background-color: transparent;
		}

		[b-mkcj7lrozi] .title-bar-wrapper button svg {
			height: 1lh;
			width: auto;
			line-height: normal;
		}

			[b-mkcj7lrozi] .title-bar-wrapper button svg path {
				fill: rgba(0,0,0,.2);
			}

		[b-mkcj7lrozi] .title-bar-wrapper button:is(:hover, :focus) svg path {
			fill: rgba(0,0,0,.7);
		}

[b-mkcj7lrozi] dialog .modal-text {
	margin-bottom: 3rem;
	line-height: normal;
}

@container table-container (width > 142rem) {
	p.Debtor[b-mkcj7lrozi],
	p.Name[b-mkcj7lrozi],
	p.Invoice[b-mkcj7lrozi]{
		display: none;
	}
}

@container main (width > 50rem) {
	.table-container[b-mkcj7lrozi] {
		--table-container-spacing: 3rem;
	}
}

/* -------------------- modal / dialog -------------------- */
[b-mkcj7lrozi] .modal-container dialog {
	height: 100%;
	display: grid;
	grid-template-rows: auto auto 1fr auto;
	background-color: white;
	border-radius: 0;
}
/* _content/Dbo365.Debiteuren/Views/Verhuur/TakeOutForm.razor.rz.scp.css */
button[b-zpc4noggih] {
	font-size: 14px;
}

main[b-zpc4noggih] {
	display: grid;
	grid-template-columns: [page-start] auto [break-start] 1rem [content-start] minmax(0px, 700px) [content-end] 1rem [break-start] auto [page-end];
	grid-template-rows: repeat(auto-fill, minmax(0px, auto));
	grid-template-rows: auto 1fr auto;
}

[b-zpc4noggih] input {
	border: none;
}

	[b-zpc4noggih] input[type=file] {
		position: absolute;
		left: -999999px;
	}

main > *[b-zpc4noggih] {
	grid-area: content;
	grid-row: unset;
}

h1[b-zpc4noggih] {
	padding: .5rem;
}

h2[b-zpc4noggih] {
	font-size: 1.17em;
	font-weight: bold;
}

.form[b-zpc4noggih] {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	height: fit-content;
	padding-bottom: 2rem;
	container-type: inline-size;
}

	.form .data-container[b-zpc4noggih] {
		display: flex;
		flex-direction: column;
		column-gap: 2rem;
		row-gap: .5rem;
	}

		.form .data-container > *[b-zpc4noggih] {
			display: flex;
			flex-direction: column;
			row-gap: .5rem;
			width: 100%;
			padding: .5rem;
			border-bottom: 1px solid var(--color-gray-400, gray);
			min-height: 50px;
		}

	.form > label[b-zpc4noggih] {
		padding-top: 0;
	}

.img-collection[b-zpc4noggih] {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	border: unset;
	align-items: unset;
}

	.img-collection[b-zpc4noggih]  .upload-container {
		border: none;
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px rgba(0, 0, 0, 0.5);
	}

	.img-collection .CustomPlaceHolder[b-zpc4noggih] {
		text-align: center;
	}

	.img-collection .remark[b-zpc4noggih] {
		display: flex;
		flex-direction: column;
		gap: .5rem;
		padding: .5rem;
		position: relative;
		z-index: 2;
	}

footer[b-zpc4noggih] {
	display: grid;
	grid-template-columns: inherit;
	grid-area: page;
	position: sticky;
	bottom: 0;
	width: 100%;
	padding: 1rem 0;
	background-color: white;
	border-top: 1px solid gray;
	z-index: 3;
}

	footer > *[b-zpc4noggih] {
		grid-area: content;
		display: flex;
		gap: 1rem;
		border-bottom: none;
	}

.canvas-container[b-zpc4noggih] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.empty-canvas[b-zpc4noggih] {
	all: revert;
	background-color: transparent;
	padding: .8rem 1.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid gray;
	border-radius: .6rem;
	width: fit-content;
	cursor: pointer;
}

	.empty-canvas:is(:hover, :focus)[b-zpc4noggih] {
		background-color: #f8f8f8;
	}

[b-zpc4noggih] canvas {
	width: 100%;
	height: 100%;
}

	[b-zpc4noggih] canvas.disabled {
		cursor: not-allowed !important;
	}

[b-zpc4noggih] .img-container.invalid label {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px #F94848;
}

[b-zpc4noggih] button[type="submit"].invalid {
	background-color: #F94848;
	border: 1px solid #F94848;
}

[b-zpc4noggih] .invalid canvas {
	border: 2px dotted red !important;
}

[b-zpc4noggih] .enddate-input-container.invalid input {
	border: 1px solid red !important;
}

.img-collection textarea[b-zpc4noggih] {
	width: 100%;
	--padding: 10px;
	min-height: calc(2lh + 2 * var(--padding));
	max-height: calc(5lh + 2 * var(--padding));
	field-sizing: content;
	padding: var(--padding);
	line-height: 1.5;
	padding-inline: calc(var(--padding) + calc((1lh - 1ex) / 2));
	resize: none;
	border-radius: .5rem;
}

[b-zpc4noggih] .upload label > div, [b-zpc4noggih] .img-container > div {
	gap: .5rem;
}

.image-container[b-zpc4noggih] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

[b-zpc4noggih] input[type=number]::-webkit-inner-spin-button,
[b-zpc4noggih] input[type=number]::-webkit-outer-spin-button,
[b-zpc4noggih] input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.new-damage[b-zpc4noggih] {
	border: unset;
	background-color: unset;
	border: 1px solid gray;
	border-radius: .6rem;
	text-align: center;
	width: fit-content;
	padding: .8rem 1.4rem;
	grid-template-columns: unset;
	cursor: pointer;
}

	.new-damage:is(:hover, :focus)[b-zpc4noggih] {
		background-color: #f8f8f8;
	}

[b-zpc4noggih] input[type=upload] {
	position: absolute;
	left: -999999px;
}

.data-container .data-row[b-zpc4noggih] {
	grid-template-columns: 1fr 1fr;
	row-gap: 5px;
	column-gap: 24px;
}

@container (min-width: 580px) {

	main[b-zpc4noggih] {
		grid-template-columns: [page-start] auto [break-start] 2rem [content-start] minmax(0px, 700px) [content-end] 2rem [break-start] auto [page-end];
	}

	.form .data-container > *[b-zpc4noggih] {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}

@container (min-width: 525px) {
	/*		.number-count {
			max-width: 300px;
		}*/

	.img-collection[b-zpc4noggih] {
		grid-template-columns: 1fr 1fr;
	}
}

@media (prefers-reduced-motion: no-preference) {
	button[b-zpc4noggih],
	[b-zpc4noggih] button {
		transition: all .2s ease-in-out !important;
	}
}

@media (hover: hover) and (pointer: fine) {
	.number-count button[b-zpc4noggih] {
		border-left: 1px solid gray;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		cursor: pointer;
		padding: 7px;
	}

	@supports(aspect-ratio: 1) {
		.number-count button[b-zpc4noggih] {
			aspect-ratio: 1;
		}
	}
}

[b-zpc4noggih] input[type=datetime-local].invalid, input[type=datetime-local].invalid[b-zpc4noggih] {
	border: 1px solid #F94848;
}

[b-zpc4noggih] .date {
	border: 1px solid #ccc;
}

[b-zpc4noggih] .DebEditor.NewLayout.Int32 input {
	width: 100%;
	height: 100%;
	padding-left: 1rem;
}

[b-zpc4noggih] label:has(.DebEditor.NewLayout.Int32) {
	max-width: none;
}

[b-zpc4noggih] .date-selector input[type=number], [b-zpc4noggih] .date-selector input[type=text] {
	width: 100%;
	height: 100%;
	min-width: unset;
	padding: 1rem 1rem;
}

[b-zpc4noggih] .datepicker-wrapper {
	border-left: 1px solid #ccc;
}

[b-zpc4noggih] .datepicker-wrapper {
	border-left: 1px solid #ccc;
}

[b-zpc4noggih] .DebEditor.Int32:has(.invalid) {
	border: solid 1px red;
}

[b-zpc4noggih] .title-bar-wrapper h1 {
	font-size: 2rem;
}
/* _content/Dbo365.Debiteuren/Views/Workflow/Index.razor.rz.scp.css */
button[b-jeco0ntzyj] {
	font-size: 14px;
}

h1[b-jeco0ntzyj],
h2[b-jeco0ntzyj],
h3[b-jeco0ntzyj],
h4[b-jeco0ntzyj],
h5[b-jeco0ntzyj],
h6[b-jeco0ntzyj],
p[b-jeco0ntzyj] {
	border: unset;
	padding: 0;
	line-height: normal;
	color: black;
}

h1[b-jeco0ntzyj],
h2[b-jeco0ntzyj],
h3[b-jeco0ntzyj],
h4[b-jeco0ntzyj],
h5[b-jeco0ntzyj],
h6[b-jeco0ntzyj],
p[b-jeco0ntzyj],
button[b-jeco0ntzyj],
hr[b-jeco0ntzyj] {
	margin: 0;
	box-shadow: unset;
}

main[b-jeco0ntzyj] {
	display: grid;
	grid-template-columns: [page-start] auto [break-start] minmax(1rem, 5%) [content-start] minmax(0px, calc(1920px - 10vw)) [content-end] minmax(1rem, 5%) [break-start] auto [page-end];
	position: relative;
	container-type: inline-size;
	background: #F9F9F9;
}



	main[b-jeco0ntzyj] >  header {
		grid-template-columns: inherit;
	}

		main > header > div[b-jeco0ntzyj],
		main > section[b-jeco0ntzyj],
		main > div[b-jeco0ntzyj] {
			grid-column: content;
		}

	main > section[b-jeco0ntzyj],
	main[b-jeco0ntzyj]  .form-inline {
		padding: 2rem 0;
	}

	main[b-jeco0ntzyj]  .form-inline {
		grid-column: content;
		border: none;
	}

.page-location-container[b-jeco0ntzyj] {
	padding: 30px var(--side-spacing) 20px var(--side-spacing);
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

	.page-location-container h1[b-jeco0ntzyj] {
		padding: 0px;
		margin: 0px;
		border: none;
		font-size: 30px;
		line-height: normal;
	}


.breadcrumbs[b-jeco0ntzyj] {
	display: flex;
	flex-wrap: wrap;
}

	.breadcrumbs li:not(:first-child)[b-jeco0ntzyj]:before {
		content: "/";
		padding: 0 8px;
		color: black;
	}

	.breadcrumbs a[b-jeco0ntzyj] {
		padding: 5px;
		color: black;
	}

		.breadcrumbs a:hover[b-jeco0ntzyj],
		.breadcrumbs a:focus[b-jeco0ntzyj] {
			color: green;
			text-decoration: underline;
		}

[b-jeco0ntzyj] .accordion {
	margin: 0;
	padding: 0 0 2rem 0;
	border-bottom: 1px solid #ccc;
	grid-column: page;
	display: grid;
	grid-template-columns: inherit;
	background: white;
}

	[b-jeco0ntzyj] .accordion ul {
		display: flex;
		background-color: unset;
		justify-content: unset;
		padding: 0;
		grid-column: content;
	}

	[b-jeco0ntzyj] .accordion li {
		border: unset;
		background-color: unset;
		cursor: pointer;
		background-color: unset !important;
		color: black;
		padding: unset;
		border-bottom: 2px solid transparent;
	}

	[b-jeco0ntzyj] .accordion li:is(:hover, :focus-within) {
		border-color: #ccc;
	}

	[b-jeco0ntzyj] .accordion ul a {
		background-color: transparent;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		padding: 5px;
		color: black;
		line-height: normal;
	}

	[b-jeco0ntzyj] .accordion .active {
		border-color: green !important;
	}

section[b-jeco0ntzyj] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	border-bottom: 1px solid gray;
}

	section > header[b-jeco0ntzyj] {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

		section > header > title[b-jeco0ntzyj] {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			width: 100%;
		}

.title[b-jeco0ntzyj] {
	display: flex;
	justify-content: space-between;
	align-items:center;
	width: 100%;
}

.button-container[b-jeco0ntzyj] {
	display: flex;
}

	.button-container button[b-jeco0ntzyj] {
		background-color: transparent;
		border: unset;
		padding: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		fill: #a1a1a1;
		cursor: pointer;
		height: fit-content;
	}

		.button-container button svg[b-jeco0ntzyj] {
			fill: #a1a1a1;
			width: auto;
			height: 18px;
		}

	.button-container .edit:is(:hover, :focus) svg[b-jeco0ntzyj] {
		fill: #2a2a2a;
	}

	.button-container .delete:is(:hover, :focus) svg[b-jeco0ntzyj] {
		fill: #FF5151;
	}


.container[b-jeco0ntzyj] {
	display: flex;
	height: fit-content;
	overflow-x: auto;
}

	.container:has(.box-0)[b-jeco0ntzyj] {
		height: calc(20px + (200px * 1));
		align-items: flex-end;
	}

	.container:has(.box-1)[b-jeco0ntzyj] {
		height: calc(20px + (200px * 2));
		align-items: center;
	}



@media (hover : hover) and (pointer : fine) {
	.container[b-jeco0ntzyj]::-webkit-scrollbar {
		width: 10px;
		height: 10px;
	}

	.container[b-jeco0ntzyj]::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
	}

	.container[b-jeco0ntzyj]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		.container[b-jeco0ntzyj]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

.time-line-container[b-jeco0ntzyj] {
	--box-width: 250px;
	--gap-width: 16px;
	--box-count: 0;
	--offset: 32px;
	width: 100%;
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 1.5rem;
	align-items: center;
}

.time-line[b-jeco0ntzyj] {
	min-width: calc((var(--box-count) * ((var(--box-width) / 2) + (var(--gap-width) / 2))) + ((var(--box-width) / 2) + (var(--gap-width) / 2)));
	position: relative
}

hr[b-jeco0ntzyj] {
	height: 3px;
	background-color: black;
	border: unset;
	border-radius: 100px;
}

.box[b-jeco0ntzyj] {
	--left: 1.5rem;
	border: 1px solid #A1A1A1;
	border-radius: 5px;
	padding: 10px;
	position: absolute;
	box-shadow: 0 2px 6px 0 rgba(0,0,0, .25);
	width: var(--box-width);
	left: calc(var(--box-count) * ((var(--box-width) / 2) + (var(--gap-width) / 2)));
	display: flex;
	flex-direction: column;
	gap: 10px;
	background-color: white;
}

	.box[b-jeco0ntzyj]::after {
		content: '';
		height: 32px;
		width: 1px;
		background-color: #4D4D4D;
		position: absolute;
		left: var(--left);
	}

	.box[b-jeco0ntzyj]::before {
		content: '';
		height: 9px;
		width: 9px;
		border-radius: 500px;
		background-color: #A1A1A1;
		display: block;
		position: absolute;
		left: var(--left);
		z-index: 5;
	}

	.box:nth-child(even)[b-jeco0ntzyj] {
		top: var(--offset);
	}

		.box:nth-child(even)[b-jeco0ntzyj]::after {
			top: calc(-1 * var(--offset));
		}

		.box:nth-child(even)[b-jeco0ntzyj]::before {
			top: calc(-1 * var(--offset));
			transform: translate(-4px, -4px);
		}

	.box:nth-child(odd)[b-jeco0ntzyj] {
		bottom: var(--offset);
	}

		.box:nth-child(odd)[b-jeco0ntzyj]::after {
			bottom: calc(-1 * var(--offset));
		}

		.box:nth-child(odd)[b-jeco0ntzyj]::before {
			bottom: calc(-1 * var(--offset));
			transform: translate(-4px, 4px);
		}

	.box header[b-jeco0ntzyj] {
		display: flex;
		justify-content: space-between;
		gap: 1rem;
	}

	.box h3[b-jeco0ntzyj] {
		font-size: 16px;
		display: flex;
		align-items: center;
	}

.contact[b-jeco0ntzyj] {
	display: flex;
	gap: 5px;
}

	.contact button[b-jeco0ntzyj] {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 5px;
		border: 1px solid gray;
		border-radius: 500px;
		background-color: transparent;
		position: relative;
	}

		.contact button:is(:hover, :focus)[b-jeco0ntzyj] {
			background-color: #E4E4E4;
		}

		.contact button.active[b-jeco0ntzyj] {
			background-color: #D1F951;
			fill: #133416;
		}

		.contact button[b-jeco0ntzyj]::after,
		.contact button[b-jeco0ntzyj]::before {
			pointer-events: none;
		}

		.contact button[b-jeco0ntzyj]::after {
			content: attr(data-title);
			position: absolute;
			bottom: calc(100% + 5px);
			background-color: rgba(0, 0, 0, 0.8);
			color: white;
			padding: 5px 10px;
			border-radius: 5px;
			white-space: nowrap;
			opacity: 0;
			left: 50%;
			transform: translateX(-50%);
			transition: all 0.3s ease-in-out;
		}

		.contact button[b-jeco0ntzyj]::before {
			content: "";
			position: absolute;
			top: -5px;
			left: 50%;
			transform: translateX(-50%) rotate(180deg);
			border-width: 5px;
			border-style: solid;
			border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
			opacity: 0;
		}

		.contact button:is(:hover, :focus)[b-jeco0ntzyj]::after,
		.contact button:is(:hover, :focus)[b-jeco0ntzyj]::before {
			opacity: 1;
		}

.state[b-jeco0ntzyj] {
	--padding: 5px;
	--border: 1px solid gray;
	border-radius: inherit;
	position: relative;
}

	.state p[b-jeco0ntzyj] {
		padding: var(--padding);
		border: var(--border);
		border-radius: inherit;
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
	}


@media (prefers-reduced-motion: no-preference) {
	button[b-jeco0ntzyj],
	[b-jeco0ntzyj] button {
		transition: all .2s ease-in-out;
	}

	.button-container button svg[b-jeco0ntzyj] {
		transition: all .2s ease-in-out;
	}

	.contact button[b-jeco0ntzyj]::after,
	.contact button[b-jeco0ntzyj]::before {
		transition: all 0.3s ease-in-out;
	}
}

@media (hover: hover) and (pointer: fine) {
	.number-count button[b-jeco0ntzyj] {
		border-left: 1px solid gray;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		cursor: pointer;
		padding: 7px;
	}

	@supports(aspect-ratio: 1) {
		.number-count button[b-jeco0ntzyj] {
			aspect-ratio: 1;
		}
	}
}
/* _content/Dbo365.Debiteuren/Views/Workflow/Index2.razor.rz.scp.css */
button[b-ybo8du8nn8] {
	font-size: 14px;
}

h1[b-ybo8du8nn8],
h2[b-ybo8du8nn8],
h3[b-ybo8du8nn8],
h4[b-ybo8du8nn8],
h5[b-ybo8du8nn8],
h6[b-ybo8du8nn8],
p[b-ybo8du8nn8],
span[b-ybo8du8nn8],
u[b-ybo8du8nn8] {
	border: unset;
	padding: 0;
	line-height: normal;
	color: black;
}

h1[b-ybo8du8nn8],
h2[b-ybo8du8nn8],
h3[b-ybo8du8nn8],
h4[b-ybo8du8nn8],
h5[b-ybo8du8nn8],
h6[b-ybo8du8nn8],
p[b-ybo8du8nn8],
button[b-ybo8du8nn8],
hr[b-ybo8du8nn8] {
	margin: 0;
	box-shadow: unset;
}

main[b-ybo8du8nn8] {
	--side-spacing: 5vw;
	--min-side-spacing: 1rem;
	--max-page-width: 1920px;
	display: grid;
	grid-template-columns: [page-start] auto [break-start] minmax(var(--min-side-spacing), var(--side-spacing)) [content-start] minmax(0px, calc(var(--max-page-width) - (var(--side-spacing) - var(--side-spacing)))) [content-end] minmax(var(--min-side-spacing), var(--side-spacing)) [break-start] auto [page-end];
	position: relative;
	container-type: inline-size;
	background: #F9F9F9;
}

	main[b-ybo8du8nn8] >  header {
		grid-template-columns: inherit;
	}

	main > nav[b-ybo8du8nn8] {
		grid-column: content;
	}

	main > section[b-ybo8du8nn8] {
		grid-column: content;
	}

	/*	main > section,
	main ::deep .form-inline {
		padding: 2rem 0;
	}*/

	main[b-ybo8du8nn8]  .form-inline {
		grid-column: content;
		border: none;
		padding: 2rem 0;
		background-color: transparent;
	}

.page-location-container[b-ybo8du8nn8] {
	padding: 30px var(--side-spacing) 20px var(--side-spacing);
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

	.page-location-container h1[b-ybo8du8nn8] {
		padding: 0px;
		margin: 0px;
		border: none;
		font-size: 30px;
		line-height: normal;
	}


.breadcrumbs[b-ybo8du8nn8] {
	display: flex;
	flex-wrap: wrap;
}

	.breadcrumbs li:not(:first-child)[b-ybo8du8nn8]:before {
		content: "/";
		padding: 0 8px;
		color: black;
	}

	.breadcrumbs a[b-ybo8du8nn8] {
		padding: 5px;
		color: black;
	}

		.breadcrumbs a:hover[b-ybo8du8nn8],
		.breadcrumbs a:focus[b-ybo8du8nn8] {
			color: green;
			text-decoration: underline;
		}

[b-ybo8du8nn8] .accordion {
	margin: 0;
	padding: 0;
	grid-column: content;
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
	container-type: inline-size;
	gap: .5rem;
}

	[b-ybo8du8nn8] .accordion > ul,
	[b-ybo8du8nn8] .accordion > ul > li,
	[b-ybo8du8nn8] .accordion.active {
		all: revert;
		margin: 0;
		padding: 0;
		list-style-type: none;
		background-color: transparent;
	}

	[b-ybo8du8nn8] .accordion .tab-data {
		display: grid;
	}

		[b-ybo8du8nn8] .accordion .tab-data li {
			cursor: pointer;
			color: black;
			border-bottom: 2px solid transparent;
			border-top: 2px solid transparent;
			width: 100%;
			display: flex;
			justify-content: unset;
		}

			[b-ybo8du8nn8] .accordion .tab-data li:is(:hover, :focus-within) {
				border-bottom-color: #ccc;
			}

		[b-ybo8du8nn8] .accordion .tab-data a {
			background-color: transparent;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			padding: .8rem .5rem;
			color: black;
			line-height: normal;
			white-space: nowrap;
		}

		[b-ybo8du8nn8] .accordion .tab-data .active,
		[b-ybo8du8nn8] .accordion .tab-data .active:is(:hover, :focus-within) {
			border-bottom-color: green;
		}

	[b-ybo8du8nn8] .accordion .functions {
		display: grid;
		grid-template-columns: 1fr 1fr;
		height: fit-content;
		width: 100%;
		gap: .5rem;
	}

		[b-ybo8du8nn8] .accordion .functions li {
			display: grid;
		}

			[b-ybo8du8nn8] .accordion .functions li:nth-last-child(1) {
				grid-column: span 2;
			}

		[b-ybo8du8nn8] .accordion .functions button {
			background-color: transparent;
			border: 1px solid #ccc;
			border-radius: .5rem;
			cursor: pointer;
			padding: .8rem 1rem;
			color: black;
			line-height: normal;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 5px;
			cursor: pointer;
			font-family: Roboto, Sora, Arial, Helvetica,'Open Sans';
			white-space: nowrap;
		}

			[b-ybo8du8nn8] .accordion .functions button:is(:hover, :focus) {
				border-color: #999;
			}

		[b-ybo8du8nn8] .accordion .functions .action-link {
			all: revert;
			display: flex;
			gap: 5px;
			align-items: center;
			background-color: #D1F951;
			border-radius: .5rem;
			padding: .8rem 1.2rem;
			border: unset;
			cursor: pointer;
			white-space: nowrap;
		}

			[b-ybo8du8nn8] .accordion .functions .action-link:is(:hover, :focus) {
				border: unset;
				background-color: #A1D104;
			}

@media (hover: hover) and (pointer: fine) {
	[b-ybo8du8nn8] .accordion ul::-webkit-scrollbar {
		height: 7px;
	}

	[b-ybo8du8nn8] .accordion ul::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
	}

	[b-ybo8du8nn8] .accordion ul::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		[b-ybo8du8nn8] .accordion ul::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

@container (min-width: 385px) {
	[b-ybo8du8nn8] .accordion .functions {
		display: flex;
	}
}

@media only screen and (min-width: 650px) {
	[b-ybo8du8nn8] .accordion .tab-data {
		display: flex;
		flex-wrap: wrap;
	}

	[b-ybo8du8nn8] .accordion .tab-data li{
		width: unset;
	}
}

@media only screen and (min-width: 1060px) {
	[b-ybo8du8nn8] .accordion{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		gap: .5rem;
	}

		[b-ybo8du8nn8] .accordion .functions {
			width: fit-content;
		}
}

section[b-ybo8du8nn8] {
	--workflow-padding: clamp(.5rem, 5vw, 2rem);
	display: flex;
	flex-direction: column;
	gap: .5rem;
	padding: 1rem 0 0 0;
	border-radius: .5rem;
	border: 1px dashed gray;
	margin-top: 2rem;
}


	section:nth-last-child(1)[b-ybo8du8nn8] {
		margin-bottom: 2rem;
	}

	section > *[b-ybo8du8nn8] {
		padding-left: var(--workflow-padding);
		padding-right: var(--workflow-padding);
	}

	section > header[b-ybo8du8nn8] {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

		section > header > .title[b-ybo8du8nn8] {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap-reverse;
			align-items: center;
			width: 100%;
			position: relative;
		}

		section > header .reason[b-ybo8du8nn8] {
			display: flex;
		}

		section > header .button-container[b-ybo8du8nn8] {
			display: flex;
			gap: 5px;
			margin-left: auto;
		}

			section > header .button-container.active[b-ybo8du8nn8] {
				display: flex;
			}

			section > header .button-container button[b-ybo8du8nn8] {
				all: revert;
				border: none;
				background-color: transparent;
				padding: 5px;
				display: flex;
				align-items: center;
				justify-content: center;
				cursor: pointer;
				height: fit-content;
				position: relative;
			}

				section > header .button-container button[b-ybo8du8nn8]  svg {
					fill: #a1a1a1;
					width: auto;
					height: 18px;
				}

					section > header .button-container button[b-ybo8du8nn8]  svg path {
						fill: inherit;
					}

			section > header .button-container .edit:is(:hover, :focus)[b-ybo8du8nn8]  svg {
				fill: #2a2a2a;
			}

			section > header .button-container .delete:is(:hover, :focus)[b-ybo8du8nn8]  svg {
				fill: #FF5151;
			}

@media (hover: hover) and (pointer: fine) {
	section > header .button-container button[b-ybo8du8nn8]::after,
	section > header .button-container button[b-ybo8du8nn8]::before {
		pointer-events: none;
	}

	section > header .button-container button[b-ybo8du8nn8]::after {
		content: attr(data-title);
		position: absolute;
		bottom: calc(100% + 5px);
		background-color: rgba(0, 0, 0, 0.8);
		color: white;
		padding: 5px 10px;
		border-radius: 5px;
		white-space: nowrap;
		opacity: 0;
		transition: opacity 0.3s ease;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.3s ease-in-out;
		line-height: normal;
	}

	section > header .button-container button[b-ybo8du8nn8]::before {
		content: "";
		position: absolute;
		top: -5px;
		left: 50%;
		transform: translateX(-50%) rotate(180deg);
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	section > header .button-container button:is(:hover, :focus)[b-ybo8du8nn8]::after,
	section > header .button-container button:is(:hover, :focus)[b-ybo8du8nn8]::before {
		opacity: 1;
	}
}

.container[b-ybo8du8nn8] {
	display: flex;
	height: fit-content;
}

	.container:has(.box)[b-ybo8du8nn8] {
		--container-padding: 4rem;
		padding-top: calc(var(--container-padding) + .5lh);
		min-height: calc(32px + (310px * 1) + var(--container-padding) + .5lh);
		align-items: flex-start;
		overflow-x: scroll;
	}




@media (hover : hover) and (pointer : fine) {
	section[b-ybo8du8nn8] {
		padding: 1rem 0;
	}

	.container[b-ybo8du8nn8]::-webkit-scrollbar {
		width: 10px;
		height: 7px;
	}

	.container[b-ybo8du8nn8]::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
		margin-left: var(--workflow-padding);
		margin-right: var(--workflow-padding);
	}

	.container[b-ybo8du8nn8]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		.container[b-ybo8du8nn8]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

.time-line-container[b-ybo8du8nn8] {
	--box-width: 250px;
	--gap-width: 16px;
	--box-count: 0;
	--offset: 32px;
	width: 100%;
	min-width: fit-content;
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 1.5rem;
	align-items: center;
}

.time-line[b-ybo8du8nn8] {
	min-width: calc(var(--box-count) * (var(--box-width) + var(--gap-width)) - var(--gap-width));
	position: relative
}

hr[b-ybo8du8nn8] {
	height: 3px;
	background-color: black;
	border: unset;
	border-radius: 100px;
}

.box[b-ybo8du8nn8] {
	--left: 1.5rem;
	--box-padding: 10px;
	position: absolute;
	width: var(--box-width);
	left: calc(var(--box-count) * (var(--box-width) + var(--gap-width) ));
	top: var(--offset);
}

	.box[b-ybo8du8nn8]::after {
		content: '';
		height: 32px;
		width: 1px;
		background-color: #4D4D4D;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: calc(-1 * var(--offset));
	}

	.box[b-ybo8du8nn8]::before {
		content: '';
		height: 9px;
		width: 9px;
		border-radius: 500px;
		background-color: #A1A1A1;
		display: block;
		position: absolute;
		transform: translateX(-50%);
		z-index: 5;
		top: calc(-1 * var(--offset) + 2px);
		left: 50%;
		transform: translate(-50%, -50%);
	}


.day-number[b-ybo8du8nn8] {
	position: absolute;
	bottom: calc(100% + 32px);
	padding: 1.5rem;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: center;
}

	.day-number input[b-ybo8du8nn8] {
		min-width: 4rem;
		border: none;
		background: none;
	}

.box .card-content[b-ybo8du8nn8] {
	display: grid;
	border: 1px solid #ccc;
	border-radius: .5rem;
	box-shadow: 0 2px 6px 0 rgba(0,0,0, .25);
	background-color: white;
	cursor: pointer;
}

	.box .card-content:is(:hover, :focus)[b-ybo8du8nn8] {
		border: 1px solid black;
		outline: 1px solid black;
	}

	.box .card-content.active[b-ybo8du8nn8] {
		border: 1px solid green;
		outline: 1px solid green;
		cursor: default;
	}

.box header[b-ybo8du8nn8] {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: 5px var(--box-padding);
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.box h3[b-ybo8du8nn8] {
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	display: unset;
}

.card-content > div[b-ybo8du8nn8] {
	padding: var(--box-padding);
	display: grid;
	gap: 5px;
}

.contact[b-ybo8du8nn8] {
	display: flex;
	gap: 5px;
}

	.contact > *[b-ybo8du8nn8] {
		flex: 1;
		display: grid;
		align-items: center;
		justify-content: center;
		padding: .5rem;
		border-radius: .5rem;
		position: relative;
	}

		.contact > *[disabled][b-ybo8du8nn8]  svg {
			fill: #CBCBCB;
		}

			.contact > *[disabled][b-ybo8du8nn8]  svg path {
				fill: inherit;
			}

@media (hover: hover) and (pointer: fine) {
	.contact > *[b-ybo8du8nn8]::after,
	.contact > *[b-ybo8du8nn8]::before {
		pointer-events: none;
	}

	.contact > *[b-ybo8du8nn8]::after {
		content: attr(data-title);
		position: absolute;
		bottom: calc(100% + 5px);
		background-color: rgba(0, 0, 0, 0.8);
		color: white;
		padding: 5px 10px;
		border-radius: 5px;
		white-space: nowrap;
		opacity: 0;
		transition: opacity 0.3s ease;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.3s ease-in-out;
		line-height: normal;
	}

	.contact > *[b-ybo8du8nn8]::before {
		content: "";
		position: absolute;
		top: -5px;
		left: 50%;
		transform: translateX(-50%) rotate(180deg);
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	.contact > *:is(:hover, :focus)[b-ybo8du8nn8]::after,
	.contact > *:is(:hover, :focus)[b-ybo8du8nn8]::before {
		opacity: 1;
	}
}

.state[b-ybo8du8nn8] {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

@supports (-webkit-line-clamp: 2) {
	.state[b-ybo8du8nn8] {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: initial;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		height: 2lh;
	}
}

.options[b-ybo8du8nn8] {
	display: flex;
	flex-direction: column;
	gap: inherit;
}

	.options > *[b-ybo8du8nn8] {
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: space-between;
		padding: .5rem;
		border-bottom: 1px solid #BCBCBC;
	}

		.options > *[disabled][b-ybo8du8nn8] {
			color: #CBCBCB;
		}

			.options > *[disabled][b-ybo8du8nn8]  svg {
				fill: #CBCBCB;
			}

				.options > *[disabled][b-ybo8du8nn8]  svg path {
					fill: inherit;
				}

.box .button-container[b-ybo8du8nn8] {
	display: none;
	position: absolute;
	top: calc(100% + 10px);
	left: 50%;
	transform: translateX(-50%);
	gap: 5px;
}

	.box .button-container.active[b-ybo8du8nn8] {
		display: flex;
	}

	.box .button-container button[b-ybo8du8nn8] {
		background-color: white;
		border: 1px solid #ccc;
		border-radius: 50%;
		padding: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		fill: #a1a1a1;
		cursor: pointer;
		height: fit-content;
		position: relative;
	}

		.box .button-container button svg[b-ybo8du8nn8] {
			fill: #a1a1a1;
			width: auto;
			height: 18px;
		}

	.box .button-container .edit:is(:hover, :focus) svg[b-ybo8du8nn8] {
		fill: #2a2a2a;
	}

	.box .button-container .delete:is(:hover, :focus) svg[b-ybo8du8nn8] {
		fill: #FF5151;
	}

@media (hover: hover) and (pointer: fine) {
	.box .button-container button[b-ybo8du8nn8]::after,
	.box .button-container button[b-ybo8du8nn8]::before {
		pointer-events: none;
	}

	.box .button-container button[b-ybo8du8nn8]::after {
		content: attr(data-title);
		position: absolute;
		bottom: calc(100% + 5px);
		background-color: rgba(0, 0, 0, 0.8);
		color: white;
		padding: 5px 10px;
		border-radius: 5px;
		white-space: nowrap;
		opacity: 0;
		transition: opacity 0.3s ease;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.3s ease-in-out;
		line-height: normal;
	}

	.box .button-container button[b-ybo8du8nn8]::before {
		content: "";
		position: absolute;
		top: -5px;
		left: 50%;
		transform: translateX(-50%) rotate(180deg);
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	.box .button-container button:is(:hover, :focus)[b-ybo8du8nn8]::after,
	.box .button-container button:is(:hover, :focus)[b-ybo8du8nn8]::before {
		opacity: 1;
	}
}

@media (prefers-reduced-motion: no-preference) {
	button[b-ybo8du8nn8],
	[b-ybo8du8nn8] button {
		transition: all .2s ease-in-out;
	}

	.button-container button svg[b-ybo8du8nn8] {
		transition: all .2s ease-in-out;
	}

	.contact button[b-ybo8du8nn8]::after,
	.contact button[b-ybo8du8nn8]::before {
		transition: all 0.3s ease-in-out;
	}
}

@media (hover: hover) and (pointer: fine) {
	.number-count button[b-ybo8du8nn8] {
		border-left: 1px solid gray;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		cursor: pointer;
		padding: 7px;
	}

	@supports(aspect-ratio: 1) {
		.number-count button[b-ybo8du8nn8] {
			aspect-ratio: 1;
		}
	}
}
/* _content/Dbo365.Debiteuren/Views/Workflow/WorkflowChange.razor.rz.scp.css */
button[b-3zb6rbwqpi] {
	font-size: 14px;
}

h1[b-3zb6rbwqpi],
h2[b-3zb6rbwqpi],
h3[b-3zb6rbwqpi],
h4[b-3zb6rbwqpi],
h5[b-3zb6rbwqpi],
h6[b-3zb6rbwqpi],
p[b-3zb6rbwqpi],
span[b-3zb6rbwqpi],
u[b-3zb6rbwqpi] {
	border: unset;
	padding: 0;
	line-height: normal;
	color: black;
}

h1[b-3zb6rbwqpi],
h2[b-3zb6rbwqpi],
h3[b-3zb6rbwqpi],
h4[b-3zb6rbwqpi],
h5[b-3zb6rbwqpi],
h6[b-3zb6rbwqpi],
p[b-3zb6rbwqpi],
button[b-3zb6rbwqpi],
hr[b-3zb6rbwqpi] {
	margin: 0;
	box-shadow: unset;
}

main[b-3zb6rbwqpi] {
	--side-spacing: 5vw;
	--min-side-spacing: 1rem;
	--max-page-width: 1920px;
	display: block;
	position: relative;
	container-type: inline-size;
	background: #F9F9F9;
}

	main > nav[b-3zb6rbwqpi] {
		grid-column: content;
	}

	main > section[b-3zb6rbwqpi] {
		grid-column: content;
	}

	/*	main > section,
	main ::deep .form-inline {
		padding: 2rem 0;
	}*/

	main[b-3zb6rbwqpi]  .form-inline {
		grid-column: content;
		border: none;
		padding: 2rem 0;
		background-color: transparent;
	}

.page-location-container[b-3zb6rbwqpi] {
	padding: 30px var(--side-spacing) 20px var(--side-spacing);
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

	.page-location-container h1[b-3zb6rbwqpi] {
		padding: 0px;
		margin: 0px;
		border: none;
		font-size: 30px;
		line-height: normal;
	}


.breadcrumbs[b-3zb6rbwqpi] {
	display: flex;
	flex-wrap: wrap;
}

	.breadcrumbs li:not(:first-child)[b-3zb6rbwqpi]:before {
		content: "/";
		padding: 0 8px;
		color: black;
	}

	.breadcrumbs a[b-3zb6rbwqpi] {
		padding: 5px;
		color: black;
	}

		.breadcrumbs a:hover[b-3zb6rbwqpi],
		.breadcrumbs a:focus[b-3zb6rbwqpi] {
			color: green;
			text-decoration: underline;
		}

[b-3zb6rbwqpi] .accordion {
	margin: 0;
	padding: 0;
	grid-column: content;
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
	container-type: inline-size;
	gap: .5rem;
}

	[b-3zb6rbwqpi] .accordion > ul,
	[b-3zb6rbwqpi] .accordion > ul > li,
	[b-3zb6rbwqpi] .accordion.active {
		all: revert;
		margin: 0;
		padding: 0;
		list-style-type: none;
		background-color: transparent;
	}

	[b-3zb6rbwqpi] .accordion .tab-data {
		display: grid;
		gap: .5rem;
	}

		[b-3zb6rbwqpi] .accordion .tab-data li {
			cursor: pointer;
			color: black;
			border-bottom: 2px solid transparent;
			border-top: 2px solid transparent;
			width: 100%;
			display: flex;
			justify-content: unset;
		}

			[b-3zb6rbwqpi] .accordion .tab-data li:is(:hover, :focus-within) {
				border-bottom-color: transparent;
				background: rgba(0, 0, 0, .05);
				border-radius: .6rem;
			}

		[b-3zb6rbwqpi] .accordion .tab-data a {
			background-color: transparent;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			padding: .8rem 1.2rem;
			color: black;
			line-height: normal;
			white-space: nowrap;
		}

		[b-3zb6rbwqpi] .accordion .tab-data .active {
			border-bottom-color: #D1F951;
			background: #D1F951;
			border-radius: .6rem;
		}

			[b-3zb6rbwqpi] .accordion .tab-data .active:is(:hover, :focus-within) {
				border-bottom-color: #A1D104;
				background: #A1D104;
				border-radius: .6rem;
			}

	[b-3zb6rbwqpi] .accordion .functions {
		display: grid;
		grid-template-columns: 1fr 1fr;
		height: fit-content;
		width: 100%;
		gap: .5rem;
	}

		[b-3zb6rbwqpi] .accordion .functions li {
			display: grid;
		}

			[b-3zb6rbwqpi] .accordion .functions li:nth-last-child(1) {
				grid-column: span 2;
			}

		[b-3zb6rbwqpi] .accordion .functions button {
			background-color: transparent;
			border: 1px solid #ccc;
			border-radius: .5rem;
			cursor: pointer;
			padding: .8rem 1rem;
			color: black;
			line-height: normal;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 5px;
			cursor: pointer;
			font-family: Roboto, Sora, Arial, Helvetica,'Open Sans';
			white-space: nowrap;
		}

			[b-3zb6rbwqpi] .accordion .functions button:is(:hover, :focus) {
				border-color: #999;
			}

			[b-3zb6rbwqpi] .accordion .functions button.invoice-status:is(:hover, :focus) {
				background-color: rgba(0,0,0,0.05)
			}

		[b-3zb6rbwqpi] .accordion .functions .action-link {
			all: revert;
			display: flex;
			gap: 5px;
			align-items: center;
			background-color: #D1F951;
			border-radius: .5rem;
			padding: .8rem 1.2rem;
			border: unset;
			cursor: pointer;
			white-space: nowrap;
		}

			[b-3zb6rbwqpi] .accordion .functions .action-link:is(:hover, :focus) {
				border: unset;
				background-color: #A1D104;
			}

@media (hover: hover) and (pointer: fine) {
	[b-3zb6rbwqpi] .accordion ul::-webkit-scrollbar {
		height: 7px;
	}

	[b-3zb6rbwqpi] .accordion ul::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
	}

	[b-3zb6rbwqpi] .accordion ul::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		[b-3zb6rbwqpi] .accordion ul::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

@container (min-width: 385px) {
	[b-3zb6rbwqpi] .accordion .functions {
		display: flex;
	}
}

@media only screen and (min-width: 650px) {
	[b-3zb6rbwqpi] .accordion .tab-data {
		display: flex;
		flex-wrap: wrap;
	}

		[b-3zb6rbwqpi] .accordion .tab-data li {
			width: unset;
		}
}

@media only screen and (min-width: 1060px) {
	[b-3zb6rbwqpi] .accordion {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		gap: .5rem;
	}

		[b-3zb6rbwqpi] .accordion .functions {
			width: fit-content;
		}
}

section[b-3zb6rbwqpi] {
	--workflow-padding: clamp(.5rem, 5vw, 2rem);
	display: flex;
	flex-direction: column;
	gap: .5rem;
	padding: 1rem 0 0 0;
	border-radius: .5rem;
	border: 1px dashed gray;
	margin-top: 2rem;
}


	section:nth-last-child(1)[b-3zb6rbwqpi] {
		margin-bottom: 2rem;
	}

	section > *[b-3zb6rbwqpi] {
		padding-left: var(--workflow-padding);
		padding-right: var(--workflow-padding);
	}

	section > header[b-3zb6rbwqpi] {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

		section > header > .title[b-3zb6rbwqpi] {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap-reverse;
			align-items: center;
			width: 100%;
			position: relative;
		}

		section > header .reason[b-3zb6rbwqpi] {
			display: flex;
		}

		section > header .button-container[b-3zb6rbwqpi] {
			display: flex;
			gap: 5px;
			margin-left: auto;
		}

			section > header .button-container.active[b-3zb6rbwqpi] {
				display: flex;
			}

			section > header .button-container button[b-3zb6rbwqpi] {
				all: revert;
				border: none;
				background-color: transparent;
				padding: 5px;
				display: flex;
				align-items: center;
				justify-content: center;
				cursor: pointer;
				height: fit-content;
				position: relative;
			}

				section > header .button-container button[b-3zb6rbwqpi]  svg,
				section > header .button-container[b-3zb6rbwqpi]  button svg {
					fill: #a1a1a1;
					width: auto;
					height: 18px;
				}

					section > header .button-container button[b-3zb6rbwqpi]  svg path,
					section > header .button-container[b-3zb6rbwqpi]  button svg path {
						fill: inherit;
					}

			section > header .button-container .edit:is(:hover, :focus)[b-3zb6rbwqpi]  svg,
			section > header .button-container[b-3zb6rbwqpi]  .edit:is(:hover, :focus) svg {
				fill: #2a2a2a;
			}

			section > header .button-container .delete:is(:hover, :focus)[b-3zb6rbwqpi]  svg,
			section > header .button-container[b-3zb6rbwqpi]  .delete:is(:hover, :focus) svg {
				fill: #FF5151;
			}

@media (hover: hover) and (pointer: fine) {
	section > header .button-container button[b-3zb6rbwqpi]::after,
	section > header .button-container button[b-3zb6rbwqpi]::before {
		pointer-events: none;
	}

	section > header .button-container button[b-3zb6rbwqpi]::after {
		content: attr(data-title);
		position: absolute;
		bottom: calc(100% + 5px);
		background-color: rgba(0, 0, 0, 0.8);
		color: white;
		padding: 5px 10px;
		border-radius: 5px;
		white-space: nowrap;
		opacity: 0;
		transition: opacity 0.3s ease;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.3s ease-in-out;
		line-height: normal;
	}

	section > header .button-container button[b-3zb6rbwqpi]::before {
		content: "";
		position: absolute;
		top: -5px;
		left: 50%;
		transform: translateX(-50%) rotate(180deg);
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	section > header .button-container button:is(:hover, :focus)[b-3zb6rbwqpi]::after,
	section > header .button-container button:is(:hover, :focus)[b-3zb6rbwqpi]::before {
		opacity: 1;
	}
}

.container[b-3zb6rbwqpi] {
	display: flex;
	height: fit-content;
}

	.container:has(.box)[b-3zb6rbwqpi] {
		--container-padding: 4rem;
		padding-top: calc(var(--container-padding) + .5lh);
		min-height: calc(32px + (310px * 1) + var(--container-padding) + .5lh);
		align-items: flex-start;
		overflow-x: scroll;
	}




@media (hover : hover) and (pointer : fine) {
	section[b-3zb6rbwqpi] {
		padding: 1rem 0;
	}

	.container[b-3zb6rbwqpi]::-webkit-scrollbar {
		width: 10px;
		height: 7px;
	}

	.container[b-3zb6rbwqpi]::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 25px;
		margin-left: var(--workflow-padding);
		margin-right: var(--workflow-padding);
	}

	.container[b-3zb6rbwqpi]::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 25px;
	}

		.container[b-3zb6rbwqpi]::-webkit-scrollbar-thumb:hover {
			background-color: #A8A8A8;
		}
}

.time-line-container[b-3zb6rbwqpi] {
	--box-width: 250px;
	--gap-width: 16px;
	--box-count: 0;
	--offset: 32px;
	width: 100%;
	min-width: fit-content;
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 1.5rem;
	align-items: center;
}

.time-line[b-3zb6rbwqpi] {
	min-width: calc(var(--box-count) * (var(--box-width) + var(--gap-width)) - var(--gap-width));
	position: relative
}

hr[b-3zb6rbwqpi] {
	height: 3px;
	background-color: black;
	border: unset;
	border-radius: 100px;
}

.box[b-3zb6rbwqpi] {
	--left: 1.5rem;
	--box-padding: 10px;
	position: absolute;
	width: var(--box-width);
	left: calc(var(--box-count) * (var(--box-width) + var(--gap-width) ));
	top: var(--offset);
}

	.box[b-3zb6rbwqpi]::after {
		content: '';
		height: 32px;
		width: 1px;
		background-color: #4D4D4D;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: calc(-1 * var(--offset));
	}

	.box[b-3zb6rbwqpi]::before {
		content: '';
		height: 9px;
		width: 9px;
		border-radius: 500px;
		background-color: #A1A1A1;
		display: block;
		position: absolute;
		transform: translateX(-50%);
		z-index: 5;
		top: calc(-1 * var(--offset) + 2px);
		left: 50%;
		transform: translate(-50%, -50%);
	}


.day-number[b-3zb6rbwqpi] {
	position: absolute;
	bottom: calc(100% + 32px);
	padding: 1.5rem;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: center;
}

	.day-number input[b-3zb6rbwqpi] {
		min-width: 4rem;
		border: none;
		background: none;
	}

.box .card-content[b-3zb6rbwqpi] {
	display: grid;
	border: 1px solid #ccc;
	border-radius: .5rem;
	box-shadow: 0 2px 6px 0 rgba(0,0,0, .25);
	background-color: white;
	cursor: pointer;
}

	.box .card-content:is(:hover, :focus)[b-3zb6rbwqpi] {
		border: 1px solid black;
		outline: 1px solid black;
	}

	.box .card-content.active[b-3zb6rbwqpi] {
		border: 1px solid green;
		outline: 1px solid green;
		cursor: default;
	}

.box header[b-3zb6rbwqpi] {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: 5px var(--box-padding);
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.box h3[b-3zb6rbwqpi] {
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	display: unset;
}

.card-content > div[b-3zb6rbwqpi] {
	padding: var(--box-padding);
	display: grid;
	gap: 5px;
}

.contact[b-3zb6rbwqpi] {
	display: flex;
	gap: 5px;
}

	.contact > *[b-3zb6rbwqpi] {
		flex: 1;
		display: grid;
		align-items: center;
		justify-content: center;
		padding: .5rem;
		border-radius: .5rem;
		position: relative;
	}

		.contact > *[disabled][b-3zb6rbwqpi]  svg {
			fill: #CBCBCB;
		}

			.contact > *[disabled][b-3zb6rbwqpi]  svg path {
				fill: inherit;
			}

@media (hover: hover) and (pointer: fine) {
	.contact > *[b-3zb6rbwqpi]::after,
	.contact > *[b-3zb6rbwqpi]::before {
		pointer-events: none;
	}

	.contact > *[b-3zb6rbwqpi]::after {
		content: attr(data-title);
		position: absolute;
		bottom: calc(100% + 5px);
		background-color: rgba(0, 0, 0, 0.8);
		color: white;
		padding: 5px 10px;
		border-radius: 5px;
		white-space: nowrap;
		opacity: 0;
		transition: opacity 0.3s ease;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.3s ease-in-out;
		line-height: normal;
	}

	.contact > *[b-3zb6rbwqpi]::before {
		content: "";
		position: absolute;
		top: -5px;
		left: 50%;
		transform: translateX(-50%) rotate(180deg);
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	.contact > *:is(:hover, :focus)[b-3zb6rbwqpi]::after,
	.contact > *:is(:hover, :focus)[b-3zb6rbwqpi]::before {
		opacity: 1;
	}
}

.state[b-3zb6rbwqpi] {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

@supports (-webkit-line-clamp: 2) {
	.state[b-3zb6rbwqpi] {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: initial;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		height: 2lh;
	}
}

.options[b-3zb6rbwqpi] {
	display: flex;
	flex-direction: column;
	gap: inherit;
}

	.options > *[b-3zb6rbwqpi] {
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: space-between;
		padding: .5rem;
		border-bottom: 1px solid #BCBCBC;
	}

		.options > *[disabled][b-3zb6rbwqpi] {
			color: #CBCBCB;
		}

			.options > *[disabled][b-3zb6rbwqpi]  svg {
				fill: #CBCBCB;
			}

				.options > *[disabled][b-3zb6rbwqpi]  svg path {
					fill: inherit;
				}

.box .button-container[b-3zb6rbwqpi] {
	display: none;
	position: absolute;
	top: calc(100% + 10px);
	left: 50%;
	transform: translateX(-50%);
	gap: 5px;
}

	.box .button-container.active[b-3zb6rbwqpi] {
		display: flex;
	}

	.box .button-container button[b-3zb6rbwqpi],
	.box .button-container[b-3zb6rbwqpi]  button {
		background-color: white;
		border: 1px solid #ccc;
		border-radius: 50%;
		padding: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		fill: #a1a1a1;
		cursor: pointer;
		height: fit-content;
		position: relative;
	}

		.box .button-container[b-3zb6rbwqpi]  button svg {
			fill: #a1a1a1;
			width: auto;
			height: 18px;
		}

			.box .button-container[b-3zb6rbwqpi]  button svg path {
				fill: inherit;
			}

	.box .button-container[b-3zb6rbwqpi]  .edit:is(:hover, :focus) svg {
		fill: #2a2a2a;
	}

	.box .button-container[b-3zb6rbwqpi]  .delete:is(:hover, :focus) svg {
		fill: #FF5151;
	}

@media (prefers-reduced-motion: no-preference) {
	button[b-3zb6rbwqpi],
	[b-3zb6rbwqpi] button {
		transition: all .2s ease-in-out;
	}

	.button-container button svg[b-3zb6rbwqpi],
	.button-container[b-3zb6rbwqpi]  button svg {
		transition: all .2s ease-in-out;
	}

	.contact button[b-3zb6rbwqpi]::after,
	.contact button[b-3zb6rbwqpi]::before {
		transition: all 0.3s ease-in-out;
	}
}

@media (hover: hover) and (pointer: fine) {
	.number-count button[b-3zb6rbwqpi] {
		border-left: 1px solid gray;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		cursor: pointer;
		padding: 7px;
	}

	@supports(aspect-ratio: 1) {
		.number-count button[b-3zb6rbwqpi] {
			aspect-ratio: 1;
		}
	}
}
