/* Dashboard */
#alerta-clases{text-align: center; margin: 3% 0px; border: solid 1px #ccc;}
#alerta-clases h1.title-hero{padding: 5px; margin: 0px; font-size: 15px; color: #000; background-color: rgba(255,0,0,0.50);}
#alerta-clases h1.title-hero i{float: right; margin:0px 15px 0px; cursor: pointer; border: none !important;}
#alerta-clases h1.title-hero i.icon-minus{color: rgb(255, 0, 0);}
#alerta-clases h1.title-hero i.icon-plus{color: rgb(0, 128, 0);}
#alerta-clases table{text-align:center; border: solid 1px #ccc; font-size:13px !important;}
#alerta-clases p{margin: 5px;}

#resultados-pendientes{text-align: center; margin: 3% 0px; border: solid 1px #ccc;}
#resultados-pendientes h1.title-hero{padding: 5px; margin: 0px; font-size: 15px; color: #000; background-color: #ccc;}
#resultados-pendientes h1.title-hero i{float: right; margin:0px 15px 0px; cursor: pointer; border: none !important;}
#resultados-pendientes h1.title-hero i.icon-minus{color: rgb(255, 0, 0);}
#resultados-pendientes h1.title-hero i.icon-plus{color: rgb(0, 128, 0);}
#resultados-pendientes table{text-align:center; border: solid 1px #ccc; font-size:13px !important;}
#resultados-pendientes p{margin: 5px;}

#enunciados-pendientes{text-align: center; margin: 3% 0px; border: solid 1px #ccc;}
#enunciados-pendientes h1.title-hero{padding: 5px; margin: 0px; font-size: 15px; color: #000; background-color: #62e2a1;}
#enunciados-pendientes h1.title-hero i{float: right; margin:0px 15px 0px; cursor: pointer; border: none !important;}
#enunciados-pendientes h1.title-hero i.icon-minus{color: rgb(255, 0, 0);}
#enunciados-pendientes h1.title-hero i.icon-plus{color: rgb(0, 128, 0);}
#enunciados-pendientes table{text-align:center; border: solid 1px #ccc; font-size:13px !important;}
#enunciados-pendientes p{margin: 5px;}

#entregas-pendientes{text-align: center; margin: 3% 0px; border: solid 1px #ccc;}
#entregas-pendientes h1.title-hero{padding: 5px; margin: 0px; font-size: 15px; color: #000; background-color: #62a1e2;}
#entregas-pendientes h1.title-hero i{float: right; margin:0px 15px 0px; cursor: pointer; border: none !important;}
#entregas-pendientes h1.title-hero i.icon-minus{color: rgb(255, 0, 0);}
#entregas-pendientes h1.title-hero i.icon-plus{color: rgb(0, 128, 0);}
#entregas-pendientes table{text-align:center; border: solid 1px #ccc; font-size:13px !important;}
#entregas-pendientes p{margin: 5px;}


#informe-evaluaciones{text-align: center; margin: 3% 0px; border: solid 1px #ccc;}
#informe-evaluaciones h1.title-hero{padding: 5px; margin: 0px; font-size: 15px; color: #000; background-color: #c181e8;}
#informe-evaluaciones h1.title-hero i{float: right; margin:0px 15px 0px; cursor: pointer; border: none !important;}
#informe-evaluaciones h1.title-hero i.icon-minus{color: rgb(255, 0, 0);}
#informe-evaluaciones h1.title-hero i.icon-plus{color: rgb(0, 128, 0);}
#informe-evaluaciones table{text-align:center; border: solid 1px #ccc; font-size:13px !important;}
#informe-evaluaciones p{margin: 5px;}

#encuestas-iniciales{text-align: center; margin: 3% 0px; border: solid 1px #ccc;}
#encuestas-iniciales h1.title-hero{padding: 5px; margin: 0px; font-size: 15px; color: #000; background-color: #c181e8;}
#encuestas-iniciales h1.title-hero i{float: right; margin:0px 15px 0px; cursor: pointer; border: none !important;}
#encuestas-iniciales h1.title-hero i.icon-minus{color: rgb(255, 0, 0);}
#encuestas-iniciales h1.title-hero i.icon-plus{color: rgb(0, 128, 0);}
#encuestas-iniciales table{text-align:center; border: solid 1px #ccc; font-size:13px !important;}
#encuestas-iniciales p{margin: 5px;}


