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

/* ------ LOGIN ---------- */
body {
	background: url(../imagens/fundos/Beach-md.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
@media(max-width: 768px) {
	body {
	background: url(../imagens/fundos/Beach-sm.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
}
@media(min-width: 1200px) {
	body {
	background: url(../imagens/fundos/Beach-xl.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
}

.login-logo {
	/*margin-top: 3%;*/
	margin: 30px auto 30px auto;
}

.login {
  padding: 35px;
  max-width: 80%;
  margin: 30px auto 30px auto;
  background-color: rgba(0,0,0,0.35);border: solid 1px rgba(255,255,255,0.80);
  border-radius: 15px;
}
@media (max-width: 1000px){
	.login {
		max-width: 100%;
	}
	/*.col-login {
		padding-left: 0px;
		padding-right: 0px;
	}*/
}
/* ------------ icones do form ------------- */
.login .svg-inline--fa {
  margin-top: 16px;
	color: rgba(255,255,255,0.70);
}
/* ------------ Texto IBS do footer ------------- */
@media (max-width: 768px){
	.footer-id {
		padding-top: 30px;
		}
}
@media (min-width: 768px){
	.footer-id {
		text-align: right;
		}
}
/* FIM Texto IBS do footer */
.login .heading {
  text-align: center;
  margin-top: 1%;
}
.login .heading h2 {
  font-size: 2.5em;
  font-weight: 400;
  /*font-weight: 300;*/
  color: rgba(255, 255, 255, 0.9);
  display: inline-block;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9);
}
.login form input {
	text-shadow: 0px 0px 3px #000000;

}
@media (min-width: 768px){
	.login form input {
		font-size: 1.5em;
		font-weight: 200;

	}
}
.login form .input-group {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 10px;
}
.login form .input-group:last-of-type {
  border-top: none;
}
.login form .input-group:first-of-type {
  margin-top: 10px;
}
.login form .input-group span {
  background: transparent;
  /*min-width: 53px;*/
  border: none;
}
.login form .input-group span i {
  font-size: 1.5em;
  color: rgba(255, 255, 255, 0.8);
}
.login form input.form-control {
  /*display: block;*/
  /*width: auto;*/
  height: auto;
  border: none;
  outline: none;
  box-shadow: none;
  background: none;
  border-radius: 0px;
  /*padding: 10px;*/
  font-size: 1.6em;
  /*width: 100%;*/
  color: #ffffff;
}
.login form input.form-control:focus {
  border: none;
}
/* Cor do texto-placeholder */
.login form input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.8) !important;
}

.login form input:-moz-placeholder { /* Firefox 18- */
	color: rgba(255, 255, 255, 0.8) !important;
}

.login form input::-moz-placeholder {  /* Firefox 19+ */
	color: rgba(255, 255, 255, 0.8) !important;
}

.login form input:-ms-input-placeholder {  
	color: rgba(255, 255, 255, 0.8) !important; 
}
.login form button {
  margin-top: 40px;
  /*background:rgba(255,255,255,0.6);*/
  /*color: #9A0559;*/
  background:rgba(255,110,0,1.00);
  border: solid 1px rgba(255,255,255,0.60);
  font-size: 1.6em;
  font-weight: 500;
  padding: 5px 0;
  width: 100%;
  border-radius: 10px;
  color:rgba(255,255,255,0.80)
}
.login form button:hover {
  /*background:rgba(255,255,255,0.7);*/
  background:rgba(255,110,0,0.90);
  color:rgba(255,255,255,1.00);
  -webkit-animation: hop 1s;
  animation: hop 1s;
}

.float {
  display: inline-block;
  -webkit-transition-duration: 0.9s;
  transition-duration: 0.9s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
/*
.float:hover, .float:focus, .float:active {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}*/

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  .login {
    /*width: 600px;*/
    font-size: 1em;
  }
}
@media only screen and (max-width: 1100px) {
  .login {
    margin-top: 2%;
    /*width: 600px;*/
    font-size: 1em;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .login {
    margin-top: 1%;
    /*width: 550px;*/
    font-size: 1em;
    min-height: 0;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .login {
    margin-top: 0;
    /*width: 500px;*/
    font-size: 1.2em;
    min-height: 0;
  }
	.login-logo{
	max-width: 80%;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .login {
    margin-top: 0;
    /*width: 400px;*/
    font-size: 1em;
    min-height: 0;
  }
  .login h2 {
    margin-top: 0;
  }
  .login-logo{
	max-width: 60%;
  }
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  .login {
    margin-top: 0;
    /*width: 200px;*/
    font-size: 0.7em;
    min-height: 0;
  }
}
/* ------------- Mensagem de erro ----------------- */
.login form input.form-control.warning {
  border: 2px solid #FF0000 !important;
}
/* ------ FIM LOGIN ---------- */