.main{display:flex;flex-direction:column;justify-content:space-between;align-items:center}*{box-sizing:border-box}html{height:100%}body{margin:0;padding:0;text-align:left}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{color:#666;font-size:16px;line-height:27px;font-family:Nunito,sans-serif;text-transform:none;background-color:#fff}body.gray{background-color:#fbfbfb}a{color:inherit;text-decoration:none}p,span{color:#888}ul{list-style:none;padding:0;margin:0}i{font-style:normal}a i,button i{display:flex;align-items:center;justify-content:center}button{border:none;background:transparent}.NavBar{position:relative;z-index:999;padding:0;box-shadow:0 0 18px 0 rgba(0,0,0,.12);font-size:16px;height:82px;background-color:#fff;max-width:100%;width:100%}.NavBar .Nav-container{gap:2%;margin:0}.NavBar .Nav-container .LOGO{border-right:1px solid #e0e0e0;padding:1.8% 5% 1.8% 3%}.NavBar .Nav-container .LOGO :hover,.NavBar .Nav-container .notification i{cursor:pointer}.NavBar .Nav-container .notification i svg{width:1.4em;height:1.4em;color:#000}.NavBar .Nav-container .notification i span{background-color:#8500ea;color:#fff;display:inline-block;height:19px;width:19px;line-height:19px;text-align:center;font-size:11px;border-radius:50%;position:relative;font-weight:700;right:33px;top:8px}.NavBar .Nav-container .notification .userPIC{margin:15%}.NavBar .Nav-container .notification .userPIC:after{position:absolute;content:"";height:12px;width:12px;background-color:#38b653;bottom:20px;right:40px;display:block;border:2px solid #fff;box-shadow:0 2px 3px rgba(0,0,0,.3);border-radius:50%}.notification-container{box-shadow:0 2px 12px 0 rgba(0,0,0,.12);border:none!important;max-width:360px!important}.notification-container .popover-arrow:before{display:none!important}.notification-container .popover-arrow:after{border-bottom-color:#d7d7d7!important}.notification-container .notification-head{background-color:#fff;height:60px;display:grid;align-items:center;border-bottom:none}.notification-container .notification-head span{color:#333;font-size:16px}.notification-container .notification-head:before{display:none!important}.notification-container .notification-head .MarkRead{border:none;background-color:transparent;justify-self:end;position:absolute;height:32px;width:32px;line-height:15px}.notification-container .notification-head .MarkRead:hover{background-color:#f2f2f2;color:#888;border-radius:4px}.notification-container .notification-item{display:flex;align-items:center;height:120px;min-width:360px;padding:3%;border-top:1px solid #e6e6e6;cursor:pointer}.notification-container .notification-item:hover{background-color:#fafafa}.notification-container .notification-item p{margin:0;padding:3%}.notification-container .notification-item .notification-icon{margin:2%;padding:3%;background-color:#f2f2f2;border-radius:5px}.notification-container .notification-img{margin:2%;padding:3%;border-radius:5px;display:flex;align-items:center}.notification-container .notification-img img{width:15%;image-rendering:-webkit-optimize-contrast;border-radius:50%}.notification-container .notification-img .status{position:relative}.notification-container .notification-img .status:after{position:absolute;content:"";height:12px;width:12px;left:-10px;border:2px solid #fff;box-shadow:0 2px 3px rgba(0,0,0,.3);border-radius:50%}.notification-container .notification-img .status.online:after,.notification-container .notification-img .status.userOnline:after{background-color:#38b653}.notification-container .notification-img .status.offline:after,.notification-container .notification-img .status.userOffLine:after{background-color:silver}.notification-container .notification-img .status.offline:after,.notification-container .notification-img .status.online:after{top:10px}.notification-container .notification-img .status.userOffLine:after,.notification-container .notification-img .status.userOnline:after{top:9px}.notification-container .notification-img .user-info{margin-left:10px}.notification-container .ViewAllMessages{cursor:pointer;border-radius:0 0 4px 4px;font-weight:600;color:#fff;font-size:14.7px;padding:12px 16px;background-color:#8500ea;width:100%;display:block;text-align:center;transition:.3s;position:relative}.notification-container .ViewAllMessages .ViewArrow{position:absolute;top:50%;transform:translateY(-50%);width:0;opacity:0;transition:width .3s ease,opacity .3s ease}.notification-container .ViewAllMessages:hover .ViewArrow{width:8%;height:30px;opacity:1}.tooltip-inner{background-color:#333;color:#f9f9f9}.statusSwitch{background-color:#eee;width:100%;display:block;border-radius:4px;height:36px;padding:0;position:relative;zoom:1;margin-top:20px}.statusSwitch:after,.statusSwitch:before{content:" ";display:table}.statusSwitch label{float:left;width:50%;position:relative;z-index:2;line-height:36px;cursor:pointer;color:#888;font-size:14.7px;text-align:center;transition:.3s;margin:0}.statusSwitch label.currentStatus{color:#fff}.statusSwitch span.statusIndicator{position:relative;z-index:1;top:0;left:0;width:50%;height:100%;display:block;border-radius:4px 0 0 4px;background-color:#38b653;box-shadow:0 0 5px 1px rgba(56,182,83,.3);transition:all .4s cubic-bezier(.3,-.41,.19,1.3),background-color .2s linear}.statusSwitch span.statusIndicator.right{left:50%;border-radius:0 4px 4px 0;background-color:#333;box-shadow:none;color:#fff}.snackbar{visibility:visible;min-width:250px;background-color:#383838;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px;transform:translateX(-50%);font-size:17px}.header-nav{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 20px}.header-nav .LOGO{width:200px}.header-nav .header-nav-right{display:flex;flex-direction:row;align-items:center;gap:15px;font-size:28px}.header-nav .header-nav-right .language-toggle{color:#8500ea!important;border:none!important;background:none!important;padding:0!important;font-size:28px}.header-nav .header-nav-right .language-toggle:focus,.header-nav .header-nav-right .language-toggle:hover{color:#8500ea!important;background:none!important;border:none!important;box-shadow:none!important}.header-nav .header-nav-right .language-toggle:after{display:none}.header-nav .header-nav-right .language-menu{min-width:120px;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:8px 0}.header-nav .header-nav-right .language-menu .language-option{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;color:gray;font-weight:500;border:none;background:none}.header-nav .header-nav-right .language-menu .language-option:hover{background-color:#f8f5ff;color:#8500ea!important}.header-nav .header-nav-right .language-menu .language-option.active{color:gray}.header-nav .header-nav-right .language-menu .language-option .check-icon{color:#8500ea;font-size:16px}.header-nav .header-nav-right .language-menu .language-option span{color:inherit}.header-nav img{width:100%;height:auto}.header-nav .dropdown button{border:none;background:transparent;padding:0}.header-nav .dropdown button.active,.header-nav .dropdown button:hover{background:transparent}.header-nav .dropdown button .message-photo{width:45px;height:45px}.header-nav .dropdown .dropdown-menu{width:160px;padding:5px}.header-nav .dropdown .dropdown-menu a{display:flex;align-items:center;color:#666}.header-nav .dropdown .dropdown-menu a span{padding-left:5px}.header-nav .message-photo{border-radius:50%;overflow:hidden}.header-nav .message-photo img{width:100%;height:auto}.header-nav .user-info{display:flex;align-items:center;padding-bottom:10px;border-bottom:1px solid #ccc;margin-bottom:10px}.header-nav .user-info .user-info-content{position:relative;display:flex;align-items:center;width:100%;padding:10px 15px 0;overflow:hidden}.header-nav .user-info .user-info-content .message-photo{width:35px;height:35px;overflow:unset}.header-nav .user-info .user-info-content .message-photo img{border-radius:50%}.header-nav .user-info .user-info-content .status-icon{position:absolute;right:-5px;bottom:0}.header-nav .user-info p{margin-bottom:0;font-size:15px;margin-left:10px}.dropdown>button.active{background:transparent}.dropdown>button:after{display:none}.dropdown .dropdown-menu{background:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.15);border:none;padding:.5rem;min-width:120px;border-radius:8px}.dropdown .dropdown-menu a{color:#333;font-size:16px;line-height:18px;padding:8px 16px;font-weight:400}.dropdown .dropdown-menu a button{padding:0;background:transparent;border:none;color:#333;font-size:16px}.dropdown .dropdown-menu a.active,.dropdown .dropdown-menu a.focus,.dropdown .dropdown-menu a:hover{background:#8500ea;border-color:#8500ea;color:#fff}.dropdown .dropdown-menu .dropdown-item:focus,.dropdown .dropdown-menu .dropdown-item:hover{background:#f5f2ff;color:#8500ea}.button-style1{padding:3px;margin-left:.5rem;width:30px;height:30px;color:#9ca3af;background:none;border-radius:50%;border:1px solid #9ca3af;display:flex;align-items:center;justify-content:center}.button-style1.active,.button-style1:hover{background:#8500ea;border-color:#8500ea;color:#fff}.button-style1.dropdown-toggle:after{display:none}.button-style3{padding:3px;margin-left:.5rem;width:30px;height:30px;border:none;display:flex;align-items:center;justify-content:center;font-size:30px;color:#9ca3af;background:none}.button-style3 .inactive{color:#9ca3af;background:none;border:1px solid #9ca3af}.button-style3.active{background:transparent!important;border:none!important;color:#a480ff!important}.button-style3:hover{background-color:transparent!important;color:#a480ff!important}.button-style2{padding:3px;margin-left:.5rem;width:30px;height:30px;color:#9ca3af;background:none;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center}.button-style2.active,.button-style2:hover{background:transparent;border-color:transparent;color:#fff}.button-style2.dropdown-toggle:after{display:none}.input-style{height:48px;line-height:48px;padding:0 20px;outline:none;margin:0 0 16px;max-width:100%;width:100%;box-sizing:border-box;display:block;border-radius:4px;border:1px solid #e0e0e0;box-shadow:0 1px 4px 0 rgba(0,0,0,.05)}.container{max-width:100%!important;display:flex;justify-content:center;align-items:start}.container a,.container h1,.container h2,.container h3,.container h4,.container h5,.container i,.container p,.container span{line-height:1.4}.container h1{font-size:32px}.container h2{font-size:26px}.container h3{font-size:22px}.container h4{font-size:16px}.container h5{font-size:14px}.container a,.container i,.container p,.container span{font-size:15px}.container a{color:#8500ea}.container img{width:100%;border-radius:10px;max-width:600px}.container button{display:flex;align-items:center;justify-content:center}.container button.dropdown-toggle:after{display:none}.container button.active,.container button:hover{background:#8500ea;border-color:#8500ea;color:#fff}.container button.close-operate{background:transparent}.container button.close-operate:hover{color:#8500ea}.dashboard-container{display:flex;width:100%;flex-wrap:wrap}.content{flex:1 1;background-color:#fafafa;overflow:auto;z-index:99}.content,.content .inner{padding:0;position:relative;overflow:hidden}.content .inner{height:100%;display:flex}.messages{height:100%;background:none;box-shadow:none;margin:0;flex-grow:1}.messages .messagesInner{display:flex;height:94vh;min-height:450px;border-radius:15px;background:#fff;overflow:hidden;border:1px solid #eee}.ad .ad-box{padding:0 1rem 0 1.5rem}.ad .ad-box a{display:block}@media(max-height:300px){.ad img{height:100vh;max-height:100vh}}.directionBox{padding:2rem 1rem;border-right:1px solid #e3e8e7;position:relative}.directionBox .directionContent div{margin-bottom:40px}.directionBox .directionContent div img{width:55px}.directionBox .directionContent div ul{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.directionBox .directionContent div ul.another-btn{position:absolute;left:calc(50% - 10px);bottom:1rem}.directionBox .directionContent div ul li{margin-bottom:4vh}.directionBox .directionContent div ul li a,.directionBox .directionContent div ul li button{color:#333;font-size:18px;padding:0;font-size:21px}.directionBox .directionContent div ul li.logout-btn{transform:rotate(180deg)}.chatBox{display:flex;width:100%}.chatBox .chatBoxInbox{position:relative;max-width:max-content;flex-grow:2;flex:1 1;overflow:hidden;border-right:1px solid #e3e8e7;min-width:300px}.chatBox .message-content{min-width:auto;display:flex;flex-direction:column;flex-grow:3;flex:1 1;border-right:1px solid #e3e8e7;background:#eef1f1;overflow:hidden}.chatBox .message-content .message-content-inner{background:#eef1f1;width:100%;overflow-y:scroll;padding:0;flex-grow:1;scrollbar-width:none;-ms-overflow-style:none}.chatBox .message-content .message-content-inner::-webkit-scrollbar{display:none}.chatBox .message-content .message-content-inner.loading{display:flex;align-items:center;justify-content:center}.chatBox .message-content .message-content-inner .content-list{padding:.5rem 1.5rem;position:relative}.chatBox .message-content .message-content-inner .content-list .isLoading{z-index:9999;opacity:20%;background-color:#d3d3d3}.chatBox .message-content .message-content-inner .content-list .loading{position:absolute;width:100%;height:99%;z-index:9999}.chatBox .message-content .message-content-inner .content-list .loading .typing-indicator{position:-webkit-sticky;position:sticky;display:flex;align-items:center;justify-content:center;top:25%}.chatBox .message-content .message-content-inner .content-list .message-box.replying{position:-webkit-sticky;position:sticky;bottom:0;z-index:9999;background:transparent;padding:0;margin:0 0 .5rem}.chatBox .message-content .message-content-inner .content-list .message-box.replying .message-box-inside{padding-left:0;max-width:-moz-fit-content;max-width:fit-content}.chatBox .message-content .message-content-inner .content-list .message-box.replying .message-text{padding:.5rem .75rem}.chatBox .message-content .message-content-inner .content-list .message-box.replying .message-photo{position:relative;bottom:auto}.chatBox .message-content.disabled{pointer-events:none;opacity:.5;filter:grayscale(100%)}.chatBox .chatBoxHead{display:flex;justify-content:space-between;align-items:center;height:48px;padding:15px;border-color:#e3e8e7;border-bottom:none;max-height:82px;font-size:16px;margin:0;color:#333;background-color:#fff;border-radius:4px 4px 0 0;position:relative}.chatBox .chatBoxHead.search{height:auto}.chatBox .chatBoxHead h4{font-size:18px;font-weight:700;display:inline-flex;align-items:center;line-height:0;color:#333;padding:6px 0;margin:0}.chatBox .chatBoxHead .operate-item{display:inline-flex}.chatBox .chatBoxHead .markBox{position:relative;display:flex;align-items:center;justify-content:center}.chatBox .chatBoxHead .markBox button .dropdown-toggle:after,.chatBox .chatBoxHead .markBox>a .dropdown-toggle:after{display:none}.chatBox .chatBoxHead .markBox .listTit{display:flex;border-bottom:2px solid #e3e8e7;width:100%;border-radius:4px}.chatBox .chatBoxHead .markBox .listTit span{position:relative;color:#333;font-weight:600;padding:0 12px}.chatBox .chatBoxHead .select{background:#fff;position:absolute;top:35px;right:0;padding:10px;font-size:13px;z-index:9;box-shadow:0 2px 6px 0 rgba(0,0,0,.15);cursor:pointer;min-width:120px;border-radius:8px;display:none}.chatBox .chatBoxHead .select ul{width:100%;overflow-y:unset;height:calc(100% - 160px);list-style:none;padding:0;margin:0;max-height:875px}.chatBox .chatBoxHead .select ul li{padding:0 10px;background:#fff;color:#888;transition:.2s;position:relative;cursor:pointer}.chatBox .chatBoxHead .select ul li>a{padding:0;margin:0;position:static;display:block;border:none;color:#333}.typing-indicator .spinner-grow-sm{width:10px;height:10px;margin:0 2px}.typing-indicator .spinner-grow-sm:nth-child(2){animation-delay:.2s}.typing-indicator .spinner-grow-sm:last-child{animation-delay:.4s}.chatBoxHead.search .searchBox{width:100%}.chatBoxHead.search .searchBox .searchBoxContent{position:relative}.chatBoxHead.search .searchBox .searchBoxContent .input-with-icon{width:100%}.chatBoxHead.search .searchBox .searchBoxContent .input-with-icon i,.chatBoxHead.search .searchBox .searchBoxContent .input-with-icon svg{position:absolute;right:auto;left:10px;z-index:9;top:calc(50% - 8px)}.chatBoxHead.search .searchBox .searchBoxContent .input-with-icon input{position:relative;font-size:14px;height:2.3rem;padding:5px 5px 5px 35px;background-color:transparent;box-shadow:none;border:1px solid #e3e8e7;border-radius:20px;margin:0;width:100%}.chatBoxHead.search .searchBox .searchBoxContent .btn.show{background:#8500ea}.chatBoxHead.search .searchBox .searchBoxContent .btn.show:hover{color:#fff}.chatBoxHead.search .tag{margin-top:5px;display:flex;flex-wrap:wrap;max-width:20vw;gap:8px}.chatBoxHead.search .tag .tagItem{font-size:13px;background:#eee;padding:5px 8px;border-radius:4px;display:flex}.chatBoxHead.search .tag .tagItem:hover{color:#8500ea}.chatBoxHead.partner{height:auto}.chatBoxHead.partner .partner-info{display:flex;align-items:center}.chatBoxHead.partner .partner-info .back-list{margin-left:0;margin-right:.5rem;padding:0;color:#9780ff;border:none;display:none}.chatBoxHead.partner .partner-info .back-list:hover{background:transparent}.chatBoxHead.partner .partner-info .message-photo img{width:48px;height:48px}.chatBoxHead.partner .partner-info h4{padding-left:1rem}.chatBoxHead.partner .partner-info h4 button{border:none;margin-left:0}.chatBoxHead.partner .partner-info h4 button:hover{color:#8500ea;background:transparent}.chatBoxHead.partner .partner-info h5{padding-left:1rem;margin:0;position:relative}.chatBoxHead.partner .partner-info h5 .status-icon{position:static;box-shadow:none}.chatBoxHead.partner .partner-info h5 .status-icon.status-online{display:flex;align-items:center}.chatBoxHead.partner .open-personal-pop{display:none}.filterBox{position:absolute;right:.5rem;top:0}.filterBox .filterBtn,.filterBox button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#9ca3af;background:none;border-radius:50%;border:1px solid transparent;padding:3px;margin-left:.5rem;margin-top:2px}.listContent ul.nav{margin-bottom:.5rem;display:none}.listContent ul.nav button{border:0;border-bottom:2px solid #e3e8e7;color:#333;background:transparent}.listContent ul.nav button.active,.listContent ul.nav button:hover{border-bottom:3px solid #8500ea;color:#9780ff}.listContent .tab-content{height:100%}.message-list{overflow-y:auto;height:300px;width:100%;list-style:none;padding:0}.message-list .no-messages{text-align:center;padding:12px 0;font-style:italic}@media(min-height:450px){.message-list{height:calc(100vh - 200px)}}.message-list::-webkit-scrollbar{width:3px;background-color:#f5f2ff}.message-list::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px #eef1f1;background-color:#f5f2ff}.message-list::-webkit-scrollbar-thumb{background-color:#8500ea}.message-list .ChatMessage-loader{display:flex;justify-content:center;padding:16px 0}.message-list .ChatMessage-spinner{width:20px;height:20px;border:2px solid rgba(164,128,255,.2);border-top-color:#a480ff;border-radius:50%;animation:chatMessageLoaderSpin .8s linear infinite}@keyframes chatMessageLoaderSpin{to{transform:rotate(1turn)}}.message-list .end-indicator,.message-list .loading-indicator{display:flex;justify-content:center;align-items:center;padding:12px 0;list-style:none}.message-list .end-indicator .end-text,.message-list .end-indicator .loading-text,.message-list .loading-indicator .end-text,.message-list .loading-indicator .loading-text{color:#666;font-size:14px;font-style:italic}.message-list .loading-indicator .loading-text{color:#8500ea}.message-list>li{transition:.2s;position:relative;cursor:pointer}.message-list>li:hover{background:#f5f2ff}.message-list>li:hover .message-item .message-origin .message-origin-detail .markAction .dropdown{opacity:1}.message-list>li:hover .message-item .message-origin .message-origin-detail .markAction .dropdown button{background:#8500ea;border-color:#8500ea;color:#fff}.message-list>li .message-item{position:relative;display:flex;align-items:center;padding:15px 0;margin:0 15px;border-bottom:1px solid #e3e8e7}.message-list>li .message-item .message-origin{margin-left:1rem;width:100%}.message-list>li .message-item .message-origin .message-last-post{max-width:13vw;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.message-list>li .message-item .message-origin .message-origin-detail{display:flex;align-items:center;margin-bottom:.5rem}.message-list>li .message-item .message-origin .message-origin-detail h4{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:120px}.message-list>li .message-item .message-origin .message-origin-detail .markAction{position:absolute;top:1rem;right:1rem;font-size:14px;display:flex;align-items:center;justify-content:center}.message-list>li .message-item .message-origin .message-origin-detail .markAction .dropdown{width:14px;height:14px;position:absolute;right:-7px;top:-7px;opacity:0}.message-list>li .message-item .message-origin .message-origin-detail .markAction .dropdown button{position:absolute;right:0;top:0}.message-list>li.active-message,.message-list>li.active-message:hover{background:#f5f2ff!important}.message-photo{position:relative;width:max-content}.message-photo img{width:60px;height:60px}.message-photo .message-check-item.multi-select{opacity:1}.message-photo .message-check-item{width:60px;height:60px;position:absolute;left:0;top:0;background:#eef1f1;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0}.message-photo .message-check-item input{height:24px;width:24px;border:2px solid #9780ff;background-color:transparent;padding:0}.message-photo .message-check-item input:checked{background-color:#8500ea;border-color:#8500ea}.message-photo .message-check-item label{position:relative;cursor:pointer;padding-left:30px;line-height:25px}.message-photo .message-check-item label span{content:"";background-color:transparent;border:2px solid #9780ff;height:24px;width:24px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin:0;border-radius:4px;transition:.3s;position:absolute;left:calc(50% - 12px);top:calc(50% - 9px)}.status-icon{position:absolute;content:"";height:12px;width:12px;background-color:silver;bottom:0;right:0;display:block;border:2px solid #fff;box-shadow:0 2px 3px rgba(0,0,0,.3);border-radius:50%;z-index:9}.status-icon.status-online{background-color:#38b653}.status-icon .status-icon-text{position:absolute;width:100px;background:transparent;left:2rem;top:-5px;font-style:normal}.message-mark,.message-mark-container{display:flex;align-items:center;justify-content:end}.message-mark{min-height:27px;padding-right:1rem}.message-mark span{font-size:18px;margin-left:.5rem;color:#9780ff;display:none}.message-mark .markstar.active,.message-mark .mute.active,.message-mark .read.active{display:block}.message-mark .unread{align-items:center;padding:3px;border-radius:20px;background:#d00;color:#fff;font-size:12px;display:none;text-align:center;min-width:23px}.message-mark .unread.active{display:inline-block}.mark-box{position:relative;display:flex;align-items:center;justify-content:center}.mark-box a{color:#9ca3af}.message-box{position:relative;display:flex;margin-bottom:1.5rem;padding:0 .5rem}.message-box.user{flex-direction:row-reverse}.message-box.user .message-box-inside{padding-left:0;padding-right:3rem}.message-box.user .message-box-inside .message-time-and-reactions{display:flex;justify-content:space-between}.message-box.user .message-box-inside .message-text{background:#cbbfff;border-radius:20px 20px 0 20px;color:#333}.message-box.user .message-box-inside .message-text:hover{background:#beb0ff}.message-box.user .message-box-inside .message-text p{color:#fff}.message-box.user .message-box-inside .message-text .emoticon-box button{background:#beb0ff}.message-box.user .message-box-inside h4{justify-content:end}.message-box.user .message-box-inside h4 .message-time{flex-direction:row-reverse}.message-box.user .message-box-inside .emoji-response{display:flex}.message-box.user .message-box-inside .emoji-response ul li.emoticon-box{right:auto;left:-30px}.message-box.user .message-box-inside .emoji-response ul li.emoticon-box button{background:#beb0ff}.message-box.user .message-box-inside .emoji-response ul li.emoticon-box button:hover{background:#8500ea}.message-box .MessageFileIcon{width:100%;min-width:100px;background:#fff;display:flex;align-items:center;justify-content:flex-start;border-radius:10px;transition:background-color .2s ease}.message-box .MessageFileIcon:hover{background:#f8f9fa}.message-box .MessageFileIcon .fileIcon{color:#fff;background-color:#8500ea;width:60px;height:60px;padding:14px;border-radius:10px 0 0 10px}.message-box .MessageFileIcon p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:15vw;max-width:250px}.message-box.replying .message-photo{bottom:0}.message-box .message-photo{position:absolute;bottom:28px}.message-box .message-photo img{width:36px;height:36px}.message-box .message-box-inside{padding-left:3rem;position:relative;max-width:75%}.message-box .message-box-inside .message-time-and-reactions{display:flex;justify-content:space-between}.message-box .message-box-inside .message-text{position:relative;z-index:1;padding:1.2rem;background:#fff;border-radius:20px 20px 20px 0;min-width:auto}.message-box .message-box-inside .message-text:hover{background:#f5f2ff}.message-box .message-box-inside .message-text:hover .emoticon-box{opacity:1}.message-box .message-box-inside .message-text .emoticon-box{position:absolute;left:0;right:auto;bottom:-2.2rem;border-radius:20px;transition:all .5s ease-in-out}.message-box .message-box-inside .message-text .emoticon-box .btn:hover{background-color:#f5f2ff;color:#8500ea}.message-box .message-box-inside .message-text .message-file-img{border-radius:10px;overflow:hidden;border:1px solid #e3e8e7;display:flex;width:100%;height:100%;max-width:250px;max-height:250px}.message-box .message-box-inside .message-text .message-file-img img{width:100%}.message-box .message-box-inside .message-text .message-file-img .icon-pic{width:4rem;background:#8500ea;display:flex;align-items:center;justify-content:center}.message-box .message-box-inside .message-text .message-file-img .icon-pic i,.message-box .message-box-inside .message-text .message-file-img .icon-pic svg{color:#fff;font-size:28px}.message-box .message-box-inside .message-text .message-file-img .file-info{padding:.5rem}.message-box .message-box-inside .message-time{display:flex;font-size:16px;margin-top:5px}.message-box .message-box-inside .message-time .read{display:flex;align-items:center;padding:0 5px;color:#9780ff}.emoticon-box{transition:all .5s ease-in-out;box-shadow:0 2px 2px rgba(0,0,0,.05)}.emoticon-box button{background:#f5f2ff;color:#8500ea;padding:5px;border-radius:20px;border:none}.emoticon-box button:hover{color:#fff;background-color:#8500ea}.beginning-line,.day-line,.unread-line{position:relative;display:flex;align-items:center;justify-content:center}.beginning-line:before,.day-line:before,.unread-line:before{content:"";width:100%;height:1px;background:#ccc;display:block;position:absolute;top:50%;left:0}.beginning-line span,.day-line span,.unread-line span{position:relative;padding:15px;background:#eef1f1;font-size:12px;font-weight:700}.top-20{top:20%!important;cursor:pointer}.btm-20{bottom:20%!important;cursor:pointer}.news-tip{position:-webkit-sticky;position:sticky;top:80%;z-index:11;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.news-tip a{padding:3px 10px;background:#9780ff;color:#fff!important;font-weight:700;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.emoji-response{display:flex}.emoji-response ul{display:inline-flex;position:relative}.emoji-response ul li{color:#9ca3af;padding:0 3px;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}.emoji-response ul li:hover{color:#8500ea}.emoji-response ul li.emoticon-box{position:absolute;top:-10px;right:-5px;left:auto;z-index:9;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;border:none;border-radius:20px}.emoji-response ul li span{font-size:18px}.replay-content{border-radius:20px;background:#fff;margin:0 1rem 1rem;display:flex;flex-direction:column;justify-content:flex-end}.replay-content.expanded{height:50%}.replay-content.expanded .message-reply{height:60vh}.replay-content.expanded .message-reply.expanded{height:93%}.file-reply{border-top:1px solid #e3e8e7;padding:.5rem 1.5rem;margin-top:0;position:relative}.file-reply .file-content{position:relative;display:inline-flex;width:100%;padding:5px 0}.file-reply .file-content .file-photo{position:relative;width:60px;min-width:60px;height:60px;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#eef1f1}.file-reply .file-content .file-photo .fileIcon{width:100%;height:100%;align-items:center;display:flex;justify-content:center;background-color:#8500ea;color:#fff;font-size:30px}.file-reply .file-content .file-photo img{width:100%}.file-reply .file-content .file-content-inside{padding-left:1rem;word-break:break-all}.file-reply .file-content .file-content-inside h4,.file-reply .file-content .file-content-inside p,.file-reply .file-content .file-content-inside span{font-size:13px;margin:0}.file-reply .file-content .file-content-inside .file-size{position:relative;padding-left:1.5rem}.file-reply .file-content .file-content-inside .file-size:before{content:"．";width:5px;height:5px;background:#9780ff;display:inline-block;position:absolute;left:.7rem;top:calc(50% - 2px);border-radius:50%}.file-reply .file-content button{position:absolute;right:0;top:calc(50% - 12px);height:24px;width:24px;border-radius:50%}.message-reply{padding:.5rem 1.5rem;margin-top:0;border-top:0;border-bottom:1px solid #e3e8e7;display:flex;align-items:flex-start}.message-reply .content-list{display:flex;align-items:flex-start;width:100%;height:100%}.message-reply .content-list .reply-content{width:100%;height:100%}.message-reply .content-list .reply-content .reply-content-box{transition:max-height .3s ease;overflow:hidden;max-height:40px}.message-reply .content-list .reply-content .reply-content-box.expanded{max-height:300px}.message-reply .content-list .reply-content textarea{background:#eef1f1;padding:.5rem;height:100%!important;min-width:auto;min-height:48px;margin:0 15px 0 0;flex:1 1;font-size:15px;font-weight:400;line-height:26px;box-shadow:none;border:none;box-sizing:border-box;resize:none}.message-reply .content-list .reply-content-button{display:flex;margin-left:1rem}.message-reply .content-list .reply-content-button button{background:#eef1f1;padding:10px;border-radius:50%;color:#888;min-width:45px;flex:auto;flex-grow:0;height:44px;text-align:center;align-self:center}.message-reply .content-list .reply-content-button button.reply-content-grow{transition:all .3s ease-in-out}.message-reply .content-list .reply-content-button button.reply-content-grow.active{transform:rotate(180deg)}.reply-button{position:relative;display:flex;justify-content:space-between;padding:.5rem 1.5rem}.reply-button>div{display:flex;align-items:center;font-size:18px}.reply-button>div.reply-button-left{justify-content:space-around}.reply-button>div.reply-button-left .emoticon-add{background:initial}.reply-button>div.reply-button-left .emoticon-add:hover{background:initial;color:gray;border:none}.reply-button>div.reply-button-left .btn-group{background-color:#fff;z-index:999;position:absolute;margin:auto;left:70px}.reply-button>div.reply-button-left .emoticon-box{position:absolute;left:20px;top:5px;z-index:9;display:none}.reply-button>div.reply-button-left .emoticon-box.active{display:block}.reply-button>div.reply-button-right button{background:transparent;border:none}.reply-button>div.reply-button-right button.message-send{transform:rotate(45deg)}.reply-button>div.reply-button-right button:hover{color:#8500ea}.reply-button>div.reply-button-right .dropdown .dropdown-menu{min-width:200px;padding:1rem}.reply-button>div.reply-button-right .dropdown .dropdown-menu .form-check .form-check-input:checked{background-color:#8500ea;border-color:#8500ea}.reply-button button{min-width:36px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#888;transition:none}.reply-button button:hover{background:initial;border:none}.reply-button .uploadButton{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#888;border-radius:50%}.reply-button .uploadButton:hover{background:initial;border:none}.reply-button .uploadButton .uploadButton-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.reply-button .uploadButton label{display:flex}.reply-button .uploadButton .dropdown-menu{bottom:50px;opacity:1;z-index:1;position:absolute;right:0;width:250px;background:#fff;border-radius:8px;padding:10px;box-shadow:0 2px 6px 0 rgba(0,0,0,.15);opacity:0;transition:all .3s ease-in-out}.advertise-content{flex-grow:1;max-width:370px;padding:1.5rem;min-width:310px;position:relative;height:100%}.advertise-content .close-personal{position:absolute;right:15px;z-index:9}.personal-box{display:flex;flex-direction:column;height:100%;overflow-y:hidden}.personal-box button{width:30px;height:30px;color:#9ca3af;background:none;border-radius:50%;border:1px solid #9ca3af}.personal-box .message-photo,.personal-box button{display:flex;align-items:center;justify-content:center}.personal-box .message-photo{width:100%;flex-direction:column}.personal-box .message-photo img{width:100px;height:100%;border:6px solid #9780ff}.personal-box .message-photo h5{text-align:center;font-size:24px;font-weight:700;margin:.5rem 0}.personal-box .personal-menu{display:flex;padding:1rem 0;border-top:1px solid #e3e8e7;border-bottom:1px solid #e3e8e7}.personal-box .personal-menu .nav-item{width:33.3333333333%}.personal-box .personal-menu .nav-item a{background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.personal-box .personal-menu .nav-item a span.icon{width:35px;height:35px;padding-top:0}.personal-box .personal-menu .nav-item a span{padding-top:.3rem}.personal-box .personal-menu .nav-item a:hover span.icon{background:#8500ea;color:#fff}.personal-box .personal-menu .nav-item a:hover span{color:#8500ea}.moving-box .nav-tabs{border-bottom:2px solid #e3e8e7;margin:0 0 1rem}.moving-box .nav-tabs button{border:none;border-radius:unset;background:none;font-weight:700;color:#666}.moving-box .nav-tabs button:hover{color:#8500ea}.moving-box .nav-tabs button.active{border-bottom:2px solid #9780ff}.moving-box .tab-content{overflow:hidden}.moving-box .moving-box-info.company>h5{display:flex;align-items:center;justify-content:space-between;background:#eef1f1;padding:.3rem 1rem;line-height:1.2rem;margin-bottom:1rem}.moving-box .moving-box-info.company>h5 span{font-size:13px}.moving-box .moving-box-info.company .personal-info-list{padding-bottom:100px}.moving-box .moving-box-info p{display:flex;align-items:center;justify-content:space-between;font-weight:700;width:100%}.moving-box .moving-box-info p button{font-size:14px;color:#9780ff;height:20px;border:none;border-bottom:1px solid #9780ff;width:max-content;border-radius:0}.moving-box .moving-box-info p button:hover{background:transparent}.moving-box .moving-box-info .accordion-item{border:none}.moving-box .moving-box-info .accordion-item .accordion-header{display:flex;align-items:center;justify-content:center}.moving-box .moving-box-info .accordion-item .accordion-header button{width:max-content;background:transparent;border:none;box-shadow:none}.moving-box .moving-box-info .accordion-item .accordion-header button:hover{color:#888}.moving-box .moving-box-info .accordion-item .accordion-header button:after{transform:scale(.5) rotate(0deg)}.moving-box .moving-box-info .accordion-item .accordion-header button.collapsed:after{transform:scale(.5) rotate(180deg)}.moving-box .moving-box-info .accordion-item .accordion-body{padding:1rem 0 0}.moving-box .moving-box-info .accordion-item .accordion-body .personal-info-list ul{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}.moving-box .moving-box-info .accordion-item .accordion-body .personal-info-list ul:hover{border-color:#e3e8e7}.moving-box .moving-box-info .accordion-item .accordion-body .personal-info-list ul li{width:auto}.moving-box .moving-box-info .accordion-item .accordion-body .personal-info-list ul.info-tit{max-width:180px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.moving-box .moving-box-info .personal-info-list{overflow-y:scroll;height:calc(100vh - 370px);width:calc(100% + 18px)}.moving-box .moving-box-info .personal-info-list ul{flex-wrap:wrap;position:relative;border:1px solid #e3e8e7;border-radius:10px;padding:.5rem;margin-bottom:1rem;cursor:pointer;transition:all .3s ease-in-out;display:flex;justify-content:space-between;align-items:center}.moving-box .moving-box-info .personal-info-list ul:hover{border-color:#8500ea}.moving-box .moving-box-info .personal-info-list ul li{display:flex;flex-direction:column;width:50%;font-size:12px;line-height:1.4rem}.moving-box .moving-box-info .personal-info-list ul li.info-tit{width:100%}.moving-box .moving-box-info .personal-info-list ul li.info-tag{position:absolute;right:.5rem;top:.5rem;width:max-content}.moving-box .moving-box-info .personal-info-list ul li.bottom-line{border-bottom:1px solid #e3e8e7;margin:0 0 .5rem;padding-bottom:.5rem}.moving-box .moving-box-info .personal-info-list ul li.view-more a{width:max-content;padding:.3rem .5rem;border:1px solid #9780ff;font-size:12px;border-radius:4px}.moving-box .moving-box-info .personal-info-list ul li.view-more a:hover{color:#fff;background:#8500ea}.moving-box .moving-box-info .personal-info-list ul li h4{display:flex;flex-direction:column}.moving-box .moving-box-info .personal-info-list ul li h4 a{color:#9780ff;text-decoration:underline;font-weight:700;font-size:14px}.moving-box .moving-box-info .personal-info-list ul li h5{font-size:12px;margin:0}.moving-box .moving-box-info .personal-info-list ul li span,.moving-box .moving-box-info .personal-info-list ul li span i{font-size:13px;color:#47414c;font-weight:600}.moving-box .moving-box-info .personal-info-list ul li .timpstamp{font-size:12px}.moving-box .moving-box-info .personal-info-list .info-list-company .info-list{flex-wrap:nowrap}.moving-box .moving-box-info .personal-info-list .info-list-company h5,.moving-box .moving-box-info .personal-info-list .info-list-company h5 span{color:#888}.info-tag span{padding:2px 8px;border-radius:4px;display:inline-block;background:#eee;color:#333;display:inline-flex;align-items:center}.info-tag span.applying,.info-tag span.applying i{background:#ffece4;color:#ec652d!important}.info-tag span.prove{background:#edfff2;color:#00b031!important}.info-tag span.cancle{background:#ecf8ff;color:#16a9fc!important}.application-box{overflow:hidden}.application-box .application-box-tit{display:flex;flex-direction:column;align-items:center}.application-box .application-box-tit>p{display:flex;align-items:center;justify-content:space-between;font-weight:700;width:100%}.application-box .application-box-tit>p span{color:#333;font-size:14px}.application-box .application-box-tit>a{color:#9780ff;font-size:14px;font-weight:700;line-height:1rem;text-align:center;border:1px solid #9780ff;border-radius:4px;padding:.4rem;margin-top:.5rem;width:100%;display:block;transition:all .3s ease-in-out}.application-box .application-box-tit>a:hover{color:#fff;background:#8500ea;border-color:#8500ea}.application-box>button,.application-box>h4,.application-box>h5{text-align:center;font-weight:700;line-height:1.3rem;margin-bottom:0}.application-box h4{font-size:12px;color:#333}.application-box h5{color:#888}.application-box .back-btn{color:#9780ff;border:none}.application-detail{margin-top:1rem;width:calc(100% + 18px);height:60vh;overflow-y:scroll}.application-detail span.tit{font-size:12px;color:#333;font-weight:700}.application-detail>ul{margin-right:18px}.application-detail>ul li{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;margin:.5rem 0;border-bottom:1px solid #e3e8e7}.application-detail>ul li span{font-size:12px}.application-detail>ul li:first-child{border-top:1px solid #e3e8e7}.application-detail>ul li.application-detail-text{align-items:start}.application-detail>ul li.application-detail-text span:last-child{max-width:200px;font-size:12px;width:70%;min-width:160px}.application-detail .application-detail-cv{display:flex;flex-direction:column;align-items:start;border:none;margin-bottom:.3rem;padding:.3rem 0}.application-detail .application-detail-cv ul{width:100%}.application-detail .application-detail-cv ul li{border:none;padding:0;margin:.5rem 0;border-radius:4px}.application-detail .application-detail-cv ul li:hover a{color:#fff;background:#8500ea}.application-detail .application-detail-cv ul li a{color:#888;display:block;padding:.3rem 1rem;margin:0;background:#eef1f1;width:100%;cursor:pointer;font-size:14px;font-weight:400}.modal-content{border-radius:4px}.modal-content .modal-header{height:62px;background:#f8f8f8;position:relative}.modal-content .modal-header .modal-title{font-size:15px;font-weight:700;color:#8500ea;height:63px;padding:1.5rem;background:#fff;position:relative;left:-15px;top:1px;border-radius:4px 0 0 0;border-right:1px solid #e0e0e0}.modal-content .modal-header .btn-close{position:absolute;right:0;border-left:1px solid #e0e0e0;border-radius:0;width:62px;height:100%;padding:0;margin:0;box-shadow:none}.modal-content .modal-body{padding:50px 35px 0}.modal-content .modal-body h3{font-weight:700;color:#333;font-size:24px;text-align:center}.modal-content .modal-body .accordion-item{border:none}.modal-content .modal-body .accordion-item .accordion-button{background:#f8f8f8;color:#666;box-shadow:0 -1px 0 rgba(0,0,0,.07)}.modal-content .modal-body .accordion-item .accordion-button:after{width:10px;height:10px;background-size:contain}.modal-content .modal-body .accordion-item .accordion-button:hover{background:#f5f2ff}.modal-content .modal-body .form-check{font-weight:700;color:#666}.modal-content .modal-body .form-check .form-check-input{border:2px solid #b4b4b4}.modal-content .modal-body .form-check .form-check-input:checked{background-color:#8500ea;border-color:#8500ea}.modal-content .modal-body .list-1 li{list-style:none;font-size:13px;line-height:26px;margin-left:20px;position:relative}.modal-content .modal-body .list-1 li:before{content:"";height:6px;width:6px;background-color:#8500ea;border-radius:50%;position:absolute;top:9px;z-index:9;left:-15px}.modal-content .modal-footer{border:none;padding:35px}.modal-content .modal-footer button{flex-grow:1;height:48px;border-radius:4px;background:#8500ea;margin:0;padding:0}.modal-content .modal-footer button.btn-secondary{margin-right:15px;background:transparent;border-color:#8500ea;color:#8500ea}.setting-dialog .modal-body{padding:0}.setting-dialog .modal-body .dashboard-container{height:100%}.setting-dialog .modal-body .dashboard-sidebar{flex:0 0 280px;background-color:#fff;position:relative;box-shadow:0 0 20px 0 rgba(0,0,0,.1);z-index:100}.setting-dialog .modal-body .dashboard-sidebar .dashboard-nav-container{padding:1rem;display:flex;align-items:center;justify-content:center}.setting-dialog .modal-body .dashboard-sidebar .dashboard-nav-container .dashboard-nav{width:100%}.setting-dialog .modal-body .dashboard-sidebar .dashboard-nav-container h2{text-align:center;margin-top:25px;font-weight:700;font-size:26px}.setting-dialog .modal-body .dashboard-sidebar .dashboard-nav-container h2 svg{margin-right:5px}.setting-dialog .modal-body .dashboard-sidebar .dashboard-nav-container ul{list-style:none;padding:0;margin:25px 0 0;color:#666}.setting-dialog .modal-body .dashboard-sidebar .dashboard-nav-container ul li a{color:#666}.setting-dialog .modal-body .dashboard-sidebar .dashboard-nav-container ul li svg{padding-right:8px;font-size:30px;color:#888}.setting-dialog .modal-body .dashboard-content-container{flex-grow:1}.setting-dialog .modal-body .dashboard-content-container .dashboard-content-inner{padding:50px}.setting-dialog .modal-body .dashboard-content-container .dashboard-content-inner h2{font-size:26px;border-bottom:1px solid #cbd5e0;padding-bottom:20px}.setting-dialog .modal-body .dashboard-content-container .dashboard-content-inner h2 svg{margin-right:1rem}.setting-dialog .modal-body .dashboard-content-container .dashboard-content-inner ul{font-size:16px;margin:45px 0}.setting-dialog .modal-body .dashboard-content-container .dashboard-content-inner ul li{margin-bottom:20px}.setting-dialog .modal-body .dashboard-content-container .dashboard-content-inner ul h4{font-size:16px;font-weight:700}.setting-dialog .modal-body .dashboard-content-container .dashboard-content-inner ul p{margin-bottom:1rem}.setting-dialog .modal-body .dashboard-content-container .dashboard-content-inner .switch-container{font-size:16px;display:flex}.setting-dialog .modal-body .dashboard-content-container .dashboard-content-inner .switch-container span{margin-right:15px}.setting-dialog .modal-body .dashboard-content-container .dashboard-content-inner .switch-container .form-switch{position:relative}.setting-dialog .modal-body .dashboard-content-container .dashboard-content-inner .switch-container .form-switch .form-check-input{width:34px;height:20px;cursor:pointer;position:absolute;top:-2px}.setting-dialog .modal-body .dashboard-content-container .dashboard-content-inner .switch-container .form-switch .form-check-label{margin-left:5px}@media(max-width:1366px){.messages .messagesInner{margin-right:0}.ad{display:none}}@media(max-width:1199px){.button-style1{width:25px;height:25px}.messages .messagesInner{height:94vh;overflow:hidden}.advertise-content{width:100%;max-width:100%;border-bottom:1px solid #e3e8e7;display:none}.personal-box{display:flex;flex-direction:row}.personal-box .close-personal{top:15px}.personal-box .personal-box-person{width:20%;padding-right:2rem}.personal-box .personal-file{width:80%;padding-right:2rem}.application-box{display:flex;flex-direction:row}.application-box .application-box-tit{width:20%;padding-right:2rem;padding-top:1.3rem}.application-box .application-detail{width:80%;height:max-content;position:relative;display:flex;overflow:unset}.application-box .application-detail>ul{width:75%;height:auto;padding-right:2rem;margin:0}.application-box .application-detail>ul li{justify-content:start}.application-box .application-detail>ul li:first-child{border-top:none}.application-box .application-detail>ul li.application-detail-text span:last-child{width:auto;max-width:unset;min-width:auto}.application-box .application-detail>ul li .tit{min-width:100px}.application-box .application-detail .application-detail-cv{width:25%;padding:.8rem 0 0}.nav-fill .nav-item{max-width:120px}.moving-box .moving-box-info{overflow-x:scroll}.moving-box .moving-box-info .personal-info-list{display:flex;flex-direction:row;height:auto;width:100%;overflow-y:hidden}.moving-box .moving-box-info .personal-info-list>ul{height:max-content;margin:0 .5rem}.moving-box .moving-box-info .personal-info-list .application-box{display:flex;flex-direction:row}.moving-box .moving-box-info .personal-info-list .application-box .application-box-tit{width:20%}.moving-box .moving-box-info .personal-info-list .application-box .application-detail{width:40%}.moving-box .moving-box-info .personal-info-list .application-box .application-detail .application-detail-cv{position:absolute;top:2.5rem;left:62%}.chatBox{height:100%}.chatBoxHead.partner .open-personal-pop{display:flex}.chatBoxHead.partner .open-personal{display:none}.message-list>li .message-item .message-origin h4{margin:0}.message-list>li .message-item .message-origin div .message-last-post{max-width:13vw;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}@media(max-width:992px){.moving-box .moving-box-info .personal-info-list ul li{width:100%}.personal-box .personal-box-person{min-width:150px;padding-right:1.5em}.application-box h5{font-size:12px}.application-box .application-detail>ul{padding-right:1.5rem}.application-box .application-box-tit{min-width:150px;padding-right:1.5em}.application-box .application-box-tit>a,.application-box .application-box-tit>p span,.application-box .application-box-tit>p span i,.application-box .application-detail-cv ul li a{font-size:12px}.application-box .chatBox .message-content .message-content-inner{width:100%}.message-float{width:250px}.message-float .chatBoxHead.title h4{font-size:15px}.message-float.additional{left:1rem;right:auto}}@media(max-width:640px){body,html{margin:0!important;padding:0!important;height:100vh;overflow:hidden!important;position:fixed;width:100%}.main{min-height:100vh}.container,.main{margin:0;padding:0;overflow:hidden!important;height:100vh}.advertise-content{display:none}.messages{width:100%;margin:0;padding:0}.messages .messagesInner{height:100vh!important}.chatBox .message-content{display:none}.chatBox .message-content:not(.disabled){display:flex;height:100svh;min-height:100svh;margin:0;padding-bottom:calc(40px + env(safe-area-inset-bottom, 0px))}.main:has(.message-content:not(.disabled)) .chatBox .chatBoxInbox{display:none}.chatBox{flex-direction:column}.chatBox .chatBoxInbox{max-width:100%}.chatBoxHead.partner{position:static!important;display:flex!important;width:100%}.chatBoxHead.partner .partner-info .back-list{display:block}.chatBoxHead.partner .open-personal{display:none}.float-box{display:none!important}.content-list{padding:0!important}.messagesInner{border-radius:0!important}.message-list>li .message-item .message-origin .message-last-post{max-width:80vw}}.red-superscript{color:red}.hide{display:block}.red-outline{border:1px solid red!important;padding:8px 6px;border-radius:4px;font-weight:700}.red-outline::-webkit-input-placeholder{color:red}.red-outline::-moz-placeholder{color:red}.red-outline:-ms-input-placeholder{color:red}.red-outline::-ms-input-placeholder{color:red}.error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:8px}.error-message{background:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.3);max-width:300px}.error-message h5{color:#dc3545;margin-bottom:10px;font-weight:700}.error-message p{color:#6c757d;margin:0;font-size:14px}.huntbyte-modal .modal-footer{border:none;padding:35px}.huntbyte-modal .modal-footer button.btn-primary{flex-grow:1;height:48px;border-radius:4px;background:#8500ea;margin:0;padding:0;border:none;width:150px}.huntbyte-modal .modal-footer button.btn-secondary{flex-grow:1;height:48px;border-radius:4px;margin-right:15px;background:transparent;border-color:#8500ea;color:#8500ea;width:150px}.cursor-pointer{cursor:pointer}@media(min-height:450px){body{overflow:hidden}}body,html{scrollbar-width:thin;scrollbar-color:#8500ea #f5f2ff}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px #eef1f1;background-color:#f5f2ff}body::-webkit-scrollbar,html::-webkit-scrollbar{width:3px;background-color:#f5f2ff}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background-color:#8500ea}.emoticon-selector{background-color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;list-style:none;margin:0}.emoticon-selector .emoticon-selector-button{background-color:#fff;border:none;padding:5px;margin:0 5px;cursor:pointer}.emoticon-selector .btn:hover{background:initial}.float-box{display:flex;z-index:99999;position:relative}.message-float{position:fixed;width:300px;right:1rem;background:#fff;z-index:99;bottom:0;max-height:80%;border:1px solid #ccc;border-radius:8px 8px 0 0;overflow:hidden}.message-float.additional{right:360px;width:400px;height:410px}.message-float.additional.extend{width:600px;height:800px}.message-float.additional.narrow{height:50px}.message-float.additional .message-content-inner{height:250px;width:calc(100% + 18px);overflow-y:scroll;background:#fff;flex-grow:1}.message-float.additional .message-content-inner.shink{height:0}.message-float.additional .message-content-inner.loading{display:flex;align-items:center;justify-content:center;display:none}.message-float.additional .message-content-inner .content-list{padding:.5rem 1.5rem}.message-float .message-content{display:flex;flex-direction:column;height:100%}.message-float .message-box-inside{max-width:100%}.message-float .message-box-inside .message-text{background:#eef1f1}.message-float .chatBoxHead{height:max-content;padding:10px;border-color:#e3e8e7;border-bottom:none;display:flex;justify-content:space-between;align-items:center}.message-float .chatBoxHead .markBox{display:flex}.message-float .chatBoxHead.title{height:50px;background:#47414c;color:#fff}.message-float .chatBoxHead.title h4{font-size:18px;font-weight:700;margin:0}.message-float .chatBoxHead.partner{height:48px;background:#47414c;color:#fff}.message-float .chatBoxHead.partner .message-photo img{transform:scale(.7)}.message-float .chatBoxHead.partner h4{font-size:16px;padding-left:0;margin:0}.message-float .chatBoxHead.partner h5{display:none}.message-float .chatBoxHead.search .dropdown .dropdown-toggle:hover{background:#8500ea}.message-float .chatBoxHead.search .dropdown .dropdown-toggle:after{display:none}.message-float .chatBoxHead.search .tagItem{line-height:20px}.message-float .chatBoxHead.search .tagItem i{color:#888}.message-float .file-content-inside h4{max-width:230px;font-size:16px;color:#888}.message-float.extend .file-content-inside h4{max-width:350px}.message-float .replay-content{margin:0}.message-float .replay-content.expanded{height:100%}.message-float .replay-content.expanded .message-reply{height:42vh}.message-float .replay-content.expanded .message-reply.expanded{height:93%}.message-float .chatBoxInbox{height:48px;transition:all .3s ease-in-out}.message-float .chatBoxInbox.grow{height:800px}.message-float .chatBoxInbox.grow .telescopic{transform:rotate(180deg)}.message-float .chatBoxInbox .message-origin p{max-width:185px}.message-float .beginning-line span,.message-float .day-line span,.message-float .message-content,.message-float .unread-line span{background:#fff}.message-float .listContent .nav-tabs button{padding:0}.message-float .listContent .message-list{height:calc(73vh - 120px)}.message-float .listContent .message-list h4{font-size:16px;margin:0}.msg-loginbox{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;overflow:hidden}.msg-loginbox .welcome-text{text-align:center;margin-top:15px;margin-bottom:15px;position:relative}.msg-loginbox .welcome-text h3{font-size:30px;line-height:42px;font-weight:700;background-image:linear-gradient(83.84deg,#5b3390 10%,#8500ea 40%,#ff7878 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.msg-loginbox .welcome-text p{font-size:17px;line-height:25px;margin:15px 0 30px}.msg-loginbox .welcome-text p .text-break{display:none}.welcome-img{width:200px;height:200px;position:absolute;right:-220px;top:-230px;transform:scale(.8) rotate(18deg)}.welcome-img:after{content:"";width:35px;height:35px;background:#fff;border-radius:100%;position:absolute;right:0;top:0}.welcome-img.recruiter{opacity:0;animation-duration:3.5s;animation-name:slidein1;animation-iteration-count:infinite;animation-direction:alternate}.welcome-img.recruiter:after{right:175px;left:auto;top:205px;bottom:auto}.welcome-img.employee{left:-260px;right:auto;bottom:-55px;top:auto;transform:scale(1.05) rotate(-12deg);opacity:0;animation-duration:4s;animation-name:slidein2;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:1s}.welcome-img.employee:before{content:"";width:50px;height:50px;background:#fff;border-radius:100%;position:absolute;left:auto;top:25px;bottom:auto;right:-15px}.welcome-img.employee:after{content:"";width:20px;height:20px;left:auto;top:30px;bottom:auto;right:-50px}.welcome-img.hr{right:-100px;left:auto;bottom:auto;top:165px;transform:scale(.6) rotate(13deg) scaleX(-1);opacity:0;animation-duration:3s;animation-name:slidein3;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:3.5s}.welcome-img.hr:after{content:"";width:30px;height:30px;right:-55px;left:auto;bottom:auto;top:10px}.welcome-img img{border-radius:50%}.msg-loginbox-btn{display:flex;flex-direction:row}.msg-loginbox-btn h5{font-size:15px;font-weight:700;margin-bottom:15px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.msg-loginbox-btn h5 span{color:#8500ea;padding:0 5px}.msg-loginbox-btn a{display:inline-block;color:#fff;background:#8500ea;font-size:16px;line-height:24px;font-weight:500;text-align:center;margin:0 10px;padding:10px 20px;min-width:150px;border-radius:4px;border:1px solid #8500ea;box-shadow:0 4px 12px rgba(146,55,203,.15)}.msg-loginbox-btn a.white{background:transparent;border:1px solid #8500ea;color:#8500ea}.msg-loginbox-wait{display:inline-flex;align-items:center}.msg-loginbox-wait span{font-size:20px;font-weight:700;color:#8500ea}.msg-loginbox-wait .loading{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;z-index:9}.typing-indicator{margin-left:15px}.typing-indicator span{height:8px;width:8px;float:left;margin:0 3px;background-color:#9780ff;display:block;border-radius:50%;opacity:.4}.typing-indicator span:first-of-type{animation:blink 1s .33333s infinite}.typing-indicator span:nth-of-type(2){animation:blink 1s .66666s infinite}.typing-indicator span:nth-of-type(3){animation:blink 1s .99999s infinite}@keyframes blink{50%{opacity:1}}@keyframes slidein2{0%{opacity:0;transform:translateZ(0) scale(.8) rotate(0deg)}to{opacity:1;transform:translate3d(15px,30px,0) scale(1.05) rotate(-12deg)}}@keyframes slidein1{0%{opacity:0;transform:translateZ(0) scale(.5) rotate(0deg)}to{opacity:1;transform:translate3d(15px,30px,0) scale(.8) rotate(18deg)}}@keyframes slidein3{0%{opacity:0;transform:translateZ(0) scale(.4) rotate(0deg) scaleX(-1)}to{opacity:1;transform:translate3d(15px,30px,0) scale(.6) rotate(13deg) scaleX(-1)}}@media(max-width:767px){.welcome-img{display:none}}@media(max-width:480px){.msg-loginbox{padding:60px 30px}.msg-loginbox .welcome-text h3{font-size:26px;line-height:36px}.msg-loginbox .welcome-text p{font-size:14px;line-height:22px}.msg-loginbox .welcome-text p .text-break{display:block}.msg-loginbox .welcome-text h5{font-size:14px;line-height:22px}.msg-loginbox img{max-width:320px}.msg-loginbox-btn{flex-direction:column;gap:20px}.msg-loginbox-btn a{margin:0 7px;min-width:120px}}