.obtest {
   overflow: scroll;
 }

.scrollbar-x {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  height:50px;
  -webkit-overflow-scrolling: touch;
  list-style: none;
  display: none;
  
}
 .scrollbar-x li {
  display: inline-block;
  position: relative;
}

 .chat-window {
   height: calc(100vh - 36px);
 }
 .button-container {

  }
  .button-container button:first-child {
  margin-right: .5rem ;
  }

 .button-spacer button + button {
    margin-left: .5rem;
 }


 .data-window {
     height: calc(100% - 105px);
     width:100%;
     resize:none
 }
 @media screen and (max-width:250px){
     .chat-window {
	 height: calc(100vh - 50px);
     }
     
     .data-window {
	 height: calc(100% - 130px);
     }

     .mini-hide {
	 display:none;
     }
     .mini-show {
	 display:block;
     }

     .container {
	 padding:0;
     }
     .mini-flex {
	 flex-direction: column;
	 width: 100%;
	 align-items:center;
     }
     .mini-flex button {
	 margin-bottom: 1px;
	 margin-right:0px;
	 width:100%;
	 
     }

     .button-container button:first-child {
	 margin-right: 0;
     }
     .chatmeta-cont-mini {
	 display: flex;
	 flex-direction: column;
     }
     .chatmeta-cont-mini :nth-child(1) { order: 3; }
     .chatmeta-cont-mini :nth-child(2) { order: 1; }
     .chatmeta-cont-mini  :nth-child(3) { order: 2; }
 }
     
 }