body,h1,h2,h3,h4,h5,h6 {font-family: "Times New Roman", Times, serif; }
body, html {height: 100%}
.bgimg {
  background-image: url('../images/fundo.png');
  background-repeat: no-repeat;
  min-height: 100%;
  background-position: center;
  background-size: 100% 100%;
}


.bgimgA {
  background-image: url('../images/bg.jpeg') ;
  background-repeat: no-repeat;
    background-attachment: fixed;
    /* e agora a regra de ouro que fará a imagem ocupar todo o viewport */
    background-size: 100% 100%;
}
/* Full-width input fields */
input[type=text], input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/* Set a style for all buttons */
button {
  background-color: #04AA6D;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

button:hover {
  opacity: 0.8;
}

/* Extra styles for the cancel button */
.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

/* Center the image and position the close button */
.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
  position: relative;
}

img.avatar {
  width: 40%;
  border-radius: 20%;
}

.container {
  padding: 16px;
}

span.psw {
  float: right;
  padding-top: 16px;
}

/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
     display: block;
     float: none;
  }
  .cancelbtn {
     width: 100%;
  }
}


.back {
  background: url("../images/sidebar.png") top center no-repeat;
  background-size: cover;
  position: relative;
}

.logo{
    width: 100%;
 }



.form-controle {
  width: 100%;
  height: 35px;
  padding: 0.175rem 0.35rem;
  font-size: 1rem;
  line-height: 1.3em;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #cecece;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
  .form-controle {
    transition: none;
  }
}

.form-controle::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-controle:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-controle::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-controle::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-controle:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-controle::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-controle::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-controle:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-controle:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-controle-file,
.form-controle-range {
  display: block;
  width: 100%;
}