/* The max width is dependant on the container (more info below) */
.popover {
    max-width: 500px; /* Max Width of the popover (depending on the container!) */
}

/* Make the bootstrap tooltip control wider by default. Also left align by default (we use it for large blocks of help text) */
.tooltip-inner {
    text-align: left;
    max-width: 500px;
}

/* Can be used a bit like a pre (but without the other baggage like mono-space) to make a note respect new lines. */
.avenity-whitespace-significant {
    white-space-collapse: preserve;
    text-wrap: nowrap;
}

.avenity-whitespace-significant-wrap {
    white-space-collapse: preserve;
    text-wrap: auto;
}

/* Can be used on a single-row thead to make that header stay at the top (for modern browsers). Note that if we ever had a multi-row thead, we'll need to revisit this  */
thead tr:first-of-type th {
    position: sticky;
    top: 0px;
}