:root {
   --font-default: "Segoe UI", Arial, sans-serif;
   --font-monospace: "Lucida Consolas", "Consolas", "Courier New", monospace;
   --color-orange: #f93;
   --color-dark-orange: #f71;
   --color-red: #d00;
   --color-green: #090;
   --color-blue: #009;
   --color-light-blue: #07d;
   --color-brown: #6b4e3d;
   --color-black: #000;
   --color-pale-pink: #fdd;
}

@media print {
   .noprint {
      display: none;
   }
   body {
      max-width: 800px;
   }
   #info_panel {
      display: none;
   }
   .collapse_code, .collapse_content {
      display: block;
   }
}

@media screen {
   .print {
      display: none;
   }
   #container {
      margin: 0 auto;
      max-width: 1000px;
   }
   #content {
   }
   .collapse_code, .collapse_content {
      display: none;
   }
   #info_panel {
      float: right;
      text-align: right;
      color: var(--color-text-variation-2);
      font: 80%;
   }
}

body {
   padding: 0;
   margin: 0;
   border-width: 0;
   font-size: 95%;
   font-family: var(--font-default);
   min-height: 800px;
   background-color: var(--color-background-default);
   color: var(--color-text-default);
}

/* Generic overrides */
img {
   border: 0;
   vertical-align: middle;
}
pre {
   white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;      /* Opera 4-6 */
   white-space: -o-pre-wrap;    /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
h1,h3,h4 {
   color: var(--color-text-variation-1);
}
h2 {
   color: var(--color-brown);
}
h1,h2,h3,h4 {
   margin: 0;
}
h2 {
   padding: 10px 0 5px 0;
}
h3,h4 {
   font-family: var(--font-monospace);
}
a {
   text-decoration: none;
   color: var(--color-text-link);
}
a:hover {
   color: var(--color-text-link-hover);
}
a.nohover {
   color: var(--color-text-link);
}

input[type="radio"] {
   vertical-align:middle;
   margin:0 0 2px 2px;
   padding:0;
}
var {
  font-family: times new roman;
  font-style: italic;
  font-size: 120%;
}
dfn {
   border-bottom: 1px dotted green;
   font-style: normal;
}
input[type="submit"], input[type="button"] {
   cursor: pointer;
   color: var(--color-text-variation-1);
   border:1px solid var(--color-border-default);
   background-color: var(--color-background-variation-1);
   padding: 3px 5px;
   font-weight: bold;
}
input[type="submit"]:hover, input[type="button"]:hover {
   background-color: var(--color-background-variation-2);
}
input[type="text"] {
   background-color: var(--color-background-default);
   border: 1px solid var(--color-border-default);
   padding: 2px;
   color: var(--color-text-default);
   font-size: 100%;
}
textarea {
   background-color: var(--color-background-default);
   color: var(--color-text-default);
   font-size: 125%;
}

/* Global classes */
.info {
   position: relative;
   cursor: help;
}
.info span {
   display: none;
   position: absolute;
   font-size: 90%;
   color: var(--color-text-variation-1);
   font-weight:normal;
   font-style:normal;
   top: 20px;
   padding: 5px;
   z-index: 100;
   background-color: var(--color-background-variation-1);
   border: 2px solid #666;
   border-radius: 5px;
   white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;      /* Opera 4-6 */
   white-space: -o-pre-wrap;    /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.info:hover span {
   display: block;
}
.info .heading {
   font-weight:bold;
   color: var(--color-text-variation-1);
}

.hidden {
   position: absolute;
   left: -999em;
   width: 1em;
   overflow: hidden;
}

.formula table {
   border-collapse: collapse;
   margin: 0 5px;
}
.formula .frac td {
   padding: 0 5px;
   text-align: center;
}
.overline {
   border-top: 1px solid var(--color-text-default);
}

.grid {
  border-collapse: collapse;
}
.grid tr {
   background-color: var(--color-background-default);
}
.grid th {
   color: var(--color-text-variation-1);
   text-align: center;
   font-weight: bold;
}
.grid td, .grid th {
   background-color: inherit;
   padding: 2px;
   border: 1px solid var(--color-border-default);
}

.no_border {
   border-collapse: collapse;
}
.no_border td {
   padding: 1px;
   border: none;
}
.no_border tr {
   background:none;
}

.problem_content {
   background-color: var(--color-background-default);
   font-size: 110%;
   border: solid 1px var(--color-border-default);
   box-shadow: 5px 5px 5px var(--color-border-default);
   padding:10px;
}
@media screen and (max-width: 475px) {
   .problem_content img {
      max-width:325px;
   }
}
@media screen and (max-width: 400px) {
   .problem_content img {
      max-width:300px;
   }
}
.form_box {
   background-color: var(--color-background-variation-1);
   border: 1px solid var(--color-border-default);
   padding: 10px;
   border-radius: 5px;
   box-shadow: 5px 5px 5px var(--color-border-default);
}
.custom_tags {
  border-collapse: collapse;
}

.custom_tags td, .custom_tags th {
   padding: 2px;
   border: 1px solid var(--color-border-default);
}
.post_message {
   color: var(--color-text-default);
   padding: 5px;
   font-family: var(--font-monospace);
   font-size: 1.1em;
   vertical-align: top;
   white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;      /* Opera 4-6 */
   white-space: -o-pre-wrap;    /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.forum_quote {
   background-color: var(--color-background-default);
   padding: 5px;
   padding-left: 20px;
   border: 1px solid var(--color-border-default);
   border-left: 2px solid var(--color-brown);
   margin: 5px;
}
.forum_quote blockquote {
   margin: 0px;
}
.forum_quote blockquote::before {
   content: "\201C";
   font-family: Georgia, serif;
   font-size: 300%;
   color: var(--color-brown);
   display: block;
   height: 30px;
}
.forum_quote blockquote::after {
   content: "";
}

.forum_hide {
   background-color: var(--color-orange);
   color: var(--color-orange);
   cursor: help;
   padding-left: 5px;
   padding-right: 5px;
}
.forum_hide:hover {
   color: var(--color-black);
}
.collapse_box {
   background-color: var(--color-background-default);
   border: 1px solid var(--color-border-default);
   margin: 10px;
}
.collapse_click {
   color: var(--color-text-default);
   background-color: var(--color-background-variation-1);
   cursor: pointer;
   padding: 2px;
   font-size: 90%;
   height: 20px;
}
.collapse_click:after {
   content: "";
   clear: both;
   display: table;
}
.collapse_language, .collapse_param {
   float: left;
   text-align: left;
}
.collapse_language {
   font-weight: bold;
}

.collapse_toggle {
   float: right;
   text-align: right;
}
.collapse_code, .collapse_content {
   border-top: 1px solid var(--color-border-default);
}
.collapse_code {
   font-size: 120%;
}
.collapse_code pre {
   margin: 0;
}
.collapse_content {
   padding: 5px;
}

.warning {
   color: var(--color-red);
}
.small_notice {
   color: var(--color-text-variation-1);
   font-size: 90%;
}
.note {
   font-size: 90%;
}

.anchor {
   position: relative;
   top: -80px;
}

.line_numbers {
   border-left: 35px solid var(--color-border-default);
   position: relative;
}

.line_numbers pre {
   margin:0;
   counter-reset: linenumbers;
   margin-left: 10px;
}

.line_numbers pre div:before {
   color: #666;
   content: counter(linenumbers);
   counter-increment: linenumbers;
   left: -15px;
   position: absolute;
   text-align: right;
}

.data_entry {
   padding: 10px;
   border: 1px solid var(--color-border-default);
   margin: 10px 0;
   box-shadow: 5px 5px 5px var(--color-border-default);
}
.data_entry .cell {
   float: left;
   min-width: 150px;
}
.data_entry .row {
   width: 100%;
   margin: 5px 0;
}
.data_entry .row:after {
   content: "";
   clear: both;
   display: table;
}
.data_entry .label {
   width: 150px;
   font-weight: bold;
}
.data_entry .submit {
   width: 100%;
   text-align: right;
}
.data_entry .mini {
   min-width: 45px;
   font-size: 85%;
}
.data_entry .center {
   text-align: center;
}
.data_entry textarea {
   width: 500px;
   height: 100px;
}
.data_entry .large_textarea {
   width: 750px;
   height: 400px;
}
@media screen and (max-width: 575px) {
   .data_entry textarea, .data_entry .large_textarea {
      width: 300px;
   }
}
@media screen and (max-width: 350px) {
   .data_entry textarea, .data_entry .large_textarea {
      width: 250px;
   }
}

.table_view {
   margin: 10px 0;
}
.table_view .cell {
   float: left;
}
.table_view .row {
   width: 100%;
   margin: 5px 0;
}
.table_view .lines {
   border-bottom: 1px solid var(--color-border-default);
}
.table_view .row:after {
   content: "";
   clear: both;
   display: table;
}

/* Pagination */
.pagination {
   font-size: 80%;
   height: 1%; /* IE tweak (holly hack) */
   text-align: center;
}

.pagination a, .pagination a:link, .pagination a:visited, .pagination a:active {
   display: block;
   float: left;
   font-weight:bold;
   text-decoration: none;
   color: var(--color-text-variation-1);
   margin: 2px 5px 2px 0;
   padding:3px;
   background-color:var(--color-background-variation-1);
   width: 2em;
   border:1px solid var(--color-border-default);
}


.pagination a:hover {
   background-color: var(--color-background-variation-2);
}
.pagination a.current {
   background-color: var(--color-orange);
   color: var(--color-background-default);
   font-weight: bold;
}

.pagination span {
   float: left;
   font-weight: bold;
}
@media screen and (max-width: 750px) {
   .pagination #go_to {
      content: "";
      clear: both;
      display: table;
   }

}

/* Global ids */
#header:after {
   content: "";
   clear: both;
   display: table;
}

#admin_message {
   margin: 0 auto;
   border: 1px solid var(--color-orange);
   font-size: 90%;
}

#message {
   width: 100%;
   color: var(--color-orange);
   text-align: center;
   font-weight: bold;
   border: 1px solid var(--color-border-default);
   margin-bottom: 30px;
   line-height: 2em;
}
#message a {
   color: var(--color-orange);
}

#footer {
   color: var(--color-text-variation-1);
   margin-top: 50px;
   text-align: center;
   padding: 20px;
   font-size: 90%;
}

#content {
   padding: 10px;
}

#cache_info {
   font-size:70%;
   text-align:right;
   color: var(--color-text-variation-2);
}

#tile_grid .tile_box {
   position:relative;
   text-align:center;
   float: left;
   border: 1px solid var(--color-border-default);
   width: 130px;
   height: 130px;
   padding:  5px;
   margin: 1px;
   border-radius:15px;
}
#tile_grid .inner_box {
   height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}
#tile_grid img {
   width: 75px;
}
#tile_grid .info span {
   width: 150px;
   top: 120px;
}
#tile_grid:after {
   content: "";
   clear: both;
   display: table;
}

/* Navigation bar */
.nav {
   overflow: hidden;
   background-color: var(--color-background-variation-1);
   border-top: 1px solid var(--color-border-default);
   border-bottom: 1px solid var(--color-border-default);
}
.nav a {
   float: left;
   display: block;
   color: var(--color-text-variation-1);
   font-weight: bold;
   text-align: center;
   padding: 10px 12px;
   text-decoration: none;
}
.nav a:hover {
   background-color: var(--color-background-variation-2);
   color: var(--color-text-variation-1);
}
.nav #current {
   background-color: var(--color-orange);
   color: var(--color-background-default);
}
.nav #highlight {
   color: var(--color-red);
}

