h1 {
    padding-bottom: 2%;
}

.preloader-background {
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    background-color: grey;
    top :0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
    z-index: 900;
}

.preloader-container {
    display: flex;
    position: fixed;
    min-height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    top :0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.toast-invalid {
    background-color: red;
    color: white;
}

.toast-valid {
    background-color: green;
    color: white;
}

.invalid {
    color: red;
}

nav, header, main, footer{
    padding-left: 320px;
}

main{
    padding-left:300px;
}

.sidenav li > a {padding: 0 16px;}
.sidenav {width: 250px;}

.chart-container{
    position: relative;
    margin: auto;
    height: 10vh;
    width: 80vw;
}

.swal-text {
    background-color: #FEFAE3;
    padding: 17px;
    border: 1px solid #F0E1A1;
    display: block;
    margin: 22px;
    text-align: center;
    color: #61534e;
}

.modal-text {
    background-color: #FEFAE3;
    padding: 17px;
    border: 1px solid #F0E1A1;
    display: block;
    margin: 22px;
    text-align: center;
    color: #61534e;
}



.container-login{
    background-color: #ffff;
    width: 600px;
}

@media only screen and (max-width: 992px){
    nav, header, footer{padding-left: 20px;}
}

head, main, footer {
    padding-left: 320px;
}

@media only screen and (max-width: 992px){   
    head, main, footer {
        padding-left: 0;
    }
}
  
  /* ini: Preloader */
   
  #preloader {
      position:fixed;
      top:0;
      left:0;
      right:0;
      bottom:0;
      background-color:#1a1717; /* cor do background que vai ocupar o body */
      z-index:9999; /* z-index para jogar para frente e sobrepor tudo */
  }
  #preloader .inner {
      position: absolute;
      top: 40%; /* centralizar a parte interna do preload (onde fica a animação)*/
      left: 50%;
      transform: translate(-50%, -50%);  
  }
  .bolas > div {
    display: inline-block;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    margin: 3px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: animarBola;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
     
  }
  .bolas > div:nth-child(1) {
      animation-duration:0.75s ;
      animation-delay: 0;
  }
  .bolas > div:nth-child(2) {
      animation-duration: 0.75s ;
      animation-delay: 0.12s;
  }
  .bolas > div:nth-child(3) {
      animation-duration: 1.00s  ;
      animation-delay: 0.24s;
  }
   
  @keyframes animarBola {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
    16% {
      -webkit-transform: scale(0.1);
      transform: scale(0.1);
      opacity: 0.7;
    }
    33% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1; 
    } 
  }
  /* end: Preloader */