/* hack pro l*ogo overlay */

.video-js.externalScoreGraphics .vjs-ad-overlay {
    z-index: -1;
}

.video-js.LogoOverlayLeaderboardTop .externalScore {
    z-index: -1;
}

.video-js.LogoOverlayLeaderboardTop.externalScoreGraphics .externalScore {
    z-index: 997;
}

/* css */
.video-js .externalActionGraphics {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 998;
    display: none;
}

    .video-js .externalActionGraphics img {
        max-width: 100%;
        max-height: 100%;
        width: 100%;
        height: 100%;
    }

.video-js .externalScore {
    z-index: 997;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    /*    top: 25px;
    left: 25px;
    color: white;
    border: 0px solid black;
    width: 250px;
    font-size: 70%;*/
}

    .video-js .externalScore img.background {
        width: 100%;
        height: 100%;
    }

    .video-js .externalScore div.scoreRow {
        text-transform: uppercase;
        position: absolute;
        left: 0;
        right: 0;
        padding: 0px 0;
        top: 3.68%;
        height: 5%;
        /*background: red;*/
        /*border: 1px solid black;*/
        font-weight: bold;
    }

        .video-js .externalScore div.scoreRow span {
            /*background:lightgreen;*/
            /*  border: 1px solid yellow;*/
            display: inline-block;
            width: 5.1%;
            text-align: center;
            color: white;
        }

            .video-js .externalScore div.scoreRow span.time {
                margin-left: 9.45%;
                width: 5.7%;
                letter-spacing: 1px;
                /*color: red;*/
            }

            .video-js .externalScore div.scoreRow span.score {
                width: 4.7%;
                /*color: red;*/
                font-size: 120%;
            }

            .video-js .externalScore div.scoreRow span.extraTime {
                width: 3.3%;
                color: rgb(1,37,123);
                /*color: red;*/
            }

    /*.video-js .externalScore div {*/
    /* test */
    /*display: none;
        text-align: center;
        padding: 3px;
        text-transform: uppercase;
    }*/
    /* zlute schema */
    .video-js .externalScore div.leagueName, .video-js .externalScore div.scoreRowOuter {
        color: rgb(255,209,1);
    }

        .video-js .externalScore div.scoreRowOuter div.scoreL, .video-js .externalScore div.scoreRowOuter div.scoreR, .video-js .externalScore div.scoreRowOuter div.score {
            background-color: rgb(255,209,1);
        }

    .video-js .externalScore div.leagueNameOuter {
        width: 155px;
        background: black;
        /*  opacity: 0.5;*/
        transform: skewX(-20deg);
        margin-bottom: 1px;
        font-size: 80%;
        font-weight: 500;
        height: 14px;
        line-height: 14px;
        padding: 0;
    }

    .video-js .externalScore div.team {
        min-width: 40px;
    }

    .video-js .externalScore div.leagueName {
        transform: skewX(20deg);
        padding: 0;
    }

    .video-js .externalScore div.scoreRowOuter {
        background: black;
        transform: skewX(-20deg);
        /* width: 125px;*/
        font-size: 140%;
        line-height: 15px;
        height: 21px;
        padding: 0 5px;
        float: left;
        margin-right: 6px;
        font-weight: 900;
    }

        .video-js .externalScore div.scoreRowOuter div {
            float: left;
            /* width: 35px;*/
            transform: skewX(20deg);
            line-height: 15px;
            height: 21px;
            font-weight: 700;
        }

            .video-js .externalScore div.scoreRowOuter div.score {
                /*   width: 30px;*/
            }

    .video-js .externalScore div.teamHome {
        margin-right: 5px;
    }

    .video-js .externalScore div.teamAway {
        margin-left: 5px;
    }

    .video-js .externalScore div.clear {
        clear: both;
    }

    .video-js .externalScore div.scoreRowOuter div.scoreL {
        width: 10px;
        transform: skewX(35deg);
        margin-right: -5px;
        height: 19px;
        /*border:1px solid red;*/
    }

    .video-js .externalScore div.scoreRowOuter div.scoreR {
        width: 10px;
        transform: skewX(0deg);
        margin-left: -5px;
        height: 19px;
    }


    .video-js .externalScore div.scoreRowOuter div.score {
        color: black;
        border-bottom: 0 solid black;
        height: 19px;
        line-height: 14px;
        padding: 3px 10px;
    }

    .video-js .externalScore div.timeOuter {
        width: 60px;
        color: black;
        background: white;
        font-size: 120%;
        transform: skewX(-20deg);
        float: left;
        line-height: 15px;
        height: 21px;
        font-weight: 900;
        padding: 0 5px;
    }

    .video-js .externalScore div.time {
        transform: skewX(20deg);
        line-height: 15px;
    }