.sm2-bar-ui.textured.playlist-open {
    width: 550px;
    min-width: none;
    max-width: none;
    border-radius: 10px;
}

.sm2-bar-ui > .bd {
    padding: 20px;
    width: 510px;
    background: #2b2b2b;
}

.sm2-inline-texture, .sm2-inline-gradient {
    display: none;
}

.bd.sm2-playlist-drawer.sm2-element {
    background: #535353;
    font-size: 14px;
}

.sm2-playlist-wrapper {
    padding: 0;
    background: transparent !important;
}

.sm2-playlist-wrapper ul {
    max-height: 152px !important;
}

.bd.sm2-playlist-drawer {
    display: table;
}

.sm2-playlist-wrapper ul {
    padding-bottom: 1px;
}

.sm2-playlist-wrapper ul li {
    background: transparent !important;
    border-bottom: 1px solid #353535;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .2) ;
}

.sm2-playlist-wrapper ul li a {
    padding: 8px 10px;
    margin: 0;
}

.sm2-playlist-wrapper ul li:last-child {
    border-bottom: none;
    box-shadow: none;
}

.sm2-playlist-wrapper ul li.selected a, .sm2-playlist-wrapper ul li:hover a {
    background: #696969;
}

.sm2-inline-element.sm2-inline-status {
    display: block;
    padding: 0;
    max-width: auto;
    min-width: auto;
    width: 390px;
    float: left;
}

.sm2-bar-ui .sm2-inline-element {
    display: inline-block;
}

.sm2-bar-ui .sm2-playlist ul li, .sm2-bar-ui .sm2-playlist ul li a {
     text-align: left;
}

.time_position {
    position: absolute;
    right: 0;
    top: 3px;
}

.sm2-inline-time, .sm2-inline-duration {
    display: table-cell;
    width: auto;
}

.sm2-inline-time:after {
    content: '/';
    margin: 0 5px;
}

.sm2-progress {
    margin-top: 5px;
    margin-bottom: 10px;
}


.sm2-progress .sm2-progress-track {
    background: rgba(0, 0, 0, .21);
    height: 6px;
    border-radius: 3px;
}

.sm2-row {
    display: block;
}

.sm2-progress-bd {
    padding: 0;
}

.sm2-progress .sm2-progress-ball {
    width: 8px;
    height: 8px;
    border: 4px solid #ffffff;
    background: #ed1b2f;
    margin: -5px 0 0;
}

.sm2-bar-ui .sm2-inline-element {
    border-right: none;
}

.sm2-progress .sm2-progress-bar {
    background: #ed1b2f;
    height: 6px;
    border-radius: 3px 0 0 3px;
}



#play, #next, #prev {
    min-width: auto !important;
    min-height: auto !important;
    width: 29px;
    height: 30px;
}

#play {
    margin-right: 10px;
}

#prev {
    margin-right: 5px;
}

.sm2-button-bd {
    min-width: auto !important;
    min-height: auto !important;
    width: 29px;
    height: 30px;
}

.play-pause, .play-pause:hover, .paused .play-pause:hover {
    background-image: url("../images/play.png");
    background-position: 0 0;
    background-size: 100% auto;
}

.playing .play-pause {
    background-image: url("../images/pause.png");
    background-position: 0 0;
    background-size: 100% auto;
}

.previous {
    background-image: url("../images/prev.png");
    background-position: 0 0;
    background-size: 100% auto;
}

.next {
    background-image: url("../images/next.png");
    background-position: 0 0;
    background-size: 100% auto;
}

#volume, #volume .sm2-button-bd {
    float: right;
    min-width: auto !important;
    min-height: auto !important;
    width: 29px;
    height: 20px;
    background: transparent !important;
}

#volume {
    margin-top: 10px;
}

.sm2-volume-control {
    background-image: none, url("../images/volume.png");
}

.volume-shade {
    background-image: none, url("../images/volume_dark.png");
    opacity: 0.33;
}

.sm2-volume-control, .sm2-volume-shade {
    background-size: 100% auto;
    background-position: 0 0;
}

#shuffle, #repeat {
    float: right;
    margin-right: 20px;
    margin-top: 1px;
}

#repeat {
    margin-right: 10px;
}

#shuffle, #shuffle .sm2-button-bd, #repeat, #repeat .sm2-button-bd {
    min-width: auto !important;
    min-height: auto !important;
    width: 30px !important;
    height: 30px !important;
    background: transparent !important;
}

.repeat {
    background-image: none, url("../images/repeat.png");
    background-position: 0 0;
    background-size: 100% auto;
    opacity: .5;
}

.sm2-button-bd.active .repeat {
    opacity: 1;
}

.shuffle {
    background-image: none, url("../images/shuffle.png");
    background-position: 0;
    background-size: 100% auto;
    opacity: .5;
}

.sm2-button-bd.active .shuffle {
    opacity: 1;
}

.sm2-playlist-bd li {
    position: relative;
}

.sm2-playlist-bd li a {
    color: #a7a7a8 !important;
}

.sm2-playlist-bd li a b {
    color: #ffffff !important;
}

.time {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 13px;
    color: #a7a7a8;
}

.sm2-inline-element.sm2-inline-status {
    margin-bottom: 15px;
    margin-top: 10px;
}

.mCSB_inside > .mCSB_container {
    margin-right: 20px;
}
.bd.sm2-playlist-drawer, .sm2-bar-ui .bd {
    display: block!important;
}

.sm2-playlist {
    overflow: hidden;
}