/* GENERIC FIELD STYLES */

select {
    border: 1px solid #ccc;
    border-radius: 4px;
    flex-grow: 1;
    padding: 5px 30px 5px 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right 5px top 50%;
}

select:hover {
    border: 1px solid #000;
}

/* UI LAYOUT */

.data-ui-controls {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.data-ui-controls .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.data-ui-controls .col {
    /* min-width: 33%; */
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.data-ui-controls .col:first-child {
    padding-right: 20px;
}

.data-ui-controls label {
    font-weight: bold;
    margin-right: 20px;
}

/* select#year, select#round {
    border: 1px solid #ccc;
    border-radius: 4px;
    flex-grow: 1;
    padding: 5px 30px 5px 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right 5px top 50%;
} */

.stats-leaders--table {
    width: 100%;
}

.stats-leaders--table tr {
    border-bottom: 1px solid #ccc;
}
.stats-leaders--table th {
    font-weight: 600;
}
.stats-leaders--table td, .stats-leaders--table th {
    padding: 5px 10px;
}
.stats-leaders--table td.up {
    background: #f3f3f3;
}



.table-sortable th {
    cursor: pointer;
  }
  
  .table-sortable .th-sort-asc::after {
    content: "\25b4";
  }
  
  .table-sortable .th-sort-desc::after {
    content: "\25be";
  }
  
  .table-sortable .th-sort-asc::after,
  .table-sortable .th-sort-desc::after {
    margin-left: 5px;
  }
  
  .table-sortable .th-sort-asc,
  .table-sortable .th-sort-desc {
    background: rgba(0, 0, 0, 0.1);
  }