body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6f8fa;color:#333;font-family:Roboto,sans-serif;overflow-y:scroll}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff!important}#root,body,html{height:100%}body,html{overflow:auto}input{font-size:14px!important}textarea{border:1px solid #d4d8dd!important;border-radius:4px;padding:10px 15px!important;width:100%!important}th{text-transform:uppercase}.login-box{align-items:center;background:#fff;border-radius:.5rem;display:flex;flex-direction:column;margin:64px auto 0;max-width:400px;padding:15px}@media screen and (max-width:440px){.login-box{padding:0 15px}}.login-logo{height:65px;width:65px}.login-box>h1{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1.5rem;font-weight:400;letter-spacing:0;line-height:1.334;margin:0}.login-box>form{margin-top:8px;width:100%}.login-button{margin-bottom:16px!important;margin-top:5px!important;width:100%}.forgot-password{color:#5a8dee;display:flex;justify-content:center;margin:0;text-decoration:underline;-webkit-text-decoration-color:rgba(25,118,210,.4);text-decoration-color:rgba(25,118,210,.4)}.copyright,.forgot-password{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:400;letter-spacing:.01071em;line-height:1.43;text-align:center}.copyright{color:rgba(0,0,0,.6);margin:64px 0 32px}.company-underline{color:inherit;margin:0;-webkit-text-decoration:underline;text-decoration:underline}#bg{height:100%;position:fixed;width:100%}#bg,#bg>img{left:0;top:0}#bg>img{bottom:0;margin:auto;min-height:100%;min-width:100%;position:absolute;right:0}.side-menu{webkit-transition:all .1s ease 0s;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .1s ease 0s;-o-transition:all .1s ease 0s;white-space:nowrap;width:250px;z-index:2}.upper-menu{border-top:1px solid #ebedf2;flex:1 1;overflow-x:hidden;overflow-y:auto}[hidden]{display:none!important}#user-table{width:100%}#copyright-placeholder{left:250px;width:calc(100% - 250px)}#copyright-placeholder.expand{left:57px;width:calc(100% - 57px)}@media screen and (max-width:603px){.avatar-panel{padding-top:25px!important}}@media screen and (max-width:501px){.side-menu{width:0!important}.main{margin:0!important}#copyright-placeholder{padding:10px!important}}@media screen and (max-width:1100px){.side-menu{position:fixed;width:57px}#menu-icon{display:inline-flex!important}#user-table{min-width:100%!important}.main{margin-left:57px}.force-expand{width:280px!important;z-index:3}#copyright-placeholder{left:57px;width:calc(100% - 57px)}}@media(max-width:480px){#copyright-placeholder{left:0;width:100%}}@media screen and (min-width:1100px){.expand{width:250px}.display{display:none!important}}.display{display:block!important}@media screen and (max-width:700px){#hotline,#rights{display:none!important}}@media screen and (max-width:730px){.ul-heading-placeholder{flex-wrap:wrap}#search-bar{width:226px}.ul-heading{min-width:125px!important}}.close{width:57px}.show{display:inline-flex!important}.main{background-color:#f6f8fa;flex:1 1;height:calc(100% - 60.5px);overflow-x:hidden;overflow-y:scroll;position:relative;transition:all .4s;z-index:2}@media(min-width:768px){.main::-webkit-scrollbar{background-color:#eee;width:3px}.main::-webkit-scrollbar-thumb{background-color:#e5edfc;border-radius:999px}}.content{box-shadow:0 4px 25px 0 rgba(168,180,208,.1);display:flex;flex-direction:row;height:100%}.logo-img{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:30px;margin-top:4px;position:relative;width:30px}.logo{color:#4b495e;display:flex;flex-direction:row;margin-top:1px;padding:14px 14px 14px 13px;width:100%}.logo h1{align-items:center;display:flex;font-size:1.125rem;margin:0 0 0 15px}.logo>#left-arrow{font-size:40px;margin-left:10px}.screen{margin:0 auto;padding:15px}@media (min-width:1536px){.screen{max-width:1536px}}.user-list{height:auto;width:100%}.ul-heading{flex:1 1;font-size:20px;font-weight:500;padding:10px}@media(max-width:767px){.ul-heading{padding:5px 10px}}.ul-heading-placeholder{align-items:center;display:flex;flex-direction:row;padding:4px}#action-col{min-width:100px;width:100px}.add-dialog-content{display:flex;flex-direction:row;flex-wrap:wrap}.add-dialog-content>div{flex:1 1}.add-user-input{margin:10px 0!important}#avatar{border-radius:100px;display:flex;height:180px;margin:0 auto;width:180px}#upload{display:flex;justify-content:center;margin-bottom:20px;margin-top:20px}.unhide{display:block!important}.avatar-panel{padding:0 25px}.styled-input-base{width:calc(100% - 40px)}.side-menu .Mui-selected:hover{background-color:#fff!important}.side-menu .Mui-selected{background-color:#e5edfc!important;position:relative}.side-menu .Mui-selected:before{background:#5a8dee;border-bottom-right-radius:.5rem;border-top-right-radius:.5rem;bottom:0;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.side-menu .Mui-selected>div>p,.side-menu .Mui-selected>div>svg{color:#5a8dee!important}.login-logo-placeholder{display:flex;flex-direction:row;margin-bottom:20px}.login-logo-placeholder h1{align-items:center;color:#104d9d;display:flex;justify-content:center;margin:0}.login-tagline{display:flex;flex-direction:column;justify-content:center;margin-left:5px}.login-tagline>span{font-size:12px}.logo>h1,.logo>img{cursor:pointer}.loading-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);height:40px;width:40px}.MuiTabPanel-root{padding:0!important}.callButton{background-color:#60e500!important;margin:15px!important}.endCallButton{background-color:#da2f2f!important;margin:15px!important}.sipStatusPlaceholder{align-items:center;background-color:#d0f6bb;border-radius:2px;color:green;display:inline-flex;font-size:.75rem;font-weight:500;height:20px;justify-content:center;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sipStatusPlaceholder,.softphone-dialog{font-family:Roboto,Helvetica,Arial,sans-serif}.softphone-dialog{bottom:42px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12)!important;margin:20px;position:fixed;right:-7px;width:320px}.dial-buttons,.volumer{align-items:center;display:flex;justify-content:center}input:focus,textarea:focus{outline:none}.dialpad-number{box-sizing:border-box;cursor:pointer;display:flex;font-size:25px;font-weight:200;justify-content:center;margin:0 6px;width:29%}.dialpad-number-circle{align-items:center;background-color:#e4e4e4;border-radius:100px;display:flex;height:60px;justify-content:center;margin:10px 0;transition:all .2s;width:60px}.dialpad-number-circle:hover{background-color:#f4f4f4}.dialpad-number-circle:active{background-color:#c2c2c2}.no-select{-ms-user-select:none;user-select:none;-moz-user-select:none;-webkit-user-select:none}#phoneNumberInput:disabled{background-color:hsla(0,0%,100%,0)}.calling-backdrop{background:linear-gradient(180deg,#bfeded,#fff 50%)}#phoneNumberInput{background-color:hsla(0,0%,100%,0)}.animated{-webkit-animation-duration:1.25s;animation-duration:1.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.fast{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes radiate{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(1.4,1.4,1.4);transform:scale3d(1.4,1.4,1.4)}to{opacity:0}}@keyframes radiate{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(1.4,1.4,1.4);transform:scale3d(1.4,1.4,1.4)}to{opacity:0}}.radiate{-webkit-animation-name:radiate;animation-name:radiate}.avatar{height:106px;position:relative;width:106px}.avatar .status-circle,.avatar .status-radiate{background:#666;border-radius:100%;display:block;height:106px;left:-3px;position:absolute;top:-3px;width:106px;z-index:0}.avatar .status-circle.available,.avatar .status-radiate.available{background:#7d2}.search-box{padding:14px}@media (min-width:1366px){.search-box{max-width:920px}}#search-table tr td{padding-top:20px}#search-table tr:first-child td{padding-top:0}.hr-row{align-items:center;display:flex;flex-direction:row}.hr-row label{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.search-row{align-content:flex-start;display:flex;flex-direction:row;flex-wrap:wrap}.cot{display:flex;flex-direction:column;height:63px;justify-content:space-between;margin-bottom:15px;padding:0 10px 0 0}.dataSource,.dataStatus{display:inline-flex}.search-btn-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.search-btn-row>button{width:calc(25% - 8px)}@media (max-width:767px){.search-btn-row>button{width:calc(50% - 5px)}}@media (max-width:480px){.search-btn-row>button{width:100%}}.overview-statistics{display:flex;flex-direction:row;flex-wrap:wrap;padding:20px 0 30px;width:calc(100% + 10px)}.overview-statistics>div{box-shadow:0 .5rem 1rem rgb(0 0 0/5%);width:calc(25% - 10px)}@media only screen and (max-width:767px){.overview-statistics>div{width:calc(50% - 10px)}.overview-statistics>div:nth-child(odd){margin-right:10px}}.stats-placeholder{background-color:#fff;border:1px solid #cecece;border-radius:4px;color:#fff;font-size:20px;font-weight:500;height:60px;margin-bottom:5px;width:60px}.overview-statistics>div,.stats-placeholder{align-items:center;display:flex;justify-content:center}.overview-statistics>div{border:none;border-radius:.5rem;flex-direction:column;margin-bottom:10px;margin-right:10px}.overview-statistics>div>div:nth-child(2){color:gray;text-align:center}#kh-table{overflow-x:scroll}.checkout-total{display:flex;flex-direction:row;padding:14px}.checkout-label,.checkout-money{display:flex;flex-direction:column;margin-right:25px}.checkout-label>div,.checkout-money>div{margin-bottom:5px}.checkout-label>div:last-child,.checkout-money>div:last-child{margin-bottom:0}.checkout-label{color:gray}.checkout-money{font-weight:600}input[type=date]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.pager{justify-content:space-between;padding:14px}.pager,.pager>div{display:flex;flex-direction:row}.pager>div>div{align-items:center;display:flex}li[data-range-key="Custom Range"]{content:"Tùy chỉnh"}.customer-detail-col{display:flex;flex-direction:column;flex-wrap:wrap;margin-right:20px}.maxWidth290{margin-right:10px;max-width:290px;min-width:290px}.line-break{height:1px;width:100%}.adjustWidth{width:calc(100% - 324px)}td{padding:0}.data-history-btn{cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end}.box-order-report{width:50%}.order-report{background:#85c2ff;padding:10px}.order-report span{color:#fff;font-size:16px}.setting-paper{margin-bottom:15px}.loginBtn{border:none;border-radius:.2em;box-sizing:border-box;color:#fff;cursor:pointer;font-size:16px;height:35px;line-height:34px;margin:.2em;padding:0 15px 0 46px;position:relative;text-align:center!important;text-align:left;white-space:nowrap}.loginBtn:before{box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:34px}.loginBtn:focus{outline:none}.loginBtn:active{box-shadow:inset 0 0 0 32px rgba(0,0,0,.1)}.login-with-facebook{background-color:#4c69ba;background-image:linear-gradient(#4c69ba,#3b55a0);text-shadow:0 -1px 0 #354c8c}.login-with-facebook:before{background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png) 6px 6px no-repeat;border-right:1px solid #364e92}.login-with-facebook:focus,.login-with-facebook:hover{background-color:#5b7bd5;background-image:linear-gradient(#5b7bd5,#4864b1)}.outgoing-message{background-color:#0080ff;color:#fff;margin:10px 0 0 auto}.incoming-message,.outgoing-message{word-wrap:break-word;border-radius:10px;max-width:340px;min-width:0;padding:13px;width:-webkit-max-content;width:max-content}.incoming-message{background-color:#f2f2f2;margin:10px auto 0 0}.participants-boxes{background-color:#fff}.participants-boxes,.selected-conversation{align-items:center;cursor:pointer;display:flex;height:65px;justify-content:space-between;margin:8px}.selected-conversation{background-color:#e5edfc;border-radius:10px}.search-conversation-box{background-color:#f3f3f4;border:1px solid #fff;border-radius:999px;box-sizing:border-box;font-size:16px!important;padding:10px 15px;width:100%}.below-name{color:#8b8b8b;font-size:14px;margin-top:5px;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-conversation-box .MuiInputAdornment-root{margin-right:5px}.search-conversation-box .MuiOutlinedInput-root{border-radius:999px;padding-left:10px}.box-function-icon{align-items:center;background:#e5edfc;border-bottom-left-radius:4px;border-left:3px solid;border-top-left-radius:4px;color:#5a8dee;display:flex;height:50px;justify-content:center;width:50px}.info-box-title{color:#707287;font-size:.938rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.function-box-content{margin-left:10px}.info-box-text{font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participants-boxes:hover{background-color:#f5f5f5;border-radius:10px}.profile-user-img{border:3px dashed #e5edfc;border-radius:100px;display:flex;height:70px;justify-content:center;margin:0 auto;padding:3px;width:70px}.profile-username{align-items:center;display:flex;font-size:18px;font-weight:800;justify-content:center;padding:10px 0}.avatar_image_small{border-radius:50%;width:36px}.switch-cell .MuiSwitch-root{margin-left:-10px}.box-upload{border-radius:.5rem;cursor:pointer;display:flex;height:150px;justify-content:center;position:relative;width:180px}.box-upload .box-img{height:100%;left:0;top:0;width:100%}.box-upload .box-img img{border-radius:6px;height:100%;width:100%}@media (max-width:1170px){.box-upload{height:80px;width:80px}}@media (max-width:1024px){.box-upload{height:65px;width:65px}}.text-diachi{height:70px!important}.box-img{position:absolute}@media(max-width:480px){.phonering-alo-phone{top:-8px!important}}.phonering-alo-phone.phonering-alo-static{opacity:.6}.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover{opacity:1}.phonering-alo-ph-circle{-webkit-animation:phonering-alo-circle-anim 1.2s ease-in-out infinite;animation:phonering-alo-circle-anim 1.2s ease-in-out infinite;background-color:transparent;border:9 solid #bfebfc;border-radius:100%!important;height:45px;left:13px;opacity:.1;position:absolute;top:13px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition:all .5s;width:45px}.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle{-webkit-animation:phonering-alo-circle-anim 1.1s ease-in-out infinite!important;animation:phonering-alo-circle-anim 1.1s ease-in-out infinite!important}.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle{-webkit-animation:phonering-alo-circle-anim 2.2s ease-in-out infinite!important;animation:phonering-alo-circle-anim 2.2s ease-in-out infinite!important}.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle{border-color:rgba(48,209,88,.5)}.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle{border-color:#ccc;opacity:.5}.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle{border-color:rgba(48,209,88,.5)}.phonering-alo-ph-circle-fill{-webkit-animation:phonering-alo-circle-fill-anim 2.3s ease-in-out infinite;animation:phonering-alo-circle-fill-anim 2.3s ease-in-out infinite;background-color:#000;border:2px solid transparent;border-radius:100%!important;height:50px;left:10px;position:absolute;top:10px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition:all .5s;width:50px}.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill{-webkit-animation:phonering-alo-circle-fill-anim 1.7s ease-in-out infinite!important;animation:phonering-alo-circle-fill-anim 1.7s ease-in-out infinite!important}.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill{-webkit-animation:phonering-alo-circle-fill-anim 2.3s ease-in-out infinite!important;animation:phonering-alo-circle-fill-anim 2.3s ease-in-out infinite!important;opacity:0!important}.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill{background-color:#30d158;background-color:rgba(48,209,88,.9);opacity:.75!important}.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill{background-color:rgba(117,235,80,.5);background-color:rgba(48,209,88,.9);opacity:.75!important}.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill{background-color:rgba(48,209,88,.9);background-color:#a6e3fa 9}.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill{background-color:hsla(0,0%,80%,.5);background-color:#ccc 9;opacity:.75!important}.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:.75!important}.phonering-alo-ph-img-circle{-webkit-animation:phonering-alo-circle-img-anim 1s ease-in-out infinite;animation:phonering-alo-circle-img-anim 1s ease-in-out infinite;background:rgba(30,30,30,.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat 50%;background-size:20px 20px;border:2px solid transparent;border-radius:100%!important;height:30px;left:20px;position:absolute;top:20px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:30px}.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle{-webkit-animation:phonering-alo-circle-img-anim 1s ease-in-out infinite!important;animation:phonering-alo-circle-img-anim 1s ease-in-out infinite!important}.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle{-webkit-animation:phonering-alo-circle-img-anim infinite ease-in-out 0!important;animation:phonering-alo-circle-img-anim infinite ease-in-out 0!important}.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle{background-color:#30d158}.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle{background-color:#75eb50;background-color:#75eb50 9}.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle{background-color:#30d158;background-color:rgba(48,209,88,.9)}.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle{background-color:#ccc}.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle{background-color:#30d158}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes phonering-alo-circle-anim{0%{opacity:.1;-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg)}30%{opacity:.5;-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg)}to{opacity:.1;-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}}@keyframes phonering-alo-circle-anim{0%{opacity:.1;-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg)}30%{opacity:.5;-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg)}to{opacity:.1;-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes phonering-alo-circle-fill-anim{0%{opacity:.2;-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg)}50%{opacity:.2;-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}to{opacity:.2;-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg)}}@keyframes phonering-alo-circle-fill-anim{0%{opacity:.2;-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg)}50%{opacity:.2;-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}to{opacity:.2;-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg)}}@-webkit-keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}to{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}}@keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}to{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}}.close-phone{background:#e71716;color:#fff;cursor:pointer;padding:10px;position:absolute}.close-phone:hover svg{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:1s ease-in-out}.chat-inbox{height:calc(100vh - 195px);overflow:auto}.inbox-more-btn{align-items:center;border-radius:50px;color:#0c9f6e;cursor:pointer;display:flex;padding:5px}.inbox-more-btn:hover{background-color:#f4f4f4}.unread-bold{color:#000;font-weight:700}.unread-count{align-items:center;background-color:#ee5050;border-radius:50%;color:#fff;display:flex;font-size:13px;height:20px;justify-content:center;margin-right:5px;width:20px}.ant-upload-span{display:flex;font-size:14px}.box-submitImport{display:flex;justify-content:flex-end}@media(min-width:480px){.box-submitImport{margin-right:30px}}.ant-upload-list-item-card-actions-btn{background:none;border:none;color:red}label[class*="MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"]{background:#fff;font-size:14px;left:-5px;padding:0 10px;top:-5px!important}.MuiFormLabel-root.Mui-focused{background:#fff;color:#5a8dee!important}label[class*=MuiInputLabel-sizeSmall]{background:#fff;font-size:14px;left:-5px;padding:0 10px;top:2px!important}[class*=MuiOutlinedInput]{border:1px solid #cdd2d7!important;color:#707287!important;font-size:.875rem!important;height:40px!important;line-height:40px!important}[class*=MuiOutlinedInput]>div,[class*=MuiOutlinedInput] fieldset,[class*=MuiOutlinedInput] input{border:none!important}[class*=MuiAutocomplete-endAdornment]{top:-2px!important;z-index:10}.fix-muibox .MuiBox-root{position:inherit!important}.fix-muibox [class*="MuiOutlinedInput-input MuiInputBase-input"]{height:17px!important;padding:0!important}[class*="MuiMenuItem-root MuiMenuItem-gutters MuiButtonBase-root"]{-webkit-tap-highlight-color:transparent!important;align-items:center;background-color:transparent!important;border:0!important;border-radius:0!important;color:inherit;cursor:pointer;display:flex!important;display:-ms-flexbox;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;justify-content:left!important;justify-content:flex-start;letter-spacing:.00938em;line-height:1.5;margin:0!important;outline:0!important;padding:6px 16px!important;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none!important;vertical-align:middle!important}[class*=MuiButtonBase-root-MuiMenuItem-root]:hover{background-color:transparent!important;text-decoration:none}.btn-play{background:#5a8dee;border:none;border-radius:.5rem;box-shadow:0 2px 6px 0 rgba(59,130,246,.5);color:#fff;cursor:pointer;height:36px;line-height:36px;min-width:80px;padding:0 10px}.order-list,.user-list{border:none!important;border-radius:.5rem!important;box-shadow:0 4px 25px 0 rgba(168,180,208,.1)!important}.btn-modal-group{padding:40px 0 0}@media (min-width:481px){.btn-modal-group{display:flex;justify-content:space-evenly}}@media (max-width:480px){.btn-modal-group>div{margin-bottom:10px}.btn-modal-group .search-row-button{width:100%}}@-webkit-keyframes slideIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}0%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}}@keyframes slideIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}0%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}}.heading{font-size:1.2rem;font-weight:500;margin:0 0 .2rem}.upper-menu .item{align-items:center;cursor:pointer;display:flex;padding:10px 17px}.upper-menu .name-sidebar{color:#707287}.box-right{display:flex;padding-right:5px;position:relative}@media(min-width:480px){.box-right{margin-left:auto;padding-right:12px}}.box-drp .menuExpand{background:#fff;border:1px solid #d4d8dd;border-radius:.5rem;box-shadow:0 4px 25px 0 rgba(168,180,208,.1);display:none;font-size:.875rem;min-width:176px;padding:5px;position:absolute;right:0;top:40px;z-index:20}.box-drp .menuExpand.notifi-wrapper{min-width:300px;padding:10px;text-align:left;width:300px}@media(max-width:480px){.box-drp .menuExpand.notifi-wrapper{right:-55px}}.box-drp .menuExpand .menuItem{color:#707287;cursor:pointer;padding:5px 10px}.box-drp .menuExpand .menuItem:hover{background:#e5edfc;color:#5a8dee}.box-drp .menuExpand.active{webkit-animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideIn;animation-name:slideIn;display:block}.boxsearch-sidebar{webkit-transition:all .2s ease-in;background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.2);height:100%;padding:10px 0 15px;position:fixed;right:0;top:0;-webkit-transform:translateX(440px);transform:translateX(440px);transition:all .2s ease-in;width:100%;z-index:9999}.boxsearch-sidebar.active{padding-top:0;-webkit-transform:none!important;transform:none!important;transition-delay:.1s}@media(min-width:480px){.boxsearch-sidebar{border:1px solid #d4d8dd;border-radius:.5rem;display:none;height:inherit;position:absolute;right:14px;top:40px;-webkit-transform:none!important;transform:none!important;width:440px}.boxsearch-sidebar.active{display:block}.boxsearch-sidebar .ul-heading{display:none!important}}.boxsearch-sidebar .ul-heading{padding:10px}.box-card{display:flex;padding:5px 0;width:calc(100% + 15px)}@media(min-width:768px){.box-card{flex-direction:row;flex-wrap:wrap}}.box-card .item{border-radius:.5rem;box-shadow:0 1px 2.94px .06px rgba(4,26,55,.16);color:#fff;margin-bottom:15px;margin-right:15px;width:calc(16.66667% - 15px)}@media(max-width:1531px) and (min-width:767px){.box-card .item{width:calc(33.33333% - 15px)}.box-card .item:nth-child(3n+1){margin-right:15px}}@media (max-width:767px) and (min-width:480px){.box-card .item{width:calc(50% - 15px)}.box-card .item:nth-child(odd){margin-right:15px}}@media only screen and (max-width:767px){.box-card{overflow-y:scroll}.box-card .item{min-width:250px}}.box-card .item .box-content{padding:20px}.box-card .item .title{font-weight:600;margin:0}.box-card .item .text-bottom{align-items:center;display:flex;justify-content:space-between}.box-card .item .number{font-size:30px;font-weight:600}.bg-c-blue{background:linear-gradient(45deg,#4099ff,#73b4ff)}.bg-c-red{background:linear-gradient(45deg,#ff5370,#ff869a)}.bg-c-yellow{background:linear-gradient(45deg,#ffb64d,#ffcb80)}.bg-c-green{background:linear-gradient(45deg,#2ed8b6,#59e0c5)}.bg-c-ibiza{background:#ee0979;background:linear-gradient(45deg,#ee0979,#ff6a00)!important;color:#fff}.bg-c-cosmic{background:linear-gradient(90deg,#8e2de2,#4a00e0)}.bg-bluepastel{background:#e5edfc}.customer-overview{display:flex;flex-direction:row;flex-wrap:wrap;padding:5px 0 20px;width:calc(100% + 15px)}.customer-overview .item{align-items:center;background:#fff;border-left:3px solid #5a8dee;border-radius:.5rem;box-shadow:0 1px 2.94px .06px rgba(4,26,55,.16);display:flex;margin-bottom:15px;margin-right:15px;padding:10px 15px;width:calc(25% - 15px)}@media (max-width:992px) and (min-width:767px){.customer-overview .item{width:calc(33.33333% - 15px)}.customer-overview .item:nth-child(3n+1){margin-right:15px}}@media (max-width:767px){.customer-overview .item{width:calc(50% - 15px)}.customer-overview .item:nth-child(odd){margin-right:15px}}@media(max-width:480px){.customer-overview .item{padding:5px}}.customer-overview .item .box-icon{align-items:center;background:#5a8dee;border-radius:10px;display:flex;flex:0 0 3rem;height:3rem;justify-content:center;margin-left:auto;position:relative;width:3rem}.customer-overview .item .box-icon:after,.customer-overview .item .box-icon:before{background-color:hsla(0,0%,100%,.1);content:"";height:54px;left:16px;position:absolute;top:-5px;-webkit-transform:rotate(32deg);transform:rotate(32deg);transition:all .4s;width:8px}.customer-overview .item .box-icon:after{left:-12px;transition:all .2s;width:12px}.customer-overview .item .title{color:#707287;font-size:.875rem;font-weight:500;margin:0 0 .25rem}.customer-overview .item .number{font-size:1.5rem;font-weight:500}.boxgroup>*{width:100%}@media(max-width:480px){.boxgroup>*{margin-bottom:10px}}@media(min-width:480px){.boxgroup{display:flex}.boxgroup>*{width:33.33333%}.boxgroup>:not(:first-child){margin-left:10px}.boxgroup.two>*{width:50%}}.modal-boxupload{background:#fff;padding:0}@media(min-width:480px){.modal-boxupload{margin:0 auto;max-width:600px;padding:10px 30px 0}}.modal-boxupload .form-upload{align-items:center;border:2px dashed #5a8dee;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:167px;justify-content:center;margin:15px 0;position:relative}@media(min-width:480px){.modal-boxupload .form-upload{margin:30px 0}}.modal-boxupload .content-upload{color:#5a8dee;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal-boxupload .content-upload p{font-size:16px;font-weight:400;margin-bottom:0;margin-top:15px}.modal-boxupload .content-upload i{font-size:50px}.modal-boxupload .ant-upload-list-text-container{background:#e5edfc;border-radius:.25rem;height:50px;line-height:50px;margin-bottom:10px;padding:0 10px}.modal-boxupload .ant-upload-list-item-name{margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:200px}.modal-boxupload .anticon svg{height:1.2em;width:1.2em}.modal-boxupload .ant-upload-list-item-card-actions .anticon svg{color:#f46a6a;position:relative;top:-3px}::-webkit-file-upload-button{font-family:serif!important;font-size:medium!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;line-height:normal!important;font:initial!important}.box-card-sumary{background:#c0bbf7;background:linear-gradient(to bottom right,#c0bbf7,#355fbf);border-radius:.5rem;box-shadow:0 4px 25px 0 rgba(168,180,208,.1);display:flex;margin-bottom:20px;margin-top:20px}@media(min-width:768px){.box-card-sumary{flex-direction:row;flex-wrap:wrap}}.box-card-sumary .item{display:flex;min-height:102px;padding:20px 25px;position:relative;width:33.33333%}@media(min-width:1536px){.box-card-sumary .item{width:16.66667%}.box-card-sumary .item:not(:last-child){border-right:1px solid hsla(0,0%,100%,.2)!important}}.box-card-sumary .item:nth-child(n+1){border-right:1px solid hsla(0,0%,100%,.2)}.box-card-sumary .item:nth-child(n+3){border-top:1px solid hsla(0,0%,100%,.2)}.box-card-sumary .item:nth-child(3n+3){border-right:0}.box-card-sumary .item .box-icon{background:hsla(0,0%,100%,.2);border:1px dashed hsla(0,0%,100%,.5);border-radius:50%;color:#fff;height:46px;line-height:46px;position:absolute;right:20px;text-align:center;top:10px;width:46px}.box-card-sumary .item .box-icon .fas{font-size:20px}.box-card-sumary .item .box-content{color:#fff}.box-card-sumary .item .title{font-size:16px;font-weight:600}.box-card-sumary .item .number{font-size:32px;font-weight:700}@media only screen and (max-width:767px){.box-card-sumary{overflow-y:scroll;width:calc(100% + 15px)}.box-card-sumary .item{min-width:250px;width:inherit}.box-card-sumary .item:not(:last-child){border-right:1px solid hsla(0,0%,100%,.2)!important}}.box-note{border:2px dashed #e5edfc;border-radius:.5rem;padding:10px 15px;text-align:left}.box-note .list{margin-top:10px}.box-note .list .item{display:flex}.box-note .item .box-avatar{background:#5a8dee;border-radius:50%;color:#fff;display:block;flex:0 0 36px;font-weight:700;height:36px;line-height:36px;margin-right:10px;text-align:center;text-transform:uppercase;width:36px}.box-note .item .box-content{width:calc(100% - 40px)}.box-note .item .box-content .name{color:#222;font-size:15px;font-weight:500}.box-note .item .box-content p{color:#222}.box-note .item .box-content .time{color:#999;font-size:13px}.box-note .item:not(:first-child){border-top:1px dashed #e5edfc;margin-top:10px;padding-top:10px}.box-note{height:296px;overflow-x:hidden;overflow-y:scroll;position:relative;z-index:2}@media(min-width:768px){.box-note::-webkit-scrollbar{background-color:#eee;width:3px}.box-note::-webkit-scrollbar-thumb{background-color:#e5edfc;border-radius:999px}}.box-note-form{display:flex}.box-note-form textarea{height:inherit;margin-right:10px}.bg-success{background-color:rgba(52,195,143,.18);color:#34c38f}.bg-failed{background-color:hsla(0,86%,69%,.18);color:#f46a6a}.bg-pending{background-color:rgba(241,180,76,.18);color:#f1b44c}.text-status{border-radius:.3rem;cursor:pointer;display:inline-block;font-size:12px;font-weight:500;padding:3px 5px;text-align:center}@media(max-width:600px){.chat-panel-right{webkit-transition:all .2s ease-in;background:#fff;position:fixed;right:0;top:57px;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .2s ease-in}.chat-panel-right.active{-webkit-transform:none!important;transform:none!important;transition-delay:.1s}.chat-panel-right .box-heading>div{padding-left:45px!important}}#conversations-panel{width:100%}@media(min-width:600px){#conversations-panel{border-right:1px solid #e5e5e5;width:300px}}.box-step-content{text-align:center}.box-account-info{border-bottom:1px dashed #eee;margin-bottom:5px;padding:5px 10px;text-align:left}.box-account-info .user-name{font-size:.875rem;font-weight:600}.box-account-info .user-status{color:#707287;letter-spacing:.2rem;text-transform:capitalize}.user-profile .box-avatar{border-radius:50%;display:block;height:70px;margin:0 auto;width:70px}.zalo-wrapper{position:relative}.circle-expand{webkit-transition:all .2s ease-in;border-radius:50%;cursor:pointer;display:block;display:none;font-size:18px;left:10px;position:absolute;text-align:center;top:10px;transition:all .2s ease-in;z-index:20}@media(min-width:992px){.zalo-wrapper{display:flex}.zalo-wrapper .circle-expand{display:block}.zalo-wrapper.expand .circle-expand{color:#5a8dee}.zalo-wrapper .sidebar-nav{border-right:1px solid #f6f8fa;padding:20px;width:300px}.zalo-wrapper .tab-content{webkit-transition:all .2s ease-in;transition:all .2s ease-in;width:calc(100% - 300px)}.zalo-wrapper.expand .sidebar-nav{opacity:0;position:absolute;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.zalo-wrapper.expand .tab-content{width:100%}.zalo-wrapper .sidebar-nav{margin-top:36px}.zalo-wrapper .tab-content{margin-top:30px}}.zalo-wrapper .sidebar-nav{webkit-transition:all .2s ease-in;padding:10px;transition:all .2s ease-in}.zalo-wrapper .sidebar-nav .menuItem{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem;cursor:pointer;padding:10px 15px;position:relative}.zalo-wrapper .sidebar-nav .menuItem.active{background-color:#e5edfc;color:#5a8dee}.zalo-wrapper .sidebar-nav .menuItem.active:before{background:#5a8dee;border-bottom-right-radius:.5rem;border-top-right-radius:.5rem;bottom:0;content:"";height:100%;left:0;position:absolute;top:0;width:4px}@media(min-width:768px){.zalochat-wrapper{display:flex}.zalochat-wrapper .box-chat-listing{height:500px;width:320px}.fb-list,.zalochat-wrapper .box-chat-listing{margin-right:10px;overflow:hidden;overflow-y:scroll;padding-right:8px}.fb-list{height:240px;width:104%}.zalochat-wrapper .wrapper-chat{width:calc(100% - 330px)}.zalo-wrapper .tab-content{padding:20px}.wrapper-chat .msg-content{height:370px;width:calc(100% - 5px)}.wrapper-chat .chat-msg{height:380px}}@media(min-width:1367px){.wrapper-chat .msg-content{height:484px}.wrapper-chat .chat-msg{height:555px}.zalochat-wrapper .box-chat-listing{height:670px}.wrapper-chat .msg-content{height:530px}#zalofollower .wrapper-chat .msg-content{height:480px}}.wrapper-chat .msg-content{overflow-x:hidden;overflow-y:scroll;padding-left:20px;padding-right:15px;padding-top:15px;width:calc(100% - 5px)}.zalo-wrapper .tab-content{padding:10px;transition:all .2s ease-in}.zalo-wrapper .zalo-logo{border-radius:50%;display:block;height:30px;line-height:30px;width:30px}.zalo-wrapper .zalo-logo img{border-radius:50%;height:100%;width:100%}.wrapper-chat .chat-box-top{border:1px solid #ebebeb;padding:10px}.wrapper-chat .chat-box-top .chat-user{align-items:center;display:flex}.wrapper-chat .chat-box-top .chat-user .total-msg{font-weight:700;margin-left:auto}.wrapper-chat .chat-box-top .chat-user .username{font-weight:700}.wrapper-chat .chat-box-top .chat-user .photo{border-radius:50%;height:36px;margin-right:10px;overflow:hidden;width:36px}.wrapper-chat .chat-box-top .chat-user .photo img{height:100%;width:100%}.wrapper-chat .chat-msg{background:#f7f7f7;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;position:relative}@media(min-width:768px){.wrapper-chat .msg-content::-webkit-scrollbar{background-color:#eee;width:3px}.wrapper-chat .msg-content::-webkit-scrollbar-thumb{background-color:#e5edfc;border-radius:999px}.zalochat-wrapper .box-chat-listing::-webkit-scrollbar{background-color:#eee;width:3px}.zalochat-wrapper .box-chat-listing::-webkit-scrollbar-thumb{background-color:#e5edfc;border-radius:999px}.fb-list::-webkit-scrollbar{background-color:#eee;width:3px}.fb-list::-webkit-scrollbar-thumb{background-color:#e5edfc;border-radius:999px}}.wrapper-chat .msg-content .msg-box{background:#fff;border-radius:15px 15px 0 15px;box-shadow:0 5px 15px 0 rgba(0,0,0,.15);display:inline-block;font-size:16px;margin-bottom:10px;max-width:800px;padding:8px 10px;text-align:left}.wrapper-chat .msg-content .text-right .msg-seller{justify-content:flex-end}.wrapper-chat .msg-content .msg-seller{display:flex}.wrapper-chat .msg-content .msg-seller .photo{border-radius:50%;flex:0 0 36px;height:36px;margin-right:8px;overflow:hidden;width:36px}.wrapper-chat .msg-content .text-right .msg-seller .msg-box{background:#5a8dee;color:#fff;margin-top:5px}.wrapper-chat .msg-content .msg-time{font-size:12px;opacity:.6}.wrapper-chat .chat-input-holder{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.15);position:relative}.wrapper-chat .chat-input-holder textarea{border:none!important;height:64px!important;padding-right:60px!important}.wrapper-chat{position:relative}.wrapper-chat .loading{align-items:center;display:flex;height:100%;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:20}.spinning-loader{-webkit-animation:rotate-s-loader 1s linear infinite;animation:rotate-s-loader 1s linear infinite;background:transparent;border:5px solid #e5edfc;border-left-color:#5a8dee;border-radius:50%;display:block;height:50px;margin:1rem auto;width:50px}@-webkit-keyframes rotate-s-loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-s-loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media(max-width:767px){.wrapper-chat .chat-box-top{padding-left:40px}.zalochat-wrapper .wrapper-chat{webkit-transition:all .2s ease-in;background:#fff;height:calc(100% - 56px);left:0;position:fixed;top:56px;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .2s ease-in;width:100%}.zalochat-wrapper .wrapper-chat.active{-webkit-transform:none!important;transform:none!important;transition-delay:.1s}.wrapper-chat .chat-box-top .chat-user .total-msg{font-size:12px}.wrapper-chat .msg-content{height:calc(100vh - 240px)}}.zalochat-wrapper .box-chat-listing .heading{margin-bottom:1rem}.zalochat-wrapper .box-chat-listing .item{align-items:cennter;border-radius:.5rem;box-shadow:0 5px 15px 0 rgba(0,0,0,.15);cursor:pointer;display:flex;margin-bottom:10px;padding:10px;position:relative}.zalochat-wrapper .box-chat-listing .item.bg-blue{background:linear-gradient(90deg,#9aa5ea,#557cf0);color:#fff}.zalochat-wrapper .box-chat-listing .item.bg-blue .fas{border:1px dashed #9aa5ea;border-radius:50%;font-size:12px;padding:6px;position:absolute;right:10px}.zalochat-wrapper .box-chat-listing .item .photo{border-radius:50%;height:50px;margin-right:10px;position:relative;width:50px}.zalochat-wrapper .box-chat-listing .item .photo img{border-radius:50%;height:100%;width:100%}.zalochat-wrapper .box-chat-listing .item .info{width:calc(100% - 60px)}.zalochat-wrapper .box-chat-listing .item .info .username{font-weight:700}.zalochat-wrapper .wrapper-chat .msg-content .msg-box{max-width:400px}.fbold{font-weight:700}.accordion-item__inner{max-height:0;overflow:hidden;position:relative;text-transform:cubic-bezier(.95,.05,.795,.035);transition-duration:.5s;transition-property:max-height;z-index:1}.accordion-item.open .accordion-item__inner{max-height:100rem;transition-duration:.5s;transition-property:max-height;transition-timing-function:cubic-bezier(.895,.03,.685,.22)}.wavy-line{height:36px;margin:0;overflow:hidden;width:24px}.wavy-line:before{animation:animate .9s linear infinite;-webkit-animation:animate .9s linear infinite;color:transparent;content:attr(data-text);font-size:1em;position:relative;-webkit-text-decoration-color:#25173a;text-decoration-color:#25173a;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;top:-8px}@keyframes animate{0%{left:0}to{left:-30px}}@-webkit-keyframes animate{0%{left:0}to{left:-30px}}.wavy-line-blue:before{-webkit-text-decoration-color:#fff;text-decoration-color:#fff}.box-info-customer{padding:15px}.box-info-customer .item{display:flex;margin-bottom:5px}.box-info-customer .item .label-name{font-weight:500;margin-right:10px;min-width:100px}.notifi-wrapper .heading{margin-bottom:10px}.notify-list{height:330px;overflow-x:hidden;overflow-y:scroll}.notify-list .item .status{background:linear-gradient(180deg,#22ba4f,rgba(34,186,79,0)),#19a442;border-radius:50%;display:block;height:8px;left:10px;line-height:8px;position:absolute;top:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.notify-list .item{webkit-transition:all .3s ease 0s;border-radius:.5rem;cursor:pointer;display:flex;margin-bottom:15px;padding:5px;position:relative;transition:all .3s ease 0s;-o-transition:all .3s ease 0s}.notify-list .item:hover{background:#e5edfc}.notify-list .item:hover .btn-del{opacity:1}.notify-list .item .btn-del{background:#fff;border-radius:.3rem;display:block;height:24px;line-height:24px;opacity:0;position:absolute;right:5px;text-align:center;top:12px;width:28px}.notify-list .item .btn-del i{color:#5a8dee;font-size:12px}.notify-list .item .btn-del i.color-gray{color:#777}.notify-list .item .photo{border-radius:50%;flex:0 0 40px;height:40px;margin-right:10px;position:relative;width:40px}.notify-list .item .photo img{border-radius:50%;height:100%;width:100%}.notify-list .item .info .text-msg{-webkit-line-clamp:2;word-wrap:break-word;-webkit-box-orient:vertical;color:#707287;display:-webkit-box;max-height:42px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.notify-list .item .info .source{color:#5a8dee;font-size:12px;letter-spacing:.2rem}.notify-list .item .info .username{color:#222;font-weight:500;margin-bottom:0}.notify-list::-webkit-scrollbar{background-color:#eee;width:3px}.notify-list::-webkit-scrollbar-thumb{background-color:#e5edfc;border-radius:999px}.blocker{bottom:0;content:" ";left:0;position:fixed;right:0;top:0;z-index:5}.boxsearch-content{position:relative;z-index:20}.tabs-settings{display:flex;margin-bottom:0}.tabs-settings .icon-box{align-items:center;background:#fff;border-top-left-radius:.5rem;border-top-right-radius:.5rem;box-shadow:0 4px 25px 0 rgba(168,180,208,.1);cursor:pointer;display:flex;font-weight:500;justify-content:center;margin-right:10px;padding:15px;width:25%}.tabs-settings .icon-box>span{margin-left:5px}.tabs-settings .icon-box.active{background:#e5edfc;border-top:2px solid #5a8dee;color:#5a8dee}@media(max-width:768px){.tabs-settings{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-width:100%;overflow-x:scroll;overflow-y:scroll;overflow-y:hidden;white-space:nowrap;width:710px}.tabs-settings .icon-box{min-width:170px;width:inherit}}.box-phone-customer .title{font-weight:600}.box-phone-customer .customer-name{cursor:pointer;text-transform:capitalize}.pu-phone{background:#fff;border:1px solid #d4d8dd;border-radius:.5rem;box-shadow:0 4px 25px 0 rgba(168,180,208,.1);font-size:1rem;padding:10px;position:absolute;right:15px;top:75px;width:350px;z-index:20}.list-support-registercall{webkit-transition:all .3s ease 0s;background:#fff;border-radius:10px 0 0 10px;box-shadow:0 0 5px #0000001a;padding:6px;position:fixed;right:-100%;top:30%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .3s ease 0s;-o-transition:all .3s ease 0s;width:48px;z-index:99}.list-support-registercall.active{right:-24px}.smart-button{display:flex;margin-top:5px}.smart-button .btn{background-color:hsla(0,86%,69%,.18);border-radius:.3rem;color:#f46a6a;cursor:pointer;display:block;height:28px;line-height:28px;margin-right:5px;text-align:center;width:28px}
/*
! tailwindcss v3.0.24 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.left-0{left:0}.right-20{right:5rem}.right-0{right:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-16{margin-top:4rem}.mb-6{margin-bottom:1.5rem}.mr-4{margin-right:1rem}.ml-2{margin-left:.5rem}.mr-3{margin-right:.75rem}.box-content{box-sizing:content-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-6{height:1.5rem}.h-5{height:1.25rem}.w-2\/12{width:16.666667%}.w-12{width:3rem}.w-6{width:1.5rem}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-5{width:1.25rem}.flex-shrink-0{flex-shrink:0}.transform{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.items-center{align-items:center}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-indigo-700{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.p-1{padding:.25rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.pr-4{padding-right:1rem}.pr-3{padding-right:.75rem}.pl-4{padding-left:1rem}.pt-2{padding-top:.5rem}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.invert{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition{transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-indigo-600:hover{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity))}.focus\:ring-indigo-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(67 56 202/var(--tw-ring-opacity))}.focus\:ring-gray-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}@media (prefers-color-scheme:dark){.dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark\:bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity))}.dark\:bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity))}.dark\:text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.dark\:text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.dark\:text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity))}.dark\:text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}.dark\:hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.dark\:hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}}@media (min-width:640px){.sm\:left-auto{left:auto}.sm\:top-10{top:2.5rem}.sm\:mr-6{margin-right:1.5rem}.sm\:mt-6{margin-top:1.5rem}.sm\:mb-0{margin-bottom:0}.sm\:h-10{height:2.5rem}.sm\:w-10{width:2.5rem}}
/*# sourceMappingURL=main.93f99827.css.map*/