@import "{ohif:design}/app"

generateSpacings('', $spacer-x, $spacer-y)

.m-x-auto
  margin-left: auto !important
  margin-right: auto !important

// MIN WIDTH 1920
generateSpacings('r', $spacer-x, $spacer-y)

@media screen and (min-width: 1600px) and (max-width: 1919px)
  generateSpacings('r', ($spacer-x * 0.9), ($spacer-y * 0.9))

@media screen and (min-width: 1440px) and (max-width: 1599px)
  generateSpacings('r', ($spacer-x * 0.8), ($spacer-y * 0.8))

@media screen and (min-width: 1360px) and (max-width: 1439px)
  generateSpacings('r', ($spacer-x * 0.7), ($spacer-y * 0.7))

@media screen and (min-width: 1280px) and (max-width: 1359px)
  generateSpacings('r', ($spacer-x * 0.6), ($spacer-y * 0.6))

@media screen and (min-width: 1152px) and (max-width: 1279px)
  generateSpacings('r', ($spacer-x * 0.5), ($spacer-y * 0.5))

@media screen and (min-width: 1024px) and (max-width: 1151px)
  generateSpacings('r', ($spacer-x * 0.4), ($spacer-y * 0.4))

@media screen and (max-width: 1023px)
  generateSpacings('r', ($spacer-x * 0.3), ($spacer-y * 0.3))
