@charset "UTF-8";*{ng:antialiased;*/-moz-font-smoothing:antialiased;font-smoothing:antialiased;font-smooth:always;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;word-break:break-word}*,:before,:after{box-sizing:inherit}html{box-sizing:border-box;height:100%;margin:0;padding:0;background:#efe7dd url(/img/whats/whats_bg.jpg) repeat}body,input,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Roboto",sans-serif;margin:0;padding:0;height:100%}.page{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.screen-container{height:99%;min-width:220px;position:absolute;top:0;left:0;right:0;bottom:0}.status-bar{height:25px;background:#004e45;color:#fff;font-size:10px;padding:0 8px}.status-bar:after{content:"";display:table;clear:both}.status-bar div{float:right;position:relative;top:50%;transform:translateY(-50%);margin:0 0 0 8px;font-weight:600}.chat{height:calc(100% - 69px);display:-webkit-flex;display:flex}.chat-list{-webkit-flex:initial;flex:initial;width:40%;min-width:250px;max-width:300px}.h{display:none!important}@media screen and (max-width: 650px){.chat{/*height:calc(100% - 44px)*/}.chat-list{max-width:650px;width:100%}.hm{display:none}}@media screen and (min-width: 650px){.hiddenDesktop{display:none}}.cc{-webkit-flex:1;flex:1;height:100%}.user-bar{height:40px;background:#005e54;color:#fff;padding:0 8px;font-size:20px;position:relative;z-index:1}.user-bar:after{content:"";display:table;clear:both}.user-bar div{float:left;transform:translateY(-50%);position:relative;top:50%}.user-bar .actions{float:right;margin:0 0 0 20px}.user-bar .actions.more{margin:0 12px 0 32px}.user-bar .actions.attachment{margin:0 0 0 30px}.user-bar .actions.attachment i{display:block;transform:rotate(-45deg)}.user-bar .avatar{margin:0 0 0 1px;width:30px;height:30px}.user-bar .avatar img{background:#FFF;border-radius:50%;box-shadow:0 1px 0 rgba(255,255,255,0.1);display:block;width:100%;height:100%}.user-bar .name{font-size:14px;font-weight:600;text-overflow:ellipsis;letter-spacing:.3px;margin:0 0 0 8px;overflow:hidden;white-space:nowrap;width:140px}.user-bar .status{display:block;font-size:10px;font-weight:600;letter-spacing:0}.abre-sessao{height:250px;width:80%;background:#005e54;color:#fff;padding:0 8px;font-size:24px;position:relative;z-index:1}.abre-sessao:after{content:"";display:table;clear:both}.abre-sessao div{float:left;transform:translateY(-50%);position:relative;top:50%}.abre-sessao .actions{float:right;margin:0 0 0 20px}.abre-sessao .actions.more{margin:0 12px 0 32px}.abre-sessao .actions.attachment{margin:0 0 0 30px}.abre-sessao .actions.attachment i{display:block;transform:rotate(-45deg)}.abre-sessao .avatar{margin:0 0 0 5px;width:36px;height:36px}.abre-sessao .avatar img{border-radius:50%;box-shadow:0 1px 0 rgba(255,255,255,0.1);display:block;width:100%;height:100%}.abre-sessao .name{font-size:17px;font-weight:600;text-overflow:ellipsis;letter-spacing:.3px;margin:0 0 0 8px;overflow:hidden;white-space:nowrap;width:140px}.abre-sessao .status{display:block;font-size:10px;font-weight:600;letter-spacing:0}.ci{height:72px;background-color:#fff;padding:0;font-size:24px;position:relative;z-index:1;border-bottom:1px solid #ccc;cursor:pointer;overflow:hidden}.cis{background-color:#ccc!important}.ci:hover{background-color:#ddd}.ci:after{content:"";display:table;clear:both}.ci div{float:left;transform:translateY(-50%);position:relative;top:50%}.ci .actions{float:right;margin:0 0 0 20px;text-align:right}.ci .actions.more{margin:0 12px 0 32px}.ci .actions.attachment{margin:0 0 0 30px}.ci .actions.attachment i{display:block;transform:rotate(-45deg)}.ci .avatar{margin:0 0 0 5px;width:49px;height:49px}.ci .avatar img{border-radius:50%;box-shadow:0 1px 0 rgba(255,255,255,0.1);display:block;width:100%;height:100%}.ci .name{font-size:17px;font-weight:600;text-overflow:ellipsis;letter-spacing:.3px;margin:0 0 0 8px;overflow:hidden;white-space:nowrap;width:100px}.ci .status{display:block;font-size:13px;font-weight:400;letter-spacing:0;color:#000}.chat-selection{height:calc(100% - 14px);position:relative;background-color:#F1E8DF;z-index:0}.chat-selection ::-webkit-scrollbar{transition:all .5s;width:5px;height:1px;z-index:10}.chat-selection ::-webkit-scrollbar-track{background:transparent}.chat-selection ::-webkit-scrollbar-thumb{background:#b3ada7}.chat-selection .chat-selection-container{height:calc(100%);box-shadow:inset 0 10px 10px -10px #000;overflow-x:hidden;margin-bottom:5px;border-right:1px solid #CCC}.chat-selection .chat-selection-container:after{content:"";display:table;clear:both}.conversation{height:100%;position:relative;z-index:0}.conversation ::-webkit-scrollbar{transition:all .5s;width:5px;height:1px;z-index:10}.conversation ::-webkit-scrollbar-track{background:transparent}.conversation ::-webkit-scrollbar-thumb{background:#b3ada7}.conversation .conversation-container{height:calc(100% - 44px);box-shadow:inset 0 10px 10px -10px #000;overflow-x:hidden;padding:0 16px;margin-bottom:5px}.conversation .conversation-container:after{content:"";display:table;clear:both}.message{color:#000;clear:both;line-height:18px;font-size:12px;padding:8px;position:relative;margin:8px 0;max-width:85%;word-wrap:break-word}.message:after{position:absolute;content:"";width:0;height:0;border-style:solid}.metadata{display:inline-block;float:right;padding:0 0 0 7px;position:relative;bottom:-4px}.metadata .time{color:rgba(0,0,0,.45);font-size:11px;display:inline-block}.metadata .tick{display:inline-block;margin-left:2px;position:relative;top:4px;height:16px;width:16px}.metadata .tick svg{position:absolute;transition:.5s ease-in-out}.metadata .tick svg:first-child{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:perspective(800px) rotateY(180deg);transform:perspective(800px) rotateY(180deg)}.metadata .tick svg:last-child{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:perspective(800px) rotateY(0deg);transform:perspective(800px) rotateY(0deg)}.metadata .tick-animation svg:first-child{-webkit-transform:perspective(800px) rotateY(0);transform:perspective(800px) rotateY(0)}.metadata .tick-animation svg:last-child{-webkit-transform:perspective(800px) rotateY(-179.9deg);transform:perspective(800px) rotateY(-179.9deg)}.message:first-child{margin:16px 0 8px}.message.received{background:#fff;border-radius:0 5px 5px 5px;float:left}.message.received .metadata{padding:0 0 0 16px}.message.received:after{border-width:0 10px 10px 0;border-color:transparent #fff transparent transparent;top:0;left:-10px}.message.sent{background:#e1ffc7;border-radius:5px 0 5px 5px;float:right}.message.sent:after{border-width:0 10px 10px;border-color:transparent transparent transparent #e1ffc7;top:0;margin:0;right:-20px}.conversation-compose{display:flex;flex-direction:row;align-items:flex-end;overflow:hidden;height:40px;width:100%;z-index:2}.conversation-compose div,.conversation-compose input,.conversation-compose textarea{background:#FFF;height:100%}.conversation-compose .emoji{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:5px 0 0 5px;flex:0 0 auto;margin-left:8px;width:15px}.conversation-compose .input-msg{border:0;flex:1 1 auto;font-size:14px;margin-left:5px;outline:none;min-width:220px;resize:none;border-radius:50px;padding-top:11px}.conversation-compose .photo{flex:0 0 auto;border-radius:0 0 5px 0;text-align:center;position:relative;width:0}.conversation-compose .photo:after{border-width:0 0 10px 10px;border-color:transparent transparent transparent #fff;border-style:solid;position:absolute;width:0;height:0;content:"";top:0;right:-10px}.conversation-compose .photo i{display:block;color:#7d8488;font-size:24px;transform:translate(-50%,-50%);position:relative;top:50%;left:50%}.conversation-compose .send{background:transparent;border:0;cursor:pointer;flex:0 0 auto;margin-left:8px;margin-right:8px;padding:0;position:relative;outline:none}.conversation-compose .send .circle{background:#008a7c;border-radius:50%;color:#fff;position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.conversation-compose .send .circle i{font-size:24px;margin-left:-3px}#m-modal{position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}#m-container{background-color:#064C44;margin:5%;padding:2px}#m-close{color:#aaa;float:right;font-size:28px;font-weight:700}#m-close:hover,#m-close:focus{color:#000;text-decoration:none;cursor:pointer}.m-button{cursor:pointer}.isp{position:relative;margin:10px}.isp > label{font-size:10px;position:absolute;top:3px;left:11px;color:gray;z-index:10}.isp > button{cursor:pointer;height:25px;width:215px;border:1px solid #ccc;border-radius:4px 4px 4px 4px;box-sizing:content-box;position:relative}.isp > input{height:25px;width:95%;border:1px solid #ccc;border-radius:4px 4px 4px 4px;padding:8px 0 0 10px;box-sizing:content-box;position:relative}.menu-box{position:fixed;width:100%;height:100%;top:0;left:0}.menu-content{position:fixed;z-index:100;left:130px;width:150px;box-sizing:content-box;background-color:#fff;overflow:hidden}.menu-content > button{width:100%;margin-bottom:5px;cursor:pointer;border:0;padding:5px;border:1px solid #ccc}@font-face{font-family:"chat";src:url(fonts/chat.eot);src:url(fonts/chat.eot?#iefix) format("embedded-opentype"),url(fonts/chat.woff) format("woff"),url(fonts/chat.ttf) format("truetype"),url(fonts/chat.svg#chat) format("svg");font-weight:400;font-style:normal}[data-icon]:before{font-family:"chat"!important;content:attr(data-icon);font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class^="i-"]:before,[class*=" i-"]:before{font-family:"chat"!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.i-trash-o:before{content:"\61"}.i-arrow-left:before{content:"\62"}.i-star:before{content:"\63"}.i-phone:before{content:"\64"}.i-camera:before{content:"\65"}.i-paper-plane-o:before{content:"\66"}.i-check-1:before{content:"\68"}.i-clock-o:before{content:"\67"}