/** 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 */
.footer-col-wrapper:after, .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 { max-width: calc(100% - 56px); }

.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.active:nth-child(1) { 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.active:nth-child(2) { 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.active:nth-child(3) { 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.active:nth-child(4) { 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.active:nth-child(5) { 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.active:nth-child(6) { 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.active:nth-child(7) { 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.active:nth-child(8) { 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.active:nth-child(9) { 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; overflow: hidden; 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 .waves { z-index: 1; position: absolute; width: 100%; height: 100%; min-height: 100px; max-height: 150px; }

.lab-cards .lab-card .waves .wave { fill: rgba(221, 221, 221, 0.5); }

.lab-cards .lab-card .lab-card-header { display: flex; align-items: center; }

.lab-cards .lab-card .lab-card-header .remark { z-index: 10; 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 { z-index: 10; 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 { z-index: 10; 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; overflow: hidden; 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) .waves { z-index: 1; position: absolute; width: 100%; height: 100%; min-height: 100px; max-height: 150px; }

.lab-cards .lab-card:nth-child(1) .waves .wave { fill: rgba(255, 113, 154, 0.5); }

.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 { z-index: 10; 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 { z-index: 10; 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 { z-index: 10; 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; overflow: hidden; 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) .waves { z-index: 1; position: absolute; width: 100%; height: 100%; min-height: 100px; max-height: 150px; }

.lab-cards .lab-card:nth-child(2) .waves .wave { fill: rgba(16, 199, 255, 0.5); }

.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 { z-index: 10; 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 { z-index: 10; 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 { z-index: 10; 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; overflow: hidden; 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) .waves { z-index: 1; position: absolute; width: 100%; height: 100%; min-height: 100px; max-height: 150px; }

.lab-cards .lab-card:nth-child(3) .waves .wave { fill: rgba(7, 208, 220, 0.5); }

.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 { z-index: 10; 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 { z-index: 10; 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 { z-index: 10; 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; overflow: hidden; 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) .waves { z-index: 1; position: absolute; width: 100%; height: 100%; min-height: 100px; max-height: 150px; }

.lab-cards .lab-card:nth-child(4) .waves .wave { fill: rgba(30, 220, 163, 0.5); }

.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 { z-index: 10; 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 { z-index: 10; 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 { z-index: 10; 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; }

.lab-cards .lab-card:nth-child(5) { position: relative; flex-grow: 1; background: linear-gradient(135deg, #00558d, #00e0be); transition: all .3s; color: white; overflow: hidden; border-radius: 1em; box-shadow: 0 0 0 6px #0083da; text-decoration: none; margin-bottom: 20px; max-width: 100%; }

.lab-cards .lab-card:nth-child(5):hover { box-shadow: 0 0 0 10px #2effdf; }

.lab-cards .lab-card:nth-child(5):hover .lab-card-header .lab-card-index { background-color: white; }

.lab-cards .lab-card:nth-child(5) .waves { z-index: 1; position: absolute; width: 100%; height: 100%; min-height: 100px; max-height: 150px; }

.lab-cards .lab-card:nth-child(5) .waves .wave { fill: rgba(0, 85, 141, 0.5); }

.lab-cards .lab-card:nth-child(5) .lab-card-header { display: flex; align-items: center; }

.lab-cards .lab-card:nth-child(5) .lab-card-header .remark { z-index: 10; margin-left: auto; padding: 0.5em; transition: all .3s; font-weight: bold; background-color: #00ad93; font-size: 1em; color: white; flex-shrink: 0; border-radius: 1em; display: flex; align-items: center; justify-content: center; border: 4px solid #00ad93; }

.lab-cards .lab-card:nth-child(5) .lab-card-header .lab-card-index { z-index: 10; transition: all .3s; font-weight: bold; background-color: white; font-size: 1.25em; color: #00365a; width: 50px; height: 50px; flex-shrink: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 4px solid #00365a; }

.lab-cards .lab-card:nth-child(5) .lab-card-header .lab-card-title { z-index: 10; margin-left: 1rem; font-size: 2em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.lab-cards .lab-card:nth-child(5) .lab-card-content { margin-top: 0.5rem; color: black; }

.lab-cards .lab-card:nth-child(5) .lab-card-content ul { margin-bottom: 0; }

.lab-cards .lab-card:nth-child(5) .lab-card-content p { margin: 0; }

.lab-cards .lab-card:nth-child(6) { position: relative; flex-grow: 1; background: linear-gradient(135deg, #474A8A, #B0B3D6); transition: all .3s; color: white; overflow: hidden; border-radius: 1em; box-shadow: 0 0 0 6px #6b6eb3; text-decoration: none; margin-bottom: 20px; max-width: 100%; }

.lab-cards .lab-card:nth-child(6):hover { box-shadow: 0 0 0 10px #e2e3f0; }

.lab-cards .lab-card:nth-child(6):hover .lab-card-header .lab-card-index { background-color: white; }

.lab-cards .lab-card:nth-child(6) .waves { z-index: 1; position: absolute; width: 100%; height: 100%; min-height: 100px; max-height: 150px; }

.lab-cards .lab-card:nth-child(6) .waves .wave { fill: rgba(71, 74, 138, 0.5); }

.lab-cards .lab-card:nth-child(6) .lab-card-header { display: flex; align-items: center; }

.lab-cards .lab-card:nth-child(6) .lab-card-header .remark { z-index: 10; margin-left: auto; padding: 0.5em; transition: all .3s; font-weight: bold; background-color: #8e93c5; font-size: 1em; color: white; flex-shrink: 0; border-radius: 1em; display: flex; align-items: center; justify-content: center; border: 4px solid #8e93c5; }

.lab-cards .lab-card:nth-child(6) .lab-card-header .lab-card-index { z-index: 10; transition: all .3s; font-weight: bold; background-color: white; font-size: 1.25em; color: #363868; width: 50px; height: 50px; flex-shrink: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 4px solid #363868; }

.lab-cards .lab-card:nth-child(6) .lab-card-header .lab-card-title { z-index: 10; margin-left: 1rem; font-size: 2em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.lab-cards .lab-card:nth-child(6) .lab-card-content { margin-top: 0.5rem; color: black; }

.lab-cards .lab-card:nth-child(6) .lab-card-content ul { margin-bottom: 0; }

.lab-cards .lab-card:nth-child(6) .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: .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.done-5:nth-child(1) { background-color: #fdc300; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(1) .student-penalty { color: #927000; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(1):after { animation-delay: 827ms; }

.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.done-5:nth-child(2) { background-color: #fbc700; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(2) .student-penalty { color: #907200; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(2):after { animation-delay: 60ms; }

.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.done-5:nth-child(3) { background-color: #f9cb00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(3) .student-penalty { color: #8e7400; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(3):after { animation-delay: 508ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(4) { color: #6f5b00; background-color: #fed66d !important; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(4):hover { background-color: #feba07; }

.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: #feba07 !important; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(4) { background-color: #f7ce00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(4) .student-penalty { color: #8c7500; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(4):after { animation-delay: 1663ms; }

.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.done-5:nth-child(5) { background-color: #f5d200; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(5) .student-penalty { color: #8a7600; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(5):after { animation-delay: 386ms; }

.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.done-5:nth-child(6) { background-color: #f3d600; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(6) .student-penalty { color: #887800; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(6):after { animation-delay: 1526ms; }

.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.done-5:nth-child(7) { background-color: #f2da00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(7) .student-penalty { color: #877a00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(7):after { animation-delay: 663ms; }

.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.done-5:nth-child(8) { background-color: #f0de00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(8) .student-penalty { color: #857b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(8):after { animation-delay: 380ms; }

.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.done-5:nth-child(9) { background-color: #eee200; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(9) .student-penalty { color: #837c00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(9):after { animation-delay: 194ms; }

.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.done-5:nth-child(10) { background-color: #ece500; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(10) .student-penalty { color: #817d00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(10):after { animation-delay: 170ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(11) { color: #6f5b00; background-color: #febb68 !important; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(11):hover { background-color: #fd8e03; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(11):hover .student-penalty div { color: #fed29a; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(11):hover { background-color: #fd8e03 !important; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(11) { background-color: #eae900; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(11) .student-penalty { color: #7f7e00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(11):after { animation-delay: 282ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(12) { color: #6f5b00; background-color: #feb768 !important; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(12):hover { background-color: #fd8703; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(12):hover .student-penalty div { color: #fecf9a; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(12):hover { background-color: #fd8703 !important; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(12) { background-color: #e8ed00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(12) .student-penalty { color: #7f8200; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(12):after { animation-delay: 366ms; }

.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.done-5:nth-child(13) { background-color: #e6f100; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(13) .student-penalty { color: #808600; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(13):after { animation-delay: 1344ms; }

.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.done-5:nth-child(14) { background-color: #e4f500; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(14) .student-penalty { color: #808a00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(14):after { animation-delay: 542ms; }

.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.done-5:nth-child(15) { background-color: #e2f900; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(15) .student-penalty { color: #818e00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(15):after { animation-delay: 1311ms; }

.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.done-5:nth-child(16) { background-color: #e0fc00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(16) .student-penalty { color: #819100; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(16):after { animation-delay: 1969ms; }

.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.done-5:nth-child(17) { background-color: #dfff00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(17) .student-penalty { color: #819400; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(17):after { animation-delay: 1401ms; }

.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.done-5:nth-child(18) { background-color: #dfff00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(18) .student-penalty { color: #819400; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(18):after { animation-delay: 1241ms; }

.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.done-5:nth-child(19) { background-color: #dfff00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(19) .student-penalty { color: #819400; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(19):after { animation-delay: 1545ms; }

.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.done-5:nth-child(20) { background-color: #dfff00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(20) .student-penalty { color: #819400; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(20):after { animation-delay: 1366ms; }

.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.done-5:nth-child(21) { background-color: #dfff00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(21) .student-penalty { color: #819400; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(21):after { animation-delay: 684ms; }

.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.done-5:nth-child(22) { background-color: #dfff00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(22) .student-penalty { color: #819400; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(22):after { animation-delay: 1859ms; }

.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.done-5:nth-child(23) { background-color: #dfff00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(23) .student-penalty { color: #819400; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(23):after { animation-delay: 1231ms; }

.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.done-5:nth-child(24) { background-color: #dfff00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(24) .student-penalty { color: #819400; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(24):after { animation-delay: 821ms; }

.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.done-5:nth-child(25) { background-color: #dfff00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(25) .student-penalty { color: #819400; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(25):after { animation-delay: 467ms; }

.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.done-5:nth-child(26) { background-color: #dfff00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(26) .student-penalty { color: #819400; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(26):after { animation-delay: 1044ms; }

.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.done-5:nth-child(27) { background-color: #dfff00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(27) .student-penalty { color: #819400; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(27):after { animation-delay: 423ms; }

.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.done-5:nth-child(28) { background-color: #dfff00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(28) .student-penalty { color: #819400; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(28):after { animation-delay: 1326ms; }

.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.done-5:nth-child(29) { background-color: #dfff00; color: #6f5b00; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(29) .student-penalty { color: #819400; }

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(29):after { animation-delay: 1775ms; }

.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.done-5:nth-child(1) { -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.done-5:nth-child(2) { -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.done-5:nth-child(3) { -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: #fed66d; }

.table-wrapper:nth-child(1) tbody tr td.done:nth-child(4):hover { background-color: #feba07; }

.table-wrapper:nth-child(1) tbody tr td.done.done-5:nth-child(4) { -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.done-5:nth-child(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.done-5:nth-child(6) { -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.done-5:nth-child(7) { -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.done-5:nth-child(8) { -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.done-5:nth-child(9) { -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.done-5:nth-child(10) { -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: #febb68; }

.table-wrapper:nth-child(1) tbody tr td.done:nth-child(11):hover { background-color: #fd8e03; }

.table-wrapper:nth-child(1) tbody tr td.done.done-5:nth-child(11) { -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: #feb768; }

.table-wrapper:nth-child(1) tbody tr td.done:nth-child(12):hover { background-color: #fd8703; }

.table-wrapper:nth-child(1) tbody tr td.done.done-5:nth-child(12) { -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.done-5:nth-child(13) { -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.done-5:nth-child(14) { -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.done-5:nth-child(15) { -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.done-5:nth-child(16) { -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.done-5:nth-child(17) { -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.done-5:nth-child(18) { -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.done-5:nth-child(19) { -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.done-5:nth-child(20) { -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.done-5:nth-child(21) { -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.done-5:nth-child(22) { -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.done-5:nth-child(23) { -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.done-5:nth-child(24) { -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.done-5:nth-child(25) { -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.done-5:nth-child(26) { -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.done-5:nth-child(27) { -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.done-5:nth-child(28) { -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.done-5:nth-child(29) { -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.done-5:nth-child(1) { background-color: #ccff0f; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(1) .student-penalty { color: #80a300; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(1):after { animation-delay: 1686ms; }

.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.done-5:nth-child(2) { background-color: #bfff1a; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(2) .student-penalty { color: #7dae00; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(2):after { animation-delay: 1700ms; }

.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.done-5:nth-child(3) { background-color: #b2ff25; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(3) .student-penalty { color: #78b900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(3):after { animation-delay: 580ms; }

.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.done-5:nth-child(4) { background-color: #a5ff30; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(4) .student-penalty { color: #6fc400; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(4):after { animation-delay: 332ms; }

.table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(5) { color: #718c00; background-color: #d6ffaf !important; }

.table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(5):hover { background-color: #a2ff49; }

.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: #a2ff49 !important; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(5) { background-color: #98ff3b; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(5) .student-penalty { color: #62cf00; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(5):after { animation-delay: 473ms; }

.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: #98ff50; }

.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: #98ff50 !important; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(6) { background-color: #8bff46; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(6) .student-penalty { color: #51da00; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(6):after { animation-delay: 1521ms; }

.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.done-5:nth-child(7) { background-color: #7eff50; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(7) .student-penalty { color: #3ce400; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(7):after { animation-delay: 1482ms; }

.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.done-5:nth-child(8) { background-color: #71ff5b; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(8) .student-penalty { color: #20ef00; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(8):after { animation-delay: 1883ms; }

.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.done-5:nth-child(9) { background-color: #64ff66; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(9) .student-penalty { color: #00f803; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(9):after { animation-delay: 1919ms; }

.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.done-5:nth-child(10) { background-color: #57ff71; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(10) .student-penalty { color: #00eb24; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(10):after { animation-delay: 1101ms; }

.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.done-5:nth-child(11) { background-color: #4aff7c; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(11) .student-penalty { color: #00de3d; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(11):after { animation-delay: 99ms; }

.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.done-5:nth-child(12) { background-color: #3dff87; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(12) .student-penalty { color: #00d150; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(12):after { animation-delay: 275ms; }

.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.done-5:nth-child(13) { background-color: #30ff92; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(13) .student-penalty { color: #00c45d; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(13):after { animation-delay: 1350ms; }

.table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(14) { color: #718c00; background-color: #adffca !important; }

.table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(14):hover { background-color: #47ff89; }

.table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(14):hover .student-penalty div { color: #b5ffd0; }

.table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(14):hover { background-color: #47ff89 !important; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(14) { background-color: #23ff9d; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(14) .student-penalty { color: #00b765; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(14):after { animation-delay: 1557ms; }

.table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(15) { color: #718c00; background-color: #a3ffca !important; }

.table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(15):hover { background-color: #3dff90; }

.table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(15):hover .student-penalty div { color: #b1ffd3; }

.table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(15):hover { background-color: #3dff90 !important; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(15) { background-color: #16ffa8; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(15) .student-penalty { color: #00aa6a; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(15):after { animation-delay: 413ms; }

.table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(16) { color: #718c00; background-color: #99ffcb !important; }

.table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(16):hover { background-color: #33ff97; }

.table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(16):hover .student-penalty div { color: #adffd5; }

.table-wrapper:nth-child(2) .progress-table-header-students th:nth-child(16):hover { background-color: #33ff97 !important; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(16) { background-color: #09ffb3; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(16) .student-penalty { color: #009d6c; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(16):after { animation-delay: 284ms; }

.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.done-5:nth-child(17) { background-color: #00ffba; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(17) .student-penalty { color: #00946c; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(17):after { animation-delay: 1030ms; }

.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.done-5:nth-child(18) { background-color: #00ffba; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(18) .student-penalty { color: #00946c; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(18):after { animation-delay: 945ms; }

.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.done-5:nth-child(19) { background-color: #00ffba; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(19) .student-penalty { color: #00946c; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(19):after { animation-delay: 579ms; }

.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.done-5:nth-child(20) { background-color: #00ffba; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(20) .student-penalty { color: #00946c; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(20):after { animation-delay: 470ms; }

.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.done-5:nth-child(21) { background-color: #00ffba; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(21) .student-penalty { color: #00946c; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(21):after { animation-delay: 904ms; }

.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.done-5:nth-child(22) { background-color: #00ffba; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(22) .student-penalty { color: #00946c; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(22):after { animation-delay: 1346ms; }

.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.done-5:nth-child(23) { background-color: #00ffba; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(23) .student-penalty { color: #00946c; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(23):after { animation-delay: 2000ms; }

.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.done-5:nth-child(24) { background-color: #00ffba; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(24) .student-penalty { color: #00946c; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(24):after { animation-delay: 780ms; }

.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.done-5:nth-child(25) { background-color: #00ffba; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(25) .student-penalty { color: #00946c; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(25):after { animation-delay: 1202ms; }

.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.done-5:nth-child(26) { background-color: #00ffba; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(26) .student-penalty { color: #00946c; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(26):after { animation-delay: 890ms; }

.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.done-5:nth-child(27) { background-color: #00ffba; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(27) .student-penalty { color: #00946c; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(27):after { animation-delay: 1025ms; }

.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.done-5:nth-child(28) { background-color: #00ffba; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(28) .student-penalty { color: #00946c; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(28):after { animation-delay: 375ms; }

.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.done-5:nth-child(29) { background-color: #00ffba; color: #918900; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(29) .student-penalty { color: #00946c; }

.table-wrapper:nth-child(2) .progress-table-header-students th.done-5:nth-child(29):after { animation-delay: 889ms; }

.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.done-5:nth-child(1) { -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.done-5:nth-child(2) { -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.done-5:nth-child(3) { -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.done-5:nth-child(4) { -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: #d6ffaf; }

.table-wrapper:nth-child(2) tbody tr td.done:nth-child(5):hover { background-color: #a2ff49; }

.table-wrapper:nth-child(2) tbody tr td.done.done-5:nth-child(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: #98ff50; }

.table-wrapper:nth-child(2) tbody tr td.done.done-5:nth-child(6) { -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.done-5:nth-child(7) { -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.done-5:nth-child(8) { -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.done-5:nth-child(9) { -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.done-5:nth-child(10) { -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.done-5:nth-child(11) { -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.done-5:nth-child(12) { -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.done-5:nth-child(13) { -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: #adffca; }

.table-wrapper:nth-child(2) tbody tr td.done:nth-child(14):hover { background-color: #47ff89; }

.table-wrapper:nth-child(2) tbody tr td.done.done-5:nth-child(14) { -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: #a3ffca; }

.table-wrapper:nth-child(2) tbody tr td.done:nth-child(15):hover { background-color: #3dff90; }

.table-wrapper:nth-child(2) tbody tr td.done.done-5:nth-child(15) { -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: #99ffcb; }

.table-wrapper:nth-child(2) tbody tr td.done:nth-child(16):hover { background-color: #33ff97; }

.table-wrapper:nth-child(2) tbody tr td.done.done-5:nth-child(16) { -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.done-5:nth-child(17) { -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.done-5:nth-child(18) { -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.done-5:nth-child(19) { -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.done-5:nth-child(20) { -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.done-5:nth-child(21) { -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.done-5:nth-child(22) { -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.done-5:nth-child(23) { -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.done-5:nth-child(24) { -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.done-5:nth-child(25) { -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.done-5:nth-child(26) { -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.done-5:nth-child(27) { -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.done-5:nth-child(28) { -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.done-5:nth-child(29) { -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.done-5:nth-child(1) { background-color: #ff5487; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(1) .student-penalty { color: #e80045; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(1):after { animation-delay: 698ms; }

.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.done-5:nth-child(2) { background-color: #ff5a7f; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(2) .student-penalty { color: #ee0035; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(2):after { animation-delay: 680ms; }

.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.done-5:nth-child(3) { background-color: #ff6176; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(3) .student-penalty { color: #f50021; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(3):after { animation-delay: 1268ms; }

.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.done-5:nth-child(4) { background-color: #ff676d; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(4) .student-penalty { color: #fb000a; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(4):after { animation-delay: 949ms; }

.table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(5) { color: #bb7700; background-color: #e6e8cd !important; }

.table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(5):hover { background-color: #c4c788; }

.table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(5):hover .student-penalty div { color: #e7e9cf; }

.table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(5):hover { background-color: #c4c788 !important; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(5) { background-color: #ff6d65; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(5) .student-penalty { color: #f90d00; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(5):after { animation-delay: 92ms; }

.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.done-5:nth-child(6) { background-color: #ff735c; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(6) .student-penalty { color: #f02200; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(6):after { animation-delay: 1176ms; }

.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.done-5:nth-child(7) { background-color: #ff7954; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(7) .student-penalty { color: #e83200; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(7):after { animation-delay: 452ms; }

.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.done-5:nth-child(8) { background-color: #ff7f4b; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(8) .student-penalty { color: #df4000; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(8):after { animation-delay: 1403ms; }

.table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(9) { color: #bb7700; background-color: #daede4 !important; }

.table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(9):hover { background-color: #95ccb1; }

.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: #95ccb1 !important; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(9) { background-color: #ff8642; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(9) .student-penalty { color: #d64d00; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(9):after { animation-delay: 211ms; }

.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.done-5:nth-child(10) { background-color: #ff8c3a; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(10) .student-penalty { color: #ce5600; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(10):after { animation-delay: 1187ms; }

.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.done-5:nth-child(11) { background-color: #ff9231; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(11) .student-penalty { color: #c55d00; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(11):after { animation-delay: 1545ms; }

.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: #72d0cf; }

.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: #72d0cf !important; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(12) { background-color: #ff9828; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(12) .student-penalty { color: #bc6200; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(12):after { animation-delay: 203ms; }

.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.done-5:nth-child(13) { background-color: #ff9e20; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(13) .student-penalty { color: #b46600; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(13):after { animation-delay: 1148ms; }

.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.done-5:nth-child(14) { background-color: #ffa517; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(14) .student-penalty { color: #ab6900; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(14):after { animation-delay: 238ms; }

.table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(15) { color: #bb7700; background-color: #acebf7 !important; }

.table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(15):hover { background-color: #4fd4ee; }

.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: #4fd4ee !important; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(15) { background-color: #ffab0e; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(15) .student-penalty { color: #a26900; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(15):after { animation-delay: 923ms; }

.table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(16) { color: #bb7700; background-color: #a5ebfc !important; }

.table-wrapper:nth-child(3) .progress-table-header-students th:nth-child(16):hover { background-color: #43d5f8; }

.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: #43d5f8 !important; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(16) { background-color: #ffb106; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(16) .student-penalty { color: #9a6a00; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(16):after { animation-delay: 1966ms; }

.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.done-5:nth-child(17) { background-color: #ffb500; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(17) .student-penalty { color: #946900; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(17):after { animation-delay: 511ms; }

.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.done-5:nth-child(18) { background-color: #ffb500; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(18) .student-penalty { color: #946900; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(18):after { animation-delay: 1773ms; }

.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.done-5:nth-child(19) { background-color: #ffb500; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(19) .student-penalty { color: #946900; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(19):after { animation-delay: 1511ms; }

.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.done-5:nth-child(20) { background-color: #ffb500; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(20) .student-penalty { color: #946900; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(20):after { animation-delay: 1926ms; }

.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.done-5:nth-child(21) { background-color: #ffb500; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(21) .student-penalty { color: #946900; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(21):after { animation-delay: 1426ms; }

.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.done-5:nth-child(22) { background-color: #ffb500; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(22) .student-penalty { color: #946900; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(22):after { animation-delay: 1300ms; }

.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.done-5:nth-child(23) { background-color: #ffb500; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(23) .student-penalty { color: #946900; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(23):after { animation-delay: 114ms; }

.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.done-5:nth-child(24) { background-color: #ffb500; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(24) .student-penalty { color: #946900; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(24):after { animation-delay: 1475ms; }

.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.done-5:nth-child(25) { background-color: #ffb500; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(25) .student-penalty { color: #946900; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(25):after { animation-delay: 1300ms; }

.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.done-5:nth-child(26) { background-color: #ffb500; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(26) .student-penalty { color: #946900; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(26):after { animation-delay: 1336ms; }

.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.done-5:nth-child(27) { background-color: #ffb500; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(27) .student-penalty { color: #946900; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(27):after { animation-delay: 1978ms; }

.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.done-5:nth-child(28) { background-color: #ffb500; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(28) .student-penalty { color: #946900; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(28):after { animation-delay: 257ms; }

.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.done-5:nth-child(29) { background-color: #ffb500; color: #830513; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(29) .student-penalty { color: #946900; }

.table-wrapper:nth-child(3) .progress-table-header-students th.done-5:nth-child(29):after { animation-delay: 1533ms; }

.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.done-5:nth-child(1) { -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.done-5:nth-child(2) { -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.done-5:nth-child(3) { -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.done-5:nth-child(4) { -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: #e6e8cd; }

.table-wrapper:nth-child(3) tbody tr td.done:nth-child(5):hover { background-color: #c4c788; }

.table-wrapper:nth-child(3) tbody tr td.done.done-5:nth-child(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.done-5:nth-child(6) { -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.done-5:nth-child(7) { -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.done-5:nth-child(8) { -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: #daede4; }

.table-wrapper:nth-child(3) tbody tr td.done:nth-child(9):hover { background-color: #95ccb1; }

.table-wrapper:nth-child(3) tbody tr td.done.done-5:nth-child(9) { -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.done-5:nth-child(10) { -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.done-5:nth-child(11) { -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: #72d0cf; }

.table-wrapper:nth-child(3) tbody tr td.done.done-5:nth-child(12) { -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.done-5:nth-child(13) { -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.done-5:nth-child(14) { -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: #acebf7; }

.table-wrapper:nth-child(3) tbody tr td.done:nth-child(15):hover { background-color: #4fd4ee; }

.table-wrapper:nth-child(3) tbody tr td.done.done-5:nth-child(15) { -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: #a5ebfc; }

.table-wrapper:nth-child(3) tbody tr td.done:nth-child(16):hover { background-color: #43d5f8; }

.table-wrapper:nth-child(3) tbody tr td.done.done-5:nth-child(16) { -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.done-5:nth-child(17) { -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.done-5:nth-child(18) { -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.done-5:nth-child(19) { -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.done-5:nth-child(20) { -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.done-5:nth-child(21) { -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.done-5:nth-child(22) { -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.done-5:nth-child(23) { -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.done-5:nth-child(24) { -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.done-5:nth-child(25) { -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.done-5:nth-child(26) { -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.done-5:nth-child(27) { -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.done-5:nth-child(28) { -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.done-5:nth-child(29) { -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; }

/*# sourceMappingURL=main.css.map */