$font-family: 'Lato', "Helvetica Neue", Helvetica, sans-serif
//$font-family: 'Droid Sans Mono', "Helvetica Neue", Helvetica, sans-serif

@import "kube/kube"

.content
  padding-top: 2%
  width: 100%
  max-width: #{$grid-width}px


#durations
  height: 420px

#request-listings

  .count
    margin-top: 1em

#sla-history
  padding-bottom: 1em
  min-height: 88px

#detailed-metrics
  min-height: 208px

#drilldown
  span:after
    content: '>'
    padding-left: 0.5em
    padding-right: 0.5em

  //span:first-child:after
  //  content: ' '
  //  padding-left: 0.1em
  //  padding-right: 0.1em

  span:last-child:after
    display: none

#regions
  span:after
    content: ' '
    padding-left: 0.1em
    padding-right: 0.1em

  span:last-child:after
    display: none

  a.active
    text-decoration: none
    color: $body-text-color

.warning
  color: darkgoldenrod

table.compact
  th, td
    padding: 0.5em
  tr:first-child
    th, td
      padding-top: 0
  tr:last-child
    th, td
      border-bottom: none

#request-details

  .pad
    padding-bottom: 20px

  iframe
    width: 100%
    height: 1000px
    padding-bottom: 20px

.tooltip
  overflow: hidden
  white-space: nowrap
  text-overflow: ellipsis
  display: inline-block

  &:hover > span
    visibility: visible

  span
    visibility: hidden
    padding: 0.2em 0.5em
    margin-top: -40px
    margin-left: 45px
    position: absolute
    color: #000000
    background: #f4f4f4
    border: 1px solid black
    z-index: 10

div.tooltip
  border-bottom: 1px dotted #999