/* MEDIAELEMENT JS PLAJER STYLING _______________________________________________________*/
*:focus {
    outline: none;
 }
 
.mejs-container {
	background: #eeeeee !important;
	/* border:1px solid #cccccc; */

}
.mejs-controls {
	background: #eeeeee !important;
	border:1px solid #cccccc;
}
.mejs-controls:hover{
	background: #CCCCCC !important;
    -webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out;	
    transition: background-color 500ms ease-out;
	
}
.mejs-button,
.mejs-time {
	color: black !important;
	border-radius: 0px !important;
}

.mejs-controls  .mejs-time-slider{
	background: #fcfcfc !important;
	border: 1px solid #CCCCCC;
	border-radius: 0px !important;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
	height:12px;
	border-radius: 0px !important;
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {

}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #eeeeee !important;
	border-right: 2px solid #3c288c;
	border-radius: 0px !important;	
}
.mejs-controls .mejs-time-rail .mejs-time-current {
	background: #3c288c !important;
	border-radius: 0px !important;	
}
.mejs-controls .mejs-time-rail .mejs-time-handle  {
	
}
.mejs-controls .mejs-time-rail .mejs-time-float {	

}
.mejs-controls .mejs-button{
	border-radius: 0px !important;	
}
.mejs-controls .mejs-button  button {
	background-image: url("../rif-MediaPlay/mediaelement-controls.png") !important;	 
} 
.mejs-controls .mejs-button  button:hover {
	border-radius: 0px !important;	
 	background-color:#eeeeee; 
}
.mejs-controls .mejs-button  button:focus {
	outline: none !important;

}
.mejs-controls .mejs-playpause-button  {

}
.mejs-controls .mejs-playpause-button  button {

}
.mejs-controls .mejs-pause button  {

}

.mejs-controls .mejs-fullscreen-button  {

}
.mejs-controls .mejs-fullscreen-button  button {

}
.mejs-controls .mejs-unfullscreen  button { 

}
.mejs-controls .mejs-volume-button  {

}
.mejs-controls .mejs-mute button {

}
.mejs-controls .mejs-unmute button {
	
}

.mejs-controls  .mejs-horizontal-volume-total{
	background: #fcfcfc !important;
	border: 1px solid #CCCCCC !important;
	border-radius: 0px !important;	
	height:10px !important;
}

.mejs-controls  .mejs-horizontal-volume-current{
	background: #3c288c !important;
	height:10px !important;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
	background: #CCCCCC !important;
}
.mejs-controls .mejs-volume-button .mejs-volume-total {
	background: #fcfcfc !important;
	width: 2px !important;
	border-radius: 0px !important;	
}
.mejs-controls .mejs-volume-button .mejs-volume-current {
	background: #3c288c !important;
	width: 3px !important;
}

.mejs-controls .mejs-volume-button .mejs-volume-handle {
	background: black !important;
}

.mejs-controls .mejs-time span {

}
.mejs-controls .mejs-currenttime-container  {

}
.mejs-controls .mejs-duration-container  {

}

.mejs-controls .mejs-time  button{

}
.mejs-controls .mejs-captions-button {

}

/* mediaelement fullscreen */
 .mejs-container-fullscreen .mejs-mediaelement,
 .mejs-container-fullscreen video,
 .mejs-container-fullscreen iframe,
 .mejs-embed,.mejs-embed body,
 .mejs-mediaelement {
	width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
	max-width: 100% !important;
}

