  .rut_invalid {
    color: black;
    /*font-size:12px; text-transform: capitalize;*/
  }

  body {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'Roboto';
    min-height: 100vh;
    min-width: 100vw;
    background: rgb(0, 0, 0);
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 19%, rgba(255, 0, 16, 1) 100%); */
    background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.94) 20%, rgba(121, 3, 10, 0.83) 100%);  }

  .logoLogin {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-bottom: 5%;
  }

  .loginForm .title {
    color: #FFF;
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: bold;
    background: -webkit-linear-gradient(45deg, #22387A, #fff 0%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0.3px #000;
  }

  .loginForm .title2 {
    color: #000;
    text-align: center;
    font-size: 14px;
    margin-bottom: 5px;
  }

  #filterForm {
    /* background-color: #4C6DD0; */
    color: white;
    position: relative;
    padding: 15px;
    border-radius: 5px;
    /* -webkit-box-shadow: 0px 3px 5px 1px #aaa; */
    /* box-shadow: 0px 3px 5px 1px #aaa; */
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
  }

  .loginForm {
    /* background-color: #08375c; */
    width: 90%;
    max-width: 400px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #filterForm .form-group>label {
    display: block;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #FFF;
    font-size: 12px;
  }

  /* .loginForm label {
    text-align: center;
  } */

  #filterForm .form-group.row>input {
    width: 100%;
    border-radius: 3px;
    padding: 5px 10px;
  }

  .loginForm input {
    text-align: center;
    border: none !important;
    font-size: 12px !important;
    border-bottom: 1px solid #ccc !important;
    background: 0 0 !important;
    padding: 1px 7px 1px !important;
    color: white !important;
    box-shadow: none !important;
    border-radius: 0px;
  }

  .loginForm .message {
    color: #FFF;
    text-align: center;
    margin-top: 20px;
  }

  .loginForm button {
    margin-top: 15px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    height: 40px;
    width: 70% !important;
    border-radius: 20px !important;
    border: none;
  }
