.chat-ui .list-contact-container .box-search-contact{min-height:35px;background-color:#ffe4c4;display:flex;padding:5px}.chat-ui .list-contact-container .box-search-contact input{flex-grow:1;margin-right:5px;border-radius:5px}.chat-ui .list-contact-container .box-search-contact button{border-radius:5px}.chat-ui .list-contact-container .phil-supporter{display:none;padding-left:12px;padding-right:15px}.chat-ui .list-contact-container .phil-supporter .target-item{height:60px}.chat-ui .list-contact-container .box-content{overflow:hidden}.chat-ui .list-contact-container .list-contact-section{color:#343a40;line-height:1.5em;font-size:1.2em;letter-spacing:.5px;font-weight:400;margin-bottom:10px;border-bottom:1px solid #343a40;margin-block-start:1em;margin-block-end:.5em;font-weight:900}.chat-ui .list-contact-container .other-contacts-wrapper{flex-grow:1;overflow-y:auto}.chat-ui .list-contact-container .other-supporter{padding:0 4px 10px 12px}.chat-ui .list-contact-container .other-supporter .target-item{margin-top:12px;height:36px}.chat-ui .list-contact-container .target-item{display:flex;align-items:center;height:36px;line-height:20px;cursor:pointer}.chat-ui .list-contact-container .target-item:hover .contact-item-hide-btn{display:inline-block}.chat-ui .list-contact-container .target-item .avatar-wrapper{display:flex;align-items:center;width:36px;height:36px;position:relative}.chat-ui .list-contact-container .target-item .avatar{width:100%;height:100%}.chat-ui .list-contact-container .target-item .presence-status-icon{position:absolute;right:0;bottom:0}.chat-ui .list-contact-container .target-item .right{margin:0 10px;flex-grow:1;display:flex;justify-content:space-between;align-items:center}.chat-ui .list-contact-container .target-item .right .last-seen-time{font-size:.8em;color:rgba(0,0,0,.7)}.chat-ui .list-contact-container .target-item .contact-item-hide-btn{display:none;border:none;padding:5px 3px;border-radius:50%;cursor:pointer}.chat-ui .list-contact-container .target-item .contact-item-hide-btn:hover{background-color:#2070d2;color:#fff}.chat-ui .list-contact-container .target-item .name-wrapper{display:flex;flex-direction:row;flex-grow:1;justify-content:space-between;align-items:center}.chat-ui .list-contact-container .target-item .name-wrapper .name{font-weight:500;font-size:16px}.chat-ui .list-contact-container .target-item .name-wrapper .unread-message-count-wrapper{font-weight:500;font-size:12px;width:24px;height:24px;background-color:#114583;border-radius:50px;color:#fff;text-align:center;padding-top:2px}.chat-ui .list-contact-container .chat-room .right{border:none;font-size:1.1em}.chat-ui .chat-register-form{padding:12px 12px 0 12px;background-color:#fff;height:auto!important;max-height:257px!important;min-height:204px!important}.chat-ui .chat-register-form .form-title{padding:0}.chat-ui .chat-register-form .form-body .user-information .input-wrapper{display:flex;flex-direction:column}.chat-ui .chat-register-form .form-body .user-information .input-wrapper label{text-transform:uppercase}.chat-ui .chat-register-form .form-body .user-information .input-wrapper label.error{font-size:12px;padding-top:5px}.chat-ui .chat-register-form .form-body .user-information .input-wrapper input{background:#fff;border:1px solid #eee;border-radius:3px;height:40px;padding:8px 0 8px 12px;margin-top:10px;font-weight:normal;font-size:16px}.chat-ui .chat-register-form .form-body .user-information .input-wrapper input::placeholder{color:#999}.chat-ui .chat-register-form .form-body .user-information .input-wrapper input:invalid{border:2px dashed red}.chat-ui .chat-register-form .form-body .user-information .input-wrapper .error{text-transform:none;color:red}.chat-ui .chat-login{margin-bottom:10px;margin-top:16px;font-size:1.1em}.chat-ui .chat-login>a{color:#055699;text-decoration:none}.chat-ui .chat-reg-save-info{padding-bottom:12px}.chat-ui .chat-reg-save-info>span{background:url(images/chat-checked-icon.png) no-repeat scroll left center #fff;cursor:pointer;padding-left:20px}.chat-ui .chat-reg-button{display:flex;flex-direction:row;justify-content:space-around}.chat-ui .chat-reg-button>input{background-color:#2070d2;border:medium none;border-radius:3px;color:#fff;font-weight:500;font-size:16px;margin:0;padding:0;cursor:pointer;width:47%;height:40px}.chat-ui .chat-reg-button>.form-reset-btn{background:#fff;border:1px solid #ddd;color:#515356}.chat-ui .form-register-footer{margin:10px 6px 0 6px}.chat-ui .list-conversation-container{display:flex}.chat-ui .list-conversation-container .chatbox{box-shadow:0 4px 15px rgba(0,0,0,.15)}.chat-ui .conversation .box-header{min-height:45px;line-height:1.3em}.chat-ui .conversation .chat-target{flex-grow:1;display:flex;flex-direction:row;margin-left:12px}.chat-ui .conversation .chat-target .target-avatar{width:30px;height:30px;border-radius:50%}.chat-ui .conversation .chat-target .target-name-wrapper{margin-left:12px;padding-top:2px}.chat-ui .conversation .chat-target .target-name-wrapper .target-name{font-weight:500;font-size:16px}.chat-ui .conversation .chat-target .target-name-wrapper .last-seen{font-size:12px}.chat-ui .conversation .box-content{flex-grow:1;overflow-y:scroll;height:273px!important;min-height:273px!important;max-height:273px!important;border-left:2px solid #2070d2;border-right:2px solid #2070d2;padding:12px}.chat-ui .conversation .box-footer{max-height:8em;display:flex;align-items:center;padding-right:10px!important;border-left:2px solid #2070d2;border-right:2px solid #2070d2;border-bottom:2px solid #2070d2;border-top:1px solid #ddd}.chat-ui .conversation .box-footer textarea{border:none;resize:none;flex-grow:1}.chat-ui .conversation .date-divider{display:flex;flex-direction:column;align-items:center}.chat-ui .conversation .date-divider .content-wrapper{margin:20px;border-radius:20px;background-color:rgba(0,0,0,.1);padding:5px 10px}.chat-ui .conversation .message{background-color:#f0f0f0;width:fit-content;margin:3px 0;font-size:14px;line-height:20px;padding:8px 10px;border-radius:8px;min-width:25%;max-width:75%;word-break:break-word}.chat-ui .conversation .message .sent-at{text-align:end;font-size:12px}.chat-ui .conversation .message a{font-weight:500;font-size:14px;color:#2070d2;text-decoration:none}.chat-ui .conversation .message .icon-check{vertical-align:unset}.chat-ui .conversation .in-message{color:#333}.chat-ui .conversation .out-message-wrapper{display:-webkit-box;-webkit-box-pack:end;-webkit-box-align:start}.chat-ui .conversation .out-message-wrapper .out-message{color:#000;background-color:#dbf4fd}.chat-ui .conversation .emojionearea{border:none!important;display:flex!important;align-items:center!important;width:-webkit-fill-available!important;font-weight:normal;font-size:14px;margin-right:5px!important;box-shadow:none!important}.chat-ui .conversation .emojionearea .emojionearea-editor{flex-grow:1;min-height:20px!important;max-height:60px!important;word-break:break-word;padding:10px 0 10px 10px}.chat-ui .conversation .emojionearea .emojionearea-editor::-webkit-scrollbar{display:none}.chat-ui .conversation .emojionearea .emojionearea-editor:empty:before{color:#999}.chat-ui .conversation .emojionearea .emojionearea-button{position:initial!important;margin:0!important;flex-shrink:0!important;transform:scale(1.2)}.chat-ui .message-editor .editor-tools-group{display:flex;justify-content:center;align-items:flex-end;height:100%;color:#2aa63b;padding-bottom:2px;margin-left:5px}.chat-ui .message-editor .editor-tools-group .icon-send{transform:scale(1.3)}.chat-ui .message-editor .editor-tools-group .tool-attach-file-hidden{display:none}.chat-ui .list-contact-container .other-supporter::-webkit-scrollbar,.chat-ui .chat-box .box-content::-webkit-scrollbar{width:5px}.chat-ui .list-contact-container .other-supporter::-webkit-scrollbar-thumb,.chat-ui .chat-box .box-content::-webkit-scrollbar-thumb{border-radius:6px;background-color:#d4d4d4}.flex{display:flex}.flex-column{display:flex;flex-direction:column}.prevent-click{pointer-events:none;opacity:.5;cursor:not-allowed}.border-hr{border-top:1px solid #ddd;border-bottom:none;margin:0}.chat-ui{font-family:'Roboto',Verdana,Geneva,sans-serif!important;font-size:14px;font-weight:400;border:none;position:fixed;bottom:0;right:80px;display:flex;flex-direction:row-reverse;z-index:1001}.chat-ui .bold{font-weight:bold}.chat-ui .normal-color{background-color:#39b54a}.chat-ui .normal-background-color{background-color:#114583}.chat-ui .danger-color{background-color:red}.chat-ui .normal-text{color:#fff}.chat-ui .hidden{display:none}.chat-ui .avatar{border-radius:50%}.chat-ui .s50{width:50px;height:50px}.chat-ui i:hover{cursor:pointer}.chat-ui .start-chat-btn{background:#2070d2}.chat-ui .starter-icon-container{background:#39b54a;box-shadow:0 3px 10px rgba(0,0,0,.15);color:#fff;text-align:center;line-height:60px;padding-right:3px;width:60px;height:60px;z-index:6;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;bottom:26px;right:80px;font-size:29px;position:fixed;bottom:26px;right:80px}.chat-ui .starter-icon-container:hover{cursor:pointer}.chat-ui .starter-icon-container .unread-message-count{line-height:18px;position:absolute;top:0;right:0;color:#fff;width:17px;height:17px;text-align:center;font-weight:bold;background-color:#fa3e3e;border-radius:50%;font-size:11px}.chat-ui .chat-box{align-self:flex-end;z-index:1000000!important;left:0;width:300px;min-width:300px;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 4px 15px rgba(0,0,0,.15);border-radius:3px 3px 0 0;margin-right:10px}.chat-ui .chat-box .box-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#13488a;height:40px;color:#fff;justify-content:space-between;border-radius:3px 3px 0 0;height:50px}.chat-ui .chat-box .box-header .chat-box-title{flex-grow:1;font-size:1.3em;margin-left:20px;display:flex;flex-direction:row;align-items:center}.chat-ui .chat-box .box-header .chat-box-title h3{margin-bottom:0}.chat-ui .chat-box .box-header .chat-box-control{display:flex}.chat-ui .chat-box .box-header .icon-cancel{margin-right:10px;font-size:17px}.chat-ui .chat-box .box-content{height:310px;max-height:310px;min-height:310px;flex-grow:1}.chat-ui .minimized{align-self:flex-end}.chat-ui .minimized .box-content{display:none;max-height:0}.chat-ui .minimized .box-header:hover{cursor:pointer}.noContact-text{background-color:#ccc;display:block;background:#ffecd1;color:#67310a;position:relative;padding:5px 12px}.popup-subscribe{background:#ffe3b8;color:#67310a;border-radius:10px;top:unset;bottom:100px;left:12px;right:unset;margin:0;width:312px}.popup-subscribe .inner-popup{background:#ffe3b8;margin:0;box-shadow:0 2px 4px rgba(0,0,0,.15);border-radius:10px}.popup-subscribe .icon-cancel-circled{color:#67310a}.popup-subscribe .notify-submit-comment{padding:10px 18px 10px 12px;line-height:19px}.popup-subscribe .notify-submit-comment::before{position:absolute;bottom:-9px;content:'';width:17px;height:9px;background:url(/Content/img/triangle.png) no-repeat center}.popup-subscribe .inner-close-popup{right:-2px;top:-7px}.subscribe-suggestion-container{background:#ffecd1;color:#67310a;position:relative;padding:10px 12px}.subscribe-suggestion-container .close-popup{right:0;top:-6px}.subscribe-suggestion-container .icon-cancel-circled{color:#67310a}.chat-ui .conversation .message .buyer-info{color:#000;font-weight:bold}.chat-ui .conversation .first-message{border-top:1px solid #ccc;margin-top:5px;padding-top:5px}