.nav .hamburger {
   display: none;
}
@media screen and (max-width: 800px) {
   .nav a {display: none;}
   .nav a.hamburger {
      float: right;
      display: block;
   }
   .nav.responsive {position: relative;}
   .nav.responsive .hamburger {
      position: absolute;
      right: 0;
      top: 0;
   }
   .nav.responsive a {
      float: none;
      display: block;
      text-align: left;
   }
}

#hamburger {
   background-color: var(--color-background-variation-1);
}
.bar {
   width: 20px;
   height: 2px;
   background-color: var(--color-text-variation-1);
   margin: 3px 0;
}

.content_tab {
   overflow: hidden;
   background-color: var(--color-background-variation-1);
   border-top: 1px solid var(--color-border-default);
   border-bottom: 1px solid var(--color-border-default);
   margin: 20px 0;
   font-size: 85%;
}
.content_tab a {
   float: left;
   display: block;
   color: var(--color-text-variation-1);
   font-weight: bold;
   text-align: center;
   padding: 5px 2px;
   text-decoration: none;
   width: 60px;
}
.content_tab a:hover {
   background-color: var(--color-background-variation-2);
   color: var(--color-text-variation-1);
}
.content_tab #current {
   background-color: var(--color-orange);
   color: var(--color-background-default);
}

