.chat-box{width:400px;font-family:"Proxima-Nova",Helvetica;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.10);box-shadow:0 0 6px 0 rgba(0,0,0,.10);line-height:1.2em;bottom:2px;position:fixed;right:50px}.chat-box a{color:#fff}.chat-header{padding:10px;color:white;font-size:14px;font-weight:normal;background-color:#343642}.online-indicator{color:#29a349}.chat-messages{padding:10px;height:300px;background-color:#f5f5f5;border:1px solid #ddd;overflow-y:scroll}.chat-messages ul{padding:0;margin:0;list-style-type:none}.chat-messages ul li{height:auto;margin-bottom:10px;clear:both;padding-left:10px;padding-right:10px}.chat-messages ul li span{display:inline-block;max-width:200px;background-color:white;padding:8px 10px;position:relative;color:#333}.chat-messages ul li span.left{float:left;background-color:white;border:1px solid #ddd;max-width:170px}.chat-messages ul li span.left.welcome{margin-bottom:10px}.chat-messages ul li span.left .rep{font-size:12px;padding:0;margin:0;background:0;color:#999}.chat-messages ul li span.left .res{padding:0}.chat-avatar{float:left;height:36px;width:36px;margin:0 auto;text-align:center;overflow:hidden;border-radius:50%;margin-right:10px;border:1px solid #ddd}.chat-avatar img{max-width:36px}.chat-messages ul li span.left:after{content:"";display:inline-block;position:absolute;left:-8.5px;top:7px;height:0;width:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid white}.chat-messages ul li span.left:before{content:"";display:inline-block;position:absolute;left:-10px;top:5.5px;height:0;width:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid #ddd}.chat-messages ul li span.right:after{content:"";display:inline-block;position:absolute;right:-8px;top:6px;height:0;width:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #9db9c4}.chat-messages ul li span.right:before{content:"";display:inline-block;position:absolute;right:-10px;top:5px;height:0;width:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:9px solid #8cafbc}.chat-messages ul li span.right{float:right;background-color:#9db9c4;border:1px solid #8cafbc}.chat-clear{clear:both}.chat-attachment button{padding:0 !important;margin:0 !important;box-shadow:none;border-radius:0;font-size:16px;border:0;background:0;cursor:pointer;color:#999}.chat-attachment button:hover{padding:0 !important;margin:0 !important;box-shadow:none;border-radius:0;font-size:16px;border:0;background:0;cursor:pointer;color:#343642}.chat-input-box{background-color:white;height:60px;width:100%;display:table;border:1px solid #ddd;border-top:0}.chat-attachment{display:table-cell;vertical-align:top;padding-top:10px;width:20px}.chat-input{display:table-cell}.chat-input-box .input textarea{padding:0;border:0;width:100%;height:100%;display:inline-block;outline:0;border-width:0;resize:none;font-size:14px;padding:10px}.chat-form-group{width:100%;padding:5px 0}label{font-size:12px}.chat-form-control{display:block;width:100%;box-sizing:border-box;padding:6px 12px;font-size:14px;color:#555;background-color:#fff;border:1px solid #ccc;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#348798;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(52,135,152,.6)}@media only screen and (max-width:600px){.chat-box{width:300px;font-family:"Proxima-Nova",Helvetica;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.10);box-shadow:0 0 6px 0 rgba(0,0,0,.10);line-height:1.2em;bottom:2px;position:fixed;right:10px}}