.player-container {
    height: 3.077em;
    padding: .154em .77em;
    position: relative
}

.player-tools {
    position: absolute;
    height: 20px;
    right: .35em;
    z-index: 2;
    display: none
}

.player-tools div {
    height: 20px;
    width: 20px;
    float: right;
    cursor: pointer
}
.player-tools .add:before{
    color: #3c7cae;
    content:'+';
    font-size:16px;
    font-weight:700;
    line-height:1;
}

.player-tools .added:before{
    content:"\2714";
    font-size:18px;
    font-weight:700;
    line-height:1;
}

.player-tools .edit {
    background: url(../images/edit.png) center no-repeat
}

.player-tools .delete {
    background: url(../images/close.png) center no-repeat
}

.player-container:hover .player-tools {
    display: block
}

.audioplayer {
    height: 2.1em;
    position: relative;
    z-index: 1;
    margin-top: .461em
}

.audioplayer-mini {
    width: 2.5em;
    margin: 0 auto
}

.audioplayer>div {
    position: absolute
}

.audioplayer-title {
    right: 8em;
    left: 2.875em;
    top: 1px;
    white-space: nowrap;
    overflow: hidden;
    height: 1.461em;
    text-overflow: ellipsis
}

.audioplayer-title .title {
    cursor: pointer
}

.audioplayer-title .title:hover {
    border-bottom: 1px dotted gray
}

.audioplayer-playpause {
    width: 2em;
    height: 100%;
    text-align: left;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 2;
    top: 0;
    left: 0;
    border-radius: .4em
}

.audioplayer-mini .audioplayer-playpause {
    width: 100%
}

.audioplayer-playpause a {
    display: block
}

.audioplayer-stopped:not(.last-played) .audioplayer-volume,.audioplayer-stopped:not(.last-played) .audioplayer-bar {
    visibility: hidden
}

.audioplayer-stopped .audioplayer-playpause a {
    width: 0;
    height: 0;
    border-width: .5em;
    border-style: solid;
    border-top-color: #fff0;
    border-bottom-color: #fff0;
    border-right: none;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.5em 0 0 -.25em
}

.audioplayer-playing .audioplayer-playpause a {
    width: .75em;
    height: .75em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.375em 0 0 -.375em
}

.audioplayer-playing .audioplayer-playpause a:before,.audioplayer-playing .audioplayer-playpause a:after {
    width: 40%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0
}

.audioplayer-playing .audioplayer-playpause a:before {
    left: 0
}

.audioplayer-playing .audioplayer-playpause a:after {
    right: 0
}

.audioplayer-time {
    z-index: 2;
    text-align: center
}

.audioplayer-time-current {
    display: none
}

.audioplayer-time-duration {
    font-size: .77em;
    top: 3px;
    padding-right: 25px;
    right: 7em
}

.audioplayer-novolume .audioplayer-time-duration {
    border-right: 0;
    right: 0
}

.audioplayer-bar {
    height: 4px;
    cursor: pointer;
    z-index: 1;
    bottom: 0;
    right: 5.384em;
    left: 2.875em;
    margin-top: -.438em
}

.audioplayer-novolume .audioplayer-bar {
    right: 4.375em
}

.audioplayer-bar div {
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.audioplayer-bar-loaded {
    z-index: 1
}

.audioplayer-bar-played {
    z-index: 2
}

.audioplayer-volume {
    width: 3.846em;
    height: 4px;
    cursor: pointer;
    z-index: 2;
    bottom: 0;
    right: 0
}

.audioplayer-volume-adjust {
    height: 100%;
    width: 100%;
    position: absolute
}

.audioplayer-volume-adjust>div {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative;
    z-index: 1
}

.audioplayer-volume-adjust div div {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.audioplayer-novolume .audioplayer-volume {
    display: none
}

.audio-compact .player-container:hover .audioplayer-time-duration {
    display: none
}

.audio-compact .audioplayer-time-duration {
    right: 0
}

.audio-compact .audioplayer-title {
    right: 4em
}

.audio-compact .audioplayer-volume {
    width: 3em
}

.audio-compact .audioplayer-bar {
    right: 4em
}

.audio-compact .player-tools .delete {
    display: none
}

.player-tools {
    display: block!important;
    top: 50%;
    transform: translateY(-50%);
    right: 8px
}

.player-tools div {
    width: 16px;
    height: 16px;
    background-size: 14px 14px;
    margin-left: 6px
}

.player-tools .add,.player-tools .added {
    background-size: 10px 10px
}

.audioplayer {
    padding-right: 80px
}
}


/* bundled color scheme */
.player-container:hover{background-color:#f0f1f2}.audioplayer{color:#000}.audioplayer-playpause{background-color:#5F7FA2}.audioplayer-stopped .audioplayer-playpause a{border-left-color:#FFF}.audioplayer-playing .audioplayer-playpause a:before,.audioplayer-playing .audioplayer-playpause a:after{background-color:#FFF}.audioplayer-playpause:hover,.audioplayer-playpause:focus{background-color:#6E8DAF}.audioplayer-time-duration{color:#6f6f6f}.audioplayer-bar{background-color:#D7DDE3}.audioplayer-bar-loaded{background-color:#BAC7D4}.audioplayer-bar-played{background-color:#5C7A99}.audioplayer-volume-adjust>div{background-color:#AEBAC7}.audioplayer-volume-adjust div div{background:#5C7A99}.audio-categories-widget .category-link:hover{background-color:#E8ECF0}.audio-categories-widget .category-link.active{background-color:#5C7A99;color:#fff}