/* Page specifics */
#about_page #disclaimer {
   margin: 0 20px;
   border: 2px solid var(--color-border-default);
   background-color: var(--color-background-variation-1);
   color: var(--color-text-default);
   padding:10px;
   font-size:80%;
}
#about_page #euler_portrait {
   margin: 10px;
   float: right;
}
@media screen and (max-width: 400px) {
   #about_page #euler_portrait {
      width: 150px;
   }
}

#problems_table_page .sortby {
   color: var(--color-text-default);
   font-weight:bold;
}
#problems_table_page .age_minutes {
   color: var(--color-dark-orange);
}
#problems_table_page .age_hours {
   color: var(--color-dark-orange);
}
#problems_table_page .age_days {
   color: var(--color-text-variation-1);
}
#problems_table_page .age_weeks {
   color: var(--color-text-variation-2);
}
#problems_table_page #problems_table {
   max-width: 800px;
}
#problems_table_page #problems_table th.id_column {
   min-width: 40px;
}
#problems_table_page #problems_table td.id_column {
   height:  30px;
   text-align:center;
   font-weight: bold;
}
#problems_table_page #problems_table th.title_column {
   max-width: 200px;
   word-wrap:break-word;
}
#problems_table_page #problems_table th.solved_by_column {
   width: 80px;
}
#problems_table_page #problems_table th.difficulty_column {
   width: 70px;
}
#problems_table_page #problems_table td.difficulty_column {
   padding: 5px;
}
#problems_table_page #problems_table th.final_column {
   border:  none;
   background:none;
   width: 250px;
}
#problems_table_page #problems_table a {
   text-decoration: none;
}
@media screen and (max-width: 650px) {
   #problems_table_page .poster_info_1 {
      display: none;
   }
}
@media screen and (max-width: 500px) {
   .grid {
      font-size: 85%;
   }

   #problems_table_page .poster_info_2 {
      display: none;
   }
}

#show_problem_table {
   width: 100%
}
#show_problem_table .info {
   cursor: pointer;
}
#show_problem_table #previous_problem span {
   width: 250px;
}
#show_problem_table #next_problem {
   text-align: right;
}
#show_problem_table #next_problem span {
   text-align: left;
   width: 250px;
   right: 0;
}
#show_problem_table #problem_info span {
   width: 300px;
}

#forum_page .post_actions {
   text-align: right;
}
#forum_page .post_box {
   background-color: var(--color-background-almost-default);
   border: 1px solid var(--color-border-variation-1);
   margin: 5px 0;
}
#forum_page .post_header {
   background-color: var(--color-background-variation-2);
   border-bottom: 1px solid var(--color-border-variation-1);
   padding: 3px;
}
#forum_page .post_header:after {
   content: "";
   clear: both;
   display: table;
}
#forum_page .post_user {
   float: left;
}
#forum_page .post_date {
   float: right;
}
#forum_page .write_post {
   border: 1px solid var(--color-border-default);
   width: 95%;
   max-width: 95%;
   height: 200px;
   padding: 5px;
}

#forum_page #problem_link a {
   text-decoration: none;
}
#forum_page .action_buttons {
   font-size: 75%;
   text-align: right;
   font-weight: bold;
}
#forum_page .action_buttons img {
   vertical-align:bottom;
}
#forum_page .suspicious_code {
   text-align:center;
   color: var(--color-red);
   border: 1px solid var(--color-border-default);
   background-color: var(--color-background-variation-1);
   padding: 5px;
}

