.ui-state-highlight							{ background: unset; border: unset; }
.ui-slider .ui-slider-handle           		{ background-color: rgba(208, 201, 31, 1) !important; }
.ui-slider-range							{ background-color: rgba(208, 101, 31, 1) !important; }
.ui-slider-handle.ui-state-default			{ background-color: rgba(208, 51, 31, 1) !important; color: rgba(255, 255, 255, 1); }

.ui-widget-content .ui-state-active			{ background: rgba(208, 101, 31, 1) !important; color: rgba(255, 255, 255, 1)!important; border: 1px solid rgba(50, 50, 50, .3) !important; }
.ui-widget-content .ui-state-default:not(.ui-state-active)	{ background: rgba(230, 230, 230, 1); border: 1px solid rgba(50, 50, 50, .3); }

.slider										{ height: 5px; padding: 2px 5px 2px 0px; margin-top: 3px; width: 100%; }
.slider label								{ font-size: 11px; margin: 10px 0 10px -10px; position: absolute; text-align: center; }
.sliderval.null								{ margin-top: 1px; position: relative; right: -10px; width: 40px; font-size: 11px; }
.sliderval:not(.null)						{ margin-top: 1px; position: relative; width: 35px; font-size: 11px; text-align: left }
.sliderval:not(.null):after					{ content: attr(sv); position: absolute; left: 0px; top: 0; }
.slidervals									{ display: flex; position: relative; flex-flow: row wrap; margin: -1px auto 0 auto; width: 160px; }

.mgmt .sliderval:not(.null)					{ margin-top: 5px; position: relative; width: auto; }
.mgmt .sliderval:not(.null):after			{ content: attr(sv); position: absolute; right: 0; top: 0; padding: 1px 3px 1px 3px; font-size: 11px }
.mgmt .sliderval:not(.null):after			{ background: rgba(90, 90, 90, 1); text-shadow: 1px 1px rgba(255,255,255, 1); }

.msliderval.null							{ margin-top: 1px; position: relative; padding-left: 10px; width: 7px; font-size: 11px; text-align: left; }
.msliderval:not(.null)						{ margin-top: 1px; position: relative; width: auto; font-size: 11px; text-align: left; }
.msliderval:not(.null):after				{ content: attr(sv); position: absolute; right: 0; top: 0; }
.msliderval									{ height: 20px }
.mslidervals								{ margin: auto; padding: 3px; max-width: 400px; width: 100% }

.secslider.null								{ margin-top: 1px; position: relative; padding-left: 0px; width: calc(100% / 11); font-size: 11px; text-align: left; }
.secslider:not(.null)						{ margin-top: 1px; position: relative; width: calc(100% / 11); font-size: 11px; text-align: left; }
.secslider:not(.null):after					{ content: attr(sv); position: absolute; right: 0; top: 0; }
.secslider									{ height: 20px; letter-spacing: 1px }
.secsliders									{ margin: auto; padding: 3px; max-width: 400px; width: 100%; }