@charset 'UTF-8';                                                      
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/*ICONOGRAFIA*/
.vjs-icon-placeholder {display:inline-block;width:3.6rem;height:3.6rem;}
.vjs-icon-placeholder:after {font-family:'Material Icons';font-size:2.8rem;line-height:3.6rem;color:#fff;}
	.vjs-paused .vjs-play-control .vjs-icon-placeholder:after {content:'play_arrow';}
	.vjs-playing .vjs-play-control .vjs-icon-placeholder:after {content:'pause';}
	.vjs-fullscreen-control .vjs-icon-placeholder:after {content:'fullscreen';}
	.fullScreen .vjs-fullscreen-control .vjs-icon-placeholder:after {content:'fullscreen_exit';}
	.vjs-vol-0 .vjs-icon-placeholder:after {content:'volume_off';}
	.vjs-vol-1 .vjs-icon-placeholder:after {content:'volume_mute';}
	.vjs-vol-2 .vjs-icon-placeholder:after {content:'volume_down';}
	.vjs-vol-3 .vjs-icon-placeholder:after {content:'volume_up';}


.graphSF.SF2018 .vjs-big-play-button .vjs-icon-placeholder,
.graphSF.SF2019 .vjs-big-play-button .vjs-icon-placeholder,
.graphSF.SF2022 .vjs-big-play-button .vjs-icon-placeholder  {position:absolute;}


/*playlist*/
.player_container ol {list-style:none;}


/*cosas a ocultar*/
.graphSF.SF2018 .vjs-big-play-button,
.graphSF.SF2019 .vjs-big-play-button,
.graphSF.SF2022 .vjs-big-play-button {position:absolute;width:100%;height:100%;left:0;top:0;}

.graphSF.SF2018 .vjs-fluid,
.graphSF.SF2019 .vjs-fluid,
.graphSF.SF2022 .vjs-fluid {padding-top:0;}

.vjs-control-text,.vjs-time-control,.vjs-time-divider,.vjs-spacer,.vjs-time-tooltip {display:none;}


/*capas emergentes*/
.vjs-modal-dialog {width:100%;height:100%;}
.vjs-hidden {display:none;}


/*BARRA HERRAMIENTAS*/
.graphSF.SF2018 .vjs-control-bar,
.graphSF.SF2019 .vjs-control-bar,
.graphSF.SF2022 .vjs-control-bar {width:100%;background:rgba(0,0,0,0.33);display:inline-block;}

.graphSF.SF2018 .vjs-control.vjs-button,
.graphSF.SF2019 .vjs-control.vjs-button,
.graphSF.SF2022 .vjs-control.vjs-button {border:0.8rem solid transparent;}

.vjs-control-bar .vjs-control {float:left;}
.vjs-control-bar .vjs-fullscreen-control {float:right;}

.graphSF.SF2018 .vjs-control.vjs-button:focus,
.graphSF.SF2019 .vjs-control.vjs-button:focus,
.graphSF.SF2022 .vjs-control.vjs-button:focus  {width:auto;}


.vjs-control-bar,.vjs-load-progress,.vjs-modal-dialog {position:absolute;}
.graphSF.SF2018 .vjs-progress-control .vjs-slider > .vjs-mouse-display,.vjs-mouse-display,
.graphSF.SF2019 .vjs-progress-control .vjs-slider > .vjs-mouse-display,.vjs-mouse-display,
.graphSF.SF2022 .vjs-progress-control .vjs-slider > .vjs-mouse-display,.vjs-mouse-display {position:relative;}




.vjs-modal-dialog {left:0;top:0;}
.vjs-control-bar {left:0;bottom:0;}


.graphSF.SF2018 .vjs-mouse-display,
.graphSF.SF2019 .vjs-mouse-display,
.graphSF.SF2022 .vjs-mouse-display {left:auto !important;}


.vjs-load-progress {z-index:0;}
.vjs-mouse-display {z-index:1;}
.graphSF.SF2018 .vjs-control-bar,
.graphSF.SF2019 .vjs-control-bar,
.graphSF.SF2022 .vjs-control-bar {z-index:2;}


.graphSF.SF2018 .vjs-playing .vjs-poster,
.graphSF.SF2019 .vjs-playing .vjs-poster,
.graphSF.SF2022 .vjs-playing .vjs-poster  {z-index: -1;}