.RadGantt_CnMaterial {
    border-color: var(--border-color-ctrl);
    color: var(--color-ctrl-default);
    background-color: var(--bg-color-main);
}

.RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch {
    border-radius: 9999px;
}

.RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch:hover .k-switch-container, .RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch.k-state-hover .k-switch-container {
    box-shadow: inset 0 0 0 1px #ECEFF1;
}

.RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch:focus .k-switch-container, .RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch.k-state-focused .k-switch-container {
    outline: none;
    box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.06);
}

.RadGantt_CnMaterial .RadSwitch_CnMaterial .k-switch-container {
    border-radius: 9999px;
    padding: 0px 0px;
    box-shadow: inset 0 0 0 1px var(--border-color-ctrl);
}

.RadGantt_CnMaterial .RadSwitch_CnMaterial .k-switch-handle {
    border-radius: 9999px;
}

.RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch-on .k-switch-container {
    color: var(--color-main_text-light);
    background-color: #03A9F4;
}

.RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch-on .k-switch-handle {
    border-color: var(--border-color-ctrl);
    color: var(--color-main_text-light);
    background-color: #f2f2f2;
}

.RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch-on:hover .k-switch-container, .RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch-on.k-state-hover .k-switch-container {
    color: var(--color-main_text-light);
    background-color: #039be0;
}

.RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch-on:hover .k-switch-handle, .RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch-on.k-state-hover .k-switch-handle {
    border-color: var(--border-color-main-three);
    color: var(--color-main_text-light);
    background-color: #ededed;
}

.RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch-on .k-switch-label-off {
    color: transparent;
}

    .RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch-off .k-switch-container {
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-main-three);
    }

    .RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch-off .k-switch-handle {
        border-color: var(--border-color-ctrl);
        color: var(--color-ctrl-default);
        background-color: #f2f2f2;
    }

    .RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch-off:hover .k-switch-container, .RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch-off.k-state-hover .k-switch-container {
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-main-three);
    }

    .RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch-off:hover .k-switch-handle, .RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch-off.k-state-hover .k-switch-handle {
        border-color: var(--border-color-main-three);
        color: var(--color-ctrl-default);
        background-color: #ededed;
    }

.RadGantt_CnMaterial .RadSwitch_CnMaterial.k-switch-off .k-switch-label-on {
    color: transparent;
}

.RadGantt_CnMaterial .k-switch-handle {
    width: 35px;
    height: 35px;
}

.RadGantt_CnMaterial .rgtTreelistContent tr,
.RadGantt_CnMaterial .radGridContent tr {
    height: calc(2em + 9px);
}

.RadGantt_CnMaterial.k-gantt-planned .rgtTreelistContent tr,
.RadGantt_CnMaterial.k-gantt-planned .radGridContent tr {
    height: calc(3.4em + 9px);
}

.RadGantt_CnMaterial.k-gantt-planned .rgtTaskDot {
    margin-top: 1.5em;
}

.RadGantt_CnMaterial .rgtTreelistWrapper .radGridHeaderWrap {
    height: calc(4em + 36px);
}

    .RadGantt_CnMaterial .k-loading-color {
        background-color: var(--bg-color-main);
    }

.RadGantt_CnMaterial .k-loading-image {
    background-image: url(" ");
}

    .RadGantt_CnMaterial .rgtHeader {
        border-color: var(--border-color-ctrl);
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-main-three);
        min-height: calc(1.42857143em + 16px);
        padding: 5px;
    }

.RadGantt_CnMaterial .rgtActions .radButton {
    border-width: 0;
    background: none;
}

.RadGantt_CnMaterial .rgtViews {
    margin: -5px -5px -5px 5px;
}

.RadGantt_CnMaterial .rgtViews .radButton {
    padding: 13px;
    border-width: 0;
    border-radius: 0;
    background: none;
}

    .RadGantt_CnMaterial .rgtFooter {
        border-color: var(--border-color-ctrl);
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-main-three);
    }

    .RadGantt_CnMaterial .rgtTreelist {
        background-color: var(--bg-color-main-three);
    }

