/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.site-header {
  background-color: whitesmoke;
  border-bottom: 1px solid white;
  box-shadow: 0 1px #c4cccc;
  height: 140px;
  margin-bottom: 25px;
  padding: 10px;
  position: relative; }
  .site-header a.logo {
    float: left;
    margin: 8px 40px; }
  .site-header a.logo img {
    height: 102px;
    width: 103px; }
  .site-header h1 {
    font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-top: 35px;
    text-shadow: 1px 1px white; }
  .site-header h2 {
    margin-top: 10px; }
  .site-header nav {
    color: #223344;
    font-weight: bold;
    position: absolute;
    right: 50px;
    bottom: 10px; }
  .site-header nav li {
    border-left: 2px solid #223344;
    display: inline;
    padding: 0 6px 0 10px; }
  .site-header nav li:first-child {
    border-left: none; }
  .site-header nav li a {
    color: #1a1a1a;
    font-size: 15px; }
  .site-header nav li a:hover {
    text-decoration: underline; }
  .site-header .site-menu-button {
    display: none; }
  @media (max-width: 700px) {
    .site-header {
      height: 50px; }
      .site-header a.logo {
        display: none; }
      .site-header .tip-of-the-day {
        display: none; }
      .site-header h1 {
        font-size: 18px;
        margin-top: 7px;
        text-align: center; }
      .site-header nav,
      .site-header h2 {
        display: none; }
      .site-header > .site-menu-button {
        background: none;
        border: none;
        color: black;
        display: block;
        font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
        font-size: 27px;
        height: 46px;
        left: 2px;
        line-height: 46px;
        padding: 0;
        position: absolute;
        top: 2px;
        width: 50px; }
        .site-header > .site-menu-button:hover, .site-header > .site-menu-button:active, .site-header > .site-menu-button:focus {
          outline: none; } }

.tip-of-the-day a {
  background-color: #f0f0f0;
  border-radius: 0 0 6px 6px;
  color: black;
  display: block;
  float: right;
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  margin-top: -10px;
  padding: 10px 15px 12px;
  text-decoration: none;
  width: 400px; }
.tip-of-the-day a:hover {
  background-color: #3371a3;
  color: white;
  text-decoration: none; }

.flash.error,
.flash.alert {
  background-color: #ffdddd;
  background-image: url(/assets/icons/error-4f12aaa5b568553978aed1b5a88fc5df.png);
  background-position: 15px 15px;
  background-repeat: no-repeat;
  border: 1px solid #ff5555;
  margin-bottom: 20px;
  padding: 15px 40px; }

.flash.notice {
  background-color: #ddffdd;
  background-image: url(/assets/icons/tick-d027387bc44faceca9b99c20e37230af.png);
  background-position: 15px 15px;
  background-repeat: no-repeat;
  border: 1px solid #55ff55;
  margin-bottom: 20px;
  padding: 15px 40px; }

.site-menu ul li {
  margin: 4px 0; }
  .site-menu ul li a {
    background-color: whitesmoke;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    color: black;
    display: block;
    font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
    padding-bottom: 12px;
    padding-left: 30px;
    padding-top: 10px;
    text-decoration: none;
    width: 100%; }
    .site-menu ul li a:hover {
      background-color: #3371a3;
      color: white;
      text-decoration: none; }

.mobile-menu {
  background-color: whitesmoke;
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0; }
  .mobile-menu .logo {
    margin-right: 50px;
    margin-top: 15px;
    text-align: center; }
  .mobile-menu .logo a {
    display: inline-block; }
  .mobile-menu .logo img {
    height: 50px;
    width: 50px; }
  .mobile-menu ul {
    margin-right: 50px;
    padding-left: 25px; }
  .mobile-menu ul a {
    color: #1a1a1a;
    display: block;
    font-size: 17px;
    padding: 11px; }

.site-content {
  background-color: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  position: relative;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  z-index: 1; }

.site-content-overlay {
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000; }

body.mobile-menu-open .site-content,
body.mobile-menu-open .site-content-overlay {
  -webkit-transform: translateX(calc(100% - 65px)) scale(0.9);
  transform: translateX(calc(100% - 65px)) scale(0.9); }
body.mobile-menu-open .site-content {
  overflow: hidden; }
body.mobile-menu-open .site-content-overlay {
  display: block; }

@media (max-width: 700px) {
  html,
  body {
    height: 100%;
    overflow: hidden; }

  .mobile-menu {
    display: block; }

  .mobile-menu,
  .site-content {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; } }
body {
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 15px;
  line-height: 19px; }

* {
  box-sizing: border-box; }

a {
  color: #1341a3;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

p {
  margin: 1.5em 0; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

abbr {
  border-bottom: 1px dotted #c4cccc; }

table.data-table {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  table.data-table > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  table.data-table > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  table.data-table > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  table.data-table > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  table.data-table caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  table.data-table thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  table.data-table th, table.data-table td {
    padding: 8px 16px;
    vertical-align: middle; }
  table.data-table tr:nth-child(even) {
    background-color: #fafafa; }
  table.data-table tr:hover {
    background-color: whitesmoke; }
  table.data-table td.no-records {
    text-align: center; }
  table.data-table tr.hidden {
    opacity: 0.3; }
  table.data-table tr.active > td:first-child a {
    border-left: 3px solid green; }
  table.data-table tr.warning > td:first-child a {
    border-left: 3px solid orange; }

.main h1 {
  color: #1a1a1a;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  margin-bottom: 1em; }

.action {
  background-color: whitesmoke;
  border-radius: 4px;
  border: none;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 8px 16px;
  text-align: center; }
  .action:hover {
    background-color: #3371a3;
    color: white;
    text-decoration: none; }
  @media (max-width: 700px) {
    .action {
      display: block;
      margin-top: 5px;
      padding: 13px 16px;
      width: 100%; } }

.action.primary {
  background-color: whitesmoke;
  border-radius: 4px;
  border: none;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 8px 16px;
  text-align: center;
  background-color: #3371a3;
  color: white; }
  .action.primary:hover {
    background-color: #3371a3;
    color: white;
    text-decoration: none; }
  @media (max-width: 700px) {
    .action.primary {
      display: block;
      margin-top: 5px;
      padding: 13px 16px;
      width: 100%; } }
  .action.primary:hover {
    background-color: #27567c;
    text-decoration: none; }

.no-records,
.requires-authentication {
  color: #999999;
  font-style: italic; }

.pagination {
  margin-bottom: 1em;
  text-align: center; }
  .pagination span,
  .pagination em,
  .pagination a {
    background-color: whitesmoke;
    border-radius: 4px;
    border: none;
    color: black;
    cursor: pointer;
    display: inline-block;
    font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding: 8px 16px;
    text-align: center;
    margin: 2px; }
    .pagination span:hover,
    .pagination em:hover,
    .pagination a:hover {
      background-color: #3371a3;
      color: white;
      text-decoration: none; }
    @media (max-width: 700px) {
      .pagination span,
      .pagination em,
      .pagination a {
        display: block;
        margin-top: 5px;
        padding: 13px 16px;
        width: 100%; } }
  .pagination .current {
    background-color: whitesmoke;
    border-radius: 4px;
    border: none;
    color: black;
    cursor: pointer;
    display: inline-block;
    font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding: 8px 16px;
    text-align: center;
    background-color: #3371a3;
    color: white;
    cursor: default; }
    .pagination .current:hover {
      background-color: #3371a3;
      color: white;
      text-decoration: none; }
    @media (max-width: 700px) {
      .pagination .current {
        display: block;
        margin-top: 5px;
        padding: 13px 16px;
        width: 100%; } }
    .pagination .current:hover {
      background-color: #27567c;
      text-decoration: none; }
  .pagination .disabled {
    display: none; }
  .pagination em {
    color: #FF8000;
    font-weight: bold;
    font-style: normal; }

#home-page h1 {
  color: #1a1a1a;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  margin: 1em 0; }
#home-page h1:first-of-type {
  margin-top: 0; }
#home-page h2 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 22px;
  margin: 1.75em 0 1em; }
#home-page h3 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 18px;
  margin: 2em 0 1em; }
#home-page p:first-child {
  margin-top: 0; }
#home-page ul, #home-page ol {
  margin: 10px 0 10px 30px; }
#home-page li {
  margin: 2px 0; }
#home-page ul > li {
  list-style: circle; }
#home-page ul > li > ul > li {
  list-style: square; }
#home-page ol > li {
  list-style: decimal; }
#home-page pre {
  font-family: monospace;
  font-size: 13px; }
#home-page pre > code {
  display: block;
  overflow-x: auto; }
#home-page code {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  border: 1px solid #cccccc;
  font-family: monospace;
  font-size: 13px;
  padding: 1px 2px; }
  #home-page code .copy-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: #f6f8fa;
    border: 1px solid rgba(27, 31, 36, 0.15);
    border-radius: 6px;
    box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
    padding: 5px 10px; }
    #home-page code .copy-button:hover {
      background-color: #f3f4f6; }
    #home-page code .copy-button.small {
      background-color: transparent;
      padding: 0;
      border: 0;
      top: 2px;
      right: 2px; }
  #home-page code:hover .copy-button {
    display: block; }
#home-page blockquote {
  font-style: italic;
  padding-left: 20px; }
#home-page img.emoji {
  width: 20px;
  height: 20px;
  vertical-align: middle; }
#home-page table:not(.highlighter) {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  #home-page table:not(.highlighter) > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  #home-page table:not(.highlighter) > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  #home-page table:not(.highlighter) > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  #home-page table:not(.highlighter) > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  #home-page table:not(.highlighter) caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  #home-page table:not(.highlighter) thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  #home-page table:not(.highlighter) th, #home-page table:not(.highlighter) td {
    padding: 8px 16px;
    vertical-align: middle; }
  #home-page table:not(.highlighter) tr:nth-child(even) {
    background-color: #fafafa; }
  #home-page table:not(.highlighter) tr:hover {
    background-color: whitesmoke; }
  #home-page table:not(.highlighter) td.no-records {
    text-align: center; }
  #home-page table:not(.highlighter) tr.hidden {
    opacity: 0.3; }
  #home-page table:not(.highlighter) tr.active > td:first-child a {
    border-left: 3px solid green; }
  #home-page table:not(.highlighter) tr.warning > td:first-child a {
    border-left: 3px solid orange; }
#home-page ul.item-list {
  margin: 0;
  margin-top: 10px; }
  #home-page ul.item-list > li {
    list-style: none;
    max-width: 1000px;
    padding: 10px 15px; }
    #home-page ul.item-list > li:hover {
      background-color: whitesmoke; }
    #home-page ul.item-list > li a:hover {
      text-decoration: none; }
    #home-page ul.item-list > li .right {
      float: right; }
    #home-page ul.item-list > li.active {
      background-color: whitesmoke; }
    #home-page ul.item-list > li:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    #home-page ul.item-list > li:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    #home-page ul.item-list > li::after {
      display: block;
      content: ' ';
      clear: both; }

.site-columns::after {
  display: block;
  content: ' ';
  clear: both; }
.site-columns .site-menu {
  float: left;
  width: 220px; }
.site-columns #container {
  float: right;
  margin-right: 30px;
  margin-top: 10px;
  width: calc(100% - 280px); }
@media (max-width: 700px) {
  .site-columns .site-menu {
    display: none; }
  .site-columns #container {
    width: 100%;
    margin: 0;
    padding: 0 10px; } }

.site-footer {
  border-top: 1px solid #dfe4e4;
  clear: both;
  color: #666;
  font-size: 13px;
  margin-top: 30px;
  padding: 15px; }

.wrap-at-newlines {
  white-space: pre-line; }

.simple_form > div, .simple_form fieldset > div {
  margin: 10px 0; }
