<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.fn-gantt {
    width: 100%;
    --cell-size: 24px;
    --header-color: #f6f6f6;
    --bar-height: 18px;
    --holiday-bg: #f5f5f5;
    --holiday-text-color: red;
    --saturday-color: blue;
    --today-bg: hsl(174, 42%, 80%);
}

.fn-label {
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
}

.fn-gantt *,
.fn-gantt *:after,
.fn-gantt *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fn-gantt .fn-content {
    overflow: auto;
    position: relative;
    width: 100%;
    max-height: 500px;
}

.fn-gantt .row {
    float: left;
    height: var(--cell-size);
    line-height: var(--cell-size);
    margin: 0;
    justify-content: center;
    --bs-gutter-x: 0;
}

/* === LEFT PANEL === */

.fn-gantt .leftPanel {
    float: left;
    max-width: 225px;
    min-width: 100px;
    overflow: hidden;
    border-right: 1px solid #ddd;
    position: relative;
    z-index: 20;
}

.fn-gantt .leftPanel ul.row-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fn-gantt .leftPanel .row-list li {
    height: var(--cell-size);
    font-weight: bold;
    padding-inline: 0.5rem;
    line-height: var(--cell-size);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.fn-gantt .leftPanel .row-list li,
.fn-gantt .leftPanel .spacer {
    background-color: var(--header-color);
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.fn-gantt .leftPanel .row-list li.draggable {
    cursor: move;
}

.fn-gantt .leftPanel .row-list li.draggable:hover {
    background-color: hsl(0, 0%, 80%);
}

.fn-gantt .leftPanel .row-list li.selected {
    background-color: hsl(0, 0%, 80%);
}

/* === RIGHT PANEL === */
.fn-gantt .rightPanel {
    overflow: hidden;
}

.fn-gantt .dataPanel {
    margin-left: 0;
    outline: 1px solid #ddd;
    background-size: var(--cell-size) var(--cell-size);
    background-image: linear-gradient(to left, rgba(221, 221, 221, 0.7) 1px, transparent 1px),
        linear-gradient(to top, rgba(221, 221, 221, 0.7) 1px, transparent 1px);
    background-repeat: repeat;
    position: relative;
    word-break: normal;
    left: 0px;
    transition: all 0.6s ease;
}

.fn-gantt .row.gt_header {
    margin-right: -1px;
    width: 100%;
}

.fn-gantt .day,
.fn-gantt .date {
    overflow: visible;
    width: var(--cell-size);
    line-height: var(--cell-size);
    text-align: center;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 11px;
    color: #484a4d;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    text-align: center;
}

.fn-gantt .sa,
.fn-gantt .sn,
.fn-gantt .wd {
    height: var(--cell-size);
    text-align: center;
}

.fn-gantt .sa,
.fn-gantt .sn {
    color: #939496;
    background-color: #f5f5f5;
    text-align: center;
}

.fn-gantt .sa {
    color: var(--saturday-color);
}

.fn-gantt .sn {
    color: var(--holiday-text-color);
}

.fn-gantt .wd {
    background-color: var(--header-color);
    text-align: center;
}

.fn-gantt .holiday {
    background-color: var(--holiday-bg);
    color: var(--holiday-text-color);
    height: var(--cell-size);
}

.fn-gantt .today {
    background-color: var(--today-bg);
    height: var(--cell-size);
    color: var(--today-color);
    font-weight: bold;
    text-align: center;
}

.fn-gantt .rightPanel .month,
.fn-gantt .rightPanel .year {
    float: left;
    overflow: hidden;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: var(--cell-size);
    background-color: var(--header-color);
    font-weight: bold;
    font-size: 11px;
    color: #484a4d;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    text-align: center;
}

.fn-gantt-hint {
    border: 5px solid #edc332;
    background-color: #fff5d4;
    padding: 10px;
    position: absolute;
    display: none;
    z-index: 11;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fn-gantt .bar {
    background-color: #d0e4fd;
    height: var(--bar-height);
    /* margin: 0 3px 3px 0; */
    position: absolute;
    z-index: 10;
    text-align: center;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset;
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    --resizer-color: hsl(0, 0%, 40%);
}

.fn-gantt .bar.resizing {
    z-index: 100;
    border: 1px dashed var(--resizer-color);
}

.fn-gantt .bar[data-resized='true'] {
    border: 1px dashed var(--resizer-color);
}

.fn-gantt .bar.noStart {
    background: linear-gradient(to right, hsl(213, 92%, 100%) 20%, hsl(213, 92%, 90%) 100%);
    box-shadow: none;
}

.fn-gantt .bar.noEnd {
    background: linear-gradient(to left, hsl(213, 92%, 100%) 20%, hsl(213, 92%, 90%) 100%);
    box-shadow: none;
}

.fn-gantt .bar .fn-label {
    line-height: var(--bar-height);
    font-weight: bold;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    /* color: #414b57 !important; */
    text-align: center;
    font-size: 11px;
}

.fn-gantt .ganttRed {
    background-color: rgb(249, 196, 225);
}

/* .fn-gantt .ganttRed .fn-label {
    color: rgb(120, 67, 109) !important;
} */

.fn-gantt .ganttGreen {
    background-color: rgb(216, 237, 163);
}

/* .fn-gantt .ganttGreen .fn-label {
    color: rgb(119, 132, 97) !important;
} */

.fn-gantt .ganttOrange {
    background-color: rgb(252, 210, 154);
}

/* .fn-gantt .ganttOrange .fn-label {
    color: rgb(113, 71, 21) !important;
} */

/* === BOTTOM NAVIGATION === */

.fn-gantt .bottom select,
.fn-gantt .bottom button {
    cursor: pointer;
    background-color: transparent;
    border: 1px solid hsl(0, 0%, 80%);
    padding: 5px 10px;
    border-radius: 5px;
    color: #333;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.fn-gantt .bottom button:hover {
    background-color: #f5f5f5;
    border-color: hsl(0, 0%, 50%);
    transform: scale(1.1);
}

.fn-gantt .bottom button.active {
    border-color: hsl(0, 0%, 40%);
    transform: scale(1.05);
}

.fn-gantt .navigate {
    border-top: 1px solid #ddd;
    align-items: center;
    justify-content: center;
    padding-block: 1rem;
    display: grid;
    gap: 0.5rem;
}

.fn-gantt .navigate .nav-sort-bar-order {
    margin-inline: 0.5rem;
}

.fn-gantt .navigate .nav-slider {
    display: flex;
    align-items: center;
}

.fn-gantt .navigate .nav-slider-left,
.fn-gantt .navigate .nav-slider-right {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
}

.fn-gantt .navigate .nav-slider-left {
    /* float: left; */
}

.fn-gantt .navigate .nav-slider-right {
    /* float: right; */
}

.fn-gantt .navigate .nav-slider-content {
    text-align: left;
    width: 160px;
    height: 20px;
    display: inline-block;
    margin: 0 10px;
}

.fn-gantt .navigate .nav-slider-bar,
.fn-gantt .navigate .nav-slider-button {
    position: absolute;
    display: block;
}

.fn-gantt .navigate .nav-slider-bar {
    width: 155px;
    height: 6px;
    background-color: #838688;
    margin: 8px 0 0 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.fn-gantt .navigate .nav-slider-button {
    width: 17px;
    height: 60px;
    /* background: url({% static "images/gantt/slider_handle.png" %}) center center no-repeat; */
    left: 0;
    top: 0;
    margin: -26px 0 0 0;
    cursor: pointer;
}

.fn-gantt .navigate .nav-holidays-input {
    margin-inline: 0.5rem;
}

.fn-gantt .navigate .nav-holidays-input form {
    display: flex;
}

.fn-gantt .navigate .nav-holidays-input div {
    display: grid;
}

.fn-gantt .navigate .page-number {
    display: inline-block;
    /* font-size: small; */
    height: 20px;
}

.fn-gantt .navigate .page-number span {
    color: #666666;
    margin: 0 6px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
}

.row:after {
    clear: both;
}

/* progress bar */
.progress {
    --size: 20px;
    --progress: 0%;
    border-radius: var(--size);
    position: relative;
    margin-inline: 1.25rem;
    width: 300px;
    overflow: visible;
    margin-bottom: 0;
    border: 1px solid #ccc;
    background-color: rgb(248, 249, 250);
    height: 1rem;
}

.progress.canScroll {
    cursor: grab;
}

.progress.canScroll:active {
    cursor: grabbing;
}

.progress-bar {
    border-radius: var(--size);
    /* line-height: var(--size); */
    width: var(--progress);
    user-select: none;
    background-color: rgb(248, 249, 250);
    display: flex;
    text-align: center;
    white-space: nowrap;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    transition: all .6s ease;
    font-size: 0.75rem;
    height: -webkit-fill-available;
}

.circle {
    position: absolute;
    cursor: pointer;
    left: calc(var(--progress) - var(--size)/2);
    background-color: white;
    border-radius: 50%;
    border: 2px solid #ccc;
    transition: all .6s ease;
    /* position in the center vertically */
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.progress.canScroll .circle {
    width: calc(var(--size) * 1.25);
    height: calc(var(--size) * 1.25);
    border: 2px solid #a6a6a6;
    display: block;
}

.circle:hover {
    transition: all .1s ease;
    transform: translateY(-50%) scale(1.2);
}

.circle:active {
    transform: translateY(-50%) scale(1.1);
    transition: none;
    cursor: grabbing;
}

.fn-gantt .bar .resizer-handle {
    position: absolute;
    top: 0;
    width: 8px;
    height: 100%;
    background-color: var(--resizer-color);
    cursor: w-resize;
    transition: all 0.1s ease;
}


.fn-gantt .bar .left-handle {
    left: 0;
}

.fn-gantt .bar .right-handle {
    right: 0;
}

.fn-gantt .bar:not(.resizing) .resizer-handle.hidden {
    width: 0;
}

.gantt-tooltip {
    --arrow-width: 10px;
    position: absolute;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-block: 0.5rem;
    z-index: 100;
    font-size: 0.75rem;
    width: fit-content;
    max-width: 300px;
}

.gantt-tooltip h3,
.gantt-tooltip p {
    margin: 0;
    padding: 0;
    padding-inline: 0.5rem;
}

.gantt-tooltip h3 {
    font-size: 1rem;
    border-bottom: 1px solid #ccc;
    padding-block: 0.25rem;
    margin-bottom: 0.25rem;
}

.gantt-tooltip p:empty,
.gantt-tooltip h3:empty {
    display: none;
}

.gantt-tooltip p {
    white-space: pre-wrap;
}

.gantt-tooltip::before {
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    border-width: var(--arrow-width);
    border-style: solid;
    border-color: transparent;
    transform: rotate(45deg);

    top: calc(100% - var(--arrow-width));
    left: 0%;
    margin-left: calc(-1 * var(--arrow-width));
    border-top-color: #ccc;
}

/* .gantt-tooltip[data-position='top']::before {
    top: calc(100% - var(--arrow-width));
    left: 0%;
    margin-left: calc(-1 * var(--arrow-width));
    border-top-color: #ccc;
}


.gantt-tooltip[data-position='bottom']::before {
    bottom: 100%;
    left: 50%;
    margin-left: calc(-1 * var(--arrow-width));
    border-bottom-color: #ccc;
}

.gantt-tooltip[data-position='right']::before {
    top: 50%;
    right: 100%;
    margin-top: calc(-1 * var(--arrow-width));
    border-right-color: #ccc;
}

.gantt-tooltip[data-position='left']::before {
    top: 50%;
    left: 100%;
    margin-top: calc(-1 * var(--arrow-width));
    border-left-color: #ccc;
} */</pre></body></html>