#progress_page .problem_history td {
   padding: 5px;
   font-size:100%;
}
#progress_page .history_panel {
   float:  left;
   padding-right: 50px;
   margin-bottom: 20px;
}
#progress_page #final_division {
   clear: both;
}
#progress_page #friend_image_box {
   float: right;
   text-align: center;
}
#progress_page #friend_box img {
   border: 1px solid var(--color-border-default);
   width: 100px;
}
#progress_page #level_image_box {
   padding: 10px;
   border: 1px solid var(--color-border-default);
   float: left;
   margin-right: 20px;
}
#progress_page #profile_name_text {
   font-size: 300%;
}
#progress_page #level_text {
   font-size: 200%;
}
#progress_page #progress_bar_section {
   margin-top: 50px;
   clear: both;
}
#progress_page #progress_bar_box {
   max-width: 100%;
   border: 1px solid var(--color-border-default);
   padding: 1px;
   margin-top: 2px;
}
#progress_page #progress_bar {
   height: 5px;
}
#progress_page #progress_bar {
   background-size: 100%;
}
#progress_page #progress_bar_box span {
   right: 0;
   top: 15px;
}

#progress_page #difficulty_progress_table th, #progress_page #difficulty_progress_table td {
   width: 120px;
   text-align :center;
}
#progress_page .difficulty_progress_bar_box {
   margin-left: 20px;
   width: 200px;
   border: 1px solid var(--color-border-default);
   margin-top: 2px;
}
@media screen and (max-width: 450px) {
   #progress_page .difficulty_progress_bar_box {
      display: none;
   }
}

#progress_page .difficulty_progress_bar {
   height: 7px;
}
#progress_page .difficulty_progress_bar_box span {
   right: 0;
   top: 15px;
}

#progress_page #levels_completed_section, #progress_page #awards_section, #progress_page #problems_section, #progress_page #posts_made_section {
   margin: 30px 0;
}
#progress_page .level_box, #progress_page .award_box, #progress_page .post_made_box {
   position: relative;
   text-align: center;
   float: left;
   border: 1px solid var(--color-border-default);
   width: 80px;
   height: 80px;
   padding: 5px;
   margin: 1px;
   border-radius: 15px;
}
#progress_page .inner_box {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}
#progress_page .post_made_box {
   border-radius: 0px;
   font-size: 90%;
   width: 100px;
   height: 20px;
}
#progress_page #levels_completed_grid img, #progress_page #problem_solving_awards_grid img, #progress_page #forum_based_awards_grid img {
   width: 75px;
}
#progress_page #levels_completed_grid:after, #progress_page #problem_solving_awards_grid:after, #progress_page #forum_based_awards_grid:after, #progress_page #posts_made_section:after, #progress_page #history_section:after, #progress_page #problems_solved_section:after {
   content: "";
   clear: both;
   display: table;
}
#progress_page #problem_solving_awards_grid:after, #progress_page #problems_solved_section:after {
   margin-bottom: 30px;
}

#progress_page #levels_completed_section .info span, #progress_page #problem_solving_awards_section .info span, #progress_page #forum_based_awards_section .info span {
   width: 150px;
   top: 50px;
}


#progress_page .problems_solved_grid {
   float: left;
   margin-right: 10px;
}
#progress_page .problems_solved_table {
   margin-bottom: 10px;
}
#progress_page .problems_solved_table td {
   width: 23px;
   height: 20px;
   vertical-align: middle;
   text-align: center;
   font-size: 90%;
   color: var(--color-text-default);
}
#progress_page #problems_solved_section .info {
   cursor: pointer;
}
#progress_page #problems_solved_section .info span {
   width: 250px;
   text-align: left;
}
#progress_page .problem_solved {
   color: var(--color-text-default);
   background-color: var(--color-background-variation-1);
}
#progress_page .problem_unsolved {
   color: var(--color-text-medium);
   background-color: var(--color-background-default);
}
#progress_page .own_problem_solved {
   color: var(--color-green);
   font-weight: bold;
}

#progress_page #posts_made_section .post_permanent {
   color: var(--color-green);
}
#progress_page #posts_made_section .kudos_permanent {
   color: var(--color-red);
}
#progress_page #posts_made_section .post_temporary, #progress_page #posts_made_section .kudos_temporary {
   color: var(--color-text-variation-1);
}