.RadGantt_CnMaterial .rgtTreelist .radGridHeader {
    text-align: left;
}

.RadGantt_CnMaterial .rgtTreelist .radGridHeader th {
    padding: 40px 16px 13px;
    height: 3.4em;
}

    .RadGantt_CnMaterial .rgtTreelist .rgtTreelistGroup {
        font-weight: var(--font-bold);
    }

        .RadGantt_CnMaterial .rgtTreelist .radStateFocused,
        .RadGantt_CnMaterial .rgtTreelist .k-state-focused {
            color: var(--color-ctrl-default);
            background-color: #E1F5FE;
        }

.RadGantt_CnMaterial .rgtTreelist .radStateSelected,
.RadGantt_CnMaterial .rgtTreelist .k-state-selected {
    background: #edf6e3;
}

.RadGantt_CnMaterial .rgtTreelist .radStateSelected td,
.RadGantt_CnMaterial .rgtTreelist .k-state-selected td {
    border-top-width: 0;
}

.RadGantt_CnMaterial .rgtTreelist .rgtTreelistContent td {
    padding-bottom: 12px;
    border-bottom-width: 1px;
    border-color: var(--border-color-ctrl);
}

.RadGantt_CnMaterial .rgtTreelist .k-edit-cell {
    padding-top: 6px;
    padding-bottom: 6px;
}

    .RadGantt_CnMaterial .radIconCollapse,
    .RadGantt_CnMaterial .radIconExpand {
        font-size: var(--font-icon-size);
        font-family: var(--font-icons);
    }

.RadGantt_CnMaterial .radIconCollapse:before {
    content: "\e313";
}

.RadGantt_CnMaterial .radIconExpand:before {
    content: "\e315";
}

    .RadGantt_CnMaterial .rgtSplitbar {
        border-color: var(--border-color-ctrl);
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-main-three);
        width: 6px;
    }

        .RadGantt_CnMaterial .rgtSplitbar .radResizeHandle {
            width: 4px;
            font-size: var(--font-icon-size);
            font-family: var(--font-icons);
        }

.RadGantt_CnMaterial .rgtSplitbar .radResizeHandle:before {
    content: "\e5d4";
    margin: -.5em 0 0 -.5em;
    position: absolute;
    top: 50%;
    left: 50%;
}

.RadGantt_CnMaterial .rgtSplitbarHover {
    background-color: #e4ecee;
}

.RadGantt_CnMaterial .radLine {
    background-color: #607D8B;
}

