.title-and-count .title[data-v-80bf5d12] {
	display: flex;
}
.DialogContent .actions[data-v-80bf5d12] {
	margin-left: 10px;
	position: relative;
	top: 2px;
	display: flex;
	gap: 2px;
}
.DialogContent .actions svg[data-v-80bf5d12] {
	padding: 0;
}
.DialogContent .actions svg[data-v-80bf5d12]:not(:hover) {
	opacity: .3;
}
.edit-title[data-v-80bf5d12] {
	display: flex;
	gap: 10px;
}
.opslaan[data-v-80bf5d12] {
	background: var(--e-global-color-accent);
	padding: 5px 10px;
	border-radius: 5px;
}
.opslaan[data-v-80bf5d12]:hover {
	background: var(--e-global-color-241bc76);
	cursor: pointer;
}

/* Context menu */
.dots[data-v-80bf5d12] {
	position: relative;
	top: 5px;
}


/* reset */
button[data-v-80bf5d12],
fieldset[data-v-80bf5d12] {
	all: unset;
}
.footer-actions[data-v-80bf5d12] {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #eee;
	padding-top: 15px;
}
.collection[data-v-80bf5d12] {
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
}
.collection[data-v-80bf5d12]:last-child {
	border-bottom: 0;
}
.collection .title[data-v-80bf5d12] {
	font-weight: bold;
}
.collection .count[data-v-80bf5d12] {
	opacity: .5;
	font-size: 14px;
}
.CheckboxRoot[data-v-80bf5d12] {
	background-color: #eee;
	width: 25px;
	height: 25px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.CheckboxRoot[data-v-80bf5d12]:hover {
	background-color: var(--e-global-color-accent);
}
.CheckboxRoot[data-v-80bf5d12]:focus {
	box-shadow: 0 0 0 2px black;
}
.CheckboxIndicator[data-v-80bf5d12] {
	color: black;
	width: 40px;
	height: 24px;
	position: relative;
	left: 4px;
}
.Label[data-v-80bf5d12] {
	color: white;
	padding-left: 15px;
	font-size: 15px;
	line-height: 1;
}
.button[data-v-80bf5d12] {
	background: var(--grey-light) !important;
	border-radius: 5px !important;
	padding: 0px 20px !important;
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-size: 15px !important;
	font-weight: bold !important;
}
.button[data-v-80bf5d12]:hover {
	background: var(--grey-medium) !important;
}
.DialogOverlay[data-v-80bf5d12] {
	background-color: rgba(236, 234, 228, 0.7);
	position: fixed;
	inset: 0;
	animation: overlayShow-80bf5d12 150ms cubic-bezier(0.16, 1, 0.3, 1);
}
.DialogContent[data-v-80bf5d12] {
	background-color: white;
	border-radius: 6px;
	box-shadow: hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90vw;
	max-width: 450px;
	max-height: 85vh;
	animation: contentShow-80bf5d12 150ms cubic-bezier(0.16, 1, 0.3, 1);
	min-height: 400px;
}
.DialogContent > div[data-v-80bf5d12] {

	display: grid;
	grid-template-rows: auto max-content;
	height: 100%;
	flex-direction: column;
	min-height: 400px !important;
}
.DialogContent .header[data-v-80bf5d12],
.DialogContent .collections-list[data-v-80bf5d12],
.DialogContent .footer-actions[data-v-80bf5d12] {
	padding: 20px;
}
.DialogContent .header[data-v-80bf5d12] {
	padding-bottom: 0;
}
.DialogContent[data-v-80bf5d12]:focus {
	outline: none;
}
.DialogTitle[data-v-80bf5d12] {
	margin: 0;
	font-weight: 500;
	color: var(--mauve-12);
	font-size: 17px;
}
.DialogDescription[data-v-80bf5d12] {
	margin: 10px 0 20px;
	color: var(--mauve-11);
	font-size: 15px;
	line-height: 1.5;
}
.bookmark svg[data-v-80bf5d12] {
	padding: 0;
}
.Button[data-v-80bf5d12]:hover {
	background: #eee !important;
}
.Button[data-v-80bf5d12] {
	font-size: 15px;
	line-height: 1;
	font-weight: 500;
	background-color: transparent !important;

	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
}
.Button[data-v-80bf5d12]:hover {
	background: white !important;
}
.Button.grass[data-v-80bf5d12] {
	color: var(--grass-11);
	box-shadow: 0 2px 10px var(--black-a7);
}
.Button.grass[data-v-80bf5d12]:hover {
	background-color: var(--mauve-3);
}
.Button.grass[data-v-80bf5d12]:focus {
	box-shadow: 0 0 0 2px black;
}
.Button.green[data-v-80bf5d12] {
	background-color: var(--e-global-color-accent) !important;
	width: max-content !important;
	padding: 0 20px;
}
.Button.green[data-v-80bf5d12]:hover {
	background-color: var(--e-global-color-241bc76) !important;
}
.Button.green[data-v-80bf5d12]:focus {
	box-shadow: 0 0 0 2px var(--green-7);
}
.IconButton[data-v-80bf5d12] {
	font-family: inherit;
	border-radius: 100%;
	height: 25px;
	width: 25px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	//background-color: var(--e-global-color-accent);
	color: var(--grass-11);
	position: absolute;
	top: 10px;
	right: 10px;
}
.IconButton[data-v-80bf5d12]:hover {
	background-color: var(--grass-4);
}
.IconButton[data-v-80bf5d12]:focus {
	box-shadow: 0 0 0 2px var(--grass-7);
}
.Fieldset[data-v-80bf5d12] {
	display: flex;
	gap: 20px;
	align-items: center;
	margin-bottom: 15px;
}
.Label[data-v-80bf5d12] {
	font-size: 15px;
	color: var(--grass-11);
	width: 90px;
	text-align: right;
}
.Input[data-v-80bf5d12] {
	width: 100%;
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	padding: 0 10px;
	font-size: 15px;
	line-height: 1;
	color: var(--grass-11);
	box-shadow: 0 0 0 1px var(--grass-7);
	height: 35px;
}
.Input[data-v-80bf5d12]:focus {
	box-shadow: 0 0 0 2px var(--grass-8);
}
@keyframes overlayShow-80bf5d12 {
from {
		opacity: 0;
}
to {
		opacity: 1;
}
}
@keyframes contentShow-80bf5d12 {
from {
		opacity: 0;
		transform: translate(-50%, -48%) scale(0.96);
}
to {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
}
}
.collections-list[data-v-80bf5d12] {
	overflow-y: scroll;
	overflow-x: initial;
	max-height: 400px;
}


.actions[data-v-e5d5cfa2] {
	display: flex;
	/*gap: 10px;*/
	position: relative;
	left: 5px;
}

/*.user-listing .print-container,*/
.user-listing .actions .print-container[data-v-e5d5cfa2] {
	display: none;
}
.user-listing .actions svg[data-v-e5d5cfa2] {
	width: 24px;
	height: 24px;
}
.user-listing .actions > div[data-v-e5d5cfa2]:hover {
	background: #eee;
}
.actions[data-v-e5d5cfa2] {
	display: flex;
	justify-content: flex-end;
	/*! align-items: center; */
	/*! border-radius: 5px; */
}
.bookmark svg[data-v-e5d5cfa2] {
	pointer-events: none;
}


/*.author .actions,*/
/*.author  .actions {*/
/*    align-items: flex-end;*/
/*    display: flex;*/
/*    justify-content: flex-end;*/
/*}*/


/*.author .actions svg,*/
/*.profile-school-admin .actions .bookmark,*/
/*.author .actions svg,*/
/* .actions .bookmark {*/
/*    width: 37px;*/
/*    height: 37px;*/
/*    border-radius: 5px;*/
/*}*/
.actions .bookmark[data-v-e5d5cfa2] {
	padding: 0;
	position: relative;
	/*bottom: 3px;*/
}
.author .actions > div[data-v-e5d5cfa2]:hover {
	background: white !important;
}
.actions > div[data-v-e5d5cfa2] {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	/*padding: 0 3px;*/
	/*border-radius: 3px;*/
}
.actions > div[data-v-e5d5cfa2]:hover {
	/*     background: #eee; */
}
.actions svg[data-v-e5d5cfa2] {
	position: relative;
	/*top: 2px;*/
}
.actions svg[data-v-e5d5cfa2] {
	padding: 0 !important;
	background: transparent !important;
}