#encuestas-parciales{text-align: center; margin: 3% 0px; border: solid 1px #ccc;}
#encuestas-parciales h1.title-hero{padding: 5px; margin: 0px; font-size: 15px; color: #000; background-color: #c181e8;}
#encuestas-parciales h1.title-hero i{float: right; margin:0px 15px 0px; cursor: pointer; border: none !important;}
#encuestas-parciales h1.title-hero i.icon-minus{color: rgb(255, 0, 0);}
#encuestas-parciales h1.title-hero i.icon-plus{color: rgb(0, 128, 0);}
#encuestas-parciales table{text-align:center; border: solid 1px #ccc; font-size:13px !important;}
#encuestas-parciales p{margin: 5px;}


#encuestas-finales{text-align: center; margin: 3% 0px; border: solid 1px #ccc;}
#encuestas-finales h1.title-hero{padding: 5px; margin: 0px; font-size: 15px; color: #000; background-color: #c181e8;}
#encuestas-finales h1.title-hero i{float: right; margin:0px 15px 0px; cursor: pointer; border: none !important;}
#encuestas-finales h1.title-hero i.icon-minus{color: rgb(255, 0, 0);}
#encuestas-finales h1.title-hero i.icon-plus{color: rgb(0, 128, 0);}
#encuestas-finales table{text-align:center; border: solid 1px #ccc; font-size:13px !important;}
#encuestas-finales p{margin: 5px;}


#inicio-cursos{text-align: center; margin: 3% 0px; border: solid 1px #ccc;}
#inicio-cursos h1.title-hero{padding: 5px; margin: 0px; font-size: 15px; color: #000; background-color: rgba(255,255,0,0.80);}
#inicio-cursos h1.title-hero i{float: right; margin:0px 15px 0px; cursor: pointer; border: none !important;}
#inicio-cursos h1.title-hero i.icon-minus{color: rgb(255, 0, 0);}
#inicio-cursos h1.title-hero i.icon-plus{color: rgb(0, 128, 0);}
#inicio-cursos #semana-inicio-cursos{padding: 10px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
#inicio-cursos #inicio-cursos-container table{text-align:center; border: solid 1px #ccc; font-size:13px !important;}
#inicio-cursos #inicio-cursos-container p{margin: 5px;}

#fin-cursos{text-align: center; margin: 3% 0px; border: solid 1px #ccc;}
#fin-cursos h1.title-hero{padding: 5px; font-size: 15px; margin: 0px; color: #000; background-color: rgba(255,0,0,0.50);}
#fin-cursos h1.title-hero i{float: right; margin:0px 15px 0px; cursor: pointer; border: none !important;}
#fin-cursos h1.title-hero i.icon-minus{color: rgb(255, 0, 0);}
#fin-cursos h1.title-hero i.icon-plus{color: rgb(0, 128, 0);}
#fin-cursos #semana-fin-cursos{padding: 10px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
#fin-cursos #fin-cursos-container table{text-align:center; border: solid 1px #ccc; font-size:13px !important;}
#fin-cursos #fin-cursos-container p{margin: 5px;}

#recursos-compartidos{text-align: center; margin: 3% 0px; border: solid 1px #ccc;}
#recursos-compartidos h1.title-hero{padding: 5px; margin: 0px; font-size: 15px; color: #000; background-color: #ccc;}
#recursos-compartidos h1.title-hero i{float: right; margin:0px 15px 0px; cursor: pointer; border: none !important;}
#recursos-compartidos h1.title-hero i.icon-minus{color: rgb(255, 0, 0);}
#recursos-compartidos h1.title-hero i.icon-plus{color: rgb(0, 128, 0);}
#recursos-compartidos table{text-align:center; border: solid 1px #ccc; font-size:12px !important;}
#recursos-compartidos p{margin: 5px;}

#disponibilidad-docentes{text-align: center; margin: 3% 0px; border: solid 1px #ccc;}
#disponibilidad-docentes h1.title-hero{padding: 5px; margin: 0px; font-size: 15px; color: #000; background-color: #ccc;}
#disponibilidad-docentes h1.title-hero i{float: right; margin:0px 15px 0px; cursor: pointer; border: none !important;}
#disponibilidad-docentes h1.title-hero i.icon-minus{color: rgb(255, 0, 0);}
#disponibilidad-docentes h1.title-hero i.icon-plus{color: rgb(0, 128, 0);}
#disponibilidad-docentes table{text-align:center; border: solid 1px #ccc; font-size:13px !important;}
#disponibilidad-docentes p{margin: 5px;}

