.aaa{
  color: red;    
   background-color: green;
}

#show_data {
    display: flex;
    justify-content: center; /* Centrovanie horizontálne */
    margin: 0 auto; /* Centrovanie tabuľky */
    transform: translateX(-10%); /* Posun doľava */
}

#myTable {
    max-width: 1500px;
    margin: 0 auto; /* Centrovanie tabuľky */
   /* position: relative; /* Aby fungovala transformácia */
   /* left: -20%; /* Posun doľava */
}


table, th, tr, td {
    padding: 3px;
    border: solid 1px #777;
    border-collapse: collapse;
    min-width: 30px;
  /*  margin: 0 auto; /* Centrovanie tabuľky */
 /*   transform: translateX(-20%); /* Posun doľava */
}


    th {
        background-color: lightblue;
    }

    .button_show_columns {
        color: black;
        min-width: 240px;
        height: 20px;
        position: static;
        cursor: pointer;
    }

    .button_group {
        display: flex;
        justify-content: center;
        /*gap: 10px;*/
    }
    
    
    .action_button {
  		position: relative;
		left: 50%;
		transform: translateX(-55%);
		width: 180px;
		height: 25px;
		cursor: pointer;
		opacity: 1.0;
		margin-bottom: 10px; /* Pridá medzeru 5px medzi tlačidlami */
	}

	/* Odstráni medzeru na poslednom tlačidle */
	.action_button:last-child {
		margin-bottom: 0;
	}
	
	  .button_show {
        color:black;
        width: 100px;
        position: fixed;
        bottom: 10px;
        cursor: pointer;
        display: none;
    }

    .button_update {
        color:blue;
        width: 100px;
        cursor: pointer;
    }

    .button_delete {
        color:red;
        width: 100px;
        cursor: pointer;
    }

    .button_insert {
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 180px;
        height: 30px;
        cursor: pointer;
        opacity: 1.0;
    }

    .button_2 {
        position: absolute;
        top: 190px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 180px;
        height: 30px;
        cursor: pointer;
        opacity: 1.0;
    }

    .button_insert_multiple {
        position: absolute;
        top: 100px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 180px;
        cursor: pointer;
        opacity: 1.0;
    }



   .button_show.active {
        display: flex;
    }

       .container_BottomLeft {
        display: none;
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 200px;
        height: 300px;
        background-color: rgba(255, 0, 0, 0.5);
        padding: 0px;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .container_BottomLeft.active {
        display: flex;
    }