@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 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-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-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 {
  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 {
  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 .modal-button-wrapper {
  border-bottom: 2px solid transparent;
}

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

/* line 3050, 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 3067, app/assets/stylesheets/main.scss */
.badge.urgent {
  background-color: #D70F4E;
}

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

/* line 3076, 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 3085, 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 3094, 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 3106, app/assets/stylesheets/main.scss */
ul.wizard li.active {
  background-color: #6956B7;
  color: white;
}

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

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

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

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

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

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

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

/* line 3149, 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 3161, app/assets/stylesheets/main.scss */
section.prices .buttons.inside button {
  border: 2px solid white;
  color: #0B9BEF;
}

/* line 3167, 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 3178, app/assets/stylesheets/main.scss */
section.prices .top .price-post {
  border-radius: 20px;
}

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

/* line 3187, 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 3196, app/assets/stylesheets/main.scss */
section.prices .price-post.last {
  margin-right: 0;
}

/* line 3200, 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 3209, app/assets/stylesheets/main.scss */
section.prices .price-post .price {
  text-align: center;
  font-weight: bold;
  font-size: 2em;
}

/* line 3216, 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 3222, app/assets/stylesheets/main.scss */
section.prices .bottom .price-post button, section.prices .price-post-bottom button {
  border: 2px solid white;
  color: #0B9BEF;
}

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

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

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

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

/* line 3253, 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 3266, app/assets/stylesheets/main.scss */
.advantages h3, section.home-circle h3 {
  font-weight: bold;
  color: #6956B7;
  font-size: 1.5em;
}

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

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

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

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

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

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

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

@media (max-width: 1000px) {
  /* line 3306, app/assets/stylesheets/main.scss */
  .modal-buttons {
    justify-content: space-around;
  }
  /* line 3309, app/assets/stylesheets/main.scss */
  .modal-buttons .show-question-modal, .modal-buttons .show-notes-modal {
    margin-right: 0;
  }
  /* line 3314, app/assets/stylesheets/main.scss */
  h4.breadcrumb, .h4.breadcrumb {
    padding-bottom: 1em;
  }
  /* line 3315, app/assets/stylesheets/main.scss */
  h4.breadcrumb span.delimiter.break-on-mobile, .h4.breadcrumb span.delimiter.break-on-mobile {
    width: 100%;
    background: none;
  }
  /* line 3323, app/assets/stylesheets/main.scss */
  fieldset.product {
    margin-bottom: 20px;
  }
  /* line 3328, app/assets/stylesheets/main.scss */
  fieldset.welcome img {
    width: 33%;
  }
  /* line 3333, app/assets/stylesheets/main.scss */
  section.products {
    flex-wrap: wrap;
  }
  /* line 3336, app/assets/stylesheets/main.scss */
  section.products .product-wrapper {
    width: 100%;
  }
  /* line 3342, app/assets/stylesheets/main.scss */
  section.home-circle, section.advantages {
    width: auto;
    float: none;
    padding: 0;
  }
  /* line 3348, app/assets/stylesheets/main.scss */
  section.advantages {
    margin-top: 100px;
  }
  /* line 3353, app/assets/stylesheets/main.scss */
  section.home-circle div.home-circle {
    margin: 0 auto;
    width: 90vw;
    height: 90vw;
  }
  /* line 3358, app/assets/stylesheets/main.scss */
  section.home-circle div.home-circle .item {
    padding-top: 8vw;
    font-size: 3vw;
  }
  /* line 3362, app/assets/stylesheets/main.scss */
  section.home-circle div.home-circle .item img {
    height: 12vw;
  }
  /* line 3369, 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 3379, app/assets/stylesheets/main.scss */
  h4, .h4 {
    font-size: 1em;
  }
  /* line 3382, app/assets/stylesheets/main.scss */
  h4.breadcrumb, .h4.breadcrumb {
    font-size: 1.5em;
  }
  /* line 3395, app/assets/stylesheets/main.scss */
  header.home-page .home-page-title {
    padding-top: 0;
    padding-right: 0;
  }
  /* line 3401, 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 3408, app/assets/stylesheets/main.scss */
  section.prices .bottom .price-post {
    display: none;
  }
  /* line 3412, app/assets/stylesheets/main.scss */
  section.prices .top {
    width: auto;
  }
  /* line 3416, app/assets/stylesheets/main.scss */
  section.prices .buttons.inside {
    display: block;
  }
  /* line 3420, app/assets/stylesheets/main.scss */
  section.prices .prices-wrapper {
    flex-wrap: wrap;
  }
  /* line 3425, app/assets/stylesheets/main.scss */
  body {
    font-size: 16px;
  }
  /* line 3429, app/assets/stylesheets/main.scss */
  header {
    padding-bottom: 0;
  }
  /* line 3432, app/assets/stylesheets/main.scss */
  header .login-link {
    font-size: 0.7em;
    display: inline;
  }
  /* line 3438, app/assets/stylesheets/main.scss */
  .box.start-check {
    padding-top: 50px;
  }
  /* line 3439, app/assets/stylesheets/main.scss */
  .box.start-check .content {
    padding-right: 0;
  }
  /* line 3445, app/assets/stylesheets/main.scss */
  .box.start-check.with-logo {
    background-position: right 10px top 10px;
    background-size: 40px 40px;
  }
  /* line 3451, app/assets/stylesheets/main.scss */
  ul.wizard {
    width: auto;
  }
  /* line 3455, app/assets/stylesheets/main.scss */
  .clear-mobile {
    clear: both;
  }
  /* line 3459, app/assets/stylesheets/main.scss */
  .search-form-wrapper {
    width: 100%;
  }
  /* line 3463, app/assets/stylesheets/main.scss */
  .search-form {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  /* line 3468, app/assets/stylesheets/main.scss */
  .search-form input[type=text] {
    float: left;
  }
  /* line 3472, app/assets/stylesheets/main.scss */
  .search-form.expanded input[type=text] {
    width: calc(100% - 2em);
  }
  /* line 3478, app/assets/stylesheets/main.scss */
  #flash.slim {
    width: auto;
  }
  /* line 3482, app/assets/stylesheets/main.scss */
  .pure-form fieldset {
    font-size: 18px;
    width: auto;
  }
  /* line 3487, app/assets/stylesheets/main.scss */
  .pure-form fieldset.newsletter {
    padding-right: 20px;
    background-image: none;
  }
  /* line 3492, app/assets/stylesheets/main.scss */
  .pure-form fieldset .input {
    width: auto;
    float: none;
    margin: 0;
  }
  /* line 3497, app/assets/stylesheets/main.scss */
  .pure-form fieldset .input.double, .pure-form fieldset .input.date {
    width: auto;
  }
  /* line 3502, app/assets/stylesheets/main.scss */
  .pure-form fieldset .input:not(.hidden) + .input {
    margin: 0;
  }
  /* line 3509, 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 3521, app/assets/stylesheets/main.scss */
  footer .top .logo {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }
  /* line 3530, app/assets/stylesheets/main.scss */
  footer.global .footer-links {
    margin-bottom: 10px;
  }
  /* line 3534, app/assets/stylesheets/main.scss */
  footer.global .footer-firm {
    font-weight: bold;
  }
  /* line 3538, app/assets/stylesheets/main.scss */
  footer.global .footer-firm.second {
    display: none;
  }
  /* line 3542, app/assets/stylesheets/main.scss */
  footer.global .footer-legal {
    display: block;
  }
  /* line 3544, app/assets/stylesheets/main.scss */
  footer.global .footer-legal .footer-legal-column.second {
    padding-top: 0;
  }
  /* line 3551, app/assets/stylesheets/main.scss */
  section.topics {
    margin-bottom: 50px;
    padding-top: 80px;
    padding-left: 0px;
  }
  /* line 3556, 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 3565, app/assets/stylesheets/main.scss */
  section.topics .topic-lesson .hint span {
    display: none;
  }
  /* line 3569, 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 3585, app/assets/stylesheets/main.scss */
  section.lesson .status, section.single-subject .status {
    display: flex;
  }
  /* line 3589, app/assets/stylesheets/main.scss */
  section.lesson .sidebar-status, section.single-subject .sidebar-status {
    display: none;
  }
  /* line 3593, app/assets/stylesheets/main.scss */
  section.lesson .cycle, section.single-subject .cycle {
    display: none;
  }
  /* line 3597, app/assets/stylesheets/main.scss */
  section.lesson .quiz, section.single-subject .quiz {
    padding: 20px;
  }
  /* line 3600, app/assets/stylesheets/main.scss */
  section.lesson .quiz .explanation, section.single-subject .quiz .explanation {
    padding-left: 0;
    padding-top: 50px;
  }
  /* line 3607, app/assets/stylesheets/main.scss */
  .script-editor-summary {
    padding-left: 20px;
    padding-top: 80px;
  }
  /* line 3612, app/assets/stylesheets/main.scss */
  .subjects-tile-group {
    margin-bottom: 20px;
  }
  /* line 3615, app/assets/stylesheets/main.scss */
  .subjects-tile-group .subjects-tile {
    box-sizing: border-box;
    float: none;
    width: auto;
  }
  /* line 3621, 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 3628, 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 3635, 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 3642, 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 3648, app/assets/stylesheets/main.scss */
  .subjects-tile-group .subjects-tile-top {
    margin-bottom: 1px;
  }
  /* line 3652, app/assets/stylesheets/main.scss */
  .subjects-tile-group .subjects-tile-accent {
    height: auto;
  }
  /* line 3657, app/assets/stylesheets/main.scss */
  .modal {
    transform: none;
    left: 5px;
    top: 5px;
    right: 5px;
    bottom: 5px;
    width: auto;
    height: auto;
  }
}

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

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

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

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

@media (max-width: 720px) {
  /* line 3730, 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 3734, app/assets/stylesheets/main.scss */
  body.app #search-form-input input {
    margin-top: 5px;
    border: none;
  }
  /* line 3738, app/assets/stylesheets/main.scss */
  body.app #search-form-input input:focus {
    border: none;
  }
  /* line 3748, app/assets/stylesheets/main.scss */
  body.app footer.global {
    display: none;
  }
  /* line 3752, 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 3765, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .logo-links {
    flex-grow: 1;
    justify-content: space-around;
  }
  /* line 3769, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .logo-links a {
    display: inherit;
    margin: 0;
  }
  /* line 3774, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .logo-links .icon-logo {
    height: 20px;
    width: 178px;
  }
  /* line 3780, 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 3782, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .nav-links a {
    margin-top: 20px;
    margin-left: 20px;
  }
  /* line 3787, 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 3799, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .nav-links .items.visible {
    transform: translate(0, 0);
  }
  /* line 3803, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .nav-links .mobile-only {
    display: block;
  }
  /* line 3806, 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 3830, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .nav-links.visible {
    visibility: visible;
    opacity: 1;
  }
  /* line 3835, app/assets/stylesheets/main.scss */
  body.app header.app .header-bar .nav-links a {
    display: block;
  }
  /* line 3844, 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 3855, app/assets/stylesheets/main.scss */
  body.app .hamburger .unread-count {
    left: auto;
    right: -5px;
    top: 15px;
  }
  /* line 3864, app/assets/stylesheets/main.scss */
  .exam-offices-results .result .distance {
    flex-basis: 50px !important;
  }
  /* line 3868, app/assets/stylesheets/main.scss */
  body {
    font-size: 12px;
  }
  /* line 3872, app/assets/stylesheets/main.scss */
  .pure-form fieldset {
    font-size: 18px;
  }
  /* line 3877, app/assets/stylesheets/main.scss */
  section.search-results .search-result {
    padding: 10px;
    padding-left: 60px;
    padding-right: 60px;
    min-height: 90px;
  }
  /* line 3883, app/assets/stylesheets/main.scss */
  section.search-results .search-result h2 {
    font-size: 1.3em;
  }
  /* line 3887, 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 3896, app/assets/stylesheets/main.scss */
  section.lesson, section.single-subject {
    padding-left: 0px;
  }
  /* line 3899, app/assets/stylesheets/main.scss */
  section.lesson:before, section.lesson:after, section.single-subject:before, section.single-subject:after {
    width: 0;
    height: 0;
  }
  /* line 3907, 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 3915, 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 3925, 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 3926, 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 3940, app/assets/stylesheets/main.scss */
  section.lesson .lesson-navigator .fixed-wrapper, section.single-subject .lesson-navigator .fixed-wrapper {
    position: relative;
  }
  /* line 3944, 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 3956, 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 3961, 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 3965, app/assets/stylesheets/main.scss */
  section.lesson .lesson-navigator .cycle.nothing, section.single-subject .lesson-navigator .cycle.nothing {
    padding-left: 25px;
  }
  /* line 3969, app/assets/stylesheets/main.scss */
  section.lesson .lesson-navigator .cycle.disabled, section.single-subject .lesson-navigator .cycle.disabled {
    display: none;
  }
  /* line 3974, 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 3983, 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 3989, 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 3998, 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 4010, app/assets/stylesheets/main.scss */
ul.ui-autocomplete li.ui-menu-item {
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

/* line 4073, 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 4077, app/assets/stylesheets/main.scss */
.pure-form-stacked label.conference-event-item .title {
  font-weight: bold;
}

/* line 4081, 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 4086, app/assets/stylesheets/main.scss */
.conference-event-header {
  display: flex;
}

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

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

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

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

/* line 4111, 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 4118, app/assets/stylesheets/main.scss */
.exam-offices-results .result:hover, .exam-offices-results .more-results:hover {
  opacity: 0.7;
}

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

/* line 4126, 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 4131, app/assets/stylesheets/main.scss */
.exam-offices-results .result .name, .exam-offices-results .more-results .name {
  flex-grow: 1;
}

/* line 4135, 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 4145, app/assets/stylesheets/main.scss */
.exam-offices-results .result.with-distance .distance, .exam-offices-results .more-results.with-distance .distance {
  opacity: 1;
}

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

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

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

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

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

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

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

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

/* line 4206, 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 4220, 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 4229, app/assets/stylesheets/main.scss */
hr.contract {
  margin-top: 20px;
  margin-bottom: 20px;
}

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

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

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

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

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

/* line 4258, 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 4266, 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 4276, app/assets/stylesheets/main.scss */
.user-messages-wrapper .message p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

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

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

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

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

/* line 4300, 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.
 *



 */