.message-item-card{border:1px solid rgba(100,116,139,.25);border-radius:8px;padding:12px;margin-bottom:10px;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.message-item-card.detailExpend .message-item-card-footer,.message-item-card:hover .message-item-card-footer{display:block}.message-item-card.unread{border-left:3px solid #3b82f6!important;background:rgba(59,130,246,.05)!important}.message-item-card-header{gap:5px}.message-item-card-header .status{display:inline-block;width:10px;height:10px;background:#94a3b8;border-radius:50%}.message-item-card-header .status.active{background:red;-webkit-animation:pulse 1.5s ease-in-out infinite;animation:pulse 1.5s ease-in-out infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.9);opacity:.9}50%{-webkit-transform:scale(1.1);opacity:.5}to{-webkit-transform:scale(.9);opacity:.9}}@keyframes pulse{0%{-webkit-transform:scale(.9);transform:scale(.9);opacity:.9}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.5}to{-webkit-transform:scale(.9);transform:scale(.9);opacity:.9}}.message-item-card-content{padding:10px}.message-item-card-content-download-progress{margin:10px 0}.message-item-card-content-download-progress-downloadStatus{margin:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.message-item-card-content-download-info{padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px}.message-item-card-content-download-info-item{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.message-item-card-content-download-info-item .label{margin-bottom:5px}.message-item-card-content-download-action{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.message-item-card-content-detail{border:1px solid rgba(100,116,139,.25);border-radius:8px;padding:12px;margin-bottom:10px;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;margin:10px 30px}.message-item-card-content-detail.unread{border-left:3px solid #3b82f6!important;background:rgba(59,130,246,.05)!important}.message-item-card-content-detail-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:5px}.message-item-card-footer{border:1px solid rgba(100,116,139,.25);border-radius:8px;padding:12px;margin-bottom:10px;-webkit-transition:all .3s ease;transition:all .3s ease;display:none}.message-item-card-footer.unread{border-left:3px solid #3b82f6!important;background:rgba(59,130,246,.05)!important}.slide-fade-enter-active{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.slide-fade-leave-active{-webkit-transition:all .3s cubic-bezier(1,.5,.8,1);transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.message-content{height:100%;position:relative;padding:10px}.message-content-header{padding:10px}.message-content-header-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.message-content-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:auto}.messageInfoDrawer{color:#fff;height:0}.messageInfoDrawer .footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px;background:rgba(34,48,107,.3)}.messageInfoDrawer .content{height:0}.messageInfoDrawer .content .content-left{background:rgba(34,48,107,.8)}.messageInfoDrawer .content .content-left .menu-list-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 12px;margin-bottom:5px;border-radius:6px;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:.85rem}.messageInfoDrawer .content .content-left .menu-list-title .menu-list-item-content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 5px}.messageInfoDrawer .content .content-left .menu-list-title .menu-list-item-number{border-radius:50%;padding:5px 8px;background:#3b82f6}.messageInfoDrawer .content .content-left .menu-list{padding:0}.messageInfoDrawer .content .content-left .menu-list .menu-list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 12px;margin-bottom:5px;border-radius:6px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:.85rem}.messageInfoDrawer .content .content-left .menu-list .menu-list-item:hover{background:rgba(0,207,255,.1);color:#3b82f6}.messageInfoDrawer .content .content-left .menu-list .menu-list-item:hover .menu-list-item-number{border-radius:50%;padding:5px 8px;background:#fff;color:#3b82f6}.messageInfoDrawer .content .content-left .menu-list .menu-list-item.active{background:#3b82f6;color:#fff}.messageInfoDrawer .content .content-left .menu-list .menu-list-item.active .menu-list-item-number{border-radius:50%;padding:5px 8px;background:#fff;color:#3b82f6}.messageInfoDrawer .content .content-left .menu-list .menu-list-item .menu-list-item-content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 5px}.messageInfoDrawer .content .content-left .menu-list .menu-list-item .menu-list-item-number{border-radius:50%;padding:5px 8px;background:#3b82f6}.messageInfoDrawer .content .content-right{height:100%}.Header{background-color:rgba(14,33,113,.3);-webkit-box-shadow:0 0 20px rgba(0,0,0,.7);box-shadow:0 0 20px rgba(0,0,0,.7)}.nav-item .nav-link{border:.5px solid rgba(14,33,113,.3)}.nav-item .nav-link:hover{background-color:rgba(76,132,255,.7)!important;border-top:.5px solid #022f73;border-bottom:.5px solid #022f73;-webkit-box-sizing:border-box;box-sizing:border-box}.nav-item .nav-dropdown-toggle-active,.nav-item .nav-link-active{background:rgba(76,132,255,.7)!important}.message-info-container{margin:0 20px}.message-info-container .message-center-btn{width:30px;height:30px;border-radius:50%;background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;color:#f1f5f9}.message-info-container .message-center-btn .bi-chat-square-dots-fill{font-size:20px}.message-info-container .message-center-btn:hover{background-color:#3b82f6}