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');
}

function show_settings(id_of_element){

    var options_id = ("options"+id_of_element)
    var additional_settings = document.getElementById("additional_settings_"+id_of_element);
    var additional_settings_id = ("additional_settings_"+id_of_element);
    
    // console.log(options_id);
    // console.log(additional_settings_id);
    

    // document.onclick = function(e){
    //     if(e.target.id !== additional_settings_id && e.target.id !==options_id ){
    //         additional_settings.classList.remove('active');
    //     }
    // }
    additional_settings.classList.toggle("active");

}


function show_settings_mobile(id_of_element){

    // var options = document.getElementsByClassName("options_mobile"+id_of_element)[0];
    var options = document.getElementById("options_mobile"+id_of_element);
    var additional_settings = document.getElementById("additional_settings_mobile_"+id_of_element);


    // document.onclick = function(e){
    //     if(e.target.id !== additional_settings && e.target.id !== options ){
    //         additional_settings.classList.remove('active');
    //     }
    // }
    additional_settings.classList.toggle("active");

}