/*================================= Margin ===================================*/
.no-margin {
  margin: 0 !important;
}
.margin-x-small {
  margin: 0.25rem !important;
}
.margin-small {
  margin: 0.5rem !important;
}
.margin-medium {
  margin: 1rem !important;
}
.margin-large {
  margin: 1.5rem !important;
}
.margin-x-large {
  margin: 2rem !important;
}

.vertical-no-margin {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.vertical-margin-x-small {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.vertical-margin-small {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.vertical-margin-medium {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.vertical-margin-large {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.vertical-margin-x-large {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.horizontal-margin-x-small {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.horizontal-margin-small {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.horizontal-margin-medium {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.horizontal-margin-large {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.horizontal-margin-x-large {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.top-margin-x-small {
  margin-top: 0.25rem !important;
}

.top-margin-xx-small {
  margin-top: 0.15rem !important;
}

.top-margin-small {
  margin-top: 0.5rem !important;
}
.top-margin-medium {
  margin-top: 1rem !important;
}

.top-margin-medium-to-large {
  margin-top: 1.3rem !important;
}

.top-margin-large {
  margin-top: 1.5rem !important;
}

.top-margin-x-large {
  margin-top: 2rem !important;
}

.left-margin-x-small {
  margin-left: 0.25rem !important;
}
.left-margin-small {
  margin-left: 0.5rem !important;
}
.left-margin-medium {
  margin-left: 1rem !important;
}
.left-margin-large {
  margin-left: 1.5rem !important;
}
.left-margin-x-large {
  margin-left: 2rem !important;
}

.bottom-margin-x-small {
  margin-bottom: 0.25rem !important;
}
.bottom-margin-small {
  margin-bottom: 0.5rem !important;
}
.bottom-margin-medium {
  margin-bottom: 1rem !important;
}
.bottom-margin-large {
  margin-bottom: 1.5rem !important;
}
.bottom-margin-x-large {
  margin-bottom: 2rem !important;
}

.right-margin-x-small {
  margin-right: 0.25rem !important;
}
.right-margin-small {
  margin-right: 0.5rem !important;
}
.right-margin-medium {
  margin-right: 1rem !important;
}
.right-margin-large {
  margin-right: 1.5rem !important;
}
.right-margin-x-large {
  margin-right: 2rem !important;
}

.col-xs-offset-0-right {
  margin-right: 0;
}

/*================================= Padding ==================================*/
.no-padding {
  padding: 0 !important;
}
.vertical-no-padding{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.vertical-padding-x-small {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.vertical-padding-small {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.vertical-padding-medium {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.vertical-padding-large {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.vertical-padding-x-large {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.horizontal-no-padding{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.horizontal-padding-x-small {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.horizontal-padding-small {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.horizontal-padding-medium {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.horizontal-padding-large {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.horizontal-padding-x-large {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.padding-x-small {
  padding: 0.25rem !important;
}
.padding-small {
  padding: 0.5rem !important;
}
.padding-medium {
  padding: 1rem !important;
}
.padding-large {
  padding: 1.5rem !important;
}
.padding-x-large {
  padding: 2rem !important;
}

.top-no-padding{
  padding-top: 0 !important;
}
.top-padding-x-small {
  padding-top: 0.25rem !important;
}
.top-padding-small {
  padding-top: 0.5rem !important;
}
.top-padding-medium {
  padding-top: 1rem !important;
}
.top-padding-large {
  padding-top: 1.5rem !important;
}
.top-padding-x-large {
  padding-top: 2rem !important;
}

.left-no-padding{
  padding-left: 0 !important;
}
.left-padding-x-small {
  padding-left: 0.25rem !important;
}
.left-padding-small {
  padding-left: 0.5rem !important;
}
.left-padding-medium {
  padding-left: 1rem !important;
}
.left-padding-medium-large {
  padding-left: 1.3rem !important;
}
.left-padding-large {
  padding-left: 1.5rem !important;
}
.left-padding-x-large {
  padding-left: 2rem !important;
}

.bottom-no-padding{
  padding-bottom: 0 !important;
}
.bottom-padding-x-small {
  padding-bottom: 0.25rem !important;
}
.bottom-padding-small {
  padding-bottom: 0.5rem !important;
}
.bottom-padding-medium {
  padding-bottom: 1rem !important;
}
.bottom-padding-large {
  padding-bottom: 1.5rem !important;
}
.bottom-padding-x-large {
  padding-bottom: 2rem !important;
}

.right-no-padding{
  padding-right: 0 !important;
}
.right-padding-x-small {
  padding-right: 0.25rem !important;
}
.right-padding-small {
  padding-right: 0.5rem !important;
}
.right-padding-medium {
  padding-right: 1rem !important;
}
.right-padding-large {
  padding-right: 1.5rem !important;
}
.right-padding-x-large {
  padding-right: 2rem !important;
}
