.RadGantt_skillupUI {
    border-color: #d9d9d9;
    color: #5f5f5f;
    background-color: #ffffff;
}

    .RadGantt_skillupUI .k-loading-color {
        background-color: #ffffff;
    }

    .RadGantt_skillupUI .k-loading-image {
        background-image: url('<%=WebResource("Telerik.Web.UI.Skins.skillupUI.Common.loading.gif")%>');
    }

    .RadGantt_skillupUI .rgtHeader {
        border-color: #c4c4c4;
        color: #5f5f5f;
        background-color: #e3e3e3;
        background-image: linear-gradient(white, #e3e3e3);
    }

    .RadGantt_skillupUI .rgtViews > li:first-child + li .radButton {
        border-radius: 3px 0 0 3px;
    }

    .RadGantt_skillupUI .rgtFooter {
        border-color: #c4c4c4;
        color: #5f5f5f;
        background-color: #e3e3e3;
    }

    .RadGantt_skillupUI .rgtTreelist {
        background-color: rgba(243, 243, 243, 0.5);
    }

        .RadGantt_skillupUI .rgtTreelist .radAlt {
            background-color: rgba(196, 196, 196, 0.3);
        }

        .RadGantt_skillupUI .rgtTreelist .radStateFocused {
            box-shadow: inset 0 0 5px #ec77b3;
        }

        .RadGantt_skillupUI .rgtTreelist .radStateSelected {
            border-color: #ec77b3;
            color: #ffffff;
            background-color: #ec77b3;
        }

    .RadGantt_skillupUI .rgtSplitbar {
        border-color: #c4c4c4;
        background-color: #e3e3e3;
    }

        .RadGantt_skillupUI .rgtSplitbar .radResizeHandle {
            border-radius: 2px;
            background-color: #c4c4c4;
        }

    .RadGantt_skillupUI .rgtSplitbarHover {
        border-color: #ababab;
        background-color: #cacaca;
    }

    .RadGantt_skillupUI .radLine {
        background-color: #5e5e5e;
    }

    .RadGantt_skillupUI .radArrowE,
    .RadGantt_skillupUI .radArrowW {
        color: #5e5e5e;
    }

    .RadGantt_skillupUI .radLine.radStateSelected {
        background-color: #010101;
    }

        .RadGantt_skillupUI .radLine.radStateSelected .radArrowE,
        .RadGantt_skillupUI .radLine.radStateSelected .radArrowW {
            color: #010101;
        }

    .RadGantt_skillupUI .radMarqueeColor {
        background-color: rgba(254, 235, 188, 0.6);
    }

    .RadGantt_skillupUI .rgtTaskDot:after {
        border-color: #434343;
        background-color: #434343;
    }

    .RadGantt_skillupUI .rgtTaskDot:hover:after {
        border-color: #434343;
        background-color: #ffffff;
    }

    .RadGantt_skillupUI .rgtResource {
        background-color: #ffffff;
    }

        .RadGantt_skillupUI .rgtResource.radAlt {
            background-color: rgba(196, 196, 196, 0.2);
        }

    .RadGantt_skillupUI .rgtTaskMilestone {
        border-color: #343434;
        background-color: #343434;
        background-image: linear-gradient(135deg, #8a8a8a, #5f5f5f);
    }

        .RadGantt_skillupUI .rgtTaskMilestone.radStateSelected {
            border-color: #e30074;
            background-color: #e30074;
            background-image: linear-gradient(135deg, #ff178e, #e30074);
        }

    .RadGantt_skillupUI .rgtTaskSummary {
        border-color: #919191;
        background-color: #919191;
    }

    .RadGantt_skillupUI .rgtComplete {
        border-color: #5e5e5e;
        background-color: #5e5e5e;
    }

    .RadGantt_skillupUI .rgtTaskSummary.radStateSelected {
        border-color: #ff7dbf;
        background-color: #ff7dbf;
    }

    .RadGantt_skillupUI .radStateSelected .rgtComplete {
        border-color: #e30074;
        background-color: #e30074;
    }

    .RadGantt_skillupUI .rgtTaskSingle {
        border-color: #ff64b3;
        border-radius: 3px;
        color: #464646;
        background-color: #ffa6d3;
        background-image: linear-gradient(#ffcae5, #ffa6d3);
    }

    .RadGantt_skillupUI .rgtTaskComplete {
        color: #464646;
        background-color: #e30074;
        background-image: linear-gradient(#ff178e, #e30074);
    }

    .RadGantt_skillupUI .rgtTaskSingle .radResizeHandle:after {
        background-color: #e30074;
    }

    .RadGantt_skillupUI .rgtTaskSingle.radStateSelected,
    .RadGantt_skillupUI .rgtTaskSingle.radStateSelected .rgtTaskComplete {
        border-color: #bf0062;
    }

.radSkin_skillupUI {
    color: #5f5f5f;
}

    .radSkin_skillupUI .k-grid, .radSkin_skillupUI .radCalendar {
        border-color: #d9d9d9;
        color: #5f5f5f;
        background-color: #ffffff;
    }

    .radSkin_skillupUI .k-popup, .radSkin_skillupUI.k-popup,
    .radSkin_skillupUI .radPopup, .radSkin_skillupUI.radPopup, .radSkin_skillupUI .radDragClue, .radSkin_skillupUI.radDragClue, .radSkin_skillupUI.k-window {
        border-color: #d9d9d9;
        color: #555555;
        background-color: #ffffff;
    }

    .radSkin_skillupUI .k-button,
    .radSkin_skillupUI .radButton, .radSkin_skillupUI .k-numeric-wrap .k-link,
    .radSkin_skillupUI .k-numeric-wrap .k-select, .radSkin_skillupUI .k-dropdown-wrap, .radSkin_skillupUI .k-picker-wrap .k-select {
        border-color: #c4c4c4;
        color: #5f5f5f;
        background-color: #e3e3e3;
        background-image: linear-gradient(white, #e3e3e3);
    }

        .radSkin_skillupUI .radButton:focus {
            border-color: rgba(191, 0, 98, 0.5);
            box-shadow: 0 0 5px rgba(191, 0, 98, 0.5) inset;
        }

        .radSkin_skillupUI .k-button:hover,
        .radSkin_skillupUI .radButton:hover,
        .radSkin_skillupUI .radButton.radStateHovered,
        .radSkin_skillupUI .radStateHovered > .radButton, .radSkin_skillupUI .k-numeric-wrap .k-link:hover, .radSkin_skillupUI .k-dropdown-wrap.k-state-hover, .radSkin_skillupUI .k-picker-wrap .k-select:hover {
            border-color: #a62065;
            color: #ffffff;
            background-color: #a62065;
            background-image: linear-gradient(#c02575, #a62065);
        }

        .radSkin_skillupUI .radButton:active,
        .radSkin_skillupUI .radButton.radStateSelected,
        .radSkin_skillupUI .radStateSelected > .radButton, .radSkin_skillupUI .k-numeric-wrap .k-link.k-state-selected, .radSkin_skillupUI .k-dropdown-wrap.k-state-active {
            border-color: #bf0062;
            color: #ffffff;
            background-color: #e30074;
            background-image: none;
        }

    .radSkin_skillupUI .radPrimary {
        border-color: #e30074;
        color: #ffffff;
        background-color: #e30074;
        background-image: linear-gradient(#ff178e, #e30074);
    }

        .radSkin_skillupUI .radPrimary:hover {
            border-color: #a62065;
            color: #ffffff;
            background-color: #a62065;
            background-image: linear-gradient(#c02575, #a62065);
        }

        .radSkin_skillupUI .radPrimary:active {
            border-color: #bf0062;
            color: #ffffff;
            background-color: #e30074;
            background-image: none;
        }

    .radSkin_skillupUI .k-textbox,
    .radSkin_skillupUI .radTextbox, .radSkin_skillupUI .k-numeric-wrap, .radSkin_skillupUI .k-picker-wrap {
        border-color: #c4c4c4;
        color: #3b3b3b;
        background-color: #ffffff;
    }

    .radSkin_skillupUI .radDragClue, .radSkin_skillupUI.radDragClue {
        border-radius: 3px;
        box-shadow: 0 0 5px rgba(254, 235, 188, 0.6);
    }

    .radSkin_skillupUI .radList > .radStateHovered,
    .radSkin_skillupUI .k-list > .k-state-hover {
        color: #333333;
        background-color: #ffbadd;
    }

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

    .radSkin_skillupUI .radList > .radStateSelected,
    .radSkin_skillupUI .k-list > .k-state-selected {
        color: #ffffff;
        background-color: #ec77b3;
    }

    .radSkin_skillupUI .radGrid td {
        border-color: #d9d9d9;
    }

    .radSkin_skillupUI .radGridHeader,
    .radSkin_skillupUI .radGridHeaderWrap {
        border-color: #ffffff;
        background-color: #e8e8e8;
    }

        .radSkin_skillupUI .radGridHeader th {
            border-color: #ffffff;
            color: #888888;
            background-color: #e8e8e8;
            font-size: .85em;
            text-transform: uppercase;
        }

    .radSkin_skillupUI .radFauxRows .radAlt {
        background-color: #f7f7f7;
    }

    .radSkin_skillupUI .radFauxColumns .radNonwork {
        background-color: rgba(232, 232, 232, 0.4);
    }

    .radSkin_skillupUI .k-grid-header,
    .radSkin_skillupUI .k-grid-header-wrap {
        border-color: #e3e3e3;
        color: #5f5f5f;
        background-color: #e3e3e3;
    }

        .radSkin_skillupUI .k-grid-header .k-header {
            border-color: #e3e3e3;
            color: #5f5f5f;
            background-color: #e3e3e3;
            background-image: linear-gradient(white, #e3e3e3);
        }

    .radSkin_skillupUI .k-grid-content .k-alt {
        background-color: #f7f7f7;
    }

    .radSkin_skillupUI .k-grid-content td {
        border-color: #d9d9d9;
    }

    .radSkin_skillupUI .k-tooltip,
    .radSkin_skillupUI .radTooltip {
        color: #5f5f5f;
        border-color: #e3e3e3;
        background-color: #e3e3e3;
        background-image: linear-gradient(#f7f7f7, #e3e3e3);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    }

    .radSkin_skillupUI .k-tooltip-validation {
        color: #d51923;
        border-color: #ffffff;
        background-color: #ffffff;
        background-image: none;
    }

    .radSkin_skillupUI .k-button,
    .radSkin_skillupUI .radButton {
        border-radius: 3px;
    }

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

    .radSkin_skillupUI .radToolbar > li:first-child .radButton {
        border-radius: 3px 0 0 3px;
    }

    .radSkin_skillupUI .radToolbar > li:last-child .radButton {
        border-radius: 0 3px 3px 0;
    }

    .radSkin_skillupUI .radToolbar > li:only-child .radButton {
        border-radius: 3px;
    }

    .radSkin_skillupUI .k-numeric-wrap {
        border-color: #c4c4c4;
        line-height: 1.5;
    }

    .radSkin_skillupUI .k-picker-wrap {
        border-color: #c4c4c4;
        line-height: 1.5;
    }

    .radSkin_skillupUI .radCalendar .k-header {
        border-color: #e3e3e3;
        color: #5f5f5f;
        background-color: #e3e3e3;
        background-image: linear-gradient(white, #e3e3e3);
    }

    .radSkin_skillupUI .radCalendar th {
        border-color: #e3e3e3;
    }

    .radSkin_skillupUI .radCalendar td.k-weekend {
        color: #878787;
    }

    .radSkin_skillupUI .radCalendar td.k-other-month {
        color: #afafaf;
    }

    .radSkin_skillupUI .radCalendar td.k-state-hover {
        border-color: #a62065;
        color: #ffffff;
        background-color: #a62065;
        background-image: linear-gradient(#c02575, #a62065);
    }

    .radSkin_skillupUI .radCalendar td.k-state-focused {
        box-shadow: inset 0 0 5px #ec77b3;
    }

    .radSkin_skillupUI .radCalendar td.k-state-selected {
        border-color: #ec77b3;
        color: #ffffff;
        background-color: #ec77b3;
    }

    .radSkin_skillupUI .k-window-titlebar {
        border-color: #e3e3e3;
        color: #5f5f5f;
        background-color: #e3e3e3;
        background-image: linear-gradient(white, #e3e3e3);
    }

    .radSkin_skillupUI .radPopupEditForm .rgtButtonsContainer {
        border-color: #e3e3e3;
    }

    .radSkin_skillupUI.k-rtl .rgtViews > li:first-child + li .radButton {
        border-radius: 0 3px 3px 0;
    }

    .radSkin_skillupUI.k-rtl .rgtViews > li:last-child .radButton {
        border-radius: 3px 0 0 3px;
    }

    .radSkin_skillupUI.k-rtl .rgtTaskActions {
        right: auto;
        left: 5px;
    }

@media only screen and (max-width: 1024px) {
    .RadGantt_skillupUI .rgtToolbar > .rgtViews.rgtExpanded {
        color: #555555;
        background: #ffffff;
        border-color: #d9d9d9;
    }

    .RadGantt_skillupUI .rgtToolbar > .rgtViews.radToolbar .radButton {
        border-radius: 3px;
    }
}