/*
Original @ https://github.com/theonion/videojs-vast-plugin (commit bf6ce85fa763299739f6a7c801b5be4b90b3b363)
*/

.vast-skip-button {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: auto;
    background-color: #000;
    color: #AAA;
    font-size: 12px;
    font-style: italic;
    line-height: 12px;
    padding: 10px;
    z-index: 2;
}

.vast-skip-button.enabled {
    cursor: pointer;
    color: #fff;
}

.vast-skip-button.enabled:hover {
    cursor: pointer;
    background: #333;
}

.vast-remaining-time {
    display: block;
    position: absolute;
    bottom: 35px;
    left: 75px;
    width: auto;
    color: #aaa;
    font-size: 12px;
    font-style: italic;
    line-height: 12px;
    z-index: 2;
}

.vast-remaining-time-icon {
    position: absolute;
    color: #aaa !important;
    font-size: 20px !important;
    z-index: 2;
}

.vast-remaining-time-icon:focus {
    text-shadow: 0 0 1em #fff;
}

.vast-remaining-time-icon-play {
    bottom: 30px;
    left: 8px;
}

.vast-remaining-time-icon-mute {
    bottom: 30px;
    left: 40px;
}

.vast-blocker {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.vpaid-control-bar {
    width: 100%;
    position: absolute;
    height: 4.0em;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.vpaid-mute:before {
    font-size: 3.0em;
    content: "\f104";
}

.vpaid-unmute:before {
    font-size: 3.0em;
    content: "\f107";
}

.vpaid-toggle-mute-button {
    text-align: center;
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
    cursor: pointer;
}

.vpaid-icon-placeholder {
    font-family: VideoJS;
    text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;
    font-size: 3.0em;
    color: #ffffff;
    opacity: 0.3;
}

.vpaid-icon-placeholder:before {
    content: "\f107";
}

.mute .vpaid-icon-placeholder:before {
    content: "\f104";
}