body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.fanpage-item{box-shadow:0 1px 4px 0 rgba(0,0,0,.14)}.list-saler{box-shadow:0 6px 12px rgba(0,0,0,.18)}.button-login-facebook{-webkit-tap-highlight-color:transparent;align-items:center;-moz-appearance:none;-webkit-appearance:none;background-color:transparent;background-color:#2e7d32;border:0;border-radius:0;border-radius:4px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-sizing:border-box;color:inherit;color:#fff;cursor:pointer;display:inline-flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:500;justify-content:center;letter-spacing:.02857em;line-height:1.75;margin:0;min-width:64px;outline:0;padding:6px 16px;position:relative;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.post-item{border-radius:4px;box-shadow:0 1px 4px 0 rgba(0,0,0,.14);margin-bottom:20px;padding:20px}.image-selected{opacity:.5}.cursor-pointer{cursor:pointer}#root,body,html{height:100%}.main{display:flex;height:calc(100% - 70px)}.main .sidebar{border-right:1px solid rgba(0,0,0,.12);height:100%;position:fixed;width:15%}.main .sidebar ul{list-style:none;padding-left:0}.main .sidebar ul a{text-decoration:none}.main .sidebar ul a li{color:#333;padding:10px 20px}.main .sidebar ul a li:hover{background-color:rgba(0,0,0,.04)}.main .main-content{margin-left:15%;padding:50px 30px 30px;width:calc(85% - 60px)}.main .main-content .fanpage-item{border:1px solid #cccc;border-radius:50px;display:flex;height:70px;line-height:70px;margin-bottom:20px}.main .main-content .fanpage-item .fanpage-image{align-items:center;display:flex;justify-content:center;text-align:center;width:10%}.main .main-content .fanpage-item .fanpage-image img{border-radius:100%;height:50px;width:50px}.main .main-content .fanpage-item .fanpage-name{font-weight:700;width:80%}.main .main-content .fanpage-item .fanpage-like{width:20%}.main .main-content .post-item{border:1px solid #ccc;border-radius:4px;margin-bottom:20px;padding:20px}.header{background:#1b74e4;height:70px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.header,.header .menu{align-items:center;display:flex}.header .menu{justify-content:space-between}.header .menu .button-active{background:#fff;color:rgba(0,0,0,.6)}.header .menu .menu-item a{margin-right:15px}.header .menu .menu-item button{padding-left:10px;padding-right:10px}.header .menu .menu-item a.active button{background:#fff;color:rgba(0,0,0,.6)}.header .avatar button{color:#fff}.header a{text-decoration:none}.header a button{color:#fff}.header .left{width:50%}.header .right{align-items:center;display:flex;justify-content:flex-end;padding:0 30px;width:calc(50% - 60px)}.header .right .user-image{border-radius:100%;height:50px;width:50px}.header .right .full-name{font-weight:700;padding:0 20px}.m-t-0{margin-top:0}.mb-2{margin-bottom:2px}.m-t-20{margin-top:20px}.m-t-40{margin-top:40px}.m-b-0{margin-bottom:0}.m-b-20{margin-bottom:20px}.m-10{margin:10px}.modal{background:rgba(0,0,0,.3);height:100%;left:0;position:fixed;top:0;width:100%}.modal .modal-dialog{background:#fff;border-radius:4px;margin:30px auto;max-width:600px;padding:30px}.modal .modal-dialog .close{cursor:pointer}.form-control{border:1px solid #ccc;border-radius:4px;outline:none;padding:10px;width:calc(100% - 20px)}.t-right{text-align:right}.t-center{text-align:center}.h-100{height:100%}.list-comment button{float:right}.list-object-chatbot{list-style-type:none;padding-left:0}.list-object-chatbot li{background:#fafafa;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:inline-block;margin-bottom:10px;margin-right:10px;padding:10px 0;text-align:center;width:calc(20% - 12px)}.list-block{list-style-type:none;margin:0;padding-left:0}.list-block li{background:#fafafa;border:1px solid #f0f0f0;border-radius:5px;margin-bottom:10px;padding:10px}.list-button{list-style-type:none;padding-left:0}.list-button li{font-size:13px;margin-bottom:10px;padding:5px;text-align:center}.block .message-item,.list-button li{background:#fafafa;border:1px solid #ddd;border-radius:6px;color:#000}.block .message-item{margin-bottom:20px;padding:20px;vertical-align:top}.block-chat{display:flex}.block-chat .conversation{max-height:100%;overflow:auto;width:25%}.block-chat .conversation .customer{align-items:center;border-bottom:1px solid #ccc;cursor:pointer;display:flex;padding:10px 0}.block-chat .conversation .customer .avatar{width:20%}.block-chat .conversation .customer .avatar img{border-radius:100%;width:100%}.block-chat .conversation .customer .info{padding-left:20px}.block-chat .message{background:#e5ded8;padding:20px;width:50%}.block-chat .message .detail-mess{height:70%;overflow:auto;padding-top:20px}.block-chat .message .write-mess{height:30%}.block-chat .message .write-mess .order-tag{border-radius:4px;color:#fff;cursor:pointer;font-size:13px;margin-right:10px;opacity:.5;overflow:hidden;padding:5px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:10%}.block-chat .message .write-mess .done{background:#006838;opacity:.4}.block-chat .message .write-mess .cancel{background:orange;opacity:.4}.block-chat .message .write-mess .asking{background:#2e3191;opacity:.4}.block-chat .message .write-mess .created{background:#f9ec31;opacity:.4}.block-chat .message .write-mess .stock{background:red;opacity:.4}.block-chat .message .write-mess .order-tag-active{opacity:1}.block-chat .message .write-mess textarea{border:1px solid #ccc;border-radius:4px;height:calc(100% - 40px);outline:none;padding:0 10px;width:calc(100% - 20px)}.block-chat .message .mess-left{text-align:left}.block-chat .message .mess-left .mess-text{background:#fff;border-radius:20px;float:left;max-width:65%;padding:10px 18px}.block-chat .message .clear{margin:10px 0}.block-chat .message .clear:after{clear:both;content:" ";display:table}.block-chat .message .mess-right{text-align:right}.block-chat .message .mess-right .mess-text{background:#0084ff;border-radius:20px;color:#fff;float:right;max-width:65%;padding:10px 18px;text-align:left}.block-chat .message .mess-right .mess-text a{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.block-chat .message .image .mess-text,.block-chat .message .video .mess-text{background:unset}.block-chat .order{width:25%}.list-filed-webhook{display:flex;flex-wrap:wrap}.list-filed-webhook label{width:25%}.const{background:#910a9a;color:#fff}.fanpage-item{border:1px solid #eaeaea;border-radius:8px;height:240px;padding:20px;text-align:center}.fanpage-item .avatar-fanpage{border:2px solid #ccc;border-radius:100%;height:50px;padding:2px;width:50px}.fanpage-item .name-page{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-weight:500;overflow:hidden;text-overflow:ellipsis}.fanpage-item a{text-decoration:none}.fanpage-item .icon svg{color:#a8a8a8;cursor:pointer;margin:0 5px}.fanpage-item .status{font-size:14px}.fanpage-item .status-active{color:green}.fanpage-item .status-in-active{color:red}.add-fanpage{align-items:center;background:#208ef0;display:flex;flex-wrap:wrap;justify-content:center}.add-fanpage img{cursor:pointer;width:100px}.add-fanpage p{color:#fff;font-size:18px;margin:0;width:100%}.reload{color:#fff;text-decoration:none}.messenger-box{display:flex;height:calc(100% - 70px);position:fixed;width:100%}.messenger-box .list-user{display:flex;width:25%}.messenger-box .list-user .conversation{height:92%;overflow:hidden;overflow-x:hidden;overflow-y:visible}.messenger-box .list-user .load-more{padding:10px 0}.messenger-box .list-user .filter{background:#102233;width:10%}.messenger-box .list-user .filter .active{background:#29405f;color:#fff}.messenger-box .list-user .filter>ul{margin:0;padding-left:0}.messenger-box .list-user .filter>ul>li{color:#97a5ac;cursor:pointer;padding:10px 0;position:relative;text-align:center}.messenger-box .list-user .filter>ul>li svg{font-size:19px}.messenger-box .list-user .filter>ul>li .list-saler{background:#fff;display:none;left:38px;max-height:300px;overflow:auto;position:absolute;top:0;width:200px;z-index:333}.messenger-box .list-user .filter>ul>li .date-search{background:#fff;padding:20px}.messenger-box .list-user .filter>ul>li:hover{background:#29405f}.messenger-box .list-user .filter>ul>li:hover .list-saler,.messenger-box .list-user .filter>ul>li svg:hover .list-saler{display:block}.messenger-box .list-user .customer-active{background:rgba(45,136,255,.1)}.messenger-box .list-user .info .name{color:#000;font-size:15px}.messenger-box .list-user .info p svg{font-size:15px}.messenger-box .list-user .customer{border-bottom:1px solid #eee;cursor:pointer;display:flex;padding:8px 10px;width:100%}.messenger-box .list-user .customer .avatar{position:relative}.messenger-box .list-user .customer .avatar .num-mess{bottom:115px;left:35px;position:absolute}.messenger-box .list-user .customer .avatar .num-mess span{background:#f5222d;border-radius:100%;font-size:10px;height:18px;min-width:18px;width:18px}.messenger-box .list-user .customer .info{margin-left:15px;width:calc(100% - 85px)}.messenger-box .list-user .customer p{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#909090;display:-webkit-box;font-size:12px;overflow:hidden;text-overflow:ellipsis}.messenger-box .list-user .unread{font-weight:700}.messenger-box .list-user .search{align-items:center;background:#f0f2f5;border-bottom:1px solid #e2e2e2;display:flex;height:calc(8% - 10px);padding:5px 20px;z-index:1}.messenger-box .list-user .search input{border:1px solid #ddd;border-radius:4px;height:35px;outline:none;padding:0 10px;width:calc(100% - 20px)}.messenger-box .list-user .search select{border:1px solid #ddd;border-radius:4px;height:45px;outline:none;padding:0 10px}.messenger-box .detail-mess::-webkit-scrollbar,.messenger-box .list-user .conversation::-webkit-scrollbar,.messenger-box .MuiPaper-root::-webkit-scrollbar{height:10px;width:7px}.messenger-box .detail-mess::-webkit-scrollbar-thumb,.messenger-box .list-user .conversation::-webkit-scrollbar-thumb,.messenger-box .MuiPaper-root::-webkit-scrollbar-thumb{background:#e4e6eb;border-radius:4px}.messenger-box .detail-mess::-webkit-scrollbar-thumb:hover,.messenger-box .list-user .conversation::-webkit-scrollbar-thumb:hover,.messenger-box .MuiPaper-root::-webkit-scrollbar-thumb:hover{background:#ccc}.messenger-box .book .title-bill{align-items:center;background:#f0f2f5;border-bottom:1px solid #e2e2e2;display:flex;height:8%;padding:5px 20px}.messenger-box .book .title-bill span{font-size:18px;font-weight:500}.messenger-box .book .form-book{height:calc(92% - 30px);overflow:hidden;overflow-x:hidden;overflow-y:visible;padding:15px!important}.messenger-box .book .form-book .customer-info{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.messenger-box .book .form-book .table-cart tr td,.messenger-box .book .form-book .table-cart tr th{padding:10px 16px!important}.messenger-box .book .form-book::-webkit-scrollbar{width:7px}.messenger-box .book .form-book::-webkit-scrollbar-thumb{background:#e4e6eb;border-radius:4px}.messenger-box .book .form-book::-webkit-scrollbar-thumb:hover{background:#ccc}.messenger-box .book .form-book .input-item{margin-bottom:20px;width:48%}.messenger-box .book .form-book .input-item input{width:calc(100% - 20px)}.messenger-box .book .form-book .input-item select,.messenger-box .book .form-book .input-textarea{width:100%}.messenger-box .book .form-book .input-textarea textarea{border:1px solid rgba(0,0,0,.23);border-radius:4px;outline:none;padding:15px;width:calc(100% - 30px)}.messenger-box .chat{border-left:1px solid #ebeaea;border-right:1px solid #ebeaea;width:50%}.messenger-box .chat .chat-empty{color:#666;font-size:25px;margin-top:100px;text-align:center}.messenger-box .chat .info-user-chat{align-items:center;background:#f0f2f5;border-bottom:1px solid #e2e2e2;display:flex;height:8%;padding:5px 20px}.messenger-box .chat .info-user-chat .info{align-items:center;display:flex;width:60%}.messenger-box .chat .info-user-chat .info .avatar{height:35px;width:35px}.messenger-box .chat .info-user-chat .info .avatar img{border-radius:100%;height:40px;object-fit:cover;width:40px}.messenger-box .chat .info-user-chat .info .full-name{padding-left:10px;width:calc(100% - 50px)}.messenger-box .chat .info-user-chat .setting{align-items:center;display:flex;justify-content:right;text-align:right;width:40%}.messenger-box .chat .info-user-chat .setting svg{cursor:pointer;padding:0 10px}.messenger-box .chat .detail-mess{border-bottom:1px solid #f0f0f0;height:62%;overflow:hidden;overflow-x:hidden;overflow-y:visible;padding-top:20px}.messenger-box .chat .write-mess{background:#f7f7f7;height:30%;position:relative}.messenger-box .chat .write-mess .tag{align-items:center;display:flex;height:30%;padding:0 10px}.messenger-box .chat .write-mess .tag .order-tag{border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-right:10px;opacity:.4;overflow:hidden;padding:5px 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:10%}.messenger-box .chat .write-mess .tag .done{background:#006838;opacity:.4}.messenger-box .chat .write-mess .tag .cancel{background:orange;opacity:.4}.messenger-box .chat .write-mess .tag .asking{background:#2e3191;opacity:.4}.messenger-box .chat .write-mess .tag .created{background:#f9ec31;opacity:.4}.messenger-box .chat .write-mess .tag .stock{background:red;opacity:.4}.messenger-box .chat .write-mess .tag .order-tag-active{opacity:1}.messenger-box .chat .write-mess .form-chat{display:flex;height:calc(50% - 30px);margin-top:10px;padding:0 10px}.messenger-box .chat .write-mess .form-chat .avatar{height:30px;width:30px}.messenger-box .chat .write-mess .form-chat form{padding:0 10px;width:calc(100% - 30px)}.messenger-box .chat .write-mess .form-chat form textarea{background:#f7f7f7;border:0;border-radius:4px;font-size:20px;height:100%;outline:none;padding:0 10px;resize:none;width:calc(100% - 20px)}.messenger-box .chat .write-mess .attachment{height:20%;padding:0 10px;text-align:right}.messenger-box .chat .write-mess .attachment svg{color:rgba(0,0,0,.36);cursor:pointer;padding:0 8px}.messenger-box .chat .write-mess .attachment .file{display:none}.messenger-box .chat .write-mess .attachment>div{display:inline-block}.messenger-box .chat .mess-left{display:flex;padding:0 20px;text-align:left}.messenger-box .chat .mess-left .avatar{height:50px;margin-right:10px;width:50px}.messenger-box .chat .mess-left .avatar img{border-radius:100%;height:50px;object-fit:cover;width:50px}.messenger-box .chat .mess-left .mess-text{background:#e4e6eb;border-radius:10px;float:left;font-size:18px;max-width:65%;padding:10px 18px;word-break:break-word}.messenger-box .chat .mess-left .mess-text img{border:1px solid #f0f0f0;border-radius:.3em;float:left;height:100px;margin:0 5px 10px 0;object-fit:cover;width:30%}.messenger-box .chat .clear{margin:10px 0}.messenger-box .chat .clear:after{clear:both;content:" ";display:table}.messenger-box .chat .mess-right{display:flex;justify-content:flex-end;padding:0 20px;text-align:right}.messenger-box .chat .mess-right .avatar{height:50px;margin-left:10px;width:50px}.messenger-box .chat .mess-right .avatar img{border-radius:100%;width:100%}.messenger-box .chat .mess-right .mess-text{background:#0084ff;border-radius:10px;color:#fff;float:right;font-size:18px;max-width:65%;padding:10px 18px;position:relative;text-align:left;word-break:break-word}.messenger-box .chat .mess-right .mess-text video{float:right}.messenger-box .chat .mess-right .mess-text img{border:1px solid #f0f0f0;border-radius:.3em;float:right;height:100px;margin:0 5px 10px 0;object-fit:cover;width:30%}.messenger-box .chat .mess-right .mess-text a{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.messenger-box .chat .mess-right .mess-text .check-send{bottom:2px;color:gray;font-size:12px;position:absolute;right:-15px}.messenger-box .chat .mess-right .mess-text .check-send-attachment{bottom:15px}.messenger-box .chat .image .mess-text,.messenger-box .chat .video .mess-text{background:unset}.messenger-box .book{width:25%}.selection-box{background-color:rgba(0,0,0,.1);border:1px dashed #000;pointer-events:none;position:absolute}.swal2-container{z-index:106000!important}.swal2-container p{font-size:20px;margin:0}.block-image .name{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.block-image .lib-image{height:200px;object-fit:cover;width:100%}.textarea{border:1px solid #ccc;border-radius:4px;outline:none;padding:10px;width:calc(100% - 20px)}.icon{color:rgba(0,0,0,.36)}.w-100{width:100%}.cursor{cursor:pointer}.text-transform{text-transform:unset!important}.nowrap{white-space:normal}.label{border-radius:.3rem;padding:.3rem;text-align:center}.label-primary{background:#3699ff;color:#fff}.label-warning{background:#ffa800;color:#fff}.label-info{background:#8950fc;color:#fff}.label-danger{background-color:#f64e60;color:#fff}.label-success{background-color:#1bc5bd;color:#fff}.highlight-phone-number{background:#ff8100;border-radius:4px;color:#fff;font-weight:400;padding:2px 5px;text-align:center}.cursor-copy{cursor:copy}.alert-copy{left:0;margin-left:auto!important;margin-right:auto!important;position:absolute;right:0;top:100px;width:180px;z-index:2}.action-comment{margin-top:5px}.action-comment svg{cursor:pointer;font-size:18px;margin-right:5px}.hidden-active{color:#1b74e4}.list-page-connect{align-items:center;display:flex;margin-bottom:20px}.list-page-connect img{border:1px solid #ccc;border-radius:100%;height:50px;width:50px}.list-page-connect div:nth-child(3){padding:0 10px;text-align:left;width:65%}.list-page-connect div:nth-child(4){text-align:right;width:20%}.a-none{color:unset;text-decoration:none!important}.f-20{font-size:20px}b{font-weight:500!important}.display-flex{display:flex!important}.align-item{align-items:center}.justify-content-between{justify-content:space-between}.limit-one-row{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.justify-content-center{justify-content:center}.space-between{justify-content:space-between}.css-fb-custom,.css-fb-custom2{-webkit-tap-highlight-color:transparent;align-items:center;-moz-appearance:none;-webkit-appearance:none;background:#1877f2!important;background-color:#2e7d32;border:0;border-radius:0;border-radius:4px;box-sizing:border-box;color:inherit;color:#fff;cursor:pointer;display:inline-flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.9375rem;font-weight:500;justify-content:center;letter-spacing:.02857em;line-height:1.75;margin:0;min-width:64px;outline:0;padding:8px 22px;position:relative;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:100%}.css-fb-custom2{background:#fff!important;color:#1877f2!important;outline:2px solid #1877f2!important}.align-items-center{align-items:center}.more-tag .MuiButton-startIcon{margin:0}.status-order tr td{padding:5px 3px}.m-r-5{margin-right:5px!important}#alert-dialog-description img{max-width:100%}.position-relative{position:relative}.image-attachment svg{background:#000;color:#fff;font-size:18px;position:absolute;right:0}.result-search-mess{background:#1c6ae1;color:#fff;left:0;padding:5px 10px!important;position:absolute;top:-34px}.crosshair{cursor:crosshair}.option-fanpage{border-radius:4px;color:#fff;font-size:20px!important;margin-right:5px;padding:2px}.option-fanpage-pause-message{background:#ed6c02}.option-fanpage-remove{background:#d32f2f}.option-fanpage-chatbot{background:#208ef0}.option-fanpage-post{background:green}.post-content{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;font-size:16px;line-height:20px;overflow:hidden;text-overflow:ellipsis}.block-group-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:5px;margin-bottom:20px;padding:16px}.line-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden;text-overflow:ellipsis}.message-reply{background:#d3d3d3;border-radius:5px;max-width:200px;opacity:.5;padding:10px}body{font-size:16px}.page-login{align-items:center;background:#f0f8ff;display:flex;height:100vh;justify-content:center;text-align:center}.page-login button{background:#2979ff!important;border:0!important;border-radius:4px!important}.page-login ul{padding-left:0;text-align:center}.page-login ul li{display:inline-block;margin:0 10px}.page-login ul li a{text-decoration:none}.page-login .logo{width:200px}.page-login-password table{width:100%}.page-login-password table input{border:1px solid #f0f0f0;border-radius:4px;height:40px;margin-bottom:10px;outline:none;padding-left:10px;width:100%}.page-login-password table button{color:#fff;cursor:pointer;height:40px;width:100%}.text-danger{color:red}.error-validate{color:red;font-size:14px;margin:0 0 10px;text-align:left}
/*# sourceMappingURL=main.98f23c64.css.map*/