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

body {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

header {
	background-color: #1447AD;
	color: #fff;
	padding: 20px;
	text-align: left;
	height: 50px;
}

nav ul {
	background-color: #444;
	margin: 0;
	padding: 0;
	list-style: none;
}

nav li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

nav a {
	display: block;
	color: #fff;
	padding: 20px;
	text-decoration: none;
}

nav a:hover {
	background-color: #555;
}

section {
	padding: 20px;
	font-size: 16px;
}

footer {
	background-color: #ccc;
	color: #333;
	padding: 20px;
	text-align: center;
	bottom: 0px;
}

select#cuota{
	height: 50px;
	width: auto;
	font-size: 15px;
	font-family: Verdana;
}

input#monto_manual{
	height: 25px;
	width: 200px;
	font-size: 20px;
	font-family: Verdana;
}

.notificaciones {
  display: none;
  position: absolute;
  width: 400px;
  height: 300px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  background-color: #fff;
  color: #6F6F6F;
  right: 20px;
 
}

.contenidoNotificaciones {
  padding: 10px;
}

.styled-button {
            background-color: #4CAF50; /* Verde */
            border: none; /* Sin borde */
            color: white; /* Texto blanco */
            padding: 15px 32px; /* Espaciado interno */
            text-align: center; /* Centrado del texto */
            text-decoration: none; /* Sin subrayado */
            display: inline-block; /* Bloque en línea */
            font-size: 16px; /* Tamaño de la fuente */
            margin: 4px 2px; /* Margen */
            cursor: pointer; /* Cursor de mano */
            border-radius: 12px; /* Bordes redondeados */
            transition-duration: 0.4s; /* Transición suave */
        }

        .styled-button:hover {
            background-color: white; /* Fondo blanco al pasar el ratón */
            color: #4CAF50; /* Texto verde */
            border: 2px solid #4CAF50; /* Borde verde */
        }