/*versie = 0.15*/

td#geg{
	text-align:right;
	vertical-align:middle;
	padding:2px;
}
td#gegc{
	text-align:center;
	vertical-align:middle;
	padding:2px;
}
td#geg2{
	text-align:right;
	color:#00652C;
	vertical-align:middle;
	padding:2px;
}
td#geg2c{
	text-align:center;
	color:#00652C;
	vertical-align:middle;
	padding:2px;
}
td#is{
	text-align:center;
	vertical-align:bottom;
	padding:2px;
}
td#for{
	text-align:right;
	vertical-align:bottom;
	padding:2px;
}
td#gegl{
	text-align:left;
	vertical-align:middle;
	padding:2px;
}
td#gegr{
	text-align:right;
	vertical-align:middle;
	padding:2px;
}
td#gev{
	text-align:right;
}

table#uitwerking2{
	border:0px;
	border-collapse:collapse;
	border-spacing:0px;
	color:inherit;
}

table.uitwerking2{
	border:0px;
	border-collapse:collapse;
	border-spacing:0px;
	color:inherit;
}

.uitwerking{	
	max-width:1000px;
	border:4px solid #00652C;
	padding:5px;
	margin-top:10px;
	margin-right:10px;
	min-height:30px;
	border-radius:10px;
}

fieldset.toets-resultaat-uitwerking{
	box-sizing:border-box;
	width:100%;
	max-width:100%;
	min-inline-size:0;
	margin-right:0;
	overflow-x:auto;
}

.uitwerking-punt{
	white-space:nowrap;
}

table#uitwerking2 .uitwerking-punt,
table.uitwerking2 .uitwerking-punt{
	display:block;
	text-align:right;
}

.uitwerking-regel{
	display:grid;
	grid-template-columns:max-content max-content;
	justify-content:space-between;
	column-gap:1em;
	width:max-content;
	min-width:100%;
}

.uitwerking-tabs{
	min-inline-size:0;
}

.uitwerking-tabs__knoppen{
	padding:0 3px;
}

.uitwerking-tabs__knop{
	--uitwerking-tabkleur:#00652C;
	appearance:none;
	border:0;
	border-radius:8px;
	background:transparent;
	color:var(--uitwerking-tabkleur);
	cursor:pointer;
	font:inherit;
	font-family:'bai_jamjureebold',Arial;
	font-weight:bold;
	padding:2px 4px;
}

.uitwerking-tabs__knop:focus-visible{
	outline:2px solid var(--uitwerking-tabkleur);
	outline-offset:1px;
}

.uitwerking-tabs__knop.is-actief{
	background:var(--uitwerking-tabkleur);
	color:#fff;
}

.uitwerking-tabs__knop--toelichting{
	--uitwerking-tabkleur:#95C11F;
}

.uitwerking-tabs__paneel[hidden]{
	display:none;
}

.uitwerking-tabs__paneel--interactief{
	margin:-15px -8px -18px -8px;
	padding:0;
}

.uitwerking-tabs__paneel--interactief > div,
.uitwerking-tabs__paneel--interactief akit-exercise{
	display:block;
	margin:0;
	padding:0;
}

.alternatief{	
	border:3px solid #00873E;
	padding:5px;
	margin:5px;
	min-height:30px;
	border-radius:10px;
}

@media (max-width: 800px) {
	.uitwerking_algebrakit{
		
	}
}
@media (min-width: 800px) {
	.uitwerking_algebrakit{
		width: calc(50% - 30px);
		max-width:485px;
		float:left;
	}
}


.legend_alternatief{
	color:#00873E;
	font-weight: bold;
	font-family:'bai_jamjureebold',Arial;
}

