@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&family=Poppins:wght@400;500;600;700;800&display=swap");
body#application {
  background-color: #FFF !important;
}
body#application .q-registration__row--header .registration_search {
  padding-left: 50px;
}
body#application .q-registration__row--header .q-search {
  top: 20px;
  pointer-events: none;
}
body#application .excluded-participant {
  opacity: 0.5;
}
body#application #administer .q-title--normal {
  font-size: 20px;
}
body#application .q-box-context--administer {
  padding: 10px 30px;
}
body#application .q-administer-list {
  margin: 20px 0;
}
body#application .q-administer {
  padding: 20px 30px;
}
body#application .q-administer:last-of-type {
  margin-bottom: 0;
}
body#application .q-administer-dash-step__link:after {
  transition: none !important;
}
body#application .q-administer-dash-step__link:hover:after {
  right: 35px !important;
  transition: none !important;
  color: #5AC3CC;
}
body#application .q-administer-dash-step--copy {
  cursor: pointer;
  position: relative;
}
body#application .q-administer-dash-step--copy .copy_notice {
  font-family: "Open Sans", sans-serif !important;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: rgba(90, 195, 204, 0.6);
  color: #FFF;
  padding: 10px;
  z-index: 1000;
}
body#application .q-administer-dash-step--copy .copy_notice i {
  font-size: 30px;
}
body#application .q-administer-dash-step--copy.q-administer-dash-step--copy-active .q-administer-dash-step__link:after {
  content: "c";
}
body#application main {
  padding-top: 80px;
  background-color: #FFF;
}
body#application main .infobox {
  padding-left: 140px;
}
body#application main .infobox:before {
  position: absolute;
  left: 0;
  top: 10px;
  width: 120px;
  text-align: center;
  color: #b0b0b0;
  font-size: 50px;
}
body#application main .q-administer-dash-step__info p {
  color: #b0b0b0;
  padding-right: 40px;
}
body#application main .q-player-sidebar {
  margin-top: -1px;
}
body#application main #environment .q-instrument-filter__dropdown.show .dropdown-toggle:after, body#application main #administer .q-instrument-filter__dropdown.show .dropdown-toggle:after {
  top: 7px;
  right: 2px;
}
body#application main .enrollments_base_filter label {
  font-weight: 500 !important;
}
body#application main .q-administer-pill {
  font-size: 12px;
  background: #B72A8D;
  color: #fff;
  display: inline-block;
  padding: 4px 8px;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  position: relative;
  margin-right: 10px;
  border-radius: 4px;
}
body#application #environment .q-header--bg,
body#application #administer .q-header--bg {
  background: url("/kov_dashboard/static/src/images/header-underline.png") center right no-repeat;
  background-size: contain;
}
body#application .q-administer-dash-step__link_external:after {
  content: "Q";
  font-family: "kov-q" !important;
  font-size: 24px;
  right: 35px;
  top: 25px;
  position: absolute;
  transition: all 0.3s;
}
body#application .login_table tr:nth-of-type(even) {
  background-color: #F5F5F5;
}
body#application .login_table tr:hover {
  background-color: #E5E5E5;
}
body#application .login_table tr.class_name {
  background-color: #FFF;
}
body#application .login_table tr.class_name h3 {
  margin-top: 20px;
  color: #5AC3CC;
  font-weight: 500;
  font-size: 20px;
}
body#application .login_table tr td {
  padding: 10px;
  font-weight: 600;
}
body#application .login_table tr th {
  background-color: #5AC3CC;
  color: #FFF;
  font-weight: 500;
  padding: 10px;
}
body#application .login_table .input-group {
  background-color: transparent;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
body#application .login_table .input-group .input-group-prepend {
  background-color: #FFF;
  border: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
body#application .login_table .input-group .input-group-prepend label {
  font-family: "kov-q" !important;
  background-color: #FFF;
  border: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
body#application .login_table .input-group input.form-control {
  background-color: #FFF;
  border: 0 !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
body#application .login_table .q-form-field__search {
  position: relative;
  width: 100%;
}
body#application .login_table .q-form-field__search:before {
  content: "I";
  font-family: "kov-q" !important;
  font-size: 24px;
  left: 0px;
  top: 5px;
  color: #333;
  position: absolute;
  transition: all 0.3s;
}

.highlight-temp {
  background-color: #a3d8dc !important;
  transition: background-color 1s ease;
}

.q-player-gradient {
  height: 4px;
  background-color: #B72A8D;
  background: url("/kov_styling/static/src/img/gradient_bg.png");
  background-size: cover !important;
}

.accompanying_text ul {
  padding: 0;
  list-style: none;
  margin-bottom: 30px;
}
.accompanying_text ul li {
  padding-left: 25px;
  position: relative;
  margin-bottom: 10px;
}
.accompanying_text ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5AC3CC;
  display: inline-block;
  left: 0px;
  position: absolute;
  top: 7px;
}

a, label, button {
  cursor: pointer;
}

.mw-600 {
  width: 600px;
  max-width: 100%;
}

.mw-800 {
  width: 800px;
  max-width: 100%;
}

.form-control {
  border-radius: 4px;
  height: auto !important;
  padding: 10px 15px;
  border: 1px solid #34495E;
}

button.ghost {
  border-radius: 4px;
  height: auto !important;
  padding: 13px;
  border: 1px solid transparent;
  background-color: transparent;
}

.contact_item--row button.ghost {
  display: none;
}
.contact_item--row:hover button.ghost {
  display: block;
}

body#subscribe {
  background-color: #FFF !important;
}

ol.nav-tabs.q-enrollment-proces {
  border-top: 1px solid #EDEDED !important;
  border-bottom: 1px solid #EDEDED !important;
}

.checkmark {
  border: 1px solid #acacac !important;
}

.not-allowed {
  cursor: not-allowed;
}

.q-enrollment-proces.disabled {
  cursor: not-allowed;
}
.q-enrollment-proces.disabled * {
  cursor: not-allowed;
  pointer-events: none;
}

label.text-danger * {
  color: #CB1717 !important;
}

.italic {
  font-style: italic;
}

.is-invalid {
  border-color: #CB1717 !important;
}

.mw-auto {
  max-width: 100%;
}

div.subgroup_item--row:first-of-type button.remove_subgroup {
  display: none !important;
}

div.subgroup_item--row button.remove_subgroup {
  display: none;
}
div.subgroup_item--row:hover button.remove_subgroup {
  display: block;
}

.q-alert--attention p {
  display: block;
  color: #F28A1A;
}

.q-button--function i {
  font-size: 15px !important;
}

.force_show {
  display: block !important;
}

input {
  max-width: 100% !important;
}

.q-enrollment-proces__tab p,
.q-enrollment-proces__tab ul,
.q-enrollment-proces__tab ol {
  max-width: 70%;
}

.form-control, .form-select, .q-form-field__input {
  border: 2px solid #EDEDED !important;
  border-radius: 5px !important;
}

input[readonly] {
  background-color: #efefef;
}

.q-radio-list__item-input {
  padding-left: 0 !important;
}

body#analyserapport .kovq_snippet_list {
  display: none !important;
}

body#analyserapport .kov_feedback_snippet_list {
  display: block !important;
}

body#analyserapport .kov_input_data {
  display: none !important;
}

#snippet_structure,
#snippet_feature,
#snippet_effect,
#snippet_content {
  display: none;
}

.oe_snippet .oe_snippet_thumbnail .oe_snippet_thumbnail_img {
  background-size: 60% 60% !important;
  background-position: center center !important;
}

body#analyserapport {
  overflow: auto;
}

.odoo-editor-editable .q-audiorecord__btngroup,
.odoo-editor-editable .q-audiorecord__btngroup *,
.odoo-editor-editable [data-backend-disabled=true] {
  pointer-events: none;
}

#wrapwrap.odoo-editor-editable .q-player-topbar__wrapper,
#wrapwrap.odoo-editor-editable #creditbar,
#wrapwrap.odoo-editor-editable #sidebar,
#wrapwrap.odoo-editor-editable #topbar,
#wrapwrap.odoo-editor-editable #q-player-card-wrapper {
  pointer-events: none;
}
#wrapwrap.odoo-editor-editable .q-player-topbar__wrapper .q-player-card-wrapper .editable_area,
#wrapwrap.odoo-editor-editable #creditbar .q-player-card-wrapper .editable_area,
#wrapwrap.odoo-editor-editable #sidebar .q-player-card-wrapper .editable_area,
#wrapwrap.odoo-editor-editable #topbar .q-player-card-wrapper .editable_area,
#wrapwrap.odoo-editor-editable #q-player-card-wrapper .q-player-card-wrapper .editable_area {
  pointer-events: all;
}
#wrapwrap.odoo-editor-editable .q-player-topbar__wrapper textarea.o_wysiwyg_textarea,
#wrapwrap.odoo-editor-editable #creditbar textarea.o_wysiwyg_textarea,
#wrapwrap.odoo-editor-editable #sidebar textarea.o_wysiwyg_textarea,
#wrapwrap.odoo-editor-editable #topbar textarea.o_wysiwyg_textarea,
#wrapwrap.odoo-editor-editable #q-player-card-wrapper textarea.o_wysiwyg_textarea {
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0;
}

.disabled-state {
  pointer-events: none;
}

.q-player-stepcard__body p ul:not([class]) {
  padding: 0;
  list-style: none;
}
.q-player-stepcard__body p ul:not([class]) li {
  padding-left: 15px;
  position: relative;
}
.q-player-stepcard__body p ul:not([class]) li:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5AC3CC;
  display: inline-block;
  left: -10px;
  position: absolute;
}

.q-box-result .q-participant-flag-options__item:nth-child(4):before,
.q-horizontal-chart__part:nth-of-type(4) {
  background: #B2B720;
}

.q-box-result .q-participant-flag-options__item:nth-child(5):before,
.q-horizontal-chart__part:nth-of-type(5) {
  background: #e9edbd;
}

.q-box-result .q-participant-flag-options__item:nth-child(6):before,
.q-horizontal-chart__part:nth-of-type(6) {
  background: #e4a0c3;
}

.q-box-result .q-participant-flag-options__item:nth-child(7):before,
.q-horizontal-chart__part:nth-of-type(7) {
  background: #f9c597;
}

.q-player-stepcard__body .emphasis-opportunity ul.styled li:before,
.q-player-stepcard__body .emphasis-opportunity ul.q-property-list li:before {
  background: #F28A1A !important;
}

#analyserapport .o_we_customize_panel .o_we_user_value_widget.force_show {
  display: block !important;
}
#analyserapport .o_we_customize_panel .o_we_user_value_widget.force_show .o_we_user_value_widget {
  display: block !important;
}

.emphasis-base, .emphasis-cta, .emphasis-opportunity, .emphasis-strength, .emphasis-result, .emphasis-research_question, .emphasis-context {
  background: #F9F9F9;
  padding: 20px 20px 20px 20px;
  border-radius: 10px;
  margin: 30px 0;
  list-style: none;
}

.emphasis-research_question section.s_text_block, .emphasis-research_question section.kov_feedback_portal_s_subtitle_block {
  margin: 0 !important;
  padding: 0 !important;
}
.emphasis-research_question p {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  font-family: "Open Sans", sans-serif;
  color: #55606e;
  letter-spacing: 0.56px;
  margin: 0;
  padding: 0;
}
.emphasis-research_question .q-player-stepcard__title {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

.emphasis-result {
  border-radius: 3px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1607843137);
}

.emphasis-strength {
  border-left: 10px solid #5AC3CC;
}

.emphasis-opportunity {
  border-left: 10px solid #F28A1A;
}

.emphasis-cta {
  background: #5AC3CC !important;
  color: #fff;
}
.emphasis-cta * {
  color: #FFF !important;
}

.q-practice-inspiration {
  margin: 0;
}
.q-practice-inspiration .q-practice-inspiration__item {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}
.q-practice-inspiration .q-practice-inspiration__item-link {
  display: flex !important;
  position: relative;
}
.q-practice-inspiration .q-practice-inspiration__item-link .q-practice-inspiration__item-thumb {
  overflow: hidden;
  z-index: 1000;
  position: relative;
}
.q-practice-inspiration .q-practice-inspiration__item-link .q-practice-inspiration__item-thumb img {
  min-width: 100%;
  min-height: 100%;
}
.q-practice-inspiration .q-practice-inspiration__item-title, .q-practice-inspiration .q-practice-inspiration__item a, .q-practice-inspiration__item .q-practice-inspiration a {
  max-width: 90%;
}

.q-analyse-download {
  display: flex !important;
}
.q-analyse-download:before {
  content: "" !important;
  border: 0 !important;
  position: relative !important;
  inset: 0px !important;
  pointer-events: none !important;
}
.q-analyse-download.q-analyse-download--excel:before {
  position: relative;
  background: url(/kov_feedback_portal/static/src/images/kov-pro-file-excel.svg) center center no-repeat !important;
  background-size: cover !important;
}
.q-analyse-download.q-analyse-download--word:before {
  background: url(/kov_feedback_portal/static/src/images/kov-pro-file-word.svg) center center no-repeat !important;
  background-size: cover !important;
}
.q-analyse-download.q-analyse-download--pdf:before {
  background: url(/kov_feedback_portal/static/src/images/kov-pro-file-pdf.svg) center center no-repeat !important;
  background-size: cover !important;
}
.q-analyse-download.q-analyse-download--ppt:before {
  background: url(/kov_feedback_portal/static/src/images/kov-pro-file-powerpoint.svg) center center no-repeat !important;
  background-size: cover !important;
}
.q-analyse-download.q-analyse-download--file {
  align-items: baseline;
}
.q-analyse-download.q-analyse-download--file:before {
  text-align: center;
  content: "\f019" !important;
  font-family: FontAwesome !important;
  background: transparent;
}

.q-generic-goals {
  margin: 10px 0;
  padding: 0 20px 0 40px;
}
.q-generic-goals .q-generic-goals__item {
  padding-right: 0;
}
.q-generic-goals .q-generic-goals__item:after {
  pointer-events: none;
}
.q-generic-goals .q-generic-goals__item a {
  padding-right: 50px;
  display: block;
}
.q-generic-goals .q-generic-goals__item a .q-generic-goals__prefix {
  margin-right: 1rem;
}

.clear {
  clear: both !important;
}

.q-chart .q-grafiek {
  max-width: 45%;
}
.q-chart .side_content {
  width: 100%;
}
.q-chart .side_content .top {
  height: 50%;
  display: flex;
  align-items: start;
  width: 100%;
}
.q-chart .side_content .bottom {
  height: 50%;
  display: flex;
  align-items: end;
  width: 100%;
}
.q-chart .side_content .oe_structure {
  display: block;
  width: 100%;
}

#wrapwrap.odoo-editor-editable .modal-result-details.force_backend_show {
  display: block;
}

.q-modal-header .q-generic-goals__item:after {
  display: none;
}

.q-analyse-hypothesis__list, .q-analyse-hypothesis__list_custom {
  margin-bottom: 0;
}
.q-analyse-hypothesis__list ul, .q-analyse-hypothesis__list_custom ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 10px;
}
.q-analyse-hypothesis__list ul li, .q-analyse-hypothesis__list_custom ul li {
  color: #A5A5A5;
  font-size: 14px;
}
.q-analyse-hypothesis__list .q-analyse-hypothesis__list-item .filter-item, .q-analyse-hypothesis__list_custom .q-analyse-hypothesis__list-item .filter-item {
  margin-bottom: 0;
}

.q-hypothesis-filter .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  left: -22px;
}

.editor_enable .q-analyse-hypothesis__title {
  pointer-events: none !important;
}
.editor_enable .kov_feedback_portal_s_columns .col-lg-6 {
  border: 1px dashed #cecece;
  min-height: 50px;
}

.q-prediction__select {
  width: 100%;
}
.q-prediction__select .q-switch-field {
  width: 100%;
}
.q-prediction__select .q-switch-field .q-switch-field__label {
  width: 33%;
  max-width: 33%;
}
.q-prediction__select .q-switch-field .q-prediction__why {
  width: 100%;
}

.q-chart .q-grafiek {
  margin-bottom: 20px;
  overflow: inherit;
  height: 300px;
}
.q-chart .q-grafiek ul.q-chart-legend {
  bottom: -30px;
  position: absolute;
  font-size: 12px;
}
.q-chart .q-grafiek ul.q-chart-legend li {
  margin-right: 10px;
  float: left;
}
.q-chart .q-grafiek ul.q-chart-legend li:last-child {
  margin-right: 0;
}

.q-modal-dialog .q-chart {
  box-shadow: none;
}

.kov_feedback_portal_s_bar_chart_block .q-chart {
  box-shadow: none;
}
.kov_feedback_portal_s_bar_chart_block.shadow-block .q-chart {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.160784313);
}
.kov_feedback_portal_s_bar_chart_block.shadow-graph {
  box-shadow: none;
}
.kov_feedback_portal_s_bar_chart_block.shadow-graph q.chart {
  box-shadow: none !important;
}
.kov_feedback_portal_s_bar_chart_block.shadow-graph .q-grafiek:after {
  position: absolute;
  z-index: 0;
  left: -30px;
  top: -30px;
  right: -60px;
  bottom: -50px;
  content: "";
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.160784313);
}
.kov_feedback_portal_s_bar_chart_block .q-modal-dialog .kov_feedback_portal_s_bar_chart_block {
  box-shadow: none;
}
.kov_feedback_portal_s_bar_chart_block .q-modal-dialog .kov_feedback_portal_s_bar_chart_block .q-chart {
  box-shadow: none;
}
.kov_feedback_portal_s_bar_chart_block .q-modal-dialog .kov_feedback_portal_s_bar_chart_block.shadow-block .q-chart {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.160784313);
}
.kov_feedback_portal_s_bar_chart_block .q-modal-dialog .kov_feedback_portal_s_bar_chart_block.shadow-graph {
  box-shadow: none;
}
.kov_feedback_portal_s_bar_chart_block .q-modal-dialog .kov_feedback_portal_s_bar_chart_block.shadow-graph q.chart {
  box-shadow: none !important;
}
.kov_feedback_portal_s_bar_chart_block .q-modal-dialog .kov_feedback_portal_s_bar_chart_block.shadow-graph .q-grafiek:after {
  position: absolute;
  z-index: 0;
  left: -30px;
  top: -30px;
  right: -60px;
  bottom: -50px;
  content: "";
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.160784313);
}

.q-player-card-wrapper.full {
  width: 100%;
  left: 0;
}

.kov_feedback_portal_s_pre_estimation_reminder_block * {
  pointer-events: none !important;
}

.hide_frontend {
  display: none;
}

.o_connected_user .hide_frontend {
  display: block;
}

.kov_feedback_portal_s_bar_chart_block .q-prediction__item {
  margin-bottom: 0;
}

.kov_feedback_portal_s_bar_chart_block .q-prediction__why {
  margin-bottom: 20px;
}

.q-practice-inspiration__item-thumb {
  overflow: hidden;
}

.snippet-option-KOVFMHypothesisBlock {
  min-height: 100px;
}

.q-analyse-hypothesis__list_custom {
  color: #A5A5A5;
  font-size: 14px;
  display: none;
}

.q-analyse-hypothesis__list-item_custom {
  border-bottom: 1px solid #EDEDED;
  padding: 20px 20px 20px 10px;
}

#addHypothese .q-modal-header__title {
  font-size: 28px;
}
#addHypothese .q-modal-close {
  right: 35px;
  top: 45px;
}

.show_own_hypothesis .q-analyse-hypothesis__list_custom {
  display: block;
}

.q-analyse-hypothesis__list-item .remove_hypothese {
  opacity: 0;
  font-size: 13px;
  display: inline-block;
  padding: 5px;
}
.q-analyse-hypothesis__list-item:hover .remove_hypothese {
  opacity: 1;
}

.q-generic-goals__item:before {
  display: none;
}

.q-generic-goals__item {
  position: relative;
}
.q-generic-goals__item .q-generic-goals__prefix.zill_IK {
  color: #ed7928;
  position: relative;
}
.q-generic-goals__item .q-generic-goals__prefix.zill_IK:before {
  background-color: #ed7928;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-02.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-02.svg");
}
.q-generic-goals__item .q-generic-goals__prefix.zill_IV {
  color: #f79839;
  position: relative;
}
.q-generic-goals__item .q-generic-goals__prefix.zill_IV:before {
  background-color: #f79839;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-03.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-03.svg");
}
.q-generic-goals__item .q-generic-goals__prefix.zill_ME {
  color: #8cb83a;
  position: relative;
}
.q-generic-goals__item .q-generic-goals__prefix.zill_ME:before {
  background-color: #8cb83a;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/media.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/media.svg");
}
.q-generic-goals__item .q-generic-goals__prefix.zill_MU {
  color: #46b98f;
  position: relative;
}
.q-generic-goals__item .q-generic-goals__prefix.zill_MU:before {
  background-color: #46b98f;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-07.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-07.svg");
}
.q-generic-goals__item .q-generic-goals__prefix.zill_MZ {
  color: #f6bd16;
  position: relative;
}
.q-generic-goals__item .q-generic-goals__prefix.zill_MZ:before {
  background-color: #f6bd16;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-04.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-04.svg");
}
.q-generic-goals__item .q-generic-goals__prefix.zill_OW {
  color: #b1d03d;
  position: relative;
}
.q-generic-goals__item .q-generic-goals__prefix.zill_OW:before {
  background-color: #b1d03d;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/ori.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/ori.svg");
}
.q-generic-goals__item .q-generic-goals__prefix.zill_RK {
  color: #5b54a4;
  position: relative;
}
.q-generic-goals__item .q-generic-goals__prefix.zill_RK:before {
  background-color: #5b54a4;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-11vis.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-11vis.svg");
}
.q-generic-goals__item .q-generic-goals__prefix.zill_SE {
  color: #e9252d;
  position: relative;
}
.q-generic-goals__item .q-generic-goals__prefix.zill_SE:before {
  background-color: #e9252d;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-01.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-01.svg");
}
.q-generic-goals__item .q-generic-goals__prefix.zill_TO {
  color: #6ecde2;
  position: relative;
}
.q-generic-goals__item .q-generic-goals__prefix.zill_TO:before {
  background-color: #6ecde2;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-08.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-08.svg");
}
.q-generic-goals__item .q-generic-goals__prefix.zill_WD {
  color: #0a82be;
  position: relative;
}
.q-generic-goals__item .q-generic-goals__prefix.zill_WD:before {
  background-color: #0a82be;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-10.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-10.svg");
}
.q-generic-goals__item .q-generic-goals__prefix:before {
  content: "";
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  left: -10px;
  top: 7px;
  width: 16px;
  height: 16px;
}
.q-generic-goals__item.zill_li_IK .q-generic-goals__prefix {
  color: #ed7928;
}
.q-generic-goals__item.zill_li_IK .q-generic-goals__prefix:before {
  background-color: #ed7928;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-02.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-02.svg");
}
.q-generic-goals__item.zill_li_IK .details ul li:before {
  background-color: #ed7928 !important;
}
.q-generic-goals__item.zill_li_IV .q-generic-goals__prefix {
  color: #f79839;
}
.q-generic-goals__item.zill_li_IV .q-generic-goals__prefix:before {
  background-color: #f79839;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-03.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-03.svg");
}
.q-generic-goals__item.zill_li_IV .details ul li:before {
  background-color: #f79839 !important;
}
.q-generic-goals__item.zill_li_ME .q-generic-goals__prefix {
  color: #8cb83a;
}
.q-generic-goals__item.zill_li_ME .q-generic-goals__prefix:before {
  background-color: #8cb83a;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/media.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/media.svg");
}
.q-generic-goals__item.zill_li_ME .details ul li:before {
  background-color: #8cb83a !important;
}
.q-generic-goals__item.zill_li_MU .q-generic-goals__prefix {
  color: #46b98f;
}
.q-generic-goals__item.zill_li_MU .q-generic-goals__prefix:before {
  background-color: #46b98f;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-07.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-07.svg");
}
.q-generic-goals__item.zill_li_MU .details ul li:before {
  background-color: #46b98f !important;
}
.q-generic-goals__item.zill_li_MZ .q-generic-goals__prefix {
  color: #f6bd16;
}
.q-generic-goals__item.zill_li_MZ .q-generic-goals__prefix:before {
  background-color: #f6bd16;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-04.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-04.svg");
}
.q-generic-goals__item.zill_li_MZ .details ul li:before {
  background-color: #f6bd16 !important;
}
.q-generic-goals__item.zill_li_OW .q-generic-goals__prefix {
  color: #b1d03d;
}
.q-generic-goals__item.zill_li_OW .q-generic-goals__prefix:before {
  background-color: #b1d03d;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/ori.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/ori.svg");
}
.q-generic-goals__item.zill_li_OW .details ul li:before {
  background-color: #b1d03d !important;
}
.q-generic-goals__item.zill_li_RK .q-generic-goals__prefix {
  color: #5b54a4;
}
.q-generic-goals__item.zill_li_RK .q-generic-goals__prefix:before {
  background-color: #0a82be;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-11vis.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-11vis.svg");
}
.q-generic-goals__item.zill_li_RK .details ul li:before {
  background-color: #5b54a4 !important;
}
.q-generic-goals__item.zill_li_SE .q-generic-goals__prefix {
  color: #e9252d;
}
.q-generic-goals__item.zill_li_SE .q-generic-goals__prefix:before {
  background-color: #e9252d;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-01.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-01.svg");
}
.q-generic-goals__item.zill_li_SE .details ul li:before {
  background-color: #e9252d !important;
}
.q-generic-goals__item.zill_li_TO .q-generic-goals__prefix {
  color: #6ecde2;
}
.q-generic-goals__item.zill_li_TO .q-generic-goals__prefix:before {
  background-color: #6ecde2;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-08.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-08.svg");
}
.q-generic-goals__item.zill_li_TO .details ul li:before {
  background-color: #6ecde2 !important;
}
.q-generic-goals__item.zill_li_WD .q-generic-goals__prefix {
  color: #0a82be;
}
.q-generic-goals__item.zill_li_WD .q-generic-goals__prefix:before {
  background-color: #0a82be;
  -webkit-mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-10.svg");
  mask-image: url("/kov_feedback_portal/static/src/images/zill/veldicoontjes-10.svg");
}
.q-generic-goals__item.zill_li_WD .details ul li:before {
  background-color: #0a82be !important;
}

.q-generic-goals__item a {
  padding: 0;
  list-style: none;
}
.q-generic-goals__item a ul {
  list-style-type: none;
}
.q-generic-goals__item a ul li {
  padding-left: 15px;
}
.q-generic-goals__item a ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5AC3CC;
  display: inline-block;
  left: -10px;
  position: relative;
}
.q-generic-goals__item.zill_li_MU .ul_zill_divider {
  color: #46b98f;
  font-size: 13px;
}
.q-generic-goals__item.zill_li_MU ul li:before {
  background: #46b98f;
}

.kov_feedback_portal_s_properties_with_estimation_reminder_block span.strength_title, .kov_feedback_portal_s_properties_with_estimation_reminder_block span.weakness_title {
  font-weight: bold;
}

.kov_feedback_portal_s_properties_with_estimation_reminder_block ul.q-generic-goals {
  padding: 0;
  list-style: none;
}
.kov_feedback_portal_s_properties_with_estimation_reminder_block ul.q-generic-goals li {
  padding-left: 25px;
  border-bottom: 1px solid #EDEDED;
  padding: 15px 30px 15px 20px;
  font-weight: bold !important;
  position: relative;
}
.kov_feedback_portal_s_properties_with_estimation_reminder_block ul.q-generic-goals li:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5AC3CC;
  display: inline-block;
  left: 0px;
  top: 22px;
  position: absolute;
}
.kov_feedback_portal_s_properties_with_estimation_reminder_block ul.q-generic-goals li:after {
  display: none;
}
.kov_feedback_portal_s_properties_with_estimation_reminder_block ul.q-generic-goals li .zill_refs {
  padding-left: 25px;
}
.kov_feedback_portal_s_properties_with_estimation_reminder_block ul.q-generic-goals li .zill_refs a.q-generic-goals__prefix {
  padding-right: 0;
  margin-right: 40px;
}
.kov_feedback_portal_s_properties_with_estimation_reminder_block ul.q-generic-goals li .zill_refs a.q-generic-goals__prefix:before {
  top: 6px;
  left: -20px;
}

.emphasis-opportunity .kov_feedback_portal_s_properties_with_estimation_reminder_block ul.q-generic-goals li:before,
.emphasis-opportunity .kov_feedback_portal_s_properties_with_estimation_reminder_block ul.styled li:before {
  background: #F28A1A !important;
}

.q-analyse-information pre {
  font-weight: 600;
  display: flex;
  align-items: baseline;
  color: #34495E;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  white-space: pre-wrap;
}
.q-analyse-information li {
  white-space: pre-line;
}

.q-analyse-checkbox__list-item {
  text-transform: none !important;
}

.q-analyse-steps__item .q-step-title {
  width: 25%;
  font-weight: 600;
}

.q-analyse-steps__item .q-step-info {
  width: 75%;
}

.q-analyse-steps__item {
  align-items: start;
}

.q-player-card-wrapper.full {
  width: 100%;
  left: 0;
  margin-bottom: 50px;
}

.q-player-sidebar__toggle:after {
  display: none;
}

.q-analyse-checkbox__list-item .checkmark {
  border: 1px solid #CCCCCC;
}

.snippet-option-VersionControl {
  display: none !important;
}

.feedback_last_option {
  display: none;
}

.kov_feedback_portal_s_actions_note_block .q-actions-list_custom {
  display: none;
}
.kov_feedback_portal_s_actions_note_block.show_own_actions .q-actions-list_custom {
  display: block;
}

.q-textarea__textfield.custom {
  border-color: #cecece !important;
}

.q-analyse-hypothesis__list-item .checkmark {
  border-color: #cecece !important;
}

.q-actions-list__item .remove_action_holder, .q-actions-list__item_custom .remove_action_holder {
  justify-content: end;
  width: 45% !important;
  display: none;
}
.q-actions-list__item:hover .remove_action_holder, .q-actions-list__item_custom:hover .remove_action_holder {
  display: flex;
}

.q-modal-content {
  overflow: hidden;
}

.q-switch-field {
  direction: rtl;
}
.q-switch-field .q-switch-field__label {
  margin-left: 20px;
  margin-right: 0;
}
.q-switch-field .q-switch-field__label:last-child {
  margin-left: 0;
}

.q-chart-average {
  margin-bottom: 20px;
}
.q-chart-average .q-chart-average-list:before {
  display: none;
}
.q-chart-average .q-chart-average-list.show_lightning:before {
  display: flex;
}

.kov_feedback_portal_s_bar_chart_block.show_public_name {
  margin-top: 100px;
}
.kov_feedback_portal_s_bar_chart_block.show_public_name:before {
  content: attr(data-public_name);
  position: absolute;
  top: -50px;
  font-size: 16px;
  font-weight: 600;
}
.kov_feedback_portal_s_bar_chart_block.show_public_name:first-of-type {
  margin-top: 70px;
}

.q-chart .kov_feedback_portal_s_pre_estimation_reminder_block .title, .q-chart .kov_feedback_portal_s_pre_estimation_note_block .title {
  font-weight: 400;
  font-size: 15px;
  font-family: "Open Sans", sans-serif !important;
}

.q-practice-inspiration__item a {
  line-height: 44px !important;
}
.q-practice-inspiration__item a:hover {
  color: #5AC3CC;
}
.q-practice-inspiration__item .q-practice-inspiration__item-thumb img {
  min-width: 100% !important;
  min-height: 100% !important;
}

#wrapwrap:not(.odoo-editor-editable) .kov_feedback_portal_s_pre_estimation_reminder_block.show_no_analysis_done_yet {
  margin-top: 50px;
  padding-bottom: 1px;
}
#wrapwrap:not(.odoo-editor-editable) .kov_feedback_portal_s_pre_estimation_reminder_block.show_no_analysis_done_yet ul {
  display: none;
}
#wrapwrap:not(.odoo-editor-editable) .kov_feedback_portal_s_pre_estimation_reminder_block.show_no_analysis_done_yet:before {
  content: "NOG GEEN ANALYSE GEBEURD";
  text-transform: uppercase;
  color: #859198;
  margin-bottom: 5px;
  display: block;
  position: absolute;
  top: -30px;
  line-height: 30px;
}

#bar-graph .q-bar::after {
  font-size: 12px;
}

.q-review-wrapper .q-mpc *, .q-review-wrapper .q-mpr *, .q-review-wrapper .q-dd-drag *, .q-review-wrapper .q-dd-drop__zone * {
  pointer-events: none !important;
}

.kov_feedback_portal_s_participant_count_block .afname, .kov_feedback_portal_s_participant_count_block .selection_reference_group, .kov_feedback_portal_s_participant_count_block .selection_flanders, .kov_feedback_portal_s_participant_count_block .verklaring, .kov_feedback_portal_s_participant_count_block .excluded {
  display: none;
}
.kov_feedback_portal_s_participant_count_block.show_afname .afname {
  display: block;
}
.kov_feedback_portal_s_participant_count_block.show_excluded .excluded {
  display: block;
}
.kov_feedback_portal_s_participant_count_block.show_referentiegroep .selection_reference_group {
  display: block;
}
.kov_feedback_portal_s_participant_count_block.show_vlaanderen .selection_flanders {
  display: block;
}
.kov_feedback_portal_s_participant_count_block.show_verklaring .verklaring {
  display: inline-block;
}

.hide_unselected ul.q-prediction {
  display: inline-block;
}
.hide_unselected ul.q-prediction .q-switch-field {
  direction: ltr;
}
.hide_unselected ul.q-prediction .q-switch-field input + label.q-switch-field__label {
  display: none;
}
.hide_unselected ul.q-prediction .q-switch-field input:checked + label.q-switch-field__label {
  display: flex;
  margin: 0 !important;
}
.hide_unselected ul.q-prediction li.q-class-list__item .prediction_low q-switch-field__label {
  margin: 0 !important;
}
.hide_unselected ul.q-prediction li.q-class-list__item:before {
  top: 28px !important;
}

.o_connected_user .kov_feedback_portal_s_new_result_block .q-chart-analyse {
  pointer-events: none !important;
}
.o_connected_user .q-note-property-priority__togglebtn.be-active .q-note-property-priority__togglebtn-icon {
  background: rgb(178, 183, 32);
  background: linear-gradient(171deg, rgb(178, 183, 32) 0%, rgb(178, 183, 32) 46%, rgb(90, 195, 204) 100%);
  color: #fff;
  border: none;
}
.o_connected_user .q-note-property-priority__togglebtn.be-active .q-note-property-priority__togglebtn-icon i:before {
  content: "2" !important;
}
.o_connected_user textarea.textarea.be-visible {
  display: block !important;
}
.o_connected_user .kov_feedback_portal_s_pre_estimation_reminder_block.hide_unselected ul.q-prediction {
  display: inline-block;
}
.o_connected_user .kov_feedback_portal_s_pre_estimation_reminder_block.hide_unselected ul.q-prediction li.q-prediction__item div.q-prediction__select div.q-switch-field label:nth-of-type(3) {
  display: inline-block;
  margin: 0;
  width: auto;
  max-width: inherit;
}

.kov_feedback_portal_s_new_result_block .q-modal-sidebar .title, .kov_feedback_portal_s_new_result_block .q-modal-sidebar h1, .kov_feedback_portal_s_new_result_block .q-modal-sidebar h2, .kov_feedback_portal_s_new_result_block .q-modal-sidebar h3, .kov_feedback_portal_s_new_result_block .q-modal-sidebar h4, .kov_feedback_portal_s_new_result_block .q-modal-sidebar h5, .kov_feedback_portal_s_new_result_block .q-modal-sidebar h6, .kov_feedback_portal_s_new_result_block .q-modal-sidebar .q-player-stepcard__title {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #34495E;
  line-height: 20px;
  font-weight: 600;
  text-transform: none;
  margin-bottom: 15px;
}
.kov_feedback_portal_s_new_result_block .q-modal-sidebar .q-switch-field .q-switch-field__label {
  margin-right: 10px;
  margin-left: 0;
}
.kov_feedback_portal_s_new_result_block .q-chart-analyse {
  display: none;
}
.kov_feedback_portal_s_new_result_block .tab-content {
  padding: 30px 0;
}
.kov_feedback_portal_s_new_result_block .q-modal--sidebar .q-modal-sidebar {
  min-width: 380px;
}
.kov_feedback_portal_s_new_result_block.analysis-button .q-chart-analyse {
  display: flex;
}
.kov_feedback_portal_s_new_result_block .accordionLeeswijzer {
  display: none;
}
.kov_feedback_portal_s_new_result_block.leeswijzer .accordionLeeswijzer {
  display: block;
}
.kov_feedback_portal_s_new_result_block .q-modal-header {
  min-height: 70px;
}
.kov_feedback_portal_s_new_result_block a.q-box-result__tabs-link:not(.approved) {
  display: none;
}
.kov_feedback_portal_s_new_result_block a.q-box-result__tabs-link.active:not(.approved) {
  display: none;
}
.kov_feedback_portal_s_new_result_block .q-box-result__header {
  align-items: center;
}
.kov_feedback_portal_s_new_result_block .q-box-result__header .q-reminder-property-priority {
  top: 3px;
  margin: 0 15px 0 0 !important;
  display: none;
}
.kov_feedback_portal_s_new_result_block.show_prios .q-box-result__header .q-reminder-property-priority {
  display: block;
}
.kov_feedback_portal_s_new_result_block.show_prios .q-box-result__header .q-reminder-property-priority.only_backend_mode {
  display: none;
}
.kov_feedback_portal_s_new_result_block .q-modal-header__title {
  padding-left: 45px;
}
.kov_feedback_portal_s_new_result_block .q-modal-header__title .q-reminder-property-priority {
  margin: 0;
}
.kov_feedback_portal_s_new_result_block .q-modal-header__title .q-reminder-property-priority:before {
  top: -3px;
}
.kov_feedback_portal_s_new_result_block .q-modal-header__title .q-reminder-property-priority:after {
  top: 4px;
  left: -33px;
  font-size: 15px;
}
.kov_feedback_portal_s_new_result_block .q-modal-header__title h1, .kov_feedback_portal_s_new_result_block .q-modal-header__title h2, .kov_feedback_portal_s_new_result_block .q-modal-header__title h3, .kov_feedback_portal_s_new_result_block .q-modal-header__title h4, .kov_feedback_portal_s_new_result_block .q-modal-header__title h5, .kov_feedback_portal_s_new_result_block .q-modal-header__title h6 {
  margin: 0;
  padidng: 0;
}

