@font-face {
font-family: Plaza-D-OT-Ultra;
src: url('../fonts/Plaza-D-OT-Ultra_35971.ttf');
}
.titulo-top {font-family:Plaza-D-OT-Ultra;color:black;font-style: italic;font-size: 20px;letter-spacing: 1px}
.tcenter{
 text-align: center;
}
.alertp{
	font-size: 14px;
    font-weight: bold;
}
.redtop{
	color:red;
	font-size: 18px;
	font-weight: bold;
}
.redtop2{
	color:red;
	font-weight: bold;
}
.redtopreg{
	color:red;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
}

.regbotom{
	color:black;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
}
.regbotom2{
	color:black;
	font-size: 20px;
}

.cajareg0{
	/*border: 2px solid black;*/
	/*background-color: #e95744;*/
	color: white;
	padding: 10px;
}
.capreg0{
	font-size: 20px;
	min-height: 70px;
}
.preureg0{
	color: black;
	font-size:20px;
	min-height: 50px;
	text-align:right;
}
.botonreg0{
	min-height: 50px;
}
.abotonreg0{
background: white;
width: 100%;
border: 1px solid black;
font-size: 20px;
}
.iconreg0{
font-size: 75px;
min-height: 120px;
}
.descreg0{
text-align: right;
padding-left: 20px;
}
.descreg0 ul{
 list-style-type: none;
 padding-left: 25px;
}

.txtreg0{
font-size: 20px;
color:black;
}


.cajareg1{
	background-color: #f9cec8;
	color: white;
	padding: 10px;
}
.capreg1{
font-size: 28px;
min-height: 70px;
line-height: 1;
}
.preureg1{
	color: black;
	font-size:20px;
	min-height: 50px;
}
.botonreg1{
	min-height: 50px;
}
.abotonreg1{
background: white;
width: 100%;
border: 1px solid black;
font-size: 14px;
text-transform: UPPERCASE;
}
.iconreg1{
font-size: 75px;
}
.descreg1{
 text-align:left;
 padding-left:40px;
}
.descreg1 ul{
 list-style-type: none;
 font-size:20px;
}

.txtreg1{
font-size: 15px;
}

.redtopregmv{
	color:red;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}
.regbotommv{
	color:black;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
}
.regbotommv2{
	color:black;
	font-size: 11px;
}


.cajareg2{
	background-color: #f19c8f;
	color: white;
	padding: 10px;
}
.capreg2{
font-size: 27px;
min-height: 70px;
line-height: 1;
}
.preureg2{
	color: black;
	font-size:20px;
	min-height: 50px;
}
.botonreg2{
	min-height: 50px;
}
.abotonreg2{
background: white;
width: 100%;
border: 1px solid black;
font-size: 14px;
text-transform: UPPERCASE;
}
.iconreg2{
font-size: 75px;
}
.descreg2{
 text-align:left;
 padding-left:40px;

}
.descreg2 ul{
 list-style-type: none;
 font-size:20px;
}

.txtreg2{
font-size: 15px;
}

.cajareg3{
	background-color: #e95744;
	color: white;
	padding: 10px;
}
.capreg3{
font-size: 27px;
min-height: 70px;
line-height: 1;
}
.preureg3{
	color: black;
	font-size:20px;
	min-height: 50px;
}
.botonreg3{
	min-height: 50px;
}
.abotonreg3{
background: white;
width: 100%;
border: 1px solid black;
font-size: 14px;
text-transform: UPPERCASE;
}
.iconreg3{
font-size: 75px;
}
.descreg3{
 text-align:left;
 padding-left:40px;

}
.descreg3 ul{
 list-style-type: none;
 font-size:20px;
}

.txtreg3{
font-size: 15px;
}


.cajareg4{
	background-color: #f9cec8;
	color: white;
	padding: 10px;
}
.capreg4{
font-size: 27px;
min-height: 70px;
line-height: 1;
}
.preureg4{
	color: black;
	font-size:20px;
	min-height: 50px;
}
.botonreg4{
	min-height: 50px;
}
.abotonreg4{
background: white;
width: 100%;
border: 1px solid black;
font-size: 14px;
text-transform: UPPERCASE;
}
.iconreg4{
font-size: 75px;
}
.descreg4{
 text-align:left;
 padding-left:40px;
}
.descreg4 ul{
 list-style-type: none;
 font-size:20px;
}