.mejs-embed,.mejs-embed body {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.mejs-container-fullscreen {
-webkit-backface-visibility: hidden;
	position: fixed !important;
	overflow: hidden;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
} 
.mejs-offscreen {
  display: block;
}

.mejs-overlay-button{
/* cursor: url('path-to-image.png'), auto;
cursor: url(images/cursor.png) x y, auto; */
}


/* FOR PLAYLIST ____________________________________________________________*/

/*CUSTOM PLAYLIST */
/* CUSTOM SCROLLBAR plugin ___________________________________________*/
/* reset/remove right position so scrollbar appears on left */
/* switch margin from right to left */
.mejs-playlist.mCustomScrollbar .mCSB_inside > .mCSB_container{ 

}
.mejs-playlist.mCSB_scrollTools .mCSB_draggerContainer{
  border:1px solid #cccccc;
  margin-left:4px;
  padding-top:6px !important;
}
.mejs-playlist.mCSB_scrollTools .mCSB_draggerRail, .mCSB_scrollTools  .mCSB_dragger .mCSB_dragger_bar{
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
	border-radius: 0px !important;
	//border:1px solid red;
}
.mejs-playlist.mCSB_scrollTools .mCSB_draggerRail{
	width:10px;
}
.mejs-playlist.mCSB_scrollTools  .mCSB_dragger .mCSB_dragger_bar{
	border-top:6px solid #fcfcfc;
}

.mejs-playlist.mep-playlist .mCSB_scrollTools_vertical{ 
	right: -12px !important;
	margin: -1px;
}

/* .... customise palylist */
.mejs-controls .mejs-show-playlist button,
.mejs-controls .mejs-hide-playlist button,
.mejs-controls .mejs-prevtrack button,
.mejs-controls .mejs-nexttrack button,
.mejs-controls .mejs-shuffle-on button,
.mejs-controls .mejs-shuffle-off button {
  /* background: transparent url("controls-playlist.png") no-repeat !important; */
}
.mejs-controls .mejs-show-playlist button:hover ,
.mejs-controls .mejs-hide-playlist button:hover ,
.mejs-controls .mejs-prevtrack button:hover ,
.mejs-controls .mejs-nexttrack button:hover ,
.mejs-controls .mejs-shuffle-on button:hover ,
.mejs-controls .mejs-shuffle-off button:hover  {
 	border-radius: 0px !important;	
 	background-color:#eeeeee !important; 
}

.mejs-container.mep-playlist .mejs-playlist ul{
	padding-top: 15px;
	padding-bottom: 15px;
}

.mejs-container.mep-playlist .mejs-layers  .mejs-poster{
	background-color: #ebebeb !important; 
}

.mejs-container.mep-playlist .mejs-playlist:before, 
.mejs-container.mep-playlist .mejs-playlist:after {
  display:block;
  content: "";
  position: absolute;
  width: 100%;
  margin: 0 auto;
  height: 15px;
  border: 0;
/*   z-index:1001; */
  box-shadow: inset 0 15px 10px -6px rgb(252,252,252);
}
.mejs-container.mep-playlist .mejs-playlist:after {
	bottom: 30px;
  box-shadow: inset 0 -15px 10px -6px rgb(252,252,252);
}

.mejs-container.mep-playlist .mejs-nocontrolbar .mejs-playlist:after{
	bottom: 0px;
}
.mejs-container.mep-playlist   .mejs-nocontrolbar ul{
	margin-bottom: 0px;
}
.mejs-container  .mejs-layers .mejs-captions-layer {
   width:100%;
}

/* MEJS z-indexes */
.mejs-container .mejs-layers .mejs-playlist { 
	z-index: 1; /**/
}
.mejs-container  .mejs-layers .mejs-captions-layer {
   z-index: 1;
}
.mejs-container  .mejs-layers  .mejs-chapters{
   /* z-index: 1; */
}
.mejs-container .mejs-layers .mejs-poster{
	z-index:0;
}
.mejs-container .mejs-layers .mejs-overlay-button{
	z-index: 9;
}
.mejs-container .mejs-layers .mejs-overlay-loading{
	z-index: 9;
}
.mejs-container .mejs-layers .mejs-overlay-error{
	z-index: 9;
}

/* mejs-overlay-loading
mejs-overlay-error 
mejs-overlay-play 
mejs-overlay */

.mejs-container .mejs-controls { 
	z-index: 3; /**/
}
.mejs-container-fullscreen {
	z-index: 10000 !important;
}
.mejs-container-fullscreen video{
	z-index:99999
}

.mejs-controls .mejs-captions-button .mejs-captions-selector{
	background:rgba(252, 252, 252, 0.7);
	border:1px solid #eeeeee;
	margin:0 5px 0 0;
}

/* admin box css________________________________________________________
#Mrmj-additional-ajax-layer.Mrmj_add_ListMediaPlayer_inline ... in page inline popup box
#Mrmj-additional-ajax-layer.Mrmj_add_ListMediaPlayer ... adminsection popup box
*/
#Mrmj-additional-ajax-layer{
top:40px;
display:none;
background-color:#ffffff;
border:1px solid silver;
z-index:1;
position:absolute;
height:85%;
width:95%;
min-width:750px;
margin-left:15px;
-webkit-box-shadow: 2px 3px 7px 5px rgba(41,40,41,0.5);
-moz-box-shadow: 2px 3px 7px 5px rgba(41,40,41,0.5);
box-shadow: 2px 3px 7px 5px rgba(41,40,41,0.5);
}

#Mrmj-additional-ajax-layer.Mrmj_add_ListMediaPlayer #admin_av_caption_editor_container  #cpte_subtitleTableHeader,
#Mrmj-additional-ajax-layer.Mrmj_add_ListMediaPlayer #admin_av_caption_editor_container  #cpte_subtitleTable
{
 width: 100%; 
}
#Mrmj-additional-ajax-layer.Mrmj_add_ListMediaPlayer_inline  #admin_av_caption_editor_container  #cpte_subtitleTableHeader{
/* min-width:750px; */
}
#Mrmj-addListMediaplayerForm .Mrmj-activebutton{
	border-color:#7f0a0a !important;
}

/* .ytp-chrome-top .ytp-watch-later-button-visible  .ytp-share-button-visible */
/* .ytp-chrome-top{
	display:none !important;
} */