.q-subproperty-valuescale-chart-wrapper {
  width: 100% !important;
}

.q-subproperty-valuescale-chart__label {
  display: block;
  line-height: 1em;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translate(-50%);
  overflow: hidden;
  white-space: nowrap;
}

.kov_feedback_portal_s_lickert_details_block .q-subproperty-valuescale-chart__part:nth-of-type(1) {
  background-color: rgba(90, 195, 204, 0.2);
}
.kov_feedback_portal_s_lickert_details_block .q-subproperty-valuescale-chart__part:nth-of-type(2) {
  background-color: rgba(90, 195, 204, 0.4);
}
.kov_feedback_portal_s_lickert_details_block .q-subproperty-valuescale-chart__part:nth-of-type(3) {
  background-color: rgba(90, 195, 204, 0.6);
}
.kov_feedback_portal_s_lickert_details_block .q-subproperty-valuescale-chart__part:nth-of-type(4) {
  background-color: rgba(90, 195, 204, 0.8);
}
.kov_feedback_portal_s_lickert_details_block .q-subproperty-valuescale-chart__part:nth-of-type(5) {
  background-color: rgb(90, 195, 204);
}
.kov_feedback_portal_s_lickert_details_block .q-subproperty-legend li:nth-of-type(1):before {
  background: rgba(90, 195, 204, 0.2);
}
.kov_feedback_portal_s_lickert_details_block .q-subproperty-legend li:nth-of-type(2):before {
  background: rgba(90, 195, 204, 0.4);
}
.kov_feedback_portal_s_lickert_details_block .q-subproperty-legend li:nth-of-type(3):before {
  background: rgba(90, 195, 204, 0.6);
}
.kov_feedback_portal_s_lickert_details_block .q-subproperty-legend li:nth-of-type(4):before {
  background: rgba(90, 195, 204, 0.8);
}
.kov_feedback_portal_s_lickert_details_block .q-subproperty-legend li:nth-of-type(5):before {
  background: rgb(90, 195, 204);
}

div.q-results-block-wrapper.show_students .q-results-block-chart__number {
  display: inline;
}
div.q-results-block-wrapper li.q-results-block-list__item div.q-results-block-chart span.q-results-block-chart__part.rounded_chart_part {
  border-radius: 5px !important;
}
div.q-results-block-wrapper li.q-results-block-list__item div.q-results-block-chart span.q-results-block-chart__part:nth-of-type(1) {
  background-color: rgba(90, 195, 204, 0.25);
}
div.q-results-block-wrapper li.q-results-block-list__item div.q-results-block-chart span.q-results-block-chart__part:nth-of-type(2) {
  background-color: rgba(90, 195, 204, 0.5);
}
div.q-results-block-wrapper li.q-results-block-list__item div.q-results-block-chart span.q-results-block-chart__part:nth-of-type(3) {
  background-color: rgba(90, 195, 204, 0.75);
  border-radius: 0 5px 5px 0;
}
div.q-results-block-wrapper li.q-results-block-list__item div.q-results-block-chart span.q-results-block-chart__part:nth-of-type(4) {
  background-color: rgb(90, 195, 204);
}
div.q-results-block-wrapper li.q-results-block-list__item div.q-results-block-chart span.q-results-block-chart__part:first-of-type {
  border-radius: 5px 0 0 5px;
}
div.q-results-block-wrapper li.q-results-block-list__item div.q-results-block-chart span.q-results-block-chart__part:last-of-type {
  border-radius: 0 5px 5px 0;
}
div.q-results-block-wrapper li.q-results-block-list__item.q-results-block-list__item--reference div.q-results-block-chart span.q-results-block-chart__part:nth-of-type(1) {
  background-color: rgba(183, 42, 140, 0.25);
}
div.q-results-block-wrapper li.q-results-block-list__item.q-results-block-list__item--reference div.q-results-block-chart span.q-results-block-chart__part:nth-of-type(2) {
  background-color: rgba(183, 42, 140, 0.5);
}
div.q-results-block-wrapper li.q-results-block-list__item.q-results-block-list__item--reference div.q-results-block-chart span.q-results-block-chart__part:nth-of-type(3) {
  background-color: rgba(183, 42, 140, 0.75);
  border-radius: 0 5px 5px 0;
}
div.q-results-block-wrapper li.q-results-block-list__item.q-results-block-list__item--reference div.q-results-block-chart span.q-results-block-chart__part:nth-of-type(4) {
  background-color: rgb(183, 42, 140);
}
div.q-results-block-wrapper li.q-results-block-list__item.q-results-block-list__item--reference div.q-results-block-chart span.q-results-block-chart__part:first-of-type {
  border-radius: 5px 0 0 5px;
}
div.q-results-block-wrapper li.q-results-block-list__item.q-results-block-list__item--reference div.q-results-block-chart span.q-results-block-chart__part:last-of-type {
  border-radius: 0 5px 5px 0;
}
div.q-results-block-wrapper li.q-results-block-list__item.q-results-block-list__item--average div.q-results-block-chart span.q-results-block-chart__part:nth-of-type(1) {
  background-color: rgba(133, 145, 152, 0.25);
}
div.q-results-block-wrapper li.q-results-block-list__item.q-results-block-list__item--average div.q-results-block-chart span.q-results-block-chart__part:nth-of-type(2) {
  background-color: rgba(133, 145, 152, 0.5);
}
div.q-results-block-wrapper li.q-results-block-list__item.q-results-block-list__item--average div.q-results-block-chart span.q-results-block-chart__part:nth-of-type(3) {
  background-color: rgba(133, 145, 152, 0.75);
  border-radius: 0 5px 5px 0;
}
div.q-results-block-wrapper li.q-results-block-list__item.q-results-block-list__item--average div.q-results-block-chart span.q-results-block-chart__part:nth-of-type(4) {
  background-color: rgb(133, 145, 152);
}
div.q-results-block-wrapper li.q-results-block-list__item.q-results-block-list__item--average div.q-results-block-chart span.q-results-block-chart__part:first-of-type {
  border-radius: 5px 0 0 5px;
}
div.q-results-block-wrapper li.q-results-block-list__item.q-results-block-list__item--average div.q-results-block-chart span.q-results-block-chart__part:last-of-type {
  border-radius: 0 5px 5px 0;
}
div.q-results-block-wrapper .q-legend .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  left: -22px;
}
div.q-results-block-wrapper .q-legend .q-legend-legend li.q-legend-legend__item {
  border-radius: 5px;
}
div.q-results-block-wrapper .q-legend .q-legend-legend li.q-legend-legend__item:nth-of-type(1):before {
  background-color: rgba(90, 195, 204, 0.25);
}
div.q-results-block-wrapper .q-legend .q-legend-legend li.q-legend-legend__item:nth-of-type(2):before {
  background-color: rgba(90, 195, 204, 0.5);
}
div.q-results-block-wrapper .q-legend .q-legend-legend li.q-legend-legend__item:nth-of-type(3):before {
  background-color: rgba(90, 195, 204, 0.75);
}
div.q-results-block-wrapper .q-legend .q-legend-legend li.q-legend-legend__item:nth-of-type(4):before {
  background-color: rgb(90, 195, 204);
}
div.q-results-block-wrapper .q-legend .q-legend-legend li.q-legend-legend__item.flemish:before {
  background-color: rgb(133, 145, 152) !important;
}
div.q-results-block-wrapper .q-legend .q-legend-legend li.q-legend-legend__item.reference:before {
  background-color: rgb(183, 42, 140) !important;
}

.kov_feedback_portal_s_result_graph_block .q-chart .result-graph-chart-container {
  position: relative;
}
.kov_feedback_portal_s_result_graph_block .q-chart .result-graph-chart-container .highlight-overlay {
  position: absolute;
  width: calc(100% - 40px);
  z-index: 0;
  left: 40px;
  mix-blend-mode: multiply;
}
.kov_feedback_portal_s_result_graph_block .q-chart .result-graph-chart-container .highlight-overlay.highlight-overlay__flemish {
  background-color: rgba(133, 145, 152, 0.15);
}
.kov_feedback_portal_s_result_graph_block .q-chart .result-graph-chart-container .highlight-overlay.highlight-overlay__reference {
  background-color: rgba(183, 42, 141, 0.15);
}
.kov_feedback_portal_s_result_graph_block .q-chart .result-graph-chart-container #container1 {
  position: relative;
  z-index: 1; /* Adjust to be above the highlight */
}
.kov_feedback_portal_s_result_graph_block .q-chart .result-graph-chart-container #chart-container {
  position: relative;
}
.kov_feedback_portal_s_result_graph_block .q-legend-averages {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.kov_feedback_portal_s_result_graph_block .q-legend-averages li {
  margin: 0;
  padding: 0;
  float: none;
}
.kov_feedback_portal_s_result_graph_block .q-legend-averages li span {
  font-weight: bold;
}
.kov_feedback_portal_s_result_graph_block .q-legend-averages {
  display: none;
}
.kov_feedback_portal_s_result_graph_block.show_averages .q-legend-averages {
  display: block;
}
.kov_feedback_portal_s_result_graph_block.reference_hidden .q-legend-legend__item--reference {
  display: none;
}
.kov_feedback_portal_s_result_graph_block.reference_hidden .highlight-overlay__reference {
  display: none;
}
.kov_feedback_portal_s_result_graph_block.reference_hidden .q-legend-legend__item-- {
  display: none;
}
.kov_feedback_portal_s_result_graph_block.reference_hidden .highlight-overlay__reference {
  display: none;
}
.kov_feedback_portal_s_result_graph_block.reference_hidden .avg_reference {
  display: none;
}
.kov_feedback_portal_s_result_graph_block.flemish_hidden .q-legend-legend__item--flemish {
  display: none;
}
.kov_feedback_portal_s_result_graph_block.flemish_hidden .highlight-overlay__flemish {
  display: none;
}
.kov_feedback_portal_s_result_graph_block.flemish_hidden .avg_flemish {
  display: none;
}

.kov_feedback_portal_s_property_list_block.hide_links .q-referenceframe-list {
  display: none;
}

body .only_editor_mode {
  display: none;
}
body .only_backend_mode {
  display: none;
}
body.o_connected_user .only_backend_mode {
  display: block;
}
body.o_connected_user a.q-box-result__tabs-link {
  display: flex;
}
body.o_connected_user a.q-box-result__tabs-link:not(.approved) {
  background-image: linear-gradient(45deg, #ff0000 4.55%, #ffffff 4.55%, #ffffff 50%, #ff0000 50%, #ff0000 54.55%, #ffffff 54.55%, #ffffff 100%) !important;
  background-size: 77.78px 77.78px !important;
  display: flex;
}
body.o_connected_user a.q-box-result__tabs-link.active:not(.approved) {
  background-image: linear-gradient(45deg, #ff0000 4.55%, #34495E 4.55%, #34495E 50%, #ff0000 50%, #ff0000 54.55%, #34495E 54.55%, #34495E 100%) !important;
  background-size: 77.78px 77.78px !important;
  display: flex;
}
body.editor_enable .only_editor_mode {
  display: block;
}
body.editor_enable .accordion-collapse.collapse.show .accordion-body {
  min-height: 250px;
  border: 1px dashed #CECECE;
}

.kov_feedback_portal_s_schoolprio_reminder_block .q-reminder-property-priority {
  margin: 15px 0 20px 45px !important;
  position: relative;
}
.kov_feedback_portal_s_schoolprio_reminder_block .q-reminder-property-priority span {
  display: none;
}
.kov_feedback_portal_s_schoolprio_reminder_block.show_label .q-reminder-property-priority span {
  display: inline;
}

.o_connected_user .kov_feedback_portal_s_new_result_block.show_prios .q-box-result__header .q-reminder-property-priority {
  display: block;
}
.o_connected_user .kov_feedback_portal_s_new_result_block.show_prios .q-box-result__header .q-reminder-property-priority.only_backend_mode {
  display: block !important;
}

.q-player-card-wrapper, .q-review-wrapper {
  height: calc(100vh - 80px) !important;
}

.q-review-wrapper {
  height: calc(100vh - 80px) !important;
}

.q-analyse-list .q-analyse-list__item a {
  width: 100%;
}
.q-analyse-list .q-analyse-list__item .q-class-list__competence {
  min-width: 65% !important;
}
.q-analyse-list .q-class-list__classname {
  text-align: right;
  min-width: 10%;
}
.q-analyse-list .q-class-list__schoolyear {
  text-align: right;
  min-width: 25%;
}

.kov_feedback_portal_s_property_list_block .q-property-list .q-property-list__item .q-referenceframe-list .q-referenceframe-list__item a {
  padding-right: 0;
}
.kov_feedback_portal_s_property_list_block .q-property-list .q-property-list__item .q-referenceframe-list .q-referenceframe-list__item a:after {
  top: 8px;
  display: none;
}
.kov_feedback_portal_s_property_list_block .q-property-list .q-property-list__item a:after {
  top: 8px;
}
.kov_feedback_portal_s_property_list_block.hide_links .q-property-list .q-property-list__item a:after {
  top: -4px;
}

.o_kov_dummy_data {
  position: absolute;
  top: 0;
  padding: 10px 0;
  left: 0;
  right: 0;
  text-align: center;
}

.modal {
  min-width: 1000px;
}

.o_kov_dummy_data {
  display: none;
}

.o_connected_user .o_kov_dummy_data {
  display: block;
}
.o_connected_user ul.q-legend-legend {
  pointer-events: none !important;
}

.result-graph-chart-container {
  width: 100%;
}

.graph_container {
  width: 100%;
}

.q-player-sidebar .q-assesment__info .q-institution-number:after {
  content: "" !important;
  display: none;
}

.q-player-sidebar .q-assesment__info .q-classgrade:before {
  content: " - " !important;
}

.kov_feedback_portal_s_distribution_block,
.kov_feedback_portal_s_pre_estimation_reminder_block,
.kov_feedback_portal_s_lickert_details_block {
  margin-bottom: 30px;
  margin-top: 30px;
}

.kov_feedback_portal_s_open_feedback_block div.open_feedback_item {
  background-color: #F9F9F9;
  border-radius: 5px;
}
.kov_feedback_portal_s_open_feedback_block div.open_feedback_item p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.kov_feedback_portal_s_open_feedback_block button.show_more {
  margin-left: auto;
  margin-right: auto;
}

.kov_feedback_portal_s_distribution_block.hide_flemish .q-legend-legend__item.flemish,
.kov_feedback_portal_s_distribution_block.hide_flemish .q-results-block-list__item.q-results-block-list__item--average {
  display: none;
}
.kov_feedback_portal_s_distribution_block.hide_referencegroup .q-legend-legend__item.reference,
.kov_feedback_portal_s_distribution_block.hide_referencegroup .q-results-block-list__item.q-results-block-list__item--reference {
  display: none;
}

.list_of_desired_properties .property_selector, .list_of_desired_properties .selectable_option, .specific_properties .property_selector, .specific_properties .selectable_option {
  border-top: 1px solid #666 !important;
  padding: 5px 0 3px 0 !important;
}
.list_of_desired_properties .property_selector we-title, .list_of_desired_properties .selectable_option we-title, .specific_properties .property_selector we-title, .specific_properties .selectable_option we-title {
  width: 220px !important;
}

.q-referenceframe-list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 25px;
}

.q-referenceframe-list--zill .q-referenceframe-list__item {
  font-weight: 600;
  position: relative;
  padding-left: 20px;
}

.q-referenceframe-list--llinkid .q-referenceframe-list__item {
  font-weight: 600;
  position: relative;
  padding-left: 0px;
}

.q-referenceframe-list--llinkid .q-referenceframe-list__item,
.q-referenceframe-list--llinkid .q-referenceframe-list__item a {
  color: #9c009d;
}

.q-referenceframe-list--zill .q-referenceframe-list__item:before {
  font-family: "kov-q" !important;
  content: "M";
  position: absolute;
  left: 0;
  top: 4px;
}

.q-referenceframe-list--zill .q-referenceframe-list__item--SO,
.q-referenceframe-list--zill .q-referenceframe-list__item--SO a {
  color: #e9252d;
}

.q-referenceframe-list--zill .q-referenceframe-list__item--SO,
.q-referenceframe-list--zill .q-referenceframe-list__item--SO a {
  color: #e9252d;
}

.q-referenceframe-list--zill .q-referenceframe-list__item--SO:before {
  content: "S";
}

.q-referenceframe-list--zill .q-referenceframe-list__item--KO,
.q-referenceframe-list--zill .q-referenceframe-list__item--KO a {
  color: #ed7928;
}

.q-referenceframe-list--zill .q-referenceframe-list__item--KO:before {
  content: "T";
}

.q-referenceframe-list--zill .q-referenceframe-list__item--IK,
.q-referenceframe-list--zill .q-referenceframe-list__item--IK a {
  color: #ed7928;
}

.q-referenceframe-list--zill .q-referenceframe-list__item--IV,
.q-referenceframe-list--zill .q-referenceframe-list__item--IV a {
  color: #f79839;
}

.q-referenceframe-list--zill .q-referenceframe-list__item--IV:before {
  content: "U";
}

.q-referenceframe-list--zill .q-referenceframe-list__item--MZ,
.q-referenceframe-list--zill .q-referenceframe-list__item--MZ a {
  color: #f6bd16;
}

.q-referenceframe-list--zill .q-referenceframe-list__item--MZ:before {
  content: "V";
}

.q-referenceframe-list--zill .q-referenceframe-list__item--OR,
.q-referenceframe-list--zill .q-referenceframe-list__item--OR a {
  color: #b1d03d;
}

.q-referenceframe-list--zill .q-referenceframe-list__item--OR:before {
  content: "W";
}

.q-referenceframe-list--zill .q-referenceframe-list__item--ME,
.q-referenceframe-list--zill .q-referenceframe-list__item--ME a {
  color: #46b98f;
}

.q-referenceframe-list--zill .q-referenceframe-list__item--ME:before {
  content: "X";
}

.q-referenceframe-list--zill .q-referenceframe-list__item--MO,
.q-referenceframe-list--zill .q-referenceframe-list__item--MO a {
  color: #46b98f;
}

.q-referenceframe-list--zill .q-referenceframe-list__item--MO:before {
  content: "Y";
}

.q-referenceframe-list--zill .q-referenceframe-list__item--OW,
.q-referenceframe-list--zill .q-referenceframe-list__item--OW a {
  color: #b1d03d;
}

.q-referenceframe-list--zill .q-referenceframe-list__item--TO,
.q-referenceframe-list--zill .q-referenceframe-list__item--TO a {
  color: #6ecde2;
}

.q-referenceframe-list--zill .q-referenceframe-list__item--TO:before {
  content: "Z";
}

.q-referenceframe-list--zill .q-referenceframe-list__item--WD,
.q-referenceframe-list--zill .q-referenceframe-list__item--WD a {
  color: #0a82be;
}

.q-referenceframe-list--zill .q-referenceframe-list__item--WI,
.q-referenceframe-list--zill .q-referenceframe-list__item--WI a {
  color: #0a82be;
}

.q-referenceframe-list--zill .q-referenceframe-list__item--WI:before {
  content: "0";
}

.q-referenceframe-list--zill .q-referenceframe-list__item--RK,
.q-referenceframe-list--zill .q-referenceframe-list__item--RK a {
  color: #5b54a4;
}

.q-referenceframe-list--zill .q-referenceframe-list__item--RK:before {
  content: "1";
}

.odoo-editor-editable [data-backend-disabled=true] {
  pointer-events: none;
}

#oe_snippets form {
  margin-bottom: 0;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

body {
  background-color: #F9F9F9 !important;
  background: #F9F9F9;
  color: #55606e;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  overflow: scroll;
}

.q-attention-box * {
  background: #fff;
  color: #F28A1A !important;
  font-size: 16px;
  font-weight: 500;
  font-family: "Open Sans", sans-serif;
}

.q-attention-box p:last-child,
.q-instruction-box p:last-child,
.q-source-img p:last-child {
  margin-bottom: 0 !important;
}

.q-source-img {
  padding: 60px 40px 10px 35px;
  margin-bottom: 0;
}

img {
  max-width: 100% !important;
}

.block_margin {
  margin-bottom: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.bt25 {
  padding-bottom: 25px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.bt50 {
  padding-bottom: 50px !important;
}

.h75px {
  height: 75px !important;
}

.h150px {
  height: 150px !important;
}

.h250px {
  height: 250px !important;
}

.ck-editor {
  height: 100% !important;
}

textarea.editor {
  background: url("/kov_portal/static/src/images/editor_placeholder.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 100%;
  height: 250px;
  border: 1px solid #dcdcdc;
  color: #55606e;
  padding: 50px 20px;
}

.ck-editor__editable p {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 15px;
}

.kov_portal_s_text_processor_block {
  margin-bottom: 25px;
}

.q-player-card-wrapper {
  height: auto !important;
  padding-bottom: 97px;
}

body:not(#analyserapport) #creditbar {
  z-index: 999;
  position: fixed;
}

#wrapwrap.odoo-editor-editable .q-player-topbar__wrapper .q-player-card-wrapper section:not(#creditbar),
#wrapwrap.odoo-editor-editable #creditbar .q-player-card-wrapper section:not(#creditbar),
#wrapwrap.odoo-editor-editable #sidebar .q-player-card-wrapper section:not(#creditbar) {
  pointer-events: all;
}
#wrapwrap.odoo-editor-editable .q-player-topbar__wrapper textarea.o_wysiwyg_textarea,
#wrapwrap.odoo-editor-editable #creditbar textarea.o_wysiwyg_textarea,
#wrapwrap.odoo-editor-editable #sidebar textarea.o_wysiwyg_textarea {
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0;
}

.disabled-state {
  pointer-events: none;
}

.q-timer {
  border: 1px solid #EDEDED;
  border-radius: 4px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 25px;
}

.q-timer__icon {
  font-size: 24px;
  display: flex;
  color: #34495E;
}

.q-timer__instruction {
  align-items: center;
  background: #F9F9F9;
  display: flex;
  font-size: 14px;
  justify-content: center;
  margin: 0px 0 0 0;
  padding: 10px 0;
  width: 100%;
}

.q-timer__time {
  font-family: "Poppins", sans-serif;
  color: #A5A5A5;
  font-size: 36px;
  line-height: 36px;
  margin: 25px 0;
}

.q-timer {
  border: 1px solid #EDEDED;
  border-radius: 4px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 25px;
}

.q-timer__icon {
  font-size: 24px;
  display: flex;
  color: #34495E;
}

.q-timer__instruction {
  align-items: center;
  background: #F9F9F9;
  display: flex;
  font-size: 14px;
  justify-content: center;
  margin: 0px 0 0 0;
  padding: 10px 0;
  width: 100%;
}

.q-timer__time {
  font-family: "Poppins", sans-serif;
  color: #A5A5A5;
  font-size: 36px;
  line-height: 36px;
  margin: 25px 0;
}

.kov_portal_s_spacer_large hr {
  display: block;
  margin-top: 3rem;
  margin-bottom: 3rem;
  border-bottom: none;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: transparent;
}

.kov_portal_s_spacer_small hr {
  display: block;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: none;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: transparent;
}

.kov_portal_s_separator_block hr {
  display: block;
  border-bottom: none;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #f3f3f3;
}

.q-attention-box {
  background: #fff;
  border: 1px solid #F28A1A;
  border-radius: 4px;
  color: #F28A1A;
  display: flex;
  align-items: center;
  padding: 20px;
  font-size: 18px;
  font-weight: 500;
}
.q-attention-box i {
  display: flex;
  margin-right: 15px;
  font-size: 18px;
}

.q-instruction-box {
  background: #E2FDFF;
  border-radius: 8px;
  padding: 15px 40px;
  border-left: 10px solid #5AC3CC;
  margin-bottom: 25px;
}
.q-instruction-box ul {
  margin: 0;
  padding: 0;
}
.q-instruction-box ul li {
  margin-bottom: 20px;
}
.q-instruction-box ul li:last-child {
  margin-bottom: 0;
}
.q-instruction-box ul li::marker {
  color: #5AC3CC;
}
.q-instruction-box ul li a {
  text-decoration: underline !important;
  color: #34495E;
  transition: all 0.3s;
}
.q-instruction-box ul li a:hover {
  text-decoration: none !important;
  transition: all 0.3s;
}

.nav-tabs {
  border: 0 !important;
}

#loginModalstudent .modal-dialog {
  max-width: 500px;
}

.modal-xxl {
  max-width: 90%;
}

.q-player-card-wrapper__cardcontent img {
  border-radius: 4px;
}

#reviewModalquestion .modal-dialog {
  max-width: inherit;
  width: 98%;
}

#snippet_structure,
#snippet_feature,
#snippet_effect,
#snippet_content {
  display: none;
}

.oe_snippet .oe_snippet_thumbnail .oe_snippet_thumbnail_img {
  background-size: 60% 60% !important;
  background-position: center center !important;
}

.q-subtitle {
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 1rem;
  color: #55606e;
  line-height: 26px;
  margin-bottom: 25px;
}

.oe-hint:before {
  content: "" !important;
  display: none !important;
}

.ck.ck-content {
  min-height: 200px !important;
}

.audiofile, .ready-player-1 {
  position: relative;
}

.odoo-editor-editable .ready-player-1 {
  background: #FFF;
}
.odoo-editor-editable .ready-player-1 div {
  display: none;
}

.odoo-editor-editable .ready-player-1:before {
  content: attr(data-audio-text);
  top: 0;
  left: 0;
  font-style: italic;
  position: absolute;
  background-color: white;
  background: url(/kov_portal/static/src/images/player_placeholder.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center 0;
  padding-top: 60px;
  padding-left: 25px;
  z-index: 10;
  width: 100%;
}

.kov_portal_s_audio_fragment_block {
  min-height: 120px;
}

.q-criteria-list__value {
  padding: 0;
}

.q-criteria-list__value .custom-control {
  padding-left: 0;
}

.q-criteria-list__value .custom-control-label {
  padding: 20px 20px 20px 50px;
  display: block;
}

.q-criteria-list__value .custom-control-label::before,
.q-criteria-list__value .custom-control-label::after {
  top: 25px;
  left: 20px;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  top: 27px;
  left: 22px;
}

.modal-content {
  overflow: auto;
}

.q-assessment_value {
  padding: 20px;
  border: 1px solid #EDEDED;
  border-radius: 4px;
  margin-bottom: 30px;
}
.q-assessment_value p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.q-progress-bar {
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
}

.q-review-tab__content {
  padding: 40px 0 20px 0;
}

.q-rate-card .q-institution-list__item .q-class-list__item--busy:after {
  content: "niet ingediend";
}

#oe_snippets > .o_we_customize_panel .oe-toolbar #style,
#oe_snippets > .o_we_customize_panel .oe-toolbar #decoration,
#oe_snippets > .o_we_customize_panel .oe-toolbar #list,
#oe_snippets > .o_we_customize_panel .oe-toolbar #link {
  grid-area: inherit !important;
}

#removeFormat {
  border: 0;
}

.ck.ck-editor__editable > .ck-placeholder::before {
  color: #999;
  font-style: italic;
}

.ck.ck-editor__main > .ck-editor__editable.ck-focused {
  border: 1px solid #ccced1 !important;
}

.q-player-card-wrapper .q-instrument-chaptermenu__title {
  font-weight: 700 !important;
}

body:not(#analyserapport) #creditbar:not(.chapter_page) {
  padding-right: 300px;
}
@media screen and (max-width: 1024px) {
  body:not(#analyserapport) #creditbar:not(.chapter_page) {
    padding-right: 112px;
  }
}

@media screen and (max-width: 600px) {
  #creditbar {
    display: block;
    text-align: center;
    height: auto;
  }
  #creditbar div {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .q-player-card-wrapper {
    padding-bottom: 100px;
  }
  .q-player-card-wrapper .q-player-chaptercard__footer a {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
#baseModal .modal-dialog {
  max-width: 80%;
}
@media screen and (min-width: 1024px) {
  #baseModal .modal-dialog {
    max-width: 1024px;
  }
}
@media screen and (max-width: 576px) {
  #baseModal .modal-dialog {
    max-width: 100%;
  }
}
#baseModal .modal-dialog .container {
  max-width: 100%;
}
#baseModal .modal-dialog .q-modal-content {
  height: calc(80vh - 80px);
  padding: 0px;
}
#baseModal .modal-dialog .modal-header {
  padding: 20px;
  border: 0;
}
#baseModal .modal-dialog .modal-header button.close {
  font-size: 14px;
  padding: 35px;
}
#baseModal .modal-dialog .q-player-gradient {
  height: 5px;
}
#baseModal .modal-dialog .modal-body {
  padding: 20px;
}
#baseModal .modal-dialog .q-modal-header__title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 35px;
  color: #34495E;
}

.q-player-topbar .q-title__theme {
  font-weight: 700;
}

.q-class-list__link {
  color: #34495E;
}

.odoo-editor-editable .q-audiorecord__btngroup,
.odoo-editor-editable .q-audiorecord__btngroup * {
  pointer-events: none;
}

.odoo-editor-editable .q-audiorecord {
  position: relative;
}

.odoo-editor-editable .q-audiorecord:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.odoo-editor-editable .kov_portal_s_timer_block {
  position: relative;
}
.odoo-editor-editable .kov_portal_s_timer_block:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
}

.kov_portal_s_input_paper_field_block {
  display: none;
}

.odoo-editor-editable .kov_portal_s_input_paper_field_block {
  display: block !important;
}

#content-menu, #customize-menu, #promote-menu, .js_publish_management, #website_switcher, #new-content-menu {
  display: none !important;
}

.loader {
  z-index: 999999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  display: none;
}
.loader img {
  position: relative;
  margin-left: auto;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  z-index: -1;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
.animation__pulse {
  animation: zoom-in-zoom-out 1s ease infinite;
}

.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.q-player-introcard__body .q-instrument-stepmenu__step {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 40px;
}

.q-player-introcard__body .q-instrument-stepmenu__number {
  font-family: "Poppins", sans-serif;
  font-size: 44px;
  color: #34495E;
  line-height: 52px;
  font-weight: 700;
  text-transform: none;
  color: #5AC3CC;
  margin-right: 8px;
}

.q-player-introcard__body .q-instrument-stepmenu__steptitle {
  font-family: "Poppins", sans-serif;
  font-size: 44px;
  color: #34495E;
  line-height: 52px;
  font-weight: 700;
}

.q-player-sidebar {
  overflow-y: auto;
  padding-bottom: 80px;
}

.q-output-rendering {
  display: none;
  padding: 20px;
  border: 1px solid #EDEDED;
  border-radius: 4px;
  margin-bottom: 30px;
}
.q-output-rendering.visible {
  display: block;
}

.odoo-editor-editable .q-output-rendering,
.o_connected_user .q-output-rendering {
  display: block;
}

.q-criteria-list.disabled {
  position: relative;
  opacity: 0.3;
  pointer-events: none;
}
.q-criteria-list.disabled * {
  cursor: not-allowed;
}

.v-center-center {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.v-center-center .center img {
  height: 100px !important;
  width: 100px !important;
}

.already_completed {
  display: none;
}

.backend_login {
  background: url("/kov_portal/static/src/images/kov-auth-background-5.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}
.backend_login .login_sidebar {
  background: #FFF;
  background-image: url("/kov_styling/static/src/img/theme_logo_ko_vl.svg");
  background-size: 100px auto;
  background-repeat: no-repeat;
  background-position: center 50px;
  width: 30%;
  height: 100vh;
  display: block;
  align-items: center;
  overflow-y: auto;
}
.backend_login .login_sidebar .oe_website_login_container {
  width: 80%;
  margin: 200px auto auto auto;
  background: #FFF;
}

@media (max-width: 1140px) {
  .backend_login .login_sidebar {
    width: 40% !important;
  }
}
@media (max-width: 800px) {
  .backend_login .login_sidebar {
    width: 50% !important;
    background-size: 75px auto;
    background-position: center 25px;
  }
  .backend_login .login_sidebar .oe_website_login_container {
    margin: 150px auto auto auto;
  }
}
@media (max-width: 550px) {
  .backend_login .login_sidebar {
    width: 100% !important;
    background-position: center 20px;
  }
  .backend_login .login_sidebar .oe_website_login_container {
    margin: 150px auto auto auto;
  }
}
section p:last-child {
  margin-bottom: 0;
}

.snippet-option-ColoredLevelBackground,
.snippet-option-ScrollButton,
.snippet-option-ConditionalVisibility,
.snippet-option-Box,
.snippet-option-WebsiteAnimate,
.snippet-option-FontawesomeTools {
  display: none !important;
}

.q-modal-review .q-assessment_value {
  margin-bottom: 0;
}
.q-modal-review .kov-complaint-radio p {
  margin: 0 !important;
}
.q-modal-review .kov-complaint-radio ul, .q-modal-review .kov-complaint-radio ol {
  padding-inline-start: 15px;
  margin: 5px 0 0 0;
}

.snippet-option-ContainerWidth we-selection-items we-button:first-child {
  display: none !important;
}

.video_once.already_viewed video {
  opacity: 0.5;
  position: relative;
  pointer-events: none;
}
.video_once.already_viewed:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background: #5AC3CC;
  content: "Je hebt dit reeds bekeken.";
  height: 50px;
  z-index: 999;
  line-height: 50px;
  color: #FFF;
  opacity: 1;
}

.audio_once.playing .play-pause-btn, .audio_once.playing .volume {
  display: none;
}
.audio_once.playing * {
  pointer-events: none !important;
}

.kov_portal_s_audio_fragment_block.already_played {
  position: relative;
  pointer-events: none;
  padding-bottom: 50px;
  pointer-events: none !important;
}
.kov_portal_s_audio_fragment_block.already_played .play-pause-btn, .kov_portal_s_audio_fragment_block.already_played .volume {
  display: none;
}
.kov_portal_s_audio_fragment_block.already_played:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background: #5AC3CC;
  content: "Je hebt dit reeds beluisterd.";
  height: 50px;
  z-index: 999;
  line-height: 50px;
  color: #FFF;
  opacity: 1;
}

.kov_portal_s_audio_recording_output_block.already_played {
  position: relative;
  pointer-events: none;
  padding-bottom: 50px;
  pointer-events: none !important;
}
.kov_portal_s_audio_recording_output_block.already_played .play-pause-btn, .kov_portal_s_audio_recording_output_block.already_played .volume {
  display: none;
}
.kov_portal_s_audio_recording_output_block.already_played:before {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  text-align: center;
  background: #5AC3CC;
  content: "Je hebt dit reeds beluisterd.";
  height: 50px;
  z-index: 999;
  line-height: 50px;
  color: #FFF;
  opacity: 1;
}

.q-button-outline:hover {
  background-color: #34495E;
  color: #fff;
  transition: all 0.3s;
}

.q-modal-review .q-modal-body .q-audio {
  padding: 0;
  border: 0;
}

.q-modal-review .q-modal-body .green-audio-player {
  background: #F9F9F9 !important;
}

.q-rate-card.instructions h1 {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #5AC3CC;
  margin-bottom: 30px;
}

.q-rate-card.instructions h2 {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #5AC3CC;
  margin-bottom: 30px;
}

.q-rate-card.instructions h3 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #5AC3CC;
  margin-bottom: 30px;
}

.q-criterium__example p {
  margin: 0;
  padding: 0;
}

body .kovq_snippet_list {
  display: block !important;
}

body .kov_feedback_snippet_list {
  display: none;
}

button.o_we_customize_theme_btn {
  display: none !important;
}

.q-instrument-chaptermenu__label:after {
  content: "" !important;
}

.o_we_customize_panel .force_flex {
  display: flex !important;
}

.o_we_customize_panel .force_hide {
  display: none !important;
}

.o_we_customize_panel .force_show {
  display: block !important;
}

a.q-button--accent-2 {
  cursor: pointer;
  color: #FFF;
}

.record-save {
  display: none !important;
}

.snippet-option-VersionControl {
  display: none !important;
}

.snippet-option-ImageTools [data-css-property=width] {
  display: none !important;
}

.kov_portal_s_participant_flag_capture_block .required_indicator,
.kov_portal_s_lickert_block .required_indicator {
  display: none !important;
}
.kov_portal_s_participant_flag_capture_block.required_flag .required_indicator,
.kov_portal_s_lickert_block.required_flag .required_indicator {
  display: inline !important;
}
.kov_portal_s_participant_flag_capture_block.hide_subtitle .q-mpc-matrix__subtitle,
.kov_portal_s_lickert_block.hide_subtitle .q-mpc-matrix__subtitle {
  display: none !important;
}

@media screen and (min-width: 1200px) {
  .kov_portal_s_lickert_block .q-mpc-matrix__header {
    display: none !important;
  }
  .kov_portal_s_lickert_block.show_headers .q-mpc-matrix__header {
    display: grid !important;
  }
}

ul.q-mpc-matrix__list.dummy {
  pointer-events: none;
  opacity: 0.5;
}

@media screen and (min-width: 1200px) {
  .q-mpc-matrix__header.q-mpc-matrix__header___1 {
    grid-template-columns: 8fr 1fr;
  }
  .q-mpc-matrix__header.q-mpc-matrix__header___2 {
    grid-template-columns: 7fr 1fr 1fr;
  }
  .q-mpc-matrix__header.q-mpc-matrix__header___3 {
    grid-template-columns: 6fr 1fr 1fr 1fr;
  }
  .q-mpc-matrix__header.q-mpc-matrix__header___5 {
    grid-template-columns: 4fr 1fr 1fr 1fr 1fr 1fr;
  }
  .q-mpc-matrix__list-item.q-mpc-matrix__list-item___1 {
    grid-template-columns: 8fr 1fr;
  }
  .q-mpc-matrix__list-item.q-mpc-matrix__list-item___2 {
    grid-template-columns: 7fr 1fr 1fr;
  }
  .q-mpc-matrix__list-item.q-mpc-matrix__list-item___3 {
    grid-template-columns: 6fr 1fr 1fr 1fr;
  }
  .q-mpc-matrix__list-item.q-mpc-matrix__list-item___5 {
    grid-template-columns: 4fr 1fr 1fr 1fr 1fr 1fr;
  }
}
#beoordeling .q-review-student__item::before {
  color: #34495E;
  content: counter(my-awesome-counter) ". ";
  font-family: "Open Sans", sans-serif !important;
  font-size: 22px;
  font-weight: 600 !important;
  line-height: inherit !important;
  margin-right: 8px;
}
#beoordeling .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  top: 27px;
  left: 22px;
}
#beoordeling .q-criteria-list__value {
  padding: 0;
}
#beoordeling .q-criteria-list__value .custom-control {
  padding-left: 0 !important;
}

