/********************************************************************************************************************************
 * General
********************************************************************************************************************************/

strong.with-icon,
span.with-icon {
  line-height: 110%;
  display: inline-block;
}
strong.with-icon img,
span.with-icon img {
  float: left;
  margin-right: 0.5rem;
}
.status-icon {
  width: 16px;
  max-width: 16px;
}
.faint {
  opacity: 0.4;
}
.semi-faint {
  opacity: 0.5;
}
.entity-inactive .faint {
  opacity: 0.75; /* Because .entity-inactive is already 0.4 */
}
.hover-activated {
  visibility: hidden; /* "Regular" hover-activated is hidden until it or its parent is hovered. */
}
.faint.hover-activated,
.semi-faint.hover-activated {
  visibility: visible; /* Faint hover-activated is semi-transparent until hovered. */
}
.hover-activated:hover,
.form-item:hover .hover-activated,
tr:hover .hover-activated {
  visibility: visible;
  opacity: 1;
}
.with-padding {
  padding: 1rem;
}
.with-padding.top-bottom {
  padding: 1rem 0;
}

/********************************************************************************************************************************
 * Colors
********************************************************************************************************************************/

.red,
tr.red td {
  color: #e32700 !important;
}
.orange,
tr.orange td {
  color: #e29700 !important;
}
.green,
tr.green td {
  color: #66a648 !important;
}
.hubspot-text-color {
  color: #f57722;
}
.mailchimp-text-color {
  color: #241c15;
}
.salesforce-text-color {
  color: #00a1e0;
}
.sendgrid-text-color {
  color: #121c2d;
}
.stripe-text-color {
  color: #635bff;
}