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

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
 
body {
    margin: 50px auto;
    text-align: center;
    width: 800px;
	background: url(https://carga.alistamientodiario.com/administracion/images/carga.jpg) no-repeat center center fixed;
    background-size: cover;
	
	
	
    
}

.btn-login-false{
	font-size: 18px; /* Cambiar el tamaño de la tipografia */
	/*text-transform: uppercase;  Texto en mayusculas */
	font-weight: bold; /* Fuente en negrita o bold */
	color: #ffffff; /* Color del texto */
	border-radius: 5px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: rgba(255,0,4,0.81); /* Color de fondo */
	padding: 18px 30px; /* Relleno del boton */
	position: fixed;
	top: 130px;
	right: 40px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
	font-family: 'Varela Round', sans-serif;
}


.login-false{
	color: red;
}

 
h1 {
    font-family: 'Passion One';
    font-size: 2rem;
    text-transform: uppercase;
}
 
label {
    width: 150px;
    display: inline-block;
    text-align: left;
    font-size: 1.5rem;
    font-family: 'Lato';
}
 
input {
    border: 2px solid #ccc;
    font-size: 1.5rem;
    font-weight: 100;
    font-family: 'Lato';
    padding: 10px;
	font-family: 'Varela Round', sans-serif;
	border-radius: 10px;
	 
}
 

input.empty {
    font-family: FontAwesome, 'Varela Round', sans-serif ;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

form {
   /* margin: 25px auto;*/
	
    padding: 20px;
    border: 5px solid #ccc;
    /*width: 500px;*/
    background: #eee;
	width: 100%;
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
 
div.form-element {
    margin: 20px 0;
}
 
button {
    padding: 10px;
	width: 250px;
    font-size: 1.5rem;
    font-family: 'Lato';
    font-weight: 100;
    background: #00A859;
    color: white;
    border: none;
	border-radius: 10px;
	font-family: 'Varela Round', sans-serif;	
}
 
p.success,
p.error {
    color: white;
    font-family: lato;
    background: yellowgreen;
    display: inline-block;
    padding: 2px 10px;
}
 
p.error {
    background: orangered;
}