body, html{
    font-family: 'Viga';
    height: 100%;
    background-image:url("../Img/LoginFundoAlelo.png");
    background-size:cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position:center;
  }  
  
  .Absolute-Center.is-Responsive {
  width: 80%; 
  height: 80%;

  padding: 100px;
}

.TextoBranco{
  color:#FFF;
}

.TextoVinho{
  color:#8f2047;
}

.LoginBordaInput{
  border:#FFF solid 3px;
  background-color: transparent;
}

.Font3EM{
  font-size: 2em;
}

.CursorPointer{
  cursor: pointer;
}

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857;
}

.loader {
  position: relative;
  text-align: center;
  margin: 15px auto 5px auto;
  z-index: 9999;
  display: block;
  width: 30px;
  height: 30px;
  border: 5px solid #8f2047;
  border-radius: 50%;
  border-top-color: #000;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}