/* --- General --- */
* {
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    cursor: default;
    overflow: hidden;
}

text {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    fill: hsl(0, 0%, 60%);
}

/* --- General --- */

/* --- Dashboard --- */
.vis {
    width: 100%;
    height: 100%;
    background-color: white;
    border: 1px solid hsl(0, 0%, 80%);
}

.vis-header {
    background-color: hsl(0, 0%, 90%);
    padding: 1px 2px;
    height: 20px;
    user-select: none;
}

.vis-header .title {
    font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    float: left;
    text-transform: uppercase;
    color: hsl(0, 0%, 25%);
    margin-top: 1px;
}

.settings {
    font-size: 11px;
}

.settings .setting {
    margin-left: 20px;
    margin-top: -1px;
    float: right;
}

.hidden {
    display: none;
}

/* --- Dashboard --- */

/* --- D3 --- */
/* Brush */
.brush .selection {
    fill-opacity: 0.2;
}

.brush .overlay {
    cursor: default;
}

/* Axis */
.tick line,
.axis path,
.x-axis path,
.y-axis path {
    stroke: hsl(0, 0%, 60%);
    shape-rendering: crispEdges;
}

.axis text,
.x-axis text,
.y-axis text {
    font-size: 10px;
}

rect {
    shape-rendering: crispEdges;
}

/* Normal straight lines in graphs */
.links line,
.links path {
    fill: none;
    stroke: hsl(0, 0%, 60%);
}

/* --- D3 --- */