.simple_form legend {
  color: #3371a3;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0; }
.simple_form label {
  display: block;
  padding: 0 0 5px 0; }
.simple_form label abbr {
  display: none; }
.simple_form .boolean label {
  display: inline; }
.simple_form input.string,
.simple_form input.password {
  border: 1px solid #c4cccc;
  font-size: 18px;
  padding: 5px;
  margin: 2px 0; }
.simple_form textarea {
  border: 1px solid #c4cccc;
  font-size: 15px;
  padding: 5px;
  margin: 2px 0;
  width: 100%;
  height: 200px; }
.simple_form input.string,
.simple_form input.password {
  width: 280px; }
.simple_form div.input {
  margin: 1em 0; }
.simple_form .input.radio_buttons span,
.simple_form .input.check_boxes span {
  display: inline-block; }
.simple_form .input.radio_buttons span label,
.simple_form .input.check_boxes span label {
  display: inline-block;
  margin: 0 3ex 0 1ex; }
.simple_form .error,
.simple_form .hint {
  line-height: 35px;
  margin-left: 10px;
  vertical-align: top; }
.simple_form .hint {
  color: #888888;
  font-style: italic; }
.simple_form .error_notification {
  background-color: red;
  color: white;
  padding: 10px 20px; }
.simple_form .field_with_errors input.string,
.simple_form .field_with_errors input.password,
.simple_form .field_with_errors textarea {
  border-color: red; }
.simple_form .field_with_errors .error {
  color: red; }
.simple_form .field_with_errors .hint {
  display: none; }
.simple_form .text .error {
  display: block; }
.simple_form input[name*=faculty_number] {
  width: 80px; }
.simple_form textarea[name*=body] {
  width: 100%;
  height: 200px; }
@media (max-width: 700px) {
  .simple_form input.string,
  .simple_form input.password,
  .simple_form input[type=submit] {
    width: 100%; } }
.simple_form input[type=button] {
  background-color: whitesmoke;
  border-radius: 4px;
  border: none;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 8px 16px;
  text-align: center; }
  .simple_form input[type=button]:hover {
    background-color: #3371a3;
    color: white;
    text-decoration: none; }
  @media (max-width: 700px) {
    .simple_form input[type=button] {
      display: block;
      margin-top: 5px;
      padding: 13px 16px;
      width: 100%; } }
.simple_form input[type=submit] {
  background-color: whitesmoke;
  border-radius: 4px;
  border: none;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 8px 16px;
  text-align: center;
  background-color: #3371a3;
  color: white; }
  .simple_form input[type=submit]:hover {
    background-color: #3371a3;
    color: white;
    text-decoration: none; }
  @media (max-width: 700px) {
    .simple_form input[type=submit] {
      display: block;
      margin-top: 5px;
      padding: 13px 16px;
      width: 100%; } }
  .simple_form input[type=submit]:hover {
    background-color: #27567c;
    text-decoration: none; }
.simple_form .contribution-preview {
  margin-top: 5px;
  padding: 20px;
  border: 1px solid #dfdfdf;
  overflow: hidden; }
  .simple_form .contribution-preview code {
    background-color: #f8f8ff;
    color: #444;
    padding: 1px 3px;
    border: 1px solid #dedede;
    border-radius: 2px; }
  .simple_form .contribution-preview pre code {
    display: block;
    overflow-x: auto; }
  .simple_form .contribution-preview h1 {
    color: #1a1a1a;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
    font-size: 24px;
    line-height: 28.8px;
    margin: 1em 0; }
  .simple_form .contribution-preview h1:first-of-type {
    margin-top: 0; }
  .simple_form .contribution-preview h2 {
    color: #3371a3;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
    font-size: 22px;
    margin: 1.75em 0 1em; }
  .simple_form .contribution-preview h3 {
    color: #3371a3;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
    font-size: 18px;
    margin: 2em 0 1em; }
  .simple_form .contribution-preview p:first-child {
    margin-top: 0; }
  .simple_form .contribution-preview ul, .simple_form .contribution-preview ol {
    margin: 10px 0 10px 30px; }
  .simple_form .contribution-preview li {
    margin: 2px 0; }
  .simple_form .contribution-preview ul > li {
    list-style: circle; }
  .simple_form .contribution-preview ul > li > ul > li {
    list-style: square; }
  .simple_form .contribution-preview ol > li {
    list-style: decimal; }
  .simple_form .contribution-preview pre {
    font-family: monospace;
    font-size: 13px; }
  .simple_form .contribution-preview pre > code {
    display: block;
    overflow-x: auto; }
  .simple_form .contribution-preview code {
    position: relative;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    border: 1px solid #cccccc;
    font-family: monospace;
    font-size: 13px;
    padding: 1px 2px; }
    .simple_form .contribution-preview code .copy-button {
      display: none;
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer;
      background-color: #f6f8fa;
      border: 1px solid rgba(27, 31, 36, 0.15);
      border-radius: 6px;
      box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
      padding: 5px 10px; }
      .simple_form .contribution-preview code .copy-button:hover {
        background-color: #f3f4f6; }
      .simple_form .contribution-preview code .copy-button.small {
        background-color: transparent;
        padding: 0;
        border: 0;
        top: 2px;
        right: 2px; }
    .simple_form .contribution-preview code:hover .copy-button {
      display: block; }
  .simple_form .contribution-preview blockquote {
    font-style: italic;
    padding-left: 20px; }
  .simple_form .contribution-preview img.emoji {
    width: 20px;
    height: 20px;
    vertical-align: middle; }
  .simple_form .contribution-preview table:not(.highlighter) {
    border-collapse: separate;
    border-spacing: 1px;
    margin: 20px 0;
    width: 100%; }
    .simple_form .contribution-preview table:not(.highlighter) > thead > tr > th:first-child {
      border-top-left-radius: 5px; }
    .simple_form .contribution-preview table:not(.highlighter) > thead > tr > th:last-child {
      border-top-right-radius: 5px; }
    .simple_form .contribution-preview table:not(.highlighter) > tbody > tr:last-child > td:first-child {
      border-bottom-left-radius: 5px; }
    .simple_form .contribution-preview table:not(.highlighter) > tbody > tr:last-child > td:last-child {
      border-bottom-right-radius: 5px; }
    .simple_form .contribution-preview table:not(.highlighter) caption {
      color: #3371a3;
      font-size: 18px;
      font-weight: bold;
      padding: 10px 0;
      text-align: left; }
    .simple_form .contribution-preview table:not(.highlighter) thead th {
      background-color: #3371a3;
      color: white;
      font-weight: bold;
      text-align: left; }
    .simple_form .contribution-preview table:not(.highlighter) th, .simple_form .contribution-preview table:not(.highlighter) td {
      padding: 8px 16px;
      vertical-align: middle; }
    .simple_form .contribution-preview table:not(.highlighter) tr:nth-child(even) {
      background-color: #fafafa; }
    .simple_form .contribution-preview table:not(.highlighter) tr:hover {
      background-color: whitesmoke; }
    .simple_form .contribution-preview table:not(.highlighter) td.no-records {
      text-align: center; }
    .simple_form .contribution-preview table:not(.highlighter) tr.hidden {
      opacity: 0.3; }
    .simple_form .contribution-preview table:not(.highlighter) tr.active > td:first-child a {
      border-left: 3px solid green; }
    .simple_form .contribution-preview table:not(.highlighter) tr.warning > td:first-child a {
      border-left: 3px solid orange; }
  .simple_form .contribution-preview ul.item-list {
    margin: 0;
    margin-top: 10px; }
    .simple_form .contribution-preview ul.item-list > li {
      list-style: none;
      max-width: 1000px;
      padding: 10px 15px; }
      .simple_form .contribution-preview ul.item-list > li:hover {
        background-color: whitesmoke; }
      .simple_form .contribution-preview ul.item-list > li a:hover {
        text-decoration: none; }
      .simple_form .contribution-preview ul.item-list > li .right {
        float: right; }
      .simple_form .contribution-preview ul.item-list > li.active {
        background-color: whitesmoke; }
      .simple_form .contribution-preview ul.item-list > li:first-child {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px; }
      .simple_form .contribution-preview ul.item-list > li:last-child {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px; }
      .simple_form .contribution-preview ul.item-list > li::after {
        display: block;
        content: ' ';
        clear: both; }
  .simple_form .contribution-preview:empty {
    display: none; }
  .simple_form .contribution-preview p:first-child {
    margin-top: 0; }
  .simple_form .contribution-preview p:last-child {
    margin-bottom: 0; }

ol.topic > li {
  border-radius: 5px; }
  ol.topic > li {
    margin: 5px 0;
    overflow: hidden;
    padding: 20px; }
  ol.topic > li:nth-child(even) {
    background-color: whitesmoke; }
  ol.topic > li.starred {
    background-color: #fffdd0; }
  ol.topic > li aside {
    float: right;
    margin-bottom: 10px;
    margin-left: 12px; }
  ol.topic > li aside a {
    display: block;
    text-align: center; }
  ol.topic > li aside img {
    display: inline-block; }
  ol.topic > li .body h1 {
    color: #1a1a1a;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
    font-size: 24px;
    line-height: 28.8px;
    margin: 1em 0; }
  ol.topic > li .body h1:first-of-type {
    margin-top: 0; }
  ol.topic > li .body h2 {
    color: #3371a3;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
    font-size: 22px;
    margin: 1.75em 0 1em; }
  ol.topic > li .body h3 {
    color: #3371a3;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
    font-size: 18px;
    margin: 2em 0 1em; }
  ol.topic > li .body p:first-child {
    margin-top: 0; }
  ol.topic > li .body ul, ol.topic > li .body ol {
    margin: 10px 0 10px 30px; }
  ol.topic > li .body li {
    margin: 2px 0; }
  ol.topic > li .body ul > li {
    list-style: circle; }
  ol.topic > li .body ul > li > ul > li {
    list-style: square; }
  ol.topic > li .body ol > li {
    list-style: decimal; }
  ol.topic > li .body pre {
    font-family: monospace;
    font-size: 13px; }
  ol.topic > li .body pre > code {
    display: block;
    overflow-x: auto; }
  ol.topic > li .body code {
    position: relative;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    border: 1px solid #cccccc;
    font-family: monospace;
    font-size: 13px;
    padding: 1px 2px; }
    ol.topic > li .body code .copy-button {
      display: none;
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer;
      background-color: #f6f8fa;
      border: 1px solid rgba(27, 31, 36, 0.15);
      border-radius: 6px;
      box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
      padding: 5px 10px; }
      ol.topic > li .body code .copy-button:hover {
        background-color: #f3f4f6; }
      ol.topic > li .body code .copy-button.small {
        background-color: transparent;
        padding: 0;
        border: 0;
        top: 2px;
        right: 2px; }
    ol.topic > li .body code:hover .copy-button {
      display: block; }
  ol.topic > li .body blockquote {
    font-style: italic;
    padding-left: 20px; }
  ol.topic > li .body img.emoji {
    width: 20px;
    height: 20px;
    vertical-align: middle; }
  ol.topic > li .body table:not(.highlighter) {
    border-collapse: separate;
    border-spacing: 1px;
    margin: 20px 0;
    width: 100%; }
    ol.topic > li .body table:not(.highlighter) > thead > tr > th:first-child {
      border-top-left-radius: 5px; }
    ol.topic > li .body table:not(.highlighter) > thead > tr > th:last-child {
      border-top-right-radius: 5px; }
    ol.topic > li .body table:not(.highlighter) > tbody > tr:last-child > td:first-child {
      border-bottom-left-radius: 5px; }
    ol.topic > li .body table:not(.highlighter) > tbody > tr:last-child > td:last-child {
      border-bottom-right-radius: 5px; }
    ol.topic > li .body table:not(.highlighter) caption {
      color: #3371a3;
      font-size: 18px;
      font-weight: bold;
      padding: 10px 0;
      text-align: left; }
    ol.topic > li .body table:not(.highlighter) thead th {
      background-color: #3371a3;
      color: white;
      font-weight: bold;
      text-align: left; }
    ol.topic > li .body table:not(.highlighter) th, ol.topic > li .body table:not(.highlighter) td {
      padding: 8px 16px;
      vertical-align: middle; }
    ol.topic > li .body table:not(.highlighter) tr:nth-child(even) {
      background-color: #fafafa; }
    ol.topic > li .body table:not(.highlighter) tr:hover {
      background-color: whitesmoke; }
    ol.topic > li .body table:not(.highlighter) td.no-records {
      text-align: center; }
    ol.topic > li .body table:not(.highlighter) tr.hidden {
      opacity: 0.3; }
    ol.topic > li .body table:not(.highlighter) tr.active > td:first-child a {
      border-left: 3px solid green; }
    ol.topic > li .body table:not(.highlighter) tr.warning > td:first-child a {
      border-left: 3px solid orange; }
  ol.topic > li .body ul.item-list {
    margin: 0;
    margin-top: 10px; }
    ol.topic > li .body ul.item-list > li {
      list-style: none;
      max-width: 1000px;
      padding: 10px 15px; }
      ol.topic > li .body ul.item-list > li:hover {
        background-color: whitesmoke; }
      ol.topic > li .body ul.item-list > li a:hover {
        text-decoration: none; }
      ol.topic > li .body ul.item-list > li .right {
        float: right; }
      ol.topic > li .body ul.item-list > li.active {
        background-color: whitesmoke; }
      ol.topic > li .body ul.item-list > li:first-child {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px; }
      ol.topic > li .body ul.item-list > li:last-child {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px; }
      ol.topic > li .body ul.item-list > li::after {
        display: block;
        content: ' ';
        clear: both; }
  ol.topic > li .published-at {
    border-top: 1px solid #dfe4e4;
    color: #666;
    font-size: 13px;
    padding-top: 5px; }
  ol.topic > li .body,
  ol.topic > li .published-at {
    margin-right: 200px; }
  @media (max-width: 700px) {
    ol.topic > li .body,
    ol.topic > li .published-at {
      margin-right: 0; }
    ol.topic > li img.avatar {
      width: 90px; }
    ol.topic > li aside a {
      font-size: 11px; } }
  ol.topic > li a.permalink {
    color: #666;
    text-decoration: none; }
    ol.topic > li a.permalink:hover {
      color: #1341a3; }
  ol.topic > li code {
    background-color: #f8f8ff;
    color: #444;
    padding: 1px 3px;
    border: 1px solid #dedede;
    border-radius: 2px; }
  ol.topic > li pre code {
    display: block;
    overflow-x: auto; }
  ol.topic > li a[data-toggle-star=star],
  ol.topic > li a[data-toggle-star=unstar] {
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 20px; }
  ol.topic > li a[data-toggle-star=star] {
    background-image: url(/assets/icons/star-6a165cfee749baf4b4935a0d79fe88c9.png); }
  ol.topic > li a[data-toggle-star=unstar] {
    background-image: url(/assets/icons/unstar-e3947c5382de72f866b550c1707cfc4c.png); }
ol.topic .body p:first-child {
  margin-top: 0; }

table.topics {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  table.topics > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  table.topics > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  table.topics > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  table.topics > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  table.topics caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  table.topics thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  table.topics th, table.topics td {
    padding: 8px 16px;
    vertical-align: middle; }
  table.topics tr:nth-child(even) {
    background-color: #fafafa; }
  table.topics tr:hover {
    background-color: whitesmoke; }
  table.topics td.no-records {
    text-align: center; }
  table.topics tr.hidden {
    opacity: 0.3; }
  table.topics tr.active > td:first-child a {
    border-left: 3px solid green; }
  table.topics tr.warning > td:first-child a {
    border-left: 3px solid orange; }
  table.topics td.title {
    padding: 0; }
    table.topics td.title a {
      display: block;
      padding: 17px; }
    table.topics td.title a:hover {
      text-decoration: none; }
  table.topics td.last-reply {
    font-size: 13px; }
  table.topics time {
    display: block; }
  @media (max-width: 700px) {
    table.topics .reply-count {
      display: none; } }

.new-reply h1 {
  color: #1a1a1a;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  margin: 1em 0; }
.new-reply h1:first-of-type {
  margin-top: 0; }
.new-reply h2 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 22px;
  margin: 1.75em 0 1em; }
.new-reply h3 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 18px;
  margin: 2em 0 1em; }
.new-reply p:first-child {
  margin-top: 0; }
.new-reply ul, .new-reply ol {
  margin: 10px 0 10px 30px; }
.new-reply li {
  margin: 2px 0; }
.new-reply ul > li {
  list-style: circle; }
.new-reply ul > li > ul > li {
  list-style: square; }
.new-reply ol > li {
  list-style: decimal; }
.new-reply pre {
  font-family: monospace;
  font-size: 13px; }
.new-reply pre > code {
  display: block;
  overflow-x: auto; }
.new-reply code {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  border: 1px solid #cccccc;
  font-family: monospace;
  font-size: 13px;
  padding: 1px 2px; }
  .new-reply code .copy-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: #f6f8fa;
    border: 1px solid rgba(27, 31, 36, 0.15);
    border-radius: 6px;
    box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
    padding: 5px 10px; }
    .new-reply code .copy-button:hover {
      background-color: #f3f4f6; }
    .new-reply code .copy-button.small {
      background-color: transparent;
      padding: 0;
      border: 0;
      top: 2px;
      right: 2px; }
  .new-reply code:hover .copy-button {
    display: block; }
.new-reply blockquote {
  font-style: italic;
  padding-left: 20px; }
.new-reply img.emoji {
  width: 20px;
  height: 20px;
  vertical-align: middle; }
.new-reply table:not(.highlighter) {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  .new-reply table:not(.highlighter) > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  .new-reply table:not(.highlighter) > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  .new-reply table:not(.highlighter) > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  .new-reply table:not(.highlighter) > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  .new-reply table:not(.highlighter) caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  .new-reply table:not(.highlighter) thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  .new-reply table:not(.highlighter) th, .new-reply table:not(.highlighter) td {
    padding: 8px 16px;
    vertical-align: middle; }
  .new-reply table:not(.highlighter) tr:nth-child(even) {
    background-color: #fafafa; }
  .new-reply table:not(.highlighter) tr:hover {
    background-color: whitesmoke; }
  .new-reply table:not(.highlighter) td.no-records {
    text-align: center; }
  .new-reply table:not(.highlighter) tr.hidden {
    opacity: 0.3; }
  .new-reply table:not(.highlighter) tr.active > td:first-child a {
    border-left: 3px solid green; }
  .new-reply table:not(.highlighter) tr.warning > td:first-child a {
    border-left: 3px solid orange; }
.new-reply ul.item-list {
  margin: 0;
  margin-top: 10px; }
  .new-reply ul.item-list > li {
    list-style: none;
    max-width: 1000px;
    padding: 10px 15px; }
    .new-reply ul.item-list > li:hover {
      background-color: whitesmoke; }
    .new-reply ul.item-list > li a:hover {
      text-decoration: none; }
    .new-reply ul.item-list > li .right {
      float: right; }
    .new-reply ul.item-list > li.active {
      background-color: whitesmoke; }
    .new-reply ul.item-list > li:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    .new-reply ul.item-list > li:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    .new-reply ul.item-list > li::after {
      display: block;
      content: ' ';
      clear: both; }

p.markdown-explanation {
  color: #999;
  font-style: italic;
  max-width: 650px; }

ul.users {
  margin: 0 auto;
  max-width: 1000px; }
  ul.users li {
    float: left;
    margin: 10px;
    padding: 10px;
    width: 178px; }
    ul.users li a {
      display: block;
      text-align: center; }
    ul.users li a:hover {
      text-decoration: none; }
    ul.users li img {
      display: block;
      margin-bottom: 5px;
      width: 100%; }
    ul.users li .name {
      height: 40px; }
    ul.users li:hover {
      background-color: whitesmoke;
      border-radius: 5px; }
  @media (max-width: 440px) {
    ul.users li {
      width: calc(50% - 20px); } }
  @media (min-width: 441px) and (max-width: 700px) {
    ul.users li {
      width: calc(33% - 20px); } }
  ul.users::after {
    display: block;
    content: ' ';
    clear: both; }

#user-page .faculty-number {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 18px; }
#user-page dl {
  overflow: hidden; }
#user-page dl dt {
  display: block;
  float: left;
  font-weight: bold;
  width: 100px; }
#user-page dl dt:first-child {
  margin-top: 5px; }
#user-page dl dd {
  clear: right;
  margin: 5px 0; }
#user-page .attributions h1, #user-page .posts h1, #user-page .tasks h1, #user-page .challenges h1 {
  color: #1a1a1a;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  margin: 1em 0; }
#user-page .attributions h1:first-of-type, #user-page .posts h1:first-of-type, #user-page .tasks h1:first-of-type, #user-page .challenges h1:first-of-type {
  margin-top: 0; }
#user-page .attributions h2, #user-page .posts h2, #user-page .tasks h2, #user-page .challenges h2 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 22px;
  margin: 1.75em 0 1em; }
#user-page .attributions h3, #user-page .posts h3, #user-page .tasks h3, #user-page .challenges h3 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 18px;
  margin: 2em 0 1em; }
#user-page .attributions p:first-child, #user-page .posts p:first-child, #user-page .tasks p:first-child, #user-page .challenges p:first-child {
  margin-top: 0; }
#user-page .attributions ul, #user-page .attributions ol, #user-page .posts ul, #user-page .posts ol, #user-page .tasks ul, #user-page .tasks ol, #user-page .challenges ul, #user-page .challenges ol {
  margin: 10px 0 10px 30px; }
#user-page .attributions li, #user-page .posts li, #user-page .tasks li, #user-page .challenges li {
  margin: 2px 0; }
