#musicPlayerCanvas {
    bottom: 56px;
}
#songPlayer {
    height: 300px;
    width: 100%;
    margin-bottom: 56px;
    margin-left: 0;
    margin-right: 0;
    padding:0;
    background-color: var(--primary-dark);
    overflow: hidden;
}

#waveform {
    height: 200px;
    margin-top:-250px !important;
}

#sliderBtn {
    margin-top: -80px !important;
}

#songPlayer>#title {
    margin-top:72px;
    font-size: 24pt;
    color: var(--accent-secondary);
}

#songPlayer .controlsOuter .btn {
    font-size: 14pt !important;
    color: var(--accent-secondary) !important;
}

#btn_close_playlist {
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    padding: 64px;
    color: #fff !important;
}

#songListContainer {
    padding: 16px 16px 16px 16px;
    border-radius: 16px;
    margin: 0 16px;
}

#songListContainer .paginate_button:not(.disabled) a {
    color: var(--primary)!important;
}

#songListContainer .paginate_button.active a {
    background-color: var(--primary)!important;
    color: var(--accent-secondary)!important;
    font-weight: bold;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: var(--primary-shadow) !important;
    font-weight: bold !important;
}

@media only screen and (max-width: 1200px) {
    #songListContainer {
        margin: 0 0;
    }
    #songPlayer {
        height: 600px;
    }
    #title {
        font-size: 34pt !important;
    }
    #waveform {
        top: 60%;
        height: 500px;
        margin-top:-500px !important;
        z-index:1;
    }
    #bar {
        margin-top: 181px !important;
    }
    #progress {
        height: calc(100% - 100px) !important;
    }
}


/* SONG ADMIN */
.large_column {
    max-width:200px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.editCol, .btn_save_song, .btn_cancel_edit {
    display: none;
}