body, html, input, h1 {
  font-family: arial,sans-serif;
  font-size: 13px;
  color: rgb(95, 99, 104);
}


.page {
  display: table;
  width: 100%;
}

.page-content,
.sidebar {
  display: table-cell;

}

.sidebar {
  width: 20px;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}


.chat-zone {
  width: 80px;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}


.headerbar {
//  position: fixed;
//  top: 0;
//  bottom: 0;
//  left: 0;
  z-index: 100; /* Behind the navbar */
//  padding: 48px 0 0; /* Height of navbar */
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
}



.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}


.chat-panel_collapse {
background-color: #FFF;
align-items:center;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
border-top-left-radius:8px;
border-top-right-radius:8px;
box-sizing:border-box;
border: 1px solid rgb(151, 155, 168);
color:#80868A;
display:flex;
height:24px;
justify-content:center;
left:-26px;
position:absolute;
text-size-adjust:100%;
top:10px;
touch-action:manipulation;
width:24px;
z-index:200;

}