body {
  margin: 0 !important;
}
.player_card {
  position: absolute;
  width: 100%;
  height: 100%;
}
.player_card.tooltip {
  width: 250px;
}
.player_card .loading_c {
  width: 100%;
}
.player_card .loading_c .text {
  text-align: center;
}
.player_card .details {
  display: none;
}
.player_card .details .header {
  height: auto;
  padding: 10px;
  position: relative;
  border-bottom: none;
}
.player_card .details .container {
  padding: 10px 20px;
}
.player_card .details .container .avatar_container div {
  float: left;
}
.player_card .details .container .avatar_container .level_container {
  padding: 22px 0 0 10px;
}
.player_card .details .container .avatar_container .level_container .mobile_gamertag {
  display: none;
}
.player_card .details .container .avatar_container .level_container .level {
  font-size: 24px;
  font-family: 'Segoe UI Bold', 'Segoe UI', 'SegoeBold';
  font-weight: bold;
}
.player_card .details .container .avatar_container .level_container .level span {
  color: #cf4335;
}
.tooltip .player_card .details {
  display: block;
}
.player_card .details .stats {
  padding: 10px 0px;
}
.player_card .details .stats .total {
  padding-bottom: 20px;
}
.player_card .details .stats h3 {
  color: #414755;
  font-family: 'Segoe UI', 'SegoeWP';
  font-weight: normal;
}
.player_card .details .stats h3 strong {
  font-family: 'Segoe UI Bold', 'Segoe UI', 'SegoeBold';
  font-weight: bold;
}
.player_card .details .stats span {
  font-size: 24px;
}
.progressBarContainer {
  overflow: hidden;
  width: 105px;
}
.progressBarContainer .progressBar {
  width: 100%;
  height: 10px;
  background-color: #1d2126;
  position: relative;
}
.progressBarContainer .progressBar .progressBarSegment {
  height: 100%;
  float: left;
}
.inactive .progressBarContainer .progressBar .progressBarSegment .fill {
  background-color: #414755;
}
.progressBarContainer .progressBar .progressBarSegment .fill {
  background-color: #cf4335;
  border-right: 1px solid #242321;
  height: 100%;
}
.progressBarContainer .progressBar .progressBarSegment.partial {
  background-color: #414141;
  height: 100%;
}
.progressBarContainer .progressBar .progressBarSegment .segmentmarker {
  display: none;
  position: relative;
  top: 22px;
  right: 200px;
  height: 75px;
  border-bottom: dashed;
  border-right: dashed;
}
@media only screen and (max-width: 480px) {
  .player_card .header {
    display: none;
  }
  .player_card .details .container {
    padding: 10px;
  }
  .player_card .details .container .avatar_container {
    float: left;
  }
  .player_card .details .container .avatar_container .level_container {
    padding: 2px 0 0 10px;
  }
  .player_card .details .container .avatar_container .level_container .mobile_gamertag {
    display: block;
    float: none;
  }
  .player_card .details .stats {
    padding: 0;
    float: left;
  }
  .player_card .details .stats div.total {
    padding-left: 5px;
    float: left;
  }
  .player_card .details .stats div.driving_since {
    padding-left: 5px;
    float: left;
  }
}
@media only screen and (max-width: 320px) {
  .stats {
    display: none;
  }
}
@media only screen and (max-width: 225px) {
  .player_card .header {
    display: block;
  }
  .player_card .details .container {
    padding: 10px;
  }
  .player_card .details .container .avatar_container {
    float: none;
  }
  .player_card .details .container .avatar_container .level_container {
    padding: 22px 0 0 10px;
  }
  .player_card .details .container .avatar_container .level_container .mobile_gamertag {
    display: none;
  }
  .player_card .details .stats {
    padding: 10px 0;
    float: none;
    display: block;
  }
  .player_card .details .stats div.total {
    padding-left: 0;
    float: none;
  }
  .player_card .details .stats div.driving_since {
    padding-left: 0;
    float: none;
  }
}