/* arimo-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/arimo/arimo-v29-all-regular-1e3a0e94ba2bc8dcb88dd8a4d7e4cd08.woff2') format('woff2');
}
/* lexend-deca-regular - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-regular-5dc449bf89c8996180f0bf586f6370e7.woff2') format('woff2');
}
/* lexend-deca-500 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 500;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-500-86663f8e4c24f0f64ebbcf94016b651a.woff2') format('woff2');
}
/* lexend-deca-600 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-600-f70f8f823d24acc577ce02d800e1dd23.woff2') format('woff2');
}
/* mulish-regular - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-regular-c8802cd4edbbc28ae7c85e4374d3f924.woff2') format('woff2');
}
/* mulish-italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-italic-1db4ee7c71dfc060681293c00828e521.woff2') format('woff2');
}
/* mulish-700 - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700-639ec8157b44583ea8ed7fad3d8dfeb0.woff2') format('woff2');
}
/* mulish-700italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700italic-c5a3347dc8754ff8fda86531e03797a6.woff2') format('woff2');
}
/* open-sans-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-regular-c07cd0d1a063582245c8193d978f799b.woff2') format('woff2');
}
/* open-sans-italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-italic-d4e5cf548d6dedbed35fa9fd65b37ef0.woff2') format('woff2');
}
/* open-sans-600 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-600-b94f001b27f8c83057b118dff8d859cc.woff2') format('woff2');
}
/* open-sans-700 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700-d03f336b3845249375499d014fa49b55.woff2') format('woff2');
}
/* open-sans-700italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700italic-e6888e94f2367285f7776ed161bdb8ce.woff2') format('woff2');
}
/* open-sans-800 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-800-18f82823a9df95dec46891f281b3df46.woff2') format('woff2');
}
@font-face {
  font-family: 'ds-digi';
  src: url('../gynzy-styleguide/assets/fonts/ds-digi/ds-digi-839cd00f56360147c956a354753eaa07.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.font-arial-bold {
  font-family: 'Arial';
  font-style: normal;
  font-weight: bold;
}
.font-open-sans {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-open-sans-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-open-sans-semibold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
}
.font-open-sans-bold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
}
.font-open-sans-bold-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-weight: 700;
}
/* Group Colors */
/* ParnasSys */
/* Folders */
/* KLEUREN TEKST */
/* KLEUREN GROEP */
/* student background colors */
/* EFFECTEN */
/* BUTTON NORMAL */
/* CSS klassen om snel de kleur te kunnen gebruiken */
.grey-light {
  color: #c3c3c3;
}
.bg-grey-light {
  background-color: #c3c3c3;
}
.grey-dark {
  color: #777;
}
.grey-opac-light {
  color: rgba(119, 119, 119, 0.7) !important;
}
.grey-opac-dark {
  color: rgba(0, 0, 0, 0.8);
}
.blue {
  color: #06c;
}
.yellow {
  color: #fed204;
}
.mediumBlue {
  color: #7aa7fa;
}
.lightBlue {
  color: #f2f7fc;
}
.boxBlue {
  color: #93b2d2;
}
.okGreen {
  color: #209914;
}
.errorRed {
  color: #ed1c24;
}
.reeksColor {
  color: #e5ab20;
}
.goedGreen {
  color: #22a914;
}
.bg-goedGreen {
  background-color: #22a914;
}
.jammerRed {
  color: #ff3b30;
}
.skippedGrey {
  color: #aaaaaa;
}
.darkGrey {
  color: #888888;
}
.bg-jammerRed {
  background-color: #ff3b30;
}
.bg-skipped {
  background-color: #aaaaaa;
}
.orange {
  color: #e9871e;
}
.animation-delay-250 {
  animation-delay: 250ms;
}
.animation-delay-500 {
  animation-delay: 500ms;
}
.animation-delay-750 {
  animation-delay: 750ms;
}
.animation-delay-1000 {
  animation-delay: 1000ms;
}
.animation-delay-1250 {
  animation-delay: 1250ms;
}
.animation-delay-1500 {
  animation-delay: 1500ms;
}
.animation-delay-1750 {
  animation-delay: 1750ms;
}
.animation-delay-2000 {
  animation-delay: 2000ms;
}
.animation-delay-2250 {
  animation-delay: 2250ms;
}
.animation-delay-2500 {
  animation-delay: 2500ms;
}
.animation-delay-2750 {
  animation-delay: 2750ms;
}
.animation-delay-3000 {
  animation-delay: 3000ms;
}
.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.animated-fast {
  animation-duration: 0.25s;
  animation-fill-mode: both;
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    transform: translateY(0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes dropOutLeft {
  0% {
    transform: translateY(0) rotate(0deg);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(1000px) rotate(40deg);
  }
}
.dropOutLeft {
  animation-name: dropOutLeft;
}
@keyframes explode {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  10% {
    opacity: 0.8;
  }
  100% {
    transform: scale(8);
    opacity: 0;
  }
}
.explode {
  animation-name: explode;
}
@keyframes slideOutDown {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes dropOutRightLeft {
  0% {
    transform: translateY(0) rotate(0deg);
    animation-timing-function: ease-in-out;
  }
  20% {
    transform: translateY(50px) rotate(-15deg);
  }
  100% {
    transform: translateY(1000px) rotate(45deg);
  }
}
.slideInLeft {
  animation-timing-function: ease-in-out;
  animation-name: slideInLeft;
}
@keyframes slideInLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.slideInRight {
  animation-timing-function: ease-in-out;
  animation-name: slideInRight;
}
@keyframes slideInRight {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.slideOutLeft {
  animation-timing-function: ease-in-out;
  animation-name: slideOutLeft;
}
@keyframes slideOutLeft {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.slideOutRight {
  animation-timing-function: ease-in-out;
  animation-name: slideOutRight;
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
.dropOutRightLeft {
  animation-name: dropOutRightLeft;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
}
@keyframes slideInUpFaded {
  0% {
    opacity: 0;
    transform: translateY(80px);
  }
  60% {
    transform: translateY(-20px);
    opacity: 0.5;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.slideInUpFaded {
  animation-name: slideInUpFaded;
  animation-duration: 0.5s;
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  50% {
    opacity: 1;
    transform: translateY(30px);
  }
  65% {
    transform: translateY(-10px);
  }
  80% {
    transform: translateY(0);
  }
  100% {
    /* dit wordt gedaan om de transform die het element al heeft wel
	toe te passen. De extra 20% bij de animatie is ervoor om deze
	transform met een vloeiende overgang te kunnen tonen */
  }
}
.bounceInDown {
  animation-name: bounceInDown;
  animation-duration: 1.25s;
}
.blackToBlue {
  animation-name: blackToBlue;
  animation-duration: 1.25s;
}
@keyframes blackToBlue {
  from {
    color: black;
  }
  to {
    color: #06c;
  }
}
.blackToRed {
  animation-name: blackToRed;
  animation-duration: 1.25s;
}
@keyframes blackToRed {
  from {
    color: black;
  }
  to {
    color: #ed1c24;
  }
}
.flipFirst {
  animation-name: flipFirst;
  animation-duration: 0.35s;
}
@keyframes flipFirst {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(90deg);
  }
}
.flipSecond {
  animation-name: flipSecond;
  animation-duration: 0.35s;
}
@keyframes flipSecond {
  0% {
    transform: rotateY(270deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.transform-hide {
  overflow: hidden;
  height: 0;
  transition: height, 0.5s ease-in-out;
}
.transform-hide.open {
  height: 10rem;
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rotating {
  animation: rotating 20s linear infinite;
}
.fadeBlue {
  animation-name: fadeBlue;
  animation-duration: 2s;
}
@keyframes fadeBlue {
  from {
    background-color: #7aa7fa;
  }
  to {
    background-color: #f2f7fc;
  }
}
.expand-open {
  animation-name: expandOpen;
}
@keyframes expandOpen {
  0% {
    transform: scale(1.8);
    opacity: 0;
  }
  50% {
    transform: scale(0.95);
  }
  80% {
    transform: scale(1.05);
  }
  90% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1.02);
    opacity: 1;
  }
}
.mixin-grid-reset {
  clear: both;
  float: none;
  margin-left: 0;
  margin-right: 0;
  width: auto;
}
.mixin-clearfix::before,
.mixin-clearfix::after {
  content: '';
  display: table;
}
.mixin-clearfix::after {
  clear: both;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
*,
*::after,
*::before {
  box-sizing: border-box;
}
::-moz-selection {
  background: #252d2a;
  color: #fff;
  text-shadow: none;
}
html {
  color: #485752;
  font: 300 16px sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
}
body {
  height: 100%;
  background: #fff;
  line-height: 1.5rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  line-height: 1.5em;
  margin: 0 0 0.25em;
}
h1.soft,
h2.soft,
h3.soft,
h4.soft,
h5.soft,
h6.soft {
  font-weight: 300;
  color: #849a93;
}
h1 {
  font-size: 2.25rem;
}
h2 {
  font-size: 1.6rem;
}
h3 {
  font-size: 1.4rem;
}
h4 {
  font-size: 1.2rem;
}
h5 {
  font-size: 1.05rem;
}
h6 {
  font-size: 1rem;
}
p {
  margin-bottom: 1.25rem;
}
p.lead {
  font-size: 1.2rem;
  line-height: 1.5rem;
}
a {
  color: #09a25f;
  text-decoration: none;
}
a:hover {
  color: #000000;
}
small {
  font-size: 0.85em;
  color: #849a93;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
code,
pre {
  font-family: 'courier new', monospace;
}
abbr {
  border-bottom: 1px dotted #849a93;
}
del {
  text-decoration: line-through;
}
mark {
  background-color: #ffffb3;
}
hr {
  background-color: transparent;
  border: solid #d8dfdd;
  border-width: 1px 0 0;
  clear: both;
  margin: 2em 1.25rem;
}
ul,
ol {
  margin: 0 0 1.25rem 1.5em;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
dl {
  margin-bottom: 1.25rem;
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin-left: 1.25rem;
}
dl.advanced dt {
  float: left;
  width: 31.25%;
  margin-left: 0%;
  margin-right: 2.08333333%;
}
dl.advanced dd {
  float: left;
  width: 66.66666667%;
  margin-left: 0%;
  margin-right: 0%;
}
.is-hidden {
  display: none !important;
}
.is-hidden,
.is-invisible {
  visibility: hidden !important;
}
.is-active,
.is-visible {
  display: block !important;
}
.left {
  float: left;
}
.right {
  float: right;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.nowrap {
  white-space: nowrap;
}
.l-full {
  float: left;
  width: 95.83333333%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-three-quarter {
  float: left;
  width: 70.83333333%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-two-third {
  float: left;
  width: 62.5%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-two-third-true {
  float: left;
  width: 66.66666667%;
  margin-left: 0%;
  margin-right: 0%;
}
.l-half {
  float: left;
  width: 45.83333333%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-half-true {
  float: left;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
}
.l-one-third {
  float: left;
  width: 29.16666667%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-quarter {
  float: left;
  width: 20.83333333%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-one-fifth {
  float: left;
  width: 15.83333333%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-three-fifth {
  float: left;
  width: 55.83333333%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-four-fifth {
  float: left;
  width: 75.83333333%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-one-sixth {
  float: left;
  width: 12.5%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-five-sixth {
  float: left;
  width: 79.16666667%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-one-sixth-true {
  float: left;
  width: 16.66666667%;
  margin-left: 0%;
  margin-right: 0%;
}
.l-one-eighth {
  float: left;
  width: 8.33333333%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-five-eighth {
  float: left;
  width: 58.33333333%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-one-nineth {
  float: left;
  width: 6.9375%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-one-tenth {
  float: left;
  width: 5.83333333%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-one-twelfth {
  float: left;
  width: 4.16666667%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-one-one {
  float: left;
  width: 2.08333333%;
  margin-left: 0%;
  margin-right: 0%;
}
.l-one-half {
  float: left;
  width: 1.04166667%;
  margin-left: 0%;
  margin-right: 0%;
}
.l-divider {
  float: left;
  width: 0.41666667%;
  margin-left: 0.83333333%;
  margin-right: 0.83333333%;
}
.l-divider-true {
  float: left;
  width: 4.16666667%;
  margin-left: 0%;
  margin-right: 0%;
}
.l-divider-half {
  float: left;
  width: 43.75%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-divider-quarter {
  float: left;
  width: 18.75%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-divider-three-quarter {
  float: left;
  width: 68.75%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-grid::before,
.l-grid::after {
  content: '';
  display: table;
}
.l-grid::after {
  clear: both;
}
.l-grid li {
  float: left;
  width: 29.16666667%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
}
.l-first {
  clear: left;
}
div.l-container {
  max-width: 140000px;
  margin: auto;
  padding: 2.4rem;
}
div.l-container::before,
div.l-container::after {
  content: '';
  display: table;
}
div.l-container::after {
  clear: both;
}
header {
  float: left;
  width: 97.91666667%;
  margin-left: 2.08333333%;
  margin-right: 0%;
}
section {
  margin-bottom: 1.25rem;
  float: left;
  width: 97.91666667%;
  margin-left: 2.08333333%;
  margin-right: 0%;
}
section::before,
section::after {
  content: '';
  display: table;
}
section::after {
  clear: both;
}
@media print {
  pre,
  blockquote {
    break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  tr,
  img {
    break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    break-after: avoid;
  }
}
html {
  height: 100%;
  line-height: 1.5em;
  color: #555;
  background-color: white;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  text-rendering: optimizeLegibility;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9vmin;
}
@media (min-aspect-ratio: 4/3) {
  html {
    font-size: 1.25vmin;
  }
}
@media (min-aspect-ratio: 4/3) {
  html.keyboard-active {
    font-size: 2.25vmin;
  }
}
body {
  height: 100%;
  background-color: white;
  font-size: 2rem;
  -webkit-overflow-scrolling: touch;
  touch-action: none;
}
.gynzy-teacher {
  width: 100%;
  height: 100%;
  min-width: 0;
}
.gynzy-teacher .route-style-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
#top-loading-container,
#loading-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
#top-loading-container img.logo,
#loading-container img.logo {
  width: 28rem;
}
#top-loading-container .loader,
#loading-container .loader {
  position: relative;
  width: 21rem;
  border-radius: 0.20833333rem;
  padding: 0.10416667rem;
  background: #d1d3de;
  margin-top: 2.1875rem;
  overflow: hidden;
}
#top-loading-container .loader .loader-bar,
#loading-container .loader .loader-bar {
  position: absolute;
  inset: 0 0 0 -20%;
  border-radius: 0.20833333rem;
  background: #06c;
  animation: borealisBar 1.75s linear infinite;
  width: 20%;
}
@keyframes borealisBar {
  0% {
    left: -20%;
  }
  50% {
    left: 100%;
  }
  100% {
    left: -20%;
  }
}
.gynzy-teacher-application-container {
  height: 100%;
  width: 100%;
  display: flex;
  /* stylelint-disable-next-line selector-not-notation */
  /* stylelint-disable-next-line selector-not-notation */
  /* =========== Icons */
  /* normale witte knop */
  /* normale rode knop */
  /* stylelint-disable */
  /*
 * NORMALIZE
 */
  /*
 * GLOBAL ELEMENTS
 */
  /*
 * EXERCISE INTERFACE FRAMES
 */
  /*
 * SCORE ELEMENTS
 */
  /*
 * RESULT ELEMENTS
 */
  /*
 * OVERIG
 */
  /*
	Het idee is dat hier CSS komt die geschikt is voor alle oefeningen. Denk
	hierbij aan bijvoorbeeld de uitlijning van de header en content.
*/
}
.gynzy-teacher-application-container figure {
  display: inline-block;
  margin-bottom: 1.25rem;
  width: 100%;
}
.gynzy-teacher-application-container figure.figure-left {
  clear: left;
  float: left;
  padding-right: 1.25rem;
  width: 50%;
}
.gynzy-teacher-application-container figure.figure-right {
  clear: right;
  float: right;
  padding-left: 1.25rem;
  width: 50%;
}
.gynzy-teacher-application-container figure img {
  display: block;
  width: 100%;
}
.gynzy-teacher-application-container figure figcaption {
  color: blue;
}
.gynzy-teacher-application-container blockquote {
  quotes: none;
  color: #849a93;
  font: italic 1.2rem 'Georgia', serif;
  line-height: 1.5rem;
  margin-bottom: 1.25rem;
  padding: 0 0 0 2rem;
  position: relative;
}
.gynzy-teacher-application-container blockquote::before {
  color: #cad3d0;
  content: '\201C';
  display: block;
  font-size: 5rem;
  left: -0.15rem;
  position: absolute;
  top: 0.25rem;
}
.gynzy-teacher-application-container blockquote cite {
  color: #5f736c;
  display: block;
  font-size: 0.85rem;
}
.gynzy-teacher-application-container blockquote cite::before {
  content: '\2014 \0020';
}
.gynzy-teacher-application-container input[type='search'] {
  -webkit-appearance: textfield;
}
.gynzy-teacher-application-container input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
.gynzy-teacher-application-container input[type='text'],
.gynzy-teacher-application-container input[type='number'],
.gynzy-teacher-application-container input[type='password'],
.gynzy-teacher-application-container input[type='search'],
.gynzy-teacher-application-container input[type='email'],
.gynzy-teacher-application-container input[type='tel'],
.gynzy-teacher-application-container input[type='url'],
.gynzy-teacher-application-container textarea,
.gynzy-teacher-application-container select {
  -webkit-appearance: none;
  border: 1px solid #aebcb8;
  border-radius: 0.15rem;
  box-shadow: inset 0 1px 3px rgba(14, 17, 16, 0.1);
  color: #333;
  display: block;
  font-family: sans-serif;
  font-size: inherit;
  line-height: 1.5em;
  margin: 0;
  padding: 0.6em;
  vertical-align: baseline;
  width: 100%;
  transition: border 0.1s;
}
.gynzy-teacher-application-container input[type='text']:focus,
.gynzy-teacher-application-container input[type='number']:focus,
.gynzy-teacher-application-container input[type='password']:focus,
.gynzy-teacher-application-container input[type='search']:focus,
.gynzy-teacher-application-container input[type='email']:focus,
.gynzy-teacher-application-container input[type='tel']:focus,
.gynzy-teacher-application-container input[type='url']:focus,
.gynzy-teacher-application-container textarea:focus,
.gynzy-teacher-application-container select:focus {
  border: 1px solid #92a59f;
  color: #333;
  outline: 0;
}
.gynzy-teacher-application-container textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top;
  display: block;
}
.gynzy-teacher-application-container legend {
  border: 0;
  display: block;
  margin-bottom: 0.25rem;
  font-weight: bold;
  line-height: 1.5rem;
  font-size: 1.4rem;
}
.gynzy-teacher-application-container ul.form {
  clear: both;
  list-style: none;
  margin: 0 0 1.25rem;
}
.gynzy-teacher-application-container ul.form > li::before,
.gynzy-teacher-application-container ul.form > li::after {
  content: '';
  display: table;
}
.gynzy-teacher-application-container ul.form > li::after {
  clear: both;
}
.gynzy-teacher-application-container ul.form > li > label {
  clear: left;
  cursor: pointer;
  display: block;
  font-weight: bold;
  padding-top: 0.6rem;
  text-align: left;
}
@media only screen and (min-width: 590px) {
  .gynzy-teacher-application-container ul.form > li > label {
    float: left;
    width: 31.25%;
    margin-left: 0%;
    margin-right: 2.08333333%;
    text-align: right;
  }
}
.gynzy-teacher-application-container ul.form > li > label:hover {
  color: #0e1110;
}
.gynzy-teacher-application-container ul.form div.form-fields {
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 590px) {
  .gynzy-teacher-application-container ul.form div.form-fields {
    float: left;
    width: 66.66666667%;
    margin-left: 0%;
    margin-right: 0%;
  }
}
.gynzy-teacher-application-container ul.form div.form-fields p,
.gynzy-teacher-application-container ul.form div.form-fields small {
  display: block;
  margin: 0.25rem 0;
}
.gynzy-teacher-application-container ul.form div.form-fields p.form-description {
  margin: 0.6rem 0;
}
.gynzy-teacher-application-container ul.form-checklist {
  list-style: none;
  margin: 0.6rem 0;
}
.gynzy-teacher-application-container ul.form-checklist li {
  margin: 0.5rem 0;
}
.gynzy-teacher-application-container ul.form-checklist input {
  display: inline;
  margin-right: 0.8rem;
}
.gynzy-teacher-application-container ul.form-checklist label {
  clear: both;
  float: none;
  margin-left: 0;
  margin-right: 0;
  width: auto;
  font-weight: normal;
}
.gynzy-teacher-application-container ul.form-checklist label:hover {
  color: #000;
  cursor: pointer;
}
.gynzy-teacher-application-container li.form-error label {
  color: #f3490d;
}
.gynzy-teacher-application-container li.form-error label:hover {
  color: #7a2406;
}
.gynzy-teacher-application-container li.form-error input {
  border: 1px solid #f3490d;
  box-shadow: 0 0 3px #f56e3e, inset 0 0 0;
}
.gynzy-teacher-application-container li.form-error input:focus {
  border: 1px solid #f3490d;
}
.gynzy-teacher-application-container li.form-error ul.form-errors {
  color: #f3490d;
  list-style: none;
  margin: 0.35em 0;
}
.gynzy-teacher-application-container li.form-error ul.form-errors li {
  font-size: 0.85rem;
}
.gynzy-teacher-application-container .include-label {
  border-radius: 0.2em;
  font-size: 0.75em;
  font-weight: bold;
  padding: 0.1em 0.3em;
}
.gynzy-teacher-application-container .label {
  border-radius: 0.2em;
  font-size: 0.75em;
  font-weight: bold;
  padding: 0.1em 0.3em;
  color: #fff;
  background: #09a25f;
  -webkit-font-smoothing: antialiased;
}
.gynzy-teacher-application-container .label-contrast {
  border-radius: 0.2em;
  font-size: 0.75em;
  font-weight: bold;
  padding: 0.1em 0.3em;
  color: #fff;
  background-color: #313b37;
  -webkit-font-smoothing: antialiased;
}
.gynzy-teacher-application-container .label-soft {
  border-radius: 0.2em;
  font-size: 0.75em;
  font-weight: bold;
  padding: 0.1em 0.3em;
  color: #3c4945;
  background: #d8dfdd;
}
.gynzy-teacher-application-container .label-success {
  border-radius: 0.2em;
  font-size: 0.75em;
  font-weight: bold;
  padding: 0.1em 0.3em;
  color: #fff;
  background-color: #39b924;
  -webkit-font-smoothing: antialiased;
}
.gynzy-teacher-application-container .label-alert {
  border-radius: 0.2em;
  font-size: 0.75em;
  font-weight: bold;
  padding: 0.1em 0.3em;
  color: #fff;
  background-color: #f3490d;
  -webkit-font-smoothing: antialiased;
}
.gynzy-teacher-application-container button::-moz-focus-inner,
.gynzy-teacher-application-container input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.gynzy-teacher-application-container div.buttons:not('.styleguide') {
  list-style: none;
  margin: 0 0 1.25rem;
}
.gynzy-teacher-application-container div.buttons:not('.styleguide')::before,
.gynzy-teacher-application-container div.buttons:not('.styleguide')::after {
  content: '';
  display: table;
}
.gynzy-teacher-application-container div.buttons:not('.styleguide')::after {
  clear: both;
}
.gynzy-teacher-application-container .include-button {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0.15rem;
  cursor: pointer;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  font-family: sans-serif;
  line-height: 1.5rem !important;
  margin: 0 0 0.25rem;
  padding: 0.4rem 0.75rem;
  border: 0;
  vertical-align: baseline;
  text-decoration: none;
}
.gynzy-teacher-application-container .button:not('.styleguide'),
.gynzy-teacher-application-container input[type='submit'],
.gynzy-teacher-application-container button {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0.15rem;
  cursor: pointer;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  font-family: sans-serif;
  line-height: 1.5rem !important;
  margin: 0 0 0.25rem;
  padding: 0.4rem 0.75rem;
  border: 0;
  vertical-align: baseline;
  text-decoration: none;
  color: #fff;
  background: #09a25f;
  -webkit-font-smoothing: antialiased;
}
.gynzy-teacher-application-container .button:not('.styleguide'):hover,
.gynzy-teacher-application-container input[type='submit']:hover,
.gynzy-teacher-application-container button:hover {
  background: #088a51;
  color: #fff;
}
.gynzy-teacher-application-container .button:not('.styleguide'):active,
.gynzy-teacher-application-container input[type='submit']:active,
.gynzy-teacher-application-container button:active,
.gynzy-teacher-application-container .button:not('.styleguide'):focus,
.gynzy-teacher-application-container input[type='submit']:focus,
.gynzy-teacher-application-container button:focus {
  background: #067243;
  box-shadow: inset 0 1px 4px rgba(14, 17, 16, 0.007);
  color: #cad3d0;
}
.gynzy-teacher-application-container .button-contrast,
.gynzy-teacher-application-container input[type='submit'].button-contrast,
.gynzy-teacher-application-container button.button-contrast {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0.15rem;
  cursor: pointer;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  font-family: sans-serif;
  line-height: 1.5rem !important;
  margin: 0 0 0.25rem;
  padding: 0.4rem 0.75rem;
  border: 0;
  vertical-align: baseline;
  text-decoration: none;
  color: #fff;
  background-color: #313b37;
  -webkit-font-smoothing: antialiased;
}
.gynzy-teacher-application-container .button-contrast:hover,
.gynzy-teacher-application-container input[type='submit'].button-contrast:hover,
.gynzy-teacher-application-container button.button-contrast:hover {
  background-color: #0e1110;
  color: #fff;
}
.gynzy-teacher-application-container .button-contrast:active,
.gynzy-teacher-application-container input[type='submit'].button-contrast:active,
.gynzy-teacher-application-container button.button-contrast:active,
.gynzy-teacher-application-container .button-contrast:focus,
.gynzy-teacher-application-container input[type='submit'].button-contrast:focus,
.gynzy-teacher-application-container button.button-contrast:focus {
  background-color: #0e1110;
  box-shadow: inset 0 1px 4px rgba(14, 17, 16, 0.007);
  color: #cad3d0;
}
.gynzy-teacher-application-container .button-soft,
.gynzy-teacher-application-container input[type='submit'].button-soft,
.gynzy-teacher-application-container button.button-soft {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0.15rem;
  cursor: pointer;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  font-family: sans-serif;
  line-height: 1.5rem !important;
  margin: 0 0 0.25rem;
  padding: 0.4rem 0.75rem;
  border: 0;
  vertical-align: baseline;
  text-decoration: none;
  color: #3c4945;
  background: #ced7d3;
}
.gynzy-teacher-application-container .button-soft:hover,
.gynzy-teacher-application-container input[type='submit'].button-soft:hover,
.gynzy-teacher-application-container button.button-soft:hover {
  color: #0e1110;
  background: #cad3d0;
}
.gynzy-teacher-application-container .button-soft:active,
.gynzy-teacher-application-container input[type='submit'].button-soft:active,
.gynzy-teacher-application-container button.button-soft:active,
.gynzy-teacher-application-container .button-soft:focus,
.gynzy-teacher-application-container input[type='submit'].button-soft:focus,
.gynzy-teacher-application-container button.button-soft:focus {
  background: #aebcb8;
  box-shadow: inset 0 1px 4px rgba(14, 17, 16, 0.001);
  color: #3c4945;
}
.gynzy-teacher-application-container .button-success,
.gynzy-teacher-application-container input[type='submit'].button-success,
.gynzy-teacher-application-container button.button-success {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0.15rem;
  cursor: pointer;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  font-family: sans-serif;
  line-height: 1.5rem !important;
  margin: 0 0 0.25rem;
  padding: 0.4rem 0.75rem;
  border: 0;
  vertical-align: baseline;
  text-decoration: none;
  color: #fff;
  background-color: #39b924;
  -webkit-font-smoothing: antialiased;
}
.gynzy-teacher-application-container .button-success:hover,
.gynzy-teacher-application-container input[type='submit'].button-success:hover,
.gynzy-teacher-application-container button.button-success:hover {
  background-color: #32a420;
  color: #fff;
}
.gynzy-teacher-application-container .button-success:active,
.gynzy-teacher-application-container input[type='submit'].button-success:active,
.gynzy-teacher-application-container button.button-success:active,
.gynzy-teacher-application-container .button-success:focus,
.gynzy-teacher-application-container input[type='submit'].button-success:focus,
.gynzy-teacher-application-container button.button-success:focus {
  background-color: #2c8e1c;
  box-shadow: inset 0 1px 4px rgba(14, 17, 16, 0.003);
  color: #cad3d0;
}
.gynzy-teacher-application-container .button-alert,
.gynzy-teacher-application-container input[type='submit'].button-alert,
.gynzy-teacher-application-container button.button-alert {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0.15rem;
  cursor: pointer;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  font-family: sans-serif;
  line-height: 1.5rem !important;
  margin: 0 0 0.25rem;
  padding: 0.4rem 0.75rem;
  border: 0;
  vertical-align: baseline;
  text-decoration: none;
  color: #fff;
  background-color: #f3490d;
  -webkit-font-smoothing: antialiased;
}
.gynzy-teacher-application-container .button-alert:hover,
.gynzy-teacher-application-container input[type='submit'].button-alert:hover,
.gynzy-teacher-application-container button.button-alert:hover {
  background-color: #dc410b;
  color: #fff;
}
.gynzy-teacher-application-container .button-alert:active,
.gynzy-teacher-application-container input[type='submit'].button-alert:active,
.gynzy-teacher-application-container button.button-alert:active,
.gynzy-teacher-application-container .button-alert:focus,
.gynzy-teacher-application-container input[type='submit'].button-alert:focus,
.gynzy-teacher-application-container button.button-alert:focus {
  background-color: #c33a0a;
  box-shadow: inset 0 1px 4px rgba(14, 17, 16, 0.003);
  color: #cad3d0;
}
.gynzy-teacher-application-container .include-ico {
  display: inline-block;
  float: left;
  height: 1rem;
  margin: 0.1rem 0.4rem 0 0;
  overflow: hidden;
  text-indent: -9999px;
  width: 1em;
}
.gynzy-teacher-application-container .ico-name {
  display: inline-block;
  float: left;
  height: 1rem;
  margin: 0.1rem 0.4rem 0 0;
  overflow: hidden;
  text-indent: -9999px;
  width: 1em;
  background: url('../images/icons.png') 0 0 no-repeat;
}
.gynzy-teacher-application-container ul.messages,
.gynzy-teacher-application-container div.message {
  list-style: none;
  margin: 0 0 1.25rem;
}
.gynzy-teacher-application-container .include-message {
  border-radius: 0.15rem;
  display: block;
  font-weight: bold;
  line-height: 1.5rem;
  margin-bottom: 0.25rem;
  padding: 0.4rem 0.75rem;
  vertical-align: baseline;
}
.gynzy-teacher-application-container li.message,
.gynzy-teacher-application-container div.message {
  border-radius: 0.15rem;
  display: block;
  font-weight: bold;
  line-height: 1.5rem;
  margin-bottom: 0.25rem;
  padding: 0.4rem 0.75rem;
  vertical-align: baseline;
  background: #ced7d3;
  color: #3c4945;
}
.gynzy-teacher-application-container li.message-success,
.gynzy-teacher-application-container div.message-success {
  border-radius: 0.15rem;
  display: block;
  font-weight: bold;
  line-height: 1.5rem;
  margin-bottom: 0.25rem;
  padding: 0.4rem 0.75rem;
  vertical-align: baseline;
  background: #39b924;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
.gynzy-teacher-application-container li.message-alert,
.gynzy-teacher-application-container div.message-alert {
  border-radius: 0.15rem;
  display: block;
  font-weight: bold;
  line-height: 1.5rem;
  margin-bottom: 0.25rem;
  padding: 0.4rem 0.75rem;
  vertical-align: baseline;
  background: #f3490d;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
.gynzy-teacher-application-container ul.pagination {
  font-size: 0.95rem;
  list-style: none;
  margin: 0 0 1.25rem;
  text-align: center;
}
.gynzy-teacher-application-container ul.pagination li {
  display: inline-block;
  margin-bottom: 0.25rem;
}
.gynzy-teacher-application-container ul.pagination a {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0.15rem;
  cursor: pointer;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  font-family: sans-serif;
  line-height: 1.5rem !important;
  margin: 0 0 0.25rem;
  padding: 0.4rem 0.75rem;
  border: 0;
  vertical-align: baseline;
  text-decoration: none;
  color: #3c4945;
  background: #ced7d3;
}
.gynzy-teacher-application-container ul.pagination a:hover {
  color: #0e1110;
  background: #cad3d0;
}
.gynzy-teacher-application-container ul.pagination a:active,
.gynzy-teacher-application-container ul.pagination a:focus {
  background: #aebcb8;
  box-shadow: inset 0 1px 4px rgba(14, 17, 16, 0.001);
  color: #3c4945;
}
.gynzy-teacher-application-container ul.pagination li.is-selected a {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0.15rem;
  cursor: pointer;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  font-family: sans-serif;
  line-height: 1.5rem !important;
  margin: 0 0 0.25rem;
  padding: 0.4rem 0.75rem;
  border: 0;
  vertical-align: baseline;
  text-decoration: none;
  color: #fff;
  background-color: #313b37;
  -webkit-font-smoothing: antialiased;
}
.gynzy-teacher-application-container ul.pagination li.is-selected a:hover {
  background-color: #0e1110;
  color: #fff;
}
.gynzy-teacher-application-container ul.pagination li.is-selected a:active,
.gynzy-teacher-application-container ul.pagination li.is-selected a:focus {
  background-color: #0e1110;
  box-shadow: inset 0 1px 4px rgba(14, 17, 16, 0.007);
  color: #cad3d0;
}
.gynzy-teacher-application-container ul.pagination li.gap {
  background: none;
  padding: 0.35em;
}
.gynzy-teacher-application-container div.modal {
  position: fixed;
  width: 54.4rem;
  height: 46.4rem;
  left: 50%;
  top: 50%;
  margin-left: -27.4rem;
  margin-top: -22.4rem;
  background-color: white;
  z-index: 21000;
  border-radius: 1rem;
  overflow-y: auto;
  line-height: 2rem;
}
.gynzy-teacher-application-container div.modal h3,
.gynzy-teacher-application-container div.modal h4,
.gynzy-teacher-application-container div.modal h5 {
  text-align: center;
}
.gynzy-teacher-application-container div.modal .modal-header {
  margin: 2rem 0;
}
.gynzy-teacher-application-container div.modal-content {
  background: #fff;
  border-radius: 0.15rem;
  box-shadow: 0 0 20px rgba(14, 17, 16, 0.006);
  margin: 3rem auto;
  max-width: 800px;
  padding: 1.5rem;
  position: relative;
  top: 0;
}
.gynzy-teacher-application-container ul.tabs {
  background: #ced7d3;
  border-radius: 0.15rem;
  margin: 0 0 1.25rem;
  padding: 0.35rem 0.35rem 0;
}
.gynzy-teacher-application-container ul.tabs li {
  display: inline-block;
  position: relative;
}
.gynzy-teacher-application-container ul.tabs a {
  color: #485752;
  display: block;
  padding: 0.75rem;
}
.gynzy-teacher-application-container ul.tabs a:hover {
  color: #0e1110;
}
.gynzy-teacher-application-container ul.tabs li.is-selected a {
  background: #fff;
  border-radius: 0.2rem 0.2rem 0 0;
  background-clip: padding-box;
  color: #0e1110;
  font-weight: bold;
}
.gynzy-teacher-application-container .panel {
  border-radius: 0.15rem;
  margin: 2rem auto;
  margin-bottom: 1.25rem;
  padding: 1.6rem;
  background-color: white;
  box-shadow: 0 0 5px 0 #888;
  text-align: center;
}
.gynzy-teacher-application-container .panel-callout {
  border-radius: 0.15rem;
  margin: 2rem auto;
  margin-bottom: 1.25rem;
  padding: 1.6rem;
  background-color: white;
  box-shadow: 0 0 5px 0 #888;
  text-align: center;
  background: #09a25f;
  color: #fff;
}
.gynzy-teacher-application-container .button-normal-blue,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue,
.gynzy-teacher-application-container button.button-normal-blue {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
}
.gynzy-teacher-application-container .button-normal-blue *,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue *,
.gynzy-teacher-application-container button.button-normal-blue * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-normal-blue:hover,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:hover,
.gynzy-teacher-application-container button.button-normal-blue:hover,
.gynzy-teacher-application-container .button-normal-blue:visited,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:visited,
.gynzy-teacher-application-container button.button-normal-blue:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-normal-blue:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:active,
.gynzy-teacher-application-container button.button-normal-blue:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-normal-blue:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:active.disabled,
.gynzy-teacher-application-container button.button-normal-blue:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-normal-blue:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:active.disabled *,
.gynzy-teacher-application-container button.button-normal-blue:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-normal-blue:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:active.disabled:hover,
.gynzy-teacher-application-container button.button-normal-blue:active.disabled:hover,
.gynzy-teacher-application-container .button-normal-blue:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:active.disabled:active,
.gynzy-teacher-application-container button.button-normal-blue:active.disabled:active,
.gynzy-teacher-application-container .button-normal-blue:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:active.disabled:focus,
.gynzy-teacher-application-container button.button-normal-blue:active.disabled:focus,
.gynzy-teacher-application-container .button-normal-blue:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:active.disabled:visited,
.gynzy-teacher-application-container button.button-normal-blue:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-normal-blue:focus,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:focus,
.gynzy-teacher-application-container button.button-normal-blue:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-normal-blue img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue img.incorrect-cross,
.gynzy-teacher-application-container button.button-normal-blue img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-normal-blue img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue img.correct-tick,
.gynzy-teacher-application-container button.button-normal-blue img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-normal-blue .fa,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue .fa,
.gynzy-teacher-application-container button.button-normal-blue .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-normal-blue.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue.disabled *,
.gynzy-teacher-application-container button.button-normal-blue.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-large-blue,
.gynzy-teacher-application-container input[type='submit'].button-large-blue,
.gynzy-teacher-application-container button.button-large-blue {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 2.4rem;
  padding: 0.75rem 2.7rem;
  line-height: 4.8rem !important;
}
.gynzy-teacher-application-container .button-large-blue *,
.gynzy-teacher-application-container input[type='submit'].button-large-blue *,
.gynzy-teacher-application-container button.button-large-blue * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-large-blue:hover,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:hover,
.gynzy-teacher-application-container button.button-large-blue:hover,
.gynzy-teacher-application-container .button-large-blue:visited,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:visited,
.gynzy-teacher-application-container button.button-large-blue:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-large-blue:active,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:active,
.gynzy-teacher-application-container button.button-large-blue:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-large-blue:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:active.disabled,
.gynzy-teacher-application-container button.button-large-blue:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-large-blue:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:active.disabled *,
.gynzy-teacher-application-container button.button-large-blue:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-large-blue:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:active.disabled:hover,
.gynzy-teacher-application-container button.button-large-blue:active.disabled:hover,
.gynzy-teacher-application-container .button-large-blue:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:active.disabled:active,
.gynzy-teacher-application-container button.button-large-blue:active.disabled:active,
.gynzy-teacher-application-container .button-large-blue:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:active.disabled:focus,
.gynzy-teacher-application-container button.button-large-blue:active.disabled:focus,
.gynzy-teacher-application-container .button-large-blue:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:active.disabled:visited,
.gynzy-teacher-application-container button.button-large-blue:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-large-blue:focus,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:focus,
.gynzy-teacher-application-container button.button-large-blue:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-large-blue img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-large-blue img.incorrect-cross,
.gynzy-teacher-application-container button.button-large-blue img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-large-blue img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-large-blue img.correct-tick,
.gynzy-teacher-application-container button.button-large-blue img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-large-blue .fa,
.gynzy-teacher-application-container input[type='submit'].button-large-blue .fa,
.gynzy-teacher-application-container button.button-large-blue .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-large-blue.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-large-blue.disabled *,
.gynzy-teacher-application-container button.button-large-blue.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-large-blue.controleren img,
.gynzy-teacher-application-container input[type='submit'].button-large-blue.controleren img,
.gynzy-teacher-application-container button.button-large-blue.controleren img {
  position: relative;
  top: 0.8rem;
  height: 2.9rem;
  width: 2.9rem;
}
.gynzy-teacher-application-container .button-large-blue.controleren img.tick,
.gynzy-teacher-application-container input[type='submit'].button-large-blue.controleren img.tick,
.gynzy-teacher-application-container button.button-large-blue.controleren img.tick {
  height: 2.7rem;
  width: 3.4rem;
  top: 0.7rem;
}
.gynzy-teacher-application-container .button-extra-large-blue,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue,
.gynzy-teacher-application-container button.button-extra-large-blue {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 3rem;
  padding: 0.75rem 3.5rem;
  line-height: 6.2rem !important;
}
.gynzy-teacher-application-container .button-extra-large-blue *,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue *,
.gynzy-teacher-application-container button.button-extra-large-blue * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-extra-large-blue:hover,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:hover,
.gynzy-teacher-application-container button.button-extra-large-blue:hover,
.gynzy-teacher-application-container .button-extra-large-blue:visited,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:visited,
.gynzy-teacher-application-container button.button-extra-large-blue:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-extra-large-blue:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:active,
.gynzy-teacher-application-container button.button-extra-large-blue:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-extra-large-blue:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:active.disabled,
.gynzy-teacher-application-container button.button-extra-large-blue:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-extra-large-blue:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:active.disabled *,
.gynzy-teacher-application-container button.button-extra-large-blue:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-extra-large-blue:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:active.disabled:hover,
.gynzy-teacher-application-container button.button-extra-large-blue:active.disabled:hover,
.gynzy-teacher-application-container .button-extra-large-blue:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:active.disabled:active,
.gynzy-teacher-application-container button.button-extra-large-blue:active.disabled:active,
.gynzy-teacher-application-container .button-extra-large-blue:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:active.disabled:focus,
.gynzy-teacher-application-container button.button-extra-large-blue:active.disabled:focus,
.gynzy-teacher-application-container .button-extra-large-blue:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:active.disabled:visited,
.gynzy-teacher-application-container button.button-extra-large-blue:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-extra-large-blue:focus,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:focus,
.gynzy-teacher-application-container button.button-extra-large-blue:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-extra-large-blue img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue img.incorrect-cross,
.gynzy-teacher-application-container button.button-extra-large-blue img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-extra-large-blue img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue img.correct-tick,
.gynzy-teacher-application-container button.button-extra-large-blue img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-extra-large-blue .fa,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue .fa,
.gynzy-teacher-application-container button.button-extra-large-blue .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-extra-large-blue.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue.disabled *,
.gynzy-teacher-application-container button.button-extra-large-blue.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-normal-blue-hover {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-normal-blue-active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-normal-blue.is-active,
.gynzy-teacher-application-container .button-large-blue.is-active,
.gynzy-teacher-application-container .button-extra-large-blue.is-active,
.gynzy-teacher-application-container .button-square.is-active,
.gynzy-teacher-application-container .button-normal-blue.disabled.dark,
.gynzy-teacher-application-container .button-large-blue.disabled.dark,
.gynzy-teacher-application-container .button-extra-large-blue.disabled.dark,
.gynzy-teacher-application-container .dark {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  background-color: #123364;
  opacity: 1;
}
.gynzy-teacher-application-container .button-normal-blue.is-active:hover,
.gynzy-teacher-application-container .button-large-blue.is-active:hover,
.gynzy-teacher-application-container .button-extra-large-blue.is-active:hover,
.gynzy-teacher-application-container .button-square.is-active:hover,
.gynzy-teacher-application-container .button-normal-blue.disabled.dark:hover,
.gynzy-teacher-application-container .button-large-blue.disabled.dark:hover,
.gynzy-teacher-application-container .button-extra-large-blue.disabled.dark:hover,
.gynzy-teacher-application-container .dark:hover,
.gynzy-teacher-application-container .button-normal-blue.is-active:active,
.gynzy-teacher-application-container .button-large-blue.is-active:active,
.gynzy-teacher-application-container .button-extra-large-blue.is-active:active,
.gynzy-teacher-application-container .button-square.is-active:active,
.gynzy-teacher-application-container .button-normal-blue.disabled.dark:active,
.gynzy-teacher-application-container .button-large-blue.disabled.dark:active,
.gynzy-teacher-application-container .button-extra-large-blue.disabled.dark:active,
.gynzy-teacher-application-container .dark:active,
.gynzy-teacher-application-container .button-normal-blue.is-active:focus,
.gynzy-teacher-application-container .button-large-blue.is-active:focus,
.gynzy-teacher-application-container .button-extra-large-blue.is-active:focus,
.gynzy-teacher-application-container .button-square.is-active:focus,
.gynzy-teacher-application-container .button-normal-blue.disabled.dark:focus,
.gynzy-teacher-application-container .button-large-blue.disabled.dark:focus,
.gynzy-teacher-application-container .button-extra-large-blue.disabled.dark:focus,
.gynzy-teacher-application-container .dark:focus,
.gynzy-teacher-application-container .button-normal-blue.is-active:visited,
.gynzy-teacher-application-container .button-large-blue.is-active:visited,
.gynzy-teacher-application-container .button-extra-large-blue.is-active:visited,
.gynzy-teacher-application-container .button-square.is-active:visited,
.gynzy-teacher-application-container .button-normal-blue.disabled.dark:visited,
.gynzy-teacher-application-container .button-large-blue.disabled.dark:visited,
.gynzy-teacher-application-container .button-extra-large-blue.disabled.dark:visited,
.gynzy-teacher-application-container .dark:visited {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  background-color: #123364;
}
.gynzy-teacher-application-container .button-normal-blue.is-correct,
.gynzy-teacher-application-container .button-large-blue.is-correct,
.gynzy-teacher-application-container .button-extra-large-blue.is-correct {
  cursor: default;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
  border: #209914 1px solid;
  color: #209914 !important;
}
.gynzy-teacher-application-container .button-normal-blue.is-correct img.correct-tick,
.gynzy-teacher-application-container .button-large-blue.is-correct img.correct-tick,
.gynzy-teacher-application-container .button-extra-large-blue.is-correct img.correct-tick {
  margin-right: 2rem;
  display: inline;
}
.gynzy-teacher-application-container .button-normal-blue.is-correct img.incorrect-cross,
.gynzy-teacher-application-container .button-large-blue.is-correct img.incorrect-cross,
.gynzy-teacher-application-container .button-extra-large-blue.is-correct img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-normal-blue.is-incorrect,
.gynzy-teacher-application-container .button-large-blue.is-incorrect,
.gynzy-teacher-application-container .button-extra-large-blue.is-incorrect {
  cursor: default;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
  border: #ed1c24 1px solid;
  color: #ed1c24 !important;
}
.gynzy-teacher-application-container .button-normal-blue.is-incorrect img.incorrect-cross,
.gynzy-teacher-application-container .button-large-blue.is-incorrect img.incorrect-cross,
.gynzy-teacher-application-container .button-extra-large-blue.is-incorrect img.incorrect-cross {
  margin-right: 2rem;
  display: inline;
}
.gynzy-teacher-application-container .button-normal-blue.is-incorrect img.correct-tick,
.gynzy-teacher-application-container .button-large-blue.is-incorrect img.correct-tick,
.gynzy-teacher-application-container .button-extra-large-blue.is-incorrect img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-normal-blue.disabled,
.gynzy-teacher-application-container .button-large-blue.disabled,
.gynzy-teacher-application-container .button-extra-large-blue.disabled,
.gynzy-teacher-application-container .button-square.disabled,
.gynzy-teacher-application-container .button-large-white.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-normal-blue.disabled:hover,
.gynzy-teacher-application-container .button-large-blue.disabled:hover,
.gynzy-teacher-application-container .button-extra-large-blue.disabled:hover,
.gynzy-teacher-application-container .button-square.disabled:hover,
.gynzy-teacher-application-container .button-large-white.disabled:hover,
.gynzy-teacher-application-container .button-normal-blue.disabled:active,
.gynzy-teacher-application-container .button-large-blue.disabled:active,
.gynzy-teacher-application-container .button-extra-large-blue.disabled:active,
.gynzy-teacher-application-container .button-square.disabled:active,
.gynzy-teacher-application-container .button-large-white.disabled:active,
.gynzy-teacher-application-container .button-normal-blue.disabled:focus,
.gynzy-teacher-application-container .button-large-blue.disabled:focus,
.gynzy-teacher-application-container .button-extra-large-blue.disabled:focus,
.gynzy-teacher-application-container .button-square.disabled:focus,
.gynzy-teacher-application-container .button-large-white.disabled:focus,
.gynzy-teacher-application-container .button-normal-blue.disabled:visited,
.gynzy-teacher-application-container .button-large-blue.disabled:visited,
.gynzy-teacher-application-container .button-extra-large-blue.disabled:visited,
.gynzy-teacher-application-container .button-square.disabled:visited,
.gynzy-teacher-application-container .button-large-white.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-normal-blue.inactive,
.gynzy-teacher-application-container .button-large-blue.inactive,
.gynzy-teacher-application-container .button-extra-large-blue.inactive,
.gynzy-teacher-application-container .button-square.inactive {
  cursor: default;
}
.gynzy-teacher-application-container .button-normal-blue.inactive:hover,
.gynzy-teacher-application-container .button-large-blue.inactive:hover,
.gynzy-teacher-application-container .button-extra-large-blue.inactive:hover,
.gynzy-teacher-application-container .button-square.inactive:hover,
.gynzy-teacher-application-container .button-normal-blue.inactive:active,
.gynzy-teacher-application-container .button-large-blue.inactive:active,
.gynzy-teacher-application-container .button-extra-large-blue.inactive:active,
.gynzy-teacher-application-container .button-square.inactive:active,
.gynzy-teacher-application-container .button-normal-blue.inactive:focus,
.gynzy-teacher-application-container .button-large-blue.inactive:focus,
.gynzy-teacher-application-container .button-extra-large-blue.inactive:focus,
.gynzy-teacher-application-container .button-square.inactive:focus,
.gynzy-teacher-application-container .button-normal-blue.inactive:visited,
.gynzy-teacher-application-container .button-large-blue.inactive:visited,
.gynzy-teacher-application-container .button-extra-large-blue.inactive:visited,
.gynzy-teacher-application-container .button-square.inactive:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #3c83f3;
}
.gynzy-teacher-application-container .button-scroll-top.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-scroll-top.disabled:hover,
.gynzy-teacher-application-container .button-scroll-top.disabled:active,
.gynzy-teacher-application-container .button-scroll-top.disabled:focus,
.gynzy-teacher-application-container .button-scroll-top.disabled:visited {
  cursor: default;
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #2571e6) !important;
  background-color: #0e5fd8 !important;
}
.gynzy-teacher-application-container .button-scroll-bottom.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-scroll-bottom.disabled:hover,
.gynzy-teacher-application-container .button-scroll-bottom.disabled:active,
.gynzy-teacher-application-container .button-scroll-bottom.disabled:focus,
.gynzy-teacher-application-container .button-scroll-bottom.disabled:visited {
  cursor: default;
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #2571e6, #0e5fd8) !important;
  background-color: #0e5fd8 !important;
}
.gynzy-teacher-application-container .button-blue-previous-arrow {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  height: 4rem;
  padding: 0.5rem 1.75rem;
  line-height: 3rem !important;
  font-size: 1.5rem;
}
.gynzy-teacher-application-container .button-blue-previous-arrow * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-blue-previous-arrow:hover,
.gynzy-teacher-application-container .button-blue-previous-arrow:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-blue-previous-arrow:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-blue-previous-arrow:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-blue-previous-arrow:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-blue-previous-arrow:active.disabled:hover,
.gynzy-teacher-application-container .button-blue-previous-arrow:active.disabled:active,
.gynzy-teacher-application-container .button-blue-previous-arrow:active.disabled:focus,
.gynzy-teacher-application-container .button-blue-previous-arrow:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-blue-previous-arrow:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-blue-previous-arrow img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-blue-previous-arrow img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-blue-previous-arrow .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-blue-previous-arrow.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-blue-previous-arrow span {
  margin-left: 1.3rem;
  height: 2rem;
  line-height: 2rem;
}
.gynzy-teacher-application-container .button-blue-previous-arrow img {
  vertical-align: middle;
  height: 2rem;
  line-height: 2rem;
}
.gynzy-teacher-application-container .button-blue-previous-arrow .triangle-left {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  position: relative;
  left: 0;
  top: 50%;
  margin: -0.65rem 0 0 -0.35rem;
  border-width: 0.65rem 0.7rem 0.65rem 0;
  border-color: transparent #fff transparent transparent;
}
.gynzy-teacher-application-container .button-blue-previous-arrow .triangle-right {
  width: 0;
  height: 0;
  border-style: solid;
  position: relative;
  left: 50%;
  top: 50%;
  margin: -0.3rem 0 0 -0.9rem;
  border-width: 0.65rem 0 0.65rem 0.7rem;
  border-color: transparent transparent transparent #fff;
}
.gynzy-teacher-application-container .button-previous,
.gynzy-teacher-application-container .button-next {
  position: relative;
  display: inline-block;
  filter: drop-shadow(0.1rem 0.1rem 0.3rem rgba(50, 50, 50, 0.35));
}
.gynzy-teacher-application-container .button-previous:hover .button-blue-next,
.gynzy-teacher-application-container .button-next:hover .button-blue-next,
.gynzy-teacher-application-container .button-previous:focus .button-blue-next,
.gynzy-teacher-application-container .button-next:focus .button-blue-next,
.gynzy-teacher-application-container .button-previous:visited .button-blue-next,
.gynzy-teacher-application-container .button-next:visited .button-blue-next,
.gynzy-teacher-application-container .button-previous:hover .button-blue-prev,
.gynzy-teacher-application-container .button-next:hover .button-blue-prev,
.gynzy-teacher-application-container .button-previous:focus .button-blue-prev,
.gynzy-teacher-application-container .button-next:focus .button-blue-prev,
.gynzy-teacher-application-container .button-previous:visited .button-blue-prev,
.gynzy-teacher-application-container .button-next:visited .button-blue-prev {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-previous:hover span.next,
.gynzy-teacher-application-container .button-next:hover span.next,
.gynzy-teacher-application-container .button-previous:focus span.next,
.gynzy-teacher-application-container .button-next:focus span.next,
.gynzy-teacher-application-container .button-previous:visited span.next,
.gynzy-teacher-application-container .button-next:visited span.next,
.gynzy-teacher-application-container .button-previous:hover span.prev,
.gynzy-teacher-application-container .button-next:hover span.prev,
.gynzy-teacher-application-container .button-previous:focus span.prev,
.gynzy-teacher-application-container .button-next:focus span.prev,
.gynzy-teacher-application-container .button-previous:visited span.prev,
.gynzy-teacher-application-container .button-next:visited span.prev {
  background: linear-gradient(135deg, #0e5fd8 0%, #3c83f3 100%);
  background-color: #0e5fd8;
  cursor: pointer;
}
.gynzy-teacher-application-container .button-previous:active .button-blue-next,
.gynzy-teacher-application-container .button-next:active .button-blue-next,
.gynzy-teacher-application-container .button-previous:active .button-blue-prev,
.gynzy-teacher-application-container .button-next:active .button-blue-prev {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-previous:active span.next,
.gynzy-teacher-application-container .button-next:active span.next,
.gynzy-teacher-application-container .button-previous:active span.prev,
.gynzy-teacher-application-container .button-next:active span.prev {
  background: linear-gradient(135deg, #123364 0%, #3c83f3 100%);
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  background-color: #123364;
}
.gynzy-teacher-application-container .button-previous.disabled .button-blue-next,
.gynzy-teacher-application-container .button-next.disabled .button-blue-next,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-prev,
.gynzy-teacher-application-container .button-next.disabled .button-blue-prev {
  cursor: default;
  opacity: 0.5;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  opacity: 1;
}
.gynzy-teacher-application-container .button-previous.disabled .button-blue-next *,
.gynzy-teacher-application-container .button-next.disabled .button-blue-next *,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-prev *,
.gynzy-teacher-application-container .button-next.disabled .button-blue-prev * {
  cursor: default;
}
.gynzy-teacher-application-container .button-previous.disabled .button-blue-next:hover,
.gynzy-teacher-application-container .button-next.disabled .button-blue-next:hover,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-prev:hover,
.gynzy-teacher-application-container .button-next.disabled .button-blue-prev:hover,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-next:active,
.gynzy-teacher-application-container .button-next.disabled .button-blue-next:active,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-prev:active,
.gynzy-teacher-application-container .button-next.disabled .button-blue-prev:active,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-next:focus,
.gynzy-teacher-application-container .button-next.disabled .button-blue-next:focus,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-prev:focus,
.gynzy-teacher-application-container .button-next.disabled .button-blue-prev:focus,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-next:visited,
.gynzy-teacher-application-container .button-next.disabled .button-blue-next:visited,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-prev:visited,
.gynzy-teacher-application-container .button-next.disabled .button-blue-prev:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-previous.disabled span.next,
.gynzy-teacher-application-container .button-next.disabled span.next,
.gynzy-teacher-application-container .button-previous.disabled span.prev,
.gynzy-teacher-application-container .button-next.disabled span.prev {
  background: linear-gradient(135deg, #3c83f3 0%, #0e5fd8 100%);
  background-color: #3c83f3;
  border: 1px solid #0034a0;
}
.gynzy-teacher-application-container .button-blue-next {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  position: relative;
  padding-right: 1.5rem;
  padding-left: 2.5rem;
  margin-right: 2rem;
  border-right: none;
  box-shadow: none;
}
.gynzy-teacher-application-container .button-blue-next * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-blue-next:hover,
.gynzy-teacher-application-container .button-blue-next:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-blue-next:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-blue-next:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-blue-next:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-blue-next:active.disabled:hover,
.gynzy-teacher-application-container .button-blue-next:active.disabled:active,
.gynzy-teacher-application-container .button-blue-next:active.disabled:focus,
.gynzy-teacher-application-container .button-blue-next:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-blue-next:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-blue-next img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-blue-next img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-blue-next .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-blue-next.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container span.next {
  height: 3.9rem;
  width: 3.9rem;
  border-top-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: 0.5rem;
  top: 0.6rem;
  -webkit-background-clip: content;
  background: linear-gradient(135deg, #3c83f3 0%, #0e5fd8 100%);
  background-color: #3c83f3;
  border: 1px solid #0034a0;
}
.gynzy-teacher-application-container .button-blue-prev {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  position: relative;
  padding-left: 1.5rem;
  padding-right: 2.5rem;
  margin-left: 2rem;
  border-left: none;
  box-shadow: none;
}
.gynzy-teacher-application-container .button-blue-prev * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-blue-prev:hover,
.gynzy-teacher-application-container .button-blue-prev:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-blue-prev:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-blue-prev:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-blue-prev:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-blue-prev:active.disabled:hover,
.gynzy-teacher-application-container .button-blue-prev:active.disabled:active,
.gynzy-teacher-application-container .button-blue-prev:active.disabled:focus,
.gynzy-teacher-application-container .button-blue-prev:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-blue-prev:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-blue-prev img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-blue-prev img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-blue-prev .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-blue-prev.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container span.prev {
  display: inline-block;
  height: 3.9rem;
  width: 3.9rem;
  border-top-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
  transform: rotate(45deg);
  position: absolute;
  left: 0.5rem;
  top: 0.6rem;
  -webkit-background-clip: content;
  background: linear-gradient(135deg, #3c83f3 0%, #0e5fd8 100%);
  background-color: #3c83f3;
  /* W3C */
  border: 1px solid #0034a0;
}
.gynzy-teacher-application-container .button-previous-small span.prev {
  left: 0.97rem;
}
.gynzy-teacher-application-container .button-previous-small,
.gynzy-teacher-application-container .button-next-small {
  position: relative;
  display: inline-block;
  filter: drop-shadow(0.1rem 0.1rem 0.3rem rgba(50, 50, 50, 0.35));
}
.gynzy-teacher-application-container .button-previous-small:hover .button-blue-next,
.gynzy-teacher-application-container .button-next-small:hover .button-blue-next,
.gynzy-teacher-application-container .button-previous-small:focus .button-blue-next,
.gynzy-teacher-application-container .button-next-small:focus .button-blue-next,
.gynzy-teacher-application-container .button-previous-small:visited .button-blue-next,
.gynzy-teacher-application-container .button-next-small:visited .button-blue-next,
.gynzy-teacher-application-container .button-previous-small:hover .button-blue-prev,
.gynzy-teacher-application-container .button-next-small:hover .button-blue-prev,
.gynzy-teacher-application-container .button-previous-small:focus .button-blue-prev,
.gynzy-teacher-application-container .button-next-small:focus .button-blue-prev,
.gynzy-teacher-application-container .button-previous-small:visited .button-blue-prev,
.gynzy-teacher-application-container .button-next-small:visited .button-blue-prev {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-previous-small:hover span.next,
.gynzy-teacher-application-container .button-next-small:hover span.next,
.gynzy-teacher-application-container .button-previous-small:focus span.next,
.gynzy-teacher-application-container .button-next-small:focus span.next,
.gynzy-teacher-application-container .button-previous-small:visited span.next,
.gynzy-teacher-application-container .button-next-small:visited span.next,
.gynzy-teacher-application-container .button-previous-small:hover span.prev,
.gynzy-teacher-application-container .button-next-small:hover span.prev,
.gynzy-teacher-application-container .button-previous-small:focus span.prev,
.gynzy-teacher-application-container .button-next-small:focus span.prev,
.gynzy-teacher-application-container .button-previous-small:visited span.prev,
.gynzy-teacher-application-container .button-next-small:visited span.prev {
  background: linear-gradient(135deg, #0e5fd8 0%, #3c83f3 100%);
  background-color: #0e5fd8;
  cursor: pointer;
}
.gynzy-teacher-application-container .button-previous-small:active .button-blue-next,
.gynzy-teacher-application-container .button-next-small:active .button-blue-next,
.gynzy-teacher-application-container .button-previous-small:active .button-blue-prev,
.gynzy-teacher-application-container .button-next-small:active .button-blue-prev {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-previous-small:active span.next,
.gynzy-teacher-application-container .button-next-small:active span.next,
.gynzy-teacher-application-container .button-previous-small:active span.prev,
.gynzy-teacher-application-container .button-next-small:active span.prev {
  background: linear-gradient(135deg, #123364 0%, #3c83f3 100%);
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  background-color: #123364;
}
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-next,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-next,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-prev,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-prev {
  cursor: default;
  opacity: 0.5;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  opacity: 1;
}
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-next *,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-next *,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-prev *,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-prev * {
  cursor: default;
}
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-next:hover,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-next:hover,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-prev:hover,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-prev:hover,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-next:active,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-next:active,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-prev:active,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-prev:active,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-next:focus,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-next:focus,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-prev:focus,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-prev:focus,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-next:visited,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-next:visited,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-prev:visited,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-prev:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-previous-small.disabled span.next,
.gynzy-teacher-application-container .button-next-small.disabled span.next,
.gynzy-teacher-application-container .button-previous-small.disabled span.prev,
.gynzy-teacher-application-container .button-next-small.disabled span.prev {
  background: linear-gradient(135deg, #3c83f3 0%, #0e5fd8 100%);
  background-color: #3c83f3;
  border: 1px solid #0034a0;
}
.gynzy-teacher-application-container .button-previous-small .button-blue-prev,
.gynzy-teacher-application-container .button-next-small .button-blue-prev,
.gynzy-teacher-application-container .button-previous-small .button-blue-next,
.gynzy-teacher-application-container .button-next-small .button-blue-next {
  height: 4rem;
  font-size: 1.5rem;
  line-height: 2.2rem !important;
  padding: 0.75rem 2.8rem 0.75rem 2.6rem;
}
.gynzy-teacher-application-container .button-previous-small span.prev,
.gynzy-teacher-application-container .button-next-small span.prev,
.gynzy-teacher-application-container .button-previous-small span.next,
.gynzy-teacher-application-container .button-next-small span.next {
  height: 3.1rem;
  width: 3.1rem;
  right: 1rem;
  top: 0.5rem;
  cursor: pointer;
}
.gynzy-teacher-application-container .button-previous-large,
.gynzy-teacher-application-container .button-next-large {
  position: relative;
  display: inline-block;
  filter: drop-shadow(0.1rem 0.1rem 0.3rem rgba(50, 50, 50, 0.35));
}
.gynzy-teacher-application-container .button-previous-large:hover .button-blue-next,
.gynzy-teacher-application-container .button-next-large:hover .button-blue-next,
.gynzy-teacher-application-container .button-previous-large:focus .button-blue-next,
.gynzy-teacher-application-container .button-next-large:focus .button-blue-next,
.gynzy-teacher-application-container .button-previous-large:visited .button-blue-next,
.gynzy-teacher-application-container .button-next-large:visited .button-blue-next,
.gynzy-teacher-application-container .button-previous-large:hover .button-blue-prev,
.gynzy-teacher-application-container .button-next-large:hover .button-blue-prev,
.gynzy-teacher-application-container .button-previous-large:focus .button-blue-prev,
.gynzy-teacher-application-container .button-next-large:focus .button-blue-prev,
.gynzy-teacher-application-container .button-previous-large:visited .button-blue-prev,
.gynzy-teacher-application-container .button-next-large:visited .button-blue-prev {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-previous-large:hover span.next,
.gynzy-teacher-application-container .button-next-large:hover span.next,
.gynzy-teacher-application-container .button-previous-large:focus span.next,
.gynzy-teacher-application-container .button-next-large:focus span.next,
.gynzy-teacher-application-container .button-previous-large:visited span.next,
.gynzy-teacher-application-container .button-next-large:visited span.next,
.gynzy-teacher-application-container .button-previous-large:hover span.prev,
.gynzy-teacher-application-container .button-next-large:hover span.prev,
.gynzy-teacher-application-container .button-previous-large:focus span.prev,
.gynzy-teacher-application-container .button-next-large:focus span.prev,
.gynzy-teacher-application-container .button-previous-large:visited span.prev,
.gynzy-teacher-application-container .button-next-large:visited span.prev {
  background: linear-gradient(135deg, #0e5fd8 0%, #3c83f3 100%);
  background-color: #0e5fd8;
  cursor: pointer;
}
.gynzy-teacher-application-container .button-previous-large:active .button-blue-next,
.gynzy-teacher-application-container .button-next-large:active .button-blue-next,
.gynzy-teacher-application-container .button-previous-large:active .button-blue-prev,
.gynzy-teacher-application-container .button-next-large:active .button-blue-prev {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-previous-large:active span.next,
.gynzy-teacher-application-container .button-next-large:active span.next,
.gynzy-teacher-application-container .button-previous-large:active span.prev,
.gynzy-teacher-application-container .button-next-large:active span.prev {
  background: linear-gradient(135deg, #123364 0%, #3c83f3 100%);
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  background-color: #123364;
}
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-next,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-next,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-prev,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-prev {
  cursor: default;
  opacity: 0.5;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  opacity: 1;
}
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-next *,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-next *,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-prev *,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-prev * {
  cursor: default;
}
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-next:hover,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-next:hover,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-prev:hover,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-prev:hover,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-next:active,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-next:active,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-prev:active,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-prev:active,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-next:focus,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-next:focus,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-prev:focus,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-prev:focus,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-next:visited,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-next:visited,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-prev:visited,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-prev:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-previous-large.disabled span.next,
.gynzy-teacher-application-container .button-next-large.disabled span.next,
.gynzy-teacher-application-container .button-previous-large.disabled span.prev,
.gynzy-teacher-application-container .button-next-large.disabled span.prev {
  background: linear-gradient(135deg, #3c83f3 0%, #0e5fd8 100%);
  background-color: #3c83f3;
  border: 1px solid #0034a0;
}
.gynzy-teacher-application-container .button-previous-large .button-blue-prev,
.gynzy-teacher-application-container .button-next-large .button-blue-prev,
.gynzy-teacher-application-container .button-previous-large .button-blue-next,
.gynzy-teacher-application-container .button-next-large .button-blue-next {
  font-size: 2.4rem;
  line-height: 4.8rem !important;
  padding: 0.75rem 2rem 0.75rem 3rem;
}
.gynzy-teacher-application-container .button-previous-large span.prev,
.gynzy-teacher-application-container .button-next-large span.prev,
.gynzy-teacher-application-container .button-previous-large span.next,
.gynzy-teacher-application-container .button-next-large span.next {
  height: 4.9rem;
  width: 4.9rem;
  right: 0.1rem;
  top: 0.8rem;
  cursor: pointer;
}
.gynzy-teacher-application-container .button-normal-white,
.gynzy-teacher-application-container input[type='submit'].button-normal-white,
.gynzy-teacher-application-container button.button-normal-white {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
}
.gynzy-teacher-application-container .button-normal-white *,
.gynzy-teacher-application-container input[type='submit'].button-normal-white *,
.gynzy-teacher-application-container button.button-normal-white * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-normal-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:hover,
.gynzy-teacher-application-container button.button-normal-white:hover,
.gynzy-teacher-application-container .button-normal-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:visited,
.gynzy-teacher-application-container button.button-normal-white:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-normal-white:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:active,
.gynzy-teacher-application-container button.button-normal-white:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-normal-white:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:active.disabled,
.gynzy-teacher-application-container button.button-normal-white:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-normal-white:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:active.disabled *,
.gynzy-teacher-application-container button.button-normal-white:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-normal-white:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:active.disabled:hover,
.gynzy-teacher-application-container button.button-normal-white:active.disabled:hover,
.gynzy-teacher-application-container .button-normal-white:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:active.disabled:active,
.gynzy-teacher-application-container button.button-normal-white:active.disabled:active,
.gynzy-teacher-application-container .button-normal-white:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:active.disabled:focus,
.gynzy-teacher-application-container button.button-normal-white:active.disabled:focus,
.gynzy-teacher-application-container .button-normal-white:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:active.disabled:visited,
.gynzy-teacher-application-container button.button-normal-white:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-normal-white:focus,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:focus,
.gynzy-teacher-application-container button.button-normal-white:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-normal-white img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-normal-white img.incorrect-cross,
.gynzy-teacher-application-container button.button-normal-white img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-normal-white img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-normal-white img.correct-tick,
.gynzy-teacher-application-container button.button-normal-white img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-normal-white .fa,
.gynzy-teacher-application-container input[type='submit'].button-normal-white .fa,
.gynzy-teacher-application-container button.button-normal-white .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-normal-white.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-normal-white.disabled *,
.gynzy-teacher-application-container button.button-normal-white.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-normal-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:hover,
.gynzy-teacher-application-container button.button-normal-white:hover,
.gynzy-teacher-application-container .button-normal-white:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:active,
.gynzy-teacher-application-container button.button-normal-white:active,
.gynzy-teacher-application-container .button-normal-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:visited,
.gynzy-teacher-application-container button.button-normal-white:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-teacher-application-container .button-normal-white:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:active,
.gynzy-teacher-application-container button.button-normal-white:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-teacher-application-container .button-normal-white.square,
.gynzy-teacher-application-container input[type='submit'].button-normal-white.square,
.gynzy-teacher-application-container button.button-normal-white.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-teacher-application-container .button-normal-white-hover {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-teacher-application-container .button-normal-white-active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-teacher-application-container .button-small-white,
.gynzy-teacher-application-container input[type='submit'].button-small-white,
.gynzy-teacher-application-container button.button-small-white {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  font-size: 1.5rem;
  padding: 0 2.7rem;
  line-height: 4rem !important;
}
.gynzy-teacher-application-container .button-small-white *,
.gynzy-teacher-application-container input[type='submit'].button-small-white *,
.gynzy-teacher-application-container button.button-small-white * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-small-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-small-white:hover,
.gynzy-teacher-application-container button.button-small-white:hover,
.gynzy-teacher-application-container .button-small-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-small-white:visited,
.gynzy-teacher-application-container button.button-small-white:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-small-white:active,
.gynzy-teacher-application-container input[type='submit'].button-small-white:active,
.gynzy-teacher-application-container button.button-small-white:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-small-white:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-small-white:active.disabled,
.gynzy-teacher-application-container button.button-small-white:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-small-white:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-small-white:active.disabled *,
.gynzy-teacher-application-container button.button-small-white:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-small-white:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-small-white:active.disabled:hover,
.gynzy-teacher-application-container button.button-small-white:active.disabled:hover,
.gynzy-teacher-application-container .button-small-white:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-small-white:active.disabled:active,
.gynzy-teacher-application-container button.button-small-white:active.disabled:active,
.gynzy-teacher-application-container .button-small-white:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-small-white:active.disabled:focus,
.gynzy-teacher-application-container button.button-small-white:active.disabled:focus,
.gynzy-teacher-application-container .button-small-white:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-small-white:active.disabled:visited,
.gynzy-teacher-application-container button.button-small-white:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-small-white:focus,
.gynzy-teacher-application-container input[type='submit'].button-small-white:focus,
.gynzy-teacher-application-container button.button-small-white:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-small-white img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-small-white img.incorrect-cross,
.gynzy-teacher-application-container button.button-small-white img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-small-white img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-small-white img.correct-tick,
.gynzy-teacher-application-container button.button-small-white img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-small-white .fa,
.gynzy-teacher-application-container input[type='submit'].button-small-white .fa,
.gynzy-teacher-application-container button.button-small-white .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-small-white.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-small-white.disabled *,
.gynzy-teacher-application-container button.button-small-white.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-small-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-small-white:hover,
.gynzy-teacher-application-container button.button-small-white:hover,
.gynzy-teacher-application-container .button-small-white:active,
.gynzy-teacher-application-container input[type='submit'].button-small-white:active,
.gynzy-teacher-application-container button.button-small-white:active,
.gynzy-teacher-application-container .button-small-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-small-white:visited,
.gynzy-teacher-application-container button.button-small-white:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-teacher-application-container .button-small-white:active,
.gynzy-teacher-application-container input[type='submit'].button-small-white:active,
.gynzy-teacher-application-container button.button-small-white:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-teacher-application-container .button-small-white.square,
.gynzy-teacher-application-container input[type='submit'].button-small-white.square,
.gynzy-teacher-application-container button.button-small-white.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-teacher-application-container .button-large-white,
.gynzy-teacher-application-container input[type='submit'].button-large-white,
.gynzy-teacher-application-container button.button-large-white {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  font-size: 2.4rem;
  padding: 0.75rem 2.7rem;
  line-height: 4.8rem !important;
}
.gynzy-teacher-application-container .button-large-white *,
.gynzy-teacher-application-container input[type='submit'].button-large-white *,
.gynzy-teacher-application-container button.button-large-white * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-large-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-large-white:hover,
.gynzy-teacher-application-container button.button-large-white:hover,
.gynzy-teacher-application-container .button-large-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-large-white:visited,
.gynzy-teacher-application-container button.button-large-white:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-large-white:active,
.gynzy-teacher-application-container input[type='submit'].button-large-white:active,
.gynzy-teacher-application-container button.button-large-white:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-large-white:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-large-white:active.disabled,
.gynzy-teacher-application-container button.button-large-white:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-large-white:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-large-white:active.disabled *,
.gynzy-teacher-application-container button.button-large-white:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-large-white:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-large-white:active.disabled:hover,
.gynzy-teacher-application-container button.button-large-white:active.disabled:hover,
.gynzy-teacher-application-container .button-large-white:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-large-white:active.disabled:active,
.gynzy-teacher-application-container button.button-large-white:active.disabled:active,
.gynzy-teacher-application-container .button-large-white:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-large-white:active.disabled:focus,
.gynzy-teacher-application-container button.button-large-white:active.disabled:focus,
.gynzy-teacher-application-container .button-large-white:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-large-white:active.disabled:visited,
.gynzy-teacher-application-container button.button-large-white:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-large-white:focus,
.gynzy-teacher-application-container input[type='submit'].button-large-white:focus,
.gynzy-teacher-application-container button.button-large-white:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-large-white img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-large-white img.incorrect-cross,
.gynzy-teacher-application-container button.button-large-white img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-large-white img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-large-white img.correct-tick,
.gynzy-teacher-application-container button.button-large-white img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-large-white .fa,
.gynzy-teacher-application-container input[type='submit'].button-large-white .fa,
.gynzy-teacher-application-container button.button-large-white .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-large-white.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-large-white.disabled *,
.gynzy-teacher-application-container button.button-large-white.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-large-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-large-white:hover,
.gynzy-teacher-application-container button.button-large-white:hover,
.gynzy-teacher-application-container .button-large-white:active,
.gynzy-teacher-application-container input[type='submit'].button-large-white:active,
.gynzy-teacher-application-container button.button-large-white:active,
.gynzy-teacher-application-container .button-large-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-large-white:visited,
.gynzy-teacher-application-container button.button-large-white:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-teacher-application-container .button-large-white:active,
.gynzy-teacher-application-container input[type='submit'].button-large-white:active,
.gynzy-teacher-application-container button.button-large-white:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-teacher-application-container .button-large-white.square,
.gynzy-teacher-application-container input[type='submit'].button-large-white.square,
.gynzy-teacher-application-container button.button-large-white.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-teacher-application-container .button-extra-large-white,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white,
.gynzy-teacher-application-container button.button-extra-large-white {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  font-size: 3rem;
  padding: 0.75rem 3.5rem;
  line-height: 6.2rem !important;
}
.gynzy-teacher-application-container .button-extra-large-white *,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white *,
.gynzy-teacher-application-container button.button-extra-large-white * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-extra-large-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:hover,
.gynzy-teacher-application-container button.button-extra-large-white:hover,
.gynzy-teacher-application-container .button-extra-large-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:visited,
.gynzy-teacher-application-container button.button-extra-large-white:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-extra-large-white:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:active,
.gynzy-teacher-application-container button.button-extra-large-white:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-extra-large-white:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:active.disabled,
.gynzy-teacher-application-container button.button-extra-large-white:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-extra-large-white:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:active.disabled *,
.gynzy-teacher-application-container button.button-extra-large-white:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-extra-large-white:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:active.disabled:hover,
.gynzy-teacher-application-container button.button-extra-large-white:active.disabled:hover,
.gynzy-teacher-application-container .button-extra-large-white:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:active.disabled:active,
.gynzy-teacher-application-container button.button-extra-large-white:active.disabled:active,
.gynzy-teacher-application-container .button-extra-large-white:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:active.disabled:focus,
.gynzy-teacher-application-container button.button-extra-large-white:active.disabled:focus,
.gynzy-teacher-application-container .button-extra-large-white:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:active.disabled:visited,
.gynzy-teacher-application-container button.button-extra-large-white:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-extra-large-white:focus,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:focus,
.gynzy-teacher-application-container button.button-extra-large-white:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-extra-large-white img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white img.incorrect-cross,
.gynzy-teacher-application-container button.button-extra-large-white img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-extra-large-white img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white img.correct-tick,
.gynzy-teacher-application-container button.button-extra-large-white img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-extra-large-white .fa,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white .fa,
.gynzy-teacher-application-container button.button-extra-large-white .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-extra-large-white.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white.disabled *,
.gynzy-teacher-application-container button.button-extra-large-white.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-extra-large-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:hover,
.gynzy-teacher-application-container button.button-extra-large-white:hover,
.gynzy-teacher-application-container .button-extra-large-white:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:active,
.gynzy-teacher-application-container button.button-extra-large-white:active,
.gynzy-teacher-application-container .button-extra-large-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:visited,
.gynzy-teacher-application-container button.button-extra-large-white:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-teacher-application-container .button-extra-large-white:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:active,
.gynzy-teacher-application-container button.button-extra-large-white:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-teacher-application-container .button-extra-large-white.square,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white.square,
.gynzy-teacher-application-container button.button-extra-large-white.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-teacher-application-container .button-normal-white.disabled,
.gynzy-teacher-application-container .button-large-white.disabled {
  cursor: default;
  opacity: 0.5 !important;
}
.gynzy-teacher-application-container .button-normal-white.disabled *,
.gynzy-teacher-application-container .button-large-white.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-normal-white.disabled:hover,
.gynzy-teacher-application-container .button-large-white.disabled:hover,
.gynzy-teacher-application-container .button-normal-white.disabled:active,
.gynzy-teacher-application-container .button-large-white.disabled:active,
.gynzy-teacher-application-container .button-normal-white.disabled:focus,
.gynzy-teacher-application-container .button-large-white.disabled:focus,
.gynzy-teacher-application-container .button-normal-white.disabled:visited,
.gynzy-teacher-application-container .button-large-white.disabled:visited {
  color: #06c !important;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5) !important;
  background-color: #e5e5e5 !important;
}
.gynzy-teacher-application-container .button-normal-white.inactive,
.gynzy-teacher-application-container .button-large-white.inactive {
  cursor: default;
}
.gynzy-teacher-application-container .button-normal-white.inactive *,
.gynzy-teacher-application-container .button-large-white.inactive * {
  cursor: default;
}
.gynzy-teacher-application-container .button-normal-white.inactive:hover,
.gynzy-teacher-application-container .button-large-white.inactive:hover,
.gynzy-teacher-application-container .button-normal-white.inactive:active,
.gynzy-teacher-application-container .button-large-white.inactive:active,
.gynzy-teacher-application-container .button-normal-white.inactive:focus,
.gynzy-teacher-application-container .button-large-white.inactive:focus,
.gynzy-teacher-application-container .button-normal-white.inactive:visited,
.gynzy-teacher-application-container .button-large-white.inactive:visited {
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  color: #06c;
}
.gynzy-teacher-application-container .button-square,
.gynzy-teacher-application-container input[type='submit'].button-square,
.gynzy-teacher-application-container button.button-square {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 2.4rem;
  padding: 0.75rem 2.7rem;
  line-height: 4.8rem !important;
  height: 6.2rem;
  width: 6.2rem;
  line-height: 3rem !important;
  margin: 0;
  padding: 1.5rem 0.8rem;
  text-align: center;
  background-clip: border-box;
}
.gynzy-teacher-application-container .button-square *,
.gynzy-teacher-application-container input[type='submit'].button-square *,
.gynzy-teacher-application-container button.button-square * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-square:hover,
.gynzy-teacher-application-container input[type='submit'].button-square:hover,
.gynzy-teacher-application-container button.button-square:hover,
.gynzy-teacher-application-container .button-square:visited,
.gynzy-teacher-application-container input[type='submit'].button-square:visited,
.gynzy-teacher-application-container button.button-square:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-square:active,
.gynzy-teacher-application-container input[type='submit'].button-square:active,
.gynzy-teacher-application-container button.button-square:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-square:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-square:active.disabled,
.gynzy-teacher-application-container button.button-square:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-square:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-square:active.disabled *,
.gynzy-teacher-application-container button.button-square:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-square:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-square:active.disabled:hover,
.gynzy-teacher-application-container button.button-square:active.disabled:hover,
.gynzy-teacher-application-container .button-square:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-square:active.disabled:active,
.gynzy-teacher-application-container button.button-square:active.disabled:active,
.gynzy-teacher-application-container .button-square:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-square:active.disabled:focus,
.gynzy-teacher-application-container button.button-square:active.disabled:focus,
.gynzy-teacher-application-container .button-square:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-square:active.disabled:visited,
.gynzy-teacher-application-container button.button-square:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-square:focus,
.gynzy-teacher-application-container input[type='submit'].button-square:focus,
.gynzy-teacher-application-container button.button-square:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-square img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-square img.incorrect-cross,
.gynzy-teacher-application-container button.button-square img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-square img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-square img.correct-tick,
.gynzy-teacher-application-container button.button-square img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-square .fa,
.gynzy-teacher-application-container input[type='submit'].button-square .fa,
.gynzy-teacher-application-container button.button-square .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-square.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-square.disabled *,
.gynzy-teacher-application-container button.button-square.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-square.controleren img,
.gynzy-teacher-application-container input[type='submit'].button-square.controleren img,
.gynzy-teacher-application-container button.button-square.controleren img {
  position: relative;
  top: 0.8rem;
  height: 2.9rem;
  width: 2.9rem;
}
.gynzy-teacher-application-container .button-square.controleren img.tick,
.gynzy-teacher-application-container input[type='submit'].button-square.controleren img.tick,
.gynzy-teacher-application-container button.button-square.controleren img.tick {
  height: 2.7rem;
  width: 3.4rem;
  top: 0.7rem;
}
.gynzy-teacher-application-container .button-square-white,
.gynzy-teacher-application-container input[type='submit'].button-square-white,
.gynzy-teacher-application-container button.button-square-white {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  font-size: 2.4rem;
  padding: 0.75rem 2.7rem;
  line-height: 4.8rem !important;
  height: 6.2rem;
  width: 6.2rem;
  line-height: 3rem !important;
  margin: 0;
  padding: 1.5rem 0.8rem;
  text-align: center;
  background-clip: border-box;
}
.gynzy-teacher-application-container .button-square-white *,
.gynzy-teacher-application-container input[type='submit'].button-square-white *,
.gynzy-teacher-application-container button.button-square-white * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-square-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-square-white:hover,
.gynzy-teacher-application-container button.button-square-white:hover,
.gynzy-teacher-application-container .button-square-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-square-white:visited,
.gynzy-teacher-application-container button.button-square-white:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-square-white:active,
.gynzy-teacher-application-container input[type='submit'].button-square-white:active,
.gynzy-teacher-application-container button.button-square-white:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-square-white:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-square-white:active.disabled,
.gynzy-teacher-application-container button.button-square-white:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-square-white:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-square-white:active.disabled *,
.gynzy-teacher-application-container button.button-square-white:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-square-white:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-square-white:active.disabled:hover,
.gynzy-teacher-application-container button.button-square-white:active.disabled:hover,
.gynzy-teacher-application-container .button-square-white:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-square-white:active.disabled:active,
.gynzy-teacher-application-container button.button-square-white:active.disabled:active,
.gynzy-teacher-application-container .button-square-white:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-square-white:active.disabled:focus,
.gynzy-teacher-application-container button.button-square-white:active.disabled:focus,
.gynzy-teacher-application-container .button-square-white:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-square-white:active.disabled:visited,
.gynzy-teacher-application-container button.button-square-white:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-square-white:focus,
.gynzy-teacher-application-container input[type='submit'].button-square-white:focus,
.gynzy-teacher-application-container button.button-square-white:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-square-white img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-square-white img.incorrect-cross,
.gynzy-teacher-application-container button.button-square-white img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-square-white img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-square-white img.correct-tick,
.gynzy-teacher-application-container button.button-square-white img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-square-white .fa,
.gynzy-teacher-application-container input[type='submit'].button-square-white .fa,
.gynzy-teacher-application-container button.button-square-white .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-square-white.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-square-white.disabled *,
.gynzy-teacher-application-container button.button-square-white.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-square-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-square-white:hover,
.gynzy-teacher-application-container button.button-square-white:hover,
.gynzy-teacher-application-container .button-square-white:active,
.gynzy-teacher-application-container input[type='submit'].button-square-white:active,
.gynzy-teacher-application-container button.button-square-white:active,
.gynzy-teacher-application-container .button-square-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-square-white:visited,
.gynzy-teacher-application-container button.button-square-white:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-teacher-application-container .button-square-white:active,
.gynzy-teacher-application-container input[type='submit'].button-square-white:active,
.gynzy-teacher-application-container button.button-square-white:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-teacher-application-container .button-square-white.square,
.gynzy-teacher-application-container input[type='submit'].button-square-white.square,
.gynzy-teacher-application-container button.button-square-white.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-teacher-application-container.button-white {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  padding: 0;
}
.gynzy-teacher-application-container.button-white * {
  cursor: pointer;
}
.gynzy-teacher-application-container.button-white:hover,
.gynzy-teacher-application-container.button-white:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container.button-white:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container.button-white:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container.button-white:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container.button-white:active.disabled:hover,
.gynzy-teacher-application-container.button-white:active.disabled:active,
.gynzy-teacher-application-container.button-white:active.disabled:focus,
.gynzy-teacher-application-container.button-white:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container.button-white:focus {
  outline: 0;
}
.gynzy-teacher-application-container.button-white img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container.button-white img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container.button-white .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container.button-white.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container.button-white:hover,
.gynzy-teacher-application-container.button-white:active,
.gynzy-teacher-application-container.button-white:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-teacher-application-container.button-white:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-teacher-application-container.button-white.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-teacher-application-container .scroll-buttons {
  float: right;
  margin-right: -4.5rem;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 2.4rem;
  padding: 0.75rem 2.7rem;
  line-height: 4.8rem !important;
  height: 6.2rem;
  width: 6.2rem;
  margin: 0;
  padding: 1rem;
  display: block;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll * {
  cursor: pointer;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll:hover,
.gynzy-teacher-application-container .scroll-buttons .button-scroll:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll:active.disabled:hover,
.gynzy-teacher-application-container .scroll-buttons .button-scroll:active.disabled:active,
.gynzy-teacher-application-container .scroll-buttons .button-scroll:active.disabled:focus,
.gynzy-teacher-application-container .scroll-buttons .button-scroll:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll:focus {
  outline: 0;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll.controleren img {
  position: relative;
  top: 0.8rem;
  height: 2.9rem;
  width: 2.9rem;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll.controleren img.tick {
  height: 2.7rem;
  width: 3.4rem;
  top: 0.7rem;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  position: relative;
  left: 50%;
  top: 50%;
  margin: -0.3rem 0 0 -0.9rem;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll .zoom-image {
  height: 2.1rem;
  width: 2.1rem;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll > div,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom > img,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top > img {
  cursor: pointer;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll.disabled:hover,
.gynzy-teacher-application-container .scroll-buttons .button-scroll.disabled:active,
.gynzy-teacher-application-container .scroll-buttons .button-scroll.disabled:focus,
.gynzy-teacher-application-container .scroll-buttons .button-scroll.disabled:visited {
  cursor: default;
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8) !important;
  background-color: #3c83f3 !important;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll.disabled > div,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom.disabled > img,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top.disabled > img {
  cursor: default;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 2.4rem;
  padding: 0.75rem 2.7rem;
  line-height: 4.8rem !important;
  height: 6.2rem;
  width: 6.2rem;
  margin: 0;
  padding: 1rem;
  display: block;
  border-radius: 0.4rem 0.4rem 0 0;
  background-clip: padding-box;
  background-image: linear-gradient(to bottom, #3c83f3, #2571e6);
  border-bottom: 1px solid #16448a;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top * {
  cursor: pointer;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:hover,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:active.disabled:hover,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:active.disabled:active,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:active.disabled:focus,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:focus {
  outline: 0;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top.controleren img {
  position: relative;
  top: 0.8rem;
  height: 2.9rem;
  width: 2.9rem;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top.controleren img.tick {
  height: 2.7rem;
  width: 3.4rem;
  top: 0.7rem;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  position: relative;
  left: 50%;
  top: 50%;
  margin: -0.3rem 0 0 -0.9rem;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top .zoom-image {
  height: 2.1rem;
  width: 2.1rem;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top .triangle-top {
  width: 0;
  height: 0;
  border-style: solid;
  position: relative;
  left: 50%;
  top: 50%;
  margin: -0.3rem 0 0 -0.9rem;
  border-width: 0 0.9rem 0.9rem;
  border-color: transparent transparent #fff;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:hover {
  background-image: linear-gradient(to bottom, #2571e6, #3c83f3);
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 2.4rem;
  padding: 0.75rem 2.7rem;
  line-height: 4.8rem !important;
  height: 6.2rem;
  width: 6.2rem;
  margin: 0;
  padding: 1rem;
  display: block;
  border-radius: 0 0 0.4rem 0.4rem;
  background-clip: padding-box;
  background-image: linear-gradient(to bottom, #2571e6, #0e5fd8);
  border-top: 1px solid #7caaef;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom * {
  cursor: pointer;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:hover,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:active.disabled:hover,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:active.disabled:active,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:active.disabled:focus,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:focus {
  outline: 0;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom.controleren img {
  position: relative;
  top: 0.8rem;
  height: 2.9rem;
  width: 2.9rem;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom.controleren img.tick {
  height: 2.7rem;
  width: 3.4rem;
  top: 0.7rem;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  position: relative;
  left: 50%;
  top: 50%;
  margin: -0.3rem 0 0 -0.9rem;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom .zoom-image {
  height: 2.1rem;
  width: 2.1rem;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom .triangle-bottom {
  width: 0;
  height: 0;
  border-style: solid;
  position: relative;
  left: 50%;
  top: 50%;
  margin: -0.3rem 0 0 -0.9rem;
  border-width: 0.9rem 0.9rem 0;
  border-color: #fff transparent transparent;
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:hover {
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
}
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:active {
  background-image: linear-gradient(to bottom, #3c83f3, #123364);
}
.gynzy-teacher-application-container .button-pause-blue,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue,
.gynzy-teacher-application-container button.button-pause-blue {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 2.4rem;
  padding: 0.75rem 2.7rem;
  line-height: 4.8rem !important;
  height: 6.2rem;
  width: 6.2rem;
  line-height: 3rem !important;
  margin: 0;
  background-clip: border-box;
  font-size: 3.4rem;
  letter-spacing: 0.4rem;
  padding: 1.5rem 0.8rem;
  line-height: 3.2rem;
  text-indent: 0.3rem;
  text-align: center;
}
.gynzy-teacher-application-container .button-pause-blue *,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue *,
.gynzy-teacher-application-container button.button-pause-blue * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-pause-blue:hover,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:hover,
.gynzy-teacher-application-container button.button-pause-blue:hover,
.gynzy-teacher-application-container .button-pause-blue:visited,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:visited,
.gynzy-teacher-application-container button.button-pause-blue:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-pause-blue:active,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:active,
.gynzy-teacher-application-container button.button-pause-blue:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-pause-blue:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:active.disabled,
.gynzy-teacher-application-container button.button-pause-blue:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-pause-blue:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:active.disabled *,
.gynzy-teacher-application-container button.button-pause-blue:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-pause-blue:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:active.disabled:hover,
.gynzy-teacher-application-container button.button-pause-blue:active.disabled:hover,
.gynzy-teacher-application-container .button-pause-blue:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:active.disabled:active,
.gynzy-teacher-application-container button.button-pause-blue:active.disabled:active,
.gynzy-teacher-application-container .button-pause-blue:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:active.disabled:focus,
.gynzy-teacher-application-container button.button-pause-blue:active.disabled:focus,
.gynzy-teacher-application-container .button-pause-blue:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:active.disabled:visited,
.gynzy-teacher-application-container button.button-pause-blue:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-pause-blue:focus,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:focus,
.gynzy-teacher-application-container button.button-pause-blue:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-pause-blue img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue img.incorrect-cross,
.gynzy-teacher-application-container button.button-pause-blue img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-pause-blue img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue img.correct-tick,
.gynzy-teacher-application-container button.button-pause-blue img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-pause-blue .fa,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue .fa,
.gynzy-teacher-application-container button.button-pause-blue .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-pause-blue.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue.disabled *,
.gynzy-teacher-application-container button.button-pause-blue.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-pause-blue.controleren img,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue.controleren img,
.gynzy-teacher-application-container button.button-pause-blue.controleren img {
  position: relative;
  top: 0.8rem;
  height: 2.9rem;
  width: 2.9rem;
}
.gynzy-teacher-application-container .button-pause-blue.controleren img.tick,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue.controleren img.tick,
.gynzy-teacher-application-container button.button-pause-blue.controleren img.tick {
  height: 2.7rem;
  width: 3.4rem;
  top: 0.7rem;
}
.gynzy-teacher-application-container .button-pause-blue.play,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue.play,
.gynzy-teacher-application-container button.button-pause-blue.play {
  padding: 1.6rem 1.4rem;
}
.gynzy-teacher-application-container .button-circle {
  border-radius: 3rem;
  background-clip: padding-box;
  display: inline-block;
  height: 6rem;
  line-height: 6rem;
  width: 6rem;
  text-decoration: none;
  text-align: center;
}
.gynzy-teacher-application-container .button-cancel,
.gynzy-teacher-application-container input[type='submit'].button-cancel,
.gynzy-teacher-application-container button.button-cancel {
  border-radius: 3rem;
  display: inline-block;
  height: 6rem;
  line-height: 6rem;
  width: 6rem;
  text-decoration: none;
  text-align: center;
  background: url('img/cross-e6bd9d09b9f10b8ff873bf0caa39be9b.png') center / 3rem 3rem no-repeat, radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.01) 70%, rgba(0, 0, 0, 0) 100%);
  width: 8rem;
  height: 8rem;
  border-radius: 0;
  background-clip: padding-box;
  margin-top: 1.4rem;
  pointer-events: all;
}
.gynzy-teacher-application-container .button-cancel:hover,
.gynzy-teacher-application-container input[type='submit'].button-cancel:hover,
.gynzy-teacher-application-container button.button-cancel:hover,
.gynzy-teacher-application-container .button-cancel:active,
.gynzy-teacher-application-container input[type='submit'].button-cancel:active,
.gynzy-teacher-application-container button.button-cancel:active,
.gynzy-teacher-application-container .button-cancel:focus,
.gynzy-teacher-application-container input[type='submit'].button-cancel:focus,
.gynzy-teacher-application-container button.button-cancel:focus,
.gynzy-teacher-application-container .button-cancel:visited,
.gynzy-teacher-application-container input[type='submit'].button-cancel:visited,
.gynzy-teacher-application-container button.button-cancel:visited {
  background: url('img/cross-hover-b4bd7be2eedb927352ecd538a56f5ff9.png') center / 3rem 3rem no-repeat, radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.01) 70%, rgba(0, 0, 0, 0) 100%);
}
.gynzy-teacher-application-container .button-delete {
  display: inline-block;
  cursor: pointer;
  font-size: 5.6rem;
  font-family: 'arial';
  font-weight: bold;
  line-height: normal;
  color: #ed1c24;
  padding: 1.75rem 0;
  opacity: 0.5;
  transform: rotate(-45deg);
}
.gynzy-teacher-application-container .button-delete:hover {
  color: #ed1c24;
  opacity: 1;
}
.gynzy-teacher-application-container .button-toggle {
  height: 4.6rem;
  max-width: 29.2rem;
  display: inline-block;
}
.gynzy-teacher-application-container .button-toggle .button-left,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left,
.gynzy-teacher-application-container .button-toggle button.button-left {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  float: left;
  width: 14.5rem;
  border-color: #005aff;
  box-shadow: none;
  border-radius: 0.72rem;
  background-clip: padding-box;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.gynzy-teacher-application-container .button-toggle .button-left *,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left *,
.gynzy-teacher-application-container .button-toggle button.button-left * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-toggle .button-left:hover,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:hover,
.gynzy-teacher-application-container .button-toggle button.button-left:hover,
.gynzy-teacher-application-container .button-toggle .button-left:visited,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:visited,
.gynzy-teacher-application-container .button-toggle button.button-left:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-toggle .button-left:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active,
.gynzy-teacher-application-container .button-toggle button.button-left:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-toggle .button-left:active.disabled,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active.disabled,
.gynzy-teacher-application-container .button-toggle button.button-left:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-toggle .button-left:active.disabled *,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active.disabled *,
.gynzy-teacher-application-container .button-toggle button.button-left:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-toggle .button-left:active.disabled:hover,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active.disabled:hover,
.gynzy-teacher-application-container .button-toggle button.button-left:active.disabled:hover,
.gynzy-teacher-application-container .button-toggle .button-left:active.disabled:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active.disabled:active,
.gynzy-teacher-application-container .button-toggle button.button-left:active.disabled:active,
.gynzy-teacher-application-container .button-toggle .button-left:active.disabled:focus,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active.disabled:focus,
.gynzy-teacher-application-container .button-toggle button.button-left:active.disabled:focus,
.gynzy-teacher-application-container .button-toggle .button-left:active.disabled:visited,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active.disabled:visited,
.gynzy-teacher-application-container .button-toggle button.button-left:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-toggle .button-left:focus,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:focus,
.gynzy-teacher-application-container .button-toggle button.button-left:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-toggle .button-left img.incorrect-cross,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left img.incorrect-cross,
.gynzy-teacher-application-container .button-toggle button.button-left img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-toggle .button-left img.correct-tick,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left img.correct-tick,
.gynzy-teacher-application-container .button-toggle button.button-left img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-toggle .button-left .fa,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left .fa,
.gynzy-teacher-application-container .button-toggle button.button-left .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-toggle .button-left.disabled *,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left.disabled *,
.gynzy-teacher-application-container .button-toggle button.button-left.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-toggle .button-left:hover,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:hover,
.gynzy-teacher-application-container .button-toggle button.button-left:hover,
.gynzy-teacher-application-container .button-toggle .button-left:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active,
.gynzy-teacher-application-container .button-toggle button.button-left:active,
.gynzy-teacher-application-container .button-toggle .button-left:visited,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:visited,
.gynzy-teacher-application-container .button-toggle button.button-left:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-teacher-application-container .button-toggle .button-left:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active,
.gynzy-teacher-application-container .button-toggle button.button-left:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-teacher-application-container .button-toggle .button-left.square,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left.square,
.gynzy-teacher-application-container .button-toggle button.button-left.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-teacher-application-container .button-toggle .button-left:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active,
.gynzy-teacher-application-container .button-toggle button.button-left:active {
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-teacher-application-container .button-toggle .button-left.button-trainers,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left.button-trainers,
.gynzy-teacher-application-container .button-toggle button.button-left.button-trainers {
  width: 12rem;
}
.gynzy-teacher-application-container .button-toggle .button-right,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right,
.gynzy-teacher-application-container .button-toggle button.button-right {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  float: left;
  width: 14.5rem;
  border-color: #005aff;
  box-shadow: none;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-radius: 0.72rem;
  background-clip: padding-box;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: 0;
}
.gynzy-teacher-application-container .button-toggle .button-right *,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right *,
.gynzy-teacher-application-container .button-toggle button.button-right * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-toggle .button-right:hover,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:hover,
.gynzy-teacher-application-container .button-toggle button.button-right:hover,
.gynzy-teacher-application-container .button-toggle .button-right:visited,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:visited,
.gynzy-teacher-application-container .button-toggle button.button-right:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-toggle .button-right:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active,
.gynzy-teacher-application-container .button-toggle button.button-right:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-toggle .button-right:active.disabled,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active.disabled,
.gynzy-teacher-application-container .button-toggle button.button-right:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-toggle .button-right:active.disabled *,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active.disabled *,
.gynzy-teacher-application-container .button-toggle button.button-right:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-toggle .button-right:active.disabled:hover,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active.disabled:hover,
.gynzy-teacher-application-container .button-toggle button.button-right:active.disabled:hover,
.gynzy-teacher-application-container .button-toggle .button-right:active.disabled:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active.disabled:active,
.gynzy-teacher-application-container .button-toggle button.button-right:active.disabled:active,
.gynzy-teacher-application-container .button-toggle .button-right:active.disabled:focus,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active.disabled:focus,
.gynzy-teacher-application-container .button-toggle button.button-right:active.disabled:focus,
.gynzy-teacher-application-container .button-toggle .button-right:active.disabled:visited,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active.disabled:visited,
.gynzy-teacher-application-container .button-toggle button.button-right:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-toggle .button-right:focus,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:focus,
.gynzy-teacher-application-container .button-toggle button.button-right:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-toggle .button-right img.incorrect-cross,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right img.incorrect-cross,
.gynzy-teacher-application-container .button-toggle button.button-right img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-toggle .button-right img.correct-tick,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right img.correct-tick,
.gynzy-teacher-application-container .button-toggle button.button-right img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-toggle .button-right .fa,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right .fa,
.gynzy-teacher-application-container .button-toggle button.button-right .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-toggle .button-right.disabled *,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right.disabled *,
.gynzy-teacher-application-container .button-toggle button.button-right.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-toggle .button-right:hover,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:hover,
.gynzy-teacher-application-container .button-toggle button.button-right:hover,
.gynzy-teacher-application-container .button-toggle .button-right:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active,
.gynzy-teacher-application-container .button-toggle button.button-right:active,
.gynzy-teacher-application-container .button-toggle .button-right:visited,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:visited,
.gynzy-teacher-application-container .button-toggle button.button-right:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-teacher-application-container .button-toggle .button-right:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active,
.gynzy-teacher-application-container .button-toggle button.button-right:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-teacher-application-container .button-toggle .button-right.square,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right.square,
.gynzy-teacher-application-container .button-toggle button.button-right.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-teacher-application-container .button-toggle .button-right:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active,
.gynzy-teacher-application-container .button-toggle button.button-right:active {
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-teacher-application-container .button-toggle .button-right.button-trainers,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right.button-trainers,
.gynzy-teacher-application-container .button-toggle button.button-right.button-trainers {
  width: 12rem;
}
.gynzy-teacher-application-container .button-toggle .button-center {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  float: left;
  width: 14.5rem;
  border-color: #005aff;
  box-shadow: none;
  border-radius: 0.72rem;
  background-clip: padding-box;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-radius: 0;
}
.gynzy-teacher-application-container .button-toggle .button-center * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-toggle .button-center:hover,
.gynzy-teacher-application-container .button-toggle .button-center:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-toggle .button-center:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-toggle .button-center:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-toggle .button-center:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-toggle .button-center:active.disabled:hover,
.gynzy-teacher-application-container .button-toggle .button-center:active.disabled:active,
.gynzy-teacher-application-container .button-toggle .button-center:active.disabled:focus,
.gynzy-teacher-application-container .button-toggle .button-center:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-toggle .button-center:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-toggle .button-center img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-toggle .button-center img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-toggle .button-center .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-toggle .button-center.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-toggle .button-center:hover,
.gynzy-teacher-application-container .button-toggle .button-center:active,
.gynzy-teacher-application-container .button-toggle .button-center:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-teacher-application-container .button-toggle .button-center:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-teacher-application-container .button-toggle .button-center.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-teacher-application-container .button-toggle .button-center:active {
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-teacher-application-container .button-toggle .button-center.button-trainers {
  width: 12rem;
}
.gynzy-teacher-application-container .button-toggle .disabled {
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-toggle .disabled:hover,
.gynzy-teacher-application-container .button-toggle .disabled:active,
.gynzy-teacher-application-container .button-toggle .disabled:focus,
.gynzy-teacher-application-container .button-toggle .disabled:visited {
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  color: #06c !important;
}
.gynzy-teacher-application-container .button-toggle .is-active {
  color: #29416e;
  background-image: linear-gradient(to bottom, #c3d0e9, #d9e6ff);
}
.gynzy-teacher-application-container .button-toggle .is-active:hover,
.gynzy-teacher-application-container .button-toggle .is-active:active,
.gynzy-teacher-application-container .button-toggle .is-active:visited {
  background-image: linear-gradient(to bottom, #c3d0e9, #d9e6ff) !important;
}
.gynzy-teacher-application-container .button-toggle.three {
  max-width: 36.2rem;
}
.gynzy-teacher-application-container .button-toggle.optie {
  max-width: 100%;
  width: 100%;
}
.gynzy-teacher-application-container .button-toggle.optie a {
  color: #000 !important;
  width: 50%;
  line-height: 3rem !important;
}
.gynzy-teacher-application-container .button-toggle.optie button {
  width: 50%;
}
.gynzy-teacher-application-container .button-toggle.optie .button-left {
  border-right: 0;
}
.gynzy-teacher-application-container .button-toggle.optie .is-active {
  border: 1px solid #0034a0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  color: #fff !important;
}
.gynzy-teacher-application-container .button-toggle.optie .is-active:hover,
.gynzy-teacher-application-container .button-toggle.optie .is-active:active,
.gynzy-teacher-application-container .button-toggle.optie .is-active:visited {
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3) !important;
}
.gynzy-teacher-application-container .button-icon-normal {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  border-radius: 0.4rem;
  background-clip: padding-box;
  width: 7.2rem;
  height: 7.2rem;
  margin: 0.44rem;
  padding: 0;
  display: block;
  float: left;
  line-height: 6.6rem !important;
  font-weight: normal;
}
.gynzy-teacher-application-container .button-icon-normal * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-icon-normal:hover,
.gynzy-teacher-application-container .button-icon-normal:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-icon-normal:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-icon-normal:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-icon-normal:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-icon-normal:active.disabled:hover,
.gynzy-teacher-application-container .button-icon-normal:active.disabled:active,
.gynzy-teacher-application-container .button-icon-normal:active.disabled:focus,
.gynzy-teacher-application-container .button-icon-normal:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-icon-normal:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-icon-normal img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-icon-normal img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-icon-normal .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-icon-normal.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-icon-normal:hover,
.gynzy-teacher-application-container .button-icon-normal:active,
.gynzy-teacher-application-container .button-icon-normal:focus,
.gynzy-teacher-application-container .button-icon-normal:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-icon-white {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  border-radius: 0.4rem;
  background-clip: padding-box;
  width: 7.2rem;
  height: 7.2rem;
  margin: 0.44rem;
  padding: 0;
  display: block;
  float: left;
  line-height: 6.6rem !important;
  font-weight: normal;
}
.gynzy-teacher-application-container .button-icon-white * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-icon-white:hover,
.gynzy-teacher-application-container .button-icon-white:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-icon-white:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-icon-white:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-icon-white:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-icon-white:active.disabled:hover,
.gynzy-teacher-application-container .button-icon-white:active.disabled:active,
.gynzy-teacher-application-container .button-icon-white:active.disabled:focus,
.gynzy-teacher-application-container .button-icon-white:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-icon-white:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-icon-white img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-icon-white img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-icon-white .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-icon-white.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-icon-white:hover,
.gynzy-teacher-application-container .button-icon-white:active,
.gynzy-teacher-application-container .button-icon-white:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-teacher-application-container .button-icon-white:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-teacher-application-container .button-icon-white.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-teacher-application-container .button-icon-white:hover,
.gynzy-teacher-application-container .button-icon-white:active,
.gynzy-teacher-application-container .button-icon-white:focus,
.gynzy-teacher-application-container .button-icon-white:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-teacher-application-container .button-icon-white.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-icon-lcd {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  border-radius: 0.4rem;
  background-clip: padding-box;
  width: 7.2rem;
  height: 7.2rem;
  margin: 0.44rem;
  padding: 0;
  display: block;
  float: left;
  line-height: 6.6rem !important;
  font-weight: normal;
  cursor: auto;
  background-image: linear-gradient(to bottom, #c6d89d, #b0c286);
  background-color: #c6d89d;
  box-shadow: inset 0 0 0.4rem rgba(0, 0, 0, 0.25);
  border: 1px solid #7f7f7f;
}
.gynzy-teacher-application-container .button-icon-lcd * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-icon-lcd:hover,
.gynzy-teacher-application-container .button-icon-lcd:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-icon-lcd:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-icon-lcd:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-icon-lcd:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-icon-lcd:active.disabled:hover,
.gynzy-teacher-application-container .button-icon-lcd:active.disabled:active,
.gynzy-teacher-application-container .button-icon-lcd:active.disabled:focus,
.gynzy-teacher-application-container .button-icon-lcd:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-icon-lcd:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-icon-lcd img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-icon-lcd img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-icon-lcd .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-icon-lcd.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-icon-lcd:hover,
.gynzy-teacher-application-container .button-icon-lcd:active,
.gynzy-teacher-application-container .button-icon-lcd:focus,
.gynzy-teacher-application-container .button-icon-lcd:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-icon-lcd:hover,
.gynzy-teacher-application-container .button-icon-lcd:active,
.gynzy-teacher-application-container .button-icon-lcd:focus,
.gynzy-teacher-application-container .button-icon-lcd:visited {
  background-color: #c6d89d;
  background-image: linear-gradient(to bottom, #c6d89d, #b0c286);
}
.gynzy-teacher-application-container .button-icon-lcd i {
  color: #485922;
}
.gynzy-teacher-application-container .button-feedback {
  background-image: url('img/speech-bubble-92ac332830416a7e7a3b4449fd3e0bf8.png');
  width: 2.6rem;
  height: 3.9rem;
  float: left;
  background-repeat: no-repeat;
  background-position: left center;
}
.gynzy-teacher-application-container .button-info {
  border-radius: 2rem;
  background-clip: padding-box;
  height: 1.6rem;
  width: 1.6rem;
  background-color: #277cd9;
  display: inline-block;
  padding: 0;
  position: relative;
  transition: 0.15s;
}
.gynzy-teacher-application-container .button-info:hover {
  background-color: #4e92ff;
}
.gynzy-teacher-application-container .button-info:active {
  background-color: #2465ab;
  color: rgba(255, 255, 255, 0.5);
}
.gynzy-teacher-application-container .button-info-small {
  height: 2.5rem;
  width: 2.5rem;
  margin-top: -0.4rem;
  font-size: 1.7rem;
  line-height: 2.5rem !important;
}
.gynzy-teacher-application-container .button-search {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  white-space: nowrap;
  transition: opacity 0.2s;
  border-radius: 2rem;
  background-clip: padding-box;
  height: 3.2rem;
  width: 3.2rem;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
  background: url('img/search_light-19945ef23835c19ec1fe4c8ed2bbe3da.svg') no-repeat center center, linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-size: 65%, auto;
}
.gynzy-teacher-application-container .button-search * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-search:hover,
.gynzy-teacher-application-container .button-search:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-search:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-search:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-search:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-search:active.disabled:hover,
.gynzy-teacher-application-container .button-search:active.disabled:active,
.gynzy-teacher-application-container .button-search:active.disabled:focus,
.gynzy-teacher-application-container .button-search:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-search:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-search img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-search img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-search .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-search.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-search:hover {
  background: url('img/search_light-19945ef23835c19ec1fe4c8ed2bbe3da.svg') no-repeat center center, linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-size: 65%, auto;
}
.gynzy-teacher-application-container .button-normal-link {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
  background-image: linear-gradient(to bottom, #fff, #fff);
  border: 0;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.8);
}
.gynzy-teacher-application-container .button-normal-link * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-normal-link:hover,
.gynzy-teacher-application-container .button-normal-link:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-normal-link:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-normal-link:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-normal-link:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-normal-link:active.disabled:hover,
.gynzy-teacher-application-container .button-normal-link:active.disabled:active,
.gynzy-teacher-application-container .button-normal-link:active.disabled:focus,
.gynzy-teacher-application-container .button-normal-link:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-normal-link:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-normal-link img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-normal-link img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-normal-link .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-normal-link.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-normal-link:hover {
  color: rgba(0, 0, 0, 0.8);
  outline: 0;
  background-image: linear-gradient(to bottom, #fff, #fff);
  background-color: #fff;
}
.gynzy-teacher-application-container .button-normal-link-hover {
  color: rgba(0, 0, 0, 0.8);
  outline: 0;
  background-image: linear-gradient(to bottom, #fff, #fff);
  background-color: #fff;
}
.gynzy-teacher-application-container .button-normal-blue-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  height: 6rem;
  width: 6rem;
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-color: #0e5fd8;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border: 1px solid #0034a0;
  border-radius: 0.72rem;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
}
.gynzy-teacher-application-container .button-normal-blue-flex:hover {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
}
.gynzy-teacher-application-container .button-normal-blue-flex:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  opacity: 1;
}
.gynzy-teacher-application-container .button-normal-white-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  height: 6rem;
  width: 6rem;
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-color: #0e5fd8;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border: 1px solid #0034a0;
  border-radius: 0.72rem;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  border: 1px solid #93b2d2;
  color: #06c;
}
.gynzy-teacher-application-container .button-normal-white-flex:hover {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
}
.gynzy-teacher-application-container .button-normal-white-flex:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  opacity: 1;
}
.gynzy-teacher-application-container .button-normal-white-flex:hover {
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-teacher-application-container .button-normal-white-flex:active {
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-teacher-application-container .button-normal-blue-flex.disabled,
.gynzy-teacher-application-container .button-normal-blue-flex.inactive {
  cursor: default;
}
.gynzy-teacher-application-container .button-normal-blue-flex.disabled:hover,
.gynzy-teacher-application-container .button-normal-blue-flex.inactive:hover {
  cursor: default;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
}
.gynzy-teacher-application-container .button-normal-blue-flex.disabled:active,
.gynzy-teacher-application-container .button-normal-blue-flex.inactive:active {
  cursor: default;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
}
.gynzy-teacher-application-container .button-normal-blue-flex.disabled *,
.gynzy-teacher-application-container .button-normal-blue-flex.inactive * {
  cursor: default;
}
.gynzy-teacher-application-container .button-normal-white-flex.disabled,
.gynzy-teacher-application-container .button-normal-white-flex.inactive {
  cursor: default;
}
.gynzy-teacher-application-container .button-normal-white-flex.disabled:hover,
.gynzy-teacher-application-container .button-normal-white-flex.inactive:hover {
  cursor: default;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
}
.gynzy-teacher-application-container .button-normal-white-flex.disabled:active,
.gynzy-teacher-application-container .button-normal-white-flex.inactive:active {
  cursor: default;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
}
.gynzy-teacher-application-container .button-normal-white-flex.disabled *,
.gynzy-teacher-application-container .button-normal-white-flex.inactive * {
  cursor: default;
}
.gynzy-teacher-application-container .button-transparant-normal {
  background: none;
  border-radius: 0.72rem;
  text-indent: 0;
  border: 1px solid #fff;
  display: inline-block !important;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center !important;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
}
.gynzy-teacher-application-container .button-transparant-normal i {
  cursor: pointer;
  margin-right: 1rem;
}
.gynzy-teacher-application-container .button-transparant-normal:hover {
  background: none;
}
.gynzy-teacher-application-container .button-transparant-normal:active {
  background: none;
}
.gynzy-teacher-application-container .button-transparant-normal:focus {
  background: none;
  outline: 0;
}
.gynzy-teacher-application-container .button-normal-red,
.gynzy-teacher-application-container button.button-normal-red,
.gynzy-teacher-application-container input[type='submit'].button-normal-red {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  border: 1px solid #840000;
  background-color: #b40c0c;
  background-image: linear-gradient(to bottom, #de3737, #b40c0c);
}
.gynzy-teacher-application-container .button-normal-red *,
.gynzy-teacher-application-container button.button-normal-red *,
.gynzy-teacher-application-container input[type='submit'].button-normal-red * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-normal-red:hover,
.gynzy-teacher-application-container button.button-normal-red:hover,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:hover,
.gynzy-teacher-application-container .button-normal-red:visited,
.gynzy-teacher-application-container button.button-normal-red:visited,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-normal-red:active,
.gynzy-teacher-application-container button.button-normal-red:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-normal-red:active.disabled,
.gynzy-teacher-application-container button.button-normal-red:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-normal-red:active.disabled *,
.gynzy-teacher-application-container button.button-normal-red:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-normal-red:active.disabled:hover,
.gynzy-teacher-application-container button.button-normal-red:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:active.disabled:hover,
.gynzy-teacher-application-container .button-normal-red:active.disabled:active,
.gynzy-teacher-application-container button.button-normal-red:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:active.disabled:active,
.gynzy-teacher-application-container .button-normal-red:active.disabled:focus,
.gynzy-teacher-application-container button.button-normal-red:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:active.disabled:focus,
.gynzy-teacher-application-container .button-normal-red:active.disabled:visited,
.gynzy-teacher-application-container button.button-normal-red:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-normal-red:focus,
.gynzy-teacher-application-container button.button-normal-red:focus,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-normal-red img.incorrect-cross,
.gynzy-teacher-application-container button.button-normal-red img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-normal-red img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-normal-red img.correct-tick,
.gynzy-teacher-application-container button.button-normal-red img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-normal-red img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-normal-red .fa,
.gynzy-teacher-application-container button.button-normal-red .fa,
.gynzy-teacher-application-container input[type='submit'].button-normal-red .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-normal-red.disabled *,
.gynzy-teacher-application-container button.button-normal-red.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-normal-red.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-normal-red:active,
.gynzy-teacher-application-container button.button-normal-red:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:active,
.gynzy-teacher-application-container .button-normal-red:hover,
.gynzy-teacher-application-container button.button-normal-red:hover,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:hover,
.gynzy-teacher-application-container .button-normal-red:visited,
.gynzy-teacher-application-container button.button-normal-red:visited,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:visited {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-teacher-application-container .button-normal-red:active,
.gynzy-teacher-application-container button.button-normal-red:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:active {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-teacher-application-container .button-normal-red.square,
.gynzy-teacher-application-container button.button-normal-red.square,
.gynzy-teacher-application-container input[type='submit'].button-normal-red.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-teacher-application-container .button-normal-red-hover {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-teacher-application-container .button-normal-red-active {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-teacher-application-container .button-small-red,
.gynzy-teacher-application-container button.button-small-red,
.gynzy-teacher-application-container input[type='submit'].button-small-red {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  border: 1px solid #840000;
  background-color: #b40c0c;
  background-image: linear-gradient(to bottom, #de3737, #b40c0c);
  font-size: 1.5rem;
  padding: 0 2.7rem;
  line-height: 4rem !important;
}
.gynzy-teacher-application-container .button-small-red *,
.gynzy-teacher-application-container button.button-small-red *,
.gynzy-teacher-application-container input[type='submit'].button-small-red * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-small-red:hover,
.gynzy-teacher-application-container button.button-small-red:hover,
.gynzy-teacher-application-container input[type='submit'].button-small-red:hover,
.gynzy-teacher-application-container .button-small-red:visited,
.gynzy-teacher-application-container button.button-small-red:visited,
.gynzy-teacher-application-container input[type='submit'].button-small-red:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-small-red:active,
.gynzy-teacher-application-container button.button-small-red:active,
.gynzy-teacher-application-container input[type='submit'].button-small-red:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-small-red:active.disabled,
.gynzy-teacher-application-container button.button-small-red:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-small-red:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-small-red:active.disabled *,
.gynzy-teacher-application-container button.button-small-red:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-small-red:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-small-red:active.disabled:hover,
.gynzy-teacher-application-container button.button-small-red:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-small-red:active.disabled:hover,
.gynzy-teacher-application-container .button-small-red:active.disabled:active,
.gynzy-teacher-application-container button.button-small-red:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-small-red:active.disabled:active,
.gynzy-teacher-application-container .button-small-red:active.disabled:focus,
.gynzy-teacher-application-container button.button-small-red:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-small-red:active.disabled:focus,
.gynzy-teacher-application-container .button-small-red:active.disabled:visited,
.gynzy-teacher-application-container button.button-small-red:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-small-red:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-small-red:focus,
.gynzy-teacher-application-container button.button-small-red:focus,
.gynzy-teacher-application-container input[type='submit'].button-small-red:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-small-red img.incorrect-cross,
.gynzy-teacher-application-container button.button-small-red img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-small-red img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-small-red img.correct-tick,
.gynzy-teacher-application-container button.button-small-red img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-small-red img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-small-red .fa,
.gynzy-teacher-application-container button.button-small-red .fa,
.gynzy-teacher-application-container input[type='submit'].button-small-red .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-small-red.disabled *,
.gynzy-teacher-application-container button.button-small-red.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-small-red.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-small-red:active,
.gynzy-teacher-application-container button.button-small-red:active,
.gynzy-teacher-application-container input[type='submit'].button-small-red:active,
.gynzy-teacher-application-container .button-small-red:hover,
.gynzy-teacher-application-container button.button-small-red:hover,
.gynzy-teacher-application-container input[type='submit'].button-small-red:hover,
.gynzy-teacher-application-container .button-small-red:visited,
.gynzy-teacher-application-container button.button-small-red:visited,
.gynzy-teacher-application-container input[type='submit'].button-small-red:visited {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-teacher-application-container .button-small-red:active,
.gynzy-teacher-application-container button.button-small-red:active,
.gynzy-teacher-application-container input[type='submit'].button-small-red:active {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-teacher-application-container .button-small-red.square,
.gynzy-teacher-application-container button.button-small-red.square,
.gynzy-teacher-application-container input[type='submit'].button-small-red.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-teacher-application-container .button-large-red,
.gynzy-teacher-application-container button.button-large-red,
.gynzy-teacher-application-container input[type='submit'].button-large-red {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  border: 1px solid #840000;
  background-color: #b40c0c;
  background-image: linear-gradient(to bottom, #de3737, #b40c0c);
  font-size: 2.4rem;
  padding: 0.75rem 2.7rem;
  line-height: 4.8rem !important;
}
.gynzy-teacher-application-container .button-large-red *,
.gynzy-teacher-application-container button.button-large-red *,
.gynzy-teacher-application-container input[type='submit'].button-large-red * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-large-red:hover,
.gynzy-teacher-application-container button.button-large-red:hover,
.gynzy-teacher-application-container input[type='submit'].button-large-red:hover,
.gynzy-teacher-application-container .button-large-red:visited,
.gynzy-teacher-application-container button.button-large-red:visited,
.gynzy-teacher-application-container input[type='submit'].button-large-red:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-large-red:active,
.gynzy-teacher-application-container button.button-large-red:active,
.gynzy-teacher-application-container input[type='submit'].button-large-red:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-large-red:active.disabled,
.gynzy-teacher-application-container button.button-large-red:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-large-red:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-large-red:active.disabled *,
.gynzy-teacher-application-container button.button-large-red:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-large-red:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-large-red:active.disabled:hover,
.gynzy-teacher-application-container button.button-large-red:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-large-red:active.disabled:hover,
.gynzy-teacher-application-container .button-large-red:active.disabled:active,
.gynzy-teacher-application-container button.button-large-red:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-large-red:active.disabled:active,
.gynzy-teacher-application-container .button-large-red:active.disabled:focus,
.gynzy-teacher-application-container button.button-large-red:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-large-red:active.disabled:focus,
.gynzy-teacher-application-container .button-large-red:active.disabled:visited,
.gynzy-teacher-application-container button.button-large-red:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-large-red:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-large-red:focus,
.gynzy-teacher-application-container button.button-large-red:focus,
.gynzy-teacher-application-container input[type='submit'].button-large-red:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-large-red img.incorrect-cross,
.gynzy-teacher-application-container button.button-large-red img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-large-red img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-large-red img.correct-tick,
.gynzy-teacher-application-container button.button-large-red img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-large-red img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-large-red .fa,
.gynzy-teacher-application-container button.button-large-red .fa,
.gynzy-teacher-application-container input[type='submit'].button-large-red .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-large-red.disabled *,
.gynzy-teacher-application-container button.button-large-red.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-large-red.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-large-red:active,
.gynzy-teacher-application-container button.button-large-red:active,
.gynzy-teacher-application-container input[type='submit'].button-large-red:active,
.gynzy-teacher-application-container .button-large-red:hover,
.gynzy-teacher-application-container button.button-large-red:hover,
.gynzy-teacher-application-container input[type='submit'].button-large-red:hover,
.gynzy-teacher-application-container .button-large-red:visited,
.gynzy-teacher-application-container button.button-large-red:visited,
.gynzy-teacher-application-container input[type='submit'].button-large-red:visited {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-teacher-application-container .button-large-red:active,
.gynzy-teacher-application-container button.button-large-red:active,
.gynzy-teacher-application-container input[type='submit'].button-large-red:active {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-teacher-application-container .button-large-red.square,
.gynzy-teacher-application-container button.button-large-red.square,
.gynzy-teacher-application-container input[type='submit'].button-large-red.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-teacher-application-container .button-extra-large-red,
.gynzy-teacher-application-container button.button-extra-large-red,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  border: 1px solid #840000;
  background-color: #b40c0c;
  background-image: linear-gradient(to bottom, #de3737, #b40c0c);
  font-size: 3rem;
  padding: 0.75rem 3.5rem;
  line-height: 6.2rem !important;
}
.gynzy-teacher-application-container .button-extra-large-red *,
.gynzy-teacher-application-container button.button-extra-large-red *,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-extra-large-red:hover,
.gynzy-teacher-application-container button.button-extra-large-red:hover,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:hover,
.gynzy-teacher-application-container .button-extra-large-red:visited,
.gynzy-teacher-application-container button.button-extra-large-red:visited,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-extra-large-red:active,
.gynzy-teacher-application-container button.button-extra-large-red:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-extra-large-red:active.disabled,
.gynzy-teacher-application-container button.button-extra-large-red:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-extra-large-red:active.disabled *,
.gynzy-teacher-application-container button.button-extra-large-red:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-extra-large-red:active.disabled:hover,
.gynzy-teacher-application-container button.button-extra-large-red:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:active.disabled:hover,
.gynzy-teacher-application-container .button-extra-large-red:active.disabled:active,
.gynzy-teacher-application-container button.button-extra-large-red:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:active.disabled:active,
.gynzy-teacher-application-container .button-extra-large-red:active.disabled:focus,
.gynzy-teacher-application-container button.button-extra-large-red:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:active.disabled:focus,
.gynzy-teacher-application-container .button-extra-large-red:active.disabled:visited,
.gynzy-teacher-application-container button.button-extra-large-red:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-extra-large-red:focus,
.gynzy-teacher-application-container button.button-extra-large-red:focus,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-extra-large-red img.incorrect-cross,
.gynzy-teacher-application-container button.button-extra-large-red img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-extra-large-red img.correct-tick,
.gynzy-teacher-application-container button.button-extra-large-red img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-extra-large-red .fa,
.gynzy-teacher-application-container button.button-extra-large-red .fa,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-extra-large-red.disabled *,
.gynzy-teacher-application-container button.button-extra-large-red.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-extra-large-red:active,
.gynzy-teacher-application-container button.button-extra-large-red:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:active,
.gynzy-teacher-application-container .button-extra-large-red:hover,
.gynzy-teacher-application-container button.button-extra-large-red:hover,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:hover,
.gynzy-teacher-application-container .button-extra-large-red:visited,
.gynzy-teacher-application-container button.button-extra-large-red:visited,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:visited {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-teacher-application-container .button-extra-large-red:active,
.gynzy-teacher-application-container button.button-extra-large-red:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:active {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-teacher-application-container .button-extra-large-red.square,
.gynzy-teacher-application-container button.button-extra-large-red.square,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-teacher-application-container .button-tertiary-normal {
  background: none;
  border-radius: 0.72rem;
  text-indent: 0;
  border: 1px solid #8ab4cf;
  display: inline-block !important;
  color: #06c;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center !important;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
}
.gynzy-teacher-application-container .button-tertiary-normal:hover {
  border: 1px solid #006bc6;
  background: #f7f7f7;
  color: #06c;
}
.gynzy-teacher-application-container .button-tertiary-normal:active {
  background: #f7f7f7;
}
.gynzy-teacher-application-container .button-tertiary-small {
  background: none;
  border-radius: 0.72rem;
  text-indent: 0;
  border: 1px solid #8ab4cf;
  display: inline-block !important;
  color: #06c;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center !important;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  padding: 0.25rem 1.5rem;
  font-size: 1.7rem;
}
.gynzy-teacher-application-container .button-tertiary-small:hover {
  border: 1px solid #006bc6;
  background: #f7f7f7;
  color: #06c;
}
.gynzy-teacher-application-container .button-tertiary-small:active {
  background: #f7f7f7;
}
.gynzy-teacher-application-container .button-tertiary-selected {
  background: none;
  border-radius: 0.72rem;
  text-indent: 0;
  border: 1px solid #8ab4cf;
  display: inline-block !important;
  color: #06c;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center !important;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  background: #f7f7f7;
  color: #000;
  box-shadow: #ccc 1px 1px 1px inset;
}
.gynzy-teacher-application-container .button-tertiary-selected:hover {
  border: 1px solid #006bc6;
  background: #f7f7f7;
  color: #06c;
}
.gynzy-teacher-application-container .button-tertiary-selected:active {
  background: #f7f7f7;
}
.gynzy-teacher-application-container .button-tertiary-selected:hover {
  border: 1px solid #8ab4cf;
  background: #f7f7f7;
  color: #000;
}
.gynzy-teacher-application-container .student-background-green {
  background-color: #75e260;
  background-image: url('../unicorn-commons/assets/img/backgrounds/icons-6c466e9402ccabd2dfc6252ac565e245.png');
  background-repeat: repeat;
}
.gynzy-teacher-application-container .flex {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
}
.gynzy-teacher-application-container .flex.row-reverse {
  flex-direction: row-reverse;
}
.gynzy-teacher-application-container .flex.column {
  flex-direction: column;
}
.gynzy-teacher-application-container .flex.end {
  justify-content: flex-end;
}
.gynzy-teacher-application-container .flex.start {
  justify-content: flex-start;
}
.gynzy-teacher-application-container .flex.flex-center {
  justify-content: center;
}
.gynzy-teacher-application-container .flex.between {
  justify-content: space-between;
}
.gynzy-teacher-application-container .flex.around {
  justify-content: space-around;
}
.gynzy-teacher-application-container .flex.cross-start {
  align-items: flex-start;
}
.gynzy-teacher-application-container .flex.cross-end {
  align-items: flex-end;
}
.gynzy-teacher-application-container .flex.stretch {
  align-items: stretch;
}
.gynzy-teacher-application-container .flex.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.gynzy-teacher-application-container .flex.wrap {
  flex-wrap: wrap;
}
.gynzy-teacher-application-container .flex.grow {
  flex: 1;
}
.gynzy-teacher-application-container .flex .flex-half,
.gynzy-teacher-application-container .flex .flex-third,
.gynzy-teacher-application-container .flex .flex-two-third,
.gynzy-teacher-application-container .flex .flex-quarter,
.gynzy-teacher-application-container .flex .flex-sixth {
  box-sizing: border-box;
}
.gynzy-teacher-application-container .flex .flex-half {
  width: 50%;
}
.gynzy-teacher-application-container .flex .flex-third {
  width: 33.33%;
}
.gynzy-teacher-application-container .flex .flex-two-third {
  width: 66.66%;
}
.gynzy-teacher-application-container .flex .flex-quarter {
  width: 25%;
}
.gynzy-teacher-application-container .flex .flex-three-quarter {
  width: 75%;
}
.gynzy-teacher-application-container .flex .flex-five-sixth {
  width: 83.33%;
}
.gynzy-teacher-application-container .flex .flex-fifth {
  width: 20%;
}
.gynzy-teacher-application-container .flex .flex-sixth {
  width: 16.66%;
}
.gynzy-teacher-application-container .flex .flex-90 {
  width: 90%;
}
.gynzy-teacher-application-container .flex .flex-80 {
  width: 80%;
}
.gynzy-teacher-application-container .flex .flex-75 {
  width: 75%;
}
.gynzy-teacher-application-container .flex .flex-70 {
  width: 70%;
}
.gynzy-teacher-application-container .flex .flex-60 {
  width: 60%;
}
.gynzy-teacher-application-container .flex .flex-50 {
  width: 50%;
}
.gynzy-teacher-application-container .flex .flex-40 {
  width: 40%;
}
.gynzy-teacher-application-container .flex .flex-30 {
  width: 30%;
}
.gynzy-teacher-application-container .flex .flex-20 {
  width: 20%;
}
.gynzy-teacher-application-container .flex .flex-15 {
  width: 15%;
}
.gynzy-teacher-application-container .flex .flex-10 {
  width: 10%;
}
.gynzy-teacher-application-container .flex .flex-5 {
  width: 5%;
}
.gynzy-teacher-application-container .flex .flex-remaining-space {
  flex-grow: 1;
}
.gynzy-teacher-application-container .flex .flex-grow-1 {
  flex: 1 1;
}
.gynzy-teacher-application-container .flex .flex-grow-2 {
  flex: 2 1;
}
.gynzy-teacher-application-container .flex .flex-grow-3 {
  flex: 3 1;
}
.gynzy-teacher-application-container .flex .flex-grow-4 {
  flex: 4 1;
}
.gynzy-teacher-application-container .flex .flex-grow-5 {
  flex: 5 1;
}
.gynzy-teacher-application-container .flex .flex-grow-6 {
  flex: 6 1;
}
.gynzy-teacher-application-container .flex .flex-grow-7 {
  flex: 7 1;
}
.gynzy-teacher-application-container .flex .flex-grow-8 {
  flex: 8 1;
}
.gynzy-teacher-application-container .full {
  width: 100%;
  height: 100%;
}
.gynzy-teacher-application-container .fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 21000;
  height: 100%;
  width: 100%;
}
.gynzy-teacher-application-container .fixed .fixed {
  z-index: 22000;
}
.gynzy-teacher-application-container .fixed .fixed .fixed {
  z-index: 23000;
}
.gynzy-teacher-application-container .fixed .fixed .fixed .fixed {
  z-index: 24000;
}
.gynzy-teacher-application-container .max-width {
  width: 100%;
}
.gynzy-teacher-application-container .max-height {
  height: 100%;
}
.gynzy-teacher-application-container .auto-margin {
  margin: auto;
}
.gynzy-teacher-application-container .limit-heigth-86 {
  max-height: 86%;
}
.gynzy-teacher-application-container .limit-heigth-84 {
  max-height: 84%;
}
.gynzy-teacher-application-container .padding-1 {
  padding: 1rem;
}
.gynzy-teacher-application-container .padding-2 {
  padding: 2rem;
}
.gynzy-teacher-application-container .padding-3 {
  padding: 3rem;
}
.gynzy-teacher-application-container .padding-5 {
  padding: 5rem;
}
.gynzy-teacher-application-container .margin-1 {
  margin: 1rem;
}
.gynzy-teacher-application-container .margin-2 {
  margin: 2rem;
}
.gynzy-teacher-application-container .margin-3 {
  margin: 3rem;
}
.gynzy-teacher-application-container .margin-5 {
  margin: 5rem;
}
.gynzy-teacher-application-container .no-margin {
  margin: 0;
}
.gynzy-teacher-application-container .text-left {
  text-align: left;
}
.gynzy-teacher-application-container .text-right {
  text-align: right;
}
.gynzy-teacher-application-container div.login {
  background: url('img/styleguide/bg-wood-3d0daae6accf4e369beac3ce3481551d.jpg');
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%), radial-gradient(center, rgba(255, 241, 221, 0.1) 0%, rgba(251, 195, 107, 0.1) 60%, rgba(129, 86, 39, 0.1) 100%), url('img/styleguide/bg-wood-3d0daae6accf4e369beac3ce3481551d.jpg') repeat top left;
  margin: 0;
  padding: 0;
  text-align: left;
  height: 100%;
  width: 100%;
  position: absolute;
}
.gynzy-teacher-application-container div.login .button-normal-blue {
  width: 100%;
  margin-top: 3.2rem;
  height: 5.2rem;
}
.gynzy-teacher-application-container div.login .l-container {
  text-align: center;
  padding: 1rem;
}
.gynzy-teacher-application-container div.login .l-container .l-container-header {
  font-family: var(--font-family-header);
  color: rgba(0, 0, 0, 0.8);
}
.gynzy-teacher-application-container div.login .window {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 1.5rem;
  padding: 2rem 4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  width: 41.6rem;
  margin-left: -20.8rem;
}
.gynzy-teacher-application-container div.login .window.gebruikersnaam {
  font-size: 2.2rem;
  line-height: 2.4rem;
  margin-top: -17.5rem;
  padding: 3.2rem;
  -webkit-animation-duration: 0.8s;
}
.gynzy-teacher-application-container div.login .window.wachtwoord {
  height: auto;
  margin-top: -23.2rem;
  width: 31.6rem;
  margin-left: -15.8rem;
  padding: 0;
  -webkit-animation-duration: 0.8s;
}
.gynzy-teacher-application-container div.login .window.wachtwoord .button-icon-normal,
.gynzy-teacher-application-container div.login .window.wachtwoord .button-icon-white {
  width: 27%;
  margin: 0.8rem 3.1%;
  font-size: 2.5rem;
  font-weight: bold;
  height: 5rem;
  line-height: 5rem !important;
}
.gynzy-teacher-application-container div.login .window.wachtwoord .button-icon-lcd {
  font-size: 6rem;
  width: 20.6%;
  height: 5rem;
  line-height: 7.5rem !important;
  margin: 0 2.04%;
}
.gynzy-teacher-application-container div.login .window.wachtwoord .l-container {
  margin-top: 2rem;
}
.gynzy-teacher-application-container div.login .gebruiker {
  text-align: center;
  top: 50%;
  position: absolute;
  margin-top: -32rem;
  height: 8rem;
  width: 64rem;
  margin-left: -32rem;
  left: 50%;
}
.gynzy-teacher-application-container div.login .gebruiker .naam {
  display: inline-block;
  font-size: 3.2rem;
  line-height: 7.2rem;
  text-align: left;
  height: 8rem;
  vertical-align: top;
  color: #ffffff;
}
.gynzy-teacher-application-container div.login .gebruiker .foto {
  display: inline-block;
  margin-right: 1.6rem;
  height: 8rem;
}
.gynzy-teacher-application-container div.login .pincode .button-normal-blue {
  width: 8.4rem;
  height: 4.2rem;
  margin-top: 1.6rem;
  margin-left: 1.6rem;
  padding: 0;
}
.gynzy-teacher-application-container .login-logo {
  position: absolute;
  text-align: center;
  top: 25%;
  left: 50%;
  margin-left: -14rem;
  margin-top: -14rem;
  width: 28rem;
  height: 10.5rem;
}
.gynzy-teacher-application-container .header a.button-normal-blue {
  min-width: 15.5rem;
}
.gynzy-teacher-application-container *:not(input):not(textarea) {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.gynzy-teacher-application-container strong {
  font-weight: 700;
}
.gynzy-teacher-application-container img {
  width: auto;
  height: auto;
}
.gynzy-teacher-application-container [data-ember-action] {
  cursor: pointer;
}
.gynzy-teacher-application-container .inactive-action [data-ember-action],
.gynzy-teacher-application-container .inactive-action[data-ember-action] {
  cursor: default;
}
.gynzy-teacher-application-container a.text-link,
.gynzy-teacher-application-container a.text-link:visited {
  text-decoration: underline;
  cursor: pointer;
  color: #0e5fd8;
}
.gynzy-teacher-application-container a.text-link:hover,
.gynzy-teacher-application-container a.text-link:visited:hover,
.gynzy-teacher-application-container a.text-link:active,
.gynzy-teacher-application-container a.text-link:visited:active {
  color: #005580;
}
.gynzy-teacher-application-container h1,
.gynzy-teacher-application-container h2,
.gynzy-teacher-application-container h3,
.gynzy-teacher-application-container h4,
.gynzy-teacher-application-container h5,
.gynzy-teacher-application-container h6 {
  font-weight: bold;
  line-height: 1.5em;
  margin: 0;
}
.gynzy-teacher-application-container h1.soft,
.gynzy-teacher-application-container h2.soft,
.gynzy-teacher-application-container h3.soft,
.gynzy-teacher-application-container h4.soft,
.gynzy-teacher-application-container h5.soft,
.gynzy-teacher-application-container h6.soft {
  font-weight: 300;
  color: #8f9595;
}
.gynzy-teacher-application-container h1.drop,
.gynzy-teacher-application-container h2.drop,
.gynzy-teacher-application-container h3.drop,
.gynzy-teacher-application-container h4.drop,
.gynzy-teacher-application-container h5.drop,
.gynzy-teacher-application-container h6.drop {
  text-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.35);
  font-weight: normal;
  color: #fff;
}
.gynzy-teacher-application-container .drop {
  color: #fff;
  text-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.35);
}
.gynzy-teacher-application-container input[type='text'],
.gynzy-teacher-application-container input[type='number'],
.gynzy-teacher-application-container input[type='password'],
.gynzy-teacher-application-container input[type='search'],
.gynzy-teacher-application-container input[type='email'],
.gynzy-teacher-application-container input[type='tel'],
.gynzy-teacher-application-container input[type='url'],
.gynzy-teacher-application-container textarea,
.gynzy-teacher-application-container select {
  background-image: linear-gradient(to bottom, #eee, #fff);
  border: 1px solid #93b2d2;
  color: black;
  height: 4.8rem;
  font-size: 2rem;
}
.gynzy-teacher-application-container input[type='text']:focus,
.gynzy-teacher-application-container input[type='number']:focus,
.gynzy-teacher-application-container input[type='password']:focus,
.gynzy-teacher-application-container input[type='search']:focus,
.gynzy-teacher-application-container input[type='email']:focus,
.gynzy-teacher-application-container input[type='tel']:focus,
.gynzy-teacher-application-container input[type='url']:focus,
.gynzy-teacher-application-container textarea:focus,
.gynzy-teacher-application-container select:focus {
  border: 1px solid #a5bfd9;
  color: black;
}
.gynzy-teacher-application-container input[type='number'] {
  padding: 0 0.6em;
  line-height: normal;
}
.gynzy-teacher-application-container select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('img/divider-dropdown-827b4086a658445a0bc1ca92eec38322.png') right / 3.4rem 4.4rem no-repeat, linear-gradient(to bottom, #fff, #eee);
  box-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.2);
  text-indent: 0.01px;
  text-overflow: '';
}
.gynzy-teacher-application-container .unicorn-select {
  height: auto;
}
.gynzy-teacher-application-container .unicorn-select.is-disabled {
  opacity: 0.5;
}
.gynzy-teacher-application-container input[type='text'],
.gynzy-teacher-application-container input[type='password'] {
  padding: 0 1.6rem;
}
.gynzy-teacher-application-container iframe.fullscreen {
  border: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  -ms-touch-action: none;
}
.gynzy-teacher-application-container button {
  padding: 0;
}
.gynzy-teacher-application-container .left {
  float: left;
}
.gynzy-teacher-application-container .right {
  float: right;
}
.gynzy-teacher-application-container .text-center {
  text-align: center !important;
}
.gynzy-teacher-application-container .center {
  width: 88rem;
  margin: 0 auto;
}
.gynzy-teacher-application-container .container-centered {
  width: 85.8rem;
  margin: 0 auto;
}
.gynzy-teacher-application-container .relative {
  position: relative;
}
.gynzy-teacher-application-container .overflow {
  overflow: auto;
}
.gynzy-teacher-application-container .bg-green {
  background-color: rgba(34, 169, 20, 0.2);
}
.gynzy-teacher-application-container .bg-yellow {
  background-color: rgba(254, 223, 78, 0.2);
}
.gynzy-teacher-application-container .bg-red {
  background-color: rgba(255, 49, 48, 0.3);
}
.gynzy-teacher-application-container .white {
  color: #ffffff;
}
.gynzy-teacher-application-container .clear {
  clear: both;
}
.gynzy-teacher-application-container li.topcoat-list__item {
  cursor: pointer;
}
.gynzy-teacher-application-container li.topcoat-list__item:active {
  background-color: red;
}
.gynzy-teacher-application-container .no-scroll {
  overflow: hidden !important;
}
.gynzy-teacher-application-container .max-height {
  height: 100%;
}
.gynzy-teacher-application-container .disabled {
  opacity: 0.5;
}
.gynzy-teacher-application-container .italic {
  font-style: italic;
}
.gynzy-teacher-application-container .font-loader {
  visibility: hidden;
  position: absolute;
}
.gynzy-teacher-application-container h1.opac1,
.gynzy-teacher-application-container h2.opac1,
.gynzy-teacher-application-container h3.opac1,
.gynzy-teacher-application-container h4.opac1,
.gynzy-teacher-application-container h5.opac1,
.gynzy-teacher-application-container h6.opac1 {
  color: rgba(0, 0, 0, 0.1);
}
.gynzy-teacher-application-container h1.opac2,
.gynzy-teacher-application-container h2.opac2,
.gynzy-teacher-application-container h3.opac2,
.gynzy-teacher-application-container h4.opac2,
.gynzy-teacher-application-container h5.opac2,
.gynzy-teacher-application-container h6.opac2 {
  color: rgba(0, 0, 0, 0.2);
}
.gynzy-teacher-application-container h1.opac3,
.gynzy-teacher-application-container h2.opac3,
.gynzy-teacher-application-container h3.opac3,
.gynzy-teacher-application-container h4.opac3,
.gynzy-teacher-application-container h5.opac3,
.gynzy-teacher-application-container h6.opac3 {
  color: rgba(0, 0, 0, 0.3);
}
.gynzy-teacher-application-container h1.opac4,
.gynzy-teacher-application-container h2.opac4,
.gynzy-teacher-application-container h3.opac4,
.gynzy-teacher-application-container h4.opac4,
.gynzy-teacher-application-container h5.opac4,
.gynzy-teacher-application-container h6.opac4 {
  color: rgba(0, 0, 0, 0.4);
}
.gynzy-teacher-application-container h1.opac5,
.gynzy-teacher-application-container h2.opac5,
.gynzy-teacher-application-container h3.opac5,
.gynzy-teacher-application-container h4.opac5,
.gynzy-teacher-application-container h5.opac5,
.gynzy-teacher-application-container h6.opac5 {
  color: rgba(0, 0, 0, 0.5);
}
.gynzy-teacher-application-container h1.opac6,
.gynzy-teacher-application-container h2.opac6,
.gynzy-teacher-application-container h3.opac6,
.gynzy-teacher-application-container h4.opac6,
.gynzy-teacher-application-container h5.opac6,
.gynzy-teacher-application-container h6.opac6 {
  color: rgba(0, 0, 0, 0.6);
}
.gynzy-teacher-application-container h1.opac7,
.gynzy-teacher-application-container h2.opac7,
.gynzy-teacher-application-container h3.opac7,
.gynzy-teacher-application-container h4.opac7,
.gynzy-teacher-application-container h5.opac7,
.gynzy-teacher-application-container h6.opac7 {
  color: rgba(0, 0, 0, 0.7);
}
.gynzy-teacher-application-container h1.opac8,
.gynzy-teacher-application-container h2.opac8,
.gynzy-teacher-application-container h3.opac8,
.gynzy-teacher-application-container h4.opac8,
.gynzy-teacher-application-container h5.opac8,
.gynzy-teacher-application-container h6.opac8 {
  color: rgba(0, 0, 0, 0.8);
}
.gynzy-teacher-application-container h1.opac9,
.gynzy-teacher-application-container h2.opac9,
.gynzy-teacher-application-container h3.opac9,
.gynzy-teacher-application-container h4.opac9,
.gynzy-teacher-application-container h5.opac9,
.gynzy-teacher-application-container h6.opac9 {
  color: rgba(0, 0, 0, 0.9);
}
.gynzy-teacher-application-container h1.opac10,
.gynzy-teacher-application-container h2.opac10,
.gynzy-teacher-application-container h3.opac10,
.gynzy-teacher-application-container h4.opac10,
.gynzy-teacher-application-container h5.opac10,
.gynzy-teacher-application-container h6.opac10 {
  color: #000000;
}
.gynzy-teacher-application-container h2 span.errorRed,
.gynzy-teacher-application-container h2 span.okGreen {
  padding: 0.1rem 0;
}
.gynzy-teacher-application-container .highlight-yellow-small:before {
  background: url('img/highlight-small-left-2cfc56c093c05c99f6fde7a341a6eece.png') no-repeat center;
  content: ' ';
  width: 3.2rem;
  height: 2.8rem;
  display: inline-block;
  position: absolute;
  left: -3.2rem;
  background-size: 3.2rem 2.8rem;
}
.gynzy-teacher-application-container .highlight-yellow-small {
  background: #fedf4f;
  background-position: top;
  background-repeat: repeat-x;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  line-height: 2.8rem;
  position: relative;
}
.gynzy-teacher-application-container .highlight-yellow-small:after {
  background: url('img/highlight-small-right-273e598ee5d98397f01e77a3108eeded.png') no-repeat center;
  content: ' ';
  display: inline-block;
  position: absolute;
  width: 3.2rem;
  height: 2.8rem;
  right: -3.2rem;
  background-size: 3.2rem 2.8rem;
}
.gynzy-teacher-application-container .highlight-yellow-small-multiline {
  background: #fedf4f;
  background-position: top;
  background-repeat: repeat-x;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  line-height: 2.8rem;
  position: relative;
  background: #fedf4e;
  white-space: normal;
}
.gynzy-teacher-application-container .highlight-yellow-small-multiline:before {
  background: url('img/highlight-small-left-2cfc56c093c05c99f6fde7a341a6eece.png');
  content: ' ';
  width: 3.2rem;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: -3.2rem;
  background-size: 3.2rem 2.8rem;
}
.gynzy-teacher-application-container .highlight-yellow-small-multiline:after {
  background: url('img/highlight-small-right-273e598ee5d98397f01e77a3108eeded.png');
  content: ' ';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 100%;
  width: 3.2rem;
  height: 100%;
  background-size: 3.2rem 2.8rem;
}
.gynzy-teacher-application-container .highlight-yellow-normal:before {
  background: url('img/highlight-normal-left-b5f4eb87784abb7191784e2319bd9e04.png') no-repeat top;
  content: ' ';
  width: 4.9rem;
  height: 4.2rem;
  position: absolute;
  background-size: 4.9rem 4.2rem;
  left: -4.9rem;
  top: 0;
}
.gynzy-teacher-application-container .highlight-yellow-normal {
  background: url('img/highlight-normal-mid-89660132284b069c08162f374dfa7584.png');
  background-size: 100% 4.2rem;
  background-position: center;
  background-repeat: repeat-x;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  line-height: 4.2rem;
  position: relative;
}
.gynzy-teacher-application-container .highlight-yellow-normal:after {
  background: url('img/highlight-normal-right-871d38265eba4d9c642461d344efab51.png') no-repeat top;
  content: ' ';
  position: absolute;
  width: 5.2rem;
  height: 4.2rem;
  background-size: 5.2rem 4.2rem;
  right: -5.2rem;
  top: 0;
}
.gynzy-teacher-application-container p.highlight-yellow-normal:before,
.gynzy-teacher-application-container p.highlight-yellow-normal:after {
  margin-top: 0.4rem;
  background-size: 5.2rem 4.1rem;
}
.gynzy-teacher-application-container .highlight-yellow-large {
  background: url('img/styleguide/highlight-mid-3ee68fa217fda9821933e750b05beb7f.png');
  background-size: 100% 5.1rem;
  background-position: center;
  background-repeat: repeat-x;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  line-height: 5.1rem;
}
.gynzy-teacher-application-container .highlight-yellow-large:before {
  background: url('img/styleguide/highlight-left-eb54da9a576e87cffae73df5998d6435.png') no-repeat top;
  content: ' ';
  width: 5.9rem;
  height: 5.1rem;
  display: inline-block;
  position: absolute;
  left: -5.9rem;
  margin-top: 0;
  background-size: 5.9rem 5.1rem;
}
.gynzy-teacher-application-container .highlight-yellow-large:after {
  background: url('img/styleguide/highlight-right-4da05b8506794ce6b8592f8bbfb22a45.png') no-repeat top;
  content: ' ';
  display: inline-block;
  position: absolute;
  width: 5.9rem;
  height: 5.1rem;
  margin-top: 0;
  background-size: 5.9rem 5.1rem;
  right: -5.9rem;
}
.gynzy-teacher-application-container .highlight-yellow-large-opacity {
  background: url('img/styleguide/highlight-mid-3ee68fa217fda9821933e750b05beb7f.png');
  background-size: 100% 5.1rem;
  background-position: center;
  background-repeat: repeat-x;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  line-height: 5.1rem;
  background: rgba(254, 210, 4, 0.7);
  line-height: 5.8rem;
}
.gynzy-teacher-application-container .highlight-yellow-large-opacity:before {
  background: url('img/styleguide/highlight-left-eb54da9a576e87cffae73df5998d6435.png') no-repeat top;
  content: ' ';
  width: 5.9rem;
  height: 5.1rem;
  display: inline-block;
  position: absolute;
  left: -5.9rem;
  margin-top: 0;
  background-size: 5.9rem 5.1rem;
}
.gynzy-teacher-application-container .highlight-yellow-large-opacity:after {
  background: url('img/styleguide/highlight-right-4da05b8506794ce6b8592f8bbfb22a45.png') no-repeat top;
  content: ' ';
  display: inline-block;
  position: absolute;
  width: 5.9rem;
  height: 5.1rem;
  margin-top: 0;
  background-size: 5.9rem 5.1rem;
  right: -5.9rem;
}
.gynzy-teacher-application-container .highlight-yellow-large-opacity:before {
  opacity: 0.7;
  height: 5.8rem;
  background-size: cover;
}
.gynzy-teacher-application-container .highlight-yellow-large-opacity:after {
  opacity: 0.7;
  height: 5.8rem;
  background-size: cover;
}
.gynzy-teacher-application-container .highlight-yellow-small-left {
  background: url('img/highlight-small-mid-8a86459944b2c00b680315ff2c2107f8.png');
  background-position: top;
  background-repeat: repeat-x;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  line-height: 2.8rem;
  position: relative;
}
.gynzy-teacher-application-container .highlight-yellow-small-left:before {
  background: url('img/highlight-small-left-2cfc56c093c05c99f6fde7a341a6eece.png') no-repeat center;
  content: ' ';
  width: 3.2rem;
  height: 2.8rem;
  display: inline-block;
  position: absolute;
  left: -3.2rem;
  background-size: 3.2rem 2.8rem;
}
.gynzy-teacher-application-container .highlight-yellow-small-right {
  background: url('img/highlight-small-mid-8a86459944b2c00b680315ff2c2107f8.png');
  background-position: top;
  background-repeat: repeat-x;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  line-height: 2.8rem;
  position: relative;
}
.gynzy-teacher-application-container .highlight-yellow-small-right:after {
  background: url('img/highlight-small-right-273e598ee5d98397f01e77a3108eeded.png') no-repeat center;
  content: ' ';
  display: inline-block;
  position: absolute;
  width: 3.2rem;
  height: 2.8rem;
  right: -3.2rem;
  background-size: 3.2rem 2.8rem;
}
.gynzy-teacher-application-container .highlight-yellow-large-left {
  background: url('img/styleguide/highlight-mid-3ee68fa217fda9821933e750b05beb7f.png');
  background-size: 100% 5.1rem;
  background-position: center;
  background-repeat: repeat-x;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  line-height: 5.1rem;
  text-align: right;
}
.gynzy-teacher-application-container .highlight-yellow-large-left:before {
  background: url('img/styleguide/highlight-left-eb54da9a576e87cffae73df5998d6435.png') no-repeat top;
  content: ' ';
  width: 5.9rem;
  height: 5.1rem;
  display: inline-block;
  position: absolute;
  left: -5.9rem;
  margin-top: 0;
  background-size: 5.9rem 5.1rem;
}
.gynzy-teacher-application-container .highlight-yellow-large-left:after {
  background: url('img/styleguide/highlight-right-4da05b8506794ce6b8592f8bbfb22a45.png') no-repeat top;
  content: ' ';
  display: inline-block;
  position: absolute;
  width: 5.9rem;
  height: 5.1rem;
  margin-top: 0;
  background-size: 5.9rem 5.1rem;
  right: -5.9rem;
}
.gynzy-teacher-application-container .highlight-yellow-large-left:before {
  background: url('img/styleguide/highlight-left-eb54da9a576e87cffae73df5998d6435.png') no-repeat top;
  content: ' ';
  width: 5.9rem;
  height: 5.1rem;
  display: inline-block;
  position: absolute;
  left: -5.9rem;
  margin-top: 0;
  background-size: 5.9rem 5.1rem;
}
.gynzy-teacher-application-container .highlight-yellow-large-left:after {
  background: none;
}
.gynzy-teacher-application-container .highlight-yellow-large-right {
  background: url('img/styleguide/highlight-mid-3ee68fa217fda9821933e750b05beb7f.png');
  background-size: 100% 5.1rem;
  background-position: center;
  background-repeat: repeat-x;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  line-height: 5.1rem;
  text-align: left;
}
.gynzy-teacher-application-container .highlight-yellow-large-right:before {
  background: url('img/styleguide/highlight-left-eb54da9a576e87cffae73df5998d6435.png') no-repeat top;
  content: ' ';
  width: 5.9rem;
  height: 5.1rem;
  display: inline-block;
  position: absolute;
  left: -5.9rem;
  margin-top: 0;
  background-size: 5.9rem 5.1rem;
}
.gynzy-teacher-application-container .highlight-yellow-large-right:after {
  background: url('img/styleguide/highlight-right-4da05b8506794ce6b8592f8bbfb22a45.png') no-repeat top;
  content: ' ';
  display: inline-block;
  position: absolute;
  width: 5.9rem;
  height: 5.1rem;
  margin-top: 0;
  background-size: 5.9rem 5.1rem;
  right: -5.9rem;
}
.gynzy-teacher-application-container .highlight-yellow-large-right:after {
  background: url('img/styleguide/highlight-right-4da05b8506794ce6b8592f8bbfb22a45.png') no-repeat top;
  content: ' ';
  display: inline-block;
  position: absolute;
  width: 5.9rem;
  height: 5.1rem;
  margin-top: 0;
  background-size: 5.9rem 5.1rem;
  right: -5.9rem;
}
.gynzy-teacher-application-container .highlight-yellow-large-right:before {
  background: none;
}
.gynzy-teacher-application-container h1 {
  font-size: 3.4rem;
}
.gynzy-teacher-application-container h2 {
  font-size: 2.8rem;
}
.gynzy-teacher-application-container h3 {
  font-size: 2.2rem;
}
.gynzy-teacher-application-container h4 {
  font-size: 1.8rem;
}
.gynzy-teacher-application-container h5 {
  font-size: 1.6rem;
}
.gynzy-teacher-application-container h6 {
  font-size: 1.5rem;
}
.gynzy-teacher-application-container h1.large {
  font-size: 8rem;
}
.gynzy-teacher-application-container h2.large {
  font-size: 6.8rem;
}
.gynzy-teacher-application-container h3.large {
  font-size: 5.8rem;
}
.gynzy-teacher-application-container h4.large {
  font-size: 4.8rem;
}
.gynzy-teacher-application-container h5.large {
  font-size: 4.2rem;
}
.gynzy-teacher-application-container h6.large {
  font-size: 3.8rem;
}
.gynzy-teacher-application-container p {
  font-size: 1.7rem;
  margin-bottom: 1.5rem;
  line-height: 1.1em;
}
.gynzy-teacher-application-container .overlay {
  background-color: #000;
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 20000;
  opacity: 0.7;
}
.gynzy-teacher-application-container .label-container {
  height: 3.2rem;
  width: 19rem;
}
.gynzy-teacher-application-container .button-label {
  display: inline-block;
  border-radius: 0.4rem;
  background-clip: padding-box;
  height: 2.1rem;
  width: auto;
  max-width: 100%;
  margin: 0.2rem;
  float: left;
  background-color: #777;
}
.gynzy-teacher-application-container .button-label.blue {
  background-color: #117697;
}
.gynzy-teacher-application-container .button-label.blue.no-hover {
  background-color: #117697;
}
.gynzy-teacher-application-container .button-label.cyan {
  background-color: #10abbd;
}
.gynzy-teacher-application-container .button-label.cyan.no-hover {
  background-color: #10abbd;
}
.gynzy-teacher-application-container .button-label.turquoise {
  background-color: #1ec78d;
}
.gynzy-teacher-application-container .button-label.turquoise.no-hover {
  background-color: #1ec78d;
}
.gynzy-teacher-application-container .button-label.green {
  background-color: #189839;
}
.gynzy-teacher-application-container .button-label.green.no-hover {
  background-color: #189839;
}
.gynzy-teacher-application-container .button-label.lime {
  background-color: #8bcb1a;
}
.gynzy-teacher-application-container .button-label.lime.no-hover {
  background-color: #8bcb1a;
}
.gynzy-teacher-application-container .button-label.yellow {
  background-color: #dfb00c;
}
.gynzy-teacher-application-container .button-label.yellow.no-hover {
  background-color: #dfb00c;
}
.gynzy-teacher-application-container .button-label.orange {
  background-color: #d76918;
}
.gynzy-teacher-application-container .button-label.orange.no-hover {
  background-color: #d76918;
}
.gynzy-teacher-application-container .button-label.red {
  background-color: #db0000;
}
.gynzy-teacher-application-container .button-label.red.no-hover {
  background-color: #db0000;
}
.gynzy-teacher-application-container .button-label.pink {
  background-color: #cd198b;
}
.gynzy-teacher-application-container .button-label.pink.no-hover {
  background-color: #cd198b;
}
.gynzy-teacher-application-container .button-label.purple {
  background-color: #6e35d5;
}
.gynzy-teacher-application-container .button-label.purple.no-hover {
  background-color: #6e35d5;
}
.gynzy-teacher-application-container .button-label.parnassys {
  background-color: #ed5c82;
}
.gynzy-teacher-application-container .button-label.parnassys.no-hover {
  background-color: #ed5c82;
}
.gynzy-teacher-application-container .button-label.riverbed {
  background-color: #3f4c5a;
}
.gynzy-teacher-application-container .button-label.riverbed.no-hover {
  background-color: #3f4c5a;
}
.gynzy-teacher-application-container .button-label.active {
  border: 0.3rem solid #fff;
  box-shadow: 0rem 0rem 0 0.3rem rgba(0, 0, 0, 0.2);
}
.gynzy-teacher-application-container .button-label-text {
  line-height: 2.1rem;
  float: left;
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
  margin: 0 0.8rem;
  white-space: nowrap;
}
.gynzy-teacher-application-container .button-label-group {
  text-align: center;
  margin: 1.5rem 0;
  width: 100%;
}
.gynzy-teacher-application-container .button-label-group .button-label {
  float: none;
  height: 2.2rem;
  width: 2.2rem;
  border-radius: 1.5rem;
  background-clip: padding-box;
  border: 0.3rem solid transparent;
  margin: 0.6rem 0.2rem;
}
.gynzy-teacher-application-container .button-label-large {
  display: inline-block;
  border-radius: 0.5rem;
  background-clip: padding-box;
  cursor: pointer;
  height: 4rem;
  width: 28rem;
  line-height: 4rem;
  margin: 0.5rem;
  background-color: #777;
  vertical-align: middle;
  color: white;
  font-weight: bold;
}
.gynzy-teacher-application-container .button-label-large.blue {
  background-color: #117697;
}
.gynzy-teacher-application-container .button-label-large.blue:hover,
.gynzy-teacher-application-container .button-label-large.blue:active,
.gynzy-teacher-application-container .button-label-large.blue:focus,
.gynzy-teacher-application-container .button-label-large.blue:visited {
  background-color: #158fb7;
}
.gynzy-teacher-application-container .button-label-large.blue.no-hover {
  background-color: #117697;
}
.gynzy-teacher-application-container .button-label-large.cyan {
  background-color: #10abbd;
}
.gynzy-teacher-application-container .button-label-large.cyan:hover,
.gynzy-teacher-application-container .button-label-large.cyan:active,
.gynzy-teacher-application-container .button-label-large.cyan:focus,
.gynzy-teacher-application-container .button-label-large.cyan:visited {
  background-color: #13c9de;
}
.gynzy-teacher-application-container .button-label-large.cyan.no-hover {
  background-color: #10abbd;
}
.gynzy-teacher-application-container .button-label-large.turquoise {
  background-color: #1ec78d;
}
.gynzy-teacher-application-container .button-label-large.turquoise:hover,
.gynzy-teacher-application-container .button-label-large.turquoise:active,
.gynzy-teacher-application-container .button-label-large.turquoise:focus,
.gynzy-teacher-application-container .button-label-large.turquoise:visited {
  background-color: #2adfa1;
}
.gynzy-teacher-application-container .button-label-large.turquoise.no-hover {
  background-color: #1ec78d;
}
.gynzy-teacher-application-container .button-label-large.green {
  background-color: #189839;
}
.gynzy-teacher-application-container .button-label-large.green:hover,
.gynzy-teacher-application-container .button-label-large.green:active,
.gynzy-teacher-application-container .button-label-large.green:focus,
.gynzy-teacher-application-container .button-label-large.green:visited {
  background-color: #1db745;
}
.gynzy-teacher-application-container .button-label-large.green.no-hover {
  background-color: #189839;
}
.gynzy-teacher-application-container .button-label-large.lime {
  background-color: #8bcb1a;
}
.gynzy-teacher-application-container .button-label-large.lime:hover,
.gynzy-teacher-application-container .button-label-large.lime:active,
.gynzy-teacher-application-container .button-label-large.lime:focus,
.gynzy-teacher-application-container .button-label-large.lime:visited {
  background-color: #9fe326;
}
.gynzy-teacher-application-container .button-label-large.lime.no-hover {
  background-color: #8bcb1a;
}
.gynzy-teacher-application-container .button-label-large.yellow {
  background-color: #dfb00c;
}
.gynzy-teacher-application-container .button-label-large.yellow:hover,
.gynzy-teacher-application-container .button-label-large.yellow:active,
.gynzy-teacher-application-container .button-label-large.yellow:focus,
.gynzy-teacher-application-container .button-label-large.yellow:visited {
  background-color: #f3c31c;
}
.gynzy-teacher-application-container .button-label-large.yellow.no-hover {
  background-color: #dfb00c;
}
.gynzy-teacher-application-container .button-label-large.orange {
  background-color: #d76918;
}
.gynzy-teacher-application-container .button-label-large.orange:hover,
.gynzy-teacher-application-container .button-label-large.orange:active,
.gynzy-teacher-application-container .button-label-large.orange:focus,
.gynzy-teacher-application-container .button-label-large.orange:visited {
  background-color: #e77b2b;
}
.gynzy-teacher-application-container .button-label-large.orange.no-hover {
  background-color: #d76918;
}
.gynzy-teacher-application-container .button-label-large.red {
  background-color: #db0000;
}
.gynzy-teacher-application-container .button-label-large.red:hover,
.gynzy-teacher-application-container .button-label-large.red:active,
.gynzy-teacher-application-container .button-label-large.red:focus,
.gynzy-teacher-application-container .button-label-large.red:visited {
  background-color: #ff0000;
}
.gynzy-teacher-application-container .button-label-large.red.no-hover {
  background-color: #db0000;
}
.gynzy-teacher-application-container .button-label-large.pink {
  background-color: #cd198b;
}
.gynzy-teacher-application-container .button-label-large.pink:hover,
.gynzy-teacher-application-container .button-label-large.pink:active,
.gynzy-teacher-application-container .button-label-large.pink:focus,
.gynzy-teacher-application-container .button-label-large.pink:visited {
  background-color: #e4259e;
}
.gynzy-teacher-application-container .button-label-large.pink.no-hover {
  background-color: #cd198b;
}
.gynzy-teacher-application-container .button-label-large.purple {
  background-color: #6e35d5;
}
.gynzy-teacher-application-container .button-label-large.purple:hover,
.gynzy-teacher-application-container .button-label-large.purple:active,
.gynzy-teacher-application-container .button-label-large.purple:focus,
.gynzy-teacher-application-container .button-label-large.purple:visited {
  background-color: #8353db;
}
.gynzy-teacher-application-container .button-label-large.purple.no-hover {
  background-color: #6e35d5;
}
.gynzy-teacher-application-container .button-label-large.parnassys {
  background-color: #ed5c82;
}
.gynzy-teacher-application-container .button-label-large.parnassys:hover,
.gynzy-teacher-application-container .button-label-large.parnassys:active,
.gynzy-teacher-application-container .button-label-large.parnassys:focus,
.gynzy-teacher-application-container .button-label-large.parnassys:visited {
  background-color: #f17c9b;
}
.gynzy-teacher-application-container .button-label-large.parnassys.no-hover {
  background-color: #ed5c82;
}
.gynzy-teacher-application-container .button-label-large.riverbed {
  background-color: #3f4c5a;
}
.gynzy-teacher-application-container .button-label-large.riverbed:hover,
.gynzy-teacher-application-container .button-label-large.riverbed:active,
.gynzy-teacher-application-container .button-label-large.riverbed:focus,
.gynzy-teacher-application-container .button-label-large.riverbed:visited {
  background-color: #4e5e6f;
}
.gynzy-teacher-application-container .button-label-large.riverbed.no-hover {
  background-color: #3f4c5a;
}
.gynzy-teacher-application-container .button-label-large .checked {
  cursor: pointer;
  display: block;
  position: relative;
  right: 1rem;
  top: -4rem;
  text-align: right;
}
.gynzy-teacher-application-container .button-label-large .checked.parnassys {
  top: -4rem;
  padding-top: 0.7rem;
  right: 0;
  padding-right: 1rem;
  cursor: default;
}
.gynzy-teacher-application-container .button-label-large .fa {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-label-group {
  text-align: center;
  margin: 1.5rem 0;
  width: 100%;
}
.gynzy-teacher-application-container .button-label-group .button-label {
  float: none;
}
.gynzy-teacher-application-container .label-large {
  display: inline-block;
  border-radius: 0.5rem;
  background-clip: padding-box;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.7rem;
  background-color: #454545;
  vertical-align: middle;
  color: white;
  font-weight: bold;
}
.gynzy-teacher-application-container .label-large.indigo {
  background-color: #3452ad;
}
.gynzy-teacher-application-container .label-large.crimson {
  background-color: #dc2828;
}
.gynzy-teacher-application-container .label-large.pumpkin {
  background-color: #d36e09;
}
.gynzy-teacher-application-container .label-large.lemon {
  background-color: #d3b109;
}
.gynzy-teacher-application-container .label-large.pear {
  background-color: #98bb30;
}
.gynzy-teacher-application-container .label-large.mantis {
  background-color: #59d640;
}
.gynzy-teacher-application-container .label-large.emerald {
  background-color: #34ad70;
}
.gynzy-teacher-application-container .label-large.caribbean {
  background-color: #30bbbb;
}
.gynzy-teacher-application-container .label-large.sky {
  background-color: #2690c9;
}
.gynzy-teacher-application-container .label-large.lavender {
  background-color: #772ec2;
}
.gynzy-teacher-application-container .label-large.fuchsia {
  background-color: #c22ec2;
}
.gynzy-teacher-application-container .label-large.cranberry {
  background-color: #c12f77;
}
.gynzy-teacher-application-container .label-large.parnassys {
  background-color: #ed5c82;
}
.gynzy-teacher-application-container .label-large.esis {
  background-color: #2bb60f;
}
.gynzy-teacher-application-container .label-large.blue {
  background-color: #117697;
}
.gynzy-teacher-application-container .label-large.cyan {
  background-color: #10abbd;
}
.gynzy-teacher-application-container .label-large.turquoise {
  background-color: #1ec78d;
}
.gynzy-teacher-application-container .label-large.green {
  background-color: #189839;
}
.gynzy-teacher-application-container .label-large.lime {
  background-color: #8bcb1a;
}
.gynzy-teacher-application-container .label-large.yellow {
  background-color: #dfb00c;
}
.gynzy-teacher-application-container .label-large.orange {
  background-color: #d76918;
}
.gynzy-teacher-application-container .label-large.red {
  background-color: #db0000;
}
.gynzy-teacher-application-container .label-large.pink {
  background-color: #cd198b;
}
.gynzy-teacher-application-container .label-large.purple {
  background-color: #6e35d5;
}
.gynzy-teacher-application-container .label-large.parnassys {
  background-color: #ed5c82;
}
.gynzy-teacher-application-container .label-large .label-name {
  text-align: left;
  padding-left: 1rem;
}
.gynzy-teacher-application-container .label-large .label-count {
  font-weight: normal;
}
.gynzy-teacher-application-container .label-large .label-count i {
  margin-right: 0.5rem;
}
.gynzy-teacher-application-container .button-label-large {
  display: inline-block;
  border-radius: 0.5rem;
  background-clip: padding-box;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.7rem;
  background-color: #454545;
  vertical-align: middle;
  color: white;
  font-weight: bold;
  width: 28rem;
}
.gynzy-teacher-application-container .button-label-large.indigo {
  background-color: #3452ad;
}
.gynzy-teacher-application-container .button-label-large.crimson {
  background-color: #dc2828;
}
.gynzy-teacher-application-container .button-label-large.pumpkin {
  background-color: #d36e09;
}
.gynzy-teacher-application-container .button-label-large.lemon {
  background-color: #d3b109;
}
.gynzy-teacher-application-container .button-label-large.pear {
  background-color: #98bb30;
}
.gynzy-teacher-application-container .button-label-large.mantis {
  background-color: #59d640;
}
.gynzy-teacher-application-container .button-label-large.emerald {
  background-color: #34ad70;
}
.gynzy-teacher-application-container .button-label-large.caribbean {
  background-color: #30bbbb;
}
.gynzy-teacher-application-container .button-label-large.sky {
  background-color: #2690c9;
}
.gynzy-teacher-application-container .button-label-large.lavender {
  background-color: #772ec2;
}
.gynzy-teacher-application-container .button-label-large.fuchsia {
  background-color: #c22ec2;
}
.gynzy-teacher-application-container .button-label-large.cranberry {
  background-color: #c12f77;
}
.gynzy-teacher-application-container .button-label-large.parnassys {
  background-color: #ed5c82;
}
.gynzy-teacher-application-container .button-label-large.esis {
  background-color: #2bb60f;
}
.gynzy-teacher-application-container .button-label-large.blue {
  background-color: #117697;
}
.gynzy-teacher-application-container .button-label-large.cyan {
  background-color: #10abbd;
}
.gynzy-teacher-application-container .button-label-large.turquoise {
  background-color: #1ec78d;
}
.gynzy-teacher-application-container .button-label-large.green {
  background-color: #189839;
}
.gynzy-teacher-application-container .button-label-large.lime {
  background-color: #8bcb1a;
}
.gynzy-teacher-application-container .button-label-large.yellow {
  background-color: #dfb00c;
}
.gynzy-teacher-application-container .button-label-large.orange {
  background-color: #d76918;
}
.gynzy-teacher-application-container .button-label-large.red {
  background-color: #db0000;
}
.gynzy-teacher-application-container .button-label-large.pink {
  background-color: #cd198b;
}
.gynzy-teacher-application-container .button-label-large.purple {
  background-color: #6e35d5;
}
.gynzy-teacher-application-container .button-label-large.parnassys {
  background-color: #ed5c82;
}
.gynzy-teacher-application-container .button-label-large .label-name {
  text-align: left;
  padding-left: 1rem;
}
.gynzy-teacher-application-container .button-label-large .label-count {
  font-weight: normal;
}
.gynzy-teacher-application-container .button-label-large .label-count i {
  margin-right: 0.5rem;
}
.gynzy-teacher-application-container .button-label-large.blue.no-hover {
  background-color: #117697;
}
.gynzy-teacher-application-container .button-label-large.green.no-hover {
  background-color: #189839;
}
.gynzy-teacher-application-container .button-label-large.orange.no-hover {
  background-color: #d76918;
}
.gynzy-teacher-application-container .button-label-large.pink.no-hover {
  background-color: #cd198b;
}
.gynzy-teacher-application-container .button-label-large.purple.no-hover {
  background-color: #6e35d5;
}
.gynzy-teacher-application-container .button-label-large.red.no-hover {
  background-color: #db0000;
}
.gynzy-teacher-application-container .button-label-large .checked {
  display: block;
  position: relative;
  right: 1rem;
  top: -4rem;
  text-align: right;
}
.gynzy-teacher-application-container .button-small {
  font-size: 1.5rem;
  line-height: 2.5rem !important;
}
.gynzy-teacher-application-container .button-small-blue {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 1.5rem;
  line-height: 2.5rem !important;
}
.gynzy-teacher-application-container .button-small-blue * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-small-blue:hover,
.gynzy-teacher-application-container .button-small-blue:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-small-blue:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-small-blue:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-small-blue:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-small-blue:active.disabled:hover,
.gynzy-teacher-application-container .button-small-blue:active.disabled:active,
.gynzy-teacher-application-container .button-small-blue:active.disabled:focus,
.gynzy-teacher-application-container .button-small-blue:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-small-blue:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-small-blue img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-small-blue img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-small-blue .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-small-blue.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-small-link {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
  background-image: linear-gradient(to bottom, #fff, #fff);
  border: 0;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.5rem;
  line-height: 2.5rem !important;
}
.gynzy-teacher-application-container .button-small-link * {
  cursor: pointer;
}
.gynzy-teacher-application-container .button-small-link:hover,
.gynzy-teacher-application-container .button-small-link:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-small-link:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-teacher-application-container .button-small-link:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-teacher-application-container .button-small-link:active.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-small-link:active.disabled:hover,
.gynzy-teacher-application-container .button-small-link:active.disabled:active,
.gynzy-teacher-application-container .button-small-link:active.disabled:focus,
.gynzy-teacher-application-container .button-small-link:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-teacher-application-container .button-small-link:focus {
  outline: 0;
}
.gynzy-teacher-application-container .button-small-link img.incorrect-cross {
  display: none;
}
.gynzy-teacher-application-container .button-small-link img.correct-tick {
  display: none;
}
.gynzy-teacher-application-container .button-small-link .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .button-small-link.disabled * {
  cursor: default;
}
.gynzy-teacher-application-container .button-small-link:hover {
  color: rgba(0, 0, 0, 0.8);
  outline: 0;
  background-image: linear-gradient(to bottom, #fff, #fff);
  background-color: #fff;
}
.gynzy-teacher-application-container .feedback-icon-button .fa {
  font-size: 1.5rem;
}
.gynzy-teacher-application-container .feedback-icon-button.small .fa {
  font-size: 0.9rem;
}
.gynzy-teacher-application-container .feedback-icon {
  width: 2rem;
  height: 1.8rem;
  cursor: pointer;
}
.gynzy-teacher-application-container .feedback-icon.small {
  width: 1.5rem;
  height: 1.3rem;
}
.gynzy-teacher-application-container input[type='radio'],
.gynzy-teacher-application-container input[type='checkbox'] {
  display: none;
}
.gynzy-teacher-application-container label {
  font-size: 1.6rem;
  line-height: 2rem;
  vertical-align: middle;
  position: relative;
}
.gynzy-teacher-application-container label span.button-radio,
.gynzy-teacher-application-container label span.button-checkbox {
  display: inline-block;
  text-align: center;
  position: relative;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2));
  border-radius: 0.3rem;
  background-clip: padding-box;
  box-shadow: 0 0 0.3rem #000;
  border: 0.2rem solid #fff;
  cursor: pointer;
  top: -0.2rem;
  margin-right: 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
}
.gynzy-teacher-application-container label span.button-radio:hover,
.gynzy-teacher-application-container label span.button-checkbox:hover {
  background-image: linear-gradient(to bottom, #c1d6f7, #fff);
  box-shadow: 0 0 0.5rem #21457b;
}
.gynzy-teacher-application-container label input[type='checkbox']:checked + span.button-checkbox {
  background-image: url(img/styleguide/check-1923477605d992b87286dac18f5851b8.png), linear-gradient(to bottom, #c1d6f7, #ffffff);
  background-size: contain;
  box-shadow: 0 0 0.5rem #21457b;
}
.gynzy-teacher-application-container label span.button-radio {
  border-radius: 2rem;
  background-clip: padding-box;
}
.gynzy-teacher-application-container .checkbox-checked,
.gynzy-teacher-application-container label input[type='radio']:checked + span.button-radio {
  background-image: linear-gradient(to bottom, #c1d6f7, #fff);
  box-shadow: 0 0 0.5rem #21457b;
}
.gynzy-teacher-application-container .checkbox-checked:before,
.gynzy-teacher-application-container label input[type='radio']:checked + span.button-radio:before {
  content: '';
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 2rem;
  background-clip: padding-box;
  height: 1.2rem;
  width: 1.2rem;
  display: inline-block;
  margin-bottom: 0.1rem;
}
.gynzy-teacher-application-container ul.pagination {
  margin: 0;
}
.gynzy-teacher-application-container ul.pagination li {
  padding: 0.5rem;
}
.gynzy-teacher-application-container ul.pagination a {
  padding: 0 !important;
  background-color: #c5c5c5;
  border-radius: 4rem;
  border: 1px solid #8a8a8a;
  display: inline-block;
  height: 1.6rem;
  line-height: 1.6rem;
  width: 1.6rem;
}
.gynzy-teacher-application-container ul.pagination li.is-selected a {
  height: 1.6rem;
  line-height: 1.6rem;
  width: 1.6rem;
  position: relative;
  border-radius: 4rem;
  border: 1px solid transparent;
  box-shadow: 0 0 0.5rem #c5c5c5;
  background-color: #3c82f3;
}
.gynzy-teacher-application-container ul.pagination a:active,
.gynzy-teacher-application-container ul.pagination a:focus {
  position: relative;
  border: 1px solid transparent;
  box-shadow: 0 0 0.5rem #c5c5c5;
  background-color: #3c82f3;
}
.gynzy-teacher-application-container .tape {
  transform: rotate(2deg);
  margin-top: -1.8rem;
  height: 4.5rem;
  width: 19.6rem;
}
.gynzy-teacher-application-container .antwoorden {
  position: relative;
  margin-top: 3.1rem;
  padding: 0 11rem;
}
.gynzy-teacher-application-container .antwoorden a {
  height: 6.2rem;
  line-height: 4.5rem !important;
}
.gynzy-teacher-application-container .antwoorden a span {
  letter-spacing: 2.8rem;
}
.gynzy-teacher-application-container .antwoorden a .tick {
  margin: 0.8rem 1.4rem 0.8rem 0;
}
.gynzy-teacher-application-container .antwoorden a .cross {
  margin: 0.8rem 0 0.8rem 1.2rem;
}
.gynzy-teacher-application-container .antwoorden a img {
  vertical-align: middle;
}
.gynzy-teacher-application-container .antwoorden .button-square {
  padding: 0.75rem;
  width: 6.5rem;
}
.gynzy-teacher-application-container .achievement {
  position: relative;
  display: inline-block;
  margin-top: -5rem;
}
.gynzy-teacher-application-container .achievement img {
  filter: drop-shadow(1rem 1rem 2.5rem rgba(0, 0, 0, 0.15));
  position: relative;
  width: 27.8rem;
  height: 27.8rem;
}
.gynzy-teacher-application-container .check-green {
  background: url('img/check-green-01db760ef5355f6367d4e7492f82fad2.png') center no-repeat;
  background-size: contain;
  width: 2.4rem;
  height: 2rem;
  display: block;
}
.gynzy-teacher-application-container .cross-red {
  background: url('img/cross-red-59a362708832812deb9bfe149b45add8.png') center / 2.5rem no-repeat;
  width: 18px;
  height: 18px;
  display: block;
}
.gynzy-teacher-application-container .loading-overlay {
  padding-top: 18rem;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: white;
  opacity: 0.7;
  text-align: center;
}
.gynzy-teacher-application-container .user-portrait {
  position: relative;
  display: inline-block;
  height: 6.8rem;
  width: 6.8rem;
}
.gynzy-teacher-application-container .user-portrait .clipped-portrait {
  border-radius: 10rem;
  width: 6.8rem;
  height: 6.8rem;
  position: absolute;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.gynzy-teacher-application-container .user-portrait .clipped-portrait.black-and-white {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='1.0'/></filter></svg>#grayscale");
  filter: gray alpha(opacity=100);
  filter: grayscale(100%);
}
.gynzy-teacher-application-container .user-portrait .clipped-portrait.border-none {
  border: none;
  box-shadow: none;
}
.gynzy-teacher-application-container .user-portrait .border-white {
  border: 0.4rem solid #fff;
  filter: grayscale(100%) drop-shadow(0.2rem 0.2rem 0.6rem rgba(0, 0, 0, 0.15));
  box-shadow: 0rem 0rem 0.1rem #63819f;
}
.gynzy-teacher-application-container .divider {
  width: 0.6rem;
  height: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  background: -ms-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0) 100%);
}
.gynzy-teacher-application-container .transparent-gradient-border {
  -webkit-border-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0), rgba(85, 85, 85, 0.3), rgba(0, 0, 0, 0)) 1 100%;
}
.gynzy-teacher-application-container .arrow-arc {
  background: transparent url('img/styleguide/arrow-arc-ace4259563c047820510994b4290e0d0.png') no-repeat top left;
  background-size: 100%;
  height: 7.7rem;
}
.gynzy-teacher-application-container .bg-wood {
  background: url('img/styleguide/bg-wood-3d0daae6accf4e369beac3ce3481551d.jpg');
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%), radial-gradient(center, rgba(255, 241, 221, 0.1) 0%, rgba(251, 195, 107, 0.1) 60%, rgba(129, 86, 39, 0.1) 100%), url('img/styleguide/bg-wood-3d0daae6accf4e369beac3ce3481551d.jpg') repeat top left;
}
.gynzy-teacher-application-container .bg-book {
  background: url('img/styleguide/bg-book-455424d7f801b0fa837a95c6c54f6190.jpg');
  background: linear-gradient(center top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%), radial-gradient(rgba(255, 241, 221, 0.1) 0%, rgba(251, 195, 107, 0.1) 60%, rgba(129, 86, 39, 0.1) 100%), url('img/styleguide/bg-book-455424d7f801b0fa837a95c6c54f6190.jpg') repeat top left;
}
.gynzy-teacher-application-container .bg-clock {
  background: url('img/styleguide/bg-clock-bb954f045a424d03906aee76a6ec77a8.jpg');
  background: linear-gradient(center top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%), radial-gradient(rgba(255, 241, 221, 0.1) 0%, rgba(251, 195, 107, 0.1) 60%, rgba(129, 86, 39, 0.1) 100%), url('img/styleguide/bg-clock-bb954f045a424d03906aee76a6ec77a8.jpg') repeat top left;
}
.gynzy-teacher-application-container .bg-blue {
  background: url('img/styleguide/bg-blue-f8bd549ebfd7de66e9252419018ee6d9.jpg');
  background: linear-gradient(center top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%), radial-gradient(rgba(255, 241, 221, 0.1) 0%, rgba(251, 195, 107, 0.1) 60%, rgba(129, 86, 39, 0.1) 100%), url('img/styleguide/bg-blue-f8bd549ebfd7de66e9252419018ee6d9.jpg') repeat top left;
}
.gynzy-teacher-application-container .bg-blueprint {
  background: url('img/styleguide/bg-blueprint-159a27d03f7001103255fc895ef4d35d.jpg');
  background: linear-gradient(center top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%), radial-gradient(rgba(255, 241, 221, 0.1) 0%, rgba(251, 195, 107, 0.1) 60%, rgba(129, 86, 39, 0.1) 100%), url('img/styleguide/bg-blueprint-159a27d03f7001103255fc895ef4d35d.jpg') repeat top left;
}
.gynzy-teacher-application-container .bg-tool {
  background: url('img/tools/tool-bg.jpg');
  background: linear-gradient(center top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%), radial-gradient(rgba(255, 241, 221, 0.1) 0%, rgba(251, 195, 107, 0.1) 60%, rgba(129, 86, 39, 0.1) 100%), url('img/tools/tool-bg.jpg') repeat top left;
  background-size: cover;
}
.gynzy-teacher-application-container .swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.gynzy-teacher-application-container .swipe-wrap {
  overflow: hidden;
  position: relative;
}
.gynzy-teacher-application-container .swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative;
}
.gynzy-teacher-application-container .black {
  color: black !important;
  font-weight: bold;
}
.gynzy-teacher-application-container span.search {
  background: url('img/search_dark-1458e7884b91e1f7a736d4b2dfc7ea21.svg') no-repeat center center;
  background-size: 2.8rem;
  padding: 0.5rem 2rem;
}
.gynzy-teacher-application-container .center-helper {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.gynzy-teacher-application-container .error {
  height: 1.6rem;
  font-size: 1.6rem;
  text-align: center;
  color: #ed1c24;
  padding-bottom: 0.5rem;
}
.gynzy-teacher-application-container .modal {
  height: auto !important;
  max-height: 90%;
  padding: 2rem 0;
}
.gynzy-teacher-application-container .modal:after {
  background: none;
}
.gynzy-teacher-application-container .modal h1,
.gynzy-teacher-application-container .modal h2 {
  margin-top: 3rem;
}
.gynzy-teacher-application-container .modal h1:first-of-type,
.gynzy-teacher-application-container .modal h2:first-of-type {
  margin-top: 0;
}
.gynzy-teacher-application-container .modal .floatButtonBlock {
  overflow: hidden;
  padding: 1.5rem 2rem;
}
.gynzy-teacher-application-container .modal .row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.gynzy-teacher-application-container .modal .dark {
  background: #eee;
}
.gynzy-teacher-application-container .modal .link {
  margin-top: 2rem;
  margin-left: 2rem;
  text-align: left;
}
.gynzy-teacher-application-container .modal .uitleg {
  padding: 1.5rem;
  line-height: 1.3em;
}
.gynzy-teacher-application-container .modal .klasGray {
  background: #888;
}
.gynzy-teacher-application-container .inner-modal {
  padding: 0 4.6rem;
  margin-bottom: 1.6rem;
  height: 27.2rem;
  text-align: center;
}
.gynzy-teacher-application-container .inner-modal .maximaal {
  text-align: right;
  color: #585858;
}
.gynzy-teacher-application-container .inner-modal.bezigMetLaden {
  text-align: center;
  padding-top: 12rem;
}
.gynzy-teacher-application-container .modal-mega-button {
  cursor: pointer;
  float: left;
  width: 100%;
  height: 8rem;
  border-top: 1px solid #06c;
  color: #06c;
  text-align: left;
  line-height: 4.8rem;
  padding: 1.6rem 4.6rem;
  font-size: 1.7rem;
}
.gynzy-teacher-application-container .modal-mega-button.starten {
  width: 70%;
  clear: both;
  font-weight: bold;
}
.gynzy-teacher-application-container .modal-mega-button.ok {
  width: 50%;
  font-weight: bold;
}
.gynzy-teacher-application-container .modal-mega-button.annuleren {
  width: 50%;
  text-align: right;
}
.gynzy-teacher-application-container .modal-mega-button.annuleren-30perc {
  width: 30%;
  text-align: right;
}
.gynzy-teacher-application-container .modal-selectie-item {
  padding-bottom: 2.5rem;
}
.gynzy-teacher-application-container .modal-selectie-item label {
  cursor: pointer;
}
.gynzy-teacher-application-container .modal .oefening-checkbox,
.gynzy-teacher-application-container .modal-flex .oefening-checkbox {
  margin: 2rem 0;
  color: black;
}
.gynzy-teacher-application-container .modal .oefening-checkbox span,
.gynzy-teacher-application-container .modal-flex .oefening-checkbox span {
  cursor: pointer;
  color: #777;
}
.gynzy-teacher-application-container .modal .oefening-checkbox input[type='checkbox'],
.gynzy-teacher-application-container .modal-flex .oefening-checkbox input[type='checkbox'] {
  cursor: pointer;
  margin-right: 1rem;
  width: 1.5rem;
  height: 1.5rem;
}
.gynzy-teacher-application-container .modal .oefening-checkbox label,
.gynzy-teacher-application-container .modal-flex .oefening-checkbox label {
  cursor: pointer;
}
.gynzy-teacher-application-container div.trainer-instellen-wrapper {
  margin: 5.7rem auto 0;
}
.gynzy-teacher-application-container .reset-topscore {
  float: right;
  margin-top: 2rem;
  margin-right: 2rem;
  font-size: 1.8rem;
  width: 100%;
  text-align: right;
}
.gynzy-teacher-application-container .reset-topscore a {
  color: #06c;
  font-weight: bold;
}
.gynzy-teacher-application-container .yellow-header {
  text-align: center;
}
.gynzy-teacher-application-container .pointer {
  cursor: pointer;
}
.gynzy-teacher-application-container .center-header {
  text-align: center;
  margin-top: 0.6rem;
}
.gynzy-teacher-application-container .button-normal-blue > img.icon,
.gynzy-teacher-application-container .button-normal-white > img.icon {
  margin-right: 1rem;
  width: 2rem;
}
.gynzy-teacher-application-container .button-normal-blue > img.icon.options {
  margin-bottom: -0.2rem;
}
.gynzy-teacher-application-container img.icon.options {
  margin-bottom: -0.3rem;
  width: 1.75rem;
}
.gynzy-teacher-application-container .validating-textfield {
  position: relative;
}
.gynzy-teacher-application-container .validating-textfield.valid input {
  border-color: #209914;
  padding-right: 34px;
}
.gynzy-teacher-application-container .validating-textfield.valid i {
  color: #209914;
  display: block;
}
.gynzy-teacher-application-container .validating-textfield.invalid input {
  border-color: #ed1c24;
}
.gynzy-teacher-application-container .validating-textfield i {
  position: absolute;
  right: 0;
  padding: 0.7rem;
  pointer-events: none;
  font-size: 2rem;
  line-height: 3.4rem;
  display: none;
}
.gynzy-teacher-application-container .icon-loading i {
  display: block;
}
.gynzy-teacher-application-container .icon-loading i img {
  width: 2rem;
  height: 2rem;
  margin-top: 1rem;
}
.gynzy-teacher-application-container .center-text {
  text-align: center;
}
.gynzy-teacher-application-container .noFloat {
  float: none;
}
.gynzy-teacher-application-container .info-icon {
  position: relative;
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
  background: #06c;
  border-radius: 1em;
  line-height: 1.5em;
  color: #fff;
  margin: 0 0.5rem;
}
.gynzy-teacher-application-container .block {
  text-align: center;
  margin-top: 2.5rem;
}
.gynzy-teacher-application-container .block:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.gynzy-teacher-application-container .centered {
  display: inline-block;
  vertical-align: middle;
}
.gynzy-teacher-application-container .link {
  color: #0066cc !important;
  font-weight: bold;
}
.gynzy-teacher-application-container p.uitleg-text {
  color: #777;
  font-size: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  padding: 3rem;
}
.gynzy-teacher-application-container .tools-tab {
  width: 4.8rem;
  height: 12.9rem;
}
.gynzy-teacher-application-container .lowercase {
  text-transform: lowercase;
}
.gynzy-teacher-application-container .close-blue {
  height: 6rem;
  width: 6rem;
  text-decoration: none;
  cursor: pointer;
  background: url('img/cross-blue-a43c22d2569a4a7a0c335f9f784564df.png') center / 3rem 3rem no-repeat, radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0) 100%);
}
.gynzy-teacher-application-container .close-blue:hover {
  background: url('img/cross-blue-hover-f0e02a8572fb0587761e8d793dfc0146.png') center / 3rem 3rem no-repeat, radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0) 100%);
}
.gynzy-teacher-application-container .tool-close-blue {
  height: 6rem;
  width: 6rem;
  text-decoration: none;
  cursor: pointer;
  background: url('img/cross-blue-a43c22d2569a4a7a0c335f9f784564df.png') center / 3rem 3rem no-repeat, radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  right: 1.5rem;
  top: 0.5rem;
}
.gynzy-teacher-application-container .tool-close-blue:hover {
  background: url('img/cross-blue-hover-f0e02a8572fb0587761e8d793dfc0146.png') center / 3rem 3rem no-repeat, radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0) 100%);
}
.gynzy-teacher-application-container .small-close {
  color: rgba(0, 0, 0, 0.8);
  font-size: 5rem;
  line-height: 5rem;
  position: absolute;
  overflow: hidden;
  right: 1.5rem;
  top: 0.5rem;
  transform: rotate(45deg);
}
.gynzy-teacher-application-container .small-close:hover {
  color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.gynzy-teacher-application-container .absolute-close-blue {
  height: 6rem;
  width: 6rem;
  text-decoration: none;
  cursor: pointer;
  background: url('img/cross-blue-a43c22d2569a4a7a0c335f9f784564df.png') center / 3rem 3rem no-repeat, radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  right: 1.5rem;
  top: 0.5rem;
  z-index: 100;
}
.gynzy-teacher-application-container .absolute-close-blue:hover {
  background: url('img/cross-blue-hover-f0e02a8572fb0587761e8d793dfc0146.png') center / 3rem 3rem no-repeat, radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0) 100%);
}
.gynzy-teacher-application-container .center-vertical {
  position: absolute;
  top: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 100%;
  z-index: 21000;
}
.gynzy-teacher-application-container .center-vertical .item {
  display: table-cell;
  vertical-align: middle;
}
.gynzy-teacher-application-container .center-vertical .item .center-horizontal {
  position: relative;
  display: inline-table;
  left: auto;
  top: auto;
  margin: 0 auto;
}
.gynzy-teacher-application-container .height-margin {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.gynzy-teacher-application-container .lowercase {
  text-transform: lowercase;
}
.gynzy-teacher-application-container .uitleg-link {
  color: #06c;
  font-size: 1.5rem;
  padding-left: 2rem;
  cursor: pointer;
}
.gynzy-teacher-application-container .uitleg-div {
  height: auto;
  padding-left: 3.5rem;
  font-size: 1.5rem;
  color: #777;
}
.gynzy-teacher-application-container .hide-overflow {
  overflow: hidden;
}
.gynzy-teacher-application-container .auto-height {
  height: auto !important;
}
.gynzy-teacher-application-container .grey-line {
  position: absolute;
  content: ' ';
  border-bottom: 0.2rem #c6c6c6 solid;
  width: 50rem;
  display: inline-block;
}
.gynzy-teacher-application-container .top-border {
  border-top: 1px solid #e5e5e5;
}
.gynzy-teacher-application-container .optie-label {
  margin-bottom: 1rem;
  display: inline-block;
  color: #000;
}
.gynzy-teacher-application-container .modal-row {
  height: 10rem;
  margin: 1rem 0;
}
.gynzy-teacher-application-container .stubsWarning {
  float: left;
  width: 95.83333333%;
  margin-left: 2.08333333%;
  margin-right: 2.08333333%;
  color: #ed1c24;
  text-align: center !important;
  position: absolute;
  top: 0.5rem;
  font-weight: bold;
  z-index: 100;
  font-size: 1.5rem;
}
.gynzy-teacher-application-container .tabs-selectie {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  height: 5rem;
  position: relative;
  z-index: 2;
}
.gynzy-teacher-application-container .tabs-selectie .tab {
  color: #3f4c5a;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 1.7rem;
  text-transform: capitalize;
  width: 15rem;
  height: 100%;
  cursor: pointer;
  transition: color 0.5s, border 0.5s;
}
.gynzy-teacher-application-container .tabs-selectie .tab.selected {
  color: #277cd9;
}
.gynzy-teacher-application-container .tabs-selectie .tab.disabled {
  cursor: default;
}
.gynzy-teacher-application-container .tabs-slider {
  background: #277cd9;
  height: 0.4rem;
  position: absolute;
  bottom: 0;
  transition: width 0.5s, left 0.5s;
}
.gynzy-teacher-application-container #docent-index {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.gynzy-teacher-application-container #docent-index .teacher-name {
  font-size: 1.5rem;
  font-weight: 600;
  color: #556474;
  padding-right: 1rem;
}
.gynzy-teacher-application-container #docent-index .cookies-blocked {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0;
}
.gynzy-teacher-application-container #docent-index .cookies-blocked .contact-link {
  text-decoration: underline;
  font-weight: 600;
}
.gynzy-teacher-application-container #docent-index .cookies-blocked .contact-link:hover {
  color: white;
  cursor: pointer;
}
.gynzy-teacher-application-container #docent-content {
  flex: 1;
  width: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.gynzy-teacher-application-container .wacht-cursor {
  cursor: wait !important;
}
.gynzy-teacher-application-container .loader-gif {
  width: 4rem;
  height: 4rem;
}
.gynzy-teacher-application-container .button-absolute-center {
  height: 52px;
  width: 260px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.gynzy-teacher-application-container .default-liquid-destination {
  z-index: 21010;
}
.gynzy-teacher-application-container .default-liquid-destination:not(.has-wormholes) {
  pointer-events: none;
}
.gynzy-teacher-application-container .content-header {
  height: 3.5rem;
}
.gynzy-teacher-application-container #student-grid-view .leerling {
  width: 16.66%;
  height: 11rem;
  margin-bottom: 2rem;
  font-weight: bold;
  border: 1px solid transparent;
}
.gynzy-teacher-application-container #student-grid-view .leerling .user-portrait {
  height: 6rem;
  width: 6rem;
}
.gynzy-teacher-application-container #student-grid-view .leerling .user-portrait .clipped-portrait {
  height: 6rem;
  width: 6rem;
}
.gynzy-teacher-application-container #student-grid-view .leerling .gebruikersnaam {
  font-size: 1.4rem;
  color: #333;
  width: 100%;
  padding-top: 0;
  margin: 0 auto;
  overflow: hidden;
  line-height: 2.7rem;
  text-overflow: ellipsis;
}
.gynzy-teacher-application-container #student-grid-view .leerling .activity {
  font-weight: normal;
  cursor: inherit;
}
.gynzy-teacher-application-container #student-grid-view.has-pointer * {
  cursor: pointer;
}
.gynzy-teacher-application-container #student-grid-view.has-pointer .leerling:hover {
  background-color: #e1ebfe;
  border: 1px solid #c9d8ea;
}
.gynzy-teacher-application-container .oefening {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
.gynzy-teacher-application-container .oefening .header {
  height: 10rem;
  width: 100%;
  z-index: 2;
}
.gynzy-teacher-application-container .oefening .header > .flex {
  padding: 0 2rem;
}
.gynzy-teacher-application-container .oefening .header #progress-bar {
  top: 0;
}
.gynzy-teacher-application-container .oefening .content {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  position: relative;
  height: calc(100% - 30rem);
}
.gynzy-teacher-application-container .oefening .bottom {
  background: #fff url('img/styleguide/bg-paper-small-0a88b23b6ac15fa3b36a711ab2454822.jpg') repeat top left;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.4);
  height: 20rem;
  width: 100%;
  position: relative;
  padding: 2rem 0;
}
.gynzy-teacher-application-container .oefening .bottom-small {
  background: #fff url('img/styleguide/bg-paper-small-0a88b23b6ac15fa3b36a711ab2454822.jpg') repeat top left;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.4);
  height: 20rem;
  width: 100%;
  position: relative;
  padding: 2rem 0;
  margin-top: 5rem;
  height: 15rem;
}
.gynzy-teacher-application-container .oefening .bottom-small.no-background {
  background: none;
  box-shadow: none;
}
.gynzy-teacher-application-container .oefening .bottom.no-background,
.gynzy-teacher-application-container .oefening .bottom-small.no-background {
  background: none;
  box-shadow: none;
}
.gynzy-teacher-application-container .schooljaarovergang-archiveren a {
  color: #148ddd;
  text-decoration: underline;
}
.gynzy-teacher-application-container .schooljaarovergang-archiveren b {
  font-weight: bold;
}
.gynzy-teacher-application-container #docent-index .schooljaarovergang-archiveren {
  margin-top: 2rem;
  font-weight: normal;
}
.gynzy-teacher-application-container .global-card-content .styleguide.table__regular .table__header__scroll .table__header__scroll__container {
  padding-right: 6.24rem;
}
.gynzy-teacher-application-container .global-card-content .styleguide.table__regular .table__header__scroll .table__header__scroll__container .scroll__right__column {
  width: auto;
  padding-right: 3.12rem;
  padding-left: 0.5rem;
  background: white;
}
.gynzy-teacher-application-container .global-card-content .styleguide.table__regular .table__header__scroll .table__header__scroll__container .scroll__right__column.data-column-disabled {
  opacity: 1;
}
.gynzy-teacher-application-container .global-card-content .styleguide.table__regular .table__header__scroll .table__header__scroll__container .scroll__right__column.data-column-disabled .flat__icon {
  opacity: 0.5;
}
.gynzy-teacher-application-container .global-card-content .styleguide.table__regular .cell__scroll__container::after {
  width: 3.12rem;
  right: -3.12rem;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.gynzy-teacher-application-container .global-card-content .styleguide.table__regular tr:nth-child(odd) .cell__scroll__container::after {
  background: #f5f5f8;
}
.gynzy-teacher-application-container .global-card-content .styleguide.table__regular tr:nth-child(odd) .cell__scroll__yield__container::after {
  background: linear-gradient(to left, #f5f5f8, rgba(245, 245, 248, 0));
}
.gynzy-teacher-application-container .global-card-content .styleguide.table__regular tr:nth-child(even) .cell__scroll__container::after {
  background: #fff;
}
.gynzy-teacher-application-container .global-card-content .styleguide.table__regular tr:nth-child(even) .cell__scroll__yield__container::after {
  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
}
.gynzy-teacher-application-container .global-card-content .styleguide.table__regular .cell__scroll__yield__container::after {
  width: 3.12rem;
  right: 0;
  transition: right 0.5s ease;
}
.gynzy-teacher-application-container .global-card-content .styleguide.table__regular .cell__scroll__yield__container.scrolled-max-right::after {
  right: -3.12rem;
  transition: right 0.2s ease-out 0.3s;
}
.gynzy-teacher-application-container .activity-component {
  height: 29rem;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 3rem;
}
.gynzy-teacher-application-container .activity-component .title {
  background: #fedf4f;
  margin-bottom: 1.6rem;
  max-width: 75%;
}
.gynzy-teacher-application-container .activity-component .title h5 {
  cursor: pointer;
  font-size: 1.8rem;
  font-family: var(--font-family-header);
  font-weight: 500;
}
.gynzy-teacher-application-container .activity-component .image {
  background-size: cover;
  border-radius: 1.6rem;
  border: 1px solid rgba(0, 0, 0, 0.5);
  cursor: pointer;
  min-height: 20rem;
  min-width: 20rem;
  margin-bottom: 1rem;
  box-shadow: 0.4rem 0.4rem 0.8rem rgba(0, 0, 0, 0.15);
}
.gynzy-teacher-application-container .dropdown-container {
  position: relative;
  height: 4.3rem !important;
  top: 0;
}
.gynzy-teacher-application-container .dropdown-container .icon__point-down {
  margin-top: 0.15rem;
  /* Specif styling for the dropdown icon so it will look visually good. */
}
.gynzy-teacher-application-container .dropdown-container.left-side .dropdown-menu {
  left: -13.5rem;
}
.gynzy-teacher-application-container .dropdown-menu-hidden {
  padding: 0 1.5rem;
  position: absolute;
  top: 0;
  border: 1px solid transparent;
}
.gynzy-teacher-application-container .dropdown-menu-hidden .menu-content {
  display: none;
}
.gynzy-teacher-application-container .dropdown-menu-hidden .menu-content .button__regular {
  justify-content: flex-start;
}
.gynzy-teacher-application-container .dropdown-menu {
  padding: 0 1.5rem;
  top: 0;
  border: 1px solid transparent;
  width: 27rem;
  padding: 1rem 0 0;
  background: none;
  margin-right: 1.5rem;
  background-color: #fff;
  position: absolute;
  top: -1rem;
  z-index: 11;
  border-radius: 0.6rem;
  background-clip: padding-box;
  border: solid 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0.4rem 0.4rem 0.8rem rgba(0, 0, 0, 0.15);
}
.gynzy-teacher-application-container .dropdown-menu .button__invisible {
  padding: 0 1.5rem;
}
.gynzy-teacher-application-container .dropdown-menu .button__invisible button {
  border: 0 !important;
  color: #556474 !important;
  background: none;
}
.gynzy-teacher-application-container .dropdown-menu .menu-content {
  display: none;
}
.gynzy-teacher-application-container .dropdown-menu .menu-content .button__regular {
  justify-content: flex-start;
}
.gynzy-teacher-application-container .dropdown-menu .menu-content {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin: 1rem 0;
  padding: 1rem 0;
  line-height: 2rem;
}
.gynzy-teacher-application-container .dropdown-menu .menu-content .button__regular {
  width: 85%;
  margin: 0.8rem auto;
  vertical-align: text-top;
}
.gynzy-teacher-application-container .dropdown-menu .button-small-link {
  margin-left: 1.6rem;
}
.gynzy-teacher-application-container .legend-component {
  position: relative;
  display: inline-block;
  height: auto !important;
  /*
		Custom styling for the different elements within this
		component. Yes this shouldn't be here but refactoring
		everything isn't part of the story.
	*/
}
.gynzy-teacher-application-container .legend-component .legend-button-text {
  cursor: pointer;
}
.gynzy-teacher-application-container .legend-component .button-info,
.gynzy-teacher-application-container .legend-component .button-info-small {
  cursor: pointer;
}
.gynzy-teacher-application-container .legend-component .button-info.legend-open-button,
.gynzy-teacher-application-container .legend-component .button-info-small.legend-open-button {
  background: #2465ab;
  background-image: none;
}
.gynzy-teacher-application-container .legend-component .button-info.legend-open-button::after,
.gynzy-teacher-application-container .legend-component .button-info-small.legend-open-button::after {
  color: rgba(255, 255, 255, 0.7);
}
.gynzy-teacher-application-container .legend-component .legend-component-above-menu {
  z-index: 15;
  position: relative;
  font-weight: 600;
}
.gynzy-teacher-application-container .legend-component .legend-component-menu-dont-override,
.gynzy-teacher-application-container .legend-component .legend-component-menu-hidden-dont-override {
  position: absolute;
  top: -2rem;
  z-index: 10;
  display: none;
}
.gynzy-teacher-application-container .legend-component .legend-component-menu-dont-override.menu-expand-right,
.gynzy-teacher-application-container .legend-component .legend-component-menu-hidden-dont-override.menu-expand-right {
  left: -2rem;
}
.gynzy-teacher-application-container .legend-component .legend-component-menu-dont-override.menu-expand-left,
.gynzy-teacher-application-container .legend-component .legend-component-menu-hidden-dont-override.menu-expand-left {
  right: -2rem;
}
.gynzy-teacher-application-container .legend-component .legend-component-menu-dont-override.menu-expand-right .legend-component-content,
.gynzy-teacher-application-container .legend-component .legend-component-menu-dont-override.menu-expand-left .legend-component-content {
  padding: 5rem 1.5rem 1.5rem;
}
.gynzy-teacher-application-container .legend-component .legend-component-menu-dont-override {
  display: block;
}
.gynzy-teacher-application-container .legend-component .legend-component-content {
  border-radius: 0.6rem;
  background-clip: padding-box;
  background: white;
  border: 1px solid #aeb7c2;
  width: 50rem;
  position: relative;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-section {
  padding-left: 2rem;
  padding-bottom: 1rem;
  padding-right: 2rem;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-section .legend-text {
  color: #555;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: left;
  line-height: 2rem;
  padding-top: 0;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-section h1 {
  font-size: 1.5rem;
  text-align: left;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-subtitle {
  font-weight: bold;
  font-size: 1.5rem;
  text-align: left;
  margin-bottom: 1rem;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-subtitle-description {
  text-align: left;
  font-size: 1.4rem;
  font-style: italic;
  color: #999999;
  margin-bottom: 1rem;
  margin-top: -0.5rem;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-square-item {
  margin-bottom: 1rem;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-square-item .color {
  width: 3rem;
  height: 3rem;
  border: 1px solid black;
  border-radius: 0.7rem;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-square-item .description {
  margin-left: 1rem;
  font-size: 1.5rem;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-square-item .description .subtext {
  color: #999;
  font-style: italic;
  margin-top: 0.5rem;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-dot-item {
  margin-bottom: 1rem;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-dot-item > * {
  display: inline-block;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-dot-item .color {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-dot-item .description {
  margin-left: 1rem;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-link {
  cursor: pointer;
  color: #06c;
  font-weight: bold;
  font-size: 1.5rem;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0.5rem 0;
  font-size: 1.5rem;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item.row-reverse {
  flex-direction: row-reverse;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item.column {
  flex-direction: column;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item.end {
  justify-content: flex-end;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item.start {
  justify-content: flex-start;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item.flex-center {
  justify-content: center;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item.between {
  justify-content: space-between;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item.around {
  justify-content: space-around;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item.cross-start {
  align-items: flex-start;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item.cross-end {
  align-items: flex-end;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item.stretch {
  align-items: stretch;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item.wrap {
  flex-wrap: wrap;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item.grow {
  flex: 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-half,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-third,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-two-third,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-quarter,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-sixth {
  box-sizing: border-box;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-half {
  width: 50%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-third {
  width: 33.33%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-two-third {
  width: 66.66%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-quarter {
  width: 25%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-three-quarter {
  width: 75%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-five-sixth {
  width: 83.33%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-fifth {
  width: 20%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-sixth {
  width: 16.66%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-90 {
  width: 90%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-80 {
  width: 80%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-75 {
  width: 75%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-70 {
  width: 70%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-60 {
  width: 60%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-50 {
  width: 50%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-40 {
  width: 40%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-30 {
  width: 30%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-20 {
  width: 20%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-15 {
  width: 15%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-10 {
  width: 10%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-5 {
  width: 5%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-remaining-space {
  flex-grow: 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-grow-1 {
  flex: 1 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-grow-2 {
  flex: 2 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-grow-3 {
  flex: 3 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-grow-4 {
  flex: 4 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-grow-5 {
  flex: 5 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-grow-6 {
  flex: 6 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-grow-7 {
  flex: 7 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .flex-grow-8 {
  flex: 8 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  width: 4rem;
  height: 3rem;
  margin-right: 1rem;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot.row-reverse,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait.row-reverse {
  flex-direction: row-reverse;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot.column,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait.column {
  flex-direction: column;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot.end,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait.end {
  justify-content: flex-end;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot.start,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait.start {
  justify-content: flex-start;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot.flex-center,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait.flex-center {
  justify-content: center;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot.between,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait.between {
  justify-content: space-between;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot.around,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait.around {
  justify-content: space-around;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot.cross-start,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait.cross-start {
  align-items: flex-start;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot.cross-end,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait.cross-end {
  align-items: flex-end;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot.stretch,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait.stretch {
  align-items: stretch;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot.overlay-dark,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot.wrap,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait.wrap {
  flex-wrap: wrap;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot.grow,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait.grow {
  flex: 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-half,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-half,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-third,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-third,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-two-third,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-two-third,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-quarter,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-quarter,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-sixth,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-sixth {
  box-sizing: border-box;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-half,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-half {
  width: 50%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-third,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-third {
  width: 33.33%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-two-third,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-two-third {
  width: 66.66%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-quarter,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-quarter {
  width: 25%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-three-quarter,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-three-quarter {
  width: 75%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-five-sixth,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-five-sixth {
  width: 83.33%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-fifth,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-fifth {
  width: 20%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-sixth,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-sixth {
  width: 16.66%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-90,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-90 {
  width: 90%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-80,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-80 {
  width: 80%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-75,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-75 {
  width: 75%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-70,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-70 {
  width: 70%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-60,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-60 {
  width: 60%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-50,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-50 {
  width: 50%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-40,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-40 {
  width: 40%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-30,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-30 {
  width: 30%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-20,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-20 {
  width: 20%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-15,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-15 {
  width: 15%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-10,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-10 {
  width: 10%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-5,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-5 {
  width: 5%;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-remaining-space,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-remaining-space {
  flex-grow: 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-grow-1,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-grow-1 {
  flex: 1 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-grow-2,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-grow-2 {
  flex: 2 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-grow-3,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-grow-3 {
  flex: 3 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-grow-4,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-grow-4 {
  flex: 4 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-grow-5,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-grow-5 {
  flex: 5 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-grow-6,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-grow-6 {
  flex: 6 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-grow-7,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-grow-7 {
  flex: 7 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .flex-grow-8,
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .flex-grow-8 {
  flex: 8 1;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .user-portrait {
  width: 3rem !important;
  height: 3rem !important;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .user-portrait .clipped-portrait {
  width: 3rem;
  height: 3rem;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-portrait .user-portrait.legend-portrait-background .clipped-portrait {
  background-color: #ceecec;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .result {
  cursor: default;
  background-size: 1.6rem;
  margin: 0 !important;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .result-icon {
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .result-icon #gradient-horizontal {
  --color-star: #ffc845;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .result-icon .flat__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .result-icon .icon--graphics {
  fill: #d1d3de;
}
.gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .result-icon.finished .icon--graphics {
  fill: url(#gradient-horizontal);
}
@media all and (-ms-high-contrast: none) {
  .gynzy-teacher-application-container .legend-component .legend-component-content .legend-item .legend-item-dot .result-icon.finished .icon--graphics {
    fill: #ffaa00;
  }
}
.gynzy-teacher-application-container .microgoal-icon {
  position: relative;
  padding: 0.625rem;
}
.gynzy-teacher-application-container .microgoal-icon[data-ember-action] {
  cursor: default;
}
.gynzy-teacher-application-container .microgoal-icon[data-ember-action] * {
  cursor: default;
}
.gynzy-teacher-application-container .microgoal-icon.microgoal-icon-large {
  width: 12rem;
  height: 12rem;
}
.gynzy-teacher-application-container .microgoal-icon.has-action {
  border: 1px solid #d1d3de;
  border-radius: 0.8rem;
  cursor: pointer;
}
.gynzy-teacher-application-container .microgoal-icon.has-action * {
  cursor: pointer;
}
.gynzy-teacher-application-container .microgoal-icon .alphabet {
  height: 1.9rem;
  width: 1.9rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  border-radius: 1.9rem;
  position: absolute;
  right: 0.625rem;
  bottom: 0.625rem;
}
.gynzy-teacher-application-container .microgoal-icon .alphabet span {
  font: 1.5rem/1.9rem 'Open Sans';
  vertical-align: center;
  color: #0e3c58;
  font-weight: 600;
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.zill_math,
.gynzy-teacher-application-container .microgoal-icon .alphabet.ovsg_math,
.gynzy-teacher-application-container .microgoal-icon .alphabet.go_math,
.gynzy-teacher-application-container .microgoal-icon .alphabet.go-ijsberg_math,
.gynzy-teacher-application-container .microgoal-icon .alphabet.rekenen {
  background: linear-gradient(45deg, #38a4de 0%, #38a4de 50%, rgba(56, 164, 222, 0.85) 50%, rgba(56, 164, 222, 0.85) 100%);
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.zill_math span,
.gynzy-teacher-application-container .microgoal-icon .alphabet.ovsg_math span,
.gynzy-teacher-application-container .microgoal-icon .alphabet.go_math span,
.gynzy-teacher-application-container .microgoal-icon .alphabet.go-ijsberg_math span,
.gynzy-teacher-application-container .microgoal-icon .alphabet.rekenen span {
  color: #061928;
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.spelling,
.gynzy-teacher-application-container .microgoal-icon .alphabet.nederlands {
  background: linear-gradient(45deg, #59d640 0%, #59d640 50%, rgba(89, 214, 64, 0.85) 50%, rgba(89, 214, 64, 0.85) 100%);
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.spelling span,
.gynzy-teacher-application-container .microgoal-icon .alphabet.nederlands span {
  color: #301f0e;
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.mammoth {
  background: linear-gradient(45deg, #d742ca 0%, #d742ca 50%, rgba(215, 66, 202, 0.85) 50%, rgba(215, 66, 202, 0.85) 100%);
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.mammoth span {
  color: #461a21;
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.woordenschat {
  background: linear-gradient(45deg, #fa830c 0%, #fa830c 50%, rgba(250, 131, 12, 0.85) 50%, rgba(250, 131, 12, 0.85) 100%);
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.woordenschat span {
  color: #461a21;
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.grammatica {
  background: linear-gradient(45deg, #d7428c 0%, #d7428c 50%, rgba(215, 66, 140, 0.85) 50%, rgba(215, 66, 140, 0.85) 100%);
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.grammatica span {
  color: #461a21;
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.wereldorientatie {
  background: linear-gradient(45deg, #3fd4d4 0%, #3fd4d4 50%, rgba(63, 212, 212, 0.85) 50%, rgba(63, 212, 212, 0.85) 100%);
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.wereldorientatie span {
  color: #461a21;
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.digitale_geletterdheid {
  background: linear-gradient(45deg, #d941d9 0%, #d941d9 50%, rgba(217, 65, 217, 0.85) 50%, rgba(217, 65, 217, 0.85) 100%);
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.digitale_geletterdheid span {
  color: #461a21;
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.cijfers_en_letters {
  background: linear-gradient(45deg, #3dcc84 0%, #3dcc84 50%, rgba(61, 204, 132, 0.85) 50%, rgba(61, 204, 132, 0.85) 100%);
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.cijfers_en_letters span {
  color: #461a21;
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.zill_numbers,
.gynzy-teacher-application-container .microgoal-icon .alphabet.ovsg_numbers,
.gynzy-teacher-application-container .microgoal-icon .alphabet.go_numbers,
.gynzy-teacher-application-container .microgoal-icon .alphabet.go-ijsberg_numbers,
.gynzy-teacher-application-container .microgoal-icon .alphabet.cijfers {
  background: linear-gradient(45deg, #3fd4d4 0%, #3fd4d4 50%, rgba(63, 212, 212, 0.85) 50%, rgba(63, 212, 212, 0.85) 100%);
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.zill_numbers span,
.gynzy-teacher-application-container .microgoal-icon .alphabet.ovsg_numbers span,
.gynzy-teacher-application-container .microgoal-icon .alphabet.go_numbers span,
.gynzy-teacher-application-container .microgoal-icon .alphabet.go-ijsberg_numbers span,
.gynzy-teacher-application-container .microgoal-icon .alphabet.cijfers span {
  color: #461a21;
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.zill_letters,
.gynzy-teacher-application-container .microgoal-icon .alphabet.ovsg_letters,
.gynzy-teacher-application-container .microgoal-icon .alphabet.go_letters,
.gynzy-teacher-application-container .microgoal-icon .alphabet.letters {
  background: linear-gradient(45deg, #3dcc84 0%, #3dcc84 50%, rgba(61, 204, 132, 0.85) 50%, rgba(61, 204, 132, 0.85) 100%);
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.zill_letters span,
.gynzy-teacher-application-container .microgoal-icon .alphabet.ovsg_letters span,
.gynzy-teacher-application-container .microgoal-icon .alphabet.go_letters span,
.gynzy-teacher-application-container .microgoal-icon .alphabet.letters span {
  color: #461a21;
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.engels {
  background: linear-gradient(45deg, #a05fe3 0%, #a05fe3 50%, rgba(160, 95, 227, 0.85) 50%, rgba(160, 95, 227, 0.85) 100%);
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.engels span {
  color: #461a21;
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.topografie {
  background: linear-gradient(45deg, #bfdf5d 0%, #bfdf5d 50%, rgba(191, 223, 93, 0.85) 50%, rgba(191, 223, 93, 0.85) 100%);
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.topografie span {
  color: #461a21;
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.taalontdekkers {
  background: linear-gradient(45deg, #ffdc2e 0%, #ffdc2e 50%, rgba(255, 220, 46, 0.85) 50%, rgba(255, 220, 46, 0.85) 100%);
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.taalontdekkers span {
  color: #461a21;
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.frans {
  background: linear-gradient(45deg, #5a79d8 0%, #5a79d8 50%, rgba(90, 121, 216, 0.85) 50%, rgba(90, 121, 216, 0.85) 100%);
}
.gynzy-teacher-application-container .microgoal-icon .alphabet.frans span {
  color: #461a21;
}
.gynzy-teacher-application-container .microgoal-icon .microgoal-icon__instruction {
  background-color: #fd8b1d;
  border-top-left-radius: 0.7rem;
  border-top-right-radius: 0.7rem;
  height: 1.7rem;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9rem;
  line-height: 1.7rem;
  text-align: center;
  color: white;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.gynzy-teacher-application-container .component-wacht-indicator .overlay {
  position: fixed;
  opacity: 0.2;
}
.gynzy-teacher-application-container .component-wacht-indicator .modal {
  z-index: 20001;
  width: 35rem;
  height: 15rem;
  margin-top: -7.5rem;
  margin-left: -17.2rem;
  text-align: center;
}
.gynzy-teacher-application-container .component-wacht-indicator .modal h4 {
  color: #000;
}
.gynzy-teacher-application-container .component-wacht-indicator .modal .loading-button-wrapper {
  margin-top: 1rem;
}
.gynzy-teacher-application-container .component-wacht-indicator .modal .modal-header {
  font-family: var(--font-family-header);
}
.gynzy-teacher-application-container .teacher-info-docs-wrapper .modal__dialog-content .modal__dialog-yield {
  width: 90rem;
}
.gynzy-teacher-application-container .teacher-info-docs-wrapper .modal__dialog-content .modal__dialog-yield a {
  color: unset;
}
.gynzy-teacher-application-container .teacher-info-docs-wrapper #teacher-info-docs {
  margin-bottom: -3rem;
  margin-right: -3rem;
}
.gynzy-teacher-application-container .teacher-info-docs-wrapper #teacher-info-docs .docs-info-text p {
  font-size: 1.66666667rem;
  margin-bottom: 3rem;
  line-height: 1.5;
  width: 95%;
}
.gynzy-teacher-application-container .teacher-info-docs-wrapper #teacher-info-docs .divider {
  width: calc(100% + 3rem);
  margin: 0 -3rem;
  height: 1px;
  background-color: #d1d3de;
}
.gynzy-teacher-application-container .teacher-info-docs-wrapper #teacher-info-docs .docs-content {
  padding: 3rem 0 0;
  max-height: 39rem;
  overflow: auto;
}
.gynzy-teacher-application-container .teacher-info-docs-wrapper #teacher-info-docs .docs-content .no-docs-message {
  padding-bottom: 3rem;
}
.gynzy-teacher-application-container .teacher-info-docs-wrapper #teacher-info-docs .docs-content .docs-category-container {
  width: 100%;
  margin-bottom: 2.5rem;
  display: flex;
  flex-wrap: wrap;
}
.gynzy-teacher-application-container .teacher-info-docs-wrapper #teacher-info-docs .docs-content .docs-category-container .docs-category {
  color: #2a3541;
  font-size: 1.66666667rem;
  text-align: left;
  width: 100%;
  margin-left: 0.83333333rem;
  margin-bottom: 1.66666667rem;
}
.gynzy-teacher-application-container .teacher-info-docs-wrapper #teacher-info-docs .docs-content .docs-category-container .docs-list {
  width: 100%;
  column-count: 2;
}
.gynzy-teacher-application-container .method-documents-modal .modal__dialog-content .modal__dialog-yield {
  width: 83.33333333rem;
  max-height: 49.58333333rem;
  overflow: auto;
}
.gynzy-teacher-application-container .method-documents-modal .modal__dialog-content .modal__dialog-yield a {
  color: unset;
}
.gynzy-teacher-application-container .method-documents-modal .dropdown-wrapper {
  width: 20.83333333rem;
}
.gynzy-teacher-application-container .method-documents-modal h4 {
  margin-top: 3.33333333rem;
  font-weight: 600;
}
.gynzy-teacher-application-container .method-documents-modal .document-block {
  margin: 2.5rem 0;
}
.gynzy-teacher-application-container .method-documents-modal .document-block h2 {
  font-size: 1.66666667rem;
  color: #2a3541;
  margin-bottom: 1.66666667rem;
}
.gynzy-teacher-application-container .method-documents-modal .document-block .document-grid {
  width: 100%;
  column-count: 2;
  margin-left: -0.83333333rem;
}
.gynzy-teacher-application-container .legend-component .button-info {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gynzy-teacher-application-container .legend-component .button-info .flat__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.gynzy-teacher-application-container .legend-component .button-info .flat__icon .icon--graphics {
  fill: #fff;
}
.gynzy-teacher-application-container .legend-component .legend-button-text {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  color: #556474;
}
.gynzy-teacher-application-container .legend-component .legend-button-text.legend-component-above-menu {
  text-decoration: none;
}
.gynzy-teacher-application-container .legend-component .legend-container {
  position: relative;
  top: 0;
  margin-bottom: 1rem;
}
.gynzy-teacher-application-container .legend-component .legend-menu-hidden {
  position: absolute;
  top: 0;
  border: 1px solid transparent;
}
.gynzy-teacher-application-container .legend-component .legend-menu-hidden .button-wrap {
  padding: 0 3rem;
}
.gynzy-teacher-application-container .legend-component .legend-menu-hidden .button-wrap .title {
  line-height: 4rem;
  margin-left: 1rem;
  font-size: 2rem;
  font-weight: bold;
}
.gynzy-teacher-application-container .legend-component .legend-menu-hidden .menu-content {
  display: none;
}
.gynzy-teacher-application-container .legend-component .legend-menu {
  top: 0;
  border: 1px solid transparent;
  width: 37rem;
  padding: 1rem 0 0;
  background: none;
  margin-right: 1.5rem;
  background-color: #fff;
  position: absolute;
  top: -1rem;
  z-index: 10;
  border-radius: 0.6rem;
  background-clip: padding-box;
  border: solid 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0.4rem 0.4rem 0.8rem rgba(0, 0, 0, 0.15);
}
.gynzy-teacher-application-container .legend-component .legend-menu .button-wrap {
  padding: 0 3rem;
}
.gynzy-teacher-application-container .legend-component .legend-menu .button-wrap .title {
  line-height: 4rem;
  margin-left: 1rem;
  font-size: 2rem;
  font-weight: bold;
}
.gynzy-teacher-application-container .legend-component .legend-menu .menu-content {
  display: none;
}
.gynzy-teacher-application-container .legend-component .legend-menu .menu-content {
  display: inline-block;
  text-align: center;
  width: 35rem;
  margin: 1rem 3rem;
  padding: 1rem 0;
  line-height: 2rem;
}
.gynzy-teacher-application-container .legend-component .legend-menu .menu-content .legend-item {
  margin-bottom: 1rem;
}
.gynzy-teacher-application-container .legend-component .legend-menu .menu-content .legend-item .color {
  width: 3rem;
  height: 3rem;
  border: 1px solid black;
  border-radius: 0.7rem;
}
.gynzy-teacher-application-container .legend-component .legend-menu .menu-content .legend-item .description {
  margin-left: 1rem;
  font-size: 1.8rem;
  text-align: left;
}
.gynzy-teacher-application-container .legend-component .result {
  width: 2.1rem;
  height: 2.1rem;
  background-size: 1.4rem;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.gynzy-teacher-application-container .legend-component .result.correct {
  background-image: url('../gynzy-styleguide/assets/svg/checkmark-be3e838d1b679a63e7c9ca8d4b4fd794.svg');
}
.gynzy-teacher-application-container .legend-component .result.skipped {
  background-image: url('../gynzy-styleguide/assets/svg/skipped-672be9ceb71f512a3237cf581da03ca6.svg');
}
.gynzy-teacher-application-container .legend-component .result.incorrect {
  background-image: url('../gynzy-styleguide/assets/svg/incorrect-cbc6ef8230aff6fc0cc8809441ef9498.svg');
}
.gynzy-teacher-application-container .legend-component .result.corrected {
  background-image: url('../gynzy-styleguide/assets/svg/wave-6a72b65d194d43d7258dd687b1094188.svg');
}
.gynzy-teacher-application-container .legend-component .result.undone {
  cursor: default;
  background-image: url('../gynzy-styleguide/assets/svg/oval-1e12e1f0ba00d82d976d3e405000e2a5.svg');
}
.gynzy-teacher-application-container .error-balk {
  overflow: hidden;
  background: #fef1f1;
  padding: 1.5rem;
  border-top: 1px solid #ed1c24;
  border-bottom: 1px solid #ed1c24;
  text-align: left;
}
.gynzy-teacher-application-container .error-balk .error-button {
  float: right;
}
.gynzy-teacher-application-container .leerling-meta .leerling-meta-portrait {
  min-width: 3.8rem;
  margin: 0 1rem;
}
.gynzy-teacher-application-container .leerling-meta .leerling-meta-portrait .user-portrait {
  width: 3.8rem;
  height: 3.8rem;
}
.gynzy-teacher-application-container .leerling-meta .leerling-meta-portrait .user-portrait.cursor-default {
  cursor: default;
}
.gynzy-teacher-application-container .leerling-meta .leerling-meta-portrait .user-portrait .clipped-portrait {
  width: 100%;
  height: 100%;
}
.gynzy-teacher-application-container .leerling-meta .leerling-meta-name {
  margin-right: 2rem;
}
.gynzy-teacher-application-container .leerling-meta .leerling-meta-name .typo-text {
  font-size: 1.45rem;
}
.gynzy-teacher-application-container .leerling-meta .leerling-meta-name .typo-text.route {
  font-size: 1.2rem;
  color: #8c99a8;
  padding-top: 0.5rem;
}
.gynzy-teacher-application-container .leerling-meta .leerling-meta-name .name {
  color: #277cd9;
  -webkit-user-select: none;
          user-select: none;
  transition: 0.15s;
  cursor: default;
}
.gynzy-teacher-application-container .leerling-meta .leerling-meta-name .name.is-linked {
  cursor: pointer;
  text-decoration: underline;
}
.gynzy-teacher-application-container .leerling-meta .leerling-meta-name .name.is-linked:hover {
  color: #4e92ff;
}
.gynzy-teacher-application-container .leerling-meta .leerling-meta-name .name.is-linked:active {
  color: #2465ab;
}
.gynzy-teacher-application-container .leerling-meta .leerling-meta-name .name.is-linked.offline:hover {
  color: #8c99a8;
}
.gynzy-teacher-application-container .leerling-meta .leerling-meta-name .name.is-linked.offline:active {
  color: #556474;
}
.gynzy-teacher-application-container .leerling-meta .leerling-meta-name .name.not-linked {
  text-decoration: none;
}
.gynzy-teacher-application-container .leerling-meta .leerling-meta-name .name.offline {
  color: #6b7c8e;
}
.gynzy-teacher-application-container .leerling-meta .leerling-meta-name .username {
  color: #8c99a8;
  padding-top: 0.5rem;
}
.gynzy-teacher-application-container .leerling-meta .groups {
  margin-top: 0.5rem;
}
.gynzy-teacher-application-container .reference-slider {
  position: relative;
  width: 100%;
  /* All the same stuff for IE */
}
.gynzy-teacher-application-container .reference-slider .input-slider {
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  width: 100%;
  /* Specific width is required for Firefox. */
  background: transparent;
  /* Otherwise white in Chrome */
  height: 3rem;
}
.gynzy-teacher-application-container .reference-slider .input-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #277cd9;
  border: 1px solid #fff;
  cursor: pointer;
}
.gynzy-teacher-application-container .reference-slider .input-slider:focus {
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
  outline: none;
}
.gynzy-teacher-application-container .reference-slider .input-slider::-ms-track {
  width: 100%;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
}
.gynzy-teacher-application-container .reference-slider .input-slider::-moz-range-thumb {
  -webkit-appearance: none;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #277cd9;
  border: 1px solid #fff;
  cursor: pointer;
}
.gynzy-teacher-application-container .reference-slider .input-slider::-ms-thumb {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #277cd9;
  border: 1px solid #fff;
  cursor: pointer;
}
.gynzy-teacher-application-container .reference-slider .input-slider::-moz-range-progress {
  background: #277cd9;
}
.gynzy-teacher-application-container .reference-slider .labels {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: absolute;
  pointer-events: none;
}
.gynzy-teacher-application-container .reference-slider__label {
  flex: 0 0 3rem;
  color: #fff;
  width: 3rem;
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: 800;
}
.gynzy-teacher-application-container .reference-slider__label.hidden {
  visibility: hidden;
}
.gynzy-teacher-application-container .reference-slider .track {
  position: absolute;
  width: 100%;
  height: 3rem;
  padding: 0 0.75rem;
  top: 0;
  z-index: -1;
}
.gynzy-teacher-application-container .reference-slider .line {
  position: absolute;
  z-index: -2;
  margin-top: 1.3rem;
  inset: 0 0.75rem;
  height: 0.1rem;
  border: 0;
  border-top: 2px solid #d1d3de;
}
.gynzy-teacher-application-container .reference-slider .progress {
  position: absolute;
  z-index: -2;
  margin-top: 1.3rem;
  inset: 0 0.75rem;
  height: 0.1rem;
  border: 0;
  border-top: 2px solid #d1d3de;
  z-index: -1;
  border-color: #277cd9;
}
.gynzy-teacher-application-container .reference-slider .ticks {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}
.gynzy-teacher-application-container .reference-slider__tick {
  flex: 0 0 2rem;
  background-color: #fff;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  box-sizing: border-box;
  border: 2px solid #d1d3de;
}
.gynzy-teacher-application-container .reference-slider__tick--full {
  margin-top: 0.25rem;
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #277cd9;
  border: none;
}
.gynzy-teacher-application-container .sidebar-menu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 6.25rem;
  width: 6.25rem;
  height: 100%;
  background-color: #f5f5f8;
  border-right: 1px solid #d1d3de;
  z-index: 7;
}
.gynzy-teacher-application-container .sidebar-menu .ember-popover {
  border: 0;
}
.gynzy-teacher-application-container .sidebar-menu .sidebar-menu__top-items {
  align-self: flex-start;
  width: 100%;
}
.gynzy-teacher-application-container .sidebar-menu .sidebar-menu__bottom-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: flex-end;
  width: 100%;
}
.gynzy-teacher-application-container .sidebar-menu .sidebar-menu__user-portrait {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.9375rem 1.51041667rem 1.51041667rem 0.9375rem;
  padding: 0.57291667rem 0 0 0.57291667rem;
  position: relative;
  z-index: 111;
}
.gynzy-teacher-application-container .sidebar-menu .sidebar-menu__user-portrait .user-portrait__container {
  width: 3.125rem;
  height: 3.125rem;
  cursor: pointer;
  z-index: 4;
}
.gynzy-teacher-application-container .sidebar-menu .sidebar-menu__user-portrait .user-portrait__container .user-portrait__initials {
  font-size: 1.66666667rem;
}
.gynzy-teacher-application-container .sidebar-menu .sidebar-menu__user-portrait .menu-header {
  padding-top: 0.41666667rem;
  padding-left: 0.41666667rem;
}
.gynzy-teacher-application-container .sidebar-menu .sidebar-menu__user-portrait .menu-header .menu-title {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.gynzy-teacher-application-container .sidebar-menu .sidebar-menu__user-portrait .menu-header .menu-title .user-portrait-spacing {
  width: 3.125rem;
  height: 3.125rem;
  margin-right: 1.04166667rem;
}
.gynzy-teacher-application-container .sidebar-menu .sidebar-menu__user-portrait.active::before {
  content: ' ';
  background-color: #dde7f2;
  border-left: 0.52083333rem solid #38a4de;
  position: absolute;
  height: 4.6875rem;
  right: -1.51041667rem;
  left: -0.9375rem;
}
.gynzy-teacher-application-container .sidebar-menu .sidebar-menu__divider {
  border-width: 1px 0 0;
  margin: 1.30208333rem 0.83333333rem;
  width: 4.79166667rem;
}
.gynzy-teacher-application-container .sidebar-menu .sidebar-menu__scribble {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  height: 7.29166667rem;
  padding-bottom: 1.04166667rem;
  cursor: pointer;
}
.gynzy-teacher-application-container .sidebar-menu .sidebar-menu__scribble img {
  width: 5.72916667rem;
}
.gynzy-teacher-application-container .sidebar-menu .sidebar-menu__dropdown-container {
  position: relative;
  z-index: 111;
}
.gynzy-teacher-application-container .sidebar-menu__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.6875rem;
  margin: 0.52083333rem 0;
}
.gynzy-teacher-application-container .sidebar-menu__item a {
  display: flex;
  width: 100%;
  height: 4.58333333rem;
  justify-content: center;
}
.gynzy-teacher-application-container .sidebar-menu__item a.active {
  background-color: rgba(39, 124, 217, 0.2);
  border-left: 0.52083333rem solid #277cd9;
}
.gynzy-teacher-application-container .sidebar-menu__item a.active img {
  margin-left: -0.52083333rem;
}
.gynzy-teacher-application-container .sidebar-menu__item a:hover {
  background-color: rgba(39, 124, 217, 0.2);
}
.gynzy-teacher-application-container .sidebar-menu__item a img {
  width: 3.125rem;
  height: 100%;
}
.gynzy-teacher-application-container .sidebar-icon-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.58333333rem;
  height: 4.58333333rem;
  border-radius: 0.41666667rem;
  margin-top: 0.83333333rem;
  cursor: pointer;
}
.gynzy-teacher-application-container .sidebar-icon-button.sidebar-icon-button--disabled .styleguide.flat__icon {
  opacity: 0.5;
}
.gynzy-teacher-application-container .sidebar-icon-button .styleguide.flat__icon {
  display: flex;
  width: 2.29166667rem;
  height: 2.29166667rem;
}
.gynzy-teacher-application-container .sidebar-icon-button .styleguide.flat__icon .icon--graphics {
  fill: #556474;
}
.gynzy-teacher-application-container .sidebar-icon-button:hover {
  background-color: #d1d3de;
}
.gynzy-teacher-application-container .sidebar-icon-button a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: inherit;
  height: inherit;
  border-radius: inherit;
}
.gynzy-teacher-application-container .sidebar-icon-button a.active {
  background-color: #d1d3de;
}
.gynzy-teacher-application-container #student-world-results > .empty-state-placeholder {
  width: 70%;
  margin-top: 15.625rem;
}
.gynzy-teacher-application-container .student-report--details-table-row-component.universe-row .world-name {
  color: #556474;
  font-weight: bold;
}
.gynzy-teacher-application-container .student-report--details-table-row-component.universe-row .world-item {
  border-top: 2px solid #aeb7c2;
  border-bottom: 1px solid #aeb7c2;
}
.gynzy-teacher-application-container .student-report--details-table-row-component .world-item {
  height: 7rem;
  border-top: 1px solid #aeb7c2;
  font-size: 1.5rem;
  text-align: left;
  cursor: default;
  color: #556474;
}
.gynzy-teacher-application-container .student-report--details-table-row-component .world-item > .world.expandable:hover {
  text-decoration: underline;
  color: #6b7c8e;
  cursor: pointer;
}
.gynzy-teacher-application-container .student-report--details-table-row-component .world-item > .world:active {
  color: #3f4c5a;
}
.gynzy-teacher-application-container .student-report--details-table-row-component .world-item > .world .icon-wrapper {
  justify-content: center;
  padding: 0 1rem;
}
.gynzy-teacher-application-container .student-report--details-table-row-component .world-item > .world .icon-wrapper .flat__icon {
  height: 1.2rem;
  width: 1.2rem;
}
.gynzy-teacher-application-container .student-report--details-table-row-component .world-item > .world .icon-wrapper .flat__icon .icon--graphics {
  fill: #6b7c8e;
}
.gynzy-teacher-application-container .student-report--details-table-row-component .world-item > .world .icon-wrapper .svg__icon {
  height: 2.5rem;
  width: 2.5rem;
}
.gynzy-teacher-application-container .student-report--details-table-row-component .world-item > .world.indent-1 {
  padding-left: 8rem;
}
.gynzy-teacher-application-container .student-report--details-table-row-component .world-item .exercises-tooltip-row {
  width: 15.83333333rem;
  line-height: 1.875rem;
  font-size: 1.25rem;
  display: flex;
  justify-content: space-between;
}
.gynzy-teacher-application-container .student-report--details-table-row-component .world-item .exercises-tooltip-row:not(:last-child) {
  margin-bottom: 0.41666667rem;
}
.gynzy-teacher-application-container .student-report--details-table-component .world-item > .world,
.gynzy-teacher-application-container .student-report--details-table-component .worlds-wrapper-headers > .world {
  padding-left: 1.5rem;
  justify-content: left;
  flex-grow: 1;
  cursor: default;
}
.gynzy-teacher-application-container .student-report--details-table-component .world-item > .proficiency,
.gynzy-teacher-application-container .student-report--details-table-component .worlds-wrapper-headers > .proficiency {
  justify-content: left;
  text-align: left;
  width: 30rem;
}
.gynzy-teacher-application-container .student-report--details-table-component .world-item > .proficiency.indent-1,
.gynzy-teacher-application-container .student-report--details-table-component .worlds-wrapper-headers > .proficiency.indent-1 {
  width: 25rem;
}
.gynzy-teacher-application-container .student-report--details-table-component .world-item > .answeredExercises,
.gynzy-teacher-application-container .student-report--details-table-component .worlds-wrapper-headers > .answeredExercises {
  justify-content: right;
  width: 25rem;
  padding-right: 2rem;
  text-align: right;
}
.gynzy-teacher-application-container .student-report--details-table-component .worlds-wrapper-headers {
  height: 5rem;
}
.gynzy-teacher-application-container .student-report--details-table-component .worlds-wrapper-headers .worlds-wrapper-header {
  height: 5rem;
  font-weight: bold;
  font-size: 1.3rem;
  color: #2a3541;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-name {
  text-align: left;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component.universe-row .world-name {
  color: #556474;
  font-weight: bold;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component.universe-row .world-item {
  border-top: 2px solid #aeb7c2;
  border-bottom: 1px solid #aeb7c2;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item {
  height: 7rem;
  border-top: 1px solid #aeb7c2;
  font-size: 1.5rem;
  text-align: left;
  cursor: default;
  color: #556474;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item .progress-container .proficiency-progress-bar-container {
  width: 100%;
  height: 3.54166667rem;
  margin-right: 1.25rem;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item > .world.expandable:hover {
  text-decoration: underline;
  color: #6b7c8e;
  cursor: pointer;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item > .world:active {
  color: #3f4c5a;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item > .world .icon-wrapper {
  justify-content: center;
  padding: 0 1rem;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item > .world .icon-wrapper .flat__icon {
  height: 1.2rem;
  width: 1.2rem;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item > .world .icon-wrapper .flat__icon .icon--graphics {
  fill: #6b7c8e;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item > .world .icon-wrapper .svg__icon {
  height: 2.5rem;
  width: 2.5rem;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item > .world.indent-1 {
  padding-left: 4rem;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item > .world.indent-2 {
  padding-left: 11rem;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item .village-row {
  height: 5.41666667rem;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item .village-row:not(:last-child) {
  margin-bottom: 0.41666667rem;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item .village-row .village-text {
  text-align: left;
  width: 16rem;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item .village-row .microgoal-alphabet.medium {
  height: 2.5rem;
  width: 2.5rem;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item .village-row .microgoal-alphabet.medium span {
  font-size: 1.3rem;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item .village-row .village-details {
  flex: 1;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item .village-row .village-details .village-name {
  color: #277cd9;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item .village-row .village-details .village-name:hover {
  text-decoration: underline;
  color: #4e92ff;
  cursor: pointer;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item .village-row .village-details .village-name:active {
  color: #2465ab;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item .village-row .village-details > .attributes {
  margin-left: 0.52083333rem;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item .village-row .village-details .village-icon {
  margin-right: 1.66666667rem;
}
.gynzy-teacher-application-container .student-report-scores-table-row-component .world-item .village-row .village-details .village-icon div.microgoal-alphabet {
  margin-right: 0;
}
.gynzy-teacher-application-container .student-report-scores-table-component .world-item > .world,
.gynzy-teacher-application-container .student-report-scores-table-component .worlds-wrapper-headers > .world {
  padding-left: 1.5rem;
  justify-content: left;
  cursor: default;
  flex: 0 0 45rem;
}
.gynzy-teacher-application-container .student-report-scores-table-component .world-item > .goals-progress,
.gynzy-teacher-application-container .student-report-scores-table-component .worlds-wrapper-headers > .goals-progress {
  justify-content: left;
  text-align: left;
  width: 31.25rem;
}
.gynzy-teacher-application-container .student-report-scores-table-component .world-item > .answered-exercises,
.gynzy-teacher-application-container .student-report-scores-table-component .worlds-wrapper-headers > .answered-exercises {
  justify-content: center;
  width: 23rem;
  padding-left: 2rem;
  padding-right: 4.5rem;
  text-align: right;
}
.gynzy-teacher-application-container .student-report-scores-table-component .worlds-wrapper-headers {
  height: 5rem;
}
.gynzy-teacher-application-container .student-report-scores-table-component .worlds-wrapper-headers .worlds-wrapper-header {
  height: 5rem;
  font-weight: bold;
  font-size: 1.3rem;
  color: #2a3541;
}
.gynzy-teacher-application-container .legend-styling .legend-container {
  margin-bottom: 0;
}
.gynzy-teacher-application-container .legend-styling .legend-button-text {
  font-size: 1.66rem;
  line-height: 2.45rem;
}
.gynzy-teacher-application-container .legend-styling .button-info {
  height: 2.5rem;
  width: 2.5rem;
  margin-right: 0.75rem;
}
.gynzy-teacher-application-container .show-hide-container-styling .show-hide-container .show-hide-container__title-container {
  padding: 1.66666667rem 3rem;
}
.gynzy-teacher-application-container .show-hide-container-styling .show-hide-container .show-hide-container__title-container .show-hide-container__title {
  text-align: left;
  text-transform: none;
}
.gynzy-teacher-application-container .show-hide-container-styling .show-hide-container .show-hide-container__content-container .show-hide-container__content {
  padding: 1.66666667rem 3rem;
  text-align: left;
  line-height: 150%;
}
.gynzy-teacher-application-container .lesson-card-header {
  padding: 2rem 3rem 0;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
}
.gynzy-teacher-application-container .lesson-card-header .lesson-card-header-info {
  margin-left: 1rem;
}
.gynzy-teacher-application-container .lesson-card-header .lesson-card-header-info .lesson-card-header-title {
  margin-bottom: 0.675rem;
}
.gynzy-teacher-application-container .lesson-card-header .lesson-card-header-info .lesson-card-header-title .styleguide.buttons__group {
  margin-right: 1rem;
}
.gynzy-teacher-application-container .lesson-card-header .lesson-card-header-info .lesson-card-header-title .typo-title {
  margin-bottom: 0;
}
.gynzy-teacher-application-container .lesson-card-header .lesson-card-header-info .typo-subtitle strong {
  font-weight: 600;
}
.gynzy-teacher-application-container .lesson-card-lesson-information {
  padding-top: calc(3rem - 1rem);
  padding-bottom: 3rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .show-hide-container .show-hide-container__title-container {
  padding: 1.66666667rem 3rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .show-hide-container .show-hide-container__title-container .show-hide-container__title {
  text-align: left;
  text-transform: none;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .show-hide-container .show-hide-container__content-container .show-hide-container__content {
  padding: 1.66666667rem 3rem;
  text-align: left;
  line-height: 150%;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .column-left {
  flex: 2;
  margin-right: 1.66666667rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .column-left .show-hide-container .show-hide-container__title-container {
  border-top-right-radius: 0.83333333rem;
  border-bottom-right-radius: 0.83333333rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .column-right {
  flex: 1;
  margin-left: 1.66666667rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .column-right .show-hide-container .show-hide-container__title-container {
  padding-left: 1.5rem;
  border-top-left-radius: 0.83333333rem;
  border-bottom-left-radius: 0.83333333rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .column-right .show-hide-container__content-container .show-hide-container__content {
  padding-left: 1.5rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .lesson-task-container {
  text-align: left;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .lesson-task-container .icon-container {
  margin-right: 1.25rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .lesson-task-container .icon-container .lesson-icon-custom-content {
  margin-bottom: 0.25rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .lesson-task-container span {
  margin: 0.41666667rem 0;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .lesson-plan-container {
  border: 1px solid #aeb7c2;
  border-radius: 0.83333333rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .lesson-plan-container .lesson-plan-item {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #aeb7c2;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .lesson-plan-container .lesson-plan-item .name {
  padding: 0.83333333rem 1.66666667rem;
  max-width: 33.33333333rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .lesson-plan-container .lesson-plan-item.sub-item .name {
  padding: 0 0.83333333rem 0.83333333rem 4.16666667rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .lesson-plan-container .lesson-plan-item .time {
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #aeb7c2;
  width: 5rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .lesson-plan-container .lesson-plan-item.sub-item,
.gynzy-teacher-application-container .lesson-card-lesson-information .lesson-plan-container .lesson-plan-item:first-of-type {
  border: none;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .lesson-materials-container .flat__icon {
  margin-top: 1.25rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .lesson-materials-container .flat__icon .icon--graphics {
  fill: #556474;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .lesson-suggestions-container {
  display: flex;
  flex-flow: row wrap;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .lesson-suggestions-container .lesson-suggestion.text {
  flex-basis: 100%;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .lesson-suggestions-container .lesson-suggestion.content-item {
  display: flex;
  justify-content: center;
}
.gynzy-teacher-application-container .lesson-card-lesson-information .image--markdown {
  max-width: 100%;
  margin: 1.25rem 0;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals {
  position: relative;
  padding: 3rem 0;
  background: #fff;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .legend-container {
  margin-bottom: 0;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .legend-button-text {
  font-size: 1.66rem;
  line-height: 2.45rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .button-info {
  height: 2.5rem;
  width: 2.5rem;
  margin-right: 0.75rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .align-top {
  align-items: flex-start;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals > .flex {
  padding: 0 3rem;
  padding-bottom: 3rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals > .flex:last-child {
  padding-bottom: 0;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .tablero-teacher-results {
  padding: 0;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .lesson-manual .external-file:first-child {
  margin-left: 0;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .show-more-button {
  cursor: pointer;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .show-more-button * {
  cursor: pointer;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .typo-title {
  display: block;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.875rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .typo-text {
  font-size: 1.66rem;
  line-height: 150%;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals #tablero-teacher-skill-level-switch .skill-level-switch {
  float: right;
  width: 100%;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals #tablero-teacher-skill-level-switch .skill-level-switch .tablero-state-switcher {
  margin-right: 1rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals #tablero-teacher-skill-level-switch .skill-level-switch .typo-text {
  line-height: 2.45rem;
  vertical-align: middle;
  float: left;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content {
  padding-top: 1rem;
  width: 100%;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary {
  width: 100%;
  text-align: left;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .typo-title,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .typo-title {
  padding: 1.5rem 3rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal {
  padding: 1.5rem 3rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal:first-of-type,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal:first-of-type {
  border-top: 1px solid #aeb7c2;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal:nth-child(even),
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal:nth-child(even) {
  background-color: #f6f6f6;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal:nth-child(even) .main-layer,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal:nth-child(even) .main-layer {
  background-color: #f6f6f6;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal:nth-child(even) .microgoal-scores .subject-microgoal-proficiency-container .category,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal:nth-child(even) .microgoal-scores .subject-microgoal-proficiency-container .category {
  background-color: #fff;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal:nth-child(odd) .main-layer,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal:nth-child(odd) .main-layer {
  background-color: #fff;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal:nth-child(odd):last-child,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal:nth-child(odd):last-child {
  border-bottom: 1px solid #f6f6f6;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .main-layer,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .main-layer {
  background: none;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .show-exercises-loader,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .show-exercises-loader {
  margin: 0 0.5rem;
  padding: 0.25rem 1.5rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .fa-spinner,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .fa-spinner {
  font-size: 3rem;
  line-height: 8.3rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .microgoal-average-row,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .microgoal-average-row {
  border-top: 0;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .average-label,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .average-label {
  margin: 0.5rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .exercises-info,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .exercises-info {
  min-width: 18rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .exercises-info .button-tertiary-small,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .exercises-info .button-tertiary-small {
  float: right;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .exercises-info .subtitle,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .exercises-info .subtitle {
  text-align: right;
  padding-top: 1rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .exercises-info .number-of-exercises,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .exercises-info .number-of-exercises {
  font-family: 'Open Sans', sans-serif;
  width: 100%;
  display: block;
  font-size: 1.45rem;
  color: #6b7c8e;
  float: right;
  text-align: right;
  padding-bottom: 0.5rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .microgoal-icon,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .microgoal-icon {
  border: 1px solid #d1d3de;
  background: #fff;
  border-radius: 0.8rem;
  min-width: 11rem;
  height: 8rem;
  margin-right: 1rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .microgoal-index,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .microgoal-index {
  cursor: pointer;
  color: #277cd9;
  text-decoration: underline;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .microgoal-title-subtitle-container,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .microgoal-title-subtitle-container {
  width: calc(100% - 11rem);
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .microgoal-title-subtitle-container .typo-title-section,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .microgoal-title-subtitle-container .typo-title-section {
  line-height: 2.5rem;
  font-size: 1.66rem;
  margin-bottom: 0.4rem;
  display: flex;
  align-items: center;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .microgoal-title-subtitle-container .typo-title-section > span,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .microgoal-title-subtitle-container .typo-title-section > span {
  margin-right: 0.6rem;
  vertical-align: middle;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .microgoal-title-subtitle-container .typo-title-section .microgoal-title,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .microgoal-title-subtitle-container .typo-title-section .microgoal-title,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .microgoal-title-subtitle-container .typo-title-section .subtitle,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .microgoal-title-subtitle-container .typo-title-section .subtitle {
  text-align: left;
  width: 100%;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .island-reference,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .island-reference {
  margin-bottom: 1rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .treated-in,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .treated-in {
  font-size: 1.45rem;
  color: #6b7c8e;
  text-align: left;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .microgoal-results,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .microgoal-results {
  padding-top: 1.5rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .microgoal-scores,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .microgoal-scores {
  width: 100%;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .microgoal-scores .proficiency-header,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .microgoal-scores .proficiency-header {
  text-align: left;
  font-size: 1.66666667rem;
  color: #2a3541;
  margin: 1.66666667rem 0;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .alternate-title,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .alternate-title {
  font-weight: bold;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .microgoal-explanation-results-seperator,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .microgoal-explanation-results-seperator {
  width: 100%;
  padding-top: 3rem;
  margin-bottom: 1rem;
  border-bottom: 0.1rem solid #ddd;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .typo-sub-title,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .typo-sub-title {
  font-size: 1.66rem;
  font-weight: bold;
  color: #3f4c5a;
  margin-right: 1rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .microgoal-materials-overview,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .microgoal-materials-overview {
  height: 3rem;
  padding: 4rem 0 2rem;
  font-size: 1.71rem;
  white-space: nowrap;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .microgoal-materials-overview img,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .microgoal-materials-overview img {
  padding-left: 12rem;
  height: 3rem;
  padding-right: 1rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .primary .microgoal .microgoal-materials-overview .worksheet,
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary .microgoal .microgoal-materials-overview .worksheet {
  font-weight: bold;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .dashboard-content .secondary {
  padding-top: 5rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-goals .student-overview {
  margin-top: 2rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-plan {
  padding-top: calc(3rem - 1rem);
  padding-bottom: 3rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-plan .show-hide-container .show-hide-container__title-container {
  padding: 1.66666667rem 3rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-plan .show-hide-container .show-hide-container__title-container .show-hide-container__title {
  text-align: left;
  text-transform: none;
}
.gynzy-teacher-application-container .lesson-card-lesson-plan .show-hide-container .show-hide-container__content-container .show-hide-container__content {
  padding: 1.66666667rem 3rem;
  text-align: left;
  line-height: 150%;
}
.gynzy-teacher-application-container .lesson-card-lesson-plan .icon-group-markdown__container {
  display: inline-flex;
  width: 100%;
  padding: 1.25rem;
  margin: 1.25rem 0;
  background: #d4eefc;
  border-radius: 0.83333333rem;
  color: #1a455b;
  font-weight: 600;
}
.gynzy-teacher-application-container .lesson-card-lesson-plan .icon-group-markdown__container .icon-group-markdown:not(:first-of-type) {
  margin-top: 0.83333333rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-plan .icon-group-markdown__container .icon-group-markdown .icon {
  margin-top: 0.26041667rem;
}
.gynzy-teacher-application-container .lesson-card-lesson-plan .icon-group-markdown__container .icon-group-markdown .icon img {
  width: 1.66666667rem;
  height: 1.66666667rem;
  filter: invert(22%) sepia(6%) saturate(6880%) hue-rotate(172deg) brightness(82%) contrast(85%);
}
.gynzy-teacher-application-container .lesson-card-lesson-plan .lesson-screenshot--markdown {
  width: 100%;
  justify-content: center;
  margin: 1.25rem 0;
}
.gynzy-teacher-application-container .lesson-card-lesson-plan .lesson-screenshot--markdown img {
  height: 28.125rem;
}
.gynzy-teacher-application-container .legend-container {
  margin-bottom: 0;
}
.gynzy-teacher-application-container .legend-button-text {
  font-size: 1.66rem;
  line-height: 2.45rem;
}
.gynzy-teacher-application-container .button-info {
  height: 2.5rem;
  width: 2.5rem;
  margin-right: 0.75rem;
}
.gynzy-teacher-application-container .card-error {
  margin-top: 2rem;
}
.gynzy-teacher-application-container .card-legend-row {
  padding: 3rem;
}
.gynzy-teacher-application-container .card-legend-row .toggle-buttons-container {
  margin-right: 1rem;
}
.gynzy-teacher-application-container .microgoal-card-header {
  padding: 2rem 3rem 0;
  width: 100%;
}
.gynzy-teacher-application-container .microgoal-card-header .microgoal-card-header-info {
  margin: 0 1rem;
  text-align: left;
}
.gynzy-teacher-application-container #microgoal-instruction {
  margin: 3rem;
  text-align: left;
}
.gynzy-teacher-application-container .microgoal-overview {
  margin: 3rem;
  text-align: left;
}
.gynzy-teacher-application-container .microgoal-overview p {
  margin-bottom: 3rem;
}
.gynzy-teacher-application-container .microgoal-overview .legend-container {
  margin-bottom: 2rem;
}
.gynzy-teacher-application-container .microgoal-overview .microgoal-overview-materials i {
  vertical-align: top;
}
.gynzy-teacher-application-container .microgoal-overview .microgoal-overview-materials i:nth-of-type(2) {
  margin-left: 2rem;
}
.gynzy-teacher-application-container .microgoal-overview .microgoal-overview-results-toggle {
  margin-top: 1rem;
}
.gynzy-teacher-application-container .microgoal-overview .microgoal-overview-results-toggle span {
  margin-left: 1rem;
}
.gynzy-teacher-application-container .microgoal-overview .microgoal-overview-container {
  overflow: hidden;
}
.gynzy-teacher-application-container .microgoal-overview #microgoal-explanation .description .typo-text .microgoal-type {
  margin-right: 0.5rem;
}
.gynzy-teacher-application-container .microgoal-overview #microgoal-explanation .full-width-section {
  width: 100%;
  padding-right: 0;
}
.gynzy-teacher-application-container .microgoal-overview #microgoal-explanation .conditionality-header .conditionality-legend-container {
  margin-left: 0.83333333rem;
}
.gynzy-teacher-application-container .microgoal-overview #microgoal-explanation .conditional {
  display: flex;
  align-items: flex-start;
  width: 100%;
  min-height: 29.16666667rem;
}
.gynzy-teacher-application-container .microgoal-overview #microgoal-explanation .conditional .show-hide-container:not(:first-child) {
  margin-left: 1.5625rem;
}
.gynzy-teacher-application-container .microgoal-overview #microgoal-explanation .conditional .show-hide-container .show-hide-container__title-container {
  padding-left: 1.97916667rem;
}
.gynzy-teacher-application-container .microgoal-overview #microgoal-explanation .conditional .show-hide-container .show-hide-container__content {
  padding: 0;
}
.gynzy-teacher-application-container .microgoal-overview #microgoal-explanation .conditional .show-hide-container .show-hide-container__content > div:nth-of-type(even) {
  background-color: #f6f6f6;
}
.gynzy-teacher-application-container .microgoal-overview #microgoal-explanation .conditional .spinner {
  padding: 1.25rem;
  display: flex;
  justify-content: center;
}
.gynzy-teacher-application-container .microgoal-overview #microgoal-explanation .conditional .empty-message {
  padding: 1.25rem 1.97916667rem;
}
.gynzy-teacher-application-container .microgoal-dependency {
  padding: 1.25rem 1.97916667rem;
}
.gynzy-teacher-application-container .microgoal-dependency .title {
  margin-bottom: 0.20833333rem;
  text-align: left;
}
.gynzy-teacher-application-container .microgoal-dependency .title a {
  color: #277cd9;
  font-size: 1.45833333rem;
  font-weight: bold;
  margin-right: 1.45833333rem;
  text-decoration: underline;
}
.gynzy-teacher-application-container .microgoal-dependency .title .attributes .microgoal-attributes-container .item:last-child {
  margin-right: 0;
}
.gynzy-teacher-application-container .microgoal-dependency .title .attributes .microgoal-attributes-container .item:last-child .grade {
  margin-right: 0;
}
.gynzy-teacher-application-container .microgoal-dependency .name {
  color: #556474;
  font-size: 1.04166667rem;
  margin-bottom: 1.25rem;
}
.gynzy-teacher-application-container .microgoal-dependency .group-proficiency .group-proficiency-progress-bar-container .group-progress-bar {
  width: 20.83333333rem;
}
.gynzy-teacher-application-container .card__microgoal__results .loader-container {
  width: 100%;
  margin-top: 8rem;
  display: flex;
  justify-content: center;
}
.gynzy-teacher-application-container .card__microgoal__results .card-error {
  margin-top: 2rem;
}
.gynzy-teacher-application-container .card__microgoal__results .card-row {
  padding: 0 3rem 2.08rem;
}
.gynzy-teacher-application-container .card__microgoal__results .card-row .toggle-buttons-container {
  margin-right: 0.7rem;
}
.gynzy-teacher-application-container .card__microgoal__results .session-results {
  margin-left: 1.5rem;
}
.gynzy-teacher-application-container .card__microgoal__results thead .studentTableHeader {
  width: 27.91666667rem;
}
.gynzy-teacher-application-container .card__microgoal__results thead .abilityTableHeader {
  width: 25rem;
  margin-left: 0;
  padding-left: 0.1rem;
}
.gynzy-teacher-application-container .card__microgoal__results thead .abilityTableHeader span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.gynzy-teacher-application-container .card__microgoal__results thead .exerciseCountTableHeader {
  width: 13.125rem;
  margin-left: 0;
  padding-left: 0.1rem;
}
.gynzy-teacher-application-container .card__microgoal__results thead .exerciseCountTableHeader span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.gynzy-teacher-application-container .card__microgoal__results .studentTable {
  padding-left: 2.03rem;
}
.gynzy-teacher-application-container .card__microgoal__results .exerciseResults {
  width: 100%;
  padding-right: 2.03rem;
}
.gynzy-teacher-application-container .card__microgoal__results .tooltip-row .tooltip-row-title {
  margin-right: 3rem;
}
.gynzy-teacher-application-container .card__microgoal__results .tooltip-row .tooltip-row-value {
  font-weight: bold;
}
.gynzy-teacher-application-container .card__microgoal__results .proficiency-progress .progress-container {
  width: 21.66666667rem;
}
.gynzy-teacher-application-container .card__microgoal__results .proficiency-progress .progress-container .proficiency-progress-bar-container {
  width: 17.91666667rem;
  height: 3.54166667rem;
  margin-right: 1.25rem;
}
.gynzy-teacher-application-container .card__microgoal__results .exercise-count {
  text-align: center;
  color: #6b7c8e;
  font-weight: bold;
  font-size: 1.46rem;
}
.gynzy-teacher-application-container .card__microgoal__results .no-activity {
  text-align: center;
  color: #8c99a8;
  font-size: 1.46rem;
}
.gynzy-teacher-application-container .card__microgoal__results .leerling-meta {
  padding: 0.5rem 1rem 0.5rem 0;
}
.gynzy-teacher-application-container .card__microgoal__results .leerling-meta .leerling-meta-portrait {
  margin: 0 2rem 0 0;
}
.gynzy-teacher-application-container .card__microgoal__results .leerling-meta .leerling-meta-portrait .user-portrait,
.gynzy-teacher-application-container .card__microgoal__results .leerling-meta .leerling-meta-portrait .clipped-portrait {
  height: 4rem;
  width: 4rem;
}
.gynzy-teacher-application-container .card__microgoal__results .leerling-meta .leerling-meta-name .typo-text {
  font-size: 1.45rem;
}
.gynzy-teacher-application-container .card__microgoal__results .card__microgoal__top-bar {
  padding-top: 2.06rem;
  padding-bottom: 1rem;
}
.gynzy-teacher-application-container .card__microgoal__results .card__microgoal__top-bar .category-container .legend-item h4 {
  font-size: 1.66666667rem;
  color: #556474;
}
.gynzy-teacher-application-container .card__microgoal__results .card__microgoal__top-bar .category-container .legend-item .legend-item-icon .goal-indicator {
  margin-right: 0.83333333rem;
}
.gynzy-teacher-application-container .card__microgoal__results .card__microgoal__top-bar .category-container .legend-item .legend-item-icon .result {
  width: 2.08333333rem;
  height: 2.08333333rem;
  background-size: 1.875rem;
  margin-right: 1.25rem;
}
.gynzy-teacher-application-container .card__microgoal__results .card__microgoal__top-bar .category-container .legend-item span {
  font-size: 1.66666667rem;
}
.gynzy-teacher-application-container .card__microgoal__results .card__microgoal__top-bar .category-container .more-info {
  font-size: 1.66666667rem;
}
.gynzy-teacher-application-container .card__microgoal__results .card__microgoal__top-bar .category-container .more-info a {
  color: #277cd9;
}
.gynzy-teacher-application-container .card__microgoal__results .card__microgoal__top-bar .category-container:first-child {
  margin-top: 1.66666667rem;
}
.gynzy-teacher-application-container .card__microgoal__results .card__microgoal__top-bar .category-container:not(:last-child) {
  margin-bottom: 2.5rem;
}
.gynzy-teacher-application-container .card__microgoal__results.card__microgoal__results--flat div.button-info {
  z-index: 0;
}
.gynzy-teacher-application-container .card__microgoal__results.card__microgoal__results--flat div.legend-component-menu-dont-override.menu-expand-left {
  z-index: 0;
}
.gynzy-teacher-application-container .student-card-header-component {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gynzy-teacher-application-container .student-card-header-component .student-card-header {
  display: flex;
  align-items: center;
  padding: 0 2rem;
  min-width: 0;
}
.gynzy-teacher-application-container .student-card-header-component .student-card-header .student-card-student-container {
  display: flex;
  align-items: center;
  min-width: 0;
}
.gynzy-teacher-application-container .student-card-header-component .student-card-header .student-card-student-container .user-portrait .user-portrait__initials {
  font-size: 2.91666667rem;
  font-weight: 600;
}
.gynzy-teacher-application-container .student-card-header-component .student-card-header .student-card-student-container .user-portrait .user-portrait__container {
  width: 6.66666667rem;
  height: 6.66666667rem;
}
.gynzy-teacher-application-container .student-card-header-component .student-card-header .student-card-student-container .arrow-buttons-container {
  align-self: flex-end;
  margin-left: -1.66666667rem;
}
.gynzy-teacher-application-container .student-card-header-component .student-card-header .student-card-student-container .student-name-container {
  margin-left: 1.66666667rem;
  min-width: 0;
}
.gynzy-teacher-application-container .student-card-header-component .student-card-header .student-card-student-container .student-name-container .student-name {
  font-size: 2.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
}
.gynzy-teacher-application-container .student-card-header-component .student-card-header .student-card-student-container .student-name-container .groups-container {
  display: flex;
  max-width: 62.5rem;
}
.gynzy-teacher-application-container .student-card-header-component .student-card-header .student-card-student-container .student-name-container .groups-container button {
  margin: 0.83333333rem 0.83333333rem 0 0;
}
.gynzy-teacher-application-container .student-card-header-component .student-card-impersonate-container {
  padding: 0 2rem;
}
.gynzy-teacher-application-container .student-card-header-component .student-card-impersonate-container .button__icon__label {
  padding-right: 1.66666667rem;
  padding-left: 1.25rem;
}
.gynzy-teacher-application-container .student-card-header-component .student-card-impersonate-container .button__icon__label .actionable-link {
  text-decoration: none;
  font-weight: 600;
  transition: all 0.15s ease;
}
.gynzy-teacher-application-container .student-card-header-component .student-card-impersonate-container .button__icon__label .styleguide.flat__icon .icon--graphics {
  fill: var(--text-hyperlink-default);
}
.gynzy-teacher-application-container .exercise-component {
  height: 100%;
}
.gynzy-teacher-application-container .global-card-header .loading-wrapper,
.gynzy-teacher-application-container .global-card-content .loading-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.gynzy-teacher-application-container .global-card-header .loading-wrapper .flat__icon,
.gynzy-teacher-application-container .global-card-content .loading-wrapper .flat__icon {
  width: 2.5rem;
  height: 2.5rem;
}
.gynzy-teacher-application-container .global-card-header .loading-wrapper .flat__icon .icon--graphics,
.gynzy-teacher-application-container .global-card-content .loading-wrapper .flat__icon .icon--graphics {
  fill: #3f4c5a;
}
.gynzy-teacher-application-container .global-card-content .loading-wrapper {
  padding-top: 3.33333333rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results {
  font-size: 1.8rem;
  /* stylelint-disable */
  /* stylelint-enable */
}
.gynzy-teacher-application-container .student-report-component #student-world-results .small-text {
  color: #8e8e8e;
  font-size: 1.8rem;
  font-weight: normal;
  text-align: left;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .label-small {
  font-size: 1.3rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .student-world-results-loading {
  height: 30rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .student-world-results-header {
  z-index: 2;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .student-world-results-table {
  position: relative;
  z-index: 1;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .content {
  padding-top: 10rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .filter {
  padding: 2.08333rem 0;
  z-index: 0;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .filter .method-dropdown {
  width: 25rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .filter .grade-selector {
  padding-bottom: 2rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .filter .select-header {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
  margin-bottom: 1.2rem;
  font-weight: 600;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .filter .filter-column {
  margin-right: 2.08333rem;
  min-width: 20rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .filter .filter-column--small {
  margin-right: 2.08333rem;
  min-width: 15rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .filter .filter-more-button {
  align-self: flex-end;
  margin-left: auto;
  font-size: 1.3rem;
  font-weight: 600;
  color: #277cd9;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .filter .filter-more-button .icon--graphics {
  fill: #277cd9;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .filter .filter-more-button__link {
  cursor: pointer;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .filter .filter-more-button__icon {
  width: 1.3rem;
  height: 1.3rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .filter .filter-more-content {
  display: flex;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.gynzy-teacher-application-container .student-report-component #student-world-results .filter .filter-more-content--open {
  max-height: 99em;
  overflow: visible;
  transition: max-height 0.5s ease-in-out;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .filter .reference-goal-selection .reference-goals__container.menu--open.active-index-0 {
  margin-left: 0;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .goal-selection-legend {
  align-self: flex-start;
  margin-right: 2.08333333rem;
  width: 8.33333333rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .legend {
  position: relative;
  height: 4rem;
  margin-bottom: 4rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .score-legend-container {
  position: absolute;
  left: -2rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .column-title {
  padding-left: 1.21rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .grade-selection {
  margin-left: 2.4rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .show-hide-container {
  margin-bottom: 2.08333rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results #student-report-wormhole .styleguide__tooltip {
  max-width: 20rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results #student-report-wormhole .styleguide__tooltip .tooltip__title {
  text-align: center;
  width: 100%;
  display: block;
}
.gynzy-teacher-application-container .student-report-component #student-world-results #student-report-wormhole .styleguide__tooltip .description {
  margin-bottom: 0.5rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results #student-report-wormhole .styleguide__tooltip .percentageCorrect {
  line-height: 1;
}
.gynzy-teacher-application-container .student-report-component #student-world-results #student-report-wormhole .styleguide__tooltip .percentageCorrect .percentage {
  font-weight: bold;
}
.gynzy-teacher-application-container .student-report-component #student-world-results #student-report-wormhole .styleguide__tooltip .percentageRuler {
  line-height: 0;
}
.gynzy-teacher-application-container .student-report-component #student-world-results #student-report-wormhole .styleguide__tooltip .percentageRuler .ruler {
  width: 100%;
}
.gynzy-teacher-application-container .student-report-component #student-world-results #student-report-wormhole .styleguide__tooltip .percentageRuler .indicator {
  margin-left: -0.5rem;
  color: white;
  width: 1rem;
  height: 1rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results #student-report-wormhole .styleguide__tooltip .percentageRuler .indicator .icon--graphics {
  fill: #fff;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .student-world-results__card-padding {
  width: 100%;
  padding: 0 2.08333rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .student-world-results__card-padding .tooltip {
  max-width: 18rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .data-loading {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .data-loading.no-margin {
  margin-top: 0;
  margin-left: 0;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .data-loading .data-loading-background {
  width: 100%;
  height: 100%;
  position: relative;
  background: #aeb7c2;
  opacity: 0.3;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .data-loading .fa-spinner {
  position: absolute;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .styleguide.gynzy.show-hide-container.color--gray .show-hide-container__title-container .show-hide-container__title {
  padding-left: 2.08333rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .legend-section .legend-text {
  padding-top: 1rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .legend-section .legend-text:first-child {
  padding-top: 0;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .legend-section .legend-link {
  text-align: left;
  padding-top: 1rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .legend-section img {
  height: 11rem;
}
.gynzy-teacher-application-container .reference-level-modal .modal__dialog-content {
  width: 53.33333333rem;
}
.gynzy-teacher-application-container .reference-level-modal p,
.gynzy-teacher-application-container .reference-level-modal span.input--label {
  margin: 0;
  font-size: 1.66666667rem;
  line-height: 150%;
}
.gynzy-teacher-application-container .reference-level-modal img {
  width: calc(100% + 6rem);
  margin: 2.5rem -3rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .student-world-scores-header {
  z-index: 1;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .student-world-scores-header .filter .filter-column {
  width: 28rem;
}
.gynzy-teacher-application-container .student-report-component #student-world-results .student-world-results-table.scores {
  z-index: 0;
}
.gynzy-teacher-application-container .switch-header {
  height: 10rem;
}
.gynzy-teacher-application-container .switch-tabs {
  height: 5rem;
  font-weight: 600;
  font-size: 1.66rem;
}
.gynzy-teacher-application-container .switch-tabs .tab {
  padding: 0 2rem 1rem;
  border-bottom: 0.4rem solid transparent;
  transition: border-bottom 0.5s ease, color 0.5s ease;
  cursor: pointer;
  color: #6b7c8e;
}
.gynzy-teacher-application-container .switch-tabs .tab * {
  cursor: pointer;
}
.gynzy-teacher-application-container .switch-tabs .tab.tab-selected {
  border-bottom: 0.4rem solid #277cd9;
  color: #277cd9;
}
.gynzy-teacher-application-container .block-card-header {
  width: 100%;
  height: 100%;
  padding: 2rem 3rem 0;
}
.gynzy-teacher-application-container .block-card-header .styleguide.buttons__group {
  margin-right: 1.25rem;
}
.gynzy-teacher-application-container .block-card-header .block-card-icon {
  width: 7rem;
  height: 7rem;
  border-radius: 8px;
  margin-right: 1rem;
  background: #38a4de;
}
.gynzy-teacher-application-container .block-card-header .block-card-icon.block--1-color {
  background: #e64545;
}
.gynzy-teacher-application-container .block-card-header .block-card-icon.block--2-color {
  background: #fad20c;
}
.gynzy-teacher-application-container .block-card-header .block-card-icon.block--3-color {
  background: #afd441;
}
.gynzy-teacher-application-container .block-card-header .block-card-icon.block--4-color {
  background: #59d640;
}
.gynzy-teacher-application-container .block-card-header .block-card-icon.block--5-color {
  background: #3fd4d4;
}
.gynzy-teacher-application-container .block-card-header .block-card-icon.block--6-color {
  background: #38a4de;
}
.gynzy-teacher-application-container .block-card-header .block-card-icon.block--7-color {
  background: #8c41d9;
}
.gynzy-teacher-application-container .block-card-header .block-card-icon.block--8-color {
  background: #d941d9;
}
.gynzy-teacher-application-container .block-card-header .block-card-icon.block--9-color {
  background: #d7428c;
}
.gynzy-teacher-application-container .block-card-header .block-card-icon .text-wrapper {
  color: #fff;
  line-height: 120%;
  margin-top: -0.41666667rem;
}
.gynzy-teacher-application-container .block-card-header .block-card-icon .text-wrapper .name {
  font-weight: 700;
  font-size: 1.66666667rem;
  -webkit-user-select: none;
          user-select: none;
}
.gynzy-teacher-application-container .block-card-header .block-card-icon .text-wrapper .number {
  font-weight: 800;
  font-size: 3.33333333rem;
  -webkit-user-select: none;
          user-select: none;
}
.gynzy-teacher-application-container .block-card-content {
  width: 100%;
  padding: 3rem 0;
}
.gynzy-teacher-application-container .block-card-content .documents {
  width: 100%;
  margin-bottom: 3.33333333rem;
  padding: 0 3.33333333rem;
}
.gynzy-teacher-application-container .block-card-content .documents h2 {
  font-size: 1.875rem;
  line-height: 150%;
  font-weight: 700;
  color: #2a3541;
}
.gynzy-teacher-application-container .block-card-content .documents .documents-wrapper {
  margin: 0.83333333rem 0 0 -0.5rem;
}
.gynzy-teacher-application-container .block-card-content .documents .documents-wrapper .flat__icon .icon--container .icon--graphics {
  fill: #e54645;
}
.gynzy-teacher-application-container .block-card-content table {
  width: 100%;
  border-collapse: collapse;
}
.gynzy-teacher-application-container .block-card-content table th,
.gynzy-teacher-application-container .block-card-content table td {
  padding-left: 1.66666667rem;
}
.gynzy-teacher-application-container .block-card-content table th:first-of-type,
.gynzy-teacher-application-container .block-card-content table td:first-of-type {
  padding-left: 3.33333333rem;
}
.gynzy-teacher-application-container .block-card-content table th:last-of-type,
.gynzy-teacher-application-container .block-card-content table td:last-of-type {
  padding-right: 3.33333333rem;
}
.gynzy-teacher-application-container .block-card-content table thead tr th {
  height: 5rem;
  background: #2477a3;
  font-size: 2.08333333rem;
  line-height: 150%;
  font-weight: 600;
  color: #fff;
}
.gynzy-teacher-application-container .block-card-content table tbody tr:not(.week-row):not(.last) {
  border-bottom: 1px solid #aeb7c2;
}
.gynzy-teacher-application-container .block-card-content table tbody tr.lesson-row td {
  padding: 1.66666667rem;
}
.gynzy-teacher-application-container .block-card-content table tbody tr.lesson-row td:first-of-type {
  padding-left: 3.33333333rem;
}
.gynzy-teacher-application-container .block-card-content table tbody tr.lesson-row td:last-of-type {
  padding-right: 3.33333333rem;
}
.gynzy-teacher-application-container .block-card-content table tbody tr th {
  height: 3.33333333rem;
  background: #59b6e8;
  font-size: 1.66666667rem;
  line-height: 150%;
  font-weight: 600;
  color: #fff;
}
.gynzy-teacher-application-container .block-card-content table tbody tr td {
  height: 5rem;
  background: #fff;
  font-size: 1.66666667rem;
  line-height: 150%;
  color: #556474;
}
.gynzy-teacher-application-container .block-card-content table tbody tr td a {
  font-weight: 600;
  color: #277cd9;
}
.gynzy-teacher-application-container .block-card-content table tbody tr td a:hover {
  color: #4e92ff;
}
.gynzy-teacher-application-container .block-card-content table tbody tr td a:active {
  color: #2465ab;
}
.gynzy-teacher-application-container .block-card-content table tbody tr td .icon-wrapper .svg__icon {
  width: 2.5rem;
  height: 2.5rem;
}
.gynzy-teacher-application-container .block-card-content table tbody tr td.lesson {
  width: 20%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.gynzy-teacher-application-container .block-card-content table tbody tr td.lesson .icon-wrapper {
  display: inline-block;
  margin-right: 0.625rem;
  vertical-align: bottom;
}
.gynzy-teacher-application-container .block-card-content table tbody tr td.goal {
  width: 70%;
  border-left: 1px solid #aeb7c2;
  border-right: 1px solid #aeb7c2;
}
.gynzy-teacher-application-container .block-card-content table tbody tr td.materials {
  width: 10%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.83333333rem;
}
.gynzy-teacher-application-container .block-card-content table tbody tr td.materials .icon-wrapper {
  display: flex;
  justify-content: center;
}
.gynzy-teacher-application-container .report-card-placeholder {
  padding: 5rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.gynzy-teacher-application-container .report-card-placeholder .report-card-placeholder__content {
  width: 70%;
}
.gynzy-teacher-application-container .report-card-placeholder .report-card-placeholder__content p {
  color: #2a3541;
  line-height: 150%;
}
.gynzy-teacher-application-container .report-card-placeholder .report-card-placeholder__content a {
  color: #277cd9;
  text-decoration: underline;
}
.gynzy-teacher-application-container .report-card-placeholder .report-card-placeholder__content .report-card-placeholder__header__image {
  width: 12.5rem;
  height: 12.5rem;
}
.gynzy-teacher-application-container .report-card-placeholder .report-card-placeholder__content .report-card-placeholder__content__image {
  width: 100%;
  margin: 3.33333333rem 0;
}
.gynzy-teacher-application-container .report-card-placeholder .report-card-placeholder__content .report-card-placeholder__header__title {
  margin: 3.33333333rem 0 1.66666667rem 0;
  font-size: 2.5rem;
  font-weight: bold;
}
.gynzy-teacher-application-container .reference-goal-label__container {
  margin-bottom: 0.41666667rem;
}
.gynzy-teacher-application-container .reference-goal-label__container .reference-goal__shortname {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.875rem;
  letter-spacing: 0;
  color: white;
  padding: 0.3125rem 1.25rem;
  border-radius: 1.25rem;
  background-color: #38a4de;
}
.gynzy-teacher-application-container .reference-goal-label__container .reference-goal__name {
  font-size: 1.66666667rem;
  color: #556474;
  line-height: 2.5rem;
  margin-left: 0.83333333rem;
  text-align: left;
}
.gynzy-teacher-application-container .epm-backdrop {
  background: none;
}
.gynzy-teacher-application-container .epm-modal-container {
  z-index: 21000;
}
.gynzy-teacher-application-container .epm-modal-container .epm-modal {
  width: 100%;
  height: 100%;
}
.gynzy-teacher-application-container div.ember-view.modal-window-wrapper,
.gynzy-teacher-application-container div.ember-view.liquid-target-container {
  height: auto;
}
.gynzy-teacher-application-container .modal__component {
  z-index: 22000;
}
.gynzy-teacher-application-container .snackbar--wrapper {
  position: fixed;
  z-index: 21001;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.5625rem;
}
.gynzy-teacher-application-container.hide {
  display: none;
}
#wormhole {
  position: relative;
}
#ember-basic-dropdown-wormhole {
  position: fixed;
  z-index: 22010;
  top: 0;
}
.board-button {
  position: fixed;
  bottom: 0.625rem;
  left: 1.25rem;
  z-index: 1000;
}
.board-button img {
  width: 6rem;
  height: 6rem;
}
.modal__yield__error-page {
  width: 46.875rem;
  line-height: 2.5rem;
}
.modal__yield__error-page span {
  color: #8c99a8;
  display: block;
  margin-bottom: 1.66666667rem;
}
.component-connection-checker .overlay {
  background-color: #000;
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 22000;
  opacity: 0.7;
}
.component-connection-checker .modal-header {
  margin: 2rem 0;
  font-size: 2.2rem;
  text-align: center;
}
.component-connection-checker .modal {
  position: fixed;
  left: 50%;
  top: 50%;
  background-color: white;
  border-radius: 1rem;
  overflow-y: auto;
  line-height: 2rem;
  z-index: 26005;
  height: 27.3rem;
  width: 61.6rem;
  transform: translate(-50%, -50%);
  padding: 2rem 4rem;
}
.component-connection-checker .omschrijving {
  margin: 2rem 0;
  text-align: center;
  line-height: 3rem;
  font-size: 2.2rem;
}
.component-connection-checker .modal-mega-button {
  margin-top: 1.6rem;
}
.component-connection-checker .verbindingGevonden {
  text-align: center;
  display: flex;
  justify-content: center;
}
.component-connection-checker .verbindingGevonden button {
  width: 40rem;
  margin-top: 1.6rem;
}
.component-connection-checker .loader-gif {
  margin: 1.6rem auto;
  display: block;
}
.component-connection-checker .nieuweVersieBeschikbaar.modal {
  width: 50rem;
}
.component-connection-checker .nieuweVersieBeschikbaar.modal img {
  width: 13rem;
  margin-left: 1rem;
}
.component-connection-checker .maintenanceMode {
  height: auto;
}
.component-connection-checker .maintenanceMode img {
  width: 14rem;
  margin-left: 1rem;
  flex-shrink: 0;
}
.component-connection-checker .maintenanceMode p {
  text-align: left;
  line-height: 2.6rem;
  font-size: 2.2rem;
}
.component-connection-checker .maintenanceMode a {
  color: #277cd9;
  font-weight: bold;
}