// colors
$orange: #FF9714
$blue: #2D2F79
$red: #FF0000
$green: #00FF00
$light-blue: #352591
$border-gray: #E3E3E3
$background-gray: #F5F5F5

// layout
$default-padding: 10px
$default-border-radius: 5px
$default-border-size: 2px


@import "compass"

// override twitter bootstrap defaults blue link

a
  color: $blue

a:hover,
a:focus
  color: darken($orange,10)

a.tooltipbox
  outline:none
  
  strong
    line-height: 30px
    
  span
    z-index: 10
    display: none
    padding: 14px 20px
    margin-top: -30px
    margin-left: 28px
    line-height: 16px    
    width: 120px
    border-radius: 4px
    -moz-border-radius: 4px
    -webkit-border-radius: 4px
    -moz-box-shadow: 5px 5px 8px #CCC
    -webkit-box-shadow: 5px 5px 8px #CCC
    box-shadow: 5px 5px 8px #CCC
   
a.tooltipbox:hover
  position: relative
  span
    display: inline
    position: absolute
    border: 1px solid #DCA
    color: #111
    background: #fffAF0

.callout
  z-index: 20
  position: absolute
  top: 30px
  border: 0 
  left: -12px
 
 
.progress-striped .bar
  background-color: $orange

.navbar-inverse .divider-vertical .invisible
  border-left-color: none
  border-right-color: none

.table-noborder
  td
    border-top: 0 !important

// end override

// override jquery ui

.ui-datepicker-header
  background: $orange

.ui-datepicker-calendar
  .ui-state-default
    color: #3d3d3d

//

// override lightbox
.lightbox .lb-image
  max-width: none
//

.gray-box 
  background-color: #fafafa
  border-radius: 5px
  border: 1px solid #DDD

  &> .row
    padding: 10px

.alert-normal
  background-color: #f5f5f5
  border-color: #e3e3e3
  color: #5a5a5a

  h4
    color: #5a5a5a

.chzn-container
  margin-bottom: 5px

.form-modal
  margin: 0

.ui-datepicker
  z-index: 5 !important

.login-box
  margin-top:    150px
  margin-bottom: 150px

.refreshpassword-box
  margin-top:    150px
  margin-bottom: 150px  
  

.license-plate
  font-family: 'droid_sans_mono'
  font-weight: bold
  letter-spacing: 2px

  a
    &:hover
      text-decoration: none

.vehicle-class-icon-small
  height: 14px
.yellow-bar-sign-icon-small
  height: 10px
.yellow-bar-sign-icon-medium
  height: 20px
.speed-limit-sign-icon-small  
  height: 10px
.speed-limit-sign-icon-medium  
  height: 20px
.speed-limit-sign-icon-big  
  height: 40px
    
.vehicle-class-box
  width: 40px
.vehicle-class-box-full
  width: 80px


.color-set
  width: 59px

.licence-plate-box
  width: 120px
    
.signs-box
  height: 22px
  width:  34px
  .signs-box-speed-limit 
    height: 12px
    .speed-limit-sign-icon-small  
      margin-top: -10px
  .yellow-bar-sign-icon-small    
    margin-top: -10px  

.system-failure-icon
  color: #FA0000
  
.alarm-icon
  color: #B94A48

.warning-icon
  color: #F89406

.info-icon
  color: #3A8EBF

.ok-icon
  color: #51A351
 
.datetime-picker
  input
    width: 120px
  
.form-box 
  min-height: 20px
  padding: 19px
  border: 1px solid #e3e3e3
  -webkit-border-radius: 4px
    -moz-border-radius: 4px
      border-radius: 4px
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)

.status-icon
  vertical-align: middle

.status-alive
  background-color: #51A351 !important

.status-dead
  background-color: #C13B35 !important

.status-warning
  background-color: #FF9714 !important

.status-undef
  background-color: grey !important


#etalage
  .etalage_zoom_area
    z-index: 8888

#overlay   
  position: absolute
  display: none
  top: 0px
  left: 0px
  width: 100%
  height: 100%
  background-color: rgba(0,0,0,0.9)
  z-index: 9999

  #modal-image
    overflow: hidden
    position: relative
    margin: 0 auto