.q-player-card-wrapper, .q-review-wrapper {
  height: auto !important;
}
@media screen and (max-width: 600px) {
  .q-player-card-wrapper .q-player-stepcard__footer, .q-review-wrapper .q-player-stepcard__footer {
    text-align: center;
  }
  .q-player-card-wrapper .q-player-stepcard__footer .q-button, .q-review-wrapper .q-player-stepcard__footer .q-button {
    margin: 10px 0 10px 0;
  }
}

a.disabled {
  opacity: 0.3 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
}

.kov_mpr_snippet_options_block,
.kov_mpc_snippet_options_block {
  padding-bottom: 180px !important;
}
.kov_mpr_snippet_options_block img,
.kov_mpc_snippet_options_block img {
  max-width: 60% !important;
  margin: 10px 0 10px 0;
}

.s_column_block.cols_1_1 div.column:nth-of-type(1) {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.s_column_block.cols_1_1 div.column:nth-of-type(2) {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.s_column_block.cols_1_1 div.column:nth-of-type(3) {
  display: none;
}
.s_column_block.cols_1_1 div.column:nth-of-type(4) {
  display: none;
}
.s_column_block.cols_1_5 div.column:nth-of-type(1) {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.s_column_block.cols_1_5 div.column:nth-of-type(2) {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.s_column_block.cols_1_5 div.column:nth-of-type(3) {
  display: none;
}
.s_column_block.cols_1_5 div.column:nth-of-type(4) {
  display: none;
}
.s_column_block.cols_5_1 div.column:nth-of-type(1) {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.s_column_block.cols_5_1 div.column:nth-of-type(2) {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.s_column_block.cols_5_1 div.column:nth-of-type(3) {
  display: none;
}
.s_column_block.cols_5_1 div.column:nth-of-type(4) {
  display: none;
}
.s_column_block.cols_2_1_1 div.column:nth-of-type(1) {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.s_column_block.cols_2_1_1 div.column:nth-of-type(2) {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.s_column_block.cols_2_1_1 div.column:nth-of-type(3) {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.s_column_block.cols_2_1_1 div.column:nth-of-type(4) {
  display: none;
}
.s_column_block.cols_1_1_2 div.column:nth-of-type(1) {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.s_column_block.cols_1_1_2 div.column:nth-of-type(2) {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.s_column_block.cols_1_1_2 div.column:nth-of-type(3) {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.s_column_block.cols_1_1_2 div.column:nth-of-type(4) {
  display: none;
}
.s_column_block.cols_1_1_1_1 div.column {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.allow_zoom_on_image {
  position: relative;
}
.allow_zoom_on_image img {
  cursor: zoom-in;
}
.allow_zoom_on_image:after {
  pointer-events: none;
  content: "e";
  font-family: "kov-q" !important;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  background: #FFF;
  border-radius: 30px;
  z-index: 1;
  text-align: center;
  line-height: 30px;
  opacity: 0.8;
}
.allow_zoom_on_image:hover:after {
  opacity: 1;
}

.kov_portal_s_mpr_block.hide_text ul.q-mpr__list li span {
  display: none;
}

.q-dd {
  margin-bottom: 80px;
}

.q-dd--col-2 .q-dd-drop {
  grid-template-columns: 1fr 1fr;
}

.q-dd--col-3 .q-dd-drop {
  grid-template-columns: 1fr 1fr 1fr;
}

.q-dd--col-4 .q-dd-drop {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.q-dd--col-5 .q-dd-drop {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.q-dd--col-6 .q-dd-drop {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.q-dd--vertical {
  display: flex;
}
.q-dd--vertical .q-dd-drop {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.q-dd--vertical .q-dd-drag {
  display: flex;
  flex-direction: column;
}

.q-dd-drop {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 15px;
  row-gap: 15px;
  overflow: hidden;
  display: grid;
}

.q-dd-drop__item .q-source-audio {
  min-width: inherit;
}
.q-dd-drop__item .q-source-audio-controls__current-time {
  display: none;
}
.q-dd-drop__item .q-source-audio-controls__slider {
  display: none;
}
.q-dd-drop__item .q-source-audio-controls__total-time {
  display: none;
}
.q-dd-drop__item .q-source-audio-controls__title {
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.q-dd-drop__item .q-source-audio-volume {
  display: none;
}

.q-dd-drop__zone {
  background: #F9F9F9;
  border: 1px solid #EDEDED;
  margin: 20px 0;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 0;
}
.q-dd-drop__zone.q-dd-drop__zone_multi_4 .q-dd-drag__image {
  width: 50%;
  height: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.q-dd-drop__zone.q-dd-drop__zone_multi_4 .q-dd-drag__image:nth-of-type(1) {
  top: 0;
  left: 0;
}
.q-dd-drop__zone.q-dd-drop__zone_multi_4 .q-dd-drag__image:nth-of-type(2) {
  top: 0;
  left: 50%;
}
.q-dd-drop__zone.q-dd-drop__zone_multi_4 .q-dd-drag__image:nth-of-type(3) {
  top: 50%;
  left: 0%;
}
.q-dd-drop__zone.q-dd-drop__zone_multi_4 .q-dd-drag__image:nth-of-type(4) {
  top: 50%;
  left: 50%;
}
.q-dd-drop__zone.q-dd-drop__zone_multi_6 .q-dd-drag__image {
  width: 33.33%;
  height: 33.33%;
  position: absolute;
  left: 0;
  top: 0;
}
.q-dd-drop__zone.q-dd-drop__zone_multi_6 .q-dd-drag__image:nth-of-type(1) {
  top: 8.2%;
  left: 0%;
}
.q-dd-drop__zone.q-dd-drop__zone_multi_6 .q-dd-drag__image:nth-of-type(2) {
  top: 8.2%;
  left: 33.33%;
}
.q-dd-drop__zone.q-dd-drop__zone_multi_6 .q-dd-drag__image:nth-of-type(3) {
  top: 8.2%;
  left: 66.66%;
}
.q-dd-drop__zone.q-dd-drop__zone_multi_6 .q-dd-drag__image:nth-of-type(4) {
  top: 58.2%;
  left: 0%;
}
.q-dd-drop__zone.q-dd-drop__zone_multi_6 .q-dd-drag__image:nth-of-type(5) {
  top: 58.2%;
  left: 33.33%;
}
.q-dd-drop__zone.q-dd-drop__zone_multi_6 .q-dd-drag__image:nth-of-type(6) {
  top: 58.2%;
  left: 66.66%;
}
.q-dd-drop__zone img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  position: absolute;
}

.q-dd-drag {
  margin: 10px 10% 0px 10%;
  padding: 0;
  display: flex;
  justify-content: center;
  column-gap: 15px;
  overflow: hidden;
}

.q-dd-drag__caption {
  display: none;
}

.show_option_name .q-dd-drag__caption {
  font-size: 12px;
  text-align: center;
  display: block;
}

.q-dd-drag__image {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover !important;
  position: absolute;
  left: 0;
  top: 0;
}

.q-dd-drag__image-wrapper {
  width: 20%;
}

.q-dd-drag__image-drag {
  background: #F9F9F9;
  display: flex;
  justify-content: center;
  border: 1px solid #EDEDED;
  border-radius: 4px;
  padding-bottom: calc(100% - 2px);
  position: relative;
}

.kov_portal_s_mpr_block.image_contain .q-mpr__checkbox label .q-mpr__thumbnail {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat;
}
.kov_portal_s_mpr_block.image_cover .q-mpr__checkbox label .q-mpr__thumbnail {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat;
}

.only_edit_mode {
  display: none;
}

.editor_enable .only_edit_mode {
  display: block;
  position: relative;
}
.editor_enable .only_edit_mode * {
  pointer-events: none !important;
}
.editor_enable .only_edit_mode:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
}

.only_edit_mode_with_edit {
  display: none;
}

.editor_enable .only_edit_mode_with_edit {
  display: block;
  position: relative;
}

.allow_zoom_on_image_mpr div.q-mpr__thumbnail {
  cursor: zoom-in;
}

.ck-balloon-panel,
.ck.ck-balloon-panel.ck-powered-by-balloon,
.ck-powered-by {
  display: none !important;
}

.snippet-option-layout_column {
  display: none !important;
}

.hide-for-testing {
  display: none !important;
}

.kov_portal_s_mpc_block.hide_text .q-mpc__option-label span {
  display: none;
}
.kov_portal_s_mpc_block a.q-mpc__option-image-expand {
  display: none;
}
.kov_portal_s_mpc_block.allow_zoom_on_image_mpc a.q-mpc__option-image-expand {
  display: flex;
}
.kov_portal_s_mpc_block .q-mpc__option-label .q-mpc__option-image {
  width: 150px;
  height: 150px;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat;
}
.kov_portal_s_mpc_block .q-mpc__option-label .q-mpc__option-image a.q-mpc__option-image-expand {
  opacity: 0.8;
}
.kov_portal_s_mpc_block .q-mpc__option-label .q-mpc__option-image:hover a.q-mpc__option-image-expand {
  opacity: 1;
}
.kov_portal_s_mpc_block.image_cover .q-mpc__option-label .q-mpc__option-image {
  background-size: cover !important;
}

.q-pause:before {
  content: "+";
}

.q-source-audio-actions__play {
  cursor: pointer;
}

.kov_portal_s_dragdrop_block .q-source-audio-actions__play .q-pause {
  display: block;
}

.modal_image .modal-content {
  text-align: center;
}
.modal_image .modal-content img {
  width: auto;
  max-width: 100%;
  max-height: 70vh;
}

.o_connected_user .q-mpc__option {
  pointer-events: none;
}
.o_connected_user .q-mpc__option * {
  pointer-events: none;
}

ul[navigation-type="1_fixed"] {
  cursor: not-allowed !important;
}
ul[navigation-type="1_fixed"] * {
  pointer-events: none !important;
  cursor: not-allowed !important;
}

@media (max-width: 1350px) {
  .kov_portal_s_mpc_block .q-mpc__option-label .q-mpc__option-image {
    width: 90px;
    height: 90px;
  }
  .q-mpc__option-image,
  .q-mpc__option-label span {
    margin-left: 15px !important;
  }
  .q-mpc__list--col-4 .q-mpc__option-image {
    margin: 0 0 15px 0 !important;
  }
}
.q-dd-drag__image-drag, .q-dd-drop__zone {
  background-position: center center !important;
}
.q-dd-drag__image-drag *, .q-dd-drop__zone * {
  background-position: center center !important;
}

.q-instruction-box ul li,
.q-instruction-box ol li {
  font-size: 15px !important;
}

.q-dd-drop-container {
  position: relative;
}

.q-dd--mid .q-dd-drop-container {
  height: 400px;
}

.q-dd-drop-container {
  background-position: center center;
  background-repeat: no-repeat;
}

.kov_portal_s_dragto_hotspot_block .q-dd-drag__image {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.kov_portal_s_dragto_hotspot_block .q-dd-drop__zone .q-dd-drag__image {
  top: 5px !important;
}
.kov_portal_s_dragto_hotspot_block .q-dd-drop__zone {
  min-height: 76px !important;
}
.kov_portal_s_dragto_hotspot_block.q-dd--col-2 .q-dd-drop__zone {
  width: 511px !important;
}
.kov_portal_s_dragto_hotspot_block.q-dd--col-3 .q-dd-drop__zone {
  width: 342px !important;
}
.kov_portal_s_dragto_hotspot_block.q-dd--col-4 .q-dd-drop__zone {
  width: 256px !important;
}
.kov_portal_s_dragto_hotspot_block.q-dd--col-5 .q-dd-drop__zone {
  width: 207px !important;
}
.kov_portal_s_dragto_hotspot_block.q-dd--col-6 .q-dd-drop__zone {
  width: 173px !important;
}
.kov_portal_s_dragto_hotspot_block.q-dd--col-7 .q-dd-drop__zone {
  width: 149px !important;
}
.kov_portal_s_dragto_hotspot_block.q-dd--col-8 .q-dd-drop__zone {
  width: 131px !important;
}
.kov_portal_s_dragto_hotspot_block.q-dd--col-9 .q-dd-drop__zone {
  width: 117px !important;
}
.kov_portal_s_dragto_hotspot_block.q-dd--col-10 .q-dd-drop__zone {
  width: 115px !important;
}
.kov_portal_s_dragto_hotspot_block.transparant_options .q-dd-drop-container .q-dd-drop__zone {
  background: rgba(249, 249, 249, 0.3);
}
.kov_portal_s_dragto_hotspot_block.transparant_options .q-dd-drop-container .q-dd-drag__text {
  background: rgba(249, 249, 249, 0.6);
}

.kov_portal_s_mpc_toggle_block.mpc_toggle_margin {
  margin: 0 0 !important;
}
.kov_portal_s_mpc_toggle_block.small_options .q-duo-mpc {
  width: 25%;
}
.kov_portal_s_mpc_toggle_block.medium_options .q-duo-mpc {
  width: 50%;
}
.kov_portal_s_mpc_toggle_block.large_options .q-duo-mpc {
  width: 100%;
}

.kov_portal_s_mpc_dropdown_block.mpc_dropdown_margin {
  margin: 0 0 !important;
}
.kov_portal_s_mpc_dropdown_block select {
  border: 2px solid #EDEDED !important;
  border-radius: 5px !important;
}
.kov_portal_s_mpc_dropdown_block.small_options .q-duo-mpc {
  width: 25%;
}
.kov_portal_s_mpc_dropdown_block.medium_options .q-duo-mpc {
  width: 50%;
}
.kov_portal_s_mpc_dropdown_block.large_options .q-duo-mpc {
  width: 100%;
}

.kov_portal_s_input_autoscore_field_block.mpc_dropdown_margin {
  margin: 0 0 !important;
}
.kov_portal_s_input_autoscore_field_block input {
  border: 2px solid #EDEDED !important;
  border-radius: 5px !important;
}
.kov_portal_s_input_autoscore_field_block.small_options .q-duo-mpc {
  width: 25%;
}
.kov_portal_s_input_autoscore_field_block.medium_options .q-duo-mpc {
  width: 50%;
}
.kov_portal_s_input_autoscore_field_block.large_options .q-duo-mpc {
  width: 100%;
}

.q-inline-text-input input {
  min-width: 50px !important;
}

select.inline-mpc-input {
  min-width: 200px !important;
  border: 2px solid #EDEDED !important;
  border-radius: 5px !important;
}

.kov_portal_s_inline_mark_words_block span {
  cursor: pointer !important;
}

.editor_enable .kov_portal_s_inline_mark_words_block span {
  cursor: inherit !important;
}

.form-control, .form-select {
  border: 2px solid #EDEDED !important;
  border-radius: 5px !important;
}

.kov_portal_s_inline_mark_words_block span.punctuation {
  margin-left: -4px;
}
.kov_portal_s_inline_mark_words_block span.highlight {
  background-color: transparent !important;
  position: relative;
  z-index: 10;
}
.kov_portal_s_inline_mark_words_block span.highlight:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 4px;
  background-color: yellow;
  z-index: -1;
}
.kov_portal_s_inline_mark_words_block span.punctuation:before {
  background-color: yellow;
}

.q-dd-drag__placeholder.images {
  height: 250px;
}

.kov_portal_s_inline_mark_words_block .q-instruction-box,
.kov_portal_s_dragto_hotspot_block .q-instruction-box,
.kov_portal_s_dragdrop_block .q-instruction-box {
  display: none;
}
.kov_portal_s_inline_mark_words_block.show_instructions .q-instruction-box,
.kov_portal_s_dragto_hotspot_block.show_instructions .q-instruction-box,
.kov_portal_s_dragdrop_block.show_instructions .q-instruction-box {
  display: block;
}

.q-dd-drop__zone {
  padding-bottom: 0 !important;
}

.q-dd-drop__zone.hover .drag-item {
  pointer-events: none;
}

.kov_portal_s_dragto_hotspot_block .target_name {
  display: none;
  pointer-events: none;
}
.kov_portal_s_dragto_hotspot_block .q-dd-drag__text {
  top: 0 !important;
}

.o_connected_user .kov_portal_s_dragto_hotspot_block .target_name {
  display: inline;
}

.kov_portal_s_dragdrop_block.image_contain .q-dd-drag__image {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
.kov_portal_s_dragdrop_block.show_option_name .drag-item:before {
  font-family: "Open Sans", sans-serif !important;
  content: attr(data-option-name);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 30px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #1A1A1A;
  pointer-events: none;
}
.kov_portal_s_dragdrop_block .q-dd-drag-container .drag-item {
  width: 90%;
  margin: 10px 5%;
}
.kov_portal_s_dragdrop_block .q-dd-drop__zone .q-dd-drag__text, .kov_portal_s_dragdrop_block .q-dd-drop__zone .q-dd-drag__audio, .kov_portal_s_dragdrop_block .q-dd-drop__zone .q-dd-drag__image {
  width: 90%;
  margin: 10px 0;
  top: 0;
}

.kov_portal_s_dragdrop_block.hide_dropzone_label .q-dd-targetzone .q-source-audio-controls__title {
  display: none;
}
.kov_portal_s_dragdrop_block .q-dd-drop__zone .q-source-audio-controls__title, .kov_portal_s_dragdrop_block .drag-item .q-source-audio-controls__title {
  display: none;
}
.kov_portal_s_dragdrop_block.show_option_name .q-dd-drop__zone .q-source-audio-controls__title, .kov_portal_s_dragdrop_block.show_option_name .drag-item .q-source-audio-controls__title {
  display: block;
}

.q-dd--mid .q-dd-drop-container {
  height: 400px;
}

.q-dd--mid .q-dd-drop-container .q-hotspot-img {
  height: 400px;
  width: auto;
}

.kov_portal_s_dragto_hotspot_block.image_left .q-dd-drop-container {
  justify-content: start;
}
.kov_portal_s_dragto_hotspot_block.image_center .q-dd-drop-container {
  justify-content: center;
}
.kov_portal_s_dragto_hotspot_block.image_right .q-dd-drop-container {
  justify-content: end;
}

.q-dd--col-7 .q-dd-drag-container, .q-dd--col-7 .q-dd-drop-container {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.q-dd--col-7 .q-dd-drag-container--hotspot, .q-dd--col-7 .q-dd-drop-container--hotspot {
  grid-template-columns: auto !important;
}

.q-dd--col-8 .q-dd-drag-container, .q-dd--col-8 .q-dd-drop-container {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.q-dd--col-8 .q-dd-drag-container--hotspot, .q-dd--col-8 .q-dd-drop-container--hotspot {
  grid-template-columns: auto !important;
}

.q-dd--col-9 .q-dd-drag-container, .q-dd--col-9 .q-dd-drop-container {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.q-dd--col-9 .q-dd-drag-container--hotspot, .q-dd--col-9 .q-dd-drop-container--hotspot {
  grid-template-columns: auto !important;
}

.q-dd--col-10 .q-dd-drag-container, .q-dd--col-10 .q-dd-drop-container {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.q-dd--col-10 .q-dd-drag-container--hotspot, .q-dd--col-10 .q-dd-drop-container--hotspot {
  grid-template-columns: auto !important;
}

@font-face {
  font-family: "kov-q";
  src: url("/kov_styling/static/src/fonts/kov-q.eot?v2907");
  src: url("/kov_styling/static/src/fonts/kov-q.eot?v2907#iefix") format("embedded-opentype"), url("/kov_styling/static/src/fonts/kov-q.woff?v2907") format("woff"), url("/kov_styling/static/src/fonts/kov-q.ttf?v2907") format("truetype"), url("/kov_styling/static/src/fonts/kov-q.svg?v2907#kov-q") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "kov-q" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=q-]:before,
[class*=" q-"]:before {
  font-family: "kov-q" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.q-arrow-clockwise:before {
  content: "a";
}

.q-check-fill:before {
  content: "b";
}

.q-checkmark:before {
  content: "c";
}

.q-enlarge:before {
  content: "e";
}

.q-info:before {
  content: "f";
}

.q-list-bullets:before {
  content: "g";
}

.q-microphone:before {
  content: "h";
}

.q-play:before {
  content: "i";
}

.q-record:before {
  content: "k";
}

.q-speaker-fill:before {
  content: "l";
}

.q-speaker-outlines:before {
  content: "m";
}

.q-times:before {
  content: "n";
}

.q-zoom-in:before {
  content: "o";
}

.q-zoom-out:before {
  content: "p";
}

.q-chevron-left:before {
  content: "d";
}

.q-chevron-right:before {
  content: "q";
}

.q-arrow-right:before {
  content: "s";
}

.q-bold:before {
  content: "r";
}

.q-center-align:before {
  content: "t";
}

.q-right-align:before {
  content: "u";
}

.q-italic:before {
  content: "v";
}

.q-underline:before {
  content: "w";
}

.q-left-align:before {
  content: "x";
}

.q-question-mark:before {
  content: "j";
}

.q-beoordeling:before {
  content: "y";
}

.q-instellingen:before {
  content: "z";
}

.q-intake:before {
  content: "A";
}

.q-deelopdracht:before {
  content: "B";
}

.q-plus:before {
  content: "C";
}

.q-profile:before {
  content: "D";
}

.q-rapport:before {
  content: "E";
}

.q-hamburger:before {
  content: "F";
}

.q-handleiding:before {
  content: "G";
}

.q-verder:before {
  content: "H";
}

.q-search:before {
  content: "I";
}

.q-afmelden:before {
  content: "J";
}

.q-analyserapport:before {
  content: "K";
}

.q-kwartielen:before {
  content: "L";
}

.q-speech:before {
  content: "M";
}

.q-mediaan:before {
  content: "N";
}

.q-triangle-down:before {
  content: "O";
}

.q-duration:before {
  content: "P";
}

.q-reference:before {
  content: "Q";
}

.q-analyseer:before {
  content: "R";
}

.q-icon-01:before {
  content: "S";
}

.q-icon-02:before {
  content: "T";
}

.q-icon-03:before {
  content: "U";
}

.q-icon-04:before {
  content: "V";
}

.q-icon-05:before {
  content: "W";
}

.q-icon-06:before {
  content: "X";
}

.q-icon-07:before {
  content: "Y";
}

.q-icon-08:before {
  content: "Z";
}

.q-icon-09:before {
  content: "0";
}

.q-icon-10:before {
  content: "1";
}

.q-priority-flag:before {
  content: "2";
}

.q-priority-flag-outline:before {
  content: "3";
}

.q-dots:before {
  content: "4";
}

.q-calendar:before {
  content: "5";
}

.q-delete:before {
  content: "6";
}

.q-add:before {
  content: "7";
}

.q-copy:before {
  content: "8";
}

.q-instrumenten:before {
  content: "9";
}

.q-q-platform:before {
  content: '"';
}

.q-label:before {
  content: "#";
}

.q-afname:before {
  content: "$";
}

.q-download:before {
  content: "!";
}

.q-instrumentfiche:before {
  content: "%";
}

.q-verslag:before {
  content: "&";
}

.q-leerid:before {
  content: "'";
}

.q-incognito:before {
  content: "(";
}

.q-stop:before {
  content: ")";
}

.q-restart:before {
  content: "*";
}

.q-pause:before {
  content: "+";
}

.q-verdeling:before {
  content: ",";
}

.q-gemiddelde:before {
  content: "/";
}

.q-vraagniveau:before {
  content: ":";
}

.q-lock:before {
  content: "-";
}

.q-print:before {
  content: ".";
}

.q-button {
  align-items: center;
  background: #34495E;
  border-radius: 4px;
  border: 2px solid #34495E;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  margin: 0 10px 0 0;
  max-height: 50px;
  padding: 16px 30px;
  transition: all 0.3s;
  flex-wrap: nowrap;
}

.q-button i {
  display: flex;
}

.q-button:hover {
  background: #2b3c4e;
  border: 2px solid #2b3c4e;
  color: #fff;
  transition: all 0.3s;
  cursor: pointer;
}

.q-button:focus {
  outline: none;
}

.q-button--accent-1 {
  align-items: center;
  background: #B72A8D;
  border-radius: 4px;
  border: 2px solid #B72A8D;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  margin: 0 10px 0 0;
  max-height: 50px;
  padding: 16px 30px;
  transition: all 0.3s;
  flex-wrap: nowrap;
}

.q-button--accent-1 i {
  display: flex;
}

.q-button--accent-1:hover {
  background: #a2257d;
  border: 2px solid #a2257d;
  color: #fff;
  transition: all 0.3s;
  cursor: pointer;
}

.q-button--accent-1:focus {
  outline: none;
}

.q-button--accent-2 {
  align-items: center;
  background: #5AC3CC;
  border-radius: 4px;
  border: 2px solid #5AC3CC;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  margin: 0 10px 0 0;
  max-height: 50px;
  padding: 16px 30px;
  transition: all 0.3s;
  flex-wrap: nowrap;
}

.q-button--accent-2 i {
  display: flex;
}

.q-button--accent-2:hover {
  background: #47bcc6;
  border: 2px solid #47bcc6;
  color: #fff;
  transition: all 0.3s;
  cursor: pointer;
}

.q-button--accent-2:focus {
  outline: none;
}

.q-button--accent-2.q-button--outline {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  border: 2px solid #5AC3CC;
  color: #5AC3CC;
  display: inline-flex;
  justify-content: center;
  margin: 0 10px 0 0;
  max-height: 50px;
  padding: 16px 30px;
  transition: all 0.3s;
  flex-wrap: nowrap;
}

.q-button--accent-2.q-button--outline i {
  display: flex;
}

.q-button--accent-2.q-button--outline:hover {
  background-color: #5AC3CC;
  color: #fff !important;
  transition: all 0.3s;
  cursor: pointer;
}

.q-button--accent-2.q-button--outline:focus {
  outline: none;
}

.q-button--accent-3 {
  align-items: center;
  background: #B2B720;
  border-radius: 4px;
  border: 2px solid #B2B720;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  margin: 0 10px 0 0;
  max-height: 50px;
  padding: 16px 30px;
  transition: all 0.3s;
  flex-wrap: nowrap;
}

.q-button--accent-3 i {
  display: flex;
}

.q-button--accent-3:hover {
  background: #9da11c;
  border: 2px solid #9da11c;
  color: #fff;
  transition: all 0.3s;
  cursor: pointer;
}

.q-button--accent-3:focus {
  outline: none;
}

.q-button--success {
  align-items: center;
  background: #B2B720;
  border-radius: 4px;
  border: 2px solid #B2B720;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  margin: 0 10px 0 0;
  max-height: 50px;
  padding: 16px 30px;
  transition: all 0.3s;
  flex-wrap: nowrap;
}

.q-button--success i {
  display: flex;
}

.q-button--success:hover {
  background: #9da11c;
  border: 2px solid #9da11c;
  color: #fff;
  transition: all 0.3s;
  cursor: pointer;
}

.q-button--success:focus {
  outline: none;
}

.q-button--red {
  align-items: center;
  background: #CB1717;
  border-radius: 4px;
  border: 2px solid #CB1717;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  margin: 0 10px 0 0;
  max-height: 50px;
  padding: 16px 30px;
  transition: all 0.3s;
  flex-wrap: nowrap;
}

.q-button--red i {
  display: flex;
}

.q-button--red:hover {
  background: #b41414;
  border: 2px solid #b41414;
  color: #fff;
  transition: all 0.3s;
  cursor: pointer;
}

.q-button--red:focus {
  outline: none;
}

.q-button--light {
  align-items: center;
  background: #F9F9F9;
  border-radius: 4px;
  border: 2px solid #F9F9F9;
  color: #A5A5A5;
  display: inline-flex;
  justify-content: center;
  margin: 0 10px 0 0;
  max-height: 50px;
  padding: 16px 30px;
  transition: all 0.3s;
  flex-wrap: nowrap;
}

.q-button--light i {
  display: flex;
}

.q-button--light:hover {
  background: #ececec;
  border: 2px solid #ececec;
  color: #A5A5A5;
  transition: all 0.3s;
  cursor: pointer;
}

.q-button--light:focus {
  outline: none;
}

.q-button--grey {
  align-items: center;
  background: #EDEDED;
  border-radius: 4px;
  border: 2px solid #EDEDED;
  color: #55606e;
  display: inline-flex;
  justify-content: center;
  margin: 0 10px 0 0;
  max-height: 50px;
  padding: 16px 30px;
  transition: all 0.3s;
  flex-wrap: nowrap;
}

.q-button--grey i {
  display: flex;
}

.q-button--grey:hover {
  background: #e0e0e0;
  border: 2px solid #e0e0e0;
  color: #55606e;
  transition: all 0.3s;
  cursor: pointer;
}

.q-button--grey:focus {
  outline: none;
}

.q-button--grey:hover {
  color: #34495E;
}

.q-button--icon-left i {
  margin-right: 8px;
}

.q-button--icon-right i {
  margin-left: 8px;
}

.q-button--disabled {
  align-items: center;
  background: #EDEDED;
  border-radius: 4px;
  border: 2px solid #EDEDED;
  color: #A5A5A5;
  display: inline-flex;
  justify-content: center;
  margin: 0 10px 0 0;
  max-height: 50px;
  padding: 16px 30px;
  transition: all 0.3s;
  flex-wrap: nowrap;
  pointer-events: none;
}

.q-button--disabled i {
  display: flex;
}

.q-button--disabled:hover {
  background: #e0e0e0;
  border: 2px solid #e0e0e0;
  color: #A5A5A5;
  transition: all 0.3s;
  cursor: pointer;
}

.q-button--disabled:focus {
  outline: none;
}

.q-button--sm {
  font-size: 10px;
  height: inherit;
  line-height: 10px;
  padding: 6px 12px 4px 12px;
}

.q-button--lg {
  font-size: 15px;
  line-height: 15px;
  padding: 12px 24px 14px 24px;
}

.q-button--block {
  flex-wrap: nowrap;
  margin: 0 !important;
  width: 100%;
}

.q-button-outline {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  border: 2px solid #34495E;
  color: #34495E;
  display: inline-flex;
  justify-content: center;
  margin: 0 10px 0 0;
  max-height: 50px;
  padding: 16px 30px;
  transition: all 0.3s;
  flex-wrap: nowrap;
}

.q-button-outline i {
  display: flex;
}

.q-button-outline:hover {
  background-color: #34495E;
  color: #fff !important;
  transition: all 0.3s;
  cursor: pointer;
}

.q-button-outline:focus {
  outline: none;
}

.q-button-outline--accent-1 {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  border: 2px solid #B72A8D;
  color: #B72A8D;
  display: inline-flex;
  justify-content: center;
  margin: 0 10px 0 0;
  max-height: 50px;
  padding: 16px 30px;
  transition: all 0.3s;
  flex-wrap: nowrap;
}

.q-button-outline--accent-1 i {
  display: flex;
}

.q-button-outline--accent-1:hover {
  background-color: #B72A8D;
  color: #fff !important;
  transition: all 0.3s;
  cursor: pointer;
}

.q-button-outline--accent-1:focus {
  outline: none;
}

.q-button-outline--accent-2 {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  border: 2px solid #5AC3CC;
  color: #5AC3CC;
  display: inline-flex;
  justify-content: center;
  margin: 0 10px 0 0;
  max-height: 50px;
  padding: 16px 30px;
  transition: all 0.3s;
  flex-wrap: nowrap;
}

.q-button-outline--accent-2 i {
  display: flex;
}

.q-button-outline--accent-2:hover {
  background-color: #5AC3CC;
  color: #fff !important;
  transition: all 0.3s;
  cursor: pointer;
}

.q-button-outline--accent-2:focus {
  outline: none;
}

.q-button-outline--accent-3 {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  border: 2px solid #B2B720;
  color: #B2B720;
  display: inline-flex;
  justify-content: center;
  margin: 0 10px 0 0;
  max-height: 50px;
  padding: 16px 30px;
  transition: all 0.3s;
  flex-wrap: nowrap;
}

.q-button-outline--accent-3 i {
  display: flex;
}

.q-button-outline--accent-3:hover {
  background-color: #B2B720;
  color: #fff !important;
  transition: all 0.3s;
  cursor: pointer;
}

.q-button-outline--accent-3:focus {
  outline: none;
}

.q-button-outline--accent-4 {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  border: 2px solid #F28A1A;
  color: #F28A1A;
  display: inline-flex;
  justify-content: center;
  margin: 0 10px 0 0;
  max-height: 50px;
  padding: 16px 30px;
  transition: all 0.3s;
  flex-wrap: nowrap;
}

.q-button-outline--accent-4 i {
  display: flex;
}

.q-button-outline--accent-4:hover {
  background-color: #F28A1A;
  color: #fff !important;
  transition: all 0.3s;
  cursor: pointer;
}

.q-button-outline--accent-4:focus {
  outline: none;
}

.q-button-outline--icon-left i {
  margin-right: 8px;
}

.q-button-outline--icon-right i {
  margin-left: 8px;
}

.q-button-outline--sm {
  font-size: 10px;
  height: inherit;
  line-height: 10px;
  padding: 6px 12px 4px 12px;
}

.q-button-outline--lg {
  font-size: 15px;
  line-height: 15px;
  padding: 12px 24px 14px 24px;
}

.q-button-outline--block {
  flex-wrap: nowrap;
  margin: 0 !important;
  width: 100%;
}

.q-button--function {
  background: #EDEDED;
  border-color: #EDEDED;
  color: #34495E;
  padding: 9px 20px 9px 15px;
  margin: 0 0 10px 0;
}

.q-button--function i {
  display: flex;
}

.q-button--function i.q-add {
  font-size: 20px;
}

.q-attention-box {
  background: #fff;
  border: 1px solid #F28A1A;
  border-radius: 4px;
  color: #F28A1A;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 500;
}

.q-attention-box i {
  display: flex;
  margin-right: 15px;
}

.q-instruction-box {
  background: #E2FDFF;
  border-radius: 8px;
  padding: 15px 30px;
  border-left: 10px solid #5AC3CC;
  margin-bottom: 25px;
}

.q-instruction-box ul {
  margin: 0;
  padding: 0;
}

.q-instruction-box ul li {
  margin-bottom: 20px;
  font-size: 16px;
}

.q-instruction-box ul li:last-child {
  margin-bottom: 0;
}

.q-instruction-box ul li::marker {
  color: #5AC3CC;
}

.q-instruction-box ul li a {
  text-decoration: underline !important;
  color: #34495E;
  transition: all 0.3s;
}

.q-instruction-box ul li a:hover {
  text-decoration: none !important;
  transition: all 0.3s;
}

.q-instruction-box ul li ul {
  margin-top: 15px;
  margin-left: 20px;
}

.q-instruction-box ul li ul li {
  margin: 0;
}

.q-reflection-box {
  background: #F9F9F9;
  border-radius: 8px;
  border-left: 10px solid #5AC3CC;
  margin-bottom: 50px;
  padding: 30px 50px 10px 50px;
}

.q-reflection-box__list {
  margin: 15px 0 0 0;
  padding-left: 20px;
}

.q-reflection-box__title {
  font-weight: 600;
}

.q-reflection-box--strengths {
  border-left-color: #5AC3CC;
}

.q-reflection-box--strengths .q-reflection-box__list li::marker {
  color: #5AC3CC;
}

.q-reflection-box--growth {
  border-left-color: #F28A1A;
}

.q-reflection-box--growth .q-reflection-box__list li::marker {
  color: #F28A1A;
}

.q-reflection-box--growth .q-generic-goals__item:before {
  background: #F28A1A;
}

.q-reflection-box .q-generic-goals {
  padding: 0;
}

.q-reflection-box .q-generic-goals__item {
  border-bottom: 1px solid #EDEDED;
  padding: 15px 30px 15px 0;
}

.q-reflection-box .q-generic-goals__item:last-child {
  border: none;
}

.q-reflection-box .q-generic-goals__item a {
  display: flex;
}

.q-reflection-box .q-generic-goals__item:before {
  top: 23px;
}

.q-reflection-box .q-generic-goals__item:after {
  top: 16px;
}

.q-reflection-box .q-generic-goals__prefix {
  display: flex;
  margin-left: auto;
  padding-left: 30px;
}

.q-reflection-box .q-generic-goals__prefix span {
  color: #34495E;
  font-weight: 400;
  margin-right: 2px;
}

.q-audiorecord {
  border: 1px solid #EDEDED;
  border-radius: 4px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 25px;
}

.q-audiorecord__icon {
  font-size: 24px;
  display: flex;
  color: #34495E;
}

.q-audiorecord__instruction {
  align-items: center;
  background: #F9F9F9;
  display: flex;
  font-size: 14px;
  justify-content: center;
  margin: 0px 0 0 0;
  padding: 10px 0;
  width: 100%;
}

.q-audiorecord__time {
  font-family: "Poppins", sans-serif;
  color: #A5A5A5;
  font-size: 36px;
  line-height: 36px;
  margin: 25px 0;
}

.q-timer {
  border: 1px solid #EDEDED;
  border-radius: 4px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 25px;
}

.q-timer__icon {
  font-size: 24px;
  display: flex;
  color: #34495E;
}

.q-timer__instruction {
  align-items: center;
  background: #F9F9F9;
  display: flex;
  font-size: 14px;
  justify-content: center;
  margin: 0px 0 0 0;
  padding: 10px 0;
  width: 100%;
}

.q-timer__time {
  font-family: "Poppins", sans-serif;
  color: #A5A5A5;
  font-size: 36px;
  line-height: 36px;
  margin: 25px 0;
}

.q-source-audio {
  align-items: center;
  background-color: #E2FDFF;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex !important;
  height: 56px;
  justify-content: space-between;
  margin-bottom: 25px;
  min-width: 300px;
  outline: none;
  padding-left: 24px;
  padding-right: 24px;
  user-select: none;
  width: 100%;
}

.q-source-audio-actions {
  position: relative;
}

.q-source-audio-actions__loading-spinner {
  animation: spin 0.4s linear infinite;
  border-radius: 50%;
  border-right-color: rgba(0, 0, 0, 0);
  border: 2px solid #b0b0b0;
  bottom: 2px;
  height: 16px;
  left: -3px;
  position: absolute;
  width: 16px;
}

.q-source-audio-actions__play i {
  color: #34495E;
  display: flex;
  font-size: 16px;
}

.q-source-audio-actions__play .q-pause {
  display: none;
}

.q-source-audio-actions__play--pause .q-pause {
  display: flex;
}

.q-source-audio-actions__play--pause .q-play {
  display: none;
}

.q-source-audio-controls {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 15px;
  color: #A5A5A5;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  outline: none;
}

.q-source-audio-controls__slider {
  flex-grow: 1;
  background-color: #A5A5A5;
  cursor: pointer;
  position: relative;
  margin-left: 16px;
  margin-right: 16px;
  border-radius: 2px;
  height: 4px;
}

.q-source-audio-controls__progress {
  background-color: #B2B720;
  border-radius: inherit;
  position: absolute;
  pointer-events: none;
  width: 70%;
  height: 100%;
}

.q-source-audio-controls__progress-pin {
  right: -8px;
  top: -6px;
  height: 16px;
  width: 16px;
  border-radius: 8px;
  background-color: #B2B720;
  position: absolute;
  pointer-events: all;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.32);
}

.q-source-audio-controls__progress-pin::after {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0);
  width: 200%;
  height: 200%;
  margin-left: -50%;
  margin-top: -50%;
  border-radius: 50%;
}

.q-source-audio-volume {
  position: relative;
  display: flex;
}

.q-source-audio-volume__button {
  cursor: pointer;
  outline: none;
  background: none;
  border: none;
}

.q-source-audio-volume__button i {
  display: flex;
  color: #34495E;
  font-size: 16px;
}

.q-source-audio-volume__button:focus {
  outline: none;
}

.q-source-audio-volume__controls {
  align-items: center;
  background-color: #E2FDFF;
  border-radius: 7px;
  bottom: 52px;
  display: flex;
  flex-direction: column;
  height: 135px;
  left: -3px;
  outline: none;
  position: absolute;
  width: 30px;
  z-index: 2;
}

.q-source-audio-volume__controls:focus {
  outline: none;
}

.q-source-audio-volume__controls--hidden {
  display: none;
}

.q-source-audio-volume__controls--top {
  bottom: 40px;
  left: -3px;
}

.q-source-audio-volume__controls--middle {
  bottom: -54px;
  left: 54px;
}

.q-source-audio-volume__controls--bottom {
  bottom: -164px;
  left: -3px;
}

.q-source-audio-volume__slider {
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  background-color: #A5A5A5;
  border-radius: 3px;
  cursor: pointer;
  flex-grow: 1;
  margin-bottom: 12px;
  margin-top: 12px;
  position: relative;
  width: 6px;
}

.q-source-audio-volume__progress {
  background-color: #B2B720;
  border-radius: inherit;
  bottom: 0;
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 6px;
}

.q-source-audio-volume__progress-pin {
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.32);
  background-color: #B2B720;
  border-radius: 8px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.32);
  height: 16px;
  left: -5px;
  pointer-events: all;
  position: absolute;
  top: -8px;
  width: 16px;
}

.q-source-audio:focus {
  outline: none;
}

.q-source-img {
  background-color: #E2FDFF;
  border-radius: 4px;
  padding: 60px 40px;
  position: relative;
  margin-bottom: 25px;
}

.q-source-img__expand {
  align-items: center;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.0392156863);
  display: flex;
  height: 36px;
  justify-content: center;
  left: 10px;
  padding: 11px;
  position: absolute;
  top: 10px;
  width: 36px;
}

.q-source-img__expand i {
  color: #34495E;
  display: flex;
}

.q-source-img__image {
  display: block;
  width: 100%;
}

.q-source-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  margin-bottom: 25px;
}

.q-source-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.q-review-tab {
  border: none;
}

.q-review-tab__item {
  margin-bottom: 10px !important;
}

.q-review-tab__item .q-button-outline {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.0392156863);
  border-radius: 8px;
  color: #A5A5A5;
  border: none;
}

.q-review-tab__item .q-button-outline i {
  margin-right: 8px;
}

.q-review-tab__item .q-button-outline.active {
  background: #34495E;
  color: #fff;
}

.q-review-student {
  counter-reset: my-awesome-counter;
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
}

.q-review-student__item {
  align-items: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.0392156863);
  counter-increment: my-awesome-counter;
  display: flex;
  margin-bottom: 10px;
  padding: 20px 20px 20px 40px;
}

.q-review-student__item::before {
  color: #34495E;
  content: counter(my-awesome-counter) ". ";
  font-family: "Open Sans", sans-serif !important;
  font-size: 22px;
  font-weight: 600 !important;
  line-height: inherit !important;
  margin-right: 8px;
}

.q-review-student__item > div {
  display: flex;
}

.q-review-student__item--absent .q-review-student__rate {
  display: none;
}

.q-review-student__item--absent .q-review-student__name,
.q-review-student__item--absent .q-review-student__surname, .q-review-student__item--absent::before {
  color: #879197 !important;
}

.q-review-student__item--absent .q-review-student__surname::after {
  content: "(ziek)";
  margin-left: 8px;
}

.q-review-student__number::after {
  content: ".";
}

.q-review-student__name {
  margin-right: 5px;
}

.q-review-student__number, .q-review-student__name, .q-review-student__surname {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #34495E;
}

.q-review-student__rate {
  margin-left: auto;
  align-items: center;
}

.q-review-student__rate .q-progress-tracker {
  margin-right: 20px;
}

.q-review-student__rate .q-button-outline {
  padding: 6px 10px;
  font-size: 12px;
  color: #5AC3CC !important;
}

.q-review-student__rate .q-button-outline:hover {
  background: #5AC3CC;
  color: #fff !important;
  cursor: pointer;
}

.q-review-question {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
}

.q-review-question__item {
  align-items: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.0392156863);
  display: flex;
  margin-bottom: 10px;
  padding: 20px 20px 20px 40px;
}

.q-review-question__item > div {
  display: flex;
}

.q-review-question__criteriagroup {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #34495E;
}

.q-review-question__rate {
  margin-left: auto;
  align-items: center;
}

.q-review-question__rate .q-progress-tracker {
  margin-right: 20px;
}

.q-review-question__rate .q-button-outline {
  padding: 6px 10px;
  font-size: 12px;
  color: #5AC3CC !important;
}

.q-review-question__rate .q-button-outline:hover {
  background: #5AC3CC;
  color: #fff !important;
  cursor: pointer;
}

.q-criterium {
  background: #E2FDFF;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  padding: 15px 30px;
}

.q-criterium__navigator {
  display: flex;
  flex-wrap: none;
  margin-left: 30px;
}

.q-criterium__navigator i {
  display: inline-block;
}

.q-criteria-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
  overflow-x: scroll;
}

.q-criteria-list > li > ul {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
}

.q-criteria-list > li > ul > form {
  list-style: none;
  display: flex;
  justify-content: baseline;
  margin: 0;
  padding: 0;
}

.q-criteria-list__criterium {
  background: #F9F9F9;
  border-radius: 4px;
  color: #34495E;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  padding: 20px;
  width: 250px;
  min-width: 250px;
  max-width: 250px;
}

.q-criteria-list__value {
  border: 2px solid #EDEDED;
  margin-left: 10px;
  border-radius: 4px;
  color: #34495E;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  padding: 20px;
  width: 100%;
}

.q-criteria-list__value .custom-control {
  padding-left: 30px;
}

.q-criteria-list__value--accent-2:hover {
  border-color: #5AC3CC;
}

.q-criteria-list__value--accent-2 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background: #5AC3CC;
}

.q-criteria-list__value--accent-3:hover {
  border-color: #B2B720;
}

.q-criteria-list__value--accent-3 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background: #B2B720;
}

.q-criteria-list__value--accent-4:hover {
  border-color: #F28A1A;
}

.q-criteria-list__value--accent-4 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background: #F28A1A;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background: #fff;
  box-shadow: none;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background: #5AC3CC;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  top: 6px;
  left: 2px;
}

.custom-control-label::before {
  background: #fff;
  border: 1px solid #34495E;
  width: 16px;
  height: 16px;
  box-shadow: none;
}

.q-assignment-title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #34495E;
  margin-bottom: 15px;
}

.q-assignment-title span {
  text-transform: uppercase;
  color: #5AC3CC;
}

.q-progress-tracker {
  display: block;
  width: 185px;
}

.q-progress-tracker .q-progress {
  background: #EDEDED;
  border-radius: 8px;
  height: 20px;
  height: 6px;
  margin-bottom: 20px;
  margin: 0;
  overflow: hidden;
}

.q-progress-tracker .q-progress--completed .q-progress-bar {
  background: #B2B720;
}

.q-progress-tracker .q-progress-bar {
  background-color: #34495E;
  color: #fff;
  float: left;
  font-size: 12px;
  height: 100%;
  line-height: 20px;
  text-align: center;
  width: 0;
  border-radius: 8px;
}

.q-file-download {
  align-items: center;
  color: #5AC3CC;
  display: flex;
  margin-bottom: 5px;
}

.q-file-download:before {
  content: "";
  display: inline-block;
  height: 24px;
  margin-right: 8px;
  width: 24px;
  content: "!";
  font-size: 20px;
  text-decoration: none !important;
}

.q-file-download span {
  text-decoration: underline !important;
}

.q-file-download--pdf:before {
  background: url("/kov_styling/static/src/img/kov-pro-file-pdf.svg") center center no-repeat !important;
  background-size: cover !important;
}

.q-file-download--excel:before {
  background: url("/kov_styling/static/src/img/kov-pro-file-excel.svg") center center no-repeat !important;
  background-size: cover !important;
}

.q-analyse-steps {
  margin: 0;
  padding: 0;
  list-style: none;
}

.q-analyse-steps__item {
  display: flex;
  position: relative;
  padding: 0 20px;
  align-items: baseline;
}

.q-analyse-steps__item:before {
  content: "";
  background: #5AC3CC;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  left: 0px;
  top: 9px;
}

.q-analyse-steps__item .q-step-title {
  width: 250px;
  font-weight: 600;
}

.q-analyse-steps__item .q-step-info {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #EDEDED;
}

.q-analyse-menu {
  padding: 15px 30px 15px 15px;
  list-style: none;
}

.q-analyse-menu__step {
  padding-left: 25px;
  margin-bottom: 25px;
  position: relative;
}

.q-analyse-menu__step:before {
  content: "";
  position: absolute;
  display: block;
  width: 2px;
  height: calc(100% + 16px);
  top: 16px;
  background: #EDEDED;
  left: 4px;
}

.q-analyse-menu__step:last-of-type:before {
  display: none;
}

.q-analyse-menu__step > a {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  position: relative;
}

.q-analyse-menu__step > a:before {
  content: "";
  display: block;
  border: 2px solid #EDEDED;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: -25px;
}

.q-analyse-menu__step > a:hover {
  color: #5AC3CC;
}

.q-analyse-menu__step ul {
  display: none;
  list-style: none;
  padding-left: 15px;
  margin: 15px 0;
  position: relative;
}

.q-analyse-menu__step ul li {
  padding: 10px 0;
}

.q-analyse-menu__step ul li:before {
  display: none !important;
}

.q-analyse-menu__step--active:before {
  background: #5AC3CC;
}

.q-analyse-menu__step--active > a {
  color: #5AC3CC;
}

.q-analyse-menu__step--active > a:before {
  border-color: #5AC3CC;
}

.q-analyse-menu__step--active ul {
  display: block;
}

.q-analyse-menu__step--current:before {
  background: #5AC3CC;
}

.q-analyse-menu__step--current > a:before {
  border-color: #5AC3CC;
}

.q-analyse-menu__step--current ul {
  display: block;
}

.q-analyse-menu__step--current ul li.active a {
  color: #5AC3CC;
  font-weight: 600;
}

.q-analyse-menu__step--completed:before {
  background: #5AC3CC;
}

.q-analyse-menu__step--completed > a:before {
  background: #5AC3CC;
  border-color: #5AC3CC;
}

.q-analyse-checkbox__list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
}

.q-analyse-checkbox__list--group .q-analyse-checkbox__list-item {
  margin-bottom: 30px;
}

.q-analyse-checkbox__list-item {
  margin-right: 30px;
  text-transform: capitalize;
  /* The filter-item */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}

.q-analyse-checkbox__list-item .filter-item {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.q-analyse-checkbox__list-item .filter-item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.q-analyse-checkbox__list-item .checkmark {
  border: 1px solid #EDEDED;
  border-radius: 3px;
  position: absolute;
  top: 3px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
}

.q-analyse-checkbox__list-item .filter-item:hover input ~ .checkmark {
  background-color: #f9f9f9;
}

.q-analyse-checkbox__list-item .filter-item input:checked ~ .checkmark {
  background-color: #fff;
}

.q-analyse-checkbox__list-item .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.q-analyse-checkbox__list-item .filter-item input:checked ~ .checkmark:after {
  display: block;
}

.q-analyse-checkbox__list-item .filter-item .checkmark:after {
  color: #72a854;
  content: "c";
  font-family: "kov-q" !important;
  font-size: 12px;
  left: 2px;
  top: -1px;
  text-transform: lowercase !important;
}

.q-analyse-checkbox__list-item .bootstrap-select {
  width: 100%;
}

.q-analyse-checkbox__list-item .bootstrap-select button {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #34495e;
  color: #34495e;
  display: inline-flex;
  justify-content: start;
  margin: 0 5px;
  max-height: 50px;
  padding: 4px 15px 4px 15px;
  transition: all 0.3s;
  flex-wrap: nowrap;
  font-size: 14px;
  position: relative;
  max-width: 250px;
  width: 250px;
}

.q-analyse-checkbox__list-item .bootstrap-select button span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.q-analyse-checkbox__list-item .bootstrap-select button:hover, .q-analyse-checkbox__list-item .bootstrap-select button:focus {
  outline: none;
  box-shadow: none;
}

.q-analyse-checkbox__list-item .bootstrap-select .dropdown-toggle::after {
  border: none;
  content: "q";
  color: #34495E;
  font-size: 10px;
  font-family: "kov-q";
  transform: rotate(90deg);
  height: 10px;
  width: 10px;
  display: flex;
  transition: all 0.3s;
  position: absolute;
  right: 10px;
  top: 10px;
}

.q-analyse-checkbox__list-item .bootstrap-select.show .dropdown-toggle:after {
  transform: rotate(270deg);
  transition: all 0.3s;
  right: 14px;
}

.q-analyse-checkbox__list-item .bootstrap-select .dropdown-menu.open.show {
  background: none;
  border: none;
  position: absolute;
  height: 100%;
  overflow: inherit !important;
}

.q-analyse-checkbox__list-item .bootstrap-select .dropdown-menu.open.show .dropdown-menu {
  background: #fff;
  border: none;
  display: inline-table;
  padding: 15px 10px !important;
  width: calc(100% + 88px);
  top: 0;
  left: 0;
  text-align: left;
  box-shadow: 0 5px 17px 0 rgba(0, 0, 0, 0.2);
  top: -8px;
}

.q-analyse-checkbox__list-item .bootstrap-select .dropdown-menu.open.show .dropdown-menu li {
  border-bottom: 1px solid #e7e7e8;
  font-family: "Roboto";
  font-size: 14px;
  letter-spacing: 0px;
  transition: all 0.2s;
}

.q-analyse-checkbox__list-item .bootstrap-select .dropdown-menu.open.show .dropdown-menu li.disabled {
  display: none;
}

.q-analyse-checkbox__list-item .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a {
  padding: 10px 15px;
  display: block;
  width: 100%;
}

.q-analyse-checkbox__list-item .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a span {
  font-size: 14px;
  color: #34495E;
}

.q-analyse-checkbox__list-item .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a:focus {
  box-shadow: none;
  outline: 0;
}

.q-analyse-checkbox__list-item .bootstrap-select .dropdown-menu.open.show .dropdown-menu li.selected {
  font-weight: 400;
}

.q-analyse-checkbox__list-item .bootstrap-select .dropdown-menu.open.show .dropdown-menu li:hover {
  background: #f9f9f9;
  cursor: pointer;
}

.q-analyse-checkbox__list-item .selectpicker {
  display: none;
}

.q-analyse-checkbox__title {
  font-size: 16px;
  font-weight: 600;
  color: #34495E;
}

.q-analyse-checkbox__text {
  text-transform: none;
  margin-bottom: 10px;
}

.q-analyse-hypothesis__list, .q-analyse-hypothesis__list_custom {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
}

.q-analyse-hypothesis__list-item {
  border-bottom: 1px solid #EDEDED;
  padding: 20px 20px 20px 10px;
  /* The filter-item */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}

.q-analyse-hypothesis__list-item--checked {
  background: #f9f9f9;
}

.q-analyse-hypothesis__list-item--checked .q-analyse-hypothesis__title {
  font-weight: 600;
}

.q-analyse-hypothesis__list-item-add {
  display: flex;
  align-items: center;
}

.q-analyse-hypothesis__list-item-add i {
  display: flex;
  margin-right: 8px;
}

.q-analyse-hypothesis__list-item:hover {
  background: #f9f9f9;
}

.q-analyse-hypothesis__list-item .filter-item {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.q-analyse-hypothesis__list-item .filter-item > input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.q-analyse-hypothesis__list-item .checkmark {
  border: 1px solid #EDEDED;
  border-radius: 3px;
  position: absolute;
  top: 3px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
}

.q-analyse-hypothesis__list-item .filter-item:hover input ~ .checkmark {
  background-color: #f9f9f9;
}

.q-analyse-hypothesis__list-item .filter-item input:checked ~ .checkmark {
  background-color: #fff;
}

.q-analyse-hypothesis__list-item .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.q-analyse-hypothesis__list-item .filter-item input:checked ~ .checkmark:after {
  display: block;
}

.q-analyse-hypothesis__list-item .filter-item .checkmark:after {
  color: #72a854;
  content: "c";
  font-family: "kov-q" !important;
  font-size: 12px;
  left: 2px;
  top: -1px;
}

.q-analyse-hypothesis__title {
  font-size: 16px;
  font-weight: 400;
  color: #34495E;
}

.q-analyse-hypothesis__title input {
  background: none;
  border: none;
  width: 100%;
}

.q-analyse-hypothesis__title input:focus, .q-analyse-hypothesis__title input:active {
  outline: none;
  box-shadow: none;
}

.q-analyse-hypothesis ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 10px;
}

.q-analyse-hypothesis ul li {
  color: #A5A5A5;
  font-size: 14px;
}

.q-analyse-amount {
  list-style: none;
  margin-bottom: 30px;
  padding: 0;
}

.q-analyse-amount li {
  padding: 6px 0;
}

.q-analyse-amount li a {
  text-decoration: underline !important;
}

.q-analyse-amount__tag {
  align-items: center;
  background: #EDEDED;
  border-radius: 3px;
  color: #34495E;
  display: inline-flex;
  font-weight: 600;
  justify-content: center;
  margin-right: 8px;
  width: 50px;
  height: 22px;
}

.q-analyse-amount__tag--warning {
  background: rgba(222, 124, 18, 0.25);
}

.q-analyse-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.q-analyse-list__item-title {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.q-analyse-list__item-title .q-institution-number {
  font-weight: 400;
}

.q-analyse-list__item-title .q-institution-number:after {
  content: "-";
  margin: 0 2px 0 5px;
}

.q-analyse-list__item .q-class-list {
  list-style: none;
  margin: 15px 0 30px 0;
  padding: 0;
}

.q-analyse-list__item .q-class-list__item {
  align-items: center;
  border-bottom: 1px solid #C3C8CB;
  display: flex;
  padding: 20px 30px;
  position: relative;
}

.q-analyse-list__item .q-class-list__item:before {
  content: "";
  background: #5AC3CC;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  left: 8px;
}

.q-analyse-list__item .q-class-list__competence {
  font-weight: 600;
  min-width: 250px;
}

.q-analyse-list__item .q-class-list__classname {
  color: #A5A5A5;
  font-weight: 600;
  margin-right: 30px;
}

.q-analyse-list__item .q-class-list__schoolyear {
  color: #A5A5A5;
}

.q-analyse-list__item .q-class-list__link {
  display: flex;
  padding-left: 30px;
}

.q-property-group__header {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: #55606e;
  margin-bottom: 15px;
}

.q-generic-goals {
  padding: 0;
}

.q-generic-goals__item {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  position: relative;
  list-style: none;
  padding: 15px 0;
  border-bottom: 2px solid #EDEDED;
}

.q-generic-goals__item:first-of-type {
  border-top: 2px solid #EDEDED;
}

.q-generic-goals__item:before {
  content: "";
  width: 10px;
  height: 10px;
  background: #5AC3CC;
  border-radius: 50%;
  position: absolute;
  top: 21px;
}

.q-generic-goals__item > a {
  padding-left: 25px;
}

.q-generic-goals__item > ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 25px;
}

.q-generic-goals__item > ul li {
  margin-right: 15px;
  font-size: 14px;
  position: relative;
  padding-left: 20px;
}

.q-generic-goals__item > ul li:before {
  font-family: "kov-q" !important;
  content: "M";
  position: absolute;
  left: 0;
}

.q-generic-goals__item--extern {
  padding-right: 50px;
}

.q-generic-goals__item--SE:before,
.q-generic-goals__item--SE .q-generic-goals__prefix {
  color: rgb(233, 37, 45);
}

.q-generic-goals__item--IK:before,
.q-generic-goals__item--IK .q-generic-goals__prefix {
  color: rgb(237, 121, 40);
}

.q-generic-goals__item--IV:before,
.q-generic-goals__item--IV .q-generic-goals__prefix {
  color: rgb(247, 152, 57);
}

.q-generic-goals__item--MZ:before,
.q-generic-goals__item--MZ .q-generic-goals__prefix {
  color: rgb(246, 189, 22);
}

.q-generic-goals__item--OW:before,
.q-generic-goals__item--OW .q-generic-goals__prefix {
  color: rgb(177, 208, 61);
}

.q-generic-goals__item--ME:before,
.q-generic-goals__item--ME .q-generic-goals__prefix {
  color: rgb(140, 184, 58);
}

.q-generic-goals__item--MU:before,
.q-generic-goals__item--MU .q-generic-goals__prefix {
  color: rgb(70, 185, 143);
}

.q-generic-goals__item--TO:before,
.q-generic-goals__item--TO .q-generic-goals__prefix {
  color: rgb(110, 205, 226);
}

.q-generic-goals__item--WD:before,
.q-generic-goals__item--WD .q-generic-goals__prefix {
  color: rgb(10, 130, 190);
}

.q-generic-goals__item--RK:before,
.q-generic-goals__item--RK .q-generic-goals__prefix {
  color: rgb(91, 84, 164);
}

.q-generic-goals__prefix {
  color: #5AC3CC;
  font-weight: 600;
}

.q-property-list,
.q-generic-goals {
  padding: 0;
  margin: 0 0 30px 0;
}

.q-property-list__item,
.q-generic-goals__item {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  position: relative;
  list-style: none;
  padding: 15px 0;
  border-bottom: 2px solid #EDEDED;
}

.q-property-list__item:first-of-type,
.q-generic-goals__item:first-of-type {
  border-top: 2px solid #EDEDED;
}

.q-property-list__item:before,
.q-generic-goals__item:before {
  content: "";
  width: 10px;
  height: 10px;
  background: #5AC3CC;
  border-radius: 50%;
  position: absolute;
  top: 21px;
}

.q-property-list__item > a,
.q-generic-goals__item > a {
  padding-left: 25px;
}

.q-property-list__item--extern,
.q-generic-goals__item--extern {
  padding-right: 50px;
}

.q-property-list__item--priority a,
.q-generic-goals__item--priority a {
  display: block;
  position: relative;
  padding-right: 50px;
  width: 100%;
}

.q-property-list__item--priority a:after,
.q-generic-goals__item--priority a:after {
  background: rgb(178, 183, 32);
  background: linear-gradient(171deg, rgb(178, 183, 32) 0%, rgb(178, 183, 32) 46%, rgb(90, 195, 204) 100%);
  color: #fff;
  border: none;
  content: "2" !important;
  font-family: "kov-q";
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -2px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.q-property-list__item--SE:before,
.q-property-list__item--SE .q-generic-goals__prefix,
.q-generic-goals__item--SE:before,
.q-generic-goals__item--SE .q-generic-goals__prefix {
  color: rgb(233, 37, 45);
}

.q-property-list__item--IK:before,
.q-property-list__item--IK .q-generic-goals__prefix,
.q-generic-goals__item--IK:before,
.q-generic-goals__item--IK .q-generic-goals__prefix {
  color: rgb(237, 121, 40);
}

.q-property-list__item--IV:before,
.q-property-list__item--IV .q-generic-goals__prefix,
.q-generic-goals__item--IV:before,
.q-generic-goals__item--IV .q-generic-goals__prefix {
  color: rgb(247, 152, 57);
}

.q-property-list__item--MZ:before,
.q-property-list__item--MZ .q-generic-goals__prefix,
.q-generic-goals__item--MZ:before,
.q-generic-goals__item--MZ .q-generic-goals__prefix {
  color: rgb(246, 189, 22);
}

.q-property-list__item--OW:before,
.q-property-list__item--OW .q-generic-goals__prefix,
.q-generic-goals__item--OW:before,
.q-generic-goals__item--OW .q-generic-goals__prefix {
  color: rgb(177, 208, 61);
}

.q-property-list__item--ME:before,
.q-property-list__item--ME .q-generic-goals__prefix,
.q-generic-goals__item--ME:before,
.q-generic-goals__item--ME .q-generic-goals__prefix {
  color: rgb(140, 184, 58);
}

.q-property-list__item--MU:before,
.q-property-list__item--MU .q-generic-goals__prefix,
.q-generic-goals__item--MU:before,
.q-generic-goals__item--MU .q-generic-goals__prefix {
  color: rgb(70, 185, 143);
}

.q-property-list__item--TO:before,
.q-property-list__item--TO .q-generic-goals__prefix,
.q-generic-goals__item--TO:before,
.q-generic-goals__item--TO .q-generic-goals__prefix {
  color: rgb(110, 205, 226);
}

.q-property-list__item--WD:before,
.q-property-list__item--WD .q-generic-goals__prefix,
.q-generic-goals__item--WD:before,
.q-generic-goals__item--WD .q-generic-goals__prefix {
  color: rgb(10, 130, 190);
}

.q-property-list__item--RK:before,
.q-property-list__item--RK .q-generic-goals__prefix,
.q-generic-goals__item--RK:before,
.q-generic-goals__item--RK .q-generic-goals__prefix {
  color: rgb(91, 84, 164);
}

.q-property-list__prefix,
.q-generic-goals__prefix {
  color: #5AC3CC;
  font-weight: 600;
}

.q-referenceframe-list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 25px;
}

.q-referenceframe-list--zill .q-referenceframe-list__item {
  font-weight: 600;
  position: relative;
  padding-left: 20px;
}

.q-referenceframe-list--zill .q-referenceframe-list__item:before {
  font-family: "kov-q" !important;
  content: "M";
  position: absolute;
  left: 0;
  top: 4px;
}

.q-referenceframe-list--zill .q-referenceframe-list__item--SO {
  color: rgb(233, 37, 45);
}

.q-referenceframe-list--zill .q-referenceframe-list__item--SO:before {
  content: "S";
}

.q-referenceframe-list--zill .q-referenceframe-list__item--KO {
  color: rgb(237, 121, 40);
}

.q-referenceframe-list--zill .q-referenceframe-list__item--KO:before {
  content: "T";
}

.q-referenceframe-list--zill .q-referenceframe-list__item--IV {
  color: rgb(247, 152, 57);
}

.q-referenceframe-list--zill .q-referenceframe-list__item--IV:before {
  content: "U";
}

.q-referenceframe-list--zill .q-referenceframe-list__item--MZ {
  color: rgb(246, 189, 22);
}

.q-referenceframe-list--zill .q-referenceframe-list__item--MZ:before {
  content: "V";
}

.q-referenceframe-list--zill .q-referenceframe-list__item--OR {
  color: rgb(177, 208, 61);
}

.q-referenceframe-list--zill .q-referenceframe-list__item--OR:before {
  content: "W";
}

.q-referenceframe-list--zill .q-referenceframe-list__item--ME {
  color: rgb(70, 185, 143);
}

.q-referenceframe-list--zill .q-referenceframe-list__item--ME:before {
  content: "X";
}

.q-referenceframe-list--zill .q-referenceframe-list__item--MO {
  color: rgb(70, 185, 143);
}

.q-referenceframe-list--zill .q-referenceframe-list__item--MO:before {
  content: "Y";
}

.q-referenceframe-list--zill .q-referenceframe-list__item--TO {
  color: rgb(110, 205, 226);
}

.q-referenceframe-list--zill .q-referenceframe-list__item--TO:before {
  content: "Z";
}

.q-referenceframe-list--zill .q-referenceframe-list__item--WI {
  color: rgb(10, 130, 190);
}

.q-referenceframe-list--zill .q-referenceframe-list__item--WI:before {
  content: "0";
}

.q-referenceframe-list--zill .q-referenceframe-list__item--RK {
  color: rgb(91, 84, 164);
}

.q-referenceframe-list--zill .q-referenceframe-list__item--RK:before {
  content: "1";
}

.q-referenceframe-list__item {
  font-size: 14px;
  font-weight: 500;
  margin-right: 20px;
  color: #b0b0b0;
}

.q-referenceframe-list__item:before {
  background: none;
}

.q-hypothesis-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

.q-hypothesis-list__item {
  display: flex;
  align-items: baseline;
  margin-bottom: 5px;
}

.q-hypothesis-list__item:before {
  display: block;
  content: "";
  min-width: 10px;
  min-height: 10px;
  width: 10px;
  height: 10px;
  background: #5AC3CC;
  border-radius: 50%;
  margin-right: 15px;
}

.q-box__title {
  font-weight: 600;
  margin: 20px 0 15px 0;
}

.q-box-context {
  background: rgba(194, 200, 203, 0.14);
  padding: 20px 30px;
  margin-bottom: 15px;
  border-radius: 10px;
}

.q-box-context__label {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  font-family: "Open Sans", sans-serif;
  color: #55606e;
  letter-spacing: 0.56px;
}

.q-box-context__header {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.q-box-context .counter {
  display: flex;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-left: auto;
  align-items: center;
  margin-right: 40px;
}

.q-box-context .counter span {
  align-items: center;
  background: #B2B720;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: 400;
  height: 18px;
  justify-content: center;
  margin-left: auto;
  width: 18px;
  margin-right: 6px;
}

.q-box-context .q-property-list, .q-box-context .q-generic-goals {
  padding: 20px 20px 0px 30px;
  margin: 0;
}

.q-box-context--accordion {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.q-box-context--accordion:hover {
  cursor: pointer;
}

.q-box-context--accordion i {
  transform: rotate(90deg);
  font-size: 24px;
  transition: all 0.3s;
}

.q-box-context--accordion:not(.collapsed) i {
  transform: rotate(270deg);
  transition: all 0.3s;
}

.q-box-context--dark {
  background: rgba(194, 200, 202, 0.3);
}

.q-box-context--administer > div {
  width: 100%;
}

.q-box-context--administer .q-box-context__header {
  align-items: center;
  display: flex;
}

.q-box-context--administer .q-box-context__header i {
  display: flex;
  transform: rotate(0deg);
  margin-right: 15px;
}

.q-box-result {
  padding: 20px 30px;
  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.16);
  border-radius: 3px;
  margin-bottom: 40px;
}

.q-box-result__header {
  align-items: flex-start;
  justify-content: space-between;
  display: flex;
  padding: 10px 0 20px 0;
  border-bottom: 1px solid #EDEDED;
  flex-wrap: wrap;
}

.q-box-result__header-info {
  display: flex;
  margin-bottom: 10px;
}

.q-box-result__header-info span {
  color: #859198;
  padding-top: 8px;
}

.q-box-result__header .q-reminder-property-priority {
  position: relative;
  width: 36px;
  margin: 0 15px 0 0;
  top: 12px;
}

.q-box-result__header .q-reminder-property-priority:before {
  left: 0;
}

.q-box-result__header .q-reminder-property-priority:after {
  left: 12px;
}

.q-box-result__header .q-chart-analyse {
  position: inherit;
  margin: 0;
  font-size: 18px;
  padding: 6px 16px;
  border-width: 1px;
}

.q-box-result__header .q-chart-analyse i {
  display: flex;
  margin-left: 15px;
}

.q-box-result__tabs {
  list-style: none;
  display: flex;
  border: none;
}

.q-box-result__tabs-link {
  border-radius: 8px !important;
  border: none !important;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
  color: #859198 !important;
  display: flex;
  font-weight: 500;
  margin-right: 15px;
  margin-bottom: 10px;
  padding: 20px;
}

.q-box-result__tabs-link i {
  display: flex;
  font-size: 22px;
  margin-right: 10px;
}

.q-box-result__tabs-link.active {
  border: none !important;
  color: #fff !important;
  background: #34495E !important;
  border-radius: 8px !important;
}

.q-box-result .q-participant {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.q-box-result .q-participant-flag-question {
  font-size: 16px;
}

.q-box-result .q-participant-flag-options {
  list-style: none;
  margin: 15px 0 0 0;
  padding: 0;
}

.q-box-result .q-participant-flag-options__item {
  font-size: 14px;
  padding-left: 25px;
  position: relative;
}

.q-box-result .q-participant-flag-options__item:before {
  content: "";
  background: #5AC3CC;
  height: 14px;
  width: 14px;
  border-radius: 3px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 4px;
}

.q-box-result .q-participant-flag-options__item:nth-child(2):before {
  background: #B72A8D;
}

.q-box-result .q-participant-flag-options__item:nth-child(3):before {
  background: #F28A1A;
}

.q-box-result .q-chart {
  box-shadow: none;
  padding: 0;
}

.q-box-strength {
  background: #F9F9F9;
  border-radius: 8px;
  border-left: 10px solid #5AC3CC;
  margin-bottom: 30px;
  padding: 20px 30px 20px 30px;
}

.q-box-strength .q-box__title {
  color: #5AC3CC;
}

.q-box-strength .q-property-list,
.q-box-strength .q-generic-goals {
  margin: 0;
}

.q-box-strength .q-property-list__item::before,
.q-box-strength .q-generic-goals__item::before {
  color: #5AC3CC;
}

.q-box-strength .q-property-list__item:first-child,
.q-box-strength .q-generic-goals__item:first-child {
  border-top: none;
}

.q-box-strength .q-property-list__item:last-child,
.q-box-strength .q-generic-goals__item:last-child {
  border-bottom: none;
}

.q-box-strength .q-property-list .q-referenceframe-list,
.q-box-strength .q-generic-goals .q-referenceframe-list {
  display: none;
}

.q-box-opportunity {
  background: #F9F9F9;
  border-radius: 8px;
  border-left: 10px solid #F28A1A;
  margin-bottom: 30px;
  padding: 20px 30px 20px 30px;
}

.q-box-opportunity .q-box__title {
  color: #F28A1A;
}

.q-box-opportunity .q-property-list,
.q-box-opportunity .q-generic-goals {
  margin: 0;
}

.q-box-opportunity .q-property-list__item::before,
.q-box-opportunity .q-generic-goals__item::before {
  background: #F28A1A;
}

.q-box-opportunity .q-property-list__item:first-child,
.q-box-opportunity .q-generic-goals__item:first-child {
  border-top: none;
}

.q-box-opportunity .q-property-list__item:last-child,
.q-box-opportunity .q-generic-goals__item:last-child {
  border-bottom: none;
}

.q-box-opportunity .q-property-list .q-referenceframe-list,
.q-box-opportunity .q-generic-goals .q-referenceframe-list {
  display: none;
}

.q-box-opportunity .q-hypothesis-list__item:before {
  background: #F28A1A;
}

.q-prediction {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.q-prediction__item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.q-prediction__sentence {
  padding-right: 30px;
  margin-bottom: 20px;
  padding-left: 30px;
  position: relative;
}

.q-prediction__sentence:before {
  content: "M";
  font-family: "kov-q", sans-serif;
  position: absolute;
  top: 4px;
  color: #5AC3CC;
  margin-right: 8px;
  font-size: 18px;
  left: 0;
}

.q-prediction__why {
  width: 100%;
  border: 1px solid #5AC3CC;
  border-radius: 3px;
  padding: 8px 10px;
}

.q-prediction__why:focus {
  border: 2px solid #5AC3CC;
  outline: none;
  padding: 7px 9px;
}

.q-prediction__select span {
  text-transform: uppercase;
  color: #859198;
  margin-bottom: 5px;
  display: block;
}

.q-prediction__select .q-button-outline:hover {
  color: #fff !important;
  cursor: pointer;
}

.q-toggle {
  text-decoration: underline;
}

.q-toggle:not(.collapsed) span {
  display: none;
}

.q-toggle:not(.collapsed) span.collapse {
  display: inline-block;
  text-decoration: underline;
}

.q-toggle:not(.collapsed):after {
  transform: rotate(270deg);
  transition: all 0.3s;
}

.q-toggle:after {
  content: "q";
  font-family: "kov-q" !important;
  font-size: 10px;
  transform: rotate(90deg);
  display: inline-block;
  margin: 0 10px;
  transition: all 0.3s;
}

.q-toggle:hover {
  cursor: pointer;
}

.q-switch-field {
  display: flex;
  margin-bottom: 10px;
  overflow: hidden;
}

.q-switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.q-switch-field__label {
  align-items: center;
  background: #fff;
  border-radius: 3px;
  border: 2px solid #34495E;
  color: rgba(0, 0, 0, 0.6);
  display: flex;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  margin-right: 10px;
  min-width: 100px;
  padding: 8px 20px;
  transition: all 0.1s ease-in-out;
}

.q-switch-field__label:last-child {
  margin-right: 0;
}

.q-switch-field__label--accent-1 {
  border-color: #B72A8D;
}

.q-switch-field__label--accent-2 {
  border-color: #5AC3CC;
}

.q-switch-field__label--accent-3 {
  border-color: #B2B720;
}

.q-switch-field__label--accent-4 {
  border-color: #F28A1A;
}

.q-switch-field__label:hover {
  background: rgba(194, 200, 203, 0.14);
  cursor: pointer;
}

.q-switch-field input:checked + label.q-switch-field__label--accent-1 {
  background: #B72A8D;
  color: #fff;
}

.q-switch-field input:checked + label.q-switch-field__label--accent-2 {
  background: #5AC3CC;
  color: #fff;
}

.q-switch-field input:checked + label.q-switch-field__label--accent-3 {
  background: #B2B720;
  color: #fff;
}

.q-switch-field input:checked + label.q-switch-field__label--accent-4 {
  background: #F28A1A;
  color: #fff;
}

.q-chart-info {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.q-reminder-property-priority {
  margin: 15px 0 20px 0;
  position: relative;
}

.q-reminder-property-priority:before {
  content: "";
  background: rgb(178, 183, 32);
  background: linear-gradient(171deg, rgb(178, 183, 32) 0%, rgb(178, 183, 32) 46%, rgb(90, 195, 204) 100%);
  color: #fff;
  border: none;
  border-radius: 50%;
  display: block;
  width: 36px;
  height: 36px;
  background-size: contain;
  position: absolute;
  left: -45px;
  top: -8px;
}

.q-reminder-property-priority:after {
  content: "2" !important;
  font-family: "kov-q";
  position: absolute;
  top: 0px;
  left: -33px;
  color: #fff;
}

.q-chart-analyse {
  position: absolute;
  right: 0;
  bottom: 0;
}

.q-chart-analyse:hover {
  cursor: pointer;
}

.q-summary-averages {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.q-summary-averages span {
  font-weight: 600;
}

.q-summary-averages-scorelist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 15px;
  position: relative;
}

.q-summary-averages-scorelist:before {
  content: "";
  background: url("/kov_styling/static/src/img/q-lightning.png") center center no-repeat;
  display: block;
  width: 36px;
  height: 36px;
  background-size: contain;
  position: absolute;
  left: -45px;
  top: -8px;
}

.q-summary-averages-scorelist__item {
  font-weight: 600;
}

.q-summary-averages-scorelist__item:after {
  content: "%";
}

.q-summary-averages-scorelist__item--school {
  color: #5AC3CC;
}

.q-summary-averages-scorelist__item--reference {
  color: #B72A8D;
}

.q-summary-averages-scorelist__item--flemish {
  color: #859198;
}

.q-legend {
  display: flex;
  margin-top: 20px;
  gap: 50px;
}

.q-legend-legend {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.q-legend-legend__item {
  display: flex;
  align-items: center;
  margin-right: 25px;
}

.q-legend-legend__item:before {
  content: "";
  background: #EDEDED;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 8px;
  border-radius: 3px;
  min-width: 14px;
  min-height: 14px;
}

.q-legend-legend__item--check.q-legend-legend__item--flemish:before {
  display: none;
}

.q-legend-legend__item--check.q-legend-legend__item--reference:before {
  display: none;
}

.q-legend-legend__item--school:before {
  background: #5AC3CC;
  border-radius: 50%;
}

.q-legend-legend__item--reference:before {
  background: #B72A8D;
}

.q-legend-legend__item--reference .filter-item {
  padding-left: 22px;
  margin: 0;
}

.q-legend-legend__item--reference .filter-item input:checked ~ .checkmark {
  border-color: #B72A8D;
  background: #B72A8D;
}

.q-legend-legend__item--reference .checkmark {
  border-color: #B72A8D;
  height: 14px;
  width: 14px;
  top: 4px;
}

.q-legend-legend__item--reference .checkmark:after {
  color: #FFFFFF !important;
  font-size: 8px !important;
  left: 2px !important;
  top: 0px !important;
}

.q-legend-legend__item--flemish:before {
  background: #859198;
}

.q-legend-legend__item--flemish .filter-item {
  padding-left: 22px;
  margin: 0;
}

.q-legend-legend__item--flemish .filter-item input:checked ~ .checkmark {
  border-color: #859198;
  background: #859198;
}

.q-legend-legend__item--flemish .checkmark {
  border-color: #859198;
  height: 14px;
  width: 14px;
  top: 4px;
}

.q-legend-legend__item--flemish .checkmark:after {
  color: #FFFFFF !important;
  font-size: 8px !important;
  left: 2px !important;
  top: 0px !important;
}

.q-legend-legend__item--less:before {
  background-color: rgba(90, 195, 204, 0.45);
}

.q-legend-legend__item--between:before {
  background-color: rgba(90, 195, 204, 0.75);
}

.q-legend-legend__item--more:before {
  background-color: rgb(90, 195, 204);
}

.q-legend-view-groups .custom-radio .custom-control-input:checked ~ .custom-control-label {
  font-weight: bold;
}

.q-analysis-status {
  align-items: center;
  background: #34495E;
  border-radius: 4px;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  margin: 4px 10px 0 0;
  max-height: 50px;
  padding: 4px 20px;
  transition: all 0.3s;
  flex-wrap: nowrap;
  font-size: 18px;
  font-weight: 500;
}

.q-analysis-status--ok {
  background: #B2B720;
}

.q-analysis-status--strength {
  background: #5AC3CC;
}

.q-analysis-status--opportunity {
  background: #F28A1A;
}

.q-intro-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.q-intro-wrapper .q-intro-action {
  list-style: none;
  padding: 0;
  margin: 0;
}

.q-intro-wrapper .q-intro-action__item a {
  display: flex;
  align-items: center;
}

.q-intro-wrapper .q-intro-action__item a span {
  text-decoration: underline;
}

.q-intro-wrapper .q-intro-action__item a i {
  display: flex;
  margin-right: 10px;
  font-size: 18px;
}

.q-intro-wrapper .q-intro-action__item a:hover span {
  text-decoration: none;
}

.q-detail-analyse {
  list-style: none;
  margin: 0;
  padding: 0;
}

.q-detail-analyse__item {
  margin-bottom: 50px;
}

.q-detail-analyse__sentence {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}

.q-detail-analyse__wrapper {
  display: flex;
  justify-content: space-between;
}

.q-detail-analyse__wrapper > div {
  flex: 0 0 48.5%;
}

.q-detail-analyse .q-chart {
  margin: 0;
}

.q-detail-analyse .q-prediction__select {
  display: flex;
  flex-direction: column;
  display: flex;
  flex-direction: column;
}

.q-detail-analyse .q-prediction__select span {
  text-transform: uppercase;
  color: #859198;
  margin-bottom: 5px;
  display: block;
}

.q-detail-analyse .q-prediction__select > div:last-of-type {
  margin-top: auto;
  padding-bottom: 20px;
  border-bottom: 1px solid #c2c8cb;
}

.q-detail-analyse .q-prediction__select .q-button-outline {
  font-weight: 500;
  font-size: 18px;
}

.q-detail-analyse .q-prediction__select .q-button-outline i {
  display: flex;
  font-size: 20px;
}

.q-hypothesis-filter {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.q-hypothesis-filter__item {
  margin-right: 20px;
}

.q-hypothesis-filter__item label:hover {
  cursor: pointer;
}

.q-practice-inspiration {
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0;
}

.q-practice-inspiration__item {
  padding: 20px 0;
  border-bottom: 1px solid #EDEDED;
}

.q-practice-inspiration__item-link {
  display: flex;
  align-items: center;
}

.q-practice-inspiration__item-thumb {
  background: url("/kov_styling/static/src/img/header-introcard.png") center center no-repeat;
  background-size: cover !important;
  height: 44px;
  width: 44px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border: 3px solid #fff;
  border-radius: 50%;
  margin-right: 15px;
}

.q-cta-box {
  background: #5AC3CC;
  padding: 30px;
  color: #fff;
  border-radius: 10px;
  margin: 50px 0;
}

.q-cta-box__title {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  color: #fff;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 15px;
}

.q-cta-box p {
  color: #fff;
  margin: 0;
}

.q-actions-select {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.q-actions-select .bootstrap-select {
  margin-right: 10px;
  margin-bottom: 10px;
}

.q-actions-select .bootstrap-select button {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #34495E;
  color: #34495E;
  display: inline-flex;
  justify-content: start;
  margin: 0 5px;
  padding: 3px 42px 3px 15px;
  transition: all 0.3s;
  flex-wrap: nowrap;
  font-size: 14px;
  position: relative;
  max-width: 250px;
  width: 250px;
}

.q-actions-select .bootstrap-select button span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.q-actions-select .bootstrap-select button:hover, .q-actions-select .bootstrap-select button:focus {
  outline: none;
  box-shadow: none;
}

.q-actions-select .bootstrap-select .dropdown-toggle::after {
  border: none;
  content: "q";
  color: #34495E;
  font-size: 10px;
  font-family: "kov-q";
  transform: rotate(90deg);
  height: 10px;
  width: 10px;
  display: flex;
  transition: all 0.3s;
  position: absolute;
  right: 15px;
  top: 10px;
}

.q-actions-select .bootstrap-select.show .dropdown-toggle:after {
  transform: rotate(270deg);
  transition: all 0.3s;
  right: 18px;
}

.q-actions-select .bootstrap-select .dropdown-menu.open.show {
  width: 100%;
  background: none;
  border: none;
  left: 0 !important;
  top: -10px !important;
  position: absolute;
  height: 100%;
  overflow: inherit !important;
}

.q-actions-select .bootstrap-select .dropdown-menu.open.show .dropdown-menu {
  background: #fff;
  border: none;
  display: inline-table;
  padding: 15px 10px !important;
  width: calc(100% + 60px);
  top: 0;
  left: 0;
  text-align: left;
  box-shadow: 0 5px 17px 0 rgba(0, 0, 0, 0.2);
  top: 10px;
}

.q-actions-select .bootstrap-select .dropdown-menu.open.show .dropdown-menu li {
  border-bottom: 1px solid #E7E7E8;
  font-family: "Roboto";
  font-size: 14px;
  letter-spacing: 0px;
  transition: all 0.2s;
}

.q-actions-select .bootstrap-select .dropdown-menu.open.show .dropdown-menu li.disabled {
  display: none;
}

.q-actions-select .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a {
  padding: 10px 15px;
  display: block;
  width: 100%;
}

.q-actions-select .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a span {
  font-size: 14px;
  color: #34495E;
}

.q-actions-select .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a:focus {
  box-shadow: none;
  outline: 0;
}

.q-actions-select .bootstrap-select .dropdown-menu.open.show .dropdown-menu li.selected {
  font-weight: 400;
}

.q-actions-select .bootstrap-select .dropdown-menu.open.show .dropdown-menu li:hover {
  background: #F9F9F9;
  cursor: pointer;
}

.q-actions-select .selectpicker {
  display: none;
}

.q-actions-list, .q-actions-list_custom {
  margin: 0;
  list-style: none;
  padding: 0;
}

.q-actions-list__item, .q-actions-list__item_custom {
  margin-bottom: 50px;
}

.q-actions-list__item a, .q-actions-list__item_custom a {
  align-items: center;
  display: flex;
}

.q-actions-list__item a span, .q-actions-list__item_custom a span {
  text-decoration: underline !important;
}

.q-actions-list__item a i, .q-actions-list__item_custom a i {
  display: flex;
  margin-right: 8px;
}

.q-note-property-priority__togglebtn {
  background: none;
  display: flex;
  margin-bottom: 15px;
  padding: 0;
  align-items: center;
}

.q-note-property-priority__togglebtn.active .q-note-property-priority__togglebtn-icon {
  background: rgb(178, 183, 32);
  background: linear-gradient(171deg, rgb(178, 183, 32) 0%, rgb(178, 183, 32) 46%, rgb(90, 195, 204) 100%);
  color: #fff;
  border: none;
}

.q-note-property-priority__togglebtn.active .q-note-property-priority__togglebtn-icon i:before {
  content: "2" !important;
}

.q-note-property-priority__togglebtn-icon {
  align-items: center;
  display: flex;
  justify-content: center;
  border: 2px solid #5AC3CC;
  height: 30px;
  width: 30px;
  margin-right: 15px;
  color: #34495E;
  border-radius: 50%;
  font-size: 14px;
}

.q-note-property-priority__togglebtn-icon i {
  display: flex;
}

.q-note-property-priority__togglebtn:focus {
  outline: none;
  box-shadow: none;
}

.q-note-property-priority__property {
  font-size: 16px;
  font-weight: 600;
}

.q-note-property-priority__note {
  margin-bottom: 30px;
}

.q-note-property-priority__note textarea {
  border: 1px solid #5AC3CC;
  border-radius: 3px;
  display: none;
  min-height: 50px;
  width: 100%;
  padding: 10px 10px;
  height: 100%;
}

.q-note-property-priority__note textarea:hover, .q-note-property-priority__note textarea:active, .q-note-property-priority__note textarea:focus {
  outline: none;
  box-shadow: none;
}

.q-subproperty {
  margin: 50px 0 100px 0;
}

.q-subproperty-legend {
  display: flex;
  list-style: none;
  padding: 0;
  margin-left: 50%;
  padding-left: 30px;
}

.q-subproperty-legend li {
  position: relative;
  margin-right: 50px;
}

.q-subproperty-legend li:before {
  content: "";
  background: pink;
  width: 20px;
  height: 20px;
  position: absolute;
  left: -30px;
  top: 2px;
  border-radius: 3px;
}

.q-subproperty-legend li:nth-of-type(1):before {
  background: rgba(90, 195, 204, 0.28);
}

.q-subproperty-legend li:nth-of-type(2):before {
  background: rgba(90, 195, 204, 0.45);
}

.q-subproperty-legend li:nth-of-type(3):before {
  background: rgba(90, 195, 204, 0.75);
}

.q-subproperty-legend li:nth-of-type(4):before {
  background: rgb(90, 195, 204);
}

.q-subproperty-list {
  display: flex;
  flex-direction: column;
}

.q-subproperty-list__item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.q-subproperty-list__item > span {
  width: 50%;
}

@media screen and (max-width: 1400px) {
  .q-chart,
  .q-detail-analyse__wrapper {
    flex-direction: column;
    gap: 30px !important;
  }
  .q-chart-info {
    padding-left: 45px;
  }
}
@media screen and (max-width: 1240px) {
  .q-prediction__item {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .q-player-sidebar__toggle,
  .q-analyse-menu {
    display: none !important;
  }
}
.q-grafiek {
  overflow: hidden;
  width: 100%;
  height: 250px;
  position: relative;
}

#bar-graph {
  background: transparent;
  display: block;
  height: 82%;
  padding: 0;
  position: relative;
  width: 100%;
  margin-left: 30px;
  top: 12px;
}

#bar-graph caption {
  caption-side: top;
  font-size: 20px;
  letter-spacing: 0.5px;
  position: absolute;
  text-align: left;
  top: -80px;
  width: 100%;
  z-index: 10;
}

#bar-graph tr {
  bottom: 3px;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 25px;
  z-index: 2;
}

#bar-graph th {
  bottom: 3px;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 25px;
  z-index: 2;
}

#bar-graph td {
  bottom: 3px;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 22px;
  z-index: 2;
  transition: all 0.3s ease;
}

#bar-graph td:hover {
  background-color: #111 !important;
  color: white;
}

#bar-graph thead tr {
  bottom: auto;
  right: 0;
  top: -46px;
}

#bar-graph thead th {
  height: auto;
  font-weight: 400;
  padding: 0;
  width: auto;
}

#bar-graph thead th.before {
  line-height: 2;
  right: 80px;
}

#bar-graph thead th.before:after {
  content: "";
  height: 10px;
  left: -15px;
  position: absolute;
  top: 10px;
  width: 10px;
  background: #E7E7E7;
}

#bar-graph thead th.after {
  line-height: 2;
  right: 12px;
}

#bar-graph thead th.after:after {
  content: "";
  height: 10px;
  left: -15px;
  position: absolute;
  top: 10px;
  width: 10px;
  background: #C1C1C1;
}

#bar-graph tbody {
  display: block;
}

#bar-graph tbody tr {
  height: 100%;
  padding-top: 2px;
}

#bar-graph tbody th {
  bottom: -38px;
  font-weight: normal;
  vertical-align: top;
  left: -2px;
  font-size: 12px;
  width: 100px;
}

#bar-graph tbody .before {
  background-color: #E7E7E7;
  border-color: transparent;
  left: 20px;
}

#bar-graph tbody .after {
  background-color: #C1C1C1;
  border-color: transparent;
  left: 75px;
}

