.adicionar{
    position: relative;
    left: 50px;
    font-weight: bold;
}
#total{
    font-weight: bold;
}
#imglogin{
    width: 200px;
}
.login{
    margin-top: 30px;
}
.botao{
    margin-top: 35px;
}
.cadastro{
    margin-top: 25px;
}
  /* label color */
   .input-field label {
     color: #7b1fa2;
   }
   /* label focus color */
   .input-field input[type=text]:focus + label {
     color: #7b1fa2;
   }
   /* label underline focus color */
   .input-field input[type=text]:focus {
     border-bottom: 1px solid #7b1fa2;
     box-shadow: 0 1px 0 0 #7b1fa2;
   }
   /* valid color */
   .input-field input[type=text].valid {
     border-bottom: 1px solid #7b1fa2;
     box-shadow: 0 1px 0 0 #7b1fa2;
   }
   /* invalid color */
   .input-field input[type=text].invalid {
     border-bottom: 1px solid #7b1fa2;
     box-shadow: 0 1px 0 0 #7b1fa2;
   }
   /* icon prefix focus color */
   .input-field .prefix.active {
     color: #7b1fa2;
   }

.imagem-principal {
    max-width:100%;
}

#preloader {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 99999;
    background: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    display:none;
}

    #preloader .cssload-speeding-wheel {
        position: absolute;
        top: calc(50% - 3.5px);
        left: calc(50% - 3.5px);
    }

    .cssload-speeding-wheel {
  width: 31px;
  height: 31px;
  margin: 0 auto;
  border: 2px solid rgba(97,100,193,0.98);
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: cssload-spin 425ms infinite linear;
    -o-animation: cssload-spin 425ms infinite linear;
    -ms-animation: cssload-spin 425ms infinite linear;
    -webkit-animation: cssload-spin 425ms infinite linear;
    -moz-animation: cssload-spin 425ms infinite linear;
}



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

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

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

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

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