tr.page td {
    background-color: #e2e6ff !important;
}

tr.personal td {
    background-color: #ffc0d8 !important;
}

tr.selected td {
    background-color: #E6FFE4 !important;
}

.playlist i.fa.fa-trash-o:hover {
    color: #72c02c !important;
}

.active-song {
    border: 1px solid rgb(121, 201, 137) !important;
}

.table-condensed {
    margin-bottom: 0px !important;
}

#jp_flash_0 {
    width: 0px !important;
    height: 0px !important;
}

.jp-volume-bar {
    display: inline-flex;
    height: 8px;
    width: 50px;
    bottom: 1px;
    position: relative;
    cursor: pointer;
}
.jp-play-highlight {
    color: #63b02c !important;
}
.top .jp-play, .top .jp-pause {
    font-size: 40px !important;
    width: 34px !important;
}
.top .jp-play::before, .top .jp-pause::before {
    width: 30px !important;
}
.top .jp-mute::before, .top .jp-unmute::before{
    width: 15px !important;
}
.player-controls i {
    font-size: 20px !important;
    margin: 0px 5px;
    vertical-align: middle !important;
}

.jp-play-bar {
    position: relative;
    overflow: visible;
}
.progress {
    height: 5px !important;
    border: 1px solid #E9E9E9;
}
.jp-seek-bar {
    overflow: visible;
    cursor: pointer;
    background-color: rgb(236, 236, 236) !important;
}
.progress-resizable:hover {
    height: 10px !important;
}
.progress-resizable:hover .jp-play-bar-knob{
    height: 18px;
}
.jp-play-bar-knob {
    position: absolute;
    right: -1px;
    margin-top: -4px;
    z-index: 50;
    width: 2px;
    height: 12px;
    background: #72c02c;
    display: block;
}
.jp-poster {
    display: inline-block;
}
.jp-playlist-item-remove {
    float: right;
}
.playlist .headline {
    margin-bottom: 5px !important;
}
.song-title {
    margin-right: 10px;
    font-size: 25px;
}
@media (max-width: 991px) {
    .jp-interface {
        margin-left: 5px !important;
    }
}
.jp-playlist-current {
    color: #72c02c !important;
    font-weight: bolder;
    background-color: #ededed;
}
.playlist .headline {
    margin: 0px !important;
    border-bottom: none !important;
}
.playlist ol li {
    margin-bottom: 0px;
    padding: 3px 0px;
}
.playlist ol li:hover, .playlist table tbody tr:hover td, .jp-playlist-current:hover .jp-playlist-item {
    background-color: #e4e4e4 !important;
}
.playlist .box {
    height: 202px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #e8e8e8;
}
.playlist-footer {
    text-align: center;
    cursor: pointer;
    background-color: rgb(233, 233, 233);
    height: 10px
}
.loginbar.jp-gui.jp-interface{
    height: 28px;
}
.player-controls .time {
    right: 108px !important;
    top: 32px;
    margin-left: 0!important;
    font-size: smaller;
    color: #d14;

    position: relative;
    height: 0px;
    width: 0px;
    right: 70px;
    top: 30px;
}

.player-controls .jp-poster {
    position: relative;
    bottom: 3px;
}