body {
        display: flex;
        min-height: 100vh;
        flex-direction: column;
        background-color: #FFF;
        background-image: url(../images/bg-silver.jpg);
        background-image: url(../images/bg-hortftut.jpg);
        background-size: cover;
        background-position: right;
      }
  
      main{
        flex: 1 0 auto;
      }
      
      main.login {
        border-top: 5px solid #e54535;
        border-top: 5px solid #4db6ac;
        text-align: center;
        padding-top: 29px;
      }
      
      #login .container{
        text-align: center;
        margin-top: 25%;
      }
	  
      main.produtos {
        padding: 0;
        margin: 0;
      }
      
      img.logo{
          max-height: 165px;
          margin-bottom: 20px;
      }

      /*
      img.logo.navegacao{
        position: absolute;
        top: 11px;
        left: 40%;
        max-height: 75px;
      }
      */

      img.logo.navegacao{
        max-height: 75px;
        margin-top: 17px;
      }
      
      form{
          margin:0;
      }
      
      h5{
          font-size: 21px;
          text-transform: uppercase;
          color: #808080;
          margin-top: 0;
          margin-bottom: 1rem!important;
      }
      
      
      .form-signin{
          display: inline-block;
          padding: 0;
          background:none;
          width: 90%;
      }
      
      .form-signin .row{
          margin-bottom: 10px;
      }
      
      .input-field{
          margin:0;
          padding: 0;
      }
      
      .input-field input{
          background-color: #FFF!important;
          
          color: #333!important;
          box-shadow: inset 0 1px 3px rgba(0,0,0,.2)!important;
          text-shadow: 0 1px 0 #f3f3f3!important;
          border-radius: .3125em!important;
          padding: 10px!important;
          max-height: 20px!important;
          max-width: 93%!important;
          margin: 0!important;
      }

      
      /*
      .input-field input[type=date]:focus + label,
      .input-field input[type=text]:focus + label,
      .input-field input[type=email]:focus + label,
      .input-field input[type=password]:focus + label {
        color: #e91e63;
      }
  
      .input-field input[type=date]:focus,
      .input-field input[type=text]:focus,
      .input-field input[type=email]:focus,
      .input-field input[type=password]:focus {
        border-bottom: 2px solid #e91e63;
        border: 1px solid transparent!important;
        box-shadow: none;
      }
    */
    
      input[type=text]:not(.browser-default),
      input[type=password]:not(.browser-default),
      input.invalid[type=password]:not(.browser-default),
      input.invalid[type=text]:not(.browser-default){
        
        border: 3px solid #FFF!important;
      }

      input[type=text]:not(.browser-default):focus:not([readonly]),
      input[type=password]:not(.browser-default):focus:not([readonly]),
      input.invalid[type=password]:not(.browser-default):focus,
      input.invalid[type=text]:not(.browser-default):focus{
        border-color: #4db6ac !important;
        color: #4db6ac !important;
      }
      
      input[type=text].procurar{
        border: 0!important;
        background: #FFF;
        border-radius: 10px;
        margin: 9px 0 0 0;
        padding-left: 10px;
        width: 100%;
        max-width: 315px!important;
      }

      input[type=time],
      input[type=date]{
        margin-top: 10px!important;
      }
      
      /*
  
          z-depth-1 = caixa com sombra
          grey = determina o fundo, exemplo: blue
          lighten-4 = determina o fundo, exemplo: #f5f5f5
  
      */
      
      
      .sidenav-overlay{
        z-index: 1!important;
      }

      .oculto{
        visibility: hidden;
      }

      #btnLogar.erro{
        background-color: #e54535!important;
      }

      .versao{
        color: #FFF;
        background: #f05a5b;
        border-radius: 5px;
        padding: 3px 10px;
      }
      
/*
---------------------------------------------
Janela Loading
---------------------------------------------
*/

.loader-screen {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  background-color: #accf36;
  height: 100vh!important;
  margin-right: 0;
  margin-left: 0;
  flex-wrap: wrap;
  display: flex;
}

.loader-screen>div{
  text-align: center!important;
  margin: 0 auto;
  -ms-flex-item-align: center!important;
    align-self: center!important;

    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.laoderhorizontal {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.laoderhorizontal div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.laoderhorizontal div:nth-child(1) {
  left: 6px;
  animation: laoderhorizontal1 0.6s infinite;
}

.laoderhorizontal div:nth-child(2) {
  left: 6px;
  animation: laoderhorizontal2 0.6s infinite;
}

.laoderhorizontal div:nth-child(3) {
  left: 26px;
  animation: laoderhorizontal2 0.6s infinite;
}

.laoderhorizontal div:nth-child(4) {
  left: 45px;
  animation: laoderhorizontal3 0.6s infinite;
}


@keyframes laoderhorizontal1 {
  0% {
      transform: scale(0);
  }

  100% {
      transform: scale(1);
  }
}

@keyframes laoderhorizontal3 {
  0% {
      transform: scale(1);
  }

  100% {
      transform: scale(0);
  }
}

@keyframes laoderhorizontal2 {
  0% {
      transform: translate(0, 0);
  }

  100% {
      transform: translate(19px, 0);
  }
}