@charset "utf-8";
/* CSS Document */

h2.bienvenida{
	color:#96b66d;
	}

ul.lista_curso_activos_usuario{
	padding-left:30px;
	
	}

#etiqueta_documentacion{
	padding-left:10px;
}

.titulo_pagina h3{
	text-transform:uppercase;
}

td.Activo{
	color:#063;
}

td.Desactivado{
	color:#900;
}

.contenedor_videos{
	background:#eee;
	padding:10px;
	display:flex;
}

.contenedor_video{
	
	width:49%;
	margin:auto;
}

/*Buscador*/
.buscador{
	background:#eee;
	padding:7px 4px;
	display:flex; 
	margin-bottom:5px;
	border-radius:7px;
}

input.cuadro_busqueda{
  width: 300px;
  border: none;
  color: #96b66d;
  margin-left:7px;
}

input.cuadro_busqueda:hover{
  border:1px solid #96b66d;
}

.boton_1{
	border:none;
	font-weight:700;
	color:#ff6900;
	padding:2px 4px;
	border-radius:8px;
	border:1px solid #ccc;
	margin-left:7px;
	margin-right:7px;
}

/*buscador*/



/*Creacion Curso*/

input.preguntas,respuesta{
	border:none;
	border-bottom:1px solid #ccc;
}

input.respuesta{
	border:none;
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
}


.etiqueta_pregunta{
	font-size:14px;
	font-weight:700;
}

.etiqueta_respuesta{
	text-transform:uppercase;
	font-size:14px;
}

.etiqueta_nombre{
	
	font-size:16px;
	text-transform:uppercase;
	
}


h5.titulo_pregunta{
	
	cursor:pointer;
}

h5.titulo_pregunta:hover{
	color:#96B66D;
}


.titulo_pregunta{
	
	font-size:14px;
	font-weight:700;
}

.campo_nombre{
	font-size:18px;
}

.campo_descripcion{
	font-size:13px;
	
}


.pregunta_edicion{
   padding: 5px 0 5px 0;
   width:50%;

}

.respuestas{
	padding-left:16px;
	
}

.bloque_preguntas{

    display:flex;
	padding:15px 0 15px 0;	
}

.respuesta_correcta{
	padding-top:7px;
}

.contenedor_aviso{
	display: flex;
    justify-content: center;
    align-items: center;
	background:#96b66d;
	padding:15px 0 15px 0;
}

.contenedor_aviso_interno{
	 margin: 0 auto;
}

.titulo_aviso_creacion_curso{
	font-size:20px;
	color:#ffffff;
	text-transform:uppercase;
}

.nombre_aviso_creacion_curso{
	font-size:15px;
	color:#ffffff;
}

.fila_formulario{
	padding:10px;
}

.campo_formulario{
	width:90%;
	padding-left:5px;
}

.subir_imagenes{
	padding:7px;
	display:flex;
}

.aviso_informacion, .aviso_ok, .aviso_error{
	display:flex;
	flex-wrap: no-wrap;
}


.aviso_ok > h5{
	font-weight:600;
}

.avisos_error{
	border:1px solid #F00;
}

.aviso_informacion > h5{
	padding-left:10px;
	padding-top:10px;
	font-weight:500;
	text-transform:uppercase;
	color:#ffb16a;
	font-size:15px;
}

.aviso_informacion a{
	padding-left:15px;
	padding-top:10px;
	font-weight:600;
	text-transform:uppercase;
	color:#ffb16a;
}

.aviso_informacion a:hover{
	padding-left:15px;
	padding-top:10px;
	font-weight:600;
	text-transform:uppercase;
	color:#96B66D;
}

.dashicons-info{
	font-size:35px;
	color:#ffb16a;
}


.aviso_ok > h5{
	padding-left:15px;
	padding-top:10px;
	font-weight:400;
	font-size:14px;
	text-transform:uppercase;
	color:#96b66d;
}

.dashicons-saved{
	font-size:35px;
	color:#96b66d;
}

.titulo_pregunta  {
     font-size:14px;
}

.nombre_curso{
	font-weight:700;
	text-transform:uppercase;
}

