#menu {
  margin: 0;
  padding: 0;
  background-color: #4e5d6c;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  font-size: 2.5em; }
  #menu .list-group {
    padding: 0;
    margin: 0; }
  #menu a.list-group-item.active, #menu a.list-group-item:focus {
    background-color: #d9534f; }
  #menu .icon {
    text-align: left;
    padding: 20px;
    background-color: #485563;
    display: inline-block; }
    #menu .icon svg {
      width: 50px;
      height: 50px; }
  #menu .title {
    display: inline-block;
    text-align: center;
    width: calc(100% - 200px); }
    #menu .title .sotf {
      color: goldenrod; }

#submenu {
  position: initial; }

#menu_left {
  background-color: #32383e;
  border: 1px solid black;
  position: fixed;
  z-index: 99;
  padding: 0;
  top: 0px;
  width: 230px;
  height: 100%; }
  #menu_left .search {
    display: none !important; }
  #menu_left .global_search {
    display: block; }
  #menu_left .navbar-form.navbar-left {
    width: 100%;
    padding-bottom: 10px; }
    #menu_left .navbar-form.navbar-left .form-group {
      width: 100%; }
      #menu_left .navbar-form.navbar-left .form-group .input-group {
        width: 100%; }
  #menu_left .title .glyphicon {
    color: #ee5f5b; }
  #menu_left .title .sotf {
    color: goldenrod; }
  #menu_left svg {
    height: 100%;
    width: 100%; }
  #menu_left .logo {
    display: none;
    height: 100px; }
  #menu_left .list-group-item {
    border: 1px solid black;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-right: none;
    border-left: none;
    height: 42px;
    overflow: hidden;
    cursor: pointer !important;
    padding: 0;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    width: 100%; }
    #menu_left .list-group-item svg {
      height: 28px;
      width: auto;
      margin-left: 10px;
      margin-right: 10px;
      fill: #ffffff; }
      #menu_left .list-group-item svg.feedback {
        fill: #5bc0de; }
      #menu_left .list-group-item svg.heart {
        fill: #ee5f5b; }
    #menu_left .list-group-item.active svg {
      fill: goldenrod; }
    #menu_left .list-group-item.active .glyphicon {
      color: goldenrod; }
    #menu_left .list-group-item.show-me-stats {
      background-color: #5bc0de;
      color: white; }
      #menu_left .list-group-item.show-me-stats span {
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
  #menu_left .bottom .arrow svg {
    /*$rotate (50deg) */
    transform: rotate(-90deg); }
  #menu_left.closed {
    width: 48px; }
    #menu_left.closed .search {
      display: block !important; }
    #menu_left.closed .global_search {
      display: none; }
    #menu_left.closed .text {
      font-size: 0; }
    #menu_left.closed .avatar, #menu_left.closed .logo {
      height: 30px;
      box-shadow: none; }
    #menu_left.closed .bottom .arrow svg {
      /*$rotate (50deg) */
      transform: rotate(90deg); }
  #menu_left .text {
    overflow: hidden;
    font-size: 1em;
    color: inherit; }
  #menu_left .content .glyphicon {
    margin-right: 20px; }
  #menu_left .avatar {
    height: 30px;
    border-radius: 100%;
    position: absolute;
    left: 10px; }
  #menu_left .bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    cursor: pointer; }
    #menu_left .bottom .arrow {
      text-align: center;
      height: 40px;
      line-height: 40px;
      padding: 0;
      border-bottom: none;
      -ms-flex-pack: center;
      -moz-justify-content: center;
      justify-content: center; }
      #menu_left .bottom .arrow svg {
        transition: all linear 200ms;
        -webkit-transition: all linear 200ms;
        -o-transition: all linear 200ms;
        -ms-transition: all linear 200ms; }

@keyframes changewidth {
  from {
    width: 0; }
  to {
    width: 100%; } }

