body.login, body.register {
    background-color: #F0F8FF;
    padding-bottom: 120px;
}

/* Estilos para el formulario de inicio de sesión y registro */
body.login div#login form#loginform, body.register div#login form#loginform, body.login div#login form#registerform, body.register div#login form#registerform {
    border: 2px solid #333;
   /* padding: 20px;*/
    background-color: #F5D3E3;
    border-radius: 10px;
	margin-top: 100px;
	border-color: #F5D3E3;
	webkit-box-shadow: 1px 2px 11px 0px rgba(0,0,0,0.75);
moz-box-shadow: 1px 2px 11px 0px rgba(0,0,0,0.75);
box-shadow: 1px 2px 11px 0px rgba(0,0,0,0.75);
	display:absolute;
	width: 300px;
	
	height:280px;
	margin-left:-4%;
	
	
	
}

/* Estilos para etiquetas, texto y párrafos en el formulario */
body.login div#login label, body.register div#login label, p#reg_passmail {
    color: #3C434A; /* Cambia a tu color preferido */
	font-size: 15px;
}

/* Estilos para campos de entrada en el formulario */
body.login div#login form#loginform input, body.register div#login form#loginform input, body.login div#login form#registerform input, body.register div#login form#registerform input {
    border: 1px solid #8c8f94;
    margin-bottom: 15px;
	font-size: 22px;
}

/* Estilos para campos de entrada enfocados en el formulario */
body.login div#login form#loginform input[type="text"]:focus, body.login div#login form#loginform input[type="password"]:focus, body.register div#login form#registerform input[type="text"]:focus, body.register div#login form#registerform input[type="password"]:focus {
    border-color: #8c8f94;
}

/* Estilos para botones de envío en el formulario */
body.login div#login form#loginform p.submit input[type="submit"], body.register div#login form#loginform p.submit input[type="submit"], body.login div#login form#registerform p.submit input[type="submit"], body.register div#login form#registerform p.submit input[type="submit"] {
    background-color: #EC268F;
    color: #fff;
    text-shadow: none;
	font-size: 25px; /* Tamaño del texto */
   /* padding: 5px 10px; /* Ajusta el relleno interno para hacerlo más grande */
    border-radius: 10px; /* Esquinas redondeadas */
    border: 1px solid #EC268F; /* Borde alrededor */
	font-weight: bold;
}

/* Ocultar el mensaje de registro */
.notice.notice-info.message.register {
    display: none;
}

/* Estilos para la caja del mensaje personalizado */
.custom-message {
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    padding: 5px !important;
    margin: 20px 10px !important;
    border-radius: 5px;
}

/* Estilos para los enlaces en la página de inicio de sesión */
.login #backtoblog a, .login #nav a {
    color: #007DFC !important;
}

/* Estilos para los contenedores de inicio de sesión y registro */
.login-container, .register-container {
    margin-bottom: 20px !important;
}

/* Estilos para los enlaces dentro de los contenedores */
.login-container a, .register-container a {
    text-align: left;
    color: #007DFC;
}

/* Ocultar elementos predeterminados fuera del formulario de acceso en la página de acceso */
body.login p#nav, body.login p#backtoblog {
    display: none;
}

/* Ocultar elementos predeterminados fuera del formulario de acceso en la página de registro */
body.register p#nav a, body.register p#backtoblog a {
    display: none;
}

/*ESTILOS ENLACE A WHATSSAPP*/
#ncount{
	font-size: 15px;
}

#linkw{
	font-size: 15px;
	color: #EC268F;
}

#conatinerlink{
 
}
 

 
/*ESTILOS PARA DISPOSITIVOS MOBILES*/
@media (max-width: 768px) {
	body.login div#login form#loginform, body.register div#login form#loginform, body.login div#login form#registerform, body.register div#login 		form#registerform {
		border: 2px solid #F5D3E3;
		background-color: #F5D3E3;
		border-radius: 10px;
		margin-top: 100px;
		border-color: #F5D3E3;
		webkit-box-shadow: 1px 2px 11px 0px rgba(0,0,0,0.75);
		moz-box-shadow: 1px 2px 11px 0px rgba(0,0,0,0.75);
		box-shadow: 1px 2px 11px 0px rgba(0,0,0,0.75);
		width: 100%;
		height:270px;
		margin-left: -8%;


	}
/* Estilos para etiquetas, texto y párrafos en el formulario */
body.login div#login label, body.register div#login label, p#reg_passmail {
    color: black; /* Cambia a tu color preferido */
	font-size: 15px;
}

/* Estilos para campos de entrada en el formulario */
body.login div#login form#loginform input, body.register div#login form#loginform input, body.login div#login form#registerform input, body.register div#login form#registerform input {
    border: 1px solid #8c8f94;
    margin-bottom: 10px;
	font-size: 15px;
}
/*ESTILOS ENLACE A WHATSSAPP*/
#ncount{
	font-size: 15px;
}

#linkw{
	font-size: 15px;
	color: #EC268F;
}

}


/* Estilos para botones de envío en el formulario */
body.login div#login form#loginform p.submit input[type="submit"], body.register div#login form#loginform p.submit input[type="submit"], body.login div#login form#registerform p.submit input[type="submit"], body.register div#login form#registerform p.submit input[type="submit"] {
    background-color: #EC268F;
    color: #fff;
    text-shadow: none;
	font-size: 15px; /* Tamaño del texto */
   /* padding: 5px 10px; /* Ajusta el relleno interno para hacerlo más grande */
    border-radius: 10px; /* Esquinas redondeadas */
    border: 1px solid #EC268F; /* Borde alrededor */
}
