@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

body {
  font-family: Lato, sans-serif;
}

#fullArticle h1 {font-size: 1.75em;}

#fullArticle .KB {font-weight: 300;}

#fullArticle .KB > *:not(.noreset) {counter-reset: olc;}

#fullArticle .KB p,
#fullArticle .KB div {text-align: justify;}

#fullArticle .KB p,
#fullArticle .KB li,
#fullArticle .KB div {font-size: 1.15em;}

#fullArticle .KB em {font-style: italic;}
#fullArticle .KB strong {
	font-family: "Open sans";
	letter-spacing: -0.05em;
	color: hsl(200, 83%, 25%);
}

#fullArticle .KB .qtpage {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 0px;
	height: 0px;
}

#fullArticle .KB input:checked + .qtpage {
	margin: initial;
	padding: initial;
	overflow: initial;
	width: initial;
	height: initial;
}

#fullArticle .KB input {
	display: none;
}

#fullArticle .KB a[target="_blank"]:after {
	background-image: url("https://upload.wikimedia.org/wikipedia/commons/d/d9/VisualEditor_-_Icon_-_External-link.svg");
	content: "m";
	color: transparent;
	background-repeat: no-repeat;
}

#fullArticle .KB h2,
#fullArticle .KB h3,
#fullArticle .KB h4,
#fullArticle .KB h5,
#fullArticle .KB h6 {
	margin-left: 1em;
	text-indent: -1em;
	line-height: 100%;
}

#fullArticle .KB .inline {display: inline;}
#fullArticle .KB .block {display: block;}
#fullArticle .KB .inline-block {display: inline-block;}

#fullArticle .KB .justify {text-align: justify;}
#fullArticle .KB .left {text-align: left;}
#fullArticle .KB .center {text-align: center;}
#fullArticle .KB .right {text-align: right;}

#fullArticle .KB .vertaltop {vertical-align: top;}
#fullArticle .KB .vertalmid {vertical-align: middle;}
#fullArticle .KB .vertalbot {vertical-align: bottom;}
#fullArticle .KB .vertalsub {vertical-align: sub;}

#fullArticle .KB a {
	font-weight: 500;
}

#fullArticle .KB .floatleft {
  float: left;
  margin: 0em 1em 1em 0em;
}

#fullArticle .KB .floatright {
  float: right;
  margin: 0em 0em 1em 1em;
}

#fullArticle .KB hr {
  display: block;
  height: 0px;
  visibility: hidden;
  width: 100%;
  clear: both;
}

#fullArticle .KB img {
  box-shadow: 1px 1px 1px silver;
  margin: 0px auto;
  border-radius: 10px;
  max-height: 10cm;
	max-width: 90%;
}

#fullArticle .KB [class^="float"] img {
    max-width: 10cm;
}

#fullArticle .KB .answer {
  text-align: left;
	font-weight: 500;
  font-size: 1.25em;
	line-height: 125%;
	padding-top: 1em;
  padding-bottom: 2.5em;
	margin-bottom: 0em;
}

#fullArticle .KB .note,
#fullArticle .KB .caution {
	display: block;
	padding: 10px 0px 10px 10px;
}

#fullArticle .KB .note p,
#fullArticle .KB .caution p {
	font-size: 90%;
}

#fullArticle .KB .note > *,
#fullArticle .KB .caution > * {
	padding: 0px 15px 0px 10px;
	border-width: 0px 0px 0px 5px;
	border-style: double;
}

#fullArticle .KB .note *,
#fullArticle .KB .caution * {
	margin-bottom: 0px;
}

#fullArticle .KB .note {background-color: hsl(45,100%,95%);}
#fullArticle .KB .caution {background-color: hsl(10,100%,95%);}

#fullArticle .KB div.note * {color: hsl(45,100%,20%);
	border-color: hsl(45,100%,35%);
}

#fullArticle .KB div.caution * {
	color: hsl(10,100%,20%);
	border-color: hsl(10,100%,35%)
}

#fullArticle .KB .answer a {font-weight: bold; font-size: .95em;}

#fullArticle .KB h3 {margin-top: 2.5em;}
#fullArticle .KB .answer + h3 {margin-top: 0em;}