.txtreg4{
font-size: 15px;
}

.cajareg5{
	background-color: #f19c8f;
	color: white;
	padding: 10px;
}
.capreg5{
font-size: 20px;
min-height: 70px;
line-height: 1;
}
.preureg5{
	color: black;
	font-size:20px;
	min-height: 50px;
}
.botonreg5{
	min-height: 50px;
}
.abotonreg5{
background: white;
width: 100%;
border: 1px solid black;
font-size: 14px;
text-transform: UPPERCASE;
}
.iconreg5{
font-size: 75px;
}
.descreg5{
 text-align:left;
 padding-left:40px;

}
.descreg5 ul{
 list-style-type: none;
 font-size:20px;
}

.txtreg5{
font-size: 15px;
}


.iconreg{
color:white;
font-size:24px;
}
.cajaregmv1{
	background-color: #f9cec8;
	color: white;
	padding: 10px;
}
.capregmv1{
font-size: 24px;
min-height: 70px;
line-height: 1;
}
.preuregmv1{
	color: black;
	font-size:20px;
	min-height: 50px;
}
.botonregmv1{
	min-height: 50px;
}
.abotonregmv1{
background: white;
width: 100%;
border: 1px solid black;
font-size: 14px;
}
.descregmv1{
text-align: right;
padding-right: 10px;
}
.descregmv1 ul{
 list-style-type: none;
 font-size:20px;
}
.txtregmv1{
font-size: 15px;
color:black;
font-weight: bold;
}

.cajaregmv2{
	background-color: #f19c8f;
	color: white;
	padding: 10px;
}
.capregmv2{
font-size: 24px;
min-height: 70px;
line-height: 1;
}
.preuregmv2{
	color: black;
	font-size:20px;
	min-height: 50px;
}
.botonregmv2{
	min-height: 50px;
}
.abotonregmv2{
background: white;
width: 100%;
border: 1px solid black;
font-size: 14px;
}

.descregmv2{
text-align: right;
padding-right: 10px;

}
.descregmv2 ul{
 list-style-type: none;
 font-size:20px;
}

.txtregmv2{
font-size: 15px;
color:black;
font-weight: bold;
}



.cajaregmv3{
	background-color: #e95744;
	color: white;
	padding: 10px;
}
.capregmv3{
font-size: 24px;
min-height: 70px;
line-height: 1;
}
.preuregmv3{
	color: black;
	font-size:20px;
	min-height: 50px;
}
.botonregmv3{
	min-height: 50px;
}
.abotonregmv3{
background: white;
width: 100%;
border: 1px solid black;
font-size: 14px;
}
.iconregmv3{
font-size: 75px;
}
.descregmv3{
text-align: right;
padding-right: 10px;

}
.descregmv3 ul{
 list-style-type: none;
 font-size:20px;
}

.txtregmv3{
font-size: 15px;
color:black;
font-weight: bold;
}


.cajaregmv4{
	background-color: #f9cec8;
	color: white;
	padding: 10px;
}
.capregmv4{
font-size: 24px;
min-height: 70px;
line-height: 1;
}
.preuregmv4{
	color: black;
	font-size:20px;
	min-height: 50px;
}
.botonregmv4{
	min-height: 50px;
}
.abotonregmv4{
background: white;
width: 100%;
border: 1px solid black;
font-size: 14px;
}
.iconregmv4{
font-size: 75px;
}
.descregmv4{
text-align: right;
padding-right: 10px;
}
.descregmv4 ul{
 list-style-type: none;
 font-size:20px;
}

.txtregmv4{
font-size: 15px;
color:black;
font-weight: bold;
}

.cajaregmv5{
	background-color: #f19c8f;
	color: white;
	padding: 10px;
}
.capregmv5{
font-size: 24px;
min-height: 70px;
line-height: 1;
}
.preuregmv5{
	color: black;
	font-size:20px;
	min-height: 50px;
}
.botonregmv5{
	min-height: 50px;
}
.abotonregmv5{
background: white;
width: 100%;
border: 1px solid black;
font-size: 14px;
}

