_chat_area.sass

#channels
  margin-top: 0px

.ui-widget-header
  +background-image(linear-gradient($header-bg-1, $header-bg-2))
  +border-radius(0px)
  border: none
  .ui-state-active
    background: $active-tab-bg
    border: none
    a
      color: $active-tab-color

.ui-tabs
  +border-radius(0px)
  padding: 0px
  margin-top: 0px
  border: none
  .ui-tabs-nav
    border-right: 1px solid #404A4D
    position: fixed
    width: 100%
    padding-top: 6px
    top: 0px
    li:first-child
      margin-left: 90px
    li a
      font-size: 14px
    .ui-tab-selected
      background: $active-tab-bg
      border: none
      a
        color: $active-tab-color
    li a
      padding: 3px
  .ui-tabs-panel
    padding-right: 20px
    padding-left: 20px
    border-right: 1px solid #CDD1D4
  .ui-widget-content
    height: 95%

.ui-corner-all .ui-corner-bottom, .ui-corner-bottom, .ui-corner-left, .ui-corner-right, .ui-corner-bl, .ui-corner-br
  +border-radius(none)

.ui-state-default
  font-size: 14px

.ui-widget-content
  +full-height
  background: $panel-bg
  font-size: 13px

.paginated-activities
  +box-shadow(5px 0px 5px -3px #cccccc, -5px 0px 5px -3px #cccccc, 5px 10px 5px -3px #cccccc, -5px 10px 5px -3px #cccccc)
  +border-top-radius(4px)
  overflow-y: scroll
  float: left
  width: 100%
  min-height: 88%
  height: 88%
  background: #FFF
  padding: 10px
  margin-top: 37px
  .pagination
    text-decoration: underline
    cursor: pointer
  .channel-activities
    width: 100%

.chatbox
  +border-bottom-radius(4px)
  +background-image(linear-gradient($chatbox-bg-1, $chatbox-bg-2))
  +box-shadow(5px 0px 5px -3px #cccccc, -5px 0px 5px -3px #cccccc, 0px 5px 5px 0px #cccccc)
  float: left
  border-top: 1px solid #EBEFF1
  padding: 10px 0px 10px 10px
  width: 100%
  textarea
    +border-top-left-radius(4px)
    +border-bottom-left-radius(4px)
    border: 1px solid #AEB9BD
    width: 92%
    padding: 0px
    margin: 0px
    height: 40px
    resize: none
  button
    +background-image(linear-gradient(#c8ecf6, #9fdff4))
    +border-top-right-radius(4px)
    +border-bottom-right-radius(4px)
    position: relative
    left: -5px
    border: 1px solid #AEB9BD
    color: #59808B
    width: 7%
    padding: 0px
    margin: 0px
    height: 40px
    font-size: 16px