@charset "UTF-8";.ant-notification-notice-success{border:1px solid #69ba00!important;border-radius:.3rem!important}.ant-notification-notice-success .ant-notification-notice-message{color:#69ba00!important}.ant-notification-notice-success .ant-notification-close-icon{font-size:.8rem;color:#000!important;margin-top:.2rem}.ant-notification-notice-error{border:1px solid #c4314b!important;border-radius:.3rem!important}.ant-notification-notice-error .ant-notification-notice-message{color:#c4314b!important;margin-top:.2rem}.ant-notification-notice-error .ant-notification-close-icon{font-size:.8rem;color:#000!important;margin-top:.4rem}.ant-notification-notice-warning{border:1px solid #a38c06!important;border-radius:.3rem!important}.ant-notification-notice-warning .ant-notification-notice-message,.ant-notification-notice-warning .anticon.ant-notification-notice-icon-warning{color:#a38c06!important}.ant-notification-notice-warning .ant-notification-close-icon{font-size:.8rem;color:#000!important;margin-top:.2rem}.ant-notification-notice-warning .ant-notification-notice-btn .btn-view-detail-notification{height:1.875rem;padding:0 .9375rem;background:#a38c06;border:1px solid #a38c06;border-radius:.25rem;font-family:"Roboto",serif;font-size:.875rem;font-weight:400;line-height:1.0625rem;color:#fff}.ant-notification-notice-warning .ant-notification-notice-btn .btn-view-detail-notification:hover{background:#a38c06;border:1px solid #a38c06}.select-language-component{position:relative;cursor:pointer}.select-language-component .language-selected{z-index:2}.select-language-component .language-selected .icon-en-language,.select-language-component .language-selected .icon-vn-language{font-size:1.5rem;vertical-align:middle}.select-language-component .language-selected .arrows-down{width:1.25rem;height:1.25rem;background:red}.select-language-component .language-selected .icon-arrow-down:before{font-size:.75rem}.select-language-component .language-menu{background:#fff;border:1px solid #000;box-sizing:border-box;border-radius:.75rem;padding:1.5625rem .625rem 1.5625rem 1.5625rem;position:absolute;top:3.125rem;left:-14.375rem;z-index:100}.select-language-component .language-menu .group-action{display:flex;align-items:flex-start;justify-content:space-between}.select-language-component .language-menu .group-action .language-list{display:flex;align-items:center;justify-content:space-between;margin-right:4.6875rem}.select-language-component .language-menu .group-action .language-list .select-language{display:flex;align-items:center;justify-content:space-between;justify-content:flex-start;border-bottom:.5px solid #000;min-width:10rem;padding-bottom:.75rem;cursor:pointer}.select-language-component .language-menu .group-action .language-list .select-language .icon-en-language,.select-language-component .language-menu .group-action .language-list .select-language .icon-vn-language{font-size:1.5rem;margin-right:1.125rem}.select-language-component .language-menu .group-action .language-list .select-language .language{font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;line-height:1.25rem;color:#000}.select-language-component .language-menu .group-action .language-list .select-language.selected{border-bottom:.375rem solid #0ab2a8;border-radius:.25rem}.select-language-component .language-menu .group-action .language-list .select-language.en{justify-content:flex-end}.select-language-component .language-menu .group-action .close-btn .icon{width:2.0625rem;height:2.0625rem;border-radius:50%;background:#e8e8e8;cursor:pointer;display:flex;align-items:center;justify-content:center}.select-language-component .language-menu .group-action .close-btn .icon .icon-close{font-size:.8125rem}.select-language-component .language-menu .set-lang-default{margin-top:1.5625rem;margin-bottom:2.1875rem}.select-language-component .language-menu .set-lang-default .checkbox-set-default input{width:1.125rem;height:1.125rem}.select-language-component .language-menu .set-lang-default .checkbox-set-default span{font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;line-height:1.25rem;color:#000}.empty-component.ant-empty-normal{margin:.5rem 0}.empty-component.ant-empty-normal .ant-empty-image{height:2.5rem}.empty-component .ant-empty-image{margin-bottom:.5rem;height:6.25rem}.empty-component .ant-empty-image img{width:6.25rem;height:6.25rem}.empty-component .ant-empty-description span{font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:1.375rem;color:#2c2c2c}.empty-component .ant-empty-footer{margin-top:1rem;text-align:-webkit-center;text-align:-moz-center}@keyframes shake{0%{transform:translate(0) rotate(0deg)}10%{transform:translate(-2px) rotate(-5deg)}20%{transform:translate(2px) rotate(5deg)}30%{transform:translate(-2px) rotate(-5deg)}40%{transform:translate(2px) rotate(5deg)}50%{transform:translate(-2px) rotate(-5deg)}60%{transform:translate(2px) rotate(5deg)}70%{transform:translate(-2px) rotate(-5deg)}80%{transform:translate(2px) rotate(-5deg)}90%{transform:translate(-2px) rotate(5deg)}to{transform:translate(0) rotate(0deg)}}.noti-header-component{position:relative;cursor:pointer}.noti-header-component .noti-select{position:relative}.noti-header-component .noti-select.new-notify{animation:shake 1s ease-in-out 0s infinite}.noti-header-component .noti-select .icon-notification{font-size:1.375rem;vertical-align:middle}.noti-header-component .noti-select .number-notification{position:absolute;width:1rem;height:1rem;right:-.3125rem;top:-.3125rem;background:red;border-radius:50%;border:.0625rem solid #f1f1f1;display:flex;align-items:center;justify-content:center}.noti-header-component .noti-select .number-notification.size-large{width:1.5625rem;height:1.5625rem;right:-.8125rem;top:-.8125rem}.noti-header-component .noti-select .number-notification.hidden{display:none}.noti-header-component .noti-select .number-notification span{font-family:"Roboto",serif;font-weight:700;font-size:.625rem;line-height:.625rem;color:#f1f1f1;word-break:break-word}.noti-header-component .noti-menu{position:absolute;top:3.125rem;left:-15rem;background:#fff;box-shadow:2px 2px 14px rgba(0,0,0,.16);border-radius:.75rem;padding:1.5625rem .625rem;z-index:101;min-width:30.625rem}.noti-header-component .noti-menu .menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.noti-header-component .noti-menu .menu-header .title-header{padding-left:1.25rem}.noti-header-component .noti-menu .menu-header .title-header span{font-family:"Roboto",serif;font-weight:700;font-size:1.375rem;line-height:1.625rem;color:#000;word-break:break-word}.noti-header-component .noti-menu .menu-header .notify-actions{display:flex;align-items:center}.noti-header-component .noti-menu .menu-header .notify-actions .more-action{margin-right:1rem}.noti-header-component .noti-menu .menu-header .notify-actions .more-action span{font-family:"Roboto",serif;font-weight:500;font-size:1rem;line-height:1rem;color:#000}.noti-header-component .noti-menu .menu-header .notify-actions .close-action{width:2.0625rem;height:2.0625rem;border-radius:50%;background:#e8e8e8;cursor:pointer;display:flex;align-items:center;justify-content:center}.noti-header-component .noti-menu .menu-header .notify-actions .close-action .icon-close{font-size:.8125rem}.noti-header-component .noti-list{max-height:25rem;overflow:auto}.noti-header-component .noti-list .noti-item{padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-radius:5px}.noti-header-component .noti-list .noti-item:hover{background:#f2f3f5}.noti-header-component .noti-list .noti-item.unseen .noti-item-body .noti-item-action .action span,.noti-header-component .noti-list .noti-item.unseen .noti-item-body .noti-item-action .status span,.noti-header-component .noti-list .noti-item.unseen .noti-item-body .noti-item-content .content-primary div,.noti-header-component .noti-list .noti-item.unseen .noti-item-body .noti-item-content .content-primary span,.noti-header-component .noti-list .noti-item.unseen .noti-item-body .noti-item-content .content-secondary div,.noti-header-component .noti-list .noti-item.unseen .noti-item-body .noti-item-content .content-secondary span{font-weight:700}.noti-header-component .noti-list .noti-item .noti-item-body{display:flex;align-items:center;justify-content:flex-start}.noti-header-component .noti-list .noti-item .noti-item-body .noti-item-img{width:3.3125rem;height:3.3125rem;border-radius:.625rem;margin-right:1.25rem}.noti-header-component .noti-list .noti-item .noti-item-body .noti-item-img img{width:100%;height:100%}.noti-header-component .noti-list .noti-item .noti-item-body .noti-item-content{min-width:15.625rem;max-width:15.625rem}.noti-header-component .noti-list .noti-item .noti-item-body .noti-item-content .content-primary{margin-bottom:.625rem}.noti-header-component .noti-list .noti-item .noti-item-body .noti-item-content .content-primary span{font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;line-height:1.25rem;color:#000;word-break:break-word}.noti-header-component .noti-list .noti-item .noti-item-body .noti-item-content .content-secondary div,.noti-header-component .noti-list .noti-item .noti-item-body .noti-item-content .content-secondary span{font-family:"Roboto",serif;font-weight:400;font-style:italic;font-size:.75rem;line-height:.875rem;color:#000;word-break:break-word}.noti-header-component .noti-list .noti-item .noti-item-action{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;height:3.3125rem;min-width:5rem}.noti-header-component .noti-list .noti-item .noti-item-action .status span{font-family:"Roboto",serif;font-weight:400;font-style:italic;font-size:.75rem;line-height:.875rem;color:#000;word-break:break-word}.noti-header-component .noti-list .noti-item .noti-item-action .action span{font-family:"Roboto",serif;font-weight:500;font-size:1rem;line-height:1rem;color:#000}.noti-header-component .noti-list .lazy-loading{display:none;min-width:26.25rem;margin-top:.9375rem}.noti-header-component .noti-list .lazy-loading.active{display:block}.noti-header-component .noti-list .lazy-loading .skeleton-component{margin-top:.9375rem}.noti-header-component .noti-list .lazy-loading .skeleton-component .ant-skeleton-paragraph,.noti-header-component .noti-list .lazy-loading .skeleton-component .ant-skeleton-title{margin-top:0;margin-bottom:.9375rem}.notice-item-action .notice-item-action-menu>div{cursor:pointer}.notice-item-action .notice-item-action-menu>div:hover{color:#10827b}.user-information-component{padding:2.1875rem 2.8125rem;width:45.9375rem}.user-information-component .avatar{text-align:center;text-align:-webkit-center;text-align:-moz-center;margin-bottom:1.875rem}.user-information-component .avatar .avatar-img{width:5.125rem;height:5.125rem;border-radius:50%;margin-bottom:.625rem;position:relative}.user-information-component .avatar .avatar-img .ant-image,.user-information-component .avatar .avatar-img img{border-radius:50%;width:100%;height:100%}.user-information-component .avatar .avatar-img label{cursor:pointer;position:absolute;right:0;bottom:0}.user-information-component .avatar .avatar-img label .icon-edit-modal{font-size:1.5rem}.user-information-component .avatar .avatar-img .input-file{opacity:0;position:absolute;z-index:-1}.user-information-component .avatar .avatar-img input{height:1.25rem}.user-information-component .left-col{padding-right:2rem}.user-information-component .left-col .form-item-bottom{margin-bottom:0}.user-information-component .user-information-footer{text-align:right}.user-information-component .user-information-footer button{background:#219653;width:6.25rem;height:2.8125rem;padding:0 .9375rem;border:1px solid #219653;border-radius:.25rem;font-family:"Roboto",serif;font-size:.875rem;font-weight:400;color:#fff;line-height:1.0625rem}.user-information-component .user-information-footer button:first-child{background:#fff;border:1px solid #d3d3d3;color:#979797}.user-information-component .user-information-footer button:first-child:hover{background:#f1f1f1;border:1px solid #f1f1f1}.user-information-component .user-information-footer button:last-child{margin-left:.75rem}.user-information-component .user-information-footer button:last-child:hover{background:#0b7338;border:1px solid #0b7338}.reset-password-component{padding:1.5625rem 2.1875rem 2.1875rem;width:23.75rem}.reset-password-component .title-form{font-family:"Roboto",serif;font-weight:500;font-size:1.375rem;line-height:2rem;color:#000;margin-bottom:2.1875rem}.reset-password-component .user-information-footer{text-align:right}.reset-password-component .user-information-footer button{background:#219653;width:6.25rem;height:2.8125rem;padding:0 .9375rem;border:1px solid #219653;border-radius:.25rem;font-family:"Roboto",serif;font-size:.875rem;font-weight:400;color:#fff;line-height:1.0625rem}.reset-password-component .user-information-footer button:first-child{background:#fff;border:1px solid #d3d3d3;color:#979797}.reset-password-component .user-information-footer button:first-child:hover{background:#f1f1f1;border:1px solid #f1f1f1}.reset-password-component .user-information-footer button:last-child{margin-left:.75rem}.reset-password-component .user-information-footer button:last-child:hover{background:#0b7338;border:1px solid #0b7338}.user-management-component{position:relative;cursor:pointer;max-width:45%}.user-management-component .user-logged-in{display:flex;align-items:center;justify-content:flex-start;background:hsla(0,0%,100%,.3);border-radius:.25rem;padding:.5rem 1rem}.user-management-component .user-logged-in .avarta-img{width:2.3125rem;height:2.3125rem;border-radius:50%;margin-right:1rem;min-width:2.3125rem}.user-management-component .user-logged-in .avarta-img img{width:100%;height:100%;border-radius:50%}.user-management-component .user-logged-in .username{margin-right:1rem;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:break-spaces;word-break:break-word}.user-management-component .user-logged-in .username span{font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;line-height:1.25rem;color:#fff}.user-management-component .user-logged-in .icon-arrow-down{font-size:.5rem;vertical-align:middle}.user-management-component .user-management-menu{position:absolute;top:4.0625rem;right:0;background:#fff;box-shadow:2px 2px 14px rgba(0,0,0,.16);border-radius:.75rem;z-index:101}.user-management-component .user-management-menu .menu-header{position:relative}.user-management-component .user-management-menu .menu-header .icon{width:2.0625rem;height:2.0625rem;border-radius:50%;background:#e8e8e8;position:absolute;top:1.5625rem;right:1.5625rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.user-management-component .user-management-menu .menu-header .icon .icon-close{font-size:.8125rem}.user-management-component .user-management-menu .account-management{text-align:center;text-align:-webkit-center;text-align:-moz-center;padding:2.1875rem 2.1875rem 1.5625rem;min-width:19.125rem;z-index:2}.user-management-component .user-management-menu .account-management .avarta-img{width:5.125rem;height:5.125rem;margin-bottom:.625rem;border-radius:50%}.user-management-component .user-management-menu .account-management .avarta-img img{width:100%;height:100%;border-radius:50%}.user-management-component .user-management-menu .account-management .username{margin-bottom:.5rem}.user-management-component .user-management-menu .account-management .username span{font-family:"Roboto",serif;font-weight:700;font-size:1.0625rem;line-height:1.25rem;color:#000}.user-management-component .user-management-menu .account-management .email{margin-bottom:1rem}.user-management-component .user-management-menu .account-management .email span{font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;line-height:1.25rem;color:#000}.user-management-component .user-management-menu .account-management .acc-manage-btn{background:#fff;color:#0ab2a8;margin-bottom:1rem}.user-management-component .user-management-menu .account-management .acc-manage-btn,.user-management-component .user-management-menu .account-management .logout-btn{width:100%;height:2.8125rem;padding:.75rem;border:1px solid #0ab2a8;border-radius:.25rem;font-family:"Roboto",serif;font-size:1.0625rem;font-weight:700;line-height:1.25rem}.user-management-component .user-management-menu .account-management .logout-btn{background:#0ab2a8;color:#fff;margin-top:1rem;margin-bottom:2rem}.user-management-component .user-management-menu .account-management .menu-footer{text-align:center;text-align:-webkit-center;text-align:-moz-center;border-top:.5px solid #979797;padding-top:.75rem}.user-management-component .user-management-menu .account-management .menu-footer .menu-footer-content span{font-family:"Roboto",serif;font-weight:700;font-style:italic;font-size:.75rem;line-height:1.5rem;color:#000}.user-management-component .user-management-menu .account-management .menu-footer .menu-footer-content span:hover{color:#0ab2a8}.user-management-component .user-management-menu .account-management .menu-footer .app-version{font-family:"Roboto",serif;font-weight:"normal";font-style:italic;font-size:.75rem;line-height:1.5rem;color:#2c2c2c}.agent-dropdown{display:flex;margin:.9375rem;padding:.9375rem;cursor:pointer}.agent-dropdown .custom-form-select{min-width:9.375rem;max-width:15.625rem}.agent-dropdown .avatar{position:relative;width:3.125rem;height:3.125rem;border-radius:50%;margin-right:.9375rem}.agent-dropdown .avatar img{width:100%;height:100%;border-radius:50%}.agent-dropdown .ant-select-selector{height:2rem!important}.agent-dropdown .ant-select-selector .ant-select-selection-item{line-height:1.875rem}.agent-dropdown .ant-select-selector .ant-select-selection-item .custom-label{font-size:1rem}.custom-user-state-option{display:flex;min-width:6.25rem;align-items:center;line-height:1.875rem}.custom-user-state-option .status{width:1rem;height:1rem;min-width:1rem;border-radius:50%;margin-right:.5rem}.custom-user-state-option .custom-label{overflow-wrap:break-word;word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:"Roboto",serif;font-size:.875rem;font-weight:400;color:#252424}.header-container{width:100%;height:4.375rem;background:#10827b;display:flex;align-items:center;justify-content:space-between}.header-container .page-logo{width:35%}.header-container .page-logo .logo{width:8.4375rem;height:2.5625rem;padding-left:1.25rem}.header-container .page-logo .logo img{width:100%;height:100%}.header-container .frame-search{width:30%;text-align:center}.header-container .frame-search .frame-search-global{position:relative}.header-container .frame-search .frame-search-global .input-search-global{height:2.5rem;padding:0 .75rem;background:#f1f1f1;border-radius:.25rem}.header-container .frame-search .frame-search-global .input-search-global::placeholder{font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;line-height:1.0625rem;color:#979797}.header-container .frame-search .frame-search-global .input-search-global input{background:#f1f1f1;font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;line-height:1.0625rem;color:#252424}.header-container .frame-search .frame-search-global .input-search-global .ant-input-prefix{margin-right:1.25rem}.header-container .frame-search .frame-search-global .input-search-global .ant-input-prefix .icon-search{font-size:1.25rem}.header-container .frame-search .frame-search-global .search-option-list{position:absolute;top:3rem;z-index:101;width:100%;max-height:calc(100vh - 30rem);overflow-y:auto}.header-container .frame-search .frame-search-global .search-option-list .option-item{display:flex;align-items:center;background:#fff;box-shadow:inset 1px 0 0 #d9d9d9,inset 0 1px 0 #d9d9d9,inset 0 -1px 0 #d9d9d9;padding:.625rem;cursor:pointer}.header-container .frame-search .frame-search-global .search-option-list .option-item.active{background:#f1f1f1}.header-container .frame-search .frame-search-global .search-option-list .option-item .representation-img{width:3.125rem;height:3.125rem;min-width:3.125rem;margin-right:1rem}.header-container .frame-search .frame-search-global .search-option-list .option-item .representation-img img{width:100%;height:100%}.header-container .frame-search .frame-search-global .search-option-list .option-item .option-content{width:100%}.header-container .frame-search .frame-search-global .search-option-list .option-item .option-content .title{display:flex;align-items:center}.header-container .frame-search .frame-search-global .search-option-list .option-item .option-content .title .name{font-family:"Roboto",serif;font-weight:700;font-size:1rem;line-height:1.5rem;color:#252424;display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:break-spaces;max-width:50%;word-break:break-word}.header-container .frame-search .frame-search-global .search-option-list .option-item .option-content .title .name b{color:#20a2a2}.header-container .frame-search .frame-search-global .search-option-list .option-item .option-content .title .option-type{background:#fff;border-radius:.625rem;padding:0 .5rem;font-family:"Roboto",serif;font-weight:400;font-size:.875rem;line-height:1.25rem;color:#fff;margin-left:1rem}.header-container .frame-search .frame-search-global .search-option-list .option-item .option-content .title .option-type.customer-info{background:#0050b3}.header-container .frame-search .frame-search-global .search-option-list .option-item .option-content .title .option-type.user-info{background:#a634ff}.header-container .frame-search .frame-search-global .search-option-list .option-item .option-content .title .option-type.customer-message{background:#f759ab}.header-container .frame-search .frame-search-global .search-option-list .option-item .option-content .title .option-type.internal-message{background:#52c41a}.header-container .frame-search .frame-search-global .search-option-list .option-item .option-content .title .option-type.ticket{background:#f07300}.header-container .frame-search .frame-search-global .search-option-list .option-item .option-content .title .option-type.interaction{background:#1890ff}.header-container .frame-search .frame-search-global .search-option-list .option-item .option-content .title .time{font-family:"Roboto",serif;font-weight:400;font-size:.75rem;line-height:1.5rem;color:#6b6b6b;margin-left:1.5rem}.header-container .frame-search .frame-search-global .search-option-list .option-item .option-content .content{font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:1.5rem;color:#252424;text-align:left}.header-container .frame-search .frame-search-global .search-option-list .option-item .option-content .content b{color:#20a2a2}.header-container .frame-search .frame-search-global .search-option-list .option-item .option-content .content>div{display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:break-spaces;max-width:100%;word-break:break-word}.header-container .frame-search .frame-search-global .search-option-list .option-item .option-content .content .content-with-title{display:flex;align-items:center}.header-container .frame-search .frame-search-global .search-option-list .option-item .option-content .content .content-with-title>div{display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:break-spaces;max-width:85%;word-break:break-word}.header-container .frame-search .frame-search-global .search-option-list .lazy-loading{display:none;min-width:26.25rem;margin-top:.5rem;background:#fff;box-shadow:inset 1px 0 0 #d9d9d9,inset 0 1px 0 #d9d9d9,inset 0 -1px 0 #d9d9d9;padding:.625rem}.header-container .frame-search .frame-search-global .search-option-list .lazy-loading.active{display:block}.header-container .frame-search .frame-search-global .search-option-list .lazy-loading .skeleton-component{margin-top:.9375rem}.header-container .frame-search .frame-search-global .search-option-list .lazy-loading .skeleton-component .ant-skeleton-paragraph,.header-container .frame-search .frame-search-global .search-option-list .lazy-loading .skeleton-component .ant-skeleton-title{margin-top:0;margin-bottom:.9375rem}.header-container .group-header-action{display:flex;align-items:center;justify-content:flex-end;padding-right:2.1875rem;width:35%;max-width:35%}.header-container .group-header-action>div{margin-left:1.25rem}.header-container .group-header-action>div button{padding:0}.header-container .group-header-action .agent-header{padding:0;margin:0}.sidebar-container{height:calc(100vh - 4.375rem);width:6.25rem;background:#fafafa}.sidebar-container .sidebar-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2.5rem;cursor:pointer;color:#c7c7c7;position:relative}.sidebar-container .sidebar-icon.active{color:#000}.sidebar-container .sidebar-icon .icon{height:1.875rem;width:1.875rem}.sidebar-container .sidebar-icon .title{font-style:normal;font-weight:500;font-size:.75rem;line-height:1.0625rem;margin-top:.625rem;text-align:center}.sidebar-container .sidebar-icon .noti-new-message{right:1rem;top:0}.sidebar-container .sidebar-icon:hover{color:#000}.warning-service-package-modal{width:100rem!important;z-index:999999999999}.warning-service-package-modal .ant-modal-content{border-radius:.3125rem}.warning-service-package-modal .ant-modal-content .ant-modal-body{padding:2rem 1.125rem}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package{display:flex;padding:0 .625rem}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description{width:20%;border:1px solid #ececec;border-radius:1.5rem;text-align:center;margin:0 .375rem;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description.active{border:1px solid #0bb865}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description.active .package-name .icon-check-circle-active{display:block}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .package-name{font-family:"Roboto",serif;font-size:.875rem;line-height:1rem;font-weight:500;color:#282828;padding:.75rem;background:#f0f0f0;border-radius:1.5rem 1.5rem 0 0;display:flex;align-items:center;justify-content:center}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .package-name.free .icon-check-circle-active:before{color:#0bb865}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .package-name.trial{background:#597ef7;color:#fff}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .package-name.standard{background:#08979c;color:#fff}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .package-name.advance{background:#9254de;color:#fff}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .package-name.enterprise{background:#fda22f;color:#fff}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .package-name .icon-check-circle-active{font-size:1.125rem;margin-right:.625rem;display:none}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .package-name .icon-check-circle-active:before{color:#fff}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .package-fee{border-bottom:1px solid #f5f5f5;margin:1rem}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .package-fee .price{font-family:"Roboto",serif;font-size:1.125rem;font-weight:500;line-height:1.3125rem;color:#282828;margin-bottom:.375rem}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .package-fee .sub-price{font-family:"Roboto",serif;font-size:.875rem;font-weight:400;line-height:1rem;color:#282828;margin-bottom:1rem;height:1rem}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .upgrade-package{width:100%;padding:0 1rem;display:none}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .upgrade-package .upgrade-package-btn{width:100%;height:1.875rem;padding:0 .9375rem;background:#20a2a2;border:1px solid #20a2a2;border-radius:.5rem;font-family:"Roboto",serif;font-size:.875rem;font-weight:400;color:#fff;line-height:1.375rem;margin-bottom:1.5rem}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .upgrade-package .upgrade-package-btn:hover{opacity:.8}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .upgrade-package .upgrade-package-btn.active{background:#fff;border:1px solid #20a2a2;color:#20a2a2}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .package-function{margin-bottom:0;text-align:left;padding:0 1rem;max-height:calc(100vh - 25rem);overflow-y:auto}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .package-function>div{display:flex;align-items:center;font-family:"Roboto",serif;font-size:.875rem;font-weight:400;line-height:1.125rem;color:#2c2c2c;margin-bottom:.75rem}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .package-function>div .icon-check-circle{font-size:.875rem;margin-right:.5rem}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .service-package .package-description .package-function>div .icon-check-circle .path1:before{color:#0bb865}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .content,.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .sub-content{font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:1.1875rem;text-align:center;color:#6b6b6b}.warning-service-package-modal .ant-modal-content .ant-modal-body .warning-service-package-body .content{color:#2c2c2c;margin-bottom:.5rem;margin-top:1.5rem}.warning-service-package-modal .ant-modal-content .ant-modal-footer{padding:.75rem 1.5rem;border-top:unset}.warning-service-package-modal .ant-modal-content .ant-modal-footer button{background:#219653;min-width:4.6875rem;height:2.8125rem;padding:0 .9375rem;border:1px solid #219653;border-radius:.25rem;font-family:"Roboto",serif;font-size:.875rem;font-weight:400;color:#fff;line-height:1.0625rem;word-break:break-word}.warning-service-package-modal .ant-modal-content .ant-modal-footer button:first-child{margin-left:.75rem}.warning-service-package-modal .ant-modal-content .ant-modal-footer button:first-child:hover{background:#0b7338;border:1px solid #0b7338}.warning-service-package-modal .ant-modal-content .ant-modal-footer button:last-child{background:#fff;border:1px solid #fff;color:#979797}.warning-service-package-modal .ant-modal-content .ant-modal-footer button:last-child:hover{background:#f1f1f1;border:1px solid #f1f1f1}.warning-service-package-modal .ant-modal-content .ant-modal-footer button.delete,.warning-service-package-modal .ant-modal-content .ant-modal-footer button.notify{background:#20a2a2;border:1px solid #20a2a2;color:#fff}.warning-service-package-modal .ant-modal-content .ant-modal-footer button.delete:hover,.warning-service-package-modal .ant-modal-content .ant-modal-footer button.notify:hover{background:#20a2a2;border:1px solid #20a2a2}.welcome-component{height:100vh;background:url(/static/media/welcome-banner.6150d302.png) no-repeat;background-attachment:fixed;background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:space-between;padding:3.125rem 8.75rem}.welcome-component .logo img{width:15.375rem;height:4.6875rem}.welcome-component .introduction-content .title{font-family:"Roboto",serif;font-weight:700;font-size:3.5rem;line-height:3.75rem;color:#fff;margin-bottom:1.5rem}.welcome-component .introduction-content .description{font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:1.5rem;color:#fff;margin-bottom:4rem}.welcome-component .introduction-content .next-btn{background:#fff;height:2.5rem;padding:0 1rem;border:1px solid #d9d9d9;box-shadow:0 2px 0 rgba(0,0,0,.016);border-radius:.125rem;font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:1.5rem;color:#2c2c2c;display:flex;align-items:center;justify-content:flex-start;transition:all .3s}.welcome-component .introduction-content .next-btn:focus,.welcome-component .introduction-content .next-btn:hover{background:#fff;border:1px solid #d9d9d9;color:#2c2c2c}.welcome-component .introduction-content .next-btn .icon-arrow-right{font-size:.875rem;margin-right:.75rem}.welcome-component .bottom{height:4.6875rem}.button{background:#0ab2a8;height:2.5rem;display:flex;flex-direction:row;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 1rem;border-radius:.25rem;font-family:"Roboto",serif;font-weight:400;color:#fff;line-height:1.0625rem;cursor:pointer}.button.disable{background:grey;pointer-events:none}.button .leftIcon{height:.9rem;margin-right:1.5rem}.button .title{font-style:normal;font-weight:400;font-size:1.2rem}.button:hover{background:#018078}.table-frame{margin-bottom:.9375rem;overflow:auto;width:100%;max-height:calc(100vh - 17rem)}.table-frame table{width:100%;margin-bottom:0}.table-frame table .resizable{resize:horizontal;overflow-x:auto;width:auto;height:auto;margin:0;padding:1rem .375rem;display:block}.table-frame table .resizable.vertical{display:flex!important}.table-frame table .normal{overflow-x:auto;width:auto;height:auto;margin:0;padding:1rem .5rem;display:block}.table-frame table thead{background:#f2f2f2}.table-frame table thead tr th{text-align:left;font-family:"Roboto",serif;font-size:1.0625rem;font-weight:500;line-height:1.0625rem;color:#000;cursor:pointer;justify-content:center;border-bottom:unset;min-width:3.125rem;overflow-wrap:break-word;word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-frame table thead tr th:first-child{padding-left:.625rem}.table-frame table thead tr th.action-table,.table-frame table thead tr th.chanel{text-align:center;width:10%}.table-frame table thead tr th.action-table .header-title,.table-frame table thead tr th.chanel .header-title{justify-content:center}.table-frame table thead tr th.chanel{padding-left:0!important}.table-frame table thead tr th.boolean-col{text-align:center;width:8%}.table-frame table thead tr th.boolean-col .header-title{justify-content:center}.table-frame table thead tr th .header-title{display:flex;align-items:center}.table-frame table thead tr th .header-title .sort-icon{transform:rotate(-90deg);width:1.25rem;height:1.25rem;margin-left:.3125rem;display:flex;align-items:center;justify-content:center}.table-frame table thead tr th .header-title .sort-icon.arrow-down{transform:rotate(90deg)}.table-frame table thead tr th .header-title .sort-icon .icon-arrow-green{font-size:.625rem}.table-frame table thead tr th .search-field{margin-bottom:0;margin-top:.3125rem;height:1.875rem}.table-frame table thead tr th .search-field .form-input{height:1.875rem;padding:0 .75rem;background:#fff;font-size:.875rem;line-height:1.0625rem;border:unset}.table-frame table thead tr th .search-field .form-input::placeholder{font-size:.875rem;line-height:1.0625rem}.table-frame table thead tr th .search-field .form-input input{background:#fff;font-size:.875rem;line-height:1.0625rem}.table-frame table thead tr th .select-all{margin-top:.3125rem;height:2rem;margin-bottom:0;display:flex;align-items:flex-end}.table-frame table tbody tr td{padding:.625rem .5rem;text-align:left;border-bottom:1px solid #ededed;font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:1.375rem;max-width:3.125rem;overflow-wrap:break-word;word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-frame table tbody tr td:first-child{padding-left:1rem}.table-frame table tbody tr td:last-child{max-width:unset}.table-frame table tbody tr td.switch-action{text-align:center}.table-frame table tbody tr td.switch-action span{font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:1.375rem;color:#777}.table-frame table tbody tr td.switch-action span.active{color:#2c9a7b}.table-frame table tbody tr td.boolean-col,.table-frame table tbody tr td.col-center{text-align:center}.table-frame table tbody tr td.boolean-col .add-btn-inside,.table-frame table tbody tr td.col-center .add-btn-inside{justify-content:center;background-color:#fff}.table-frame table tbody tr td.boolean-col .add-btn-inside span,.table-frame table tbody tr td.col-center .add-btn-inside span{color:#2c2c2c;line-height:1.375rem;font-size:1rem}.table-frame table tbody tr td.boolean-col .add-btn-inside span.icon-add,.table-frame table tbody tr td.col-center .add-btn-inside span.icon-add{margin-right:.5rem}.table-frame table tbody tr td.boolean-col .add-btn-inside span:before,.table-frame table tbody tr td.col-center .add-btn-inside span:before{color:#2c2c2c}.table-frame table tbody tr td.action-table .action-list{text-align:center;display:flex;align-items:center;justify-content:center}.table-frame table tbody tr td.action-table .action-list .action-item{width:1.625rem;height:1.625rem;margin-right:.5rem;display:flex;align-items:center;justify-content:center}.table-frame table tbody tr td.action-table .action-list .action-item.isDisabled{-webkit-user-select:none;user-select:none;pointer-events:none;cursor:not-allowed}.table-frame table tbody tr td.action-table .action-list .action-item.isDisabled .icon-action:before{color:#cecece}.table-frame table tbody tr td.action-table .action-list .action-item.isHidden{display:none}.table-frame table tbody tr td.action-table .action-list .action-item.isHidden.display-hidden-action{display:block}.table-frame table tbody tr td.action-table .action-list .action-item.isHidden.display-hidden-action:hover{background:#fff;border-radius:.25rem}.table-frame table tbody tr td.action-table .action-list .action-item:hover{background:#eee;border-radius:.25rem}.table-frame table tbody tr td.action-table .action-list .action-item .action-item-icon{display:flex;align-items:center;justify-content:center;cursor:pointer}.table-frame table tbody tr td.action-table .action-list .action-item .action-item-icon .icon-action,.table-frame table tbody tr td .channel-type-icon{font-size:1.25rem}.table-frame table tbody tr td .img-icon{width:1.25rem;margin-right:1.25rem}.table-frame table tbody tr td .img-icon img{width:100%;height:100%}.table-frame table tbody tr td .status-display{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.25rem .5rem;font-family:"Roboto",serif;font-weight:400;font-size:.875rem;line-height:1rem;color:#777;border-radius:.625rem}.table-frame table tbody tr td .status-display.new{background:#a3ceee;color:#1e83a3}.table-frame table tbody tr td .status-display.progress{background:#8bd08a;color:#1a6b19}.table-frame table tbody tr td .status-display.pending{background:#f0e2bc;color:#a8811b}.table-frame table tbody tr td .status-display.close{background:#f6dddc;color:#c1312c}.table-frame table tbody tr td .status-display.low{background:#e0e0e0;color:#3f3f3f}.table-frame table tbody tr td .status-display.middle{background:#f3e66c;color:#57580b}.table-frame table tbody tr td .status-display.high{background:#e70900;color:#fff}.table-frame table tbody tr td .avatar{width:2.5rem;height:2.5rem;border-radius:50%;position:relative}.table-frame table tbody tr td .avatar img{width:100%;height:100%;border-radius:50%}.table-frame table tbody .no-dashboard-component img{display:block;margin:0 auto}.table-frame table tbody .no-dashboard-component .no-dashboard-content{display:block;text-align:center;font-size:1rem;line-height:1.375rem;font-weight:400;color:#000;margin:.5rem auto 0}.table-frame table tbody .no-dashboard-component .no-dashboard-content button{background:#18a3a1;color:#fff;margin-top:1rem}.table-frame table tbody .no-dashboard-component .no-dashboard-content .main-content{color:#20a2a2}.table-pagination-component{display:flex;align-items:center;justify-content:space-between}.table-pagination-component .total-select{background:#fff;border:1px solid #0ab2a8;border-radius:.3125rem;padding:.625rem 1.25rem;height:100%}.table-pagination-component .total-select span{font-family:"Roboto",serif;font-weight:500;font-size:1.0625rem;line-height:1.25rem;color:#0ab2a8}.table-pagination-component .pagination-action{display:flex;align-items:center;justify-content:flex-end}.table-pagination-component .pagination-action .pagination-frame{border:1px solid #f1f1f1;border-radius:.25rem;box-sizing:border-box;margin:0;color:#0ab2a8;padding:0;list-style:none}.table-pagination-component .pagination-action .pagination-frame.view-in-page{margin-right:2.1875rem}.table-pagination-component .pagination-action .pagination-frame.select-page li:last-child{background:#fafafa}.table-pagination-component .pagination-action .pagination-frame .next,.table-pagination-component .pagination-action .pagination-frame .prev{color:#0ab2a8}.table-pagination-component .pagination-action .pagination-frame li{display:inline-block;outline:0;cursor:pointer;text-align:center;vertical-align:middle;min-width:3.125rem;height:2.5rem;margin-right:0;border:unset;border-right:1px solid #f1f1f1;border-radius:0;padding:.625rem;line-height:1.25rem}.table-pagination-component .pagination-action .pagination-frame li a,.table-pagination-component .pagination-action .pagination-frame li div{font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;line-height:1.25rem;color:#0ab2a8}.table-pagination-component .pagination-action .pagination-frame li:first-child{background:#fafafa}.table-pagination-component .pagination-action .pagination-frame li:last-child{border-right:unset}.table-pagination-component .pagination-action .pagination-frame li.ant-pagination-item-active{background:#0ab2a8;border-color:#0ab2a8;color:#fff}.table-pagination-component .pagination-action .pagination-frame li.ant-pagination-item-active a,.table-pagination-component .pagination-action .pagination-frame li.ant-pagination-item-active div{color:#fff}.modalUserSettingInput{margin-bottom:1rem}.modalUserSettingInput .text{font-style:normal;font-weight:500;font-size:1rem;line-height:2rem;color:#000;margin-bottom:.5rem}.modalUserSettingInput .ant-select-selector{background:#f8f8f8!important;width:20rem;border:none!important}.modalUserSettingInput .ant-select{width:20rem}.action-table.advance{width:30%!important}.action-table .action-list{text-align:center;display:flex;align-items:center;justify-content:center}.action-table .action-list.flex-end{justify-content:flex-end!important}.action-table .action-list .action-item{width:1.625rem;height:1.625rem;margin-right:.5rem;display:flex;align-items:center;justify-content:center}.action-table .action-list .action-item.isDisabled{-webkit-user-select:none;user-select:none;pointer-events:none;cursor:not-allowed}.action-table .action-list .action-item.isDisabled .icon-action:before{color:#cecece}.action-table .action-list .action-item.isHidden{display:none}.action-table .action-list .action-item.isHidden.display-hidden-action{display:block}.action-table .action-list .action-item.isHidden.display-hidden-action:hover{background:#fff;border-radius:.25rem}.action-table .action-list .action-item:hover{background:#eee;border-radius:.25rem}.action-table .action-list .action-item .action-item-icon{display:flex;align-items:center;justify-content:center;cursor:pointer}.action-table .action-list .action-item .action-item-icon .icon-action{font-size:1.25rem}.action-table .action-list .action-item .action-item-icon.preview{text-align:center}.action-table .action-list .action-item .action-item-icon.preview .preview-button{background-color:#20a2a2;width:6.125rem;height:1.5rem;font-family:"Roboto",serif;line-height:1.375rem;color:#fff;font-weight:400;border-radius:.125rem}.action-table .action-list .action-item.apply-wrapper{margin-right:.5rem;cursor:pointer;border-radius:.25rem;width:4.375rem!important}.action-table .action-list .action-item.apply-wrapper .apply-record button .ant-switch-inner{font-size:.75rem}.action-table .action-list .action-item.apply-wrapper .apply-record .ant-switch-checked{background-color:#20a2a2}.textInput{display:flex;flex-direction:column}.textInput .text{font-style:normal;font-weight:500;font-size:1rem;line-height:2rem;color:#000;margin-bottom:.5rem}.textInput .input{width:20rem;height:2.5rem;border-radius:.2rem;border:none}.textInput .input,.textInput .input .ant-input{background:#f8f8f8}.textInput .input:hover{border:1px solid #000}.textInput .ant-input-affix-wrapper-focused,.textInput .ant-input-affix-wrapper:focus{border:1px solid #0ab2a8!important;box-shadow:none!important}.textInput .dataInput{width:20rem;background:#f8f8f8;border-radius:.2rem;border:1px solid #0ab2a8}.textInput .dataInput .ant-input{background:#f8f8f8}.textInput .ant-select{width:20rem}.textInput .ant-select-selector{background:#f8f8f8!important;border-radius:50%;width:20rem;border:none!important}.textInput .textArea{width:100%;background:#f8f8f8!important;border-radius:.5rem;border:none!important}.textInput .textArea:hover{border:1px solid #000}.textInput .textArea:focus{border:1px solid #0ab2a8!important;box-shadow:none!important}.settingTop .row{justify-content:space-between}.settingTop .row,.settingTop .row .breadcrumb{display:flex;flex-direction:row}.settingTop .row .breadcrumb .routeUser{font-style:normal;font-weight:400;font-size:1.2rem;line-height:2rem;cursor:pointer;text-transform:capitalize}.settingTop .row .breadcrumb .routeUser:hover{color:#219653}.settingTop .row .breadcrumb .routeUserBold{font-weight:500;text-transform:capitalize;line-height:2rem;font-size:1.2rem}.settingTop .row .searchInput{width:20rem}.settingTop .addUserBtn{margin-top:1rem}.settingPlaceholder{margin-top:8rem;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.settingPlaceholder .settingPlaceholderImg{width:30rem}.settingPlaceholder .settingPlaceholderTitle{font-style:normal;font-weight:500;font-size:1.5rem;line-height:150%;margin:2rem 0 1rem}.settingPlaceholder .settingPlaceholderText{font-style:normal;font-weight:400;font-size:.9rem;line-height:1rem}.settingPlaceholder .settingPlaceholderButton{width:17rem;display:flex;justify-content:center;align-items:center;margin-top:2rem}.table-top-component{margin:1.25rem 0;height:2.5rem;justify-content:space-between}.table-top-component,.table-top-component .table-top-left{display:flex;align-items:center}.table-top-component .table-top-left .default-button{margin-left:1rem;height:2.5rem;border:1px solid #d9d9d9;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.375rem;color:#2c2c2c;font-weight:400}.table-top-component .table-top-left .default-button:hover{background-color:#fff;border:1px solid #20a2a2;color:#20a2a2}.table-top-component .table-top-left .default-button span:first-child{margin-right:.625rem}.table-top-component .table-top-left .gmail-chanel{display:flex;margin-top:.375rem}.table-top-component .table-top-left .gmail-chanel .gmail{color:#2c2c2c;background-color:#fff;margin:.9375rem .3125rem;border:.0625rem solid #d9d9d9}.table-top-component .table-top-left .gmail-chanel .gmail span{font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:1.5rem;text-align:center}.table-top-component .table-top-left .gmail-chanel .gmail:hover{background-color:#f2f2f2}.table-top-component .table-top-left .gmail-chanel .gmail .icon-mail-info{margin-right:.5625rem}.table-top-component .table-top-left .gmail-chanel .gmail .icon-mail-info.manual-icon:before{color:#000}.table-top-component .table-top-left .gmail-chanel .gmail .icon-mail-info.gmail-icon:before{color:#f44336}.table-top-component .table-top-left .gmail-chanel .gmail .icon-mail-info.microsoft-icon:before{color:#4c94e4}.table-top-component .table-top-left .icon-filter{font-size:1.25rem;margin-right:1rem;cursor:pointer;width:2.375rem;height:2.5rem;background:#0ab2a8;border-radius:.3125rem;display:flex;align-items:center;justify-content:center}.table-top-component .table-top-left .icon-filter .path1:before{color:#f3efef}.table-top-component .table-top-left .icon-filter .path2:before{color:#0ab2a8}.table-top-component .table-top-left .icon-filter.is-filter,.table-top-component .table-top-left .icon-filter:hover{background:#10827b}.table-top-component .table-top-left .icon-filter.is-filter .path2:before,.table-top-component .table-top-left .icon-filter:hover .path2:before{color:#10827b}.table-top-component .table-top-left .setting-dropdown{margin-right:1rem}.table-top-component .table-top-left .setting-dropdown button{width:2.375rem;height:2.5rem;background:#0ab2a8;line-height:1;border-radius:.3125rem!important}.table-top-component .table-top-left .setting-dropdown button:first-child{display:none}.table-top-component .table-top-left .setting-dropdown button span{font-size:1.375rem}.table-top-component .table-top-left .setting-dropdown button span:before{color:#fff}.table-top-component .table-top-left .setting-dropdown button:focus,.table-top-component .table-top-left .setting-dropdown button:hover{background:#10827b;border-color:#10827b}.table-top-component .table-top-left .custom-radio-group-btn{height:2.5rem}.table-top-component .table-top-left .custom-radio-group-btn .custom-radio-btn{padding:.3125rem 3.125rem;height:100%;font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;line-height:1.875rem;color:#979797}.table-top-component .table-top-left .custom-radio-group-btn .custom-radio-btn.ant-radio-button-wrapper-checked{font-weight:500;color:#fff;border-color:#0ab2a8}.table-top-component .table-top-left .custom-radio-group-btn .custom-radio-btn .ant-radio-button-checked{background:#0ab2a8;border-color:#0ab2a8}.table-top-component .table-top-left .common-button{margin-right:1.0625rem}.table-top-component .table-top-right,.table-top-component .table-top-right .action-and-search{display:flex;align-items:center}.table-top-component .table-top-right .frame-search{width:24.375rem}.table-top-component .table-top-right .frame-search.ant-input-affix-wrapper{height:2.5rem;padding:0 .9375rem;background:#fff;border-radius:.25rem;border:1px solid #979797}.table-top-component .table-top-right .frame-search.ant-input-affix-wrapper:focus,.table-top-component .table-top-right .frame-search.ant-input-affix-wrapper:hover{border-color:unset;outline:none;box-shadow:none}.table-top-component .table-top-right .frame-search .ant-input-prefix{margin-right:.9375rem}.table-top-component .table-top-right .frame-search .ant-input-prefix .icon-search{font-size:1.25rem}.table-top-component .table-top-right .frame-search input{background:#fff;font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;color:#707070;line-height:1.0625rem}.table-top-component .table-top-right .frame-search input::placeholder{font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;line-height:1.0625rem;color:#979797}.table-top-component .table-top-right .table-action-btn{margin-left:1rem}.frame-search-dropdown{box-shadow:none;border-radius:0}.frame-search-dropdown .ant-select-item{padding:.3125rem .75rem}.frame-search-dropdown .frame-search-option{display:flex;align-items:center;justify-content:space-between}.dropdown-menu-setting{background:#fff;box-shadow:0 2px 2px #f0f0f0}.dropdown-menu-setting .title{font-weight:500;padding:.3125rem 1rem;box-shadow:inset 0 -1px 0 #f0f0f0}.dropdown-menu-setting .title,.dropdown-menu-setting span{font-family:"Roboto",serif;font-size:1rem;line-height:1.375rem;color:rgba(0,0,0,.85)}.dropdown-menu-setting span{font-weight:400}.edit-setting-user-component{width:56.25rem!important}.edit-setting-user-component .edit-setting-user-body{padding:1.5625rem 4.0625rem}.edit-setting-user-component .edit-setting-user-body .left-col{padding-right:5.625rem}.edit-setting-user-component .edit-setting-user-body .left-col .form-item-bottom{margin-bottom:0}.edit-setting-user-component .edit-setting-user-body .left-col .user-edit{display:block}.mail_modal .ant-row .left-col .ant-form-vertical{flex-direction:row!important}.user-step-content{margin-top:2rem;height:calc(100vh - 24rem)}.user-step-content .left-col{padding-right:1rem}.user-step-content .frame-component{background:#fff;padding:1.5rem;height:100%}.user-step-content .frame-component .frame-title{font-family:"Roboto",serif;font-weight:500;font-size:1.375rem;line-height:1.875rem;color:#2c2c2c;border-bottom:1px solid #f0f0f0;padding-bottom:1rem}.user-step-content .frame-component .frame-content{max-height:calc(100vh - 30rem);overflow-y:auto}.user-step-content .frame-component .frame-content .guide-content{font-family:"Roboto",serif;font-weight:400;font-size:.875rem;line-height:1.25rem;color:#2c2c2c;margin-top:1.5rem}.user-step-content .frame-component .frame-content .table-frame{overflow:unset;max-height:unset}.user-step-content .frame-component .empty-component{margin-top:2.8125rem}.popup-confirm-component{width:37.5rem!important;z-index:99999}.popup-confirm-component.button-center .ant-modal-footer{text-align:center}.popup-confirm-component .ant-modal-content{border-radius:.3125rem}.popup-confirm-component .ant-modal-content .ant-modal-close{padding:.75rem 1.125rem}.popup-confirm-component .ant-modal-content .ant-modal-close .ant-modal-close-x{width:1.875rem;height:1.875rem;line-height:1.875rem;font-size:unset}.popup-confirm-component .ant-modal-content .ant-modal-close .ant-modal-close-x .icon-close{color:#000}.popup-confirm-component .ant-modal-content .ant-modal-header{padding:.9375rem 1.25rem;border-radius:.3125rem .3125rem 0 0;border-bottom:unset;background-color:#f2f4f5}.popup-confirm-component .ant-modal-content .ant-modal-header>div{font-family:"Roboto",serif;font-weight:500;font-size:1.25rem;line-height:1.25rem;color:#000;word-break:break-word}.popup-confirm-component .ant-modal-content .ant-modal-body{padding:0 1.25rem}.popup-confirm-component .ant-modal-content .ant-modal-body .popup-confirm-body{font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;line-height:1.25rem;color:#000;word-break:break-word;text-align:center;padding-top:1.5625rem}.popup-confirm-component .ant-modal-content .ant-modal-body .popup-confirm-body span{display:block;margin-top:.9375rem;line-height:1.6rem}.popup-confirm-component .ant-modal-content .ant-modal-body .popup-confirm-body .span-title{font-weight:700;font-size:1.25rem;color:#2c2c2c}.popup-confirm-component .ant-modal-content .ant-modal-body .popup-confirm-body img{max-width:6.25rem}.popup-confirm-component .ant-modal-content .ant-modal-body .popup-confirm-body .success-setup{max-width:25.3125rem}.popup-confirm-component .ant-modal-content .ant-modal-footer{padding:1.25rem;border-top:unset}.popup-confirm-component .ant-modal-content .ant-modal-footer button{background:#219653;min-width:4.6875rem;height:2.8125rem;padding:0 .9375rem;border:1px solid #219653;border-radius:.25rem;font-family:"Roboto",serif;font-size:.875rem;font-weight:400;color:#fff;line-height:1.0625rem;word-break:break-word}.popup-confirm-component .ant-modal-content .ant-modal-footer button:first-child{margin-left:.75rem}.popup-confirm-component .ant-modal-content .ant-modal-footer button:first-child:hover{background:#0b7338;border:1px solid #0b7338}.popup-confirm-component .ant-modal-content .ant-modal-footer button:last-child{background:#fff;border:1px solid #fff;color:#979797}.popup-confirm-component .ant-modal-content .ant-modal-footer button:last-child:hover{background:#f1f1f1;border:1px solid #f1f1f1}.popup-confirm-component .ant-modal-content .ant-modal-footer button.delete,.popup-confirm-component .ant-modal-content .ant-modal-footer button.notify{background:#20a2a2;border:1px solid #20a2a2;color:#fff}.popup-confirm-component .ant-modal-content .ant-modal-footer button.delete:hover,.popup-confirm-component .ant-modal-content .ant-modal-footer button.notify:hover{background:#20a2a2;border:1px solid #20a2a2}.working-hour-content{margin-top:2rem;height:calc(100vh - 24rem)}.working-hour-content .left-col{padding-right:1rem}.working-hour-content .frame-component{background:#fff;padding:1.5rem;height:100%}.working-hour-content .frame-component .frame-title{font-family:"Roboto",serif;font-weight:500;font-size:1.375rem;line-height:1.875rem;color:#2c2c2c;border-bottom:1px solid #f0f0f0;padding-bottom:1rem}.working-hour-content .frame-component .frame-content{max-height:calc(100vh - 30rem);overflow-y:auto}.working-hour-content .frame-component .frame-content .guide-content{font-family:"Roboto",serif;font-weight:400;font-size:.875rem;line-height:1.25rem;color:#2c2c2c;margin-top:1.5rem}.working-hour-content .frame-component .frame-content .label{font-family:"Roboto",serif;font-weight:500;font-size:1rem;line-height:1.375rem;color:#2c2c2c;margin-top:1.5rem}.working-hour-content .frame-component .frame-content .working-hour-list{margin-top:1.25rem}.working-hour-content .frame-component .frame-content .working-hour-list .weekdays-item{display:flex}.working-hour-content .frame-component .frame-content .working-hour-list .weekdays-item .weekdays-name{font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:1.5rem;color:#2c2c2c;min-width:5.3125rem}.working-hour-content .frame-component .frame-content .working-hour-list .weekdays-item .time-list{display:flex;margin-bottom:.5rem}.working-hour-content .frame-component .frame-content .working-hour-list .weekdays-item .time-list .custom-form-item{margin-left:.5rem;margin-bottom:0;position:relative}.working-hour-content .frame-component .frame-content .working-hour-list .weekdays-item .time-list .custom-form-item:hover .delete-field{display:flex}.working-hour-content .frame-component .frame-content .working-hour-list .weekdays-item .time-list .custom-form-item .form-date{height:2rem}.working-hour-content .frame-component .frame-content .working-hour-list .weekdays-item .time-list .custom-form-item .delete-field{display:none;align-items:center;justify-content:center;position:absolute;top:-.5rem;right:-.375rem;background:#bfbfbf;width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid #fff;cursor:pointer}.working-hour-content .frame-component .frame-content .working-hour-list .weekdays-item .time-list .custom-form-item .delete-field .icon-close{font-size:.375rem}.working-hour-content .frame-component .frame-content .working-hour-list .weekdays-item .time-list .custom-form-item .delete-field .icon-close:before{color:#fff}.working-hour-content .frame-component .frame-content .working-hour-list .weekdays-item .time-list .button-add{margin-left:.5rem;background:#fff;height:2rem;width:2rem;border:1px solid #d9d9d9;box-shadow:0 2px 0 rgba(0,0,0,.016);border-radius:.125rem;display:flex;align-items:center;justify-content:center}.working-hour-content .frame-component .frame-content .working-hour-list .weekdays-item .time-list .button-add .icon-add{font-size:.8125rem}.working-hour-content .frame-component .frame-content .working-hour-list .weekdays-item .time-list .button-add .icon-add:before{color:#2c2c2c}.working-hour-content .frame-component .frame-content .working-hour-list .weekdays-item .time-list .button-add:focus,.working-hour-content .frame-component .frame-content .working-hour-list .weekdays-item .time-list .button-add:hover{background:#fff;border:1px solid #d9d9d9}.channel-type-icon{font-size:1.25rem;margin-right:.3125rem}.channel-type-img-icon{width:1.25rem;margin-right:.3125rem}.channel-type-img-icon img{width:100%;height:100%;border-radius:unset!important}.social-media-content{margin-top:2rem;height:calc(100vh - 24rem)}.social-media-content .left-col{padding-right:1rem}.social-media-content .frame-component{background:#fff;padding:1.5rem;height:100%}.social-media-content .frame-component .frame-title{font-family:"Roboto",serif;font-weight:500;font-size:1.375rem;line-height:1.875rem;color:#2c2c2c;border-bottom:1px solid #f0f0f0;padding-bottom:1rem}.social-media-content .frame-component .frame-content{max-height:calc(100vh - 30rem);overflow-y:auto;margin-top:1.5rem}.social-media-content .frame-component .frame-content .guide-content{font-family:"Roboto",serif;font-weight:400;font-size:.875rem;line-height:1.25rem;color:#2c2c2c}.social-media-content .frame-component .frame-content .custom-left-tab .ant-tabs-nav{margin-right:1rem}.social-media-content .frame-component .frame-content .custom-left-tab .ant-tabs-nav .ant-tabs-ink-bar{display:none}.social-media-content .frame-component .frame-content .custom-left-tab .ant-tabs-tab{padding:1rem 1.5rem;margin:0}.social-media-content .frame-component .frame-content .custom-left-tab .ant-tabs-tab.ant-tabs-tab-active{background:#ebeef0;border-radius:5px}.social-media-content .frame-component .frame-content .custom-left-tab .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#2c2c2c;text-shadow:unset}.social-media-content .frame-component .frame-content .custom-left-tab .tab-title{display:flex;align-items:center;font-family:"Roboto",serif;font-weight:500;font-size:1rem;line-height:1.375rem;color:#2c2c2c}.social-media-content .frame-component .frame-content .custom-left-tab .tab-title .channel-type-img-icon{width:1.75rem;margin-right:1rem}.social-media-content .frame-component .frame-content .custom-left-tab .tabpane{text-align:center}.social-media-content .frame-component .frame-content .custom-left-tab .empty-component{margin-top:1.875rem;text-align:-webkit-center;text-align:-moz-center}.social-media-content .frame-component .frame-content .custom-left-tab .social-page-list{margin-top:2.1875rem;height:100%;display:-webkit-inline-box;justify-content:center;max-width:100%;overflow:auto}.social-media-content .frame-component .frame-content .custom-left-tab .social-page-list .page-detail{text-align:-webkit-center;text-align:-moz-center;margin:0 1.25rem}.social-media-content .frame-component .frame-content .custom-left-tab .social-page-list .page-detail .page-avatar{width:6.25rem;height:6.25rem;border-radius:50%;margin-bottom:1rem}.social-media-content .frame-component .frame-content .custom-left-tab .social-page-list .page-detail .page-avatar img{width:100%;height:100%;border-radius:50%}.social-media-content .frame-component .frame-content .custom-left-tab .social-page-list .page-detail .page-name{font-family:"Roboto",serif;font-weight:500;font-size:1.5rem;line-height:2rem;color:#2c2c2c}.social-media-content .frame-component .frame-content .custom-left-tab .connect-telegram-content,.social-media-content .frame-component .frame-content .custom-left-tab .connect-viber-content{text-align:left}.social-media-content .frame-component .frame-content .custom-left-tab .connect-telegram-content .title-label,.social-media-content .frame-component .frame-content .custom-left-tab .connect-viber-content .title-label{font-family:"Roboto",serif;font-weight:500;font-size:1.0625rem;line-height:2rem;color:#000;margin-top:1.125rem;margin-bottom:.625rem}.social-media-content .frame-component .frame-content .custom-left-tab .connect-telegram-content .input-token-form,.social-media-content .frame-component .frame-content .custom-left-tab .connect-viber-content .input-token-form{display:flex;align-items:center;margin-bottom:2rem}.social-media-content .frame-component .frame-content .custom-left-tab .connect-telegram-content .input-token-form .add-btn,.social-media-content .frame-component .frame-content .custom-left-tab .connect-viber-content .input-token-form .add-btn{background:#0ab2a8;height:2.5rem;padding:0 .625rem;border:1px solid #0ab2a8;border-radius:.25rem;font-family:"Roboto",serif;font-size:1.375rem;font-weight:400;color:#fff;line-height:1.0625rem}.social-media-content .frame-component .frame-content .custom-left-tab .connect-telegram-content .input-token-form input,.social-media-content .frame-component .frame-content .custom-left-tab .connect-viber-content .input-token-form input{height:2.5rem;background:#f8f8f8;font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;color:#707070;line-height:1.25rem;padding:.3125rem .75rem;margin-right:1.875rem}.social-media-content .frame-component .frame-content .custom-left-tab .connect-telegram-content .input-token-form input::placeholder,.social-media-content .frame-component .frame-content .custom-left-tab .connect-viber-content .input-token-form input::placeholder{font-family:"Roboto",serif;font-weight:400;font-style:italic;font-size:1.0625rem;line-height:1.25rem;color:#979797}.social-media-content .frame-component .frame-content .custom-left-tab .connect-telegram-content>div,.social-media-content .frame-component .frame-content .custom-left-tab .connect-viber-content>div{font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;line-height:2rem;color:#000}.social-media-content .frame-component .frame-content .custom-left-tab .connect-telegram-content>div a,.social-media-content .frame-component .frame-content .custom-left-tab .connect-viber-content>div a{color:#0ab2a8;text-decoration:underline;font-style:italic}.upload-preview{width:9.0625rem;height:9.0625rem}.upload-preview.upload-logo,.upload-preview.upload-logo .ant-upload-select-picture-card{width:16.5625rem;height:6.875rem}.upload-preview.upload-logo .ant-upload-select-picture-card span{font-size:1.5625rem}.upload-preview.upload-logo .ant-upload-list-item{width:16.5625rem;height:6.875rem;padding:.25rem;background:#f8f8f8}.upload-preview.upload-avatar{width:3.75rem;height:3.75rem;border-radius:50%}.upload-preview.upload-avatar .ant-upload-list-picture-card-container{width:3.75rem;height:3.75rem;border-radius:50%;margin:0}.upload-preview.upload-avatar .ant-upload-select-picture-card{width:3.75rem;height:3.75rem;border-radius:50%}.upload-preview.upload-avatar .ant-upload-select-picture-card span{font-size:1.5625rem}.upload-preview.upload-avatar .ant-upload-list-item{width:3.75rem;height:3.75rem;border-radius:50%;padding:0;background:#f8f8f8}.upload-preview.upload-avatar .ant-upload-list-item .ant-upload-list-item-info{width:3.75rem;height:3.75rem;border-radius:50%}.upload-preview.upload-avatar .ant-upload-list-item .ant-upload-list-item-info .ant-upload-list-item-thumbnail,.upload-preview.upload-avatar .ant-upload-list-item .ant-upload-list-item-info .ant-upload-list-item-thumbnail img{width:3.75rem;height:3.75rem;object-fit:cover}.upload-preview .upload-icon{border:1px solid #d9d9d9;border-radius:.125rem;padding:.3125rem 1rem;font-family:"Roboto",serif;font-style:normal;font-weight:400;font-size:1rem;line-height:1.375rem}.upload-preview .upload-icon .icon-upload{font-size:.75rem;margin-right:.625rem}.upload-preview .upload-icon .icon-upload:before{color:#2c2c2c}.upload-preview .ant-upload-select-picture-card{width:9.0625rem;height:9.0625rem;margin-right:0;margin-bottom:0}.upload-preview .ant-upload-select-picture-card span{font-size:2.1875rem}.upload-preview .ant-upload-list-item{width:9.0625rem;height:9.0625rem;padding:.5rem}.add-chat-gadget-button-component .add-chat-gadget-button-body .upload-btn-frame{display:flex;align-items:center;background:#f8f8f8;border-radius:.25rem;padding:1.375rem}.add-chat-gadget-button-component .add-chat-gadget-button-body .upload-btn-frame .upload-button{padding-left:2.1875rem}.add-chat-gadget-button-component .add-chat-gadget-button-body .upload-btn-frame .upload-button>div{font-family:"Roboto",serif;font-weight:500;font-size:1.0625rem;line-height:1.0625rem;color:#000;margin-bottom:.9375rem}.add-chat-gadget-button-component .add-chat-gadget-button-body .upload-btn-frame .upload-button .add-btn{padding:0 2.1875rem;background:#008eff;border:1px solid #008eff;margin-right:1.25rem;font-size:1.0625rem;line-height:2rem}.add-chat-gadget-button-component .add-chat-gadget-button-body .upload-btn-frame .upload-button .add-btn:focus,.add-chat-gadget-button-component .add-chat-gadget-button-body .upload-btn-frame .upload-button .add-btn:hover{background:#008eff;border:1px solid #008eff}.add-chat-gadget-button-component .add-chat-gadget-button-body .upload-btn-frame .upload-preview{width:9.0625rem;height:9.0625rem}.add-chat-gadget-button-component .add-chat-gadget-button-body .upload-btn-frame .upload-preview .ant-upload-select-picture-card{width:9.0625rem;height:9.0625rem;margin-right:0;margin-bottom:0}.add-chat-gadget-button-component .add-chat-gadget-button-body .upload-btn-frame .upload-preview .ant-upload-select-picture-card span{font-size:2.1875rem}.add-chat-gadget-button-component .add-chat-gadget-button-body .upload-btn-frame .upload-preview .ant-upload-list-item{width:9.0625rem;height:9.0625rem}.choose-button-component{width:82.875rem!important}.choose-button-component .choose-button-body{padding:2.1875rem 2.8125rem}.choose-button-component .choose-button-body .group-action{display:flex;align-items:center;margin-bottom:1.25rem}.choose-button-component .choose-button-body .group-action .add{background:#18ae00;border:1px solid #18ae00;margin-right:1.25rem}.choose-button-component .choose-button-body .group-action .add:focus,.choose-button-component .choose-button-body .group-action .add:hover{background:#169b00;border:1px solid #169b00}.choose-button-component .choose-button-body .group-action .reset,.choose-button-component .choose-button-body .group-action .reset:focus,.choose-button-component .choose-button-body .group-action .reset:hover{background:#f48800;border:1px solid #f48800}.choose-button-component .choose-button-body .group-collapse{background-color:#fff}.choose-button-component .choose-button-body .group-collapse .collapse-item{margin-bottom:.3125rem;border-bottom:unset}.choose-button-component .choose-button-body .group-collapse .collapse-item .ant-collapse-header{border:1px solid #c7c7c7;padding:.625rem 2.5rem .625rem 1.5625rem;font-family:"Roboto",serif;font-weight:500;font-size:1.0625rem;line-height:1.0625rem;color:#000}.choose-button-component .choose-button-body .group-collapse .collapse-item .ant-collapse-header .ant-collapse-arrow{top:.625rem;right:1.5625rem;padding:0;transform:rotate(90deg);transition:transform .5s}.choose-button-component .choose-button-body .group-collapse .collapse-item .ant-collapse-header .ant-collapse-arrow span{padding:0;font-size:1.0625rem;right:1.5625rem}.choose-button-component .choose-button-body .group-collapse .collapse-item .ant-collapse-header .ant-collapse-arrow.rotate{transform:rotate(-90deg)}.choose-button-component .choose-button-body .group-collapse .collapse-item .ant-collapse-content-box{padding:0}.choose-button-component .choose-button-body .group-collapse .collapse-item .button-list{max-height:calc(100vh - 35rem);overflow-y:auto;padding:1.25rem .625rem}.choose-button-component .choose-button-body .group-collapse .collapse-item .button-list .frame-choose-button{width:9.375rem;height:6.25rem;border:1px solid #ededed;margin-right:1.25rem;margin-bottom:1.25rem;cursor:pointer;position:relative;float:left;display:flex;align-items:center;justify-content:center}.choose-button-component .choose-button-body .group-collapse .collapse-item .button-list .frame-choose-button.is_selected,.choose-button-component .choose-button-body .group-collapse .collapse-item .button-list .frame-choose-button:hover{box-shadow:0 0 24px rgba(0,0,0,.12)}.choose-button-component .choose-button-body .group-collapse .collapse-item .button-list .frame-choose-button.is_selected .delete-icon,.choose-button-component .choose-button-body .group-collapse .collapse-item .button-list .frame-choose-button:hover .delete-icon{display:flex}.choose-button-component .choose-button-body .group-collapse .collapse-item .button-list .frame-choose-button .delete-icon{position:absolute;top:-.625rem;right:-.625rem;width:1.25rem;height:1.25rem;display:none;align-items:center;justify-content:center;border-radius:50%;background:#0ab2a8}.choose-button-component .choose-button-body .group-collapse .collapse-item .button-list .frame-choose-button .delete-icon span{font-size:.625rem;color:#fff}.choose-button-component .choose-button-body .group-collapse .collapse-item .button-list .frame-choose-button .button-image{max-width:9.375rem;max-height:6.25rem;height:5rem;border-radius:.3125rem;padding:.3125rem}.choose-button-component .choose-button-body .group-collapse .collapse-item .button-list .frame-choose-button .button-image img{width:100%;height:100%}.add-chat-gadget-button-component{width:50rem!important}.add-chat-gadget-button-component .add-chat-gadget-button-body{padding:1.5625rem 2.1875rem}.add-chat-gadget-button-component .add-chat-gadget-button-body .choose-color-input{position:relative}.add-chat-gadget-button-component .add-chat-gadget-button-body .choose-color-input .rc-color-picker-trigger{border-radius:.125rem;padding:.125rem;width:3.75rem;height:2.5rem;position:absolute;top:1.9375rem;right:0;border:.0625rem solid #999;box-shadow:inset 0 0 0 .125rem #fff}.webchat-content{margin-top:2rem;height:calc(100vh - 24rem)}.webchat-content .left-col{padding-right:1rem}.webchat-content .frame-component{background:#fff;padding:1rem;height:100%}.webchat-content .frame-component .frame-title{font-family:"Roboto",serif;font-weight:500;font-size:1.375rem;line-height:1.875rem;color:#2c2c2c;border-bottom:1px solid #f0f0f0;padding-bottom:1rem}.webchat-content .frame-component .frame-content{max-height:calc(100vh - 30rem);overflow-y:auto;margin-top:1rem}.webchat-content .frame-component .frame-content .guide-content{font-family:"Roboto",serif;font-weight:400;font-size:.875rem;line-height:1.25rem;color:#2c2c2c}.webchat-content .frame-component .frame-content .frame-item{margin-bottom:1.5rem}.webchat-content .frame-component .frame-content .frame-item .frame-item-label{font-family:"Roboto",serif;font-weight:500;font-size:1rem;line-height:1.375rem;color:#20a2a2;margin-bottom:-.75rem;padding-left:1.625rem}.webchat-content .frame-component .frame-content .frame-item .group-input{background:#fff;padding:.625rem 1rem}.webchat-content .frame-component .frame-content .frame-item .frame-item-content{background:#f5f5f5;border-radius:.3125rem;padding:1.5rem 1rem}.webchat-content .frame-component .frame-content .frame-item .frame-item-content .switch-with-label{margin-bottom:.75rem}.webchat-content .frame-component .frame-content .frame-item .frame-item-content .form-label{font-family:"Roboto",serif;font-weight:500;font-size:1rem;line-height:1.375rem;color:#2c2c2c;margin-bottom:.5rem}.webchat-content .frame-component .frame-content .frame-item .frame-item-content .recommend{font-family:"Roboto",serif;font-weight:400;font-size:.875rem;line-height:1.375rem;color:#ff5b05}.webchat-content .frame-component .frame-content .frame-item .frame-item-content .frame-choose-color{display:inline-block;margin-bottom:-1.375rem}.webchat-content .frame-component .frame-content .frame-item .frame-item-content .frame-choose-color .color-item{width:3rem;height:3rem;border-radius:50%;background:#d52f31;display:flex;align-items:center;justify-content:center;margin-right:.1875rem;margin-bottom:1rem;float:left}.webchat-content .frame-component .frame-content .frame-item .frame-item-content .frame-choose-color .color-item .icon-checked{font-size:1.25rem}.webchat-content .frame-component .frame-content .frame-item .frame-item-content .frame-choose-color .color-item .icon-checked:before{color:#fff}.webchat-content .frame-component .frame-content .frame-item .frame-item-content .frame-choose-color .button-add{float:left;background:#fff;height:3rem;width:3rem;border:1px solid #d9d9d9;box-shadow:0 2px 0 rgba(0,0,0,.016);border-radius:50%;display:flex;align-items:center;justify-content:center}.webchat-content .frame-component .frame-content .frame-item .frame-item-content .frame-choose-color .button-add .icon-add{font-size:.75rem}.webchat-content .frame-component .frame-content .frame-item .frame-item-content .frame-choose-color .button-add .icon-add:before{color:#2c2c2c}.webchat-content .frame-component .frame-content .frame-item .frame-item-content .frame-choose-color .button-add:focus,.webchat-content .frame-component .frame-content .frame-item .frame-item-content .frame-choose-color .button-add:hover{background:#fff;border:1px solid #d9d9d9}.webchat-content .frame-component .frame-content .frame-item .frame-item-content .frame-choose-logo{display:flex;align-items:center}.webchat-content .frame-component .frame-content .choose-icon .label-btn{font-family:"Roboto",serif;font-weight:500;font-size:1rem;line-height:1.375rem;color:#000}.webchat-content .frame-component .frame-content .choose-icon .note-label-btn{font-family:"Roboto",serif;font-weight:400;font-size:.875rem;line-height:1.375rem;color:#6b6b6b}.webchat-content .frame-component .frame-content .choose-icon .add-btn{margin-top:.5rem;background:#20a2a2;height:2rem;padding:0 1.25rem;border:1px solid #20a2a2;border-radius:.125rem;font-family:"Roboto",serif;font-size:1rem;font-weight:400;color:#fff;line-height:1.375rem;display:flex;align-items:center;justify-content:flex-start;transition:all .3s}.webchat-content .frame-component .frame-content .choose-icon .add-btn:focus,.webchat-content .frame-component .frame-content .choose-icon .add-btn:hover{background:#10827b;border:1px solid #10827b;color:#fff}.webchat-content .frame-component .frame-content .choose-icon .add-btn .icon-add{font-size:.75rem;margin-right:.625rem}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat{box-shadow:0 8px 16px rgba(0,0,0,.05);border-radius:.625rem;display:flex;flex-direction:column;align-items:unset;justify-content:space-between;margin:0 .625rem}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-header{display:flex;align-items:center;justify-content:space-between;padding:.3125rem .9375rem;background:#0f848d;border-radius:.625rem .625rem 0 0;height:2.8125rem}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-header>div{display:flex;align-items:center;justify-content:flex-start}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-header>div>div{width:3.75rem;height:2.1875rem;margin-right:1.25rem;display:flex;align-items:center}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-header>div>div img{max-width:100%;max-height:100%}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-header>div .header-title{font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;line-height:1.25rem;color:#fff;margin-right:2.8125rem}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-header .close-action{width:1.375rem;height:1.375rem;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-header .close-action .icon-arrow-down{font-size:.625rem}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-header .close-action .icon-arrow-down:before{color:#0f848d}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-body{padding:1.25rem;max-height:100%;height:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-body::-webkit-scrollbar{display:none}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-body .chat-list-content{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:1.5625rem}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-body .chat-list-content .avatar{min-width:1.5625rem;width:1.5625rem;height:1.5625rem;border-radius:50%;margin-right:.8125rem;position:relative}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-body .chat-list-content .avatar img{width:100%;height:100%;border-radius:50%}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-body .chat-list-content .avatar .active-status{width:.3125rem;height:.3125rem;border-radius:50%;background-color:#0a840e;position:absolute;right:.1875rem;bottom:0}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-body .chat-list-content .chat-info{position:relative;max-width:88%}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-body .chat-list-content .chat-info .message{display:block;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:break-spaces;background:#f7f7f7;border-radius:.625rem;padding:.9375rem;margin-bottom:.3125rem}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-body .chat-list-content .chat-info .message span{font-family:"Roboto",serif;font-weight:400;font-size:.875rem;line-height:1.5rem;color:#000}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-body .chat-list-content .chat-info .time{display:block;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:break-spaces;padding:0 1.25rem}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-body .chat-list-content .chat-info .time span{font-family:"Roboto",serif;font-weight:400;font-size:.875rem;line-height:1rem;color:#979797}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-footer{margin:-.25rem}.webchat-content .frame-component .frame-content .chat-gadget-preview .frame-chat .frame-chat-footer img{width:100%}.webchat-content .frame-component .frame-content .chat-gadget-preview .chat-gadget-btn{margin-top:.75rem;text-align:-webkit-right}.webchat-content .frame-component .frame-content .chat-gadget-preview .chat-gadget-btn>div{height:3.4375rem}.webchat-content .frame-component .frame-content .chat-gadget-preview .chat-gadget-btn>div img{height:100%}.script-modal-component{width:56.25rem!important}.script-modal-component .script-modal-body{padding:1.5625rem 2.1875rem}.script-modal-component .script-modal-body .script-integrate{position:relative;margin-bottom:1.25rem}.script-modal-component .script-modal-body .script-integrate .form-input{-webkit-user-select:none;user-select:none}.script-modal-component .script-modal-body .script-integrate .copy-btn{background:#ebebeb;height:3.125rem;padding:0 1.5625rem;border:1px solid #ebebeb;border-radius:.1875rem;font-family:"Roboto",serif;font-size:1.0625rem;font-weight:400;color:#000;line-height:1.875rem;position:absolute;top:0;right:0}.script-modal-component .script-modal-body .script-integrate .copy-btn:focus,.script-modal-component .script-modal-body .script-integrate .copy-btn:hover{background:#ebebeb;border:1px solid #ebebeb;color:#000}.script-modal-component .script-modal-body .step-integration-list .step-integration-item{display:flex;align-items:flex-start;margin-bottom:.625rem}.script-modal-component .script-modal-body .step-integration-list .step-integration-item .step-content,.script-modal-component .script-modal-body .step-integration-list .step-integration-item .step-index{font-family:"Roboto",serif;font-size:1rem;font-weight:400;color:#2c2c2c;line-height:1.375rem}.script-modal-component .script-modal-body .step-integration-list .step-integration-item .step-index{width:3%;font-style:unset}.script-modal-component .script-modal-body .step-integration-list .step-integration-item .step-content{width:97%;max-width:97%}.webchat-integration-content{margin-top:2rem;height:calc(100vh - 24rem)}.webchat-integration-content .left-col{padding-right:1rem}.webchat-integration-content .frame-component{background:#fff;padding:1.5rem;height:100%}.webchat-integration-content .frame-component .frame-title{font-family:"Roboto",serif;font-weight:500;font-size:1.375rem;line-height:1.875rem;color:#2c2c2c;border-bottom:1px solid #f0f0f0;padding-bottom:1rem}.webchat-integration-content .frame-component .frame-content{max-height:calc(100vh - 30rem);overflow-y:auto;margin-top:1.5rem}.webchat-integration-content .frame-component .frame-content .guide-content{font-family:"Roboto",serif;font-weight:400;font-size:.875rem;line-height:1.25rem;color:#2c2c2c}.webchat-integration-content .frame-component .frame-content .integration-type .type-item{background:#fff;width:15rem;height:4rem;border:1px solid #8c8c8c;border-radius:.625rem;float:left;margin-right:1.5rem;margin-bottom:1.5rem;cursor:pointer;padding:.5rem 1.5rem}.webchat-integration-content .frame-component .frame-content .integration-type .type-item:hover{border:1px solid #20a2a2;box-shadow:0 0 38px rgba(0,0,0,.1)}.webchat-integration-content .frame-component .frame-content .integration-type .type-item img{width:100%;height:100%}.popup-success-component{width:37.5rem!important;z-index:99999}.popup-success-component.button-center .ant-modal-footer{text-align:center}.popup-success-component .ant-modal-content{border-radius:.3125rem}.popup-success-component .ant-modal-content .ant-modal-close{padding:.75rem 1.125rem}.popup-success-component .ant-modal-content .ant-modal-close .ant-modal-close-x{width:1.875rem;height:1.875rem;line-height:1.875rem;font-size:unset}.popup-success-component .ant-modal-content .ant-modal-close .ant-modal-close-x .icon-close{color:#000}.popup-success-component .ant-modal-content .ant-modal-header{padding:.9375rem 1.25rem;border-radius:.3125rem .3125rem 0 0;border-bottom:unset;background-color:#f2f4f5}.popup-success-component .ant-modal-content .ant-modal-header>div{font-family:"Roboto",serif;font-weight:500;font-size:1.25rem;line-height:1.25rem;color:#000;word-break:break-word}.popup-success-component .ant-modal-content .ant-modal-body{padding:0 1.25rem}.popup-success-component .ant-modal-content .ant-modal-body .popup-success-body{font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;line-height:1.25rem;color:#000;word-break:break-word;text-align:center;padding-top:1.5625rem}.popup-success-component .ant-modal-content .ant-modal-body .popup-success-body span{display:block;margin-top:.9375rem;line-height:1.6rem}.popup-success-component .ant-modal-content .ant-modal-body .popup-success-body .span-title{font-weight:700;font-size:1.25rem;color:#2c2c2c}.popup-success-component .ant-modal-content .ant-modal-body .popup-success-body img{max-width:6.25rem}.popup-success-component .ant-modal-content .ant-modal-body .popup-success-body .success-setup{max-width:25.3125rem}.popup-success-component .ant-modal-content .ant-modal-footer{padding:1.25rem;border-top:unset}.popup-success-component .ant-modal-content .ant-modal-footer button{background:#219653;min-width:4.6875rem;height:2.8125rem;padding:0 .9375rem;border:1px solid #219653;border-radius:.25rem;font-family:"Roboto",serif;font-size:.875rem;font-weight:400;color:#fff;line-height:1.0625rem;word-break:break-word}.popup-success-component .ant-modal-content .ant-modal-footer button:first-child{margin-left:.75rem}.popup-success-component .ant-modal-content .ant-modal-footer button:first-child:hover{background:#0b7338;border:1px solid #0b7338}.popup-success-component .ant-modal-content .ant-modal-footer button:last-child{background:#fff;border:1px solid #fff;color:#979797}.popup-success-component .ant-modal-content .ant-modal-footer button:last-child:hover{background:#f1f1f1;border:1px solid #f1f1f1}.popup-success-component .ant-modal-content .ant-modal-footer button.delete,.popup-success-component .ant-modal-content .ant-modal-footer button.notify{background:#20a2a2;border:1px solid #20a2a2;color:#fff}.popup-success-component .ant-modal-content .ant-modal-footer button.delete:hover,.popup-success-component .ant-modal-content .ant-modal-footer button.notify:hover{background:#20a2a2;border:1px solid #20a2a2}.quick-setting-container .quick-setting-content{height:100vh;display:flex;flex-direction:column;align-items:unset;justify-content:space-between;background:#f2f8ff}.quick-setting-container .quick-setting-content .page-header{height:5.75rem;background:url(/static/media/quick-setting-header.e845a690.png) no-repeat;background-position:50%;padding:1.5rem 11.25rem}.quick-setting-container .quick-setting-content .page-header .logo{width:8.75rem;height:2.625rem}.quick-setting-container .quick-setting-content .page-content{max-height:100%;height:100%;overflow:auto;padding:2rem 11.25rem}.quick-setting-container .quick-setting-content .page-content .step-component{background:#fff;padding:2.125rem 4.375rem}.quick-setting-container .quick-setting-content .page-content .step-component .step-item.ant-steps-item-finish .ant-steps-item-icon,.quick-setting-container .quick-setting-content .page-content .step-component .step-item.ant-steps-item-process .ant-steps-item-icon{background:#20a2a2;border-color:#20a2a2}.quick-setting-container .quick-setting-content .page-content .step-component .step-item.ant-steps-item-finish .ant-steps-item-icon span,.quick-setting-container .quick-setting-content .page-content .step-component .step-item.ant-steps-item-process .ant-steps-item-icon span{color:#fff}.quick-setting-container .quick-setting-content .page-content .step-component .step-item.ant-steps-item-finish .ant-steps-item-content .ant-steps-item-title,.quick-setting-container .quick-setting-content .page-content .step-component .step-item.ant-steps-item-process .ant-steps-item-content .ant-steps-item-title{color:#20a2a2}.quick-setting-container .quick-setting-content .page-content .step-component .step-item.ant-steps-item-finish .ant-steps-item-content .ant-steps-item-description,.quick-setting-container .quick-setting-content .page-content .step-component .step-item.ant-steps-item-process .ant-steps-item-content .ant-steps-item-description{color:#2c2c2c}.quick-setting-container .quick-setting-content .page-content .step-component .step-item.ant-steps-item-finish .ant-steps-item-content .ant-steps-item-title:after{background-color:#20a2a2}.quick-setting-container .quick-setting-content .page-content .step-component .step-item .ant-steps-item-icon{width:2rem;height:2rem;margin:0 .5rem 0 0;font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:2rem}.quick-setting-container .quick-setting-content .page-content .step-component .step-item .ant-steps-item-icon span{top:-.03125rem}.quick-setting-container .quick-setting-content .page-content .step-component .step-item .ant-steps-item-content .ant-steps-item-title{font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:1.5rem;padding-right:1rem}.quick-setting-container .quick-setting-content .page-content .step-component .step-item .ant-steps-item-content .ant-steps-item-title:after{top:1rem}.quick-setting-container .quick-setting-content .page-content .step-component .step-item .ant-steps-item-content .ant-steps-item-description{font-family:"Roboto",serif;font-weight:400;font-size:.875rem;line-height:1.25rem}.quick-setting-container .quick-setting-content .page-footer{background:transparent;padding-bottom:2rem}.quick-setting-container .quick-setting-content .page-footer .form-action{text-align:center}.quick-setting-container .quick-setting-content .page-footer .form-action button{background:#fff;min-width:8.125rem;height:2.5rem;padding:0 .5rem;border-radius:.125rem;border:1px solid #d9d9d9;font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:1.5rem;color:#2c2c2c;margin:0 0 0 .75rem}.quick-setting-container .quick-setting-content .page-footer .form-action button.active{background:#0ab2a8;border:1px solid #0ab2a8;color:#fff}.loading-content{display:flex;align-items:center;justify-content:center;background-color:#fff;opacity:.85;z-index:99999;width:calc(100vw + 6.25rem);height:100vh;position:fixed;top:0;left:-6.25rem}.loading-content.hiden{display:none}.loading-content .wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-content .wrap .text{display:inline-block;margin-left:1.875rem;font-family:"Roboto",serif;font-weight:700;font-size:1.0625rem;line-height:1.0625rem;color:#0ab2a8}.loading-content .wrap .bounceball{position:relative;display:inline-block;height:6.25rem;width:7.5rem}.loading-content .wrap .bounceball:before{position:absolute;content:"";display:block;background:url(/static/media/icFullLogo.5c4fffa3.svg) no-repeat;background-size:100% 100%;top:0;width:7.5rem;height:2.5rem;transform-origin:50%;animation:bounce .5s ease infinite alternate}.global-confirm-component{width:37.5rem!important}.global-confirm-component .ant-modal-content{border-radius:.3125rem}.global-confirm-component .ant-modal-content .ant-modal-close{padding:.75rem 1.125rem}.global-confirm-component .ant-modal-content .ant-modal-close .ant-modal-close-x{width:1.875rem;height:1.875rem;line-height:1.875rem;font-size:unset}.global-confirm-component .ant-modal-content .ant-modal-close .ant-modal-close-x .icon-close{color:#000}.global-confirm-component .ant-modal-content .ant-modal-header{padding:.9375rem 1.25rem;border-radius:.3125rem .3125rem 0 0;border-bottom:unset;background-color:#f2f4f5}.global-confirm-component .ant-modal-content .ant-modal-header>div{font-family:"Roboto",serif;font-weight:500;font-size:1.25rem;line-height:1.25rem;color:#000;word-break:break-word}.global-confirm-component .ant-modal-content .ant-modal-body{padding:0 1.25rem}.global-confirm-component .ant-modal-content .ant-modal-body .global-confirm-body{font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;line-height:1.25rem;color:#000;word-break:break-word;text-align:center;padding-top:1.5625rem}.global-confirm-component .ant-modal-content .ant-modal-body .global-confirm-body span{display:block;margin-top:.9375rem;line-height:1.6rem}.global-confirm-component .ant-modal-content .ant-modal-body .global-confirm-body .span-title{font-weight:700;font-size:1.25rem;color:#2c2c2c}.global-confirm-component .ant-modal-content .ant-modal-body .global-confirm-body img{max-width:6.25rem}.global-confirm-component .ant-modal-content .ant-modal-footer{padding:1.25rem;border-top:unset}.global-confirm-component .ant-modal-content .ant-modal-footer button{background:#219653;min-width:4.6875rem;height:2.8125rem;padding:0 .9375rem;border:1px solid #219653;border-radius:.25rem;font-family:"Roboto",serif;font-size:.875rem;font-weight:400;color:#fff;line-height:1.0625rem;word-break:break-word}.global-confirm-component .ant-modal-content .ant-modal-footer button:first-child{margin-left:.75rem}.global-confirm-component .ant-modal-content .ant-modal-footer button:first-child:hover{background:#0b7338;border:1px solid #0b7338}.global-confirm-component .ant-modal-content .ant-modal-footer button:last-child{background:#fff;border:1px solid #fff;color:#979797}.global-confirm-component .ant-modal-content .ant-modal-footer button:last-child:hover{background:#f1f1f1;border:1px solid #f1f1f1}.global-confirm-component .ant-modal-content .ant-modal-footer button.delete,.global-confirm-component .ant-modal-content .ant-modal-footer button.notify{background:#20a2a2;border:1px solid #20a2a2;color:#fff}.global-confirm-component .ant-modal-content .ant-modal-footer button.delete:hover,.global-confirm-component .ant-modal-content .ant-modal-footer button.notify:hover{background:#20a2a2;border:1px solid #20a2a2}.layout-container .body-container{display:flex;align-items:flex-start;justify-content:flex-start}.layout-container .body-container .content-container{width:100%;overflow-y:auto;max-height:calc(100vh - 4.375rem)}.ant-message{top:.5rem}.ant-message .social-disconnected,.ant-message .social-disconnected .ant-message-notice-content{padding:0}.ant-message .social-disconnected .ant-message-notice-content .social-disconnected-content{display:flex;align-items:center;justify-content:space-between;background-color:#fffbe6;padding:.4375rem .9375rem}.ant-message .social-disconnected .ant-message-notice-content .social-disconnected-content .alert-content{font-family:"Roboto",serif;font-size:1.0625rem;font-weight:400;color:#252424;line-height:1.5rem;padding:.5rem .9375rem}.ant-message .social-disconnected .ant-message-notice-content .social-disconnected-content .alert-content .anticon{top:0;margin-right:.5rem;font-size:1.125rem}.ant-message .social-disconnected .ant-message-notice-content .social-disconnected-content .alert-content .link-to{color:#00f;font-weight:500;margin:0 .3125rem;cursor:pointer}.ant-message .social-disconnected .ant-message-notice-content .social-disconnected-content .icon-close{font-size:.875rem;cursor:pointer}@keyframes bounce{0%{top:3.75rem;height:3.125rem;transform:scaleX(1.2)}35%{height:2.5rem;transform:scaleX(1)}to{top:0}}.fallback-loading-component{display:flex;align-items:center;justify-content:center;background-color:#fff;opacity:.85;z-index:99999;width:calc(100vw + 6.25rem);height:100vh;position:fixed;top:0;left:-6.25rem}.fallback-loading-component.hiden{display:none}.fallback-loading-component .wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fallback-loading-component .wrap .text{display:inline-block;margin-left:1.875rem;font-family:"Roboto",serif;font-weight:700;font-size:1.0625rem;line-height:1.0625rem;color:#0ab2a8}.fallback-loading-component .wrap .bounceball{position:relative;display:inline-block;height:6.25rem;width:7.5rem}.fallback-loading-component .wrap .bounceball:before{position:absolute;content:"";display:block;background:url(/static/media/icFullLogo.5c4fffa3.svg) no-repeat;background-size:100% 100%;top:0;width:7.5rem;height:2.5rem;transform-origin:50%;animation:bounce .5s ease infinite alternate}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:"icomoon";src:url(/static/media/icomoon.4696cbbf.eot);src:url(/static/media/icomoon.4696cbbf.eot) format("embedded-opentype"),url(/static/media/icomoon.5d38938f.ttf) format("truetype"),url(/static/media/icomoon.34290e97.woff) format("woff"),url(/static/media/icomoon.12421b19.svg) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:"icomoon",serif!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-add:before{content:"";color:#fff}.icon-add-file:before{content:"";color:#686868}.icon-add-img:before{content:"";color:#c7c7c7}.icon-address-info:before{content:""}.icon-add-tag:before{content:"";color:#b4b4b4}.icon-add-user:before{content:""}.icon-add-video:before{content:""}.icon-analytics:before{content:""}.icon-approve:before{content:"";color:#fff}.icon-arrow-down:before{content:"";color:#fff}.icon-arrow-down-thin:before{content:""}.icon-arrow-green:before{content:"";color:#038c84}.icon-arrow-left:before{content:"";color:#979797}.icon-arrow-right:before{content:"";color:#979797}.icon-arrow-thin:before{content:"";color:#0ab2a8}.icon-arrow-transfer:before{content:""}.icon-assign-modal .path1:before{content:"";color:#0ab2a8}.icon-assign-modal .path2:before{content:"";margin-left:-1em;color:#fff}.icon-audio:before{content:"";color:#fff}.icon-banner-pin .path1:before{content:"";color:#ffead2}.icon-banner-pin .path2:before{content:"";margin-left:-1em;color:#f87700}.icon-banner-pin .path3:before{content:"";margin-left:-1em;color:#ffead2}.icon-banner-pin .path4:before{content:"";margin-left:-1em;color:#f87700}.icon-banner-pin .path5:before{content:"";margin-left:-1em;color:#f87700}.icon-banner-pin .path6:before{content:"";margin-left:-1em;color:#f87700}.icon-bin:before{content:""}.icon-bin-thin .path1:before{content:"";color:#fff}.icon-bin-thin .path2:before{content:"";margin-left:-1em;color:#252424}.icon-birthday-info:before{content:""}.icon-bottom .path1:before{content:"";color:#d9d9d9}.icon-bottom .path2:before{content:"";margin-left:-1em;color:#fff}.icon-bottom_3 .path1:before{content:"";color:#d9d9d9}.icon-bottom_3 .path2:before{content:"";margin-left:-1em;color:#fff}.icon-button-list:before{content:""}.icon-camera:before{content:""}.icon-cancel:before{content:""}.icon-carousel:before{content:""}.icon-center:before{content:""}.icon-change-password:before{content:""}.icon-channel:before{content:"";color:#919eab}.icon-chart:before{content:""}.icon-check:before{content:"";color:#fff}.icon-check-circle .path1:before{content:"";color:#0085ff}.icon-check-circle .path2:before{content:"";margin-left:-1em;color:#fff}.icon-check-circle-active:before{content:"";color:#0bb865}.icon-clipboard-tick:before{content:"";color:#637381}.icon-clock:before{content:"";color:#637381}.icon-close:before{content:""}.icon-collapes-arrow:before{content:"";color:#979797}.icon-conversation:before{content:""}.icon-copy:before{content:"";color:#637381}.icon-custom-field-info:before{content:""}.icon-delete:before{content:"";color:#969696}.icon-dependency:before{content:""}.icon-Desktop:before{content:"";color:#6b6b6b}.icon-double-arrow-left:before{content:"";color:#fff}.icon-double-arrow-right:before{content:"";color:#fff}.icon-download:before{content:""}.icon-drag:before{content:""}.icon-drilldown:before{content:""}.icon-dropdown:before{content:""}.icon-edit:before{content:"";color:#0ab2a8}.icon-edit-data:before{content:"";color:#10827b}.icon-edit-modal .path1:before{content:"";color:#0ab2a8}.icon-edit-modal .path2:before{content:"";margin-left:-1em;color:#fff}.icon-en-language .path1:before{content:"";color:#f0f0f0}.icon-en-language .path2:before{content:"";margin-left:-1em;color:#d80027}.icon-en-language .path3:before{content:"";margin-left:-1em;color:#d80027}.icon-en-language .path4:before{content:"";margin-left:-1em;color:#d80027}.icon-en-language .path5:before{content:"";margin-left:-1em;color:#d80027}.icon-en-language .path6:before{content:"";margin-left:-1em;color:#0052b4}.icon-error-circle .path1:before{content:"";color:#c4314b}.icon-error-circle .path2:before{content:"";margin-left:-1em;color:#fff}.icon-error-circle .path3:before{content:"";margin-left:-1em;color:#fff}.icon-error-circle .path4:before{content:"";margin-left:-1em;color:#c4314b}.icon-error-circle .path5:before{content:"";margin-left:-1em;color:#c4314b}.icon-event-log:before{content:""}.icon-export:before{content:"";color:#a9a9a9}.icon-eye:before{content:""}.icon-eye_green:before{content:"";color:#20a2a2}.icon-file:before{content:""}.icon-file-music:before{content:""}.icon-file-text:before{content:""}.icon-filter .path1:before{content:"";color:#979797}.icon-filter .path2:before{content:"";margin-left:-1em;color:#fff}.icon-foward:before{content:""}.icon-gender-info:before{content:""}.icon-grid .path1:before{content:"";color:#bfbfbf}.icon-grid .path2:before{content:"";margin-left:-1em;color:#bfbfbf}.icon-grid .path3:before{content:"";margin-left:-1em;color:#ddd}.icon-grid .path4:before{content:"";margin-left:-1em;color:#ddd}.icon-grid .path5:before{content:"";margin-left:-1em;color:#ddd}.icon-group:before{content:"";color:#0ab2a8}.icon-icon-wrapper:before{content:"";color:#fff}.icon-img-exp:before{content:"";color:#1976d2}.icon-integration:before{content:"";color:#6b6b6b}.icon-interface-design:before{content:""}.icon-key-off:before{content:"";color:#686868}.icon-key-open:before{content:"";color:#686868}.icon-left:before{content:""}.icon-left_1 .path1:before{content:"";color:#d9d9d9}.icon-left_1 .path2:before{content:"";margin-left:-1em;color:#fff}.icon-left_2 .path1:before{content:"";color:#d9d9d9}.icon-left_2 .path2:before{content:"";margin-left:-1em;color:#fff}.icon-left_3 .path1:before{content:"";color:#d9d9d9}.icon-left_3 .path2:before{content:"";margin-left:-1em;color:#fff}.icon-list-pin .path1:before{content:"";color:#ffead2}.icon-list-pin .path2:before{content:"";margin-left:-1em;color:#f87700}.icon-list-pin .path3:before{content:"";margin-left:-1em;color:#ffead2}.icon-list-pin .path4:before{content:"";margin-left:-1em;color:none}.icon-list-pin .path5:before{content:"";margin-left:-1em;color:none}.icon-list-pin .path6:before{content:"";margin-left:-1em;color:none}.icon-location:before{content:"";color:#fff}.icon-location-info:before{content:""}.icon-mail-info:before{content:""}.icon-mark-unseen:before{content:"";color:#a9a9a9}.icon-message:before{content:"";color:#1c9292}.icon-message-bot:before{content:""}.icon-mic:before{content:""}.icon-Mobile:before{content:"";color:#6b6b6b}.icon-more-options:before{content:""}.icon-mouse-square:before{content:"";color:#637381}.icon-move:before{content:"";color:#919eab}.icon-negative:before{content:""}.icon-note:before{content:""}.icon-notification:before{content:"";color:#f1f1f1}.icon-open-browser:before{content:"";color:#fff}.icon-other-pin .path1:before{content:"";color:#2c2c2c}.icon-other-pin .path2:before{content:"";margin-left:-1em;color:#fff}.icon-other-pin .path3:before{content:"";margin-left:-1em;color:#2c2c2c}.icon-other-pin .path4:before{content:"";margin-left:-1em;color:#2c2c2c}.icon-other-pin .path5:before{content:"";margin-left:-1em;color:#2c2c2c}.icon-pause:before{content:""}.icon-phone-info:before{content:""}.icon-pin-mess:before{content:""}.icon-pinned:before{content:"";color:#ffa940}.icon-play:before{content:""}.icon-positive:before{content:""}.icon-process .path1:before{content:"";color:#ddd}.icon-process .path2:before{content:"";margin-left:-1em;color:#bfbfbf}.icon-process .path3:before{content:"";margin-left:-1em;color:#ddd}.icon-process .path4:before{content:"";margin-left:-1em;color:#bfbfbf}.icon-process .path5:before{content:"";margin-left:-1em;color:#ddd}.icon-process .path6:before{content:"";margin-left:-1em;color:#bfbfbf}.icon-question:before{content:""}.icon-quick-answer:before{content:""}.icon-quick-message:before{content:""}.icon-ranking:before{content:"";color:#637381}.icon-react-icon:before{content:""}.icon-reject:before{content:"";color:#fff}.icon-reply:before{content:""}.icon-reply-all:before{content:""}.icon-reply-mess:before{content:"";color:#b4b4b4}.icon-request-api:before{content:""}.icon-right:before{content:""}.icon-right_1 .path1:before{content:"";color:#fff}.icon-right_1 .path2:before{content:"";margin-left:-1em;color:#d9d9d9}.icon-right_2 .path1:before{content:"";color:#d9d9d9}.icon-right_2 .path2:before{content:"";margin-left:-1em;color:#fff}.icon-right_3 .path1:before{content:"";color:#d9d9d9}.icon-right_3 .path2:before{content:"";margin-left:-1em;color:#fff}.icon-search:before{content:"";color:#979797}.icon-send-message .path1:before{content:"";color:#1976d2}.icon-send-message .path2:before{content:"";margin-left:-1em;color:#fff}.icon-sentiment-satisfied:before{content:""}.icon-setting:before{content:""}.icon-setting-border:before{content:""}.icon-share:before{content:"";color:#979797}.icon-shopping-cart:before{content:""}.icon-spam:before{content:"";color:#ff7a23}.icon-star:before{content:"";color:#fff}.icon-star-full:before{content:"";color:#637381}.icon-stop:before{content:""}.icon-summary .path1:before{content:"";color:#ddd}.icon-summary .path2:before{content:"";margin-left:-1em;color:#bfbfbf}.icon-summary .path3:before{content:"";margin-left:-1em;color:#ddd}.icon-sync:before{content:""}.icon-tab-ticket:before{content:""}.icon-tab-tracking:before{content:""}.icon-task:before{content:"";color:#fff}.icon-tick-complete:before{content:""}.icon-time:before{content:"";color:#6b6b6b}.icon-transfer .path1:before{content:"";color:#fafafa}.icon-transfer .path2:before{content:"";margin-left:-1em;color:#252424}.icon-transfer .path3:before{content:"";margin-left:-1em;color:#252424}.icon-union:before{content:""}.icon-union-customer:before{content:"";color:#1c9292}.icon-union-group:before{content:"";color:#1c9292}.icon-union-prod:before{content:"";color:#1c9292}.icon-update-success .path1:before{content:"";color:#0ab2a8;opacity:.1}.icon-update-success .path2:before{content:"";margin-left:-1em;color:#0ab2a8;opacity:.2}.icon-update-success .path3:before{content:"";margin-left:-1em;color:#0ab2a8}.icon-update-success .path4:before{content:"";margin-left:-1em;color:#fff}.icon-upload:before{content:"";color:#fff}.icon-user-icon:before{content:"";color:#0ab2a8}.icon-vector-collapse:before{content:""}.icon-vector-pinned:before{content:"";color:#096dd9}.icon-video:before{content:""}.icon-video-bot:before{content:""}.icon-view-dashboard:before{content:""}.icon-vn-language .path1:before{content:"";color:#d80027}.icon-vn-language .path2:before{content:"";margin-left:-1em;color:#ffda44}.icon-warning .path1:before{content:"";color:#ffce31}.icon-warning .path2:before{content:"";margin-left:-1em;color:#231f20}.icon-warning .path3:before{content:"";margin-left:-1em;color:#231f20}.icon-wifi:before{content:""}.icon-wifi-off:before{content:""}@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:url(/static/media/roboto-v30-vietnamese_latin-regular.4eb1080e.eot);src:local(""),url(/static/media/roboto-v30-vietnamese_latin-regular.4eb1080e.eot) format("embedded-opentype"),url(/static/media/roboto-v30-vietnamese_latin-regular.24517400.woff2) format("woff2"),url(/static/media/roboto-v30-vietnamese_latin-regular.49a2f05b.woff) format("woff"),url(/static/media/roboto-v30-vietnamese_latin-regular.c9b11bbb.ttf) format("truetype"),url(/static/media/roboto-v30-vietnamese_latin-regular.4f862c8b.svg) format("svg")}@font-face{font-family:"Roboto";font-style:italic;font-weight:400;src:url(/static/media/roboto-v30-vietnamese_latin-italic.8b13ee0d.eot);src:local(""),url(/static/media/roboto-v30-vietnamese_latin-italic.8b13ee0d.eot) format("embedded-opentype"),url(/static/media/roboto-v30-vietnamese_latin-italic.f91a7bdd.woff2) format("woff2"),url(/static/media/roboto-v30-vietnamese_latin-italic.91b9da1e.woff) format("woff"),url(/static/media/roboto-v30-vietnamese_latin-italic.8b96f410.ttf) format("truetype"),url(/static/media/roboto-v30-vietnamese_latin-italic.5b35ce29.svg) format("svg")}@font-face{font-family:"Roboto";font-style:normal;font-weight:500;src:url(/static/media/roboto-v30-vietnamese_latin-500.9a7fef82.eot);src:local(""),url(/static/media/roboto-v30-vietnamese_latin-500.9a7fef82.eot) format("embedded-opentype"),url(/static/media/roboto-v30-vietnamese_latin-500.9b20cb6d.woff2) format("woff2"),url(/static/media/roboto-v30-vietnamese_latin-500.f5e7e3a5.woff) format("woff"),url(/static/media/roboto-v30-vietnamese_latin-500.c38e0149.ttf) format("truetype"),url(/static/media/roboto-v30-vietnamese_latin-500.9024e4c1.svg) format("svg")}@font-face{font-family:"Roboto";font-style:italic;font-weight:500;src:url(/static/media/roboto-v30-vietnamese_latin-500italic.2c0b4415.eot);src:local(""),url(/static/media/roboto-v30-vietnamese_latin-500italic.2c0b4415.eot) format("embedded-opentype"),url(/static/media/roboto-v30-vietnamese_latin-500italic.94f54d31.woff2) format("woff2"),url(/static/media/roboto-v30-vietnamese_latin-500italic.9b6235bd.woff) format("woff"),url(/static/media/roboto-v30-vietnamese_latin-500italic.3564ca1d.ttf) format("truetype"),url(/static/media/roboto-v30-vietnamese_latin-500italic.8dc55088.svg) format("svg")}@font-face{font-family:"Roboto";font-style:normal;font-weight:700;src:url(/static/media/roboto-v30-vietnamese_latin-700.0bfefaa1.eot);src:local(""),url(/static/media/roboto-v30-vietnamese_latin-700.0bfefaa1.eot) format("embedded-opentype"),url(/static/media/roboto-v30-vietnamese_latin-700.b7117280.woff2) format("woff2"),url(/static/media/roboto-v30-vietnamese_latin-700.19a7ef07.woff) format("woff"),url(/static/media/roboto-v30-vietnamese_latin-700.8f589162.ttf) format("truetype"),url(/static/media/roboto-v30-vietnamese_latin-700.9cc0e612.svg) format("svg")}@font-face{font-family:"Roboto";font-style:italic;font-weight:700;src:url(/static/media/roboto-v30-vietnamese_latin-700italic.fe70feb5.eot);src:local(""),url(/static/media/roboto-v30-vietnamese_latin-700italic.fe70feb5.eot) format("embedded-opentype"),url(/static/media/roboto-v30-vietnamese_latin-700italic.76c1a082.woff2) format("woff2"),url(/static/media/roboto-v30-vietnamese_latin-700italic.44916829.woff) format("woff"),url(/static/media/roboto-v30-vietnamese_latin-700italic.02b3ab44.ttf) format("truetype"),url(/static/media/roboto-v30-vietnamese_latin-700italic.ea7a3036.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(/static/media/open-sans-v34-vietnamese_latin-regular.3a4ffef9.eot);src:local(""),url(/static/media/open-sans-v34-vietnamese_latin-regular.3a4ffef9.eot) format("embedded-opentype"),url(/static/media/open-sans-v34-vietnamese_latin-regular.081d9155.woff2) format("woff2"),url(/static/media/open-sans-v34-vietnamese_latin-regular.58caef21.woff) format("woff"),url(/static/media/open-sans-v34-vietnamese_latin-regular.4762f0af.ttf) format("truetype"),url(/static/media/open-sans-v34-vietnamese_latin-regular.a9aff17e.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(/static/media/open-sans-v34-vietnamese_latin-700.5b89263c.eot);src:local(""),url(/static/media/open-sans-v34-vietnamese_latin-700.5b89263c.eot) format("embedded-opentype"),url(/static/media/open-sans-v34-vietnamese_latin-700.03db88a7.woff2) format("woff2"),url(/static/media/open-sans-v34-vietnamese_latin-700.d36f9d03.woff) format("woff"),url(/static/media/open-sans-v34-vietnamese_latin-700.38fa22f3.ttf) format("truetype"),url(/static/media/open-sans-v34-vietnamese_latin-700.1418c060.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(/static/media/open-sans-v34-vietnamese_latin-italic.2a87b786.eot);src:local(""),url(/static/media/open-sans-v34-vietnamese_latin-italic.2a87b786.eot) format("embedded-opentype"),url(/static/media/open-sans-v34-vietnamese_latin-italic.d2ecb526.woff2) format("woff2"),url(/static/media/open-sans-v34-vietnamese_latin-italic.43244b72.woff) format("woff"),url(/static/media/open-sans-v34-vietnamese_latin-italic.f74f1aef.ttf) format("truetype"),url(/static/media/open-sans-v34-vietnamese_latin-italic.93cf2e98.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(/static/media/open-sans-v34-vietnamese_latin-700italic.796bca7f.eot);src:local(""),url(/static/media/open-sans-v34-vietnamese_latin-700italic.796bca7f.eot) format("embedded-opentype"),url(/static/media/open-sans-v34-vietnamese_latin-700italic.84095d42.woff2) format("woff2"),url(/static/media/open-sans-v34-vietnamese_latin-700italic.f1ea99cc.woff) format("woff"),url(/static/media/open-sans-v34-vietnamese_latin-700italic.f92e89cd.ttf) format("truetype"),url(/static/media/open-sans-v34-vietnamese_latin-700italic.1afc72a3.svg) format("svg")}@font-face{font-family:"Dancing Script";font-style:normal;font-weight:400;src:url(/static/media/dancing-script-v24-vietnamese_latin-regular.e8d84d79.eot);src:local(""),url(/static/media/dancing-script-v24-vietnamese_latin-regular.e8d84d79.eot) format("embedded-opentype"),url(/static/media/dancing-script-v24-vietnamese_latin-regular.c29437bf.woff2) format("woff2"),url(/static/media/dancing-script-v24-vietnamese_latin-regular.a6686443.woff) format("woff"),url(/static/media/dancing-script-v24-vietnamese_latin-regular.b3b312ef.ttf) format("truetype"),url(/static/media/dancing-script-v24-vietnamese_latin-regular.e2e0cda3.svg) format("svg")}@font-face{font-family:"Dancing Script";font-style:normal;font-weight:700;src:url(/static/media/dancing-script-v24-vietnamese_latin-700.4b223b47.eot);src:local(""),url(/static/media/dancing-script-v24-vietnamese_latin-700.4b223b47.eot) format("embedded-opentype"),url(/static/media/dancing-script-v24-vietnamese_latin-700.2d7f21df.woff2) format("woff2"),url(/static/media/dancing-script-v24-vietnamese_latin-700.fa49d8ad.woff) format("woff"),url(/static/media/dancing-script-v24-vietnamese_latin-700.e3ca6a45.ttf) format("truetype"),url(/static/media/dancing-script-v24-vietnamese_latin-700.7a563dab.svg) format("svg")}@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;src:url(/static/media/montserrat-v25-vietnamese_latin-regular.55f4f2ab.eot);src:local(""),url(/static/media/montserrat-v25-vietnamese_latin-regular.55f4f2ab.eot) format("embedded-opentype"),url(/static/media/montserrat-v25-vietnamese_latin-regular.7373c761.woff2) format("woff2"),url(/static/media/montserrat-v25-vietnamese_latin-regular.60b37951.woff) format("woff"),url(/static/media/montserrat-v25-vietnamese_latin-regular.2ccfb6f9.ttf) format("truetype"),url(/static/media/montserrat-v25-vietnamese_latin-regular.fb712f9d.svg) format("svg")}@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;src:url(/static/media/montserrat-v25-vietnamese_latin-700.afaea111.eot);src:local(""),url(/static/media/montserrat-v25-vietnamese_latin-700.afaea111.eot) format("embedded-opentype"),url(/static/media/montserrat-v25-vietnamese_latin-700.a40e06b9.woff2) format("woff2"),url(/static/media/montserrat-v25-vietnamese_latin-700.1c5e39f9.woff) format("woff"),url(/static/media/montserrat-v25-vietnamese_latin-700.2fc35c8d.ttf) format("truetype"),url(/static/media/montserrat-v25-vietnamese_latin-700.2305b864.svg) format("svg")}@font-face{font-family:"Montserrat";font-style:italic;font-weight:400;src:url(/static/media/montserrat-v25-vietnamese_latin-italic.cf47c147.eot);src:local(""),url(/static/media/montserrat-v25-vietnamese_latin-italic.cf47c147.eot) format("embedded-opentype"),url(/static/media/montserrat-v25-vietnamese_latin-italic.0212666b.woff2) format("woff2"),url(/static/media/montserrat-v25-vietnamese_latin-italic.bda1beea.woff) format("woff"),url(/static/media/montserrat-v25-vietnamese_latin-italic.a9dc0a33.ttf) format("truetype"),url(/static/media/montserrat-v25-vietnamese_latin-italic.eccc1102.svg) format("svg")}@font-face{font-family:"Montserrat";font-style:italic;font-weight:700;src:url(/static/media/montserrat-v25-vietnamese_latin-700italic.f70f4103.eot);src:local(""),url(/static/media/montserrat-v25-vietnamese_latin-700italic.f70f4103.eot) format("embedded-opentype"),url(/static/media/montserrat-v25-vietnamese_latin-700italic.a1b1a5a9.woff2) format("woff2"),url(/static/media/montserrat-v25-vietnamese_latin-700italic.c69dbcc9.woff) format("woff"),url(/static/media/montserrat-v25-vietnamese_latin-700italic.1658b0a2.ttf) format("truetype"),url(/static/media/montserrat-v25-vietnamese_latin-700italic.5445bce4.svg) format("svg")}@font-face{font-family:"Tourney";font-style:normal;font-weight:400;src:url(/static/media/tourney-v8-vietnamese_latin-regular.b3926dde.eot);src:local(""),url(/static/media/tourney-v8-vietnamese_latin-regular.b3926dde.eot) format("embedded-opentype"),url(/static/media/tourney-v8-vietnamese_latin-regular.495ea69d.woff2) format("woff2"),url(/static/media/tourney-v8-vietnamese_latin-regular.80fb6458.woff) format("woff"),url(/static/media/tourney-v8-vietnamese_latin-regular.8dbb8ff1.ttf) format("truetype"),url(/static/media/tourney-v8-vietnamese_latin-regular.0a16070c.svg) format("svg")}@font-face{font-family:"Tourney";font-style:normal;font-weight:700;src:url(/static/media/tourney-v8-vietnamese_latin-700.dfc53a6d.eot);src:local(""),url(/static/media/tourney-v8-vietnamese_latin-700.dfc53a6d.eot) format("embedded-opentype"),url(/static/media/tourney-v8-vietnamese_latin-700.24eb33cd.woff2) format("woff2"),url(/static/media/tourney-v8-vietnamese_latin-700.381448ec.woff) format("woff"),url(/static/media/tourney-v8-vietnamese_latin-700.76d0ec0a.ttf) format("truetype"),url(/static/media/tourney-v8-vietnamese_latin-700.6177f930.svg) format("svg")}@font-face{font-family:"Tourney";font-style:italic;font-weight:400;src:url(/static/media/tourney-v8-vietnamese_latin-italic.1f2e6495.eot);src:local(""),url(/static/media/tourney-v8-vietnamese_latin-italic.1f2e6495.eot) format("embedded-opentype"),url(/static/media/tourney-v8-vietnamese_latin-italic.96090926.woff2) format("woff2"),url(/static/media/tourney-v8-vietnamese_latin-italic.3e9d935e.woff) format("woff"),url(/static/media/tourney-v8-vietnamese_latin-italic.e40c8f19.ttf) format("truetype"),url(/static/media/tourney-v8-vietnamese_latin-italic.f5d5580d.svg) format("svg")}@font-face{font-family:"Tourney";font-style:italic;font-weight:700;src:url(/static/media/tourney-v8-vietnamese_latin-700italic.15c256ff.eot);src:local(""),url(/static/media/tourney-v8-vietnamese_latin-700italic.15c256ff.eot) format("embedded-opentype"),url(/static/media/tourney-v8-vietnamese_latin-700italic.7c3aac0a.woff2) format("woff2"),url(/static/media/tourney-v8-vietnamese_latin-700italic.687676e1.woff) format("woff"),url(/static/media/tourney-v8-vietnamese_latin-700italic.e9020648.ttf) format("truetype"),url(/static/media/tourney-v8-vietnamese_latin-700italic.7ca09cfb.svg) format("svg")}::-webkit-scrollbar{width:.4rem;height:1.2rem;background:#fff;border-radius:.375rem;margin-left:.4rem;scrollbar-color:#fff;scrollbar-width:.4rem}::-webkit-scrollbar-thumb{background:#ececec;margin-left:.5rem;border-radius:.4rem;border:.5px solid #ececec;scrollbar-color:#ececec}.custom-form-item.ant-form-item-has-error .ant-input,.custom-form-item.ant-form-item-has-error .ant-input-affix-wrapper,.custom-form-item.ant-form-item-has-error .ant-input-affix-wrapper:hover,.custom-form-item.ant-form-item-has-error .ant-input:hover{border:1px solid #f61919!important;box-shadow:unset!important}.custom-form-item.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector{background-color:#f8f8f8;border:1px solid #f61919!important;box-shadow:unset!important}.custom-form-item.ant-form-item-has-error .ant-input-number,.custom-form-item.ant-form-item-has-error .ant-input-number-focused,.custom-form-item.ant-form-item-has-error .ant-input-number:focus,.custom-form-item.ant-form-item-has-error .ant-picker,.custom-form-item.ant-form-item-has-error .ant-picker-focused,.custom-form-item.ant-form-item-has-error .ant-picker:focus{border:1px solid #f61919!important;box-shadow:unset!important}.ant-form-item-explain.ant-form-item-explain-error{font-family:"Roboto",serif;font-weight:400;font-style:normal;font-size:.875rem;line-height:1rem;color:#f71919;margin-top:.25rem}.checkbox_custom .ant-checkbox-checked .ant-checkbox-inner{background-color:#0ab2a8!important;border-color:#0ab2a8!important}.ant-input-focused,.ant-input:focus,.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{box-shadow:unset!important}.custom-form-item{margin-bottom:1rem}.custom-form-item.inline-form-flex{padding-top:1.4375rem}.custom-form-item.ant-form-item-has-success .form-date,.custom-form-item.ant-form-item-has-success .form-input,.custom-form-item.ant-form-item-has-success .form-select .ant-select-selector{border:1px solid #20a2a2}.custom-form-item.has-suffix.ant-form-item-has-error .ant-input{border:unset!important;box-shadow:unset!important}.custom-form-item.has-suffix .ant-form-item-control{line-height:1.25rem}.custom-form-item.has-suffix .ant-form-item-control input{border:unset}.custom-form-item.horizontal-form-item{flex-direction:row;align-items:center}.custom-form-item.horizontal-form-item .ant-form-item-label{padding:0;min-width:5rem}.custom-form-item.horizontal-form-item .form-input{width:50%}.custom-form-item .ant-form-item-label{padding:0 0 .5rem;line-height:1.375rem}.custom-form-item .ant-form-item-label label{font-family:"Roboto",serif;font-size:1rem;font-weight:400;color:#2c2c2c;line-height:1.375rem}.custom-form-item .ant-form-item-label .custom-label span{font-family:"Roboto",serif;font-size:1rem;font-weight:400;color:rgba(0,0,0,.25);line-height:1.375rem}.custom-form-item .ant-form-item-control{font-size:1rem;line-height:2.5rem}.custom-form-item .ant-form-item-control .ant-form-item-control-input{min-height:unset}.custom-form-item .form-input{width:100%;height:2.5rem;padding:0 .75rem;border:1px solid #d9d9d9;border-radius:.3125rem;color:#2c2c2c}.custom-form-item .form-input,.custom-form-item .form-input::placeholder{font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:1.5rem}.custom-form-item .form-input::placeholder{color:rgba(0,0,0,.25)}.custom-form-item .form-input.allow-clear input{border:none}.custom-form-item .form-input input{height:100%;border:1px solid #d9d9d9;font-family:"Roboto",serif;font-weight:400;font-size:1rem;color:#2c2c2c;line-height:1.5rem;padding:0}.custom-form-item .form-input input::placeholder{font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:1.5rem;color:rgba(0,0,0,.25)}.custom-form-item .form-input .ant-input-number-input{border:unset}.custom-form-item .form-input.text-area{height:9.375rem;padding:.5rem .75rem}.custom-form-item .form-input .ant-input-number-input-wrap{height:100%}.custom-form-item .form-input-mention{width:100%;padding:0;border:1px solid #d9d9d9;border-radius:.3125rem;font-family:"Roboto",serif;font-weight:400;font-size:1rem;color:#2c2c2c;line-height:1.5rem}.custom-form-item .form-input-mention textarea{padding:.5rem .75rem}.custom-form-item .form-select .ant-select-selector{height:2.5rem;padding:0 .75rem;border:1px solid #d9d9d9;border-radius:.3125rem}.custom-form-item .form-select .ant-select-selector .ant-select-selection-search{left:.75rem}.custom-form-item .form-select .ant-select-selector .ant-select-selection-search input{height:100%}.custom-form-item .form-select .ant-select-selector .ant-select-selection-placeholder{font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:2.5rem;color:rgba(0,0,0,.25)}.custom-form-item .form-select .ant-select-selector .ant-select-selection-item{font-family:"Roboto",serif;font-weight:400;font-size:1rem;color:#2c2c2c;line-height:2.5rem}.custom-form-item .form-select.multiple .ant-select-selector{height:100%;min-height:2.5rem}.custom-form-item .form-select.multiple .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-search{left:0;margin-top:0;margin-bottom:0;margin-inline-start:0}.custom-form-item .form-select.multiple .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item{height:100%;margin-top:.125rem;margin-bottom:.125rem;line-height:1.875rem;background:#e4e4e4;border:1px solid #e4e4e4;border-radius:.125rem;margin-inline-end:.25rem;padding-inline-start:.5rem;padding-inline-end:.25rem}.custom-form-item .form-select.multiple .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item .ant-select-selection-item-content{margin-right:.3125rem}.custom-form-item .form-select.multiple .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item .ant-select-selection-item-remove{font-size:.625rem}.custom-form-item .form-date{width:100%;height:2.5rem;padding:0 .75rem;border:1px solid #d9d9d9;border-radius:.3125rem}.custom-form-item .form-date .ant-select-selection-placeholder{font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:1.5rem;color:rgba(0,0,0,.25)}.custom-form-item .form-date .ant-picker-input input{font-family:"Roboto",serif;font-weight:400;font-size:1rem;color:#2c2c2c;line-height:1.5rem}.custom-form-item .form-date .ant-picker-input input::placeholder{font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:1.5rem;color:rgba(0,0,0,.25)}.custom-form-item .form-checkbox{font-family:"Roboto",serif;font-weight:400;font-size:.9375rem;color:#2c2c2c;line-height:.9375rem}.custom-form-item .form-checkbox span{padding-right:0;padding-left:0}.custom-form-item .form-checkbox .form-checkbox-label{font-family:"Roboto",serif;font-weight:400;font-size:1rem;color:#2c2c2c;line-height:2rem;margin-left:.625rem}.custom-form-item .form-checkbox .ant-checkbox-checked .ant-checkbox-inner{background-color:#0ab2a8!important;border-color:#0ab2a8!important}.custom-form-item .custom-radio-group .ant-space-item{margin-bottom:1.25rem!important}.custom-form-item .custom-radio-group .custom-radio{align-items:center;font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:1rem;color:#000}.custom-form-item .custom-radio-group .custom-radio .ant-radio{top:0;font-size:1rem;line-height:1rem}.custom-form-item .custom-radio-group .custom-radio .ant-radio-inner,.custom-form-item .custom-radio-group .custom-radio input{width:1.25rem;height:1.25rem;border-width:.0625rem}.custom-form-item .custom-radio-group .custom-radio .ant-radio-inner:after{transform:unset;margin-top:0;margin-left:0;top:.125rem;left:.125rem;display:block;width:.875rem;height:.875rem;background-color:#0ab2a8}.custom-form-item .form-switch{min-width:2.75rem;height:1.375rem;line-height:1.375rem}.custom-form-item .form-switch .ant-switch-handle{top:.125rem;left:.125rem;width:1.125rem;height:1.125rem}.custom-form-item .form-switch .ant-switch-inner{font-family:"Roboto",serif;font-weight:400;font-size:.875rem;color:#fff;line-height:1.25rem;margin:0 .4375rem 0 1.5625rem}.custom-form-item .form-switch.ant-switch-checked{background-color:#20a2a2}.custom-form-item .form-switch.ant-switch-checked .ant-switch-handle{left:calc(100% - 1.25rem)}.custom-form-item .form-switch.ant-switch-checked .ant-switch-inner{margin:0 1.5625rem 0 .4375rem}.custom-form-item .form-radio-group-button{width:100%}.custom-form-item .form-radio-group-button .ant-radio-button-wrapper{height:2.5rem;padding:0 1rem;border:1px solid #d9d9d9;font-family:"Roboto",serif;font-weight:400;font-size:1rem;color:#2c2c2c;line-height:2.5rem}.custom-form-item .form-radio-group-button .ant-radio-button-wrapper.ant-radio-button-wrapper-checked{border-color:#20a2a2;color:#20a2a2}.custom-form-item .form-radio-group-button .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:first-child,.custom-form-item .form-radio-group-button .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:last-child{border-left-color:#20a2a2;border-right-color:#20a2a2}.custom-form-item .form-radio-group-button .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:before{background-color:#20a2a2}.custom-datepicker-dropdown{font-size:.875rem}.custom-datepicker-dropdown.show-time .ant-picker-date-panel,.custom-datepicker-dropdown.show-time .ant-picker-decade-panel,.custom-datepicker-dropdown.show-time .ant-picker-month-panel,.custom-datepicker-dropdown.show-time .ant-picker-quarter-panel,.custom-datepicker-dropdown.show-time .ant-picker-year-panel{width:16.875rem}.custom-datepicker-dropdown.frame-large .ant-picker-date-panel,.custom-datepicker-dropdown.frame-large .ant-picker-decade-panel,.custom-datepicker-dropdown.frame-large .ant-picker-month-panel,.custom-datepicker-dropdown.frame-large .ant-picker-quarter-panel,.custom-datepicker-dropdown.frame-large .ant-picker-year-panel{width:21.875rem}.custom-datepicker-dropdown .ant-picker-date-panel,.custom-datepicker-dropdown .ant-picker-decade-panel,.custom-datepicker-dropdown .ant-picker-month-panel,.custom-datepicker-dropdown .ant-picker-quarter-panel,.custom-datepicker-dropdown .ant-picker-year-panel{width:17.5rem}.custom-datepicker-dropdown .ant-picker-date-panel .ant-picker-header,.custom-datepicker-dropdown .ant-picker-decade-panel .ant-picker-header,.custom-datepicker-dropdown .ant-picker-month-panel .ant-picker-header,.custom-datepicker-dropdown .ant-picker-quarter-panel .ant-picker-header,.custom-datepicker-dropdown .ant-picker-year-panel .ant-picker-header{padding:0 .5rem}.custom-datepicker-dropdown .ant-picker-date-panel .ant-picker-header>div,.custom-datepicker-dropdown .ant-picker-date-panel .ant-picker-header button,.custom-datepicker-dropdown .ant-picker-decade-panel .ant-picker-header>div,.custom-datepicker-dropdown .ant-picker-decade-panel .ant-picker-header button,.custom-datepicker-dropdown .ant-picker-month-panel .ant-picker-header>div,.custom-datepicker-dropdown .ant-picker-month-panel .ant-picker-header button,.custom-datepicker-dropdown .ant-picker-quarter-panel .ant-picker-header>div,.custom-datepicker-dropdown .ant-picker-quarter-panel .ant-picker-header button,.custom-datepicker-dropdown .ant-picker-year-panel .ant-picker-header>div,.custom-datepicker-dropdown .ant-picker-year-panel .ant-picker-header button{font-size:.875rem;line-height:2.5rem}.custom-datepicker-dropdown .ant-picker-date-panel .ant-picker-body,.custom-datepicker-dropdown .ant-picker-decade-panel .ant-picker-body,.custom-datepicker-dropdown .ant-picker-month-panel .ant-picker-body,.custom-datepicker-dropdown .ant-picker-quarter-panel .ant-picker-body,.custom-datepicker-dropdown .ant-picker-year-panel .ant-picker-body{padding:.5rem .75rem}.custom-datepicker-dropdown .ant-picker-date-panel .ant-picker-body .ant-picker-content,.custom-datepicker-dropdown .ant-picker-decade-panel .ant-picker-body .ant-picker-content,.custom-datepicker-dropdown .ant-picker-month-panel .ant-picker-body .ant-picker-content,.custom-datepicker-dropdown .ant-picker-quarter-panel .ant-picker-body .ant-picker-content,.custom-datepicker-dropdown .ant-picker-year-panel .ant-picker-body .ant-picker-content{width:100%;table-layout:auto}.custom-datepicker-dropdown .ant-picker-date-panel .ant-picker-body .ant-picker-content tr td,.custom-datepicker-dropdown .ant-picker-decade-panel .ant-picker-body .ant-picker-content tr td,.custom-datepicker-dropdown .ant-picker-month-panel .ant-picker-body .ant-picker-content tr td,.custom-datepicker-dropdown .ant-picker-quarter-panel .ant-picker-body .ant-picker-content tr td,.custom-datepicker-dropdown .ant-picker-year-panel .ant-picker-body .ant-picker-content tr td{min-width:1.5rem;padding:.1875rem 0}.custom-datepicker-dropdown .ant-picker-date-panel .ant-picker-body .ant-picker-content tr td>div,.custom-datepicker-dropdown .ant-picker-decade-panel .ant-picker-body .ant-picker-content tr td>div,.custom-datepicker-dropdown .ant-picker-month-panel .ant-picker-body .ant-picker-content tr td>div,.custom-datepicker-dropdown .ant-picker-quarter-panel .ant-picker-body .ant-picker-content tr td>div,.custom-datepicker-dropdown .ant-picker-year-panel .ant-picker-body .ant-picker-content tr td>div{min-width:1.5rem;height:1.5rem;line-height:1.5rem;border-radius:.125rem}.custom-datepicker-dropdown .ant-picker-date-panel .ant-picker-body .ant-picker-content tr td:before,.custom-datepicker-dropdown .ant-picker-decade-panel .ant-picker-body .ant-picker-content tr td:before,.custom-datepicker-dropdown .ant-picker-month-panel .ant-picker-body .ant-picker-content tr td:before,.custom-datepicker-dropdown .ant-picker-quarter-panel .ant-picker-body .ant-picker-content tr td:before,.custom-datepicker-dropdown .ant-picker-year-panel .ant-picker-body .ant-picker-content tr td:before{height:1.5rem}.custom-datepicker-dropdown .ant-picker-time-panel .ant-picker-header{padding:0 .3125rem}.custom-datepicker-dropdown .ant-picker-time-panel .ant-picker-header>div{font-family:"Roboto",serif;font-weight:500;font-size:.875rem;color:#2c2c2c;line-height:2.5rem}.custom-datepicker-dropdown .ant-picker-time-panel .ant-picker-content{height:14.0625rem}.custom-datepicker-dropdown .ant-picker-time-panel .ant-picker-content ul{width:3.125rem}.custom-datepicker-dropdown .ant-picker-time-panel .ant-picker-content ul li>div{height:1.75rem;padding:0 0 0 .875rem;line-height:1.75rem}.custom-datepicker-dropdown .ant-picker-footer{line-height:2.1875rem}.custom-datepicker-dropdown .ant-picker-footer ul .ant-picker-ok{margin-left:.5rem}.custom-datepicker-dropdown .ant-picker-footer ul .ant-picker-ok button{height:1.5rem;padding:0 .4375rem;font-size:.875rem;border-radius:.125rem}.custom-datepicker-dropdown .ant-picker-decade-panel .ant-picker-body .ant-picker-content,.custom-datepicker-dropdown .ant-picker-month-panel .ant-picker-body .ant-picker-content,.custom-datepicker-dropdown .ant-picker-quarter-panel .ant-picker-body .ant-picker-content,.custom-datepicker-dropdown .ant-picker-year-panel .ant-picker-body .ant-picker-content{height:16.25rem}.select-dropdown-menu-custom .option-custom{font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;color:#2c2c2c;line-height:1.0625rem;padding:.9375rem .625rem;min-height:unset}.select-dropdown-menu-custom .option-custom .ant-select-item-option-content{line-height:1.25rem}.custom-modal-dialog-white{width:80.5625rem}.custom-modal-dialog-white .ant-modal-content{border-radius:1.25rem}.custom-modal-dialog-white .ant-modal-content .ant-modal-close{top:1.875rem;right:1.875rem}.custom-modal-dialog-white .ant-modal-content .ant-modal-close .ant-modal-close-x{width:2.5rem;height:2.5rem;line-height:2.5rem;border-radius:50%;background:#0ab2a8}.custom-modal-dialog-white .ant-modal-content .ant-modal-close .ant-modal-close-x .icon-close{font-size:.8125rem;color:#fff}.custom-modal-dialog-white .ant-modal-content .ant-modal-header{padding:1.875rem 3.125rem;border-bottom:unset;border-radius:1.25rem 1.25rem 0 0}.custom-modal-dialog-white .ant-modal-content .ant-modal-header .modal-dialog-header{display:flex;align-items:center;justify-content:flex-start}.custom-modal-dialog-white .ant-modal-content .ant-modal-header .modal-dialog-header .title-icon{margin-right:2.1875rem}.custom-modal-dialog-white .ant-modal-content .ant-modal-header .modal-dialog-header .title-icon span{font-size:2.5rem}.custom-modal-dialog-white .ant-modal-content .ant-modal-header .modal-dialog-header .title-icon .img-icon{width:2.5rem;height:2.5rem}.custom-modal-dialog-white .ant-modal-content .ant-modal-header .modal-dialog-header .title-icon .img-icon img{width:100%;height:100%}.custom-modal-dialog-white .ant-modal-content .ant-modal-header .modal-dialog-header .title-modal{max-width:90%;word-break:break-word}.custom-modal-dialog-white .ant-modal-content .ant-modal-header .modal-dialog-header .title-modal span{font-family:"Roboto",serif;font-weight:500;font-size:1.375rem;line-height:1.625rem;color:#000}.custom-modal-dialog-white .ant-modal-content .ant-modal-body{padding:0}.custom-modal-dialog-white .ant-modal-content .ant-modal-footer{padding:1.875rem 3.125rem;border-top:unset}.custom-modal-dialog-white .ant-modal-content .ant-modal-footer button{background:#219653;width:6.25rem;height:2.8125rem;padding:0 .9375rem;border:1px solid #219653;border-radius:.25rem;font-family:"Roboto",serif;font-size:.875rem;font-weight:400;color:#fff;line-height:1.0625rem}.custom-modal-dialog-white .ant-modal-content .ant-modal-footer button:hover{opacity:.7}.custom-modal-dialog-white .ant-modal-content .ant-modal-footer button:first-child{background:#f1f1f1;border:1px solid #d3d3d3;color:#979797}.custom-modal-dialog-white .ant-modal-content .ant-modal-footer button:first-child:hover{background:#f1f1f1;border:1px solid #f1f1f1}.custom-modal-dialog-white .ant-modal-content .ant-modal-footer button:last-child{margin-left:.75rem}.custom-modal-dialog-white .ant-modal-content .ant-modal-footer button:last-child:hover{background:#0b7338;border:1px solid #0b7338}.custom-modal-dialog-white .ant-modal-content .ant-modal-footer button.btn-delete{margin-left:.75rem;background:#f76868;border:1px solid #f76868}.custom-modal-dialog-white .ant-modal-content .ant-modal-footer button.btn-delete:hover{opacity:.7}.custom-modal-dialog-white .ant-modal-content .ant-modal-footer button.btn-delete.hidden{display:none}.custom-modal-dialog-green{width:75rem}.custom-modal-dialog-green .ant-modal-content{border-radius:.3125rem}.custom-modal-dialog-green .ant-modal-content .ant-modal-close .ant-modal-close-x{width:2.5rem;height:2.5rem;line-height:2.5rem}.custom-modal-dialog-green .ant-modal-content .ant-modal-close .ant-modal-close-x .icon-close{font-size:.8125rem;color:#fff}.custom-modal-dialog-green .ant-modal-content .ant-modal-header{padding:.3125rem 1.125rem;background:#0ab2a8;border-radius:.3125rem .3125rem 0 0}.custom-modal-dialog-green .ant-modal-content .ant-modal-header>div{font-family:"Roboto",serif;font-weight:500;font-size:1.0625rem;line-height:1.875rem;color:#fff}.custom-modal-dialog-green .ant-modal-content .ant-modal-body{padding:0}.custom-modal-dialog-green .ant-modal-content .ant-modal-footer{padding:1.25rem 2.8125rem;border-top:unset}.custom-modal-dialog-green .ant-modal-content .ant-modal-footer .save-edit{background-color:#20a2a2!important;color:#fff!important}.custom-modal-dialog-green .ant-modal-content .ant-modal-footer .cancel-back{background-color:#fff!important;border:1px solid #c7c7c7!important;color:#000!important}.custom-modal-dialog-green .ant-modal-content .ant-modal-footer button{background:#219653;width:6.25rem;height:2.8125rem;padding:0 .9375rem;border:1px solid #219653;border-radius:.25rem;font-family:"Roboto",serif;font-size:.875rem;font-weight:400;color:#fff;line-height:1.0625rem}.custom-modal-dialog-green .ant-modal-content .ant-modal-footer button:first-child{background:#fff;border:1px solid #d3d3d3;color:#979797}.custom-modal-dialog-green .ant-modal-content .ant-modal-footer button:first-child:hover{background:#f1f1f1;border:1px solid #f1f1f1}.custom-modal-dialog-green .ant-modal-content .ant-modal-footer button:last-child{margin-left:.75rem}.custom-modal-dialog-green .ant-modal-content .ant-modal-footer button:last-child:hover{background:#0b7338;border:1px solid #0b7338}.custom-modal-dialog-green .ant-modal-content .ant-modal-footer button.btn-delete{margin-left:.75rem;background:#f76868;border:1px solid #f76868}.custom-modal-dialog-green .ant-modal-content .ant-modal-footer button.btn-delete:hover{opacity:.8}.custom-modal-dialog-green .ant-modal-content .ant-modal-footer button.btn-delete.hidden{display:none}.custom-modal-dialog-agent{width:80.5625rem}.custom-modal-dialog-agent .ant-modal-content{height:100%;border-radius:.625rem}.custom-modal-dialog-agent .ant-modal-content .ant-modal-close{top:.125rem;right:.125rem}.custom-modal-dialog-agent .ant-modal-content .ant-modal-close .ant-modal-close-x{width:2.5rem;height:2.5rem;line-height:2.5rem;background-color:initial}.custom-modal-dialog-agent .ant-modal-content .ant-modal-close .ant-modal-close-x .icon-close{font-size:1.125rem;background-color:#fff;color:#000}.custom-modal-dialog-agent .ant-modal-content .ant-modal-header{padding:1.875rem 3.125rem;border-bottom:unset;border-radius:1.25rem 1.25rem 0 0}.custom-modal-dialog-agent .ant-modal-content .ant-modal-header .modal-dialog-header{display:flex;align-items:center;justify-content:flex-start}.custom-modal-dialog-agent .ant-modal-content .ant-modal-header .modal-dialog-header .title-icon{margin-right:2.1875rem}.custom-modal-dialog-agent .ant-modal-content .ant-modal-header .modal-dialog-header .title-icon span{font-size:2.5rem}.custom-modal-dialog-agent .ant-modal-content .ant-modal-header .modal-dialog-header .title-icon .img-icon{width:2.5rem;height:2.5rem}.custom-modal-dialog-agent .ant-modal-content .ant-modal-header .modal-dialog-header .title-icon .img-icon img{width:100%;height:100%}.custom-modal-dialog-agent .ant-modal-content .ant-modal-header .modal-dialog-header .title-modal{max-width:90%;word-break:break-word}.custom-modal-dialog-agent .ant-modal-content .ant-modal-header .modal-dialog-header .title-modal span{font-family:"Roboto",serif;font-weight:500;font-size:1.375rem;line-height:1.625rem;color:#000}.custom-modal-dialog-agent .ant-modal-content .ant-modal-body{padding:0}.custom-modal-dialog-agent .ant-modal-content .ant-modal-footer{padding:1.875rem 3.125rem;border-top:unset}.custom-modal-dialog-agent .ant-modal-content .ant-modal-footer button{background:#219653;width:6.25rem;height:2.8125rem;padding:0 .9375rem;border:1px solid #219653;border-radius:.25rem;font-family:"Roboto",serif;font-size:.875rem;font-weight:400;color:#fff;line-height:1.0625rem}.custom-modal-dialog-agent .ant-modal-content .ant-modal-footer button:first-child{background:#fff;border:1px solid #d3d3d3;color:#979797}.custom-modal-dialog-agent .ant-modal-content .ant-modal-footer button:first-child:hover{background:#f1f1f1;border:1px solid #f1f1f1}.custom-modal-dialog-agent .ant-modal-content .ant-modal-footer button:last-child{margin-left:.75rem}.custom-modal-dialog-agent .ant-modal-content .ant-modal-footer button:last-child:hover{background:#0b7338;border:1px solid #0b7338}.custom-modal-dialog-agent .ant-modal-content .ant-modal-footer button.btn-delete{margin-left:.75rem;background:#f76868;border:1px solid #f76868}.custom-modal-dialog-agent .ant-modal-content .ant-modal-footer button.btn-delete:hover{opacity:.8}.custom-modal-dialog-agent .ant-modal-content .ant-modal-footer button.btn-delete.hidden{display:none}.switch-with-label{display:flex;align-items:center}.switch-with-label .custom-form-item{margin-bottom:0}.switch-with-label .switch-label{font-family:"Roboto",serif;font-weight:400;font-size:1rem;line-height:1.375rem;color:#2c2c2c;margin-left:1rem}.switch-component{min-width:unset;width:1.875rem;height:1.125rem;line-height:1.125rem;background:#fff;border:.125rem solid #777;margin-right:1.5625rem}.switch-component .ant-switch-handle{top:.0625rem;left:.125rem;width:.75rem;height:.75rem}.switch-component .ant-switch-handle:before{background-color:#777}.switch-component.ant-switch-checked{background:#fff;border:.125rem solid #0ab2a8}.switch-component.ant-switch-checked .ant-switch-handle{left:.8125rem}.switch-component.ant-switch-checked .ant-switch-handle:before{background-color:#0ab2a8}.add-btn{background:#0ab2a8;height:2.5rem;padding:0 .625rem;border:1px solid #0ab2a8;border-radius:.25rem;font-family:"Roboto",serif;font-size:1.375rem;font-weight:400;color:#fff;line-height:1.0625rem;display:flex;align-items:center;justify-content:flex-start;transition:all .3s}.add-btn:focus,.add-btn:hover{background:#10827b;border:1px solid #10827b;color:#fff}.add-btn.disable{background:#c7c7c7;border:1px solid #c7c7c7;opacity:.7;pointer-events:none}.add-btn .icon-add{font-size:.875rem;margin-right:.75rem}.save-btn{background:#219653;width:6.25rem;height:2.8125rem;padding:0 .9375rem;border:1px solid #219653;border-radius:.25rem;font-family:"Roboto",serif;font-size:.875rem;font-weight:400;color:#fff;line-height:1.0625rem}.save-btn:focus,.save-btn:hover{background:#0b7338;border:1px solid #0b7338;color:#fff}.white-btn{background:#fff;height:2.5rem;padding:0 .625rem;border:1px solid #0ab2a8;border-radius:.25rem;font-family:"Roboto",serif;font-size:1.375rem;font-weight:400;color:#000;line-height:1.0625rem;display:flex;align-items:center;justify-content:flex-start;transition:all .3s}.white-btn:focus,.white-btn:hover{border:1px solid #0ab2a8;color:#000;opacity:.7}.white-btn.disable{background:#c7c7c7;border:1px solid #c7c7c7;opacity:.7;pointer-events:none}.white-btn img{width:1.375rem;height:1.375rem;margin-right:.9375rem}.white-btn .btn-icon{font-size:1.375rem;margin-right:.9375rem;color:#0ab2a8}.border-green-btn{background:#fff;height:2.5rem;padding:0 1.5625rem;border:.0625rem solid #0ab2a8;border-radius:.625rem;font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;line-height:1.25rem;color:#0ab2a8}.border-green-btn .btn-icon{font-size:.875rem;margin-right:.625rem}.border-green-btn .btn-icon:before{color:#0ab2a8}.border-green-btn:focus,.border-green-btn:hover{background:#10827b;border:.0625rem solid #10827b;color:#fff}.border-green-btn:focus .btn-icon:before,.border-green-btn:hover .btn-icon:before{color:#fff}.border-green-btn.live-chat-btn{padding:0 1.25rem;height:2.8125rem;border:1px solid #10827b;color:#10827b}.border-green-btn.live-chat-btn .btn-icon:before{color:#10827b}.border-green-btn.live-chat-btn:focus,.border-green-btn.live-chat-btn:hover{background:#0b6862;border:1px solid #0b6862;color:#fff}.border-green-btn.live-chat-btn:focus .btn-icon:before,.border-green-btn.live-chat-btn:hover .btn-icon:before{color:#fff}.border-green-btn.chatbot-component-btn{padding:0 .625rem;height:auto;min-height:2rem;background:#fff;border-radius:.125rem;border:1px solid #1c9292;box-shadow:0 2px 0 rgba(0,0,0,.016)}.border-green-btn.chatbot-component-btn:hover{background:#fff;border:1px solid #018892;color:#018892}.border-green-btn.chatbot-component-btn span{font-weight:400!important;font-size:1rem!important;color:#20a2a2!important;line-height:1.375rem!important;white-space:normal!important;word-wrap:break-word!important}.not-access-view-screen{width:100%;height:100%;background:#c2c2c2;display:flex;align-items:center;justify-content:center;font-family:"Roboto",serif;font-size:1.375rem;font-weight:400;color:#000;line-height:1.0625rem}.not-access-view-screen.view-height{height:calc(100vh - 4.375rem)}.not-access-view-screen.min-height-100{height:6.25rem}.not-access-view-screen.min-height-300{height:18.75rem}.table-for-export-excel{display:none}.custom-menu-option .divider-form{margin:.3125rem 0}.custom-menu-option .form-add-new{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:.5rem}.custom-menu-option .form-add-new .custom-form-item{margin-bottom:0;width:100%;padding-right:1.25rem}.frame-search-auto-complete-dropdown .frame-auto-complete-option{display:flex;align-items:center}.frame-search-auto-complete-dropdown .frame-auto-complete-option .avatar{width:2.5rem;height:2.5rem;border-radius:50%;margin-right:1.875rem;position:relative}.frame-search-auto-complete-dropdown .frame-auto-complete-option .avatar img{width:100%;height:100%;border-radius:50%}.frame-search-auto-complete-dropdown .frame-auto-complete-option .avatar .active-status{width:.4375rem;height:.4375rem;border-radius:50%;background-color:#0a840e;position:absolute;right:.3125rem;bottom:0}.frame-search-auto-complete-dropdown .frame-auto-complete-option .avatar .active-status.offline{background-color:#b81921}.frame-search-auto-complete-dropdown .frame-auto-complete-option .user-info>div{font-family:"Roboto",serif;font-weight:400;font-size:.875rem;line-height:1.5rem;color:#000}.frame-search-auto-complete-dropdown .frame-auto-complete-option .user-info .fullname{font-weight:500}.custom-select-option{z-index:9999999}.custom-select-option .custom-option-item{display:flex;align-items:center}.custom-select-option .custom-option-item .avatar{width:2.5rem;height:2.5rem;min-width:2.5rem;border-radius:50%;margin-right:1.875rem;position:relative}.custom-select-option .custom-option-item .avatar img{width:100%;height:100%;border-radius:50%}.custom-select-option .custom-option-item .avatar .active-status{width:.4375rem;height:.4375rem;border-radius:50%;background-color:#0a840e;position:absolute;right:.3125rem;bottom:0}.custom-select-option .custom-option-item .avatar .active-status.offline{background-color:#b81921}.custom-select-option .custom-option-item .user-info>div{font-family:"Roboto",serif;font-weight:400;font-size:.875rem;line-height:1.5rem;color:#000}.custom-select-option .custom-option-item .user-info .fullname{font-weight:500}@keyframes ripple{0%{transform:scale(1)}75%{transform:scale(1.75);opacity:1}to{transform:scale(2.75);opacity:0}}.noti-new-message{width:.5rem;height:.5rem;border-radius:50%;background-color:red;position:absolute;right:-.9375rem;bottom:.9375rem;transition:height .25s ease,width .25s ease;transform:translate(-50%,-50%)}.noti-new-message:after,.noti-new-message:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:.03125rem solid red}.noti-new-message:before{animation:ripple 2s linear infinite}.noti-new-message:after{animation:ripple 2s linear 1s infinite}.noti-new-message:hover:after,.noti-new-message:hover:before{animation:none}.pop_over_class .more_option{cursor:pointer;padding:.75rem,1rem;display:flex;justify-content:flex-start}.pop_over_class .more_option img{width:.9375rem;margin-right:.75rem}.pop_over_class .more_option p{margin:auto 0}.pop_over_class .more_option:hover{background:#f5f5f5}.pop_over_class .more_option .item{margin-right:.4375rem}.warning-message{display:flex;align-items:center;padding:.3125rem .625rem}.warning-message .icon-warning{font-size:1.0625rem;margin-right:.5rem}.warning-message>div{font-family:"Roboto",serif;font-weight:400;font-size:1.0625rem;line-height:1.0625rem;color:#a38c06}.rc-virtual-list .ant-select-item-option.hidden{display:none}.normal-slider .slick-list .slick-track{display:flex}.normal-slider .slick-list .slick-track .slick-slide{height:inherit!important}.normal-slider .slick-list .slick-track .slick-slide>div{height:100%}.normal-slider:hover .slick-prev{left:1rem;opacity:1}.normal-slider:hover .slick-next{right:1rem;opacity:1}.normal-slider .slick-next,.normal-slider .slick-prev{width:2.5rem;height:2.5rem;z-index:1;opacity:0;transition:.5s;background:#bfbfbf;border-radius:50%}.normal-slider .slick-next:focus,.normal-slider .slick-next:hover,.normal-slider .slick-prev:focus,.normal-slider .slick-prev:hover{background:rgba(0,0,0,.7)}.normal-slider .slick-next:before,.normal-slider .slick-prev:before{font-family:"icomoon",serif;font-weight:400;font-size:.75rem;line-height:2.5rem;color:#fff}.normal-slider .slick-prev{left:3.125rem}.normal-slider .slick-prev:before{content:""}.normal-slider .slick-next{right:3.125rem}.normal-slider .slick-next:before{content:""}.normal-slider .slick-dots{bottom:-.625rem;margin-bottom:0}.normal-slider .slick-dots li{width:1rem;height:.1875rem;margin:0 .1875rem}.normal-slider .slick-dots li.slick-active{width:1.5rem}.link-content{font-family:"Roboto",serif;font-weight:400;font-size:.75rem;line-height:1.0625rem;color:#1890ff;cursor:pointer;margin-top:-.5rem;margin-bottom:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.link-content:hover{color:#2366a5}*,:after,:before{box-sizing:border-box}:focus{outline:none}[class*=" icon-"] [class*=" path"],[class*=" icon-"] [class^=path],[class^=icon-] [class*=" path"],[class^=icon-] [class^=path]{font-family:unset!important}body{font-family:"Roboto",serif;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;width:100%}@media only screen and (max-width:1024px){body{background:transparent}}html{font-size:.8333333333vw}@media only screen and (max-width:1024px){html{font-size:1.1111111111vw}}@media only screen and (max-width:600px){html{font-size:2.6666666667vw}}