@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Peralta&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Peralta&display=swap);body{margin:0;font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.leftBtn,.rightBtn{font-family:var(--font_family);font-weight:400;font-size:14px;line-height:16px;background:var(--white);border:1px solid var(--light_blue);box-shadow:0 4px 4px rgba(0,0,0,.08);padding:8.5px 32px;color:var(--light_blue)}.leftBtn{border-radius:20px 0 0 20px}.rightBtn{border-radius:20px 20px 20px 20px}.loginForm{display:flex;justify-content:center;align-items:center}.PTR-form{margin-top:6.5em}.loginForm .wrapper{width:400px}.loginForm .input_wrapper{margin-bottom:24.5px}.loginForm .input_wrapper .inputBox{font-weight:400;font-size:13px;line-height:15px;background:#fff;border:1px solid #e5e4e2;border-radius:24px;padding:18px 48px 18px 27px}.loginForm .input_username .right-side_icon{width:14.51px;right:20px}.loginForm .input_password .right-side_icon{width:18.33px}.loginForm .input_password{margin-bottom:18.7px}.btn_Active{background:var(--btn_active)!important}.title{margin-bottom:27px;font-family:var(--font_family);font-style:normal;font-weight:500;font-size:20px;line-height:23px}.login_btn{margin-top:29px;font-weight:500;font-size:13px;line-height:15px;background:var(--light_blue);border-radius:24px;border:none;width:100%;color:var(--white);padding:18px 0;display:block;text-align:center;clear:right}.login_btn:hover{background:var(--hover_color)}.toggle-switch{display:flex;grid-gap:5px;gap:5px;align-items:center;justify-content:right}.remember{font-weight:400;font-size:10px;line-height:12px}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background:#aaa;width:31px;height:17px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:15.08px;width:15.3px;left:1px;bottom:1px;background-color:#fff}input:checked+.slider{background-color:var(--light_blue)}input:focus+.slider{box-shadow:0 0 1px var(--light_blue)}input:checked+.slider:before{transform:translateX(13px)}.slider.round{border-radius:43px}.slider.round:before{border-radius:50%}.radioButtonContainer{display:flex;grid-gap:20px;gap:20px;position:relative}.individualHolder,.organizationHolder{display:block;position:relative;padding:10px 20px 10px 60px;width:154px;font-weight:400;font-size:13px;color:#7a7a7a;background:#fff;cursor:pointer;margin-bottom:27px;box-shadow:0 3px 4px rgba(0,0,0,.1);border-radius:15px}.radioButtonContainer input[type=radio]{display:none;cursor:pointer}.radioButtonContainer .radio-item-1,.radioButtonContainer .radio-item-2{position:absolute;top:10px;left:20px;height:20px;width:20px;background:#f8f8f8;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);border-radius:50%}.radioButtonContainer input[type=radio]:checked~.radio-item-1,.radioButtonContainer input[type=radio]:checked~.radio-item-2{background:var(--light_blue);box-shadow:none}.radioButtonContainer .radio-item-1:after,.radioButtonContainer .radio-item-2:after{content:"";position:absolute;top:6px;left:6px;width:8px;height:8px;border-radius:50%;background:#ddd}.radioButtonContainer input[type=radio]:checked~.radio-item-1:after,.radioButtonContainer input[type=radio]:checked~.radio-item-2:after{background:var(--white)}.input_wrapper{display:flex;flex-direction:column;font-family:var(--font_family)!important;min-height:97.5px!important}.rightPanel .input_wrapper{min-height:unset!important}.input_wrapper label{margin-bottom:9px;opacity:1!important;line-height:16px;font-size:14px;font-weight:500;color:#676767!important;display:flex;align-items:center}.input_wrapper label span{margin-left:6px}.input_wrapper .input{display:flex;border-radius:24px;background-color:var(--white);position:relative;margin-bottom:0;font-size:14px!important;font-weight:400!important}.input_wrapper .currencyHolder{position:absolute;top:15px;font-weight:700!important;font-size:16px!important;left:16px;color:#101820!important}.inputBox{background-color:var(--light)!important;border:1px solid #e5e4e2;border-radius:24px;padding:15px 35px 15px 16px;outline-color:var(--sky_blue);width:100%;overflow:hidden;height:40px;line-height:18.2px;font-size:14px;font-weight:400}.inputBox::placeholder{color:rgba(89,89,89,.8)}.inputBox:disabled{color:#75787b;opacity:.8;cursor:not-allowed}textarea.inputBox{min-height:80px!important}.right-side_icon{position:absolute;right:16px;top:12px;width:17px}.right-side_text{position:absolute;width:142.52px;height:16px;left:328px;top:10px;text-align:right;font-size:12px;font-weight:400}.input-right-side_text{padding-right:40px;width:240px}.error__text{font-size:14px;font-weight:500;color:#cc6464}.crossIcon{position:absolute;right:16px;top:19px;width:23px;height:23px;text-align:center;border-radius:50%;margin-left:10px;cursor:pointer;color:#fff;background-color:#101820}.input_wrapper .input input[type=number]::-webkit-inner-spin-button,.input_wrapper .input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input_wrapper .input input[type=number]{--moz-appearance:textfield}.btn{float:right;margin-left:10px}.btn_row{display:inline}.CardList{display:flex;justify-content:space-between;margin-bottom:20px;grid-gap:16px;gap:16px}.CardList .card{width:220px}.dashboard{margin:auto;flex-wrap:nowrap;flex-direction:row;grid-gap:16px;gap:16px;font-family:var(--font_family)}.dashboard .content{width:100%;flex:0.8 1}.dashboard .right_sidebar{flex:0.2 1}.dashboard .right_sidebar .member_redemption{background-color:var(--white);box-shadow:0 2px 5px rgba(6,25,56,.06);border-radius:10px;margin-bottom:24px}.dashboard .btnViewAll{border:none;outline:none;box-shadow:none;background-color:initial;color:var(--light_blue);font-weight:500;font-size:14px;line-height:16px}.dashboard .right_sidebar .title_container{padding:18px 20px;box-shadow:0 1px 2px rgba(6,25,56,.05)}.dashboard .right_sidebar .title_text{margin-top:0;margin-bottom:0}.dashboard .right_sidebar .member_redemption .title_text{color:#121212}.dashboard .right_sidebar .member_redemption .button_list{grid-gap:16px;gap:16px;padding:20px 12px 21px}.dashboard .redemption_table{margin:12px 16px;padding:0;box-shadow:none}.dashboard .redemption_table table tfoot,.dashboard .reservation_table table tfoot{display:none!important}.dashboard .reservation_table .status-pending{color:#2563eb}.dashboard .reservation_table .status-approved{color:#0fc12a}.dashboard .reservation_table .status-rejected{color:#dc2626}.dashboard .redemption_table td,.dashboard .redemption_table th{padding:15px 8px!important}.dashboard .btnAdd{width:auto;padding-left:24px;padding-right:24px;font-size:14px;line-height:16px}.dashboard .right_sidebar .online_users{background-color:var(--white);box-shadow:0 2px 5px rgba(6,25,56,.06);border-radius:10px}.dashboard .right_sidebar .online_users h4.title_text{color:#121212;box-shadow:0 1px 2px rgba(6,25,56,.05);margin-top:0;padding:18px 20px}.dashboard .right_sidebar .online_users h5.title_text{font-size:12px;line-height:14px;color:#6c757d;padding:18px 21px}.dashboard .right_sidebar .online_users .online-container{padding:14px 26px}.dashboard .reservation{background:var(--white);box-shadow:0 2px 5px rgba(6,25,56,.06);border-radius:10px;margin-top:24px;padding-bottom:24px}.dashboard .reservation .title_container{padding:18px 16px;box-shadow:0 1px 2px rgba(6,25,56,.05)}.dashboard .reservation_table{box-shadow:none;border-radius:0;padding:0 16px;margin:16px 0 0}.dashboard .reservation_table .imgViewIcon{width:16px}.dashboard .member-chart{box-shadow:0 2px 5px rgba(6,25,56,.06);border-radius:8px;background:var(--white);padding:16px}@media (max-width:1353px){.dashboard .content{flex:1 1;margin:auto}}.CardList .info-card{font-family:var(--font_family);font-style:normal;background:var(--white);padding:18px 12px;width:250px;box-shadow:0 2px 5px rgba(6,25,56,.06);border-radius:8px;border:none;cursor:pointer;flex:auto}.info-card .card_title{color:#121212!important;letter-spacing:.015em;margin-top:19px}.info-card .mt-8{margin-top:8px}.info-card .count{color:#383838;font-weight:500;font-size:18px;line-height:21px;letter-spacing:.015em}.info-card .sale{font-weight:500;font-size:14px;line-height:20px;color:#10b981}.info-card .btnSeeMore{display:flex;align-items:center;border:none;background-color:initial;box-shadow:none;outline:none;font-weight:500;font-size:12px;line-height:14px;color:var(--light_blue);margin-top:21px}.info-card .btnSeeMore .imgRightArrow{height:13.7px;margin-left:13px}.dashboard .right_sidebar .online_users .user-container{padding-bottom:17px;grid-gap:16px;gap:16px;position:relative}.dashboard .right_sidebar .online_users .user-container .imgUser{width:34.93px;height:34px}.dashboard .right_sidebar .online_users .user-container .status-active{position:absolute;width:9.25px;height:9px;left:27px;top:30px;background:#14de65;border-radius:50%;border:1px solid var(--white)}.dashboard .right_sidebar .online_users .user-container .username{line-height:15.6px;color:#595959;font-size:12px;font-weight:500;font-family:var(--font_family);margin-top:15px}.member-div{display:flex;flex-direction:row;align-items:center;position:relative;left:40px;grid-gap:10px;gap:10px}.member{color:#5c6370;font-size:12px}.member-box{height:12px;width:12px;background-color:#258cf4;border-radius:4px}.expo_table .MuiTable-root tbody .imgIcon{width:14px;height:14px}.expo_table .btnAddPoint{padding:8px 16px;background-color:var(--light_blue);color:var(--white);box-shadow:none;border-radius:4px;font-weight:400;font-size:12px;line-height:16px;width:auto!important;height:32px}.add-expo-form .btnCancel{background-color:var(--white);color:var(--light_blue);border:1px solid var(--light_blue)}.add-expo-form .btnAddPM{background-color:var(--light_blue);color:var(--white);border:1px solid var(--light_blue)}.add-expo-form .btnAddPM:hover{background:var(--hover_color);color:var(--white)}.add-expo-form .btnAddPM,.add-expo-form .btnCancel{width:auto;border-radius:8px;padding-left:24px;padding-right:24px}.add-expo-form .customSelect .css-1nmdiq5-menu{text-transform:capitalize!important}.add-expo-form .customSelect .css-1fdsijx-ValueContainer{padding-left:12px;padding-right:12px;text-transform:none}.add-expo-form .customSelect .css-1nmdiq5-menu .css-10wo9uf-option,.add-expo-form .customSelect .css-1nmdiq5-menu .css-d7l1ni-option,.add-expo-form .customSelect .css-1nmdiq5-menu .css-tr4s17-option{padding:8px 12px}.expo_table .MuiTable-root tbody .editIcon,.expo_table .MuiTable-root tbody .viewIcon{cursor:pointer}.expo{margin:20px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn-memberTypes{padding:7.5px 15px!important;border:none;width:auto!important;box-shadow:inset 0 -.75px 3px rgba(0,0,0,.05);border-radius:3.75px!important;font-weight:500;font-size:7.5px;line-height:9px}.btn-allMembers{color:var(--light_blue);background-color:var(--btn_active)}.btn-Diamond{color:#0ab1d7;background-color:#daf8ff}.btn-Silver{background-color:#cacaca;color:var(--white)}.btn-Gold{background-color:#ffda2f;color:var(--white)}.search-container{position:relative;display:flex;justify-content:center;align-items:center;white-space:nowrap}.search-container .searchInput{color:#595959;background:#f3f4f6;border-radius:24px;padding:4px 44px 4px 8px;width:180px;font-weight:500;font-size:14px;line-height:24px;border:1px solid #ebebeb;box-shadow:none;outline:none;height:40px}.search-container .btnSearch{border:none;outline:none;background-color:initial;position:absolute;float:left;right:2.15px;margin-top:5px}.search-container .btnSearch .imgIcon{display:block;margin-left:auto;margin-right:auto;margin-bottom:5px;width:22px;height:22px}.MuiTableHead-root{display:table-header-group;position:-webkit-sticky;position:sticky;top:0}tbody{border-top:1px solid grey!important}tbody tr{border-style:hidden!important}tbody tr:first-child{border-top:1px solid rgba(209,203,203,.38823529411764707)!important}th{color:var(--white)!important;background-color:var(--light_blue)!important;font-weight:500!important}td,th{font-family:var(--font_family)!important;font-style:normal!important;padding:15px 12px!important;font-size:14px!important}th div{display:block!important}td{font-weight:400!important}th span.MuiTableSortLabel-root.MuiTableSortLabel-active,th span.MuiTableSortLabel-root:hover,th svg.MuiSvgIcon-root{color:var(--white)!important}.MuiTableRow-root:nth-child(2n){background:#f7f7f8!important;border:none!important}.MuiGrid-container{display:block!important;margin-top:10px!important;padding:0 20px!important}.MuiGrid-grid-md-true{float:left!important}.MuiGrid-grid-md-auto{float:right!important}.MuiTableFooter-root{border-top:1px solid #e4e4e4!important}td .MuiBox-root{padding-top:0!important}.paginateButton{cursor:pointer;margin:0 10px;border:.5px solid #3e95fe;padding:8px;border-radius:66px!important;font-size:10px;width:39px;height:24px;display:flex;justify-content:center;align-items:center;font-weight:400!important;color:var(--text_color)!important;background:#fff!important}.member_table .MuiTable-root tbody .imgIcon{width:14px;height:14px}.member_table .btnAddPoint{padding:8px 16px;background-color:var(--light_blue);color:var(--white);box-shadow:none;border-radius:4px;font-weight:400;font-size:12px;line-height:16px;width:auto!important;height:32px}.add-member-point-form .btnCancel{background-color:var(--white);color:var(--light_blue);border:1px solid var(--light_blue)}.add-member-point-form .btnAddPM{background-color:var(--light_blue);color:var(--white);border:1px solid var(--light_blue)}.add-member-point-form .btnAddPM:hover{background:var(--hover_color);color:var(--white)}.add-member-point-form .btnAddPM,.add-member-point-form .btnCancel{width:auto;border-radius:8px;padding-left:24px;padding-right:24px}.add-member-point-form .customSelect .css-1nmdiq5-menu{text-transform:capitalize!important}.add-member-point-form .customSelect .css-1fdsijx-ValueContainer{padding-left:12px;padding-right:12px;text-transform:none}.add-member-point-form .customSelect .css-1nmdiq5-menu .css-10wo9uf-option,.add-member-point-form .customSelect .css-1nmdiq5-menu .css-d7l1ni-option,.add-member-point-form .customSelect .css-1nmdiq5-menu .css-tr4s17-option{padding:8px 12px}.member_table .MuiTable-root tbody .editIcon,.member_table .MuiTable-root tbody .viewIcon{cursor:pointer}.lot_table .MuiTable-root tbody .imgIcon{width:14px;height:14px}.lot_table .btnAddPoint{padding:8px 16px;background-color:var(--light_blue);color:var(--white);box-shadow:none;border-radius:4px;font-weight:400;font-size:12px;line-height:16px;width:auto!important;height:32px}.add-lot-form .btnCancel{background-color:var(--white);color:var(--light_blue);border:1px solid var(--light_blue)}.add-lot-form .btnAddPM{background-color:var(--light_blue);color:var(--white);border:1px solid var(--light_blue)}.add-lot-form .btnAddPM:hover{background:var(--hover_color);color:var(--white)}.add-lot-form .btnAddPM,.add-lot-form .btnCancel{width:auto;border-radius:8px;padding-left:24px;padding-right:24px}.add-lot-form .customSelect .css-1nmdiq5-menu{text-transform:capitalize!important}.add-lot-form .customSelect .css-1fdsijx-ValueContainer{padding-left:12px;padding-right:12px;text-transform:none}.add-lot-form .customSelect .css-1nmdiq5-menu .css-10wo9uf-option,.add-lot-form .customSelect .css-1nmdiq5-menu .css-d7l1ni-option,.add-lot-form .customSelect .css-1nmdiq5-menu .css-tr4s17-option{padding:8px 12px}.lot_table .MuiTable-root tbody .editIcon,.lot_table .MuiTable-root tbody .viewIcon,.lotrt-button{cursor:pointer}.lotrt-button{background-color:#fff;border:none;color:#3e95fe;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;border-radius:5px}.lot{margin:20px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header{text-align:center;margin-bottom:20px}.header h2{margin:0}.details{display:flex;justify-content:space-between;margin-bottom:20px}.details div{flex:1 1}.details p{margin:5px 0}.earnings-deductions table{width:100%;border-collapse:collapse}.earnings-deductions td,.earnings-deductions th{padding:8px;text-align:left}.earnings-deductions th{background:grey!important;font-weight:700}.signature{display:flex;justify-content:space-between;margin-top:20px}.signature div,footer{text-align:center}footer{margin-top:20px;font-size:.9em;color:#555}.modal{display:block;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;width:80%;box-shadow:0 4px 8px rgba(0,0,0,.2)}.close{color:#aaa;float:right!important;font-size:28px;font-weight:700;cursor:pointer}.arrow_icon{width:13px;height:10px;margin:10px}.css-13cymwt-control{font-weight:400;border:1px solid #ebebeb!important;margin-bottom:0;min-height:42px!important;border-radius:5px!important}.customSelect{width:100%;margin-bottom:14px;font:400 14px var(--font_family)}.customSelect label{margin-bottom:9px;line-height:16px;font-size:14px;font-weight:500;color:#676767;display:flex;align-items:center}.customSelect__error_text{font-size:11px;font-weight:500;color:#cc6464}.customSelect--has_error{color:var(--red)}.customSelect .css-1fdsijx-ValueContainer,.customSelect .css-1nmdiq5-menu{text-transform:uppercase}.customSelect .css-13cymwt-control,.customSelect .css-t3ipsp-control{font-size:14px;border-radius:24px!important;color:#a4a4a4!important;background-color:var(--light)!important}.customSelect .css-1nmdiq5-menu{font-size:14px}.customSelect .css-1jqq78o-placeholder{visibility:visible!important}.product_table .MuiTable-root tbody .imgIcon{width:14px;height:14px}.product_table .btnAddPoint{padding:8px 16px;background-color:var(--light_blue);color:var(--white);box-shadow:none;border-radius:4px;font-weight:400;font-size:12px;line-height:16px;width:auto!important;height:32px}.add-product-point-form .btnCancel{background-color:var(--white);color:var(--light_blue);border:1px solid var(--light_blue)}.add-product-point-form .btnAddPM{background-color:var(--light_blue);color:var(--white);border:1px solid var(--light_blue)}.add-product-point-form .btnAddPM:hover{background:var(--hover_color);color:var(--white)}.add-product-point-form .btnAddPM,.add-product-point-form .btnCancel{width:auto;border-radius:8px;padding-left:24px;padding-right:24px}.add-product-point-form .customSelect .css-1nmdiq5-menu{text-transform:capitalize!important}.add-product-point-form .customSelect .css-1fdsijx-ValueContainer{padding-left:12px;padding-right:12px;text-transform:none}.add-product-point-form .customSelect .css-1nmdiq5-menu .css-10wo9uf-option,.add-product-point-form .customSelect .css-1nmdiq5-menu .css-d7l1ni-option,.add-product-point-form .customSelect .css-1nmdiq5-menu .css-tr4s17-option{padding:8px 12px}.product_table .MuiTable-root tbody .editIcon,.product_table .MuiTable-root tbody .viewIcon{cursor:pointer}.memberpayslip_table .MuiTable-root tbody .imgIcon{width:14px;height:14px}.memberpayslip_table .btnAddPoint{padding:8px 16px;background-color:var(--light_blue);color:var(--white);box-shadow:none;border-radius:4px;font-weight:400;font-size:12px;line-height:16px;width:auto!important;height:32px}.add-payslip-form .btnCancel{background-color:var(--white);color:var(--light_blue);border:1px solid var(--light_blue)}.add-payslip-form .btnAddPM{background-color:var(--light_blue);color:var(--white);border:1px solid var(--light_blue)}.add-payslip-form .btnAddPM:hover{background:var(--hover_color);color:var(--white)}.add-payslip-form .btnAddPM,.add-payslip-form .btnCancel{width:auto;border-radius:8px;padding-left:24px;padding-right:24px}.add-payslip-form .customSelect .css-1nmdiq5-menu{text-transform:capitalize!important}.add-payslip-form .customSelect .css-1fdsijx-ValueContainer{padding-left:12px;padding-right:12px;text-transform:none}.add-payslip-form .customSelect .css-1nmdiq5-menu .css-10wo9uf-option,.add-payslip-form .customSelect .css-1nmdiq5-menu .css-d7l1ni-option,.add-payslip-form .customSelect .css-1nmdiq5-menu .css-tr4s17-option{padding:8px 12px}.memberpayslip_table .MuiTable-root tbody .editIcon,.memberpayslip_table .MuiTable-root tbody .viewIcon{cursor:pointer}.report_table .MuiTable-root tbody .imgIcon{width:14px;height:14px}.report_table .MuiTable-root tbody .imgViewIcon{width:14px;height:auto}.date-input-container .input-dateRange{left:-92px!important;right:0}.export-button{border-radius:5px}.memberpayslip{margin-bottom:16px;padding:20px;background:#fff;box-shadow:0 2px 5px rgba(6,25,56,.06)}.total td{font-weight:700}.memberpayslip footer p{margin:0;font-size:.75rem;font-style:italic}.memberpayslip{padding:24px 16px;background-color:#fff;font-family:"Montserrat",sans-serif;box-sizing:border-box}.memberpayslip .payslip-table table{width:100%;height:auto;border-collapse:collapse;border:1px solid #000!important}.memberpayslip .payslip-table td,.memberpayslip .payslip-table th{padding:8px;text-align:left;font-size:32px!important}.memberpayslip .payslip-table td:nth-child(7),.text-right{text-align:right!important}.memberpayslip .payslip-table td{border:1px solid #000!important}.memberpayslip .payslip-table th{font-family:"Montserrat",sans-serif!important;font-weight:700;text-align:center;background:linear-gradient(135deg,#02314b,#0284c7)}.memberpayslip .payslip-table td.lot_name{color:#e11d48!important;font-weight:600}.memberpayslip .payslip-table td.paid_text{color:#15803d!important;font-weight:700}.memberpayslip .header{display:flex;justify-content:center;grid-gap:5px;gap:5px;padding:20px;text-align:center;margin-bottom:16px}.memberpayslip .header h2{font-size:3rem!important;font-family:"Montserrat",sans-serif;font-size:36px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px #000;letter-spacing:3px;line-height:1;margin:0;text-shadow:-3px 3px 0 var(--blue-ice)}.memberpayslip .header p:last-of-type{color:var(--white);background:var(--blue-main)}.memberpayslip .header p{margin:2px 0 0;font-size:.75rem;font-weight:600;letter-spacing:.1em;font-family:"Montserrat",sans-serif;color:#000;text-transform:uppercase}.memberpayslip .details{background:var(--blue-ice);padding:12px 16px;margin-bottom:20px}.memberpayslip .details div{display:flex;flex-direction:row;justify-content:space-between;grid-gap:6px;gap:6px}.memberpayslip .details p{margin:5px 0;font-size:28px;color:#000;justify-content:space-between}.memberpayslip .details strong{color:#000;font-weight:600}.memberpayslip .payslip-table{margin-bottom:20px}.memberpayslip table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:.825rem}.memberpayslip th{font-weight:600;font-size:.7rem;letter-spacing:.05em;padding:10px 12px;text-align:left;border-bottom:1px solid #cbd5e1}.memberpayslip tr:last-child td{border-bottom:none}.memberpayslip .text-right{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.memberpayslip tr:last-of-type td{color:#15803d;font-size:2.5rem!important;background-color:#f0fdf4!important;font-size:.9rem}.memberpayslip .payslip-table table,.memberpayslip .payslip-table tbody tr,.memberpayslip .payslip-table td{border:1px solid #000!important}.NavBar{position:absolute;width:15%;background:#f7f7f8;height:100vh;left:0;top:0;position:fixed;cursor:pointer}.NavBar,.NavBarIcon{transition:width .7s}.NavBarIcon{width:7%}.NavBar .Logo{margin:20px 54px 20px 38px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:114px;transition:width .7s}.NavBarIcon .Logo{width:100px;padding:0 11px!important;margin:35px 0 20px;transition:width .7s}.NavBar li{list-style-type:none}.menuItem,.NavBar .activeItem{padding:16px 12px;border-radius:10px;margin-top:4px}.NavBar .activeItem a{color:#fff}.NavBar .menuItem .helpCenterNavLink,.NavBar .menuItem .settingsNavLink,.NavBar .menuItem .userManagementNavLink,.NavBar .menuItem a{color:#121212}.NavBar .activeItem a,.NavBar .menuItem .helpCenterNavLink,.NavBar .menuItem .settingsNavLink,.NavBar .menuItem .userManagementNavLink,.NavBar .menuItem a{text-decoration:none;font-style:normal;font-weight:400;font-size:16px;text-align:left;font-family:var(--font_family);line-height:19px}.NavBarIcon .activeItem a,.NavBarIcon .menuItem .helpCenterNavLink,.NavBarIcon .menuItem .settingsNavLink,.NavBarIcon .menuItem .userManagementNavLink,.NavBarIcon .menuItem a{text-align:center}.NavBar .activeItem{background-color:var(--light_blue)!important;color:#fff}li{list-style:none!important}ul{padding:0 8px!important}.NavBarIcon ul.sidebar-menu{padding:0!important}.nav_Icon{width:19.7px}.NavBar .navLink{display:flex;align-items:center;grid-gap:10px;gap:10px;width:90%}.NavBar .navIcon{display:block;text-align:center}.logOut-container{position:fixed;width:15%;bottom:0;left:0;border-radius:0;background:#f7f7f8;box-shadow:0 0 6px rgba(0,0,0,.05);margin-top:0;padding:6px 16px!important}.Logout_button{width:100%!important;padding:16px 14px!important}.scrollbar{max-height:calc(100vh - 9rem);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.scrollbar::-webkit-scrollbar{width:0}.sidebar-menu{margin-bottom:calc(100% - 120px);margin-top:20px}.imgDropdownupArrow{width:13.7px;margin-left:6px}.hideNavIcon{padding:0!important}.hideNavIcon .logOut-container{width:7%;padding-left:0!important;padding-right:0!important}.hideNavIcon .Logout_button{padding-left:0!important;padding-right:0!important;display:block}a{text-decoration:none!important;color:unset!important}@keyframes blink{0%{opacity:0}to{opacity:1}}.NavBar,.NavBar.NavBarIcon{position:fixed;top:0;left:0;z-index:850;width:100%;height:72px;display:flex;align-items:center;grid-gap:18px;gap:18px;padding:10px 32px;cursor:default;transition:none}.NavBar .Logo,.NavBarIcon .Logo{flex:0 0 auto;width:86px;height:56px;object-fit:contain;padding:0!important;margin:0 6px 0 0}.NavBar .position-relative.scrollbar{flex:1 1 auto;min-width:0;max-height:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.NavBar .position-relative.scrollbar::-webkit-scrollbar{width:0;height:0}.sidebar-menu{display:flex;align-items:center;grid-gap:8px;gap:8px;width:-webkit-max-content;width:max-content;min-width:100%;margin:0;padding:0!important}.NavBar li{flex:0 0 auto}.NavBar .activeItem,.NavBar .menuItem,.NavBarIcon .activeItem,.NavBarIcon .menuItem{position:relative;min-height:48px;padding:0 16px;margin-top:0;border-radius:24px;cursor:pointer;background-color:var(--white);border:.5px solid #e5e4e2}.NavBar .menuItem:hover,.NavBarIcon .menuItem:hover{background-color:var(--gray-200)}.NavBar .activeItem:after{content:"";position:absolute;left:18px;right:18px;height:3px;border-radius:24px;background:currentColor;opacity:.9}.NavBar .navIcon,.NavBar .navLink,.NavBarIcon .navIcon,.NavBarIcon .navLink{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;width:auto;height:48px;text-align:center;white-space:nowrap}.NavBar .activeItem a,.NavBar .menuItem .helpCenterNavLink,.NavBar .menuItem .settingsNavLink,.NavBar .menuItem .userManagementNavLink,.NavBar .menuItem a,.NavBarIcon .activeItem a,.NavBarIcon .menuItem .helpCenterNavLink,.NavBarIcon .menuItem .settingsNavLink,.NavBarIcon .menuItem .userManagementNavLink,.NavBarIcon .menuItem a{display:flex;align-items:center;text-align:center;font-size:14px;line-height:18px}.NavBar .nav_Icon,.NavBarIcon .nav_Icon{width:18px;height:18px;object-fit:contain}.imgDropdownupArrow{width:10px;margin-left:0}.NavBar>ul.position-relative,.NavBarIcon>ul.position-relative{flex:0 0 auto;margin:0;padding:0!important}.hideNavIcon .logOut-container,.logOut-container{position:static;width:auto;padding:0!important;margin:0;border-radius:24px}.hideNavIcon .Logout_button,.Logout_button{grid-gap:8px;gap:8px;min-height:48px;padding:0 16px!important;border-radius:24px;white-space:nowrap}.hideNavIcon .Logout_button,.Logout_button,.Open{display:flex;align-items:center;justify-content:center}.Open{left:50px;z-index:99;position:fixed;width:65px;height:65px;border-radius:50%;color:var(--primary-green);cursor:pointer}@media (max-width:900px){.NavBar,.NavBar.NavBarIcon{top:0;height:70px;grid-gap:10px;gap:10px;padding:10px 14px}.NavBar .Logo,.NavBarIcon .Logo{width:64px}.hideNavIcon .Logout_button,.Logout_button,.NavBar .activeItem,.NavBar .menuItem,.NavBarIcon .activeItem,.NavBarIcon .menuItem{min-height:44px}.NavBar .activeItem a,.NavBar .menuItem .helpCenterNavLink,.NavBar .menuItem a,.NavBarIcon .activeItem a,.NavBarIcon .menuItem .helpCenterNavLink,.NavBarIcon .menuItem a{font-size:13px}}.account{font-family:var(--font_family)!important}.account .Account_title{margin-top:2px;margin-bottom:24px}.account .Header_Container{width:100%;display:flex;flex-direction:row;align-items:center;background-color:#f5f5f5;border-radius:5px;grid-gap:10px;gap:10px;padding-left:16px;padding-right:16px}.account .Password_Btn,.account .Profile_Btn{font-family:var(--font_family)!important;font-weight:500;font-size:12px;line-height:14px;border:none;background-color:initial;color:#92959d;padding:13px 20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05))}.btnActive{color:var(--light_blue)!important;border-bottom:1.5px solid var(--light_blue)!important}.account .Password_form,.account .Profile_form{width:458.97px;margin:35px auto}.account .Profile{display:flex;flex-direction:row;justify-content:start;align-items:center;grid-gap:47px;gap:47px;margin-bottom:38px}.account .Profile_form .Person_Image{width:109px;height:109px;padding:3px;border:1px solid #ddd}.account .Profile_form .name{font-family:"Poppins",sans-serif;font-weight:500;font-size:23.8371px;line-height:40px;color:#595959;margin-bottom:1px}.account .Profile_form .email{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:9.9889px;line-height:25px;color:#aa9f9f}.account-form .input_wrapper{margin-bottom:20px}.account-form .input_wrapper label{margin-bottom:6px}.account-form .btnSave{background-color:var(--light_blue);color:var(--white);border:none}.account-form .btnSave:hover{background:var(--hover_color);color:var(--white)}.account-form .btnCancel{background-color:var(--white);color:var(--light_blue);border:none}.account-form .btnCancel,.account-form .btnSave{width:auto;border-radius:8px;padding-left:24px!important;padding-right:24px!important}.account .mt-12{margin-top:12px}.account .btnProfilePic{box-shadow:none;border:none;outline:none;background-color:initial;padding:0;position:relative}.account .btnProfilePic:hover img{opacity:.5!important;transition:.6s}.account .btnProfilePic .icon-plus{position:absolute;margin-top:85px;font-size:27px;margin-left:-25px;background-color:var(--white);color:var(--light_blue);border-radius:50%}.account .uploadAdminPhoto{display:flex;flex-direction:column;align-items:center;justify-content:center}.account .uploadAdminPhoto .imgUpload{width:72.33px;height:auto;margin-bottom:19.2px}.account .uploadAdminPhoto h4{font-family:var(--font_family);font-weight:400;font-size:20px;line-height:32px;color:#1f2937;margin-bottom:0}.account .uploadAdminPhoto .upload-pic-form{padding-top:16px;padding-bottom:16px;width:100%}.account .uploadAdminPhoto .upload-pic-form .btnConfirm{padding:8px 16px;background-color:var(--light_blue);color:var(--white);border-radius:4px;outline:none;border:none;font-family:var(--font_family);font-weight:500;font-size:14px;line-height:20px}.account .uploadAdminPhoto .ant-upload-list-item-container{display:block!important;margin:0 auto 10px!important}.account .uploadAdminPhoto .ant-upload-select{border:1px dashed #1f2937!important;border-radius:8px!important;background-color:var(--white)!important;height:auto!important;margin-bottom:0!important}.account .uploadAdminPhoto .ant-upload-select p{font-weight:400!important;font-size:14px!important;line-height:20px!important;color:#1f2937!important;padding:38px 0;margin-bottom:0}.account .uploadAdminPhoto .ant-upload-select p span{display:block;margin-bottom:8px}.account .uploadAdminPhoto .upload-pic-form .btnChooseFiles{height:28px;background-color:var(--light_blue);color:var(--white);padding:4px 8px;border-radius:4px;font-weight:500;font-size:14px;line-height:20px;margin:0 auto}.modal-container{position:fixed;z-index:99999999;left:0;top:0;width:100%;height:100%;background:#595959;background:rgba(89,89,89,.5)}.modal-container .modal-content{padding:16px;background:var(--white);box-shadow:0 25px 50px -12px rgba(6,25,56,.25);border-radius:8px;width:401px}.modal-container .modal-heading{margin-bottom:9px}.modal-container .btnClose{background-color:initial;box-shadow:none;outline:none}.modal-container .imgClose{width:13.7px!important;height:13.7px!important}#AntiFileUpload.input_wrapper{display:flex;flex-direction:column;font-family:var(--font_family)!important;margin-bottom:14px}#AntiFileUpload.input_wrapper label{margin-bottom:9px;opacity:1!important;line-height:16px;font-size:14px;font-weight:500;color:#676767!important;display:flex;align-items:center}#AntiFileUpload.input_wrapper label span{margin-left:6px}#AntiFileUpload.input_wrapper .error__text{font-size:11px;font-weight:500;color:#cc6464}.counter{position:absolute;right:16px;top:17px;font-size:14px;color:#a9a9a9}.counter_error{color:#cc6464}:where(.css-dev-only-do-not-override-acm2ia).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select{width:100%;border-radius:5px;border:1px dashed #e2e2e2;background:#f9f9f9}#AntiFileUpload .ant-upload-select .ant-upload p{font-weight:400;font-size:10px;line-height:12px;text-align:center;color:#a4a4a4}#AntiFileUpload .imgFileUpload{width:13px;margin-bottom:7px;margin-top:12px}.setting{font-family:var(--font_family)!important}.setting .Setting_title{margin-top:2px;margin-bottom:24px}.setting .Header_Container{width:100%;display:flex;flex-direction:row;align-items:center;background-color:#f5f5f5;border-radius:5px;grid-gap:10px;gap:10px;padding-left:16px;padding-right:16px}.setting .Setting_Btn{font-family:var(--font_family)!important;font-weight:500;font-size:12px;line-height:14px;border:none;background-color:initial;color:#92959d;padding:13px 20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05))}.setting .btn_active_setting{color:var(--light_blue)!important;border-bottom:1.5px solid var(--light_blue)}.setting .user_profile{background:#fff;box-shadow:0 3px 4px rgba(0,0,0,.1);border-radius:15px;display:flex;flex-direction:row;grid-gap:20.37px;gap:20.37px;align-items:center;width:648px;padding:18px 41px;margin:50px auto}.setting .avator img{width:100px;height:100px;padding:3px;border:1px solid #ddd}.setting .user_info{display:flex;flex-direction:column;align-self:center}.setting .user_info h3{font-family:var(--font_family);font-weight:500;font-size:26.3653px;line-height:44px;color:#595959;margin-bottom:1.35px}.setting .user_info .user_email{font-family:var(--font_family);font-weight:400;font-size:12px;line-height:28px;color:#aa9f9f}.setting .user_profile .user_setting_links{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;grid-gap:20px;gap:20px}.setting .user_profile .user_setting_links a{text-decoration:none}.setting .user_profile .account_btn{font-family:var(--font_family);font-weight:500;font-size:12px;line-height:20px;background:var(--white);border:.5px solid rgba(62,149,254,.12);box-shadow:0 1px 4px rgba(0,0,0,.1);color:var(--light_blue);border-radius:8px;padding:10px 24px;width:auto}.setting .setting_page_holder{width:459px;margin:50px auto}.setting .setting_page_holder h4{font-weight:500;font-size:14px;line-height:16px;color:#676767;margin-bottom:17px}.setting .switchHolder{background:#fff;border-bottom:.5px solid #ededed;border-radius:5px 5px 0 0;padding:17px 10px;width:100%}.setting .language{border-radius:5px}.setting .switchHolder .toggle-switch{justify-content:space-between}.setting .switchHolder .toggle-switch label{font-family:var(--font_family);font-weight:400;font-size:14px;line-height:16px;color:rgba(89,89,89,.8)}.setting .switchHolder .switch .slider{width:27.75px;height:15px}.setting .switchHolder .switch .slider:before{height:13.5px;width:13.5px;left:1px;right:2.7%;top:5%;bottom:5%}.setting .switchHolder .closeSwitch .slider:before{left:1px}.setting .dropdown_icon{width:12.32px}:root{--white:#fff;--dark:#101820;--black:#000;--light:#fafafb;--light_blue:#0078d4;--grey:#aaaaab;--btn_active:#f5faff;--font_family:"Roboto",sans-serif;--text_color:#595959;--sky_blue:#6caefe;--hover_color:#3e95fe;--blue-navy:#02314b;--blue-main:#0284c7;--blue-accent:#38bdf8;--blue-light:#7dd3fc;--blue-ice:#f0f9ff}body{background-color:var(--light)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container-fluid{height:100vh;padding:0}.logoImg{width:114px;height:auto}.frame{display:block;width:560px}.leftPanel{padding:35px;background-color:var(--light);box-shadow:0 4px 4px rgba(0,0,0,.2)}.rightPanel{padding:35px 40px}.frameImageHolder{display:flex;height:70vh;justify-content:center;align-items:center}.table_container{padding:14px 18px 0;background:var(--white);box-shadow:0 2px 5px rgba(6,25,56,.06);border-radius:10px;margin:25px 0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px;width:9px}::-webkit-scrollbar-thumb{border:none!important;border-radius:4px;background-color:rgba(0,0,0,.3)}.hideSideBarTextContainer,.pageContainer{background-color:var(--light)}.pageContainer{position:relative;margin-left:15%;top:90px;padding:28px 32px 2.5em;transition:margin-left .7s}.showDeleteBox{position:fixed;width:100%;height:100%;inset:0;background-color:rgba(0,0,0,.5);z-index:1000}.hideSideBarTextContainer{position:relative;margin-left:7%;top:90px;transition:margin-left .7s;padding:28px 32px 20px}.title_text{color:#595959;font-size:16px;font-weight:500;line-height:18.75px;margin-top:15px}.title_text,label,span{font-family:var(--font_family)}.Actions{display:flex;align-items:center;grid-gap:10px;gap:10px}.space_between{justify-content:space-between}.cursor-pointer{cursor:pointer}.imgClose{width:12px;height:12px}.form-container{padding:34px 32.81px 30px;background:var(--white);box-shadow:0 2px 5px rgba(6,25,56,.06);border-radius:8px;margin:26px 2px 46px}.export-button{background-color:#fff;border:none;color:#3e95fe;padding:10px 20px;text-decoration:none;display:inline-block;border-radius:24px}.button,.export-button{text-align:center;font-size:14px;cursor:pointer}.button{font-weight:500;padding:10px 16px;outline:none;border:none;box-shadow:0 2px 4px rgba(0,0,0,.1);background-color:var(--light);border-radius:24px!important;background-color:var(--light_blue);color:var(--light)}.btnClose{width:auto!important;background-color:initial;box-shadow:none}.btnAdd{color:var(--dark)!important;background-color:var(--white)!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;border-radius:24px!important;padding:10px 16px!important;font-size:14px!important;font-weight:500!important;text-align:center!important;cursor:pointer!important}.btnRemove{width:100%!important}.btnIcon{width:33px;height:33px;box-shadow:0 3.02446px 10.5856px rgba(0,0,0,.05);border-radius:19px;background-color:var(--white);padding:0}.btnIcon .imgIcon{display:block;margin-left:auto;margin-right:auto}.btnClose,.btnIcon{border:none;outline:none}.checkBox{display:flex;flex-direction:row;align-items:center;grid-gap:10px;gap:10px;line-height:24px}.checkBox input[type=checkbox]{border:1px solid silver;border-radius:4px;width:20px;height:20px;accent-color:var(--light_blue)}.checkBox label{margin-bottom:0;opacity:1!important;line-height:normal;font-size:16px;font-weight:400;color:#595959!important;display:block}.gap-16{grid-gap:16px!important;gap:16px!important}.empty_table tbody .MuiTableRow-root{height:50vh!important}.deleted-alert{font-family:var(--font_family);font-size:16px;line-height:20px;font-weight:500;background:#ef4444;padding:8px 24px;color:var(--white);margin-bottom:27px}.deleted-alert img{height:20px}.empty_image{width:36px;height:36px;border-radius:50%}.hideSideBarTextContainer,.pageContainer{margin-left:0!important;top:72px!important;min-height:calc(100vh - 72px)}.css-1hxrwmy-MuiButtonBase-root-MuiPaginationItem-root.Mui-selected{border-radius:50%!important}@media (max-width:900px){.hideSideBarTextContainer,.pageContainer{top:70px!important;min-height:calc(100vh - 70px);padding:20px 14px 2em}}.add_table .MuiTable-root tbody .imgIcon{width:14px;height:14px}.add_table .MuiTable-root tbody .imgViewIcon{width:14px;height:auto}.date-input-container{position:relative;display:inline-block;z-index:1;font-size:14px}.date-input-container .input-dateRange{position:absolute;top:"100%";left:0}.date-input-container .iconDate{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:20px;height:auto;cursor:pointer}.icon{width:18px;height:18px;margin-right:5px}.imgProduct{width:60px;height:61px}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}
/*# sourceMappingURL=main.c8110ab4.chunk.css.map */