.noUi-target {
  background-color: rgba(115, 103, 240, 0.12);
  border-width: 0;
  box-shadow: none;
  border-radius: 1rem; }

.noUi-target.noUi-connect {
  box-shadow: none; }

.noUi-horizontal {
  height: 6px; }

.noUi-horizontal .noUi-handle {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  right: -0.5rem;
  top: -4px; }

.noUi-horizontal .noUi-tooltip {
  bottom: 135% !important; }

.noUi-pips {
  color: #b9b9c3; }

.noUi-marker {
  background: #ebe9f1; }

.noUi-value {
  font-size: 0.857rem; }

.noUi-marker-horizontal.noUi-marker,
.noUi-marker-horizontal.noUi-marker-large {
  height: 8px; }

.noUi-handle {
  box-shadow: none;
  border: none;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #7367f0; }

.noUi-handle:after, .noUi-handle:before {
  display: none; }

.noUi-connect {
  background: #7367f0;
  box-shadow: none; }

.noUi-tooltip {
  transform: translate(-10%, -50%);
  font-size: 0.857rem;
  border: none;
  color: #6e6b7b;
  background-color: #f8f8f8;
  padding: 0.1718rem 0.35rem;
  font-weight: 500; }

.noUi-vertical {
  display: inline-block;
  width: 6px; }

.noUi-vertical .noUi-origin {
  right: auto; }

.noUi-vertical .noUi-handle {
  width: 1rem;
  height: 1rem;
  top: -0.375rem;
  left: -0.3rem; }

.noUi-vertical .noUi-tooltip {
  right: 135% !important; }

.hover_val {
  font: 400 12px Arial;
  color: #6e6b7b;
  display: block;
  margin: 15px 0; }

.noUi-handle:focus {
  outline: 0; }

_:-ms-lang(x),
.slider-select {
  flex: 0 0 10%;
  max-width: 10%; }

.dark-layout .noUi-handle {
  background-color: #283046; }

.dark-layout .noUi-tooltip {
  background-color: #161d31;
  color: #b4b7bd; }

.dark-layout .noUi-pips,
.dark-layout .noUi-value {
  color: #b4b7bd; }

.dark-layout .noUi-marker {
  background: #3b4253; }

[data-textdirection='rtl'] .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  right: auto; }

[data-textdirection='rtl'] .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -3px; }
