.glyphicon-rotacion-90{
    	  transform: rotate(90deg);
		}
		
		.btn {
		  text-shadow: none;
    	  box-shadow: none;
		}
				
		.btn-salir {
		  background-color: #abaeb3;
		  color:#ffffff;
		  text-shadow: none;
    	  box-shadow: none;
		}
		.btn-salir:hover {
		  background-color: #abaeb3;
		  border-color: #abaeb3;
		  color: #ffffff;
		}
		.btn-salir:focus {
		  background-color: #abaeb3;
		  border: none;
		  color:#ffffff;
		  outline: none !important;
		}
		.btn-salir:active,
		.btn-salir.active {
		  background-color: #abaeb3;
		  color:#ffffff; 
		}
		.btn-salir.disabled:hover,
		.btn-salir.disabled:focus,
		.btn-salir.disabled:active,
		.btn-salir.disabled.active,
		.btn-salir[disabled]:hover,
		.btn-salir[disabled]:focus,
		.btn-salir[disabled]:active,
		.btn-salir[disabled].active,
		fieldset[disabled] .btn-salir:hover,
		fieldset[disabled] .btn-salir:focus,
		fieldset[disabled] .btn-salir:active,
		fieldset[disabled] .btn-salir.active {
		  background-color: #abaeb3;
		  border-color: #abaeb3;
		}

		.btn-avl {
		  background-color: #6a6f76;
		  color:#ffffff;
		  text-shadow: none;
    	  box-shadow: none;
		}
		.btn-avl:hover {
		  background-color: #6a6f76;
		  border-color: #6a6f76;
		  color: #ffffff;
		}
		.btn-avl:focus {
		  background-color: #6a6f76;
		  border: none;
		  color:#ffffff;
		  outline: none !important;
		}
		.btn-avl:active,
		.btn-avl.active {
		  background-color: #6a6f76;
		  color:#ffffff; 
		}
		.btn-avl.disabled:hover,
		.btn-avl.disabled:focus,
		.btn-avl.disabled:active,
		.btn-avl.disabled.active,
		.btn-avl[disabled]:hover,
		.btn-avl[disabled]:focus,
		.btn-avl[disabled]:active,
		.btn-avl[disabled].active,
		fieldset[disabled] .btn-avl:hover,
		fieldset[disabled] .btn-avl:focus,
		fieldset[disabled] .btn-avl:active,
		fieldset[disabled] .btn-avl.active {
		  background-color: #6a6f76;
		  border-color: #6a6f76;
		}
	
		.glyphicon{
			font-size:4.5vmin;
		}
		
		@media (max-width: 330px)  {
			.btn {
				padding-left:7px;
				padding-right:7px;
			}
		}
		@media (max-height: 300px)  {
			.btn {
				padding-top:1px;
				padding-bottom:1px;
			}
		}
		
		* {
			-webkit-user-select: none; 
		    -moz-user-select: none; 
		    -ms-user-select: none; 
		    user-select: none;
 		} 
		
		body{
			height:100vh;
			margin:0;
			padding:0;
			overflow:hidden;
		}
		
        #page-mod-scorm-player
        { 
                padding-top:0px;
        }
        #page-content {
                padding-top: 0px ! important;
        }
        #scormtop {
                display:none;
        }
        #scorm_content {
                overflow:hidden;
        }
		#scorm_object{
			padding: 0;
			margin: 0;
			border: none;
			width: 100%;
            height: 100%;
		}
        /* CSS para reproductor ISPRING */
        #avlCajatexto { 
	 		display:none;
			z-index:100;
	 		box-sizing: border-box;
	 		position:absolute;
			-webkit-overflow-scrolling: touch;
	 		overflow-y: auto; 
	 		background: aliceblue; 
	 		padding: 2px 10px; 
	 		border-style:solid; 
	 		border-width:3px; 
			border-color:#6a6f76;
	 		text-align: justify;
			touch-action: pan-y;
 		} 
 		
		#avlCajatexto p {
			color: black ! important; 
			font-family: arial ! important; 
	 		font-size: 17px ! important; 
			display:inline;
			text-shadow: none;
			line-height: 1;
		}
		
		#avlCajatexto span {
			color: black ! important; 
			font-family: arial ! important; 
	 		font-size: 17px ! important; 
		}
	    
	    #avlCajatexto .bold {
			font-weight: bold; 
		}
	    		
		#avlCajatexto .nobold {
			font-weight: normal; 
		}         
			    		 
		#avlCajatexto .italic {
			font-style: oblique; 
		}         
	    
	    #avlCajatexto .noitalic {
    		font-style: normal;
		}
		
		#avlReturning{
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 2000;
			width: 100%;
			height: 100%;
			text-align: center;
		}
		
		#avlReturningText{
			position: absolute;
			top: 25%;
			left: 15%;
			right: 15%;
			padding: 15px;
			color: #6a6f76;
			background-color: white;
			border-radius: 20px;
			font-size: 4vh;
			font-family: 'arial';
			display: inline-block;
			border: 10px solid;
		}
		
		#avlMenuDiap{
			display: none;
			font-size: 20px;
			font-family: 'Arial';
			color: #FFFFFF;
			background-color: #abaeb3;
			padding: 0;
			border: 3px solid white;
			border-radius: 5px;
			cursor: pointer;
			position: absolute;
			z-index: 1100;
			max-width: 250px;
			min-width: 60px;
		}

		#falsoNext{
			position:absolute;
			width:100%;
			height:100%;
		}
		#next{
			position:relative;
		}
		
		#dialogoverlay{
			display: none;
			opacity: .8;
			position: fixed;
			top: 0;
			left: 0;
			background: #FFF;
			width: 100%;
			z-index: 2000;
		}
		#dialogbox{
			display: none;
			position: fixed;
			background: #000;
			border-radius:7px; 
			width:75%;
			z-index: 2000;
		}	                
		#dialogbox > div{ background:#FFF; margin:8px; }
		#dialogbox > div > #dialogboxhead{ background: #666; font-size:18px; padding:10px; color:#FFF; text-align:center;}
		#dialogbox > div > #dialogboxfoot{ background: #666; padding:10px; text-align:center; }	

		.claseArriba{
			display: none;
			position:fixed;
			top:0;
			left:0;
			height:3%;
			width:100%;
			background-color:#6a6f76;
			overflow: hidden;
		}
		.claseDerechaVertical{
			display: none;
			position:fixed;
			bottom:0;
			right:0;
			height:100%;
			width:10%;
			max-width:85px;
			background-color:#6a6f76;
			z-index:1;
			overflow:hidden;
		}
		.claseDerechaVertical #avlControl_1{
			width: 100%;
			position: absolute;
			top: 3%;
			padding-left:5%;
			padding-right:5%;
			z-index:1;
		}	   
		.claseDerechaVertical #avlControl_2{
			width: 100%;
			position: absolute;
			bottom: 2%;
			padding-left:5%;
			padding-right:5%;
		}
		.claseDerechaVertical .btn-margen-sup{
			margin-top:15px;
		}
		
		.claseDerechaHorizontal{
			display: none;
			position:fixed;
			bottom:0;
			right:0;
			height:12%;
			min-height: 50px;
			width:100%;
			background-color:#6a6f76;
			z-index:1;
		}
		.claseDerechaHorizontal #avlControl_1{	
			height: 100%;
			display: table;
			float: left;	
			margin-left:10px;
		}	   
		.claseDerechaHorizontal #avlControl_2{
			height: 100%;
			display: table;
			float: right;	
			margin-right:10px;	
		}
		.claseDerechaHorizontal #avlBotones_1, .claseDerechaHorizontal #avlBotones_2{	
			display: table-cell;
			vertical-align: middle;
		}
		.claseDerechaNoiSpring{
			position:fixed;
			top:5px;
			right:5px;
			width:10%;
			max-width:100px;
			background-color:transparent;
			z-index:1;
			overflow:hidden;
		}		
		.claseDerechaNoiSpring #avlControl_2, .claseDerechaNoiSpring #ir{
			display: none;
		}
		
		.claseDerechaNoiSpring #salir{
			visibility: hidden;
		}
		
		#conmutarFullscreen
		{
			display:none;
		}
		
		.claseDerechaFullscreen #ir,
		.claseDerechaFullscreen #notas,
		.claseDerechaFullscreen #recargar,
		.claseDerechaFullscreen #playPause
		{
			display:none ! important;
		}
		
		#botonContadorFull{
			display:none;
			cursor:move;
		}
		#avlContadorFull
		{
			font-size:1.7vmin;
    		font-weight: bold;
		    padding-right: 0;
		    padding-left: 0;
		    pointer-events: none;
		}
		
		.claseDerechaFullscreen#avlDerecha
		{
			border: 3px solid darkgrey ! important;
    		border-radius: 8px ! important;
		}
				
		.claseDerechaFullscreen #avlControl_2{
			bottom: 10px;
		}
		
		.claseAbajo{
			display: none;
			position:fixed;
			bottom:0;
			left:0;
			height:12%;
			min-height: 50px;
			width:100%;
			background-color:#6a6f76;
		}
		.claseIzquierda{
			display: none;
			position:fixed;
			top:0;
			left:0;
			height:100%;
			width:0.5%;
			background-color:#6a6f76;
		}
		.claseTitulo{
			float:left;
			font-size:2.5vh;
			font-family:'arial';
			text-shadow: none;
			color: #d7d9d5;
			margin-left:0.5%;
		}
		.claseContador{
			float:right;
			font-size:2.1vh;
			font-family:'arial';
			text-shadow: none;
			color: #d7d9d5;
		}
		.claseProgreso{
			display:none ! important;
			float:right;
			width: 10% ! important;
		}
 

