.input-help {
  position: absolute;
  z-index: 100;
  width: 200px;
  margin-top: 2px;
  padding: 10px;
  background: #fefefe;
  font-size: 0.875em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px #aaa;
  -moz-box-shadow: 0 1px 3px #aaa;
  box-shadow: 0 1px 3px #aaa;
  border: 1px solid #ddd;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
/* Show a blue border while an input has focus, make sure it overrides everything else */
/* Overriding Twitter Bootstrap cuz I don't agree we need to alarm the user while they're typing */
input:focus {
  color: black !important;
  border-color: rgba(82, 168, 236, 0.8) !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
}
/* Show green border when stuff has been typed in, and its valid */
.ng-dirty.ng-valid {
  border-color: #3a7d34;
}
/* Show red border when stuff has been typed in, but its invalid */
.ng-dirty.ng-invalid {
  border-color: #ec3f41;
}
/* Show the help box once it has focus */
.immediate-help:focus + .input-help {
  display: block;
}
/* Immediate help should be red when pristine */
.immediate-help.ng-pristine:focus + .input-help {
  border-color: #ec3f41;
}
.immediate-help.ng-pristine:focus + .input-help::before {
  color: #ec3f41;
}
/* Help hould be green when input is valid */
.ng-valid + .input-help {
  border-color: #3a7d34;
}
.ng-valid + .input-help::before {
  color: #3a7d34;
}
/* Help should show and be red when invalid */
.ng-invalid + .input-help {
  display: block;
  border-color: #ec3f41;
}
.ng-invalid + .input-help::before {
  color: #ec3f41;
}
.entryPointSection,
.basicUserInfo,
.speedDialInfo,
.basicCallInfo {
  white-space: nowrap;
}
.entryPointSection .tooltip-inner {
  max-width: 500px;
}