body
  background-color: #eee

.navbar-inner
  -moz-border-radius: 0px
  -khtml-border-radius: 0px
  -webkit-border-radius: 0px
  border-radius: 0px

  .container

    .brand
      img
        vertical-align: top
        margin-right: 7px
        width: 30px
        height: 18px

    ul#navigation
      li#nav_settings
        font-size: 20px

div#content
  background-color: white
  padding: 20px
  margin: -20px 20px 20px 20px
  -moz-border-radius: 0 0 6px 6px
  -khtml-border-radius: 0 0 6px 6px
  -webkit-border-radius: 0 0 6px 6px
  border-radius: 0 0 6px 6px
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15)
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15)
  box-shadow: 0 1px 2px rgba(0,0,0,.15)

  div#main
    div#initial-loading-indicator-container
      text-align: center

      i#initial-loading-indicator
        font-size: 2em

footer
  text-align: center
  font-size: 11px
  color: #333
  margin-top: -10px

div#counts_container
  padding: 7px
  clear: both

  ul
    list-style: none
    padding: 0
    margin: 0
    li
      float: left
      margin-left: 2px
      margin-right: 2px

#filter
  border: 1px solid #cccccc
  margin: 10px 0 10px 0
  width: 100%
  box-sizing: border-box
  -moz-box-sizing: border-box
  background-color: #ffffff
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
  -webkit-transition: border linear .2s, box-shadow linear .2s
  -moz-transition: border linear .2s, box-shadow linear .2s
  -o-transition: border linear .2s, box-shadow linear .2s
  transition: border linear .2s, box-shadow linear .2s
  display: inline-block
  padding: 2px 6px
  -moz-border-radius: 4px
  -khtml-border-radius: 4px
  -webkit-border-radius: 4px
  border-radius: 4px
  vertical-align: middle

  ul.token-field
    list-style-type: none
    margin: 0
    padding: 0

    li
      float: left
      margin: 5px 3px
      padding: 2px 7px
      display: inline-block
      position: relative

    li.token
      color: #FFF
      text-shadow: 0 -1px 0 #004e87, 0 1px 0 #0059b0
      text-decoration: none
      font-size: 12px
      padding: 2px 4px
      border: 1px solid #0f467f
      border-bottom-color: #0f467f
      cursor: pointer
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4c9bea), color-stop(100%, #1460ac))
      background-image: -webkit-linear-gradient(#4c9bea, #1460ac)
      background-image: -moz-linear-gradient(#4c9bea, #1460ac)
      background-image: -o-linear-gradient(#4c9bea, #1460ac)
      background-image: -ms-linear-gradient(#4c9bea, #1460ac)
      background-image: linear-gradient(#4c9bea, #1460ac)
      -moz-box-shadow: inset 0 1px 0 #7ab5f0, 0px 1px 5px rgba(0, 0, 0, 0.55)
      -webkit-box-shadow: inset 0 1px 0 #7ab5f0, 0px 1px 5px rgba(0, 0, 0, 0.55)
      -o-box-shadow: inset 0 1px 0 #7ab5f0, 0px 1px 5px rgba(0, 0, 0, 0.55)
      box-shadow: inset 0 1px 0 #7ab5f0, 0px 1px 5px rgba(0, 0, 0, 0.55)
      -moz-border-radius: 4px
      -khtml-border-radius: 4px
      -webkit-border-radius: 4px
      border-radius: 4px
      background-color: #1460ac

      i.icon-remove-sign:hover
        color: #ccc

      i.close
        font-size: 12px
        color: #fff
        opacity: 0.8
        float: none
        text-shadow: 0 -1px 0 #004e87, 0 1px 0 #0059b0

    li.token.selected
      text-shadow: 0 -1px 0 #3d3d3d, 0 1px 0 #484848
      border: 1px solid #3c3c3c
      border-bottom-color: #3c3c3c
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8c8c8c), color-stop(100%, #525252))
      background-image: -webkit-linear-gradient(#8c8c8c, #525252)
      background-image: -moz-linear-gradient(#8c8c8c, #525252)
      background-image: -o-linear-gradient(#8c8c8c, #525252)
      background-image: -ms-linear-gradient(#8c8c8c, #525252)
      background-image: linear-gradient(#8c8c8c, #525252)
      -moz-box-shadow: inset 0 1px 0 #aaaaaa, 0px 1px 5px rgba(0, 0, 0, 0.55)
      -webkit-box-shadow: inset 0 1px 0 #aaaaaa, 0px 1px 5px rgba(0, 0, 0, 0.55)
      -o-box-shadow: inset 0 1px 0 #aaaaaa, 0px 1px 5px rgba(0, 0, 0, 0.55)
      box-shadow: inset 0 1px 0 #aaaaaa, 0px 1px 5px rgba(0, 0, 0, 0.55)
      background-color: #525252

      i.close
        text-shadow: 0 -1px 0 #3d3d3d, 0 1px 0 #484848

    li.tokens

      span.copy
        visibility: hidden
        height: 20px
        float: left

      input
        position: absolute
        left: 0
        right: 0
        top: 0
        bottom: 0
        padding: 0
        margin: 2px 0 0 0
        border: none
        outline: none
        background: transparent
        width: auto
        height: 20px
        min-width: 200px
        -webkit-user-select: text
        font-size: 14px
        line-height: 20px
        color: #555555

      ul.auto-complete-results
        padding: 0
        margin: 0

        li
          float: none
          display: block

        li.selected
          color: #fff
          text-shadow: 0 -1px 0 #004e87, 0 1px 0 #0059b0
          text-decoration: none
          padding: 4px 6px
          border: 1px solid #0f467f
          border-bottom-color: #0f467f
          cursor: pointer
          background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4c9bea), color-stop(100%, #1460ac))
          background-image: -webkit-linear-gradient(#4c9bea, #1460ac)
          background-image: -moz-linear-gradient(#4c9bea, #1460ac)
          background-image: -o-linear-gradient(#4c9bea, #1460ac)
          background-image: -ms-linear-gradient(#4c9bea, #1460ac)
          background-image: linear-gradient(#4c9bea, #1460ac)
          -moz-box-shadow: inset 0 1px 0 #7ab5f0, 0px 1px 5px rgba(0, 0, 0, 0.55)
          -webkit-box-shadow: inset 0 1px 0 #7ab5f0, 0px 1px 5px rgba(0, 0, 0, 0.55)
          -o-box-shadow: inset 0 1px 0 #7ab5f0, 0px 1px 5px rgba(0, 0, 0, 0.55)
          box-shadow: inset 0 1px 0 #7ab5f0, 0px 1px 5px rgba(0, 0, 0, 0.55)
          -moz-border-radius: 4px
          -khtml-border-radius: 4px
          -webkit-border-radius: 4px
          border-radius: 4px
          background-color: #1460ac

#filter.focus
  border-color: rgba(82, 168, 236, 0.8)
  outline: 0
  outline: thin dotted 9
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)

div.auto-complete-results
  li
    list-style-type: none

table.sensu-table
  border-collapse: separate
  border-spacing: 0
  border: 0

  thead
    tr
      th
        border: 0

  tbody
    tr
      cursor: pointer

  td.client
    white-space: nowrap

  td.check
    white-space: nowrap

  td
    border: 0

  tbody:last-child
    tr:first-child
      td:first-child
        -moz-border-radius-topleft: 4px
        -khtml-border-topleft-radius: 4px
        -webkit-border-top-left-radius: 4px
        border-top-left-radius: 4px
      td:last-child
        -moz-border-radius-topright: 4px
        -khtml-border-topright-radius: 4px
        -webkit-border-top-right-radius: 4px
        border-top-right-radius: 4px

    tr:last-child
      td:first-child
        -moz-border-radius-bottomleft: 4px
        -khtml-border-bottomleft-radius: 4px
        -webkit-border-bottom-left-radius: 4px
        border-bottom-left-radius: 4px
      td:last-child
        -moz-border-radius-bottomright: 4px
        -khtml-border-bottomright-radius: 4px
        -webkit-border-bottom-right-radius: 4px
        border-bottom-right-radius: 4px

.table
  tbody
    tr:hover
      td
        background-color: transparent
      th
        background-color: transparent

i.unsilenced
  margin-right: 7px

table.table#events_table
  tbody
    tr

      td.client
        font-weight: bold
        white-space: nowrap

      td.output
        white-space: normal
        word-break: break-all

    tr.unknown
      td
        background-color: #eee
        color: #999

    tr.unknown:hover
      td
        background-color: #999
        color: #fff

    tr.critical
      td
        background-color: #f4c8c5
        color: #9d261d

    tr.critical:hover
      td
        background-color: #9d261d
        color: #fff

    tr.warning
      td
        background-color: #fee9cc
        color: #f89406


    tr.warning:hover
      td
        background-color: #f89406
        color: #fff

table.table#generic
  tbody
    tr
      color: #999
      background-color: #eee

      td
        font-weight: bold

    tr:hover
      color: #eee
      background-color: #999

table.table#info_table
  width: 400px

ul.dropdown-menu > li.dropdown-header
  margin-top: 5px
  margin-right: -15px
  margin-left: -15px
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
  line-height: 18px
  font-weight: bold
  text-transform: uppercase
  font-size: 11px
  padding: 0px 22px
  color: #999
  display: block

.section_title
  border-bottom: 1px solid #eee
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif
  font-weight: 300
  font-size: 18px

.well
  background-color: #eee
  -webkit-box-shadow: none
  -moz-box-shadow: none
  box-shadow: none
  border: 0
  padding: 14px

  h5
    margin: 0

  span
    font-size: 12px

  span.modal_value
    word-break: break-all
    white-space: pre-wrap

#error_container
  text-align: center

  i
    font-size: 140px
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(1,0,0,0.7)), to(rgba(0,0,0,1)))

.empty-indicator
  text-align: center

  i
    font-size: 140px
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(1,0,0,0.7)), to(rgba(0,0,0,1)))