.timeline-container {
    @include pr-text;
    font-weight: $pr-weight-medium;
    color: $pr-color-light-grey;

    .area {
        cursor: crosshair;
    }

    .year {
        fill: #ffffff;
        
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .event {
        cursor: pointer;
    }

    .total-projection-line {
        stroke-width: 2;
    }

    .contract-projection-line {
        stroke-width: 2;
    }

    .advances-expenses-line {
        stroke-width: 2;
    }

    .tip {
        font-family: "Lato", sans-serif;
        font-size: 1.4rem;
        font-weight: 300;
        stroke: #ffffff;
        text-transform: uppercase;
        
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
}