.cat-gantt-header {
    display: flex !important;
    flex-direction: row;
    height: 100%;
    position: absolute;
    left: 4px;
    right: 4px;
}

    .cat-gantt-header .date-label-container {
        display: flex !important;
        height: 100%;
        position: absolute;
        left: 0px;
        right: 0px;
        overflow: visible !important;
    }

        .cat-gantt-header .date-label-container.months {
            height: 50%;
            align-self: flex-end;
        }

        .cat-gantt-header .date-label-container.years {
            height: 50%;
            align-self: flex-start;
        }

    .cat-gantt-header .date-label {
        align-self: center;
        text-align: center;
        z-index: 1;
    }


    .cat-gantt-header .date-label.year {
        margin-left: 10px;
    }

.cat-gantt-header .seperator {
    width: 1px;
    background: #c7d0d5;
    height: 100vh;
    z-index: 1;
}

.cat-gantt1.highlight {
    top: -1px;
    bottom: -1px;
    height: unset;
    z-index: 0;
    border-color: black;
    border-style: dashed;
    border-width: 0 2px 0 2px;
}