.container {
    position: relative;
    height: 500px;
    width: 500px;
    float: left;
}

.container canvas {
    position: absolute;
}

.item .load {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0px;
    background-color: yellow;
    z-index: -1;
}

.item .load[data-perc='100'] {
    background-color: red;
}

.building .item {
    position: relative;
    width: 75px;
    border: 1px solid black;
    margin: 5px;
}

.building {
    border-bottom: 1px solid gray;
}

#storageDebug {
    font-size: 0.8em;
    font-family: Courier;
    border: 1px solid black;
    float: left;
}

#actionDebug {
    border: 1px solid black;
    font-size: 0.8em;
    font-family: Courier;
    float: left;
}

#simulatedAnnealingDebug {
    font-size: 0.8em;
    font-family: Courier;
    border: 1px solid black;
    float: left;
    max-height: 500px;
    overflow-y: scroll;
    display: none;
}

#simulatedAnnealingDebug span {
    display: block;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
}