#calendar-graph > svg {
    overflow-x: scroll;
}

#calendar-graph, #histogram {
    text-align: center;
}

.bg-primary {
    background-color: #2196F3 !important;
}

.tooltip {
    position: absolute;
    background: black;
    border: 0;
    border-radius: 5px;
    color: white;
    padding: 5px;
    pointer-events: none;
    max-width: 200px;
}

.main-container {
    margin-top: 40px;
    margin-bottom: 10px;
}

.last-container {
    margin-top: 10px;
    margin-bottom: 40px;
}

.center {
    position: relative; /* where the next element will be automatically positioned */
    display: inline-block; /* causes element width to shrink to fit content */
    left: 50%; /* moves left side of image/element to center of parent element */
    transform: translate(-50%); /* centers image/element on "left: 50%" position */
}