@keyframes loadingcard {
  from {
    width: 0;
    background-color: #242a2f; }
  to {
    width: calc(100% - 31px);
    background-color: #44596b; } }

.player_info {
  text-align: center; }
  .player_info .img-container {
    position: relative;
    width: 190px;
    margin: 0 auto; }
    .player_info .img-container img {
      border: 2px solid #c8c8c8;
      border-radius: 100%; }
      .player_info .img-container img.register {
        border: 3px solid goldenrod; }
    .player_info .img-container div.register, .player_info .img-container div.nemesis {
      position: absolute;
      background: goldenrod;
      color: black;
      padding: 5px;
      bottom: -6px;
      left: 55px;
      border-radius: 5%;
      color: white;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
      width: 70px; }
  .player_info.nemesis a {
    color: inherit;
    text-decoration: none !important; }
    .player_info.nemesis a:hover, .player_info.nemesis a:active, .player_info.nemesis a:visited {
      text-decoration: none; }
  .player_info.nemesis .kills img {
    width: 45px; }
  .player_info.nemesis .img-container img.nemesis {
    border: 2px solid #ee5f5b; }
  .player_info.nemesis .img-container div.nemesis {
    background: #ee5f5b; }
  .player_info h2 {
    margin-top: 13px;
    word-break: break-word; }
  .player_info h1 {
    margin-top: 7px;
    word-break: break-word; }
  .player_info .twitch {
    fill: #6441a4;
    display: block;
    margin: 0 auto;
    /* margin-left: 70px; */
    margin-bottom: 5px; }
  .player_info.leaderboards .well.active {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
  .player_info.leaderboards .nemesis_of {
    text-align: left; }
    .player_info.leaderboards .nemesis_of a {
      margin-left: 10px; }
  .player_info.leaderboards [data-toggle=tab] {
    padding: 5px 10px; }
  .player_info.leaderboards .leaderboard {
    cursor: pointer;
    text-decoration: none !important;
    width: 100%;
    display: inline-block; }
    .player_info.leaderboards .leaderboard:hover, .player_info.leaderboards .leaderboard:active, .player_info.leaderboards .leaderboard:visited {
      text-decoration: none; }
    .player_info.leaderboards .leaderboard svg, .player_info.leaderboards .leaderboard path {
      fill: #f89406; }
    .player_info.leaderboards .leaderboard.color_1 svg, .player_info.leaderboards .leaderboard.color_1 path {
      fill: #62c462; }
    .player_info.leaderboards .leaderboard.color_2 svg, .player_info.leaderboards .leaderboard.color_2 path {
      fill: #5bc0de; }
    .player_info.leaderboards .leaderboard.rank_1 svg, .player_info.leaderboards .leaderboard.rank_1 path {
      fill: gold; }
    .player_info.leaderboards .leaderboard.rank_2 svg, .player_info.leaderboards .leaderboard.rank_2 path {
      fill: goldenrod; }
    .player_info.leaderboards .leaderboard.rank_3 svg, .player_info.leaderboards .leaderboard.rank_3 path {
      fill: silver; }
    .player_info.leaderboards .leaderboard .hash {
      color: #3e444c;
      display: inline-block;
      font-size: 16px;
      margin-right: 1px; }
    .player_info.leaderboards .leaderboard .rank {
      text-indent: -5px; }
    .player_info.leaderboards .leaderboard .name {
      background: #3e444c;
      color: black;
      padding: 5px;
      color: #c8c8c8;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  .player_info.mini img, .player_info.mini .img-container {
    width: 140px; }
  .player_info.mini div.register {
    left: 35px; }

.player_game {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 32px;
  height: 32px;
  margin: 5px;
  border-radius: 4px; }
  .player_game.win {
    background-color: #62c462; }
  .player_game.top_5 {
    background-color: #f89406; }
  .player_game.lose {
    background-color: #ee5f5b; }

#player .last_games {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#player .big_badge {
  cursor: pointer; }
  #player .big_badge.not_visible .well {
    background-color: #ee5f5b; }
  #player .big_badge.not_visible:hover .well {
    background-color: #ee5f5b; }
  #player .big_badge.loading .loading {
    animation-duration: 2s;
    animation-name: loadingcard;
    animation-iteration-count: infinite;
    animation-direction: normal; }
  #player .big_badge.loading.finished .loading {
    animation-iteration-count: 1;
    animation-duration: 2s; }
  #player .big_badge .loading {
    width: 0px;
    height: calc(100% - 22px);
    position: absolute;
    left: 16px; }
  #player .big_badge.editing {
    cursor: move; }
  #player .big_badge .well {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: all linear 200ms;
    -webkit-transition: all linear 200ms;
    -o-transition: all linear 200ms;
    -ms-transition: all linear 200ms; }
  #player .big_badge svg {
    fill: #c8c8c8; }
  #player .big_badge span {
    display: inline-block;
    text-align: center; }
  #player .big_badge .text {
    text-shadow: 1px 1px 2px black; }
    #player .big_badge .text.title {
      font-variant: small-caps;
      font-size: 2em; }
  #player .big_badge .number {
    font-size: 2em; }
  #player .big_badge .data, #player .big_badge .title {
    height: 76px;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    z-index: 2;
    width: 100%; }
  #player .big_badge .bg_svg {
    transition: all linear 200ms;
    -webkit-transition: all linear 200ms;
    -o-transition: all linear 200ms;
    -ms-transition: all linear 200ms;
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0.1; }
    #player .big_badge .bg_svg svg {
      height: 80%;
      margin-top: 5%; }
    #player .big_badge .bg_svg path, #player .big_badge .bg_svg svg {
      transition: all linear 2000ms;
      -webkit-transition: all linear 2000ms;
      -o-transition: all linear 2000ms;
      -ms-transition: all linear 2000ms; }
  #player .big_badge .type_text .text_right {
    margin-left: 20px;
    font-size: 1.7em; }
  #player .big_badge .type_text_two {
    -ms-flex-pack: distribute;
    -moz-justify-content: space-around;
    justify-content: space-around;
    padding: 0 15px; }
    #player .big_badge .type_text_two div {
      text-align: center; }
  #player .big_badge .type_weapon {
    -ms-flex-pack: distribute;
    -moz-justify-content: space-around;
    justify-content: space-around;
    padding: 0 15px; }
  #player .big_badge .teammate .right, #player .big_badge .nemesis .right {
    margin-left: 20px;
    word-break: break-word; }
  #player .big_badge .weapon, #player .big_badge .weapon_kills, #player .big_badge .dinosaur, #player .big_badge .dinosaur_kills {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    -moz-justify-content: space-around;
    justify-content: space-around; }
    #player .big_badge .weapon div, #player .big_badge .weapon_kills div, #player .big_badge .dinosaur div, #player .big_badge .dinosaur_kills div {
      text-align: center; }
  #player .big_badge .dinosaur div {
    background-color: #7a8288;
    border-radius: 10%;
    height: 100%;
    box-shadow: 1px 2px 8px black;
    padding: 10px; }
    #player .big_badge .dinosaur div img {
      height: 100%; }
  #player .big_badge .custom_games {
    height: 46px;
    margin: 15px 0;
    overflow: hidden;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #player .big_badge .custom_games a {
      cursor: pointer;
      text-decoration: none; }
  #player .big_badge .custom_badge {
    height: 48px;
    margin: 14px 0;
    overflow: hidden;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #player .big_badge .custom_badge .player_badge {
      height: 48px;
      width: 48px;
      margin-left: 5px; }
      #player .big_badge .custom_badge .player_badge .icon.secret svg path {
        fill: #3e444c !important; }
  #player .big_badge .hide-btn {
    border: 1px solid goldenrod;
    color: goldenrod;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 1em;
    font-variant: normal;
    position: absolute;
    top: 5px;
    right: 20px;
    z-index: 3; }
  #player .big_badge .view {
    display: none;
    border: 1px solid goldenrod;
    color: goldenrod;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 0.5em;
    font-variant: normal;
    position: absolute;
    top: 5px;
    right: 20px;
    cursor: pointer; }
  #player .big_badge:not(.editing):hover .title .view, #player .big_badge .active .title .view {
    display: block !important; }
  #player .big_badge:not(.editing):hover .bg_svg, #player .big_badge .active .bg_svg {
    opacity: 0.3; }
  #player .big_badge:not(.editing):hover .well, #player .big_badge .active .well {
    background-color: #0c0d0e; }

