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

  background-repeat: no-repeat;
  background-position: bottom;
  background-attachment: fixed;
  background-size: cover;
  background-image: url('../img/site/background-site.jpg?ver=2');



  background-color: #deb95e!important;
}


#header{
  background: linear-gradient(360deg, #113e09 0%, #368757 100%);

}

#menu {
  background-color: white;
}

#row-1 .container{


}

#row-2{
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  min-height: 1954px;
  background-image: url('../img/site/bk-row-2.jpg');

}
#row-2 .box-verde{
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;

  background-image: url('../img/site/box_verde.jpg');
}





#title {
  font-weight: bold;
  margin-top: 20px;
}

#sub-title {
  font-size: 0.8em;
  margin-bottom: 20px;
}



input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s !important;
  -webkit-text-fill-color: #000 !important;
  background-color: transparent !important;
  background-image: none !important;
}


select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s !important;
  -webkit-text-fill-color: #000 !important;
  background-color: transparent !important;
  background-image: none !important;
}

#login-form .campo input {
border:none;
  /* text-align: center; */
  width: 100%;
  background-color: transparent;
}

#login-form .campo select {
  border:none;
  /* text-align: center; */
  width: 100%;
  background-color: transparent;
}


#login-form .botao {
  margin-top: 4px;
  width: 100%;
}
#login-form .botao input {
  border: none;
  background: #96d4f1;
  color: #4b425c!important;
  font-size: 17px;
  width: 100%;
  border-radius: 20px;
  height: 40px;
  padding-top: 10px!important;
}
#login-form .botao input:hover {
  background: #86bcd6;
}


.close-modal {
  right: -10px!important;
}


.aviso_concluido {
  position: fixed;
  top: 50%;
  right: 50%;
  margin-right: -150px;
  margin-top: -60px;
  width: 300px;
  text-align: center;
  font-size: 17px;
  border-radius: 7px;
  padding: 25px;
  background: #FFF;
  box-sizing: border-box;
  box-shadow: 7px 10px 3px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.bg-red{ background-color: #fac08e !important; color: #4b425c!important;}
.bg-orange{ background-color: #fcd286 !important ; color: #4b425c!important;}


@media only screen and (max-width: 800px) {
  form {

    width: 80%!important;
    min-width: 200px;

  }
}

.login-with-google-btn {
  transition: background-color .3s, box-shadow .3s;
    
  padding: 12px 16px 12px 42px;
  border: none;
  border-radius: 3px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
  
  color: #757575;
  font-size: 14px;
  font-weight: 500;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
  background-color: white;
  background-repeat: no-repeat;
  background-position: 12px 11px;
  
  &:hover {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
  }
  
  &:active {
    background-color: #eeeeee;
  }
  
  &:focus {
    outline: none;
    box-shadow: 
      0 -1px 0 rgba(0, 0, 0, .04),
      0 2px 4px rgba(0, 0, 0, .25),
      0 0 0 3px #c8dafc;
  }
  
  &:disabled {
    filter: grayscale(100%);
    background-color: #ebebeb;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
    cursor: not-allowed;
  }
}