.spinner{-webkit-animation:spinner-animation 1.5s linear infinite;animation:spinner-animation 1.5s linear infinite}@keyframes spinner-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spinner-animation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.unauthorized-screen{display:flex;align-items:center;height:100%;padding-top:40px;padding-bottom:40px;background:#f5f5f5;text-align:center}.unauthorized-screen .login-form-container{width:100%;max-width:330px;padding:15px;margin:auto}.unauthorized-screen .login-form-container .info{margin-bottom:12px}.tooltip-button{display:inline-block}.tooltip-button-tooltip .tooltip{margin-top:6px;margin-bottom:6px}.text-bubble{display:inline-block;max-width:70%;text-align:left;padding:8px 12px;border-radius:6px}.text-bubble a{color:#fff;text-decoration:underline;transition:opacity .2s ease-in-out}.text-bubble a:hover{opacity:.8}.text-bubble.in{background:#2072cb;color:#fff}.text-bubble.out{background:#36c786;color:#fff}.text-bubble.highlighted{background:#fe9920}.announcement .text-bubble{transition:background .35s ease-in-out}.announcement .details{margin-top:6px;font-size:14px;color:#5a6268}.announcement .details .state{transition:color .35s ease-in-out}.announcement .details .state svg{margin-right:2px}.announcement .details .spinner,.announcement .details .state svg{position:relative;top:-2px}.announcement.sending .text-bubble{background:#5dd39e}.announcement.sending .details .spinner,.announcement.sending .details .state{color:#5dd39e}.announcement.scheduled .text-bubble{background:#fe9920}.announcement.scheduled .details .spinner,.announcement.scheduled .details .state{color:#fe9920}.announcement.canceled .text-bubble{background:#efa2a9}.announcement.canceled .details .spinner,.announcement.canceled .details .state{color:#efa2a9}.announcement.success .text-bubble{background:#36c786}.announcement.success .details .spinner,.announcement.success .details .state{color:#36c786}.announcement.partial-success .text-bubble{background:#71d8aa}.announcement.partial-success .details .spinner,.announcement.partial-success .details .state{color:#71d8aa}.announcement.failure .text-bubble{background:#dc3545}.announcement.failure .details .spinner,.announcement.failure .details .state{color:#dc3545}.announcement-detail .buttons-container{margin:10px 0}.announcement-detail .buttons-container .btn:first-child:not(:last-child){margin-right:4px}.announcement-detail .buttons-container .btn:focus{box-shadow:none!important}.announcement-detail .recipients-title{margin-top:10px;border-top:1px solid #eaebec;padding-top:10px;margin-bottom:6px}.announcement-detail .recipients tr td:first-child:not(:last-child){padding-right:3px}.announcement-detail .recipients tr:not(:last-child) td{padding-bottom:4px}.announcement-detail .recipients svg{position:relative;top:-1px}.announcement-detail .recipients svg.failure{color:#dc3545}.announcement-detail .recipients svg.success{color:#5dd39e}.text-editor{position:relative}.text-editor textarea{height:62px;width:100%;resize:none;padding-left:34px}.text-editor .emoji-btn{cursor:pointer;position:absolute;top:5px;left:6px;opacity:.2;transition:opacity .2s ease-in-out}.text-editor .emoji-btn.active,.text-editor .emoji-btn:hover{opacity:.6}.text-editor .emoji-mart{font-family:Nunito Sans,sans-serif;position:absolute;bottom:67px;left:0}.text-editor .emoji-mart .emoji-mart-preview{height:37px}.text-editor .emoji-mart .emoji-mart-category .emoji-mart-emoji:hover:before,.text-editor .emoji-mart .emoji-mart-preview .emoji-mart-preview-data,.text-editor .emoji-mart .emoji-mart-preview .emoji-mart-preview-emoji{display:none}.text-editor .emoji-mart .emoji-mart-emoji,.text-editor .emoji-mart .emoji-mart-emoji span{cursor:pointer}.middle-center{display:table;width:100%;height:100%}.middle-center-inner{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle}.add-announcement-modal .text-editor textarea{height:86px}.add-announcement-modal .text-editor .emoji-mart{left:0;bottom:-400px;z-index:99999}.add-announcement-modal .phone-numbers{height:160px;resize:none}.add-announcement-modal .overlay{position:absolute;left:0;top:0;right:0;bottom:0;background:#fff;padding:1rem}.add-announcement-modal .overlay-inner{width:100%;height:100%}.announcement-list-item{padding-bottom:10px}.announcement-list-item:not(:last-child){border-bottom:1px solid #eaebec;margin-bottom:14px}.announcement-list-item .view-details-container{margin-top:2px}.announcement-list-item a.view-details-btn{color:#a9b4bc;cursor:pointer;transition:color .2s ease-in-out}.announcement-list-item a.view-details-btn:not(:last-child){margin-right:8px}.announcement-list-item a.view-details-btn svg{position:relative;top:-1px;margin-left:2px}.announcement-list-item a.view-details-btn:hover{color:#8c959c}.announcements-modal .modal-dialog{height:90%}.announcements-modal .modal-content{height:100%;min-height:200px}.announcements-modal .content{width:100%;height:100%}.announcements-modal .modal-title{position:relative}.announcements-modal .back-btn-container{display:inline-block;position:absolute}.announcements-modal .back-btn-container svg{position:relative;top:-2px}.announcements-modal .title-container{display:inline-block;position:absolute}.announcements-modal .empty{color:#5a6268}.announcements-modal .text-bubble{max-width:100%}.header{padding:10px 12px;background:#277fdd;color:#fff;width:100%;position:relative}.header .log-out-btn,.header .logo,.header .logo-container,.header .user{display:inline-block}.header .logo-container{min-width:115px;padding-right:20px}.header .logo{font-size:20px;cursor:pointer}.header .logo svg{top:-2px;position:relative;opacity:.5}.header .announcements-dropdown{position:absolute;top:5px;left:50%;margin-left:-79px}.header .announcements-dropdown .dropdown-toggle{background:#93bfee;border-color:#93bfee;color:#277fdd}.header .announcements-dropdown .dropdown-toggle:after{display:none}.header .announcements-dropdown .dropdown-toggle.active,.header .announcements-dropdown .dropdown-toggle.focus,.header .announcements-dropdown .dropdown-toggle:active,.header .announcements-dropdown .dropdown-toggle:focus,.header .announcements-dropdown .dropdown-toggle:hover{background:#a9ccf1!important;border-color:#a9ccf1!important;color:#277fdd!important}.header .announcements-dropdown .dropdown-toggle>svg{position:absolute}.header .announcements-dropdown .dropdown-toggle>span{padding-left:15px}.header .notifications-btn{float:right;margin-right:12px;opacity:.7;transition:opacity .2s ease-in-out}.header .notifications-btn svg{position:relative;top:2px}.header .notifications-btn:not(.processing){cursor:pointer}.header .notifications-btn:not(.processing):hover{opacity:.9}.header .user{float:right;margin-right:12px}.header .user .name{font-size:13px}.header .user .phone-number{font-size:11px}.header .log-out-btn{float:right;cursor:pointer;transition:opacity .2s ease-in-out}.header .log-out-btn:hover{opacity:.7}.notifications-modal .modal-body p:last-child{margin-bottom:0}.notifications-modal .modal-body span{color:#277fdd}.search{display:inline-block;position:relative}.search input{padding:4px 29px;width:228px;border-radius:8px;font-size:14px;border:0;background:#e2e2e2;color:#787878;transition:background-color .2s ease-in-out,color .2s ease-in-out}.search input:focus,.search input:hover{background:#d4d4d4;color:#444}.search .search-icon,.search .spinner{position:absolute;left:7px;top:7px;opacity:.85}.search .clear-container{display:inline-block}.search .clear-icon{cursor:pointer;position:absolute;right:7px;top:7px;opacity:.6;transition:opacity .2s ease-in-out}.search .clear-icon:focus,.search .clear-icon:hover{opacity:.9}.contact-list-item{padding:12px 10px;border-bottom:1px solid #e2e3e5;cursor:pointer;position:relative}.contact-list-item .name{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-list-item .unread-texts{display:inline-block;float:right;padding:0 8px;border-radius:6px;font-weight:600;background:#fe9920;color:#fff}.contact-list-item .phone-number{font-size:13px}.contact-list-item .phone-number .auto-reply-badge{text-transform:uppercase;display:inline-block;margin-left:6px;padding:1px 3px;border-radius:4px;background:#fe9920;color:#fff;font-size:8px;opacity:.8;position:relative;top:-2px}.contact-list-item svg{position:absolute;top:22px;right:15px;opacity:.3;display:none;transition:opacity .2s ease-in-out}.contact-list-item svg:not(.spinner):hover{opacity:1}.contact-list-item .spinner{opacity:.65}.contact-list-item .spinner,.contact-list-item:hover svg{display:inline-block}.contact-list-item:not(.active):hover{background:#e6e6e6}.contact-list-item.active{background:#5dd39e}.contact-list-item.active .name,.contact-list-item.has-unread-texts .name{font-weight:600}.spinner-overlay{position:absolute;left:0;top:0;right:0;bottom:0;background:#fff;opacity:.85}.import-contacts-modal p:last-child{margin-bottom:0}.import-contacts-modal .select-file-btn svg{position:relative;top:-2px;margin-right:4px}.import-contacts-modal .table-container{width:100%}.import-contacts-modal .table-container-inner{width:100%;padding-right:14px}.import-contacts-modal .table-content{height:250px}.import-contacts-modal .table{margin-bottom:0}.import-contacts-modal .name,.import-contacts-modal .phone-number{width:33%}.import-contacts-modal .state{width:34%}.import-contacts-modal .name,.import-contacts-modal .phone-number,.import-contacts-modal .state{word-break:break-all}.import-contacts-modal .name .error,.import-contacts-modal .phone-number .error{display:block;margin-top:4px;font-size:10px;color:#dc3545}.import-contacts-modal .state svg{position:relative;top:-2px;margin-right:4px}.import-contacts-modal .state .error{color:#dc3545}.import-contacts-modal .stats{position:absolute;left:.75rem}.import-contacts-modal .stats span{color:#545b62}.import-contacts-modal .stats span:not(:last-child){padding-right:8px;border-right:1px solid #dee2e6}.import-contacts-modal .stats span:not(:first-child){padding-left:8px}.contact-list{position:absolute;width:100%;height:100%;display:flex;flex-direction:column}.contact-list .list-header{color:#373f51;flex:0 0 60px;padding:0 0 10px}.contact-list .list-header>.inner{height:100%;padding:14px 10px 0;border-bottom:1px solid #ced4da;position:relative}.contact-list .list-header>.inner .search{position:relative;top:-2px}.contact-list .list-header>.inner>.tooltip-button{float:right}.contact-list .list-header>.inner>.tooltip-button:not(:last-child){margin-left:5px}.contact-list .contacts-container{flex:1 1;height:100%;position:relative}.contact-list .list-footer{flex:0 0 48px;padding:9px 0 0;text-align:center}.contact-list .list-footer a{padding:5px 0;background:#e2e2e2;font-size:13px;color:#373f51;min-width:89px;display:inline-block;transition:background-color .2s ease-in-out}.contact-list .list-footer a:first-child{border-radius:4px 0 0 4px}.contact-list .list-footer a:last-child{border-radius:0 4px 4px 0}.contact-list .list-footer a.selected{background:#d4d4d4}.welcome-view{position:absolute;width:100%;height:100%}.welcome-view .welcome{font-size:160%}.welcome-view .text{color:#777;margin-bottom:18px}.welcome-view svg{width:50%;max-width:200px}.welcome-view .logo{max-width:200px}.welcome-view .credits{color:#777;font-size:95%;margin:18px 0 3px}.welcome-view .credits-third-party{color:#777;font-size:80%;margin:0}.welcome-view .credits-third-party a,.welcome-view .credits a{color:#777;font-weight:600;transition:color .3s ease-in-out}.welcome-view .credits-third-party a:hover,.welcome-view .credits a:hover{color:#277fdd;text-decoration:none}.text-editor-modal .text-editor textarea{height:134px}.text-editor-modal .text-editor .emoji-mart{left:0;bottom:-400px;z-index:99999}.text-editor-modal .remove-btn{position:absolute;left:.75rem}.dialog-header{color:#373f51;display:flex;flex-direction:row}.dialog-header .name-container{flex:initial}.dialog-header .name-container span{top:4px;position:relative}.dialog-header .autoreply-container{flex:initial}.dialog-header .autoreply-container .text-bubble{top:1px;position:relative;margin-left:9px;padding:2px 6px;max-width:228px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.dialog-header .autoreply-btn-container{flex:1 1}.dialog-header .autoreply-btn,.dialog-header .edit-btn{top:1px;position:relative;margin-left:6px}.dialog-header .autoreply-btn svg,.dialog-header .edit-btn svg{color:#d6d6d6}.dialog-header .autoreply-btn svg:hover,.dialog-header .edit-btn svg:hover{color:#999}.dialog-header .autoreply-btn{margin-left:4px}.dialog-header .search-container{flex:initial;text-align:right}.dialog-header .search-container .search{position:relative;margin-right:6px}.attachment{position:relative}.attachment .placeholder,.attachment img{border-radius:6px;border:1px solid #eee}.attachment .placeholder{background:#eee;display:inline-block;position:absolute;z-index:1}.attachment .placeholder .spinner{color:#aaa}.attachment img{max-width:100%;max-height:100%;cursor:zoom-in;position:relative;z-index:2;transition:opacity .2s ease-in-out}.attachment img:hover{opacity:.75}.attachment.shown .placeholder{display:none}.attachment.show-animated img{-webkit-animation:attachment-img-show-animation .3s ease-in-out;animation:attachment-img-show-animation .3s ease-in-out}.attachment.show-animated .placeholder{-webkit-animation:attachment-placeholder-hide-animation .5s ease-in-out;animation:attachment-placeholder-hide-animation .5s ease-in-out;visibility:hidden}.attachment .error{color:#dc3545}.attachment .error svg{position:relative;top:-1px;max-width:72px;max-height:72px;opacity:.7;margin-bottom:6px}@keyframes attachment-img-show-animation{0%{opacity:0}to{opacity:1}}@-webkit-keyframes attachment-img-show-animation{0%{opacity:0}to{opacity:1}}@keyframes attachment-placeholder-hide-animation{0%{opacity:1;visibility:visible}70%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@-webkit-keyframes attachment-placeholder-hide-animation{0%{opacity:1;visibility:visible}70%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.text.in .attachment .placeholder{left:0}.text.out .attachment .placeholder{right:0}.text{margin-bottom:14px}.text>div:not(:first-child){margin-top:4px}.text .send-error,.text .sending,.text .timestamp{font-size:12px}.text .timestamp{color:#5a6268}.text .sending{font-style:italic;color:#848484}.text .send-error{color:#dc3545}.text.out{text-align:right}.dialog-texts{position:absolute;width:100%;height:100%}.dialog-texts .dialog-texts-container{padding:0 10px}.dialog-texts .dialog-texts-container .fetching-history{position:relative}.dialog-texts .dialog-texts-container .fetching-history>.inner{text-align:center;opacity:.5;position:absolute;width:100%}.text-templates-dropdown .text-template{width:280px;overflow:hidden;word-break:break-all;display:block;white-space:inherit;font-size:14px;padding-top:10px;padding-bottom:10px;padding-right:36px;position:relative}.text-templates-dropdown svg{position:absolute;top:14px;right:15px;opacity:.25;transition:opacity .2s ease-in-out}.text-templates-dropdown svg:hover{opacity:1}.attachment-selector{display:inline-block}.attachment-selector .image-btn{border-radius:.25rem 0 0 .25rem;transition:border-radius .2s ease-in-out}.attachment-selector .remove-image-btn{border-radius:0 .25rem .25rem 0;transition:border-radius .2s ease-in-out}.outgoing-text-editor{padding:10px}.outgoing-text-editor .text-editor{margin-bottom:10px}.outgoing-text-editor .send-btn{float:right}.outgoing-text-editor .text-templates-dropdown{margin-left:6px}.dialog-header-wrapper{flex:0 0 60px;padding:12px 10px 10px}.dialog-header-wrapper>.inner{height:100%;border-bottom:1px solid #ced4da}.dialog-texts-wrapper{flex:1 1;height:100%;position:relative}.dialog-outgoing-text-wrapper{flex:0 0 60px}.dialog-outgoing-text-wrapper .info{color:#777}.dialog-outgoing-text-wrapper .info span{background:#fcb07e;padding:4px 8px;border-radius:7px;color:#444;margin-right:4px}.wrapper{display:flex;flex:1 1 auto;flex-direction:column;height:100%}.wrapper .header-wrapper{display:flex;flex:1 1 5%;min-height:3em;max-height:3em}.wrapper .content-wrapper{display:flex;flex:1 1 85%;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;overflow:auto;flex-direction:row}.wrapper .contact-list-wrapper{flex:0 1 300px;height:100%;position:relative;background:#f3f3f3}.wrapper .page-wrapper{flex:1 1;height:100%;position:relative;background:#fff}.wrapper .dialog-wrapper{position:absolute;width:100%;height:100%;display:flex;flex-direction:column}body{margin:0;padding:0;background:#f5f5f5;font-family:Nunito Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,body,html{height:100%!important}a{cursor:pointer}.form-group label .note{color:#d7d7d7}.input-error{width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.icon-button{color:#aaa;cursor:pointer;transition:color .25s ease-in-out}.icon-button:hover{color:#333}
/*# sourceMappingURL=main.a9ec299e.chunk.css.map */