body {
    padding-bottom: 20px;
}
.login-container {
    padding: 100px 0;
}
.login-logo img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.navbar-brand {
    color: black !important;
}
.navbar-brand + .navbar-brand {
    padding-left: 10px;
}
.tracks {
    list-style: none;
    padding: 0;
}
.tracks > li {
    margin: 20px 0;
}
.tracks > li > button {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}
.tracks > li > a {
    display: block;
    text-decoration: none;
    font-size: larger;
}
.tracks > li > small {
}
.play-container {
    position: fixed;
    bottom: 0;
    width: 500px;
    padding: 20px 0;
    background-color: white;
}
td.num {
    text-align: right;
}
.table td.indent {
    padding-left: 24px;
}
.table td.indent2 {
    padding-left: 48px;
}
#sticky-player > div {
    margin: 10px 0;
}
@media(min-height: 720px){
    #sticky-player {
        position: sticky;
        top: 0;
        background-color: white;
        z-index: 10;
    }
}