.wrapperMessage{height:520px;width:320px;overflow:hidden;background-color:white;position:fixed;top:100px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);box-shadow:0 3px 3px 0 rgba(50,50,50,0.5);-webkit-transition:.3s ease;transition:.3s ease;z-index:999999}.wrapperMessage .inner{overflow:scroll;height:520px;padding-top:64px;background:#f2f2f2;-ms-overflow-style:none;overflow:-moz-scrollbars-none}.wrapperMessage .inner::-webkit-scrollbar{width:0 !important}.wrapperMessage .inner .content{padding:10.6666666667px;position:relative;margin-bottom:32px}.nav{position:fixed;top:0;left:0;right:0;height:64px;z-index:100;-webkit-transition:.3s ease;transition:.3s ease}.nav .default-nav{height:64px;width:100%;position:absolute;left:0;top:0;z-index:110;background-color:#f44336;border-bottom:3px solid #ea1c0d;color:#fff;box-shadow:0 3px 3px 0 rgba(50,50,50,0.1);-webkit-transition:.3s ease;transition:.3s ease}.nav .default-nav .main-nav{position:absolute;left:0;width:100%;height:64px;top:0;margin:0;padding:0;list-style:none;-webkit-transition:.3s ease;transition:.3s ease}.nav .default-nav .main-nav .toggle{height:32px;width:32px;background:url(/img/ic_arrow_back_white_48dp.png);background-size:contain;margin:16px;float:left}.nav .default-nav .main-nav .toggle:hover{cursor:pointer}.nav .default-nav .main-nav .options{height:32px;width:32px;background:url(/img/ic_more_vert_white_48dp.png);background-size:contain;margin:16px;position:absolute;right:0}.nav .default-nav .main-nav .options:hover{cursor:pointer}.nav .default-nav .main-nav .main-nav-item{float:left;height:64px;margin-right:50px;position:relative;line-height:64px;-webkit-transition:.3s ease;transition:.3s ease}.nav .default-nav .main-nav .main-nav-item .main-nav-item-link{display:block;position:relative;height:64px;width:100%;text-align:center;line-height:64px;text-decoration:none;color:inherit;-webkit-transition:.3s ease;transition:.3s ease}.bottom{position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff}.bottom .inputMessage{height:64px;background:#fff;border:0;width:calc(100% - 64px);position:absolute;left:0;top:0;padding:0 5%;resize:none;overflow:scroll;padding-top:24px;font-weight:300;-ms-overflow-style:none;overflow:-moz-scrollbars-none}.bottom .inputMessage:focus{outline:0}.bottom .inputMessage::-webkit-scrollbar{width:0 !important}.bottom .sendMessageChat{position:fixed;height:42.6666666667px;width:42.6666666667px;border-radius:50%;border:0;background:#f44336;color:#fff;bottom:10.6666666667px;right:10.6666666667px}.bottom .sendMessageChat:before{content:'';background:url(/img/ic_send_white_48dp.png) no-repeat center center;background-size:25.6px;position:absolute;top:0;left:0;right:0;bottom:0}.bottom .sendMessageChat:focus{outline:0}.bottom .sendMessageChat:hover{cursor:pointer}.message-wrapperMessage{position:relative;overflow:hidden;width:100%;margin:10.6666666667px 0;padding:10.6666666667px 0}.message-wrapperMessage .circle-wrapperMessage{height:42.6666666667px;width:42.6666666667px;border-radius:50%}.message-wrapperMessage .text-wrapperMessageChat{padding:10.6666666667px;min-height:42.6666666667px;width:60%;margin:0 10.6666666667px;box-shadow:0 1px 0 0 rgba(50,50,50,0.3);border-radius:2px;font-weight:300;position:relative}.message-wrapperMessage .text-wrapperMessageChat:before{content:'';width:0;height:0;border-style:solid}.message-wrapperMessage.them .circle-wrapperMessage,.message-wrapperMessage.them .text-wrapperMessageChat{background:#f44336;float:left;color:#fff}.message-wrapperMessage.them .text-wrapperMessageChat:before{border-width:0 10px 10px 0;border-color:transparent #f44336 transparent transparent;position:absolute;top:0;left:-9px}.message-wrapperMessage.me .circle-wrapperMessage,.message-wrapperMessage.me .text-wrapperMessageChat{background:#ff5722;float:right;color:#333}.message-wrapperMessage.me .text-wrapperMessageChat{background:#fff}.message-wrapperMessage.me .text-wrapperMessageChat:before{border-width:10px 10px 0 0;border-color:#fff transparent transparent transparent;position:absolute;top:0;right:-9px}@media(max-width:560px){.wrapperMessage{width:100%;height:100%;height:100vh;top:0;left:0;-webkit-transform:translateX(0);transform:translateX(0)}.wrapperMessage .inner{height:100%;height:100vh}}