@buffer-none:         0px;
 @buffer-sm:           5px;
 @buffer-md:           10px;
 @buffer-lg:           22px;
 @buffer-xl:           40px;
 
 .padding-none         { padding: @buffer-none !important; }
 .padding              { padding: @buffer-md !important; }
 .padding-sm           { padding: @buffer-sm !important; }
 .padding-lg           { padding: @buffer-lg !important; }
 .padding-xl           { padding: @buffer-xl !important; }
 
 .padding-top-none     { padding-top: @buffer-none !important; }
 .padding-top          { padding-top: @buffer-md !important; }
 .padding-top-sm       { padding-top: @buffer-sm !important; }
 .padding-top-lg       { padding-top: @buffer-lg !important; }
 .padding-top-xl       { padding-top: @buffer-xl !important; }
 
 .padding-right-none   { padding-right: @buffer-none !important; }
 .padding-right        { padding-right: @buffer-md !important; }
 .padding-right-sm     { padding-right: @buffer-sm !important; }
 .padding-right-lg     { padding-right: @buffer-lg !important; }
 .padding-right-xl     { padding-right: @buffer-xl !important; }
 
 .padding-bottom-none  { padding-bottom: @buffer-none !important; }
 .padding-bottom       { padding-bottom: @buffer-md !important; }
 .padding-bottom-sm    { padding-bottom: @buffer-sm !important; }
 .padding-bottom-lg    { padding-bottom: @buffer-lg !important; }
 .padding-bottom-xl    { padding-bottom: @buffer-xl !important; }
 
 .padding-left-none    { padding-left: @buffer-none !important; }
 .padding-left         { padding-left: @buffer-md !important; }
 .padding-left-sm      { padding-left: @buffer-sm !important; }
 .padding-left-lg      { padding-left: @buffer-lg !important; }
 .padding-left-xl      { padding-left: @buffer-xl !important; }
 
 .margin-none          { margin: @buffer-none !important; }
 .margin               { margin: @buffer-md !important; }
 .margin-sm            { margin: @buffer-sm !important; }
 .margin-lg            { margin: @buffer-lg !important; }
 .margin-xl            { margin: @buffer-xl !important; }
 
 .margin-top-none      { margin-top: @buffer-none !important; }
 .margin-top           { margin-top: @buffer-md !important; }
 .margin-top-sm        { margin-top: @buffer-sm !important; }
 .margin-top-lg        { margin-top: @buffer-lg !important; }
 .margin-top-xl        { margin-top: @buffer-xl !important; }
 
 .margin-right-none    { margin-right: @buffer-none !important; }
 .margin-right         { margin-right: @buffer-md !important; }
 .margin-right-sm      { margin-right: @buffer-sm !important; }
 .margin-right-lg      { margin-right: @buffer-lg !important; }
 .margin-right-xl      { margin-right: @buffer-xl !important; }
 
 .margin-bottom-none   { margin-bottom: @buffer-none !important; }
 .margin-bottom        { margin-bottom: @buffer-md !important; }
 .margin-bottom-sm     { margin-bottom: @buffer-sm !important; }
 .margin-bottom-lg     { margin-bottom: @buffer-lg !important; }
 .margin-bottom-xl     { margin-bottom: @buffer-xl !important; }
 
 .margin-left-none     { margin-left: @buffer-none !important; }
 .margin-left          { margin-left: @buffer-md !important; }
 .margin-left-sm       { margin-left: @buffer-sm !important; }
 .margin-left-lg       { margin-left: @buffer-lg !important; }
 .margin-left-xl       { margin-left: @buffer-xl !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; }
 
 .text-sm              { font-size: @font-size-small !important; }
 .text-base            { font-size: @font-size-base !important; }
 .text-md              { font-size: @font-size-base + 2 !important; }
 .text-lg              { font-size: @font-size-large !important; }
 
 
 .display-block { display: block; } // use to swap an anchor tag to span a whole row to make click target larger
 .no-underline { text-decoration: none !important; }
 .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: @gray-dark; }
 
 .text-sans-serif { font-family: @font-family-sans-serif; }
 .text-ellipsis { .text-overflow(); } // truncates text to a single line with an ellipsis at the end
 .text-default {
   font-family: @font-family-base;
   font-size: @font-size-base;
   line-height: @line-height-base;
   font-weight: normal;
 }
 .text-color-default {
   color: @text-color;
 }
 .text-hilite {
   color: @link-color;
   &:hover {
     color: @link-hover-color;
     text-decoration: underline;
   }
 }
 .text-strike { text-decoration: line-through; }
 .text-upper { text-transform: uppercase; }
 .text-lower { text-transform: lowercase; }
 
 #no-search-results {
   display: none;
 }
 
 .valign-baseline { vertical-align: baseline !important; }
 .valign-middle { vertical-align: middle !important; }