/*
Este archivo contiene las clases CSS de las páginas utilizadas
en la plataforma de los estudiantes
*/

/* Archivos generales */
body{
	background-color: #eee !important;	
}

a#hideMenu:hover{
	color:#F0810F !important;
}
#sideNav{
	width: 50vh !important;
	padding-right: 0px !important;
	z-index: 999 !important;
}	
#btn-containt{
	z-index: 998 !important;
}

/*FIX MENU SIDE*/

@media (max-width: 1400px) {
	#sideNav{
		display: none;
		position: absolute;
		bottom:0px;
		top:0px;
		min-height: 100%;			  
	 }
	 #btn-containt{
		display: block;
	 }
	 #sideNav.show {
	  	display: block;
	 }			
	 #btn-containt.hide {
		display: none;
	 }		
}
		
@media  (min-width: 1401px){
	#sideNav{
		display: block;
	}
	#btn-containt{
		display: none;
	}			
	#sideNav.hide {
	  	display: none;
	}	
	#btn-containt.show {
	  	display: block;
	}	
}
		
#hideMenu{
	padding-right:5px !important;
}

/*FIN FIX MENU*/

/******************************************************/
/********** PTL ESTUDIANTE - informacion-general PAGE */
/*
.cls-plt{
			width:100% !important;
		}

		.responsive-style{
			display:none !important;
		}
		.responsive-nav{
			display:none !important;
		}
		.custom-nav{
			display:none !important;
		}
		#js-header .u-header__section .container{
			max-width: 100% !important;
		}
		@media (pointer:none), (pointer:coarse) {
			.u-sidebar-navigation-v1-inner{
				background: white;
				display:none;
			}
			.custom-nav{
				display:block !important;
			}
			.desktop-style{
				display:none !important;
			}
			
			.responsive-style{
				display:block !important;
			}
			.responsive-nav{
				display:block !important;
			}
		}
			*/	
.progress-bar{
	background-color: #F0810F !important;
}
		/*
		.vh-content{
			height: calc(100vh - 67px) !important;
		}
		*/
main {
	height: calc(100% - 67px) !important;
}

.icon-user-inner{
	background-color: #8b8b8c !important;
}
.bakg-progress{
	background-color: #ddd !important;
}		
.text-estudiante{
	color: #29386b !important; 
}
.text-por{
	color: #000 !important; 
}
.text-curso-miembro{
	color: #8b8b8c !important; 
}
.coursum-content{
	min-height:100% !important;
}
.coursum-inner-content{
	height:100% !important;
}		

/******************************************************/
/********** PTL ESTUDIANTE - informacion-general PAGE */

.btn-completar-recurso{
	background-color: #444 !important;
	color: #FFF !important;
	border: 1px solid #444 !important;
	letter-spacing: 0px !important;
	font-weight: 500 !important;
}

.btn-completar-recurso:hover{
	background-color: #555 !important;
	color: #FFF !important;
	border: 1px solid #555 !important;
}

.video-js .vjs-big-play-button{
	background-color: #000 !important;
}

/*.video-js .vjs-control-bar, .video-js .vjs-big-play-button, .video-js .vjs-menu-button .vjs-menu-content{*/
.video-js .vjs-control-bar, .video-js .vjs-menu-button .vjs-menu-content{
	background-color: #29386b !important;
}

.vjs-control-bar{
	font-size: 13px !important; 
	color: #FFF !important;
}

.video_btn, .icon-play-style{
	color: #FFF !important;
}
		
.video_btn:hover{
	background-color: #29386b !important;
	color: #FFF !important;
}
		
.video_btn:hover i {
	color: #FFF !important;
}

.btn-completado{
	background-color: #feca09;
	color: #444444;
	border: 1px solid #555;
	font-weight: 800;
}

.btn-completado:hover{
	background-color: #555;
	color: #FFFFFF;
	border: 1px solid #555;
	font-weight: 800;
}

.dropdown-toggle::after{
	display: none !important;	
}
		
.u-btn-outline-primary:hover{
	background-color: #555 !important;
	color: #FFF !important;
}
		
.u-btn-outline-primary:focus, .u-btn-outline-primary.active{
	background-color: #555 !important;
	color: #FFF !important;
}
		
.g-brd-primary--hover:hover, .g-brd-primary--active.active{
	border: 1px solid #444 !important;
	color: #FFF !important;
}
		
li.has-sub > ul.sub-menu > li > a:hover, a:active{
	color: #FFF !important;
}
/*		
a:hover, a:active{
	color: #555 !important;
}
	*/	
.dropdown-item{
	color: #444 !important;
	font-weight: 500;
}
		
.dropdown-item:focus, .dropdown-item:hover{
	color: #444 !important;
}
	
.g-brd-primary--hover{
	color: #444 !important;
}

.rec-opciones-bar{
	border-bottom: 1px solid #ffffff !important; 
	background-color: #d1d1d1 !important; 
	margin-right: 0px !important; 
	margin-left: 0px !important; 
	padding-right: 0px !important; 
	padding-left: 0px !important;
}