.descripcion_curso{
	padding-left:12px;
}

.documentos_subidos{ 
	padding:15px;
	display:flex;
	width:100%;
	flex-wrap: wrap;
}
.enlace_documento{
	padding-right:15px;
}

.item_documento{
	width:90%;
    padding: 5px;
    margin-right: 7px;
	margin-top:5px;
    border: 1px solid #093;
    border-radius: 10px;
    background: #eee;
}


.contenedor_boton{
	padding:7px 0 7px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

.imagen_portada_curso{
	  border-bottom:2px solid #ffc896;
	  margin-bottom:7px;
	  text-align:center;
	  width:100%;
	
}

.contenedor_portada_cursos{
	display:flex;
	flex-wrap: wrap;
}


.presentacion_curso{
	width:33%;
	padding:20px;
	border-bottom:1px solid #eee;
}

h4.titulo_curso_presentacion{
	font-weight:600;
	text-transform:uppercase;
	padding-top:10px;
}

.descripcion_curso_presentacion{
	text-align:justify;
}

.ir_al_curso{
	width:50%;
	margin-top:5%;
}

.ir_al_curso > a{
	padding:5px;
	border:2px solid #96B66D;
	border-radius:8px;
	text-transform:uppercase;
}

.ir_al_curso > :hover{
	background:#eee;
}

.no_login_curso > h5{
	color:#900;
	font-size:15px;
	margin-top:10px;
}

#activar_descarga{
	display:none;
}

.activa_curso > a{
	border: 1px solid #093;
	padding:15px;
	border-radius: 10px;
	background:eee;
	
}

.descargar_documentacion{
	padding:10px;
	
}

.descargar_documentacion > a{
	color:#ffb16a;
	padding:7px;
	text-transform:uppercase;
	font-weight:500;
}

.descargar_documentacion > a:hover{
	background:#eee;
	border:1px solid #ffb16a;
	border-radius:10px;
}

.respuestas_curso{display:flex;}

.boton_accion a:hover{
	color:#eee;
}

.curso_aprovado{
   display:flex;
   font-size:14px;
   padding:10px 7px 10px 7px;
   background:#eee;
}

.curso_aprovado a{
   color:#96B66D;
   font-weight:600;
   width:50%;
   text-transform:uppercase;
}

.curso_aprovado a:hover{
  color:#000000;
}

.resultado{
	padding-left:20px;
	width:50%;
	text-align:right;
	color:#000000;
	text-transform:uppercase;
	font-weight:600;
}

.numero_cursos{
	text-align:right;
	font-weight:600;
}

.panel_crear_curso{
	padding:10px;
}

.mensaje_aviso_control_imagen{
	padding:10px;
	color:#F00;
	font-size:16px;
}

/*Botones*/
.boton_formacion_1 {
	border: none;
	font-weight: 600;
	color: #ff6900;
	padding: 5px 10px;
	border-radius: 8px;
	border: 1px solid #ccc;
	margin-left: 7px;
	margin-right: 7px;
	cursor:pointer;
	font-size:16px;
}
/*botones*/

/*Iconos*/
.dashicons-arrow-up-alt2::before{
	font-size:25px;
	position: relative;
    top: -7px;
}

.dashicons-arrow-down-alt2::before{
	font-size:25px;
	position: relative;
    top: -7px;
}
/*iconos*/

.contenedor_categorias{
	display:flex;
	flex-wrap:wrap;
	padding-top:10px;

}

.check_categoria{
	
	width:20%;
 
}

.contenedor_categorias label{
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  color:#000;
}

td.lista_categorias_gestion{
	font-size:12px;
}

h4.aviso_curso{
	padding:10px 10px 10px 10px;
	color:#F00;
}

span.mensaje_activa_curso{

   font-size:11px;
   color:#F00;
	
}

/*Query*/
@media (max-width: 600px) {
  .contenedor_portada_cursos{
	display:flex;
	flex-wrap: wrap;
	flex-direction: column;
   }
   
   .presentacion_curso{
	width:auto;
	padding:20px;
	border-bottom:1px solid #eee;
   }
}