@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);@import url(https://cdn.syncfusion.com/ej2/material.css);body{box-sizing:border-box;font-family:Roboto,sans-serif;padding:0}body::-webkit-scrollbar{display:none}
/*
! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,: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-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:#3b82f680;--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: }::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-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:#3b82f680;--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: }.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.right-0{right:0}.right-5{right:1.25rem}.top-16{top:4rem}.-top-1{top:-.25rem}.right-1{right:.25rem}.right-2{right:.5rem}.top-2{top:.5rem}.z-\[1000000\]{z-index:1000000}.float-right{float:right}.m-20{margin:5rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mb-3{margin-bottom:.75rem}.mt-5{margin-top:1.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mt-10{margin-top:2.5rem}.ml-4{margin-left:1rem}.ml-2{margin-left:.5rem}.mt-6{margin-top:1.5rem}.ml-1{margin-left:.25rem}.mt-24{margin-top:6rem}.mb-4{margin-bottom:1rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-8{margin-top:2rem}.mr-2{margin-right:.5rem}.mb-8{margin-bottom:2rem}.mr-8{margin-right:2rem}.mr-6{margin-right:1.5rem}.mr-3{margin-right:.75rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-screen{height:100vh}.h-80{height:80px}.h-10{height:2.5rem}.h-2{height:.5rem}.h-24{height:6rem}.h-20{height:5rem}.h-3{height:.75rem}.h-\[60px\]{height:60px}.h-8{height:2rem}.h-\[30px\]{height:30px}.h-44{height:11rem}.h-\[52px\]{height:52px}.h-\[36px\]{height:36px}.h-\[38px\]{height:38px}.h-\[43px\]{height:43px}.h-\[18px\]{height:18px}.h-full{height:100%}.h-\[20px\]{height:20px}.h-\[80px\]{height:80px}.h-\[122px\]{height:122px}.h-\[200px\]{height:200px}.w-full{width:100%}.w-24{width:6rem}.w-96{width:24rem}.w-10{width:2.5rem}.w-2{width:.5rem}.w-\[236px\]{width:236px}.w-screen{width:100vw}.w-400{width:400px}.w-3{width:.75rem}.w-8{width:2rem}.w-\[280px\]{width:280px}.w-\[120px\]{width:120px}.w-\[80\%\]{width:80%}.w-28{width:7rem}.w-40{width:10rem}.w-72{width:18rem}.w-\[94\%\]{width:94%}.w-\[20\%\]{width:20%}.w-\[350px\]{width:350px}.w-\[12\%\]{width:12%}.w-\[528px\]{width:528px}.w-\[439px\]{width:439px}.w-\[18px\]{width:18px}.w-\[20px\]{width:20px}.w-\[70px\]{width:70px}.w-\[800px\]{width:800px}.w-\[450px\]{width:450px}.w-\[426px\]{width:426px}.w-\[100\%\]{width:100%}.w-\[95\%\]{width:95%}.w-\[90\%\]{width:90%}.w-\[60\%\]{width:60%}.w-\[180px\]{width:180px}.w-\[500px\]{width:500px}.w-\[160px\]{width:160px}.w-\[18\%\]{width:18%}.w-\[510px\]{width:510px}.w-\[400px\]{width:400px}.w-\[140px\]{width:140px}.shrink{flex-shrink:1}.grow{flex-grow:1}.basis-0{flex-basis:0px}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.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}.gap-5{gap:1.25rem}.gap-4{gap:1rem}.gap-3{gap:.75rem}.gap-2{gap:.5rem}.gap-20{gap:5rem}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-6{gap:1.5rem}.gap-\[377px\]{gap:377px}.gap-\[5px\]{gap:5px}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.rounded-lg{border-radius:.5rem}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-md{border-radius:.375rem}.border,.border-1{border-width:1px}.border-b-1{border-bottom-width:1px}.border-r-0{border-right-width:0}.border-r-1{border-right-width:1px}.border-l-4{border-left-width:4px}.border-t-1{border-top-width:1px}.border-color{border-color:#0000001a}.border-\[\#0071E3\]{--tw-border-opacity:1;border-color:rgb(0 113 227/var(--tw-border-opacity))}.bg-half-transparent{background-color:#00000080}.bg-\[\#fff\],.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity))}.bg-orange-400{--tw-bg-opacity:1;background-color:rgb(251 146 60/var(--tw-bg-opacity))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity))}.bg-violet-800{--tw-bg-opacity:1;background-color:rgb(91 33 182/var(--tw-bg-opacity))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity))}.bg-\[\#e5f2ff\]{--tw-bg-opacity:1;background-color:rgb(229 242 255/var(--tw-bg-opacity))}.bg-\[\#0071e3\]{--tw-bg-opacity:1;background-color:rgb(0 113 227/var(--tw-bg-opacity))}.bg-\[\#66b2ff\]{--tw-bg-opacity:1;background-color:rgb(102 178 255/var(--tw-bg-opacity))}.bg-\[\#FDF7E7\]{--tw-bg-opacity:1;background-color:rgb(253 247 231/var(--tw-bg-opacity))}.bg-hero-pattern{background-image:url(https://i.ibb.co/MkvLDfb/Rectangle-4389.png)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.p-3{padding:.75rem}.p-8{padding:2rem}.p-4{padding:1rem}.p-2{padding:.5rem}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-1\.5{padding:.375rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-0{padding-bottom:0;padding-top:0}.px-3{padding-left:.75rem;padding-right:.75rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.pl-4{padding-left:1rem}.pt-3{padding-top:.75rem}.pb-2\.5{padding-bottom:.625rem}.pb-2{padding-bottom:.5rem}.pb-10{padding-bottom:2.5rem}.pb-6{padding-bottom:1.5rem}.pt-9{padding-top:2.25rem}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-14{font-size:14px}.text-\[20px\]{font-size:20px}.font-semibold{font-weight:600}.font-extrabold{font-weight:800}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-8{line-height:2rem}.leading-7{line-height:1.75rem}.tracking-tight{letter-spacing:-.025em}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-\[\#0071E3\]{--tw-text-opacity:1;color:rgb(0 113 227/var(--tw-text-opacity))}.text-\[\#666\]{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.opacity-0{opacity:0}.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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-light-gray:hover{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.hover\:drop-shadow-xl:hover{--tw-drop-shadow:drop-shadow(0 20px 13px #00000008) drop-shadow(0 8px 5px #00000014);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)}.dark .dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark .dark\:bg-\[\#484B52\]{--tw-bg-opacity:1;background-color:rgb(72 75 82/var(--tw-bg-opacity))}.dark .dark\:bg-\[\#42464D\]{--tw-bg-opacity:1;background-color:rgb(66 70 77/var(--tw-bg-opacity))}.dark .dark\:bg-secondary-dark-bg{--tw-bg-opacity:1;background-color:rgb(51 55 62/var(--tw-bg-opacity))}.dark .dark\:text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.dark .dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.dark .dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .dark\:hover\:bg-\[\#42464D\]:hover{--tw-bg-opacity:1;background-color:rgb(66 70 77/var(--tw-bg-opacity))}.dark .dark\:hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}@media (min-width:768px){.md\:right-52{right:13rem}.md\:right-40{right:10rem}.md\:m-10{margin:2.5rem}.md\:ml-3{margin-left:.75rem}.md\:hidden{display:none}.md\:w-400{width:400px}.md\:w-56{width:14rem}.md\:w-780{width:780px}.md\:w-760{width:760px}.md\:w-full{width:100%}.md\:w-96{width:24rem}.md\:overflow-hidden{overflow:hidden}.md\:p-10{padding:2.5rem}.md\:hover\:overflow-auto:hover{overflow:auto}}@media (min-width:1024px){.lg\:w-80{width:20rem}.lg\:flex-nowrap{flex-wrap:nowrap}}.sidebar{box-shadow:0 7px 30px 0 #717a831c}.nav-item,.navbar{z-index:10000}@media screen and (max-width:800px){.sidebar{z-index:10000000}}.e-dlg-center-center,.e-quick-popup-wrapper.e-device{z-index:1000000!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:#d8d8d8;border-radius:40px}::-webkit-scrollbar-track{background-color:initial}#preview{background:#0000 url(https://ej2.syncfusion.com/react/demos/src/color-picker/images/pen.png) no-repeat;background-color:green;display:inline-block;height:80px;margin:10px 0;max-width:600px;min-width:300px}.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left),.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left),.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left),.e-input-group.e-control-wrapper:not(.e-float-icon-left),.e-input-group.e-error:not(.e-float-icon-left),.e-input-group.e-success:not(.e-float-icon-left),.e-input-group.e-warning:not(.e-float-icon-left),.e-input-group:not(.e-float-icon-left){border:none}.navbar-top{background-color:#fff;display:flex;justify-content:space-between;position:relative}.profile{z-index:1000}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search{background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;color:#898989;font-size:14px;font-style:normal;font-weight:400;height:36px;line-height:20px;padding-left:34px;width:280px}.search:focus{outline:none}.search-container{position:relative}.search-icon{left:12px;position:absolute;top:10px}.search-container input::placeholder{color:#898989;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.search-container input:focus::placeholder{padding-left:0}.employees-container{flex-direction:column}.btn-create,.employees-container{align-items:center;display:flex;justify-content:center}.btn-create{background-color:#e5f2ff;border:1px solid #0071e3;border-radius:8px;height:36px;padding:8px 16px;width:170}.feature-group{align-items:center;display:flex;height:60px;justify-content:space-between;left:17.5%;margin:30px 0;position:fixed;top:390px;width:80%;z-index:100}.table{width:94.1176%}.employee-static-active{color:#0071e3;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.search-select{background:#fff;position:fixed}.search-group-employees{height:auto;position:relative}.form-control{background-color:#fff}.employee-group-search{display:flex;flex-direction:column;position:relative}.dropdown{cursor:pointer;position:absolute;right:10px;top:8px;width:20px}.each-group,.each-group-select{cursor:pointer;padding:8px 12px}.each-group-select{background-color:#e5f2ff}.each-group:hover{background-color:#f2f2f2}.static__fixed_header{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.static__fixed_header th{align-items:center;display:flex;height:50px}.static__fixed_header tbody{color:#333;display:flex;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;line-height:20px;overflow:auto;width:100%}.static__fixed_header tbody tr,.static__fixed_header thead tr{border-bottom:1px solid #f2f2f2;cursor:pointer;display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.static__fixed_header tbody tr:hover{background-color:#f2f2f2}.static__fixed_header thead{background:#fff;color:#000}.static__fixed_header td,.static__fixed_header th{padding:5px;text-align:left;width:20%}.static__fixed_header th:first-child{padding-left:11px}.employees__fixed_header{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.employees__fixed_header th{align-items:center;display:flex;height:50px}.employees__fixed_header tbody{color:#333;display:flex;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;height:330px;line-height:20px;overflow:auto;width:100%}.employees__fixed_header tbody tr{cursor:pointer}.employees__fixed_header tbody tr,.employees__fixed_header thead tr{align-items:center;border-bottom:1px solid #f2f2f2;display:flex;flex-direction:row;justify-content:space-around;width:100%}.employees__fixed_header tbody tr:hover{background-color:#f2f2f2}.employees__fixed_header thead{background:#fff;color:#000}.employees__fixed_header td,.employees__fixed_header th{align-items:center;display:flex;padding:10px 5px 10px 12px;text-align:left}.employees__fixed_header td:first-child,.employees__fixed_header th:first-child{padding-left:12px;width:15%}.employees__fixed_header td:nth-child(2),.employees__fixed_header th:nth-child(2){width:30%}.employees__fixed_header td:nth-child(3),.employees__fixed_header th:nth-child(3){width:40%}.employees__fixed_header td:nth-child(4),.employees__fixed_header td:nth-child(5),.employees__fixed_header td:nth-child(6),.employees__fixed_header td:nth-child(7),.employees__fixed_header td:nth-child(8),.employees__fixed_header th:nth-child(4),.employees__fixed_header th:nth-child(5),.employees__fixed_header th:nth-child(6),.employees__fixed_header th:nth-child(7),.employees__fixed_header th:nth-child(8){width:15%}.listBranch{background-color:#fff;border:1px solid #ccc;box-shadow:0 3px 8px #0000003d;display:flex;flex-direction:column;height:600px;overflow:scroll;padding:10px;position:absolute;right:32px;top:50px;width:220px;z-index:100000}.listBranch-none{display:none}.each-branch{color:#898989;font-size:14px;font-style:normal;font-weight:500;line-height:20px;padding:5px 10px;text-align:start}.each-branch-selected,.each-branch:hover{background-color:#e5f2ff;color:#0071e3}.each-branch-selected{font-size:14px;font-style:normal;font-weight:500;line-height:20px;padding:5px 10px;text-align:start}.group-sort{cursor:pointer;gap:12px}.group-sort,.switch-on{align-items:center;display:flex}.switch-on{background:#0071e3;background:var(--secondary-500,#0071e3);border-radius:24px;gap:4px;height:20px;justify-content:flex-end;padding:4px;position:relative;width:36px}.switch-on-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%)}.switch-off{align-items:center;background:#b3b3b3;background:var(--neutral-300,#b3b3b3);border-radius:24px;display:flex;gap:4px;height:20px;padding:4px;position:relative;width:36px}.switch-off-btn{left:4px;position:absolute;top:50%;transform:translateY(-50%)}.modal-content{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;height:820px;justify-content:space-between;padding:24px;width:558px}.eye-pass{height:20px;position:absolute;right:12px;top:45%;width:20px}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid #0000;box-sizing:initial;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.loader div{animation:shift 3.1s linear infinite;animation-fill-mode:both;background:#2196f3;border-radius:100%;content:" ";height:5px;position:absolute;width:5px}.loader div:first-of-type{animation-delay:-.3s}.loader div:nth-of-type(2){animation-delay:-.6}.loader div:nth-of-type(3){animation-delay:-.9s}.loader div:nth-of-type(4){animation-delay:-1.2s}.loader div:nth-of-type(5){animation-delay:-1.5s}.loader div:nth-of-type(6){animation-delay:-1.8s}.loader div:nth-of-type(7){animation-delay:-2.1s}.loader div:nth-of-type(8){animation-delay:-2.4s}.loader div:nth-of-type(9){animation-delay:-2.7s}@keyframes shift{0%{background-color:blue;opacity:1;transform:rotate(0deg) translateX(10px) rotate(0deg)}50%{background-color:#fff;opacity:1;transform:rotate(180deg) translateX(10px) rotate(-180deg)}to{background-color:blue;opacity:1;transform:rotate(1turn) translateX(10px) rotate(-1turn)}}.pie__violet-200{background-color:#e2ccff;height:200px;left:0;top:0;width:200px;z-index:100}.pie__purple-400,.pie__violet-200{border-radius:50%;position:absolute}.pie__purple-400{background-color:#c599ff;height:180.17px;left:9.92px;top:9.92px;width:180.17px;z-index:200}.pie__violet-800{background-color:#f1e5ff;border:20px solid #a866ff;border-radius:50%;height:162.81px;left:19.01px;position:absolute;top:19.01px;width:162.81px;z-index:300}#circle-pie-score{fill:none;stroke:#5800cc;stroke-width:20;stroke-dasharray:448.65;stroke-dashoffset:448.65;stroke-linecap:round;animation:fillAnimation 1s linear forwards}.pie{height:200px;position:relative;width:200px}.pie__Secondary-100{background-color:#cce5ff;border-radius:50%;height:200px;left:0;position:absolute;top:0;width:200px;z-index:100}.pie__Secondary-200{background-color:#9cf;border-radius:50%;height:180.17px;left:9.92px;position:absolute;top:9.92px;width:180.17px;z-index:200}.pie__Secondary-300{background-color:#e5f2ff;border:20px solid #66b2ff;border-radius:50%;height:162.81px;left:19.01px;position:absolute;top:19.01px;width:162.81px;z-index:300}#circle-pie-time{fill:none;stroke:#0071e3;stroke-width:20;stroke-dasharray:448.65;stroke-dashoffset:448.65;stroke-linecap:round;animation:fillAnimationTime 1s linear forwards}#svg-pie{height:162.81px;left:19.01px;position:absolute;top:19.01px;transform:rotate(-90deg);width:162.81px;z-index:300}.statics-page{display:flex}.text-option{text-align:center}#rows-per-page,.text-option{color:#898989;font-size:14px;font-style:normal;font-weight:500;line-height:20px}#rows-per-page{background-color:#fff;height:30px}.pie-chart-group{background-color:#fff;border-radius:12px;box-sizing:border-box;flex-direction:column;height:371px;justify-content:center;padding:0 20px}.pie-chart-group,.static__feature-group{align-items:center;display:flex;margin-bottom:12px;width:94%;z-index:100}.static__feature-group{height:36px;justify-content:space-between}.box{background-color:#f2f2f2;height:420px;left:236px;position:fixed;top:60px;width:calc(100% - 236px);z-index:100}.export-excel:hover{background-color:"#E5F2FF";color:"#0071E3"}.Mui-selected{background-color:blue}.static__tabs{align-items:center;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;display:flex;height:36px;justify-content:space-between;padding:2px 4px;width:292px}.static__tab{background:#fff}.static__tab,.static__tab-selected{align-items:center;border-radius:6px;display:flex;justify-content:center;padding:4px 12px;width:140px}.static__tab-selected{background:#e5f2ff}.static-tab-text{color:#898989;font-weight:500}.static-tab-text,.static-tab-text-selected{font-size:14px;font-style:normal;line-height:20px}.static-tab-text-selected{color:#0071e3;font-weight:700}.static__export-text{color:#fff;font-size:12px;font-style:normal;font-weight:500;line-height:20px}.static__container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:24px}.noKPI{color:#000;font-size:32px;font-style:normal;font-weight:500;line-height:40px}.userDetail-container{align-items:center;display:flex;flex-direction:column;min-height:calc(100vh - 60px)}.body-info-user{background-color:#fff;border-radius:12px;display:flex;flex-direction:column;height:330px;justify-content:space-between;margin-top:24px;padding:20px;width:96%}.login-history{margin-bottom:24px}.userdetail__fixed_header{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.userdetail__fixed_header th{align-items:center;display:flex;height:50px}.userdetail__fixed_header tbody{color:#333;display:flex;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;line-height:20px;overflow:auto;width:100%}.userdetail__fixed_header tbody tr,.userdetail__fixed_header thead tr{border-bottom:1px solid #f2f2f2;display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.userdetail__fixed_header thead{background:#fff;color:#000}.userdetail__fixed_header td,.userdetail__fixed_header th{padding:5px;text-align:left;width:20%}.userdetail__fixed_header th:first-child{padding-left:11px}.modal-content-update{background-color:#fff;border-radius:12px;box-shadow:0 0 10px #0000004d;height:700px;justify-content:space-between;padding:24px;width:558px}.group-container,.modal-content-update{align-items:center;display:flex;flex-direction:column}.group-container{justify-content:center}.group__export-create{align-items:center;display:flex;justify-content:space-between;width:370px}.group__fixed_header{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:94%}.group__fixed_header th{align-items:center;display:flex;height:50px}.group__fixed_header tbody{color:#333;display:flex;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;height:330px;line-height:20px;overflow:auto;width:100%}.group__fixed_header tbody tr,.group__fixed_header thead tr{border-bottom:1px solid #f2f2f2;cursor:pointer;display:flex;flex-direction:row;justify-content:space-around;width:100%}.group__fixed_header tbody tr:hover{background-color:#f2f2f2}.group__fixed_header thead{background:#fff;color:#000}.group__fixed_header td,.group__fixed_header th{align-items:center;display:flex;padding:10px 5px 10px 12px;text-align:left}.group__fixed_header td:first-child,.group__fixed_header th:first-child{padding-left:12px;width:20%}.group__fixed_header td:nth-child(2),.group__fixed_header th:nth-child(2){width:25%}.group__fixed_header td:nth-child(3),.group__fixed_header td:nth-child(4),.group__fixed_header th:nth-child(3),.group__fixed_header th:nth-child(4){width:20%}.group__fixed_header td:nth-child(5),.group__fixed_header th:nth-child(5){width:15%}.group__btn-create{align-items:center;background-color:#e5f2ff;border:1px solid #0071e3;border-radius:8px;color:#0071e3;color:var(--secondary-500,#0071e3);display:flex;height:36px;justify-content:center;padding:8px 16px;width:200px}.groupDetail__personal-image{text-align:center}.groupDetail__personal-image input[type=file]{display:none}.groupDetail__personal-figure{height:120px;position:relative;width:120px}.groupDetail__personal-avatar{border:2px solid #0000;border-radius:100%;box-shadow:0 2px 4px 0 #0003;box-sizing:border-box;cursor:pointer;height:120px;transition:all .3s ease-in-out;width:120px}.groupDetail__personal-avatar:hover{box-shadow:0 2px 4px 0 #00000080}.groupDetail__personal-figcaption{background-color:#0000;border-radius:100%;cursor:pointer;height:inherit;opacity:0;position:absolute;top:0;transition:all .3s ease-in-out;width:inherit}.groupDetail__personal-figcaption:hover{background-color:#00000080;opacity:1}.groupDetail__personal-figcaption>img{height:30px;margin:45px auto auto;width:30px}.groupDetail__container{align-items:center;display:flex;flex-direction:column;min-height:calc(100vh - 60px)}.groupDetail__header-info{height:150px}.groupDetail__body-info,.groupDetail__header-info{background-color:#fff;border-radius:12px;display:flex;justify-content:space-between;margin-top:2%;padding:20px;width:96%}.groupDetail__body-info{flex-direction:column;height:300px}.groupDetail__login-history{height:200px;margin-bottom:2%;margin-top:2%;width:96%}.groupDetail__info-text-box{flex-direction:column}.groupDetail__info-text-box,.groupDetail__info-text-box__name{display:flex;justify-content:space-between;width:100%}.groupDetail__divider{background:#e6e6e6;height:52px;width:1px}.groupDetail__background-logo{background:#e5f2ff;border-radius:50%;height:40px;justify-content:center;margin-right:15px;padding:8px;width:40px}.groupDetail__background-logo,.groupDetail__row-info{align-items:center;display:flex}.groupDetail__name-text{color:#1a1a1a;font-size:20px;font-style:normal;font-weight:700;line-height:28px}.groupDetail__edit-text{color:#898989;cursor:pointer;font-size:14px;font-style:normal;font-weight:400;line-height:16px;text-align:right}.groupDetail__edit-text:hover{color:#898989a6}.groupDetail__title-text{color:#898989;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.groupDetail__content-text{color:#1a1a1a;font-size:16px;font-style:normal;font-weight:500;line-height:20px}.groupDetail__fixed_header{border-radius:12px;width:100%}.group__Tabs{border-bottom:1px solid #ccc;box-sizing:border-box;display:flex;gap:24px;height:40px;justify-content:start;margin-top:20px;width:96%}.group_tab{box-sizing:border-box}.group_tab,.group_tab_selected{display:flex;flex-direction:column;height:40px;justify-content:space-between}.group__text-tab,.group_tab,.group_tab_selected{color:#898989;font-size:16px;font-style:normal;font-weight:400;line-height:20px}.group__text-tab-selected{color:#0071e3;font-size:16px;font-style:normal;font-weight:400;line-height:20px}.group__tab-divider{background-color:#0071e3;height:1px;width:100%}.tab-qlnd{width:96%}.tab-qlnd__feature-group{display:flex;justify-content:space-between;margin-bottom:15px;margin-top:15px;width:100%}.tab-qlnd__filter{align-items:center;background:#fff;border:1px solid #e6e6e6;border-radius:8px;display:flex;height:36px;justify-content:center;padding:8px 20px}.qlnd__fixed_header{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.qlnd__fixed_header th{align-items:center;display:flex;height:50px}.qlnd__fixed_header tbody{color:#333;display:flex;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;height:330px;line-height:20px;overflow:auto;width:100%}.qlnd__fixed_header tbody tr,.qlnd__fixed_header thead tr{border-bottom:1px solid #f2f2f2;cursor:pointer;display:flex;flex-direction:row;justify-content:space-around;width:100%}.qlnd__fixed_header tbody tr:hover{background-color:#f2f2f2}.qlnd__fixed_header thead{background:#fff;color:#000}.qlnd__fixed_header td,.qlnd__fixed_header th{align-items:center;display:flex;padding:10px 5px 10px 12px;text-align:left}.qlnd__fixed_header td:first-child,.qlnd__fixed_header th:first-child{padding-left:12px;width:25%}.qlnd__fixed_header td:nth-child(2),.qlnd__fixed_header th:nth-child(2){width:15%}.qlnd__fixed_header td:nth-child(3),.qlnd__fixed_header th:nth-child(3){width:30%}.qlnd__fixed_header td:nth-child(4),.qlnd__fixed_header td:nth-child(5),.qlnd__fixed_header th:nth-child(4),.qlnd__fixed_header th:nth-child(5){width:15%}.qlkpi__fixed_header{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.qlkpi__fixed_header th{align-items:center;display:flex;height:50px}.qlkpi__fixed_header tbody{color:#333;display:flex;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;height:330px;line-height:20px;overflow:auto;width:100%}.qlkpi__fixed_header tbody tr,.qlkpi__fixed_header thead tr{border-bottom:1px solid #f2f2f2;display:flex;flex-direction:row;justify-content:space-around;width:100%}.qlkpi__fixed_header tbody tr:hover{background-color:#f2f2f2}.qlkpi__fixed_header thead{background:#fff;color:#000}.qlkpi__fixed_header td,.qlkpi__fixed_header th{align-items:center;display:flex;padding:10px 5px 10px 12px;text-align:left}.qlkpi__fixed_header td:first-child,.qlkpi__fixed_header th:first-child{padding-left:12px;width:35%}.qlkpi__fixed_header td:nth-child(2),.qlkpi__fixed_header th:nth-child(2){width:15%}.qlkpi__fixed_header td:nth-child(3),.qlkpi__fixed_header th:nth-child(3){width:20%}.qlkpi__fixed_header td:nth-child(4),.qlkpi__fixed_header td:nth-child(5),.qlkpi__fixed_header th:nth-child(4),.qlkpi__fixed_header th:nth-child(5){width:15%}.modal-content-change{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;height:270px;justify-content:space-between;padding:24px;width:558px}.addcourse__select-course{align-self:stretch;background:#fcfcfc;border-radius:8px;gap:8px;justify-content:space-between;padding:8px 12px;text-align:left}.addcourse__option-course,.addcourse__select-course{align-items:center;border:1px solid #ccc;display:flex;width:100%}.addcourse__option-course{background-color:#fff;border-radius:12px;flex-direction:column;max-height:250px;overflow:scroll;padding:10px;position:absolute;top:45px;z-index:100}.addcourse__text-course{border-radius:8px;color:#898989;font-size:14px;font-style:normal;font-weight:500;line-height:20px;text-align:center}.addcourse__text-course:hover{background-color:#e5f2ff;color:#0071e3;text-align:center;width:100%}.course-container{align-items:center;display:flex;flex-direction:column;height:calc(100% - 60px);position:relative;top:24px}.course__feature-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;width:94%}.course__group-export{display:flex;gap:24px;justify-content:space-between;width:600px}.group__btn-register-course{align-items:center;background:#fdf7e7;border:1px solid #bf8d0d;border-radius:8px;color:#bf8d0d;color:var(--primary-600,#bf8d0d);display:flex;justify-content:center;padding:8px 16px}.course__group-export-short{display:flex;gap:24px;justify-content:space-between;width:200px}.group__btn-register-course-cancel{background:#fee6e6;background:var(--error-50,#fee6e6);border:1px solid #f94949;border:1px solid var(--error-500,#f94949);border-radius:8px;color:#f94949;color:var(--error-500,#f94949)}.group__btn-register-course-cancel,.group__btn-register-course-continue{align-items:center;display:flex;gap:8px;justify-content:center;padding:8px 16px}.group__btn-register-course-continue{background:#e5f2ff;background:var(--secondary-50,#e5f2ff);border:1px solid #0071e3;border:1px solid var(--secondary-500,#0071e3);border-radius:8px;color:#0071e3;color:var(--secondary-500,#0071e3)}.course__fixed_header{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:94%}.course__fixed_header th{align-items:center;display:flex;height:50px}.course__fixed_header tbody{align-items:center;color:#333;display:flex;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;height:330px;line-height:20px;overflow:auto;width:100%}.course__fixed_header tbody tr,.course__fixed_header thead tr{border-bottom:1px solid #f2f2f2;cursor:pointer;display:flex;flex-direction:row;justify-content:space-around;width:100%}.course__fixed_header tbody tr:hover{background-color:#f2f2f2}.course__fixed_header thead{background:#fff;color:#000}.course__fixed_header td,.course__fixed_header th{align-items:center;display:flex;padding:10px 5px 10px 12px;text-align:left}.course__fixed_header td:first-child,.course__fixed_header th:first-child{padding-left:12px;width:35%}.course__fixed_header td:nth-child(2),.course__fixed_header th:nth-child(2){width:25%}.course__fixed_header td:nth-child(3),.course__fixed_header td:nth-child(4),.course__fixed_header th:nth-child(3),.course__fixed_header th:nth-child(4){width:20%}.course__fixed_header td:nth-child(5),.course__fixed_header th:nth-child(5){width:15%}.course__modal-content{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;height:630px;padding:24px;width:558px}.description__modal-flex-column{margin-bottom:22px}.course__modal-flex-column-select,.description__modal-flex-column{display:flex;flex-direction:column;justify-content:start;width:100%}.course__modal-flex-column-select{height:80px}.course__modal-select{align-items:center;align-self:stretch;background:#fcfcfc;border:1px solid #ccc;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:10px 12px;width:100%}.eye{height:20px;position:absolute;right:12px;top:38%;width:20px}.text-area{height:120px}input:focus,select:focus,textarea:focus{outline:none}.modal-content-change-select{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;height:750px;width:558px}.modal-flex-title{align-items:center;display:flex;height:50px;justify-content:space-between;margin:5px 0;padding:24px;width:100%}option{font-size:14px;padding:8px 16px;position:relative}option:before{background:var #b34646;border-radius:12px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.group-select-employees{border:1px solid #ccc;border:1px solid var(--neutral-200,#ccc);border-radius:8px;height:580px;margin-bottom:20px;overflow:auto;position:relative;width:calc(100% - 48px)}.group-select-employees::-webkit-scrollbar{width:8px}.group-select-employees::-webkit-scrollbar-thumb{background:#0071e3;border-radius:8px}.group-select-employees-title{align-items:center;background:#f2f2f2;background:var(--neutral-50,#f2f2f2);display:flex;gap:20px;height:60px}.group-select-employees-checkbox{align-items:center;display:flex;height:60px;justify-content:center;width:60px}.group-select-employees-one{align-items:center;background:#fff;border-bottom:1px solid #f2f2f2;border-bottom:1px solid var(--neutral-50,#f2f2f2);cursor:pointer;display:flex;gap:20px;height:60px}.examDetail__header-info-view{background-color:#fff;border-radius:12px;display:flex;height:330px;justify-content:space-between;margin-top:12px;padding:20px;width:96%}.examEdit__group-btn-save{background:var(--secondary-500,#0071e3);width:172px}.examEdit__group-btn-load{align-items:center;background-color:#e6e6e6;border-radius:8px;color:#fff;display:flex;justify-content:center;margin-left:16px;padding:8px 14px;transition:.3s;width:140px}.examEdit__header-info{align-items:start;background:#fff;background:var(--neutral-0,#fff);border-radius:12px;display:flex;flex-direction:column;height:400px;margin-top:12px;padding:24px;width:96%}.examEdit__header-info-basic{height:130px}.picker-date-exam{align-items:center;align-self:stretch;background:#fcfcfc;border:1px solid #ccc;border-radius:8px;display:flex;height:40px;justify-content:space-between;padding:10px 12px;width:100%}.addLesson__modal-content-change{height:400px}.addLesson__modal-content-change,.addP__modal-content-change{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;justify-content:space-between;padding:24px;width:558px}.addP__modal-content-change{height:270px}.addD__modal-content-change{height:320px}.addD__modal-content-change,.lessonDetail__modal-content-change{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;justify-content:space-between;padding:24px;width:558px}.lessonDetail__modal-content-change{height:400px}.modal-flex-column{height:80px}.custom-option{background-color:#fff;color:#1a1a1a}.custom-option,.custom-option:hover{font-size:14px;font-style:normal;font-weight:400;line-height:20px;padding:8px}.custom-option:hover{background-color:#e5f2ff;color:#0071e3}.eye-change{height:20px;position:absolute;right:12px;top:45%;width:20px}.learningProcessCourseDetail__fixed_header{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.learningProcessCourseDetail__fixed_header th{align-items:center;display:flex;height:50px}.learningProcessCourseDetail__fixed_header tbody{color:#333;display:flex;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;height:330px;line-height:20px;overflow:auto;width:100%}.learningProcessCourseDetail__fixed_header tbody tr,.learningProcessCourseDetail__fixed_header thead tr{border-bottom:1px solid #f2f2f2;display:flex;flex-direction:row;justify-content:space-around;width:100%}.learningProcessCourseDetail__fixed_header tbody tr:hover{background-color:#f2f2f2}.learningProcessCourseDetail__fixed_header thead{background:#fff;color:#000}.learningProcessCourseDetail__fixed_header td,.learningProcessCourseDetail__fixed_header th{align-items:center;display:flex;padding:10px 5px 10px 12px;text-align:left}.learningProcessCourseDetail__fixed_header td:first-child,.learningProcessCourseDetail__fixed_header th:first-child{padding-left:12px;width:20%}.learningProcessCourseDetail__fixed_header td:nth-child(2),.learningProcessCourseDetail__fixed_header td:nth-child(3),.learningProcessCourseDetail__fixed_header td:nth-child(4),.learningProcessCourseDetail__fixed_header td:nth-child(5),.learningProcessCourseDetail__fixed_header th:nth-child(2),.learningProcessCourseDetail__fixed_header th:nth-child(3),.learningProcessCourseDetail__fixed_header th:nth-child(4),.learningProcessCourseDetail__fixed_header th:nth-child(5){width:20%}.news-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.news__group-feature{display:flex;justify-content:space-between;margin-bottom:24px;margin-top:24px;width:94%}.news__group-btn-save{align-items:center;background:#0071e3;border-radius:8px;display:flex;gap:8px;justify-content:center;margin-left:16px;padding:8px 14px;width:180px}.news__fixed_header{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:94%}.news__fixed_header th{align-items:center;display:flex;height:50px}.news__fixed_header tbody{color:#333;display:flex;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;line-height:20px;overflow:auto;width:100%}.news__fixed_header tbody tr,.news__fixed_header thead tr{align-items:center;border-bottom:1px solid #f2f2f2;cursor:pointer;display:flex;flex-direction:row;height:50px;justify-content:space-evenly;width:100%}.news__fixed_header tbody tr:hover{background-color:#f2f2f2}.news__fixed_header thead{background:#fff;color:#000}.news__fixed_header td,.news__fixed_header th{padding:5px;text-align:left;width:20%}.news__fixed_header th:first-child{padding-left:11px}.news__fixed_header td:first-child,.news__fixed_header th:first-child{padding-left:12px;width:40%}.news__fixed_header td:nth-child(2),.news__fixed_header td:nth-child(3),.news__fixed_header td:nth-child(4),.news__fixed_header th:nth-child(2),.news__fixed_header th:nth-child(3),.news__fixed_header th:nth-child(4){width:20%}.newModal-container-create{align-items:center;background:#fff;background:var(--neutral-0,#fff);border-radius:12px;display:flex;flex-direction:column;height:850px;padding:24px;width:558px}.newModal__body-imgPreview-container{align-items:center;background:#fcfcfc;border-radius:8px;bottom:0;display:flex;flex-direction:column;height:150px;justify-content:center;left:0;opacity:1;overflow:hidden;position:absolute;z-index:100}.addNew__input-style{height:122px;text-align:start}.newModal__down{top:32px}.newModal__body-list-option-group{align-items:flex-start;background:#fff;background:var(--neutral-0,#fff);border-radius:12px;box-shadow:0 5px 15px #00000059;display:flex;flex-direction:column;gap:8px;height:240px;left:-1px;overflow:scroll;padding:12px;position:absolute;top:70px;width:calc(100% + 2px);z-index:100000}.img-preview{border-radius:8px;height:150px;overflow:hidden;width:510px}.newDetail-container{align-items:center;display:flex;gap:24px;height:100%;padding:0 24px}.newDetail__group-chart-info{gap:12px;height:830px;width:30%}.newDetail__chart-column,.newDetail__group-chart-info{display:flex;flex-direction:column;justify-content:space-between}.newDetail__chart-column{height:290px}.newDetail__chart-column,.newDetail__info{align-items:center;background:#fff;background:var(--neutral-0,#fff);border-radius:12px;padding:24px;width:100%}.newDetail__info{display:flex;flex-direction:column;height:550px;justify-content:space-between}.newDetail__table{background-color:#fff;border-radius:12px;height:830px;width:70%}.newDetail__chart{border-bottom:1px solid #ccc;border-left:1px solid #ccc;display:flex;flex-direction:column;height:180px;justify-content:space-between;position:relative;width:100%}.line-chart{border-top:1px dashed #ccc;line-height:.1px;opacity:.5}.line-chart-none{border:.1px dashed #ccc;line-height:.1px;opacity:0}.newDetail__user-read{animation:columnRead 1s forwards;background-color:#0071e3;left:25%}.newDetail__user-not-read,.newDetail__user-read{border-radius:4px 4px 0 0;bottom:0;height:100px;position:absolute;transform:translateX(-50%);width:25%}.newDetail__user-not-read{animation:columnNotRead 1s forwards;background-color:#ccc;left:75%}.newDetail__chart-read{left:25%}.newDetail__chart-not-read,.newDetail__chart-read{bottom:-20px;color:#1a1a1a;color:var(--neutral-900,#1a1a1a);font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:absolute;text-align:center;transform:translateX(-50%)}.newDetail__chart-not-read{left:75%}.newDetail__chart-read-number{left:25%}.newDetail__chart-not-read-number,.newDetail__chart-read-number{bottom:102px;color:#1a1a1a;color:var(--neutral-900,#1a1a1a);font-size:12px;font-style:normal;font-weight:400;line-height:20px;position:absolute;text-align:center;transform:translateX(-50%)}.newDetail__chart-not-read-number{left:75%}.newModal-container{align-items:center;background:#fff;background:var(--neutral-0,#fff);border-radius:12px;display:flex;flex-direction:column;gap:20px;height:850px;padding:24px;width:558px}.newModal__header{align-items:center;display:flex;justify-content:space-between;width:100%}.newModal__header-text{color:#1a1a1a;color:var(--neutral-900,#1a1a1a);font-size:20px;font-style:normal;font-weight:700;line-height:28px}.newModal__body{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.newModal__body-text-title{color:#1a1a1a;color:var(--neutral-900,#1a1a1a);font-size:16px;font-style:normal;font-weight:500;line-height:20px}.newModal__body-img-container{align-items:center;background:#fcfcfc;border:1px solid #ccc;border:1px solid var(--neutral-200,#ccc);border-radius:8px;display:flex;flex-direction:column;height:150px;justify-content:center;padding:24px 12px}.addNew__group-btn-cancel{border:1px solid #f94949;border:1px solid var(--error-500,#f94949);border-radius:8px}.addNew__group-btn-cancel,.addNew__group-btn-save{align-items:center;display:flex;gap:8px;justify-content:center;padding:8px 14px;width:50%}.addNew__group-btn-save{background:#0071e3;background:var(--secondary-500,#0071e3);border-radius:8px}.newModal__body-img-container-btn{align-items:center;background:#e5f2ff;background:var(--secondary-50,#e5f2ff);border-radius:8px;display:flex;gap:8px;justify-content:center;padding:10px 14px}.addNew__input-style{background:#fcfcfc;border:1px solid #ccc;border-radius:8px;color:#4d4d4d;font-size:14px;font-style:normal;font-weight:400;line-height:20px;padding:8px 12px;position:relative}.addNew__input-style::placeholder{position:absolute;top:8px}.newModal__down{position:absolute;right:12px;transform:translateY(25%)}.newModal__body-list-option{align-items:flex-start;background-color:red;background:#fff;background:var(--neutral-0,#fff);border-radius:12px;box-shadow:0 5px 15px #00000059;display:flex;flex-direction:column;gap:8px;height:220px;left:-1px;overflow:scroll;padding:12px;position:absolute;top:70px;width:calc(100% + 2px);z-index:1000}.newModal__text-option{color:#1a1a1a;color:var(--neutral-900,#1a1a1a);font-size:14px;font-style:normal;font-weight:400;line-height:20px}.newModal__body-one-option{cursor:pointer}.newModal__body-one-option,.newModal__body-one-option-selected{align-items:center;border-radius:4px;display:flex;gap:16px;padding:8px;width:100%}.newModal__body-one-option-selected,.newModal__body-one-option:hover{background:#e5f2ff;background:var(--neutral-50,#e5f2ff)}.newDetail__fixed_header{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.newDetail__fixed_header th{align-items:center;display:flex;height:50px}.newDetail__fixed_header tbody{color:#333;display:flex;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;height:330px;line-height:20px;overflow:auto;width:100%}.newDetail__fixed_header tbody tr,.newDetail__fixed_header thead tr{border-bottom:1px solid #f2f2f2;cursor:pointer;display:flex;flex-direction:row;justify-content:space-around;width:100%}.newDetail__fixed_header tbody tr:hover{background-color:#f2f2f2}.newDetail__fixed_header thead{background:#fff;color:#000}.newDetail__fixed_header td,.newDetail__fixed_header th{padding:15px;text-align:left}.newDetail__fixed_header td:first-child,.newDetail__fixed_header th:first-child{padding-left:12px;width:35%}.newDetail__fixed_header td:nth-child(2),.newDetail__fixed_header th:nth-child(2){width:15%}.newDetail__fixed_header td:nth-child(3),.newDetail__fixed_header th:nth-child(3){width:20%}.newDetail__fixed_header td:nth-child(4),.newDetail__fixed_header th:nth-child(4){width:15%}.KPI-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.kpi-container__feature-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-top:24px;width:94%}.kpi-container__feature-group-export{align-items:center;display:flex;gap:12px}.kpi-container__feature-group-export-kpi-btn{background:#fff;background:var(--neutral-0,#fff);border:1px solid #898989;border:1px solid var(--neutral-500,#898989);border-radius:8px;color:#898989;color:var(--neutral-500,#898989)}.kpi-container__feature-group-export-add-kpi,.kpi-container__feature-group-export-kpi-btn{align-items:center;display:flex;font-size:14px;font-style:normal;font-weight:500;gap:8px;justify-content:center;line-height:20px;padding:8px 16px}.kpi-container__feature-group-export-add-kpi{background:#e5f2ff;background:var(--secondary-50,#e5f2ff);border:1px solid #0071e3;border:1px solid var(--secondary-500,#0071e3);border-radius:8px;color:#0071e3;color:var(--secondary-500,#0071e3)}.kpi-container__feature-group-export-excel{align-items:center;background:#0071e3;background:var(--secondary-500,#0071e3);border-radius:8px;color:#fff;color:var(--neutral-0,#fff);display:flex;font-size:14px;font-style:normal;font-weight:500;gap:8px;justify-content:center;line-height:20px;padding:8px 16px}.filter-date{background-color:#fff;box-shadow:0 3px 8px #0000003d;display:flex;flex-direction:column;gap:18px;height:300px;padding:18px;position:absolute;top:45px;width:300px}.filter-container{position:relative}.kpi-container__apply-btn{align-items:center;background:#0071e3;background:var(--secondary-500,#0071e3);border-radius:8px;color:#fff;color:var(--neutral-0,#fff);display:flex;font-size:14px;font-style:normal;font-weight:500;justify-content:center;line-height:20px;padding:8px 16px;width:100px}.filter-input{display:flex;flex-direction:column;gap:8px}.text-title-filter{color:#1a1a1a;font-size:20px;font-style:normal;font-weight:500;line-height:20px}.listKpi__fixed_header{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:94%}.listKpi__fixed_header th{align-items:center;display:flex;height:50px}.listKpi__fixed_header tbody{color:#333;display:flex;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;height:330px;line-height:20px;overflow:auto;width:100%}.listKpi__fixed_header tbody tr,.listKpi__fixed_header thead tr{border-bottom:1px solid #f2f2f2;cursor:pointer;display:flex;flex-direction:row;justify-content:space-around;width:100%}.listKpi__fixed_header tbody tr:hover{background-color:#f2f2f2}.listKpi__fixed_header thead{background:#fff;color:#000}.listKpi__fixed_header td,.listKpi__fixed_header th{align-items:center;display:flex;padding:10px 5px 10px 12px;text-align:left}.listKpi__fixed_header td:first-child,.listKpi__fixed_header th:first-child{padding-left:12px;width:35%}.listKpi__fixed_header td:nth-child(2),.listKpi__fixed_header th:nth-child(2){width:15%}.listKpi__fixed_header td:nth-child(3),.listKpi__fixed_header th:nth-child(3){width:20%}.listKpi__fixed_header td:nth-child(4),.listKpi__fixed_header td:nth-child(5),.listKpi__fixed_header th:nth-child(4),.listKpi__fixed_header th:nth-child(5){width:15%}.createKpi__modal-content{background-color:#fff;border-radius:12px;box-shadow:0 0 10px #0000004d;height:700px;padding:24px;width:558px}.modal-close{cursor:pointer;position:absolute;right:10px;top:10px}.modal-flex{display:flex;justify-content:space-between;margin:5px 0;width:100%}.modal-flex-column{gap:6px;height:90px;width:100%}.modal-flex-column,.modal-flex-column-select{display:flex;flex-direction:column;justify-content:start}.main-title{font-size:20px;font-weight:700;line-height:28px}.main-title,.text-title{color:#1a1a1a;font-style:normal}.text-title{font-size:16px;font-weight:500;line-height:20px}.line{background-color:#e6e6e6;height:1px;margin-bottom:20px;width:558px}.input-style{background:#fcfcfc;border:1px solid #ccc;border-radius:8px;color:#4d4d4d;font-size:14px;font-style:normal;font-weight:400;line-height:20px;padding:8px 12px}.btn-cancel{align-items:center;background:#fee6e6;border-radius:8px;color:#f94949;display:flex;justify-content:center;padding:12px 14px;transition:.3s;width:250px}.btn-cancel:hover{background:#f8b9b9}.btn-accept{align-items:center;background:#0071e3;border-radius:8px;color:#fff;display:flex;justify-content:center;padding:12px 14px;transition:.3s;width:250px}.btn-accept:hover{background:#025ab1;transition:.3s}.btn-accept-loading{background-color:#e6e6e6;color:#fff;padding:12px 14px;transition:.3s}.btn-accept-loading,.modal-select{align-items:center;border-radius:8px;display:flex;justify-content:center;width:250px}.modal-select{align-self:stretch;background:#fcfcfc;border:1px solid #ccc;cursor:pointer;height:40px;padding:10px 12px}.createKpi__text-add-kpi{align-items:center;display:flex;flex-direction:column}.kpi__picker-date{width:100%}.kpi__picker-date,.picker-date{align-items:center;align-self:stretch;background:#fcfcfc;border:1px solid #ccc;border-radius:8px;display:flex;height:40px;justify-content:space-between;padding:10px 12px}.picker-date{width:250px}.calender{cursor:pointer}.text-select{color:#4d4d4d;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.kpiDetailGroup__fixed_header{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.kpiDetailGroup__fixed_header th{align-items:center;display:flex;height:50px}.kpiDetailGroup__fixed_header tbody{color:#333;display:flex;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;height:330px;line-height:20px;overflow:auto;width:100%}.kpiDetailGroup__fixed_header tbody tr,.kpiDetailGroup__fixed_header thead tr{border-bottom:1px solid #f2f2f2;display:flex;flex-direction:row;justify-content:space-around;width:100%}.kpiDetailGroup__fixed_header tbody tr:hover{background-color:#f2f2f2}.kpiDetailGroup__fixed_header thead{background:#fff;color:#000}.kpiDetailGroup__fixed_header td,.kpiDetailGroup__fixed_header th{align-items:center;display:flex;padding:10px 5px 10px 12px;text-align:left}.kpiDetailGroup__fixed_header td:first-child,.kpiDetailGroup__fixed_header th:first-child{padding-left:12px;width:34%}.kpiDetailGroup__fixed_header td:nth-child(2),.kpiDetailGroup__fixed_header td:nth-child(3),.kpiDetailGroup__fixed_header td:nth-child(4),.kpiDetailGroup__fixed_header th:nth-child(2),.kpiDetailGroup__fixed_header th:nth-child(3),.kpiDetailGroup__fixed_header th:nth-child(4){width:20%}.answer-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.answer-group-feature{align-items:center;justify-content:space-between}.answer-body,.answer-group-feature{display:flex;margin-top:24px;width:96%}.answer-body{gap:24px}.answer-body-chat{background-color:#fff;border-radius:12px;display:flex;flex-direction:column;height:740px;justify-content:space-between;width:27%}.answer-body-table{width:73%}.answer-body-chat-info{align-items:center;border-bottom:1px solid #e6e6e6;display:flex;gap:24px;height:12%;justify-content:start;padding:24px}.answer-body-chat-conversation{display:flex;flex-direction:column;height:78%;overflow:scroll;padding:24px}.answer-body-chat-input{align-items:center;border-top:1px solid #e6e6e6;display:flex;gap:8px;height:10%;justify-content:center;padding:24px}.input-style-answer{background:#fcfcfc;border:1px solid #ccc;border-radius:18px;color:#4d4d4d;flex:1 0;font-size:14px;font-style:normal;font-weight:400;height:40px;line-height:20px;padding:4px 12px}.answer-btn{align-items:center;background:#0071e3;border-radius:100px;display:flex;gap:10px;justify-content:center;padding:6px}.answer-subject-text{color:#1a1a1a;font-size:14px;font-style:normal;font-weight:700;line-height:20px}.answer-subject-name{color:#666}.answer-subject-name,.answer-time-text{font-size:12px;font-style:normal;font-weight:400;line-height:16px}.answer-time-text{color:#b3b3b3}.answer-user-question{align-items:flex-end;background:#f2f2f2;border-radius:0 12px 12px 12px;color:#1a1a1a;display:flex;font-size:14px;font-style:normal;font-weight:400;gap:10px;line-height:20px;padding:8px 12px;width:285px}.answer-comments{display:flex;flex-direction:column;gap:20px}.answer-comment-admin{align-items:flex-end;background:#0071e3;border-radius:12px 0 12px 12px;color:#fff;display:flex;font-size:14px;font-style:normal;font-weight:400;gap:10px;line-height:20px;padding:8px 12px;width:285px}.answer__fixed_header{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.answer__fixed_header th{align-items:center;display:flex;height:50px}.answer__fixed_header tbody{color:#333;display:flex;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;line-height:20px;overflow:auto;width:100%}.answer__fixed_header tbody tr,.answer__fixed_header thead tr{align-items:center;border-bottom:1px solid #f2f2f2;cursor:pointer;display:flex;flex-direction:row;height:50px;justify-content:space-evenly;width:100%}.answer__fixed_header tbody tr:hover{background-color:#f2f2f2}.answer__fixed_header thead{background:#fff;color:#000}.answer__fixed_header td,.answer__fixed_header th{align-items:center;display:flex;height:50px;padding:5px 5px 5px 12px;text-align:left}.answer__fixed_header th:first-child{padding-left:11px}.answer__fixed_header td:first-child,.answer__fixed_header th:first-child{padding-left:12px;width:35%}.answer__fixed_header td:nth-child(2),.answer__fixed_header td:nth-child(3),.answer__fixed_header th:nth-child(2),.answer__fixed_header th:nth-child(3){width:25%}.answer__fixed_header td:nth-child(4),.answer__fixed_header th:nth-child(4){justify-content:center;width:15%}.answer-selected{background-color:#e5f2ff}.background{background-attachment:fixed;background-image:url(/static/media/Background.d247c3dbe79c4cd8657c.png);background-repeat:no-repeat;background-size:cover;height:100vh;position:relative;width:100vw}.form-login{align-items:center;background-color:#fff;border-radius:16px;display:flex;flex-direction:column;height:526px;justify-content:center;left:50%;position:absolute;text-align:"center";top:50%;transform:translate(-50%,-50%);width:486px;z-index:500}.welcome{color:#1a1a1a;font-size:24px;font-style:normal;font-weight:700;line-height:36px;margin-top:24px}.welcome-request{font-weight:400;margin-bottom:32px;text-align:center}.group-input,.welcome-request{color:#666;font-size:16px;font-style:normal;line-height:24px}.group-input{display:flex;flex-direction:column;font-weight:500;justify-content:flex-start}.input-data{background:#fcfcfc;border:1px solid #ccc;border-radius:8px;padding:12px;width:400px}.personal-image{text-align:center}.personal-image input[type=file]{display:none}.personal-figure{height:120px;position:relative;width:120px}.personal-avatar{border:2px solid #0000;border-radius:100%;box-shadow:0 2px 4px 0 #0003;box-sizing:border-box;cursor:pointer;height:120px;transition:all .3s ease-in-out;width:120px}.personal-avatar:hover{box-shadow:0 2px 4px 0 #00000080}.personal-figcaption{background-color:#0000;border-radius:100%;cursor:pointer;height:inherit;opacity:0;position:absolute;top:0;transition:all .3s ease-in-out;width:inherit}.personal-figcaption:hover{background-color:#00000080;opacity:1}.personal-figcaption>img{height:30px;margin:45px auto auto;width:30px}.UserInGroupDetail-container{align-items:center;display:flex;flex-direction:column;min-height:calc(100vh - 60px)}.header-info{height:150px}.body-info,.header-info{background-color:#fff;border-radius:12px;display:flex;justify-content:space-between;margin-top:24px;padding:20px;width:96%}.body-info{flex-direction:column;height:300px}.login-history{height:200px;margin-bottom:2%;margin-top:2%;width:96%}.info-text-box{flex-direction:column;width:90%}.info-text-box,.info-text-box__name{display:flex;justify-content:space-between}.divider{background:#e6e6e6;height:52px;width:1px}.background-logo{background:#e5f2ff;border-radius:50%;height:40px;justify-content:center;margin-right:15px;padding:8px;width:40px}.background-logo,.row-info{align-items:center;display:flex}.name-text{color:#1a1a1a;font-size:20px;font-style:normal;font-weight:700;line-height:28px}.edit-text{color:#898989;cursor:pointer;font-size:14px;font-style:normal;font-weight:400;line-height:16px;text-align:right}.edit-text:hover{color:#898989a6}.title-text{color:#898989;font-size:14px}.content-text,.title-text{font-style:normal;font-weight:500;line-height:20px}.content-text{color:#1a1a1a;font-size:16px}.fixed_header{border-radius:12px;width:100%}.select-course{align-items:center;align-self:stretch;background:#fcfcfc;border:1px solid #ccc;border-radius:8px;display:flex;gap:8px;justify-content:center;padding:8px 12px}.percent-completed{color:#0071e3;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.percentage-bar-container{background-color:#f2f2f2;border-radius:10px;height:12px;overflow:hidden;width:160px}.percentage-bar{background-color:#0071e3;border-radius:10px;height:100%}.option-course{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:12px;display:flex;flex-direction:column;left:-312px;padding:10px;position:absolute;top:45px;width:450px;z-index:100}.option-course-none{display:none}.text-course{color:#898989}.text-course,.text-course-selected{border-radius:8px;font-size:14px;font-style:normal;font-weight:500;line-height:20px;text-align:start}.text-course-selected,.text-course:hover{background-color:#e5f2ff;color:#0071e3}.text-course:hover{text-align:start;width:100%}.lesson__fixed_header{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.lesson__fixed_header th{align-items:center;display:flex;height:50px}.lesson__fixed_header tbody{color:#333;display:flex;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;height:330px;line-height:20px;overflow:auto;width:100%}.lesson__fixed_header tbody tr,.lesson__fixed_header thead tr{border-bottom:1px solid #f2f2f2;display:flex;flex-direction:row;justify-content:space-around;width:100%}.lesson__fixed_header tbody tr:hover{background-color:#f2f2f2}.lesson__fixed_header thead{background:#fff;color:#000}.lesson__fixed_header td,.lesson__fixed_header th{align-items:center;display:flex;padding:10px 5px 10px 12px;text-align:left}.lesson__fixed_header td:first-child,.lesson__fixed_header th:first-child{padding-left:12px;width:70%}.lesson__fixed_header td:nth-child(2),.lesson__fixed_header td:nth-child(3),.lesson__fixed_header th:nth-child(2),.lesson__fixed_header th:nth-child(3){width:15%}.tableLesson__done{align-items:center;background:#e5ffee;background:var(--success-50,#e5ffee);border:1px solid #00cc41;border:1px solid var(--success-500,#00cc41);border-radius:16px;display:flex;justify-content:center;padding:2px 8px;width:50%}.tableLesson__done-text{color:#009930;color:var(--success-700,#009930);font-size:12px;font-style:normal;font-weight:500;line-height:16px}.tableLesson__notDone{align-items:center;background:#fdf7e7;background:var(--primary-50,#fdf7e7);border:1px solid #bf8d0d;border:1px solid var(--primary-600,#bf8d0d);border-radius:16px;display:flex;justify-content:center;padding:2px 8px;width:60%}.tableLesson__notDone-text{color:#8f690a;color:var(--primary-700,#8f690a);font-size:12px;font-style:normal;font-weight:500;line-height:16px}.exam__fixed_header{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.exam__fixed_header th{align-items:center;display:flex;height:50px}.exam__fixed_header tbody{color:#333;display:flex;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;height:330px;line-height:20px;overflow:auto;width:100%}.exam__fixed_header tbody tr,.exam__fixed_header thead tr{border-bottom:1px solid #f2f2f2;display:flex;flex-direction:row;justify-content:space-around;width:100%}.exam__fixed_header tbody tr:hover{background-color:#f2f2f2}.exam__fixed_header thead{background:#fff;color:#000}.exam__fixed_header td,.exam__fixed_header th{align-items:center;display:flex;padding:10px 5px 10px 12px}.exam__fixed_header td:first-child,.exam__fixed_header th:first-child{width:40%}.exam__fixed_header td:nth-child(2),.exam__fixed_header td:nth-child(3),.exam__fixed_header td:nth-child(4),.exam__fixed_header td:nth-child(5),.exam__fixed_header th:nth-child(2),.exam__fixed_header th:nth-child(3),.exam__fixed_header th:nth-child(4),.exam__fixed_header th:nth-child(5){width:15%}.examdetail-container{height:calc(100% - 60px)}.examEdit-container,.examdetail-container{align-items:center;display:flex;flex-direction:column}.examEdit-container{height:100%}.examDetail__header-info{background-color:#fff;border-radius:12px;display:flex;height:400px;justify-content:space-between;margin-top:12px;padding:20px;width:96%}.examDetail__info-text-box__name{align-items:center;display:flex;justify-content:space-between;width:100%}.examDetail__info-text-box{display:flex;flex-direction:column;justify-content:space-between;width:100%}.examdetail__one-question{border:1px solid #ccc;border-radius:8px;margin-bottom:24px}.examdetail__one-question,.examdetail__one-question-selected{background:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:12px;width:752px}.examdetail__one-question-selected{border:1px solid #0071e3;border-radius:8px;margin-top:24px}.examdetail__index{align-items:center;background:#0071e3;border-radius:8px;display:flex;height:32px;justify-content:center;margin-right:12px;padding:5px;width:32px}.examdetail__textnumber{color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:20px;text-align:center}.examdetail__listquestion{height:700px;margin-top:24px;overflow:scroll;width:45.5%}.examdetail__text-question{color:#1a1a1a;font-size:18px;font-style:normal;font-weight:700;line-height:20px}.examdetail__checkbox-group{display:flex;justify-content:space-between}.examdetail__checkbox-group-disabled{display:flex;flex-direction:column}.examdetail__text-answer{color:#4d4d4d;color:var(--neutral-700,#4d4d4d);font-size:16px;font-style:normal;font-weight:400;line-height:20px}.examEdit__group-btn{align-items:center;display:flex;justify-content:end;width:752px}.examEdit__group-btn-cancel{padding:8px 14px}.examEdit__group-btn-cancel,.examEdit__group-btn-delete{align-items:center;border:1px solid #f94949;border:1px solid var(--error-500,#f94949);border-radius:8px;display:flex;gap:8px;justify-content:center;width:172px}.examEdit__group-btn-delete{height:40px}.examNew__header-info{align-items:start;height:400px}.examEdit__list-question,.examNew__header-info{background:#fff;background:var(--neutral-0,#fff);border-radius:12px;display:flex;flex-direction:column;margin-top:12px;padding:24px;width:96%}.examEdit__list-question{align-items:flex-start;max-height:600px}.examEdit__text-cancel{color:#f94949;color:var(--error-500,#f94949)}.examEdit__text-cancel,.examEdit__text-upload{font-size:14px;font-style:normal;font-weight:500;line-height:20px}.examEdit__text-upload{color:#fff;color:var(--neutral-0,#fff)}.examEdit__title-text{align-items:center;color:#1a1a1a;color:var(--neutral-900,#1a1a1a);font-size:20px;font-style:normal;font-weight:700;height:25px;line-height:28px}.examEdit__header-info-basic,.examEdit__title-text{display:flex;justify-content:space-between;width:100%}.examEdit__header-info-basic{flex-direction:column;height:300px;margin-top:14px}.examEdit__header-info-basic-text{color:#1a1a1a;color:var(--neutral-900,#1a1a1a);font-size:16px;font-style:normal;font-weight:500;line-height:20px}.examEdit__addQuestion{background:#e5f2ff;background:var(--secondary-50,#e5f2ff);border-radius:8px;height:40px;width:172px}.examEdit__addQuestion,.examEdit__addQuestion-text{align-items:center;display:flex;gap:8px;justify-content:center}.examEdit__addQuestion-text{color:#0071e3;color:var(--secondary-500,#0071e3);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.examEdit__container-questions{align-items:flex-start;align-self:stretch;background:#fcfcfc;border:1px solid #ccc;border:1px solid var(--neutral-200,#ccc);border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-top:24px;max-height:530px;overflow:scroll;padding:12px}.examdetail__one-question-update{border:1px solid #ccc;border:1px solid var(--neutral-200,#ccc);border-radius:8px}.examdetail__one-question-update,.examdetail__one-question-update-selected{align-items:flex-start;align-self:stretch;background:#fff;background:var(--neutral-0,#fff);display:flex;flex-direction:column;gap:4px;justify-content:center;padding:12px}.examdetail__one-question-update-selected{border:1px solid #0071e3;border:1px solid var(--neutral-200,#0071e3);border-radius:8px}.btn-accept-loading-exam{background-color:#e6e6e6;color:#fff;transition:.3s}.btn-accept-loading-exam,.examEdit__group-btn-save{align-items:center;border-radius:8px;display:flex;justify-content:center;padding:8px 14px;width:140px}.examEdit__group-btn-save{background:#0071e3;gap:8px;margin-left:16px}.modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.createQuestion__form{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 0 10px #0000004d;height:500px;padding:24px;width:40%}.createQuestion__checkbox-group,.createQuestion__form{display:flex;flex-direction:column;justify-content:space-between}.createQuestion__checkbox-group{height:220px}.playlist-container{align-items:center;justify-content:center}.one-playlist,.playlist-container{display:flex;flex-direction:column}.one-playlist{align-items:flex-start;background:#fff;border-radius:12px;cursor:pointer;gap:12px;margin-bottom:2.666677777%;padding:16px;width:23%}.one-playlist-picture{align-self:stretch;background:#d9d9d9;border-radius:8px;height:236px}.all-playlist{display:flex;flex-wrap:wrap;gap:2.666677777%;width:94%}.name-playlist-title{color:#1a1a1a;color:var(--Neutral-900,#1a1a1a);font-size:20px;font-style:normal;font-weight:700;line-height:28px}.name-playlist-info{color:#898989;color:var(--Neutral-500,#898989);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.list-video-none{align-items:flex-start;background:#fff;background:var(--Neutral-0,#fff);border-radius:12px;display:flex;flex-direction:column;gap:12px;height:calc(100vh - 100px);margin-bottom:24px;margin-top:24px;overflow:scroll;padding:16px;width:100%}.list-new-video{cursor:pointer}.modalDeleteVideo{width:400px}.ModalAddVideo,.modalDeleteVideo{align-items:center;background:#fff;background:var(--Neutral-0,#fff);border-radius:12px;display:flex;flex-direction:column;gap:20px;padding:24px;padding:var(--spacing-s,24px)}.ModalAddVideo{width:558px}.upload-video{background:#fcfcfc;background-image:url(https://media.gettyimages.com/id/1399766755/video/abstract-audio-waveform-visualization-loopable.jpg?s=640x640&k=20&c=JHN0Y2Wgy9ijbaGmyYDcpgYJPPQLtsC1O1rXvsAwSpc=);background-position:50%;background-repeat:no-repeat;background-size:cover}.upload-video,.upload-video-none{align-items:center;align-self:stretch;border:1px dashed #0071e3;border:1px dashed var(--Secondary-500,#0071e3);border-radius:8px;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:24px 12px;padding:var(--spacing-s,24px) 12px}.upload-video-none{background:#fcfcfc}.upload-video-btn{align-items:center;background:#e5f2ff;background:var(--Secondary-50,#e5f2ff);border-radius:8px;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:8px 16px;position:relative}.style-upload-video{color:#1a1a1a;color:var(--Neutral-900,var(--Neutral-900,#1a1a1a));font-size:16px;font-style:normal;font-weight:500;line-height:20px}.playlist__group-btn-load{background:#0071e3;background-color:#e6e6e6;border-radius:8px;color:#fff;gap:8px;margin-left:16px;padding:8px 14px;transition:.3s;width:50%}.playlistDetail-Container,.playlist__group-btn-load{align-items:center;display:flex;justify-content:center}.playlistDetail-Container{gap:24px}.info-Playlist{width:24%}.info-Playlist,.list-video{align-items:flex-start;background:#fff;background:var(--Neutral-0,#fff);border-radius:12px;display:flex;flex-direction:column;gap:12px;height:calc(100vh - 100px);margin-bottom:24px;margin-top:24px;padding:16px}.list-video{overflow:scroll;width:70%}.picture-playlistDetail{align-self:stretch;background:#d9d9d9;border-radius:8px;flex-shrink:0;height:236px}.name-playlistDetail{align-items:center;display:flex;justify-content:space-between;width:100%}.edit-playlistDetail{background:#e6e6e6;background:var(--Neutral-100,#e6e6e6);border-radius:50%;height:32px;position:relative;width:32px}.playlistDetail__group-btn-cancel{align-items:center;border:1px solid #f94949;border:1px solid var(--error-500,#f94949);border-radius:8px;display:flex;gap:8px;justify-content:center;padding:8px 14px;width:50%}.playlistDetail__group-btn-save{width:50%}.playlistDetail__group-btn-save,.playlistVideo__group-btn-add{align-items:center;background:#0071e3;border-radius:8px;display:flex;gap:8px;justify-content:center;margin-left:16px;padding:8px 14px}.playlistVideo__group-btn-add{width:150px}.list-new-video-picture{background:#d9d9d9;border-radius:8px;height:86px;width:130px}.list-new-video{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.list-new-video-info{display:flex;flex-direction:column;height:100%;width:80%}.config-home{display:flex;gap:24px;margin:2%}.config-home-option{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;padding:8px;width:15%}.config-home-table{background-color:#fff;height:calc(100vh - 120px);width:85%}.each-option{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:start;margin-left:8px;margin-right:8px;padding:12px;width:100%}.each-option:hover{background-color:#f2f2f2}.each-option-select{align-items:center;background-color:#e5f2ff;cursor:pointer;display:flex;gap:12px;justify-content:start;margin-left:8px;margin-right:8px;padding:12px;width:100%}.config-group__fixed_header{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.config-group__fixed_header th{align-items:center;display:flex;height:50px}.config-group__fixed_header tbody{color:#333;display:flex;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;height:330px;line-height:20px;overflow:auto;width:100%}.config-group__fixed_header tbody tr,.config-group__fixed_header thead tr{border-bottom:1px solid #f2f2f2;cursor:pointer;display:flex;flex-direction:row;justify-content:space-around;width:100%}.config-group__fixed_header tbody tr:hover{background-color:#f2f2f2}.config-group__fixed_header thead{background:#fff;color:#000}.config-group__fixed_header td,.config-group__fixed_header th{align-items:center;display:flex;padding:10px 5px 10px 12px;text-align:left}.config-group__fixed_header td:first-child,.config-group__fixed_header th:first-child{padding-left:12px;width:20%}.config-group__fixed_header td:nth-child(2),.config-group__fixed_header th:nth-child(2){width:25%}.config-group__fixed_header td:nth-child(3),.config-group__fixed_header td:nth-child(4),.config-group__fixed_header th:nth-child(3),.config-group__fixed_header th:nth-child(4){width:20%}.config-group__fixed_header td:nth-child(5),.config-group__fixed_header th:nth-child(5){width:15%}.courseDetail-container{align-items:center;display:flex;flex-direction:column;gap:24px;height:calc(100% - 60px)}.courseDetail__header-info{background-color:#fff;border-radius:12px;height:150px;margin-top:24px;padding:20px}.courseDetail__body,.courseDetail__header-info{display:flex;justify-content:space-between;width:96%}.courseDetail__group-desCom{display:flex;flex-direction:column;gap:24px;margin-right:24px;width:65%}.courseDetail__group-desCom-description{align-items:start;background-color:#fff;height:160px}.courseDetail__group-desCom-comment,.courseDetail__group-desCom-description{border-radius:12px;box-shadow:0 4px 30px 0 #00000008;display:flex;flex-direction:column;padding:24px;width:100%}.courseDetail__group-desCom-comment{align-items:center;background:#fff;height:450px}.courseDetail__group-progress{align-items:start;height:750px;margin-bottom:24px;width:96%}.courseDetail__group-desCom-noComment,.courseDetail__group-progress{background:#fff;border-radius:12px;box-shadow:0 4px 30px 0 #00000008;display:flex;flex-direction:column;padding:24px}.courseDetail__group-desCom-noComment{align-items:center;height:220px;width:100%}.courseDetail__course{height:650px;overflow:scroll;width:35%}.courseDetail__course-document,.courseDetail__course-exam,.courseDetail__course-partial{align-items:center;background:#fff;border-radius:12px;display:flex;flex-direction:column;margin-bottom:24px;max-height:600px;padding:24px;width:100%}.courseDetail__info-text-box__name{align-items:center;display:flex;justify-content:space-between;width:100%}.courseDetail__text-description{color:#1a1a1a;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.courseDetail__text-description-detail{color:#333;font-size:14px;font-style:normal;font-weight:400;line-height:20px;overflow:scroll}.courseDetail__text-comment{color:#1a1a1a;font-size:20px;font-style:normal;font-weight:700;line-height:28px;margin-bottom:18px;text-align:start;width:100%}.courseDetail__listComment{display:flex;flex-direction:column;height:400px;overflow:auto;width:100%}.one-comment{display:flex;margin-bottom:20px}.one-comment-title{display:flex}.one-comment-container{display:flex;flex-direction:column;width:938px}.userComment-img{width:40px}.content-comment{height:auto;text-align:start;width:100%}.comment-text-name{color:#1a1a1a;font-size:14px;font-style:normal;font-weight:700;line-height:20px}.comment-text-day{color:#898989}.comment-text-content,.comment-text-day{font-size:14px;font-style:normal;font-weight:400;line-height:20px}.comment-text-content{color:#4d4d4d}.courseDetail__list-document,.courseDetail__list-exam,.courseDetail__list-partial{height:auto;max-height:510px;overflow:scroll;width:100%}.courseDetail__one-partial-selected{background:#e5f2ff}.courseDetail__one-partial-noSelected,.courseDetail__one-partial-selected{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;min-height:56px;padding:8px 12px;width:100%}.courseDetail__one-partial-noSelected{background:#f2f2f2}.courseDetail__one-partial-noSelected:hover{background:#e5f2ff}.courseDetail__one-lesson-selected{background:#f2f2f2;cursor:pointer}.courseDetail__one-lesson-noSelected,.courseDetail__one-lesson-selected{align-items:center;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;min-height:48px;padding:8px 12px;width:100%}.courseDetail__one-lesson-noSelected{background:#fff}.courseDetail__one-lesson-noSelected:hover{background:#f2f2f2}.courseDetail__number-lesson-selected{background:#fff}.courseDetail__number-lesson-noSelected,.courseDetail__number-lesson-selected{align-items:center;border-radius:8px;display:flex;height:32px;justify-content:center;margin-right:12px;padding:5px;width:32px}.courseDetail__number-lesson-noSelected{background:#f2f2f2}.courseDetail__addLesson{align-items:center;background:#fdf7e7;border-radius:8px;display:flex;height:36px;justify-content:center;padding:8px 16px;width:100%}.ourseDetail__text-addL{color:#8f690a;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin-left:8px}.courseDetail__addPartial{align-items:center;background:#0071e3;border-radius:8px;display:flex;justify-content:center;padding:8px 16px;width:100%}.ourseDetail__text-addP{color:#fff;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin-left:8px}.courseDetail__one-document{align-items:center;align-self:stretch;background:#fff;border:1px solid #e6e6e6;border:1px solid var(--neutral-100,#e6e6e6);border-radius:8px;display:flex;min-height:64px;padding:12px;width:100%}.text-dataSize{color:#898989;font-family:Public Sans;font-size:12px;font-style:normal;font-weight:500;letter-spacing:.06px;line-height:18px}.courseDetail__groupSizeNameDoc{display:flex;flex-direction:column;margin-left:12px;text-align:start;width:100%}.courseDetail__one-exam{align-items:center;background-color:#f2f2f2;border-radius:8px;display:flex;margin-top:8px;min-height:48px;padding:8px 12px;width:100%}.courseDetail__one-exam:hover{background-color:#e5f2ff}.courseDetail__name-exam{width:100%}.noComment{align-items:center;display:flex;flex-direction:column}.noComment-text{color:#333;color:var(--Neutral-800,#333);font-size:14px;font-style:normal;font-weight:400;line-height:20px;text-align:center}.learningProcess__fixed_header{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.learningProcess__fixed_header th{align-items:center;display:flex;height:50px}.learningProcess__fixed_header tbody{color:#333;display:flex;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;height:330px;line-height:20px;overflow:auto;width:100%}.learningProcess__fixed_header tbody tr,.learningProcess__fixed_header thead tr{border-bottom:1px solid #f2f2f2;display:flex;flex-direction:row;justify-content:space-around;width:100%}.learningProcess__fixed_header tbody tr:hover{background-color:#f2f2f2}.learningProcess__fixed_header thead{background:#fff;color:#000}.learningProcess__fixed_header td,.learningProcess__fixed_header th{align-items:center;display:flex;padding:10px 5px 10px 12px;text-align:left}.learningProcess__fixed_header td:first-child,.learningProcess__fixed_header th:first-child{padding-left:12px;width:20%}.learningProcess__fixed_header td:nth-child(2),.learningProcess__fixed_header td:nth-child(3),.learningProcess__fixed_header td:nth-child(4),.learningProcess__fixed_header td:nth-child(5),.learningProcess__fixed_header td:nth-child(6),.learningProcess__fixed_header th:nth-child(2),.learningProcess__fixed_header th:nth-child(3),.learningProcess__fixed_header th:nth-child(4),.learningProcess__fixed_header th:nth-child(5),.learningProcess__fixed_header th:nth-child(6){width:10%}.learningProcess__fixed_header td:nth-child(7),.learningProcess__fixed_header th:nth-child(7){width:20%}.learningProcess__fixed_header td:nth-child(8),.learningProcess__fixed_header th:nth-child(8){width:10%}tbody::-webkit-scrollbar{width:6px}tbody::-webkit-scrollbar-thumb{background-color:#444;border:0;border-radius:20px}.tableProgress__done{align-items:center;background:#e5ffee;border:1px solid #00bc3c;border-radius:12px;display:flex;gap:10px;justify-content:center;padding:2px 8px}.tableProgress__done-text{color:#00bc3c;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.tableProgress__studying{align-items:center;background:#e5f2ff;background:var(--Secondary-50,#e5f2ff);border:1px solid #0071e3;border:1px solid var(--Secondary-500,#0071e3);border-radius:12px;display:flex;gap:10px;justify-content:center;padding:2px 8px}.tableProgress__studying-text{color:#0071e3;color:var(--Secondary-500,var(--Secondary-500,#0071e3));font-size:12px;font-style:normal;font-weight:500;line-height:16px}.tableProgress__notRegister{align-items:center;background:#f2f2f2;background:var(--Neutral-50,#f2f2f2);border:1px solid #898989;border:1px solid var(--Neutral-500,#898989);border-radius:12px;display:flex;gap:10px;justify-content:center;padding:2px 8px}.tableProgress__notRegister-text{color:#898989;color:var(--Neutral-500,#898989);font-family:Public Sans;font-size:12px;font-style:normal;font-weight:500;line-height:16px}
/*# sourceMappingURL=main.1542fb2e.css.map*/