.vjs-close-button.vjs-control.vjs-button::before {
    content: "\f115";
    display: block;
    font-family: "VideoJS";
}

.vjs-social-overlay a.vjs-social-share-link::before{
    font-family: "VideoJS";
    font-size: 24px;
    color: #FFF;
}

.vjs-social-overlay a.vjs-social-share-link {
	font-family: "VideoJS";
	color: #fff;
}

#responsive .brightcove-container h1{
    font-size:24px;
    line-height: 24px;
    color:#FFF;
}
#responsive .brightcove-container h2{
    font-size:14px;
    line-height: 14px;
    color:#FFFFFF;
}

.vjs-mouse.vjs-playlist{
    padding: 0 0 0 20px;
    box-sizing: border-box;
}

.brightcoveplayer .video-js .vjs-dock-description {
	font: 400 16px/1.5 Helvetica, Arial;
}

.brightcoveplayer .video-js .vjs-dock-title {
	font: 700 24px/1.333 Helvetica, Arial;
}

/* set white text on playlist by default*/
.vjs-mouse.vjs-playlist .vjs-playlist-thumbnail,.vjs-playlist .vjs-selected .vjs-playlist-duration,ol li .vjs-playlist,
ol li .vjs-mouse, .vjs-mouse.vjs-playlist time,#resposnive .vjs-mouse.vjs-playlist cite.vjs-playlist-name,
.vjs-mouse.vjs-playlist cite.vjs-playlist-name{
    color: #FFF;
}
#responsive .vjs-mouse.vjs-playlist p.vjs-playlist-description,.vjs-mouse.vjs-playlist p.vjs-playlist-description{
    color: #A6A6A6;
}
.vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before{
    z-index: 999;
}

cite.vjs-playlist-name{
    margin: 15px 0 0 0;
}

.video-js .vjs-dock-text{
    padding: .5em 66px .5em .75em;
}

.video-js .vjs-dock-shelf{
    padding: .5em .25em 0 0;
    width: auto;
}

/* z-index is so high so that it will display on top of navigation, which is set to 5mil */
.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.9);
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 1), rgba(0,0,0,0.8));
    background: linear-gradient(180deg, rgba(0, 0, 0, 1), rgba(0,0,0,0.8));
    z-index: 5000001;
    position: fixed;
    max-height: 300px;
    max-width: 560px;
    left: 0;
    right: 0;
    margin: auto;
    top: 25%;
}

.vjs-social-overlay .vjs-social-direct-link{
    width: 100%;
    padding: 0px;
}


.vjs-social-overlay .vjs-social-direct-link {
    width: 100%;
    padding: 0px;
}

.playlist-wrapper{
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #000;
    margin: 0 0 0 0 !important;
}

.playlist-wrapper .vjs-playlist{
    min-width: initial;
    width: 100%;
    background: transparent;
}

.brightcove-container{
    position: relative;
    margin: 10px 0 !important;
}

.brightcove-container::after{
    content: " ";
    display: block;
    clear: both;
}

.brc-align-center .playlist-wrapper{
    position: relative;
    top: auto;
    bottom: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 460px;
}

/* Special styling if set to center aligned and video details inside. */
.brc-align-center .player-orientation-vertical.playlist-details-inside > div.video-js{
    width: 100% !important;
}

.brc-align-center .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper{
    width: 100% !important;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
}

.brc-align-center .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist{
    white-space: nowrap;
    padding: 10px;
    height: 113px;
}

/** Prevent Broken Brightcove CSS **/
ol.vjs-playlist{
    overflow: visible !important;
}

/* playlist left & right wrapper size */
.brc-align-right .playlist-wrapper, .brc-align-left .playlist-wrapper{
    width: 45% !important;
}

/* Handle Playlist Alignment When details are inside thumbnails & vertical  */
.brc-align-right .brightcove-container.playlist-details-inside.player-orientation-vertical .video-js,
.brc-align-left .brightcove-container.playlist-details-inside.player-orientation-vertical .video-js{
    width: 68% !important;
}

.brc-align-right .playlist-details-inside.player-orientation-vertical .playlist-wrapper,
.brc-align-left .playlist-details-inside.player-orientation-vertical .playlist-wrapper{
    width: 32% !important;
}

/* Handle Left and Right Player Alignment */
.brc-align-left .playlist-wrapper{
    right: 0;
}

.brc-align-right .playlist-wrapper{
    left: 0;
}

/* Handle Playlist Orientation Settings */

.player-orientation-vertical > div.playlist-wrapper > ol.vjs-playlist > li{
    height: auto;
    width: 100%;
}

