/*
File: assets/css/style.css
Basic styling for the periodic table and heatmap
*/
#controls {
    margin: 20px;
}
#controls label {
    margin-right: 15px;
    font-weight: bold;
}
#table-container table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}
#table-container td, #table-container th {
    border: 1px solid #ccc;
    width: 5%;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    position: relative;
}
#table-container .empty {
    background: none;
    border: none;
}

/* Portrait and use images fill cell backgrounds */
#table-container td .content {
    position: relative;
    z-index: 2;
}