html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background: #000000;
}

#player_container{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
}

.video-js {
    width: 100%;
    height: 100vh;
    background: #000000;
}

/* VIDEO: default = contain */
.video-js video{
    object-fit: contain !important;
    background: #000 !important;
}

/* VIDEO: fill */
.video-js.is-fill video{
    object-fit: cover !important;
}

/* POSTER IMG: default = contain */
.video-js .vjs-poster img{
    object-fit: contain !important;
}

/* POSTER IMG: fill */
.video-js.is-fill .vjs-poster img{
    object-fit: cover !important;
}


/* ===============================
   CONTROL BAR FIX
================================= */

.video-js .vjs-control-bar {
    display: flex !important;
}


/* ===============================
   LIVE - UNIFICAZIONE GRAFICA
================================= */

/* Rimuovo line-height errato */
.video-js .vjs-live-control {
    line-height: 3em !important;
    align-items: center !important;
    flex: none !important;
}

/* Seek-to-live leggermente più grande */
.vjs-seek-to-live-control { 
    font-size: 1.3em !important;
}

/* Nascondo "Stream Type" */
.video-js .vjs-live-display .vjs-control-text {
    display: none !important;
}

/* Trasformo LIVE Wowza in pill identica ad Akamai */
.video-js .vjs-live-display {
    display: inline-flex !important;
    align-items: center !important;
    height: 100% !important;

    padding: 0 0.5em !important;
    min-width: 4em !important;
    border-radius: 999px !important;

    font-size: 1.3em !important;
    font-weight: 600;
    letter-spacing: 1px;
/* 
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); */

    color: #fff;
    cursor: default;
}

/* Pallino rosso */
.video-js .vjs-live-display::before {
    content: "";
    width: 0.6em;
    height: 0.6em;
    border-radius: 50%;
    background: #e10600;
    margin-right: 0.5em;
}


/* ===============================
   VOD / LIVE LAYOUT
================================= */

/* VOD: progress bar full width */
.video-js:not(.is-live-no-seek) .vjs-custom-control-spacer.vjs-spacer{
    display: none !important;
}

.video-js:not(.is-live-no-seek) .vjs-progress-control{
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* LIVE: spacer attivo */
.video-js.is-live-no-seek .vjs-custom-control-spacer.vjs-spacer{
    display: block !important;
    flex: 1 1 auto !important;
}

.video-js.is-live-no-seek .vjs-current-time,
.video-js.is-live-no-seek .vjs-time-divider,
.video-js.is-live-no-seek .vjs-duration,
.video-js.is-live-no-seek .vjs-progress-control,
.video-js.is-live-no-seek .vjs-remaining-time {
    display: none !important;
}