ministryofjustice/civil-claims-frontend-claimant

body
  background-color: $white
  color: $black


p
  margin: 0 0 1em 0
  
  &.lead
    font-size: 24px
    padding-right: 100px
    margin:
      left: auto
      right: auto
      bottom: 2em

h1, h2
  letter-spacing: .005em // calculated via http://www.justinmarsan.com/blog/researches/2012/01/07/css-letter-spacing/

a
  @include link-style

.hide
  display: none

.hidden
  display: none !important

.left
  float: left
.right
  float: right


.main
  padding-top: 12px

.todo, a.todo
  color: #ff0
  background-color: #f00
  border: 5px solid #0f0
  text-transform: uppercase
  font-style: italic
  padding: 5px
  font-family: serif


button, .button
  @include border-radius(0)
  &.primary
    background-color: #00a75e
  &.warning
    background-color: #b30816


header h1
  font-size: 48px
  margin:
    right: 200px
    bottom: 30px

.user-data
  border-bottom: 1px solid #ccc
  max-width: 960px
  padding: 0 30px
  background-color: #fff
  margin: 0 auto
  > .nav
    float: right 
    > li > a
      padding-top: 10px
      padding-bottom: 10px


.navbar
  ul
    padding: 0
    margin: 10px 0

  li
    display: inline

    a
      padding: 0 10px
      text-decoration: underline

      &:hover
        color: #333
        text-decoration: none

    &.dropdown
      a
        .caret
          border-bottom-color: #777777
          border-top: 4px solid #777777
          border-left: 4px solid transparent
          border-right: 4px solid transparent
          content: ""
          display: inline-block
          height: 0
          margin-left: 2px
          vertical-align: middle
          width: 0

    ul
      display: none

    &.open
      a
        color: #555
        background-color: #d5d5d5
      ul
        background-clip: padding-box
        background-color: #FFFFFF
        border: 1px solid rgba(0, 0, 0, 0.15)
        border-radius: 0
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176)
        display: block
        list-style: none outside none
        margin: 10px 0 0 0
        min-width: 160px
        padding: 5px 0
        position: absolute
        z-index: 1000

        li
          display: block

          a
            background-color: transparent
            color: #777
            padding: 3px 10px
            display: block
            text-decoration: none
            color: $black

            &:hover
              background-color: #d5d5d5

          &.divider
            border-top: 1px solid #eee
            margin: 5px 0 10px

  a
    color: #777


.nav-tabs
  list-style-type: none
  margin: 0

  li
    margin-bottom: -1px

    a
      margin-bottom: 0
      text-decoration: none

    &.active
      a
        border-color: #ddd #ddd transparent


.template-label
  margin: 20px 0
  padding: 5px 0
  border:
    top: 1px solid $grey-2
    bottom: 1px solid $grey-2
  background-color: $grey-4

  &.heading
    font-weight: bold
    background-color: $grey-3

  em
    font-weight: normal
    font-style: italic

  &.closed
    margin-bottom: 40px

.template-label-sub
  margin-top: 40px