.axis line,
.axis path {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}

.axis text, text {
    font-size: 10px;
    shape-rendering: crispEdges;
}

.axis text.with-shadow, text.with-shadow {
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
}

.tick line {
    stroke: lightgrey;
    opacity: 0.7;
    shape-rendering: crispEdges;
}

.divider {
    stroke: darkgrey;
    opacity: 0.7;
    shape-rendering: crispEdges;
}

.x.axis text {
    display: none;
}

.event-item {
    cursor: pointer;
}

.selected-event, .selected-event-bar {
    stroke-width: 3px;
    stroke: #97310e;
    animation: border-pulsate 1s infinite;
}

@keyframes border-pulsate {
    0%   { stroke: #97310e; stroke-width: 3px;}
    50%  { stroke: #fff;  stroke-width: 5px; }
    100% { stroke: #97310e; stroke-width: 3px;}
}

.summary-icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

#side-bar-content, #sidebar {
    font-size: 12px;
}

.item-in-sidebar {
    margin-bottom: 15px;
    border-bottom: 1px solid #dddddd;
}

.track-btn {
    font-size: 10px;
}

#collapse-sidebar:focus {
    text-decoration: none;
    outline: none;
}

div.document-flow-tooltip {
    line-height: 1.3;
    padding: 5px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    border-radius: 2px;
    position: absolute;
    pointer-events: none;
    font-size: 12px;
}