.profiel-select[data-v-17ed3cca] {
		z-index: 2;
		position: relative;
		--vs-menu-z-index: 5;
		margin-bottom: 15px;
}
.tox[data-v-17ed3cca] {
		z-index: 1 !important;
}
.notities[data-v-17ed3cca] {
		margin-bottom: 25px;
}
.notitie .header[data-v-17ed3cca] {
		display: flex;
		flex-direction: column;
		margin-bottom: 20px;
}
.notitie .header .title-and-actions[data-v-17ed3cca] {
		display: flex;
		align-items: center;
		justify-content: space-between;
}
.notitie[data-v-17ed3cca] {
		background: white;
		padding: 20px;
		border-radius: 5px;
		cursor: pointer;
		margin-bottom: 20px;
}
.notitie .date-and-author[data-v-17ed3cca] {
		opacity: .5;
		position: relative;
		top: -5px;
}
.notitie h4[data-v-17ed3cca] {
		margin: 0;
		font-weight: 500;
}

	/* new */
.notitie.new[data-v-17ed3cca]:not(.open) {
		background: transparent;
		border: 1px dashed #aaa;
}
.notitie input.titel[data-v-17ed3cca] {
		margin-bottom: 15px;
}
.notitie.new[data-v-17ed3cca]:not(.open):hover {
		background: rgba(255,   255, 255, 0.39);
}
.notitie.new .placeholder[data-v-17ed3cca] {
		background: none;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		gap: 10px;
}
.notitie.new .label[data-v-17ed3cca] {
		color: #777;
}
.notitie.new .header[data-v-17ed3cca] {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
}
.notitie.new h3[data-v-17ed3cca] {
		margin: 0;
		color: var(--e-global-color-241bc76);
		font-weight: 500;
}
.notitie button[data-v-17ed3cca] {
		width: max-content;
		margin: 0;
}
.notitie .annuleren[data-v-17ed3cca] {
		background: var(--grey-light);
}
.notitie .annuleren[data-v-17ed3cca]:hover {
		background: var(--grey-medium);
}
.notitie .actions[data-v-17ed3cca] {
		display: flex;
		gap: 10px;
}
.actions svg[data-v-17ed3cca] {
		background: rgba(255, 255, 255, 0.43);
		width: 32px;
}
.actions .pencil[data-v-17ed3cca]:hover {
		background: var(--grey-light);
}
.header h4[data-v-17ed3cca] {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		font-size: 20px;
}
.notitie a.profiel[data-v-17ed3cca] {
		color: var(--dark-red);
}
.notitie a.profiel[data-v-17ed3cca]:hover {
		text-decoration-thickness: 1px !important;
		text-decoration: underline;
		text-underline-offset: 2px;
}