/* FORMULÁRIO DO LOGIN*/
.form {position: relative; z-index: 1; background: rgba(10,23,55,0.5); max-width: 300px; margin: 0 auto 0px; padding: 22px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; text-align: center; }

/* IMAGEM DO USUÁRIO*/
.form .thumbnail {background: #000000; width: 150px; height: 150px; margin: 0 auto 30px; padding: 30px 30px; border-top-left-radius: 100%; border-top-right-radius: 100%; border-bottom-left-radius: 100%; border-bottom-right-radius: 100%; box-sizing: border-box; }

.form .thumbnail img {display: block; width: 100%;}

/* CAMPOS DO FORMULÁRIO*/
.form input {outline: 0; background: #f2f2f2; width: 100%; border: 0; margin: 0 0 15px; padding: 15px; border-top-left-radius: 3px; border-top-right-radius: 3px;border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-sizing: border-box; font-size: 14px; font-family: 'Oswald', sans-serif;}

.form button {
  outline: 0;
  background: #A21F2D;
  width: 100%;
  border: 0;
  padding: 15px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #FFFFFF;
  font-size: 14px;
  transition: all 0.3 ease;
  cursor: pointer;
}

.ENTRAR[type=submit]{
       outline: 0;
  background: #A21F2D;
  width: 100%;
  border: 0;
  padding: 15px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #FFFFFF;
  font-size: 14px;
  transition: all 0.3 ease;
  cursor: pointer;
  font-family: 'Oswald', sans-serif;
}

.ENTRAR[type=submit]:hover{
        outline: 0;
  background: #A21F2D;
  width: 100%;
  border: 0;
  padding: 15px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #FFFF00;
  font-size: 15px;
  transition: all 0.3 ease;
  cursor: pointer;
  font-family: 'Oswald', sans-serif;
}

.form .message {
  margin: 15px 0 0;
  color: #ffffff;
  font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
 }
  a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFF00;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}

.form .register-form {
  display: none;
}

.container {
  position: relative;
  z-index: 1;
  max-width: 300px;
  margin: 0 auto;
}
.container:before, .container:after {
  content: "";
  display: block;
  clear: both;
}
.container .info {
  margin: 50px auto;
  text-align: center;
}
.container .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #1a1a1a;
}
.container .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.container .info span a {
  color: #000000;
  text-decoration: none;
}
.container .info span .fa {
  color: #EF3B3A;
}

/* END Form */
/* Demo Purposes */

.footer {
	position:absolute;
	bottom:8px;
	width:100%;
	height:60px;
	top: 91%;
	opacity:0.8;
	background-color:#FFFFFF;
			}
			
			body {
    overflow-Y: hidden;
    }

/*TABELA RESPONSIVA NA PÁGINA DO LOGIN*/

@media(max-width: 900px){
.table-resp thead {display: none;}
.table-resp tr {display: block; border-bottom: 0px solid #dce0e0; }
.table-resp tr td {width: 100%; display: block; text-align: center; border-bottom: 0px dotted #ccc;}
.table-resp tr td:last-child {border-bottom: 0;}
.table-resp tr td:before {content: attr(data-label); float: left; font-weight: bold; font-size: 12px;}