html,
body {
    min-height: 100%;
}

body {
    background: #f4f6f8;
}

#ketcherFrame {
    display: block;
    width: 100%;
    height: 650px;
    border: 0;
    background: #ffffff;
}

.table td,
.table th {
    vertical-align: middle;
}

.smiles-cell {
    min-width: 260px;
    max-width: 520px;
    overflow-wrap: anywhere;
    font-family: monospace;
    font-size: 12px;
}

.loading-button {
    pointer-events: none;
    opacity: 0.75;
}

@media (max-width: 991.98px) {
    #ketcherFrame {
        height: 560px;
    }
}