@font-face {
    font-family: Vestula;
    src: url("https://www.universiteitleiden.nl/ul2common/fonts/vestulapro/vestulapro-semibold.woff2") format("woff2"), url("https://www.universiteitleiden.nl/ul2common/fonts/vestulapro/vestulapro-semibold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}


@font-face {

    font-family: Vestula;
    src: url("https://www.universiteitleiden.nl/ul2common/fonts/vestulapro/vestulapro-regular.woff2") format("woff2"), url("https://www.universiteitleiden.nl/ul2common/fonts/vestulapro/vestulapro-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}


.Question label {
	font-family:Vestula	
}


/* quiz */

  h1.window-title, .button-continue {
    display: none !important;
  }
  svg {
    fill:#fff !important;
  }
  .window-content {
    display: block !important;
  }
  .content-text {
    font-family:Vestula,Arial, sans-serif !important;
    font-size:13pt !important;
  }
  .window-icon {
    display: none !important;
  }
  div#tblProgressWindow {
    display: none;
  }
  .window-theme-form.window-blind-dark {
    display: block;
    opacity: 1 !important;
    background: #fff !important;
  }
  div#fdWindowDialogForm{
    left: 0px !important;
    top: 0px !important;
    width: 50% !important;
    height: auto !important;
  }
  div#fdWindowDialogForm\[alert-title-icon\],
  div#fdWindowDialogForm\[stop-title-icon\] {
    left: 0px !important;
    top: 0px !important;
    width: 100% !important;
    height: auto !important;
    text-align: center;
  }
  #fdWindowDialogForm\[alert-title-icon\] .window-content.content-text {
    width: 97% !important;
    position: absolute;
    top: -6px;
    overflow: scroll !important;
    height: 100% !important;
    font-size: 11px !important;
    line-height: 100% !important;
  }
  /*
  button#btnFocus {
  background: #001158;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 12px;
  }
  */
  button#btnFocus {
    background: #001158;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 3px;
  }
  
  
    #btnSubmit, #btnNext, #btnPrev {
    font-family: Arial !important;
    font-size: 24pt !important;
    padding: 0 15px 5px 15px;
  }
  
  .Required,#btnSubmit, #btnPrev, #btnBack {
    display:none !important;
  }
  
  .eindscore {
	  display:none;  
  }
  
  .fdinside .eindscore {
	  display: block !important;	  
  }
  
   .fdinside #en {
    opacity:0
  }
  
  .fdinside tr:has(>#en) {
    /*display: none;*/
}

.fdinside .eindscore {
    display: block !important;
    margin-top: -40px;
}


  .naarscore {
    background: #e7e7e7;
    padding: 10px;
    margin-top: 30px;
  }
  td:has(>.uitslag) {
    padding: 0px !important;
  }
  a {
    display:contents;
  }
  .uitslag {
    font-weight:bold;
  }
  .correct {
    color:green;
  }
  .correct::before {
    content: "✔";
    padding-right:5px
  }
  .incorrect {
    color:red;
  }
  .incorrect::before {
    content: "✖";
    padding-right:5px
  }
  @media screen and (max-width: 600px) {
    table,form,div,img {
      width:100% !important;
      height:auto !important;
    }
    textarea,input.Answer[type='text'] {
      width:100% !important;
    }
    button#btnFocus {
      width: 80% !important;
      margin: 30px auto !important;
      float: none !important;
    }
	
	body.merged.is-mobile {
      padding: 20px 0 0 0 !important;
    }

	.fdinside   * {
      width: 100% !important;
      height: auto !important;
    }

	
  }