#user-page .attributions ul > li, #user-page .posts ul > li, #user-page .tasks ul > li, #user-page .challenges ul > li {
  list-style: circle; }
#user-page .attributions ul > li > ul > li, #user-page .posts ul > li > ul > li, #user-page .tasks ul > li > ul > li, #user-page .challenges ul > li > ul > li {
  list-style: square; }
#user-page .attributions ol > li, #user-page .posts ol > li, #user-page .tasks ol > li, #user-page .challenges ol > li {
  list-style: decimal; }
#user-page .attributions pre, #user-page .posts pre, #user-page .tasks pre, #user-page .challenges pre {
  font-family: monospace;
  font-size: 13px; }
#user-page .attributions pre > code, #user-page .posts pre > code, #user-page .tasks pre > code, #user-page .challenges pre > code {
  display: block;
  overflow-x: auto; }
#user-page .attributions code, #user-page .posts code, #user-page .tasks code, #user-page .challenges code {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  border: 1px solid #cccccc;
  font-family: monospace;
  font-size: 13px;
  padding: 1px 2px; }
  #user-page .attributions code .copy-button, #user-page .posts code .copy-button, #user-page .tasks code .copy-button, #user-page .challenges code .copy-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: #f6f8fa;
    border: 1px solid rgba(27, 31, 36, 0.15);
    border-radius: 6px;
    box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
    padding: 5px 10px; }
    #user-page .attributions code .copy-button:hover, #user-page .posts code .copy-button:hover, #user-page .tasks code .copy-button:hover, #user-page .challenges code .copy-button:hover {
      background-color: #f3f4f6; }
    #user-page .attributions code .copy-button.small, #user-page .posts code .copy-button.small, #user-page .tasks code .copy-button.small, #user-page .challenges code .copy-button.small {
      background-color: transparent;
      padding: 0;
      border: 0;
      top: 2px;
      right: 2px; }
  #user-page .attributions code:hover .copy-button, #user-page .posts code:hover .copy-button, #user-page .tasks code:hover .copy-button, #user-page .challenges code:hover .copy-button {
    display: block; }
#user-page .attributions blockquote, #user-page .posts blockquote, #user-page .tasks blockquote, #user-page .challenges blockquote {
  font-style: italic;
  padding-left: 20px; }
#user-page .attributions img.emoji, #user-page .posts img.emoji, #user-page .tasks img.emoji, #user-page .challenges img.emoji {
  width: 20px;
  height: 20px;
  vertical-align: middle; }
#user-page .attributions table:not(.highlighter), #user-page .posts table:not(.highlighter), #user-page .tasks table:not(.highlighter), #user-page .challenges table:not(.highlighter) {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  #user-page .attributions table:not(.highlighter) > thead > tr > th:first-child, #user-page .posts table:not(.highlighter) > thead > tr > th:first-child, #user-page .tasks table:not(.highlighter) > thead > tr > th:first-child, #user-page .challenges table:not(.highlighter) > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  #user-page .attributions table:not(.highlighter) > thead > tr > th:last-child, #user-page .posts table:not(.highlighter) > thead > tr > th:last-child, #user-page .tasks table:not(.highlighter) > thead > tr > th:last-child, #user-page .challenges table:not(.highlighter) > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  #user-page .attributions table:not(.highlighter) > tbody > tr:last-child > td:first-child, #user-page .posts table:not(.highlighter) > tbody > tr:last-child > td:first-child, #user-page .tasks table:not(.highlighter) > tbody > tr:last-child > td:first-child, #user-page .challenges table:not(.highlighter) > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  #user-page .attributions table:not(.highlighter) > tbody > tr:last-child > td:last-child, #user-page .posts table:not(.highlighter) > tbody > tr:last-child > td:last-child, #user-page .tasks table:not(.highlighter) > tbody > tr:last-child > td:last-child, #user-page .challenges table:not(.highlighter) > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  #user-page .attributions table:not(.highlighter) caption, #user-page .posts table:not(.highlighter) caption, #user-page .tasks table:not(.highlighter) caption, #user-page .challenges table:not(.highlighter) caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  #user-page .attributions table:not(.highlighter) thead th, #user-page .posts table:not(.highlighter) thead th, #user-page .tasks table:not(.highlighter) thead th, #user-page .challenges table:not(.highlighter) thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  #user-page .attributions table:not(.highlighter) th, #user-page .attributions table:not(.highlighter) td, #user-page .posts table:not(.highlighter) th, #user-page .posts table:not(.highlighter) td, #user-page .tasks table:not(.highlighter) th, #user-page .tasks table:not(.highlighter) td, #user-page .challenges table:not(.highlighter) th, #user-page .challenges table:not(.highlighter) td {
    padding: 8px 16px;
    vertical-align: middle; }
  #user-page .attributions table:not(.highlighter) tr:nth-child(even), #user-page .posts table:not(.highlighter) tr:nth-child(even), #user-page .tasks table:not(.highlighter) tr:nth-child(even), #user-page .challenges table:not(.highlighter) tr:nth-child(even) {
    background-color: #fafafa; }
  #user-page .attributions table:not(.highlighter) tr:hover, #user-page .posts table:not(.highlighter) tr:hover, #user-page .tasks table:not(.highlighter) tr:hover, #user-page .challenges table:not(.highlighter) tr:hover {
    background-color: whitesmoke; }
  #user-page .attributions table:not(.highlighter) td.no-records, #user-page .posts table:not(.highlighter) td.no-records, #user-page .tasks table:not(.highlighter) td.no-records, #user-page .challenges table:not(.highlighter) td.no-records {
    text-align: center; }
  #user-page .attributions table:not(.highlighter) tr.hidden, #user-page .posts table:not(.highlighter) tr.hidden, #user-page .tasks table:not(.highlighter) tr.hidden, #user-page .challenges table:not(.highlighter) tr.hidden {
    opacity: 0.3; }
  #user-page .attributions table:not(.highlighter) tr.active > td:first-child a, #user-page .posts table:not(.highlighter) tr.active > td:first-child a, #user-page .tasks table:not(.highlighter) tr.active > td:first-child a, #user-page .challenges table:not(.highlighter) tr.active > td:first-child a {
    border-left: 3px solid green; }
  #user-page .attributions table:not(.highlighter) tr.warning > td:first-child a, #user-page .posts table:not(.highlighter) tr.warning > td:first-child a, #user-page .tasks table:not(.highlighter) tr.warning > td:first-child a, #user-page .challenges table:not(.highlighter) tr.warning > td:first-child a {
    border-left: 3px solid orange; }
#user-page .attributions ul.item-list, #user-page .posts ul.item-list, #user-page .tasks ul.item-list, #user-page .challenges ul.item-list {
  margin: 0;
  margin-top: 10px; }
  #user-page .attributions ul.item-list > li, #user-page .posts ul.item-list > li, #user-page .tasks ul.item-list > li, #user-page .challenges ul.item-list > li {
    list-style: none;
    max-width: 1000px;
    padding: 10px 15px; }
    #user-page .attributions ul.item-list > li:hover, #user-page .posts ul.item-list > li:hover, #user-page .tasks ul.item-list > li:hover, #user-page .challenges ul.item-list > li:hover {
      background-color: whitesmoke; }
    #user-page .attributions ul.item-list > li a:hover, #user-page .posts ul.item-list > li a:hover, #user-page .tasks ul.item-list > li a:hover, #user-page .challenges ul.item-list > li a:hover {
      text-decoration: none; }
    #user-page .attributions ul.item-list > li .right, #user-page .posts ul.item-list > li .right, #user-page .tasks ul.item-list > li .right, #user-page .challenges ul.item-list > li .right {
      float: right; }
    #user-page .attributions ul.item-list > li.active, #user-page .posts ul.item-list > li.active, #user-page .tasks ul.item-list > li.active, #user-page .challenges ul.item-list > li.active {
      background-color: whitesmoke; }
    #user-page .attributions ul.item-list > li:first-child, #user-page .posts ul.item-list > li:first-child, #user-page .tasks ul.item-list > li:first-child, #user-page .challenges ul.item-list > li:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    #user-page .attributions ul.item-list > li:last-child, #user-page .posts ul.item-list > li:last-child, #user-page .tasks ul.item-list > li:last-child, #user-page .challenges ul.item-list > li:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    #user-page .attributions ul.item-list > li::after, #user-page .posts ul.item-list > li::after, #user-page .tasks ul.item-list > li::after, #user-page .challenges ul.item-list > li::after {
      display: block;
      content: ' ';
      clear: both; }

