.RadTimeline_CnMaterial .k-button {
    border-color: var(--border-color-ctrl);
    color: black;
    background-color: var(--bg-color-main-three);
}

    .RadTimeline_CnMaterial .k-button:hover, .RadTimeline_CnMaterial .k-button.k-state-hover {
        border-color: var(--border-color-main-three);
        color: black;
        background-color: var(--bg-color-main-three);
    }

.RadTimeline_CnMaterial .k-button:focus, .RadTimeline_CnMaterial .k-button.k-state-focused {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
}

.RadTimeline_CnMaterial .k-button:active, .RadTimeline_CnMaterial .k-button.k-state-active {
    border-color: var(--border-color-ctrl);
    color: black;
    background-color: var(--border-color-ctrl);
    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.06);
}

.RadTimeline_CnMaterial .k-button.k-state-selected {
    border-color: #689F38;
    color: var(--color-main_text-light);
    background-color: #689F38;
    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.06);
}

.RadTimeline_CnMaterial .k-button.k-primary {
    border-color: #8BC34A;
    color: var(--color-main_text-light);
    background-color: #8BC34A;
}

.RadTimeline_CnMaterial .k-button.k-primary:hover, .RadTimeline_CnMaterial .k-button.k-primary.k-state-hover {
    border-color: #7CB342;
    color: var(--color-main_text-light);
    background-color: #7CB342;
}

.RadTimeline_CnMaterial .k-button.k-primary:focus, .RadTimeline_CnMaterial .k-button.k-primary.k-state-focused {
    box-shadow: 0 3px 4px 0 rgba(3, 169, 244, 0.4);
}

.RadTimeline_CnMaterial .k-button.k-primary:focus[disabled],
[disabled] .RadTimeline_CnMaterial .k-button.k-primary:focus, .RadTimeline_CnMaterial .k-button.k-primary:focus.k-state-disabled, .RadTimeline_CnMaterial .k-button.k-primary.k-state-focused[disabled],
[disabled] .RadTimeline_CnMaterial .k-button.k-primary.k-state-focused, .RadTimeline_CnMaterial .k-button.k-primary.k-state-focused.k-state-disabled {
    box-shadow: none;
}

.RadTimeline_CnMaterial .k-button.k-primary:active, .RadTimeline_CnMaterial .k-button.k-primary.k-state-active {
    border-color: #689F38;
    color: var(--color-main_text-light);
    background-color: #689F38;
    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.06);
}

.RadTimeline_CnMaterial .k-button.k-primary.k-state-selected {
    border-color: #689F38;
    color: var(--color-main_text-light);
    background-color: #689F38;
    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.06);
}

.RadTimeline_CnMaterial .k-button-flat,
.k-button-group .RadTimeline_CnMaterial .k-button-flat,
.RadTimeline_CnMaterial .k-button.k-flat,
.k-button-group
.RadTimeline_CnMaterial .k-button.k-flat {
    color: inherit;
    background: none;
}

.RadTimeline_CnMaterial .k-button-flat::after,
.RadTimeline_CnMaterial .k-button.k-flat::after {
    display: block;
}

.RadTimeline_CnMaterial .k-button-flat:focus::after, .RadTimeline_CnMaterial .k-button-flat.k-state-focused::after,
.RadTimeline_CnMaterial .k-button.k-flat:focus::after,
.RadTimeline_CnMaterial .k-button.k-flat.k-state-focused::after {
    box-shadow: inset 0 0 0 2px currentColor;
    opacity: .12;
}

.RadTimeline_CnMaterial .k-button-flat:hover, .RadTimeline_CnMaterial .k-button-flat.k-state-hover, .RadTimeline_CnMaterial .k-button-flat:active, .RadTimeline_CnMaterial .k-button-flat.k-state-active, .RadTimeline_CnMaterial .k-button-flat:hover:active, .RadTimeline_CnMaterial .k-button-flat:hover.k-state-active,
.RadTimeline_CnMaterial .k-button.k-flat:hover,
.RadTimeline_CnMaterial .k-button.k-flat.k-state-hover,
.RadTimeline_CnMaterial .k-button.k-flat:active,
.RadTimeline_CnMaterial .k-button.k-flat.k-state-active,
.RadTimeline_CnMaterial .k-button.k-flat:hover:active,
.RadTimeline_CnMaterial .k-button.k-flat:hover.k-state-active {
    color: inherit;
}

