.column.directory{
  min-width: 260px;
  display: table-cell;
}
.column.users{
  min-width: 320px;
  display: table-cell;
}
.column.preview{
  width: 100%;
  display: table-cell;
  min-width: 915px;
}
.column.conversation{
  width: 100%;
  display: table-cell;
  min-width: 595px;
}
.table-cell .full-list{
  height: 640px;
  overflow-y: scroll;
  margin-bottom: 0px;
  box-shadow:rgba(0, 0, 0, 0.05) 0 1px 1px;
}
.table-cell .full-conversation{
  height: 491px;
  overflow-y: scroll;
  margin-bottom: 0px;
}
.table-cell .chat-options{
  height: 682px;
  overflow-y: scroll;
  margin-bottom: 0px;
}
.table-cell .full-files{
  height: 598px;
  overflow-y: scroll;
  margin-bottom: 0px;
}

.column-heading-tabs{
  padding: 0px 15px 0px 0px;
  border-bottom: 2px solid #c2d4ee !important;
  border-bottom-color: transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.nav-tabs.conversation{ border-bottom: none;}
.nav-tabs .conversation > li:first-child {margin-left: 15px;}
.nav-tabs .conversation> li > a {text-align: center; height: 32px;}


.nav-tabs.chat{ border-bottom: 1px solid #c2d4ee;}
.nav-tabs .chat > li:first-child {margin-left: 15px;}
.nav-tabs .chat> li > a {width: 30px; text-align: center;}

.column-heading-tabs .nav-tabs { border-bottom: none;}

.channel-image{
  border-radius: 100px;
  height: 40px;
  margin-right: 8px;
}
.chat.users-filter{
  background: #e8eff8;
}
.chat.users-filter-select{
    background: #e8eff8;
}
.chat-profile-photo{
  height: 25px;
  border-radius:70px;
}
.chat.name{
  font-weight: bold;
  margin-top: 5px;
  margin-left: 5px;
}
.chat-message{
  padding-bottom: 10px;
  padding-top: 10px;
  border-top: solid 1px #f2f4f6;
}
.chat-message p{
  margin: 1px 0 5px 0;
}
.chat.label{
  border-radius: 70px;
}

.message-options{
  /* background-color: #d9e1e9 !important; */
  height: 44px;
  border-top:solid 1px #dddddd;
  /* border-bottom:solid 1px #e9ecee; */
  background-color: #F5F5F5;
  padding: 10px 0px 0px 0px;
  box-shadow:rgba(0, 0, 0, 0.12) 0 -1px 8px;
}
.message-options-content{
  height: 105px;
  background-color: #F5F5F5;
  padding: 14px;
  overflow-y: scroll;
}
.message-options-content textarea.form-control{
  border:2px solid #C2D4EE;
}
.chat-conversation{
    margin-right: -15px;
    margin-left: -15px;
}
.chat-file{
  width: 33.33333333%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  float: left;
  display: table-cell;
}
.chat-attachment{
  width: 400px;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  float: left;
  display: table-cell;
}
@media (max-width: 1799px) {
  .chat-file{width: 50%;}
}
.chat-file-content{
  border: solid 1px #f2f4f6;
  padding: 5px;
  margin-bottom: 15px;
}
.chat-file-img {
  height: 100px;
  margin: -5px 10px -5px -5px ;
  display: table-cell;
  float: left;
}
.chat-attachment-content{
  border: solid 1px #eeeeee;
  padding: 5px;
  background: #ffffff;
  box-shadow:rgba(0, 0, 0, 0.03) 0 0 2px;
}
.chat-attach{
  width: 33.33333%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  float: left;
  display: table-cell;
}
.chat-attach-content{
  border: solid 1px #eeeeee;
  padding: 5px;
  background: #ffffff;
  box-shadow:rgba(0, 0, 0, 0.03) 0 0 2px;
}
.chat-attach-title{
  margin-top: 2px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-attach-desc{
  margin-bottom: 5px;
  font-size: 12px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1800px) {
  .chat-attach{width: 50%;}
}
@media (max-width: 1400px) {
  .chat-attach{width: 100%;}
}
.chat-attachment-img {
  height: 100px;
  margin: -5px 10px -5px -5px ;
  display: table-cell;
  float: left;
}
.chat-attachment-img-sm {
  height: 60px;
  margin: -5px 10px -5px -5px ;
  display: table-cell;
  float: left;
}
.chat-file-date{
  color: #cccccc;
  margin-top: 3px;
  font-size: 13px;
  margin-right: 5px;
  display: block;
}
.chat-file-name{
  font-weight: bold;
  display: block;
}
.chat-file-study{
  margin-bottom: 5px;
  font-size: 12px;
  display: block;
}
.list-group-horizontal-chat .list-group-item {
    display: inline-block;
    width: 49%;
    border: solid 1px #ccc;
    border-radius:4px !important;
    background-color: #F2F4F5;
    padding: 7px 20px 20px 20px;
}
.list-group-horizontal-chat .list-group-item:hover {
  background-color: #E8EFF8;
  border: solid 1px #C2D4EE;
}
.list-group-horizontal-chat .list-group-item.active {
  background-color: #E8EFF8 !important;
  border: solid 1px #C2D4EE !important;
}
.list-group-horizontal-chat .list-group-item:first-child {
    margin-right: 1%;
}
.list-group-horizontal-chat .list-group-item:last-child {
    margin-left: 1%;
    margin-left: 0px;
}
.list-group-horizontal-chat .list-group-item-text{
  margin-top: 8px !important;
}