/*! roundSlider v1.6.1 | (c) 2015-2020, Soundar | MIT license | http://roundsliderui.com/licence.html */
.rs-ie,
.rs-edge,
.rs-handle {
    -ms-touch-action: none;
    touch-action: none
}

.rs-control {
    position: relative;
    outline: 0 none
}

.rs-container {
    position: relative
}

.rs-control *,
.rs-control *:before,
.rs-control *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rs-animation .rs-transition {
    transition: all 0.5s linear 0s
}

.rs-bar {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.rs-control .rs-split .rs-path,
.rs-control .rs-overlay1,
.rs-control .rs-overlay2 {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.rs-control .rs-overlay {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.rs-rounded .rs-seperator,
.rs-split .rs-path {
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.rs-disabled {
    opacity: .35
}

.rs-inner-container {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    overflow: hidden
}

.rs-control .rs-quarter div.rs-block {
    height: 200%;
    width: 200%
}

.rs-control .rs-half.rs-top div.rs-block,
.rs-control .rs-half.rs-bottom div.rs-block {
    height: 200%;
    width: 100%
}

.rs-control .rs-half.rs-left div.rs-block,
.rs-control .rs-half.rs-right div.rs-block {
    height: 100%;
    width: 200%
}

.rs-control .rs-bottom .rs-block {
    top: auto;
    bottom: 0
}

.rs-control .rs-right .rs-block {
    right: 0
}

.rs-block.rs-outer {
    border-radius: 1000px
}

.rs-block {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 3
}

.rs-block .rs-inner {
    border-radius: 1000px;
    display: block;
    height: 100%;
    width: 100%;
    position: relative
}

.rs-overlay {
    width: 50%
}

.rs-overlay1,
.rs-overlay2 {
    width: 100%
}

.rs-overlay,
.rs-overlay1,
.rs-overlay2 {
    position: absolute;
    background-color: #fff;
    z-index: 3;
    top: 0;
    height: 50%
}

.rs-bar {
    display: block;
    position: absolute;
    bottom: 0;
    height: 0;
    z-index: 10
}

.rs-bar.rs-rounded {
    z-index: 5
}

.rs-bar .rs-seperator {
    height: 0;
    display: block;
    float: left
}

.rs-bar:not(.rs-rounded) .rs-seperator {
    border-left: none;
    border-right: none
}

.rs-bar.rs-start .rs-seperator {
    border-top: none
}

.rs-bar.rs-end .rs-seperator {
    border-bottom: none
}

.rs-bar.rs-start.rs-rounded .rs-seperator {
    border-radius: 0 0 1000px 1000px
}

.rs-bar.rs-end.rs-rounded .rs-seperator {
    border-radius: 1000px 1000px 0 0
}

.rs-full .rs-bar,
.rs-half .rs-bar {
    width: 50%
}

.rs-half.rs-left .rs-bar,
.rs-half.rs-right .rs-bar,
.rs-quarter .rs-bar {
    width: 100%
}

.rs-full .rs-bar,
.rs-half.rs-left .rs-bar,
.rs-half.rs-right .rs-bar {
    top: 50%
}

.rs-bottom .rs-bar {
    top: 0
}

.rs-half.rs-right .rs-bar,
.rs-quarter.rs-right .rs-bar {
    right: 100%
}

.rs-handle.rs-move {
    cursor: move
}

.rs-readonly .rs-handle.rs-move {
    cursor: default
}

.rs-classic-mode .rs-path {
    display: block;
    height: 100%;
    width: 100%
}

.rs-split .rs-path {
    border-radius: 1000px 1000px 0 0;
    overflow: hidden;
    height: 50%;
    position: absolute;
    top: 0;
    z-index: 2
}

.rs-control .rs-svg-container {
    display: block;
    position: absolute;
    top: 0
}

.rs-control .rs-bottom .rs-svg-container {
    top: auto;
    bottom: 0
}

.rs-control .rs-right .rs-svg-container {
    right: 0
}

.rs-tooltip {
    position: absolute;
    cursor: default;
    border: 1px solid transparent;
    z-index: 10;
    
}

.rs-full .rs-tooltip {
    top: 50%;
    left: 50%
}

.rs-bottom .rs-tooltip {
    top: 0
}

.rs-top .rs-tooltip {
    bottom: 0
}

.rs-right .rs-tooltip {
    left: 0
}

.rs-left .rs-tooltip {
    right: 0
}

.rs-half.rs-top .rs-tooltip,
.rs-half.rs-bottom .rs-tooltip {
    left: 50%
}

.rs-half.rs-left .rs-tooltip,
.rs-half.rs-right .rs-tooltip {
    top: 50%
}

.rs-tooltip .rs-input {
    outline: 0 none;
    border: none;
    background: transparent
}

.rs-tooltip-text {
    font-size: xxx-large;
    font-weight: bold;
    border-radius: 7px;
    text-align: center;
    color: inherit
}

.rs-tooltip.rs-edit {
    padding: 5px 8px
}

.rs-tooltip.rs-hover,
.rs-tooltip.rs-edit:hover {
    border: 1px solid #AAA;
    cursor: pointer
}

.rs-readonly .rs-tooltip.rs-edit:hover {
    border-color: transparent;
    cursor: default
}

.rs-tooltip.rs-center {
    margin: 0px !important
}

.rs-half.rs-top .rs-tooltip.rs-center,
.rs-half.rs-bottom .rs-tooltip.rs-center {
    transform: translate(-50%, 0)
}

.rs-half.rs-left .rs-tooltip.rs-center,
.rs-half.rs-right .rs-tooltip.rs-center {
    transform: translate(0, -50%)
}

.rs-full .rs-tooltip.rs-center {
    transform: translate(-50%, -50%)
}

.rs-tooltip.rs-reset {
    margin: 0px !important;
    top: 0px !important;
    left: 0px !important
}

.rs-handle {
    transform: scale(1.8);
    border: 5px solid #FFF;
    border-radius: 1000px;
    box-shadow: 0 0 5px 1px rgba(0,0,0,.2);
    outline: 0 none;
    float: left
}

.rs-handle.rs-handle-square {
    border-radius: 0
}

.rs-handle-dot {
    border: 1px solid #AAA;
    padding: 6px
}

.rs-handle-dot:after {
    display: block;
    content: "";
    border: 1px solid #AAA;
    height: 100%;
    width: 100%;
    border-radius: 1000px
}

.rs-seperator {
    border: 1px solid #AAA
}

.rs-border {
    border: 1px solid #AAA
}

.rs-path-color {
    background-color: #FFF
}

.rs-range-color {
    background-color: #54BBE0
}

.rs-bg-color {
    background-color: #FFF
}

.rs-handle {
    background-color: #838383
}

.rs-handle-dot {
    background-color: #FFF
}

.rs-handle-dot:after {
    background-color: #838383
}

.rs-path-inherited .rs-path {
    opacity: .2
}

.rs-svg-mode .rs-path {
    stroke: #FFF
}

.rs-svg-mode .rs-range {
    stroke: #54BBE0
}

.rs-svg-mode .rs-border {
    stroke: #AAA
}