@import 'mixins'

#shortcuts.help-modal
  position: relative
  z-index: 999999999
  padding: 1em 2.5em
  margin: 0 auto
  width: 60em
  left: 0
  border: none
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.4)
  text-align: right
  font-size: 0.9em
  &.help-modal-hidden-bottom
    -webkit-transform: translate(0, 450px)
    -moz-transform: translate(0, 450px)
    -ms-transform: translate(0, 450px)
    -o-transform: translate(0, 450px)
    transform: translate(0, 450px)
    opacity: 0
  div.icon-close
    text-align: right
    margin: 0
    margin-top: 0.75em
    padding: 0
    display: block
    float: right
    color: #004D7D

  .small-6
    padding: 0

  h1
    font-size: 1.25em
    padding-left: 0
    text-align: left
    color: #004D7D
    float: left

  h2
    font-size: 1em
    color: #333
    text-align: left
    padding-left: 0
    letter-spacing: 1px
    margin-top: 0.75em

  p
    margin-bottom: 0.75em
    font-size: 0.9em

  .top-hr
    border: 1px solid #004D7D
    opacity: 0.9

  .normal-hr
    margin: 1.25rem 0 0.5rem

  .action
    text-align: left
    padding-left: 0
    color: #207CE5

  .command
    text-align: right
    padding-right: 0
    color: $light-gray
    letter-spacing: 1px