/**
 * Reset some basic elements
 */
body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, ul, figure {
  margin: 0;
  padding: 0; }

/**
 * Basic styling
 */
body {
  font: 400 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #111;
  background-color: #fdfdfd;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "kern" 1;
  -moz-font-feature-settings: "kern" 1;
  -o-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

/**
 * Set `margin-bottom` to maintain vertical rhythm
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl, figure,
.highlight {
  margin-bottom: 15px; }

/**
 * `main` element
 */
main {
  display: block;
  /* Default value of `display` of `main` element is 'inline' in IE 11. */ }

/**
 * Images
 */
img {
  max-width: 100%;
  vertical-align: middle; }

/**
 * Figures
 */
figure > img {
  display: block; }

figcaption {
  font-size: 14px; }

/**
 * Lists
 */
ul, ol {
  margin-left: 30px; }

li > ul,
li > ol {
  margin-bottom: 0; }

/**
 * Headings
 */
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

/**
 * Links
 */
a {
  color: #2a7ae2;
  text-decoration: none; }
  a:visited {
    color: #1756a9; }
  a:hover {
    color: #111;
    text-decoration: underline; }
  .social-media-list a:hover {
    text-decoration: none; }
    .social-media-list a:hover .username {
      text-decoration: underline; }

/**
 * Blockquotes
 */
blockquote {
  color: #828282;
  border-left: 4px solid #e8e8e8;
  padding-left: 15px;
  font-size: 18px;
  letter-spacing: -1px;
  font-style: italic; }
  blockquote > :last-child {
    margin-bottom: 0; }

/**
 * Code formatting
 */
pre,
code {
  font-size: 15px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  background-color: #eef; }

code {
  padding: 1px 5px; }

pre {
  padding: 8px 12px;
  overflow-x: auto; }
  pre > code {
    border: 0;
    padding-right: 0;
    padding-left: 0; }

/**
 * Wrapper
 */
.wrapper {
  max-width: -webkit-calc(1000px - (30px * 2));
  max-width: calc(1000px - (30px * 2));
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px; }
  @media screen and (max-width: 800px) {
    .wrapper {
      max-width: -webkit-calc(1000px - (30px));
      max-width: calc(1000px - (30px));
      padding-right: 15px;
      padding-left: 15px; } }

/**
 * Clearfix
 */
.wrapper:after, .footer-col-wrapper:after {
  content: "";
  display: table;
  clear: both; }

/**
 * Icons
 */
.svg-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  fill: #828282;
  padding-right: 5px;
  vertical-align: text-top; }

.social-media-list li + li {
  padding-top: 5px; }

/**
 * Tables
 */
table {
  margin-bottom: 30px;
  width: 100%;
  text-align: left;
  color: #3f3f3f;
  border-collapse: collapse;
  border: 1px solid #e8e8e8; }
  table tr:nth-child(even) {
    background-color: #f7f7f7; }
  table th, table td {
    padding: 10px 15px; }
  table th {
    background-color: #f0f0f0;
    border: 1px solid #dedede;
    border-bottom-color: #c9c9c9; }
  table td {
    border: 1px solid #e8e8e8; }

/**
 * Site header
 */
.site-header {
  border-top: 5px solid #424242;
  border-bottom: 1px solid #e8e8e8;
  min-height: 55.95px;
  position: relative; }

.site-title {
  font-size: 26px;
  font-weight: 300;
  line-height: 54px;
  letter-spacing: -1px;
  margin-bottom: 0;
  float: left; }
  .site-title, .site-title:visited {
    color: #424242; }

.site-nav {
  float: right;
  line-height: 54px; }
  .site-nav .nav-trigger {
    display: none; }
  .site-nav .menu-icon {
    display: none; }
  .site-nav .page-link {
    color: #111;
    line-height: 1.5; }
    .site-nav .page-link:not(:last-child) {
      margin-right: 20px; }
  @media screen and (max-width: 600px) {
    .site-nav {
      position: absolute;
      top: 9px;
      right: 15px;
      background-color: #fdfdfd;
      border: 1px solid #e8e8e8;
      border-radius: 5px;
      text-align: right; }
      .site-nav label[for="nav-trigger"] {
        display: block;
        float: right;
        width: 36px;
        height: 36px;
        z-index: 2;
        cursor: pointer; }
      .site-nav .menu-icon {
        display: block;
        float: right;
        width: 36px;
        height: 26px;
        line-height: 0;
        padding-top: 10px;
        text-align: center; }
        .site-nav .menu-icon > svg {
          fill: #424242; }
      .site-nav input ~ .trigger {
        clear: both;
        display: none; }
      .site-nav input:checked ~ .trigger {
        display: block;
        padding-bottom: 5px; }
      .site-nav .page-link {
        display: block;
        padding: 5px 10px;
        margin-left: 20px; }
        .site-nav .page-link:not(:last-child) {
          margin-right: 0; } }

/**
 * Site footer
 */
.site-footer {
  border-top: 1px solid #e8e8e8;
  padding: 30px 0; }

.footer-heading {
  font-size: 18px;
  margin-bottom: 15px; }

.contact-list,
.social-media-list {
  list-style: none;
  margin-left: 0; }

.footer-col-wrapper {
  font-size: 15px;
  color: #828282;
  margin-left: -15px; }

.footer-col {
  float: left;
  margin-bottom: 15px;
  padding-left: 15px; }

.footer-col-1 {
  width: -webkit-calc(35% - (30px / 2));
  width: calc(35% - (30px / 2)); }

.footer-col-2 {
  width: -webkit-calc(20% - (30px / 2));
  width: calc(20% - (30px / 2)); }

.footer-col-3 {
  width: -webkit-calc(45% - (30px / 2));
  width: calc(45% - (30px / 2)); }

@media screen and (max-width: 800px) {
  .footer-col-1,
  .footer-col-2 {
    width: -webkit-calc(50% - (30px / 2));
    width: calc(50% - (30px / 2)); }

  .footer-col-3 {
    width: -webkit-calc(100% - (30px / 2));
    width: calc(100% - (30px / 2)); } }
@media screen and (max-width: 600px) {
  .footer-col {
    float: none;
    width: -webkit-calc(100% - (30px / 2));
    width: calc(100% - (30px / 2)); } }
/**
 * Page content
 */
.page-content {
  padding: 30px 0;
  flex: 1 0 auto; }

.page-heading {
  font-size: 32px; }

.post-list {
  margin-left: 0;
  list-style: none; }
  .post-list > li {
    margin-bottom: 30px; }

.post-meta {
  font-size: 14px;
  color: #828282; }

.post-link {
  display: block;
  font-size: 24px; }

/**
 * Posts
 */
.post-header {
  margin-bottom: 30px; }

.post-title,
.post-content h1 {
  font-size: 42px;
  letter-spacing: -1px;
  line-height: 1; }
  @media screen and (max-width: 800px) {
    .post-title,
    .post-content h1 {
      font-size: 36px; } }

.post-content {
  margin-bottom: 30px; }
  .post-content h2 {
    font-size: 32px; }
    @media screen and (max-width: 800px) {
      .post-content h2 {
        font-size: 28px; } }
  .post-content h3 {
    font-size: 26px; }
    @media screen and (max-width: 800px) {
      .post-content h3 {
        font-size: 22px; } }
  .post-content h4 {
    font-size: 20px; }
    @media screen and (max-width: 800px) {
      .post-content h4 {
        font-size: 18px; } }

body {
  min-height: 75rem;
  padding-top: 4.5rem; }

/**
 * Syntax highlighting styles
 */
.highlight {
  background: #fff; }
  .highlighter-rouge .highlight {
    background: #eef; }
  .highlight .c {
    color: #998;
    font-style: italic; }
  .highlight .err {
    color: #a61717;
    background-color: #e3d2d2; }
  .highlight .k {
    font-weight: bold; }
  .highlight .o {
    font-weight: bold; }
  .highlight .cm {
    color: #998;
    font-style: italic; }
  .highlight .cp {
    color: #999;
    font-weight: bold; }
  .highlight .c1 {
    color: #998;
    font-style: italic; }
  .highlight .cs {
    color: #999;
    font-weight: bold;
    font-style: italic; }
  .highlight .gd {
    color: #000;
    background-color: #fdd; }
  .highlight .gd .x {
    color: #000;
    background-color: #faa; }
  .highlight .ge {
    font-style: italic; }
  .highlight .gr {
    color: #a00; }
  .highlight .gh {
    color: #999; }
  .highlight .gi {
    color: #000;
    background-color: #dfd; }
  .highlight .gi .x {
    color: #000;
    background-color: #afa; }
  .highlight .go {
    color: #888; }
  .highlight .gp {
    color: #555; }
  .highlight .gs {
    font-weight: bold; }
  .highlight .gu {
    color: #aaa; }
  .highlight .gt {
    color: #a00; }
  .highlight .kc {
    font-weight: bold; }
  .highlight .kd {
    font-weight: bold; }
  .highlight .kp {
    font-weight: bold; }
  .highlight .kr {
    font-weight: bold; }
  .highlight .kt {
    color: #458;
    font-weight: bold; }
  .highlight .m {
    color: #099; }
  .highlight .s {
    color: #d14; }
  .highlight .na {
    color: #008080; }
  .highlight .nb {
    color: #0086B3; }
  .highlight .nc {
    color: #458;
    font-weight: bold; }
  .highlight .no {
    color: #008080; }
  .highlight .ni {
    color: #800080; }
  .highlight .ne {
    color: #900;
    font-weight: bold; }
  .highlight .nf {
    color: #900;
    font-weight: bold; }
  .highlight .nn {
    color: #555; }
  .highlight .nt {
    color: #000080; }
  .highlight .nv {
    color: #008080; }
  .highlight .ow {
    font-weight: bold; }
  .highlight .w {
    color: #bbb; }
  .highlight .mf {
    color: #099; }
  .highlight .mh {
    color: #099; }
  .highlight .mi {
    color: #099; }
  .highlight .mo {
    color: #099; }
  .highlight .sb {
    color: #d14; }
  .highlight .sc {
    color: #d14; }
  .highlight .sd {
    color: #d14; }
  .highlight .s2 {
    color: #d14; }
  .highlight .se {
    color: #d14; }
  .highlight .sh {
    color: #d14; }
  .highlight .si {
    color: #d14; }
  .highlight .sx {
    color: #d14; }
  .highlight .sr {
    color: #009926; }
  .highlight .s1 {
    color: #d14; }
  .highlight .ss {
    color: #990073; }
  .highlight .bp {
    color: #999; }
  .highlight .vc {
    color: #008080; }
  .highlight .vg {
    color: #008080; }
  .highlight .vi {
    color: #008080; }
  .highlight .il {
    color: #099; }

.task-how-to-do {
  background-color: white;
  padding: 0.75em; }
  .task-how-to-do img {
    box-shadow: 0 0 3px silver;
    margin: 0.5em 0; }

.tasks-list .tasks-item {
  margin: 2px;
  display: flex;
  align-content: stretch;
  overflow: hidden;
  transition: all 0.3s; }
  .tasks-list .tasks-item:first-child {
    border-radius: 15px 15px 0 0;
    margin-top: 0; }
  .tasks-list .tasks-item:last-child {
    border-radius: 0 0 15px 15px; }
    .tasks-list .tasks-item:last-child:first-child {
      border-radius: 15px; }
  .tasks-list .tasks-item .tasks-item-wrapper {
    display: flex;
    width: 100%; }
  .tasks-list .tasks-item .tasks-item-index {
    transition: all 0.3s;
    padding: 0.5em;
    flex-shrink: 0;
    flex-basis: 56px;
    display: flex;
    align-items: flex-start;
    justify-content: center; }
    .tasks-list .tasks-item .tasks-item-index .index-label {
      font-size: 16px;
      height: 30px;
      width: 30px;
      text-align: center;
      border-radius: 50%;
      background: white;
      border: 2px solid; }
  .tasks-list .tasks-item .tasks-item-description {
    transition: all 0.3s;
    flex-grow: 1;
    flex-basis: 0; }
    .tasks-list .tasks-item .tasks-item-description .text {
      padding: 0.75em; }
    .tasks-list .tasks-item .tasks-item-description p {
      margin-bottom: 0.25em; }
    .tasks-list .tasks-item .tasks-item-description ul:last-child {
      margin-bottom: 0; }
    .tasks-list .tasks-item .tasks-item-description p:last-child {
      margin-bottom: 0; }
  .tasks-list .tasks-item .task-item-students {
    padding: 0.5em;
    flex-basis: 190px;
    align-items: flex-end; }
    .tasks-list .tasks-item .task-item-students .task-item-student {
      align-items: flex-end;
      justify-content: center;
      display: flex;
      flex-shrink: 0;
      border-radius: 0.3em;
      padding: 0.15em 0.5em;
      margin-bottom: 0.5em; }
      .tasks-list .tasks-item .task-item-students .task-item-student:last-child {
        margin-bottom: 0; }
      .tasks-list .tasks-item .task-item-students .task-item-student .done-icon {
        margin-right: auto;
        font-size: 0.75em;
        color: green;
        align-self: center;
        padding-right: 0.5em; }
    .tasks-list .tasks-item .task-item-students .task-item-student-name {
      font-size: 0.8em;
      text-align: center; }
      .tasks-list .tasks-item .task-item-students .task-item-student-name .task-item-student-group {
        text-align: right;
        font-size: 0.75em; }
  .tasks-list .tasks-item.tasks-item-difficulty-1 {
    background: #e3ff7e;
    box-shadow: 0 0 6px #e6ff8d;
    border-bottom: 2px solid #cdff18;
    background: linear-gradient(90deg, #e3ff7e, #ffed6b); }
    .tasks-list .tasks-item.tasks-item-difficulty-1:last-child {
      border-bottom: 0; }
    .tasks-list .tasks-item.tasks-item-difficulty-1 .tasks-item-description {
      color: #4f6500; }
      .tasks-list .tasks-item.tasks-item-difficulty-1 .tasks-item-description a {
        text-decoration: underline;
        display: inline-block;
        padding: 0 0.25em;
        background-color: #f8ff20; }
      .tasks-list .tasks-item.tasks-item-difficulty-1 .tasks-item-description ul li {
        color: #273200; }
    .tasks-list .tasks-item.tasks-item-difficulty-1 blockquote {
      background-color: #eeffb1;
      border-left: 4px solid #d2ff32;
      font-size: 0.95em;
      color: black;
      margin: 0.5em 0 0;
      padding: 0.5em; }
    .tasks-list .tasks-item.tasks-item-difficulty-1 .mjx-chtml.MJXc-display {
      text-align: left !important; }
      .tasks-list .tasks-item.tasks-item-difficulty-1 .mjx-chtml.MJXc-display .mjx-chtml.MathJax_CHTML {
        background-color: #eeffb1;
        padding: 0.25em 0.5em;
        border-radius: 4px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        cursor: pointer; }
        .tasks-list .tasks-item.tasks-item-difficulty-1 .mjx-chtml.MJXc-display .mjx-chtml.MathJax_CHTML:hover {
          background-color: #f4ffcb;
          color: black; }
    .tasks-list .tasks-item.tasks-item-difficulty-1:hover {
      background-color: #e6ff8d; }
      .tasks-list .tasks-item.tasks-item-difficulty-1:hover .tasks-item-index {
        background-color: #ecffa7; }
    .tasks-list .tasks-item.tasks-item-difficulty-1 .tasks-item-index {
      background-color: #e9ff98;
      border-right: 2px solid #ddff65; }
      .tasks-list .tasks-item.tasks-item-difficulty-1 .tasks-item-index .index-label {
        color: #8bb100;
        border-color: #d2ff32;
        box-shadow: 0 0 2px #b3e400 inset; }
    .tasks-list .tasks-item.tasks-item-difficulty-1 .task-item-students {
      background-color: rgba(255, 255, 255, 0.15); }
      .tasks-list .tasks-item.tasks-item-difficulty-1 .task-item-students .task-item-student {
        background-color: #fffffe; }
        .tasks-list .tasks-item.tasks-item-difficulty-1 .task-item-students .task-item-student .task-item-student-group {
          color: #273200; }
  .tasks-list .tasks-item.tasks-item-difficulty-2 {
    background: #ffdb5b;
    box-shadow: 0 0 6px #ffde6a;
    border-bottom: 2px solid #f4be00;
    background: linear-gradient(90deg, #ffdb5b, #ffcf25); }
    .tasks-list .tasks-item.tasks-item-difficulty-2:last-child {
      border-bottom: 0; }
    .tasks-list .tasks-item.tasks-item-difficulty-2 .tasks-item-description {
      color: #423300; }
      .tasks-list .tasks-item.tasks-item-difficulty-2 .tasks-item-description a {
        text-decoration: underline;
        display: inline-block;
        padding: 0 0.25em;
        background-color: #fff617; }
      .tasks-list .tasks-item.tasks-item-difficulty-2 .tasks-item-description ul li {
        color: #0f0b00; }
    .tasks-list .tasks-item.tasks-item-difficulty-2 blockquote {
      background-color: #ffe68e;
      border-left: 4px solid #ffca0f;
      font-size: 0.95em;
      color: black;
      margin: 0.5em 0 0;
      padding: 0.5em; }
    .tasks-list .tasks-item.tasks-item-difficulty-2 .mjx-chtml.MJXc-display {
      text-align: left !important; }
      .tasks-list .tasks-item.tasks-item-difficulty-2 .mjx-chtml.MJXc-display .mjx-chtml.MathJax_CHTML {
        background-color: #ffe68e;
        padding: 0.25em 0.5em;
        border-radius: 4px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        cursor: pointer; }
        .tasks-list .tasks-item.tasks-item-difficulty-2 .mjx-chtml.MJXc-display .mjx-chtml.MathJax_CHTML:hover {
          background-color: #ffeca8;
          color: black; }
    .tasks-list .tasks-item.tasks-item-difficulty-2:hover {
      background-color: #ffde6a; }
      .tasks-list .tasks-item.tasks-item-difficulty-2:hover .tasks-item-index {
        background-color: #ffe484; }
    .tasks-list .tasks-item.tasks-item-difficulty-2 .tasks-item-index {
      background-color: #ffe175;
      border-right: 2px solid #ffd542; }
      .tasks-list .tasks-item.tasks-item-difficulty-2 .tasks-item-index .index-label {
        color: #8e6f00;
        border-color: #ffca0f;
        box-shadow: 0 0 2px #c19700 inset; }
    .tasks-list .tasks-item.tasks-item-difficulty-2 .task-item-students {
      background-color: rgba(255, 255, 255, 0.15); }
      .tasks-list .tasks-item.tasks-item-difficulty-2 .task-item-students .task-item-student {
        background-color: #fff7db; }
        .tasks-list .tasks-item.tasks-item-difficulty-2 .task-item-students .task-item-student .task-item-student-group {
          color: #0f0b00; }
  .tasks-list .tasks-item.tasks-item-difficulty-3 {
    background: #ff7b8f;
    box-shadow: 0 0 6px #ff8a9c;
    border-bottom: 2px solid #ff1538;
    background: linear-gradient(90deg, #ff7b8f, #ffd11c); }
    .tasks-list .tasks-item.tasks-item-difficulty-3:last-child {
      border-bottom: 0; }
    .tasks-list .tasks-item.tasks-item-difficulty-3 .tasks-item-description {
      color: #62000f; }
      .tasks-list .tasks-item.tasks-item-difficulty-3 .tasks-item-description a {
        text-decoration: underline;
        display: inline-block;
        padding: 0 0.25em;
        background-color: #ffde24; }
      .tasks-list .tasks-item.tasks-item-difficulty-3 .tasks-item-description ul li {
        color: #2f0007; }
    .tasks-list .tasks-item.tasks-item-difficulty-3 blockquote {
      background-color: #ffaeba;
      border-left: 4px solid #ff2f4e;
      font-size: 0.95em;
      color: black;
      margin: 0.5em 0 0;
      padding: 0.5em; }
    .tasks-list .tasks-item.tasks-item-difficulty-3 .mjx-chtml.MJXc-display {
      text-align: left !important; }
      .tasks-list .tasks-item.tasks-item-difficulty-3 .mjx-chtml.MJXc-display .mjx-chtml.MathJax_CHTML {
        background-color: #ffaeba;
        padding: 0.25em 0.5em;
        border-radius: 4px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        cursor: pointer; }
        .tasks-list .tasks-item.tasks-item-difficulty-3 .mjx-chtml.MJXc-display .mjx-chtml.MathJax_CHTML:hover {
          background-color: #ffc8d0;
          color: black; }
    .tasks-list .tasks-item.tasks-item-difficulty-3:hover {
      background-color: #ff8a9c; }
      .tasks-list .tasks-item.tasks-item-difficulty-3:hover .tasks-item-index {
        background-color: #ffa4b2; }
    .tasks-list .tasks-item.tasks-item-difficulty-3 .tasks-item-index {
      background-color: #ff95a5;
      border-right: 2px solid #ff6279; }
      .tasks-list .tasks-item.tasks-item-difficulty-3 .tasks-item-index .index-label {
        color: #ae001a;
        border-color: #ff2f4e;
        box-shadow: 0 0 2px #e10022 inset; }
    .tasks-list .tasks-item.tasks-item-difficulty-3 .task-item-students {
      background-color: rgba(255, 255, 255, 0.15); }
      .tasks-list .tasks-item.tasks-item-difficulty-3 .task-item-students .task-item-student {
        background-color: #fffbfb; }
        .tasks-list .tasks-item.tasks-item-difficulty-3 .task-item-students .task-item-student .task-item-student-group {
          color: #2f0007; }
  .tasks-list .tasks-item.tasks-item-difficulty-any {
    background: #ffdcc2;
    box-shadow: 0 0 6px #ffe5d1;
    border-bottom: 2px solid #ffa15c;
    background: linear-gradient(90deg, #ffdcc2, #ffdcc2);
    background: linear-gradient(90deg, #e8ff96, #ffeea4, #ffdcc2); }
    .tasks-list .tasks-item.tasks-item-difficulty-any:last-child {
      border-bottom: 0; }
    .tasks-list .tasks-item.tasks-item-difficulty-any .tasks-item-description {
      color: #a94800; }
      .tasks-list .tasks-item.tasks-item-difficulty-any .tasks-item-description a {
        text-decoration: underline;
        display: inline-block;
        padding: 0 0.25em;
        background-color: #fff631; }
      .tasks-list .tasks-item.tasks-item-difficulty-any .tasks-item-description ul li {
        color: #763200; }
    .tasks-list .tasks-item.tasks-item-difficulty-any blockquote {
      background-color: #fff9f5;
      border-left: 4px solid #ffb076;
      font-size: 0.95em;
      color: black;
      margin: 0.5em 0 0;
      padding: 0.5em; }
    .tasks-list .tasks-item.tasks-item-difficulty-any .mjx-chtml.MJXc-display {
      text-align: left !important; }
      .tasks-list .tasks-item.tasks-item-difficulty-any .mjx-chtml.MJXc-display .mjx-chtml.MathJax_CHTML {
        background-color: #fff9f5;
        padding: 0.25em 0.5em;
        border-radius: 4px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        cursor: pointer; }
        .tasks-list .tasks-item.tasks-item-difficulty-any .mjx-chtml.MJXc-display .mjx-chtml.MathJax_CHTML:hover {
          background-color: white;
          color: black; }
    .tasks-list .tasks-item.tasks-item-difficulty-any:hover {
      background-color: #ffe5d1; }
      .tasks-list .tasks-item.tasks-item-difficulty-any:hover .tasks-item-index {
        background-color: #fff3eb; }
    .tasks-list .tasks-item.tasks-item-difficulty-any .tasks-item-index {
      background-color: #ffebdc;
      border-right: 2px solid #ffcda9; }
      .tasks-list .tasks-item.tasks-item-difficulty-any .tasks-item-index .index-label {
        color: #f56800;
        border-color: #ffb076;
        box-shadow: 0 0 2px #ff8429 inset; }
    .tasks-list .tasks-item.tasks-item-difficulty-any .task-item-students {
      background-color: rgba(255, 255, 255, 0.15); }
      .tasks-list .tasks-item.tasks-item-difficulty-any .task-item-students .task-item-student {
        background-color: white; }
        .tasks-list .tasks-item.tasks-item-difficulty-any .task-item-students .task-item-student .task-item-student-group {
          color: #763200; }
  .tasks-list .tasks-item.skip {
    background: #e0e0e0;
    box-shadow: 0 0 6px #e8e8e8;
    border-bottom: 2px solid #adadad;
    background: linear-gradient(90deg, #e0e0e0, #ececec); }
    .tasks-list .tasks-item.skip:last-child {
      border-bottom: 0; }
    .tasks-list .tasks-item.skip .tasks-item-description {
      color: #545454; }
      .tasks-list .tasks-item.skip .tasks-item-description a {
        text-decoration: underline;
        display: inline-block;
        padding: 0 0.25em;
        background-color: #f7f738; }
      .tasks-list .tasks-item.skip .tasks-item-description ul li {
        color: #3a3a3a; }
    .tasks-list .tasks-item.skip blockquote {
      background-color: #fafafa;
      border-left: 4px solid #bababa;
      font-size: 0.95em;
      color: black;
      margin: 0.5em 0 0;
      padding: 0.5em; }
    .tasks-list .tasks-item.skip .mjx-chtml.MJXc-display {
      text-align: left !important; }
      .tasks-list .tasks-item.skip .mjx-chtml.MJXc-display .mjx-chtml.MathJax_CHTML {
        background-color: #fafafa;
        padding: 0.25em 0.5em;
        border-radius: 4px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        cursor: pointer; }
        .tasks-list .tasks-item.skip .mjx-chtml.MJXc-display .mjx-chtml.MathJax_CHTML:hover {
          background-color: white;
          color: black; }
    .tasks-list .tasks-item.skip:hover {
      background-color: #e8e8e8; }
      .tasks-list .tasks-item.skip:hover .tasks-item-index {
        background-color: #f4f4f4; }
    .tasks-list .tasks-item.skip .tasks-item-index {
      background-color: #ededed;
      border-right: 2px solid lightgray; }
      .tasks-list .tasks-item.skip .tasks-item-index .index-label {
        color: #7a7a7a;
        border-color: #bababa;
        box-shadow: 0 0 2px #949494 inset; }
    .tasks-list .tasks-item.skip .task-item-students {
      background-color: rgba(255, 255, 255, 0.15); }
      .tasks-list .tasks-item.skip .task-item-students .task-item-student {
        background-color: white; }
        .tasks-list .tasks-item.skip .task-item-students .task-item-student .task-item-student-group {
          color: #3a3a3a; }
    .tasks-list .tasks-item.skip .tasks-item-description {
      text-decoration: line-through;
      color: silver; }
    .tasks-list .tasks-item.skip .tasks-item-index .index-label {
      color: silver;
      text-decoration: line-through; }

@media (max-width: 600px) {
  .tasks-list .tasks-item {
    font-size: 0.9em; }
    .tasks-list .tasks-item .task-item-students {
      flex-basis: auto;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      padding-bottom: 0; }
      .tasks-list .tasks-item .task-item-students .task-item-student {
        float: left;
        margin-right: 0.5em; }
        .tasks-list .tasks-item .task-item-students .task-item-student:last-child {
          margin-bottom: 0.5em; }
    .tasks-list .tasks-item .tasks-item-wrapper {
      flex-direction: column; }
    .tasks-list .tasks-item .tasks-item-index {
      padding: 0.25em;
      flex-basis: 36px; } }
.lab-warning {
  background-color: #fff3cd;
  border: 1px solid #ffeeba;
  border-radius: 0 0 .25rem .25rem;
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 0.5em;
  color: red;
  font-weight: bold; }
  .lab-warning p {
    margin: 0; }

.lab-info {
  background-color: #99e4ff;
  border: 1px solid #80c5ff;
  border-radius: 0 0 .25rem .25rem;
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 0.5em;
  color: #181831;
  font-weight: bold; }
  .lab-info p {
    margin: 0; }

body {
  min-height: auto;
  padding-top: 0;
  background-color: white; }

main.container {
  padding: 1em;
  padding-top: 4.5rem;
  background-color: white;
  box-shadow: 0 0 8px white; }

.post-list-heading {
  font-size: 1.75em;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden; }

.home-labs-links a, .home-page-links a {
  display: block;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  .home-labs-links a:hover, .home-page-links a:hover {
    text-decoration: none; }

.home-labs-links a:nth-child(1) {
  color: #274684; }
  .home-labs-links a:nth-child(1):hover {
    color: #1b315d; }
.home-labs-links a:nth-child(2) {
  color: #1e3665; }
  .home-labs-links a:nth-child(2):hover {
    color: #12213d; }
.home-labs-links a:nth-child(3) {
  color: #142545; }
  .home-labs-links a:nth-child(3):hover {
    color: #09101e; }
.home-labs-links a:nth-child(4) {
  color: #0b1426; }
  .home-labs-links a:nth-child(4):hover {
    color: black; }
.home-labs-links a:nth-child(5) {
  color: #020306; }
  .home-labs-links a:nth-child(5):hover {
    color: black; }
.home-labs-links a:nth-child(6) {
  color: black; }
  .home-labs-links a:nth-child(6):hover {
    color: black; }
.home-labs-links a:nth-child(7) {
  color: black; }
  .home-labs-links a:nth-child(7):hover {
    color: black; }
.home-labs-links a:nth-child(8) {
  color: black; }
  .home-labs-links a:nth-child(8):hover {
    color: black; }
.home-labs-links a:nth-child(9) {
  color: black; }
  .home-labs-links a:nth-child(9):hover {
    color: black; }
.home-labs-links a:nth-child(10) {
  color: black; }
  .home-labs-links a:nth-child(10):hover {
    color: black; }
.home-labs-links a:nth-child(11) {
  color: black; }
  .home-labs-links a:nth-child(11):hover {
    color: black; }

.home-page-links a:nth-child(1) {
  color: #5e00ff; }
  .home-page-links a:nth-child(1):hover {
    background: linear-gradient(90deg, #dfccff, white);
    color: #4b00cc; }
.home-page-links a:nth-child(2) {
  color: #bb00ff; }
  .home-page-links a:nth-child(2):hover {
    background: linear-gradient(90deg, #f1ccff, white);
    color: #9600cc; }
.home-page-links a:nth-child(3) {
  color: #ff00e6; }
  .home-page-links a:nth-child(3):hover {
    background: linear-gradient(90deg, #ffccfa, white);
    color: #cc00b8; }
.home-page-links a:nth-child(4) {
  color: #ff0088; }
  .home-page-links a:nth-child(4):hover {
    background: linear-gradient(90deg, #ffcce7, white);
    color: #cc006d; }
.home-page-links a:nth-child(5) {
  color: #ff002b; }
  .home-page-links a:nth-child(5):hover {
    background: linear-gradient(90deg, #ffccd5, white);
    color: #cc0022; }
.home-page-links a:nth-child(6) {
  color: #ff3300; }
  .home-page-links a:nth-child(6):hover {
    background: linear-gradient(90deg, #ffd6cc, white);
    color: #cc2900; }
.home-page-links a:nth-child(7) {
  color: #ff9100; }
  .home-page-links a:nth-child(7):hover {
    background: linear-gradient(90deg, #ffe9cc, white);
    color: #cc7400; }
.home-page-links a:nth-child(8) {
  color: #e6d600; }
  .home-page-links a:nth-child(8):hover {
    background: linear-gradient(90deg, #fffab3, white);
    color: #b3a700; }
.home-page-links a:nth-child(9) {
  color: #a1e600; }
  .home-page-links a:nth-child(9):hover {
    background: linear-gradient(90deg, #e8ffb3, white);
    color: #7db300; }
.home-page-links a:nth-child(10) {
  color: #4de600; }
  .home-page-links a:nth-child(10):hover {
    background: linear-gradient(90deg, #ccffb3, white);
    color: #3cb300; }
.home-page-links a:nth-child(11) {
  color: #00e608; }
  .home-page-links a:nth-child(11):hover {
    background: linear-gradient(90deg, #b3ffb5, white);
    color: #00b306; }
.home-page-links a:nth-child(12) {
  color: #00e65c; }
  .home-page-links a:nth-child(12):hover {
    background: linear-gradient(90deg, #b3ffd1, white);
    color: #00b347; }
.home-page-links a:nth-child(13) {
  color: #00e6b0; }
  .home-page-links a:nth-child(13):hover {
    background: linear-gradient(90deg, #b3ffed, white);
    color: #00b389; }

.lab-title {
  margin-bottom: 0;
  padding: 15px; }

.lab-description {
  padding: 0 15px; }

.nav-pills {
  margin: 0.5em 0; }
  .nav-pills .nav-link {
    color: white;
    font-weight: bold; }
    .nav-pills .nav-link:nth-child(1) {
      color: #fc2c2c; }
      .nav-pills .nav-link:nth-child(1).active {
        text-shadow: 0 0 1px #d95c03;
        background: linear-gradient(90deg, #fd5e5e, #fd865e);
        color: white; }
    .nav-pills .nav-link:nth-child(2) {
      color: #fc602c; }
      .nav-pills .nav-link:nth-child(2).active {
        text-shadow: 0 0 1px #d99103;
        background: linear-gradient(90deg, #fd865e, #fdae5e);
        color: white; }
    .nav-pills .nav-link:nth-child(3) {
      color: #fc942c; }
      .nav-pills .nav-link:nth-child(3).active {
        text-shadow: 0 0 1px #d9c703;
        background: linear-gradient(90deg, #fdae5e, #fdd55e);
        color: white; }
    .nav-pills .nav-link:nth-child(4) {
      color: #fcc82c; }
      .nav-pills .nav-link:nth-child(4).active {
        text-shadow: 0 0 1px #b5d903;
        background: linear-gradient(90deg, #fdd55e, #fdfd5e);
        color: white; }
    .nav-pills .nav-link:nth-child(5) {
      color: #fcfc2c; }
      .nav-pills .nav-link:nth-child(5).active {
        text-shadow: 0 0 1px #80d903;
        background: linear-gradient(90deg, #fdfd5e, #d5fd5e);
        color: white; }
    .nav-pills .nav-link:nth-child(6) {
      color: #c8fc2c; }
      .nav-pills .nav-link:nth-child(6).active {
        text-shadow: 0 0 1px #4ad903;
        background: linear-gradient(90deg, #d5fd5e, #aefd5e);
        color: white; }
    .nav-pills .nav-link:nth-child(7) {
      color: #94fc2c; }
      .nav-pills .nav-link:nth-child(7).active {
        text-shadow: 0 0 1px #15d903;
        background: linear-gradient(90deg, #aefd5e, #86fd5e);
        color: white; }
    .nav-pills .nav-link:nth-child(8) {
      color: #60fc2c; }
      .nav-pills .nav-link:nth-child(8).active {
        text-shadow: 0 0 1px #03d926;
        background: linear-gradient(90deg, #86fd5e, #5efd5e);
        color: white; }
    .nav-pills .nav-link:nth-child(9) {
      color: #2cfc2c; }
      .nav-pills .nav-link:nth-child(9).active {
        text-shadow: 0 0 1px #03d95c;
        background: linear-gradient(90deg, #5efd5e, #5efd86);
        color: white; }

.nav-item-questions {
  margin-left: auto;
  text-decoration: underline; }
  .nav-item-questions.active {
    color: black !important; }

.page-content {
  padding-top: 0; }
  .page-content blockquote {
    border-left: none;
    color: black;
    padding-left: 15px;
    font-size: 0.9em;
    letter-spacing: normal;
    font-style: normal; }
  .page-content h4 {
    margin-bottom: 0.5em;
    margin-top: 0.5em; }

.table-wrapper {
  max-width: 100%;
  overflow-x: auto; }

.page-content .task-description {
  font-size: 1.5em;
  padding: 0.5em;
  background: linear-gradient(90deg, #fffd8c, white); }
  .page-content .task-description .task-text {
    font-weight: bold; }
.page-content .algorithm-verbose-header {
  margin-bottom: 0.25rem;
  padding: 0.25em 0.25em 0.5em;
  color: #5c8900;
  background: linear-gradient(90deg, #d8ff89, white);
  margin-top: 15px; }
.page-content .algorithm-verbose-code-header {
  padding: 0.25em 0.25em 0.5em;
  margin-bottom: 0.25rem;
  color: black;
  background: linear-gradient(90deg, #d6d6ff, white);
  margin-top: 15px; }
.page-content .algorithm-steps {
  display: flex;
  -js-display: flex;
  flex-direction: column; }
  .page-content .algorithm-steps .algorithm-step {
    display: flex;
    -js-display: flex;
    align-items: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 17.5px;
    margin-bottom: 0.25rem; }
    .page-content .algorithm-steps .algorithm-step:last-child {
      margin-bottom: 0; }
    .page-content .algorithm-steps .algorithm-step:nth-child(1) {
      background: #c4ff89; }
      .page-content .algorithm-steps .algorithm-step:nth-child(1):hover {
        background: #d6ffad; }
      .page-content .algorithm-steps .algorithm-step:nth-child(1) .algorithm-step-index {
        color: #52a300;
        border: 2px solid #78ef00; }
    .page-content .algorithm-steps .algorithm-step:nth-child(2) {
      background: #b1ff89; }
      .page-content .algorithm-steps .algorithm-step:nth-child(2):hover {
        background: #c8ffad; }
      .page-content .algorithm-steps .algorithm-step:nth-child(2) .algorithm-step-index {
        color: #37a300;
        border: 2px solid #50ef00; }
    .page-content .algorithm-steps .algorithm-step:nth-child(3) {
      background: #9dff89; }
      .page-content .algorithm-steps .algorithm-step:nth-child(3):hover {
        background: #bbffad; }
      .page-content .algorithm-steps .algorithm-step:nth-child(3) .algorithm-step-index {
        color: #1ca300;
        border: 2px solid #29ef00; }
    .page-content .algorithm-steps .algorithm-step:nth-child(4) {
      background: #89ff89; }
      .page-content .algorithm-steps .algorithm-step:nth-child(4):hover {
        background: #adffad; }
      .page-content .algorithm-steps .algorithm-step:nth-child(4) .algorithm-step-index {
        color: #00a300;
        border: 2px solid #01ef00; }
    .page-content .algorithm-steps .algorithm-step:nth-child(5) {
      background: #89ff9c; }
      .page-content .algorithm-steps .algorithm-step:nth-child(5):hover {
        background: #adffba; }
      .page-content .algorithm-steps .algorithm-step:nth-child(5) .algorithm-step-index {
        color: #00a31b;
        border: 2px solid #00ef27; }
    .page-content .algorithm-steps .algorithm-step:nth-child(6) {
      background: #89ffb0; }
      .page-content .algorithm-steps .algorithm-step:nth-child(6):hover {
        background: #adffc8; }
      .page-content .algorithm-steps .algorithm-step:nth-child(6) .algorithm-step-index {
        color: #00a336;
        border: 2px solid #00ef4f; }
    .page-content .algorithm-steps .algorithm-step:nth-child(7) {
      background: #89ffc4; }
      .page-content .algorithm-steps .algorithm-step:nth-child(7):hover {
        background: #adffd6; }
      .page-content .algorithm-steps .algorithm-step:nth-child(7) .algorithm-step-index {
        color: #00a351;
        border: 2px solid #00ef77; }
    .page-content .algorithm-steps .algorithm-step:nth-child(8) {
      background: #89ffd7; }
      .page-content .algorithm-steps .algorithm-step:nth-child(8):hover {
        background: #adffe3; }
      .page-content .algorithm-steps .algorithm-step:nth-child(8) .algorithm-step-index {
        color: #00a36c;
        border: 2px solid #00ef9f; }
    .page-content .algorithm-steps .algorithm-step:nth-child(9) {
      background: #89ffeb; }
      .page-content .algorithm-steps .algorithm-step:nth-child(9):hover {
        background: #adfff1; }
      .page-content .algorithm-steps .algorithm-step:nth-child(9) .algorithm-step-index {
        color: #00a387;
        border: 2px solid #00efc6; }
    .page-content .algorithm-steps .algorithm-step.algorithm-step-level2 {
      margin-left: 17.5px; }
    .page-content .algorithm-steps .algorithm-step .algorithm-step-index {
      margin: 0.25em 0 0.25em 0.25em;
      display: flex;
      -js-display: flex;
      flex-grow: 0;
      flex-shrink: 0;
      justify-content: center;
      align-items: center;
      flex-basis: 35px;
      width: 35px;
      height: 35px;
      background-color: white;
      border-radius: 50%;
      text-align: center; }
    .page-content .algorithm-steps .algorithm-step .algorithm-step-description {
      flex-grow: 1;
      padding: 0.5em; }

.headers .header {
  margin-bottom: 0.25em;
  z-index: 2;
  font-family: 'Gabriela', serif;
  position: relative;
  font-size: 3em;
  text-transform: uppercase;
  text-align: center; }
  .headers .header:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    width: 100%;
    border-bottom: 2px solid black; }
  .headers .header span {
    background-color: white;
    padding: 0 0.25em; }
.headers .info {
  margin-bottom: 0.75em;
  padding: 1em; }

@media (max-width: 600px) {
  h1 {
    font-size: 1.75em; }

  .post-list-heading {
    font-size: 1.5em; }

  main.container {
    padding: 3.5em 0 0; }
    main.container .nav.nav-pills {
      padding: 0 0.5em; }
    main.container .page-content-wrapper {
      padding: 1em; }
    main.container .tasks-item {
      margin: 0.25em; } }
@media (max-width: 800px) {
  .lab-description-wrapper {
    flex-direction: column; }
    .lab-description-wrapper .lab-description {
      font-size: 1.15em; }
    .lab-description-wrapper h5 {
      display: none; }

  .headers .header {
    font-size: 2em; }
    .headers .header span {
      display: block;
      background-color: white;
      padding: 0 0.5em; } }
.group-periods {
  display: flex;
  align-items: center; }
  .group-periods .group-title {
    flex-basis: 0;
    padding: 1em;
    font-size: 1.5em; }
  .group-periods:nth-child(1) {
    background-color: #fff5fa; }
    .group-periods:nth-child(1) .group-title {
      color: #b3005e; }
    .group-periods:nth-child(1) .gap:nth-child(1) {
      color: #b3005e; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(1) .item-title {
      background-color: #ffe6f3;
      border: 4px solid #ff0086;
      color: #800043;
      font-weight: bold;
      box-shadow: 0 0 8px #b3005e; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(1) .item-date {
      color: #800043;
      font-weight: bold; }
    .group-periods:nth-child(1) .gap:nth-child(2) {
      color: #b30040; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(2) .item-title {
      background-color: #ffe6ef;
      border: 4px solid #ff005c;
      color: #80002e;
      font-weight: bold;
      box-shadow: 0 0 8px #b30040; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(2) .item-date {
      color: #80002e;
      font-weight: bold; }
    .group-periods:nth-child(1) .gap:nth-child(3) {
      color: #b30022; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(3) .item-title {
      background-color: #ffe6ea;
      border: 4px solid #ff0031;
      color: #800019;
      font-weight: bold;
      box-shadow: 0 0 8px #b30022; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(3) .item-date {
      color: #800019;
      font-weight: bold; }
    .group-periods:nth-child(1) .gap:nth-child(4) {
      color: #b30005; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(4) .item-title {
      background-color: #ffe6e6;
      border: 4px solid #ff0007;
      color: #800003;
      font-weight: bold;
      box-shadow: 0 0 8px #b30005; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(4) .item-date {
      color: #800003;
      font-weight: bold; }
    .group-periods:nth-child(1) .gap:nth-child(5) {
      color: #b31900; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(5) .item-title {
      background-color: #ffe9e6;
      border: 4px solid #ff2400;
      color: #801200;
      font-weight: bold;
      box-shadow: 0 0 8px #b31900; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(5) .item-date {
      color: #801200;
      font-weight: bold; }
    .group-periods:nth-child(1) .gap:nth-child(6) {
      color: #b33700; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(6) .item-title {
      background-color: #ffede6;
      border: 4px solid #ff4f00;
      color: #802700;
      font-weight: bold;
      box-shadow: 0 0 8px #b33700; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(6) .item-date {
      color: #802700;
      font-weight: bold; }
    .group-periods:nth-child(1) .gap:nth-child(7) {
      color: #b35500; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(7) .item-title {
      background-color: #fff2e6;
      border: 4px solid #ff7900;
      color: #803d00;
      font-weight: bold;
      box-shadow: 0 0 8px #b35500; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(7) .item-date {
      color: #803d00;
      font-weight: bold; }
    .group-periods:nth-child(1) .gap:nth-child(8) {
      color: #b37200; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(8) .item-title {
      background-color: #fff6e6;
      border: 4px solid #ffa400;
      color: #805200;
      font-weight: bold;
      box-shadow: 0 0 8px #b37200; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(8) .item-date {
      color: #805200;
      font-weight: bold; }
    .group-periods:nth-child(1) .gap:nth-child(9) {
      color: #b39000; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(9) .item-title {
      background-color: #fffae6;
      border: 4px solid #ffce00;
      color: #806700;
      font-weight: bold;
      box-shadow: 0 0 8px #b39000; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(9) .item-date {
      color: #806700;
      font-weight: bold; }
    .group-periods:nth-child(1) .gap:nth-child(10) {
      color: #b3ae00; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(10) .item-title {
      background-color: #fffee6;
      border: 4px solid #fff900;
      color: #807c00;
      font-weight: bold;
      box-shadow: 0 0 8px #b3ae00; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(10) .item-date {
      color: #807c00;
      font-weight: bold; }
    .group-periods:nth-child(1) .gap:nth-child(11) {
      color: #99b300; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(11) .item-title {
      background-color: #fbffe6;
      border: 4px solid #dbff00;
      color: #6e8000;
      font-weight: bold;
      box-shadow: 0 0 8px #99b300; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(11) .item-date {
      color: #6e8000;
      font-weight: bold; }
    .group-periods:nth-child(1) .gap:nth-child(12) {
      color: #7cb300; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(12) .item-title {
      background-color: #f7ffe6;
      border: 4px solid #b1ff00;
      color: #588000;
      font-weight: bold;
      box-shadow: 0 0 8px #7cb300; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(12) .item-date {
      color: #588000;
      font-weight: bold; }
    .group-periods:nth-child(1) .gap:nth-child(13) {
      color: #5eb300; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(13) .item-title {
      background-color: #f3ffe6;
      border: 4px solid #86ff00;
      color: #438000;
      font-weight: bold;
      box-shadow: 0 0 8px #5eb300; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(13) .item-date {
      color: #438000;
      font-weight: bold; }
    .group-periods:nth-child(1) .gap:nth-child(14) {
      color: #40b300; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(14) .item-title {
      background-color: #efffe6;
      border: 4px solid #5cff00;
      color: #2e8000;
      font-weight: bold;
      box-shadow: 0 0 8px #40b300; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(14) .item-date {
      color: #2e8000;
      font-weight: bold; }
    .group-periods:nth-child(1) .gap:nth-child(15) {
      color: #22b300; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(15) .item-title {
      background-color: #eaffe6;
      border: 4px solid #31ff00;
      color: #198000;
      font-weight: bold;
      box-shadow: 0 0 8px #22b300; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(15) .item-date {
      color: #198000;
      font-weight: bold; }
    .group-periods:nth-child(1) .gap:nth-child(16) {
      color: #05b300; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(16) .item-title {
      background-color: #e6ffe6;
      border: 4px solid #07ff00;
      color: #038000;
      font-weight: bold;
      box-shadow: 0 0 8px #05b300; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(16) .item-date {
      color: #038000;
      font-weight: bold; }
    .group-periods:nth-child(1) .gap:nth-child(17) {
      color: #00b319; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(17) .item-title {
      background-color: #e6ffe9;
      border: 4px solid #00ff24;
      color: #008012;
      font-weight: bold;
      box-shadow: 0 0 8px #00b319; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(17) .item-date {
      color: #008012;
      font-weight: bold; }
    .group-periods:nth-child(1) .gap:nth-child(18) {
      color: #00b337; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(18) .item-title {
      background-color: #e6ffed;
      border: 4px solid #00ff4f;
      color: #008027;
      font-weight: bold;
      box-shadow: 0 0 8px #00b337; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(18) .item-date {
      color: #008027;
      font-weight: bold; }
    .group-periods:nth-child(1) .gap:nth-child(19) {
      color: #00b355; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(19) .item-title {
      background-color: #e6fff2;
      border: 4px solid #00ff79;
      color: #00803d;
      font-weight: bold;
      box-shadow: 0 0 8px #00b355; }
    .group-periods:nth-child(1) .periods-list-item:nth-child(19) .item-date {
      color: #00803d;
      font-weight: bold; }
  .group-periods:nth-child(2) {
    background-color: #fffcf5; }
    .group-periods:nth-child(2) .group-title {
      color: #b38100; }
    .group-periods:nth-child(2) .gap:nth-child(1) {
      color: #b38100; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(1) .item-title {
      background-color: #fff8e6;
      border: 4px solid #ffb900;
      color: #805c00;
      font-weight: bold;
      box-shadow: 0 0 8px #b38100; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(1) .item-date {
      color: #805c00;
      font-weight: bold; }
    .group-periods:nth-child(2) .gap:nth-child(2) {
      color: #b39f00; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(2) .item-title {
      background-color: #fffce6;
      border: 4px solid #ffe300;
      color: #807200;
      font-weight: bold;
      box-shadow: 0 0 8px #b39f00; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(2) .item-date {
      color: #807200;
      font-weight: bold; }
    .group-periods:nth-child(2) .gap:nth-child(3) {
      color: #a8b300; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(3) .item-title {
      background-color: #feffe6;
      border: 4px solid #f0ff00;
      color: #788000;
      font-weight: bold;
      box-shadow: 0 0 8px #a8b300; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(3) .item-date {
      color: #788000;
      font-weight: bold; }
    .group-periods:nth-child(2) .gap:nth-child(4) {
      color: #8ab300; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(4) .item-title {
      background-color: #f9ffe6;
      border: 4px solid #c6ff00;
      color: #638000;
      font-weight: bold;
      box-shadow: 0 0 8px #8ab300; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(4) .item-date {
      color: #638000;
      font-weight: bold; }
    .group-periods:nth-child(2) .gap:nth-child(5) {
      color: #6db300; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(5) .item-title {
      background-color: #f5ffe6;
      border: 4px solid #9bff00;
      color: #4e8000;
      font-weight: bold;
      box-shadow: 0 0 8px #6db300; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(5) .item-date {
      color: #4e8000;
      font-weight: bold; }
    .group-periods:nth-child(2) .gap:nth-child(6) {
      color: #4fb300; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(6) .item-title {
      background-color: #f1ffe6;
      border: 4px solid #71ff00;
      color: #388000;
      font-weight: bold;
      box-shadow: 0 0 8px #4fb300; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(6) .item-date {
      color: #388000;
      font-weight: bold; }
    .group-periods:nth-child(2) .gap:nth-child(7) {
      color: #31b300; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(7) .item-title {
      background-color: #edffe6;
      border: 4px solid #46ff00;
      color: #238000;
      font-weight: bold;
      box-shadow: 0 0 8px #31b300; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(7) .item-date {
      color: #238000;
      font-weight: bold; }
    .group-periods:nth-child(2) .gap:nth-child(8) {
      color: #13b300; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(8) .item-title {
      background-color: #e8ffe6;
      border: 4px solid #1cff00;
      color: #0e8000;
      font-weight: bold;
      box-shadow: 0 0 8px #13b300; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(8) .item-date {
      color: #0e8000;
      font-weight: bold; }
    .group-periods:nth-child(2) .gap:nth-child(9) {
      color: #00b30a; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(9) .item-title {
      background-color: #e6ffe7;
      border: 4px solid #00ff0f;
      color: #008007;
      font-weight: bold;
      box-shadow: 0 0 8px #00b30a; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(9) .item-date {
      color: #008007;
      font-weight: bold; }
    .group-periods:nth-child(2) .gap:nth-child(10) {
      color: #00b328; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(10) .item-title {
      background-color: #e6ffeb;
      border: 4px solid #00ff39;
      color: #00801d;
      font-weight: bold;
      box-shadow: 0 0 8px #00b328; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(10) .item-date {
      color: #00801d;
      font-weight: bold; }
    .group-periods:nth-child(2) .gap:nth-child(11) {
      color: #00b346; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(11) .item-title {
      background-color: #e6ffef;
      border: 4px solid #00ff64;
      color: #008032;
      font-weight: bold;
      box-shadow: 0 0 8px #00b346; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(11) .item-date {
      color: #008032;
      font-weight: bold; }
    .group-periods:nth-child(2) .gap:nth-child(12) {
      color: #00b364; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(12) .item-title {
      background-color: #e6fff4;
      border: 4px solid #00ff8e;
      color: #008047;
      font-weight: bold;
      box-shadow: 0 0 8px #00b364; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(12) .item-date {
      color: #008047;
      font-weight: bold; }
    .group-periods:nth-child(2) .gap:nth-child(13) {
      color: #00b381; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(13) .item-title {
      background-color: #e6fff8;
      border: 4px solid #00ffb9;
      color: #00805c;
      font-weight: bold;
      box-shadow: 0 0 8px #00b381; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(13) .item-date {
      color: #00805c;
      font-weight: bold; }
    .group-periods:nth-child(2) .gap:nth-child(14) {
      color: #00b39f; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(14) .item-title {
      background-color: #e6fffc;
      border: 4px solid #00ffe3;
      color: #008072;
      font-weight: bold;
      box-shadow: 0 0 8px #00b39f; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(14) .item-date {
      color: #008072;
      font-weight: bold; }
    .group-periods:nth-child(2) .gap:nth-child(15) {
      color: #00a8b3; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(15) .item-title {
      background-color: #e6feff;
      border: 4px solid #00f0ff;
      color: #007880;
      font-weight: bold;
      box-shadow: 0 0 8px #00a8b3; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(15) .item-date {
      color: #007880;
      font-weight: bold; }
    .group-periods:nth-child(2) .gap:nth-child(16) {
      color: #008ab3; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(16) .item-title {
      background-color: #e6f9ff;
      border: 4px solid #00c6ff;
      color: #006380;
      font-weight: bold;
      box-shadow: 0 0 8px #008ab3; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(16) .item-date {
      color: #006380;
      font-weight: bold; }
    .group-periods:nth-child(2) .gap:nth-child(17) {
      color: #006db3; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(17) .item-title {
      background-color: #e6f5ff;
      border: 4px solid #009bff;
      color: #004e80;
      font-weight: bold;
      box-shadow: 0 0 8px #006db3; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(17) .item-date {
      color: #004e80;
      font-weight: bold; }
    .group-periods:nth-child(2) .gap:nth-child(18) {
      color: #004fb3; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(18) .item-title {
      background-color: #e6f1ff;
      border: 4px solid #0071ff;
      color: #003880;
      font-weight: bold;
      box-shadow: 0 0 8px #004fb3; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(18) .item-date {
      color: #003880;
      font-weight: bold; }
    .group-periods:nth-child(2) .gap:nth-child(19) {
      color: #0031b3; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(19) .item-title {
      background-color: #e6edff;
      border: 4px solid #0046ff;
      color: #002380;
      font-weight: bold;
      box-shadow: 0 0 8px #0031b3; }
    .group-periods:nth-child(2) .periods-list-item:nth-child(19) .item-date {
      color: #002380;
      font-weight: bold; }
  .group-periods:nth-child(3) {
    background-color: #f5fff5; }
    .group-periods:nth-child(3) .group-title {
      color: #05b300; }
    .group-periods:nth-child(3) .gap:nth-child(1) {
      color: #05b300; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(1) .item-title {
      background-color: #e6ffe6;
      border: 4px solid #07ff00;
      color: #038000;
      font-weight: bold;
      box-shadow: 0 0 8px #05b300; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(1) .item-date {
      color: #038000;
      font-weight: bold; }
    .group-periods:nth-child(3) .gap:nth-child(2) {
      color: #00b319; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(2) .item-title {
      background-color: #e6ffe9;
      border: 4px solid #00ff24;
      color: #008012;
      font-weight: bold;
      box-shadow: 0 0 8px #00b319; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(2) .item-date {
      color: #008012;
      font-weight: bold; }
    .group-periods:nth-child(3) .gap:nth-child(3) {
      color: #00b337; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(3) .item-title {
      background-color: #e6ffed;
      border: 4px solid #00ff4f;
      color: #008027;
      font-weight: bold;
      box-shadow: 0 0 8px #00b337; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(3) .item-date {
      color: #008027;
      font-weight: bold; }
    .group-periods:nth-child(3) .gap:nth-child(4) {
      color: #00b355; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(4) .item-title {
      background-color: #e6fff2;
      border: 4px solid #00ff79;
      color: #00803d;
      font-weight: bold;
      box-shadow: 0 0 8px #00b355; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(4) .item-date {
      color: #00803d;
      font-weight: bold; }
    .group-periods:nth-child(3) .gap:nth-child(5) {
      color: #00b372; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(5) .item-title {
      background-color: #e6fff6;
      border: 4px solid #00ffa4;
      color: #008052;
      font-weight: bold;
      box-shadow: 0 0 8px #00b372; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(5) .item-date {
      color: #008052;
      font-weight: bold; }
    .group-periods:nth-child(3) .gap:nth-child(6) {
      color: #00b390; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(6) .item-title {
      background-color: #e6fffa;
      border: 4px solid #00ffce;
      color: #008067;
      font-weight: bold;
      box-shadow: 0 0 8px #00b390; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(6) .item-date {
      color: #008067;
      font-weight: bold; }
    .group-periods:nth-child(3) .gap:nth-child(7) {
      color: #00b3ae; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(7) .item-title {
      background-color: #e6fffe;
      border: 4px solid #00fff9;
      color: #00807c;
      font-weight: bold;
      box-shadow: 0 0 8px #00b3ae; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(7) .item-date {
      color: #00807c;
      font-weight: bold; }
    .group-periods:nth-child(3) .gap:nth-child(8) {
      color: #0099b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(8) .item-title {
      background-color: #e6fbff;
      border: 4px solid #00dbff;
      color: #006e80;
      font-weight: bold;
      box-shadow: 0 0 8px #0099b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(8) .item-date {
      color: #006e80;
      font-weight: bold; }
    .group-periods:nth-child(3) .gap:nth-child(9) {
      color: #007cb3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(9) .item-title {
      background-color: #e6f7ff;
      border: 4px solid #00b1ff;
      color: #005880;
      font-weight: bold;
      box-shadow: 0 0 8px #007cb3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(9) .item-date {
      color: #005880;
      font-weight: bold; }
    .group-periods:nth-child(3) .gap:nth-child(10) {
      color: #005eb3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(10) .item-title {
      background-color: #e6f3ff;
      border: 4px solid #0086ff;
      color: #004380;
      font-weight: bold;
      box-shadow: 0 0 8px #005eb3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(10) .item-date {
      color: #004380;
      font-weight: bold; }
    .group-periods:nth-child(3) .gap:nth-child(11) {
      color: #0040b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(11) .item-title {
      background-color: #e6efff;
      border: 4px solid #005cff;
      color: #002e80;
      font-weight: bold;
      box-shadow: 0 0 8px #0040b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(11) .item-date {
      color: #002e80;
      font-weight: bold; }
    .group-periods:nth-child(3) .gap:nth-child(12) {
      color: #0022b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(12) .item-title {
      background-color: #e6eaff;
      border: 4px solid #0031ff;
      color: #001980;
      font-weight: bold;
      box-shadow: 0 0 8px #0022b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(12) .item-date {
      color: #001980;
      font-weight: bold; }
    .group-periods:nth-child(3) .gap:nth-child(13) {
      color: #0005b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(13) .item-title {
      background-color: #e6e6ff;
      border: 4px solid #0007ff;
      color: #000380;
      font-weight: bold;
      box-shadow: 0 0 8px #0005b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(13) .item-date {
      color: #000380;
      font-weight: bold; }
    .group-periods:nth-child(3) .gap:nth-child(14) {
      color: #1900b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(14) .item-title {
      background-color: #e9e6ff;
      border: 4px solid #2400ff;
      color: #120080;
      font-weight: bold;
      box-shadow: 0 0 8px #1900b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(14) .item-date {
      color: #120080;
      font-weight: bold; }
    .group-periods:nth-child(3) .gap:nth-child(15) {
      color: #3700b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(15) .item-title {
      background-color: #ede6ff;
      border: 4px solid #4f00ff;
      color: #270080;
      font-weight: bold;
      box-shadow: 0 0 8px #3700b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(15) .item-date {
      color: #270080;
      font-weight: bold; }
    .group-periods:nth-child(3) .gap:nth-child(16) {
      color: #5500b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(16) .item-title {
      background-color: #f2e6ff;
      border: 4px solid #7900ff;
      color: #3d0080;
      font-weight: bold;
      box-shadow: 0 0 8px #5500b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(16) .item-date {
      color: #3d0080;
      font-weight: bold; }
    .group-periods:nth-child(3) .gap:nth-child(17) {
      color: #7200b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(17) .item-title {
      background-color: #f6e6ff;
      border: 4px solid #a400ff;
      color: #520080;
      font-weight: bold;
      box-shadow: 0 0 8px #7200b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(17) .item-date {
      color: #520080;
      font-weight: bold; }
    .group-periods:nth-child(3) .gap:nth-child(18) {
      color: #9000b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(18) .item-title {
      background-color: #fae6ff;
      border: 4px solid #ce00ff;
      color: #670080;
      font-weight: bold;
      box-shadow: 0 0 8px #9000b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(18) .item-date {
      color: #670080;
      font-weight: bold; }
    .group-periods:nth-child(3) .gap:nth-child(19) {
      color: #ae00b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(19) .item-title {
      background-color: #fee6ff;
      border: 4px solid #f900ff;
      color: #7c0080;
      font-weight: bold;
      box-shadow: 0 0 8px #ae00b3; }
    .group-periods:nth-child(3) .periods-list-item:nth-child(19) .item-date {
      color: #7c0080;
      font-weight: bold; }
  .group-periods:nth-child(4) {
    background-color: #f5fdff; }
    .group-periods:nth-child(4) .group-title {
      color: #008ab3; }
    .group-periods:nth-child(4) .gap:nth-child(1) {
      color: #008ab3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(1) .item-title {
      background-color: #e6f9ff;
      border: 4px solid #00c6ff;
      color: #006380;
      font-weight: bold;
      box-shadow: 0 0 8px #008ab3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(1) .item-date {
      color: #006380;
      font-weight: bold; }
    .group-periods:nth-child(4) .gap:nth-child(2) {
      color: #006db3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(2) .item-title {
      background-color: #e6f5ff;
      border: 4px solid #009bff;
      color: #004e80;
      font-weight: bold;
      box-shadow: 0 0 8px #006db3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(2) .item-date {
      color: #004e80;
      font-weight: bold; }
    .group-periods:nth-child(4) .gap:nth-child(3) {
      color: #004fb3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(3) .item-title {
      background-color: #e6f1ff;
      border: 4px solid #0071ff;
      color: #003880;
      font-weight: bold;
      box-shadow: 0 0 8px #004fb3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(3) .item-date {
      color: #003880;
      font-weight: bold; }
    .group-periods:nth-child(4) .gap:nth-child(4) {
      color: #0031b3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(4) .item-title {
      background-color: #e6edff;
      border: 4px solid #0046ff;
      color: #002380;
      font-weight: bold;
      box-shadow: 0 0 8px #0031b3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(4) .item-date {
      color: #002380;
      font-weight: bold; }
    .group-periods:nth-child(4) .gap:nth-child(5) {
      color: #0013b3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(5) .item-title {
      background-color: #e6e8ff;
      border: 4px solid #001cff;
      color: #000e80;
      font-weight: bold;
      box-shadow: 0 0 8px #0013b3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(5) .item-date {
      color: #000e80;
      font-weight: bold; }
    .group-periods:nth-child(4) .gap:nth-child(6) {
      color: #0a00b3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(6) .item-title {
      background-color: #e7e6ff;
      border: 4px solid #0f00ff;
      color: #070080;
      font-weight: bold;
      box-shadow: 0 0 8px #0a00b3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(6) .item-date {
      color: #070080;
      font-weight: bold; }
    .group-periods:nth-child(4) .gap:nth-child(7) {
      color: #2800b3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(7) .item-title {
      background-color: #ebe6ff;
      border: 4px solid #3900ff;
      color: #1d0080;
      font-weight: bold;
      box-shadow: 0 0 8px #2800b3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(7) .item-date {
      color: #1d0080;
      font-weight: bold; }
    .group-periods:nth-child(4) .gap:nth-child(8) {
      color: #4600b3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(8) .item-title {
      background-color: #efe6ff;
      border: 4px solid #6400ff;
      color: #320080;
      font-weight: bold;
      box-shadow: 0 0 8px #4600b3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(8) .item-date {
      color: #320080;
      font-weight: bold; }
    .group-periods:nth-child(4) .gap:nth-child(9) {
      color: #6400b3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(9) .item-title {
      background-color: #f4e6ff;
      border: 4px solid #8e00ff;
      color: #470080;
      font-weight: bold;
      box-shadow: 0 0 8px #6400b3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(9) .item-date {
      color: #470080;
      font-weight: bold; }
    .group-periods:nth-child(4) .gap:nth-child(10) {
      color: #8100b3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(10) .item-title {
      background-color: #f8e6ff;
      border: 4px solid #b900ff;
      color: #5c0080;
      font-weight: bold;
      box-shadow: 0 0 8px #8100b3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(10) .item-date {
      color: #5c0080;
      font-weight: bold; }
    .group-periods:nth-child(4) .gap:nth-child(11) {
      color: #9f00b3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(11) .item-title {
      background-color: #fce6ff;
      border: 4px solid #e300ff;
      color: #720080;
      font-weight: bold;
      box-shadow: 0 0 8px #9f00b3; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(11) .item-date {
      color: #720080;
      font-weight: bold; }
    .group-periods:nth-child(4) .gap:nth-child(12) {
      color: #b300a8; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(12) .item-title {
      background-color: #ffe6fe;
      border: 4px solid #ff00f0;
      color: #800078;
      font-weight: bold;
      box-shadow: 0 0 8px #b300a8; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(12) .item-date {
      color: #800078;
      font-weight: bold; }
    .group-periods:nth-child(4) .gap:nth-child(13) {
      color: #b3008a; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(13) .item-title {
      background-color: #ffe6f9;
      border: 4px solid #ff00c6;
      color: #800063;
      font-weight: bold;
      box-shadow: 0 0 8px #b3008a; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(13) .item-date {
      color: #800063;
      font-weight: bold; }
    .group-periods:nth-child(4) .gap:nth-child(14) {
      color: #b3006d; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(14) .item-title {
      background-color: #ffe6f5;
      border: 4px solid #ff009b;
      color: #80004e;
      font-weight: bold;
      box-shadow: 0 0 8px #b3006d; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(14) .item-date {
      color: #80004e;
      font-weight: bold; }
    .group-periods:nth-child(4) .gap:nth-child(15) {
      color: #b3004f; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(15) .item-title {
      background-color: #ffe6f1;
      border: 4px solid #ff0071;
      color: #800038;
      font-weight: bold;
      box-shadow: 0 0 8px #b3004f; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(15) .item-date {
      color: #800038;
      font-weight: bold; }
    .group-periods:nth-child(4) .gap:nth-child(16) {
      color: #b30031; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(16) .item-title {
      background-color: #ffe6ed;
      border: 4px solid #ff0046;
      color: #800023;
      font-weight: bold;
      box-shadow: 0 0 8px #b30031; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(16) .item-date {
      color: #800023;
      font-weight: bold; }
    .group-periods:nth-child(4) .gap:nth-child(17) {
      color: #b30013; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(17) .item-title {
      background-color: #ffe6e8;
      border: 4px solid #ff001c;
      color: #80000e;
      font-weight: bold;
      box-shadow: 0 0 8px #b30013; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(17) .item-date {
      color: #80000e;
      font-weight: bold; }
    .group-periods:nth-child(4) .gap:nth-child(18) {
      color: #b30a00; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(18) .item-title {
      background-color: #ffe7e6;
      border: 4px solid #ff0f00;
      color: #800700;
      font-weight: bold;
      box-shadow: 0 0 8px #b30a00; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(18) .item-date {
      color: #800700;
      font-weight: bold; }
    .group-periods:nth-child(4) .gap:nth-child(19) {
      color: #b32800; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(19) .item-title {
      background-color: #ffebe6;
      border: 4px solid #ff3900;
      color: #801d00;
      font-weight: bold;
      box-shadow: 0 0 8px #b32800; }
    .group-periods:nth-child(4) .periods-list-item:nth-child(19) .item-date {
      color: #801d00;
      font-weight: bold; }
  .group-periods .periods-list {
    display: flex;
    align-items: center; }
    .group-periods .periods-list .periods-list-item {
      padding: 1em;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .group-periods .periods-list .periods-list-item .item-title {
        border: 1px solid silver;
        border-radius: 50%;
        padding: 0.5em 1em; }

.my-alert {
  padding: 1rem;
  display: block;
  margin-bottom: 1em;
  text-align: center;
  font-size: 2em;
  text-shadow: 0 0 8px white;
  background: url("/assets/images/ornaments/001_200px_fade.png") 0 0 repeat-x, linear-gradient(90deg, #00c4ef, #b80084);
  color: white;
  border-radius: 0.5em;
  box-shadow: 0 0 8px #20005b; }

.lab-cards {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }
  .lab-cards .lab-card {
    position: relative;
    flex-grow: 1;
    background: linear-gradient(135deg, #ddd, #aaa);
    transition: all .3s;
    color: black;
    padding: 1em;
    border-radius: 1em;
    box-shadow: 0 0 0 6px white;
    text-decoration: none;
    margin-bottom: 20px;
    max-width: 100%; }
    .lab-cards .lab-card:hover {
      box-shadow: 0 0 0 10px #d0d0d0; }
      .lab-cards .lab-card:hover .lab-card-header .lab-card-index {
        background-color: white; }
    .lab-cards .lab-card .lab-card-header {
      display: flex;
      align-items: center; }
      .lab-cards .lab-card .lab-card-header .remark {
        margin-left: auto;
        padding: 0.5em;
        transition: all .3s;
        font-weight: bold;
        background-color: #919191;
        font-size: 1em;
        color: white;
        flex-shrink: 0;
        border-radius: 1em;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 4px solid #919191; }
      .lab-cards .lab-card .lab-card-header .lab-card-index {
        transition: all .3s;
        font-weight: bold;
        background-color: white;
        font-size: 1.25em;
        color: #c4c4c4;
        width: 50px;
        height: 50px;
        flex-shrink: 0;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 4px solid #c4c4c4; }
      .lab-cards .lab-card .lab-card-header .lab-card-title {
        margin-left: 1rem;
        font-size: 2em;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
    .lab-cards .lab-card .lab-card-content {
      margin-top: 0.5rem;
      color: #6a6a6a; }
      .lab-cards .lab-card .lab-card-content ul {
        margin-bottom: 0; }
      .lab-cards .lab-card .lab-card-content p {
        margin: 0; }
    .lab-cards .lab-card:nth-child(1) {
      position: relative;
      flex-grow: 1;
      background: linear-gradient(135deg, #ff719a, #ffbf03);
      transition: all .3s;
      color: #000000;
      padding: 1em;
      border-radius: 1em;
      box-shadow: 0 0 0 6px #ffbed0;
      text-decoration: none;
      margin-bottom: 20px;
      max-width: 100%; }
      .lab-cards .lab-card:nth-child(1):hover {
        box-shadow: 0 0 0 10px #ffd250; }
        .lab-cards .lab-card:nth-child(1):hover .lab-card-header .lab-card-index {
          background-color: white; }
      .lab-cards .lab-card:nth-child(1) .lab-card-header {
        display: flex;
        align-items: center; }
        .lab-cards .lab-card:nth-child(1) .lab-card-header .remark {
          margin-left: auto;
          padding: 0.5em;
          transition: all .3s;
          font-weight: bold;
          background-color: #cf9a00;
          font-size: 1em;
          color: white;
          flex-shrink: 0;
          border-radius: 1em;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 4px solid #cf9a00; }
        .lab-cards .lab-card:nth-child(1) .lab-card-header .lab-card-index {
          transition: all .3s;
          font-weight: bold;
          background-color: white;
          font-size: 1.25em;
          color: #ff3e76;
          width: 50px;
          height: 50px;
          flex-shrink: 0;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 4px solid #ff3e76; }
        .lab-cards .lab-card:nth-child(1) .lab-card-header .lab-card-title {
          margin-left: 1rem;
          font-size: 2em;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
      .lab-cards .lab-card:nth-child(1) .lab-card-content {
        margin-top: 0.5rem;
        color: #8b0028; }
        .lab-cards .lab-card:nth-child(1) .lab-card-content ul {
          margin-bottom: 0; }
        .lab-cards .lab-card:nth-child(1) .lab-card-content p {
          margin: 0; }
    .lab-cards .lab-card:nth-child(2) {
      position: relative;
      flex-grow: 1;
      background: linear-gradient(135deg, #10c7ff, #a96bff);
      transition: all .3s;
      color: black;
      padding: 1em;
      border-radius: 1em;
      box-shadow: 0 0 0 6px #5dd9ff;
      text-decoration: none;
      margin-bottom: 20px;
      max-width: 100%; }
      .lab-cards .lab-card:nth-child(2):hover {
        box-shadow: 0 0 0 10px #d5b8ff; }
        .lab-cards .lab-card:nth-child(2):hover .lab-card-header .lab-card-index {
          background-color: white; }
      .lab-cards .lab-card:nth-child(2) .lab-card-header {
        display: flex;
        align-items: center; }
        .lab-cards .lab-card:nth-child(2) .lab-card-header .remark {
          margin-left: auto;
          padding: 0.5em;
          transition: all .3s;
          font-weight: bold;
          background-color: #8b38ff;
          font-size: 1em;
          color: white;
          flex-shrink: 0;
          border-radius: 1em;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 4px solid #8b38ff; }
        .lab-cards .lab-card:nth-child(2) .lab-card-header .lab-card-index {
          transition: all .3s;
          font-weight: bold;
          background-color: white;
          font-size: 1.25em;
          color: #00a8dc;
          width: 50px;
          height: 50px;
          flex-shrink: 0;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 4px solid #00a8dc; }
        .lab-cards .lab-card:nth-child(2) .lab-card-header .lab-card-title {
          margin-left: 1rem;
          font-size: 2em;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
      .lab-cards .lab-card:nth-child(2) .lab-card-content {
        margin-top: 0.5rem;
        color: #00202a; }
        .lab-cards .lab-card:nth-child(2) .lab-card-content ul {
          margin-bottom: 0; }
        .lab-cards .lab-card:nth-child(2) .lab-card-content p {
          margin: 0; }
    .lab-cards .lab-card:nth-child(3) {
      position: relative;
      flex-grow: 1;
      background: linear-gradient(135deg, #07d0dc, #8885ff);
      transition: all .3s;
      color: black;
      padding: 1em;
      border-radius: 1em;
      box-shadow: 0 0 0 6px #37eef9;
      text-decoration: none;
      margin-bottom: 20px;
      max-width: 100%; }
      .lab-cards .lab-card:nth-child(3):hover {
        box-shadow: 0 0 0 10px #d3d2ff; }
        .lab-cards .lab-card:nth-child(3):hover .lab-card-header .lab-card-index {
          background-color: white; }
      .lab-cards .lab-card:nth-child(3) .lab-card-header {
        display: flex;
        align-items: center; }
        .lab-cards .lab-card:nth-child(3) .lab-card-header .remark {
          margin-left: auto;
          padding: 0.5em;
          transition: all .3s;
          font-weight: bold;
          background-color: #5652ff;
          font-size: 1em;
          color: white;
          flex-shrink: 0;
          border-radius: 1em;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 4px solid #5652ff; }
        .lab-cards .lab-card:nth-child(3) .lab-card-header .lab-card-index {
          transition: all .3s;
          font-weight: bold;
          background-color: white;
          font-size: 1.25em;
          color: #05a1ab;
          width: 50px;
          height: 50px;
          flex-shrink: 0;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 4px solid #05a1ab; }
        .lab-cards .lab-card:nth-child(3) .lab-card-header .lab-card-title {
          margin-left: 1rem;
          font-size: 2em;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
      .lab-cards .lab-card:nth-child(3) .lab-card-content {
        margin-top: 0.5rem;
        color: black; }
        .lab-cards .lab-card:nth-child(3) .lab-card-content ul {
          margin-bottom: 0; }
        .lab-cards .lab-card:nth-child(3) .lab-card-content p {
          margin: 0; }
    .lab-cards .lab-card:nth-child(4) {
      position: relative;
      flex-grow: 1;
      background: linear-gradient(135deg, #1edca3, #ff9ad5);
      transition: all .3s;
      color: black;
      padding: 1em;
      border-radius: 1em;
      box-shadow: 0 0 0 6px #5ee9bf;
      text-decoration: none;
      margin-bottom: 20px;
      max-width: 100%; }
      .lab-cards .lab-card:nth-child(4):hover {
        box-shadow: 0 0 0 10px #ffe7f5; }
        .lab-cards .lab-card:nth-child(4):hover .lab-card-header .lab-card-index {
          background-color: white; }
      .lab-cards .lab-card:nth-child(4) .lab-card-header {
        display: flex;
        align-items: center; }
        .lab-cards .lab-card:nth-child(4) .lab-card-header .remark {
          margin-left: auto;
          padding: 0.5em;
          transition: all .3s;
          font-weight: bold;
          background-color: #ff67c0;
          font-size: 1em;
          color: white;
          flex-shrink: 0;
          border-radius: 1em;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 4px solid #ff67c0; }
        .lab-cards .lab-card:nth-child(4) .lab-card-header .lab-card-index {
          transition: all .3s;
          font-weight: bold;
          background-color: white;
          font-size: 1.25em;
          color: #18af82;
          width: 50px;
          height: 50px;
          flex-shrink: 0;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 4px solid #18af82; }
        .lab-cards .lab-card:nth-child(4) .lab-card-header .lab-card-title {
          margin-left: 1rem;
          font-size: 2em;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
      .lab-cards .lab-card:nth-child(4) .lab-card-content {
        margin-top: 0.5rem;
        color: #02120d; }
        .lab-cards .lab-card:nth-child(4) .lab-card-content ul {
          margin-bottom: 0; }
        .lab-cards .lab-card:nth-child(4) .lab-card-content p {
          margin: 0; }

.navbar.navbar-light {
  background-color: white; }
  .navbar.navbar-light .navbar-brand {
    background-color: #ffbf03;
    padding: 0.25em 1em;
    border-radius: 0.5em;
    font-weight: bold; }

@media (max-width: 1000px) {
  .modal-dialog.modal-xl {
    max-width: 90vw; } }
@keyframes animate-shine {
  0% {
    opacity: 0;
    height: 0; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 0;
    height: 95%; } }
th.done-5:after {
  content: ' ';
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  margin: 3px;
  border-radius: 3px;
  -webkit-animation: animate-shine 3s linear infinite;
  -moz-animation: animate-shine 3s linear infinite;
  -o-animation: animate-shine 3s linear infinite;
  animation: animate-shine 3s linear infinite; }

.table-wrapper {
  margin-bottom: 1em;
  margin-right: 1em;
  flex-shrink: 0;
  font-family: 'PT Sans', serif; }
  .table-wrapper:first-child .progress-table tbody {
    background: url("/assets/images/ornaments/003_200px.png") 0 4px repeat-x; }
  .table-wrapper:nth-child(2) .progress-table tbody {
    background: url("/assets/images/ornaments/002_150px.png") 0 8px repeat-x; }
  .table-wrapper:nth-child(3) .progress-table tbody {
    background: url("/assets/images/ornaments/001_200px.png") 0 4px repeat-x; }
  .table-wrapper .ornament {
    width: 100%;
    height: 30px; }
  .table-wrapper .progress-table {
    table-layout: fixed;
    width: auto;
    margin-bottom: 0; }
    .table-wrapper .progress-table tr:nth-child(even) {
      background-color: transparent; }
    .table-wrapper .progress-table th, .table-wrapper .progress-table td {
      cursor: pointer; }
      .table-wrapper .progress-table th:last-child, .table-wrapper .progress-table td:last-child {
        border-right: none; }
  .table-wrapper .progress-table-header-group {
    text-align: center; }
  .table-wrapper .progress-table-header-students th {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    text-align: center; }
    .table-wrapper .progress-table-header-students th:first-child {
      background-color: white;
      border-bottom-color: #dedede; }
      .table-wrapper .progress-table-header-students th:first-child div {
        transform: none; }
    .table-wrapper .progress-table-header-students th .student-name {
      writing-mode: vertical-rl; }
  .table-wrapper td, .table-wrapper th {
    width: 30px;
    padding: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
  .table-wrapper tbody td {
    opacity: 0.9;
    text-align: center;
    padding: 0; }
    .table-wrapper tbody td.done {
      position: relative; }
      .table-wrapper tbody td.done .done-kurs {
        position: absolute; }
  .table-wrapper:nth-child(1) .ornament {
    background: url("/assets/images/ornament_image_3.jpeg"); }
  .table-wrapper:nth-child(1) th, .table-wrapper:nth-child(1) td {
    border-color: #e9cc49; }
  .table-wrapper:nth-child(1) .progress-table-header-group th {
    color: #564600;
    text-shadow: 0 0 4px #fff3bc;
    background: linear-gradient(90deg, #ffd309, #ff964a); }
  .table-wrapper:nth-child(1) .progress-table-header-students {
    border-bottom: 4px solid #a28500; }
    .table-wrapper:nth-child(1) .progress-table-header-students th {
      color: #564600; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:first-child {
        background: url(/assets/images/image3_142px.jpeg); }
        .table-wrapper:nth-child(1) .progress-table-header-students th:first-child div {
          width: 59px; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(1) {
      color: #6f5b00;
      background-color: #ffe26e !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(1):hover {
        background-color: #ffcd08; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(1):hover .student-penalty div {
          color: #ffeb9c; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(1):hover {
        background-color: #ffcd08 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(1).done-5 {
        background-color: #fdc300;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(1).done-5 .student-penalty {
          color: #927000; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(1).done-5:after {
          animation-delay: 323ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(2) {
      color: #6f5b00;
      background-color: #ffde6e !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(2):hover {
        background-color: #ffc608; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(2):hover .student-penalty div {
          color: #ffe89c; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(2):hover {
        background-color: #ffc608 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(2).done-5 {
        background-color: #fbc700;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(2).done-5 .student-penalty {
          color: #907200; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(2).done-5:after {
          animation-delay: 1443ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(3) {
      color: #6f5b00;
      background-color: #ffda6d !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(3):hover {
        background-color: #ffc007; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(3):hover .student-penalty div {
          color: #ffe69c; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(3):hover {
        background-color: #ffc007 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(3).done-5 {
        background-color: #f9cb00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(3).done-5 .student-penalty {
          color: #8e7400; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(3).done-5:after {
          animation-delay: 348ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(4) {
      color: #6f5b00;
      background-color: #ffd66d !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(4):hover {
        background-color: #ffba07; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(4):hover .student-penalty div {
          color: #ffe39c; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(4):hover {
        background-color: #ffba07 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(4).done-5 {
        background-color: #f7ce00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(4).done-5 .student-penalty {
          color: #8c7500; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(4).done-5:after {
          animation-delay: 414ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(5) {
      color: #6f5b00;
      background-color: #fed36c !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(5):hover {
        background-color: #feb406; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(5):hover .student-penalty div {
          color: #ffe19b; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(5):hover {
        background-color: #feb406 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(5).done-5 {
        background-color: #f5d200;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(5).done-5 .student-penalty {
          color: #8a7600; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(5).done-5:after {
          animation-delay: 132ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(6) {
      color: #6f5b00;
      background-color: #fece6c !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(6):hover {
        background-color: #fead06; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(6):hover .student-penalty div {
          color: #ffde9b; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(6):hover {
        background-color: #fead06 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(6).done-5 {
        background-color: #f3d600;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(6).done-5 .student-penalty {
          color: #887800; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(6).done-5:after {
          animation-delay: 914ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(7) {
      color: #6f5b00;
      background-color: #fecb6b !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(7):hover {
        background-color: #fea705; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(7):hover .student-penalty div {
          color: #ffdc9b; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(7):hover {
        background-color: #fea705 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(7).done-5 {
        background-color: #f2da00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(7).done-5 .student-penalty {
          color: #877a00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(7).done-5:after {
          animation-delay: 289ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(8) {
      color: #6f5b00;
      background-color: #fec76b !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(8):hover {
        background-color: #fea105; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(8):hover .student-penalty div {
          color: #ffd99b; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(8):hover {
        background-color: #fea105 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(8).done-5 {
        background-color: #f0de00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(8).done-5 .student-penalty {
          color: #857b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(8).done-5:after {
          animation-delay: 1866ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(9) {
      color: #6f5b00;
      background-color: #fec36a !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(9):hover {
        background-color: #fe9a04; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(9):hover .student-penalty div {
          color: #ffd79b; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(9):hover {
        background-color: #fe9a04 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(9).done-5 {
        background-color: #eee200;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(9).done-5 .student-penalty {
          color: #837c00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(9).done-5:after {
          animation-delay: 466ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(10) {
      color: #6f5b00;
      background-color: #febf6a !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(10):hover {
        background-color: #fe9404; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(10):hover .student-penalty div {
          color: #ffd49b; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(10):hover {
        background-color: #fe9404 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(10).done-5 {
        background-color: #ece500;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(10).done-5 .student-penalty {
          color: #817d00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(10).done-5:after {
          animation-delay: 377ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(11) {
      color: #6f5b00;
      background-color: #febc69 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(11):hover {
        background-color: #fe8e03; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(11):hover .student-penalty div {
          color: #ffd29a; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(11):hover {
        background-color: #fe8e03 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(11).done-5 {
        background-color: #eae900;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(11).done-5 .student-penalty {
          color: #7f7e00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(11).done-5:after {
          animation-delay: 312ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(12) {
      color: #6f5b00;
      background-color: #feb769 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(12):hover {
        background-color: #fe8703; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(12):hover .student-penalty div {
          color: #ffcf9a; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(12):hover {
        background-color: #fe8703 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(12).done-5 {
        background-color: #e8ed00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(12).done-5 .student-penalty {
          color: #7f8200; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(12).done-5:after {
          animation-delay: 338ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(13) {
      color: #6f5b00;
      background-color: #feb367 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(13):hover {
        background-color: #fd8102; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(13):hover .student-penalty div {
          color: #fecd9a; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(13):hover {
        background-color: #fd8102 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(13).done-5 {
        background-color: #e6f100;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(13).done-5 .student-penalty {
          color: #808600; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(13).done-5:after {
          animation-delay: 720ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(14) {
      color: #6f5b00;
      background-color: #feb066 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(14):hover {
        background-color: #fd7b01; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(14):hover .student-penalty div {
          color: #feca99; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(14):hover {
        background-color: #fd7b01 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(14).done-5 {
        background-color: #e4f500;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(14).done-5 .student-penalty {
          color: #808a00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(14).done-5:after {
          animation-delay: 1080ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(15) {
      color: #6f5b00;
      background-color: #feac66 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(15):hover {
        background-color: #fd7501; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(15):hover .student-penalty div {
          color: #fec899; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(15):hover {
        background-color: #fd7501 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(15).done-5 {
        background-color: #e2f900;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(15).done-5 .student-penalty {
          color: #818e00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(15).done-5:after {
          animation-delay: 1864ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(16) {
      color: #6f5b00;
      background-color: #ffa764 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(16):hover {
        background-color: #fd6e00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(16):hover .student-penalty div {
          color: #fec599; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(16):hover {
        background-color: #fd6e00 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(16).done-5 {
        background-color: #e0fc00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(16).done-5 .student-penalty {
          color: #819100; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(16).done-5:after {
          animation-delay: 1685ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(17) {
      color: #6f5b00;
      background-color: #ffa564 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(17):hover {
        background-color: #fd6a00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(17):hover .student-penalty div {
          color: #fec399; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(17):hover {
        background-color: #fd6a00 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(17).done-5 {
        background-color: #dfff00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(17).done-5 .student-penalty {
          color: #819400; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(17).done-5:after {
          animation-delay: 989ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(18) {
      color: #6f5b00;
      background-color: #ffa564 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(18):hover {
        background-color: #fd6a00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(18):hover .student-penalty div {
          color: #fec399; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(18):hover {
        background-color: #fd6a00 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(18).done-5 {
        background-color: #dfff00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(18).done-5 .student-penalty {
          color: #819400; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(18).done-5:after {
          animation-delay: 660ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(19) {
      color: #6f5b00;
      background-color: #ffa564 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(19):hover {
        background-color: #fd6a00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(19):hover .student-penalty div {
          color: #fec399; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(19):hover {
        background-color: #fd6a00 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(19).done-5 {
        background-color: #dfff00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(19).done-5 .student-penalty {
          color: #819400; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(19).done-5:after {
          animation-delay: 1228ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(20) {
      color: #6f5b00;
      background-color: #ffa564 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(20):hover {
        background-color: #fd6a00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(20):hover .student-penalty div {
          color: #fec399; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(20):hover {
        background-color: #fd6a00 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(20).done-5 {
        background-color: #dfff00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(20).done-5 .student-penalty {
          color: #819400; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(20).done-5:after {
          animation-delay: 1864ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(21) {
      color: #6f5b00;
      background-color: #ffa564 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(21):hover {
        background-color: #fd6a00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(21):hover .student-penalty div {
          color: #fec399; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(21):hover {
        background-color: #fd6a00 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(21).done-5 {
        background-color: #dfff00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(21).done-5 .student-penalty {
          color: #819400; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(21).done-5:after {
          animation-delay: 1802ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(22) {
      color: #6f5b00;
      background-color: #ffa564 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(22):hover {
        background-color: #fd6a00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(22):hover .student-penalty div {
          color: #fec399; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(22):hover {
        background-color: #fd6a00 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(22).done-5 {
        background-color: #dfff00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(22).done-5 .student-penalty {
          color: #819400; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(22).done-5:after {
          animation-delay: 1137ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(23) {
      color: #6f5b00;
      background-color: #ffa564 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(23):hover {
        background-color: #fd6a00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(23):hover .student-penalty div {
          color: #fec399; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(23):hover {
        background-color: #fd6a00 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(23).done-5 {
        background-color: #dfff00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(23).done-5 .student-penalty {
          color: #819400; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(23).done-5:after {
          animation-delay: 1623ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(24) {
      color: #6f5b00;
      background-color: #ffa564 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(24):hover {
        background-color: #fd6a00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(24):hover .student-penalty div {
          color: #fec399; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(24):hover {
        background-color: #fd6a00 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(24).done-5 {
        background-color: #dfff00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(24).done-5 .student-penalty {
          color: #819400; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(24).done-5:after {
          animation-delay: 1064ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(25) {
      color: #6f5b00;
      background-color: #ffa564 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(25):hover {
        background-color: #fd6a00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(25):hover .student-penalty div {
          color: #fec399; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(25):hover {
        background-color: #fd6a00 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(25).done-5 {
        background-color: #dfff00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(25).done-5 .student-penalty {
          color: #819400; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(25).done-5:after {
          animation-delay: 402ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(26) {
      color: #6f5b00;
      background-color: #ffa564 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(26):hover {
        background-color: #fd6a00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(26):hover .student-penalty div {
          color: #fec399; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(26):hover {
        background-color: #fd6a00 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(26).done-5 {
        background-color: #dfff00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(26).done-5 .student-penalty {
          color: #819400; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(26).done-5:after {
          animation-delay: 1779ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(27) {
      color: #6f5b00;
      background-color: #ffa564 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(27):hover {
        background-color: #fd6a00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(27):hover .student-penalty div {
          color: #fec399; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(27):hover {
        background-color: #fd6a00 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(27).done-5 {
        background-color: #dfff00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(27).done-5 .student-penalty {
          color: #819400; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(27).done-5:after {
          animation-delay: 956ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(28) {
      color: #6f5b00;
      background-color: #ffa564 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(28):hover {
        background-color: #fd6a00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(28):hover .student-penalty div {
          color: #fec399; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(28):hover {
        background-color: #fd6a00 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(28).done-5 {
        background-color: #dfff00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(28).done-5 .student-penalty {
          color: #819400; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(28).done-5:after {
          animation-delay: 107ms; }
    .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(29) {
      color: #6f5b00;
      background-color: #ffa564 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(29):hover {
        background-color: #fd6a00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(29):hover .student-penalty div {
          color: #fec399; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(29):hover {
        background-color: #fd6a00 !important; }
      .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(29).done-5 {
        background-color: #dfff00;
        color: #6f5b00; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(29).done-5 .student-penalty {
          color: #819400; }
        .table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(29).done-5:after {
          animation-delay: 315ms; }
  .table-wrapper:nth-child(1) tbody td:first-child {
    width: 59px; }
@keyframes change-color-21 {
  0% {
    background-color: #ffdb64; }
  50% {
    background-color: #ffd949; }
  100% {
    background-color: #ffdb64; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(1) {
    background-color: #ffe26e; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(1):hover {
      background-color: #ffcd08; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(1).done-5 {
      -webkit-animation: change-color-21 3s ease-in-out infinite;
      -moz-animation: change-color-21 3s ease-in-out infinite;
      -o-animation: change-color-21 3s ease-in-out infinite;
      animation: change-color-21 3s ease-in-out infinite;
      animation-delay: 500ms;
      background-color: #ffdb64;
      color: #6f5b00;
      border-bottom: 4px solid #fdc300; }
@keyframes change-color-22 {
  0% {
    background-color: #ffde62; }
  50% {
    background-color: #ffdd47; }
  100% {
    background-color: #ffde62; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(2) {
    background-color: #ffde6e; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(2):hover {
      background-color: #ffc608; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(2).done-5 {
      -webkit-animation: change-color-22 3s ease-in-out infinite;
      -moz-animation: change-color-22 3s ease-in-out infinite;
      -o-animation: change-color-22 3s ease-in-out infinite;
      animation: change-color-22 3s ease-in-out infinite;
      animation-delay: 1000ms;
      background-color: #ffde62;
      color: #6f5b00;
      border-bottom: 4px solid #fbc700; }
@keyframes change-color-23 {
  0% {
    background-color: #ffe260; }
  50% {
    background-color: #ffe045; }
  100% {
    background-color: #ffe260; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(3) {
    background-color: #ffda6d; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(3):hover {
      background-color: #ffc007; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(3).done-5 {
      -webkit-animation: change-color-23 3s ease-in-out infinite;
      -moz-animation: change-color-23 3s ease-in-out infinite;
      -o-animation: change-color-23 3s ease-in-out infinite;
      animation: change-color-23 3s ease-in-out infinite;
      animation-delay: 1500ms;
      background-color: #ffe260;
      color: #6f5b00;
      border-bottom: 4px solid #f9cb00; }
@keyframes change-color-24 {
  0% {
    background-color: #ffe45e; }
  50% {
    background-color: #ffe443; }
  100% {
    background-color: #ffe45e; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(4) {
    background-color: #ffd66d; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(4):hover {
      background-color: #ffba07; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(4).done-5 {
      -webkit-animation: change-color-24 3s ease-in-out infinite;
      -moz-animation: change-color-24 3s ease-in-out infinite;
      -o-animation: change-color-24 3s ease-in-out infinite;
      animation: change-color-24 3s ease-in-out infinite;
      animation-delay: 2000ms;
      background-color: #ffe45e;
      color: #6f5b00;
      border-bottom: 4px solid #f7ce00; }
@keyframes change-color-25 {
  0% {
    background-color: #ffe85c; }
  50% {
    background-color: #ffe841; }
  100% {
    background-color: #ffe85c; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(5) {
    background-color: #fed36c; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(5):hover {
      background-color: #feb406; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(5).done-5 {
      -webkit-animation: change-color-25 3s ease-in-out infinite;
      -moz-animation: change-color-25 3s ease-in-out infinite;
      -o-animation: change-color-25 3s ease-in-out infinite;
      animation: change-color-25 3s ease-in-out infinite;
      animation-delay: 2500ms;
      background-color: #ffe85c;
      color: #6f5b00;
      border-bottom: 4px solid #f5d200; }
@keyframes change-color-26 {
  0% {
    background-color: #ffeb5a; }
  50% {
    background-color: #ffec40; }
  100% {
    background-color: #ffeb5a; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(6) {
    background-color: #fece6c; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(6):hover {
      background-color: #fead06; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(6).done-5 {
      -webkit-animation: change-color-26 3s ease-in-out infinite;
      -moz-animation: change-color-26 3s ease-in-out infinite;
      -o-animation: change-color-26 3s ease-in-out infinite;
      animation: change-color-26 3s ease-in-out infinite;
      animation-delay: 3000ms;
      background-color: #ffeb5a;
      color: #6f5b00;
      border-bottom: 4px solid #f3d600; }
@keyframes change-color-27 {
  0% {
    background-color: #ffef59; }
  50% {
    background-color: #fff03e; }
  100% {
    background-color: #ffef59; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(7) {
    background-color: #fecb6b; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(7):hover {
      background-color: #fea705; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(7).done-5 {
      -webkit-animation: change-color-27 3s ease-in-out infinite;
      -moz-animation: change-color-27 3s ease-in-out infinite;
      -o-animation: change-color-27 3s ease-in-out infinite;
      animation: change-color-27 3s ease-in-out infinite;
      animation-delay: 3500ms;
      background-color: #ffef59;
      color: #6f5b00;
      border-bottom: 4px solid #f2da00; }
@keyframes change-color-28 {
  0% {
    background-color: #fff257; }
  50% {
    background-color: #fff53c; }
  100% {
    background-color: #fff257; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(8) {
    background-color: #fec76b; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(8):hover {
      background-color: #fea105; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(8).done-5 {
      -webkit-animation: change-color-28 3s ease-in-out infinite;
      -moz-animation: change-color-28 3s ease-in-out infinite;
      -o-animation: change-color-28 3s ease-in-out infinite;
      animation: change-color-28 3s ease-in-out infinite;
      animation-delay: 4000ms;
      background-color: #fff257;
      color: #6f5b00;
      border-bottom: 4px solid #f0de00; }
@keyframes change-color-29 {
  0% {
    background-color: #fff655; }
  50% {
    background-color: #fff93a; }
  100% {
    background-color: #fff655; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(9) {
    background-color: #fec36a; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(9):hover {
      background-color: #fe9a04; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(9).done-5 {
      -webkit-animation: change-color-29 3s ease-in-out infinite;
      -moz-animation: change-color-29 3s ease-in-out infinite;
      -o-animation: change-color-29 3s ease-in-out infinite;
      animation: change-color-29 3s ease-in-out infinite;
      animation-delay: 4500ms;
      background-color: #fff655;
      color: #6f5b00;
      border-bottom: 4px solid #eee200; }
@keyframes change-color-30 {
  0% {
    background-color: #fffa53; }
  50% {
    background-color: #fffe38; }
  100% {
    background-color: #fffa53; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(10) {
    background-color: #febf6a; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(10):hover {
      background-color: #fe9404; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(10).done-5 {
      -webkit-animation: change-color-30 3s ease-in-out infinite;
      -moz-animation: change-color-30 3s ease-in-out infinite;
      -o-animation: change-color-30 3s ease-in-out infinite;
      animation: change-color-30 3s ease-in-out infinite;
      animation-delay: 5000ms;
      background-color: #fffa53;
      color: #6f5b00;
      border-bottom: 4px solid #ece500; }
@keyframes change-color-31 {
  0% {
    background-color: #fffe51; }
  50% {
    background-color: #fbff3b; }
  100% {
    background-color: #fffe51; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(11) {
    background-color: #febc69; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(11):hover {
      background-color: #fe8e03; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(11).done-5 {
      -webkit-animation: change-color-31 3s ease-in-out infinite;
      -moz-animation: change-color-31 3s ease-in-out infinite;
      -o-animation: change-color-31 3s ease-in-out infinite;
      animation: change-color-31 3s ease-in-out infinite;
      animation-delay: 5500ms;
      background-color: #fffe51;
      color: #6f5b00;
      border-bottom: 4px solid #eae900; }
@keyframes change-color-32 {
  0% {
    background-color: #fbff54; }
  50% {
    background-color: #f6ff3f; }
  100% {
    background-color: #fbff54; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(12) {
    background-color: #feb769; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(12):hover {
      background-color: #fe8703; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(12).done-5 {
      -webkit-animation: change-color-32 3s ease-in-out infinite;
      -moz-animation: change-color-32 3s ease-in-out infinite;
      -o-animation: change-color-32 3s ease-in-out infinite;
      animation: change-color-32 3s ease-in-out infinite;
      animation-delay: 6000ms;
      background-color: #fbff54;
      color: #6f5b00;
      border-bottom: 4px solid #e8ed00; }
@keyframes change-color-33 {
  0% {
    background-color: #f7ff58; }
  50% {
    background-color: #f2ff43; }
  100% {
    background-color: #f7ff58; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(13) {
    background-color: #feb367; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(13):hover {
      background-color: #fd8102; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(13).done-5 {
      -webkit-animation: change-color-33 3s ease-in-out infinite;
      -moz-animation: change-color-33 3s ease-in-out infinite;
      -o-animation: change-color-33 3s ease-in-out infinite;
      animation: change-color-33 3s ease-in-out infinite;
      animation-delay: 6500ms;
      background-color: #f7ff58;
      color: #6f5b00;
      border-bottom: 4px solid #e6f100; }
@keyframes change-color-34 {
  0% {
    background-color: #f4ff5c; }
  50% {
    background-color: #eeff47; }
  100% {
    background-color: #f4ff5c; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(14) {
    background-color: #feb066; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(14):hover {
      background-color: #fd7b01; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(14).done-5 {
      -webkit-animation: change-color-34 3s ease-in-out infinite;
      -moz-animation: change-color-34 3s ease-in-out infinite;
      -o-animation: change-color-34 3s ease-in-out infinite;
      animation: change-color-34 3s ease-in-out infinite;
      animation-delay: 7000ms;
      background-color: #f4ff5c;
      color: #6f5b00;
      border-bottom: 4px solid #e4f500; }
@keyframes change-color-35 {
  0% {
    background-color: #f0ff60; }
  50% {
    background-color: #ebff4a; }
  100% {
    background-color: #f0ff60; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(15) {
    background-color: #feac66; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(15):hover {
      background-color: #fd7501; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(15).done-5 {
      -webkit-animation: change-color-35 3s ease-in-out infinite;
      -moz-animation: change-color-35 3s ease-in-out infinite;
      -o-animation: change-color-35 3s ease-in-out infinite;
      animation: change-color-35 3s ease-in-out infinite;
      animation-delay: 7500ms;
      background-color: #f0ff60;
      color: #6f5b00;
      border-bottom: 4px solid #e2f900; }
@keyframes change-color-36 {
  0% {
    background-color: #eeff63; }
  50% {
    background-color: #e9ff4d; }
  100% {
    background-color: #eeff63; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(16) {
    background-color: #ffa764; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(16):hover {
      background-color: #fd6e00; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(16).done-5 {
      -webkit-animation: change-color-36 3s ease-in-out infinite;
      -moz-animation: change-color-36 3s ease-in-out infinite;
      -o-animation: change-color-36 3s ease-in-out infinite;
      animation: change-color-36 3s ease-in-out infinite;
      animation-delay: 8000ms;
      background-color: #eeff63;
      color: #6f5b00;
      border-bottom: 4px solid #e0fc00; }
@keyframes change-color-37 {
  0% {
    background-color: #ecff66; }
  50% {
    background-color: #e9ff4d; }
  100% {
    background-color: #ecff66; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(17) {
    background-color: #ffa564; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(17):hover {
      background-color: #fd6a00; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(17).done-5 {
      -webkit-animation: change-color-37 3s ease-in-out infinite;
      -moz-animation: change-color-37 3s ease-in-out infinite;
      -o-animation: change-color-37 3s ease-in-out infinite;
      animation: change-color-37 3s ease-in-out infinite;
      animation-delay: 8500ms;
      background-color: #ecff66;
      color: #6f5b00;
      border-bottom: 4px solid #dfff00; }
@keyframes change-color-38 {
  0% {
    background-color: #ecff66; }
  50% {
    background-color: #e9ff4d; }
  100% {
    background-color: #ecff66; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(18) {
    background-color: #ffa564; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(18):hover {
      background-color: #fd6a00; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(18).done-5 {
      -webkit-animation: change-color-38 3s ease-in-out infinite;
      -moz-animation: change-color-38 3s ease-in-out infinite;
      -o-animation: change-color-38 3s ease-in-out infinite;
      animation: change-color-38 3s ease-in-out infinite;
      animation-delay: 9000ms;
      background-color: #ecff66;
      color: #6f5b00;
      border-bottom: 4px solid #dfff00; }
@keyframes change-color-39 {
  0% {
    background-color: #ecff66; }
  50% {
    background-color: #e9ff4d; }
  100% {
    background-color: #ecff66; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(19) {
    background-color: #ffa564; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(19):hover {
      background-color: #fd6a00; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(19).done-5 {
      -webkit-animation: change-color-39 3s ease-in-out infinite;
      -moz-animation: change-color-39 3s ease-in-out infinite;
      -o-animation: change-color-39 3s ease-in-out infinite;
      animation: change-color-39 3s ease-in-out infinite;
      animation-delay: 9500ms;
      background-color: #ecff66;
      color: #6f5b00;
      border-bottom: 4px solid #dfff00; }
@keyframes change-color-40 {
  0% {
    background-color: #ecff66; }
  50% {
    background-color: #e9ff4d; }
  100% {
    background-color: #ecff66; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(20) {
    background-color: #ffa564; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(20):hover {
      background-color: #fd6a00; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(20).done-5 {
      -webkit-animation: change-color-40 3s ease-in-out infinite;
      -moz-animation: change-color-40 3s ease-in-out infinite;
      -o-animation: change-color-40 3s ease-in-out infinite;
      animation: change-color-40 3s ease-in-out infinite;
      animation-delay: 10000ms;
      background-color: #ecff66;
      color: #6f5b00;
      border-bottom: 4px solid #dfff00; }
@keyframes change-color-41 {
  0% {
    background-color: #ecff66; }
  50% {
    background-color: #e9ff4d; }
  100% {
    background-color: #ecff66; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(21) {
    background-color: #ffa564; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(21):hover {
      background-color: #fd6a00; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(21).done-5 {
      -webkit-animation: change-color-41 3s ease-in-out infinite;
      -moz-animation: change-color-41 3s ease-in-out infinite;
      -o-animation: change-color-41 3s ease-in-out infinite;
      animation: change-color-41 3s ease-in-out infinite;
      animation-delay: 10500ms;
      background-color: #ecff66;
      color: #6f5b00;
      border-bottom: 4px solid #dfff00; }
@keyframes change-color-42 {
  0% {
    background-color: #ecff66; }
  50% {
    background-color: #e9ff4d; }
  100% {
    background-color: #ecff66; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(22) {
    background-color: #ffa564; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(22):hover {
      background-color: #fd6a00; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(22).done-5 {
      -webkit-animation: change-color-42 3s ease-in-out infinite;
      -moz-animation: change-color-42 3s ease-in-out infinite;
      -o-animation: change-color-42 3s ease-in-out infinite;
      animation: change-color-42 3s ease-in-out infinite;
      animation-delay: 11000ms;
      background-color: #ecff66;
      color: #6f5b00;
      border-bottom: 4px solid #dfff00; }
@keyframes change-color-43 {
  0% {
    background-color: #ecff66; }
  50% {
    background-color: #e9ff4d; }
  100% {
    background-color: #ecff66; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(23) {
    background-color: #ffa564; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(23):hover {
      background-color: #fd6a00; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(23).done-5 {
      -webkit-animation: change-color-43 3s ease-in-out infinite;
      -moz-animation: change-color-43 3s ease-in-out infinite;
      -o-animation: change-color-43 3s ease-in-out infinite;
      animation: change-color-43 3s ease-in-out infinite;
      animation-delay: 11500ms;
      background-color: #ecff66;
      color: #6f5b00;
      border-bottom: 4px solid #dfff00; }
@keyframes change-color-44 {
  0% {
    background-color: #ecff66; }
  50% {
    background-color: #e9ff4d; }
  100% {
    background-color: #ecff66; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(24) {
    background-color: #ffa564; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(24):hover {
      background-color: #fd6a00; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(24).done-5 {
      -webkit-animation: change-color-44 3s ease-in-out infinite;
      -moz-animation: change-color-44 3s ease-in-out infinite;
      -o-animation: change-color-44 3s ease-in-out infinite;
      animation: change-color-44 3s ease-in-out infinite;
      animation-delay: 12000ms;
      background-color: #ecff66;
      color: #6f5b00;
      border-bottom: 4px solid #dfff00; }
@keyframes change-color-45 {
  0% {
    background-color: #ecff66; }
  50% {
    background-color: #e9ff4d; }
  100% {
    background-color: #ecff66; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(25) {
    background-color: #ffa564; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(25):hover {
      background-color: #fd6a00; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(25).done-5 {
      -webkit-animation: change-color-45 3s ease-in-out infinite;
      -moz-animation: change-color-45 3s ease-in-out infinite;
      -o-animation: change-color-45 3s ease-in-out infinite;
      animation: change-color-45 3s ease-in-out infinite;
      animation-delay: 12500ms;
      background-color: #ecff66;
      color: #6f5b00;
      border-bottom: 4px solid #dfff00; }
@keyframes change-color-46 {
  0% {
    background-color: #ecff66; }
  50% {
    background-color: #e9ff4d; }
  100% {
    background-color: #ecff66; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(26) {
    background-color: #ffa564; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(26):hover {
      background-color: #fd6a00; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(26).done-5 {
      -webkit-animation: change-color-46 3s ease-in-out infinite;
      -moz-animation: change-color-46 3s ease-in-out infinite;
      -o-animation: change-color-46 3s ease-in-out infinite;
      animation: change-color-46 3s ease-in-out infinite;
      animation-delay: 13000ms;
      background-color: #ecff66;
      color: #6f5b00;
      border-bottom: 4px solid #dfff00; }
@keyframes change-color-47 {
  0% {
    background-color: #ecff66; }
  50% {
    background-color: #e9ff4d; }
  100% {
    background-color: #ecff66; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(27) {
    background-color: #ffa564; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(27):hover {
      background-color: #fd6a00; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(27).done-5 {
      -webkit-animation: change-color-47 3s ease-in-out infinite;
      -moz-animation: change-color-47 3s ease-in-out infinite;
      -o-animation: change-color-47 3s ease-in-out infinite;
      animation: change-color-47 3s ease-in-out infinite;
      animation-delay: 13500ms;
      background-color: #ecff66;
      color: #6f5b00;
      border-bottom: 4px solid #dfff00; }
@keyframes change-color-48 {
  0% {
    background-color: #ecff66; }
  50% {
    background-color: #e9ff4d; }
  100% {
    background-color: #ecff66; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(28) {
    background-color: #ffa564; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(28):hover {
      background-color: #fd6a00; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(28).done-5 {
      -webkit-animation: change-color-48 3s ease-in-out infinite;
      -moz-animation: change-color-48 3s ease-in-out infinite;
      -o-animation: change-color-48 3s ease-in-out infinite;
      animation: change-color-48 3s ease-in-out infinite;
      animation-delay: 14000ms;
      background-color: #ecff66;
      color: #6f5b00;
      border-bottom: 4px solid #dfff00; }
@keyframes change-color-49 {
  0% {
    background-color: #ecff66; }
  50% {
    background-color: #e9ff4d; }
  100% {
    background-color: #ecff66; } }
  .table-wrapper:nth-child(1) tbody tr td.done:nth-child(29) {
    background-color: #ffa564; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(29):hover {
      background-color: #fd6a00; }
    .table-wrapper:nth-child(1) tbody tr td.done:nth-child(29).done-5 {
      -webkit-animation: change-color-49 3s ease-in-out infinite;
      -moz-animation: change-color-49 3s ease-in-out infinite;
      -o-animation: change-color-49 3s ease-in-out infinite;
      animation: change-color-49 3s ease-in-out infinite;
      animation-delay: 14500ms;
      background-color: #ecff66;
      color: #6f5b00;
      border-bottom: 4px solid #dfff00; }
  .table-wrapper:nth-child(1) tbody tr:first-child td.done div {
    border-top: none; }
  .table-wrapper:nth-child(1) tbody tr td {
    background-color: #fff3bc; }
  .table-wrapper:nth-child(2) .ornament {
    background: url("/assets/images/ornament_image_2.jpeg"); }
  .table-wrapper:nth-child(2) th, .table-wrapper:nth-child(2) td {
    border-color: #cee95c; }
  .table-wrapper:nth-child(2) .progress-table-header-group th {
    color: #5c7300;
    text-shadow: 0 0 4px #f8ffd9;
    background: linear-gradient(90deg, #d5ff26, #79ffc0); }
  .table-wrapper:nth-child(2) .progress-table-header-students {
    border-bottom: 4px solid #9abf00; }
    .table-wrapper:nth-child(2) .progress-table-header-students th {
      color: #5c7300; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:first-child {
        background: url(/assets/images/image2_142px.jpeg); }
        .table-wrapper:nth-child(2) .progress-table-header-students th:first-child div {
          width: 59px; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(1) {
      color: #718c00;
      background-color: #e4ff93 !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(1):hover {
        background-color: #cbff2d; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(1):hover .student-penalty div {
          color: #eaffab; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(1):hover {
        background-color: #cbff2d !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(1).done-5 {
        background-color: #ccff0f;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(1).done-5 .student-penalty {
          color: #80a300; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(1).done-5:after {
          animation-delay: 1531ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(2) {
      color: #718c00;
      background-color: #e0ff9a !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(2):hover {
        background-color: #c1ff34; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(2):hover .student-penalty div {
          color: #e6ffae; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(2):hover {
        background-color: #c1ff34 !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(2).done-5 {
        background-color: #bfff1a;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(2).done-5 .student-penalty {
          color: #7dae00; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(2).done-5:after {
          animation-delay: 1986ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(3) {
      color: #718c00;
      background-color: #dcffa1 !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(3):hover {
        background-color: #b7ff3b; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(3):hover .student-penalty div {
          color: #e2ffb1; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(3):hover {
        background-color: #b7ff3b !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(3).done-5 {
        background-color: #b2ff25;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(3).done-5 .student-penalty {
          color: #78b900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(3).done-5:after {
          animation-delay: 1626ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(4) {
      color: #718c00;
      background-color: #d9ffa8 !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(4):hover {
        background-color: #adff42; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(4):hover .student-penalty div {
          color: #deffb3; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(4):hover {
        background-color: #adff42 !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(4).done-5 {
        background-color: #a5ff30;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(4).done-5 .student-penalty {
          color: #6fc400; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(4).done-5:after {
          animation-delay: 1531ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(5) {
      color: #718c00;
      background-color: #d7ffaf !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(5):hover {
        background-color: #a3ff49; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(5):hover .student-penalty div {
          color: #daffb6; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(5):hover {
        background-color: #a3ff49 !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(5).done-5 {
        background-color: #98ff3b;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(5).done-5 .student-penalty {
          color: #62cf00; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(5).done-5:after {
          animation-delay: 2ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(6) {
      color: #718c00;
      background-color: #d4ffb6 !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(6):hover {
        background-color: #99ff50; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(6):hover .student-penalty div {
          color: #d6ffb9; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(6):hover {
        background-color: #99ff50 !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(6).done-5 {
        background-color: #8bff46;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(6).done-5 .student-penalty {
          color: #51da00; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(6).done-5:after {
          animation-delay: 828ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(7) {
      color: #718c00;
      background-color: #d3ffbe !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(7):hover {
        background-color: #8eff58; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(7):hover .student-penalty div {
          color: #d2ffbc; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(7):hover {
        background-color: #8eff58 !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(7).done-5 {
        background-color: #7eff50;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(7).done-5 .student-penalty {
          color: #3ce400; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(7).done-5:after {
          animation-delay: 976ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(8) {
      color: #718c00;
      background-color: #d2ffc5 !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(8):hover {
        background-color: #84ff5f; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(8):hover .student-penalty div {
          color: #ceffbf; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(8):hover {
        background-color: #84ff5f !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(8).done-5 {
        background-color: #71ff5b;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(8).done-5 .student-penalty {
          color: #20ef00; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(8).done-5:after {
          animation-delay: 982ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(9) {
      color: #718c00;
      background-color: #d3ffcc !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(9):hover {
        background-color: #7aff66; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(9):hover .student-penalty div {
          color: #caffc2; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(9):hover {
        background-color: #7aff66 !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(9).done-5 {
        background-color: #64ff66;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(9).done-5 .student-penalty {
          color: #00f803; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(9).done-5:after {
          animation-delay: 920ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(10) {
      color: #718c00;
      background-color: #d4ffd3 !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(10):hover {
        background-color: #70ff6d; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(10):hover .student-penalty div {
          color: #c6ffc5; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(10):hover {
        background-color: #70ff6d !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(10).done-5 {
        background-color: #57ff71;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(10).done-5 .student-penalty {
          color: #00eb24; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(10).done-5:after {
          animation-delay: 1777ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(11) {
      color: #718c00;
      background-color: #ccffd1 !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(11):hover {
        background-color: #66ff74; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(11):hover .student-penalty div {
          color: #c2ffc7; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(11):hover {
        background-color: #66ff74 !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(11).done-5 {
        background-color: #4aff7c;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(11).done-5 .student-penalty {
          color: #00de3d; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(11).done-5:after {
          animation-delay: 1987ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(12) {
      color: #718c00;
      background-color: #c2ffce !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(12):hover {
        background-color: #5cff7b; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(12):hover .student-penalty div {
          color: #beffca; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(12):hover {
        background-color: #5cff7b !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(12).done-5 {
        background-color: #3dff87;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(12).done-5 .student-penalty {
          color: #00d150; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(12).done-5:after {
          animation-delay: 775ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(13) {
      color: #718c00;
      background-color: #b8ffcc !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(13):hover {
        background-color: #52ff82; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(13):hover .student-penalty div {
          color: #baffcd; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(13):hover {
        background-color: #52ff82 !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(13).done-5 {
        background-color: #30ff92;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(13).done-5 .student-penalty {
          color: #00c45d; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(13).done-5:after {
          animation-delay: 1928ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(14) {
      color: #718c00;
      background-color: #aeffcb !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(14):hover {
        background-color: #48ff89; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(14):hover .student-penalty div {
          color: #b6ffd0; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(14):hover {
        background-color: #48ff89 !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(14).done-5 {
        background-color: #23ff9d;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(14).done-5 .student-penalty {
          color: #00b765; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(14).done-5:after {
          animation-delay: 779ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(15) {
      color: #718c00;
      background-color: #a4ffcb !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(15):hover {
        background-color: #3eff90; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(15):hover .student-penalty div {
          color: #b2ffd3; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(15):hover {
        background-color: #3eff90 !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(15).done-5 {
        background-color: #16ffa8;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(15).done-5 .student-penalty {
          color: #00aa6a; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(15).done-5:after {
          animation-delay: 708ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(16) {
      color: #718c00;
      background-color: #9affcb !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(16):hover {
        background-color: #34ff97; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(16):hover .student-penalty div {
          color: #aeffd5; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(16):hover {
        background-color: #34ff97 !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(16).done-5 {
        background-color: #09ffb3;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(16).done-5 .student-penalty {
          color: #009d6c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(16).done-5:after {
          animation-delay: 1652ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(17) {
      color: #718c00;
      background-color: #93ffcc !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(17):hover {
        background-color: #2dff9c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(17):hover .student-penalty div {
          color: #abffd7; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(17):hover {
        background-color: #2dff9c !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(17).done-5 {
        background-color: #00ffba;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(17).done-5 .student-penalty {
          color: #00946c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(17).done-5:after {
          animation-delay: 1531ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(18) {
      color: #718c00;
      background-color: #93ffcc !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(18):hover {
        background-color: #2dff9c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(18):hover .student-penalty div {
          color: #abffd7; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(18):hover {
        background-color: #2dff9c !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(18).done-5 {
        background-color: #00ffba;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(18).done-5 .student-penalty {
          color: #00946c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(18).done-5:after {
          animation-delay: 275ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(19) {
      color: #718c00;
      background-color: #93ffcc !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(19):hover {
        background-color: #2dff9c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(19):hover .student-penalty div {
          color: #abffd7; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(19):hover {
        background-color: #2dff9c !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(19).done-5 {
        background-color: #00ffba;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(19).done-5 .student-penalty {
          color: #00946c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(19).done-5:after {
          animation-delay: 1152ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(20) {
      color: #718c00;
      background-color: #93ffcc !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(20):hover {
        background-color: #2dff9c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(20):hover .student-penalty div {
          color: #abffd7; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(20):hover {
        background-color: #2dff9c !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(20).done-5 {
        background-color: #00ffba;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(20).done-5 .student-penalty {
          color: #00946c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(20).done-5:after {
          animation-delay: 352ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(21) {
      color: #718c00;
      background-color: #93ffcc !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(21):hover {
        background-color: #2dff9c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(21):hover .student-penalty div {
          color: #abffd7; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(21):hover {
        background-color: #2dff9c !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(21).done-5 {
        background-color: #00ffba;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(21).done-5 .student-penalty {
          color: #00946c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(21).done-5:after {
          animation-delay: 143ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(22) {
      color: #718c00;
      background-color: #93ffcc !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(22):hover {
        background-color: #2dff9c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(22):hover .student-penalty div {
          color: #abffd7; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(22):hover {
        background-color: #2dff9c !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(22).done-5 {
        background-color: #00ffba;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(22).done-5 .student-penalty {
          color: #00946c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(22).done-5:after {
          animation-delay: 711ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(23) {
      color: #718c00;
      background-color: #93ffcc !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(23):hover {
        background-color: #2dff9c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(23):hover .student-penalty div {
          color: #abffd7; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(23):hover {
        background-color: #2dff9c !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(23).done-5 {
        background-color: #00ffba;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(23).done-5 .student-penalty {
          color: #00946c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(23).done-5:after {
          animation-delay: 1360ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(24) {
      color: #718c00;
      background-color: #93ffcc !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(24):hover {
        background-color: #2dff9c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(24):hover .student-penalty div {
          color: #abffd7; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(24):hover {
        background-color: #2dff9c !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(24).done-5 {
        background-color: #00ffba;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(24).done-5 .student-penalty {
          color: #00946c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(24).done-5:after {
          animation-delay: 262ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(25) {
      color: #718c00;
      background-color: #93ffcc !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(25):hover {
        background-color: #2dff9c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(25):hover .student-penalty div {
          color: #abffd7; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(25):hover {
        background-color: #2dff9c !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(25).done-5 {
        background-color: #00ffba;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(25).done-5 .student-penalty {
          color: #00946c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(25).done-5:after {
          animation-delay: 842ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(26) {
      color: #718c00;
      background-color: #93ffcc !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(26):hover {
        background-color: #2dff9c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(26):hover .student-penalty div {
          color: #abffd7; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(26):hover {
        background-color: #2dff9c !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(26).done-5 {
        background-color: #00ffba;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(26).done-5 .student-penalty {
          color: #00946c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(26).done-5:after {
          animation-delay: 817ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(27) {
      color: #718c00;
      background-color: #93ffcc !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(27):hover {
        background-color: #2dff9c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(27):hover .student-penalty div {
          color: #abffd7; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(27):hover {
        background-color: #2dff9c !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(27).done-5 {
        background-color: #00ffba;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(27).done-5 .student-penalty {
          color: #00946c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(27).done-5:after {
          animation-delay: 820ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(28) {
      color: #718c00;
      background-color: #93ffcc !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(28):hover {
        background-color: #2dff9c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(28):hover .student-penalty div {
          color: #abffd7; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(28):hover {
        background-color: #2dff9c !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(28).done-5 {
        background-color: #00ffba;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(28).done-5 .student-penalty {
          color: #00946c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(28).done-5:after {
          animation-delay: 1618ms; }
    .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(29) {
      color: #718c00;
      background-color: #93ffcc !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(29):hover {
        background-color: #2dff9c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(29):hover .student-penalty div {
          color: #abffd7; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(29):hover {
        background-color: #2dff9c !important; }
      .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(29).done-5 {
        background-color: #00ffba;
        color: #918900; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(29).done-5 .student-penalty {
          color: #00946c; }
        .table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(29).done-5:after {
          animation-delay: 1619ms; }
  .table-wrapper:nth-child(2) tbody td:first-child {
    width: 59px; }
@keyframes change-color-41 {
  0% {
    background-color: #e2ff75; }
  50% {
    background-color: #d4ff67; }
  100% {
    background-color: #e2ff75; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(1) {
    background-color: #e4ff93; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(1):hover {
      background-color: #cbff2d; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(1).done-5 {
      -webkit-animation: change-color-41 3s ease-in-out infinite;
      -moz-animation: change-color-41 3s ease-in-out infinite;
      -o-animation: change-color-41 3s ease-in-out infinite;
      animation: change-color-41 3s ease-in-out infinite;
      animation-delay: 500ms;
      background-color: #e2ff75;
      color: #918900;
      border-bottom: 4px solid #ccff0f; }
@keyframes change-color-42 {
  0% {
    background-color: #dcff80; }
  50% {
    background-color: #cdff72; }
  100% {
    background-color: #dcff80; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(2) {
    background-color: #e0ff9a; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(2):hover {
      background-color: #c1ff34; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(2).done-5 {
      -webkit-animation: change-color-42 3s ease-in-out infinite;
      -moz-animation: change-color-42 3s ease-in-out infinite;
      -o-animation: change-color-42 3s ease-in-out infinite;
      animation: change-color-42 3s ease-in-out infinite;
      animation-delay: 1000ms;
      background-color: #dcff80;
      color: #918900;
      border-bottom: 4px solid #bfff1a; }
@keyframes change-color-43 {
  0% {
    background-color: #d6ff8b; }
  50% {
    background-color: #c6ff7d; }
  100% {
    background-color: #d6ff8b; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(3) {
    background-color: #dcffa1; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(3):hover {
      background-color: #b7ff3b; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(3).done-5 {
      -webkit-animation: change-color-43 3s ease-in-out infinite;
      -moz-animation: change-color-43 3s ease-in-out infinite;
      -o-animation: change-color-43 3s ease-in-out infinite;
      animation: change-color-43 3s ease-in-out infinite;
      animation-delay: 1500ms;
      background-color: #d6ff8b;
      color: #918900;
      border-bottom: 4px solid #b2ff25; }
@keyframes change-color-44 {
  0% {
    background-color: #d1ff96; }
  50% {
    background-color: #c0ff88; }
  100% {
    background-color: #d1ff96; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(4) {
    background-color: #d9ffa8; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(4):hover {
      background-color: #adff42; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(4).done-5 {
      -webkit-animation: change-color-44 3s ease-in-out infinite;
      -moz-animation: change-color-44 3s ease-in-out infinite;
      -o-animation: change-color-44 3s ease-in-out infinite;
      animation: change-color-44 3s ease-in-out infinite;
      animation-delay: 2000ms;
      background-color: #d1ff96;
      color: #918900;
      border-bottom: 4px solid #a5ff30; }
@keyframes change-color-45 {
  0% {
    background-color: #ceffa1; }
  50% {
    background-color: #bbff93; }
  100% {
    background-color: #ceffa1; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(5) {
    background-color: #d7ffaf; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(5):hover {
      background-color: #a3ff49; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(5).done-5 {
      -webkit-animation: change-color-45 3s ease-in-out infinite;
      -moz-animation: change-color-45 3s ease-in-out infinite;
      -o-animation: change-color-45 3s ease-in-out infinite;
      animation: change-color-45 3s ease-in-out infinite;
      animation-delay: 2500ms;
      background-color: #ceffa1;
      color: #918900;
      border-bottom: 4px solid #98ff3b; }
@keyframes change-color-46 {
  0% {
    background-color: #cbffac; }
  50% {
    background-color: #b6ff9d; }
  100% {
    background-color: #cbffac; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(6) {
    background-color: #d4ffb6; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(6):hover {
      background-color: #99ff50; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(6).done-5 {
      -webkit-animation: change-color-46 3s ease-in-out infinite;
      -moz-animation: change-color-46 3s ease-in-out infinite;
      -o-animation: change-color-46 3s ease-in-out infinite;
      animation: change-color-46 3s ease-in-out infinite;
      animation-delay: 3000ms;
      background-color: #cbffac;
      color: #918900;
      border-bottom: 4px solid #8bff46; }
@keyframes change-color-47 {
  0% {
    background-color: #c9ffb6; }
  50% {
    background-color: #b3ffa8; }
  100% {
    background-color: #c9ffb6; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(7) {
    background-color: #d3ffbe; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(7):hover {
      background-color: #8eff58; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(7).done-5 {
      -webkit-animation: change-color-47 3s ease-in-out infinite;
      -moz-animation: change-color-47 3s ease-in-out infinite;
      -o-animation: change-color-47 3s ease-in-out infinite;
      animation: change-color-47 3s ease-in-out infinite;
      animation-delay: 3500ms;
      background-color: #c9ffb6;
      color: #918900;
      border-bottom: 4px solid #7eff50; }
@keyframes change-color-48 {
  0% {
    background-color: #c9ffc1; }
  50% {
    background-color: #b1ffb2; }
  100% {
    background-color: #c9ffc1; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(8) {
    background-color: #d2ffc5; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(8):hover {
      background-color: #84ff5f; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(8).done-5 {
      -webkit-animation: change-color-48 3s ease-in-out infinite;
      -moz-animation: change-color-48 3s ease-in-out infinite;
      -o-animation: change-color-48 3s ease-in-out infinite;
      animation: change-color-48 3s ease-in-out infinite;
      animation-delay: 4000ms;
      background-color: #c9ffc1;
      color: #918900;
      border-bottom: 4px solid #71ff5b; }
@keyframes change-color-49 {
  0% {
    background-color: #caffcb; }
  50% {
    background-color: #a4ffb2; }
  100% {
    background-color: #caffcb; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(9) {
    background-color: #d3ffcc; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(9):hover {
      background-color: #7aff66; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(9).done-5 {
      -webkit-animation: change-color-49 3s ease-in-out infinite;
      -moz-animation: change-color-49 3s ease-in-out infinite;
      -o-animation: change-color-49 3s ease-in-out infinite;
      animation: change-color-49 3s ease-in-out infinite;
      animation-delay: 4500ms;
      background-color: #caffcb;
      color: #918900;
      border-bottom: 4px solid #64ff66; }
@keyframes change-color-50 {
  0% {
    background-color: #bdffc7; }
  50% {
    background-color: #97ffb3; }
  100% {
    background-color: #bdffc7; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(10) {
    background-color: #d4ffd3; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(10):hover {
      background-color: #70ff6d; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(10).done-5 {
      -webkit-animation: change-color-50 3s ease-in-out infinite;
      -moz-animation: change-color-50 3s ease-in-out infinite;
      -o-animation: change-color-50 3s ease-in-out infinite;
      animation: change-color-50 3s ease-in-out infinite;
      animation-delay: 5000ms;
      background-color: #bdffc7;
      color: #918900;
      border-bottom: 4px solid #57ff71; }
@keyframes change-color-51 {
  0% {
    background-color: #b0ffc6; }
  50% {
    background-color: #8affb6; }
  100% {
    background-color: #b0ffc6; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(11) {
    background-color: #ccffd1; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(11):hover {
      background-color: #66ff74; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(11).done-5 {
      -webkit-animation: change-color-51 3s ease-in-out infinite;
      -moz-animation: change-color-51 3s ease-in-out infinite;
      -o-animation: change-color-51 3s ease-in-out infinite;
      animation: change-color-51 3s ease-in-out infinite;
      animation-delay: 5500ms;
      background-color: #b0ffc6;
      color: #918900;
      border-bottom: 4px solid #4aff7c; }
@keyframes change-color-52 {
  0% {
    background-color: #a3ffc6; }
  50% {
    background-color: #7dffba; }
  100% {
    background-color: #a3ffc6; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(12) {
    background-color: #c2ffce; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(12):hover {
      background-color: #5cff7b; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(12).done-5 {
      -webkit-animation: change-color-52 3s ease-in-out infinite;
      -moz-animation: change-color-52 3s ease-in-out infinite;
      -o-animation: change-color-52 3s ease-in-out infinite;
      animation: change-color-52 3s ease-in-out infinite;
      animation-delay: 6000ms;
      background-color: #a3ffc6;
      color: #918900;
      border-bottom: 4px solid #3dff87; }
@keyframes change-color-53 {
  0% {
    background-color: #96ffc8; }
  50% {
    background-color: #70ffbf; }
  100% {
    background-color: #96ffc8; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(13) {
    background-color: #b8ffcc; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(13):hover {
      background-color: #52ff82; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(13).done-5 {
      -webkit-animation: change-color-53 3s ease-in-out infinite;
      -moz-animation: change-color-53 3s ease-in-out infinite;
      -o-animation: change-color-53 3s ease-in-out infinite;
      animation: change-color-53 3s ease-in-out infinite;
      animation-delay: 6500ms;
      background-color: #96ffc8;
      color: #918900;
      border-bottom: 4px solid #30ff92; }
@keyframes change-color-54 {
  0% {
    background-color: #89ffca; }
  50% {
    background-color: #63ffc5; }
  100% {
    background-color: #89ffca; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(14) {
    background-color: #aeffcb; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(14):hover {
      background-color: #48ff89; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(14).done-5 {
      -webkit-animation: change-color-54 3s ease-in-out infinite;
      -moz-animation: change-color-54 3s ease-in-out infinite;
      -o-animation: change-color-54 3s ease-in-out infinite;
      animation: change-color-54 3s ease-in-out infinite;
      animation-delay: 7000ms;
      background-color: #89ffca;
      color: #918900;
      border-bottom: 4px solid #23ff9d; }
@keyframes change-color-55 {
  0% {
    background-color: #7cffce; }
  50% {
    background-color: #56ffcb; }
  100% {
    background-color: #7cffce; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(15) {
    background-color: #a4ffcb; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(15):hover {
      background-color: #3eff90; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(15).done-5 {
      -webkit-animation: change-color-55 3s ease-in-out infinite;
      -moz-animation: change-color-55 3s ease-in-out infinite;
      -o-animation: change-color-55 3s ease-in-out infinite;
      animation: change-color-55 3s ease-in-out infinite;
      animation-delay: 7500ms;
      background-color: #7cffce;
      color: #918900;
      border-bottom: 4px solid #16ffa8; }
@keyframes change-color-56 {
  0% {
    background-color: #6fffd3; }
  50% {
    background-color: #4dffcf; }
  100% {
    background-color: #6fffd3; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(16) {
    background-color: #9affcb; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(16):hover {
      background-color: #34ff97; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(16).done-5 {
      -webkit-animation: change-color-56 3s ease-in-out infinite;
      -moz-animation: change-color-56 3s ease-in-out infinite;
      -o-animation: change-color-56 3s ease-in-out infinite;
      animation: change-color-56 3s ease-in-out infinite;
      animation-delay: 8000ms;
      background-color: #6fffd3;
      color: #918900;
      border-bottom: 4px solid #09ffb3; }
@keyframes change-color-57 {
  0% {
    background-color: #66ffd6; }
  50% {
    background-color: #4dffcf; }
  100% {
    background-color: #66ffd6; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(17) {
    background-color: #93ffcc; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(17):hover {
      background-color: #2dff9c; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(17).done-5 {
      -webkit-animation: change-color-57 3s ease-in-out infinite;
      -moz-animation: change-color-57 3s ease-in-out infinite;
      -o-animation: change-color-57 3s ease-in-out infinite;
      animation: change-color-57 3s ease-in-out infinite;
      animation-delay: 8500ms;
      background-color: #66ffd6;
      color: #918900;
      border-bottom: 4px solid #00ffba; }
@keyframes change-color-58 {
  0% {
    background-color: #66ffd6; }
  50% {
    background-color: #4dffcf; }
  100% {
    background-color: #66ffd6; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(18) {
    background-color: #93ffcc; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(18):hover {
      background-color: #2dff9c; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(18).done-5 {
      -webkit-animation: change-color-58 3s ease-in-out infinite;
      -moz-animation: change-color-58 3s ease-in-out infinite;
      -o-animation: change-color-58 3s ease-in-out infinite;
      animation: change-color-58 3s ease-in-out infinite;
      animation-delay: 9000ms;
      background-color: #66ffd6;
      color: #918900;
      border-bottom: 4px solid #00ffba; }
@keyframes change-color-59 {
  0% {
    background-color: #66ffd6; }
  50% {
    background-color: #4dffcf; }
  100% {
    background-color: #66ffd6; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(19) {
    background-color: #93ffcc; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(19):hover {
      background-color: #2dff9c; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(19).done-5 {
      -webkit-animation: change-color-59 3s ease-in-out infinite;
      -moz-animation: change-color-59 3s ease-in-out infinite;
      -o-animation: change-color-59 3s ease-in-out infinite;
      animation: change-color-59 3s ease-in-out infinite;
      animation-delay: 9500ms;
      background-color: #66ffd6;
      color: #918900;
      border-bottom: 4px solid #00ffba; }
@keyframes change-color-60 {
  0% {
    background-color: #66ffd6; }
  50% {
    background-color: #4dffcf; }
  100% {
    background-color: #66ffd6; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(20) {
    background-color: #93ffcc; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(20):hover {
      background-color: #2dff9c; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(20).done-5 {
      -webkit-animation: change-color-60 3s ease-in-out infinite;
      -moz-animation: change-color-60 3s ease-in-out infinite;
      -o-animation: change-color-60 3s ease-in-out infinite;
      animation: change-color-60 3s ease-in-out infinite;
      animation-delay: 10000ms;
      background-color: #66ffd6;
      color: #918900;
      border-bottom: 4px solid #00ffba; }
@keyframes change-color-61 {
  0% {
    background-color: #66ffd6; }
  50% {
    background-color: #4dffcf; }
  100% {
    background-color: #66ffd6; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(21) {
    background-color: #93ffcc; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(21):hover {
      background-color: #2dff9c; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(21).done-5 {
      -webkit-animation: change-color-61 3s ease-in-out infinite;
      -moz-animation: change-color-61 3s ease-in-out infinite;
      -o-animation: change-color-61 3s ease-in-out infinite;
      animation: change-color-61 3s ease-in-out infinite;
      animation-delay: 10500ms;
      background-color: #66ffd6;
      color: #918900;
      border-bottom: 4px solid #00ffba; }
@keyframes change-color-62 {
  0% {
    background-color: #66ffd6; }
  50% {
    background-color: #4dffcf; }
  100% {
    background-color: #66ffd6; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(22) {
    background-color: #93ffcc; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(22):hover {
      background-color: #2dff9c; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(22).done-5 {
      -webkit-animation: change-color-62 3s ease-in-out infinite;
      -moz-animation: change-color-62 3s ease-in-out infinite;
      -o-animation: change-color-62 3s ease-in-out infinite;
      animation: change-color-62 3s ease-in-out infinite;
      animation-delay: 11000ms;
      background-color: #66ffd6;
      color: #918900;
      border-bottom: 4px solid #00ffba; }
@keyframes change-color-63 {
  0% {
    background-color: #66ffd6; }
  50% {
    background-color: #4dffcf; }
  100% {
    background-color: #66ffd6; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(23) {
    background-color: #93ffcc; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(23):hover {
      background-color: #2dff9c; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(23).done-5 {
      -webkit-animation: change-color-63 3s ease-in-out infinite;
      -moz-animation: change-color-63 3s ease-in-out infinite;
      -o-animation: change-color-63 3s ease-in-out infinite;
      animation: change-color-63 3s ease-in-out infinite;
      animation-delay: 11500ms;
      background-color: #66ffd6;
      color: #918900;
      border-bottom: 4px solid #00ffba; }
@keyframes change-color-64 {
  0% {
    background-color: #66ffd6; }
  50% {
    background-color: #4dffcf; }
  100% {
    background-color: #66ffd6; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(24) {
    background-color: #93ffcc; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(24):hover {
      background-color: #2dff9c; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(24).done-5 {
      -webkit-animation: change-color-64 3s ease-in-out infinite;
      -moz-animation: change-color-64 3s ease-in-out infinite;
      -o-animation: change-color-64 3s ease-in-out infinite;
      animation: change-color-64 3s ease-in-out infinite;
      animation-delay: 12000ms;
      background-color: #66ffd6;
      color: #918900;
      border-bottom: 4px solid #00ffba; }
@keyframes change-color-65 {
  0% {
    background-color: #66ffd6; }
  50% {
    background-color: #4dffcf; }
  100% {
    background-color: #66ffd6; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(25) {
    background-color: #93ffcc; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(25):hover {
      background-color: #2dff9c; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(25).done-5 {
      -webkit-animation: change-color-65 3s ease-in-out infinite;
      -moz-animation: change-color-65 3s ease-in-out infinite;
      -o-animation: change-color-65 3s ease-in-out infinite;
      animation: change-color-65 3s ease-in-out infinite;
      animation-delay: 12500ms;
      background-color: #66ffd6;
      color: #918900;
      border-bottom: 4px solid #00ffba; }
@keyframes change-color-66 {
  0% {
    background-color: #66ffd6; }
  50% {
    background-color: #4dffcf; }
  100% {
    background-color: #66ffd6; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(26) {
    background-color: #93ffcc; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(26):hover {
      background-color: #2dff9c; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(26).done-5 {
      -webkit-animation: change-color-66 3s ease-in-out infinite;
      -moz-animation: change-color-66 3s ease-in-out infinite;
      -o-animation: change-color-66 3s ease-in-out infinite;
      animation: change-color-66 3s ease-in-out infinite;
      animation-delay: 13000ms;
      background-color: #66ffd6;
      color: #918900;
      border-bottom: 4px solid #00ffba; }
@keyframes change-color-67 {
  0% {
    background-color: #66ffd6; }
  50% {
    background-color: #4dffcf; }
  100% {
    background-color: #66ffd6; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(27) {
    background-color: #93ffcc; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(27):hover {
      background-color: #2dff9c; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(27).done-5 {
      -webkit-animation: change-color-67 3s ease-in-out infinite;
      -moz-animation: change-color-67 3s ease-in-out infinite;
      -o-animation: change-color-67 3s ease-in-out infinite;
      animation: change-color-67 3s ease-in-out infinite;
      animation-delay: 13500ms;
      background-color: #66ffd6;
      color: #918900;
      border-bottom: 4px solid #00ffba; }
@keyframes change-color-68 {
  0% {
    background-color: #66ffd6; }
  50% {
    background-color: #4dffcf; }
  100% {
    background-color: #66ffd6; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(28) {
    background-color: #93ffcc; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(28):hover {
      background-color: #2dff9c; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(28).done-5 {
      -webkit-animation: change-color-68 3s ease-in-out infinite;
      -moz-animation: change-color-68 3s ease-in-out infinite;
      -o-animation: change-color-68 3s ease-in-out infinite;
      animation: change-color-68 3s ease-in-out infinite;
      animation-delay: 14000ms;
      background-color: #66ffd6;
      color: #918900;
      border-bottom: 4px solid #00ffba; }
@keyframes change-color-69 {
  0% {
    background-color: #66ffd6; }
  50% {
    background-color: #4dffcf; }
  100% {
    background-color: #66ffd6; } }
  .table-wrapper:nth-child(2) tbody tr td.done:nth-child(29) {
    background-color: #93ffcc; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(29):hover {
      background-color: #2dff9c; }
    .table-wrapper:nth-child(2) tbody tr td.done:nth-child(29).done-5 {
      -webkit-animation: change-color-69 3s ease-in-out infinite;
      -moz-animation: change-color-69 3s ease-in-out infinite;
      -o-animation: change-color-69 3s ease-in-out infinite;
      animation: change-color-69 3s ease-in-out infinite;
      animation-delay: 14500ms;
      background-color: #66ffd6;
      color: #918900;
      border-bottom: 4px solid #00ffba; }
  .table-wrapper:nth-child(2) tbody tr:first-child td.done div {
    border-top: none; }
  .table-wrapper:nth-child(2) tbody tr td {
    background-color: #f8ffd9; }
  .table-wrapper:nth-child(3) .ornament {
    background: url("/assets/images/ornament_image_1.jpeg"); }
  .table-wrapper:nth-child(3) th, .table-wrapper:nth-child(3) td {
    border-color: #e9c17a; }
  .table-wrapper:nth-child(3) .progress-table-header-group th {
    color: #a26700;
    text-shadow: 0 0 4px white;
    background: linear-gradient(90deg, #ffc155, #88e6ff); }
  .table-wrapper:nth-child(3) .progress-table-header-students {
    border-bottom: 4px solid #ee9700; }
    .table-wrapper:nth-child(3) .progress-table-header-students th {
      color: #a26700; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:first-child {
        background: url(/assets/images/image1_142px.jpeg); }
        .table-wrapper:nth-child(3) .progress-table-header-students th:first-child div {
          width: 59px; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(1) {
      color: #bb7700;
      background-color: #fae6be !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(1):hover {
        background-color: #f3c25f; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(1):hover .student-penalty div {
          color: #fae7bf; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(1):hover {
        background-color: #f3c25f !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(1).done-5 {
        background-color: #ff5487;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(1).done-5 .student-penalty {
          color: #e80045; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(1).done-5:after {
          animation-delay: 1696ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(2) {
      color: #bb7700;
      background-color: #f6e7c1 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(2):hover {
        background-color: #e8c469; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(2):hover .student-penalty div {
          color: #f6e7c3; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(2):hover {
        background-color: #e8c469 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(2).done-5 {
        background-color: #ff5a7f;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(2).done-5 .student-penalty {
          color: #ee0035; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(2).done-5:after {
          animation-delay: 1506ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(3) {
      color: #bb7700;
      background-color: #f1e7c5 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(3):hover {
        background-color: #dcc574; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(3):hover .student-penalty div {
          color: #f1e8c7; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(3):hover {
        background-color: #dcc574 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(3).done-5 {
        background-color: #ff6176;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(3).done-5 .student-penalty {
          color: #f50021; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(3).done-5:after {
          animation-delay: 1925ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(4) {
      color: #bb7700;
      background-color: #ebe7c9 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(4):hover {
        background-color: #d0c67e; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(4):hover .student-penalty div {
          color: #ece8cb; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(4):hover {
        background-color: #d0c67e !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(4).done-5 {
        background-color: #ff676d;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(4).done-5 .student-penalty {
          color: #fb000a; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(4).done-5:after {
          animation-delay: 220ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(5) {
      color: #bb7700;
      background-color: #e7e8cd !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(5):hover {
        background-color: #c5c788; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(5):hover .student-penalty div {
          color: #e8e9cf; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(5):hover {
        background-color: #c5c788 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(5).done-5 {
        background-color: #ff6d65;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(5).done-5 .student-penalty {
          color: #f90d00; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(5).done-5:after {
          animation-delay: 155ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(6) {
      color: #bb7700;
      background-color: #e5ebd6 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(6):hover {
        background-color: #b9c992; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(6):hover .student-penalty div {
          color: #e3e9d3; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(6):hover {
        background-color: #b9c992 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(6).done-5 {
        background-color: #ff735c;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(6).done-5 .student-penalty {
          color: #f02200; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(6).done-5:after {
          animation-delay: 1421ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(7) {
      color: #bb7700;
      background-color: #e4eede !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(7):hover {
        background-color: #adca9c; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(7):hover .student-penalty div {
          color: #deead7; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(7):hover {
        background-color: #adca9c !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(7).done-5 {
        background-color: #ff7954;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(7).done-5 .student-penalty {
          color: #e83200; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(7).done-5:after {
          animation-delay: 1457ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(8) {
      color: #bb7700;
      background-color: #e3efe4 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(8):hover {
        background-color: #a1cba7; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(8):hover .student-penalty div {
          color: #d9eadc; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(8):hover {
        background-color: #a1cba7 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(8).done-5 {
        background-color: #ff7f4b;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(8).done-5 .student-penalty {
          color: #df4000; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(8).done-5:after {
          animation-delay: 1356ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(9) {
      color: #bb7700;
      background-color: #dbede4 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(9):hover {
        background-color: #96ccb1; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(9):hover .student-penalty div {
          color: #d5ebe0; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(9):hover {
        background-color: #96ccb1 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(9).done-5 {
        background-color: #ff8642;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(9).done-5 .student-penalty {
          color: #d64d00; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(9).done-5:after {
          animation-delay: 1278ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(10) {
      color: #bb7700;
      background-color: #d2ece5 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(10):hover {
        background-color: #8acebb; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(10):hover .student-penalty div {
          color: #d0ebe4; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(10):hover {
        background-color: #8acebb !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(10).done-5 {
        background-color: #ff8c3a;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(10).done-5 .student-penalty {
          color: #ce5600; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(10).done-5:after {
          animation-delay: 1253ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(11) {
      color: #bb7700;
      background-color: #c8ebe6 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(11):hover {
        background-color: #7ecfc5; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(11):hover .student-penalty div {
          color: #cbece8; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(11):hover {
        background-color: #7ecfc5 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(11).done-5 {
        background-color: #ff9231;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(11).done-5 .student-penalty {
          color: #c55d00; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(11).done-5:after {
          animation-delay: 1689ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(12) {
      color: #bb7700;
      background-color: #bfeae9 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(12):hover {
        background-color: #73d0cf; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(12):hover .student-penalty div {
          color: #c7ecec; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(12):hover {
        background-color: #73d0cf !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(12).done-5 {
        background-color: #ff9828;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(12).done-5 .student-penalty {
          color: #bc6200; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(12).done-5:after {
          animation-delay: 1396ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(13) {
      color: #bb7700;
      background-color: #b9eaee !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(13):hover {
        background-color: #67d1da; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(13):hover .student-penalty div {
          color: #c2edf0; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(13):hover {
        background-color: #67d1da !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(13).done-5 {
        background-color: #ff9e20;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(13).done-5 .student-penalty {
          color: #b46600; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(13).done-5:after {
          animation-delay: 736ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(14) {
      color: #bb7700;
      background-color: #b3eaf2 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(14):hover {
        background-color: #5bd3e4; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(14):hover .student-penalty div {
          color: #bdedf4; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(14):hover {
        background-color: #5bd3e4 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(14).done-5 {
        background-color: #ffa517;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(14).done-5 .student-penalty {
          color: #ab6900; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(14).done-5:after {
          animation-delay: 1649ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(15) {
      color: #bb7700;
      background-color: #adebf7 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(15):hover {
        background-color: #50d4ee; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(15):hover .student-penalty div {
          color: #b9eef8; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(15):hover {
        background-color: #50d4ee !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(15).done-5 {
        background-color: #ffab0e;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(15).done-5 .student-penalty {
          color: #a26900; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(15).done-5:after {
          animation-delay: 444ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(16) {
      color: #bb7700;
      background-color: #a6ebfc !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(16):hover {
        background-color: #44d5f8; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(16):hover .student-penalty div {
          color: #b4eefc; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(16):hover {
        background-color: #44d5f8 !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(16).done-5 {
        background-color: #ffb106;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(16).done-5 .student-penalty {
          color: #9a6a00; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(16).done-5:after {
          animation-delay: 1886ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(17) {
      color: #bb7700;
      background-color: #a2ebff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(17):hover {
        background-color: #3cd6ff; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(17):hover .student-penalty div {
          color: #b1efff; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(17):hover {
        background-color: #3cd6ff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(17).done-5 {
        background-color: #ffb500;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(17).done-5 .student-penalty {
          color: #946900; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(17).done-5:after {
          animation-delay: 950ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(18) {
      color: #bb7700;
      background-color: #a2ebff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(18):hover {
        background-color: #3cd6ff; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(18):hover .student-penalty div {
          color: #b1efff; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(18):hover {
        background-color: #3cd6ff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(18).done-5 {
        background-color: #ffb500;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(18).done-5 .student-penalty {
          color: #946900; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(18).done-5:after {
          animation-delay: 86ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(19) {
      color: #bb7700;
      background-color: #a2ebff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(19):hover {
        background-color: #3cd6ff; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(19):hover .student-penalty div {
          color: #b1efff; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(19):hover {
        background-color: #3cd6ff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(19).done-5 {
        background-color: #ffb500;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(19).done-5 .student-penalty {
          color: #946900; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(19).done-5:after {
          animation-delay: 354ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(20) {
      color: #bb7700;
      background-color: #a2ebff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(20):hover {
        background-color: #3cd6ff; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(20):hover .student-penalty div {
          color: #b1efff; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(20):hover {
        background-color: #3cd6ff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(20).done-5 {
        background-color: #ffb500;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(20).done-5 .student-penalty {
          color: #946900; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(20).done-5:after {
          animation-delay: 1676ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(21) {
      color: #bb7700;
      background-color: #a2ebff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(21):hover {
        background-color: #3cd6ff; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(21):hover .student-penalty div {
          color: #b1efff; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(21):hover {
        background-color: #3cd6ff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(21).done-5 {
        background-color: #ffb500;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(21).done-5 .student-penalty {
          color: #946900; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(21).done-5:after {
          animation-delay: 75ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(22) {
      color: #bb7700;
      background-color: #a2ebff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(22):hover {
        background-color: #3cd6ff; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(22):hover .student-penalty div {
          color: #b1efff; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(22):hover {
        background-color: #3cd6ff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(22).done-5 {
        background-color: #ffb500;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(22).done-5 .student-penalty {
          color: #946900; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(22).done-5:after {
          animation-delay: 1211ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(23) {
      color: #bb7700;
      background-color: #a2ebff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(23):hover {
        background-color: #3cd6ff; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(23):hover .student-penalty div {
          color: #b1efff; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(23):hover {
        background-color: #3cd6ff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(23).done-5 {
        background-color: #ffb500;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(23).done-5 .student-penalty {
          color: #946900; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(23).done-5:after {
          animation-delay: 1773ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(24) {
      color: #bb7700;
      background-color: #a2ebff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(24):hover {
        background-color: #3cd6ff; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(24):hover .student-penalty div {
          color: #b1efff; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(24):hover {
        background-color: #3cd6ff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(24).done-5 {
        background-color: #ffb500;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(24).done-5 .student-penalty {
          color: #946900; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(24).done-5:after {
          animation-delay: 373ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(25) {
      color: #bb7700;
      background-color: #a2ebff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(25):hover {
        background-color: #3cd6ff; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(25):hover .student-penalty div {
          color: #b1efff; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(25):hover {
        background-color: #3cd6ff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(25).done-5 {
        background-color: #ffb500;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(25).done-5 .student-penalty {
          color: #946900; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(25).done-5:after {
          animation-delay: 654ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(26) {
      color: #bb7700;
      background-color: #a2ebff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(26):hover {
        background-color: #3cd6ff; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(26):hover .student-penalty div {
          color: #b1efff; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(26):hover {
        background-color: #3cd6ff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(26).done-5 {
        background-color: #ffb500;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(26).done-5 .student-penalty {
          color: #946900; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(26).done-5:after {
          animation-delay: 1899ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(27) {
      color: #bb7700;
      background-color: #a2ebff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(27):hover {
        background-color: #3cd6ff; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(27):hover .student-penalty div {
          color: #b1efff; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(27):hover {
        background-color: #3cd6ff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(27).done-5 {
        background-color: #ffb500;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(27).done-5 .student-penalty {
          color: #946900; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(27).done-5:after {
          animation-delay: 205ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(28) {
      color: #bb7700;
      background-color: #a2ebff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(28):hover {
        background-color: #3cd6ff; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(28):hover .student-penalty div {
          color: #b1efff; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(28):hover {
        background-color: #3cd6ff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(28).done-5 {
        background-color: #ffb500;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(28).done-5 .student-penalty {
          color: #946900; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(28).done-5:after {
          animation-delay: 1526ms; }
    .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(29) {
      color: #bb7700;
      background-color: #a2ebff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(29):hover {
        background-color: #3cd6ff; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(29):hover .student-penalty div {
          color: #b1efff; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(29):hover {
        background-color: #3cd6ff !important; }
      .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(29).done-5 {
        background-color: #ffb500;
        color: #830513; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(29).done-5 .student-penalty {
          color: #946900; }
        .table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(29).done-5:after {
          animation-delay: 1563ms; }
  .table-wrapper:nth-child(3) tbody td:first-child {
    width: 59px; }
@keyframes change-color-61 {
  0% {
    background-color: #ffbacf; }
  50% {
    background-color: #ffa7ba; }
  100% {
    background-color: #ffbacf; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(1) {
    background-color: #fae6be; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(1):hover {
      background-color: #f3c25f; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(1).done-5 {
      -webkit-animation: change-color-61 3s ease-in-out infinite;
      -moz-animation: change-color-61 3s ease-in-out infinite;
      -o-animation: change-color-61 3s ease-in-out infinite;
      animation: change-color-61 3s ease-in-out infinite;
      animation-delay: 500ms;
      background-color: #ffbacf;
      color: #830513;
      border-bottom: 4px solid #ff5487; }
@keyframes change-color-62 {
  0% {
    background-color: #ffc0ce; }
  50% {
    background-color: #ffaeb8; }
  100% {
    background-color: #ffc0ce; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(2) {
    background-color: #f6e7c1; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(2):hover {
      background-color: #e8c469; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(2).done-5 {
      -webkit-animation: change-color-62 3s ease-in-out infinite;
      -moz-animation: change-color-62 3s ease-in-out infinite;
      -o-animation: change-color-62 3s ease-in-out infinite;
      animation: change-color-62 3s ease-in-out infinite;
      animation-delay: 1000ms;
      background-color: #ffc0ce;
      color: #830513;
      border-bottom: 4px solid #ff5a7f; }
@keyframes change-color-63 {
  0% {
    background-color: #ffc7ce; }
  50% {
    background-color: #ffb4b6; }
  100% {
    background-color: #ffc7ce; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(3) {
    background-color: #f1e7c5; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(3):hover {
      background-color: #dcc574; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(3).done-5 {
      -webkit-animation: change-color-63 3s ease-in-out infinite;
      -moz-animation: change-color-63 3s ease-in-out infinite;
      -o-animation: change-color-63 3s ease-in-out infinite;
      animation: change-color-63 3s ease-in-out infinite;
      animation-delay: 1500ms;
      background-color: #ffc7ce;
      color: #830513;
      border-bottom: 4px solid #ff6176; }
@keyframes change-color-64 {
  0% {
    background-color: #ffcdcf; }
  50% {
    background-color: #ffb6b2; }
  100% {
    background-color: #ffcdcf; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(4) {
    background-color: #ebe7c9; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(4):hover {
      background-color: #d0c67e; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(4).done-5 {
      -webkit-animation: change-color-64 3s ease-in-out infinite;
      -moz-animation: change-color-64 3s ease-in-out infinite;
      -o-animation: change-color-64 3s ease-in-out infinite;
      animation: change-color-64 3s ease-in-out infinite;
      animation-delay: 2000ms;
      background-color: #ffcdcf;
      color: #830513;
      border-bottom: 4px solid #ff676d; }
@keyframes change-color-65 {
  0% {
    background-color: #ffcecb; }
  50% {
    background-color: #ffb5a9; }
  100% {
    background-color: #ffcecb; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(5) {
    background-color: #e7e8cd; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(5):hover {
      background-color: #c5c788; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(5).done-5 {
      -webkit-animation: change-color-65 3s ease-in-out infinite;
      -moz-animation: change-color-65 3s ease-in-out infinite;
      -o-animation: change-color-65 3s ease-in-out infinite;
      animation: change-color-65 3s ease-in-out infinite;
      animation-delay: 2500ms;
      background-color: #ffcecb;
      color: #830513;
      border-bottom: 4px solid #ff6d65; }
@keyframes change-color-66 {
  0% {
    background-color: #ffcbc2; }
  50% {
    background-color: #ffb5a1; }
  100% {
    background-color: #ffcbc2; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(6) {
    background-color: #e5ebd6; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(6):hover {
      background-color: #b9c992; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(6).done-5 {
      -webkit-animation: change-color-66 3s ease-in-out infinite;
      -moz-animation: change-color-66 3s ease-in-out infinite;
      -o-animation: change-color-66 3s ease-in-out infinite;
      animation: change-color-66 3s ease-in-out infinite;
      animation-delay: 3000ms;
      background-color: #ffcbc2;
      color: #830513;
      border-bottom: 4px solid #ff735c; }
@keyframes change-color-67 {
  0% {
    background-color: #ffc9ba; }
  50% {
    background-color: #ffb598; }
  100% {
    background-color: #ffc9ba; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(7) {
    background-color: #e4eede; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(7):hover {
      background-color: #adca9c; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(7).done-5 {
      -webkit-animation: change-color-67 3s ease-in-out infinite;
      -moz-animation: change-color-67 3s ease-in-out infinite;
      -o-animation: change-color-67 3s ease-in-out infinite;
      animation: change-color-67 3s ease-in-out infinite;
      animation-delay: 3500ms;
      background-color: #ffc9ba;
      color: #830513;
      border-bottom: 4px solid #ff7954; }
@keyframes change-color-68 {
  0% {
    background-color: #ffc8b1; }
  50% {
    background-color: #ffb78f; }
  100% {
    background-color: #ffc8b1; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(8) {
    background-color: #e3efe4; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(8):hover {
      background-color: #a1cba7; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(8).done-5 {
      -webkit-animation: change-color-68 3s ease-in-out infinite;
      -moz-animation: change-color-68 3s ease-in-out infinite;
      -o-animation: change-color-68 3s ease-in-out infinite;
      animation: change-color-68 3s ease-in-out infinite;
      animation-delay: 4000ms;
      background-color: #ffc8b1;
      color: #830513;
      border-bottom: 4px solid #ff7f4b; }
@keyframes change-color-69 {
  0% {
    background-color: #ffc7a8; }
  50% {
    background-color: #ffb987; }
  100% {
    background-color: #ffc7a8; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(9) {
    background-color: #dbede4; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(9):hover {
      background-color: #96ccb1; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(9).done-5 {
      -webkit-animation: change-color-69 3s ease-in-out infinite;
      -moz-animation: change-color-69 3s ease-in-out infinite;
      -o-animation: change-color-69 3s ease-in-out infinite;
      animation: change-color-69 3s ease-in-out infinite;
      animation-delay: 4500ms;
      background-color: #ffc7a8;
      color: #830513;
      border-bottom: 4px solid #ff8642; }
@keyframes change-color-70 {
  0% {
    background-color: #ffc8a0; }
  50% {
    background-color: #ffba7e; }
  100% {
    background-color: #ffc8a0; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(10) {
    background-color: #d2ece5; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(10):hover {
      background-color: #8acebb; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(10).done-5 {
      -webkit-animation: change-color-70 3s ease-in-out infinite;
      -moz-animation: change-color-70 3s ease-in-out infinite;
      -o-animation: change-color-70 3s ease-in-out infinite;
      animation: change-color-70 3s ease-in-out infinite;
      animation-delay: 5000ms;
      background-color: #ffc8a0;
      color: #830513;
      border-bottom: 4px solid #ff8c3a; }
@keyframes change-color-71 {
  0% {
    background-color: #ffc897; }
  50% {
    background-color: #ffbd75; }
  100% {
    background-color: #ffc897; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(11) {
    background-color: #c8ebe6; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(11):hover {
      background-color: #7ecfc5; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(11).done-5 {
      -webkit-animation: change-color-71 3s ease-in-out infinite;
      -moz-animation: change-color-71 3s ease-in-out infinite;
      -o-animation: change-color-71 3s ease-in-out infinite;
      animation: change-color-71 3s ease-in-out infinite;
      animation-delay: 5500ms;
      background-color: #ffc897;
      color: #830513;
      border-bottom: 4px solid #ff9231; }
@keyframes change-color-72 {
  0% {
    background-color: #ffc98e; }
  50% {
    background-color: #ffbf6d; }
  100% {
    background-color: #ffc98e; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(12) {
    background-color: #bfeae9; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(12):hover {
      background-color: #73d0cf; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(12).done-5 {
      -webkit-animation: change-color-72 3s ease-in-out infinite;
      -moz-animation: change-color-72 3s ease-in-out infinite;
      -o-animation: change-color-72 3s ease-in-out infinite;
      animation: change-color-72 3s ease-in-out infinite;
      animation-delay: 6000ms;
      background-color: #ffc98e;
      color: #830513;
      border-bottom: 4px solid #ff9828; }
@keyframes change-color-73 {
  0% {
    background-color: #ffca86; }
  50% {
    background-color: #ffc364; }
  100% {
    background-color: #ffca86; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(13) {
    background-color: #b9eaee; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(13):hover {
      background-color: #67d1da; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(13).done-5 {
      -webkit-animation: change-color-73 3s ease-in-out infinite;
      -moz-animation: change-color-73 3s ease-in-out infinite;
      -o-animation: change-color-73 3s ease-in-out infinite;
      animation: change-color-73 3s ease-in-out infinite;
      animation-delay: 6500ms;
      background-color: #ffca86;
      color: #830513;
      border-bottom: 4px solid #ff9e20; }
@keyframes change-color-74 {
  0% {
    background-color: #ffcd7d; }
  50% {
    background-color: #ffc65b; }
  100% {
    background-color: #ffcd7d; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(14) {
    background-color: #b3eaf2; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(14):hover {
      background-color: #5bd3e4; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(14).done-5 {
      -webkit-animation: change-color-74 3s ease-in-out infinite;
      -moz-animation: change-color-74 3s ease-in-out infinite;
      -o-animation: change-color-74 3s ease-in-out infinite;
      animation: change-color-74 3s ease-in-out infinite;
      animation-delay: 7000ms;
      background-color: #ffcd7d;
      color: #830513;
      border-bottom: 4px solid #ffa517; }
@keyframes change-color-75 {
  0% {
    background-color: #ffcf74; }
  50% {
    background-color: #ffc953; }
  100% {
    background-color: #ffcf74; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(15) {
    background-color: #adebf7; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(15):hover {
      background-color: #50d4ee; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(15).done-5 {
      -webkit-animation: change-color-75 3s ease-in-out infinite;
      -moz-animation: change-color-75 3s ease-in-out infinite;
      -o-animation: change-color-75 3s ease-in-out infinite;
      animation: change-color-75 3s ease-in-out infinite;
      animation-delay: 7500ms;
      background-color: #ffcf74;
      color: #830513;
      border-bottom: 4px solid #ffab0e; }
@keyframes change-color-76 {
  0% {
    background-color: #ffd16c; }
  50% {
    background-color: #ffcb4d; }
  100% {
    background-color: #ffd16c; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(16) {
    background-color: #a6ebfc; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(16):hover {
      background-color: #44d5f8; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(16).done-5 {
      -webkit-animation: change-color-76 3s ease-in-out infinite;
      -moz-animation: change-color-76 3s ease-in-out infinite;
      -o-animation: change-color-76 3s ease-in-out infinite;
      animation: change-color-76 3s ease-in-out infinite;
      animation-delay: 8000ms;
      background-color: #ffd16c;
      color: #830513;
      border-bottom: 4px solid #ffb106; }
@keyframes change-color-77 {
  0% {
    background-color: #ffd366; }
  50% {
    background-color: #ffcb4d; }
  100% {
    background-color: #ffd366; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(17) {
    background-color: #a2ebff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(17):hover {
      background-color: #3cd6ff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(17).done-5 {
      -webkit-animation: change-color-77 3s ease-in-out infinite;
      -moz-animation: change-color-77 3s ease-in-out infinite;
      -o-animation: change-color-77 3s ease-in-out infinite;
      animation: change-color-77 3s ease-in-out infinite;
      animation-delay: 8500ms;
      background-color: #ffd366;
      color: #830513;
      border-bottom: 4px solid #ffb500; }
@keyframes change-color-78 {
  0% {
    background-color: #ffd366; }
  50% {
    background-color: #ffcb4d; }
  100% {
    background-color: #ffd366; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(18) {
    background-color: #a2ebff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(18):hover {
      background-color: #3cd6ff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(18).done-5 {
      -webkit-animation: change-color-78 3s ease-in-out infinite;
      -moz-animation: change-color-78 3s ease-in-out infinite;
      -o-animation: change-color-78 3s ease-in-out infinite;
      animation: change-color-78 3s ease-in-out infinite;
      animation-delay: 9000ms;
      background-color: #ffd366;
      color: #830513;
      border-bottom: 4px solid #ffb500; }
@keyframes change-color-79 {
  0% {
    background-color: #ffd366; }
  50% {
    background-color: #ffcb4d; }
  100% {
    background-color: #ffd366; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(19) {
    background-color: #a2ebff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(19):hover {
      background-color: #3cd6ff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(19).done-5 {
      -webkit-animation: change-color-79 3s ease-in-out infinite;
      -moz-animation: change-color-79 3s ease-in-out infinite;
      -o-animation: change-color-79 3s ease-in-out infinite;
      animation: change-color-79 3s ease-in-out infinite;
      animation-delay: 9500ms;
      background-color: #ffd366;
      color: #830513;
      border-bottom: 4px solid #ffb500; }
@keyframes change-color-80 {
  0% {
    background-color: #ffd366; }
  50% {
    background-color: #ffcb4d; }
  100% {
    background-color: #ffd366; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(20) {
    background-color: #a2ebff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(20):hover {
      background-color: #3cd6ff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(20).done-5 {
      -webkit-animation: change-color-80 3s ease-in-out infinite;
      -moz-animation: change-color-80 3s ease-in-out infinite;
      -o-animation: change-color-80 3s ease-in-out infinite;
      animation: change-color-80 3s ease-in-out infinite;
      animation-delay: 10000ms;
      background-color: #ffd366;
      color: #830513;
      border-bottom: 4px solid #ffb500; }
@keyframes change-color-81 {
  0% {
    background-color: #ffd366; }
  50% {
    background-color: #ffcb4d; }
  100% {
    background-color: #ffd366; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(21) {
    background-color: #a2ebff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(21):hover {
      background-color: #3cd6ff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(21).done-5 {
      -webkit-animation: change-color-81 3s ease-in-out infinite;
      -moz-animation: change-color-81 3s ease-in-out infinite;
      -o-animation: change-color-81 3s ease-in-out infinite;
      animation: change-color-81 3s ease-in-out infinite;
      animation-delay: 10500ms;
      background-color: #ffd366;
      color: #830513;
      border-bottom: 4px solid #ffb500; }
@keyframes change-color-82 {
  0% {
    background-color: #ffd366; }
  50% {
    background-color: #ffcb4d; }
  100% {
    background-color: #ffd366; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(22) {
    background-color: #a2ebff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(22):hover {
      background-color: #3cd6ff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(22).done-5 {
      -webkit-animation: change-color-82 3s ease-in-out infinite;
      -moz-animation: change-color-82 3s ease-in-out infinite;
      -o-animation: change-color-82 3s ease-in-out infinite;
      animation: change-color-82 3s ease-in-out infinite;
      animation-delay: 11000ms;
      background-color: #ffd366;
      color: #830513;
      border-bottom: 4px solid #ffb500; }
@keyframes change-color-83 {
  0% {
    background-color: #ffd366; }
  50% {
    background-color: #ffcb4d; }
  100% {
    background-color: #ffd366; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(23) {
    background-color: #a2ebff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(23):hover {
      background-color: #3cd6ff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(23).done-5 {
      -webkit-animation: change-color-83 3s ease-in-out infinite;
      -moz-animation: change-color-83 3s ease-in-out infinite;
      -o-animation: change-color-83 3s ease-in-out infinite;
      animation: change-color-83 3s ease-in-out infinite;
      animation-delay: 11500ms;
      background-color: #ffd366;
      color: #830513;
      border-bottom: 4px solid #ffb500; }
@keyframes change-color-84 {
  0% {
    background-color: #ffd366; }
  50% {
    background-color: #ffcb4d; }
  100% {
    background-color: #ffd366; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(24) {
    background-color: #a2ebff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(24):hover {
      background-color: #3cd6ff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(24).done-5 {
      -webkit-animation: change-color-84 3s ease-in-out infinite;
      -moz-animation: change-color-84 3s ease-in-out infinite;
      -o-animation: change-color-84 3s ease-in-out infinite;
      animation: change-color-84 3s ease-in-out infinite;
      animation-delay: 12000ms;
      background-color: #ffd366;
      color: #830513;
      border-bottom: 4px solid #ffb500; }
@keyframes change-color-85 {
  0% {
    background-color: #ffd366; }
  50% {
    background-color: #ffcb4d; }
  100% {
    background-color: #ffd366; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(25) {
    background-color: #a2ebff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(25):hover {
      background-color: #3cd6ff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(25).done-5 {
      -webkit-animation: change-color-85 3s ease-in-out infinite;
      -moz-animation: change-color-85 3s ease-in-out infinite;
      -o-animation: change-color-85 3s ease-in-out infinite;
      animation: change-color-85 3s ease-in-out infinite;
      animation-delay: 12500ms;
      background-color: #ffd366;
      color: #830513;
      border-bottom: 4px solid #ffb500; }
@keyframes change-color-86 {
  0% {
    background-color: #ffd366; }
  50% {
    background-color: #ffcb4d; }
  100% {
    background-color: #ffd366; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(26) {
    background-color: #a2ebff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(26):hover {
      background-color: #3cd6ff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(26).done-5 {
      -webkit-animation: change-color-86 3s ease-in-out infinite;
      -moz-animation: change-color-86 3s ease-in-out infinite;
      -o-animation: change-color-86 3s ease-in-out infinite;
      animation: change-color-86 3s ease-in-out infinite;
      animation-delay: 13000ms;
      background-color: #ffd366;
      color: #830513;
      border-bottom: 4px solid #ffb500; }
@keyframes change-color-87 {
  0% {
    background-color: #ffd366; }
  50% {
    background-color: #ffcb4d; }
  100% {
    background-color: #ffd366; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(27) {
    background-color: #a2ebff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(27):hover {
      background-color: #3cd6ff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(27).done-5 {
      -webkit-animation: change-color-87 3s ease-in-out infinite;
      -moz-animation: change-color-87 3s ease-in-out infinite;
      -o-animation: change-color-87 3s ease-in-out infinite;
      animation: change-color-87 3s ease-in-out infinite;
      animation-delay: 13500ms;
      background-color: #ffd366;
      color: #830513;
      border-bottom: 4px solid #ffb500; }
@keyframes change-color-88 {
  0% {
    background-color: #ffd366; }
  50% {
    background-color: #ffcb4d; }
  100% {
    background-color: #ffd366; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(28) {
    background-color: #a2ebff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(28):hover {
      background-color: #3cd6ff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(28).done-5 {
      -webkit-animation: change-color-88 3s ease-in-out infinite;
      -moz-animation: change-color-88 3s ease-in-out infinite;
      -o-animation: change-color-88 3s ease-in-out infinite;
      animation: change-color-88 3s ease-in-out infinite;
      animation-delay: 14000ms;
      background-color: #ffd366;
      color: #830513;
      border-bottom: 4px solid #ffb500; }
@keyframes change-color-89 {
  0% {
    background-color: #ffd366; }
  50% {
    background-color: #ffcb4d; }
  100% {
    background-color: #ffd366; } }
  .table-wrapper:nth-child(3) tbody tr td.done:nth-child(29) {
    background-color: #a2ebff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(29):hover {
      background-color: #3cd6ff; }
    .table-wrapper:nth-child(3) tbody tr td.done:nth-child(29).done-5 {
      -webkit-animation: change-color-89 3s ease-in-out infinite;
      -moz-animation: change-color-89 3s ease-in-out infinite;
      -o-animation: change-color-89 3s ease-in-out infinite;
      animation: change-color-89 3s ease-in-out infinite;
      animation-delay: 14500ms;
      background-color: #ffd366;
      color: #830513;
      border-bottom: 4px solid #ffb500; }
  .table-wrapper:nth-child(3) tbody tr:first-child td.done div {
    border-top: none; }
  .table-wrapper:nth-child(3) tbody tr td {
    background-color: white; }