#fullArticle .KB ul,
#fullArticle .KB ol {
  list-style-type: none;
  margin-left: 0em;
  text-align: left;
}

#fullArticle .KB ul > ul,
#fullArticle .KB ul > ol,
#fullArticle .KB ol > ul,
#fullArticle .KB ol > ol {
  margin-left: 1em;
}

#fullArticle .KB ul > li,
#fullArticle .KB ol > li {
  text-indent: -25px;
  margin-left: 25px;
}

#fullArticle .KB ul > li:before,
#fullArticle .KB ol > li:before {
  display: inline-block;
  text-indent: 0px;
  width: 25px;
  text-align: center;
}

#fullArticle .KB ul > li:before {content: "\2013";}
#fullArticle .KB ol > li:before {
	counter-increment: olc;
	content: counter(olc) ".";
}

#fullArticle .KB ul > ul > li:before,
#fullArticle .KB ol > ul > li:before {
	content: "\2218";
	font-size: 2.5em;
	line-height: 0em;
	position: relative;
	top: 0.05em;
}

#fullArticle .KB ul.stick li,
#fullArticle .KB ol.stick li,
#fullArticle .KB dl.stick dt,
#fullArticle .KB dl.stick dd {
	margin-bottom: 0px;
}
/*
#fullArticle .KB .answer:after,
#fullArticle .KB .hr {
  display: block;
  margin: 5vh 75px;
  padding: 0px;
  height: 1px;
	background: linear-gradient(to left, hsl(13, 83%, 48%) 15%, hsl(40, 92%, 46%) 25%, hsl(40, 92%, 46%) 45%, hsl(203, 100%, 35%) 55%, hsl(203, 100%, 35%) 75%, hsl(280, 32%, 42%) 85%);
	content: "";
}

#fullArticle .KB .answer:after {margin: 1em 75px;}
#fullArticle .KB .hr {margin: 5vh 75px;}
*/
#fullArticle .KB hr.disc {
	margin: 5vh 0em 0em 0em;
	height: 100%;
}

#fullArticle .KB hr.disc:after {
	display: block;
	visibility: visible;
	font-size: .95em;
	font-style: italic;
	font-weight: 300;
	text-align: right;
	line-height: 115%;
	max-width: 10cm;
	margin: 0em 0em auto auto;
}

#fullArticle .KB.nl hr.disc:after {content: "Taalvoutje gevonden? Laat het ons weten via support@bookwidgets.com.";}
#fullArticle .KB.en hr.disc:after {content: "Suggestions for improvement? Please let us know at support@bookwidgets.com.";}

#fullArticle .KB .ico {font-family: "icomoon";}

#fullArticle .KB i {
	text-indent: 0px;
	margin-left: 0.25em;
	margin-right: 0.1em;
}

#fullArticle .KB .ico,
#fullArticle .KB i {
	line-height: 0em;
	vertical-align: middle;
	position: relative;
	bottom: 0.05em;
	margin-left: 0.15em;
}

#fullArticle .KB .ie {
	font-family: "Open sans";
	letter-spacing: -0.05em;
	text-indent: 0em;
	font-size: .95em;
}

#fullArticle .KB .answer .ie {
	font-weight: 700;
}

#fullArticle .KB [class^="formedbutton-"] {
	border: solid 1px black;
	padding: 0.1em 0.25em;
	position: relative;
	top: 0.05em;
}

#fullArticle .KB .formedbutton-red {background-color: hsl(0,100%,91%);}
#fullArticle .KB .formedbutton-green {background-color: hsl(120,70%,80%);}
#fullArticle .KB .formedbutton-blue {background-color: hsl(194,52%,83%);}

#fullArticle .KB .formedrarrw:after,
#fullArticle .KB .formedlarrw:after,
#fullArticle .KB .formedrarrb:after,
#fullArticle .KB .formedlarrb:after {
	display: inline-block;
	font-size: 1.5em;
	padding-bottom: 0.1em;
	width: 1.1em;
	height: 1em;
	vertical-align: middle;
	position: relative;
	bottom: 0.1em;
	text-align: center;
	font-weight: 900;
	content: "\27A1";
}

#fullArticle .KB .formedrarrb:after,
#fullArticle .KB .formedlarrb:after {
	color: white;
	background-color: black;
}

