.container {
    max-width: 100% !important;
}

.log-table {
    table-layout: fixed;
    width: 100%;
    font-size: 0.875rem;
}

    .log-table thead th,
    .log-table tbody td {
        padding: 0.25rem 0.5rem;
        white-space: nowrap;
        vertical-align: top;
    }

    .log-table col.col-createdon {
        width: 10rem;
    }

    .log-table col.col-level {
        width: 6rem;
    }

    .log-table col.col-app {
        width: 12rem;
    }

    .log-table col.col-message {
        width: 40%;
    }

    .log-table col.col-exception {
        width: auto;
    }

    .log-table td,
    .log-table th {
        display: table-cell;
    }

    .log-table .cell-text {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .log-table .level-pill {
        display: inline-block;
        padding: 0.05rem 0.4rem;
        border-radius: 999px;
        font-weight: 600;
    }

    .log-table tr.lvl-warn .level-pill {
        border: 1px solid #b08900;
        background: #fff7da;
    }

    .log-table tr.lvl-error .level-pill {
        border: 1px solid #b10000;
        background: #ffe1e1;
    }

    .log-table tr.lvl-info .level-pill {
        border: 1px solid #bdbdbd;
        background: #f6f6f6;
    }

    .log-table tbody tr:hover td {
        background: #f3f7ff;
    }
.log-details th {
    width: 12rem;
    white-space: nowrap;
    vertical-align: top;
}

.log-details td {
    vertical-align: top;
}

    .log-details td.wrap {
        white-space: normal;
        word-break: break-word;
    }

    .log-details td.pre {
        white-space: pre-wrap;
        word-break: break-word;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        font-size: 0.875rem;
    }

.level-pill {
    display: inline-block;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    font-weight: 600;
}

    .level-pill.lvl-warn {
        border: 1px solid #b08900;
        background: #fff7da;
    }

    .level-pill.lvl-error {
        border: 1px solid #b10000;
        background: #ffe1e1;
    }

    .level-pill.lvl-info {
        border: 1px solid #bdbdbd;
        background: #f6f6f6;
    }

.nav-log {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    font-size: 1.3rem;
    border-radius: 50%;
    text-decoration: none;
    background: #f0f3f7;
    color: #212529;
}

    .nav-log:hover {
        background: #e2e8f0;
    }

    .nav-log:active {
        background: #d6dee8;
    }

.nav-log-prev {
    margin-right: auto;
}

.nav-log-next {
    margin-left: auto;
}