@charset "UTF-8";
.boss_name {
  font-size: 2.5rem; }

#raids_logs_content {
  padding: 25px 12px 75px 45px; }
  #raids_logs_content .raids_difficulties {
    display: flex;
    justify-content: center;
    column-gap: 10px; }
    #raids_logs_content .raids_difficulties .raids_difficulty {
      padding: 5px 15px;
      border-radius: 3px;
      background-color: #162027;
      color: white;
      font-size: 1.5rem;
      text-transform: capitalize; }
      #raids_logs_content .raids_difficulties .raids_difficulty:hover, #raids_logs_content .raids_difficulties .raids_difficulty.selected {
        cursor: pointer;
        background-color: #09829c; }
  #raids_logs_content #bosses {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 10px;
    row-gap: 5px;
    padding-top: 20px; }
    #raids_logs_content #bosses .boss {
      height: calc(64px / 2);
      background-repeat: no-repeat;
      background-size: auto 100%;
      font-size: 1.5rem;
      background-color: #162027;
      padding: 5px 15px 5px 60px;
      border-radius: 3px; }
      #raids_logs_content #bosses .boss:hover, #raids_logs_content #bosses .boss.selected {
        cursor: pointer;
        background-color: #09829c; }
  #raids_logs_content #raids_logs h1 {
    padding-top: 55px;
    color: #09829c;
    margin-bottom: 25px; }

#report-content {
  padding: 0 10px 25px 42px; }
  #report-content .empty_stats_statement {
    padding: 15px 10px;
    margin-bottom: 15px;
    color: #09829c;
    text-align: center;
    border-radius: 15px;
    border: 2px solid #09829c;
    font-weight: bold;
    font-size: 1.75rem; }
  #report-content .table_results .orderable:hover {
    cursor: pointer; }
  #report-content .table_results .orderable.desc::after {
    content: "▼"; }
  #report-content .table_results .orderable.asc::after {
    content: "▲"; }
  #report-content .character_infos img {
    padding-right: 5px; }
  #report-content .character_infos span {
    display: block;
    width: 16px;
    height: 16px;
    float: right; }
    #report-content .character_infos span::before {
      width: 16px;
      height: 16px;
      display: block;
      text-align: center;
      line-height: 16px; }
  #report-content .stats {
    display: flex;
    column-gap: 10px;
    padding-top: 40px;
    margin: 0; }
    #report-content .stats .stats_container {
      padding-top: 15px;
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 3px; }
      #report-content .stats .stats_container h3 {
        text-align: center;
        color: #09829c;
        padding-bottom: 25px; }
      #report-content .stats .stats_container .stats_dps {
        display: flex;
        flex-direction: column;
        row-gap: 5px;
        width: 100%; }
        #report-content .stats .stats_container .stats_dps .row_stat {
          display: inline-grid;
          grid-template-columns: 1.5fr 4fr 1fr;
          padding: 5px 0 5px 0; }
          #report-content .stats .stats_container .stats_dps .row_stat .name {
            font-size: 1.5rem;
            width: 75px; }
          #report-content .stats .stats_container .stats_dps .row_stat .bar {
            width: 100%; }
            #report-content .stats .stats_container .stats_dps .row_stat .bar .inner {
              background-color: #09829c;
              height: 21px;
              border-top-left-radius: 3px;
              border-bottom-left-radius: 3px; }
          #report-content .stats .stats_container .stats_dps .row_stat .number {
            text-align: right;
            font-size: 1.5rem; }