[type='range'] {
  --range: calc(var(--max) - var(--min));
  --ratio: calc((var(--val) - var(--min))/var(--range));
  --sx: calc(.5*1.5em + var(--ratio)*(100% - 1.5em));
  margin: 0;
  padding: 0;
  width: 12.5em;
  height: 1.5em;
  background: transparent;
  font: 1em arial, sans-serif;
}
[type='range'], [type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}
[type='range']::-webkit-slider-runnable-track {
  box-sizing: border-box;
  border: none;
  width: 12.5em;
  height: 0.25em;
  background: #ccc;
}
.js [type='range']::-webkit-slider-runnable-track {
  background: linear-gradient(#95a, #95a) 0/ var(--sx) 100% no-repeat #ccc;
}
[type='range']::-moz-range-track {
  box-sizing: border-box;
  border: none;
  width: 12.5em;
  height: 0.25em;
  background: #ccc;
}
[type='range']::-ms-track {
  box-sizing: border-box;
  border: none;
  width: 12.5em;
  height: 0.25em;
  background: #ccc;
}
[type='range']::-moz-range-progress {
  height: 0.25em;
  background: #95a;
}
[type='range']::-ms-fill-lower {
  height: 0.25em;
  background: #95a;
}
[type='range']::-webkit-slider-thumb {
  margin-top: -0.625em;
  box-sizing: border-box;
  border: none;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: #f90;
}
[type='range']::-moz-range-thumb {
  box-sizing: border-box;
  border: none;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: #f90;
}
[type='range']::-ms-thumb {
  margin-top: 0;
  box-sizing: border-box;
  border: none;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: #f90;
}
[type='range']::-ms-tooltip {
  display: none;
}