/* =============================================== */
/* AUDIO PLAYER MediaElement.js */
/* =============================================== */

/*
#1a171b		black
#d54a19		orange
#9a9a9a		light gray (text)
#545454		dark gray (text)
*/

/* LAYOUT */

.mejs-container,
.mejs-controls {
    width: 100% !important;
    padding: 0px;
}

.mejs-container .mejs-controls {
    visibility: visible !important;
}

/* BACKGROUND */

.mejs-container,
.mejs-controls,
.mejs-mediaelement {
    background: #ffffff !important;
}

/* PLAY / PAUSE */

.mejs-volume-button {
    margin-right: 5px !important;
}
.mejs-volume-button input {
    height: 15px !important;
    width: 20px !important;
    display: inline-block;
    vertical-align: middle;
}
.mejs-playpause-button input {
    height: 1.875em !important;
    width: 1.875em !important;
    font-size: 1.5em;
    display: inline-block;
    vertical-align: middle;
}

.mejs-play input,
.mejs-pause input {
    background-size: contain;
    margin-top: 0px !important;
    margin-left: -3px !important;
    border: none !important;
    box-shadow: none !important;
}
.mejs-play input:focus,
.mejs-pause input:focus {
    outline: auto;
}

.mejs-play input {
    background: transparent url("../images/bt_player_play.png") no-repeat scroll 0% 0% !important;
    background-size: contain !important;
}

.mejs-pause input {
    background: transparent url("../images/bt_player_stop.png") no-repeat scroll 0% 0% !important;
}

/* TIME SLIDER */

.mejs-seperator {
    
}

.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-time-rail .mejs-time-total {
    background: #9a9a9a repeat scroll 0% 0% !important;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #d54a19 repeat scroll 0% 0% !important;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    border: none !important;
    background-color: #d54a19 !important;
    color: #ffffff !important;
}

.mejs-container .mejs-controls .mejs-time-float {
    height: 20px !important;
    width: 40px !important;
    border-radius: 3px !important;
    padding: 3px !important;
    margin-left: -21px !important;
}

.mejs-container .mejs-controls .mejs-time-float span {
    margin-left: 5px !important;
}

.mejs-container .mejs-controls .mejs-time {
    color: #d54a19 !important;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    border-color: #d54a19 transparent transparent !important;
    top: 20px !important;
    left: 11px !important;
    display: inline-block;
    vertical-align: middle;
}

/* VOLUME SLIDER */

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: #9a9a9a repeat scroll 0% 0% !important;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #d54a19 repeat scroll 0% 0% !important;
}

.mejs-volume-button input {
    border: none !important;
    box-shadow: none !important;
    margin-top: 7px !important;
    margin-left: 5px !important;
}

.mejs-controls .mejs-mute input {
    background: transparent url("../images/volume.png") no-repeat scroll 0% 0% !important;
    background-size: contain;
}

.mejs-controls .mejs-unmute input {
    background: transparent url("../images/volume-mute.png") no-repeat scroll 0% 0% !important;
    background-size: contain;
}

/* SCALE / ZOOM */

.mejs-controls {
    
}