#player .hide-nemesis .glyphicon {
  font-size: 42px; }

#player .show-nemesis, #player .hide-nemesis {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  height: 100%;
  cursor: pointer; }
  #player .show-nemesis circle, #player .show-nemesis path, #player .show-nemesis text, #player .hide-nemesis circle, #player .hide-nemesis path, #player .hide-nemesis text {
    transition: all linear 200ms;
    -webkit-transition: all linear 200ms;
    -o-transition: all linear 200ms;
    -ms-transition: all linear 200ms; }
  #player .show-nemesis:hover circle, #player .show-nemesis:hover path, #player .show-nemesis:hover text, #player .hide-nemesis:hover circle, #player .hide-nemesis:hover path, #player .hide-nemesis:hover text {
    fill: #ee5f5b; }

#player .more_player_stats {
  margin-bottom: 20px; }

#player .nav-tabs.player_stats li.active a {
  background-color: #5bc0de; }

#player .nav-tabs.player_stats li a {
  font-size: 1.1em;
  text-shadow: 1px 1px 1px black; }

#player .tab-content.pages section.tab-pane {
  margin-top: 20px; }

#player .badges .panel-heading {
  border-radius: 3px;
  border-bottom: none; }

#player .badges .well {
  min-height: 264px; }

#player .badges .player_badge {
  float: left;
  text-align: center;
  margin-right: 9px;
  margin-bottom: 10px; }
  #player .badges .player_badge .name {
    font-weight: bold; }
  #player .badges .player_badge .icon {
    width: 60px;
    height: 60px;
    background-color: #1c1e22;
    margin: 0 auto;
    border-radius: 10%;
    margin-bottom: 5px;
    border: 2px solid #c8c8c8; }
    #player .badges .player_badge .icon.secret {
      border: 2px solid #3e444c; }
      #player .badges .player_badge .icon.secret svg path {
        fill: #3e444c !important; }

#player .connector {
  text-align: center; }
  #player .connector a {
    display: inline-block; }

#player #sotf_content.full .nemesis_of .num8, #player #sotf_content.full .nemesis_of .num9 {
  display: none; }

