.btn-outline-dark:hover {
    color: black;
    background-color: white;
}

.btn-xs {
    padding: 0.25rem 0.5rem;
    font-size: 0.7rem;
    line-height: 1.2;
    border-radius: 0.2rem;
}

.duser-ignore {
    font-style: italic;
    color: #bbb;
}

.invite-accepted {
    color: blue;
    font-style: bold;
}

.invite-declined {
    color: #bbb;
    font-style: italic;
}

.invite-revoked {
    color: #bbb;
    font-style: italic;
}

.region-rotated {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    font-size: 32px;
    font-weight: bold;
    padding: 0px !important;
}

.cgames-table, .bracket-table {
    width: 100%;
}

.bracket-table td {
    border: 1px solid #777  ;
    padding: 15px;
}

.cgames-table-sep th, .cgames-table-sep-th {
    border-bottom: 1px solid #000;
}

.cgames-table-sep td {
    border-bottom: 1px solid #ddd;
}

.cgames-table th, .cgames-th {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 5px;
    padding-bottom: 5px;
}

.cgames-table td {
    padding: 3px;
}

.mobile-stats-table {
    font-size: 14px;
    margin-bottom: 0px !important;
    border-top: 1px solid #333;
}

.mobile-stats-table th, .mobile-stats-table td {
    padding: 1px;
}

table.table tr.mine {
    --bs-table-bg: #D0F0C0 !important; /* lightgreen; */
}

.mine-won {
    color: blue !important;
    font-weight: bold !important;
    font-style: italic !important;
}

.mine-lost {
    color: red !important;
    font-style: italic !important;
}

.notmine-won {
    font-weight: bold !important;
}

.notmine-lost {
}

.btn-outline-region {
    --bs-btn-color: #444;
    --bs-btn-border-color: #444;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #444;
    --bs-btn-hover-border-color: #444;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #444;
    --bs-btn-active-border-color: #444;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #444;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #444;
    --bs-gradient: none;
  }

.bracket-game .pick-team {
    width: 100%;
}

.bracket-left .bracket-game .pick-team {
    text-align: left;
}

.bracket-right .bracket-game .pick-team {
    text-align: right;
}

.bracket-team1 {
    margin-bottom: 10.25px;
}

.bracket-team2 {
    margin-bottom: 10.25px;
}

.last-game .bracket-team2 {
    margin-bottom: 45px;
}

.bracket-image {
    padding-top: 52px;
    padding-bottom: 20px;
}

.bracket-image img {
    height: 1350px;
    width: 100%;
    object-fit: fill !important;
}


.bracket-mobile {
    font-size: 10px;
    height: 570px;
}

.bracket-image-mobile {
    padding-top: 21px;
    padding-bottom: 20px;
}

.bracket-image-mobile img {
    height: 570px;
    width: 100%;
    object-fit: fill !important;
}

.bracket-left-mobile .bracket-game-mobile {
    text-align: right;
}
  
.bracket-right-mobile .bracket-game-mobile {
    text-align: left;
}

.bracket-team1-mobile {
    margin-bottom: 2.75px;
}

.bracket-team2-mobile {
    margin-bottom: 2.75px;
}

.last-game .bracket-team2-mobile {
    margin-bottom: 2px;
}

.bracket-team-button-mobile {
    font-size: 10px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    color: black;
    background-color: transparent;
}

.bracket-team-button-mobile.picked {
    background-color: #D0F0C0;
}

.bracket-team-button-mobile:disabled {
    color: #777;
}

.bracket-team-button-mobile.submitted:disabled {
    color: black;
}

.monkey img {
    height: 2em;
}

td.monkey {
    cursor: pointer;
}

.chat-spinner {
    min-height: 300px;
}

.change-visibility {
    cursor: pointer;
}

tr.player-eliminated > td {
    color: pink;
}