#disponibilidad-actualizada-docente{text-align: center; margin: 3% 0px; border: solid 1px #ccc;}
#disponibilidad-actualizada-docente h1.title-hero{padding: 5px; margin: 0px; font-size: 15px; color: #000; background-color: #ccc;}
#disponibilidad-actualizada-docente h1.title-hero i{float: right; margin:0px 15px 0px; cursor: pointer; border: none !important;}
#disponibilidad-actualizada-docente h1.title-hero i.icon-minus{color: rgb(255, 0, 0);}
#disponibilidad-actualizada-docente h1.title-hero i.icon-plus{color: rgb(0, 128, 0);}
#disponibilidad-actualizada-docente table{text-align:center; border: solid 1px #ccc; font-size:13px !important;}
#disponibilidad-actualizada-docente p{margin: 5px;}

#horas-dictadas-docente{text-align: center; margin: 3% 0px; border: solid 1px #ccc;}
#horas-dictadas-docente h1.title-hero{padding: 5px; margin: 0px; font-size: 15px; color: #000; background-color: #ccc;}
#horas-dictadas-docente h1.title-hero i{float: right; margin:0px 15px 0px; cursor: pointer; border: none !important;}
#horas-dictadas-docente h1.title-hero i.icon-minus{color: rgb(255, 0, 0);}
#horas-dictadas-docente h1.title-hero i.icon-plus{color: rgb(0, 128, 0);}
#horas-dictadas-docente table{text-align:center; border: solid 1px #ccc; font-size:13px !important;}
#horas-dictadas-docente p{margin: 5px;}

#feriados-pendientes{text-align: center; margin: 3% 0px; border: solid 1px #ccc;}
#feriados-pendientes h1.title-hero{padding: 5px; margin: 0px; font-size: 15px; color: #000; background-color: #ccc;}
#feriados-pendientes h1.title-hero i{float: right; margin:0px 15px 0px; cursor: pointer; border: none !important;}
#feriados-pendientes h1.title-hero i.icon-minus{color: rgb(255, 0, 0);}
#feriados-pendientes h1.title-hero i.icon-plus{color: rgb(0, 128, 0);}
#feriados-pendientes table{text-align:center; border: solid 1px #ccc; font-size:13px !important;}
#feriados-pendientes p{margin: 5px;}

.table{font-size: 12px !important;}
.table-alumos-grupo{text-align: center; font-size: 13px !important;}
.table-alumos-grupo tr td input{width: 25px; text-align: center;}
#sgc-table_wrapper, #sgc-table-alumnos_wrapper, #sgc-table-docentes_wrapper, #tabla-listado-alumnos_wrapper, #tabla-inscripciones_wrapper,
#sgc-table-grupos_wrapper, #sgc-table-clases_wrapper, #sgc-table-cursos_wrapper, #sgc-table-resultados_wrapper{overflow-x: scroll; }