#player ul.stats {
  height: auto;
  padding: 0;
  list-style: none; }
  #player ul.stats .number {
    display: inline-block;
    line-height: 50px;
    font-size: 1.5em; }
  #player ul.stats .pastille {
    background: #7a8288;
    border-radius: 10%;
    /* width: auto; */
    display: inline-block;
    padding: 10px;
    /* border: 2px solid black; */
    box-shadow: 1px 2px 8px black; }
  #player ul.stats .width_80 {
    width: 80%; }
  #player ul.stats .width_40 {
    width: 40%; }
  #player ul.stats .width_50 {
    width: 50%; }
  #player ul.stats .width_60 {
    width: 60%; }
  #player ul.stats .width_20 {
    width: 20%; }
  #player ul.stats li {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px; }
    #player ul.stats li img {
      height: 30px;
      width: auto; }
    #player ul.stats li .name {
      line-height: 50px; }
    #player ul.stats li.kill_0 .number {
      font-size: 3em;
      line-height: 80px;
      color: gold;
      border-left: 2px solid gold; }
    #player ul.stats li.kill_0 .name {
      line-height: 80px; }
    #player ul.stats li.kill_0 img {
      height: 60px; }
    #player ul.stats li.kill_1 .number {
      font-size: 2em;
      line-height: 60px;
      color: goldenrod;
      border-left: 2px solid goldenrod; }
    #player ul.stats li.kill_1 .name {
      line-height: 60px; }
    #player ul.stats li.kill_1 img {
      height: 40px; }

#player #leaderboards, #player #leagues {
  height: 171px; }

#player_records .picture {
  background-color: rgba(122, 130, 136, 0.44);
  border-right: 1px solid #1c1e22; }

#player_records .weapon {
  cursor: pointer; }

#player_records img {
  height: 40px; }

#player_teammates .badge_together {
  height: 117px;
  overflow: hidden;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #player_teammates .badge_together .player_badge {
    width: 48px;
    height: auto;
    margin-left: 5px; }
  #player_teammates .badge_together .no_data {
    width: 100%;
    height: 100%;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center; }

#player_top {
  overflow: hidden;
  padding: 0; }
  #player_top .slides {
    height: 400px;
    width: 200%; }
  #player_top .slide {
    height: 400px;
    position: relative;
    width: 50%;
    display: inline-block;
    transition: margin-left linear 300ms;
    -webkit-transition: margin-left linear 300ms;
    -o-transition: margin-left linear 300ms;
    -ms-transition: margin-left linear 300ms; }
  #player_top .slide1 {
    margin-left: 0; }
    #player_top .slide1.left {
      margin-left: -50%; }
  #player_top .slide2.left {
    margin-left: 0; }

#player .data.players img {
  margin-left: 20px; }

#player .data.record {
  -ms-flex-pack: distribute;
  -moz-justify-content: space-around;
  justify-content: space-around; }
  #player .data.record img {
    margin-right: 20px; }

#player .dinosaurs, #player .weapons {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between; }
  #player .dinosaurs .dino-container, #player .weapons .dino-container {
    color: #c8c8c8;
    height: 92px;
    margin: 0 20px;
    margin-bottom: 60px;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    #player .dinosaurs .dino-container.kill_0, #player .weapons .dino-container.kill_0 {
      color: gold; }
    #player .dinosaurs .dino-container.kill_1, #player .weapons .dino-container.kill_1 {
      color: goldenrod; }
    #player .dinosaurs .dino-container.kill_2, #player .weapons .dino-container.kill_2 {
      color: silver; }
    #player .dinosaurs .dino-container .icon, #player .weapons .dino-container .icon {
      text-align: center;
      background-color: #7a8288;
      border-radius: 10%;
      height: 100%;
      box-shadow: 1px 2px 8px black;
      padding: 10px; }
      #player .dinosaurs .dino-container .icon img, #player .weapons .dino-container .icon img {
        height: 100%; }
    #player .dinosaurs .dino-container .number, #player .weapons .dino-container .number {
      margin-top: 5px;
      text-shadow: 1px 1px 2px black;
      text-align: center;
      width: 100%;
      font-size: 2em; }

#player .stats.full {
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex; }
  #player .stats.full li {
    width: 20%;
    height: 92px; }
    #player .stats.full li img {
      height: 30px;
      width: auto; }
    #player .stats.full li .name {
      line-height: 50px; }
    #player .stats.full li .number {
      font-size: 3em !important;
      line-height: 80px !important; }
    #player .stats.full li .name {
      line-height: 80px !important; }
    #player .stats.full li img {
      height: 60px !important; }
    #player .stats.full li.kill_0 .number {
      font-size: 3em;
      line-height: 80px;
      color: gold;
      border-left: 2px solid gold; }
    #player .stats.full li.kill_0 .name {
      line-height: 80px; }
    #player .stats.full li.kill_0 img {
      height: 60px; }
    #player .stats.full li.kill_1 .number {
      color: goldenrod;
      border-left: 2px solid goldenrod; }

tr.rank_1 {
  color: gold;
  border-left: 2px solid gold; }

tr.rank_2 {
  color: goldenrod;
  border-left: 2px solid goldenrod; }

tr.rank_3 {
  color: silver;
  border-left: 2px solid silver; }

#top tr {
  cursor: pointer; }

#top img {
  height: 60px;
  width: auto;
  border: 2px solid #c8c8c8;
  border-radius: 5%;
  margin-right: 30px;
  margin-left: 30px; }

#top .number {
  line-height: 50px;
  font-size: 1.5em; }