.RadTimeline_CnMaterial .k-flat.k-primary, .RadTimeline_CnMaterial .k-flat.k-primary:hover, .RadTimeline_CnMaterial .k-flat.k-primary.k-state-hover,
.k-button-group .RadTimeline_CnMaterial .k-flat.k-primary,
.RadTimeline_CnMaterial .k-button-flat.k-primary,
.RadTimeline_CnMaterial .k-button-flat.k-primary:hover,
.RadTimeline_CnMaterial .k-button-flat.k-primary.k-state-hover,
.k-button-group
.RadTimeline_CnMaterial .k-button-flat.k-primary {
    color: #03A9F4;
    background: none;
}

.RadTimeline_CnMaterial .k-card {
    border-color: var(--border-color-ctrl);
    color: black;
    background-color: #f8fafb;
}

.RadTimeline_CnMaterial .k-card:focus, .RadTimeline_CnMaterial .k-card.k-state-focus {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
}

.RadTimeline_CnMaterial .k-card .k-card-callout {
    border-color: var(--border-color-ctrl);
    background-color: #f8fafb;
}

.RadTimeline_CnMaterial .k-card .k-card-actions {
    border-color: var(--border-color-ctrl);
}

.RadTimeline_CnMaterial.k-state-primary, .RadTimeline_CnMaterial .RadTimeline_CnMaterial.k-card.k-card-primary, .RadTimeline_CnMaterial .RadTimeline_CnMaterial.k-card.k-state-primary {
    background-color: var(--bg-color-main-three);
    color: #6c7072;
    border-color: #f2f4f5;
}

.RadTimeline_CnMaterial.k-state-info, .RadTimeline_CnMaterial .RadTimeline_CnMaterial.k-card.k-card-info, .RadTimeline_CnMaterial .RadTimeline_CnMaterial.k-card.k-state-info {
    background-color: #d8e6fb;
    color: #20437b;
    border-color: #c9dbfa;
}

.RadTimeline_CnMaterial.k-state-success, .RadTimeline_CnMaterial .RadTimeline_CnMaterial.k-card.k-card-success, .RadTimeline_CnMaterial .RadTimeline_CnMaterial.k-card.k-state-success {
    background-color: #dff3d6;
    color: #31651a;
    border-color: #d2eec6;
}

.RadTimeline_CnMaterial.k-state-warning, .RadTimeline_CnMaterial .RadTimeline_CnMaterial.k-card.k-card-warning, .RadTimeline_CnMaterial .RadTimeline_CnMaterial.k-card.k-state-warning {
    background-color: #fef2d5;
    color: #836417;
    border-color: #feedc4;
}

.RadTimeline_CnMaterial.k-state-error, .RadTimeline_CnMaterial .RadTimeline_CnMaterial.k-card.k-card-error, .RadTimeline_CnMaterial .RadTimeline_CnMaterial.k-card.k-state-error {
    background-color: #fdd9d7;
    color: #7e221c;
    border-color: #fccac6;
}

.RadTimeline_CnMaterial .k-card-header {
    border-color: #8BC34A;
    color: black;
    background-color: #8BC34A;
}

.RadTimeline_CnMaterial .k-card-footer {
    border-color: #8BC34A;
    color: black;
    background-color: #8BC34A;
}

.RadTimeline_CnMaterial .k-card-separator {
    border-color: var(--border-color-ctrl);
}

.RadTimeline_CnMaterial .k-card-subtitle {
    color: #a7b2b7;
}

