#mols2grid.gridcontainer {
    display: block;
    padding-left: 1em;
    max-width: {{ width }}px;
    width: {{ width }}px;
}
#mols2grid .cell {
    border: {{ border }};
    text-align: {{ textalign }};
    vertical-align: top;
    max-width: {{ cell_width }}px;
    width: {{ cell_width }}px;
    font-family: {{ fontfamily }};
    font-size: {{ fontsize }};
    padding: 0;
    margin: {{ gap }};
    float: left;
}
#mols2grid .cell:hover {
    background-color: {{ hover_color }} !important;
}
#mols2grid .cell .data-img {
    padding: 0;
    margin: 0;
}
#mols2grid .cell img, #mols2grid .cell svg {
    max-width: 100%;
    height: auto;
    padding: 0;
}
#mols2grid .data {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
#mols2grid .arrow-asc:after {
    content: '↑';
    text-align: right;
    float:right;
}
#mols2grid .arrow-desc:after {
    content: '↓';
    text-align: right;
    float:right;
}