@charset "utf-8";
/* CSS Document */

/* Layout */
/**********************/

/* Configuracoes Basicas */
html, body {
	height: 100vh;
	background:url('https://portal.ssparisi.com.br/prime/img/login_fundo.png'), radial-gradient(circle, rgba(78,185,227,0.8991246156665791) 0%, rgba(61,85,159,0.8963234952183998) 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}
#SubLogin {
	margin-top: 20px;
}
#login{
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	padding: 5% 0px;
	font-family: 'Play', sans-serif;
	text-transform: uppercase;
	color: #2280a8;
	border: 1px solid #2280a8;    
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
}

/* Itens de Formulario */
/**********************/

.btn-primary {
    background-color: #478ec5;
    border-color: #478ec5;
}

.btn-primary:hover {
    background-color: #3d559f;
    border-color: #3d559f;
}

/* Input */
input:invalid {
	border-bottom: 2px solid rgba(255,0,0,0.4); 
}
input:valid { 
	border-bottom: 2px solid rgba(0,153,0,0.6); 
}
input {
	border-top: none !important;
    border-left: none !important;
    border-right: none !important;
	background: none !important;
}
input {
	box-sizing: border-box;
	margin: 2em 0 1em;
	padding: 1em;
	border: 1px solid #ccc;
	background: #fff;
	resize: none;
	outline: none;
	display: inline !important;
}
input[required]:focus {
	border-color: #00bafa;
}
input[required]:focus + label[placeholder]:before,
input[required]:valid + label[placeholder]:before {
	transition-duration: .2s;
	transform: translate(0, -1.5em) scale(0.9, 0.9);
}
input[required]:invalid + label[placeholder][alt]:before {
 	content: attr(alt);
}
input[required] + label[placeholder] {
	display: block;
	pointer-events: none;
	line-height: 1em;
	margin-top: calc(-3em - 2px);
	margin-bottom: calc((3em - 1em) + 2px);
}
input[required] + label[placeholder]:before {
	content: attr(placeholder);
	display: inline-block;
	margin: 0 calc(1em + 2px);
	padding: 0 2px;
	white-space: nowrap;
	transition: 0.3s ease-in-out;
	background-size: 100% 5px;
	background-repeat: no-repeat;
	background-position: center;
}