.Bonbon
{
    padding: 5px 5px;
    background-color:#b6ff00;
     color:#ff6a00;
    text-align:center;
    border-top-left-radius:10px;
    border-bottom-right-radius:15px;
}

#cuco {
    border: 1px;
    border-radius: 7px;
    overflow: hidden;
    border-color: #4ad0f5;
    border-style: dashed;
    background-color: rgba(233, 242, 242, 0.47);
    max-width: 450px;
    min-height:100px;
    height : auto ;
    margin: 0 auto;
    padding-top: 0.2rem;
    padding-left: 0.2rem;
    text-align: left;
    overflow-x: hidden;
    overflow-y: visible ;
    display: block; 
  }

#cucolog {
   
    overflow: hidden;   
   width: auto;    
    height: 50px;
    margin: 0 auto;
    padding-top: 0.1rem;
    padding-left: 0.2rem;
    text-align: left;
    overflow-x: hidden;
    overflow-y: auto;
    /*display: block;*/
}

.rueditas {  
    -moz-animation: spin 2s linear infinite;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
        transform: rotate3d(0, 0, 1, 360deg);
    }
}

/* Animación de Error */
.Anima {
    animation-duration: 1.5s;
    animation-name: bajar;
    animation-iteration-count: 4;
}

@keyframes bajar {
    from {
        transform: translateY(-40%);
        transform: translateY(-30px);
    }
}