.page-title {
    font-size: 1.5rem;
}



.bg-inverse {
    background-color: #292b2c!important;
}

.dj-navbar-fixed {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999;
    width: 100%;
    background-color: #e0e0e0;
    padding: 5px;
}

nav > div > div > ul > li {
    padding-left: 5px;
}

.songText {
    font-family: "Verdana", Geneva, sans-serif;
    font-size: 14pt;
    padding-left: 8px;
}

.songText span {
    display: inline-block;
}

.songText-space {
    padding-right: 5px;
}

.songText-nowrap {
    white-space: nowrap;
}

.fab {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
}

.fab-tag {
    background-color: rgba(128, 0, 255, 0.3);
    border-radius: 15%;
    margin-bottom: 1rem;
    line-height: 2rem;
    cursor: pointer;
}

.fab-scroll {
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    background-color: rgba(0, 0, 255, 0.3);
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
}

.song-list p {
    margin: 1rem;
    display: inline-block;
    font-size: 14pt;
}

.song-list p a {
    border-bottom: 1px dashed blue;
}

.tag {
    display: inline-block;
    margin: 1rem;
    border-radius: 2rem;
    padding: 0.5rem;
    cursor: pointer;
}

.tag .tagName {
    margin-left: .5rem;
    margin-right: .5rem;
}

.tag .badge {
    margin-top: -.5rem;
    background-color: white;
    color: blue;
}

.tag .close {
    margin-right: .5rem;
    margin-top: -.85rem;
    font-size: 24pt;
}

.songTags {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 50px;
    width: 100%;
    z-index: 100;
    background-color: #f0f0f0;
    padding: 5px;
    max-height: 50vh;
    overflow-y: auto;
}

.partButton {
    width: 2.25rem;
}