.feedback_dank{	
	max-width:1000px;
	box-sizing:border-box;
	display:flex;
	align-items:flex-start;
	gap:10px;
	border:1px solid #70b98d;
	background:#effaf2;
	color:#164b2a;
	padding:12px 14px;
	margin-top:10px;
	margin-right:10px;
	min-height:44px;
	border-radius:8px;
	line-height:1.45;
	box-shadow:0 1px 2px rgba(0,70,35,.08);
}
.feedback_dank::before{
	content:'✓';
	flex:0 0 22px;
	height:22px;
	border-radius:50%;
	background:#00873e;
	color:#fff;
	font-weight:bold;
	line-height:22px;
	text-align:center;
}
.feedback_dank_reactie{
	display:block;
	margin-top:5px;
	color:#0e3920;
}
.feedback_dank_inhoud{
	min-width:0;
}
.juist{
	max-width:1000px;
	border:4px solid #00873E;
	padding:5px;
	margin-top:10px;
	margin-right:10px;
	min-height:30px;
	border-radius:10px;
}
.fout{
	max-width:1000px;
	border:4px solid #e42313;
	padding:5px;
	margin-top:10px;
	margin-right:10px;
	min-height:30px;
	border-radius:10px;
}
.poging1{
	max-width:1000px;
	border:4px solid #e18800;
	padding:5px;
	margin-top:10px;
	margin-right:10px;
	min-height:30px;
	border-radius:10px;
}
.poging{
	max-width:1000px;
	border:4px solid grey;
	padding:5px;
	margin-top:10px;
	margin-right:10px;
	min-height:30px;
	border-radius:10px;
}
.toelichting{
	max-width:1000px;
	border:4px solid #95C11F;
	padding:5px;
	margin-top:10px;
	margin-right:10px;
	min-height:30px;
	border-radius:10px;
}

.voorbeeldf{
	border:4px solid #00873E;
	max-width:1000px;
	margin:5px;
	background-color: #F4F9EB;
}

.voorbeeldl{
	color:#00652C;
	font-weight: bold;
	font-family:'bai_jamjureebold',Arial;
}
.voorbeeld2{
	color:#95C11F;
	font-weight: bold;
	font-family:'bai_jamjureebold',Arial;
}
.fout2{
	color:#e42313;
	font-weight: bold;
	font-family:'bai_jamjureebold',Arial;
}
.poging1b{
	color:#e18800;
	font-weight: bold;
	font-family:'bai_jamjureebold',Arial;
}
.pogingb{
	color:grey;
	font-weight: bold;
	font-family:'bai_jamjureebold',Arial;
}

.niet_opschrijven{
	color:#808080;
}

input[type='radio'],
input[type='checkbox'] {
	accent-color: #00652C;
}

/* Meerkeuze-antwoorden */
.meerkeuze-optie{
	margin:8px 0;
}

.meerkeuze-hint{
	max-width:1000px;
	margin:0 0 12px;
	padding:10px 14px;
	border-left:4px solid #95C11F;
	border-radius:0 8px 8px 0;
	background:#f4f9eb;
	color:#00652C;
	font-family:'bai_jamjureebold',Arial;
	font-weight:bold;
}

.meerkeuze-invoer{
	position:absolute;
	opacity:0;
	pointer-events:none;
}

