#root{width:100%;height:100%}#root,.App{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1}.App{text-align:center;background:#fff}.Container{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:row;flex-direction:row}body,html{color:#528fe6;font-family:PingFangHK,Helvetica,Arial,Microsoft JhengHei,SimHei,sans-serif;font-size:20px;line-height:normal;margin:0 auto}a,a:active,a:hover,a:link,a:visited{color:inherit;text-decoration:none}input::-webkit-input-placeholder{color:#b9b9b9}input:-ms-input-placeholder{color:#b9b9b9}.selectable.ng-empty,input::placeholder,select.ng-empty{color:#b9b9b9}:focus{outline:none}ul{margin:0;padding:0;list-style-type:none}ul li:hover{background-color:rgba(0,0,0,.04)}.selectable,input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{border:0}button,input[type=checkbox],input[type=submit]{cursor:pointer}button{background:transparent;border:none}.emoji-mart-preview{display:none}.openDrawer{margin-left:-174px}#top-bar{-webkit-justify-content:space-between;justify-content:space-between;font-size:16px;font-weight:600;color:#2c2c2c;margin-bottom:17px}#top-bar,#top-bar div{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}#top-bar div{-webkit-align-items:center;align-items:center}#top-bar div img{margin-right:8px;cursor:pointer}#top-bar .username{font-size:14px;font-weight:500}#logout-popover .MuiPopover-paper{cursor:pointer;padding:15px 40px;border-radius:4px;box-shadow:0 0 6px 0 rgba(0,0,0,.16);border:1px solid #dedede;background-color:#fff}#logout-popover .MuiPopover-paper p{font-size:14px;font-weight:500;color:#6d6d6d;margin:0}.modal{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.modal div{text-align:center}.modal .text{color:#2c2c2c}.modal .options{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;margin-top:40px}.modal .options .modalButton{padding:8px 27px;border-radius:10px;background-color:#dedede;font-size:14px;font-weight:500;color:#2c2c2c}.loader{border:6px solid #f3f3f3;border-top-color:#0059c1;border-radius:50%;width:40px;height:40px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;-webkit-align-self:center;align-self:center}#login{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:15px}#login .login-container{border-radius:8px;box-shadow:0 4px 8px 2px rgba(0,0,0,.12);background-color:#fff;padding:40px 35px}#login #login-form{width:375px}#login #login-form .user-input{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;width:100%;height:53px;border-radius:2px;border:1px solid #d5d5d5}#login #login-form .user-input input{-webkit-appearance:none;appearance:none;width:100%;height:24px;border:0;border-left:1px solid #d5d5d5;font-size:15px;letter-spacing:.4px;color:#000;padding-left:24px}#login #login-form .user-input .icon{padding:0 18px}#login #login-form .login-button,#login #login-form .user-input .icon{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}#login #login-form .login-button{-webkit-align-items:center;align-items:center;width:100%;height:45px;border-radius:4px;background-color:#528fe6;font-size:15px;letter-spacing:.4px;text-align:center;color:#fff;margin-bottom:16px}#login #login-form .forgot-password{display:block;font-size:13px;font-weight:500;letter-spacing:.4px;color:#848484;text-align:center;padding:0;border:none;cursor:pointer;margin:0 auto}#login #user-password{margin-top:24px;margin-bottom:12px}#login #auto-login{display:block;margin-bottom:12px;font-size:13px;color:#b9b9b9;letter-spacing:.4px;text-align:left}.drawer{width:173px;-webkit-flex-shrink:0;flex-shrink:0}#user-menu{background:#171c26;-webkit-flex:1 1;flex:1 1;flex-direction:column;padding:10px 0 0;width:173px;-webkit-justify-content:space-between;justify-content:space-between}#user-menu,#user-menu>div{display:-webkit-flex;display:flex;-webkit-flex-direction:column}#user-menu>div{flex-direction:column}#user-menu button{-webkit-align-self:flex-end;align-self:flex-end}#user-menu .auto-reply-container{width:90%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-self:center;align-self:center;padding:6px 0;border-radius:17px;background-color:hsla(0,0%,100%,.18);margin-bottom:30px;cursor:pointer}#user-menu .auto-reply-container span{font-size:14px;font-weight:600;color:#dedede}#user-menu .user-name{font-weight:600}#user-menu .user-name,#user-menu .version{font-size:14px;color:#eff8ff;line-height:1.43}#user-menu .version{text-align:center}#user-menu .list{font-size:14px;font-weight:600;color:#dedede;padding:0}#user-menu .list:hover{background-color:hsla(0,0%,100%,.2)}#user-menu a.active .list{background-color:#fff;color:#2c2c2c}#chat-list{-webkit-flex:.3 1;flex:.3 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;background-color:#fff;width:355px;margin-right:20px}#chat-list.disable{opacity:.5}#chat-list .loader{font-size:14px;color:#a7a7a7}#chat-list #chat-list-cell{display:-webkit-flex;display:flex;text-align:left;cursor:pointer;border-bottom:1px solid hsla(0,0%,84.7%,.5);background-color:#fff;padding:12px 24px}#chat-list #chat-list-cell:hover{background-color:rgba(0,0,0,.04)}#chat-list #chat-list-cell>div{width:100%}#chat-list #chat-list-cell .profile-pic{width:28px;height:28px;border-radius:14px;object-fit:cover;background-color:#f6f6f6;border:none;margin:5px 12px 0 0}#chat-list #chat-list-cell .name{font-size:14px;font-weight:700;color:#2c2c2c}#chat-list #chat-list-cell .followUser{font-size:14px;color:#000}#chat-list #chat-list-cell .message{-webkit-flex:1 1;flex:1 1;font-size:14px;font-weight:500;color:#b1b1b1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#chat-list #chat-list-cell .channel{font-size:14px;color:#528fe6}#chat-list #chat-list-cell .time{font-size:12px;font-weight:500;color:#b1b1b1}#chat-list #chat-list-cell .row{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:5px}#chat-list #chat-list-cell .unread{background:#fc1a82;border-radius:50%;font-weight:500;color:#fff;width:20px;height:20px}#chat-list #chat-list-cell .unanswer,#chat-list #chat-list-cell .unread{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:12px}#chat-list #chat-list-cell .unanswer{padding:2px;border-radius:4px;background:#e4e4e4;color:#a09e9e;white-space:nowrap}#chat-list #chat-list-cell .answering{font-size:13px;font-weight:500;color:#fc1a82}#chat-list #chat-list-cell .status{display:-webkit-inline-flex;display:inline-flex;margin-right:5px}#chat-list #chat-list-cell .read{color:#528fe6}#chat-list #chat-list-cell.highlighted{background-color:#ffc9c9}#chat-list #chat-list-cell.active{background-color:#eff8ff;border-left:3px solid #0059c1}#chat-list .followUser-container{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:10px}#chat-list .followUser-container #filter-followUsers{font-size:14px;padding:5px 32px 5px 10px}#chat-list .followUser-container .input-label{font-size:14px;color:#2c2c2c;margin-right:10px}#chat-list .followUser-container input{padding:5px;font-size:14px}#chat-list .followUser-container select{margin-left:10px;border:1px solid #dedede;background:#f6f6f6;border-radius:10px;padding:5px}#chat-list .search-container{width:100%;border-top:1px solid #dedede;border-bottom:1px solid #dedede;display:-webkit-flex;display:flex}#chat-list .MuiTabs-root{width:100%}#chat-list .MuiTab-root{-webkit-flex:1 1;flex:1 1;font-size:14px;font-weight:500;min-width:auto}#chat-list .MuiTab-textColorInherit{color:#b1b1b1}#chat-list .Mui-selected{color:#0059c1;font-weight:700}#chat-list .MuiTabs-scroller>span{background-color:#0059c1}#chat-list .contact-add{background-color:#f2f8fc;margin:10px;border-radius:10px;padding:4px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:30px;height:30px;cursor:pointer}#chat-list .contact-add img{height:20px;width:20px}.contact-add-popup-container{min-width:350px;padding:30px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.contact-add-popup-container .input-container{display:-webkit-flex;display:flex;grid-gap:10px;gap:10px;-webkit-flex-direction:column;flex-direction:column;width:250px}.contact-add-popup-container .input-container .MuiOutlinedInput-input{font-size:16px;padding:10px}.contact-add-popup-container .input-container .contact-add-channel-select,.contact-add-popup-container .input-container .input-label{font-size:16px}.contact-add-popup-container .input-container input{padding:5px}.contact-add-popup-container .input-container select{margin-bottom:10px}.contact-add-popup-container .button-container{margin-top:10px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}#message-box{background:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:relative;margin:8px 16px 30px;border-radius:4px;box-shadow:0 0 6px 0 rgba(0,0,0,.16);border:1px solid #dedede}#message-box input[type=file]{display:none}#message-box textarea{font-size:16px;color:#2c2c2c;border:0;padding:16px;resize:none;overflow:auto;height:auto}#message-box .tool-bar{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;border-top:1px solid #dedede;padding:9px 16px}#message-box .tool-bar img{cursor:pointer;padding:6px;background-color:#fff}#message-box .tool-bar img:hover{background-color:rgba(0,0,0,.04)}#message-box .tool-bar .icon{width:26px;height:26px;margin-right:12px}#message-box .tool-bar .selected{background-color:#0059c1;border-radius:50%}#message-box .tool-bar .send-button{padding:7px 21px;border-radius:10px;background-color:#0059c1;font-size:14px;font-weight:500;color:#fff}#message-box .tool-bar .send-button:hover{background-color:rgba(0,0,0,.05)}#message-box .tool-bar .send-button.diabled{background-color:#e4e4e4}#message-box .emoji-mart{position:absolute;right:0;bottom:57px}#message-box .emoji-picker-hide{display:none}#expiredMessage-box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;margin:0 13px;padding:28px 26px 14px;border-radius:4px;box-shadow:0 0 6px 0 rgba(0,0,0,.16);border:1px solid #dedede;background-color:#fff;overflow-y:auto}#expiredMessage-box img{cursor:pointer}#expiredMessage-box .expired-text{width:100%;font-size:14px;font-weight:500;color:#b1b1b1;text-align:center}#expiredMessage-box .send-template-msg{cursor:pointer;color:#0059c1;text-decoration:underline}#expiredMessage-box .title{font-size:14px;font-weight:700;color:#2c2c2c}#expiredMessage-box .message{cursor:pointer;font-size:14px;color:#2c2c2c;padding:16px 18px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;min-width:300px;border-radius:4px;border:1px solid transparent}#expiredMessage-box .message:hover{background-color:rgba(0,0,0,.04)}#expiredMessage-box .message.selected{padding:6px 18px;box-shadow:0 0 6px 0 rgba(0,0,0,.16);border-color:#dedede;background-color:#fff;color:#0059c1}#expiredMessage-box .button{padding:7px 21px 6px;border-radius:10px;background-color:#0059c1;font-size:14px;font-weight:500;color:#fff}#expiredMessage-box .button:hover{background-color:rgba(0,0,0,.1)}#expiredMessage-box .row{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:8px}#expiredMessage-box .list{max-height:150px;overflow-y:scroll}#inbox-container{-webkit-flex-direction:column;flex-direction:column;background-color:#f7f8fc;padding:25px 25px 0}#inbox-container,#inbox-container #chat-container{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1}#inbox-container #chat-container{-webkit-flex-direction:row;flex-direction:row;overflow-y:hidden}#inbox-container #chat-container #user-message-container{-webkit-flex:.7 1;flex:.7 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background:#fff;-webkit-justify-content:center;justify-content:center}#inbox-container #chat-container #user-message-container.gradient{background-image:radial-gradient(circle at 50% 0,#f7f7f7,#e3e3e3)}#inbox-container #chat-container #user-message-container #loading-container{font-size:25px;text-align:center;color:#686868}#inbox-container #chat-container #user-message-container #loading-container img{height:60%;object-fit:contain}#inbox-container #chat-container #user-message-container #loading-container p{font-size:30px;color:#2c2c2c}#inbox-container #chat-container #user-message-container #header-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:8px 16px;position:relative;border-bottom:1px solid #dedede}#inbox-container #chat-container #user-message-container #header-container button{-webkit-flex:.2 1;flex:.2 1}#inbox-container #chat-container #user-message-container #header-container p{margin:4px 0}#inbox-container #chat-container #user-message-container #header-container .close{font-size:14px;color:#a7a7a7;text-align:right}#inbox-container #chat-container #user-message-container #header-container #name-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex:unset;flex:unset}#inbox-container #chat-container #user-message-container #header-container #name-container .user-name{font-size:17px;font-weight:700;color:#2c2c2c}#inbox-container #chat-container #user-message-container #header-container #name-container #follow-container .follow-name{font-size:14px;color:#2c2c2c}#inbox-container #chat-container #user-message-container #header-container #name-container #follow-container a{font-size:14px;cursor:pointer;margin-left:5px}#inbox-container #chat-container #user-message-container #header-container .linear-border{position:absolute;top:100%;left:0;right:0;height:51px;opacity:.5;background-image:linear-gradient(0deg,hsla(0,0%,100%,0),rgba(0,0,0,.03))}#inbox-container #chat-container #user-message-container #header-container .brand-list,#inbox-container #chat-container #user-message-container #header-container .brand-list div{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-flex:1 1;flex:1 1}#inbox-container #chat-container #user-message-container #header-container .brand-list .brand-icon{width:32px;height:32px;border:1px solid #dedede;border-radius:50%;object-fit:contain}#inbox-container #chat-container #user-message-container #header-container .brand-list .MuiTabs-root{margin-left:28px;-webkit-flex:initial;flex:initial}#inbox-container #chat-container #user-message-container #header-container .brand-list .MuiTab-root{width:50px;height:50px;border-radius:50%;min-width:auto;padding:0;-webkit-flex:1 1;flex:1 1;margin-left:8px}#inbox-container #chat-container #user-message-container #header-container .brand-list .Mui-selected{color:#0059c1}#inbox-container #chat-container #user-message-container #header-container .brand-list .MuiTabs-scroller>span{background-color:#0059c1}#inbox-container #chat-container #user-message-container #header-container .brand-list .MuiTab-labelIcon{min-height:auto}#inbox-container #chat-container #user-message-container #header-container .MuiBadge-root{position:absolute;top:10px;right:14px;background-color:#fc1a82}#inbox-container #chat-container #user-message-container #header-container .MuiBadge-root .MuiBadge-badge{background-color:#fc1a82;color:#fff;font-size:11px;width:12px;height:12px;min-width:auto;border-radius:50%}#inbox-container #chat-container #user-message-container #messages-container{-webkit-flex:1 1;flex:1 1;position:relative;padding:20px 40px 0;overflow-y:auto}#inbox-container #chat-container #user-message-container #messages-container>div{-webkit-flex:1 1;flex:1 1}#inbox-container #chat-container #user-message-container #messages-container .messages{-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-end;justify-content:flex-end}#inbox-container #chat-container #user-message-container #messages-container .messages .unreplied{position:relative;background-color:#f6f6f6;margin:24px 51px;padding:2px 8px;font-size:12px;font-weight:500;color:#0059c1;text-align:center}#inbox-container #chat-container #user-message-container #messages-container .messages .unreplied img{position:absolute;left:8px;top:4px}#inbox-container #chat-container #user-message-container #messages-container .date{font-size:14px;color:#000;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}#inbox-container #chat-container #user-message-container #messages-container .date:before{content:"";display:inline-block;-webkit-flex:.5 1;flex:.5 1;margin:50px 34px 50px 0;height:1px;background:#a7a7a7}#inbox-container #chat-container #user-message-container #messages-container .date:after{content:"";display:inline-block;-webkit-flex:.5 1;flex:.5 1;margin:50px 0 50px 34px;height:1px;background:#a7a7a7}#inbox-container #chat-container #user-message-container .progress-container{color:#000;font-size:14px;text-align:left;width:30%;margin:15px 0;border-radius:8px;box-shadow:0 0 6px 0 rgba(0,0,0,.1);background-color:#fafafa;padding:12px}#inbox-container #chat-container #user-message-container .progress-container .progress-bar{background-color:#ddd;border-radius:5px;width:100%}#inbox-container #chat-container #user-message-container .progress-container .progress-bar .progress{width:1%;height:15px;border-radius:5px;background-color:#528fe6}#inbox-container #chat-container #user-message-container .follow-user-edit-popup-container{min-width:350px;padding:30px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}#inbox-container #chat-container #user-message-container .follow-user-edit-popup-container .input-container{display:-webkit-flex;display:flex;grid-gap:10px;gap:10px;-webkit-flex-direction:column;flex-direction:column;width:250px}#inbox-container #chat-container #user-message-container .follow-user-edit-popup-container .input-container .MuiOutlinedInput-input{font-size:16px;padding:10px}#inbox-container #chat-container #user-message-container .follow-user-edit-popup-container .input-container .contact-add-channel-select,#inbox-container #chat-container #user-message-container .follow-user-edit-popup-container .input-container .input-label{font-size:16px}#inbox-container #chat-container #user-message-container .follow-user-edit-popup-container .input-container input{padding:5px}#inbox-container #chat-container #user-message-container .follow-user-edit-popup-container .input-container select{margin-bottom:10px}#inbox-container #chat-container #user-message-container .follow-user-edit-popup-container .button-container{margin-top:10px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}#message-info{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;margin:10px 0 6px}#message-info.self{-webkit-justify-content:flex-end;justify-content:flex-end}#message-info .text{font-size:12px;font-weight:500;color:#b1b1b1}#message-info .text .brand{font-weight:700}#message-info .deleted{margin:0 0 5px}#message-info>img{margin-left:8px}#message{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}#message .read{font-size:14px;color:#bdbdbd;margin:5px 0 0}#message .failed{width:20px;height:20px;color:red;margin:4px 8px;border:1px solid red;border-radius:15px}#message .row-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:flex-end;align-items:flex-end}#message.text-message span{font-size:14px;color:#000;border-radius:16px;background-color:#f6f6f6;text-align:left;padding:16px;margin:4px 0;white-space:pre-line;max-width:100%;max-width:500px;word-wrap:break-word}#message.text-message span a{color:#528fe6;text-decoration:underline}#message.text-message .errorMsg{color:#ff5f5f}#message.media-message .media-container{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;border-radius:8px;background-color:#f6f6f6;padding:12px;margin:4px 0}#message.media-message .img,#message.media-message img,#message.media-message video{display:-webkit-flex;display:flex;max-width:400px;max-height:400px;object-fit:cover}#message.media-message video{object-fit:contain}#message.media-message .document{font-size:14px;font-weight:500;color:#000}#message.media-message .download{font-size:13px;font-weight:500;color:#a7a7a7;margin:0 5px 0 0;padding:0;text-decoration:underline}#message.media-message .loader-container{width:200px;height:400px}#message.media-message .loader{display:-webkit-flex;display:flex;border-radius:50%;border:10px solid #f3f3f3;border-top-color:#3498db;width:80px;height:80px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:auto}#message.media-message .caption{width:100%;background-color:unset;font-size:14px;color:#000;text-align:left;margin:4px 0;white-space:pre-line;max-width:100%;max-width:400px;word-wrap:break-word}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#message.location-message a{font-size:14px;border-radius:16px;background-color:#f6f6f6;text-align:left;padding:16px;margin:4px 0;text-decoration:underline}#message.location-message a:hover{color:#006f8a}#message.contact-message span{font-size:14px;color:#000;border-radius:16px;background-color:#f6f6f6;text-align:left;padding:16px;margin:4px 0;white-space:pre}#message.file-message>div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-radius:8px;background-color:#f6f6f6;padding:16px 21px;margin:4px 0}#message.file-message .file-name{font-size:14px;font-weight:500;color:#000}#message.file-message .download{font-size:13px;font-weight:500;color:#a7a7a7;margin-left:32px;text-decoration:underline}#message.call-log-message span{font-size:14px;color:#000;border-radius:16px;background-color:#f6f6f6;text-align:left;font-weight:700;font-style:italic;padding:16px;margin:4px 0;white-space:pre-line;max-width:100%;max-width:500px;word-wrap:break-word}#message.self{-webkit-align-items:flex-end;align-items:flex-end}#message.self span{background-color:#eff8ff}#template-message{position:absolute;left:0;right:0;top:-265px;height:350px;width:100%}#template-message .message-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:100%;border-radius:4px;box-shadow:0 0 6px 0 rgba(0,0,0,.1);border:1px solid #d8d8d8;background-color:#fff}#template-message .message-container .tab-container{-webkit-flex:.3 1;flex:.3 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow-y:auto;border-right:1px solid #dedede}#template-message .message-container .tab-container span{font-size:14px;font-weight:500;color:#b1b1b1;cursor:pointer;border-left:3px solid transparent;border-bottom:1px solid #dedede;padding:13px 19px}#template-message .message-container .tab-container span.active{background-color:#eff8ff;color:#0059c1;border-left-color:#0059c1}#template-message .message-container .list-container{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;overflow-y:auto}#template-message .message-container .list-container ul{overflow-y:auto;width:100%}#template-message .message-container .list-container li{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;text-align:left;padding:8px 14px;margin:6px 10px;cursor:pointer;background-color:#fff;border-radius:8px}#template-message .message-container .list-container .title{font-size:14px;font-weight:700;color:#2c2c2c}#template-message .message-container .list-container .message{font-size:14px;font-weight:500;color:#b1b1b1;white-space:pre-line}#template-message .message-container .list-container li.active{box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#f6f6f6}#expired-template-message{min-height:100px;width:100%}#expired-template-message .expired-message-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:100%;background-color:#fff}#expired-template-message .expired-message-container .tab-container{-webkit-flex:.3 1;flex:.3 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow-y:auto}#expired-template-message .expired-message-container .tab-container .title{margin-bottom:8px;font-weight:400}#expired-template-message .expired-message-container .tab-container span{font-size:14px;font-weight:500;color:#b1b1b1;cursor:pointer;border-radius:10px;box-shadow:0 0 2px 0 rgba(0,0,0,.1);border:1px solid #d8d8d8;padding:13px 19px;margin-bottom:5px}#expired-template-message .expired-message-container .tab-container span.active{background-color:#d7e7f4;color:#007ec7}#expired-template-message .expired-message-container .content-container{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;overflow-y:auto;-webkit-flex-direction:column;flex-direction:column;padding-left:20px;max-height:700px}#expired-template-message .expired-message-container .content-container .title-close-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}#expired-template-message .expired-message-container .content-container .title{margin-bottom:8px;font-weight:400}#expired-template-message .expired-message-container .content-container .sub-title{color:#fd674e;margin-left:10px;font-size:12px}#expired-template-message .expired-message-container .content-container .message{font-size:14px;font-weight:500;color:#36363a;white-space:pre-line;border-radius:10px;box-shadow:0 0 2px 0 rgba(0,0,0,.1);border:1px solid #d8d8d8;line-height:1.8;margin-bottom:8px}#expired-template-message .expired-message-container .input-container{background-color:#f2f8fc;border-radius:10px;box-shadow:0 0 2px 0 rgba(0,0,0,.1);border:1px solid #d8d8d8;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:15px 15px 5px;margin-bottom:10px}#expired-template-message .expired-message-container .input-container input{padding:10px 15px;margin-bottom:10px;border-radius:8px;box-shadow:0 0 2px 0 rgba(0,0,0,.1);border:1px solid #d8d8d8}#expired-template-message .expired-message-container .input-container .input-label{font-size:14px;text-align:right;margin:0 10px 5px 0;color:#36363a}#expired-template-message .expired-message-container .button-container{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;padding:0 10px 10px 0}#expired-template-message .expired-message-container .button-container .send{min-width:60px;font-size:14px;border-radius:8px;padding:5px}.Dropdown-root{position:relative}.Dropdown-control{color:#fff;cursor:default;outline:none;padding:0 10px;transition:all .2s ease}.Dropdown-control:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.Dropdown-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:" ";display:block;height:0;margin-top:-ceil(2.5);position:absolute;right:10px;top:14px;width:0}.is-open .Dropdown-arrow{border-color:transparent transparent #999;border-width:0 5px 5px}.Dropdown-menu{background-color:#fff;border:1px solid #d8d8d8;box-shadow:0 1px 0 rgba(0,0,0,.06);box-sizing:border-box;margin-top:-1px;max-height:200px;overflow-y:auto;position:absolute;top:25px;width:100%;z-index:1000;-webkit-overflow-scrolling:touch}.Dropdown-menu .Dropdown-group>.Dropdown-title{padding:8px 10px;color:#333;font-weight:700;text-transform:capitalize}.Dropdown-option{box-sizing:border-box;color:rgba(51,51,51,.8);cursor:pointer;display:block;padding:8px 0}.Dropdown-option:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.Dropdown-option:hover{background-color:#f2f9fc;color:#333}.Dropdown-option.is-selected{display:none}.Dropdown-noresults{box-sizing:border-box;color:#ccc;cursor:default;display:block;padding:8px 10px}#permission-setting{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 1;flex:1 1;background-color:#f7f8fc;padding:25px 25px 0}#permission-setting .add-button{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:6px 12px;border-radius:6px;border:1px solid #dedede;background-color:#fff;font-size:14px;font-weight:500;color:#2c2c2c;cursor:pointer;margin-right:10px}#permission-setting .add-button>img{margin-right:6px}#permission-setting .brand-icon{width:32px;height:32px;border:1px solid #dedede;border-radius:50%;object-fit:contain}#permission-setting #staff-container{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:column;flex-direction:column;background-color:#fff;margin-right:16px;padding:26px}#permission-setting #staff-container .top-container{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}#permission-setting #staff-container .staff-info{font-size:14px;font-weight:700;color:#0059c1}#permission-setting #staff-container .list{border-bottom:1px solid #dedede;cursor:pointer;padding:8px 0;min-height:36px}#permission-setting #staff-container .brand-list,#permission-setting #staff-container .list{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}#permission-setting #staff-container .brand-list>img{margin-right:12px}#permission-setting #staff-container .list-item{-webkit-flex:1 1;flex:1 1}#permission-setting #staff-container .table-title{font-size:14px;color:#6d6d6d}#permission-setting #staff-container .name{font-size:14px;font-weight:700;color:#2c2c2c}#permission-setting #staff-container .text{font-size:14px;color:#2c2c2c}#permission-setting #brand-container{display:-webkit-flex;display:flex;-webkit-flex:.3 1;flex:.3 1;-webkit-flex-direction:column;flex-direction:column;background-color:#fff}#permission-setting #brand-container .top-container{padding:22px}#permission-setting #brand-container .top-container .title{font-size:17px;font-weight:700;color:#2c2c2c}#permission-setting #brand-container li{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:12px 18px;border-top:1px solid #dedede;cursor:pointer}#permission-setting #brand-container .brand-name{font-size:14px;font-weight:700;color:#2c2c2c;margin-left:14px}#channel-setting{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 1;flex:1 1;background-color:#f7f8fc;padding:25px 25px 0}#channel-setting .list-container{padding:25px 48px;background-color:#fff}#channel-setting .list-container .title{font-size:17px;font-weight:700;color:#2c2c2c}#channel-setting .list-container .channel-list{overflow-y:scroll;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}#channel-setting .list-container .channel-list .list-item{display:-webkit-inline-flex;display:inline-flex;width:440px;-webkit-flex-direction:row;flex-direction:row;padding:17px 21px;border-radius:10px;border:1px solid #dedede;margin-top:16px;cursor:pointer}#channel-setting .list-container .channel-list .list-item:hover{background-color:rgba(0,0,0,.04)}#channel-setting .list-container .channel-list .list-item>img{margin-right:28px}#channel-setting .list-container .channel-list .list-item .info{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}#channel-setting .list-container .channel-list .list-item .row{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}#channel-setting .list-container .channel-list .list-item .channel-name{font-size:14px;font-weight:700;color:#2c2c2c;line-height:1.43}#channel-setting .list-container .channel-list .list-item .username{font-size:14px;font-weight:500;color:#b1b1b1;line-height:1.43}#channel-setting .list-container .channel-list .list-item .status-container{padding:3px 12px;border-radius:13px}#channel-setting .list-container .channel-list .list-item .status-container>div{font-size:14px;font-weight:500}#channel-setting .list-container .channel-list .list-item .connected-status{background-color:#ddffe2}#channel-setting .list-container .channel-list .list-item .connected-status>div{color:#00901b}#channel-setting .list-container .channel-list .list-item .fail-status{background-color:#ffeceb}#channel-setting .list-container .channel-list .list-item .fail-status>div{color:#ff5f5f}body,html{height:100%}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#fff;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.19fa9f74.chunk.css.map */