.botonera-lateral {

    @media (min-width: 768px){
        display: grid !important;
    }

    button{
        pointer-events: all;
        background-color: #DDD;
    }

    .teclado-activar {
        background-color: #17d236 !important;
        color: #FFF !important;
    }

    button, .btn-group-toggle{
        background-color: #DDD;
        color: #000;
        text-transform: uppercase;
        min-width: 109px;
        &:hover{
            color: #FFF;
            .boton-activar-teclado{
                color: #FFF;
            }
            background-color: #000;
        }
    }
    
    
    .btn-group-toggle{
        pointer-events: all;
        &.active{
            background-color: $primary-color;
            .boton-activar-teclado{
                color: #FFF;
            }
        }
        
        .boton-activar-teclado{
            cursor: pointer;
            color: #000;
            background-color: transparent;
        }

        input{
            display: none;
        }
    }
}
.teclado-container > div{
    pointer-events: none;
    position: absolute;
    z-index: 100000;
    left: 0;
    right: 0;
    top: 449px;
    .row{
        margin: 0 !important;
        pointer-events: none;
    }
    
}