.validity { padding-bottom:10px; min-height:20px; }
.validity .label { font-weight: normal; font-size: 13px; background-color: #00b8e4; }
.validity .noUi-target { height: 8px; margin: 13px 8px 30px; background: #eee; box-shadow: none; }
.validity .noUi-background { background: #eee; }
.validity .noUi-connect { background: #00b8e4; }
.validity .noUi-handle { width: 16px; height: 16px; left: -8px; right: -8px; top: -5px; background: #00b8e4; box-shadow:none; border:solid 1px rgba(0, 0, 0, .12); box-shadow:inset 0 1px 0 rgba(255, 255, 255, .3); border-radius:100%; cursor:pointer; }
.validity .noUi-handle:before, .validity .noUi-handle:after { display: none; }
.validity .noUi-pips { font-size: 10px; }
.validity .noUi-pips-horizontal { padding: 5px 0; height: 35px; }
.validity .noUi-marker-horizontal.noUi-marker-large { height: 8px; }