.chatBox{width: 100%; border: #bbbbbb 1px solid; display: flex; flex-direction: column; border-radius: 0; overflow: hidden;}

/*.chatBox .messageTags span{display: inline-block; padding: 0; margin: 0; border-radius: 0; background-color: unset; font-size: 1em; color: unset;}*/

.chatBox .messageBody{width: 100%; display: flex; flex-direction: column-reverse; flex-wrap: nowrap; overflow-y: scroll;}
.chatBox .messageBody > div{width: 100%; background-color: #e4eef7; font-size: 0.9rem; box-sizing: border-box; padding: 20px; }
.chatBox .messageBody > div.printSpacer{display: none;}
.chatBox .messageBody .inMsg{text-align: left; position: relative;}
.chatBox .messageBody .outMsg{text-align: right; position: relative;}

.chatBox .messageBody > div.inMsg:before{ content: ''; width: 0; height: 0; border-bottom: 15px solid #b2d7ff; border-left: 12px solid transparent; position: absolute; bottom: 20px; left: 10px;}
.chatBox .messageBody > div.outMsg:before{ content: ''; width: 0; height: 0; border-bottom: 15px solid #255697; border-right: 12px solid transparent; position: absolute; bottom: 20px; right: 10px;}
.chatBox .messageBody > div.inMsg > div{ background-color: #b2d7ff; border-radius: 10px 10px 10px 0;}
.chatBox .messageBody > div.outMsg > div{ background-color: #255697; border-radius: 10px 10px 0 10px; }


.chatBox .messageBody > div.inMsg > div .msg{color: #000000;}
.chatBox .messageBody > div.outMsg > div .subTitle{color: #eeeeee;}
.chatBox .messageBody > div.outMsg > div .msg{color: #ffffff;}