#fullArticle .KB .formedlarrw:after,
#fullArticle .KB .formedlarrb:after {
	transform: rotateY(180deg);
}

#fullArticle .KB .formedbuttontable * {vertical-align: middle;}

#fullArticle .KB .formedbuttontable div {margin-bottom: 0em; text-align: left;}
#fullArticle .KB .formedbuttontable img {border: none; border-radius: 0px; box-shadow: none;}

#fullArticle .KB .formedbuttontable > div:nth-child(odd) {
	display: inline-block;
	margin-top: 1em;
}

#fullArticle .KB .formedbuttontable > div:nth-child(odd) img {
	display: inline-block;
	height: 4em;
	margin: 0em -0.75em;
}

#fullArticle .KB .formedbuttontable > div:nth-child(even) > div,
#fullArticle .KB .formedbuttontable > div:nth-child(even) > div > div {
	display: inline-block;
}

#fullArticle .KB .formedbuttontable > div:nth-child(even) > div {background-color: hsl(200,100%,100%); border: solid 1px hsl(200,0%,95%);}

#fullArticle .KB .formedbuttontable > div:nth-child(even) > div > div:nth-child(1) img {
	height: 2em;
	margin: 0em;
	filter: opacity(0.5);
}

#fullArticle .KB .formedbuttontable > div:nth-child(even) > div > div:nth-child(2) {
	display: inline-block;
	font-family: monospace;
	font-size: 0.7em;
	box-sizing: border-box;
	padding: 0em 1em 0em 0em;
}

#fullArticle .KB .vellip {
	font-weight: bold;
	font-size: 1.1em;
	margin-right: 0.25em;
	border:	solid 1px grey;
	box-shadow: 1px 1px lightgray;
	border-radius: 5px;
	line-height: 0.75em;
	padding: 0.1em 0.25em 0.1em 0.2em;
}

#fullArticle .KB .formedbuttontable > div.formedonecol:nth-child(even) > div {display: block; font-size: 110%;}
#fullArticle .KB .formedbuttontable > div.formedtwocol:nth-child(even) > div > div:nth-child(2) {min-width: 5.5cm;}
#fullArticle .KB .formedbuttontable > div.formedthreecol:nth-child(even) > div > div:nth-child(2) {min-width: 4cm;}
#fullArticle .KB .formedbuttontable > div.formedfourcol:nth-child(even) > div > div:nth-child(2) {min-width: 2.6cm;}