#top .pastille {
  background: #7a8288;
  border-radius: 10%;
  padding: 10px;
  box-shadow: 1px 2px 8px black; }

#top .text-success {
  font-size: 1.5em; }

#top .rank_1 .number {
  font-size: 3em;
  line-height: 120px;
  color: gold;
  border-left: 2px solid gold; }

#top .rank_1 .name {
  line-height: 120px; }

#top .rank_1 img {
  height: 100px;
  margin-right: 10px;
  margin-left: 10px; }

#top .rank_2 .number {
  font-size: 2em;
  line-height: 100px;
  color: goldenrod;
  border-left: 2px solid goldenrod; }

#top .rank_2 .name {
  line-height: 100px; }

#top .rank_2 img {
  height: 80px;
  margin-right: 20px;
  margin-left: 20px; }

#weapon .profile {
  text-align: center; }
  #weapon .profile .well {
    background-color: rgba(122, 130, 136, 0.44); }
  #weapon .profile img {
    width: 165px; }

#weapons .picture {
  background-color: rgba(122, 130, 136, 0.44);
  border-right: 1px solid #1c1e22; }

#weapons .weapon {
  cursor: pointer; }

#weapons img {
  height: 80px; }

#dinosaur .profile {
  text-align: center; }
  #dinosaur .profile .well {
    background-color: rgba(122, 130, 136, 0.44); }
  #dinosaur .profile img {
    width: 165px; }

#dinosaurs .picture {
  background-color: rgba(122, 130, 136, 0.44);
  border-right: 1px solid #1c1e22; }

#dinosaurs .dinosaur {
  cursor: pointer; }

#dinosaurs img {
  height: 80px; }

#faq .search {
  margin-bottom: 40px; }
  #faq .search input {
    border: none;
    background: none;
    font-size: 2.5em;
    color: #c8c8c8;
    padding-left: 0; }

#report .loading .progress-bar {
  animation-duration: 4s;
  animation-name: changewidth;
  animation-iteration-count: infinite;
  animation-direction: normal; }

textarea, input, button {
  outline: 0; }
  textarea:focus, input:focus, button:focus {
    outline: none;
    box-shadow: none !important; }

#thanks .title {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 20px; }

html, body {
  height: 100%; }

body {
  margin: 0;
  padding: 0;
  width: 100%; }

.violet {
  color: #5a77dc; }

.color_time {
  color: #d2cf2d; }

.color_kill {
  color: #774ba5; }

.badge_stats .well {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.badge_stats svg {
  fill: #c8c8c8; }

.badge_stats span {
  display: inline-block;
  width: 100%;
  text-align: center; }

.badge_stats .text {
  text-shadow: 1px 1px 2px black; }

.badge_stats .number {
  font-size: 2em; }

#cool_stats a {
  text-decoration: none !important;
  color: #c8c8c8; }
  #cool_stats a:hover {
    color: white; }

#cool_stats .well {
  padding: 0; }

#cool_stats img {
  height: 60px;
  margin-right: 10px; }

#cool_stats h3 {
  margin: 0;
  padding: 19px; }

#cool_stats .random {
  position: absolute;
  right: 25px;
  top: 5px;
  font-size: 1.5em;
  cursor: pointer; }
  #cool_stats .random:hover {
    color: goldenrod; }

.container_title {
  text-align: center;
  display: table-cell;
  vertical-align: middle; }

.container_title .content {
  text-align: center;
  display: inline-block; }

.container_title .title {
  font-size: 96px; }

td {
  vertical-align: middle !important; }
  td.tribe, td.name {
    word-break: break-all; }
  td input, td select {
    color: black !important;
    font-weight: 400 !important; }

#report input[type=text] {
  color: black;
  font-weight: 400; }

#top .view {
  float: right;
  margin-top: -2px; }

td, th {
  text-align: center; }

#last_badges td {
  padding: 0; }

#last_badges svg {
  height: 50px;
  background: #1c1e22;
  text-align: left;
  border-radius: 10%;
  border: 2px solid #c8c8c8;
  margin-top: 5px; }

#badges .one_badge .icon {
  width: 60px;
  display: inline-block;
  float: left;
  margin-right: 10px; }
  #badges .one_badge .icon::after {
    clear: both; }

#badges .one_badge .well {
  height: 90px;
  position: relative; }

#badges .one_badge .percent {
  position: absolute;
  top: 9px;
  right: 9px;
  font-size: 0.9em; }

#badges .one_badge .glyphicon {
  margin-right: 5px; }

#badges .one_badge .title {
  text-transform: uppercase;
  font-weight: bold; }

#badges .one_badge .new, #badges .one_badge .view {
  position: absolute;
  bottom: 9px;
  right: 9px;
  font-size: 0.9em;
  border: 1px solid #5bc0de;
  display: block;
  padding: 2px 4px;
  border-radius: 10%; }
  #badges .one_badge .new.view, #badges .one_badge .view.view {
    border: 1px solid goldenrod;
    color: goldenrod;
    cursor: pointer; }

