@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);.container{width:100%;padding:10px;color:#fff}.message-blue{margin-left:15px;background-color:#009688;width:400px;font-size:.9em;border:1px solid #009688;border-radius:7px}.message-blue,.message-orange{position:relative;margin-bottom:10px;padding:10px;height:50px;text-align:left}.message-orange{margin-left:calc(100% - 240px);background-color:#ccc;width:200px;font:400 .9em Open Sans,sans-serif;border:1px solid #ccc;border-radius:10px}.message-content{padding:0;margin:0}.message-timestamp-right{right:5px}.message-timestamp-left,.message-timestamp-right{position:absolute;font-size:.85em;font-weight:300;bottom:5px}.message-timestamp-left{left:5px}.message-blue:after{border-top:9px solid #009688;top:0}.message-blue:after,.message-blue:before{content:"";position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;left:-8px}.message-blue:before{border-top:9px solid #ccc;top:-1px}.message-orange:after{bottom:0}.message-orange:after,.message-orange:before{content:"";position:absolute;width:0;height:0;border-bottom:9px solid #ccc;border-left:8px solid transparent;border-right:8px solid transparent;right:-8px}.message-orange:before{bottom:-1px}.wysiwigPage{display:inline-block;width:100%}.wrapperWysiwigPage{background-color:#fff;height:82vh;overflow:scroll;border:1px solid #d3d3d3;box-shadow:0 0 10px 3px rgba(0,0,0,.45)}.wysiwigPage:focus{outline:none}.colorPickerWrapper{background:#fff;display:flex;padding:10px}.colorPickerItem{width:20px;height:20px;margin-left:5px}.customComponent{margin:0 5px;display:inline-block}.customComponent label{padding:0 5px}.required:after{content:" * ";color:red}.underlineCheckbox{display:"inline-block"}.customInputOfCheckbox:checked~.customLabelOfCheckbox{border-bottom:2px solid #00796b;z-index:100;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms}.customInputOfCheckbox:hover~.customLabelOfCheckbox{border-bottom:2px solid #000;cursor:pointer}.customLabelOfCheckbox{border-bottom:1px solid rgba(0,0,0,.42);transition:border-bottom-color .2s cubic-bezier(.4,0,.2,1) 0ms}.customInputOfCheckbox{display:none;width:100%;cursor:pointer}.checkbox label{padding-left:22px}.checkbox label:after,.checkbox label:before{position:absolute;content:"";display:inline-block}.checkbox label:before{height:16px;width:100%;left:0;top:3px}.checkbox label:after{height:5px;width:9px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);left:4px;top:7px}.checkbox input[type=checkbox]+label:after{content:none}.checkbox input[type=checkbox]:checked+label:after{content:""}.versionsRadio:checked+label>div{background-color:rgba(0,150,136,.2)!important}.versionsRadio+label>div{background-color:#fff;transition:background-color .2s linear}.versionsRadio+label>div:hover{background-color:rgba(0,150,136,.1)}#chatContainer{width:100%;height:400px;position:relative;margin-bottom:15px}#chatComponent{position:absolute;z-index:99999;top:0;left:0;right:0;bottom:0;margin:auto;width:100%}.message-wrap{padding:0 15px;height:calc(100% - 100px);overflow:auto}.message{position:relative;padding:7px 0}.user-img{position:absolute;border-radius:45px;width:60px;height:60px;top:15px}.msg-detail{display:inline-block}.msg-detail p{margin:0;font-size:15px}.msg-info p{font-size:.8em;color:#000;font-style:italic}#sendButton{background-color:#0088ce;color:#ededed;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}#sendButton:hover{background-color:#0098e6;transition-delay:0ms}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#6b6b6b}.msg-content{display:inline-block;color:#fff;padding:.625rem 1rem;position:relative;border-radius:4px;background-color:#0088ce}.msg-content:after{top:0;width:0;height:0;content:"";position:absolute;border:5px solid #0088ce;border-bottom-color:transparent}.message.left .msg-content:after{left:-7px;border-left-color:transparent}.message.right .msg-content:after{right:-7px;border-right-color:transparent}.right{text-align:right}.left{text-align:left}hr{background-color:rgba(0,0,0,.12)}.flex{display:flex}.message-block{padding:0 15px}