/*Imprimir salto de paginas para los examenes imprimidos*/


 /* Estilo para ocultar las listas internas inicialmente 
.collapsible {
    display: none;
    list-style-type: disc;
    padding-left: 20px;
}
/* Cursor en hover para los ítems que tienen listas internas 
.hasSublist {
    cursor: pointer;
    font-weight: bold;
}*/

/* Añade icono FA al ítem de "Incidencias" en el user menu. Añadida por mi*/
.dropdown-menu a[title="Incidencias"]::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f071"; /* exclamation-triangle*/
  margin-right: .5rem;
}

.nav-tabs li:nth-child(1) {
    background-color:  #dac1b1; /* Color de fondo para el primer ítem */
}

.nav-tabs li:nth-child(2) {
    background-color:  #DAF7A6; /* Color de fondo para el segundo ítem */
}

.nav-tabs li:nth-child(3) {
    background-color:  #f3e4bd; /* Color de fondo para el tercer ítem */
}

.nav-tabs li:nth-child(4) {
    background-color:  #e5d1f6; /* Color de fondo para el cuarto ítem */
}

.nav-tabs li:nth-child(5) {
    background-color: #f6d1de; /* Color de fondo para el cuarto ítem */
}

.nav-tabs .nav-link.active {
    color: #69804E;
    background-color: #F2F2F2;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

/* Añade más reglas si tienes más ítems en la lista */

.seccionUnidad_0{
    background-color: #EEBDBD;
}

.seccionUnidad_1{
    background-color: #AAEBEB;
}

.seccionUnidad_2{
    background-color: #DDF3AA;
}

.seccionUnidad_3{
    background-color: #F1F1F1;
}

/* las tres siguientes clases son para incrustar video en ifram*/
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Relación de aspecto 16:9 */
    height: 0;
    overflow: hidden;
}

/*.video-container {
    margin-top: -2.6em;
}*/

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


/*.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}*/


.ytp-impression-link {
  background: rgba(23,23,23);
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  bottom: 5px;
  height: 47px;
  position: absolute;
  display: none;
}


/*Es el div que va dentro de detall para sacar grupar los elementos del item
como link, image paragraf*/
.tituloModulo{
    background-color:#69804E; 
    color: #fff; 
    text-align: center;
}

.codigoModulo{
    float: left; 
    font-size: 0.85em; 
    margin-left: 5px
}

.horasModulo{
    float: right; 
    font-size: 0.85em; 
    margin-right: 5px
}

.divGrpEltOfEtiqueta{
    display: block;
    align-items: center; 
    justify-content: space-between;
    padding: 0 10px;
}

/*link para descargar abrir una actividad entrega, etc*/
.linkIntoItem{
    float: right;
    margin-left: 10px;
}

/*icon del link dentro de item linkIntoItem*/
.iconImgOfLink{
    width: 24px; 
    height: 24px; 
    cursor: pointer;
}

/*Es la informacion en paragrafo  que explica lo del item*/
.pInfOfItem{
    /* display: block; se ignora aqui, porque se aplica en el componente*/
    line-height: 1.5;
    padding: 5px;
    margin-bottom: 0px;
}

.pInfoItem_V2{
    border: 2px solid #333; 
    padding: 16px; 
    border-radius: 8px; 
    background-color: #f9f9f9; 
    font-family: Arial, sans-serif; 
    color: #333;
    line-height: 1.5;
    margin-bottom: 0px;
}

.lsItemsInEtiqueta{
    cursor: hand; 
    /*list-style-type: decimal; es manipulado en la lista*/
}

.lsInformacionEvaluaciones {
    margin-top: 0px;
    padding: 10px;
    list-style-type: square; 
    padding-left: 2.0em; 
    padding-top: 0em
}


/**/
.divObjetivoPrincipalUnidadSinRadius {
    background-color: #F3F8ED;
    border: 1px black solid; 
    width:auto;
    height:auto;
    padding: 0 15px; 
    margin: 5px;
}


/*Div de objetivo principal de la unidad o del trimistre*/
.divObjetivoPrincipalUnidad {
    background-color: #F3F8ED;
    border: 1px black solid; 
    width:auto;
    height:auto;
    padding: 0 15px; 
    margin: 5px;
    
    border-radius: 5px; 
}

.h4DivObjetivoPrincipalUnidad{
    color: #69804E;
    text-decoration: underline;
    font-size: 1.1rem;
    font-weight: bold;
}

.divObjetivoPrincipalUnidad h4{
    color: #69804E;
    text-decoration: underline;
    font-size: 1.1rem;
    font-weight: bold;
}


/**** Fin de todo lo nuevo par la version de moodle 3.9***/
/*Clase para deshabilitar el link*/
.isDisabled {
    color: #C6C6C6;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
    /*pointer-events: none;   No se porque no funciona, nisiquiera la accepta la ccs*/
}

.displayNone {
    display: none;
}