#badges .one_badge .description {
  padding-top: 5px;
  font-size: 0.9em;
  display: inline-block;
  width: 70%; }

.achievement_line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 65px;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .achievement_line .text-success {
    font-size: 1.5em; }
  .achievement_line .pictures {
    width: 220px;
    display: inline-block; }
  .achievement_line .active {
    text-align: center;
    font-weight: bold; }
    .achievement_line .active.left {
      text-align: left; }
    .achievement_line .active .label {
      position: absolute;
      right: 15px;
      bottom: 12px;
      text-align: left; }

#stats #last_badges li img {
  filter: grayscale(100%); }

#stats #last_badges li:hover img {
  filter: grayscale(0%); }

#stats .panel-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  #stats .panel-heading h4 {
    margin: 0;
    -ms-flex: 1;
    flex: 1; }
    #stats .panel-heading h4.score {
      text-align: right;
      margin-right: 5px; }

#stats .progress {
  margin-bottom: 0; }

#stats .panel-footer {
  text-align: center; }

#filter {
  text-align: right; }

.center {
  text-align: center; }

/* Sticky footer styles
-------------------------------------------------- */
footer.footer {
  width: 100%;
  background-color: #4e5d6c; }
  footer.footer .container p {
    margin: 10px 0;
    text-align: right;
    font-size: 0.9em; }
  footer.footer > .container {
    width: 100%; }

.stats .pictures {
  width: 220px;
  display: inline-block; }

.stats .text-success, .stats .text-warning, .stats .text-danger, .stats .text-info, .stats .text-primary {
  font-size: 1.5em;
  position: absolute;
  top: 5px;
  right: 15px; }

.stats .active {
  text-align: center;
  font-weight: bold; }
  .stats .active.left {
    text-align: left; }
  .stats .active .label {
    position: absolute;
    right: 15px;
    bottom: 12px;
    text-align: left; }

.stats .pastille {
  background: #7a8288;
  border-radius: 10%;
  display: inline-block;
  padding: 10px;
  box-shadow: 1px 2px 8px black; }
  .stats .pastille img {
    width: 20px; }

.stats li.with_img {
  padding-top: 0;
  padding-bottom: 0; }

.stats img {
  width: 32px; }

#game .stats img, #home .stats img {
  margin: 5px 0; }

#home .list-group-item, #game .list-group-item {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#home .stats .text-success, #home .stats .text-warning, #home .stats .text-danger, #home .stats .text-info, #home .stats .text-primary, #game .stats .text-success, #game .stats .text-warning, #game .stats .text-danger, #game .stats .text-info, #game .stats .text-primary {
  position: initial; }

#home li.with_img, #game li.with_img {
  padding: 4px 15px; }

img.player {
  border-radius: 100%;
  box-shadow: 1px 1px 3px black; }
  img.player.small {
    width: 40px !important; }
  img.player.medium {
    width: 80px !important; }
  img.player.big {
    width: 120px !important; }
  img.player.rank_1 {
    width: 70px !important; }
  img.player.rank_2 {
    width: 60px !important; }
  img.player.rank_3 {
    width: 50px !important; }

.tweet {
  text-decoration: none !important; }
  .tweet:hover, .tweet:active, .tweet:visited {
    text-decoration: none; }

#games .die_by {
  background-color: rgba(122, 130, 136, 0.44);
  border-right: 1px solid #1c1e22;
  border-left: 1px solid #1c1e22; }

.last_games {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center; }

#game .die_by {
  background-color: rgba(122, 130, 136, 0.44);
  border-right: 1px solid #1c1e22;
  border-left: 1px solid #1c1e22; }

#game .rank {
  font-size: 0.9em;
  text-align: left;
  color: white; }
  #game .rank .hash {
    font-size: 0.9em;
    color: #c8c8c8;
    margin-right: 1px; }

#game .hovered {
  background: #49515a; }

#game table img {
  width: 30px; }

#game .best_player {
  text-align: center; }
  #game .best_player .data {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* align-items: center; */
    /* align-content: center; */
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    height: 166px; }
  #game .best_player .active {
    font-weight: bold; }
  #game .best_player img {
    width: 80px; }
  #game .best_player .name {
    margin-top: 5px;
    display: inline-block; }
  #game .best_player .kills {
    font-size: 2em; }

#game .killer {
  position: relative; }
  #game .killer img {
    position: absolute;
    left: 11px;
    top: 5px; }

.date {
  font-size: 1.1em; }

#feedback .col-lg-6 {
  padding-left: 0;
  padding-right: 0; }

#feedback .small {
  font-weight: bold;
  font-size: 0.8em;
  text-align: right; }

