/**
 * videojs-dvr
 * @version 1.4.0
 * @copyright 2019 ff.fernandez.facundo <ff.fernandez.facundo@gmail.com>
 * @license MIT
 */

.video-js.vjs-dvr {
    display: block
}

.video-js.vjs-dvr .vjs-live-control {
    display: none
}

.video-js.vjs-dvr.vjs-live .vjs-progress-control {
    display: flex
}

.video-js.vjs-dvr.vjs-user-inactive .vjs-control-bar.vjs-dvr-control-bar .vjs-progress-control .vjs-slider .vjs-seek-handle:before {
    font-size: 0;
    transition-delay: 3s;
    -webkit-transition-delay: 3s;
    -moz-transition-delay: 3s;
    -ms-transition-delay: 3s;
    -o-transition-delay: 3s
}

.video-js.vjs-dvr .vjs-time-tooltip {
    z-index: 0
}

.video-js.vjs-dvr .vjs-mouse-display .vjs-time-tooltip {
    z-index: 1
}

.video-js.vjs-dvr .vjs-control-bar.vjs-dvr-control-bar {
    display: flex
}

.video-js.vjs-dvr .vjs-control-bar.vjs-dvr-control-bar .vjs-dvr-progress-control {
    position: relative;
    height: 3em;
    background: 0 0;
    top: 0
}

.video-js.vjs-dvr .vjs-control-bar.vjs-dvr-control-bar .vjs-live-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 50px;
    font-weight: bold;
    position: relative;
    color: #8c8b8b
}

.video-js.vjs-dvr .vjs-control-bar.vjs-dvr-control-bar .vjs-live-button.onair {
    color: #fff
}

.video-js.vjs-dvr .vjs-control-bar.vjs-dvr-control-bar .vjs-live-button.onair .liveCircle:after {
    background: tomato
}

.video-js.vjs-dvr .vjs-control-bar.vjs-dvr-control-bar .vjs-live-button.onair:focus .liveCircle:after {
    box-shadow: 0 0 1em tomato
}

.video-js.vjs-dvr .vjs-control-bar.vjs-dvr-control-bar .vjs-live-button .liveText {
    margin-left: 1.5em
}

.video-js.vjs-dvr .vjs-control-bar.vjs-dvr-control-bar .vjs-live-button .liveCircle:after {
    content: '';
    position: absolute;
    width: .9em;
    height: .9em;
    border-radius: 50%;
    background: gray;
    left: .5em
}

.video-js.vjs-dvr .vjs-control-bar.vjs-dvr-control-bar .vjs-live-button:focus .liveCircle:after {
    box-shadow: 0 0 1em gray
}

.video-js.vjs-dvr .vjs-control-bar.vjs-dvr-control-bar .vjs-live-button:hover {
    cursor: pointer
}

.video-js.vjs-dvr .vjs-control-bar.vjs-dvr-control-bar .vjs-load-progress {
    overflow: hidden
}

.video-js.vjs-dvr .vjs-dvr-control-bar .vjs-current-time, .video-js.vjs-dvr .vjs-dvr-control-bar .vjs-duration, .video-js.vjs-dvr .vjs-dvr-control-bar .vjs-remaining-time, .video-js.vjs-dvr .vjs-dvr-control-bar .vjs-time-divider {
    display: none
}

.video-js.vjs-dvr .vjs-dvr-control-bar .vjs-live-display {
    display: none
}

.video-js.vjs-dvr .vjs-dvr-control-bar .vjs-progress-control.vjs-control .vjs-slider .vjs-control-text:before {
    height: 0
}

.video-js.vjs-dvr .vjs-dvr-control-bar .vjs-progress-control.vjs-control .vjs-slider .vjs-control-text:after {
    content: ' \25BC';
    color: #000;
    top: 1.25em;
    position: relative;
    left: -1.55em;
    font-size: 1.5em
}

.video-js.vjs-dvr .vjs-dvr-control-bar .vjs-progress-control.vjs-control .vjs-slider .vjs-seek-handle.vjs-slider-handle {
    line-height: .2em;
    position: relative;
    top: -.21em;
    -webkit-top: -.3em;
    float: left
}

.video-js.vjs-dvr .vjs-dvr-control-bar .vjs-progress-control .vjs-slider .vjs-seek-handle.vjs-slider-handle:before {
    content: ' \25CF';
    font-size: 2em;
    transition: font-size .2s;
    -webkit-transition: font-size .2s;
    -moz-transition: font-size .2s;
    -ms-transition: font-size .2s;
    -o-transition: font-size 0.2s
}