.ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; background: white; padding-top: 18px ; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-vertical { width: .8em; height: 100px; } .slider.ui-slider { background: #666; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; margin-top: 11px; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-button { padding: 0.4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: visible; } .tabs-month-format > .ui-button { width: 80px; } .tabs-day-format > .ui-button { width: 70px; } .tabs-minute-format > .ui-button { width: 50px; } .tabs-week-format > .ui-button { width: 90px; } .checkbox-content > .ui-state-active, .checkbox-content > .ui-widget-content .ui-state-active, .checkbox-content > .ui-widget-header .ui-state-active, .checkbox-content > a.ui-button:active, .checkbox-content > .ui-button:active, .checkbox-content > .ui-button.ui-state-active:hover { background: #007fff; font-weight: normal; color: #fff; }