[data-feedback] {
  color: #5bc0de !important; }

.tribe_rank {
  color: white; }
  .tribe_rank.rank_1 {
    color: gold; }
  .tribe_rank.rank_2 {
    color: goldenrod; }
  .tribe_rank.rank_3 {
    color: silver; }

.ranking.rank_1 .glyphicon {
  color: gold;
  font-size: 1.5em; }

.ranking.rank_1 img.player {
  width: 60px; }

.ranking.rank_2 .glyphicon {
  color: goldenrod;
  font-size: 1.2em; }

.ranking.rank_2 img.player {
  width: 50px; }

.ranking.rank_3 .glyphicon {
  color: grey;
  font-size: 1em; }

.ranking.rank_3 img.player {
  width: 40px; }

.capitalize {
  text-transform: capitalize; }

#navbar .glyphicon:not(.glyphicon-home) {
  margin-right: 5px; }

.player_of .view {
  float: right;
  margin-top: -2px; }

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
  background-color: #5bc0de;
  background-image: none;
  border-radius: 0; }

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
  background: #3e444c;
  border-radius: 0; }

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
  background-color: #62c462;
  background-image: none;
  border-radius: 0; }

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
  background-color: goldenrod;
  background-image: none;
  border-radius: 0;
  font-weight: bold;
  color: white; }

#sotf_content {
  padding-top: 20px;
  padding-left: 230px;
  transition: padding-left linear 200ms;
  -webkit-transition: padding-left linear 200ms;
  -o-transition: padding-left linear 200ms;
  -ms-transition: padding-left linear 200ms; }
  #sotf_content.closed {
    padding-left: 50px; }

@media (max-width: 992px) {
  #player_top .slides {
    height: auto; }
  #player_top .slide {
    height: auto; } }

@media (max-width: 768px) {
  #menu {
    font-size: 2em;
    height: 80px;
    text-align: center; }
    #menu .title {
      width: 100%;
      margin-top: 20px; }
  #player #player_top .slide {
    margin-left: 0 !important; }
  #player .leaderboards .well.active {
    display: block; }
  .stats .pictures {
    width: 120px; }
  #sotf_content {
    padding-left: 0px !important; } }

.tooltip-inner {
  white-space: pre;
  max-width: none; }

.highcharts-container {
  width: auto !important; }
  .highcharts-container svg {
    width: 100%; }

.container .separator {
  border-radius: 3px;
  height: 5px;
  background-color: #3e444c;
  box-shadow: 1px 1px 1px black;
  margin-bottom: 20px; }

html.tus #content {
  padding-top: 100px; }

html.tus .rules p {
  white-space: pre-line; }

html.tus .top_x .tournament {
  color: white !important;
  font-size: 1.4em;
  margin: 19px 0px; }

html.tus .top_x .rank_1 {
  color: gold; }
  html.tus .top_x .rank_1 .placement {
    font-size: 2.5em; }

html.tus .top_x .rank_2 {
  color: goldenrod; }
  html.tus .top_x .rank_2 .placement {
    font-size: 2em; }

html.tus .top_x .rank_3 {
  color: silver; }

html.tus .top_x .well {
  position: relative;
  padding: 0; }

html.tus .top_x .kills {
  position: absolute;
  top: 10px;
  left: 10px;
  color: white; }

html.tus #tus-menu {
  position: fixed;
  background: #212328;
  width: 100%;
  height: 70px;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 1px 1px 11px black;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

@keyframes clipMe {
  0%, 100% {
    clip: rect(0px, 60.5px, 3px, 0px); }
  25% {
    clip: rect(0px, 3px, 60.5px, 0px); }
  50% {
    clip: rect(57.5px, 60.5px, 60.5px, 0px); }
  75% {
    clip: rect(0px, 60.5px, 60.5px, 57.5px); } }
  html.tus #tus-menu .logo-container .logo, html.tus #tus-menu .logo-container .logo::before, html.tus #tus-menu .logo-container .logo::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  html.tus #tus-menu .logo-container {
    position: relative;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 70px;
    background: #101214;
    margin-right: 30px; }
    html.tus #tus-menu .logo-container .logo {
      z-index: 1;
      font-weight: bold;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      -moz-align-items: center;
      align-items: center;
      -ms-flex-pack: center;
      -moz-justify-content: center;
      justify-content: center;
      font-size: 20px;
      width: 55px;
      height: 55px;
      margin: auto;
      color: #871c1c; }
      html.tus #tus-menu .logo-container .logo::before, html.tus #tus-menu .logo-container .logo::after {
        content: '';
        z-index: -1;
        margin: -5%;
        box-shadow: inset 0 0 0 3px;
        animation: clipMe 10s linear infinite; }
      html.tus #tus-menu .logo-container .logo::before {
        animation-delay: -5s; }
  html.tus #tus-menu .menu {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
    html.tus #tus-menu .menu .btn {
      text-decoration: none;
      height: 100%;
      min-width: 100px;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      -moz-justify-content: center;
      justify-content: center;
      -ms-flex-align: center;
      -moz-align-items: center;
      align-items: center;
      border: none;
      font-size: 1.2em;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      transition: all .4s;
      border-radius: 0; }
      html.tus #tus-menu .menu .btn:hover {
        border-top: 5px solid transparent;
        border-bottom: 5px solid #871c1c; }
  html.tus #tus-menu .connectors {
    position: absolute;
    right: 10px;
    bottom: 0;
    z-index: 1;
    height: 100%;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center; }
    html.tus #tus-menu .connectors a {
      text-decoration: none;
      height: 40px;
      margin-left: 10px; }
    html.tus #tus-menu .connectors .twitch svg, html.tus #tus-menu .connectors .twitch g, html.tus #tus-menu .connectors .twitch path {
      fill: #6441a4; }
    html.tus #tus-menu .connectors .twitter svg, html.tus #tus-menu .connectors .twitter g, html.tus #tus-menu .connectors .twitter path {
      fill: #1da1f2; }
    html.tus #tus-menu .connectors .discord svg, html.tus #tus-menu .connectors .discord g, html.tus #tus-menu .connectors .discord path {
      fill: #7289da; }
    html.tus #tus-menu .connectors svg {
      cursor: pointer;
      height: 40px; }

