/** 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 { 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: calc($spacing-unit / 2); 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: #fcfcfc; }

code { padding: 1px 5px; }

pre { padding: 8px 12px; overflow-x: auto; }

pre > code { border: 0; padding-right: 0; padding-left: 0; }

.highlight table td, .highlight table th { padding: 0.5rem; border: none; }

.highlight .rouge-gutter.gl { text-align: right; border-right: 1px solid #e8e8e8; background-color: white; }

.highlight .rouge-gutter.gl .lineno { background-color: white; }

/** 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: calc($spacing-unit / 2); padding-left: calc($spacing-unit / 2); } }

/** 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: calc($spacing-unit / 3) calc($spacing-unit / 2); }

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; }

.highlight .hll { background-color: #ffffcc; }

.highlight .c { color: #888888; }

/* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2; }

/* Error */
.highlight .k { color: #008800; font-weight: bold; }

/* Keyword */
.highlight .cm { color: #888888; }

/* Comment.Multiline */
.highlight .cp { color: #cc0000; font-weight: bold; }

/* Comment.Preproc */
.highlight .c1 { color: #888888; }

/* Comment.Single */
.highlight .cs { color: #cc0000; font-weight: bold; background-color: #fff0f0; }

/* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd; }

/* Generic.Deleted */
.highlight .ge { font-style: italic; }

/* Generic.Emph */
.highlight .gr { color: #aa0000; }

/* Generic.Error */
.highlight .gh { color: #303030; }

/* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd; }

/* Generic.Inserted */
.highlight .go { color: #888888; }

/* Generic.Output */
.highlight .gp { color: #555555; }

/* Generic.Prompt */
.highlight .gs { font-weight: bold; }

/* Generic.Strong */
.highlight .gu { color: #606060; }

/* Generic.Subheading */
.highlight .gt { color: #aa0000; }

/* Generic.Traceback */
.highlight .kc { color: #008800; font-weight: bold; }

/* Keyword.Constant */
.highlight .kd { color: #008800; font-weight: bold; }

/* Keyword.Declaration */
.highlight .kn { color: #008800; font-weight: bold; }

/* Keyword.Namespace */
.highlight .kp { color: #008800; }

/* Keyword.Pseudo */
.highlight .kr { color: #008800; font-weight: bold; }

/* Keyword.Reserved */
.highlight .kt { color: #888888; font-weight: bold; }

/* Keyword.Type */
.highlight .m { color: #0000DD; font-weight: bold; }

/* Literal.Number */
.highlight .s { color: #dd2200; background-color: #fff0f0; }

/* Literal.String */
.highlight .na { color: #336699; }

/* Name.Attribute */
.highlight .nb { color: #003388; }

/* Name.Builtin */
.highlight .nc { color: #bb0066; font-weight: bold; }

/* Name.Class */
.highlight .no { color: #003366; font-weight: bold; }

/* Name.Constant */
.highlight .nd { color: #555555; }

/* Name.Decorator */
.highlight .ne { color: #bb0066; font-weight: bold; }

/* Name.Exception */
.highlight .nf { color: #0066bb; font-weight: bold; }

/* Name.Function */
.highlight .nl { color: #336699; font-style: italic; }

/* Name.Label */
.highlight .nn { color: #bb0066; font-weight: bold; }

/* Name.Namespace */
.highlight .py { color: #336699; font-weight: bold; }

/* Name.Property */
.highlight .nt { color: #bb0066; font-weight: bold; }

/* Name.Tag */
.highlight .nv { color: #336699; }

/* Name.Variable */
.highlight .ow { color: #008800; }

/* Operator.Word */
.highlight .w { color: #bbbbbb; }

/* Text.Whitespace */
.highlight .mf { color: #0000DD; font-weight: bold; }

/* Literal.Number.Float */
.highlight .mh { color: #0000DD; font-weight: bold; }

/* Literal.Number.Hex */
.highlight .mi { color: #0000DD; font-weight: bold; }

/* Literal.Number.Integer */
.highlight .mo { color: #0000DD; font-weight: bold; }

/* Literal.Number.Oct */
.highlight .sb { color: #dd2200; background-color: #fff0f0; }

/* Literal.String.Backtick */
.highlight .sc { color: #dd2200; background-color: #fff0f0; }

/* Literal.String.Char */
.highlight .sd { color: #dd2200; background-color: #fff0f0; }

/* Literal.String.Doc */
.highlight .s2 { color: #dd2200; background-color: #fff0f0; }

/* Literal.String.Double */
.highlight .se { color: #0044dd; background-color: #fff0f0; }

/* Literal.String.Escape */
.highlight .sh { color: #dd2200; background-color: #fff0f0; }

/* Literal.String.Heredoc */
.highlight .si { color: #3333bb; background-color: #fff0f0; }

/* Literal.String.Interpol */
.highlight .sx { color: #22bb22; background-color: #f0fff0; }

/* Literal.String.Other */
.highlight .sr { color: #008800; background-color: #fff0ff; }

/* Literal.String.Regex */
.highlight .s1 { color: #dd2200; background-color: #fff0f0; }

/* Literal.String.Single */
.highlight .ss { color: #aa6600; background-color: #fff0f0; }

/* Literal.String.Symbol */
.highlight .bp { color: #003388; }

/* Name.Builtin.Pseudo */
.highlight .vc { color: #336699; }

/* Name.Variable.Class */
.highlight .vg { color: #dd7700; }

/* Name.Variable.Global */
.highlight .vi { color: #3333bb; }

/* Name.Variable.Instance */
.highlight .il { color: #0000DD; font-weight: bold; }

/* Literal.Number.Integer.Long */
.tasks-list .tasks-item { display: flex; align-content: stretch; overflow: hidden; transition: all 0.3s; margin-bottom: 8px; }

.tasks-list .tasks-item:first-child { border-radius: 15px 15px 0 0; margin-top: 0; }

.tasks-list .tasks-item:last-child { border-radius: 0 0 15px 15px; }

.tasks-list .tasks-item:last-child:first-child { border-radius: 15px; }

.tasks-list .tasks-item .tasks-item-wrapper { display: flex; flex-grow: 1; overflow: hidden; }

.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; display: flex; align-items: center; justify-content: center; 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; max-width: 100%; }

.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: linear-gradient(90deg, #abf2ff, #fff9d1); }

.tasks-list .tasks-item.tasks-item-difficulty-1 .tasks-item-description { width: 100%; color: #00252c; }

.tasks-list .tasks-item.tasks-item-difficulty-1 .tasks-item-description a { text-decoration: underline; display: inline-block; padding: 0 0.25em; background-color: #d1f840; }

.tasks-list .tasks-item.tasks-item-difficulty-1 .tasks-item-description ul li { color: black; }

.tasks-list .tasks-item.tasks-item-difficulty-1 .tasks-item-description blockquote { background-color: #b5f4ff; font-style: normal; margin-bottom: 0; border-left-color: #0091ab; color: black; padding: 1em; font-size: 1em; }

.tasks-list .tasks-item.tasks-item-difficulty-1 .tasks-item-description img { box-shadow: 0 0 20px white; }

.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: #78ebff; 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: #92efff; color: black; }

.tasks-list .tasks-item.tasks-item-difficulty-1:hover .tasks-item-index { background-color: rgba(255, 255, 255, 0.25); }

.tasks-list .tasks-item.tasks-item-difficulty-1 .tasks-item-index { background: rgba(255, 255, 255, 0.5); }

.tasks-list .tasks-item.tasks-item-difficulty-1 .tasks-item-index .index-label { color: #003b45; border-color: #abf2ff; background-color: white; }

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

.tasks-list .tasks-item.tasks-item-difficulty-1 .task-item-students .task-item-student .task-item-student-group { color: black; }

.tasks-list .tasks-item.tasks-item-difficulty-2 { background: linear-gradient(90deg, #ffc9d9, #ffe58b); }

.tasks-list .tasks-item.tasks-item-difficulty-2 .tasks-item-description { width: 100%; color: #4a0015; }

.tasks-list .tasks-item.tasks-item-difficulty-2 .tasks-item-description a { text-decoration: underline; display: inline-block; padding: 0 0.25em; background-color: #ffd824; }

.tasks-list .tasks-item.tasks-item-difficulty-2 .tasks-item-description ul li { color: #170006; }

.tasks-list .tasks-item.tasks-item-difficulty-2 .tasks-item-description blockquote { background-color: #ffd3e0; font-style: normal; margin-bottom: 0; border-left-color: #c9003a; color: black; padding: 1em; font-size: 1em; }

.tasks-list .tasks-item.tasks-item-difficulty-2 .tasks-item-description img { box-shadow: 0 0 20px white; }

.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: #ff96b4; 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: #ffb0c6; color: black; }

.tasks-list .tasks-item.tasks-item-difficulty-2:hover .tasks-item-index { background-color: rgba(255, 255, 255, 0.25); }

.tasks-list .tasks-item.tasks-item-difficulty-2 .tasks-item-index { background: rgba(255, 255, 255, 0.5); }

.tasks-list .tasks-item.tasks-item-difficulty-2 .tasks-item-index .index-label { color: #63001d; border-color: #ffc9d9; background-color: white; }

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

.tasks-list .tasks-item.tasks-item-difficulty-2 .task-item-students .task-item-student .task-item-student-group { color: #170006; }

.tasks-list .tasks-item.tasks-item-difficulty-3 { background: linear-gradient(90deg, #c9efff, #ffe58b); }

.tasks-list .tasks-item.tasks-item-difficulty-3 .tasks-item-description { width: 100%; color: #00334a; }

.tasks-list .tasks-item.tasks-item-difficulty-3 .tasks-item-description a { text-decoration: underline; display: inline-block; padding: 0 0.25em; background-color: #d8f340; }

.tasks-list .tasks-item.tasks-item-difficulty-3 .tasks-item-description ul li { color: #001017; }

.tasks-list .tasks-item.tasks-item-difficulty-3 .tasks-item-description blockquote { background-color: #d3f2ff; font-style: normal; margin-bottom: 0; border-left-color: #008cc9; color: black; padding: 1em; font-size: 1em; }

.tasks-list .tasks-item.tasks-item-difficulty-3 .tasks-item-description img { box-shadow: 0 0 20px white; }

.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: #96dfff; 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: #b0e7ff; color: black; }

.tasks-list .tasks-item.tasks-item-difficulty-3:hover .tasks-item-index { background-color: rgba(255, 255, 255, 0.25); }

.tasks-list .tasks-item.tasks-item-difficulty-3 .tasks-item-index { background: rgba(255, 255, 255, 0.5); }

.tasks-list .tasks-item.tasks-item-difficulty-3 .tasks-item-index .index-label { color: #004563; border-color: #c9efff; background-color: white; }

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

.tasks-list .tasks-item.tasks-item-difficulty-3 .task-item-students .task-item-student .task-item-student-group { color: #001017; }

.tasks-list .tasks-item.tasks-item-difficulty-any { background: linear-gradient(90deg, white, white); background: linear-gradient(90deg, #e8ff96, #ffeea4, #ffdcc2); }

.tasks-list .tasks-item.tasks-item-difficulty-any .tasks-item-description { width: 100%; 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 .tasks-item-description blockquote { background-color: white; font-style: normal; margin-bottom: 0; border-left-color: #ff8429; color: black; padding: 1em; font-size: 1em; }

.tasks-list .tasks-item.tasks-item-difficulty-any .tasks-item-description img { box-shadow: 0 0 20px white; }

.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 .tasks-item-index { background-color: rgba(255, 255, 255, 0.25); }

.tasks-list .tasks-item.tasks-item-difficulty-any .tasks-item-index { background: rgba(255, 255, 255, 0.5); }

.tasks-list .tasks-item.tasks-item-difficulty-any .tasks-item-index .index-label { color: #c25300; border-color: white; background-color: white; }

.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; }

@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: 4rem; background-color: white; box-shadow: 0 0 8px white; }

.task-layout-wrapper { display: grid; grid-template-columns: 300px 1fr; column-gap: 1rem; }

@media (max-width: 768px) { .task-layout-wrapper { grid-template-columns: 1fr; } }

.post-list-heading { font-size: 1.5rem; 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; }

.labs-recommendations .labs-recommendations-lab { margin: 0 -0.25em; }

.labs-recommendations .labs-recommendations-lab:nth-child(1) .labs-recommendations-lab--item { color: black; border-radius: 0.25rem; font-size: 1.5em; display: inline-block; background-color: #ff719a; box-shadow: 0 0 4px #ff719a; margin: 0.25em; padding: 0.25rem 0.5rem; transition: all .3s; }

.labs-recommendations .labs-recommendations-lab:nth-child(1) .labs-recommendations-lab--item:hover { text-decoration: none; background-color: #ff3e76; box-shadow: 0 0 0 4px #ff719a; }

.labs-recommendations .labs-recommendations-lab:nth-child(2) .labs-recommendations-lab--item { color: black; border-radius: 0.25rem; font-size: 1.5em; display: inline-block; background-color: #10c7ff; box-shadow: 0 0 4px #10c7ff; margin: 0.25em; padding: 0.25rem 0.5rem; transition: all .3s; }

.labs-recommendations .labs-recommendations-lab:nth-child(2) .labs-recommendations-lab--item:hover { text-decoration: none; background-color: #00a8dc; box-shadow: 0 0 0 4px #10c7ff; }

.labs-recommendations .labs-recommendations-lab:nth-child(3) .labs-recommendations-lab--item { color: black; border-radius: 0.25rem; font-size: 1.5em; display: inline-block; background-color: #07d0dc; box-shadow: 0 0 4px #07d0dc; margin: 0.25em; padding: 0.25rem 0.5rem; transition: all .3s; }

.labs-recommendations .labs-recommendations-lab:nth-child(3) .labs-recommendations-lab--item:hover { text-decoration: none; background-color: #05a1ab; box-shadow: 0 0 0 4px #07d0dc; }

.labs-recommendations .labs-recommendations-lab:nth-child(4) .labs-recommendations-lab--item { color: white; border-radius: 0.25rem; font-size: 1.5em; display: inline-block; background-color: #003b6c; box-shadow: 0 0 4px #003b6c; margin: 0.25em; padding: 0.25rem 0.5rem; transition: all .3s; }

.labs-recommendations .labs-recommendations-lab:nth-child(4) .labs-recommendations-lab--item:hover { text-decoration: none; background-color: #001f39; box-shadow: 0 0 0 4px #003b6c; }

.labs-recommendations .labs-recommendations-lab:nth-child(5) .labs-recommendations-lab--item { color: white; border-radius: 0.25rem; font-size: 1.5em; display: inline-block; background-color: #2496ED; box-shadow: 0 0 4px #2496ED; margin: 0.25em; padding: 0.25rem 0.5rem; transition: all .3s; }

.labs-recommendations .labs-recommendations-lab:nth-child(5) .labs-recommendations-lab--item:hover { text-decoration: none; background-color: #117ccd; box-shadow: 0 0 0 4px #2496ED; }

.labs-recommendations .labs-recommendations-lab:nth-child(6) .labs-recommendations-lab--item { color: white; border-radius: 0.25rem; font-size: 1.5em; display: inline-block; background-color: #b4086d; box-shadow: 0 0 4px #b4086d; margin: 0.25em; padding: 0.25rem 0.5rem; transition: all .3s; }

.labs-recommendations .labs-recommendations-lab:nth-child(6) .labs-recommendations-lab--item:hover { text-decoration: none; background-color: #83064f; box-shadow: 0 0 0 4px #b4086d; }

.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; }

.home-page-links a:nth-child(14) { color: #00c7e6; }

.home-page-links a:nth-child(14):hover { background: linear-gradient(90deg, #b3f5ff, white); color: #009bb3; }

.home-page-links a:nth-child(15) { color: #0073e6; }

.home-page-links a:nth-child(15):hover { background: linear-gradient(90deg, #b3d9ff, white); color: #0059b3; }

.home-page-links a:nth-child(16) { color: #001fe6; }

.home-page-links a:nth-child(16):hover { background: linear-gradient(90deg, #b3bdff, white); color: #0018b3; }

.home-page-links a:nth-child(17) { color: #3600e6; }

.home-page-links a:nth-child(17):hover { background: linear-gradient(90deg, #c4b3ff, white); color: #2a00b3; }

.home-page-links a:nth-child(18) { color: #8a00e6; }

.home-page-links a:nth-child(18):hover { background: linear-gradient(90deg, #e0b3ff, white); color: #6b00b3; }

.home-page-links a:nth-child(19) { color: #de00e6; }

.home-page-links a:nth-child(19):hover { background: linear-gradient(90deg, #fcb3ff, white); color: #ad00b3; }

.home-page-links a:nth-child(20) { color: #e60099; }

.home-page-links a:nth-child(20):hover { background: linear-gradient(90deg, #ffb3e6, white); color: #b30077; }

.home-page-links a:nth-child(21) { color: #e60045; }

.home-page-links a:nth-child(21):hover { background: linear-gradient(90deg, #ffb3c9, white); color: #b30036; }

.home-page-links a:nth-child(22) { color: #e60f00; }

.home-page-links a:nth-child(22):hover { background: linear-gradient(90deg, #ffb8b3, white); color: #b30c00; }

.home-page-links a:nth-child(23) { color: #e66300; }

.home-page-links a:nth-child(23):hover { background: linear-gradient(90deg, #ffd4b3, white); color: #b34d00; }

.home-page-links a:nth-child(24) { color: #e6b800; }

.home-page-links a:nth-child(24):hover { background: linear-gradient(90deg, #fff0b3, white); color: #b38f00; }

.home-page-links a:nth-child(25) { color: #bfe600; }

.home-page-links a:nth-child(25):hover { background: linear-gradient(90deg, #f2ffb3, white); color: #95b300; }

.home-page-links a:nth-child(26) { color: #6be600; }

.home-page-links a:nth-child(26):hover { background: linear-gradient(90deg, #d6ffb3, white); color: #53b300; }

.home-page-links a:nth-child(27) { color: #17e600; }

.home-page-links a:nth-child(27):hover { background: linear-gradient(90deg, #baffb3, white); color: #12b300; }

.home-page-links a:nth-child(28) { color: #00e63d; }

.home-page-links a:nth-child(28):hover { background: linear-gradient(90deg, #b3ffc7, white); color: #00b330; }

.home-page-links a:nth-child(29) { color: #00e691; }

.home-page-links a:nth-child(29):hover { background: linear-gradient(90deg, #b3ffe3, white); color: #00b371; }

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

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

.lab-description a { background-color: #fff85f; text-decoration: underline; transition: all .3s; }

.lab-description a:hover { background-color: #fffbad; }

.nav-pills { margin: 0.5em 0; }

.nav-pills .nav-link { color: white; font-weight: bold; }

.nav-pills .nav-link:nth-child(1) { color: #0e9077; }

.nav-pills .nav-link.active:nth-child(1) { text-shadow: 0 0 1px #073b4a; background: linear-gradient(90deg, #12bf9e, #12b5bf); color: white; }

.nav-pills .nav-link:nth-child(2) { color: #0e8990; }

.nav-pills .nav-link.active:nth-child(2) { text-shadow: 0 0 1px #072a4a; background: linear-gradient(90deg, #12b5bf, #128abf); color: white; }

.nav-pills .nav-link:nth-child(3) { color: #0e6890; }

.nav-pills .nav-link.active:nth-child(3) { text-shadow: 0 0 1px #071a4a; background: linear-gradient(90deg, #128abf, #125ebf); color: white; }

.nav-pills .nav-link:nth-child(4) { color: #0e4790; }

.nav-pills .nav-link.active:nth-child(4) { text-shadow: 0 0 1px #07094a; background: linear-gradient(90deg, #125ebf, #1233bf); color: white; }

.nav-pills .nav-link:nth-child(5) { color: #0e2790; }

.nav-pills .nav-link.active:nth-child(5) { text-shadow: 0 0 1px #16074a; background: linear-gradient(90deg, #1233bf, #1c12bf); color: white; }

.nav-pills .nav-link:nth-child(6) { color: #150e90; }

.nav-pills .nav-link.active:nth-child(6) { text-shadow: 0 0 1px #27074a; background: linear-gradient(90deg, #1c12bf, #4812bf); color: white; }

.nav-pills .nav-link:nth-child(7) { color: #360e90; }

.nav-pills .nav-link.active:nth-child(7) { text-shadow: 0 0 1px #38074a; background: linear-gradient(90deg, #4812bf, #7312bf); color: white; }

.nav-pills .nav-link:nth-child(8) { color: #570e90; }

.nav-pills .nav-link.active:nth-child(8) { text-shadow: 0 0 1px #49074a; background: linear-gradient(90deg, #7312bf, #9e12bf); color: white; }

.nav-pills .nav-link:nth-child(9) { color: #770e90; }

.nav-pills .nav-link.active:nth-child(9) { text-shadow: 0 0 1px #4a073b; background: linear-gradient(90deg, #9e12bf, #bf12b5); 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; }

.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; }

.navbar.navbar-light { background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(2px); }

.navbar.navbar-light .navbar-brand { background: white; text-decoration: none; color: black; padding: 0.25em 1em; border-radius: 0.5em; font-weight: bold; }

.navbar .navbar-collapse { max-width: 100%; flex-grow: 1; overflow: hidden; }

.navbar .navbar-nav { max-width: 100%; }

.navbar .navbar-nav .nav-item { overflow: hidden; flex-grow: 1; }

.navbar .navbar-nav .nav-item .nav-link { display: flex; align-items: center; height: 100%; padding: 0 0.25rem; text-decoration: none; }

.navbar .navbar-nav .nav-item .nav-link > span { max-width: 100%; display: inline-block; padding: 0.25rem 0.5rem; transition: all .2s; border-radius: 4px; color: black; background: rgba(255, 255, 255, 0.7); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.navbar .navbar-nav .nav-item:nth-child(1) .nav-link.active > span, .navbar .navbar-nav .nav-item:nth-child(1) .nav-link:hover > span { background: linear-gradient(135deg, #ffbed0, #ffd250); }

.navbar .navbar-nav .nav-item:nth-child(1) .nav-link.active > span:hover { background: linear-gradient(135deg, #ff719a, #ffbf03); }

.navbar .navbar-nav .nav-item:nth-child(2) .nav-link.active > span, .navbar .navbar-nav .nav-item:nth-child(2) .nav-link:hover > span { background: linear-gradient(135deg, #5dd9ff, #d5b8ff); }

.navbar .navbar-nav .nav-item:nth-child(2) .nav-link.active > span:hover { background: linear-gradient(135deg, #10c7ff, #a96bff); }

.navbar .navbar-nav .nav-item:nth-child(3) .nav-link.active > span, .navbar .navbar-nav .nav-item:nth-child(3) .nav-link:hover > span { background: linear-gradient(135deg, #37eef9, #d3d2ff); }

.navbar .navbar-nav .nav-item:nth-child(3) .nav-link.active > span:hover { background: linear-gradient(135deg, #07d0dc, #8885ff); }

.navbar .navbar-nav .nav-item:nth-child(4) .nav-link.active > span, .navbar .navbar-nav .nav-item:nth-child(4) .nav-link:hover > span { background: linear-gradient(135deg, #0065b9, #ff6e97); }

.navbar .navbar-nav .nav-item:nth-child(4) .nav-link.active > span:hover { background: linear-gradient(135deg, #003b6c, #ff2161); }

.navbar .navbar-nav .nav-item:nth-child(5) .nav-link.active > span, .navbar .navbar-nav .nav-item:nth-child(5) .nav-link:hover > span { background: linear-gradient(135deg, #6bb8f3, #ffe3fd); }

.navbar .navbar-nav .nav-item:nth-child(5) .nav-link.active > span:hover { background: linear-gradient(135deg, #2496ED, #ff96f9); }

.navbar .navbar-nav .nav-item:nth-child(6) .nav-link.active > span, .navbar .navbar-nav .nav-item:nth-child(6) .nav-link:hover > span { background: linear-gradient(135deg, #f51498, #ff8056); }

.navbar .navbar-nav .nav-item:nth-child(6) .nav-link.active > span:hover { background: linear-gradient(135deg, #b4086d, #ff4609); }

.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: black; 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, #003b6c, #ff2161); transition: all .3s; color: white; overflow: hidden; border-radius: 1em; box-shadow: 0 0 0 6px #0065b9; text-decoration: none; margin-bottom: 20px; max-width: 100%; }

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

.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(0, 59, 108, 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: #ed0044; font-size: 1em; color: white; flex-shrink: 0; border-radius: 1em; display: flex; align-items: center; justify-content: center; border: 4px solid #ed0044; }

.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: #001f39; width: 50px; height: 50px; flex-shrink: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 4px solid #001f39; }

.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: black; }

.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, #2496ED, #ff96f9); transition: all .3s; color: white; overflow: hidden; border-radius: 1em; box-shadow: 0 0 0 6px #6bb8f3; text-decoration: none; margin-bottom: 20px; max-width: 100%; }

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

.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(36, 150, 237, 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: #ff63f6; font-size: 1em; color: white; flex-shrink: 0; border-radius: 1em; display: flex; align-items: center; justify-content: center; border: 4px solid #ff63f6; }

.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: #117ccd; width: 50px; height: 50px; flex-shrink: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 4px solid #117ccd; }

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

.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, #b4086d, #ff4609); transition: all .3s; color: white; overflow: hidden; border-radius: 1em; box-shadow: 0 0 0 6px #f51498; text-decoration: none; margin-bottom: 20px; max-width: 100%; }

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

.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(180, 8, 109, 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: #d53500; font-size: 1em; color: white; flex-shrink: 0; border-radius: 1em; display: flex; align-items: center; justify-content: center; border: 4px solid #d53500; }

.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: #83064f; width: 50px; height: 50px; flex-shrink: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 4px solid #83064f; }

.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; }

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

.lab-cards .lab-card.lab-card-warning:hover { box-shadow: 0 0 0 10px #ff4d67; }

.lab-cards .lab-card.lab-card-warning:hover .lab-card-header .lab-card-index { background-color: white; }

.lab-cards .lab-card.lab-card-warning .waves { z-index: 1; position: absolute; width: 100%; height: 100%; min-height: 100px; max-height: 150px; }

.lab-cards .lab-card.lab-card-warning .waves .wave { fill: rgba(212, 1, 68, 0.5); }

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

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

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

.lab-cards .lab-card.lab-card-warning .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-warning .lab-card-content { margin-top: 0.5rem; color: black; }

.lab-cards .lab-card.lab-card-warning .lab-card-content ul { margin-bottom: 0; }

.lab-cards .lab-card.lab-card-warning .lab-card-content p { margin: 0; }

.lab-cards .lab-card.lab-card-warning .lab-card-header { justify-content: center; text-align: center; }

.lab-cards .lab-card.lab-card-warning .lab-card-header .lab-card-title { color: white; white-space: normal; }

.description img { box-shadow: 0 0 8px #c6c6c6; margin: 0 0 1em 0; }

@media (max-width: 600px) { h1 { font-size: 1.75em; } .post-list-heading { font-size: 1.5em; } main.container { padding: 4em 0 0; } main.container > h2, main.container > h1 { padding: 1rem; } main.container #toc { padding: 0 1em; } main.container .nav.nav-pills { padding: 0 0.5em; } main.container .page-content-wrapper { padding: 1em; } main.container .tasks-item { margin: 0.25em; } main.container .description { padding: 1em; } }

@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; } }

@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: #a4b486; }

.table-wrapper:nth-child(1) .progress-table-header-group th { color: #a26700; text-shadow: 0 0 4px white; background: linear-gradient(90deg, #ffc155, #49a7b6); }

.table-wrapper:nth-child(1) .progress-table-header-students { border-bottom: 4px solid #ee9700; }

.table-wrapper:nth-child(1) .progress-table-header-students th { color: #a26700; }

.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: #090500; background-color: #fae2b7 !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(1) { background-color: #fdc300; color: #ffffff; }

.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: 1924ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(2) { color: #090500; background-color: #f4deb3 !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(2) { background-color: #fbc700; color: #ffffff; }

.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: 1891ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(3) { color: #090500; background-color: #eddab0 !important; }

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

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

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

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

.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: 1595ms; }

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

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

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

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

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

.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: 671ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(5) { color: #090500; background-color: #dfd2ab !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(5) { background-color: #f5d200; color: #ffffff; }

.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: 738ms; }

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

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

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

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

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

.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: 544ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(7) { color: #090500; background-color: #cec9a8 !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(7) { background-color: #f2da00; color: #ffffff; }

.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: 315ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(8) { color: #090500; background-color: #c5c5a7 !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(8) { background-color: #f0de00; color: #ffffff; }

.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: 1220ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(9) { color: #090500; background-color: #bec2a8 !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(9) { background-color: #eee200; color: #ffffff; }

.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: 870ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(10) { color: #090500; background-color: #b6bfa8 !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(10) { background-color: #ece500; color: #ffffff; }

.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: 880ms; }

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

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

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

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

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

.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: 1843ms; }

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

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

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

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

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

.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: 201ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(13) { color: #090500; background-color: #97b5a8 !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(13) { background-color: #e6f100; color: #ffffff; }

.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: 1192ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(14) { color: #090500; background-color: #89b2ab !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(14) { background-color: #e4f500; color: #ffffff; }

.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: 1488ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(15) { color: #090500; background-color: #78b2b0 !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(15) { background-color: #e2f900; color: #ffffff; }

.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: 116ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(16) { color: #090500; background-color: #67b1b8 !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(16) { background-color: #e0fc00; color: #ffffff; }

.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: 849ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(17) { color: #090500; background-color: #5bb0bd !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(17) { background-color: #dfff00; color: #ffffff; }

.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: 1865ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(18) { color: #090500; background-color: #5bb0bd !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(18) { background-color: #dfff00; color: #ffffff; }

.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: 778ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(19) { color: #090500; background-color: #5bb0bd !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(19) { background-color: #dfff00; color: #ffffff; }

.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: 1112ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(20) { color: #090500; background-color: #5bb0bd !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(20) { background-color: #dfff00; color: #ffffff; }

.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: 1417ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(21) { color: #090500; background-color: #5bb0bd !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(21) { background-color: #dfff00; color: #ffffff; }

.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: 1591ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(22) { color: #090500; background-color: #5bb0bd !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(22) { background-color: #dfff00; color: #ffffff; }

.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: 861ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(23) { color: #090500; background-color: #5bb0bd !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(23) { background-color: #dfff00; color: #ffffff; }

.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: 716ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(24) { color: #090500; background-color: #5bb0bd !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(24) { background-color: #dfff00; color: #ffffff; }

.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: 1510ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(25) { color: #090500; background-color: #5bb0bd !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(25) { background-color: #dfff00; color: #ffffff; }

.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: 1055ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(26) { color: #090500; background-color: #5bb0bd !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(26) { background-color: #dfff00; color: #ffffff; }

.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: 1544ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(27) { color: #090500; background-color: #5bb0bd !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(27) { background-color: #dfff00; color: #ffffff; }

.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: 1471ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(28) { color: #090500; background-color: #5bb0bd !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(28) { background-color: #dfff00; color: #ffffff; }

.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: 1229ms; }

.table-wrapper:nth-child(1) .progress-table-header-students th:nth-child(29) { color: #090500; background-color: #5bb0bd !important; }

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

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

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

.table-wrapper:nth-child(1) .progress-table-header-students th.done-5:nth-child(29) { background-color: #dfff00; color: #ffffff; }

.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: 1982ms; }

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

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

.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: #ffffff; 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: #f4deb3; }

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

.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: #ffffff; 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: #eddab0; }

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

.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: #ffffff; 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: #e6d6ad; }

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

.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: #ffffff; 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: #dfd2ab; }

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

.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: #ffffff; 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: #d7cea9; }

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

.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: #ffffff; 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: #cec9a8; }

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

.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: #ffffff; 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: #c5c5a7; }

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

.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: #ffffff; 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: #bec2a8; }

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

.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: #ffffff; 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: #b6bfa8; }

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

.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: #ffffff; 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: #aebcaa; }

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

.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: #ffffff; 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: #a4b8a9; }

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

.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: #ffffff; 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: #97b5a8; }

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

.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: #ffffff; 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: #89b2ab; }

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

.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: #ffffff; 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: #78b2b0; }

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

.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: #ffffff; 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: #67b1b8; }

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

.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: #ffffff; 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: #5bb0bd; }

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

.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: #ffffff; 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: #5bb0bd; }

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

.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: #ffffff; 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: #5bb0bd; }

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

.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: #ffffff; 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: #5bb0bd; }

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

.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: #ffffff; 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: #5bb0bd; }

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

.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: #ffffff; 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: #5bb0bd; }

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

.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: #ffffff; 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: #5bb0bd; }

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

.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: #ffffff; 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: #5bb0bd; }

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

.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: #ffffff; 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: #5bb0bd; }

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

.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: #ffffff; 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: #5bb0bd; }

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

.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: #ffffff; 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: #5bb0bd; }

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

.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: #ffffff; 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: #5bb0bd; }

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

.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: #ffffff; 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: #5bb0bd; }

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

.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: #ffffff; 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: white; }

.subtasks-modal .modal-content { background: linear-gradient(90deg, #ffb0c6, #ffe58b); }

.subtasks-modal .modal-header { border-bottom: none; }

.subtasks-modal .modal-footer { border-top: none; }

.subtasks-modal .modal-body { display: grid; grid-gap: 0.5em; }

.subtasks-modal .subtask-item { border-radius: 0.5em; overflow: hidden; background-color: rgba(255, 255, 255, 0.5); display: flex; }

.subtasks-modal .subtask-item .subtask-item--index { display: flex; align-items: center; justify-content: center; width: 40px; background-color: rgba(255, 255, 255, 0.5); }

.subtasks-modal .subtask-item .subtask-item--content { padding: 0.5em 1em; flex-grow: 1; }

.subtasks-modal .subtask-item .subtask-item--content p { margin-bottom: 0; }

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