.conteudo-login{
	display:table;
	position:fixed;
	top:0;
	right:150px;
	background-color:#FFF;
	width:450px;
	height:85%;
	padding: 70px;
}

	.conteudo-login .social-media{
		display: block;
		position: absolute;
		bottom:-50px;
		left:0;
		text-align: center;
		width:100%;
	}

		.conteudo-login .social-media a{
			display: inline-block;
			background-position: center center;
			background-size: 100% 100%;
			background-repeat: no-repeat;
			margin: 0 15px;
			height:30px;
			width:30px;
		}

		.conteudo-login .social-media a.instagram{
			background-image:url(../imagens/instagram.png);
		}

		.conteudo-login .social-media a.facebook{
			background-image:url(../imagens/facebook.png);
		}

		.conteudo-login .social-media a.twiter{
			background-image:url(../imagens/twiter.png);
		}

		.conteudo-login .social-media a.whatsapp{
			background-image:url(../imagens/whatsapp.png);
		}

.personagem-login{
	display: block;
	position: fixed;
	height:100%;
	left:0;
	width: calc(100% - 570px);
	background-image: url('../imagens/personagem-bg.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: auto 95%;
	z-index: 2;
}

.personagem-agendamento{
	display: block;
	position: fixed;
	height:100%;
	bottom:0;
	right:570px;
	width: 500px;
	background-image: url('../imagens/personagem-agendamento.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	z-index: 2;
}

.personagem-agendamento:before{
	content:'';
	position:absolute;
	display:block;
	right:-300px;
	bottom:-7px;
	width:300px;
	height:250px;
	background-image: url('../imagens/personagem-agendamento.png');
	background-position: bottom right;
	background-repeat: no-repeat;
}


.box-login{
  display:table-cell;  
  vertical-align: middle;
  position:relative;
}

		
	.box-login .titulo-box-login{
		display:block;
		text-align:center;
		margin-bottom:30px;
	}

		.box-login .titulo-box-login h1{
			color:#0F495F;
			font-weight: 500;
		}

			.box-login .titulo-box-login h1 span{
				color:#1EACCB;
			}

	.box-login .titulo-box-login-mini{
		width:100%;
		position:absolute;
		top:-15px;
	}		


.form-signin .form-signin-heading{
  margin-bottom: 20px;
  text-align:center;
}

form.form-signin input{
	border:none !important;
	box-shadow: 0 6px 8px 0 rgba(15, 73, 95, 0.1) !important;
	font-size:14px;
	margin-bottom: 25px;
}

form.form-signin input:focus {
    color: #1F93BE;
	box-shadow: 0 6px 8px 0 rgba(30, 172, 203, 0.3) !important;
}

form.form-signin .btn.autenticar,
form.form-signin .btn.submit-form{
	background-color: #1eb4d3;
	border-color:#1eb4d3;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	color:#FFF;
}

form.form-signin .btn.autenticar:hover,
form.form-signin .btn.submit-form:hover{
	background-color: #0F495F;
	border-color:#0F495F;
}


form.formRecuperarSenha{
	display: none;
}

.recuperar-senha,
.voltar-login{
	color:#1eb4d3 !important;
}

	.recuperar-senha:hover,
	.voltar-login:hover{
		color:#0F495F !important;
	}

.alertaMsg{
	padding:15px;
	box-shadow: 0 6px 8px 0 hsla(0,0%,51.4%,.1);
}
.separador-login{
	display: block;
	margin:20px 0 20px 0;
	height:1px;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(30, 172, 203,1) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(30, 172, 203,1) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(30, 172, 203,1) 50%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}

@media (max-width:768px){

	.personagem-login{
		display:none;
	}

	.conteudo-login{
		width:90%;
		right:5%;
		padding: 70px 50px;
	}

}