.dropdown-menu{border:.5px solid var(--bs-gray-400)!important}.dropdown-menu .dropdown-item{display:flex;align-items:center;gap:.5rem;padding-left:12px;color:var(--bs-gray-dark)}.dropdown-menu .dropdown-item:focus{background-color:transparent}.dropdown-menu .dropdown-item:disabled i,.dropdown-menu .dropdown-item:disabled span{color:var(--bs-gray-600)!important}.dropdown-menu .dropdown-item i{color:#7b809a}.dropdown-menu .dropdown-item span{color:var(--bs-gray-dark)!important}body.dark-version .dropdown-menu{background-color:#202940;border:.5px solid var(--bs-gray-dark)!important}body.dark-version .dropdown-menu .dropdown-item span{color:#fff!important}body.dark-version .dropdown-menu .dropdown-item:focus{background-color:transparent}body.dark-version .dropdown-menu .dropdown-item:hover{background-color:var(--bs-gray-dark)}a:hover{color:#000}.blur-text{color:transparent!important;text-shadow:0 0 .5rem black!important;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}body.dark-version .blur-text{color:transparent!important;text-shadow:0 0 .5rem white!important}button:disabled{cursor:not-allowed;pointer-events:all!important;color:gray!important}.card{height:80vh}.custom-scrollbar-1::-webkit-scrollbar{width:20px}.custom-scrollbar-1::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:20px;border:6px solid transparent;background-clip:content-box;cursor:pointer}.custom-scrollbar-1::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}body.dark-version .custom-scrollbar-1::-webkit-scrollbar-thumb{background-color:#dcdcdc99}body.dark-version .custom-scrollbar-1::-webkit-scrollbar-thumb:hover{background-color:#b4b4b499}.user-details{display:flex;flex-direction:row;align-items:start;gap:.5rem;width:100%;cursor:pointer}.user-details .user-pfp{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.user-details .user-info-header{display:flex;flex-direction:row;gap:.5rem}.user-details .user-info .user-info-header .user-title{font-size:larger;font-weight:400;color:#000;margin:0;text-wrap-mode:nowrap}.user-details .user-info .user-info-header .user-title.bold-title{font-weight:600}.user-details .user-info-header .bluecheck{width:25px;height:25px}.page-container{display:flex;flex-direction:row;gap:.5rem;width:100%;height:100%;padding:1rem}.page-container .chats-list-card{flex:1;display:flex;flex-direction:column;max-width:300px;overflow-x:hidden;overflow-y:auto}.page-container .chats-list-card .chats-list-card-heading{padding:1.35rem 4rem;margin:0}.page-container .chats-list-card hr{background-color:var(--bs-gray-dark);margin-top:0}body.dark-version .page-container .chats-list-card hr{background-color:var(--bs-gray)}.page-container .chats-list-card .chats-list{flex:1;display:flex;flex-direction:column;max-width:300px;overflow-x:hidden;overflow-y:auto}.page-container .chats-list .user-details{padding:.5rem}.page-container .chats-list .user-details:hover,.page-container .chats-list .user-details.active{background-color:var(--bs-gray-300)}.page-container .chats-list .user-details.active:hover{background-color:var(--bs-gray-400)}body.dark-version .page-container .chats-list .user-details:hover,body.dark-version .page-container .chats-list .user-details.active,body.dark-version .page-container .chats-list .user-details.active:hover{background-color:var(--bs-gray-800)}.page-container .messages-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.page-container .messages-container .chat-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem;width:100%;background-color:transparent;padding:1rem;padding-bottom:0}.page-container .messages-container .chat-header .chat-header-info{display:flex;flex-direction:row;align-items:center;gap:1.5rem;width:-moz-fit-content;width:fit-content;background-color:transparent;padding:0}.page-container .messages-container hr{margin-block:.5rem;background-color:var(--bs-gray-dark)}body.dark-version .page-container .messages-container hr{background-color:var(--bs-gray)}.page-container .messages-container .chat-header .chat-header-info .btn{display:grid;place-items:center;color:#fff;background-color:#2e4873;padding:.5rem;border-radius:50%;margin:0;aspect-ratio:1/1}.page-container .messages-container .chat-header .btn-group .btn{display:grid;place-items:center;color:#000;background-color:var(--bs-gray-200);padding:.5rem;border-radius:50%;margin:0;aspect-ratio:1/1}.page-container .messages-container .chat-header .chat-header-company-name{transform:translate(-65px)}body.dark-version .page-container .messages-container .chat-header .btn-group .btn{color:#fff;background-color:#2e4873}.page-container .messages-container .chat-body{flex:1;display:flex;flex-direction:column;width:100%;padding-inline:.5rem;overflow:auto}.page-container .messages-container .chat-body .message-block{display:flex;flex-direction:row;width:100%;margin-top:.3rem}.page-container .messages-container .chat-body .message-block .message-contents{display:flex;gap:.5rem;align-items:end;width:-moz-fit-content;width:fit-content;max-width:60%}.page-container .messages-container .chat-body .message-block .message-contents .message-text{display:flex;flex-direction:column;gap:.2rem;line-height:1;padding:.5rem 1rem;border-radius:.8rem}.page-container .messages-container .chat-body .message-block .message-contents .message-text:has(.file-box){padding:1rem}.page-container .messages-container .chat-body .message-block .message-contents .message-text .file-box{display:flex;flex-direction:row;gap:.5rem;align-items:start;justify-content:center;margin-bottom:.5rem}body.dark-version .page-container .messages-container .chat-body .message-block.in-coming .message-contents .message-text{color:#fff}.page-container .messages-container .chat-body .message-block .message-contents .message-text .file-box>span{font-size:larger}.page-container .messages-container .chat-body .message-block .message-contents .message-text .file-box .file-info-container{display:flex;flex-direction:column;gap:.5rem}.page-container .messages-container .chat-body .message-block.out-going .message-contents .message-text .file-box .file-info-container .file-size-label{font-size:12px;color:var(--bs-gray-400)}.page-container .messages-container .chat-body .message-block.in-coming .message-contents .message-text .file-box .file-info-container .file-size-label{font-size:12px;color:var(--bs-gray-800)}body.dark-version .page-container .messages-container .chat-body .message-block.in-coming .message-contents .message-text .file-box .file-info-container .file-size-label{color:var(--bs-gray-400)}.page-container .messages-container .chat-body .message-block.in-coming .message-contents .message-text .file-box .download-file-option{margin-left:.5rem;color:var(--bs-gray-600);padding:.2rem;border:1px solid var(--bs-gray-600);border-radius:50%}body.dark-version .page-container .messages-container .chat-body .message-block.in-coming .message-contents .message-text .file-box .download-file-option{color:var(--bs-gray-400);border:1px solid var(--bs-gray-400)}.page-container .messages-container .chat-body .message-block.in-coming .message-contents .message-text .file-box .download-file-option:hover{color:var(--bs-gray-800);border-color:var(--bs-gray-800)}body.dark-version .page-container .messages-container .chat-body .message-block.in-coming .message-contents .message-text .file-box .download-file-option:hover{color:#fff;border-color:#fff}.page-container .messages-container .chat-body .message-block.out-going .message-contents .message-text .file-box .download-file-option{margin-left:.5rem;color:var(--bs-gray-400);padding:.2rem;border:1px solid var(--bs-gray-400);border-radius:50%}.page-container .messages-container .chat-body .message-block.out-going .message-contents .message-text .file-box .download-file-option:hover{color:#fff;border-color:#fff}.page-container .messages-container .chat-body .message-block .message-contents .message-text .message-time{font-size:.75rem;text-align:end}body.dark-version .page-container .messages-container .chat-body .message-block .message-contents .message-text .message-time{color:var(--bs-gray-100)}.page-container .messages-container .chat-body .message-block .message-contents .user-pfp{width:30px;height:30px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;visibility:hidden}.page-container .messages-container .chat-body .message-block.out-going .message-contents .user-pfp{display:none}.page-container .messages-container .chat-body .message-block.in-coming{justify-content:flex-start}.page-container .messages-container .chat-body .message-block.in-coming .message-contents{flex-direction:row-reverse}.page-container .messages-container .chat-body .message-block .message-contents .message-text p{max-width:50ch}.page-container .messages-container .chat-body .message-block.in-coming .message-contents .message-text p{font-weight:400}body.dark-version .page-container .messages-container .chat-body .message-block.in-coming .message-contents .message-text p{opacity:1!important}.page-container .messages-container .chat-body .message-block.in-coming .message-contents .message-text p a{color:var(--bs-gray-dark)!important}.page-container .messages-container .chat-body .message-block.in-coming .message-contents .message-text p a:hover{font-weight:500!important}.page-container .messages-container .chat-body .message-block.in-coming .message-contents .message-text{color:var(--bs-gray-dark);background-color:var(--bs-gray-200)}body.dark-version .page-container .messages-container .chat-body .message-block.in-coming .message-contents .message-text{background-color:var(--bs-gray-700)}.page-container .messages-container .chat-body .message-block.out-going{justify-content:flex-end}.page-container .messages-container .chat-body .message-block.out-going .message-contents{flex-direction:row}.page-container .messages-container .chat-body .message-block.out-going .message-contents .message-text{color:#fff;background-color:#2e4873}.page-container .messages-container .chat-body .message-block.out-going .message-contents .message-text p,.page-container .messages-container .chat-body .message-block.out-going .message-contents .message-text p a{color:#fff!important;opacity:1!important;font-weight:400!important}.page-container .messages-container .chat-body .message-block.out-going .message-contents .message-text p a:hover{font-weight:600!important}.message-block.in-coming+.message-block.out-going,.message-block.out-going+.message-block.in-coming{margin-top:2rem}.visible-user-pfp{visibility:visible!important}.page-container .messages-container .chat-footer{display:grid;place-items:center;width:100%;background-color:#fff;padding-block:.5rem}body.dark-version .page-container .messages-container .chat-footer{background-color:#202940}.chat-footer .chat-footer-inputs-container{display:flex;flex-direction:row;align-items:center;gap:.5rem;width:100%;padding-inline:1rem}.page-container .messages-container .chat-footer .messages-form{flex:1;display:flex;flex-direction:row;gap:.5rem;min-width:200px;box-shadow:0 0 1rem #00000026;padding:.5rem 1rem;border-radius:25px}body.dark-version .page-container .messages-container .chat-footer .messages-form{background-color:var(--bs-gray-dark);box-shadow:none}.page-container .messages-container .chat-footer .messages-form .message-input{flex:1;border:none;outline:none;background-color:transparent;border-radius:.5rem}body.dark-version .page-container .messages-container .chat-footer .messages-form .message-input{caret-color:var(--bs-gray-300);color:var(--bs-gray-100)}body.dark-version .page-container .messages-container .chat-footer .messages-form .message-input::-moz-placeholder{color:var(--bs-gray-500)}body.dark-version .page-container .messages-container .chat-footer .messages-form .message-input:-ms-input-placeholder{color:var(--bs-gray-500)}body.dark-version .page-container .messages-container .chat-footer .messages-form .message-input::placeholder{color:var(--bs-gray-500)}.page-container .messages-container .chat-footer .btn{display:grid;place-items:center;aspect-ratio:1/1;color:#fff;background-color:#2e4873;padding:.6rem;border-radius:25%;margin:0}.page-container .messages-container .chat-footer .btn>span{font-size:large}.page-container .messages-container .chat-footer .btn>span:last-child{transform:translate(.1rem)}.page-container .messages-container .chat-footer .btn:has(input:disabled){opacity:.6;cursor:not-allowed}.no-chats-ui{display:flex;align-items:center;flex-direction:column;width:100%;padding:2rem}.no-chats-heading,.no-chats-para{width:-moz-fit-content;width:fit-content;max-width:500px;text-wrap:pretty;text-align:center}.date-separator{position:relative;width:100%;margin-block:2rem}.date-separator .separator-text{position:absolute;top:50%;left:50%;font-style:italic;background-color:#fff;padding-inline:.5rem;transform:translate(-50%,-50%);z-index:10}body.dark-version .date-separator .separator-text{background-color:#202940}.no-chats-label{display:flex;flex-direction:column;align-items:center;gap:.1rem;width:100%;margin-top:2rem}.no-chats-label span,.no-chats-label h4,.no-chats-label p{width:-moz-fit-content;width:fit-content}.no-chats-label span{font-size:xx-large;color:#2e4873}body.dark-version .no-chats-label span{color:var(--bs-gray-200)}#hover-dropdown-toggle>span{color:#000}body.dark-version #hover-dropdown-toggle>span{color:#f0f8ff}#hover-dropdown-toggle:hover+#hover-dropdown{display:block;position:absolute;inset:0px 0px auto auto;margin:0;transform:translate3d(-175.833px,0,0)}#hover-dropdown:hover{display:block;position:absolute;inset:0px 0px auto auto;margin:0;transform:translate3d(-175.833px,0,0)}#chat-header-user{align-items:center}#topnav-brand-logo{width:75px;display:none}#bottom-nav{position:fixed;left:0;bottom:0;display:none;flex-direction:row;justify-content:space-evenly;align-items:center;z-index:1000;width:100%;background-color:#1a2035;padding:1rem .5rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem}#bottom-nav .bottom-nav-item{font-size:2rem;color:#ced4da}#bottom-nav .bottom-nav-item.active{color:#fff;font-weight:900!important}#bottom-nav .bottom-nav-item:nth-child(4){font-size:2.5rem}#bottom-nav .bottom-nav-item:hover{color:#fff}.hidden-on-desktop.hidden-on-desktop{display:none!important}#chat-app.page-container>.card{flex-basis:100%!important;transition:flex-basis .3s ease-out}@media screen and (orientation: portrait) and (max-height: 800px){.page-container .chats-list-card{max-height:74dvh!important}.page-container .messages-container{height:85dvh!important}}@media screen and (orientation: portrait) and (max-height: 1024px) and (min-height: 800px){.page-container .chats-list-card{max-height:88dvh!important}.page-container .messages-container{height:88dvh!important}}@media screen and (max-width: 768px){.navbar.navbar{margin:0!important}.navbar.navbar>.container-fluid{padding-block:0!important}.navbar.navbar>.container-fluid #navbar{margin:0!important}.navbar.navbar>.container-fluid #topnav-brand-logo{display:block}.navbar.navbar>.container-fluid #autocomplete-container,.navbar.navbar>.container-fluid #topnav-create-btn,.navbar.navbar>.container-fluid #topnav-aside-trigger,.navbar.navbar>.container-fluid #dropdownMenuButton.notify{display:none!important}.navbar.navbar>.container-fluid a.btn{margin-bottom:0!important;scale:90%}.navbar.navbar>.container-fluid li.nav-item{padding:0!important}#bottom-nav{display:flex}.mobile-padding-inline-zero{padding-inline:0!important}.hidden-on-desktop.hidden-on-desktop{display:flex!important}#no-chats-ui,#chat-app{margin-top:.5rem!important}#no-chats-ui .messages-container{display:none!important}.page-container .messages-container .chat-body .message-block .message-contents .message-text p{max-width:20ch}#chat-body-rooms-container{height:78vh!important}}@media screen and (max-width: 1024px){.page-container{padding:0!important}.page-container .chats-list-card,.page-container .chats-list-card .chats-list,.page-container .messages-container{max-width:none!important}#chat-app.page-container .chat-body-card-mobile-hidden{flex-basis:0%!important}.page-container .chats-list-card-heading{padding:1rem!important}.page-container .messages-container .chat-header .chat-header-info{gap:.5rem!important}.page-container .messages-container .chat-header .chat-header-info #chat-header-back-button{display:grid!important;padding:.5rem!important;background-color:#2e4873!important;color:#fff!important;width:40px!important;aspect-ratio:1/1!important;font-size:xx-large!important;scale:.9!important}.page-container .messages-container .chat-header #chat-header-company-link{display:none!important}.page-container .messages-container .chat-header .btn-group .btn{scale:.9!important}.page-container .messages-container .chat-header .btn-group #hover-dropdown{transform:translate(-170px)!important}.page-container .messages-container .chat-body .message-contents{max-width:80%!important}.page-container .messages-container .chat-footer #blocked-message{text-align:center;padding-inline:1rem}.page-container .messages-container .chat-footer .chat-footer-inputs-container>.btn{scale:.9!important}.page-container .messages-container .chat-footer .chat-footer-inputs-container .messages-form{padding:.2rem .2rem .2rem .8rem!important}.page-container .messages-container .chat-footer .chat-footer-inputs-container .messages-form>.btn{scale:.9!important}}
