.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.slider.slider-horizontal {
    width: 100%;
    height: .75rem
}

.slider.slider-horizontal .slider-track {
    height: .375rem;
    width: 100%;
    margin-top: -.1875rem;
    top: 50%;
    left: 0
}

.slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high {
    height: 100%;
    top: 0;
    bottom: 0
}

.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle {
    margin-left: -.375rem
}

.slider.slider-horizontal .slider-tick.triangle, .slider.slider-horizontal .slider-handle.triangle {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 0 .375rem .375rem .375rem;
    width: 0;
    height: 0;
    border-bottom-color: #036fa5;
    margin-top: 0
}

.slider.slider-horizontal .slider-tick-container {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.slider.slider-horizontal .slider-tick-label-container {
    white-space: nowrap;
    margin-top: .75rem
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    display: inline-block;
    padding-top: .9rem;
    text-align: center
}

.slider.slider-horizontal.slider-rtl .slider-track {
    left: initial;
    right: 0
}

.slider.slider-horizontal.slider-rtl .slider-tick, .slider.slider-horizontal.slider-rtl .slider-handle {
    margin-left: initial;
    margin-right: -.375rem
}

.slider.slider-horizontal.slider-rtl .slider-tick-container {
    left: initial;
    right: 0
}

.slider.slider-vertical {
    height: 210px;
    width: .75rem
}

.slider.slider-vertical .slider-track {
    width: .375rem;
    height: 100%;
    left: 25%;
    top: 0
}

.slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0
}

.slider.slider-vertical .slider-track-low, .slider.slider-vertical .slider-track-high {
    width: 100%;
    left: 0;
    right: 0
}

.slider.slider-vertical .slider-tick, .slider.slider-vertical .slider-handle {
    margin-top: -.375rem
}

.slider.slider-vertical .slider-tick.triangle, .slider.slider-vertical .slider-handle.triangle {
    border-width: .375rem 0 .375rem .375rem;
    width: 1px;
    height: 1px;
    border-left-color: #036fa5;
    margin-left: 0
}

.slider.slider-vertical .slider-tick-label-container {
    white-space: nowrap
}

.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
    padding-left: .15rem
}

.slider.slider-vertical.slider-rtl .slider-track {
    left: initial;
    right: 25%
}

.slider.slider-vertical.slider-rtl .slider-selection {
    left: initial;
    right: 0
}

.slider.slider-vertical.slider-rtl .slider-tick.triangle, .slider.slider-vertical.slider-rtl .slider-handle.triangle {
    border-width: .375rem .375rem .375rem 0
}

.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
    padding-left: initial;
    padding-right: .15rem
}

.slider.slider-disabled .slider-track {
    cursor: not-allowed
}

.slider input {
    display: none
}

.slider .tooltip-inner {
    white-space: nowrap;
    max-width: none
}

.slider .tooltip.top {
    margin-top: -36px
}

.slider .tooltip-inner {
    white-space: nowrap;
    max-width: none
}

.slider .hide {
    display: none
}

.slider-track {
    border-radius: 6.1875rem;
    position: absolute;
    cursor: pointer
}

.slider-selection {
    border-radius: 6.1875rem;
    position: absolute
}

.slider-track-low, .slider-track-high {
    border-radius: 6.1875rem;
    position: absolute;
    background: transparent
}

.slider-handle {
    position: absolute;
    top: 0;
    width: .75rem;
    height: .75rem;
    background-color: #0480BE;
    border: 0px solid transparent
}

.slider-handle.round {
    border-radius: .75rem
}

.slider-handle.triangle {
    background: transparent none
}

.slider-handle.custom {
    background: transparent none
}

.slider-handle.custom::before {
    line-height: .75rem;
    font-size: 20px;
    content: '\2605';
    color: #726204
}

.slider-tick {
    position: absolute;
    width: .75rem;
    height: .75rem;
    -webkit-filter: none;
    filter: none;
    opacity: 0.8;
    border: 0px solid transparent
}

.slider-tick.round {
    border-radius: 50%
}

.slider-tick.triangle {
    background: transparent none
}

.slider-tick.custom {
    background: transparent none
}

.slider-tick.custom::before {
    line-height: .75rem;
    font-size: 20px;
    content: '\2605';
    color: #726204
}

.slider-tick.in-selection {
    opacity: 1
}

.slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slider .tooltip {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.slider .tooltip.top, .slider .tooltip.bottom {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

[dir=rtl] .slider .tooltip.top, [dir=rtl] .slider .tooltip.bottom {
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.slider .tooltip.left, .slider .tooltip.right {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slider .tooltip.in {
    opacity: 1
}

.slider .tooltip.top {
    margin-top: -1.775rem
}

.slider .tooltip.right {
    margin-left: .5rem
}

.slider .tooltip.left {
    margin-right: .5rem
}

.slider-handle {
    background: #fff;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.slider-handle:active {
    -webkit-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4)
}

.slider.slider-horizontal .slider-track {
    margin-top: -.0625rem;
    height: .125rem
}

.slider.slider-vertical .slider-track {
    margin-left: .125rem;
    width: .125rem
}

.slider-reversed .slider-selection {
    background: transparent !important
}

.slider-disabled .slider-track {
    opacity: .3;
    cursor: not-allowed
}

.slider-disabled .slider-handle {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
    cursor: not-allowed;
    -webkit-transform: none;
    transform: none
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    padding-top: .25rem
}

[dir=rtl] .slider.slider-vertical .slider-track {
    margin-left: 0;
    margin-right: .125rem
}

.default-style .slider-handle {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.09)
}

.default-style .slider-track {
    background: rgba(24, 28, 33, 0.1)
}

.default-style .slider-tick-label-container .slider-tick-label {
    color: #a3a4a6;
    font-size: 85%
}

.default-style .slider-secondary .slider-selection, .default-style .slider-secondary .slider-reversed .slider-track-high, .default-style .slider-secondary.slider-reversed .slider-track-high {
    background: #8897AA
}

.default-style .slider-success .slider-selection, .default-style .slider-success .slider-reversed .slider-track-high, .default-style .slider-success.slider-reversed .slider-track-high {
    background: #02BC77
}

.default-style .slider-info .slider-selection, .default-style .slider-info .slider-reversed .slider-track-high, .default-style .slider-info.slider-reversed .slider-track-high {
    background: #28c3d7
}

.default-style .slider-warning .slider-selection, .default-style .slider-warning .slider-reversed .slider-track-high, .default-style .slider-warning.slider-reversed .slider-track-high {
    background: #FFD950
}

.default-style .slider-danger .slider-selection, .default-style .slider-danger .slider-reversed .slider-track-high, .default-style .slider-danger.slider-reversed .slider-track-high {
    background: #d9534f
}

.default-style .slider-light .slider-selection, .default-style .slider-light .slider-reversed .slider-track-high, .default-style .slider-light.slider-reversed .slider-track-high {
    background: rgba(24, 28, 33, 0.06)
}

.default-style .slider-dark .slider-selection, .default-style .slider-dark .slider-reversed .slider-track-high, .default-style .slider-dark.slider-reversed .slider-track-high {
    background: rgba(24, 28, 33, 0.9)
}

.material-style .slider-handle {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.07), 0px 4px 5px 0px rgba(0, 0, 0, 0.05), 0px 1px 10px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.07), 0px 4px 5px 0px rgba(0, 0, 0, 0.05), 0px 1px 10px 0px rgba(0, 0, 0, 0.03)
}

.material-style .slider-track {
    background: rgba(24, 28, 33, 0.1)
}

.material-style .slider-tick-label-container .slider-tick-label {
    color: #a3a4a6;
    font-size: 85%
}

.material-style .slider-secondary .slider-handle {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.material-style .slider-secondary .slider-handle, .material-style .slider-secondary .slider-selection, .material-style .slider-secondary .slider-reversed .slider-track-high, .material-style .slider-secondary.slider-reversed .slider-track-high {
    background: #8897AA
}

.material-style .slider-success .slider-handle {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.material-style .slider-success .slider-handle, .material-style .slider-success .slider-selection, .material-style .slider-success .slider-reversed .slider-track-high, .material-style .slider-success.slider-reversed .slider-track-high {
    background: #02BC77
}

.material-style .slider-info .slider-handle {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.material-style .slider-info .slider-handle, .material-style .slider-info .slider-selection, .material-style .slider-info .slider-reversed .slider-track-high, .material-style .slider-info.slider-reversed .slider-track-high {
    background: #28c3d7
}

.material-style .slider-warning .slider-handle {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.material-style .slider-warning .slider-handle, .material-style .slider-warning .slider-selection, .material-style .slider-warning .slider-reversed .slider-track-high, .material-style .slider-warning.slider-reversed .slider-track-high {
    background: #FFD950
}

.material-style .slider-danger .slider-handle {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.material-style .slider-danger .slider-handle, .material-style .slider-danger .slider-selection, .material-style .slider-danger .slider-reversed .slider-track-high, .material-style .slider-danger.slider-reversed .slider-track-high {
    background: #d9534f
}

.material-style .slider-light .slider-handle {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.material-style .slider-light .slider-handle, .material-style .slider-light .slider-selection, .material-style .slider-light .slider-reversed .slider-track-high, .material-style .slider-light.slider-reversed .slider-track-high {
    background: rgba(24, 28, 33, 0.06)
}

.material-style .slider-dark .slider-handle {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.material-style .slider-dark .slider-handle, .material-style .slider-dark .slider-selection, .material-style .slider-dark .slider-reversed .slider-track-high, .material-style .slider-dark.slider-reversed .slider-track-high {
    background: rgba(24, 28, 33, 0.9)
}