.brc-align-left .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li img,
.brc-align-right .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li img,
.brc-align-left .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li picture,
.brc-align-right .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li picture{
    height: 100%;
    width: auto !important;
    margin: auto;
}

.player-orientation-horizontal.playlist-details-outside > div.video-js,
.player-orientation-horizontal.playlist-details-inside > div.video-js{
    width: 100% !important;
}

.player-orientation-horizontal.playlist-details-outside > div.playlist-wrapper,
.player-orientation-horizontal.playlist-details-inside > div.playlist-wrapper {
    width: 100% !important;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
}

.player-orientation-horizontal.playlist-details-outside > div.playlist-wrapper > ol.vjs-playlist,
.player-orientation-horizontal.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist,
.brc-align-center .player-orientation-vertical.playlist-details-inside  > div.playlist-wrapper > ol.vjs-playlist{
    white-space: nowrap;
    padding: 0 0 0 0;
    height: 113px;
}

.player-orientation-horizontal.playlist-details-outside > div.playlist-wrapper > ol.vjs-playlist > li,
.player-orientation-horizontal.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li,
.brc-align-center .player-orientation-vertical.playlist-details-inside  > div.playlist-wrapper > ol.vjs-playlist > li{
    display: inline-block;
    float: none;
    margin: 10px 5px 10px 5px;
    vertical-align: top;
    height: calc(100% - 20px);
    width: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.player-orientation-horizontal.playlist-details-outside > div.playlist-wrapper > ol.vjs-playlist > li:first-child,
.player-orientation-horizontal.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li:first-child,
.brc-align-center .player-orientation-vertical.playlist-details-inside  > div.playlist-wrapper > ol.vjs-playlist > li:first-child{
    margin: 10px 5px 10px 10px;
}
.player-orientation-horizontal.playlist-details-outside > div.playlist-wrapper > ol.vjs-playlist > li:last-child,
.player-orientation-horizontal.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li:last-child,
.brc-align-center .player-orientation-vertical.playlist-details-inside  > div.playlist-wrapper > ol.vjs-playlist > li:last-child{
    margin: 10px 10px 10px 5px;
}

.player-orientation-horizontal.playlist-details-outside > div.playlist-wrapper > ol.vjs-playlist > li picture,
.player-orientation-horizontal.playlist-details-outside > div.playlist-wrapper > ol.vjs-playlist > li img,
.player-orientation-horizontal.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li picture,
.player-orientation-horizontal.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li img,
.brc-align-center .player-orientation-vertical.playlist-details-outside  > div.playlist-wrapper > ol.vjs-playlist > li picture,
.brc-align-center .player-orientation-vertical.playlist-details-inside  > div.playlist-wrapper > ol.vjs-playlist > li img{
    height: 100%;
    width: auto !important;
    margin: auto;
}

/*If details are inside a horizontal playlist set a static width*/
.player-orientation-horizontal.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li picture,
.player-orientation-horizontal.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li img,
.brc-align-center .player-orientation-vertical.playlist-details-inside  > div.playlist-wrapper > ol.vjs-playlist > li img{
    height: 100%;
    width: 150px !important;
    margin: auto;
}


.brc-align-center .player-orientation-vertical.playlist-details-outside  > div.playlist-wrapper > ol.vjs-playlist > li picture{
    width: 200px !important;
    height: auto;
    margin: 0 10px 0 0;
}

.brc-align-left .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li img,
.brc-align-right .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li img,
.brc-align-left .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li picture,
.brc-align-right .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li picture{
    height: auto;
    width: 100% !important;
    margin: auto;
}

.player-orientation-horizontal.playlist-details-outside > div.playlist-wrapper > ol.vjs-playlist > li{
    max-width: 350px !important;
    min-width: 350px !important;
    width: 350px !important;
}
.player-orientation-horizontal.playlist-details-outside > div.playlist-wrapper > ol.vjs-playlist > li picture{
    margin: auto 10px auto auto;
    background: none;
}

.player-orientation-horizontal.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li{
    height: calc(100% - 20px);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

@media (max-width: 480px){
    .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li picture,
    .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li img{
        height: 100%;
        width: auto !important;
    }
}

/* Handle Playlist Video Details Layout */
.playlist-details-inside .playlist-video-details-wrapper {
    position: absolute;
    padding: 10px;
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    font-weight: normal;
    line-height: normal !important;
    background: rgba(0,0,0,0.5);
}

.playlist-details-inside picture.vjs-icon-play.vjs-playlist-thumbnail {
    height:  auto;
}

p.vjs-playlist-description {
    margin: 0;
    padding: 0;
}

.playlist-details-left{}
.playlist-details-right{}
.playlist-details-above{}
.playlist-details-below{}

.playlist-details-inside{}
.playlist-details-left{}
.playlist-details-right{}
.playlist-details-above{}
.playlist-details-below{}

.vjs-playlist .vjs-playlist-item:last-child{
    margin: 0 0 0 0;
}

.vjs-mouse.vjs-playlist .vjs-playlist-item:focus .vjs-playlist-thumbnail{
    margin: auto;
    background: none;
}

.vjs-mouse.vjs-playlist .vjs-playlist-item:focus .vjs-playlist-thumbnail:before,
.vjs-mouse.vjs-playlist .vjs-playlist-item:hover .vjs-playlist-thumbnail:before{
    display: block;
    line-height: 30px;
    height: 30px;
    width: 40px;
    top: calc(50% - 15px);
    left: calc(50% - 20px);
}

.vjs-mouse.vjs-playlist .vjs-playlist-item .vjs-playlist-thumbnail:before,
.vjs-mouse.vjs-playlist .vjs-playlist-item .vjs-playlist-thumbnail:before{
    display: none;
}

@media (max-width: 759px) {
    .brightcove-container .playlist-wrapper{
        max-height:300px;
        overflow-x:hidden;
        overflow-y:scroll;
    }
    .brc-align-center .brightcove-container,
    .brc-align-left .brightcove-container,
    .brc-align-right .brightcove-container {}
    .brc-align-left .brightcove-container .video-js,
    .brc-align-right .brightcove-container .video-js{
        display: block;
        width: 100% !important;
        position: relative;
    }
    .brc-align-center .brightcove-container .playlist-wrapper,
    .brc-align-left .brightcove-container .playlist-wrapper,
    .brc-align-right .brightcove-container .playlist-wrapper{
        max-height: 270px;
        display: block;
        width: 100% !important;
        position: relative;
    }
    /* Styling for right aligned player */
    .brc-align-right .brightcove-container {
        /*We need to fix the order on mobile device so the playlist will show below the video regardless of it's dom location without having a negative effect on the view*/
        display: -webkit-box;
        display: -moz-box;
        display: box;

        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient:vertical;

    }
    .brc-align-right .brightcove-container .video-js {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }
    .brc-align-right .brightcove-container .playlist-wrapper {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }

    /* Special styling if set to vertical and inside on screens smaller than 759px wide. */
    .brc-align-right .brightcove-container.playlist-details-inside.player-orientation-vertical .video-js,
    .brc-align-left .brightcove-container.playlist-details-inside.player-orientation-vertical .video-js,
    .brc-align-center .brightcove-container.playlist-details-inside.player-orientation-vertical .video-js{
        width: 100% !important;
    }

    .brc-align-left .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper,
    .brc-align-right .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper,
    .brc-align-center .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper{
        width: 100% !important;
        position: relative;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .brc-align-left .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist,
    .brc-align-center .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist,
    .brc-align-right .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist{
        white-space: nowrap;
        padding: 10px;
    }

    .brc-align-left .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li,
    .brc-align-right .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li,
    .brc-align-center .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li{
        display: inline-block;
        max-width: 200px !important;
        min-width: 200px !important;
        width: 200px !important;
        float: none;
        margin: 0 5px 0 5px;
    }
    .player-orientation-horizontal.playlist-details-outside > div.playlist-wrapper > ol.vjs-playlist > li:first-child,
    .player-orientation-horizontal.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li:first-child,
    .brc-align-center .player-orientation-vertical.playlist-details-inside  > div.playlist-wrapper > ol.vjs-playlist > li:first-child{
        margin: 0 5px 0 0;
    }
    .player-orientation-horizontal.playlist-details-outside > div.playlist-wrapper > ol.vjs-playlist > li:last-child,
    .player-orientation-horizontal.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li:last-child,
    .brc-align-center .player-orientation-vertical.playlist-details-inside  > div.playlist-wrapper > ol.vjs-playlist > li:last-child{
        margin: 0 0 0 5px;
    }

    .brc-align-left .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li picture,
    .brc-align-left .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li img,
    .brc-align-right .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li picture,
    .brc-align-right .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li img,
    .brc-align-center .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li picture,
    .brc-align-center .player-orientation-vertical.playlist-details-inside > div.playlist-wrapper > ol.vjs-playlist > li img{
        height: 100% !important;
        width: 100% !important;
    }
}