.RadSplitter_CnMaterial {
    border-color: var(--border-color-ctrl);
}

.RadSplitter_CnMaterial .rspLoading {
    background-image: url(" ");
}

    .RadSplitter_CnMaterial .rspResizeBar,
    .RadSplitter_CnMaterial .rspSlideContainerResize,
    .RadSplitter_CnMaterial .rspResizeBarHorizontal,
    .RadSplitter_CnMaterial .rspSlideContainerResizeHorizontal {
        background-color: var(--bg-color-main);
        color: black;
        border-color: var(--border-color-ctrl);
    }

.RadSplitter_CnMaterial .rspPane {
    border-color: var(--border-color-ctrl);
}

.RadSplitter_CnMaterial .rspPaneHorizontal {
    border-color: var(--border-color-ctrl);
}

.RadSplitter_CnMaterial .rspSlideHeader,
.RadSplitter_CnMaterial .rspSlideTitleContainer {
    background-color: #8BC34A;
}

.RadSplitter_CnMaterial .rspSlideTitle {
    color: black;
}

.RadSplitter_CnMaterial .rspSlideTitleContainer,
.RadSplitter_CnMaterial .rspSlideHeaderIconWrapper {
    border-top: 1px solid #8BC34A;
    border-bottom: 1px solid #8BC34A;
}

.RadSplitter_CnMaterial .rspSlideHeaderDockIcon,
.RadSplitter_CnMaterial .rspSlideHeaderUndockIcon,
.RadSplitter_CnMaterial .rspSlideHeaderCollapseIcon {
    line-height: 1.428571429em;
    margin: 0 4px 0 0;
    padding: 7px;
    border-radius: 45px;
    color: var(--color-main_text-light);
}

.RadSplitter_CnMaterial .rspSlideHeaderDockIcon:hover,
.RadSplitter_CnMaterial .rspSlideHeaderUndockIcon:hover,
.RadSplitter_CnMaterial .rspSlideHeaderCollapseIcon:hover {
    background-color: rgba(255, 255, 255, 0.12);
}

    .RadSplitter_CnMaterial .rspSlideContent {
        background-color: var(--bg-color-main);
        color: black;
    }

.RadSplitter_CnMaterial .rspTabsContainer {
    background-color: var(--bg-color-main-three);
}

.RadSplitter_CnMaterial .rspResizeBar,
.RadSplitter_CnMaterial .rspSlideContainerResize {
    border-right-color: var(--border-color-ctrl);
}

    .RadSplitter_CnMaterial .rspResizeBarOver,
    .RadSplitter_CnMaterial table.rspSlideContainer td.rspSlideContainerResizeOver {
        background-color: var(--bg-color-ctrl-hover);
        border-color: var(--border-color-main-three);
    }

.RadSplitter_CnMaterial .rspResizeBarHorizontal,
.RadSplitter_CnMaterial .rspSlideContainerResizeHorizontal {
    border-color: var(--border-color-ctrl);
}
    .RadSplitter_CnMaterial .rspResizeBarHorizontal{
        border-left-width: 1px !important;
    }
    .RadSplitter_CnMaterial .rspResizeBarOverHorizontal,
    .RadSplitter_CnMaterial table.rspSlideContainer td.rspSlideContainerResizeOverHorizontal {
        background-color: var(--bg-color-ctrl-hover);
        border-color: var(--border-color-main-three);
    }

.RadSplitter_CnMaterial .rspPaneTabContainer,
.RadSplitter_CnMaterial .rspBottom .rspPaneTabContainer,
.RadSplitter_CnMaterial .rspTop .rspPaneTabContainer {
    background-color: var(--bg-color-main-three);
    color: black;
    border-color: var(--bg-color-main-three);
}

    .RadSplitter_CnMaterial .rspPaneTabContainer:hover,
    .RadSplitter_CnMaterial .rspBottom .rspPaneTabContainer:hover,
    .RadSplitter_CnMaterial .rspTop .rspPaneTabContainer:hover {
        background-color: var(--bg-color-main-three);
        color: black;
        border-color: var(--border-color-main-three);
    }

