form.chat *{-webkit-transition:all .5s;transition:all .5s;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}form.chat{margin:0;cursor:default;bottom:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}form.chat,form.chat span.spinner{position:absolute;left:0;right:0;top:0}form.chat span.spinner{-webkit-animation:loading-bar 1s 1;animation:loading-bar 1s 1;display:block;height:2px;background-color:#00e34d;-webkit-transition:width .2s;transition:width .2s;z-index:4}form.chat .messages{display:block;overflow-x:hidden;overflow-y:scroll;position:relative;height:90%;width:100%;padding:2% 3%;border-bottom:1px solid #ecf0f1}form.chat ::-webkit-scrollbar{width:3px;height:1px;-webkit-transition:all .5s;transition:all .5s;z-index:10}form.chat ::-webkit-scrollbar-track{background-color:#fff}form.chat ::-webkit-scrollbar-thumb{background-color:#bec4c8;border-radius:3px}form.chat .message{display:block;width:98%;padding:.5%}form.chat .message p{margin:0}form.chat .fromThem,form.chat .myMessage{max-width:50%;word-wrap:break-word;margin-bottom:20px}form.chat .message:hover .myMessage{-webkit-transform:translateX(-130px);transform:translateX(-130px)}.fromThem,form.chat .myMessage{position:relative;padding:10px 20px;color:#fff;border-radius:25px;clear:both;font:400 15px Open Sans,sans-serif}form.chat .myMessage{background:#00e34d;color:#fff;float:right;clear:both;border-bottom-right-radius:20px 0px\9}form.chat .myMessage:before{content:"";position:absolute;z-index:1;bottom:-2px;right:-8px;height:19px;border-right:20px solid #00e34d;border-bottom-left-radius:16px 14px;-webkit-transform:translateY(-2px);transform:translateY(-2px);border-bottom-left-radius:15px 0px\9;-webkit-transform:translate(-1px,-2px)\9;transform:translate(-1px,-2px)\9}form.chat .myMessage:after{content:"";position:absolute;z-index:1;bottom:-2px;right:-42px;width:12px;height:20px;background:#fff;border-bottom-left-radius:10px;-webkit-transform:translate(-30px,-2px);transform:translate(-30px,-2px)}form.chat .fromThem{background:#e5e5ea;color:#000;float:left;clear:both;border-bottom-left-radius:30px 0px\9}form.chat .fromThem:before{content:"";position:absolute;z-index:2;bottom:-2px;left:-7px;height:19px;border-left:20px solid #e5e5ea;border-bottom-right-radius:16px 14px;-webkit-transform:translateY(-2px);transform:translateY(-2px);border-bottom-right-radius:15px 0px\9;-webkit-transform:translate(-1px,-2px)\9;transform:translate(-1px,-2px)\9}form.chat .fromThem:after{content:"";position:absolute;z-index:3;bottom:-2px;left:4px;width:26px;height:20px;background:#fff;border-bottom-right-radius:10px;-webkit-transform:translate(-30px,-2px);transform:translate(-30px,-2px)}form.chat date{position:absolute;top:10px;font-size:14px;white-space:nowrap;vertical-align:middle;color:#8b8b90;opacity:0;z-index:4}form.chat .myMessage date{left:105%}form.chat .fromThem date{right:105%}form.chat input{font:400 13px Open Sans,sans-serif;border:0;padding:0 15px;height:10%;outline:0}form.chat input[type=text]{width:73%;float:left}form.chat input[type=submit]{width:23%;background:transparent;color:#00e34d;font-weight:700;text-align:right;float:right}form.chat .fromThem,form.chat .myMessage{font-size:12px}form.chat .message:hover .fromThem,form.chat .message:hover .myMessage{transform:translateY(18px);-webkit-transform:translateY(18px)}form.chat .fromThem date,form.chat .myMessage date{top:-20px;left:auto;right:0;font-size:12px}form.chat .fromThem,form.chat .myMessage{max-width:90%}@-webkit-keyframes loading-bar{0%{width:0}90%{width:90%}to{width:100%}}@keyframes loading-bar{0%{width:0}90%{width:90%}to{width:100%}}.iphone{width:300px;height:609px;background-image:url(http://www.adobewordpress.com/tasarim/images/iphone6.png);background-size:100% 100%;margin:0 auto;position:relative}.border{position:absolute;top:12.3%;right:7%;left:7%;bottom:12%;overflow:hidden}a.article{position:fixed;bottom:15px;left:15px;display:table;text-decoration:none;color:#fff;background-color:#00e34d;padding:10px 20px;border-radius:25px;font:400 15px Open Sans,sans-serif}.icon{height:70px;padding-top:23px}#contact{width:60px;height:60px;padding:7px 8px 7px 8px;border-radius:50%;text-align:center;overflow:hidden}.glyphicon-chevron-left,.glyphicon-info-sign{font-size:25px;color:#37a7fd}.glyphicon-user{font-size:35px;color:#fff}.panel-body{min-height:550px;max-height:550px;overflow-y:scroll}.date{color:#a4a4a4;text-align:center;margin-bottom:5px}.bold{font-weight:700}.message{font-size:1.2em;width:auto;max-width:300px;border-radius:15px;padding:10px;margin-bottom:10px}.message-in{background-color:#e5e5ea;margin-left:20px}.message-out{background-color:#22d351;margin-right:20px;color:#fff}.glyphicon-camera,.glyphicon-send{color:#848484}.author{max-width:50px;text-align:center}.author-left{margin-left:3px}.author-right{margin-right:3px}.selected-author{background:#b0b0b3!important}#chatwindow{background-color:#fff;padding:0 12px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin-top:40px}