/*

#fullArticle .KB .sw-page {
	margin: 0em 0em 80vh 0em;
	border-radius: 10px;
	padding: 1em;
	font-size: 90%;
}

#fullArticle .KB .sw-page:after {
	display: block;
	content: " ";
	width: 10em;
	margin: 0em auto;
	border-width: 0px 0px 3px 0px;
	border-style: none none double none;
	border-color: grey;
}

#fullArticle .KB .sw-page .question {
	font-size: 100%;
	margin: 0em 0em 1em 0em;
	line-height: 1em;
	color: black;
	font-weight: bolder;
	padding: 0.5em;
	background-color: hsl(0,0%,95%);
	border-radius: 20px;
}

#fullArticle .KB .sw-page .question > p {
border-radius: 10px;
border: solid 1px black;
margin: 0em;
padding: 0.5em;
}

#fullArticle .KB .sw-page .question::first-letter {
	Font-weight: bold;
	font-size: 125%;
}

#fullArticle .KB .sw-page .question .ie {
	font-style: normal;
	margin: 0em 0.25em;
}

#fullArticle .KB .sw-page .aob {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

#fullArticle .KB .sw-page .aob a {
	color: inherit;
	font-size: 80%;
	line-height: 1em;
	padding: 0em;
	margin: 0.8em;
	background-color: hsl(0,0%,80%);
	border: solid 1px black;
	border-radius: 5px;
	flex: 1 1 auto;
}

#fullArticle .KB .sw-page .aob a:hover {
	text-decoration: inherit;
	background-color: hsl(0,0%,90%);
}

#fullArticle .KB .sw-page .aob a > span {
	display: block;
	margin: 0.8em;
	text-align: left;
}

#fullArticle .KB .sw-page .refbar {
	color: hsl(0,0%,60%);
}

#fullArticle .KB .sw-page .refbar > span {
	display: block;
	color: inherit;
	font-weight: 500;
	line-height: 1.15em;
}

#fullArticle .KB .sw-page .refbar > span:before {
	content: "\00BB";
	margin-right: 0.25em;
}

#fullArticle .KB .sw-page .refbar > a {
	display: block;
	float: right;
	margin: 0em 0em 0.5em 0.5em;
}

#fullArticle .KB.en .sw-page .refbar > a:after {
	content: "Go back to previous";
}

#fullArticle .KB.en .sw-page .refbar:before {content: "Your selected answers:";}
#fullArticle .KB.nl .sw-page .refbar:before {content: "Jouw gekozen antwoorden:";}

#fullArticle .KB.en .sw-page .IBOA:after {content: "Students clicked the share icon.";}
#fullArticle .KB.en .sw-page .IMOA:after {content: "Students handed in top-level LMS assignment.";}
#fullArticle .KB.en .sw-page .IXOA:after {content: "There was no option to submit.";}
#fullArticle .KB.en .sw-page .IQ9A:after {content: "Widget type doesn't support submissions.";}
#fullArticle .KB.en .sw-page .I1AA:after {content: "Submission option is disabled for widget.";}
#fullArticle .KB.en .sw-page .I81A:after {content: "Students got an error message.";}
#fullArticle .KB.en .sw-page .IRCA:after {content: "No delivery methods configured.";}
#fullArticle .KB.en .sw-page .I2DA:after {content: "Students can't fill in their name.";}
#fullArticle .KB.en .sw-page .ICDA:after {content: "Recipient can't access this widget.";}
#fullArticle .KB.en .sw-page .IJ1A:after {content: "Students have definitely submitted.";}
#fullArticle .KB.en .sw-page .ISFA:after {content: 'The widget type is "Form/Survey" or "Exit Slip".';}
#fullArticle .KB.en .sw-page .I3GA:after {content: 'The widget type is not "Form/Survey" or "Exit Slip".';}
#fullArticle .KB.en .sw-page .I4G1:after {content: "Submissions can be found with the search tool.";}
#fullArticle .KB.en .sw-page .I4GM:after {content: "There is an archive icon next to the submission.";}
#fullArticle .KB.en .sw-page .I4GX:after {content: "The submissions haven't been archived.";}
#fullArticle .KB.en .sw-page .I4GQ9:after {content: "The course information is correct.";}
#fullArticle .KB.en .sw-page .I4GR91:after {content: "The schoolyear filter was set wrongly.";}
#fullArticle .KB.en .sw-page .I4GS91:after {content: "The schoolyear filter is set correctly.";}
#fullArticle .KB.en .sw-page .I4GS9M:after {content: "There are multiple configurations.";}
#fullArticle .KB.en .sw-page .I4GS9X:after {content: "Multiple configurations aren't the problem.";}
#fullArticle .KB.en .sw-page .I4G1A:after {content: "The course is different from what I expected.";}
#fullArticle .KB.en .sw-page .I4G2A1:after {content: 'The submissions are in a course called "(no course)".';}
#fullArticle .KB.en .sw-page .I4G3A1:after {content: 'The submissions are in a course called "Planner".';}
#fullArticle .KB.en .sw-page .I4G4A1:after {content: "The submissions are in another one of my courses.";}
#fullArticle .KB.en .sw-page .I5G1:after {content: "Using the search tool was no success.";}
#fullArticle .KB.en .sw-page .I5GM:after {content: "The widget was shared in an LMS by a colleague.";}
#fullArticle .KB.en .sw-page .I5GX:after {content: "The widget wasn't shared in an LMS.";}
#fullArticle .KB.en .sw-page .I5GQ9:after {content: "You are not the recipient of the submissions.";}
#fullArticle .KB.en .sw-page .I5G1A:after {content: "You are the recipient of the submissions.";}
#fullArticle .KB.en .sw-page .I5G2A1:after {content: "There is a difference between the widget name and widget title.";}
#fullArticle .KB.en .sw-page .I5G3A1:after {content: 'There is no "widget name" setting.';}

*/

.ico.vellip:after {content: '\22EE'}