@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}:root{--primary: rgb(45, 65, 111);--primary-light: rgb(243, 246, 247);--secondary: rgba(75, 170, 121, 1);--secondary-light: rgb(238, 255, 238);--text-color: rgba(65, 65, 65, .9);--alt-text-color: rgb(129, 141, 169);--white-text-color: rgb(255, 255, 255);--bg-color: rgb(255, 255, 255);--alt-bg-color: rgb(242, 242, 242);--frame-bg-color: rgb(218, 218, 218);--inverse-bg-color: rgba(65, 65, 65, .702);--overlay-bg-color: rgba(0, 0, 0, .2);--border-color: rgb(205, 205, 205);--box-shadow: 3px 5px 20px rgba(0, 0, 0, .1);--box-shadow-alt: 3px 5px 20px rgba(0, 0, 0, .04)}:root.dark-theme{--primary: rgba(205, 225, 227, 1);--primary-light: rgb(26, 27, 30);--secondary: rgba(75, 170, 121, 1);--secondary-light: rgb(238, 255, 238);--text-color: rgb(255, 255, 255);--alt-text-color: rgb(129, 141, 169);--white-text-color: rgba(65, 65, 65, .9);--bg-color: rgb(20, 21, 23);--alt-bg-color: rgba(65, 65, 65, .702);--frame-bg-color: rgba(65, 65, 65, .702);--inverse-bg-color: rgb(4, 2, 2);--overlay-bg-color: rgba(255, 255, 255, .1);--border-color: rgba(65, 65, 65, .7);--box-shadow: 3px 5px 20px rgba(255, 255, 255, .05);--box-shadow-alt: 3px 5px 20px rgba(255, 255, 255, .04)}:root.custom-theme{--primary: var(--custom-primary);--primary-light: var(--custom-primary-light);--secondary: var(--custom-secondary);--secondary-light: var(--custom-secondary-light)}@keyframes glitch{0%{transform:translate(-50%,-50%)}25%{transform:translate(-54%,-46%)}50%{transform:translate(-46%,-54%)}75%{transform:translate(-54%,-46%)}to{transform:translate(-50%,-50%)}}@keyframes glitch-horizontal{0%{transform:translate(0)}50%{transform:translate(-12.5%)}to{transform:translate(0)}}.createModal .delete-btn .btn-main-cancel,.createModal .delete-btn .btn-main-save,.dept-head .onboarding-btn-subModal,.btn-cancel,.btn-delete,.btn-alt,.btn-main{min-width:max-content;cursor:pointer;padding:.75rem 1.2rem;font-size:13px;font-weight:600;font-family:Poppins,sans-serif;letter-spacing:1px;border:1px solid var(--secondary);border-radius:5px;display:flex;justify-content:center;align-items:center;gap:.5rem}.createModal .delete-btn .btn-main-cancel:disabled,.createModal .delete-btn .btn-main-save:disabled,.dept-head .onboarding-btn-subModal:disabled,.btn-cancel:disabled,.btn-delete:disabled,.btn-alt:disabled,.btn-main:disabled{cursor:default;opacity:.5}.btn-main{background-color:var(--secondary);color:#fff}@media screen and (max-width: 480px){.btn-main{width:100%}}.btn-alt{background-color:#fff;color:var(--secondary)}.btn-delete{background-color:#fff;border:1px solid red;color:red}.btn-cancel{background-color:#fff;border:1px solid var(--border-color);color:var(--text-color)}.btn-link{border:none;outline:none;background:none;color:var(--secondary);text-decoration:underline;font-size:14px;font-family:Poppins,sans-serif;font-weight:500;max-width:max-content;cursor:pointer}.btn-link:disabled{cursor:default;opacity:.5}.btn-w-full{width:100%}.icon-btn{display:flex;justify-content:center;align-items:center;padding:.5rem;border:none;outline:none;border-radius:8px;background-color:var(--primary);color:#fff;font-size:1.5rem;cursor:pointer}.icon-btn-alt{display:flex;justify-content:center;align-items:center;border:none;outline:none;background-color:var(--secondary-light);color:var(--secondary);border:1px solid var(--secondary);border-radius:6px;padding:.5rem;font-size:1.5rem;max-width:max-content;cursor:pointer}.input-main{display:flex;flex-direction:column;gap:1rem;gap:.5rem;margin-bottom:.5rem}@media screen and (max-width: 480px){.input-main{width:100%}}.input-main label{display:flex;flex-direction:column;gap:1rem;gap:.5rem;font-size:14px}.input-main label>div{display:flex}.input-main label span{color:red}.input-main .label{max-width:max-content}.input-main .label>div{display:flex}.input-main input,.input-main select,.input-main textarea{width:400px;background-color:var(--secondary-light);border:1px solid var(--border-color);border-radius:6px;padding:.8rem .5rem;font-family:Poppins,sans-serif}@media screen and (max-width: 480px){.input-main input,.input-main select,.input-main textarea{width:100%}}.input-main input:focus,.input-main select:focus,.input-main textarea:focus{outline:none;background-color:transparent}.input-main input:disabled,.input-main select:disabled,.input-main textarea:disabled{cursor:default;opacity:.75}.input-main textarea{width:100%;height:84px;font-family:Poppins,sans-serif;margin-bottom:-.5rem}.input-main select{cursor:pointer}.input-main p{color:red;margin-top:.4rem;max-width:400px}.input-main .visibility{position:relative;display:flex;align-items:center;width:100%}.input-main .visibility .icon{position:absolute;right:1rem;cursor:pointer}.checkbox{display:flex;justify-content:center;align-items:center;justify-content:flex-start;max-width:max-content;gap:.5rem}.checkbox input{filter:hue-rotate(300deg);cursor:pointer}.checkbox label{font-size:14px;font-weight:500;min-width:max-content}.modal-btns{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:1rem}@media screen and (max-width: 480px){.modal-btns{flex-direction:column-reverse}}.modal-btns button{width:100%}.modal-btns-stack{display:flex;flex-direction:column;gap:1rem;width:100%;margin-top:1rem}.modal-btns-stack button{width:100%}.page_section{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;height:100%;border-radius:10px;background-color:var(--bg-color)}@media screen and (max-width: 480px){.page_section{padding:1rem}}.feature-table-header{display:flex;justify-content:space-between;align-items:center;align-items:flex-end;flex-wrap:wrap;background-color:var(--primary-light);padding:1.5rem;border-radius:10px}@media screen and (max-width: 768px){.feature-table-header{padding:1rem;row-gap:1rem}}.error-info{display:flex;align-items:center;gap:1rem;color:red}.error-info span{display:flex;justify-content:center;align-items:center;font-size:1.2rem}.icon,.sidebarIcon{display:flex;justify-content:center;align-items:center;width:max-content}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;outline:none}html{scroll-behavior:smooth;scrollbar-color:var(--border-color)}html ::-webkit-scrollbar{width:6px;height:6px;margin-block:1rem}html ::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}body{min-height:100vh;scroll-behavior:smooth;overflow-x:hidden;margin:0;padding:0;font-family:Poppins,sans-serif}body::-webkit-scrollbar{scroll-behavior:smooth;visibility:hidden}body::-webkit-scrollbar:hover{visibility:visible}body::-webkit-scrollbar-thumb{background-color:var(--border-color);visibility:hidden}body::-webkit-scrollbar-thumb:hover{visibility:visible}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li{text-wrap:pretty;max-width:72ch}select,button{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;outline:none;background:none}p{font-size:14px;font-weight:500}a{font-size:14px;font-weight:500;text-decoration:none;color:var(--text-color)}ul{list-style:none}li{font-size:14px;font-weight:500}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--secondary-light) inset!important;-webkit-text-fill-color:var(--text-color)!important}.Toastify__progress-bar-theme--light.Toastify__progress-bar--info{background-color:var(--primary)!important}.Toastify__progress-bar-theme--light.Toastify__progress-bar--success{background-color:var(--secondary)!important}.Toastify__progress-bar-theme--light.Toastify__progress-bar--error{background-color:#e05453!important}.layout{flex-direction:column;gap:1rem;gap:0;max-width:1920px;margin:0 auto;position:relative;display:flex;min-height:100vh;scroll-behavior:smooth;box-shadow:var(--box-shadow)}.layout main{position:relative;display:flex;min-height:100vh}.layout main .toggle-icon{position:fixed;top:7.375rem;left:3.25rem;z-index:1000;width:1.8rem;height:1.8rem;border-radius:50%;border:1px solid var(--border-color);background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.4rem;color:var(--primary);box-shadow:var(--box-shadow);transition:.1s linear}.layout main .toggle-icon.toggle-collapsed{left:16.875rem;transition:.1s linear}.layout main .mainBody{position:relative;width:100%;padding:2rem;display:flex;flex-direction:column;gap:1rem;overflow-x:hidden}@media screen and (max-width: 480px){.layout main .mainBody{padding:2rem .8rem}}.layout .mini-layout{margin-left:4rem}.signup-layout{min-height:100vh;display:grid}.signup-layout .auth-container{margin:1rem}.login-layout{display:grid;justify-content:space-between;max-width:1200px;margin:0 auto}.theme{background-color:var(--bg-color);color:var(--text-color);transition:.3s linear}.theme h1,.theme h2,.theme h3,.theme h4,.theme h5,.theme h6,.theme .heading{color:var(--primary)}.theme .header-bg{background-color:var(--primary);color:var(--white-text-color)}.theme .alternate{background-color:var(--primary-light)}.theme .card-bg{background-color:var(--bg-color)}.theme .card-bg-alt{background-color:var(--frame-bg-color)}.theme .overlay-bg{background-color:var(--overlay-bg-color)}.theme .border{border-color:var(--border-color)!important}.theme .shadow{box-shadow:var(--box-shadow)}.theme .shadow-alt{box-shadow:var(--box-shadow-alt)}.theme .footer{background-color:var(--primary)}.theme .crumb{color:var(--alt-text-color)}.signup-personal-information{display:flex;flex-direction:column}.signup-personal-information .input-main input,.signup-personal-information .input-main select{color:var(--text-color);background-color:var(--secondary-light)}.signup-personal-information .signup-input{display:flex;justify-content:space-between;gap:1rem}.signup-personal-information .signup-input input{width:192px}.signup-personal-information .signup-input:first-child p,.signup-personal-information .signup-input:nth-child(2) p{max-width:192px}.signup-personal-information .hint-text{font-size:12px;margin-bottom:12px;margin-top:-4px;opacity:.6;max-width:400px}.signup-organization-details .input-main input,.signup-organization-details .input-main select{color:var(--text-color);background-color:var(--secondary-light)}.signup-organization-details .domain{display:flex;align-items:center;justify-content:space-between}.signup-organization-details .domain input{width:256px}.signup-organization-details .domain h3{font-weight:500}.signup-review{display:flex;flex-direction:column;gap:1rem;width:max-content;margin-bottom:1.5rem;padding:2rem;border-radius:12px;border:1px solid var(--border-color)}@media screen and (max-width: 768px){.signup-review{width:100%}}.signup-review h3{color:var(--primary)}.signup-review .detail-review{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media screen and (max-width: 768px){.signup-review .detail-review{display:flex;flex-direction:column;gap:1rem}}.signup-review .detail-review .detail{display:flex;flex-direction:column;gap:1rem;gap:.1rem;padding:.75rem 1rem;background-color:var(--alt-bg-color);border-radius:6px}.signup-review .detail-review .detail p{font-size:13px;color:var(--text-color);letter-spacing:1px}.signup-review .detail-review .detail h4{color:var(--primary);font-weight:600}.subOrgHead{position:relative;margin-bottom:1.5rem}.subOrgHead .table-head{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:2rem}.subOrgHead .table-head h4{font-weight:600}.subOrgHead .table-head button{display:flex;justify-content:center;align-items:center;gap:.2rem;min-width:max-content;font-weight:600;padding:.6rem 1.2rem .6rem .8rem}.subOrgHead .table-head button span{letter-spacing:1.2px;font-size:13px;letter-spacing:1px}.subOrgHead .table-head button .icon{font-size:1.2rem}.subOrgHead .create-sub-org{display:flex;flex-direction:column;gap:1rem;align-items:center}.subOrgHead .create-sub-org p{text-align:center}.subOrgHead .create-sub-org button{margin-top:.5rem;display:flex;justify-content:center;align-items:center;gap:.2rem;min-width:max-content;font-weight:600;padding:.6rem 1.2rem;font-size:13px}.subOrgHead .create-sub-org button span{letter-spacing:1.2px;font-size:13px;letter-spacing:1px}.subOrgHead .create-sub-org button .icon{font-size:1.2rem}.createModal-onboarding{width:max-content;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:1rem;margin:0 auto}@media screen and (max-width: 480px){.createModal-onboarding{padding:1rem 0rem;width:100%}}.createModal-onboarding label{font-weight:500}.createModal-onboarding p{max-width:350px}.createModal-onboarding .single-select{margin-bottom:.01rem}.createModal-onboarding .input-main{min-width:22rem;margin-bottom:.01rem}@media screen and (max-width: 480px){.createModal-onboarding .input-main{min-width:100%}}.createModal-onboarding .input-main input{width:100%;margin-bottom:.2rem}.createModal-onboarding .input-main select{width:100%}.createModal-onboarding .action-btns{display:flex;flex-direction:column;gap:1rem;width:100%;margin-top:.5rem}.createModal-onboarding .action-btns button{width:100%}.dept-head{display:flex;flex-direction:column}.dept-head .table-head{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:.5rem}.dept-head .table-head h4{font-weight:600}.dept-head .table-head button{display:flex;justify-content:center;align-items:center;gap:.2rem;min-width:max-content;font-weight:600;padding:.6rem 1.2rem .6rem .8rem}.dept-head .table-head button span{letter-spacing:1.2px;font-size:13px;letter-spacing:1px}.dept-head .table-head button .icon{font-size:1.2rem}.dept-head .info{display:flex;justify-content:center;align-items:center;gap:.4rem;max-width:max-content;margin-bottom:1.5rem;opacity:.5}.dept-head .departments{margin-bottom:1rem;display:flex;flex-direction:column;gap:1rem;gap:.5rem}.dept-head .onboarding-btn-subModal{background-color:var(--secondary);color:#fff;justify-self:end;margin-bottom:1rem}.dept-modal{background-color:var(--secondary-light);border:1px solid var(--secondary-light);border-radius:6px;padding:.8rem .5rem}.units{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.chart{position:relative;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.chart .tree-zoom{display:flex;gap:1.5rem}@media screen and (max-width: 1280px){.chart .tree-zoom{flex-direction:column}}.chart .tree{width:100%;max-height:400px;min-height:300px;border:1px solid var(--border-color);border-radius:8px;padding:3rem 2rem 2rem;overflow-x:scroll;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--secondary) var(--border-color)}.chart .tree::-webkit-scrollbar{width:6px;height:6px;margin-block:1rem}.chart .tree::-webkit-scrollbar-thumb{background-color:var(--secondary);border-radius:100vw}.chart .tree::-webkit-scrollbar-thumb:hover{cursor:pointer}.chart .tree::-webkit-scrollbar-track{background-color:var(--border-color);border-radius:100vw}.chart .chart-unit,.chart .chart-dept,.chart .chart-suborg,.chart .chart-org{padding:.4rem 1rem;border-radius:6px;width:max-content;margin:0 auto;line-height:18px}.chart .chart-org{border:3px solid var(--primary)}.chart .chart-suborg{border:3px solid var(--alt-text-color)}.chart .chart-dept{border:3px solid rgb(205,225,227)}.chart .chart-unit{border:3px solid rgb(218,218,218)}.chart .legend{display:flex;flex-direction:column;gap:1rem}.chart .legend .legend-grp{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.chart .legend .legend-item{display:flex;justify-content:center;align-items:center;gap:.5rem}.chart .legend .legend-item .profile-photo .uploaded .overlay .yellow,.profile-photo .uploaded .overlay .chart .legend .legend-item .yellow,.chart .legend .legend-item .profile-photo .uploaded .overlay .green,.profile-photo .uploaded .overlay .chart .legend .legend-item .green,.chart .legend .legend-item .profile-photo .uploaded .overlay .red,.profile-photo .uploaded .overlay .chart .legend .legend-item .red,.chart .legend .legend-item .lookup-filter .filter-drop .filter-items .module .inactive,.lookup-filter .filter-drop .filter-items .module .chart .legend .legend-item .inactive,.chart .legend .legend-item .lookup-filter .filter-drop .filter-items .module .active,.lookup-filter .filter-drop .filter-items .module .chart .legend .legend-item .active,.organogram .chart .legend .legend-item .unit,.organogram .chart .legend .legend-item .dept,.organogram .chart .legend .legend-item .sub-org,.organogram .chart .legend .legend-item .org,.org-chart .chart .legend .legend-item .unit,.org-chart .chart .legend .legend-item .dept,.org-chart .chart .legend .legend-item .sub-org,.org-chart .chart .legend .legend-item .org,.chart .legend .legend-item .unit,.chart .legend .legend-item .dept,.chart .legend .legend-item .sub-org,.chart .legend .legend-item .org{width:32px;height:16px;border-radius:4px}.chart .legend .legend-item .org{border:3px solid var(--primary)}.chart .legend .legend-item .sub-org{border:3px solid var(--alt-text-color)}.chart .legend .legend-item .dept{border:3px solid rgb(205,225,227)}.chart .legend .legend-item .unit{border:3px solid rgb(218,218,218)}.chart .zoom{display:flex;flex-direction:column;gap:1rem;align-items:center;gap:.5rem;align-self:flex-end}@media screen and (max-width: 1280px){.chart .zoom{flex-direction:row}}.chart .zoom p{font-weight:600}.chart .zoom span{background-color:var(--secondary);padding:.3rem;border-radius:2px;max-width:max-content;color:#fff;cursor:pointer}.bank_setup{min-width:680px;display:flex;flex-direction:column;gap:1rem}.bank_setup .form_step{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 1rem}.bank_setup .form_step input{width:100%}.bank_setup .form_step .span_2{grid-column:span 2}.bank_setup .form_step .template{display:flex;justify-content:flex-end;margin:.75rem 0 .5rem}.bank_setup .form_step .template .btn-link{font-weight:600;letter-spacing:.75px}.fund-wallet-ctn{display:flex;flex-direction:column;gap:1rem;gap:1.5rem}.fund-wallet-ctn .fund-header{display:flex;flex-direction:column;gap:1rem;gap:.25rem}.fund-wallet-ctn .fund-header p{color:var(--primary);font-size:15px}.fund-wallet-ctn .fund-details{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1rem;align-items:center;gap:1.5rem;border:1px solid rgb(224,224,224);border-radius:8px}.fund-wallet-ctn .fund-details .fund-details-head{display:flex;gap:.5rem;font-size:13px;font-weight:400;opacity:.85;text-align:center}.fund-wallet-ctn .fund-details .fund-details-head span{align-self:start;margin-top:.25rem}.fund-wallet-ctn .fund-details>div{display:flex;flex-direction:column;gap:1rem;align-items:center;gap:.1rem}.fund-wallet-ctn .fund-details>div h2{display:flex;align-items:center;gap:.75rem}.fund-wallet-ctn .fund-details>div h2 span{font-size:1rem;cursor:pointer;transition:.3s linear}.fund-wallet-ctn .fund-details>div h2 span:hover{transform:rotate(90deg);transition:.3s linear}.fund-wallet-ctn .fund-details>div p{font-size:12px;letter-spacing:.75px;text-transform:uppercase}.fund-wallet-dev{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.fund-wallet-dev .fund-header{display:flex;flex-direction:column;gap:1rem;gap:.25rem;text-align:center;margin-bottom:1.5rem}.fund-wallet-dev .fund-header p{font-size:15px;opacity:.85}.fund-wallet-dev input{width:100%}.kyc_payment_methods{display:grid;grid-template-columns:1fr;gap:1rem}@media screen and (min-width: 768px){.kyc_payment_methods{grid-template-columns:1fr 1fr 1fr;gap:1.5rem}}@media screen and (min-width: 1280px){.kyc_payment_methods{grid-template-columns:1fr 1fr}}.kyc_payment_methods .button{position:relative;display:flex;flex-direction:column;gap:1rem;border:1px solid rgb(224,224,224);border-radius:10px;padding:3.5rem .5rem}@media screen and (min-width: 768px){.kyc_payment_methods .button{display:flex;justify-content:center;align-items:center;padding:.5rem}}.kyc_payment_methods .button button{background:none;border:none;outline:none;display:flex;justify-content:center;align-items:center;gap:.5rem;color:var(--secondary);font-size:16.5px;font-weight:600;letter-spacing:1px;text-decoration:underline;cursor:pointer}.kyc_payment_methods .button span{position:absolute;bottom:1rem;right:1rem;font-size:13px;font-weight:500;background-color:#ffffbe;color:#b8860b;max-width:fit-content;padding:.2rem .5rem;border-radius:16px;margin-top:.75rem}.kyc_payment_methods .method{display:flex;flex-direction:column;gap:1rem;border:1px solid rgb(224,224,224);border-radius:10px;padding:1rem;gap:.5rem}@media screen and (min-width: 768px){.kyc_payment_methods .method{padding:1.5rem;grid-column:span 2}}@media screen and (min-width: 1280px){.kyc_payment_methods .method{grid-column:span 1}}.kyc_payment_methods .method .top{display:flex;flex-direction:column;gap:1rem;flex-direction:column-reverse;align-items:flex-start;gap:.25rem}@media screen and (min-width: 768px){.kyc_payment_methods .method .top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem}}.kyc_payment_methods .method .top .bank{display:flex;justify-content:center;align-items:center;gap:1rem}.kyc_payment_methods .method .top .bank img{width:48px;border-radius:6px}.kyc_payment_methods .method .top .bank>div{display:flex;flex-direction:column;gap:1rem;gap:.25rem}.kyc_payment_methods .method .top .bank>div p{color:var(--primary);font-weight:400;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.kyc_payment_methods .method .top span{font-size:13px;font-weight:500;background-color:var(--secondary-light);color:var(--secondary);padding:.2rem .5rem;border-radius:16px;align-self:flex-end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width: 768px){.kyc_payment_methods .method .top span{align-self:flex-start}}.kyc_payment_methods .method hr{border:none;height:1px;background-color:var(--alt-bg-color);width:100%}.kyc_payment_methods .method .bottom{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 768px){.kyc_payment_methods .method .bottom{display:flex;justify-content:space-between;align-items:center;align-items:flex-start}}.kyc_payment_methods .method .bottom .balance{display:flex;flex-direction:column;gap:1rem;gap:.25rem}.kyc_payment_methods .method .bottom .balance p{opacity:.65}.kyc_payment_methods .method .bottom .fund{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:.75rem;width:100%}@media screen and (min-width: 768px){.kyc_payment_methods .method .bottom .fund{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:1rem}}.kyc_payment_methods .method .bottom button{font-size:13px}.kyc_payment_methods .method .copy-btn{background-color:var(--secondary-light);display:flex;justify-content:center;align-items:center;border:0;outline:0;cursor:pointer;height:32px;width:32px;font-size:18px;border-radius:8px;color:var(--secondary);transition:.4s linear}.kyc_payment_methods .method .copy-btn:hover{transform:rotate(-90deg);transition:.4s linear}.setup_guide{position:relative;display:flex;flex-direction:column;padding:1rem;gap:1rem;min-width:860px;max-height:620px}.setup_guide .window-btns{position:absolute;top:0rem;right:1rem;display:flex;gap:1rem}.setup_guide .window-btns .icon{display:flex;justify-content:center;align-items:center;background-color:var(--alt-bg-color);color:#414141b3;padding:.5rem;border-radius:6px;font-size:1.25rem;cursor:pointer;transition:.3s linear}.setup_guide .window-btns .icon:hover{transform:scale(1.15);transition:.3s linear}.setup_guide .setup_header{display:flex;align-items:flex-start;gap:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--alt-bg-color)}.setup_guide .setup_header .icon{font-size:1.4rem;color:var(--primary);padding-top:.1rem}.setup_guide .setup_header>div{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.setup_guide .setup_header>div p{opacity:.85}.setup_guide .setup_header>div h3 span{font-size:13px;font-weight:500;opacity:.85;margin-left:.25rem}.setup_guide .setup_header>div .setup_progress{display:flex;align-items:center;justify-content:space-between}.setup_guide .setup_header>div .setup_progress .circle{display:flex;align-items:center;gap:.75rem}.setup_guide .all-steps{overflow-y:auto;box-sizing:border-box;scroll-behavior:smooth;scrollbar-color:var(--border-color);padding-bottom:.5rem}.setup_guide .all-steps::-webkit-scrollbar{scroll-behavior:smooth}.setup_guide .all-steps::-webkit-scrollbar-thumb{background-color:var(--border-color)}.setup_guide .setup_step{display:flex;align-items:flex-start;gap:1rem;width:100%}.setup_guide .setup_step .numbering{display:flex;flex-direction:column;align-items:center}.setup_guide .setup_step .numbering span{display:flex;justify-content:center;align-items:center;width:36px;height:36px;background-color:var(--secondary-light);border-radius:50%;color:var(--secondary);font-size:16px;font-weight:600}.setup_guide .setup_step .numbering .icon{font-size:1.5rem;background-color:var(--secondary);color:#fff}.setup_guide .setup_step .numbering hr{width:0;border-left:1px dashed rgb(224,224,224);height:100%;min-height:84px}.setup_guide .setup_step .numbering hr.last{display:none}.setup_guide .setup_step .body_container{padding-bottom:1rem;width:100%}.setup_guide .setup_step .body_container .setup_body{display:flex;justify-content:space-between;align-items:center;background-color:var(--alt-bg-color);padding:1rem 2rem;border-radius:8px}.setup_guide .setup_step .body_container .setup_body .title-container{display:flex;flex-direction:column;gap:1rem;gap:.4rem;font-size:16px}.setup_guide .setup_step .body_container .setup_body .title-container p{opacity:.9;max-width:400px}.setup_guide .setup_step .body_container .setup_body .btn-container{position:relative;display:flex;flex-direction:column;align-items:flex-end}.setup_guide .setup_step .body_container .setup_body .btn-container .btn-link{position:absolute;bottom:-1.4rem}.setup_guide .setup_step .body_container .setup_body .btn-container .btn-main{width:208px}.setup_guide .setup_step .body_container .setup_body .btn-container .btn-link:disabled,.setup_guide .setup_step .body_container .setup_body .btn-container .btn-main:disabled{opacity:.6}.setup_guide .btn-cont{margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--alt-bg-color);display:flex;justify-content:center;gap:1rem}.setup_guide .btn-cont button{min-width:240px}.cancel-confirm-modal{min-width:360px;border-radius:12px;padding:0 1rem;display:flex;flex-direction:column;gap:1rem;align-items:center;gap:.25rem}.cancel-confirm-modal span{display:flex;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;color:#b8860b;background-color:#ffffbe;border-radius:50%;margin-bottom:.5rem}.cancel-confirm-modal p{min-width:max-content;text-align:center;font-size:16px;margin:.5rem 0 1rem;opacity:.85;line-height:26px}.cancel-confirm-modal .btns{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%}.cancel-confirm-modal .btns button{width:100%}.setup_mini_window{position:fixed;top:5rem;right:12rem;z-index:9999;background-color:#fff;box-shadow:var(--box-shadow);border:1px solid var(--alt-bg-color);border-radius:8px;cursor:grab;display:flex;flex-direction:column;gap:1rem}.setup_mini_window .mini_window_header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-top-left-radius:6px;border-top-right-radius:6px;background-color:var(--alt-bg-color);color:var(--primary)}.setup_mini_window .mini_window_header>.icon{font-size:1.2rem}.setup_mini_window .mini_window_header>h4{margin-right:.5rem}.setup_mini_window .mini_window_header .window-btns{justify-content:center;align-items:center;margin-left:auto;top:0rem;right:1rem;display:flex;gap:.75rem}.setup_mini_window .mini_window_header .window-btns .icon{display:flex;justify-content:center;align-items:center;color:#414141b3;border-radius:6px;font-size:1.3rem;cursor:pointer;transition:.3s linear}.setup_mini_window .mini_window_header .window-btns .icon:hover{transform:scale(1.15);transition:.3s linear}.setup_mini_window .mini_window_header .window-btns .icon.smaller{font-size:1.1rem}.setup_mini_window .mini_window_body{padding:0 1rem 2rem;max-height:264px;overflow-y:auto;box-sizing:border-box;scroll-behavior:smooth;scrollbar-color:var(--border-color)}.setup_mini_window .mini_window_body::-webkit-scrollbar{scroll-behavior:smooth}.setup_mini_window .mini_window_body::-webkit-scrollbar-thumb{background-color:var(--border-color)}.setup_mini_window .mini_window_body .setup_step{display:flex;flex-direction:column}.setup_mini_window .mini_window_body .setup_step .numbering{display:flex;align-items:center;width:100%}.setup_mini_window .mini_window_body .setup_step .numbering span{display:flex;justify-content:center;align-items:center;width:36px;height:36px;background-color:var(--secondary-light);border-radius:50%;color:var(--secondary);font-size:14px;font-weight:600}.setup_mini_window .mini_window_body .setup_step .numbering .icon{font-size:1.4rem;background-color:var(--secondary);color:#fff}.setup_mini_window .mini_window_body .setup_step .numbering hr{width:24px;border:none;border-bottom:1px dashed rgb(224,224,224)}.setup_mini_window .mini_window_body .setup_step .numbering .btn-main{font-size:13px;width:208px}.setup_mini_window .mini_window_body .setup_step .numbering .btn-link:disabled,.setup_mini_window .mini_window_body .setup_step .numbering .btn-main:disabled{opacity:.6}.setup_mini_window .mini_window_body .setup_step>hr{position:relative;left:1rem;width:0;border-left:1px dashed rgb(224,224,224);height:100%;min-height:24px}.setup_mini_window .mini_window_body .setup_step>hr.last{display:none}.setup_hidden_window{position:absolute;top:7.5rem;right:0;z-index:888;display:flex;justify-content:center;align-items:center;background-color:var(--secondary);color:#fff;padding:.2rem;border-top-left-radius:6px;border-bottom-left-radius:6px;cursor:pointer;animation:glitch-horizontal 1.2s infinite}.setup_hidden_window .icon{font-size:1.8rem}.header{display:flex;align-items:center;padding:1.5rem;position:sticky;top:0;z-index:9990}@media screen and (max-width: 1280px){.header{justify-content:space-between;padding:1rem}}@media screen and (max-width: 768px){.header{padding:1rem .5rem 1rem 1rem}}.header .header-img{min-width:264px}@media screen and (max-width: 1280px){.header .header-img{min-width:max-content}}.header .header-img img{max-width:144px;max-height:48px}.header nav{display:flex;justify-content:space-between;align-items:center;width:100%}@media screen and (max-width: 1280px){.header nav{display:contents}}.header .user{display:flex;justify-content:center;align-items:center;gap:.5rem}.header .user img{max-width:40px;margin:0}.header .user .notification{display:flex;justify-content:center;align-items:center;max-width:max-content;padding:.4rem;border-radius:50%;background-color:var(--primary-light);width:max-content;cursor:pointer}.header .user .notification img{max-width:20px;margin:0}.header .theming{display:flex;justify-content:center;align-items:center;gap:.25rem;padding:.4rem .5rem;border-radius:40px;background-color:var(--frame-bg-color);cursor:pointer}.header .theming .light-icon,.header .theming .dark-icon{display:flex;justify-content:center;align-items:center;font-size:1rem;padding:.4rem;border-radius:50%;transition:.4s linear}.header .theming .dark-icon{color:var(--alt-text-color)}.header .theming .dark-icon.active{color:var(--white-text-color);background-color:var(--primary);transition:.4s linear}.header .theming .light-icon{color:var(--alt-text-color)}.header .theming .light-icon.active{color:var(--white-text-color);background-color:var(--primary);transition:.4s linear}.header .hide-on-modile{display:contents}.header .hide{display:none}.changeOrg{position:relative;max-width:max-content}.changeOrg .changeButton{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:1rem;padding:.5rem .6rem;border-radius:8px;cursor:pointer}.changeOrg .changeButton .icon{font-size:1.3rem}.changeOrg .changeButton .icon:last-child{margin-left:auto}.changeOrg .changeButton p{font-size:10.5px;font-weight:400;width:max-content;margin-right:2rem;margin-bottom:.1rem}.changeOrg .changeButton h5{width:max-content}.changeOrg .moduleDropdown{position:absolute;z-index:2;left:0;min-width:max-content;width:100%;display:flex;flex-direction:column;gap:1rem;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.changeOrg .moduleDropdown p{font-size:13px;margin-right:2rem;cursor:pointer}.changeOrg .moduleDropdown>div{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.changeOrg .moduleDropdown>div:hover{background-color:var(--primary-light)}.profile-dropdown{position:relative}.profile-dropdown .profile-actions{position:absolute;display:flex;flex-direction:column;gap:1rem;border-radius:8px;right:0;bottom:0;padding:1rem;transform:translateY(100%);min-width:max-content}.profile-dropdown .profile-actions p{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem;color:var(--primary);cursor:pointer;transition:.5s linear}.profile-dropdown .profile-actions p:hover{transform:translate(.4rem);transition:.5s linear}.profile-dropdown .profile-actions .profileName-mobile{display:flex;flex-direction:column;gap:.2rem;padding-bottom:.75rem;border-bottom:1px solid var(--alt-bg-color)}.profile-dropdown .open,.profile-dropdown .profile{display:flex;justify-content:center;align-items:center;gap:1rem;padding:.5rem 1rem;border-radius:8px;cursor:pointer}@media screen and (max-width: 480px){.profile-dropdown .open,.profile-dropdown .profile{gap:.5rem}}.profile-dropdown .open img,.profile-dropdown .profile img{max-width:32px;margin:0;border-radius:50%}.profile-dropdown .open .profileName,.profile-dropdown .profile .profileName{width:max-content}@media screen and (max-width: 480px){.profile-dropdown .open .profileName,.profile-dropdown .profile .profileName{display:none}}.profile-dropdown .open .profileName p,.profile-dropdown .profile .profileName p{font-size:12px;margin-top:.1rem}.profile-dropdown .open .icon,.profile-dropdown .profile .icon{font-size:1.2rem}.profile-dropdown .profile:hover,.profile-dropdown .open{background-color:var(--primary-light)}footer{margin-top:auto;padding:2rem 6rem;color:#fff;display:flex;justify-content:space-between;align-items:center;z-index:9}@media screen and (max-width: 768px){footer{flex-direction:column-reverse;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 2rem}}footer a{display:flex;align-items:center;gap:.5rem;font-size:13px;color:#fff}footer a span{font-size:1rem}.logo_container{display:flex;justify-content:space-between;align-items:center;padding:2rem 4rem}@media screen and (max-width: 768px){.logo_container{justify-content:center}}.logo_container img{max-width:160px}@media screen and (max-width: 768px){.logo_container img{max-width:230px}}.authFooter{margin-top:auto;background-color:var(--primary-light);color:var(--primary);display:flex;justify-content:space-between;align-items:center;padding:2rem 8rem}@media screen and (max-width: 768px){.authFooter{padding:1rem .5rem .5rem}}.authFooter .footerContact{display:flex;justify-content:center;align-items:center;gap:2rem}@media screen and (max-width: 768px){.authFooter .footerContact{flex-direction:column;gap:1rem}}.authFooter .footerContact a{display:flex;justify-content:center;align-items:center;gap:.5rem;color:var(--primary);font-size:16px}.authFooter .footerContact a:first-child span{font-size:1.2rem}.authFooter .footerContact hr{height:1rem}@media screen and (max-width: 768px){.authFooter .footerContact hr{display:none}}.search_anything{position:relative;display:flex;justify-content:center;align-items:center}.search_anything.search_anything-tablet{margin:1.25rem 0;width:100%}.search_anything.search_anything-tablet.collapsed{margin:2.5rem 0 2rem}.search_anything.search_anything-tablet.collapsed input{display:none}.search_anything.search_anything-tablet.collapsed .iconBackground{left:0;border-radius:8px;padding:1.4rem 1rem}.search_anything input{border:1px solid;border-radius:8px;padding:.8rem 1rem;min-width:360px;background:transparent;font-family:Poppins,sans-serif}.search_anything input:focus{outline:none}@media screen and (max-width: 1280px){.search_anything input{padding:.65rem 1rem;min-width:240px}}@media screen and (max-width: 768px){.search_anything input{min-width:100%}}.search_anything .iconBackground{display:flex;justify-content:center;align-items:center;position:absolute;right:0;color:#fff;background-color:var(--secondary);padding:1rem;height:100%;border-top-right-radius:8px;border-bottom-right-radius:8px}.search_anything .iconBackground .icon{font-size:1.1rem;cursor:pointer}.search_anything .results{position:absolute;z-index:1009;top:calc(100% + .25rem);left:0;min-width:100%;width:max-content;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:8px}.search_anything .results .result{padding:.75rem 1rem;display:flex;flex-direction:column;gap:1rem;gap:.4rem;cursor:pointer}@media screen and (max-width: 768px){.search_anything .results .result{padding:.5rem 1rem;gap:.2rem}}.search_anything .results .result:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.search_anything .results .result:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.search_anything .results .result:hover{background-color:var(--primary-light)}.search_anything .results .result h4{letter-spacing:.5px;font-weight:600}@media screen and (max-width: 768px){.search_anything .results .result h4{display:flex;flex-direction:column;gap:1rem;gap:.2rem}}.search_anything .results .result h4 span{font-size:12px;font-weight:400;opacity:.75;min-width:max-content}.search_anything .results .result p{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem;color:var(--primary)}.search_anything .results .result p span{text-transform:capitalize;letter-spacing:1px;font-size:14px;font-weight:400;opacity:.75}.search_anything .results .none{text-align:center;cursor:default}.search_anything .results .none:hover{background-color:#fff}.not-found-container{display:flex;justify-content:center;align-items:center;gap:4rem;width:100%;height:100%;padding-bottom:6rem}.not-found-container img{max-width:400px}.not-found-container .not-found{display:flex;flex-direction:column;gap:1rem;gap:2rem}.not-found-container .not-found h1{line-height:48px;color:var(--primary)}.not-found-container .not-found h1 span{position:relative;top:4px;font-size:40px;color:red}.not-found-container .not-found h4{font-weight:500;font-size:14px;margin-top:-1.5rem}.not-found-container .not-found div{display:flex;gap:1rem}.not-found-container .not-found div button{font-size:15px}.suspense-container{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100%;padding-bottom:10rem}.suspense-container img{max-width:160px;margin-top:-1rem}.suspense-container h3{color:var(--primary)}.suspense-container.vph{height:100vh}.app-fallback{display:flex;flex-direction:column;gap:1rem;height:100vh}.app-fallback .fallback-body{display:flex;justify-content:center;align-items:center;gap:6rem;width:100%;height:100%;padding-bottom:6rem}.app-fallback .fallback-body img{max-width:400px}.app-fallback .fallback-body .message{display:flex;flex-direction:column;gap:1rem;gap:1.5rem}.app-fallback .fallback-body .message h1{line-height:48px;color:var(--primary)}.app-fallback .fallback-body .message h1 span{font-size:36px}.app-fallback .fallback-body .message h4{color:var(--primary);font-weight:500;font-size:14px;margin-top:-1rem}.app-fallback .fallback-body .message .error-message{color:red;width:100%;padding:1rem;border:1px solid red;border-radius:10px}.app-fallback .fallback-body .message .error-message p{font-family:monospace;font-weight:300;font-size:13px;line-height:24px;max-width:500px}.app-fallback .fallback-body .message .buttons{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:.5rem}.app-fallback .fallback-body .message .buttons a{width:100%}.app-fallback .fallback-body .message .buttons button{font-size:15px;width:100%}.app-fallback .fallback-body .message .btn-link{align-self:flex-end;font-size:14px;font-weight:600}.component-fallback{display:flex;justify-content:center;align-items:center;gap:6rem;width:100%;height:100%;padding-bottom:6rem}.component-fallback img{max-width:400px}.component-fallback .message{display:flex;flex-direction:column;gap:1rem;gap:1.5rem}.component-fallback .message h1{line-height:48px;color:var(--primary)}.component-fallback .message h1 span{font-size:36px}.component-fallback .message h4{font-weight:500;font-size:14px;margin-top:-1rem}.component-fallback .message .error-message{color:red;width:100%;padding:1rem;border:1px solid red;border-radius:10px}.component-fallback .message .error-message p{font-family:monospace;font-weight:300;font-size:13px;line-height:24px;max-width:500px}.component-fallback .message .buttons{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:.5rem}.component-fallback .message .buttons a{width:100%}.component-fallback .message .buttons button{font-size:15px;width:100%}.sidebar{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:999;min-width:280px;height:100vh;padding:0 1rem 1rem;overflow-y:auto;box-sizing:border-box;scroll-behavior:smooth;scrollbar-color:var(--border-color);transition:.4s linear}.sidebar::-webkit-scrollbar{scroll-behavior:smooth;visibility:hidden}.sidebar::-webkit-scrollbar:hover{visibility:visible}.sidebar::-webkit-scrollbar-thumb{background-color:var(--border-color);visibility:hidden}.sidebar::-webkit-scrollbar-thumb:hover{visibility:visible}.sidebar.sidebar-mini{position:fixed;top:5.625rem;left:0;min-width:max-content;background-color:#fff;box-shadow:var(--box-shadow);transition:.4s linear}.sidebar.sidebar-mini.collapsed-container{padding:0 .75rem 1rem;transition:.4s linear}.sidebar.sidebar-mini.collapsed-container::-webkit-scrollbar{display:none}.sidebar.sidebar-mini .mini-org{margin:1rem 0 0;width:100%;display:flex;align-items:center;justify-content:center;padding:1.1rem .6rem;color:var(--primary);background-color:var(--primary-light);border-radius:6px;transition:.3s linear}.sidebar.sidebar-mini .changeOrg{margin:1rem 0 0;width:100%;max-width:100%;transition:.3s linear}.sidebar.sidebar-mini .changeOrg .changeButton{gap:.75rem}.sidebar .hide-on-collapse{display:contents}.sidebar .hide{display:none}.sidebar .justify-center{justify-content:center}.sidebar .sidebar_group{min-height:calc(100% - 16rem);height:100%;display:flex;flex-direction:column;gap:2rem;padding-bottom:2rem}.sidebar .version{padding-left:.8rem;margin-top:4rem}.switchModule{display:flex;flex-direction:column;margin:1rem 0}.switchModule .switchButton{display:flex;gap:.75rem;padding:.5rem;border-radius:8px;cursor:pointer}.switchModule .switchButton .icon{font-size:1.3rem}.switchModule .switchButton div{margin-right:auto}.switchModule .switchButton p{font-size:11px;font-weight:400}.switchModule .switchButton h5{font-size:14px;min-width:max-content}.switchModule .moduleDropdown{display:flex;flex-direction:column;gap:1rem;gap:0;padding:.25rem 0 0 2.25rem}.switchModule .moduleDropdown>div{display:flex;align-items:center;gap:1rem;padding:.5rem;border-radius:6px}.switchModule .moduleDropdown>div .heading{min-width:fit-content;margin-right:auto}.switchModule .moduleDropdown .active-module{background-color:var(--primary-light)}.sidebarMenu{display:flex;flex-direction:column;gap:1rem}.sidebarMenu .sidebarItem{display:flex;align-items:center;gap:.75rem;padding:.5rem;transition:.3s linear}.sidebarMenu .sidebarItem:hover{transform:translate(.4rem);transition:.3s linear}.sidebarMenu .sidebarItem img{max-width:18px}.sidebarMenu .sidebarItem p{font-size:14px}.sidebarMenu .sidebarItem .sidebarIcon{font-size:1.2rem}.sidebarMenu .sidebarItem .increaseSize{font-size:1.4rem;margin-left:-.1rem}.sidebarMenu .sidebarItem .decreaseSize{font-size:1rem;margin-left:.2rem}.sidebarMenu .active{display:flex;align-items:center;gap:.75rem;padding:.5rem;color:#fff;background-color:var(--secondary);border-radius:6px}.sidebarMenu .active p{font-size:14px}.sidebarMenu .active span{font-size:1.1rem}.sidebarMenu .active .increaseSize{font-size:1.4rem;margin-left:-.1rem}.sidebarMenu .active .decreaseSize{font-size:1rem;margin-left:.2rem}.sidebarMenu .sidebarItemDrop{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.sidebarMenu .sidebarItemDrop p{min-width:max-content;cursor:pointer}.sidebarMenu .sidebarItemDrop .sidebarItem,.sidebarMenu .sidebarItemDrop .active{cursor:pointer}.sidebarMenu .sidebarItemDrop .sidebarChildren{display:flex;flex-direction:column;gap:1rem;gap:0;padding:0 0 0 2rem}.sidebarMenu .sidebarItemDrop .sidebarChildren a{font-size:14px;font-weight:500;padding:.5rem .7rem;border-radius:6px;transition:.3s linear;color:inherit}.sidebarMenu .sidebarItemDrop .sidebarChildren a:hover{transform:translate(.2rem);transition:.3s linear}.sidebarMenu .sidebarItemDrop .sidebarChildren .active-child{background-color:var(--secondary-light)}.sidebarMenu .sidebarItemDrop .sidebarIcon{font-size:1.1rem}.sidebarMenu .sidebarItemDrop .sidebarIcon:last-child{margin-left:auto}.sidebarMenu .sidebarItemDrop .drop-icon{font-size:1.3rem}.sidebarMenu hr{margin:.5rem 0;border:none;outline:none;height:1px;background-color:var(--border-color)}.logout-modal{display:flex;flex-direction:column;gap:1rem;align-items:center;gap:2rem;padding:1rem;min-width:360px}.logout-modal .icon{font-size:1.5rem;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#ffffbe;color:#b8860b;margin:-.5rem}.logout-modal p{font-size:15px}.logout-modal .logout-btns{display:flex;gap:1rem;width:100%}.logout-modal .logout-btns button{width:100%}.otp-container{display:flex;flex-direction:column;gap:1rem}.otp-container label{font-size:14px;max-width:fit-content}.otp-container label span{color:red}.otp-container .otp-input-container{display:flex;justify-content:space-between;align-items:center;gap:1rem}.otp-container .otp-input{height:50px;width:50px;border-radius:6px;border:1px solid rgb(218,218,218);background:var(--primary-light);text-align:center;font-size:1.5rem;color:var(--primary);font-weight:600}.otp-container .otp-input:focus{outline:1px solid var(--secondary)}.otp-container .otp-input::placeholder{color:#ededed}.otp-container input[type=number]::-webkit-inner-spin-button,.otp-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.otp-container input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.breadcrumb{display:flex;align-items:center;gap:1rem;overflow-x:auto}@media screen and (max-width: 480px){.breadcrumb{gap:.5rem}}.breadcrumb .crumb{display:flex;align-items:center;gap:1rem}@media screen and (max-width: 480px){.breadcrumb .crumb{gap:.5rem}}.breadcrumb h5{font-size:14px;opacity:.4;min-width:max-content}.breadcrumb h5:last-child{opacity:1}@media screen and (max-width: 480px){.breadcrumb h5{font-size:12px}}.breadcrumb .clickable{cursor:pointer;transition:.25s linear}.breadcrumb .clickable:hover{opacity:1;transition:.25s linear}.breadcrumb .icon{font-size:1.2rem}.table{display:flex;flex-direction:column;gap:1rem}.table .sort-mobile-screens{display:none}@media (max-width: 850px){.table .sort-mobile-screens{display:flex;position:relative;margin-bottom:1rem;max-width:max-content}}.table .sort-mobile-screens>div{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:8px;cursor:pointer}.table .sort-mobile-screens>div p{font-weight:600}.table .sort-mobile-screens>div span{font-size:1.4rem}.table .sort-mobile-screens ul{position:absolute;z-index:500;top:calc(100% + .5rem);left:0;display:flex;flex-direction:column;gap:1rem;gap:0;align-items:flex-start;background-color:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--box-shadow)}.table .sort-mobile-screens ul li{display:flex;justify-content:space-between;align-items:center;min-width:200px;gap:2rem;padding:.75rem 1rem;border-bottom:1px solid var(--alt-bg-color);cursor:pointer;transition:.3s linear}.table .sort-mobile-screens ul li:first-child{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:none}.table .sort-mobile-screens ul li:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-bottom:none}.table .sort-mobile-screens ul li:hover{background-color:var(--primary-light)}.table .sort-mobile-screens ul li .icon{font-size:1.1rem}.table .row-select{height:18px;width:18px;cursor:pointer;accent-color:var(--primary)}.table .row-select.header{accent-color:var(--primary-light)}.table .empty-table{position:relative;display:flex;justify-content:center;align-items:center;background-color:#fff;min-height:280px}.table .empty-table-loading{height:168px;width:168px}.table-body{border-radius:12px;border-collapse:collapse;width:100%}.table-body-container{min-height:100%;overflow-x:auto;box-sizing:border-box;scroll-behavior:smooth;scrollbar-color:var(--alt-bg-color)}.table-body-container::-webkit-scrollbar{width:6px;height:6px;margin-block:1rem}.table-body-container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:100vw;cursor:pointer}.table-body-container::-webkit-scrollbar-track{background-color:var(--alt-bg-color);border-radius:100vw;cursor:pointer}.table-body tbody.striped tr:nth-child(even){background-color:var(--alt-bg-color)}@media screen and (max-width: 1440px){.table-body-collapse{overflow-x:auto;overflow-y:visible}}@media (max-width: 850px){.table-body-collapse th{display:none}.table-body-collapse td{display:grid;grid-template-columns:16ch auto;place-content:start space-between;text-align:right;border-bottom:1px solid var(--alt-bg-color)}}@media screen and (max-width: 850px) and (max-width: 480px){.table-body-collapse td{grid-template-columns:1fr}}@media (max-width: 850px){.table-body-collapse td:last-child{border-bottom:none}.table-body-collapse td:before{place-self:start;text-align:left;content:attr(data-label);font-weight:600;font-size:14px;color:var(--primary)}.table-body-collapse td>*{max-width:max-content}}.table-body .loading-bar-container{width:100%;height:6px;background-color:#e0e0e0;overflow:hidden;position:relative;margin-top:-4px;padding:0!important;border:0}.table-body .loading-bar-container td{padding:0!important;margin:0}.table-body .loading-bar{height:100%;width:40%;background-color:var(--secondary);border-radius:6px;position:absolute;top:0;left:0;animation:loading 4s infinite}.table-body .loading-overlay{opacity:.65}@keyframes loading{0%{transform:translate(0)}50%{transform:translate(225%)}to{transform:translate(-60%)}}.table-body thead{background-color:var(--primary);border-radius:12px;color:#fff;white-space:nowrap}.table-body thead.alt{background-color:var(--alt-bg-color);color:var(--primary)}.table-body th{font-weight:500;font-size:14px;text-align:left;padding:.6rem}.table-body th:first-child{padding:.6rem .6rem .6rem 1.6rem}.table-body th:last-child{padding:.6rem 1.6rem .6rem .6rem}.table-body th .icon{font-size:1.1rem;padding:.2rem;border:1px solid var(--primary);border-radius:6px;transition:.2s linear}.table-body th .icon:hover{border:1px solid var(--primary-light);transition:.2s linear}.table-body tr{padding:.6rem;border-bottom:1px solid var(--border-color)}.table-body td{position:relative;padding:.6rem;font-size:14px;font-weight:500}.table-body td:first-child{padding:.6rem .6rem .6rem 1.2rem}.table-body td:last-child{padding:.6rem 1.2rem .6rem .6rem}@media (max-width: 850px){.table-body td,.table-body td:first-child{padding:.6rem 0}.table-body td:last-child{padding:.6rem 0}}@media (min-width: 850px){.table-body td .truncate{max-width:20ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.table-body td .truncate[data-title]:hover:after{content:attr(data-title);position:absolute;padding:1rem;z-index:9;top:100%;left:0;width:200px;overflow:visible;white-space:normal;text-overflow:unset;background-color:#fff;box-shadow:var(--box-shadow);border:1px solid var(--border-color);border-radius:8px}}.table-body .centered{display:flex;align-items:center;text-align:center;padding-right:1rem;column-gap:1rem;row-gap:0}.table-body .flex-fit>*:first-child{flex:1}.table-body .fit_content{min-width:max-content;gap:1rem}.table-body .fit_content span{min-width:max-content}.table-body .textCenter{display:flex;justify-content:center;align-items:center}.table-body .brown-bg,.table-body .grey-bg,.table-body .yellow-bg,.table-body .blue-bg,.table-body .green-bg,.table-body .red-bg,.table-body .active-bg{border-radius:6px;padding:.4rem;min-width:100px;text-align:center}.table-body .active-bg{background-color:#efe;color:#4baa79}.table-body .red-bg{background-color:#fceeee;color:#f02828}.table-body .green-bg{background-color:var(--secondary-light);color:var(--secondary)}.table-body .blue-bg{color:var(--primary);background-color:var(--primary-light)}.table-body .yellow-bg{color:#b8860b;background-color:#ffffbe}.table-body .grey-bg{color:gray;background-color:#efefef}.table-body .brown-bg{color:#886969;background-color:#f3eaea}.table-body .actions span{display:flex;justify-content:center;align-items:center;gap:.5rem}.table-body .actions button{display:flex;justify-content:center;align-items:center;padding:.4rem;border:none;border-radius:50%;font-size:.9rem;background-color:#fceeee;color:red}.table-body .actions button:first-child{background-color:var(--secondary-light);color:var(--secondary)}.table-body .actions button.red-icon{background-color:#fceeee;color:red}.table-body .actions button.green-icon{background-color:var(--secondary-light);color:var(--secondary)}.table-body .actions button.blue-icon{color:var(--primary);background-color:var(--primary-light)}.table-body .actions button.yellow-icon{color:#b8860b;background-color:#ffffbe}.table-body .actions button.grey-icon{color:gray;background-color:#efefef}.table-body .actions button.brown-icon{color:#886969;background-color:#f3eaea}.table-body .actions .bigger{font-size:1rem;background-color:var(--secondary-light);color:var(--secondary)}.table-body .image{display:flex;justify-content:center;align-items:center;gap:.5rem;transition:.5s linear}.table-body .image:hover{transform:scale(1.8);transition:.5s linear}.table-body .image span{display:flex;justify-content:center;align-items:center}.table-body .image img{z-index:5;max-width:32px;border-radius:50%}.table-body .flexcenter{display:flex;justify-content:center;align-items:center;gap:.5rem}.table-body .flexcenter span{display:flex;justify-content:center;align-items:center}.table-body .displayFlex{padding-left:.4rem}.table-body .displayFlex span{display:flex;align-items:center;gap:.5rem}.table-body .displayFlex .icon{font-size:1.5rem}.table-body .ellipsis{position:relative;z-index:999}.table-body .ellipsis span{display:flex;justify-content:center;align-items:center;gap:.8rem}.table-body .ellipsis button{display:flex;justify-content:center;align-items:center;font-size:1.25rem;color:var(--secondary);background:none;border:none;cursor:pointer;transition:.3s linear}.table-body .ellipsis button:hover{transform:scale(1.2);transition:.3s linear}.table-body .link-btn{display:flex;justify-content:center;align-items:center}.table-body .link-btn button{font-size:15px;font-weight:550;letter-spacing:.75px;border:none;background:none;text-decoration:underline;text-align:center;color:var(--secondary);cursor:pointer}.tableNav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;border-radius:12px;padding:1rem 1.5rem}@media screen and (max-width: 768px){.tableNav{flex-direction:column;justify-content:center;padding:1rem .5rem}}@media screen and (max-width: 480px){.tableNav .span_2{width:100%;grid-column:1/span 2;text-align:center}}.tableNav .heading{color:var(--primary)}.tableNav .tableNavleft{display:flex;justify-content:center;align-items:center;gap:1rem}@media screen and (max-width: 480px){.tableNav .tableNavleft{display:grid;grid-template-columns:1fr 1fr;margin:auto;align-items:center}}.tableNav .tableNavleft p{font-size:15px;font-weight:600;letter-spacing:.75px}.tableNav .tableNavleft .page-size{position:relative}@media screen and (max-width: 480px){.tableNav .tableNavleft .page-size{display:flex}}.tableNav .tableNavleft .page-size button{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border:none;border-radius:6px;background-color:var(--alt-bg-color);cursor:pointer}.tableNav .tableNavleft .page-size button .heading{font-size:14px;font-weight:600}.tableNav .tableNavleft .page-size button .icon{font-size:1.25rem}.tableNav .tableNavleft .page-size .page-size-options{position:absolute;width:100%;display:flex;flex-direction:column;gap:1rem;gap:0;border-radius:6px}.tableNav .tableNavleft .page-size .page-size-options li{font-size:13px;padding:.15rem .8rem;cursor:pointer}.tableNav .tableNavleft .page-size .page-size-options li.active{background-color:var(--primary-light)}.tableNav .tableNavright{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;gap:.7rem}.tableNav .tableNavright button{display:flex;justify-content:center;align-items:center;border:none;border-radius:4px;padding:.3rem .4rem;font-size:1.2rem;cursor:pointer;transition:.3s linear}.tableNav .tableNavright button:hover{transform:scale(1.2);transition:.3s linear}.tableNav .tableNavright button .icon{font-size:1.3rem}.tableNav .tableNavright button:disabled{opacity:.4;cursor:default}.tableNav .tableNavright button:disabled:hover{transform:none;transition:.3s linear}.tableNav .tableNavright .currentPage{padding:.4rem .8rem;font-size:14px;font-weight:600;background-color:var(--primary);color:#fff;cursor:default;transition:.3s linear}.tableNav .tableNavright .currentPage:hover{transform:none;transition:.3s linear}.tableNav .tableNavright .pages{padding:.4rem .8rem;font-size:14px;font-weight:600;background-color:var(--border-color);color:var(--primary);opacity:1;transition:.3s linear}.tableNav .tableNavright .pages:hover{transform:scale(1.2);transition:.3s linear}.tableNav .goToPage{display:flex;justify-content:center;align-items:center;gap:1rem}.tableNav .goToPage p{font-size:15px;font-weight:600;letter-spacing:.75px;white-space:nowrap}.tableNav .goToPage input{padding:.5rem .75rem;outline:none;border:none;border:1px solid var(--border-color);border-radius:6px;max-width:68px;color:var(--primary)}.tableNav .goToPage button{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border:none;border-radius:6px;background-color:var(--border-color);font-weight:600;letter-spacing:1px;cursor:pointer}.gridview-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:1rem 2rem;border-radius:8px;width:100%}.gridview-container>div{border:1px solid var(--border-color);border-radius:12px;transition:.4s linear;min-width:230px}.gridview-container>div:hover{transform:scale(1.05);transition:.4s linear;z-index:1}.modal_styles{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:2rem;z-index:10000;border-radius:12px;max-height:96vh;overflow-y:auto;overflow-x:hidden}@media screen and (max-width: 768px){.modal_styles{width:96%;padding:1rem}}.modal-no-radius{border-radius:0}.overlay_styles{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000}.fade-in{animation-name:fadeIn}.fade-in .overlay_styles{animation-name:backdropFadeIn}.fade-out{animation-name:fadeOut}.fade-out .overlay_styles{animation-name:backdropFadeOut}.bottom-component,.top-component{position:absolute;z-index:999;left:50%;display:flex;flex-direction:column;gap:1rem;gap:.75rem;padding:1rem;min-width:max-content;border:1px solid var(--border-color);border-radius:8px;transform:translate(-50%);transition:.5s linear}@media screen and (max-width: 480px){.bottom-component,.top-component{transform:translate(-60%)}}.bottom-component p,.top-component p{display:flex;justify-content:center;align-items:center;gap:.5rem;justify-content:flex-start;cursor:pointer}@media screen and (max-width: 480px){.mobile-dropdown{left:-80%}}.top-component{bottom:calc(100% + .75rem);z-index:8}@media screen and (max-width: 480px){.top-component{position:relative}}.top-component:before{content:"";position:absolute;z-index:8;bottom:0;left:50%;transform:rotate(135deg) translate(75%);height:16px;width:16px;background-color:inherit;border-top:1px solid var(--border-color);border-right:1px solid var(--border-color);box-shadow:none}@media screen and (max-width: 480px){.top-component:before{bottom:6.4rem;left:0%;transform:rotate(315deg) translate(75%)}}.bottom-component{top:calc(100% + 16px)}.bottom-component:before{content:"";position:absolute;z-index:8;top:0;left:50%;transform:rotate(45deg) translate(-75%);height:24px;width:24px;background-color:inherit;border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);box-shadow:none}@media screen and (max-width: 480px){.bottom-component:before{left:70%}}.dropdown-list-item{display:flex;justify-content:center;align-items:center;gap:.5rem;justify-content:flex-start;cursor:pointer;transition:.4s linear}.dropdown-list-item:hover{transform:translate(.3rem);transition:.4s linear}.dropdown-list-item .icon{font-size:1rem}.dropdown-list-item .red{color:red}.dropdown-list-item .green{color:var(--secondary)}.dropdown-list-item .blue{color:var(--primary)}.dropdown-list-item .yellow{color:#ff8c00}.progress-bar-container{width:100%;height:30px;border-radius:5px;overflow:hidden;background-color:#e6eaf5;display:flex}.progress-bar{height:100%;transition:width .3s ease-in-out;display:flex;text-align:center;justify-content:center;align-items:center}.deleteModal{border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.deleteModal p{font-size:15px;text-align:center;margin-bottom:-.5rem}.deleteModal .modal-icon{margin:0 auto;background-color:#fceeee;color:red;font-size:1.5rem;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center}.deleteModal .delete-btn{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}@media screen and (max-width: 480px){.deleteModal .delete-btn{flex-direction:column-reverse}}.deleteModal .delete-btn button{padding:.8rem 3rem}.errorModal{border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:1rem;align-items:center;gap:1.5rem}.errorModal p{font-size:16px;text-align:center;word-wrap:break-word;width:100%;max-width:500px}.errorModal .red{margin:0 auto;font-size:2rem;width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#fceeee;color:#f02828}.errorModal .yellow{margin:0 auto;font-size:2rem;width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#ffffbe;color:#b8860b}.errorModal button{width:100%}.successModal{border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:1rem;align-items:center;gap:1.5rem}.successModal p{font-size:16px;text-align:center;width:100%;max-width:500px}.successModal .red,.successModal .green{margin:0 auto;font-size:2rem;width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center}.successModal .green{background-color:#4baa79;color:var(--white-text-color)}.successModal .red{background-color:#fceeee;color:red}.successModal button{width:100%}.accordion .accordion-body{background-color:var(--primary-light);display:flex;align-items:center;padding:1rem 1.2rem;gap:1.2rem;border-radius:6px}.accordion .accordion-body .onboarding-structure .left .onboarding-div-svg .active,.onboarding-structure .left .onboarding-div-svg .accordion .accordion-body .active,.accordion .accordion-body .onboarding-structure .left .onboarding-div-svg .arrow-up,.onboarding-structure .left .onboarding-div-svg .accordion .accordion-body .arrow-up,.accordion .accordion-body .active,.accordion .accordion-body .inactive{display:flex;justify-content:center;align-items:center;background-color:var(--primary);color:var(--white-text-color);border-radius:50%;height:24px;width:24px;font-size:1.5rem;transition:.3s linear;cursor:pointer}.accordion .accordion-body .active{transform:rotate(180deg);transition:.3s linear}.accordion .accordion-body .description{font-size:14px;letter-spacing:.5px}.accordion .accordion-content{display:flex;flex-direction:column;gap:1rem;gap:.5rem;padding:.5rem 1.25rem 0}@keyframes inner{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.inner div{position:absolute;width:10px;height:10px;border:4px solid #ffffff;border-top-color:transparent;border-radius:50%}.inner div.blue{border:4px solid var(--primary);border-top-color:transparent}.inner div.green{border:4px solid var(--secondary);border-top-color:transparent}.inner div{animation:inner 1s linear infinite;top:10px;left:10px}.outer{width:20px;height:20px;display:inline-block;overflow:hidden;background:none}.inner{position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}.inner div{box-sizing:content-box}.gif-spiner{max-width:16px}.legends{display:grid;grid-template-columns:auto auto auto auto;justify-content:center;column-gap:.75rem;margin-left:.5rem;width:100%;margin-bottom:1rem}@media screen and (max-width: 480px){.legends{grid-template-columns:auto auto}}.legends .legend .dot{height:1rem;width:1rem;border-radius:50%}.legends .legend .text-div{display:flex;align-items:center;gap:.5rem}.legends .legend .text-div p{font-weight:600;font-size:14px}.pie_chart{width:100%;padding:.5rem;border-radius:8px}.pie_chart h3{margin:1rem}.pie_chart .center{margin:auto}.pie_chart .center .emptyData span{display:none}.pie_chart .center .emptyData p{text-align:center}.multi-search{display:flex;border-radius:8px}@media screen and (max-width: 768px){.multi-search{flex-direction:column;margin:auto;width:100%}}.multi-search .search-by{position:relative;display:inline-block}.multi-search .search-by .options-btn{display:flex;justify-content:center;align-items:center;gap:.5rem;min-width:max-content;font-size:12.5px;font-weight:500;padding:.7rem 1rem;background-color:var(--secondary);color:#fff;letter-spacing:.5px;border-top-left-radius:6px;border-bottom-left-radius:6px;cursor:pointer}@media screen and (max-width: 768px){.multi-search .search-by .options-btn{border-bottom-left-radius:0;border-top-right-radius:6px}}.multi-search .search-by .icon{font-size:1.2rem}.multi-search .search-by .search-options{position:absolute;z-index:1;display:flex;flex-direction:column;gap:1rem;gap:0;border-radius:8px;left:0;bottom:0;transform:translateY(100%);min-width:max-content;width:100%}.multi-search .search-by .search-options li{display:flex;align-items:center;gap:2rem;padding:.5rem 1rem;color:var(--secondary);cursor:pointer}.multi-search .search-by .search-options li p{margin-right:auto;transition:.4s linear;font-size:13px}.multi-search .search-by .search-options li:first-child{border-radius:8px}.multi-search .search-by .search-options li:last-child{border-radius:8px}.multi-search .search-by .search-options li span{font-size:1rem}.multi-search .search-by .search-options li:hover p{transform:translate(3px);transition:.4s linear}.multi-search .search-by .search-options .active{background-color:var(--secondary-light)}.multi-search .search-input{display:flex;justify-content:center;align-items:center;justify-content:flex-end;position:relative}@media screen and (max-width: 768px){.multi-search .search-input{width:100%}}.multi-search .search-input input{border:1px solid var(--border-color);border-top-right-radius:6px;border-bottom-right-radius:6px;padding:.7rem 1rem;min-width:260px;font-size:12.5px;letter-spacing:.5px;font-family:Poppins,sans-serif}@media screen and (max-width: 768px){.multi-search .search-input input{border-bottom-left-radius:6px;border-top-right-radius:0;min-width:100%}}.multi-search .search-input input:focus{outline:none}.multi-search .search-input .icon{font-size:1.1rem;color:var(--secondary);position:absolute;right:.8rem;cursor:pointer}.search{display:flex;justify-content:center;align-items:center;max-width:max-content}.search input{border:1px solid;border-top-left-radius:8px;border-bottom-left-radius:8px;padding:.7rem 1rem;width:100%;min-width:360px;background:#fff;font-family:Poppins,sans-serif}@media screen and (max-width: 768px){.search input{min-width:85%}}.search input:focus{outline:none}.search .iconBackground{display:flex;justify-content:center;align-items:center;right:0;color:#fff;background-color:var(--secondary);padding:.82rem .93rem;height:100%;border-top-right-radius:8px;border-bottom-right-radius:8px;cursor:pointer}.search .iconBackground .icon{font-size:1.1rem}.select-dropdown{position:relative;max-width:max-content}.select-dropdown .change-button{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:.7rem 1rem;border-radius:8px;border:none;outline:none;cursor:pointer}.select-dropdown .change-button p{font-size:11px;font-weight:400;width:max-content}.select-dropdown .change-button h5{width:max-content;font-size:15px;font-weight:600}.select-dropdown .change-button .icon{font-size:1.3rem}.select-dropdown .options{position:absolute;z-index:500;top:calc(100% + .5rem);left:0;min-width:100%;display:flex;flex-direction:column;gap:1rem;gap:0;padding:.5rem 0;align-items:flex-start;border-radius:8px}.select-dropdown .options .option{display:flex;justify-content:center;align-items:center;justify-content:flex-start;width:100%;min-width:max-content;gap:.2rem;margin-bottom:0;padding:.5rem 2rem .5rem .5rem;cursor:pointer;transition:.3s linear}.select-dropdown .options .option:hover{background-color:var(--primary-light)}.select-dropdown .options .option .icon{font-size:.75rem}.select-dropdown .options .option .show{visibility:visible;opacity:1;transition:.3s linear}.select-dropdown .options .option .hide{visibility:hidden;opacity:0;transition:.3s linear}.select-dropdown .options .active{color:var(--primary)}.select-dropdown .options .inactive{color:var(--text-color);opacity:.75}.switch{display:flex;justify-content:center;align-items:center;max-width:max-content;margin-left:-.4rem;transform:scale(.65)}.emptyData{display:flex;flex-direction:column;gap:1rem;padding:1rem;justify-content:center;align-items:center}@media screen and (min-width: 768px){.emptyData{gap:2rem;padding:2rem}}.emptyData img{max-width:144px}@media screen and (min-width: 768px){.emptyData img{max-width:240px}}.emptyData div{display:flex;justify-content:center;align-items:center;gap:.5rem;opacity:.8}.emptyData div span{color:red}.emptyData p{font-size:14px;text-align:center}@media screen and (min-width: 768px){.emptyData p{font-size:16px}}.create-btns{position:relative}.create-btns .btn-main{display:flex;justify-content:center;align-items:center;gap:.5rem}.create-btns .create-options{position:absolute;z-index:99;display:flex;flex-direction:column;gap:1rem;border-radius:8px;left:0;bottom:0;padding:1rem;transform:translateY(100%);min-width:max-content}.create-btns .create-options p{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem;cursor:pointer;transition:.5s linear}.create-btns .create-options p:hover{transform:translate(.4rem);transition:.5s linear}.create-btns .create-options p .icon{font-size:1rem}.create-btns .icon{font-size:.9rem}.create-btns .alt-icon{font-size:1rem}.horizontal-bar{display:flex;justify-content:center;align-items:center;width:100%}@media screen and (max-width: 768px){.horizontal-bar{overflow-x:auto;justify-content:flex-start}}.horizontal-bar .step{display:flex;flex-direction:column;gap:1rem;align-items:center;gap:.5rem;width:100%;padding:.5rem 0rem}.horizontal-bar .step .title{display:flex;flex-direction:column;gap:.2rem;align-items:center}.horizontal-bar .step .title h4{font-weight:600;opacity:.5;min-width:fit-content;white-space:nowrap;padding:0rem .5rem}@media screen and (max-width: 1280px){.horizontal-bar .step .title h4{font-size:14px}}.horizontal-bar .step .title p{min-width:fit-content}.horizontal-bar .step .title .current{opacity:1}.horizontal-bar .step .bar{display:flex;justify-content:center;align-items:center;width:100%}.horizontal-bar .step .bar hr{min-width:40px;width:100%;height:2px;border:none}.horizontal-bar .step .bar .done{background-color:var(--secondary)}.horizontal-bar .step .bar .not-done{background-color:var(--border-color)}.horizontal-bar .step .bar button{min-width:40px;min-height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);border:1px solid var(--secondary);color:var(--secondary);font-weight:600;font-size:15px;cursor:pointer}.horizontal-bar .step .bar button:disabled{cursor:default}.horizontal-bar .step .bar .icon{font-size:1.5rem}.horizontal-bar .active .bar button{background-color:var(--secondary);color:var(--white-text-color)}.vertical-bar{display:flex;flex-direction:column;height:100%}.vertical-bar .step{display:flex;flex-direction:row;align-items:center;gap:1rem}.vertical-bar .step .title-info,.vertical-bar .step .title{display:flex;flex-direction:column;gap:.2rem;color:var(--primary)}.vertical-bar .step .title-info h3,.vertical-bar .step .title h3,.vertical-bar .step .title-info p,.vertical-bar .step .title p{opacity:.5;min-width:max-content}.vertical-bar .step .title-info .current,.vertical-bar .step .title .current{opacity:1}.vertical-bar .step .title-info{transform:translateY(.65rem)}.vertical-bar .step .bar{display:flex;flex-direction:column;align-items:center;height:100%}.vertical-bar .step .bar hr{min-height:40px;height:100%;width:2px;border:none}.vertical-bar .step .bar .done{background-color:var(--secondary)}.vertical-bar .step .bar .not-done{background-color:var(--border-color)}.vertical-bar .step .bar button{min-width:40px;min-height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);border:1px solid var(--secondary);color:var(--secondary);font-weight:600;font-size:15px;cursor:pointer}.vertical-bar .step .bar button:disabled{cursor:default}.vertical-bar .step .bar .icon{font-size:1.5rem}.vertical-bar .active .bar button{background-color:var(--secondary);color:var(--white-text-color)}.multi-tabs{display:flex;justify-content:center;align-items:center;justify-content:flex-start;width:100%;overflow-x:auto;box-sizing:border-box;scroll-behavior:smooth;scrollbar-color:var(--alt-bg-color)}.multi-tabs::-webkit-scrollbar{width:6px;height:6px;margin-block:1rem}.multi-tabs::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:100vw;cursor:pointer}.multi-tabs::-webkit-scrollbar-track{background-color:var(--alt-bg-color);border-radius:100vw;cursor:pointer}.multi-tabs li{display:flex;justify-content:center;align-items:center;padding:.5rem 1rem;width:100%;font-size:15px;font-weight:600;border-bottom:1px solid var(--border-color);color:var(--primary);opacity:.5;cursor:pointer;min-width:fit-content}.multi-tabs .active{border-bottom:2px solid var(--secondary);color:var(--secondary);opacity:1}.form-element{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;gap:.25rem;width:100%;min-width:100%}.form-element>label{font-size:14px;display:flex}.form-element>label>span{color:#f02828}.form-element input,.form-element .input-main,.form-element .single-select,.form-element .status,.form-element .search-select{width:100%;min-width:100%}.form-element .search-select .select-container{min-width:unset;width:100%}.form-element .selected__placeholder{max-width:24ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.form-element .error{color:#f02828;margin-top:-.4rem}.status{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.status .status-field{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem;padding:.55rem .5rem;border:1px solid var(--border-color);border-radius:6px;width:100%}.status .no-border{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem;width:max-content}.status label span{color:red}.multi-select{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.multi-select label span{color:red}.multi-select .select-container:focus{outline:none;border:none}.multi-select .selected__control{font-size:14px;border-radius:6px;padding:.35rem 0;cursor:pointer}.multi-select .selected__menu-list{padding:0;max-height:200px}.multi-select .error{color:red}.search-select{position:relative;display:flex;flex-direction:column;gap:1rem;gap:.5rem;height:max-content}@media screen and (max-width: 480px){.search-select{max-width:30rem}}.search-select .select-grp{display:flex;justify-content:center;align-items:center;border:1px solid var(--border-color);border-radius:6px;min-width:max-content;width:100%;height:100%}@media screen and (max-width: 480px){.search-select .select-grp{max-width:40rem}}.search-select .select-grp .selected__placeholder{max-width:2rem;white-space:nowrap}.search-select .select-grp hr{position:absolute;z-index:9;left:6.75rem;width:1px;height:20px;border:none;outline:none;background-color:var(--border-color)}.search-select .select-grp .search-by{position:relative}.search-select .select-grp .search-by .options-btn{display:flex;justify-content:center;align-items:center;gap:.5rem;min-width:max-content;height:100%;font-size:12.5px;font-weight:500;letter-spacing:.5px;padding:.72rem .25rem .72rem .5rem;background-color:var(--secondary-light);color:var(--secondary);border:none;border-top-left-radius:6px;border-bottom-left-radius:6px;cursor:pointer}.search-select .select-grp .search-by .icon{font-size:1.2rem}.search-select .select-grp .search-by .search-options{position:absolute;z-index:9;display:flex;flex-direction:column;gap:1rem;gap:0;border-radius:6px;left:-.1rem;bottom:-.1rem;transform:translateY(100%);min-width:max-content;width:100%}.search-select .select-grp .search-by .search-options li{display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;width:100%;border-radius:0;color:var(--secondary);cursor:pointer}.search-select .select-grp .search-by .search-options li p{font-size:12px;opacity:.6;margin-right:auto;transition:.4s linear}.search-select .select-grp .search-by .search-options li span{font-size:.9rem}.search-select .select-grp .search-by .search-options li:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.search-select .select-grp .search-by .search-options li:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.search-select .select-grp .search-by .search-options li:hover p{transform:translate(4px);transition:.4s linear}.search-select .select-grp .search-by .search-options .active{background-color:var(--secondary-light)}.search-select .select-grp .search-by .search-options .active p{opacity:1}.search-select label{font-size:14px;max-width:max-content}.search-select label span{color:red}.search-select .select-container{width:100%}.search-select .select-container:focus{outline:none;border:none}@media screen and (min-width: 768px){.search-select .select-container{min-width:340px}}.search-select .selected__control{width:100%;font-size:13px;border:none;border-radius:0 6px 6px 0;padding:.3rem;letter-spacing:.5px;background-color:var(--secondary-light);cursor:pointer}.search-select .selected__control:focus{outline:none;border:none}.search-select .selected__menu-list{padding:0;max-height:200px;font-size:13.5px;font-weight:400}.search-select .selected__dropdown-indicator{padding:.4rem .2rem .4rem .5rem}.search-select .error{color:red}.single-select{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.single-select label{display:flex;font-size:14px;max-width:fit-content}.single-select label span{color:red}.single-select .select-container:focus{outline:none;border:none}.single-select .selected__control{font-size:13px;border-radius:6px;padding:.3rem 0;background-color:var(--secondary-light);cursor:pointer}.single-select .selected__menu-list{padding:0;max-height:300px;font-size:14px}.single-select .error{color:red;width:100%;margin-top:.5rem}.radio-input{width:100%}.radio-input .label{display:flex;flex-direction:row;gap:0;font-size:15px}.radio-input .radio-grp{display:flex;gap:2rem}.radio-input .radio-grp .radio{display:flex;gap:.5rem}.radio-input .radio-grp .radio input{max-width:max-content;filter:hue-rotate(300deg);cursor:pointer}.radio-input .radio-grp .radio input:disabled{cursor:not-allowed}.radio-input .radio-grp .radio label{display:flex;flex-direction:column;gap:1rem;gap:0}.radio-input .radio-grp .radio label p{color:var(--text-color);opacity:.7;font-size:12px;font-weight:500;margin-top:-.05rem}.radio-input .radio-grp .desc{align-items:flex-start}.radio-input .radio-grp .desc label{margin-top:-.25rem}.radio-input .radio-grp-border{display:flex;gap:2rem;padding:.8rem .5rem;border:1px solid var(--border-color);border-radius:6px}@media screen and (max-width: 768px){.radio-input .radio-grp-border{flex-wrap:wrap}}.radio-input .radio-grp-border .radio{display:flex;gap:.5rem}.radio-input .radio-grp-border .radio input{max-width:max-content;filter:hue-rotate(300deg);cursor:pointer}.radio-input .radio-grp-border .radio input:disabled{cursor:not-allowed}.radio-input .radio-grp-border .radio label{display:flex;flex-direction:column;gap:1rem;gap:0}.radio-input .radio-grp-border .radio label p{color:var(--text-color);opacity:.7;font-size:12px;font-weight:500;margin-top:-.05rem}.radio-input .radio-grp-border.space{padding:1.25rem 1rem 1rem;gap:2rem}.radio-input .radio-grp-border.space .desc{flex:1;align-items:flex-start}.radio-input .radio-grp-border.space .desc label,.radio-input .radio-error{margin-top:-.25rem}.form-btns{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:1.5rem}@media screen and (max-width: 768px){.form-btns{flex-direction:column-reverse}}.form-btns button{width:100%}.form-btns .greyed{opacity:.5;cursor:not-allowed}.form-btns .inner div{width:10px;height:10px}.form-btns .outer{width:20px;height:20px}.stacked-btns{display:flex;flex-direction:column;gap:1rem;flex-direction:column-reverse;min-width:360px}.stacked-btns button{width:100%}.stacked-btns .greyed{opacity:.5;cursor:default}.phone_number{display:flex;flex-direction:column;gap:1rem;gap:.5rem;margin-bottom:.5rem;width:100%}.phone_number label{display:flex;flex-direction:column;gap:1rem;gap:.5rem;font-size:14px}.phone_number label span{color:red}.phone_number input{font-family:Poppins,sans-serif;border:none;background:none;padding-left:.25rem}.phone_number input:focus{outline:none;background:none;background-color:transparent}.phone_number input:disabled{cursor:default;opacity:.75}.phone_number .phone_body{background-color:var(--secondary-light);border:1px solid var(--border-color);border-radius:6px;padding:.8rem .5rem}.phone_number .error{color:red;max-width:400px;margin-top:-.1rem}.upload-container label{font-size:14px;max-width:max-content}.upload-container label span{color:red}.upload-container button:disabled{opacity:.3;cursor:not-allowed!important}.upload-container .upload{background-color:var(--secondary-light);border:2px dashed var(--border-color);border-radius:10px;text-align:center;padding:1.25rem 1rem;margin-top:8px}.upload-container .upload label{cursor:pointer}.upload-container .upload-icon{color:var(--primary);opacity:.25}.upload-container .upload-icon svg{height:2.5rem;width:2.5rem;animation:scale 1s alternate infinite linear}.upload-container .upload-icon.active{color:var(--secondary);opacity:1}.upload-container .upload-icon.disabled{color:var(--border-color);opacity:.5}.upload-container .upload-icon.disabled svg{animation:none}.upload-container .upload-placeholder{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:.325rem;margin-top:.5rem}.upload-container .upload-placeholder p{color:var(--primary);opacity:.6;font-size:12px}.upload-container .upload-placeholder p:first-child{font-size:13px;opacity:1}.upload-container .upload-file{display:flex;justify-content:center;align-items:center;gap:1rem}.upload-container .upload-file .name{font-size:14px;font-weight:600}.upload-container .upload-file .clear{display:flex;justify-content:center;align-items:center;width:30px;cursor:pointer;padding:.25rem;background-color:#fceeee;color:red;border:1px solid red;border-radius:6px;transition:.3s linear}.upload-container .upload-file .clear:hover{transform:scale(1.1);transition:.3s linear}.upload-container .error-message{color:red;margin-top:4px}.wrapper{border-radius:16px;padding:1rem}.wrapper .download-template{display:flex;justify-content:center;align-items:center;margin-bottom:8px}.wrapper .download-template button{display:flex;align-items:center;gap:8px}.stat-card{display:flex;flex-direction:column;gap:1rem;gap:.25rem;padding:1rem 1rem 1.5rem;border-radius:8px;max-width:fit-content;min-width:250px}.stat-card div{display:flex;align-items:center;gap:1rem}.stat-card div p{font-weight:600;font-size:14px;letter-spacing:.5px}.stat-card h3{padding-left:3.8rem;margin-bottom:0}.stat-card .gray,.stat-card .yellow,.stat-card .red,.stat-card .green,.stat-card .blue{display:flex;justify-content:center;align-items:center;padding:.75rem;border-radius:50%;font-size:1.25rem}.stat-card .blue{color:var(--primary);background-color:var(--primary-light)}.stat-card .green{color:#4baa79;background-color:#efe}.stat-card .red{color:red;background-color:#fceeee}.stat-card .yellow{color:#b8860b;background-color:#ffffbe}.stat-card .gray{color:gray;background-color:#e6e6fa}.list-grid{display:flex;justify-content:center;align-items:center;padding:.4rem .5rem;border-radius:6px;font-weight:500}.list-grid .inactive,.list-grid .active{display:flex;justify-content:center;align-items:center;padding:.2rem .5rem;border-radius:6px;cursor:pointer}.list-grid .inactive span,.list-grid .active span{font-size:13px;padding:.1rem .25rem}.list-grid .inactive .icon,.list-grid .active .icon{font-size:1.3rem;padding:0;margin:0}.list-grid .active{color:var(--primary)}.list-grid .inactive{opacity:.6}.important-note{display:flex;background-color:var(--primary-light);margin-top:2rem;width:100%;border-left:2px solid var(--primary)}.important-note div{display:flex;flex-direction:column;gap:1rem;padding:1rem}.important-note div p{display:flex;justify-content:center;align-items:center;gap:.5rem;letter-spacing:1px;color:var(--primary);font-weight:600;max-width:max-content}.important-note div p span{color:red}.important-note div span{font-weight:400;opacity:.9;line-height:26px}.important-note div button{max-width:max-content}.center-image{display:flex;justify-content:center;align-items:center;cursor:default}.pointer{cursor:pointer}.confirmation-modal{display:grid;grid-template-columns:1fr 1fr;gap:1rem;text-align:center}@media screen and (min-width: 480px){.confirmation-modal{gap:1.5rem}}.confirmation-modal>div{grid-column:span 2}.confirmation-modal .icon{display:flex;justify-content:center;align-items:center;border-radius:50%;padding:8px;background-color:var(--alt-bg-color);width:50px;height:50px;margin:0 auto}.confirmation-modal .icon svg{height:32px;width:32px}.confirmation-modal h4{font-size:18px;text-align:center;margin:12px 0 8px}.confirmation-modal p{font-size:16px;color:var(--primary);opacity:.75}.confirmation-modal button{font-family:Poppins,sans-serif;grid-column:span 2}@media screen and (min-width: 480px){.confirmation-modal button{grid-column:span 1}}.confirmation-modal.error .icon{color:red}.confirmation-modal.error button.cancel{border-color:red;color:red}.confirmation-modal.error button.confirm{background-color:red;border-color:red}.confirmation-modal.error .icon{background-color:#fceeee}.confirmation-modal.success .icon{color:#4baa79}.confirmation-modal.success button.cancel{border-color:#4baa79;color:#4baa79}.confirmation-modal.success button.confirm{background-color:#4baa79;border-color:#4baa79}.confirmation-modal.success .icon{background-color:#efe}.softsuite-tooltip{background-color:var(--alt-bg-color)!important;color:var(--text-color)!important;border-radius:6px!important;z-index:10001!important;box-shadow:var(--box-shadow)!important}.scroll-snap{scroll-snap-type:y mandatory}.scroll-snap section{height:100vh;scroll-snap-align:start}.popover-container [popover]{inset:unset;bottom:anchor(top);left:anchor(center);translate:-50%;margin:.25rem 0}.dialog-modal{position:fixed;top:50%;left:50%;translate:-50% -50%;padding:0;border:none;outline:none;border-radius:10px;animation-duration:.4s;animation-fill-mode:forwards}.dialog-modal[open]{display:inline-block;width:97.5%}.dialog-modal:focus{border:none;outline:none}.dialog-modal::backdrop{background-color:#000;opacity:.25;animation-duration:.4s;animation-fill-mode:forwards}.dialog-modal.fade-in{animation-name:fadeIn}.dialog-modal.fade-in::backdrop{animation-name:backdropFadeIn}.dialog-modal.fade-out{animation-name:fadeOut}.dialog-modal.fade-out::backdrop{animation-name:backdropFadeOut}.dialog-modal .dialog-content-modal{position:relative;padding:1rem;min-width:100%}.dialog-ellipsis{position:absolute;z-index:999;background-color:var(--bg-color);padding:1rem;min-width:max-content;border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--box-shadow)}.dialog-ellipsis:focus{border:none;outline:none}.dialog-ellipsis.top{left:50%;transform:translate(-50%);bottom:calc(100% + .75rem)}.dialog-ellipsis.top:before{content:"";position:absolute;z-index:8;left:50%;bottom:0;transform:rotate(135deg) translate(75%);height:16px;width:16px;background-color:inherit;border-top:1px solid var(--border-color);border-right:1px solid var(--border-color);box-shadow:none}.dialog-ellipsis.bottom{left:50%;transform:translate(-50%);top:calc(100% + .75rem)}.dialog-ellipsis.bottom:before{content:"";position:absolute;z-index:8;left:50%;top:0;transform:rotate(45deg) translate(-75%);height:16px;width:16px;background-color:inherit;border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);box-shadow:none}.dialog-ellipsis.left{top:50%;transform:translate(calc(-100% - 1.25rem),-50%)}.dialog-ellipsis.left:before{content:"";position:absolute;z-index:8;top:50%;right:0;transform:rotate(45deg) translateY(-75%);height:16px;width:16px;background-color:inherit;border-top:1px solid var(--border-color);border-right:1px solid var(--border-color);box-shadow:none}.dialog-ellipsis.right{top:50%;transform:translateY(-50%);left:calc(100% + 1.25rem)}.dialog-ellipsis.right:before{content:"";position:absolute;z-index:8;top:50%;left:0;transform:rotate(135deg) translateY(75%);height:16px;width:16px;background-color:inherit;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);box-shadow:none}.dialog-ellipsis .dialog-content-ellipsis{width:100%;height:100%}@keyframes fadeIn{0%{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.25)}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:.25}}@keyframes backdropFadeOut{0%{opacity:.25}to{opacity:0}}.report-card{padding:1.5rem 1rem;background-color:#fff;display:flex;gap:1.25rem;cursor:pointer;height:100%;border-radius:12px}.report-card-icon{background-color:var(--secondary-light);color:var(--secondary);height:36px;width:36px;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.report-card-icon svg{height:16px;width:16px}.report-card-title{font-size:16px;font-weight:500}.report-card-subtitle{font-size:14px;font-weight:400;color:var(--primary);opacity:.7}.report-action-dropdown{position:relative;display:inline-block}.dropdown-btn{display:flex;align-items:center;gap:.5rem;font-size:14px;font-weight:600;letter-spacing:.5px;color:var(--primary);border:none;padding:.625rem 1rem;border-radius:4px;background-color:var(--primary-light);cursor:pointer}.dropdown-btn-icon svg{height:20px;width:20px}.dropdown-content{display:none;position:absolute;background-color:var(--bg-color);min-width:156px;z-index:1;margin-top:.5rem;border-radius:4px;box-shadow:var(--box-shadow)}.dropdown-content-icon{height:20px}.dropdown-content-icon svg{height:20px;width:20px}.dropdown-content-icon.right{margin-left:auto}.show-dropdown{display:block}.nested-dropdown{position:relative}.nested-dropdown-content{display:none;position:absolute;left:100%;top:0;background-color:var(--bg-color);min-width:156px;z-index:1;margin-left:.5rem;border-radius:0 4px 4px;box-shadow:var(--box-shadow)}.nested-dropdown.show-content .nested-dropdown-content{display:block}.dropdown-content li,.nested-dropdown-content li{color:var(--primary);padding:1rem;font-weight:400;cursor:pointer;display:flex;align-items:center;gap:.5rem}.dropdown-content li:hover,.nested-dropdown-content li:hover{background-color:var(--primary-light)}.nested-dropdown.show-content>li{background-color:var(--primary-light)}.report-action-column-modal{display:flex;flex-direction:column;gap:12px;min-width:360px}.report-action-column-modal .columns{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.report-action-column-modal .column-row{display:flex;align-items:center;gap:12px;padding:0}.report-action-column-modal .column-row p{cursor:pointer;flex:1}.report-action-column-modal .column-row .checkbox-custom{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid var(--secondary);border-radius:3px;outline:none;cursor:pointer;position:relative}.report-action-column-modal .column-row .checkbox-custom:checked{background-color:var(--secondary)}.report-action-column-modal .column-row .checkbox-custom:checked:before{content:"";width:5px;height:10px;border:solid #ffffff;border-width:0 3px 3px 0;position:absolute;top:0px;left:5px;transform:rotate(45deg)}.report-action-column-modal .column-row button{width:50%}.carousel{position:relative;width:100%;overflow:hidden}.carousel__wrapper{display:flex;align-items:center}.carousel__items{display:flex;transition:.5s ease-in-out;width:100%}.carousel__item{min-width:100%;min-height:400px;opacity:0;display:none;transition:.5s ease-in-out}.carousel__item--active{opacity:1;display:flex;align-items:center;justify-content:center;border:1px solid #eee;border-radius:10px;transition:.5s ease-in-out}.carousel__button{background:none;border:none;font-size:2rem;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:10;transition:.5s ease-in-out}.carousel__button--prev{left:1rem}.carousel__button--next{right:1rem}.carousel__button:hover{transform:translateY(-50%) scale(1.2);transition:.5s ease-in-out}.carousel__indicators{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);z-index:10;display:flex}.carousel__indicators button{background:#ccc;border:none;border-radius:50%;width:.6rem;height:.6rem;margin:0 .25rem;cursor:pointer;transition:.4s ease-in-out}.carousel__indicators button.carousel__indicator--active{background:#333;transition:.4s ease-in-out}.pill{display:inline-flex;align-items:center;padding:.4rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;min-width:max-content}.pill_dot{width:8px;height:8px;border-radius:50%;margin-right:.5rem}.pill-red{background-color:#fceeee;color:#f02828}.pill-red .pill_dot-red{background-color:#f02828}.pill-green{background-color:var(--secondary-light);color:var(--secondary)}.pill-green .pill_dot-green{background-color:var(--secondary)}.pill-gold{background-color:#ffffbe;color:#b8860b}.pill-gold .pill_dot-gold{background-color:#b8860b}.pill-purple{background-color:#f3e5f5;color:#9b59b6}.pill-purple .pill_dot-purple{background-color:#9b59b6}.pill-grey{background-color:var(--alt-bg-color);color:#6c757d}.pill-grey .pill_dot-grey{background-color:#6c757d}.pill-small{padding:.25rem .8rem;border-radius:20px;font-size:.75rem}.pill-small .pill_dot{width:6px;height:6px}.progress-circle{position:relative}.progress-circle--small{width:50px;height:50px}.progress-circle--small svg{width:100%;height:100%}.progress-circle--small .percentage{font-size:.65rem}.progress-circle--medium{width:64px;height:64px}.progress-circle--medium svg{width:100%;height:100%}.progress-circle--medium .percentage{font-size:.6rem}.progress-circle--big{width:100px;height:100px}.progress-circle--big svg{width:100%;height:100%}.progress-circle--big .percentage{font-size:.45rem}.progress-circle--tiny{width:34px;height:34px}.progress-circle--tiny svg{width:100%;height:100%}.progress-circle--tiny .percentage{font-size:.7rem}.progress-circle .circle-bg{fill:none;stroke:#eee;stroke-width:3.8}.progress-circle .circle{fill:none;stroke-width:3.8;stroke-linecap:round;transition:stroke-dasharray .6s ease 0s}.progress-circle .percentage{fill:var(--primary);font-weight:600;font-family:Arial,sans-serif;text-anchor:middle}.filter-container{position:relative;border:1px solid var(--border-color);border-radius:8px;max-width:max-content}.filter-container .filter-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;cursor:pointer}.filter-container .filter-button span{display:flex;max-width:fit-content;max-height:fit-content;font-size:1.4rem}.filter-container .filter-button p{font-size:16px;letter-spacing:.5px}.filter-container .filter-children{position:absolute;display:flex;flex-direction:column;gap:1rem;gap:0;border:1px solid var(--border-color);border-radius:8px;top:calc(100% + .1rem);padding:1rem;min-width:max-content;z-index:9;background-color:inherit}.filter-container .filter-children.filter-left{left:0}.filter-container .filter-children.filter-right{right:0}.filter-container .filter-children.filter-center{left:50%;transform:translate(-50%)}.filter-container>form{position:absolute;display:flex;flex-direction:column;gap:1rem;gap:0;border:1px solid var(--border-color);border-radius:8px;top:calc(100% + .1rem);padding:1rem;min-width:max-content;z-index:9;background-color:inherit}.filter-container>form.filter-left{left:0}.filter-container>form.filter-right{right:0}.filter-container>form.filter-center{left:50%;transform:translate(-50%)}.filter-container>form button{margin-top:.75rem}.session_expired{display:flex;flex-direction:column;gap:1rem;align-items:center;gap:1.5rem;padding:1rem;width:max-content;border-radius:12px}.session_expired .icon{font-size:1.5rem;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#ffffbe;color:#b8860b;margin:-.5rem}.session_expired p{font-size:16px;text-align:center;opacity:.8;margin-top:-1rem}.session_expired button{min-width:200px}.subscription-expiration-modal{display:flex;flex-direction:column;gap:1rem;align-items:center}.subscription-expiration-modal>p{margin-top:-.5rem;opacity:.8;text-align:center}.subscription-expiration-modal .icon{font-size:1.5rem;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#ffffbe;color:#b8860b;margin:-.5rem}.subscription-expiration-modal .icon.red{background-color:#fceeee;color:red}.subscription-expiration-modal .timer_display{display:flex;align-items:center;justify-content:space-evenly;gap:1.5rem}.subscription-expiration-modal .timer_display>div{display:flex;flex-direction:column;gap:1rem;align-items:center;gap:0}.subscription-expiration-modal .timer_display>div h1{font-size:56px}.subscription-expiration-modal .timer_display>div p{opacity:.8}.subscription-expiration-modal .timer_display span{position:relative;font-size:28px;opacity:.8;top:-.75rem}.subscription-expiration-modal .modal-btns button{min-width:240px}.not_permitted{display:flex;flex-direction:column;gap:1rem;align-items:center;gap:1.5rem;padding:1rem;width:max-content;border-radius:12px}.not_permitted .icon{font-size:1.5rem;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#fceeee;color:#f02828;margin:-.5rem}.not_permitted p{font-size:16px;text-align:center;opacity:.8;margin-top:-1rem}.not_permitted button{min-width:200px}.coming-soon-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4rem;width:100%;height:100%;min-height:460px}.coming-soon-container img{max-width:400px}@media screen and (max-width: 480px){.coming-soon-container img{max-width:230px}}.coming-soon-container .coming-soon{display:flex;flex-direction:column;gap:1rem;gap:2rem}.coming-soon-container .coming-soon h1{line-height:48px;color:var(--primary)}.coming-soon-container .coming-soon h1 span{position:relative;top:4px;font-size:40px;color:red}.coming-soon-container .coming-soon h4{font-weight:500;font-size:14px;margin-top:-1.5rem}.coming-soon-container .coming-soon div{display:flex;gap:1rem}.coming-soon-container .coming-soon div button{font-size:15px}.info-tag{position:relative;display:flex;justify-content:center;align-items:center;max-width:max-content;margin-left:.75rem}.info-tag .icon{color:var(--primary);font-size:1rem;cursor:pointer}.info-tag .info-content{position:absolute;color:var(--text-color);background-color:var(--alt-bg-color);width:fit-content;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;font-size:.75rem;font-weight:400;display:none;z-index:99}.info-tag .info-content.top-center{bottom:50%;left:50%;transform:translate(-50%)}.info-tag .info-content.top-left{bottom:50%;left:0}.info-tag .info-content.top-right{bottom:50%;right:0}.info-tag .info-content.bottom-left{top:0;left:0}.info-tag .info-content.bottom-right{top:0;right:0}.info-tag .info-content.bottom-center{top:0;left:50%;transform:translate(-50%)}.info-tag:hover .info-content{display:flex}.details{margin-bottom:.5rem}.details table{width:100%;border-collapse:collapse;border:1px solid var(--border-color);table-layout:fixed}.details table td{padding:.625rem 1rem;border:1px solid var(--border-color);font-size:14px}.details table td p{color:#414141b3;text-transform:uppercase;font-size:13px;letter-spacing:.75px}.details table td h5{font-size:14px;font-weight:500}.avatar-initials{display:flex;justify-content:center;align-items:center;border-radius:50%;letter-spacing:1px;cursor:pointer}.avatar-initials-small{width:42px;height:42px;font-size:14px}.avatar-initials-big{width:128px;height:128px}.avatar-initials-light{background-color:var(--alt-bg-color)}.avatar-initials-dark{background-color:#dadada}.back-btn{display:flex;justify-content:center;align-items:center;gap:.5rem;max-width:max-content;cursor:pointer}.back-btn button{display:flex;justify-content:center;align-items:center;background-color:var(--secondary-light);color:var(--secondary);border:1px solid var(--secondary);border-radius:6px;padding:.2rem;font-size:1.25rem;transition:.4s linear;cursor:pointer}.back-btn button:hover{transform:scale(1.1);transition:.4s linear}.back-btn p{opacity:.8;color:var(--secondary);cursor:pointer;transition:.4s linear}.back-btn p:hover{transform:translate(-2px);transition:.4s linear}.bulk-uploads-container{padding:1rem;min-width:45rem}@media screen and (max-width: 768px){.bulk-uploads-container{padding:.5rem;min-width:100%}}.bulk-uploads-container form{margin-top:1rem}.error-list{display:flex;flex-direction:column;max-height:15rem;padding:0 .75rem;border-radius:.5rem;overflow:auto}@media screen and (max-width: 480px){.error-list{max-width:20rem}}.error-list li{display:list-item;list-style:disc;list-style-type:disc;list-style-position:inside;color:#f02828;background-color:#fde7e7;min-width:100%;font-size:10px;padding:.5rem}.upload-guideline .header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:4px;padding:0;margin-bottom:.5rem}.upload-guideline .header h4{font-weight:600}.upload-guideline .header .close{color:#6c757d;font-size:20px;cursor:pointer;margin-top:6px}.upload-guideline ul{list-style-type:disc;list-style-position:inside}.upload-guideline ul li{font-size:14px;margin-bottom:8px;color:var(--text-color)}.guide-text{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.25rem;cursor:pointer;color:var(--alt-text-color);margin-top:-4px}.guide-text span{font-size:1rem;margin-top:4px}.guide-text p{font-size:14px;font-weight:500}.data-mapping thead{background-color:var(--bg-color);color:var(--text-color)}.data-mapping thead span.icon{color:var(--primary)}.data-mapping .data-mapping-header .source-column-container{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;gap:.1rem}.data-mapping .data-mapping-header .column-name{background-color:var(--alt-bg-color);color:var(--text-color);border-radius:6px;border:1px solid var(--border-color);padding:.65rem .75rem;min-width:200px;width:100%;text-align:start}.data-mapping .data-mapping-header .single-select{min-width:200px;text-align:start}.data-mapping .data-mapping-header .single-select .selected__control{background-color:var(--alt-bg-color)}.data-mapping .data-mapping-header .single-select .selected__menu-list{color:var(--text-color)}.data-mapping .data-mapping-header .required{color:#f02828}.ellipses-container{position:relative;z-index:999}.status-chip{display:inline-block;padding:.4rem;border-radius:6px;text-transform:capitalize;text-align:center;min-width:100px;color:gray;background-color:#efefef}.status-chip.active-bg{background-color:#efe;color:#4baa79}.status-chip.red-bg{background-color:#fceeee;color:#f02828}.status-chip.green-bg{background-color:var(--secondary-light);color:var(--secondary)}.status-chip.blue-bg{color:var(--primary);background-color:var(--primary-light)}.status-chip.yellow-bg{color:#b8860b;background-color:#ffffbe}.status-chip.grey-bg{color:gray;background-color:#efefef}.status-chip.brown-bg{color:#886969;background-color:#f3eaea}.status-chip .uppercase{text-transform:uppercase}.linear-bar{width:100%;min-width:100px;height:24px;background-color:var(--alt-bg-color);border-radius:6px;position:relative;overflow:hidden}.linear-bar .progress{height:100%;background-color:var(--secondary);border-top-left-radius:6px;border-bottom-left-radius:6px;transition:width .4s ease-in-out}.linear-bar .progress .full{border-top-right-radius:6px;border-bottom-right-radius:6px}.linear-bar .percentage-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:var(--primary);opacity:.6}.circular-bar{position:relative;display:inline-flex;align-items:center;justify-content:center}.circular-bar .circular-chart{transform:rotate(-90deg)}.circular-bar .circle-bg{fill:none;stroke:#e0e0e0;stroke-linecap:round}.circular-bar .circle{fill:none;stroke:#4baa79;stroke-linecap:round;transition:stroke-dasharray .4s ease-in-out}.circular-bar .percentage-text{position:absolute;font-weight:700;color:var(--primary)}.login-flex{display:flex;justify-content:center;align-items:center;padding:0 0 2rem}.login-flex .login-img{max-width:580px;transform:translate(-20%)}@media screen and (max-width: 768px){.login-flex .login-img{display:none}}.login-flex .login-input{width:100%;max-width:25rem}.login-flex .login-input .input-main{margin-bottom:.5rem;width:100%}.login-flex .login-input .visibility,.login-flex .login-input input{width:100%}.login-flex .login-input h1{color:var(--primary);margin-bottom:.2rem}.login-flex .login-input h5{font-size:16px;font-weight:500;margin-bottom:2rem}.login-flex .login-btn{display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 1rem}.login-flex .login-btn button{width:100%;font-size:16px;font-weight:600;letter-spacing:1px;padding:.75rem 1rem}.login-flex .login-btn .spinner{padding:.7rem}.login-flex .login-btn span{align-self:flex-end;color:var(--secondary);font-size:15px;font-weight:600;cursor:pointer}.login-flex h4{font-weight:500;text-align:center}.login-flex .signin-alt{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0}@media screen and (max-width: 768px){.login-flex .signin-alt{flex-direction:column;gap:.5rem;min-width:20rem}}.login-flex .signin-alt .signin{display:flex;align-items:center;gap:.5rem;min-width:max-content;border:1px solid rgb(205,225,227);border-radius:6px;padding:.8rem 1rem}.login-flex .signin-alt .signin img{max-width:16px}.login-flex .account-signup{font-size:15px;margin-top:2rem;text-align:center}.login-flex .account-signup span{font-size:15px;font-weight:600;color:var(--secondary);margin-left:.2rem;cursor:pointer}.errMsg{color:red}.otp-page-flex{display:flex;justify-content:center;align-items:center;padding:0 0 2rem}.otp-page-flex .otp-img{max-width:580px;transform:translate(-20%)}.otp-page-flex .otp-input-section .visibility{width:100%}.otp-page-flex .otp-input-section h2{color:var(--primary);margin-bottom:1.5rem}.otp-page-flex .verify-btn{display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 1rem}.otp-page-flex .verify-btn button{width:100%;font-size:16px;font-weight:600;letter-spacing:1px;padding:1rem}.otp-page-flex .verify-btn .spinner{padding:.7rem}.otp-page-flex .verify-btn a{text-align:right;color:var(--secondary)}.otp-page-flex .otp-resend{font-size:16px;display:flex;align-items:center;gap:.5rem}.otp-page-flex .otp-resend button.btn-link{font-size:15px;text-decoration:none;font-weight:600}.otp-page-flex p.btn-link{font-size:15px;font-weight:600;letter-spacing:1px;margin-top:2rem;margin-left:auto}.errMsg{color:red;margin-top:8px}.signup-structure{display:flex;justify-content:center;gap:12rem;padding:2rem 8rem 4rem}@media screen and (max-width: 768px){.signup-structure{gap:1rem;padding:0rem}}.signup-structure .left{display:flex}@media screen and (max-width: 768px){.signup-structure .left{display:none}}.signup-structure .right{display:flex;flex-direction:column;gap:1rem}.signup-structure .right .signup-form{display:flex;flex-direction:column;gap:1rem;gap:2rem;max-width:max-content}.signup-structure .right .signup-btn{display:flex;flex-direction:column;gap:1rem}.signup-structure .right .signup-btn button:disabled{background-color:var(--border-color);cursor:default}.signup-structure .right .signup-btn .signup-next-btn{border:none;border-radius:5px;background-color:var(--secondary);color:#fff;padding:1rem 4rem;letter-spacing:.5px;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:600}.signup-structure .right .signup-btn .existing-account{font-size:16px;font-weight:500;text-align:center}.signup-structure .right .signup-btn .existing-account span{margin-left:.2rem;color:var(--secondary);font-size:16px;font-weight:600;cursor:pointer}.signup-structure .right .signup-btn .signup-back-button{display:flex;align-items:center;place-self:end;color:var(--secondary);font-weight:600;letter-spacing:1px;background:none;border:none;cursor:pointer}.activation-wrapper{display:flex;justify-content:center;align-items:center;gap:6rem}.activation-wrapper img{max-width:480px}@media screen and (max-width: 1280px){.activation-wrapper img{display:none}}@media screen and (max-width: 1280px){.activation-wrapper h1{text-align:center}.activation-wrapper button{margin:auto}}.activation-wrapper .activation{display:flex;flex-direction:column;gap:1rem;gap:2rem}.activation-wrapper .activation h1{line-height:44px;color:var(--primary)}.activation-wrapper .activation h1 span{font-size:36px}.activation-wrapper .activation button{width:max-content;font-size:16px;padding:.8rem 2rem}.reset{color:var(--text-color)}.reset h2{margin-bottom:.2rem;color:var(--primary)}.reset h5{margin-bottom:2rem;font-size:16px;font-weight:600}.reset .reset-btn{display:flex;flex-direction:column;gap:.8rem;margin-top:2rem}.reset .reset-btn button{font-size:15px;font-weight:600}.reset .reset-btn a{color:var(--secondary);text-align:right;width:fit-content;place-self:end}.fgtPassModal{width:max-content;border-radius:12px;display:flex;flex-direction:column;gap:1rem;align-items:center;margin:auto}@media screen and (max-width: 480px){.fgtPassModal{width:auto}}.fgtPassModal span{font-size:2.5rem;background-color:var(--secondary-light);color:var(--secondary);height:4rem;width:4rem;border-radius:50%}.fgtPassModal h3{font-weight:600;text-align:center}.fgtPassModal p{font-size:18px;opacity:.75;text-align:center}@media screen and (max-width: 480px){.fgtPassModal p{font-size:16px}}.fgtPassModal a{margin-top:1rem;width:100%;font-size:15px;letter-spacing:.5px}.fgtPassModal .btn-link{max-width:max-content;align-self:flex-end;font-weight:600;letter-spacing:.5px}.fgtPassModal .btn-alt{width:100%;font-size:15px;letter-spacing:.5px}.reset-password-modal{min-width:400px;border-radius:12px;display:flex;flex-direction:column;gap:1rem;align-items:center}@media screen and (max-width: 480px){.reset-password-modal{min-width:100%}}.reset-password-modal span{font-size:2.5rem;background-color:var(--secondary-light);color:var(--secondary);height:4rem;width:4rem;border-radius:50%}.reset-password-modal p{font-size:18px;opacity:.75;text-align:center}.reset-password-modal button{width:100%;margin-top:.5rem}.info-modal{min-width:400px;border-radius:12px;display:flex;flex-direction:column;gap:1rem;gap:.5rem;align-items:center}.info-modal span{font-size:2.5rem;background-color:#ffffbe;color:#b8860b;height:4rem;width:4rem;border-radius:50%}.info-modal h3{font-weight:600;text-align:center}.info-modal p{font-size:18px;opacity:.9;text-align:center}.info-modal .btn-main{width:100%;font-size:15px;letter-spacing:.5px;margin-top:1rem}.sign-up-complete{display:flex;justify-content:center;align-items:center;gap:4rem}@media screen and (max-width: 1280px){.sign-up-complete img{display:none}}@media screen and (max-width: 1280px){.sign-up-complete h1,.sign-up-complete h4{text-align:center}.sign-up-complete button{margin:auto}}.sign-up-complete .complete-info{display:flex;flex-direction:column;gap:1rem;gap:3rem}.sign-up-complete .complete-info .info-header{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.sign-up-complete .complete-info .info-header h1{color:var(--primary)}.sign-up-complete .complete-info button{max-width:max-content}.sign-up-complete .complete-info .expiration{display:flex;align-items:flex-start;gap:.5rem}.sign-up-complete .complete-info .expiration span{color:red;font-size:1.2rem}.sign-up-complete .complete-info .expiration p span{display:inline;font-size:13px}.completedRegModal{display:flex;flex-direction:column;gap:1rem;padding:1rem 2rem;align-items:center}.completedRegModal span{background-color:#efe;color:#4baa79;padding:1rem;display:flex;justify-content:center;align-items:center;width:max-content;border-radius:50%;font-size:2.5rem}.completedRegModal h3{margin-top:1rem;text-align:center}.completedRegModal p{font-size:16px;font-weight:600;margin:0;padding:0}.onboarding-structure{display:flex;justify-content:center;gap:12rem;padding:2rem 8rem 4rem}@media screen and (max-width: 768px){.onboarding-structure{padding:0rem}}.onboarding-structure .left{display:flex;gap:1rem}@media screen and (max-width: 1280px){.onboarding-structure .left{display:none}}.onboarding-structure .left .onboarding-div-svg{display:flex;flex-direction:column;gap:1rem;gap:0;align-items:center}.onboarding-structure .left .onboarding-div-svg .done-div,.onboarding-structure .left .onboarding-div-svg .inactive-div,.onboarding-structure .left .onboarding-div-svg .active-div{border:none;border-radius:50%;width:40px;height:40px;background-color:var(--primary);display:flex;justify-content:center;align-items:center}.onboarding-structure .left .onboarding-div-svg .done-div p,.onboarding-structure .left .onboarding-div-svg .inactive-div p,.onboarding-structure .left .onboarding-div-svg .active-div p{font-weight:700;color:#fff}.onboarding-structure .left .onboarding-div-svg .inactive-div{background-color:var(--alt-text-color);opacity:.5}.onboarding-structure .left .onboarding-div-svg .done-div{background-color:var(--secondary)}.onboarding-structure .left .onboarding-div-svg hr{height:7.45rem;width:1px}.onboarding-structure .left .onboarding-div-svg .active,.onboarding-structure .left .onboarding-div-svg .arrow-up,.onboarding-structure .left .onboarding-div-svg .accordion .accordion-body .inactive,.accordion .accordion-body .onboarding-structure .left .onboarding-div-svg .inactive{display:flex;justify-content:center;align-items:center;background-color:var(--primary);color:#fff;border-radius:50%;height:40px;width:40px;margin-top:2rem;font-size:1.5rem;transition:.3s linear;cursor:pointer}.onboarding-structure .left .onboarding-div-svg .active{transform:rotate(180deg);transition:.3s linear}.onboarding-structure .left .organise{display:flex;flex-direction:column;gap:8rem;padding-top:.3rem}.onboarding-structure .left .organise .onboarding-svg-text{display:flex;flex-direction:column;gap:.2rem;white-space:nowrap}.onboarding-structure .left .organise .active-text{color:var(--primary)}.onboarding-structure .left .organise .inactive-text{color:var(--alt-text-color);opacity:.5}.onboarding-structure .left .organise .done-text{color:var(--secondary)}.onboarding-structure .right{display:flex;flex-direction:column;gap:1rem}.onboarding-structure .right .title{margin-bottom:1rem}.onboarding-structure .right .title h3{color:var(--primary)}.onboarding-structure .right .title p{font-size:15px;font-weight:600;margin-top:.25rem}.onboarding-structure .right .onboarding-div{display:flex;justify-content:center;align-items:center;min-height:320px;border-radius:12px;border:1px solid var(--border-color);margin-bottom:1rem;padding:1rem}.onboarding-structure .right .onboarding-btn{display:flex;justify-content:space-between;gap:1rem}@media screen and (max-width: 768px){.onboarding-structure .right .onboarding-btn{flex-direction:column-reverse}}.onboarding-structure .right .onboarding-btn button{padding:.7rem 2rem;width:100%;min-width:300px}.onboarding-structure .right .onboarding-btn button:first-child:disabled{opacity:.5}.onboarding-structure .right .onboarding-btn button:last-child:disabled{background-color:var(--border-color);border:1px solid var(--border-color);cursor:default}.onboarding-structure .right .skip{max-width:max-content;margin-top:1rem;color:var(--secondary);font-weight:600;letter-spacing:.5px;background:none;border:none;cursor:pointer}.actions span{display:flex;justify-content:center;align-items:center;gap:.5rem}.actions span button{cursor:pointer;background-color:transparent;border:none;transition:.3s linear}.actions span button:hover{transform:scale(1.2);transition:.3s linear}.actionsHead{display:flex;justify-content:center;align-items:center}.module_selection{display:flex;flex-direction:column;gap:1rem;padding:1rem 8rem 2rem}@media screen and (max-width: 1280px){.module_selection{padding:0rem}}.module_selection .modules_header h2{color:var(--primary)}.module_selection .modules_header p{color:var(--primary);font-size:16px;font-weight:400}.module_selection form{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media screen and (max-width: 768px){.module_selection form{display:flex;flex-direction:column;gap:1rem}}.module_selection form .module_card{display:flex;justify-content:center;align-items:center;gap:1rem;border:1px solid rgb(224,224,224);border-radius:10px;padding:1rem;min-height:164px}.module_selection form .module_card input{filter:hue-rotate(300deg);width:14px;height:14px;cursor:pointer}.module_selection form .module_card input:checked,.module_selection form .module_card input:disabled{filter:hue-rotate(300deg)}.module_selection form .module_card .module_info{display:flex;flex-direction:column;gap:1rem;gap:.25rem}.module_selection form .module_card .module_info h4{color:var(--primary)}.module_selection form .module_card .module_info p{color:var(--primary);font-weight:400;opacity:.9;letter-spacing:.25px}.module_selection form .module_card .module_info span{font-size:13px;font-weight:500;background-color:var(--secondary-light);color:var(--secondary);max-width:fit-content;padding:.2rem .5rem;border-radius:16px;margin-top:.75rem}.module_selection .page-btns{display:flex;justify-content:space-between;align-items:center;gap:2rem;grid-column:span 2}@media screen and (max-width: 480px){.module_selection .page-btns{flex-direction:column;gap:1rem;margin-top:1rem}}.module_selection .page-btns button{width:100%}.payment_setup{display:flex;flex-direction:column;gap:1rem;padding:1rem 8rem 2rem}.payment_setup h2,.payment_setup h3,.payment_setup h4,.payment_setup h5{color:var(--primary)}.payment_setup .payment_header{margin-bottom:2rem}.payment_setup .payment_header p{color:var(--primary);font-size:16px;font-weight:400}.payment_setup .payments_container{display:flex;flex-direction:column;gap:1rem;border:1px solid rgb(224,224,224);border-radius:10px;padding:2rem}.payment_setup .payments_container .salary{display:flex;align-items:center;gap:1rem;margin-top:2rem}.payment_setup .payments_container .salary h4{font-weight:600}.payment_setup .payments_container .salary .otp{display:flex;align-items:center;gap:.5rem}.payment_setup .payments_container .salary .otp p{color:var(--primary);opacity:.9}.payment_setup .page-btns{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem}.payment_setup .page-btns button{min-width:300px}.payment_setup .page-btns>div{display:flex;justify-content:center;align-items:center;gap:2.5rem}.payment_setup .page-btns>div .btn-link{min-width:fit-content;max-width:max-content;text-decoration:none;font-weight:600;letter-spacing:.5px}.salary-otp-modal{display:flex;flex-direction:column;gap:1rem;gap:0;align-items:center;min-width:360px}.salary-otp-modal span{display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#b8860b;background-color:#ffffbe;width:48px;height:48px;border-radius:50%}.salary-otp-modal h3{margin:.75rem 0}.salary-otp-modal p{text-align:center;font-size:16px;opacity:.8}.salary-otp-modal .modal-btns{margin-top:1.5rem}.kyc{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;height:100%;border-radius:10px;background-color:var(--bg-color)}@media screen and (max-width: 480px){.kyc{padding:1rem}}.kyc h2,.kyc h3,.kyc h4,.kyc h5{color:var(--primary)}.kyc .payment_header p{color:var(--primary);font-size:15px;font-weight:400}.kyc .double-check{display:flex;align-items:center;gap:.5rem;font-size:15px;font-weight:500;color:var(--text-color);margin-bottom:1rem}.kyc .double-check span{color:red}.kyc .all-groups-container{display:flex;flex-direction:column;gap:1rem;gap:2rem}.kyc .all-groups-container .groups-container{display:flex;flex-direction:column;gap:1rem}.kyc .all-groups-container .groups-container .group-head{max-width:max-content;font-size:15px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;opacity:.75}.kyc .all-groups-container .groups-fields{display:flex;flex-direction:column;gap:1rem;padding-left:1rem}.kyc .all-groups-container .groups-fields .accordion-grp{padding:1rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--secondary-light);display:flex;flex-direction:column;gap:1rem;cursor:pointer}.kyc .all-groups-container .groups-fields .accordion-grp.active{background-color:#fff}.kyc .all-groups-container .groups-fields .accordion-grp .accordion-top{display:flex;justify-content:space-between;align-items:center}.kyc .all-groups-container .groups-fields .accordion-grp .accordion-top .accordion-text{display:flex;flex-direction:column;gap:1rem;gap:.25rem}.kyc .all-groups-container .groups-fields .accordion-grp .accordion-top .accordion-text h4{font-weight:600}.kyc .all-groups-container .groups-fields .accordion-grp .accordion-top .accordion-text p{max-width:646px;opacity:.75}.kyc .all-groups-container .groups-fields .accordion-grp .accordion-top .accordion-icons{display:flex;align-items:center;gap:4rem}.kyc .all-groups-container .groups-fields .accordion-grp .accordion-top .accordion-icons img{max-width:56px}.kyc .all-groups-container .groups-fields .accordion-grp .accordion-top .accordion-icons .red,.kyc .all-groups-container .groups-fields .accordion-grp .accordion-top .accordion-icons .green,.kyc .all-groups-container .groups-fields .accordion-grp .accordion-top .accordion-icons .yellow,.kyc .all-groups-container .groups-fields .accordion-grp .accordion-top .accordion-icons .grey{font-size:13px;font-weight:600;padding:.25rem .5rem;border-radius:16px;width:128px;text-align:center}.kyc .all-groups-container .groups-fields .accordion-grp .accordion-top .accordion-icons .grey{border:1px solid var(--border-color);color:var(--text-color)}.kyc .all-groups-container .groups-fields .accordion-grp .accordion-top .accordion-icons .yellow{border:1px solid goldenrod;color:#daa520}.kyc .all-groups-container .groups-fields .accordion-grp .accordion-top .accordion-icons .green{border:1px solid rgb(75,170,121);color:#4baa79}.kyc .all-groups-container .groups-fields .accordion-grp .accordion-top .accordion-icons .red{border:1px solid red;color:red}.kyc .all-groups-container .groups-fields .accordion-grp .accordion-top .icon{padding:.25rem;margin-right:1rem;font-size:1.5rem;border-radius:6px;color:var(--primary);background-color:transparent;cursor:pointer;transition:.2s linear;border:1px solid transparent}.kyc .all-groups-container .groups-fields .accordion-grp .accordion-top .icon:hover{border:1px solid var(--border-color);transition:.2s linear}.kyc form{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 2rem;border:1px solid var(--alt-bg-color);border-radius:10px;padding:1.5rem}.kyc form input{width:100%}.kyc form .span_2{grid-column:span 2}.kyc form .submit{display:flex;justify-content:flex-end;margin-top:1rem}.kyc form .submit button{min-width:240px}.kyc .btn-alt{margin-top:1.5rem}.success-wrapper{display:flex;justify-content:center;align-items:center;gap:4rem}.success-wrapper img{max-width:480px}.success-wrapper .success{display:flex;flex-direction:column;gap:1rem;gap:2rem}.success-wrapper .success h1{line-height:48px;color:var(--primary)}.success-wrapper .success h1 span{font-size:36px}.success-wrapper .success button{width:max-content;font-size:16px;padding:.8rem 2rem}.timezone{position:relative;display:flex;justify-content:center;align-items:center;align-items:flex-start;background:linear-gradient(180deg,#2d416f -6.8%,#597498 47.84%,#89acc4 107.24%);border-radius:6px;padding:1rem;min-height:13rem}.timezone img{max-width:100%}.timezone .time{position:absolute;padding:0 1rem 2rem;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;align-items:center;color:#fff;height:100%}.timezone .time h2{display:flex;justify-content:center;align-items:center;gap:.1rem;color:#fff}.timezone .time h2 span:last-child{color:#fff;font-size:10px;font-weight:200;letter-spacing:1px;transform:translateY(.2rem)}.timezone .time p{font-size:13px;text-align:center;display:flex;justify-content:center;align-items:center;gap:.25rem}.timezone .time p:last-child{font-size:10px}.custom_container{display:flex;flex-direction:column;gap:1rem}.custom_container h3{font-weight:500;font-size:18px}.custom_container .custom_settings{display:flex;flex-direction:column;gap:1rem}.custom_container .custom_settings h4{font-weight:500;margin-top:1rem}.custom_container .custom_settings .password_complexity{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.custom_container .custom_settings .password_complexity .checkbox{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem}.custom_container .custom_settings .password_complexity .checkbox input{width:15px;height:15px;cursor:pointer}.custom_container .custom_settings .password_parameters{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem}.custom_container .custom_settings .password_parameters input{width:100%}.activity{display:flex;flex-direction:column;gap:1rem;gap:.5rem;padding:1rem;border-radius:8px;justify-content:space-between;min-height:13rem}.activity p{font-size:12px}.activity .btn-link{font-weight:500;align-self:flex-end;cursor:pointer}.activity .activityList{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.activity .activityList .activityCard{display:flex;align-items:center;gap:.5rem}.activity .activityList .activityCard .initial-name{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;font-size:14px;background-color:#dadada}.activity .activityList .activityCard div{transition:.5s linear;cursor:pointer}.activity .activityList .activityCard div:hover{transform:translate(.5rem);transition:.5s linear}.activity .activityList .activityCard span{display:flex;gap:.2rem}.activity .activityList .activityCard img{max-width:32px;max-height:32px;border-radius:50%}.activity .activityList .activityCard .default-user{font-size:1.4rem;color:#fff;background-color:var(--border-color);padding:.3rem;border-radius:50%}.sysadmin_dashboard{width:100%;padding:0rem 1rem 0rem 0rem;border-radius:8px}.sysadmin_dashboard h3{margin:1rem}.change-logo{display:flex;flex-direction:column;gap:1rem;padding:2rem;width:100%;border-radius:8px;flex:1}@media screen and (max-width: 480px){.change-logo{padding:2rem 1rem}}.change-logo .upload{display:flex;flex-direction:column;gap:1rem;align-items:center;padding:4rem 2rem;margin:1rem 0;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e")}.change-logo .upload span{font-size:3rem}.change-logo .upload p{font-size:16px}.change-logo .upload .horizontal{display:flex;align-items:center;justify-content:space-between;gap:1rem}.change-logo .upload .horizontal hr{height:0;width:60px}.change-logo .upload .file-size{font-size:13px;font-weight:400;opacity:.7;text-align:center}.change-logo .upload .file-size-info{font-size:13px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:.4rem}.change-logo .upload .file-size-info span{color:red;font-size:1.1rem}.change-logo .uploaded{display:flex;flex-direction:column;gap:1rem;gap:2rem;align-items:center;padding:2rem;margin:1rem 0;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e")}.change-logo .uploaded .buttons,.change-logo .uploaded .buttons button{width:100%}.change-logo .uploaded .cropper{position:relative;width:440px;height:256px}.change-logo .uploaded img{width:100%}.change-colors{display:flex;flex-direction:column;gap:1rem;padding:2rem;flex:1;border-radius:8px;width:100%}@media screen and (max-width: 480px){.change-colors{padding:1rem}}.change-colors p{font-size:16px}.change-colors .radio{display:flex;justify-content:center;align-items:center;gap:1rem;max-width:max-content}.change-colors .radio input{cursor:pointer}.change-colors .radio label{font-weight:600}.change-colors .default{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.change-colors .default .default-colors{display:flex;gap:.25rem;margin-left:1.8rem}.change-colors .default .default-colors>span{display:flex;width:50px;height:50px;border-radius:4px}.change-colors .custom{display:flex;flex-direction:column;gap:1rem}.change-colors .custom .select-colors{display:flex;flex-direction:column;gap:1rem;margin-left:1.8rem}.change-colors .custom .swatches{display:grid;grid-template-columns:1fr 1fr 1fr;max-width:max-content;row-gap:1rem;column-gap:2rem}@media screen and (max-width: 768px){.change-colors .custom .swatches{grid-template-columns:1fr 1fr}}@media screen and (max-width: 480px){.change-colors .custom .swatches{column-gap:1rem}}@media screen and (max-width: 372px){.change-colors .custom .swatches{grid-template-columns:1fr}}.change-colors .custom .swatches span{display:flex;width:50px;height:50px;border-radius:4px}.change-colors .custom .swatches .swatch{display:flex;gap:.25rem;max-width:max-content;border:3px solid transparent;border-radius:8px}.change-colors .custom .swatches .swatch span{cursor:pointer}.change-colors .custom .selected{display:flex;gap:.25rem;max-width:max-content;border:3px solid rgb(75,170,121);border-radius:8px;position:relative}.change-colors .custom .selected .checkmark{position:absolute;right:0;width:16px;height:16px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#4baa79;color:#fff;font-size:.6rem;transform:translate(37.5%,-50%)}.change-colors .specific{position:relative;margin-bottom:1rem;margin-left:1.8rem}.change-colors .specific p{font-size:13px;opacity:.7}.change-colors .specific .icon{display:flex;justify-content:center;align-items:center;gap:.25rem;font-size:14px;color:var(--secondary);text-decoration:underline;cursor:pointer;transition:.3s linear}.change-colors .specific .icon:hover{transform:translate(2px);transition:.3s linear}.change-colors .specific .icon span{font-size:1.1rem}.change-colors .custom-picker{display:flex;flex-direction:column;gap:1rem;margin-left:1.8rem}@media screen and (max-width: 480px){.change-colors .custom-picker{margin-left:0}}.change-colors .color-wheel{position:relative;display:grid;place-items:center;grid-template-columns:1fr 1fr;gap:1.5rem;border:1px solid var(--border-color);border-radius:8px;padding:1rem 2rem 1.5rem}@media screen and (max-width: 1440px){.change-colors .color-wheel{grid-template-columns:1fr}}@media screen and (max-width: 1280px){.change-colors .color-wheel{grid-template-columns:1fr 1fr}}@media screen and (max-width: 768px){.change-colors .color-wheel{grid-template-columns:1fr;padding:1rem}}@media screen and (max-width: 480px){.change-colors .color-wheel{padding:1rem}}@media screen and (max-width: 372px){.change-colors .color-wheel{padding:0}}.change-colors .color-wheel>div{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.change-colors .color-wheel h4{font-size:16px;font-weight:600}.change-colors .color-wheel .icon{position:absolute;top:0;right:0;transform:translate(50%,-50%);background-color:var(--border-color);padding:.4rem;border-radius:4px;cursor:pointer;transition:.3s linear}.change-colors .color-wheel .icon:hover{transform:translate(50%,-50%) rotate(90deg);transition:.3s linear}.change-colors .overlay-cloud{opacity:.3}.change-colors .overlay-cloud span{cursor:default!important}.change-colors .overlay-cloud button{cursor:default}.default-modal{padding:1rem;display:flex;flex-direction:column;gap:1rem;align-items:center;gap:2rem}.default-modal .icon{font-size:1.5rem;width:48px;height:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#ffffbe;color:#b8860b;margin:-.5rem}.default-modal .icon.red{background-color:#fceeee;color:#ffffbe}.default-modal p{font-size:16px}.default-modal .default-btns{display:flex;gap:1rem;width:100%}.default-modal .default-btns button{width:100%}.change-password{display:flex;flex-direction:column;gap:1rem;gap:0;padding:.5rem}.change-password h3{margin-bottom:1rem}.system-account{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;height:100%;border-radius:10px;gap:2rem}@media screen and (max-width: 480px){.system-account{padding:1rem}}.system-account .hero{display:flex;justify-content:center;align-items:center;padding:2rem;border:1px solid var(--border-color);border-radius:12px}@media screen and (max-width: 1280px){.system-account .hero{flex-direction:column;row-gap:1rem}}@media screen and (max-width: 480px){.system-account .hero{padding:2rem 1rem}}.system-account .hero .account-card{display:flex;flex-direction:column;gap:1rem;gap:.5rem;padding:0;align-items:center;border-radius:16px;width:fit-content}.system-account .hero .account-card .avatar{position:relative;width:fit-content;display:flex;justify-content:center;align-items:center;padding:.1rem;border:2px solid var(--secondary);border-radius:50%}.system-account .hero .account-card .avatar img{width:128px;border-radius:50%}.system-account .hero .account-card .user-icon{font-size:4rem;color:#fff;background-color:var(--border-color);width:100px;height:100px;border-radius:50%}.system-account .hero .account-card .upload-icon{position:absolute;bottom:.25rem;right:.25rem;background-color:var(--secondary);color:#fff;padding:.2rem;border-radius:50%;font-size:1.1rem;cursor:pointer;transition:.4s linear}.system-account .hero .account-card .upload-icon:hover{transform:scale(1.2);transition:.4s linear}.system-account .hero .account-card .settings{position:relative;display:flex;align-items:center;gap:2.5rem;background-color:var(--alt-bg-color);padding:.75rem 1rem;border-radius:8px;min-width:max-content;margin-top:1rem;cursor:pointer}.system-account .hero .account-card .settings>.icon{font-size:1.25rem;color:var(--primary);transition:.3s linear}.system-account .hero .account-card .settings:hover>.icon{transform:rotate(90deg)}.system-account .hero .account-card .settings .actions{position:absolute;z-index:9;display:flex;flex-direction:column;gap:1rem;gap:0;border-radius:8px;left:0;bottom:0;transform:translateY(100%);min-width:max-content;width:100%}.system-account .hero .account-card .settings .actions li{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--primary);cursor:pointer}.system-account .hero .account-card .settings .actions li p{margin-right:auto;transition:.4s linear;font-size:13px}.system-account .hero .account-card .settings .actions li:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.system-account .hero .account-card .settings .actions li:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.system-account .hero .account-card .settings .actions li span{font-size:1.2rem}.system-account .hero .account-card .settings .actions li:hover{background-color:var(--primary-light)}.system-account .hero .account-card .settings .actions li:hover p{transform:translate(3px);transition:.4s linear}.system-account .hero hr{width:1px;border:none;background-color:var(--border-color);height:50%;align-self:center;margin:0 1.5rem 0 1rem}.system-account .hero .account-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}@media screen and (max-width: 768px){.system-account .hero .account-info{grid-template-columns:1fr}}.system-account .hero .account-info .info-pill{position:relative;display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.25rem;min-width:240px;background-color:var(--alt-bg-color);padding:.5rem 1rem;border-radius:10px}@media screen and (max-width: 480px){.system-account .hero .account-info .info-pill{min-width:100%}}.system-account .hero .account-info .info-pill div{display:flex;flex-direction:column;gap:1rem;gap:.2rem}.system-account .hero .account-info .info-pill p{letter-spacing:1px;font-size:12px}.system-account .hero .account-info .info-pill h4{font-weight:600;font-size:14px;min-width:fit-content}.system-account .hero .account-info .info-pill .icon{position:absolute;right:1rem;color:var(--primary);cursor:pointer;transition:.4s linear}.system-account .hero .account-info .info-pill .icon:hover{transform:rotate(90deg) scale(1.1);transition:.4s linear}.system-account .hero .account-info .info-pill .green{position:absolute;right:1rem;display:flex;justify-content:center;align-items:center;gap:.5rem;color:var(--secondary);font-size:1.2rem}.remove-Modal{width:max-content;border-radius:12px;padding:0 1rem;display:flex;flex-direction:column;gap:1rem;align-items:center;gap:.25rem}.remove-Modal span{display:flex;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;color:red;background-color:#fceeee;border-radius:50%;margin-bottom:.5rem}.remove-Modal p{min-width:max-content;text-align:center;font-size:16px;margin:.5rem 0 1rem;opacity:.85}.remove-Modal .btns{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%}.remove-Modal .btns button{width:100%}.upload-avatar-form{display:flex;flex-direction:column;gap:1rem;justify-content:space-between;align-items:center;padding:1rem;width:420px;height:420px}@media screen and (max-width: 480px){.upload-avatar-form{width:100%;height:fit-content;padding:.4rem}}.upload-avatar-form .current-avatar{max-width:320px}.upload-avatar-form .user-icon{width:320px;height:320px;display:flex;justify-content:center;align-items:center;font-size:5rem;background-color:var(--border-color);color:#fff;border-radius:8px}.upload-avatar-form .profile-photo{width:320px;height:320px;display:flex;justify-content:center;align-items:center}.activity-log-modal{display:flex;flex-direction:column;gap:1rem}.activity-log-modal button{width:100%;padding:1rem;font-size:16px;border-radius:5px;cursor:pointer}.activity-log-modal .finish{background-color:var(--secondary);border:none;color:#fff}.activity-log-modal .cancel{background-color:#fff;border:1px solid var(--secondary);color:var(--secondary)}.wallet-card::-webkit-scrollbar{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border-color)}.wallet-card{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem}.wallet-card .bank{display:flex;flex-direction:column;gap:1rem;border-radius:6px;border:1.5px rgb(219,219,219) solid;padding:1rem;min-width:20rem}.wallet-card .bank .wallet-balance{display:flex;justify-content:space-between;align-items:flex-end}.wallet-card .bank .wallet-balance button{height:fit-content}.wallet-card .bank .wallet-balance h2{line-height:80%}.wallet-card .bank .wallet-balance h4{margin-bottom:.5rem}.wallet-card .bank h4{font-weight:500}.wallet-card .bank .info-div{display:flex;align-content:center;gap:2.5rem;align-items:center}.wallet-card .bank .info-div .bank-info{display:flex;align-items:center;gap:1rem}.wallet-card .bank .info-div .bank-info .account-number{font-weight:700}.wallet-card .bank .info-div .bank-info .bank-img{height:2rem;border:1px solid var(--alt-bg-color);border-radius:5px}.wallet-card .bank .info-div .wallet-account{background-color:var(--secondary-light);padding:.5rem 1rem;border-radius:50rem}.wallet-card .add-bank{display:flex;justify-content:center;align-items:center;gap:.5rem;background-color:var(--alt-bg-color);min-width:15rem;border-radius:8px;cursor:pointer;border-color:#fff0}.wallet-card .add-bank h4,.wallet-card .add-bank h2{color:var(--secondary)}.wallet-card .add-bank h4{text-decoration:underline}.history{display:flex;flex-direction:column;gap:1rem}.history .search-bar{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;padding:1rem;border-radius:8px;gap:.5rem}@media screen and (min-width: 768px){.history .search-bar{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 1.5rem}}.history .search-bar .search{width:100%;max-width:100%}@media screen and (min-width: 768px){.history .search-bar .search{max-width:max-content}}.history .search-bar .search input{min-width:0;width:100%}@media screen and (min-width: 768px){.history .search-bar .search input{min-width:360px}}.history .search-bar .multi-search{width:100%}@media screen and (min-width: 768px){.history .search-bar .multi-search{width:auto}}.history .search-bar .multi-search .search-input{width:100%}@media screen and (min-width: 768px){.history .search-bar .multi-search .search-input{width:auto}}.history .search-bar .multi-search .search-input input{min-width:0px;width:100%}@media screen and (min-width: 768px){.history .search-bar .multi-search .search-input input{min-width:260px}}.fund-wallet{display:flex;flex-direction:column;gap:1rem}.fund-wallet .title{display:flex;justify-content:space-between;align-items:center}.fund-wallet .title button{border:none;background-color:transparent;cursor:pointer}.fund-wallet h2{font-weight:600;font-size:22px}.fund-wallet h3{font-weight:400;color:var(--alt-text-color);font-size:18px}.fund-wallet .multitab{display:flex}.fund-wallet .multitab button{border:none}.fund-wallet .btns{display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:5rem;justify-self:flex-end}.fund-wallet .btns button{width:100%}.fund-wallet form{margin:.5rem 0rem}.fund-account-container{display:flex;flex-direction:column;gap:1rem;gap:.5rem;min-width:25rem}.fund-account-container .bank-info{display:flex;align-items:center;gap:2rem}.fund-account-container .bank-info p{font-size:16px;font-weight:700}.fund-account-container .bank-info .bank{display:flex;align-items:center;gap:1rem}.fund-account-container .bank-info .bank img{height:2.5rem}.fund-account-container .bank-info .bank p{font-weight:500}.fund-account-container .amount{display:flex;justify-content:space-between;align-items:center;background-color:var(--secondary-light);border:1px solid var(--border-color);border-radius:6px;padding:0rem .5rem}.fund-account-container .amount input{border:none;width:100%}.fund-account-container .amount span{padding-top:.48rem;font-size:20px}.fund-account-container .amount-btns{display:flex;gap:1rem;margin-top:1.5rem;place-self:end}.bank-transfer-container{display:flex;flex-direction:column;gap:1rem;gap:2rem}.bank-transfer-container .bank-transfer{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;margin-top:1rem;border:1px solid rgb(205,225,227);border-radius:8px;padding:1.3rem 2rem}.bank-transfer-container .bank-transfer p{max-width:30rem;font-size:16px;font-weight:400;text-align:center}.bank-transfer-container .bank-transfer h4{font-weight:500}.bank-transfer-container .bank-transfer h2{font-weight:700;font-size:700}.bank-transfer-container .bank-transfer .account-details{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5rem;margin:1rem 0rem}.bank-transfer-container .bank-transfer .account-details .details{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.bank-transfer-container .bank-transfer .account-details .details .clip-copy{display:flex;justify-content:center;align-items:center;gap:1rem}.bank-transfer-container .bank-transfer .account-details .details .clip-copy .icon{color:var(--border-color);cursor:pointer;transition:.4s linear}.bank-transfer-container .bank-transfer .account-details .details .clip-copy .icon:hover{transform:rotate(90deg) scale(1.1);transition:.4s linear}.bank-transfer-container .bank-transfer .account-details .details .clip-copy .green{display:flex;justify-content:center;align-items:center;gap:.5rem;color:var(--secondary);font-size:1.2rem}.bank-transfer-container .btn-main{width:fit-content;place-self:end}.authorize-payment-modal{display:flex;flex-direction:column;gap:1rem;gap:1.5rem;min-width:400px;max-width:100%}.authorize-payment-modal .pin{display:inline-flex}.funding-history{min-width:640px}@media screen and (max-width: 768px){.funding-history{min-width:100%}}.funding-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.funding-history-header button.close{display:flex;justify-content:center;align-items:center;background-color:var(--secondary-light);color:var(--secondary);border:1px solid var(--secondary);border-radius:6px;padding:.2rem;font-size:1.25rem;cursor:pointer;transition:.5s linear}.funding-history-header button.close:hover{transform:scale(1.1);transition:.5s linear}.bank-details{display:flex;flex-direction:column;gap:1rem}.bank-details .search-bar{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;padding:1rem;border-radius:8px;gap:.5rem}@media screen and (min-width: 768px){.bank-details .search-bar{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 1.5rem}}.bank-details .search-bar .search{width:100%;max-width:100%}@media screen and (min-width: 768px){.bank-details .search-bar .search{max-width:max-content}}.bank-details-reupload{display:flex;flex-direction:column;gap:1rem}.bank-details-reupload .upload{display:flex;justify-content:center;align-items:center;min-height:14rem;min-width:25rem}@media screen and (max-width: 768px){.bank-details-reupload .upload{min-width:auto}}.wallet-settings{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;height:100%;border-radius:10px;gap:0;padding:0;background-color:#fff}@media screen and (max-width: 480px){.wallet-settings{padding:1rem}}.wallet-settings .settings{display:flex;flex-direction:column;gap:1rem;gap:0;padding:1rem 0rem}@media screen and (min-width: 768px){.wallet-settings .settings{padding:1rem 2rem}}.wallet-settings .settings .alert{margin:4px .5rem 1.5rem}.wallet-settings .settings .settings_group{position:relative;display:flex;justify-content:space-between;align-items:center;padding:1rem 0rem;border-top:1px solid var(--alt-bg-color)}@media screen and (min-width: 768px){.wallet-settings .settings .settings_group{padding:1rem 2rem 1rem 1rem}}.wallet-settings .settings .settings_group .settings_header{display:flex;flex-direction:column;gap:1rem;gap:.25rem}.wallet-settings .settings .settings_group .settings_header h4{font-weight:500}.wallet-settings .settings .settings_group button{border:0;background:none}.wallet-settings .settings .settings_group .action{position:relative;display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;cursor:pointer}.wallet-settings .settings .settings_group .action .container{display:flex;justify-content:center;align-items:center;gap:.5rem}.wallet-settings .settings .settings_group .action:hover{background-color:var(--alt-bg-color);border-radius:8px}.wallet-settings .settings .settings_group .action h5{font-weight:500}.wallet-settings .settings .settings_group .btn-main{background:var(--secondary)}.wallet-settings .settings .settings_group .icon{position:relative;font-size:1.25rem;color:var(--primary)}.wallet-settings .settings .settings_group .option{display:flex;align-items:center;margin-bottom:.5rem}.wallet-settings .settings .settings_group .option .option1{margin-left:8px}.wallet-settings-pin-form{width:400px;max-width:100%}.wallet-settings-pin-form .pin-form-item{margin:1rem 0}.wallet-settings-pin-form .pin-form-item input{width:100%}.wallet-settings-pin-form .pin-form-action{display:flex;margin-top:1.5rem;gap:1rem}.wallet-settings-pin-form .pin-form-action button{width:50%}.wallet-settings-pin-form .centered{text-align:center}.wallet-settings-pin-form .centered button{margin:8px auto}.menu-mgt-form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 2rem;border:1px solid var(--border-color);border-radius:10px;margin-top:1rem}@media screen and (max-width: 768px){.menu-mgt-form .menu-table{overflow-x:auto;width:100%;padding:.5rem 0rem}}@media screen and (max-width: 480px){.menu-mgt-form{padding:.75rem .5rem;border-radius:6px}}.menu-mgt-form .menu-grp-btn{position:relative;align-self:flex-end;margin:.5rem 0}.menu-mgt-form .menu-grp-btn button{display:flex;justify-content:center;align-items:center;justify-content:space-between;gap:1.5rem;padding:.75rem 1rem;background:var(--alt-bg-color);color:var(--primary);border:none;border-radius:6px;font-size:14px;font-weight:500;letter-spacing:.5px;min-width:360px;cursor:pointer}@media screen and (max-width: 480px){.menu-mgt-form .menu-grp-btn button{min-width:60px}}.menu-mgt-form .menu-grp-btn button span{display:flex;justify-content:center;align-items:center;font-size:1.5rem}.menu-mgt-form .menu-grp-btn ul{position:absolute;z-index:9;top:calc(100% + .5rem);background-color:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--box-shadow);width:100%}.menu-mgt-form .menu-grp-btn ul li{display:flex;justify-content:center;align-items:center;justify-content:space-between;padding:.6rem 1.25rem;width:100%;background-color:#fff;cursor:pointer}.menu-mgt-form .menu-grp-btn ul li:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.menu-mgt-form .menu-grp-btn ul li:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.menu-mgt-form .menu-grp-btn ul li:hover,.menu-mgt-form .menu-grp-btn ul li.active{background-color:var(--secondary-light)}.menu-mgt-form .menu-grp-btn ul li.empty{opacity:.65}.menu-mgt-form .menu-grp-btn ul li span{display:flex;justify-content:center;align-items:center;padding:.4rem;border-radius:50%;background-color:#fceeee;color:red;cursor:pointer;transition:.4s linear}.menu-mgt-form .menu-grp-btn ul li span:hover{transform:scale(1.2);transition:.4s linear}.menu-mgt-form input[type=checkbox]{cursor:pointer;filter:hue-rotate(306deg);width:14px;height:14px}.menu-mgt-form input[type=checkbox]:disabled{cursor:not-allowed;opacity:1}.menu-mgt-form .menu-table-header{display:flex;justify-content:center;align-items:center;gap:.5rem}.menu-mgt-form .menu-table-header p{font-size:15px;font-weight:600}.menu-mgt-form table{padding:2rem;border-collapse:collapse}.menu-mgt-form table th{font-size:15px;font-weight:600;padding:.5rem;color:var(--primary)}.menu-mgt-form table th:first-child{text-align:left;padding-left:1rem}.menu-mgt-form table tr.blue{background-color:var(--alt-bg-color)}.menu-mgt-form table td{padding:.5rem 1rem;text-align:center}.menu-mgt-form table td:first-child{text-align:left}.menu-mgt-form .btn-alt{max-width:max-content;align-self:flex-end;margin-top:1rem}.menu-mgt-form .self-service-info{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem}.menu-mgt-form .self-service-info span{display:flex;justify-content:center;align-items:center;color:#f02828}.select-employee-user-modal{display:flex;flex-direction:column;gap:1rem;padding:.5rem}.select-employee-user-modal img{max-width:64px;align-self:center}.select-employee-user-modal .searched-employees{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:8px;max-height:500px;overflow-y:auto;box-sizing:border-box;scroll-behavior:smooth;scrollbar-color:var(--border-color)}.select-employee-user-modal .searched-employees::-webkit-scrollbar{scroll-behavior:smooth;visibility:hidden}.select-employee-user-modal .searched-employees::-webkit-scrollbar:hover{visibility:visible}.select-employee-user-modal .searched-employees::-webkit-scrollbar-thumb{background-color:var(--border-color);visibility:hidden}.select-employee-user-modal .searched-employees::-webkit-scrollbar-thumb:hover{visibility:visible}.select-employee-user-modal .searched-employees .employee{display:flex;align-items:center;gap:1rem;padding:.5rem;border-bottom:1px solid var(--border-color)}.select-employee-user-modal .searched-employees .employee:hover{background-color:var(--primary-light);cursor:pointer}.select-employee-user-modal .searched-employees .employee:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.select-employee-user-modal .searched-employees .employee:last-child{border-bottom:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.select-employee-user-modal .searched-employees .employee .avatar{width:fit-content;display:flex;justify-content:center;align-items:center;padding:.1rem;border:1px solid var(--secondary);border-radius:50%}.select-employee-user-modal .searched-employees .employee .avatar img{max-width:42px;border-radius:50%;cursor:pointer}.select-employee-user-modal .searched-employees .employee .employee-info p{font-size:12px}.user-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}@media screen and (max-width: 768px){.user-info{display:grid;grid-template-columns:1fr}}.user-info .info-pill{display:flex;flex-direction:column;gap:1rem;gap:.2rem;min-width:240px;background-color:var(--alt-bg-color);padding:.5rem 1rem;border-radius:10px}.user-info .info-pill p{letter-spacing:1px;font-size:12px}.user-info .info-pill h5{font-weight:600;font-size:14px;min-width:fit-content}.user-info .info-pill.span-2{grid-column:span 2}@media screen and (max-width: 768px){.user-info .info-pill.span-2{grid-column:span 1}}.user-card{position:relative;display:flex;flex-direction:column;gap:1rem;align-items:center;gap:.5rem;padding:1rem}.user-card .ellipses{position:absolute;right:1rem}.user-card .ellipses button{border:none;background:none;color:var(--secondary);font-size:1.4rem;cursor:pointer}.user-card .ellipses .card-actions{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.user-card .ellipses .card-actions p{font-size:12px;transition:.4s linear}.user-card .ellipses .card-actions p:hover{transform:translate(.3rem);transition:.4s linear}.user-card .ellipses .card-actions span{font-size:.9rem;color:var(--primary)}.user-card .ellipses .card-actions .edit span{color:var(--secondary)}.user-card .avatar{display:flex;justify-content:center;align-items:center;padding:.1rem;border:2px solid var(--secondary);border-radius:50%;cursor:pointer}.user-card .avatar img{width:80px;border-radius:50%}.user-card .heading{font-size:13px}.user-card .truncate{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.user-card .truncate[data-title]:hover:after{content:attr(data-title);position:absolute;padding:1rem;z-index:9;top:100%;left:0;width:216px;overflow:visible;white-space:normal;text-overflow:unset;background-color:#fff;box-shadow:var(--box-shadow);border:1px solid var(--border-color);border-radius:8px}.license-usage{display:flex;flex-direction:column;gap:1rem;border-bottom:1px solid var(--alt-bg-color);padding:1rem 0rem}.license-usage>h3{font-size:18px}.license-usage .count-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}@media screen and (min-width: 768px){.license-usage .count-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}}.license-usage .count-container .inner-count{display:flex;gap:.2rem;justify-content:center;align-items:center}.license-usage .count-container .unused-count .inner-unused-count,.license-usage .count-container .used-count .inner-used-count{height:20px;width:20px;border-radius:50%}.license-usage .count-container .used-count{display:flex;gap:10px}.license-usage .count-container .used-count .inner-used-count{background-color:#2d416f}.license-usage .count-container .used-count p{margin-left:.5rem;font-size:16px;font-weight:600}.license-usage .count-container .unused-count{display:flex;gap:10px}.license-usage .count-container .unused-count .inner-unused-count{background-color:#e6eaf5}.license-usage .count-container .unused-count p{margin-left:.5rem;font-size:16px;font-weight:600}.license-usage .no-license{width:100%;display:flex;justify-content:center;align-items:center;opacity:.8}.subscription-card{display:flex;flex-direction:column;gap:1rem;gap:1.5rem;padding:1rem;border:1px solid var(--border-color);border-radius:12px;transition:all .5s ease;z-index:1;width:100%}@media screen and (min-width: 768px){.subscription-card{padding:2rem;gap:2.5rem}}.subscription-card.multiple{max-width:800px}.subscription-card.active{position:relative;transform:scale(1);z-index:2}.subscription-card.inactive{position:absolute;transform:scale(1);z-index:0;cursor:pointer}@media screen and (min-width: 1280px){.subscription-card.inactive{transform:scale(.64)}}.subscription-card.card-left{left:0;top:7rem}@media screen and (min-width: 1280px){.subscription-card.card-left{left:0;top:0}}.subscription-card.card-left.inactive{left:-1rem;top:0}@media screen and (min-width: 1280px){.subscription-card.card-left.inactive{left:-12%;top:0}}.subscription-card.card-right{right:0;top:7rem}@media screen and (min-width: 1280px){.subscription-card.card-right{right:0;top:0}}.subscription-card.card-right.inactive{right:-1rem;top:0}@media screen and (min-width: 1280px){.subscription-card.card-right.inactive{right:-9rem}}.subscription-card.card-right .top{flex-direction:column}@media screen and (min-width: 768px){.subscription-card.card-right .top{flex-direction:row-reverse}}.subscription-card .top{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem}@media screen and (min-width: 768px){.subscription-card .top{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1rem}}.subscription-card .top .dates{display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:1rem}@media screen and (min-width: 768px){.subscription-card .top .dates{grid-template-columns:repeat(4,1fr);gap:1.5rem;width:75%}}.subscription-card .top .dates h4{display:flex;flex-direction:column;gap:1rem;gap:2px;letter-spacing:1px;font-size:13px;font-weight:600}@media screen and (min-width: 768px){.subscription-card .top .dates h4{font-size:15px}}.subscription-card .top .dates h4 span{letter-spacing:1px;font-size:11px;font-weight:500;color:var(--text-color);opacity:.9}@media screen and (min-width: 768px){.subscription-card .top .dates h4 span{font-size:13px}}.subscription-card .amount{display:flex;flex-direction:column;gap:.25rem;max-width:max-content}@media screen and (min-width: 768px){.subscription-card .amount{gap:.75rem}}.subscription-card .amount .total_amount{display:flex;gap:.25rem;align-items:center}.subscription-card .amount .total_amount span{letter-spacing:1px;color:var(--text-color);opacity:.9;font-size:11px;font-weight:400}.subscription-card .amount .total_amount .title{font-size:13px;font-weight:500}.subscription-card .amount .paid{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}@media screen and (min-width: 768px){.subscription-card .amount .paid{flex-direction:row;align-items:flex-end}}.subscription-card .amount .paid>h1{line-height:1;font-size:24px}@media screen and (min-width: 768px){.subscription-card .amount .paid>h1{line-height:32px;font-size:36px}}.subscription-card .modules{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.subscription-card .modules>span{letter-spacing:1px;font-size:13px;font-weight:500;color:var(--text-color);opacity:.9}.subscription-card .btn-alt{min-width:180px;align-self:flex-end;margin-top:-1rem}.module-container{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--alt-bg-color);min-height:100px;display:flex;flex-direction:column;gap:1rem;gap:.25rem}@media screen and (min-width: 768px){.module-container{padding:1rem}}.module-container .container-top{display:flex;justify-content:space-between;align-items:center}.module-container .container-top .check-module{display:flex;justify-content:center;align-items:center;gap:1rem}.module-container .container-top .check-module input{width:14px;height:14px;cursor:pointer;filter:hue-rotate(300deg)}.module-container .container-top .disabled:hover{background-color:transparent;cursor:not-allowed}.module-container .container-top .module-title{display:flex;flex-direction:column;gap:1rem;gap:.25rem}.module-container .container-top .module-title h5{letter-spacing:.5px}.module-container .container-top .module-title p{max-width:646px;opacity:.8;font-size:12px}@media screen and (min-width: 768px){.module-container .container-top .module-title p{font-size:14px}}.module-container .container-top .icon{padding:2px;font-size:1.25rem;border-radius:6px;color:var(--primary);background-color:transparent;cursor:pointer;transition:.2s linear}@media screen and (min-width: 768px){.module-container .container-top .icon{margin-right:1rem;font-size:1.5rem;padding:.25rem}}.module-container .container-top .icon:hover{background-color:var(--border-color);transition:.2s linear}.module-container .container-top .icon.disabled:hover{background-color:transparent;cursor:not-allowed}.module-container .module-features{display:flex;flex-direction:column;gap:1rem;gap:.5rem;margin-top:.5rem;padding:0 .5rem}.module-container .module-features h6{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.module-container .module-features div{display:grid;grid-template-columns:1fr;gap:1rem;width:100%}@media screen and (min-width: 768px){.module-container .module-features div{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1024px){.module-container .module-features div{grid-template-columns:1fr 1fr 1fr}}.module-container .module-features div .features-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:6px}.module-container .module-features div .features-item p{opacity:.85;font-size:12px;line-height:1.25}@media screen and (min-width: 768px){.module-container .module-features div .features-item p{font-size:14px}}.module-container .module-features div .features-item span{min-width:8px;min-height:8px;background-color:var(--secondary);opacity:1;border-radius:50%}.subscription-plan{position:relative;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;gap:1.5rem;cursor:pointer}.subscription-plan:hover{background-color:var(--secondary-light)}.subscription-plan.active{background-color:#efe}.subscription-plan.active .check{background-color:#4baa79;color:#fff}.subscription-plan.disabled{opacity:.8;cursor:not-allowed}.subscription-plan.disabled:hover{background-color:#fff}.subscription-plan .check{position:absolute;left:1.5rem;display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--secondary);font-size:.8rem}.subscription-plan .rec{position:absolute;right:.5rem;bottom:.5rem;display:flex;align-items:center;gap:.25rem;font-size:11px;padding:.25rem .5rem;border-radius:16px;letter-spacing:.5px;color:#b8860b;background-color:#ffffbe}.subscription-plan .label-grp{display:flex;flex-direction:column;gap:1rem;align-items:center;gap:.1rem}.subscription-plan .label-grp .loading{max-width:42px}.subscription-plan .label-grp .label{font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.subscription-plan .label-grp .plan-info{font-size:12px;opacity:.75}.subscription-plan .benefits{display:flex;flex-direction:column;gap:1rem;gap:.25rem;padding-left:.5rem}.subscription-plan .benefits div{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem}.subscription-plan .benefits div p{font-size:13px;opacity:.85}.subscription-plan .benefits div span{width:8px;height:8px;background-color:var(--secondary);opacity:1;border-radius:50%}.plan-review-modal{display:flex;flex-direction:column;gap:1rem}.plan-review-modal .warning-grp{display:flex;align-items:center;gap:.5rem;padding:1rem 0;margin-bottom:.25rem;border-bottom:1px solid #e4e4e4}.plan-review-modal .warning-grp span{color:red}.plan-review-modal .warning-grp p{font-size:15px;letter-spacing:.5px;opacity:.9}.plan-review-modal .review-grp{display:flex;flex-direction:column;gap:1rem;gap:.25rem}.plan-review-modal .review-grp p{font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;opacity:.85}.plan-review-modal .review-grp div{display:flex;flex-direction:column;gap:1rem;gap:.5rem;margin-top:.25rem}.plan-review-modal .review-grp h5{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem;font-size:15px}.plan-review-modal .review-grp h5 span{width:8px;height:8px;background-color:var(--secondary);opacity:1;border-radius:50%}.plan-review-modal .total-grp{display:flex;flex-direction:column;gap:1rem;gap:.5rem;padding-top:1rem;margin-top:.25rem;border-top:1px solid #e4e4e4}.plan-review-modal .update-cal{display:flex;justify-content:space-between;align-items:center}.plan-review-modal .update-cal h5{font-size:15px}.plan-review-modal .update-cal p{font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;opacity:.9}.plan-review-modal .btn-con{display:flex;flex-direction:column-reverse;gap:1rem;width:100%;margin-top:.5rem}@media screen and (min-width: 768px){.plan-review-modal .btn-con{flex-direction:row}}.plan-review-modal .btn-con button{width:100%}.sysAdminDashBoard{display:flex;flex-direction:column;gap:2rem;padding:2rem 0}.sysAdminDashBoard .dashboardCards{display:grid;grid-template-columns:3fr 2fr 1fr;gap:1rem}.sysAdminDashBoard .dashboardCards .timer_group{display:contents}@media screen and (max-width: 1024px){.sysAdminDashBoard .dashboardCards{display:flex;flex-direction:column;gap:1rem}.sysAdminDashBoard .dashboardCards .timer_group{display:grid;grid-template-columns:1fr 1fr;gap:1rem}}@media screen and (max-width: 1024px) and (max-width: 480px){.sysAdminDashBoard .dashboardCards .timer_group{grid-template-columns:1fr}}.sysAdminDashBoard .dashboardCards .totalUsers{display:flex;justify-content:center;gap:1rem;padding:1rem;border-radius:8px;overflow-x:auto}@media screen and (max-width: 1280px){.sysAdminDashBoard .dashboardCards .totalUsers{justify-content:flex-start}}.sysAdminDashBoard .dashboardCards .totalUsers .userCard{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.5rem;padding:1rem;border-radius:8px;min-width:10rem}.sysAdminDashBoard .dashboardCards .totalUsers .userCard p{font-weight:600;font-size:14px;text-align:center}.sysAdminDashBoard .dashboardCards .totalUsers .userCard .blue{color:var(--primary);background-color:var(--primary-light);display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:50%;width:max-content}.sysAdminDashBoard .dashboardCards .totalUsers .userCard .green{color:#4baa79;background-color:#efe;display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:50%;width:max-content}.sysAdminDashBoard .dashboardCards .totalUsers .userCard .red{color:#d32a2a;background-color:#d32a2a1a;display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:50%;width:max-content}.sysAdminDashBoard .userTrends{display:grid;grid-template-columns:2fr 1fr;gap:1rem;padding:1rem 0;width:100%}@media screen and (max-width: 1024px){.sysAdminDashBoard .userTrends{grid-template-columns:1fr}}.sysAdminDashBoard .userTrends h5{margin-left:3.5rem}.sysAdminDashBoard .userTrends .graph{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem}.sysAdminDashBoard .userTrends .graph img{width:100%}.sysAdminDashBoard .userTrends .graph .legends{display:flex;justify-content:center;align-items:center;gap:2rem}.sysAdminDashBoard .userTrends .graph .legends .userStat{display:flex;flex-direction:column;gap:1rem;gap:.1rem}.sysAdminDashBoard .userTrends .graph .legends .userStat div{display:flex;align-items:center;gap:.5rem}.sysAdminDashBoard .userTrends .graph .legends .userStat div p{font-size:15px;font-weight:600}.sysAdminDashBoard .userTrends .graph .legends .userStat div .icon{font-size:1.2rem}.sysAdminDashBoard .userTrends .graph .legends .thisMonth,.sysAdminDashBoard .userTrends .graph .legends .lastMonth{display:flex;gap:.5rem}.sysAdminDashBoard .userTrends .graph .legends .thisMonth>span,.sysAdminDashBoard .userTrends .graph .legends .lastMonth>span{position:relative;top:.2rem;width:12px;height:12px;border-radius:2px}.sysAdminDashBoard .userTrends .graph .legends .thisMonth h5,.sysAdminDashBoard .userTrends .graph .legends .lastMonth h5{margin:0;font-weight:500}.sysAdminDashBoard .userTrends .graph .legends .lastMonth>span{background-color:var(--primary)}.sysAdminDashBoard .userTrends .graph .legends .thisMonth>span{background-color:var(--secondary)}.sysAdminDashBoard .userTrends .graph .legends hr{height:30px}.license-management{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;height:100%;border-radius:10px}@media screen and (max-width: 480px){.license-management{padding:1rem}}.account-head{display:flex;flex-direction:column;gap:1rem;position:relative}.account-head .subscriptions-container{display:flex;flex-direction:column;gap:1rem;gap:2rem;justify-content:center;border-bottom:1px solid var(--alt-bg-color);padding:0 0 8rem}@media screen and (min-width: 1280px){.account-head .subscriptions-container{padding:0 0 2rem}}.account-head .subscriptions-container h3>span{display:flex;align-items:center;gap:.5rem;font-size:15px;font-weight:500;color:var(--text-color);opacity:.9}.account-head .subscriptions-container h3>span span{color:red}.account-head .subscriptions-container h3>span.start{align-items:flex-start}.account-head .subscriptions-container h3>span.start span{padding-top:.25rem}.account-head .subscriptions-container .subscriptions{position:relative;display:flex;align-items:center;align-self:center;gap:2rem;width:100%;max-width:72rem}.account-head .subscriptions-container .subscriptions.justify-left{justify-content:flex-start}.account-head .subscriptions-container .subscriptions.justify-right{justify-content:flex-end}.account-head .trial-warning{display:flex;flex-direction:column;gap:.5rem;margin-bottom:-1rem;opacity:.9}@media screen and (min-width: 768px){.account-head .trial-warning{flex-direction:row;align-items:center}}.account-head .trial-warning>div{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;font-size:14px}@media screen and (min-width: 768px){.account-head .trial-warning>div{font-size:16px}}.account-head .trial-warning span{color:red}.account-head .trial-warning button{margin-left:.5rem;transition:.2s ease-in-out}.account-head .trial-warning button:hover{transition:.2s ease-in-out;transform:translateY(-1px)}.account-head .btn-con{display:flex;gap:1rem;width:100%;margin-top:1rem}.account-head .btn-con button{width:100%}.account-head .btn-con button:disabled{cursor:not-allowed}.account-head .payment-details{display:flex;gap:1rem;align-items:center;padding:.3rem 0rem}.account-head .license-percent{display:flex;justify-content:space-between}.account-head .view-subs{display:flex;justify-content:flex-end;color:#4baa79;text-decoration:underline;cursor:pointer}.update-subscription{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;height:100%;border-radius:10px}@media screen and (max-width: 480px){.update-subscription{padding:1rem}}.update-subscription .subscription-header{display:flex;flex-direction:column;gap:1rem;gap:.25rem;margin-bottom:1rem}.update-subscription .subscription-header p{opacity:.85}.update-subscription .radio-input .input-main .label{font-size:14px}.update-subscription .radio-input .input-main p{max-width:100%}.update-subscription .radio-input .radio-grp-border{display:grid;grid-template-columns:1fr 1fr}.update-subscription .radio-input .radio-grp-border .radio{justify-content:flex-start;width:100%}.update-subscription .radio-input .radio-grp-border .radio label{color:var(--primary);font-weight:700;gap:.25rem}.update-subscription .radio-input .radio-grp-border .radio label p{font-size:13px;font-weight:500}.update-subscription .update-container{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.update-subscription .update-container .modules{display:flex;flex-direction:column;gap:1rem;gap:.75rem}.update-subscription .select-modules{font-size:14px;font-weight:400;letter-spacing:.25px}.update-subscription .select-modules span{color:red}.update-subscription .plan-details{display:flex;flex-direction:column;gap:1rem;gap:.5rem;margin-top:-.5rem}.update-subscription .plan-details .subs-plan{display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (min-width: 768px){.update-subscription .plan-details .subs-plan{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1280px){.update-subscription .plan-details .subs-plan{grid-template-columns:1fr 1fr 1fr}}.update-subscription .btn-con{display:flex;gap:1rem;width:100%;margin-top:1rem}.update-subscription .btn-con button{width:100%}.payment_method{display:flex;flex-direction:column;gap:1rem}.payment_method h2{font-weight:600}.payment_method h4{font-weight:500}.payment_method .payment_options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;column-gap:1rem;row-gap:""}.payment_method .option{display:flex;align-items:center;flex-direction:row;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;width:100%;transition:border-color .2s,background-color .2s}.payment_method .option:hover{border-color:#d1d5db}.payment_method .option__select_div{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 1rem;border-right:1px solid #e5e7eb}.payment_method .option--selected{display:flex;align-items:center;border-color:var(--secondary);background-color:#eff6ff;border-top-left-radius:6px;border-bottom-left-radius:6px}.payment_method .option__radio{flex-shrink:0;width:1.25rem;height:1.25rem;accent-color:var(--secondary);-webkit-appearance:none;appearance:none;border-radius:50%;background-color:#fff;cursor:pointer;border:4px solid var(--border-color)}.payment_method .option__radio:checked{background-color:#fff;border-color:var(--secondary)}.payment_method .option__content{display:flex;flex-direction:column}.payment_method .option__title{font-size:1rem;font-weight:500;color:#1f2937}.payment_method .option__subtitle{font-size:.875rem;color:#4b5563;white-space:nowrap}.payment_method .select_method{display:flex;flex-direction:column;gap:1rem;gap:.25rem;padding:0rem 1rem}.subscription-history{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.subscription-history .table-header{background-color:var(--primary-light);flex-direction:column;align-items:flex-start}.subscription-history .table-header .filter-container{min-width:120px}@media screen and (min-width: 768px){.subscription-history .table-header{flex-direction:row;align-items:center}}.payment-channel{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0rem}@media screen and (min-width: 1280px){.payment-channel{min-width:25rem}}.payment-channel .error-container{grid-column:span 2;text-align:center;color:red;border:2px solid var(--border-color);border-radius:6px;padding:20px 0;max-width:24rem}.payment-channel .error-container .btn-main{margin:auto;padding:.5rem 1rem;justify-content:center;margin-top:1rem}.payment-channel .close-button{width:fit-content;font-size:16px;font-weight:500;color:#333;cursor:pointer;margin-bottom:2rem}.payment-channel .close-button:hover{color:#f02828}.payment-channel .title{font-size:18px;font-weight:700;margin-bottom:8px}.payment-channel .subtitle{font-size:14px;color:#666;margin-bottom:16px}.payment-channel .payment-methods{display:flex;flex-direction:column;gap:1rem;max-height:25rem;overflow-y:scroll;padding:.1rem 0rem}.payment-channel .payment-methods .payment-method{display:flex;flex-direction:column;gap:1rem;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem;width:100%;border-radius:6px;text-align:center;cursor:pointer;transition:background-color .3s;border:1px solid var(--border-color);font-size:16px;color:var(--text-color)}.payment-channel .payment-methods .payment-method .icons{display:flex;flex-direction:column;gap:1rem;flex-direction:row;align-items:center}.payment-channel .payment-methods .payment-method .icons .icon{background-color:var(--primary-light);padding:5px;border-radius:100%;font-size:24px;border:4px solid var(--border-color)}.payment-channel .payment-methods .payment-method .icons .icon.selected{color:var(--secondary);font-weight:700;padding:5px}.payment-channel .payment-methods .payment-method .icons .icon.selected-border{border:4px solid var(--secondary)}.payment-channel .payment-methods .payment-method.selected{border:1px solid var(--secondary);font-weight:700}.payment-channel .payment-methods .payment-method:hover{background-color:#f5fff5}.payment-channel .next-button{width:100%;cursor:pointer;transition:background-color .3s;margin-top:1rem}.payment-channel .next-button:disabled{opacity:.7;cursor:not-allowed}.payment-method{display:flex;flex-direction:column;gap:1rem;gap:.5rem;width:100%}@media screen and (min-width: 1280px){.payment-method{min-width:25rem}}.payment-method .top-buttons{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:1rem}.payment-method .error-container{grid-column:span 2;text-align:center;color:red;border:2px solid var(--border-color);border-radius:6px;padding:20px 0;max-width:24rem}.payment-method .error-container .btn-main{margin:auto;padding:.5rem 1rem;justify-content:center;margin-top:1rem}.payment-method .close-button{position:relative;text-align:right;font-size:16px;font-weight:500;color:#333;cursor:pointer;place-self:end}.payment-method .close-button:hover{color:#f02828}.payment-method .title{font-size:18px;font-weight:700}.payment-method .subtitle{font-size:14px;color:#666}.payment-method .payment-methods{display:flex;flex-direction:column;gap:1rem;max-height:25rem;overflow-y:scroll;padding-right:.5rem}.payment-method .payment-methods .payment-method{display:flex;flex-direction:column;gap:1rem;flex-direction:row;align-items:center;justify-content:space-between;padding:8px;width:100%;text-align:center;cursor:pointer;transition:background-color .3s;border:1.2px solid var(--border-color);border-radius:6px;font-size:16px;color:var(--text-color)}.payment-method .payment-methods .payment-method .forward-icon{font-size:28px}.payment-method .payment-methods .payment-method .icons{display:flex;flex-direction:column;gap:1rem;flex-direction:row;align-items:center}.payment-method .payment-methods .payment-method .icons .icon{padding:10px;border-radius:100%;font-size:24px;background-color:#dcffdc}.payment-method .payment-methods .payment-method .icons .icon.selected{border:1.2px solid var(--border-color);color:var(--secondary);font-weight:700}.payment-method .payment-methods .payment-method.selected{border:1.2px solid var(--border-color)}.payment-method .payment-methods .payment-method:hover{border:1.2px solid var(--border-color);background-color:#f5fff5}.payment-management{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 2rem 2rem;background-color:#fff;border-radius:8px;height:100%}.initiate-wallet h2{margin:.5rem 0 0}.initiate-wallet p{color:var(--primary);font-size:16px;font-weight:400}.initiate-wallet button{margin-top:1.25rem}.initiate-wallet-modal{display:flex;flex-direction:column;min-width:620px}.initiate-wallet-modal p{margin:2rem 0 1rem;color:var(--primary);font-weight:600}.initiate-wallet-modal form{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem}.initiate-wallet-modal form .span_2{grid-column:span 2}.initiate-wallet-otp{display:flex;flex-direction:column;gap:2rem}.initiate-wallet-otp p{color:var(--primary);font-weight:600;font-size:16px;letter-spacing:.5px;line-height:24px}.initiate-wallet-otp .resend-text{align-self:flex-end;margin-top:-1rem}.wallet-management{display:flex;flex-direction:column;gap:1.5rem}@media screen and (min-width: 768px){.wallet-management{gap:2rem}}.wallet-management .header{display:flex;justify-content:space-between;align-items:center;padding:0rem;z-index:0}.wallet-management .alert{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8rem;padding:0rem;background-color:#ffffbe;border-radius:40rem;padding:6px 0}@media screen and (max-width: 768px){.wallet-management .alert{gap:1rem;border-radius:5px}}.wallet-management .alert .kyc-status{color:#b8860b;font-weight:500}.wallet-management .alert .resubmit-kyc{color:var(--secondary);font-size:15px;font-weight:600;text-decoration:underline;letter-spacing:.5px}.wallet-management .salary{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.wallet-management .salary h4{font-weight:600}.wallet-management .salary .otp{display:flex;align-items:center;gap:.5rem}.wallet-management .salary .otp p{color:var(--primary);opacity:.9}.wallet-management .multitabs{border-bottom:1px solid var(--border-color)}.wallet-management .multitabs .multitab{max-width:30rem}.add-bank-container{gap:1.5rem;padding:2rem 1rem;display:flex;border-radius:8px;flex-direction:column;background-color:#fff}.add-bank-container .form-btns{display:grid;grid-template-columns:1.2fr 2fr;column-gap:1.5rem}.add-bank-container .accountName{display:flex;gap:.2rem}.bank-setup{display:grid;gap:1rem;border:1px solid #cde1e3;padding:1.5rem}.bank-setup .add-bank{width:fit-content;cursor:pointer;color:var(--secondary);border-bottom:2px var(--secondary) solid;justify-self:flex-end}.bank-setup .delete-bank{font-size:1.5rem;color:#f02828;cursor:pointer}.bank-setup .download{display:flex;align-items:center;gap:.2rem;border-radius:8px;color:var(--secondary);font-weight:600;cursor:pointer;font-size:14px}.bank-setup .download span{padding-top:.2rem}.bank-setup .bank-info{display:flex;flex-direction:column;gap:1rem;gap:.5rem;width:100%}.bank-setup .bank-info .input-group{display:flex;gap:1rem}.bank-setup .bank-info .input-group .single-select{width:100%}.bank-setup .bank-info .input-group .account-numbers{position:relative;width:100%}.bank-setup .bank-info .input-group .account-numbers .accountName{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:12px}.bank-setup .bank-info .input-group .account-numbers .accountName span{font-size:.8rem;padding:.2rem;border-radius:50%;background-color:var(--secondary-light);color:var(--secondary)}.bank-setup .bank-info .input-group .account-numbers input{width:100%}.bank-container{display:flex;flex-direction:column;gap:1rem}.bank-container .download{display:flex;align-items:center;gap:.2rem;border-radius:8px;color:var(--secondary);font-weight:600;cursor:pointer;font-size:14px}.bank-container .download span{padding-top:.2rem}.bank-container .all-bank{display:flex;flex-direction:column;gap:1rem}.bank-container .all-bank .bank{display:flex;flex-direction:column;gap:1rem;row-gap:.5rem;padding-bottom:1rem;border-bottom:2px solid rgb(224,224,224)}.bank-container .all-bank .bank:last-child{border-bottom:none}.bank-container .all-bank .bank .bank-group{display:flex;align-items:center;justify-content:space-between;gap:1rem}@media screen and (max-width: 1280px){.bank-container .all-bank .bank .bank-group{grid-template-columns:1fr 1fr}}@media screen and (max-width: 480px){.bank-container .all-bank .bank .bank-group{grid-template-columns:1fr}}.bank-container .all-bank .bank .bank-group .bank-details{display:flex;flex-direction:column;gap:1rem;row-gap:.3rem;width:100%}.bank-container .all-bank .bank .bank-group .bank-details .bank-name{font-weight:400;padding:.75rem;width:100%;border-radius:6px;background-color:var(--secondary-light)}.bank-container .all-bank .bank .bank-group .mandate-upload{display:flex;flex-direction:column;gap:1rem;row-gap:.3rem;width:100%;border-left:1px solid rgb(224,224,224);padding:0rem 1rem}@media screen and (max-width: 1280px){.bank-container .all-bank .bank .bank-group .mandate-upload{padding:0rem;border-left:none}}.bank-container .all-bank .bank .bank-group .mandate-upload .hidden{display:none}.bank-container .all-bank .bank .bank-group .mandate-upload .mandate-file{display:flex;justify-content:space-between;padding:.68rem .75rem;width:100%;border-radius:6px;border:2px solid rgb(224,224,224);border-style:dashed;background-color:var(--secondary-light)}.bank-container .all-bank .bank .bank-group .mandate-upload .mandate-file .mandate-file-upload{display:flex;align-items:center;gap:.5rem;font-weight:400}.bank-container .all-bank .bank .bank-group .mandate-upload .mandate-file .cancel-upload{display:flex;justify-content:center;align-items:center;margin-top:2px;color:#f02828;font-weight:600;cursor:pointer;border:1px solid rgb(240,40,40);border-radius:100%;height:20px;width:20px}.bank-container .all-bank .bank .bank-group .mandate-upload .mandate-file p{color:var(--secondary);border-bottom:2px solid var(--secondary)}.bank-container .all-bank .bank .bank-group .error-message{color:red}.userManagement{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.userManagement .stats{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;align-items:flex-end;padding:1rem 0}.userManagement .stats .user-stats{display:flex;gap:2.5rem}@media screen and (max-width: 1280px){.userManagement .stats .user-stats{overflow-x:auto}}.userManagement .dashboardUsers{display:flex;justify-content:center;align-items:center;gap:3rem}.userManagement .dashboardUsers .userCard{display:flex;align-items:flex-start;gap:.8rem;padding:1rem;border-radius:8px}.userManagement .dashboardUsers .userCard p{margin:.5rem 0;font-weight:600;font-size:14px}.userManagement .dashboardUsers .userCard .blue{color:var(--primary);background-color:var(--primary-light);display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:50%;width:max-content}.userManagement .dashboardUsers .userCard .green{color:var(--secondary);background-color:var(--secondary-light);display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:50%;width:max-content}.userManagement .dashboardUsers .userCard .red{color:#d32a2a;background-color:#d32a2a1a;display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:50%;width:max-content}.userManagement .export{padding:1rem;display:flex;flex-direction:column;gap:1rem;align-items:center;border-radius:8px}.userManagement .export h5{font-weight:500}.userManagement .export div{padding:.4rem .8rem;border-radius:6px;cursor:pointer}.userManagement .tableDiv{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem;border-radius:10px}@media screen and (max-width: 480px){.userManagement .tableDiv{padding:.5rem}}.userManagement .tableDiv .table-header{flex-wrap:wrap;gap:1rem;background-color:var(--primary-light);padding:1.5rem}@media screen and (max-width: 480px){.userManagement .tableDiv .table-header{padding:.75rem}}.modal-content-wrapper{max-width:90vw}@media (min-width: 1024px){.modal-content-wrapper{max-width:60vw}}@media (min-width: 1440px){.modal-content-wrapper{max-width:50vw}}.add-user{display:flex;flex-direction:column;gap:1rem;padding:2rem;border-radius:10px}.add-user .avatar-grp{display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:max-content;margin:1rem 0}.add-user .avatar-grp .avatar{width:fit-content;display:flex;justify-content:center;align-items:center;padding:.2rem;border:2px solid var(--secondary);border-radius:50%}.add-user .avatar-grp .avatar img{max-width:128px;border-radius:50%;cursor:pointer}.add-user .avatar-grp p{font-size:16px}.add-user form{display:grid;grid-template-columns:1fr 1fr;column-gap:2rem}@media screen and (max-width: 768px){.add-user form{display:block}}.add-user form input{width:100%}.add-user form .status .status-field{padding:.45rem}.add-user form .status label{font-size:14px}.add-user form .span-2{grid-column:span 2}.user-profile{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;height:100%;border-radius:10px;gap:2rem}@media screen and (max-width: 480px){.user-profile{padding:1rem}}.user-profile .profile-actions{display:flex;justify-content:space-between;align-items:center}.user-profile .profile-actions .back-btn{display:flex;justify-content:center;align-items:center;gap:.5rem}.user-profile .profile-actions .back-btn button{display:flex;justify-content:center;align-items:center;background-color:var(--secondary-light);color:var(--secondary);border:1px solid var(--secondary);border-radius:6px;padding:.2rem;font-size:1.25rem;cursor:pointer;transition:.5s linear}.user-profile .profile-actions .back-btn button:hover{transform:scale(1.1);transition:.5s linear}.user-profile .profile-actions .back-btn p{opacity:.8;color:var(--secondary)}.user-profile .profile-actions .btn-main{min-width:156px}.user-profile .hero{display:flex;justify-content:center;align-items:center;padding:2rem;border:1px solid var(--border-color);border-radius:12px}@media screen and (max-width: 1280px){.user-profile .hero{flex-direction:column;padding:2rem 0rem}}.user-profile .hero .user-profile-card{display:flex;flex-direction:column;gap:1rem;gap:.5rem;padding:0;align-items:center;border-radius:16px;width:fit-content}.user-profile .hero .user-profile-card .avatar{position:relative;width:fit-content;display:flex;justify-content:center;align-items:center;padding:.1rem;border:2px solid var(--secondary);border-radius:50%}.user-profile .hero .user-profile-card .avatar img{width:128px;border-radius:50%}.user-profile .hero .user-profile-card h3{text-align:center;min-width:fit-content}.user-profile .hero .user-profile-card .settings{position:relative;display:flex;align-items:center;gap:2rem;background-color:var(--alt-bg-color);padding:.75rem 1rem;border-radius:8px;min-width:max-content;cursor:pointer}.user-profile .hero .user-profile-card .settings>.icon{font-size:1.25rem;color:var(--primary);transition:.3s linear}.user-profile .hero .user-profile-card .settings:hover>.icon{transform:rotate(90deg)}.user-profile .hero .user-profile-card .settings .actions{position:absolute;z-index:9;display:flex;flex-direction:column;gap:1rem;gap:0;border-radius:8px;left:0;bottom:0;transform:translateY(100%);min-width:max-content;width:100%}.user-profile .hero .user-profile-card .settings .actions li{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--primary);cursor:pointer}.user-profile .hero .user-profile-card .settings .actions li p{margin-right:auto;transition:.4s linear;font-size:13px}.user-profile .hero .user-profile-card .settings .actions li:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.user-profile .hero .user-profile-card .settings .actions li:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.user-profile .hero .user-profile-card .settings .actions li span{font-size:1.2rem}.user-profile .hero .user-profile-card .settings .actions li:hover{background-color:var(--primary-light)}.user-profile .hero .user-profile-card .settings .actions li:hover p{transform:translate(3px);transition:.4s linear}.user-profile .hero hr{width:1px;border:none;background-color:var(--border-color);height:50%;align-self:center;margin:0 1.5rem 0 1rem}.user-profile .hero .user-profile-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}@media screen and (max-width: 1024px){.user-profile .hero .user-profile-info{grid-template-columns:1fr;padding:1rem}}@media screen and (max-width: 1280px){.user-profile .hero .user-profile-info{padding:1rem}}.user-profile .hero .user-profile-info .info-pill{position:relative;display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.25rem;min-width:240px;background-color:var(--alt-bg-color);padding:.5rem 1rem;border-radius:10px}@media screen and (max-width: 480px){.user-profile .hero .user-profile-info .info-pill{min-width:100%}}.user-profile .hero .user-profile-info .info-pill div{display:flex;flex-direction:column;gap:1rem;gap:.2rem}.user-profile .hero .user-profile-info .info-pill p{letter-spacing:1px;font-size:12px}.user-profile .hero .user-profile-info .info-pill h4{font-weight:600;font-size:14px;min-width:fit-content}.user-profile .hero .user-profile-info .info-pill .icon{position:absolute;right:1rem;color:var(--primary);cursor:pointer;transition:.4s linear}.user-profile .hero .user-profile-info .info-pill .icon:hover{transform:rotate(90deg) scale(1.1);transition:.4s linear}.user-profile .hero .user-profile-info .info-pill .green{position:absolute;right:1rem;display:flex;justify-content:center;align-items:center;gap:.5rem;color:var(--secondary);font-size:1.2rem}.user-profile .user-activity{display:flex;flex-direction:column;gap:1rem;gap:1.5rem}.user-profile .user-activity .table-header{padding:0;justify-content:flex-end}.role-management{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;height:100%;border-radius:10px;gap:1.5rem}@media screen and (max-width: 480px){.role-management{padding:1rem}}.role-management .role-table-header{display:flex;justify-content:space-between;align-items:center}.role-creation{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;height:100%;border-radius:10px}@media screen and (max-width: 480px){.role-creation{padding:1rem}}.role-creation .create-role-header{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 480px){.role-creation .create-role-header{flex-direction:column-reverse;align-items:start;gap:1rem}}.role-creation .back-btn{display:flex;justify-content:center;align-items:center;gap:.5rem;max-width:fit-content}.role-creation .back-btn button{display:flex;justify-content:center;align-items:center;background-color:var(--secondary-light);color:var(--secondary);border:1px solid var(--secondary);border-radius:6px;padding:.2rem;font-size:1.25rem;cursor:pointer;transition:.5s linear}.role-creation .back-btn button:hover{transform:scale(1.1);transition:.5s linear}.role-creation .back-btn p{opacity:.8;color:var(--secondary)}.role-creation input,.role-creation select{width:100%}.role-creation form{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.role-creation form h4{margin:.5rem 0}.role-creation form .error-info{margin-top:.5rem}.customization{padding:2rem 0;display:flex;flex-direction:column;gap:1rem;gap:2rem}.customization .change-system{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem}@media screen and (max-width: 1280px){.customization .change-system{flex-direction:column}}.customization .change-system .buttons{position:relative;display:flex;justify-content:space-between;align-items:center;gap:1rem}@media screen and (max-width: 768px){.customization .change-system .buttons{flex-direction:column}}.customization .change-system .buttons button{width:100%}.customization .change-system .buttons button:disabled{opacity:.4}.customization .change-system .buttons .errMsg{position:absolute;display:flex;justify-content:center;align-items:center;gap:.4rem;top:-1.6rem;font-size:12px;color:initial;transition:.3s linear}.customization .change-system .buttons .errMsg span{width:max-content;height:max-content;font-size:1rem;color:red}.languageRegion{padding:2rem 0 2rem 2rem;display:flex;flex-direction:column;gap:1rem;gap:2rem}@media screen and (max-width: 480px){.languageRegion{padding:0rem}}.languageRegion .languageRegion-div{display:flex;justify-content:center;align-items:center;gap:4rem}@media screen and (max-width: 1280px){.languageRegion .languageRegion-div{margin-top:2rem;flex-direction:column-reverse}}.languageRegion .languageRegion-div .select{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border-radius:12px;z-index:99;min-width:440px}@media screen and (max-width: 480px){.languageRegion .languageRegion-div .select{padding:2rem 1rem;min-width:100%}}.languageRegion .languageRegion-div .select button{font-size:14px;margin-top:.5rem}@media screen and (max-width: 1280px){.languageRegion .languageRegion-div .worldmap{max-height:10rem}}@media screen and (max-width: 480px){.languageRegion .languageRegion-div .worldmap{display:none}}.languageRegion .languageRegion-div .worldmap img{width:100%;transform:translate(2rem)}.languageRegion .css-13cymwt-control{background-color:var(--secondary-light);border:1px solid var(--border-color);padding:.25rem;font-size:14px}.password_policy{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;height:100%;border-radius:10px;background-color:#fff}@media screen and (max-width: 480px){.password_policy{padding:1rem}}.password_policy .policies{display:flex;flex-direction:column;gap:1rem;gap:0;padding:1rem 2rem}@media screen and (max-width: 480px){.password_policy .policies{padding:.2rem .75rem}}.password_policy .policies>h3{margin-bottom:.5rem;font-weight:600}.password_policy .policies .policy_group{position:relative;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem 1rem 1rem;border-top:1px solid var(--alt-bg-color)}@media screen and (max-width: 480px){.password_policy .policies .policy_group{padding-right:0rem;padding:1rem 0rem}}.password_policy .policies .policy_group .policy_header{display:flex;flex-direction:column;gap:1rem;gap:.25rem;width:100%}.password_policy .policies .policy_group .policy_header h4{font-weight:500;min-width:8rem}.password_policy .policies .policy_group .action{position:relative;display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;cursor:pointer}@media screen and (max-width: 480px){.password_policy .policies .policy_group .action{padding:.5rem}}.password_policy .policies .policy_group .action .container{display:flex;justify-content:center;align-items:center;gap:.5rem}.password_policy .policies .policy_group .action:hover{background-color:var(--alt-bg-color);border-radius:8px}.password_policy .policies .policy_group .action h5{white-space:nowrap;font-weight:500}.password_policy .policies .policy_group .icon{position:relative;font-size:1.25rem;color:var(--primary)}.password_policy .policies .policy_group .option{display:flex;align-items:center;margin-bottom:.5rem}.password_policy .policies .policy_group .option .option1{margin-left:8px}.password_policy .policies .policy_group .switch{padding-right:1rem}.createModal{border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:1rem;gap:.25rem}.createModal h3{margin-bottom:1.5rem}.createModal .force{text-align:center;margin:1rem;margin-bottom:0}.createModal .badge{display:flex;justify-content:center;align-items:center;font-size:2rem;color:red}.createModal .info{min-width:max-content;text-align:center;font-size:16px;margin:.5rem 0 1rem}@media screen and (max-width: 480px){.createModal .info{max-width:1rem}}.createModal .delete-btn{display:flex;gap:1rem;margin-top:1rem}@media screen and (max-width: 480px){.createModal .delete-btn{flex-direction:column-reverse}}.createModal .delete-btn button{width:100%}.createModal .delete-btn .btn-main-save{color:#fff;padding:.6rem;border-color:var(--secondary);background-color:var(--secondary);border-radius:5px;cursor:pointer}.createModal .delete-btn .btn-main-cancel{padding:.6rem;border-color:var(--secondary);background-color:#fff;color:var(--secondary);border-radius:5px;cursor:pointer}.mfa-dropdown-container{display:flex;flex-direction:column;border-radius:5px;cursor:default}.mfa-dropdown-container .dropdown-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;width:100%}@media screen and (max-width: 480px){.mfa-dropdown-container .dropdown-top{padding:.5rem}}.mfa-dropdown-container .dropdown-top div{display:flex;justify-content:center;align-items:center;gap:1rem}.mfa-dropdown-container .dropdown-top h6{margin-left:.5rem}.mfa-dropdown-container .dropdown-top input{cursor:pointer}.mfa-dropdown-container .dropdown-top span{font-size:11px;font-weight:500;background-color:#ffffbe;color:#b8860b;max-width:fit-content;padding:.2rem .5rem;border-radius:16px}.mfa-dropdown-container .btns-container{display:flex;justify-content:center;align-items:center;gap:1rem;padding:0;margin-top:1rem}.mfa-dropdown-container .btns-container button{width:100%;font-size:12px;padding:.5rem 1.5rem}.password_strength{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;height:100%;border-radius:10px;background-color:#fff}@media screen and (max-width: 480px){.password_strength{padding:1rem}}.password_strength>h3{letter-spacing:.5px;margin-bottom:1rem}.password_strength .password-custom{display:flex;gap:1rem;justify-content:space-between;padding:0rem .5rem}@media screen and (max-width: 480px){.password_strength .password-custom{display:grid;grid-template-columns:1fr}}.password_strength .password-custom .default{flex:1;display:flex;align-items:flex-start;gap:1rem}.password_strength .password-custom .default input{margin-top:.35rem}.password_strength .password-custom .default .default-types{display:flex;flex-direction:column;gap:1rem}.password_strength .password-custom .default .default-types label{font-weight:600}.password_strength .password-custom .default .default-types ul{padding-left:1rem;display:flex;flex-direction:column;gap:1rem;gap:.5rem}.password_strength .password-custom .default .default-types ul li{list-style-type:disc;font-weight:400}.password_strength .btn-container{display:flex;justify-content:flex-end;margin-top:4rem;gap:2rem}@media screen and (max-width: 480px){.password_strength .btn-container{flex-direction:column-reverse;gap:1rem}}.password_strength .btn-container button{min-width:240px}.approval-setup{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;height:100%;border-radius:10px;background-color:var(--bg-color);gap:1.5rem}@media screen and (max-width: 480px){.approval-setup{padding:1rem}}.setup-approval-workflow{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;height:100%;border-radius:10px;background-color:var(--bg-color);gap:1.5rem}@media screen and (max-width: 480px){.setup-approval-workflow{padding:1rem}}.setup-approval-workflow .back-button{display:flex;justify-content:space-between;align-items:center}.setup-approval-workflow>div>h3{margin-bottom:.5rem}.setup-approval-workflow>div>p{opacity:.9}.setup-approval-workflow form{display:flex;flex-direction:column;gap:1rem;gap:1.5rem}.setup-approval-workflow form .setup-section{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem;padding:1.5rem 2rem;border:1px solid var(--border-color);border-radius:10px}.setup-approval-workflow form .setup-section .span-full{grid-column:span 2}.assign-approvals-step{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;height:100%;border-radius:10px;gap:2rem;background-color:var(--bg-color)}@media screen and (max-width: 480px){.assign-approvals-step{padding:1rem}}.assign-approvals-step .assign-approvals-table-header{display:flex;justify-content:space-between;align-items:center;align-items:flex-end;margin-bottom:-.5rem}.approval-levels{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 1rem;padding:1rem}.approval-levels .span-full{grid-column:span 2}.approval-levels .approval-level{align-self:flex-end}.approval-levels .approval-level .level-tag{padding:.65rem 1rem;background-color:var(--secondary-light);border:1px solid var(--border-color);border-radius:6px;opacity:.75}.activivty-log{display:flex;flex-direction:column;gap:2rem}.activivty-log .module{display:flex;justify-content:center;width:fit-content;margin:auto;border:.2px solid var(--secondary);border-radius:2px}.activivty-log .module button{padding:.6rem 2rem;border:none;color:var(--secondary);cursor:pointer;font-size:16px;font-weight:500}.activivty-log .module .active{background-color:var(--secondary);color:#fff}.activivty-log .text-title{font-size:16px;font-weight:500}.activivty-log .period{display:flex;flex-direction:column;gap:1rem;gap:1.5rem}.activivty-log .period p{font-weight:500;font-size:16px;text-align:center}.activivty-log .period .select-period{display:flex;gap:.5rem}.activivty-log .period .select-period .period-btn{width:6rem;font-size:14px;padding:.6rem 1.2rem}.activivty-log .container{display:flex;flex-direction:column;gap:1rem;width:100%;padding:2rem;border-radius:8px}.activivty-log .container .chart .x-label{max-width:max-content;font-size:16px;padding:0 1rem;color:var(--secondary)}.activivty-log .container .chart .y-label{position:relative;top:-2.7rem;right:-2rem;text-align:end;font-size:16px;padding:0 1rem;color:var(--secondary)}.activivty-log .container select{width:10rem;height:2.5rem;padding:0rem .2rem;border:none;border-radius:.3rem;font-weight:600;font-size:14px;background-color:var(--primary-light)}.activivty-log .container select option{font-size:14px;font-weight:600}.activivty-log .container .title{display:flex;justify-content:space-between;align-items:start;padding-top:1rem}.activivty-log .container .title .action-div{display:flex;align-items:center;gap:2rem}.activivty-log .container .title .action-div .calendar{display:flex;justify-content:center;align-items:center;gap:.5rem}.activivty-log .container .title .action-div .calendar .icon{background-color:var(--primary);color:#fff;font-size:1.4rem;padding:.5rem;border-radius:6px;cursor:pointer}.activivty-log .container .title .action-div .calendar .disabled{opacity:.4;cursor:default}.activivty-log .container .title .action-div select{width:10rem;padding:.7rem;background-color:var(--primary-light);border:none;border-radius:5px;font-size:14px}.activivty-log .container .title .action-div .dateRange{display:flex;align-items:center;gap:1.5rem;background-color:var(--primary-light);color:var(--primary)}.activivty-log .container .title .action-div .dateRange p{font-weight:600;letter-spacing:.5px}.activivty-log .container .title .action-div .dateRange span{padding-top:.2rem;font-size:20px}.activivty-log .container .title .action-div button{background-color:var(--secondary);color:#fff;padding:0rem 1.5rem;height:2.8rem;border:none;border-radius:.3rem;font-weight:700;cursor:pointer}.hr_chart{display:flex;flex-direction:column;gap:1rem;justify-content:space-between;width:100%;padding:1rem;border-radius:8px}.hr_chart h3{margin:1rem 0rem}@media screen and (max-width: 768px){.hr_chart h3{font-size:16px}}.hr_chart .header{display:flex;justify-content:space-between;align-items:center;padding:0rem;z-index:0}@media screen and (max-width: 480px){.hr_chart .header{flex-direction:column}}.hr_chart .header .btn-link{white-space:nowrap}.hr_chart .position{position:relative;left:350px;bottom:0px;font-size:18px;color:gray}@media screen and (max-width: 768px){.hr_chart .position{left:250px}}@media screen and (max-width: 480px){.hr_chart .position{left:90px}}.hr_chart .count{position:relative;right:22.5rem;bottom:9rem;font-size:18px;transform:rotate(-90deg);color:gray}@media screen and (max-width: 480px){.hr_chart .count{right:21.5rem}}.hr-dashboard-table{display:flex;flex-direction:column;gap:1rem;min-width:33rem}.hr-dashboard-table .btn-main{width:100%;height:3rem}.remove-gap{gap:0rem}.work-anniversary{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:8px}.work-anniversary .center{margin:auto}.work-anniversary .center .emptyData span{display:none}.work-anniversary .center .emptyData p{text-align:center}.work-anniversary .header{display:flex;justify-content:space-between;align-items:center;padding:0rem;z-index:0}.work-anniversary .header h3{margin-bottom:0rem}.work-anniversary .list-container{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:28rem;scrollbar-width:none}.work-anniversary .list-container .list{display:flex;justify-content:space-between;align-items:center;align-items:start;border-bottom:.15rem var(--primary-light) solid;padding:.8rem 0rem}.work-anniversary .list-container .list img{height:3rem;max-width:3rem}.work-anniversary .list-container .list p{font-size:16px}.work-anniversary .list-container .list .name-text{color:var(--primary)}.work-anniversary .list-container .list .date-text{color:var(--alt-text-color)}.work-anniversary .list-container .list .past-date{color:red}.work-anniversary .list-container .list .coming-date{color:var(--alt-text-color)}.work-anniversary .list-container .list .profile-pic{display:flex;justify-content:space-between;align-items:center;gap:1rem;align-content:center}.hmo-setup-tabs{display:flex;flex-direction:column;gap:1rem;gap:1.5rem}.hmo-setup-tabs .btn-container{display:flex}.hmo-setup-tabs .btn-container button{width:100%;border-radius:0;padding:1rem;font-size:16px}@media screen and (max-width: 480px){.hmo-setup-tabs .btn-container button{font-size:12px;padding:.5rem}}.hmo-setup-tabs .btn-container button:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.hmo-setup-tabs .btn-container button:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.hmo-details .hmo-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:2rem}@media screen and (max-width: 768px){.hmo-details .hmo-top{padding:1rem;gap:1rem}}.hmo-details .hmo-top h4{font-weight:400}.hmo-details .hmo-top button{padding:.8rem 2.3rem}.createHmo{border-radius:12px}.createHmo .hmo-field{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.createHmo .hmo-field .col-span-2{grid-column:span 2/span 2}@media screen and (max-width: 1024px){.createHmo .hmo-field{display:block;width:100%}}@media screen and (max-width: 480px){.createHmo .hmo-field .input-main input{width:100%}}.createHmo .btn-cont{display:flex;gap:1.5rem;margin-top:1.5rem}@media screen and (max-width: 480px){.createHmo .btn-cont{flex-direction:column-reverse;row-gap:1rem}}.createHmo .btn-cont button{width:100%}.createHmo .accountNumbers{position:relative}.createHmo .accountNumbers .accountName{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:12px}.createHmo .accountNumbers .accountName span{font-size:.8rem;padding:.2rem;border-radius:50%;background-color:var(--secondary-light);color:var(--secondary)}.cont-details{border:1px solid #e6f0f1;border-radius:5px}.cont-details .cont-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:2rem}@media screen and (max-width: 768px){.cont-details .cont-top{padding:1rem;gap:1rem}}.cont-details .cont-top h4{font-weight:400}.cont-details .cont-top button{padding:.8rem 2.3rem}.cont-details .contribution-menu{display:flex;flex-direction:column;gap:1rem}form{padding:1rem}@media screen and (max-width: 768px){form .input-main input{width:100%}}form .cont-field .cont{display:flex;flex-direction:column}form .cont-field .cont-input{width:450px;border:none;padding:1rem;margin-bottom:30px}form .btn-cont{display:flex;gap:2rem;margin-top:1.5rem}@media screen and (max-width: 480px){form .btn-cont{flex-direction:column;gap:1rem}}form .btn-cont button{width:100%;border-radius:5px;padding:1rem}.staffID-contanier{display:flex;flex-direction:column;gap:1rem;gap:2rem;align-items:center;justify-content:center;margin:auto;max-width:60rem}.staffID-contanier .important-note hr{min-height:132px}.staffID-contanier .staffID-form{padding:2rem;border-radius:8px;border:1px solid var(--border-color);display:grid;grid-template-columns:1fr 1fr;row-gap:0;column-gap:1.5rem;width:100%}@media screen and (max-width: 768px){.staffID-contanier .staffID-form{display:flex;flex-direction:column;padding:1rem}}.staffID-contanier .staffID-form input{width:100%}.staffID-contanier .staffID-form .radio-grp-border{background-color:var(--secondary-light)}.staffID-contanier .btns{display:flex;align-items:center;gap:2rem;width:100%}@media screen and (max-width: 768px){.staffID-contanier .btns{flex-direction:column-reverse;gap:1rem}}.staffID-contanier .btns button{width:100%}.staffId-reset-modal{display:flex;flex-direction:column;gap:1rem;align-items:center;gap:2rem;padding:1rem;min-width:400px}.staffId-reset-modal .icon{font-size:1.5rem;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#ffffbe;color:#b8860b;margin:-.5rem}.staffId-reset-modal p{font-size:18px;text-align:center}.staffId-reset-modal .reset-btns{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%}.staffId-reset-modal .reset-btns button{width:100%}.preview-modal{display:flex;flex-direction:column;gap:1rem;padding:1rem;text-align:center}.preview-modal .heading-text{font-size:18px;font-weight:600}.preview-modal .info-text{display:flex;align-items:flex-start;gap:.5rem;max-width:400px}.preview-modal .info-text span{color:red}.preview-modal .info-text p{opacity:.8}.preview-modal .preview-btns{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:.5rem}.preview-modal .preview-btns button{width:100%}.field-labels{display:flex;flex-direction:column;gap:1rem;padding:0 1rem;gap:2rem}@media screen and (max-width: 768px){.field-labels{padding:0}}.field-labels .prompt{margin-top:-1.5rem;font-size:15px;font-weight:600}.field-labels .information{display:flex;gap:.5rem;opacity:.8}.field-labels .information .infoTags{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.field-labels .field-groups{display:flex;flex-direction:column;gap:1rem;gap:1.5rem;padding:1.5rem 2rem;border-radius:8px;border:1px solid var(--border-color)}@media screen and (max-width: 768px){.field-labels .field-groups{padding:.5rem 1rem}}.field-labels .field-groups .fields-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem}@media screen and (max-width: 768px){.field-labels .field-groups .fields-container{display:flex;flex-direction:column;gap:.5rem}}.field-labels .field-groups .fields-container .input-main input{width:100%}.field-labels .field-groups .fields-container .input-main p{padding:0 .5rem;max-width:100%}.field-labels .field-groups .fields-container .input{width:100%;position:relative;display:flex;align-items:center}.field-labels .field-groups .fields-container .input .edit-icons{position:absolute;right:1rem;display:flex;align-items:center;gap:1rem}.field-labels .field-groups .fields-container .input .edit-icons button{display:flex;justify-content:center;align-items:center;border:none;background:none;cursor:pointer;transition:.3s linear}.field-labels .field-groups .fields-container .input .edit-icons button:hover{transform:scale(1.25);transition:.3s linear}.field-labels .field-groups .fields-container .input .edit-icons button.edit{font-size:.9rem;color:var(--secondary)}.field-labels .field-groups .fields-container .input .edit-icons button.see{font-size:1.1rem;opacity:.5}.field-labels .field-groups .fields-container .input .edit-icons button.see:disabled{cursor:default;transform:none}.field-labels .btns{display:flex;align-items:center;gap:2rem}@media screen and (max-width: 768px){.field-labels .btns{flex-direction:column-reverse;gap:1rem}}.field-labels .btns button{width:100%}.field-labels .btns .save-btn{position:relative;width:100%}.field-labels .btns .save-btn .errorMsg{position:absolute;display:flex;justify-content:center;align-items:center;top:100%;left:50%;transform:translate(-50%);gap:.5rem;color:red;padding:1rem;min-width:max-content}.field_label_modal{display:flex;flex-direction:column;gap:1rem;gap:1.5rem;align-items:center}.field_label_modal span{display:flex;justify-content:center;align-items:center;padding:1rem;border-radius:50%;font-size:1.75rem;background-color:#ffffbe;color:#b8860b}.field_label_modal p{font-size:15px;opacity:.8}.field_label_modal .btns{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%}.field_label_modal .btns button{width:100%}.table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-radius:8px;flex-wrap:wrap}@media screen and (max-width: 1280px){.table-header{justify-content:center;gap:1rem}}.table-header .suborganization-btns{display:flex;justify-content:center;align-items:center;column-gap:2rem;row-gap:1rem;flex-wrap:wrap}.table-header .suborganization-btns .btn-alt{background-color:#fff}.table-header .suborganization-btns button{display:flex;justify-content:center;align-items:center;gap:.5rem}.table-header .createSuborganization{position:relative}.table-header .createSuborganization .userDrop{position:absolute;display:flex;flex-direction:column;gap:1rem;z-index:99;border-radius:8px;left:0;bottom:0;padding:1rem;transform:translateY(100%);min-width:max-content}.table-header .createSuborganization .userDrop p{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem;cursor:pointer;transition:.5s linear}.table-header .createSuborganization .userDrop p:hover{transform:translate(.4rem);transition:.5s linear}.table-header .createSuborganization .icon{font-size:.9rem}.info{display:flex;justify-content:center;align-items:center;gap:.4rem;max-width:max-content;margin-top:1.5rem;opacity:.8}.hr-suborganization{display:flex;flex-direction:column;gap:1rem;gap:2rem}.hr-department{display:flex;flex-direction:column;gap:1rem;gap:1.5rem}.hr-department .dept-table{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.hr-unit{display:flex;flex-direction:column;gap:1rem;gap:1.5rem}.hr-unit .unit-table{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.hr-unit .unit-table .empty-accordion{text-align:center;padding:.5rem 0}.hr-position{display:flex;flex-direction:column;gap:1rem;gap:2rem}.create-position{padding:1rem}.create-position form{display:flex;flex-direction:column;gap:1rem;gap:0}.create-position form .position-btns{width:100%;display:flex;gap:1rem}.create-position form .position-btns button{width:100%}.hr-job-titles{display:flex;flex-direction:column;gap:1rem;gap:2rem}.create-jobTitle{padding:1rem}.create-jobTitle form{display:flex;flex-direction:column;gap:1rem;gap:0}.create-jobTitle form .jobTitle-btns{width:100%;display:flex;gap:1rem;margin-top:2rem}.create-jobTitle form .jobTitle-btns button{width:100%}.hr-location{display:flex;flex-direction:column;gap:1rem;gap:2rem}.create-location{padding:1rem}.create-location form{display:flex;flex-direction:column;gap:1rem}.create-location form .location-btns{width:100%;display:flex;gap:1rem;margin-top:2rem}.create-location form .location-btns button{width:100%}.hr-age-threshold{display:flex;flex-direction:column;gap:1rem;gap:2rem}.create-age-threshold h3{margin-bottom:1rem}.create-age-threshold form{display:flex;flex-direction:column;gap:1rem}.create-age-threshold form .ages{display:flex;gap:.5rem}.create-age-threshold form .input-main input{width:auto}.create-age-threshold form .form-btns{margin-top:0}.org-info-form{display:grid;grid-template-columns:1fr;gap:1rem}@media screen and (min-width: 768px){.org-info-form{grid-template-columns:1fr 1fr}}.org-info-form>div{min-width:0}.org-info-form>div.col-span{grid-column:span 1/span 1}@media screen and (min-width: 768px){.org-info-form>div.col-span{grid-column:span 2/span 2}}.org-info-form>div.action{width:100%}.org-info-form>div.action button{width:100%}.org-info-form input{width:100%}.org-chart .actions{padding:0 0 1rem;display:flex;justify-content:flex-end;width:100%;gap:.5rem}@media screen and (min-width: 768px){.org-chart .actions{padding:0 4rem 1rem}}.org-chart .actions button>span{font-size:18px}.org-chart .chart{position:relative;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.org-chart .chart .tree-zoom{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 768px){.org-chart .chart .tree-zoom{flex-direction:row}}.org-chart .chart .tree{min-width:calc(100% - 4rem);max-width:100%;max-height:400px;min-height:300px;border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;overflow-x:scroll;overflow-y:auto;scrollbar-color:var(--alt-bg-color)}@media screen and (min-width: 768px){.org-chart .chart .tree{max-width:calc(100% - 4rem)}}.org-chart .chart .tree::-webkit-scrollbar{width:6px;height:6px;margin-block:1rem}.org-chart .chart .tree::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:100vw;cursor:pointer}.org-chart .chart .tree::-webkit-scrollbar-track{background-color:var(--alt-bg-color);border-radius:100vw;cursor:pointer}.org-chart .chart .tree-card{display:inline-flex;align-items:center;text-align:left;gap:.5rem;border:3px solid;border-color:var(--alt-bg-color);border-radius:.5rem;padding:.5rem;min-width:max-content;background-color:var(--bg-color)}.org-chart .chart .tree-card-image{height:2.5rem;width:2.5rem;border-radius:.25rem;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center;font-size:2rem;color:var(--border-color)}.org-chart .chart .tree-card-text h4,.org-chart .chart .tree-card-text p{font-size:.75rem;color:var(--primary);opacity:1}.org-chart .chart .tree-card-text h4{font-weight:600}.org-chart .chart .tree-card-text p{font-weight:400}.org-chart .chart .tree-card.org{border-color:var(--primary)}.org-chart .chart .tree-card.subOrg{border-color:var(--alt-text-color)}.org-chart .chart .tree-card.dept{border-color:var(--border-color)}.org-chart .chart .tree-card.unit{border-color:#ac9090}.org-chart .chart .zoom{display:flex;flex-direction:row;justify-content:flex-start;gap:1rem;align-items:center;gap:.5rem;align-self:flex-end}@media screen and (min-width: 768px){.org-chart .chart .zoom{display:flex;flex-direction:column;gap:1rem}}.org-chart .chart .zoom p{font-weight:600}.org-chart .chart .zoom span{background-color:var(--secondary);padding:.3rem;border-radius:2px;max-width:max-content;color:#fff;cursor:pointer}.org-chart .chart .legend{margin-top:1rem;margin-right:4rem;display:flex;flex-direction:column;gap:1rem}.org-chart .chart .legend .legend-grp{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.org-chart .chart .legend .legend-item{display:flex;justify-content:center;align-items:center;gap:.5rem}.org-chart .chart .legend .legend-item .profile-photo .uploaded .overlay .yellow,.profile-photo .uploaded .overlay .org-chart .chart .legend .legend-item .yellow,.org-chart .chart .legend .legend-item .profile-photo .uploaded .overlay .green,.profile-photo .uploaded .overlay .org-chart .chart .legend .legend-item .green,.org-chart .chart .legend .legend-item .profile-photo .uploaded .overlay .red,.profile-photo .uploaded .overlay .org-chart .chart .legend .legend-item .red,.org-chart .chart .legend .legend-item .lookup-filter .filter-drop .filter-items .module .inactive,.lookup-filter .filter-drop .filter-items .module .org-chart .chart .legend .legend-item .inactive,.org-chart .chart .legend .legend-item .lookup-filter .filter-drop .filter-items .module .active,.lookup-filter .filter-drop .filter-items .module .org-chart .chart .legend .legend-item .active,.org-chart .chart .legend .legend-item .unit,.org-chart .chart .legend .legend-item .dept,.org-chart .chart .legend .legend-item .sub-org,.org-chart .chart .legend .legend-item .org{width:32px;height:16px;border-radius:4px;border:3px solid}.org-chart .chart .legend .legend-item .org{border-color:var(--primary)}.org-chart .chart .legend .legend-item .sub-org{border-color:var(--alt-text-color)}.org-chart .chart .legend .legend-item .dept{border-color:var(--border-color)}.org-chart .chart .legend .legend-item .unit{border-color:#ac9090}.organogram .actions{padding:0 0 1rem;display:flex;flex-direction:column;justify-content:flex-end;width:100%;gap:.5rem}@media screen and (min-width: 768px){.organogram .actions{flex-direction:row;padding:0 4rem 1rem}}.organogram .actions button>span{font-size:18px}.organogram .chart{position:relative;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.organogram .chart .tree-zoom{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 768px){.organogram .chart .tree-zoom{flex-direction:row}}.organogram .chart .tree{min-width:calc(100% - 4rem);max-width:100%;max-height:400px;min-height:300px;border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;overflow-x:scroll;overflow-y:auto;scrollbar-color:var(--alt-bg-color)}@media screen and (min-width: 768px){.organogram .chart .tree{max-width:calc(100% - 4rem)}}.organogram .chart .tree::-webkit-scrollbar{width:6px;height:6px;margin-block:1rem}.organogram .chart .tree::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:100vw;cursor:pointer}.organogram .chart .tree::-webkit-scrollbar-track{background-color:var(--alt-bg-color);border-radius:100vw;cursor:pointer}.organogram .chart .tree-card{display:inline-block;border:3px solid;border-color:var(--alt-bg-color);border-radius:.5rem;padding:.75rem 1.5rem;min-width:max-content}.organogram .chart .tree-card h4{font-weight:500;font-size:.75rem;color:var(--primary)}.organogram .chart .tree-card.org{border-color:var(--primary)}.organogram .chart .tree-card.subOrg{border-color:var(--alt-text-color)}.organogram .chart .tree-card.dept{border-color:var(--border-color)}.organogram .chart .tree-card.unit{border-color:#ac9090}.organogram .chart .zoom{display:flex;flex-direction:row;justify-content:flex-start;gap:1rem;align-items:center;gap:.5rem;align-self:flex-end}@media screen and (min-width: 768px){.organogram .chart .zoom{display:flex;flex-direction:column;gap:1rem}}.organogram .chart .zoom p{font-weight:600}.organogram .chart .zoom span{background-color:var(--secondary);padding:.3rem;border-radius:2px;max-width:max-content;color:#fff;cursor:pointer}.organogram .chart .legend{margin-top:1rem;margin-right:4rem;display:flex;flex-direction:column;gap:1rem}.organogram .chart .legend .legend-grp{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.organogram .chart .legend .legend-item{display:flex;justify-content:center;align-items:center;gap:.5rem}.organogram .chart .legend .legend-item .profile-photo .uploaded .overlay .yellow,.profile-photo .uploaded .overlay .organogram .chart .legend .legend-item .yellow,.organogram .chart .legend .legend-item .profile-photo .uploaded .overlay .green,.profile-photo .uploaded .overlay .organogram .chart .legend .legend-item .green,.organogram .chart .legend .legend-item .profile-photo .uploaded .overlay .red,.profile-photo .uploaded .overlay .organogram .chart .legend .legend-item .red,.organogram .chart .legend .legend-item .lookup-filter .filter-drop .filter-items .module .inactive,.lookup-filter .filter-drop .filter-items .module .organogram .chart .legend .legend-item .inactive,.organogram .chart .legend .legend-item .lookup-filter .filter-drop .filter-items .module .active,.lookup-filter .filter-drop .filter-items .module .organogram .chart .legend .legend-item .active,.organogram .chart .legend .legend-item .unit,.organogram .chart .legend .legend-item .dept,.organogram .chart .legend .legend-item .sub-org,.organogram .chart .legend .legend-item .org{width:32px;height:16px;border-radius:4px;border:3px solid}.organogram .chart .legend .legend-item .org{border-color:var(--primary)}.organogram .chart .legend .legend-item .sub-org{border-color:var(--alt-text-color)}.organogram .chart .legend .legend-item .dept{border-color:var(--border-color)}.organogram .chart .legend .legend-item .unit{border-color:#ac9090}.flexfield-form{display:flex;flex-direction:column;gap:1rem;padding:1rem}.flexfield-form label{font-size:16px}.flexfield-form .lookup-info{margin-top:-.5rem;display:flex;gap:.5rem;align-items:flex-start}.flexfield-form .lookup-info .icon{color:red;padding-top:.2rem}.flexfield-form .lookup-info .lookup-nav{color:var(--secondary);font-size:15px;font-weight:600;letter-spacing:.8px;text-decoration:underline;cursor:pointer}.flexfield-form .flexfield-btns{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;width:100%}@media screen and (max-width: 480px){.flexfield-form .flexfield-btns{flex-direction:column-reverse}}.flexfield-form .flexfield-btns button{width:100%}.flexfield-form .appear{display:flex;flex-direction:column;gap:1rem}.flexfield-form .disappear{display:none}.lookup-filter{position:relative}.lookup-filter .filter-drop{position:absolute;right:0;z-index:9;padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.lookup-filter .filter-drop>h5{font-size:14px;font-weight:600;margin-bottom:1rem}.lookup-filter .filter-drop .filter-items{display:flex;flex-direction:column;gap:1rem;gap:.6rem}.lookup-filter .filter-drop .filter-items .module{display:flex;justify-content:center;align-items:center;max-width:max-content;gap:.5rem}.lookup-filter .filter-drop .filter-items .module .profile-photo .uploaded .overlay .yellow,.profile-photo .uploaded .overlay .lookup-filter .filter-drop .filter-items .module .yellow,.lookup-filter .filter-drop .filter-items .module .profile-photo .uploaded .overlay .green,.profile-photo .uploaded .overlay .lookup-filter .filter-drop .filter-items .module .green,.lookup-filter .filter-drop .filter-items .module .profile-photo .uploaded .overlay .red,.profile-photo .uploaded .overlay .lookup-filter .filter-drop .filter-items .module .red,.lookup-filter .filter-drop .filter-items .module .inactive,.lookup-filter .filter-drop .filter-items .module .active,.lookup-filter .filter-drop .filter-items .module .chart .legend .legend-item .org,.chart .legend .legend-item .lookup-filter .filter-drop .filter-items .module .org,.lookup-filter .filter-drop .filter-items .module .chart .legend .legend-item .sub-org,.chart .legend .legend-item .lookup-filter .filter-drop .filter-items .module .sub-org,.lookup-filter .filter-drop .filter-items .module .chart .legend .legend-item .dept,.chart .legend .legend-item .lookup-filter .filter-drop .filter-items .module .dept,.lookup-filter .filter-drop .filter-items .module .chart .legend .legend-item .unit,.chart .legend .legend-item .lookup-filter .filter-drop .filter-items .module .unit{background-color:var(--secondary);border:1px solid var(--secondary);color:#fff;font-size:.6rem;padding:.15rem;border-radius:4px;cursor:pointer;transition:.3s linear}.lookup-filter .filter-drop .filter-items .module .profile-photo .uploaded .overlay .yellow:hover,.profile-photo .uploaded .overlay .lookup-filter .filter-drop .filter-items .module .yellow:hover,.lookup-filter .filter-drop .filter-items .module .profile-photo .uploaded .overlay .green:hover,.profile-photo .uploaded .overlay .lookup-filter .filter-drop .filter-items .module .green:hover,.lookup-filter .filter-drop .filter-items .module .profile-photo .uploaded .overlay .red:hover,.profile-photo .uploaded .overlay .lookup-filter .filter-drop .filter-items .module .red:hover,.lookup-filter .filter-drop .filter-items .module .inactive:hover,.lookup-filter .filter-drop .filter-items .module .active:hover,.lookup-filter .filter-drop .filter-items .module .chart .legend .legend-item .org:hover,.chart .legend .legend-item .lookup-filter .filter-drop .filter-items .module .org:hover,.lookup-filter .filter-drop .filter-items .module .chart .legend .legend-item .sub-org:hover,.chart .legend .legend-item .lookup-filter .filter-drop .filter-items .module .sub-org:hover,.lookup-filter .filter-drop .filter-items .module .chart .legend .legend-item .dept:hover,.chart .legend .legend-item .lookup-filter .filter-drop .filter-items .module .dept:hover,.lookup-filter .filter-drop .filter-items .module .chart .legend .legend-item .unit:hover,.chart .legend .legend-item .lookup-filter .filter-drop .filter-items .module .unit:hover{transform:scale(1.1);transition:.3s linear}.lookup-filter .filter-drop .filter-items .module .inactive{width:15.8px;height:15.8px;background-color:#fff}.lookup-filter .filter-drop .filter-items .module p{min-width:max-content;font-size:12px}.lookup-filter .filter-drop .filter-btns{margin-top:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.lookup-filter .filter-drop .filter-btns button{width:100%;padding:.5rem}.lookup-details{display:flex;flex-direction:column;gap:1rem;gap:1.5rem}.lookup-details .detail-title{display:flex;justify-content:center;align-items:center;gap:1rem;max-width:max-content}.lookup-details .detail-title .edit-lookup{position:relative}.lookup-details .detail-title .edit-lookup>span{background-color:var(--primary-light);color:var(--primary);border:1px solid var(--border-color);border-radius:6px;padding:.2rem;font-size:1.2rem;cursor:pointer}.lookup-details .detail-title .edit-lookup .edit-lookup-grp{position:absolute;z-index:9;left:0;display:flex;flex-direction:column;gap:1rem;gap:0;border:1px solid var(--border-color);border-radius:8px;background-color:var(--primary-light)}.lookup-details .detail-title .edit-lookup .edit-lookup-grp p{display:flex;justify-content:center;align-items:center;gap:.7rem;padding:.4rem .8rem;justify-content:flex-start;min-width:max-content;border-radius:8px;cursor:pointer}.lookup-details .detail-title .edit-lookup .edit-lookup-grp p:hover{background-color:#fff}.lookup-details .detail-title .edit-lookup .edit-lookup-grp .green{color:var(--secondary)}.lookup-details .detail-title .edit-lookup .edit-lookup-grp .red{color:red}.lookup-details .lookup-details-container{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px) and (max-width: 768px){.lookup-details .lookup-details-container{grid-template-columns:1fr 1fr}}@media (min-width: 768px) and (max-width: 1280px){.lookup-details .lookup-details-container{grid-template-columns:1fr}}@media (min-width: 1280px){.lookup-details .lookup-details-container{grid-template-columns:1fr 1fr}}.lookup-details .lookup-details-container .lookup-details-card h5{font-size:14px;font-weight:600}.lookup-details .lookup-details-container .lookup-details-card p{display:flex;font-size:16px;font-weight:500;opacity:.9}.create-lookupValue form{display:flex;flex-direction:column;gap:1rem;gap:0}.create-lookupValue .lookupValue-btns{width:100%;display:flex;gap:1rem;margin-top:1rem}.create-lookupValue .lookupValue-btns button{width:100%}.create-lookupValue .status label{font-size:14px}.employee-card{position:relative;display:flex;flex-direction:column;gap:1rem;align-items:center;gap:.5rem;padding:1rem}.employee-card .ellipses{position:absolute;right:1rem}.employee-card .ellipses button{border:none;background:none;color:var(--secondary);font-size:1.4rem;cursor:pointer}.employee-card .ellipses .card-actions{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.employee-card .ellipses .card-actions p{font-size:12px;transition:.4s linear}.employee-card .ellipses .card-actions p:hover{transform:translate(.3rem);transition:.4s linear}.employee-card .ellipses .card-actions span{font-size:.9rem;color:var(--primary)}.employee-card .ellipses .card-actions .edit span{color:var(--secondary)}.employee-card .ellipses .card-actions .change span{color:#ff8c00}.employee-card .avatar{display:flex;justify-content:center;align-items:center;padding:.1rem;border:2px solid var(--secondary);border-radius:50%;cursor:pointer}.employee-card .avatar img{width:80px;border-radius:50%}.employee-card .status{padding:.4rem .8rem;background-color:var(--secondary-light);color:var(--secondary);border-radius:6px}.employee-card .heading{font-size:13px}.employee-card .heading .title{color:var(--text-color);font-size:13px;letter-spacing:.5px}.employee-card .truncate{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.employee-card .truncate[data-title]:hover:after{content:attr(data-title);position:absolute;padding:1rem;z-index:9;top:100%;left:0;width:216px;overflow:visible;white-space:normal;text-overflow:unset;background-color:#fff;box-shadow:var(--box-shadow);border:1px solid var(--border-color);border-radius:8px}.employee-actions{position:relative;z-index:999}.employee-form-section{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 2rem;border:1px solid var(--border-color);border-radius:10px}@media screen and (max-width: 768px){.employee-form-section{padding:1rem;gap:1rem}}.employee-form-section .employee-form-inputs{display:grid;grid-template-columns:1fr 1fr;row-gap:.5rem;column-gap:2rem}@media screen and (max-width: 768px){.employee-form-section .employee-form-inputs{display:flex;flex-direction:column}}.employee-form-section .employee-form-inputs .input-main,.employee-form-section .employee-form-inputs .input-main input{width:100%}.employee-form-section .employee-form-inputs .input-main p{width:100%;max-width:100%}.employee-form-section .last-line-width>:nth-last-child(1){grid-column:span 2}.employee-form-section .all-line-width{grid-column:span 2}.employee-form-section .full-width{width:100%}.payment-methods{position:relative;display:flex;flex-direction:column;gap:1rem;gap:1.5rem}.payment-methods input{width:100%}.payment-methods .deduction-createModal form .numbering,.deduction-createModal form .payment-methods .numbering,.payment-methods .deduction-createModal form .delete-method,.deduction-createModal form .payment-methods .delete-method,.payment-methods .numbering,.payment-methods .delete-method{position:absolute;display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:50%}.payment-methods .delete-method{top:0;right:0;transform:translate(50%,-50%);background-color:#fceeee;color:red;font-size:1.25rem;cursor:pointer;transition:.4s linear}.payment-methods .delete-method:hover{transform:translate(50%,-50%) scale(1.1);transition:.4s linear}.payment-methods .numbering{bottom:0;left:0;transform:translate(-50%,50%);background-color:var(--primary-light);color:var(--primary);width:36px;height:36px;font-weight:600}.payment-methods .deduction-createModal form .method-group,.deduction-createModal form .payment-methods .method-group,.payment-methods .method-group{position:relative;display:grid;grid-template-columns:1fr 1fr;row-gap:.5rem;column-gap:2rem;padding:1rem;border:1px solid var(--border-color);border-radius:10px;transition:.5s linear}@media screen and (max-width: 768px){.payment-methods .deduction-createModal form .method-group,.deduction-createModal form .payment-methods .method-group,.payment-methods .method-group{display:flex;flex-direction:column}}.payment-methods .method-group{right:0}.payment-methods .slide{right:-2000px}.payment-methods .btn-link{max-width:fit-content;align-self:flex-end}.payment-methods .accountNumbers{position:relative}.payment-methods .accountNumbers .accountName{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:12px}.payment-methods .accountNumbers .accountName span{font-size:.8rem;padding:.2rem;border-radius:50%;background-color:var(--secondary-light);color:var(--secondary)}.profile-photo{display:flex;flex-direction:column;gap:1rem;max-width:fit-content}.profile-photo .uploaded,.profile-photo .upload{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;width:256px;height:256px;padding:2rem;border:2px dashed var(--border-color);border-radius:50%}@media screen and (max-width: 768px){.profile-photo .uploaded,.profile-photo .upload{width:200px;height:200px}}.profile-photo .upload{background-color:var(--primary-light)}.profile-photo .upload label{display:flex;justify-content:center;align-items:center;cursor:pointer;animation:scale 1s alternate infinite linear}.profile-photo .upload label span{color:var(--primary);opacity:.25;font-size:2.5rem}.profile-photo .upload .upload-info{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.4rem;text-align:center}.profile-photo .upload .upload-info p{color:var(--primary);opacity:.6;font-size:11px}.profile-photo .upload .upload-info p:first-child{font-size:11.5px;opacity:1}.profile-photo .uploaded{border:2px solid var(--border-color);overflow:hidden;padding:0}.profile-photo .uploaded img{max-width:100%}.profile-photo .uploaded .overlay{position:absolute;z-index:2;bottom:0;display:flex;justify-content:center;align-items:center;gap:1rem;padding:.75rem 0;background:rgba(0,0,0,.5);width:100%}.profile-photo .uploaded .overlay .yellow,.profile-photo .uploaded .overlay .green,.profile-photo .uploaded .overlay .red,.profile-photo .uploaded .overlay .chart .legend .legend-item .org,.chart .legend .legend-item .profile-photo .uploaded .overlay .org,.profile-photo .uploaded .overlay .chart .legend .legend-item .sub-org,.chart .legend .legend-item .profile-photo .uploaded .overlay .sub-org,.profile-photo .uploaded .overlay .chart .legend .legend-item .dept,.chart .legend .legend-item .profile-photo .uploaded .overlay .dept,.profile-photo .uploaded .overlay .chart .legend .legend-item .unit,.chart .legend .legend-item .profile-photo .uploaded .overlay .unit,.profile-photo .uploaded .overlay .lookup-filter .filter-drop .filter-items .module .active,.lookup-filter .filter-drop .filter-items .module .profile-photo .uploaded .overlay .active,.profile-photo .uploaded .overlay .lookup-filter .filter-drop .filter-items .module .inactive,.lookup-filter .filter-drop .filter-items .module .profile-photo .uploaded .overlay .inactive{padding:.5rem;border-radius:50%;cursor:pointer}.profile-photo .uploaded .overlay .red{background-color:#fceeee;color:red}.profile-photo .uploaded .overlay .green{background-color:var(--secondary-light);color:var(--secondary)}.profile-photo .uploaded .overlay .yellow{background-color:#ffffbe;color:#b8860b}.profile-photo .uploaded .crop-loading{position:absolute;z-index:3}.profile-photo .uploaded .crop-loading img{max-width:64px}.profile-photo .uploaded .saved{position:absolute;z-index:3;background:rgba(0,0,0,.5);width:100%;text-align:center;color:#fff;padding:.2rem;letter-spacing:1px}.profile-photo .file-size-info{display:flex;justify-content:center;align-items:center;gap:.5rem;color:red}.profile-photo .zoomer{display:flex;flex-direction:column;gap:1rem;align-items:center;gap:.2rem;max-width:256px}.profile-photo .zoomer input{cursor:pointer;filter:hue-rotate(300deg)}.profile-photo .zoomer p{color:var(--primary);opacity:.75}.profile-photo .save-upload-info{display:flex;justify-content:center;align-items:center;gap:.5rem;opacity:.8}.profile-photo .save-upload-info span{color:red;opacity:1}.employee-hero{display:flex;justify-content:center;align-items:center;padding:2rem;border:1px solid var(--border-color);border-radius:12px}@media screen and (max-width: 768px){.employee-hero{padding:1rem}}@media screen and (max-width: 1280px){.employee-hero{flex-direction:column;gap:1rem}}.employee-hero .employee-card{display:flex;flex-direction:column;gap:1rem;gap:.5rem;padding:0;align-items:center;border-radius:16px;width:fit-content}.employee-hero .employee-card .avatar{position:relative;width:fit-content;display:flex;justify-content:center;align-items:center;padding:.1rem;border:2px solid var(--secondary);border-radius:50%}.employee-hero .employee-card .avatar img{width:120px;border-radius:50%}.employee-hero .employee-card .avatar .icon{position:absolute;bottom:.25rem;right:.25rem;background-color:var(--secondary);color:#fff;padding:.25rem;border-radius:50%;font-size:1.25rem;cursor:pointer;transition:.4s linear}.employee-hero .employee-card .avatar .icon:hover{transform:scale(1.2);transition:.4s linear}.employee-hero .employee-card h3{text-align:center}.employee-hero .employee-card .brown-bg,.employee-hero .employee-card .grey-bg,.employee-hero .employee-card .yellow-bg,.employee-hero .employee-card .blue-bg,.employee-hero .employee-card .green-bg,.employee-hero .employee-card .red-bg{padding:.6rem 1rem;border-radius:6px;font-weight:600;text-align:center;width:max-content;min-width:180px}.employee-hero .employee-card .red-bg{background-color:#fceeee;color:red}.employee-hero .employee-card .green-bg{background-color:var(--secondary-light);color:var(--secondary)}.employee-hero .employee-card .blue-bg{color:var(--primary);background-color:var(--primary-light)}.employee-hero .employee-card .yellow-bg{color:#b8860b;background-color:#ffffbe}.employee-hero .employee-card .grey-bg{color:gray;background-color:#efefef}.employee-hero .employee-card .brown-bg{color:#886969;background-color:#f3eaea}.employee-hero hr{width:1px;border:none;background-color:var(--border-color);height:50%;align-self:center;margin:0 1.5rem 0 1rem}.employee-hero .employee-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}@media screen and (max-width: 768px){.employee-hero .employee-info{display:flex;flex-direction:column}}.employee-hero .employee-info .employee-pill{position:relative;display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.25rem;min-width:240px;background-color:var(--alt-bg-color);padding:.5rem 1rem;border-radius:10px}@media screen and (max-width: 480px){.employee-hero .employee-info .employee-pill{min-width:100%}}.employee-hero .employee-info .employee-pill div{display:flex;flex-direction:column;gap:1rem;gap:.2rem}.employee-hero .employee-info .employee-pill p{letter-spacing:1px;font-size:12px}.employee-hero .employee-info .employee-pill h4{font-weight:600;font-size:14px;min-width:fit-content}.employee-hero .employee-info .employee-pill .icon{position:absolute;right:1rem;color:var(--primary);cursor:pointer;transition:.4s linear}.employee-hero .employee-info .employee-pill .icon:hover{transform:rotate(90deg) scale(1.1);transition:.4s linear}.employee-hero .employee-info .employee-pill .green{position:absolute;right:1rem;display:flex;justify-content:center;align-items:center;gap:.5rem;color:var(--secondary);font-size:1.2rem}.employee-main-info{display:flex;flex-direction:column;gap:1rem}.employee-main-info .tab-info{display:flex;flex-direction:column;gap:1rem;gap:1.5rem;padding:.5rem}@media screen and (max-width: 480px){.employee-main-info .tab-info{padding:0rem}}.employee-main-info .tab-info .preview-section{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 2rem;border:1px solid var(--border-color);border-radius:10px}@media screen and (max-width: 480px){.employee-main-info .tab-info .preview-section{padding:1rem;gap:1rem}}.employee-main-info .tab-info .preview-section .grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem}@media screen and (max-width: 1280px){.employee-main-info .tab-info .preview-section .grid{display:grid;grid-template-columns:1fr 1fr}}@media screen and (max-width: 768px){.employee-main-info .tab-info .preview-section .grid{display:flex;flex-direction:column}}.employee-main-info .tab-info .preview-section .preview-card{display:flex;flex-direction:column;gap:1rem;gap:.1rem;background-color:var(--alt-bg-color);padding:.5rem 1rem;border-radius:10px}.employee-main-info .tab-info .preview-section .preview-card p{letter-spacing:1px;font-size:12px;min-width:max-content}.employee-main-info .tab-info .preview-section .preview-card h5{font-weight:500;font-size:15px;min-width:fit-content}.employee-main-info .tab-info .preview-section .span-2{grid-column:span 2}.date-tracking{display:flex;flex-direction:column;gap:1rem}.other-info{display:flex;flex-direction:column;gap:1rem;gap:1.5rem}.other-info .tabs{position:relative;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.other-info .tabs .parent-tabs{display:flex;justify-content:center;align-items:center;border-top:1px solid var(--border-color)}.other-info .tabs .parent-tabs h4{color:var(--secondary);width:100%;padding:.65rem;text-align:center;font-weight:500;font-size:14px;letter-spacing:.5px;cursor:pointer}.other-info .tabs .children-tabs{display:flex;justify-content:center;align-items:center;justify-content:flex-start}.other-info .tabs h4.active-parent{background-color:var(--secondary);color:#fff}.other-info .tabs hr{border:none;outline:none;background-color:var(--border-color)}.other-info .tabs .hor{height:1px;width:100%}.other-info .tabs .ver{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:1px}.documents{display:flex;flex-direction:column;gap:1rem;gap:2rem}.documents .document-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;align-items:center;background-color:var(--primary-light);padding:1.5rem;border-radius:10px}.documents .document-header .btn-main{padding:.75rem 1.5rem}.documents .red{color:#8b0000}.documents .blue{color:var(--primary)}.documents .teal{color:teal}.document-modal{display:flex;flex-direction:column;gap:1rem;padding:1rem}.document-modal form{display:flex;flex-direction:column;gap:1rem}.document-modal form .upload{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;padding:2rem 0;min-height:140px;width:100%;background-color:var(--primary-light);border:2px dashed var(--border-color);border-radius:10px}.document-modal form .upload label{display:flex;justify-content:center;align-items:center;cursor:pointer;animation:scale 1s alternate infinite linear}.document-modal form .upload label span{color:var(--primary);opacity:.25;font-size:2.5rem}.document-modal form .upload .upload-info{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.4rem}.document-modal form .upload .upload-info p{color:var(--primary);opacity:.6;font-size:11px}.document-modal form .upload .upload-info p:first-child{font-size:11.5px;opacity:1}.document-modal form .upload .uploaded{display:flex;justify-content:center;align-items:center;gap:1rem}.document-modal form .upload .uploaded span{display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:var(--primary)}.document-modal form .upload .uploaded h4{font-weight:600;font-size:15px;max-width:300px}.document-modal form .upload .clear{position:absolute;top:.75rem;right:.75rem;padding:.3rem;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid red;color:red;background-color:#fceeee;font-size:.9rem;cursor:pointer}.document-modal form .error-info{color:red;margin-top:-.5rem;margin-bottom:-1rem}.doc-view{position:relative;display:flex;flex-direction:column;gap:1rem;min-width:800px;min-height:620px;max-width:800px;max-height:620px}.pdf-view{display:flex;flex-direction:column;gap:1rem;width:810px;height:620px}.pdf-view iframe{border:none;margin:0;width:810px;height:620px}.edit-employee-profile-modal{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.edit-employee-profile-modal h3{margin:0 0 .5rem}.edit-employee-profile-modal input{width:100%}.edit-employee-profile-modal .edit-type-label{font-size:14px;font-weight:400}.edit-employee-profile-modal .edit-type-label span{color:red}.edit-employee-profile-modal .edit-type-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.edit-employee-profile-modal .edit-type-container .edit-type{outline:none;background:none;border:2px solid var(--border-color);border-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5rem;min-width:232px;padding:4rem 0 5rem;font-size:16px;font-weight:600;color:var(--primary);cursor:pointer;position:relative}.edit-employee-profile-modal .edit-type-container .edit-type.disabled{opacity:.5;cursor:not-allowed}.edit-employee-profile-modal .edit-type-container .edit-type input{display:none}.edit-employee-profile-modal .edit-type-container .edit-type .icon{font-size:2rem;display:flex}.edit-employee-profile-modal .edit-type-container .edit-type:hover{background-color:var(--primary-light)}.edit-employee-profile-modal .edit-type-container .edit-type .edit-info{position:absolute;bottom:.5rem;left:0;width:100%;display:flex;gap:.25rem;padding:0 1rem}.edit-employee-profile-modal .edit-type-container .edit-type .edit-info span{display:flex;color:red;font-size:.8rem}.edit-employee-profile-modal .edit-type-container .edit-type .edit-info p{font-size:11px;text-align:center;opacity:.8}.edit-employee-profile-modal .edit-type-container .selected{border:2px solid var(--secondary);background-color:var(--secondary-light)}.edit-employee-profile-modal .edit-info-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.edit-employee-profile-modal .edit-info-container .edit-info{display:flex;gap:.5rem}.edit-employee-profile-modal .edit-info-container .edit-info span{display:flex;color:red}.edit-employee-profile-modal .edit-info-container .edit-info p{font-size:11px;opacity:.8}.edit-employee-profile-modal .error{color:red}.edit-employee-profile-modal .edit-btns{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-top:1.5rem}.edit-employee-profile-modal .edit-btns button{width:100%}.avatar-form{display:flex;flex-direction:column;gap:1rem;justify-content:space-between;align-items:center;padding:1rem;min-width:428px;min-height:428px}.avatar-form .current-avatar{max-width:320px}.avatar-form .initials-container{display:flex;justify-content:center;align-items:center;margin:auto}.avatar-form .profile-photo{display:flex;justify-content:center;align-items:center}.benefits-deductions{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.suspensions{display:flex;flex-direction:column;gap:1rem;gap:1.5rem}.suspensions .suspension-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;align-items:center;background-color:var(--primary-light);padding:1.5rem;border-radius:10px}.suspensions .suspension-header .btn-main{padding:.75rem 1.5rem}.suspension-modal{display:flex;flex-direction:column;gap:1rem}.suspension-modal .single-select .error{max-width:400px}.dependant-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem}.dependants-createModal{padding:1rem;display:flex;flex-direction:column;gap:1rem}@media screen and (max-width: 480px){.dependants-createModal{padding:1rem .3rem}}.dependants-createModal form{display:flex;flex-direction:column;gap:1rem}@media screen and (max-width: 480px){.dependants-createModal form{padding:0rem}}.dependants-createModal form label{font-size:15px}.dependants-createModal form .input-main input,.dependants-createModal form .input-main select{width:300px}@media screen and (max-width: 768px){.dependants-createModal form .input-main input,.dependants-createModal form .input-main select{width:100%}}.dependants-createModal form .form-body{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem}@media screen and (max-width: 768px){.dependants-createModal form .form-body{display:flex;flex-direction:column}}.dependants-createModal form .form-body .span_2{grid-column:span 2}.dependants-createModal form .btn-container{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}@media screen and (max-width: 480px){.dependants-createModal form .btn-container{display:flex;flex-direction:column-reverse}}.dependants-createModal form .btn-container .btn-alt,.dependants-createModal form .btn-container .btn-main{width:100%}.dependants-createModal .displayNone{display:none}.disciplinary-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;align-items:center;margin-left:15px}form{padding:0rem}.disciplinary-form h3{margin-bottom:15px}.disciplinary-form .disciplinary-top{display:flex;flex-wrap:wrap;width:100%;gap:15px}.disciplinary-form .single-selection{width:250px}@media screen and (max-width: 768px){.disciplinary-form .single-selection{width:100%}}.disciplinary-form .btn-container{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.disciplinary-form .btn-container .btn-alt,.disciplinary-form .btn-container .btn-main{width:100%}.equipment-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;margin-left:1rem}.equipment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;margin-top:1rem}@media screen and (max-width: 1280px){.equipment-form{display:flex;flex-direction:column}}.equipment-form .input-main input{width:300px;height:44px}@media screen and (max-width: 1280px){.equipment-form .input-main input{width:100%}}.equipment-form .col-span-2{grid-column:span 2/span 2}.skills .title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;align-items:center;background-color:var(--primary-light);padding:1.5rem;border-radius:10px;margin:1.5rem 0rem}.skills .title p{font-size:16px}.skills .title .btn-main{padding:.75rem 1.5rem}.create-skills{display:flex;flex-direction:column;gap:1rem}.create-skills h3{font-size:20px;font-weight:600}.create-skills .btn-div{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem}@media screen and (max-width: 480px){.create-skills .btn-div{flex-direction:column-reverse;gap:.5rem}}.create-skills .btn-div button{width:100%}.create-skills .document-placeholder{background-color:var(--secondary-light);border:.1rem dashed rgb(26,27,30);border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;height:10rem;cursor:pointer}.create-skills .document-placeholder span{font-size:2.5rem}.create-skills .document-placeholder .file-color{color:var(--primary)}.create-skills .document-input{display:none}.job-history .title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background-color:var(--primary-light);padding:1.5rem;border-radius:10px;margin:1.5rem 0rem}.job-history .title p{font-size:16px}.job-history .title .btn-main{padding:.75rem 1.5rem}.create-job-history{display:flex;flex-direction:column;gap:1rem}.create-job-history h3{font-size:20px;font-weight:600}.create-job-history .inputs-div{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media screen and (max-width: 768px){.create-job-history .inputs-div{display:flex;flex-direction:column}}.create-job-history .inputs-div select,.create-job-history .inputs-div input{min-width:20rem;width:100%}.create-job-history .full-length{grid-column:span 2}.create-job-history .full-length .colored-file{color:var(--primary)}.create-job-history .full-length .upload-text{display:inline}.create-job-history .document-placeholder{background-color:var(--secondary-light);border:.1rem dashed rgb(26,27,30);border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;height:10rem;cursor:pointer}.create-job-history .document-placeholder span{font-size:2.5rem}.create-job-history .document-placeholder .file-color{color:var(--primary)}.create-job-history .document-input{display:none}.certificate .title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;align-items:center;background-color:var(--primary-light);padding:1.5rem;border-radius:10px;margin:1.5rem 0rem}.certificate .title p{font-size:16px}.create-certificate{display:flex;flex-direction:column;gap:1rem}.create-certificate .inputs-div{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem;row-gap:.5rem}@media screen and (max-width: 768px){.create-certificate .inputs-div{display:flex;flex-direction:column}}.create-certificate .inputs-div select,.create-certificate .inputs-div input{min-width:15rem;width:100%}.create-certificate .full-length{grid-column:span 2}.create-certificate .full-length input{width:100%}.create-certificate .full-length .file-size-info{display:flex;font-size:13px;font-weight:600}.create-certificate .full-length .file-size-info span{color:red;font-size:1.1rem}.create-certificate .full-length .upload{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;padding:2rem 0;min-height:140px;width:100%;background-color:var(--primary-light);border:2px dashed var(--border-color);border-radius:10px}.create-certificate .full-length .upload label{display:flex;justify-content:center;align-items:center;cursor:pointer;animation:scale 1s alternate infinite linear}.create-certificate .full-length .upload label span{color:var(--primary);opacity:.25;font-size:2.5rem}.create-certificate .full-length .upload .upload-info{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.4rem}.create-certificate .full-length .upload .upload-info p{color:var(--primary);opacity:.6;font-size:11px}.create-certificate .full-length .upload .upload-info p:first-child{font-size:11.5px;opacity:1}.create-certificate .full-length .upload .uploaded{display:flex;justify-content:center;align-items:center;gap:1rem}.create-certificate .full-length .upload .uploaded span{display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:var(--primary)}.create-certificate .full-length .upload .uploaded h4{font-weight:600;font-size:15px;max-width:300px}.create-certificate .full-length .upload .clear{position:absolute;top:.75rem;right:.75rem;padding:.3rem;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid red;color:red;background-color:#fceeee;font-size:.9rem;cursor:pointer}.create-certificate .full-length .upload-text{display:inline}.create-certificate .document-placeholder{background-color:var(--secondary-light);border:.1rem dashed rgb(26,27,30);border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;height:10rem;cursor:pointer}.create-certificate .document-placeholder span{font-size:2.5rem}.create-certificate .document-input{display:none}.doc-view{position:relative;display:flex;flex-direction:column;gap:1rem;min-width:800px;min-height:640px;max-width:800px;max-height:640px}.doc-view .doc-view-header{max-width:max-content;padding-left:1rem}.doc-view .doc-view-icon{position:absolute;right:0;top:1.5rem;display:flex;justify-content:center;align-items:center;max-width:max-content;background-color:var(--secondary-light);color:var(--secondary);border:none;padding:.5rem;border-radius:50%;font-size:1.1rem;cursor:pointer;transition:.3s linear;animation:glitch 1.2s infinite}.doc-view .doc-view-icon:hover{transition:.3s linear}.pdf-view{display:flex;flex-direction:column;gap:1rem}.pdf-view .doc-view-header{max-width:max-content}.pdf-view iframe{border:none;margin:0;padding:0}.doc-view-icon{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;max-width:max-content;background-color:var(--secondary-light);color:var(--secondary);border:none;padding:.5rem;border-radius:50%;font-size:1.25rem;cursor:pointer;transition:.3s linear;animation:glitch 1.2s infinite}.doc-view-icon:hover{transition:.3s linear}.education .title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;align-items:center;background-color:var(--primary-light);padding:1.5rem;border-radius:10px;margin:1.5rem 0rem}.education .title p{font-size:16px}.create-education{display:flex;flex-direction:column;gap:1rem}.create-education .inputs-div{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem;row-gap:.1rem}@media screen and (max-width: 768px){.create-education .inputs-div{display:flex;flex-direction:column}}.create-education .inputs-div select,.create-education .inputs-div input{min-width:20rem;width:100%}.create-education .full-length{grid-column:span 2}.create-education .full-length input{width:100%}.create-education .full-length .file-size-info{display:flex;font-size:13px;font-weight:600;gap:.4rem}.create-education .full-length .file-size-info span{color:red;font-size:1.1rem}.create-education .full-length .upload{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;padding:2rem 0;min-height:140px;width:100%;background-color:var(--primary-light);border:2px dashed var(--border-color);border-radius:10px}.create-education .full-length .upload label{display:flex;justify-content:center;align-items:center;cursor:pointer;animation:scale 1s alternate infinite linear}.create-education .full-length .upload label span{color:var(--primary);opacity:.25;font-size:2.5rem}@keyframes scale{0%{transform:scale(1)}to{transform:scale(1.2)}}.create-education .full-length .upload .upload-info{display:flex;justify-content:center;align-items:center;flex-direction:column}.create-education .full-length .upload .upload-info p{color:var(--primary);opacity:.6;font-size:11px}.create-education .full-length .upload .upload-info p:first-child{font-size:11.5px;opacity:1}.create-education .full-length .upload .uploaded{display:flex;justify-content:center;align-items:center;gap:1rem}.create-education .full-length .upload .uploaded span{display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:var(--primary)}.create-education .full-length .upload .uploaded h4{font-weight:600;font-size:15px;max-width:300px}.create-education .full-length .upload .clear{position:absolute;top:.75rem;right:.75rem;padding:.3rem;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid red;color:red;background-color:#fceeee;font-size:.9rem;cursor:pointer}.create-education .full-length .upload-text{display:inline}.create-education .document-placeholder{background-color:var(--secondary-light);border:.1rem dashed rgb(26,27,30);border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;height:10rem;cursor:pointer}.create-education .document-placeholder span{font-size:2.5rem}.create-education .document-input{display:none}.create-education .education-form-btns{display:flex;align-items:center;gap:1rem;width:100%;margin-top:.5rem}@media screen and (max-width: 768px){.create-education .education-form-btns{flex-wrap:wrap}}.create-education .education-form-btns button{min-width:100%}.benefit-top{display:flex;justify-content:space-between;margin-bottom:1rem;padding-top:1rem}.otherBenefit-createModal{display:flex;flex-direction:column;gap:1rem}.otherBenefit-createModal .input-main input,.otherBenefit-createModal .input-main select{width:300px;margin-bottom:.5rem}.otherBenefit-createModal .form-body{display:grid;grid-template-columns:1fr;column-gap:1rem}@media screen and (min-width: 768px){.otherBenefit-createModal .form-body{grid-template-columns:1fr 1fr}}.otherBenefit-createModal .form-body .span_2{grid-column:span 1}@media screen and (min-width: 768px){.otherBenefit-createModal .form-body .span_2{grid-column:span 2}}.otherBenefit-createModal .btn-container{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.otherBenefit-createModal .btn-container .btn-alt,.otherBenefit-createModal .btn-container .btn-main,.otherBenefit-createModal .dependants-top2 .input-main select{width:100%}.payslip-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--primary-light);padding:1rem 1.5rem;border-radius:10px;column-gap:5rem}@media screen and (max-width: 1280px){.payslip-header{flex-direction:column;width:100%}}.payslip-header .w-30{width:40rem}@media screen and (max-width: 768px){.payslip-header .w-30{width:100%}}.payslip-header .mt-10{padding-top:2rem}.payslip-header .payslip{display:flex;justify-content:space-between;align-items:center;gap:1rem;align-items:start;height:100%}.payslip-header .payslip .btn-main{width:100%}@media screen and (max-width: 768px){.payslip-header .payslip{flex-direction:column}}.payslip-header .payslip .single-select{width:100%}.payslip-header .payslip .single-select .selected__control{font-size:16px;padding:.2rem 0}.payslip-header .payslip .single-select label{font-size:16px}.payslip-header .payslip .single-select .selected__menu-list{padding:0;font-size:15px}.payslip-header .payslip .multi-select{width:100%}.payslip-header .payslip .multi-select .selected__control{padding:.2rem 0;background-color:var(--secondary-light)}.payslip-header .payslip .print-div,.payslip-header .payslip button{top:30px;align-self:start;font-size:13px;padding:.85rem}.payslip-table-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-height:15rem}.payslip-table-container .payslip-table{border:2px solid var(--alt-bg-color);border-radius:8px}.payslip-table-container .payslip-table h3{padding:.5rem 1.2rem}.payslip-table-container .payslip-empty-data{grid-column:span 2/span 2}.print-payslip{display:flex;flex-direction:column;gap:1.5rem;background-color:#fff;background-image:url(/assets/payslip_bacground-2ea1d1f8.svg);background-size:80%;background-position:center;background-repeat:no-repeat;z-index:-90}.print-payslip .company-logo{display:flex;justify-content:space-between;align-items:center;background-color:#f7f9fc;padding:2rem}.print-payslip h4{font-size:16px;font-weight:500}.print-payslip .detail{padding:.2rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.print-payslip table{border-collapse:collapse;width:100%}.print-payslip td,.print-payslip th{border:1.6px solid #D4D8E2;text-align:left;padding:8px;font-size:14px;font-weight:550;width:50%}.print-payslip td span,.print-payslip th span{font-weight:450;font-size:14px}.otherDeduction-createModal{display:flex;flex-direction:column;gap:1rem}.otherDeduction-createModal .input-main input,.otherDeduction-createModal .input-main select{margin-bottom:.5rem}.otherDeduction-createModal .form-body{display:grid;grid-template-columns:1fr;column-gap:1rem}@media screen and (min-width: 768px){.otherDeduction-createModal .form-body{grid-template-columns:1fr 1fr}}.otherDeduction-createModal .form-body .span_2{grid-column:span 1}@media screen and (min-width: 768px){.otherDeduction-createModal .form-body .span_2{grid-column:span 2}}.otherDeduction-createModal .btn-container{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.otherDeduction-createModal .btn-container .btn-alt,.otherDeduction-createModal .btn-container .btn-main{width:100%}.otherDeduction-createModal .dependants-top2 .input-main select{width:100%;margin-bottom:1rem}.new-employee-exit-header{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.5rem;justify-content:space-between}.new-employee-exit .table-body .action{text-align:center}.exited-employees-view-modal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:-.5rem 0}.exited-employees-view-modal .col-span{grid-column:span 2}.exited-employees-view-modal button{font-family:Poppins,sans-serif}.exited-employees-view-modal>div:first-child{display:flex;justify-content:space-between;align-items:center}.exited-employees-view-modal>div:first-child button{height:32px;width:32px}.exited-employees-view-modal>div:not(:first-child){background-color:var(--alt-bg-color);color:var(--primary);border-radius:8px;padding:1rem}.exited-employees-view-modal>div.action{background:none;padding:0}.exited-employees-view-modal>div.action button{width:100%}.exited-employees-view-modal>div.action.note{margin-top:-1.5rem}.exited-employees-view-modal>div h5{font-size:14px;font-weight:400;margin-bottom:4px}.exited-employees-view-modal>div p{font-weight:500}.reinstate-title{margin-bottom:1rem}.employee-exit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:.75rem;column-gap:1rem;padding:-1rem}@media screen and (max-width: 768px){.employee-exit-form{display:flex;flex-direction:column}}.employee-exit-form.simple .input-main,.employee-exit-form.simple .single-select{margin-bottom:0}.employee-exit-form .col-span{grid-column:span 2}.employee-exit-form button{font-family:Poppins,sans-serif;width:100%}.employee-exit-form input{width:100%}.employee-exit-form .action{margin-top:.875rem}.reinstate-buttons{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.exit-requests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.exit-requests .table-body button{cursor:pointer}.exit-requests .table-body button.btn-link{font-family:Poppins,sans-serif}.exit-requests .table-body button.blue{color:var(--primary)}.exit-requests .table-body button.icon{background-color:transparent;border:transparent;color:var(--secondary)}.exit-requests .table-body button.icon svg{height:20px;width:20px}.exit-interviews-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.exit-interviews .table-body .actions button:last-child{color:var(--primary);background-color:var(--primary-light)}.exit-interview-modal{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.exit-interview-modal .col-span{grid-column:span 2}.exit-interview-modal>div button{width:100%;font-family:Poppins,sans-serif}.exit-interview-modal div.status{font-size:14px}.exit-clearance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.exit-clearance .table-body .actions button:last-child{color:var(--primary);background-color:var(--primary-light)}.new-clearance-modal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.new-clearance-modal .col-span{grid-column:span 2}.new-clearance-modal input{width:100%}.new-clearance-modal>div button{width:100%;font-family:Poppins,sans-serif}.report-filter-modal{background-color:#fff;border-radius:12px;display:flex;flex-direction:column;gap:12px}.report-filter-modal .action{display:flex;gap:12px;padding:0}.report-filter-modal .action button{width:50%}.lookups{display:flex;flex-direction:column;gap:1rem;padding:1rem;min-height:100%;border-radius:8px}@media screen and (min-width: 768px){.lookups{padding:2rem}}.lookups .lookups-header{display:flex;flex-direction:column;gap:1rem}.lookups .lookups-header .lookups-prompt{font-size:15px;font-weight:600}.lookups .lookups-header .select-grp{margin-top:1rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem}@media screen and (min-width: 768px){.lookups .lookups-header .select-grp{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;gap:1rem}}.lookups .lookups-header .desc{display:flex;align-items:flex-start;justify-content:flex-start;gap:.5rem}.lookups .lookups-header .desc p{opacity:.9}.lookups .lookups-container{display:flex;border:1px solid var(--border-color);border-radius:12px;min-height:450px;width:100%}.lookups .lookups-container .container-left{display:flex;flex-direction:column;gap:1rem;gap:1.5rem;padding:2rem 1rem}.lookups .lookups-container .container-left.unselected{width:100%;border-right:0}@media screen and (min-width: 768px){.lookups .lookups-container .container-left.unselected{width:auto;border-right:1px solid var(--border-color)}}.lookups .lookups-container .container-left.selected{display:none}@media screen and (min-width: 768px){.lookups .lookups-container .container-left.selected{display:block;border-right:1px solid var(--border-color)}}.lookups .lookups-container .container-left>button{display:flex;justify-content:center;align-items:center;min-width:260px;width:100%;gap:.5rem;margin:1rem 0px}.lookups .lookups-container .container-left .search-grp{width:100%;margin-bottom:1rem;display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:flex-end;gap:4px}@media screen and (min-width: 768px){.lookups .lookups-container .container-left .search-grp{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}}.lookups .lookups-container .container-left .search-grp input{min-width:144px;width:100%}@media screen and (min-width: 1280px){.lookups .lookups-container .container-left .search-grp input{min-width:260px}}.lookups .lookups-container .container-left .lookups-list{display:flex;flex-direction:column;gap:1rem}.lookups .lookups-container .container-left .lookups-list .module-group h4{font-size:15px;background-color:var(--border-color);padding:.5rem .7rem;border-radius:6px;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lookups .lookups-container .container-left .lookups-list .module-group .module-lookups{display:flex;flex-direction:column;gap:1rem;gap:0;padding:0 0 0 1rem}.lookups .lookups-container .container-left .lookups-list .module-group .module-lookups .lookup-name{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem;cursor:pointer}.lookups .lookups-container .container-left .lookups-list .module-group .module-lookups .lookup-name p{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lookups .lookups-container .container-left .lookups-list .module-group .module-lookups .lookup-name:hover,.lookups .lookups-container .container-left .lookups-list .module-group .module-lookups .active-lookup{background-color:var(--primary-light);border-radius:6px}.lookups .lookups-container .container-right{width:100%;padding:2rem 1rem}@media screen and (min-width: 768px){.lookups .lookups-container .container-right{padding:2rem}}.lookups .lookups-container .container-right .back-btn{margin-bottom:1rem}@media screen and (min-width: 768px){.lookups .lookups-container .container-right .back-btn{display:none}}.lookups .lookups-container .empty{display:flex;justify-content:center;align-items:center;width:100%;padding:2rem;display:none}@media screen and (min-width: 768px){.lookups .lookups-container .empty{display:block}}.lookup-container{height:100%}.lookup-container .filled-lookup{display:flex;flex-direction:column;gap:1rem;gap:2rem}.lookup-container .lookup-values{display:flex;flex-direction:column;gap:1rem;overflow-x:auto;width:auto}@media screen and (min-width: 768px){.lookup-container .lookup-values{width:calc(100vw - 33rem)}}@media screen and (min-width: 1024px){.lookup-container .lookup-values{width:calc(100vw - 47.5rem)}}@media screen and (min-width: 1280px){.lookup-container .lookup-values{width:calc(100vw - 51.5rem)}}.lookup-container .lookup-values .lookup-values-header{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem}@media screen and (min-width: 1280px){.lookup-container .lookup-values .lookup-values-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}}.lookup-container .lookup-values .lookup-values-header button{display:flex;justify-content:center;align-items:center;gap:.5rem}.lookup-container .lookup-values .status-field .switch{transform:scale(.5)}.lookup-container .empty-lookup{display:flex;flex-direction:column;gap:1rem;gap:2rem;justify-content:center;align-items:center;height:100%}.lookup-container .empty-lookup img{max-width:120px}@media screen and (min-width: 1024px){.lookup-container .empty-lookup img{max-width:200px}}.lookup-container .empty-lookup div{display:flex;justify-content:center;align-items:center;gap:.5rem;opacity:.8}.lookup-container .empty-lookup p{font-size:16px}.default-modal .icon{font-size:1.5rem;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#ffffbe;color:#b8860b;margin:-1rem}.default-modal p{font-size:16px;line-height:26px;text-align:center}.flexfield{display:flex;flex-direction:column;gap:2rem;height:100%;border-radius:10px;padding:1.5rem}@media screen and (max-width: 372px){.flexfield{padding:1rem 10px}}.flexfield .btn-container{display:flex}@media screen and (max-width: 372px){.flexfield .btn-container{padding:1rem 0rem;width:100%}}@media screen and (max-width: 768px){.flexfield .btn-container{flex-direction:column}}.flexfield .btn-container button{width:100%;border-radius:0;padding:1rem;font-size:16px}@media screen and (max-width: 480px){.flexfield .btn-container button{font-size:13px;padding:1rem .5rem}}.flexfield .btn-container button:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}@media screen and (max-width: 768px){.flexfield .btn-container button:first-child{border-bottom-left-radius:0;border-top-right-radius:8px}}.flexfield .btn-container button:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}@media screen and (max-width: 768px){.flexfield .btn-container button:last-child{border-top-right-radius:0;border-bottom-left-radius:8px}}.flexfield .content{padding:0 0 1rem;border:1px solid var(--border-color);border-radius:8px}.flexfield .content h3{font-weight:500;margin:1.5rem}.hr-dashboard{position:relative;display:flex;flex-direction:column;gap:1rem;padding:1rem}@media screen and (max-width: 480px){.hr-dashboard{padding:0rem}}.hr-dashboard .dashboard-cards{display:flex;align-items:center;gap:2rem;overflow-x:auto;padding-bottom:20px}.hr-dashboard .analytics{display:grid;grid-template-columns:3fr 2fr;gap:1rem}@media screen and (max-width: 1440px){.hr-dashboard .analytics{grid-template-columns:1fr}}@media screen and (max-width: 480px){.hr-dashboard .analytics{max-width:fit-content;overflow-x:auto}}.hr-dashboard .analytics img{width:48.5%}.hr-dashboard .analytics .distribution{display:flex;gap:1rem}@media screen and (max-width: 768px){.hr-dashboard .analytics .distribution{flex-direction:column}}.organizationSetup{display:flex;flex-direction:column;gap:1rem;gap:2rem;padding:1rem 2rem 4rem;border-radius:8px}@media screen and (max-width: 480px){.organizationSetup{padding:.5rem 1rem 2rem}}.organizationSetup .tab-panel{display:flex;justify-content:space-between;align-items:center;border-bottom:.5px solid var(--border-color);overflow-x:auto}.organizationSetup .tab-panel li{padding:.5rem 1rem;cursor:pointer;transition:.3s linear;white-space:nowrap}.organizationSetup .tab-panel .active{color:var(--secondary);border-bottom:2px solid var(--secondary);transition:.3s linear}.org-info{padding:1rem;border-radius:10px}@media screen and (min-width: 768px){.org-info{padding:2rem}}.org-info .tab-content{margin:1.5rem 0}.org-info button{font-family:Poppins,sans-serif}.pfa-container{display:flex;flex-direction:column;gap:1rem;gap:2rem;padding:2rem;border-radius:8px}.pfa-container .pfa-top{background-color:var(--primary-light);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem;border-radius:10px}.pfa-container .pfa-top button{padding:.8rem 2.3rem}.pfa-container .tab-detail{width:100%}.createPFAModal{display:flex;flex-direction:column;gap:1rem;border-radius:12px;padding:0 1rem}.createPFAModal form{display:flex;flex-direction:column;gap:1rem}.createPFAModal h3{font-weight:500}.createPFAModal .pfa-field{border:1px solid #e6f0f1;border-radius:10px;padding:1rem 1rem 0}.createPFAModal .pfa-field h4{font-weight:600;margin-bottom:1rem}.createPFAModal .pfa-field .pfa-field1{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media screen and (max-width: 768px){.createPFAModal .pfa-field .pfa-field1{display:block}}.createPFAModal .btn-cont{display:flex;gap:1rem;margin-top:.5rem}@media screen and (max-width: 768px){.createPFAModal .btn-cont{flex-direction:column-reverse}}.createPFAModal .btn-cont button{width:100%}.createPFAModal .accountNumbers{position:relative}.createPFAModal .accountNumbers .accountName{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:12px}.createPFAModal .accountNumbers .accountName span{font-size:.8rem;padding:.2rem;border-radius:50%;background-color:var(--secondary-light);color:var(--secondary)}.hmo-container{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;height:100%;border-radius:10px}@media screen and (max-width: 480px){.hmo-container{padding:1rem}}.bank-code-container{display:flex;flex-direction:column;gap:1rem;gap:2rem;padding:2rem;border-radius:8px}.bank-code-container .bank-code-top{background-color:var(--primary-light);display:flex;justify-content:space-between;padding:1.5rem;border-radius:10px}.bank-code-container .bank-code-top button{padding:.8rem 2.3rem}.bank-code-container .tab-detail{width:100%}.hr-reports{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin:.5rem 0}.report-details{background-color:#fff;padding:1.5rem;border-radius:16px;width:100%;max-width:calc(100vw - 360px)}.report-details .back-btn{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:16px;cursor:pointer}.report-details .back-btn button{display:flex;justify-content:center;align-items:center;background-color:var(--secondary-light);color:var(--secondary);border:1px solid var(--secondary);border-radius:6px;padding:.2rem;font-size:1.25rem;cursor:pointer;transition:.5s linear}.report-details .back-btn button:hover{transform:scale(1.1);transition:.5s linear}.report-details .back-btn p{opacity:.8;color:var(--secondary)}.report-details header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.report-details header h2{flex:1;font-size:18px;font-weight:700;text-transform:capitalize}.employees-container{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.employees-container .dashboard-cards{display:flex;align-items:center;gap:2rem;overflow-x:auto;padding-bottom:1rem}.employees-container .employees{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border-radius:10px}.employees-container .employees .table-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--primary-light);border-radius:10px}.employee-status{display:flex;flex-direction:column;gap:1rem}.employee-status form{display:flex;flex-direction:column;gap:1rem;gap:.25rem}.employee-status .stacked-btns{margin-top:1rem}.bulk-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.bulk-details .col-span-2{grid-column:span 2}.bulk-details .title{font-weight:500;color:#6c757d;font-size:14px;margin-bottom:4px}.bulk-details .value{border:1px solid var(--border-color);border-radius:.25rem;font-weight:500;font-size:14px;padding:.75rem;color:var(--primary);display:flex;justify-content:space-between}@media screen and (min-width: 768px){.bulk-details .value{font-size:1rem}}.employee-profile{display:flex;flex-direction:column;gap:1rem;gap:2rem;padding:2rem 1.5rem;border-radius:10px;height:100%}@media screen and (max-width: 480px){.employee-profile{padding:1rem;gap:1rem}}.employee-profile .employee-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.employee-profile .employee-actions .back-btn{display:flex;justify-content:center;align-items:center;gap:.5rem}.employee-profile .employee-actions .back-btn button{display:flex;justify-content:center;align-items:center;background-color:var(--secondary-light);color:var(--secondary);border:1px solid var(--secondary);border-radius:6px;padding:.2rem;font-size:1.25rem;cursor:pointer;transition:.5s linear}.employee-profile .employee-actions .back-btn button:hover{transform:scale(1.1);transition:.5s linear}.employee-profile .employee-actions .back-btn p{opacity:.8;color:var(--secondary)}.employee-profile .employee-actions .btn-main{min-width:156px}.employee-profile .profile-section{display:flex;flex-direction:column;gap:1rem;gap:1.5rem;padding:1rem 1rem 2rem;border-radius:12px}.employee-profile .profile-section .profile-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.employee-profile .profile-section .profile-header .effective-date{display:flex;justify-content:center;align-items:center;gap:1rem;padding:.65rem 1rem;border-radius:8px;font-weight:600;letter-spacing:.5px;text-align:center;min-width:max-content;background-color:var(--primary-light);color:var(--primary);border:1px solid var(--border-color);font-weight:500;cursor:pointer}@media screen and (max-width: 480px){.employee-profile .profile-section .profile-header .effective-date{flex-direction:column}}.employee-profile .profile-section .profile-header .effective-date:hover{border:1px solid var(--primary)}.employee-profile .profile-section .profile-header .effective-date .view-date{opacity:.8;font-size:15px;font-weight:500}.employee-profile .profile-section .profile-header .effective-date span{display:flex;align-items:flex-start;gap:.75rem;font-weight:600}.employee-profile .profile-section .profile-header .effective-date span img{max-width:18px}.employee-creation{display:flex;flex-direction:column;gap:1rem;gap:2rem;padding:2rem;border-radius:10px}@media screen and (max-width: 768px){.employee-creation{padding:1rem;gap:1rem}}.employee-creation form{display:flex;flex-direction:column;gap:1rem}@media screen and (max-width: 480px){.employee-creation form{padding:0rem}}.employee-creation form input,.employee-creation form select,.employee-creation form textarea{width:100%}.employee-creation form .employee-form-step{display:flex;flex-direction:column;gap:1rem;gap:1.5rem;padding:1rem 4rem}@media screen and (max-width: 1280px){.employee-creation form .employee-form-step{padding:0rem}}.employee-creation form .employee-preview{display:flex;flex-direction:column;gap:1rem;gap:1.5rem;padding:1rem 2rem}@media screen and (max-width: 1280px){.employee-creation form .employee-preview{padding:0rem}}.employee-creation h4{font-weight:600}.employee-creation .employee-form-preview{display:flex;flex-direction:column;gap:1rem;gap:1.5rem}.employee-creation .employee-form-preview .profile-photo{display:flex;flex-direction:column;gap:1rem}.employee-creation .employee-form-preview .profile-photo img{max-width:160px;border-radius:50%}.employee-creation .employee-form-preview .preview-section{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 2rem;border:1px solid var(--border-color);border-radius:10px}@media screen and (max-width: 768px){.employee-creation .employee-form-preview .preview-section{padding:1rem;gap:1rem}}.employee-creation .employee-form-preview .preview-section .grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem}@media screen and (max-width: 1280px){.employee-creation .employee-form-preview .preview-section .grid{display:grid;grid-template-columns:1fr 1fr}}@media screen and (max-width: 768px){.employee-creation .employee-form-preview .preview-section .grid{display:flex;flex-direction:column}}.employee-creation .employee-form-preview .preview-section .preview-card{display:flex;flex-direction:column;gap:1rem;gap:.1rem;background-color:var(--alt-bg-color);padding:.5rem 1rem;border-radius:10px}.employee-creation .employee-form-preview .preview-section .preview-card p{letter-spacing:1px;font-size:12px;min-width:max-content}.employee-creation .employee-form-preview .preview-section .preview-card h5{font-weight:500;font-size:15px;min-width:fit-content}.employee-creation .employee-form-preview .preview-section .span-2{grid-column:span 2}.employee-creation .employee-form-preview .payment-type{grid-column:span 2;display:flex;flex-direction:column;gap:1rem;gap:.1rem;background-color:var(--alt-bg-color);padding:.5rem 1rem;border-radius:10px;min-width:max-content}.employee-creation .employee-form-preview .payment-type p{letter-spacing:1px;font-size:12px;min-width:max-content}.employee-creation .employee-form-preview .payment-type h5{font-weight:500;font-size:15px;min-width:max-content}.employee-creation .form-btns{margin-top:1rem}.employee-creation .create-error{display:flex;justify-content:center;align-items:center;gap:.5rem;color:red;margin-top:-1rem;padding:0 2rem}.employee-exit{padding:2rem;border-radius:10px}.employee-exit .tab-content{margin:1.5rem 0}.employee-exit button{font-family:Poppins,sans-serif}.gradeCategories{display:flex;flex-direction:column;gap:1rem;height:100%}.gradeCategories .title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:2rem;border-radius:8px}@media screen and (max-width: 480px){.gradeCategories .title{padding:1rem}}@media screen and (max-width: 372px){.gradeCategories .title .btn-main{padding:.75rem .5rem}}.gradeCategories .title p{font-size:16px}.category-modal{display:flex;flex-direction:column;gap:1rem}.category-modal .btn-div{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.category-modal .btn-div{display:flex;justify-content:space-between;align-items:center;gap:1rem}.category-modal .btn-div button{width:100%}.hr_payroll{display:flex;flex-direction:column;gap:1rem;justify-content:space-between;gap:2rem;width:100%;padding:1rem;border-radius:8px}.hr_payroll h3{z-index:10}.hr_payroll p{color:var(--secondary);font-size:16px;padding-left:8px}@media screen and (max-width: 768px){.hr_payroll p{position:relative;bottom:1.5rem}}.hr_payroll .header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:0rem;z-index:1}.grade{display:flex;flex-direction:column;gap:1rem}.grade .action{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:2rem;border-radius:8px}@media screen and (max-width: 372px){.grade .action{padding:1rem}}.grade .info{display:flex;justify-content:space-between;align-items:center}.grade .accordion{display:flex;flex-direction:column;gap:1rem}.grade-modal{display:flex;flex-direction:column;gap:1rem;padding:.5rem}.grade-modal select{width:100%}.grade-modal .btn-div{display:flex;justify-content:space-between;align-items:center;gap:1rem}.grade-modal .btn-div button{width:100%}.step{display:flex;flex-direction:column;gap:1rem}.step .action{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:2rem;border-radius:8px}@media screen and (max-width: 372px){.step .action{padding:1rem}}.step .info{display:flex;justify-content:space-between;align-items:center}.step .accordion{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.step-modal{display:flex;flex-direction:column;gap:1rem;gap:0;padding:1rem}.step-modal select{width:100%}.step-modal .amount{display:flex;justify-content:space-between;align-items:center;background-color:var(--secondary-light);border:1px solid var(--border-color);border-radius:6px;padding:0rem .5rem}.step-modal .amount input{border:none;width:100%}.step-modal .amount span{padding-top:.48rem;font-size:20px}.step-modal .btn-div{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem}.step-modal .btn-div button{width:100%}.grade-table{display:flex;flex-direction:column;gap:1rem}.grade-table .btn-div{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.grade-table .btn-div button{width:100%}.flat .title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin:1rem 0 0;background-color:var(--primary-light);padding:2rem;border-radius:8px}@media screen and (max-width: 480px){.flat .title{padding:1rem}}@media screen and (max-width: 372px){.flat .title .btn-main{padding:.75rem .5rem}}.flat-modal .inputs-div{display:flex;flex-direction:column;gap:1rem}.flat-modal .inputs-div select{width:100%}.flat-modal .amount{display:flex;justify-content:space-between;align-items:center;background-color:var(--secondary-light);border:1px solid var(--border-color);border-radius:6px;padding:0rem .5rem}.flat-modal .amount input{border:none;width:100%}.flat-modal .amount span{padding-top:.48rem;font-size:20px}.flat-modal .btn-div{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem}.flat-modal .btn-div button{width:100%}.step-table{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.step-table .amount{display:flex;justify-content:space-between;align-items:center;background-color:var(--secondary-light);border:1px solid var(--border-color);border-radius:6px;padding:0rem .5rem}.step-table .amount input{border:none;width:100%}.step-table .amount span{padding-top:.48rem;font-size:20px}.step-table .btn-div{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.step-table .btn-div button{width:100%}.element-actions{position:relative}.view-hidden,.element-link-details{position:fixed;display:flex;flex-direction:column;gap:1rem;padding:1.5rem 2.5rem;width:600px;top:6.25rem;bottom:0;box-shadow:-2px 0 5px #0003;transition:right .5s ease}.view-hidden .header-container,.element-link-details .header-container{position:relative}.view-hidden .header-container button,.element-link-details .header-container button{position:absolute;display:flex;justify-content:center;align-items:center;max-width:max-content;background-color:var(--secondary-light);color:var(--secondary);border:none;padding:.5rem;border-radius:50%;font-size:1rem;cursor:pointer;transition:.3s linear;animation:glitch 1.2s infinite}.view-hidden .header-container button:hover,.element-link-details .header-container button:hover{transition:.3s linear}.view-hidden .header-container .details-header,.element-link-details .header-container .details-header{background-color:var(--primary);color:#fff;padding:.5rem;text-align:center;font-size:16px;font-weight:600;letter-spacing:1px}.view-hidden .scrollbar,.element-link-details .scrollbar{max-height:520px;overflow-y:auto;box-sizing:border-box;scroll-behavior:smooth;scrollbar-color:var(--border-color)}.view-hidden .scrollbar::-webkit-scrollbar,.element-link-details .scrollbar::-webkit-scrollbar{scroll-behavior:smooth}.view-hidden .scrollbar::-webkit-scrollbar-thumb,.element-link-details .scrollbar::-webkit-scrollbar-thumb{background-color:var(--border-color)}.view-hidden .detail-list,.element-link-details .detail-list{display:grid;grid-template-columns:1fr 1fr}.view-hidden .detail-list div,.element-link-details .detail-list div{display:flex;flex-direction:column;gap:1rem;gap:.1rem;padding:.5rem 1rem}.view-hidden .detail-list div p,.element-link-details .detail-list div p{min-width:fit-content;font-size:12px;letter-spacing:1px}.view-hidden .detail-list div h4,.element-link-details .detail-list div h4{min-width:fit-content;font-weight:500;font-size:14px}.view-hidden .detail-list .top,.element-link-details .detail-list .top{border-top:1px solid var(--border-color)}.view-hidden .detail-list .left,.element-link-details .detail-list .left{border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color)}.view-hidden .detail-list .right,.element-link-details .detail-list .right{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.view-hidden .element-link-btns,.element-link-details .element-link-btns{display:flex;justify-content:center;align-items:center;gap:1rem}.view-hidden .element-link-btns button,.element-link-details .element-link-btns button{display:flex;justify-content:center;align-items:center;padding:.6rem;border:none;border-radius:50%;font-size:1rem;cursor:pointer}.view-hidden .element-link-btns button:first-child,.element-link-details .element-link-btns button:first-child{background-color:var(--secondary-light);color:var(--secondary)}.view-hidden .element-link-btns button:last-child,.element-link-details .element-link-btns button:last-child{background-color:#fceeee;color:red}.element-link-details{right:0}.create-element{display:flex;flex-direction:column;gap:1rem;padding:0 1rem}.create-element form .step{display:flex;flex-direction:column;gap:1rem;gap:.25rem;max-height:486px;overflow-y:auto;box-sizing:border-box;scroll-behavior:smooth;scrollbar-color:var(--border-color)}.create-element form .step::-webkit-scrollbar{scroll-behavior:smooth;visibility:hidden}.create-element form .step::-webkit-scrollbar:hover{visibility:visible}.create-element form .step::-webkit-scrollbar-thumb{background-color:var(--border-color);visibility:hidden}.create-element form .step::-webkit-scrollbar-thumb:hover{visibility:visible}.create-element form .input-main input,.create-element form .input-main select,.create-element form .input-main textarea{width:100%}.create-element form label{font-size:15px;letter-spacing:.5px}.create-element form p{max-width:100%}.create-element form .radio-input .space{gap:1.5rem}.create-element form .space-out{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.create-element form .space-out{grid-template-columns:1fr 1fr}}@media (min-width: 640px){.create-element form .space-out p{max-width:324px}}.create-element form .space-in{display:flex;gap:1.25rem;flex-direction:column}@media (min-width: 640px){.create-element form .space-in{flex-direction:row}}.create-element form .space-in>div{width:100%}.create-element form .multi-select{width:100%}.create-element .element-btns{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:1rem}.create-element .element-btns button{width:100%}.create-element-link{display:flex;flex-direction:column;gap:1rem;padding:0 1rem}.create-element-link .is_hmo{display:flex;align-items:center;gap:.5rem;opacity:.8}.create-element-link .is_hmo span{color:red}.create-element-link form .step{display:flex;flex-direction:column;gap:1rem;gap:.25rem;max-height:500px;overflow-y:auto;box-sizing:border-box;scroll-behavior:smooth;scrollbar-color:var(--border-color)}.create-element-link form .step::-webkit-scrollbar{scroll-behavior:smooth;visibility:hidden}.create-element-link form .step::-webkit-scrollbar:hover{visibility:visible}.create-element-link form .step::-webkit-scrollbar-thumb{background-color:var(--border-color);visibility:hidden}.create-element-link form .step::-webkit-scrollbar-thumb:hover{visibility:visible}.create-element-link form .hmo_step{display:flex;flex-direction:column;gap:1rem;gap:.25rem}.create-element-link form input{width:100%}.create-element-link form label{font-size:15px;letter-spacing:.5px}.create-element-link form p{max-width:100%}.create-element-link form .space-out{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.create-element-link form .space-out{grid-template-columns:1fr 1fr}}.create-element-link form .space-out .col-span-2{grid-column:span 1/span 1}@media (min-width: 640px){.create-element-link form .space-out .col-span-2{grid-column:span 2/span 2}}.create-element-link form .space-in{display:flex;gap:1rem}.create-element-link form .space-in>div{width:100%}.create-element-link form .assignment-information{padding:1rem;margin:.5rem 0;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:1rem}.create-element-link form .assignment-information h4{min-width:fit-content;font-weight:500}.create-element-link form .assignment-information .inner-div{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem}.create-element-link form .assignment-information .inner-div select{min-width:307px}.create-element-link form .displayNone{display:none}.create-element-link .element-link-btns{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:1.5rem}.create-element-link .element-link-btns button{width:100%}.deduction-createModal{display:flex;flex-direction:column;gap:1rem;padding:.5rem}.deduction-createModal .subtitle{margin-top:-.75rem;opacity:.8;display:flex;align-items:center;gap:.5rem}.deduction-createModal .subtitle span{color:red}.deduction-createModal form{display:flex;flex-direction:column;gap:1rem;gap:0;width:100%}.deduction-createModal form input{width:100%}.deduction-createModal form label{font-size:14px}.deduction-createModal form .radio-grp-border{padding:.65rem .5rem}.deduction-createModal form .grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.deduction-createModal form .accountNumbers{position:relative}.deduction-createModal form .accountNumbers .accountName{position:absolute;top:.75rem;right:0;display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:12px}.deduction-createModal form .accountNumbers .accountName span{font-size:.8rem;padding:.2rem;border-radius:50%;background-color:var(--secondary-light);color:var(--secondary)}.deduction-createModal form .numbering,.deduction-createModal form .delete-method{position:absolute;display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:50%}.deduction-createModal form .delete-method{top:0;right:0;transform:translate(50%,-50%);background-color:#fceeee;color:red;font-size:1.25rem;cursor:pointer;transition:.4s linear}.deduction-createModal form .delete-method:hover{transform:translate(50%,-50%) scale(1.1);transition:.4s linear}.deduction-createModal form .numbering{bottom:0;left:0;z-index:9;transform:translate(-50%,50%);background-color:var(--primary-light);color:var(--primary);width:36px;height:36px;font-weight:600}.deduction-createModal form .method-group{position:relative;display:grid;grid-template-columns:1fr 1fr;row-gap:.5rem;column-gap:2rem;padding:1rem;border:1px solid var(--border-color);border-radius:10px;transition:.5s linear}.deduction-createModal form .method-group{right:0}.deduction-createModal form .slide{right:-2000px}.deduction-createModal form .btn-link{max-width:fit-content;align-self:flex-end;margin-top:-.5rem}.deduction-createModal form .btn-container{display:flex;gap:1rem;margin-top:1.5rem;width:100%}@media screen and (max-width: 1024px){.deduction-createModal form .btn-container{flex-direction:column-reverse}}.deduction-createModal form .btn-container button{width:100%}.deduction-createModal .accounts-table{margin-top:.5rem;display:flex;flex-direction:column;gap:1rem;max-height:320px;overflow-y:auto;box-sizing:border-box;scroll-behavior:smooth;scrollbar-color:var(--border-color)}.deduction-createModal .accounts-table::-webkit-scrollbar{scroll-behavior:smooth}.deduction-createModal .accounts-table::-webkit-scrollbar-thumb{background-color:var(--border-color)}.deduction-createModal .accounts-table p{display:flex;align-items:center;gap:.5rem;opacity:.9}.massPayrollSection{display:flex;flex-direction:column;gap:1rem;gap:2rem}.massPayrollSection .process-form{padding:0 .2rem}.massPayrollSection .process-form .items{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.massPayrollSection .process-form .items input,.massPayrollSection .process-form .items .input-field,.massPayrollSection .process-form .items .single-select{width:100%}.massPayrollSection .process-form .action-btns .form-btns{display:flex;justify-content:space-between;align-items:center}.payrollRunLog .table-body{padding:0}.payrollRunLog .table-body .payrunStatus{border-radius:6px;padding:.4rem;text-align:center;text-transform:capitalize;min-width:100px;display:inline-block}.payrollRunLog .table-body .payrunStatus.completed{background-color:#efe;color:#4baa79}.payrollRunLog .table-body .payrunStatus.failed{background-color:#fceeee;color:red}.payrollRunLog .table-body .payrunStatus.pending,.payrollRunLog .table-body .payrunStatus.progress{background-color:#ffffbe;color:#aa1}.payrollRunLog .viewDetails{text-decoration:underline;color:var(--secondary);cursor:pointer}.payrollRunLog .payrollStatus{border-radius:5px;text-transform:capitalize}.payrollRunLog .payrollStatus .completed{width:100%;color:#4baa79}.payrollRunLog .payrollStatus .pending{color:var(--primary)}.payrollRunLog .moreActions{color:var(--secondary);cursor:pointer}.payrollRunLog .payroll-dropdown-item-icon{font-size:24px}.element-link-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0003}.scrollbar{max-height:520px;overflow-y:auto;box-sizing:border-box;scroll-behavior:smooth;scrollbar-color:var(--border-color)}.scrollbar::-webkit-scrollbar{scroll-behavior:smooth}.scrollbar::-webkit-scrollbar-thumb{background-color:var(--border-color)}.element-link-details,.view-hidden{position:fixed;display:flex;flex-direction:column;gap:1rem;padding:2.5rem 1.25rem 1rem;top:5rem;bottom:0;box-shadow:-2px 0 5px #0003;transition:right .5s ease;width:100%;max-width:600px}@media screen and (min-width: 1280px){.element-link-details,.view-hidden{padding:3rem 1.25rem 1rem}}.element-link-details .header-container,.view-hidden .header-container{position:relative}.element-link-details .header-container button,.view-hidden .header-container button{position:absolute;display:flex;justify-content:center;align-items:center;max-width:max-content;background-color:var(--secondary-light);color:var(--secondary);border:none;padding:.5rem;border-radius:50%;font-size:1rem;cursor:pointer;transition:.3s linear;animation:glitch 1.2s infinite}.element-link-details .header-container button:hover,.view-hidden .header-container button:hover{transition:.3s linear}.element-link-details .header-container .details-header,.view-hidden .header-container .details-header{background-color:var(--primary);color:#fff;padding:.5rem;text-align:center;font-size:16px;font-weight:600;letter-spacing:1px}.element-link-details .detail-list,.view-hidden .detail-list{display:grid;grid-template-columns:1fr}@media screen and (min-width: 768px){.element-link-details .detail-list,.view-hidden .detail-list{grid-template-columns:1fr 1fr}}.element-link-details .detail-list div,.view-hidden .detail-list div{display:flex;flex-direction:column;gap:1rem;gap:.1rem;padding:.5rem 1rem}.element-link-details .detail-list div p,.view-hidden .detail-list div p{min-width:fit-content;font-size:12px;letter-spacing:1px}.element-link-details .detail-list div h4,.view-hidden .detail-list div h4{min-width:fit-content;font-weight:500;font-size:14px;display:flex}.element-link-details .detail-list div button,.view-hidden .detail-list div button{margin-left:auto}.element-link-details .detail-list .top,.view-hidden .detail-list .top{border-top:1px solid var(--border-color)}.element-link-details .detail-list .left,.view-hidden .detail-list .left{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}@media screen and (min-width: 768px){.element-link-details .detail-list .left,.view-hidden .detail-list .left{border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color)}}.element-link-details .detail-list .right,.view-hidden .detail-list .right{border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color)}.element-link-details .detail-list .right.top,.view-hidden .detail-list .right.top{border-top:0}@media screen and (min-width: 768px){.element-link-details .detail-list .right.top,.view-hidden .detail-list .right.top{border-top:1px solid var(--border-color)}}@media screen and (min-width: 768px){.element-link-details .detail-list .right,.view-hidden .detail-list .right{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}}.element-link-details .element-link-btns,.view-hidden .element-link-btns{display:flex;justify-content:center;align-items:center;gap:1rem}.element-link-details .element-link-btns button,.view-hidden .element-link-btns button{display:flex;justify-content:center;align-items:center;padding:.6rem;border:none;border-radius:50%;font-size:1rem;cursor:pointer}.element-link-details .element-link-btns button:first-child,.view-hidden .element-link-btns button:first-child{background-color:var(--secondary-light);color:var(--secondary)}.element-link-details .element-link-btns button:last-child,.view-hidden .element-link-btns button:last-child{background-color:#fceeee;color:red}.element-link-details{right:0;z-index:1001}.view-hidden{right:-610px}.displayNone{display:none}.no-scroll{overflow:hidden}.details-table{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.details-table .detail-item{outline:.5px solid var(--border-color);padding:.5rem 1rem;display:flex;flex-direction:column;gap:1rem;gap:.3rem}.details-table .detail-item .label{min-width:fit-content;font-size:12px;letter-spacing:1px}.details-table .detail-item .value{min-width:fit-content;font-weight:500;font-size:14px}.details-table .detail-item .status,.details-table .detail-item .extra{color:var(--secondary)!important}.details-table .detail-item .extra{cursor:pointer;text-decoration:underline}.payroll-run-modal{display:flex;flex-direction:column;gap:1rem}.payroll-run-modal .table-header{display:flex;justify-content:space-between;align-items:center;background:var(--alt-bg-color);padding:.75rem;gap:3rem}.organisationPayrollSection{display:flex;flex-direction:column;gap:1rem;gap:2rem}.organisationPayrollSection .process-form{padding:0 .2rem}.organisationPayrollSection .process-form .items{display:grid;grid-template-columns:1fr;gap:.7rem 2rem;justify-content:center}@media screen and (min-width: 768px){.organisationPayrollSection .process-form .items{grid-template-columns:1fr 1fr}}.organisationPayrollSection .process-form .items .col-span-2{grid-column:span 1/span 1}@media (min-width: 640px){.organisationPayrollSection .process-form .items .col-span-2{grid-column:span 2/span 2}}.organisationPayrollSection .process-form .items .search-field{margin-bottom:.3rem;width:100%}.organisationPayrollSection .process-form .items .search-field .group>span{font-size:14px;opacity:.8}.organisationPayrollSection .process-form .items .search-field .group-buttons{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}.organisationPayrollSection .process-form .items .search-field .group-btn{padding:6px 12px;font-weight:14px;background-color:#e0e0e0;color:var(--primary);font-weight:500;border-radius:4px;cursor:pointer;font-family:Poppins,sans-serif}.organisationPayrollSection .process-form .items .search-field .group-btn.active{background-color:var(--primary);color:var(--bg-color)}.organisationPayrollSection .process-form .items .search-field .search-select-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:1rem}@media screen and (max-width: 768px){.organisationPayrollSection .process-form .items .search-field .search-select-container{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;gap:.5rem}}.organisationPayrollSection .process-form .items .search-field .search-select-container .selected-emp{text-align:right;font-size:14px;opacity:.8}.organisationPayrollSection .process-form .items .search-field .search-select .select-container{min-width:unset}.organisationPayrollSection .process-form .items .single-select,.organisationPayrollSection .process-form .items .input-field,.organisationPayrollSection .process-form .items input{width:100%}.organisationPayrollSection .process-form .action-btns .form-btns{display:flex;justify-content:space-between;align-items:center;gap:1rem}.organisationPayrollReversalContainer{display:flex;flex-direction:column;gap:1rem;gap:2rem}.organisationPayrollReversalContainer .process-form{padding:0 .2rem}.organisationPayrollReversalContainer .process-form .form-content{display:flex;flex-direction:column;gap:1rem}.organisationPayrollReversalContainer .process-form .form-content .items{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.organisationPayrollReversalContainer .process-form .form-content .items .search-select-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:1rem}@media screen and (max-width: 768px){.organisationPayrollReversalContainer .process-form .form-content .items .search-select-container{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;gap:1rem}}.organisationPayrollReversalContainer .process-form .form-content .items .search-select-container .emp-selected{text-align:right;font-size:14px;opacity:80%}.organisationPayrollReversalContainer .process-form .form-content .items .row-select{z-index:1}.organisationPayrollReversalContainer .process-form .form-content .items .input-field{width:100%}.organisationPayrollReversalContainer .process-form .form-content .items .single-select{width:100%;z-index:9}.organisationPayrollReversalContainer .process-form .form-content .action-btns .form-btns{display:flex;justify-content:space-between;align-items:center}.paygroupSummaryFilter{display:flex;flex-direction:column;gap:1rem;gap:.25rem;min-width:400px}.paygroupSummaryFilter .filter-form{padding:0 .2rem;display:flex;flex-direction:column;gap:1rem;gap:.5rem}.paygroupSummaryFilter .filter-form .filter-form-column{display:grid;grid-template-columns:repeat(2,350px);gap:.7rem 2rem;justify-content:center}.paygroupSummaryFilter .filter-form .action-btns .form-btns{display:flex;justify-content:space-between;align-items:center}.initiate-payment{display:flex;flex-direction:column;gap:1rem}.initiate-payment .table-header{background-color:var(--primary-light);justify-content:flex-start}.initiate-payment .table-body{padding:1rem 0}.initiate-payment .table-body .actionText{text-decoration:underline;color:var(--secondary);cursor:pointer}.make-payment,.make-payment .payment-form-section{display:flex;flex-direction:column;gap:1rem;gap:2rem}.make-payment .payment-otp .btn-main{width:100%}.make-payment .payment-otp .resend-text{align-self:center}.make-payment .payment-otp .resend-text .resend-action{color:var(--secondary);font-weight:600;text-decoration:none;cursor:pointer;margin-left:4px}.make-payment .payment-method-selection{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;width:100%}.make-payment .payment-method-selection .single-select,.make-payment .payment-method-selection .api-key,.make-payment .action-btns{width:100%}.payment-status{display:flex;flex-direction:column;gap:1rem}.payment-status .table-header{background-color:var(--primary-light);justify-content:flex-start}.payment-status .table-body{padding:1rem 0}.payment-status .table-body .actionText{text-decoration:underline;color:var(--secondary);cursor:pointer}.payment-status-details{padding:2rem;border-radius:10px;display:flex;flex-direction:column;gap:1rem}.payment-status-details .back-btn{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:16px;cursor:pointer;width:fit-content}.payment-status-details .back-btn button{display:flex;justify-content:center;align-items:center;background-color:var(--secondary-light);color:var(--secondary);border:1px solid var(--secondary);border-radius:6px;padding:.2rem;font-size:1.25rem;cursor:pointer;transition:.5s linear}.payment-status-details .back-btn button:hover{transform:scale(1.1);transition:.5s linear}.payment-status-details .back-btn p{opacity:.8;color:var(--secondary)}.payment-status-details .table-header{background:var(--primary-light);justify-content:flex-end;gap:1rem}.payment-status-details .table-body{padding:0}.payment-status-details .table-cta-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:2rem}.payment-status-details .table-cta-wrapper>*{min-width:100%}.payment-status-details .detail-list{display:grid;grid-template-columns:1fr 1fr}.payment-status-details .detail-list div{display:flex;flex-direction:column;gap:1rem;gap:.1rem;padding:.5rem 1rem}.payment-status-details .detail-list div p{min-width:fit-content;font-size:12px;letter-spacing:1px}.payment-status-details .detail-list div h4{min-width:fit-content;font-weight:500;font-size:14px}.payment-status-details .detail-list .top{border-top:1px solid var(--border-color)}.payment-status-details .detail-list .left{border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color)}.payment-status-details .detail-list .right{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.payment-status-details .details{margin-bottom:.5rem}.payment-status-details .details table{width:100%;border-collapse:collapse;border:1px solid var(--border-color);table-layout:fixed}.payment-status-details .details table td{padding:1rem 1.5rem;border:1px solid var(--border-color);font-size:14px}.payment-status-details .details table td p{color:#414141b3;text-transform:uppercase}.payment-status-details .details table td h5{font-size:14px;font-weight:500}.remit-form-modal{display:flex;flex-direction:column;gap:1rem}.remit-form-modal .form-body{display:grid;grid-template-columns:1fr;gap:.5rem}.remit-form-modal .form-body input{width:100%}.remit-form-modal p.error-msg{background-color:#fceeee;color:red;font-size:14px;padding:.5rem 1rem;font-weight:500;border-radius:.5rem}.remit-form-modal .select-account-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.paygroup-container{padding:2rem;border-radius:8px;min-height:100%;display:flex;flex-direction:column;gap:1rem}.paygroup-container .paygroup-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:2rem;margin:2rem 0 .5rem;border-radius:8px;background-color:var(--primary-light)}@media screen and (max-width: 1280px){.paygroup-container .paygroup-top{justify-content:center}}.paygroup-createModal{position:relative;padding:1rem;display:flex;flex-direction:column;gap:1rem}.paygroup-createModal .paygroup-info{display:flex;gap:.5rem;opacity:.6}.paygroup-createModal form{display:flex;flex-direction:column;gap:1rem;gap:.5rem}.paygroup-createModal form label{font-size:15px}.paygroup-createModal form input,.paygroup-createModal form select{min-width:100%}.paygroup-createModal form .btn-container{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}@media screen and (max-width: 480px){.paygroup-createModal form .btn-container{flex-direction:column-reverse}}.paygroup-createModal form .btn-container .btn-alt,.paygroup-createModal form .btn-container .btn-main{width:100%}.paygroup-createModal .displayNone{display:none}.pay-option{display:flex;flex-direction:column;max-width:65rem;padding:2rem;gap:1rem}@media screen and (max-width: 480px){.pay-option{padding:1rem}}.pay-option .form-div{display:grid;grid-template-columns:1fr 1fr;row-gap:.5rem;column-gap:2rem;padding:2rem 1.5rem;border-radius:5px;border:1px solid var(--border-color)}@media screen and (max-width: 768px){.pay-option .form-div{display:flex;flex-direction:column;padding:1.5rem 1rem}}.pay-option .form-div input,.pay-option .form-div select{width:100%}.pay-option .apply-btn{display:flex;justify-content:space-between;align-items:center;justify-content:end;margin-top:3rem}.pay-option .apply-btn .btn-main{width:15rem;height:3rem;font-size:16px}.tax-mgt{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;height:100%;border-radius:10px}@media screen and (max-width: 480px){.tax-mgt{padding:1rem}}.tax-top{display:flex;flex-direction:column;gap:1rem;padding:1rem 2rem 0 0}@media screen and (max-width: 768px){.tax-top{padding:0rem}}.tax-top h2{text-wrap:nowrap}.tax-top .tax-container .row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media screen and (max-width: 768px){.tax-top .tax-container .row{display:flex;flex-direction:column}}.tax-top .tax-container .row .col-6{width:100%;padding:1rem;border-radius:8px}.tax-top .tax-container .row .col-6 h4{margin-bottom:1rem}.tax-top .tax-container .row .col-6 .active{display:flex}.tax-top .tax-container .row .col-6 .radio{display:flex;gap:1rem}.tax-top .tax-container .row .col-6 .status{padding:.5rem}.tax-top .tax-container .row .col-6 .status span{font-size:.875rem;font-style:normal;font-weight:500;color:var(--primary-40-tint, #818da9)}.tax-top .tax-container .row .left-side{display:flex;flex-direction:column;height:100%;padding-bottom:2.5rem}.tax-top .tax-container .row .left-side .btn-main{margin-top:1.5rem;width:100%}.tax-top .tax-container .row .important-note{margin-top:1rem}.tax-top .tax-container .row .statusFiled-container{display:flex;flex-direction:column;gap:1rem;gap:0}.tax-top .tax-container .row .statusFiled{display:flex;justify-content:center;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:2rem;width:100%;padding:.75rem 0;border-bottom:1px solid var(--alt-bg-color)}@media screen and (max-width: 768px){.tax-top .tax-container .row .statusFiled{flex-direction:row;gap:.5rem}}.tax-top .tax-container .row .statusFiled:last-child{border-bottom:none}.tax-top .tax-container .row .statusFiled:nth-child(2){border-bottom:1px solid var(--alt-bg-color)}.tax-top .tax-container .row .statusFiled p{min-width:max-content}@media screen and (max-width: 768px){.tax-top .tax-container .row .statusFiled p{min-width:revert}}.tax-top .tax-container .row .statusFiled .title{min-width:138px}.tax-top .tax-container .row .statusFiled .input-main{margin-bottom:0;gap:0}.tax-top .tax-container .row .statusFiled .status{padding:0;margin-left:-.25rem}.tax-top .tax-container .row .statusFiled .single-select{width:100%;margin:0}.tax-createModal{display:flex;flex-direction:column;gap:1rem;align-items:center;min-width:400px}.tax-createModal .icon{height:64px;width:64px;justify-content:center;align-items:center;font-size:30px;color:#b8860b;display:flex;border-radius:50%;background-color:#ffffbe}.tax-createModal .btn-con{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.tax-createModal .btn-con button{width:100%}.tax-createModal h3{text-align:center}.tax-location{display:flex;flex-direction:column;gap:1rem}.tax-location .table-header{background-color:var(--primary-light)}.tax-location-modal{display:flex;flex-direction:column;gap:1rem}.tax-location-modal form{display:flex;flex-direction:column;gap:1rem;gap:.25rem}.tax-location-modal .accountNumbers{position:relative}.tax-location-modal .accountNumbers .accountName{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:12px}.tax-location-modal .accountNumbers .accountName span{font-size:.8rem;padding:.2rem;border-radius:50%;background-color:var(--secondary-light);color:var(--secondary)}.elements{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border-radius:12px;height:100%}@media screen and (min-width: 768px){.elements{padding:2rem}}.elements .elements-header{margin:1rem 0 0;background-color:var(--primary-light);padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem}@media screen and (min-width: 768px){.elements .elements-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}}.elements .elements-header .search-grp{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem}@media screen and (min-width: 768px){.elements .elements-header .search-grp{width:auto}}.elements .elements-header .search-grp .search{width:100%;max-width:100%}@media screen and (min-width: 768px){.elements .elements-header .search-grp .search{max-width:max-content}}.elements .elements-header .search-grp .search input{min-width:none}.bulk-elements{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;height:100%;border-radius:10px;background-color:var(--bg-color);gap:1.5rem}@media screen and (max-width: 480px){.bulk-elements{padding:1rem}}.bulk-elements .bulk-table-header{display:flex;justify-content:space-between;align-items:center;align-items:flex-end;flex-wrap:wrap;gap:1rem}.element-links-container{display:flex;flex-direction:column;gap:1rem;gap:1.5rem;padding:1.5rem;border-radius:12px}@media screen and (min-width: 768px){.element-links-container{padding:2rem 2rem 3rem}}.element-links-container .back-button{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem;max-width:max-content;color:var(--secondary)}.element-links-container a{max-width:max-content;transition:.4s linear}.element-links-container a:hover{transform:scale(1.1);transition:.4s linear}.element-links-container .back-btn{background-color:var(--secondary-light);color:var(--secondary);border:1px solid var(--secondary);border-radius:6px;padding:.2rem;font-size:1.25rem;cursor:pointer}.element-links-container .element-details{display:grid;grid-template-columns:1fr}@media screen and (min-width: 768px){.element-links-container .element-details{grid-template-columns:1fr 1fr}}.element-links-container .element-details div{display:flex;flex-direction:column;gap:1rem;gap:.2rem;padding:.75rem 1rem}.element-links-container .element-details div p{min-width:fit-content;font-size:13px;letter-spacing:1px}.element-links-container .element-details div h4{min-width:fit-content;font-weight:500;font-size:15px}.element-links-container .element-details .top{border-top:1px solid var(--border-color)}.element-links-container .element-details .left{border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color)}@media screen and (min-width: 768px){.element-links-container .element-details .left{border-right:0}}.element-links-container .element-details .right{border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color)}.element-links-container .element-details .right.top{border-top:0}@media screen and (min-width: 768px){.element-links-container .element-details .right.top{border-top:1px solid var(--border-color)}}@media screen and (min-width: 768px){.element-links-container .element-details .right{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}}.element-links-container .element-links{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.element-links-container .element-links .search-grp{margin:1rem 0 0;background-color:var(--primary-light);padding:1rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem}@media screen and (min-width: 768px){.element-links-container .element-links .search-grp{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}}.element-links-container .element-links .search-grp .search{width:100%;max-width:100%}@media screen and (min-width: 768px){.element-links-container .element-links .search-grp .search{max-width:max-content}}.element-links-container .element-links .details{font-size:15px;border:none;background:none;text-decoration:underline;color:var(--secondary);cursor:pointer}.payroll-dashboard{position:relative;display:flex;flex-direction:column;gap:1rem;gap:2rem;padding:1rem 0}.payroll-dashboard .dashboard-cards{display:flex;align-items:center;gap:2rem;overflow-x:auto;padding-bottom:2rem}.payroll-dashboard .recent-payruns{border-radius:8px;padding:.5rem}.payroll-dashboard .recent-payruns h3{padding:1.8rem 1rem}@media screen and (max-width: 768px){.payroll-dashboard .recent-payruns h3{padding:1.2rem 0rem}}.payroll-dashboard .summary{display:flex;gap:1rem;width:100%}.payroll-dashboard .summary img{width:100%}.payroll-dashboard h3{margin-bottom:-.5rem}.salaryStructure{display:flex;flex-direction:column;gap:1rem;gap:2rem;padding:2rem;border-radius:8px}@media screen and (max-width: 372px){.salaryStructure{padding:1rem}}.salaryStructure .structure-note{line-height:24px;opacity:.8;margin-top:-.5rem}.salaryStructure .switching{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;align-items:center}.salaryStructure .tab-panel{display:flex;justify-content:space-between;align-items:center;overflow-x:auto;justify-content:center;border-bottom:.5px solid var(--border-color)}@media screen and (max-width: 480px){.salaryStructure .tab-panel{padding-left:10rem}}.salaryStructure .tab-panel li{font-size:16px;width:20rem;text-align:center;padding:.5rem 1rem;cursor:pointer;transition:.3s linear;white-space:nowrap}.salaryStructure .tab-panel .active{color:var(--secondary);border-bottom:2px solid var(--secondary);transition:.3s linear}.payrollRun{display:flex;flex-direction:column;gap:1rem;gap:2rem;padding:2rem;border-radius:8px}@media screen and (max-width: 768px){.payrollRun{padding:1rem}}.payrollRun .switching{display:flex;justify-content:space-between;align-items:center}.payrollRun .table-header{display:flex;justify-content:space-between;align-items:center;align-items:flex-end;background-color:var(--primary-light);padding:1.5rem;border-radius:10px}.payrollHistory{display:flex;flex-direction:column;gap:1rem;justify-content:unset;gap:2rem;padding:2rem;border-radius:8px}@media screen and (max-width: 372px){.payrollHistory{padding:1rem}}.payrollHistory .switching{display:flex;justify-content:space-between;align-items:center}.payrollHistory .table-header{display:flex;justify-content:space-between;align-items:center;justify-content:unset;align-items:flex-end;background-color:var(--primary-light);padding:1.5rem;border-radius:10px;gap:1rem}.payrollHistory .table-header .icon-btn{font-size:1.7rem}.filter-container{display:flex;flex-direction:column;gap:1rem;max-width:none;min-width:300px;border:0}@media screen and (max-width: 768px){.filter-container{padding:1rem}}.filter-container .btn-con{display:flex;gap:1rem}@media screen and (max-width: 480px){.filter-container .btn-con{flex-direction:column-reverse}}.filter-container .btn-con button{width:100%}.payrollLog{display:flex;flex-direction:column;gap:1rem;gap:1.5rem;padding:1rem;border-radius:8px}@media screen and (min-width: 768px){.payrollLog{padding:2rem;gap:2rem}}.payrollLog .switching{display:flex;justify-content:space-between;align-items:center}.payrollLog .table-header{display:flex;justify-content:space-between;align-items:center;justify-content:unset;align-items:flex-end;background-color:var(--primary-light);padding:1.5rem;border-radius:10px;gap:1rem}.payrollLog .table-header .icon-btn{font-size:1.7rem}.payrollLog .table-header .lookup-filter .filter-drop{right:unset;left:0}@media screen and (min-width: 768px){.payrollLog .table-header .lookup-filter .filter-drop{left:unset;right:0}}.payrollLog .filter{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;background-color:#dadada;padding:1rem;border-radius:10px}@media screen and (min-width: 768px){.payrollLog .filter{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:1rem}}@media screen and (min-width: 1024px){.payrollLog .filter{padding:1.5rem}}.payrollLog .filter .table-filters{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem}.payrollLog .filter .table-filters>div{width:100%}.payrollLog .filter .table-filters>div .select-dropdown{min-width:100%}@media screen and (min-width: 768px){.payrollLog .filter .table-filters{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem}}.payrollLog .filter .table-filters-label{font-weight:700;font-size:1rem;color:var(--primary);margin-bottom:4px}.payrollLog .filter .table-filters-label span{color:red}.payrollLog .btn-main{width:100%}@media screen and (min-width: 768px){.payrollLog .btn-main{max-width:240px}}@media screen and (min-width: 1440px){.payrollLog .btn-main{max-width:30%}}.payrollSummaryCardContainer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin:.5rem 0}.paygroupSummary{padding:2rem;border-radius:8px}.paygroupSummary .back-btn{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:16px;cursor:pointer;width:fit-content}.paygroupSummary .back-btn button{display:flex;justify-content:center;align-items:center;background-color:var(--secondary-light);color:var(--secondary);border:1px solid var(--secondary);border-radius:6px;padding:.2rem;font-size:1.25rem;cursor:pointer;transition:.5s linear}.paygroupSummary .back-btn button:hover{transform:scale(1.1);transition:.5s linear}.paygroupSummary .back-btn p{opacity:.8;color:var(--secondary)}.paygroupSummary .table-header{display:flex;justify-content:space-between;align-items:center;padding:0rem;margin-bottom:1rem}.paygroupSummary .table-header h3{margin:0}.paygroupSummary .table-header .table-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem}.payrollAnalysis-download-modal{max-width:440px;text-align:center}.payrollAnalysis-download-modal p{margin:8px 0 12px}.payrollAnalysis-download-modal button{margin:0 auto}.salary-payment{padding:2rem;border-radius:10px}.salary-payment .tab-content{margin:1.5rem 0}.salary-payment button{font-family:Poppins,sans-serif}.deduction-container{padding:2rem;border-radius:8px;min-height:100%;display:flex;flex-direction:column;gap:1rem;gap:2rem}@media screen and (max-width: 372px){.deduction-container{padding:1rem .5rem;gap:1rem}.deduction-container .btn-main{padding:.75rem .5rem}}.deduction-container .deduction-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.5rem;border-radius:8px;background-color:var(--primary-light)}@media screen and (max-width: 1280px){.deduction-container .deduction-top{justify-content:center}}.deduction-remittance{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;height:100%;border-radius:10px;gap:1.5rem}@media screen and (max-width: 480px){.deduction-remittance{padding:1rem}}.deduction-remittance .table-header{background-color:var(--primary-light);flex-direction:column;justify-content:flex-start;align-items:flex-start}@media screen and (min-width: 768px){.deduction-remittance .table-header{flex-direction:row;justify-content:space-between}}.deduction-remittance .table-header>div{display:flex;align-items:center;gap:2rem}@media screen and (max-width: 768px){.deduction-remittance .table-header>div{width:100%}}.deduction-remittance .table-header>div .single-select{min-width:300px}.deduction-remittance .table-header form{display:flex;flex-direction:column;gap:1rem;gap:0}.deduction-remittance .table-header form button{margin-top:.75rem}.deduction-remittance .table-header .action-btn-group{display:flex;flex-direction:row;justify-content:flex-start;gap:1rem;align-items:center}.deduction-remittance .back-button{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem;max-width:max-content;color:var(--secondary)}.deduction-remittance a{max-width:max-content;transition:.4s linear}.deduction-remittance a:hover{transform:scale(1.1);transition:.4s linear}.deduction-remittance .back-btn{background-color:var(--secondary-light);color:var(--secondary);border:1px solid var(--secondary);border-radius:6px;padding:.2rem;font-size:1.25rem;cursor:pointer}.deduction-remittance .details{margin-bottom:.5rem}.deduction-remittance .details table{width:100%;border-collapse:collapse;border:1px solid var(--border-color);table-layout:fixed}.deduction-remittance .details table td{padding:1rem 1.5rem;border:1px solid var(--border-color);font-size:14px}.deduction-remittance .details table td p{color:#414141b3;text-transform:uppercase}.deduction-remittance .details table td h5{font-size:14px;font-weight:500}.add-todo-modal form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.add-todo-modal form .form-btns{margin-top:0}.view-todo-modal{display:flex;flex-direction:column;gap:1rem;gap:.25rem}.view-todo-modal .action-btns{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:1rem}.view-todo-modal .action-btns button:last-child{color:#f02828}.view-todo-modal .details-grid{border:1px solid var(--border-color);margin:1rem 0}.view-todo-modal .details-grid>div{padding:.5rem;border-bottom:1px solid var(--border-color)}.view-todo-modal .details-grid>div:last-child{border:0}.view-todo-modal .details-grid>div h4{font-size:14px;font-weight:400;color:var(--alt-text-color);margin-bottom:4px}.view-todo-modal .details-grid>div p{font-size:14px;color:var(--primary)}.controls-header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.controls-header h3{flex:1}.controls-header .arrow-btns{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:center;gap:.5rem}.controls-header .arrow-btns button{height:36px;width:36px;border:1px solid var(--primary);border-radius:24px;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;justify-content:center}.controls-header .arrow-btns button:hover{background:var(--primary-light)}.controls-header .arrow-btns button svg{height:20px;width:20px;fill:var(--primary)}.controls-header .single-select .selected__menu{z-index:999}.custom-event{border-left:4px solid var(--primary);background-color:var(--primary-light);width:100%;padding:.25rem .5rem;outline:0;color:var(--primary)}.custom-event p{font-size:14px;font-weight:400}.custom-event h5{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}: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: rgba(255, 255, 255, .7);--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( to right, #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{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-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,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@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--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-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--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-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%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.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{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-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--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-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(0)}to{transform:rotate(360deg)}}