#bar-graph #section-1 {
  left: 3%;
}

#bar-graph #section-2 {
  left: 34%;
}

#bar-graph #section-3 {
  left: 65%;
}

#bar-graph .q-bar:nth-child(2) {
  left: 0;
  background: #5AC3CC;
}

#bar-graph .q-bar:nth-child(3) {
  left: 31px;
  background: #B72A8D;
}

#bar-graph .q-bar:nth-child(4) {
  left: 62px;
  background: #859198;
}

#bar-graph .q-bar::after {
  content: attr(data-name);
  margin-left: 100%;
  padding: 0;
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  top: -20px;
  left: -22px;
}

#bar-graph .bar {
  border-bottom: none;
  border: 1px solid;
  color: #000;
  width: 50px;
}

#bar-graph .bar p {
  margin: 5px 0 0;
  padding: 0;
}

#bar-ticks {
  display: block;
  height: 82%;
  left: 30px;
  position: absolute;
  top: 7px;
  width: 100%;
  z-index: 1;
}

#bar-ticks .tick {
  border-bottom: 1px solid #E7E7E7;
  height: 10%;
  position: relative;
  width: 100%;
}

#bar-ticks .tick:first-child {
  border-top: 1px solid #E7E7E7;
}

#bar-ticks .tick:last-child {
  border: 0;
}

