@charset "UTF-8";
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("/fonts/roboto-v18-latin/roboto-v18-latin-regular.woff2") format("woff2"), url("/fonts/roboto-v18-latin/roboto-v18-latin-regular.woff") format("woff"); }

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("/fonts/montserrat-v12-latin/montserrat-v12-latin-regular.woff2") format("woff2"), url("/fonts/montserrat-v12-latin/montserrat-v12-latin-regular.woff") format("woff"); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("/fonts/open-sans-v15-latin/open-sans-v15-latin-regular.woff2") format("woff2"), url("/fonts/open-sans-v15-latin/open-sans-v15-latin-regular.woff") format("woff"); }

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url("/fonts/lato-v14-latin/lato-v14-latin-regular.woff2") format("woff2"), url("/fonts/lato-v14-latin/lato-v14-latin-regular.woff") format("woff"); }

@font-face {
  font-family: 'Carter One';
  font-style: normal;
  font-weight: 400;
  src: local("Carter One"), local("Carter-One-Regular"), url("/fonts/carter-one-v9-latin/carter-one-v9-latin-regular.woff2") format("woff2"), url("/fonts/carter-one-v9-latin/carter-one-v9-latin-regular.woff") format("woff"); }

/*
original:
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
) !default;
*/
/* Forum Main TH */
/* Forum Main TD */
/* #df366d; */
/* line 1, legacy.scss */
* {
  margin: 0;
  padding: 0; }

/* line 6, legacy.scss */
img {
  border: none; }

/* line 10, legacy.scss */
html {
  overflow-y: scroll;
  height: 100%; }

/* line 16, legacy.scss */
body {
  font-size: 14px;
  font-family: Verdana, Arial, sans-serif;
  height: 100%; }

/* line 22, legacy.scss */
body#chessmail_main {
  background: #f6f7f8 url("/img/global/bg_centered.png") repeat-y fixed 50% 0;
  color: #212529;
  margin-left: auto;
  margin-right: auto; }

/* line 29, legacy.scss */
body#chessmail_error {
  padding: 15px; }

/* line 33, legacy.scss */
body#chessmail_plain {
  background-color: #f6f7f8; }

/* line 37, legacy.scss */
body #wrap {
  width: 1008px;
  min-height: 100%;
  margin: 0 auto; }

@media (max-width: 1100px) {
  /* line 44, legacy.scss */
  body#chessmail_main {
    background: #f6f7f8; }
  /* line 47, legacy.scss */
  body #wrap {
    margin: 0; } }

/* line 52, legacy.scss */
body.noSidebar #wrap {
  background: none; }

/* line 56, legacy.scss */
li {
  margin-left: 2em; }

/* line 60, legacy.scss */
p {
  line-height: 1.5em;
  margin-bottom: 0.5rem; }

/* line 65, legacy.scss */
ul.list {
  padding-bottom: 0.9em;
  margin-bottom: 0; }

/* line 70, legacy.scss */
#content {
  padding-top: 4px; }

/* round corners */
/* line 75, legacy.scss */
#content div.inlineErrorMessage, #content .optionlist {
  border-radius: 0.5em; }

/* line 79, legacy.scss */
#container {
  width: 990px; }

/* line 83, legacy.scss */
table {
  border-collapse: collapse; }

/* line 87, legacy.scss */
table td {
  vertical-align: top; }

/* line 91, legacy.scss */
br.clr {
  clear: both;
  height: 0;
  font-size: 0; }

/* line 97, legacy.scss */
a {
  color: #4272b9;
  text-decoration: none; }
  /* line 101, legacy.scss */
  a:hover {
    color: #355b93; }

/* line 106, legacy.scss */
#content p a {
  color: #3e6399;
  text-decoration: none; }

/* line 112, legacy.scss */
#content p a:hover {
  color: #4884db; }

/* Forum Main TH */
/* Forum Main TD */
/* #df366d; */
/* line 3, navbar.scss */
body #content div.navbar a.active,
body.mailbox-inbox #content a.link_mailbox-inbox,
body.mailbox-outbox #content a.link_mailbox-outbox,
body.game-list-running #content a.link_game-list-running,
body.game-list-finished #content a.link_game-list-finished,
body.game-list-bookmarked #content a.link_game-list-bookmarked,
body.ranking-top100 #content a.link_ranking-top100,
body.ranking-top500 #content a.link_ranking-top500,
body.ranking-top1000 #content a.link_ranking-top1000,
body.ranking-top1500 #content a.link_ranking-top1500,
body.ranking-top2000 #content a.link_ranking-top2000,
body.livechess-ranking-top100 #content a.link_livechess-ranking-top100,
body.livechess-ranking-top500 #content a.link_livechess-ranking-top500,
body.livechess-ranking-top1000 #content a.link_livechess-ranking-top1000,
body.livechess-ranking-top1500 #content a.link_livechess-ranking-top1500,
body.livechess-ranking-top2000 #content a.link_livechess-ranking-top2000,
body.championship-view #content a.link_championship-view,
body.championship-rules #content a.link_championship-rules,
body.settings-settings #content a.link_settings-settings,
body.settings-breaks #content a.link_settings-breaks,
body.settings-personalData #content a.link_settings-personalData,
body.settings-friends #content a.link_settings-friends,
body.tournament-list #content a.link_tournament-list,
body.tournament-new #content a.link_tournament-new,
body.tournament-archive #content a.link_tournament-archive,
body.tournament-view #content a.link_tournament-view,
body.tournament-rules #content a.link_tournament-rules,
body.competitions-overview #content a.link_competitions-overview,
body.tournament-list #content a.link_competitions-overview,
body.tournament-new #content a.link_competitions-overview,
body.tournament-archive #content a.link_competitions-overview,
body.ranking-1 #content a.link_competitions-overview,
body.ranking-6 #content a.link_competitions-overview,
body.ranking-8 #content a.link_competitions-overview,
body.ranking-9 #content a.link_competitions-overview,
body.ranking-10 #content a.link_competitions-overview,
body.ranking-11 #content a.link_competitions-overview,
body.ranking-12 #content a.link_competitions-overview,
body.ranking-13 #content a.link_competitions-overview,
body.championship-list #content a.link_competitions-overview {
  color: #fff;
  background-color: #3e6399;
  /* box-shadow: none; */ }