.meerkeuze-label{
	position:relative;
	display:block;
	box-sizing:border-box;
	max-width:1000px;
	border:2px solid #00652C;
	border-radius:10px;
	padding:12px 16px 12px 52px;
	background:#fff;
	color:inherit;
	cursor:pointer;
	transition:background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.meerkeuze-invoer + .meerkeuze-label::before{
	content:'';
	position:absolute;
	left:16px;
	top:50%;
	width:18px;
	height:18px;
	border:2px solid #00652C;
	transform:translateY(-50%);
}

.meerkeuze-invoer[type='radio'] + .meerkeuze-label::before{
	border-radius:50%;
}

.meerkeuze-invoer[type='checkbox'] + .meerkeuze-label::before{
	border-radius:4px;
}

.meerkeuze-invoer:checked + .meerkeuze-label::after{
	content:'';
	position:absolute;
	left:22px;
	top:50%;
	width:8px;
	height:8px;
	background:#00652C;
	transform:translateY(-50%);
}

.meerkeuze-invoer[type='radio']:checked + .meerkeuze-label::after{
	border-radius:50%;
}

.meerkeuze-invoer[type='checkbox']:checked + .meerkeuze-label::after{
	width:10px;
	height:6px;
	border:solid #00652C;
	border-width:0 0 3px 3px;
	background:transparent;
	transform:translateY(-65%) rotate(-45deg);
}

.meerkeuze-label:hover{
	background:#f4f9eb;
	border-color:#00873E;
}

.meerkeuze-invoer:checked + .meerkeuze-label{
	border-color:#00873E;
	background:#e8f3d4;
	box-shadow:inset 4px 0 #95C11F;
}

.meerkeuze-invoer:focus-visible + .meerkeuze-label{
	outline:3px solid #95C11F;
	outline-offset:2px;
}

.meerkeuze-invoer:disabled + .meerkeuze-label{
	cursor:default;
	opacity:.75;
}

/* Nakijkfeedback voor meerkeuzevragen in toetsresultaten. */
.meerkeuze-label.meerkeuze-resultaat-ingevuld{
	border-color:#7b858c;
	background:#eceff1;
	box-shadow:inset 4px 0 #7b858c;
}
.meerkeuze-label.meerkeuze-resultaat-ingevuld::before{
	border-color:#7b858c;
}

.meerkeuze-label.meerkeuze-resultaat-goed{
	border-color:#16803a;
	background:#dff3e5;
	box-shadow:inset 4px 0 #16803a;
}
.meerkeuze-label.meerkeuze-resultaat-fout{
	border-color:#c62828;
	background:#fde3e3;
	box-shadow:inset 4px 0 #c62828;
}
.meerkeuze-label.meerkeuze-resultaat-goed::before{
	border-color:#16803a;
}
.meerkeuze-label.meerkeuze-resultaat-fout::before{
	border-color:#c62828;
}
.meerkeuze-label.meerkeuze-resultaat-goed.meerkeuze-resultaat-checkbox::after,
.meerkeuze-label.meerkeuze-resultaat-fout.meerkeuze-resultaat-checkbox::after,
.meerkeuze-label.meerkeuze-resultaat-ontbreekt.meerkeuze-resultaat-checkbox::after,
.meerkeuze-label.meerkeuze-resultaat-ingevuld.meerkeuze-resultaat-checkbox::after{
	content:'✓' !important;
	position:absolute;
	left:20px;
	top:50%;
	width:auto;
	height:auto;
	border:0 !important;
	background:transparent !important;
	font-size:18px;
	font-weight:bold;
	line-height:1;
	transform:translateY(-52%);
}
.meerkeuze-label.meerkeuze-resultaat-goed.meerkeuze-resultaat-checkbox::after{color:#16803a;}
.meerkeuze-label.meerkeuze-resultaat-fout.meerkeuze-resultaat-checkbox::after{color:#c62828;}
.meerkeuze-label.meerkeuze-resultaat-ontbreekt.meerkeuze-resultaat-checkbox::after{color:#16803a;}
.meerkeuze-label.meerkeuze-resultaat-ingevuld.meerkeuze-resultaat-checkbox::after{color:#59636a;}
.meerkeuze-label.meerkeuze-resultaat-ontbreekt.meerkeuze-resultaat-checkbox{
	border-color:#b9c8bf !important;
	background:#fff !important;
	box-shadow:none !important;
}
.meerkeuze-label.meerkeuze-resultaat-ontbreekt.meerkeuze-resultaat-checkbox::before{
	border:0 !important;
	background:transparent !important;
}
.meerkeuze-invoer:checked + .meerkeuze-label.meerkeuze-resultaat-ontbreekt,
.meerkeuze-invoer:checked + .meerkeuze-label.meerkeuze-resultaat-juist-radio{
	border-color:#b9c8bf !important;
	background:#fff !important;
	box-shadow:none !important;
}
.meerkeuze-invoer:disabled + .meerkeuze-label[class*='meerkeuze-resultaat-']{
	opacity:1;
}
.meerkeuze-label.meerkeuze-resultaat-goed.meerkeuze-resultaat-radio::after,
.meerkeuze-label.meerkeuze-resultaat-fout.meerkeuze-resultaat-radio::after,
.meerkeuze-label.meerkeuze-resultaat-ingevuld.meerkeuze-resultaat-radio::after{
	content:'';
	position:absolute;
	left:22px;
	top:50%;
	width:8px;
	height:8px;
	border:0;
	border-radius:50%;
	transform:translateY(-50%);
}
.meerkeuze-label.meerkeuze-resultaat-goed.meerkeuze-resultaat-radio::after{background:#16803a;}
.meerkeuze-label.meerkeuze-resultaat-fout.meerkeuze-resultaat-radio::after{background:#c62828;}
.meerkeuze-label.meerkeuze-resultaat-ingevuld.meerkeuze-resultaat-radio::after{background:#59636a;}
.meerkeuze-label.meerkeuze-resultaat-juist-radio.meerkeuze-resultaat-radio::before{
	border:0 !important;
	background:transparent !important;
}
.meerkeuze-label.meerkeuze-resultaat-juist-radio.meerkeuze-resultaat-radio::after{
	content:'✓' !important;
	position:absolute;
	left:20px;
	top:50%;
	width:auto;
	height:auto;
	border:0 !important;
	background:transparent !important;
	color:#16803a;
	font-size:18px;
	font-weight:bold;
	line-height:1;
	transform:translateY(-52%);
}


@media (min-width: 500px) {
    .column200 {
        float:left;
        width:47%;
        min-width: 200px;
        margin-right:1%;
        
    }
    }
    @media (max-width: 500px) {
    .column200 {
        width:100%;
    }
    }
    @media (min-width: 700px) {
    .column200b {
        float:left;
        width:31%;
        min-width: 200px;
        margin-right:2%;
    }
    }
    @media (max-width: 700px) {
    .column200b {
        width:100%;
    }
    }
    
    @media (min-width: 800px) {
    .column300 {
        float:left;
        width:47%;
        min-width: 300px;
        margin-right:2%;
    }
    }
    @media (max-width: 800px) {
    .column300 {
        width:100%;
    }
    }
    
    @media (min-width: 1000px) {
    .column300b {
        float:left;
        width:31%;
        min-width: 300px;
        margin-right:1%;
    }
    }
    @media (max-width: 1000px) {
    .column300b {
        width:100%;
    }
    }
    
    
    @media (min-width: 1000px) {
    .column400 {
        float:left;
        width:47%;
        min-width: 400px;
        margin-right:2%;
    }
    }
    @media (max-width: 1000px) {
    .column400 {
        width:100%;
    }
    }
    
.square {
    position:relative;
  }
  .square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }
  .square_content {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  
  .squareb {
    width: 20%;
    max-width:100px;
    border:2px solid black;
    float:left;
    position:relative;
  }
  .squareb_klein {
    width: 20%;
    max-width:50px;
    border:2px solid black;
    float:left;
    position:relative;
  }
  
  .squareb:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }
  .squareb_klein:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }
  
  .squaret{
      position: absolute;
      width:100%;
      height:100%;
      text-align:center;
  }
  
  input.input_fit{
      width:90%;
      height:90%;
      text-align:center;
      border:0px;
  }
  input.input_fit:focus {
      outline-width: 0;
  }
  

@media screen and (min-width: 500px){
	.afbeelding{
		width:400px;
		max-width:50%;
		margin:10px;
		/*float:right;*/
	}
	}
	@media screen and (max-width: 500px){
	.afbeelding{
		width: 95%;
		max-width:380px;
		margin:10px;
	}
}