#bar-ticks .tick p {
  left: -30px;
  font-size: 12px;
  position: absolute;
  top: -15px;
}

.q-chart {
  border-radius: 3px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1607843137);
  margin: 0;
  padding: 50px 30px;
  gap: 90px;
  position: relative;
}

.q-chart-grid {
  position: relative;
}

.q-bar {
  height: var(--bar-value);
  width: 25px;
  margin: 8px 0;
  background-color: #f16335;
}

.q-bar:hover {
  opacity: 0.7;
}

.q-bar::after {
  content: attr(data-name);
  margin-left: 100%;
  padding: 10px;
  display: inline-block;
  white-space: nowrap;
}

.q-chart-wrapper {
  margin-bottom: 10px;
  width: 100%;
}

.q-horizontal-chart {
  overflow: hidden;
  animation: expand 1.5s ease forwards;
  border-radius: 5px;
}

.q-horizontal-chart--unavailable .q-horizontal-chart__part {
  opacity: 0.4;
}

.q-horizontal-chart--unavailable .q-horizontal-chart__option {
  display: none;
}

.q-horizontal-chart__title {
  font-weight: 600;
  font-size: 13px;
}

.q-horizontal-chart__part {
  display: block;
  height: 26px;
  color: #fff;
  font-size: 0.75em;
  float: left;
  background-color: #5AC3CC;
  position: relative;
  overflow: hidden;
  opacity: 1;
  transition: opacity, 0.3s ease;
  border-right: 2px solid #fff;
}

.q-horizontal-chart__part:last-child {
  border: none;
}

.q-horizontal-chart__part:nth-of-type(2) {
  background-color: #B72A8D;
}

.q-horizontal-chart__part:nth-of-type(3) {
  background-color: #F28A1A;
}

.q-horizontal-chart__part:nth-of-type(4) {
  background-color: #B2B720;
}

.q-horizontal-chart__option {
  display: block;
  line-height: 1em;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translate(-50%);
}

.q-subproperty-valuescale-chart {
  overflow: hidden;
  animation: expand 1.5s ease forwards;
  border-radius: 5px;
}

.q-subproperty-valuescale-chart-wrapper {
  margin-bottom: 10px;
  width: 50%;
}

.q-subproperty-valuescale-chart--unavailable .q-subproperty-valuescale-chart__part {
  opacity: 0.4;
}

.q-subproperty-valuescale-chart--unavailable .q-subproperty-valuescale-chart__option {
  display: none;
}

.q-subproperty-valuescale-chart__title {
  font-weight: 600;
  font-size: 13px;
}

.q-subproperty-valuescale-chart__part {
  display: block;
  height: 26px;
  color: #34495E;
  font-size: 0.75em;
  float: left;
  background-color: #5AC3CC;
  position: relative;
  overflow: hidden;
  opacity: 1;
  transition: opacity, 0.3s ease;
  border-right: 2px solid #fff;
}

.q-subproperty-valuescale-chart__part:last-child {
  border: none;
}

.q-subproperty-valuescale-chart__part:nth-of-type(1) {
  background-color: rgba(90, 195, 204, 0.28);
}

.q-subproperty-valuescale-chart__part:nth-of-type(2) {
  background-color: rgba(90, 195, 204, 0.45);
}

.q-subproperty-valuescale-chart__part:nth-of-type(3) {
  background-color: rgba(90, 195, 204, 0.75);
}

.q-subproperty-valuescale-chart__part:nth-of-type(4) {
  background-color: rgb(90, 195, 204);
}

.q-subproperty-valuescale-chart__label {
  display: block;
  line-height: 1em;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translate(-50%);
  overflow: hidden;
  white-space: nowrap;
}

.q-subproperty-valuescale-chart__percentage:after {
  content: "%";
}

.q-subproperty-valuescale-chart__number::before {
  content: "(";
  font-family: "Roboto" !important;
}

.q-subproperty-valuescale-chart__number::after {
  content: ")";
  font-family: "Roboto" !important;
}

.q-results-block-list {
  border-bottom: 1px solid rgba(133, 145, 152, 0.35);
  padding: 0 0 30px 0;
  margin-bottom: 30px;
  list-style: none;
  display: block;
}

.q-results-block-list__item {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.q-results-block-list__item--reference .q-results-block-chart__part--less {
  background-color: rgba(183, 42, 140, 0.28);
  border-radius: 5px 0 0 5px;
}

.q-results-block-list__item--reference .q-results-block-chart__part--between {
  background-color: rgba(183, 42, 140, 0.75);
}

.q-results-block-list__item--reference .q-results-block-chart__part--more {
  background-color: rgb(183, 42, 140);
  border-radius: 0 5px 5px 0;
}

.q-results-block-list__item--average .q-results-block-chart__part--less {
  background-color: rgba(133, 145, 152, 0.28);
  border-radius: 5px 0 0 5px;
}

.q-results-block-list__item--average .q-results-block-chart__part--between {
  background-color: rgba(133, 145, 152, 0.75);
}

.q-results-block-list__item--average .q-results-block-chart__part--more {
  background-color: rgb(133, 145, 152);
  border-radius: 0 5px 5px 0;
}

.q-results-block__title {
  font-weight: 600;
  font-size: 13px;
  width: 50px;
}

.q-results-block-chart {
  width: 100%;
}

.q-results-block-chart__part {
  display: block;
  height: 26px;
  color: #34495E;
  font-size: 0.75em;
  float: left;
  background-color: #5AC3CC;
  position: relative;
  overflow: hidden;
  opacity: 1;
  transition: opacity, 0.3s ease;
  border-right: 2px solid #fff;
}

.q-results-block-chart__part:last-child {
  border: none;
}

.q-results-block-chart__part--less {
  background-color: rgba(90, 195, 204, 0.45);
  border-radius: 5px 0 0 5px;
}

.q-results-block-chart__part--between {
  background-color: rgba(90, 195, 204, 0.75);
}

.q-results-block-chart__part--more {
  background-color: rgb(90, 195, 204);
  border-radius: 0 5px 5px 0;
}

.q-results-block-chart__label {
  display: block;
  line-height: 1em;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translate(-50%);
  overflow: hidden;
  white-space: nowrap;
}

.q-results-block-chart__percentage:after {
  content: "%";
}

.q-results-block-chart__number {
  display: none;
}

.q-results-block-chart__number::before {
  content: "(";
  font-family: "Roboto" !important;
}

.q-results-block-chart__number::after {
  content: ")";
  font-family: "Roboto" !important;
}

.tab-pane .q-subproperty-list__item {
  display: flex;
  flex-direction: column;
}

.tab-pane .q-subproperty-list__item > span {
  margin-bottom: 15px;
}

.tab-pane .q-subproperty-list__item .q-subproperty-valuescale-chart-wrapper {
  width: 100%;
}

.q-reading-guide {
  margin-top: 20px;
}

.q-player-gradient {
  height: 4px;
  background-color: #B72A8D;
  background: url("/kov_styling/static/src/img/gradient_bg.png");
  background-size: cover !important;
}

.q-divider-line {
  background: #C2C8CB;
  width: 100%;
  height: 1px;
  margin: 30px 0;
}

.custom-control {
  padding-left: 25px;
}

.q-contactpersons {
  margin-bottom: 30px;
}

/* The filter-item */
.filter-item {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.filter-item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  border: 1px solid #EDEDED;
  border-radius: 3px;
  position: absolute;
  top: 3px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
}

/* On mouse-over, add a grey background color */
.filter-item:hover input ~ .checkmark {
  background-color: #f9f9f9;
}

/* When the checkbox is checked, add a blue background */
.filter-item input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.filter-item input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.filter-item .checkmark:after {
  color: #72a854;
  content: "c";
  font-family: "kov-q" !important;
  font-size: 12px;
  left: 2px;
  top: -1px;
  text-transform: lowercase !important;
}

@media screen and (max-width: 1024px) {
  #analyserapport #sidebar {
    display: none;
  }
  #analyserapport .q-player-card-wrapper {
    left: 0;
    width: 100%;
  }
}
.q-player-topbar {
  background: #fff;
  border-bottom: 1px solid #EDEDED;
  height: 80px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1001;
}

.q-player-topbar__wrapper {
  align-items: center;
  display: flex;
  padding: 8px 40px;
  justify-content: space-between;
}

.q-player-topbar__wrapper-left, .q-player-topbar__wrapper-right {
  align-items: center;
  display: flex;
}

.q-player-topbar__logo {
  height: 60px;
  width: 60px;
}

.q-player-topbar .q-title {
  color: #34495E;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  margin-left: 20px;
}

.q-player-topbar .q-title__theme {
  font-weight: 600;
}

.q-player-topbar .q-title__focus::before, .q-player-topbar .q-title__chaptertitle::before {
  content: " - ";
}

.q-player-topbar__profile {
  display: flex;
  color: #34495E;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  align-items: center;
}

.q-player-topbar__profile span {
  margin-left: 4px;
}

.q-player-topbar__profile i {
  position: relative;
  top: 1px;
  margin-right: 8px;
}

.q-player-topbar__profile i.q-chevron-right {
  margin-left: 5px;
  margin-right: 0;
  top: 0;
}

.q-player-topbar__buttons {
  display: flex;
}

.kov-navbar__nav {
  display: inline-flex;
  height: 73px;
  margin: 0;
  padding: 0;
}

.kov-navbar__nav-item {
  align-items: center;
  display: flex;
  padding: 0;
  transition: all 0.2s;
  justify-content: center;
}

.kov-navbar__nav-item--menu {
  width: 130px;
}

.kov-navbar__nav-item--menu .kov-navbar__nav-link.open-overlay.c-hamburger.c-hamburger--htx:not(.collapsed) {
  color: #FFFFFF;
}

.kov-navbar__nav-item--menu a {
  font-size: 15px;
  color: #fff;
  font-weight: 600;
}

.kov-navbar__nav-item--menu a::before {
  content: "MENU";
  margin-right: 8px;
  position: relative;
  left: -4px;
  top: 2px;
}

.kov-navbar__nav-item--menu a .c-hamburger span {
  margin-left: 70px;
}

.kov-navbar__nav-item i.q-chevron-right {
  transform: rotate(90deg);
  transition: transform 0.3s;
}

.kov-navbar__nav-item.show i.q-chevron-right {
  transform: rotate(270deg);
  transition: transform 0.3s;
}

