.contenedor{
    margin-right: 10px;
    margin-left:100px; 
    margin-top:90px
   
}
/*
.textCodigos{
    /* font-size: 20px; * /
}
*/

.g-signin-button {
  /* This is where you control how the button looks. Be creative! */
  display: inline-block;
  padding: 4px 8px;
  border-radius: 3px;
  background-color: #3c82f7;
  color: #fff;
  box-shadow: 0 3px 0 #0f69ff;
}


.message_validator{
    margin-top: -24px;
    color:red;
    animation-name: errores;
    animation-duration: .5s;
    opacity: 0;
    animation-fill-mode: forwards;
    position: absolute;
}

.errorInput{
    border-top: solid red;
}

@keyframes errores{
    from{
        margin-top: -20px;
        opacity: 0;
    }

    to{
        margin-top: -24px;
        opacity: 1;
    }
}

/*****/
.custom-loader {
    animation: loader 1s infinite;
    display: flex;
  }
  @-moz-keyframes loader {
    from {
      transform: rotate(0);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @-webkit-keyframes loader {
    from {
      transform: rotate(0);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @-o-keyframes loader {
    from {
      transform: rotate(0);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes loader {
    from {
      transform: rotate(0);
    }
    to {
      transform: rotate(360deg);
    }
  }