.RadSplitter_CnMaterial .rspPaneTabContainerExpanded,
.RadSplitter_CnMaterial .rspBottom .rspPaneTabContainerExpanded,
.RadSplitter_CnMaterial .rspTop .rspPaneTabContainerExpanded {
    color: #8BC34A;
    border-color: #8BC34A;
}

.RadSplitter_CnMaterial .rspTop .rspPaneTabContainerExpanded {
    border-width: 0 0 2px;
}

.RadSplitter_CnMaterial .rspPaneTabContainerExpanded {
    border-width: 0 2px 0 0;
}

.RadSplitter_CnMaterial .rspBottom .rspPaneTabContainerExpanded {
    border-width: 2px 0 0;
}

    .RadSplitter_CnMaterial .rspCollapseBarExpand,
    .RadSplitter_CnMaterial .rspCollapseBarCollapse,
    .RadSplitter_CnMaterial .rspCollapseBarHorizontalExpand,
    .RadSplitter_CnMaterial .rspCollapseBarHorizontalCollapse {
        background-color: transparent;
        border: none !important;
        color: var(--bg-color-main);
    }

.RadSplitter_CnMaterial .rspCollapseBarExpandOver,
.RadSplitter_CnMaterial .rspCollapseBarCollapseOver,
.RadSplitter_CnMaterial .rspCollapseBarHorizontalExpandOver,
.RadSplitter_CnMaterial .rspCollapseBarHorizontalCollapseOver {
    background-color: transparent;
    border: none;
}

.RadSplitter_CnMaterial .rspCollapseBarHorizontalCollapse + .rspCollapseBarHorizontalExpand {
    margin: 0 0 0 -2px;
}

.RadSplitter_CnMaterial .rspCollapseBarCollapse + .rspCollapseBarExpand {
    margin: 0 auto !important;
}

.RadSplitter_CnMaterial .rspResizeBar .rspCollapseBarSpacer {
    width: 8px !important;
}

.RadSplitter_CnMaterial .rspResizeBarHorizontal .rspCollapseBarSpacer {
    height: 8px !important;
}

.RadSplitter_CnMaterial .rspSlideContainer td.rspSlideContainerResize {
    padding: 0 1px;
    border-color: var(--border-color-ctrl);
}

.RadSplitter_CnMaterial .rspResizeBar .rspCollapseBarSpacer {
    width: 6px !important;
}

.RadSplitter_CnMaterial .rspResizeBarHorizontal .rspCollapseBarSpacer {
    height: 6px !important;
}

.RadSplitter_CnMaterial .rspCollapseBarExpand,
.RadSplitter_CnMaterial .rspCollapseBarCollapse {
    height: 26px;
    line-height: 26px;
    width: 6px;
    margin: 2px 0;
}

.RadSplitter_CnMaterial .rspCollapseBarHorizontalExpand,
.RadSplitter_CnMaterial .rspCollapseBarHorizontalCollapse {
    height: 6px;
    line-height: 6px;
}

.RadSplitter_CnMaterial .rspSlideContainer td.rspSlideContainerResizeHorizontal {
    padding: 2px 0 3px 0;
}

.RadSplitter_CnMaterial .rspPaneHorizontal .rspPaneTabContainer {
    height: 22px !important;
    overflow: hidden;
}

.RadSplitter_CnMaterial .rspSlideHeader table {
    height: 48px;
    background-color: #8BC34A;
}

.RadSplitter_CnMaterial .rspSlideHeader .rspSlideTitle {
    color: var(--color-main_text-light);
    height: 46px;
    line-height: 46px;
}

.RadSplitter_CnMaterial .rspSlideHeader .rspSlideHeaderIconWrapper {
    padding: 0 2px 0 0;
}

.RadSplitter_CnMaterial .rspPaneTabText {
    text-transform: uppercase;
}

div.RadSplitter .rspHelperBarDrag,
div.RadSplitter .rspHelperBarSlideDrag {
    background-color: #03A9F4 !important;
    opacity: 1;
}

.rspSlideHeaderDockIcon .t-ripple-container,
.rspSlideHeaderUndockIcon .t-ripple-container,
.rspSlideHeaderCollapseIcon .t-ripple-container {
    top: -1px;
    left: -2px;
}