html {
    position: relative;
    min-height: 100%;
}

body {
    position: initial;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
}

a:hover {
    text-decoration: none;
}

.table {
    margin-top: 10px;
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
}

.table .borderless {
    margin: 0;
}

.borderless td, .borderless th {
    border: none;
    padding: 0;
}

.f-log-list .f-log-action-name {
    // width: 200px;
}

.f-log-list .f-log-action-time {
    // width: 150px;
}

.f-log-list .f-log-user {
    // width: 200px;
}

.f-log-list .f-log-snapshots {
    width: 400px;
}

.f-log-list .f-log-snapshots-str {
    width: 150px;
}

.f-log-snapshot-addition {
    color: green;
}

.f-log-snapshot-change {
    color: blue;
}

.f-log-snapshot-deletion {
    color: red;
}

.f-log-filter {
    margin-bottom: 30px;
}

.tooltip {
    display: block !important;
    z-index: 10000;
}

.tooltip .tooltip-inner {
    background: black;
    color: white;
    text-align: left;
    max-width: 1000px;
}

.tooltip.popover .popover-inner {
    background: #f9f9f9;
    color: black;
}

.tooltip[aria-hidden='true'] {
    visibility: hidden;
    opacity: 0;
}

.tooltip[aria-hidden='false'] {
    visibility: visible;
    opacity: 1;
}
