/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, sub, sup, tt, var,
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-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

html,
body {
  height: 100%; }

.hidden {
  display: none !important; }

.title-hw-uppercase {
  text-transform: uppercase; }

.got_mark-info {
  width: 90px;
  padding: 5px;
  border: 1px solid;
  border-radius: 4px; }

.question-title {
  width: calc(100% - 90px); }

.for_iframe iframe {
  max-width: 170px;
  max-height: 170px; }

.overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.4);
  z-index: 1000; }

.spinner-control {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(50%, 50%);
  z-index: 1001; }

.spinner-help-text {
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
  top: 50%;
  margin: 40px 0 0;
  font-family: roboto-regular;
  color: #828282;
  z-index: 1001; }

@font-face {
  font-family: "roboto-light";
  src: url("../fonts/roboto-light.eot");
  src: url("../fonts/roboto-light.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-light.woff2") format("woff2"), url("../fonts/roboto-light.woff") format("woff"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.svg#roboto-light") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "roboto-regular";
  src: url("../fonts/roboto-regular.eot");
  src: url("../fonts/roboto-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-regular.woff2") format("woff2"), url("../fonts/roboto-regular.woff") format("woff"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.svg#roboto-regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "roboto-bold";
  src: url("../fonts/roboto-bold.eot");
  src: url("../fonts/roboto-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-bold.woff2") format("woff2"), url("../fonts/roboto-bold.woff") format("woff"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.svg#roboto-bold") format("svg");
  font-weight: normal;
  font-style: normal; }

.reference-book-btn {
  flex: 0 1 auto; }
  .reference-book-btn img {
    max-width: 25px;
    max-height: 30px;
    margin: 0 10px; }

label[for="id_terms_and_conditions"] input {
  height: auto;
  float: left;
  width: auto;
  margin: 4px 10px 7px 0; }

label[for="id_terms_and_conditions"] .error-span {
  float: none;
  display: block;
  margin: 10px 0; }

/* ------------------------------------------------------------------------------
*
*  # Helper classes
*
*  Custom helper classes
*
*
* ---------------------------------------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.no-edge-top {
  top: 0; }

.no-edge-bottom {
  bottom: 0; }

.no-edge-left {
  left: 0; }

.no-edge-right {
  right: 0; }

.valign-top {
  vertical-align: top; }

.valign-middle {
  vertical-align: middle; }

.valign-bottom {
  vertical-align: bottom; }

.valign-baseline {
  vertical-align: baseline; }

.valign-text-top {
  vertical-align: top; }

.valign-text-bottom {
  vertical-align: text-bottom; }

.position-relative {
  position: relative; }

.position-static {
  position: static; }

.display-block,
label.display-block {
  display: block; }

.display-inline-block {
  display: inline-block; }

.cursor-pointer {
  cursor: pointer; }

.cursor-move {
  cursor: move; }

.cursor-default {
  cursor: default; }

.overflow-hidden {
  overflow: hidden; }

.overflow-visible {
  overflow: visible; }

.overflow-auto {
  overflow: auto; }

.no-margin {
  margin: 0 !important; }

.no-margin-top {
  margin-top: 0 !important; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.no-margin-left {
  margin-left: 0 !important; }

.no-margin-right {
  margin-right: 0 !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.ml-5 {
  margin-left: 5px !important; }

.ml-10 {
  margin-left: 10px !important; }

.ml-15 {
  margin-left: 15px !important; }

.ml-20 {
  margin-left: 20px !important; }

.mr-5 {
  margin-right: 5px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mr-20 {
  margin-right: 20px !important; }

.no-padding {
  padding: 0 !important; }

.no-padding-top {
  padding-top: 0 !important; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-padding-left {
  padding-left: 0 !important; }

.no-padding-right {
  padding-right: 0 !important; }

.p-5 {
  padding: 5px !important; }

.p-10 {
  padding: 10px !important; }

.p-15 {
  padding: 15px !important; }

.p-20 {
  padding: 20px !important; }

.pt-5 {
  padding-top: 5px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pl-5 {
  padding-left: 5px !important; }

.pl-10 {
  padding-left: 10px !important; }

.pl-15 {
  padding-left: 15px !important; }

.pl-20 {
  padding-left: 20px !important; }

.pr-5 {
  padding-right: 5px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pr-15 {
  padding-right: 15px !important; }

.pr-20 {
  padding-right: 20px !important; }

.no-border {
  border: 0 !important; }

.no-border-top {
  border-top: 0 !important; }

.no-border-bottom {
  border-bottom: 0 !important; }

.no-border-left {
  border-left: 0 !important; }

.no-border-right {
  border-right: 0 !important; }

.border-top {
  border-top: 1px solid; }

.border-bottom {
  border-bottom: 1px solid; }

.border-left {
  border-left: 1px solid; }

.border-right {
  border-right: 1px solid; }

.border-lg {
  border-width: 2px; }

.border-top-lg {
  border-top: 2px solid; }

.border-bottom-lg {
  border-bottom: 2px solid; }

.border-left-lg {
  border-left: 2px solid; }

.border-right-lg {
  border-right: 2px solid; }

.border-xlg {
  border-width: 3px; }

.border-top-xlg {
  border-top: 3px solid; }

.border-bottom-xlg {
  border-bottom: 3px solid; }

.border-left-xlg {
  border-left: 3px solid; }

.border-right-xlg {
  border-right: 3px solid; }

.full-width {
  width: 100%; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }
  .img-responsive.img-centered {
    display: inline-block; }

.img-responsive-inline {
  display: inline-block;
  max-width: 100%;
  height: auto; }

.special-label-status {
  width: 40px;
  height: 25px;
  display: inline-block;
  cursor: pointer;
  background-size: contain !important;
  margin-left: 20px; }
  .special-label-status.partial {
    background: url(/static/images/retrieval/released_partial.svg) center center no-repeat; }
  .special-label-status.released {
    background: url(/static/images/retrieval/released_yes.svg) center center no-repeat; }
  .special-label-status.notreleased {
    background: url(/static/images/retrieval/released_not.svg) center center no-repeat; }

.checkbox-row {
  margin-top: 1em;
  width: 100%; }

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 768px) {
  .container {
    width: 750px; } }

@media (min-width: 992px) {
  .container {
    width: 970px; } }

@media (min-width: 1200px) {
  .container {
    width: 1170px; } }

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  margin-right: -15px;
  margin-left: -15px; }

.row-no-gutters {
  margin-right: 0;
  margin-left: 0; }

.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-12 {
  width: 100%; }

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-10 {
  width: 83.33333333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-6 {
  width: 50%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2 {
  width: 16.66666667%; }

.col-xs-1 {
  width: 8.33333333%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-pull-11 {
  right: 91.66666667%; }

.col-xs-pull-10 {
  right: 83.33333333%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-8 {
  right: 66.66666667%; }

.col-xs-pull-7 {
  right: 58.33333333%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-5 {
  right: 41.66666667%; }

.col-xs-pull-4 {
  right: 33.33333333%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-2 {
  right: 16.66666667%; }

.col-xs-pull-1 {
  right: 8.33333333%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-push-11 {
  left: 91.66666667%; }

.col-xs-push-10 {
  left: 83.33333333%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-8 {
  left: 66.66666667%; }

.col-xs-push-7 {
  left: 58.33333333%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-5 {
  left: 41.66666667%; }

.col-xs-push-4 {
  left: 33.33333333%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-2 {
  left: 16.66666667%; }

.col-xs-push-1 {
  left: 8.33333333%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-offset-12 {
  margin-left: 100%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-0 {
  margin-left: 0%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-11 {
    width: 91.66666667%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-8 {
    width: 66.66666667%; }
  .col-sm-7 {
    width: 58.33333333%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-4 {
    width: 33.33333333%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-2 {
    width: 16.66666667%; }
  .col-sm-1 {
    width: 8.33333333%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-pull-11 {
    right: 91.66666667%; }
  .col-sm-pull-10 {
    right: 83.33333333%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-8 {
    right: 66.66666667%; }
  .col-sm-pull-7 {
    right: 58.33333333%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-5 {
    right: 41.66666667%; }
  .col-sm-pull-4 {
    right: 33.33333333%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-2 {
    right: 16.66666667%; }
  .col-sm-pull-1 {
    right: 8.33333333%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-push-11 {
    left: 91.66666667%; }
  .col-sm-push-10 {
    left: 83.33333333%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-8 {
    left: 66.66666667%; }
  .col-sm-push-7 {
    left: 58.33333333%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-5 {
    left: 41.66666667%; }
  .col-sm-push-4 {
    left: 33.33333333%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-2 {
    left: 16.66666667%; }
  .col-sm-push-1 {
    left: 8.33333333%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-offset-12 {
    margin-left: 100%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-0 {
    margin-left: 0%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-12 {
    width: 100%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-1 {
    width: 8.33333333%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-pull-11 {
    right: 91.66666667%; }
  .col-md-pull-10 {
    right: 83.33333333%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-8 {
    right: 66.66666667%; }
  .col-md-pull-7 {
    right: 58.33333333%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-5 {
    right: 41.66666667%; }
  .col-md-pull-4 {
    right: 33.33333333%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-2 {
    right: 16.66666667%; }
  .col-md-pull-1 {
    right: 8.33333333%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-push-11 {
    left: 91.66666667%; }
  .col-md-push-10 {
    left: 83.33333333%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-8 {
    left: 66.66666667%; }
  .col-md-push-7 {
    left: 58.33333333%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-5 {
    left: 41.66666667%; }
  .col-md-push-4 {
    left: 33.33333333%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-2 {
    left: 16.66666667%; }
  .col-md-push-1 {
    left: 8.33333333%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-offset-12 {
    margin-left: 100%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-0 {
    margin-left: 0%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-11 {
    width: 91.66666667%; }
  .col-lg-10 {
    width: 83.33333333%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-8 {
    width: 66.66666667%; }
  .col-lg-7 {
    width: 58.33333333%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-5 {
    width: 41.66666667%; }
  .col-lg-4 {
    width: 33.33333333%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-2 {
    width: 16.66666667%; }
  .col-lg-1 {
    width: 8.33333333%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-pull-11 {
    right: 91.66666667%; }
  .col-lg-pull-10 {
    right: 83.33333333%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-8 {
    right: 66.66666667%; }
  .col-lg-pull-7 {
    right: 58.33333333%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-5 {
    right: 41.66666667%; }
  .col-lg-pull-4 {
    right: 33.33333333%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-2 {
    right: 16.66666667%; }
  .col-lg-pull-1 {
    right: 8.33333333%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-push-11 {
    left: 91.66666667%; }
  .col-lg-push-10 {
    left: 83.33333333%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-8 {
    left: 66.66666667%; }
  .col-lg-push-7 {
    left: 58.33333333%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-5 {
    left: 41.66666667%; }
  .col-lg-push-4 {
    left: 33.33333333%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-2 {
    left: 16.66666667%; }
  .col-lg-push-1 {
    left: 8.33333333%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-offset-12 {
    margin-left: 100%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-0 {
    margin-left: 0%; } }

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  display: table;
  content: " "; }

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both; }

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

.text-center {
  text-align: center !important; }

/*a simple slider*/
.avg_tg_title {
  color: #ef8a8a;
  text-decoration: none;
  transition: all 200ms linear;
  font-weight: bold; }

.preview_question:hover {
  text-decoration: underline;
  cursor: help !important; }

.preview_question.hint--top {
  margin-top: 2em; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; }

.inside_trigger_feed a {
  color: #525252;
  font: 18px/20px roboto-regular, Arial, sans-serif;
  margin-top: 1em;
  display: block;
  text-align: center; }

.inside_trigger_feed i {
  margin-right: 2em; }

#retrieval_wired_popup .wired-popup .answers-wrapper {
  max-height: 69vh; }

#retrieval_wired_popup .scroll-table_row {
  overflow-y: hidden !important; }

#retrieval_wired_popup.wired-popup .class_wrapper {
  border-bottom: 5px solid #ffc823; }

.js-equation-container {
  font-family: roboto-regular, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  align-items: center;
  color: #a0272b !important;
  padding: 20px 14px;
  border: 1px solid #a0272b !important;
  border-radius: 1em;
  width: 96%;
  margin: 0 auto;
  display: inline-block;
  margin-top: 1em;
  margin-bottom: 1em; }
  .js-equation-container p {
    color: #a0272b !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    display: block; }

.logo {
  margin: 8px 22px 30px 0;
  display: inline-block;
  vertical-align: top;
  width: 365px;
  height: 172px; }
  .logo svg {
    display: block;
    width: 212px;
    margin: 0 auto;
    filter: none; }
    .logo svg:hover {
      filter: grayscale(100%);
      transition: filter 500ms linear; }

@media screen and (max-width: 1100px) {
  .main-nav .logo svg {
    display: none; }
  .main-nav .logo {
    background: url(/../static/images/logo_ScienceSurgery.svg) no-repeat 50%;
    background-size: 39px 45px;
    width: 39px;
    height: 45px;
    margin-left: 8px; }
  .logo {
    width: 90%;
    height: 30%; } }

.wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.wrapper-flex {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  height: 100%; }

.main-content {
  flex: 1 1 auto; }

.board {
  box-sizing: border-box;
  padding: 10px 15px 5px 32px;
  height: 100%;
  overflow-x: auto; }
  .board_holder {
    text-align: right; }
  .board_action {
    padding-bottom: 44px; }
    .board_action_container {
      margin-left: -32px;
      padding-left: 20px;
      box-shadow: 0px 19px 15px 2px white, 0px -19px 15px 2px white; }
      .board_action_container li {
        border: none;
        display: flex;
        align-items: center; }
      .board_action_container .box_text_input {
        width: 60%;
        font: 18px/24px roboto-light, Arial, sans-serif;
        color: #a0a0a0; }
  .board_heading {
    position: relative; }
    .board_heading:before {
      content: "";
      position: absolute;
      height: 1px;
      width: 99%;
      left: 0;
      top: 45%;
      background: #dcdcdc; }
    .board_heading__mod {
      margin-bottom: 15px; }
      .board_heading__mod:before {
        top: 70%; }
  .board_title {
    font: 18px/39px roboto-light, Arial, sans-serif;
    color: #a0a0a0;
    background: #fff;
    padding-right: 13px;
    position: relative;
    display: inline-block;
    vertical-align: top; }
    .board_title__uppercase {
      text-transform: uppercase; }
  .board_list {
    display: flex; }
    .board_list__gold-border {
      padding: 10px 15px;
      border: 1px solid #ffc823;
      border-radius: 5px;
      margin-bottom: -13px; }
  .board_item {
    border-left: 1px solid #a0a0a0;
    padding: 0 13px;
    background: #fff;
    position: relative; }
    .board_item:first-child {
      border: none;
      padding-left: 0;
      display: flex;
      align-items: center; }
    .board_item:last-child {
      padding-right: 10px; }
    .board_item .label-edit-title {
      font: 18px roboto-light, Arial, sans-serif;
      color: #a0a0a0;
      white-space: nowrap; }
    .board_item__inline {
      display: inline-block;
      position: relative; }
  .board_item-mod {
    border-left: 1px solid #a0a0a0;
    padding: 0 13px;
    background: #fff;
    position: relative; }
    .board_item-mod:first-child {
      border: none;
      padding-left: 0;
      display: inline-block;
      align-items: center; }
  .board_link {
    font: 24px/30px roboto-light, Arial, sans-serif;
    color: #a0a0a0;
    text-transform: uppercase;
    transition: all 200ms linear; }
    .board_link__margin {
      margin-right: 10px; }
    .board_link:hover, .board_link__active {
      color: #ef8a8a;
      text-decoration: none;
      transition: all 200ms linear; }
  .board_panel--table {
    height: calc(100% - 80px); }
    .board_panel--table .school-admin {
      background: none; }
  .board_panel:before, .board_panel:after {
    display: table;
    content: ''; }
  .board_panel:after {
    clear: both; }
  .board_panel_container_keyword, .board_panel_container_homework {
    flex: 1 1 auto;
    overflow-y: auto;
    margin-left: -41px;
    padding-left: 24px; }
  .board_panel_container_keyword {
    overflow-y: auto;
    min-height: 0px;
    max-height: 40%; }
  .board_panel_container_videos {
    overflow-y: auto; }
    .board_panel_container_videos .buttons-holder {
      display: none; }
  .board_panel_container_homework {
    margin-top: 20px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    box-sizing: border-box; }
    .board_panel_container_homework_global {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      height: 0; }
    .board_panel_container_homework .action_panel {
      flex: 0 0 auto;
      margin-bottom: 20px;
      height: auto; }
    .board_panel_container_homework .boxes_panel {
      flex: 1 1 325px;
      overflow-y: auto;
      height: auto; }
  .board_panel__student-keyword {
    max-width: 800px;
    margin: 0 auto; }
  .board_panel_marginmod {
    margin-bottom: 8px; }
  .board_panel__relative {
    position: relative; }
  .board_relative {
    position: relative; }
  .board_flex {
    display: flex;
    flex-direction: column;
    align-content: stretch; }
  .board_flexwrap {
    display: flex;
    flex-wrap: wrap; }
  .board_flex_form {
    display: flex;
    flex-direction: column; }
  .board_button {
    width: 28px;
    height: 28px;
    background-size: 28px 28px;
    margin-top: 2px; }
    .board_button:hover svg {
      fill: #fff; }
    .board_button_plus {
      border: 1px solid #a0a0a0;
      width: auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font: 18px/21px roboto-light, Arial, sans-serif;
      color: #a0a0a0;
      border-radius: 8px;
      padding: 0 10px;
      cursor: pointer;
      margin-top: 1px; }
      .board_button_plus .plus-text {
        margin-top: 2px;
        white-space: nowrap;
        display: block; }
      .board_button_plus .plus-icon {
        width: 20px;
        height: 20px; }
      .board_button_plus svg {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        fill: #a0a0a0; }
      .board_button_plus:hover svg {
        fill: #ffc823; }
      .board_button_plus:hover {
        border: 1px solid #ffc823;
        color: #ffc823; }
      .board_button_plus .box_label {
        display: flex;
        margin: 0;
        font-size: 18px; }
        .board_button_plus .box_label .box_check {
          margin-bottom: -4px; }
  .board_student-holder {
    padding-top: 43px;
    padding-left: 160px; }
  .board_counter {
    color: #828282;
    font-family: roboto-regular, Arial, sans-serif;
    margin-bottom: 7px; }
  .board__padding-left {
    padding-left: 15%; }
  .board_revision {
    font: 14px/19px roboto-light, Arial, sans-serif;
    color: #a0a0a0;
    position: absolute;
    top: -9px;
    left: 10px;
    background: #fff; }
  .board_item-inline {
    display: inline-block; }
  .board_student-saved-success {
    position: absolute;
    top: 35px;
    width: 219px;
    color: #22dc2b; }

@media screen and (max-width: 1100px) {
  .board {
    padding: 30px 10px 30px 15px; }
    .board_panel_container_keyword, .board_panel_container_homework {
      padding-left: 41px; }
    .board_action_container {
      padding-left: 0;
      font-size: 14px; }
    .board_student-holder {
      padding-left: 10px; }
    .board_action_container {
      margin: 0;
      min-height: 66px; }
    .board .box_text_input__whiteback {
      margin-top: 0; }
    .board_list {
      display: flex; }
      .board_list .box_text_input {
        width: 165px; }
      .board_list .board_item {
        border: 0; }
        .board_list .board_item:first-child {
          display: flex;
          margin: 0 0 7px 18px; }
    .board_list__gold-border {
      margin: 0 0 10px; }
      .board_list__gold-border .board_item {
        display: block; }
        .board_list__gold-border .board_item:first-child {
          margin: 0 0 7px 18px; }
        .board_list__gold-border .board_item:last-child {
          border: 0; }
    .board_item__inline {
      vertical-align: middle;
      margin-top: 10px; }
    .board_item-mod .board_link {
      vertical-align: text-top; } }

@media screen and (max-width: 720px) {
  .board {
    padding: 10px 0 0 15px; }
    .board_action_container {
      min-height: 100px; }
    .board_list {
      flex-direction: column; }
      .board_list .board_item {
        border-left: 0; } }

.main-nav {
  min-width: 211px;
  width: 205px;
  height: 100%;
  background: #eee;
  display: flex;
  flex-direction: column; }
  .main-nav .logo {
    width: 205px;
    height: 100px;
    margin: 0; }
    .main-nav .logo svg {
      height: 80px;
      width: 205px; }
  .main-nav-header {
    display: flex; }
    @media screen and (max-width: 720px) {
      .main-nav-header {
        padding-left: 20px; } }
    @media screen and (max-width: 480px) {
      .main-nav-header {
        flex-direction: column;
        padding-left: 20px; } }
    .main-nav-header a {
      margin-right: 20px;
      color: #ffc823;
      font-family: roboto-regular, Arial, sans-serif;
      font-size: 18px; }
      @media screen and (max-width: 1100px) {
        .main-nav-header a {
          font-size: 14px; } }
      @media screen and (max-width: 480px) {
        .main-nav-header a {
          margin: 0 0 5px; } }
  .main-nav_mobile-icon {
    display: none;
    position: fixed;
    top: 20px;
    left: 10px;
    cursor: pointer; }
    .main-nav_mobile-icon svg {
      fill: #ffc823;
      height: 34px;
      width: 34px; }
    .main-nav_mobile-icon:hover svg {
      fill: #ce9f3b; }
    .main-nav_mobile-icon__checkbox {
      display: none;
      position: fixed;
      top: 20px;
      left: 10px;
      z-index: 10;
      opacity: 0;
      cursor: pointer;
      width: 34px;
      height: 36px;
      margin: 0; }

@media screen and (max-width: 1100px) {
  .main-nav {
    min-width: 66px;
    width: 55px; }
    .main-nav .logo {
      width: auto;
      height: 90px; } }

@media screen and (max-width: 720px) {
  .main-nav {
    min-width: 205px;
    width: 205px;
    display: none; }
  .main-nav_mobile-icon {
    display: block; }
    .main-nav_mobile-icon__checkbox {
      display: block;
      position: fixed; }
  .main-nav_mobile-icon__checkbox:checked ~ .main-nav {
    display: block;
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 11; }
    .main-nav_mobile-icon__checkbox:checked ~ .main-nav .logo {
      display: none; }
  .main-nav_mobile-icon__checkbox:checked ~ .main-nav_mobile-icon svg {
    fill: #ce9f3b; }
  .main-nav_mobile-icon__checkbox:hover ~ .main-nav_mobile-icon svg {
    fill: #ce9f3b; } }

.aside {
  width: 240px;
  min-width: 240px;
  height: 100%;
  background: #f4f4f4;
  display: flex;
  flex-direction: column; }
  .aside_mobile-icon {
    display: none;
    position: fixed;
    top: 20px;
    left: 60px;
    background: linear-gradient(to bottom, #ffc823 0%, #ffc823 20%, rgba(255, 200, 35, 0) 20%, rgba(255, 200, 35, 0) 40%, #ffc823 40%, #ffc823 60%, rgba(255, 200, 35, 0) 60%, rgba(255, 200, 35, 0) 80%, #ffc823 80%, #ffc823 100%);
    height: 36px; }
    .aside_mobile-icon__checkbox {
      display: none;
      position: fixed;
      top: 20px;
      left: 55px;
      height: 36px;
      width: 34px;
      z-index: 10;
      opacity: 0;
      cursor: pointer; }

@media screen and (max-width: 1100px) {
  .aside {
    min-width: 150px;
    width: 150px; } }

@media screen and (max-width: 720px) {
  .aside {
    min-width: 180px;
    width: 180px;
    display: none; }
  .aside_mobile-icon {
    display: block;
    width: 34px;
    height: 36px;
    text-indent: -9999px; }
    .aside_mobile-icon__checkbox {
      display: block; }
  .aside_mobile-icon__checkbox:checked ~ .aside {
    display: block;
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 11;
    border: 1px solid #eee; }
  .aside_mobile-icon__checkbox:checked ~ .aside_mobile-icon {
    background: linear-gradient(to bottom, #ce9f3b 0%, #ce9f3b 20%, rgba(206, 159, 59, 0) 20%, rgba(206, 159, 59, 0) 40%, #ce9f3b 40%, #ce9f3b 60%, rgba(206, 159, 59, 0) 60%, rgba(206, 159, 59, 0) 80%, #ce9f3b 80%, #ce9f3b 100%); }
  .aside_mobile-icon__checkbox:hover ~ .aside_mobile-icon {
    background: linear-gradient(to bottom, #ce9f3b 0%, #ce9f3b 20%, rgba(206, 159, 59, 0) 20%, rgba(206, 159, 59, 0) 40%, #ce9f3b 40%, #ce9f3b 60%, rgba(206, 159, 59, 0) 60%, rgba(206, 159, 59, 0) 80%, #ce9f3b 80%, #ce9f3b 100%); } }

.section {
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  flex: 0 1 auto; }
  .section .login_header {
    justify-content: center; }
  .section_student {
    box-sizing: border-box;
    max-width: 1140px;
    padding: 32px;
    margin: 0 auto; }
    .section_student iframe[src*="google.com"] {
      max-width: 100% !important;
      max-height: 600px !important; }
  .section_head {
    display: flex;
    height: 80px;
    min-height: 80px;
    background: #eee;
    align-items: center;
    box-sizing: border-box;
    border-left: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 0 52px 0 31px;
    justify-content: space-between; }
    .section_head form {
      display: grid;
      grid-template-columns: 8fr 1fr;
      height: 60%;
      padding: 0 2em; }
      @media screen and (max-width: 620px) {
        .section_head form input, .section_head form button {
          display: none; } }
  .section .action-btn {
    margin-right: auto;
    margin-left: 10px; }
  .section__scroolable {
    overflow: auto; }

@media screen and (max-width: 1100px) {
  .section_student {
    padding: 10px; } }

@media screen and (max-width: 720px) {
  .section_head {
    padding-left: 100px; } }

@media screen and (max-width: 480px) {
  width: 100%; }

.aside-list {
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7; }
  .aside-list_link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 35px 10px 21px;
    position: relative; }
    .aside-list_link .table_arrow svg {
      fill: #a0a0a0; }
    .aside-list_link_topic {
      min-height: 55px; }
    .aside-list_link__active {
      background: linear-gradient(to right, #e7e7e7 0%, #e7e7e7 0.5%, #f6f6f6 0.5%, #f6f6f6 100%); }
      .aside-list_link__active:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -6px;
        top: -6px;
        width: 7px;
        background: #ffc823; }
      .aside-list_link__active span.aside-list_holder .aside-list_description {
        display: none; }
    .aside-list_link:hover {
      background: linear-gradient(to right, #e7e7e7 0%, #e7e7e7 0.5%, #f6f6f6 0.5%, #f6f6f6 100%);
      text-decoration: none; }
    .aside-list_sub .aside-list_link {
      padding: 10px 28px 10px 8px; }
      .aside-list_sub .aside-list_link:hover:after, .aside-list_sub .aside-list_link__active:after {
        display: none; }
    .aside-list_inner .aside-list_link:hover, .aside-list_inner .aside-list_link__active {
      background: none; }
      .aside-list_inner .aside-list_link:hover:after, .aside-list_inner .aside-list_link__active:after {
        display: none; }
    .aside-list_link__padding-mod {
      padding: 0 35px 0 21px; }
  .aside-list_name {
    display: block;
    color: #606060;
    font: 16px/22px roboto-regular, Arial, sans-serif; }
    .aside-list_name.text-danger {
      color: #ed1c24; }
    .aside-list_inner .aside-list_link:hover .aside-list_name,
    .aside-list_inner .aside-list_link__active .aside-list_name {
      color: #ffc823; }
  .aside-list_description {
    color: #a0a0a0;
    font: 14px/18px roboto-light, Arial, sans-serif; }
  .aside-list_status {
    display: flex;
    align-items: center; }
  .aside-list_ico {
    width: 11px;
    height: 13px;
    margin-right: 6px;
    margin-left: 10px; }
    .aside-list_ico svg {
      width: 11px;
      height: 13px; }
    .aside-list_ico__green svg {
      fill: #9acd78; }
    .aside-list_ico__red svg {
      fill: #ef8a8a; }
  .aside-list_number {
    font: 11px/11px roboto-regular, Arial, sans-serif;
    color: #828282; }
  .aside-list_sub {
    box-sizing: border-box;
    max-height: 0;
    margin: 6px 0 -7px;
    background: #f4f4f4;
    padding: 0 0 0 19px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden; }
    .aside-list_item__drop .aside-list_sub {
      max-height: 100%;
      padding: 0 0 6px 19px;
      transition: max-height 1.25s ease-in, padding-bottom 0.1s linear 0.1s; }
  .aside-list_inner {
    box-sizing: border-box;
    max-height: 0;
    margin: 0 0 -7px;
    background: #f4f4f4;
    padding: 0 0 0 19px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden; }
    .aside-list_item__drop-inner .aside-list_inner {
      max-height: 100%;
      padding: 0 0 6px 19px;
      transition: max-height 1.25s ease-in, padding-bottom 0.1s linear 0.1s;
      margin-top: 0; }
  .aside-list_item {
    border-top: 1px solid #e7e7e7;
    padding: 6px 0;
    background: #fff; }
    .aside-list_item:last-child {
      border-bottom: 1px solid #e7e7e7; }
    .aside-list_sub .aside-list_item {
      position: relative;
      padding: 0;
      overflow: hidden; }
      .aside-list_sub .aside-list_item:before {
        position: absolute;
        top: 0;
        height: 55px;
        left: 0;
        width: 1px;
        background: #e7e7e7;
        z-index: 100; }
      .aside-list_sub .aside-list_item:first-child {
        border-top: none; }
    .aside-list_inner .aside-list_item {
      border-radius: 12px 0 0 0;
      padding: 0;
      overflow: hidden; }
      .aside-list_inner .aside-list_item:first-child {
        border-top: none; }
  .aside-list_holder {
    flex: 0 1 auto;
    width: 100%; }

.aside-list_item__drop .table_arrow {
  transform: rotate(180deg);
  transition: all 0.2s linear;
  margin-left: 10px;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  vertical-align: middle; }
  .aside-list_item__drop .table_arrow__aside {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0; }
  .aside-list_item__drop .table_arrow svg {
    fill: #a0a0a0; }
  .aside-list_item__drop .table_arrow:hover svg {
    fill: #ffc823; }

.aside-list_item__drop-inner .table_arrow-inner {
  transform: rotate(180deg);
  transition: all 0.2s linear;
  margin-left: 10px;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  vertical-align: middle; }
  .aside-list_item__drop-inner .table_arrow-inner__aside {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0; }
  .aside-list_item__drop-inner .table_arrow-inner svg {
    fill: #a0a0a0; }
  .aside-list_item__drop-inner .table_arrow-inner:hover svg {
    fill: #ffc823; }

@media screen and (max-width: 1100px) {
  .aside-list_link,
  .aside-list_sub .aside-list_link {
    min-height: 80px;
    height: auto;
    padding: 0 30px 0 8px;
    word-break: break-all; } }

.aside-head {
  height: 80px;
  min-height: 80px;
  background: #fff;
  box-sizing: border-box;
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 9; }

.aside-body {
  height: 100%;
  box-sizing: border-box;
  padding-top: 5px;
  overflow-x: auto; }

.filter-list {
  display: flex; }
  .filter-list_ico {
    display: flex;
    width: 27px;
    height: 27px;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #a0272b;
    justify-content: center;
    margin-right: 6px;
    color: #000;
    font-family: roboto-light, Arial, sans-serif; }
    .filter-list_ico svg {
      width: 7px;
      height: 12px; }
    .filter-list_ico .filter-l1-icon,
    .filter-list_ico .filter-l2-icon,
    .filter-list_ico .filter-l3-icon {
      width: 12px;
      height: 12px; }
    .filter-list_ico:hover, .filter-list_ico__active {
      background: #a0272b;
      transition: background 500ms linear;
      color: #fff; }
      .filter-list_ico:hover svg, .filter-list_ico__active svg {
        fill: #fff;
        transition: fill 500ms linear; }

.filter-text {
  font: 14px/18px roboto-light, Arial, sans-serif;
  color: #a0a0a0;
  margin-right: 10px; }

.filter-text-ks {
  font: 14px/18px roboto-light, Arial, sans-serif;
  color: #a0a0a0;
  margin-right: 10px; }

@media screen and (max-width: 1100px) {
  .filter-text {
    font-size: 0; } }

.btn {
  display: inline-block;
  vertical-align: middle;
  background: #a0a0a0;
  border-radius: 2px;
  color: #fff;
  text-transform: uppercase;
  box-sizing: border-box;
  min-width: 119px;
  text-align: center;
  padding: 6px 10px 5px;
  font: 16px/21px roboto-regular, Arial, sans-serif;
  margin-left: 10px;
  cursor: pointer;
  transition: background 300ms linear;
  transform: translateZ(0);
  position: relative; }
  .btn.logout_btn {
    color: white !important; }
  .btn__nomargin {
    margin-left: 0; }
  .btn:hover {
    background: #ffc823;
    color: #fff;
    transition: background 300ms linear; }
  .btn__content {
    margin: 20px auto;
    display: table;
    padding: 6px 20px 5px; }
  .btn__height {
    padding: 5px 10px 4px 10px;
    border-radius: 5px;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15); }
  .btn__nomargin {
    margin: 15px 0 0 0; }
  .btn__nomargins {
    margin: 0;
    border: 0; }
  .btn__align-left {
    margin-right: auto; }
  .btn__tips {
    float: right;
    margin-top: -6px;
    background: #ffc823;
    color: #fff; }
    .btn__tips:hover {
      background: #e9b720; }
  .btn__orange-red {
    background: #ffc823;
    color: #fff;
    border: none; }
    .btn__orange-red:hover {
      background: #ed1c24; }

.buttons-holder {
  width: 90%;
  max-width: 960px;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px; }

.action-btn {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  width: 34px;
  height: 50px; }
  .action-btn svg {
    width: 34px;
    height: 50px; }
    .action-btn svg .rect-plus {
      fill: #ffc823; }
  .action-btn:hover svg .rect-plus {
    fill: #e1ae41; }
  .action-btn:focus {
    outline: none; }

.box {
  border-radius: 12px;
  overflow: hidden;
  width: 200px;
  background: #e6e6e6;
  box-shadow: 0px 11px 37px -5px rgba(0, 0, 0, 0.15);
  margin-right: 22px;
  display: inline-block;
  vertical-align: top; }
  .box.grace_holder {
    margin-top: 1em;
    display: none; }
    .box.grace_holder.is_active {
      display: inline-block; }
    .box.grace_holder .box_body {
      color: #ed1c24;
      font-size: 24px;
      line-height: 1.5; }
  .box_nobtn {
    overflow: visible; }
    .box_nobtn .badge_weak-areas {
      bottom: 20px; }
    .box_nobtn .box_body {
      overflow: visible;
      border-radius: 0 0 12px 12px;
      padding-bottom: 40px; }
  .box_btn {
    overflow: visible; }
    .box_btn .box_body {
      overflow: visible; }
    .box_btn .box_action {
      border-radius: 0 0 12px 12px; }
    .box_btn .popup_holder .box_action {
      border-radius: 0; }
  .box__action {
    float: right;
    margin-right: 15px; }
  .box__centered {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 70%;
    margin: 0 auto; }
  .box__responsive {
    width: 100%;
    margin: 0; }
    .box__responsive .box_text iframe {
      max-width: 100%; }
  .box_text-paragraph {
    text-align: left; }
    .box_text-paragraph p {
      margin: 7px 0; }
  .box__scroll {
    width: 100%;
    height: 300px;
    overflow-y: auto; }
  .box__nobackground {
    background: none; }
  .box__modwidth {
    min-width: 365px; }
  .box__nopadding {
    padding: 0; }
  .box_head {
    background: #ffc823;
    border-radius: 12px 12px 0 0;
    min-height: 40px;
    display: flex;
    align-items: center;
    color: #000000;
    font: 18px/24px Arial;
    border: 1px solid #e9b720;
    text-align: center;
    justify-content: center;
    margin: 0 0 3px;
    padding: 5px;
    box-sizing: border-box;
    line-height: 19px; }
    .box__action .box_head {
      background: #e1ae41;
      border-color: #ce9f3b; }
    .box_head__width {
      width: 100%; }
    .box_head__disabled {
      background: #afafaf;
      border: 1px solid #afafaf; }
    .box_head__flexmod {
      justify-content: space-between;
      position: relative; }
    .box_head__relative {
      position: relative;
      padding: 5px 40px; }
    .box_head .buttons-holder {
      width: 20px;
      height: 20px;
      margin: 0;
      position: absolute;
      top: 50%;
      left: 12px;
      transform: translate(0, -50%); }
    .box_head div img {
      display: inline-block;
      height: auto;
      vertical-align: middle; }
    .box_head iframe {
      /*
            &[src*="google.com"] {
                max-width: 100%!important;
                max-height: 600px!important;
            }
            */ }
  .box_heading-action {
    background: #e1ae41;
    height: 40px;
    display: flex;
    align-items: center;
    color: #fff;
    font: 17px/23px roboto-regular, Arial, sans-serif;
    border: 1px solid #ce9f3b;
    text-align: center;
    justify-content: center;
    margin: 0 0 29px;
    border-radius: 4px; }
  .box_body {
    position: relative;
    background: #fff;
    padding: 20px 14px;
    overflow: auto;
    transition: height 0.3s linear, padding 0.1s linear 0.1s;
    box-sizing: border-box; }
    .box_body__action {
      background: #fff;
      padding: 10px 24px;
      box-sizing: border-box; }
    .box_body__responsive {
      height: auto;
      overflow: hidden; }
      .box_body__responsive img {
        display: inline-block;
        min-width: 140px;
        height: auto;
        vertical-align: middle; }
      .box_body__responsive h2 {
        color: #525252;
        font: 14px/18px roboto-regular, Arial, sans-serif; }
    .box_body__paddingmod {
      padding-top: 20px; }
    .box_body__max-height {
      max-height: 190px; }
      .box_body__max-height img {
        display: inline-block;
        width: 100%;
        height: auto;
        vertical-align: middle; }
    .box_body__font-style {
      font: 16px/22px roboto-regular, Arial, sans-serif;
      color: #a0a0a0; }
    .box_body_fixed-max-height {
      max-height: 370px;
      overflow: auto; }
    .box_body iframe {
      max-width: 100%;
      max-height: 200px;
      /*
            &[src*="google.com"] {
                max-width: 100%!important;
                max-height: 600px!important;
            }
            */ }
  .box_buttons-holder {
    overflow: hidden;
    display: flex; }
    .box_buttons-holder__bordermod {
      border-radius: 10px;
      display: none; }
    .box_buttons-holder__visible {
      display: flex;
      margin-top: 10px; }
  .box_tw_speed_choices {
    overflow: hidden;
    display: flex;
    justify-content: flex-end; }
    .box_tw_speed_choices li {
      box-sizing: border-box;
      margin: 0;
      padding: 0; }
      .box_tw_speed_choices li .tw-speed-button {
        border: 0;
        border-radius: 0;
        font-family: 'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;
        z-index: 100;
        font-size: 10px;
        line-height: 12px;
        padding: 5px 7px;
        margin: 4px 2px;
        background-color: #212121;
        color: #ffffff;
        cursor: pointer; }
        .box_tw_speed_choices li .tw-speed-button.active {
          background: lightskyblue;
          color: #212121; }
  .box_action {
    flex: 0 1 auto;
    width: 100%;
    border: none;
    border-top: 1px solid #dcdcdc;
    color: #b7b7b7;
    display: flex;
    height: 37px;
    background: #fff;
    box-sizing: border-box;
    justify-content: center;
    text-transform: uppercase;
    font: 16px/23px roboto-regular, Arial, sans-serif;
    text-decoration: none;
    align-items: center;
    transition-property: background, color;
    transition-duration: 300ms;
    transition-timing-function: linear; }
    .box_action:hover {
      background: #afafaf;
      color: #fff;
      transition-property: background, color;
      transition-duration: 300ms;
      transition-timing-function: linear; }
    .box_action_span {
      font: 14px/37px roboto-regular, Arial, sans-serif; }
    .box_buttons-holder .box_action {
      float: left; }
      .box_buttons-holder .box_action:not(:last-child) {
        border-right: 1px solid #dcdcdc; }
    .box_action_yellowbg {
      align-items: center;
      padding: 28px 0 26px; }
      .box_action_yellowbg:hover {
        background: #ffc823;
        color: #fff;
        transition-property: background, color;
        transition-duration: 300ms;
        transition-timing-function: linear; }
    .box_action__rounded {
      border-radius: 0 0 12px 12px; }
  .box_text {
    color: #525252;
    font: 15px/18px roboto-regular, Arial, sans-serif;
    width: 100%; }
    .box_text_blue_ret {
      background: #0b3e6f;
      color: #fff;
      padding: 2em 1em;
      border: 1px solid #0b3e6f;
      border-radius: 1em;
      font: 15px/18px roboto-regular, Arial, sans-serif; }
      .box_text_blue_ret div {
        line-height: 1.5em; }
        .box_text_blue_ret div .blue_infobox {
          background: #fff;
          color: red;
          display: inline-block;
          padding: 0 1em;
          margin-left: 1em;
          height: 24px;
          font-weight: bold;
          font-size: 1.1em; }
        .box_text_blue_ret div input[type=number] {
          background: #fff;
          color: red;
          display: inline-block;
          padding: 0 0 0 1em;
          margin-left: 1em;
          height: 24px;
          font-weight: bold;
          font-size: 1.1em;
          -moz-appearance: textfield;
          appearance: textfield; }
        .box_text_blue_ret div.footer-actions {
          margin-top: 2em;
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-between;
          color: #ffffff; }
          .box_text_blue_ret div.footer-actions .btn-action {
            margin: 0;
            padding: 0;
            width: 40%;
            height: 50px;
            border: 2px solid #ffffff;
            border-radius: 1em;
            color: #ffffff;
            background: green;
            font: 20px/22px roboto-regular, Arial, sans-serif;
            cursor: pointer; }
            .box_text_blue_ret div.footer-actions .btn-action:hover {
              filter: brightness(1.35); }
            .box_text_blue_ret div.footer-actions .btn-action.link-out {
              line-height: 50px;
              text-align: center;
              background: #0b3e6f; }
    .box_text__color-yellow {
      color: #828282;
      font: 14px/18px roboto-regular, Arial, sans-serif;
      margin-bottom: 10px;
      display: block; }
    .box_text__colormod {
      color: #828282;
      font: 14px/18px roboto-regular, Arial, sans-serif;
      margin-bottom: 10px;
      display: block; }
      .box_text__colormod:hover {
        color: #ffc823; }
    .box_text__for-checkbox {
      vertical-align: top;
      display: inline-block;
      width: 90%; }
    .box_text__centered {
      color: #525252;
      font: 18px/23px roboto-regular, Arial, sans-serif;
      text-align: center;
      margin-bottom: 10px; }
    .box_text__margin-top {
      padding-top: 15px;
      font-size: 20px;
      color: #a0a0a0; }
    .box_text__max_height {
      width: 800px;
      overflow: auto; }
      .box_text__max_height_100 {
        max-height: 100px; }
      .box_text__max_height_800 {
        max-height: 800px; }
    .badge_body .box_text iframe {
      width: 100%; }
    .box_text p {
      margin-bottom: 7px; }
  .box_status {
    padding-top: 10px;
    display: block;
    color: #525252;
    font: 14px/18px roboto-regular, Arial, sans-serif; }
  .box_time {
    color: #828282; }
  .box_label {
    overflow: hidden;
    position: relative;
    font: 14px/18px roboto-light, Arial, sans-serif;
    color: #828282;
    display: block;
    margin-bottom: 10px; }
    .box_label .calendar_button {
      width: 20px;
      height: 20px;
      fill: #a0a0a0; }
    .box_label__row {
      display: flex;
      align-self: flex-start; }
    .student_form .box_label {
      line-height: 40px;
      text-align: right;
      position: relative;
      margin-bottom: 20px;
      font-size: 14px;
      display: block; }
      .student_form .box_label__align-left {
        text-align: left;
        line-height: normal; }
      .student_form .box_label__mod {
        width: 360px;
        float: right;
        text-align: left;
        line-height: 20px; }
    .box_label__for-percents {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0; }
      .box_label__for-percents .box_text_input__modsize {
        width: 60px;
        height: 30px;
        font-size: 16px; }
    .box_label__align-left {
      display: flex;
      justify-content: flex-start; }
    .box_label__mod {
      width: 360px;
      float: right;
      text-align: left; }
    .box_label__text-left {
      text-align: left; }
    .box_label__tips {
      display: inline-block; }
    .box_label__custom-check {
      display: inline-block;
      margin-bottom: -7px; }
    .box_label__width100 {
      width: 100%; }
  .box_checkbox {
    position: absolute;
    left: -30px; }
    .box_checkbox:checked + .box_check {
      background-image: url(/static/images/check_box_full.svg);
      background-repeat: no-repeat; }
  .box_check {
    display: inline-block;
    vertical-align: top;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-image: url(/static/images/check_box.svg); }
    .box_check__small {
      background-size: 12px 12px;
      width: 12px;
      height: 12px;
      margin-top: 3px;
      flex-shrink: 0; }
  .box_check-area__left {
    position: absolute;
    left: 10px;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center; }
    .box_check-area__left .box_label {
      margin-bottom: 0;
      height: 23px; }
  .box_section {
    padding: 0 0 5px; }
    .box_section:last-child {
      padding-bottom: 0; }
  .box_text_input {
    width: 100%;
    height: 30px;
    border: 2px solid #e1ae41;
    border-radius: 5px;
    padding-left: 5px;
    margin-left: 20px;
    float: right;
    box-sizing: border-box;
    /* Firefox 19+ */
    /* Firefox 18- */ }
    .box_text_input::-webkit-input-placeholder {
      color: #d2d2d2; }
    .box_text_input::-moz-placeholder {
      color: #d2d2d2; }
    .box_text_input:-moz-placeholder {
      color: #d2d2d2; }
    .box_text_input:-ms-input-placeholder {
      color: #d2d2d2; }
    .student_form .box_text_input {
      width: 360px;
      height: 40px;
      margin-left: 27px;
      font: 20px roboto-light, Arial, sans-serif;
      color: #828282;
      background: #fff; }
      .student_form .box_text_input__no-input {
        border: 2px solid #cbcbcb;
        background: #f4f4f4; }
    .box_text_input__modsize {
      float: none;
      display: block;
      width: 100%;
      margin: 0;
      height: 40px;
      font-size: 20px; }
    .box_text_input__whiteback {
      background: #fff;
      height: 36px;
      margin-top: -1px;
      font-size: 18px !important; }
  .box_text_input:focus {
    outline: none; }
  .box_short {
    margin-bottom: 32px; }
    .box_short .box_arrow {
      transform: rotate(0deg); }
    .box_short .box_body {
      height: 0;
      padding-top: 0;
      padding-bottom: 0; }
    .box_short .box_footer {
      border: none; }
  .box_footer {
    height: 40px;
    border-radius: 0 0 12px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-top: 1px solid #dcdcdc; }
    .box_footer__disBlock {
      display: block;
      text-align: center;
      padding: 9px 24px;
      box-sizing: border-box; }
    .box_footer:not(:last-child) {
      border-radius: 0;
      border-bottom: 1px solid #a0a0a0; }
    .box_footer .filter-list_ico {
      fill: #828282; }
      .box_footer .filter-list_ico:hover {
        background: none; }
        .box_footer .filter-list_ico:hover svg {
          fill: #828282; }
      .box_footer .filter-list_ico__active:hover {
        background: #a0272b; }
        .box_footer .filter-list_ico__active:hover svg {
          fill: #fff; }
    .box_footer__addon {
      justify-content: flex-start;
      padding: 0 15px;
      align-items: center; }
      .box_footer__addon .box_check,
      .box_footer__addon .box_label {
        margin-bottom: 0; }
    .box_footer .caption {
      flex: 1;
      text-align: right;
      margin: 0;
      padding-right: 1em;
      font-size: 12px;
      font-weight: bold;
      color: #a8a8a8; }
  .box_title {
    margin: 0 auto;
    padding: 0 5px;
    max-width: 130px;
    box-sizing: border-box;
    flex: 0 1 auto;
    display: block; }
    .box_title img {
      max-width: 100%; }
    .box_title iframe {
      max-width: 100%;
      max-height: 130px; }
  .box_arrow {
    transform: rotate(180deg);
    transition: transform 0.3s linear;
    margin-right: 10px;
    width: 17px;
    cursor: pointer; }
    .box_arrow svg {
      width: 12px;
      height: 8px;
      fill: #fff; }
    .box_arrow:hover svg {
      fill: #525252; }
  .box_button {
    margin-left: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer; }
    .box_button svg {
      height: 20px;
      width: 20px;
      fill: #fff; }
    .box_button:hover svg {
      fill: #525252; }
  .box_signup {
    min-width: 750px; }
  .box__nopadding {
    padding: 0; }
  .box__register-success {
    width: inherit; }
  .box p {
    margin-bottom: 7px; }

.board_panel_container_keyword .box_head_disable {
  background-color: #828282;
  border-color: #828282; }

.safari-fix {
  display: block;
  text-align: center;
  line-height: 35px;
  cursor: pointer; }

.active-homework .box_button {
  display: none; }

@media screen and (max-width: 720px) {
  .student_form .box_text_input {
    width: 95%;
    margin: 0; }
  .student_form .select_input {
    width: 95%; }
  .student_form .box_label__mod {
    float: none;
    width: 100%; }
  .box__modwidth {
    min-width: 100%;
    margin-right: 0; } }

.sub-nav {
  position: relative;
  width: 100%;
  text-align: center; }
  .sub-nav_item {
    padding: 5px 0;
    border-left: 6px solid transparent;
    box-sizing: border-box;
    background: #fff; }
    .sub-nav_item__active {
      border-left-color: #ffc823; }
    .sub-nav_item__min-height {
      min-height: 78px; }
    .sub-nav_drop .sub-nav_item {
      border-top: 1px solid #e7e7e7; }
      .sub-nav_drop .sub-nav_item:first-child {
        border-top: transparent; }
    .sub-nav_item .subject-title {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 14px; }
  .sub-nav_link {
    display: block;
    padding: 15px 5px 14px;
    color: #a0a0a0;
    font: 18px/23px roboto-light, Arial, sans-serif; }
    .sub-nav_link .box_arrow {
      margin-top: -2px; }
      .sub-nav_link .box_arrow svg {
        width: 11px;
        margin-left: 5px;
        fill: #a0a0a0; }
    .sub-nav_link:hover {
      text-decoration: none;
      color: #a0a0a0;
      background: #f6f6f6; }
  .sub-nav_drop {
    width: 100%;
    position: absolute;
    top: 100%;
    visibility: hidden;
    margin-left: -6px;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    z-index: 1; }

.dropdown-classes .sub-nav_drop {
  visibility: visible; }

@media screen and (max-width: 1100px) {
  .sub-nav_link {
    text-align: left; } }

.search {
  position: absolute;
  right: 20px;
  width: 16px;
  box-sizing: border-box;
  top: 50%;
  transform: translateY(-50%); }
  .search__active {
    width: 100%;
    left: 0;
    right: auto;
    padding: 0 20px; }
  .search_ico {
    width: 16px;
    height: 16px; }
    .search_ico:hover {
      cursor: pointer; }
      .search_ico:hover svg {
        fill: #ffc823; }
    .search_ico svg {
      width: 100%;
      fill: #a0a0a0; }
    .search_ico #close {
      display: none; }
    .search__active .search_ico #close {
      display: block; }
    .search__active .search_ico #search {
      display: none; }
  .search_input {
    width: 100%;
    border: none;
    padding: 0;
    font: 16px/20px roboto-regular, Arial, sans-serif;
    color: #a0a0a0;
    display: none; }
    .search__active .search_input {
      display: block; }
  .search_holder {
    display: flex;
    width: 100%; }
    .search__active .search_holder {
      border-bottom: 1px solid #e7e7e7; }

.user-action {
  font-size: 0;
  display: flex;
  align-items: center; }
  .user-action__float-right {
    float: right; }
  .user-action_text {
    display: block; }
    .user-action_text__wrapper {
      display: inline-block;
      vertical-align: middle;
      margin-right: 15px; }
      .user-action_text__wrapper:first-child {
        margin-top: -4px; }

.edit_title {
  display: block;
  width: 28px;
  height: 28px; }
  .edit_title svg {
    width: 28px;
    height: 28px;
    fill: #a0a0a0; }
  .edit_title:hover svg {
    fill: #ffc823; }

.edit_homework {
  display: inline-block;
  width: 20px;
  margin-top: 5px;
  cursor: pointer; }
  .edit_homework svg {
    width: 20px;
    height: 20px;
    fill: #fff; }
  .edit_homework:hover svg {
    fill: #afafaf; }
  .edit_homework_link {
    margin-left: 15px;
    margin-top: 3px;
    margin-right: auto;
    cursor: pointer; }
    .edit_homework_link .edit_homework_link {
      margin: 0; }
    .edit_homework_link svg {
      width: 20px;
      height: 20px;
      fill: #fff; }
    .edit_homework_link:hover svg {
      fill: #afafaf; }

.edit_homework_delete {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 5px; }
  .edit_homework_delete svg {
    width: 20px;
    height: 20px;
    fill: #a0a0a0; }

.hw-list_status {
  display: inline-block;
  padding-top: 10px;
  margin-left: -10px; }

.grey_text {
  font: 18px/23px roboto-light, Arial, sans-serif;
  color: #a0a0a0;
  vertical-align: baseline;
  text-transform: uppercase;
  margin-left: 5px; }
  .grey_text__lowercase {
    text-transform: none; }
  .grey_text__bold {
    font-weight: 700; }

.right_dummu {
  margin-left: auto;
  margin-right: 40px; }

.edit-wrapper {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); }

.create-groups-icon {
  right: 10px;
  left: inherit; }

/* Progressbar */
.ui-progressbar {
  position: relative;
  color: #606060; }

.ui-widget-header {
  background: #ffc823;
  font-weight: bold; }

.ui-widget-content {
  border-color: #ce9f3b; }

.progress-label {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.progress-bar-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  font-family: roboto-light;
  z-index: 999; }

.progress-bar-wrapper.active {
  display: flex; }

.progress-bar-inner-wrapper {
  width: 300px;
  background: #fff; }

.progress-control {
  color: #606060;
  padding: 10px; }

.select_input,
.select_input:active,
.select_input:focus {
  width: 360px;
  height: 40px;
  background: #e1ae41 url("/static/images/down_up_icon.svg") no-repeat 96% 50%;
  background-size: 10px 7px;
  align-items: center;
  color: #fff;
  font: 18px/23px roboto-regular, Arial, sans-serif;
  border: 1px solid #e1ae41;
  text-align: center;
  text-align-last: center;
  border-radius: 4px;
  float: right;
  margin-left: 27px;
  outline: none;
  appearance: none;
  padding: 0 10px;
  position: relative; }
  .select_input option,
  .select_input:active option,
  .select_input:focus option {
    text-align: center;
    background: #fff;
    color: #a0a0a0; }
    .select_input option:hover,
    .select_input:active option:hover,
    .select_input:focus option:hover {
      background: #ffc823; }
  .select_input__nofloat,
  .select_input:active__nofloat,
  .select_input:focus__nofloat {
    float: none;
    margin-left: 0; }

.select_input__nofloat,
.select_input__nofloat:active,
.select_input__nofloat:focus {
  float: none;
  margin-left: 0; }

.box_body__action .select_input,
.box_body__action .select_input:active,
.box_body__action .select_input:focus {
  width: 100%;
  height: 30px; }

.calendar {
  position: relative; }

.calendar_button {
  position: absolute;
  top: 22px;
  right: 10px;
  height: 20px;
  width: 20px;
  fill: #a0a0a0; }

.error-field {
  border: solid 3px #ed1c24 !important; }
  .error-field-tabs {
    border-top: solid 3px #ed1c24 !important; }

.error-message {
  color: red !important;
  font-size: 18px !important;
  margin-right: 10px; }
  .error-message__float-right {
    float: right; }
  .error-message__text-left {
    width: 360px;
    float: right;
    line-height: 22px;
    text-align: left;
    margin-right: 0;
    margin-top: 10px; }

.note-text {
  width: 360px;
  float: right;
  line-height: 22px;
  text-align: left;
  margin-right: 0;
  margin-top: 10px; }
  .note-text__color {
    color: #9acd78; }

.disabled {
  background-color: #eee !important;
  border-color: #f4f4f4 !important;
  color: #828282 !important;
  cursor: not-allowed; }
  .disabled + .box_check {
    -webkit-filter: grayscale(100%) opacity(50%);
    filter: grayscale(100%) opacity(50%); }

.ui-datepicker {
  z-index: 155 !important;
  width: 13.5em !important; }

.form__max-width {
  width: 100%; }

.radio-list_item {
  box-sizing: border-box;
  min-height: 59px;
  padding: 15px 25px; }

.radio-list__padding {
  padding: 23px 35px 23px 21px;
  border-bottom: 1px solid #dcdcdc;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.radio-list__quiz-text {
  flex-basis: 80%; }

.radio-list__quiz-number {
  font-weight: 700; }

.radio-list_text {
  font: 16px/23px roboto-regular, Arial, sans-serif;
  color: #828282; }

.radio-list_radio {
  display: none; }

.radio-list_label {
  padding: 1px 0 3px 26px;
  overflow: hidden;
  position: relative;
  display: block;
  color: #828282;
  font: 14px/18px roboto-regular, Arial, sans-serif; }
  .radio-list_label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #cbcbcb; }
  .image-full-width .radio-list_label img {
    width: auto;
    max-width: 100%; }
  .image-full-width .radio-list_label:before {
    top: 50%;
    transform: translate(0, -50%); }
  .radio-list_radio:checked ~ .radio-list_label:before {
    background: #ed1c24;
    border-color: #ed1c24; }

.badge_body {
  position: relative;
  width: 200px;
  display: inline-block;
  vertical-align: top;
  margin-right: 17px;
  margin-bottom: 32px; }
  .badge_body__responsive {
    width: 100%;
    margin: 0; }

.badge_do_reset {
  background-color: #ef8a8a;
  position: absolute;
  border-radius: 2px 2px 0 2px;
  padding: 3px 8px 1px 8px;
  right: -10px;
  top: 0;
  font: 12px/16px roboto-light, Arial, sans-serif;
  color: white; }
  .badge_do_reset:after {
    content: '';
    position: absolute;
    transform: rotate(-45deg);
    top: 19px;
    right: 1px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #9f272b; }

.badge_left_days {
  background-color: #ef8a8a;
  position: absolute;
  border-radius: 2px 2px 0 2px;
  padding: 3px 8px 1px 8px;
  right: -10px;
  top: 0;
  font: 12px/16px roboto-light, Arial, sans-serif;
  color: white; }
  .badge_left_days:after {
    content: '';
    position: absolute;
    transform: rotate(-45deg);
    top: 19px;
    right: 1px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #9f272b; }

.badge_weak-areas {
  background-color: #ffc823;
  position: absolute;
  border-radius: 2px 2px 0 2px;
  padding: 3px 8px 1px 8px;
  right: -10px;
  bottom: 0;
  font: 12px/16px roboto-light, Arial, sans-serif;
  color: white;
  width: 60px; }
  .badge_weak-areas__mod {
    bottom: 17px; }
  .badge_weak-areas:after {
    content: '';
    position: absolute;
    transform: rotate(-45deg);
    top: 19px;
    right: 1px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ce9f3b; }

.badge_retrieval_start_page .row {
  display: flex; }
  @media screen and (max-width: 720px) {
    .badge_retrieval_start_page .row {
      flex-direction: column-reverse; }
      .badge_retrieval_start_page .row:last-of-type {
        flex-direction: column; } }
  .badge_retrieval_start_page .row > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 2em; }
    .badge_retrieval_start_page .row > div .box_text {
      font: 19px/22px roboto-regular, Arial, sans-serif;
      line-height: 1.3;
      margin-bottom: 1em; }
    .badge_retrieval_start_page .row > div .btn-action {
      margin: 0 auto;
      width: auto;
      padding: 1em 4em;
      text-align: center;
      border: 2px solid #ffffff;
      border-radius: 1em;
      color: #ffffff;
      background: green;
      font: 20px/22px roboto-regular, Arial, sans-serif;
      cursor: pointer; }
      .badge_retrieval_start_page .row > div .btn-action:hover {
        filter: brightness(1.35); }

/*-------------------------------------*\
	HINT.css - A CSS tooltip library
\*-------------------------------------*/
/**
 * HINT.css is a tooltip library made in pure CSS.
 *
 * Source: https://github.com/chinchang/hint.css
 * Demo: http://kushagragour.in/lab/hint/
 *
 * Release under The MIT License
 *
 */
/**
 * source: hint-core.scss
 *
 * Defines the basic styling for the tooltip.
 * Each tooltip is made of 2 parts:
 * 	1) body (:after)
 * 	2) arrow (:before)
 *
 * Classes added:
 * 	1) hint
 */
[class*="hint--"] {
  position: relative;
  display: inline-block;
  /**
	 * tooltip arrow
	 */
  /**
	 * tooltip body
	 */ }
  [class*="hint--"]:before, [class*="hint--"]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms; }
  [class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
    visibility: visible;
    opacity: 1; }
  [class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    transition-delay: 500ms; }
  [class*="hint--"]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001; }
  [class*="hint--"]:after {
    background: rgba(0, 0, 0, 0.66);
    color: white;
    padding: 8px 10px;
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 12px;
    white-space: nowrap; }
  [class*="hint--"][aria-label]:after {
    content: attr(aria-label); }
  [class*="hint--"][data-hint]:after {
    content: attr(data-hint); }

[aria-label='']:before, [aria-label='']:after,
[data-hint='']:before,
[data-hint='']:after {
  display: none !important; }

/**
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 *
 * Classes added:
 * 	1) hint--top
 * 	2) hint--bottom
 * 	3) hint--left
 * 	4) hint--right
 */
/**
 * set default color for tooltip arrows
 */
.hint--top-left:before {
  border-top-color: rgba(0, 0, 0, 0.66); }

.hint--top-right:before {
  border-top-color: rgba(0, 0, 0, 0.66); }

.hint--top:before {
  border-top-color: rgba(0, 0, 0, 0.66); }

.hint--bottom-left:before {
  border-bottom-color: rgba(0, 0, 0, 0.66); }

.hint--bottom-right:before {
  border-bottom-color: rgba(0, 0, 0, 0.66); }

.hint--bottom:before {
  border-bottom-color: rgba(0, 0, 0, 0.66); }

.hint--left:before {
  border-left-color: rgba(0, 0, 0, 0.66); }

.hint--right:before {
  border-right-color: rgba(0, 0, 0, 0.66); }

.hint--right-end:before {
  border-right-color: rgba(0, 0, 0, 0.66); }

/**
 * top tooltip
 */
.hint--top:before {
  margin-bottom: -11px; }

.hint--top:before, .hint--top:after {
  bottom: 100%;
  left: 50%; }

.hint--top:before {
  left: calc(50% - 6px); }

.hint--top:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%); }

.hint--top:hover:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--top:hover:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  -moz-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px); }

/**
 * bottom tooltip
 */
.hint--bottom:before {
  margin-top: -11px; }

.hint--bottom:before, .hint--bottom:after {
  top: 100%;
  left: 50%; }

.hint--bottom:before {
  left: calc(50% - 6px); }

.hint--bottom:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%); }

.hint--bottom:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--bottom:hover:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  -moz-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px); }

/**
 * right tooltip
 */
.hint--right:before {
  margin-left: -11px;
  margin-bottom: -6px; }

.hint--right:after {
  margin-bottom: -14px; }

.hint--right:before, .hint--right:after {
  left: 85%;
  bottom: 50%; }

.hint--right:hover:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

.hint--right:hover:after {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

.hint--right-end:before {
  margin-left: -11px;
  margin-bottom: -6px; }

.hint--right-end:after {
  margin-bottom: -14px; }

.hint--right-end:before, .hint--right-end:after {
  left: 100%;
  bottom: 50%; }

.hint--right-end:hover:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

.hint--right-end:hover:after {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

/**
 * left tooltip
 */
.hint--left:before {
  margin-right: -11px;
  margin-bottom: -6px; }

.hint--left:after {
  margin-bottom: -14px; }

.hint--left:before, .hint--left:after {
  right: 85%;
  bottom: 50%; }

.hint--left:hover:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }

.hint--left:hover:after {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }

/**
 * top-left tooltip
 */
.hint--top-left:before {
  margin-bottom: -11px; }

.hint--top-left:before, .hint--top-left:after {
  bottom: 100%;
  left: 50%; }

.hint--top-left:before {
  left: calc(50% - 6px); }

.hint--top-left:after {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%); }

.hint--top-left:after {
  margin-left: 12px; }

.hint--top-left:hover:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--top-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  -moz-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px); }

/**
 * top-right tooltip
 */
.hint--top-right:before {
  margin-bottom: -11px; }

.hint--top-right:before, .hint--top-right:after {
  bottom: 100%;
  left: 50%; }

.hint--top-right:before {
  left: calc(50% - 6px); }

.hint--top-right:after {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0); }

.hint--top-right:after {
  margin-left: -12px; }

.hint--top-right:hover:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--top-right:hover:after {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

/**
 * bottom-left tooltip
 */
.hint--bottom-left:before {
  margin-top: -11px; }

.hint--bottom-left:before, .hint--bottom-left:after {
  top: 100%;
  left: 50%; }

.hint--bottom-left:before {
  left: calc(50% - 6px); }

.hint--bottom-left:after {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%); }

.hint--bottom-left:after {
  margin-left: 12px; }

.hint--bottom-left:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--bottom-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  -moz-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px); }

/**
 * bottom-right tooltip
 */
.hint--bottom-right:before {
  margin-top: -11px; }

.hint--bottom-right:before, .hint--bottom-right:after {
  top: 100%;
  left: 50%; }

.hint--bottom-right:before {
  left: calc(50% - 6px); }

.hint--bottom-right:after {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0); }

.hint--bottom-right:after {
  margin-left: -12px; }

.hint--bottom-right:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--bottom-right:hover:after {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

/**
 * source: hint-sizes.scss
 *
 * Defines width restricted tooltips that can span
 * across multiple lines.
 *
 * Classes added:
 * 	1) hint--small
 * 	2) hint--medium
 * 	3) hint--large
 *
 */
.hint--small:after,
.hint--medium:after,
.hint--large:after {
  white-space: normal;
  line-height: 1.4em; }

.hint--small:after {
  width: 80px; }

.hint--medium:after {
  width: 150px; }

.hint--large:after {
  width: 300px; }

/**
 * source: hint-font-sizes.scss
 *
 * Defines font sizes tooltips that can span
 *
 * Classes added:
 * 	1) hint--text-small
 * 	2) hint--text-medium
 * 	3) hint--text-large
 *
 */
.hint--text-small:after {
  font-size: .8rem; }

.hint--text-medium:after {
  font-size: 1rem; }

.hint--text-large:after {
  font-size: 1.5rem; }

/**
 * source: hint-theme.scss
 *
 * Defines basic theme for tooltips.
 *
 */
[class*="hint--"] {
  /**
	 * tooltip body
	 */ }
  [class*="hint--"]:after {
    text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.66);
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); }

/**
 * source: hint-color-types.scss
 *
 * Contains tooltips of various types based on color differences.
 *
 * Classes added:
 * 	1) hint--error
 * 	2) hint--warning
 * 	3) hint--info
 * 	4) hint--success
 *
 */
/**
 * Error
 */
.hint--error:after {
  background-color: #b34e4d;
  text-shadow: 0 -1px 0px #592726; }

.hint--error.hint--top-left:before {
  border-top-color: #b34e4d; }

.hint--error.hint--top-right:before {
  border-top-color: #b34e4d; }

.hint--error.hint--top:before {
  border-top-color: #b34e4d; }

.hint--error.hint--bottom-left:before {
  border-bottom-color: #b34e4d; }

.hint--error.hint--bottom-right:before {
  border-bottom-color: #b34e4d; }

.hint--error.hint--bottom:before {
  border-bottom-color: #b34e4d; }

.hint--error.hint--left:before {
  border-left-color: #b34e4d; }

.hint--error.hint--right:before {
  border-right-color: #b34e4d; }

.hint--error.hint--right-end:before {
  border-right-color: #b34e4d; }

/**
 * Warning
 */
.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0 -1px 0px #6c5328; }

.hint--warning.hint--top-left:before {
  border-top-color: #c09854; }

.hint--warning.hint--top-right:before {
  border-top-color: #c09854; }

.hint--warning.hint--top:before {
  border-top-color: #c09854; }

.hint--warning.hint--bottom-left:before {
  border-bottom-color: #c09854; }

.hint--warning.hint--bottom-right:before {
  border-bottom-color: #c09854; }

.hint--warning.hint--bottom:before {
  border-bottom-color: #c09854; }

.hint--warning.hint--left:before {
  border-left-color: #c09854; }

.hint--warning.hint--right:before {
  border-right-color: #c09854; }

.hint--warning.hint--right-end:before {
  border-right-color: #c09854; }

/**
 * Info
 */
.hint--info:after {
  background-color: #3986ac;
  text-shadow: 0 -1px 0px #1a3c4d; }

.hint--info.hint--top-left:before {
  border-top-color: #3986ac; }

.hint--info.hint--top-right:before {
  border-top-color: #3986ac; }

.hint--info.hint--top:before {
  border-top-color: #3986ac; }

.hint--info.hint--bottom-left:before {
  border-bottom-color: #3986ac; }

.hint--info.hint--bottom-right:before {
  border-bottom-color: #3986ac; }

.hint--info.hint--bottom:before {
  border-bottom-color: #3986ac; }

.hint--info.hint--left:before {
  border-left-color: #3986ac; }

.hint--info.hint--right:before {
  border-right-color: #3986ac; }

.hint--info.hint--right-end:before {
  border-right-color: #3986ac; }

/**
 * Success
 */
.hint--success:after {
  background-color: #458746;
  text-shadow: 0 -1px 0px #1a321a; }

.hint--success.hint--top-left:before {
  border-top-color: #458746; }

.hint--success.hint--top-right:before {
  border-top-color: #458746; }

.hint--success.hint--top:before {
  border-top-color: #458746; }

.hint--success.hint--bottom-left:before {
  border-bottom-color: #458746; }

.hint--success.hint--bottom-right:before {
  border-bottom-color: #458746; }

.hint--success.hint--bottom:before {
  border-bottom-color: #458746; }

.hint--success.hint--left:before {
  border-left-color: #458746; }

.hint--success.hint--right:before {
  border-right-color: #458746; }

.hint--success.hint--right-end:before {
  border-right-color: #458746; }

/**
 * source: hint-always.scss
 *
 * Defines a persisted tooltip which shows always.
 *
 * Classes added:
 * 	1) hint--always
 *
 */
.hint--always:after, .hint--always:before {
  opacity: 1;
  visibility: visible; }

.hint--always.hint--top:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--always.hint--top:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  -moz-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px); }

.hint--always.hint--top-left:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--always.hint--top-left:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  -moz-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px); }

.hint--always.hint--top-right:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--always.hint--top-right:after {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--always.hint--bottom:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--always.hint--bottom:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  -moz-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px); }

.hint--always.hint--bottom-left:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--always.hint--bottom-left:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  -moz-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px); }

.hint--always.hint--bottom-right:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--always.hint--bottom-right:after {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--always.hint--left:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }

.hint--always.hint--left:after {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }

.hint--always.hint--right:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

.hint--always.hint--right:after {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

.hint--always.hint--right-end:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

.hint--always.hint--right-end:after {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

/**
 * source: hint-rounded.scss
 *
 * Defines rounded corner tooltips.
 *
 * Classes added:
 * 	1) hint--rounded
 *
 */
.hint--rounded:after {
  border-radius: 4px; }

/**
 * source: hint-effects.scss
 *
 * Defines various transition effects for the tooltips.
 *
 * Classes added:
 * 	1) hint--no-animate
 * 	2) hint--bounce
 *
 */
.hint--no-animate:before, .hint--no-animate:after {
  -webkit-transition-duration: 0ms;
  -moz-transition-duration: 0ms;
  transition-duration: 0ms; }

.hint--bounce:before, .hint--bounce:after {
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); }

.hint--h-bouncing:before, .hint--h-bouncing:after {
  animation: h-bounce 1s ease infinite; }

@keyframes h-bounce {
  0%, 100% {
    transform: translateX(0); }
  10% {
    transform: translateX(0.2rem); }
  20% {
    transform: translateX(0.4rem); }
  30% {
    transform: translateX(0.6rem); }
  40% {
    transform: translateX(0.8rem); }
  50% {
    transform: translateX(1rem); }
  60% {
    transform: translateX(0.8rem); }
  70% {
    transform: translateX(0.6rem); }
  80% {
    transform: translateX(0.4rem); }
  90% {
    transform: translateX(0.2rem); } }

.assesment {
  overflow: hidden; }
  .assesment_column {
    float: left;
    width: 30%;
    margin-right: 5%; }
  .assesment_box {
    border-radius: 12px; }
  .assesment_box-list {
    list-style: none; }
  .assesment_box-item {
    border-top: 1px solid #000;
    position: relative; }
    .assesment_box-item:first-child {
      border: 0; }
  .assesment_box-link {
    display: block;
    color: #000;
    text-align: center;
    padding: 5px; }
  .assesment_box-tip {
    display: none;
    position: absolute;
    left: 100%;
    margin-left: 10px;
    top: 0; }
    .assesment_box-item.active .assesment_box-tip {
      display: block; }

.nav-list {
  width: 98%;
  padding: 20px 0 0;
  margin-left: 5px;
  height: 99%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  flex: 0 1 auto; }
  .nav-list_link {
    display: flex;
    align-items: center;
    margin: 0 auto;
    position: relative;
    padding: 0 0 0 15px;
    text-decoration: none;
    height: 33px; }
    .nav-list_link:before {
      content: '';
      position: absolute;
      width: 188px;
      height: 45px;
      border-radius: 10px;
      border: 1px solid transparent;
      left: 0;
      top: 50%;
      transform: translate(0, -50%); }
    .nav-list_link:hover .nav-list_text {
      color: #FFF; }
    .nav-list_link:hover:before {
      background: #ed1c24; }
    .nav-list_link:hover svg {
      position: relative;
      fill: #fff; }
      .nav-list_link:hover svg#nav-retrieval-pieces {
        fill: #ed1c24 !important; }
    .nav-list_link__active .nav-list_text {
      color: #FFF; }
    .nav-list_link__active:before {
      width: 188px;
      background: #ed1c24; }
    .nav-list_link__active svg {
      position: relative;
      fill: #fff !important; }
      .nav-list_link__active svg#nav-retrieval-pieces {
        fill: #ed1c24 !important; }
  .nav-list_item {
    width: 190px;
    margin-bottom: 24px; }
    .nav-list_item .nav-dropdown {
      height: 0;
      overflow: hidden;
      transform: translateZ(0);
      backface-visibility: hidden;
      perspective: 1000; }
    .nav-list_item__active-noDD > .nav-list_link::before {
      background: #ed1c24;
      width: 188px; }
    .nav-list_item__active-noDD .nav-list_text {
      color: #fff; }
    .nav-list_item__active-noDD > .nav-list_link svg {
      fill: #fff; }
    .nav-list_item__active {
      background: #ed1c24;
      padding: 0 0 5px;
      border-radius: 10px;
      width: 190px; }
      .nav-list_item__active > .nav-list_link::before {
        background: #ed1c24;
        width: 188px; }
      .nav-list_item__active .nav-dropdown {
        height: 242px;
        box-sizing: border-box;
        padding: 20px 0 16px;
        transition: all 200ms ease; }
        .nav-list_item__active .nav-dropdown .nav-list_item {
          margin-bottom: 27px; }
        .nav-list_item__active .nav-dropdown .nav-list_item:last-child {
          margin-bottom: 0; }
        .nav-list_item__active .nav-dropdown .nav-list_link:hover::before {
          background: #fff;
          width: 95%;
          left: 3px;
          z-index: 0; }
        .nav-list_item__active .nav-dropdown .nav-list_link:hover svg {
          fill: #ed1c24; }
        .nav-list_item__active .nav-dropdown .nav-list_link:hover .nav-list_text {
          color: #ed1c24;
          z-index: 1; }
        .nav-list_item__active .nav-dropdown .nav-list_item__activated .nav-list_link::before {
          background: #fff;
          z-index: 0;
          width: 95%;
          left: 3px; }
        .nav-list_item__active .nav-dropdown .nav-list_item__activated .nav-list_link svg {
          fill: #ed1c24;
          z-index: 100; }
        .nav-list_item__active .nav-dropdown .nav-list_item__activated .nav-list_link .nav-list_text {
          color: #ed1c24; }
      .nav-list_item__active .nav-list_text {
        color: #fff; }
      .nav-list_item__active .nav-list_link svg {
        fill: #fff; }
  .nav-list_text {
    position: relative;
    margin: 0 3px 0 15px;
    color: #A0272B;
    font: 14px roboto-light, Arial, sans-serif; }
    .nav-list_text:hover {
      color: #FFF; }
  .nav-list svg {
    fill: #a0272b; }
    .nav-list svg#nav-retrieval-pieces {
      fill: #fff; }
  .nav-list #nav-retrieval-icon {
    width: 25px;
    height: 30px; }
  .nav-list #nav-retrieval-pieces {
    width: 25px;
    height: 30px; }
  .nav-list #nav-home-icon {
    width: 25px;
    height: 19px; }
  .nav-list #nav-home-work {
    width: 25px; }
  .nav-list #nav-quiz {
    width: 25px;
    height: 28px; }
  .nav-list #nav-student {
    width: 22px;
    height: 30px;
    padding-left: 2px; }
  .nav-list #nav-exam {
    width: 29px;
    height: 29px;
    padding-left: 2px;
    margin-right: -7px; }
  .nav-list #nav-statistic {
    width: 24px;
    height: 24px;
    padding-left: 2px; }
  .nav-list #nav-saved-tasks {
    width: 23px; }
  .nav-list #nav-settings {
    width: 26px;
    height: 25px; }
  .nav-list #nav-online-assessment {
    width: 25px;
    height: 33px; }
  .nav-list #nav-video {
    width: 25px;
    height: 20px; }
  .nav-list #nav-math-icon {
    width: 25px;
    height: 25px; }
  .nav-list #school-admin-menu-icon {
    z-index: 3;
    width: 26px;
    height: 25px; }
  .nav-list #nav-school-profile {
    width: 25px;
    height: 25px;
    z-index: 100; }
  .nav-list #nav-users {
    width: 25px;
    height: 26px;
    z-index: 100; }
  .nav-list #nav-grading {
    width: 25px;
    height: 26px;
    z-index: 100; }
  .nav-list #nav-classes {
    width: 25px;
    height: 26px;
    z-index: 100; }
  .nav-list #nav-kk-icon {
    width: 26px;
    height: 33px; }
  .nav-list #nav-mobile-icon {
    height: 34px;
    width: 34px; }
  .nav-list .icon {
    width: 25px;
    height: 25px; }

@media screen and (max-width: 1100px) {
  .nav-list {
    margin-left: 2px; }
    .nav-list_text {
      display: none; }
    .nav-list_link {
      padding-left: 12px; }
      .nav-list_link__active:before, .nav-list_link:before {
        width: 46px; }
      .nav-list_link:hover:before {
        width: 46px; }
    .nav-list_item {
      width: 44px; }
      .nav-list_item__active-noDD > .nav-list_link::before {
        background: #ed1c24;
        width: 48px; }
      .nav-list_item__active {
        width: 50px; }
        .nav-list_item__active > .nav-list_link::before {
          background: #ed1c24;
          width: 48px; }
        .nav-list_item__active .nav-dropdown {
          width: 50px; } }

@media screen and (max-width: 720px) {
  .nav-list {
    width: 100%;
    height: 85%; }
    .nav-list_text {
      display: block;
      z-index: 10; }
    .nav-list_link {
      padding-left: 12px; }
      .nav-list_link__active:before, .nav-list_link:before, .nav-list_link:hover:before {
        width: 188px; }
      .nav-list_link__active .nav-dropdown {
        width: 188px; }
    .nav-list_item {
      width: 188px; }
      .nav-list_item__active {
        width: 190px; }
        .nav-list_item__active > .nav-list_link::before {
          background: #ed1c24;
          width: 188px; }
        .nav-list_item__active .nav-dropdown {
          width: 188px; } }

.correct {
  color: #9acd78;
  text-indent: -9999pt;
  float: right;
  height: 23px;
  width: 22px;
  background: url(/static/images/yes.svg) no-repeat;
  background-size: 22px 26px; }
  .correct__left {
    float: left;
    padding-right: 10px; }

.incorrect {
  color: #ff0000;
  float: right;
  text-indent: -9999pt;
  background: url(/static/images/no.svg) no-repeat;
  background-size: 20px 20px;
  height: 20px;
  width: 20px; }
  .incorrect__left {
    float: left;
    padding-right: 10px; }

.partial {
  color: #ff961d !important;
  float: right;
  height: 20px; }
  .partial__left {
    float: left;
    padding-right: 10px; }

.errorlist {
  font-size: 16px;
  color: #ff0000; }

.error-span {
  font-size: 14px;
  color: #ff0000;
  float: right; }

.error-border input {
  border: red 2px solid; }

.red_cell {
  background: #ff6262 !important; }

.green_cell {
  background: #61ff53 !important; }

.yellow_cell {
  background: #ffd87b !important; }

.purple_cell {
  background: #ee6fff !important; }

.orange_cell {
  background: #ff961d !important; }

.bigmenu {
  width: 680px;
  display: inline-block;
  margin: 0 auto; }
  .bigmenu_list {
    width: 680px; }
  .bigmenu_head {
    height: 38px; }
  .bigmenu_action {
    width: 100%;
    border: none;
    border-top: 1px solid #dcdcdc;
    color: #b7b7b7;
    display: flex;
    align-items: center;
    padding: 16px 0 17px;
    background: #fff;
    box-sizing: border-box;
    justify-content: center;
    text-transform: uppercase;
    font: 16px/23px roboto-regular, Arial, sans-serif;
    text-decoration: none;
    overflow: hidden; }
    .bigmenu_action:hover {
      background: #ffc823;
      color: #fff; }
  .bigmenu_popup {
    position: absolute;
    transform: translateX(100%);
    padding: 20px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 0px 50px -5px rgba(0, 0, 0, 0.15);
    right: 0;
    top: 70px;
    max-width: 260px; }
    .bigmenu_popup .popup-message {
      font: 16px roboto-regular, Arial, sans-serif;
      color: #a0a0a0; }
    .bigmenu_popup:before {
      content: "";
      position: absolute;
      top: 20px;
      left: -20px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 16px 20px 16px 0;
      border-color: transparent #fff transparent transparent; }

.js-almost {
  background: #ffc823;
  color: #fff; }
  .js-almost:hover {
    background: #efb300; }

.js-got-it,
.js-grace-yes {
  background: #9acd78;
  color: #fff; }
  .js-got-it:hover,
  .js-grace-yes:hover {
    background: #7ebf53; }

.js-not-yet,
.js-grace-no {
  background: #ed1c24;
  color: #fff; }
  .js-not-yet:hover,
  .js-grace-no:hover {
    background: #c61017; }

@media screen and (max-width: 720px) {
  .bigmenu_list {
    width: 100%; } }

@media screen and (max-width: 480px) {
  .bigmenu {
    width: 100%; } }

select::-ms-expand {
  display: none; }

.selectric {
  height: 40px;
  background: #e1ae41 url(/static/images/down_up_icon.svg) no-repeat 96% 50%;
  background-size: 10px 7px;
  color: #fff;
  font: 18px/23px roboto-regular, Arial, sans-serif;
  border: 1px solid #e1ae41;
  text-align: center;
  text-align-last: center;
  border-radius: 4px; }
  .selectric .button {
    background: #e1ae41;
    color: #fff; }
    .selectric-open .selectric .button {
      background: #ffc823; }
    .selectric .button::after {
      border-top-color: #fff; }
  .selectric .label {
    color: #fff; }
  .selectric-open .selectric {
    background: #ffc823; }

.hintlist-item {
  position: relative;
  padding: 15px 25px;
  background: #fff; }
  .hintlist-item_header {
    font: "Arial Narrow";
    text-align: center;
    margin-bottom: 8px; }
  .hintlist-item_paragraph {
    font-size: 16px;
    line-height: 20px; }
  .hintlist-item__underlined {
    border-bottom: 1px solid #dcdcdc; }
  .hintlist-item .box_label__width100 {
    width: 50%;
    margin: 0 auto;
    display: block; }

.simple-hint {
  max-width: 359px;
  vertical-align: top;
  display: inline-block;
  margin-right: 23px;
  height: 100%;
  font: 18px/23px roboto-light, Arial, sans-serif;
  color: #a0a0a0; }
  .simple-hint__relative {
    position: relative; }
  .simple-hint__wrapper {
    display: inline-flex;
    vertical-align: top;
    flex-direction: column; }
  .simple-hint__some-wrapper {
    display: flex; }
    .simple-hint__some-wrapper .simple-hint__badge {
      flex-basis: 100%;
      width: 100%; }
  .simple-hint__flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 680px;
    margin-bottom: 15px; }
  .simple-hint_equation {
    display: inline-block;
    font: 18px/23px roboto-regular, Arial, sans-serif;
    color: #fff;
    margin-bottom: 8px;
    background: darkblue;
    padding: 5px 10px 4px 10px;
    border: 1px solid darkblue;
    border-radius: 5px;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    box-sizing: border-box;
    max-width: 400px; }
    .simple-hint_equation:hover {
      background: #e9b720; }
  .simple-hint_trigger {
    display: inline-block;
    font: 18px/23px roboto-regular, Arial, sans-serif;
    color: #fff;
    margin-bottom: 8px;
    background: #ffc823;
    padding: 5px 10px 4px 10px;
    border: 1px solid #e9b720;
    border-radius: 5px;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    box-sizing: border-box; }
    .simple-hint_trigger:hover {
      background: #e9b720; }
  .simple-hint_counter {
    font: 18px/23px roboto-light, Arial, sans-serif;
    color: #a0a0a0; }
  .simple-hint_headline {
    background: #ffc823;
    min-height: 42px;
    box-sizing: border-box;
    color: #fff;
    font: 16px/23px Arial;
    margin: 0 0 3px;
    padding: 7px 10px 0;
    border-radius: 12px 12px 0 0;
    border: 1px solid #e9b720;
    text-align: center; }
    .simple-hint_headline svg {
      fill: #fff;
      float: right;
      cursor: pointer;
      margin: 3px 0 0; }
      .simple-hint_headline svg:active {
        fill: #000; }
  .simple-hint_close {
    width: 20px;
    height: 20px; }
  .simple-hint_checkbox {
    display: none;
    background: #fff;
    text-align: center;
    border-top: 1px solid #dcdcdc;
    padding: 15px 10px 7px; }
    .simple-hint_checkbox__visible {
      display: block; }
  .simple-hint_label {
    margin-bottom: 0; }
  .simple-hint_hintlist {
    display: none;
    width: 100%;
    top: 39px;
    left: 0;
    z-index: 100;
    border-radius: 12px;
    background: #e6e6e6;
    color: #a0a0a0;
    box-shadow: 0px 0px 50px -5px rgba(0, 0, 0, 0.15);
    position: absolute;
    min-width: 360px; }
    .simple-hint_hintlist__fullscreen {
      position: absolute;
      top: -5px;
      left: -5px; }
    .simple-hint_hintlist__visible {
      display: block; }
    .simple-hint_hintlist__underlined {
      border-bottom: 1px solid #dcdcdc; }
  .simple-hint_outlined {
    box-shadow: 0px 0px 10px .5rem #ffd824; }

@media screen and (max-width: 720px) {
  .simple-hint__relative {
    margin: 0;
    display: table; }
  .simple-hint__some-wrapper {
    flex-direction: column; }
    .simple-hint__some-wrapper .simple-hint__relative {
      margin: 0; } }

.result-table {
  display: table;
  font: 16px/20px roboto-regular, Arial, sans-serif;
  text-align: center;
  height: 100%;
  width: 100%;
  color: #b7b7b7;
  position: relative;
  min-width: 400px; }
  .result-table__widthmod {
    min-width: 0;
    width: 340px; }
  .result-table:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    height: 1px;
    width: 100%;
    background: #dcdcdc; }
  .result-table__noborder:after {
    background: none; }
  .result-table .go-it, .result-table .almost, .result-table .not-yet {
    height: 100%;
    width: 33.3%;
    display: table-cell; }
  .result-table .title {
    width: 71%;
    height: 100%;
    display: table-cell; }
  .result-table .price, .result-table .current, .result-table .desire {
    width: 52px;
    height: 100%;
    display: table-cell; }
  .result-table .current__disable {
    opacity: 0.2; }
  .result-table .go-it {
    color: #a9de5a; }
  .result-table .almost {
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    color: #ffbe24; }
  .result-table .not-yet {
    color: #ff8486; }
  .result-table .box_check-area {
    padding: 5px 10px; }
    .result-table .box_check-area .box_label {
      margin-bottom: 0;
      line-height: 15px; }
  .result-table_header {
    border-bottom: 1px solid #dcdcdc;
    text-transform: uppercase;
    padding: 10px;
    color: #525252;
    white-space: nowrap; }
    .result-table_header__nopadd {
      padding: 0; }
  .result-table_body {
    display: flex;
    flex-direction: column;
    padding: 7px 0; }
    .result-table_body > span, .result-table_body > div {
      display: flex;
      align-items: center;
      box-sizing: border-box; }
  .result-table_text {
    padding: 5px 10px;
    text-align: left; }
    .result-table_text__layout-mod {
      display: flex;
      align-items: flex-start !important;
      flex-direction: column; }
      .result-table_text__layout-mod img {
        width: 50px; }
      .result-table_text__layout-mod iframe {
        width: 50px;
        height: 50px; }

@media screen and (max-width: 720px) {
  .result-table__widthmod {
    width: auto; }
  .result-table {
    min-width: 100%; } }

@media screen and (max-width: 480px) {
  .result-table {
    min-width: 0; } }

.signup {
  width: 780px;
  border-radius: 12px;
  overflow: hidden;
  background: #e6e6e6;
  box-shadow: 0px 11px 37px -5px rgba(0, 0, 0, 0.15);
  margin-bottom: 32px;
  display: inline-block;
  vertical-align: top; }
  .signup .box_check-area {
    column-count: 2; }
  .signup_head {
    background: #ffc823;
    min-height: 40px;
    display: flex;
    align-items: center;
    color: #fff;
    font: 16px/23px Arial;
    border: 1px solid #e9b720;
    text-align: center;
    justify-content: center;
    margin: 0 0 3px;
    padding: 0 10px; }
  .signup_body {
    background: #fff;
    padding: 28px 24px 0; }
  .signup_twocolumn-list {
    column-count: 2;
    height: 365px; }
  .signup_left-side {
    height: 100%;
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-right: 15px; }
  .signup_right-side {
    height: 100%;
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: top;
    width: 48%; }
  .signup_select, .signup_select:active, .signup_select:focus {
    width: 100%;
    box-sizing: border-box; }

@media screen and (max-width: 1100px) {
  .signup {
    width: 95%; } }

@media screen and (max-width: 720px) {
  .signup_left-side {
    width: 100%; }
  .signup_right-side {
    width: 100%; } }

.table_arrow {
  transform: rotate(0deg);
  margin-left: 10px;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  vertical-align: middle; }
  .table_arrow__aside {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0; }
  .table_arrow svg {
    fill: #a0a0a0; }
  .table_arrow:hover svg {
    fill: #ffc823; }

.table_arrow-inner {
  transform: rotate(0deg);
  margin-left: 10px;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  vertical-align: middle; }
  .table_arrow-inner__aside {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0; }
  .table_arrow-inner svg {
    fill: #a0a0a0; }
  .table_arrow-inner:hover svg {
    fill: #ffc823; }

.arrow-icon,
#arrow-icon {
  height: 10px;
  width: 13px; }

.school-admin-wrapper {
  width: 90%;
  float: right;
  height: 100%; }

.school-admin {
  margin-bottom: 60px;
  overflow: visible;
  overflow-y: visible;
  background: #ffc823;
  border-radius: 12px;
  max-width: 100%; }
  .school-admin_span-exp {
    font: 16px/20px roboto-regular, Arial, sans-serif;
    color: #a0a0a0;
    vertical-align: middle; }
  .school-admin_button {
    text-transform: uppercase;
    border: 1px solid #a0a0a0;
    color: #a0a0a0;
    padding: 3px 14px;
    border-radius: 5px;
    font: 16px/20px roboto-regular, Arial, sans-serif;
    vertical-align: middle; }
    .school-admin_button:hover {
      color: #ffc823;
      border-color: #ffc823; }
    .school-admin_button__delete {
      float: right;
      padding: 4px 14px; }
      .school-admin_button__delete:hover {
        color: #ed1c24;
        border-color: #ed1c24;
        animation: delete-btn 50ms ease;
        transform-origin: 50% 50%;
        animation-iteration-count: 5; }
    .school-admin_button__edit {
      float: right;
      padding: 4px 14px;
      margin-right: 10px; }
    .school-admin_button__apply {
      float: right;
      padding: 4px 14px;
      transition: all 0.2s linear;
      margin-bottom: 10px; }
      .school-admin_button__apply:hover {
        color: #ffc823;
        border-color: #ffc823;
        transform: scale(1.1);
        transition: all 0.2s linear; }
    .school-admin_button__download {
      float: right;
      padding: 4px 14px;
      transition: all 0.2s linear;
      margin: 0 0 10px 20px; }
      .school-admin_button__download:hover {
        color: #ffc823;
        border-color: #ffc823;
        transform: scale(1.1);
        transition: all 0.2s linear; }
  .school-admin_label-wrapper {
    position: relative;
    margin-bottom: 30px;
    margin-right: 15px;
    overflow: hidden; }
  .school-admin_label {
    max-width: 60px;
    color: #fff;
    font: 18px/23px Helvetica_light, Arial, sans-serif;
    text-align: left;
    position: relative;
    display: inline-block;
    margin: 0;
    vertical-align: middle; }
    .school-admin_label select, .school-admin_label select:focus, .school-admin_label select:active {
      width: 100%;
      height: 30px;
      color: #fff;
      font: 18px/23px roboto-regular, Arial, sans-serif;
      border: 1px solid #e1ae41;
      text-align: left;
      text-align-last: left;
      border-radius: 4px;
      outline: none;
      appearance: none;
      padding: 0 10px 0 5px;
      position: relative; }
      .school-admin_label select option, .school-admin_label select:focus option, .school-admin_label select:active option {
        text-align: center; }
    .school-admin_label:after {
      bottom: 35%; }
    .school-admin_label__wide {
      max-width: 100%; }
  .school-admin_table {
    margin: 0 0 10px; }
    .school-admin_table .table_body {
      margin-left: -85px;
      padding-left: 85px;
      height: 42vh; }
  .school-admin .checkable {
    background-color: #fff;
    padding: 0;
    border-bottom: 2px solid #f6f6f6; }
    .school-admin .checkable td {
      padding: 20px 15px 10px; }
    .school-admin .checkable td:first-child {
      position: relative; }
    .school-admin .checkable .icons-holder {
      display: none;
      position: absolute;
      padding: 0 16px 0 0;
      top: 2px;
      left: -95px;
      height: 100%;
      align-items: center; }
      .school-admin .checkable .icons-holder .edit:hover svg {
        fill: #ffc823; }
      .school-admin .checkable .icons-holder .edit svg,
      .school-admin .checkable .icons-holder .trash-can svg {
        width: 22px;
        height: 22px;
        fill: #a0a0a0; }
      .school-admin .checkable .icons-holder .trash-can:hover svg {
        fill: #ed1c24; }
      .school-admin .checkable .icons-holder .edit, .school-admin .checkable .icons-holder .trash-can {
        cursor: pointer;
        margin: 0 10px; }
    .school-admin .checkable__active td:first-child:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: -2px;
      top: 0;
      width: 7px;
      background: #ffc823; }
    .school-admin .checkable:hover td {
      background: linear-gradient(to bottom, #ffffff 0%, #ffffff 6%, #f6f6f6 6%, #f6f6f6 94%, #ffffff 94%, #ffffff 100%); }
    .school-admin .checkable:hover .icons-holder {
      display: flex; }

.board__school-admin {
  padding-top: 20px; }

@media screen and (max-width: 1100px) {
  .school-admin .checkable .icons-holder {
    left: -75px; }
    .school-admin .checkable .icons-holder .edit, .school-admin .checkable .icons-holder .trashcan {
      margin: 0 5px; } }

@keyframes delete-btn {
  50% {
    transform: translateX(3px) rotate(2deg); }
  100% {
    transform: translateX(-3px) rotate(-2deg); } }

@keyframes shaking {
  0%, 100% {
    transform: rotate(0); }
  25% {
    transform: rotate(10deg); }
  75% {
    transform: rotate(-10deg); } }

.social-link {
  margin-top: 1em; }
  .social-link ul {
    display: block;
    width: 440px;
    margin: 0 auto 20px; }
    .social-link ul li {
      display: inline-block;
      width: 106px;
      height: 106px; }
      .social-link ul li svg {
        width: 64px;
        height: 64px; }
      .social-link ul li a {
        display: block;
        padding: 20px;
        border-radius: 50%;
        border: 1px solid; }
    .social-link ul .facebook svg path {
      fill: #344c8a; }
    .social-link ul .facebook a {
      border-color: #344c8a; }
    .social-link ul .facebook:hover a {
      background-color: #344c8a; }
    .social-link ul .facebook:hover path {
      fill: #fff; }
    .social-link ul .twitter svg path {
      fill: #009bec; }
    .social-link ul .twitter a {
      border-color: #009bec; }
    .social-link ul .twitter:hover a {
      background-color: #009bec; }
    .social-link ul .twitter:hover path {
      fill: #fff; }
    .social-link ul .link-in svg path {
      fill: #0084be; }
    .social-link ul .link-in a {
      border-color: #0084be; }
    .social-link ul .link-in:hover a {
      background-color: #0084be; }
    .social-link ul .link-in:hover path {
      fill: #fff; }
    .social-link ul .g-plus svg path {
      fill: #eb4341; }
    .social-link ul .g-plus a {
      border-color: #eb4341; }
    .social-link ul .g-plus:hover a {
      background-color: #eb4341; }
    .social-link ul .g-plus:hover path {
      fill: #fff; }

.facebook:hover, .twitter:hover, .g-plus:hover, .link-in:hover {
  animation: shaking .3s linear 2; }

.safari-fix {
  text-align: center;
  line-height: 35px;
  display: block; }

.username-wrapper {
  font: 14px/18px roboto-light, Arial, sans-serif;
  display: inline-block;
  color: #a0a0a0;
  vertical-align: middle; }
  .username-wrapper_username {
    font: 18px roboto-regular, Arial, sans-serif;
    color: #9acd78;
    text-transform: uppercase;
    padding: 0 3px; }
  .username-wrapper_class-number {
    font: 18px roboto-regular, Arial, sans-serif;
    text-transform: uppercase; }

@media screen and (max-width: 1450px) {
  .username-wrapper {
    font-size: 0; }
    .username-wrapper_username {
      font-size: 14px; }
    .username-wrapper div:nth-child(2) {
      display: none; } }

@media screen and (max-width: 720px) {
  .username-wrapper {
    display: none; } }

.select-div {
  overflow: hidden;
  margin-bottom: 20px; }
  .select-div_trigger {
    width: 360px;
    float: right; }
    .select-div_trigger__float-left {
      float: left; }
    .select-div_trigger__w100 {
      width: 100%; }
    .select-div_trigger:focus {
      outline: 0; }
  .select-div .trigger {
    width: 360px;
    min-height: 40px;
    background: #e9b720;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    font: 20px/26px roboto-regular, Arial, sans-serif;
    margin-bottom: 18px; }
  .select-div_label {
    position: relative;
    font-size: 16px;
    overflow: hidden;
    color: #828282;
    display: block;
    margin-bottom: 10px;
    min-height: 21px; }
  .select-div_check {
    vertical-align: middle;
    margin-right: 8px; }
  .select-div_popup {
    transform: scaleY(1);
    height: 100%;
    transition: transform 500ms ease; }
    .select-div_popup__hidden {
      height: 0;
      transform: scaleY(0);
      transform-origin: top;
      transition: transform 500ms ease; }
      .select-div_popup__hidden:focus {
        outline: 0; }
  .select-div_button-holder {
    border: 0;
    padding: 0;
    background: #fff;
    position: relative;
    margin-top: 20px; }
  .select-div_plus-button {
    width: 170px; }
  .select-div__signup {
    margin-top: 28px; }

@media screen and (max-width: 720px) {
  .select-div_trigger {
    width: 100%;
    float: none; }
  .select-div .trigger {
    width: 100%; } }

.table {
  width: 100%;
  max-height: 98%;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  box-shadow: 0 11px 37px -5px rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
  background: #eee; }
  .table--results-grid {
    max-width: 960px;
    width: 90%;
    margin-bottom: 24px;
    height: initial; }
  .table--student {
    height: calc(100% - 60px);
    margin-top: 25px; }
  .table--homeworks {
    height: calc(100% - 120px); }
  .table__small {
    min-width: 0; }
  .table__grading .table_row-head {
    min-height: 70px; }
  .table_anchor {
    text-decoration: underline;
    color: #000;
    cursor: pointer; }
  .table_section {
    height: calc(100% - 150px); }
    .table_section--home {
      height: calc(100% - 25px); }
  .table_row {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    border-bottom: 1px solid #e7e7e7;
    min-height: 3em;
    background: #fff; }
    .table_row .table_cell {
      min-height: 49px;
      display: flex;
      align-items: center;
      color: #000; }
      .table_row .table_cell__narrow {
        min-width: 40%;
        word-break: keep-all; }
    .table_row .table_cell:first-child {
      position: relative;
      flex-direction: row; }
      .table_row .table_cell:first-child .table_arrow {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        width: 40px;
        cursor: pointer;
        transform: rotate(0deg);
        transition: transform 0.3s linear; }
        .table_row .table_cell:first-child .table_arrow svg {
          fill: #a0a0a0; }
    .table_row__collapsable-active .table_row {
      background: linear-gradient(to bottom, #ffffff 0%, #ffffff 8%, #f6f6f6 8%, #f6f6f6 92%, #ffffff 92%, #ffffff 100%); }
      .table_row__collapsable-active .table_row .table_cell:first-child:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 8px;
        background: #ffc823; }
    .table_row__collapsable-active .table_row__sub {
      display: flex; }
      .table_row__collapsable-active .table_row__sub .table_cell:first-child:before {
        display: none; }
      .table_row__collapsable-active .table_row__sub:hover .table_cell:not(:first-child) {
        background: #f6f6f6; }
      .table_row__collapsable-active .table_row__sub:hover .table_cell .styled-sub,
      .table_row__collapsable-active .table_row__sub:hover .table_cell .styled-sub__empty {
        background: #f6f6f6; }
    .table_row__collapsable-active .table_row__inner .table_cell:first-child:before {
      display: none; }
    .table_row__collapsable-active .table_row__inner:hover .table_cell:not(:first-child) {
      background: #f6f6f6; }
    .table_row__collapsable-active .table_row__inner:hover .table_cell .styled-sub {
      background: #f6f6f6; }
    .table_row__collapsable-active > .table_row .table_cell:first-child .table_arrow {
      transform: rotate(180deg);
      transition: transform 0.3s linear; }
    .table_row__collapsable .table_row__inner {
      display: none; }
    .table_row__sub {
      display: none; }
      .table_row__sub .table_cell {
        background: #fff; }
        .table_row__sub .table_cell__narrow {
          min-width: 40%;
          word-break: keep-all; }
      .table_row__sub .table_cell:first-child {
        background: #e7e7e7;
        padding: 0; }
        .table_row__sub .table_cell:first-child .styled-sub {
          min-height: 48px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #fff;
          margin: 0 0 0 15px;
          border-radius: 12px 0 0 0;
          height: 100%;
          width: 100%;
          position: relative;
          padding-left: 60px; }
          .table_row__sub .table_cell:first-child .styled-sub__empty {
            min-height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fff;
            margin: 0 0 0 15px;
            border-radius: 12px 0 0 0;
            height: 100%;
            width: 100%;
            position: relative; }
          .table_row__sub .table_cell:first-child .styled-sub .box_check-area {
            position: absolute;
            left: 35px;
            top: 50%;
            transform: translate(0, -50%);
            height: 20px; }
    .table_row:hover {
      background: #f6f6f6; }
      .table_row:hover .table_cell:first-child:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 8px;
        background: #ffc823; }
        .popup .table_row:hover .table_cell:first-child:before {
          display: none; }
    .table_row__inner {
      display: none; }
      .table_row__inner .table_cell:first-child:before {
        width: 0; }
      .table_row__inner .table_cell:first-child {
        background: #e7e7e7; }
        .table_row__inner .table_cell:first-child .styled-sub {
          margin: 0 0 0 30px;
          padding: 0 0 0 48px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #fff;
          border-radius: 12px 0 0 0;
          height: 100%;
          width: 100%; }
          .table_row__inner .table_cell:first-child .styled-sub .box_check-area {
            position: absolute;
            left: 55px;
            top: 50%;
            transform: translate(0, -50%);
            height: 20px; }
      .table_row__inner .table_cell {
        background: #fff; }
        .table_row__inner .table_cell__narrow {
          min-width: 40%;
          word-break: keep-all; }
    .table_row__collapsable-active .table_row {
      background: #f6f6f6; }
    .table_row__collapsable-active .table_row__sub {
      display: flex; }
    .table_row__collapsable-active .table_row__collapsable-sub-active .table_row__inner {
      display: flex; }
    .table_row__collapsable-active .table_row__collapsable-sub-active > .table_row .table_cell:first-child .table_arrow {
      transform: rotate(180deg);
      transition: transform 0.3s linear; }
  .table_row-head {
    border-radius: 12px 12px 0 0;
    width: 100%;
    display: flex;
    background: #ffc823;
    color: #fff;
    min-height: 100px;
    margin-bottom: 3px; }
    .table_row-head__high {
      min-height: 150px; }
    .table_row-head .table_cell {
      color: #fff;
      border-right: 1px #fff solid;
      text-align: center;
      justify-content: center;
      word-break: keep-all !important; }
      .table_row-head .table_cell:first-child {
        box-sizing: border-box; }
      .table_row-head .table_cell__narrow {
        min-width: 40%;
        word-break: keep-all; }
      .table_row-head .table_cell .radio-list_item {
        padding: 0;
        min-height: 0; }
        .table_row-head .table_cell .radio-list_item .radio-list_label {
          overflow: visible; }
          .table_row-head .table_cell .radio-list_item .radio-list_label:before {
            border-color: #fff; }
    .table_row-head .table_cell:last-child {
      border: 0; }
  .table_row__sub-head .table_cell__wrapper-all {
    position: relative; }
    .table_row__sub-head .table_cell__wrapper-all span {
      background: #fff;
      position: relative;
      z-index: 2; }
    .table_row__sub-head .table_cell__wrapper-all:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      height: 2px;
      width: 100%;
      background: #ffc823; }
  .table_footer {
    height: 20px;
    background: #ffc823;
    border-radius: 0 0 12px 12px;
    width: 100%; }
  .table_grid-results {
    width: 100%;
    margin-bottom: 0;
    box-shadow: none; }
    .table_grid-results .table_cell__wrapper-all {
      margin: 10px;
      justify-content: flex-start; }
    .table_grid-results__wrapper {
      box-shadow: 0 11px 37px -5px rgba(0, 0, 0, 0.15);
      display: flex;
      background: none;
      border-radius: 12px;
      overflow: hidden;
      margin-bottom: 20px;
      padding: 20px; }
      .table_grid-results__wrapper .box_label {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px; }
    .table_grid-results .table_row:last-child {
      border-bottom: none; }
    .table_grid-results .table_row:hover {
      background: #fff; }
      .table_grid-results .table_row:hover .table_cell:first-child:before {
        display: none; }
    .table_grid-results .table_row__sub-head {
      border-bottom: 0; }
      .table_grid-results .table_row__sub-head .table_cell__wrapper-all {
        display: flex;
        flex-direction: row;
        justify-content: flex-start; }
        .table_grid-results .table_row__sub-head .table_cell__wrapper-all span {
          font-family: roboto-bold;
          padding: 0 5px; }
      .table_grid-results .table_row__sub-head:hover {
        background: #fff; }
  .table_section {
    margin-right: 15px;
    margin-top: 25px; }
  .table_body {
    overflow-y: auto; }
  .table__wrapper {
    max-height: 100%; }
  .table_cell {
    flex: 0 1 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font: 12px/17px roboto-regular, Arial, sans-serif;
    color: #a0a0a0;
    word-break: break-all; }
    .popup .table_cell:before {
      display: none; }
    .table_cell .trash-can svg {
      width: 22px;
      height: 22px;
      fill: #a0a0a0;
      vertical-align: bottom; }
    .table_cell .trash-can:hover svg {
      fill: #ed1c24; }
    .table_cell__rotate {
      transform: rotateZ(-90deg);
      max-width: 140px;
      word-break: keep-all; }
    .table_cell__wrapper {
      padding-left: 35px; }
    .table_cell__wrapper-all {
      padding: 5px 15px;
      width: 100%;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
    .table_cell:first-child {
      box-sizing: border-box; }
  .table_student-wrapper {
    width: 100%;
    display: flex;
    position: relative;
    flex-shrink: 0; }
  .table_student-header {
    position: absolute;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid white;
    z-index: 10;
    background: #ffc823;
    height: 20px; }
  .table_scrollable {
    width: auto;
    overflow-x: auto; }
    .table_scrollable .table_row-head .table_cell {
      margin-top: 20px; }
    .table_scrollable .table_body {
      overflow-x: visible;
      width: auto; }
    .table_scrollable .table_row-head {
      width: auto; }
    .table_scrollable .table_footer {
      width: auto; }

@media screen and (max-width: 800px) {
  .table_section {
    overflow: auto;
    width: 100%; }
  .table__colors .table_row .table_cell:first-child,
  .table__colors .table_row-head .table_cell:first-child {
    min-width: 60px;
    width: 60px;
    flex: 0 0 auto; } }

@media screen and (max-width: 720px) {
  .table {
    min-width: 600px; }
    .table--results-grid {
      min-width: 100%; }
    .table .table_cell {
      font-size: 12px;
      word-break: break-all;
      min-width: 0; }
      .table .table_cell:first-child {
        min-width: 0; }
        .table_row-head .table .table_cell:first-child {
          min-width: 0; } }

.add-teacher {
  border: 1px solid #e9b720;
  position: relative;
  border-radius: 5px;
  padding: 20px 10px 10px 10px;
  box-sizing: border-box;
  float: right;
  margin-bottom: 15px;
  font: 16px roboto-light, Arial, sans-serif; }
  .add-teacher_wrapper {
    display: block;
    overflow: hidden;
    padding-top: 10px; }
    .add-teacher_wrapper:before {
      content: "";
      display: table; }
  .add-teacher_sign {
    position: absolute;
    top: 0;
    left: 6%;
    transform: translate(0, -50%);
    color: #a0a0a0;
    font: 16px/22px roboto-regular, Arial, sans-serif;
    background: #fff;
    text-transform: uppercase; }
  .add-teacher_item {
    font-size: 14px;
    color: #a0a0a0; }
    .add-teacher_item .close-icon {
      margin-right: 10px;
      width: 20px;
      box-sizing: border-box; }
      .add-teacher_item .close-icon svg {
        fill: #a0a0a0; }
      .add-teacher_item .close-icon:hover {
        cursor: pointer; }
        .add-teacher_item .close-icon:hover svg {
          fill: #ed1c24; }
    .add-teacher_item span {
      vertical-align: top;
      line-height: 20px; }
  .add-teacher_list {
    margin: 10px 0; }
  .add-teacher_title {
    display: block;
    background: #e1ae41;
    color: #fff;
    border: 1px solid #e1ae41;
    text-align: center;
    text-align-last: center;
    border-radius: 4px;
    padding: 5px 30px 5px 23px;
    z-index: 11;
    position: relative;
    cursor: pointer;
    font-family: roboto-regular, Arial, sans-serif; }
    .add-teacher_title .box_arrow {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translate(0, -50%) rotate(0deg);
      transition: all 0.3s linear; }
    .add-teacher_title__active + .add-teacher_dropdown {
      display: block; }
    .add-teacher_title__active .box_arrow {
      transform: translate(0, -50%) rotate(180deg);
      transition: all 0.3s linear; }
  .add-teacher_dropdown {
    border: 1px solid #ffc823;
    border-radius: 5px;
    background: #fff;
    position: absolute;
    top: -2px;
    right: -2px;
    z-index: 10;
    display: none;
    padding: 35px 125px 10px 10px;
    width: 400px; }
    .add-teacher_dropdown .add-teacher_item {
      margin-bottom: 7px; }
    .add-teacher_dropdown .board_button {
      float: right;
      width: 125px;
      margin-top: 6px; }
    .add-teacher_dropdown .select_input {
      width: 180px;
      float: none;
      text-align: left;
      align-items: left;
      text-align-last: left;
      padding: 0 20px 0 10px; }
      .add-teacher_dropdown .select_input optgroup {
        padding-left: 10px; }
      .add-teacher_dropdown .select_input .select_input option, .add-teacher_dropdown .select_input .select_input:active option, .add-teacher_dropdown .select_input .select_input:focus option {
        text-align: left; }
  .add-teacher .school-admin_label-wrapper {
    display: flex;
    justify-content: space-between;
    height: 30px;
    margin-bottom: 5px; }
  .add-teacher .school-admin_span-exp {
    line-height: 30px; }
  .add-teacher .box_label {
    margin: 0; }
  .add-teacher .select-div_plus-button {
    width: 120px;
    height: 27px; }
    .add-teacher .select-div_plus-button__widthmod {
      display: inline-block;
      width: auto; }

@media screen and (max-width: 720px) {
  .add-teacher_topic-button-holder {
    align-self: flex-end;
    margin-top: -40px;
    margin-right: 40px; } }

.search-plus {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 1px 0 0;
  overflow: visible; }
  .search-plus .plus-icon svg {
    cursor: pointer;
    height: 32px;
    width: 32px;
    fill: #ffc823;
    transition: all 200ms linear; }
    .search-plus .plus-icon svg:hover {
      fill: #a0a0a0;
      transition: all 200ms linear; }
  .search-plus .admin-searcher {
    margin: 0 10% 0 0;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .search-plus .admin-searcher input {
      height: 30px;
      font-size: 14px;
      width: 170px; }
  .search-plus .search-button {
    cursor: pointer;
    margin-left: 10px;
    height: 23px;
    border: 0;
    background: none;
    padding: 0; }
    .search-plus .search-button svg {
      width: 23px;
      height: 23px;
      fill: #a0a0a0;
      transition: fill 0.1s linear; }
      .search-plus .search-button svg:hover {
        fill: #ffc823; }

@media screen and (max-width: 1100px) {
  .search-plus .admin-searcher input {
    width: 60px; } }

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 100;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  word-break: normal; }
  .popup__align-body-left .box_body {
    text-align: left; }
  .popup_holder {
    max-width: 350px;
    height: auto;
    width: auto;
    margin: 0; }
    .popup_holder__width-1 {
      max-width: 98%; }
  .popup_close {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    width: 20px; }
    .popup_close svg {
      width: 20px;
      height: 21px;
      fill: #fff; }
    .popup_close:hover svg {
      fill: #afafaf; }
  .popup_head {
    font: 16px/22px roboto-regular, Arial, sans-serif;
    justify-content: flex-end;
    display: block; }
    .popup_head .js-close {
      float: right; }
    .popup_head .js-discard {
      float: right; }
  .popup .popup-title {
    font: 16px roboto-regular, Arial, sans-serif;
    color: #a0a0a0;
    margin-bottom: 10px; }
  .popup .box_body {
    padding: 10px 30px; }
    .popup .box_body img {
      display: block;
      margin: 0 auto; }
    .popup .box_body.demo_box {
      font: 15px/18px roboto-regular, Arial, sans-serif;
      color: #606060; }
      .popup .box_body.demo_box h2 {
        text-align: center;
        font-size: 24px;
        margin-bottom: 1em; }
      .popup .box_body.demo_box ol {
        list-style: decimal;
        padding: 1em 0; }
        .popup .box_body.demo_box ol li {
          line-height: 2em; }
      .popup .box_body.demo_box ul {
        padding: 1em 0; }
        .popup .box_body.demo_box ul li {
          line-height: 2em; }
  .popup .box_text {
    font: 16px/22px roboto-regular, Arial, sans-serif;
    color: #a0a0a0; }
    .popup .box_text__red {
      color: #ef8a8a; }
    .popup .box_text__red-center {
      text-align: center;
      color: #ef8a8a; }
  .popup .radio-list_label {
    overflow: visible; }
  .popup .radio-list_item {
    padding: 0;
    margin-bottom: 10px;
    min-height: 0; }
  .popup .new-button {
    background: #ffc823;
    color: #fff;
    transition: all 0.3s;
    min-height: 37px;
    height: auto;
    display: flex;
    line-height: 20px;
    padding: 10px; }
    .popup .new-button:hover {
      background: #e9b720; }

.error-close {
  margin-right: 15px;
  float: right; }

.error_head {
  margin: 0 auto; }

.close-button-icon {
  height: 20px;
  width: 20px;
  fill: #fff; }
  .close-button-icon:hover {
    fill: #a0a0a0; }

.file-upload .box_label__text-left {
  text-align: left; }

.message-list {
  box-sizing: border-box;
  padding: 10px;
  border-radius: 12px;
  max-width: 550px;
  margin-bottom: 15px; }
  .message-list .error {
    color: #828282;
    font: 14px/18px roboto-regular, Arial, sans-serif;
    margin-bottom: 10px;
    display: block; }
  .error .message-list {
    border: 2px #ed1c24 solid; }
  .message-list .success {
    color: #828282;
    font: 14px/18px roboto-regular, Arial, sans-serif;
    margin-bottom: 10px;
    display: block; }
  .success .message-list {
    border: 2px #9acd78 solid; }

.student_form {
  padding-top: 24px;
  padding-bottom: 24px;
  margin-left: 6px;
  width: 565px;
  flex: 0 1 auto; }
  .student_form .label_text {
    margin-bottom: 30px; }
  .student_form .buttons {
    padding-top: 10px;
    width: 360px;
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    float: right; }
    .student_form .buttons__no-float {
      float: none; }
  .student_form__nomargin {
    padding-top: 0;
    margin-left: 0; }
  .student_form__add-school {
    width: 360px;
    height: 100%; }
  .student_form .select_input__no-input {
    background-color: #cecece;
    border-color: #cecece; }
  .student_form__border {
    border: 2px solid #ffc823;
    border-radius: 12px;
    padding: 10px;
    box-sizing: border-box; }
  .student_form .box_check-area {
    display: inline-block;
    width: 100%; }

@media screen and (max-width: 720px) {
  .student_form {
    width: 95%; }
    .student_form .buttons {
      width: 95%; }
    .student_form__add-school {
      width: 95%; } }

.math_body {
  font: 16px roboto-light, Arial, sans-serif;
  color: #a0a0a0;
  text-align: justify;
  flex-wrap: wrap; }
  .math_body p {
    margin: 20px 0;
    color: #828282;
    text-align: left;
    font-size: 17px;
    display: inherit;
    align-items: center;
    justify-content: center; }
  .math_body input {
    border: 2px solid #e1ae41;
    border-radius: 5px;
    height: 25px;
    padding-left: 5px;
    margin-right: 5px; }
    .math_body input.answer_incorrect {
      border: 2px solid red !important; }
    .math_body input.answer_correct {
      border: 2px solid green !important; }
    .math_body input.answer_partial {
      border: 2px solid orange !important; }
  .math_body input:last-child {
    width: 40px; }
  .math_body .error-field {
    border: solid 3px #ed1c24; }
  .math_body__small-input input {
    width: 40px;
    margin: 0 5px 0 0; }

.math_dropdown {
  padding: 0 14px 14px;
  font: 14px roboto-regular, Arial, sans-serif;
  background: #fff;
  color: #a0a0a0;
  display: none; }

.math .box_buttons-holder {
  display: block; }
  .math .box_buttons-holder .next-button {
    display: none;
    width: 100%;
    text-align: center; }
  .math .box_buttons-holder .box_action {
    float: none; }
    .math .box_buttons-holder .box_action_span {
      width: 100%;
      text-align: center; }
  .math .box_buttons-holder__active .math_dropdown {
    display: block; }
  .math .box_buttons-holder__active .answer-button {
    display: none; }
  .math .box_buttons-holder__active .next-button {
    display: inline; }

.math_score {
  font: 20px roboto-regular, Arial, sans-serif;
  color: #ffc823;
  text-align: center;
  margin: 15px 0;
  text-transform: uppercase; }

.math_explanation {
  font: 16px roboto-light, Arial, sans-serif;
  margin: 10px 0; }
  .math_explanation .explanation-label {
    font-family: roboto-bold;
    color: #a0272b;
    display: block;
    margin-bottom: 1em; }

.math_list select {
  appearance: none;
  width: 19px;
  height: 21px;
  border-radius: 5px;
  background-color: #ebebe4;
  border: 2px solid #e7e7e7; }

.math_list input {
  width: 40px;
  border: 2px solid #e7e7e7;
  border-radius: 5px;
  height: 25px;
  padding-left: 5px; }

.math_list .radio-list__quiz-text input {
  width: 40px;
  border: 2px solid #e7e7e7;
  border-radius: 5px;
  height: 25px;
  padding-left: 5px; }

.math_list .radio-list__quiz-text img {
  max-width: 200px; }

.math_list .radio-list__quiz-text__mod-input input:first-child {
  width: 90px; }

.math_list .radio-list__quiz-text__mod-input input:last-child {
  width: 60px; }

.math_list__item input {
  width: 10px;
  height: 15px;
  position: relative; }
  .math_list__item input::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }

.math_list .box_text > iframe {
  width: 160px;
  height: auto; }

.flex_body {
  font: 16px roboto-light, Arial, sans-serif;
  color: #a0a0a0;
  text-align: justify;
  flex-wrap: wrap; }
  .flex_body p {
    margin: 20px 0;
    color: #828282;
    text-align: left;
    font-size: 17px;
    display: inherit;
    align-items: center;
    justify-content: center; }
  .flex_body input {
    border: 2px solid #e1ae41;
    border-radius: 5px;
    height: 25px;
    padding-left: 5px;
    margin-right: 5px; }
    .flex_body input.answer_incorrect {
      border: 2px solid red !important; }
    .flex_body input.answer_correct {
      border: 2px solid green !important; }
    .flex_body input.answer_partial {
      border: 2px solid orange !important; }
  .flex_body input:last-child {
    min-width: 40px; }
  .flex_body .error-field {
    border: solid 3px #ed1c24; }
  .flex_body__small-input input {
    width: 40px;
    margin: 0 5px 0 0; }

.flex_dropdown {
  padding: 0 14px 14px;
  font: 14px roboto-regular, Arial, sans-serif;
  background: #fff;
  color: #a0a0a0;
  display: none; }

.flex .box_buttons-holder {
  display: block; }
  .flex .box_buttons-holder .next-button {
    display: none;
    width: 100%;
    text-align: center; }
  .flex .box_buttons-holder .box_action {
    float: none; }
    .flex .box_buttons-holder .box_action_span {
      width: 100%;
      text-align: center; }
  .flex .box_buttons-holder__active .math_dropdown {
    display: block; }
  .flex .box_buttons-holder__active .answer-button {
    display: none; }
  .flex .box_buttons-holder__active .next-button {
    display: inline; }

.flex_score {
  font: 20px roboto-regular, Arial, sans-serif;
  color: #ffc823;
  text-align: center;
  margin: 15px 0;
  text-transform: uppercase; }

.flex_explanation {
  font: 16px roboto-light, Arial, sans-serif;
  margin: 10px 0; }
  .flex_explanation .explanation-label {
    font-family: roboto-bold;
    color: #a0272b;
    display: block;
    margin-bottom: 1em; }

.flex_list select {
  appearance: none;
  width: 19px;
  height: 21px;
  border-radius: 5px;
  background-color: #ebebe4;
  border: 2px solid #e7e7e7; }

.flex_list input {
  width: 40px;
  border: 2px solid #e7e7e7;
  border-radius: 5px;
  height: 25px;
  padding-left: 5px; }

.flex_list .radio-list__quiz-text input {
  width: 40px;
  border: 2px solid #e7e7e7;
  border-radius: 5px;
  height: 25px;
  padding-left: 5px; }

.flex_list .radio-list__quiz-text img {
  max-width: 200px; }

.flex_list .radio-list__quiz-text__mod-input input:first-child {
  width: 90px; }

.flex_list .radio-list__quiz-text__mod-input input:last-child {
  width: 60px; }

.flex_list__item input {
  width: 10px;
  height: 15px;
  position: relative; }
  .flex_list__item input::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }

.flex_list .box_text > iframe {
  width: 160px;
  height: auto; }

.csv-upload {
  font: 16px/20px roboto-regular, Arial, sans-serif;
  clear: both;
  color: #ce9f3b;
  display: block;
  text-align: right;
  padding-top: 17px;
  margin-bottom: 17px;
  transition: all 200ms linear; }
  .csv-upload__school-admin {
    display: inline;
    margin: 0 0 0 15px; }
  .csv-upload__inline {
    display: inline;
    text-transform: none; }
  .csv-upload:hover {
    color: #ffc823;
    transition: all 200ms linear; }

.dropdown-trigger iframe {
  width: 100%;
  max-height: 400px; }

.dropdown-trigger_dropdown {
  display: none;
  box-sizing: border-box;
  background: #fff;
  border-top: 1px solid #dcdcdc; }
  .dropdown-trigger_dropdown__hidden {
    display: none; }
  .dropdown-trigger_dropdown__visible {
    display: block; }

.dropdown-trigger_paragraph {
  font: 16px roboto-regular, Arial, sans-serif;
  color: #a0a0a0;
  padding: 10px 20px; }

.text-input {
  width: 100%;
  border: 2px solid #e1ae41;
  border-radius: 5px;
  padding-left: 5px;
  display: block;
  box-sizing: border-box;
  height: 40px;
  font-size: 20px; }
  .text-input_modwidth {
    float: none;
    display: block;
    width: 100%; }
  .text-input:focus {
    outline: none; }

.sub-link {
  position: relative;
  vertical-align: baseline;
  margin-top: 32px; }
  .sub-link_item {
    padding: 5px 0;
    border-left: 6px solid transparent;
    box-sizing: border-box;
    background: #fff; }
    .sub-link_item__active {
      border-left-color: #ffc823; }
    .sub-link_drop .sub-link_item {
      border-top: 1px solid #e7e7e7; }
      .sub-link_drop .sub-link_item:first-child {
        border-top: transparent; }
  .sub-link_drop {
    width: 300px;
    position: absolute;
    top: 100%;
    visibility: hidden;
    margin-left: -6px;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    z-index: 10; }
    .sub-link:hover .sub-link_drop {
      visibility: visible; }
  .sub-link__nomargin {
    margin-top: 0; }

.signup-table {
  font: 16px roboto-light, Arial, sans-serif;
  color: #a0a0a0; }
  .signup-table td {
    padding: 7px; }
  .signup-table thead {
    border-bottom: 1px solid #eee;
    font: 16px roboto-regular, Arial, sans-serif; }
  .signup-table th {
    text-align: center;
    text-transform: uppercase;
    color: #525252;
    padding-bottom: 10px; }
  .signup-table_name {
    width: 70%; }
  .signup-table_value {
    width: 15%;
    text-align: right;
    vertical-align: middle; }
    .signup-table_value .box_label {
      line-height: 20px; }

.student_form td:nth-child(3) {
  opacity: 0.25; }

.onla li {
  margin-bottom: 15px;
  padding: 5px;
  min-height: 0; }

.onla label {
  font: 16px roboto-regular, Arial, sans-serif;
  color: #828282; }

.onla_wrapper {
  font: 16px roboto-regular, Arial, sans-serif;
  color: #828282; }
  .onla_wrapper input {
    color: #828282;
    width: 100px;
    height: 30px;
    border: 2px solid #e1ae41;
    border-radius: 5px;
    padding-left: 5px;
    box-sizing: border-box;
    margin-bottom: 7px; }
  .onla_wrapper select {
    height: 30px;
    background: #e1ae41 url("/static/images/down_up_icon.svg") no-repeat 96% 50%;
    background-size: 10px 7px;
    align-items: center;
    color: #fff;
    font: 18px/23px roboto-regular, Arial, sans-serif;
    border: 1px solid #e1ae41;
    appearance: none;
    margin-bottom: 7px;
    border-radius: 7px;
    padding: 3px 20px; }

.onla_result select {
  height: 30px;
  width: initial !important;
  background: #a0a0a0 url("/static/images/down_up_icon.svg") no-repeat 96% 50%;
  background-size: 10px 7px;
  align-items: center;
  color: #fff;
  font: 18px/23px roboto-regular, Arial, sans-serif;
  border: 1px solid #828282;
  appearance: none;
  margin-bottom: 7px;
  border-radius: 7px;
  padding: 0 10px; }

.onla_result .radio-list__quiz-text .disabled {
  background-color: #eee;
  border-color: #f4f4f4;
  color: #828282;
  cursor: not-allowed; }

.onla_result input {
  width: 100px !important; }

.onla .radio-list_label:before {
  top: 50%;
  transform: translate(0, -50%); }

.onla .box_text_input__modsize {
  width: 50px;
  height: 30px;
  margin-right: 10px;
  display: inline-block;
  color: #828282; }

.onla .box_checkbox:checked + .box_check {
  background-image: url("/static/images/check_box_full_red.svg"); }

.mathHW {
  overflow-y: visible;
  height: 94%;
  font-family: roboto-light, Arial, sans-serif;
  color: #a0a0a0; }
  .mathHW_wrapper {
    display: flex;
    height: 100%;
    flex-direction: row; }
    .mathHW_wrapper__small {
      box-sizing: border-box;
      flex: 0 0 50%;
      position: relative;
      border-right: 1px solid #eee;
      height: 100%; }
    .mathHW_wrapper__small:nth-child(2) .board_item {
      padding-left: 10px; }
  .mathHW_item {
    overflow-y: auto;
    padding: 0 10px 0 20px;
    height: 100%; }
  .mathHW_button {
    background: #fff; }
    .mathHW_button__higher {
      position: absolute;
      bottom: 10%;
      right: 4%;
      z-index: 10;
      background: #fff; }
    .mathHW_button__foundation {
      position: absolute;
      bottom: 10%;
      right: 4%;
      z-index: 10;
      background: #fff; }
  .mathHW .box__action {
    position: fixed;
    bottom: 40px;
    right: 50%;
    margin-right: -220px;
    transform: translate(50%, 100%);
    transition: all 0.3s linear; }
    .mathHW .box__action .box_head {
      cursor: pointer;
      position: relative; }
      .mathHW .box__action .box_head .arrow {
        position: absolute;
        right: 10px;
        top: 8px;
        transform: rotate(180deg); }
        .mathHW .box__action .box_head .arrow svg {
          fill: #eee; }
      .mathHW .box__action .box_head .popup_close {
        position: absolute;
        right: 10px;
        top: 5px;
        display: none; }
    .mathHW .box__action__active {
      transform: translate(50%, 0);
      transition: all 0.3s linear;
      z-index: 99;
      max-height: calc(99vh - 50px);
      overflow-y: auto; }
      .mathHW .box__action__active .arrow {
        display: none; }
      .mathHW .box__action__active .popup_close {
        display: block !important; }

@media screen and (max-width: 1100px) {
  .mathHW .box__action {
    margin-right: -100px; } }

@media screen and (max-width: 720px) {
  mathHW .box__action {
    margin-right: 0; } }

.results-grid {
  display: block;
  padding-left: 50px; }
  .results-grid .grid_count_label {
    display: inline-block;
    margin-left: 22px;
    font-size: 18px; }
  .results-grid .select_input {
    margin-left: 25px;
    height: 30px; }
  .results-grid .box_check-area {
    display: inline-block;
    width: 360px;
    box-sizing: border-box;
    float: none;
    margin-bottom: 5px; }
    .results-grid .box_check-area .box_label {
      float: none;
      width: 360px;
      text-align: left;
      line-height: 20px;
      margin-bottom: 7px; }
  .results-grid .box_text_input {
    height: 30px;
    margin-left: 0;
    float: right;
    margin-left: 25px; }
  .results-grid .box__result {
    border-radius: 12px;
    max-width: 960px;
    width: 90%;
    padding: 20px 100px 20px 20px;
    position: relative;
    overflow: visible;
    margin-bottom: 15px;
    box-shadow: 0px 3px 37px -5px rgba(0, 0, 0, 0.15); }
  .results-grid .box_section {
    text-align: right; }
  .results-grid_select-big-holder {
    position: relative;
    margin-bottom: 15px; }
    .results-grid_select-big-holder .icons-holder {
      position: absolute;
      right: -16px;
      top: 50%;
      transform: translate(100%, -50%);
      width: 50px;
      display: flex;
      justify-content: space-between; }
      .results-grid_select-big-holder .icons-holder svg {
        width: 20px;
        height: 20px;
        fill: #ffc823; }
      .results-grid_select-big-holder .icons-holder span {
        cursor: pointer; }
        .results-grid_select-big-holder .icons-holder span:hover svg {
          fill: #a0a0a0; }
  .results-grid_input-field {
    display: flex;
    justify-content: space-between; }
    .results-grid_input-field .box_text_input {
      height: 30px; }
    .results-grid_input-field .box_label:last-child {
      flex: 0 0 23%; }
    .results-grid_input-field .box_label:first-child {
      width: 100%;
      flex: 0 0 74.4%; }
  .results-grid_select-holder {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative; }
    .results-grid_select-holder .select_input {
      width: 22%;
      flex: 0 1 22%;
      margin: 0 5px 0 0;
      height: 30px;
      padding: 0 19px 0 3px; }
      .results-grid_select-holder .select_input:last-child {
        margin: 0; }
  .results-grid_title-holder {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font: 14px/18px roboto-light, Arial, sans-serif;
    color: #a0a0a0; }
    .results-grid_title-holder .results-grid_title {
      flex: 0 0 20%;
      padding: 0 19px 0 3px; }
  .results-grid .box_body > .icons-holder {
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translate(100%, -50%);
    width: 70px;
    display: flex;
    justify-content: space-between; }
    .results-grid .box_body > .icons-holder svg {
      width: 30px;
      height: 30px;
      fill: #a0a0a0; }
    .results-grid .box_body > .icons-holder span {
      cursor: pointer; }
      .results-grid .box_body > .icons-holder span:hover svg {
        fill: #ffc823; }
  .results-grid .calendar .calendar_button {
    position: absolute;
    bottom: 15px;
    top: auto;
    right: 10px;
    height: 20px;
    width: 20px;
    fill: #a0a0a0; }
  .results-grid .student_form {
    width: 550px; }
    .results-grid .student_form .box_label {
      margin-bottom: 10px; }
  .results-grid .user-action {
    max-width: 960px;
    width: 90%;
    overflow: hidden;
    margin-bottom: 20px; }
    .results-grid .user-action .btn {
      float: right; }

@media screen and (max-width: 1100px) {
  .results-grid .box {
    width: 85%; }
  .results-grid .user-action {
    width: 85%; } }

.selectric-wrapper {
  width: 22%;
  position: static; }

.selectric-items {
  width: 100% !important;
  z-index: 2; }

.exam-grid .table {
  max-width: 960px;
  width: 100%; }

.exam-grid .table_row-head .table_cell:nth-child(3),
.exam-grid .table_row-head .table_cell:nth-child(4),
.exam-grid .table_row .table_cell:nth-child(3),
.exam-grid .table_row .table_cell:nth-child(4) {
  flex: 1 1 20%; }

.exam-grid .box_text_input__modsize {
  width: 40px;
  text-align: center; }

.exam-grid_button {
  max-width: 960px;
  width: 100%; }
  .exam-grid_button__width-mod {
    max-width: 100%; }
  .exam-grid_button .btn {
    float: right; }

.exam-table .box_text_input__modsize {
  text-align: center; }

.exam-table .table_row-head .table_cell:nth-child(1),
.exam-table .table_row-head .table_cell:nth-child(3),
.exam-table .table_row-head .table_cell:nth-child(5),
.exam-table .table_row-head .table_cell:nth-child(6),
.exam-table .table_row .table_cell:nth-child(1),
.exam-table .table_row .table_cell:nth-child(3),
.exam-table .table_row .table_cell:nth-child(5),
.exam-table .table_row .table_cell:nth-child(6) {
  flex: 1 1 15%; }

.exam-table .table_row-head .table_cell:nth-child(4),
.exam-table .table_row .table_cell:nth-child(4) {
  flex: 1 1 15%;
  border-right: 2px solid green; }

.videos {
  display: flex;
  flex-direction: row; }
  .videos__add-new {
    flex: 0 0 50%;
    position: relative;
    margin-left: -10px; }
    .videos__add-new:after {
      content: "";
      position: absolute;
      height: 98.3%;
      width: 1px;
      right: 0;
      top: 1.7%;
      background: #dcdcdc; }
  .videos__existing {
    flex: 0 0 47%;
    padding-left: 30px; }
  .videos__block {
    overflow: visible; }
  .videos_wrapper {
    width: 80%;
    border-radius: 12px;
    position: relative;
    box-shadow: 0 11px 37px -5px rgba(0, 0, 0, 0.15); }
  .videos__add-video-heading {
    color: #a0a0a0; }
    .videos__add-video-heading .videos__topic-name {
      display: inline-block; }
  .videos .icons-holder {
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translate(100%, -50%);
    width: 70px;
    display: flex;
    justify-content: space-between; }
    .videos .icons-holder svg {
      width: 30px;
      height: 30px;
      fill: #a0a0a0;
      cursor: pointer; }
  .videos .board_link {
    background: #fff;
    position: relative; }
  .videos .box_checkbox:checked + .box_check {
    background-image: url("/static/images/check_box_full_red.svg"); }
  .videos .box_label {
    margin-bottom: 0; }
  .videos .box_head__relative {
    padding: 5px 21px;
    justify-content: flex-start; }
  .videos_input-field {
    padding: 10px 20px 20px 20px;
    border-radius: 0 0 12px 12px;
    flex-direction: column; }
    .videos_input-field .box_label {
      margin-bottom: 15px; }
      .videos_input-field .box_label:last-child {
        margin-bottom: 0; }
  .videos .box_title {
    margin: 0;
    max-width: 75%;
    text-align: left; }
  .videos .board_heading::before {
    left: -16px; }
  .videos .user-action {
    margin-bottom: 25px;
    display: flex;
    justify-content: flex-end;
    padding-right: 15px;
    width: 79%; }
  .videos__image--wrapper {
    display: flex;
    justify-content: center; }
    .videos__image--wrapper img {
      width: auto; }
  .videos__youtube-wrapper {
    min-height: 420px;
    height: 100%; }
    .videos__youtube-wrapper iframe {
      min-height: 420px;
      width: 100%;
      height: 100%; }

@media screen and (max-width: 1300px) {
  .videos_wrapper {
    width: 70%; }
  .videos .user-action {
    width: 69%; } }

@media screen and (max-width: 1100px) {
  .videos {
    flex-direction: column; }
    .videos_wrapper {
      width: 80%; }
    .videos__add-new:after {
      content: "";
      position: absolute;
      height: 98.3%;
      width: 0;
      right: 0;
      top: 1.7%;
      background: #dcdcdc; }
    .videos__existing {
      padding: 0;
      flex: 0 0 50%; } }

@media screen and (max-width: 720px) {
  .videos__youtube-wrapper {
    min-height: 220px;
    height: 100%; }
    .videos__youtube-wrapper iframe {
      min-height: 220px;
      width: 100%;
      height: 100%; } }

.wired-popup .scroll-table {
  position: static;
  padding: 0;
  margin: 0;
  border-radius: 0; }
  .wired-popup .scroll-table .scroll-table_head .scroll-table_cell__subject {
    background: #ddd;
    margin: 0 5px 0 0; }
  .wired-popup .scroll-table .scroll-table_head .scroll-table_cell {
    max-height: 200px;
    overflow-y: visible;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .wired-popup .scroll-table .scroll-table_head .scroll-table_cell p {
      margin-top: 10px; }

.wired-popup .scroll-table_body .scroll-table_cell {
  max-height: 30px; }

.wired-popup .scroll-table_cell:nth-child(2),
.wired-popup .scroll-table_cell:nth-child(3) {
  max-width: 90px; }

.wired-popup .scroll-table__section {
  padding: 0;
  margin: 0;
  border-radius: 0;
  width: 100%; }

.wired-popup .school-admin_button__download {
  color: #fff;
  border-color: #fff;
  margin-right: 10px; }

.wired-popup__body {
  display: flex;
  padding: 0 !important;
  width: 100%; }

.wired-popup .popup .box_body {
  padding: 0; }

.wired-popup .popup_holder {
  max-width: 98%;
  box-shadow: 0 11px 37px -5px rgba(0, 0, 0, 0.5); }

.wired-popup .names {
  height: 100%;
  display: flex;
  flex-direction: column; }

.wired-popup .questions {
  display: flex;
  border-bottom: 5px solid #ffc823;
  background: #ddd;
  max-height: 200px;
  overflow: hidden; }
  .wired-popup .questions .box_text {
    color: #525252;
    border-right: 1px #fff solid;
    padding: 10px 3px;
    overflow: auto; }
    .wired-popup .questions .box_text:last-child {
      border-right: 0; }
    .wired-popup .questions .box_text input {
      color: #828282;
      width: 20px;
      height: 30px;
      border: 2px solid #e1ae41;
      border-radius: 5px;
      padding-left: 5px;
      box-sizing: border-box;
      margin-bottom: 7px; }
    .wired-popup .questions .box_text select {
      height: 30px;
      width: 30px;
      background: #e1ae41 url("/static/images/down_up_icon.svg") no-repeat 96% 50%;
      background-size: 10px 7px;
      align-items: center;
      color: #fff;
      font: 18px/23px roboto-regular, Arial, sans-serif;
      border: 1px solid #e1ae41;
      appearance: none;
      margin-bottom: 7px;
      border-radius: 7px;
      padding: 3px 20px; }
    .wired-popup .questions .box_text input {
      width: 30px;
      height: 30px; }
    .wired-popup .questions .box_text img {
      height: auto;
      width: 100%; }
    .wired-popup .questions .box_text iframe {
      max-height: 170px;
      max-width: 170px; }
  .wired-popup .questions .scroll-table_cell.box_text img {
    width: 100%;
    height: auto; }

.wired-popup .average {
  min-height: 0;
  max-height: 40px; }

.wired-popup .answers-wrapper {
  max-height: 49vh;
  height: 100%;
  animation: edge 2s linear 1s 1; }

.wired-popup .answers {
  padding: 10px 0;
  display: flex;
  overflow-y: visible;
  align-items: center;
  max-height: 30px;
  box-sizing: border-box; }
  .wired-popup .answers:not(first-child) {
    border-bottom: 1px solid #eee; }
  .wired-popup .answers:last-child {
    border-bottom: 5px solid #ffc823; }
  .wired-popup .answers .box_text {
    text-align: center;
    color: #000; }
    .wired-popup .answers .box_text.class_name_wrapper {
      cursor: pointer; }

.wired-popup .box_text {
  width: 200px;
  margin: 0 2px;
  box-sizing: border-box; }

.wired-popup .box_body img {
  width: 100%; }

.wired-retrieval .scroll-table {
  position: static;
  padding: 0;
  margin: 0;
  border-radius: 0; }
  .wired-retrieval .scroll-table .scroll-table_head-wrapper {
    background: #fff;
    border-bottom: 2px solid #e1ae41; }
  .wired-retrieval .scroll-table .scroll-table_head .scroll-table_cell__subject {
    background: #fff;
    margin: 0 5px 0 0; }
  .wired-retrieval .scroll-table .scroll-table_head .scroll-table_cell {
    max-height: 200px;
    overflow-y: visible;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 0; }
    .wired-retrieval .scroll-table .scroll-table_head .scroll-table_cell p {
      margin-top: 10px; }
    .wired-retrieval .scroll-table .scroll-table_head .scroll-table_cell .head_name {
      font: 12px/16px roboto-regular, Arial, sans-serif;
      line-height: 1.2;
      font-style: normal;
      font-weight: bold;
      flex-grow: 1;
      display: flex;
      align-items: center;
      justify-content: center; }
    .wired-retrieval .scroll-table .scroll-table_head .scroll-table_cell .head_icon {
      background: #EFEFEF;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 0;
      height: 42px; }
    .wired-retrieval .scroll-table .scroll-table_head .scroll-table_cell .head_sort {
      height: 30px;
      background: #F8F8F8;
      display: flex;
      justify-items: center;
      align-items: center;
      justify-content: space-evenly; }
      .wired-retrieval .scroll-table .scroll-table_head .scroll-table_cell .head_sort i {
        cursor: pointer; }
        .wired-retrieval .scroll-table .scroll-table_head .scroll-table_cell .head_sort i.active svg path {
          fill: #ffc823;
          fill-opacity: 1; }
        .wired-retrieval .scroll-table .scroll-table_head .scroll-table_cell .head_sort i:hover svg path {
          fill: #ffc823;
          fill-opacity: 1; }

.wired-retrieval .scroll-table_body .scroll-table_cell {
  max-height: 30px; }

.wired-retrieval .scroll-table_cell {
  max-width: 160px; }

.wired-retrieval .scroll-table_cell:nth-child(2),
.wired-retrieval .scroll-table_cell:nth-child(3) {
  /*
    max-width: 90px;/
     */ }

.wired-retrieval .scroll-table__section {
  padding: 0;
  margin: 0;
  border-radius: 0;
  width: 100%; }

.wired-retrieval .school-admin_button__download {
  color: #fff;
  border-color: #fff;
  margin-right: 10px; }

.wired-retrieval__body {
  display: flex;
  padding: 0 !important;
  width: 100%; }

.wired-retrieval .popup .box_body {
  padding: 0; }

.wired-retrieval .popup_holder {
  max-width: 100%;
  box-shadow: 0 11px 37px -5px rgba(0, 0, 0, 0.5); }

.wired-retrieval .names {
  height: 100%;
  display: flex;
  flex-direction: column; }

.wired-retrieval .questions {
  display: flex;
  /*border-bottom: 5px solid $color-yellow;*/
  /*background: #ddd;*/
  background: #ffffff;
  max-height: 200px;
  overflow: hidden; }
  .wired-retrieval .questions .box_text {
    color: #525252;
    border-right: 1px #eee solid;
    padding: 10px 3px;
    overflow: auto; }
    .wired-retrieval .questions .box_text:last-child {
      border-right: 0; }
    .wired-retrieval .questions .box_text.mix-prev-cell {
      display: flex; }
    .wired-retrieval .questions .box_text input {
      color: #828282;
      width: 20px;
      height: 30px;
      border: 2px solid #e1ae41;
      border-radius: 5px;
      padding-left: 5px;
      box-sizing: border-box;
      margin-bottom: 7px; }
    .wired-retrieval .questions .box_text input {
      width: 30px;
      height: 30px; }
    .wired-retrieval .questions .box_text img {
      height: auto;
      width: 100%; }
    .wired-retrieval .questions .box_text iframe {
      max-height: 170px;
      max-width: 170px; }
  .wired-retrieval .questions .scroll-table_cell.box_text img {
    width: 100%;
    height: auto; }

.wired-retrieval .average {
  min-height: 0;
  max-height: 40px; }

.wired-retrieval .answers-wrapper {
  /*max-height: 49vh;*/
  height: 100%;
  animation: edge 2s linear 1s 1; }
  .wired-retrieval .answers-wrapper .table_row__collapsable {
    border-bottom: 5px solid #ffc823; }

.wired-retrieval .answers {
  padding: 10px 0;
  display: flex;
  overflow-y: visible;
  align-items: center;
  max-height: 30px;
  box-sizing: border-box; }
  .wired-retrieval .answers:not(first-child) {
    /*border-bottom: 1px solid $color-grey-1;*/ }
  .wired-retrieval .answers:last-of-type {
    /*border-bottom: 5px solid $color-yellow;*/ }
  .wired-retrieval .answers .box_text {
    text-align: center;
    color: #000;
    border-right: 1px #eee solid; }
    .wired-retrieval .answers .box_text.class_name_wrapper {
      cursor: pointer; }
    .wired-retrieval .answers .box_text.mix-prev-cell {
      display: flex;
      justify-content: space-around; }

.wired-retrieval .box_text {
  width: 200px;
  margin: 0 2px;
  box-sizing: border-box; }
  .wired-retrieval .box_text span {
    width: 50%;
    flex-grow: 0; }
    .wired-retrieval .box_text span:first-of-type {
      border-right: 1px #eee solid; }

.wired-retrieval .box_body img {
  width: 100%; }

.wired-prog_table .scroll-table {
  position: static;
  padding: 0;
  margin: 0;
  border-radius: 0; }
  .wired-prog_table .scroll-table .scroll-table_head-wrapper {
    background: #fff;
    border-bottom: 2px solid #e1ae41; }
  .wired-prog_table .scroll-table .scroll-table_head .scroll-table_cell__subject {
    /*background: $color-white;*/
    margin: 0 5px 0 0;
    justify-content: flex-start; }
    .wired-prog_table .scroll-table .scroll-table_head .scroll-table_cell__subject:first-of-type {
      min-width: 500px; }
  .wired-prog_table .scroll-table .scroll-table_head .scroll-table_cell {
    max-height: 120px;
    overflow-y: visible;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 0; }
    .wired-prog_table .scroll-table .scroll-table_head .scroll-table_cell p {
      margin-top: 10px; }
    .wired-prog_table .scroll-table .scroll-table_head .scroll-table_cell .head_name {
      font-family: roboto-regular, Arial, sans-serif;
      font-size: 16px;
      line-height: 1.2;
      font-style: normal;
      font-weight: bold;
      flex-grow: 1;
      display: flex;
      align-items: center;
      justify-content: center; }
      .wired-prog_table .scroll-table .scroll-table_head .scroll-table_cell .head_name span {
        color: #000000;
        width: 100%; }
    .wired-prog_table .scroll-table .scroll-table_head .scroll-table_cell .head_icon {
      background: #EFEFEF;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 0;
      height: 42px;
      font-size: 12px; }
    .wired-prog_table .scroll-table .scroll-table_head .scroll-table_cell .head_sort {
      height: 30px;
      background: #F8F8F8;
      display: flex;
      justify-items: center;
      align-items: center;
      justify-content: space-evenly; }
      .wired-prog_table .scroll-table .scroll-table_head .scroll-table_cell .head_sort i {
        cursor: pointer; }
        .wired-prog_table .scroll-table .scroll-table_head .scroll-table_cell .head_sort i.active svg path {
          fill: #ffc823;
          fill-opacity: 1; }
        .wired-prog_table .scroll-table .scroll-table_head .scroll-table_cell .head_sort i:hover svg path {
          fill: #ffc823;
          fill-opacity: 1; }

.wired-prog_table .scroll-table_body .scroll-table_cell {
  max-height: 30px; }

.wired-prog_table .scroll-table_cell {
  max-width: 170px; }
  .wired-prog_table .scroll-table_cell__subject {
    background: #ffffff !important; }

.wired-prog_table .scroll-table_cell:nth-child(2),
.wired-prog_table .scroll-table_cell:nth-child(3) {
  /*
    max-width: 90px;/
     */ }

.wired-prog_table .scroll-table__section {
  padding: 0;
  margin: 0;
  border-radius: 0;
  width: 100%; }

.wired-prog_table .school-admin_button__download {
  color: #fff;
  border-color: #fff;
  margin-right: 10px; }

.wired-prog_table__body {
  display: flex;
  padding: 0 !important;
  width: 100%; }

.wired-prog_table .popup .box_body {
  padding: 0; }

.wired-prog_table .popup_holder {
  max-width: 100%;
  box-shadow: 0 11px 37px -5px rgba(0, 0, 0, 0.5); }

.wired-prog_table .names {
  height: 100%;
  display: flex;
  flex-direction: column; }

.wired-prog_table .questions {
  display: flex;
  /*border-bottom: 5px solid $color-yellow;*/
  /*background: #ddd;*/
  background: #ffffff;
  max-height: 200px;
  overflow: hidden; }
  .wired-prog_table .questions .box_text {
    color: #525252;
    border-right: 1px #eee solid;
    padding: 10px 3px;
    overflow: auto; }
    .wired-prog_table .questions .box_text:last-child {
      border-right: 0; }
    .wired-prog_table .questions .box_text.mix-prev-cell {
      display: flex; }
    .wired-prog_table .questions .box_text input {
      color: #828282;
      width: 20px;
      height: 30px;
      border: 2px solid #e1ae41;
      border-radius: 5px;
      padding-left: 5px;
      box-sizing: border-box;
      margin-bottom: 7px; }
    .wired-prog_table .questions .box_text input {
      width: 30px;
      height: 30px; }
    .wired-prog_table .questions .box_text img {
      height: auto;
      width: 100%; }
    .wired-prog_table .questions .box_text iframe {
      max-height: 170px;
      max-width: 170px; }
  .wired-prog_table .questions .scroll-table_cell.box_text img {
    width: 100%;
    height: auto; }

.wired-prog_table .average {
  min-height: 0;
  max-height: 40px; }

.wired-prog_table .answers-wrapper {
  /*max-height: 49vh;*/
  height: 100%;
  animation: edge 2s linear 1s 1; }
  .wired-prog_table .answers-wrapper .table_row__collapsable {
    /*border-bottom: 5px solid $color-yellow;*/ }

.wired-prog_table .answers {
  padding: 10px 0;
  display: flex;
  overflow-y: visible;
  align-items: center;
  max-height: 30px;
  box-sizing: border-box; }
  .wired-prog_table .answers.class_wrapper {
    background: #F8F8F8; }
  .wired-prog_table .answers:not(first-child) {
    /*border-bottom: 1px solid $color-grey-1;*/ }
  .wired-prog_table .answers:last-of-type {
    /*border-bottom: 5px solid $color-yellow;*/ }
  .wired-prog_table .answers .box_text {
    text-align: center;
    color: #000;
    border-right: 1px #eee solid; }
    .wired-prog_table .answers .box_text.subject_name_wrapper {
      cursor: pointer;
      min-width: 500px;
      justify-content: flex-start;
      padding-left: 10px;
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 16px;
      height: 30px;
      color: #000000; }
    .wired-prog_table .answers .box_text.topic_name_wrapper {
      cursor: pointer;
      min-width: 500px;
      justify-content: flex-start;
      padding-left: 10px;
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 16px;
      height: 30px;
      color: #000000;
      text-align: justify; }
      .wired-prog_table .answers .box_text.topic_name_wrapper .box_check-area {
        width: 23px;
        height: 23px;
        padding: 0;
        margin-right: 10px;
        position: relative; }
    .wired-prog_table .answers .box_text.mix-prev-cell {
      display: flex;
      justify-content: space-around; }

.wired-prog_table .box_text {
  width: 100px;
  margin: 0 2px;
  box-sizing: border-box; }
  .wired-prog_table .box_text .table_cell {
    flex: 0 1 100%; }
  .wired-prog_table .box_text span {
    width: 50%;
    flex-grow: 0; }
    .wired-prog_table .box_text span:first-of-type {
      /*border-right: 1px #eee solid;*/ }
      .wired-prog_table .box_text span:first-of-type.box_check {
        width: 23px !important;
        height: 23px !important; }
    .wired-prog_table .box_text span.class_result_wrap {
      color: #0a0a0a;
      width: 2em;
      height: 2em; }

.wired-prog_table .box_body img {
  width: 100%; }

@keyframes edge {
  0% {
    height: 100%; }
  50% {
    height: 99%; }
  100% {
    height: 100%; } }

.error-404 {
  max-width: 360px;
  color: #ed1c24;
  font: 18px roboto-regular, Arial, sans-serif;
  margin: 0 auto; }
  .error-404 .logo {
    height: 87px; }
  .error-404 .error-404_mid-text {
    font: 46px roboto-bold;
    margin-right: 10px; }
  .error-404 .error-404_big-text {
    font: 116px roboto-bold; }
  .error-404 .error-404_small-text {
    margin: -20px 0 8px 0; }
  .error-404 .error-404_gray-text {
    color: #a0a0a0;
    font-size: 16px;
    line-height: 19px; }

.tabset {
  display: flex;
  width: 90%;
  overflow-x: auto;
  padding: 15px 0 0 15px; }
  .tabset_content {
    box-shadow: 0 0 37px -5px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    position: relative;
    z-index: 2; }
  .tabset_inner-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 15px 0 0; }
    .tabset_inner-wrapper .plus {
      display: flex;
      align-items: center;
      padding: 10px 30px;
      border-radius: 0 12px 0 0;
      box-shadow: 0 -5px 37px -5px rgba(0, 0, 0, 0.15);
      height: 36px;
      box-sizing: border-box; }
      .tabset_inner-wrapper .plus:hover {
        background: #ffc823;
        color: #fff;
        cursor: pointer; }
        .tabset_inner-wrapper .plus:hover .plus-icon {
          fill: #fff; }
    .tabset_inner-wrapper .plus__title {
      white-space: nowrap;
      color: #a0a0a0;
      font-family: roboto-light; }
    .tabset_inner-wrapper .plus-title {
      padding-right: 8px; }
    .tabset_inner-wrapper .plus-icon {
      width: 20px;
      height: 20px;
      fill: #a0a0a0;
      flex: 0 0 auto; }
  .tabset_item {
    box-shadow: 0 0 37px -5px rgba(0, 0, 0, 0.15);
    border-radius: 0 12px 0 0;
    position: relative;
    z-index: 0; }
    .tabset_item .minus-icon {
      height: 10px;
      width: 10px;
      fill: #a0a0a0; }
    .tabset_item__active {
      position: relative;
      z-index: 3; }
  .tabset_link {
    display: block;
    padding: 10px 30px;
    font: roboto-light, Arial, sans-serif;
    color: #a0a0a0;
    background: #fff;
    border-radius: 0 12px 0 0;
    overflow: hidden;
    position: relative;
    font-family: roboto-light;
    cursor: pointer; }
    .tabset_link .minus {
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translate(0, -50%); }
    .tabset_link__active {
      background: #ffc823;
      color: #fff; }
      .tabset_link__active .minus-icon {
        height: 10px;
        width: 10px;
        fill: #a0a0a0; }
  .tabset_display {
    padding: 15px; }
  .tabset_list li {
    position: relative;
    font: 14px/18px roboto-light, Arial, sans-serif;
    color: #828282;
    margin-bottom: 10px; }
  .tabset_list .icons-holder {
    position: absolute;
    right: 10px;
    top: 20%;
    width: 50px;
    display: flex;
    justify-content: space-between; }
    .tabset_list .icons-holder svg {
      width: 20px;
      height: 20px;
      fill: #ffc823; }
    .tabset_list .icons-holder span {
      cursor: pointer; }
      .tabset_list .icons-holder span:hover svg {
        fill: #a0a0a0; }
  .tabset_header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    box-sizing: border-box; }
    .tabset_header .grid-question__wrapper {
      flex: 0 1 30%;
      border-color: #a0a0a0; }

.grid-question__main-wrapper {
  max-width: 960px;
  width: 90%; }
  .grid-question__main-wrapper .user-action {
    margin-top: 15px;
    width: 100%; }

.grid-question__questions-wrapper {
  max-height: 360px;
  overflow-y: auto; }

.grid-question__wrapper {
  position: relative;
  border-radius: 7px;
  border: 1px solid #ffc823;
  display: flex;
  padding: 10px; }
  .grid-question__wrapper--magrinbot {
    margin-bottom: 15px;
    border: 1px solid #a0a0a0; }
  .grid-question__wrapper .box_label {
    position: static; }
  .grid-question__wrapper textarea {
    resize: none;
    height: 70px;
    width: 100%;
    border: none;
    box-shadow: none; }
    .grid-question__wrapper textarea:focus {
      outline: 0; }

.grid-question__title {
  position: absolute;
  top: -10px;
  left: 15px;
  background: #fff;
  font-family: roboto-bold;
  padding: 0 5px;
  color: #a0a0a0; }

.grid-question__first-cell {
  display: flex;
  flex-direction: row;
  font-family: roboto-bold; }
  .grid-question__first-cell .box_label {
    padding: 0;
    margin: 0; }

.grid-question__row {
  border-bottom: 1px #ffc823 solid; }
  .grid-question__row:last-child {
    border: none; }
  .grid-question__row .table_cell {
    align-items: flex-start; }
  .grid-question__row .table_cell__wrapper-all {
    text-align: left;
    border-radius: 7px;
    border: 1px #a0a0a0 solid;
    justify-content: flex-start;
    min-height: 18px;
    max-height: 97px;
    overflow-y: auto; }

.grid-question__first-row {
  border-bottom: 1px solid #a0a0a0; }

.grid-question__link-input {
  overflow: hidden; }
  .grid-question__link-input .box_text_input {
    border: 1px #ffc823 solid;
    float: none;
    width: 90%;
    margin-left: 0; }

.grid-question__head {
  margin: 0 -20px 15px; }

.grid-question__flex-column {
  flex-direction: column; }

.grid-question__anchor {
  color: #ec8512;
  font-family: roboto-light; }
  .grid-question__anchor:hover {
    text-decoration: underline;
    color: #ed1c24; }

.YouTubePopUp-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 15%; }

.YouTubePopUp-Content iframe {
  position: relative; }

.YouTubePopUp-Content-attribution {
  background-color: white;
  margin: 1px 0 0;
  padding: 0 10px; }

.YouTubePopUp-Close {
  right: -30px; }

.scroll-table {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  box-shadow: 0 11px 37px -5px rgba(0, 0, 0, 0.15);
  max-width: 100%;
  overflow: hidden;
  position: absolute;
  top: 20px;
  max-height: 100%; }
  .scroll-table__section {
    position: relative;
    height: calc(100% - 80px); }
  .scroll-table_head-wrapper {
    display: table;
    border-radius: 12px 12px 0 0;
    background: #ffc823;
    color: #fff; }
  .scroll-table_head {
    display: flex;
    min-height: 150px;
    position: relative; }
    .scroll-table_head .scroll-table_cell {
      color: #fff; }
      .scroll-table_head .scroll-table_cell .table_cell__rotate {
        width: 85px; }
      .scroll-table_head .scroll-table_cell__subject {
        background: #ffc823;
        z-index: 2;
        border-right: 1px solid #fff;
        display: flex; }
  .scroll-table_student-wrapper {
    display: flex;
    flex-shrink: 0;
    position: relative;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    justify-content: space-between; }
    .scroll-table_student-wrapper .scroll-table_cell {
      flex-basis: 50%; }
    .scroll-table_student-wrapper .table_cell {
      min-width: 85px; }
  .scroll-table_student {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 7px;
    font: 14px/20px roboto-regular, Arial, sans-serif;
    text-transform: uppercase; }
  .scroll-table_cell {
    font: 12px/17px roboto-regular, Arial, sans-serif;
    color: #a0a0a0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .scroll-table_head .scroll-table_cell > div {
      width: 100%; }
    .scroll-table_cell__subject {
      width: 150px;
      position: relative; }
  .scroll-table_body {
    display: flex;
    flex-direction: column; }
    .scroll-table_body .scroll-table_cell__subject {
      background: #fff;
      z-index: 2; }
  .scroll-table_body-wrapper {
    display: table; }
  .scroll-table_row {
    display: flex;
    border-bottom: 1px solid #e7e7e7;
    min-height: 3em;
    background: #fff;
    flex-direction: row; }
    .scroll-table_row__collapsable .scroll-table_row__collapsable-sub {
      display: none; }
    .scroll-table_row__collapsable .scroll-table_row__inner {
      display: none; }
    .scroll-table_row__collapsable > .scroll-table_row .scroll-table_cell .table_arrow {
      transform: rotate(0deg);
      transition: transform 0.3s linear; }
    .scroll-table_row__collapsable-sub {
      flex-direction: column; }
      .scroll-table_row__collapsable-sub > .scroll-table_row .scroll-table_cell .table_arrow {
        transform: rotate(0deg);
        transition: transform 0.3s linear; }
    .scroll-table_row__collapsable-active .scroll-table_row__collapsable-sub {
      display: flex; }
    .scroll-table_row__collapsable-active > .scroll-table_row .scroll-table_cell .table_arrow {
      transform: rotate(180deg);
      transition: transform 0.3s linear; }
    .scroll-table_row__collapsable-sub-active .scroll-table_row__inner {
      display: flex; }
    .scroll-table_row__collapsable-sub-active > .scroll-table_row .scroll-table_cell .table_arrow {
      transform: rotate(180deg);
      transition: transform 0.3s linear; }
    .scroll-table_row .scroll-table:first-child {
      position: relative;
      flex-direction: row; }
      .scroll-table_row .scroll-table:first-child .table_arrow {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        width: 40px;
        cursor: pointer;
        transform: rotate(0deg);
        transition: transform 0.3s linear; }
        .scroll-table_row .scroll-table:first-child .table_arrow svg {
          fill: #a0a0a0; }
    .scroll-table_row:hover {
      background: #f6f6f6; }
      .scroll-table_row:hover .scroll-table_cell__subject {
        background: #f6f6f6; }
      .scroll-table_row:hover .scroll-table_cell:first-child:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 8px;
        background: #ffc823; }
        .popup .scroll-table_row:hover .scroll-table_cell:first-child:before {
          display: none; }
    .scroll-table_row__sub .scroll-table_cell {
      background: #fff; }
      .scroll-table_row__sub .scroll-table_cell__narrow {
        width: 150px;
        min-width: 150px; }
    .scroll-table_row__sub .scroll-table_cell:first-child {
      background: #e7e7e7;
      padding: 0;
      position: relative; }
      .scroll-table_row__sub .scroll-table_cell:first-child .styled-sub {
        min-height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        margin: 0 0 0 15px;
        border-radius: 12px 0 0 0;
        height: 100%;
        width: 100%;
        position: relative;
        padding-left: 30px; }
    .scroll-table_row__sub:hover .scroll-table_cell:first-child .styled-sub {
      background: #f6f6f6; }
    .scroll-table_row__sub:hover .scroll-table_cell:first-child:before {
      display: none; }
    .scroll-table_row__sub:hover .scroll-table_cell__subject {
      background: #e7e7e7; }
    .scroll-table_row__inner .scroll-table_cell:first-child:before {
      width: 0; }
    .scroll-table_row__inner .scroll-table_cell:first-child {
      background: #e7e7e7;
      position: relative; }
      .scroll-table_row__inner .scroll-table_cell:first-child .styled-sub {
        margin: 0 0 0 30px;
        padding: 0 0 0 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-radius: 12px 0 0 0;
        height: 100%;
        width: 100%; }
    .scroll-table_row__inner:hover .scroll-table_cell:first-child .styled-sub {
      background: #f6f6f6; }
    .scroll-table_row__inner:hover .scroll-table_cell:first-child:before {
      display: none; }
    .scroll-table_row__inner:hover .scroll-table_cell__subject {
      background: #e7e7e7; }
  .scroll-table_footer-wrapper {
    display: table;
    height: 20px;
    background: #ffc823;
    border-radius: 0 0 12px 12px;
    width: 100%; }
  .scroll-table_another-wrapper {
    max-width: 100%;
    overflow: auto;
    position: relative; }

.gdpr-school {
  border: 1px solid #e9b720;
  position: relative;
  border-radius: 5px;
  padding: 20px 10px 10px 10px;
  box-sizing: border-box;
  float: right;
  margin-bottom: 15px;
  font: 16px roboto-light, Arial, sans-serif; }
  .gdpr-school .js-start-gdpr {
    background: #ed1c24;
    color: #fff; }
  .gdpr-school a {
    color: #ed1c24; }
  .gdpr-school_sign {
    position: absolute;
    top: 0;
    left: 6%;
    transform: translate(0, -50%);
    color: #a0a0a0;
    font: 16px/22px roboto-regular, Arial, sans-serif;
    background: #fff;
    text-transform: uppercase;
    color: #ed1c24; }
  .gdpr-school .table-wrap {
    display: none; }
    .gdpr-school .table-wrap.visible {
      display: block; }
  .gdpr-school .gdpr-table {
    width: 100%;
    text-align: center;
    font: 16px roboto-light, Arial, sans-serif;
    color: #a0a0a0; }
    .gdpr-school .gdpr-table td {
      padding: 7px; }
    .gdpr-school .gdpr-table thead {
      border-bottom: 1px solid #eee;
      font: 16px roboto-regular, Arial, sans-serif; }
    .gdpr-school .gdpr-table th {
      text-align: center;
      text-transform: uppercase;
      color: #525252;
      padding-bottom: 10px; }