.k-state-primary .RadTimeline_CnMaterial .k-card-subtitle, .RadTimeline_CnMaterial .k-card.k-card-primary .RadTimeline_CnMaterial .k-card-subtitle,
.k-state-info .RadTimeline_CnMaterial .k-card-subtitle,
.RadTimeline_CnMaterial .k-card.k-card-info .RadTimeline_CnMaterial .k-card-subtitle,
.k-state-success .RadTimeline_CnMaterial .k-card-subtitle,
.RadTimeline_CnMaterial .k-card.k-card-success .RadTimeline_CnMaterial .k-card-subtitle,
.k-state-warning .RadTimeline_CnMaterial .k-card-subtitle,
.RadTimeline_CnMaterial .k-card.k-card-warning .RadTimeline_CnMaterial .k-card-subtitle,
.k-state-error .RadTimeline_CnMaterial .k-card-subtitle,
.RadTimeline_CnMaterial .k-card.k-card-error .RadTimeline_CnMaterial .k-card-subtitle {
    color: inherit;
}

.RadTimeline_CnMaterial .k-card-wrap.k-state-focused > .k-card, .RadTimeline_CnMaterial .k-card-wrap.k-state-selected > .k-card {
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
}

.RadTimeline_CnMaterial .k-card:focus .k-card-callout.k-callout-n,
.RadTimeline_CnMaterial .k-card.k-state-focus .k-card-callout.k-callout-n {
    box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.06);
}

.RadTimeline_CnMaterial .k-card:focus .k-card-callout.k-callout-e,
.RadTimeline_CnMaterial .k-card.k-state-focus .k-card-callout.k-callout-e {
    box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06);
}

.RadTimeline_CnMaterial .k-card:focus .k-card-callout.k-callout-s,
.RadTimeline_CnMaterial .k-card.k-state-focus .k-card-callout.k-callout-s {
    box-shadow: 2px -2px 4px 0 rgba(0, 0, 0, 0.06);
}

.RadTimeline_CnMaterial .k-card:focus .k-card-callout.k-callout-w,
.RadTimeline_CnMaterial .k-card.k-state-focus .k-card-callout.k-callout-w {
    box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06);
}

.RadTimeline_CnMaterial.k-timeline .k-timeline-flag {
    color: var(--color-main_text-light);
    background-color: #03A9F4;
}

.RadTimeline_CnMaterial.k-timeline .k-timeline-circle {
    background-color: #03A9F4;
}

.RadTimeline_CnMaterial.k-timeline .k-timeline-card .k-card-header {
    background-color: #f8fafb;
    color: black;
}

.RadTimeline_CnMaterial.k-timeline .k-timeline-card .k-card-body {
    scrollbar-color: var(--border-color-ctrl) #f8fafb;
}

.RadTimeline_CnMaterial.k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-track {
    background: #f8fafb;
}

.RadTimeline_CnMaterial.k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb {
    background: var(--border-color-ctrl);
}

    .RadTimeline_CnMaterial.k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb:hover {
        background: var(--bg-color-main-three);
    }

.RadTimeline_CnMaterial.k-timeline .k-timeline-date {
    color: black;
}

.RadTimeline_CnMaterial.k-timeline .k-timeline-arrow.k-button:not(.k-flat):not(.k-bare):not(.k-outline):not(.k-overflow-button).k-state-disabled {
    opacity: 1;
    color: #849299;
    background-color: #f5f8f9;
    border-color: #eceeef;
}

.RadTimeline_CnMaterial.k-timeline-vertical::after,
.RadTimeline_CnMaterial.k-timeline-horizontal .k-timeline-track-wrap::after {
    background-color: var(--bg-color-main-three);
    border-color: var(--border-color-ctrl);
}

.RadTimeline_CnMaterial.k-timeline-horizontal .k-timeline-flag::after {
    background-color: #03A9F4;
}

.RadTimeline_CnMaterial .k-timeline-track-item.k-state-focus .k-timeline-circle {
    box-shadow: 0 3px 4px 0 rgba(3, 169, 244, 0.4);
}