.shoutbox-text {
    word-break: normal;
    overflow-wrap: break-word;
}

img.avatar {
    height: 30px;
    width: 30px;
    transition: transform 1.0s;
    position: relative;
    z-index: 1;
}

img.avatar:hover {
    transform: scale(2);
    z-index: 9999;
}

.shoutbox.table-responsive {
    overflow: visible !important
}

/* Fixed layout so long words and URLs wrap instead of stretching the table beyond the box. */
.shoutbox-messages table,
table.shoutbox-messages {
    table-layout: fixed;
    width: 100%;
}

.shoutbox-messages td,
table.shoutbox-messages td {
    overflow-wrap: break-word;
}

img.shoutbox-captcha-image {
    max-width: 100%;
    height: auto;
}