.layout-px-spacing{min-height:auto!important}.wrapper{position:relative;left:50%;width:1000px;height:600px;-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.chat-system{max-height:600px;display:flex}body.minimal .chat-system{border:1px solid #e0e6ed!important;box-shadow:none;border-radius:5px}.chat-system .hamburger{display:none}.chat-system .user-list-box{max-height:400px;width:400px;border-right:1px solid #ebedf2;border-bottom-left-radius:6px;background:#fff;border-top-left-radius:6px}.chat-system .user-list-box .search{position:relative;padding:13px 0 13px 0;display:flex}.chat-system .user-list-box .search svg{content:"\f169";position:absolute;left:11px;color:#bfc9d4;top:25px;left:30px;stroke-width:1.6}.chat-system .user-list-box input{border-radius:4px;padding-left:38px;font-size:16px;width:100%;color:#3b3f5c;border:0;outline:none;padding:12px 16px 12px 43px;background:#f1f2f3;margin:0 20px 0 20px;border:1px dashed #888ea8}.chat-system .user-list-box .people{padding:0;overflow:auto;position:relative;margin:auto;width:100%;overflow:auto;height:100%}.chat-system .user-list-box .people .person{position:relative;width:100%;padding:10px;cursor:pointer;border-bottom:1px solid #e0e6ed}.chat-system .user-list-box .people .person.border-none{border-bottom:none}.person{display:inline-block}.chat-system .user-list-box .people .person .user-info{display:flex}.chat-system .user-list-box .people .person .user-info .f-head img{width:45px;height:45px;margin-right:12px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border:2px solid #d3d3d3;box-shadow:0 0 14px 3px rgba(126,142,177,.24)}.chat-system .user-list-box .people .person .user-info .f-body{width:100%}.chat-system .user-list-box .people .person .user-info .f-body .meta-info .user-name{font-size:14px;color:#3b3f5c;font-weight:700}.chat-system .user-list-box .people .person .user-info .f-body .meta-info .user-meta-time{font-size:12px;position:absolute;bottom:8px;right:11px;color:#888ea8;float:right}.chat-system .user-list-box .people .person .user-info .f-body .preview{font-size:13px;display:inline-block;overflow:hidden!important;width:70%;white-space:nowrap;text-overflow:ellipsis;color:#888ea8}.chat-system .user-list-box .people .person:hover .user-info .f-head img{box-shadow:0 0 15px 1px rgba(113,106,202,.2)}.chat-system .user-list-box .people .person.active:after,.chat-system .user-list-box .people .person:hover:after{display:none}.chat-system .chat-box{position:relative;width:100%;background-image:url(https://vietnamlancer.com/quan-tri/img/bg.png);border-bottom-right-radius:6px;border-top-right-radius:6px}.chat-system .chat-box .chat-not-selected{display:flex;height:300px;justify-content:center}.chat-system .chat-box .chat-not-selected p{align-self:center;font-size:18px;color:#3b3f5c;margin-bottom:0;font-weight:600;background:#bfc9d4;padding:7px 20px;border-radius:6px;-webkit-box-shadow:0 2px 4px rgba(126,142,177,.12);box-shadow:0 2px 4px rgba(126,142,177,.12)}.chat-system .chat-box .chat-not-selected p svg{vertical-align:middle;color:#888ea8}.chat-system .chat-box .overlay-phone-call{display:none;position:absolute;width:100%;z-index:-1;opacity:0;transition:all .4s ease-in-out;background-color:rgba(3,3,5,.66);background-attachment:fixed;background-size:contain;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chat-system .chat-box .overlay-phone-call.phone-call-show{opacity:1;z-index:4}.chat-system .chat-box .overlay-phone-call>div{display:flex;flex-direction:column;height:100%;justify-content:space-between}.chat-system .chat-box .overlay-phone-call>div .calling-user-info{padding:20px 16px}.chat-system .chat-box .overlay-phone-call>div .calling-user-info svg{font-size:28px;margin-right:12px;color:#fff;vertical-align:middle;cursor:pointer}.chat-system .chat-box .overlay-phone-call>div .calling-user-info .user-name{font-size:20px;color:#fff;vertical-align:middle;margin-right:8px}.chat-system .chat-box .overlay-phone-call>div .calling-user-info .call-status{vertical-align:sub;color:#fff;font-size:10px;font-weight:600}.chat-system .chat-box .overlay-phone-call>div .calling-user-img{text-align:center}.chat-system .chat-box .overlay-phone-call>div .calling-user-img img{border-radius:50%;border:4px solid #ebedf2}.chat-system .chat-box .overlay-phone-call>div .calling-user-img .timer{visibility:hidden;font-size:16px;font-weight:600;margin-top:7px;color:#fff}.chat-system .chat-box .overlay-phone-call>div .calling-user-img .timer .minutes,.chat-system .chat-box .overlay-phone-call>div .calling-user-img .timer .seconds{color:#fff}.chat-system .chat-box .overlay-phone-call>div .calling-options{text-align:center}.chat-system .chat-box .overlay-phone-call>div .calling-options svg{font-size:25px;border-radius:50%;padding:11px;background:rgba(21,21,22,.28);margin-bottom:23px;color:#fff;cursor:pointer;width:48px;height:46px;-webkit-transition:all .35s ease;transition:all .35s ease;box-shadow:0 0 20px rgba(0,0,0,.67)}.chat-system .chat-box .overlay-phone-call>div .calling-options svg:hover{-webkit-transform:translateY(-5px) scale(1.02);transform:translateY(-5px) scale(1.02)}.chat-system
  .chat-box
  .overlay-phone-call
  > div
  .calling-options
  svg:not(:last-child) {margin-right:7px}.chat-system .chat-box .overlay-phone-call>div .calling-options svg.switch-to-microphone{position:relative}.chat-system .chat-box .overlay-phone-call>div .calling-options svg.switch-to-microphone.micro-off:after{content:"";height:35px;width:2px;background:#fff;position:absolute;left:20px;top:6px}.chat-system .chat-box .overlay-phone-call>div .calling-options svg.cancel-call{background-color:#e7515a}.chat-system .chat-box .overlay-video-call{display:none;position:absolute;width:100%;z-index:-1;opacity:0;transition:all .4s ease-in-out;background-color:rgba(3,3,5,.66);background-attachment:fixed;background-size:contain;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chat-system .chat-box .overlay-video-call.video-call-show{opacity:1;z-index:4}.chat-system .chat-box .overlay-video-call.onConnect{background-image:url(https://vietnamlancer.com/assets/img/640x426.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-attachment:unset}.chat-system .chat-box .overlay-video-call .video-caller{position:absolute;height:112px;width:173px;bottom:83px;right:0}.chat-system .chat-box .overlay-video-call>div{display:flex;flex-direction:column;height:100%;justify-content:space-between}.chat-system .chat-box .overlay-video-call>div .calling-user-info{padding:20px 16px}.chat-system .chat-box .overlay-video-call>div .calling-user-info svg{font-size:28px;margin-right:12px;color:#fff;cursor:pointer}.chat-system .chat-box .overlay-video-call>div .calling-user-info .user-name{font-size:20px;color:#fff;margin-right:8px}.chat-system .chat-box .overlay-video-call>div .calling-user-info .call-status{color:#fff;font-size:10px;font-weight:600;margin-top:10px}.chat-system .chat-box .overlay-video-call>div .calling-user-info .timer{visibility:hidden;font-size:16px;font-weight:600;color:#fff}.chat-system .chat-box .overlay-video-call>div .calling-user-info .timer .minutes,.chat-system .chat-box .overlay-video-call>div .calling-user-info .timer .seconds{margin-bottom:0;color:#fff}.chat-system .chat-box .overlay-video-call>div .calling-user-img{text-align:center}.chat-system .chat-box .overlay-video-call>div .calling-user-img img{border-radius:50%;border:4px solid #ebedf2}.chat-system .chat-box .overlay-video-call>div .calling-options{text-align:center}.chat-system .chat-box .overlay-video-call>div .calling-options svg{font-size:25px;border-radius:50%;padding:11px;background:rgba(21,21,22,.56);margin-bottom:23px;color:#fff;cursor:pointer;width:48px;height:46px;-webkit-transition:all .35s ease;transition:all .35s ease;box-shadow:0 0 20px rgba(0,0,0,.67)}.chat-system .chat-box .overlay-video-call>div .calling-options svg:hover{-webkit-transform:translateY(-5px) scale(1.02);transform:translateY(-5px) scale(1.02)}.chat-system
  .chat-box
  .overlay-video-call
  > div
  .calling-options
  svg:not(:last-child) {margin-right:7px}.chat-system .chat-box .overlay-video-call>div .calling-options svg.switch-to-microphone{position:relative}.chat-system .chat-box .overlay-video-call>div .calling-options svg.switch-to-microphone.micro-off:after{content:"";height:35px;width:2px;background:#fff;position:absolute;transform:rotate(46deg);left:20px;top:6px}.chat-system .chat-box .overlay-video-call>div .calling-options svg.cancel-call{background-color:#e7515a}.chat-system .chat-box .chat-box-inner{height:auto}.chat-system .chat-box .chat-box-inner .chat-meta-user{display:none}.chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active{display:flex;width:100%;justify-content:space-between;background-color:#fafafa;border-top-right-radius:6px}.chat-system .chat-box .chat-box-inner .chat-meta-user .current-chat-user-name span{font-size:15px;color:#888ea8}.chat-system .chat-box .chat-box-inner .chat-meta-user .current-chat-user-name span img{width:45px;height:45px;border-radius:7px;border-radius:10px;margin-top:0;-webkit-transition:all .35s ease;transition:all .35s ease;margin-right:10px}.chat-system .chat-box .chat-box-inner .chat-meta-user .current-chat-user-name span .name{color:#0e1726;font-weight:600}.chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn svg{cursor:pointer;color:#888ea8;margin-right:6px;vertical-align:middle;width:20px;height:20px;fill:rgba(0,23,55,.08);stroke-width:1.6}.chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn svg:hover{color:#4361ee;fill:rgba(27,85,226,.239216)}.chat-system
  .chat-box
  .chat-box-inner
  .chat-meta-user.chat-active
  .chat-action-btn
  svg:not(:last-child) {margin-right:9px}.chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn .dropdown-menu{box-shadow:rgba(113,106,202,.2) 0 0 15px 1px;padding:10px;border-width:initial;border-style:none;border-color:initial;border-image:initial;transform:translate3d(-134px,0,0)}.chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn .dropdown-menu.show{top:35px!important}.chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn .dropdown-menu a{font-size:12px;font-weight:700;color:#888ea8;padding:11px 8px}.chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn .dropdown-menu a svg{color:#888ea8;margin-right:6px;vertical-align:middle;width:20px;height:20px;fill:rgba(0,23,55,.08)}.chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn .dropdown-menu a.dropdown-item.active,.chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn .dropdown-menu a.dropdown-item:active{background-color:transparent}.chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn .dropdown-menu a:hover svg{color:#2196f3;fill:rgba(27,85,226,.239216)}.chat-system .chat-box .chat-box-inner .chat-conversation-box{position:relative;margin:auto;width:100%;overflow:auto}.chat-system .chat-box .chat-box-inner .chat-conversation-box .chat{position:relative;display:none;overflow:hidden;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-direction:column;flex-direction:column}.chat-system .chat-box .chat-box-inner .chat-conversation-box .chat.active-chat{display:block;display:-webkit-flex;display:flex}.chat-system .chat-box .chat-box-inner .chat-conversation-box .chat.active-chat .bubble{-moz-transition-timing-function:cubic-bezier(.4,-.04,1,1);-o-transition-timing-function:cubic-bezier(.4,-.04,1,1);-webkit-transition-timing-function:cubic-bezier(.4,-.04,1,1);transition-timing-function:cubic-bezier(.4,-.04,1,1)}.chat-system
  .chat-box
  .chat-box-inner
  .chat-conversation-box
  .chat.active-chat
  .bubble:nth-of-type(1) {-moz-animation-duration:.15s;-webkit-animation-duration:.15s;animation-duration:.15s}.chat-system
  .chat-box
  .chat-box-inner
  .chat-conversation-box
  .chat.active-chat
  .bubble:nth-of-type(2) {-moz-animation-duration:.3s;-webkit-animation-duration:.3s;animation-duration:.3s}.chat-system
  .chat-box
  .chat-box-inner
  .chat-conversation-box
  .chat.active-chat
  .bubble:nth-of-type(3) {-moz-animation-duration:.45s;-webkit-animation-duration:.45s;animation-duration:.45s}.chat-system
  .chat-box
  .chat-box-inner
  .chat-conversation-box
  .chat.active-chat
  .bubble:nth-of-type(4) {-moz-animation-duration:.6s;-webkit-animation-duration:.6s;animation-duration:.6s}.chat-system
  .chat-box
  .chat-box-inner
  .chat-conversation-box
  .chat.active-chat
  .bubble:nth-of-type(5) {-moz-animation-duration:.75s;-webkit-animation-duration:.75s;animation-duration:.75s}.chat-system
  .chat-box
  .chat-box-inner
  .chat-conversation-box
  .chat.active-chat
  .bubble:nth-of-type(6) {-moz-animation-duration:.9s;-webkit-animation-duration:.9s;animation-duration:.9s}.chat-system
  .chat-box
  .chat-box-inner
  .chat-conversation-box
  .chat.active-chat
  .bubble:nth-of-type(7) {-moz-animation-duration:1.05s;-webkit-animation-duration:1.05s;animation-duration:1.05s}.chat-system
  .chat-box
  .chat-box-inner
  .chat-conversation-box
  .chat.active-chat
  .bubble:nth-of-type(8) {-moz-animation-duration:1.2s;-webkit-animation-duration:1.2s;animation-duration:1.2s}.chat-system
  .chat-box
  .chat-box-inner
  .chat-conversation-box
  .chat.active-chat
  .bubble:nth-of-type(9) {-moz-animation-duration:1.35s;-webkit-animation-duration:1.35s;animation-duration:1.35s}.chat-system
  .chat-box
  .chat-box-inner
  .chat-conversation-box
  .chat.active-chat
  .bubble:nth-of-type(10) {-moz-animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-duration:1.5s}.chat-system .chat-box .chat-footer{display:none}.chat-system .chat-box .chat-footer.chat-active{display:block;padding:6px 10px;background:#fafafa;border-bottom-right-radius:6px}.chat-system .chat-box .chat-form{position:relative}.chat-system .chat-box .chat-input svg{position:absolute;color:#888ea8;left:11px;top:12px;fill:rgba(0,23,55,.08);stroke-width:1.2}.chat-system .chat-box .chat-input input{font-size:16px;width:100%;color:#3b3f5c;border:0;outline:none;padding:12px 16px 12px 43px;border:1px dashed #888ea8;background:#fafafa}.chat-system .chat-box .chat-input input::-webkit-input-placeholder{color:#888ea8}.chat-system .chat-box .chat-input input::-moz-placeholder{color:#888ea8}.chat-system .chat-box .chat-input input:-ms-input-placeholder{color:#888ea8}.chat-system .chat-box .chat-input input:-moz-placeholder{color:#888ea8}.chat-system .chat-box .bubble{font-size:16px;position:relative;display:inline-block;clear:both;margin-bottom:8px;padding:9px 18px;vertical-align:top;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;word-break:break-word;max-width:370px}.chat-system .chat-box .bubble:before{position:absolute;top:18px;display:block;width:8px;height:6px;content:"\00a0";-moz-transform:rotate(29deg) skew(-35deg);-ms-transform:rotate(29deg) skew(-35deg);-webkit-transform:rotate(29deg) skew(-35deg);transform:rotate(29deg) skew(-35deg)}.chat-system .chat-box .bubble.you{float:left;color:#2196f3;background-color:#fdfdfd;-webkit-align-self:flex-start;align-self:flex-start;-moz-animation-name:slideFromLeft;-webkit-animation-name:slideFromLeft;animation-name:slideFromLeft;-webkit-box-shadow:0 2px 4px rgba(126,142,177,.12);box-shadow:0 2px 4px rgba(126,142,177,.12)}.chat-system .chat-box .bubble.you:before{left:-3px;background-color:#fff}.chat-system .chat-box .bubble.me{float:right;color:#fff;background-color:#009688;-webkit-align-self:flex-end;align-self:flex-end;-moz-animation-name:slideFromRight;-webkit-animation-name:slideFromRight;animation-name:slideFromRight;-webkit-box-shadow:0 2px 4px rgba(126,142,177,.12);box-shadow:0 2px 4px rgba(126,142,177,.12)}.chat-system .chat-box .bubble.me:before{right:-3px;background-color:#009688}.chat-system .chat-box .conversation-start{position:relative;width:100%;margin-bottom:27px;text-align:center}.chat-system .chat-box .conversation-start span{font-size:12px;color:#3b3f5c;margin-bottom:0;font-weight:700;background:#fff;padding:7px 20px;border-radius:6px;-webkit-box-shadow:0 2px 4px rgba(126,142,177,.12);box-shadow:0 2px 4px rgba(126,142,177,.12)}@keyframes slideFromLeft {
  0% {
    margin-left: -200px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  100% {
    margin-left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}@-webkit-keyframes slideFromLeft {
  0% {
    margin-left: -200px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  100% {
    margin-left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}@keyframes slideFromRight {
  0% {
    margin-right: -200px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  100% {
    margin-right: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}@-webkit-keyframes slideFromRight {
  0% {
    margin-right: -200px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  100% {
    margin-right: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}.credits{color:#fff;font-size:11px;position:absolute;bottom:10px;right:15px}.credits a{color:#fff;text-decoration:none}@media (max-width:1199px){.chat-system .user-list-box{width:40%}.chat-system .chat-box{width:66%}.chat-system .chat-box .overlay-video-call .video-caller{height:68px;width:68px}}@media (max-width:991px){.chat-system .chat-box{border-radius:6px}.chat-system .chat-box .overlay-video-call .video-caller{height:107px;width:147px}}@media (max-width:767px){.chat-system .hamburger{padding:7px 10px 7px 10px;font-size:20px;border-radius:0;color:#fff;align-self:center;position:fixed;top:218px;right:9px;display:block;z-index:78;background-color:#515365;border-radius:50%}.chat-system .user-list-box{position:absolute;z-index:40;left:-341px;width:255px}.chat-system .user-list-box.user-list-box-show{position:absolute;z-index:34;left:15px;border-radius:0}.chat-system .chat-box{width:100%}.chat-system .chat-box .overlay-video-call .video-caller{height:75px;width:110px}}@media (max-width:575px){.chat-system .chat-box .overlay-video-call .video-caller{bottom:83px}.chat-system .chat-box .conversation-start span:before,.chat-system .chat-box .conversation-start span:after{background-color:transparent}}@-moz-document url-prefix() {
  .chat-system .chat-box .overlay-phone-call,
  .chat-system .chat-box .overlay-video-call {
    background-color: #030305;
  }
}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.chat-system .chat-box .overlay-phone-call{background-image:none}.chat-system .chat-box .overlay-video-call{background-image:none}.chat-system .chat-box .overlay-video-call.onConnect{background-attachment:local}}