.no_select, .flat_button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no_scrollbar::-webkit-scrollbar {
  width: 0 !important; }

.no_scrollbar {
  -ms-overflow-style: none; }

._button_shadow, ._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, ._card_bg, .white_bg, .black_bg {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }

._no_shadow, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, .button.full_width:active:hover, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  box-shadow: none; }

._name_shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }

._root_text, .chat_box, input, .card_factory_input, .feedback_input, .deck_maker_input, .challenge_tab .challenge_input, div {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  color: #222222; }

._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  border-radius: 3px; }

._max_container_width {
  max-width: 100%; }

.font_2 {
  font-family: "Open Sans"; }

.hdr_font, .hdr, .big_hdr {
  font-family: "Open Sans";
  font-weight: 600; }

.hdr {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #333355; }

.big_hdr {
  font-size: 2em;
  color: #666699; }

.inline {
  display: inline-block; }

.hidden {
  display: none; }

._white_close_btn, .tab_bar .tab.active > .tab_close {
  color: rgba(0, 0, 0, 0.3); }
  ._white_close_btn:hover:active, .tab_bar .tab.active > .tab_close:hover:active {
    color: rgba(0, 0, 0, 0.7); }

._black_close_btn, .tab_bar .tab > .tab_close {
  color: rgba(255, 255, 255, 0.5); }
  ._black_close_btn:hover:active, .tab_bar .tab > .tab_close:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.title_bar {
  font-size: 1.2em;
  color: white;
  padding: 8px;
  background-color: #333355; }

.no_select, .flat_button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no_scrollbar::-webkit-scrollbar {
  width: 0 !important; }

.no_scrollbar {
  -ms-overflow-style: none; }

._button_shadow, ._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, ._card_bg, .white_bg, .black_bg {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }

._no_shadow, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, .button.full_width:active:hover, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  box-shadow: none; }

._name_shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }

._root_text, .chat_box, input, .card_factory_input, .feedback_input, .deck_maker_input, .challenge_tab .challenge_input, div {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  color: #222222; }

._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  border-radius: 3px; }

._max_container_width {
  max-width: 100%; }

.font_2 {
  font-family: "Open Sans"; }

.hdr_font, .hdr, .big_hdr {
  font-family: "Open Sans";
  font-weight: 600; }

.hdr {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #333355; }

.big_hdr {
  font-size: 2em;
  color: #666699; }

.inline {
  display: inline-block; }

.hidden {
  display: none; }

._white_close_btn, .tab_bar .tab.active > .tab_close {
  color: rgba(0, 0, 0, 0.3); }
  ._white_close_btn:hover:active, .tab_bar .tab.active > .tab_close:hover:active {
    color: rgba(0, 0, 0, 0.7); }

._black_close_btn, .tab_bar .tab > .tab_close {
  color: rgba(255, 255, 255, 0.5); }
  ._black_close_btn:hover:active, .tab_bar .tab > .tab_close:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.title_bar {
  font-size: 1.2em;
  color: white;
  padding: 8px;
  background-color: #333355; }

._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  font-size: 0.8em;
  text-align: center;
  padding: 6px;
  display: inline-block; }

.flat_button {
  position: relative;
  border-radius: 3px;
  font-size: 0.8em;
  text-align: center;
  padding: 6px;
  font-family: "Open Sans";
  color: white;
  border: 1px solid #666699;
  background: #666699;
  /* Old browsers */
  background: -moz-linear-gradient(top, #666699 0%, #333355 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666699), color-stop(100%, #333355));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #666699 0%, #333355 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #666699 0%, #333355 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #666699 0%, #333355 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #666699 0%, #333355 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */ }
  .flat_button:hover:active {
    color: #AAA;
    background: #333355;
    /* Old browsers */
    background: -moz-linear-gradient(top, #333355 0%, #666699 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333355), color-stop(100%, #666699));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #333355 0%, #666699 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #333355 0%, #666699 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #333355 0%, #666699 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #333355 0%, #666699 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */ }
  .flat_button.white {
    color: black;
    border: 1px solid #BBB;
    background: white;
    /* Old browsers */
    background: -moz-linear-gradient(top, white 0%, #dddddd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dddddd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 0%, #dddddd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, white 0%, #dddddd 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, white 0%, #dddddd 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, white 0%, #dddddd 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */ }
    .flat_button.white:hover:active {
      color: #888;
      background: #dddddd;
      /* Old browsers */
      background: -moz-linear-gradient(top, #dddddd 0%, white 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, white));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #dddddd 0%, white 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #dddddd 0%, white 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #dddddd 0%, white 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #dddddd 0%, white 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */ }

.button_row {
  width: auto;
  margin: 2px 0px 2px 0px; }

.left_half {
  width: 78px;
  margin: 0px 1px 0px 0px;
  display: inline-block; }

.right_half {
  width: 78px;
  margin: 0px 0px 0px 1px;
  display: inline-block; }

._white_button, div.button, div.button.toggle:active:hover, .card_select_button {
  background: white;
  color: #222222; }

._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  background: #666699;
  border: 1px solid #666699;
  color: white; }
  ._black_button.radio, div.radio.button:active:hover, div.radio.button.toggle.on, div.radio.button.toggle.on:active:hover, .radio.card_select_button.on {
    background: #aaaacc;
    border: none; }

.radio {
  position: relative; }

.button.full_width {
  width: auto;
  display: block; }

.button.full_width:active:hover {
  display: block; }

._generic_cell, .card_cell, .loading {
  padding: 0px 10px 10px 0px;
  margin-bottom: 20px;
  margin-right: 20px;
  height: 160px;
  display: inline-block;
  vertical-align: top; }

._card_shadow {
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5); }

._card_bg, .white_bg, .black_bg {
  background-color: #fff;
  border-radius: 6px;
  padding: 10px;
  width: 100%;
  height: 100%;
  position: relative; }

._card_text, .white_text, .black_text {
  line-height: 125%;
  overflow: auto; }

.CT_full_height {
  height: 160px; }

.CT_height_with_bottom_bar {
  height: 130px; }

.card_cell, .loading {
  width: 160px; }

.white_bg {
  background-color: #fff;
  border: 1px solid #ccc; }

.white_text {
  color: #000; }

.black_bg {
  background-color: #222222;
  border-color: #222222;
  border: 1px solid #222222; }

.black_text {
  color: #fff; }

#list_hand {
  overflow: auto; }

#custom_counts {
  font-size: 0.8em;
  margin: 8px 0 8px 0; }

.has_deletable_cards .white_bg, .has_deletable_cards .black_bg {
  position: relative; }
.has_deletable_cards .white_bg .del_custom_circle {
  color: rgba(0, 0, 0, 0.1); }
  .has_deletable_cards .white_bg .del_custom_circle:hover:active {
    color: rgba(0, 0, 0, 0.6); }
.has_deletable_cards .black_bg .del_custom_circle {
  color: rgba(255, 255, 255, 0.2); }
  .has_deletable_cards .black_bg .del_custom_circle:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.card_cell .del_custom_circle, .loading .del_custom_circle {
  position: absolute;
  top: 0px;
  right: 1px;
  font-size: 1.4em;
  padding: 3px;
  hidden: false; }

._generic_cell, .card_cell, .loading {
  padding: 0px 10px 10px 0px;
  margin-bottom: 20px;
  margin-right: 20px;
  height: 160px;
  display: inline-block;
  vertical-align: top; }

._card_shadow {
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5); }

._card_bg, .white_bg, .black_bg {
  background-color: #fff;
  border-radius: 6px;
  padding: 10px;
  width: 100%;
  height: 100%;
  position: relative; }

._card_text, .white_text, .black_text {
  line-height: 125%;
  overflow: auto; }

.CT_full_height {
  height: 160px; }

.CT_height_with_bottom_bar {
  height: 130px; }

.card_cell, .loading {
  width: 160px; }

.white_bg {
  background-color: #fff;
  border: 1px solid #ccc; }

.white_text {
  color: #000; }

.black_bg {
  background-color: #222222;
  border-color: #222222;
  border: 1px solid #222222; }

.black_text {
  color: #fff; }

#list_hand {
  overflow: auto; }

#custom_counts {
  font-size: 0.8em;
  margin: 8px 0 8px 0; }

.has_deletable_cards .white_bg, .has_deletable_cards .black_bg {
  position: relative; }
.has_deletable_cards .white_bg .del_custom_circle {
  color: rgba(0, 0, 0, 0.1); }
  .has_deletable_cards .white_bg .del_custom_circle:hover:active {
    color: rgba(0, 0, 0, 0.6); }
.has_deletable_cards .black_bg .del_custom_circle {
  color: rgba(255, 255, 255, 0.2); }
  .has_deletable_cards .black_bg .del_custom_circle:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.card_cell .del_custom_circle, .loading .del_custom_circle {
  position: absolute;
  top: 0px;
  right: 1px;
  font-size: 1.4em;
  padding: 3px;
  hidden: false; }

.no_select, .flat_button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no_scrollbar::-webkit-scrollbar {
  width: 0 !important; }

.no_scrollbar {
  -ms-overflow-style: none; }

._button_shadow, ._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, ._card_bg, .white_bg, .black_bg {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }

._no_shadow, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, .button.full_width:active:hover, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  box-shadow: none; }

._name_shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }

._root_text, .chat_box, input, .card_factory_input, .feedback_input, .deck_maker_input, .challenge_tab .challenge_input, div {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  color: #222222; }

._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  border-radius: 3px; }

._max_container_width {
  max-width: 100%; }

.font_2 {
  font-family: "Open Sans"; }

.hdr_font, .hdr, .big_hdr {
  font-family: "Open Sans";
  font-weight: 600; }

.hdr {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #333355; }

.big_hdr {
  font-size: 2em;
  color: #666699; }

.inline {
  display: inline-block; }

.hidden {
  display: none; }

._white_close_btn, .tab_bar .tab.active > .tab_close {
  color: rgba(0, 0, 0, 0.3); }
  ._white_close_btn:hover:active, .tab_bar .tab.active > .tab_close:hover:active {
    color: rgba(0, 0, 0, 0.7); }

._black_close_btn, .tab_bar .tab > .tab_close {
  color: rgba(255, 255, 255, 0.5); }
  ._black_close_btn:hover:active, .tab_bar .tab > .tab_close:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.title_bar {
  font-size: 1.2em;
  color: white;
  padding: 8px;
  background-color: #333355; }

.no_select, .flat_button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no_scrollbar::-webkit-scrollbar {
  width: 0 !important; }

.no_scrollbar {
  -ms-overflow-style: none; }

._button_shadow, ._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, ._card_bg, .white_bg, .black_bg {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }

._no_shadow, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, .button.full_width:active:hover, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  box-shadow: none; }

._name_shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }

._root_text, .chat_box, input, .card_factory_input, .feedback_input, .deck_maker_input, .challenge_tab .challenge_input, div {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  color: #222222; }

._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  border-radius: 3px; }

._max_container_width {
  max-width: 100%; }

.font_2 {
  font-family: "Open Sans"; }

.hdr_font, .hdr, .big_hdr {
  font-family: "Open Sans";
  font-weight: 600; }

.hdr {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #333355; }

.big_hdr {
  font-size: 2em;
  color: #666699; }

.inline {
  display: inline-block; }

.hidden {
  display: none; }

._white_close_btn, .tab_bar .tab.active > .tab_close {
  color: rgba(0, 0, 0, 0.3); }
  ._white_close_btn:hover:active, .tab_bar .tab.active > .tab_close:hover:active {
    color: rgba(0, 0, 0, 0.7); }

._black_close_btn, .tab_bar .tab > .tab_close {
  color: rgba(255, 255, 255, 0.5); }
  ._black_close_btn:hover:active, .tab_bar .tab > .tab_close:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.title_bar {
  font-size: 1.2em;
  color: white;
  padding: 8px;
  background-color: #333355; }

._base_name_tag, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_name_tag {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  position: relative; }

.simple_tag {
  box-shadow: none;
  margin: 0px;
  max-width: 60px; }

.name_tag {
  font-size: 1em;
  padding: 2px 6px 2px 6px;
  border-radius: 12px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  margin: 0px;
  color: white;
  max-width: 60px; }

.name_tag_bg.n1 {
  background-color: rgba(254, 138, 138, 0.75); }
.name_tag_bg.n2 {
  background-color: rgba(254, 200, 61, 0.75); }
.name_tag_bg.n3 {
  background-color: rgba(255, 240, 41, 0.75); }
.name_tag_bg.n4 {
  background-color: rgba(190, 240, 39, 0.75); }
.name_tag_bg.n5 {
  background-color: rgba(150, 210, 255, 0.75); }
.name_tag_bg.n6 {
  background-color: rgba(235, 180, 255, 0.75); }

.name_leaderboard {
  width: 150px; }
  .name_leaderboard.n1 {
    color: #bf6868; }
  .name_leaderboard.n2 {
    color: #bf962e; }
  .name_leaderboard.n3 {
    color: #bfb41f; }
  .name_leaderboard.n4 {
    color: #8fb41d; }
  .name_leaderboard.n5 {
    color: #719ebf; }
  .name_leaderboard.n6 {
    color: #b087bf; }

.name_score {
  width: 44px; }

.name_total_score {
  color: #AAA;
  width: 44px; }

.name_total_wins {
  color: #AAA;
  width: 44px; }

.stats_ban {
  vertical-align: middle;
  margin: 0 4px 0 4px; }

.stats_kick {
  vertical-align: middle;
  margin: 0 4px 0 4px; }

.name_check {
  vertical-align: middle;
  color: #00AA00;
  margin: 0 4px 0 4px; }

.afk_marker {
  vertical-align: middle;
  color: #AA0000;
  margin: 0 4px 0 4px; }

.czar {
  vertical-align: middle;
  color: #8888bb;
  margin: 0 2px 0 0; }

.single_stat_container {
  font-size: 18px; }

._vote_unpositioned, ._vote_bg, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover, .large_button {
  border-radius: 6px;
  width: 48px;
  height: 48px;
  padding: 6px; }

._vote_bg, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto auto auto auto;
  border: 1px solid #fff; }

.vote_name_tag {
  font-size: 1em;
  position: absolute;
  padding: 1px 4px 1px 4px;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
  left: 0;
  right: 0;
  top: 26px;
  border-radius: 12px; }

.vote_cell {
  position: relative;
  display: inline-block;
  padding: 0px;
  height: 170px;
  width: 80px; }

.vote_text {
  text-align: center;
  font-size: 0.8em; }

.vote_count {
  text-align: center;
  font-size: 2em; }

.vote_text_alone {
  text-align: center;
  font-size: 1em;
  margin-top: 15px; }

.vote_button_white {
  background: white;
  border-color: #aaa; }
  .vote_button_white * {
    color: #222222; }

.vote_button_winner {
  background: #082;
  border-color: #082; }
  .vote_button_winner * {
    color: white; }

.vote_button_grey {
  background: #777;
  border-color: #777; }
  .vote_button_grey * {
    color: #ccc; }

.vote_button_white.on, .vote_button_white:active:hover {
  background: #666699;
  border-color: #666699; }
  .vote_button_white.on *, .vote_button_white:active:hover * {
    color: white; }

._msg_base, .msg_info, .msg_success, .msg_warning, .msg_error {
  border: 1px solid;
  margin: 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  border-radius: .5em; }

.msg_info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url("../img/info.png"); }

.msg_success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url("../img/success.png"); }

.msg_warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url("../img/warning.png"); }

.msg_error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url("../img/error.png"); }

.no_select, .flat_button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no_scrollbar::-webkit-scrollbar {
  width: 0 !important; }

.no_scrollbar {
  -ms-overflow-style: none; }

._button_shadow, ._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, ._card_bg, .white_bg, .black_bg {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }

._no_shadow, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, .button.full_width:active:hover, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  box-shadow: none; }

._name_shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }

._root_text, .chat_box, input, .card_factory_input, .feedback_input, .deck_maker_input, .challenge_tab .challenge_input, div {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  color: #222222; }

._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  border-radius: 3px; }

._max_container_width {
  max-width: 100%; }

.font_2 {
  font-family: "Open Sans"; }

.hdr_font, .hdr, .big_hdr {
  font-family: "Open Sans";
  font-weight: 600; }

.hdr {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #333355; }

.big_hdr {
  font-size: 2em;
  color: #666699; }

.inline {
  display: inline-block; }

.hidden {
  display: none; }

._white_close_btn, .tab_bar .tab.active > .tab_close {
  color: rgba(0, 0, 0, 0.3); }
  ._white_close_btn:hover:active, .tab_bar .tab.active > .tab_close:hover:active {
    color: rgba(0, 0, 0, 0.7); }

._black_close_btn, .tab_bar .tab > .tab_close {
  color: rgba(255, 255, 255, 0.5); }
  ._black_close_btn:hover:active, .tab_bar .tab > .tab_close:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.title_bar {
  font-size: 1.2em;
  color: white;
  padding: 8px;
  background-color: #333355; }

._base_name_tag, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_name_tag {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  position: relative; }

.simple_tag {
  box-shadow: none;
  margin: 0px;
  max-width: 60px; }

.name_tag {
  font-size: 1em;
  padding: 2px 6px 2px 6px;
  border-radius: 12px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  margin: 0px;
  color: white;
  max-width: 60px; }

.name_tag_bg.n1 {
  background-color: rgba(254, 138, 138, 0.75); }
.name_tag_bg.n2 {
  background-color: rgba(254, 200, 61, 0.75); }
.name_tag_bg.n3 {
  background-color: rgba(255, 240, 41, 0.75); }
.name_tag_bg.n4 {
  background-color: rgba(190, 240, 39, 0.75); }
.name_tag_bg.n5 {
  background-color: rgba(150, 210, 255, 0.75); }
.name_tag_bg.n6 {
  background-color: rgba(235, 180, 255, 0.75); }

.name_leaderboard {
  width: 150px; }
  .name_leaderboard.n1 {
    color: #bf6868; }
  .name_leaderboard.n2 {
    color: #bf962e; }
  .name_leaderboard.n3 {
    color: #bfb41f; }
  .name_leaderboard.n4 {
    color: #8fb41d; }
  .name_leaderboard.n5 {
    color: #719ebf; }
  .name_leaderboard.n6 {
    color: #b087bf; }

.name_score {
  width: 44px; }

.name_total_score {
  color: #AAA;
  width: 44px; }

.name_total_wins {
  color: #AAA;
  width: 44px; }

.stats_ban {
  vertical-align: middle;
  margin: 0 4px 0 4px; }

.stats_kick {
  vertical-align: middle;
  margin: 0 4px 0 4px; }

.name_check {
  vertical-align: middle;
  color: #00AA00;
  margin: 0 4px 0 4px; }

.afk_marker {
  vertical-align: middle;
  color: #AA0000;
  margin: 0 4px 0 4px; }

.czar {
  vertical-align: middle;
  color: #8888bb;
  margin: 0 2px 0 0; }

.single_stat_container {
  font-size: 18px; }

.no_select, .flat_button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no_scrollbar::-webkit-scrollbar {
  width: 0 !important; }

.no_scrollbar {
  -ms-overflow-style: none; }

._button_shadow, ._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, ._card_bg, .white_bg, .black_bg {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }

._no_shadow, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, .button.full_width:active:hover, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  box-shadow: none; }

._name_shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }

._root_text, .chat_box, input, .card_factory_input, .feedback_input, .deck_maker_input, .challenge_tab .challenge_input, div {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  color: #222222; }

._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  border-radius: 3px; }

._max_container_width {
  max-width: 100%; }

.font_2 {
  font-family: "Open Sans"; }

.hdr_font, .hdr, .big_hdr {
  font-family: "Open Sans";
  font-weight: 600; }

.hdr {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #333355; }

.big_hdr {
  font-size: 2em;
  color: #666699; }

.inline {
  display: inline-block; }

.hidden {
  display: none; }

._white_close_btn, .tab_bar .tab.active > .tab_close {
  color: rgba(0, 0, 0, 0.3); }
  ._white_close_btn:hover:active, .tab_bar .tab.active > .tab_close:hover:active {
    color: rgba(0, 0, 0, 0.7); }

._black_close_btn, .tab_bar .tab > .tab_close {
  color: rgba(255, 255, 255, 0.5); }
  ._black_close_btn:hover:active, .tab_bar .tab > .tab_close:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.title_bar {
  font-size: 1.2em;
  color: white;
  padding: 8px;
  background-color: #333355; }

._generic_cell, .card_cell, .loading {
  padding: 0px 10px 10px 0px;
  margin-bottom: 20px;
  margin-right: 20px;
  height: 160px;
  display: inline-block;
  vertical-align: top; }

._card_shadow {
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5); }

._card_bg, .white_bg, .black_bg {
  background-color: #fff;
  border-radius: 6px;
  padding: 10px;
  width: 100%;
  height: 100%;
  position: relative; }

._card_text, .white_text, .black_text {
  line-height: 125%;
  overflow: auto; }

.CT_full_height {
  height: 160px; }

.CT_height_with_bottom_bar {
  height: 130px; }

.card_cell, .loading {
  width: 160px; }

.white_bg {
  background-color: #fff;
  border: 1px solid #ccc; }

.white_text {
  color: #000; }

.black_bg {
  background-color: #222222;
  border-color: #222222;
  border: 1px solid #222222; }

.black_text {
  color: #fff; }

#list_hand {
  overflow: auto; }

#custom_counts {
  font-size: 0.8em;
  margin: 8px 0 8px 0; }

.has_deletable_cards .white_bg, .has_deletable_cards .black_bg {
  position: relative; }
.has_deletable_cards .white_bg .del_custom_circle {
  color: rgba(0, 0, 0, 0.1); }
  .has_deletable_cards .white_bg .del_custom_circle:hover:active {
    color: rgba(0, 0, 0, 0.6); }
.has_deletable_cards .black_bg .del_custom_circle {
  color: rgba(255, 255, 255, 0.2); }
  .has_deletable_cards .black_bg .del_custom_circle:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.card_cell .del_custom_circle, .loading .del_custom_circle {
  position: absolute;
  top: 0px;
  right: 1px;
  font-size: 1.4em;
  padding: 3px;
  hidden: false; }

.no_select, .flat_button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no_scrollbar::-webkit-scrollbar {
  width: 0 !important; }

.no_scrollbar {
  -ms-overflow-style: none; }

._button_shadow, ._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, ._card_bg, .white_bg, .black_bg {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }

._no_shadow, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, .button.full_width:active:hover, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  box-shadow: none; }

._name_shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }

._root_text, .chat_box, input, .card_factory_input, .feedback_input, .deck_maker_input, .challenge_tab .challenge_input, div {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  color: #222222; }

._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  border-radius: 3px; }

._max_container_width {
  max-width: 100%; }

.font_2 {
  font-family: "Open Sans"; }

.hdr_font, .hdr, .big_hdr {
  font-family: "Open Sans";
  font-weight: 600; }

.hdr {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #333355; }

.big_hdr {
  font-size: 2em;
  color: #666699; }

.inline {
  display: inline-block; }

.hidden {
  display: none; }

._white_close_btn, .tab_bar .tab.active > .tab_close {
  color: rgba(0, 0, 0, 0.3); }
  ._white_close_btn:hover:active, .tab_bar .tab.active > .tab_close:hover:active {
    color: rgba(0, 0, 0, 0.7); }

._black_close_btn, .tab_bar .tab > .tab_close {
  color: rgba(255, 255, 255, 0.5); }
  ._black_close_btn:hover:active, .tab_bar .tab > .tab_close:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.title_bar {
  font-size: 1.2em;
  color: white;
  padding: 8px;
  background-color: #333355; }

.no_select, .flat_button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no_scrollbar::-webkit-scrollbar {
  width: 0 !important; }

.no_scrollbar {
  -ms-overflow-style: none; }

._button_shadow, ._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, ._card_bg, .white_bg, .black_bg {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }

._no_shadow, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, .button.full_width:active:hover, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  box-shadow: none; }

._name_shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }

._root_text, .chat_box, input, .card_factory_input, .feedback_input, .deck_maker_input, .challenge_tab .challenge_input, div {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  color: #222222; }

._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  border-radius: 3px; }

._max_container_width {
  max-width: 100%; }

.font_2 {
  font-family: "Open Sans"; }

.hdr_font, .hdr, .big_hdr {
  font-family: "Open Sans";
  font-weight: 600; }

.hdr {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #333355; }

.big_hdr {
  font-size: 2em;
  color: #666699; }

.inline {
  display: inline-block; }

.hidden {
  display: none; }

._white_close_btn, .tab_bar .tab.active > .tab_close {
  color: rgba(0, 0, 0, 0.3); }
  ._white_close_btn:hover:active, .tab_bar .tab.active > .tab_close:hover:active {
    color: rgba(0, 0, 0, 0.7); }

._black_close_btn, .tab_bar .tab > .tab_close {
  color: rgba(255, 255, 255, 0.5); }
  ._black_close_btn:hover:active, .tab_bar .tab > .tab_close:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.title_bar {
  font-size: 1.2em;
  color: white;
  padding: 8px;
  background-color: #333355; }

._base_name_tag, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_name_tag {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  position: relative; }

.simple_tag {
  box-shadow: none;
  margin: 0px;
  max-width: 60px; }

.name_tag {
  font-size: 1em;
  padding: 2px 6px 2px 6px;
  border-radius: 12px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  margin: 0px;
  color: white;
  max-width: 60px; }

.name_tag_bg.n1 {
  background-color: rgba(254, 138, 138, 0.75); }
.name_tag_bg.n2 {
  background-color: rgba(254, 200, 61, 0.75); }
.name_tag_bg.n3 {
  background-color: rgba(255, 240, 41, 0.75); }
.name_tag_bg.n4 {
  background-color: rgba(190, 240, 39, 0.75); }
.name_tag_bg.n5 {
  background-color: rgba(150, 210, 255, 0.75); }
.name_tag_bg.n6 {
  background-color: rgba(235, 180, 255, 0.75); }

.name_leaderboard {
  width: 150px; }
  .name_leaderboard.n1 {
    color: #bf6868; }
  .name_leaderboard.n2 {
    color: #bf962e; }
  .name_leaderboard.n3 {
    color: #bfb41f; }
  .name_leaderboard.n4 {
    color: #8fb41d; }
  .name_leaderboard.n5 {
    color: #719ebf; }
  .name_leaderboard.n6 {
    color: #b087bf; }

.name_score {
  width: 44px; }

.name_total_score {
  color: #AAA;
  width: 44px; }

.name_total_wins {
  color: #AAA;
  width: 44px; }

.stats_ban {
  vertical-align: middle;
  margin: 0 4px 0 4px; }

.stats_kick {
  vertical-align: middle;
  margin: 0 4px 0 4px; }

.name_check {
  vertical-align: middle;
  color: #00AA00;
  margin: 0 4px 0 4px; }

.afk_marker {
  vertical-align: middle;
  color: #AA0000;
  margin: 0 4px 0 4px; }

.czar {
  vertical-align: middle;
  color: #8888bb;
  margin: 0 2px 0 0; }

.single_stat_container {
  font-size: 18px; }

._vote_unpositioned, ._vote_bg, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover, .large_button {
  border-radius: 6px;
  width: 48px;
  height: 48px;
  padding: 6px; }

._vote_bg, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto auto auto auto;
  border: 1px solid #fff; }

.vote_name_tag {
  font-size: 1em;
  position: absolute;
  padding: 1px 4px 1px 4px;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
  left: 0;
  right: 0;
  top: 26px;
  border-radius: 12px; }

.vote_cell {
  position: relative;
  display: inline-block;
  padding: 0px;
  height: 170px;
  width: 80px; }

.vote_text {
  text-align: center;
  font-size: 0.8em; }

.vote_count {
  text-align: center;
  font-size: 2em; }

.vote_text_alone {
  text-align: center;
  font-size: 1em;
  margin-top: 15px; }

.vote_button_white {
  background: white;
  border-color: #aaa; }
  .vote_button_white * {
    color: #222222; }

.vote_button_winner {
  background: #082;
  border-color: #082; }
  .vote_button_winner * {
    color: white; }

.vote_button_grey {
  background: #777;
  border-color: #777; }
  .vote_button_grey * {
    color: #ccc; }

.vote_button_white.on, .vote_button_white:active:hover {
  background: #666699;
  border-color: #666699; }
  .vote_button_white.on *, .vote_button_white:active:hover * {
    color: white; }

.large_button {
  width: 200px;
  display: inline-block;
  font-size: 1.2em; }
  .large_button * {
    color: white; }
  .large_button:hover:active * {
    color: #AAA; }

.generic_table {
  display: table;
  width: 100%;
  height: 100%; }

.generic_table_row {
  display: table-row; }

.generic_table_cell {
  display: table-cell;
  vertical-align: middle; }

.ready_text {
  font-family: "Open Sans";
  font-weight: 300;
  font-size: 20px;
  vertical-align: top;
  margin-top: 17px;
  margin-left: 6px;
  color: #8888bb; }

.no_select, .flat_button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no_scrollbar::-webkit-scrollbar {
  width: 0 !important; }

.no_scrollbar {
  -ms-overflow-style: none; }

._button_shadow, ._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, ._card_bg, .white_bg, .black_bg {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }

._no_shadow, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, .button.full_width:active:hover, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  box-shadow: none; }

._name_shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }

._root_text, .chat_box, input, .card_factory_input, .feedback_input, .deck_maker_input, .challenge_tab .challenge_input, div {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  color: #222222; }

._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  border-radius: 3px; }

._max_container_width {
  max-width: 100%; }

.font_2 {
  font-family: "Open Sans"; }

.hdr_font, .hdr, .big_hdr {
  font-family: "Open Sans";
  font-weight: 600; }

.hdr {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #333355; }

.big_hdr {
  font-size: 2em;
  color: #666699; }

.inline {
  display: inline-block; }

.hidden {
  display: none; }

._white_close_btn, .tab_bar .tab.active > .tab_close {
  color: rgba(0, 0, 0, 0.3); }
  ._white_close_btn:hover:active, .tab_bar .tab.active > .tab_close:hover:active {
    color: rgba(0, 0, 0, 0.7); }

._black_close_btn, .tab_bar .tab > .tab_close {
  color: rgba(255, 255, 255, 0.5); }
  ._black_close_btn:hover:active, .tab_bar .tab > .tab_close:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.title_bar {
  font-size: 1.2em;
  color: white;
  padding: 8px;
  background-color: #333355; }

div.rightbar {
  z-index: 101;
  width: 260px;
  height: 100%;
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: #333355; }
  div.rightbar.minimized {
    height: auto;
    box-shadow: none; }

#channel_name {
  font-family: "Open Sans";
  font-weight: 600;
  margin: 0px;
  color: white; }

.chat_comment_icon {
  vertical-align: top;
  margin-top: 2px; }

#new_chat_icon {
  color: #aaaacc; }

.chat_mini_btn {
  margin: 4px 2px 2px 2px;
  float: right; }

._chat_base, .chat_history, .chat_box, input, .card_factory_input, .feedback_input, .deck_maker_input, .challenge_tab .challenge_input {
  margin: 6px;
  border-radius: 6px;
  width: auto;
  overflow: auto;
  margin-top: 0px; }

.chat_history {
  height: calc(100% - 129px);
  background-color: #EEE; }

.chat_box {
  font-size: .8em;
  border-style: none;
  height: 75px;
  width: calc(100% - 12px);
  background-color: white;
  resize: none;
  padding: 6px;
  color: #222222; }

.chat_cell {
  background-color: rgba(255, 255, 255, 0.75);
  margin: 0 0 1px 0;
  padding: 2px 4px 2px 4px;
  font-size: .8em;
  height: auto;
  overflow: auto;
  position: relative; }

.chat_name_tag {
  text-overflow: ellipsis;
  display: inline;
  max-width: 100px;
  padding: 2px 6px 2px 6px;
  border-radius: 12px;
  margin-right: 4px;
  float: left; }

.chat_basic_name_tag {
  display: inline;
  font-weight: bold; }

.chat_message {
  display: inline;
  line-height: 19px; }

.chat_cell .del_custom_circle {
  position: absolute;
  top: 2px;
  right: 3px;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.3); }
  .chat_cell .del_custom_circle:hover:active {
    color: rgba(0, 0, 0, 0.6); }

.no_select, .flat_button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no_scrollbar::-webkit-scrollbar {
  width: 0 !important; }

.no_scrollbar {
  -ms-overflow-style: none; }

._button_shadow, ._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, ._card_bg, .white_bg, .black_bg {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }

._no_shadow, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, .button.full_width:active:hover, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  box-shadow: none; }

._name_shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }

._root_text, .chat_box, input, .card_factory_input, .feedback_input, .deck_maker_input, .challenge_tab .challenge_input, div {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  color: #222222; }

._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  border-radius: 3px; }

._max_container_width {
  max-width: 100%; }

.font_2 {
  font-family: "Open Sans"; }

.hdr_font, .hdr, .big_hdr {
  font-family: "Open Sans";
  font-weight: 600; }

.hdr {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #333355; }

.big_hdr {
  font-size: 2em;
  color: #666699; }

.inline {
  display: inline-block; }

.hidden {
  display: none; }

._white_close_btn, .tab_bar .tab.active > .tab_close {
  color: rgba(0, 0, 0, 0.3); }
  ._white_close_btn:hover:active, .tab_bar .tab.active > .tab_close:hover:active {
    color: rgba(0, 0, 0, 0.7); }

._black_close_btn, .tab_bar .tab > .tab_close {
  color: rgba(255, 255, 255, 0.5); }
  ._black_close_btn:hover:active, .tab_bar .tab > .tab_close:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.title_bar {
  font-size: 1.2em;
  color: white;
  padding: 8px;
  background-color: #333355; }

.sidebar {
  z-index: 100;
  width: 210px;
  height: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: inline-block;
  background-color: #333355;
  overflow-x: hidden;
  overflow-y: auto; }

.sidebar_cell {
  margin: 6px;
  border-radius: 6px;
  padding: 6px;
  width: auto;
  height: auto;
  background-color: #EEE; }

input {
  font-size: 0.8em;
  border-radius: 3px;
  border-style: none;
  margin: 0 0 4px 0;
  height: 28px;
  width: 100%;
  background-color: white;
  resize: none;
  padding: 6px;
  color: #222222; }

.card_factory_input, .feedback_input {
  font-size: 0.8em;
  border-style: none;
  height: 50px;
  width: 100%;
  background-color: white;
  resize: none;
  padding: 6px;
  color: #222222;
  margin: 0px 0px 8px 0px; }

.feedback_input {
  height: 100px;
  margin: 0px; }

.sidebar_icon {
  color: #666699; }

.envelope {
  vertical-align: top;
  margin-top: 5px; }

#incorrect_pw {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  font-size: 0.8em;
  color: #dd0000;
  text-align: center; }

._generic_cell, .card_cell, .loading {
  padding: 0px 10px 10px 0px;
  margin-bottom: 20px;
  margin-right: 20px;
  height: 160px;
  display: inline-block;
  vertical-align: top; }

._card_shadow {
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5); }

._card_bg, .white_bg, .black_bg {
  background-color: #fff;
  border-radius: 6px;
  padding: 10px;
  width: 100%;
  height: 100%;
  position: relative; }

._card_text, .white_text, .black_text {
  line-height: 125%;
  overflow: auto; }

.CT_full_height {
  height: 160px; }

.CT_height_with_bottom_bar {
  height: 130px; }

.card_cell, .loading {
  width: 160px; }

.white_bg {
  background-color: #fff;
  border: 1px solid #ccc; }

.white_text {
  color: #000; }

.black_bg {
  background-color: #222222;
  border-color: #222222;
  border: 1px solid #222222; }

.black_text {
  color: #fff; }

#list_hand {
  overflow: auto; }

#custom_counts {
  font-size: 0.8em;
  margin: 8px 0 8px 0; }

.has_deletable_cards .white_bg, .has_deletable_cards .black_bg {
  position: relative; }
.has_deletable_cards .white_bg .del_custom_circle {
  color: rgba(0, 0, 0, 0.1); }
  .has_deletable_cards .white_bg .del_custom_circle:hover:active {
    color: rgba(0, 0, 0, 0.6); }
.has_deletable_cards .black_bg .del_custom_circle {
  color: rgba(255, 255, 255, 0.2); }
  .has_deletable_cards .black_bg .del_custom_circle:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.card_cell .del_custom_circle, .loading .del_custom_circle {
  position: absolute;
  top: 0px;
  right: 1px;
  font-size: 1.4em;
  padding: 3px;
  hidden: false; }

.loading {
  position: absolute;
  left: calc(50% - 170px/2);
  top: calc(50% - 170px/2); }
  .loading .black_bg {
    display: table;
    text-align: center;
    height: 160px; }
    .loading .black_bg .black_text {
      width: auto;
      height: auto;
      display: table-cell;
      vertical-align: middle;
      line-height: normal; }

.online_panel {
  width: auto; }

.online_list {
  max-height: 60px;
  overflow: auto;
  font-size: 0.8em; }

.online_subtext {
  margin-top: 4px;
  font-size: 0.8em;
  color: #666699; }

.your_challenge_points {
  margin-top: 4px;
  font-size: 0.8em;
  text-align: center; }

.no_select, .flat_button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no_scrollbar::-webkit-scrollbar {
  width: 0 !important; }

.no_scrollbar {
  -ms-overflow-style: none; }

._button_shadow, ._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, ._card_bg, .white_bg, .black_bg {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }

._no_shadow, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, .button.full_width:active:hover, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  box-shadow: none; }

._name_shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }

._root_text, .chat_box, input, .card_factory_input, .feedback_input, .deck_maker_input, .challenge_tab .challenge_input, div {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  color: #222222; }

._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  border-radius: 3px; }

._max_container_width {
  max-width: 100%; }

.font_2 {
  font-family: "Open Sans"; }

.hdr_font, .hdr, .big_hdr {
  font-family: "Open Sans";
  font-weight: 600; }

.hdr {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #333355; }

.big_hdr {
  font-size: 2em;
  color: #666699; }

.inline {
  display: inline-block; }

.hidden {
  display: none; }

._white_close_btn, .tab_bar .tab.active > .tab_close {
  color: rgba(0, 0, 0, 0.3); }
  ._white_close_btn:hover:active, .tab_bar .tab.active > .tab_close:hover:active {
    color: rgba(0, 0, 0, 0.7); }

._black_close_btn, .tab_bar .tab > .tab_close {
  color: rgba(255, 255, 255, 0.5); }
  ._black_close_btn:hover:active, .tab_bar .tab > .tab_close:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.title_bar {
  font-size: 1.2em;
  color: white;
  padding: 8px;
  background-color: #333355; }

.card_bottom_bar {
  height: 45px;
  width: calc(100% - 4px);
  position: absolute;
  bottom: 0;
  left: 2;
  overflow: hidden; }

.card_select_button {
  border: 1px solid #aaa;
  margin: 8px 2px 8px 2px;
  min-width: 20px; }
  .card_select_button:first-child {
    margin-left: 6px; }

.card_select_button.on {
  border: 1px solid #666699; }

.thumbs {
  padding: 6px 4px 6px 4px; }
  .thumbs.up {
    color: #007700; }
  .thumbs.down {
    color: #dd0000; }

.submitter_section {
  height: 45px;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 2;
  overflow: auto; }

.submitter_box {
  float: right;
  font-size: 0.5em;
  padding: 4px;
  margin-top: 24px; }

._generic_cell, .card_cell, .loading {
  padding: 0px 10px 10px 0px;
  margin-bottom: 20px;
  margin-right: 20px;
  height: 160px;
  display: inline-block;
  vertical-align: top; }

._card_shadow {
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5); }

._card_bg, .white_bg, .black_bg {
  background-color: #fff;
  border-radius: 6px;
  padding: 10px;
  width: 100%;
  height: 100%;
  position: relative; }

._card_text, .white_text, .black_text {
  line-height: 125%;
  overflow: auto; }

.CT_full_height {
  height: 160px; }

.CT_height_with_bottom_bar {
  height: 130px; }

.card_cell, .loading {
  width: 160px; }

.white_bg {
  background-color: #fff;
  border: 1px solid #ccc; }

.white_text {
  color: #000; }

.black_bg {
  background-color: #222222;
  border-color: #222222;
  border: 1px solid #222222; }

.black_text {
  color: #fff; }

#list_hand {
  overflow: auto; }

#custom_counts {
  font-size: 0.8em;
  margin: 8px 0 8px 0; }

.has_deletable_cards .white_bg, .has_deletable_cards .black_bg {
  position: relative; }
.has_deletable_cards .white_bg .del_custom_circle {
  color: rgba(0, 0, 0, 0.1); }
  .has_deletable_cards .white_bg .del_custom_circle:hover:active {
    color: rgba(0, 0, 0, 0.6); }
.has_deletable_cards .black_bg .del_custom_circle {
  color: rgba(255, 255, 255, 0.2); }
  .has_deletable_cards .black_bg .del_custom_circle:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.card_cell .del_custom_circle, .loading .del_custom_circle {
  position: absolute;
  top: 0px;
  right: 1px;
  font-size: 1.4em;
  padding: 3px;
  hidden: false; }

.join_game_cell {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  height: 160px;
  margin-right: 8px;
  margin-bottom: 8px; }
  .join_game_cell .white_bg {
    width: 220px;
    height: 140px;
    display: block;
    text-align: center;
    overflow: auto; }
    .join_game_cell .white_bg:active {
      background-color: #222222;
      box-shadow: none; }
      .join_game_cell .white_bg:active .hdr {
        color: white; }
    .join_game_cell .white_bg .hdr {
      color: #222222;
      width: auto;
      height: 30px;
      line-height: normal; }
    .join_game_cell .white_bg .white_text {
      height: 130px; }
      .join_game_cell .white_bg .white_text div {
        font-size: 0.9em; }

.locked {
  color: #8888bb; }

.no_select, .flat_button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no_scrollbar::-webkit-scrollbar {
  width: 0 !important; }

.no_scrollbar {
  -ms-overflow-style: none; }

._button_shadow, ._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, ._card_bg, .white_bg, .black_bg {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }

._no_shadow, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, .button.full_width:active:hover, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  box-shadow: none; }

._name_shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }

._root_text, .chat_box, input, .card_factory_input, .feedback_input, .deck_maker_input, .challenge_tab .challenge_input, div {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  color: #222222; }

._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  border-radius: 3px; }

._max_container_width {
  max-width: 100%; }

.font_2 {
  font-family: "Open Sans"; }

.hdr_font, .hdr, .big_hdr {
  font-family: "Open Sans";
  font-weight: 600; }

.hdr {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #333355; }

.big_hdr {
  font-size: 2em;
  color: #666699; }

.inline {
  display: inline-block; }

.hidden {
  display: none; }

._white_close_btn, .tab_bar .tab.active > .tab_close {
  color: rgba(0, 0, 0, 0.3); }
  ._white_close_btn:hover:active, .tab_bar .tab.active > .tab_close:hover:active {
    color: rgba(0, 0, 0, 0.7); }

._black_close_btn, .tab_bar .tab > .tab_close {
  color: rgba(255, 255, 255, 0.5); }
  ._black_close_btn:hover:active, .tab_bar .tab > .tab_close:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.title_bar {
  font-size: 1.2em;
  color: white;
  padding: 8px;
  background-color: #333355; }

.tab_bar {
  background-color: #333355;
  overflow: hidden;
  padding: 4px 0 0 0; }
  .tab_bar .tab {
    margin: 0px 1px 0px 1px;
    padding: 8px;
    position: relative;
    background-color: #666699;
    display: inline-block;
    border-radius: 10px 10px 0 0; }
    .tab_bar .tab:first-child {
      margin-left: 0px; }
    .tab_bar .tab > .tab_name {
      font-family: "Open Sans";
      font-weight: 600;
      color: white; }
    .tab_bar .tab.active {
      z-index: 99;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
      background-color: #EEE; }
      .tab_bar .tab.active > .tab_name {
        color: #222222; }

.tab_view {
  position: relative;
  z-index: 50;
  height: auto;
  box-shadow: 0px -6px 6px rgba(0, 0, 0, 0.2); }

.no_select, .flat_button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no_scrollbar::-webkit-scrollbar {
  width: 0 !important; }

.no_scrollbar {
  -ms-overflow-style: none; }

._button_shadow, ._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, ._card_bg, .white_bg, .black_bg {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }

._no_shadow, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, .button.full_width:active:hover, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  box-shadow: none; }

._name_shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }

._root_text, .chat_box, input, .card_factory_input, .feedback_input, .deck_maker_input, .challenge_tab .challenge_input, div {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  color: #222222; }

._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  border-radius: 3px; }

._max_container_width {
  max-width: 100%; }

.font_2 {
  font-family: "Open Sans"; }

.hdr_font, .hdr, .big_hdr {
  font-family: "Open Sans";
  font-weight: 600; }

.hdr {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #333355; }

.big_hdr {
  font-size: 2em;
  color: #666699; }

.inline {
  display: inline-block; }

.hidden {
  display: none; }

._white_close_btn, .tab_bar .tab.active > .tab_close {
  color: rgba(0, 0, 0, 0.3); }
  ._white_close_btn:hover:active, .tab_bar .tab.active > .tab_close:hover:active {
    color: rgba(0, 0, 0, 0.7); }

._black_close_btn, .tab_bar .tab > .tab_close {
  color: rgba(255, 255, 255, 0.5); }
  ._black_close_btn:hover:active, .tab_bar .tab > .tab_close:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.title_bar {
  font-size: 1.2em;
  color: white;
  padding: 8px;
  background-color: #333355; }

.question_and_stats {
  height: auto;
  vertical-align: top; }
  .question_and_stats > * {
    vertical-align: top;
    display: inline-block; }

.timer_bg {
  border-radius: 6px;
  min-width: 48px;
  min-height: 48px;
  width: 48px;
  height: 48px;
  background-color: #666699;
  display: table;
  text-align: center; }
  .timer_bg * {
    color: #FFF;
    display: table-cell;
    vertical-align: middle;
    font-size: 1.8em; }

.timer_and_title {
  display: table;
  border-spacing: 6px 0px;
  text-align: center; }
  .timer_and_title > * {
    display: inline-block; }

.game_stage {
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  color: #333355;
  width: 200px;
  height: 48px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-radius: 6px; }

.players_in_game {
  margin: 4px;
  max-height: 128px;
  overflow: auto; }

.deck_list, .option_list {
  max-height: 200px;
  overflow: auto;
  color: #666699;
  margin-left: 6px; }

.deck_list_cell {
  font-size: 16px; }

.deck_list_check_mark {
  min-width: 16px;
  color: #666699; }

.deck_list_name {
  margin-left: 4px; }

.deck_list_submitter {
  font-size: 14px;
  color: #AAA;
  margin-left: 6px; }

#gsv_container {
  margin-top: 10px;
  margin-left: 6px; }

.vote_game_reset {
  width: 86px;
  display: block; }

#pause_panel {
  display: block;
  width: 100%;
  height: 150px;
  text-align: center;
  padding-top: 50px; }

.popup_generic, .popup_submitter {
  font-size: 14px;
  z-index: 200;
  background-color: #aaaacc;
  color: white;
  position: absolute;
  border-radius: 6px;
  padding: 6px;
  box-shadow: 2px 2px 4px black;
  max-width: 170px;
  overflow: auto; }

.popup_submitter {
  background-color: #eee;
  text-overflow: ellipsis;
  overflow: hidden; }

.no_select, .flat_button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no_scrollbar::-webkit-scrollbar {
  width: 0 !important; }

.no_scrollbar {
  -ms-overflow-style: none; }

._button_shadow, ._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, ._card_bg, .white_bg, .black_bg {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }

._no_shadow, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, .button.full_width:active:hover, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  box-shadow: none; }

._name_shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }

._root_text, .chat_box, input, .card_factory_input, .feedback_input, .deck_maker_input, .challenge_tab .challenge_input, div {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  color: #222222; }

._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  border-radius: 3px; }

._max_container_width {
  max-width: 100%; }

.font_2 {
  font-family: "Open Sans"; }

.hdr_font, .hdr, .big_hdr {
  font-family: "Open Sans";
  font-weight: 600; }

.hdr {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #333355; }

.big_hdr {
  font-size: 2em;
  color: #666699; }

.inline {
  display: inline-block; }

.hidden {
  display: none; }

._white_close_btn, .tab_bar .tab.active > .tab_close {
  color: rgba(0, 0, 0, 0.3); }
  ._white_close_btn:hover:active, .tab_bar .tab.active > .tab_close:hover:active {
    color: rgba(0, 0, 0, 0.7); }

._black_close_btn, .tab_bar .tab > .tab_close {
  color: rgba(255, 255, 255, 0.5); }
  ._black_close_btn:hover:active, .tab_bar .tab > .tab_close:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.title_bar {
  font-size: 1.2em;
  color: white;
  padding: 8px;
  background-color: #333355; }

.qa_cell {
  display: inline-block;
  margin: 0 4px 0 4px; }

.deck_maker_input {
  font-size: 0.8em;
  border-style: none;
  height: 200px;
  width: 200px;
  background-color: white;
  resize: none;
  padding: 6px;
  color: #222222;
  margin: 0px 0px 6px 0px; }

.deck_maker_name_field {
  width: 344px;
  margin: 0 4px 4px 4px; }

.qa_error_container {
  display: block;
  margin: 4px 4px 0 4px;
  width: 408px;
  height: 200px; }

.qa_error_cell {
  display: inline-block;
  overflow: auto;
  height: 200px;
  width: 200px;
  font-size: 0.8em; }

.answer_errors {
  margin-right: 8px; }

.deck_maker_success {
  color: #007700; }

.deck_maker_fail {
  color: #dd0000; }

.no_select, .flat_button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no_scrollbar::-webkit-scrollbar {
  width: 0 !important; }

.no_scrollbar {
  -ms-overflow-style: none; }

._button_shadow, ._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, ._card_bg, .white_bg, .black_bg {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }

._no_shadow, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, .button.full_width:active:hover, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  box-shadow: none; }

._name_shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }

._root_text, .chat_box, input, .card_factory_input, .feedback_input, .deck_maker_input, .challenge_tab .challenge_input, div {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  color: #222222; }

._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  border-radius: 3px; }

._max_container_width {
  max-width: 100%; }

.font_2 {
  font-family: "Open Sans"; }

.hdr_font, .hdr, .big_hdr {
  font-family: "Open Sans";
  font-weight: 600; }

.hdr {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #333355; }

.big_hdr {
  font-size: 2em;
  color: #666699; }

.inline {
  display: inline-block; }

.hidden {
  display: none; }

._white_close_btn, .tab_bar .tab.active > .tab_close {
  color: rgba(0, 0, 0, 0.3); }
  ._white_close_btn:hover:active, .tab_bar .tab.active > .tab_close:hover:active {
    color: rgba(0, 0, 0, 0.7); }

._black_close_btn, .tab_bar .tab > .tab_close {
  color: rgba(255, 255, 255, 0.5); }
  ._black_close_btn:hover:active, .tab_bar .tab > .tab_close:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.title_bar {
  font-size: 1.2em;
  color: white;
  padding: 8px;
  background-color: #333355; }

.online_notifications_tab {
  padding: 10px; }

.email_field {
  width: 200px;
  margin: 0 4px 4px 4px; }

.settings_check_label {
  font-size: 0.8em;
  padding: 6px; }

.settings_check_box {
  min-width: 16px;
  color: #666699; }

.no_select, .flat_button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no_scrollbar::-webkit-scrollbar {
  width: 0 !important; }

.no_scrollbar {
  -ms-overflow-style: none; }

._button_shadow, ._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, ._card_bg, .white_bg, .black_bg {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }

._no_shadow, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, .button.full_width:active:hover, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  box-shadow: none; }

._name_shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }

._root_text, .chat_box, input, .card_factory_input, .feedback_input, .deck_maker_input, .challenge_tab .challenge_input, div {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  color: #222222; }

._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  border-radius: 3px; }

._max_container_width {
  max-width: 100%; }

.font_2 {
  font-family: "Open Sans"; }

.hdr_font, .hdr, .big_hdr {
  font-family: "Open Sans";
  font-weight: 600; }

.hdr {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #333355; }

.big_hdr {
  font-size: 2em;
  color: #666699; }

.inline {
  display: inline-block; }

.hidden {
  display: none; }

._white_close_btn, .tab_bar .tab.active > .tab_close {
  color: rgba(0, 0, 0, 0.3); }
  ._white_close_btn:hover:active, .tab_bar .tab.active > .tab_close:hover:active {
    color: rgba(0, 0, 0, 0.7); }

._black_close_btn, .tab_bar .tab > .tab_close {
  color: rgba(255, 255, 255, 0.5); }
  ._black_close_btn:hover:active, .tab_bar .tab > .tab_close:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.title_bar {
  font-size: 1.2em;
  color: white;
  padding: 8px;
  background-color: #333355; }

.no_select, .flat_button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no_scrollbar::-webkit-scrollbar {
  width: 0 !important; }

.no_scrollbar {
  -ms-overflow-style: none; }

._button_shadow, ._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, ._card_bg, .white_bg, .black_bg {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }

._no_shadow, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on, .button.full_width:active:hover, ._name_common, .simple_tag, .name_tag, .name_leaderboard, .name_score, .name_total_score, .name_total_wins, .vote_button_white, .vote_button_winner, .vote_button_grey, .vote_button_white.on, .vote_button_white:active:hover {
  box-shadow: none; }

._name_shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }

._root_text, .chat_box, input, .card_factory_input, .feedback_input, .deck_maker_input, .challenge_tab .challenge_input, div {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  color: #222222; }

._root_button, ._simple_text_button, ._white_button, div.button, div.button.toggle:active:hover, .card_select_button, ._black_button, div.button:active:hover, div.button.toggle.on, div.button.toggle.on:active:hover, .card_select_button.on {
  border-radius: 3px; }

._max_container_width {
  max-width: 100%; }

.font_2 {
  font-family: "Open Sans"; }

.hdr_font, .hdr, .big_hdr {
  font-family: "Open Sans";
  font-weight: 600; }

.hdr {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #333355; }

.big_hdr {
  font-size: 2em;
  color: #666699; }

.inline {
  display: inline-block; }

.hidden {
  display: none; }

._white_close_btn, .tab_bar .tab.active > .tab_close {
  color: rgba(0, 0, 0, 0.3); }
  ._white_close_btn:hover:active, .tab_bar .tab.active > .tab_close:hover:active {
    color: rgba(0, 0, 0, 0.7); }

._black_close_btn, .tab_bar .tab > .tab_close {
  color: rgba(255, 255, 255, 0.5); }
  ._black_close_btn:hover:active, .tab_bar .tab > .tab_close:hover:active {
    color: rgba(255, 255, 255, 0.9); }

.title_bar {
  font-size: 1.2em;
  color: white;
  padding: 8px;
  background-color: #333355; }

.question_and_stats {
  height: auto;
  vertical-align: top; }
  .question_and_stats > * {
    vertical-align: top;
    display: inline-block; }

.timer_bg {
  border-radius: 6px;
  min-width: 48px;
  min-height: 48px;
  width: 48px;
  height: 48px;
  background-color: #666699;
  display: table;
  text-align: center; }
  .timer_bg * {
    color: #FFF;
    display: table-cell;
    vertical-align: middle;
    font-size: 1.8em; }

.timer_and_title {
  display: table;
  border-spacing: 6px 0px;
  text-align: center; }
  .timer_and_title > * {
    display: inline-block; }

.game_stage {
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  color: #333355;
  width: 200px;
  height: 48px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-radius: 6px; }

.players_in_game {
  margin: 4px;
  max-height: 128px;
  overflow: auto; }

.deck_list, .option_list {
  max-height: 200px;
  overflow: auto;
  color: #666699;
  margin-left: 6px; }

.deck_list_cell {
  font-size: 16px; }

.deck_list_check_mark {
  min-width: 16px;
  color: #666699; }

.deck_list_name {
  margin-left: 4px; }

.deck_list_submitter {
  font-size: 14px;
  color: #AAA;
  margin-left: 6px; }

#gsv_container {
  margin-top: 10px;
  margin-left: 6px; }

.vote_game_reset {
  width: 86px;
  display: block; }

#pause_panel {
  display: block;
  width: 100%;
  height: 150px;
  text-align: center;
  padding-top: 50px; }

input.input_number {
  width: 50px;
  margin-left: 2px; }

.challenge_tab .challenge_title {
  width: 160px;
  text-align: center;
  padding: 4px 8px 8px 16px; }
.challenge_tab .questions {
  padding: 0px 8px 4px 8px; }
  .challenge_tab .questions .white_bg {
    position: relative; }
    .challenge_tab .questions .white_bg .del_custom_circle {
      color: rgba(0, 0, 0, 0.1); }
      .challenge_tab .questions .white_bg .del_custom_circle:hover:active {
        color: rgba(0, 0, 0, 0.6); }
.challenge_tab .challenge_input {
  font-size: .8em;
  border-style: none;
  height: 50px;
  width: 374px;
  background-color: white;
  resize: none;
  padding: 8px;
  margin: 0px 8px 8px 8px;
  color: #222222; }
.challenge_tab .get_challenge_hint {
  vertical-align: top;
  padding-top: 15px;
  padding-bottom: 15px; }
.challenge_tab .challenge_post_list {
  padding: 0px 8px 4px 16px; }

.challenge_post_list .post {
  width: 374px;
  padding: 0px 0px 12px 0px; }
  .challenge_post_list .post .thumbs_up {
    font-size: 14px;
    color: #666699;
    margin-left: 2px; }
  .challenge_post_list .post .num_liked {
    font-size: 14px;
    font-weight: 600;
    color: #666699;
    margin-left: 6px; }
  .challenge_post_list .post .submitter {
    font-size: 14px;
    color: #AAA;
    margin-left: 6px; }
  .challenge_post_list .post .del_custom_circle {
    margin-left: 6px;
    color: rgba(0, 0, 0, 0.2); }
    .challenge_post_list .post .del_custom_circle:hover:active {
      color: rgba(0, 0, 0, 0.6); }

#my_posts_tab, #top_posts_tab {
  padding: 8px; }

.display_login_name {
  margin-bottom: 0.2em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

html {
  background-color: #EEE;
  margin: 0px; }

body {
  margin: 0px;
  min-width: calc(210px + 260px);
  height: 100%;
  position: relative; }

html, body {
  height: 100%;
  overflow: hidden; }

ul {
  padding: 0px; }

.mainview {
  width: calc(100% - 210px - 260px);
  height: 100%;
  overflow: auto;
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 210px; }
  .mainview.expanded {
    width: calc(100% - 210px); }

.tab_subview, .gameview, .customview, .joingameview, .deck_maker_tab {
  width: auto;
  height: auto;
  padding: 4px; }

#news_container {
  padding: 10px 16px 0 16px; }

.submission {
  display: inline-block; }

.tutorial_view {
  width: 100%;
  height: 100%;
  display: table;
  text-align: center; }

.tutorial_view_cell {
  font-family: "Open Sans";
  font-size: 36px;
  color: #666699;
  display: table-cell;
  vertical-align: middle;
  padding: 60px; }