.avatar {
  border: 4px solid transparent;
  border-radius: 10px; }
  .avatar.admin {
    border-color: #fffa83; }

#dashboard h1 {
  color: #1a1a1a;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  margin: 1em 0; }
#dashboard h1:first-of-type {
  margin-top: 0; }
#dashboard h2 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 22px;
  margin: 1.75em 0 1em; }
#dashboard h3 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 18px;
  margin: 2em 0 1em; }
#dashboard p:first-child {
  margin-top: 0; }
#dashboard ul, #dashboard ol {
  margin: 10px 0 10px 30px; }
#dashboard li {
  margin: 2px 0; }
#dashboard ul > li {
  list-style: circle; }
#dashboard ul > li > ul > li {
  list-style: square; }
#dashboard ol > li {
  list-style: decimal; }
#dashboard pre {
  font-family: monospace;
  font-size: 13px; }
#dashboard pre > code {
  display: block;
  overflow-x: auto; }
#dashboard code {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  border: 1px solid #cccccc;
  font-family: monospace;
  font-size: 13px;
  padding: 1px 2px; }
  #dashboard code .copy-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: #f6f8fa;
    border: 1px solid rgba(27, 31, 36, 0.15);
    border-radius: 6px;
    box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
    padding: 5px 10px; }
    #dashboard code .copy-button:hover {
      background-color: #f3f4f6; }
    #dashboard code .copy-button.small {
      background-color: transparent;
      padding: 0;
      border: 0;
      top: 2px;
      right: 2px; }
  #dashboard code:hover .copy-button {
    display: block; }
#dashboard blockquote {
  font-style: italic;
  padding-left: 20px; }
#dashboard img.emoji {
  width: 20px;
  height: 20px;
  vertical-align: middle; }
#dashboard table:not(.highlighter) {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  #dashboard table:not(.highlighter) > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  #dashboard table:not(.highlighter) > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  #dashboard table:not(.highlighter) > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  #dashboard table:not(.highlighter) > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  #dashboard table:not(.highlighter) caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  #dashboard table:not(.highlighter) thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  #dashboard table:not(.highlighter) th, #dashboard table:not(.highlighter) td {
    padding: 8px 16px;
    vertical-align: middle; }
  #dashboard table:not(.highlighter) tr:nth-child(even) {
    background-color: #fafafa; }
  #dashboard table:not(.highlighter) tr:hover {
    background-color: whitesmoke; }
  #dashboard table:not(.highlighter) td.no-records {
    text-align: center; }
  #dashboard table:not(.highlighter) tr.hidden {
    opacity: 0.3; }
  #dashboard table:not(.highlighter) tr.active > td:first-child a {
    border-left: 3px solid green; }
  #dashboard table:not(.highlighter) tr.warning > td:first-child a {
    border-left: 3px solid orange; }
#dashboard ul.item-list {
  margin: 0;
  margin-top: 10px; }
  #dashboard ul.item-list > li {
    list-style: none;
    max-width: 1000px;
    padding: 10px 15px; }
    #dashboard ul.item-list > li:hover {
      background-color: whitesmoke; }
    #dashboard ul.item-list > li a:hover {
      text-decoration: none; }
    #dashboard ul.item-list > li .right {
      float: right; }
    #dashboard ul.item-list > li.active {
      background-color: whitesmoke; }
    #dashboard ul.item-list > li:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    #dashboard ul.item-list > li:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    #dashboard ul.item-list > li::after {
      display: block;
      content: ' ';
      clear: both; }
#dashboard .points {
  border-radius: 5px;
  border: 1px solid #dfe4e4;
  float: right;
  margin-left: 30px;
  width: 120px; }
#dashboard .points h2 {
  display: none; }
#dashboard .points p {
  text-align: center; }
#dashboard .points strong {
  color: #008833;
  display: block;
  font-size: 50px;
  line-height: 50px;
  margin-top: 5px; }
#dashboard .points em {
  display: block;
  margin-top: 5px;
  text-align: center; }

form#new_user .forgotten-password {
  margin-left: 10px; }

#announcements article.announcement .published-at, #announcement article.announcement .published-at {
  color: #888888;
  font-size: 13px;
  margin-top: 5px; }

#announcements h1 {
  color: #1a1a1a;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  margin: 1em 0; }
#announcements h1:first-of-type {
  margin-top: 0; }
#announcements h2 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 22px;
  margin: 1.75em 0 1em; }
#announcements h3 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 18px;
  margin: 2em 0 1em; }
#announcements p:first-child {
  margin-top: 0; }
#announcements ul, #announcements ol {
  margin: 10px 0 10px 30px; }
#announcements li {
  margin: 2px 0; }
#announcements ul > li {
  list-style: circle; }
#announcements ul > li > ul > li {
  list-style: square; }
#announcements ol > li {
  list-style: decimal; }
#announcements pre {
  font-family: monospace;
  font-size: 13px; }
#announcements pre > code {
  display: block;
  overflow-x: auto; }
#announcements code {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  border: 1px solid #cccccc;
  font-family: monospace;
  font-size: 13px;
  padding: 1px 2px; }
  #announcements code .copy-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: #f6f8fa;
    border: 1px solid rgba(27, 31, 36, 0.15);
    border-radius: 6px;
    box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
    padding: 5px 10px; }
    #announcements code .copy-button:hover {
      background-color: #f3f4f6; }
    #announcements code .copy-button.small {
      background-color: transparent;
      padding: 0;
      border: 0;
      top: 2px;
      right: 2px; }
  #announcements code:hover .copy-button {
    display: block; }
#announcements blockquote {
  font-style: italic;
  padding-left: 20px; }
#announcements img.emoji {
  width: 20px;
  height: 20px;
  vertical-align: middle; }
#announcements table:not(.highlighter) {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  #announcements table:not(.highlighter) > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  #announcements table:not(.highlighter) > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  #announcements table:not(.highlighter) > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  #announcements table:not(.highlighter) > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  #announcements table:not(.highlighter) caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  #announcements table:not(.highlighter) thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  #announcements table:not(.highlighter) th, #announcements table:not(.highlighter) td {
    padding: 8px 16px;
    vertical-align: middle; }
  #announcements table:not(.highlighter) tr:nth-child(even) {
    background-color: #fafafa; }
  #announcements table:not(.highlighter) tr:hover {
    background-color: whitesmoke; }
  #announcements table:not(.highlighter) td.no-records {
    text-align: center; }
  #announcements table:not(.highlighter) tr.hidden {
    opacity: 0.3; }
  #announcements table:not(.highlighter) tr.active > td:first-child a {
    border-left: 3px solid green; }
  #announcements table:not(.highlighter) tr.warning > td:first-child a {
    border-left: 3px solid orange; }
#announcements ul.item-list {
  margin: 0;
  margin-top: 10px; }
  #announcements ul.item-list > li {
    list-style: none;
    max-width: 1000px;
    padding: 10px 15px; }
    #announcements ul.item-list > li:hover {
      background-color: whitesmoke; }
    #announcements ul.item-list > li a:hover {
      text-decoration: none; }
    #announcements ul.item-list > li .right {
      float: right; }
    #announcements ul.item-list > li.active {
      background-color: whitesmoke; }
    #announcements ul.item-list > li:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    #announcements ul.item-list > li:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    #announcements ul.item-list > li::after {
      display: block;
      content: ' ';
      clear: both; }
#announcements article.announcement {
  margin: 30px 0 30px 0; }
  #announcements article.announcement h2 {
    margin-bottom: 0; }
  #announcements article.announcement h2 a {
    color: #3371a3;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
    font-size: 22px; }

#announcement h1 {
  color: #1a1a1a;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  margin: 1em 0; }
#announcement h1:first-of-type {
  margin-top: 0; }
#announcement h2 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 22px;
  margin: 1.75em 0 1em; }
#announcement h3 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 18px;
  margin: 2em 0 1em; }
#announcement p:first-child {
  margin-top: 0; }
#announcement ul, #announcement ol {
  margin: 10px 0 10px 30px; }
#announcement li {
  margin: 2px 0; }
#announcement ul > li {
  list-style: circle; }
#announcement ul > li > ul > li {
  list-style: square; }
#announcement ol > li {
  list-style: decimal; }
#announcement pre {
  font-family: monospace;
  font-size: 13px; }
#announcement pre > code {
  display: block;
  overflow-x: auto; }
#announcement code {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  border: 1px solid #cccccc;
  font-family: monospace;
  font-size: 13px;
  padding: 1px 2px; }
  #announcement code .copy-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: #f6f8fa;
    border: 1px solid rgba(27, 31, 36, 0.15);
    border-radius: 6px;
    box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
    padding: 5px 10px; }
    #announcement code .copy-button:hover {
      background-color: #f3f4f6; }
    #announcement code .copy-button.small {
      background-color: transparent;
      padding: 0;
      border: 0;
      top: 2px;
      right: 2px; }
  #announcement code:hover .copy-button {
    display: block; }
#announcement blockquote {
  font-style: italic;
  padding-left: 20px; }
#announcement img.emoji {
  width: 20px;
  height: 20px;
  vertical-align: middle; }
#announcement table:not(.highlighter) {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  #announcement table:not(.highlighter) > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  #announcement table:not(.highlighter) > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  #announcement table:not(.highlighter) > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  #announcement table:not(.highlighter) > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  #announcement table:not(.highlighter) caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  #announcement table:not(.highlighter) thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  #announcement table:not(.highlighter) th, #announcement table:not(.highlighter) td {
    padding: 8px 16px;
    vertical-align: middle; }
  #announcement table:not(.highlighter) tr:nth-child(even) {
    background-color: #fafafa; }
  #announcement table:not(.highlighter) tr:hover {
    background-color: whitesmoke; }
  #announcement table:not(.highlighter) td.no-records {
    text-align: center; }
  #announcement table:not(.highlighter) tr.hidden {
    opacity: 0.3; }
  #announcement table:not(.highlighter) tr.active > td:first-child a {
    border-left: 3px solid green; }
  #announcement table:not(.highlighter) tr.warning > td:first-child a {
    border-left: 3px solid orange; }
#announcement ul.item-list {
  margin: 0;
  margin-top: 10px; }
  #announcement ul.item-list > li {
    list-style: none;
    max-width: 1000px;
    padding: 10px 15px; }
    #announcement ul.item-list > li:hover {
      background-color: whitesmoke; }
    #announcement ul.item-list > li a:hover {
      text-decoration: none; }
    #announcement ul.item-list > li .right {
      float: right; }
    #announcement ul.item-list > li.active {
      background-color: whitesmoke; }
    #announcement ul.item-list > li:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    #announcement ul.item-list > li:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    #announcement ul.item-list > li::after {
      display: block;
      content: ' ';
      clear: both; }
#announcement article.announcement {
  margin: 0 0 30px 0; }

#lectures h1 {
  color: #1a1a1a;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  margin: 1em 0; }
#lectures h1:first-of-type {
  margin-top: 0; }
#lectures h2 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 22px;
  margin: 1.75em 0 1em; }
#lectures h3 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 18px;
  margin: 2em 0 1em; }
#lectures p:first-child {
  margin-top: 0; }
#lectures ul, #lectures ol {
  margin: 10px 0 10px 30px; }
#lectures li {
  margin: 2px 0; }
#lectures ul > li {
  list-style: circle; }
#lectures ul > li > ul > li {
  list-style: square; }
#lectures ol > li {
  list-style: decimal; }
#lectures pre {
  font-family: monospace;
  font-size: 13px; }
#lectures pre > code {
  display: block;
  overflow-x: auto; }
#lectures code {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  border: 1px solid #cccccc;
  font-family: monospace;
  font-size: 13px;
  padding: 1px 2px; }
  #lectures code .copy-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: #f6f8fa;
    border: 1px solid rgba(27, 31, 36, 0.15);
    border-radius: 6px;
    box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
    padding: 5px 10px; }
    #lectures code .copy-button:hover {
      background-color: #f3f4f6; }
    #lectures code .copy-button.small {
      background-color: transparent;
      padding: 0;
      border: 0;
      top: 2px;
      right: 2px; }
  #lectures code:hover .copy-button {
    display: block; }
#lectures blockquote {
  font-style: italic;
  padding-left: 20px; }
#lectures img.emoji {
  width: 20px;
  height: 20px;
  vertical-align: middle; }
#lectures table:not(.highlighter) {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  #lectures table:not(.highlighter) > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  #lectures table:not(.highlighter) > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  #lectures table:not(.highlighter) > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  #lectures table:not(.highlighter) > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  #lectures table:not(.highlighter) caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  #lectures table:not(.highlighter) thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  #lectures table:not(.highlighter) th, #lectures table:not(.highlighter) td {
    padding: 8px 16px;
    vertical-align: middle; }
  #lectures table:not(.highlighter) tr:nth-child(even) {
    background-color: #fafafa; }
  #lectures table:not(.highlighter) tr:hover {
    background-color: whitesmoke; }
  #lectures table:not(.highlighter) td.no-records {
    text-align: center; }
  #lectures table:not(.highlighter) tr.hidden {
    opacity: 0.3; }
  #lectures table:not(.highlighter) tr.active > td:first-child a {
    border-left: 3px solid green; }
  #lectures table:not(.highlighter) tr.warning > td:first-child a {
    border-left: 3px solid orange; }
#lectures ul.item-list {
  margin: 0;
  margin-top: 10px; }
  #lectures ul.item-list > li {
    list-style: none;
    max-width: 1000px;
    padding: 10px 15px; }
    #lectures ul.item-list > li:hover {
      background-color: whitesmoke; }
    #lectures ul.item-list > li a:hover {
      text-decoration: none; }
    #lectures ul.item-list > li .right {
      float: right; }
    #lectures ul.item-list > li.active {
      background-color: whitesmoke; }
    #lectures ul.item-list > li:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    #lectures ul.item-list > li:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    #lectures ul.item-list > li::after {
      display: block;
      content: ' ';
      clear: both; }
#lectures table td.name {
  padding: 0; }
  #lectures table td.name a {
    display: block;
    padding: 10px; }
  #lectures table td.name a:hover {
    text-decoration: none; }

