#root .App,#root .App textarea{font-family:Arial,Helvetica,sans-serif!important;color:rgba(66,66,66,.87)}#root .App{font-size:14px;z-index:9999}#root .App :focus{outline:none!important}#root .App .app-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;position:fixed;right:0;bottom:0;margin:1.5em;min-height:300px;width:100%;height:100%;max-width:28em;max-height:40em;pointer-events:none;z-index:9999}#root .App .app-container *{pointer-events:all}@media (max-device-width:1024px){#root .app-container{margin:4%!important;width:92%!important;height:92%!important;max-width:28em!important;max-height:92%!important;max-height:48em!important}}#root .ChatBar{z-index:6;display:-ms-flexbox;display:flex;min-height:4em;max-height:16em;margin-top:auto;overflow-x:hidden;overflow-y:overlay}#root .ChatBar.active{-webkit-box-shadow:0 0 6em 0 rgba(0,0,0,.1);-ms-box-shadow:0 0 6em 0 rgba(0,0,0,.1);box-shadow:0 0 6em 0 rgba(0,0,0,.1);background-color:#fff}#root .ChatBar.inactive{background-color:#f6f6f6}#root .ChatBar .chat-input-container{min-height:4em;width:84%}#root .ChatBar .chat-input-container .chat-input-inner-container{min-height:2em}#root .ChatBar .chat-bar-button-container{z-index:9;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;width:20%;margin-right:4%}#root .ChatBar .open-file-input{height:0;width:0;opacity:0;position:absolute;left:-100em}#root .ChatBarButton{background:none;border:none;outline:none;color:#424242;font-size:1.75em;opacity:.35}#root .ChatBarButton:hover{opacity:.65;cursor:pointer}#root .ChatBarButton:focus{outline:none}#root .ChatHeader .title-container:hover{cursor:default}#root .ChatHeader{-webkit-box-shadow:0 0 .5em 0 rgba(0,0,0,.25);-ms-box-shadow:0 0 .5em 0 rgba(0,0,0,.25);box-shadow:0 0 .5em 0 rgba(0,0,0,.25);-ms-flex-direction:column;flex-direction:column;z-index:10;-ms-flex-negative:0;flex-shrink:0;background-color:#00c957;color:#fff;padding:0 .125em}#root .ChatHeader,#root .ChatHeader .title-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#root .ChatHeader .title-container{padding:1em 0;font-size:1.25em}#root .ChatHeader .title-container #logo{height:3.25em;visibility:hidden}#root .ChatHeader .chatting-as-container{height:2.25em;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}#root .ChatHeader .chatting-as-container .chatting-as-username{font-weight:700;margin-right:8px}#root .ChatHeader .chatting-as-container .avatar{border-radius:.75em;width:1.5em;height:1.5em}#root .ChatInput{resize:none;width:84%;padding-left:4%;padding-right:4%;margin-left:4%;margin-right:4%;background:none;border:none;font-size:1.1em;overflow-y:hidden;-webkit-transition:height .25s;-o-transition:height .25s;transition:height .25s}#root .ChatInput:focus{outline:none}#root .ChatWindow{border-radius:.75em;-webkit-box-shadow:0 .5em 2em 0 rgba(0,0,0,.15);-ms-box-shadow:0 .5em 2em 0 rgba(0,0,0,.15);box-shadow:0 .5em 2em 0 rgba(0,0,0,.15);display:-ms-flexbox;display:flex;z-index:8;width:100%;height:100%;margin-bottom:1em;overflow:hidden}#root .ChatWindow .chat-container{-ms-flex-positive:1;flex-grow:1;background-color:#fff}#root .ChatWindow .chat-container,#root .EnterEmailPhoneInput{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#root .EnterEmailPhoneInput{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:2.5em}#root .EnterEmailPhoneInput .input-with-underline{background:none;border:none;margin:0;border-top:1px solid #fff;border-bottom:1px solid #fff}#root .EnterNameInput{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:2.5em}#root .EnterNameInput .input-with-underline{background:none;border:none;margin:0;border-top:1px solid #fff;border-bottom:1px solid #fff}#root .EnterUserDetailsContainer .user-details-input-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}#root .LoadingBar{position:relative;width:100%;height:4px;background-color:transparent}#root .LoadingBar .loading-bar-child{content:"";display:inline;position:absolute;width:0;height:100%;left:0}#root .LoadingBar .loading-bar-child:first-child{background-color:#00c957;-webkit-animation:loading 3s ease-in-out infinite;animation:loading 3s ease-in-out infinite}#root .LoadingBar .loading-bar-child:nth-child(2){background-color:transparent;-webkit-animation:loading 3s ease-in-out 1.5s infinite;animation:loading 3s ease-in-out 1.5s infinite}@-webkit-keyframes loading{0%{left:0;width:0;z-index:5}35%{left:0;width:100%;z-index:4}65%{left:100%;width:100%}to{left:100%;width:100%}}@keyframes loading{0%{left:0;width:0;z-index:5}35%{left:0;width:100%;z-index:4}65%{left:100%;width:100%}to{left:100%;width:100%}}#root .LoadingSpinner{display:-ms-flexbox;display:flex;width:100%;height:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}#root .spinner{-webkit-animation:rotator 1.7s linear infinite;animation:rotator 1.7s linear infinite}@-webkit-keyframes rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}#root .path{stroke-dasharray:187;stroke-dashoffset:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:dash 1.7s ease-in-out infinite,colors 6.8s ease-in-out infinite;animation:dash 1.7s ease-in-out infinite,colors 6.8s ease-in-out infinite}@-webkit-keyframes colors{0%{stroke:#bbb}25%{stroke:#bbb}50%{stroke:#bbb}75%{stroke:#bbb}to{stroke:#bbb}}@keyframes colors{0%{stroke:#bbb}25%{stroke:#bbb}50%{stroke:#bbb}75%{stroke:#bbb}to{stroke:#bbb}}@-webkit-keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}#root .MessageItem.incoming-message,#root .MessageItem.outgoing-message{clear:both}#root .MessageItem{display:table-cell;padding:0 0 1em;color:rgba(0,0,0,.87)}#root .MessageItem span{margin:0;padding:0;line-height:normal;font-size:1.01em}#root .MessageItem .message-item-inner-container{border-radius:.5em;padding:.5em 1em;word-wrap:break-word;word-break:break-all}#root .MessageItem.incoming-message{float:left;padding-right:3em}#root .MessageItem.incoming-message .message-item-inner-container{background-color:#f0f0f0}#root .MessageItem.outgoing-message{float:right;padding-left:3em}#root .MessageItem.outgoing-message .message-item-inner-container{background-color:#96ffc3}#root .MessageItem .image-message{-webkit-box-shadow:0 .2em .35em -.1em rgba(0,0,0,.5);-ms-box-shadow:0 .2em .35em -.1em rgba(0,0,0,.5);box-shadow:0 .2em .35em -.1em rgba(0,0,0,.5);border-radius:.5em;width:8.5em;height:8.5em;max-height:8.5em;max-width:8.5em;-webkit-transition:all .333s ease;-o-transition:all .333s ease;transition:all .333s ease}#root .MessageItem .image-message:hover{-webkit-box-shadow:0 .3em .45em -.15em rgba(0,0,0,.75);-ms-box-shadow:0 .3em .45em -.15em rgba(0,0,0,.75);box-shadow:0 .3em .45em -.15em rgba(0,0,0,.75);cursor:pointer}#root .MessageList{overflow-x:hidden;overflow-y:scroll;margin-bottom:auto;-ms-flex-positive:1;flex-grow:1;background-color:#fff}#root .MessageList .chat-message-list{margin:1em!important;padding:0!important}#root .MessageList .chat-message-list li{list-style-type:none;width:100%}#root .OfflineMessage{display:-ms-flexbox;display:flex;padding:0 2em;height:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}#root .PoweredByTalkKing{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;font-size:.8em;font-weight:500;opacity:.667}#root .PoweredByTalkKing a{text-decoration:none;color:inherit}#root .QRCode{-webkit-box-shadow:0 .2em .6em 0 rgba(0,0,0,.25);-ms-box-shadow:0 .2em .6em 0 rgba(0,0,0,.25);box-shadow:0 .2em .6em 0 rgba(0,0,0,.25);min-width:192px;min-height:192px;width:192px;height:192px}#root .QRScreenContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:4% 0;width:100%;overflow-x:overlay}#root .QRScreenContainer *{font-family:Arial,Helvetica,sans-serif}#root .QRScreenContainer .login-via-talkking{margin:0 0 .75em;font-weight:600}#root .QRScreenContainer .no-account-message{margin:.75em;font-size:.85em;font-weight:400}#root .ShowHideChatButton{z-index:6;background-color:#00c957!important;color:#fff!important;-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,.3);-ms-box-shadow:0 3px 5px 0 rgba(0,0,0,.3);box-shadow:0 3px 5px 0 rgba(0,0,0,.3);min-width:56px;margin:auto;padding:0;overflow:hidden;border:none;outline:none;text-align:center;vertical-align:middle;text-decoration:none;cursor:pointer;font-size:18px;font-weight:700;height:48px;width:104px;text-shadow:1px 1px 1px rgba(0,0,0,.5);border-radius:4px}#root .SubmitUserDetailsButton{font-size:1.1em;font-weight:700;color:#00c957;background:none;border:none}#root .SubmitUserDetailsButton:hover{cursor:pointer;color:#008937}#root .SubmitUserDetailsButton:focus{outline:none}#root .UnreadMessageBadge,#root .UnreadMessageBadge .outer-badge-container,#root .UnreadMessageBadge .outer-badge-container .inner-badge-container{border-radius:1em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;min-width:2em;height:2em}#root .UnreadMessageBadge{position:absolute;text-align:center;bottom:0;right:0;width:2em;color:#fff;font-weight:600;font-size:.75em;z-index:12}#root .UnreadMessageBadge.fully-visible{visibility:visible;opacity:1;-webkit-transition:"opacity .5s ease-in";-o-transition:"opacity .5s ease-in";transition:"opacity .5s ease-in"}#root .UnreadMessageBadge.invisible{visibility:hidden;opacity:0;-webkit-transition:"visibility 0s .5s, opacity .5s ease-in";-o-transition:"visibility 0s .5s, opacity .5s ease-in";transition:"visibility 0s .5s, opacity .5s ease-in"}#root .UnreadMessageBadge .outer-badge-container .inner-badge-container{-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.25);-ms-box-shadow:0 1px 2px 0 rgba(0,0,0,.25);box-shadow:0 1px 2px 0 rgba(0,0,0,.25);background-color:#f44336;width:2em}@-webkit-keyframes slideUp{0%{height:0;opacity:0}to{height:100%;opacity:1}}@keyframes slideUp{0%{height:0;opacity:0}to{height:100%;opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(90deg)}to{-webkit-transform:rotate(0deg)}}@keyframes rotateIn{0%{-webkit-transform:rotate(90deg)}to{-webkit-transform:rotate(0deg)}}@-webkit-keyframes rotateOut{0%{-webkit-transform:rotate(-90deg)}to{-webkit-transform:rotate(0deg)}}@keyframes rotateOut{0%{-webkit-transform:rotate(-90deg)}to{-webkit-transform:rotate(0deg)}}@-webkit-keyframes slideFromTop{0%{-webkit-transform:translateY(-3em)}to{-webkit-transform:translateY(0)}}@keyframes slideFromTop{0%{-webkit-transform:translateY(-3em)}to{-webkit-transform:translateY(0)}}@-webkit-keyframes glowCircle{0%{background-color:rgba(244,67,54,.85);border:0 solid rgba(244,67,54,.85);border-radius:1em}25%,to{background-color:rgba(244,67,54,0);border:1em solid rgba(244,67,54,0);border-radius:2em}}@keyframes glowCircle{0%{background-color:rgba(244,67,54,.85);border:0 solid rgba(244,67,54,.85);border-radius:1em}25%,to{background-color:rgba(244,67,54,0);border:1em solid rgba(244,67,54,0);border-radius:2em}}#root .slide-up{-webkit-animation:slideUp .5s ease-in-out;animation:slideUp .5s ease-in-out}#root .fade-in{-webkit-animation:fadeIn .5s;animation:fadeIn .5s}#root .fade-out{-webkit-animation:fadeOut .25s;animation:fadeOut .25s}#root .rotate-in{-webkit-animation:rotateIn .1s ease-in 1;animation:rotateIn .1s ease-in 1}#root .rotate-out{-webkit-animation:rotateOut .1s ease-out 1;animation:rotateOut .1s ease-out 1}#root .slide-from-top{-webkit-animation:slideFromTop .75s ease 1;animation:slideFromTop .75s ease 1}#root .glow{-webkit-animation:glowCircle 3s ease-out infinite;animation:glowCircle 3s ease-out infinite}#root ::-webkit-input-placeholder{font-size:1em;color:#7e7e7e;-webkit-transition:color .25s linear;-o-transition:color .25s linear;transition:color .25s linear}#root :-ms-input-placeholder,#root ::-ms-input-placeholder{font-size:1em;color:#7e7e7e;-webkit-transition:color .25s linear;-o-transition:color .25s linear;transition:color .25s linear}#root ::placeholder{font-size:1em;color:#7e7e7e;-webkit-transition:color .25s linear;-o-transition:color .25s linear;transition:color .25s linear}#root input:focus::-webkit-input-placeholder{font-size:1em;color:#bbb}#root input:focus:-ms-input-placeholder,#root input:focus::-ms-input-placeholder{font-size:1em;color:#bbb}#root input:focus::placeholder{font-size:1em;color:#bbb}#root .input-with-underline{font-size:1.1em}#root .input-with-underline:focus{outline:none}#root .input-with-underline:focus+.input-underline{width:100%;background-color:#00c957}#root .input-underline{z-index:9;height:2px;width:0;background-color:#00c957;-webkit-transition:width .333s ease-in-out;-o-transition:width .333s ease-in-out;transition:width .333s ease-in-out}#root .input-underline.error-underline{background-color:#ef5350!important}#root .input-underline-hr{margin:0;z-index:8;margin-top:-1px;border:none;background-color:#c9c9c9;padding:0;width:100%}#root .scrollbar-border-right{border-right:4px solid transparent!important}#root ::-webkit-scrollbar{width:4px}#root ::-webkit-scrollbar-track{border-radius:2px}#root ::-webkit-scrollbar-button{height:4px}#root ::-webkit-scrollbar-thumb{border-radius:2px;background:rgba(0,0,0,.15)}#root ::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,.1)}#root .basic-ease-out{-webkit-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}