html.tus .table > thead > tr > td.success, html.tus .table > tbody > tr > td.success, html.tus .table > tfoot > tr > td.success, html.tus .table > thead > tr > th.success, html.tus .table > tbody > tr > th.success, html.tus .table > tfoot > tr > th.success, html.tus .table > thead > tr.success > td, html.tus .table > tbody > tr.success > td, html.tus .table > tfoot > tr.success > td, html.tus .table > thead > tr.success > th, html.tus .table > tbody > tr.success > th, html.tus .table > tfoot > tr.success > th {
  background-color: #276627; }

html.tus .panel-success > .panel-heading {
  background-color: #276627; }

html.tus .text-success {
  color: #276627; }

html.tus * {
  font-family: 'Exo', sans-serif; }

html.tus #tus-home .qualifier_players {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  html.tus #tus-home .qualifier_players a {
    padding: 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
    html.tus #tus-home .qualifier_players a img {
      height: 60px;
      width: 60px; }
    html.tus #tus-home .qualifier_players a .name {
      margin-top: 10px; }

html.tus #badges .actions {
  position: absolute;
  bottom: 9px;
  right: 9px;
  font-size: 0.9em;
  display: block; }
  html.tus #badges .actions a {
    text-decoration: none;
    padding: 2px 4px;
    border-radius: 5px;
    border: 2px solid #871c1c;
    color: #c8c8c8;
    transition: background .4s; }
    html.tus #badges .actions a:hover {
      background: #871c1c; }

html.tus .table-striped > tbody > tr:nth-of-type(odd) {
  background: #171717; }

html.tus table, html.tus .panel-body {
  background: #3B2524; }

html.tus .list-group-item {
  background: #3B2524; }
  html.tus .list-group-item.active {
    background: #6A6767; }

html.tus #menu_left {
  background-color: #3B2524; }

html.tus #game .die_by {
  background-color: #3B2524;
  border: none; }

html.tus footer.footer {
  background-color: #3B2524; }

html.tus body {
  background-color: #171717; }

html.tus .color-red {
  color: #871c1c; }

html.tus .panel-primary > .panel-heading {
  background-color: #871c1c; }

html.tus #dashboard-video {
  margin-top: 0px;
  min-height: 600px;
  background-repeat: no-repeat;
  background-color: #D6D6D6;
  position: relative;
  background-size: cover;
  background-position: top center;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent; }
  html.tus #dashboard-video .overlay {
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-top: 25px solid #171717;
    border-bottom: 25px solid #171717;
    background: rgba(0, 0, 0, 0.5);
    border-bottom-width: 50px; }
    html.tus #dashboard-video .overlay::after {
      content: '';
      width: 100%;
      position: absolute;
      height: 100%;
      border: 4px solid #871c1c; }
  html.tus #dashboard-video .video {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    z-index: 0;
    padding: 0;
    width: 100%;
    height: 100%; }
    html.tus #dashboard-video .video iframe {
      width: 100%;
      height: 100%; }
  html.tus #dashboard-video video {
    position: absolute;
    left: 0;
    width: 100%;
    top: calc($overlay_height / 2 * -1);
    height: auto;
    z-index: 0;
    padding: 25px 0; }
  html.tus #dashboard-video .container {
    z-index: 1;
    padding: 0;
    position: relative;
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
  html.tus #dashboard-video .container article.hero-content {
    text-align: center;
    margin: 0 15px; }
  html.tus #dashboard-video .container article.hero-content h3 {
    font-size: 1.675em;
    padding: 17px 0;
    color: white;
    margin: 0;
    font-weight: bold;
    line-height: 1; }
  html.tus #dashboard-video .container article.hero-content h2 {
    font-weight: bold;
    color: #fff;
    font-size: 4.2em;
    line-height: 52px;
    margin: 0 0 17px; }
  html.tus #dashboard-video .container article.hero-content p {
    color: #bfbfbf;
    line-height: 29px;
    margin-bottom: 40px; }

@media (max-width: 900px) {
  html.tus #tus-home .connectors {
    right: auto;
    width: 100%;
    text-align: center; } }

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