.RadGantt_CnMaterial .radLine.radStateSelected {
    background-color: #263238;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.RadGantt_CnMaterial .radLine.radStateSelected .radArrowE,
.RadGantt_CnMaterial .radLine.radStateSelected .radArrowW {
    color: #263238;
}

.RadGantt_CnMaterial .radArrowE,
.RadGantt_CnMaterial .radArrowW {
    color: #607D8B;
}

.RadGantt_CnMaterial .radMarqueeColor {
    background-color: rgba(3, 169, 244, 0.4);
}

.RadGantt_CnMaterial .rgtTaskWrap {
    margin-top: -7px;
}

.RadGantt_CnMaterial {
    /* TODO: Fix colors */
}

.RadGantt_CnMaterial .rgtTaskDot:after {
    border-color: #607D8B;
    background-color: #607D8B;
}

    .RadGantt_CnMaterial .rgtTaskDot:hover:after {
        background-color: var(--bg-color-main);
    }

.RadGantt_CnMaterial .rgtResourceWrap {
    padding-top: 6px;
}

    .RadGantt_CnMaterial .rgtResource {
        padding: 0 2px;
        background-color: var(--bg-color-main);
    }

.RadGantt_CnMaterial .rgtTaskMilestone {
    margin-top: 8px;
    border-color: black;
    background-color: black;
}

    .RadGantt_CnMaterial .rgtTaskMilestone.k-task-delayed {
        background-image: repeating-linear-gradient(90deg, var(--bg-color-main-three), var(--bg-color-main-three) 2px, #f34235 2px, #f34235 4px);
    }

.RadGantt_CnMaterial .rgtTaskMilestone.k-task-advanced {
    background-color: #5ec232;
    background-image: none;
}

.RadGantt_CnMaterial .rgtTaskMilestone.radStateSelected {
    border-color: #03A9F4;
    background-color: #03A9F4;
}

.RadGantt_CnMaterial .rgtTaskMilestone ~ .rgtTaskDot {
    top: 8px;
}

.RadGantt_CnMaterial .rgtTaskSummary {
    margin-top: 10px;
    border-color: #607D8B;
    background-color: #607D8B;
}

.RadGantt_CnMaterial .rgtTaskSummary.k-task-delayed {
    color: #f88e86;
}

.RadGantt_CnMaterial .rgtTaskSummary.k-task-advanced {
    color: #9eda84;
}

.RadGantt_CnMaterial .rgtTaskSummary.radStateSelected {
    border-color: #4fc3f7;
    background-color: #4fc3f7;
}

.RadGantt_CnMaterial .rgtComplete {
    border-color: black;
    background-color: black;
}

.RadGantt_CnMaterial .radStateSelected .rgtComplete {
    border-color: #03A9F4;
    background-color: #03A9F4;
}

.RadGantt_CnMaterial .rgtTaskSummary ~ .rgtTaskDot {
    top: 8px;
}

.RadGantt_CnMaterial .k-summary-wrap .k-task-offset {
    height: 10px;
    margin: 10px 0 0;
}

.RadGantt_CnMaterial .k-summary-wrap .k-task-offset:after {
    border-color: transparent;
    border-right-color: #db4240;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px;
    right: 1.4em;
}

.RadGantt_CnMaterial .rgtTaskSingle {
    border-width: 0;
    border-radius: 3px;
    color: var(--color-main_text-light);
    background-color: #aed580;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.RadGantt_CnMaterial .rgtTaskSingle.k-task-delayed {
    background-color: #f88e86;
    background-image: none;
}

.RadGantt_CnMaterial .rgtTaskSingle.k-task-advanced {
    background-color: #9eda84;
    background-image: none;
}

.RadGantt_CnMaterial .rgtTaskTemplate {
    padding-top: 8px;
    padding-bottom: 8px;
}

.RadGantt_CnMaterial .rgtTaskComplete {
    background-color: #8BC34A;
}

    .RadGantt_CnMaterial .rgtTaskSingle .radResizeHandle:after,
    .RadGantt_CnMaterial .k-task-offset .radResizeHandle:after {
        background-color: var(--bg-color-main);
    }

.RadGantt_CnMaterial .rgtTaskActions {
    top: 8px;
}

.RadGantt_CnMaterial .rgtTaskActions .rgtTaskDelete,
.RadGantt_CnMaterial .rgtTaskActions .rgtTaskDelete:hover {
    border-width: 0;
    color: inherit;
    background: none;
}

.RadGantt_CnMaterial .rgtTaskActions .rgtTaskDelete:hover {
    cursor: pointer;
}

.RadGantt_CnMaterial .rgtTaskSingle.radStateSelected {
    background-color: #4fc3f7;
}

.RadGantt_CnMaterial .rgtTaskSingle.radStateSelected .rgtTaskContent {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
}

.RadGantt_CnMaterial .rgtTaskSingle.radStateSelected .rgtTaskComplete {
    background-color: #03A9F4;
}

.RadGantt_CnMaterial .rgtTaskSingle ~ .rgtTaskDot {
    top: 8px;
}

.RadGantt_CnMaterial .k-task-delayed .k-task-summary-complete,
.RadGantt_CnMaterial .k-task-delayed .rgtComplete {
    color: #f34235;
}

.RadGantt_CnMaterial .k-task-advanced .k-task-summary-complete,
.RadGantt_CnMaterial .k-task-delayed .rgtComplete {
    color: #5ec232;
}

.RadGantt_CnMaterial .k-task-delayed .rgtTaskComplete {
    background-color: #f34235;
    background-image: none;
}

.RadGantt_CnMaterial .k-task-advanced .rgtTaskComplete {
    background-color: #5ec232;
    background-image: none;
}

.RadGantt_CnMaterial .k-task-planned .k-task-moment {
    border-color: #03A9F4;
    background-color: transparent;
}

.RadGantt_CnMaterial .k-task-planned .k-task-duration {
    background-color: #03A9F4;
}

.RadGantt_CnMaterial .k-task-planned:hover .k-task-moment {
    background-color: #03A9F4;
}

    .RadGantt_CnMaterial .k-task-offset {
        background-image: repeating-linear-gradient(135deg, var(--bg-color-main-three), var(--bg-color-main-three) 2px, #f34235 2px, #f34235 4px);
    }

.RadGantt_CnMaterial .k-task-offset .radResizeE::before {
    border-color: #000000;
}

.RadGantt_CnMaterial .k-task-offset .k-task-actions, .RadGantt_CnMaterial .k-task-offset .rgtTaskActions {
    color: #000000;
}

.RadGantt_CnMaterial .k-task-offset .rgtTaskActions {
    margin-top: 10px;
}

        .RadGantt_CnMaterial .k-task-offset:hover {
            background-image: repeating-linear-gradient(135deg, var(--bg-color-main-three), var(--bg-color-main-three) 2px, #f88e86 2px, #f88e86 4px);
        }

.RadGantt_CnMaterial .k-pdf-export .k-task-offset {
    background-color: #f34235;
}

.RadGantt_CnMaterial .k-task-offset-wrap .rgtTaskSummaryComplete:after,
.RadGantt_CnMaterial .k-task-offset-wrap .rgtTaskSummary:after {
    border-right-color: transparent;
}

.radSkin_CnMaterial {
    color: var(--color-ctrl-default);
}

    .radSkin_CnMaterial .k-grid, .radSkin_CnMaterial .radCalendar {
        border-color: var(--border-color-ctrl);
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-main);
    }

    .radSkin_CnMaterial .k-popup, .radSkin_CnMaterial.k-popup,
    .radSkin_CnMaterial .radPopup, .radSkin_CnMaterial.radPopup, .radSkin_CnMaterial .radDragClue, .radSkin_CnMaterial.radDragClue, .radSkin_CnMaterial.k-window {
        border-color: var(--border-color-ctrl);
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-main);
    }

    .radSkin_CnMaterial .k-button,
    .radSkin_CnMaterial .radButton {
        border-color: var(--border-color-ctrl);
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-main-three);
        border: 0;
    }

.radSkin_CnMaterial .radButton:focus {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.14), 0 3px 6px rgba(0, 0, 0, 0.2);
}

        .radSkin_CnMaterial .k-button:hover,
        .radSkin_CnMaterial .radButton:hover,
        .radSkin_CnMaterial .radButton.radStateHovered,
        .radSkin_CnMaterial .radStateHovered > .radButton, .radSkin_CnMaterial .k-numeric-wrap .k-link:hover, .radSkin_CnMaterial .k-dropdown-wrap.k-state-hover, .radSkin_CnMaterial .k-picker-wrap .k-select:hover {
            border-color: var(--border-color-main-three);
            color: var(--color-ctrl-default);
            background-color: var(--bg-color-main-three);
        }

        .radSkin_CnMaterial .radButton.radStateSelected,
        .radSkin_CnMaterial .radStateSelected > .radButton, .radSkin_CnMaterial .k-numeric-wrap .k-link.k-state-selected, .radSkin_CnMaterial .k-dropdown-wrap.k-state-active {
            border-color: var(--border-color-ctrl);
            color: var(--color-ctrl-default);
            background-color: var(--border-color-ctrl);
        }

