::-moz-focus-inner,
:active,
:focus {
    outline: 0;
    border: 0;
    -moz-outline-style: none;
}

.ima-ad-container {
    top: 0;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
}

.ima-ad-container > div:first-of-type {
    width: 100% !important;
    height: 100% !important;
}

.video-js .bumpable-ima-ad-container {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.video-js.vjs-playing .bumpable-ima-ad-container,
.video-js.vjs-user-inactive.vjs-playing .bumpable-ima-ad-container {
    margin-top: 0;
}

.video-js.vjs-paused .bumpable-ima-ad-container,
.video-js.vjs-user-active.vjs-playing .bumpable-ima-ad-container {
    margin-top: -50px;
}

.ima-controls-div-showing {
    opacity: 1 !important;
}

.ima-controls-div {
    background: linear-gradient(transparent, rgba(0, 0, 0, .5));
    height: 38px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    text-align: right;
    bottom: 0;
    padding: 0;
    opacity: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    display: none;
    z-index: 97;
}

.ima-countdown-div {
    line-height: 33px;
    padding: 0 10px;
    float: left;
    text-shadow: 1px 1px 1px #000;
    color: #fff;
    font-size: 12px;
}

.ima-seek-bar-div {
    position: absolute;
    height: 4px;
    bottom: 0;
    width: 100%;
    margin: 0;
    background-color: transparent;
    max-width: 100%;
}

.ima-seek-bar-div:before {
    background-color: rgba(255, 255, 255, .3);
    content: '';
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border: 0;
    cursor: pointer;
}

.ima-progress-div {
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    background: #FC0;
}

.ima-fullscreen-div,
.ima-mute-div,
.ima-non-fullscreen-div,
.ima-non-mute-div,
.ima-play-pause-div {
    position: relative;
    vertical-align: top;
    line-height: 33px;
    text-align: center;
    padding: 0;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    display: block !important;
    cursor: pointer;
    width: 40px;
}

.ima-play-pause-div {
    float: left;
    font-size: 21px;
    left: 2px;
}

.ima-slider-div {
    height: 4px;
    width: 80px;
    background-color: rgba(0, 0, 0, .3);
    margin-right: 3px;
    margin-top: 15px;
    float: left;
    cursor: pointer;
}

.ima-slider-level-div {
    width: 100%;
    height: 100%;
    background-color: #FC0;
}

.ima-fullscreen,
.ima-non-fullscreen {
    float: right;
    font-size: 16px;
    right: 5px;
}

.ima-muted,
.ima-non-muted {
    font-size: 21px;
    float: left;
}

/* SVG Icons */
.ima-play-pause-div::before,
.ima-muted::before,
.ima-non-muted::before,
.ima-fullscreen::before,
.ima-non-fullscreen::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.ima-playing::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6 4h4v16H6V4zm8 0h4v16h-4V4z'/%3E%3C/svg%3E");
}

.ima-paused::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
}

.ima-non-muted::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E");
}

.ima-muted::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z'/%3E%3C/svg%3E");
}

.ima-non-fullscreen::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E");
}

.ima-fullscreen::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z'/%3E%3C/svg%3E");
}
