.scale_text {
    margin-top: 36;
    position: relative;
    height: 24px;
    font-size: 12px;
    color: #000;
}

.scale_text_min {
      position: absolute;
      left: 0;
    }

.scale_text_max {
      position: absolute;
      right: 0;
    }

.scale_text_30 {
      position: absolute;
      left: 30%;
    }

.scale_wrap {
    position: relative;
    width: 100%;
    height: 36px;
    left: 0;
    right: 0;
  }

.scale_line {
    display: flex;
    align-items: center;
    position: absolute;
    top: 12px;
    height: 12px;
    width: 100%;
    background-color: #c4c6cc;
  }

.scale_30 {
    position: absolute;
    top: 12px;
    height: 12px;
    width: 30%;
    background-color: #939599;
}
.scale_30_border {
      position: absolute;
      height: 24px;
      width: 30%;
      border-right: 2px solid #939599;
    }


  .scale_progress {
    top: 12px;
    height: 12px;
    width: 10%;
    background-color: #2956cc;
    z-index: 2;
  }

  .scale_btn {
    position: absolute;
    width: 60px;
    height: 36px;
    margin-left: -14px; // -18px
    z-index: 3;
    background-color: #2956cc;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30%;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
    outline: none;
    cursor: pointer;
}
		.scale_btn:focus {
		  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);
		}

		.scale_btn svg path {
		  stroke: #fff;
		}
  
  .scale .ui-widget-header {
    top: 12px;
    height: 12px;
    width: 10%;
    background-color: #2956cc;
    z-index: 2;
  }