/** Generated on 07.09.2025 04:18:41 for tenant 0 **/
/* General */
body {
  font-size: 0.9375rem;
  line-height: 1.5;
}
#page {
  padding: 0 !important;
}
textarea {
  outline: 0;
}
.h5p-table td {
  border-color: #0f6cbf;
}
.h5p-confirmation-dialog-header {
  color: #000;
}
.h5p-confirmation-dialog-popup {
  color: #0f6cbf;
}
/*buttons*/
.h5peditor .ui-dialog .h5p-joubelui-button, .h5peditor .h5p-joubelui-button, .h5p-joubelui-button {
  background-color: #0f6cbf;
  border-radius: 5px;
}
/*buttons hover, focus, active*/
.h5peditor .ui-dialog .h5p-joubelui-button:hover, .h5peditor .h5p-joubelui-button:hover, .h5p-joubelui-button:hover, .h5p-joubelui-button:focus, .h5peditor .ui-dialog .h5p-joubelui-button:active, .h5p-joubelui-button:active {
  background-color: #0c5ba1;
  box-shadow: none;
}
button.h5p-core-button:visited, button.h5p-core-button:link, button.h5p-core-button, button.h5p-core-button:focus {
  background: #0f6cbf !important;
  border-radius: 5px;
}
button.h5p-core-button:hover {
  background: #0c5ba1;
}
button.h5p-core-cancel-button:visited, button.h5p-core-cancel-button:link, button.h5p-core-cancel-button {
  color: #0f6cbf;
  border-radius: 5px;
}
button.h5p-core-cancel-button:hover, button.h5p-core-cancel-button:focus {
  color: #0c5ba1;
}
/*score bar progress*/
.h5p-question-feedback {
  color: #0f6cbf;
}
.h5p-joubelui-score-bar-progress {
  background: #0f6cbf;
  background: linear-gradient(to right, #0f6cbf, #0f6cbf);
}
.h5p-joubelui-score-bar .joubel-tip-container {
  color: #0f6cbf;
}
/*FONTS ALGEMEEN*/
/*body, span, textarea, p, h1, h2, h3, h4, h5, h6{font-family:sans-serif!important}*/
body, span, textarea, p, h1, h2, h3, h4, h5, h6 {
  font-family: sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  color: #0f6cbf !important;
}
p, tr, td, ol, li {
  color: #4a4a4a !important;
}
a, a span {
  color: #0f6cbf;
}
.h5p-interactive-book [class^=icon-], .h5p-interactive-book [class*=" icon-"] {
  font-family: "h5p-book" !important;
}
.h5p-icon-shadow, .h5p-icon-speech-bubble, .h5p-icon-info {
  font-family: "H5PFontIcons" !important;
}
.hvpintro {
  display: none !important;
}
/* Course Presentation */
.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part-show {
  background: #0f6cbf;
}
/* Dialog Cards */
.h5p-dialogcards .h5p-dialogcards-answer-button {
  border-radius: 5px !important;
}
.h5p-dialogcards .h5p-dialogcards-card-content {
  background: #fff;
  box-shadow: 0 2px 15px #0f6cbf;
  padding: 1em;
}
.h5p-dialogcards .h5p-audio-minimal-button {
  background: #0f6cbf;
}
.h5p-dialogcards .h5p-audio-minimal-button:hover {
  background: #0c5ba1;
}
/* Drag and drop */
/* Drag the words */
/*buttons*/
/*buttons hover*/
/* Fill in the blanks */
/* Find the words */
/* Find Multiple Hotspot */
/* Find the Hotspot */
/* Image Hotspots */
.h5p-image-hotspot-popup-header {
  color: #000;
}
.h5p-image-hotspot-popup-body p, .h5p-image-hotspot-popup-body li {
  color: #000;
}
/* Interactive Book */
/*COLORS*/
.h5p-interactive-book-navigation-maintitle .navigation-title {
  color: #fff !important;
}
.h5p-interactive-book-navigation-closed .h5p-interactive-book-navigation-chapter-button {
  border: 0;
}
.h5p-interactive-book-navigation-closed .h5p-interactive-book-navigation-chapter-button:hover, .h5p-interactive-book-navigation-chapter-button.h5p-interactive-book-navigation-current {
  border: 0;
}
.h5p-interactive-book-navigation-sectionlist .h5p-interactive-book-navigation-section .h5p-interactive-book-navigation-section-title {
  color: #0f6cbf;
  font-family: sans-serif !important;
}
.h5p-interactive-book-cover-readbutton button {
  background-color: #0f6cbf;
}
.h5p-interactive-book-cover-readbutton button:hover {
  background-color: #0c5ba1;
}
.h5p-interactive-book-status-progressbar-front {
  background-color: #0f6cbf;
}
.h5p-interactive-book-status-menu.h5p-interactive-book-status-menu-active {
  background-color: #0f6cbf;
}
.h5p-interactive-book-status-menu.h5p-interactive-book-status-menu-active:hover {
  background-color: #0c5ba1;
}
.h5p-interactive-book-navigation-maintitle {
  background-color: #0f6cbf;
}
.h5p-interactive-book-navigation-chapter-button {
  color: #0f6cbf;
}
/*icon*/
.h5p-interactive-book-navigation-chapter-button .h5p-interactive-book-navigation-chapter-title-text {
  color: #0f6cbf;
}
.h5p-interactive-book-navigation-sectionlist :hover {
  color: #0c5ba1;
}
.h5p-interactive-book-status-progress-number {
  color: #0f6cbf;
}
.h5p-interactive-book-status-arrow .navigation-button {
  color: #0f6cbf;
}
.h5p-interactive-book-status-fullscreen.h5p-interactive-book-enter-fullscreen::before {
  color: #0f6cbf;
}
.h5p-interactive-book-status-chapter .title {
  color: #0f6cbf;
}
.h5p-interactive-book-chapter span strong {
  color: #4a4a4a !important;
}
.h5p-interactive-book-chapter ol, .h5p-interactive-book-chapter li {
  color: #0f6cbf !important;
}
.h5p-interactive-book-chapter p span {
  color: #4a4a4a !important;
}
.h5p-accordion .h5p-panel-title {
  color: #0f6cbf;
}
.h5p-interactive-book-navigation-chapter-button {
  color: #0f6cbf;
}
.h5p-actions > .h5p-button {
  color: #0f6cbf;
}
.h5p-advanced-text ul, .h5p-advanced-text ol {
  margin: -1em 0 0 0;
}
.h5p-advanced-text ul li ul, .h5p-advanced-text ol li ol {
  margin: 0 0 0 0;
}
.h5p-advanced-text ul li ul li ul, .h5p-advanced-text ol li ol li ol {
  margin: 0 0 0 0;
}
.h5p-advanced-text ul > li, .h5p-advanced-text ol > li {
  margin: 0 0 0 1.5em;
}
.h5p-advanced-text ul > li p, .h5p-advanced-text ol > li p {
  margin: 0;
}
.h5p-question-introduction {
  font-size: inherit;
  line-height: inherit;
}
.h5p-question-introduction {
  color: #0f6cbf;
}
.h5p-interactive-book [class*=" icon-"], .h5p-interactive-book [class^=icon-] {
  font-family: sans-serif;
}
.h5p-interactive-book-summary-page .h5p-interactive-book-summary-buttons .h5p-interactive-book-summary-submit {
  background-color: #0f6cbf !important;
  border-color: #0f6cbf !important;
}
.h5p-interactive-book-summary-page .h5p-interactive-book-summary-buttons .h5p-interactive-book-summary-submit:hover {
  background-color: #0c5ba1 !important;
  border-color: #0c5ba1 !important;
}
.h5p-interactive-book-summary-page .h5p-interactive-book-summary-chapter-subheader {
  color: #0f6cbf;
}
.h5p-interactive-book-summary-section-title {
  color: #0f6cbf;
}
.h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-section-details:hover {
  background: #0c5ba1;
  color: #fff !important;
}
.h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-section-details:hover span {
  color: #fff !important;
}
.h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-section-details:hover button {
  color: #fff !important;
}
.h5p-interactive-book-content .h5p-column-content {
  color: #000;
}
.h5p-dialogcards .h5p-dialogcards-title-inner, .h5p-single-choice-set .h5p-sc-question p {
  font-size: 0.9375rem;
}
/*FONTS*/
.h5p-interactive-book-navigation-chapter-button .h5p-interactive-book-navigation-chapter-title-text, .h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-section-details .h5p-interactive-book-summary-section-title {
  font-family: sans-serif;
}
/* Interactive Video */
.h5p-interactive-video div > .h5p-interaction-button {
  background-color: #0f6cbf;
}
.h5p-interactive-video div:hover > .h5p-interaction-button {
  background-color: #0c5ba1;
}
.h5p-interactive-video .h5p-interaction-label .h5p-interaction-label-text > p {
  color: #fff !important;
}
.h5p-interactive-video div:focus > .h5p-interaction-button {
  top: 0;
  left: 0;
  border: 0;
}
.h5p-interactive-video .h5p-interaction-inner, .h5p-interactive-video .h5p-interaction-inner.h5p-image, .h5p-interactive-video .h5p-dialog {
  font-size: 0.9375rem;
}
.h5p-interactive-video .h5p-dialog-interaction {
  font-size: 0.9375rem;
  line-height: 1.5;
}
.h5p-interactive-video .h5p-text-interaction > .h5p-interaction-button, .h5p-interactive-video .h5p-table-interaction > .h5p-interaction-button, .h5p-interactive-video .h5p-link-interaction > .h5p-interaction-button, .h5p-interactive-video .h5p-image-interaction > .h5p-interaction-button {
  background-color: #0f6cbf;
}
.h5p-interactive-video .h5p-text-interaction:hover > .h5p-interaction-button, .h5p-interactive-video .h5p-table-interaction:hover > .h5p-interaction-button, .h5p-interactive-video .h5p-link-interaction:hover > .h5p-interaction-button, .h5p-interactive-video .h5p-image-interaction:hover > .h5p-interaction-button {
  background-color: #0c5ba1;
}
/* Mark the Words */
.h5p-mark-the-words [aria-selected="true"] {
  background-color: #0f6cbf;
  color: #fff;
}
/* Multiple Choice */
li.h5p-answer {
  color: #000 !important;
}
.h5p-multichoice .h5p-alternative-container {
  border: 0;
  box-shadow: none;
}
.h5p-multichoice .h5p-answer {
  margin: 0.5em 2px !important;
}
.h5p-multichoice .h5p-alternative-container:hover, .h5p-multichoice .h5p-answer[aria-checked="true"] .h5p-alternative-container, .h5p-multichoice .h5p-answer[aria-checked="true"]:not(.h5p-wrong):not(.h5p-correct):not([aria-disabled="true"]):hover .h5p-alternative-container, .h5p-multichoice .h5p-answer:not([aria-disabled="true"]):hover .h5p-alternative-container {
  border: 0;
  box-shadow: none;
}
.h5p-multichoice .h5p-answer-icon {
  font-family: "H5PFontAwesome4" !important;
}
.h5p-multichoice .h5p-answer.h5p-correct .h5p-alternative-container, .h5p-multichoice .h5p-answer.h5p-correct:hover .h5p-alternative-container {
  box-shadow: none;
}
.h5p-multichoice .h5p-alternative-container:hover, .h5p-multichoice .h5p-answer:not([aria-disabled="true"]):hover .h5p-alternative-container {
  box-shadow: none;
}
/* Personality Quiz */
.h5p-personality-quiz .h5p-personality-quiz-title {
  border-radius: 0.5rem;
}
.h5p-personality-quiz .h5p-personality-quiz-answer.h5p-personality-quiz-button-animate {
  color: #fff !important;
}
/* Quiz (Question-set) */
/* Single Choice Set */
/*colored buttons colors on click*/
li.h5p-sc-alternative.h5p-sc-is-wrong.h5p-sc-reveal-wrong {
  opacity: 0.3;
}
/* Speak the Words */
/* Summary */
.h5p-summary .summary-container li, .h5p-summary .summary-options li {
  background-color: #0f6cbf;
  color: #fff;
  box-shadow: none;
  border: 0;
}
.h5p-summary .summary-container li p, .h5p-summary .summary-options li p {
  color: #fff !important;
}
.h5p-summary .h5p-panel:not(.panel-disabled) .summary-claim-unclicked:hover {
  background-color: #0c5ba1;
  box-shadow: none;
}
/* True/False Question */
/* LESS USED CONTENT TYPES */
/* Arithmetic quiz */
/* Audio Recorder */
.h5p-audio-recorder-view [class^=fa-] {
  font-family: "H5PFontAwesome4" !important;
}
.h5p-audio-recorder-view .button.record {
  background-color: #0f6cbf !important;
  border-color: #0f6cbf !important;
}
.h5p-audio-recorder-view .button.record:hover {
  background-color: #0c5ba1 !important;
  border-color: #0c5ba1 !important;
}
/* Geography Quiz */
ul.h5p-sc-alternatives li.h5p-sc-alternative {
  box-shadow: none;
  border: 0;
}
ul.h5p-sc-alternatives li.h5p-sc-alternative:hover {
  box-shadow: none;
}
ul.h5p-sc-alternatives li.h5p-sc-alternative .h5p-sc-progressbar {
  background: #0f6cbf;
}
.h5p-single-choice-set .h5p-joubelui-progressbar-background {
  background-color: #0f6cbf;
}
.h5p-summary .summary-progress-numeric {
  background-color: #0f6cbf;
  color: #fff;
}
.h5p-summary .summary-progress-numeric:before {
  color: #fff;
}
/* Crossword */
.h5p-crossword .h5p-crossword-grid th.h5p-crossword-cell.h5p-crossword-cell-empty, .h5p-crossword .h5p-crossword-grid td.h5p-crossword-cell.h5p-crossword-cell-empty {
  background-color: #fff !important;
}
.h5p-crossword .h5p-crossword-grid th, .h5p-crossword .h5p-crossword-grid td {
  background-color: #ced4da;
}
.h5p-crossword .h5p-crossword-grid th.h5p-crossword-cell.h5p-crossword-highlight-normal.h5p-crossword-highlight-focus, .h5p-crossword .h5p-crossword-grid td.h5p-crossword-cell.h5p-crossword-highlight-normal.h5p-crossword-highlight-focus {
  background-color: #0f6cbf !important;
}
.h5p-crossword .h5p-crossword-cell:not(.h5p-crossword-solution-correct):not(.h5p-crossword-solution-wrong):not(.h5p-crossword-solution-neutral).h5p-crossword-highlight-normal {
  background-color: #0f6cbf !important;
}
.h5p-crossword .h5p-crossword-cell.h5p-crossword-highlight-focus {
  box-shadow: none !important;
  border-color: #fff !important;
}
.h5p-crossword .h5p-crossword-input-fields-group-wrapper-clue.h5p-crossword-input-fields-group-clue-highlight-focus .h5p-crossword-input-fields-group-clue-id {
  background-color: #0f6cbf !important;
  color: #fff !important;
}
.h5p-crossword .h5p-crossword-input-fields-group-wrapper-clue .h5p-crossword-input-fields-group-clue-content .h5p-crossword-input-fields-group-extra-clue {
  color: #0f6cbf !important;
}
.h5p-crossword .h5p-crossword-cell-clue-id-marker, .h5p-crossword .h5p-crossword-cell.h5p-crossword-highlight-normal .h5p-crossword-cell-clue-id-marker, .h5p-crossword .h5p-crossword-cell.h5p-crossword-highlight-normal .h5p-crossword-cell-solution-word-marker {
  background-color: transparent !important;
}
.h5p-crossword .h5p-crossword-cell.h5p-crossword-highlight-normal .h5p-crossword-cell-canvas {
  color: #fff !important;
}
/*text color*/
/* Dictation */
.h5p-audio-inner .h5p-audio-minimal-button {
  background: -webkit-linear-gradient(top, #0c5ba1, #0f6cbf);
}
/* Documentation tool */
.h5p-documentation-tool-page .page-help-text {
  color: #0f6cbf;
}
.h5p-documentation-tool-page .page-help-text:hover {
  color: #0c5ba1;
}
.joubel-simple-rounded-button {
  background-color: #0f6cbf;
}
.joubel-simple-rounded-button:hover {
  background-color: #0c5ba1;
}
.h5p-text-input-field .h5p-text-input-field-textfield {
  font-family: sans-serif !important;
}
/* Guess the answer */
.h5p-guess-answer .show-solution-button {
  background-color: #0f6cbf;
}
.h5p-guess-answer .show-solution-button:hover {
  background-color: #0c5ba1;
}
.h5p-guess-answer .solution-text {
  color: #000;
}
/* Branching Scenario */
.h5p-branching-scenario .h5p-start-button, .h5p-end-button, .h5p-back-button, .h5p-nav-button {
  color: #0f6cbf;
  border-color: #0f6cbf;
}
.h5p-branching-scenario:hover .h5p-start-button:hover, .h5p-end-button:hover, .h5p-back-button:hover, .h5p-nav-button:hover {
  color: #fff;
  background: #0f6cbf;
  border-color: #0f6cbf;
}
.h5p-branching-scenario .h5p-start-button:hover, .h5p-end-button:hover, .h5p-nav-button:not(.h5p-disabled):hover {
  color: #fff;
  background: #0f6cbf;
  border-color: #0f6cbf;
}
.h5p-branching-scenario .h5p-start-screen, .h5p-end-screen {
  background: radial-gradient(at top, #0f6cbf, #0f6cbf);
}
.h5p-branching-scenario .h5p-current-screen {
  background: #0f6cbf;
}
/* Questionnaire */
.h5p-simple-multiple-choice-question {
  background: #0f6cbf;
}
.h5p-questionnaire-required-symbol {
  background: #0f6cbf;
  color: #fff;
}
.h5p-questionnaire-footer {
  background: #0f6cbf;
}
.h5p-questionnaire-progress-bar-current {
  background: #0f6cbf;
}
.h5p-questionnaire-progress-bar-widget-current {
  color: #0f6cbf;
}
.h5p-questionnaire-progress-bar-widget-current, .h5p-questionnaire-progress-bar-widget-separator, .h5p-questionnaire-progress-bar-widget-max {
  color: #0f6cbf;
}
.h5peditor .h5p-questionnaire-button, .h5p-questionnaire-button {
  font-family: sans-serif;
  background: #fff;
  color: #0f6cbf;
  border: 0;
}
/* Structure Strip */
.h5p-structure-strip .h5p-structure-strip-text-strip {
  box-shadow: none;
}
.h5p-structure-strip .h5p-structure-strip-text-strip-input-field {
  border-radius: 0;
  border: 1px solid #0f6cbf;
}
.h5p-structure-strip .h5p-structure-strip-text-strip-description-title {
  color: #0f6cbf;
}
.h5p-structure-strip .h5p-structure-strip-text-strip-description-title button {
  color: #0c5ba1 !important;
}
.h5p-structure-strip .h5p-structure-strip-text-strip-button-hint:hover {
  color: #0c5ba1 !important;
  box-shadow: none;
}
/* Droppable Words */
.h5p-drag-text .h5p-drag-droppable-words {
  color: #000;
}
/* Opmaak tabelranden */
.h5p-table table {
  border-color: black;
  border-collapse: collapse;
}
.h5p-table td, th {
  border-color: black;
}