.he-form label {
  font-size: 14px;
  margin-bottom: 0;
  color: #636363;
}

.he-form .btn.button-positive {
  color: white;
  background-color: #592c82;
  border-color: #592c82;
}

.he-form .btn.button-negative {
  color: #592c82;
  background-color: #ffffff;
  border-color: #592c82;
}

.he-form .btn.button-negative-locked {
  background-color: #dddddd;
  border-color: #dddddd;
}

.he-form input,
.he-form select {
  border: 1px solid rgb(221,221,221);
  border-radius: 4px;
  margin-top: 8px;
}

.he-form input[type="text"],
.he-form input[type="email"],
.he-form input[type="password"],
.he-form select {
  padding: 8px !important;
  width: 206px;
}

.he-form .btn.button-radio {
  width: 103px;
  box-shadow: none;
  -webkit-box-shadow: none;
  font-size: 14px;
}

.he-form .button-radio:focus {
  font-weight: bold;
}

.he-form .requiredField {
  color: red;
  position: absolute;
  top: 2px;
  left: -1px;
  z-index: 1;
}

.he-form .requiredFieldModal {
  left: -14px;
}

.he-form input:required, select:required {
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.ui-datepicker {
  width: 240px;
  z-index: 99999;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker-year {
  width: 40%;
  color: #333;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  top: 22px;
}

.he-form input[data-ui-date-format] {
  width: 165px;
}

.he-form .btn-group {
  z-index: 0;
}

.he-form input[type="text"].form-inputphone {
  width: 125px;
  margin-right: 5px;
}

.he-form input[type="text"].form-inputphoneextension {
  width: 72px;
  margin-left: 0;
}

.he-form input.toggle {
  display: none;
}

.he-form .toggle + span {
  display: inline-block;
  position: relative;
  top: 9px;
  width: 60px;
  height: 30px;
  background: url(/Apps/Employer/images/toggleOff.png);
  cursor: pointer;
}

.he-form .toggle:checked + span {
  background: url(/Apps/Employer/images/toggleOn.png);
}

.he-form input.togglelocked {
  display: none;
}

.he-form .togglelocked + span {
  display: inline-block;
  position: relative;
  top: 9px;
  width: 60px;
  height: 30px;
  background: url(/Apps/Employer/images/toggle-false-locked.png);
  cursor: pointer;
}

.he-form .togglelocked:checked + span {
  background: url(/Apps/Employer/images/toggle-true-locked.png);
}

.he-form .row {
  padding-top: 10px;
}

.he-form textarea {
  width: 100%;
  min-height: 60px;
}

.he-form .checkbox {
  padding-bottom: 15px;
  padding-left: 0;
}

.he-form  input[type="checkbox"].defaultCheck {
	position: absolute;
	left: -999em;
}

.he-form input[type="checkbox"].defaultCheck + label {
	position: relative;
	cursor: pointer;
}

.he-form input[type="checkbox"].defaultCheck + label::before {
  content: "";
  display: inline-block;
  vertical-align: -25%;
  height: 17px;
  width: 17px;
  background-color: white;
  border: 1px solid #e6e6e6;
  margin-right: 8px;
}

.he-form input[type="checkbox"].defaultCheck:checked + label::after {
	content: '';
	position: absolute;
  width: 12px;
	height: 5px;
	background: rgba(0, 0, 0, 0);
	top: 5px;
	left: 3px;
	border: 2px solid #592c82;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-55deg);
	-moz-transform: rotate(-55deg);
	-o-transform: rotate(-55deg);
	-ms-transform: rotate(-55deg);
	transform: rotate(-55deg);
}