html{
	background-image: url("../imagens/login/wall3.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.demo {
	position: relative;
	margin-left: 30%;
	margin-right: 30%;
	margin-top: -4%;
	width: 40%;
	height: 45rem;
}

.login {
	position: relative;
	height: 70%;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0.33) 85%, rgba(255,255,255,0) 93%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(1%, rgba(255,255,255,0.99)), color-stop(85%, rgba(255,255,255,0.33)), color-stop(93%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0.33) 85%, rgba(255,255,255,0) 93%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0.33) 85%, rgba(255,255,255,0) 93%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0.33) 85%, rgba(255,255,255,0) 93%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0.33) 85%, rgba(255,255,255,0) 93%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fd27a', endColorstr='#7fd27a', GradientType=0 );
	border-radius: 67px 67px 67px 67px;
	-moz-border-radius: 67px 67px 67px 67px;
	-webkit-border-radius: 67px 67px 67px 67px;
	border: 0px solid #000000;
}

.login__check {
	
	margin-top: 50px;
}

.login__input {
  display: inline-block;
  box-sizing: content-box;
  padding: 10px 20px;
  border: 1px solid #b7b7b7;
  border-bottom-width: 0;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font: normal 14px/normal "Times New Roman", Times, serif;
  color: rgba(0,142,198,1);
  width: 50%
}

@media screen and (max-width: 768px) {
    .demo {
    	position: relative;
    	margin-top: 1%;
    	margin-left: 5%;
    	width: 10%;
		height: 45rem;
    }
    html{
    	background-image: url("../imagens/login/wall_mob.png");
    	background-repeat: no-repeat;
    	background-size: cover;
    	background-color: #FFFFFF;
    	background-size: none;
    }
    .login {
    margin-top: -150px;
    margin-left: 8x;
    position: relative;
	height: 500px;
	width: 300px;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0.33) 85%, rgba(255,255,255,0) 93%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(1%, rgba(255,255,255,0.99)), color-stop(85%, rgba(255,255,255,0.33)), color-stop(93%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0.33) 85%, rgba(255,255,255,0) 93%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0.33) 85%, rgba(255,255,255,0) 93%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0.33) 85%, rgba(255,255,255,0) 93%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0.33) 85%, rgba(255,255,255,0) 93%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fd27a', endColorstr='#7fd27a', GradientType=0 );
	border-radius: 67px 67px 67px 67px;
	-moz-border-radius: 67px 67px 67px 67px;
	-webkit-border-radius: 67px 67px 67px 67px;
	border: 0px solid #000000;
	}
	.login__check {
	
	margin-top: 50px;
	width: 200px;
	
	}
	
	.login__input {
	  display: inline-block;
	  box-sizing: content-box;
	  padding: 10px 20px;
	  border: 1px solid #b7b7b7;
	  border-bottom-width: 0;
	  -webkit-border-radius: 20px;
	  border-radius: 20px;
	  font: normal 14px/normal "Times New Roman", Times, serif;
	  color: rgba(0,142,198,1);
	  width: 300px;
	  text-align: center; 
	  border-radius:16px; 
	  background-color: #f0f8ff;
	}

}

.login.inactive {
  	opacity: 0;
 	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}


.headerDivider {
	border-right:1px solid #38546d; 
    height:350px;
    right:249px;
    top:10px; 
}

.title{ color: #7c795d; font-family: 'Trocchi', serif; font-size: 28px; font-weight: bold; line-height: 48px; margin: 0; }
.subitens{color: #7c795d; font-family: 'Trocchi', serif; font-size: 18px; font-weight: normal; line-height: 25px; margin: 0; }
.message{ color: #7c795d; font-family: 'Trocchi', serif; font-size: 14px; margin: 0; text-align: right; }


hr.style1{
	border-top: 1px solid #8c8b8b;
}

.BorderLess{
	border: 0;
}

.forty-percent {
	width: 40%;
}

.five-percent {
	width: 5%;
}

.sixty-percent {
    width: 60%;
}

.hundred-percent {
    width: 100%;
}


.verticalLine {
    border-left: thick solid #ff0000;
}

.login__form {
	height: 100%;
}

.login__row {
  height: 5rem;
  padding-top: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.login__icon {
  margin-bottom: -0.4rem;
  margin-right: 0.5rem;
}

.login__icon.name path {
  stroke-dasharray: 73.50196075439453;
  stroke-dashoffset: 73.50196075439453;
  -webkit-animation: animatePath 2s 0.5s forwards;
          animation: animatePath 2s 0.5s forwards;
}

.login__icon.pass path {
  stroke-dasharray: 92.10662841796875;
  stroke-dashoffset: 92.10662841796875;
  -webkit-animation: animatePath 2s 0.5s forwards;
          animation: animatePath 2s 0.5s forwards;
}


.login__submit {
  position: relative;
  width: 100%;
  height: 2.7rem;
  margin: 3rem 0 2.2rem;
  color: rgba(255, 255, 255, 0.8);
  background: #FF3366;
  font-size: o.5rem;
  border-radius: 3rem;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: width 0.3s 0.15s, font-size 0.1s 0.15s;
  transition: width 0.3s 0.15s, font-size 0.1s 0.15s;
}

.login__signup {
  font-size: 1rem;
  color: gray;
}

.login__signup a {
  color: #fff !important;
  cursor: pointer !important;
}

.login__signup a:visited {
  color: #fff !important;
  cursor: pointer !important;
}

.logo_ib {
	position: absolute;
	left: 85%;
	top:2%;
}

/* .ui-inputtext { */
/* 	width: 70%; */
/* 	padding: 0px; */
/* 	background-color: white; */
/* 	border: none; */
/* 	margin: 10px; */
/* } */

/* .ui-password { */
/* 	width: 70%; */
/* 	padding: 0px; */
/* 	background-color: white; */
/* 	border: none; */
/* 	margin: 10px; */
/* } */