body{
	background-color:#fff;
	//background-image: url(../images/fondos/bg-black.jpg);
    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{
	background-color: rgba(255,255,255,0.8);
    border-radius: 10px;
	color:#000;
	padding:2em;
	box-shadow:1px 1px 10px #eee;
}

.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;
	background-color:#e26295;
	opacity:0.8;
	color:#fff;
}

.btn-login:hover,.btn-login:active,.btn-login:focus{
	color:#fff;
	opacity:1;
}

.title-login{
	color: #000;
    font-size: 1.7em;
}

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