@include exports("gantt/theme") {

    // Header and footer
    .k-gantt-toolbar {
        @include fill(
            $toolbar-text,
            $toolbar-bg,
            inherit,
            $toolbar-gradient
        );
    }


    // View switcher
    .k-gantt-views {

        li {
            @include fill(
                $button-text,
                $button-bg,
                $button-border,
                $button-gradient
            );

            &.k-state-hover {
                @include fill(
                    $button-hovered-text,
                    $button-hovered-bg,
                    $button-hovered-border,
                    $button-hovered-gradient
                );
            }
            &.k-state-selected {
                @include fill(
                    $button-pressed-text,
                    $button-pressed-bg,
                    $button-pressed-border,
                    $button-pressed-gradient
                );
                @include box-shadow( $button-pressed-shadow );
            }
            &.k-state-focused,
            .k-state-focused {
                @include box-shadow( $button-focused-shadow );
            }
        }

    }


    // Rows and colls
    .k-gantt-rows {}
    .k-gantt-columns {}
    .k-gantt-columns .k-nonwork-hour {
        background-color: rgba( $panel-text, .025 );
    }

    .k-task-dot {}
    .k-task-dot::before {
        background-color: $panel-text;
    }
    .k-task-dot:hover::before,
    .k-task-dot.k-state-hover::before {
        border-color: $panel-text;
        background-color: $panel-bg;
    }


    // Milestone
    .k-task-milestone {
        border-color: darken( $header-border, 10 );
        background-color: $header-border;
    }
    .k-task-milestone.k-state-selected {
        border-color: darken( $header-selected-border, 10 );
        background-color: $header-selected-border;
    }


    // Summary
    .k-task-summary {
        color: mix( $panel-text, $panel-bg );
    }
    .k-task-summary-complete {
        color: $panel-text;
    }
    .k-task-summary.state-selected {
        color: mix( $header-selected-bg, $panel-bg );

        .k-task-summary-complete {
            color: $header-selected-bg;
        }
    }


    // Tasks
    .k-task-single {
        @include fill(
            $button-text,
            $button-bg,
            $button-border,
            $button-gradient
        );

        .k-task-complete {
            background: $button-text;
            opacity: .25;
        }
    }
    .k-task-single.k-state-selected {}

    // Dependency Lines
    .k-gantt-line {
        color: $gantt-line-fill;
    }
    .k-gantt-line.k-state-selected {
        color: $gantt-line-selected-fill;
    }

}