.sidebar{display:flex;flex-direction:column;background:#157cce;color:rgba(255,255,255,.85)}.sidebar a{color:rgba(255,255,255,.85)}.sidebar svg{width:20px;height:20px;color:rgba(255,255,255,.85)}.sidebar svg:hover{color:#fff}.sidebar .header{display:flex;justify-content:space-between;align-items:center;height:50px;padding:10px}.sidebar .header h5{font-size:14px;font-weight:500;margin:0;text-transform:uppercase}.sidebar .header .actions{display:flex;justify-content:space-between;align-items:center}.sidebar .header .actions a{display:flex;margin-right:10px}.sidebar ul{overflow-y:auto}.sidebar ul li{margin-bottom:2px}.sidebar ul li a{display:block;padding:2px 10px;font-size:14px;text-decoration:none}.sidebar ul li a.active,.sidebar ul li a:hover{background:rgba(255,255,255,.25)}.sidebar ul li a.unread::before{content:"";display:inline-block;margin-right:8px;height:10px;width:10px;background-color:#f00;border-radius:50%;vertical-align:middle}.sidebar ul li a:before{content:"#";margin-right:2px}.sidebar .profile{display:flex;justify-content:space-between;align-items:center;padding:10px;background:rgba(0,0,0,.1);margin-top:auto}.sidebar .profile a{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.sidebar .profile .btn-sign-out{background:none;border:0;display:flex}.main-content{border-right:1px solid #eee;display:flex;flex-direction:column;overflow:hidden}.main-content svg{width:20px;height:20px}.main-content svg:hover{color:#555}.main-content .header{height:50px;display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #eee}.main-content .header h5{margin:0;font-size:18px}.main-content .header h5:before{content:"#"}.main-content .messages-container{overflow-y:auto;flex-grow:1;padding:10px}.main-content .no-messages-info{position:absolute;top:50%;left:50%;transform:translate(-50%)}.message-item{margin-bottom:12px;display:flex;justify-content:flex-start}.message-item .message-content{font-size:16px;background:#f7f8fa;padding:7px 10px;border-radius:10px;max-width:60%}.message-item .message-content .author{font-size:14px;font-weight:500;margin-right:10px;white-space:nowrap}.message-item .message-content .timestamp{font-size:13px}.message-item .message-content .content{margin-top:2px;line-height:1.4;color:#333}.message-item .message-content .content img{max-width:270px;max-height:270px;object-fit:contain}.message-item .message-content .content i{max-width:150px;max-height:150px}.message-item .message-content .content .post-image{width:200px;border-radius:2px}.message-item .actions svg{width:16px!important;height:16px!important}.ismine{flex-direction:row-reverse}.ismine .message-content{background:#8abde6;color:#fff}.ismine .message-content .content{color:#fff}.ismine .message-info{flex-direction:row-reverse}.ismine .message-info .author{margin-right:0;margin-left:10px}.message-input-container{display:flex;justify-content:space-between;align-items:center;background:#f5f5f5;margin:20px;padding:5px;border-radius:10px;position:relative}.message-input-container input{width:100%;border:0;background:inherit;outline:0;padding:10px 20px}.message-input-container input[type=file]{display:none}.message-input-container .actions{padding:0 10px}.message-input-container .actions svg{color:#aaa;cursor:pointer}.message-input-container .actions svg:hover{color:#555}.message-input-container .actions #btn-show-emojis{margin:0 10px}.message-input-container .emojis-container{max-width:170px;background:#fff;border:1px solid #ddd;border-radius:10px;position:absolute;right:54px;bottom:45px;padding:5px 7px;cursor:default}.message-input-container .emojis-container button{display:inline-flex;padding:5px;border-radius:4px;border:0;background:#fff}.message-input-container .emojis-container button:hover{background:#ddd}.message-input-container .emojis-container button img{width:16px;height:16px}.users-container{display:flex;flex-direction:column}.users-container .header{height:50px;min-height:50px;display:flex;align-items:center;padding:10px;border-bottom:1px solid #eee}.users-container .header h5{margin:0;font-size:18px}#users-list{overflow-y:auto}#users-list li{padding:7px 10px}#users-list li:hover{background:#f2f2f2;cursor:pointer}#users-list .user{display:flex;align-items:center}#users-list .user .user-info{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}#users-list .user .user-info span{display:block;font-size:14px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-container{margin:20px 10px;margin-bottom:30px}.search-container input{width:100%;background:#f5f5f5;font-size:14px;text-indent:25px;padding:7px 10px;border:0;border-radius:5px;outline:0}.search-container svg{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.auth-container{background:#f5f5f5;padding:20px}.auth-container h1{font-size:2rem}.auth-container input[type=radio]{display:none}.auth-container input[type=radio]+img{border-radius:50%;border:2px solid transparent;padding:1px;cursor:pointer}.auth-container input[type=radio]:checked+img{border-radius:50%;border:2px solid #5dca38;padding:1px}.account-manage-page{width:100%;flex-grow:1;max-width:1200px;margin-top:10px}.account-manage-page .form-floating{margin:.5rem 0}.account-manage-page button[type=submit]{margin:.5rem 0}.profile-avatar{display:block;width:96px;height:96px;border-radius:50%;margin:auto}.validation-summary-errors ul{list-style:none;padding-left:0;margin-bottom:.5rem}.field-validation-error{font-size:.875rem}.fs-14{font-size:14px}.fw-500{font-weight:500}a{text-decoration:none}.alert-dismissible-chat{position:fixed;width:500px;right:25px;top:25px;z-index:9999}.form-label{font-size:.875rem;margin-bottom:.375rem;font-weight:500;color:#323e4a}.form-control,.form-select{color:#323e4a;border-color:#dfe5e6;border-radius:.25rem}.form-check{display:flex;align-items:center}.form-check-input{border-color:#dfe5e6;margin-right:8px}form .btn{font-size:.875rem}.card{margin-bottom:25px;border-radius:4px;background:#fff;border:0;box-shadow:0 1px 2px rgba(0,0,0,.1)}.card-body{padding:30px 25px}.modal-header{padding:.5rem 1rem;border-bottom:0}.modal-header .btn-close{background-size:.75rem;margin-right:-.375rem}.modal-body{padding:.75rem 1rem}.modal-footer{padding-top:.5rem;border-top:0}.dropdown-menu{border:1px solid #dfdfdf}.dropdown-divider{border-top:1px solid #dfdfdf}.avatar{display:flex;justify-content:center;align-items:center;border-radius:50%;object-fit:cover;width:32px;height:32px;background:#549d54;color:#fff}.avatar-lg{width:40px;height:40px}.avatar-xl{width:96px;height:96px;font-size:20px}.app{display:flex;height:100%;justify-content:space-between;background-color:#fff}.app .sidebar{width:270px;min-width:270px;background:#003da6}.app .main-content{flex-grow:1}.app .users-container{width:250px;min-width:250px}#expand-users-list,#expand-sidebar{display:none}@media screen and (max-width:768px){.app .sidebar{width:200px;min-width:200px}.app .users-container{width:180px;min-width:180px}}@media screen and (max-width:575.98px){.app .sidebar,.app .users-container{position:fixed;left:0;top:0;width:100%;z-index:1000;overflow:hidden}.app .sidebar{height:60px}.app .sidebar.open{height:100%}.app .main-content{margin-top:60px}.app .users-container{margin-top:60px;height:0;background-color:#fff}.app .users-container.open{height:calc(100% - 60px)}.sidebar .header{min-height:60px}#expand-users-list,#expand-sidebar{display:flex}}