.hrb-custom-checkbox {
  /*set opacity to 0 so that we can still tab to the checkbox,
  position absolute prevents the checkbox from moving the visible custom checkbox*/
  opacity: 0;
  position: absolute;
}

.hrb-custom-checkbox-label {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  font-size: 13px;
  margin-bottom: 30px;
}

.hrb-custom-checkbox + .hrb-custom-checkbox-label:before {
  content: '';
  background: #fff;
  border: 2px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 2px;
  margin-right: 10px;
}

.hrb-custom-checkbox:checked + .hrb-custom-checkbox-label:after {
  content: "";
  padding: 2px;
  position: absolute;
  width: 7px;
  height: 13px;
  border: solid black;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  top: 3px;
  left: 7px;
}

.hrb-remember-me-section {
  margin-top: 30px;
}