.ui-tabs .ui-tabs-nav{background: #fff;	border: none; padding: 0px 4px;}
.no-click{background: #fff !important}

/* Alumnos */
#alumno-create .btn-success, #alumno-edit .btn-blue-alt{margin: 5px;}
#tabs-alumno #tabs-informacion,
#tabs-alumno #tabs-disponibilidad,
#tabs-alumno #tabs-cursos{padding: 10px 5px;} 

/* Docentes */
#docente-create .btn-success, #docente-edit .btn-blue-alt{margin: 5px;}
#tabs-docente #tabs-informacion,
#tabs-docente #tabs-disponibilidad,
#tabs-docente #tabs-cursos{padding: 10px 5px;} 


/* Clases */
.subtemas .panel-heading{padding: 1% 5% 1% 2%; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc;}
.subtemas .panel-body{padding: 1% 5% 1% 2%; border-bottom: solid 1px #eee;}
.subtemas .panel-body label{color: #3a4049; font-weight: normal;}
.subtema-dictado{border-bottom: solid 1px #ccc; color: #bbb; text-decoration: line-through;}
.subtema-dictado .fecha-dictado{float: right; margin-right: 20px; font-weight: normal; font-style: italic;}

/* Disponibilidad salones */
.disponibilidad_horaria table>tbody>tr>td{padding: 1px; position: relative;}

/* Colores de celdas segun tipo de clase del curso */
.clase-inicial{background-color: yellow !important;}
.clase-inicial .link{display: inline-block !important;}
.clase-inicial .link .label{color: #333 !important;}

.clase-regular{background-color: green !important;}
.clase-regular .link{display: inline-block !important;}
.clase-regular .link .label{color: #fff !important;}

.clase-final{background-color: red !important;}
.clase-final .link{display: inline-block !important;}
.clase-final .link .label{color: #fff !important;}

/* Tooltip celdas tabla */
.tooltip2{
	width: 200px; padding: 10px; background: #fff; border: 1px solid #ccc;
    box-shadow: 0 0 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    border-radius: 3px; -webkit-border-radius: 3px; position: absolute;
    bottom: 30px; right: -25px; z-index:100; display: none;
}
.tooltip2 p{color: #7e7e7e !important;}

.link{display: inline-block; opacity: 0;}
.link:hover + .tooltip2{display:block;}
.tooltip2:hover{display:block;}
.note{position: relative; width: 15%; float: right;}
.note a{position: relative; z-index: 999; width: 20px; opacity: 0;}
.note:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0; 
    height: 0; 
    display: block;
    border-left: 20px solid transparent;
    border-bottom: 20px solid transparent;    
    border-top: 20px solid grey;
}

/* Tooltip celdas Inasistencias alumnos */
.tooltip-faltas{
	width: 200px; max-height: 255px; padding: 10px; background: #fff; border: 1px solid #ccc;
    box-shadow: 0 0 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    border-radius: 3px; -webkit-border-radius: 3px; position: relative;
	bottom: 120px; right: 55px; z-index:100; color: #777; overflow-y:scroll;  display: none; 
}
.ttip .link{opacity: 1; color: #7e7e7e;}
#sgc-table-cursos_wrapper > .row{margin-top: 5%;}
/*.link{display: block; opacity: 1;}*/
.link:hover + .tooltip-container .tooltip-faltas{display:block;}



/* Resultados */
#resultados-edit input[type=number]::-webkit-inner-spin-button, 
#resultados-create input[type=number]::-webkit-inner-spin-button,
#resultados-edit input[type=number]::-webkit-outer-spin-button,
#resultados-create input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

/* Table Sorter */
table.tablesorter{font-family:arial; background-color: #CDCDCD;	margin:0px 0pt 15px; font-size: 13px; width: 100%; text-align: left;}
table.tablesorter thead tr th, 
table.tablesorter tfoot tr th{background-color: lightgreen; font-size: 13px; padding: 5px;}
table.tablesorter thead tr .header{background-image: url(../../imgs/bg.gif); background-repeat: no-repeat;	background-position: center right; cursor: pointer;}
table.tablesorter tbody td{color: #3D3D3D; padding: 4px; background-color: #FFF;}
table.tablesorter tbody tr.odd td{background-color:#F0F0F6;}
table.tablesorter thead tr .headerSortUp{background-image: url(../../imgs/asc.gif);}
table.tablesorter thead tr .headerSortDown{background-image: url(../../imgs/desc.gif);}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp{background-color: #8dbdd8;}


#tabla_detalles_alumnos{
    border:2px solid #ddd;
    width: 100%;
    margin:5px; 
}

#tabla_detalles_alumnos tr td{
    border:2px solid #ddd;  
    text-align: left;
    padding: 0.2em;
    padding-left: 1.2em;    
}

#tabla_detalles_alumnos tr th{
    border:2px solid #ddd;  
}

#tabla_detalles_alumnos th{
    font-weight: 700 !important;
    vertical-align: middle;
    text-align: center;
}

 span.red {
  background: red;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
  -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);  
  font-size: 12px; 
  position: absolute;
  margin-top: -24px;
  margin-left: 125px;
}




@media (max-width:768px){ 

.radiodia{
    margin-top: 60px !important;
    position: relative !important;
    margin-left: -238px !important;
}

.diasemanainput{
  position: absolute !important;
  margin-top: 55px !important;
  padding-left: 20px !important;
  margin-left: 20px !important;
}

}