:root { --red: #e4584b; --yellow: #ffd821; }
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}
header {
    height: 100px;
    background-color: #333;
    background: var(--yellow); 
    color: black; 
    text-align: center;
    padding-top: 20px;
}
.container {
    width: 600px;
}
.table {
    display: table;   
    border-spacing: 5px;
    /*background-color: #F5F5F5; /* Világos szürke háttér */
}
.thead {
    position: sticky;
    top:0px;    
}
.row {
    display: table-row; 
     
}
.cell {
    display: table-cell;
    border-radius: 5px;
    /* background-color: rgb(223, 135, 28); */
    border: 1px solid #333333; /* Sötét szürke keret */
    color: #333333; /* Sötét szürke szöveg */
    background-color: #FFFFFF; /* Fehér cella háttér */
    padding: 5px;
}
.cell:hover {
    background-color: #007BFF; /* Kék háttér, amikor az egér a cella fölött van */
    color: #FFFFFF; /* Fehér szöveg, amikor az egér a cella fölött van */
}
.place-link-selected {
    background-color: #28a745; /* Zöld háttér a kiválasztott celláknál */
    color: #FFFFFF; /* Fehér szöveg a kiválasztott celláknál */
}
.ias-active {
    background-color: #28a745; /* Zöld háttér a kiválasztott celláknál */
    color: #FFFFFF; /* Fehér szöveg a kiválasztott celláknál */
}
#addProductForm {
    padding: 5px;
}
#addProductFormButton {
    margin: 5px;
}