body {
    background: #43cea2;
    background: -webkit-linear-gradient(to right, #185a9d, #43cea2);
    background: linear-gradient(to right, #185a9d, #43cea2); 
}
#contenido {
    background-color: white;
    border-radius: 15px;
    margin-top: 40px;
    margin-bottom: 60px;
    width: 90%;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
}
#contenido::after {
    clear: both;
    display: block;
    content: '';
}
header {
    padding: 10px;
    text-align: center;
    color: white;
    font-size: 22px;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
    border-radius: 15px;
}
form {
    margin: 30px 0;
}
#loaders {
    text-align: center;
}
#resetBtn {
    float: right;
    width: 80%;
    height: 70%;
}

#enviar{
    float: right;
    width: 80%;
    height: 70%;
}


#spinner {
    display: none;
    justify-content: center;
    padding: 3rem 0;
}

 /*agregar icono de error en las barras*/
input.erro{
    background-image: url(/enviarEmail/images/alert.png);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 98%;
    top: auto;
    
}

textarea.erro{
    background-image: url(/enviarEmail/images/alert.png);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 98% 10px;
}
/*---------------------------------------------------*/

.sk-chase {
    width: 40px;
    height: 40px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
  }
  
  .sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; 
    animation: sk-chase-dot 2.0s infinite ease-in-out both; 
  }
  
  .sk-chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #0288d1;
    border-radius: 100%;
    animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
  }

   .alinear{
      position: relative;
      left: 90%;
      top: -40px;
      color: red;
      font-size: 200%;
      
}


   
   textarea:focus, input:focus, input[type]:focus {
    
    outline: 0 none;
}

    .ajustar{
        height: 100%;
        max-height: 74px;
        position: relative ;
        margin: 0px 0px 50px 0px;
    }

    .ajustar #mensaje{
        max-height: 62px;
        min-height: 48px;

    }
    .abajo{
        top: 25px;
    }

    .mt-20{
        min-height: 600px;
        
    }
  
  .sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
  .sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
  .sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
  .sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
  .sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
  .sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
  .sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
  .sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
  .sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
  .sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
  .sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
  .sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }
  
  @keyframes sk-chase {
    100% { transform: rotate(360deg); } 
  }
  
  @keyframes sk-chase-dot {
    80%, 100% { transform: rotate(360deg); } 
  }
  
  @keyframes sk-chase-dot-before {
    50% {
      transform: scale(0.4); 
    } 100%, 0% {
      transform: scale(1.0); 
    } 
  }