.kov-navbar__nav-item a {
  -webkit-appearance: none;
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.kov-navbar__nav-item a .q-institution-number,
.kov-navbar__nav-item a .q-classgrade {
  font-weight: 400;
  margin: 0;
}

.kov-navbar__nav-item a .q-institution-number:after,
.kov-navbar__nav-item a .q-classgrade:after {
  content: "/";
  font-size: 11px;
  position: relative;
  top: -1px;
}

.kov-navbar__nav-item a .q-student-number {
  margin: 0;
}

.kov-navbar__nav-item a:after {
  display: none;
}

.kov-navbar__nav-item .kov-dropdown-menu {
  margin: 0;
  padding: 0;
}

.kov-navbar__nav-item .kov-dropdown-menu .divider-line {
  border-color: #F9F9F9;
  margin: 0;
}

.kov-navbar__nav-item .kov-dropdown-menu__wrapper {
  border: none;
  box-shadow: 0 5px 17px 0 rgba(0, 0, 0, 0.2);
  left: initial;
  margin: 0;
  padding: 0;
  right: 0px;
  top: 8px !important;
  right: 0px !important;
  left: inherit !important;
  z-index: 10001;
  min-width: 100px !important;
  width: 163px !important;
}

.kov-navbar__nav-item .kov-dropdown-menu__item {
  padding: 10px 10px;
}

.kov-navbar__nav-item .kov-dropdown-menu__item a {
  color: #34495E;
  font-size: 13px;
  padding: 10px 15px;
  max-height: 43px;
  justify-content: flex-start;
  transition: all 0.3s;
  font-family: "Roboto", sans-serif;
  letter-spacing: 1px;
}

.kov-navbar__nav-item .kov-dropdown-menu__item a i {
  font-size: 20px;
  margin-right: 15px;
  position: relative;
  top: 4px;
}

.kov-navbar__nav-item .kov-dropdown-menu__item a:active, .kov-navbar__nav-item .kov-dropdown-menu__item a.active {
  background: none;
  color: #34495E;
}

.kov-navbar__nav-item .kov-dropdown-menu__item a:active i, .kov-navbar__nav-item .kov-dropdown-menu__item a.active i {
  color: #34495E;
}

.kov-navbar__nav-item .kov-dropdown-menu__item:hover, .kov-navbar__nav-item .kov-dropdown-menu__item:active, .kov-navbar__nav-item .kov-dropdown-menu__item.active {
  background: none;
}

.kov-navbar__nav-item .kov-dropdown-menu__item:hover a, .kov-navbar__nav-item .kov-dropdown-menu__item:active a, .kov-navbar__nav-item .kov-dropdown-menu__item.active a {
  background-color: #F9F9F9;
  transition: all 0.3s;
}

.kov-navbar__nav-item .kov-dropdown-menu__item-viewer {
  position: relative;
}

.kov-navbar__nav-item .kov-dropdown-menu__item-viewer:after {
  color: #F9F9F9;
  content: "E";
  font-family: "kov-pro";
  font-size: 18px;
  position: absolute;
  right: 5px;
  top: 7px;
}

@media screen and (max-width: 1024px) {
  .q-player-topbar__buttons a {
    padding: 16px;
  }
  .q-player-topbar__buttons a span {
    display: none;
  }
  .q-player-topbar__buttons a i {
    margin: 0;
  }
}
.q-player-creditbar {
  background: #fff;
  border-top: 1px solid #EDEDED;
  bottom: 0;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px;
  margin-top: auto;
  width: 100%;
  font-size: 14px;
  color: #A5A5A5;
}

.q-player-creditbar a {
  color: #5AC3CC;
  text-decoration: underline;
}

.q-player-sidebar {
  background: #fff;
  border-right: 1px solid #EDEDED;
  height: 100vh;
  width: 260px;
  position: fixed;
  top: 80px;
  left: 0;
}

.q-player-sidebar__title {
  align-items: center;
  color: #A5A5A5;
  display: flex;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding: 20px 40px;
}

.q-player-sidebar__title i {
  display: flex;
  color: #A5A5A5;
  margin-right: 8px;
}

.q-player-sidebar__toggle {
  align-items: center;
  background: none;
  border: none;
  border-top: 1px solid #EDEDED;
  color: #34495E;
  display: flex;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  padding: 15px 30px 15px 15px;
  width: 100%;
  position: relative;
}

.q-player-sidebar__toggle i {
  display: flex;
  margin-right: 10px;
}

.q-player-sidebar__toggle:after {
  font-family: "kov-q" !important;
  content: "O";
  font-size: 7px;
  position: absolute;
  right: 30px;
  transform: rotate(180deg);
  transition: all 0.3s;
}

.q-player-sidebar__toggle.collapsed:after {
  transform: rotate(0deg);
  transition: all 0.3s;
}

.q-player-sidebar .q-assesment {
  padding: 20px 30px 20px 40px;
  position: relative;
}

.q-player-sidebar .q-assesment--no-return {
  padding: 20px 30px;
}

.q-player-sidebar .q-assesment--no-return:before {
  display: none;
}

.q-player-sidebar .q-assesment:before {
  content: "d";
  font-family: "kov-q" !important;
  position: absolute;
  left: 15px;
  font-size: 12px;
  top: 25px;
}

.q-player-sidebar .q-assesment__title {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #34495E;
}

.q-player-sidebar .q-assesment__info {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  font-weight: 400;
  color: #b0b0b0;
  text-transform: uppercase;
}

.q-player-sidebar .q-assesment .q-institution-number:after {
  content: " -";
}

.q-player-sidebar .q-assesment .q-classgrade {
  margin-left: 2px;
}

.q-instrument-chaptermenu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.q-instrument-chaptermenu--dashboard .q-instrument-chaptermenu__chapter {
  padding: 20px 15px 20px 30px;
}

.q-instrument-chaptermenu--environment .q-instrument-chaptermenu__chapter, .q-instrument-chaptermenu--administer .q-instrument-chaptermenu__chapter {
  background: #fff !important;
}

.q-instrument-chaptermenu--environment .q-instrument-chaptermenu__chapter--current, .q-instrument-chaptermenu--administer .q-instrument-chaptermenu__chapter--current {
  background: #F9F9F9 !important;
  font-weight: 600;
}

.q-instrument-chaptermenu--environment .q-instrument-chaptermenu__chapter .q-instrument-chaptermenu__title, .q-instrument-chaptermenu--administer .q-instrument-chaptermenu__chapter .q-instrument-chaptermenu__title {
  display: flex;
  align-items: center;
}

.q-instrument-chaptermenu--environment .q-instrument-chaptermenu__chapter .q-instrument-chaptermenu__title i, .q-instrument-chaptermenu--administer .q-instrument-chaptermenu__chapter .q-instrument-chaptermenu__title i {
  display: flex;
  margin-right: 10px;
  font-size: 18px;
}

.q-instrument-chaptermenu--environment .q-instrument-chaptermenu__chapter:before, .q-instrument-chaptermenu--administer .q-instrument-chaptermenu__chapter:before {
  content: "";
  background: #fff;
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s;
}

.q-instrument-chaptermenu--environment .q-instrument-chaptermenu__chapter:hover, .q-instrument-chaptermenu--administer .q-instrument-chaptermenu__chapter:hover {
  background: #F9F9F9 !important;
}

.q-instrument-chaptermenu--environment .q-instrument-chaptermenu__chapter:hover:before, .q-instrument-chaptermenu--administer .q-instrument-chaptermenu__chapter:hover:before {
  background: #5AC3CC !important;
}

.q-instrument-chaptermenu--environment .q-instrument-stepmenu__step a, .q-instrument-chaptermenu--administer .q-instrument-stepmenu__step a {
  color: #34495E;
}

.q-instrument-chaptermenu--environment .q-instrument-stepmenu__step a:hover, .q-instrument-chaptermenu--administer .q-instrument-stepmenu__step a:hover {
  background: rgba(237, 237, 237, 0.16);
}

.q-instrument-chaptermenu > li {
  border-top: 1px solid #EDEDED;
}

.q-instrument-chaptermenu > li:last-child {
  border-bottom: 1px solid #EDEDED;
}

.q-instrument-chaptermenu__chapter {
  background: none;
  border: none;
  display: block;
  padding: 20px 40px;
  text-align: left;
  width: 100%;
  position: relative;
}

.q-instrument-chaptermenu__chapter--extern:after {
  content: "Q";
  color: #A5A5A5;
  font-family: "kov-q" !important;
  position: absolute;
  right: 20px;
  top: 21px;
  font-size: 14px;
}

.q-instrument-chaptermenu__chapter--current {
  background: #F9F9F9;
}

.q-instrument-chaptermenu__chapter--current:before {
  background: #5AC3CC !important;
}

.q-instrument-chaptermenu__chapter--completed:after {
  content: "b";
  color: #B2B720;
  font-family: "kov-q" !important;
  position: absolute;
  right: 40px;
  top: 38px;
}

.q-instrument-chaptermenu__chapter--passed:after {
  background: #fff;
  border: 1px solid #5AC3CC;
  display: block;
  content: "";
  position: absolute;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  right: 40px;
  top: 41px;
}

.q-instrument-chaptermenu__chapter--required:after {
  background: #F28A1A;
  display: block;
  content: "";
  position: absolute;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  right: 40px;
  top: 41px;
}

.q-instrument-chaptermenu__chapter:not(.collapsed) {
  background: #F9F9F9;
}

.q-instrument-chaptermenu__chapter:focus {
  outline: none;
}

.q-instrument-chaptermenu__chapter:hover {
  cursor: pointer;
}

.q-instrument-chaptermenu__label {
  color: #A5A5A5;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.q-instrument-chaptermenu__title {
  color: #34495E;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}

.q-instrument-chaptermenu__amount {
  color: #A5A5A5;
  font-size: 10px;
}

.q-review__name {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.q-review__name .q-criterium__navigator .q-button-outline--icon-right {
  margin-right: 0;
}

.q-instrument-stepmenu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.q-instrument-stepmenu--splitter .q-instrument-stepmenu__step a {
  padding-left: 60px;
}

.q-instrument-stepmenu__step {
  padding: 0;
  margin: 0;
}

.q-instrument-stepmenu__step > .q-instrument-stepmenu .q-instrument-stepmenu__step a {
  padding-left: 55px;
  background: rgba(237, 237, 237, 0.33);
}

.q-instrument-stepmenu__step a,
.q-instrument-stepmenu__step a:not([href]):not([tabindex]) {
  color: #A5A5A5;
  display: flex;
  position: relative;
  padding: 20px 40px 20px 60px;
  transition: all 0.3s;
}

.q-instrument-stepmenu__step a:before,
.q-instrument-stepmenu__step a:not([href]):not([tabindex]):before {
  content: "";
  background: #fff;
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s;
}

.q-instrument-stepmenu__step:hover a {
  color: #34495E;
  transition: all 0.3s;
  text-decoration: none;
}

.q-instrument-stepmenu__step:hover a:before {
  background: #5AC3CC;
}

.q-instrument-stepmenu__step:hover a:not([href]):not([tabindex]) {
  color: #A5A5A5;
}

.q-instrument-stepmenu__step:hover a:not([href]):not([tabindex]):before {
  background: #fff;
}

.q-instrument-stepmenu__step--current a,
.q-instrument-stepmenu__step--current a:not([href]):not([tabindex]) {
  background: #EDEDED;
  color: #34495E;
}

.q-instrument-stepmenu__step--current a:before,
.q-instrument-stepmenu__step--current a:not([href]):not([tabindex]):before {
  background: #5AC3CC;
}

.q-instrument-stepmenu__step--completed a {
  color: #5AC3CC;
}

.q-instrument-stepmenu__step--completed a:after {
  content: "b";
  font-family: "kov-q" !important;
  position: absolute;
  right: 40px;
}

.q-instrument-stepmenu__step--completed a:not([href]):not([tabindex]) {
  color: #5AC3CC;
}

.q-instrument-stepmenu__step--completed:hover a:not([href]):not([tabindex]) {
  color: #5AC3CC;
}

.q-instrument-stepmenu__step:before {
  display: none !important;
}

.q-instrument-stepmenu__number {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  margin-right: 3px;
}

.q-instrument-stepmenu__steptitle {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.q-instrument-stepmenu__steptitle i {
  display: flex;
  margin-right: 15px;
  font-size: 18px;
}

@media screen and (max-width: 1024px) {
  #beoordeling .q-player-sidebar {
    border-bottom: 1px solid #ededed;
    height: 80px;
    width: 100%;
    z-index: 1000;
  }
  #beoordeling .q-player-sidebar .q-assesment {
    padding: 20px 40px;
  }
  #beoordeling .q-player-card-wrapper,
  #beoordeling .q-review-wrapper {
    top: 160px;
    left: 0 !important;
    width: 100% !important;
  }
  .q-player-sidebar {
    overflow: hidden;
    width: 82px;
  }
  .q-player-sidebar__title {
    color: #fff;
    padding: 20px 35px;
  }
  .q-player-sidebar .q-instrument-chaptermenu .q-instrument-chaptermenu__amount {
    display: none;
  }
  .q-player-sidebar .q-instrument-chaptermenu__chapter {
    padding: 24px 11px;
  }
  .q-player-sidebar .q-instrument-chaptermenu__chapter--completed {
    padding: 22px 11px 34px 11px;
  }
  .q-player-sidebar .q-instrument-chaptermenu__chapter--completed:after {
    left: calc(50% - 7px);
    top: 38px;
  }
  .q-player-sidebar .q-instrument-chaptermenu__chapter--passed {
    padding: 22px 11px 34px 11px;
  }
  .q-player-sidebar .q-instrument-chaptermenu__chapter--passed:after {
    left: calc(50% - 7px);
    top: 38px;
  }
  .q-player-sidebar .q-instrument-chaptermenu__chapter--required {
    padding: 22px 11px 34px 11px;
  }
  .q-player-sidebar .q-instrument-chaptermenu__chapter--required:after {
    left: calc(50% - 7px);
    top: 38px;
  }
  .q-player-sidebar .q-instrument-chaptermenu__label {
    text-align: center;
    font-size: 10px;
  }
  .q-player-sidebar .q-instrument-chaptermenu__title {
    display: none;
  }
  .q-player-sidebar .q-instrument-stepmenu__step a {
    padding: 20px 30px;
    justify-content: center;
  }
  .q-player-sidebar .q-instrument-stepmenu__step--completed a .q-instrument-stepmenu__number {
    opacity: 0;
  }
  .q-player-sidebar .q-instrument-stepmenu__step--completed a:after {
    left: calc(50% - 7px);
  }
  .q-player-sidebar .q-instrument-stepmenu__steptitle {
    display: none;
  }
  .q-review-wrapper {
    left: 82px !important;
    width: calc(100% - 82px) !important;
  }
}
.q-player-card-wrapper,
.q-review-wrapper {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 80px);
  left: 260px;
  position: absolute;
  top: 80px;
  width: calc(100% - 260px);
}

.q-player-card-wrapper--full,
.q-review-wrapper--full {
  position: relative;
  width: 100%;
  margin: 40px auto;
  left: 0;
}

.q-player-introcard {
  background: white;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.0392156863);
  display: flex;
  flex-direction: column;
  margin: 40px auto 40px auto;
  max-width: 1080px;
  width: 100%;
}

.q-player-introcard__header {
  background-blend-mode: multiply;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background: linear-gradient(rgba(90, 195, 204, 0.9), rgba(90, 195, 204, 0.9)), url("/kov_styling/static/src/img/header-introcard.png");
  border-radius: 8px 8px 0 0;
  display: block;
  height: 260px;
  overflow: hidden;
  width: 100%;
}

.q-player-introcard__body {
  padding: 40px;
}

.q-player-introcard__body .q-title {
  color: #34495E;
  font-family: "Poppins", sans-serif;
  font-size: 44px;
  font-weight: 600;
  line-height: 52px;
  margin-bottom: 40px;
}

.q-player-introcard__body .q-title__focus {
  font-weight: 400;
}

.q-player-introcard__body .q-title__focus::before {
  content: " - ";
}

.q-player-introcard__body .q-title--normal {
  font-size: 28px;
}

.q-player-introcard__body .q-intro-guide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.q-player-introcard__body .q-intro-guide i {
  font-size: 34px;
  display: flex;
  transform: rotate(90deg);
  color: #5AC3CC;
}

.q-player-introcard__footer {
  text-align: center;
  border-top: 1px solid #EDEDED;
  margin: 0 40px;
  padding: 40px 0;
}

.q-player-introcard--analyse .q-player-introcard__header {
  background: linear-gradient(rgba(178, 183, 32, 0.9), rgba(178, 183, 32, 0.9)), url("/kov_styling/static/src/img/header-introcard.png");
  background-position: -50% !important;
  background-size: unset !important;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: 222px;
}

.q-player-introcard--analyse .q-player-introcard__header-title {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-size: 50px;
  color: #fff;
}

.q-player-introcard--analyse .q-player-introcard__header-subtitle {
  font-size: 20px;
  color: #fff;
}

.q-player-introcard--analyse .q-player-introcard__footer {
  border: none;
  text-align: right;
}

.q-player-chaptercard {
  background: white;
  border-radius: 8px;
  border: 1px solid #EDEDED;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.0392156863);
  display: flex;
  flex-direction: column;
  margin: 40px auto 40px auto;
  max-width: 1080px;
  width: 80%;
}

.q-player-chaptercard--analyse .q-player-chaptercard__header {
  background: #5AC3CC;
  height: 180px;
  padding: 40px;
  display: flex;
  align-items: center;
}

.q-player-chaptercard--analyse .q-player-chaptercard__body {
  display: flex;
  position: relative;
}

.q-player-chaptercard--analyse .q-player-chaptercard__body .q-analyse-information {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.1333333333);
  height: 150px;
  margin-right: 60px;
  min-width: 200px;
  padding: 30px 20px;
  position: relative;
  top: -70px;
}

.q-player-chaptercard--analyse .q-player-chaptercard__body .q-analyse-information ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.q-player-chaptercard--analyse .q-player-chaptercard__body .q-analyse-information ul li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #C3C8CB;
  font-weight: 600;
  display: flex;
  align-items: baseline;
  color: #34495E;
}

.q-player-chaptercard--analyse .q-player-chaptercard__body .q-analyse-information ul li i {
  position: relative;
  top: 2px;
  margin-right: 8px;
}

.q-player-chaptercard--analyse .q-player-chaptercard__body .q-analyse-information ul li:last-child {
  border: none;
}

.q-player-chaptercard--analyse .q-player-chaptercard__footer {
  padding-top: 0;
  text-align: right;
  border: none;
}

.q-player-chaptercard__header {
  background-blend-mode: multiply;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background: linear-gradient(rgba(178, 183, 32, 0.9), rgba(178, 183, 32, 0.9)), url("/kov_styling/static/src/img/header-introcard.png");
  border-radius: 8px 8px 0 0;
  display: block;
  height: 260px;
  overflow: hidden;
  width: 100%;
}

.q-player-chaptercard__header-title {
  font-family: "Poppins", sans-serif;
  font-size: 44px;
  color: #34495E;
  line-height: 52px;
  font-weight: 600;
  text-transform: none;
  color: #fff;
}

.q-player-chaptercard__body {
  padding: 40px;
}

.q-player-chaptercard__body .q-instrument-chaptermenu__chapter {
  align-items: baseline;
  background: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-bottom: 40px;
  padding: 0;
}

.q-player-chaptercard__body .q-instrument-chaptermenu__label {
  font-family: "Poppins", sans-serif;
  font-size: 44px;
  color: #34495E;
  line-height: 52px;
  font-weight: 600;
  text-transform: none;
  color: #5AC3CC;
}

.q-player-chaptercard__body .q-instrument-chaptermenu__label:after {
  content: ".";
  margin-right: 8px;
}

.q-player-chaptercard__body .q-instrument-chaptermenu__title {
  font-family: "Poppins", sans-serif;
  font-size: 44px;
  color: #34495E;
  line-height: 52px;
  font-weight: 600;
}

.q-player-chaptercard__footer {
  text-align: right;
  border-top: 1px solid #EDEDED;
  margin: 0 40px;
  padding: 40px 0;
}

.q-player-stepcard {
  background: white;
  border-radius: 8px;
  border: 1px solid #EDEDED;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.0392156863);
  display: flex;
  flex-direction: column;
  margin: 40px auto 40px auto;
  max-width: 1080px;
  width: 80%;
}

.q-player-stepcard--lg {
  width: 95%;
  max-width: 95%;
}

.q-player-stepcard__body {
  padding: 40px 40px 0 40px;
}

.q-player-stepcard__body section {
  margin-bottom: 40px;
}

@media screen and (min-width: 1020px) {
  .q-player-stepcard__body .bootstrap-select {
    display: inline-flex;
  }
}
.q-player-stepcard__body .q-instrument-stepmenu__step {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 30px;
}

.q-player-stepcard__body .q-instrument-stepmenu__step:before {
  display: none;
}

.q-player-stepcard__body .q-instrument-stepmenu__number {
  font-family: "Poppins", sans-serif;
  font-size: 44px;
  color: #34495E;
  line-height: 52px;
  font-weight: 600;
  text-transform: none;
  color: #5AC3CC;
  margin-right: 8px;
}

.q-player-stepcard__body .q-instrument-stepmenu__steptitle {
  font-family: "Poppins", sans-serif;
  font-size: 44px;
  color: #34495E;
  line-height: 52px;
  font-weight: 600;
}

.q-player-stepcard__body .q-instrument-stepmenu__steptitle--small {
  font-size: 20px;
  line-height: 24px;
}

.q-player-stepcard__body .q-instrument-stepmenu__steptitle--required:after {
  content: "*";
  font-size: 20px;
  position: relative;
  top: -10px;
}

.q-player-stepcard__body .q-instrument-stepmenu__track {
  color: #A5A5A5;
  display: block;
  width: 100%;
}

.q-player-stepcard__body .q-stepcard-list {
  padding: 0;
  list-style: none;
}

.q-player-stepcard__body .q-stepcard-list li {
  display: flex;
  padding-left: 15px;
  align-items: baseline;
}

.q-player-stepcard__body .q-stepcard-list li:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5AC3CC;
  display: inline-block;
  left: -10px;
  position: relative;
  min-width: 8px;
  min-height: 8px;
  top: -1px;
}

.q-player-stepcard__body .q-referenceframe-switcher {
  margin: 10px 0 30px 0;
}

.q-player-stepcard__body .bootstrap-select button {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #34495e;
  color: #34495e;
  display: inline-flex;
  justify-content: start;
  margin: 0 5px;
  max-height: 50px;
  padding: 4px 35px 4px 15px;
  transition: all 0.3s;
  flex-wrap: nowrap;
  font-size: 14px;
  position: relative;
  max-width: inherit;
  width: max-content;
}

.q-player-stepcard__body .bootstrap-select button span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.q-player-stepcard__body .bootstrap-select button:hover, .q-player-stepcard__body .bootstrap-select button:focus {
  outline: none;
  box-shadow: none;
}

.q-player-stepcard__body .bootstrap-select .dropdown-toggle::after {
  border: none;
  color: #34495E;
  content: "q";
  display: flex;
  font-family: "kov-q";
  font-size: 10px;
  height: 10px;
  margin-left: auto;
  transform-origin: center;
  transform: rotate(90deg);
  transition: all 0.3s;
  width: 10px;
  right: 10px;
  position: absolute;
}

.q-player-stepcard__body .bootstrap-select.show .dropdown-toggle:after {
  transform: rotate(-90deg);
  transition: all 0.3s;
  transform-origin: center;
  left: 10px;
}

.q-player-stepcard__body .bootstrap-select .dropdown-menu.open.show {
  background: none;
  border: none;
  position: absolute;
  height: 100%;
  overflow: inherit !important;
}

.q-player-stepcard__body .bootstrap-select .dropdown-menu.open.show .dropdown-menu {
  background: #fff;
  border: none;
  display: inline-table;
  padding: 15px 10px !important;
  width: calc(100% + 125px);
  top: 0;
  left: 0;
  text-align: left;
  box-shadow: 0 5px 17px 0 rgba(0, 0, 0, 0.2);
  top: -8px;
}

.q-player-stepcard__body .bootstrap-select .dropdown-menu.open.show .dropdown-menu li {
  border-bottom: 1px solid #e7e7e8;
  font-family: "Roboto";
  font-size: 14px;
  letter-spacing: 0px;
  transition: all 0.2s;
}

.q-player-stepcard__body .bootstrap-select .dropdown-menu.open.show .dropdown-menu li.disabled {
  display: none;
}

.q-player-stepcard__body .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a {
  padding: 10px 15px;
  display: block;
  width: 100%;
  text-decoration: none;
}

.q-player-stepcard__body .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a span {
  font-size: 14px;
  color: #34495E;
}

.q-player-stepcard__body .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a:focus {
  box-shadow: none;
  outline: 0;
}

.q-player-stepcard__body .bootstrap-select .dropdown-menu.open.show .dropdown-menu li.selected {
  font-weight: 400;
}

.q-player-stepcard__body .bootstrap-select .dropdown-menu.open.show .dropdown-menu li:hover {
  background: #f9f9f9;
  cursor: pointer;
}

.q-player-stepcard__body .selectpicker {
  display: none;
}

.q-player-stepcard .q-dropdown-inline {
  line-height: 46px;
}

.q-player-stepcard .q-dropdown-inline .bootstrap-select {
  margin: 0 5px;
}

.q-player-stepcard__title {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  color: #34495E;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 25px;
}

.q-player-stepcard__footer {
  text-align: right;
  border-top: 1px solid #EDEDED;
  margin: 30px;
  padding: 30px 0 0 0;
}

.q-player-stepcard__footer--matrix {
  border: none;
  margin-top: 0px;
  padding-top: 0;
}

.q-player-stepcard--analyse .q-player-stepcard__body .q-instrument-chaptertitle {
  color: #34495E;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.q-player-stepcard--analyse .q-player-stepcard__body .q-instrument-steptitle {
  font-family: "Poppins", sans-serif;
  font-size: 44px;
  color: #34495E;
  line-height: 52px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #5AC3CC;
}

.q-player-stepcard--analyse .q-player-stepcard__body p a {
  color: #5AC3CC;
  font-weight: 600;
  text-decoration: underline !important;
}

.q-player-stepcard--analyse .q-player-stepcard__body p a:hover {
  text-decoration: none !important;
}

.q-player-stepcard--analyse .q-player-stepcard__footer {
  border: none;
  text-align: right;
}

.q-player-stepcard .q-progress-container {
  margin-bottom: 30px;
}

.q-player-stepcard .q-progress-container progress {
  height: 3px;
  width: 100%;
  -webkit-appearance: none;
}

.q-player-stepcard .q-progress-container progress::-webkit-progress-bar {
  background-color: #EDEDED;
}

.q-player-stepcard .q-progress-container progress::-webkit-progress-value {
  background: #5AC3CC;
}

.q-player-stepcard .q-progress-container progress::-moz-progress-bar {
  background: #5AC3CC;
}

#chaptertiles {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 0 40px;
}

#chaptertiles .q-player-chaptercard {
  width: 350px;
  overflow: hidden;
  margin: 0;
  transform: scale(1);
  transition: all 0.3s;
}

#chaptertiles .q-player-chaptercard:hover {
  transform: scale(1.01);
  transition: all 0.3s;
}

#chaptertiles .q-player-chaptercard__header {
  height: 175px;
}

#chaptertiles .q-player-chaptercard__body {
  padding: 30px 40px;
}

#chaptertiles .q-player-chaptercard__body .q-instrument-chaptermenu__chapter {
  margin: 0;
}

#chaptertiles .q-player-chaptercard__body .q-instrument-chaptermenu__title {
  font-size: 28px;
  line-height: 36px;
}

#chaptertiles .q-player-chaptercard__footer {
  border-top: none;
  display: flex;
  justify-content: space-between;
  margin: 0;
  margin-top: auto;
  padding: 30px 40px;
}

#chaptertiles .q-player-chaptercard__footer .q-player-chaptercard__status i {
  font-size: 24px;
  color: #EDEDED;
}

#chaptertiles .q-player-chaptercard__footer .q-player-chaptercard__start i {
  font-size: 24px;
  color: #5AC3CC;
}

#chaptertiles .q-player-chaptercard--completed .q-player-chaptercard__status i {
  color: #B2B720;
}

#chaptertiles .q-player-chaptercard--completed .q-player-chaptercard__start i {
  color: #EDEDED;
}

.q-textarea {
  margin-bottom: 25px;
}

.q-textarea__toolbar {
  background: #EDEDED;
  border: 1px solid #5AC3CC;
  border-radius: 3px 3px 0 0;
  height: 50px;
  display: flex;
}

.q-textarea__toolbar button:hover, .q-textarea__toolbar button:active, .q-textarea__toolbar button:focus {
  outline: none;
  box-shadow: none;
}

.q-textarea__toolbar button:hover i, .q-textarea__toolbar button:active i, .q-textarea__toolbar button:focus i {
  color: #2E4155;
}

.q-textarea__toolbar i {
  color: #34495E;
  display: flex;
}

.q-textarea__spacer {
  width: 40px;
}

.q-textarea__textfield {
  border: 1px solid #5AC3CC;
  border-radius: 3px;
  margin-bottom: 30px;
}

.q-textarea__textfield--checkbox {
  margin-left: 30px;
}

.q-textarea__textfield textarea {
  display: block;
  min-height: 50px;
  width: 100%;
  border: none;
  padding: 15px 10px;
  height: 100%;
}

.q-textarea__textfield textarea:hover, .q-textarea__textfield textarea:active, .q-textarea__textfield textarea:focus {
  outline: none;
  box-shadow: none;
}

.q-review {
  margin: 40px auto 40px auto;
  max-width: 1080px;
  width: 80%;
}

.q-review-tab__item .q-button {
  margin: 0;
}

.q-review-tab__content {
  padding: 40px 0 50px 0;
}

.q-review-intro {
  display: flex;
  justify-content: space-between;
}

.q-review-intro .bootstrap-select {
  width: 100%;
}

.q-review-intro .bootstrap-select button {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #34495E;
  color: #34495E;
  display: inline-flex;
  justify-content: start;
  margin: 0 5px;
  max-height: 50px;
  padding: 14px 48px 14px 28px;
  transition: all 0.3s;
  flex-wrap: nowrap;
  font-size: 14px;
  position: relative;
  max-width: 250px;
  width: 250px;
}

.q-review-intro .bootstrap-select button span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.q-review-intro .bootstrap-select button:hover, .q-review-intro .bootstrap-select button:focus {
  outline: none;
  box-shadow: none;
}

.q-review-intro .bootstrap-select .dropdown-toggle::after {
  border: none;
  content: "q";
  color: #34495E;
  font-size: 10px;
  font-family: "kov-q";
  transform: rotate(90deg);
  height: 10px;
  width: 10px;
  display: flex;
  transition: all 0.3s;
  position: absolute;
  right: 22px;
  top: 20px;
}

.q-review-intro .bootstrap-select.show .dropdown-toggle:after {
  transform: rotate(270deg);
  transition: all 0.3s;
  right: 24px;
}

.q-review-intro .bootstrap-select .dropdown-menu.open.show {
  width: 100%;
  background: none;
  border: none;
  left: -30px !important;
  position: absolute;
  height: 100%;
  overflow: inherit !important;
}

.q-review-intro .bootstrap-select .dropdown-menu.open.show .dropdown-menu {
  background: #fff;
  border: none;
  display: inline-table;
  padding: 15px 10px !important;
  width: calc(100% + 60px);
  top: 0;
  left: 0;
  text-align: left;
  box-shadow: 0 5px 17px 0 rgba(0, 0, 0, 0.2);
  top: 10px;
}

.q-review-intro .bootstrap-select .dropdown-menu.open.show .dropdown-menu li {
  border-bottom: 1px solid #E7E7E8;
  font-family: "Roboto";
  font-size: 14px;
  letter-spacing: 0px;
  transition: all 0.2s;
}

.q-review-intro .bootstrap-select .dropdown-menu.open.show .dropdown-menu li.disabled {
  display: none;
}

.q-review-intro .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a {
  padding: 10px 15px;
  display: block;
  width: 100%;
}

.q-review-intro .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a span {
  font-size: 14px;
  color: #34495E;
}

.q-review-intro .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a:focus {
  box-shadow: none;
  outline: 0;
}

.q-review-intro .bootstrap-select .dropdown-menu.open.show .dropdown-menu li.selected {
  font-weight: 400;
}

.q-review-intro .bootstrap-select .dropdown-menu.open.show .dropdown-menu li:hover {
  background: #F9F9F9;
  cursor: pointer;
}

.q-review-intro .selectpicker {
  display: none;
}

.q-rate-card {
  background: white;
  border-radius: 8px;
  border: 1px solid #EDEDED;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.0392156863);
  display: flex;
  flex-direction: column;
  margin: 40px auto 40px auto;
  max-width: 1080px;
  padding: 40px;
}

.q-rate-card__title {
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  font-weight: 600;
  color: #5AC3CC;
  margin-bottom: 30px;
}

.q-rate-card .q-institution-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.q-rate-card .q-institution-list__item-title {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.q-rate-card .q-institution-list__item-title .q-institution-number {
  font-weight: 400;
}

.q-rate-card .q-institution-list__item-title .q-institution-number:after {
  content: "-";
  margin: 0 2px 0 5px;
}

.q-rate-card .q-institution-list__item .q-class-list {
  list-style: none;
  margin: 15px 0 30px 0;
  padding: 0;
}

.q-rate-card .q-institution-list__item .q-class-list__item {
  align-items: center;
  border-bottom: 1px solid #C3C8CB;
  display: flex;
  padding: 20px 0;
  position: relative;
}

.q-rate-card .q-institution-list__item .q-class-list__item .q-classname {
  font-weight: 600;
  margin-right: 30px;
}

.q-rate-card .q-institution-list__item .q-class-list__item:before {
  content: "";
  background: #F28A1A;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  left: 8px;
}

.q-rate-card .q-institution-list__item .q-class-list__item:after {
  content: "niet beoordeeld";
  right: 0;
  position: absolute;
  font-size: 12px;
  border: 1px solid #F28A1A;
  padding: 6px 20px;
  border-radius: 30px;
  font-weight: 600;
  color: #F28A1A;
}

.q-rate-card .q-institution-list__item .q-class-list__item--busy:before {
  background: #5AC3CC;
}

.q-rate-card .q-institution-list__item .q-class-list__item--busy:after {
  content: "deel beroordeeld";
  border: 1px solid #5AC3CC;
  color: #5AC3CC;
}

.q-rate-card .q-institution-list__item .q-class-list__item--done:before {
  background: #B2B720;
}

.q-rate-card .q-institution-list__item .q-class-list__item--done:after {
  content: "afgewerkt";
  border: 1px solid #B2B720;
  color: #B2B720;
}

.q-rate-card .q-institution-list__item .q-class-list__link {
  display: flex;
  padding-left: 30px;
}

.q-mpc-image {
  display: block;
  width: 200px;
  margin: 0 auto;
  position: relative;
}

.q-mpc-image__expand {
  align-items: center;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.0392156863);
  display: flex;
  height: 36px;
  justify-content: center;
  left: 10px;
  padding: 11px;
  position: absolute;
  top: 10px;
  width: 36px;
}

.q-mpc__list {
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  row-gap: 15px;
  overflow: hidden;
}

.q-mpc__list--col-2 {
  grid-template-columns: 1fr 1fr;
}

.q-mpc__list--col-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.q-mpc__list--col-3 .q-mpc__option {
  padding: 10px 15px 30px 15px;
}

.q-mpc__list--col-3 .q-mpc__option-label {
  display: flex;
  flex-direction: column;
}

.q-mpc__list--col-3 .q-mpc__option-label::before {
  bottom: 15px !important;
  left: inherit;
  position: absolute;
  top: inherit;
}

.q-mpc__list--col-3 .q-mpc__option-label span {
  margin: 0 0 15px 0;
  text-align: center;
}

.q-mpc__list--col-3 .q-mpc__option-image {
  margin: 0 0 15px 0;
}

.q-mpc__list--col-3 .q-mpc__option-radio:checked ~ .q-mpc__option-label {
  position: initial;
}

.q-mpc__list--col-3 .q-mpc__option-radio:checked ~ .q-mpc__option-label::after {
  top: inherit;
  left: inherit;
  bottom: 17px;
}

.q-mpc__list--col-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.q-mpc__list--col-4 .q-mpc__option {
  padding: 10px 15px 30px 15px;
}

.q-mpc__list--col-4 .q-mpc__option-label {
  display: flex;
  flex-direction: column;
}

.q-mpc__list--col-4 .q-mpc__option-label::before {
  bottom: 15px !important;
  left: inherit;
  position: absolute;
  top: inherit;
}

.q-mpc__list--col-4 .q-mpc__option-label span {
  margin: 0 0 15px 0;
  text-align: center;
}

.q-mpc__list--col-4 .q-mpc__option-image {
  margin: 0 0 15px 0;
}

.q-mpc__list--col-4 .q-mpc__option-radio:checked ~ .q-mpc__option-label {
  position: initial;
}

.q-mpc__list--col-4 .q-mpc__option-radio:checked ~ .q-mpc__option-label::after {
  top: inherit;
  left: inherit;
  bottom: 17px;
}

.q-mpc__list--row-1 {
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
}

.q-mpc__list--row-2 {
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
}

.q-mpc__list--row-3 {
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
}

.q-mpc__list--row-4 {
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
}

.q-mpc__option {
  border-radius: 4px;
  border: 2px solid #EDEDED;
  color: #34495E;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  padding: 10px 30px 10px 15px;
  position: relative;
  width: 100%;
}

.q-mpc__option-radio {
  display: none;
}

.q-mpc__option-radio:checked {
  border-color: #5AC3CC;
}

.q-mpc__option-radio:checked ~ .q-mpc__option-label {
  position: relative;
}

.q-mpc__option-radio:checked ~ .q-mpc__option-label::before {
  background: #fff;
  box-shadow: none;
}

.q-mpc__option-radio:checked ~ .q-mpc__option-label::after {
  content: "";
  background: #5AC3CC;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  top: 6px;
  left: 2px;
  left: 2px;
  position: absolute;
  top: calc(50% - 6px);
}

.q-mpc__option-image {
  width: 150px;
  margin-left: 30px;
  position: relative;
}

.q-mpc__option-image-expand {
  align-items: center;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.0392156863);
  display: flex;
  height: 36px;
  justify-content: center;
  right: 5px;
  padding: 11px;
  position: absolute;
  top: 5px;
  width: 36px;
}

.q-mpc__option-image-expand i {
  color: #34495E;
  display: flex;
}

.q-mpc__option-label {
  align-items: center;
  display: flex;
  margin: 0;
  font-weight: initial;
  font-size: 15px;
}

.q-mpc__option-label:hover {
  cursor: pointer;
}

.q-mpc__option-label::before {
  content: "";
  border-radius: 50%;
  background: #fff;
  border: 1px solid #5AC3CC;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  box-shadow: none;
  top: 0.25rem;
  left: 0;
  display: block;
}

.q-mpc__option-label span {
  margin-left: 30px;
}

.q-mpr {
  width: 100%;
}

.q-mpr-container {
  display: flex;
  margin-bottom: 30px;
}

.q-mpr-image {
  margin-right: 15px;
}

.q-mpr__checkbox {
  border: 1px solid #EDEDED;
  border-radius: 5px;
  padding: 15px;
}

.q-mpr__checkbox input {
  display: none;
}

.q-mpr__checkbox label {
  display: flex;
  align-items: center;
  margin: 0;
}

.q-mpr__checkbox label .q-mpr__thumbnail {
  height: 50px;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  margin-right: 15px;
  width: 50px;
  background-size: contain !important;
}

.q-mpr__checkbox--checked {
  background: #F9F9F9;
  border: 2px solid #5AC3CC;
  padding: 14px;
}

.q-mpr__list {
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  row-gap: 15px;
  overflow: hidden;
}

.q-mpr__list--col-2 {
  grid-template-columns: 1fr 1fr;
}

.q-mpr__list--col-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.q-mpr__list--col-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.q-mpr__list--row-1 {
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
}

.q-mpr__list--row-2 {
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
}

.q-mpr__list--row-3 {
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
}

.q-mpr__list--row-4 {
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
}

.q-dd {
  margin-bottom: 100px;
}

.q-dd--col-2 .q-dd-drag-container, .q-dd--col-2 .q-dd-drop-container {
  grid-template-columns: 1fr 1fr;
}

.q-dd--col-2 .q-dd-drag-container--hotspot, .q-dd--col-2 .q-dd-drop-container--hotspot {
  grid-template-columns: auto !important;
}

.q-dd--col-3 .q-dd-drag-container, .q-dd--col-3 .q-dd-drop-container {
  grid-template-columns: 1fr 1fr 1fr;
}

.q-dd--col-3 .q-dd-drag-container--hotspot, .q-dd--col-3 .q-dd-drop-container--hotspot {
  grid-template-columns: auto !important;
}

