@charset "UTF-8";
/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-attention-light {
  background: transparent url(/assets/icons/attention-light.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-attention {
  background: transparent url(/assets/icons/attention.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-brain {
  background: transparent url(/assets/icons/brain.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-hint {
  background: transparent url(/assets/icons/hint.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-party {
  background: transparent url(/assets/icons/party.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-quiz {
  background: transparent url(/assets/icons/quiz.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-video {
  background: transparent url(/assets/icons/video.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-script {
  background: transparent url(/assets/icons/script.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-download-pdf {
  background: transparent url(/assets/icons/download-pdf.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-download {
  background: transparent url(/assets/icons/download.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-medal {
  background: transparent url(/assets/icons/medal.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-footer {
  background: transparent url(/assets/icons/footer.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-background {
  background: transparent url(/assets/icons/background.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-party-white {
  background: transparent url(/assets/icons/party-white.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-bell-white {
  background: transparent url(/assets/icons/bell-white.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-error-white {
  background: transparent url(/assets/icons/error-white.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-expert {
  background: transparent url(/assets/icons/expert.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-three-stars-medal {
  background: transparent url(/assets/icons/three-stars-medal.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-two-stars-medal {
  background: transparent url(/assets/icons/two-stars-medal.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-one-star-medal {
  background: transparent url(/assets/icons/one-star-medal.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-large-three-stars-medal {
  background: transparent url(/assets/icons/large-three-stars-medal.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-large-two-stars-medal {
  background: transparent url(/assets/icons/large-two-stars-medal.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-large-one-star-medal {
  background: transparent url(/assets/icons/large-one-star-medal.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-live-broadcast2 {
  background: transparent url(/assets/icons/live-broadcast2.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 4, app/assets/stylesheets/icons.scss */
.with-large-left-icon-audio {
  background: transparent url(/assets/icons/audio.svg) no-repeat;
  padding-left: 65px;
  height: 60px;
  line-height: 60px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-chevron-open {
  background: transparent url(/assets/icons/chevron-open.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-chevron-closed {
  background: transparent url(/assets/icons/chevron-closed.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-seen {
  background: transparent url(/assets/icons/seen.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-seen-green {
  background: transparent url(/assets/icons/seen-green.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-seen-white {
  background: transparent url(/assets/icons/seen-white.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-not-seen {
  background: transparent url(/assets/icons/not-seen.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-understood {
  background: transparent url(/assets/icons/understood.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-understood-green {
  background: transparent url(/assets/icons/understood-green.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-checked-right {
  background: transparent url(/assets/icons/checked-right.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-checked {
  background: transparent url(/assets/icons/checked.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-checked-wrong {
  background: transparent url(/assets/icons/checked-wrong.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-unchecked-right {
  background: transparent url(/assets/icons/unchecked-right.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-unchecked {
  background: transparent url(/assets/icons/unchecked.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-unchecked-wrong {
  background: transparent url(/assets/icons/unchecked-wrong.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-note {
  background: transparent url(/assets/icons/note.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-question {
  background: transparent url(/assets/icons/question.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-search {
  background: transparent url(/assets/icons/search.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-user {
  background: transparent url(/assets/icons/user.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-check-circle-white {
  background: transparent url(/assets/icons/check-circle-white.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-check-circle {
  background: transparent url(/assets/icons/check-circle.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-logout {
  background: transparent url(/assets/icons/logout.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-chevron-black-open {
  background: transparent url(/assets/icons/chevron-black-open.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-chevron-black-closed {
  background: transparent url(/assets/icons/chevron-black-closed.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-chevron-blue-open {
  background: transparent url(/assets/icons/chevron-blue-open.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-chevron-blue-closed {
  background: transparent url(/assets/icons/chevron-blue-closed.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-chevron-right {
  background: transparent url(/assets/icons/chevron-right.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-house {
  background: transparent url(/assets/icons/house.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 15, app/assets/stylesheets/icons.scss */
.with-small-left-icon-bulb {
  background: transparent url(/assets/icons/bulb.svg) no-repeat;
  padding-left: 72px;
  height: 72px;
  line-height: 24px;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-chevron-open, .topic-toggle.target-visible {
  background: transparent url(/assets/icons/chevron-open.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-chevron-closed, .topic-toggle {
  background: transparent url(/assets/icons/chevron-closed.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-seen {
  background: transparent url(/assets/icons/seen.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-seen-green, section.lesson .lesson-navigator .cycle.seen, section.single-subject .lesson-navigator .cycle.seen, section.search-results .search-result.seen, .topic-lesson.seen {
  background: transparent url(/assets/icons/seen-green.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-seen-white, section.lesson .lesson-navigator .cycle span:before, section.single-subject .lesson-navigator .cycle span:before {
  background: transparent url(/assets/icons/seen-white.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-not-seen, section.search-results .search-result, .topic-lesson-static, .topic-lesson {
  background: transparent url(/assets/icons/not-seen.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-understood, section.lesson .lesson-navigator .cycle.understood, section.single-subject .lesson-navigator .cycle.understood, section.search-results .search-result.understood, .topic-lesson.understood {
  background: transparent url(/assets/icons/understood.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-understood-green, section.lesson .lesson-navigator .cycle.seen span:before, section.single-subject .lesson-navigator .cycle.seen span:before {
  background: transparent url(/assets/icons/understood-green.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-checked-right {
  background: transparent url(/assets/icons/checked-right.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-checked {
  background: transparent url(/assets/icons/checked.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-checked-wrong {
  background: transparent url(/assets/icons/checked-wrong.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-unchecked-right {
  background: transparent url(/assets/icons/unchecked-right.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-unchecked {
  background: transparent url(/assets/icons/unchecked.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-unchecked-wrong {
  background: transparent url(/assets/icons/unchecked-wrong.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-note, .modal-buttons .show-ai-modal, .modal-buttons .show-notes-modal {
  background: transparent url(/assets/icons/note.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-question, .modal-buttons .show-question-modal {
  background: transparent url(/assets/icons/question.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-search, .search-form button.search {
  background: transparent url(/assets/icons/search.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-user {
  background: transparent url(/assets/icons/user.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-check-circle-white, .price-post ul li, .advantages ul li {
  background: transparent url(/assets/icons/check-circle-white.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-check-circle, .advantages ul li {
  background: transparent url(/assets/icons/check-circle.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-logout, header button.logout:hover, header button.logout {
  background: transparent url(/assets/icons/logout.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-chevron-black-open, .toggle-link.target-visible.with-chevron-black {
  background: transparent url(/assets/icons/chevron-black-open.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-chevron-black-closed, .toggle-link.with-chevron-black {
  background: transparent url(/assets/icons/chevron-black-closed.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-chevron-blue-open {
  background: transparent url(/assets/icons/chevron-blue-open.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-chevron-blue-closed {
  background: transparent url(/assets/icons/chevron-blue-closed.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-chevron-right, h4.breadcrumb span.delimiter, .h4.breadcrumb span.delimiter {
  background: transparent url(/assets/icons/chevron-right.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-house, h4.breadcrumb span.home, .h4.breadcrumb span.home {
  background: transparent url(/assets/icons/house.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-bulb {
  background: transparent url(/assets/icons/bulb.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-attention-light, .topic-toggle.important:after {
  background: transparent url(/assets/icons/attention-light.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-attention {
  background: transparent url(/assets/icons/attention.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-brain, .box.start-check.with-logo, .pure-form fieldset.start-check.with-logo {
  background: transparent url(/assets/icons/brain.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-hint {
  background: transparent url(/assets/icons/hint.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-party {
  background: transparent url(/assets/icons/party.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-quiz, section.search-results .search-result.quiz:before, .topic-lesson.topic-lesson-quiz .type-icon {
  background: transparent url(/assets/icons/quiz.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-video, section.search-results .search-result.video:before, .topic-lesson.topic-lesson-video .type-icon {
  background: transparent url(/assets/icons/video.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-script, section.search-results .search-result.script:before, .topic-lesson.topic-lesson-script .type-icon {
  background: transparent url(/assets/icons/script.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-download-pdf {
  background: transparent url(/assets/icons/download-pdf.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-download, .download-link.download .type-icon, .topic-lesson.topic-lesson-download .type-icon {
  background: transparent url(/assets/icons/download.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-medal {
  background: transparent url(/assets/icons/medal.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-footer {
  background: transparent url(/assets/icons/footer.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-background, body.with-background {
  background: transparent url(/assets/icons/background.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-party-white, #flash .alert.alert-success, .other-flash .alert.alert-success {
  background: transparent url(/assets/icons/party-white.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-bell-white, #flash .alert, .other-flash .alert {
  background: transparent url(/assets/icons/bell-white.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-error-white, #flash .alert.alert-error, .other-flash .alert.alert-error {
  background: transparent url(/assets/icons/error-white.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-expert {
  background: transparent url(/assets/icons/expert.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-three-stars-medal, .subjects-list-item .medal.three-stars-medal {
  background: transparent url(/assets/icons/three-stars-medal.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-two-stars-medal, .subjects-list-item .medal.two-stars-medal {
  background: transparent url(/assets/icons/two-stars-medal.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-one-star-medal, .subjects-list-item .medal.one-star-medal {
  background: transparent url(/assets/icons/one-star-medal.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-large-three-stars-medal, .certificate-link.three-stars-medal {
  background: transparent url(/assets/icons/large-three-stars-medal.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-large-two-stars-medal, .certificate-link.two-stars-medal {
  background: transparent url(/assets/icons/large-two-stars-medal.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-large-one-star-medal, .certificate-link.one-star-medal {
  background: transparent url(/assets/icons/large-one-star-medal.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-live-broadcast2, .topic-lesson.topic-lesson-live_broadcast .type-icon {
  background: transparent url(/assets/icons/live-broadcast2.svg) no-repeat;
}

/* line 26, app/assets/stylesheets/icons.scss */
.with-background-icon-audio, .topic-lesson.topic-lesson-audio .type-icon {
  background: transparent url(/assets/icons/audio.svg) no-repeat;
}

/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/* line 11, app/assets/stylesheets/pure/base-min.scss */
img, legend {
  border: 0;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
legend, td, th {
  padding: 0;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
body {
  margin: 0;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
[hidden], template {
  display: none;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
a {
  background-color: transparent;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
a:active, a:hover {
  outline: 0;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
b, optgroup, strong {
  font-weight: 700;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
dfn {
  font-style: italic;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
h1 {
  font-size: 2em;
  margin: .67em 0;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
mark {
  background: #ff0;
  color: #000;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
small {
  font-size: 80%;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
sup {
  top: -.5em;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
sub {
  bottom: -.25em;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
figure {
  margin: 1em 40px;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
hr {
  box-sizing: content-box;
  height: 0;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
pre, textarea {
  overflow: auto;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
button {
  overflow: visible;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
button, select {
  text-transform: none;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
button[disabled], html input[disabled] {
  cursor: default;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
input {
  line-height: normal;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
.hidden, [hidden] {
  display: none;
}

/* line 11, app/assets/stylesheets/pure/base-min.scss */
.pure-img {
  max-width: 100%;
  height: auto;
  display: block;
}

/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form input[type=text], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form select, .pure-form textarea {
  padding: .5em .6em;
  display: inline-block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  vertical-align: middle;
  box-sizing: border-box;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form input:not([type]) {
  padding: .5em .6em;
  display: inline-block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  box-sizing: border-box;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form input[type=color] {
  padding: .2em .5em;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form input:not([type]):focus, .pure-form input[type=text]:focus, .pure-form input[type=number]:focus, .pure-form input[type=search]:focus, .pure-form input[type=tel]:focus, .pure-form input[type=color]:focus, .pure-form input[type=password]:focus, .pure-form input[type=email]:focus, .pure-form input[type=url]:focus, .pure-form input[type=date]:focus, .pure-form input[type=month]:focus, .pure-form input[type=time]:focus, .pure-form input[type=datetime]:focus, .pure-form input[type=datetime-local]:focus, .pure-form input[type=week]:focus, .pure-form select:focus, .pure-form textarea:focus {
  outline: 0;
  border-color: #129FEA;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form input[type=file]:focus, .pure-form input[type=radio]:focus, .pure-form input[type=checkbox]:focus {
  outline: #129FEA auto 1px;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form .pure-checkbox, .pure-form .pure-radio {
  margin: .5em 0;
  display: block;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form input[disabled]:not([type]), .pure-form input[type=text][disabled], .pure-form input[type=number][disabled], .pure-form input[type=search][disabled], .pure-form input[type=tel][disabled], .pure-form input[type=color][disabled], .pure-form input[type=password][disabled], .pure-form input[type=email][disabled], .pure-form input[type=url][disabled], .pure-form input[type=date][disabled], .pure-form input[type=month][disabled], .pure-form input[type=time][disabled], .pure-form input[type=datetime][disabled], .pure-form input[type=datetime-local][disabled], .pure-form input[type=week][disabled], .pure-form select[disabled], .pure-form textarea[disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form input[readonly], .pure-form select[readonly], .pure-form textarea[readonly] {
  background-color: #eee;
  color: #777;
  border-color: #ccc;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form input:focus:invalid, .pure-form select:focus:invalid, .pure-form textarea:focus:invalid {
  color: #b94a48;
  border-color: #e9322d;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form input[type=file]:focus:invalid:focus, .pure-form input[type=radio]:focus:invalid:focus, .pure-form input[type=checkbox]:focus:invalid:focus {
  outline-color: #e9322d;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form select {
  height: 2.25em;
  border: 1px solid #ccc;
  background-color: #fff;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form select[multiple] {
  height: auto;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form label {
  margin: .5em 0 .2em;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form fieldset {
  margin: 0;
  padding: .35em 0 .75em;
  border: 0;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form legend {
  display: block;
  width: 100%;
  padding: .3em 0;
  margin-bottom: .3em;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form-stacked input:not([type]), .pure-form-stacked input[type=text], .pure-form-stacked input[type=number], .pure-form-stacked input[type=search], .pure-form-stacked input[type=tel], .pure-form-stacked input[type=color], .pure-form-stacked input[type=file], .pure-form-stacked input[type=password], .pure-form-stacked input[type=email], .pure-form-stacked input[type=url], .pure-form-stacked input[type=date], .pure-form-stacked input[type=month], .pure-form-stacked input[type=time], .pure-form-stacked input[type=datetime], .pure-form-stacked input[type=datetime-local], .pure-form-stacked input[type=week], .pure-form-stacked label, .pure-form-stacked select, .pure-form-stacked textarea {
  display: block;
  margin: .25em 0;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form-aligned .pure-help-inline, .pure-form-aligned input, .pure-form-aligned select, .pure-form-aligned textarea, .pure-form-message-inline {
  display: inline-block;
  vertical-align: middle;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form-aligned textarea {
  vertical-align: top;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form-aligned .pure-control-group {
  margin-bottom: .5em;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form-aligned .pure-control-group label {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  width: 10em;
  margin: 0 1em 0 0;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form-aligned .pure-controls {
  margin: 1.5em 0 0 11em;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form .pure-input-rounded, .pure-form input.pure-input-rounded {
  border-radius: 2em;
  padding: .5em 1em;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form .pure-group fieldset {
  margin-bottom: 10px;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form .pure-group input, .pure-form .pure-group textarea {
  display: block;
  padding: 10px;
  margin: 0 0 -1px;
  border-radius: 0;
  position: relative;
  top: -1px;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form .pure-group input:focus, .pure-form .pure-group textarea:focus {
  z-index: 3;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form .pure-group input:first-child, .pure-form .pure-group textarea:first-child {
  top: 1px;
  border-radius: 4px 4px 0 0;
  margin: 0;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form .pure-group input:first-child:last-child, .pure-form .pure-group textarea:first-child:last-child {
  top: 1px;
  border-radius: 4px;
  margin: 0;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form .pure-group input:last-child, .pure-form .pure-group textarea:last-child {
  top: -2px;
  border-radius: 0 0 4px 4px;
  margin: 0;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form .pure-group button {
  margin: .35em 0;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form .pure-input-1 {
  width: 100%;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form .pure-input-3-4 {
  width: 75%;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form .pure-input-2-3 {
  width: 66%;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form .pure-input-1-2 {
  width: 50%;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form .pure-input-1-3 {
  width: 33%;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form .pure-input-1-4 {
  width: 25%;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form .pure-help-inline, .pure-form-message-inline {
  display: inline-block;
  padding-left: .3em;
  color: #666;
  vertical-align: middle;
  font-size: .875em;
}

/* line 7, app/assets/stylesheets/pure/forms-min.scss */
.pure-form-message {
  display: block;
  color: #666;
  font-size: .875em;
}

@media only screen and (max-width: 480px) {
  /* line 7, app/assets/stylesheets/pure/forms-min.scss */
  .pure-form button[type=submit] {
    margin: .7em 0 0;
  }
  /* line 7, app/assets/stylesheets/pure/forms-min.scss */
  .pure-form input:not([type]), .pure-form input[type=text], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form label {
    margin-bottom: .3em;
    display: block;
  }
  /* line 7, app/assets/stylesheets/pure/forms-min.scss */
  .pure-group input:not([type]), .pure-group input[type=text], .pure-group input[type=number], .pure-group input[type=search], .pure-group input[type=tel], .pure-group input[type=color], .pure-group input[type=password], .pure-group input[type=email], .pure-group input[type=url], .pure-group input[type=date], .pure-group input[type=month], .pure-group input[type=time], .pure-group input[type=datetime], .pure-group input[type=datetime-local], .pure-group input[type=week] {
    margin-bottom: 0;
  }
  /* line 7, app/assets/stylesheets/pure/forms-min.scss */
  .pure-form-aligned .pure-control-group label {
    margin-bottom: .3em;
    text-align: left;
    display: block;
    width: 100%;
  }
  /* line 7, app/assets/stylesheets/pure/forms-min.scss */
  .pure-form-aligned .pure-controls {
    margin: 1.5em 0 0;
  }
  /* line 7, app/assets/stylesheets/pure/forms-min.scss */
  .pure-form .pure-help-inline, .pure-form-message, .pure-form-message-inline {
    display: block;
    font-size: .75em;
    padding: .2em 0 .8em;
  }
}

/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/* line 7, app/assets/stylesheets/pure/buttons-min.scss */
.pure-button {
  display: inline-block;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

/* line 7, app/assets/stylesheets/pure/buttons-min.scss */
.pure-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* line 7, app/assets/stylesheets/pure/buttons-min.scss */
.pure-button-group {
  letter-spacing: -.31em;
  text-rendering: optimizespeed;
}

/* line 7, app/assets/stylesheets/pure/buttons-min.scss */
.opera-only :-o-prefocus, .pure-button-group {
  word-spacing: -.43em;
}

/* line 7, app/assets/stylesheets/pure/buttons-min.scss */
.pure-button {
  font-family: inherit;
  font-size: 100%;
  padding: .5em 1em;
  color: #444;
  color: rgba(0, 0, 0, 0.8);
  border: 1px solid #999;
  border: transparent;
  background-color: #E6E6E6;
  text-decoration: none;
  border-radius: 2px;
}

/* line 7, app/assets/stylesheets/pure/buttons-min.scss */
.pure-button-hover, .pure-button:focus, .pure-button:hover {
  filter: alpha(opacity=90);
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
}

/* line 7, app/assets/stylesheets/pure/buttons-min.scss */
.pure-button:focus {
  outline: 0;
}

/* line 7, app/assets/stylesheets/pure/buttons-min.scss */
.pure-button-active, .pure-button:active {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
  border-color: #000\9;
}

/* line 7, app/assets/stylesheets/pure/buttons-min.scss */
.pure-button-disabled, .pure-button-disabled:active, .pure-button-disabled:focus, .pure-button-disabled:hover, .pure-button[disabled] {
  border: none;
  background-image: none;
  filter: alpha(opacity=40);
  opacity: .4;
  cursor: not-allowed;
  box-shadow: none;
  pointer-events: none;
}

/* line 7, app/assets/stylesheets/pure/buttons-min.scss */
.pure-button-hidden {
  display: none;
}

/* line 7, app/assets/stylesheets/pure/buttons-min.scss */
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
  background-color: #0078e7;
  color: #fff;
}

/* line 7, app/assets/stylesheets/pure/buttons-min.scss */
.pure-button-group .pure-button {
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
  margin: 0;
  border-radius: 0;
  border-right: 1px solid #111;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

/* line 7, app/assets/stylesheets/pure/buttons-min.scss */
.pure-button-group .pure-button:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

/* line 7, app/assets/stylesheets/pure/buttons-min.scss */
.pure-button-group .pure-button:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right: none;
}

/* line 7, app/assets/stylesheets/main.scss */
html {
  height: 100%;
  box-sizing: border-box;
}

/* line 12, app/assets/stylesheets/main.scss */
body {
  position: relative;
  font-size: 14pt;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: black;
  background-color: white;
  min-height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

/* line 21, app/assets/stylesheets/main.scss */
body:after {
  content: url(/assets/icons/arrow-next-down-accent.svg) url(/assets/icons/arrow-previous-up-accent.svg);
  display: none;
}

/* line 26, app/assets/stylesheets/main.scss */
body.with-background {
  background-position: left top;
}

/* line 35, app/assets/stylesheets/main.scss */
main {
  flex: 1 1 auto;
}

/* line 39, app/assets/stylesheets/main.scss */
.container {
  width: 1000px;
  margin: 0 auto;
}

/* line 44, app/assets/stylesheets/main.scss */
header {
  height: 68px;
  z-index: 5;
  padding-top: 20px;
}

/* line 48, app/assets/stylesheets/main.scss */
header .new-privacy-header {
  font-size: 0.8em;
  text-align: center;
  color: black;
  padding-bottom: 20px;
}

/* line 54, app/assets/stylesheets/main.scss */
header .new-privacy-header button.hide-new-privacy-header {
  font-size: 0.7em;
  padding: 5px;
  display: inline-block;
}

/* line 61, app/assets/stylesheets/main.scss */
header.home-page {
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: relative;
}

/* line 86, app/assets/stylesheets/main.scss */
header.home-page-plus {
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
}

/* line 99, app/assets/stylesheets/main.scss */
header button.logout {
  color: #0B9BEF;
  border: none;
  height: 1em;
  width: 1em;
  background-size: 0.9em 0.9em;
  background-position: center top;
  background-repeat: no-repeat;
  padding: 0;
  padding-left: 1.4em;
  margin: 0;
  font-size: 1em;
}

/* line 113, app/assets/stylesheets/main.scss */
header button.logout:hover {
  background-size: 0.9em 0.9em;
  background-position: center top;
  background-repeat: no-repeat;
  font-size: 1em;
}

/* line 122, app/assets/stylesheets/main.scss */
header .header-bar {
  display: flex;
  position: relative;
  align-items: center;
}

/* line 127, app/assets/stylesheets/main.scss */
header .header-bar .nav-links {
  flex-grow: 1;
  font-size: 1.2em;
}

/* line 132, app/assets/stylesheets/main.scss */
header .header-bar .nav-links .items {
  display: flex;
}

/* line 136, app/assets/stylesheets/main.scss */
header .header-bar .nav-links a {
  margin-right: 30px;
}

/* line 142, app/assets/stylesheets/main.scss */
header .header-bar .logo-links {
  align-items: center;
  font-size: 1.5em;
  font-weight: bold;
  display: flex;
}

/* line 148, app/assets/stylesheets/main.scss */
header .header-bar .logo-links a {
  margin-right: 30px;
}

/* line 152, app/assets/stylesheets/main.scss */
header .header-bar .logo-links .icon-logo {
  height: 25px;
  width: 223px;
}

/* line 159, app/assets/stylesheets/main.scss */
header .header-bar .login-link {
  font-size: 1.2em;
}

/* line 163, app/assets/stylesheets/main.scss */
header .header-bar .switch {
  display: inline;
  opacity: 0.5;
}

/* line 167, app/assets/stylesheets/main.scss */
header .header-bar .switch:hover {
  opacity: 1;
}

/* line 173, app/assets/stylesheets/main.scss */
header .header-left {
  font-weight: bold;
  float: left;
  font-size: 1.5em;
}

/* line 179, app/assets/stylesheets/main.scss */
header .header-left a:hover span.accent-1 {
  color: #897ac6;
}

/* line 183, app/assets/stylesheets/main.scss */
header .header-left a:hover span.accent-2 {
  color: #37b0f6;
}

/* line 187, app/assets/stylesheets/main.scss */
header .header-left a:hover span.accent-3 {
  color: #9a9a9a;
}

/* line 191, app/assets/stylesheets/main.scss */
header .header-left a:hover span.accent-4 {
  color: #f02968;
}

/* line 196, app/assets/stylesheets/main.scss */
header .header-left .switch {
  font-size: 0.5em;
  opacity: 0.5;
}

/* line 202, app/assets/stylesheets/main.scss */
header .header-right {
  float: right;
  font-size: 1.2em;
}

/* line 206, app/assets/stylesheets/main.scss */
header .header-right:hover span.accent-2 {
  color: #37b0f6;
}

/* line 219, app/assets/stylesheets/main.scss */
.header-2 {
  padding-bottom: 25px;
}

/* line 223, app/assets/stylesheets/main.scss */
.home-page-title {
  z-index: 100;
  box-sizing: border-box;
}

/* line 227, app/assets/stylesheets/main.scss */
.home-page-title.front-page-title {
  padding-right: 0;
}

/* line 233, app/assets/stylesheets/main.scss */
.home-page-title h1 {
  color: #6956B7;
  font-size: 2.5em;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* line 240, app/assets/stylesheets/main.scss */
.home-page-title p {
  color: black;
  padding-top: 0;
  margin-top: 0;
}

/* line 247, app/assets/stylesheets/main.scss */
.brand-image {
  height: 2.5em;
  box-sizing: border-box;
  margin-top: 0.5em;
  text-align: right;
}

/* line 253, app/assets/stylesheets/main.scss */
.brand-image img {
  max-height: 100%;
  width: auto;
  max-width: 170px;
  display: inline-block;
}

/* line 261, app/assets/stylesheets/main.scss */
sup {
  font-size: 0.6em;
}

/* line 265, app/assets/stylesheets/main.scss */
#flash, .other-flash {
  clear: both;
  color: white;
}

/* line 266, app/assets/stylesheets/main.scss */
#flash a, #flash a:link, #flash a:visited, .other-flash a, .other-flash a:link, .other-flash a:visited {
  color: white;
  text-decoration: underline;
}

/* line 271, app/assets/stylesheets/main.scss */
#flash.slim, .other-flash.slim {
  width: 548px;
  margin: 0 auto;
}

/* line 280, app/assets/stylesheets/main.scss */
#flash .alert, .other-flash .alert {
  margin-bottom: 20px;
  border-radius: 10px;
  padding: 10px;
  background-color: #6956B7;
  padding-left: 80px;
  min-height: 70px;
  background-position: 10px center;
}

/* line 282, app/assets/stylesheets/main.scss */
#flash .alert:first-child, .other-flash .alert:first-child {
  margin-top: 20px;
}

/* line 296, app/assets/stylesheets/main.scss */
#flash .alert:before, .other-flash .alert:before {
  content: "Hinweis";
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 5px;
  display: block;
}

/* line 304, app/assets/stylesheets/main.scss */
#flash .alert.alert-error, .other-flash .alert.alert-error {
  background-color: #D70F4E;
  padding-left: 80px;
  min-height: 70px;
  background-position: 10px center;
}

/* line 311, app/assets/stylesheets/main.scss */
#flash .alert.alert-error:before, .other-flash .alert.alert-error:before {
  content: "Fehler";
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 5px;
  display: block;
}

/* line 320, app/assets/stylesheets/main.scss */
#flash .alert.alert-success, .other-flash .alert.alert-success {
  background-color: #0B9BEF;
  padding-left: 80px;
  min-height: 70px;
  background-position: 10px center;
}

/* line 327, app/assets/stylesheets/main.scss */
#flash .alert.alert-success:before, .other-flash .alert.alert-success:before {
  content: "Alles Okay!";
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 5px;
  display: block;
}

/* line 336, app/assets/stylesheets/main.scss */
#flash .alert .close, .other-flash .alert .close {
  cursor: pointer;
  padding: 10px;
  font-size: 1.2em;
  line-height: 0.5em;
}

/* line 345, app/assets/stylesheets/main.scss */
fieldset.product {
  border: 1px solid #0B9BEF;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 100px;
  position: relative;
  min-width: 0;
  padding-bottom: 70px;
  position: relative;
}

/* line 355, app/assets/stylesheets/main.scss */
fieldset.product .buttons {
  position: absolute;
  bottom: 20px;
  left: 20px;
}

/* line 363, app/assets/stylesheets/main.scss */
fieldset h1 {
  display: none;
}

/* line 368, app/assets/stylesheets/main.scss */
section.cooperation-logo {
  text-align: center;
  padding-bottom: 25px;
}

/* line 371, app/assets/stylesheets/main.scss */
section.cooperation-logo img {
  width: 300px;
  max-width: 100%;
  display: inline;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 380, app/assets/stylesheets/main.scss */
section.welcome, fieldset.welcome {
  border: 1px solid #0B9BEF;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 100px;
  position: relative;
  min-width: 0;
}

/* line 388, app/assets/stylesheets/main.scss */
section.welcome.product-site, fieldset.welcome.product-site {
  margin-top: 100px;
}

/* line 392, app/assets/stylesheets/main.scss */
section.welcome:before, fieldset.welcome:before {
  position: absolute;
}

/* line 396, app/assets/stylesheets/main.scss */
section.welcome legend, fieldset.welcome legend {
  text-align: center;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 1.1em;
}

/* line 403, app/assets/stylesheets/main.scss */
section.welcome img, fieldset.welcome img {
  max-width: 100%;
}

/* line 407, app/assets/stylesheets/main.scss */
section.welcome img, fieldset.welcome img {
  box-sizing: border-box;
  width: 20%;
  padding: 0 2em;
  margin-bottom: 100px;
}

/* line 414, app/assets/stylesheets/main.scss */
section.welcome img:nth-child(-n+4), fieldset.welcome img:nth-child(-n+4) {
  display: block;
}

/* line 419, app/assets/stylesheets/main.scss */
section.welcome .slider-logos, fieldset.welcome .slider-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* line 425, app/assets/stylesheets/main.scss */
section.welcome .slick-track, fieldset.welcome .slick-track {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 430, app/assets/stylesheets/main.scss */
section.welcome .slick-track .slick-slide, fieldset.welcome .slick-track .slick-slide {
  box-sizing: border-box;
  padding: 0 2em;
}

/* line 434, app/assets/stylesheets/main.scss */
section.welcome .slick-track .slick-slide img, fieldset.welcome .slick-track .slick-slide img {
  padding: 0;
}

/* line 447, app/assets/stylesheets/main.scss */
fieldset.welcome .slider-logos img {
  margin-bottom: 40px;
  margin-top: 40px;
}

/* line 455, app/assets/stylesheets/main.scss */
fieldset .radio_buttons {
  margin-right: 10px;
}

/* line 460, app/assets/stylesheets/main.scss */
section.home-circle {
  box-sizing: border-box;
  padding-right: 20px;
  width: 500px;
  float: left;
}

/* line 466, app/assets/stylesheets/main.scss */
section.home-circle div.home-circle {
  border-radius: 50%;
  background-color: #f3f3fa;
  display: flex;
  width: 480px;
  height: 480px;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  font-weight: bold;
  font-size: 0.9em;
}

/* line 479, app/assets/stylesheets/main.scss */
section.home-circle div.home-circle .item {
  flex: 1;
  text-align: center;
  padding-top: 40px;
}

/* line 484, app/assets/stylesheets/main.scss */
section.home-circle div.home-circle .item:nth-child(2) {
  border-top: 5px solid white;
  border-bottom: 5px solid white;
}

/* line 489, app/assets/stylesheets/main.scss */
section.home-circle div.home-circle .item:last-child {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* line 497, app/assets/stylesheets/main.scss */
section.products {
  display: flex;
  justify-content: space-between;
  margin-bottom: 200px;
}

/* line 502, app/assets/stylesheets/main.scss */
section.products .product-wrapper {
  width: 45%;
}

/* line 503, app/assets/stylesheets/main.scss */
section.products .product-wrapper fieldset {
  flex-grow: 1;
}

/* line 507, app/assets/stylesheets/main.scss */
section.products .product-wrapper .link {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* line 513, app/assets/stylesheets/main.scss */
section.products .product-wrapper h1 {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}

/* line 521, app/assets/stylesheets/main.scss */
section.products .product-wrapper h2 {
  font-size: 1.2em;
}

/* line 525, app/assets/stylesheets/main.scss */
section.products .product-wrapper .plus-module {
  border: 2px solid #6956B7;
  border-radius: 17px;
  padding: 0.5em 1em;
  padding-bottom: 3px;
  padding-top: 3px;
  color: white;
  background-color: #6956B7;
  font-weight: bold;
  font-size: 0.9em;
  display: none;
  box-sizing: border-box;
  margin-bottom: 10px;
}

/* line 539, app/assets/stylesheets/main.scss */
section.products .product-wrapper .plus-module:nth-child(-n+6) {
  display: block;
}

/* line 549, app/assets/stylesheets/main.scss */
section.products.home-page fieldset.product {
  margin-bottom: 20px;
}

/* line 555, app/assets/stylesheets/main.scss */
.home-page-title section.products {
  margin-bottom: 0;
}

/* line 558, app/assets/stylesheets/main.scss */
.home-page-title section.products fieldset.product {
  padding-bottom: 20px;
}

/* line 564, app/assets/stylesheets/main.scss */
.front-page-title section.products fieldset.product {
  padding-bottom: 100px;
}

/* line 569, app/assets/stylesheets/main.scss */
section.search-form {
  padding: 0;
  padding-right: 20px;
}

/* line 573, app/assets/stylesheets/main.scss */
section.search-form form {
  margin: 0;
  display: flex;
}

/* line 577, app/assets/stylesheets/main.scss */
section.search-form form .control-group {
  margin: 0;
}

/* line 580, app/assets/stylesheets/main.scss */
section.search-form form .control-group input {
  font-size: 24px;
  margin: 0px;
  margin-right: 20px;
  width: 200px;
  background-color: white;
  padding: 0;
  border: 1px solid red;
  border-radius: 2px;
}

/* line 590, app/assets/stylesheets/main.scss */
section.search-form form .control-group input:focus {
  border: 1px solid green;
}

/* line 597, app/assets/stylesheets/main.scss */
section.search-form form .buttons {
  display: none;
}

/* line 600, app/assets/stylesheets/main.scss */
section.search-form form .buttons button {
  background-color: transparent;
  padding: 5px;
}

/* line 603, app/assets/stylesheets/main.scss */
section.search-form form .buttons button:hover {
  opacity: 0.8;
}

/* line 612, app/assets/stylesheets/main.scss */
section.register {
  clear: both;
}

/* line 615, app/assets/stylesheets/main.scss */
section.register.home-page-register {
  padding-top: 100px;
}

/* line 619, app/assets/stylesheets/main.scss */
section.register .pure-form .buttons.left {
  text-align: left;
}

/* line 623, app/assets/stylesheets/main.scss */
section.register .tariff-links {
  margin-left: -1em;
  margin-right: -1em;
  display: flex;
}

/* line 628, app/assets/stylesheets/main.scss */
section.register .tariff-links .tariff-link {
  text-decoration: none !important;
  font-weight: normal !important;
  margin: 1em;
  padding: 1em;
  flex: 1;
  border-radius: 1em;
  border: 1px solid white;
}

/* line 629, app/assets/stylesheets/main.scss */
section.register .tariff-links .tariff-link.active {
  background-color: white;
  color: #6956B7 !important;
}

/* line 633, app/assets/stylesheets/main.scss */
section.register .tariff-links .tariff-link.active h3 {
  color: #6956B7 !important;
}

/* line 638, app/assets/stylesheets/main.scss */
section.register .tariff-links .tariff-link h3 {
  font-size: 1em;
  text-align: center;
  font-weight: bold;
}

/* line 657, app/assets/stylesheets/main.scss */
section.test-now {
  border: 3px solid #e2dff1;
  padding: 20px;
  border-radius: 10px;
  background-color: #f3f3fa;
  margin-bottom: 50px;
}

/* line 664, app/assets/stylesheets/main.scss */
section.test-now a, section.test-now a:link, section.test-now a:visited {
  color: #0B9BEF;
}

/* line 668, app/assets/stylesheets/main.scss */
section.test-now a:hover {
  color: #37b0f6;
}

/* line 672, app/assets/stylesheets/main.scss */
section.test-now .buttons {
  text-align: right;
}

/* line 677, app/assets/stylesheets/main.scss */
.clear {
  clear: both;
}

/* line 681, app/assets/stylesheets/main.scss */
h1, h2, h3 {
  padding-top: 0;
  margin-top: 0;
  font-weight: normal;
  color: #222;
}

/* line 688, app/assets/stylesheets/main.scss */
h4, .h4 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.8em;
  color: #6956B7;
  margin-bottom: 1.33em;
}

/* line 696, app/assets/stylesheets/main.scss */
h4.breadcrumb, .h4.breadcrumb {
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* line 702, app/assets/stylesheets/main.scss */
h4.breadcrumb a, h4.breadcrumb span, .h4.breadcrumb a, .h4.breadcrumb span {
  display: block;
}

/* line 706, app/assets/stylesheets/main.scss */
h4.breadcrumb .delimiter + a, .h4.breadcrumb .delimiter + a {
  padding-right: 5px;
}

/* line 710, app/assets/stylesheets/main.scss */
h4.breadcrumb span.home, .h4.breadcrumb span.home {
  width: 1em;
  height: 1em;
  background-size: 1em 1em;
}

/* line 717, app/assets/stylesheets/main.scss */
h4.breadcrumb span.delimiter, .h4.breadcrumb span.delimiter {
  width: 1em;
  height: 1em;
  background-size: 0.7em 0.7em;
  background-position: center;
}

/* line 727, app/assets/stylesheets/main.scss */
.lesson-invalidations h4.breadcrumb, .lesson-invalidations .h4.breadcrumb {
  margin-top: 1em;
}

/* line 732, app/assets/stylesheets/main.scss */
h5 {
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 10px;
  padding-bottom: 0;
}

/* line 739, app/assets/stylesheets/main.scss */
.circle-gauge {
  width: 113px;
  height: 113px;
  margin: 0 auto;
  line-height: 115px;
  font-size: 2.2em;
  font-weight: bold;
}

/* line 748, app/assets/stylesheets/main.scss */
.test-version {
  border: 1px solid #6956B7;
  padding: 1px 5px;
  font-size: 0.7em;
  text-transform: uppercase;
}

/* line 755, app/assets/stylesheets/main.scss */
.accent-1 {
  color: #6956B7;
}

/* line 759, app/assets/stylesheets/main.scss */
.accent-2 {
  color: #0B9BEF;
}

/* line 763, app/assets/stylesheets/main.scss */
.accent-3 {
  color: grey;
}

/* line 767, app/assets/stylesheets/main.scss */
.accent-4 {
  color: #D70F4E;
}

/* line 771, app/assets/stylesheets/main.scss */
.subject-tags {
  padding-top: 1em;
  padding-bottom: 1em;
}

/* line 774, app/assets/stylesheets/main.scss */
.subject-tags button {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

/* line 778, app/assets/stylesheets/main.scss */
.subject-tags button.disabled {
  opacity: 0.3;
  cursor: auto;
}

/* line 782, app/assets/stylesheets/main.scss */
.subject-tags button.disabled:hover {
  color: #6956B7;
}

/* line 794, app/assets/stylesheets/main.scss */
.subjects-list-item > * {
  flex-grow: 1;
}

/* line 799, app/assets/stylesheets/main.scss */
.subjects-list-item:hover:not(.disabled) .icon:not(.blank) {
  color: white;
  background-color: #897ac6;
}

/* line 803, app/assets/stylesheets/main.scss */
.subjects-list-item:hover:not(.disabled) .icon.blank {
  opacity: 0.9;
}

/* line 808, app/assets/stylesheets/main.scss */
.subjects-list-item.disabled {
  opacity: 0.5;
}

/* line 812, app/assets/stylesheets/main.scss */
.subjects-list-item .icon {
  background-color: #6956B7;
  color: white;
  text-align: center;
  padding: 10px;
  border-radius: 15px;
  flex-grow: 0;
}

/* line 819, app/assets/stylesheets/main.scss */
.subjects-list-item .icon h1, .subjects-list-item .icon h2, .subjects-list-item .icon h3 {
  color: white;
}

/* line 823, app/assets/stylesheets/main.scss */
.subjects-list-item .icon h4, .subjects-list-item .icon .h4 {
  color: rgba(255, 255, 255, 0.5);
  margin-top: 1.5em;
  margin-bottom: 1em;
}

/* line 829, app/assets/stylesheets/main.scss */
.subjects-list-item .icon.disabled {
  opacity: 0.5;
}

/* line 836, app/assets/stylesheets/main.scss */
.subjects-list-item .text {
  padding-left: 20px;
}

/* line 840, app/assets/stylesheets/main.scss */
.subjects-list-item .circle-gauge {
  width: 93px;
  height: 93px;
  margin: 0 auto;
  line-height: 85px;
  font-size: 2.2em;
  font-weight: bold;
}

/* line 849, app/assets/stylesheets/main.scss */
.subjects-list-item .blank {
  background-color: transparent;
}

/* line 853, app/assets/stylesheets/main.scss */
.subjects-list-item .sources {
  width: 93px;
  height: 93px;
  margin: 0 auto;
  line-height: 115px;
  font-size: 2.2em;
  font-weight: bold;
  background-image: url(/assets/icons/sources-746ff27445a19380bb2fb995775b533438a46a53a5f1a5e73df90ac9e37f8b1d.svg);
  background-size: contain;
}

/* line 866, app/assets/stylesheets/main.scss */
.subjects-list-item .medal.three-stars-medal {
  background-position: center;
  background-size: 2.8em;
  background-color: #6956B7;
}

/* line 872, app/assets/stylesheets/main.scss */
.subjects-list-item .medal.two-stars-medal {
  background-position: center;
  background-size: 2.8em;
  background-color: #6956B7;
}

/* line 878, app/assets/stylesheets/main.scss */
.subjects-list-item .medal.one-star-medal {
  background-position: center;
  background-size: 2.8em;
  background-color: #6956B7;
}

/* line 887, app/assets/stylesheets/main.scss */
.certificate-link {
  height: 5em;
  padding: 20px;
  padding-left: 120px;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 893, app/assets/stylesheets/main.scss */
.certificate-link.three-stars-medal {
  background-size: contain;
}

/* line 897, app/assets/stylesheets/main.scss */
.certificate-link.two-stars-medal {
  background-size: contain;
}

/* line 901, app/assets/stylesheets/main.scss */
.certificate-link.one-star-medal {
  background-size: contain;
}

/* line 912, app/assets/stylesheets/main.scss */
.subjects-tile-group {
  clear: both;
  margin-bottom: 40px;
}

/* line 916, app/assets/stylesheets/main.scss */
.subjects-tile-group .subjects-tile {
  box-sizing: border-box;
  float: left;
  width: 50%;
  cursor: pointer;
}

/* line 922, app/assets/stylesheets/main.scss */
.subjects-tile-group .subjects-tile.disabled {
  opacity: 0.5;
}

/* line 927, app/assets/stylesheets/main.scss */
.subjects-tile-group .subjects-tile:hover:not(.disabled) h3 {
  color: #555555;
}

/* line 933, app/assets/stylesheets/main.scss */
.subjects-tile-group .subjects-tile-left {
  border-right: 1px solid white;
}

/* line 937, app/assets/stylesheets/main.scss */
.subjects-tile-group .subjects-tile-top {
  margin-bottom: 1px;
}

/* line 941, app/assets/stylesheets/main.scss */
.subjects-tile-group .subjects-tile-accent {
  background-color: #6956B7;
  color: white;
  height: 300px;
  text-align: center;
  padding: 20px;
}

/* line 948, app/assets/stylesheets/main.scss */
.subjects-tile-group .subjects-tile-accent h1, .subjects-tile-group .subjects-tile-accent h2, .subjects-tile-group .subjects-tile-accent h3 {
  color: white;
}

/* line 952, app/assets/stylesheets/main.scss */
.subjects-tile-group .subjects-tile-accent h4, .subjects-tile-group .subjects-tile-accent .h4 {
  color: white;
  margin-top: 0.9em;
  margin-bottom: 0.5em;
  font-size: 1.0em;
}

/* line 959, app/assets/stylesheets/main.scss */
.subjects-tile-group .subjects-tile-accent:hover:not(.disabled) {
  color: white;
  background-color: #897ac6;
}

/* line 965, app/assets/stylesheets/main.scss */
.subjects-tile-group .subjects-tile-accent-2 {
  background-color: #0B9BEF;
}

/* line 968, app/assets/stylesheets/main.scss */
.subjects-tile-group .subjects-tile-accent-2:hover:not(.disabled) {
  color: white;
  background-color: #37b0f6;
}

/* line 974, app/assets/stylesheets/main.scss */
.subjects-tile-group .subjects-tile-top.subjects-tile-left {
  border-top-left-radius: 15px;
}

/* line 978, app/assets/stylesheets/main.scss */
.subjects-tile-group .subjects-tile-top.subjects-tile-right {
  border-top-right-radius: 15px;
}

/* line 982, app/assets/stylesheets/main.scss */
.subjects-tile-group .subjects-tile-bottom.subjects-tile-left {
  border-bottom-left-radius: 15px;
}

/* line 986, app/assets/stylesheets/main.scss */
.subjects-tile-group .subjects-tile-bottom.subjects-tile-right {
  border-bottom-right-radius: 15px;
}

/* line 992, app/assets/stylesheets/main.scss */
.toggle-link {
  cursor: pointer;
}

/* line 995, app/assets/stylesheets/main.scss */
.toggle-link.with-chevron-black {
  background-position: left center;
  padding-left: 40px;
}

/* line 1001, app/assets/stylesheets/main.scss */
.toggle-link.target-visible.with-chevron-black {
  background-position: left center;
}

/* line 1007, app/assets/stylesheets/main.scss */
.toggle-link.underline {
  text-decoration: underline;
}

/* line 1011, app/assets/stylesheets/main.scss */
.toggle-target, .toggle-display {
  display: none;
}

/* line 1014, app/assets/stylesheets/main.scss */
.toggle-target.visible, .toggle-display.visible {
  display: block;
}

/* line 1018, app/assets/stylesheets/main.scss */
.toggle-target.disabled, .toggle-display.disabled {
  opacity: 0.4;
}

/* line 1024, app/assets/stylesheets/main.scss */
.topic-toggle {
  background-color: #6956B7;
  color: white;
  padding: 20px;
  padding-left: 60px;
  font-weight: bold;
  margin-top: 11px;
  font-size: 1.2em;
  line-height: 1.2em;
  border-radius: 9px;
  background-position: 20px center;
  cursor: pointer;
}

/* line 1037, app/assets/stylesheets/main.scss */
.topic-toggle span.chapter-numbers {
  color: rgba(255, 255, 255, 0.5);
}

/* line 1043, app/assets/stylesheets/main.scss */
.topic-toggle.target-visible {
  background-color: #6956B7;
  background-position: 20px center;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 1051, app/assets/stylesheets/main.scss */
.topic-toggle:hover {
  background-color: #897ac6;
}

/* line 1055, app/assets/stylesheets/main.scss */
.topic-toggle.disabled {
  opacity: 0.4;
}

/* line 1059, app/assets/stylesheets/main.scss */
.topic-toggle.notes-toggle {
  background-color: #0B9BEF;
}

/* line 1063, app/assets/stylesheets/main.scss */
.topic-toggle.important {
  position: relative;
  padding-right: 80px;
}

/* line 1067, app/assets/stylesheets/main.scss */
.topic-toggle.important:after {
  content: "";
  position: absolute;
  top: 3px;
  right: 10px;
  bottom: 0;
  width: 60px;
  background-size: contain;
}

/* line 1081, app/assets/stylesheets/main.scss */
.left-2 {
  left: 0.5rem;
}

/* line 1085, app/assets/stylesheets/main.scss */
.topic-header {
  background-color: white;
  color: #6956B7;
  padding: 20px;
  font-weight: bold;
  margin-top: 11px;
  font-size: 1.2em;
  line-height: 1.2em;
  border-radius: 9px;
  background-position: 20px center;
  border: 2px solid #6956B7;
}

/* line 1098, app/assets/stylesheets/main.scss */
.topic-header.active {
  background-color: #6956B7;
  color: white;
}

/* line 1103, app/assets/stylesheets/main.scss */
.topic-header span.chapter-numbers {
  color: rgba(255, 255, 255, 0.5);
}

/* line 1108, app/assets/stylesheets/main.scss */
.coupon-toggle-link {
  text-decoration: underline;
  font-size: 0.9em;
  cursor: pointer;
}

/* line 1114, app/assets/stylesheets/main.scss */
.old-price {
  text-decoration: line-through;
}

/* line 1118, app/assets/stylesheets/main.scss */
h4.further, .h4.further {
  padding: 0;
  margin: 0;
  margin-top: 40px;
  padding-bottom: 10px;
  position: relative;
}

/* line 1125, app/assets/stylesheets/main.scss */
h4.further:after, .h4.further:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #d9d9d9;
  z-index: -2;
}

/* line 1136, app/assets/stylesheets/main.scss */
h4.further:hover, .h4.further:hover {
  color: #6956B7 !important;
}

/* line 1141, app/assets/stylesheets/main.scss */
.topic-lesson {
  color: #222;
  padding: 20px;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 1.2em;
  line-height: 1.2em;
  background-position: 20px center;
  cursor: pointer;
  position: relative;
}

/* line 1153, app/assets/stylesheets/main.scss */
.topic-lesson .type-icon {
  position: absolute;
  width: 50px;
  top: 0;
  bottom: 0;
  right: 20px;
}

/* line 1162, app/assets/stylesheets/main.scss */
.topic-lesson.topic-lesson-quiz .type-icon {
  background-position: right center;
  background-size: 23px 23px;
}

/* line 1170, app/assets/stylesheets/main.scss */
.topic-lesson.topic-lesson-live_broadcast .type-icon {
  background-position: right center;
  background-size: 23px 23px;
}

/* line 1178, app/assets/stylesheets/main.scss */
.topic-lesson.topic-lesson-audio .type-icon {
  background-position: right center;
  background-size: 23px 23px;
}

/* line 1186, app/assets/stylesheets/main.scss */
.topic-lesson.topic-lesson-video .type-icon {
  background-position: right center;
  background-size: 23px 23px;
}

/* line 1193, app/assets/stylesheets/main.scss */
.topic-lesson.topic-lesson-script {
  padding-bottom: 20px !important;
}

/* line 1194, app/assets/stylesheets/main.scss */
.topic-lesson.topic-lesson-script .type-icon {
  background-position: right center;
  background-size: 23px 23px;
}

/* line 1203, app/assets/stylesheets/main.scss */
.topic-lesson.topic-lesson-download {
  padding-bottom: 20px !important;
}

/* line 1204, app/assets/stylesheets/main.scss */
.topic-lesson.topic-lesson-download .type-icon {
  background-position: right center;
  background-size: 23px 23px;
}

/* line 1213, app/assets/stylesheets/main.scss */
.topic-lesson .chapter-numbers {
  float: left;
  display: block;
  background-color: #6956B7;
  color: white;
  font-size: 0.6em;
  line-height: 1;
  padding: 0.4em;
  margin-top: 0.1em;
  margin-right: 0.6em;
  font-weight: bold;
  border-radius: 1px;
}

/* line 1227, app/assets/stylesheets/main.scss */
.topic-lesson.seen {
  background-position: 20px center;
}

/* line 1232, app/assets/stylesheets/main.scss */
.topic-lesson.understood {
  background-position: 20px center;
}

/* line 1237, app/assets/stylesheets/main.scss */
.topic-lesson:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #d9d9d9;
  z-index: -2;
}

/* line 1248, app/assets/stylesheets/main.scss */
.topic-lesson:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 31px;
  width: 3px;
  top: 0;
  background-color: #6956B7;
  z-index: -1;
}

/* line 1259, app/assets/stylesheets/main.scss */
.topic-lesson.first:before {
  top: 50%;
}

/* line 1263, app/assets/stylesheets/main.scss */
.topic-lesson.last:before {
  height: 50%;
}

/* line 1267, app/assets/stylesheets/main.scss */
.topic-lesson.first.last:before {
  height: 0;
}

/* line 1271, app/assets/stylesheets/main.scss */
.topic-lesson:hover {
  color: #555555;
}

/* line 1275, app/assets/stylesheets/main.scss */
.topic-lesson.with-notes {
  cursor: auto;
}

/* line 1277, app/assets/stylesheets/main.scss */
.topic-lesson.with-notes:hover {
  color: #222;
}

/* line 1281, app/assets/stylesheets/main.scss */
.topic-lesson.with-notes .notes {
  padding-right: 10px;
}

/* line 1286, app/assets/stylesheets/main.scss */
.topic-lesson .hint {
  color: white;
  display: block;
  position: absolute;
  background-color: #f4b361;
  text-transform: uppercase;
  left: 0;
  top: 50%;
  font-size: 0.6em;
  line-height: 0.6em;
  font-weight: bold;
  padding: 0.4em;
  transform: translate3d(-100%, -50%, 0);
}

/* line 1301, app/assets/stylesheets/main.scss */
.topic-lesson .hint:after {
  content: "";
  position: absolute;
  right: -0.7em;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 0.7em solid #f4b361;
  border-top: 0.7em inset transparent;
  border-bottom: 0.7em inset transparent;
}

/* line 1315, app/assets/stylesheets/main.scss */
.topic-lesson-static {
  color: #222;
  padding: 20px;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 1.2em;
  line-height: 1.2em;
  background-position: 20px center;
  position: relative;
}

/* line 1326, app/assets/stylesheets/main.scss */
.topic-lesson-static .type-icon {
  position: absolute;
  width: 50px;
  top: 0;
  bottom: 0;
  right: 20px;
}

/* line 1334, app/assets/stylesheets/main.scss */
.topic-lesson-static .chapter-numbers {
  float: left;
  display: block;
  background-color: #6956B7;
  color: white;
  font-size: 0.6em;
  line-height: 1;
  padding: 0.4em;
  margin-top: 0.1em;
  margin-right: 0.6em;
  font-weight: bold;
  border-radius: 1px;
}

/* line 1348, app/assets/stylesheets/main.scss */
.topic-lesson-static:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #d9d9d9;
  z-index: -2;
}

/* line 1359, app/assets/stylesheets/main.scss */
.topic-lesson-static:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 31px;
  width: 3px;
  top: 0;
  background-color: #6956B7;
  z-index: -1;
}

/* line 1370, app/assets/stylesheets/main.scss */
.topic-lesson-static.first:before {
  top: 50%;
}

/* line 1374, app/assets/stylesheets/main.scss */
.topic-lesson-static.last:before {
  height: 50%;
}

/* line 1378, app/assets/stylesheets/main.scss */
.topic-lesson-static.first.last:before {
  height: 0;
}

/* line 1385, app/assets/stylesheets/main.scss */
section.search-results .search-result {
  color: #222;
  padding: 20px;
  padding-left: 60px;
  padding-right: 60px;
  background-position: 20px center;
  cursor: pointer;
  position: relative;
  background-color: #f8f7fc;
  margin-bottom: 10px;
  border-radius: 8px;
}

/* line 1398, app/assets/stylesheets/main.scss */
section.search-results .search-result span.chapter-numbers {
  background-color: #aaa;
}

/* line 1402, app/assets/stylesheets/main.scss */
section.search-results .search-result:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  width: 50px;
}

/* line 1412, app/assets/stylesheets/main.scss */
section.search-results .search-result.video:before {
  background-position: right center;
  background-size: 23px 23px;
}

/* line 1420, app/assets/stylesheets/main.scss */
section.search-results .search-result.script:before {
  background-position: right center;
  background-size: 23px 23px;
}

/* line 1428, app/assets/stylesheets/main.scss */
section.search-results .search-result.quiz:before {
  background-position: right center;
  background-size: 23px 23px;
}

/* line 1435, app/assets/stylesheets/main.scss */
section.search-results .search-result.seen {
  background-position: 20px center;
  background-color: #f8f7fc;
}

/* line 1441, app/assets/stylesheets/main.scss */
section.search-results .search-result.understood {
  background-position: 20px center;
  background-color: #f8f7fc;
}

/* line 1447, app/assets/stylesheets/main.scss */
section.search-results .search-result:hover {
  color: #555555;
  background-color: white;
}

/* line 1452, app/assets/stylesheets/main.scss */
section.search-results .search-result h3 {
  padding: 0;
  margin: 0;
  color: #0B9BEF;
  font-size: 0.9em;
}

/* line 1459, app/assets/stylesheets/main.scss */
section.search-results .search-result h4, section.search-results .search-result h2, section.search-results .search-result .h4 {
  padding: 0;
  margin: 0;
}

/* line 1468, app/assets/stylesheets/main.scss */
section.text {
  color: black;
}

/* line 1469, app/assets/stylesheets/main.scss */
section.text .bold {
  font-weight: bold;
}

/* line 1475, app/assets/stylesheets/main.scss */
section.text a, section.text a:link, section.text a:visited {
  text-decoration: underline;
}

/* line 1479, app/assets/stylesheets/main.scss */
section.text a:hover {
  color: #897ac6;
}

/* line 1483, app/assets/stylesheets/main.scss */
section#conditions-universal.text {
  padding-bottom: 50px;
}

/* line 1484, app/assets/stylesheets/main.scss */
section#conditions-universal.text h1 {
  font-size: 1.4em;
}

/* line 1488, app/assets/stylesheets/main.scss */
section#conditions-universal.text h2 {
  font-size: 1.3em;
  margin-bottom: 0;
  margin-top: 15px;
}

/* line 1494, app/assets/stylesheets/main.scss */
section#conditions-universal.text h3 {
  margin-top: 15px;
}

/* line 1502, app/assets/stylesheets/main.scss */
section.text-no-underline {
  color: black;
}

/* line 1503, app/assets/stylesheets/main.scss */
section.text-no-underline .bold {
  font-weight: bold;
}

/* line 1509, app/assets/stylesheets/main.scss */
section.text-no-underline a:hover {
  color: #897ac6;
}

/* line 1513, app/assets/stylesheets/main.scss */
section#conditions-universal.text-no-underline {
  padding-bottom: 50px;
}

/* line 1514, app/assets/stylesheets/main.scss */
section#conditions-universal.text-no-underline h1 {
  font-size: 1.4em;
}

/* line 1518, app/assets/stylesheets/main.scss */
section#conditions-universal.text-no-underline h2 {
  font-size: 1.3em;
  margin-bottom: 0;
  margin-top: 15px;
}

/* line 1524, app/assets/stylesheets/main.scss */
section#conditions-universal.text-no-underline h3 {
  margin-top: 15px;
}

/* line 1532, app/assets/stylesheets/main.scss */
section.topics {
  margin-bottom: 50px;
  padding-left: 100px;
}

/* line 1536, app/assets/stylesheets/main.scss */
section.topics .notes-header {
  font-size: 0.8em;
  display: flex;
  justify-content: space-between;
}

/* line 1541, app/assets/stylesheets/main.scss */
section.topics .notes-header .print-button {
  height: 30px;
}

/* line 1543, app/assets/stylesheets/main.scss */
section.topics .notes-header .print-button svg {
  height: 100%;
}

/* line 1547, app/assets/stylesheets/main.scss */
section.topics .notes-header .print-button:hover {
  opacity: 0.8;
}

/* line 1556, app/assets/stylesheets/main.scss */
section.lesson .status, section.single-subject .status {
  display: none;
  padding-top: 2em;
  margin-left: -10px;
  margin-right: -10px;
  justify-content: stretch;
}

/* line 1564, app/assets/stylesheets/main.scss */
section.lesson .status label, section.single-subject .status label {
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
  flex-grow: 1;
}

/* line 1571, app/assets/stylesheets/main.scss */
section.lesson .status input, section.single-subject .status input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 1577, app/assets/stylesheets/main.scss */
section.lesson .status .label-wrapper, section.single-subject .status .label-wrapper {
  padding: 10px;
  border: 1px solid #0B9BEF;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  border-radius: 0.5em;
}

/* line 1587, app/assets/stylesheets/main.scss */
section.lesson .status .label-wrapper .icon, section.single-subject .status .label-wrapper .icon {
  margin: 5px;
}

/* line 1592, app/assets/stylesheets/main.scss */
section.lesson .status input:checked + .label-wrapper, section.single-subject .status input:checked + .label-wrapper {
  border: 1px solid;
}

/* line 1597, app/assets/stylesheets/main.scss */
section.lesson .status .label-wrapper.status-not-seen:hover, section.single-subject .status .label-wrapper.status-not-seen:hover {
  background-color: #e8e5f4;
}

/* line 1603, app/assets/stylesheets/main.scss */
section.lesson .status .label-wrapper.status-seen:hover, section.single-subject .status .label-wrapper.status-seen:hover {
  background-color: #c9eafd;
}

/* line 1609, app/assets/stylesheets/main.scss */
section.lesson .status .label-wrapper.status-understood:hover, section.single-subject .status .label-wrapper.status-understood:hover {
  background-color: #e8e5f4;
}

/* line 1615, app/assets/stylesheets/main.scss */
section.lesson .status input:checked + .label-wrapper.status-not-seen, section.single-subject .status input:checked + .label-wrapper.status-not-seen {
  border: 1px solid #6956B7;
  background-color: #897ac6;
  color: white;
}

/* line 1621, app/assets/stylesheets/main.scss */
section.lesson .status input:checked + .label-wrapper.status-seen, section.single-subject .status input:checked + .label-wrapper.status-seen {
  border: 1px solid #0B9BEF;
  background-color: #0B9BEF;
  color: white;
}

/* line 1627, app/assets/stylesheets/main.scss */
section.lesson .status input:checked + .label-wrapper.status-understood, section.single-subject .status input:checked + .label-wrapper.status-understood {
  border: 1px solid #6956B7;
  background-color: #6956B7;
  color: white;
}

/* line 1632, app/assets/stylesheets/main.scss */
section.lesson .status input:checked + .label-wrapper.status-understood svg, section.single-subject .status input:checked + .label-wrapper.status-understood svg {
  color: #6956B7;
}

/* line 1639, app/assets/stylesheets/main.scss */
section.lesson .sidebar-status, section.single-subject .sidebar-status {
  width: 120px;
  margin-left: -34px;
  margin-right: 34px;
}

/* line 1644, app/assets/stylesheets/main.scss */
section.lesson .sidebar-status .status, section.single-subject .sidebar-status .status {
  padding-top: 0;
  display: block;
}

/* line 1648, app/assets/stylesheets/main.scss */
section.lesson .sidebar-status .status span, section.single-subject .sidebar-status .status span {
  display: block;
}

/* line 1654, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator *, section.single-subject .lesson-navigator * {
  box-sizing: content-box;
}

/* line 1658, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator, section.single-subject .lesson-navigator {
  position: absolute;
  top: 50px;
  left: 24px;
  z-index: 1;
}

/* line 1664, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator span, section.single-subject .lesson-navigator span {
  display: none;
}

/* line 1668, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .fixed-wrapper, section.single-subject .lesson-navigator .fixed-wrapper {
  position: fixed;
}

/* line 1672, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .next, section.lesson .lesson-navigator .cycle, section.lesson .lesson-navigator .previous, section.single-subject .lesson-navigator .next, section.single-subject .lesson-navigator .cycle, section.single-subject .lesson-navigator .previous {
  width: 29px;
  height: 29px;
  margin-left: 9px;
  border-radius: 17px;
  border: 3px solid #6956B7;
  background-color: white;
  cursor: pointer;
}

/* line 1683, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .cycle, section.single-subject .lesson-navigator .cycle {
  width: 52px;
  height: 52px;
  border: 3px solid #6956B7;
  border-radius: 26px;
  margin-left: 1px;
  padding-top: 8px;
  box-sizing: border-box;
}

/* line 1692, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .cycle span:before, section.single-subject .lesson-navigator .cycle span:before {
  content: "Als gesehen markieren →";
  background-position: right center;
  padding-right: 25px;
}

/* line 1699, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .cycle.seen, section.single-subject .lesson-navigator .cycle.seen {
  background-position: 11px center;
  background-color: #0B9BEF;
  border-color: #0B9BEF;
  color: white;
}

/* line 1706, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .cycle.seen span:before, section.single-subject .lesson-navigator .cycle.seen span:before {
  margin-left: 25px;
  background-position: right center;
  padding-right: 25px;
}

/* line 1713, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .cycle.seen span:before, section.single-subject .lesson-navigator .cycle.seen span:before {
  content: "Als verstanden markieren →";
}

/* line 1717, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .cycle.seen span.different-understood-label:before, section.single-subject .lesson-navigator .cycle.seen span.different-understood-label:before {
  content: "Als erledigt markieren →";
}

/* line 1722, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .cycle.understood, section.single-subject .lesson-navigator .cycle.understood {
  background-position: 11px center;
  background-color: #6956B7;
  border: 3px solid #6956B7;
  color: white;
}

/* line 1729, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .cycle.understood span:before, section.single-subject .lesson-navigator .cycle.understood span:before {
  margin-left: 25px;
  padding-right: 0;
}

/* line 1734, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .cycle.understood span:before, section.single-subject .lesson-navigator .cycle.understood span:before {
  content: "Markierung löschen";
}

/* line 1739, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .cycle.no-note, section.single-subject .lesson-navigator .cycle.no-note {
  content: "";
}

/* line 1744, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .next, section.single-subject .lesson-navigator .next {
  background: white url(/assets/icons/arrow-next-down-accent.svg) no-repeat;
  background-position: 3px center;
}

/* line 1749, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .previous, section.single-subject .lesson-navigator .previous {
  background: white url(/assets/icons/arrow-previous-up-accent.svg) no-repeat;
  background-position: 3px center;
}

/* line 1755, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .next:not(.disabled):hover, section.lesson .lesson-navigator .cycle:not(.disabled):hover, section.lesson .lesson-navigator .previous:not(.disabled):hover, section.single-subject .lesson-navigator .next:not(.disabled):hover, section.single-subject .lesson-navigator .cycle:not(.disabled):hover, section.single-subject .lesson-navigator .previous:not(.disabled):hover {
  width: auto;
  border-color: #6956B7;
  text-align: center;
}

/* line 1760, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .next:not(.disabled):hover span, section.lesson .lesson-navigator .cycle:not(.disabled):hover span, section.lesson .lesson-navigator .previous:not(.disabled):hover span, section.single-subject .lesson-navigator .next:not(.disabled):hover span, section.single-subject .lesson-navigator .cycle:not(.disabled):hover span, section.single-subject .lesson-navigator .previous:not(.disabled):hover span {
  margin: 0 15px;
  display: inline;
  font-weight: bold;
  font-size: 0.7em;
}

/* line 1767, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .next.understood:not(.disabled):hover, section.lesson .lesson-navigator .cycle.understood:not(.disabled):hover, section.lesson .lesson-navigator .previous.understood:not(.disabled):hover, section.single-subject .lesson-navigator .next.understood:not(.disabled):hover, section.single-subject .lesson-navigator .cycle.understood:not(.disabled):hover, section.single-subject .lesson-navigator .previous.understood:not(.disabled):hover {
  border-color: #6956B7;
}

/* line 1770, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .next.understood:not(.disabled):hover span:before, section.lesson .lesson-navigator .cycle.understood:not(.disabled):hover span:before, section.lesson .lesson-navigator .previous.understood:not(.disabled):hover span:before, section.single-subject .lesson-navigator .next.understood:not(.disabled):hover span:before, section.single-subject .lesson-navigator .cycle.understood:not(.disabled):hover span:before, section.single-subject .lesson-navigator .previous.understood:not(.disabled):hover span:before {
  background: none;
}

/* line 1775, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .next.seen:not(.disabled):hover, section.lesson .lesson-navigator .cycle.seen:not(.disabled):hover, section.lesson .lesson-navigator .previous.seen:not(.disabled):hover, section.single-subject .lesson-navigator .next.seen:not(.disabled):hover, section.single-subject .lesson-navigator .cycle.seen:not(.disabled):hover, section.single-subject .lesson-navigator .previous.seen:not(.disabled):hover {
  border-color: #0B9BEF;
}

/* line 1781, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .next:not(.disabled):hover, section.single-subject .lesson-navigator .next:not(.disabled):hover {
  background: white url(/assets/icons/arrow-next-down-accent.svg) no-repeat;
  background-position: 3px center;
  padding-left: 18px;
}

/* line 1787, app/assets/stylesheets/main.scss */
section.lesson .lesson-navigator .previous:not(.disabled):hover, section.single-subject .lesson-navigator .previous:not(.disabled):hover {
  background: white url(/assets/icons/arrow-previous-up-accent.svg) no-repeat;
  background-position: 3px center;
  padding-left: 18px;
}

/* line 1797, app/assets/stylesheets/main.scss */
section.lesson, section.single-subject {
  min-height: 800px;
  padding-left: 140px;
  position: relative;
  padding-bottom: 50px;
}

/* line 1803, app/assets/stylesheets/main.scss */
section.lesson h4:hover, section.lesson .h4:hover, section.single-subject h4:hover, section.single-subject .h4:hover {
  color: #897ac6;
}

/* line 1807, app/assets/stylesheets/main.scss */
section.lesson:before, section.single-subject:before {
  position: absolute;
  content: "";
  width: 3px;
  left: 49px;
  top: 0;
  bottom: 0;
  background-color: #e2dff1;
}

/* line 1817, app/assets/stylesheets/main.scss */
section.lesson:after, section.single-subject:after {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  left: 46px;
  top: 0;
  background-color: #e2dff1;
}

/* line 1828, app/assets/stylesheets/main.scss */
section.lesson.no-sidebar, section.single-subject.no-sidebar {
  padding-left: 0;
}

/* line 1830, app/assets/stylesheets/main.scss */
section.lesson.no-sidebar:before, section.lesson.no-sidebar:after, section.single-subject.no-sidebar:before, section.single-subject.no-sidebar:after {
  content: none;
}

/* line 1835, app/assets/stylesheets/main.scss */
section.lesson .quiz .explanation, section.single-subject .quiz .explanation {
  opacity: 0;
}

/* line 1839, app/assets/stylesheets/main.scss */
section.lesson .quiz, section.lesson .check, section.lesson .training-exam, section.single-subject .quiz, section.single-subject .check, section.single-subject .training-exam {
  border: 3px solid #e2dff1;
  padding: 50px;
  border-radius: 10px;
  background-color: #f3f3fa;
  color: #222;
}

/* line 1846, app/assets/stylesheets/main.scss */
section.lesson .quiz .certainty, section.lesson .check .certainty, section.lesson .training-exam .certainty, section.single-subject .quiz .certainty, section.single-subject .check .certainty, section.single-subject .training-exam .certainty {
  padding-bottom: 10px;
}

/* line 1847, app/assets/stylesheets/main.scss */
section.lesson .quiz .certainty .correct-count, section.lesson .check .certainty .correct-count, section.lesson .training-exam .certainty .correct-count, section.single-subject .quiz .certainty .correct-count, section.single-subject .check .certainty .correct-count, section.single-subject .training-exam .certainty .correct-count {
  display: none;
}

/* line 1850, app/assets/stylesheets/main.scss */
section.lesson .quiz .certainty .correct-count .text, section.lesson .check .certainty .correct-count .text, section.lesson .training-exam .certainty .correct-count .text, section.single-subject .quiz .certainty .correct-count .text, section.single-subject .check .certainty .correct-count .text, section.single-subject .training-exam .certainty .correct-count .text {
  padding-right: 10px;
}

/* line 1856, app/assets/stylesheets/main.scss */
section.lesson .quiz .certainty .correct-count:hover .text, section.lesson .check .certainty .correct-count:hover .text, section.lesson .training-exam .certainty .correct-count:hover .text, section.single-subject .quiz .certainty .correct-count:hover .text, section.single-subject .check .certainty .correct-count:hover .text, section.single-subject .training-exam .certainty .correct-count:hover .text {
  display: block;
}

/* line 1862, app/assets/stylesheets/main.scss */
section.lesson .quiz .certainty .visible, section.lesson .check .certainty .visible, section.lesson .training-exam .certainty .visible, section.single-subject .quiz .certainty .visible, section.single-subject .check .certainty .visible, section.single-subject .training-exam .certainty .visible {
  display: flex;
  justify-content: flex-end;
}

/* line 1870, app/assets/stylesheets/main.scss */
section.lesson .quiz .pure-form textarea.pure-input-rounded, section.lesson .check .pure-form textarea.pure-input-rounded, section.lesson .training-exam .pure-form textarea.pure-input-rounded, section.single-subject .quiz .pure-form textarea.pure-input-rounded, section.single-subject .check .pure-form textarea.pure-input-rounded, section.single-subject .training-exam .pure-form textarea.pure-input-rounded {
  border-radius: 0.7em;
  margin-bottom: 2em;
}

/* line 1875, app/assets/stylesheets/main.scss */
section.lesson .quiz .explanation, section.lesson .check .explanation, section.lesson .training-exam .explanation, section.single-subject .quiz .explanation, section.single-subject .check .explanation, section.single-subject .training-exam .explanation {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 80px;
  background: transparent url(/assets/icons/brain.svg) no-repeat;
  color: #6956B7;
}

/* line 1882, app/assets/stylesheets/main.scss */
section.lesson .quiz .explanation.visible, section.lesson .check .explanation.visible, section.lesson .training-exam .explanation.visible, section.single-subject .quiz .explanation.visible, section.single-subject .check .explanation.visible, section.single-subject .training-exam .explanation.visible {
  opacity: 1;
}

/* line 1886, app/assets/stylesheets/main.scss */
section.lesson .quiz .explanation .all-correct-notice, section.lesson .check .explanation .all-correct-notice, section.lesson .training-exam .explanation .all-correct-notice, section.single-subject .quiz .explanation .all-correct-notice, section.single-subject .check .explanation .all-correct-notice, section.single-subject .training-exam .explanation .all-correct-notice {
  color: #187C57;
  display: none;
}

/* line 1891, app/assets/stylesheets/main.scss */
section.lesson .quiz .explanation .not-all-correct-notice, section.lesson .check .explanation .not-all-correct-notice, section.lesson .training-exam .explanation .not-all-correct-notice, section.single-subject .quiz .explanation .not-all-correct-notice, section.single-subject .check .explanation .not-all-correct-notice, section.single-subject .training-exam .explanation .not-all-correct-notice {
  color: #D70F4E;
  display: none;
}

/* line 1898, app/assets/stylesheets/main.scss */
section.lesson .quiz.answered .explanation, section.lesson .check.answered .explanation, section.lesson .training-exam.answered .explanation, section.single-subject .quiz.answered .explanation, section.single-subject .check.answered .explanation, section.single-subject .training-exam.answered .explanation {
  opacity: 1;
}

/* line 1903, app/assets/stylesheets/main.scss */
section.lesson .quiz.answered.correct .explanation, section.lesson .check.answered.correct .explanation, section.lesson .training-exam.answered.correct .explanation, section.single-subject .quiz.answered.correct .explanation, section.single-subject .check.answered.correct .explanation, section.single-subject .training-exam.answered.correct .explanation {
  background: transparent url(/assets/icons/party.svg) no-repeat;
}

/* line 1911, app/assets/stylesheets/main.scss */
section.lesson .quiz.answered.multiple .not-all-correct-notice, section.lesson .check.answered.multiple .not-all-correct-notice, section.lesson .training-exam.answered.multiple .not-all-correct-notice, section.single-subject .quiz.answered.multiple .not-all-correct-notice, section.single-subject .check.answered.multiple .not-all-correct-notice, section.single-subject .training-exam.answered.multiple .not-all-correct-notice {
  display: block;
}

/* line 1915, app/assets/stylesheets/main.scss */
section.lesson .quiz.answered.multiple .all-correct-notice, section.lesson .check.answered.multiple .all-correct-notice, section.lesson .training-exam.answered.multiple .all-correct-notice, section.single-subject .quiz.answered.multiple .all-correct-notice, section.single-subject .check.answered.multiple .all-correct-notice, section.single-subject .training-exam.answered.multiple .all-correct-notice {
  display: none;
}

/* line 1922, app/assets/stylesheets/main.scss */
section.lesson .quiz.answered.multiple.correct .explanation .not-all-correct-notice, section.lesson .check.answered.multiple.correct .explanation .not-all-correct-notice, section.lesson .training-exam.answered.multiple.correct .explanation .not-all-correct-notice, section.single-subject .quiz.answered.multiple.correct .explanation .not-all-correct-notice, section.single-subject .check.answered.multiple.correct .explanation .not-all-correct-notice, section.single-subject .training-exam.answered.multiple.correct .explanation .not-all-correct-notice {
  display: none;
}

/* line 1926, app/assets/stylesheets/main.scss */
section.lesson .quiz.answered.multiple.correct .explanation .all-correct-notice, section.lesson .check.answered.multiple.correct .explanation .all-correct-notice, section.lesson .training-exam.answered.multiple.correct .explanation .all-correct-notice, section.single-subject .quiz.answered.multiple.correct .explanation .all-correct-notice, section.single-subject .check.answered.multiple.correct .explanation .all-correct-notice, section.single-subject .training-exam.answered.multiple.correct .explanation .all-correct-notice {
  display: block;
}

/* line 1935, app/assets/stylesheets/main.scss */
section.lesson .quiz .question, section.lesson .check .question, section.lesson .training-exam .question, section.single-subject .quiz .question, section.single-subject .check .question, section.single-subject .training-exam .question {
  margin-bottom: 20px;
  font-weight: bold;
}

/* line 1940, app/assets/stylesheets/main.scss */
section.lesson .quiz .buttons, section.lesson .check .buttons, section.lesson .training-exam .buttons, section.single-subject .quiz .buttons, section.single-subject .check .buttons, section.single-subject .training-exam .buttons {
  text-align: right;
}

/* line 1943, app/assets/stylesheets/main.scss */
section.lesson .quiz .buttons.hidden, section.lesson .check .buttons.hidden, section.lesson .training-exam .buttons.hidden, section.single-subject .quiz .buttons.hidden, section.single-subject .check .buttons.hidden, section.single-subject .training-exam .buttons.hidden {
  display: none;
}

/* line 1948, app/assets/stylesheets/main.scss */
section.lesson .quiz .solution, section.lesson .check .solution, section.lesson .training-exam .solution, section.single-subject .quiz .solution, section.single-subject .check .solution, section.single-subject .training-exam .solution {
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  padding-left: 40px;
  background: transparent url(/assets/icons/unchecked.svg) no-repeat;
  background-position: left 10px;
}

/* line 1949, app/assets/stylesheets/main.scss */
section.lesson .quiz .solution.hidden, section.lesson .check .solution.hidden, section.lesson .training-exam .solution.hidden, section.single-subject .quiz .solution.hidden, section.single-subject .check .solution.hidden, section.single-subject .training-exam .solution.hidden {
  display: none;
}

/* line 1960, app/assets/stylesheets/main.scss */
section.lesson .quiz .solution.checked, section.lesson .check .solution.checked, section.lesson .training-exam .solution.checked, section.single-subject .quiz .solution.checked, section.single-subject .check .solution.checked, section.single-subject .training-exam .solution.checked {
  background: transparent url(/assets/icons/checked.svg) no-repeat;
  background-position: left 10px;
}

/* line 1965, app/assets/stylesheets/main.scss */
section.lesson .quiz .solution:not(.answered):hover, section.lesson .check .solution:not(.answered):hover, section.lesson .training-exam .solution:not(.answered):hover, section.single-subject .quiz .solution:not(.answered):hover, section.single-subject .check .solution:not(.answered):hover, section.single-subject .training-exam .solution:not(.answered):hover {
  cursor: pointer;
  color: #555555;
}

/* line 1970, app/assets/stylesheets/main.scss */
section.lesson .quiz .solution.answered:hover, section.lesson .check .solution.answered:hover, section.lesson .training-exam .solution.answered:hover, section.single-subject .quiz .solution.answered:hover, section.single-subject .check .solution.answered:hover, section.single-subject .training-exam .solution.answered:hover {
  cursor: default;
}

/* line 1974, app/assets/stylesheets/main.scss */
section.lesson .quiz .solution.answered.true-positive, section.lesson .check .solution.answered.true-positive, section.lesson .training-exam .solution.answered.true-positive, section.single-subject .quiz .solution.answered.true-positive, section.single-subject .check .solution.answered.true-positive, section.single-subject .training-exam .solution.answered.true-positive {
  background: transparent url(/assets/icons/checked-right.svg) no-repeat;
  background-position: left 10px;
  color: #187C57;
}

/* line 1980, app/assets/stylesheets/main.scss */
section.lesson .quiz .solution.answered.false-positive, section.lesson .check .solution.answered.false-positive, section.lesson .training-exam .solution.answered.false-positive, section.single-subject .quiz .solution.answered.false-positive, section.single-subject .check .solution.answered.false-positive, section.single-subject .training-exam .solution.answered.false-positive {
  background: transparent url(/assets/icons/checked-wrong.svg) no-repeat;
  background-position: left 10px;
  color: #D70F4E;
}

/* line 1986, app/assets/stylesheets/main.scss */
section.lesson .quiz .solution.answered.false-negative, section.lesson .check .solution.answered.false-negative, section.lesson .training-exam .solution.answered.false-negative, section.single-subject .quiz .solution.answered.false-negative, section.single-subject .check .solution.answered.false-negative, section.single-subject .training-exam .solution.answered.false-negative {
  background: transparent url(/assets/icons/unchecked-wrong.svg) no-repeat;
  background-position: left 10px;
  color: #187C57;
}

/* line 1995, app/assets/stylesheets/main.scss */
section.lesson .script, section.with-public-description .script, .section.single-subject .script {
  color: #222;
  padding-bottom: 50px;
}

/* line 1998, app/assets/stylesheets/main.scss */
section.lesson .script h3, section.with-public-description .script h3, .section.single-subject .script h3 {
  font-size: 1em;
  font-weight: bold;
}

/* line 2004, app/assets/stylesheets/main.scss */
section.lesson .script img, section.single-subject .script img {
  max-width: 100%;
}

/* line 2009, app/assets/stylesheets/main.scss */
section.lesson .script h1, section.topics .lessons .notes h1, section.single-subject .script h1, .formatted-text h1 {
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  font-size: 2.00em;
  font-weight: bold;
}

/* line 2016, app/assets/stylesheets/main.scss */
section.lesson .script h2, section.topics .lessons .notes h2, section.single-subject .script h2, .formatted-text h2 {
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  font-size: 1.50em;
  font-weight: bold;
}

/* line 2023, app/assets/stylesheets/main.scss */
section.lesson .script h3, section.topics .lessons .notes h3, section.single-subject .script h3, .formatted-text h3 {
  margin-top: 1.00em;
  margin-bottom: 1.00em;
  font-size: 1.17em;
  font-weight: bold;
}

/* line 2030, app/assets/stylesheets/main.scss */
section.lesson .script h4, section.topics .lessons .notes h4, section.single-subject .script h4, .formatted-text h4 {
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  font-size: 1.00em;
  font-weight: bold;
}

/* line 2037, app/assets/stylesheets/main.scss */
section.lesson .script h5, section.topics .lessons .notes h5, section.single-subject .script h5, .formatted-text h5 {
  margin-top: 1.67em;
  margin-bottom: 1.67em;
  font-size: 0.83em;
  font-weight: bold;
}

/* line 2044, app/assets/stylesheets/main.scss */
section.lesson .script h6, section.topics .lessons .notes h6, section.single-subject .script h6, .formatted-text h6 {
  margin-top: 2.33em;
  margin-bottom: 2.33em;
  font-size: 0.67em;
  font-weight: bold;
}

/* line 2051, app/assets/stylesheets/main.scss */
section.lesson .script dir, section.lesson .script dd, section.lesson .script dl, section.lesson .script dt, section.lesson .script menu, section.lesson .script ol, section.lesson .script ul, section.topics .lessons .notes dir, section.topics .lessons .notes dd, section.topics .lessons .notes dl, section.topics .lessons .notes dt, section.topics .lessons .notes menu, section.topics .lessons .notes ol, section.topics .lessons .notes ul, section.single-subject .script dir, section.single-subject .script dd, section.single-subject .script dl, section.single-subject .script dt, section.single-subject .script menu, section.single-subject .script ol, section.single-subject .script ul, .formatted-text dir, .formatted-text dd, .formatted-text dl, .formatted-text dt, .formatted-text menu, .formatted-text ol, .formatted-text ul {
  display: block;
}

/* line 2055, app/assets/stylesheets/main.scss */
section.lesson .script li, section.topics .lessons .notes li, section.single-subject .script li, .formatted-text li {
  display: list-item;
  text-align: match-parent;
}

/* line 2060, app/assets/stylesheets/main.scss */
section.lesson .script blockquote, section.lesson .script figure, section.lesson .script listing, section.lesson .script p, section.lesson .script plaintext, section.lesson .script pre, section.lesson .script xmp, section.topics .lessons .notes blockquote, section.topics .lessons .notes figure, section.topics .lessons .notes listing, section.topics .lessons .notes p, section.topics .lessons .notes plaintext, section.topics .lessons .notes pre, section.topics .lessons .notes xmp, section.single-subject .script blockquote, section.single-subject .script figure, section.single-subject .script listing, section.single-subject .script p, section.single-subject .script plaintext, section.single-subject .script pre, section.single-subject .script xmp, .formatted-text blockquote, .formatted-text figure, .formatted-text listing, .formatted-text p, .formatted-text plaintext, .formatted-text pre, .formatted-text xmp {
  margin-top: 1em;
  margin-bottom: 1em;
}

/* line 2065, app/assets/stylesheets/main.scss */
section.lesson .script dir, section.lesson .script menu, section.lesson .script ol, section.lesson .script ul, section.topics .lessons .notes dir, section.topics .lessons .notes menu, section.topics .lessons .notes ol, section.topics .lessons .notes ul, section.single-subject .script dir, section.single-subject .script menu, section.single-subject .script ol, section.single-subject .script ul, .formatted-text dir, .formatted-text menu, .formatted-text ol, .formatted-text ul {
  padding-left: 40px;
}

/* line 2069, app/assets/stylesheets/main.scss */
section.lesson .script dir, section.lesson .script menu, section.lesson .script ul, section.topics .lessons .notes dir, section.topics .lessons .notes menu, section.topics .lessons .notes ul, section.single-subject .script dir, section.single-subject .script menu, section.single-subject .script ul, .formatted-text dir, .formatted-text menu, .formatted-text ul {
  list-style-type: disc;
}

/* line 2073, app/assets/stylesheets/main.scss */
section.lesson .script ol, section.topics .lessons .notes ol, section.single-subject .script ol, .formatted-text ol {
  list-style-type: decimal;
}

/* line 2077, app/assets/stylesheets/main.scss */
section.lesson .script a:link, section.lesson .script a:visited, section.lesson .script a:active, section.topics .lessons .notes a:link, section.topics .lessons .notes a:visited, section.topics .lessons .notes a:active, section.single-subject .script a:link, section.single-subject .script a:visited, section.single-subject .script a:active, .formatted-text a:link, .formatted-text a:visited, .formatted-text a:active {
  text-decoration: underline;
}

/* line 2082, app/assets/stylesheets/main.scss */
#admin-tinymce.mce-content-body {
  font-size: 18px !important;
}

/* line 2086, app/assets/stylesheets/main.scss */
.mce-content-body {
  padding-bottom: 0;
  font-size: 1em !important;
  background-color: transparent !important;
  min-height: auto;
  padding: 10px;
  color: #222;
}

/* line 2094, app/assets/stylesheets/main.scss */
.mce-content-body h3 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1em;
  font-weight: bold;
}

/* line 2101, app/assets/stylesheets/main.scss */
.mce-panel {
  background-color: transparent !important;
  border: none !important;
}

/* line 2106, app/assets/stylesheets/main.scss */
.mce-btn {
  border: none !important;
  background: none !important;
}

/* line 2111, app/assets/stylesheets/main.scss */
.mce-ico {
  color: #6956B7 !important;
}

/* line 2115, app/assets/stylesheets/main.scss */
.mce-tinymce, .mce-container-body, .mce-edit-area {
  position: absolute !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* line 2123, app/assets/stylesheets/main.scss */
.mce-edit-area {
  top: 34px;
}

/* line 2126, app/assets/stylesheets/main.scss */
.mce-edit-area iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* line 2135, app/assets/stylesheets/main.scss */
span.admin-button {
  height: 18px;
  font-size: 18px;
  padding: 3px;
  border: 1px solid #0B9BEF;
  border-radius: 1px;
}

/* line 2143, app/assets/stylesheets/main.scss */
.script-editor-summary, .script-editor-box {
  border: 3px solid #e2dff1;
  padding: 20px;
  border-radius: 10px;
  background-color: #f3f3fa;
  color: #222;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 2153, app/assets/stylesheets/main.scss */
.script-editor-summary {
  background-image: url(/assets/icons/attention.svg);
  background-repeat: no-repeat;
  background-position: 10px 10px;
  padding-left: 80px;
}

/* line 2160, app/assets/stylesheets/main.scss */
.script-editor-hint {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 100px;
  background-image: url(/assets/icons/hint.svg);
  background-position: center right;
  background-repeat: no-repeat;
}

/* line 2169, app/assets/stylesheets/main.scss */
.script-editor-checklist {
  padding: 0;
  list-style-type: none !important;
}

/* line 2173, app/assets/stylesheets/main.scss */
.script-editor-checklist ul {
  padding: 0;
  list-style-type: none !important;
}

/* line 2178, app/assets/stylesheets/main.scss */
.script-editor-checklist li {
  padding-left: 30px;
  background: transparent url(/assets/icons/unchecked.svg) no-repeat;
  background-position: left top;
  min-height: 24px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 2188, app/assets/stylesheets/main.scss */
.pure-button {
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 1em;
  border: 1px solid #6956B7;
  color: #6956B7;
  font-weight: bold;
  background-color: white;
  box-shadow: none;
  background-image: none;
  font-size: 1em;
}

/* line 2200, app/assets/stylesheets/main.scss */
.pure-button:hover, .pure-button:active, .pure-button:focus {
  box-shadow: none;
  background-image: none;
  color: #897ac6;
}

/* line 2206, app/assets/stylesheets/main.scss */
.pure-button.circle {
  height: 2em;
  width: 2em;
  border-radius: 50%;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  margin-left: 15px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 0.9em;
}

/* line 2222, app/assets/stylesheets/main.scss */
.pure-button-primary {
  background-color: #6956B7;
  color: white;
}

/* line 2226, app/assets/stylesheets/main.scss */
.pure-button-primary:hover, .pure-button-primary:active, .pure-button-primary:focus {
  color: white;
  border-color: #897ac6;
  box-shadow: none;
  background-image: none;
  background-color: #897ac6;
}

/* line 2234, app/assets/stylesheets/main.scss */
.pure-button-primary.disabled {
  background-color: #b8afdd;
  border-color: #b8afdd;
  cursor: default;
}

/* line 2239, app/assets/stylesheets/main.scss */
.pure-button-primary.disabled:hover, .pure-button-primary.disabled:active, .pure-button-primary.disabled:focus {
  border-color: #b8afdd;
  background-color: #b8afdd;
}

/* line 2247, app/assets/stylesheets/main.scss */
.pure-button-secondary {
  background-color: #0B9BEF;
  color: white;
  border: 2px solid #0B9BEF;
}

/* line 2252, app/assets/stylesheets/main.scss */
.pure-button-secondary:hover, .pure-button-secondary:active, .pure-button-secondary:focus {
  color: white;
  border-color: #37b0f6;
  box-shadow: none;
  background-image: none;
  background-color: #37b0f6;
}

/* line 2261, app/assets/stylesheets/main.scss */
table {
  border: 1px solid #ccc;
}

/* line 2264, app/assets/stylesheets/main.scss */
table tr {
  border-bottom: 1px solid #ccc;
}

/* line 2267, app/assets/stylesheets/main.scss */
table tr.header {
  text-align: left;
  background-color: #ddd;
}

/* line 2272, app/assets/stylesheets/main.scss */
table tr.odd {
  background-color: #eee;
}

/* line 2277, app/assets/stylesheets/main.scss */
table td, table th {
  border-left: 1px solid #ccc;
  padding: 10px;
}

/* line 2283, app/assets/stylesheets/main.scss */
.box, .pure-form fieldset {
  background-color: #edf6ff;
  margin: 0;
  padding: 20px;
  border-radius: 10px;
  margin: 0 auto;
  margin-bottom: 20px;
  width: 508px;
  box-sizing: content-box;
}

/* line 2293, app/assets/stylesheets/main.scss */
.box.wide, .pure-form fieldset.wide {
  width: auto;
}

/* line 2297, app/assets/stylesheets/main.scss */
.box.mt, .pure-form fieldset.mt {
  margin-top: 20px;
}

/* line 2301, app/assets/stylesheets/main.scss */
.box .small, .pure-form fieldset .small {
  font-size: 0.75em;
}

/* line 2305, app/assets/stylesheets/main.scss */
.box a, .box a:link, .box a:visited, .pure-form fieldset a, .pure-form fieldset a:link, .pure-form fieldset a:visited {
  font-weight: bold;
}

/* line 2309, app/assets/stylesheets/main.scss */
.box a:hover, .pure-form fieldset a:hover {
  color: #897ac6;
}

/* line 2313, app/assets/stylesheets/main.scss */
.box.newsletter, .pure-form fieldset.newsletter {
  width: auto;
  margin-bottom: 50px;
}

/* line 2319, app/assets/stylesheets/main.scss */
.box.start-check, .pure-form fieldset.start-check {
  padding: 30px;
  margin-top: 60px;
  width: auto;
}

/* line 2324, app/assets/stylesheets/main.scss */
.box.start-check.with-logo, .pure-form fieldset.start-check.with-logo {
  background-position: right 50px top 30px;
  background-size: 100px 100px;
  background-color: #edf6ff;
}

/* line 2331, app/assets/stylesheets/main.scss */
.box.start-check .content, .pure-form fieldset.start-check .content {
  padding-right: 200px;
}

/* line 2335, app/assets/stylesheets/main.scss */
.box.start-check h4, .box.start-check .h4, .pure-form fieldset.start-check h4, .pure-form fieldset.start-check .h4 {
  color: #6956B7;
  padding: 0;
  margin: 0;
}

/* line 2341, app/assets/stylesheets/main.scss */
.box.start-check .buttons, .pure-form fieldset.start-check .buttons {
  text-align: right;
}

/* line 2346, app/assets/stylesheets/main.scss */
.box h2, .box h3, .pure-form fieldset h2, .pure-form fieldset h3 {
  color: #6956B7;
}

/* line 2350, app/assets/stylesheets/main.scss */
.box.dark, .pure-form fieldset.dark {
  background-color: #6956B7;
  color: white;
}

/* line 2354, app/assets/stylesheets/main.scss */
.box.dark a, .box.dark a:link, .box.dark a:visited, .pure-form fieldset.dark a, .pure-form fieldset.dark a:link, .pure-form fieldset.dark a:visited {
  text-decoration: underline;
  color: white;
}

/* line 2359, app/assets/stylesheets/main.scss */
.box.dark a:hover, .pure-form fieldset.dark a:hover {
  color: #e6e6e6;
}

/* line 2363, app/assets/stylesheets/main.scss */
.box.dark button, .pure-form fieldset.dark button {
  background-color: #0B9BEF;
  border-color: #0B9BEF;
  color: white;
}

/* line 2369, app/assets/stylesheets/main.scss */
.box.dark input, .box.dark textarea, .pure-form fieldset.dark input, .pure-form fieldset.dark textarea {
  color: #6956B7;
}

/* line 2373, app/assets/stylesheets/main.scss */
.box.dark span.error, .pure-form fieldset.dark span.error {
  color: #f35989;
}

/* line 2377, app/assets/stylesheets/main.scss */
.box.dark h2, .box.dark h3, .box.dark .legend, .pure-form fieldset.dark h2, .pure-form fieldset.dark h3, .pure-form fieldset.dark .legend {
  color: white;
}

/* line 2382, app/assets/stylesheets/main.scss */
.box.ll .checkbox-label, .pure-form fieldset.ll .checkbox-label {
  padding-top: 0.3em;
  font-size: 0.7em;
}

/* line 2389, app/assets/stylesheets/main.scss */
section.direct-register .box, section.direct-register .pure-form fieldset {
  width: auto;
}

/* line 2393, app/assets/stylesheets/main.scss */
section.direct-register h2 {
  font-weight: bold;
  font-size: 1.2em;
  border: none;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  color: #6956B7;
  background-color: transparent;
}

/* line 2405, app/assets/stylesheets/main.scss */
section.direct-register.user_shipping_to, section.direct-register.user_shipping_street, section.direct-register.user_shipping_number, section.direct-register.user_shipping_zip, section.direct-register.user_shipping_city {
  display: none;
}

/* line 2415, app/assets/stylesheets/main.scss */
.pure-form .pure-input-rounded[type=checkbox] {
  border-radius: 0;
  padding: 0;
}

/* line 2420, app/assets/stylesheets/main.scss */
.pure-form .pure-input-rounded[type=radio] {
  padding: 0;
}

/* line 2425, app/assets/stylesheets/main.scss */
.pure-form .pure-input-rounded:focus {
  border-color: #6956B7;
}

/* line 2430, app/assets/stylesheets/main.scss */
.pure-form textarea.pure-input-rounded {
  height: 10em;
  resize: none;
}

/* line 2435, app/assets/stylesheets/main.scss */
.pure-form select {
  height: auto;
  width: 100%;
}

/* line 2440, app/assets/stylesheets/main.scss */
.pure-form select.pure-input-rounded {
  padding-top: .3em;
}

/* line 2445, app/assets/stylesheets/main.scss */
.pure-form .input.field_with_errors input[type=text], .pure-form .input.field_with_errors input[type=number], .pure-form .input.field_with_errors input[type=search], .pure-form .input.field_with_errors input[type=tel], .pure-form .input.field_with_errors input[type=color], .pure-form .input.field_with_errors input[type=password], .pure-form .input.field_with_errors input[type=email], .pure-form .input.field_with_errors input[type=url], .pure-form .input.field_with_errors input[type=date], .pure-form .input.field_with_errors input[type=month], .pure-form .input.field_with_errors input[type=time], .pure-form .input.field_with_errors input[type=datetime], .pure-form .input.field_with_errors input[type=datetime-local], .pure-form .input.field_with_errors input[type=week], .pure-form .input.field_with_errors select, .pure-form .input.field_with_errors textarea {
  border-color: #D70F4E;
}

/* line 2450, app/assets/stylesheets/main.scss */
.pure-form input[type=text], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form select, .pure-form textarea {
  border: 2px solid #c3bbe2;
  box-shadow: none;
  font-size: 0.9em;
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-top: 0.3em;
  color: #6956B7;
}

/* line 2464, app/assets/stylesheets/main.scss */
.pure-form input[type=text]:focus, .pure-form input[type=number]:focus, .pure-form input[type=search]:focus, .pure-form input[type=tel]:focus, .pure-form input[type=color]:focus, .pure-form input[type=password]:focus, .pure-form input[type=email]:focus, .pure-form input[type=url]:focus, .pure-form input[type=date]:focus, .pure-form input[type=month]:focus, .pure-form input[type=time]:focus, .pure-form input[type=datetime]:focus, .pure-form input[type=datetime-local]:focus, .pure-form input[type=week]:focus, .pure-form select:focus, .pure-form textarea:focus {
  border-color: #6956B7;
}

/* line 2468, app/assets/stylesheets/main.scss */
.pure-form input[type=text][disabled], .pure-form input[type=number][disabled], .pure-form input[type=search][disabled], .pure-form input[type=tel][disabled], .pure-form input[type=color][disabled], .pure-form input[type=password][disabled], .pure-form input[type=email][disabled], .pure-form input[type=url][disabled], .pure-form input[type=date][disabled], .pure-form input[type=month][disabled], .pure-form input[type=time][disabled], .pure-form input[type=datetime][disabled], .pure-form input[type=datetime-local][disabled], .pure-form input[type=week][disabled], .pure-form select[disabled], .pure-form textarea[disabled] {
  color: #897ac6;
}

/* line 2472, app/assets/stylesheets/main.scss */
.pure-form input[type=text]:invalid, .pure-form input[type=number]:invalid, .pure-form input[type=search]:invalid, .pure-form input[type=tel]:invalid, .pure-form input[type=color]:invalid, .pure-form input[type=password]:invalid, .pure-form input[type=email]:invalid, .pure-form input[type=url]:invalid, .pure-form input[type=date]:invalid, .pure-form input[type=month]:invalid, .pure-form input[type=time]:invalid, .pure-form input[type=datetime]:invalid, .pure-form input[type=datetime-local]:invalid, .pure-form input[type=week]:invalid, .pure-form select:invalid, .pure-form textarea:invalid {
  color: #D70F4E;
}

/* line 2477, app/assets/stylesheets/main.scss */
.pure-form label, .pure-form .hint {
  font-size: 0.9em;
  padding: 0.4em;
}

/* line 2482, app/assets/stylesheets/main.scss */
.pure-form .hint {
  opacity: 0.7;
  padding: 0;
  padding-left: 0.4em;
  display: block;
}

/* line 2489, app/assets/stylesheets/main.scss */
.pure-form .legend {
  font-weight: bold;
  font-size: 1.2em;
  border: none;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  color: #6956B7;
  background-color: transparent;
}

/* line 2500, app/assets/stylesheets/main.scss */
.pure-form .input {
  padding-bottom: 10px;
  margin-left: 0;
  margin-right: 10px;
  float: left;
  width: 244px;
}

/* line 2507, app/assets/stylesheets/main.scss */
.pure-form .input.double {
  margin-left: 0;
  margin-right: 0;
  float: none;
  width: 508px;
}

/* line 2514, app/assets/stylesheets/main.scss */
.pure-form .input.date {
  margin-left: 0;
  margin-right: 0;
  float: none;
  width: 508px;
}

/* line 2520, app/assets/stylesheets/main.scss */
.pure-form .input.date select {
  display: inline;
}

/* line 2524, app/assets/stylesheets/main.scss */
.pure-form .input.date.invisible {
  display: none !important;
}

/* line 2528, app/assets/stylesheets/main.scss */
.pure-form .input.date #user_abo_begins_at_3i {
  width: 100px;
}

/* line 2531, app/assets/stylesheets/main.scss */
.pure-form .input.date #user_abo_begins_at_2i {
  width: 249px;
}

/* line 2534, app/assets/stylesheets/main.scss */
.pure-form .input.date #user_abo_begins_at_1i {
  width: 150px;
}

/* line 2541, app/assets/stylesheets/main.scss */
.pure-form .input:not(.hidden) + .input {
  margin-left: 10px;
  margin-right: 0;
}

/* line 2546, app/assets/stylesheets/main.scss */
.pure-form .buttons {
  padding-top: 30px;
  text-align: right;
  padding-right: 0;
}

/* line 2552, app/assets/stylesheets/main.scss */
.pure-form span.error {
  color: #D70F4E;
  font-size: 0.9em;
  padding: 0;
  padding-left: 0.4em;
  display: block;
}

/* line 2560, app/assets/stylesheets/main.scss */
.pure-form .input.boolean {
  width: auto;
}

/* line 2563, app/assets/stylesheets/main.scss */
.pure-form .input.boolean input {
  float: left;
  margin-top: 3px;
  margin-right: 5px;
}

/* line 2569, app/assets/stylesheets/main.scss */
.pure-form .input.boolean .checkbox-label {
  padding-left: 30px;
  margin-top: -5px;
}

/* line 2573, app/assets/stylesheets/main.scss */
.pure-form .input.boolean .checkbox-label *:first-child {
  padding-top: 0;
  margin-top: 0;
}

/* line 2581, app/assets/stylesheets/main.scss */
.pure-form.pure-form-inline {
  font-size: 0.6em;
}

/* line 2584, app/assets/stylesheets/main.scss */
.pure-form.pure-form-inline fieldset {
  background-color: transparent;
  margin: 0;
  padding: 0;
  width: auto;
}

/* line 2591, app/assets/stylesheets/main.scss */
.pure-form.pure-form-inline label {
  display: none;
}

/* line 2595, app/assets/stylesheets/main.scss */
.pure-form.pure-form-inline .buttons {
  display: inline;
  margin-left: 10px;
}

/* line 2599, app/assets/stylesheets/main.scss */
.pure-form.pure-form-inline .buttons button {
  font-size: 0.9em;
  padding: 0.5em 1em;
  padding-top: 0.3em;
}

/* line 2606, app/assets/stylesheets/main.scss */
.pure-form.pure-form-inline .input {
  margin: 0;
  width: 200px;
  padding-bottom: 0;
}

/* line 2612, app/assets/stylesheets/main.scss */
.pure-form.pure-form-inline .forgot-password {
  text-align: right;
}

/* line 2615, app/assets/stylesheets/main.scss */
.pure-form.pure-form-inline .forgot-password a, .pure-form.pure-form-inline .forgot-password a:link, .pure-form.pure-form-inline .forgot-password a:visited {
  cursor: pointer;
  color: #6956B7;
  font-weight: normal;
}

/* line 2621, app/assets/stylesheets/main.scss */
.pure-form.pure-form-inline .forgot-password a:hover {
  cursor: pointer;
  color: #897ac6;
  font-weight: normal;
}

/* line 2630, app/assets/stylesheets/main.scss */
.forgot-password {
  text-align: left;
}

/* line 2633, app/assets/stylesheets/main.scss */
.forgot-password a, .forgot-password a:link, .forgot-password a:visited {
  cursor: pointer;
  color: #6956B7;
  font-weight: normal;
  font-size: 0.7em;
}

/* line 2640, app/assets/stylesheets/main.scss */
.forgot-password a:hover {
  cursor: pointer;
  color: #897ac6;
  font-weight: normal;
  font-size: 0.7em;
}

/* line 2648, app/assets/stylesheets/main.scss */
#search-form-section {
  display: none;
}

/* line 2651, app/assets/stylesheets/main.scss */
#search-form-section.visible {
  display: block;
}

/* line 2656, app/assets/stylesheets/main.scss */
#search-form-input {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: white;
  top: -5px;
  bottom: 0;
}

/* line 2666, app/assets/stylesheets/main.scss */
#search-form-input input {
  height: 50px;
  width: 100%;
  border: none;
  border-bottom: 1px solid;
  margin-right: 0;
}

/* line 2675, app/assets/stylesheets/main.scss */
#search-form-input input:focus {
  border: none;
  border-bottom: 1px solid;
}

/* line 2681, app/assets/stylesheets/main.scss */
#search-form-input.visible {
  display: inline-block;
}

/* line 2686, app/assets/stylesheets/main.scss */
.search-button {
  padding: 3px;
  height: 2em;
  width: 2em;
  box-sizing: border-box;
  flex-shrink: 0;
  flex-grow: 0;
}

/* line 2694, app/assets/stylesheets/main.scss */
.search-button .button {
  height: 100%;
}

/* line 2698, app/assets/stylesheets/main.scss */
.search-button svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 400px) {
  /* line 2705, app/assets/stylesheets/main.scss */
  .settings-button {
    display: none;
  }
}

/* line 2710, app/assets/stylesheets/main.scss */
.search-form {
  margin-left: 20px;
  font-size: 0.8em;
  font-weight: normal;
}

/* line 2713, app/assets/stylesheets/main.scss */
.search-form.no-margin {
  margin-left: 0;
}

/* line 2720, app/assets/stylesheets/main.scss */
.search-form input[type=text] {
  padding: 0;
  padding-bottom: 5px;
  border: none;
  border-bottom: 1px solid #0B9BEF;
  border-radius: 0;
  width: 0;
  transition: width 500ms;
}

/* line 2730, app/assets/stylesheets/main.scss */
.search-form.expanded input[type=text] {
  width: 200px;
}

/* line 2734, app/assets/stylesheets/main.scss */
.search-form button.search {
  color: #0B9BEF;
  border: none;
  height: 1.3em;
  width: 1.3em;
  background-size: 1.3em 1.3em;
  padding: 0;
  margin: 0;
}

/* line 2746, app/assets/stylesheets/main.scss */
.video-wrapper {
  display: inline-block;
  position: relative;
  width: 100%;
}

/* line 2751, app/assets/stylesheets/main.scss */
.video-wrapper.not-found {
  font-size: 1.5em;
  color: #aaa;
  text-align: center;
  padding-top: 30%;
}

/* line 2757, app/assets/stylesheets/main.scss */
.video-wrapper.not-found:after {
  padding-top: 26.25%;
}

/* line 2763, app/assets/stylesheets/main.scss */
.video-wrapper:after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

/* line 2769, app/assets/stylesheets/main.scss */
.video-wrapper .video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* line 2776, app/assets/stylesheets/main.scss */
.video-wrapper .video iframe {
  z-index: -1;
  width: 100%;
  height: 100%;
}

/* line 2785, app/assets/stylesheets/main.scss */
.disabled-editable button.save, .disabled-editable button.cancel {
  display: none;
}

/* line 2790, app/assets/stylesheets/main.scss */
.modal {
  z-index: 10;
  position: fixed;
  top: 50%;
  width: 800px;
  left: 50%;
  background-color: white;
  height: 50%;
  transform: translate(-50%, -50%);
}

/* line 2801, app/assets/stylesheets/main.scss */
.modal, .fake-modal {
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
}

/* line 2806, app/assets/stylesheets/main.scss */
.modal:hidden, .fake-modal:hidden {
  display: none;
}

/* line 2810, app/assets/stylesheets/main.scss */
.modal header, .modal footer, .fake-modal header, .fake-modal footer {
  box-sizing: border-box;
  background-color: transparent;
  padding: 10px;
  height: 56px;
}

/* line 2817, app/assets/stylesheets/main.scss */
.modal header, .fake-modal header {
  position: relative;
}

/* line 2820, app/assets/stylesheets/main.scss */
.modal header .close, .fake-modal header .close {
  position: absolute;
  width: 56px;
  right: 0;
  top: -2px;
  bottom: 0;
  font-size: 36px;
  line-height: 36px;
  text-align: center;
  box-sizing: border-box;
  font-weight: bold;
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
}

/* line 2835, app/assets/stylesheets/main.scss */
.modal header .close:hover, .fake-modal header .close:hover {
  color: #a89ed5;
}

/* line 2840, app/assets/stylesheets/main.scss */
.modal header h3, .fake-modal header h3 {
  font-size: 18px;
  line-height: 36px;
}

/* line 2846, app/assets/stylesheets/main.scss */
.modal .content, .fake-modal .content {
  box-sizing: border-box;
  padding: 10px;
  position: absolute;
  bottom: 56px;
  top: 56px;
  left: 0;
  right: 0;
  background-color: #eee;
}

/* line 2856, app/assets/stylesheets/main.scss */
.modal .content .text.half, .fake-modal .content .text.half {
  padding: 10px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50%;
  top: 0;
  background-color: white;
}

/* line 2866, app/assets/stylesheets/main.scss */
.modal .content textarea, .fake-modal .content textarea {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
  border: 0px;
  resize: none;
  padding: 10px;
  color: #333;
}

/* line 2880, app/assets/stylesheets/main.scss */
.modal .content textarea.half, .fake-modal .content textarea.half {
  top: 50%;
}

/* line 2884, app/assets/stylesheets/main.scss */
.modal .content textarea:focus, .fake-modal .content textarea:focus {
  outline: none;
}

/* line 2890, app/assets/stylesheets/main.scss */
.modal footer, .fake-modal footer {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  padding: 10px;
  text-align: right;
}

/* line 2900, app/assets/stylesheets/main.scss */
.modal h3, .fake-modal h3 {
  color: #6956B7;
  margin: 0;
}

/* line 2906, app/assets/stylesheets/main.scss */
.modal.learning-hints-modal span.title, .modal.intro-video-modal span.title, .fake-modal.learning-hints-modal span.title, .fake-modal.intro-video-modal span.title {
  font-weight: bold;
}

/* line 2910, app/assets/stylesheets/main.scss */
.modal.learning-hints-modal .content, .modal.intro-video-modal .content, .fake-modal.learning-hints-modal .content, .fake-modal.intro-video-modal .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.5em;
}

/* line 2917, app/assets/stylesheets/main.scss */
.modal.learning-hints-modal .video-wrapper, .modal.intro-video-modal .video-wrapper, .fake-modal.learning-hints-modal .video-wrapper, .fake-modal.intro-video-modal .video-wrapper {
  max-height: 100%;
}

/* line 2923, app/assets/stylesheets/main.scss */
.table-wrapper.exam-index, .table-wrapper.user {
  margin: 0 auto;
}

/* line 2926, app/assets/stylesheets/main.scss */
.table-wrapper.exam-index table.exam-index, .table-wrapper.exam-index table.user, .table-wrapper.user table.exam-index, .table-wrapper.user table.user {
  margin: 0 auto;
  border: 0;
}

/* line 2929, app/assets/stylesheets/main.scss */
.table-wrapper.exam-index table.exam-index td, .table-wrapper.exam-index table.exam-index tr, .table-wrapper.exam-index table.exam-index th, .table-wrapper.exam-index table.user td, .table-wrapper.exam-index table.user tr, .table-wrapper.exam-index table.user th, .table-wrapper.user table.exam-index td, .table-wrapper.user table.exam-index tr, .table-wrapper.user table.exam-index th, .table-wrapper.user table.user td, .table-wrapper.user table.user tr, .table-wrapper.user table.user th {
  border: 0;
  white-space: nowrap;
}

/* line 2934, app/assets/stylesheets/main.scss */
.table-wrapper.exam-index table.exam-index td.center, .table-wrapper.exam-index table.exam-index tr.center, .table-wrapper.exam-index table.exam-index th.center, .table-wrapper.exam-index table.user td.center, .table-wrapper.exam-index table.user tr.center, .table-wrapper.exam-index table.user th.center, .table-wrapper.user table.exam-index td.center, .table-wrapper.user table.exam-index tr.center, .table-wrapper.user table.exam-index th.center, .table-wrapper.user table.user td.center, .table-wrapper.user table.user tr.center, .table-wrapper.user table.user th.center {
  text-align: center;
}

/* line 2942, app/assets/stylesheets/main.scss */
.exams-list .exams-list-item, .exams-list .terms-list-item, .terms-list .exams-list-item, .terms-list .terms-list-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 20px 0;
  text-align: center;
}

/* line 2949, app/assets/stylesheets/main.scss */
.exams-list .exams-list-item .exam-action, .exams-list .exams-list-item .terms-timespan, .exams-list .exams-list-item .terms-action-button, .exams-list .exams-list-item .exam-name, .exams-list .exams-list-item .exam-action-button, .exams-list .exams-list-item .exam-status, .exams-list .exams-list-item .exam-time-header, .exams-list .exams-list-item .exam-time, .exams-list .exams-list-item .exam-result-header, .exams-list .exams-list-item .exam-result, .exams-list .exams-list-item .exam-grade-header, .exams-list .exams-list-item .exam-grade, .exams-list .terms-list-item .exam-action, .exams-list .terms-list-item .terms-timespan, .exams-list .terms-list-item .terms-action-button, .exams-list .terms-list-item .exam-name, .exams-list .terms-list-item .exam-action-button, .exams-list .terms-list-item .exam-status, .exams-list .terms-list-item .exam-time-header, .exams-list .terms-list-item .exam-time, .exams-list .terms-list-item .exam-result-header, .exams-list .terms-list-item .exam-result, .exams-list .terms-list-item .exam-grade-header, .exams-list .terms-list-item .exam-grade, .terms-list .exams-list-item .exam-action, .terms-list .exams-list-item .terms-timespan, .terms-list .exams-list-item .terms-action-button, .terms-list .exams-list-item .exam-name, .terms-list .exams-list-item .exam-action-button, .terms-list .exams-list-item .exam-status, .terms-list .exams-list-item .exam-time-header, .terms-list .exams-list-item .exam-time, .terms-list .exams-list-item .exam-result-header, .terms-list .exams-list-item .exam-result, .terms-list .exams-list-item .exam-grade-header, .terms-list .exams-list-item .exam-grade, .terms-list .terms-list-item .exam-action, .terms-list .terms-list-item .terms-timespan, .terms-list .terms-list-item .terms-action-button, .terms-list .terms-list-item .exam-name, .terms-list .terms-list-item .exam-action-button, .terms-list .terms-list-item .exam-status, .terms-list .terms-list-item .exam-time-header, .terms-list .terms-list-item .exam-time, .terms-list .terms-list-item .exam-result-header, .terms-list .terms-list-item .exam-result, .terms-list .terms-list-item .exam-grade-header, .terms-list .terms-list-item .exam-grade {
  margin: 5px 10px;
  flex: 1 1 0%;
}

/* line 2957, app/assets/stylesheets/main.scss */
.exams-list .terms-list-item, .terms-list .terms-list-item {
  justify-content: space-around;
}

/* line 2965, app/assets/stylesheets/main.scss */
.exams-list .exams-result-list-item, .terms-list .exams-result-list-item {
  margin-bottom: 35px;
}

/* line 2969, app/assets/stylesheets/main.scss */
.exams-list .exams-result-invalidation, .terms-list .exams-result-invalidation {
  margin: 50px 0;
}

/* line 2973, app/assets/stylesheets/main.scss */
.exams-list .exam-result-action-button, .terms-list .exam-result-action-button {
  text-align: right;
  margin-top: 10px;
}

/* line 2978, app/assets/stylesheets/main.scss */
.exams-list .exam-result-wrapper, .terms-list .exam-result-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 2985, app/assets/stylesheets/main.scss */
.exam-result-gauge-bg {
  background-color: white;
  border-radius: 10px;
  height: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
  box-sizing: border-box;
}

/* line 2993, app/assets/stylesheets/main.scss */
.exam-result-gauge-bg .exam-result-gauge {
  border-radius: 10px;
  height: 20px;
  background-color: #6956B7;
}

/* line 3003, app/assets/stylesheets/main.scss */
.dark-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 5;
}

/* line 3013, app/assets/stylesheets/main.scss */
.modal-buttons {
  margin-top: 30px;
  display: flex;
}

/* line 3017, app/assets/stylesheets/main.scss */
.modal-buttons .show-question-modal, .modal-buttons .show-notes-modal, .modal-buttons .show-ai-modal {
  cursor: pointer;
  margin-right: 20px;
  padding: 10px;
  padding-left: 30px;
  font-weight: bold;
  font-size: 0.9em;
}

/* line 3025, app/assets/stylesheets/main.scss */
.modal-buttons .show-question-modal:hover, .modal-buttons .show-notes-modal:hover, .modal-buttons .show-ai-modal:hover {
  color: #a89ed5;
}

/* line 3031, app/assets/stylesheets/main.scss */
.modal-buttons .show-notes-modal {
  background-position: left center;
}

/* line 3036, app/assets/stylesheets/main.scss */
.modal-buttons .show-question-modal {
  background-position: left center;
}

/* line 3041, app/assets/stylesheets/main.scss */
.modal-buttons .show-ai-modal {
  background-position: left center;
}

/* line 3046, app/assets/stylesheets/main.scss */
.modal-buttons .modal-button-wrapper {
  border-bottom: 2px solid transparent;
}

/* line 3049, app/assets/stylesheets/main.scss */
.modal-buttons .modal-button-wrapper.active {
  border-bottom: 2px solid #6956B7;
}

/* line 3055, app/assets/stylesheets/main.scss */
.badge {
  display: block;
  float: left;
  height: 2em;
  width: 2em;
  border-radius: 1.2em;
  background: #0B9BEF;
  color: white;
  font-weight: bold;
  line-height: 2em;
  text-align: center;
  font-size: 0.7em;
  box-sizing: border-box;
  margin-top: 0px;
  margin-right: 10px;
  cursor: pointer;
}

/* line 3072, app/assets/stylesheets/main.scss */
.badge.urgent {
  background-color: #D70F4E;
}

/* line 3076, app/assets/stylesheets/main.scss */
.badge.hidden {
  display: none;
}

/* line 3081, app/assets/stylesheets/main.scss */
ul.wizard {
  display: flex;
  list-style: none;
  padding: 0;
  color: #6956B7;
  margin: 0 auto;
  width: 548px;
  margin-bottom: 20px;
}

/* line 3090, app/assets/stylesheets/main.scss */
ul.wizard li {
  flex: 1;
  padding: 0.5em;
  text-align: center;
  display: inline-block;
  position: relative;
  line-height: 1em;
  background-color: #f8f7fc;
}

/* line 3099, app/assets/stylesheets/main.scss */
ul.wizard li:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  border-top: 1em inset transparent;
  border-left: 1em solid #6956B7;
  border-bottom: 1em inset transparent;
  top: 0;
  left: 0;
}

/* line 3111, app/assets/stylesheets/main.scss */
ul.wizard li.active {
  background-color: #6956B7;
  color: white;
}

/* line 3115, app/assets/stylesheets/main.scss */
ul.wizard li.active:before {
  border-left: 1em solid #f8f7fc;
}

/* line 3121, app/assets/stylesheets/main.scss */
ul.wizard li:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* line 3126, app/assets/stylesheets/main.scss */
ul.wizard li:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

/* line 3129, app/assets/stylesheets/main.scss */
ul.wizard li:first-child:before {
  border: 0;
}

/* line 3136, app/assets/stylesheets/main.scss */
.ui-helper-hidden-accessible {
  display: none;
}

/* line 3140, app/assets/stylesheets/main.scss */
span.prices {
  font-size: 0.8em;
  font-weight: normal;
}

/* line 3145, app/assets/stylesheets/main.scss */
#flash .black {
  color: black;
}

/* line 3154, app/assets/stylesheets/main.scss */
section.prices .buttons.inside {
  display: none;
  text-align: center;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #0B9BEF;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 2px solid white;
}

/* line 3166, app/assets/stylesheets/main.scss */
section.prices .buttons.inside button {
  border: 2px solid white;
  color: #0B9BEF;
}

/* line 3172, app/assets/stylesheets/main.scss */
section.prices .buttons.inside.visible {
  display: block;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 3183, app/assets/stylesheets/main.scss */
section.prices .top .price-post {
  border-radius: 20px;
}

/* line 3187, app/assets/stylesheets/main.scss */
section.prices .prices-wrapper {
  display: flex;
  justify-content: center;
}

/* line 3192, app/assets/stylesheets/main.scss */
section.prices .price-post {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 10px;
  margin-right: 10px;
  width: 500px;
  background-color: #6956B7;
  color: white;
}

/* line 3201, app/assets/stylesheets/main.scss */
section.prices .price-post.last {
  margin-right: 0;
}

/* line 3205, app/assets/stylesheets/main.scss */
section.prices .price-post h1 {
  font-size: 1em;
  font-weight: bold;
  color: white;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* line 3214, app/assets/stylesheets/main.scss */
section.prices .price-post .price {
  text-align: center;
  font-weight: bold;
  font-size: 2em;
}

/* line 3221, app/assets/stylesheets/main.scss */
section.prices .bottom .price-post, section.prices .price-post-bottom {
  background-color: #0B9BEF;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

/* line 3227, app/assets/stylesheets/main.scss */
section.prices .bottom .price-post button, section.prices .price-post-bottom button {
  border: 2px solid white;
  color: #0B9BEF;
}

/* line 3233, app/assets/stylesheets/main.scss */
section.prices .price-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

/* line 3240, app/assets/stylesheets/main.scss */
section.prices .price-label-caption {
  color: white;
  text-align: left;
  font-weight: bold;
}

/* line 3246, app/assets/stylesheets/main.scss */
section.prices .price-label-tag {
  color: white;
  text-align: left;
  font-weight: bold;
  font-size: 2em;
}

/* line 3255, app/assets/stylesheets/main.scss */
.price-post ul, .advantages ul {
  padding-left: 20px;
  padding-right: 20px;
}

/* line 3258, app/assets/stylesheets/main.scss */
.price-post ul li, .advantages ul li {
  font-size: 0.9em;
  padding-left: 30px;
  margin-bottom: 20px;
  list-style-type: none;
}

/* line 3271, app/assets/stylesheets/main.scss */
.advantages h3, section.home-circle h3 {
  font-weight: bold;
  color: #6956B7;
  font-size: 1.5em;
}

/* line 3277, app/assets/stylesheets/main.scss */
section.home-circle h3 {
  text-align: center;
}

/* line 3281, app/assets/stylesheets/main.scss */
.advantages {
  padding-left: 20px;
}

/* line 3284, app/assets/stylesheets/main.scss */
.advantages ul {
  padding-left: 0;
}

/* line 3289, app/assets/stylesheets/main.scss */
section.advantages {
  padding-bottom: 50px;
  width: 500px;
  float: left;
  box-sizing: border-box;
}

/* line 3296, app/assets/stylesheets/main.scss */
fieldset.exam-offices {
  width: auto;
}

/* line 3299, app/assets/stylesheets/main.scss */
fieldset.exam-offices label {
  padding-left: 0;
  padding-right: 0;
}

/* line 3304, app/assets/stylesheets/main.scss */
fieldset.exam-offices input {
  margin-left: -2px;
  margin-right: -2px;
}

@media (max-width: 1000px) {
  /* line 3311, app/assets/stylesheets/main.scss */
  .modal-buttons {
    justify-content: space-around;
  }
  /* line 3314, app/assets/stylesheets/main.scss */
  .modal-buttons .show-question-modal, .modal-buttons .show-notes-modal, .modal-buttons .show-ai-modal {
    margin-right: 0;
  }
  /* line 3319, app/assets/stylesheets/main.scss */
  h4.breadcrumb, .h4.breadcrumb {
    padding-bottom: 1em;
  }
  /* line 3320, app/assets/stylesheets/main.scss */
  h4.breadcrumb span.delimiter.break-on-mobile, .h4.breadcrumb span.delimiter.break-on-mobile {
    width: 100%;
    background: none;
  }
  /* line 3328, app/assets/stylesheets/main.scss */
  fieldset.product {
    margin-bottom: 20px;
  }
  /* line 3333, app/assets/stylesheets/main.scss */
  fieldset.welcome img {
    width: 33%;
  }
  /* line 3338, app/assets/stylesheets/main.scss */
  section.products {
    flex-wrap: wrap;
  }
  /* line 3341, app/assets/stylesheets/main.scss */
  section.products .product-wrapper {
    width: 100%;
  }
  /* line 3347, app/assets/stylesheets/main.scss */
  section.home-circle, section.advantages {
    width: auto;
    float: none;
    padding: 0;
  }
  /* line 3353, app/assets/stylesheets/main.scss */
  section.advantages {
    margin-top: 100px;
  }
  /* line 3358, app/assets/stylesheets/main.scss */
  section.home-circle div.home-circle {
    margin: 0 auto;
    width: 90vw;
    height: 90vw;
  }
  /* line 3363, app/assets/stylesheets/main.scss */
  section.home-circle div.home-circle .item {
    padding-top: 8vw;
    font-size: 3vw;
  }
  /* line 3367, app/assets/stylesheets/main.scss */
  section.home-circle div.home-circle .item img {
    height: 12vw;
  }
  /* line 3374, app/assets/stylesheets/main.scss */
  .circle-gauge {
    width: 75px;
    height: 75px;
    margin: 0 auto;
    line-height: 75px;
    font-size: 2.2em;
    font-weight: bold;
    background-size: 75px !important;
  }
  /* line 3384, app/assets/stylesheets/main.scss */
  h4, .h4 {
    font-size: 1em;
  }
  /* line 3387, app/assets/stylesheets/main.scss */
  h4.breadcrumb, .h4.breadcrumb {
    font-size: 1.5em;
  }
  /* line 3400, app/assets/stylesheets/main.scss */
  header.home-page .home-page-title {
    padding-top: 0;
    padding-right: 0;
  }
  /* line 3406, app/assets/stylesheets/main.scss */
  section.prices .price-post {
    display: block;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-bottom: 50px;
  }
  /* line 3413, app/assets/stylesheets/main.scss */
  section.prices .bottom .price-post {
    display: none;
  }
  /* line 3417, app/assets/stylesheets/main.scss */
  section.prices .top {
    width: auto;
  }
  /* line 3421, app/assets/stylesheets/main.scss */
  section.prices .buttons.inside {
    display: block;
  }
  /* line 3425, app/assets/stylesheets/main.scss */
  section.prices .prices-wrapper {
    flex-wrap: wrap;
  }
  /* line 3430, app/assets/stylesheets/main.scss */
  body {
    font-size: 16px;
  }
  /* line 3434, app/assets/stylesheets/main.scss */
  header {
    padding-bottom: 0;
  }
  /* line 3437, app/assets/stylesheets/main.scss */
  header .login-link {
    font-size: 0.7em;
    display: inline;
  }
  /* line 3443, app/assets/stylesheets/main.scss */
  .box.start-check {
    padding-top: 50px;
  }
  /* line 3444, app/assets/stylesheets/main.scss */
  .box.start-check .content {
    padding-right: 0;
  }
  /* line 3450, app/assets/stylesheets/main.scss */
  .box.start-check.with-logo {
    background-position: right 10px top 10px;
    background-size: 40px 40px;
  }
  /* line 3456, app/assets/stylesheets/main.scss */
  ul.wizard {
    width: auto;
  }
  /* line 3460, app/assets/stylesheets/main.scss */
  .clear-mobile {
    clear: both;
  }
  /* line 3464, app/assets/stylesheets/main.scss */
  .search-form-wrapper {
    width: 100%;
  }
  /* line 3468, app/assets/stylesheets/main.scss */
  .search-form {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  /* line 3473, app/assets/stylesheets/main.scss */
  .search-form input[type=text] {
    float: left;
  }
  /* line 3477, app/assets/stylesheets/main.scss */
  .search-form.expanded input[type=text] {
    width: calc(100% - 2em);
  }
  /* line 3483, app/assets/stylesheets/main.scss */
  #flash.slim {
    width: auto;
  }
  /* line 3487, app/assets/stylesheets/main.scss */
  .pure-form fieldset {
    font-size: 18px;
    width: auto;
  }
  /* line 3492, app/assets/stylesheets/main.scss */
  .pure-form fieldset.newsletter {
    padding-right: 20px;
    background-image: none;
  }
  /* line 3497, app/assets/stylesheets/main.scss */
  .pure-form fieldset .input {
    width: auto;
    float: none;
    margin: 0;
  }
  /* line 3502, app/assets/stylesheets/main.scss */
  .pure-form fieldset .input.double, .pure-form fieldset .input.date {
    width: auto;
  }
  /* line 3507, app/assets/stylesheets/main.scss */
  .pure-form fieldset .input:not(.hidden) + .input {
    margin: 0;
  }
  /* line 3514, app/assets/stylesheets/main.scss */
  .pure-form.pure-form-inline.pure-form-login .input, .pure-form.pure-form-inline.pure-form-login .forgot-password, .pure-form.pure-form-inline.pure-form-login .buttons {
    display: none;
  }
  /* line 3526, app/assets/stylesheets/main.scss */
  footer .top .logo {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }
  /* line 3535, app/assets/stylesheets/main.scss */
  footer.global .footer-links {
    margin-bottom: 10px;
  }
  /* line 3539, app/assets/stylesheets/main.scss */
  footer.global .footer-firm {
    font-weight: bold;
  }
  /* line 3543, app/assets/stylesheets/main.scss */
  footer.global .footer-firm.second {
    display: none;
  }
  /* line 3547, app/assets/stylesheets/main.scss */
  footer.global .footer-legal {
    display: block;
  }
  /* line 3549, app/assets/stylesheets/main.scss */
  footer.global .footer-legal .footer-legal-column.second {
    padding-top: 0;
  }
  /* line 3556, app/assets/stylesheets/main.scss */
  section.topics {
    margin-bottom: 50px;
    padding-top: 80px;
    padding-left: 0px;
  }
  /* line 3561, app/assets/stylesheets/main.scss */
  section.topics .topic-lesson .hint {
    padding-left: 0;
    padding-right: 0;
    height: 1.2em;
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 0;
  }
  /* line 3570, app/assets/stylesheets/main.scss */
  section.topics .topic-lesson .hint span {
    display: none;
  }
  /* line 3574, app/assets/stylesheets/main.scss */
  section.topics .topic-lesson .hint:after {
    content: "";
    position: absolute;
    right: -0.6em;
    top: 0;
    bottom: 0;
    width: 0;
    border-left: 0.6em solid #f4b361;
    border-top: 0.6em inset transparent;
    border-bottom: 0.6em inset transparent;
  }
  /* line 3590, app/assets/stylesheets/main.scss */
  section.lesson .status, section.single-subject .status {
    display: flex;
  }
  /* line 3594, app/assets/stylesheets/main.scss */
  section.lesson .sidebar-status, section.single-subject .sidebar-status {
    display: none;
  }
  /* line 3598, app/assets/stylesheets/main.scss */
  section.lesson .cycle, section.single-subject .cycle {
    display: none;
  }
  /* line 3602, app/assets/stylesheets/main.scss */
  section.lesson .quiz, section.single-subject .quiz {
    padding: 20px;
  }
  /* line 3605, app/assets/stylesheets/main.scss */
  section.lesson .quiz .explanation, section.single-subject .quiz .explanation {
    padding-left: 0;
    padding-top: 50px;
  }
  /* line 3612, app/assets/stylesheets/main.scss */
  .script-editor-summary {
    padding-left: 20px;
    padding-top: 80px;
  }
  /* line 3617, app/assets/stylesheets/main.scss */
  .subjects-tile-group {
    margin-bottom: 20px;
  }
  /* line 3620, app/assets/stylesheets/main.scss */
  .subjects-tile-group .subjects-tile {
    box-sizing: border-box;
    float: none;
    width: auto;
  }
  /* line 3626, app/assets/stylesheets/main.scss */
  .subjects-tile-group .subjects-tile-left.subjects-tile-top {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border: none;
    border-bottom: 1px solid white;
  }
  /* line 3633, app/assets/stylesheets/main.scss */
  .subjects-tile-group .subjects-tile-right.subjects-tile-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
    border-bottom: 1px solid white;
  }
  /* line 3640, app/assets/stylesheets/main.scss */
  .subjects-tile-group .subjects-tile-left.subjects-tile-bottom {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: none;
    border-bottom: 1px solid white;
  }
  /* line 3647, app/assets/stylesheets/main.scss */
  .subjects-tile-group .subjects-tile-right.subjects-tile-bottom {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: none;
  }
  /* line 3653, app/assets/stylesheets/main.scss */
  .subjects-tile-group .subjects-tile-top {
    margin-bottom: 1px;
  }
  /* line 3657, app/assets/stylesheets/main.scss */
  .subjects-tile-group .subjects-tile-accent {
    height: auto;
  }
  /* line 3662, app/assets/stylesheets/main.scss */
  .modal {
    transform: none;
    left: 5px;
    top: 5px;
    right: 5px;
    bottom: 5px;
    width: auto;
    height: auto;
  }
}

/* line 3673, app/assets/stylesheets/main.scss */
.hamburger {
  display: none;
}

/* line 3677, app/assets/stylesheets/main.scss */
.mobile-only {
  display: none;
}

/* line 3681, app/assets/stylesheets/main.scss */
.logout-form {
  text-align: right;
  font-size: 18px;
  padding-bottom: 20px;
}

@media (max-width: 720px) {
  /* line 3691, app/assets/stylesheets/main.scss */
  body.no-app header .header-bar .logo-links {
    flex-grow: 1;
  }
  /* line 3695, app/assets/stylesheets/main.scss */
  body.no-app header .header-bar .logo-links a {
    display: inherit;
    margin: 0;
  }
  /* line 3699, app/assets/stylesheets/main.scss */
  body.no-app header .header-bar .logo-links a span {
    margin-right: 0.25em;
  }
  /* line 3705, app/assets/stylesheets/main.scss */
  body.no-app header .header-bar .logo-links .icon-logo {
    height: 20px;
    width: 178px;
  }
  /* line 3711, app/assets/stylesheets/main.scss */
  body.no-app header .header-bar .nav-links {
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 1.3em;
  }
  /* line 3717, app/assets/stylesheets/main.scss */
  body.no-app header .header-bar .nav-links a {
    margin-top: 20px;
  }
  /* line 3723, app/assets/stylesheets/main.scss */
  body.no-app header .header-bar .nav-links .items.visible {
    transform: translate(0, 0);
  }
}

@media (max-width: 720px) {
  /* line 3735, app/assets/stylesheets/main.scss */
  body.app {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding-bottom: 10px;
    padding-top: 65px;
  }
  /* line 3739, app/assets/stylesheets/main.scss */
  body.app #search-form-input input {
    margin-top: 5px;
    border: none;
  }
  /* line 3743, app/assets/stylesheets/main.scss */
  body.app #search-form-input input:focus {
    border: none;
  }
  /* line 3753, app/assets/stylesheets/main.scss */
  body.app footer.global {
    display: none;
  }
  /* line 3757, app/assets/stylesheets/main.scss */
  body.app header.app {
    padding-top: 0;
    font-size: 16px;
    height: 50px;
    box-shadow: 0px 7px 10px -10px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
  }
  /* line 3770, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .logo-links {
    flex-grow: 1;
    justify-content: space-around;
  }
  /* line 3774, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .logo-links a {
    display: inherit;
    margin: 0;
  }
  /* line 3779, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .logo-links .icon-logo {
    height: 20px;
    width: 178px;
  }
  /* line 3785, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .nav-links {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.25s linear;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: auto;
  }
  /* line 3787, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .nav-links a {
    margin-top: 20px;
    margin-left: 20px;
  }
  /* line 3792, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .nav-links .items {
    padding-top: 20px;
    width: 300px;
    background-color: white;
    position: relative;
    height: 100%;
    transform: translate(-100%, 0);
    transition: transform 0.25s;
    display: block;
  }
  /* line 3804, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .nav-links .items.visible {
    transform: translate(0, 0);
  }
  /* line 3808, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .nav-links .mobile-only {
    display: block;
  }
  /* line 3811, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .nav-links .mobile-only hr {
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100px;
    margin-top: 50px;
    margin-left: 20px;
  }
  /* line 3835, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .nav-links.visible {
    visibility: visible;
    opacity: 1;
  }
  /* line 3840, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .nav-links a {
    display: block;
  }
  /* line 3849, app/assets/stylesheets/main.scss */
  body.app .hamburger {
    cursor: pointer;
    display: block;
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
  }
  /* line 3860, app/assets/stylesheets/main.scss */
  body.app .hamburger .unread-count {
    left: auto;
    right: -5px;
    top: 15px;
  }
  /* line 3869, app/assets/stylesheets/main.scss */
  .exam-offices-results .result .distance {
    flex-basis: 50px !important;
  }
  /* line 3873, app/assets/stylesheets/main.scss */
  body {
    font-size: 12px;
  }
  /* line 3877, app/assets/stylesheets/main.scss */
  .pure-form fieldset {
    font-size: 18px;
  }
  /* line 3882, app/assets/stylesheets/main.scss */
  section.search-results .search-result {
    padding: 10px;
    padding-left: 60px;
    padding-right: 60px;
    min-height: 90px;
  }
  /* line 3888, app/assets/stylesheets/main.scss */
  section.search-results .search-result h2 {
    font-size: 1.3em;
  }
  /* line 3892, app/assets/stylesheets/main.scss */
  section.search-results .search-result span.chapter-numbers {
    color: rgba(0, 0, 0, 0.5);
  }
}

@media (max-width: 1000px) {
  /* line 3901, app/assets/stylesheets/main.scss */
  section.lesson, section.single-subject {
    padding-left: 0px;
  }
  /* line 3904, app/assets/stylesheets/main.scss */
  section.lesson:before, section.lesson:after, section.single-subject:before, section.single-subject:after {
    width: 0;
    height: 0;
  }
  /* line 3912, app/assets/stylesheets/main.scss */
  section.lesson .lesson-navigator, section.single-subject .lesson-navigator {
    display: block;
    padding-top: 30px;
    position: relative;
    top: auto;
    left: auto;
    z-index: auto;
  }
  /* line 3920, app/assets/stylesheets/main.scss */
  section.lesson .lesson-navigator span, section.single-subject .lesson-navigator span {
    display: inline;
    margin: 0;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* line 3930, app/assets/stylesheets/main.scss */
  section.lesson .lesson-navigator .cycle:not(.disabled):hover, section.lesson .lesson-navigator .next:not(.disabled):hover, section.lesson .lesson-navigator .previous:not(.disabled):hover, section.single-subject .lesson-navigator .cycle:not(.disabled):hover, section.single-subject .lesson-navigator .next:not(.disabled):hover, section.single-subject .lesson-navigator .previous:not(.disabled):hover {
    padding-left: 25px;
    text-align: center;
  }
  /* line 3931, app/assets/stylesheets/main.scss */
  section.lesson .lesson-navigator .cycle:not(.disabled):hover span, section.lesson .lesson-navigator .next:not(.disabled):hover span, section.lesson .lesson-navigator .previous:not(.disabled):hover span, section.single-subject .lesson-navigator .cycle:not(.disabled):hover span, section.single-subject .lesson-navigator .next:not(.disabled):hover span, section.single-subject .lesson-navigator .previous:not(.disabled):hover span {
    display: inline;
    margin: 0;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* line 3945, app/assets/stylesheets/main.scss */
  section.lesson .lesson-navigator .fixed-wrapper, section.single-subject .lesson-navigator .fixed-wrapper {
    position: relative;
  }
  /* line 3949, app/assets/stylesheets/main.scss */
  section.lesson .lesson-navigator .cycle, section.lesson .lesson-navigator .next, section.lesson .lesson-navigator .previous, section.single-subject .lesson-navigator .cycle, section.single-subject .lesson-navigator .next, section.single-subject .lesson-navigator .previous {
    text-align: center;
    width: auto;
    height: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 2em;
    background: none;
    margin-bottom: 20px;
  }
  /* line 3961, app/assets/stylesheets/main.scss */
  section.lesson .lesson-navigator .cycle, section.single-subject .lesson-navigator .cycle {
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    text-align: center;
  }
  /* line 3966, app/assets/stylesheets/main.scss */
  section.lesson .lesson-navigator .cycle:not(.disabled):hover, section.single-subject .lesson-navigator .cycle:not(.disabled):hover {
    text-align: center;
  }
  /* line 3970, app/assets/stylesheets/main.scss */
  section.lesson .lesson-navigator .cycle.nothing, section.single-subject .lesson-navigator .cycle.nothing {
    padding-left: 25px;
  }
  /* line 3974, app/assets/stylesheets/main.scss */
  section.lesson .lesson-navigator .cycle.disabled, section.single-subject .lesson-navigator .cycle.disabled {
    display: none;
  }
  /* line 3979, app/assets/stylesheets/main.scss */
  section.lesson .lesson-navigator .next, section.lesson .lesson-navigator .previous, section.single-subject .lesson-navigator .next, section.single-subject .lesson-navigator .previous {
    height: auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 25px;
    padding-right: 5px;
    margin-right: 9px;
  }
  /* line 3988, app/assets/stylesheets/main.scss */
  section.lesson .lesson-navigator .next span, section.single-subject .lesson-navigator .next span {
    background: white url(/assets/icons/arrow-next-down-accent.svg) no-repeat;
    background-position: left center;
    padding-left: 35px;
  }
  /* line 3994, app/assets/stylesheets/main.scss */
  section.lesson .lesson-navigator .previous span, section.single-subject .lesson-navigator .previous span {
    background: white url(/assets/icons/arrow-previous-up-accent.svg) no-repeat;
    background-position: left center;
    padding-left: 35px;
  }
}

/* line 4003, app/assets/stylesheets/main.scss */
ul.ui-autocomplete {
  font-size: 0.9em;
  position: absolute;
  list-style: none;
  padding: 0;
  margin: 0;
  outline: 0;
  z-index: 100;
  border: 1px solid #ccc;
  background: white;
  color: #6956B7;
}

/* line 4015, app/assets/stylesheets/main.scss */
ul.ui-autocomplete li.ui-menu-item {
  cursor: pointer;
}

/* line 4017, app/assets/stylesheets/main.scss */
ul.ui-autocomplete li.ui-menu-item div {
  color: #6956B7;
}

/* line 4019, app/assets/stylesheets/main.scss */
ul.ui-autocomplete li.ui-menu-item div.ui-state-active {
  background-color: #6956B7;
  color: white;
  display: block;
}

/* line 4028, app/assets/stylesheets/main.scss */
#heidelpay-iframe {
  width: 100%;
}

/* line 4032, app/assets/stylesheets/main.scss */
* {
  -webkit-print-color-adjust: exact !important;
  /* Chrome, Safari */
  color-adjust: exact !important;
  /*Firefox*/
}

/* line 4037, app/assets/stylesheets/main.scss */
.download-link {
  color: #6956B7;
  padding: 20px 30px;
  position: relative;
}

/* line 4042, app/assets/stylesheets/main.scss */
.download-link .type-icon {
  position: absolute;
  width: 50px;
  top: 0;
  bottom: 0;
  left: 0;
}

/* line 4050, app/assets/stylesheets/main.scss */
.download-link.download {
  padding-bottom: 20px !important;
}

/* line 4051, app/assets/stylesheets/main.scss */
.download-link.download .type-icon {
  background-position: left center;
  background-size: 23px 23px;
}

@media (max-width: 500px) {
  /* line 4063, app/assets/stylesheets/main.scss */
  fieldset.welcome img {
    width: 50%;
  }
}

/* line 4069, app/assets/stylesheets/main.scss */
.email-domain {
  padding-top: 49px;
}

/* line 4073, app/assets/stylesheets/main.scss */
.pure-form-stacked label.conference-event-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* line 4078, app/assets/stylesheets/main.scss */
.pure-form-stacked label.conference-event-item .time, .pure-form-stacked label.conference-event-item .sep {
  margin-left: 5px;
}

/* line 4082, app/assets/stylesheets/main.scss */
.pure-form-stacked label.conference-event-item .title {
  font-weight: bold;
}

/* line 4086, app/assets/stylesheets/main.scss */
.pure-form-stacked label.conference-event-item .title, .pure-form-stacked label.conference-event-item .speaker {
  flex: 0 0 100%;
}

/* line 4091, app/assets/stylesheets/main.scss */
.conference-event-header {
  display: flex;
}

/* line 4094, app/assets/stylesheets/main.scss */
.conference-event-header .track, .conference-event-header .sep {
  margin-left: 5px;
}

/* line 4100, app/assets/stylesheets/main.scss */
.conference-event-bundle {
  padding-bottom: 20px;
  padding-top: 20px;
  border-bottom: 1px solid #6956B7;
}

/* line 4106, app/assets/stylesheets/main.scss */
.exam-offices-hints {
  font-size: 0.9em;
  padding-bottom: 15px;
}

/* line 4111, app/assets/stylesheets/main.scss */
.exam-offices-results {
  height: 550px;
  display: flex;
  flex-direction: column;
}

/* line 4116, app/assets/stylesheets/main.scss */
.exam-offices-results .result, .exam-offices-results .more-results {
  display: none;
  justify-content: space-between;
  height: 50px;
  box-sizing: border-box;
  border-top: 1px solid #6956B7;
}

/* line 4123, app/assets/stylesheets/main.scss */
.exam-offices-results .result:hover, .exam-offices-results .more-results:hover {
  opacity: 0.7;
}

/* line 4127, app/assets/stylesheets/main.scss */
.exam-offices-results .result.visible, .exam-offices-results .more-results.visible {
  display: flex;
}

/* line 4131, app/assets/stylesheets/main.scss */
.exam-offices-results .result .name, .exam-offices-results .result .distance, .exam-offices-results .more-results .name, .exam-offices-results .more-results .distance {
  display: flex;
  align-items: center;
}

/* line 4136, app/assets/stylesheets/main.scss */
.exam-offices-results .result .name, .exam-offices-results .more-results .name {
  flex-grow: 1;
}

/* line 4140, app/assets/stylesheets/main.scss */
.exam-offices-results .result .distance, .exam-offices-results .more-results .distance {
  flex-basis: 75px;
  flex-grow: 0;
  flex-shrink: 0;
  opacity: 0;
  text-align: right;
  justify-content: flex-end;
}

/* line 4150, app/assets/stylesheets/main.scss */
.exam-offices-results .result.with-distance .distance, .exam-offices-results .more-results.with-distance .distance {
  opacity: 1;
}

/* line 4159, app/assets/stylesheets/main.scss */
fieldset.training-exam-questions div.input label {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 4167, app/assets/stylesheets/main.scss */
fieldset.training-exam-questions div.input label input.boolean {
  margin-right: 20px;
  float: none;
}

/* line 4175, app/assets/stylesheets/main.scss */
.training-exam-question-line {
  margin-bottom: 30px;
}

/* line 4176, app/assets/stylesheets/main.scss */
.training-exam-question-line .buttons {
  padding-top: 10px;
}

/* line 4183, app/assets/stylesheets/main.scss */
.training-exam-question-option {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 4188, app/assets/stylesheets/main.scss */
.training-exam-question-option .circle-gauge {
  width: 50px;
  height: 50px;
  margin-right: 20px;
}

@media (max-width: 1000px) {
  /* line 4198, app/assets/stylesheets/main.scss */
  .training-exam-question-option .circle-gauge {
    background-size: 50px !important;
  }
}

/* line 4203, app/assets/stylesheets/main.scss */
#training-exam-question-target {
  margin-top: 20px;
}

/* line 4211, app/assets/stylesheets/main.scss */
body.app header .header-bar .logo-links .icon-logo.icon-logo-new, body.no-app header .header-bar .logo-links .icon-logo.icon-logo-new {
  height: 56px;
  width: 150px;
}

@media (max-width: 720px) {
  /* line 4225, app/assets/stylesheets/main.scss */
  body.app header .header-bar .logo-links .icon-logo.icon-logo-new, body.no-app header .header-bar .logo-links .icon-logo.icon-logo-new {
    height: 36px;
  }
}

/* line 4234, app/assets/stylesheets/main.scss */
hr.contract {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 4239, app/assets/stylesheets/main.scss */
h2.black {
  color: black !important;
}

/* line 4243, app/assets/stylesheets/main.scss */
form.button_to button.block {
  display: block;
  width: 100%;
}

/* line 4249, app/assets/stylesheets/main.scss */
#field_setting_theoretical_exam_at_3i, #field_setting_practical_exam_at_3i {
  width: 100px;
}

/* line 4253, app/assets/stylesheets/main.scss */
#field_setting_theoretical_exam_at_2i, #field_setting_practical_exam_at_2i {
  width: 249px;
}

/* line 4257, app/assets/stylesheets/main.scss */
#field_setting_theoretical_exam_at_1i, #field_setting_practical_exam_at_1i {
  width: 150px;
}

/* line 4263, app/assets/stylesheets/main.scss */
.scorm-button.disabled, .scorm-button.disabled .label-wrapper {
  border-color: #ccc !important;
  color: #ccc !important;
  cursor: auto !important;
  pointer-events: none !important;
}

/* line 4271, app/assets/stylesheets/main.scss */
.scorm-button.disabled .label-wrapper {
  border-color: #ccc !important;
  color: #ccc !important;
  cursor: auto !important;
  pointer-events: none !important;
}

/* line 4281, app/assets/stylesheets/main.scss */
.user-messages-wrapper .message p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

/* line 4285, app/assets/stylesheets/main.scss */
.user-messages-wrapper .message p:first-child {
  padding-top: 0;
  margin-top: 0;
}

/* line 4290, app/assets/stylesheets/main.scss */
.test-version-disabled {
  opacity: 0.6;
}

/* line 4294, app/assets/stylesheets/main.scss */
input[type=radio], input[type=checkbox] {
  width: 15px;
  display: inline-block;
  margin-right: 5px;
}

/* line 4300, app/assets/stylesheets/main.scss */
fieldset.dark label {
  color: white;
}

/* line 4305, app/assets/stylesheets/main.scss */
fieldset.training-exam-questions label.checkbox {
  display: flex;
  gap: 20px;
  align-items: center;
}
/* Slider */
/* line 3, app/assets/stylesheets/slick.scss */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 17, app/assets/stylesheets/slick.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

/* line 24, app/assets/stylesheets/slick.scss */
.slick-list:focus {
  outline: none;
}

/* line 28, app/assets/stylesheets/slick.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 33, app/assets/stylesheets/slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 42, app/assets/stylesheets/slick.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 50, app/assets/stylesheets/slick.scss */
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

/* line 56, app/assets/stylesheets/slick.scss */
.slick-track:after {
  clear: both;
}

/* line 60, app/assets/stylesheets/slick.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 64, app/assets/stylesheets/slick.scss */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

/* line 68, app/assets/stylesheets/slick.scss */
[dir="rtl"] .slick-slide {
  float: right;
}

/* line 71, app/assets/stylesheets/slick.scss */
.slick-slide img {
  display: block;
}

/* line 74, app/assets/stylesheets/slick.scss */
.slick-slide.slick-loading img {
  display: none;
}

/* line 80, app/assets/stylesheets/slick.scss */
.slick-slide.dragging img {
  pointer-events: none;
}

/* line 84, app/assets/stylesheets/slick.scss */
.slick-initialized .slick-slide {
  display: block;
}

/* line 88, app/assets/stylesheets/slick.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}

/* line 92, app/assets/stylesheets/slick.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 98, app/assets/stylesheets/slick.scss */
.slick-arrow.slick-hidden {
  display: none;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *



 */