.app-entity-selector{display:flex;min-width:2.5rem;width:2.5rem;height:2.5rem;border-radius:.75rem}@media (min-width: 992px){.app-entity-selector{position:relative}}.app-entity-selector.active{box-shadow:0 0 0 .2rem #007bff40}.app-entity-selector.active .swap-button{background-image:linear-gradient(to right,#69adf2,#69adf2)}.app-entity-selector .loader-container{display:flex;min-height:11rem;justify-content:center;align-items:start;padding-top:.8rem}.app-entity-selector .loader-container .loader{width:50px;height:50px}.app-entity-selector .fetch-error{padding:.8rem}.app-entity-selector .swap-button{display:flex;flex:1;border-radius:.75rem;cursor:pointer;justify-content:center;align-items:center;background-image:linear-gradient(to right,#20639b,#20639b 10%,#69adf2);transition:.5s;background-size:200% auto;color:#fff;box-shadow:0 0 20px #eee}.app-entity-selector .swap-button:hover{background-position:right center;color:#fff;text-decoration:none}.app-entity-selector .entity-selector{position:absolute;width:90%;max-width:400px;max-height:11rem;z-index:2;top:100%;border-radius:.75rem;left:0;right:0;margin-left:auto;margin-right:auto;background-color:#fff;border:1px solid rgba(0,0,0,.15);overflow:hidden;overflow-y:scroll}@media (min-width: 992px){.app-entity-selector .entity-selector{left:0;width:400px}}.app-entity-selector .entity-selector .entities{margin-bottom:0}.app-entity-selector .entity-selector .entities .entity-data{display:flex;min-height:2.5rem;align-items:center;padding:0 .8rem}.app-entity-selector .entity-selector .entities .entity-data:hover{background-color:#e9ecef;cursor:pointer}.app-entity-selector .entity-selector .entities .entity-data.selected{background-color:#69adf2;color:#fff}.app-entity-selector .entity-selector .entities .entity-data.selected:hover{cursor:auto}.left .app-nav-item-help{left:0}.right .app-nav-item-help{right:0}.app-nav-item-help{position:absolute;background:#e3e5e8;top:6rem;z-index:10;border-radius:.25rem;color:#5f6a7a}.app-nav-item-help .close-wrapper{position:absolute;right:.5rem;top:.25rem;z-index:20}@media (min-width: 576px){.app-nav-item-help .close-wrapper{right:.65rem;top:.45rem}}.app-nav-item-help .close-wrapper .close-container{cursor:pointer;text-align:center;border-radius:24px;line-height:1}.app-nav-item-help .close-wrapper .close-container i{position:relative;left:.5px;vertical-align:text-bottom}.app-nav-item-help .relative-content{position:relative;padding:1rem 1.25rem;min-width:2rem;min-height:2rem}.app-nav-item-help .relative-content .content{max-width:13rem;margin-bottom:1rem;display:block;min-width:13rem;min-height:1rem}.app-nav-item-help .relative-content .buttons{display:flex;justify-content:center}.app-nav-item-help .relative-content .buttons>*:first-child{margin-right:.5rem}.app-nav-item-help .relative-content .buttons>*{padding:.125rem .5rem;width:5rem;height:1.5rem;line-height:1}.grow .app-nav-item{width:16rem;flex:1}.app-nav-item{position:relative;height:5rem;flex:1;color:#abb6c6;max-width:16rem}@media (min-width: 576px){.app-nav-item{height:7rem}}@media (min-width: 992px){.app-nav-item{width:16rem}}.app-nav-item.active .active-border{height:4px;width:100%}.app-nav-item.enabled{background-color:#20639b;color:#fff}.app-nav-item.enabled .nav-item-content a:hover{cursor:pointer}.app-nav-item.enabled:hover{background-color:#1b5688}.app-nav-item .active-border{background-color:#8fbe36;width:0;height:0;position:absolute;bottom:0;border-radius:.25rem}.app-nav-item .nav-item-content{height:100%}.app-nav-item .nav-item-content a{display:flex;justify-content:center;align-items:center;flex-direction:column;color:inherit;width:100%;height:100%;transition:background-color .4s ease}.app-nav-item .nav-item-content a:hover{cursor:default;text-decoration:none}.app-nav-item .nav-item-content a .description{display:none;text-align:center;line-height:1.2;padding:0 .5rem}@media (min-width: 992px){.app-nav-item .nav-item-content a .description{font-size:inherit;display:inline-block}}.app-nav-item .triangle-up{position:absolute;top:5rem;left:0;right:0;margin:auto;width:0;height:0;border-left:.7rem solid transparent;border-right:.7rem solid transparent;border-bottom:1rem solid #E3E5E8}.app-nav-item.left .app-nav-item-help{left:0}.app-nav-item.right .app-nav-item-help{right:0}.app-nav-menu{background-color:#20639b;color:#fff}@media (min-width: 992px){.app-nav-menu{display:flex;justify-content:center}}.app-nav-menu.grow .app-nav-menu-content{display:block}.app-nav-menu .app-nav-menu-content{position:relative;display:block}@media (min-width: 992px){.app-nav-menu .app-nav-menu-content{display:inline-block}}.app-nav-menu .app-nav-menu-content .menu-badge{position:absolute;left:0;top:.2rem;font-size:11px;cursor:pointer;z-index:1}@media (min-width: 576px){.app-nav-menu .app-nav-menu-content .menu-badge{left:1rem;top:.5rem}}.app-nav-menu .app-nav-menu-content .menu-badge .text-container{display:flex;background-color:#e3e5e8;color:#20639b;position:relative;height:1.5rem;align-items:center;padding:0 .3rem}.app-nav-menu .app-nav-menu-content .menu-badge .text-container i{color:#20639b}.app-nav-menu .app-nav-menu-content .menu-badge .text{margin-left:.2rem}.app-nav-menu .app-nav-menu-content .menu-badge .triangle-right{width:0;height:0;border-top:.75rem solid transparent;border-left:.75rem solid #E3E5E8;border-bottom:.75rem solid transparent;position:absolute;left:100%;top:0}.app-nav-menu .app-nav-menu-content .menu-badge .triangle-top-right{width:0;height:0;border-top:1rem solid #C4C4C4;border-left:1rem solid transparent;position:absolute}.app-nav-menu .app-nav-menu-content .menu-nav{flex-wrap:wrap;align-content:space-between;justify-content:center;padding:0 1rem}@media (min-width: 576px){.app-nav-menu .app-nav-menu-content .menu-nav{padding:0 2rem}}.auto-save-toast{position:relative;background-color:#69adf2;border-radius:.75rem;display:inline-flex;justify-content:center;min-width:6rem;opacity:0;padding:3px 12px;transition:background-color .3s ease-in-out,opacity .3s ease-in-out;top:45px;z-index:1001}.auto-save-toast.visible{opacity:1}.auto-save-toast.saved{background-color:#8fbe36}.auto-save-toast.saving{background-color:#69adf2}.auto-save-toast.saving .toast-message .toast-icon{animation:spin 4s linear infinite}.auto-save-toast .toast-message{display:flex;align-items:center;gap:.5rem;color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.app-header{background-color:inherit}.app-header.sticky{position:fixed;top:0;width:100%;z-index:1000}.app-header .info-text{line-height:normal;padding:.25rem 1.25rem}@media (min-width: 992px){.app-header .info-text{display:flex;align-items:center;height:100%;padding:0 15px}}.app-header.public{border-bottom:1px solid #ededed}.app-header.public>.bar{display:none}@media only screen and (min-width: 780px){.app-header.public>.bar{display:block}}.app-header.public .app-header-content{display:flex;max-width:1280px;padding:0;margin:0 auto;min-height:6.428rem;align-items:center;flex-direction:column;justify-content:center}@media (min-width: 768px){.app-header.public .app-header-content{flex-direction:row;justify-content:left}}@media (min-width: 1200px){.app-header.public .app-header-content{height:5.625rem;line-height:5.625rem;flex-direction:row}}@media (min-width: 1366px){.app-header.public .app-header-content{border-bottom:0}}.app-header.public .app-header-content .logo-container{margin-top:.8rem}@media (min-width: 768px){.app-header.public .app-header-content .logo-container{margin-top:0;margin-left:20px}}.app-header.public .app-header-content .logo-container .logo{height:1.875rem}@media only screen and (min-width: 400px){.app-header.public .app-header-content .logo-container .logo{height:2.344rem}}@media only screen and (min-width: 780px){.app-header.public .app-header-content .logo-container .logo{height:3.071rem}}@media (min-width: 1200px){.app-header.public .app-header-content .logo-container .logo{height:2.687rem}}.app-header>.bar{height:35px;background-color:#20639b}.app-header .app-header-content{display:flex;flex-direction:column;min-height:4rem;padding:0 1rem;row-gap:4px;margin-bottom:4px}@media (min-width: 992px){.app-header .app-header-content{flex-direction:row;gap:1rem;align-items:center;padding:0 2rem;margin-bottom:0}}.app-header .app-header-content .logo-container{padding:.25rem 0;height:100%;margin:0 auto}@media (min-width: 992px){.app-header .app-header-content .logo-container{float:left;margin:0;height:1.8rem}}.app-header .app-header-content .logo-container .logo{height:1.7rem;width:auto}.app-header .app-header-content .app-entity-selector-container{position:relative;gap:15px;display:flex;justify-content:center;align-items:center;flex:1}.app-header .app-header-content .search-gus-container{display:flex;justify-content:center;flex:1}@media (min-width: 992px){.app-header .app-header-content .search-gus-container{justify-content:right;margin-right:-1rem}.app-header .app-header-content .search-gus-container .search-gus{max-width:500px}}@media (min-width: 992px){.app-header .app-header-content .app-entity-selector-container+.search-gus-container .search-gus{max-width:500px}}.app-header .app-header-content ul.nav{height:100%;flex-direction:row;flex-wrap:nowrap;width:auto;justify-content:center}@media (min-width: 992px){.app-header .app-header-content ul.nav{flex-direction:row;justify-content:flex-end}}@media (min-width: 992px){.app-header .app-header-content ul.nav .menu-option{display:none!important}}.app-header .app-header-content ul.nav .nav-item{position:relative;display:flex;justify-content:center;align-items:center}.app-header .app-header-content ul.nav .nav-item .notification-icon-container{position:relative;cursor:pointer;width:32px;height:32px;border-radius:32px;display:flex;justify-content:center;align-items:center;border:1px solid #BCBCBC}.app-header .app-header-content ul.nav .nav-item .notification-icon-container.active{color:#20639b;background-color:#b4d0ed}.app-header .app-header-content ul.nav .nav-item .notification-icon-container.active:hover{background-color:#a4c0dd}.app-header .app-header-content ul.nav .nav-item .notification-icon-container .unread-count{position:absolute;font-size:.6rem;color:#fff;background-color:red;height:22px;width:22px;border-radius:22px;right:-12px;top:-12px;display:flex;justify-content:center;align-items:center}.app-header .app-header-content ul.nav .nav-item .nav-item-content.user-nav{padding-right:0}.app-header .app-header-content ul.nav .nav-item .nav-item-content.user-nav .user-email{display:none}@media (min-width: 576px){.app-header .app-header-content ul.nav .nav-item .nav-item-content.user-nav .user-email{display:inline-block}}.app-header .app-header-content ul.nav .nav-item .nav-item-content.user-nav .dropdown-menu{left:0}.app-header .app-header-content ul.nav .nav-item .nav-item-content.user-nav .dropdown-menu .dropdown-item{padding:.25rem 1rem}@media (min-width: 992px){.app-header .app-header-content ul.nav .nav-item:not(:first-child):before{content:"";border-left:1px solid #BCBCBC;height:1rem}}.app-header .app-header-content ul.nav .nav-item .nav-item-content{position:relative;padding:0 1rem;display:flex;justify-content:center;width:100%}@media (min-width: 992px){.app-header .app-header-content ul.nav .nav-item .nav-item-content{display:block;justify-content:initial}}.app-header .app-header-content ul.nav .nav-item .nav-item-content>*{cursor:pointer}.app-header .app-header-content ul.nav .nav-item .nav-item-content .user-options{display:flex;align-items:center}.app-header .app-header-content ul.nav .nav-item .nav-item-content .user-options i{margin:0 1rem}.app-header .app-header-content ul.nav .nav-item .nav-item-content .user-options .user-picture{display:inline-block;width:2.5rem;height:2.5rem;border-radius:1.25rem}.app-header .app-header-content ul.nav .nav-item .nav-item-content .user-options .user-picture img{width:100%;height:100%;border-radius:1.25rem}.app-header .auto-save-container{text-align:center;left:0;right:0;bottom:0;position:absolute;display:flex;justify-content:center}.app-footer{height:4rem;padding:0 2rem}.app-footer .app-footer-content{border-top:1px solid #BCBCBC;display:flex;align-items:center;height:100%;padding:0 .75rem}div.chat-size-button.option{color:#ddd}div.chat-size-button.option.active{color:#fff}.picture-status .circle-miniature .status{border:1px solid #EEEFF1}.chat-window{display:flex;flex-direction:column;flex-grow:1}.chat-window .header{justify-content:space-between}.chat-window .header .common-display-contact{flex-grow:1;padding:0!important;height:auto!important}.chat-window .header .common-display-contact:hover{cursor:pointer!important;background-color:inherit!important}.chat-window .header .common-display-contact .status{border:1px solid #EEEFF1}.chat-window textarea{resize:none;height:40px;overflow:hidden}.chat-window .help{margin:.8rem 18px 0;background-color:#eeeff1;padding:4px 8px;border-radius:12px}.chat-window .help.margin-help{margin-bottom:.8rem}.chat-window div.loading{flex-grow:1;justify-content:center;align-items:start;margin-top:.8rem}.chat-window div.loading>img{width:calc(2rem + 4px)!important;border-radius:2rem;padding:1px}.chat-window .chat-content{display:flex;overflow:hidden;overflow-y:visible;flex-grow:1;flex-direction:column-reverse}.chat-window .messages{display:flex;padding:0 18px;flex-direction:column}.chat-window .messages .message.right~.message.right .date,.chat-window .messages .message.left~.message.left .date{margin-top:calc(.8rem - 2px)!important}.chat-window .messages .message{display:flex;flex-direction:column;margin-bottom:2px}.chat-window .messages .message:first-child{margin-top:.8rem}.chat-window .messages .message:last-child{margin-bottom:.8rem}.chat-window .messages .message.left{align-items:start}.chat-window .messages .message.left+.right{margin-top:calc(.8rem - 2px)}.chat-window .messages .message.left .message-content-container{background-color:#8fbe36;border-radius:12px}.chat-window .messages .message.left .message-content-container.conversation-start{border-radius:0 12px 12px}.chat-window .messages .message.left .message-content-container.conversation-start:before{left:-8px;border-width:16px 0 10px 9px;border-color:#8FBE36 transparent transparent transparent}.chat-window .messages .message.left .message-content-container,.chat-window .messages .message.right .message-content-container{padding:4px 8px;color:#fff}.chat-window .messages .message.right{align-items:end}.chat-window .messages .message.right+.left{margin-top:calc(.8rem - 2px)}.chat-window .messages .message.right .message-max-container{display:flex;justify-content:right}.chat-window .messages .message.right .message-content-container{background-color:#20639b;border-radius:12px}.chat-window .messages .message.right .message-content-container.conversation-start{border-radius:12px 0 12px 12px}.chat-window .messages .message.right .message-content-container.conversation-start:before{right:-8px;border-width:16px 9px 0 0;border-color:#20639B transparent transparent transparent}.chat-window .messages .message .date{margin:0 auto;border-radius:12px;padding:4px 8px;background-color:#eeeff1}.chat-window .messages .message .date+.message-max-container{margin-top:.8rem}.chat-window .messages .message .message-max-container{max-width:320px;width:100%}.chat-window .messages .message .message-max-container .message-content-container{position:relative;min-width:105px}.chat-window .messages .message .message-max-container .message-content-container .time{position:absolute;font-size:11px;right:10px;bottom:0}.chat-window .messages .message .message-max-container .message-content-container .content{margin-right:55px;white-space:pre-wrap}.chat-window .messages .message .message-max-container .message-content-container .content a{color:#0ff}.chat-window .messages .message .message-max-container .message-content-container.conversation-start:before{content:"";position:absolute;top:0;width:0;height:0;border-style:solid}.chat-window .messages .message .message-max-container .message-content-container .author{font-weight:700}.chat-window .footer{background-color:#fff;padding:.4rem;border-top:1px solid #BCBCBC}.chat-window .footer .input-group-text{cursor:pointer}.contact-form .logo{width:9.72rem;height:1.8rem;margin:0 auto;display:block}.contact-form textarea{resize:none}.contact-form .chat-now{width:100%;background-color:#8fbe36;color:#fff}.contact-form .chat-now:hover{background-color:#6a991a}.last .chat-room-menu .menu{top:unset;bottom:100%}.chat-room-menu{position:relative;display:inline-flex}.chat-room-menu .menu{position:absolute;right:0;border:1px solid #ABB6C6;border-radius:7px;min-width:7rem;top:100%;padding:5px 0;background-color:#fff;box-shadow:2px 2px 2px #abb6c6;line-height:1}.chat-room-menu .menu .menu-option{padding:0 8px}.chat-room-menu .menu .menu-option:hover{background-color:#fafafa}.chat-rooms{display:flex;flex-direction:column}.chat-rooms .header{justify-content:space-between}.chat-rooms .header .left-content{display:flex;gap:.75rem;align-items:center;flex:1}.chat-rooms .body,.chat-rooms .rooms{overflow:hidden;overflow-y:visible;flex-grow:1}.chat-rooms .small-loading{display:flex;flex-grow:1;justify-content:center;align-items:start;margin:.8rem 0}.chat-rooms .small-loading>img{width:calc(2rem + 4px)!important;border-radius:2rem;padding:1px}.chat-rooms .unseen{height:1.5rem;background-color:#8fbe36;width:1.5rem;border-radius:1rem;display:inline-flex;justify-content:center;align-items:center;color:#fff;font-size:12px}.chat-rooms .common-display-contact{align-items:center}.chat-rooms .last-message-timestamp{font-size:13px;line-height:1;white-space:nowrap;text-align:right}.chat-rooms .end-content{min-width:92px}.chat-rooms .search{display:flex;padding:4px;gap:8px;align-items:center}.chat-rooms .search .option:hover{background-color:#f0f0f0!important}.chat-rooms .search input{flex:1}.chat-rooms .info-bottom-right{display:flex;justify-content:end;align-items:center;gap:4px}.chat-directory{display:flex;flex-direction:column}.chat-directory .header{justify-content:space-between}.chat-directory .header span{color:#fff}.chat-directory div.loading{flex-grow:1;justify-content:center;align-items:start;margin:.8rem 0}.chat-directory div.loading>img{width:calc(2rem + 4px)!important;border-radius:2rem;padding:1px}.chat-directory .search{padding:4px}.chat-directory .body{overflow:hidden;overflow-y:visible}.ticket-sidebar[data-v-b746a9b7]{position:fixed;right:0;top:0;width:500px;max-width:100%;height:100vh;background:#f8f9fc;z-index:9999;box-shadow:-2px 0 6px #00000026;overflow-y:auto}.ticket-panel[data-v-b746a9b7]{padding:2rem}.ticket-panel h2[data-v-b746a9b7]{margin-bottom:1.5rem;text-align:center}input[data-v-b746a9b7],textarea[data-v-b746a9b7]{width:100%;margin-bottom:.5rem;padding:.6rem;border:1px solid #ccc;border-radius:4px}.limit[data-v-b746a9b7]{display:block;margin-bottom:1rem;font-size:.8rem;color:#007bff}.note[data-v-b746a9b7]{font-size:.8rem;margin:.25rem 0}.file-preview[data-v-b746a9b7]{border:1px dashed #ccc;padding:.75rem;margin:1rem 0;background:#fff;min-height:50px}.actions[data-v-b746a9b7]{display:flex;justify-content:space-between;margin-top:1.5rem}button[data-v-b746a9b7]{padding:.5rem 1rem;border-radius:20px;border:none;background:#ccc;cursor:pointer}button[type=submit][data-v-b746a9b7]:not([disabled]){background:#000;color:#fff}button[disabled][data-v-b746a9b7]{opacity:.5;cursor:not-allowed}.status-bar[data-v-b746a9b7]{margin-top:1.5rem;padding:1rem;border-radius:5px;font-weight:700;text-align:center}.status-bar.success[data-v-b746a9b7]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-bar.error[data-v-b746a9b7]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.fade-enter-active[data-v-b746a9b7],.fade-leave-active[data-v-b746a9b7]{transition:opacity .5s}.fade-enter[data-v-b746a9b7],.fade-leave-to[data-v-b746a9b7]{opacity:0}.app-contact{position:fixed;bottom:10px;right:2rem;z-index:1040}.app-contact .loading{flex:1;display:flex;justify-content:center;align-items:center}.app-contact .loading img{width:5rem}.app-contact .button-wrapper{display:flex;justify-content:flex-end}.app-contact .button-wrapper .button-helper{display:flex;gap:10px}.app-contact .button-wrapper .button-helper .button-toggle{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#fff;background-color:#aabdc5;padding:8px 16px;border-radius:20px;cursor:pointer}.app-contact .button-wrapper .button-helper .button-toggle i{font-size:16px}.app-contact .button-wrapper .button-helper .button-toggle:hover{background-color:#8ea1aa}.app-contact .component-wrapper{display:flex;flex-direction:column;overflow:hidden;transition:height .6s,box-shadow 0s ease-in-out .6s,min-height .6s;width:23rem;border-radius:.75rem;background-color:#fff;position:absolute;right:0;bottom:4rem;min-height:0}.app-contact .component-wrapper .min-height-wrapper{display:flex;flex-grow:1;height:100%}.app-contact .component-wrapper.active{box-shadow:0 2px 2px #ddd;transition:height .6s,min-height .6s;border:1px solid #ddd;min-height:380px}.app-contact .component-wrapper .header{display:flex;background-color:#8fbe36;color:#fff;border-radius:.75rem .75rem 0 0;align-items:center;padding:.5rem;gap:.5rem}.app-contact .component-wrapper .option{height:2rem;width:2rem;flex:0 0 2rem;border-radius:2rem;display:inline-flex;justify-content:center;align-items:center}.app-contact .component-wrapper .option:hover{background-color:#7fae26;cursor:pointer}.app-contact .component-wrapper .contact-form{padding:.8rem;border-radius:0 0 .75rem .75rem}.app-contact .has-messages{position:absolute;right:2px;top:2px;background:red;border-radius:15px;height:16px;width:16px;color:#fff;display:flex;justify-content:center;align-items:center;font-size:11px}.app-contact .chat-directory .common-display-contact,.app-contact .chat-rooms .common-display-contact,.app-contact .chat-window .common-display-contact{display:flex;height:4.1rem;gap:.5rem;align-items:center;padding:.5rem}.app-contact .chat-directory .common-display-contact .room-items,.app-contact .chat-rooms .common-display-contact .room-items,.app-contact .chat-window .common-display-contact .room-items{display:grid;align-items:center;gap:.75rem;grid-auto-flow:column;flex-grow:1;justify-content:left}.app-contact .chat-directory .common-display-contact:hover,.app-contact .chat-rooms .common-display-contact:hover,.app-contact .chat-window .common-display-contact:hover{background-color:#eeeff1;cursor:pointer}.app-contact .chat-directory .common-display-contact .display-info,.app-contact .chat-rooms .common-display-contact .display-info,.app-contact .chat-window .common-display-contact .display-info{flex-grow:1;overflow:hidden}.app-contact .chat-directory .common-display-contact .last-activity,.app-contact .chat-rooms .common-display-contact .last-activity,.app-contact .chat-window .common-display-contact .last-activity{font-size:.8rem;color:#eeeff1}.app-contact .chat-directory .common-display-contact .name,.app-contact .chat-directory .common-display-contact .entity-name,.app-contact .chat-rooms .common-display-contact .name,.app-contact .chat-rooms .common-display-contact .entity-name,.app-contact .chat-window .common-display-contact .name,.app-contact .chat-window .common-display-contact .entity-name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.app-contact .chat-directory .common-display-contact .entity-name,.app-contact .chat-rooms .common-display-contact .entity-name,.app-contact .chat-window .common-display-contact .entity-name{color:#7f8a9a}.app-notification-viewer{position:fixed;height:100%;width:100%;right:-100%;top:0;background-color:#fff;border-left:1px solid #BCBCBC;border-top:1px solid #BCBCBC;z-index:1060;transition:right .3s ease-out}@media (min-width: 992px){.app-notification-viewer{width:23rem;right:-23rem}}.app-notification-viewer.active{right:0}.app-notification-viewer>.content{position:relative;width:100%;height:100%;overflow-y:scroll;padding-right:16px}.app-notification-viewer>.content>.header{margin-top:16px;padding-left:16px;display:flex;justify-content:space-between;flex-direction:row;align-items:center}.app-notification-viewer>.content>.header h3{margin-bottom:0}.app-notification-viewer>.content>.header .close{color:inherit}.app-notification-viewer>.content>.header .close:hover{background-color:#e9e9e9;color:#4f5a6a}.app-notification-viewer>.content>.header .button-clear{height:20px;font-size:medium;line-height:22px;color:#007bff;border:0;background-color:#fff}.app-notification-viewer>.content>.header .button-clear:hover{color:#006bef}.app-notification-viewer>.content .loading{flex-grow:1;padding-left:16px;justify-content:center;align-items:start;margin:.8rem 0}.app-notification-viewer>.content .loading>img{width:calc(2rem + 4px)!important;border-radius:2rem;padding:1px}.app-notification-viewer>.content .empty-notifications{padding-left:16px}.app-notification-viewer>.content .notifications{display:flex;padding-left:8px;flex-direction:column;word-break:break-word}.app-notification-viewer>.content .notifications .profile-picture{background-color:#fff;border-color:#fff}.app{background-color:inherit;overflow:hidden;flex-direction:column}.app .app-structure{position:relative;display:flex}.app .app-structure .app-content{width:100%}