.log-list > div {
    align-items: flex-start;
    padding: 0px 6px;
    font-family: 'Source Code Pro', monospace;
    padding-left: 10px;
    font-size: 12px;
}


.log-row.active {
    background-color: #f8f8f8;
}

.log-row .metadata {
    margin-right: 12px;
}



.log-summary {
    padding: 10px;
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 10px;
    
}


    .container {
        font-family: 'Open Sans', Sans;
        font-weight: 100;
        font-size: 18px;
        color: #484850;
        background: #fafafa;
        width: 50%;
        padding: 50px;
        margin: 120px auto;
    }

    

    #highlight_menu {
        color: #fff;
        border-radius: 4px;
        background: rgba(0,0,0,.8);
        position: absolute;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
    }

    .highlight_menu_animate {
        transition: top 75ms ease-out,left 75ms ease-out;
    }

    ul.menu-items {
        width: 100%;
        padding:0;
        display: flex;
        margin: 0px;
        
    }
    .menu-items li {
        display: inline;
        padding: 8px 10px 8px 6px;
        display: flex;
        align-items: center;
        border-radius: 3px;
        cursor: pointer;
    }

.menu-items .material-icons {
    font-size: 18px;
    margin-right: 3px;
}

.menu-items li:hover {
    background-color: #5c5c5c;
}

.rotate {
    transform: rotate(90deg); 
}

.caret {
    z-index: 10000;
    cursor: pointer;
    color: #333;
}

.caret:hover {
    opacity: .8;
}

.caret .material-icons {
    font-size: 24px;
    cursor: pointer;
    transition: all .05s ease;
}


.json .label, .field .label  {
    color: #c79370;
}

.json .value, .field .value {
    color: #298044;
}

.fields {
    margin-left: 20px;
}

.field {
    margin-bottom: 5px;
}

.field {
    display: flex;
    flex-direction: row;
}

.dot-dot-dot {
    color: #888;
}

.LogLine__Icon {
    cursor: pointer;
    align-self: flex-start;
    margin-right: 12px;
    margin-top: 8px;
    
    min-width: 4px;
    height: 14px;
    background-color: #dadada;
}

.log-content-container {
    display: flex;
}

.log-content-container.expand {
    flex-direction: column;
}

.log-content-container.expand .metadata {
    padding-bottom: 0px;
}


.hover-row:hover {
    background-color: #e9e9e9;
}










.menu {
    opacity: 1;
    
    display: none;
}


.btn-sm {
    padding: .25rem .5rem;
    line-height: 1.5;
    border-radius: 3px;
    font-size: 12px;
    font-weight: normal;
}


.menu {
    padding-top: 6px;
    padding-bottom: 6px;
}
.menu-item {
    font-size: 14px;
    padding: 6px 12px;
}

.carets .material-icons {
    font-size: 18px;
    opacity: .4;
    margin-top: 4px;
}

.carets .material-icons:hover {
    opacity: .8;
}


.log-list .log-row.single-line {
    height: 26px;
    display: flex;
    align-items: center;
}

.log-list.show-footer .log-row.single-line {
    height: auto;
}

.log-list .footnote-fields {
    display: none;
}

.log-list.show-footer .footnote-fields {
    display: flex;

}



.LogLine__Icon {
    display: none;
}


.entities .icon-col, .list-of-fields .icon-col {
    width: auto;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    margin-left: -4px;
    margin-right: 4px;
}

.list-of-fields.no-icons .icon-col .material-icons, .list-of-fields.no-icons .icon-col img {
    display: none;
}

.list-of-fields > div {
    position: relative;
}

.list-of-fields.no-icons .icon-col:after {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 5px;
    position: absolute;
    background-color: rgba(0,0,0,.2);
    left: 6px;
    top: 10px;
    display: none;
}

.link-option {
    text-decoration: underline;
    cursor: pointer;
}

.link-option.selected {
    text-decoration: none;
    font-weight: bold;
}

.filter-entity {
    display: none;
}

.log-row, .log-list > div, .log-table table td {
    font-size: 12px;
}

.log-row.monospace, .log-list.monospace > div, .log-table table .log-row.monospace td {
    font-family: 'Menlo', monospace;
    font-size: 11px;
}

#log-table table td {
    font-size: 13px;
}


#log-table table tr.monospace td {
    font-size: 11px;
}

.table.pq-table {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
}

.table.pq-table.monospace {
    font-family: 'Menlo', monospace;
    font-size: 11px;
}


#facet-panel.gray-bg {
    background-color: #f8f8f8;
}

.child-filter-panel .count{
    padding: 0px;
    background-color: transparent;
}


.view-entity-page {
}

.nav-pills > div {
    border: 1px solid pink;
    display: flex;
    align-items: center;
}

