.RadSplitter_Avanti {
  font-family: "Roboto", "Noto", sans-serif;
  border-color: #CFD8DC; }
  .RadSplitter_Avanti .rspLoading {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Avanti.Common.loading.gif")%>'); }
  .RadSplitter_Avanti .rspResizeBar,
  .RadSplitter_Avanti .rspSlideContainerResize,
  .RadSplitter_Avanti .rspResizeBarHorizontal,
  .RadSplitter_Avanti .rspSlideContainerResizeHorizontal {
    background-color: #ffffff;
    color: #455A64;
    border-color: #CFD8DC; }
  .RadSplitter_Avanti .rspPane {
    border-color: #CFD8DC; }
  .RadSplitter_Avanti .rspPaneHorizontal {
    border-color: #CFD8DC; }
  .RadSplitter_Avanti .rspSlideHeader,
  .RadSplitter_Avanti .rspSlideTitleContainer {
    background-color: #FF9800; }
  .RadSplitter_Avanti .rspSlideTitle {
    color: #455A64; }
  .RadSplitter_Avanti .rspSlideTitleContainer,
  .RadSplitter_Avanti .rspSlideHeaderIconWrapper {
    border-top: 1px solid #FF9800;
    border-bottom: 1px solid #FF9800; }
  .RadSplitter_Avanti .rspSlideHeaderDockIcon,
  .RadSplitter_Avanti .rspSlideHeaderUndockIcon,
  .RadSplitter_Avanti .rspSlideHeaderCollapseIcon {
    line-height: 1.42857em;
    margin: 0 4px 0 0;
    padding: 7px;
    border-radius: 45px;
    color: #ffffff; }
  .RadSplitter_Avanti .rspSlideHeaderDockIcon:hover,
  .RadSplitter_Avanti .rspSlideHeaderUndockIcon:hover,
  .RadSplitter_Avanti .rspSlideHeaderCollapseIcon:hover {
    background-color: rgba(255, 255, 255, 0.12); }
  .RadSplitter_Avanti .rspSlideContent {
    background-color: #ffffff;
    color: #455A64; }
  .RadSplitter_Avanti .rspTabsContainer {
    background-color: #ffffff; }
  .RadSplitter_Avanti .rspResizeBar,
  .RadSplitter_Avanti .rspSlideContainerResize {
    border-right-color: #CFD8DC; }
  .RadSplitter_Avanti .rspResizeBarOver,
  .RadSplitter_Avanti table.rspSlideContainer td.rspSlideContainerResizeOver {
    background-color: #ECEFF1;
    border-color: #ECEFF1; }
  .RadSplitter_Avanti .rspResizeBarHorizontal,
  .RadSplitter_Avanti .rspSlideContainerResizeHorizontal {
    border-color: #CFD8DC; }
  .RadSplitter_Avanti .rspResizeBarOverHorizontal,
  .RadSplitter_Avanti table.rspSlideContainer td.rspSlideContainerResizeOverHorizontal {
    background-color: #ECEFF1;
    border-color: #ECEFF1; }
  .RadSplitter_Avanti .rspPaneTabContainer,
  .RadSplitter_Avanti .rspBottom .rspPaneTabContainer,
  .RadSplitter_Avanti .rspTop .rspPaneTabContainer {
    background-color: #ffffff;
    color: #455A64;
    border-color: #ffffff; }
  .RadSplitter_Avanti .rspPaneTabContainer:hover,
  .RadSplitter_Avanti .rspBottom .rspPaneTabContainer:hover,
  .RadSplitter_Avanti .rspTop .rspPaneTabContainer:hover {
    background-color: #ECEFF1;
    color: #455A64;
    border-color: #ECEFF1; }
  .RadSplitter_Avanti .rspPaneTabContainerExpanded,
  .RadSplitter_Avanti .rspBottom .rspPaneTabContainerExpanded,
  .RadSplitter_Avanti .rspTop .rspPaneTabContainerExpanded {
    color: #FF9800;
    border-color: #FF9800; }
  .RadSplitter_Avanti .rspTop .rspPaneTabContainerExpanded {
    border-width: 0 0 2px; }
  .RadSplitter_Avanti .rspPaneTabContainerExpanded {
    border-width: 0 2px 0 0; }
  .RadSplitter_Avanti .rspBottom .rspPaneTabContainerExpanded {
    border-width: 2px 0 0; }
  .RadSplitter_Avanti .rspCollapseBarExpand,
  .RadSplitter_Avanti .rspCollapseBarCollapse,
  .RadSplitter_Avanti .rspCollapseBarHorizontalExpand,
  .RadSplitter_Avanti .rspCollapseBarHorizontalCollapse {
    background-color: transparent;
    border: none;
    color: #607D8B; }
  .RadSplitter_Avanti .rspCollapseBarExpandOver,
  .RadSplitter_Avanti .rspCollapseBarCollapseOver,
  .RadSplitter_Avanti .rspCollapseBarHorizontalExpandOver,
  .RadSplitter_Avanti .rspCollapseBarHorizontalCollapseOver {
    background-color: transparent;
    border: none; }
  .RadSplitter_Avanti .rspCollapseBarHorizontalCollapse + .rspCollapseBarHorizontalExpand {
    margin: 0 0 0 -2px; }
  .RadSplitter_Avanti .rspCollapseBarCollapse + .rspCollapseBarExpand {
    margin: -3px 0 0; }
  .RadSplitter_Avanti .rspResizeBar .rspCollapseBarSpacer {
    width: 8px !important; }
  .RadSplitter_Avanti .rspResizeBarHorizontal .rspCollapseBarSpacer {
    height: 8px !important; }
  .RadSplitter_Avanti .rspSlideContainer td.rspSlideContainerResize {
    padding: 0 1px;
    border-color: #CFD8DC; }
  .RadSplitter_Avanti .rspResizeBar .rspCollapseBarSpacer {
    width: 6px !important; }
  .RadSplitter_Avanti .rspResizeBarHorizontal .rspCollapseBarSpacer {
    height: 6px !important; }
  .RadSplitter_Avanti .rspCollapseBarExpand,
  .RadSplitter_Avanti .rspCollapseBarCollapse {
    height: 26px;
    line-height: 26px;
    width: 6px;
    margin: 2px 0; }
  .RadSplitter_Avanti .rspCollapseBarHorizontalExpand,
  .RadSplitter_Avanti .rspCollapseBarHorizontalCollapse {
    height: 6px;
    line-height: 6px; }
  .RadSplitter_Avanti .rspSlideContainer td.rspSlideContainerResizeHorizontal {
    padding: 2px 0 3px 0; }
  .RadSplitter_Avanti .rspPaneHorizontal .rspPaneTabContainer {
    height: 22px !important;
    overflow: hidden; }
  .RadSplitter_Avanti .rspSlideHeader table {
    height: 48px;
    background-color: #FF9800; }
  .RadSplitter_Avanti .rspSlideHeader .rspSlideTitle {
    color: #ffffff;
    height: 46px;
    line-height: 46px; }
  .RadSplitter_Avanti .rspSlideHeader .rspSlideHeaderIconWrapper {
    padding: 0 2px 0 0; }
  .RadSplitter_Avanti .rspPaneTabText {
    text-transform: uppercase; }

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

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