@charset "UTF=8";

/*
    Version : 1.0
    Authors : Derian Gutierrez, J David

    Copyright &#169 All rights Reserved


    RESPONSIVE GUIDE:   (max-width: 992px) FOR ANYTHING LOWER THAN iPAD SIZE (768px x 1024px)
                        (max-width: 700px) FOR ANY PHONE SCREEN SIZE (BIGGER THAN 300px x 800px)

*/

* {
	font-family: arial;
}

body {
	background-image: url('images/login-background.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	display: flex;
	min-height: 100vh;
}

.cont {
	width: 420px;
	height: auto;
	margin: 0 auto;
}

.logo {
	width: 100%;
	height: auto;
}

.logo-img{
	margin: 10rem auto 0 auto;
	width: 360px;
	height: 110px;
}


.form {
    margin: 0 auto;
}

form {
	margin: 90px auto;
	width: 360px;
	background: #469eb2;
	padding: 25px;
	border-radius: 10px;
	height: 226px;
}

h2 {
	text-align: center;
	margin-bottom: 30px;
	color: white;
}

input {
	display: block;
	width: 135px;
	margin: 10px auto;
	font-size: 10pt;
	height: 20px;
	text-align: center;
	border-radius: 25px;
	border: 1px solid #1f4c55;
}

.img-input {
	height: 45px;
	width: 45px;
	margin: 25px auto 40px auto;
}

input[type=text], input[type=password] {
	color: #469eb2;
}

input[type="image"] {
	display: inline-block;
	width: 100%;
    height: 100%;
    margin: 0 auto;
	border: 0;
	cursor: pointer;
}

input#image.img-top {
	display:none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

input[type="image"].img-top:hover {
	display: inline;
}

.pass-toggle {
	height: 20px;
	/* width: 15px; */
	float: right;
	z-index: 3;
	right: 20%;
	top: -30px;
	position: relative;
	cursor: pointer;
}
@media (max-width: 700px) {
	form{
		/* width: 75%; */
	}
}

@media (max-width: 380px) {
	form {
		width: 95%;
	}
}