
/* pulled from old video js*/

.vjs-poster {
    background-size: cover;
}

.video-js .vjs-overlay {
    color: #fff;
    position: absolute;
    text-align: center
}

.video-js .vjs-overlay-no-background {
    max-width: 33%
}

.video-js .vjs-overlay-background {
    background-color: #646464;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 3px;
    padding: 10px;
    width: 33%
}

.video-js .vjs-overlay-top-left {
    top: 5px;
    left: 5px
}

.video-js .vjs-overlay-top {
    left: 50%;
    margin-left: -16.5%;
    top: 5px
}

.video-js .vjs-overlay-top-right {
    right: 5px;
    top: 5px
}

.video-js .vjs-overlay-right {
    margin-top: -15px;
    right: 5px;
    top: 50%
}

.video-js .vjs-overlay-bottom-right {
    bottom: 3.5em;
    right: 5px
}

.video-js .vjs-overlay-bottom {
    bottom: 3.5em;
    left: 50%;
    margin-left: -16.5%
}

.video-js .vjs-overlay-bottom-left {
    bottom: 3.5em;
    left: 5px
}

.video-js .vjs-overlay-left {
    left: 5px;
    margin-top: -15px;
    top: 50%
}




.vjs-casting .vjs-control-bar {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: rgba(0,0,0,1) !important;
}

.vjs-casting .vjs-http-source-selector {
    display: none !important;
}

.vjs-casting .vjs-picture-in-picture-control {
    display: none !important;
}



.vjs-postlive .vjs-control-bar, .vjs-casting.vjs-postlive .vjs-control-bar {
    display: none !important;
}


.vjs-postlive .vjs-poster, .vjs-casting.vjs-postlive .vjs-poster {
    display: inline-block !important;
}


.vjs-chromecast-button .vjs-icon-placeholder {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADCSURBVDhPrZMxDsIwDEXTIMQCW6/AwMgZ2Dgc9+ASzGy9ABIDI4yMiPC/8xugilDT8iRj/zi27KC6EMIONpZjxV/3D6wfkCwGpSfWe+nR+EpID8Zjqj1sKj0c7tehVqoXuB/fSJtxtUVMuSsTinuTHhu97mq4pS5uxoIP7NHh51GGh136Ae68V4NuJ3vibM3pEF9gEzsthZ2JZKtvklmQt4nSJ6LJrBjuALnJ5Br6DivYLE0BljxVbA3gvv5BxnnC+QXFuA32rw1+SgAAAABJRU5ErkJggg==) center center no-repeat;
    background-size: contain;
    display: inline-block;
    width: 18px;
    height: 14px;
}

.vjs-chromecast-button:hover {
    cursor: pointer
}

    .vjs-chromecast-button:hover .vjs-icon-placeholder {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADCSURBVDhPrZMxDsIwDEXTIMQCW6/AwMgZ2Dgc9+ASzGy9ABIDI4yMiPC/8xugilDT8iRj/zi27KC6EMIONpZjxV/3D6wfkCwGpSfWe+nR+EpID8Zjqj1sKj0c7tehVqoXuB/fSJtxtUVMuSsTinuTHhu97mq4pS5uxoIP7NHh51GGh136Ae68V4NuJ3vibM3pEF9gEzsthZ2JZKtvklmQt4nSJ6LJrBjuALnJ5Br6DivYLE0BljxVbA3gvv5BxnnC+QXFuA32rw1+SgAAAABJRU5ErkJggg==);
    }

.vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADCSURBVDhPrZMxDsIwDEXTIMQCW6/AwMgZ2Dgc9+ASzGy9ABIDI4yMiPC/8xugilDT8iRj/zi27KC6EMIONpZjxV/3D6wfkCwGpSfWe+nR+EpID8Zjqj1sKj0c7tehVqoXuB/fSJtxtUVMuSsTinuTHhu97mq4pS5uxoIP7NHh51GGh136Ae68V4NuJ3vibM3pEF9gEzsthZ2JZKtvklmQt4nSJ6LJrBjuALnJ5Br6DivYLE0BljxVbA3gvv5BxnnC+QXFuA32rw1+SgAAAABJRU5ErkJggg==);
}

.vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADCSURBVDhPrZMxDsIwDEXTIMQCW6/AwMgZ2Dgc9+ASzGy9ABIDI4yMiPC/8xugilDT8iRj/zi27KC6EMIONpZjxV/3D6wfkCwGpSfWe+nR+EpID8Zjqj1sKj0c7tehVqoXuB/fSJtxtUVMuSsTinuTHhu97mq4pS5uxoIP7NHh51GGh136Ae68V4NuJ3vibM3pEF9gEzsthZ2JZKtvklmQt4nSJ6LJrBjuALnJ5Br6DivYLE0BljxVbA3gvv5BxnnC+QXFuA32rw1+SgAAAABJRU5ErkJggg==);
}



.vjs-tech-chromecast {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden
}

    .vjs-tech-chromecast .vjs-tech-chromecast-poster::after {
        content: ' ';
        display: block;
        height: 2px;
        width: 100px;
        background-color: #ccc;
        position: absolute;
        left: -webkit-calc(50% - 50px);
        left: calc(50% - 50px)
    }

    .vjs-tech-chromecast .vjs-tech-chromecast-poster-img {
        max-height: 180px;
        width: auto;
        border: 2px solid #ccc
    }

        .vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty {
            width: 160px;
            height: 90px
        }

    .vjs-tech-chromecast .vjs-tech-chromecast-title-container {
        position: absolute;
        bottom: 50%;
        margin-bottom: 100px;
        color: #ccc;
        text-align: center
    }

    .vjs-tech-chromecast .vjs-tech-chromecast-title {
        font-size: 22px
    }

        .vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty {
            display: none
        }

    .vjs-tech-chromecast .vjs-tech-chromecast-subtitle {
        font-size: 18px;
        padding-top: 0.5em
    }

        .vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty {
            display: none
        }


/*  video js bits */


.vjs-poster .gradient {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(30, 34, 38, 0.07) 30%, rgba(29, 29, 29, 0.9) 93%);
}

body.device-app .vjs-poster .gradient {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.07) 30%, rgba(0, 0, 0, 0.9) 93%, rgba(0, 0, 0, 1) 99%);
}


.vjs-no-loading-spinner .vjs-loading-spinner, .vjs-no-loading-spinner .vjs-waiting .vjs-loading-spinner {
    display: none !important;
}

.vjs-close-control {
    width: 50px !important;
    height: 50px !important;
    float: right;
    z-index: 9999;
    display: block;
    visibility: visible;
    opacity: 1;
}


.vjs-overlay {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
    font-family: sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

    .vjs-overlay .show-fixture {
        display: none;
    }

.vjs-is-fixture .vjs-overlay .show-fixture {
    display: flex;
}

.vjs-is-fixture .vjs-overlay .hidden-fixture {
    display: none !important;
}

.vjs-overlay-title {
    width: 100%;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    display: block;
    margin-top: 30px;
    top: 0;
    left: 0;
}

.vjs-fullscreen.vjs-user-inactive .vjs-overlay-title {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1.5s, opacity 1.5s;
    -moz-transition: visibility 1.5s, opacity 1.5s;
    -ms-transition: visibility 1.5s, opacity 1.5s;
    -o-transition: visibility 1.5s, opacity 1.5s;
    transition: visibility 1.5s, opacity 1.5s;
}

.vjs-fullscreen.vjs-ended .vjs-overlay-title, .vjs-fullscreen.vjs-paused .vjs-overlay-title {
    visibility: visible;
    opacity: 1;
}


.vjs-overlay-watch-next {
    width: 200px;
    bottom: 72px;
    right: 18px;
    z-index: 3;
}

    .vjs-overlay-watch-next .title {
        font-size: 14px;
        font-weight: 700;
        padding-bottom: 4px;
        text-align: left;
    }


.vjs-user-inactive .vjs-overlay-watch-next {
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1.5s, opacity 1.5s;
    -moz-transition: visibility 1.5s, opacity 1.5s;
    -ms-transition: visibility 1.5s, opacity 1.5s;
    -o-transition: visibility 1.5s, opacity 1.5s;
    transition: visibility 1.5s, opacity 1.5s;
}

.vjs-ended .vjs-overlay-watch-next, .vjs-paused .vjs-overlay-watch-next {
    visibility: visible;
    opacity: 1;
}

.vjs-overlay-limit {
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
}

.vjs-limit .vjs-overlay-limit {
    display: block;
    visibility: visible;
    opacity: 1;
}

.vjs-overlay-verify {
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
    width:80%;
}

.vjs-verify .vjs-overlay-verify {
    display: block;
    visibility: visible;
    opacity: 1;
}

.vjs-overlay-verify-pending {
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
    width: 80%;
}

.vjs-verify-pending .vjs-overlay-verify-pending {
    display: block;
    visibility: visible;
    opacity: 1;
}

.vjs-overlay-verify-rejected {
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
    width: 80%;
}

.vjs-verify-rejected .vjs-overlay-verify-rejected {
    display: block;
    visibility: visible;
    opacity: 1;
}


.vjs-overlay-legal {
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
}

.vjs-legal .vjs-overlay-legal {
    display: block;
    visibility: visible;
    opacity: 1;
}

.vjs-overlay-vpn {
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
}

.vjs-vpn .vjs-overlay-vpn {
    display: block;
    visibility: visible;
    opacity: 1;
}


.vjs-overlay-offline {
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
}

.vjs-offline .vjs-overlay-offline {
    display: block;
    visibility: visible;
    opacity: 1;
}

.vjs-overlay-prelive {
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
}

.vjs-prelive .vjs-overlay-prelive {
    display: block;
    visibility: visible;
    opacity: 1;
}

.vjs-overlay-postlive {
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
}

.vjs-postlive .vjs-overlay-postlive {
    display: block;
    visibility: visible;
    opacity: 1;
}

.vjs-overlay-nomedia {
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
}

.vjs-nomedia .vjs-overlay-nomedia {
    display: block;
    visibility: visible;
    opacity: 1;
}

.vjs-overlay-holdback {
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
}

.vjs-holdback .vjs-overlay-holdback {
    display: block;
    visibility: visible;
    opacity: 1;
}

.vjs-legal .vjs-big-play-button, .vjs-vpn .vjs-big-play-button, .vjs-limit .vjs-big-play-button, .vjs-prelive .vjs-big-play-button, .vjs-postlive .vjs-big-play-button, .vjs-nomedia .vjs-big-play-button, .vjs-switch .vjs-big-play-button, .vjs-verify .vjs-big-play-button, .vjs-verify-pending .vjs-big-play-button, .vjs-verify-rejected .vjs-big-play-button {
    visibility: hidden;
    opacity: 0;
}

.vjs-overlay-textblock {
    font-size: 18px;
    background: rgba(0,0,0,0.55);
    padding: 30px;
    border-radius: 20px;
}

    .vjs-overlay-textblock span {
        line-height: 1.5em;
    }


.vjs-overlay .teams {
    width: 100%;
    flex-direction: column;
}

    .vjs-overlay .teams .no-icons {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
    }

        .vjs-overlay .teams .no-icons > div {
            font-size: 26px;
            font-weight: bold;
        }

        .vjs-overlay .teams .no-icons .seperator {
            flex: 0 0 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            font-size: 18px;
            opacity: 0.6;
        }


    .vjs-overlay .teams .icons {
        display: flex;
        flex-direction: row;
        width: 100%;
        margin: 0 auto;
    }

        .vjs-overlay .teams .icons > div {
            display: flex;
            flex-direction: row;
            align-items: center;
            flex: 1;
        }

            .vjs-overlay .teams .icons > div span {
                user-select: none;
                flex-grow: 1;
                font-size: 28px;
                font-size: 38px;
                font-weight: 600;
                text-align: left;
                padding: 0 0 0 8px;
                opacity:0;
            }

body.always-show-scores .vjs-overlay .teams .icons > div span {
    opacity: unset;
}

.vjs-overlay .teams .icons > div span:first-child {
    text-align: right;
    padding: 0 8px 0 0;
}

            .vjs-overlay .teams .icons > div img {
                width: 125px;
                height: 125px;
                padding: 5px;
            }


        .vjs-overlay .teams .icons .seperator {
            flex: 0 0 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            font-size: 18px;
            opacity: 0.6;
        }

        .vjs-overlay .teams .vjs-competition-string {
            font-weight: bold;
            font-size: 20px;
            padding-bottom: 0;
            margin-bottom:8px;
        }

.vjs-overlay .teams .vjs-stage-string {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 8px;
    opacity: 0.85;
}

.vjs-overlay-prelive .vjs-kickoff-string {
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px;
}



.vjs-overlay-error {
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
}

.vjs-error .vjs-overlay-error {
    display: block;
    visibility: visible;
    opacity: 1;
}


.vjs-overlay-forbidden {
    display: flex;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.vjs-forbidden .vjs-overlay-forbidden {
    display: flex;
    visibility: visible;
    opacity: 1;
}

.vjs-forbidden .vjs-big-play-button {
    visibility: hidden;
}




.vjs-overlay-reauthorize {
    display: flex;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.vjs-reauthorize .vjs-overlay-reauthorize {
    display: flex;
    visibility: visible;
    opacity: 1;
}






.vjs-overlay-unauthorized {
    display: flex;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.vjs-unauthorized .vjs-overlay-unauthorized {
    display: flex;
    visibility: visible;
    opacity: 1;
}

.vjs-unauthorized .vjs-big-play-button, .vjs-reauthorize .vjs-big-play-button {
    visibility: hidden;
}

.vjs-overlay-verify .actions {
    margin-top:18px;
}
.vjs-overlay .actions .seperator-or {
    display: inline-block;
    padding: 0 20px;
}


.vjs-overlay-unauthorized, .vjs-overlay-reauthorize, .vjs-overlay-forbidden, .vjs-overlay-verify, .vjs-overlay-verify-pending, .vjs-overlay-verify-rejected {
    line-height: 1.5;
    font-size: 16px;
}



    .vjs-overlay-unauthorized h1, .vjs-overlay-reauthorize h1, .vjs-overlay-forbidden h1, .vjs-overlay-switch h1, .vjs-overlay-prelive h1, .vjs-overlay-prelive h1, .vjs-overlay-verify h1,, .vjs-overlay-verify-pending h1,, .vjs-overlay-verify-rejected h1 {
        font-size: 24px;
        line-height: 1.5em;
        text-transform: unset;
        padding: 0 30px;
    }


.vjs-is-fixture .vjs-overlay-unauthorized h1, .vjs-is-fixture .vjs-overlay-reauthorize h1, .vjs-is-fixture .vjs-overlay-forbidden h1, .vjs-is-fixture .vjs-overlay-switch h1, .vjs-is-fixture .vjs-overlay-prelive h1, .vjs-overlay-prelive h1, .vjs-is-fixture .vjs-overlay-verify h1, .vjs-is-fixture .vjs-overlay-verify-pending h1, .vjs-is-fixture .vjs-overlay-verify-rejected h1 {
    font-size: 18px;
    text-transform: unset;
    padding: 0 15px 15px 15px;
}




.vjs-overlay-user-watermark {
    font-family: monospace, monospace;
    font-size:16px;
    bottom: 10%; /* position the top  edge of the element at the middle of the parent */
    right: 10%; /* position the left edge of the element at the middle of the parent */
    background:black;
    padding:2px;
    opacity:0.8;
    visibility:hidden;
}


.vjs-user-watermark .vjs-overlay-user-watermark {
    visibility: visible;
}
    



    @media only screen and (max-width:1466px) {
        .vjs-overlay .teams .icons > div {
        padding: 4px;
        text-align: left;
    }

        .vjs-overlay .teams .icons > div img {
            width: 115px;
            height: 115px;
            padding: 5px;
        }
}

@media only screen and (max-width:768px) {

    .vjs-overlay .teams .icons .seperator {
        font-size: 14px;
        font-weight: 500
    }




    .vjs-overlay .teams .icons > div img {
        width: 85px;
        height: 85px;
        padding: 0;
    }

    .vjs-overlay-unauthorized h1, .vjs-overlay-reauthorize h1, .vjs-overlay-forbidden h1, .vjs-overlay-switch h1, .vjs-overlay-prelive h1, .vjs-overlay-prelive h1 {
        font-size: 18px;
        font-weight: 600;
    }
}


@media(max-width:576px) {



    .vjs-is-fixture .vjs-overlay .teams {
        margin-bottom: 40px;
    }

    .vjs-is-fixture .vjs-overlay .teams.teams-slim {
        margin-bottom: 0;
    }

    .vjs-is-fixture .vjs-overlay .actions {
        display: flex;
        flex-direction: column-reverse;
    }

        .vjs-is-fixture .vjs-overlay .actions .btn {
            margin: 0 10px 10px 10px;
        }

        .vjs-is-fixture .vjs-overlay .actions .seperator-or {
            display: none;
        }

    /* change to accomodate spanish text on mobiles :start */
    .vjs-overlay-unauthorized .actions .seperator-or {
        display: none;
    }


    .vjs-overlay-unauthorized .actions .btn:first-child {
        margin-right: 10px;
    }
    /* change to accomodate spanish text on mobiles :end */

    .vjs-overlay .teams .icons .seperator {
        font-size: 14px;
        font-weight: 500
    }

    .video-js.vjs-16-9.vjs-is-fixture.vjs-unauthorized, .video-js.vjs-16-9.vjs-is-fixture.vjs-reauthorize, .video-js.vjs-16-9.vjs-is-fixture.vjs-forbidden, .video-js.vjs-16-9.vjs-is-fixture.vjs-switch, .video-js.vjs-16-9.vjs-is-fixture.vjs-prelive, .video-js.vjs-16-9.vjs-is-fixture.vjs-verify, .video-js.vjs-16-9.vjs-is-fixture.vjs-verify-pending, .video-js.vjs-16-9.vjs-is-fixture.vjs-verify-rejected {
        padding: 0;
        height: 460px;
    }

    .video-js.vjs-16-9.vjs-unauthorized .teams, .video-js.vjs-16-9.vjs-reauthorize .teams, .video-js.vjs-16-9.vjs-forbidden .teams, .video-js.vjs-16-9.vjs-switch .teams {
        margin: 0;
        flex-grow: 1;
        margin-top: 0px;
        margin-bottom: 0px;
        align-items: center;
        justify-content: center;
    }



    .vjs-overlay-verify, .vjs-overlay-verify-pending, .vjs-overlay-verify-rejected {
        line-height: 1.5;
        font-size: 12px;
    }


    .vjs-overlay-prelive, .vjs-overlay-postlive, .vjs-overlay-nomedia, .vjs-overlay-offline, .vjs-overlay-verify, .vjs-overlay-verify-pending, .vjs-overlay-verify-rejected {
        width: 80%;
    }

    .vjs-overlay-title {
        margin-top: 10px;
        padding-left: 40px;
        padding-right: 40px;
    }

        .vjs-overlay-title h1 {
            font-weight: 600;
            font-size: 20px;
        }

        .vjs-overlay-title h2 {
            font-weight: 400;
            font-size: 16px;
        }

    .vjs-overlay-watch-next {
        width: 120px;
        bottom: 72px;
        right: 18px;
        z-index: 3;
    }

        .vjs-overlay-watch-next .title {
            font-size: 12px;
            font-weight: 500;
            padding-bottom: 4px;
            text-align: left;
        }
}

/* Fantasy theme */

.vjs-theme-fantasy {
    --vjs-theme-fantasy--primary: #9f44b4;
    --vjs-theme-fantasy--secondary: #fff
}

    .vjs-theme-fantasy .vjs-big-play-button {
        width: 70px;
        height: 70px;
        background: none;
        line-height: 70px;
        font-size: 80px;
        border: none;
        top: 50%;
        left: 50%;
        margin-top: -35px;
        margin-left: -35px;
        color: var(--vjs-theme-fantasy--primary)
    }

        .vjs-theme-fantasy.vjs-big-play-button:focus, .vjs-theme-fantasy:hover .vjs-big-play-button {
            background-color: transparent;
            color: #fff
        }

    .vjs-theme-fantasy .vjs-control-bar {
        height: 54px
    }

    .vjs-theme-fantasy .vjs-button > .vjs-icon-placeholder:before, .vjs-theme-fantasy .vjs-time-control {
        line-height: 54px
    }

    .vjs-theme-fantasy .vjs-play-control {
        font-size: 1.5em;
        position: relative
    }

    .vjs-theme-fantasy .vjs-volume-panel {
        order: 4
    }

    .vjs-theme-fantasy .vjs-volume-bar {
        margin-top: 2.5em
    }

.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
    height: 100%
}

.vjs-theme-fantasy .vjs-progress-control .vjs-progress-holder, .vjs-theme-fantasy .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.5em
}

.vjs-theme-fantasy .vjs-play-control .vjs-icon-placeholder:before {
    height: 1.3em;
    width: 1.3em;
    margin-top: .2em;
    border-radius: 1em;
    border: 3px solid var(--vjs-theme-fantasy--secondary);
    top: 2px;
    left: 9px;
    line-height: 1.1
}

.vjs-theme-fantasy .vjs-play-control:hover .vjs-icon-placeholder:before {
    border: 3px solid var(--vjs-theme-fantasy--secondary)
}

.vjs-theme-fantasy .vjs-play-progress, .vjs-theme-fantasy .vjs-play-progress:before {
    background-color: var(--vjs-theme-fantasy--primary)
}

    .vjs-theme-fantasy .vjs-play-progress:before {
        height: .8em;
        width: .8em;
        content: "";
        border: 4px solid var(--vjs-theme-fantasy--secondary);
        border-radius: .8em;
        top: -.25em
    }

.vjs-theme-fantasy .vjs-progress-control {
    font-size: 14px
}

.vjs-theme-fantasy .vjs-fullscreen-control {
    order: 6
}

.vjs-theme-fantasy .vjs-remaining-time {
    display: none
}

.vjs-theme-fantasy.nyan .vjs-play-progress {
    background: linear-gradient(180deg,#fe0000 0,#fe9a01 16.666666667%,#fe9a01 0,#ff0 33.332666667%,#ff0 0,#32ff00 49.999326667%,#32ff00 0,#0099fe 66.6659926%,#0099fe 0,#63f 83.33266%,#63f 0)
}

    .vjs-theme-fantasy.nyan .vjs-play-progress:before {
        height: 1.3em;
        width: 1.3em;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125' fill='%23fff'%3E%3Cpath d='M62.153 37.323h2.813v3.246h-2.813zM64.858 40.569h2.813v3.246h-2.813zM67.672 43.814h11.9v3.246h-11.9zM79.572 24.449h2.813v19.365h-2.813zM82.386 37.323h3.244v3.246h-3.244zM85.63 34.132h5.627v3.246H85.63zM91.257 37.323h2.92v12.95h-2.92zM94.177 50.274h2.922V66.21h-2.922zM91.29 66.372h2.887v3.245H91.29zM88.401 69.617h2.889v3.246h-2.889zM27.312 72.863h61.003v3.245H27.312zM73.622 76.108h2.889v3.246h-2.889zM82.563 76.108h2.888v3.246h-2.888zM76.511 79.354h6.053v3.245h-6.053zM61.941 79.354h8.895v3.245h-8.895zM67.947 76.108h2.889v3.246h-2.889zM59.321 76.108h2.888v3.246h-2.888zM27.312 17.917h49.387v3.246H27.312zM76.699 21.162h2.873v3.287h-2.873zM56.372 34.132h5.781v3.191h-5.781zM53.448 37.323h2.924v12.951h-2.924zM50.488 50.274h2.96v16.049h-2.96zM53.448 66.323h2.924v3.257h-2.924zM56.372 69.58h2.949v3.283h-2.949zM65.069 63.213h2.878v6.367h-2.878zM67.947 66.397h17.504v3.22H67.947z'/%3E%3Cpath d='M82.563 63.213h2.888v3.185h-2.888zM73.801 63.213h2.898v3.185h-2.898zM76.699 56.774h2.873v3.145h-2.873zM82.563 56.774h2.888v3.145h-2.888zM85.451 53.444h2.864v3.33h-2.864z'/%3E%3Cpath d='M85.451 56.774h2.864v3.145h-2.864zM65.069 53.444h2.878v3.33h-2.878zM65.069 56.774h2.878v3.145h-2.878zM62.209 56.774h2.86v3.145h-2.86zM21.509 24.327h2.813v45.169h-2.813zM24.323 21.162h2.99v3.165h-2.99zM18.562 69.496h8.75v3.367h-8.75zM15.656 72.863h2.906v9.591h-2.906zM18.562 79.301h8.75v3.153h-8.75zM24.323 76.108h5.743V79.3h-5.743zM33.136 76.108h2.824v6.346h-2.824zM35.96 79.281h5.813v3.173H35.96zM41.774 76.108h2.864v3.173h-2.864zM3.948 40.569h11.708v3.229H3.948zM3.948 43.814h2.921v6.459H3.948zM6.869 47.06h2.934v6.384H6.869zM9.803 50.274h2.909v6.5H9.803z'/%3E%3Cpath d='M12.711 53.444h2.945v6.475h-2.945zM15.656 56.774h5.853v3.145h-5.853z'/%3E%3Cpath d='M18.583 59.919h2.926v3.294h-2.926zM18.583 47.044h2.926v6.4h-2.926zM12.711 43.814h5.872v3.229h-5.872zM15.647 47.044h2.936v3.2h-2.936z'/%3E%3Cpath fill='none' d='M47.439 50.274h3.049v3.17h-3.049z'/%3E%3Cpath d='M73.801 30.94v-3.138h-2.965v-3.354l-37.7-.122v3.151h-3.07v3.462l-2.753-.108-.118 32.381h2.871v3.185h3.07v-3.185h2.824v3.185h-2.824v3.099l20.312.084v-3.257h-2.96V50.274h2.96V37.323h2.924v-3.191h5.781v3.191h2.813l-.108 3.246h2.813v3.246h9.027V30.94h-2.897zM33.136 56.682h-3.07v-3.158h3.07v3.158zm2.824-22.55h-2.824v-3.084h2.824v3.084zm2.907 12.928h2.907v3.184h-2.907V47.06zm5.771 16.153h-2.864v-3.294h2.864v3.294zm2.801-19.399h-2.801v-3.246h2.801v3.246zm6.009-12.766h-2.96v-3.354h2.96v3.354zm8.705 0h-2.832v-3.354h2.832v3.354zm8.683 6.275h-2.889v-3.191h2.889v3.191z'/%3E%3C/svg%3E") no-repeat;
        border: none;
        top: -.35em
    }


.vjs-overlay-switch {
    display: flex;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    line-height: 1.5;
    font-size: 16px;
}



.vjs-switch .vjs-big-play-button {
    visibility: hidden;
}


.vjs-overlay-switch {
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
}

.vjs-switch .vjs-overlay-switch {
    display: flex;
    visibility: visible;
    opacity: 1;
}




.vjs-overlay-ondemand {
    display: flex;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    line-height: 1.5;
    font-size: 16px;
}



.vjs-ondemand .vjs-big-play-button {
    visibility: visible;
}


.vjs-overlay-ondemand {
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
}

.vjs-ondemand .vjs-overlay-ondemand {
    display: flex;
    visibility: visible;
    opacity: 1;
}

.vjs-ondemand .vjs-overlay-ondemand .teams {   
    opacity: 0.7;
}

.vjs-live .vjs-big-play-button {
    visibility: visible;
}


.vjs-overlay-live {
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
}

.vjs-live .vjs-overlay-live {
    display: flex;
    visibility: visible;
    opacity: 1;
}

    .vjs-live .vjs-overlay-live .teams {
        opacity: 0.7;
    }




/* adjust heme colours */


.vjs-theme-fantasy {
    --vjs-theme-fantasy--primary: #C0C0C0;
}


/* a wrapper element that tracks the mouse vertically */
.vjs-thumbnail-holder {
    position: absolute;
    bottom: 80px;
    left: -1000px;
    width: 213px;
    height: 120px;
    overflow: hidden;
    background: #000;
    background-image: url('/_public/lib/video-js/loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
}

/* the thumbnail image itself */
.vjs-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    width: 1278px;
    height: 600px;
}


.vjs-loading-metadata .vjs-big-play-button {
    visibility:hidden;
    opacity:0;
}