.alto_fijo_poriniciar{
  height: 380px!important;
}

.alto_fijo_enproceso{
  height: 380px!important;
}

.alto_fijo_terminados{
  height: 365px!important;
}

.label_obligatorio{
	color: #9B0000;
}

.red_p{
	color: #C71414;
}


.realizado{
	color: #77C406;
}

.sin_realizar{
	color: #DF2A03;
}

.por_iniciar{
	color: #FF9933;
}

 
.en_proceso{
	color: #15CE52;
}

.terminado{
	color: #33BBFF;
}

.img_curso{
  width: 100%;
  height: 110px;
}

.img_video{
  width: 100%;
  height: 150px;
}

.alto_fijo_video{
  height: 320px!important;
}

.marco_img{
  width: 100%;
  height: 110px;
  border: 1px;
  background-image: url('views/img/img_error.jpg');
}

.img_curso_info{
	z-index: -9999999999999!important;
	width: 100%;
  
}

.marco_info{
  width: 100%;
  height: 240px;
}
@supports(object-fit: cover){
    .marco_info img{
      height: 100%;
      object-fit: cover;
      object-position: center center;
    }
}

.marco_info>img{
  width: 100%;
  height: calc(100% - 60px);/*<-- Yo puse 60px porque más o menos es lo que mide la altura del título, pero tú coloca un número de pixeles que se ajuste*/
  object-fit: cover;  
  z-index: -9999999999999!important;
}


.img_curso_contenido{
  max-height: 100px;
}

.bg_contador {
  float: right;
  color: #FFFFFF;
  background-color: #D38F06;
  border-radius: 15px;
  font-size: 12px;
  margin-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

.bg_respuesta {
  color: #FFFFFF;
  background-color: #07B066;
  border-radius: 15px;
  font-size: 12px;
  margin-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

.bg_nota_a {
  float: right;
  color: #fff;
  background-color: #1AAE60;
  border-radius: 15px;
  font-size: 12px;
  margin-top: 3px;
  padding-left: 5px;
  padding-right: 5px;

}
.bg_nota_ns {
  float: right;
  color: #fff;
  background-color: #D31037;
  border-radius: 15px;
  font-size: 12px;
  margin-top: 3px;
  padding-left: 5px;
  padding-right: 5px;

}

.btn-resultados{
	color: #ffffff;
  background-color: #11b382;
}

.btn-const{
  color: #ffffff;
  background-color: #11b382;
}



/*PARA ICONO DE MODALES NO SATISFACTORIOS*/
.triste{
 color: #FB1B1B;
 font-size: 100px;
 padding-bottom: 10px;
 opacity: .5;
}


/*PARA ICONO DE MODALES DE EXITO*/
.feliz{
 color: #0DB51C;
 font-size: 100px;
 padding-bottom: 10px;
 opacity: .5;
}


#modalConstanciaError,#modalRealizado,#modalConcluido,#modalInscripcionError{
  text-align:center;
  color: #545454;
  font-size: 15px;
}

/*PARA ICONO DE MODALES DE ERROR*/
.error{
 color: #D3020F;
 font-size: 100px;
 padding-bottom: 10px;
 opacity: .5;
}


#modalPreguntasError{
  text-align:center;
  color: #545454;
  font-size: 15px;
}

/*.panel-pregunta > .panel-heading {
    background-image: none;
    background-color: #C6C3C2;
    color: #fff;
    border-color: #C6C3C2;

}*/

.label_constancia{
  color: #11B382;
}

.text-blue{
  color: #4285f3;
}

.text-yellow{
  color: #D19D01;
}

/*Ocultar estilo del encabezado y contenido de la columna de la tabla personal y usuarios(modal)*/
.idtb{
  display: none;
}