.eye {
  margin: 1px;
  width: 13px;
  height: 13px;
  border: solid 1px #000;
  border-radius:  100% 100%;
  position: relative;
  transform: rotate(0deg);
  background-color:  #000;
}
.eye:before {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border: solid 1px #000;
  border-radius: 50%;
  left: 8px;
  top: 3px;
  background-color:  #000;
  }
  
  .eye:hover {
  margin: 1px;
  width: 13px;
  height: 13px;
  border: solid 1px #000;
  border-radius:  90% 90%;
  position: relative;
  transform: rotate(0deg);
  background-color:   #fff;
}

.noresize_minmax { /* prevents auto-resize if min/max used for input elements in chrome */
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
	text-align: right; 
}