#ms-controls-1 {
text-align:center;
margin:10px 0;
font-size:25px;
position: relative;

}

#ms-controls-2 {
margin-bottom:15px;
}

#ms-controls-2 >div {
display:inline-block;
}

#ms-loading {
display:none;
}

#ms-action-button {
}

.ms-wrapper-action-button,.ms-wrapper-loading {

}

.ms-controls-buttons {
text-align:center;
width:70px;
cursor:pointer;
background: none repeat scroll 0 0 #444;
border-radius: 50%;
color: #fff;
padding: 20px;
}

#ms-buttons-loading {
display:inline-block;
}

#ms-loading {
border-color:transparent;
}

.ms-controls-buttons-prev {
display:inline-block;
cursor:pointer;
font-size:15px;
padding:10px;
background: none repeat scroll 0 0 #444;
border-radius: 50%;
color: #fff;
}

/*.ms-controls-buttons:hover, .ms-controls-buttons-prev:hover,*/ .ms-controls-buttons, .ms-controls-buttons-prev{
border: 3px solid #444;
}

#ms-wrapper-progress {
background:transparent;
width:100%;
height:8px;
position:relative;
}

#ms-wrapper-progress-downloading {
height:100%;
width: 100%;
position:absolute;
top:0;
left:0;
}

#ms-progress-downloading {
background:#888;
height:100%;
width:100%;
position:relative;
opacity: 0.4;
}

#ms-progress-downloading >span {
background:none repeat scroll 0 0 #fff;
display:inline-block;
height:8px;
left:0;
position:absolute;
top:0;
opacity: 0.5;
}

#ms-wrapper-progress-track {
background:transparent;
height:100%;
position:relative;
cursor:pointer;
}

#ms-button-volume-off,#ms-button-volume-up,#ms-button-volume-down {
    border: 3px solid #444;
    border-radius: 50%;
    cursor: pointer;
    font-size: 15px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 20px;
    width: 30px;
    color: #444;
}

#ms-button-volume-off,#ms-button-volume-down {
display:none;
}

#ms-wrapper-volume {
background:#ccc;
width:50px;
height:8px;
position:relative;
display:none;
}

#ms-wrapper-progress-volume {
background:#ddd;
height:100%;
position:relative;
cursor:pointer;
}

.ui-slider-range {
background:#999;
height:100%;
position:absolute;
}

.ui-slider-handle {
width:8px;
height:8px;
background:#ccc;
position:absolute;
display:none;
}

#ms-button-play {
    display: block;
}

#ms-button-pause {
display:none;
}

#ms-tracklist li:hover {
opacity: 0.8;
cursor:pointer;
}

#ms-tracklist li.current {
opacity: 0.5;
}

#ms-tracklist {
list-style-type:none;
padding:0;
/*max-height: 150px;
    overflow: auto;*/
}

#wrapper-mediaelements {
display:none; /**/
}

#ms-progress-track-tooltip {
position:absolute;
display:none;
top:-20px;
/*width: 35px;*/
padding:0 5px;
/*height:20px;*/
color:#fff;
text-align:center;
border-radius:3px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:#000;
font-size: 10px;
}

#ms-label-start-time,#ms-label-stop-time {
width:45px;
}

#ms-label-start-time {
text-align:left;
}

#ms-label-stop-time {
text-align:right;
}

.track-texts{
    display: inline-block;
    width: 75%;
    vertical-align: middle;
}

.track-buttons{
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    width: 25%;
}

.track-buttons button{
    margin: 2px;
    font-size: 10px;
    padding: 5px;
}

.track-buttons .list-group-item-text{
    
}