#friends_page #friends_image_box {
   float: right;
   text-align: right;
}
#friends_page #friends_image {
   border:1px solid var(--color-border-default);
   width: 200px;
}
#friends_page #friends_table th {
   max-width: 4em;
}
#friends_page #friends_table .rank_column {
   width: 2em;
   border: none;
   background: none;
   text-align: right;
   font-size: 80%;
   color: var(--color-text-variation-1);
   font-weight: bold;
}
#friends_page #friends_table .username_column {
   width: 15em;
   text-align: left;
}
#friends_page #friends_table .language_column {
   width: 8em;
   text-align: left;
}
#friends_page #friends_table .country_column, #friends_page #friends_table .solved_column, #friends_page #friends_table .level_column, #friends_page #friends_table .awards_column {
   text-align: center;
}
#friends_page #friends_table .info span {
   color: var(--color-text-default);
   width: 300px;
   top: 35px;
   text-align: left;
}
#friends_page #friends_key_section {
   clear: both;
}
#friends_page #friends_key_section input[type="input"] {
   width: 400px;
}
#friends_page #friends_key_section #my_own_key, #friends_page #friends_key_section input[type="input"] {
   font-family: var(--font-monospace);
   font-size: 110%;
}

@media screen and (max-width: 450px) {
   #friends_page #friends_table .awards_column {
      display: none;
   }
   #friends_page #friends_key_section #my_own_key, #friends_page #friends_key_section input[type="input"] {
      font-size: 90%;
      width: 250px;
   }
}

#account_page h2 {
   margin-bottom: 60px;
}

#account_page #profile_image_box {
   float: right;
   width: 250px;
   font-size: 80%;
   text-align: center;
}
#account_page #profile_image_box a {
   color: var(--color-text-default);
}

#news_page .news {
   background-color: var(--color-background-variation-1);
   border:1px solid var(--color-border-default);
   padding: 10px;
   margin-bottom: 10px;
}

#statistics_page #id_current {
   background-color: var(--color-background-variation-2);
}
#statistics_page .color_normal {
   color: var(--color-text-default);
}
#statistics_page .color_highlight {
   color: var(--color-orange);
   font-weight: bold;
}

#statistics_select_page #select_grid .select_box {
   float: left;
   vertical-align: top;
   margin: 15px 5px 15px 0;
   width: 100px;
   text-align: center;
   border: 1px solid var(--color-border-default);
   height: 200px;
   padding: 20px;
}
#statistics_select_page .select_box img {
   vertical-align: top;
   width: 100px;
}
#statistics_select_page #did_you_know {
   clear: both;
}
#statistics_select_page #levels_grid, #statistics_select_page #awards_grid {
   margin-top:3 0px;
}
#statistics_select_page #levels_table td, #statistics_select_page #awards_table td {
   width: 90px;
   font-size: 90%;
   text-align: center;
   padding: 5px;
}
#statistics_select_page #levels_table img, #statistics_select_page #awards_table img {
   width: 70px;
}
#statistics_select_page #levels_table a, #statistics_select_page #awards_table a {
   color: var(--color-text-default);
   font-weight: bold;
}
#statistics_select_page #awards_table .info span {
   top: 70px;
   width: 150px;
}

#statistics_countries_page th {
   max-width: 10em;
}
#statistics_countries_page td {
   text-align: center;
}
#statistics_countries_page .country_column {
   text-align: left;
   width: 15em;
}
#statistics_countries_page img {
   border:1px solid var(--color-border-default);
   vertical-align: middle;
   width: 21px;
}
#statistics_countries_page a {
   text-decoration: none;
}
#statistics_countries_page .user_column, #statistics_countries_page .level_column, #statistics_countries_page .mean_column {
   text-align: center;
   max-width: 10em;
}
#statistics_countries_page tr:nth-child(even) {
   background-color: var(--color-background-variation-1);
}
@media screen and (max-width: 500px) {
   #statistics_countries_page .flag_icon {
      display: none;
   }
}
@media screen and (max-width: 450px) {
   #statistics_countries_page #country_table {
      font-size: 85%;
   }
}

#statistics_languages_page th {
   width: 10em;
}
#statistics_languages_page .rank_column {
   background-color: var(--color-background-default);
   border: none;
   text-align: right;
   font-weight: bold;
   width: 2em;
}
#statistics_languages_page tr:nth-child(even) {
   background-color: var(--color-background-variation-1);
}
#statistics_languages_page td {
   text-align: center;
   width: 10em;
}
#statistics_languages_page .language_column {
   text-align: left;
}
#statistics_languages_page a {
   text-decoration: none;
}
@media screen and (max-width: 500px) {
   #statistics_languages_page #languages_table {
      font-size: 90%;
   }
}

