/* --- brackets --- */

#brackets {
    min-height: 100vh;
    /* background: -webkit-linear-gradient(top, #0d0f29 0%, #1f202b 50%, #1d1e29 74%, #0c0a0e 100%); */
}

.brackets-type {
    padding-top: 16px;
    padding-bottom: 16px;
}

.brackets-type li {
    font-size: 1.1rem;
}

#brackets {
    background-color: #6c5a4e;
}

#brackets table {
    border: none;
}

#brackets table thead tr {
    font-size: 1rem;
}

#brackets table thead th,
#brackets table tbody td {
    padding: 0;
}

#brackets table tr th,
#brackets table tr td {
    color: white;
}

#brackets .brackets-background {
    background-color: rgba(255, 255, 255, 0.04);
    border-radius: 5px;
}

#brackets .tournament-list .nav {
    border: 1px solid white;
}

#brackets .tournament-list .nav-link {
    color: white;
}

#brackets .tournament-list .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #0b1727;
    background-color: white;
}

#brackets .tournament-list .frame {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#brackets .tournament-list .framex::-webkit-scrollbar {
    display: none;
}

@media screen and (max-width: 400px) {
    #brackets table thead tr,
    #brackets table tbody tr {
        font-size: 0.7rem;
    }
}

#match-list .card-title {
    font-size: 0.8rem;
}

#match-list table tr {
    border-top: 1px solid #ddd;
    height: 25px;
    vertical-align: middle;
}

#match-list table tr td {
    font-size: 0.8rem;
}