/* CSS file for Stop… Camping Time! */

/* Main elements */
html
  position: relative
  min-height: 100%

body
  padding-top: 40px
  margin-bottom: 24px
  overflow-x: hidden

footer
  position: absolute
  width: 100%
  height: 24px
  bottom: 0
  background-color: #f5f5f5

  div
    padding-top: 3px
    text-align: center

/* General classes */
.billed
  text-decoration: line-through

/* Table layout */
table
  table-layout: fixed

  col.amount, col.hours, col.hourly_rate
    width: 85px
  col.total_hours, col.total_amount
    width: 130px
  col.reg_hours
    width: 90px
  col.flag
    width: 30px
  col.date
    width: 100px
  col.start_time, col.end_time
    width: 60px
  col.customer_short
    width: 120px
  col.customer, col.name
    width: 160px
  col.task, col.comment
    width: 200px
  col.short_name, col.phone
    width: 120px
  col.address
    width: 250px
  col.email, col.period
    width: 170px
  col.task_list
    width: 330px
  col.number
    width: 70px

  td
    text-overflow: ellipsis
    white-space: nowrap
    overflow: hidden

    input[type="text"], select
      margin: 0
    input.comment, select.task
      width: 156px
    input.date
      width: 76px
    input.start-time, input.end-time
      width: 36px

    input[type="submit"], input[type="reset"], input[type="checkbox"]
      width: auto

  td.indent
    padding-left: 20px

table.grand-total
  margin-top: 30px

/* Form layout */
.form-condensed
  padding-top: 0px

  .control-group
    margin-bottom: 8px

.form-inline
  margin: 0

  label
    padding-top: 6px
    margin-bottom: 0px