.message-center-page .main-nav-item.is-btn ul.sub-nav{max-height:80vh;overflow:auto}.message-center-page .page-wrapper{display:flex;flex-direction:column;width:100%;height:100vh;padding:0;margin:0;position:absolute;overflow:hidden}.message-center-page .page-wrapper .main-wrapper{flex-grow:1;margin:0;padding:0;min-height:auto}.message-center-page .page-wrapper .main-wrapper>.contents{height:100%}.message-center-page .page-wrapper .main-wrapper>.contents .container,.message-center-page .page-wrapper .main-wrapper>.contents .main-content,.message-center-page .page-wrapper .main-wrapper>.contents .pixl8-crm{height:100%;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}.message-center-page .page-wrapper .main-wrapper>.contents .main-content{padding-top:20px;padding-bottom:20px}.message-center-page.admin-loggedin .page-wrapper .header.is-sticky{top:0}.mc-container{display:grid;grid-template-columns:1fr 2.15fr;grid-template-rows:auto 1fr;gap:0;align-content:start;height:100%}
.mc-container.empty-state{display:block}@media (max-width:575px){.mc-container{flex-direction:column;position:relative}}.mc-container .mc-alert{grid-column:1/sp;grid-row:1;height:max-content}.mc-container .mc-nav{grid-column:1;grid-row:2;display:flex;flex-direction:column;height:100%;min-width:280px}@media (max-width:575px){.mc-container .mc-nav{background-color:#fff;position:absolute;z-index:1;top:0;bottom:0;left:0;height:100%;width:100%}}.mc-container .mc-nav .mc-conversations{flex:1 0 0px;overflow:auto}.mc-container .mc-nav .tab{display:flex;flex-direction:column;height:100%}.mc-container .mc-nav .tab.tab-small-rounded .tab-nav-list-item{margin-bottom:12px}.mc-container .mc-nav .tab-panel{display:flex;flex-direction:column;height:100%}.mc-container .mc-nav .tab-panel-item{display:flex;flex-direction:column;height:100%}.mc-container .mc-nav .tab-panel-item-content{flex-direction:column;height:100%;padding-top:0}.mc-container .mc-nav .tab-panel-item.is-active .tab-panel-item-content
{display:flex!important}.mc-container .mc-conversation-pane{grid-column:2;grid-row:2;width:100%;padding-left:20px;display:flex;align-items:stretch;flex:1 1 auto;flex-direction:column;height:100%}@media (max-width:575px){.mc-container .mc-conversation-pane{-webkit-transition:left .3s ease-in;-moz-transition:left .3s ease-in;-o-transition:left .3s ease-in;transition:left .3s ease-in;background-color:#fff;margin-left:0;position:absolute;z-index:2;top:0;bottom:0;left:calc(100% + 30px);height:100%;width:100%;padding-left:0;grid-column:1;grid-row:2}}.mc-container .mc-conversation-pane .mc-conversation-header{flex:0 0 auto}.mc-container .mc-conversation-pane .mc-chat-room-container{flex:1 0 auto;position:relative;display:flex;align-items:stretch;flex-direction:column}.mc-container .mc-conversation-pane .mc-chat-room-container .cr-conversation{flex:1 0 0px;overflow-y:auto}.mc-container .mc-conversation-pane .mc-chat-room-container .cr-compose-form-container{flex:0 0 auto;position:static}
.mc-container .chat-section{grid-column:1/span 2}@media (max-width:575px){.mc-container.mc-conversation-mobile-view{position:relative}}@media (max-width:575px){.mc-container.mc-conversation-mobile-view .mc-conversation-pane{left:0}}.chat-listing{border-top-width:0;border-top-style:solid;border-top-color:#d2d3d5;border-bottom-width:0;border-bottom-style:solid;border-bottom-color:#d2d3d5;margin-bottom:30px}.chat-listing-item{padding:20px}.chat-listing-item.is-active .chat-name{font-weight:600}.chat-listing-item.is-active .chat-name .fa-circle{margin-left:10px;display:inline-block;vertical-align:middle}.chat-listing-item.is-active .chat-name .fa-circle:before{-webkit-border-radius:7px;-webkit-background-clip:padding-box;-moz-border-radius:7px;-moz-background-clip:padding;border-radius:7px;background-clip:padding-box;background-color:#3c1642;content:"";width:7px;height:7px;display:block}.chat-listing-item:nth-child(odd){background:#f6f7f5}.chat-detail h5,.chat-detail p{margin-bottom:0}
.chat-date,.chat-detail,.chat-name{margin-bottom:10px}.chat-img{background:rgba(63,74,117,.15);border-radius:50%;font-size:24px;width:42px;height:42px;line-height:42px;text-align:center;vertical-align:middle;margin-right:10px}.chat-name{display:flex;align-items:center}.pixl8-crm .mc-container .cr-compose-input,.pixl8-crm .mc-container .cr-msg-body,.pixl8-crm .mc-container .cr-msg-body p{font-size:90%}.pixl8-crm .mc-container .cr-msg-date-divider,.pixl8-crm .mc-container .cr-msg-sender,.pixl8-crm .mc-container .cr-msg-sent-time,.pixl8-crm .mc-container .cr-new-msgs-notification,.pixl8-crm .mc-container .mc-conversation-teaser,.pixl8-crm .mc-container .mc-conversation-with{font-size:80%}.pixl8-crm .mc-container .cr-loading-message,.pixl8-crm .mc-container .mc-loading-message{font-size:80%;color:#6a6e70;text-align:center}.mc-conversations{list-style:none;margin:0;padding:0}.mc-conversations .mc-conversation-card{padding:10px 10px 10px 64px;position:relative;cursor:pointer}
.mc-conversations .mc-conversation-card:nth-child(odd){background-color:#f6f7f5}.mc-conversations .mc-conversation-card:nth-child(odd):hover{background-color:color-mix(in srgb,#f6f7f5,#000 10%)}.mc-conversations .mc-conversation-card:hover{background-color:#e6e6e6}.mc-conversations .mc-conversation-card .mc-conversation-icon{-webkit-border-radius:999px;-webkit-background-clip:padding-box;-moz-border-radius:999px;-moz-background-clip:padding;border-radius:999px;background-clip:padding-box;background-color:color-mix(in srgb,#f6f7f5,#000 20%);position:absolute;width:44px;height:44px;top:calc(50% - 22px);left:10px;text-align:center;overflow:hidden}.mc-conversations .mc-conversation-card .mc-conversation-icon img{width:44px;height:44px}.mc-conversations .mc-conversation-card .mc-conversation-icon-contact::before{font-family:icomoon;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:
grayscale;content:"\e96b";font-size:24px;line-height:40px;color:#3d3d3d}.mc-conversations .mc-conversation-card .mc-conversation-icon-organisation::before{font-family:icomoon;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e969";font-size:24px;line-height:40px;color:#3d3d3d}.mc-conversations .mc-conversation-card .mc-conversation-with{margin-bottom:4px;font-weight:400}.mc-conversations .mc-conversation-card .mc-conversation-teaser{color:#6a6e70;margin-bottom:0}.mc-conversations .mc-conversation-card.active{background-color:#3c1642}.mc-conversations .mc-conversation-card.active:hover{background-color:#3c1642}.mc-conversations .mc-conversation-card.active .mc-conversation-teaser,.mc-conversations .mc-conversation-card.active .mc-conversation-with{color:#fff}.mc-conversations .mc-conversation-card.unread .mc-conversation-with{font-weight:600}
.mc-conversations .mc-conversation-card.unread .mc-conversation-with:after{color:#4ed3af;content:"•";position:absolute;font-size:200%;right:10px;top:0}.mc-conversations .mc-loading-message{margin-top:20px}.mc-conversation-header{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;position:relative;align-items:center;padding-bottom:15px}.mc-conversation-header .profile-image-holder{-webkit-border-radius:999px;-webkit-background-clip:padding-box;-moz-border-radius:999px;-moz-background-clip:padding;border-radius:999px;background-color:#c3cabc;width:50px;height:50px;margin-right:10px;margin-bottom:0;text-align:center;overflow:hidden;background-clip:padding-box}.mc-conversation-header .profile-image-holder:before{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e96b";font-size:26px;line-height:46px;color:#3d3d3d}
.mc-conversation-header .mc-conversation-header-detail .mc-conversation-with{font-weight:400;margin-bottom:4px}.mc-conversation-header .mc-conversation-header-detail .mc-conversation-with .mc-conversation-with-name{color:#4ed3af;cursor:pointer;text-decoration:none}.mc-conversation-header .mc-conversation-header-detail .mc-conversation-with-description{font-size:75%;color:#6a6e70;margin-bottom:4px}@media (min-width:1200px){.mc-conversation-header .mc-conversation-header-detail.has-cta{width:calc(100% - 520px)}}.mc-conversation-header .chat-header-dropdown{margin-left:auto}@media (min-width:1200px){.mc-conversation-header-cta{display:flex;justify-content:flex-end;width:460px}}@media (max-width:1199px){.mc-conversation-header-cta{position:absolute;top:0;right:0;z-index:3}}@media (min-width:1200px){.mc-conversation-header-cta-toggle{display:none}}@media (max-width:1199px){.mc-conversation-header-cta-toggle{color:#3c1642;background:0 0;border:none;padding:0;line-height:1}}
.mc-conversation-header-cta-toggle [class*=" font-icon-"],.mc-conversation-header-cta-toggle [class^=font-icon-]{font-size:28px;text-align:center;line-height:24px;height:24px;width:24px}@media (min-width:1200px){.mc-conversation-header-cta .dropdown-menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:flex!important;position:relative;top:0;border:none;justify-content:flex-end}.mc-conversation-header-cta .dropdown-menu:after,.mc-conversation-header-cta .dropdown-menu:before{content:" ";display:table}.mc-conversation-header-cta .dropdown-menu:after{clear:both}}@media (max-width:1199px){.mc-conversation-header-cta .dropdown-menu{min-width:200px;left:auto;right:0}}@media (min-width:1200px){.mc-conversation-header-cta .dropdown-menu>li{float:left;margin-left:7px}}@media (min-width:1200px){.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link{-webkit-border-radius:var(--btn-radius);-webkit-background-clip:padding-box;-moz-border-radius:
var(--btn-radius);-moz-background-clip:padding;border-radius:var(--btn-radius);background-clip:padding-box;-webkit-transition:background-color .3s ease-in-out,color .3s ease-in-out,border .3s ease-in-out;-moz-transition:background-color .3s ease-in-out,color .3s ease-in-out,border .3s ease-in-out;-o-transition:background-color .3s ease-in-out,color .3s ease-in-out,border .3s ease-in-out;transition:background-color .3s ease-in-out,color .3s ease-in-out,border .3s ease-in-out;font-size:16px;font-size:1.6rem;display:inline-flex;gap:4px;align-items:center;justify-content:center;max-width:100%;min-width:44px;min-height:44px;padding-top:10px;padding-right:16px;padding-bottom:10px;padding-left:16px;border-width:0;border-style:solid;border-color:#3c1642;background-color:#3c1642;background-clip:border-box;cursor:pointer;font-weight:600;line-height:150%;text-align:center;text-decoration:none;color:#fff;white-space:normal;outline-offset:2px;word-break:normal}
.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link:hover{color:#fff;background-color:#2b102f;text-decoration:none}.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link:active{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#fff;background-color:#2b102f;border-color:#2b102f;outline-color:#c3b7c4;outline-width:2px;outline-style:solid}.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link:active:focus{outline-offset:2px}.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link:active:focus-visible,.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link:focus,.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link:focus-visible{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#fff;background-color:#3c1642;outline-width:2px;outline-style:solid;outline-color:#c3b7c4;outline-offset:2px}
.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link.disabled,.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link[disabled]{zoom:1;-webkit-opacity:1;-moz-opacity:1;opacity:1;color:#d2d3d5;background-color:#f6f7f5;border-width:0;border-style:solid;border-color:#f6f7f5;pointer-events:none}.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link.disabled:hover,.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link[disabled]:hover{color:#d2d3d5;background-color:#f6f7f5;text-decoration:none}.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link.disabled:focus,.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link.disabled:focus-visible,.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link[disabled]:focus,.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link[disabled]:focus-visible{color:#d2d3d5;
background-color:#f6f7f5;border-color:#f6f7f5}.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link:hover{border-color:#2b102f}.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link:focus,.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link:focus-visible{border-color:#3c1642}.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link.btn-lg{font-size:16px;font-size:1.6rem;font-weight:600;line-height:150%;padding-top:13px;padding-right:20px;padding-bottom:13px;padding-left:20px}.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link.btn-sm{font-size:14px;font-size:1.4rem;font-weight:600;line-height:20px;border-width:1px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;min-height:42px}.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link.btn-sm.disabled,
.mc-conversation-header-cta .dropdown-menu>li .mc-conversation-header-cta-link.btn-sm[disabled]{border-width:1px}}.mc-conversation-organisation .mc-conversation-header .profile-image-holder:before{content:"\e969"}.mc-container.mc-loading-state .mc-conversation-card{-webkit-animation:skeletonpulseOdd 1.5s infinite;-moz-animation:skeletonpulseOdd 1.5s infinite;-o-animation:skeletonpulseOdd 1.5s infinite;animation:skeletonpulseOdd 1.5s infinite;width:250px;height:80px;background-repeat:no-repeat;background-image:linear-gradient(#c1d4e0 32px,transparent 0),linear-gradient(#c1d4e0 16px,transparent 0),linear-gradient(#d8d8d8 10px,transparent 0);background-size:32px 32px,150px 32px,142px 32px;background-position:24px 24px,68px 24px,68px 46px}.mc-container.mc-loading-state .mc-conversation-header{-webkit-animation:skeletonpulseOdd 1.5s infinite;-moz-animation:skeletonpulseOdd 1.5s infinite;-o-animation:skeletonpulseOdd 1.5s infinite;animation:skeletonpulseOdd 1.5s infinite;width:700px;height
:100px;background-repeat:no-repeat;background-image:linear-gradient(#c1d4e0 64px,transparent 0),linear-gradient(#c1d4e0 36px,transparent 0),linear-gradient(#d8d8d8 20px,transparent 0);background-size:64px 64px,600px 64px,500px 64px;background-position:24px 24px,104px 24px,104px 68px;margin-top:-24px}.mc-container.mc-loading-state .cr-conversation{-webkit-animation:skeletonpulseOdd 1.5s infinite;-moz-animation:skeletonpulseOdd 1.5s infinite;-o-animation:skeletonpulseOdd 1.5s infinite;animation:skeletonpulseOdd 1.5s infinite;width:700px;height:600px;background-repeat:no-repeat;background-image:linear-gradient(#c1d4e0 150px,transparent 0),linear-gradient(#d8d8d8 150px,transparent 0),linear-gradient(#c1d4e0 150px,transparent 0);background-size:600px 150px,600px 150px,600px 150px;background-position:24px 24px,100px 198px,24px 372px}.mc-disconnected .mc-conversations .mc-conversation-card{cursor:not-allowed}.mc-disconnected .mc-conversations .mc-conversation-card:hover{background-color:
inherit}.mc-disconnected .mc-conversations .mc-conversation-card:nth-child(odd):hover{background-color:#f6f7f5}.mc-disconnected .mc-conversations .mc-conversation-card.active:hover{background-color:#3c1642}.mc-search-filter{margin-bottom:30px;position:relative}.mc-search-form{position:relative;z-index:2;margin-bottom:0}.mc-search-input{padding-right:50px}.mc-filter-dropdown{position:absolute;z-index:4;top:0;right:4px}.mc-filter-dropdown-toggle{-webkit-border-radius:999px;-webkit-background-clip:padding-box;-moz-border-radius:999px;-moz-background-clip:padding;border-radius:999px;background-clip:padding-box;background:0 0;border:none}.mc-filter-dropdown-toggle [class*=" font-icon-"],.mc-filter-dropdown-toggle [class^=font-icon-]{font-size:20px;text-align:center;line-height:36px;height:36px;width:36px}.mc-filter-dropdown-menu{left:auto;right:0;min-width:200px}.mc-filter-active{-webkit-border-radius:var(--btn-radius);-webkit-background-clip:padding-box;-moz-border-radius:
var(--btn-radius);-moz-background-clip:padding;border-radius:var(--btn-radius);background-clip:padding-box;-webkit-transition:background-color .3s ease-in-out,color .3s ease-in-out,border .3s ease-in-out;-moz-transition:background-color .3s ease-in-out,color .3s ease-in-out,border .3s ease-in-out;-o-transition:background-color .3s ease-in-out,color .3s ease-in-out,border .3s ease-in-out;transition:background-color .3s ease-in-out,color .3s ease-in-out,border .3s ease-in-out;font-size:16px;font-size:1.6rem;display:inline-flex;gap:4px;align-items:center;justify-content:center;max-width:100%;min-width:44px;min-height:44px;padding-top:10px;padding-bottom:10px;padding-left:16px;border-width:0;border-style:solid;background-color:#3c1642;background-clip:border-box;cursor:pointer;font-weight:600;line-height:150%;text-align:center;text-decoration:none;color:#fff;white-space:normal;outline-offset:2px;word-break:normal;color:#3c1642;border-color:#3c1642;background-color:transparent;border-width
:1px;font-size:14px;min-height:32px;margin-top:20px;justify-content:space-between;width:100%;padding-top:5px;padding-bottom:4px;padding-right:16px;padding-left:12px}.mc-filter-active:hover{color:#fff;background-color:#2b102f;text-decoration:none}.mc-filter-active:active{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#fff;background-color:#2b102f;border-color:#2b102f;outline-color:#c3b7c4;outline-width:2px;outline-style:solid}.mc-filter-active:active:focus{outline-offset:2px}.mc-filter-active:active:focus-visible,.mc-filter-active:focus,.mc-filter-active:focus-visible{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#fff;background-color:#3c1642;outline-width:2px;outline-style:solid;outline-color:#c3b7c4;outline-offset:2px}.mc-filter-active.disabled,.mc-filter-active[disabled]{zoom:1;-webkit-opacity:1;-moz-opacity:1;opacity:1;color:#d2d3d5;background-color:#f6f7f5;border-width:0;border-style:solid;border-color:#f6f7f5;pointer-events:none}
.mc-filter-active.disabled:hover,.mc-filter-active[disabled]:hover{color:#d2d3d5;background-color:#f6f7f5;text-decoration:none}.mc-filter-active.disabled:focus,.mc-filter-active.disabled:focus-visible,.mc-filter-active[disabled]:focus,.mc-filter-active[disabled]:focus-visible{color:#d2d3d5;background-color:#f6f7f5;border-color:#f6f7f5}.mc-filter-active:hover{border-color:#2b102f}.mc-filter-active:focus,.mc-filter-active:focus-visible{border-color:#3c1642}.mc-filter-active.btn-lg{font-size:16px;font-size:1.6rem;font-weight:600;line-height:150%;padding-top:13px;padding-right:20px;padding-bottom:13px;padding-left:20px}.mc-filter-active.btn-sm{font-size:14px;font-size:1.4rem;font-weight:600;line-height:20px;border-width:1px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;min-height:42px}.mc-filter-active.btn-sm.disabled,.mc-filter-active.btn-sm[disabled]{border-width:1px}.mc-filter-active:focus,.mc-filter-active:hover{text-decoration:none;color:#fff}
.mc-filter-active-remove{font-size:22px;text-decoration:none;color:inherit}.mc-filter-active-remove:hover{text-decoration:none;color:inherit}.mc-mobile-return{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#d2d3d5;display:none;padding-bottom:15px;margin-bottom:20px}@media (max-width:575px){.mc-mobile-return{display:block}}.mc-mobile-return-link{font-weight:600;font-size:16px;line-height:1.55;color:#4ed3af;padding-left:36px;position:relative;display:inline-block}.mc-mobile-return-link::before{font-family:icomoon;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);font-size:22px;font-size:2.2rem;content:"\e923";position:absolute;left:0;top:calc(50% - 11px)}.chat-header-dropdown .dropdown-menu{right:0;
left:auto;min-width:160px}.chat-header-dropdown .dropdown-toggle{background-color:transparent;border:0;font-size:26px;line-height:100%;padding:0 0 0 20px}