.q-dd--col-4 .q-dd-drag-container, .q-dd--col-4 .q-dd-drop-container {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.q-dd--col-4 .q-dd-drag-container--hotspot, .q-dd--col-4 .q-dd-drop-container--hotspot {
  grid-template-columns: auto !important;
}

.q-dd--col-5 .q-dd-drag-container, .q-dd--col-5 .q-dd-drop-container {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.q-dd--col-5 .q-dd-drag-container--hotspot, .q-dd--col-5 .q-dd-drop-container--hotspot {
  grid-template-columns: auto !important;
}

.q-dd--col-6 .q-dd-drag-container, .q-dd--col-6 .q-dd-drop-container {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.q-dd--col-6 .q-dd-drag-container--hotspot, .q-dd--col-6 .q-dd-drop-container--hotspot {
  grid-template-columns: auto !important;
}

.q-dd--high .q-dd-drop-container {
  height: 600px;
}

.q-dd--high .q-dd-drop-container .q-hotspot-img {
  height: 600px;
  width: auto;
}

.q-dd-mid .q-dd-drop-container {
  height: 400px;
}

.q-dd-mid .q-dd-drop-container .q-hotspot-img {
  height: 400px;
  width: auto;
}

.q-dd--low .q-dd-drop-container {
  height: 200px;
}

.q-dd--low .q-dd-drop-container .q-hotspot-img {
  height: 200px;
  width: auto;
}

.q-dd-container--hotspot-images .q-dd-drag__placeholder {
  min-height: 250px;
}

.q-dd-container--hotspot-images .q-dd-drop__zone--svg {
  min-height: 250px;
}

.q-dd-targetzone {
  align-items: center;
  background-color: #F9F9F9;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex !important;
  height: 56px;
  justify-content: space-between;
  margin-bottom: 15px;
  outline: none;
  user-select: none;
  width: 100%;
}

.q-dd-targetzone--img, .q-dd-targetzone--video {
  height: 140px;
}

.q-dd-targetzone__video {
  display: block;
  height: 100%;
}

.q-dd-targetzone__image {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: center center !important;
}

.q-dd-targetzone__image--given {
  border-color: #B2B720;
}

.q-dd-targetzone__text {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #EDEDED;
  color: #34495E;
  display: flex;
  font-weight: 600;
  height: 100%;
  justify-content: center;
  text-align: center;
  padding: 0 20px;
  overflow: hidden;
  width: 100%;
  line-height: 16px;
}

.q-dd-drag-container {
  padding: 0;
  display: grid;
  justify-content: center;
  gap: 15px;
  overflow: hidden;
  margin-bottom: 15px;
}

.q-dd-drag__placeholder {
  background: #F9F9F9;
  display: flex;
  justify-content: center;
  border: 1px solid #EDEDED;
  border-radius: 4px;
  position: relative;
  min-height: 50px;
}

.q-dd-drag__placeholder .drag-item {
  cursor: grab;
}

.q-dd-drag__placeholder .drag-item.dragging {
  border-color: #5AC3CC;
}

.q-dd-drag__audio {
  margin-bottom: 0;
  min-width: inherit;
  border: 2px solid #5AC3CC;
  background: #fff;
}

.q-dd-drag__audio .q-source-audio-actions__play i {
  color: #5AC3CC;
}

.q-dd-drag__audio .q-source-audio-controls__current-time, .q-dd-drag__audio .q-source-audio-controls__slider, .q-dd-drag__audio .q-source-audio-controls__total-time {
  display: none;
}

.q-dd-drag__audio .q-source-audio-controls__title {
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #5AC3CC;
}

.q-dd-drag__audio .q-source-audio-volume {
  display: none;
}

.q-dd-drag__image {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover !important;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 4px;
  border: 2px solid #EDEDED;
}

.q-dd-drag__text {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  border: 2px solid #EDEDED;
  color: #34495E;
  display: flex;
  font-weight: 600;
  height: 100%;
  justify-content: center;
  text-align: center;
  padding: 0 20px;
  overflow: hidden;
  width: 100%;
  line-height: 16px;
}

.q-dd-drag__text span {
  width: 90%;
}

.q-dd-drop-container {
  padding: 0;
  position: relative;
  display: grid;
  justify-content: center;
  gap: 15px;
  overflow: hidden;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  background-size: contain !important;
}

.q-dd-drop-container--hotspot {
  grid-template-columns: auto;
}

.q-dd-drop-container--hotspot-images .q-dd-drag__placeholder {
  min-height: 256px;
}

.q-dd-drop__zone {
  background: #F9F9F9;
  border-radius: 4px;
  border: 1px solid #EDEDED;
  display: flex;
  justify-content: center;
  margin: 20px 0;
  min-height: 150px;
  overflow: hidden;
  padding-bottom: 99%;
  position: relative;
  position: relative;
  width: 100%;
}

.q-dd-drop__zone .q-dd-drag__image {
  width: 90%;
  height: 90%;
  left: 5%;
  top: 10px;
}

.q-dd-drop__zone .q-dd-drag__image--given {
  border-color: #B2B720;
}

.q-dd-drop__zone .q-dd-drag__image:nth-child(2) {
  top: 240px;
}

.q-dd-drop__zone .q-dd-drag__image:nth-child(3) {
  top: 470px;
}

.q-dd-drop__zone .q-dd-drag__image:nth-child(4) {
  top: 700px;
}

@media screen and (min-width: 1440px) {
  .q-dd-drop__zone .q-dd-drag__image {
    max-height: 300px;
  }
  .q-dd-drop__zone .q-dd-drag__image:nth-child(2) {
    top: 320px;
  }
  .q-dd-drop__zone .q-dd-drag__image:nth-child(3) {
    top: 630px;
  }
  .q-dd-drop__zone .q-dd-drag__image:nth-child(4) {
    top: 940px;
  }
}
.q-dd-drop__zone.hover {
  border-style: dashed;
  border-color: #34495E;
  background: #EDEDED;
}

.q-dd-drop__zone .drag-item {
  position: absolute;
}

.q-dd-drop__zone .q-dd-targetzone__image {
  position: absolute;
}

.q-dd-drop__zone .q-dd-drag__text,
.q-dd-drop__zone .q-dd-drag__audio {
  width: 90%;
  height: 56px;
  margin: 10px 0;
}

.q-dd-drop__zone .q-dd-drag__text--given,
.q-dd-drop__zone .q-dd-drag__audio--given {
  border-color: #B2B720 !important;
}

.q-dd-drop__zone .q-dd-drag__text--given .q-source-audio-controls__title,
.q-dd-drop__zone .q-dd-drag__text--given .q-source-audio-actions__play i,
.q-dd-drop__zone .q-dd-drag__text--given .q-source-audio-actions__pause i,
.q-dd-drop__zone .q-dd-drag__audio--given .q-source-audio-controls__title,
.q-dd-drop__zone .q-dd-drag__audio--given .q-source-audio-actions__play i,
.q-dd-drop__zone .q-dd-drag__audio--given .q-source-audio-actions__pause i {
  color: #B2B720 !important;
}

.q-dd-drop__zone .q-dd-drag__text span,
.q-dd-drop__zone .q-dd-drag__audio span {
  width: 100%;
}

.q-dd-drop__zone .q-dd-drag__text:nth-child(2),
.q-dd-drop__zone .q-dd-drag__audio:nth-child(2) {
  top: 65px;
}

.q-dd-drop__zone .q-dd-drag__text:nth-child(3),
.q-dd-drop__zone .q-dd-drag__audio:nth-child(3) {
  top: 130px;
}

.q-dd-drop__zone .q-dd-drag__text:nth-child(4),
.q-dd-drop__zone .q-dd-drag__audio:nth-child(4) {
  top: 195px;
}

.q-dd-drop__zone .q-dd-drag__text:nth-child(5),
.q-dd-drop__zone .q-dd-drag__audio:nth-child(5) {
  top: 260px;
}

.q-dd-drop__zone--svg {
  padding: 0;
  height: 100px;
  width: 25%;
  min-height: inherit;
  position: absolute;
}

@media screen and (max-width: 1024px) {
  .q-player-card-wrapper {
    left: 82px;
    width: calc(100% - 82px);
  }
  .q-player-card-wrapper--full {
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 920px) {
  #chaptertiles .q-player-chaptercard {
    width: 300px;
  }
  .q-modal-header .q-button-outline {
    padding: 10px !important;
  }
  .q-button-outline--icon-left span,
  .q-button-outline--icon-right span {
    display: none;
  }
  .q-button-outline--icon-left i,
  .q-button-outline--icon-right i {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .q-review-tab {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .q-review-tab__item {
    width: 49%;
  }
  .q-review-tab__item a {
    margin-left: 0;
    width: 100%;
  }
  .q-review-intro {
    flex-direction: column-reverse;
  }
  .q-review-intro .bootstrap-select button {
    max-width: 100%;
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
  }
  .q-rate-card {
    margin: 0;
    width: 100%;
  }
}
@media screen and (max-width: 680px) {
  #chaptertiles {
    justify-content: center;
  }
  #chaptertiles .q-player-chaptercard {
    width: 100%;
  }
}
.q-modal {
  /* hide scrollbar but allow scrolling */
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  overflow-y: scroll;
}

.q-modal::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}

.q-modal--analyse .q-modal-header {
  background: #F9F9F9;
  flex-direction: column;
  padding: 20px 30px;
}

.q-modal--analyse .q-modal-header .q-detail-analyse__sentence {
  margin: 0;
  font-size: 18px;
}

.q-modal--analyse .q-modal-header .q-property-list,
.q-modal--analyse .q-modal-header .q-generic-goals {
  margin: 0;
  padding: 0 0 0 25px;
}

.q-modal--analyse .q-modal-header .q-property-list__item,
.q-modal--analyse .q-modal-header .q-generic-goals__item {
  border-top: none;
}

.q-modal--analyse .q-modal-header .q-modal-close {
  right: 35px;
  top: 30px;
}

.q-modal--analyse .q-modal-header__title {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.q-modal--analyse .q-modal-header__title--reminder-property-priority {
  position: relative;
  margin-left: 45px;
}

.q-modal--analyse .q-modal-header__title--reminder-property-priority:before {
  content: "";
  background: rgb(178, 183, 32);
  background: linear-gradient(171deg, rgb(178, 183, 32) 0%, rgb(178, 183, 32) 46%, rgb(90, 195, 204) 100%);
  color: #fff;
  border: none;
  border-radius: 50%;
  display: block;
  width: 36px;
  height: 36px;
  background-size: contain;
  position: absolute;
  left: -45px;
  top: -3px;
}

.q-modal--analyse .q-modal-header__title--reminder-property-priority:after {
  content: "2" !important;
  font-family: "kov-q";
  position: absolute;
  top: 6px;
  left: -33px;
  color: #fff;
  font-size: 14px;
}

.q-modal--analyse .q-modal-body {
  padding: 40px 30px;
}

.q-modal--analyse .q-modal-body .q-chart {
  padding: 30px;
  height: 100%;
}

.q-modal--analyse .q-modal-body .q-modal__navigator .q-button-outline {
  border: 1px solid #34495E;
  padding: 14px 16px;
  border-radius: 8px;
}

.q-modal--analyse .q-modal-body .q-modal__navigator .q-button-outline i {
  margin: 0;
}

.q-modal--analyse .q-modal-body .q-modal__navigator .q-button-outline--icon-right {
  background: #5AC3CC;
  border-color: #5AC3CC;
}

.q-modal--analyse .q-modal-body .q-modal__navigator .q-button-outline--icon-right i {
  color: #fff;
}

.q-modal--analyse .q-modal-body .q-modal__navigator .q-button-outline--icon-right:hover {
  background: #34495E;
  border-color: #34495E;
}

.q-modal--sidebar .q-modal-content {
  overflow: hidden;
}

.q-modal--sidebar .q-modal-header {
  z-index: 1;
}

.q-modal--sidebar .q-modal-body {
  padding: 0;
  display: flex;
  overflow: hidden;
  position: sticky;
}

.q-modal--sidebar .q-modal-body-content {
  overflow-y: scroll;
}

.q-modal--sidebar .q-modal-sidebar {
  width: 380px;
  min-width: 380px;
  height: 100%;
  background: #fff;
  box-shadow: 4px 0px 6px rgba(0, 0, 0, 0.14);
  padding: 30px 20px 30px 30px;
  overflow-y: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.q-modal--sidebar .q-modal-sidebar::-webkit-scrollbar {
  display: none;
}

.q-modal--sidebar .q-modal-sidebar > div {
  margin-bottom: 30px;
}

.q-modal--sidebar .q-modal-sidebar > div .q-reminder-property-priority {
  margin: 15px 0 20px 45px;
}

.q-modal--sidebar .q-modal-sidebar h4 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #34495E;
  line-height: 20px;
  font-weight: 600;
  text-transform: none;
  margin-bottom: 15px;
}

.q-modal--sidebar .q-modal-body-content {
  padding: 30px 40px;
  width: 100%;
}

.q-modal--sidebar .q-modal-body-content .tab-content {
  padding: 30px 0;
}

.q-modal--sidebar .bootstrap-select {
  width: 100%;
}

.q-modal--sidebar .bootstrap-select button {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #34495e;
  color: #34495e;
  display: inline-flex;
  justify-content: start;
  margin: 0 5px;
  max-height: 50px;
  padding: 4px 15px 4px 15px;
  transition: all 0.3s;
  flex-wrap: nowrap;
  font-size: 14px;
  position: relative;
  max-width: 250px;
  width: 250px;
  border: none !important;
  color: #fff !important;
  background: #34495E !important;
  border-radius: 8px !important;
  display: flex;
  font-weight: 500;
  margin-right: 15px;
  padding: 20px;
}

.q-modal--sidebar .bootstrap-select button span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.q-modal--sidebar .bootstrap-select button:hover, .q-modal--sidebar .bootstrap-select button:focus {
  outline: none;
  box-shadow: none;
}

.q-modal--sidebar .bootstrap-select .dropdown-toggle::after {
  border: none;
  content: "q";
  color: #34495E;
  font-size: 10px;
  font-family: "kov-q";
  transform: rotate(90deg);
  height: 10px;
  width: 10px;
  display: flex;
  transition: all 0.3s;
  position: absolute;
  right: 10px;
  top: 10px;
}

.q-modal--sidebar .bootstrap-select.show .dropdown-toggle:after {
  transform: rotate(270deg);
  transition: all 0.3s;
  right: 14px;
}

.q-modal--sidebar .bootstrap-select .dropdown-menu.open.show {
  background: none;
  border: none;
  position: absolute;
  height: 100%;
  overflow: inherit !important;
}

.q-modal--sidebar .bootstrap-select .dropdown-menu.open.show .dropdown-menu {
  background: #fff;
  border: none;
  display: inline-table;
  padding: 15px 10px !important;
  width: calc(100% + 88px);
  top: 0;
  left: 0;
  text-align: left;
  box-shadow: 0 5px 17px 0 rgba(0, 0, 0, 0.2);
  top: -8px;
}

.q-modal--sidebar .bootstrap-select .dropdown-menu.open.show .dropdown-menu li {
  border-bottom: 1px solid #e7e7e8;
  font-family: "Roboto";
  font-size: 14px;
  letter-spacing: 0px;
  transition: all 0.2s;
}

.q-modal--sidebar .bootstrap-select .dropdown-menu.open.show .dropdown-menu li.disabled {
  display: none;
}

.q-modal--sidebar .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a {
  padding: 10px 15px;
  display: block;
  width: 100%;
}

.q-modal--sidebar .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a span {
  font-size: 14px;
  color: #34495E;
}

.q-modal--sidebar .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a:focus {
  box-shadow: none;
  outline: 0;
}

.q-modal--sidebar .bootstrap-select .dropdown-menu.open.show .dropdown-menu li.selected {
  font-weight: 400;
}

.q-modal--sidebar .bootstrap-select .dropdown-menu.open.show .dropdown-menu li:hover {
  background: #f9f9f9;
  cursor: pointer;
}

.q-modal--sidebar .selectpicker {
  display: none;
}

.q-modal-close {
  position: absolute;
  right: 15px;
  top: 15px;
  opacity: 1;
}

.q-modal-close i {
  font-size: 12px;
  color: #34495E;
  display: flex;
}

.q-modal-close:focus {
  outline: none;
}

.q-modal-content {
  border: none;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.0392156863);
  padding: 0;
  height: calc(100vh - 80px);
  overflow: scroll;
}

.q-modal-dialog {
  margin: 15px;
  max-width: inherit;
  min-height: 96vh;
}

.q-modal-body {
  padding: 30px;
}

.q-modal-body .title {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.q-modal-body .q-source-img__image ~ div {
  margin-top: 30px;
}

.q-modal-review .q-modal-content {
  padding: 0;
}

.q-modal-review .q-modal-header {
  background: #B2B720;
  align-items: center;
  height: 80px;
  min-height: 80px;
  padding: 0 40px;
}

.q-modal-review .q-modal-header .q-modal-close {
  position: relative;
  right: 0;
  padding: 12px;
}

.q-modal-review .q-modal-header .q-modal-close i {
  font-size: 14px;
  color: #fff;
}

.q-modal-review .q-modal-header__studentname span {
  color: #fff;
}

.q-modal-review .q-modal-header__criterium {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

.q-modal-review .q-modal-header .q-button-outline {
  background: none !important;
  color: #fff;
  border-color: #fff;
}

.q-modal-review .q-modal-body {
  padding: 20px 40px;
}

.q-modal-review .q-modal-body .q-audio {
  padding: 20px;
  border: 1px solid #EDEDED;
  border-radius: 4px;
  margin-bottom: 30px;
}

.q-modal-review .q-modal-body .q-audio .q-source-audio {
  margin: 0;
  background: #F9F9F9;
}

.q-modal-review .q-button-outline {
  font-size: 14px;
  padding: 10px 20px;
  border: 1px solid #34495E;
}

.q-modal-login .q-modal-content {
  padding: 0;
  height: auto;
}

.q-modal-login .q-modal-header {
  border: none;
  padding: 30px;
}

.q-modal-login .q-modal-header__title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 35px;
  color: #34495E;
}

.q-modal-login .q-modal-body {
  padding: 30px 30px 40px 30px;
}

.q-modal-login .q-modal-body label {
  font-weight: 600;
}

.q-modal-login .q-modal-body input:focus {
  outline: none;
  box-shadow: none;
  border-color: #34495E;
}

.q-modal-login .q-modal-body .q-button {
  color: #fff;
}

.q-modal-login .q-modal-body .q-button i {
  position: relative;
  top: 2px;
}

.q-modal-login .q-modal-body .divider-line {
  border: 1px solid #EDEDED;
  margin: 30px 0 20px 0;
}

.q-modal-login .q-modal-body a.teacher {
  color: #34495E;
  display: flex;
  justify-content: center;
  text-decoration: underline !important;
}

.q-modal-login .q-modal-body a.teacher:hover {
  text-decoration: none !important;
}

@media screen and (max-width: 1020px) {
  .q-modal--sidebar .q-modal-body {
    overflow: scroll;
    flex-direction: column;
  }
  .q-modal--sidebar .q-modal-sidebar {
    width: 100%;
    height: auto;
    overflow-y: unset;
    box-shadow: none;
    padding-bottom: 0;
  }
  .q-modal--sidebar .q-modal-body-content {
    overflow-y: unset;
  }
  .q-modal--sidebar .q-box-result__tabs {
    display: none;
  }
  .q-modal--sidebar .q-subproperty-list__item > span {
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .q-review-student__item {
    padding: 10px 20px 10px 20px;
  }
  .q-review-student__item::before,
  .q-review-student__name,
  .q-review-student__surname {
    font-size: 16px;
  }
  .q-criteria-list__criterium,
  .q-criteria-list__value {
    font-size: 12px;
    padding: 10px 15px;
    line-height: 20px;
    hyphens: auto;
  }
  .q-criteria-list__criterium {
    width: 200px;
    min-width: 200px;
    max-width: 250px;
  }
}
@media screen and (max-width: 768px) {
  .q-review {
    width: 90%;
  }
  .q-progress-tracker {
    display: none;
  }
  .q-criteria-list__criterium {
    width: 150px;
    min-width: 150px;
    max-width: 250px;
  }
}
.q-mpc-matrix {
  margin-bottom: 30px;
}

.q-mpc-matrix__title {
  font-size: 18px;
  line-height: 22px;
  color: #34495E;
  font-weight: 600;
  margin-bottom: 10px;
}

.q-mpc-matrix__title sup {
  color: #F28A1A;
}

.q-mpc-matrix__subtitle {
  margin-top: -10px;
  margin-bottom: 30px;
}

.q-mpc-matrix__header {
  display: grid;
  grid-template-columns: 5fr 1fr 1fr 1fr 1fr;
}

.q-mpc-matrix__header > div {
  padding: 10px 10px;
  font-size: 13px;
  color: #A5A5A5;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.q-mpc-matrix__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.q-mpc-matrix__list li:nth-child(even) {
  background: #F9F9F9;
}

.q-mpc-matrix__list-item {
  display: grid;
  grid-template-columns: 5fr 1fr 1fr 1fr 1fr;
}

.q-mpc-matrix__list-item .q-mobile-only {
  display: none;
}

.q-mpc-matrix__list-item > span {
  padding: 10px 15px;
}

.q-mpc-matrix__list-item-label,
.q-mpc-matrix__list-item > div {
  padding: 10px 15px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.q-mpc-matrix__list-item-label--checked,
.q-mpc-matrix__list-item > div--checked {
  border: 2px solid #5AC3CC !important;
  background: rgba(194, 200, 203, 0.14);
}

.q-mpc-matrix__list-item-label label,
.q-mpc-matrix__list-item > div label {
  display: block;
  cursor: pointer;
  margin: 0;
  font-size: 14px !important;
}

.q-mpc-matrix__list-item-label [type=radio],
.q-mpc-matrix__list-item > div [type=radio] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.q-mpc-matrix__list-item-label [type=radio] + span.radio:before,
.q-mpc-matrix__list-item > div [type=radio] + span.radio:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: -0.1em;
  border-radius: 1em;
  border: 2px solid #fff;
  box-shadow: 0 0 0 0.1em #5AC3CC;
  transition: 0.5s ease all;
}

.q-mpc-matrix__list-item-label [type=radio]:checked + span.radio:before,
.q-mpc-matrix__list-item > div [type=radio]:checked + span.radio:before {
  background: #5AC3CC;
  box-shadow: 0 0 0 0.1em #5AC3CC;
}

.q-mpc-matrix__list-item-label [type=radio]:focus + span.radio::after,
.q-mpc-matrix__list-item > div [type=radio]:focus + span.radio::after {
  font-size: 1.2em;
  line-height: 1;
  vertical-align: -0.125em;
}

.q-mpc-matrix__list--row .q-mpc-matrix__list-item {
  grid-template-columns: none;
}

.q-mpc-matrix__list--row .q-mpc-matrix__list-item > div {
  width: 100%;
}

.q-mpc-matrix__list--row .q-mpc-matrix__list-item label {
  justify-content: flex-start !important;
}

.q-mpc-matrix__list--row .q-mpc-matrix__list-item .q-mobile-only {
  margin-left: 10px !important;
}

.q-mpc-matrix__list--wide .q-mpc-matrix__list-item {
  background: none !important;
  margin-bottom: 30px;
}

.q-mpc-matrix__list--wide .q-mpc-matrix__list-item p {
  width: 100%;
}

.q-mpc-matrix__list--wide .q-mpc-matrix__list-item > span {
  font-size: 18px;
  line-height: 22px;
  color: #34495E;
  font-weight: 600;
  margin-bottom: 10px;
}

.q-mpc-matrix__list--wide .q-mpc-matrix__list-item > span sup {
  color: #F28A1A;
}

.q-mpc-matrix__list--wide .q-mpc-matrix__list-item .q-input-label {
  display: flex;
  width: 100%;
}

.q-mpc-matrix__list--wide .q-mpc-matrix__list-item-label {
  justify-content: center;
  padding: 10px 20px;
  border: 1px solid #EDEDED;
  border-radius: 5px;
  margin-bottom: 8px;
  width: 260px;
  margin-left: 8px;
}

.q-mpc-matrix__list--wide .q-mpc-matrix__list-item-label .q-mobile-only {
  display: block !important;
  margin-left: 0px;
  text-align: left;
}

.q-mpc-matrix__list--wide .q-mpc-matrix__list-item-label label {
  justify-content: center;
}

.q-mpc-matrix__list--wide .q-mpc-matrix__list-item > div {
  justify-content: flex-end;
}

.q-mpc-matrix__list--flex .q-mpc-matrix__list-item {
  display: flex;
  justify-content: space-between;
}

.q-mpc-matrix__list--flex .q-mpc-matrix__list-item > div {
  border: none;
  padding: 0;
  display: flex;
}

.q-mpc-matrix__list--flex .q-mpc-matrix__list-item-label .radio {
  display: none;
}

.q-casus {
  background: rgba(117, 193, 202, 0.12);
  padding: 30px 80px 30px 30px;
  border-radius: 4px;
  margin-bottom: 30px;
}

.q-casus__title {
  text-transform: uppercase;
  color: #5AC3CC;
  font-weight: 600;
}

.q-casus__text {
  margin: 0;
}

.q-duo-mpc__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border: 2px solid #EDEDED;
  border-radius: 5px !important;
  margin-bottom: 8px;
  width: 120px;
  margin-left: 8px !important;
  transition: none !important;
}

.q-duo-mpc__btn.active {
  border: 2px solid #5AC3CC;
  background: rgba(194, 200, 203, 0.14);
  font-weight: bold;
}

.q-duo-mpc__btn:hover {
  background: rgba(90, 195, 204, 0.1);
  border-color: #5AC3CC;
}

.q-duo-mpc__btn:focus, .q-duo-mpc__btn:hover, .q-duo-mpc__btn.focus {
  outline: none !important;
  box-shadow: none !important;
}

.q-inline-text-input input {
  min-width: 150px;
  width: auto;
  margin: 10px 5px;
  border: 2px solid #EDEDED;
}

.q-inline-text-input input:not(:placeholder-shown) {
  border-color: #5AC3CC;
}

.q-highlight-text:focus, .q-highlight-text.focus {
  outline: none;
}

.highlight {
  background-color: yellow;
}

@media screen and (max-width: 1200px) {
  .q-mpc-matrix__header {
    display: none !important;
  }
  .q-mpc-matrix__list li {
    background: none !important;
  }
  .q-mpc-matrix__list-item {
    grid-template-columns: 1fr;
    margin-bottom: 15px;
  }
  .q-mpc-matrix__list-item > span {
    padding: 15px 0;
  }
  .q-mpc-matrix__list-item .q-input-label {
    display: flex;
    width: 100%;
  }
  .q-mpc-matrix__list-item-label,
  .q-mpc-matrix__list-item > div {
    justify-content: flex-start;
    padding: 10px 20px;
    border: 1px solid #EDEDED;
    border-radius: 10px;
    margin-bottom: 5px;
  }
  .q-mpc-matrix__list-item-label .q-mobile-only,
  .q-mpc-matrix__list-item > div .q-mobile-only {
    display: block !important;
    margin-left: 10px;
    text-transform: lowercase;
  }
}
#main {
  margin-top: 80px;
  padding: 40px;
}

#main .q-breadcrumb {
  margin: 0;
  overflow: hidden;
  padding: 0;
  padding-right: 15%;
  max-height: 50px;
  display: flex;
}

#main .q-breadcrumb li {
  display: inline;
  height: 100%;
}

#main .q-breadcrumb li a {
  color: #A5A5A5;
  font-size: 13px;
  font-weight: 300;
  text-decoration: none;
  margin-right: 10px;
  line-height: 24px;
  position: relative;
}

#main .q-breadcrumb li a:before {
  content: "q";
  display: inline-block;
  font-family: "kov-q" !important;
  font-size: 8px;
  margin-right: 10px;
  position: relative;
  top: 0;
  left: 0;
}

#main .q-breadcrumb li a:after {
  content: " ";
  width: 0%;
  height: 1px;
  bottom: 0px;
  left: 25px;
  background: #34495E;
  display: block;
  transition: all 0.3s;
  position: absolute;
}

#main .q-breadcrumb li:first-child a:before {
  display: none;
}

#main .q-breadcrumb li:last-child a {
  pointer-events: none;
  color: #A5A5A5;
  font-weight: 500;
}

#main .q-title {
  color: #34495E;
  font-family: "Poppins", sans-serif;
  font-size: 44px;
  font-weight: 600;
  line-height: 52px;
  margin-bottom: 15px;
}

#main .q-title__focus {
  font-weight: 400;
}

#main .q-title__focus::before {
  content: " - ";
}

#main .q-title--normal {
  font-size: 28px;
  line-height: 32px;
}

.q-enrollment-proces {
  counter-reset: my-awesome-counter;
  border: none;
  padding: 0;
  border-top: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
}

.q-enrollment-proces__item {
  counter-increment: my-awesome-counter;
  padding: 0;
}

.q-enrollment-proces__item::before {
  display: none !important;
}

.q-enrollment-proces__item-link {
  border: none !important;
  background: none;
  padding: 15px 5px 15px 5px;
  display: flex;
  align-items: center;
  margin-right: 15px;
  border-bottom: 2px solid transparent !important;
}

.q-enrollment-proces__item-link::before {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #34495E;
  content: counter(my-awesome-counter);
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px;
  color: #5AC3CC;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  border-radius: 50%;
  border: 1px solid #5AC3CC;
}

.q-enrollment-proces__item-link:hover {
  border-bottom: 2px solid #B2B720 !important;
}

.q-enrollment-proces__item-link:hover::before {
  color: #B2B720;
  border-color: #B2B720;
}

.q-enrollment-proces__item-link.active {
  font-weight: 600;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 2px solid #B2B720 !important;
}

.q-enrollment-proces__item-link.active::before {
  background: #fff;
  color: #B2B720;
  border-color: #B2B720;
}

.q-enrollment-proces__item-link.completed:before {
  background: #B2B720;
  color: #fff;
  border-color: #B2B720;
}

.q-enrollment-proces__tab {
  padding: 40px 0;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}

.q-enrollment-proces__tab p {
  max-width: 70%;
}

.q-enrollment-proces__tab .filter-item {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.q-enrollment-proces__tab .filter-item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.q-enrollment-proces__tab .checkmark {
  border: 1px solid #EDEDED;
  border-radius: 3px;
  position: absolute;
  top: 3px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
}

.q-enrollment-proces__tab .filter-item:hover input ~ .checkmark {
  background-color: #f9f9f9;
}

.q-enrollment-proces__tab .filter-item input:checked ~ .checkmark {
  background-color: #fff;
}

.q-enrollment-proces__tab .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.q-enrollment-proces__tab .filter-item input:checked ~ .checkmark:after {
  display: block;
}

.q-enrollment-proces__tab .filter-item .checkmark:after {
  color: #72a854;
  content: "c";
  font-family: "kov-q" !important;
  font-size: 12px;
  left: 2px;
  top: -1px;
  text-transform: lowercase !important;
}

.q-enrollment-proces__tab .filter-item p {
  font-weight: 600;
  color: #34495E;
}

.q-question {
  font-weight: 600;
  margin-bottom: 15px;
}

.q-list {
  padding: 0;
  list-style: none;
  margin-bottom: 30px;
}

.q-list li {
  padding-left: 15px;
}

.q-list li:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5AC3CC;
  display: inline-block;
  left: -10px;
  position: relative;
}

.q-selectpicker-wrapper {
  margin-bottom: 20px;
}

.q-selectpicker-wrapper--dashboard .dropdown-menu {
  transform: translate3d(0, -5px, 0) !important;
}

.q-selectpicker-wrapper .bootstrap-select {
  width: 100%;
}

.q-selectpicker-wrapper .bootstrap-select button {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #34495e;
  color: #34495e;
  display: inline-flex;
  justify-content: start;
  margin: 0 5px 15px 0;
  max-height: 50px;
  padding: 10px 15px 10px 15px;
  transition: all 0.3s;
  flex-wrap: nowrap;
  font-size: 14px;
  position: relative;
  width: 400px;
}

.q-selectpicker-wrapper .bootstrap-select button span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.q-selectpicker-wrapper .bootstrap-select button:hover, .q-selectpicker-wrapper .bootstrap-select button:focus {
  outline: none;
  box-shadow: none;
}

.q-selectpicker-wrapper .bootstrap-select .dropdown-toggle::after {
  border: none;
  content: "q";
  color: #34495E;
  font-size: 10px;
  font-family: "kov-q";
  transform: rotate(90deg);
  height: 10px;
  width: 10px;
  display: flex;
  transition: all 0.3s;
  position: absolute;
  right: 12px;
  top: 16px;
}

.q-selectpicker-wrapper .bootstrap-select.show .dropdown-toggle:after {
  transform: rotate(270deg);
  transition: all 0.3s;
  right: 16px;
}

.q-selectpicker-wrapper .bootstrap-select .dropdown-menu.open.show {
  background: none;
  border: none;
  position: absolute;
  height: 100%;
  overflow: inherit !important;
}

.q-selectpicker-wrapper .bootstrap-select .dropdown-menu.open.show .dropdown-menu {
  background: #fff;
  border: none;
  display: inline-table;
  padding: 15px 10px;
  width: calc(100% + 88px);
  top: 0;
  left: 0;
  text-align: left;
  box-shadow: 0 5px 17px 0 rgba(0, 0, 0, 0.2);
  top: -8px;
}

.q-selectpicker-wrapper .bootstrap-select .dropdown-menu.open.show .dropdown-menu li {
  border-bottom: 1px solid #e7e7e8;
  font-family: "Roboto";
  font-size: 14px;
  letter-spacing: 0px;
  transition: all 0.2s;
}

.q-selectpicker-wrapper .bootstrap-select .dropdown-menu.open.show .dropdown-menu li.disabled {
  display: none;
}

.q-selectpicker-wrapper .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a {
  padding: 10px 15px;
  display: block;
  width: 100%;
}

.q-selectpicker-wrapper .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a span {
  font-size: 14px;
  color: #34495E;
}

.q-selectpicker-wrapper .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a:focus {
  box-shadow: none;
  outline: 0;
}

.q-selectpicker-wrapper .bootstrap-select .dropdown-menu.open.show .dropdown-menu li.selected {
  font-weight: 400;
}

.q-selectpicker-wrapper .bootstrap-select .dropdown-menu.open.show .dropdown-menu li:hover {
  background: #f9f9f9;
  cursor: pointer;
}

.q-selectpicker-wrapper .selectpicker {
  display: none;
}

.q-selectpicker-wrapper .search .dropdown-menu.inner {
  border: 1px solid #34495E !important;
  top: 0 !important;
  width: 400px !important;
  padding: 50px 15px 15px 15px !important;
}

.q-selectpicker-wrapper .search .dropdown-menu.inner a {
  padding: 5px 0 !important;
}

.q-selectpicker-wrapper .search .dropdown-menu.inner li {
  border: none !important;
}

.q-selectpicker-wrapper .search .dropdown-menu.inner li:hover {
  background: none !important;
}

.q-selectpicker-wrapper .search .bs-searchbox {
  z-index: 9999;
  position: absolute;
  display: block;
  left: 15px;
  width: 365px;
  top: 15px;
}

.q-selectpicker-wrapper .search .bs-searchbox input {
  background: #F9F9F9;
  padding-left: 35px;
}

.q-selectpicker-wrapper .search .bs-searchbox input:focus {
  border: none;
  outline: none;
  box-shadow: none;
}

.q-selectpicker-wrapper .search .bs-searchbox:before {
  content: "I";
  font-family: "kov-q";
  position: absolute;
  left: 10px;
  top: 7px;
}

.q-text-input {
  border-radius: 4px;
  padding: 10px 15px;
  border: 1px solid #34495E;
  margin-bottom: 10px;
  width: 600px;
}

.q-text-input:focus-visible {
  outline: none;
}

.q-intake {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}

.q-intake::before {
  display: none;
}

.q-intake li:nth-child(even) {
  background: #F9F9F9;
}

.q-intake__header {
  display: grid;
  grid-template-columns: 10fr 1fr 1fr;
}

.q-intake__header > div {
  padding: 10px 10px;
  font-size: 13px;
  color: #A5A5A5;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.q-intake__item {
  display: grid;
  grid-template-columns: 10fr 1fr 1fr;
}

.q-intake__item .q-mobile-only {
  display: none;
}

.q-intake__item > span {
  padding: 10px 15px;
}

.q-intake__item > div {
  padding: 10px 15px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.q-intake__item > div label {
  display: block;
  cursor: pointer;
  margin: 0;
}

.q-intake__item > div [type=radio] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.q-intake__item > div [type=radio] + span.radio:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: -0.1em;
  border-radius: 1em;
  border: 2px solid #fff;
  box-shadow: 0 0 0 0.1em #5AC3CC;
  transition: 0.5s ease all;
}

.q-intake__item > div [type=radio]:checked + span.radio:before {
  background: #5AC3CC;
  box-shadow: 0 0 0 0.1em #5AC3CC;
}