.card-options > div {
    margin-bottom: 16px;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #dadada;
    cusror: pointer;
}

.card-options .icon-col {
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-options .count {
    margin-left: 10px;
}

.card-options > div:hover {
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}

#object-type-tabs .nav-tabs > div {
    padding: 12px 12px;
}

.visualization {
    flex: 0 0 170px;
    height: 170px;
}

.list-area {
    overflow: auto;
    flex: 1 1 auto;
    height: 100%;
}

.main-panel > .tab-panel {
    height: calc(100vh - 170px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.log-table {
    overflow: auto;
}

.col-operators {
    width: 30px;
    white-space: nowrap;
    
}

.col-operators > span {
        margin-top: 2px;
        padding: 3px 2px;
        border-radius: 3px;
        cursor: pointer;
        text-align: center;
        min-width: 18px;
        display: inline-block;
}

.col-operators > span:hover {
    background-color: 7b3ff2;
    color: #fff;
}



table.entity-table td {
    padding: 10px 14px;
}

.entity-table .histogram {
    margin-top: 5px;
}

.chart-panel {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #eaeaea;
}

.chart-panel:last-child {
    border-right: 0px;
}

.legend-row {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
    font-size: 12px;
}

.chart-title {
    color: #888;
    text-transform: uppercase;
    font-size: 12px;
}

.dot {
    width: 9px;
    height: 9px;
    border-radius: 10px;
    background-color: #ccc;
    
}

.legend-row > div {
    margin-right: 10px;
}

td.pq-table-more-fields {
    border-left: 1px solid #eaeaea;
}

.btn {
    font-family: 'Lato', sans-serif !important;

}

.legend-row .name-col {
    flex: 0 0 80px;
    font-size: 12px;
}

.legend a {
    text-decoration: none;
}

.legend-row .count-col {
    flex: 0 0 20px;
}

.tab-panel {
    display: flex;
    flex-direction: column;
}

.tab-panel .toolbar {
    background-color: rgba(0,0,0,.03);
}

.log-table .entity-table .check-col {
    padding-top: 15px;
}

.btn-secondary.btn-disabled {
    color: #999;
}

.blah {
    height: 16px;
    width: 100%;
    background-color: #eaeaea;
}

.process-state-options {
    display: none;
}

.process-graph-icon {
    opacity: .6;
    cursor: pointer;
    transition: .2s ease all;
}

.process-graph-icon:hover {
    opacity: .9;
}

.query-tabs {
    border-bottom: 0px;
}

.query-tabs .nav-item {
    padding: 4px 12px;
    border: 1px solid transparent;
    border-radius: 3px 3px 0px 0px;
    color: #333;
    font-size: 10px;
    display: flex;
    align-items: center;
    min-height: 30px;

}



.query-tabs .nav-item.active {
    background-color: #f3f3f3;
    border: 1px solid #dadada;
    border-bottom: 0px;
    color: #333;
    box-shadow: 2px -1px 3px rgba(0,0,0,.05);
}

.query-tabs .nav-item.active .tab-more-icon {
    opacity: .5;
    transition: .2s all ease;
}

.tab-more-icon {
    margin-left: 4px;
    font-size: 18px;
    margin-right: -6px;
    opacity: .4;
}

.query-tabs .nav-item:hover .tab-more-icon {
    opacity: .5;
}

.query-tabs .nav-item .tab-more-icon:hover {
    opacity: .8;
}

#query-tab-menu .menu-item {
    font-size: 12px;
}


.dropdown-toggle:after {
    content: "";
    display: inline-block;
    margin-left: 7px;
    width: 0; 
    height: 0; 
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777;
}

.menu .subhead {
    padding: 6px 12px;
    text-transform: uppercase;
    color: #999;
    white-space: nowrap;
    font-size: 12px;
}

.tag {
    font-size: 10px;
    border-radius: 20px;
    padding: 1px 5px;
    background-color: #eaeaea;
}

.not-monospace {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
}

#table-xdr td:first-of-type, #table-xdr th:first-of-type {
    padding-left: 15px;
}

.icon-show-field {
    position: absolute;
    right: 50px;
}

.icon-show-field .material-icons {

    font-size: 16px;
    opacity: .5;
}

.icon-show-field .material-icons:hover {
    opacity: .8;
}

.list-of-fields > div .icon-show-field {
    display: none;
}

.list-of-fields > div:hover .icon-show-field {
    display: block;
}

.field-value-pair {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.field-name {
    background-color: transparent;
    font-size: inherit;
}

.btn-selected {
    background-color: rgba(123, 63, 242, .1);
    border-color: #7b3ff2;
}

.badge {
    background-color: rgba(0,0,0,.1);
    padding: 1px 6px;
    border-radius: 20px;
    margin-left: 5px;
    display: none;
    font-size: 12px;
}