function teme_options(){

    var toggle_id = document.getElementById("buttons-window1");

    document.onclick = function(e){
        if(e.target.id !== 'buttons-window1' && e.target.id !== 'btn-1' ){
            toggle_id.classList.remove('active');
        }
    }

    toggle_id.classList.toggle('active');


}

function teme_options2(){
    var toggle_id = document.getElementById("buttons-window2");

    document.onclick = function(e){
        if(e.target.id !== 'buttons-window2' && e.target.id !== 'btn-2' ){
            toggle_id.classList.remove('active');
        }
    }

    toggle_id.classList.toggle('active');
}