@charset "UTF-8";

body{
    margin: 0px;
}
@media (min-width: 768px) {
	div.main-login-container{
	    background-color: #ededed;
	    padding: 75px 0px;
	}
}
@media (max-width: 768px) {
	div.main-login-container{
	    background-color: #ededed;
	    padding: 75px 0px;
	}
}

.main-login{
	border: solid var(--main-color) 2px;
    max-width: 300px;
    background-color: #FFFFFF;
    margin: 25px auto;
    overflow: hidden;
    padding: 25px;
}

@media (min-width: 768px) {
	.main-login{
	    padding: 100px auto;
	}
}

.main-login input[type='checkbox']{
	width: 15px;
}

.main-login input{
    line-height: 25px;
	width:100%;
}

div.main-login label{
	font-weight: bold;
    color: #4c4e56;
}
#iniciar{
    color: #fff !important;
    background-color: var(--secondary-color) !important;
    border: 1px solid transparent;
    line-height: 35px;
    font-size: 20px;
    cursor: pointer;
}
.login-field{
	margin-top:5px;
}

.login-button{
	margin-top:15px;
}

#result{
	width:100%;
	height:30px;
	color:red;
    margin-top: 15px;
}

.recovery{
	margin-top:15px;
	cursor: pointer;
    text-align: center;
	color: var(--secondary-color);
}
.recovery:hover{
	font-weight: bold;
}