.waveSurfer {
    background-color: #f6f6f6;
    border-radius: 7px;
}

.waveSurferSel {
    background-color: #e6f5f4;
    border-radius: 7px;
}

.waveSurferActiveNoSel {
    background-color: #f6f6f6 !important;
}

.waveSurfer wave, .waveSurferSel wave {
    background-image: url(/img/wave-surfer-hl.jpg);
    background-repeat: repeat-x;
    background-position: center;

    border-color: #009688;
}

.waveSurfer wave {
    border: none !important;
}

.waveSurferCtrls {
    margin: auto;
    width: 190px;
}

.waveSurferCtrls .fa {
    font-size: 20px;
    margin-top: 5px;
}

.waveSurferCtrl {
    border: 2px solid #3e5265;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    background-color: #e6f5f4;
    color: #3e5265;
    padding-top: 6px;
    padding-left: 9px;
    cursor: pointer;
}

.waveSurferCtrlBack {
    padding-left: 4px !important;
}

.waveSurferCtrlForw {
    padding-left: 8px !important;
}

.waveSurferCtrlPause {
    padding-left: 6px !important;
}

.waveSurferCtrlStop {
    padding-left: 7px !important;
}