#chat
  color #353535

.chat_content
  height 100%
  padding-top 45px

.chat_messages
  padding 10px
  padding-bottom 55px
  height 100%
  overflow auto

.chat_msg
  font-weight normal
  padding 10px 0
  border-bottom 1px solid #888
  &:last-child
    border-bottom none

.chat_user
  font-family 'montserratbold'
  margin-right 15px

.chat_form
  position absolute
  bottom 0
  height 45px
  width 100%

.chat_input
  display block
  width 100%
  height 100%
  padding 3px 50px 3px 10px
  font-size 1.2em

.chat_send
  position absolute
  top 0
  right 0
  padding 0 10px
  width 50px
  height 100%
  background transparent
  font-size 1.3em

#chat
  color #353535

.chat_content
  height 100%
  padding-top 45px

.chat_messages
  padding 10px
  padding-bottom 55px
  height 100%
  overflow auto

.chat_msg
  font-weight normal
  padding 10px 0
  border-bottom 1px solid #888
  &:last-child
    border-bottom none

.chat_user
  font-family 'montserratbold'
  margin-right 15px

.chat_form
  position absolute
  bottom 0
  height 45px
  width 100%
  -webkit-transform translate3d(0,0,0) // trick to put scrollbar behind form

.chat_input
  display block
  width 100%
  height 100%
  padding 3px 50px 3px 10px
  font-size 1.2em

.chat_send
  position absolute
  top 0
  right 0
  padding 0 10px
  width 50px
  height 100%
  background transparent
  font-size 1.3em

Put scrollbar behind form in webkit
Put scrollbar behind form in webkit
