/* Main
-------------------------------------------- */
/* Core start */

/* Core end */

/* ---
-------------------------------------------- */

/* ---
-------------------------------------------- */


/* Needs to be organized
--------------------------------------------
--------------------------------------------
--------------------------------------------
-------------------------------------------- */
input[type=range] { width: 100%; height: 100%; margin: 0; padding: 0; border: 0 none; background: transparent; color: transparent; overflow: visible; }

.xSliderShell { height: 20px; width: 130px; margin: 1px; border: 0 none; position: relative; left: 0; top: 0; overflow: visible; }
.xSliderShell[focus] { border: 1px solid lightgray; margin: 0; }
.xSlider { position: absolute; left: 0; top: 0; overflow: visible; }
.xSliderTrack { background-color: transparent; position: absolute; height: 6px; }
.xSliderFill { position: absolute; pointer-events: none; height: 6px; }
.xSliderThumb { width: 18px; height: 18px; position: absolute; left: 0; top: 0; padding: 0; margin: 0; text-align: center; pointer-events: none; }

table.xCatGrid .xCatGridInner td[error] .xSliderThumb,
table.xCatGrid .xCatGridInner td[error] .xSliderFill,
table.xCatGrid tr[error] td .xSliderThumb,
table.xCatGrid tr[error] td .xSliderFill,
table.xCatGrid tr[error] .xSliderFill,
table.xCatGrid tr[error] .xSliderThumb,
.xOBErr .xSliderFill,
.xOBErr .xSliderThumb { background-color: #ff6666; }
.xSliderValue { width: 20px; height: 20px; position: absolute; left: 0; top: 0;
                border: 0 none; padding: 0; margin: 0; text-align: center; pointer-events: none;
                line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 10px;
}
.xOBErr .xSliderValue { color: white; }
.xSliderValue[vis='0'] { display: none; }