/*Es para quitar los circulos de la lista de menu en la barra left y deplazar los item un poco hacia la izquierda
Es para ajustar el menu de la barra later y quitarle el margen, y list-styel-type porque en la version moodle 3.2.8 se generan esos detalles en la barra
lateral
*/
ul.block_tree.list[role="tree"]{
    list-style-type: none;
    /*list-style: none outside;*/
    margin-left: 0em;
    padding-left: 0;
}

#dock li {
    list-style: none;
    padding-left: 0;
}


/* son los tooltip copiados desde w3schools que despliegan un hint arriba del objto para dar una descripcion*/
.tooltip {
  position: relative;
  display: inline-block;
 /* border-bottom: 1px dotted black;*/
}

.tooltip .tooltiptext {
  visibility: hidden;
  /*width: 120px;*/
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  	/* Position the tooltip */
  position: absolute;
  z-index: 1;
  
   /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;
  transition: opacity 1s;
}

.positionBottom{
  top: 100%;
  left: 50%;
  margin-left: -60px;
}

.positionTop{
  Bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

.positionLeft{
  	right: 100%; /* To the left of the tooltip */
  	
}

.positionRight{
  	left: 100%; /* To the left of the tooltip */
}

.tooltip:hover .tooltiptext {
  visibility: visible;
   opacity: 1;
}
/* fin de los tooltip copiados desde w3schools*/

.resultadoAprendizajeColor, .objetivoUndBgColor{
    background-color: #F3F8ED;  
}


.programationBgColor, .documentacionBgColor {
    background-color: #f0ffc2;
}

.resourceGlobalBgColor, .recursosGblBgColor {
    /*Resource global du prof*/
    background-color: #FFCCE0;
}

.resourceBgColor, .recursosUndBgColor {
    /*Resource local du prof*/
    background-color: #d6ecdf;
}


/*.objetivoUndBgColor{
    background-color: #e5ddcb;
}*/

.temarioUndBgColor, .temarioBlqBgColor{
    background-color: #b8c2a0
}

.theorieBgColor, .teoriaBgColor {
    background-color: #ffffc2;
}

.traveauxDirigeBgColor, .actividadessBgColor {
    background-color: #f0ffc2;
}

.traveauxPratiqueBgColor, .practicasBgColor {
    background-color: #d1dbc8;
}

.evaluationBgColor, .evaluacionesBgColor{
    background-color: #efe2bf;   
}

.autoevaluationBgColor, .recursosPrfBgColor {
    background-color: #F0F0D0;   
}

.resourceLocalBgColor{
    /*Resource local du prof*/
    background-color: #93F50C;
}

/*Coloreara el fondo de las parrafos que describen la informacion*/
.grisSuaveBgColor, .parrafoBgColor{
    background-color: #F2F2F2;   
}

/*Coloreara el fondo de las parrafos que describen la informacion*/



.detailsStyle {
    border: 1px black solid;
    border-radius: 5px;
    padding: 5px;
    display: block; 
    margin: auto; /*margin: 5px;*/
    margin-bottom: 10px;
    width: 99%;
}

.summaryTitle{
    width: fit-content;
    height: fit-content; 
    color: white;
    background-color: rgb(105, 128, 78);
    text-align: center;
    font-size: 1.2em;
    font-weight: bold; 
    padding: 0 10px;
    border-radius: 3px;
}

.sumarryStyle{
    border-radius: 0.2em 0.2em 0em 0em; 
   /* border: thin solid rgb(243, 248, 237); */
    border-image: none; text-align: left; 
    color: rgb(0, 0, 0); 
    cursor: pointer;
}

.txtDetails{
    width: 98%; 
   /* margin-left: 27px;
    margin-top: -27px;*/
}

.txtSumarry {
    /*border-style:solid;  
    border-color:#C7E0F4; 
    border-width:thin; */ 
    cursor:pointer;  
    text-align:left;
/*	background:-webkit-linear-gradient(#BBBCCC,#C7E0F4,#C7E0F4,#C7E0F4); 
	background:#F3F8ED;
	background:-webkit-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,30,121,0.9808298319327731) 36%, rgba(0,212,255,1) 100%); 
	background:#F3F8ED;*/
	padding:0.5%;  
	color:#000000;  
	border-radius:0.2em 0.2em 0em 0em;
}

.txtSpan {
    font-weight:bold; 
    color:#69804E; 
    vertical-align: middle  
}

.fichierLink {
    float:right; 
    width: 90px;
    color:blue; 
    cursor:pointer; 
    padding:2px;
    border:1px red solid;
    z-index:150
}

.txtLinkResum {
    border:groove; 
    font-weight:normal; 
    margin-bottom: 2px; 
    padding: 0 5px;
}
/*Classe para oculata a los alumnos y permitir a lo profes ver*/
/* Mostrar elementos accesshide solo para profesores y administradores */
/* Ocultar para todos por defecto */

/*Fin*/