.jqx-widget{
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -ms-touch-action: none;
    zoom: 1 !important;
    color: #000000;
    -moz-background-clip:padding;
    background-clip: padding-box;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-appearance: none;
    -webkit-background-clip: padding-box;
    direction: ltr !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.jqx-widget-content {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -ms-touch-action: none;
    -moz-background-clip: padding;
    -webkit-text-size-adjust: none;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.jqx-reset {
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    box-sizing: content-box;
}
.jqx-splitter {
    overflow: hidden;
    border: 1px solid transparent;
    position: relative;
}
.jqx-splitter-splitbar-vertical {
    border: 1px solid transparent;
    border-top-width: 0px;
    border-bottom-width: 0px;
    cursor: e-resize;
    cursor: col-resize;
    position: absolute;
}
.jqx-splitter-splitbar-horizontal {
    position: absolute;
    border: 1px solid transparent;
    border-left-width: 0px;
    border-right-width: 0px;   
    cursor: n-resize;
    cursor: row-resize;
}
.jqx-splitter-splitbar-hover {
    background-color: transparent;
}
.jqx-splitter-splitbar-collapsed {
    cursor: default;
}
.jqx-splitter-panel {
    border: none;
    outline: none;   
    position: absolute;
    overflow: hidden;
}
.jqx-splitter-nested, .jqx-splitter-panel-nested {
    border: none;
    overflow: hidden;
}
.jqx-splitter-collapse-button-vertical {
    cursor: pointer;
    width: 5px;
    height: 45px;
}
.jqx-splitter-collapse-button-horizontal {
    cursor: pointer;
    width: 45px;
    height: 5px;
}
.jqx-splitter-collapse-button-hover {
}
.jqx-fill-state-normal {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -ms-touch-action: none;
    border-color:#aaa;
    background: #efefef;
}
.jqx-fill-state-hover {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-color:#999;
    background: #e8e8e8;
}
.jqx-fill-state-pressed {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-color:#999;
    background: #d1d1d1;
}
.jqx-fill-state-focus {
    border-color: #555;
}
.jqx-fill-state-disabled {
    cursor: default;
    color: #000;
    opacity: .55;
    filter:Alpha(Opacity=45);
}


/*
    Theme:

    jqx.[theme name].css
    Below is the list of CSS classes used by jqxSlider. 

    When you create a custom style with colors and backgrounds for jqxSplitter, you need to do the following:
    - Add the above CSS classes related to jqxSplitter
    - After each CSS class, add your theme name.

    For example:
    jqx-splitter-summer, jqx-splitter-splitbar-horizontal-summer, jqx-fill-state-hover-summer, etc.
    To apply your custom style to jqxSplitter, you need to set its 'theme' property(option) to point to your theme name string. 
*/

/* applied to the Splitter widget. */
jqx-widget {
} 
/* split bar's class when the jqxSplitter is with horizontal orientation. */
jqx-splitter-splitbar-horizontal {
} 
/* split bar's class when the jqxSplitter is with vertical orientation. */
jqx-splitter-splitbar-vertical {
} 
/* applied to the split bar. */
jqx-fill-state-normal {
}
/* applied to the split bar when it is hovered. */
jqx-fill-state-hover {
} 
/* This class is applied to the splitter when it's dragged to it's max left/right boundary. */
jqx-splitter-invalid {
} 
/* This class is added to split bar's collapse button when the splitter is with vectical orientation. */
jqx-splitter-collapse-button-vertical {
} 
/* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */
jqx-splitter-collapse-button-horizontal {
} 
/* applied to the collapse button. Adds border and background. */
jqx-fill-state-pressed {
} 
/* applied to the jqxSplitter's panels. */
jqx-splitter-panel {
} 
/* applied to the jqxSplitter's panels. */
jqx-widget-content {
} 
/* applied to the splitter when it is disabled. */
jqx-fill-state-disabled {
}