@CHARSET "UTF-8";
/*
Free Html5 Responsive Templates
Author: Kimmy
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Reset--------------------- */

/* -------------------------------------------- */
/* ------------------Font---------------------- */

/*Add your font at here*/

/* -------------------------------------------- */
/* ------------------Style--------------------- */
.block02 .tabla .calendario_educacion .semana .tabla_semana  
tbody tr td {
	float: left;
	width: 11%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 5px;
	font-size: 12px;
}
/* -------------------------------------------- */
/* ------------------Header-------------------- */
header #logo_vpd img {
	float: left;
	margin: 27px 20px;
	height: 65px;
	cursor: pointer;
}
.buzon_alertas_caja{
  	display: grid;
  	margin: 10px;
  	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
 	grid-gap: 25px;
}

.buzon_alertas_elemento{
	border: 2px solid;
	border-radius: 5px;
  	padding: 20px;
  	position: relative;
}
.buzon_alertas_elemento:hover{
	background-color: #F3F3F3;
}
.notificacion_alerta_ss{
	position:absolute;
	top:-20px;
	right:-20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color:#FF0000;
	color: white;
	text-align: center;
	font-weight: 600;
	font-size: 15px;
}
.buzon_alertas_elemento img{
	width: 100px;
	margin:auto;
    display:block;
}
.buzon_alertas_elemento p{
	font-size: 20px;
	text-align: center;
}
.indicador-school { 
  position: absolute;
  right: 10px;  
  background-color: red;
  border-radius: 50%;
  font-size: .9rem;
  width: 14px;
  height: 14px;
  padding: 5px;
  color: white
}
.indicador-school span{ 
	top: -5px;
    position: relative;
    font-weight: 600;
}
/* -------------------------------------------- */
/* ------------------Navigation---------------- */

/* -------------------------------------------- */
/* ------------------Content------------------- */
.divAlertasSC {
	padding: 30px !important;
}
.listado_alertas_cont {
    max-height: 400px;
    overflow-y: auto;
}
/* Clase para el h1 */
.titulo-listado {
    font-size: 1.5em;
    color: #333; /* Cambia el color según tu preferencia */
}

/* Clase para los li con estilo de tabla */
.lista-tabla {
    list-style-type: none;
    padding: 10px;
    margin: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.lista-tabla:hover {
    background-color: #f5f5f5; /* Cambia el color según tu preferencia */
}
/* -------------------------------------------- */
/* ------------------Footer-------------------- */

/* -------------------------------------------- */
/* ------------------Components-------------------- */