body {
	background-color: #f0f0f0 !important;
}

#kt_app_header, #kt_app_sidebar {
	background-color: #f0f0f0 !important;
}

#kt_header_user_menu_toggle {
	width: 40px;
    height: 40px;
    background-color: #56BBE3;
    border-radius: 8px;
}

#avatar-photo-menu {
	width: 50px;
    height: 50px;
    background-color: #56BBE3;
    border-radius: 8px;
}

#avatar-photo-menu>div{
	text-align: center;
	font-size: 2.5em;
}

#profile-span {
	margin: auto;
}

#politica-privacidad {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	 min-height: 60px;
	max-height: 400px;
	color: #fff;
	z-index: 9900;
}

#kt_header_notifications_menu_toggle {
    width: 40px;
    height: 40px;
    background-color: #ad94e1;
    border-radius: 8px;
	
}

.notificacionActiva {
	animation: pulseBorder 1.5s ease-in-out infinite;
}

.notificacionActivaIcono {
	 animation: rotateBell 2s linear infinite;
}

.notificacionActivaBubble {
	animation: pulseBorderBubble 1.5s ease-in-out infinite;
}


/* Animación de rotación */
@keyframes rotateBell {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Animación del borde que cambia de color */
@keyframes pulseBorder {
  0% {
    box-shadow: 0 0 0 0 #ff0000;
    border-color: #ff0000;
  }
  50% {
    box-shadow: 0 0 10px 4px #fe0000;
    border-color: #fe0000;
  }
  100% {
    box-shadow: 0 0 0 0 #ff0000;
    border-color: #ff0000;
  }
}

@keyframes pulseBorderBubble {
   0% {
    box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.7);
    border-color: gold;
  }
  50% {
    box-shadow: 0 0 10px 4px rgba(255, 165, 0, 0.6);
    border-color: orange;
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.7);
    border-color: gold;
  }
}