*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.12 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.bottom-\[3px\]{bottom:3px}.bottom-\[calc\(100\%-16px\)\]{bottom:calc(100% - 16px)}.left-0{left:0}.left-\[calc\(100\%\+4px\)\]{left:calc(100% + 4px)}.right-0{right:0}.right-\[-10px\]{right:-10px}.right-\[-2px\]{right:-2px}.right-\[0\]{right:0}.right-\[2px\]{right:2px}.top-0{top:0}.top-\[-10px\]{top:-10px}.top-\[-2px\]{top:-2px}.top-\[100px\]{top:100px}.top-\[50\%\]{top:50%}.top-\[calc\(100\%\+4px\)\]{top:calc(100% + 4px)}.z-10{z-index:10}.z-\[1\]{z-index:1}.z-\[20\]{z-index:20}.z-\[99999\]{z-index:99999}.z-\[99\]{z-index:99}.z-\[9\]{z-index:9}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-\[16px\]{margin-top:16px;margin-bottom:16px}.my-\[30px\]{margin-top:30px;margin-bottom:30px}.my-\[8px\]{margin-top:8px;margin-bottom:8px}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-\[10px\]{margin-bottom:10px}.mb-\[16px\]{margin-bottom:16px}.mb-\[1px\]{margin-bottom:1px}.mb-\[20px\]{margin-bottom:20px}.mb-\[24px\]{margin-bottom:24px}.mb-\[30px\]{margin-bottom:30px}.mb-\[32px\]{margin-bottom:32px}.mb-\[3px\]{margin-bottom:3px}.mb-\[4px\]{margin-bottom:4px}.mb-\[8px\]{margin-bottom:8px}.mb-auto{margin-bottom:auto}.ml-\[auto\],.ml-auto{margin-left:auto}.mr-\[10px\]{margin-right:10px}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-\[15px\]{margin-top:15px}.mt-\[16px\]{margin-top:16px}.mt-\[1px\]{margin-top:1px}.mt-\[2px\]{margin-top:2px}.mt-\[30px\]{margin-top:30px}.mt-\[32px\]{margin-top:32px}.mt-\[4px\]{margin-top:4px}.mt-\[8px\]{margin-top:8px}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[100px\]{height:100px}.h-\[100vh\]{height:100vh}.h-\[10px\]{height:10px}.h-\[120px\]{height:120px}.h-\[12px\]{height:12px}.h-\[150px\]{height:150px}.h-\[15px\]{height:15px}.h-\[16px\]{height:16px}.h-\[20px\]{height:20px}.h-\[24px\]{height:24px}.h-\[25px\]{height:25px}.h-\[30\%\]{height:30%}.h-\[300px\]{height:300px}.h-\[30px\]{height:30px}.h-\[380px\]{height:380px}.h-\[40px\]{height:40px}.h-\[45px\]{height:45px}.h-\[5\%\]{height:5%}.h-\[50\%\]{height:50%}.h-\[50px\]{height:50px}.h-\[60px\]{height:60px}.h-\[65\%\]{height:65%}.h-\[84px\]{height:84px}.h-\[90px\]{height:90px}.h-\[auto\]{height:auto}.h-\[calc\(100vh\)\]{height:calc(100vh)}.h-\[fit-content\]{height:fit-content}.h-auto{height:auto}.h-full{height:100%}.h-max{height:max-content}.max-h-\[180px\]{max-height:180px}.max-h-\[200px\]{max-height:200px}.max-h-\[250px\]{max-height:250px}.max-h-\[25px\]{max-height:25px}.max-h-\[300px\]{max-height:300px}.max-h-\[345px\]{max-height:345px}.max-h-\[400px\]{max-height:400px}.max-h-\[56px\]{max-height:56px}.max-h-full{max-height:100%}.min-h-\[12px\]{min-height:12px}.min-h-\[15px\]{min-height:15px}.min-h-\[180px\]{min-height:180px}.min-h-\[25px\]{min-height:25px}.min-h-\[fit-content\]{min-height:fit-content}.w-72{width:18rem}.w-\[100px\]{width:100px}.w-\[10px\]{width:10px}.w-\[120px\]{width:120px}.w-\[125px\]{width:125px}.w-\[12px\]{width:12px}.w-\[150px\]{width:150px}.w-\[155px\]{width:155px}.w-\[15px\]{width:15px}.w-\[160px\]{width:160px}.w-\[16px\]{width:16px}.w-\[180px\]{width:180px}.w-\[200px\]{width:200px}.w-\[20px\]{width:20px}.w-\[220px\]{width:220px}.w-\[24px\]{width:24px}.w-\[25\%\]{width:25%}.w-\[250px\]{width:250px}.w-\[25px\]{width:25px}.w-\[260px\]{width:260px}.w-\[292px\]{width:292px}.w-\[300px\]{width:300px}.w-\[30px\]{width:30px}.w-\[355px\]{width:355px}.w-\[360px\]{width:360px}.w-\[40px\]{width:40px}.w-\[50px\]{width:50px}.w-\[70px\]{width:70px}.w-\[75\%\]{width:75%}.w-\[80px\]{width:80px}.w-\[90px\]{width:90px}.w-\[calc\(20\%-4px\)\]{width:calc(20% - 4px)}.w-\[fit-content\]{width:fit-content}.w-\[max-content\]{width:max-content}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.min-w-\[100\%\]{min-width:100%}.min-w-\[1000px\]{min-width:1000px}.min-w-\[108px\]{min-width:108px}.min-w-\[120px\]{min-width:120px}.min-w-\[12px\]{min-width:12px}.min-w-\[140px\]{min-width:140px}.min-w-\[150px\]{min-width:150px}.min-w-\[155px\]{min-width:155px}.min-w-\[15px\]{min-width:15px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-\[250px\]{min-width:250px}.min-w-\[25px\]{min-width:25px}.min-w-\[267px\]{min-width:267px}.min-w-\[280px\]{min-width:280px}.min-w-\[292px\]{min-width:292px}.min-w-\[300px\]{min-width:300px}.min-w-\[360px\]{min-width:360px}.min-w-\[70px\]{min-width:70px}.min-w-\[max-content\]{min-width:max-content}.max-w-\[140px\]{max-width:140px}.max-w-\[152px\]{max-width:152px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[300px\]{max-width:300px}.max-w-\[323px\]{max-width:323px}.max-w-\[400px\]{max-width:400px}.flex-1{flex:1 1 0%}.flex-grow{flex-grow:1}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.transform,.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-all{user-select:all}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.gap-\[10px\]{gap:10px}.gap-\[15px\]{gap:15px}.gap-\[16px\]{gap:16px}.gap-\[20px\]{gap:20px}.gap-\[24px\]{gap:24px}.gap-\[2px\]{gap:2px}.gap-\[32px\]{gap:32px}.gap-\[3px\]{gap:3px}.gap-\[40px\]{gap:40px}.gap-\[5px\]{gap:5px}.gap-\[8px\]{gap:8px}.gap-x-4{column-gap:1rem}.gap-x-\[16px\]{column-gap:16px}.gap-y-2{row-gap:.5rem}.gap-y-\[12px\]{row-gap:12px}.gap-y-\[8px\]{row-gap:8px}.-space-x-2\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.625rem * var(--tw-space-x-reverse));margin-left:calc(-.625rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.text-wrap{text-wrap:wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[15px\]{border-radius:15px}.rounded-\[30px\]{border-radius:30px}.rounded-\[4px\]{border-radius:4px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[5px\]{border-radius:5px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-\[10px\]{border-width:10px}.border-\[1px\]{border-width:1px}.border-\[2px\]{border-width:2px}.border-b,.border-b-\[1px\]{border-bottom-width:1px}.border-l,.border-l-\[1px\]{border-left-width:1px}.border-\[\#f4f4f4\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity))}.border-\[var\(--light-border\)\]{border-color:var(--light-border)}.border-\[var\(--light-gray\)\]{border-color:var(--light-gray)}.border-\[var\(--nav-background\)\]{border-color:var(--nav-background)}.border-\[var\(--text-body\)\]{border-color:var(--text-body)}.border-\[var\(--white-color\)\]{border-color:var(--white-color)}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.border-t-transparent{border-top-color:transparent}.bg-\[\#34D399\]{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity))}.bg-\[\#60A5FA\]{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity))}.bg-\[\#647193e6\]{background-color:#647193e6}.bg-\[\#EDF4FE\]{--tw-bg-opacity:1;background-color:rgb(237 244 254/var(--tw-bg-opacity))}.bg-\[\#F5F5F5\]{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.bg-\[\#F9FAFF\]{--tw-bg-opacity:1;background-color:rgb(249 250 255/var(--tw-bg-opacity))}.bg-\[\#FEF2F2\]{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.bg-\[\#FFFBEB\]{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity))}.bg-\[\#fff\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-\[var\(--blue-50\)\]{background-color:var(--blue-50)}.bg-\[var\(--chat-count-light\)\]{background-color:var(--chat-count-light)}.bg-\[var\(--gray-DB-FB\)\]{background-color:var(--gray-DB-FB)}.bg-\[var\(--light-gray\)\]{background-color:var(--light-gray)}.bg-\[var\(--nav-icon-bg\)\]{background-color:var(--nav-icon-bg)}.bg-\[var\(--notification-color\)\]{background-color:var(--notification-color)}.bg-\[var\(--text-primary-blue\)\]{background-color:var(--text-primary-blue)}.bg-\[var\(--white-color\)\]{background-color:var(--white-color)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-\[10px\]{padding:10px}.p-\[15px\]{padding:15px}.p-\[2px\]{padding:2px}.p-\[4px\]{padding:4px}.p-\[5px\]{padding:5px}.p-\[6px\]{padding:6px}.p-\[8px\]{padding:8px}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[12px\]{padding-left:12px;padding-right:12px}.px-\[15px\]{padding-left:15px;padding-right:15px}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[20px\]{padding-left:20px;padding-right:20px}.px-\[8px\]{padding-left:8px;padding-right:8px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.py-\[15px\]{padding-top:15px;padding-bottom:15px}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.py-\[3px\]{padding-top:3px;padding-bottom:3px}.py-\[4px\]{padding-top:4px;padding-bottom:4px}.py-\[5px\]{padding-top:5px;padding-bottom:5px}.py-\[8px\]{padding-top:8px;padding-bottom:8px}.pb-10{padding-bottom:2.5rem}.pb-2\.5{padding-bottom:.625rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pb-\[10px\]{padding-bottom:10px}.pb-\[15px\]{padding-bottom:15px}.pb-\[20px\]{padding-bottom:20px}.pb-\[30px\]{padding-bottom:30px}.pb-\[4px\]{padding-bottom:4px}.pb-\[5px\]{padding-bottom:5px}.pb-\[75px\]{padding-bottom:75px}.pl-\[15px\]{padding-left:15px}.pl-\[20px\]{padding-left:20px}.pl-\[30px\]{padding-left:30px}.pl-\[5px\]{padding-left:5px}.pr-\[10px\]{padding-right:10px}.pr-\[30px\]{padding-right:30px}.pt-2\.5{padding-top:.625rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-\[0\]{padding-top:0}.pt-\[10px\]{padding-top:10px}.pt-\[15px\]{padding-top:15px}.pt-\[20px\]{padding-top:20px}.pt-\[25px\]{padding-top:25px}.pt-\[30px\]{padding-top:30px}.pt-\[40px\]{padding-top:40px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[25px\]{font-size:25px}.font-\[400\]{font-weight:400}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-4{line-height:1rem}.leading-\[1\.2\]{line-height:1.2}.text-\[\#444c5e\]{--tw-text-opacity:1;color:rgb(68 76 94/var(--tw-text-opacity))}.text-\[\#448AFF\]{--tw-text-opacity:1;color:rgb(68 138 255/var(--tw-text-opacity))}.text-\[\#60A5FA\]{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.text-\[\#94979F\]{--tw-text-opacity:1;color:rgb(148 151 159/var(--tw-text-opacity))}.text-\[\#D9D9D9\]{--tw-text-opacity:1;color:rgb(217 217 217/var(--tw-text-opacity))}.text-\[\#EB5757\]{--tw-text-opacity:1;color:rgb(235 87 87/var(--tw-text-opacity))}.text-\[\#F59E0B\]{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity))}.text-\[\#b4b4b433\]{color:#b4b4b433}.text-\[var\(--busy-color\)\]{color:var(--busy-color)}.text-\[var\(--notification-color\)\]{color:var(--notification-color)}.text-\[var\(--text-body\)\]{color:var(--text-body)}.text-\[var\(--text-gray\)\]{color:var(--text-gray)}.text-\[var\(--text-primary-blue\)\]{color:var(--text-primary-blue)}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-blue-500{accent-color:#3b82f6}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow-\[0px_0px_10px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0px 0px 10px rgba(0,0,0,.1);--tw-shadow-colored:0px 0px 10px var(--tw-shadow-color)}.shadow-\[0px_0px_10px_rgba\(0\2c 0\2c 0\2c 0\.1\)\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--background:#fff;--foreground:#171717;--primary-blue:linear-gradient(#71a6ff,#3f82f2);--text-primary-blue:#448aff;--text-primary-blue-hover:#256be1;--text-body:#444c5e;--text-gray:#94979f;--blue-50:#eff6ff;--orange-400:#fb923c;--nav-gray:#647193;--nav-background:#eceef5;--nav-border:1px solid #dce3f5;--nav-icon-bg:#f9faff;--notification-color:#f87171;--online-color:#27ae60;--light-green:#62d893;--online-color-hover:#219653;--online-bg:#ecfdf5;--busy-color:#f59e0b;--busy-bg:#f9f0e1;--offline-color:#94979f;--emeral-200:#a7f3d0;--emeral-400:#34d399;--chat-count:#eb5757;--red-100:#ffc8c8;--chat-count-light:#fbecec;--chat-hover:#edf4fe;--unread-bg:#fffbeb;--unread-icon-bg:#d97706;--shadow-nav:1px 3px 6px 0px #00000026;--white-color:#fff;--light-border:#dce3f5;--light-gray:#f5f5f5;--end-chat:#ffe6e6;--Blue-Blue-200:#bfdbfe;--light-blue:#71a6ff;--border-color:#ecf0f3;--Blue-500:#3b82f6;--gray-package:#7580aa;--gray-DB-FB:#f8fafc;--red-stop:#eb5757;--red-error:#ef4444;--red-stop-bg:#fff1f2;--red-500:#dc2626;--font-h1:22px;--font-h2:16px;--font-h3:16px;--font-h4:18px;--font-primary:12px;--font-secondary:12px;--font-small:12px}*{margin:0;padding:0;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:3px;height:3px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{background-color:#d7d7d7}figure,p{margin:0;padding:0}img{object-fit:cover}img,video{width:100%;height:100%}video{object-fit:contain}li,ul{list-style:none}input:focus-visible,textarea:focus-visible{outline:none}body{color:var(--text-body);font-size:12px;position:relative;font-weight:400;line-height:24px}body,main{overflow:hidden;width:100%}main{height:100%}.page-not-found{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:50px}.page-not-found h1{font-size:60px;color:var(--text-body);font-weight:600}.page-not-found h2{font-size:24px;font-weight:600;color:var(--text-primary-blue);margin:30px auto 0;width:max-content}.page-not-found h2:hover{cursor:pointer;color:var(--text-primary-blue-hover)}.mark-when-search{background:transparent;color:var(--text-primary-blue)}.container-main{width:100%;height:100vh;padding:0 0 0 60px;position:relative}.chat-container.chat-container{padding-right:60px}button:focus-visible{outline:none}.event-none{pointer-events:none}.btn-primary.loading{padding:8px 30px}.btn-primary{padding:8px 35px;display:flex;align-items:center;justify-content:center;width:max-content;border-radius:10px;gap:10px;cursor:pointer;font-weight:600;height:35px;min-width:115px}.btn-primary.disable{color:var(--text-gray)!important;background:#f1f5f9!important;pointer-events:none!important;border-bottom:none!important;cursor:auto}.btn-icon-primary .hint-detail-btn{position:absolute;top:calc(100% + 5px);left:0;background:var(--text-gray);color:#fff;width:200px;border-radius:10px;padding:4px 10px;opacity:0;pointer-events:none;transition:opacity .15s;line-height:18px;font-weight:400;font-size:12px}.col-sm.right-button:has(.disable):hover>.hint-detail-btn{opacity:1}.btn-primary.disable svg path{fill:var(--text-gray)}.btn-icon-primary{color:var(--white-color);background-color:var(--text-primary-blue);transition:all .15s;position:relative}.btn-icon-primary:hover{background-color:var(--text-primary-blue-hover)}.btn-icon-primary svg path{fill:var(--white-color)}.btn-text-primary{color:var(--nav-gray);border:1px solid #ecf0f3;background:var(--white-color)}.btn-text-primary.active,.btn-text-primary:hover{border:1px solid var(--Blue-Blue-200);background:var(--blue-50)}.delete-btn .btn-text-primary{color:var(--chat-count);border:1px solid var(--red-100);background:var(--white-color)}.delete-btn .btn-text-primary svg path{fill:var(--chat-count)}.delete-btn .btn-text-primary:hover{border:1px solid var(--chat-count);background:var(--red-stop-bg)}label{display:block}label input{width:100%;color:var(--text-body);background:transparent;height:100%}label input:-webkit-autofill{background:transparent;-webkit-box-shadow:inset 0 0 0 1000px #fff;transition:background-color 5000s ease-in-out 0s}label input::placeholder{color:#d7d7d7!important}label{position:relative;padding-bottom:0}label .bar{width:100%;height:1px;position:absolute;bottom:0;left:0;background:#d7d7d7;transition:all .2s}label .position-bar{position:relative;width:100%;height:auto;line-height:1.8}label .position-bar.phone-input .bar{width:calc(100% - 55px);left:auto;right:0}label .bar:after{width:0;background:var(--text-primary-blue);z-index:1}label .bar.error-bar:after,label .bar:after{content:"";height:1px;position:absolute;bottom:0;left:0;transition:all .4s}label .bar.error-bar:after{width:100%;background:var(--chat-count)}label .position-bar:has(textarea) .bar{bottom:6px}.date-box:has(.custom-time-picker-choice) strong,.date-box:has(label.active) strong,.select-value-contact:has(.attribute-list) strong,.select-value-contact:has(.list-search-select) strong,.select-value-contact:has(.react-calendar) strong,.select-value-contact:has(label.enable input:focus) strong,label:has(.Mui-focused) strong,label:has(.bar).active strong,label:has(.box-set-calendar) strong,label:has(.set-time-answer.active) strong,label:has(.time-list-select) strong,label:has(.time-selected-show.Mui-focused) strong,label:has(input:focus) strong,label:has(textarea:focus) strong{color:var(--text-primary-blue)!important}.date-box:has(label.active) .max-length-label,label.active .max-length-label,label:has(.Mui-focused) .max-length-label,label:has(.box-set-calendar) .max-length-label,label:has(input:focus) .max-length-label,label:has(textarea:focus) .max-length-label{color:var(--text-primary-blue)}.date-box:has(.error-bar) strong,label.error-content strong,label:has(.error-bar) strong{color:var(--red-error)!important}.date-box:has(.error-bar) .max-length-label,label.error-content .max-length-label,label:has(.error-bar) .max-length-label{color:var(--red-error)!important}.mentions__control{border:1px solid var(--light-border)}label:has(textarea:focus) .mentions__control,label:has(textarea:focus) .with-border{border-color:var(--text-primary-blue)}label.error-content .mentions__control{border-color:var(--red-error)!important}.checkbox-selector strong,label:has(.bar) .max-length-label,label:has(.bar) strong,label:has(textarea) strong{color:var(--text-gray);font-weight:400}form label.active .bar:after,label input:focus~.bar:after,label textarea:focus~.bar:after,label.active .bar:after,label:has(.box-set-calendar) .bar:after{width:100%}.no-item{width:100%;height:100%;text-align:center}.no-item strong{font-size:20px;position:relative;top:50%;transform:translateY(-50%);color:var(--text-body);font-weight:400}.input-radio{display:flex;align-items:center;border-radius:4px;min-height:60px;border-width:1px;padding-left:10px;width:100%}.input-radio.small{height:40px}.input-radio label{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;line-height:16px}.input-radio.active,.input-radio:hover{background:var(--blue-50);border-color:var(--Blue-Blue-200)}.input-radio.disabled{background:var(--light-gray);border-color:var(--light-border);color:var(--text-gray);pointer-events:"none"}.delete-timerules-button{min-width:56px;margin-top:10px;padding:0}.box-nav-main{background-color:var(--nav-background);border-right:var(--nav-border);height:100%;width:60px;position:fixed;top:0;left:0;z-index:99}.main-menu-bar{display:flex;flex-direction:column;height:100%;width:100%;justify-content:space-between}.show-main-menu{height:auto;overflow:auto;max-height:640px;-ms-overflow-style:none;scrollbar-width:none}.main-menu-bar>div{width:100%}.icon-nav-fav{margin:0;position:relative}.icon-nav-fav.active:before{opacity:1}.icon-nav-fav:before{content:"";width:5px;height:40px;position:absolute;left:0;bottom:10px;border-radius:0 10px 10px 0;background:var(--text-primary-blue);opacity:0}.bottom-menu{margin:auto 0 20px;position:relative}.icon-nav-fav figure{width:50px;height:50px}.icon-menu img{border-radius:8px;width:30px;height:30px;object-fit:cover}.icon-menu figure{width:100%;height:100%;border-radius:16px;background:var(--nav-icon-bg);cursor:pointer;box-shadow:1px 1px 4px 0 rgba(65,70,97,.1)}.icon-menu .alert-dot-chat,.icon-menu figure{display:flex;align-items:center;justify-content:center}.icon-menu .alert-dot-chat{position:absolute;font-size:12px;top:-2px;right:2px;width:20px;height:20px;border-radius:50%;background:var(--chat-count);color:var(--white-color);border:1px solid var(--white-color);overflow:hidden}.icon-menu .alert-dot-chat.more{font-size:11px}.icon-menu a{width:100%;height:100%}.icon-menu,.icon-nav-fav{width:60px;height:60px;padding:6px;display:flex;align-items:center;justify-content:center;min-width:60px;min-height:60px}.icon-menu figure:hover,.icon-menu.active figure{background:var(--primary-blue)}.icon-menu figure:hover span{color:var(--white-color)}.icon-menu figure:hover path,.icon-menu.active path{fill:#fff}.workspace-icon figure{border-radius:50%}.workspace-icon span{color:var(--text-primary-blue);font-size:24px;font-weight:700;line-height:20px}.workspace-icon{position:relative}.workspace-icon.hovered .box-select-org-ws{opacity:1;pointer-events:all;transition:all .15s;transform:translateX(-2px)}.box-select-org-ws{padding-left:20px;opacity:0;position:fixed;top:60px;left:60px;z-index:9999;pointer-events:none;transition:all .15s;transform:translateX(-15px)}.box-show-workspace,.box-show-workspace.have-org{min-width:300px;height:auto;padding:10px 20px 20px;overflow:hidden;background:var(--white-color);box-shadow:1px 3px 6px 0 #00000026}.create-org{padding:10px}.list-organization{max-height:350px;overflow:auto}.title-organization{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0}.list-organization .btn-create-organization{width:100%;text-align:center;height:auto;padding:10px;border-radius:10px}.list-organization .btn-create-organization span{color:var(--white-color);font-size:var(--font-primary)}.name-organization{display:flex;align-items:center;gap:10px;cursor:pointer}.name-organization.active strong,.name-organization:hover strong{color:var(--text-primary-blue);cursor:pointer}.name-organization.active svg path,.name-organization:hover svg path{fill:var(--text-primary-blue)}.title-organization svg{cursor:pointer}.icon-setting{display:flex;gap:5px;align-items:center}.icon-setting label{color:var(--text-primary-blue);background:var(--blue-50);border-radius:10px;padding:2px 8px;cursor:pointer}.icon-setting:hover svg path{fill:var(--text-primary-blue)}.title-organization strong{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--text-body)}.item-workspace{border-radius:5px;background:var(--white-color);padding:5px 15px}.item-workspace:hover{cursor:pointer}.box-show-workspace .list-workspace .item-workspace:hover span{color:var(--text-primary-blue)}.item-workspace.active{background:var(--blue-50)}.box-show-workspace .item-workspace.active span{color:var(--text-primary-blue)}.list-workspace .btn-add-workspace{width:100%;height:auto;padding:10px;box-shadow:0 2px 4px 0 #4146611a}.box-show-workspace .list-workspace .btn-add-workspace span{font-weight:600;color:var(--nav-gray)}.list-organization,.list-workspace{display:flex;flex-direction:column;gap:5px}.box-show-workspace .list-workspace span{color:var(--text-body);font-size:var(--font-primary);font-weight:400}.notification-icon{position:relative}.notification-icon.icon-menu .bell-icon{background:transparent;box-shadow:none}.notification-icon.icon-menu .bell-icon:hover svg path{fill:inherit}.notification-icon.activePage .bell-icon{pointer-events:none;background:var(--text-primary-blue);box-shadow:1px 1px 4px 0 rgba(65,70,97,.1)}.notification-icon.activePage .bell-icon svg path{fill:var(--white-color)}.notification-icon svg{cursor:pointer}.profile-icon{width:60px;height:60px;padding:10px}.profile-icon figure,.profile-icon img{width:100%;height:100%;overflow:hidden;border-radius:50%;padding:0}.notification-icon figure.bell-icon:before{content:"";width:11px;height:11px;background-color:var(--notification-color);position:absolute;top:18px;left:50%;border-radius:50%;opacity:0}.notification-icon.activeDot figure:before{opacity:1}.profile-icon figure{position:relative;overflow:initial;cursor:pointer;box-shadow:1px 1px 4px 0 rgba(65,70,97,.1)}.profile-icon figure:before{content:"";width:10px;height:10px;position:absolute;bottom:0;left:70%;border-radius:50%;border:1px solid var(--white-color)}.profile-icon .online:before{background-color:var(--online-color)}.profile-icon .offline:before{background-color:var(--offline-color)}.profile-icon .busy:before{background-color:var(--busy-color)}.notification-icon.hover .box-sec-notification{opacity:1;pointer-events:all}.box-sec-notification{opacity:0;transform:translateX(-15px);pointer-events:none;position:absolute;bottom:0;left:calc(100% + 15px);transition:all .2s;z-index:90;padding-left:10px}.title-notification{padding:10px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--light-gray)}.title-notification .see-all-notifications{color:var(--text-primary-blue)}.title-notification .see-all-notifications:hover{cursor:pointer;color:var(--text-primary-blue-hover)}.sec-notification{border-radius:10px;max-height:450px;min-width:350px;width:max-content;box-shadow:0 4px 4px 0 #00000026;background:#fff;padding:10px;border:1px solid var(--light-gray);overflow:hidden}.sec-notification .box-notification{list-style:none;padding:0;margin:0;overflow-y:auto;max-height:370px;scrollbar-width:auto}.sec-notification .box-notification::-webkit-scrollbar-thumb{background-color:var(--nav-background)}.sec-notification .box-notification::-webkit-scrollbar{background-color:transparent}.sec-notification .item-notification{display:flex;width:100%;padding:10px 6px;margin-bottom:2px;cursor:pointer;position:relative;background:var(--white-color);border-radius:15px;align-items:center}.sec-notification .item-notification.invitation:hover{cursor:auto;background:var(--white-color)}.sec-notification .item-notification.MENTION figure{background:var(--unread-icon-bg)}.sec-notification .item-notification.MENTION figure svg path{fill:var(--white-color)}.item-notification:hover{background:var(--blue-50)}.item-notification .title-text{overflow-wrap:anywhere}.item-notification svg path{fill:var(--nav-gray)}.item-notification.not-0:after{content:"";width:12px;height:12px;position:absolute;background:var(--text-primary-blue);right:20px;top:50%;transform:translateY(-50%);border-radius:50%}.item-notification.INVITATION.not-0:after{top:calc(50% - 10px);transform:translateY(-50%)}.item-notification .notification-invitation{display:flex;align-items:center;justify-content:flex-end;gap:15px}.notification-icon .icon-read{width:50px;height:50px;min-width:50px;min-height:50px;display:flex;align-items:center;justify-content:center;border-radius:10px;position:relative}.notification-icon .icon-read svg{width:25px;height:25px}.notification-icon .icon-read span{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background:linear-gradient(145.15deg,#fff 30%,#a7c3f3);display:flex;align-items:center;justify-content:center;padding:3px;border-radius:50%;font-size:12px;color:var(--text-primary-blue);box-shadow:1px 3px 6px 0 #00000026}.box-notification figcaption{display:flex;width:100%;justify-content:center;flex-direction:column;gap:5px;padding-left:10px;padding-right:40px}.date-text span{color:var(--text-gray)}.box-profile{width:max-content;box-shadow:1px 3px 6px 0 #00000026;padding:15px;display:flex;flex-direction:column;background-color:#fff;min-width:200px}.box-show-profile{z-index:9999;position:absolute;bottom:0;left:calc(100%);transition:all .2s ease-in-out;padding-left:10px}.profile-icon:hover .box-show-profile{opacity:1;transform:translateX(0);pointer-events:all}.box-show-profile{opacity:0;transform:translateX(-15px);pointer-events:none}.show-status-profile{display:flex}.show-status-profile figure{width:50px;height:50px;position:relative}.show-status-profile img{border-radius:50%;object-fit:cover}.show-status-profile figcaption{padding-left:8px;display:flex;justify-content:center;flex-direction:column}.user-name h4{margin:0;padding:0;font-size:var(--font-primary);line-height:20px;color:var(--text-body);font-weight:600}.status-user span{font-size:var(--font-secondary);font-weight:600;padding:2px 8px;border-radius:30px}figcaption.online .status-user span{background-color:var(--online-bg);color:var(--online-color)}figcaption.busy .status-user span{background-color:var(--busy-bg);color:var(--busy-color)}figcaption.offline .status-user span{background-color:var(--nav-background);color:var(--nav-gray)}.show-status-profile figure:after{content:"";width:10px;height:10px;position:absolute;bottom:0;right:3px;border-radius:50%}.logout-text{margin:15px 0 0;display:flex;gap:10px;flex-direction:column;list-style:none;padding:0}.logout-text li{cursor:pointer;width:max-content}.sub-menu-page{background:var(--nav-icon-bg);width:200px;min-width:200px;height:100vh;padding:15px 10px 30px;font-size:var(--font-primary);display:flex;flex-direction:column;gap:10px;max-height:100vh;overflow:auto}.title-menu span{font-size:var(--font-h4);font-weight:600;padding-left:10px}.sub-menu-box ul{padding:0;margin:0}.sub-menu-box small{font-weight:600;color:var(--text-body);padding:8px 10px;font-size:var(--font-primary)}.sub-menu-box small.setting{display:flex;align-items:center;gap:5px}.sub-menu-box small.setting svg path{fill:var(--text-body)}.sub-menu-box li{padding:3px 8px;border-radius:5px;margin:2px 0}.sub-menu-box li.active,.sub-menu-box li:hover{background:var(--chat-hover);color:var(--text-primary-blue);cursor:pointer}.file-upload figure{width:350px;height:auto}.file-upload-box{display:inline-block;& .input-file{display:none}}.editor-box svg:hover{cursor:pointer}.editor-box svg:hover path{fill:var(--text-primary-blue)}.editor-box .file-upload-box label:before{display:none}.show-selected{display:flex;position:relative;padding:4px 0 2px!important;border-bottom:1px solid var(--text-gray);flex-wrap:wrap;gap:7px;cursor:pointer}.show-selected .icon-arrow-info{position:absolute;right:0;cursor:pointer;transition:all .2s;bottom:3px;display:flex;width:16px;height:16px;align-items:center;justify-content:center}.show-selected .icon-arrow-info.active svg{transform:rotate(180deg)}.show-selected .selected-item.single-choice{width:max-content;max-width:calc(100% - 30px);justify-content:space-between}.show-selected .selected-item{padding:3px 10px;background:var(--chat-hover);border-radius:10px;display:flex;align-items:center;gap:12px;max-width:40%;line-height:1.2}.show-selected .selected-item p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:75%;font-weight:400;margin-bottom:0}.show-selected .selected-item.empty-item{background:none;color:var(--text-gray);cursor:pointer;padding:0}.test-div{height:100%;overflow:hidden}.choice{top:calc(100%);left:0;width:100%;position:absolute;background:var(--white-color);z-index:10;box-shadow:1px 3px 6px 0 #00000026;opacity:0;pointer-events:none;height:auto;max-height:165px;overflow:auto;border:1px solid #f5f5f5}.choice.choice-up{bottom:calc(100%);top:auto}.select-choice{position:relative}.select-choice .choice{height:0}.selector-1.active svg{transform:rotate(180deg)}.select-choice.active .choice{opacity:1;pointer-events:all;height:auto}.choice li{padding:10px 15px;cursor:pointer;width:100%;max-width:100%;display:-webkit-box;display:block;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.choice li:hover{cursor:pointer;color:var(--text-primary-blue);background:var(--chat-hover)}.remove-choice{cursor:pointer;display:flex;align-items:center}.remove-choice svg{width:10px;height:10px}.remove-choice svg path{fill:var(--text-primary-blue)}.choice li.disabled{opacity:.5;cursor:not-allowed}.info-user-form .checkbox-selector input{width:14px;height:14px}.info-user-form .choice li{display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;line-height:32px}.info-user-form ul.choice{scrollbar-width:none;padding-right:0;max-height:none}.checkbox-selector label{display:flex;gap:10px;align-items:center;cursor:pointer;color:var(--text-body)}.checkbox-selector{padding:0 10px}.checkbox-selector label span{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;color:var(--text-body)}.item-choice-checkbox{line-height:1.5}.info-user-box p{margin-bottom:0;color:var(--text-body);font-weight:600;overflow-wrap:anywhere;line-height:1.2}.tag-user-info .title-tag span{color:var(--text-primary-blue)}.title-tag span:hover{color:var(--text-primary-blue-hover);cursor:pointer}.tag-user-info .recommended-tag,.tag-user-info .show-list-tag{display:flex;gap:5px;flex-wrap:wrap;padding:8px 0}.recommended-tag-box{margin-top:8px}.recommended-tag li label:hover{cursor:pointer}.recommended-tag li label,.show-list-tag li{display:flex;align-items:center;width:max-content;gap:10px;background:var(--busy-color);border-radius:5px;padding:2px 8px 1px}.box-show-item-tag-manage .show-item-tag-manage span,.recommended-tag li label span,.show-list-tag li span{color:var(--text-body)}.recommended-tag li label span,.show-list-tag li span{max-width:253px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.show-list-tag li figure{height:8px;width:8px}.recommended-tag li input{height:12px;width:12px}.show-list-tag li figure:hover{cursor:pointer}.show-list-tag li figure svg path{fill:var(--text-body)}.show-list-tag li figure svg{width:100%;height:100%}.box-content-tag label .bar{background:transparent}.box-create-answer.tag-manage-popup{width:680px;height:auto;overflow:auto;z-index:999998}.tag-manage-popup .form-tag{display:flex;align-items:center;justify-content:space-between}.tag-manage-popup .form-tag label small{position:absolute;top:calc(100%);left:0}.box-content-tag label .bar.error-bar,label .bar.error-bar:after{background:var(--chat-count)}.box-create-answer.tag-delete-popup .btn-icon-primary,.tag-manage-popup .form-tag>span{color:var(--white-color)}.tag-manage-popup p{color:var(--text-gray);font-weight:400;margin:8px 0 16px}.tag-manage-popup label{border:1px solid var(--light-border);border-radius:10px;display:flex;width:370px;align-items:center}.tag-manage-popup .form-tag figcaption{display:flex;align-items:center;gap:10px;justify-content:center;border-right:1px solid var(--light-border);cursor:pointer;padding:5px 10px}.info-user-form .tag-manage-popup input{padding:5px 10px;border:none}.color-of-tag,.item-tag-color span,.tag-manage-popup .form-tag figcaption span{width:20px;height:20px;border-radius:50%;background:var(--text-gray);display:block}.color-tag-select{position:relative}.color-tag-select.active ul.choice-color{opacity:1;pointer-events:all}.color-tag-select.active figcaption svg{transform:rotate(180deg)}.color-tag-select figcaption:hover svg path{fill:var(--text-primary-blue)}.color-tag-select ul.choice-color{display:flex;position:absolute;top:calc(100% + 5px);left:0;gap:10px;padding:10px;background:var(--white-color);box-shadow:0 4px 4px 0 rgba(0,0,0,.15);border-radius:0 0 10px 10px;height:auto;max-height:none;z-index:100;opacity:0;pointer-events:none;transition:all .2x}.color-tag-select ul.choice-color span:hover{cursor:pointer;border:1px solid var(--text-primary-blue-hover)}.box-show-item-tag-manage{padding:20px 0;border-top:1px solid var(--light-gray);border-bottom:1px solid var(--light-gray);margin-top:30px}.tag-manage-popup .show-item-tag-manage{overflow:auto;max-height:250px}.show-item-tag-manage li{display:flex;align-items:center;justify-content:space-between;padding:5px 15px;margin-top:5px;border-radius:5px}.show-item-tag-manage li:hover{background-color:var(--blue-50)}.show-item-tag-manage figcaption{display:flex;align-items:center;gap:20px}.show-item-tag-manage figure{border:1px solid var(--light-border);border-radius:5px;padding:5px}.show-item-tag-manage .edit-tag-active .figure-icon-edit,.show-item-tag-manage figure:hover{background:var(--text-primary-blue);cursor:pointer}.show-item-tag-manage figure svg path{fill:var(--nav-gray)}.show-item-tag-manage .edit-tag-active .figure-icon-edit svg path,.show-item-tag-manage figure:hover svg path{fill:var(--white-color)}.show-item-tag-manage .edit-tag-active{background:var(--busy-bg)!important}.tag-manage-popup button{margin-top:30px;float:right}.box-create-answer.tag-delete-popup{width:max-content;z-index:9999999;max-width:600px}.tag-delete-popup .box-delete p{font-weight:400}.onboarding-page{padding:15px 15px 15px 0;height:100%;overflow:auto}.onboarding-page .top-content-title h5{margin-bottom:0}.onboarding-page .top-content-title{padding:10px 20px 20px;border-radius:10px;position:relative;background:linear-gradient(90deg,#fff,#e5f0ff)}.onboarding-page .top-content-title:after{content:"";width:calc(100% - 20px);height:1px;background:var(--nav-background);position:absolute;bottom:0;right:0}.title-no-org{margin-top:20px;background:var(--unread-bg);padding:10px 60px 10px 20px;width:max-content;border-radius:10px}.create-menu-onboarding{height:100%;overflow:auto;padding:40px 20px}.create-menu-onboarding hr{margin:40px 0 30px;border-color:var(--nav-background)}.create-menu-onboarding ul{padding:10px 0 0;margin:0;min-width:50%;max-width:max-content;display:flex;flex-direction:column;gap:10px}.create-menu-onboarding li{padding:15px;border:1px solid var(--light-border);display:flex;align-items:center;gap:20px;border-radius:10px;background:var(--white-color)}.create-menu-onboarding .content-text{display:flex;flex-direction:column;flex-grow:1}.create-menu-onboarding .content-text span{color:var(--text-gray)}.create-menu-onboarding .btn-create{opacity:0;pointer-events:none}.create-menu-onboarding li.disable-btn{background:var(--blue-50);border:1px solid var(--light-border)}.create-menu-onboarding li.disable-btn svg path{fill:var(--text-primary-blue)}.create-menu-onboarding li.disable-btn .btn-create{opacity:0;pointer-events:none}.create-menu-onboarding li.active .btn-create{opacity:1;pointer-events:all}.waite-for-invite .check-icon.active svg path{fill:var(--text-primary-blue)}.loading-in-chat{flex-grow:1;width:auto;position:relative;z-index:1}.loading-page{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:999999999999999;background:var(--white-color);display:flex;align-items:center;justify-content:center}.loading-page figure{display:block;width:300px;height:auto;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.sk-circle{width:20px;height:20px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:var(--text-primary-blue);border-radius:100%;-webkit-animation:sk-circleBounceDelay .8s ease-in-out infinite both;animation:sk-circleBounceDelay .8s ease-in-out infinite both}.sk-circle .sk-circle2{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@keyframes sk-circleBounceDelay{to{transform:scale(.7)}0%{transform:scale(1.3)}}.phone-input-selector .search{position:relative;align-items:center}.react-tel-input .flag{border-radius:1px}.phone-input-selector.react-tel-input .form-control{width:100%;border:none;padding-bottom:0;height:30px;padding-left:55px;font-size:12px}.phone-input-selector.react-tel-input .flag-dropdown{border:none;background:transparent}.flag-event-none .phone-input-selector.react-tel-input .flag-dropdown{pointer-events:none}.react-tel-input .flag,.react-tel-input .selected-flag .flag{scale:1.5}.phone-input-selector.react-tel-input .country-list .search{padding:10px;left:0;top:-1px;z-index:99;background:var(--white-color)}.phone-input-selector.react-tel-input .country-list .search-box{border-top:none;border-left:none;border-right:none;margin:0 0 0 30px;width:calc(100% - 40px);position:relative}.phone-input-selector.react-tel-input .country-list .search:after{content:"";width:0;height:1px;background:var(--text-primary-blue);position:absolute;bottom:10px;left:40px;z-index:999;transition:all .4s}.phone-input-selector.react-tel-input .country-list .search:focus-within:after{width:calc(100% - 50px)}.phone-input-selector.react-tel-input .country-list .country{display:flex;align-items:center;gap:5px;padding:10px}.phone-input-selector.react-tel-input .country-list .country:hover{background:var(--blue-50)}.phone-input-selector.react-tel-input .country-list span{color:var(--text-body)}.phone-input-selector.react-tel-input .country-list{width:310px;max-height:270px;height:auto;left:5px}.phone-input-selector.react-tel-input .country-list .country-name{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.phone-input-selector .search:before{content:"";position:absolute;top:50%;left:8px;transform:translateY(-50%);display:inline-block;width:20px;height:20px;background-image:url(/assets/icon/image-icon/search2.png);background-size:contain;background-repeat:no-repeat}.calendar-show{position:absolute;top:100%;left:0;z-index:99;border:none!important;max-width:100%;overflow:hidden;padding:0 10px 10px}.calendar-show .react-calendar{border:1px solid var(--light-gray);border-radius:15px;box-shadow:1px 3px 6px 0 #00000026}.calendar-show .react-calendar__navigation__arrow{font-size:20px}.calendar-show.up-active{bottom:100%;top:auto}.react-calendar__tile{border-radius:5px}.react-calendar__tile--active,.react-calendar__tile--active:enabled:focus{background:var(--text-primary-blue)!important}.react-calendar__tile:hover{background:var(--Blue-Blue-200)!important}.date-box span.react-calendar__navigation__label__labelText{color:var(--text-body)}.date-box .react-calendar__navigation button,.date-box .react-calendar__navigation button:enabled:focus{background:transparent}.date-box .react-calendar__navigation button:enabled:hover{background:var(--blue-50)}.react-calendar__decade-view__years__year,.react-calendar__year-view__months__month abbr{color:var(--text-body)}.tutorial-slide-container{width:100%;height:100%;position:fixed;background:rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;top:0;left:0;z-index:999}.box-slide{position:relative;padding:50px 30px 30px;background:var(--white-color);max-width:1200px;max-height:90%;width:1200px;height:600px;border-radius:20px;box-shadow:0 2px 4px 0 #4146611a}.slide-content{width:100%;height:100%;display:flex;flex-direction:column;gap:20px;padding:0 50px 50px}.slide-content-sub{background:#f9faff;width:50%;border-radius:16px;padding:20px}.swiper-horizontal{padding-bottom:50px;height:100%}.box-slide figure.bg-slide{position:absolute;width:100%;height:100%;top:0;left:0}.slide-content figure{display:flex;align-items:center;justify-content:space-between;width:100%;height:auto;margin-top:15px}.slide-content figure img{width:100%;height:100%;max-height:300px;object-fit:contain}.slide-content figcaption{display:flex;flex-direction:column}.slide-content strong{color:var(--text-primary-blue)}.slide-content strong:first-child{font-size:20px}.slide-content figcaption a{color:var(--text-primary-blue)}.slide-content figcaption a:hover{cursor:pointer;color:var(--text-primary-blue-hover)}.slide-content figcaption span{font-size:12px;font-weight:600;padding-left:0}.box-slide .swiper-button-prev,.swiper-button-next{color:var(--Blue-Blue-200)}.box-slide .swiper-button-prev:hover,.swiper-button-next:hover{color:var(--text-primary-blue-hover)}.box-slide .swiper-pagination-bullet-active{background:var(--text-primary-blue)}.box-slide .swiper-pagination-bullet{position:relative;width:14px;height:14px;border:2px solid var(--text-primary-blue);background:var(--white-color)}.box-slide .swiper-pagination-bullet:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:var(--text-primary-blue);border-radius:50%;border:1px solid var(--white-color)}.box-slide .swiper-horizontal>.swiper-pagination-bullets,.box-slide .swiper-pagination-bullets.swiper-pagination-horizontal,.box-slide .swiper-pagination-custom,.box-slide .swiper-pagination-fraction{top:auto;bottom:0}.box-slide .swiper-autoheight{padding-bottom:50px;min-height:300px;height:100%}.box-content-invitation{text-align:center}.title-name-org h4{font-size:var(--font-h4);font-weight:600}.box-member-in-org{margin:10px auto;background:var(--nav-background);padding:20px}.sub-title p{font-size:12px}.picture-profile-members{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px}.picture-profile-members figure{border-radius:50%;background:var(--white-color);width:60px;height:60px;display:flex;align-items:center;justify-content:center}.picture-profile-members figure span{font-size:20px;font-weight:600;color:var(--text-gray)}.user-detail-profile figure{width:45px;height:45px;border-radius:50%}.user-detail-profile{border:1px solid var(--light-border);border-radius:10px;padding:10px;width:max-content;display:flex;align-items:center;justify-content:center;gap:15px;margin:0 auto 20px}.user-detail-profile figcaption{text-align:left}.user-detail-profile figcaption p{color:var(--text-gray)}.organize-dashboard-content{min-width:540px;max-width:560px;border:1px solid var(--light-border);padding:20px;border-radius:20px;height:500px;max-height:500px}.title-number-workspace{display:flex;align-items:center;justify-content:space-between;padding:0 10px 20px;border-bottom:1px solid var(--light-border)}.list-organize-dashboard{padding:0;margin:0;max-height:calc(100% - 40px);overflow:auto}.list-organize-dashboard li{padding:10px;min-height:60px;height:auto;border-bottom:1px solid var(--light-gray);display:flex;align-items:center;justify-content:space-between}.list-organize-dashboard .item-workspace-dashboard.active{background:var(--blue-50);cursor:default;pointer-events:none}.list-organize-dashboard .item-workspace-dashboard:hover{background:var(--blue-50);cursor:pointer}li.button-add-workspace,li.no-workspace{text-align:center;justify-content:center}li.button-add-workspace{border:none}.list-organize-dashboard li .item-list-ord-dashboard{display:flex;align-items:center;justify-content:center;gap:15px;position:relative}.list-organize-dashboard li figure{width:45px;height:45px;border-radius:50%;background:var(--nav-background);display:flex;align-items:center;justify-content:center}.list-organize-dashboard li figure span{font-size:12px;color:var(--white-color)}.joined-date{color:var(--text-gray)}.status-user-dashboard{position:absolute;width:10px;height:10px;bottom:3px;left:35px;border:1px solid var(--white-color);border-radius:50%}.user-online{background:var(--online-color)}.user-busy{background:var(--busy-color)}.user-offline{background:var(--offline-color)}.icon-menu figure.organize-dashboard-active{background:linear-gradient(145.15deg,#fff 30%,#cfe4fe)}.organize-dashboard-active svg path,.organize-dashboard-active:hover svg path{fill:var(--text-primary-blue)}.box-all-notifications{width:800px;max-width:800px;height:100%;max-width:100%;margin:0 auto;border:1px solid var(--nav-background);box-shadow:0 2px 4px 0 #4146611a;border-radius:10px;display:flex;flex-direction:column;background:var(--white-color);position:relative;z-index:9}.top-menu-all-notification{padding:10px;border-bottom:1px solid var(--light-gray);background:var(--white-color)}.select-organize-notification,.top-menu-all-notification{display:flex;align-items:center;justify-content:space-between}.select-organize-notification{gap:15px}.select-organize-notification span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:600;width:100%}.filter-selector ul{scrollbar-width:auto;max-height:180px!important}.filter-selector{position:relative;min-width:150px;width:100%;padding:5px 15px;border-radius:5px;border:1px solid #f5f5f5;background:var(--white-color)}.filter-selector:hover{cursor:pointer;background:var(--blue-50)}.filter-selector.active ul{opacity:1!important;pointer-events:all!important}.filter-selector.active svg{transform:rotate(180deg)}.bottom-menu-all-notification{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--light-gray);color:var(--text-gray)}.select-filter{display:flex;align-items:center;gap:15px}.bottom-menu-all-notification span.active{color:var(--text-primary-blue)}.bottom-menu-all-notification span:hover{cursor:pointer;color:var(--text-primary-blue-hover)}.box-content-all-notifications{width:100%;height:100%;overflow:hidden;padding-bottom:5px}.list-all-notifications{width:100%;height:100%;max-height:100%;overflow:auto;scrollbar-width:auto}.list-all-notifications li{position:relative;display:flex;align-items:center;justify-content:flex-start;padding:7px 50px 7px 10px;gap:10px}.list-all-notifications li.date-group{padding-bottom:0}.list-all-notifications li:hover{background:var(--blue-50);cursor:pointer}.list-all-notifications li p{color:var(--text-gray)}.list-all-notifications li .dot-unread{width:13px;height:13px;position:absolute;right:20px;top:50%;transform:translateY(-50%);border-radius:50%;background:var(--text-primary-blue)}.list-all-notifications li .btn-confirm{margin-left:auto;display:flex;gap:15px}.list-all-notifications li figure{width:50px;height:50px;padding:5px;position:relative}.list-all-notifications li figure span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145.15deg,#fff 30%,#cfe4fe);box-shadow:1px 3px 6px 0 #00000026;color:var(--text-primary-blue);border:1px solid var(--white-color);font-size:12px;position:absolute;padding-top:1px;bottom:0;right:0}.icon-bell-notification{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden}.type-assign .icon-bell-notification,.type-invitation .icon-bell-notification{background:#f9faff}.type-assign .icon-bell-notification svg path,.type-invitation .icon-bell-notification svg path{fill:var(--nav-gray)}.type-mention .icon-bell-notification{background:var(--unread-icon-bg)}.type-mention .icon-bell-notification svg path{fill:var(--white-color)}.list-all-notifications li .date-and-organize{color:var(--text-gray);display:flex;align-items:center;gap:5px;margin-top:2px}.date-box .react-calendar__navigation button,.date-box .react-calendar__navigation button:enabled:focus{color:var(--text-primary-blue)}.calendar-show .react-calendar__navigation__label:disabled{opacity:1}.date-picker-calendar .css-154xyx0-MuiInputBase-root-MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.date-picker-calendar .css-1d3z3hw-MuiOutlinedInput-notchedOutline{border-style:none}.date-picker-calendar .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input{padding:0;color:var(--text-body)}.date-picker-calendar .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input::placeholder{color:var(--text-gray)!important;opacity:1}.position-bar:has(input:focus) .bar:after{width:100%}.position-bar:has(.Mui-focused) .bar:after{width:100%}.date-picker-calendar .css-12mkn7b-MuiButtonBase-root-MuiIconButton-root-MuiPickersCalendarHeader-switchViewButton svg,.date-picker-calendar .css-1nkg345-MuiButtonBase-root-MuiIconButton-root-MuiPickersArrowSwitcher-button svg,.date-picker-calendar .css-kg9q0s-MuiButtonBase-root-MuiIconButton-root-MuiPickersArrowSwitcher-button svg,.date-picker-calendar .css-sf5j28-MuiButtonBase-root-MuiIconButton-root-MuiPickersCalendarHeader-switchViewButton svg{position:relative;right:auto;bottom:auto}.date-picker-calendar .css-12mkn7b-MuiButtonBase-root-MuiIconButton-root-MuiPickersCalendarHeader-switchViewButton:hover,.date-picker-calendar .css-1nkg345-MuiButtonBase-root-MuiIconButton-root-MuiPickersArrowSwitcher-button:hover,.date-picker-calendar .css-1u23akw-MuiButtonBase-root-MuiPickersDay-root:focus,.date-picker-calendar .css-1u23akw-MuiButtonBase-root-MuiPickersDay-root:hover,.date-picker-calendar .css-jgls56-MuiButtonBase-root-MuiPickersDay-root:focus,.date-picker-calendar .css-kg9q0s-MuiButtonBase-root-MuiIconButton-root-MuiPickersArrowSwitcher-button:hover,.date-picker-calendar .css-sf5j28-MuiButtonBase-root-MuiIconButton-root-MuiPickersCalendarHeader-switchViewButton:hover{background:var(--Blue-Blue-200)}.date-picker-calendar .css-jgls56-MuiButtonBase-root-MuiPickersDay-root:not(.Mui-selected){border:2px solid var(--text-primary-blue)}.date-picker-calendar .css-innj4t-MuiPickersYear-yearButton:focus,.date-picker-calendar .css-innj4t-MuiPickersYear-yearButton:hover{background:var(--Blue-Blue-200)}.date-picker-calendar .css-1q04gal-MuiDateCalendar-root{height:auto}.date-picker-calendar .css-1laqsz7-MuiInputAdornment-root{position:absolute;width:100%;height:100%;margin:0}.date-picker-calendar .css-1laqsz7-MuiInputAdornment-root button{width:100%;height:100%;background:initial!important}.date-picker-calendar .css-8je8zh-MuiTouchRipple-root{display:none}.top-button-package{width:100%;background:var(--blue-50);padding:10px 130px;display:flex;gap:20px;align-items:center;position:fixed;top:0;left:0;z-index:999}.top-button-package strong{color:var(--text-primary-blue)}.top-button-package.waring strong{color:var(--busy-color)}.top-button-package.waring svg path{fill:var(--busy-color)}.top-button-package.waring{background:var(--unread-bg)}.steps-connect ul{display:flex;align-items:center;gap:16px}.steps-connect li{padding:5px 15px;border-radius:10px;background:var(--nav-background);display:flex;gap:8px;align-items:center}.steps-connect li label{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--nav-gray);border-radius:50%;color:var(--white-color)}.steps-connect li.active{background:var(--text-primary-blue);color:var(--white-color)}.steps-connect li.active label{background:var(--white-color);color:var(--text-primary-blue)}.steps-connect li.pass-active{background:#bdffe0}.steps-connect li.pass-active label{background:var(--online-color)}.step-detail{width:800px}.step-detail ul{list-style:auto;padding-left:30px}.step-detail ul li{list-style:auto;margin:15px 0}.title-step-detail{margin:32px 0 16px}.step-detail li a{color:var(--text-primary-blue)}.step-detail li a:hover{color:var(--text-primary-blue-hover);text-decoration:underline;cursor:pointer}.step-detail .content-text{display:flex;align-items:flex-end;gap:10px}.step-detail .content-text .show-detail-hover{margin:3px 0 auto;position:relative}.step-detail .content-text .show-detail-hover:hover{cursor:pointer}label.check-box-step{padding-left:15px;margin:24px 0 16px;display:flex;align-items:center;gap:5px;width:max-content}label.check-box-step:hover{cursor:pointer;color:var(--text-primary-blue)}.input-in-step .position-bar{padding:5px 15px;border:1px solid var(--light-border);border-radius:10px;margin-top:4px}.input-in-step .position-bar .bar{width:calc(100% - 20px);margin-left:10px;background:transparent}.hover-for-detail-box{width:800px!important;height:max-content!important}.hover-for-detail{background:var(--white-color);width:100%;height:100%}.copy-info{display:flex;gap:20px;width:100%;padding:5px 15px;border:1px solid var(--light-border);border-radius:10px;justify-content:space-between;align-items:center}.copy-info:hover{cursor:pointer;color:var(--text-primary-blue)}.copy-info strong{max-width:600px;overflow:auto}.copy-info svg path{fill:var(--text-body)}.copy-info:hover svg path{fill:var(--text-primary-blue)}.note-user-section{padding:0 10px}.note-user-section .btn-text-primary.add-new-note{min-width:95px;padding:8px 10px;margin-top:8px}.note-user-section .title-note p{margin:0}.sub-title-note{color:var(--text-gray);display:flex;align-items:center;justify-content:space-between}.sub-title-note svg path{fill:var(--text-gray)}.icon-manage-note{display:flex;gap:10px}.icon-manage-note figure{width:16px;min-width:16px;height:16px;min-height:16px}.icon-manage-note figure:hover{cursor:pointer}.icon-manage-note figure.active svg path,.icon-manage-note figure:hover svg path{fill:var(--text-primary-blue)}.note-item{margin:4px 0}.note-item .button-note{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:8px}.note-user-section .title-note span{color:var(--text-primary-blue)}.note-user-section .title-note span:hover{cursor:pointer;color:var(--text-primary-blue-hover)}.tag-delete-popup.note-delete-popup{padding:0!important}.detail-contact-fields .box-show-note .add-new-note,.detail-contact-fields .box-show-note .icon-manage-note{display:flex}.detail-contact-fields .box-show-note .save-note{color:var(--white-color);display:flex}.note-item textarea{resize:none;width:100%;height:20px}.section-contact-page .name-contact-sticky{background:var(--white-color);position:sticky;top:0;left:0;z-index:1}.table-scroll:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:var(--nav-background)}.section-contact-page tbody tr:hover td,tr:hover .before-table-scroll:before{background:var(--blue-50)}.note-item .read-more-btn{color:var(--text-primary-blue);position:absolute;padding-left:15px;bottom:0;right:10px;background:var(--white-color)}.load-more-container p:hover,.note-item .read-more-btn:hover{cursor:pointer;color:var(--text-primary-blue-hover)}.load-more-container p{text-align:right}.detail-contact-fields .load-more-container span{color:var(--nav-gray)}.detail-contact-fields span.btn-go-to-chat{display:flex;gap:10px;padding:2px 7px;width:max-content;font-size:13px;height:30px;color:var(--nav-gray);min-width:100px}.detail-contact-fields span.btn-go-to-chat svg{width:16px;height:16px;padding:0}.postal-code-input input[type=number]::-webkit-inner-spin-button,.postal-code-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield}.tag-user-info ul.choices-tag-search{background:var(--white-color);box-shadow:1px 3px 6px 0 #00000026;border-radius:0 0 15px 15px;max-height:150px;position:absolute;top:calc(100% + 5px);z-index:9;width:100%;overflow:auto}.tag-user-info ul.choices-tag-search.choice-up{bottom:calc(100%);top:auto}.choices-tag-search li{display:flex;gap:10px;align-items:center;padding:7px 15px}.choices-tag-search li:hover{cursor:pointer;background:var(--blue-50)}.choices-tag-search figure{min-width:16px;min-height:16px;width:16px;height:16px;border-radius:50%}.choices-tag-search figcaption{width:100%;display:block;-webkit-box-orient:horizontal;overflow:hidden;text-overflow:ellipsis}.nick-name-user input{max-width:max-content;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow-wrap:anywhere;overflow:hidden}.dropzone{z-index:99999;background:#f1f5f9;opacity:.9;inset:0;display:flex;justify-content:center;align-items:center;position:absolute}.dropzone.clear{opacity:0}.content-activities-page{height:calc(100vh - 150px);overflow:hidden auto}.title-member-sec h2{font-size:16px;font-weight:600}.select-date-sort{display:flex;gap:10px;align-items:center}.performance-sec-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:16px;position:relative}.performance-sec-header .btn-text-primary svg path{fill:var(--nav-gray)}.select-date-sort .calendar-select-date{position:absolute;bottom:calc(100% + 16px);right:0;width:max-content;height:auto;box-shadow:1px 3px 6px 0 #00000026;border-radius:15px;overflow:hidden}.calendar-select-date .react-calendar{border:1px solid var(--light-gray);padding:12px}.calendar-select-date.day-group-btn .react-calendar{border:none}.calendar-select-date .react-calendar__navigation__label__labelText{color:var(--text-body)}.calendar-select-date .react-calendar__navigation button:enabled:focus,.calendar-select-date .react-calendar__navigation button:enabled:hover{background-color:var(--blue-50)}.performance-sec-header .calendar-select-date .react-calendar__navigation__next2-button,.performance-sec-header .calendar-select-date .react-calendar__navigation__prev2-button{display:none}.calendar-select-date .react-calendar__navigation__arrow{font-size:24px}.calendar-select-date .react-calendar__navigation button,.calendar-select-date .react-calendar__navigation button:enabled:focus{color:var(--text-primary-blue)}.performance-table{width:100%;overflow-x:auto;min-height:calc(100% - 50px);scrollbar-width:auto}.list-member-sec{border:1px solid var(--light-gray);padding:10px 10px 0;border-radius:20px;width:100%;height:auto}.box-list-members{height:400px;overflow:auto;width:100%}.box-list-members li{padding:8px 20px;display:flex;align-items:center;background:#f8fafc;margin:5px 0;border-radius:10px;justify-content:space-between}.box-list-members li.new-data{animation:newDataDashboard 4s}@keyframes newDataDashboard{0%{transform:translateX(50%);background:var(--Blue-Blue-200)}25%{transform:translateX(0)}75%{background:var(--Blue-Blue-200)}to{background:#f8fafc}}.profile-member{display:flex;align-items:center;gap:16px;width:35%}.profile-member figure{width:30px;height:30px;background:#f5f5f5;border-radius:50%;overflow:hidden}.time-member{width:10%;padding:0 10px;text-align:center}.content-member{width:55%;display:flex;gap:10px;align-items:center;padding-left:10px}.status-text{padding:2px 12px;border-radius:30px}.status-text.online{background:var(--online-bg);color:var(--online-color)}.status-text.busy{background:var(--busy-bg);color:var(--busy-color)}.status-text.offline{background:#f5f5f5;color:var(--offline-color)}.performance-sec{padding-top:30px;min-width:100%;height:calc(100% - 470px)}.name-table-list span,.name-table-list strong,.sum-table span{display:flex;align-items:center;justify-content:center;gap:10px}.name-table-list,.sum-table{min-width:150px;background:var(--white-color)}.name-profile.name-table-list span{justify-content:flex-start;padding-left:40px}.name-profile.name-table-list{position:sticky;top:0;left:0;z-index:1}.performance-sec table tbody tr{border:1px solid var(--light-gray);height:50px;border-radius:10px}.performance-sec table thead tr{height:50px}.performance-sec table tbody tr:hover{cursor:pointer}.performance-sec table tbody tr:hover td{background:var(--blue-50)}.performance-sec table td:first-child,.performance-sec table th:first-child{width:270px;min-width:270px}.name-profile figure{width:30px;height:30px;border-radius:50%;background:#f5f5f5;overflow:hidden}.performance-sec .activities-history{position:fixed;top:0;right:0;width:350px;height:100vh;background:var(--white-color);cursor:auto;z-index:11}.info-user-box .box-history-status{padding:0 20px 0 30px;max-height:calc(100% - 170px);overflow:auto;scrollbar-width:auto}.item-history-status{border-left:4px solid var(--nav-background);margin:8px 0;padding:8px 8px 8px 24px}.content-text-history{display:flex;gap:8px;align-items:center;margin-bottom:5px;flex-wrap:wrap;row-gap:0;line-height:18px}.content-time-history{color:var(--text-gray);line-height:18px}.date-group-activities{width:100%;height:max-content;background:var(--white-color);position:sticky;top:0;left:0;z-index:9}.date-group-activities span{padding:3px 12px;background:var(--nav-background);border-radius:15px;width:110px;text-align:center;border:2px solid var(--white-color)}.activities-history .sub-menu-chat.sub-right-menu-chat.history-right-menu{width:100%;min-width:100%}.sub-menu-chat.sub-right-menu-chat:has(.overlay-bg){z-index:99999}.user-name-profile{display:-webkit-box;-webkit-line-clamp:1!important;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:170px;overflow-wrap:anywhere}.box-calendar-position{width:max-content;height:max-content;position:absolute;top:calc(-40% + 5px);left:-45%;scale:.7;z-index:1}.box-calendar-position.single-calendar{max-width:100%;top:100%;left:0;scale:1}.box-calendar-position[class*=index-date2-]{left:auto;right:-45%}.box-calendar-position[class*=index-date2-].single-calendar{max-width:100%;top:100%;left:0;scale:1}.box-calendar-position.single-calendar .react-calendar{max-width:100%}.box-calendar-position .react-calendar{max-width:max-content;position:relative!important;top:0!important;left:0!important}.date-and-time-selector .react-calendar{max-width:290px}.custom-time-picker{width:100%;height:max-content;position:relative;z-index:9}.custom-time-picker:has(.time-selected-show.active){z-index:99}.custom-time-picker-choice{height:max-content;width:max-content;display:flex;align-items:center;border:1px solid #f5f5f5;box-shadow:var(--shadow-nav);border-radius:10px;overflow:hidden;padding:4px;position:absolute;top:calc(100% + 3px);left:0;background:var(--white-color)}.time-selected-show{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.time-selected-show.active-time span{color:#444c5e}.time-selected-show.active svg{transform:rotate(180deg)}.custom-time-picker ul{min-width:50px;width:max-content;height:130px!important;overflow:auto;background:var(--white-color)}.custom-time-picker ul li{text-align:center;padding:4px 8px;background:var(--white-color);border-radius:5px;margin:2px 0;z-index:999;color:var(--text-body)}.custom-time-picker ul li.active,.custom-time-picker ul li:hover{cursor:pointer;background:var(--text-primary-blue);color:var(--white-color)}.error-alert-node{font-size:28px;line-height:12px;color:var(--chat-count);position:absolute;bottom:calc(100%);left:calc(100%)}.STANDBY .error-alert-node{left:calc(50% + 10px);bottom:calc(100% - 5px)}.setting-answer-page.main-workflow-page{padding:15px 20px}.back-page-btn:hover{cursor:pointer;color:var(--text-primary-blue)}.workflow-table-list table span{font-weight:400;color:var(--text-gray)}.workflow-table-list table thead span{font-weight:600;color:var(--text-body)}.workflow-table-list .status-workflow strong{padding:3px 16px;border-radius:30px}.workflow-table-list .name-workflow span{color:var(--text-primary-blue);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%;overflow-wrap:anywhere}.workflow-table-list tbody tr{min-height:53px}.btn-workflow-PUBLISHED span.btn-primary{color:var(--white-color);background:var(--chat-count)}.btn-workflow-DRAFT span.btn-primary,.btn-workflow-PAUSED span.btn-primary{background:var(--text-primary-blue);color:var(--white-color)}.btn-workflow-PUBLISHED:hover span.btn-primary{background:#ef4444}.btn-workflow-DRAFT:hover span.btn-primary,.btn-workflow-PAUSED:hover span.btn-primary{background:var(--text-primary-blue-hover)}.workflow-table-list .status-workflow.status-PUBLISHED strong{color:var(--online-color);background:var(--online-bg)}.workflow-table-list .status-workflow.status-DRAFT strong{color:var(--offline-color);background:var(--nav-background)}.workflow-table-list .status-workflow.status-PAUSED strong{color:var(--busy-color);background:var(--unread-bg)}.workflow-table-list tr:has(.menu-workflow-list.active){z-index:99}.workflow-table-list tr td:nth-child(2),.workflow-table-list tr th:nth-child(2){position:sticky;left:120px;background:var(--white-color);z-index:9}.workflow-table-list tr td:first-child,.workflow-table-list tr th:first-child{left:0;position:sticky;background:var(--white-color);z-index:9}.status-workflow.table-w-15{width:100px;min-width:100px}.item-workspace-table.workflow-table-list tbody tr,.item-workspace-table.workflow-table-list thead tr{display:block;float:left}.item-workspace-table.workflow-table-list td:last-child{width:100%}.contact-main-container .workflow-table-list thead,.item-workspace-table.workflow-table-list td,.item-workspace-table.workflow-table-list th{border:none}.table-w-15{width:130px;min-width:130px}.table-w-25{width:190px;min-width:190px}.table-w-35{width:300px;min-width:300px}.table-w-45{width:450px;min-width:100%}.btn-action-workflow,.table-w-45 span{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}.btn-action-workflow{gap:10px}.workflow-table-list table span.btn-primary{font-weight:600;justify-content:center;padding:8px 15px}.workflow-table-list table .btn-primary.btn-icon-primary{color:var(--white-color)}.btn-action-workflow .btn-text-primary svg path{fill:var(--text-gray)}.section-create-workflow{width:100%;height:100%}.nav-create-workflow{padding:10px 15px;background:var(--white-color);border:1px solid var(--light-gray)}.nav-create-workflow,.right-nav-workflow{display:flex;align-items:center;justify-content:space-between}.right-nav-workflow{gap:15px}.time-update{color:var(--text-gray)}.publish-workflow{background-color:var(--online-color)}.publish-workflow:hover{background-color:var(--online-color-hover)}.publish-workflow.status-PUBLISHED{background-color:var(--chat-count)}.publish-workflow.status-PUBLISHED:hover{background-color:var(--red-stop)}.box-create-workflow{position:relative;max-height:calc(100% - 60px);background:var(--blue-50)}.board-workflow,.box-create-workflow{width:100%;height:100%}.node-custom{position:relative;width:240px;height:max-content;max-height:max-content;text-align:left;border:2px solid var(--text-gray);border-radius:10px;background:var(--white-color);box-shadow:2px 4px 4px 0 #dce3f5}.node-custom h3{color:var(--text-body);font-weight:600;width:100%;max-width:100%;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:20px}.node-custom h5{line-height:20px;font-size:11px;color:var(--text-gray)}.node-custom .node-content{padding:5px 15px;width:100%;max-width:100%;border-top:1px solid var(--text-gray);line-height:16px;font-size:12px}.node-content p{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.node-content>span{color:var(--text-gray);font-size:10px}.selected .node-custom,.selected .node-custom.error{border:2px solid var(--text-primary-blue)}.node-content figure.image-profile{border-radius:50%;overflow:hidden}.node-content figure,.node-content figure.image-profile{min-width:20px;min-height:20px;height:20px;width:20px}.node-content figure svg{width:100%;height:100%}.edgeLabel-custom{background:var(--light-green);color:var(--white-color);padding:0 8px;border-radius:5px}.menu-flow-node{position:fixed;top:-10px;right:calc(100% + 20px);width:max-content;box-shadow:2px 4px 4px 0 #dce3f5;background:var(--white-color);border:1px solid var(--light-border);border-radius:6px;overflow:auto;max-height:300px;scrollbar-width:auto;z-index:99999}.menu-flow-node.menu-update-node{top:calc(100% + 10px);left:50%;transform:translateX(-50%);right:auto}.box-select-type.active-menu>svg{transform:rotate(180deg)}.menu-flow-node li{padding:10px 20px;display:flex;align-items:center;gap:10px;background:var(--white-color)}.menu-flow-node li:hover{cursor:pointer;border-radius:10px;background:var(--blue-50)}.custom-handle-node{z-index:99}.custom-handle-node:hover{cursor:pointer}.react-flow__renderer{width:100%}.board-workflow:has(.right-nav-form) .react-flow__panel.right{right:410px!important}.board-workflow .react-flow__panel.right{right:10px}.react-flow__pane.draggable{overflow:hidden}.menu-flow-node figure,.title-of-node figure{width:21px;min-width:21px;height:21px;min-height:21px}.menu-flow-node svg,.react-flow .react-flow__edges .menu-flow-node svg,.title-of-node svg{width:100%;height:100%;position:relative}.right-nav-form{z-index:9;width:400px;padding:15px 0;height:100%;position:absolute;top:0;right:0;background:var(--white-color)}.right-nav-form.disable-input .detail-node-edges>div,.right-nav-form.disable-input .detail-node-edges>section>div{pointer-events:none}.right-nav-form.disable-input .detail-node-edges{opacity:.5}.alert-publish-workflow{display:none;padding:0 15px}.alert-publish-workflow span{display:block;width:100%;text-align:center;border-radius:10px;margin-bottom:16px;background:var(--busy-bg);color:var(--busy-color);border:1px solid #fef3c7;padding:6px}.right-nav-form.disable-input .alert-publish-workflow{display:block}.right-nav-form .title-from-node{font-weight:600;position:relative;border-bottom:1px solid var(--light-gray);margin-bottom:8px}.title-from-node input{min-height:30px;line-height:32px;font-size:18px}.title-from-node hgroup{margin-bottom:8px}.title-from-node h6{display:flex;width:max-content;align-items:center;gap:10px}.title-from-node h6:hover{color:var(--text-primary-blue);cursor:pointer}.title-from-node h6:hover svg path{fill:var(--text-primary-blue)}.title-from-node h5{font-weight:400;color:var(--text-gray)}.title-from-node h2{display:flex;align-items:flex-end;font-size:var(--font-h4);gap:8px;margin-bottom:8px;cursor:pointer}.title-from-node h2 label span{font-size:12px;font-weight:400;line-height:10px}.title-from-node h2 label>div{padding:0}.title-from-node h2 figure{height:20px;width:20px;margin-bottom:5px}.title-from-node h2 figure svg{height:auto;width:20px}.title-from-node h2:hover .icon-edit-title-node{opacity:1;pointer-events:all}.icon-edit-title-node{opacity:0;pointer-events:none;transition:all .15s}.icon-edit-title-node svg path{fill:var(--text-body)}.icon-edit-title{position:absolute;top:50%;transform:translateY(-50%);right:0}.right-nav-form label span{color:var(--text-gray)}.right-nav-form .position-bar{height:max-content}.react-flow__node .node-custom.error{border:2px solid var(--chat-count)}.react-flow__node .node-custom.active{border:2px solid var(--text-primary-blue-hover);background:var(--chat-hover);box-shadow:0 0 16px 2px var(--light-blue)}.node-custom.TRIGGER{border:2px solid var(--light-green)}.node-custom.TRIGGER .custom-handle-node span{border:2px solid var(--light-green);background:var(--light-green)}.node-custom.TRIGGER .custom-handle-node span:after{border:1px dashed var(--light-green)}.node-custom.TRIGGER .custom-handle-node.react-flow__handle{background:var(--light-green)}.react-flow__edge-path.TRIGGER_EDGE,.react-flow__edge.selectable:focus .react-flow__edge-path.TRIGGER_EDGE,.react-flow__edge.selectable:focus-visible .react-flow__edge-path.TRIGGER_EDGE,.react-flow__edge.selected .react-flow__edge-path.TRIGGER_EDGE{stroke:var(--light-green)}.add-middle-node.TRIGGER{border:2px solid var(--light-green);background:var(--light-green)}.node-custom.ACTION{border:2px solid var(--light-blue)}.node-custom.ACTION .custom-handle-node span{border:2px solid var(--light-blue);background:var(--light-blue)}.node-custom.ACTION .custom-handle-node span:after{border:1px dashed var(--light-blue)}.node-custom.ACTION .custom-handle-node.react-flow__handle{background:var(--light-blue)}.react-flow__edge-path.ACTION_EDGE,.react-flow__edge.selectable:focus .react-flow__edge-path.ACTION_EDGE,.react-flow__edge.selectable:focus-visible .react-flow__edge-path.ACTION_EDGE,.react-flow__edge.selected .react-flow__edge-path.ACTION_EDGE{stroke:var(--light-blue)}.add-middle-node.ACTION{border:2px solid var(--light-blue);background:var(--light-blue)}.node-custom.CONDITION{border:2px solid var(--orange-400)}.node-custom.CONDITION .custom-handle-node span{border:2px solid var(--orange-400);background:var(--orange-400)}.node-custom.CONDITION .custom-handle-node span:after{border:1px dashed var(--orange-400)}.node-custom.CONDITION .custom-handle-node.react-flow__handle{background:var(--orange-400)}.react-flow__edge-path.CONDITION_EDGE,.react-flow__edge.selectable:focus .react-flow__edge-path.CONDITION_EDGE,.react-flow__edge.selectable:focus-visible .react-flow__edge-path.CONDITION_EDGE,.react-flow__edge.selected .react-flow__edge-path.CONDITION_EDGE{stroke:var(--orange-400)}.add-middle-node.CONDITION{border:2px solid var(--orange-400);background:var(--orange-400)}.node-custom.STANDBY{border:1px solid #ffffff00!important;box-shadow:none!important;background:none!important;cursor:grab!important}.node-custom.STANDBY .box-select-type{width:16px;height:16px;border:2px solid var(--chat-count);border-radius:50%;margin:0 auto;position:absolute;top:0;left:50%;transform:translateX(-50%);cursor:pointer;background:var(--chat-count)}.node-custom.STANDBY .custom-handle-node span{border:2px solid var(--nav-gray);background:var(--nav-gray)}.node-custom.STANDBY .custom-handle-node span:after{border:1px dashed var(--nav-gray)}.node-custom.STANDBY .custom-handle-node.react-flow__handle{background:var(--nav-gray)}.react-flow__edge-path.STANDBY_EDGE,.react-flow__edge.selectable:focus .react-flow__edge-path.STANDBY_EDGE,.react-flow__edge.selectable:focus-visible .react-flow__edge-path.STANDBY_EDGE,.react-flow__edge.selected .react-flow__edge-path.STANDBY_EDGE{stroke:var(--nav-gray)}.add-middle-node.STANDBY{border:2px solid var(--nav-gray);background:var(--nav-gray)}.add-middle-node{position:relative;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;line-height:14px;cursor:pointer}.add-middle-node span{width:12px;height:2px;background:var(--white-color);display:block;position:absolute;cursor:pointer}.add-middle-node span:first-child{transform:rotate(90deg)}.custom-handle-node span{position:relative;left:50%;top:30px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--text-gray);border-radius:50%;line-height:14px;cursor:pointer}.custom-handle-node span label{cursor:pointer;width:100%;height:2px;background:var(--white-color);display:block;position:absolute}.custom-handle-node span label:first-child{transform:rotate(90deg)}.custom-handle-node span.insert-node-btn{opacity:0;pointer-events:none}.custom-handle-node span.insert-node-btn:after{display:none}.custom-handle-node span:after{content:"";width:1px;height:30px;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:1px dashed var(--text-gray)}.custom-handle-node.react-flow__handle{background-color:var(--text-gray);width:2px;height:2px;min-width:2px;min-height:2px;padding:0;border:none}.condition-logic{width:max-content;overflow:hidden;cursor:pointer}.condition-logic span{padding:0 16px;width:60px;display:inline-block;text-align:center;background:var(--blue-50);font-weight:600;border:1px solid var(--Blue-Blue-200)}.condition-logic span.active,.condition-logic span:hover{color:var(--text-primary-blue);background:var(--blue-50);border:1px solid var(--text-primary-blue)}.condition-logic span:first-child{border-radius:10px 0 0 10px}.condition-logic span:nth-child(2){border-radius:0 10px 10px 0}.box-condition-item.disabled{pointer-events:none;opacity:.3}.box-condition-item{border-radius:10px;border:1px solid var(--blue-50);margin:12px 0}.header-bar{background:var(--blue-50);padding:8px;border-radius:10px 10px 0 0;min-height:20px;display:flex;align-items:center;justify-content:space-between}.header-bar figure:hover{cursor:pointer}.header-bar span{color:var(--chat-count);font-size:12px}.header-bar>strong{font-weight:400;color:var(--nav-gray)}.input-team-name.disable{pointer-events:none;opacity:.3}.open-trigger{cursor:pointer;display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:8px}.open-trigger.active,.open-trigger:hover{color:var(--text-primary-blue)}.open-trigger.active>figure svg path,.open-trigger:hover>figure svg path{fill:var(--text-primary-blue)}.open-trigger.active>figure svg{transform:rotate(180deg)}.node-custom .btn-delete-node.active,.node-custom .custom-handle-node span.insert-node-btn.active,.node-custom:hover .btn-delete-node,.node-custom:hover .insert-node-btn{opacity:1;pointer-events:all}.btn-delete-node{opacity:0;pointer-events:none;position:absolute;bottom:calc(100%);left:0;padding-bottom:8px}.btn-delete-node section{background:var(--white-color);border-radius:5px;box-shadow:var(--shadow-nav)}.btn-delete-node button,.btn-delete-node section{border:1px solid var(--light-gray);display:flex;align-items:center}.btn-delete-node button{width:30px;height:30px;justify-content:center}.btn-delete-node button svg path{fill:var(--text-gray)}.btn-delete-node button.active svg path,.btn-delete-node button:hover svg path{fill:var(--text-primary-blue)}.image-item-content{display:flex;flex-direction:column;justify-content:center;margin-top:8px;gap:10px;width:100%}.image-item-content label{width:max-content;cursor:pointer;display:flex;flex-direction:column;gap:10px;align-items:flex-start;width:100%}.image-item-content label input{display:none}.image-input-circle{display:inline-block;cursor:pointer}.image-input-circle svg path,.image-item-content label svg path{fill:var(--text-gray)}.image-item-content .image-item{gap:24px;border:1px solid #d7d7d7;padding:6px 10px;min-height:38px;color:var(--text-gray);border-radius:6px;width:100%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.image-item-content .image-item-show{position:relative;width:max-content;max-width:calc(100% - 10px)}.image-item-content .image-item-show span svg{width:100%;height:100%}.image-item-show figure{max-width:max-content;height:150px;border-radius:6px;overflow:hidden;box-shadow:var(--shadow-nav);border:1px solid var(--light-gray)}.image-item-content .image-item-show span{width:20px;height:20px;padding:4px;position:absolute;top:-10px;right:-10px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--blue-50);border:1px solid var(--Blue-Blue-200)}.image-item-content .image-item-show span:hover{cursor:pointer;background:var(--text-primary-blue)}.image-item-content .image-item-show span:hover svg path{fill:var(--white-color)}.save-response-toggle{display:flex;flex-direction:column;gap:16px;margin-top:32px}.save-response-toggle .item-toggle{display:flex;align-items:center;gap:8px}.choices-form-item{border-radius:10px;padding:0 8px 8px;margin-top:10px;display:flex;align-items:flex-end;gap:16px}.choices-form-item button{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center}.choices-form-item button:hover{cursor:pointer;background:var(--text-primary-blue)}.choices-form-item button:hover svg path{fill:var(--white-color)}.choices-form-item label input{background:#fff;padding:0 8px;border-radius:6px}.react-flow__node.selectable:has(.active-menu,.menu-flow-node){z-index:9!important}.jump-to-node strong:hover{cursor:pointer;color:var(--text-primary-blue-hover)}.node-custom.STANDBY .box-select-type h3{color:var(--nav-gray)}.box-select-type>svg path{fill:var(--nav-gray)}.templates-box{display:flex;gap:32px;width:100%;flex-wrap:wrap;padding:5px 15px;overflow:auto;height:calc(100vh - 150px)}.card-templates-item{width:320px;height:420px;background:var(--white-color);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;box-shadow:var(--shadow-nav);border:1px solid var(--light-gray);transition:all .15s}.card-templates-item:hover{transform:translateY(-5px)}.card-templates-item figure{width:100%;height:200px;background:var(--light-gray)}.top-content-title.workflow-title figure:hover{cursor:pointer}.top-content-title.workflow-title figure:hover svg path{fill:var(--text-primary-blue)}.card-templates-item button{margin:auto auto 0}.top-content-title.workflow-title hgroup{display:flex;align-items:center;gap:8px}.top-content-title.workflow-title figure{display:flex;align-items:center;justify-content:center;margin-top:5px}.workflow-title figure svg{transform:rotate(90deg)}.top-content-title.workflow-title h4{display:flex;gap:16px;align-items:center}.top-content-title.workflow-title h4 span{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:60%}.top-content-title.workflow-title h4 figure.edit-workflow-icon{opacity:0;border-radius:4px;border:1px solid var(--light-gray)}.top-content-title.workflow-title h4 figure.edit-workflow-icon svg{transform:none}.top-content-title.workflow-title h4 figure.edit-workflow-icon svg path{fill:var(--text-body)}.top-content-title.workflow-title h4:hover{cursor:pointer}.top-content-title.workflow-title h4:hover figure{opacity:1}.hidden-form{position:absolute;top:50%;left:-18px;padding:10px 6px;border:1px solid var(--light-gray);border-radius:4px;background:var(--white-color);transform:translateY(-50%);opacity:0;transition:all .15s;display:flex;align-items:center}.hidden-form svg{transform:rotate(270deg)}.right-nav-form:hover .hidden-form{opacity:1}.hidden-form:hover{cursor:pointer;background:var(--text-primary-blue)}.hidden-form svg path{fill:var(--nav-gray)}.hidden-form:hover svg path{fill:var(--white-color)}.box-create-answer.box-popup-create-workflow{padding:30px;border:none}.box-popup-create-workflow h2{font-size:20px;font-weight:600;line-height:32px}.assignment-logic label{display:flex;align-items:center;gap:8px;width:100%;margin:8px 0}.assignment-logic label input{width:max-content;height:max-content}.assignment-logic figure{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.assignment-logic label:hover{cursor:pointer}.users-fewer-input.disable input{pointer-events:none;opacity:.5}.wait-input-form label{width:100%;display:block}.wait-input-form .input-team-name{margin-bottom:0}.status-workflow-trigger{display:flex;align-items:center;gap:4px}.status-workflow-trigger figure{min-width:16px;min-height:16px;height:16px;width:16px;display:flex;align-items:center;justify-content:center}.update-contact-tag-box .bar,.update-contact-tag-box>div:first-child{display:none}.update-contact-tag-box .select-type-fields p{font-weight:600}.box-show-tag-selected .title-tag-selected{display:flex;width:100%;justify-content:space-between;position:relative}.box-show-tag-selected figure{width:16px;height:16px}.box-show-tag-selected button{padding:4px;border-radius:4px;border:1px solid var(--Blue-Blue-200);background:var(--white-color)}.box-show-tag-selected button:hover{background:var(--text-primary-blue)}.box-show-tag-selected button:hover svg path{fill:var(--white-color)}.choice-tag-select{position:absolute;top:calc(100% + 5px);left:0;border:1px solid var(--light-gray);box-shadow:var(--shadow-nav);padding:10px;border-radius:0 0 10px 10px;background:var(--white-color)}.choice-tag-select,.choice-tag-selected{width:100%;height:auto;overflow:auto;display:flex;gap:4px;flex-wrap:wrap}.choice-tag-selected{padding:10px 0 0;font-size:12px}.choice-tag-select li,.choice-tag-selected li{background:var(--Blue-Blue-200);width:max-content;border-radius:5px;padding:2px 8px;border:1px solid var(--white-color);display:flex;align-items:center;gap:8px;line-height:1.5}.choice-tag-select li:hover,.choice-tag-selected li:hover{border:1px solid var(--text-primary-blue);cursor:pointer}label .choice-tag-select li span{color:var(--text-body)}.choice-tag-selected figure{min-width:10px;min-height:10px;width:10px;height:10px;align-items:center;justify-content:center}.choice-tag-selected figure svg{width:100%;height:100%}.select-operator-within label{padding:6px 8px;border-radius:4px;background:var(--white-color);border:1px solid var(--light-border)}.select-operator-within label span{color:var(--text-body)}.select-operator-within label:hover{background:var(--blue-50)}.time-from-to-edit-box{display:flex;gap:16px;align-items:center;flex-grow:1}.time-from-to-edit-box label{width:50%}.time-from-to-edit-box.DISABLE{pointer-events:none}.item-time-business>label{width:max-content}.item-time-business>label input:hover,.item-time-business>label strong:hover,.item-time-business>label:hover{cursor:pointer;color:var(--text-primary-blue)}.select-date-all{display:flex;align-items:center;gap:8px}.select-date-all.active{opacity:0;pointer-events:none}.select-date-all:hover input,.select-date-all:hover span{cursor:pointer;color:var(--text-primary-blue)}.select-date-all span{margin-top:2px}.branch-item figure:hover svg path{fill:var(--text-primary-blue)}.branch-item figure svg path{fill:var(--text-gray)}.branch-item .header-bar label{width:auto;flex-grow:1}.branch-item .header-bar label input{font-weight:400;padding-left:4px;color:var(--nav-gray)}.condition-item{margin:0 0 16px}.btn-delete-condition{width:16px;cursor:pointer;margin-left:auto;display:flex;align-items:center;justify-content:center;background:var(--white-color);font-size:12px;color:var(--text-body);border:1px solid var(--light-border);border-radius:6px;height:max-content;padding:0 4px;min-width:42px}.btn-delete-condition strong{color:var(--nav-gray)}.condition-item strong{color:var(--text-body)}.choices-selected-contact-field{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:4px;z-index:9;position:relative;width:max-content;max-width:90%}.choices-selected-contact-field span{background:var(--Blue-Blue-200);border-radius:8px;padding:2px 8px;color:var(--text-body)!important;font-size:12px;cursor:pointer;display:flex;gap:8px;align-items:center;z-index:9}.choices-selected-contact-field.channels-selected-choices span{background:var(--blue-50);display:flex;align-items:center;gap:8px}.choices-selected-contact-field span figure:hover svg path{fill:var(--text-primary-blue-hover)}.branch-item .box-set-calendar{width:100%;z-index:99}.box-formTypes-shortcut .box-set-calendar.upper,.box-formTypes-shortcut .custom-time-picker-choice.upper,.box-formTypes-shortcut .phone-number-box.upper .country-list,.branch-item .box-set-calendar.upper,.branch-item .custom-time-picker-choice.upper,.branch-item .phone-number-box.upper .country-list{top:auto;bottom:100%}.btn-text-primary.btn-chat-shortcut{color:var(--text-primary-blue)}.formTypes-shortcut .box-set-calendar{z-index:99}.formTypes-shortcut .phone-number-box label{color:var(--text-body)}.box-formTypes-shortcut .box-set-calendar{left:auto;right:0}.box-create-answer.box-formTypes-shortcut{height:60vh;min-width:600px;padding-bottom:80px}.title-time-select{display:flex;align-items:center;justify-content:space-between;width:100%}label .title-time-select span{color:var(--text-gray)}label .title-time-select span:hover{color:var(--text-primary-blue);cursor:pointer}.checkbox-short-value{display:flex;align-items:center;gap:8px;cursor:pointer;width:max-content}.checkbox-short-value input{width:max-content}.box-condition-item .mentions__suggestions{bottom:auto;top:100%;width:100%;z-index:99!important}.box-condition-item .mentions__suggestions ul{max-height:200px;width:100%;overflow:auto;z-index:99}.url-copy-form .url-copy{display:flex;gap:8px;align-items:center;cursor:pointer;width:max-content}.url-copy figure svg path{fill:var(--text-gray)}.url-copy:hover span{color:var(--text-primary-blue)}.url-copy:hover figure svg path{fill:var(--text-primary-blue)}.setting-workflow-icon{width:35px;height:35px;position:relative;cursor:pointer;padding:4px;border:1px solid var(--light-gray);border-radius:6px}.setting-workflow-icon svg{width:100%;height:100%}.setting-workflow-icon svg path{fill:var(--text-gray)}.setting-workflow-icon:hover svg path{fill:var(--text-primary-blue)}.setting-workflow-icon:hover{background:var(--blue-50);border:1px solid var(--text-primary-blue)}.checkbox-setting-workflow{display:flex;flex-direction:column;gap:4px}.checkbox-setting-workflow label{display:flex;align-items:center;gap:8px;cursor:pointer;width:max-content}.checkbox-setting-workflow input{width:max-content}.url-webhook-copy{margin:4px 0 0}.url-webhook-copy,.url-webhook-copy label{display:flex;gap:8px;align-items:center;width:100%}.url-webhook-copy label{padding:2px 8px;border-radius:8px;border:1px solid var(--light-border);justify-content:space-between}.url-webhook-copy label:hover{cursor:pointer;color:var(--text-primary-blue);border:1px solid var(--Blue-Blue-200)}.url-webhook-copy label span{max-width:calc(100% - 40px)}.url-webhook-copy label figure svg path{fill:var(--text-gray)}.url-webhook-copy label:hover span{color:var(--text-primary-blue)}.url-webhook-copy label:hover figure svg path{fill:var(--text-primary-blue)}.regenerate-url{width:24px;height:24px}.regenerate-url svg{width:100%;height:100%}.regenerate-url:hover{cursor:pointer}.regenerate-url:hover svg path{fill:var(--text-primary-blue)}.whitelist-input{display:flex;align-items:center;gap:16px}.whitelist-input figure:hover{cursor:pointer}.whitelist-input figure:hover svg path{fill:var(--text-primary-blue)}.box-condition-item .mentions__control textarea{position:relative!important;height:24px}.box-condition-item .mentions__control textarea::placeholder{color:#dadada}.nick-name-user .icon-edit-nickname{opacity:0;pointer-events:none;transition:all .15s}.nick-name-user:hover{cursor:pointer}.nick-name-user:hover .icon-edit-nickname{opacity:1;pointer-events:all}.menu-workflow-list{position:absolute;top:100%;right:calc(100% + 10px);background:var(--white-color);border-radius:5px;box-shadow:var(--shadow-nav);z-index:99;transform:translateY(-50%);width:125px;opacity:0;pointer-events:none;transition:all .15s;border:1px solid var(--light-gray)}.menu-workflow-list.active{opacity:1;pointer-events:all}.menu-workflow-list li{padding:8px 16px;text-align:left;background:var(--white-color);color:var(--text-body)}.menu-workflow-list li:hover{cursor:pointer;background:var(--blue-50)}.three-dots.active .dot-menu-drop span{background:var(--text-primary-blue)}.three-dots.active .dot-menu-drop{border:1px solid var(--Blue-Blue-200);background:var(--blue-50)}.btn-delete-condition:hover{color:var(--text-primary-blue);border:1px solid var(--light-blue)}.item-type-fields.tag-choice span{padding:4px 10px;border-radius:4px;color:var(--text-body)}.item-type-fields.channels-choices{display:flex;align-items:center;gap:8px}.image-item-content label.add-image-item-button svg path{fill:var(--nav-gray)}.image-item-content label.add-image-item-button span{color:var(--nav-gray);padding:8px 16px}.image-item-content label.add-image-item-button span svg{width:22px;height:auto}.advanced-settings-toggle{display:flex;align-items:center;gap:8px;margin-top:4px;justify-content:space-between}.timeout-form-input label{flex-grow:1;width:calc(50% - 8px)}.timeout-form-input label:first-child div:first-child{padding:1px 0}.open-trigger.active .shortcut-form-title svg path:first-child,.open-trigger:hover .shortcut-form-title svg path:first-child{fill:var(--text-primary-blue)}.trigger-disable{opacity:.5}.right-nav-form label span.text-red-500{color:rgb(239 68 68/var(--tw-text-opacity))}.select-operator-within label.active-label-radio{border:1px solid var(--Blue-Blue-200);background:var(--blue-50)}.condition-form-input .mentions__control,.condition-form-input label div:first-child{padding:0!important}.attribute-months-list{border:1px solid var(--light-border);background:var(--white-color);border-radius:6px;box-shadow:var(--shadow-nav);max-height:200px;overflow:auto;position:absolute;z-index:999;top:100%;left:0;width:100%}.attribute-months-list li{padding:8px 16px;background:var(--white-color);color:var(--text-body);cursor:pointer}.attribute-months-list li:hover{background:var(--blue-50)}.condition-form-input .box-set-calendar .react-calendar__navigation__next2-button,.condition-form-input .box-set-calendar .react-calendar__navigation__prev2-button{display:block}.calendar-show .react-calendar__tile--now,.calendar-show .react-calendar__tile--now:enabled:focus,.calendar-show .react-calendar__tile--now:enabled:hover{background:var(--text-primary-blue);color:var(--white-color)}.body-http-request .mentions__suggestions{right:inherit!important}.json-path-markdown label div:first-child{padding:.375rem 0}.markdown-input figure svg path{fill:var(--text-body)}.textarea-input::-webkit-input-placeholder{color:#d7d7d7}.textarea-input:-moz-placeholder,.textarea-input::-moz-placeholder{color:#d7d7d7}.textarea-input:-ms-input-placeholder{color:#d7d7d7}.textarea-input.with-border{border:1px solid var(--light-border);padding:6px;border-radius:6px}.connect-from-another-workflow{display:block;position:absolute;top:10px;right:calc(100% + 15px);background:#fff;width:250px;max-height:250px;height:auto;box-shadow:var(--shadow-nav);border-radius:10px;padding:10px 15px;z-index:9}.connect-from-another-workflow figcaption{display:flex;align-items:center;gap:8px}.list-workflow-connect li,.that-point-workflow ul li{display:flex;align-items:center;gap:8px;margin:8px 0}.list-workflow-connect li figure,.that-point-workflow ul li figure{width:16px;height:16px;min-width:16px;min-height:16px;border-radius:50%}.list-workflow-connect li figure.PUBLISH,.that-point-workflow ul li figure.PUBLISH{background:var(--online-color)}.list-workflow-connect li figure.PAUSED,.that-point-workflow ul li figure.PAUSED{background:var(--busy-color)}.list-workflow-connect li figure.DRAFT,.that-point-workflow ul li figure.DRAFT{background:var(--offline-color)}.title-connect-from-another-workflow:hover figure:nth-child(2) svg path{fill:var(--text-primary-blue)}.title-connect-from-another-workflow.active figure:nth-child(2) svg{transform:rotate(180deg)}.title-connect-from-another-workflow:hover strong{color:var(--text-primary-blue)}.that-point-workflow-box{position:absolute;top:0;left:calc(100% + 10px);z-index:99}.that-point-workflow-box figure{width:30px;height:30px;min-width:30px;min-height:30px;box-shadow:var(--shadow-nav);display:flex;align-items:center;justify-content:center;background:var(--primary-blue);border-radius:10px;padding:6px}.that-point-workflow{position:relative}.that-point-workflow .list-that-point-workflow{position:absolute;left:100%;padding:4px 10px;top:0;width:220px;pointer-events:none;opacity:0;transition:all .2s}.that-point-workflow ul{padding:2px 10px;background:var(--white-color);border-radius:10px;box-shadow:var(--shadow-nav)}.that-point-workflow:hover .list-that-point-workflow{pointer-events:auto;opacity:1}.react-flow__node.selectable:has(.that-point-workflow-box):hover{z-index:99999999!important}.section-contact-page .workflow-table-list td:first-child,.section-contact-page .workflow-table-list th:first-child{border:none}.dynamic-attributes>*{margin:3px 0}.height-1-row{min-height:40px}.height-1h-row{min-height:60px}.height-2-row{min-height:80px}.root-child-disabled>*,.root-disabled{opacity:.8!important;cursor:default!important;pointer-events:none!important}.root-disabled .arrow-type-field{display:none}.modal-component{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--white-color);padding:30px;border-radius:15px;box-shadow:0 2px 4px 0 #4146611a;width:600px;z-index:99999;height:auto;max-height:80vh;overflow:auto}.modal-header{width:100%;font-size:var(--font-h4);font-weight:600}.modal-footer{display:flex;justify-content:center;gap:20px}.overlay-bg{width:100%;height:100vh;position:absolute;top:0;left:0;z-index:999}.overlay-bg.active{z-index:99999}.overlay-bg.tag-delete-popup-overlay{z-index:999999}.bg-custom-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--white-color);border-radius:15px;box-shadow:0 2px 4px 0 #4146611a;width:600px;z-index:99999;max-height:80vh;min-height:300px;overflow:auto}.custom-modal-overlay{width:100%;height:100%;position:fixed;background:#000;display:block;top:0;left:0;z-index:9999;opacity:.4}.custom-modal-title{width:100%;position:sticky;top:0;background:var(--white-color);z-index:100;padding:30px}.custom-modal-title h4{font-size:var(--font-h4);font-weight:600}.custom-modal-body{flex:1 1 auto;overflow-y:auto;padding:30px}.custom-modal-footer{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;position:sticky;bottom:0;background:var(--white-color);padding:30px;z-index:100}.admin-list-table .tr-hover td:first-child:before{left:0;border-radius:3px 0 0 3px}.admin-list-table .tr-hover td:first-child:before,.admin-list-table .tr-hover td:last-child:after{content:"";width:4px;height:100%;position:absolute;top:0;background:var(--text-primary-blue);opacity:0;z-index:10}.admin-list-table .tr-hover td:last-child:after{right:0;border-radius:0 3px 3px 0}.admin-list-table .tr-hover.active td,.admin-list-table .tr-hover:hover td{background:var(--blue-50)}.admin-list-table .tr-hover.active td:after,.admin-list-table .tr-hover.active td:before,.admin-list-table .tr-hover:hover td:after,.admin-list-table .tr-hover:hover td:before{opacity:1}.edit-by.user-name-profile{-webkit-line-clamp:2!important}.history-edit-leave.btn-primary{display:flex}.holiday-list li span:first-child:before{content:"";width:8px;height:8px;position:absolute;top:50%;transform:translateY(-50%);left:0;background:var(--text-primary-blue);border-radius:50%;z-index:1}#myChart{height:300px!important}.react-calendar__tile--hasActive{background:var(--text-primary-blue)!important;color:var(--white-color)}.hover\:border-\[var\(--Blue-Blue-200\)\]:hover{border-color:var(--Blue-Blue-200)}.hover\:bg-\[var\(--blue-50\)\]:hover{background-color:var(--blue-50)}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:text-\[var\(--text-primary-blue\)\]:hover{color:var(--text-primary-blue)}.hover\:text-\[var\(--text-primary-blue-hover\)\]:hover{color:var(--text-primary-blue-hover)}.group:hover .group-hover\:pointer-events-auto{pointer-events:auto}.group:hover .group-hover\:opacity-100{opacity:1}