:root,[data-color-theme=light]{--brand: #033466;--brand-rgb: 3, 52, 102;--brand-hover: #022b55;--brand-active: #022547;--brand-surface: #033466;--brand-on-surface: #fff;--brand-logo: url(/assets/images/logos/logo-200.png);--brand-navbar-logo-filter: brightness(0) invert(1);--primary: var(--brand);--primary-rgb: var(--brand-rgb);--link-color: var(--brand);--link-hover-color: var(--brand-hover);--component-active-bg: var(--brand);--focus-ring-box-shadow: 0 0 0 .125rem rgba(var(--brand-rgb), .25)}.btn-primary{--btn-bg: var(--brand);--btn-border-color: var(--brand);--btn-hover-bg: var(--brand-hover);--btn-hover-border-color: var(--brand-hover);--btn-active-bg: var(--brand-active);--btn-active-border-color: var(--brand-active);--btn-disabled-bg: var(--brand);--btn-disabled-border-color: var(--brand);--btn-focus-shadow-rgb: var(--brand-rgb)}.btn-outline-primary{--btn-color: var(--brand);--btn-border-color: var(--brand);--btn-hover-bg: var(--brand);--btn-hover-border-color: var(--brand);--btn-active-bg: var(--brand);--btn-active-border-color: var(--brand);--btn-disabled-color: var(--brand);--btn-disabled-border-color: var(--brand)}.navbar-dark.navbar-static{background-color:var(--brand-surface);color:var(--brand-on-surface)}.navbar-dark.navbar-static .navbar-brand img{filter:var(--brand-navbar-logo-filter)}app-root:has(>.app-loading){display:block;height:100vh}.app-loading{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.app-loading .logo{width:200px;height:200px;background:var(--brand-logo) center center / 90px no-repeat}.app-loading .app-loading-ring{position:absolute;inset:0;width:250px;height:250px;margin:auto;transform-origin:center center;animation:app-loading-rotate 2s linear infinite}.app-loading .app-loading-ring circle{stroke:rgba(var(--brand-rgb),.5);stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:app-loading-dash 1.5s ease-in-out infinite}@keyframes app-loading-rotate{to{transform:rotate(360deg)}}@keyframes app-loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.route-progress{position:fixed;inset:0 0 auto;height:3px;z-index:1100;overflow:hidden;background:rgba(var(--brand-rgb),.2)}.route-progress:before{content:"";position:absolute;inset:0 auto 0 0;width:40%;background:var(--brand);animation:route-progress 1.2s ease-in-out infinite}@keyframes route-progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}[dir=rtl] .route-progress:before{animation-direction:reverse}app-root,app-layout,app-auth-layout,app-main-navbar,app-main-navigation,app-footer,app-notifications-panel,page-header,app-sidebar,router-outlet+*{display:contents}.content .content{margin-left:0;margin-right:0}.fit{width:1%;white-space:nowrap}.bg-brand{background-color:var(--brand)!important;color:var(--brand-on-surface)}.text-brand{color:var(--brand)!important}.degree-zero{background-color:var(--danger)!important;color:#fff!important}.degree-non-zero{background-color:var(--white)!important;color:var(--body-color)!important}.login-cover{background:url(/assets/images/backgrounds/login.png) center center / cover no-repeat}.oc-box{width:300px;padding:var(--spacer);text-align:center;background-color:var(--card-bg, var(--white));border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm)}.oc-name{font-weight:500;white-space:nowrap}.oc-designation{color:var(--gray-600);white-space:nowrap}.oc-img{margin-bottom:var(--spacer)}.oc-img img{width:120px;height:120px;border-radius:50%}.daterangepicker{z-index:1200!important}.sortable{cursor:move}.border-dashed{border-style:dashed!important}.w-fit{width:fit-content!important}.w-5{width:5%!important}.w-10{width:10%!important}.w-15{width:15%!important}.w-20{width:20%!important}.w-30{width:30%!important}.w-35{width:35%!important}.w-40{width:40%!important}.w-45{width:45%!important}.w-55{width:55%!important}.w-60{width:60%!important}.w-65{width:65%!important}.w-70{width:70%!important}.w-80{width:80%!important}.w-85{width:85%!important}.w-90{width:90%!important}.w-95{width:95%!important}.w-5px{width:5px!important}.w-10px{width:10px!important}.w-15px{width:15px!important}.w-20px{width:20px!important}.w-25px{width:25px!important}.w-30px{width:30px!important}.w-35px{width:35px!important}.w-40px{width:40px!important}.w-45px{width:45px!important}.w-50px{width:50px!important}.w-55px{width:55px!important}.w-60px{width:60px!important}.w-65px{width:65px!important}.w-70px{width:70px!important}.w-75px{width:75px!important}.w-80px{width:80px!important}.w-85px{width:85px!important}.w-90px{width:90px!important}.w-95px{width:95px!important}.w-100px{width:100px!important}.w-105px{width:105px!important}.w-110px{width:110px!important}.w-115px{width:115px!important}.w-120px{width:120px!important}.w-125px{width:125px!important}.w-130px{width:130px!important}.w-135px{width:135px!important}.w-140px{width:140px!important}.w-145px{width:145px!important}.w-150px{width:150px!important}.w-155px{width:155px!important}.w-160px{width:160px!important}.w-165px{width:165px!important}.w-170px{width:170px!important}.w-175px{width:175px!important}.w-180px{width:180px!important}.w-185px{width:185px!important}.w-190px{width:190px!important}.w-195px{width:195px!important}.w-200px{width:200px!important}.w-205px{width:205px!important}.w-210px{width:210px!important}.w-215px{width:215px!important}.w-220px{width:220px!important}.w-225px{width:225px!important}.w-230px{width:230px!important}.w-235px{width:235px!important}.w-240px{width:240px!important}.w-245px{width:245px!important}.w-250px{width:250px!important}.w-255px{width:255px!important}.w-260px{width:260px!important}.w-265px{width:265px!important}.w-270px{width:270px!important}.w-275px{width:275px!important}.w-280px{width:280px!important}.w-285px{width:285px!important}.w-290px{width:290px!important}.w-295px{width:295px!important}.w-300px{width:300px!important}:root{--p-primary-color: var(--brand);--p-primary-hover-color: var(--brand-hover);--p-primary-active-color: var(--brand-active);--p-primary-contrast-color: #fff;--p-highlight-background: rgba(var(--brand-rgb), .1);--p-highlight-color: var(--brand);--p-form-field-border-color: var(--border-color);--p-form-field-hover-border-color: var(--border-color);--p-form-field-focus-border-color: var(--brand);--p-form-field-border-radius: var(--border-radius);--p-form-field-padding-x: .875rem;--p-form-field-padding-y: .5rem;--p-form-field-color: var(--body-color);--p-form-field-background: var(--white);--p-form-field-placeholder-color: var(--gray-600);--p-form-field-focus-ring-shadow: var(--focus-ring-box-shadow);--p-content-border-radius: var(--border-radius)}.p-component,.p-inputtext,.p-select-label{font-family:var(--body-font-family);font-size:var(--body-font-size);line-height:var(--body-line-height)}p-inputnumber,.p-inputnumber,.p-select,.p-multiselect,.p-datepicker,.p-autocomplete,.p-inputtext{width:100%;display:inline-flex}.p-select-overlay,.p-multiselect-overlay,.p-datepicker-panel{border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.p-datepicker-calendar th{text-align:center}.p-organizationchart .p-organizationchart-line-left,.p-organizationchart .p-organizationchart-node-content{cursor:pointer}.p-organizationchart-table>tbody>tr>td{padding:0 .75rem;text-align:center;vertical-align:top}.calendarCard .p-datepicker,.calendarCard .p-datepicker-panel{min-width:0!important;max-width:100%}.calendarCard .p-datepicker-calendar{width:100%;table-layout:fixed}.calendarCard .p-datepicker-calendar th,.calendarCard .p-datepicker-calendar td{padding:.125rem}.calendarCard .p-datepicker-day{width:2rem;height:2rem;max-width:100%;margin:0 auto}.calendarCard .card-body{padding:.75rem}.calendarCard .p-datepicker-inline,.calendarCard .p-datepicker .p-datepicker-panel{width:100%!important}.offcanvas.offcanvas-start{width:50%!important}.offcanvas.hire-request-detail-offcanvas{width:70%!important;display:flex;flex-direction:column}.offcanvas.hire-request-detail-offcanvas>*{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.offcanvas.hire-request-detail-offcanvas .offcanvas-body{flex:1 1 auto;min-height:0;overflow-y:auto}.offcanvas.interview-feedback-offcanvas{width:70%!important;display:flex;flex-direction:column}.offcanvas.interview-feedback-offcanvas>*{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.offcanvas.interview-feedback-offcanvas .offcanvas-body{flex:1 1 auto;min-height:0;overflow-y:auto}.offcanvas.job-opening-detail-offcanvas{width:50%!important;display:flex;flex-direction:column}.offcanvas.job-opening-detail-offcanvas>*{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.offcanvas.job-opening-detail-offcanvas .offcanvas-body{flex:1 1 auto;min-height:0;overflow-y:auto}.offcanvas.employee-preview-offcanvas{width:50%!important;z-index:1210!important;display:flex;flex-direction:column}.offcanvas.employee-preview-offcanvas>*{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.offcanvas.employee-preview-offcanvas .offcanvas-body{flex:1 1 auto;min-height:0;overflow-y:auto}body:has(.offcanvas.employee-preview-offcanvas) .offcanvas-backdrop{z-index:1200!important}.offcanvas.onboarding-detail-offcanvas{width:75%!important;display:flex;flex-direction:column}.offcanvas.onboarding-detail-offcanvas .offcanvas-body{flex:1 1 auto;min-height:0;overflow-y:auto}.offcanvas.yearly-plan-submission-detail-offcanvas{width:75%!important;display:flex;flex-direction:column}.offcanvas.yearly-plan-submission-detail-offcanvas>*{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.offcanvas.yearly-plan-submission-detail-offcanvas .offcanvas-body{flex:1 1 auto;min-height:0;overflow-y:auto}.offcanvas.announcement-detail-offcanvas{width:75%!important;display:flex;flex-direction:column}.offcanvas.announcement-detail-offcanvas>*{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.offcanvas.announcement-detail-offcanvas .offcanvas-body{flex:1 1 auto;min-height:0;overflow-y:auto}.offcanvas.company-policy-detail-offcanvas{width:75%!important;display:flex;flex-direction:column}.offcanvas.company-policy-detail-offcanvas>*{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.offcanvas.company-policy-detail-offcanvas .offcanvas-body{flex:1 1 auto;min-height:0;overflow-y:auto}.offcanvas.overtime-detail-offcanvas{width:75%!important;display:flex;flex-direction:column}.offcanvas.overtime-detail-offcanvas>*{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.offcanvas.overtime-detail-offcanvas .offcanvas-body{flex:1 1 auto;min-height:0;overflow-y:auto}.offcanvas.leave-detail-offcanvas{width:75%!important;display:flex;flex-direction:column}.offcanvas.leave-detail-offcanvas>*{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.offcanvas.leave-detail-offcanvas .offcanvas-body{flex:1 1 auto;min-height:0;overflow-y:auto}.offcanvas.job-description-detail-offcanvas{width:75%!important;display:flex;flex-direction:column}.offcanvas.job-description-detail-offcanvas>*{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.offcanvas.job-description-detail-offcanvas .offcanvas-body{flex:1 1 auto;min-height:0;overflow-y:auto}.offcanvas.leave-balance-detail-offcanvas{width:75%!important;display:flex;flex-direction:column}.offcanvas.leave-balance-detail-offcanvas .offcanvas-body{flex:1 1 auto;min-height:0;overflow-y:auto}.offcanvas.applications-pipeline-offcanvas{width:80%!important;display:flex;flex-direction:column}.offcanvas.applications-pipeline-offcanvas .offcanvas-header{flex:0 0 auto;align-items:flex-start}.offcanvas.applications-pipeline-offcanvas .offcanvas-body{flex:1 1 auto;min-height:0;overflow-y:auto}@media(max-width:991.98px){.offcanvas.applications-pipeline-offcanvas{width:100%!important}}.offcanvas.suggestion-offcanvas{width:480px!important;max-width:100%;display:flex;flex-direction:column}.offcanvas.suggestion-offcanvas>*{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.offcanvas.suggestion-offcanvas .offcanvas-body{flex:1 1 auto;min-height:0;overflow-y:auto}.sidebar.filter-drawer{position:fixed!important;inset:0 0 0 auto!important;width:360px!important;max-width:100%!important;height:100vh!important;margin:0!important;z-index:1045!important;display:flex!important;flex-direction:column;background:var(--card-bg, #fff);box-shadow:-.5rem 0 1.5rem #00000026;transform:translate(100%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}.sidebar.filter-drawer.show{transform:none;visibility:visible;transition:transform .25s ease}.sidebar.filter-drawer>.sidebar-content{flex:1 1 auto;overflow-y:auto;height:100%}.filter-drawer-backdrop{position:fixed;inset:0;z-index:1040;background:#00000059;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}.filter-drawer-backdrop.show{opacity:1;visibility:visible;transition:opacity .2s ease}body.filter-drawer-open{overflow:hidden}.sidebar.filter-drawer .filter-drawer-header{border-bottom:1px solid var(--border-color, #e5e7eb);padding-bottom:1rem!important}.sidebar.filter-drawer .sidebar-section-header:has([data-card-action=collapse]){display:none!important}.sidebar.filter-drawer form>.sidebar-section-body.border-top:last-child{position:sticky;bottom:0;z-index:2;background:var(--card-bg, #fff)}.sidebar.filter-drawer[hidden]{display:none!important}.emoji{box-sizing:border-box;float:left}.face{width:100px;height:100px;position:relative;margin:0 15px 30px 0;border-radius:50%;background:#f2dd68}.face:after{content:"";display:block;position:absolute;width:100%;height:100%;top:-8px;left:-8px;border-radius:50%;box-shadow:8px 8px #00000012}.eye{position:absolute;width:11px;height:11px;top:32px;left:16px;z-index:1;border-radius:50%;background:#995710}.eye:last-child{left:auto;right:16px}.emoji:hover .eye{animation-name:blink;animation-iteration-count:infinite;animation-duration:2s}@keyframes blink{10%{height:11px;top:32px}30%{height:1px;top:37px}50%{height:11px;top:32px}}.mouth{position:absolute;top:48px;left:0;right:0;z-index:1;width:70px;height:34px;margin:0 auto;border-radius:0 0 70px 70px;overflow:hidden;background:#995710}.mouth:before,.mouth:after{content:"";position:absolute;display:block}.mouth.teath:before{width:100%;height:10px;z-index:2;background:#fffae6}.mouth.tounge:after{position:absolute;width:38px;height:38px;left:0;right:0;top:15px;margin:0 auto;border-radius:50%;background:#d8aa2b}.grin .eye{transition:all .3s ease-in-out}.grin:hover .eye{animation:none;height:2px;top:36px}.grin:hover .mouth{animation-name:giggle;animation-iteration-count:infinite;animation-duration:.2s}@keyframes giggle{0%{transform:translateY(-1px)}50%{transform:translateY(2px)}to{transform:translateY(-1px)}}.sad .mouth{top:44px;border-radius:70px 70px 0 0}.sad .mouth:before{display:none}.shocked .mouth{width:25px;height:25px;border-radius:50%}.shocked .eye{transition:all .2s ease-in-out}.shocked:hover .eye{animation:none;transform:scale(1.3);transition:all 1.5s ease-out}.shocked:hover .mouth{animation-name:wow;animation-iteration-count:infinite;animation-duration:2.5s}@keyframes wow{70%{transform:scale(.5)}to{transform:scale(1)}}.smile .mouth{width:50px;height:25px;background:transparent;border-radius:0 0 50px 50px;border:4px solid #995710;border-top:0;-webkit-clip-path:inset(30% 0 0 0);clip-path:inset(30% 0 0 0)}.speechless .mouth{width:70px;height:4px;top:60px;border-radius:0}.heart-eye{position:absolute;top:30px;left:16px;transform:rotate(-15deg)}.heart-eye:last-child{left:auto;right:16px;transform:rotate(15deg)}.heart{display:block;width:16px;height:16px;background:#e25d5d;transform:rotate(-45deg)}.heart:before,.heart:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:#e25d5d}.heart:before{top:-8px;left:0}.heart:after{left:8px;top:0}.love .mouth{transform:scale(.5)}.love:hover .heart-eye{animation-name:pulse;animation-iteration-count:infinite;animation-duration:1s}.love:hover .heart-eye:last-child{animation-name:pulse-right}@keyframes pulse{30%{transform:scale(1.1) rotate(-15deg)}70%{transform:scale(1) rotate(-15deg)}}@keyframes pulse-right{30%{transform:scale(1.1) rotate(15deg)}70%{transform:scale(1) rotate(15deg)}}.angry .face{background:#e25d5d;transition:all .5s ease-in-out}.angry:hover .face{background:#e84747;animation-name:fuming;animation-iteration-count:infinite;animation-duration:2s;animation-timing-function:linear}@keyframes fuming{10%{transform:translate(-5px)}15%{transform:translate(5px)}20%{transform:translate(-5px)}25%{transform:translate(5px)}30%{transform:translate(-5px)}35%{transform:translate(5px)}40%{transform:translate(-5px)}45%{transform:translate(5px)}50%{transform:translate(0)}}.angry .eye,.angry .eye:before,.angry .mouth{background:#7f2626}.angry .eye:before{content:"";display:block;position:absolute;width:20px;height:5px;top:-1px;left:-4px;transform:rotate(20deg)}.angry .eye:last-child:before{left:auto;right:-4px;transform:rotate(-20deg)}.angry .mouth{width:20px;height:4px;top:64px;border-radius:0}