html, body{height:100%;width:100%;}



.body-login {height:100%;width:100%; background: white;}
.body-login .row {height:100%;width:100%;}
.body-login h1 {text-transform: uppercase;margin-bottom: -20px;font-weight: bold;color: white;}
.body-login h2 {text-transform: uppercase;color: white;}
.body-login .container {width: 100%;height: 100%; }
.login {width: 90%;max-width: 370px;font-size: 16px;background: white;border-radius:7px;padding-top: 25px;padding-bottom:25px;box-shadow: 4px 4px 25px #212121; margin-top: 50px;}
.login-header {font-size: 1.5em;font-weight: bold;text-align: center;color: #ff8700;}
.login p {padding:12px;margin-top: 0;margin-bottom: 0;}
.login #esqueceu {margin-top:-9%;margin-right: 2%;font-size: 1em;font-weight: normal;color: #9d1e82;float:right;}
.login #cadastro {position: absolute;margin-bottom:40px; margin-top:50px;font-size: 1.25em;font-weight: normal;color: #9d1e82;float:left;}
.login input[type="email"], .login input[type="password"] {
  display: block;
  width: 105%;
  height: 60px;
  color: white;
  background:#9d1e82;
  margin-left:5%;
  border-radius: 7px;
  border-color: transparent;
  font-size: 1.2em;
}
.login input[type="submit"] {
	box-sizing: content-box;
	position: relative;
	width:80%;
	height: 50px;
	left: -10%;
	text-align: right;
	padding-right: 20%;
	font-size: 1.5em;
	color: white;
	background:#ff8700;
	border-radius: 7px;
	margin-top: 5%;
	border-color: transparent;
  	text-transform: uppercase;
}
.login input[type="submit"]:hover {background: #f77f00;color:white;}
.login input[type="submit"]:focus {border-color: #498895;color:white;}

.login ::placeholder {color: white; opacity: 1;}/* Chrome, Firefox, Opera, Safari 10.1+ */
.login :-ms-input-placeholder {color: white;}/* Internet Explorer 10-11 */
.login ::-ms-input-placeholder { color: white;}/* Microsoft Edge */

.login a:link {color: #9d1e82;}
.login a:visited {color: #9d1e82;}
.login a:hover {color: #b32995;}
.login a:active {color: blue;}

#slideshow {position: relative;height: 130px;margin-bottom: 60px;}
#slideshow > div {position: absolute;top: 10px;left: 10px;right: 10px;bottom: 10px;}

@media (min-width:0px) {
	.col-esq {margin-top:20px;}
	.col-rgt {margin-top:40px;}
	.body-login h1 {font-size: 4.0em;}
	#slideshow {width: 330px;}

}

@media (min-width:576px) {
	.col-esq {margin-top:40px;}
	.col-rgt {margin-top:85px;}
	.body-login h1 {font-size: 4.0em;}
	.body-login h2 {font-size: 2.0em;}
	#slideshow {width: 400px;}
}

@media (min-width: 768px) {
	.col-esq {margin-top:40px;}
	.col-rgt {margin-top:60px;}
	.body-login h1 {font-size: 5.0em;}
	.body-login h2 { font-size: 2.5em;}
	#slideshow {width: 425px;}
}

@media (min-width: 992px) {
	.col-esq {margin-top:130px;padding-left: 10%;}
	.col-rgt {margin-top:80px;}
	.body-login h1 {font-size: 5.0em;}
	.body-login h2 {font-size: 2.5em;}
	#slideshow {width: 425px;}
	html {max-height: 600px;}
}

@media (min-width:1200px) {
	.col-esq {margin-top:160px;padding-left: 10%;}
	.col-rgt {margin-top:130px;}
	.body-login h1 {font-size: 6.0em;}
	.body-login h2 {font-size: 3.0em;}
	#slideshow {width: 500px;}
	html {max-height: 700px;}
}

@media (min-width:1600px) {
	.col-esq {margin-top:240px;padding-left: 10%;}
	.col-rgt {margin-top:210px;}
	.body-login h1 {font-size: 6.0em;}
	.body-login h2 {font-size: 3.0em;}
	#slideshow {width: 500px;}
	html {max-height: 800px;}
}

.validation-message {
    color: #b00f0f;
    font-weight: bold !important;
    font-size: 15px;
    margin-top: -5px;
    margin-bottom: 10px;
    padding: 5px;
}