.radSkin_CnMaterial .radPrimary {
    color: #8BC34A;
}

.radSkin_CnMaterial .radPrimary:hover {
    color: #8BC34A;
    background: rgba(124, 179, 66, 0.12);
}

.radSkin_CnMaterial .k-numeric-wrap, .radSkin_CnMaterial .k-dropdown-wrap, .radSkin_CnMaterial .k-picker-wrap {
    padding: 8px 50px 8px 13px;
    border-width: 0;
    border-radius: 2px;
}

.radSkin_CnMaterial .k-numeric-wrap .k-input, .radSkin_CnMaterial .k-dropdown-wrap .k-input, .radSkin_CnMaterial .k-picker-wrap .k-input {
    padding: 0;
}

.radSkin_CnMaterial .k-numeric-wrap:before, .radSkin_CnMaterial .k-dropdown-wrap:before, .radSkin_CnMaterial .k-picker-wrap:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 13px;
    right: 13px;
    border-bottom: 1px solid var(--border-color-ctrl);
}

    .radSkin_CnMaterial .k-state-hover.k-numeric-wrap, .radSkin_CnMaterial .k-state-hover.k-dropdown-wrap, .radSkin_CnMaterial .k-state-hover.k-picker-wrap, .radSkin_CnMaterial .k-state-focused.k-numeric-wrap, .radSkin_CnMaterial .k-state-focused.k-dropdown-wrap, .radSkin_CnMaterial .k-state-focused.k-picker-wrap {
        border-color: var(--border-color-ctrl);
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-main);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
    }