.task h1 {
  color: #1a1a1a;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  margin: 1em 0; }
.task h1:first-of-type {
  margin-top: 0; }
.task h2 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 22px;
  margin: 1.75em 0 1em; }
.task h3 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 18px;
  margin: 2em 0 1em; }
.task p:first-child {
  margin-top: 0; }
.task ul, .task ol {
  margin: 10px 0 10px 30px; }
.task li {
  margin: 2px 0; }
.task ul > li {
  list-style: circle; }
.task ul > li > ul > li {
  list-style: square; }
.task ol > li {
  list-style: decimal; }
.task pre {
  font-family: monospace;
  font-size: 13px; }
.task pre > code {
  display: block;
  overflow-x: auto; }
.task code {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  border: 1px solid #cccccc;
  font-family: monospace;
  font-size: 13px;
  padding: 1px 2px; }
  .task code .copy-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: #f6f8fa;
    border: 1px solid rgba(27, 31, 36, 0.15);
    border-radius: 6px;
    box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
    padding: 5px 10px; }
    .task code .copy-button:hover {
      background-color: #f3f4f6; }
    .task code .copy-button.small {
      background-color: transparent;
      padding: 0;
      border: 0;
      top: 2px;
      right: 2px; }
  .task code:hover .copy-button {
    display: block; }
.task blockquote {
  font-style: italic;
  padding-left: 20px; }
.task img.emoji {
  width: 20px;
  height: 20px;
  vertical-align: middle; }
.task table:not(.highlighter) {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  .task table:not(.highlighter) > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  .task table:not(.highlighter) > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  .task table:not(.highlighter) > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  .task table:not(.highlighter) > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  .task table:not(.highlighter) caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  .task table:not(.highlighter) thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  .task table:not(.highlighter) th, .task table:not(.highlighter) td {
    padding: 8px 16px;
    vertical-align: middle; }
  .task table:not(.highlighter) tr:nth-child(even) {
    background-color: #fafafa; }
  .task table:not(.highlighter) tr:hover {
    background-color: whitesmoke; }
  .task table:not(.highlighter) td.no-records {
    text-align: center; }
  .task table:not(.highlighter) tr.hidden {
    opacity: 0.3; }
  .task table:not(.highlighter) tr.active > td:first-child a {
    border-left: 3px solid green; }
  .task table:not(.highlighter) tr.warning > td:first-child a {
    border-left: 3px solid orange; }
.task ul.item-list {
  margin: 0;
  margin-top: 10px; }
  .task ul.item-list > li {
    list-style: none;
    max-width: 1000px;
    padding: 10px 15px; }
    .task ul.item-list > li:hover {
      background-color: whitesmoke; }
    .task ul.item-list > li a:hover {
      text-decoration: none; }
    .task ul.item-list > li .right {
      float: right; }
    .task ul.item-list > li.active {
      background-color: whitesmoke; }
    .task ul.item-list > li:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    .task ul.item-list > li:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    .task ul.item-list > li::after {
      display: block;
      content: ' ';
      clear: both; }
.task p.closed {
  font-weight: bold; }
.task dl dt {
  display: block;
  float: left;
  font-weight: bold;
  width: 100px; }
.task dl dd {
  clear: right;
  margin: 5px 0; }

table.solutions {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  table.solutions > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  table.solutions > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  table.solutions > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  table.solutions > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  table.solutions caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  table.solutions thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  table.solutions th, table.solutions td {
    padding: 8px 16px;
    vertical-align: middle; }
  table.solutions tr:nth-child(even) {
    background-color: #fafafa; }
  table.solutions tr:hover {
    background-color: whitesmoke; }
  table.solutions td.no-records {
    text-align: center; }
  table.solutions tr.hidden {
    opacity: 0.3; }
  table.solutions tr.active > td:first-child a {
    border-left: 3px solid green; }
  table.solutions tr.warning > td:first-child a {
    border-left: 3px solid orange; }
  table.solutions td.name {
    padding: 0; }
    table.solutions td.name a {
      display: block;
      padding: 10px 15px; }
    table.solutions td.name a:hover {
      text-decoration: none; }
  table.solutions .points {
    width: 150px;
    white-space: nowrap; }
  table.solutions .results {
    width: 180px;
    white-space: nowrap; }
  table.solutions .results span {
    display: inline-block;
    margin-left: 5px; }
  table.solutions .results span:first-child {
    margin-left: 0; }
  table.solutions .passed {
    background-image: url(/assets/icons/flag_green-9f002a6986438c116ef99b5091ae47db.png);
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 16px;
    height: 16px; }
  table.solutions .failed {
    background-image: url(/assets/icons/flag_red-3da072f0b34b9114ccf27f74b6050a10.png);
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 16px;
    height: 16px; }
  table.solutions .lines {
    background-image: url(/assets/icons/page_white_text-34f91cb84721d659cc02a9e2350b40cf.png);
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 16px;
    height: 16px; }
  table.solutions .comments {
    background-image: url(/assets/icons/comments-ea9e5df389e16c009c85f068e879f900.png);
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 16px;
    height: 16px; }
  table.solutions .point {
    background-image: url(/assets/icons/emoticon_grin-c01b7d65c9b6e29ef532c7408bfc019e.png);
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    display: inline-block; }
  table.solutions .bonus-point {
    background-image: url(/assets/icons/star-6a165cfee749baf4b4935a0d79fe88c9.png);
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    display: inline-block; }
  table.solutions .penalty-point {
    background-image: url(/assets/icons/stop-3a233efb6b361116ae6bade4c0b9df61.png);
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    display: inline-block; }

#tasks h1 {
  color: #1a1a1a;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  margin: 1em 0; }
#tasks h1:first-of-type {
  margin-top: 0; }
#tasks h2 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 22px;
  margin: 1.75em 0 1em; }
#tasks h3 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 18px;
  margin: 2em 0 1em; }
#tasks p:first-child {
  margin-top: 0; }
#tasks ul, #tasks ol {
  margin: 10px 0 10px 30px; }
#tasks li {
  margin: 2px 0; }
#tasks ul > li {
  list-style: circle; }
#tasks ul > li > ul > li {
  list-style: square; }
#tasks ol > li {
  list-style: decimal; }
#tasks pre {
  font-family: monospace;
  font-size: 13px; }
#tasks pre > code {
  display: block;
  overflow-x: auto; }
#tasks code {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  border: 1px solid #cccccc;
  font-family: monospace;
  font-size: 13px;
  padding: 1px 2px; }
  #tasks code .copy-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: #f6f8fa;
    border: 1px solid rgba(27, 31, 36, 0.15);
    border-radius: 6px;
    box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
    padding: 5px 10px; }
    #tasks code .copy-button:hover {
      background-color: #f3f4f6; }
    #tasks code .copy-button.small {
      background-color: transparent;
      padding: 0;
      border: 0;
      top: 2px;
      right: 2px; }
  #tasks code:hover .copy-button {
    display: block; }
#tasks blockquote {
  font-style: italic;
  padding-left: 20px; }
#tasks img.emoji {
  width: 20px;
  height: 20px;
  vertical-align: middle; }
#tasks table:not(.highlighter) {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  #tasks table:not(.highlighter) > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  #tasks table:not(.highlighter) > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  #tasks table:not(.highlighter) > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  #tasks table:not(.highlighter) > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  #tasks table:not(.highlighter) caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  #tasks table:not(.highlighter) thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  #tasks table:not(.highlighter) th, #tasks table:not(.highlighter) td {
    padding: 8px 16px;
    vertical-align: middle; }
  #tasks table:not(.highlighter) tr:nth-child(even) {
    background-color: #fafafa; }
  #tasks table:not(.highlighter) tr:hover {
    background-color: whitesmoke; }
  #tasks table:not(.highlighter) td.no-records {
    text-align: center; }
  #tasks table:not(.highlighter) tr.hidden {
    opacity: 0.3; }
  #tasks table:not(.highlighter) tr.active > td:first-child a {
    border-left: 3px solid green; }
  #tasks table:not(.highlighter) tr.warning > td:first-child a {
    border-left: 3px solid orange; }
#tasks ul.item-list {
  margin: 0;
  margin-top: 10px; }
  #tasks ul.item-list > li {
    list-style: none;
    max-width: 1000px;
    padding: 10px 15px; }
    #tasks ul.item-list > li:hover {
      background-color: whitesmoke; }
    #tasks ul.item-list > li a:hover {
      text-decoration: none; }
    #tasks ul.item-list > li .right {
      float: right; }
    #tasks ul.item-list > li.active {
      background-color: whitesmoke; }
    #tasks ul.item-list > li:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    #tasks ul.item-list > li:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    #tasks ul.item-list > li::after {
      display: block;
      content: ' ';
      clear: both; }
#tasks > table {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  #tasks > table > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  #tasks > table > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  #tasks > table > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  #tasks > table > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  #tasks > table caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  #tasks > table thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  #tasks > table th, #tasks > table td {
    padding: 8px 16px;
    vertical-align: middle; }
  #tasks > table tr:nth-child(even) {
    background-color: #fafafa; }
  #tasks > table tr:hover {
    background-color: whitesmoke; }
  #tasks > table td.no-records {
    text-align: center; }
  #tasks > table tr.hidden {
    opacity: 0.3; }
  #tasks > table tr.active > td:first-child a {
    border-left: 3px solid green; }
  #tasks > table tr.warning > td:first-child a {
    border-left: 3px solid orange; }
  #tasks > table td.name {
    padding: 0; }
    #tasks > table td.name a {
      display: block;
      padding: 10px 15px; }
    #tasks > table td.name a:hover {
      text-decoration: none; }
  #tasks > table td.closes_at {
    width: 20%;
    min-width: 160px; }
@media (max-width: 700px) {
  #tasks .closes_at {
    display: none; }
  #tasks th.name {
    border-top-right-radius: 5px; } }

.solution h1 {
  color: #1a1a1a;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  margin: 1em 0; }
.solution h1:first-of-type {
  margin-top: 0; }
.solution h2 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 22px;
  margin: 1.75em 0 1em; }
.solution h3 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 18px;
  margin: 2em 0 1em; }
.solution p:first-child {
  margin-top: 0; }
.solution ul, .solution ol {
  margin: 10px 0 10px 30px; }
.solution li {
  margin: 2px 0; }
.solution ul > li {
  list-style: circle; }
.solution ul > li > ul > li {
  list-style: square; }
.solution ol > li {
  list-style: decimal; }
.solution pre {
  font-family: monospace;
  font-size: 13px; }
.solution pre > code {
  display: block;
  overflow-x: auto; }
