.chat-application .app-content, .chat-application .content-right, .chat-application .content-wrapper, .chat-application .content-body {
  height : 100%;
}

.chat-application .content-wrapper {
  padding : 0 !important;
}

.chat-application .sidebar-left {
  border-left : 1px solid #E4E7ED;
  z-index : 999;
}

.chat-application .chat-fixed-search {
  position : fixed;
  z-index : 999;
  background : #FFFFFF;
  width : 300px;
  border-bottom : 1px solid #E4E7ED;
}

.chat-application .users-list-padding {
  padding-top : 83px;
  padding-bottom : 60px;
}

.chat-application .chat-app-window {
  padding : 20px 30px;
  overflow-y : scroll;
  text-align : center;
  height : -webkit-calc(100% - 112px);
  height :    -moz-calc(100% - 112px);
  height :         calc(100% - 112px);
  background-color : #FFFFFF;
}

.chat-application .chat-app-form {
  position : relative;
  padding : 20px 10px;
  background-color : white;
  overflow : hidden;
}

.chat-application .chats {
  padding : 0;
}
.chat-application .chats .chat-body {
  display : block;
  margin : 10px 0 0 30px;
  overflow : hidden;
}
.chat-application .chats .chat-body .chat-content {
  text-align : left;
  position : relative;
  display : block;
  float : left;
  padding : 8px 15px;
  margin : 0 0 10px 20px;
  clear : both;
  color : #FFFFFF;
  background-color : #3BAFDA;
  border-radius : 4px;
}
.chat-application .chats .chat-body .chat-content:before {
  position : absolute;
  top : 10px;
  left : -10px;
  width : 0;
  height : 0;
  content : '';
  border : 5px solid transparent;
  border-right-color : #3BAFDA;
}
.chat-application .chats .chat-body .chat-content + .chat-content:before {
  border-color : transparent;
}
.chat-application .chats .chat-body .chat-content p {
  margin : 0;
}
.chat-application .chats .chat-avatar {
  float : left;
}
.chat-application .chats .chat-avatar .avatar {
  width : 50px;
  margin-top : -10px;
}
.chat-application .chats .time {
  color : #F7F7F9;
  font-size : 12px;
  text-align : center;
  margin : 40px 0;
}
.chat-application .chats .chat-left .chat-avatar {
  float : right;
}
.chat-application .chats .chat-left .chat-body {
  margin-left : 0;
  margin-right : 30px;
}
.chat-application .chats .chat-left .chat-content {
  text-align : right;
  float : right;
  margin : 0 20px 10px 0;
  color : #55595C;
  background-color : white;
}
.chat-application .chats .chat-left .chat-content + .chat-content:before {
  border-color : transparent;
}
.chat-application .chats .chat-left .chat-content:before {
  left : auto;
  right : -10px;
  border-left-color : white;
  border-right-color : transparent;
}

.chat-application .form-control-position {
  cursor : pointer;
}
.chat-application .form-control-position.control-position-right {
  left : 18px;
  top : 2px;
  cursor : pointer;
}

@media (max-width: 767.98px) {
  .chat-application .chat-app-window {
    height : -webkit-calc(100% - 132px);
    height :    -moz-calc(100% - 132px);
    height :         calc(100% - 132px);
  }
}

.horizontal-layout.chat-application .app-content {
  height : -webkit-calc(100% - 144px) !important;
  height :    -moz-calc(100% - 144px) !important;
  height :         calc(100% - 144px) !important;
  min-height : -webkit-calc(100% - 144px) !important;
  min-height :    -moz-calc(100% - 144px) !important;
  min-height :         calc(100% - 144px) !important;
  margin-top : 0 !important;
}
.horizontal-layout.chat-application .app-content .chat-app-window {
  height : -webkit-calc(100% - 83px) !important;
}