.radSkin_CnMaterial .k-state-hover.k-numeric-wrap:before, .radSkin_CnMaterial .k-state-hover.k-dropdown-wrap:before, .radSkin_CnMaterial .k-state-hover.k-picker-wrap:before, .radSkin_CnMaterial .k-state-focused.k-numeric-wrap:before, .radSkin_CnMaterial .k-state-focused.k-dropdown-wrap:before, .radSkin_CnMaterial .k-state-focused.k-picker-wrap:before {
    display: none;
}

.radSkin_CnMaterial .radDragClue, .radSkin_CnMaterial.radDragClue {
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(130, 130, 130, 0.5);
}

    .radSkin_CnMaterial .radList > .radStateHovered,
    .radSkin_CnMaterial .k-list > .k-state-hover {
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-main-three);
    }

.radSkin_CnMaterial .radList > .radStateFocused,
.radSkin_CnMaterial .k-list > .k-state-focused {
    box-shadow: inset 0 0 5px transparent;
}

.radSkin_CnMaterial .radList > .radStateSelected,
.radSkin_CnMaterial .k-list > .k-state-selected {
    color: #03A9F4;
    background-color: transparent;
}

.radSkin_CnMaterial .radGrid td {
    border-color: var(--border-color-ctrl);
}

.radSkin_CnMaterial .radGridHeader,
.radSkin_CnMaterial .radGridHeaderWrap {
    border-color: var(--border-color-ctrl);
}

    .radSkin_CnMaterial .radGridHeader th {
        border-color: var(--border-color-ctrl);
        font-weight: var(--font-bold);
    }

.radSkin_CnMaterial .radFauxRows tr td {
    border-bottom-width: 1px;
    padding-bottom: 12px;
}

.radSkin_CnMaterial .k-grid-header,
.radSkin_CnMaterial .k-grid-header-wrap {
    border-color: var(--border-color-ctrl);
}

    .radSkin_CnMaterial .k-grid-header .k-header {
        border-color: var(--border-color-ctrl);
        font-weight: var(--font-bold);
    }

.radSkin_CnMaterial .k-grid-content td {
    border-width: 0 0 1px;
    border-color: var(--border-color-ctrl);
}

.radSkin_CnMaterial .k-grid th,
.radSkin_CnMaterial .k-grid td,
.radSkin_CnMaterial .radGrid th,
.radSkin_CnMaterial .radGrid td {
    padding: 13px 16px;
}

.radSkin_CnMaterial .k-tooltip,
.radSkin_CnMaterial .radTooltip {
    border-color: black;
    border-radius: 2px;
    color: var(--color-main_text-light);
    background-color: rgba(69, 90, 100, 0.9);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
}

.radSkin_CnMaterial .k-tooltip.k-offset-tooltip-delayed,
.radSkin_CnMaterial .radTooltip.k-offset-tooltip-delayed {
    color: var(--color-main_text-light);
    background-color: #f34235;
    background-image: none;
}

.radSkin_CnMaterial .k-tooltip.k-planned-tooltip,
.radSkin_CnMaterial .radTooltip.k-planned-tooltip {
    color: var(--color-main_text-light);
    background-color: #03A9F4;
    background-image: none;
}

    .radSkin_CnMaterial .k-tooltip-validation {
        border-color: var(--color-main_text-light);
        color: #d51923;
        background-color: var(--bg-color-main);
        background-image: none;
    }

