.audio-player-wrap{
    background-color: #fff; 
    border: 1px solid #ccc;
}
.audio-player * {
    box-sizing: border-box;
}
.audio-player .pad{
    padding: 11px;
}
.audio-player .col {
	display: block;
	float:left;
  padding: 11px;
}

.audio-player .col + .col{
  padding-left: 0;
}
.audio-player .span_3_of_3 {
	width: 100%;
}
.audio-player .span_2_of_3 {
	width: 73%;
}
.audio-player .span_1_of_3 {
	width: 27%;
}

.audio-player .filters {
    text-align: left;
}
.audio-player p.apply-filters{
    border: 1px solid #ccc;
    padding: 20px;
    text-align:center;
    background: #abb9d3;
    font-size: 14px;
}
.audio-player table{
    width: 100% !important;
}
.audio-player .applied-filters{
    margin:0;
}
.audio-player .filter-audio-list, .audio-player .table-toggle {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 20px;
    background: #28497e;
    color: #fff;
    margin: 10px;
}
.audio-player .filter-audio-list:hover, .audio-player .table-toggle:hover{
    box-shadow: inset 0 0 15px 10px rgba(255,255,255,.25)
}
.audio-player .filter-audio-list:focus, .audio-player .table-toggle:focus{
    box-shadow: inset 0 0 5px 5px rgba(0,0,0,.25)
}
.audio-player .player-controls{
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
    position: relative;
    z-index: 100;
}
.player-controls i {
    font-size: 16px;
    color: inherit;
    transition: color .15s;
}
.player-controls i.fa-volume-up{
    font-size: 20px;
    width: 24px;
    text-align: center;

}
.player-controls i:hover {
    color:#000;
}
.audio-player .volume-control {
    position: relative;
    font-size:20px;
    line-height:1;
    padding: 4px;
}
.audio-player .volume-slider-wrap{
    padding: 5px 0;
    text-align:center;
    width: 24px;
    background: #666;
    display:none;
    position: absolute;
    bottom: 24px;
}
.audio-player .volume-control input[type=range]{
    writing-mode: bt-lr; /* IE */
    -webkit-appearance: slider-vertical; /* WebKit */
    width: 24px;
    padding: 8px;
    height: 140px;
    cursor: pointer;
    margin: 0 auto;
}
.audio-player .volume-control:hover .volume-slider-wrap, 
.audio-player .volume-control .volume-slider-wrap:hover,
.audio-player .volume-control .volume-slider-wrap:focus {
    display:block;
}
.audio-player .volume-control:hover i.fa-volume-up{
    background: #666;
    color: #fff;
}
.horizontal-left-player {

}
.vertical-player .player-controls{
    max-width: 350px;
    margin: 10px auto;
}
.vertical-player .player-controls i,
.vertical-player .duration {
    font-size: 20px;
}
.vertical-player .player-controls i.fa-volume-up {
    font-size: 24px;
}
.vertical-small-player{
    max-width: 350px;
    padding: 11px;
}
.vertical-small-player .player-controls i{
    font-size: 16px;
}
.vertical-small-player .player-controls i.fa-volume-up{
    font-size: 20px;
}
.audio-player .album-art{
    display:none; 
    max-width: 100%;
    box-shadow: 5px 5px 2.5px #c0c0c0;
    width: 170px;
    margin-bottom: 15px;
}
.vertical-small-player .album-art {
    width: 219px;
}
.audio-player .song-title{
    font-size:20px; 
    font-weight:bold; 
    color:#175f90; 
    margin-right:7px; 
    line-height:normal;
}
.audio-player .ensemble-title{
    font-size:16px; 
    font-weight:bold;
}
.audio-player .album-title{
    font-size:14px;
}
.waveform {
    position: relative;
}
.audio-player .loadingDiv{
    top: 25%;
    left: 10%;
    text-align: center;
    width: 100%;
    margin-top: -6px;
}
.audio-player .dataTables_wrapper.no-footer .dataTables_scrollBody,
.audio-player table.dataTable thead th, table.dataTable thead td{
    border-bottom: none;
}
.audio-player .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
    border-top:1px solid #ddd;
}
/*No sorting on track number*/
.audio-player table.dataTable thead .sorting_asc[data-column-id="songNumber"],
.audio-player table.dataTable thead .sorting_desc[data-column-id="songNumber"],
.audio-player table.dataTable thead th[data-column-id="songNumber"],
.audio-player table.dataTable thead th[data-column-id="songNumber"] i{
    background: none;
    cursor: default;
}

/***********************************TABLE**************************************/

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/************************************** AUDIOJS ******************************/
.ieAudiojsPlayer audio { position: absolute; left: -1px; }
.ieAudiojsPlayer { height: 36px; background: #fff; overflow: hidden; font-family: monospace; font-size: 12px;}
.ieAudiojsPlayer .ieAudiojsPlayPause { width: 25px; height: 40px; padding: 4px 6px; margin: 0px; float: left; overflow: hidden;}
.ieAudiojsPlayer p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; }
.ieAudiojsPlayer .ieAudiojsPlay { display: block; }
.ieAudiojsPlayer .ieAudiojsScrubber { position: relative; float: left; width: 600px; background: #cdcdcd; height: 14px; margin: 10px; border-left: 0px; border-bottom: 0px; overflow: hidden; }
.ieAudiojsPlayer .ieAudiojsProgressbar { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #175f90; z-index: 1; }
.ieAudiojsPlayer .ieAudiojsLoadedbar { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #cdcdcd; }
.ieAudiojsPlayer .ieAudiojsTime { float: left; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; color: 000; }
.ieAudiojsPlayer .ieAudiojsTime em { padding: 0px 2px 0px 0px; color: #888; font-style: normal;}
.ieAudiojsPlayer .ieAudiojsTime strong { padding: 0px 0px 0px 2px; font-weight: bold; }
.ieAudiojsPlayer .ieAudiojsError-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #000;
text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.ieAudiojsPlayer .ieAudiojsError-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }

.ieAudiojsPlayer .ieAudiojsPlay {padding-top:3px;}
.ieAudiojsPlayer .ieAudiojsLoading {padding-top:3px;}
.ieAudiojsPlayer .ieAudiojsError { background: url('/DesktopModules/MVC/AudioPlayer/audiojs/player-graphics.gif') -2px -61px no-repeat; }
.ieAudiojsPlayer .ieAudiojsPause {padding-top:3px; }

.ieAudiojsPlaying .ieAudiojsPlay, .ieAudiojsPlaying .ieAudiojsLoading, .ieAudiojsPlaying .ieAudiojsError { display: none; }
.ieAudiojsPlaying .ieAudiojsPause { display: block; }

.ieAudiojsLoading .ieAudiojsPlay, .ieAudiojsLoading .ieAudiojsPause, .ieAudiojsLoading .ieAudiojsError { display: none; }
.ieAudiojsLoading .ieAudiojsLoading { display: block; }

.ieAudiojsError .ieAudiojsTime, .ieAudiojsError .ieAudiojsPlay, .ieAudiojsError .ieAudiojsPause, .ieAudiojsError .ieAudiojsScrubber, .ieAudiojsError .ieAudiojsLoading { display: none; }
.ieAudiojsError .ieAudiojsError { display: block; }
.ieAudiojsError .ieAudiojsPlayPause p { cursor: auto; }
.ieAudiojsError .ieAudiojsError-message { display: block; }
.ieAudiojsDuration {color: #000;}