@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600);*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15}body{font-family:Source Sans Pro,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;line-height:1.5;color:#181c20;background-color:#fff;margin:0;padding:0}a{color:#484646}a,a:hover{text-decoration:underline}a:hover{color:#212020}img{vertical-align:middle;max-width:100%}div[role=button]{outline:none}a{text-decoration:none;cursor:pointer}.text-blue{color:#3b5998!important}.text-red{color:#cd1111!important}.text-orange{color:#e4613c!important}.text-gray{color:#44494e!important}.text-charcoal-gray{color:#181c20!important}.text-light-gray{color:#a3a4a6!important}.text-purple{color:#484cb0!important}.text-pink{color:#d93232!important}.text-yellow{color:#f7e12d!important}.text-green{color:#28a745!important}.text-teal{color:#20c997!important}.text-cyan{color:#17a2b8!important}.text-white{color:#fff!important}.text-black{color:#000!important}.text-center{text-align:center!important}.text-uppercase{text-transform:uppercase!important}.text-truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-small{font-size:80%}.text-light,.text-lighter{font-weight:lighter!important}.text-normal{font-weight:400!important}.text-medium{font-weight:500!important}.text-bold{font-weight:700!important}.text-bolder{font-weight:bolder!important}.m-auto{margin:auto!important}.ml-auto{margin-left:auto!important}.mr-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mt-1{margin-top:.5rem!important}.mb-1{margin-bottom:.5rem!important}.py-3px{padding-top:3px;padding-bottom:3px}.cursor-pointer{cursor:pointer}.button{display:inline-block;font-weight:400;font-family:inherit;color:#181c20;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-decoration:none;padding:.375rem .75rem;font-size:14px;line-height:1.5;border-radius:.5rem}.button.disabled,.button:disabled{opacity:.65;pointer-events:none}.button-sm{padding:.25rem .5rem;font-size:14px;line-height:1.5;border-radius:.2rem}.button-lg{padding:.5rem 1rem;font-size:20px;line-height:1.5;border-radius:.3rem}.button-link{font-weight:400;color:#484646;text-decoration:underline}.button-link:hover{color:#212020;text-decoration:underline}.button-link.focus,.button-link:focus{text-decoration:underline;box-shadow:none}.button-link.disabled,.button-link:disabled{color:#a3a4a6;pointer-events:none}.button-primary{color:#fff;background-color:#484646;border-color:#484646}.button-primary:hover{background-color:#353333;border-color:#2e2d2d}.button-secondary{color:#fff;background-color:#181c20;border-color:#181c20}.button-secondary:hover{background-color:#08090a;border-color:#020303}.button-success{color:#fff;background-color:#28a745;border-color:#28a745}.button-success:hover{background-color:#218838;border-color:#1e7e34}.button-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.button-info:hover{background-color:#138496;border-color:#117a8b}.button-warning{color:#181c20;background-color:#f7e12d;border-color:#f7e12d}.button-warning:hover{background-color:#f4db09;border-color:#e8d009}.button-danger{color:#fff;background-color:#cd1111;border-color:#cd1111}.button-danger:hover{background-color:#aa0e0e;border-color:#9e0d0d}.button{cursor:pointer;outline:none;width:10rem}.button-link{text-decoration:none}body,html{font-size:16px;font-family:Source Sans Pro,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;height:100%}body{font-size:14px;color:#484646;overflow:hidden;background-color:transparent}#___root{height:100%;display:flex}.animated,.chatbox,.chatbox .chatbox-content-wrapper .content-main,.conversation-wrapper .chat-container .quote-container .quote,.modal-wrapper,.popup-wrapper{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animation-reverse{animation-direction:reverse}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chatbox .chatbox-content-wrapper .content-main,.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInUp-trans-5{0%{opacity:0;transform:translate3d(0,5%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp-trans-5{0%{opacity:0;transform:translate3d(0,5%,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInUp-trans-50{0%{opacity:0;transform:translate3d(0,50%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp-trans-50{0%{opacity:0;transform:translate3d(0,50%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.fadeInUp-trans-5{-webkit-animation-name:fadeInUp-trans-5;animation-name:fadeInUp-trans-5}.fadeInUp-trans-50{-webkit-animation-name:fadeInUp-trans-50;animation-name:fadeInUp-trans-50}@-webkit-keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(1)}}.conversation-wrapper .chat-container .quote-container .quote,.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}.flex-fill{flex:1}.disabled{pointer-events:none}.badge{height:4.5rem;display:flex;align-items:center;cursor:pointer;-webkit-animation-duration:.5s;animation-duration:.5s;margin:auto}.badge.badge-proactive,.badge.badge-triggered{height:100%;padding-bottom:1rem;width:90%;flex-direction:column;border-radius:.5rem;cursor:default}.badge.badge-proactive .reply-area-wrapper,.badge.badge-triggered .reply-area-wrapper{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;box-shadow:0 4px 20px 0 rgba(0,0,0,.1)}.badge.badge-proactive .profile-pics,.badge.badge-triggered .profile-pics{margin-bottom:1rem}.badge.badge-proactive{width:100%}.badge .proactivechat-wrapper,.badge .triggeredchat-wrapper{margin-top:auto;width:95%}.badge .proactivechat-wrapper .titlebar{padding:1rem}.badge .unread-messages-count{position:absolute;right:8px;top:0;padding:.25em .6em;font-size:75%;background-color:#cd1111;color:#fff;text-align:center;border-radius:10rem;line-height:1}.badge .badge-content{width:11.5rem;height:3rem;display:flex;align-items:center;background-color:#fff;color:#5a5a5a;padding:0 2.25rem 0 1.25rem;margin-right:-2.25rem;border-radius:.5rem;box-shadow:0 4px 20px 0 rgba(0,0,0,.1);flex:1 1 auto}.badge.badge-vertical{width:15rem;height:2.2rem;top:50%;position:fixed;margin-top:-18px!important;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.badge.badge-vertical .badge-content{height:100%;border-radius:0;background-color:inherit;color:inherit}.badge.badge-vertical .badge-image-container{width:1.8rem;height:auto;margin-left:auto;margin-right:.7rem;box-shadow:none;border:none;border-radius:0;background-color:transparent}.badge.badge-vertical .badge-image-container .badge-image{max-width:80%;max-height:80%}.badge.badge-vertical .badge-content{border-top-left-radius:.25rem}.badge.badge-vertical.left .unread-messages-count,.badge.badge-vertical.right .unread-messages-count{right:3px;top:3px}.badge.left .unread-messages-count,.badge.right .unread-messages-count{right:20px}.badge-image-container{display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px 0 rgba(0,0,0,.1);border:.25rem solid #fff;border-radius:50%;width:72px;height:72px;background-color:#4a4a4a;flex-shrink:0}.badge-image-container .badge-image{max-width:100%;max-height:100%}.badge-image-container .badge-image.img{border-radius:50%;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.chatbox-container{display:flex;flex:1;padding:3rem 1rem 1rem}.chatbox{box-shadow:0 4px 20px 0 rgba(0,0,0,.1);border-radius:.5rem;-webkit-animation-duration:.5s;animation-duration:.5s}.chatbox,.chatbox .chatbox-content-wrapper{display:flex;flex-direction:column;flex:1;background-color:#fff}.chatbox .chatbox-content-wrapper{position:relative;overflow:hidden}.chatbox .chatbox-content-wrapper .content-main{display:flex;flex-direction:column;flex:1;overflow:hidden;-webkit-animation-duration:.5s;animation-duration:.5s}.titlebar{display:flex;flex-direction:column;flex-shrink:0;width:100%;padding:1.5rem 2.5rem;text-align:center;border-top-right-radius:.5rem;border-top-left-radius:.5rem;background-color:#4a4a4a;color:#fff;background-image:url(https://widget.happyfoxchat.com/v2/visitor/images/0d6a370342298ae6bbdbbdb85d2f7867.png);background-repeat:repeat;background-position:0 0;position:relative}.titlebar .profile-pics{display:flex;position:relative;margin:-4rem auto .5rem;justify-content:center}.titlebar .profile-pics.agent-count_2{transform:translateX(20px)}.titlebar .profile-pics .badge-image-container:first-child{z-index:1}.titlebar .profile-pics .badge-image-container:nth-child(2){position:absolute;left:-30px}.titlebar .profile-pics .badge-image-container:nth-child(3){position:absolute;right:-30px}.titlebar .title-text-wrapper{display:flex;flex-direction:column}.titlebar .title{font-size:1rem;margin-bottom:.5rem}.titlebar .sub-title{opacity:.8}.titlebar .sub-title a{color:inherit;text-decoration:underline}.titlebar .sub-title,.titlebar .title{word-break:break-word}.titlebar .titlebar-action-container{position:absolute;display:flex;right:.75rem;top:.75rem}.titlebar .titlebar-action-container .icon{cursor:pointer;opacity:.5;width:1.5rem;height:1rem;display:flex;align-items:center;justify-content:center}.titlebar .titlebar-action-container .icon:hover{opacity:1}.form .form-content{padding:1.75rem 1rem;flex:1;overflow:auto}.form .form-group{margin-bottom:1.5rem;position:relative}.form .form-group:last-child{margin-bottom:-1.5rem}.form .form-group.has-error .form-input,.form .form-group.has-error .input-group{border-color:#cd1111!important}.form .form-group.has-error .form-text.error-message{color:#cd1111;opacity:1}.form .date-picker,.form .react-datepicker-wrapper{width:100%}.form .date-picker svg{position:absolute;right:0;top:10px}.form .form-input,.form .react-phone-number-input__input{width:100%;outline:none;font-size:1rem;background-color:transparent;color:inherit;border:1px solid #ccc}.form .form-input:not(.bordered),.form .react-phone-number-input__input:not(.bordered){border:none;border-bottom:1px solid;padding:.625rem .625rem .625rem 0}.form .form-input.textarea,.form .react-phone-number-input__input.textarea{font-family:inherit;resize:none}.form .form-input.checkbox,.form .form-input.radio,.form .react-phone-number-input__input.checkbox,.form .react-phone-number-input__input.radio{width:auto;margin-right:.5rem}.form .form-input.select,.form .react-phone-number-input__input.select{border:1px solid;height:1.8rem;font-size:.85rem}.form .form-input.radio,.form .react-phone-number-input__input.radio{margin-bottom:.5rem}.form .form-input.not-empty~.form-label,.form .form-input.react-phone-number-input~.form-label,.form .form-input:focus~.form-label,.form .react-phone-number-input__input.not-empty~.form-label,.form .react-phone-number-input__input.react-phone-number-input~.form-label,.form .react-phone-number-input__input:focus~.form-label{font-size:80%;top:-.5rem}.form .form-input .react-phone-number-input__input,.form .react-phone-number-input__input .react-phone-number-input__input{border:none}.form .form-input.react-phone-number-input{padding-bottom:.25rem}.form .form-input .react-phone-number-input__icon:not(.react-phone-number-input__icon--international){display:flex;flex-direction:column}.form .form-input .react-phone-number-input__icon svg{width:100%}.form .form-input.select{padding:0;border-radius:.25rem}.form .input-group{padding:.3rem;border:1px solid #ccc;border-radius:.25rem;display:flex;align-items:center}.form .input-group .form-input{border:none;padding:.1rem}.form .input-group .input-group-append{display:flex;border:none;background-color:transparent;padding:0}.form .form-label{position:absolute;left:0;top:.5rem;color:inherit;pointer-events:none;transition-property:top,left,font-size;transition-duration:.2s;transition-timing-function:ease-in}.form .form-label.checkbox,.form .form-label.radio,.form .form-label.select{position:relative;top:auto;display:block;margin-bottom:.5rem;pointer-events:auto}.form .form-label.checkbox:first-child,.form .form-label.radio:first-child,.form .form-label.select:first-child{margin-top:-.5rem}.form .form-text{display:block;font-size:83%;height:1rem}.form .form-text.error-message{opacity:0}.form .form-text.help-text{font-size:80%;margin-top:.3rem;color:#a5a5a5}.form .form-label~.form-text{margin-top:.2rem}.form .form-label~.form-text.help-text{margin-bottom:.5rem}.form.offline-form .form-input.textarea,.form.prechat-form .form-input.textarea{padding-top:0;border-top:.625rem solid transparent;border-top-color:transparent!important}.form-footer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100px;color:#a5a5a5}.form-footer .button{display:block;margin-bottom:.5rem}.conversation-wrapper .chat-container{display:flex;flex-direction:column;padding:1.5rem .6rem 0;flex:1;overflow:hidden;overflow-y:auto}.conversation-wrapper .chat-container .quote-container{display:flex;flex-direction:column;margin-bottom:.5rem;width:100%;flex-shrink:0}.conversation-wrapper .chat-container .quote-container .quote-profile-pic{width:1.56rem;height:1.56rem;margin-bottom:auto;flex-shrink:0}.conversation-wrapper .chat-container .quote-container .quote-profile-pic .image{border-radius:50%}.conversation-wrapper .chat-container .quote-container .quote-wrapper{width:100%;display:flex}.conversation-wrapper .chat-container .quote-container .quote{padding:.35rem .5rem;background-color:#4a4a4a;color:#fff;border-radius:.5rem;word-break:break-word;max-width:85%;white-space:pre-line;-webkit-animation-duration:.2s;animation-duration:.2s}.conversation-wrapper .chat-container .quote-container .quote.quote-input{width:75%;padding:.5rem}.conversation-wrapper .chat-container .quote-container .quote .quote-link,.conversation-wrapper .chat-container .quote-container .quote .quote-link:hover{color:inherit}.conversation-wrapper .chat-container .quote-container .quote iframe{max-width:100%!important;height:auto!important}.conversation-wrapper .chat-container .quote-container .quote.quote-attachment{display:flex}.conversation-wrapper .chat-container .quote-container .quote.quote-attachment .attachment-thumbnail{width:25px;margin:5px 5px 0 0;flex-shrink:0}.conversation-wrapper .chat-container .quote-container .quote.quote-attachment .attachment-thumbnail.attachment-preview{max-width:50%;width:50%}.conversation-wrapper .chat-container .quote-container .quote.quote-attachment .attachment-link{color:inherit}.conversation-wrapper .chat-container .quote-container .quote.quote-attachment .attachment-size{font-size:80%}.conversation-wrapper .chat-container .quote-container .quote-warning{font-size:80%;display:flex;align-items:center}.conversation-wrapper .chat-container .quote-container .quote-warning svg{margin-right:5px}.conversation-wrapper .chat-container .quote-container .quote-options{display:flex;margin-top:3px}.conversation-wrapper .chat-container .quote-container .quote-options .translate{font-size:70%;color:#2786cc;cursor:pointer;outline:none;letter-spacing:.3px}.conversation-wrapper .chat-container .quote-container .quote-options .translate:hover{text-decoration:underline}.conversation-wrapper .chat-container .quote-container .quote-failed,.conversation-wrapper .chat-container .quote-container .quote-timestamp{font-size:75%;color:#a5a5a5}.conversation-wrapper .chat-container .quote-container.agent .quote{background-color:#f9f9f9;color:#484646;border-top-left-radius:0}.conversation-wrapper .chat-container .quote-container.agent .quote .bot-message.collapsed{margin-bottom:10px;height:150px;overflow:hidden}.conversation-wrapper .chat-container .quote-container.agent .quote .bot-message.collapsed:after{content:"";position:absolute;left:0;right:0;top:0;bottom:23px;background:linear-gradient(0deg,#fff,hsla(0,0%,100%,0) 40px)}.conversation-wrapper .chat-container .quote-container.agent .quote .show-more{color:#4a90e2;cursor:pointer}.conversation-wrapper .chat-container .quote-container.agent .button{width:auto;font-size:90%}.conversation-wrapper .chat-container .quote-container.agent .question{margin-bottom:.5rem}.conversation-wrapper .chat-container .quote-container.agent .quote-textarea{padding:.6rem;border-radius:.25rem;border:1px solid #d3d3d3;resize:none}.conversation-wrapper .chat-container .quote-container.agent .quote-loader,.conversation-wrapper .chat-container .quote-container.agent .quote-timestamp{margin-left:.4rem}.conversation-wrapper .chat-container .quote-container.agent .quote-profile-pic{margin-right:.3rem}.conversation-wrapper .chat-container .quote-container.visitor .quote-wrapper{flex-direction:row-reverse}.conversation-wrapper .chat-container .quote-container.visitor .quote{border-top-right-radius:0}.conversation-wrapper .chat-container .quote-container.visitor .quote-failed,.conversation-wrapper .chat-container .quote-container.visitor .quote-loader,.conversation-wrapper .chat-container .quote-container.visitor .quote-timestamp{margin-right:.4rem}.conversation-wrapper .chat-container .quote-container.visitor .quote-options{justify-content:flex-end}.conversation-wrapper .chat-container .quote-container.system{margin:1rem 0;align-items:center}.conversation-wrapper .chat-container .quote-container.agent .quote-wrapper,.conversation-wrapper .chat-container .quote-container.visitor .quote-wrapper{align-items:flex-end}.conversation-wrapper .chat-container .quote-container .system-message{width:100%;text-align:center;font-size:95%;letter-spacing:.5px}.conversation-wrapper .chat-container .quote-container .system-message:after,.conversation-wrapper .chat-container .quote-container .system-message:before{content:"—"}.conversation-wrapper .chat-container .quote-container .system-message:before{padding-right:.5rem}.conversation-wrapper .chat-container .quote-container .system-message:after{padding-left:.5rem}.conversation-wrapper .chat-container .quote-container.vendor .quote-wrapper{justify-content:center}.conversation-wrapper .chat-container .quote-container.vendor .quote-wrapper .translated-by-google{margin:1rem 0;width:8rem}.conversation-wrapper .conversation-footer{border-top:1px solid #e9e9e9}.conversation-wrapper .conversation-footer .form-input.textarea{border:none}.conversation-wrapper .conversation-footer .convertsation-toolbar{display:inline-flex}.conversation-wrapper .conversation-footer .convertsation-toolbar .toolbar-icon{padding:.75rem;display:flex;align-items:center;cursor:pointer}.conversation-wrapper .conversation-footer .convertsation-toolbar .toolbar-icon.disabled{opacity:.5}.is-typing-status{padding-bottom:5px;height:20px;font-size:90%;text-align:center;margin-top:auto}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.thinking-bubble{padding-left:1.6rem}.modal-wrapper{position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,.9);color:#fff;display:flex;align-items:center;text-align:center;justify-content:center;-webkit-animation-duration:.5s;animation-duration:.5s;z-index:1}.modal-wrapper .end-chat-wrapper{display:flex;flex-direction:column;align-items:center}.modal-wrapper .end-chat-wrapper .end-chat-button{margin-bottom:1rem}.modal-wrapper .end-chat-wrapper .continue-chat{color:inherit}.modal-wrapper .offline-form-submit-response{padding:0 3rem}.modal-wrapper .offline-form-submit-response .powered-by{color:inherit;position:absolute;bottom:1rem;left:0;width:100%}.modal-wrapper .ratings-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:0 2rem;color:inherit}.modal-wrapper .ratings-container .ratings-form{width:100%}.modal-wrapper .ratings-container .ratings-form .form-input{color:inherit}.modal-wrapper .ratings-container .star-container{margin-bottom:2rem}.modal-wrapper .ratings-container .star-container .stars{width:12rem;display:flex;justify-content:space-between;margin:auto auto .5rem}.modal-wrapper .ratings-container .star-container .stars svg{cursor:pointer}.modal-wrapper .ratings-container .star-container .rating-message{height:1rem}.modal-wrapper .ratings-container .star-container .rating-message .has-error{color:#cd1111}.modal-wrapper .ratings-container .ratings-footer{display:flex;flex-direction:column;align-items:center}.modal-wrapper .ratings-container .ratings-footer .button-submit{background-color:#fff;color:#484646}.modal-wrapper .ratings-container .ratings-footer .button-skip{color:inherit}.modal-wrapper .ratings-container .ratings-success{flex:1;padding-top:5rem}.modal-wrapper .ratings-container .powered-by{position:absolute;bottom:1rem;font-size:90%;color:inherit}.modal-wrapper .email-subscrition{width:100%;height:100%;padding:1.5rem;text-align:left}.modal-wrapper .email-subscrition .button-skip{color:inherit}.modal-wrapper .file-upload-wrapper{width:100%;display:flex;cursor:pointer}.modal-wrapper .file-upload-wrapper .file-upload-message{color:#fafafa;padding:2rem;margin:auto;border:2px dashed;width:70%;border-radius:5px}.modal-wrapper .file-upload-wrapper .close{position:absolute;right:0;top:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-wrapper .file-upload-wrapper .attachments-error{margin:auto;padding:0 1rem}.modal-wrapper .email-transcript-wrapper{padding:0 1.5rem;display:flex;flex-direction:column;align-items:center}.modal-wrapper .email-transcript-wrapper .info-text{margin-bottom:3rem}.modal-wrapper .email-transcript-wrapper .form{width:100%}.modal-wrapper .email-transcript-wrapper .form .form-group{margin-bottom:1.5rem}.modal-wrapper .email-transcript-wrapper .form .form-group .form-input{margin-bottom:.2rem}.modal-wrapper .email-transcript-wrapper .form .form-group .form-text{text-align:left}.modal-wrapper .email-transcript-wrapper .form .form-group.has-error .form-input{border-color:inherit}.modal-wrapper .email-transcript-wrapper .form .form-group.has-error .form-text{color:inherit}.modal-wrapper .email-transcript-wrapper .form .form-footer .button-email{color:#484646;background-color:#fff}.modal-wrapper .email-transcript-wrapper .form .form-footer .button-skip{color:inherit}.modal-wrapper .email-transcript-wrapper .success-response{margin-bottom:2rem}.modal-wrapper .email-transcript-wrapper .powered-by{color:inherit;position:absolute;bottom:1rem}.popup-wrapper{position:absolute;width:100%;background-color:#fbfbfb;-webkit-animation-duration:.5s;animation-duration:.5s}.popup-wrapper:not(.align-top){bottom:0;border-top:1px solid #a5a5a5}.popup-wrapper.align-top{top:0}.popup-wrapper .continue-chat{display:flex;flex-direction:column;min-height:100px;padding:1rem 0;align-items:center;justify-content:center}.popup-wrapper .continue-chat .chat-again{margin-bottom:.5rem}.popup-wrapper .edit-visitor-info{min-height:100px;padding:1rem;background-color:#4a4a4a;color:#fff}.popup-wrapper .edit-visitor-info .title{margin-bottom:1rem}.popup-wrapper .edit-visitor-info .edit-visitor-info-form{width:100%}.popup-wrapper .edit-visitor-info .edit-visitor-info-form .form-content{padding:1rem 0 0;max-height:12.5rem;flex:auto}.popup-wrapper .edit-visitor-info .edit-visitor-info-form .form-group:last-child{margin-bottom:1.5rem}.popup-wrapper .edit-visitor-info .edit-visitor-info-form .form-group .form-input{border-color:#fff}.popup-wrapper .edit-visitor-info .edit-visitor-info-form .form-group .error-message{color:#f33;height:auto}.popup-wrapper .edit-visitor-info .edit-visitor-info-form .form-footer{height:auto}.popup-wrapper .edit-visitor-info .edit-visitor-info-form .form-footer .button{background-color:#fff}.popup-wrapper .agent-request-visitor-details{display:flex;flex-direction:column;min-height:100px;padding:1rem 0;align-items:center;justify-content:center}.popup-wrapper .agent-request-visitor-details .edit-info{margin-bottom:.5rem}.popup-wrapper .agent-request-visitor-details .close,.popup-wrapper .edit-visitor-info .close{position:absolute;right:0;top:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer}@-webkit-keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.quote-loader{width:30px;display:flex;justify-content:space-between}.quote-loader .bubble{width:4px;height:4px;background-color:#333;float:left;border-radius:100%;-webkit-animation:sk-bouncedelay .7s ease-in-out infinite both;animation:sk-bouncedelay .7s ease-in-out infinite both}.quote-loader .bounce1{-webkit-animation-delay:-.16s;animation-delay:-.16s}.quote-loader .bounce2{-webkit-animation-delay:-.8s;animation-delay:-.8s}.progress-bar{position:absolute;height:40px;background:#333;width:100%;z-index:1;display:flex;align-items:center;justify-content:center}.progress-completed{position:absolute;top:0;left:0;height:100%;background:#0074d9;width:0;transition:width 1s ease;z-index:1}.progress-status{color:#fff;font-size:12px;z-index:2;display:flex}.progress-cancel{background-size:14px 14px;cursor:pointer;position:absolute;width:14px;height:14px;right:10px;z-index:3;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2227%22%20height%3D%2227%22%20viewBox%3D%220%200%2027%2027%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%203%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%23FFF%22%20cx%3D%2213.5%22%20cy%3D%2213.5%22%20r%3D%2213.5%22%2F%3E%3Cg%20stroke%3D%22%23979797%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M8%208.5l10.512%2010.512M19%208.5L8.488%2019.012%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat;pointer-events:all}.status-text{margin-left:5px}.reply-area-wrapper{display:flex;width:100%;background-color:#fff}.reply-area-wrapper .reply-area{display:flex;flex:1}.reply-area-wrapper .reply-area .textarea{padding:.75rem 0 0 .75rem;border-color:transparent;border-top:.25rem solid transparent!important}.reply-area-wrapper .attachment-icon,.reply-area-wrapper .send-icon{display:flex;align-items:center;padding:1rem;cursor:pointer}.quick-reply-container{padding-top:.5rem;display:flex;flex-wrap:wrap}.quick-reply{padding:.3rem .6rem;margin-right:.5rem;margin-bottom:.5rem;border:1px solid #585858;border-radius:.25rem}.quick-reply:hover{cursor:pointer;background-color:#eaeaea}.xl.chatbox-container{padding-top:0}.xl .chat-container{background-color:#f9f9f9}.xl .chat-container .quote-container.agent:not(.type-system_first_message):not(.has-profile-pic){padding-left:1.86rem}.xl .chat-container .quote-container.agent .quote{background-color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.05)}.is-bot .is-typing-status{text-align:left;height:auto}.is-mobile.chatbox-container{padding:0}.is-mobile .titlebar{flex-direction:row;padding-left:1rem;padding-right:1rem;align-items:center;border-radius:0}.is-mobile .titlebar .title-text-wrapper{text-align:left;padding-right:.5rem}.is-mobile .titlebar .profile-pics{margin:auto 1rem auto auto}.is-mobile .titlebar .profile-pics .badge-image-container{width:48px;height:48px;border-width:.15rem}.is-mobile .titlebar .profile-pics .badge-image-container svg{max-width:70%}.is-mobile .titlebar .titlebar-action-container{position:relative;top:auto;right:auto;margin-left:auto}.is-mobile-sdk .titlebar{padding-top:.5rem;padding-bottom:.5rem;flex-direction:column-reverse}.is-mobile-sdk .titlebar .title-text-wrapper{text-align:center;margin:.5rem}.is-mobile-sdk .titlebar .titlebar-action-container{flex-shrink:0;top:5px}.is-mobile-sdk .titlebar .titlebar-action-container .end-chat{padding:0 .3rem;border-radius:4px;background-color:rgba(0,0,0,.2)}.is-mobile-sdk .chatbox .continue-chat{min-height:85px;padding:.5rem 0}.is-mobile-sdk .chatbox .attachment-icon+.reply-area .textarea{padding-left:0}.is-mobile-sdk .chatbox .attachment-icon.disabled{opacity:.5}.powered-by{font-size:80%;color:#a5a5a5}.connecting-banner,.toast-message{height:1.5rem;display:flex;justify-content:center;align-items:center;background-color:red;color:#fff;font-size:95%}.react-datepicker{font-family:inherit!important}.react-datepicker .react-datepicker__day--keyboard-selected,.react-datepicker .react-datepicker__day--selected{border-radius:.25rem;background-color:#4a4a4a}.react-datepicker .react-datepicker__day--keyboard-selected:hover,.react-datepicker .react-datepicker__day--selected:hover{border-radius:.25rem;background-color:#3d3d3d}.react-datepicker__month-container{font-size:12px}.react-datepicker__month-container .react-datepicker__header{padding-top:5px}.react-datepicker__month-container .react-datepicker__header .react-datepicker__current-month{font-size:14px}.react-datepicker__month-container .react-datepicker__month{margin:0}.react-datepicker__month-container .react-datepicker__day,.react-datepicker__month-container .react-datepicker__day-name{width:1.5rem;line-height:1.3rem;margin:1px}