/* ---------- */
/* SHARED CSS NOT AVAILABLE IN TAILWIND*/
/* ---------- */

/* spacing under form inputs for error messages */
.error-spacing {
  padding-top: 6px;
}

/* adornement '+1' of 'tel' type inputs */
.tel-input-adornment {
  position: relative;
  top: 37px; 
  right: 90px; 
  font-size: 16px; 
  color: inherit; 
  font-family: inherit;
}

/* password input field 'eye' adornment  */
.password-adornment {
  position: relative;
  top: 38px;
  right: 16px;
  font-size: 14px;
}

/* padding to main menu items so underline on hover correctly positioned */
.main-menu-item-pad {
  padding: 21px 0;
}

/* border width of 3px for some custom buttons */
.btn-border-width {
  border-width: 3px;
}

/* markers for chart legends */
.line-marker {
  width: 20px; 
  height: 4px; 
}
.bar-marker {
  width: 12px;
  height: 12px
}

/* tooltip show/hide */
.tooltip .tooltip-text {
  visibility: hidden;
}
.tooltip:hover .tooltip-text {
  visibility: visible;
}

/* dashboard dot stepper */
.dot {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #ddd;
  margin-right: 10px;
}

/* diagonal strike out */
.strikediag {
  background: linear-gradient(to left top, transparent 46.75%, red 48.0%, red 52.0%, transparent 53.25%);
}