/* line 3, forums.scss */
table.forum.skin_main th {
  background-color: #C9D3E4; }

/* line 4, forums.scss */
table.forum.skin_main tr td, #content form.forum.skin_main, table.forum tr td.skin_main {
  background-color: #E5E9F2; }

/* line 6, forums.scss */
table.forum.skin_wiki th {
  background-color: #dedede; }

/* line 7, forums.scss */
table.forum.skin_wiki tr td, #content form.forum.skin_wiki, table.forum tr td.skin_wiki {
  background-color: #ededed; }

/* line 9, forums.scss */
table.forum.skin_tournament th {
  background-color: #B9E1B4; }

/* line 10, forums.scss */
table.forum.skin_tournament tr td, #content form.forum.skin_tournament, table.forum tr td.skin_tournament {
  background-color: #E0F1DE; }

/* line 12, forums.scss */
table.forum.skin_puzzle th {
  background-color: #E4E4B6; }

/* line 13, forums.scss */
table.forum.skin_puzzle tr td, #content form.forum.skin_puzzle, table.forum tr td.skin_puzzle {
  background-color: #F2F2DE; }

/* line 15, forums.scss */
table.forum.skin_games th {
  background-color: #D1E3B5; }

/* line 16, forums.scss */
table.forum.skin_games tr td, #content form.forum.skin_games, table.forum tr td.skin_games {
  background-color: #EBF2DE; }

/* line 18, forums.scss */
table.forum.skin_help th {
  background-color: #E4CAB6; }

/* line 19, forums.scss */
table.forum.skin_help tr td, #content form.forum.skin_help, table.forum tr td.skin_help {
  background-color: #F2E6DD; }

/* line 21, forums.scss */
table.forum.skin_proposal th {
  background-color: #B6DCE4; }

/* line 22, forums.scss */
table.forum.skin_proposal tr td, #content form.forum.skin_proposal, table.forum tr td.skin_proposal {
  background-color: #DBEDF2; }

/* line 24, forums.scss */
table.forum.skin_clubadmins th {
  background-color: #d9d9c1; }

/* line 25, forums.scss */
table.forum.skin_clubadmins tr td, #content form.forum.skin_clubadmins, table.forum tr td.skin_clubadmins {
  background-color: #f0eee3; }

/* line 27, forums.scss */
.forumMessageOutput.skin_main {
  border: 2px solid #a8aebe; }

/* line 28, forums.scss */
.forumMessageOutput.skin_tournament {
  border: 2px solid #94b38f; }

/* line 29, forums.scss */
.forumMessageOutput.skin_puzzle {
  border: 2px solid #afaf8c; }

/* line 30, forums.scss */
.forumMessageOutput.skin_games {
  border: 2px solid #b4bf9b; }

/* line 31, forums.scss */
.forumMessageOutput.skin_help {
  border: 2px solid #c5ae9c; }

/* line 32, forums.scss */
.forumMessageOutput.skin_proposal {
  border: 2px solid #95b4bc; }

/* line 33, forums.scss */
.forumMessageOutput.skin_clubadmins {
  border: 2px solid #b2b29d; }

/* line 119, legacy.scss */
.subboardnav a, .forums a, .optionlist a, #button_registration a {
  text-decoration: none; }

/* line 123, legacy.scss */
a.input {
  text-decoration: none;
  font-size: 140%;
  position: relative;
  top: 1px; }

/* line 130, legacy.scss */
a, a.action, a.backlink {
  color: #4272b9;
  text-decoration: none; }
  /* line 134, legacy.scss */
  a:hover, a.action:hover, a.backlink:hover {
    color: #355b93; }

/* line 140, legacy.scss */
a.action, a.backlink {
  font-weight: bold; }

/* line 144, legacy.scss */
a.action.button {
  padding: 2px 6px;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #3e6399; }

/* line 151, legacy.scss */
a.action.red {
  color: #b51142; }

/* line 155, legacy.scss */
a.action.red:hover {
  color: #f6034b; }

/* line 159, legacy.scss */
a#settings:hover, #sidebar #navi_left ul.lvl_1 li a:hover, #sidebar #navi_left ul.lvl_2 li a:hover, #sidebar #navi_left ul.extra li a:hover,
#sidebar #navi_left ul.lvl_2 li a.highlight:hover,
#content a.userInfo.runningGame:hover {
  color: #006f00; }

/* line 165, legacy.scss */
a.inactive, div.subboardnav a.inactive {
  color: #8a8b8c;
  cursor: default; }

/* line 170, legacy.scss */
div.subboardnav a.inactive:hover {
  color: #8a8b8c; }

/* line 174, legacy.scss */
a.yesNoSwitch {
  text-decoration: none; }

/* line 178, legacy.scss */
a.yesNoSwitch.value_true {
  color: #008800;
  font-weight: bold; }

/* line 183, legacy.scss */
a.yesNoSwitch.value_false {
  color: #b51142; }

/* line 187, legacy.scss */
table.data a.yesNoSwitch.value_true {
  background-color: #c7dbc1; }

/* line 191, legacy.scss */
table.championship tr th {
  background-color: #c8d3e9; }

/* line 195, legacy.scss */
table.championship tr td {
  background-color: #e9ecf0; }

/* line 199, legacy.scss */
#content table.data tr.highlight td a, #content table.data tr td a.highlight {
  font-weight: bold;
  color: #008800; }

/* #content table.data tr.highlight.over td a, #content table.data tr.over td a.highlight { color:$color21h; } */
/* line 206, legacy.scss */
#content table.data tr.highlight2 td a, #content table.data tr td a.highlight2 {
  font-weight: bold;
  color: #3e6399; }

/* #content table.data tr.highlight2.over td a, #content table.data tr.over td a.highlight2 { color:$color12h; } */
/*
#content table.data tr.internal td a, #content table.data tr.internal td a span { color:$color21;
     }
#content table.data tr.internal td:first-child a {
    background-image: url(/img/icons2/club_internal.png); background-repeat: no-repeat; background-position: right 2px;
}
*/
/*
#content table.data tr.internal.over td a, #content table.data tr.internal.over td a span { color:$color21h; }
*/
/* line 223, legacy.scss */
#content table.data tr.alert td a, #content table.data tr td a.alert {
  color: #b51142; }

/* #content table.data tr.alert.over td a, #content table.data tr.over td a.alert { color:$color31h; } */
/* line 229, legacy.scss */
#content table.data tr.disabled td a, #content table.data tr td a.highlight {
  color: #495057; }

/* line 233, legacy.scss */
span.alert {
  margin-bottom: 1em;
  color: #b51142; }

/* line 238, legacy.scss */
div.alert, p.alert {
  color: #b51142; }

/* line 242, legacy.scss */
div.info, p.info {
  color: darkcyan; }

/* line 247, legacy.scss */
.below_table {
  margin-top: -15px; }

/* line 251, legacy.scss */
span.error, div.error {
  color: #b51142;
  display: block;
  margin-bottom: 1.5em; }

/* line 257, legacy.scss */
#content div.inlineErrorMessage {
  border: 1px solid #b51142;
  padding: 0.5em;
  margin-bottom: 1em;
  font-weight: bold;
  display: none; }

/* line 265, legacy.scss */
div.inlineMessage {
  box-sizing: border-box;
  position: fixed;
  max-width: 800px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  border-radius: 3px;
  padding: 4px 12px;
  box-shadow: 0 1px 2px -0.5px rgba(0, 0, 0, 0.3);
  background-color: #fffdb8;
  display: none; }
  @media screen and (min-width: 900px) {
    /* line 265, legacy.scss */
    div.inlineMessage {
      top: 4px; } }

/* line 285, legacy.scss */
#content div.inlineMessage a {
  text-decoration: underline; }

/* line 289, legacy.scss */
#header {
  height: 72px;
  width: 220px;
  left: 0;
  top: 0;
  z-index: 1000; }

/* line 297, legacy.scss */
body.noSidebar #header {
  height: 28px; }

/*
#leaderboard_top { top: 0; left: 257px; }
*/
/* line 304, legacy.scss */
#banner_skyscraper_rechts {
  float: left; }

/*
#banner_box180_rechts { margin-top: 1em; float: left; }
*/
/* line 311, legacy.scss */
#banner_120_top {
  top: 0;
  left: 870px; }

/*
#banner_small_home { margin-bottom: 1em; float: left; }
#banner_small_home div { float: left; margin-right: 34px; border: 1px solid$color005; height: 90px; background-color: white;
    border-radius: 0.2em; }
#banner_small_home div.last { margin-right: 0; }
*/
/* line 323, legacy.scss */
.closeable {
  cursor: pointer; }

/* line 327, legacy.scss */
#chessmail_main #content {
  width: 788px;
  float: left;
  margin-left: 200px; }

/* line 333, legacy.scss */
#chessmail_main.noSidebar #content {
  width: auto;
  margin-left: 0;
  padding: 18px; }

/* line 339, legacy.scss */
#chessmail_main #content #content_wrapper {
  width: 788px;
  min-height: 520px;
  padding-bottom: 100px; }

/* line 345, legacy.scss */
#chessmail_main.noSidebar #content #content_wrapper {
  width: 100%; }

/* line 353, legacy.scss */
ul li, ol li {
  line-height: 1.5em; }

/* line 357, legacy.scss */
#content ul li, #content ol li {
  margin-bottom: 0.2em; }

/* line 361, legacy.scss */
img.left {
  float: left;
  margin-right: 1em; }

/* line 366, legacy.scss */
img.right {
  float: right;
  margin-left: 1em; }

/* line 371, legacy.scss */
img.screenshot {
  border: 1px solid #343a40; }

/* line 375, legacy.scss */
img.border {
  border: 1px solid #999;
  padding: 1px; }

/* line 380, legacy.scss */
textarea {
  padding: 1px;
  font-size: 1em;
  font-family: Verdana, Arial, sans-serif;
  width: 480px; }

/* line 387, legacy.scss */
div.content_left {
  width: 605px;
  float: left; }

/* line 392, legacy.scss */
div.content_right {
  width: 178px;
  float: right; }

/* line 397, legacy.scss */
div.content_form {
  width: 590px; }

/* line 401, legacy.scss */
span.highlight {
  color: #008800; }

/* line 405, legacy.scss */
div.separator20 {
  margin-bottom: 20px; }

/* line 409, legacy.scss */
small.subtitle {
  position: relative;
  top: -0.5em;
  line-height: 0.5em; }

/* line 415, legacy.scss */
.searchfound {
  float: left;
  margin-bottom: 4px; }

/* line 420, legacy.scss */
.search_pagelinks .separator {
  float: left;
  cursor: default; }

/* line 425, legacy.scss */
.search_pagelinks {
  float: right;
  margin-bottom: 4px; }

/* line 430, legacy.scss */
.search_pagelinks div.pager {
  float: left; }

/* line 434, legacy.scss */
.search_pagelinks a {
  float: left;
  text-decoration: none;
  color: #343a40; }

/* line 440, legacy.scss */
.search_pagelinks div.pager a, .search_pagelinks div.pager strong {
  font-size: 1.0em;
  color: #495057;
  padding-left: 4px;
  padding-right: 4px; }

/* line 447, legacy.scss */
.search_pagelinks div.pager strong {
  font-weight: bold;
  color: #343a40;
  position: relative;
  float: left;
  display: block;
  cursor: default; }

/* line 456, legacy.scss */
.search_pagelinks img {
  float: left;
  height: 16px;
  position: relative;
  top: 1px; }

/* line 463, legacy.scss */
p.empty, span.empty, p.disabled, span.disabled, div.disabled {
  color: #495057; }

/* line 467, legacy.scss */
span.small {
  font-size: 12px;
  font-weight: normal; }

/* line 472, legacy.scss */
div.info {
  line-height: 1.3em;
  padding: 1em 1em 0.5em 1em;
  border: 2px dashed #8a8b8c;
  background-color: #fff;
  margin-bottom: 1em;
  border-radius: 0.4em; }

/* line 481, legacy.scss */
div.info a {
  font-weight: bold; }

/* line 485, legacy.scss */
div.forums {
  margin: 0;
  width: 100%; }

/* line 490, legacy.scss */
div.forums a.button {
  margin: 0;
  float: right;
  font-weight: bold;
  color: #008800;
  background-color: white;
  font-size: 13px;
  padding: 1px 14px;
  position: relative;
  top: -2px;
  border: 1px solid #a0a1a2; }
  /* line 500, legacy.scss */
  div.forums a.button:hover {
    background-color: #f6f7f8; }

/* line 506, legacy.scss */
div.forums ul {
  width: 90%;
  list-style: none;
  float: left;
  margin: 0;
  clear: both; }

/* line 514, legacy.scss */
div.forums ul li {
  float: left;
  padding: 0 22px 4px 0;
  margin: 0; }

/* line 520, legacy.scss */
div.forums ul li a {
  float: left;
  font-weight: bold; }

/* line 525, legacy.scss */
div.forums ul li a {
  color: #343a40; }

/* line 529, legacy.scss */
div.forums ul li a:visited, div.forums ul li a.read {
  color: #8a8b8c; }

/* line 533, legacy.scss */
div.forums ul li a.current, div.forums ul li a:hover,
#content table.forum tr td.active a, table.forum tr td.active a span {
  color: #3e6399; }

/* line 538, legacy.scss */
#content table.forum tr td.active {
  background-color: #fff; }

/* line 542, legacy.scss */
table.vertical {
  table-layout: fixed;
  margin-bottom: 1em;
  width: 100%; }

/* line 548, legacy.scss */
table.vertical thead {
  border: none; }

/* line 552, legacy.scss */
table.vertical tbody {
  border: none; }

/* line 556, legacy.scss */
table.vertical tr.last {
  border-bottom: none; }

/* line 560, legacy.scss */
table.vertical td {
  background-color: #fff;
  border: 1px solid #a0a1a2; }
  /* line 563, legacy.scss */
  table.vertical td img {
    float: left;
    margin-right: 4px; }

/* line 569, legacy.scss */
table.vertical th {
  background: #edeeef none;
  border: 1px solid #a0a1a2;
  width: 140px;
  text-align: left; }

/* line 576, legacy.scss */
table.vertical th, table.vertical td {
  padding: 0.25em 0.5em 0.25em 0.5em; }

/* line 580, legacy.scss */
table.form td {
  padding-bottom: 0.4em; }

/* line 584, legacy.scss */
table.form td label {
  margin-right: 1em; }

/* line 588, legacy.scss */
#content div.usertext, #content form textarea.userinput {
  line-height: 1.5em;
  /* font-family: courier, monospace; font-size: 1.1em; letter-spacing: 0.01em; */ }

/* line 592, legacy.scss */
#content div.usertext {
  border-radius: 0.2em;
  overflow: auto;
  margin-bottom: 1em;
  background-color: white;
  border: 1px solid #a0a1a2;
  padding: 0.5em 0.5em 2em 0.5em; }

/* line 601, legacy.scss */
#content div.usertext div {
  width: 540px; }

/* line 605, legacy.scss */
#content div.usertext.mailbox div {
  min-height: 120px; }

/* line 609, legacy.scss */
#content form textarea.userinput {
  height: 160px; }

/* line 613, legacy.scss */
#content form textarea.userinput.small {
  height: 120px; }

/* line 617, legacy.scss */
#content form.mailbox textarea.userinput {
  width: 540px;
  height: 240px;
  line-height: 1.5em; }

/* line 623, legacy.scss */
#content form.mailbox input.text {
  width: 540px; }

/* line 627, legacy.scss */
#content form textarea {
  width: 540px;
  height: 100px; }

/* line 632, legacy.scss */
#content form textarea.large {
  height: 240px; }

/* line 636, legacy.scss */
#content form h1 {
  margin-bottom: 1em; }

/* line 640, legacy.scss */
#content form h3 {
  margin-bottom: 15px; }

/* line 644, legacy.scss */
.box form {
  border: none;
  padding: 1em 0 0 0;
  border-top: 1px solid #a0a1a2; }

/* line 650, legacy.scss */
#content form.table {
  padding: 0;
  border: none;
  background-color: transparent; }

/* line 656, legacy.scss */
#content div.box.output {
  border: 1px solid #a0a1a2;
  background-color: #edeeef; }

/* line 661, legacy.scss */
#content div.box.output.mailbox, #content form.mailbox {
  background-color: #FFF8E0; }

/* line 665, legacy.scss */
div#boardTopNav {
  float: left;
  width: 473px;
  height: 23px;
  margin-top: 6px; }

/* line 672, legacy.scss */
.horizontal_nav ul {
  list-style-type: none;
  float: left; }

/* line 677, legacy.scss */
.horizontal_nav ul li {
  float: left;
  margin: 0 0 0 0; }

/* line 682, legacy.scss */
.horizontal_nav ul li a {
  display: block;
  width: 32px;
  height: 32px;
  position: relative;
  top: -8px;
  left: -8px; }

/* line 691, legacy.scss */
.horizontal_nav ul li a img {
  position: relative;
  left: 8px;
  top: 8px; }

/* line 697, legacy.scss */
.horizontal_nav ul li.gameListIndex div {
  position: relative;
  top: -1px;
  font-weight: bold;
  color: #3e6399; }

/* line 704, legacy.scss */
#boardTopNav div.gameMoveInfo {
  font-weight: bold;
  color: #495057; }

/* line 709, legacy.scss */
div#currentMoveData {
  float: left;
  margin-top: 4px; }

/* line 714, legacy.scss */
div.diagramRemote {
  margin-top: 2px;
  float: right; }

/* line 719, legacy.scss */
div.diagramRemote div {
  float: right; }

/* line 723, legacy.scss */
div.diagramRemote div img, div.diagramRemote div div.separator {
  float: left; }

/* line 727, legacy.scss */
div.diagramRemote div div.separator {
  height: 10px;
  width: 10px; }

/* line 732, legacy.scss */
div.diagram.set128 {
  float: left;
  padding-right: 17px;
  padding-top: 19px;
  border-radius: 1px; }

/* line 742, legacy.scss */
div.diagram.set128 table td.field {
  border: 1px solid;
  width: 54px;
  height: 53px;
  background-size: 54px 53px; }

/* line 749, legacy.scss */
div.diagram.set128 table td.field img {
  width: 54px;
  height: 53px;
  float: left; }

/* line 755, legacy.scss */
div.diagram.set128 table td.number {
  width: 18px;
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  position: relative;
  left: -1px; }

/* line 767, legacy.scss */
div.diagram.set128 table td.letter {
  height: 19px;
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  margin: 0; }

/* etwas dunkler */
/* line 778, legacy.scss */
div.diagram.set128 {
  background-color: #c2ba9d; }

/* line 782, legacy.scss */
div.diagram.set128 table td.field {
  border-color: rgba(255, 255, 255, 0.8); }

/* line 787, legacy.scss */
div.diagram.set128 table td.field.black {
  background-color: #d2bd94; }

/* line 791, legacy.scss */
div.diagram.set128 table td.field.white {
  background-color: #e6d8b6; }

/* line 795, legacy.scss */
div.diagram.set128 table td.number, div.diagram.set128 table td.letter {
  color: RGBA(0, 0, 0, 0.6);
  font-size: 12px; }

/* FEN */
/* line 801, legacy.scss */
table.diagram {
  border-collapse: collapse; }

/* line 805, legacy.scss */
table.diagram td * {
  float: left; }

/*
div.diagram.v3 {
  box-sizing: border-box;
  padding: 0;
  float: left;
  // width: 100%;
  border: 5px solid $color-diagram-border;
  table {
    width: 8*58+1px;
    height: 8*58-7px;
    td.field {
      // box-shadow: inset -1px -1px 1px 0 RGBA(0,0,0,0.1);
      box-shadow: inset -1px -1px 2px 0 RGBA(0,0,0,0.15);
      border-left: 1px solid $color-diagram-field-border;
      border-top: 1px solid $color-diagram-field-border;
      overflow: hidden;
      background-size: 57px 56px;
      img {
        margin: 0 0 0 0;
        position: absolute;
        z-index: 0;
        width: 57px;
      }
      .notation {
        position: relative;
        height: 0;
        width: 0;
        z-index: 1;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        &.numeric {
          top: 1px;
          left: 1px;
        }
        &.alpha {
          top: 40px;
          left: 47px;
        }
      }
      &.black {
        background-color: $color-diagram-field-black;
        .notation {
          color: $color-diagram-notation-black;
        }
      }
      &.white {
        background-color: $color-diagram-field-white;
        .notation {
          color: $color-diagram-notation-white;
        }
      }
    }
  }
}
*/
/* line 863, legacy.scss */
#moveNotationInput {
  width: 60px;
  float: left; }

/* line 868, legacy.scss */
#moveType {
  float: right; }

/* line 872, legacy.scss */
#gameDiagram {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4); }

/* line 876, legacy.scss */
#moveMessageList {
  float: left;
  width: 100%;
  height: 280px;
  overflow: auto; }

/* line 883, legacy.scss */
#moveMessageList .message {
  margin-bottom: 7px;
  padding: 4px 8px;
  border-radius: 4px;
  color: #a0a1a2;
  overflow: hidden; }
  /* line 890, legacy.scss */
  #moveMessageList .message .userInfo {
    font-weight: bold;
    color: #a0a1a2; }

/* line 896, legacy.scss */
#moveMessageList .message a {
  color: #495057; }

/* line 900, legacy.scss */
#moveMessageList .lastMessage {
  padding: 4px 8px;
  margin-bottom: 0.75em;
  line-height: 1.4em;
  border-radius: 0.5em;
  background-color: #edeeef;
  border: 1px solid #c5c6c7; }

/* line 913, legacy.scss */
#moveMessageList .message.highlight {
  background-color: #c8d3e9;
  box-shadow: 0 1px 2px -0.5px rgba(0, 0, 0, 0.3);
  color: #343a40; }
  /* line 918, legacy.scss */
  #moveMessageList .message.highlight .userInfo {
    color: #343a40; }

/* line 923, legacy.scss */
#moveMessageList .message.highlight .moveNumber {
  color: #343a40; }

/* line 927, legacy.scss */
#moveMessageList .message.highlight a {
  color: #343a40; }

/* line 931, legacy.scss */
#moveMessageList .move {
  float: left;
  margin: 0 0.5em 0.5em 0;
  font-weight: bold;
  color: #495057; }

/* line 938, legacy.scss */
#moveMessageList .move.highlight {
  color: #343a40; }

/* line 942, legacy.scss */
div.subboardnav {
  margin-bottom: 4px;
  margin-top: 3px;
  float: left;
  width: 100%; }

/* line 949, legacy.scss */
div.subboardnav a {
  line-height: 2.5em;
  font-weight: bold;
  color: #3e6399; }

/* line 955, legacy.scss */
div.subboardnav a:hover {
  color: #4884db; }

/* line 959, legacy.scss */
div.subboardnav a {
  margin-right: 1.5em; }

/* line 963, legacy.scss */
div.subboardnav a.highlight {
  color: #4884db; }

/* line 967, legacy.scss */
div.subboardnav a.last {
  margin-right: 0; }

/* line 971, legacy.scss */
div.subboardnav div.tools {
  margin-top: 3px;
  padding-left: 1px; }

/* line 982, legacy.scss */
div.subboardnav div.tools a.highlight {
  border-color: green; }

/* line 986, legacy.scss */
div.note {
  width: 435px;
  border: 1px solid #c5c6c7;
  clear: both;
  background-color: white;
  border-radius: 0.3em; }

/* line 994, legacy.scss */
div.note div.triangle {
  width: 21px;
  height: 0; }

/* line 999, legacy.scss */
div.note div.triangle div {
  background-image: url(/img/global/noteballoon.png);
  width: 21px;
  height: 13px;
  position: relative;
  left: 32px;
  top: -11px; }

/* line 1008, legacy.scss */
div.note p {
  padding: 4px 7px;
  margin-bottom: 0; }

/* line 1013, legacy.scss */
div.floatingtext {
  padding: 0.6em 0.6em 0.2em 0.6em; }

/* line 1017, legacy.scss */
div.floatingtext h3 {
  margin-top: 1em; }

/* line 1021, legacy.scss */
div.bubble {
  margin-bottom: 2em;
  margin-top: 30px; }

/* line 1026, legacy.scss */
h1.bubbleHl {
  margin: 0;
  padding: 0; }

/* line 1031, legacy.scss */
div.bubble div.triangle, div.bubble div.body, #userTooltip {
  background-color: #c8d3e9; }

/* line 1035, legacy.scss */
div.bubble div.triangle {
  margin-left: 12px;
  width: 16px;
  height: 16px;
  /* position: relative; top: 1px; */ }

/* line 1041, legacy.scss */
div.bubble div.triangle div {
  background-image: url(/img/global/bubble/triangle.gif);
  width: 18px;
  height: 18px; }

/* line 1047, legacy.scss */
div.bubble div.body {
  font-family: Geneva, sans-serif;
  font-size: 16px;
  margin-bottom: 1em; }

/* line 1053, legacy.scss */
textarea#statement {
  font-family: Geneva, sans-serif;
  font-size: 16px;
  padding: 4px;
  color: #163249; }

/* line 1060, legacy.scss */
div.bubble div.body {
  padding: 1em 1em 0.5em 1em; }

/* line 1064, legacy.scss */
div.bubble div.body {
  border-radius: 0.4em; }

/* line 1068, legacy.scss */
div.bubble div.body p {
  color: #343a40;
  line-height: 1.5em; }

/*
div.bubble.data div.body { font-family: Verdana, sans-serif; font-size: 12px; background-color:$color009; border: 1px solid$color006; }
*/
/* line 1077, legacy.scss */
div.actions ul li h1 {
  margin-bottom: 0.5em;
  margin-right: 0; }

/* line 1082, legacy.scss */
div.actions {
  margin: 0 0 0.5em 0;
  float: left; }

/* line 1087, legacy.scss */
div.actions ul {
  list-style: none;
  float: left;
  margin: 0; }

/* line 1093, legacy.scss */
div.actions.stack ul {
  float: none; }

/* line 1097, legacy.scss */
div.actions.vertical ul {
  float: none; }

/* line 1101, legacy.scss */
div.actions ul li {
  margin: 0 2em 0 0;
  float: left; }

/* line 1106, legacy.scss */
div.actions.stack ul li {
  float: none; }

/* line 1110, legacy.scss */
div.actions.vertical ul li {
  float: none;
  padding-bottom: 0.5em; }

/* line 1115, legacy.scss */
div.actions a {
  border: none;
  margin: 0;
  background-color: transparent;
  font-weight: bold;
  color: #3e6399; }

/* line 1123, legacy.scss */
div.actions a {
  text-decoration: none;
  padding: 2px 0 2px 0; }

/* line 1128, legacy.scss */
div.actions a:hover {
  color: #4884db; }

/* line 1132, legacy.scss */
#content div.actions.inline {
  position: relative;
  top: 7px;
  padding-left: 2em;
  float: left;
  margin-top: 0.5em;
  width: auto; }

/* line 1141, legacy.scss */
#content div.actions.inline.h2 {
  top: -1px; }

/* line 1145, legacy.scss */
#content div.actions.inline ul {
  margin: 0;
  padding: 0;
  float: left; }

/* line 1151, legacy.scss */
#content div.actions.inline ul li {
  padding: 0;
  margin: 0 2em 0 0; }

/* line 1156, legacy.scss */
div.actionsDropdown {
  float: left;
  cursor: pointer; }

/* line 1161, legacy.scss */
div.toolbar {
  margin: 0.5em 0 1em 0;
  float: left;
  width: 100%; }

/* line 1167, legacy.scss */
div.toolbar ul {
  list-style: none;
  float: left;
  margin: 0 0 0 0; }

/* line 1173, legacy.scss */
div.toolbar ul li {
  margin: 0 1.5em 0 0;
  float: left; }

/* line 1181, legacy.scss */
div.toolbar ul li a {
  text-decoration: none;
  font-weight: bold;
  color: #3e6399; }

/* line 1187, legacy.scss */
div.toolbar ul li a:hover {
  color: #4884db; }

/* line 1191, legacy.scss */
div.backLink a, a.backlink {
  font-weight: bold; }

/* line 1195, legacy.scss */
div.actions a.backlink.withicon {
  background-position: 2px 2px; }

/* line 1199, legacy.scss */
.withicon {
  background-repeat: no-repeat;
  padding-left: 22px; }

/* line 1204, legacy.scss */
div.optionlist {
  padding-top: 4px;
  margin-bottom: 1em; }

/* line 1209, legacy.scss */
div.optionlist ul {
  list-style: none; }

/* line 1213, legacy.scss */
div.optionlist ul li {
  margin: 0;
  padding-bottom: 0px; }

/* line 1218, legacy.scss */
div.optionlist ul li a {
  color: #3e6399;
  font-weight: bold;
  display: block; }
  /* line 1222, legacy.scss */
  div.optionlist ul li a:hover {
    color: #4884db !important; }

/* div.optionlist ul li a:hover { color:$color000; background-color: white; border-color:$color000; } */
/* line 1228, legacy.scss */
div.optionlist ul li .withicon {
  background-position: 2px 8px;
  padding: 4px 8px 4px 28px; }

/* line 1233, legacy.scss */
div.optionlist ul li a.sendmessage {
  background-image: url(/img/icons2/mail.png);
  background-size: 16px 16px; }

/* line 1238, legacy.scss */
div.optionlist ul li a:hover {
  color: #006f00; }

/* line 1242, legacy.scss */
div.optionlist ul li a.play {
  background-image: url(/img/icons2/playchess.png);
  background-size: 16px 16px; }

/* line 1247, legacy.scss */
div.optionlist ul li span.play.disabled {
  background-image: url(/img/icons2/playchess_of.png);
  background-size: 16px 16px; }

/* line 1252, legacy.scss */
div.optionlist ul li a.addStar {
  background-image: url(/img/icons2/star.png);
  background-size: 16px 16px; }

/* line 1257, legacy.scss */
div.optionlist ul li a.addIgnore {
  background-image: url(/img/icons2/ignore.png);
  background-size: 16px 16px; }

/* line 1262, legacy.scss */
div.optionlist ul li a.removeIgnore {
  background-image: url(/img/icons2/ignore.png);
  background-size: 16px 16px; }

/* line 1267, legacy.scss */
ul.dataoutput {
  list-style: none;
  padding: 0; }

/* line 1272, legacy.scss */
ul.dataoutput li {
  margin: 0 0 0.4em 0;
  padding: 0; }

/* line 1277, legacy.scss */
div.gamestatistic {
  float: left;
  position: relative;
  padding: 0; }

/* line 1283, legacy.scss */
div.gamestatistic div {
  float: left;
  padding: 0;
  height: 19px; }

/* line 1289, legacy.scss */
div.gamestatistic div div {
  float: left;
  font-size: 80%;
  margin-left: 2px;
  color: #343a40;
  line-height: 1.0em;
  padding: 4px 1px; }

/* line 1298, legacy.scss */
div.gamestatistic div.won {
  background-color: #8ed296; }

/* line 1302, legacy.scss */
div.gamestatistic div.remis {
  background-color: white; }

/* line 1306, legacy.scss */
div.gamestatistic div.lost {
  background-color: #fbbb69; }

/* line 1310, legacy.scss */
div.bgbox {
  padding-left: 0; }

/* line 1314, legacy.scss */
h1.starable, h1.starable span, h1.starable a {
  float: left; }

/* line 1318, legacy.scss */
h1.starable span, h1.starable a {
  margin-right: 0.4em; }

/* line 1322, legacy.scss */
img.star {
  float: left;
  position: relative;
  top: 4px; }

/* line 1328, legacy.scss */
table.scoresheet {
  border-collapse: collapse;
  margin-bottom: 1em; }

/* line 1333, legacy.scss */
table.scoresheet th {
  font-weight: normal;
  border: 1px solid #c5c6c7;
  border-bottom: 3px double #c5c6c7; }

/* line 1339, legacy.scss */
table.scoresheet td {
  padding-left: 4px;
  border: 1px solid #c5c6c7;
  background-color: white;
  white-space: nowrap; }

/* line 1346, legacy.scss */
table.scoresheet td div {
  overflow: hidden; }

/* line 1350, legacy.scss */
table.scoresheet td.moveNumber {
  width: 19px;
  text-align: right;
  padding-left: 0;
  padding-right: 4px; }

/* line 1357, legacy.scss */
table.scoresheet td.move {
  width: 65px; }

/* line 1361, legacy.scss */
table.scoresheet td.separator_double, table.scoresheet th.separator_double {
  border-right: 3px double #c5c6c7; }

/* line 1365, legacy.scss */
table.scoresheet td.separator_single, table.scoresheet th.separator_single {
  border-right: 1px solid #c5c6c7; }

/* line 1369, legacy.scss */
table.scoresheet td.label {
  width: 100px; }

/* line 1373, legacy.scss */
table.scoresheet td div {
  cursor: pointer; }

/* line 1377, legacy.scss */
table.scoresheet td.moveNumber,
table.scoresheet th,
table.scoresheet td.label {
  background-color: #edeeef; }

/* line 1383, legacy.scss */
table.gameinfo {
  border-collapse: collapse; }

/* line 1387, legacy.scss */
table.gameinfo th {
  padding: 2px 4px 2px 4px;
  font-weight: normal;
  border: 1px solid #c5c6c7; }

/* line 1393, legacy.scss */
table.gameinfo td {
  padding: 2px 4px 2px 4px;
  border: 1px solid #c5c6c7;
  background-color: white; }

/* line 1399, legacy.scss */
table.gameinfo td.label {
  white-space: nowrap; }

/* line 1403, legacy.scss */
table.gameinfo th,
table.gameinfo td.label {
  background-color: #edeeef; }

/* line 1408, legacy.scss */
div.messageERROR {
  border: 1px solid #b51142;
  background-color: #fff; }

/* line 1413, legacy.scss */
div.messageERROR h1, div.messageERROR h3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #b51142;
  margin-bottom: 1em; }

/* line 1421, legacy.scss */
div.messageINFO {
  border: 1px solid #a0a1a2;
  background-color: white; }

/* line 1426, legacy.scss */
div.messageINFO h1, div.messageINFO h2, div.messageINFO h3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 120%;
  margin-bottom: 0.5em; }

/* line 1434, legacy.scss */
#footer {
  width: 100%;
  overflow: hidden;
  padding-top: 1em;
  margin-bottom: 2em; }
  /* line 1439, legacy.scss */
  #footer #footernav {
    border-top: 2px solid #c5c6c7;
    width: 100%;
    overflow: hidden;
    float: left;
    list-style: none; }
    /* line 1445, legacy.scss */
    #footer #footernav li {
      margin: 0 2em 0 0;
      padding: 2px 0 0 0;
      float: left; }
      /* line 1449, legacy.scss */
      #footer #footernav li a {
        color: #8a8b8c;
        text-decoration: none;
        font-size: 90%; }
        /* line 1453, legacy.scss */
        #footer #footernav li a:hover {
          color: #355b93; }
  /* line 1459, legacy.scss */
  #footer #footercopyright {
    padding-top: 0.5em;
    width: 100%;
    overflow: hidden; }

/* line 1466, legacy.scss */
div.box.clubTooltip {
  font-family: Geneva, Verdana, Arial, sans-serif;
  font-size: 110%;
  margin-bottom: 1em; }

/* line 1472, legacy.scss */
div.box.clubTooltip, #clubTooltip {
  background-color: #c7dbc1; }

/* line 1476, legacy.scss */
#clubTooltip, #clubTooltipShadow {
  border-radius: 0.4em;
  position: absolute;
  width: 200px;
  overflow: hidden;
  font-size: 0.9em;
  padding: 0.6em 1em 0.6em 1em;
  z-index: 10; }

/* line 1486, legacy.scss */
#clubTooltipShadow {
  color: black;
  background-color: black;
  z-index: 9; }

/* line 1492, legacy.scss */
#clubTooltip p, #clubTooltipShadow p {
  line-height: 1.5em; }

/* line 1496, legacy.scss */
#clubTooltip p.statement, #clubTooltipShadow .statement {
  color: black;
  padding-bottom: 0.8em; }

/* line 1501, legacy.scss */
#clubTooltip p.userdata, #clubTooltipShadow .userdata {
  color: black; }

/* line 1505, legacy.scss */
#clubTooltip div.club, #clubTooltipShadow div.club {
  margin: 0;
  padding: 0 0 0.5em 0;
  font-weight: bold;
  color: #163249;
  /* text-align: center; */ }

/* line 1512, legacy.scss */
a.loggedIn, span.loggedIn {
  border-bottom: 2px solid #3e6399; }

/* line 1516, legacy.scss */
.loggedInMember a.loggedIn {
  border-bottom: none; }

/* line 1520, legacy.scss */
.loggedInMember div.label {
  font-weight: bold;
  float: left;
  margin-bottom: 0.5rem; }

/* line 1526, legacy.scss */
table a.loggedIn, table span.loggedIn {
  border-bottom: 2px solid #3e6399; }

/* line 1530, legacy.scss */
a.engine, span.engine {
  border-bottom: 2px solid #a0a1a2; }

/* line 1534, legacy.scss */
table a.engine, table span.engine {
  border-bottom: 2px solid #a0a1a2; }

/* line 1538, legacy.scss */
a.clubInfo, span.clubInfo {
  text-decoration: none;
  font-weight: bold;
  color: #3e6399; }

/* line 1544, legacy.scss */
a.clubInfo:hover, a.clubInfo.statusIN_FOUNDING:hover {
  color: #4884db; }

/* line 1548, legacy.scss */
a.clubInfo.statusIN_FOUNDING {
  color: #8a8b8c; }

/* line 1552, legacy.scss */
div.userlist {
  padding-bottom: 0.5rem; }

/* line 1556, legacy.scss */
div.userlist .userInfo {
  margin-right: 0.4em;
  line-height: 1.5em; }

/* line 1561, legacy.scss */
div.userlist.adminList .userInfo {
  margin-right: 0; }

/* line 1565, legacy.scss */
div.userlist.adminList a.delete {
  text-decoration: none;
  font-weight: bold;
  color: #b51142; }

/* line 1571, legacy.scss */
div.userlist.adminList a.delete:hover {
  color: #f6034b; }

/* line 1575, legacy.scss */
div.userlist.adminList div.listItem {
  float: left;
  margin-right: 10px; }

/* line 1580, legacy.scss */
.clublist {
  padding-bottom: 10px; }
  /* line 1582, legacy.scss */
  .clublist .clubInfo {
    margin-right: 20px;
    line-height: 28px;
    white-space: nowrap;
    color: #a0a1a2; }
    /* line 1588, legacy.scss */
    .clublist .clubInfo.size0 {
      font-size: 100%; }
    /* line 1592, legacy.scss */
    .clublist .clubInfo.size1 {
      font-size: 110%; }
    /* line 1596, legacy.scss */
    .clublist .clubInfo.size2 {
      font-size: 120%; }
    /* line 1600, legacy.scss */
    .clublist .clubInfo.size3 {
      font-size: 130%; }
    /* line 1604, legacy.scss */
    .clublist .clubInfo.size4 {
      font-size: 140%; }
    /* line 1608, legacy.scss */
    .clublist .clubInfo.size5 {
      font-size: 150%; }
    /* line 1612, legacy.scss */
    .clublist .clubInfo.size6 {
      font-size: 160%; }
    /* line 1616, legacy.scss */
    .clublist .clubInfo.size7 {
      font-size: 170%; }
    /* line 1620, legacy.scss */
    .clublist .clubInfo.size8 {
      font-size: 180%; }

/* line 1627, legacy.scss */
table.data span.userInfo {
  color: inherit; }

/* tabs */
/* line 1632, legacy.scss */
#content .tabs {
  float: left;
  width: 100%; }

/* line 1637, legacy.scss */
#content .tabs ul.idTabs {
  padding: 0;
  float: left;
  margin-bottom: 1em;
  width: 100%;
  background: url("/img/global/tab_bkgnd_gray.png") repeat-x bottom left; }

/* line 1645, legacy.scss */
#content .tabs ul.idTabs li {
  list-style: none inside none;
  float: left;
  margin: 0 0.4em; }
  /* line 1649, legacy.scss */
  #content .tabs ul.idTabs li a {
    color: #343a40; }

/* line 1654, legacy.scss */
#content .tabs ul.idTabs li a {
  border-radius: 2px;
  border: 1px solid #c5c6c7;
  border-bottom: 1px solid #a0a1a2;
  display: block;
  padding: 4px 10px 3px 10px;
  text-decoration: none !important;
  font-weight: normal; }

/* line 1670, legacy.scss */
#content .tabs ul.idTabs li a:focus {
  outline: none !important; }

/* line 1674, legacy.scss */
#content .tabs ul.idTabs li a.selected {
  color: #343a40;
  cursor: default;
  border-bottom: 1px solid #edeeef; }

/* line 1680, legacy.scss */
#content .tabs ul.idTabs li a.highlight {
  color: #008800;
  font-weight: bold; }

/* line 1685, legacy.scss */
#content .tabs ul.idTabs li a.selected.highlight:hover {
  color: #008800; }

/* line 1689, legacy.scss */
#content .tabs ul.idTabs li a.highlight:hover {
  color: #006f00; }

/* line 1693, legacy.scss */
#content .tabs div.tab_content {
  clear: left;
  margin-bottom: 1em; }

/* line 1698, legacy.scss */
#content .tabs h3 {
  margin-top: 1em;
  clear: both; }

/* line 1703, legacy.scss */
.contentBlock {
  margin-bottom: 1em;
  /* border-bottom: 1px solid$color006; */ }

/* line 1707, legacy.scss */
.captures {
  clear: both; }

/* line 1711, legacy.scss */
.captures img {
  float: left; }

/* line 1715, legacy.scss */
body.analysis {
  background-color: #f6f7f8; }

/* line 1719, legacy.scss */
div#analyseBoard {
  padding: 15px; }

/* line 1723, legacy.scss */
div#analyseBoard .subboardnav {
  width: 100%; }

/* line 1727, legacy.scss */
td.number {
  text-align: right; }

/* line 1731, legacy.scss */
div.navbar {
  float: left;
  margin: 0 0 1.25em 0;
  width: 100%; }

/* line 1737, legacy.scss */
div.navbar ul {
  list-style: none;
  float: left;
  margin: 0; }

/* line 1743, legacy.scss */
div.navbar ul li {
  margin: 0 1em 0 0;
  float: left; }

/* line 1751, legacy.scss */
div.navbar ul li a {
  text-decoration: none;
  float: left;
  background: #fff; }

/* line 1757, legacy.scss */
div.navbar ul li a {
  color: #163249;
  border: 1px solid #3e6399;
  padding: 4px 11px 4px 11px; }

/* line 1763, legacy.scss */
div.navbar ul li a {
  border-radius: 2px;
  /* box-shadow: 0px 0px 6px #bbb; */ }

/* line 1767, legacy.scss */
div.navbar ul li a:hover {
  color: white;
  background-color: #3e6399; }

/* line 1772, legacy.scss */
div.navbar ul li a.action {
  border: none;
  margin: 1px 4px 1px 0;
  background: transparent;
  font-weight: bold;
  color: #3e6399; }

/* line 1780, legacy.scss */
div.navbar ul li a.action {
  box-shadow: none; }

/* line 1784, legacy.scss */
div.navbar ul li div {
  margin: 4px 8px 2px 1em; }

/* line 1788, legacy.scss */
div.navbar ul li a.action:hover {
  color: #4884db; }

/* line 1792, legacy.scss */
#content a.highlight, #content a.action.highlight, div.navbar ul li a.action.highlight {
  color: #008800;
  font-weight: bold; }

/* line 1797, legacy.scss */
#content a.highlight:hover, #content a.action.highlight:hover, div.navbar ul li a.action.highlight:hover {
  color: #006f00; }

/* line 1801, legacy.scss */
div.spacer1 {
  height: 0.5em; }

/* line 1805, legacy.scss */
table.mailbox th {
  background-color: #EBE4CE; }

/* line 1809, legacy.scss */
table.mailbox td {
  background-color: #FFF8E0; }

/* line 1813, legacy.scss */
table.vertical.mailbox td {
  background-color: #fff; }

/* line 1817, legacy.scss */
.screenshots a {
  float: left;
  padding: 0;
  border: 1px solid #a0a1a2;
  margin: 0 10px 10px 0; }

/* line 1824, legacy.scss */
div.noicon, table.data td div.noicon {
  width: 16px;
  height: 16px;
  padding: 0; }

/* line 1830, legacy.scss */
table.vertical.forum {
  margin-bottom: 0; }

/* line 1834, legacy.scss */
div.forumMessageOutput {
  /* background-image: url("/img/global/forum_posting_bg.png");*/
  background: white repeat-y;
  border: 2px solid #c5c6c7;
  padding: 1em 0 1em 1em;
  margin: 1em 0 1em 0;
  border-radius: 0.4em; }

/* line 1844, legacy.scss */
div.forumMessageOutput.preview {
  border: 1px dashed #4884db; }

/* line 1848, legacy.scss */
div.forumMessageOutput div.posting {
  width: 540px;
  line-height: 1.4;
  float: left; }

/* line 1854, legacy.scss */
div.forumMessageOutput div.postingActions {
  width: 215px;
  float: right;
  margin-right: 15px; }

/* line 1860, legacy.scss */
div.forumTopic {
  margin-bottom: 4em; }

/*
div.forumMessageOutput:target { border: 1px solid$color12h; }
*/
/* table.data tr td { transition: background-color 0.1s; } */
/* line 1869, legacy.scss */
table.data tr.over td.checkbox, table.data tr.over td {
  background-color: #fff; }

/* line 1873, legacy.scss */
table.userStats tr td {
  line-height: 1.5em; }

/* line 1877, legacy.scss */
.usertext a {
  text-decoration: underline; }

/* line 1881, legacy.scss */
h1.big {
  font-size: 250%;
  color: #212529;
  margin-bottom: 0.5em; }

/* line 1887, legacy.scss */
#home_vis {
  margin-left: 50px;
  margin-bottom: 2em; }

/* line 1892, legacy.scss */
#home_vis div {
  width: 300px;
  float: left;
  color: #163249;
  height: 0;
  position: relative; }

/* line 1900, legacy.scss */
#home_vis img {
  float: left;
  margin-left: 10px; }

/* line 1905, legacy.scss */
#home_vis_text {
  color: #163249;
  margin-left: 1px; }

/* line 1910, legacy.scss */
#home_vis_text p.big {
  font-family: Lato, Helvetica, sans-serif;
  font-size: 130%;
  line-height: 1.1em; }

/* ostern 1 */
/* line 1918, legacy.scss */
#home_vis_bg {
  width: 556.8px;
  height: 372.8px;
  background-size: 556.8px 364.8px;
  background-image: url("/img/home/home_vis_1_gray_premium@2x.png");
  margin-left: 40px;
  margin-top: -80px; }

/* line 1927, legacy.scss */
#ostergruss {
  float: left;
  margin-bottom: 1em;
  position: relative;
  left: 80px; }

/* line 1934, legacy.scss */
#ostergruss .image {
  float: left;
  width: 174px;
  height: 150px;
  background: url("/img/home/Ostereier_klein.png") right bottom; }

/* line 1941, legacy.scss */
#ostergruss .text {
  float: left;
  width: 300px;
  font-size: 18px;
  color: #CDB300;
  margin-left: 20px; }

/* ostern end */
/* line 1951, legacy.scss */
.two_cols {
  margin-left: 2px;
  margin-bottom: 1.5em; }

/* line 1956, legacy.scss */
.two_cols .left {
  float: left;
  width: 236px;
  padding-top: 0.5em; }

/* line 1962, legacy.scss */
.two_cols .right {
  float: left;
  width: 310px;
  padding-top: 0.5em; }

/* line 1968, legacy.scss */
.two_cols .right .teaser-text {
  width: 180px;
  float: left; }

/* line 1973, legacy.scss */
.two_cols .right img {
  float: right; }

/* line 1977, legacy.scss */
.two_cols .separator {
  float: left;
  height: 274px;
  width: 2px;
  background-color: #c5c6c7;
  margin-left: 20px;
  margin-right: 22px; }

/* line 1986, legacy.scss */
.two_cols h2 {
  margin-bottom: 13px; }

/* line 1990, legacy.scss */
.two_cols2 {
  float: left;
  width: 605px; }

/* line 1995, legacy.scss */
.two_cols2 h3 {
  margin: 0 0 0.4em 0; }

/* line 1999, legacy.scss */
.two_cols2 .left {
  float: left;
  width: 300px; }

/* line 2004, legacy.scss */
.two_cols2 .right {
  width: 260px;
  float: right; }

/* line 2009, legacy.scss */
.two_cols2 .teaser {
  /* border-bottom: 2px solid$color006; */
  margin-bottom: 2em; }

/* line 2014, legacy.scss */
.teaser a {
  font-weight: bold;
  color: #3e6399;
  text-decoration: none; }

/* line 2020, legacy.scss */
.teaser a:hover {
  color: #4884db; }

/* line 2025, legacy.scss */
#button_registration {
  background-image: linear-gradient(#5879ac, #4e6d9c);
  margin-bottom: 1em;
  border-radius: 5px;
  font-family: "Lato", Arial, sans-serif;
  font-size: 117%;
  box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.3); }
  /* line 2033, legacy.scss */
  #button_registration:hover {
    background-image: linear-gradient(#4e6d9c, #4b6895); }

/* line 2038, legacy.scss */
#button_registration a {
  display: block;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  padding: 0.8em 0;
  position: relative; }

/* line 2049, legacy.scss */
.marginal {
  float: right; }

/* line 2054, legacy.scss */
.marginal div.functions ul {
  list-style: none; }

/* line 2058, legacy.scss */
.marginal div.functions ul li {
  margin: 0; }

/* line 2062, legacy.scss */
.marginal div.functions ul li a {
  border: 1px solid #a0a1a2;
  background-color: #fff;
  display: block;
  margin-bottom: 1em;
  padding: 0.5em;
  border-radius: 0.4em; }

/* line 2071, legacy.scss */
.marginal .index {
  margin-top: 34px; }

/* line 2075, legacy.scss */
.marginal .index ul {
  list-style: none; }

/* line 2079, legacy.scss */
.marginal .index ul li {
  padding: 0;
  margin: 0; }

/* line 2084, legacy.scss */
.marginal .index ul li a {
  text-decoration: none;
  color: #3e6399; }

/* line 2089, legacy.scss */
.marginal .index ul li a:hover {
  color: #4884db; }

/* line 2093, legacy.scss */
#legacyLoginForm #login, #legacyLoginForm #password {
  width: 130px; }

/* line 2097, legacy.scss */
#content form#noteForm {
  border: none;
  background-color: transparent; }

/* line 2102, legacy.scss */
#content form#noteForm textarea {
  width: 435px;
  height: 120px; }

/* line 2107, legacy.scss */
div.alertMessage {
  border: 2px dashed #3e6399;
  padding: 1em 1em 0.5em 1em;
  background-color: white;
  margin-bottom: 0.5em;
  border-radius: 0.5em; }

/* line 2115, legacy.scss */
.pgn_board b {
  font-weight: normal;
  background-color: #dddedf; }

/* line 2120, legacy.scss */
.pgn_board b.moveNumber {
  font-weight: bold;
  background-color: transparent; }

/* line 2125, legacy.scss */
.pgn_board b.result {
  font-weight: bold;
  background-color: transparent; }

/* line 2130, legacy.scss */
.pgn_board {
  width: 730px; }

/* line 2134, legacy.scss */
.likeInput {
  float: right; }

/* line 2138, legacy.scss */
a.iconBig {
  width: 32px;
  height: 32px;
  display: block;
  float: left;
  background-repeat: no-repeat; }

/* line 2146, legacy.scss */
.likeText {
  color: #495057;
  float: left;
  padding-right: 0.5em;
  font-weight: normal;
  text-decoration: none;
  position: relative; }

/* line 2156, legacy.scss */
.likeText.hover, .likeText.active {
  color: #343a40; }

/* line 2160, legacy.scss */
.likeYes {
  background: url("/img/global/rating2.png") 0 0;
  margin-right: 0.5em;
  margin-top: -7px;
  background-repeat: no-repeat;
  cursor: pointer; }

/* line 2168, legacy.scss */
.likeYes.active {
  margin-right: 0; }

/* line 2172, legacy.scss */
.likeYes.hover, .likeYes.active {
  background-position: -64px 0; }

/* line 2176, legacy.scss */
.likeNo {
  background: url("/img/global/rating2.png") -32px 0;
  margin-top: -7px;
  background-repeat: no-repeat;
  cursor: pointer; }

/* line 2183, legacy.scss */
.likeNo.hover, .likeNo.active {
  background-position: -96px 0; }

/* line 2187, legacy.scss */
#mobileswitch {
  position: relative;
  top: 2em;
  margin-top: 0.5em; }

/* line 2193, legacy.scss */
.section {
  margin-bottom: 1em; }

/* line 2197, legacy.scss */
#content .tabs ul.idTabs li a {
  background: #fff; }

/* line 2201, legacy.scss */
#content .tabs ul.idTabs li a.selected {
  background-color: #f6f7f8;
  /* background: url("/img/global/tab_active_bg_gray.png") repeat-x bottom left; */
  border-color: #a0a1a2;
  border-bottom-color: #f6f7f8; }

/* line 2207, legacy.scss */
form input[type='text'], form input[type='email'], form input[type='password'] {
  padding: 3px; }

/* line 2212, legacy.scss */
form input.text, form textarea {
  background: white; }

/* line 2217, legacy.scss */
#content form.form2 input {
  border: 1px solid #a0a1a2; }

/* line 2221, legacy.scss */
.formnav a {
  text-decoration: none; }

/* line 2225, legacy.scss */
div.forumRating {
  height: 20px; }

/* line 2229, legacy.scss */
div.forumRating a {
  text-decoration: none; }

/* line 2233, legacy.scss */
div.forumRating #likeText a {
  position: relative;
  top: 3px; }

/* line 2238, legacy.scss */
.teaser1 {
  margin-bottom: 1.5em;
  margin-left: 2px;
  min-height: 125px; }

/* line 2244, legacy.scss */
.teaser1 {
  background-image: url(/img/home/dreispringer.png);
  background-repeat: no-repeat;
  background-position: 400px; }

/* line 2250, legacy.scss */
.teaser1 .text {
  width: 380px; }

/* line 2254, legacy.scss */
#content .text.scrollable {
  max-height: 280px;
  overflow: auto; }

/* line 2259, legacy.scss */
#autoReloadInfo div.content {
  margin-bottom: 0.75em;
  border: 1px solid #c5c6c7;
  background-color: white;
  padding: 1em;
  border-radius: 0.4em; }

/* line 2270, legacy.scss */
#autoReloadInfo div.content label {
  margin-right: 0.5em; }

/* line 2274, legacy.scss */
#autoReload {
  width: 230px; }

/* line 2278, legacy.scss */
.groupTable {
  width: 100%;
  margin-bottom: 1.5em; }

/* line 2283, legacy.scss */
.groupTable th, .groupTable td {
  padding: 2px;
  border: solid 1px #c5c6c7;
  text-align: center; }

/* line 2289, legacy.scss */
.groupTable th.teilnehmer {
  width: 140px; }

/* line 2293, legacy.scss */
.groupTable th {
  background-color: #dddedf; }

/* line 2297, legacy.scss */
.groupTable td {
  background-color: #fff; }

/* line 2301, legacy.scss */
.groupTable th.points, .groupTable td.points {
  width: 80px; }

/* line 2305, legacy.scss */
.groupTable a {
  text-decoration: none; }

/* line 2309, legacy.scss */
.groupTable a.running {
  color: #c5c6c7; }

/* line 2313, legacy.scss */
.groupTable a.running:hover {
  color: #006f00; }

/* line 2317, legacy.scss */
.groupTable div.space {
  display: inline; }

/* line 2321, legacy.scss */
del.disqualified a, del.disqualified {
  color: #495057; }

/* line 2325, legacy.scss */
span.delete {
  color: #b51142; }

/* line 2329, legacy.scss */
li.pagingLinks {
  margin-top: 0.4em; }

/* line 2333, legacy.scss */
li.pagingLinks a {
  background-color: #e9ecf0;
  padding: 4px 8px;
  margin-right: 0.75em;
  border-radius: 0.3em;
  text-decoration: none; }

/* line 2341, legacy.scss */
li.pagingLinks a.current {
  background-color: #c8d3e9; }

/* line 2345, legacy.scss */
li.pagingLinks a:hover {
  color: #343a40; }

/* line 2349, legacy.scss */
#personalInvitationForm .fields {
  padding-top: 0.5em; }

/* line 2353, legacy.scss */
#personalInvitationForm #emailTo {
  width: 280px;
  margin-bottom: 1em; }

/* line 2358, legacy.scss */
a#end-club-membership {
  margin-top: 0.5em;
  display: block; }

/* line 2363, legacy.scss */
ul.fields.settings a.clubInfo {
  color: #343a40; }

/* line 2367, legacy.scss */
ul.fields.settings a.clubInfo:hover {
  color: #006f00; }

/*
.pp-slider {
  width: 150px;
  float: left;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  height: 30px;
}

.pp-slider .pp-slider-scale {
  background-color: #aaa;
  height: 1px;
  border-bottom: 1px solid #aaa;
  width: 120px;
  margin-top: 20px;
  float: left;
}

.pp-slider .pp-slider-scale .pp-slider-button {
  width: 12px;
  border-radius: 2px;
  border: 1px solid #adadad;
  height: 18px;
  position: relative;
  top: -8px;
  left: 0px;
  background-color: #efefef;
  cursor: pointer;
}

.pp-slider .pp-slider-scale .pp-slider-button .pp-slider-divies {
  border-left: 1px solid #adadad;
  border-right: 1px solid #adadad;
  position: relative;
  left: 3px;
  top: 3px;
  width: 4px;
  height: 12px;
}

.pp-slider .pp-slider-scale .pp-slider-button:hover {
  border-color: #777;
  background-color: #eee;
}

.pp-slider .pp-slider-scale .pp-slider-tooltip {
  width: 24px;
  height: 20px;
  position: relative;
  top: -5px;
  left: 0px;
  text-align: center;
  font-size: 10px;
  color: #aaa;
}

.pp-slider .pp-slider-min, .pp-slider .pp-slider-max {
  float: left;
  width: 15px;
  color: #aaa;
  font-size: 10px;
  position: relative;
  top: 15px;
}

.pp-slider .pp-slider-max {
  text-align: right;
}

#sslSeal {
  float: left;
  position: relative;
  left: 462px;
}

#sslSeal {
  position: relative;
  height: 0;
  top: 4px;
}

#sslSeal img {
  float: left;
}

#sslSeal a .text {
  color: #aaa;
  font-size: 11px;
}

#sslSeal a {
  text-decoration: none;
}
*/
/* line 2468, legacy.scss */
div.messageView {
  padding-top: 20px; }

/* line 2472, legacy.scss */
#supportingButtons td {
  padding-right: 1em; }

/* line 2476, legacy.scss */
.cm-cup {
  float: right;
  margin-right: 20px; }

/* line 2481, legacy.scss */
a.backlink.withicon {
  background-image: url(/img/icons2/back_arrow.png);
  padding-left: 22px;
  background-size: 16px 16px; }

/* line 2487, legacy.scss */
#autoreloadAni {
  width: 16px;
  height: 16px;
  background-image: url(/img/icons2/autoreload_ani.png);
  background-size: 112px 16px;
  float: left;
  margin: 0;
  margin-right: 4px; }

/* shadow */
/* line 2499, legacy.scss */
.imgBorder {
  border: 1px solid #999; }

/* line 2503, legacy.scss */
.shadow {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4); }

/* line 2507, legacy.scss */
.glow {
  box-shadow: 0 1px 2px -0.5px rgba(0, 0, 0, 0.3); }

/*  */
/* line 2512, legacy.scss */
#gameResult {
  padding: 1em 0;
  font-size: 13px; }

/* line 2517, legacy.scss */
#gameResult p {
  color: #343a40;
  padding: 0 0 0.5em 0; }

/* line 2522, legacy.scss */
.tournamentAdmin {
  margin-top: 3em; }

/* .tablescroller { border: 1px solid red; height: 210px; overflow-y: scroll; } */
/*
img.colorize { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); // Firefox 10+, Firefox on Android
  filter: gray; // IE6-9
  -webkit-filter: grayscale(100%) opacity(45%); // Chrome 19+, Safari 6+, Safari 6+ iOS
}
*/
/* line 2535, legacy.scss */
#content form textarea.contentedit {
  width: 95%;
  height: 400px; }

/* line 2540, legacy.scss */
.championshipList {
  float: left; }

/* line 2544, legacy.scss */
.championshipList .championship {
  background-color: #E9ECF0;
  border: 2px solid #B0B0B0;
  margin-bottom: 10px;
  padding: 0;
  border-radius: 4px;
  float: left;
  width: 100%;
  cursor: pointer; }

/* line 2555, legacy.scss */
.championshipList .championship .inner {
  padding: 10px; }

/* line 2559, legacy.scss */
.championshipList .championship:hover {
  border-color: #777; }

/* line 2563, legacy.scss */
.championshipList .championship a {
  text-decoration: none; }

/* line 2567, legacy.scss */
.championshipList .championship .trophy {
  float: left;
  margin-right: 10px; }

/* line 2572, legacy.scss */
.championshipList .championship .metadata {
  float: left;
  margin-right: 15px;
  margin-top: 10px;
  height: 60px;
  width: 200px; }

/* line 2580, legacy.scss */
.championshipList .championship .winner {
  float: left;
  margin-top: 10px; }

/* line 2585, legacy.scss */
.home_shortnews {
  width: 100%;
  float: left; }

/* line 2590, legacy.scss */
.home_shortnews .col_left {
  width: 310px;
  float: left;
  margin-bottom: 1em; }

/* line 2596, legacy.scss */
.home_shortnews .col_right {
  width: 250px;
  float: right; }

/* line 2601, legacy.scss */
.home_shortnews h3 {
  font-size: 12px;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  margin-top: 1em; }

/* line 2608, legacy.scss */
.fullsizeInContent {
  margin-left: 40px;
  margin-bottom: 1.5em; }

/* line 2613, legacy.scss */
.banner300x250Left {
  float: left;
  margin-right: 40px;
  margin-bottom: 1.5em; }

/* line 2619, legacy.scss */
.box.bannerBox {
  padding: 0; }

/* line 2623, legacy.scss */
.home_lang_switch a {
  color: #8a8b8c;
  text-decoration: none; }

/* line 2628, legacy.scss */
.home_lang_switch a:hover {
  color: #4884db; }

/* line 2632, legacy.scss */
#content div.inlineMessage a.nounderline {
  text-decoration: none; }

/* line 2636, legacy.scss */
#content div.inlineMessage span.underline {
  text-decoration: underline; }

/* line 2640, legacy.scss */
.text-with-icon {
  float: left;
  width: 100%;
  margin-bottom: 10px; }
  /* line 2644, legacy.scss */
  .text-with-icon .icon {
    float: left;
    margin-right: 15px; }
  /* line 2648, legacy.scss */
  .text-with-icon .text {
    float: left;
    width: 510px; }
    /* line 2649, legacy.scss */
    .text-with-icon .text h3 {
      margin-top: 0; }

/* line 2657, legacy.scss */
img.flag {
  /* width: 18px; height: 12px; */ }

/* line 2660, legacy.scss */
table.formnav {
  width: auto; }

/* line 2664, legacy.scss */
.text-muted {
  color: #999; }

/* line 2, _grid.scss */
div.grid {
  float: left;
  width: 788px; }
  /* line 5, _grid.scss */
  div.grid div.golden_cut_left {
    float: left;
    width: 477.984px; }
  /* line 9, _grid.scss */
  div.grid div.golden_cut_right {
    float: right;
    width: 292.016px; }
  /* line 13, _grid.scss */
  div.grid div.nav_detail_left {
    float: left;
    width: 227.4px; }
  /* line 17, _grid.scss */
  div.grid div.nav_detail_right {
    float: right;
    width: 542.6px; }
  /* line 21, _grid.scss */
  div.grid div.cut08_left {
    float: left;
    width: 432.28px; }
  /* line 25, _grid.scss */
  div.grid div.cut08_right {
    float: right;
    width: 337.72px; }

/* line 33, _grid.scss */
body.noSidebar div.grid {
  width: 975px; }
  /* line 35, _grid.scss */
  body.noSidebar div.grid div.church_left {
    float: left;
    width: 194px;
    margin-right: 18px;
    min-height: 200px;
    margin-top: 40px; }
  /* line 43, _grid.scss */
  body.noSidebar div.grid div.church_center {
    float: left;
    width: 547px;
    min-height: 200px; }
  /* line 49, _grid.scss */
  body.noSidebar div.grid div.church_right {
    float: right;
    width: 198px;
    min-height: 200px;
    margin-top: 40px; }

/* line 1, cm3.scss */
table {
  width: 100%; }
  /* line 3, cm3.scss */
  table.diagram {
    width: auto; }
  /* line 8, cm3.scss */
  table.standard-data thead tr {
    color: #343a40;
    background-color: #dddedf; }
    /* line 11, cm3.scss */
    table.standard-data thead tr th {
      text-align: left;
      font-weight: normal;
      padding: 4px;
      font-size: 13px; }
  /* line 21, cm3.scss */
  table.standard-data tbody tr td {
    color: #343a40;
    padding: 5px 4px; }
    /* line 25, cm3.scss */
    table.standard-data tbody tr td.actions .action {
      cursor: pointer;
      font-weight: bold;
      color: #008800; }
      /* line 29, cm3.scss */
      table.standard-data tbody tr td.actions .action:hover {
        color: #006f00; }
  /* line 36, cm3.scss */
  table.standard-data tbody tr:first-child td {
    padding-top: 7px; }
  /* line 40, cm3.scss */
  table.standard-data tbody tr.important {
    font-weight: bold;
    color: red; }
  /* line 45, cm3.scss */
  table.standard-data tbody tr.disabled td {
    color: #a0a1a2; }
  /* line 50, cm3.scss */
  table.standard-data tbody tr.important td {
    font-weight: bold;
    color: #c47f00; }

/* line 59, cm3.scss */
.ui-tooltip {
  background-color: #c8d3e9;
  color: #343a40;
  padding: 0.5em 0.7em 0.15em 0.7em;
  border-radius: 4px;
  font-size: 11px;
  overflow: hidden;
  box-shadow: 0 2px 3px #999; }
  /* line 68, cm3.scss */
  .ui-tooltip .important {
    color: #3e6399; }
  /* line 71, cm3.scss */
  .ui-tooltip p {
    margin-bottom: 5px; }

/*
body .component_livechess * {
  font-size: $font-size-default;
  font-weight: normal;
}
*/
/* line 8, livechess.scss */
#chessmail_main.noSidebar #content {
  padding-top: 10px; }

/* line 12, livechess.scss */
body.livechess-game.noSidebar {
  font-size: 14px; }
  /* line 14, livechess.scss */
  body.livechess-game.noSidebar #header {
    height: 0; }
  /* line 17, livechess.scss */
  body.livechess-game.noSidebar h1.hl-game {
    color: #888;
    margin-left: 414.5px;
    margin-bottom: 0;
    position: absolute; }

/* line 25, livechess.scss */
.attenuated {
  color: #8a8b8c; }

/* line 29, livechess.scss */
h2.important {
  color: #c47f00 !important; }

/* line 38, livechess.scss */
.component_livechess * {
  margin: 0;
  box-sizing: border-box; }

/* line 43, livechess.scss */
.component_livechess h1 {
  margin-bottom: 5px;
  font-size: 200%; }

/* line 48, livechess.scss */
.component_livechess h2 {
  font-family: Lato, Helvetica, sans-serif;
  font-size: 120%;
  margin-bottom: 9px;
  color: #212529;
  clear: both; }

/* line 56, livechess.scss */
.component_livechess pre {
  font-size: 14px !important; }

/* line 60, livechess.scss */
.component_livechess div.infield-label {
  position: relative; }

/* line 64, livechess.scss */
.component_livechess div.infield-label label {
  position: absolute;
  font-weight: normal;
  color: #a0a1a2;
  top: 9px;
  left: 9px; }

/* line 72, livechess.scss */
.component_livechess label {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px; }

/* line 79, livechess.scss */
.component_livechess p {
  padding-bottom: 9px; }

/* line 84, livechess.scss */
.component_livechess a {
  font-weight: bold;
  color: #3e6399;
  text-decoration: none; }
  /* line 88, livechess.scss */
  .component_livechess a:hover {
    color: #4884db; }

/* line 93, livechess.scss */
.component_livechess div.icon_32 {
  width: 32px;
  height: 32px;
  background-size: 64px 32px;
  cursor: pointer; }
  /* line 101, livechess.scss */
  .component_livechess div.icon_32.active {
    background-position: 32px 0; }
  /* line 104, livechess.scss */
  .component_livechess div.icon_32.settings {
    background-image: url("/img/icons2/settings_32@2x.png"); }

/* line 109, livechess.scss */
.component_livechess .itemsList {
  float: left;
  width: 100%;
  margin-bottom: 2px; }
  /* line 113, livechess.scss */
  .component_livechess .itemsList .item {
    margin-bottom: 9px; }
    /* line 114, livechess.scss */
    .component_livechess .itemsList .item.box {
      background-color: white;
      float: left;
      width: 100%;
      border: 1px solid #a0a1a2; }
      /* line 120, livechess.scss */
      .component_livechess .itemsList .item.box .icon {
        position: relative;
        top: 3px; }
      /* line 124, livechess.scss */
      .component_livechess .itemsList .item.box p {
        float: left;
        padding-bottom: 6px; }
      /* line 128, livechess.scss */
      .component_livechess .itemsList .item.box .actions {
        margin: 0;
        float: right;
        line-height: 1.5em; }
        /* line 132, livechess.scss */
        .component_livechess .itemsList .item.box .actions .action {
          margin-left: 18px; }
    /* line 137, livechess.scss */
    .component_livechess .itemsList .item.rated {
      background-color: #E5E9F2; }

/* line 144, livechess.scss */
.component_livechess .box {
  width: 100%;
  margin-bottom: 18px;
  padding: 6px 9px 0 9px; }
  /* line 148, livechess.scss */
  .component_livechess .box.data-list {
    border: 2px solid #a0a1a2;
    background-color: white;
    border-radius: 5px;
    padding-bottom: 6px; }
    /* line 153, livechess.scss */
    .component_livechess .box.data-list .data-item {
      margin-right: 9px;
      white-space: nowrap;
      line-height: 1.6; }
      /* line 157, livechess.scss */
      .component_livechess .box.data-list .data-item.attenuated {
        color: #888; }
        /* line 159, livechess.scss */
        .component_livechess .box.data-list .data-item.attenuated:hover {
          color: #4884db; }
      /* line 163, livechess.scss */
      .component_livechess .box.data-list .data-item.disabled {
        color: #212529;
        cursor: default; }
        /* line 166, livechess.scss */
        .component_livechess .box.data-list .data-item.disabled:hover {
          color: #212529; }

/* line 174, livechess.scss */
.component_livechess input[type="text"], .component_livechess textarea {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 3px; }

/* line 179, livechess.scss */
.component_livechess #connection-status {
  float: right;
  margin-top: -15px; }
  /* line 182, livechess.scss */
  .component_livechess #connection-status.ok {
    color: #008800; }

/* line 187, livechess.scss */
.component_livechess .buttons {
  float: left;
  width: 100%;
  margin-top: 9px;
  margin-bottom: 9px; }
  /* line 194, livechess.scss */
  .component_livechess .buttons button {
    overflow: hidden;
    border: 1px solid #9aa7b3;
    border-radius: 4px;
    width: 100%;
    height: 34px;
    background-color: white;
    background-size: 100% 100%;
    cursor: pointer;
    color: #343a40;
    margin-bottom: 9px; }
    /* line 205, livechess.scss */
    .component_livechess .buttons button:hover {
      border: 1px solid #525e6e; }
    /* line 208, livechess.scss */
    .component_livechess .buttons button:focus {
      outline: none; }
    /* line 211, livechess.scss */
    .component_livechess .buttons button:active {
      outline: none;
      background: #fff; }
    /* line 215, livechess.scss */
    .component_livechess .buttons button.icon-button {
      width: 50px;
      float: left;
      margin-right: 9px; }
      /* line 219, livechess.scss */
      .component_livechess .buttons button.icon-button img {
        position: relative;
        top: -2px;
        left: -4px; }
    /* line 225, livechess.scss */
    .component_livechess .buttons button.disabled {
      background: #edeeef;
      cursor: auto; }
      /* line 228, livechess.scss */
      .component_livechess .buttons button.disabled img {
        opacity: 0.5; }
      /* line 231, livechess.scss */
      .component_livechess .buttons button.disabled:hover {
        border: 1px solid #9aa7b3; }
      /* line 234, livechess.scss */
      .component_livechess .buttons button.disabled:active {
        background: #edeeef; }

/* line 241, livechess.scss */
.component_livechess .spectators {
  margin-top: 200px;
  font-size: 13px;
  color: #c5c6c7; }

/* line 248, livechess.scss */
.component_livechess .actions span.action {
  font-weight: bold;
  color: #3e6399;
  cursor: pointer; }
  /* line 252, livechess.scss */
  .component_livechess .actions span.action:hover {
    color: #4884db; }
  /* line 256, livechess.scss */
  .component_livechess .actions span.action.activateAble .fa-spinner {
    visibility: hidden; }
  /* line 259, livechess.scss */
  .component_livechess .actions span.action.activateAble.highlighted {
    color: #c47f00; }
    /* line 261, livechess.scss */
    .component_livechess .actions span.action.activateAble.highlighted .fa-spinner {
      visibility: visible; }

/* line 267, livechess.scss */
.component_livechess .actions.main {
  font-size: 13px; }

/* line 271, livechess.scss */
.component_livechess .action {
  cursor: pointer;
  color: #3e6399; }
  /* line 274, livechess.scss */
  .component_livechess .action:hover {
    color: #4884db; }

/* line 279, livechess.scss */
.component_livechess.lobby {
  color: #212529; }
  /* line 281, livechess.scss */
  .component_livechess.lobby #openChallenges {
    float: left;
    width: 100%;
    min-height: 180px; }
  /* line 286, livechess.scss */
  .component_livechess.lobby #chat_output {
    width: 100%;
    margin-right: 10px;
    height: 340px;
    background-color: white;
    border: 1px solid #a0a1a2;
    border-radius: 3px;
    margin-bottom: 9px;
    overflow-y: scroll;
    padding: 4.5px 4.5px 0 4.5px; }
    /* line 298, livechess.scss */
    .component_livechess.lobby #chat_output .message {
      background-color: #eee;
      margin-bottom: 4.5px;
      padding: 4.5px 4.5px 0 9px; }
      /* line 302, livechess.scss */
      .component_livechess.lobby #chat_output .message label {
        float: left;
        margin-right: 9px;
        margin-bottom: 0;
        position: relative;
        top: 2px; }
      /* line 309, livechess.scss */
      .component_livechess.lobby #chat_output .message .content {
        word-wrap: break-word; }
        /* line 311, livechess.scss */
        .component_livechess.lobby #chat_output .message .content p {
          padding-bottom: 4.5px; }
    /* line 316, livechess.scss */
    .component_livechess.lobby #chat_output .message.highlighted {
      background-color: #D0DAE9; }
  /* line 320, livechess.scss */
  .component_livechess.lobby #chat_input {
    width: 100%;
    resize: none;
    height: 28px;
    border-color: #a0a1a2;
    padding: 9px;
    margin-bottom: 18px; }

/* line 331, livechess.scss */
.component_livechess.game * {
  font-size: 14px; }

/* line 334, livechess.scss */
.component_livechess.game .settings_icon {
  top: 0;
  left: 946px; }

/* line 338, livechess.scss */
.component_livechess.game .settings_dialog {
  top: 29px;
  left: 775px; }

/* line 342, livechess.scss */
.component_livechess.game .capturedPieces {
  position: relative;
  top: 110px;
  height: 0; }
  /* line 346, livechess.scss */
  .component_livechess.game .capturedPieces span {
    color: #57616E;
    font-size: 20px;
    font-family: helvetica, sans-serif; }

/* line 352, livechess.scss */
.component_livechess.game .player_bar {
  width: 100%;
  height: 32px;
  padding: 5px;
  margin: 2px 0; }
  /* line 358, livechess.scss */
  .component_livechess.game .player_bar .player_name {
    font-weight: bold;
    float: left;
    width: 300px;
    font-size: 18px;
    color: #57616E; }
  /* line 365, livechess.scss */
  .component_livechess.game .player_bar .clock {
    float: right;
    font-family: 'DSDIGI', sans-serif;
    font-size: 23px;
    color: #c5c6c7;
    position: relative;
    top: -3px; }
    /* line 372, livechess.scss */
    .component_livechess.game .player_bar .clock.active {
      color: #008800; }
    /* line 375, livechess.scss */
    .component_livechess.game .player_bar .clock.alert {
      color: #DB0000; }

/* line 381, livechess.scss */
.component_livechess.game .informationMessage h2 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold; }

/* line 386, livechess.scss */
.component_livechess.game .informationMessage .text {
  color: #c47f00;
  text-shadow: 0 0 3px white; }

/* line 391, livechess.scss */
.component_livechess.game .history {
  height: 218px;
  overflow-y: auto;
  margin-bottom: 13px; }
  /* line 398, livechess.scss */
  .component_livechess.game .history table td {
    color: #57616E;
    line-height: 22px; }

/* line 405, livechess.scss */
.component_livechess.game .bubblechat .bubble {
  border: 2px solid #818FA2;
  background-color: #CFDBEE;
  color: #4B566C;
  padding: 9px;
  margin: 0 0 9px 0;
  box-shadow: 0 10px 23px 0 rgba(0, 0, 0, 0.31);
  border-radius: 8px;
  overflow: hidden; }

/* line 415, livechess.scss */
.component_livechess.game .bubblechat .input {
  width: 197px;
  position: relative;
  top: 170px; }
  /* line 419, livechess.scss */
  .component_livechess.game .bubblechat .input .bubble {
    cursor: pointer; }
    /* line 421, livechess.scss */
    .component_livechess.game .bubblechat .input .bubble.textinput {
      cursor: default; }
      /* line 423, livechess.scss */
      .component_livechess.game .bubblechat .input .bubble.textinput textarea {
        overflow: hidden;
        color: #4B566C;
        width: 100%;
        height: 87px;
        resize: none;
        background-color: #CFDBEE;
        border: none;
        box-shadow: none; }
        /* line 432, livechess.scss */
        .component_livechess.game .bubblechat .input .bubble.textinput textarea:focus, .component_livechess.game .bubblechat .input .bubble.textinput textarea:active {
          outline: none; }

/* line 439, livechess.scss */
.component_livechess.game .bubblechat .output {
  width: 197px;
  text-align: center;
  line-height: 20px;
  height: 0; }
  /* line 444, livechess.scss */
  .component_livechess.game .bubblechat .output .bubble {
    padding: 18px; }
    /* line 446, livechess.scss */
    .component_livechess.game .bubblechat .output .bubble.small {
      padding: 0;
      width: auto; }
  /* line 451, livechess.scss */
  .component_livechess.game .bubblechat .output.typing {
    top: 24px;
    left: 145px; }
    /* line 454, livechess.scss */
    .component_livechess.game .bubblechat .output.typing .bubble {
      width: 50px;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
  /* line 459, livechess.scss */
  .component_livechess.game .bubblechat .output.top {
    float: left;
    position: relative;
    top: 20px; }
    /* line 463, livechess.scss */
    .component_livechess.game .bubblechat .output.top .bubble {
      border-radius: 12px;
      border-top-right-radius: 0; }
  /* line 468, livechess.scss */
  .component_livechess.game .bubblechat .output.bottom {
    float: left;
    position: relative;
    top: 410px; }
    /* line 472, livechess.scss */
    .component_livechess.game .bubblechat .output.bottom .bubble {
      border-radius: 12px;
      border-bottom-right-radius: 0; }

/* line 481, livechess.scss */
.component_livechess .settings_icon {
  position: relative;
  height: 0;
  width: 32px;
  top: -7px;
  left: 759px; }

/* line 489, livechess.scss */
.component_livechess .settings_dialog {
  position: relative;
  height: 0;
  top: 22px;
  left: 589px;
  width: 200px; }
  /* line 495, livechess.scss */
  .component_livechess .settings_dialog h3 {
    font-size: 15px;
    color: #57616E;
    margin-bottom: 9px; }
  /* line 500, livechess.scss */
  .component_livechess .settings_dialog .content {
    padding: 9px;
    background-color: white;
    border: 0px solid #a0a1a2;
    border-radius: 2px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3); }
    /* line 506, livechess.scss */
    .component_livechess .settings_dialog .content .action {
      font-size: 13px;
      line-height: 22px; }

@font-face {
  font-family: 'DSDIGI';
  src: url("/fonts/led7seg3/2CAA0C_0_0.ttf"); }

/* line 2, _typography.scss */
h1 img.flag {
  position: relative;
  top: -4px; }

/* line 7, _typography.scss */
h1 {
  font-size: 170%;
  color: #343a40;
  font-family: Lato, Helvetica, sans-serif;
  font-weight: normal;
  margin-bottom: 10px; }

/* line 15, _typography.scss */
h1 a.action {
  color: #163249; }

/* line 19, _typography.scss */
h1 a {
  color: #3e6399;
  text-decoration: none; }

/* line 24, _typography.scss */
h1 a:hover {
  color: #4884db; }

/* line 28, _typography.scss */
div.headlineAddition {
  font-size: 16px;
  color: #a0a1a2;
  float: right; }

/* line 34, _typography.scss */
h2 {
  font-size: 150%;
  color: #343a40;
  font-family: Lato, Helvetica, sans-serif;
  font-weight: normal;
  margin-bottom: 0.25em; }

/* line 42, _typography.scss */
.forumTopic h2, .championshipList h2 {
  margin-top: 0; }

/* line 46, _typography.scss */
h3 {
  font-size: 100%;
  margin-top: 0.5em;
  font-weight: bold;
  margin-bottom: 0.5em;
  line-height: 1.5em;
  font-family: Verdana, Arial, sans-serif; }

/* line 55, _typography.scss */
body.index.public h3 {
  color: #163249; }

/* line 1, _boxes.scss */
.box
table.fields td {
  padding-bottom: 0.5em; }

/* line 7, _boxes.scss */
.box {
  margin-bottom: 1.5em;
  padding: 14px 15px 5px; }

/* line 12, _boxes.scss */
.box .actions {
  margin: 0 0 0.2em 0; }

/* line 16, _boxes.scss */
.box.transparent {
  padding: 0; }

/* line 23, _boxes.scss */
.box h3, .floatingtext h3, .info h3 {
  margin-top: 0;
  font-size: 16px; }

/* line 28, _boxes.scss */
.box {
  border-radius: 6px; }

/* line 32, _boxes.scss */
.box td.boxnav {
  text-align: right; }

/* line 36, _boxes.scss */
.box td.boxnav a {
  text-decoration: none;
  color: #3e6399; }

/* line 41, _boxes.scss */
.box td.boxnav a:hover {
  color: #4884db; }

/* line 45, _boxes.scss */
.boxSublistTitle {
  font-weight: bold; }

/* line 50, _boxes.scss */
.box1 .fields {
  padding-bottom: 0.6em; }

/* line 54, _boxes.scss */
.box1 {
  background-color: white;
  box-shadow: 0 1px 2px -0.5px rgba(0, 0, 0, 0.3);
  border: 1px solid #dddedf; }

/* line 60, _boxes.scss */
.box2 {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #edeeef;
  box-shadow: 0 1px 2px -0.5px rgba(0, 0, 0, 0.3); }

/* line 66, _boxes.scss */
.box2 * {
  color: #163249; }

/* line 70, _boxes.scss */
.box2 ul.fields.data, .box2 ul.fields {
  padding-bottom: 0; }

/* line 74, _boxes.scss */
.box2 ul {
  float: left; }

/* line 78, _boxes.scss */
.box2 ul.fields.data li label {
  font-weight: bold;
  width: auto;
  padding-right: 0; }

/* line 84, _boxes.scss */
.box2 ul li.twocol {
  float: left;
  width: 270px;
  clear: none; }

/* line 90, _boxes.scss */
.box2 table ul {
  float: left; }

/* line 1, _forms.scss */
#content form.invitation.open {
  border: none;
  padding: 1em 0 0 0; }

/* line 6, _forms.scss */
#content form.form2 {
  background-color: #c8d3e9;
  color: #343a40; }

/* line 11, _forms.scss */
#content form.form2 input.button1 {
  padding: 1px 6px 1px 6px;
  margin-top: 2px; }

/* line 17, _forms.scss */
table.form td span {
  line-height: 20px; }

/* line 21, _forms.scss */
table.form td a {
  line-height: 20px; }

/* line 25, _forms.scss */
#content .content_text ul.fields {
  padding-bottom: 0.5em; }

/* line 29, _forms.scss */
ul.fields {
  list-style: none;
  float: left;
  padding-bottom: 0.5rem; }

/* line 35, _forms.scss */
ul.fields li {
  margin-left: 0;
  float: left;
  padding-bottom: 0.5em;
  display: block;
  clear: both; }

/* line 43, _forms.scss */
ul.fields li.spacer {
  padding-top: 0.5em; }

/* line 47, _forms.scss */
ul.fields li label {
  font-weight: normal;
  display: block;
  float: left;
  width: 220px;
  margin-right: 0.5em;
  color: #343a40; }

/* line 57, _forms.scss */
ul.fields.data li label {
  width: 80px; }

/* line 61, _forms.scss */
ul.fields li label.textarea, ul.fields.settings li label.textarea {
  width: 540px;
  margin-bottom: 5px; }

/* line 66, _forms.scss */
#legacyLoginForm ul.fields li label {
  width: 130px; }

/* line 70, _forms.scss */
ul.fields li.stack label {
  width: 100%;
  margin-bottom: 0.25em; }

/* line 75, _forms.scss */
#content ul.fields li input[type='checkbox'] {
  top: 3px;
  position: relative; }

/* line 80, _forms.scss */
ul.fields span.listField {
  line-height: 1.2em;
  padding-top: 2px;
  float: left; }

/* line 86, _forms.scss */
ul.fields li.float {
  float: left; }

/* line 90, _forms.scss */
#content form {
  background-color: #e4e6ea;
  padding: 20px 20px 7px;
  margin-bottom: 1.5em;
  border-radius: 4px;
  border: 1px solid #c5c6c7;
  box-shadow: 0 1px 2px -0.5px rgba(0, 0, 0, 0.3); }
  /* line 97, _forms.scss */
  #content form.table, #content form.inline {
    box-shadow: none; }

/* line 102, _forms.scss */
#content form.inline {
  background-color: transparent;
  border: 1px solid #a0a1a2; }

/* line 107, _forms.scss */
#content form#gameMoveForm {
  padding: 15px 15px 2px; }

/* line 115, _forms.scss */
#content form#gameMoveForm div.buttons {
  margin-top: 5px; }

/* line 123, _forms.scss */
form div.line {
  height: 1px;
  border-bottom: 1px solid #a0a1a2;
  margin-top: 1em;
  margin-bottom: 0.5em; }

/* line 130, _forms.scss */
form input.checkbox {
  float: left;
  background: none; }

/* line 135, _forms.scss */
#content form input.checkbox {
  margin-top: 3px; }

/* line 139, _forms.scss */
form ul.fields input.checkbox_left {
  float: left;
  margin-top: 0px; }

/* line 144, _forms.scss */
form ul.fields label.checkbox_left {
  margin-left: 0.5em;
  width: auto; }

/* #content form label.checkbox { padding-left: 5px; } */
/* line 150, _forms.scss */
form#loginForm {
  margin-top: 2px; }

/* line 154, _forms.scss */
form#loginForm ul.fields {
  padding-bottom: 0; }

/* line 158, _forms.scss */
form#loginForm ul.fields li {
  padding-bottom: 0; }

/* line 162, _forms.scss */
form#loginForm ul.fields li input#login, form#loginForm ul.fields li input#password {
  margin-bottom: 0.5em;
  border: 1px solid #a0a1a2; }

/* line 167, _forms.scss */
#loginPermanent {
  margin-bottom: 1em;
  height: 18px; }

/* line 172, _forms.scss */
#loginPermanent input {
  margin: 0 5px 0 0;
  padding: 0;
  line-height: 14px;
  position: relative;
  top: 1px; }

/* line 180, _forms.scss */
#loginPermanent label {
  width: 140px;
  margin: 0;
  padding: 0;
  line-height: 14px;
  position: relative;
  top: 1px; }

/* line 189, _forms.scss */
#content form textarea.statement {
  height: 60px; }

/* line 193, _forms.scss */
form input, form textarea {
  padding-left: 2px; }

/* line 197, _forms.scss */
form select {
  background-color: white;
  height: 27px; }

/*
form input.error { border: 1px solid $color31; border-radius : 0.4em; background-color:$color011; padding: 0.5em; line-height: 1.5em; }
*/
/*
form div.buttons { float: right; padding-right: 13px; }
form div.buttons input { float: right; }
*/
/* line 209, _forms.scss */
form div.buttons, div.messageINFO div.buttons, div.messageERROR div.buttons {
  margin-bottom: 1em;
  margin-top: 1em;
  clear: both; }

/* line 215, _forms.scss */
form div.buttons.separated {
  margin-top: 2em; }

/* line 219, _forms.scss */
form .formInfo {
  border-bottom: 2px dashed #9aa7b3;
  padding-bottom: 0.5em;
  margin-bottom: 1.5em;
  color: #343a40; }

/* line 226, _forms.scss */
#content #gameMoveForm textarea {
  box-sizing: border-box;
  width: 100%;
  height: 102px; }

/* line 232, _forms.scss */
input.button1, div.buttons input, a.button {
  border-radius: 5px;
  padding: 4px 22px;
  line-height: 1.55em;
  margin-right: 0.5em;
  background-color: #4272b9;
  color: white;
  cursor: pointer;
  border: none;
  font-weight: bold; }

/* line 244, _forms.scss */
button {
  font-size: 12px;
  border-radius: 0.3em;
  padding: 2px 11px;
  line-height: 1.55em;
  margin-right: 0.5em;
  background-color: #fff;
  cursor: pointer;
  border: 1px solid #a0a1a2; }
  /* line 253, _forms.scss */
  button:hover {
    border-color: #525e6e; }
  /* line 256, _forms.scss */
  button:active {
    color: #495057;
    outline: none; }
  /* line 260, _forms.scss */
  button:focus {
    outline: none; }
  /* line 263, _forms.scss */
  button:disabled {
    border-color: #a0a1a2;
    cursor: default; }

/* line 269, _forms.scss */
#content a.button_yes {
  color: #008800; }

/* line 273, _forms.scss */
#content a.button_no {
  color: #b51142; }

/* line 277, _forms.scss */
input.button1:hover, div.buttons input:hover, a.button:hover {
  background-color: #355b93; }

/* line 281, _forms.scss */
input.button_cancel, div.buttons input.button_cancel {
  border: none;
  background: none;
  color: rgba(0, 0, 0, 0.6); }

/* line 287, _forms.scss */
input.button_cancel:hover, div.buttons input.button_cancel:hover {
  color: #355b93;
  background-color: none; }

/* line 292, _forms.scss */
#sidebar input.button1 {
  background-color: #f6f7f8;
  color: #495057;
  border: 1px solid #a0a1a2;
  padding: 3px 20px; }
  /* line 297, _forms.scss */
  #sidebar input.button1:hover {
    background-color: #f0f2f4; }

/*
input.button1:focus, div.buttons a:active, div.buttons input:active, div.buttons input:focus {
  background-color: $primary-hover;
}
*/
/* line 308, _forms.scss */
div.buttons input.tobutton_yes {
  background-color: #008800; }
  /* line 310, _forms.scss */
  div.buttons input.tobutton_yes:hover {
    background-color: #006900; }

/* line 315, _forms.scss */
div.buttons input.tobutton_no {
  background-color: #b51142; }
  /* line 317, _forms.scss */
  div.buttons input.tobutton_no:hover {
    background-color: #990e38; }

/*
label {
  font-size: 1em;
  font-family: $font-family;
  padding: 1px 1px 1px 0;
}
*/
/* line 330, _forms.scss */
input, textarea, select {
  font-size: 1em;
  font-family: "Open Sans", sans-serif;
  border: 1px solid #a0a1a2;
  background-color: #fff; }

/* line 337, _forms.scss */
input, textarea {
  padding: 2px; }

/* line 341, _forms.scss */
select option {
  padding: 1px 4px 1px 4px; }

/* line 345, _forms.scss */
input.error, textarea.error, select.error {
  border-color: #b51142;
  /* background-color:$color0124f4; */ }

/* line 349, _forms.scss */
input.checkbox {
  border: none;
  padding: 0; }

/* line 354, _forms.scss */
input.checkbox-left {
  border: none;
  padding: 0;
  margin-right: 5px; }

/* line 360, _forms.scss */
#content form.form3 {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0.8em 1em 0.3em 1em;
  background-color: #C9D3E4;
  box-shadow: 0 1px 2px -0.5px rgba(0, 0, 0, 0.3); }

/* line 367, _forms.scss */
#content form.form3 label {
  color: #343a40; }

/* line 2, _tables.scss */
table.fields td {
  padding-right: 1rem; }

/* line 7, _tables.scss */
table.data {
  width: 100%;
  margin-bottom: 1.5em; }

/* line 12, _tables.scss */
table.data img {
  float: left; }

/* line 16, _tables.scss */
table.data thead {
  border-bottom: 1px solid transparent; }

/* line 20, _tables.scss */
table.data tbody {
  border-top: 1px solid transparent; }

/* line 24, _tables.scss */
table.data a.highlight_true {
  color: #008800;
  font-weight: bold; }

/* line 29, _tables.scss */
table.data a.highlight_true span {
  color: #008800;
  font-weight: bold; }

/* line 34, _tables.scss */
table.data th {
  text-align: left; }

/* line 38, _tables.scss */
table.data th a {
  text-decoration: none;
  font-weight: bold;
  display: block;
  color: #3e6399; }

/* line 45, _tables.scss */
table.data th a:hover {
  color: #4884db; }

/* line 49, _tables.scss */
table.data th.sortable {
  padding: 3px 5px; }

/* line 53, _tables.scss */
table.data th.sorted a {
  background: no-repeat right; }

/* line 57, _tables.scss */
table.data th.order1 a {
  background-image: url("/img/icons/sortdown.gif"); }

/* line 61, _tables.scss */
table.data th.order2 a {
  background-image: url("/img/icons/sortup.gif"); }

/* line 65, _tables.scss */
img.icon {
  float: left;
  margin-right: 4px; }

/* line 70, _tables.scss */
img.iconRight {
  margin-left: 4px;
  position: relative;
  top: 2px; }

/* line 76, _tables.scss */
table.data td {
  overflow: hidden; }

/* line 80, _tables.scss */
table.data td a {
  text-decoration: none;
  display: block; }

/* line 85, _tables.scss */
table.data td a, table.data td div, table.data th {
  padding: 4px 5px 4px 5px; }

/* line 89, _tables.scss */
table.data.vertical td a, table.data.vertical td div {
  padding: 0;
  display: inline; }

/*
table.data.vertical td.internal span { color:$color21; font-weight: bold; }
*/
/* line 97, _tables.scss */
table.data td input, table.data th input {
  margin-left: 0.4em; }

/* line 101, _tables.scss */
table.data td.checkbox {
  padding: 4px;
  margin: 0; }

/* line 106, _tables.scss */
table.data td.checkbox input {
  margin: 0; }

/* line 110, _tables.scss */
table.data td.right {
  text-align: right; }

/* line 114, _tables.scss */
table.data td.center {
  text-align: center; }

/* line 118, _tables.scss */
table.data a {
  color: #343a40; }

/* line 122, _tables.scss */
table.data a.action {
  color: #3e6399;
  text-decoration: none;
  font-weight: bold; }

/* line 128, _tables.scss */
table.data a.action:hover {
  color: #4884db; }

/* line 132, _tables.scss */
table.data tr.empty td {
  padding: 3px 4px 3px 4px; }

/* line 136, _tables.scss */
table.topUsers {
  width: 230px;
  float: left;
  margin-right: 22px; }

/* line 142, _tables.scss */
table.topUsers tr.top10 td.pos {
  background: no-repeat 78% 4px;
  font-weight: bold; }

/* line 147, _tables.scss */
table.topUsers tr.ranking {
  cursor: pointer; }

/* line 151, _tables.scss */
table.topUsers tr.ranking:hover {
  background-color: white; }

/* line 155, _tables.scss */
table.topUsers tr.gold td.pos {
  background-image: url("/img/icons2/gold.png");
  background-size: 16px 16px; }

/* line 160, _tables.scss */
table.topUsers tr.silber td.pos {
  background-image: url("/img/icons2/silber.png");
  background-size: 16px 16px; }

/* line 165, _tables.scss */
table.topUsers tr.bronze td.pos {
  background-image: url("/img/icons2/bronze.png");
  background-size: 16px 16px; }

/* line 170, _tables.scss */
table.topUsers a.userInfo {
  display: inline-table; }

/* line 175, _tables.scss */
table.forum a, table.forum .userInfo {
  font-weight: bold; }

/* line 180, _tables.scss */
table.forum span.thr {
  background: url("/img/global/thr.gif") no-repeat 3px 0;
  width: 12px;
  display: block;
  float: left;
  margin-right: 3px; }

/* line 188, _tables.scss */
table.forum span.cross {
  background-position: 3px -20px; }

/* line 192, _tables.scss */
table.forum span.last {
  background-position: 3px -50px; }

/* line 196, _tables.scss */
table.forum span.blank {
  background: none; }

/* line 200, _tables.scss */
table.forum a {
  white-space: nowrap; }

/* line 204, _tables.scss */
#content table.smartlink a:visited, table.smartlink a:visited span,
#content table.smartlink a.read, table.smartlink a.read span {
  color: #a0a1a2; }

/* line 209, _tables.scss */
table.data tr {
  border: 1px solid #a0a1a2; }

/* line 213, _tables.scss */
table.data.default th {
  background-color: #dddedf;
  color: #343a40; }

/* line 218, _tables.scss */
table.data.default tr {
  background-color: #edeeef; }

/* line 222, _tables.scss */
table.data td div.forumPostingSubject {
  float: left;
  width: 520px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap; }

/* line 231, _tables.scss */
.table_pagenav {
  float: right; }

/* line 235, _tables.scss */
.table_pagenav a, span.next_disabled {
  padding: 5px;
  float: left;
  font-weight: bold;
  text-decoration: none; }

/* line 242, _tables.scss */
.table_pagenav a.current {
  margin-right: 1.5em;
  background-image: url(/img/remote/start.png);
  background-position: left 5px;
  background-repeat: no-repeat;
  padding-left: 20px; }

/* line 250, _tables.scss */
.table_pagenav a.previous {
  margin-right: 1.5em;
  background-image: url(/img/remote/back.png);
  background-position: left 5px;
  background-repeat: no-repeat;
  padding-left: 20px; }

/* line 258, _tables.scss */
.table_pagenav a.next {
  background-image: url(/img/remote/fwd.png);
  background-repeat: no-repeat;
  background-position: right 5px;
  padding-right: 20px; }

/* line 265, _tables.scss */
.table_pagenav span.next_disabled {
  background-image: url(/img/remote/fwd_of.png);
  background-repeat: no-repeat;
  background-position: right 5px;
  padding-right: 20px;
  color: #c5c6c7; }

/* line 1, _sidebar.scss */
#logo {
  position: fixed;
  z-index: 100; }

/* line 6, _sidebar.scss */
#sidebar {
  position: fixed;
  z-index: 100;
  background-color: #dddedf;
  top: 0;
  width: 178px;
  height: 100vh;
  border-right: 2px solid #c5c6c7; }

/* line 17, _sidebar.scss */
.noSidebar #sidebar {
  background: none;
  border: none;
  height: 0;
  width: 0; }

/* line 24, _sidebar.scss */
#sidebar p {
  line-height: 1.4; }

/* line 28, _sidebar.scss */
#sidebar #navi_left {
  background-color: #edeeef;
  padding-top: 84px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c5c6c7; }

/* line 35, _sidebar.scss */
#sidebar #navi_left li {
  margin-left: 0;
  line-height: 1.3em; }

/* line 40, _sidebar.scss */
#sidebar #navi_left ul.lvl_1, #sidebar #navi_left ul.extra {
  margin-left: 17px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 100%; }

/* line 46, _sidebar.scss */
#sidebar #navi_left ul.lvl_1 li, #sidebar #navi_left ul.extra li {
  list-style-type: none; }
  /* line 48, _sidebar.scss */
  #sidebar #navi_left ul.lvl_1 li a, #sidebar #navi_left ul.extra li a {
    font-weight: normal; }

/* line 53, _sidebar.scss */
#sidebar #navi_left ul.lvl_1 li.first {
  margin-top: 0; }

/* line 57, _sidebar.scss */
#sidebar #navi_left ul.lvl_1 li a, #sidebar #navi_left ul.lvl_1 li span {
  text-decoration: none;
  display: block;
  /* border-right: 1px solid$color005; */
  padding: 6px 0;
  color: #212529;
  border-bottom: 1px solid #dddedf; }

/* line 66, _sidebar.scss */
#sidebar #navi_left ul.lvl_1 li a.nolink {
  font-weight: bold; }

/* line 70, _sidebar.scss */
#sidebar #navi_left ul.lvl_1 li a.highlight {
  font-weight: bold;
  color: #008800; }

/* line 75, _sidebar.scss */
#sidebar #navi_left ul.lvl_1 li a.highlight:hover {
  font-weight: bold;
  color: #006f00; }

/* line 80, _sidebar.scss */
#sidebar #navi_left ul.lvl_2 {
  width: 180px;
  position: absolute;
  margin-top: -35px;
  margin-left: 110px;
  background-color: #edeeef;
  border: 1px solid #c5c6c7;
  padding: 10px;
  border-radius: 0.2em;
  box-shadow: 0 1px 2px -0.5px rgba(0, 0, 0, 0.3); }

/* line 92, _sidebar.scss */
#sidebar #navi_left ul.lvl_2 li {
  border-right: none;
  margin: 0;
  padding-top: 0; }

/* line 98, _sidebar.scss */
#sidebar #navi_left ul.lvl_2 li a {
  color: #212529;
  border: none;
  background: none;
  font-weight: normal;
  padding: 6px; }

/* line 106, _sidebar.scss */
#sidebar #navi_left ul.lvl_2 li a.highlight {
  color: #008800;
  font-weight: bold; }

/* line 111, _sidebar.scss */
#sidebar #navi_left ul.lvl_2 li.spacer {
  height: 1em; }

/* line 115, _sidebar.scss */
#sidebar #navi_left #searchLink {
  padding-top: 7px;
  padding-bottom: 16px;
  padding-left: 22px;
  background: url(/img/icons2/lupe.png) no-repeat 0 7px;
  background-size: 16px 16px; }

/* line 123, _sidebar.scss */
#sidebar ul.extra {
  list-style: none;
  padding-top: 10px; }

/* line 128, _sidebar.scss */
#sidebar ul.extra li {
  padding: 0;
  margin: 0; }

/* line 133, _sidebar.scss */
#sidebar ul.extra li a {
  text-decoration: none;
  display: block;
  padding: 4px 0;
  font-weight: bold;
  color: #495057; }
  /* line 139, _sidebar.scss */
  #sidebar ul.extra li a i {
    color: #212529; }
  /* line 142, _sidebar.scss */
  #sidebar ul.extra li a:hover {
    color: #355b93; }

/* line 150, _sidebar.scss */
#sidebar #navi_left a.menu_headline:focus {
  outline: none; }

/* line 154, _sidebar.scss */
#sidebar #navi_left a.menu_headline:active {
  outline: none; }

/* line 158, _sidebar.scss */
#sidebar #userdata {
  padding: 20px 0; }
  /* line 160, _sidebar.scss */
  #sidebar #userdata p {
    margin-bottom: 5px; }

/* line 165, _sidebar.scss */
#sidebar #userdata form {
  margin-left: 16px; }

/* line 169, _sidebar.scss */
#sidebar .buttons {
  margin-top: 1em; }

/* line 1, _userInfo.scss */
a.userInfo, span.userInfo {
  text-decoration: none;
  font-weight: normal;
  color: #343a40; }

/* line 9, _userInfo.scss */
tr.highlight a.userInfo, tr.highlight span.userInfo {
  font-weight: bold; }

/* line 14, _userInfo.scss */
a.userInfo:hover {
  color: #4884db; }

/* line 18, _userInfo.scss */
a.userInfo.newbie, span.newbie {
  color: #8a8b8c; }

/* line 22, _userInfo.scss */
a.userInfo.newbie:hover {
  color: #4884db; }

/* line 26, _userInfo.scss */
a.userInfo.friend, span.friend, a.userInfo.itsme, span.itsme {
  font-weight: bold; }

/* line 30, _userInfo.scss */
#content a.userInfo.runningGame, #content span.runningGame {
  font-weight: bold;
  color: #008800; }

/* line 2, _adPlacement.scss */
.adPlacement .banner.disabled {
  background-color: #edeeef; }

/* line 5, _adPlacement.scss */
.adPlacement .remark {
  font-size: 80%;
  color: rgba(0, 0, 0, 0.3); }

/* line 10, _adPlacement.scss */
.adPlacement.skyscraper .banner {
  width: 160px;
  height: 600px; }

/* line 16, _adPlacement.scss */
.adPlacement.square .banner {
  width: 300px;
  height: 250px; }

/* line 22, _adPlacement.scss */
.adPlacement.fullsize .banner {
  width: 468px;
  height: 60px; }

/* line 26, _adPlacement.scss */
.adPlacement.fullsize .remark {
  position: relative;
  top: -58px;
  left: -49px; }

/* line 33, _adPlacement.scss */
.adPlacement.leaderboard .banner {
  width: 728px;
  height: 90px; }

/* line 40, _adPlacement.scss */
#banner_top {
  position: absolute;
  top: 0;
  margin-left: 336px; }

/* line 48, _adPlacement.scss */
.placement.MR {
  width: 300px;
  height: 250px; }

/* line 53, _adPlacement.scss */
.placement.FS {
  width: 468px;
  height: 60px; }

/* .placement.FS .explain .explain_inner { display: none; } */
/* line 59, _adPlacement.scss */
.placement.LB {
  width: 728px;
  height: 90px; }

/* line 64, _adPlacement.scss */
.placement.WSK {
  width: 160px;
  height: 600px; }

/* .placement.WSK .explain .explain_inner { display: none; } */
/* line 70, _adPlacement.scss */
.placement.MB {
  width: 320px;
  height: 50px; }

/* line 75, _adPlacement.scss */
.placement .explain .explain_inner {
  position: relative;
  height: 0;
  font-size: 9px;
  top: -3px;
  color: #999;
  float: right;
  padding-right: 2px; }

/* .placement.WSK .explain .explain_inner { float: left; } */
/* line 86, _adPlacement.scss */
.explain_inner {
  visibility: hidden; }

/* line 1, _content_text.scss */
div.content_text {
  width: 580px;
  float: left; }
  /* line 4, _content_text.scss */
  div.content_text .text {
    margin-bottom: 1em; }
  /* line 7, _content_text.scss */
  div.content_text a {
    font-weight: bold; }
  /* line 10, _content_text.scss */
  div.content_text ul {
    margin-bottom: 1rem; }

/* line 15, _content_text.scss */
div.content_text h1 {
  font-size: 240%; }

/* line 19, _content_text.scss */
div.content_text .text table td {
  vertical-align: top; }

/* line 23, _content_text.scss */
div.content_text .text table.figures td {
  vertical-align: middle; }

/* line 27, _content_text.scss */
div.content_text .text.subnav {
  padding: 1.5em 0.5em 0 1.2em; }

/* line 31, _content_text.scss */
#content div.content_text .text.subnav ul {
  list-style: none;
  padding-bottom: 0; }

/* line 36, _content_text.scss */
.content_text h2 {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  font-size: 180%;
  margin-top: 0; }

/* line 43, _content_text.scss */
div.content_text .text h3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 105%;
  font-weight: bold;
  margin-top: 1em; }

/* line 50, _content_text.scss */
ul.custom, div.content_text ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 1rem; }
  /* line 55, _content_text.scss */
  ul.custom li, div.content_text ul li {
    margin-left: 1.3em;
    padding-left: 0;
    text-indent: -1em; }
  /* line 61, _content_text.scss */
  ul.custom li:before, div.content_text ul li:before {
    content: "–";
    padding-right: 8px;
    font-weight: bold; }

/* line 2, ui-extensions.scss */
.ui-dialog .ui-dialog-buttonpane {
  padding: .3em 0.6em .5em .4em; }

/* line 6, ui-extensions.scss */
.ui-dialog .ui-dialog-content form {
  margin-top: 15px; }
  /* line 8, ui-extensions.scss */
  .ui-dialog .ui-dialog-content form ul {
    list-style: none; }
    /* line 10, ui-extensions.scss */
    .ui-dialog .ui-dialog-content form ul li {
      margin: 0;
      padding-bottom: 18px;
      width: 100%;
      float: left; }
      /* line 15, ui-extensions.scss */
      .ui-dialog .ui-dialog-content form ul li label {
        width: 100px;
        display: block;
        margin-right: 18px;
        float: left; }
      /* line 21, ui-extensions.scss */
      .ui-dialog .ui-dialog-content form ul li select {
        float: left; }
      /* line 24, ui-extensions.scss */
      .ui-dialog .ui-dialog-content form ul li.checkbox {
        padding-bottom: 9px; }
        /* line 26, ui-extensions.scss */
        .ui-dialog .ui-dialog-content form ul li.checkbox label {
          margin-right: 0;
          width: 93%;
          float: right; }

/* line 1, _cmPgnViewer.scss */
pgn {
  display: block;
  unicode-bidi: embed;
  font-family: monospace;
  white-space: pre;
  overflow-x: auto;
  font-size: 12px;
  width: 760px;
  margin-bottom: 1em; }

/* line 15, _cmPgnViewer.scss */
.posting .spacer {
  clear: both;
  margin-bottom: 1em;
  width: 100%; }

/* line 21, _cmPgnViewer.scss */
.posting .error {
  margin-left: 0; }

/* line 24, _cmPgnViewer.scss */
.posting pgn {
  display: none; }

/* line 29, _cmPgnViewer.scss */
.posting .action {
  cursor: pointer;
  color: #999; }

/* line 34, _cmPgnViewer.scss */
.pgnViewerContainer {
  clear: both;
  float: left;
  width: 760px;
  padding-top: 0.5em;
  /** Font Awesome buttons (see http://fontawesome.io/)
      Used only with the class default for the spans. */ }
  /* line 40, _cmPgnViewer.scss */
  .pgnViewerContainer .headers {
    width: 100%; }
    /* line 42, _cmPgnViewer.scss */
    .pgnViewerContainer .headers .whiteHeader, .pgnViewerContainer .headers .blackHeader {
      white-space: nowrap;
      font-weight: bold; }
    /* line 46, _cmPgnViewer.scss */
    .pgnViewerContainer .headers .whiteHeader:after {
      content: "-"; }
    /* line 49, _cmPgnViewer.scss */
    .pgnViewerContainer .headers .blackHeader {
      margin-right: 1em; }
    /* line 52, _cmPgnViewer.scss */
    .pgnViewerContainer .headers .restHeader {
      white-space: nowrap;
      display: block; }
  /* line 57, _cmPgnViewer.scss */
  .pgnViewerContainer .outerBoard {
    float: left;
    width: 50%;
    /* clearfix */
    /* board */
    /* square */
    /* black square */
    /* highlighted square */
    /* .highlight1-32417, .highlight2-9c5d2, */
    /* enable this for mose follow */
    /* notation */ }
    /* line 61, _cmPgnViewer.scss */
    .pgnViewerContainer .outerBoard .board {
      border: 2px solid #c2ba9d; }
    /* line 66, _cmPgnViewer.scss */
    .pgnViewerContainer .outerBoard .clearfix-7da63 {
      clear: both; }
    /* line 71, _cmPgnViewer.scss */
    .pgnViewerContainer .outerBoard .board-b72b1 {
      border-left: 1px solid rgba(255, 255, 255, 0.8);
      border-top: 1px solid rgba(255, 255, 255, 0.8);
      border-right: none;
      border-bottom: none;
      -moz-box-sizing: content-box;
      box-sizing: content-box; }
    /* line 81, _cmPgnViewer.scss */
    .pgnViewerContainer .outerBoard .square-55d63 {
      float: left;
      position: relative;
      box-sizing: border-box;
      /* box-shadow: inset -1px -1px 2px 0 RGBA(0,0,0,0.15); */
      /*
      border-top: 1px solid #ced5d9;
      border-left: 1px solid #ced5d9;
      */
      border-right: 1px solid rgba(255, 255, 255, 0.8);
      border-bottom: 1px solid rgba(255, 255, 255, 0.8);
      /* disable any native browser highlighting */
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      /* line 103, _cmPgnViewer.scss */
      .pgnViewerContainer .outerBoard .square-55d63 img {
        -webkit-backface-visibility: hidden; }
    /* line 108, _cmPgnViewer.scss */
    .pgnViewerContainer .outerBoard .white-1e1d7 {
      background-color: #e6d8b6;
      color: #d2bd94; }
    /* line 114, _cmPgnViewer.scss */
    .pgnViewerContainer .outerBoard .black-3c85d {
      background-color: #d2bd94;
      color: #e6d8b6; }
    /* line 119, _cmPgnViewer.scss */
    .pgnViewerContainer .outerBoard .white-1e1d7 .notation-322f9 {
      color: #cdb689; }
    /* line 123, _cmPgnViewer.scss */
    .pgnViewerContainer .outerBoard .black-3c85d .notation-322f9 {
      color: #eadec1; }
    /* line 130, _cmPgnViewer.scss */
    .pgnViewerContainer .outerBoard .highlight1-32417, .pgnViewerContainer .outerBoard .highlight2-9c5d2, .pgnViewerContainer .outerBoard .highlight {
      background-image: url("/legacy/js/chessboardjs-0.3.0/img/chesspieces/chessmail/Selektor.png");
      background-size: 100%; }
    /* line 136, _cmPgnViewer.scss */
    .pgnViewerContainer .outerBoard .notation-322f9 {
      cursor: default;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 14px;
      position: absolute; }
    /* line 142, _cmPgnViewer.scss */
    .pgnViewerContainer .outerBoard .alpha-d2270 {
      bottom: 1px;
      right: 3px; }
    /* line 146, _cmPgnViewer.scss */
    .pgnViewerContainer .outerBoard .numeric-fc462 {
      top: 1px;
      left: 3px; }
  /* line 152, _cmPgnViewer.scss */
  .pgnViewerContainer .moves {
    float: right;
    width: 48%;
    overflow-y: auto;
    background-color: white;
    padding-right: 1em;
    box-sizing: border-box; }
    /* line 159, _cmPgnViewer.scss */
    .pgnViewerContainer .moves .move {
      cursor: pointer; }
      /* line 161, _cmPgnViewer.scss */
      .pgnViewerContainer .moves .move.white {
        margin-right: 0; }
      /* line 164, _cmPgnViewer.scss */
      .pgnViewerContainer .moves .move.white {
        margin-right: 0; }
      /* line 167, _cmPgnViewer.scss */
      .pgnViewerContainer .moves .move .moveNumber {
        font-weight: bold; }
      /* line 170, _cmPgnViewer.scss */
      .pgnViewerContainer .moves .move a {
        font-weight: bold; }
        /* line 171, _cmPgnViewer.scss */
        .pgnViewerContainer .moves .move a.yellow {
          background-color: #e6d8b6; }
      /* line 176, _cmPgnViewer.scss */
      .pgnViewerContainer .moves .move .comment {
        color: #444; }
      /* line 179, _cmPgnViewer.scss */
      .pgnViewerContainer .moves .move .variation {
        margin: 0.5em 0 0.5em 0em;
        padding: 0.5em 1em;
        background-color: #eee;
        border-radius: 0.5em; }
        /* line 185, _cmPgnViewer.scss */
        .pgnViewerContainer .moves .move .variation .variation {
          padding: 0 0 0 1em; }
  /* line 192, _cmPgnViewer.scss */
  .pgnViewerContainer.small .outerBoard, .pgnViewerContainer.small .moves {
    width: 100%; }
  /* line 200, _cmPgnViewer.scss */
  .pgnViewerContainer div.buttons {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none; }
  /* line 208, _cmPgnViewer.scss */
  .pgnViewerContainer div.buttons, .pgnViewerContainer div.edit {
    margin: 0.6em 0 0.2em 0;
    float: right; }
  /* line 212, _cmPgnViewer.scss */
  .pgnViewerContainer div.buttons > span.button.default:before {
    display: inline-block;
    line-height: 1;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    font-size: 16px;
    font-family: FontAwesome;
    color: #444;
    text-rendering: auto;
    /*vertical-align: 50%;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  /* line 227, _cmPgnViewer.scss */
  .pgnViewerContainer div.buttons > span.button.default {
    margin: 5px;
    padding: 5px; }
  /* line 232, _cmPgnViewer.scss */
  .pgnViewerContainer div.buttons > span.button:hover {
    cursor: pointer; }
  /* line 236, _cmPgnViewer.scss */
  .pgnViewerContainer div.buttons > .button.flipper.default:before {
    content: "\f01e"; }
  /* line 239, _cmPgnViewer.scss */
  .pgnViewerContainer div.buttons > .button.first.default:before {
    content: "\f049"; }
  /* line 242, _cmPgnViewer.scss */
  .pgnViewerContainer div.buttons > .button.prev.default:before {
    content: "\f048"; }
  /* line 245, _cmPgnViewer.scss */
  .pgnViewerContainer div.buttons > .button.next.default:before {
    content: "\f051"; }
  /* line 248, _cmPgnViewer.scss */
  .pgnViewerContainer div.buttons > .button.last.default:before {
    content: "\f050"; }
  /* line 251, _cmPgnViewer.scss */
  .pgnViewerContainer div.buttons > .button.play.default:before {
    content: "\f144"; }
  /* line 254, _cmPgnViewer.scss */
  .pgnViewerContainer div.buttons > .button.stop.default:before {
    content: "\f04c"; }
  /* line 257, _cmPgnViewer.scss */
  .pgnViewerContainer div.buttons > span.button.gray:before {
    color: #999; }

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