.cs-slider {
  /*custom-slider-blue Start */
  /*custom-slider-green Start */
  /*slider-template-vertical-blue Start */ }
  .cs-slider .slider-range-horizontal {
    margin-left: 1em;
    margin-right: 1em;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  .cs-slider .slider-range-vertical {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    position: relative;
    left: 40%; }
  .cs-slider .slider-range .ui-slider-range-min {
    background: #d12030; }
  .cs-slider .slider-range .ui-slider-handle {
    width: 20px;
    height: 20px;
    /*border-radius: 50px;*/
    background: #FFF;
    cursor: pointer;
    outline: none;
    border: 2px solid #d12030;
    margin-left: -1em;
    margin-bottom: -1em; }
  .cs-slider .ui-slider-horizontal .ui-slider-handle {
    top: -0.59em; }
  .cs-slider .ui-slider-vertical .ui-slider-handle {
    left: 0.39em; }
  .cs-slider .slider-plugin {
    background-color: #f7f7f7; }
  .cs-slider .slider-plugin.m-10 {
    overflow: hidden;
    /*margin-left:1%;
    margin-right:1%;*/ }
  .cs-slider .slider-plugin .bubble {
    position: absolute; }
  .cs-slider .slider-range-horizontal .bubble {
    width: .5%;
    height: 100%; }
  .cs-slider .slider-range-vertical .bubble {
    height: .5%;
    width: 100%; }
  .cs-slider .slider-plugin .bubble::before {
    background-color: transparent; }
  .cs-slider .slider-plugin .bubble-active {
    background-color: #fff !important;
    z-index: 9; }
  .cs-slider .slider-input, .cs-slider .slider-output, .cs-slider .slider-output-trigger {
    display: none;
    width: 20px; }
  .cs-slider .slider-bubble-content {
    display: none; }
  .cs-slider .slider-handle-content {
    display: none;
    color: black; }
  .cs-slider.slider-template-horizontal-blue .slider-range .ui-slider-range-min {
    background: #2083dd !important; }
  .cs-slider.slider-template-horizontal-blue .ui-widget-header {
    background: #2083dd !important; }
  .cs-slider.slider-template-horizontal-blue .slider-range .ui-slider-handle {
    border-radius: 50% !important;
    border-color: #2083dd !important;
    background-color: #fff !important;
    z-index: 10 !important;
    display: flex;
    justify-content: space-around !important; }
  .cs-slider.slider-template-horizontal-blue .ui-widget-content {
    border-color: #78addd !important;
    margin: 0 50px !important; }
  .cs-slider.slider-template-horizontal-blue .slider-range-horizontal .bubble {
    background: #2083dd !important; }
  .cs-slider.slider-template-horizontal-blue .slider-plugin .bubble-active {
    background-color: #fff !important;
    z-index: 9; }
  .cs-slider.slider-template-horizontal-blue .slider-handle-content {
    display: block !important;
    margin-top: -36px;
    padding: 5px 12px;
    background: #2083dd;
    width: fit-content;
    height: 15px;
    text-align: center;
    line-height: 16px;
    color: #fff !important;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 8px;
    margin-left: 0px;
    position: relative; }
  .cs-slider.slider-template-horizontal-blue .slider-handle-content::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 100%;
    left: 0px;
    right: 0px;
    margin: 0 auto !important;
    border: 7px solid transparent;
    border-bottom: none;
    border-top-color: #2083dd;
    filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
    top: 24px; }
  .cs-slider.slider-template-horizontal-green .ui-widget-header {
    background: #82bf31 !important; }
  .cs-slider.slider-template-horizontal-green .ui-slider-horizontal .ui-slider-handle {
    border-radius: 50% !important;
    border-color: #86dda1 !important;
    background-color: #fff !important;
    z-index: 10 !important;
    display: flex;
    justify-content: space-around !important; }
  .cs-slider.slider-template-horizontal-green .slider-range-horizontal .bubble {
    background-color: #82bf31 !important; }
  .cs-slider.slider-template-horizontal-green .slider-plugin .bubble-active {
    background-color: #fff !important;
    z-index: 9; }
  .cs-slider.slider-template-horizontal-green .ui-widget-content {
    border-color: #7ddd9a !important;
    margin: 0 50px !important; }
  .cs-slider.slider-template-horizontal-green .slider-handle-content {
    display: block !important;
    margin-top: -36px;
    padding: 5px 12px;
    background: #82bf31;
    width: fit-content;
    height: 15px;
    text-align: center;
    line-height: 16px;
    color: #fff !important;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 8px;
    margin-left: 0px;
    position: relative; }
  .cs-slider.slider-template-horizontal-green .slider-handle-content::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 100%;
    left: 0px;
    right: 0px;
    margin: 0 auto !important;
    border: 7px solid transparent;
    border-bottom: none;
    border-top-color: #82bf31;
    filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
    top: 24px; }
  .cs-slider.slider-template-vertical-green .ui-widget-header {
    background: #82bf31 !important; }
  .cs-slider.slider-template-vertical-green .ui-slider-vertical .ui-slider-handle {
    border-radius: 50% !important;
    border-color: #86dda1 !important;
    background-color: #fff !important;
    z-index: 10 !important;
    display: flex;
    justify-content: space-around !important; }
  .cs-slider.slider-template-vertical-green .slider-range-vertical .bubble {
    background: #82bf31 !important; }
  .cs-slider.slider-template-vertical-green .slider-plugin .bubble-active {
    background-color: #fff !important;
    z-index: 9; }
  .cs-slider.slider-template-vertical-green .ui-widget-content {
    border-color: #7ddd9a !important;
    margin: 50px 0 0 !important; }
  .cs-slider.slider-template-vertical-green .slider-handle-content {
    display: block !important;
    margin-top: -36px;
    padding: 5px 12px;
    background: #82bf31;
    width: fit-content;
    height: 15px;
    text-align: center;
    line-height: 16px;
    color: #fff !important;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 8px;
    margin-left: 0px;
    position: relative; }
  .cs-slider.slider-template-vertical-green .slider-handle-content::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    border: 7px solid transparent;
    border-bottom: none;
    border-top-color: #82bf31;
    filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
    top: 24px; }
  .cs-slider.slider-template-vertical-blue .slider-range .ui-slider-range-min {
    background: #2083dd !important; }
  .cs-slider.slider-template-vertical-blue .slider-range-vertical .bubble {
    background: #2083dd !important; }
  .cs-slider.slider-template-vertical-blue .slider-plugin .bubble-active {
    background-color: #fff !important;
    z-index: 9; }
  .cs-slider.slider-template-vertical-blue .slider-range .ui-slider-handle {
    border-radius: 50% !important;
    border-color: #2083dd !important;
    background-color: #fff !important;
    z-index: 10 !important;
    display: flex;
    justify-content: space-around !important; }
  .cs-slider.slider-template-vertical-blue .ui-widget-header {
    background: #2083dd !important; }
  .cs-slider.slider-template-vertical-blue .ui-widget-content {
    border-color: #78addd !important;
    margin: 50px 0 0 !important; }
  .cs-slider.slider-template-vertical-blue .slider-range-horizontal .bubble {
    background: #2083dd !important; }
  .cs-slider.slider-template-vertical-blue .slider-handle-content {
    display: block !important;
    margin-top: -36px;
    padding: 5px 12px;
    background: #2083dd;
    width: fit-content;
    height: 15px;
    text-align: center;
    line-height: 16px;
    color: #fff !important;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 8px;
    margin-left: 0px;
    position: relative; }
  .cs-slider.slider-template-vertical-blue .slider-handle-content::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    border: 7px solid transparent;
    border-bottom: none;
    border-top-color: #2083dd;
    filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
    top: 24px; }
  .cs-slider.slider-template-vertical-blue .slider-plugin.m-10 {
    height: auto !important; }
  .cs-slider.slider-template-vertical-green .slider-plugin.m-10 {
    height: auto !important; }