.solution code {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  border: 1px solid #cccccc;
  font-family: monospace;
  font-size: 13px;
  padding: 1px 2px; }
  .solution code .copy-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: #f6f8fa;
    border: 1px solid rgba(27, 31, 36, 0.15);
    border-radius: 6px;
    box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
    padding: 5px 10px; }
    .solution code .copy-button:hover {
      background-color: #f3f4f6; }
    .solution code .copy-button.small {
      background-color: transparent;
      padding: 0;
      border: 0;
      top: 2px;
      right: 2px; }
  .solution code:hover .copy-button {
    display: block; }
.solution blockquote {
  font-style: italic;
  padding-left: 20px; }
.solution img.emoji {
  width: 20px;
  height: 20px;
  vertical-align: middle; }
.solution table:not(.highlighter) {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  .solution table:not(.highlighter) > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  .solution table:not(.highlighter) > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  .solution table:not(.highlighter) > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  .solution table:not(.highlighter) > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  .solution table:not(.highlighter) caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  .solution table:not(.highlighter) thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  .solution table:not(.highlighter) th, .solution table:not(.highlighter) td {
    padding: 8px 16px;
    vertical-align: middle; }
  .solution table:not(.highlighter) tr:nth-child(even) {
    background-color: #fafafa; }
  .solution table:not(.highlighter) tr:hover {
    background-color: whitesmoke; }
  .solution table:not(.highlighter) td.no-records {
    text-align: center; }
  .solution table:not(.highlighter) tr.hidden {
    opacity: 0.3; }
  .solution table:not(.highlighter) tr.active > td:first-child a {
    border-left: 3px solid green; }
  .solution table:not(.highlighter) tr.warning > td:first-child a {
    border-left: 3px solid orange; }
.solution ul.item-list {
  margin: 0;
  margin-top: 10px; }
  .solution ul.item-list > li {
    list-style: none;
    max-width: 1000px;
    padding: 10px 15px; }
    .solution ul.item-list > li:hover {
      background-color: whitesmoke; }
    .solution ul.item-list > li a:hover {
      text-decoration: none; }
    .solution ul.item-list > li .right {
      float: right; }
    .solution ul.item-list > li.active {
      background-color: whitesmoke; }
    .solution ul.item-list > li:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    .solution ul.item-list > li:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    .solution ul.item-list > li::after {
      display: block;
      content: ' ';
      clear: both; }
.solution .results ul li {
  background-position: 0 0;
  background-repeat: no-repeat;
  list-style: none;
  padding-left: 25px; }
.solution .results ul li.test-points {
  background-image: url(/assets/icons/emoticon_grin-c01b7d65c9b6e29ef532c7408bfc019e.png); }
.solution .results ul li.bonus {
  background-image: url(/assets/icons/star-6a165cfee749baf4b4935a0d79fe88c9.png); }
.solution .results ul li.penalty {
  background-image: url(/assets/icons/stop-3a233efb6b361116ae6bade4c0b9df61.png); }
.solution .results ul li.total-points {
  background-image: url(/assets/icons/bullet_go-aee413119ab639615f9d2772a03f4105.png); }
.solution .results ul li.passed-tests {
  background-image: url(/assets/icons/flag_green-9f002a6986438c116ef99b5091ae47db.png); }
.solution .results ul li.failed-tests {
  background-image: url(/assets/icons/flag_red-3da072f0b34b9114ccf27f74b6050a10.png); }
.solution .results ul li.unchecked {
  background-image: url(/assets/icons/time-484cdd1f6e653b098eb99d88c2196ea8.png); }
.solution .results ul li.correct {
  background-image: url(/assets/icons/tick-d027387bc44faceca9b99c20e37230af.png); }
.solution .results ul li.incorrect {
  background-image: url(/assets/icons/cross-7bcbcfdf1a32914c74e2b335856760dc.png); }
.solution article.revision {
  border: 1px solid #dfe4e4;
  border-radius: 4px;
  padding: 2em;
  margin: 2em 0; }
.solution article.revision h3 {
  margin: 0 0 2em; }
.solution article.comment {
  border-radius: 5px; }
  .solution article.comment {
    margin: 5px 0;
    overflow: hidden;
    padding: 20px; }
  .solution article.comment:nth-child(even) {
    background-color: whitesmoke; }
  .solution article.comment.starred {
    background-color: #fffdd0; }
  .solution article.comment aside {
    float: right;
    margin-bottom: 10px;
    margin-left: 12px; }
  .solution article.comment aside a {
    display: block;
    text-align: center; }
  .solution article.comment aside img {
    display: inline-block; }
  .solution article.comment .body h1 {
    color: #1a1a1a;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
    font-size: 24px;
    line-height: 28.8px;
    margin: 1em 0; }
  .solution article.comment .body h1:first-of-type {
    margin-top: 0; }
  .solution article.comment .body h2 {
    color: #3371a3;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
    font-size: 22px;
    margin: 1.75em 0 1em; }
  .solution article.comment .body h3 {
    color: #3371a3;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
    font-size: 18px;
    margin: 2em 0 1em; }
  .solution article.comment .body p:first-child {
    margin-top: 0; }
  .solution article.comment .body ul, .solution article.comment .body ol {
    margin: 10px 0 10px 30px; }
  .solution article.comment .body li {
    margin: 2px 0; }
  .solution article.comment .body ul > li {
    list-style: circle; }
  .solution article.comment .body ul > li > ul > li {
    list-style: square; }
  .solution article.comment .body ol > li {
    list-style: decimal; }
  .solution article.comment .body pre {
    font-family: monospace;
    font-size: 13px; }
  .solution article.comment .body pre > code {
    display: block;
    overflow-x: auto; }
  .solution article.comment .body code {
    position: relative;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    border: 1px solid #cccccc;
    font-family: monospace;
    font-size: 13px;
    padding: 1px 2px; }
    .solution article.comment .body code .copy-button {
      display: none;
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer;
      background-color: #f6f8fa;
      border: 1px solid rgba(27, 31, 36, 0.15);
      border-radius: 6px;
      box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
      padding: 5px 10px; }
      .solution article.comment .body code .copy-button:hover {
        background-color: #f3f4f6; }
      .solution article.comment .body code .copy-button.small {
        background-color: transparent;
        padding: 0;
        border: 0;
        top: 2px;
        right: 2px; }
    .solution article.comment .body code:hover .copy-button {
      display: block; }
  .solution article.comment .body blockquote {
    font-style: italic;
    padding-left: 20px; }
  .solution article.comment .body img.emoji {
    width: 20px;
    height: 20px;
    vertical-align: middle; }
  .solution article.comment .body table:not(.highlighter) {
    border-collapse: separate;
    border-spacing: 1px;
    margin: 20px 0;
    width: 100%; }
    .solution article.comment .body table:not(.highlighter) > thead > tr > th:first-child {
      border-top-left-radius: 5px; }
    .solution article.comment .body table:not(.highlighter) > thead > tr > th:last-child {
      border-top-right-radius: 5px; }
    .solution article.comment .body table:not(.highlighter) > tbody > tr:last-child > td:first-child {
      border-bottom-left-radius: 5px; }
    .solution article.comment .body table:not(.highlighter) > tbody > tr:last-child > td:last-child {
      border-bottom-right-radius: 5px; }
    .solution article.comment .body table:not(.highlighter) caption {
      color: #3371a3;
      font-size: 18px;
      font-weight: bold;
      padding: 10px 0;
      text-align: left; }
    .solution article.comment .body table:not(.highlighter) thead th {
      background-color: #3371a3;
      color: white;
      font-weight: bold;
      text-align: left; }
    .solution article.comment .body table:not(.highlighter) th, .solution article.comment .body table:not(.highlighter) td {
      padding: 8px 16px;
      vertical-align: middle; }
    .solution article.comment .body table:not(.highlighter) tr:nth-child(even) {
      background-color: #fafafa; }
    .solution article.comment .body table:not(.highlighter) tr:hover {
      background-color: whitesmoke; }
    .solution article.comment .body table:not(.highlighter) td.no-records {
      text-align: center; }
    .solution article.comment .body table:not(.highlighter) tr.hidden {
      opacity: 0.3; }
    .solution article.comment .body table:not(.highlighter) tr.active > td:first-child a {
      border-left: 3px solid green; }
    .solution article.comment .body table:not(.highlighter) tr.warning > td:first-child a {
      border-left: 3px solid orange; }
  .solution article.comment .body ul.item-list {
    margin: 0;
    margin-top: 10px; }
    .solution article.comment .body ul.item-list > li {
      list-style: none;
      max-width: 1000px;
      padding: 10px 15px; }
      .solution article.comment .body ul.item-list > li:hover {
        background-color: whitesmoke; }
      .solution article.comment .body ul.item-list > li a:hover {
        text-decoration: none; }
      .solution article.comment .body ul.item-list > li .right {
        float: right; }
      .solution article.comment .body ul.item-list > li.active {
        background-color: whitesmoke; }
      .solution article.comment .body ul.item-list > li:first-child {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px; }
      .solution article.comment .body ul.item-list > li:last-child {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px; }
      .solution article.comment .body ul.item-list > li::after {
        display: block;
        content: ' ';
        clear: both; }
  .solution article.comment .published-at {
    border-top: 1px solid #dfe4e4;
    color: #666;
    font-size: 13px;
    padding-top: 5px; }
  .solution article.comment .body,
  .solution article.comment .published-at {
    margin-right: 200px; }
  @media (max-width: 700px) {
    .solution article.comment .body,
    .solution article.comment .published-at {
      margin-right: 0; }
    .solution article.comment img.avatar {
      width: 90px; }
    .solution article.comment aside a {
      font-size: 11px; } }
  .solution article.comment a.permalink {
    color: #666;
    text-decoration: none; }
    .solution article.comment a.permalink:hover {
      color: #1341a3; }
  .solution article.comment code {
    background-color: #f8f8ff;
    color: #444;
    padding: 1px 3px;
    border: 1px solid #dedede;
    border-radius: 2px; }
  .solution article.comment pre code {
    display: block;
    overflow-x: auto; }
  .solution article.comment a[data-toggle-star=star],
  .solution article.comment a[data-toggle-star=unstar] {
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 20px; }
  .solution article.comment a[data-toggle-star=star] {
    background-image: url(/assets/icons/star-6a165cfee749baf4b4935a0d79fe88c9.png); }
  .solution article.comment a[data-toggle-star=unstar] {
    background-image: url(/assets/icons/unstar-e3947c5382de72f866b550c1707cfc4c.png); }
.solution article.comment:first-of-type {
  margin-top: 1em; }
.solution article.revision > pre,
.solution > pre {
  background-color: #f8f8ff;
  color: #444;
  padding: .5em 1em;
  border: 1px solid #dedede;
  border-radius: 2px;
  overflow-x: auto; }

#my-solution .violations {
  background-color: #fdd;
  border: 1px #f55 solid;
  margin-top: 1em;
  padding: 20px; }
#my-solution .violations p {
  margin: 0 0 1em 0; }
#my-solution textarea#code {
  font-family: monospace;
  width: 600px;
  height: 600px; }

p.task-guide-notice {
  font-style: italic;
  color: #666666; }

#challenges h1 {
  color: #1a1a1a;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  margin: 1em 0; }
#challenges h1:first-of-type {
  margin-top: 0; }
#challenges h2 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 22px;
  margin: 1.75em 0 1em; }
#challenges h3 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 18px;
  margin: 2em 0 1em; }
#challenges p:first-child {
  margin-top: 0; }
#challenges ul, #challenges ol {
  margin: 10px 0 10px 30px; }
#challenges li {
  margin: 2px 0; }
#challenges ul > li {
  list-style: circle; }
#challenges ul > li > ul > li {
  list-style: square; }
#challenges ol > li {
  list-style: decimal; }
#challenges pre {
  font-family: monospace;
  font-size: 13px; }
#challenges pre > code {
  display: block;
  overflow-x: auto; }
#challenges code {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  border: 1px solid #cccccc;
  font-family: monospace;
  font-size: 13px;
  padding: 1px 2px; }
  #challenges code .copy-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: #f6f8fa;
    border: 1px solid rgba(27, 31, 36, 0.15);
    border-radius: 6px;
    box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
    padding: 5px 10px; }
    #challenges code .copy-button:hover {
      background-color: #f3f4f6; }
    #challenges code .copy-button.small {
      background-color: transparent;
      padding: 0;
      border: 0;
      top: 2px;
      right: 2px; }
  #challenges code:hover .copy-button {
    display: block; }
#challenges blockquote {
  font-style: italic;
  padding-left: 20px; }
#challenges img.emoji {
  width: 20px;
  height: 20px;
  vertical-align: middle; }
#challenges table:not(.highlighter) {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  #challenges table:not(.highlighter) > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  #challenges table:not(.highlighter) > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  #challenges table:not(.highlighter) > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  #challenges table:not(.highlighter) > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  #challenges table:not(.highlighter) caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  #challenges table:not(.highlighter) thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  #challenges table:not(.highlighter) th, #challenges table:not(.highlighter) td {
    padding: 8px 16px;
    vertical-align: middle; }
  #challenges table:not(.highlighter) tr:nth-child(even) {
    background-color: #fafafa; }
  #challenges table:not(.highlighter) tr:hover {
    background-color: whitesmoke; }
  #challenges table:not(.highlighter) td.no-records {
    text-align: center; }
  #challenges table:not(.highlighter) tr.hidden {
    opacity: 0.3; }
  #challenges table:not(.highlighter) tr.active > td:first-child a {
    border-left: 3px solid green; }
  #challenges table:not(.highlighter) tr.warning > td:first-child a {
    border-left: 3px solid orange; }
#challenges ul.item-list {
  margin: 0;
  margin-top: 10px; }
  #challenges ul.item-list > li {
    list-style: none;
    max-width: 1000px;
    padding: 10px 15px; }
    #challenges ul.item-list > li:hover {
      background-color: whitesmoke; }
    #challenges ul.item-list > li a:hover {
      text-decoration: none; }
    #challenges ul.item-list > li .right {
      float: right; }
    #challenges ul.item-list > li.active {
      background-color: whitesmoke; }
    #challenges ul.item-list > li:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    #challenges ul.item-list > li:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    #challenges ul.item-list > li::after {
      display: block;
      content: ' ';
      clear: both; }
#challenges > table {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  #challenges > table > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  #challenges > table > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  #challenges > table > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  #challenges > table > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  #challenges > table caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  #challenges > table thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  #challenges > table th, #challenges > table td {
    padding: 8px 16px;
    vertical-align: middle; }
  #challenges > table tr:nth-child(even) {
    background-color: #fafafa; }
  #challenges > table tr:hover {
    background-color: whitesmoke; }
  #challenges > table td.no-records {
    text-align: center; }
  #challenges > table tr.hidden {
    opacity: 0.3; }
  #challenges > table tr.active > td:first-child a {
    border-left: 3px solid green; }
  #challenges > table tr.warning > td:first-child a {
    border-left: 3px solid orange; }
  #challenges > table td.name {
    padding: 0; }
    #challenges > table td.name a {
      display: block;
      padding: 10px 15px; }
    #challenges > table td.name a:hover {
      text-decoration: none; }
  #challenges > table td.closes_at {
    width: 20%;
    min-width: 160px; }
  @media (max-width: 700px) {
    #challenges > table .closes_at {
      display: none; }
    #challenges > table th.name {
      border-top-right-radius: 5px; } }

.challenge h1 {
  color: #1a1a1a;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  margin: 1em 0; }
.challenge h1:first-of-type {
  margin-top: 0; }
.challenge h2 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 22px;
  margin: 1.75em 0 1em; }
.challenge h3 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 18px;
  margin: 2em 0 1em; }
.challenge p:first-child {
  margin-top: 0; }
.challenge ul, .challenge ol {
  margin: 10px 0 10px 30px; }
.challenge li {
  margin: 2px 0; }
.challenge ul > li {
  list-style: circle; }
.challenge ul > li > ul > li {
  list-style: square; }
.challenge ol > li {
  list-style: decimal; }
.challenge pre {
  font-family: monospace;
  font-size: 13px; }
.challenge pre > code {
  display: block;
  overflow-x: auto; }
