body{
	background-image:url("../images/fondos/fondo_login.png");
    background-repeat: no-repeat;
	background-position: top;
    background-size: cover;
	background-attachment: fixed;
}

.pt-2{
	padding-top:2em;
}

.content-login {
    padding-top:10em;
}

.body-login{
	color:#000;
	padding:2em;
}

.img-login{
	width: 100%;
	height:auto;
}

.form-login{
	
}

.label-loguin{
	font-size:  12.5px; 
	color:  #000;
	opacity:  .8;
	font-weight:  400; 
}

.input-login {
	 font-size: 16px;
	 padding: 20px 0px;
	 height: 56px;
	 border: none;
	 border-bottom: solid 1px rgba(0, 0, 0, .1);
	 background: #fff;
	 width: 280px;
	 box-sizing: border-box;
	 transition: all 0.3s linear;
	 color: #000;
	 font-weight: 400;
	 -webkit-appearance: none;
}
.input-login:focus {
	 border-bottom: solid 1px #b69de6;
	 outline: 0;
	 box-shadow: 0 2px 6px -8px rgba(182, 157, 230, .45);
}
 .floating-label {
	 position: relative;
	 margin-bottom: 10px;
	 width: 100%;
}
 .floating-label label {
	 position: absolute;
	 top: calc(50% - 17px);
	 left: 0;
	 opacity: 0;
	 transition: all 0.3s ease;
	 padding-left: 60px;
}
 .floating-label input {
	 width: calc(100% - 44px);
	 margin-left: auto;
	 display: flex;
}
 .floating-label .icon {
	 position: absolute;
	 top: 0;
	 left: 0;
	 height: 60px;
	 width: 44px;
	 display: flex;
}
 .floating-label .icon i {
	 height: 30px;
	 width: 30px;
	 margin: auto;
	 opacity: 0.15;
	 transition: all 0.3s ease;
	 font-size: 1.4em;
}
.floating-label .icon i {
	 transition: all 0.3s ease;
}
 .floating-label input:not(:placeholder-shown) {
	 padding: 20px;
}
 .floating-label input:not(:placeholder-shown) + label {
	 transform: translateY(-10px);
	 opacity: 0.7;
}
 .floating-label input:valid:not(:placeholder-shown) + label + .icon i {
	 opacity: 1;
}
 .floating-label input:valid:not(:placeholder-shown) + label + .icon i {
	 fill: #b69de6;
}
 .floating-label input:not(:valid):not(:focus) + label + .icon {
	 animation-name: shake-shake;
	 animation-duration: 0.3s;
}
 @keyframes shake-shake {
	 0% {
		 transform: translateX(-3px);
	}
	 20% {
		 transform: translateX(3px);
	}
	 40% {
		 transform: translateX(-3px);
	}
	 60% {
		 transform: translateX(3px);
	}
	 80% {
		 transform: translateX(-3px);
	}
	 100% {
		 transform: translateX(0px);
	}
}

.forgot{
	color:#383737;
	font-weight:bold;
}

.forgot:hover,.forgot:active,.forgot:focus{
	color:#383737;
	text-decoration:none;
}

.btn-login{
	margin-top:2em;
	border:2px solid #53582f;
	background-color:transparent;
	opacity:0.8;
	font-weight:bold;
	color:#53582f;
}

.btn-login:hover,.btn-login:active,.btn-login:focus{
	color:#53582f;
	opacity:1;
	border:3px solid #53582f;
}

.title-login{
	color: #000;
    font-size: 4rem;
	font-family: 'Higuen';
}

.text-login{
	color: #000;
    font-size: 1em;
}


@media (max-width: 1399.98px) {	

}

@media (max-width: 1300px) {	

}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {

}

@media (max-width: 575.98px) {
	.img-flor{
		width:10rem;
		height:auto;
	}
	
	.img-hoja{
		width:5rem;
		height:auto;
	}

}

@media (max-width: 400px) {

}

@media (max-width: 360px) {
	
}