body {
    background-color: #1E1E1E;				
    font: 12px Roboto,Arial,sans-serif;
    height: 100%;
    margin: 0;
    overflow: hidden; 
    padding: 0;
    position: absolute;
    width: 100%;
}	
.video-js .vjs-control-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 0;
}
.video-js .vjs-captions {
    color: #FFFFFF;
    font-family: 'tahoma';
    font-size: 56px;
}
/*.vjs-big-play-button{display: block !important;visibility: hidden;}*/
/*.vjs-big-play-button{
    top:50%;
    left:50%;
    margin-top:-.75em;
    margin-left:-1.5em
}*/
.video-js .vjs-text-track {
    background-color: transparent;
}
.video-js .vjs-text-track-display {
	text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000 !important;
    bottom: 4em;
}
.video-js .vjs-progress-control {
    position: absolute;
    width: 100%;
    height: 50%;
    top: -10px;
    padding-left: 10px;
    padding-right: 10px;
}
.video-js .vjs-control-bar {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4em;
    background: rgba(0,0,0,0.4); /*For browsers that do not support gradients*/    
}          
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-resolution-button {
    position: absolute;
    right: 40px;
}
.vjs-subtitles-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {
    position: absolute;
    right: 80px;
}
.vjs-fullscreen-control.vjs-control.vjs-button {
    position: absolute;
    right: 0px;
}
.video-js {
    outline: none;
}
.video-js .vjs-slider {
    margin-left:0px;
    margin-right: 0px;
}			
/*.video-js .vjs-play-control {
        display: none;
}*/
.vjs-progress-control {
    left: 0px !important;
}
/*show poster image at end of play*/
.video-js.vjs-default-skin.vjs-ended .vjs-poster {display:block !important;}

/* Set transparent of subtitle background */
.vjs-text-track-display > div > div > div {
    background-color: transparent !important;
    top:-10px;
}
/* subtitle menu will display on watermark logo */
.vjs-menu-button-popup .vjs-menu{
    z-index:3000;
}
/* show current time and remaining time */
.video-js .vjs-time-control {
    display: block;
}
.video-js .vjs-remaining-time {
    display: none;
}
/* volume control design */
.vjs-volume-bar.vjs-slider-bar.vjs-slider.vjs-slider-horizontal {
    left: 5px;
}
/* remove space from time divider */
.vjs-time-control.vjs-time-divider {
    padding-left: 0em;
    padding-right: 0em;
    min-width: auto;
    position: absolute;
    right: 150px;
    text-align: center;
    width: 20px;
}	
.vjs-current-time.vjs-time-control.vjs-control {
    position: absolute;
    right: 159px;
}
.vjs-duration.vjs-time-control.vjs-control {
    position: absolute;
    right: 120px;
}
/* Subtitle section */
@media only screen and (max-width: 768px) {                                            
    .vjs-text-track-display div { font-size: 18px !important; }
} 
/* capitalise of subtitle label */
.video-js .vjs-menu li{
    text-transform: capitalize!important;
}	
/* back button section */
#backButton {
/*    position:absolute !important; 
    left: 50px !important;
    top: 30px !important;
    cursor:pointer !important;
    width: 40px !important;
    height : 40px !important;
    z-index:9999 !important;17071 ER 26225*/
    
    position: absolute !important;/*27106 ER 26225*/
    left: 19px !important;
    top: 14px !important;
    cursor: pointer !important;
    width: 40px !important;
    height: 40px !important;
    z-index: 9999 !important;
}
#backButton:hover {
    display: block !important;
}

@media screen and (max-width: 480px) {
    #backButton {
        left: 10px !important;
        top: 10px !important;
        width: 35px !important;
        height: 30px !important;
    }
}
@media screen and (max-width: 768px) {
    #backButton {
        left: 20px !important;
        top: 14px !important;				
    }
}
/*play and pause section */
#video_block{
    position: relative;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 3.2em; 
}


.video-js .vjs-volume-bar {
    margin: 2.05em .45em;
}
.video-js .vjs-control:before, 
.vjs-resolution-button .vjs-resolution-button-staticlabel:before {
    line-height: 2.47;
}
.video-js .vjs-time-control {
    line-height: 4em;
    margin-top: 3px;
}
/* ER - 47868 - sandip.sethy@muvi.com */
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {
    position: absolute;
    right: 199px;
    top: 8px;
}
/* ER - 47868 - sandip.sethy@muvi.com */
.vjs-menu-button-popup .vjs-menu{
    margin-bottom: 2.3em;
}
@media screen and (max-width: 480px) { /* ER 71672 */
    .video-js .vjs-control-bar, .video-js .vjs-dock-text, .video-js .vjs-dock-shelf {
        position: fixed;
    }
    #backButton {
        position: fixed !important;
    }
}