.support-area{width:100vw;height:480px;display:-webkit-box;display:-ms-flexbox;display:flex}.support-sidebar{width:20%;background-color:beige;height:100%;border-right:1px solid #ccc}.support-sidebar ul{list-style:none;border-bottom:1px solid #ccc;margin-top:0;margin-bottom:0}.support-sidebar ul:hover{background-color:#f4f4ff}.support-sidebar h5{margin:0;border-bottom:1px solid #ccc}.room,.support-sidebar h5{color:#000;text-align:left;padding:10px 20px}.room{font-size:14px;cursor:pointer}.room.active{background-color:#eaeafd;color:#000}.support-session{width:80%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.current-chat,.support-session{display:-webkit-box;display:-ms-flexbox;display:flex}.current-chat{border-bottom:1px solid #ccc;text-align:left;padding:10px 20px;background-color:beige}.current-chat h5{margin-bottom:0}.chat-session{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow-y:auto;padding:10px 50px;font-size:12px}.message{background-color:#f6f6f6;clear:both;margin-bottom:15px;padding:10px;border-radius:5px;max-width:80%}.message.user{float:right;background-color:#ffdab9}.message.support{float:left;background-color:#ddd}.message-form,.message-input{width:100%;margin-bottom:0}.message-input{border-radius:0;border:none;border-top:1px solid #ccc;height:50px;padding:20px;font-size:14px;background-color:#f6f6f6}