*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.login{
  margin: 1em auto 0 auto;
  text-align: center;
  max-width: 300px;
}

.login-field{
  width: 100%;
}

.auth{
  margin-top: 1em;
}

td{
  padding: .5em !important;
}

.toast-section{
  position: relative;
  z-index: 1060;
}

.toast-box{
  position: fixed;
  min-width: 250px;
  top: 5px;
  right: 5px;
}

.info-bg{
  background-color: #D1ECF1;
}

.info-text{
  color: #062C33;
}

.success-bg{
  background-color: #D4EDDA;
}

.success-text{
  color: #0B2E13;
}

.warning-bg{
  background-color: #FFF3CD;
}

.warning-text{
  color: #533F03;
}

.danger-bg{
  background-color: #F8D7DA;
}

.danger-text{
  color: #491217;
}

.fa-bars {
  color: #FAFAFA;
  animation: cl 3s infinite;
}
@keyframes cl {
  50% {
    color: #8bb5e0;
  }
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid blue;
  border-bottom: 16px solid blue;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.header{
  background-color: #033F4F;
  color: #FAFAFA;
  box-shadow: 0 3px 2px rgba(0,0,0,.5);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: .5em 5%;
}

.header a{
  color: #FAFAFA;
  display: block;
  padding: .5em;
  text-decoration: none;
}

.menu{
  list-style: none;
  margin: 0;
  position: relative;
}

.brand{
  display: flex;
}


.menu li{
  display: inline-block;
  border-bottom: solid 2px transparent;
}

.menu li:hover{
  border-bottom: solid 2px #FAFAFA;
}

.placa{
  border: 1px solid #ced4da;
  border-radius: .25rem;
  height: 2em;
}

.table{
  margin-bottom: 2em;
}

.body-container{
  padding: 3em 5% 0;
  min-height: 630px
}

#showMenu{
  display: none;
}

.bg-map{
  background-color: #1DA060;
  color: #EBE8F8;
}


.dropdown-content {
  background-color: #056f89;
  display: none;
  position: absolute;
  z-index: 1;
  min-width: 150px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.drop-icon{
  font-size: .7em;
}

.dropdown li{
  display: block;
}

@media only screen and (max-width: 1100px) {
  .menu{
    text-align: center;
  }

  .brand{
    margin: 0 auto;
    align-items: center;
  }

  .menu{
    border-top: solid 5px #FAFAFA;
    display: none;
    position: absolute;
    top: 5em;
    left: 0;
    text-align: center !important;
    background-color: #033F4F;
    z-index: 100;
    width: 100%;
  }
  
  .menu li{
    display: block;
    margin: 0;
  }

  .menu li a{
    width: 100%;
    padding: .8em;
  }

  .dropdown-content {
    width: 100%;
  }

  #showMenu{
    padding: 0;
    display: block;
    position: absolute;
    right: 5%;
  }
  
}

@media only screen and (max-width: 420px){
  .brand{
    margin-left: 0;
  }
}


/* Sobre e Contato */

.limit-content{
  max-width: 800px;
  margin: 0 auto 2em;
}

.footer{
  margin-top: 6em;
  background-color: #033F4F;
  padding: 2% 5% 3%;
  color: #FAFAFA;
  font-size: 10pt;
}

.footer a{
  color: #FAFAFA;
}