.padding-none         { padding: 0 !important; }
.padding              { padding: 10px !important; }
.padding-small        { padding: 5px !important; }
.padding-large        { padding: 22px !important; }

.padding-top-none     { padding-top: 0 !important; }
.padding-top          { padding-top: 10px !important; }
.padding-top-small    { padding-top: 5px !important; }
.padding-top-large    { padding-top: 22px !important; }

.padding-right-none   { padding-right: 0 !important; }
.padding-right        { padding-right: 10px !important; }
.padding-right-small  { padding-right: 5px !important; }
.padding-right-large  { padding-right: 22px !important; }

.padding-bottom-none  { padding-bottom: 0 !important; }
.padding-bottom       { padding-bottom: 10px !important; }
.padding-bottom-small { padding-bottom: 5px !important; }
.padding-bottom-large { padding-bottom: 22px !important; }

.padding-left-none    { padding-left: 0 !important; }
.padding-left         { padding-left: 10px !important; }
.padding-left-small   { padding-left: 5px !important; }
.padding-left-large   { padding-left: 22px !important; }

.margin-none          { margin: 0 !important; }
.margin               { margin: 10px !important; }
.margin-small         { margin: 5px !important; }
.margin-large         { margin: 22px !important; }

.margin-top-none      { margin-top: 0 !important; }
.margin-top           { margin-top: 10px !important; }
.margin-top-large     { margin-top: 22px !important; }
.margin-top-small     { margin-top: 5px !important; }

.margin-right-none    { margin-right: 0 !important; }
.margin-right         { margin-right: 10px !important; }
.margin-right-large   { margin-right: 22px !important; }
.margin-right-small   { margin-right: 5px !important; }

.margin-bottom-none   { margin-bottom: 0 !important; }
.margin-bottom        { margin-bottom: 10px !important; }
.margin-bottom-large  { margin-bottom: 22px !important; }
.margin-bottom-small  { margin-bottom: 5px !important; }

.margin-left-none     { margin-left: 0 !important; }
.margin-left          { margin-left: 10px !important; }
.margin-left-large    { margin-left: 22px !important; }
.margin-left-small    { margin-left: 5px !important; }

.border-left-none     { border-left: none !important; }
.border-right-none    { border-right: none !important; }
.border-bottom-none   { border-bottom: none !important; }
.border-top-none      { border-top: none !important; }

.display-block { display: block; } // use to swap an anchor tag to span a whole row to make click target larger
.no-underline:hover { text-decoration: none; }
.clickable { cursor: pointer; }
.strong { font-weight: bold; }
.em { font-style: italic; }
.small { font-size: 85%; } // Ex: 14px base font * 85% = about 12px
.no-link { color: @grayDark; }
.text-sans-serif { font-family: @sansFontFamily; }
.text-ellipsis { .text-overflow(); } // truncates text to a single line with an ellipsis at the end
.text-default {
  font-family: @sansFontFamily;
  font-size: @baseFontSize;
  line-height: @baseLineHeight;
  font-weight: normal;
}
.hilite {
  color: @linkColor;
  &:hover {
    color: @linkColorHover;
    text-decoration: underline;
  }
  [class^="icon-"], [class*=" icon-"] {
    &:before {
      display: inline;
    }
  }
}
.strike { text-decoration: line-through; }
.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }