.chat-navleft{background-color:#fff;position:absolute;top:0;bottom:0;border-right:1px solid rgba(72,94,144,.16);width:60px;padding:15px 10px;transition:all .3s}@media (prefers-reduced-motion:reduce){.chat-navleft{transition:none}}.chat-navleft .nav-link{padding:0;height:40px;display:flex;align-items:center;justify-content:center;color:#1b2e4b;border-radius:.25rem;transition:all .2s ease-in-out}@media (prefers-reduced-motion:reduce){.chat-navleft .nav-link{transition:none}}.chat-navleft .nav-link:focus,.chat-navleft .nav-link:hover{color:#1b2e4b}.chat-navleft .nav-link.active{color:#0168fa}.chat-navleft .nav-link.active svg{fill:rgba(1,104,250,.2)}.chat-navleft .nav-link+.nav-link{margin-top:10px}.chat-navleft svg{width:20px;height:20px;fill:rgba(27,46,75,.1)}.chat-sidebar{background-color:#fff;position:absolute;top:0;bottom:0;left:60px;right:0;transition:all .3s}@media (prefers-reduced-motion:reduce){.chat-sidebar{transition:none}}@media (min-width:480px){.chat-sidebar{width:250px;border-right:1px solid rgba(72,94,144,.16)}}.nav-chat .nav-link{display:flex;align-items:center;position:relative;padding:5px 10px;font-weight:500;color:#1b2e4b;border-radius:.25rem}.nav-chat .nav-link:focus,.nav-chat .nav-link:hover{background-color:#f5f6fa}@media (min-width:992px){.nav-chat .nav-link.active{color:#0168fa;background-color:#eef0f7}}.nav-chat .nav-link+.nav-link{margin-top:2px}.nav-chat .badge{margin-left:auto;border-radius:100%}.chat-sidebar-body{position:absolute;top:60px;bottom:60px;left:0;right:0;display:flex;flex-direction:column}.chat-msg-list .media{padding:8px 10px;color:#1b2e4b;border-radius:.25rem;word-break:break-word}.chat-msg-list .media:focus,.chat-msg-list .media:hover{background-color:#f5f6fa}.chat-msg-list .media:focus .avatar-offline:after,.chat-msg-list .media:focus .avatar-online:after,.chat-msg-list .media:hover .avatar-offline:after,.chat-msg-list .media:hover .avatar-online:after{box-shadow:0 0 0 2px #f5f6fa}.chat-msg-list .media.active{background-color:#e5e9f2}.chat-msg-list .media.active .avatar-offline:after,.chat-msg-list .media.active .avatar-online:after{box-shadow:0 0 0 2px #e5e9f2}.chat-msg-list .media+.media{margin-top:2px}.chat-msg-list .media .badge{border-radius:100%;align-self:center}.chat-content-body{position:absolute;top:60px;bottom:60px;left:0;right:0}.chat-group{min-height:100%;padding:20px;display:flex;flex-direction:column;justify-content:flex-end}.chat-group .media+.media{margin-top:20px}.chat-group .media-body{margin-left:20px}.chat-group .media-body h6{font-size:14px;font-weight:600}.chat-group .media-body h6 small{color:#8392a5}.chat-group .media-body p{margin-bottom:5px}.chat-group .media-body p:last-child{margin-bottom:0}.chat-group-divider{position:relative;display:flex;align-items:center;margin:20px 0;color:#8392a5;font-size:10px;font-family:-apple-system,BlinkMacSystemFont,Inter UI,Roboto,sans-serif;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.chat-group-divider:first-child{margin-top:0}.chat-group-divider:after,.chat-group-divider:before{content:"";display:block;flex:1;height:1px;background-color:#e5e9f2}.chat-group-divider:before{margin-right:10px}.chat-group-divider:after{margin-left:10px}.chat-sidebar-right{width:230px;top:60px;bottom:60px;right:0;border-left:1px solid rgba(72,94,144,.16);display:none}.chat-sidebar-right,.mail-sidebar{background-color:#fff;position:absolute}.mail-sidebar{top:0;bottom:0;left:0;width:100vw}@media (min-width:375px){.mail-sidebar{width:220px;border-right:1px solid rgba(72,94,144,.16)}}@media (min-width:768px){.mail-sidebar{left:0;opacity:1;visibility:visible}}.mail-sidebar-body{position:relative;height:100%}.mail-group{width:100vw;position:absolute;top:0;left:100vw;bottom:0;transition:all .3s}@media (prefers-reduced-motion:reduce){.mail-group{transition:none}}@media (min-width:375px){.mail-group{left:220px}}@media (min-width:768px){.mail-group{width:auto;right:0;left:220px}}@media (min-width:1200px){.mail-group{width:320px;border-right:1px solid rgba(72,94,144,.16)}}.mail-group-body{position:absolute;top:55px;left:0;right:0;bottom:0}.mail-group-body .media{padding:15px 20px;background-color:#f8f9fc;cursor:pointer;transition:all .2s ease-in-out}@media (prefers-reduced-motion:reduce){.mail-group-body .media{transition:none}}.mail-group-body .media:focus,.mail-group-body .media:hover{background-color:#f3f8ff}.mail-group-body .media.unread,.mail-group-body .media.unread:focus,.mail-group-body .media.unread:hover{background-color:#fff}.mail-group-body .media.selected,.mail-group-body .media.selected:focus,.mail-group-body .media.selected:hover{background-color:#ecf4ff}.mail-group-body .media+.media{margin-top:-1px;border-top:1px solid #e5e9f2}.mail-content-header{top:0;height:55px;border-bottom:1px solid rgba(72,94,144,.16);padding:0 20px;display:flex;align-items:center}.mail-content-body,.mail-content-header{background-color:#fff;position:absolute;left:0;right:0}.mail-content-body{top:55px;bottom:0}.mail-compose{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(15,21,32,.7);z-index:1050;opacity:0;visibility:hidden;transform:scale(1.2);transition:all .3s}@media (prefers-reduced-motion:reduce){.mail-compose{transition:none}}.mail-compose.show{opacity:1;visibility:visible;transform:scale(1)}.mail-compose.show.shrink{background-color:transparent;pointer-events:none}.mail-compose.show.shrink .mail-compose-dialog{width:500px;right:10px;bottom:0;transform:translate(0);pointer-events:all}.mail-compose.show.shrink .nav-link-shrink svg:first-child{display:none}.mail-compose.show.shrink .nav-link-shrink svg:last-child{display:block}.mail-compose.show.shrink .mail-compose-body{padding:20px;border-left:1px solid rgba(72,94,144,.16);border-right:1px solid rgba(72,94,144,.16);border-bottom-right-radius:0;border-bottom-left-radius:0}.mail-compose.show.minimize{background-color:transparent;pointer-events:none}.mail-compose.show.minimize .mail-compose-dialog{width:500px;top:auto;left:auto;right:10px;bottom:0;transform:none;pointer-events:all}.mail-compose.show.minimize .nav-link-minimize svg:first-child{display:none}.mail-compose.show.minimize .nav-link-minimize svg:last-child{display:block}.mail-compose.show.minimize .mail-compose-body{display:none}.mail-compose-dialog{position:absolute;bottom:50%;right:50%;transform:translate(50%,50%);width:80%;max-width:840px;transition:all .3s}@media (prefers-reduced-motion:reduce){.mail-compose-dialog{transition:none}}.mail-compose-header{background-color:#1c273c;padding:20px;color:#fff;border-top-left-radius:.25rem;border-top-right-radius:.25rem;display:flex;align-items:center;justify-content:space-between}.mail-compose-header .nav-link{color:hsla(0,0%,100%,.5)}.mail-compose-header .nav-link:focus,.mail-compose-header .nav-link:hover{color:#fff}.mail-compose-header .nav-link svg:last-child:not(:first-child){display:none}.mail-compose-title{margin-bottom:0;font-weight:400;position:relative;top:1px}.mail-compose-body{background-color:#fff;padding:20px;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;transition:all .3s}@media (prefers-reduced-motion:reduce){.mail-compose-body{transition:none}}@media (min-width:992px){.mail-compose-body{padding:30px}}.mail-compose-body .form-control{box-shadow:none!important}.contact-navleft{transition:all .3s}@media (prefers-reduced-motion:reduce){.contact-navleft{transition:none}}.contact-navleft{background-color:#fff;position:absolute;top:0;bottom:0;border-right:1px solid rgba(72,94,144,.16);width:54px;padding:15px 10px}@media (min-width:992px){.contact-navleft{width:60px}}.contact-navleft .nav-link{padding:0;height:40px;display:flex;align-items:center;justify-content:center;color:#1b2e4b;border-radius:.25rem;transition:all .2s ease-in-out}@media (prefers-reduced-motion:reduce){.contact-navleft .nav-link{transition:none}}.contact-navleft .nav-link:focus,.contact-navleft .nav-link:hover{color:#1b2e4b}.contact-navleft .nav-link.active{color:#0168fa}.contact-navleft .nav-link.active svg{fill:rgba(1,104,250,.2)}.contact-navleft .nav-link+.nav-link{margin-top:10px}.contact-navleft .nav-link svg{width:20px;stroke-width:2.2px;fill:rgba(27,46,75,.1)}.contact-sidebar-body{position:absolute;top:55px;left:0;right:0;bottom:0}.contact-sidebar-body .tab-pane:first-child .contact-list-divider:before{width:27px}.contact-list .media{color:#1b2e4b;padding:10px;align-items:flex-end;border-radius:.25rem}.contact-list .media:focus,.contact-list .media:hover{background-color:#f5f6fa;cursor:default}.contact-list .media:focus .avatar-offline:after,.contact-list .media:focus .avatar-online:after,.contact-list .media:hover .avatar-offline:after,.contact-list .media:hover .avatar-online:after{box-shadow:0 0 0 2px #eff2f7}@media (min-width:992px){.contact-list .media:focus nav,.contact-list .media:hover nav{display:flex}}.contact-list .media+.media{margin-top:2px}@media (min-width:480px){.contact-list .media.active{background-color:#eef0f7}.contact-list .media.active .avatar-offline:after,.contact-list .media.active .avatar-online:after{box-shadow:0 0 0 2px #e5e9f2}}.contact-list .media-body span{color:#8392a5;display:block;line-height:1.02}.contact-list nav{display:none;align-items:center;align-self:center}.contact-list nav a{display:block;color:#8392a5}.contact-list nav a:focus,.contact-list nav a:hover{color:#1b2e4b}.contact-list nav a+a{margin-left:5px}.contact-list nav svg{width:16px}.contact-content-body{position:absolute;top:55px;left:0;right:0;bottom:0}@media (min-width:1200px){.contact-content-body{right:290px}.contact-content-body .tab-pane>.row{max-width:800px}}.contact-content-sidebar{background-color:#fff;position:absolute;top:0;right:-260px;bottom:0;border-left:1px solid rgba(72,94,144,.16);width:260px;padding:20px}@media (min-width:1200px){.contact-content-sidebar{width:290px;padding:25px;right:0}}