.descregmv5{
text-align: right;
padding-right: 10px;

}
.descregmv5 ul{
 list-style-type: none;
 font-size:20px;
}

.txtregmv5{
font-size: 15px;
color:black;
font-weight: bold;
}

/* menu portada usuarios */


.icon-dashboard{
	font-size: 50px;
}
.dashboardtit {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(206px, 1fr));
    gap: 10px;
	margin-bottom:5px;
	margin-top: 10px;
	font-weight: bold;
	font-size: 15px;
	background-color:#FFFFFF;
}
.hoverwhite{
	color: white;
}
.hoverblack{
	color: black;
}
.titcat1 
{
	background-color:#ffffff; 
	border-bottom: 3px solid #fbc085; /* Borde inferior naranja */

}
.titcat2 
{
	background-color:#ffffff ; 
	border-bottom: 3px solid #daffc6; /* Borde inferior verde */

}
.titcat3
{
	background-color:#ffffff ; 
	border-bottom: 3px solid #f4c0ef; /* Borde inferior rosa */

}

.titcat4
{
	background-color:#ffffff ; 
	border-bottom: 3px solid #80deea; /* Borde inferior azul */

}

.titcat99
{
	background-color:#ffffff ; 
	border-bottom: 3px solid red; /* Borde inferior azul */

}

.titcat-alert
{
	background-color: rgb(255, 240, 7) !important ; 

}

.titcat-alert2
{
	background-color: red !important ; 

}


.dashboardtit-item { 
  color: black;
  min-height: 30px;
  margin-left: 10px;
  margin-top: 10px;
}
.dashboard {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(103px, 1fr));
    gap: 5px;
}

.dashboard-item {
    /*background-color: #f0f0f0; /* Base color, adjust per item if needed */
    color: #333;
    text-align: center;
	font-size: 13px;
	padding-top: 10px;
    border-radius: 0px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	min-height: 105px;
	font-weight: bold;
}

.dashboard-icon {
    font-size: 40px;
    margin-bottom: -15px;
}

.dashboard-content h3 {
    margin: 0;
    font-size: 20px;
    color: #333;
}

.dashboard-content p {
    margin: 0;
    font-size: 14px;
    color: #666;
}

/* naranja
.dashboard .cats1 { background-color: #fe6140; !important; }
.dashboard .cat1 { background-color: #fe6140; !important; }
.dashboard .cat2 { background-color: #fe775a; !important; }
.dashboard .cat3 { background-color: #fd937d; !important; }a*/

