@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}:after,:before{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}li{list-style:none}h1{font-weight:600;font-size:1.5rem}body{font-family:Poppins,sans-serif}.wrapper{display:flex}.main{min-height:100vh;width:100%;overflow:hidden;transition:all .35s ease-in-out;background-color:#fafbfe}#sidebar{width:70px;min-width:70px;z-index:1000;transition:all .25s ease-in-out;background-color:#0e2238;display:flex;flex-direction:column}#sidebar.expand{width:260px;min-width:260px}.toggle-btn{background-color:transparent;cursor:pointer;border:0;padding:1rem 1.5rem}.toggle-btn i{font-size:1.5rem;color:#fff}.sidebar-logo{margin:auto 0}.sidebar-logo a{color:#fff;font-size:1.15rem;font-weight:600}#sidebar:not(.expand) .sidebar-logo,#sidebar:not(.expand) a.sidebar-link span{display:none}.sidebar-nav{padding:2rem 0;flex:1 1 auto}a.sidebar-link{padding:.625rem 1.625rem;color:#fff;display:block;font-size:.9rem;white-space:nowrap;border-left:3px solid transparent;width:100%;text-align:left}.sidebar-link i{font-size:1.1rem;margin-right:.75rem}a.sidebar-link:hover{background-color:hsla(0,0%,100%,.075);border-left:3px solid #3b7ddd}.sidebar-item{display:flex;position:relative}#sidebar:not(.expand) .sidebar-item .sidebar-dropdown{position:absolute;top:0;left:70px;background-color:#0e2238;padding:0;min-width:15rem;display:none}#sidebar:not(.expand) .sidebar-item:hover .has-dropdown+.sidebar-dropdown{display:block;max-height:15em;width:100%;opacity:1}#sidebar.expand .sidebar-link[data-bs-toggle=collapse]:after{border:solid;border-width:0 .075rem .075rem 0;content:"";display:inline-block;padding:2px;position:absolute;right:1.5rem;top:1.4rem;transform:rotate(-135deg);transition:all .2s ease-out}#sidebar.expand .sidebar-link[data-bs-toggle=collapse].collapsed:after{transform:rotate(45deg);transition:all .2s ease-out}.black-right[data-v-9ad292fe]{border-right:2px solid #000}.screen-scroll[data-v-9ad292fe]{height:87vh;max-height:90vh;overflow-y:auto}.flex-display[data-v-9ad292fe]{display:flex;justify-content:space-between}.chat[data-v-9ad292fe]{--rad:20px;--rad-sm:3px;font:16px/1.5 sans-serif;display:flex;flex-direction:column;padding:20px;width:100%;height:77vh;margin-bottom:2px;overflow-y:auto}.msg[data-v-9ad292fe]{position:relative;max-width:75%;padding:7px 15px;margin-bottom:2px}.msg.sent[data-v-9ad292fe]{border-radius:var(--rad) var(--rad-sm) var(--rad-sm) var(--rad);background:#42a5f5;color:#fff;margin-left:auto}.msg.rcvd[data-v-9ad292fe]{border-radius:var(--rad-sm) var(--rad) var(--rad) var(--rad-sm);background:#08d119e7;color:#fff;margin-right:auto}.msg.rcvd+.msg.sent[data-v-9ad292fe],.msg.sent[data-v-9ad292fe]:first-child{border-top-right-radius:var(--rad)}.msg.rcvd[data-v-9ad292fe]:first-child,.msg.sent+.msg.rcvd[data-v-9ad292fe]{border-top-left-radius:var(--rad)}.msg[data-v-9ad292fe]:before{content:attr(data-time);font-size:.8rem;position:absolute;bottom:100%;color:#888;white-space:nowrap;display:none}.msg.sent[data-v-9ad292fe]:before{right:15px}.msg.rcvd[data-v-9ad292fe]:before{left:15px}.msg.rcvd+.msg.sent[data-v-9ad292fe]:before,.msg.sent+.msg.rcvd[data-v-9ad292fe]:before,.msg[data-v-9ad292fe]:first-child:before{display:block}