.challenge code {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  border: 1px solid #cccccc;
  font-family: monospace;
  font-size: 13px;
  padding: 1px 2px; }
  .challenge code .copy-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: #f6f8fa;
    border: 1px solid rgba(27, 31, 36, 0.15);
    border-radius: 6px;
    box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
    padding: 5px 10px; }
    .challenge code .copy-button:hover {
      background-color: #f3f4f6; }
    .challenge code .copy-button.small {
      background-color: transparent;
      padding: 0;
      border: 0;
      top: 2px;
      right: 2px; }
  .challenge code:hover .copy-button {
    display: block; }
.challenge blockquote {
  font-style: italic;
  padding-left: 20px; }
.challenge img.emoji {
  width: 20px;
  height: 20px;
  vertical-align: middle; }
.challenge table:not(.highlighter) {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  .challenge table:not(.highlighter) > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  .challenge table:not(.highlighter) > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  .challenge table:not(.highlighter) > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  .challenge table:not(.highlighter) > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  .challenge table:not(.highlighter) caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  .challenge table:not(.highlighter) thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  .challenge table:not(.highlighter) th, .challenge table:not(.highlighter) td {
    padding: 8px 16px;
    vertical-align: middle; }
  .challenge table:not(.highlighter) tr:nth-child(even) {
    background-color: #fafafa; }
  .challenge table:not(.highlighter) tr:hover {
    background-color: whitesmoke; }
  .challenge table:not(.highlighter) td.no-records {
    text-align: center; }
  .challenge table:not(.highlighter) tr.hidden {
    opacity: 0.3; }
  .challenge table:not(.highlighter) tr.active > td:first-child a {
    border-left: 3px solid green; }
  .challenge table:not(.highlighter) tr.warning > td:first-child a {
    border-left: 3px solid orange; }
.challenge ul.item-list {
  margin: 0;
  margin-top: 10px; }
  .challenge ul.item-list > li {
    list-style: none;
    max-width: 1000px;
    padding: 10px 15px; }
    .challenge ul.item-list > li:hover {
      background-color: whitesmoke; }
    .challenge ul.item-list > li a:hover {
      text-decoration: none; }
    .challenge ul.item-list > li .right {
      float: right; }
    .challenge ul.item-list > li.active {
      background-color: whitesmoke; }
    .challenge ul.item-list > li:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    .challenge ul.item-list > li:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    .challenge ul.item-list > li::after {
      display: block;
      content: ' ';
      clear: both; }
.challenge p.closed {
  font-weight: bold; }
.challenge dl dt {
  display: block;
  float: left;
  font-weight: bold;
  width: 100px; }
.challenge dl dd {
  clear: right;
  margin: 5px 0; }

.challenge .solutions article {
  border-bottom: 1px solid #dfe4e4;
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 30px; }
.challenge .solutions article .code {
  margin-top: 20px; }
.challenge .solutions article header {
  overflow: hidden; }
  .challenge .solutions article header ul li {
    background-position: 0 0;
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 25px; }
  .challenge .solutions article header ul li.test-points {
    background-image: url(/assets/icons/emoticon_grin-c01b7d65c9b6e29ef532c7408bfc019e.png); }
  .challenge .solutions article header ul li.bonus {
    background-image: url(/assets/icons/star-6a165cfee749baf4b4935a0d79fe88c9.png); }
  .challenge .solutions article header ul li.penalty {
    background-image: url(/assets/icons/stop-3a233efb6b361116ae6bade4c0b9df61.png); }
  .challenge .solutions article header ul li.total-points {
    background-image: url(/assets/icons/bullet_go-aee413119ab639615f9d2772a03f4105.png); }
  .challenge .solutions article header ul li.passed-tests {
    background-image: url(/assets/icons/flag_green-9f002a6986438c116ef99b5091ae47db.png); }
  .challenge .solutions article header ul li.failed-tests {
    background-image: url(/assets/icons/flag_red-3da072f0b34b9114ccf27f74b6050a10.png); }
  .challenge .solutions article header ul li.unchecked {
    background-image: url(/assets/icons/time-484cdd1f6e653b098eb99d88c2196ea8.png); }
  .challenge .solutions article header ul li.correct {
    background-image: url(/assets/icons/tick-d027387bc44faceca9b99c20e37230af.png); }
  .challenge .solutions article header ul li.incorrect {
    background-image: url(/assets/icons/cross-7bcbcfdf1a32914c74e2b335856760dc.png); }
.challenge .solutions article header .thumbnail {
  float: left;
  width: 80px; }
.challenge .solutions article header .results {
  float: left; }
.challenge .solutions article.correct .code {
  border: 1px solid #8d8; }
.challenge .solutions article.incorrect .code {
  border: 1px solid #d88; }
.challenge .solutions article .log {
  margin: 20px 0 -10px 0; }

#activity-feed li {
  background: no-repeat 0 10px;
  border-top: 1px solid #dfe4e4;
  padding: 10px 0 10px 30px; }
#activity-feed li.comment {
  background-image: url(/assets/icons/comments-ea9e5df389e16c009c85f068e879f900.png); }
#activity-feed li.solution {
  background-image: url(/assets/icons/page_white_text-34f91cb84721d659cc02a9e2350b40cf.png); }
#activity-feed li time {
  color: #666666;
  display: block;
  float: right; }

#poll-submission .input {
  margin: 2em 0; }
#poll-submission .radio_buttons .radio {
  display: block;
  margin: 0.2em 0; }
#poll-submission .check_boxes .checkbox {
  display: block;
  margin: 0.4em 0; }
#poll-submission .check_boxes .checkbox label {
  display: inline; }
#poll-submission .hint {
  display: block;
  line-height: 20px;
  margin: 0; }
#poll-submission .inline {
  overflow: hidden; }
#poll-submission .inline .checkbox,
#poll-submission .inline .radio {
  float: left;
  margin: 0.1em 0;
  width: 200px; }
#poll-submission .inline .hint {
  clear: left;
  padding-top: 1em; }
#poll-submission input[type=text] {
  width: 600px; }
#poll-submission textarea {
  width: 600px;
  height: 140px; }

ol.polls {
  list-style: decimal;
  margin: 10px 0 10px 30px; }

#tips h1 {
  color: #1a1a1a;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  margin: 1em 0; }
#tips h1:first-of-type {
  margin-top: 0; }
#tips h2 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 22px;
  margin: 1.75em 0 1em; }
#tips h3 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 18px;
  margin: 2em 0 1em; }
#tips p:first-child {
  margin-top: 0; }
#tips ul, #tips ol {
  margin: 10px 0 10px 30px; }
#tips li {
  margin: 2px 0; }
#tips ul > li {
  list-style: circle; }
#tips ul > li > ul > li {
  list-style: square; }
#tips ol > li {
  list-style: decimal; }
#tips pre {
  font-family: monospace;
  font-size: 13px; }
#tips pre > code {
  display: block;
  overflow-x: auto; }
#tips code {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  border: 1px solid #cccccc;
  font-family: monospace;
  font-size: 13px;
  padding: 1px 2px; }
  #tips code .copy-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: #f6f8fa;
    border: 1px solid rgba(27, 31, 36, 0.15);
    border-radius: 6px;
    box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
    padding: 5px 10px; }
    #tips code .copy-button:hover {
      background-color: #f3f4f6; }
    #tips code .copy-button.small {
      background-color: transparent;
      padding: 0;
      border: 0;
      top: 2px;
      right: 2px; }
  #tips code:hover .copy-button {
    display: block; }
#tips blockquote {
  font-style: italic;
  padding-left: 20px; }
#tips img.emoji {
  width: 20px;
  height: 20px;
  vertical-align: middle; }
#tips table:not(.highlighter) {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  #tips table:not(.highlighter) > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  #tips table:not(.highlighter) > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  #tips table:not(.highlighter) > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  #tips table:not(.highlighter) > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  #tips table:not(.highlighter) caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  #tips table:not(.highlighter) thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  #tips table:not(.highlighter) th, #tips table:not(.highlighter) td {
    padding: 8px 16px;
    vertical-align: middle; }
  #tips table:not(.highlighter) tr:nth-child(even) {
    background-color: #fafafa; }
  #tips table:not(.highlighter) tr:hover {
    background-color: whitesmoke; }
  #tips table:not(.highlighter) td.no-records {
    text-align: center; }
  #tips table:not(.highlighter) tr.hidden {
    opacity: 0.3; }
  #tips table:not(.highlighter) tr.active > td:first-child a {
    border-left: 3px solid green; }
  #tips table:not(.highlighter) tr.warning > td:first-child a {
    border-left: 3px solid orange; }
#tips ul.item-list {
  margin: 0;
  margin-top: 10px; }
  #tips ul.item-list > li {
    list-style: none;
    max-width: 1000px;
    padding: 10px 15px; }
    #tips ul.item-list > li:hover {
      background-color: whitesmoke; }
    #tips ul.item-list > li a:hover {
      text-decoration: none; }
    #tips ul.item-list > li .right {
      float: right; }
    #tips ul.item-list > li.active {
      background-color: whitesmoke; }
    #tips ul.item-list > li:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    #tips ul.item-list > li:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    #tips ul.item-list > li::after {
      display: block;
      content: ' ';
      clear: both; }

#leaderboard > table {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%;
  max-width: 550px; }
  #leaderboard > table > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  #leaderboard > table > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  #leaderboard > table > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  #leaderboard > table > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  #leaderboard > table caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  #leaderboard > table thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  #leaderboard > table th, #leaderboard > table td {
    padding: 8px 16px;
    vertical-align: middle; }
  #leaderboard > table tr:nth-child(even) {
    background-color: #fafafa; }
  #leaderboard > table tr:hover {
    background-color: whitesmoke; }
  #leaderboard > table td.no-records {
    text-align: center; }
  #leaderboard > table tr.hidden {
    opacity: 0.3; }
  #leaderboard > table tr.active > td:first-child a {
    border-left: 3px solid green; }
  #leaderboard > table tr.warning > td:first-child a {
    border-left: 3px solid orange; }
  #leaderboard > table img {
    border-radius: 4px;
    display: block; }
  #leaderboard > table .rank {
    text-align: center; }
  #leaderboard > table .photo {
    padding: 5px; }
  #leaderboard > table .name {
    width: 100%; }
  #leaderboard > table td.name {
    padding: 0; }
    #leaderboard > table td.name a {
      display: block;
      padding: 10px; }
    #leaderboard > table td.name a:hover {
      text-decoration: none; }
  #leaderboard > table .points {
    text-align: center; }
  #leaderboard > table tr.gold td {
    background-color: #f8f2c4; }
  #leaderboard > table tr.silver td {
    background-color: #efefef; }
  #leaderboard > table tr.bronze td {
    background-color: #f5ebe4; }
  #leaderboard > table .medal {
    float: right;
    height: 16px;
    margin: 11px;
    width: 16px; }
  #leaderboard > table .medal.gold {
    background-image: url(/assets/icons/medal_gold_3-8b6a4ee8f953e93fb9db88d0f83413e2.png); }
  #leaderboard > table .medal.silver {
    background-image: url(/assets/icons/medal_silver_3-c8550befe535d04eeaebb0f56a581c38.png); }
  #leaderboard > table .medal.bronze {
    background-image: url(/assets/icons/medal_bronze_3-23cf21993edd553795676a3eae54ab29.png); }

.code {
  position: relative;
  border-radius: 4px;
  border: 1px solid #dfe4e4; }
  .code .line {
    float: none; }
  .code .highlighter {
    border: none;
    padding: 0;
    white-space: normal; }
  .code .highlighter .line {
    display: inline;
    float: none;
    width: auto; }
  .code .highlighter .pre {
    padding-left: 5px;
    width: 100%; }
  .code .highlight,
  .code .line-numbers {
    font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
    font-size: 13px; }
  .code .highlight {
    white-space: pre-wrap;
    word-break: break-all; }
  .code .code-line.removed {
    background: rgba(240, 0, 0, 0.08); }
  .code .code-line.added {
    background: rgba(0, 240, 0, 0.08); }
  .code .code-line {
    display: table; }
    .code .code-line .line-numbers {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-color: whitesmoke;
      color: #aaa;
      display: table-cell;
      min-width: 45px;
      padding-right: 10px;
      text-align: right; }
      .code .code-line .line-numbers::before {
        content: attr(data-line-number); }
    .code .code-line .pre {
      display: table-cell; }
  .code .copy-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: #f6f8fa;
    border: 1px solid rgba(27, 31, 36, 0.15);
    border-radius: 6px;
    box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
    padding: 5px 10px; }
    .code .copy-button:hover {
      background-color: #f3f4f6; }
    .code .copy-button.small {
      background-color: transparent;
      padding: 0;
      border: 0;
      top: 2px;
      right: 2px; }
  .code:hover .copy-button {
    display: block; }

.inline-comment-form {
  display: none; }

.code .line {
  position: relative; }
  .code .line button.add-comment-on-line {
    background-color: #3371a3;
    border-radius: 4px;
    border: none;
    color: white;
    cursor: pointer;
    display: none;
    font-size: 13px;
    font-weight: bold;
    height: 20px;
    left: -10px;
    line-height: 15px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 20px;
    z-index: 10; }
  .code .line:hover button.add-comment-on-line {
    display: block; }
  .code .line .code-comments {
    background-color: whitesmoke; }
  .code .line .code-comments .options {
    background-color: whitesmoke;
    padding: 10px; }
    .code .line .code-comments .options .reply-button {
      background-color: whitesmoke;
      border-radius: 4px;
      border: none;
      color: black;
      cursor: pointer;
      display: inline-block;
      font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
      font-size: 13px;
      font-weight: normal;
      padding: 8px 16px;
      text-align: center; }
      .code .line .code-comments .options .reply-button:hover {
        background-color: #3371a3;
        color: white;
        text-decoration: none; }
      @media (max-width: 700px) {
        .code .line .code-comments .options .reply-button {
          display: block;
          margin-top: 5px;
          padding: 13px 16px;
          width: 100%; } }
  .code .line:first-of-type .code-comments {
    border-top-width: 0; }
  .code .line:last-of-type .code-comments {
    border-bottom-width: 0; }
  .code .line .inline-comment-form {
    padding: 10px; }
    .code .line .inline-comment-form textarea {
      border-radius: 4px;
      border: 1px solid #dfe4e4;
      box-sizing: border-box;
      display: block;
      font-size: 14px;
      height: auto;
      min-height: 120px; }
    .code .line .inline-comment-form .buttons {
      margin-top: 10px; }
    .code .line .inline-comment-form .buttons .comment-button {
      background-color: whitesmoke;
      border-radius: 4px;
      border: none;
      color: black;
      cursor: pointer;
      display: inline-block;
      font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
      font-size: 13px;
      font-weight: normal;
      padding: 8px 16px;
      text-align: center;
      background-color: #3371a3;
      color: white; }
      .code .line .inline-comment-form .buttons .comment-button:hover {
        background-color: #3371a3;
        color: white;
        text-decoration: none; }
      @media (max-width: 700px) {
        .code .line .inline-comment-form .buttons .comment-button {
          display: block;
          margin-top: 5px;
          padding: 13px 16px;
          width: 100%; } }
      .code .line .inline-comment-form .buttons .comment-button:hover {
        background-color: #27567c;
        text-decoration: none; }
    .code .line .inline-comment-form .buttons .cancel-button {
      background-color: whitesmoke;
      border-radius: 4px;
      border: none;
      color: black;
      cursor: pointer;
      display: inline-block;
      font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
      font-size: 13px;
      font-weight: normal;
      padding: 8px 16px;
      text-align: center; }
      .code .line .inline-comment-form .buttons .cancel-button:hover {
        background-color: #3371a3;
        color: white;
        text-decoration: none; }
      @media (max-width: 700px) {
        .code .line .inline-comment-form .buttons .cancel-button {
          display: block;
          margin-top: 5px;
          padding: 13px 16px;
          width: 100%; } }
  .code .line .inline-comment {
    min-height: 80px;
    padding: 10px; }
    .code .line .inline-comment:nth-child(2n) {
      background-color: white; }
    .code .line .inline-comment aside {
      float: left; }
    .code .line .inline-comment .body,
    .code .line .inline-comment .details {
      margin-left: 70px;
      margin-right: 10px; }
    .code .line .inline-comment .body {
      font-size: 14px; }
    .code .line .inline-comment .body p {
      margin-bottom: 15px; }
    .code .line .inline-comment .details {
      border-top: 1px solid #dfe4e4;
      font-size: 12px;
      padding-top: 5px; }
      .code .line .inline-comment .details .right {
        float: right; }
      .code .line .inline-comment .details .permalink {
        color: #223344; }

#submission-guide h1 {
  color: #1a1a1a;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  margin: 1em 0; }
#submission-guide h1:first-of-type {
  margin-top: 0; }
#submission-guide h2 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 22px;
  margin: 1.75em 0 1em; }
