/*
! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}img{display:inline-block}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.fixed{position:fixed}.\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-1{inset:.25rem}.\!right-\[-20px\]{right:-20px!important}.\!top-\[-20px\]{top:-20px!important}.bottom-\[25px\]{bottom:25px}.bottom-\[2px\]{bottom:2px}.left-\[-8px\]{left:-8px}.right-3{right:.75rem}.right-\[-30px\]{right:-30px}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-3{top:.75rem}.z-10{z-index:10}.z-\[1\]{z-index:1}.\!m-0{margin:0!important}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-20{margin-bottom:5rem}.mb-7{margin-bottom:1.75rem}.mb-\[-25px\]{margin-bottom:-25px}.ml-1{margin-left:.25rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-\[-16px\]{margin-top:-16px}.mt-\[-18px\]{margin-top:-18px}.block{display:block}.flex{display:flex}.table{display:table}.aspect-square{aspect-ratio:1/1}.\!h-9{height:2.25rem!important}.\!h-\[30px\]{height:30px!important}.\!h-\[65\%\]{height:65%!important}.\!h-auto{height:auto!important}.\!h-fit{height:fit-content!important}.h-16{height:4rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[100px\]{height:100px}.h-\[15px\]{height:15px}.h-\[18px\]{height:18px}.h-\[30px\]{height:30px}.h-\[32px\]{height:32px}.h-\[35px\]{height:35px}.h-\[500px\]{height:500px}.h-\[50px\]{height:50px}.h-\[calc\(100\%-150px\)\]{height:calc(100% - 150px)}.h-\[calc\(100\%-180px\)\]{height:calc(100% - 180px)}.h-\[calc\(100vh-105px\)\]{height:calc(100vh - 105px)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.\!max-h-fit{max-height:fit-content!important}.max-h-\[30px\]{max-height:30px}.max-h-\[calc\(100vh-141px\)\]{max-height:calc(100vh - 141px)}.max-h-\[calc\(100vh-158px\)\]{max-height:calc(100vh - 158px)}.min-h-\[24\.8px\]{min-height:24.8px}.min-h-\[28px\]{min-height:28px}.min-h-\[30px\]{min-height:30px}.min-h-\[calc\(100vh-158px\)\]{min-height:calc(100vh - 158px)}.min-h-\[calc\(100vh-65px\)\]{min-height:calc(100vh - 65px)}.min-h-fit{min-height:fit-content}.min-h-screen{min-height:100vh}.\!w-\[22px\]{width:22px!important}.\!w-\[35\%\]{width:35%!important}.\!w-\[60\%\]{width:60%!important}.\!w-\[92px\]{width:92px!important}.\!w-full{width:100%!important}.w-3\/12{width:25%}.w-4{width:1rem}.w-7{width:1.75rem}.w-9\/12{width:75%}.w-\[100px\]{width:100px}.w-\[13\%\]{width:13%}.w-\[150px\]{width:150px}.w-\[15px\]{width:15px}.w-\[18px\]{width:18px}.w-\[300px\]{width:300px}.w-\[35\%\]{width:35%}.w-\[40px\]{width:40px}.w-\[85\%\]{width:85%}.w-\[calc\(100\%-155px\)\]{width:calc(100% - 155px)}.w-fit{width:fit-content}.w-full{width:100%}.\!min-w-\[600px\]{min-width:600px!important}.min-w-\[200px\]{min-width:200px}.min-w-\[30px\]{min-width:30px}.min-w-\[560px\]{min-width:560px}.min-w-fit{min-width:fit-content}.\!max-w-\[60px\]{max-width:60px!important}.\!max-w-none{max-width:none!important}.max-w-\[100px\]{max-width:100px}.max-w-\[300px\]{max-width:300px}.max-w-\[30px\]{max-width:30px}.max-w-\[350px\]{max-width:350px}.max-w-\[550px\]{max-width:550px}.flex-1{flex:1 1 0%}.flex-grow{flex-grow:1}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-\[2\%\]{gap:2%}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.\!rounded-br-none{border-bottom-right-radius:0!important}.\!rounded-tl-none{border-top-left-radius:0!important}.\!rounded-tr-none{border-top-right-radius:0!important}.\!border-2{border-width:2px!important}.border{border-width:1px}.border-2{border-width:2px}.\!border-r{border-right-width:1px!important}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-b-2{border-bottom-width:2px}.border-l-0{border-left-width:0}.\!border-\[\#D82D2A\]{--tw-border-opacity:1!important;border-color:rgb(216 45 42/var(--tw-border-opacity))!important}.border-\[\#504da6\]{--tw-border-opacity:1;border-color:rgb(80 77 166/var(--tw-border-opacity))}.border-\[\#e4804e\]{--tw-border-opacity:1;border-color:rgb(228 128 78/var(--tw-border-opacity))}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.border-slate-400{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-zinc-600{--tw-border-opacity:1;border-color:rgb(82 82 91/var(--tw-border-opacity))}.border-b-\[\#e0e0e0\]{--tw-border-opacity:1;border-bottom-color:rgb(224 224 224/var(--tw-border-opacity))}.border-opacity-0{--tw-border-opacity:0}.border-opacity-100{--tw-border-opacity:1}.bg-\[\#504DA6\],.bg-\[\#504da6\]{--tw-bg-opacity:1;background-color:rgb(80 77 166/var(--tw-bg-opacity))}.bg-\[\#D82D2A\]{--tw-bg-opacity:1;background-color:rgb(216 45 42/var(--tw-bg-opacity))}.bg-\[\#bab9b9\]{--tw-bg-opacity:1;background-color:rgb(186 185 185/var(--tw-bg-opacity))}.bg-\[\#c2e7ff\]{--tw-bg-opacity:1;background-color:rgb(194 231 255/var(--tw-bg-opacity))}.bg-\[\#d6d6d6\]{--tw-bg-opacity:1;background-color:rgb(214 214 214/var(--tw-bg-opacity))}.bg-\[\#dae1f3\]{--tw-bg-opacity:1;background-color:rgb(218 225 243/var(--tw-bg-opacity))}.bg-\[\#dedede\]{--tw-bg-opacity:1;background-color:rgb(222 222 222/var(--tw-bg-opacity))}.bg-\[\#e8e8e842\]{background-color:#e8e8e842}.bg-\[\#f1f1f1\]{--tw-bg-opacity:1;background-color:rgb(241 241 241/var(--tw-bg-opacity))}.bg-\[\#ffffff59\]{background-color:#ffffff59}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.\!p-0{padding:0!important}.p-2{padding:.5rem}.\!px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.\!pb-7{padding-bottom:1.75rem!important}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pt-0{padding-top:0}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-\[18px\]{padding-top:18px}.\!text-center{text-align:center!important}.text-center{text-align:center}.\!text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-5{line-height:1.25rem}.\!text-\[\#D82D2A\]{--tw-text-opacity:1!important;color:rgb(216 45 42/var(--tw-text-opacity))!important}.text-\[\#504DA6\],.text-\[\#504da6\]{--tw-text-opacity:1;color:rgb(80 77 166/var(--tw-text-opacity))}.text-\[\#D82D2A\]{--tw-text-opacity:1;color:rgb(216 45 42/var(--tw-text-opacity))}.text-\[\#e4804e\]{--tw-text-opacity:1;color:rgb(228 128 78/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity))}.accent-\[\#504da6\]{accent-color:#504da6}.\!shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--body-background:#fff;--foreground:#171717;--sidenav-background:#f6f8fc;--text-color:#333;--border-color:#e0e0e0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:none;-moz-appearance:textfield}.j-side-nav{display:flex;width:100%;flex-direction:column;border-right:1px solid var(--border-color)}.clickEffect{position:relative;transition:transform .1s ease-in-out}.clickEffect:active{transform:scale(.96)}.no-scrollbar::-webkit-scrollbar{height:10px;width:6px;border-radius:10px}.no-scrollbar::-webkit-scrollbar-thumb{background:#504da6;border-radius:10px}.no-scrollbar::-webkit-scrollbar-track{background:#d9d9d9;border-radius:10px;padding:2px}.loginBg{width:100%;height:100vh}.login-form{background:hsla(0,0%,85%,.8);max-width:450px;min-width:450px;width:50%;align-items:center;margin-right:60px;gap:18px}.form-fields,.login-form{display:flex;flex-direction:column}.form-fields{width:100%;border-radius:4px;height:fit-content;background-color:transparent}.form-fields label{font-size:16px;font-weight:700;color:#504da6}.form-fields input{width:100%;min-height:48px;outline-color:#504da6;padding:0 16px;border-radius:10px;border:1px solid #504da6}.attendance-form{max-width:350px;display:flex;width:25%;box-shadow:0 0 2px 1px #504da6;min-width:fit-content;justify-content:center;margin:24px 0;padding:32px 16px}.table-header-row{width:100%}.table-header-row>th{background-color:#dae1f3;color:#000;height:35px;text-align:left;padding:8px 12px}.table-header-row th:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}.table-header-row th:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px;text-align:center}.table-body-row{width:100%}.table-body-row>td{max-width:300px;height:35px;text-align:left;border-bottom:1px solid #bab9b9;padding:8px 12px}.modal-form-container{position:relative;display:flex;flex-direction:column;width:25%;min-width:450px;border:1px solid #504da6;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:4px;background-color:#fff;padding:0 36px}.modal-header{font-size:18px;font-weight:700;color:#504da6;padding:26px 0}.modal-body{display:flex;flex-direction:column;width:100%;gap:12px}.modal-footer{font-size:16px;font-weight:700;padding:16px 0}.modal-text{text-align:center}.modal-label-wrapper{min-width:fit-content;width:170px}.modal-label-wrapper label{font-size:14px;font-weight:700;color:#504da6}.modal-fields-wrapper input{width:100%;max-width:350px;outline-color:#504da6;padding:0 16px;border-radius:4px;border:1px solid #504da6;background-color:#fff;height:30px}.reason-box{display:flex;width:100%;min-height:100px;padding:4px 8px;text-align:left;border:1px solid #504da6}.modal-fields-wrapper input::placeholder{color:#000}.modal-fields-wrapper select{width:100%;max-width:350px;outline-color:#504da6;padding:0 16px;border-radius:4px;border:1px solid #504da6;background-color:#fff;height:30px}.modal-fields-wrapper{display:flex;align-items:center;width:100%;border-radius:4px;height:fit-content;background-color:transparent}.close-button{position:absolute;display:flex;width:22px;height:22px;right:0;margin-top:10px;margin-right:10px;background-color:#000;border-radius:9999px;justify-content:center;align-items:center}.close-button span{height:26px;color:#fff}.close-button:hover{font-weight:600;background-color:#d82d2a}.user-table-header-row{width:100%}.user-table-header-row>th{background-color:#dae1f3;color:#000;height:35px;padding:8px 12px;text-align:left}.user-table-header-row th:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}.user-table-header-row th:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px;text-align:center}.user-table-body-row{width:100%}.user-table-body-row>td{height:35px;text-align:left;padding:8px 12px;border-bottom:1px solid #d6d6d6;word-wrap:break-word;max-width:250px}.user-table-body-row>td:nth-of-type(3){text-transform:none!important}.Leave-type-select{width:100%;max-width:345px;outline-color:#504da6;padding:0 16px;border-radius:4px;border:1px solid #504da6;background-color:#fff;height:30px;text-transform:capitalize}.tab{width:150px;display:flex;min-height:35px;padding:6px 10px;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff}.table-headers-row{width:100%}.table-headers-row th{background-color:#504da6;border-left:1px solid #504da6;border-right:1px solid #504da6;color:#fff;font-size:700;padding:6px 8px;font-weight:800}.table-columns-row td,.table-headers-row th{text-transform:capitalize;text-align:center;border-bottom:1px solid #000}.table-columns-row td{border-left:1px solid #000;border-right:1px solid #000;padding:2px 8px}.table-columns-row td:first-of-type{background-color:#504da6;color:#fff}.close-alert-button{display:flex;width:15px;height:15px;background-color:#bab7b7;border-radius:9999px;justify-content:center;align-items:center}.close-alert-button>span{height:fit-content;font-size:12px;color:balck}.close-alert-button:hover{font-weight:600;background-color:#d82d2a;color:#fff}.tooltip{position:relative}.tooltip .tooltiptext{visibility:hidden;width:120px;left:32px;bottom:24px;background-color:#000;font-weight:900;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1}.tooltip:hover .tooltiptext{visibility:visible}.DataTableRow td{padding:10px;text-align:center;text-transform:capitalize;border-bottom:1px solid #bab9b9}.DataTableRow:nth-child(2n) td{background:#f1f1f1}.DataTableRow:nth-child(odd) td{background:#fff}.rounded-th th:first-of-type{border-top-left-radius:.5rem}.rounded-th th:last-of-type{border-top-right-radius:.5rem}.rounded-last-of-tr:last-of-type td:first-of-type{border-bottom-left-radius:.5rem!important}.rounded-last-of-tr:last-of-type td:last-of-type{border-bottom-right-radius:.5rem!important}.loader{width:50px;aspect-ratio:1;border-radius:50%;border:8px solid #514b82;animation:l20-1 .8s linear infinite alternate,l20-2 1.6s linear infinite}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}25%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0deg)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0deg)}to{transform:scaleY(-1) rotate(-135deg)}}.buttonloader{width:18px;height:18px;border:2px solid;border-color:#fff #fff transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.report-date-range{display:flex;flex-direction:column;width:fit-content;max-width:150px}.report-date-range input{width:fit-content;min-height:35px;min-width:fit-content;outline-color:#504da6;padding:0 16px;border:1px solid #504da6}.report-date-range-label{height:fit-content;text-align:center;font-size:20px;font-weight:700;color:#504da6;padding-top:3px}.logout-box-shadow{box-shadow:0 3px 8px rgba(0,0,0,.24)}.user-form-modal-container{position:relative;display:flex;flex-direction:column;width:95%;border:1px solid #504da6;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:4px;background-color:#fff;padding:0 20px;height:95%}.user-form-modal-body{display:flex;flex-direction:column;width:calc(100% - 24px);height:100%;gap:12px}.user-form-modal-input-fields-row{display:flex;width:100%;align-items:center;gap:18px}.user-form-modal-input-fields-row input{width:100%;outline-color:#504da6;padding:0 16px;border-radius:4px;border:1px solid #504da6;background-color:#fff;height:40px}.user-form-modal-input-fields-row input::placeholder{color:#000}.user-form-modal-input-fields-row select{width:100%;outline-color:#504da6;padding:0 16px;border-radius:4px;border:1px solid #504da6;background-color:#fff;height:40px}.user-form-modal-field-wrapper{display:flex;width:calc(50% - 9px);align-items:center}.user-form-modal-label-wrapper{min-width:fit-content}.user-form-modal-label-wrapper label{display:block;width:150px;font-size:16px;font-weight:700;color:#504da6}tbody tr:nth-child(2n) td{background-color:#dedede}.payroll-form-container{position:relative;display:flex;flex-direction:column;min-width:384px;border:1px solid #504da6;height:390px;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:4px;background-color:#fff;padding:20px 36px}.buttonTooltip{position:relative}.buttonTooltip-text{width:140px;position:absolute;visibility:hidden;background-color:rgba(0,0,0,.75);color:#fff;border-radius:5px;font-size:13px;line-height:14px;padding:6px;top:-40px;left:-65px;transition:all ease-in-out}.buttonTooltip-text:before{content:"";position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #000000bf;bottom:-8px;left:65px}.buttonTooltip:hover .buttonTooltip-text{visibility:visible}.profile-image-placeholder{width:120px;height:120px;border-radius:100%}.profile-image-placeholder svg{width:100%;height:100%}.salaryInput input{width:calc(100% - 180px);outline-color:#504da6;padding:0 16px;border-radius:4px;border:1px solid #504da6;background-color:#fff;height:40px}.salarySlipInput{border:none;text-transform:capitalize;outline:none;height:100%;width:100%;background-color:inherit}.hover\:rounded-xl:hover{border-radius:.75rem}.hover\:bg-\[\#cedfee\]:hover{--tw-bg-opacity:1;background-color:rgb(206 223 238/var(--tw-bg-opacity))}.hover\:bg-opacity-85:hover{--tw-bg-opacity:0.85}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:opacity-75:hover{opacity:.75}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.active\:scale-90:active{--tw-scale-x:.9;--tw-scale-y:.9;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))}.\[\&\>\*\]\:border-b>*{border-bottom-width:1px}.\[\&\>\*\]\:border-\[\#f1f1f1\]>*{--tw-border-opacity:1;border-color:rgb(241 241 241/var(--tw-border-opacity))}.\[\&\>\*\]\:\!bg-red-100>*{--tw-bg-opacity:1!important;background-color:rgb(254 226 226/var(--tw-bg-opacity))!important}.\[\&\>\*\]\:\!bg-red-200>*{--tw-bg-opacity:1!important;background-color:rgb(254 202 202/var(--tw-bg-opacity))!important}.\[\&\>\*\]\:last\:\!border-none:last-child>*{border-style:none!important}.\[\&\>td\]\:max-w-\[unset\]>td{max-width:unset}.\[\&\>td\]\:whitespace-nowrap>td{white-space:nowrap}.\[\&\>td\]\:py-4>td{padding-top:1rem;padding-bottom:1rem}.\[\&\>td\]\:capitalize>td{text-transform:capitalize}.\[\&\>th\]\:\!whitespace-nowrap>th{white-space:nowrap!important}.\[\&\>th\]\:border>th{border-width:1px}.\[\&\>th\]\:border-r-0>th{border-right-width:0}.\[\&\>th\]\:border-black>th{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.\[\&\>th\]\:py-2>th{padding-top:.5rem;padding-bottom:.5rem}.\[\&\>th\]\:py-3\.5>th{padding-top:.875rem;padding-bottom:.875rem}.\[\&\>th\]\:py-4>th{padding-top:1rem;padding-bottom:1rem}.\[\&\>th\]\:text-center>th{text-align:center}.\[\&\>th\]\:first\:rounded-bl-none:first-child>th{border-bottom-left-radius:0}