@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);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{margin-top:7.8em;display:flex;justify-content:center;align-items:center}.PTR-form{margin-top:6.5em}.loginForm .wrapper{width:351.03px}.loginForm .input_wrapper{margin-bottom:24.5px}.loginForm .input_wrapper .inputBox{font-weight:400;font-size:13px;line-height:15px;background:#fff;box-shadow:1px 1px 2px rgba(18,78,164,.2);border-radius:5px;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;color:var(--light_blue)}.login_btn{margin-top:29px;font-weight:500;font-size:13px;line-height:15px;background:var(--light_blue);border-radius:68px;border:none;width:351.03px;color:var(--white);padding:18.1px 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:5px;border:1px solid #ebebeb;background-color:#fff;position:relative;margin-bottom:0;font-size:14px!important;font-weight:400!important}.input_wrapper .overflowHidden{overflow:hidden}.input_wrapper .currencyHolder{position:absolute;top:15px;font-weight:700!important;font-size:16px!important;left:16px;color:#101820!important}.inputBox{background-color:var(--white)!important;border:none;border-radius:5px;padding:15px 35px 15px 16px;outline:none;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:15px;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:11px;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{width:full;display:flex;justify-content:space-between;margin-bottom:20px}.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:#f9fafb;padding:18px 12px;width:250px;box-shadow:0 2px 5px rgba(6,25,56,.06);border-radius:8px;border:none;cursor:pointer;flex:0.3 1}.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)}.btnImgIcon{margin-right:10px}.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:8px;padding:4px 44px 4px 8px;width:180px;font-weight:500;font-size:14px;line-height:24px;border:none;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;color:var(--text_color)!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}.add-expoLot-form .btnCancel{background-color:var(--white);color:var(--light_blue);border:1px solid var(--light_blue)}.add-expoLot-form .btnAddPM{background-color:var(--light_blue);color:var(--white);border:1px solid var(--light_blue)}.add-expoLot-form .btnAddPM:hover{background:var(--hover_color);color:var(--white)}.add-expoLot-form .btnAddPM,.add-expoLot-form .btnCancel{width:auto;border-radius:8px;padding-left:24px;padding-right:24px}.add-expoLot-form .customSelect .css-1nmdiq5-menu{text-transform:capitalize!important}.add-expoLot-form .customSelect .css-1fdsijx-ValueContainer{padding-left:12px;padding-right:12px;text-transform:none}.add-expoLot-form .customSelect .css-1nmdiq5-menu .css-10wo9uf-option,.add-expoLot-form .customSelect .css-1nmdiq5-menu .css-d7l1ni-option,.add-expoLot-form .customSelect .css-1nmdiq5-menu .css-tr4s17-option{padding:8px 12px}.expoLot{margin:20px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.lotName{color:red}.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;color:#a4a4a4!important}.customSelect .css-1nmdiq5-menu{font-size:14px}.customSelect .css-1jqq78o-placeholder{visibility:visible!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{margin-bottom:20px}.details{display:flex;justify-content:space-between}.details div{flex:1 1}.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-content{border:1px solid #888}.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}.payslip_table .MuiTable-root tbody .imgIcon{width:14px;height:14px}.payslip_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}.payslip_table .MuiTable-root tbody .editIcon,.payslip_table .MuiTable-root tbody .viewIcon{cursor:pointer}.payslip{padding:20px;background:#fff;box-shadow:0 2px 5px rgba(6,25,56,.06);color:#1b455d!important}.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;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}.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}.memberpayslip{padding:20px;background:#fff;box-shadow:0 2px 5px rgba(6,25,56,.06);color:#1b455d!important}.header{text-align:center;padding:20px}.header h2{margin:0;font-size:40px!important;color:#1b455d!important}.details{margin-bottom:20px}.details p{margin:5px 0;font-size:28px;color:#1b455d!important}.payslip-table table{width:100%;height:auto;border-collapse:collapse;border:1px solid #02314b!important}.payslip-table td,.payslip-table th{padding:8px;text-align:left;font-size:32px!important}.payslip-table th{text-align:center}.payslip-table td:nth-child(7),.text-right{text-align:right!important}.payslip-table td{color:#1b455d!important;border:1px solid #02314b!important}.payslip-table th{font-weight:700;background-color:#1b455d!important}.payslip-table td.lot_name{color:red!important}.payslip-table td.paid_text{color:#0fc12a!important}.payslip-table tbody tr{color:#1b455d!important;border:1px solid #02314b!important}.total td{font-weight:700}.total td,footer p{color:#1b455d!important}.MenuBar{position:fixed;z-index:9999;width:85%;height:80px;left:15%;top:0;padding:0 3rem 0 0;background:var(--light);box-shadow:0 3px 25px rgba(0,0,0,.05);z-index:900}.MenuBar,.MenuBarIcon{transition:width .7s,left .7s}.MenuBarIcon{width:93%;left:7%}.MenuBar .menuList{display:flex;justify-content:end;grid-gap:10px;gap:10px;height:100%;align-items:center}.MenuBar .menuList .Open{left:-17px;z-index:99;position:absolute;width:30px;height:30px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-green);cursor:pointer}.arrowIcon{width:8px}.RightIcons{display:flex;grid-gap:9px;align-items:center;grid-gap:15px;gap:15px}.notiBell{width:20px}.profileIcon{width:40px;height:40px;padding:3px;border:1px solid #ddd}.MenuBar .dropdown{color:var(--text-color)}.MenuBar .dropdown .dropdown-toggle{padding:0;border:none;background-color:initial}.MenuBar .dropdown .dropdown-toggle:after{display:none}.MenuBar .dropdown .dropdown-menu{border:none;box-shadow:2px 3px 4px rgba(0,0,0,.10196078431372549);border-radius:10px;margin-top:5px}.MenuBar .dropdown .dropdown-menu .dropdown-header,.MenuBar .dropdown .dropdown-menu .dropdown-item{padding:8px 0}.MenuBar .ddlNotification .dropdown-menu{width:370px;overflow-y:auto;overflow-x:auto;max-height:293px;padding:0}.MenuBar .ddlAccount .dropdown-menu{width:230px;padding:12px 25px}.MenuBar .ddlAccount .dropdown-menu .dropdown-item{padding:8px 0}.MenuBar .ddlAccount .dropdown-menu .dropdown-header h6{color:var(--light_blue);font-size:15px}.MenuBar .ddlAccount .dropdown-menu .dropdown-header p{margin-bottom:0;font-size:11px;color:var(--grey)}.MenuBar .ddlAccount .dropdown-menu .dropdown-item{padding:5px 8px;border-radius:3px;font-size:12px}.MenuBar .ddlAccount .dropdown-menu .dropdown-item:hover{background:none;color:var(--light_blue)}.MenuBar .ddlNotification .dropdown-menu .dropdown-item{padding:10px;border:2px solid transparent;border-bottom-color:hsla(0,2%,40%,.175)}.MenuBar .ddlNotification .dropdown-menu .dropdown-item:active,.MenuBar .ddlNotification .dropdown-menu .dropdown-item:hover{border:2px solid var(--white);color:var(--text-color)}.MenuBar .ddlNotification .dropdown-menu .noti-datetime-wrapper,.MenuBar .ddlNotification .dropdown-menu .noti-image-wrapper,.MenuBar .ddlNotification .dropdown-menu .noti-text-wrapper{display:table-cell;vertical-align:middle;padding-top:10px;padding-bottom:10px}.MenuBar .ddlNotification .dropdown-menu .noti-image-wrapper{padding-right:12px;padding-left:12px}.MenuBar .ddlNotification .dropdown-menu .imgNotiProfile{width:33px}.MenuBar .ddlNotification .dropdown-menu .noti-text-wrapper{width:280px;white-space:normal;padding-right:13px;padding-left:6px}.MenuBar .ddlNotification .dropdown-menu .noti-datetime-wrapper{padding-left:15px;padding-right:15px}.MenuBar .ddlNotification .dropdown-menu .noti-datetime-wrapper .noti-date,.MenuBar .ddlNotification .dropdown-menu .noti-text-wrapper{font-size:13px}.MenuBar .ddlNotification .dropdown-menu .noti-text-wrapper .noti-name{text-transform:uppercase}.MenuBar .ddlNotification .dropdown-menu .noti-datetime-wrapper .noti-time{font-size:12px}.MenuBar .ddlNotification .dropdown-menu .noti-datetime-wrapper .noti-date,.MenuBar .ddlNotification .dropdown-menu .noti-datetime-wrapper .noti-time{text-align:right}.unseen-noti{background-color:rgba(62,149,254,.1)}.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);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;border:.5px solid #e5e4e2;border-radius:10px}.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}}.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;--light:#fafafb;--light_blue:#3e95fe;--grey:#aaaaab;--btn_active:#f5faff;--font_family:"Roboto",sans-serif;--text_color:#595959;--sky_blue:#6caefe;--hover_color:#8c8cf4}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:var(--light);box-shadow:0 4px 4px rgba(0,0,0,.2)}.rightPanel{padding:35px 40px;height:100%}.leftPanel-container{margin-top:7em}.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}.button{font-size:14px;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:10px;text-align:center;cursor:pointer}.btnClose{width:auto!important;background-color:initial;box-shadow:none}.btnAdd{display:flex;align-items:center;justify-content:center;background-color:var(--light)!important;color:var(--sky_blue)!important;border-radius:8px!important;width:auto;height:32px;line-height:14px}.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%}.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}.export-button{background-color:#fff;border:none;color:#3e95fe;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;cursor:pointer;border-radius:5px}.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.baa7cfc6.chunk.css.map */