.input-group-mini {
    display: flex;
	-webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
	-webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    font-weight: 400;
    line-height: 1;
    color: #555;
    background-color: #eee;
    border: 1px solid #ccc
}

.input-group-mini span { 
    display: block;
    padding: 10px 12px
}

.input-group-mini .color-picker-wrapper input[type="color"] {
    opacity: 0;
    display: block;
    width: 36px;
    height: 36px;
    border: none;
    cursor: pointer
}



input[type=range].curvert-range-slider {
  -webkit-appearance: none;
  width: 100%;
  margin: 7.8px 0;
}
input[type=range].curvert-range-slider:focus {
  outline: none;
}
input[type=range].curvert-range-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.18), 0px 0px 1px rgba(13, 13, 13, 0.18);
  background: #eeeeee;
  border-radius: 1.3px;
  border: 0.2px solid rgba(1, 1, 1, 0);
}
input[type=range].curvert-range-slider::-webkit-slider-thumb {
  box-shadow: 1px 1px 0.4px rgba(0, 0, 0, 0.11), 0px 0px 1px rgba(13, 13, 13, 0.11);
  border: 1px solid rgba(0, 0, 0, 0);
  height: 24px;
  width: 10px;
  border-radius: 3px;
  background: rgba(204, 204, 204, 0.94);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}
input[type=range].curvert-range-slider:focus::-webkit-slider-runnable-track {
  background: #f8f8f8;
}
input[type=range].curvert-range-slider::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.18), 0px 0px 1px rgba(13, 13, 13, 0.18);
  background: #eeeeee;
  border-radius: 1.3px;
  border: 0.2px solid rgba(1, 1, 1, 0);
}
input[type=range].curvert-range-slider::-moz-range-thumb {
  box-shadow: 1px 1px 0.4px rgba(0, 0, 0, 0.11), 0px 0px 1px rgba(13, 13, 13, 0.11);
  border: 1px solid rgba(0, 0, 0, 0);
  height: 24px;
  width: 10px;
  border-radius: 3px;
  background: rgba(204, 204, 204, 0.94);
  cursor: pointer;
}
input[type=range].curvert-range-slider::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range].curvert-range-slider::-ms-fill-lower {
  background: #e4e4e4;
  border: 0.2px solid rgba(1, 1, 1, 0);
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.18), 0px 0px 1px rgba(13, 13, 13, 0.18);
}
input[type=range].curvert-range-slider::-ms-fill-upper {
  background: #eeeeee;
  border: 0.2px solid rgba(1, 1, 1, 0);
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.18), 0px 0px 1px rgba(13, 13, 13, 0.18);
}
input[type=range].curvert-range-slider::-ms-thumb {
  box-shadow: 1px 1px 0.4px rgba(0, 0, 0, 0.11), 0px 0px 1px rgba(13, 13, 13, 0.11);
  border: 1px solid rgba(0, 0, 0, 0);
  height: 24px;
  width: 10px;
  border-radius: 3px;
  background: rgba(204, 204, 204, 0.94);
  cursor: pointer;
  height: 8.4px;
}
input[type=range].curvert-range-slider:focus::-ms-fill-lower {
  background: #eeeeee;
}
input[type=range].curvert-range-slider:focus::-ms-fill-upper {
  background: #f8f8f8;
}