#submission-guide h3 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 18px;
  margin: 2em 0 1em; }
#submission-guide p:first-child {
  margin-top: 0; }
#submission-guide ul, #submission-guide ol {
  margin: 10px 0 10px 30px; }
#submission-guide li {
  margin: 2px 0; }
#submission-guide ul > li {
  list-style: circle; }
#submission-guide ul > li > ul > li {
  list-style: square; }
#submission-guide ol > li {
  list-style: decimal; }
#submission-guide pre {
  font-family: monospace;
  font-size: 13px; }
#submission-guide pre > code {
  display: block;
  overflow-x: auto; }
#submission-guide code {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  border: 1px solid #cccccc;
  font-family: monospace;
  font-size: 13px;
  padding: 1px 2px; }
  #submission-guide code .copy-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: #f6f8fa;
    border: 1px solid rgba(27, 31, 36, 0.15);
    border-radius: 6px;
    box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
    padding: 5px 10px; }
    #submission-guide code .copy-button:hover {
      background-color: #f3f4f6; }
    #submission-guide code .copy-button.small {
      background-color: transparent;
      padding: 0;
      border: 0;
      top: 2px;
      right: 2px; }
  #submission-guide code:hover .copy-button {
    display: block; }
#submission-guide blockquote {
  font-style: italic;
  padding-left: 20px; }
#submission-guide img.emoji {
  width: 20px;
  height: 20px;
  vertical-align: middle; }
#submission-guide table:not(.highlighter) {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  #submission-guide table:not(.highlighter) > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  #submission-guide table:not(.highlighter) > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  #submission-guide table:not(.highlighter) > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  #submission-guide table:not(.highlighter) > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  #submission-guide table:not(.highlighter) caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  #submission-guide table:not(.highlighter) thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  #submission-guide table:not(.highlighter) th, #submission-guide table:not(.highlighter) td {
    padding: 8px 16px;
    vertical-align: middle; }
  #submission-guide table:not(.highlighter) tr:nth-child(even) {
    background-color: #fafafa; }
  #submission-guide table:not(.highlighter) tr:hover {
    background-color: whitesmoke; }
  #submission-guide table:not(.highlighter) td.no-records {
    text-align: center; }
  #submission-guide table:not(.highlighter) tr.hidden {
    opacity: 0.3; }
  #submission-guide table:not(.highlighter) tr.active > td:first-child a {
    border-left: 3px solid green; }
  #submission-guide table:not(.highlighter) tr.warning > td:first-child a {
    border-left: 3px solid orange; }
#submission-guide ul.item-list {
  margin: 0;
  margin-top: 10px; }
  #submission-guide ul.item-list > li {
    list-style: none;
    max-width: 1000px;
    padding: 10px 15px; }
    #submission-guide ul.item-list > li:hover {
      background-color: whitesmoke; }
    #submission-guide ul.item-list > li a:hover {
      text-decoration: none; }
    #submission-guide ul.item-list > li .right {
      float: right; }
    #submission-guide ul.item-list > li.active {
      background-color: whitesmoke; }
    #submission-guide ul.item-list > li:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    #submission-guide ul.item-list > li:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    #submission-guide ul.item-list > li::after {
      display: block;
      content: ' ';
      clear: both; }

#project-guide h1 {
  color: #1a1a1a;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  margin: 1em 0; }
#project-guide h1:first-of-type {
  margin-top: 0; }
#project-guide h2 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 22px;
  margin: 1.75em 0 1em; }
#project-guide h3 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 18px;
  margin: 2em 0 1em; }
#project-guide p:first-child {
  margin-top: 0; }
#project-guide ul, #project-guide ol {
  margin: 10px 0 10px 30px; }
#project-guide li {
  margin: 2px 0; }
#project-guide ul > li {
  list-style: circle; }
#project-guide ul > li > ul > li {
  list-style: square; }
#project-guide ol > li {
  list-style: decimal; }
#project-guide pre {
  font-family: monospace;
  font-size: 13px; }
#project-guide pre > code {
  display: block;
  overflow-x: auto; }
#project-guide code {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  border: 1px solid #cccccc;
  font-family: monospace;
  font-size: 13px;
  padding: 1px 2px; }
  #project-guide code .copy-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: #f6f8fa;
    border: 1px solid rgba(27, 31, 36, 0.15);
    border-radius: 6px;
    box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
    padding: 5px 10px; }
    #project-guide code .copy-button:hover {
      background-color: #f3f4f6; }
    #project-guide code .copy-button.small {
      background-color: transparent;
      padding: 0;
      border: 0;
      top: 2px;
      right: 2px; }
  #project-guide code:hover .copy-button {
    display: block; }
#project-guide blockquote {
  font-style: italic;
  padding-left: 20px; }
#project-guide img.emoji {
  width: 20px;
  height: 20px;
  vertical-align: middle; }
#project-guide table:not(.highlighter) {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  #project-guide table:not(.highlighter) > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  #project-guide table:not(.highlighter) > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  #project-guide table:not(.highlighter) > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  #project-guide table:not(.highlighter) > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  #project-guide table:not(.highlighter) caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  #project-guide table:not(.highlighter) thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  #project-guide table:not(.highlighter) th, #project-guide table:not(.highlighter) td {
    padding: 8px 16px;
    vertical-align: middle; }
  #project-guide table:not(.highlighter) tr:nth-child(even) {
    background-color: #fafafa; }
  #project-guide table:not(.highlighter) tr:hover {
    background-color: whitesmoke; }
  #project-guide table:not(.highlighter) td.no-records {
    text-align: center; }
  #project-guide table:not(.highlighter) tr.hidden {
    opacity: 0.3; }
  #project-guide table:not(.highlighter) tr.active > td:first-child a {
    border-left: 3px solid green; }
  #project-guide table:not(.highlighter) tr.warning > td:first-child a {
    border-left: 3px solid orange; }
#project-guide ul.item-list {
  margin: 0;
  margin-top: 10px; }
  #project-guide ul.item-list > li {
    list-style: none;
    max-width: 1000px;
    padding: 10px 15px; }
    #project-guide ul.item-list > li:hover {
      background-color: whitesmoke; }
    #project-guide ul.item-list > li a:hover {
      text-decoration: none; }
    #project-guide ul.item-list > li .right {
      float: right; }
    #project-guide ul.item-list > li.active {
      background-color: whitesmoke; }
    #project-guide ul.item-list > li:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    #project-guide ul.item-list > li:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    #project-guide ul.item-list > li::after {
      display: block;
      content: ' ';
      clear: both; }

#challenge-guide h1 {
  color: #1a1a1a;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  margin: 1em 0; }
#challenge-guide h1:first-of-type {
  margin-top: 0; }
#challenge-guide h2 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 22px;
  margin: 1.75em 0 1em; }
#challenge-guide h3 {
  color: #3371a3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-size: 18px;
  margin: 2em 0 1em; }
#challenge-guide p:first-child {
  margin-top: 0; }
#challenge-guide ul, #challenge-guide ol {
  margin: 10px 0 10px 30px; }
#challenge-guide li {
  margin: 2px 0; }
#challenge-guide ul > li {
  list-style: circle; }
#challenge-guide ul > li > ul > li {
  list-style: square; }
#challenge-guide ol > li {
  list-style: decimal; }
#challenge-guide pre {
  font-family: monospace;
  font-size: 13px; }
#challenge-guide pre > code {
  display: block;
  overflow-x: auto; }
#challenge-guide code {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  border: 1px solid #cccccc;
  font-family: monospace;
  font-size: 13px;
  padding: 1px 2px; }
  #challenge-guide code .copy-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: #f6f8fa;
    border: 1px solid rgba(27, 31, 36, 0.15);
    border-radius: 6px;
    box-shadow: 0 1 px 0 rgba(27, 31, 36, 0.04), inset 0 1 px 0 rgba(255, 255, 255, 0.25);
    padding: 5px 10px; }
    #challenge-guide code .copy-button:hover {
      background-color: #f3f4f6; }
    #challenge-guide code .copy-button.small {
      background-color: transparent;
      padding: 0;
      border: 0;
      top: 2px;
      right: 2px; }
  #challenge-guide code:hover .copy-button {
    display: block; }
#challenge-guide blockquote {
  font-style: italic;
  padding-left: 20px; }
#challenge-guide img.emoji {
  width: 20px;
  height: 20px;
  vertical-align: middle; }
#challenge-guide table:not(.highlighter) {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  width: 100%; }
  #challenge-guide table:not(.highlighter) > thead > tr > th:first-child {
    border-top-left-radius: 5px; }
  #challenge-guide table:not(.highlighter) > thead > tr > th:last-child {
    border-top-right-radius: 5px; }
  #challenge-guide table:not(.highlighter) > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px; }
  #challenge-guide table:not(.highlighter) > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px; }
  #challenge-guide table:not(.highlighter) caption {
    color: #3371a3;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left; }
  #challenge-guide table:not(.highlighter) thead th {
    background-color: #3371a3;
    color: white;
    font-weight: bold;
    text-align: left; }
  #challenge-guide table:not(.highlighter) th, #challenge-guide table:not(.highlighter) td {
    padding: 8px 16px;
    vertical-align: middle; }
  #challenge-guide table:not(.highlighter) tr:nth-child(even) {
    background-color: #fafafa; }
  #challenge-guide table:not(.highlighter) tr:hover {
    background-color: whitesmoke; }
  #challenge-guide table:not(.highlighter) td.no-records {
    text-align: center; }
  #challenge-guide table:not(.highlighter) tr.hidden {
    opacity: 0.3; }
  #challenge-guide table:not(.highlighter) tr.active > td:first-child a {
    border-left: 3px solid green; }
  #challenge-guide table:not(.highlighter) tr.warning > td:first-child a {
    border-left: 3px solid orange; }
#challenge-guide ul.item-list {
  margin: 0;
  margin-top: 10px; }
  #challenge-guide ul.item-list > li {
    list-style: none;
    max-width: 1000px;
    padding: 10px 15px; }
    #challenge-guide ul.item-list > li:hover {
      background-color: whitesmoke; }
    #challenge-guide ul.item-list > li a:hover {
      text-decoration: none; }
    #challenge-guide ul.item-list > li .right {
      float: right; }
    #challenge-guide ul.item-list > li.active {
      background-color: whitesmoke; }
    #challenge-guide ul.item-list > li:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    #challenge-guide ul.item-list > li:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    #challenge-guide ul.item-list > li::after {
      display: block;
      content: ' ';
      clear: both; }
.highlight .hll { background-color: #ffffcc }
.highlight .c { color: #999988; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { color: #000000; font-weight: bold } /* Keyword */
.highlight .o { color: #000000; font-weight: bold } /* Operator */
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .ge { color: #000000; font-style: italic } /* Generic.Emph */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #999999 } /* 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: #aaaaaa } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
.highlight .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #009999 } /* Literal.Number */
.highlight .s { color: #d01040 } /* Literal.String */
.highlight .na { color: #008080 } /* Name.Attribute */
.highlight .nb { color: #0086B3 } /* Name.Builtin */
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
.highlight .no { color: #008080 } /* Name.Constant */
.highlight .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
.highlight .ni { color: #800080 } /* Name.Entity */
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
.highlight .nl { color: #990000; font-weight: bold } /* Name.Label */
.highlight .nn { color: #555555 } /* Name.Namespace */
.highlight .nt { color: #000080 } /* Name.Tag */
.highlight .nv { color: #008080 } /* Name.Variable */
.highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mf { color: #009999 } /* Literal.Number.Float */
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
.highlight .sb { color: #d01040 } /* Literal.String.Backtick */
.highlight .sc { color: #d01040 } /* Literal.String.Char */
.highlight .sd { color: #d01040 } /* Literal.String.Doc */
.highlight .s2 { color: #d01040 } /* Literal.String.Double */
.highlight .se { color: #d01040 } /* Literal.String.Escape */
.highlight .sh { color: #d01040 } /* Literal.String.Heredoc */
.highlight .si { color: #d01040 } /* Literal.String.Interpol */
.highlight .sx { color: #d01040 } /* Literal.String.Other */
.highlight .sr { color: #009926 } /* Literal.String.Regex */
.highlight .s1 { color: #d01040 } /* Literal.String.Single */
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #008080 } /* Name.Variable.Class */
.highlight .vg { color: #008080 } /* Name.Variable.Global */
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
/*




 */