.q-intake__item > div [type=radio]:focus + span.radio::after {
  font-size: 1.2em;
  line-height: 1;
  vertical-align: -0.125em;
}

.q-alert {
  align-items: center;
  display: flex;
  border: 1px solid #34495E;
  border-radius: 3px;
  padding: 15px;
  margin-bottom: 15px;
  font-weight: 500;
}

.q-alert i {
  display: flex;
  margin-right: 10px;
  font-size: 16px;
}

.q-alert a {
  margin-left: 5px;
  text-decoration: underline !important;
}

.q-alert--attention {
  border-color: #F28A1A;
  color: #F28A1A;
}

.q-alert--attention a {
  color: #F28A1A;
}

.q-alert--warning {
  border-color: #CB1717;
  color: #CB1717;
}

.q-alert--warning a {
  color: #F28A1A;
}

.q-alert--confirmation {
  border-color: #B2B720;
  color: #B2B720;
}

.q-datepicker-box {
  display: block;
  gap: 5px;
  margin-bottom: 30px;
}

.q-datepicker-box__date {
  height: 35px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  align-items: center;
}

.q-datepicker-box__date span {
  width: 40px;
}

.q-datepicker-box__date i {
  color: #34495E;
  font-size: 18px;
  position: absolute;
  top: 7px;
  left: 205px;
}

.q-datepicker-box__date input {
  border-radius: 4px;
  border: 1px solid #EDEDED;
  color: #34495E;
  font-size: 15px;
  font-weight: 300;
  height: 35px;
  padding: 5px 15px 5px 15px;
}

.q-datepicker-box__date input::placeholder {
  color: #A5A5A5;
  font-size: 15px;
  font-weight: 300;
}

.q-datepicker-box__date input:focus {
  outline: 0;
}

.q-radio-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.q-radio-list__item {
  margin-bottom: 5px;
}

.q-radio-list__item-input {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  padding-left: 25px;
}

.q-radio-list__item-input .q-text-input {
  margin-left: 25px;
}

.q-radio-list__item-input .q-text-input:first-of-type {
  margin-top: 10px;
}

.q-radio-list__item-btns {
  display: flex;
  margin-left: 0px;
}

.q-radio-list__item-btns .q-button {
  margin-right: 10px;
}

.q-opt-in {
  margin: 30px 0 60px 0;
}

.q-form-field {
  display: flex;
  flex-direction: column;
}

.q-form-field__label {
  margin-bottom: 5px;
}

.q-form-field__input {
  border-radius: 4px;
  padding: 10px 15px;
  border: 1px solid #34495E;
  margin-bottom: 10px;
  width: 600px;
}

.q-form-field__input:focus-visible {
  outline: none;
}

.q-footer {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #EDEDED;
  text-align: right;
}

.q-message {
  font-weight: 600;
  margin-bottom: 30px;
}

.q-message--success {
  color: #B2B720;
}

.q-summary {
  padding-bottom: 30px;
}

.q-summary__title {
  font-weight: 600;
  margin-bottom: 5px;
}

.q-summary p {
  margin-bottom: 5px;
}

.q-summary .q-button {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .q-enrollment-proces__item-link {
    margin: 0;
    padding: 15px;
  }
  .q-enrollment-proces__item-link span {
    display: none;
  }
  .q-enrollment-proces__item-link::before {
    margin: 0;
  }
  .q-text-input {
    width: 100%;
  }
  .q-footer {
    display: flex;
    flex-direction: column;
  }
  .q-footer .q-button {
    margin-bottom: 10px;
  }
  .q-intake__header {
    display: none !important;
  }
  .q-intake li {
    background: none !important;
  }
  .q-intake__item {
    grid-template-columns: 1fr;
    margin-bottom: 5px;
  }
  .q-intake__item > span {
    padding: 15px 0;
  }
  .q-intake__item .q-input-label {
    display: flex;
    width: 100%;
  }
  .q-intake__item > div {
    justify-content: flex-start;
    padding: 10px 20px;
    border: 1px solid #EDEDED;
    border-radius: 10px;
    margin-bottom: 5px;
  }
  .q-intake__item > div .q-mobile-only {
    display: block !important;
    margin-left: 10px;
    text-transform: lowercase;
  }
  .q-enrollment-proces__tab p {
    max-width: 100%;
  }
}
#environment,
#administer {
  background: #fff;
  padding: 0;
  /* The filter-item */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}

#environment .filter-item,
#administer .filter-item {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#environment .filter-item input,
#administer .filter-item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

#environment .checkmark,
#administer .checkmark {
  border: 1px solid #9AA7AF;
  border-radius: 3px;
  position: absolute;
  top: 3px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #FFF;
}

#environment .filter-item:hover input ~ .checkmark,
#administer .filter-item:hover input ~ .checkmark {
  background-color: #F3F6F7;
}

#environment .filter-item input:checked ~ .checkmark,
#administer .filter-item input:checked ~ .checkmark {
  background-color: #FFF;
}

#environment .checkmark:after,
#administer .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

#environment .filter-item input:checked ~ .checkmark:after,
#administer .filter-item input:checked ~ .checkmark:after {
  display: block;
}

#environment .filter-item .checkmark:after,
#administer .filter-item .checkmark:after {
  color: #72A854;
  content: "c";
  font-family: "kov-q" !important;
  font-size: 12px;
  left: 2px;
  top: -1px;
}

#environment .q-header,
#administer .q-header {
  padding: 20px 40px 0 40px;
}

#environment .q-header--bg,
#administer .q-header--bg {
  padding: 20px 40px;
  border-bottom: 1px solid #EDEDED;
  background: url("/kov_styling/static/src/img/header-underline.png") center right no-repeat;
  background-size: contain;
  padding-right: 40%;
}

#environment .q-header--underline,
#administer .q-header--underline {
  padding: 20px 40px;
  border-bottom: 1px solid #EDEDED;
}

#environment .q-header .q-title,
#administer .q-header .q-title {
  margin: 0;
}

#environment .q-subheader,
#administer .q-subheader {
  padding: 20px 0px;
  margin: 0 40px 30px 40px;
  border-bottom: 1px solid #EDEDED;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #5AC3CC;
  position: relative;
  overflow: hidden;
}

#environment .q-subheader:before,
#administer .q-subheader:before {
  content: "";
  background: #fff;
  width: 30px;
  height: 120%;
  top: 0;
  right: 100px;
  position: absolute;
  transform: rotate(-10deg);
  z-index: 1;
}

#environment .q-subheader:after,
#administer .q-subheader:after {
  display: block;
  content: "";
  background: #5AC3CC;
  width: 120px;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
}

#environment .q-environment-wrapper,
#environment .q-administer-wrapper,
#administer .q-environment-wrapper,
#administer .q-administer-wrapper {
  padding: 30px 40px 100px 40px;
}

#environment .q-environment-wrapper .q-link,
#environment .q-administer-wrapper .q-link,
#administer .q-environment-wrapper .q-link,
#administer .q-administer-wrapper .q-link {
  display: block;
  color: #5AC3CC;
  margin-bottom: 20px;
  text-decoration: underline !important;
}

#environment .q-environment-wrapper .q-link:hover,
#environment .q-administer-wrapper .q-link:hover,
#administer .q-environment-wrapper .q-link:hover,
#administer .q-administer-wrapper .q-link:hover {
  text-decoration: none !important;
}

#environment .q-environment__title,
#environment .q-administer__title,
#administer .q-environment__title,
#administer .q-administer__title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: #55606e;
  margin-top: 30px;
}

#environment .q-environment__title:first-of-type,
#environment .q-administer__title:first-of-type,
#administer .q-environment__title:first-of-type,
#administer .q-administer__title:first-of-type {
  margin-top: 0;
}

#environment .q-environment__list,
#environment .q-administer__list,
#administer .q-environment__list,
#administer .q-administer__list {
  padding: 0;
  list-style: none;
}

#environment .q-environment__list li,
#environment .q-administer__list li,
#administer .q-environment__list li,
#administer .q-administer__list li {
  display: flex;
  padding-left: 15px;
  align-items: baseline;
}

#environment .q-environment__list li:before,
#environment .q-administer__list li:before,
#administer .q-environment__list li:before,
#administer .q-administer__list li:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5AC3CC;
  display: inline-block;
  left: -10px;
  position: relative;
  min-width: 8px;
  min-height: 8px;
  top: -1px;
}

#environment .q-environment-nav,
#environment .q-administer-nav,
#administer .q-environment-nav,
#administer .q-administer-nav {
  display: flex;
  width: 100%;
  margin-bottom: 30px;
}

#environment .q-environment-nav__item,
#environment .q-administer-nav__item,
#administer .q-environment-nav__item,
#administer .q-administer-nav__item {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 5px;
  padding: 30px 20px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  margin-right: 15px;
  width: 100%;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

#environment .q-environment-nav__item i,
#environment .q-administer-nav__item i,
#administer .q-environment-nav__item i,
#administer .q-administer-nav__item i {
  display: flex;
  font-size: 22px;
  margin-right: 25px;
}

#environment .q-environment-nav__item .counter,
#environment .q-administer-nav__item .counter,
#administer .q-environment-nav__item .counter,
#administer .q-administer-nav__item .counter {
  align-items: center;
  background: #5AC3CC;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 28px;
  justify-content: center;
  line-height: 28px;
  margin-left: auto;
  width: 28px;
}

#environment .q-environment-nav__item:hover,
#environment .q-administer-nav__item:hover,
#administer .q-environment-nav__item:hover,
#administer .q-administer-nav__item:hover {
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1607843137);
}

#environment .q-environment-nav__item--completed .counter,
#environment .q-administer-nav__item--completed .counter,
#administer .q-environment-nav__item--completed .counter,
#administer .q-administer-nav__item--completed .counter {
  background: #B2B720;
}

#environment .q-breadcrumb,
#administer .q-breadcrumb {
  margin: 0;
  overflow: hidden;
  padding: 0;
  max-height: 50px;
  display: flex;
  flex-wrap: wrap;
}

#environment .q-breadcrumb li,
#administer .q-breadcrumb li {
  display: inline;
  height: 100%;
}

#environment .q-breadcrumb li a,
#administer .q-breadcrumb li a {
  color: #A5A5A5;
  font-size: 12px;
  font-weight: 300;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  margin-right: 10px;
  line-height: 24px;
  position: relative;
}

#environment .q-breadcrumb li a:before,
#administer .q-breadcrumb li a:before {
  content: "q";
  display: inline-block;
  font-family: "kov-q" !important;
  font-size: 8px;
  margin-right: 10px;
  position: relative;
  top: 0;
  left: 0;
}

#environment .q-breadcrumb li a:after,
#administer .q-breadcrumb li a:after {
  content: " ";
  width: 0%;
  height: 1px;
  bottom: 0px;
  left: 25px;
  background: #34495E;
  display: block;
  transition: all 0.3s;
  position: absolute;
}

#environment .q-breadcrumb li:first-child a:before,
#administer .q-breadcrumb li:first-child a:before {
  display: none;
}

#environment .q-breadcrumb li:last-child a,
#administer .q-breadcrumb li:last-child a {
  pointer-events: none;
  color: #A5A5A5;
  font-weight: 500;
}

#environment .q-title,
#administer .q-title {
  color: #34495E;
  font-family: "Poppins", sans-serif;
  font-size: 44px;
  font-weight: 600;
  line-height: 52px;
  margin-bottom: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

#environment .q-title__focus,
#administer .q-title__focus {
  font-weight: 400;
}

#environment .q-title__focus::before,
#administer .q-title__focus::before {
  content: " - ";
}

#environment .q-title--normal,
#administer .q-title--normal {
  font-size: 28px;
  line-height: 34px;
}

#environment .q-instrument,
#administer .q-instrument {
  padding: 40px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 5px;
  margin-bottom: 20px;
}

#environment .q-instrument-subtitle,
#administer .q-instrument-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  color: #5AC3CC;
  line-height: 28px;
  font-weight: 600;
  margin: 50px 0 20px 0;
}

#environment .q-instrument-filter,
#administer .q-instrument-filter {
  background: #F9F9F9;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 15px 15px 5px 20px;
  border-radius: 6px;
}

#environment .q-instrument-filter--afnames .q-instrument-filter__input,
#administer .q-instrument-filter--afnames .q-instrument-filter__input {
  justify-content: flex-start;
}

#environment .q-instrument-filter--afnames .q-instrument-filter__check,
#administer .q-instrument-filter--afnames .q-instrument-filter__check {
  margin-left: auto !important;
}

#environment .q-instrument-filter__input,
#administer .q-instrument-filter__input {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}

#environment .q-instrument-filter__input > div,
#administer .q-instrument-filter__input > div {
  width: 20%;
  max-width: 32.9%;
  overflow: hidden;
}

#environment .q-instrument-filter__input .filter-search,
#administer .q-instrument-filter__input .filter-search {
  display: flex;
  align-items: center;
  width: 400px;
  justify-content: space-between;
  margin-bottom: 10px;
}

#environment .q-instrument-filter__input .filter-search a,
#administer .q-instrument-filter__input .filter-search a {
  text-align: right;
  width: 150px;
}

#environment .q-instrument-filter__input .filter-search a i,
#administer .q-instrument-filter__input .filter-search a i {
  margin-left: 4px;
}

#environment .q-instrument-filter__input .kov-pro-mini-search,
#administer .q-instrument-filter__input .kov-pro-mini-search {
  position: relative;
  margin-left: 5px;
}

#environment .q-instrument-filter__input .kov-pro-mini-search input,
#administer .q-instrument-filter__input .kov-pro-mini-search input {
  padding: 10px 10px 10px 45px;
  border-radius: 3px;
  font-size: 14px;
  border: none;
  border-radius: 6px;
}

#environment .q-instrument-filter__input .kov-pro-mini-search input:focus,
#administer .q-instrument-filter__input .kov-pro-mini-search input:focus {
  box-shadow: none;
  z-index: 0;
}

#environment .q-instrument-filter__input .kov-pro-mini-search i,
#administer .q-instrument-filter__input .kov-pro-mini-search i {
  position: absolute;
  font-size: 20px;
  top: 8px;
  left: 15px;
}

#environment .q-instrument-filter__input--single > div,
#administer .q-instrument-filter__input--single > div {
  flex: 1 0 100%;
  max-width: 100%;
}

#environment .q-instrument-filter__input--double > div,
#administer .q-instrument-filter__input--double > div {
  flex: 1 0 50%;
  max-width: 50%;
}

#environment .q-instrument-filter__dropdown,
#administer .q-instrument-filter__dropdown {
  margin-right: 5px;
  margin-bottom: 10px;
}

#environment .q-instrument-filter__dropdown-placeholder,
#administer .q-instrument-filter__dropdown-placeholder {
  color: #b0b0b0;
}

#environment .q-instrument-filter__dropdown-placeholder:after,
#administer .q-instrument-filter__dropdown-placeholder:after {
  display: none;
}

#environment .q-instrument-filter__dropdown-selection,
#administer .q-instrument-filter__dropdown-selection {
  align-items: center;
  border: none;
  border-radius: 6px;
  background: #ffffff;
  color: #34495E;
  display: flex;
  height: 40px;
  font-size: 14px;
  font-weight: 300;
  justify-content: flex-start;
  margin-bottom: 0;
  width: 100%;
  padding: 15px 15px;
}

#environment .q-instrument-filter__dropdown-selection > div,
#administer .q-instrument-filter__dropdown-selection > div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 30px;
}

#environment .q-instrument-filter__dropdown-selection span:before,
#administer .q-instrument-filter__dropdown-selection span:before {
  content: ",";
  margin-right: 5px;
}

#environment .q-instrument-filter__dropdown-selection span:first-child::before,
#administer .q-instrument-filter__dropdown-selection span:first-child::before {
  display: none;
}

#environment .q-instrument-filter__dropdown-selection:focus,
#administer .q-instrument-filter__dropdown-selection:focus {
  outline: none;
}

#environment .q-instrument-filter__dropdown .dropdown-toggle::after,
#administer .q-instrument-filter__dropdown .dropdown-toggle::after {
  border: none;
  content: "q";
  color: #34495E;
  font-size: 10px;
  margin-left: auto;
  right: 0;
  top: -4px;
  position: relative;
  font-family: "kov-q" !important;
  transform: rotate(90deg);
}

#environment .q-instrument-filter__dropdown.show .dropdown-toggle:after,
#administer .q-instrument-filter__dropdown.show .dropdown-toggle:after {
  transform: translateY(-50%) rotate(180deg);
  top: 13px;
  right: 5px;
}

#environment .q-instrument-filter__dropdown .dropdown-menu,
#administer .q-instrument-filter__dropdown .dropdown-menu {
  background: #fff;
  border: none;
  padding: 25px 25px !important;
  width: 200px;
  top: -45px !important;
  left: 0;
  text-align: left;
  box-shadow: 0 5px 17px 0 rgba(0, 0, 0, 0.2);
}

#environment .q-instrument-filter__dropdown .dropdown-menu li.dropdown-item,
#administer .q-instrument-filter__dropdown .dropdown-menu li.dropdown-item {
  color: #34495E;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0px;
  padding: 0;
  text-decoration: none;
  transition: none !important;
}

#environment .q-instrument-filter__dropdown .dropdown-menu li.dropdown-item--checked,
#administer .q-instrument-filter__dropdown .dropdown-menu li.dropdown-item--checked {
  font-weight: 500;
}

#environment .q-instrument-filter__dropdown .dropdown-menu li.dropdown-item:hover,
#administer .q-instrument-filter__dropdown .dropdown-menu li.dropdown-item:hover {
  background: none !important;
  font-weight: 500;
}

#environment .q-instrument-filter__dropdown .dropdown-menu li.dropdown-item .checkmark,
#administer .q-instrument-filter__dropdown .dropdown-menu li.dropdown-item .checkmark {
  top: 2px !important;
}

#environment .q-instrument-filter__dropdown-submit,
#administer .q-instrument-filter__dropdown-submit {
  margin-top: 25px !important;
}

#environment .q-instrument-filter__check,
#administer .q-instrument-filter__check {
  color: #33495f;
  display: flex;
  font-family: "Roboto";
  font-size: 12px;
  letter-spacing: 0.89px;
  width: 50% !important;
  margin: 0 !important;
  overflow: visible !important;
  top: -5px;
  position: relative;
}

#environment .q-instrument-filter__check .filter-item,
#administer .q-instrument-filter__check .filter-item {
  color: #33495f;
  font-family: "Roboto";
  font-size: 12px;
  letter-spacing: 0.89px;
  padding-left: 24px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: 15px;
}

#environment .q-instrument-filter__check .checkmark,
#administer .q-instrument-filter__check .checkmark {
  top: 0;
}

#environment .q-instrument-filter__show-all,
#administer .q-instrument-filter__show-all {
  margin-right: 30px;
}

#environment .q-instrument-filter__viewer-options,
#administer .q-instrument-filter__viewer-options {
  display: flex;
  align-items: center;
}

#environment .q-instrument-filter__viewer-options .filter-item,
#administer .q-instrument-filter__viewer-options .filter-item {
  margin-left: 15px;
}

#environment .q-instrument-filter__viewer-options span,
#administer .q-instrument-filter__viewer-options span {
  font-weight: 600;
}

#environment .q-instrument-list,
#administer .q-instrument-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 30px 0;
}

#environment .q-instrument__title,
#administer .q-instrument__title {
  font-size: 22px;
  line-height: 28px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #34495E;
}

#environment .q-instrument-labels,
#administer .q-instrument-labels {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 15px;
  padding: 0;
}

#environment .q-instrument-labels__item,
#administer .q-instrument-labels__item {
  align-items: center;
  color: #5AC3CC;
  display: flex;
  font-weight: 600;
}

#environment .q-instrument-labels__item:after,
#administer .q-instrument-labels__item:after {
  content: "";
  display: block;
  background: #5AC3CC;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  margin: 0 8px;
}

#environment .q-instrument-labels__item:last-child:after,
#administer .q-instrument-labels__item:last-child:after {
  display: none;
}

#environment .q-instrument__info,
#administer .q-instrument__info {
  display: flex;
  align-items: flex-end;
}

#environment .q-instrument__info p,
#administer .q-instrument__info p {
  padding-right: 50px;
}

#environment .q-instrument__info-buttons,
#administer .q-instrument__info-buttons {
  display: flex;
  min-width: 285px;
}

#environment .q-instrument__price,
#administer .q-instrument__price {
  align-items: center;
  display: flex;
  margin-top: 35px;
}

#environment .q-instrument__price i,
#administer .q-instrument__price i {
  display: flex;
  margin-right: 10px;
}

#environment .q-instrument-detail-info,
#administer .q-instrument-detail-info {
  display: flex;
}

#environment .q-instrument-detail-infobox,
#administer .q-instrument-detail-infobox {
  background: #F9F9F9;
  border-radius: 6px;
  margin-bottom: 0px;
  margin-left: 80px;
  min-width: 400px;
  padding: 40px 30px 20px 30px;
  width: 400px;
}

#environment .q-instrument-detail-infobox__title,
#administer .q-instrument-detail-infobox__title {
  color: #34495E;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

#environment .q-instrument-detail-infobox__specs,
#administer .q-instrument-detail-infobox__specs {
  list-style: none;
  padding: 0;
  margin: 10px 0 20px 0;
}

#environment .q-instrument-detail-infobox__specs li,
#administer .q-instrument-detail-infobox__specs li {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

#environment .q-instrument-detail-infobox__specs li i,
#administer .q-instrument-detail-infobox__specs li i {
  display: flex;
  margin-right: 12px;
}

#environment .q-instrument-detail-infobox__buttons,
#administer .q-instrument-detail-infobox__buttons {
  margin-top: 25px;
}

#environment .q-instrument-detail-infobox__buttons .q-button,
#administer .q-instrument-detail-infobox__buttons .q-button {
  margin-bottom: 10px !important;
}

#environment ~ .q-player-creditbar,
#administer ~ .q-player-creditbar {
  position: static;
  bottom: 0;
}

.q-administer {
  padding: 40px 40px 30px 40px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 5px;
  margin-bottom: 20px;
  position: relative;
}

.q-administer-button {
  display: flex;
  justify-content: flex-end;
}

.q-administer--test {
  padding: 30px 40px;
}

.q-administer--test .q-administer__title, .q-administer--test .q-administer__info-specs {
  margin: 0 !important;
}

.q-administer-title {
  align-items: center;
  color: #34495E;
  display: flex;
  padding: 20px 30px;
  line-height: 18px;
}

.q-administer-title span {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.q-administer-accordion {
  margin: 30px 0;
}

.q-administer__action {
  position: absolute;
  right: 40px;
}

.q-administer-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 30px 0;
}

.q-administer-list--inline .q-administer {
  display: flex;
  justify-content: space-between;
}

.q-administer-list--inline .q-administer-labels {
  margin: 0;
}

.q-administer-list--inline .q-administer__info {
  align-items: center;
}

.q-administer__title {
  font-size: 22px;
  line-height: 28px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #34495E;
  padding-right: 40px;
}

.q-administer__title .q-administer-pill {
  font-size: 12px;
  background: #B72A8D;
  color: #fff;
  display: inline-block;
  padding: 4px 8px;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  position: relative;
  top: -3px;
  margin-right: 10px;
  border-radius: 4px;
}

.q-administer-labels {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

.q-administer-labels__item {
  align-items: center;
  color: #5AC3CC;
  display: flex;
  font-weight: 600;
}

.q-administer-labels__item:after {
  content: "";
  display: block;
  background: #5AC3CC;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  margin: 0 8px;
}

.q-administer-labels__item:last-child:after {
  display: none;
}

.q-administer__info {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.q-administer__info-specs {
  list-style: none;
  padding: 0;
  margin: 10px 0 10px 0;
}

.q-administer__info-specs li {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.q-administer__info-specs li i {
  display: flex;
  margin-right: 12px;
}

.q-administer__info-buttons {
  display: flex;
}

.q-administer__price {
  align-items: center;
  display: flex;
  margin-top: 35px;
}

.q-administer__price i {
  display: flex;
  margin-right: 10px;
}

.q-administer-statusbar {
  display: flex;
  justify-content: space-between;
  background-color: #F9F9F9;
  width: 100%;
  border-radius: 5px;
  padding: 20px 30px;
  margin-bottom: 30px;
}

.q-administer-statusbar__action {
  margin-bottom: 15px;
}

.q-administer-statusbar__action a {
  text-decoration: underline !important;
}

.q-administer-dash-step__dividertitle {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.q-administer-dash-step-list {
  list-style: none;
  padding: 0;
  margin: 0 0 50px 0;
}

.q-administer-dash-step__link {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 5px 17px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
}

.q-administer-dash-step__link:after {
  content: "q";
  font-family: "kov-q" !important;
  font-size: 24px;
  right: 35px;
  top: 25px;
  position: absolute;
  transition: all 0.3s;
}

.q-administer-dash-step__link:hover:after {
  right: 30px;
  transition: all 0.3s;
}

.q-administer-dash-step__content {
  padding: 20px 40px;
}

.q-administer-dash-step__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #34495E;
  width: 85px;
  position: relative;
}

.q-administer-dash-step__icon:before {
  content: "";
  background: #fff;
  width: 20px;
  height: 120%;
  right: -12px;
  position: absolute;
  transform: rotate(-10deg);
}

.q-administer-dash-step__icon i {
  display: flex;
  color: #fff;
  font-size: 30px;
}

.q-administer-dash-step__steptitle {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.q-administer-dash-step__info {
  color: #b0b0b0;
  padding-right: 40px;
}

.q-administer-dash-step__info span {
  text-decoration: underline;
  position: relative;
  padding-right: 24px;
}

.q-administer-dash-step__info span:after {
  content: "8";
  font-family: "kov-q" !important;
  margin-left: 6px;
  position: absolute;
}

.q-administer-dash-step--preparation .q-administer-dash-step__icon {
  background: #5AC3CC;
}

.q-administer-dash-step--completed .q-administer-dash-step__icon {
  background: #B2B720;
}

.q-administer-dash-step--completed .q-administer-dash-step__info {
  color: #B2B720;
}

.q-administer-dash-step--actionrequired .q-administer-dash-step__icon {
  background: #F28A1A;
}

.q-administer-dash-step--actionrequired .q-administer-dash-step__info {
  color: #F28A1A;
}

.q-administer-dash-step--incognito .q-administer-dash-step__link:after {
  content: "Q";
}

.q-administer-dash-step--incognito .q-administer-dash-step__incognito {
  color: #b0b0b0;
  display: flex;
  align-items: center;
  position: absolute;
  right: 80px;
  top: 30px;
}

.q-administer-dash-step--incognito .q-administer-dash-step__incognito i {
  display: flex;
  margin-right: 8px;
}

.q-administer-dash-step--copy .q-administer-dash-step__link:after {
  content: "8";
}

.q-registration {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 30px 0;
}

.q-registration--logins .q-registration__item {
  text-align: left;
  flex: 0;
}

.q-registration--logins .q-registration__item:first-of-type {
  width: 50px;
}

.q-registration--logins .q-registration__row--divider {
  display: block;
}

.q-registration--logins .q-registration__row--divider .q-registration__item {
  width: 100%;
}

.q-registration__row {
  display: flex;
  flex-direction: row;
  font-family: "Open Sans", sans-serif !important;
  font-size: 14px;
  font-weight: 600 !important;
  gap: 15px;
  justify-content: space-between;
  padding: 0 10px;
  width: 100%;
}

.q-registration__row--header {
  background: #5AC3CC !important;
  color: #fff;
  align-items: center;
  position: relative;
}

.q-registration__row--header .q-registration__item--wide {
  text-align: left;
}

.q-registration__row--header .q-search {
  position: absolute;
  color: #34495E;
  font-size: 22px;
  z-index: 1;
  top: 27px;
  left: 22px;
}

.q-registration__row--header .q-form-field__input {
  padding-left: 45px;
  border: none;
  margin: 0;
  width: 100%;
}

.q-registration__row--divider {
  color: #5AC3CC;
}

.q-registration__row--divider .q-registration__item {
  text-align: left;
}

.q-registration__row:nth-child(odd) {
  background: #EDEDED;
}

.q-registration__item {
  flex: 1;
  padding: 10px 0px;
  text-align: center;
}

.q-registration__item--wide {
  flex: 0 calc(40% + 16px);
  text-align: left;
}

.q-registration__item--half {
  flex: 0 0 20%;
  text-align: left;
}

.q-registration__item--dropdown {
  min-width: 150px;
}

.q-registration__item .bootstrap-select button {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #34495e;
  color: #34495e;
  display: inline-flex;
  justify-content: start;
  margin: 0 5px;
  max-height: 50px;
  padding: 4px 30px 4px 10px;
  transition: all 0.3s;
  flex-wrap: nowrap;
  font-size: 12px;
  position: relative;
  max-width: 125px;
  width: 125px;
}

.q-registration__item .bootstrap-select button span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.q-registration__item .bootstrap-select button:hover, .q-registration__item .bootstrap-select button:focus {
  outline: none;
  box-shadow: none;
}

.q-registration__item .bootstrap-select .dropdown-toggle::after {
  border: none;
  color: #34495E;
  content: "q";
  display: flex;
  font-family: "kov-q";
  font-size: 10px;
  height: 10px;
  margin-left: auto;
  transform-origin: center;
  transform: rotate(90deg);
  transition: all 0.3s;
  width: 10px;
  right: 10px;
  position: absolute;
}

.q-registration__item .bootstrap-select.show .dropdown-toggle:after {
  transform: rotate(-90deg);
  transition: all 0.3s;
  transform-origin: center;
  left: 10px;
}

.q-registration__item .bootstrap-select .dropdown-menu.open.show {
  background: none;
  border: none;
  position: absolute;
  height: 100%;
  overflow: inherit !important;
  transform: none !important;
  width: 125px !important;
  max-width: 125px !important;
  min-width: inherit !important;
}

.q-registration__item .bootstrap-select .dropdown-menu.open.show .dropdown-menu {
  background: #fff;
  border: none;
  display: inline-table;
  padding: 10px !important;
  width: calc(100% + 125px);
  top: 0;
  left: 0;
  text-align: left;
  box-shadow: 0 5px 17px 0 rgba(0, 0, 0, 0.2);
  top: 0px;
  width: 125px !important;
  max-width: 125px !important;
  min-width: inherit !important;
}

.q-registration__item .bootstrap-select .dropdown-menu.open.show .dropdown-menu li {
  border-bottom: 1px solid #e7e7e8;
  font-family: "Roboto";
  font-size: 14px;
  letter-spacing: 0px;
  transition: all 0.2s;
}

.q-registration__item .bootstrap-select .dropdown-menu.open.show .dropdown-menu li:last-child {
  border: none;
}

.q-registration__item .bootstrap-select .dropdown-menu.open.show .dropdown-menu li.disabled {
  display: none;
}

.q-registration__item .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a {
  padding: 10px 5px;
  display: block;
  width: 100%;
  text-decoration: none;
  font-weight: 400;
}

.q-registration__item .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a span {
  font-size: 14px;
  color: #34495E;
}

.q-registration__item .bootstrap-select .dropdown-menu.open.show .dropdown-menu li a:focus {
  box-shadow: none;
  outline: 0;
}

.q-registration__item .bootstrap-select .dropdown-menu.open.show .dropdown-menu li.selected a {
  font-weight: 600;
}

.q-registration__item .bootstrap-select .dropdown-menu.open.show .dropdown-menu li:hover {
  background: #f9f9f9;
  cursor: pointer;
}

.q-registration__item .selectpicker {
  display: none;
}

.q-registration__item .checkmark {
  left: calc(50% - 9px) !important;
  top: 2px !important;
}

.q-registration__item .checkmark:after {
  color: #5AC3CC !important;
}

@media screen and (max-width: 1400px) {
  #environment .q-instrument-filter__input {
    flex-wrap: wrap;
  }
  #environment .q-instrument-filter__input > div {
    width: calc(25% - 5px);
    max-width: inherit;
    margin-bottom: 10px;
  }
  #environment .q-instrument-filter__input > div.filter-search {
    width: 100%;
    margin: 0px 5px 10px 0;
  }
  #environment .q-instrument-filter__input > div.filter-search .kov-pro-mini-search {
    margin: 0;
  }
}
@media screen and (max-width: 1200px) {
  #environment .q-instrument__info,
  #environment .q-administer__info {
    flex-direction: column;
    align-items: baseline !important;
  }
  #environment .q-instrument__info-buttons,
  #environment .q-administer__info-buttons {
    left: -5px;
    position: relative;
  }
  #environment .q-instrument__price,
  #environment .q-administer__price {
    margin: 0 0 25px 0 !important;
  }
  #environment .q-instrument__info-specs,
  #environment .q-administer__info-specs {
    margin-bottom: 25px;
  }
  #environment .q-instrument-list--inline .q-administer,
  #environment .q-administer-list--inline .q-administer {
    flex-direction: column;
  }
  #environment .q-instrument-list--inline .q-administer__info,
  #environment .q-administer-list--inline .q-administer__info {
    margin-top: 20px;
  }
  #environment .q-instrument-detail-info,
  #environment .q-administer-detail-info {
    flex-direction: column-reverse;
  }
  #environment .q-instrument-detail-infobox,
  #environment .q-administer-detail-infobox {
    width: 100%;
    margin: 0 0 30px 0;
  }
  #environment .q-header--underline {
    background: none;
  }
}
@media screen and (max-width: 1080px) {
  #environment .q-instrument-filter__input > div {
    width: calc(50% - 5px);
  }
}
@media screen and (max-width: 960px) {
  .q-registration__row--header .q-registration__item--wide > .q-form-field__input,
  .q-registration__row--header .q-registration__item--wide > .q-search {
    display: none;
  }
  .q-registration__item--wide {
    flex: 1;
  }
}
@media screen and (max-width: 768px) {
  #environment .q-instrument,
  #environment .q-administer {
    padding: 30px;
  }
  #environment .q-instrument__info-buttons,
  #environment .q-administer__info-buttons {
    min-width: inherit;
    flex-direction: column;
    width: 100%;
  }
  #environment .q-instrument__info-buttons .q-button,
  #environment .q-administer__info-buttons .q-button {
    margin-bottom: 5px;
  }
  #environment .q-instrument-filter__input {
    flex-direction: column;
    align-items: flex-start;
  }
  #environment .q-instrument-filter__input > div {
    width: 100%;
  }
  #environment .q-instrument-filter__check {
    margin-bottom: 10px !important;
    top: 0 !important;
    width: 100% !important;
    margin-left: auto;
  }
  #environment .q-instrument-filter__check .filter-item {
    margin-left: 0;
  }
}
@media screen and (max-width: 576px) {
  #environment .q-header {
    padding: 20px 20px 0 20px;
  }
  #environment .q-environment-wrapper {
    padding: 30px 20px 100px 20px;
  }
  #environment .q-instrument-filter__input > div {
    width: calc(100% - 5px);
  }
}
#container {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  background: #F9F9F9;
  color: #55606e;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  overflow: scroll;
}

body#subscribe {
  background: #fff;
}

body#subscribe .q-button {
  padding: 8px 20px;
}

a {
  color: #34495E;
  text-decoration: none !important;
  transition: all 0.3s;
}

a:hover {
  color: #2b3c4e;
  text-decoration: none !important;
  transition: all 0.3s;
}

a.external {
  position: relative;
  padding-right: 20px;
}

a.external:after {
  content: "Q";
  font-family: "kov-q" !important;
  color: #000000;
  position: absolute;
  top: -2px;
  right: 2px;
  font-size: 12px;
}

p {
  background: none;
  color: #55606e;
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 15px;
  padding-left: 0;
}

button:focus, button:active {
  outline: none;
}

img {
  width: 100%;
}

ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  margin: 0 0 30px 0;
  padding: 0;
}

ol li {
  display: block;
  counter-increment: my-awesome-counter;
  margin-bottom: 10px;
  padding-left: 25px;
}

ol li::before {
  content: counter(my-awesome-counter);
  color: #5AC3CC;
  font-weight: bold;
  margin-right: 15px;
  margin-left: -25px;
}

ul {
  padding-left: 20px;
}

ul li::marker {
  color: #5AC3CC;
  font-size: 18px;
}

ul li ul:not([class]) {
  list-style: none;
}

ul li ul:not([class]) li {
  margin: 5px 0;
}

ul li ul:not([class]) li:before {
  content: "";
  background: #5AC3CC;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: relative;
  left: -20px;
}

.q-img {
  margin-bottom: 30px;
}

.q-img--right {
  margin-left: 30px;
  float: right;
}

.q-img--left {
  margin-right: 30px;
  float: left;
}

.q-img--50 {
  width: 50%;
}

.q-img--30 {
  width: 30%;
}

.q-wrapper--70 {
  width: 66.66%;
}

.q-chevron-right:before,
.q-chevron-left:before {
  font-size: 60%;
}

.hide-for-testing {
  display: none !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

form {
  margin-bottom: 30px;
}

/*# sourceMappingURL=styling.css.map */