.radSkin_CnMaterial .k-button,
.radSkin_CnMaterial .radButton {
    padding: 8px 13px;
    border-radius: 2px;
    text-transform: uppercase;
}

.radSkin_CnMaterial .radToolbar .radButton {
    border-radius: 0;
}

    .radSkin_CnMaterial .k-textbox,
    .radSkin_CnMaterial .radTextbox {
        border-color: var(--border-color-ctrl);
        color: var(--color-ctrl-default);
        background-color: transparent;
        padding: 8px 13px;
        border-width: 0 0 1px;
    }

        .radSkin_CnMaterial .k-textbox:hover,
        .radSkin_CnMaterial .radTextbox:hover {
            border-color: #90A4AE;
            color: var(--color-ctrl-default);
            background-color: transparent;
        }

        .radSkin_CnMaterial .k-textbox:focus,
        .radSkin_CnMaterial .radTextbox:focus {
            border-color: #8BC34A;
            color: var(--color-ctrl-default);
            background-color: transparent;
            box-shadow: 0 2px 0 -1px #8BC34A;
        }

.radSkin_CnMaterial .k-numeric-wrap .k-link,
.radSkin_CnMaterial .k-numeric-wrap .k-select {
    width: 37px;
    border-color: transparent;
    border-radius: 0 2px 2px 0;
}

.radSkin_CnMaterial .k-picker-wrap .k-select {
    width: 37px;
    border-color: transparent;
    border-radius: 0 2px 2px 0;
}

.radSkin_CnMaterial .radDateTimePicker .k-picker-wrap {
    padding-right: 88px;
}

.radSkin_CnMaterial .radDateTimePicker .k-picker-wrap .k-select {
    width: 75px;
}

.radSkin_CnMaterial .radCalendar .k-header {
    border-color: #8BC34A;
    color: var(--color-main_text-light);
    background-color: #8BC34A;
}

.radSkin_CnMaterial .radCalendar th {
    border-color: #8BC34A;
}

.radSkin_CnMaterial .radCalendar td.k-weekend {
    color: #74838b;
}

.radSkin_CnMaterial .radCalendar td.k-other-month {
    color: #a2adb2;
}

    .radSkin_CnMaterial .radCalendar td.k-state-hover {
        border-color: var(--border-color-main-three);
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-main-three);
    }

.radSkin_CnMaterial .radCalendar td.k-state-focused {
    box-shadow: inset 0 0 5px transparent;
}

.radSkin_CnMaterial .radCalendar td.k-state-selected {
    border-color: transparent;
    color: #03A9F4;
    background-color: transparent;
}

.radSkin_CnMaterial.k-window {
    border: 0;
}

.radSkin_CnMaterial .k-window-titlebar {
    border-color: #8BC34A;
    color: var(--color-main_text-light);
    background-color: #8BC34A;
    font-size: 1.4285714286em;
}

    .radSkin_CnMaterial .radPopupEditForm .rgtButtonsContainer {
        border-color: var(--border-color-ctrl);
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-main-three);
    }

.radSkin_CnMaterial.k-rtl .rgtViews .radButton {
    border-radius: 0;
}

@media only screen and (max-width: 1024px) {
    .RadGantt_CnMaterial .rgtToolbar > .rgtViews {
        right: 5px;
        top: 5px;
        border: 0;
    }
        .RadGantt_CnMaterial .rgtToolbar > .rgtViews.rgtExpanded {
            color: var(--color-ctrl-default);
            background: var(--bg-color-main);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
        }
    .RadGantt_CnMaterial .rgtToolbar > .rgtViews.rgtExpanded .radButton {
        box-shadow: none;
    }
    .RadGantt_CnMaterial .rgtToolbar > .rgtViews.radToolbar > li,
    .RadGantt_CnMaterial .rgtToolbar > .rgtViews.radToolbar > li + li {
        margin: 0;
    }
    .RadGantt_CnMaterial .rgtToolbar > .rgtViews > li.rgtCurrentView > .radButton:after {
        margin-top: -0.7em;
    }
}