/*
   Divider used for displaying bitmap diagrams
*/
div.bitmap {
    float: center; 
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-style: none;
    /*border-width: 1px;
    border-color: black;*/
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Array Table General Styling */
div.bitmap .array {
    border-width: 1px;
    border-style: dashed;
    padding: .75em;
    margin: 1em auto;
    white-space: nowrap;
    overflow-x: scroll;
}

/* Array Table Cell Styling */
div.bitmap .cell { 
    border: 1px black solid;
    padding: 2px;
    margin: 2px;
    text-align: center;
    display: inline-block;
}

/*
   Array Table Neighboring Cell Styling. Used for
   displaying "neighboring" cells for blur, etc. instructions
*/
div.bitmap .neighbor {
    background-color: #aaf;
}

/*
   Array Table Active Cell Styling. Used to differentiate
   current cell from neighbors for blur, etc. instructions
*/
div.bitmap .active {
    background-color: #55f;
}