.auto-margin         { margin: 0 auto; }

.no-margin           { margin:0!important }
.no-margin-top       { margin-top:0!important }
.no-margin-bottom    { margin-bottom:0!important }
.no-margin-left      { margin-left:0!important }
.no-margin-right     { margin-right:0!important }
.no-margin-horizontal { margin-left:0!important; margin-right:0!important }
.no-margin-vertical   { margin-top:0!important; margin-bottom:0!important }

.margin-horizontal  { margin-left:16px; margin-right:16px }
.margin-vertical    { margin-top:16px; margin-bottom:16px }
.padding-horizontal { padding-left:8px; padding-right:8px }
.padding-vertical   { padding-top:16px; padding-bottom:16px }

.margin-small            { margin:8px!important }
.margin-top-small        { margin-top:8px!important }
.margin-bottom-small     { margin-bottom:8px!important }
.margin-left-small       { margin-left:8px!important }
.margin-right-small      { margin-right:8px!important }
.margin-horizontal-small { margin-left:8px!important; margin-right:8px!important }
.margin-vertical-small   { margin-top:8px!important; margin-bottom:8px!important }

.margin-large            { margin:24px!important }
.margin-top-large        { margin-top:24px!important }
.margin-bottom-large     { margin-bottom:24px!important }
.margin-left-large       { margin-left:24px!important }
.margin-right-large      { margin-right:24px!important }
.margin-horizontal-large { margin-left:24px!important; margin-right:24px!important }
.margin-vertical-large   { margin-top:24px!important; margin-bottom:24px!important }

.no-padding          { padding:0!important }
.no-padding-top      { padding-top:0!important }
.no-padding-bottom   { padding-bottom:0!important }
.no-padding-left     { padding-left:0!important }
.no-padding-right    { padding-right:0!important }
.no-padding-horizontal { padding-left:0!important; padding-right:0!important }
.no-padding-vertical   { padding-top:0!important; padding-bottom:0!important }

.padding-small            { padding:4px 8px!important }
.padding-top-small        { padding-top:4px!important }
.padding-bottom-small     { padding-bottom:4px!important }
.padding-left-small       { padding-left:8px!important }
.padding-right-small      { padding-right:8px!important }
.padding-horizontal-small { padding-left:8px!important; padding-right:8px!important }
.padding-vertical-small   { padding-top:4px!important; padding-bottom:4px!important }

.padding-large            { padding:12px 24px!important }
.padding-top-large        { padding-top:12px!important }
.padding-bottom-large     { padding-bottom:12px!important }
.padding-left-large       { padding-left:24px!important }
.padding-right-large      { padding-right:24px!important }
.padding-horizontal-large { padding-left:24px!important; padding-right:24px!important }
.padding-vertical-large   { padding-top:12px!important; padding-bottom:12px!important }