﻿.video-js .vjs-ad-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    /* background-color: purple;*/
    margin: auto;
    z-index: 1020;
}


.video-js .vjs-ad-overlay-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    /*  background-color: lightyellow;*/
    margin: auto;
}


.video-js .vjs-ad-overlay .vjs-ad-overlay-wrap .vjs-ad-overlayer-link {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 1030;
    width: 100%;
    height: 100%;
    /*  border: 1px solid red;*/
    text-align: center;
}

.video-js .vjs-ad-overlay .vjs-ad-overlay-wrap img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    /*border: 3px dotted black;*/
}


.video-js .vjs-ad-overlay.vjs-ad-overlay-LeaderboardTop,
.video-js .vjs-ad-overlay.vjs-ad-overlay-LeaderboardBottom {
    width: auto;
    height: 15% !important;
    text-align: center;
    top: 10px;
    left: 10px;
    right: 10px;
    position: absolute;
}


.video-js .vjs-ad-overlay.vjs-ad-overlay-LeaderboardBottom {
    top: initial;
    bottom: 10px;
}

.video-js .vjs-ad-overlay.vjs-ad-overlay-SkyscraperLeft,
.video-js .vjs-ad-overlay.vjs-ad-overlay-SkyscraperRight {
    width: 8% !important;
    height: auto;
    margin: auto;
    text-align: center;
    left: 10px;
    top: 3.3em;
    bottom: 3.3em;
}

.video-js .vjs-ad-overlay.vjs-ad-overlay-SkyscraperRight {
    right: 10px;
    left: inherit; /* mozna ma byt kvuli fullscreen initial */
}

.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareLeftTop,
.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareRightTop,
.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareLeftBottom,
.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareRightBottom {
    width: 20% !important;
    height: 20% !important;
    position: absolute;
}

.video-js .vjs-ad-overlay.vjs-ad-overlay-LeaderboardTop .vjs-ad-button-close,
.video-js .vjs-ad-overlay.vjs-ad-overlay-LeaderboardBottom .vjs-ad-button-close {
    position: absolute;
    left: initial;
    right: -40px;
    top: -10px;
    bottom: initial;
}

.video-js .vjs-ad-overlay.vjs-ad-overlay-SkyscraperLeft .vjs-ad-button-close,
.video-js .vjs-ad-overlay.vjs-ad-overlay-SkyscraperRight .vjs-ad-button-close {
    position: absolute;
    right: -20px;
    left: initial;
    top: -10px;
    bottom: initial;
    width: 50px;
}


/* 
    nemelo by byt potreba
.video-js .vjs-ad-overlay.vjs-ad-overlay-custom-leaderBoard .vjs-ad-overlay-wrap {
    bottom: initial;
}

.video-js .vjs-ad-overlay.vjs-ad-overlay-custom-skyScrapper .vjs-ad-overlay-wrap {
    position: absolute;
    left: initial;
    top: 0px;
    bottom: initial;
}
   



.video-js .vjs-ad-overlay.vjs-ad-overlay-custom-leaderBoard .vjs-ad-overlay-wrap img {
    position: relative;
}

.video-js .vjs-ad-overlay.vjs-ad-overlay-custom-skyScrapper .vjs-ad-overlay-wrap img {
    position: relative;
}
     */



.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareLeftTop {
    top: 5px;
    left: 5px;
    text-align: left;
}


.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareRightTop {
    top: 5px;
    right: 5px;
    text-align: right;
}

.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareLeftBottom {
    bottom: 5px;
    left: 5px;
    text-align: left;
}

.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareRightBottom {
    bottom: 5px;
    right: 5px;
    text-align: right;
}

.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareLeftTop .vjs-ad-overlay-wrap,
.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareLeftTop .vjs-ad-overlay-wrap a,
.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareLeftTop .vjs-ad-overlay-wrap img {
    top: 0px;
    left: 0px;
}


.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareRightTop .vjs-ad-overlay-wrap,
.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareRightTop .vjs-ad-overlay-wrap a,
.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareRightTop .vjs-ad-overlay-wrap img {
    top: 0px;
    right: 0px;
}

.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareLeftBottom .vjs-ad-overlay-wrap,
.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareLeftBottom .vjs-ad-overlay-wrap a,
.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareLeftBottom .vjs-ad-overlay-wrap img {
    bottom: 0px;
    left: 0px;
}

.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareRightBottom .vjs-ad-overlay-wrap,
.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareRightBottom .vjs-ad-overlay-wrap a,
.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareRightBottom .vjs-ad-overlay-wrap img {
    bottom: 0px;
    right: 0px;
}

.video-js.vjs-paused .vjs-ad-overlay.vjs-ad-overlay-LeaderboardTop,
.video-js.vjs-paused .vjs-ad-overlay.vjs-ad-overlay-SquareRightTop,
.video-js.vjs-paused .vjs-ad-overlay.vjs-ad-overlay-SquareLeftTop,
.video-js.vjs-user-active .vjs-ad-overlay.vjs-ad-overlay-SquareRightTop,
.video-js.vjs-user-active .vjs-ad-overlay.vjs-ad-overlay-SquareLeftTop {
    top: 3.3em;
}

.video-js.vjs-paused .vjs-ad-overlay.vjs-ad-overlay-LeaderboardBottom,
.video-js.vjs-paused .vjs-ad-overlay.vjs-ad-overlay-SquareLeftBottom,
.video-js.vjs-paused .vjs-ad-overlay.vjs-ad-overlay-SquareRightBottom,
.video-js.vjs-user-active .vjs-ad-overlay.vjs-ad-overlay-SquareLeftBottom,
.video-js.vjs-user-active .vjs-ad-overlay.vjs-ad-overlay-SquareRightBottom {
    bottom: 3.3em;
}



.video-js .vjs-ad-overlay .vjs-ad-button-close {
    display: block;
    font-size: 1.2em;
    z-index: 1040;
    width: 100px;
    border-radius: 1em;
    padding: 0.7em 1em;
    background: rgba(110,110,110,0.5);
    position: relative;
    bottom: 1em;
    cursor: pointer;
    /* vypne u vsech prostoru tlacitko zavrit */
    display: none;
}


.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareRightTop .vjs-ad-button-close,
.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareRightBottom .vjs-ad-button-close,
.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareLeftTop .vjs-ad-button-close,
.video-js .vjs-ad-overlay.vjs-ad-overlay-SquareLeftBottom .vjs-ad-button-close {
    display: none;
}