#statistics_problems_page #graph_images img {
   width: 400px;
}
@media screen and (max-width: 450px) {
   #statistics_problems_page #graph_images img {
      width: 300px;
   }
}
#statistics_problems_page .table_block {
   float: left;
   margin-right: 20px;
   margin-bottom: 20px;
}
#statistics_problems_page th {
   width: 100px;
}
#statistics_problems_page .n_column {
   width: 2em;
   font-weight: bold;
   text-align: right;
}
#statistics_problems_page td, #statistics_problems_page th {
   text-align: center;
   font-size: 80%;
}
#statistics_problems_page .n_column, #statistics_problems_page .blank_column {
   background-color: var(--color-background-default);
   border: none;
}
#statistics_problems_page .blank_column {
   width: 50px;
}
#statistics_problems_page tr:nth-child(even) {
   background-color: var(--color-background-variation-1);
}
#statistics_problems_page:after {
   content: "";
   clear: both;
   display: table;
}

#statistics_general_table_page #image_box {
   padding: 10px;
   border: 1px solid var(--color-border-default);
   float: left;
   margin-right: 20px;
}
#statistics_general_table_page #image_box img {
   vertical-align: top;
}
#statistics_general_table_page .info span {
   width: 400px;
   top: 35px;
   text-align: left;
   color: var(--color-text-default);
}
#statistics_general_table_page .rank_column {
   border: none;
   background: none;
   font-weight: bold;
   text-align: right;
   font-size: 80%;
   color: var(--color-text-variation-1);
}
#statistics_general_table_page .username_column {
   width: 15em;
   text-align: left;
}
#statistics_general_table_page .country_column, #statistics_general_table_page .solved_column, #statistics_general_table_page .level_column {
   width: 4em;
   text-align: center;
}
#statistics_general_table_page .language_column {
   width: 8em;
}
#statistics_general_table_page a {
   text-decoration: none;
}
#statistics_general_table_page img {
   vertical-align: middle;
}
@media screen and (max-width: 450px) {
   #statistics_general_table_page #main_table {
      font-size: 85%;
   }
}

#statistics_eulerians_page li {
   margin-bottom: 30px;
}
#statistics_eulerians_page .subtitle {
   font-size: 120%;
   font-variant: small-caps;
}
#statistics_eulerians_page .rank_column {
   border: none;
   background: none;
   font-weight: bold;
   text-align: right;
   font-size: 80%;
   color:var(--color-text-variation-1);
}
#statistics_eulerians_page .username_column {
   width: 15em;
   text-align: left;
}
#statistics_eulerians_page .country_column, #statistics_eulerians_page .score_column {
   width: 4em;
   text-align: center;
}
#statistics_eulerians_page .performance_column, #statistics_eulerians_page .language_column {
   width: 8em;
}
#statistics_eulerians_page .info span {
   text-align: left;
   color: var(--color-text-default);
   width: 250px;
   top: 35px;
   right: 30px;
}
#statistics_eulerians_page .username_column .info span {
   left: 0;
}

#statistics_eulerians_page .performance_numeric {
   text-align: center;
   display: none;
}
@media screen and (max-width: 500px) {
   #statistics_eulerians_page .performance_bar {
      display: none;
   }
   #statistics_eulerians_page .performance_numeric {
      display: block;
   }
   #statistics_eulerians_page #eulerians_table {
      font-size: 75%;
   }
}

@media screen and (max-width: 700px) {
   #statistics_eulerians_page .language_column {
      display: none;
   }
}
#statistics_eulerians_page img {
   vertical-align: middle;
}
#statistics_eulerians_page a {
   text-decoration: none;
}

#statistics_fastest_solvers_page .username_column {
   max-width: 15em;
   text-align: left;
}
#statistics_fastest_solvers_page .language_column {
   width: 8em;
   text-align: left;
}
#statistics_fastest_solvers_page .time_column {
   text-align: left;
   width: 350px;
}
#statistics_fastest_solvers_page #id_current {
   background-color: var(--color-background-variation-2);
}