/* naranja*/
.dashboard .cats1 { background-color: #fbc085; !important; }
.dashboard .cat1 { background-color: #fbc085; !important; }
.dashboard .cat2 { background-color: #fec994; !important; }
.dashboard .cat3 { background-color: #fdd2a8; !important; }

/*verde*/
.dashboard .cats2 { background-color: #daffc6; !important; }
.dashboard .cat4 { background-color: #daffc6; !important; }

.dashboard .cat5 { background-color:  #e8fedd; !important;}


/*rosa*/
.dashboard .cats3 { background-color: #f4c0ef;  !important;}
.dashboard .cat6 { background-color: #f4c0ef; !important;}
.dashboard .cat7 { background-color: #f7cff3; !important;}
.dashboard .cat8 { background-color: #fadff7; !important;}

/*azul*/
.dashboard .cats4 { background-color:#80deea;  !important;}
.dashboard .cat9 { background-color: #80deea; !important;}
.dashboard .cat10 { background-color: #b2ebf2 ; !important;}
.dashboard .cat11 { background-color: #e0f7fa; !important;}


.img-perfil{
	width: 130px;
    height: 130px;
    border-radius: 50%;
    padding: 0;
    object-fit: cover;
    object-position: center center;
}

a.perfil{
	color:black;
}

.icono-alert-perfil {
    background-color: red;  /* Fondo rojo */
    color: white;           /* Icono en color blanco para contraste */
    border-radius: 50%;     /* Hace el fondo completamente redondo */
    padding: 10px;          /* Espacio alrededor del icono */
    display: inline-flex;   /* Mantiene el ícono centrado */
    align-items: center;    /* Centra verticalmente el ícono */
    justify-content: center;/* Centra horizontalmente el ícono */
    width: 15px;            /* Tamaño específico del círculo */
    height: 15px;           /* Altura igual al ancho para un círculo perfecto */
    font-size: 16px;        /* Tamaño del ícono */
    box-sizing: border-box; /* Incluye padding en el cálculo del tamaño */
}

.icono-ok-perfil {
    background-color: green;  /* Fondo rojo */
    color: white;           /* Icono en color blanco para contraste */
    border-radius: 50%;     /* Hace el fondo completamente redondo */
    padding: 10px;          /* Espacio alrededor del icono */
    display: inline-flex;   /* Mantiene el ícono centrado */
    align-items: center;    /* Centra verticalmente el ícono */
    justify-content: center;/* Centra horizontalmente el ícono */
    width: 15px;            /* Tamaño específico del círculo */
    height: 15px;           /* Altura igual al ancho para un círculo perfecto */
    font-size: 16px;        /* Tamaño del ícono */
    box-sizing: border-box; /* Incluye padding en el cálculo del tamaño */
}
.horario {background-color: white;  padding-left: 15px;  color: black;font-weight: normal;}
.bgred_res {background-color: #ff000030; }
.bgyellow_res{background-color: #f7ff0030; }
.cat2 { background-color: #daffc6; !important; }
.cat3 { background-color: #fdd2a8 !important;}

.cat4 { background-color: #daffc6 !important;}
.cat4b { background-color:  #E1FFD2; !important;}
.cat5 { background-color:  #e8fedd; !important;}
.cat6 { background-color: #f4c0ef !important;}
.cat8 { background-color: #fadff7 !important;}
.cat3sub{background-color: #fdd2a85e !important;}
.cat11 { background-color: #e0f7fa; !important;}
.cat12 { background-color: #ffb39f !important;}

/*Acordeon items*/
.ac_bg1{background-color: white !important;}
.ac_bg2{background-color: #fdd2a85c !important;}

.aprox{background-color: #ffff00;}

/*Colores para celdas y gráficos*/
.td_verde1{background-color: #e8ffe8 !important;}
.td_verde2{background-color: #aff4af !important;}

.td_ama1{background-color: #ffff99 !important;}
.td_ama2{background-color: #ffff6b !important;}

.td_rojo1{background-color: #e9574433 !important;}
.td_rojo2{background-color: #ff6d5a !important;}

.imgtienda {  width: 180px;}

.tr_cat4{	background-color:#ffffff ; 
	border-top: 1px solid #80deea; /* Borde inferior azul */}

.bg_c_rojo{ background-color: #ff5c5c; !important; color:black;}
.bg_c_amarillo{ background-color: rgb(255, 248, 144); !important; color:black;}

/*Notificaciones*/
.notif-container {
    width: 100%;
}

.notif-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 10px;
}
.item {
    color: #646464; /* Color gris oscuro para notificaciones leídas */
}
.item a {
    text-decoration: none;
    color: #646464; /* Color gris oscuro para notificaciones leídas */
}

.item-no a {
    text-decoration: none;
    color: #000000; /* Negro para destacar notificaciones no leídas */
}

.item-no  {
    color: #000000; /* Negro para destacar notificaciones no leídas */
}

.notif-title {
    font-weight: bold;
    margin-bottom: 5px;
}

.notif-time {
	align-self: flex-end;
    font-size: 0.8rem;
	margin-bottom: 5px;
	margin-top: -25px;
}

.notif-text {
    font-size: 0.9rem;
    text-align: justify;
	width: 90%;
}
.header-notifications-list .notif-item:not(:last-child) {
    border-bottom: 1px solid #ccc; /* Color del separador */
 /* Espacio entre el separador y la siguiente notificación */
}
.header-notifications-list .notif-item + .notif-item {
    border-top: 1px solid #ccc; /* Aplica un borde superior al empezar cada notificación, excepto la primera */
}


.notif-header {
    text-decoration: none;  /* Remueve el subrayado */
    color: inherit;         /* Hereda el color del texto del elemento padre */
}