@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);.home-index[data-v-710f93cd]{min-height:100vh;padding:50px 100px 50px 50px}.item-home[data-v-710f93cd]{padding:16px;background:#2ca02c;border-radius:15px;color:#fff;min-height:150px;margin-top:10px}.item-home .title[data-v-710f93cd]{font-size:16px;font-weight:300;margin-bottom:40px}.item-home .count[data-v-710f93cd]{font-size:28px;min-height:52px}.item-home .icon[data-v-710f93cd]{background-color:#fff;border-radius:50%;width:50px;height:50px;margin-left:10px;line-height:16px}.item-home .icon span[data-v-710f93cd]{color:#858484;font-size:11px}.item-home .icon .line-1[data-v-710f93cd]{font-size:14px;color:#f33131;font-weight:500}.item-home .icon .line-2[data-v-710f93cd]{font-size:14px;color:#2ca02c;font-weight:500}.home-index .el-input__inner{border-radius:20px;font-size:13px;height:33px;color:#2ca02c}.home-index .el-input__icon{line-height:33px;color:#2ca02c}.filter-left[data-v-00d6f960]{padding:10px}.status_order[data-v-00d6f960]{padding:2px 5px;font-size:11px;color:#fff;margin-left:5px;border-radius:4px}.fullwidth-box-popup[data-v-00d6f960]{height:570px!important}.fullwidth-box[data-v-00d6f960]{height:calc(100vh - 115px);overflow-y:scroll}.fullwidth-box[data-v-00d6f960]::-webkit-scrollbar{width:8px}.fullwidth-box[data-v-00d6f960]::-webkit-scrollbar-track{border:none;background:transparent}.box-item-chat[data-v-00d6f960]{background:#fff;padding:15px 10px 15px 10px;border-bottom:1px solid #c4c4c440;cursor:pointer}.box-item-chat[data-v-00d6f960]:hover{background:#c4c4c436;border-radius:5px}.isActiveBox[data-v-00d6f960]{background:#c4c4c436}.isActiveRadius[data-v-00d6f960]{border:2px solid #0f56b3!important}.image-avatar[data-v-00d6f960]{margin-right:10px}.image-avatar img[data-v-00d6f960]{width:50px;height:50px;border-radius:50%;border:2px solid transparent;-o-object-fit:cover;object-fit:cover}.info-item[data-v-00d6f960]{width:80%}.info-item .name[data-v-00d6f960]{font-weight:700;font-size:12px;line-height:20px;line-height:16px}.info-item .date[data-v-00d6f960]{font-size:12px;color:#c4c4c4;line-height:16px}.info-item .dess[data-v-00d6f960]{display:-webkit-box;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:#606266}.info-item .number-chat[data-v-00d6f960]{background:#0f56b3;color:#fff;font-size:12px;font-weight:700;padding:2px 5px;border-radius:4px;margin-left:5px}.box-item-order[data-v-00d6f960]{font-size:12px}.box-item-order .code-po[data-v-00d6f960]{padding:2px 5px;background:#399cff;border-radius:4px;color:#fff;font-size:11px}.no-data[data-v-00d6f960]{display:flex;align-items:center;justify-content:center;height:100px}.w100pt[data-v-00d6f960]{width:100%}.mBg[data-v-00d6f960]{background:#0c91df;color:#fff;padding:5px;border-radius:5px;font-size:10px!important;max-width:130px;text-align:center}.date-editor .el-input{width:180px!important}.el-input__inner::-moz-placeholder{color:#606266!important}.el-input__inner::placeholder{color:#606266!important}.text-ellipsis-p[data-v-3bb87f08]{flex:0 0 auto;max-width:100px;padding:3px;border:1px solid #cde5ff;border-radius:5px}.product-name[data-v-3bb87f08]{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.fullwidth-p[data-v-3bb87f08]{width:90%}.product-scroll[data-v-3bb87f08]{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.product-scroll[data-v-3bb87f08]::-webkit-scrollbar{display:none}.scroll-btn[data-v-3bb87f08]{border:none;background:#fff;width:26px;height:26px;border-radius:50%;cursor:pointer;z-index:2;margin-top:-5px}.scroll-btn.left[data-v-3bb87f08]{margin-right:6px}.scroll-btn.right[data-v-3bb87f08]{margin-left:6px}.product-wrapper[data-v-3bb87f08]{position:relative;display:flex;align-items:center}.emoji-board[data-v-b5e0c242]{border-radius:5px;position:absolute;padding:10px;border:1px solid #dfdfdf;bottom:45px;right:45px;background:#fff;box-shadow:0 0 10px #dfdfdf;z-index:2;width:286px}.emoji-board[data-v-b5e0c242]:after{content:"";position:absolute;bottom:0;right:51px;width:0;height:0;border:8px solid transparent;border-top-color:#fff;border-bottom:0;margin-left:-8px;margin-bottom:-8px}.emoji-board .emoji[data-v-b5e0c242]{cursor:pointer;width:33px;font-size:21px;display:inline-block;height:30px}.smileT[data-v-b5e0c242]{margin-right:10px;cursor:pointer;width:28px}.boxfile[data-v-7f2d3aa1]{width:100px;height:100px;-o-object-fit:contain;object-fit:contain}.status_order[data-v-7f2d3aa1]{padding:2px 5px;font-size:11px;color:#fff;margin-left:5px;border-radius:4px}.body-detail[data-v-7f2d3aa1]{padding-top:20px}.on[data-v-7f2d3aa1]{width:5px;height:5px;border-radius:50%;background:#07af0e}.body-detail .face[data-v-7f2d3aa1]{width:35px;height:35px;border-radius:50%;margin-right:8px;-o-object-fit:cover;object-fit:cover}.body-detail .content-txt[data-v-7f2d3aa1]{padding:10px;border-radius:20px}.boxChat-detail .header[data-v-7f2d3aa1]{border-bottom:1px solid #c4c4c440;padding:10px 20px 10px 0}.boxChat-detail .header .avatar-ncc img[data-v-7f2d3aa1]{width:50px;height:50px;border-radius:50%;margin-right:10px;-o-object-fit:cover;object-fit:cover}.boxChat-detail .header .name-ncc[data-v-7f2d3aa1]{font-size:12px;font-weight:700}.boxChat-detail .header .code-po[data-v-7f2d3aa1]{padding:2px 5px;background:#399cff;color:#fff;border-radius:4px;margin-right:5px;font-size:11px;cursor:pointer}.line-send-chat[data-v-7f2d3aa1]{padding:10px;border:1px solid #f0efef;border-radius:16px;margin-bottom:10px}.line-send-chat .action[data-v-7f2d3aa1]{cursor:pointer;width:30px;height:30px}.fullwidth-box-detail[data-v-7f2d3aa1]{overflow-y:auto;position:relative}@media (max-height:768px){.fullwidth-box-detail[data-v-7f2d3aa1]{height:calc(100vh - 360px)}}@media (min-height:769px) and (max-height:900px){.fullwidth-box-detail[data-v-7f2d3aa1]{height:calc(100vh - 435px)}.box-width-is-rep[data-v-7f2d3aa1]{height:calc(100vh - 515px)!important}}@media (min-height:901px){.fullwidth-box-detail[data-v-7f2d3aa1]{height:calc(100vh - 465px)}.box-width-is-rep[data-v-7f2d3aa1]{height:calc(100vh - 545px)!important}}.fullwidth-box-detail-popup[data-v-7f2d3aa1]{height:365px!important}.fullwidth-box-detail[data-v-7f2d3aa1]::-webkit-scrollbar{width:8px}.fullwidth-box-detail[data-v-7f2d3aa1]::-webkit-scrollbar-track{border:none;background:transparent}.content-end[data-v-7f2d3aa1]{justify-content:end}.bg-customer[data-v-7f2d3aa1]{background:#0688ee;color:#fff}.bg-user[data-v-7f2d3aa1]{background:#ebebeb}.textType1[data-v-7f2d3aa1]{white-space:pre-line;word-wrap:break-word;margin:0;line-height:20px;word-break:break-word}.boxRep[data-v-7f2d3aa1]{margin:0 46px;padding:10px;border:1px solid #dcdfe6;border-bottom:none;border-radius:4px;width:350px}.head-rep[data-v-7f2d3aa1]{font-weight:600;color:#1d60a6;padding-bottom:10px}.content-rep[data-v-7f2d3aa1]{padding-bottom:10px}.truncate-text[data-v-7f2d3aa1]{width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.box-mess-rep[data-v-7f2d3aa1]{padding:8px;margin-bottom:6px;border-left:5px solid #00d0ff;border-radius:8px;background:#fff;color:#1d60a6}.rep-bottom[data-v-7f2d3aa1]{position:absolute;bottom:0;width:95%}.box-width-is-rep[data-v-7f2d3aa1]{height:calc(100vh - 420px)}.box-width-is-rep-popup[data-v-7f2d3aa1]{height:288px!important}.menu-chat span[data-v-7f2d3aa1]:hover{color:#1d60a6;font-weight:700}.time-style[data-v-7f2d3aa1]{color:#989898;font-size:12px}.bg-customer .time-style[data-v-7f2d3aa1]{color:#deb887!important}.date-separator[data-v-7f2d3aa1]{text-align:center;margin:14px 0;font-size:12px;color:#888;position:relative}.date-separator[data-v-7f2d3aa1]:after,.date-separator[data-v-7f2d3aa1]:before{content:"";display:inline-block;width:30%;height:1px;background:#e5e5e5;vertical-align:middle;margin:0 8px}.pop-rep{min-width:90px!important;font-size:12px}.pop-rep-none{display:none!important}.input-chat{width:100%;margin:0 10px}.input-chat textarea{border:none}.file-upload-send .el-dialog__body{padding:10px 20px!important}.inputCaption input{border-top:none;border-left:none;border-right:none}.txtL{text-align:left}.txtR{text-align:right}.bgX,.bgX textarea{background:#e8f3ff}.pd10{padding:10px!important}.ml10{margin-left:10px}.mImage img{-o-object-fit:cover;object-fit:cover}.mBg{background:#0c91df;color:#fff;padding:5px;border-radius:5px;font-size:11px;max-width:130px;text-align:center}.text-right{text-align:right}.status_order[data-v-4581b66a]{padding:2px 5px;font-size:11px;color:#fff;margin-left:5px;border-radius:4px}.pop-chat-index[data-v-4581b66a]{padding:20px 10px;height:570px}.pop-chat-index .head-chat span[data-v-4581b66a]{cursor:pointer;font-weight:700}.pop-chat-index .image-avatar img[data-v-4581b66a]{width:35px;height:35px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.content-pop-chat[data-v-4581b66a]{height:450px;overflow-y:scroll;position:relative}.content-pop-chat[data-v-4581b66a]::-webkit-scrollbar{width:8px}.content-pop-chat[data-v-4581b66a]::-webkit-scrollbar-track{border:none;background:transparent}.content-pop-chat .box-item-chat[data-v-4581b66a]{background:#fff;padding:15px 10px 15px 10px;border-bottom:1px solid #c4c4c440;cursor:pointer}.content-pop-chat .box-item-chat[data-v-4581b66a]:hover{background:#c4c4c436;border-radius:5px}.info-pop[data-v-4581b66a]{width:100%;font-size:12px}.info-pop .name[data-v-4581b66a]{font-weight:700;font-size:12px;line-height:16px}.info-pop .date[data-v-4581b66a]{font-size:12px;color:#c4c4c4;line-height:16px}.info-pop .dess[data-v-4581b66a]{display:-webkit-box;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.info-pop .number-chat[data-v-4581b66a]{background:#0f56b3;color:#fff;font-size:12px;font-weight:700;padding:2px 5px;border-radius:4px;margin-left:5px}.box-item-order .code-po[data-v-4581b66a]{padding:2px 5px;background:#399cff;border-radius:4px;color:#fff;font-size:11px}.isActiveBox[data-v-4581b66a]{background:#c4c4c436!important}.no-data[data-v-4581b66a]{display:flex;align-items:center;justify-content:center;height:100px}.cl-red[data-v-263b57ce]{color:red}.component-header-top[data-v-661c9970]{height:50px;padding:0 15px}.seach-global[data-v-661c9970]{min-width:200px}.seach-global .el-select[data-v-661c9970]{width:50px}.dropdown-account[data-v-661c9970]{display:flex;justify-content:center;align-items:center;cursor:pointer;height:100%;padding:0 3px 0 10px;position:relative}.dropdown-account img[data-v-661c9970]{margin-right:8px}.dropdown-account .down[data-v-661c9970]{width:10px;margin-right:0;margin-left:5px}.dropdown-account .name[data-v-661c9970]{color:#007aff;font-size:12px}.dropdown-account ul[data-v-661c9970]{position:absolute;top:50px;right:0;margin:0;width:200px;background-color:#fff;padding:5px 0 5px 0;z-index:1000;border:1px solid #f2f2f2;box-shadow:0 2px 2px rgba(0,0,0,.05),0 1px 0 rgba(0,0,0,.05)}.dropdown-account ul a[data-v-661c9970]{list-style-type:none;height:35px;display:flex;align-items:center;padding-left:15px;text-decoration:none;color:#2c3e50}.dropdown-account ul a[data-v-661c9970]:hover{background-color:#f2f2f2}.dropdown-account ul a.divider[data-v-661c9970]{height:1px;background-color:#ccc;margin-bottom:5px}.name_menu[data-v-661c9970]{color:#000;font-weight:500;font-size:12px;line-height:100%;margin-right:10px;cursor:pointer;height:40px}.name_menu .icon-menu[data-v-661c9970]{padding-right:5px;width:20px;height:30px}.active[data-v-661c9970]{border-bottom:5px solid #007aff}.exchange-rate[data-v-661c9970]{padding:5px 10px;color:#007aff;font-weight:500;background:#e8f3ff}.content-noti-quote[data-v-661c9970]{padding:10px;margin-bottom:5px}.content-noti[data-v-661c9970]{font-weight:600;font-size:13px;line-height:31px;letter-spacing:0}.time0[data-v-661c9970]{background:#f5f5f5;border-radius:5px}.btn-filter-noti[data-v-661c9970]{padding:10px 0}.btn-filter-noti span[data-v-661c9970]{padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer}.active-un-read[data-v-661c9970]{background:#ebf5ff;border-radius:5px}.btn-chat[data-v-661c9970]{position:fixed;bottom:10px;right:0;z-index:99;cursor:pointer}.countBottom[data-v-661c9970]{background:red;padding:5px;color:#fff;position:absolute;top:7px;right:30px;border-radius:3px}.component-header-top input{border-radius:25px;height:28px;font-size:12px;border:none}.component-header-top .el-input__icon{line-height:28px}.avatar{max-width:100%;border-radius:50%;width:35px;height:35px}.seach-global input{border:1px solid #3f92d1}.seach-global-select-lang{border:1px solid #3f92d1;width:80px;margin-right:20px;border-radius:20px}.avatar-null{background:#c2c2c2;border-radius:50%}.spanLink{color:#000!important;text-decoration:none}.spanLinkSub{display:block;width:100%;font-size:12px!important}.number-noti .el-badge__content.is-fixed{z-index:1}.content-chat-pop-up .el-dialog{position:absolute;right:108px;bottom:-20px;width:450px;border-radius:10px;box-shadow:0 4px 4px 0 #00000040}.content-chat-pop-up .el-dialog__footer,.content-chat-pop-up .el-dialog__header{display:none}.content-chat-pop-up .el-dialog__body{padding:0}.chat-dialog-zoom{top:15px!important;width:100%!important;height:100%}.chat-dialog-zoom .el-dialog{width:95%;right:35px!important;transition:all .35s ease}.chat-dialog{transition:right .35s ease,bottom .35s ease,transform .35s ease,width .35s ease,height .35s ease}.app-menu-left{min-height:100vh;width:50px;background-color:#1975b8;transition:.3s}.app-content-right{width:100%;display:flex;flex-direction:column;transition:.3s;background:#effafe}.app-content-right .header-top{background-color:#fff;box-shadow:0 4px 4px 0 #dfe8fd}.app-content-right .content-bottom{height:100%;margin:20px 10px;background:#fff;border-radius:13px;padding:20px 10px}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateX(20px);opacity:0}.pb100{padding-bottom:100px}.d-none{display:none!important}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.font-weight-bold{font-weight:700}.text-center{text-align:center}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.mx-0{margin-right:0!important}.my-0{margin-top:0!important;margin-bottom:0!important}.mt-1{margin-top:.25rem!important}.mr-1{margin-right:.25rem!important}.mb-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.mx-1{margin-right:.25rem!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.mt-2{margin-top:.5rem!important}.mr-2{margin-right:.5rem!important}.mb-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.mx-2{margin-right:.5rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.mt-3{margin-top:1rem!important}.mr-3{margin-right:1rem!important}.mb-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.mx-3{margin-right:1rem!important}.my-3{margin-bottom:1rem!important;margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mr-4{margin-right:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.mx-4{margin-right:1.5rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.mt-5{margin-top:3rem!important}.mr-5{margin-right:3rem!important}.mb-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.mx-5{margin-right:3rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.mt-auto{margin-top:auto!important}.mr-auto{margin-right:auto!important}.mb-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.mx-auto{margin-right:auto!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.px-0{padding-right:0!important}.py-0{padding-top:0!important;padding-bottom:0!important}.pt-1{padding-top:.25rem!important}.pr-1{padding-right:.25rem!important}.pb-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.px-1{padding-right:.25rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.pt-2{padding-top:.5rem!important}.pr-2{padding-right:.5rem!important}.pb-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.px-2{padding-right:.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.pt-3{padding-top:1rem!important}.pr-3{padding-right:1rem!important}.pb-3{padding-bottom:1rem!important}.pl-3{padding-left:1rem!important}.py-3{padding-bottom:1rem!important;padding-top:1rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.pt-4{padding-top:1.5rem!important}.pr-4{padding-right:1.5rem!important}.pb-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.px-4{padding-right:1.5rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.pt-5{padding-top:3rem!important}.pr-5{padding-right:3rem!important}.pb-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.px-5{padding-right:3rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}body{font-family:Roboto,serif!important;background-color:#fff!important;font-size:13px!important;margin:0!important;overflow-y:auto!important}body.el-popup-parent--hidden{padding-right:0!important}.title-page{display:flex;align-items:center}.title-page img{background:#cde5ff;padding:5px;border-radius:4px;margin-right:5px}.title-page span{font-weight:700;font-size:14px;line-height:100%;color:#007aff;text-transform:uppercase}.custom-input-common{margin-right:6px;width:120px}.custom-input-common input{border:1px solid #3f92d1}.custom-input-date-common{margin-right:6px;border:1px solid #3f92d1}.table-custom-common .el-table th.el-table__cell{background:#3c99ff!important;text-align:center;color:#fff;font-size:13px}.table-custom-common .el-table td.el-table__cell div{font-weight:400;font-size:12px;line-height:20px;letter-spacing:.01em;color:#000728}.table-custom-common .el-table .cell{word-break:break-word}.china-panigation-1988 .number,.china-panigation-1988 button{background-color:#fff!important;color:#3c99ff!important;font-weight:400;border:1px solid #d9eaff}.china-panigation-1988 .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#3c99ff!important;color:#fff!important}.china-panigation-1988 .el-pagination.is-background .btn-next,.china-panigation-1988 .el-pagination.is-background .btn-prev,.china-panigation-1988 .el-pagination.is-background .el-pager li{border:1px solid #d9eaff;margin:-1px}.dialog-no-close .el-dialog{border-radius:24px}.dialog-no-close .el-dialog__header{display:none}.dialog-no-close .el-dialog__body{padding:20px}.dialog-no-close .title-dialog{text-align:center;padding:30px 0}.dialog-no-close .title-dialog span{padding:10px 20px;color:#007aff;background:#cde5ff;font-weight:500;font-size:16px;line-height:20px;border-radius:6px}.dialog-no-close .item-line{display:flex;flex-direction:column;margin-bottom:20px}.dialog-no-close .item-line span{font-weight:400;font-size:12px;line-height:20px;letter-spacing:1%}.dialog-no-close .item-line .el-input{width:100%}.cursor{cursor:pointer}.el-input.is-disabled .el-input__inner{color:#000}.table-hienhm thead{border-bottom:2px solid #ebeef5;text-align:center;background-color:#2c5e77;color:#fff}.table-hienhm thead tr th{background:#3b99ff;padding:10px 5px;color:#fff;cursor:pointer}.table-hienhm tbody td,.table-hienhm thead tr th{border-bottom:1px solid #ebeef5;border-right:1px solid #ebeef5}.table-hienhm tbody td{padding:10px;text-align:center}.table-hienhm tbody td:first-child{border-left:1px solid #ebeef5}.el-textarea.is-disabled .el-textarea__inner{background-color:#fff;border-color:#e4e7ed;color:#000;cursor:not-allowed}.infinite-status-prompt{display:none}