.tdc-header-wrap {
    position: relative;
    z-index: 1;
}


/* SD Custom Styling Start From Here  */

.vjs-has-started .vjs-control-bar {
    position: absolute;
    z-index: 999;
}

.vjs-control-bar {
    z-index: 111
}

#sourceElementId {
    max-height: 92.5%;
    display: none;
    width: 100%;
}


/* width */

#sourceElementId ::-webkit-scrollbar {
    width: 3px;
}


/* Track */

#sourceElementId ::-webkit-scrollbar-track {
    background: transparent;
}


/* Handle */

#sourceElementId ::-webkit-scrollbar-thumb {
    background: transparent;
}


/* Handle on hover */

#sourceElementId ::-webkit-scrollbar-thumb:hover {
    background: transparent;
}

.vjs-picture-in-picture-control {
    display: none !important;
}

.vjs-control-bar {
    opacity: 1 !important;
}

.vjs-big-play-button {
    z-index: 9;
}

@media screen and (max-width: 767px) and (orientation:portrait) {
    #sourceElementId {
        max-height: inherit;
        display: none;
        margin-bottom: -320px;
        overflow: hidden;
    }
}

@supports (-webkit-touch-callout: none) {
    .vjs-fullscreen-control {
        display: none !important;
    }
    .vjs-fullscreen-control.fullscreen-custom-control {
        display: block !important
    }
}

:not(:root):fullscreen {
    object-fit: contain;
    position: fixed !important;
    top: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
    left: 0px !important;
    box-sizing: border-box !important;
    min-width: 0px !important;
    max-width: none !important;
    min-height: 0px !important;
    max-height: none !important;
    width: 50% !important;
    height: 50% !important;
    transform: none !important;
    margin: 0px !important;
}

.vjs-fullscreen-control {
    visibility: hidden;
}

.custom-style {
    visibility: visible !important;
}