@charset "UTF-8";.App{height:100%;width:100%}body{background-color:#f1f2ff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;margin:0;padding:0}.employeesTab-table table .error{background-color:#ce3434}@media only screen and (max-height:920px){.upload-preview-tab{max-height:350px;overflow-y:auto}}@media only screen and (max-height:850px){.upload-preview-tab{max-height:250px;overflow-y:auto}}@media only screen and (max-height:740px){.upload-preview-tab{max-height:200px;overflow-y:auto}}@media only screen and (max-height:680px){.upload-preview-tab{max-height:100px;overflow-y:auto}}.employeesTab-table table .error td{color:#fff}.employeesTab-table table .error:hover td{color:#686868}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.MainBody{height:auto;margin-top:100px;position:absolute;width:100%}.MainBody2{display:flex!important;flex-direction:column!important;place-items:center!important}.LeftSpace{width:320px}.BodySpace{height:auto;width:80%}.BodySpace2{height:auto;width:90%!important}#active-custom-add-form,#active-custom-delete-form,#active-custom-edit-form{display:block}#custom-add-form,#custom-delete-form,#custom-edit-form{display:none}.form button{border:none;border-radius:5px;font-weight:700;height:35px;margin:0 1px}.form{background-color:#fff;box-shadow:0 4px 8px 0 #00000091,0 6px 20px 0 #00000030;color:#686868;display:none;left:50%;min-width:350px;position:absolute;top:75%;transform:translate(-50%,-50%);z-index:1001}.modal .popUp-header{align-items:center;padding:10px 20px}.modal .popUp-header .popUp-title{width:80%}.modal .popUp-header .popUp-close{text-align:right;width:20%}.modal .popUp-header .popUp-close:hover{cursor:pointer}.modal .popUp-body{max-height:600px;min-width:500px;overflow-y:auto;padding:0 20px}.modal .popUp-body .popUp-item{width:100%}.modal .popUp-footer{align-content:center;display:flex;justify-content:right;padding:10px 20px}#active-custom-add-form,#active-custom-delete-form,#active-custom-edit-form,#active-custom-view-form{display:block}#custom-add-form,#custom-delete-form,#custom-edit-form,#custom-view-form{display:none}.modal button{border:none;border-radius:3px;height:34px}.modal .save{background-color:#2975c5;color:#fff}.modal .save:hover{background-color:#1b4d83;cursor:pointer}.modal .select{background-color:#fd967c;border-radius:3px;color:#fff}.modal .select:hover{background-color:#ec7659;cursor:pointer}.modal .clear-select{background-color:#c52e29;border-radius:3px;color:#fff}.modal .clear-select:hover{background-color:#a02521;cursor:pointer}.employee-select .select{background-color:#fd967c;border:none;border-radius:3px;color:#fff;height:34px}.employee-select .select:hover{background-color:#ec7659;cursor:pointer}.employee-select input::placeholder{color:rgba(0,0,0,.356)}.modal .cancel{background-color:#c52e29;color:#fff}.modal .cancel:hover{background-color:#8d211d;cursor:pointer}.modal .add{background-color:#4cc92a;color:#fff}.modal .add:hover{background-color:#2e9710;cursor:pointer}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility 0s linear .3s;visibility:hidden;width:100%;z-index:3001}.toggleMessage-overlay{background-color:initial!important;pointer-events:none!important}.toggleMessage{position:absolute;top:1%!important}.modal-overlay.open{opacity:1;transition:opacity .3s ease,visibility 0s linear 0s;visibility:visible}.modal li{list-style-type:none;padding:10px}.modal li:hover{background-color:#6690ca8e;cursor:pointer}.modal{background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0000004d;color:#686868;padding:20px}.info-item-holder{align-items:end;justify-content:space-between}.info-item{padding:10px 0}.info-item2{width:50%}.info-item3{width:33%}.info-item4{width:25%}.info-item-label{font-weight:700;padding:5px 0}.info-item input{border:1px solid #80808080;border-radius:3px;color:gray;height:30px;width:90%}.info-item input::placeholder{color:rgba(0,0,0,.356)}.info-item input:focus,.info-item select:focus,.info-item textarea:focus{outline:1px solid #668fca}.info-item select:disabled{opacity:1}.info-item select{border-color:#80808080;border-radius:3px;color:rgba(0,0,0,.356);height:35px;width:90%}.info-item select option{color:#686868}.request_title{justify-content:center}.select-employee-table table{border:1px solid #00000030;border-collapse:collapse;width:100%}.select-employee-table td{border-bottom:1px solid #8080803d;padding:10px;text-align:center}.select-employee-table tbody tr:hover{background-color:#668fca;color:#fff;cursor:pointer}.select-employee-table tbody .active{background-color:#668fca;color:#fff}.select-employee-table th{background-color:#bacde757;color:#686868;min-width:100px;padding:10px}.table-page button{border:none;color:#fff}.table-page .next,.table-page .prev{background-color:#ed8b2c}.table-page .next:hover,.table-page .prev:hover{background-color:#c46302;cursor:pointer}.restriction{background-color:#f76300;border-radius:5px;color:#fff;left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%)}.warning-message{top:125px!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#777}.custom-loader{border:2px solid #668fca;border-radius:20px;height:22px;overflow:hidden;position:relative;width:120px}.custom-loader:before{animation:loading-animation 2s infinite;background:#668fca;border-radius:inherit;content:"";inset:0;position:absolute}@media only screen and (max-width:1200px){.modal .popUp-body{max-height:500px}}@media only screen and (max-width:900px){.info-item{width:100%}.info-item-holder{flex-direction:column}.modal .popUp-body{min-width:300px}}@media only screen and (max-height:800px){.modal .popUp-body{max-height:400px!important}}@media only screen and (max-height:600px){.modal .popUp-body{max-height:300px!important}}@keyframes slideLeft-sidebar{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideRight-sidebar{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.SidebarContainer{display:flex;flex-direction:row;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:300px;z-index:3000}.SidebarHolder{background-color:#fff;flex-grow:1;flex:1 1;height:100%;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:relative}.sideBar-hidden{-webkit-animation:slideLeft-sidebar 0s forwards;-webkit-animation-delay:0s;animation:slideLeft-sidebar .2s forwards;animation-delay:0s;left:0;pointer-events:auto;top:0;transform:translateX(0)}.sideBar-show{-webkit-animation:slideRight-sidebar 0s forwards;-webkit-animation-delay:0s;animation:slideRight-sidebar .2s forwards;animation-delay:0s;left:0;pointer-events:auto;transform:translateX(-100%)}.sideBarHide{border-radius:5px 0 0 5px;justify-content:center;right:0}.sideBarHide,.sideBarShow{align-items:center;background-color:#668fca;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #0000001a;color:#fff;display:flex;height:30px;pointer-events:auto;position:absolute;width:40px}.sideBarShow{border-radius:0 5px 5px 0;left:0;top:35px;z-index:-1}.sideBarHide:hover,.sideBarShow:hover{background-color:#4b6c9b;cursor:pointer;transform:scale(1.2)}.SidebarTitle{align-items:center;background-color:#fff;border-bottom:3px solid #f1f2ff;color:#668fca;height:100px;justify-content:center;list-style-type:none;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1001}.SidebarTitle:hover{cursor:pointer}.SidebarTitle .icon{display:grid;place-items:center;width:30%}.SidebarTitle .icon img{height:80px;width:auto}.SidebarTitle .title{font-weight:700;width:55%}.Sidebar{background-color:#fff;height:100%;padding:1%;width:200px}.SidebarMenu{grid-gap:22px;color:gray;display:grid;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:700;grid-template-columns:1fr auto 1fr;grid-template-rows:16px 0;margin:20% 0 0 20%}.SidebarMenu:after,.SidebarMenu:before{border-bottom:1px solid #5a5a5a;content:" ";display:block}.SidebarList{height:auto;padding-bottom:20px;width:100%}.SidebarList .SidebarRow{align-items:center;color:gray;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;height:60px;justify-content:center;list-style-type:none;margin:10px 0;width:100%}.SidebarList .SidebarRow:hover{cursor:pointer}.SidebarList #active,.SidebarList .SidebarRow:hover{border-radius:10px 10px 10px 10px;color:#668fca;transform:scale(1.1)}.SidebarList #active{background-color:#f1f2ff}.SidebarRow #icon{display:grid;flex:30% 1;place-items:center}.SidebarRow #title{flex:70% 1}.mainte-subMenu{color:gray;display:none}#mainte-subMenu-active{display:block}.mainte-subMenu ul:hover{border-radius:10px 10px 10px 10px;color:#668fca;cursor:pointer;transform:scale(1.1)}.mainte-subMenu ul{margin-left:30px;padding:15px;width:80%}#active-menu-employeesTab,#active-menu-govt,#active-menu-loan,#active-menu-maintenance,#active-menu-payroll,#active-menu-personnel,#active-menu-reports,#active-menu-timeKeeping,#active-menu-transaction{border-radius:10px;color:#668fca;cursor:pointer;transform:scale(1.1)}#active-subMenu-employeesTab,#active-subMenu-govt,#active-subMenu-loan,#active-subMenu-maintenance,#active-subMenu-payroll,#active-subMenu-personnel,#active-subMenu-reports,#active-subMenu-timeKeeping,#active-subMenu-transaction{display:block}#active-ul{background-color:#f1f2ff;border-radius:10px 10px 10px 10px;color:#668fca;transform:scale(1.1)}.HamburgerMenu{display:none;pointer-events:auto}.HamburgerMenu .icon{margin:10px}.SidebarTitle .closeMenu{color:gray;display:none;width:15%}@media(max-width:900px){.SidebarHolder{transform:translateX(-100%)}.Sidebar,.SidebarTitle{display:none}#sidebar-active{display:block}#sidebarTitle-active{display:flex}#sidebarHolder-active{-webkit-animation:slideRight-sidebar 0s forwards;-webkit-animation-delay:0s;animation:slideRight-sidebar .2s forwards;animation-delay:0s;left:0;transform:translateX(-100%)}@keyframes slideRight-sidebar{to{transform:translateX(0)}}#sidebarHolder-close{-webkit-animation:slideLeft-sidebar 0s forwards;-webkit-animation-delay:0s;animation:slideLeft-sidebar .2s forwards;animation-delay:0s;left:0;transform:translateX(0)}@keyframes slideLeft-sidebar{to{transform:translateX(-100%)}}.HamburgerMenu{align-items:center;color:gray;display:flex;height:40px;margin:20px 10px 10px 0;z-index:1000}.HamburgerMenu:hover{color:#668fca;cursor:pointer}#menuSlide{position:fixed}#menuSlide-active{display:none}.SidebarTitle .closeMenu{display:flex}.SidebarTitle .closeMenu:hover{color:#668fca;cursor:pointer}}.Topbar{background-color:#fff;height:70px;position:fixed;width:100%;z-index:2999}.SearchBar{border-radius:10px 10px 10px 10px;color:gray;display:flex;height:50%;margin:22px 0 22px 320px;outline-color:#bbb;outline-style:solid;outline-width:thin;width:35%}.SearchBar2{margin-left:100px!important}.SearchBar .Icon{padding:5px;text-align:center;width:10%}.SearchBar .Input{padding:5px;width:90%}.SearchBar .Input input{border:none;color:gray;height:100%;padding:0;width:100%}.SearchBar .Input input:focus{outline:none}.topbar-searchList{background-color:#fff;box-shadow:0 4px 8px 0 #00000091,0 6px 20px 0 #00000030;color:#686868;left:320px;margin:0;max-height:500px;overflow-y:auto;padding:0;position:absolute;top:82.5%;width:35%;z-index:5}.topbar-searchList li{list-style:none;padding:10px}.topbar-searchList li:hover{cursor:pointer}.topbar-searchList li.focused,.topbar-searchList li:hover{background-color:#668fca;color:#fff}.User{align-items:center;justify-content:center;margin-top:10px;position:absolute;right:5%}.User .UserImg{height:50px;width:50px}.User .UserImg img{border-radius:50%;box-shadow:0 4px 8px 0 #0000001a,0 6px 20px 0 #0000001a;height:100%;width:100%}.User .UserImg img:hover{cursor:pointer}.User .Btn{color:gray;height:30px;margin-top:10px;text-align:center;width:30px}.User .Btn:hover{cursor:pointer}.User .ddContent{background-color:#fff;border-radius:10px 10px 10px 10px;box-shadow:0 8px 16px 0 #0003;color:#686868;margin:10px 0;min-width:160px;padding:10px;position:absolute;right:5%;text-align:center;top:90%;z-index:5}.User .ddContent-item{border-bottom:1px solid #d7d7d7;padding:20px 0}.User .ddContent-item:hover{color:#668fca;cursor:pointer}@media(max-width:900px){.topbarToggle{align-items:center;background-color:#fff;color:gray;display:flex;height:40px;margin:10px 0;position:fixed;right:0}.SearchBar{margin-left:70px}.topbar-searchList{left:0;margin-left:70px}}.ReportsInfo{background-color:#fff;border-radius:10px 10px 10px 10px;color:#686868;margin:0 0 50px;width:100%}.ReportsInfo .reports-header{padding:5px 20px}.reports-body{padding:20px}.reports-header h3{color:#668fca;margin-bottom:0}.reports-footer{padding:20px}.reports-footer .buttons{align-items:center;justify-content:right}.reports-footer button{border:none;border-radius:5px;height:40px;width:100px}.reports-footer .add{background-color:#4cc92a;color:#fff}.reports-footer .add:hover{background-color:#36921d;cursor:pointer}.reports-footer .generate{background-color:#004c9c;color:#fff}.reports-footer .generate:hover{background-color:#05376b;cursor:pointer}.payroll-history-table .view{background-color:#57b0a9;border-radius:5px;color:#fff;height:30px;width:50px}.payroll-history-table .view:hover{background-color:#377570;cursor:pointer}.payroll-history-table [data-testid=RemoveRedEyeIcon]{font-size:16px}.datePay-section .dateInput,.payslip-employee{border:1px solid #80808080;border-radius:3px;color:#686868;height:30px;width:70%}.datePay-section .dateInput{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.payslip-form{background-color:#fff;box-shadow:0 4px 8px 0 #00000091,0 6px 20px 0 #00000030;color:#686868;display:none;left:50%;max-height:800px;overflow-wrap:break-word;overflow-y:auto;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1001}.payslip-form .numbers{width:120px}.payslip-form .payslipValues{border:none;color:#686868;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:15px;font-weight:700}.payslip-form .payslipValues:focus{outline:none}.payslip-form .buttons{align-items:center;justify-content:end}.payslip-form .buttons [data-testid=LocalPrintshopIcon]{color:#377570}.payslip-form .buttons [data-testid=LocalPrintshopIcon]:hover{color:#187c74;cursor:pointer}.payslip-form .buttons [data-testid=CloseIcon]:hover{cursor:pointer}.payslip-content{padding:10px 20px}.payslip-header{color:#668fca;padding:20px 0}.payslip-form .left,.payslip-form .right{width:50%}.payslip-form label{color:#668fca;padding:10px 0}.report-item{width:50%!important}.payslip-body{padding:20px 0;width:700px}@media only screen and (max-width:900px){.payslip-employee{width:100%}.payslip-body{width:500px}}@media only screen and (max-width:700px){.info-item{width:100%}.datePay-section .dateInput{width:90%}.payslip-body{width:300px}.payslip-sect{flex-direction:column}.payslip-form .left,.payslip-form .right{width:100%}}.Introduction{align-items:center;color:#686868;justify-content:space-between}.Introduction .dashboard{width:65%}.Introduction .dashboard,.Introduction .statistics{background-color:#fff;border-radius:10px 10px 10px 10px;height:250px}.Introduction .statistics{width:34%}.Introduction .statistics .totalEmployees{display:flex;flex-direction:column;justify-content:center;text-align:center;width:40%}.Introduction .statistics .totalEmployees h1{font-size:50px;margin:0}.Introduction .statistics .chart{width:59%}.Introduction .statistics .chart .barStat{height:80%}.Introduction .statistics .chart .barCategory{align-items:center;height:19%;justify-content:space-evenly}.Introduction .statistics .chart .tooltipCustom{background-color:#fff;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #0003;padding:5px}.Introduction .statistics .chart .barCategory .cat{font-size:14px;text-align:center;width:33.33%}.statistics .employee-basic-info{align-items:center;display:flex;height:100%;justify-content:center;width:50%}.statistics .employee-basic-info img{border-radius:10px;box-shadow:0 2px 2px 0 #0003,0 6px 20px 0 #0003;height:70%;width:auto}.statistics .profile-header{align-items:center;background-color:#668fca;border-radius:10px 10px 0 0;color:#fff;padding:20px}.events-message{border:1px solid #cfcfcf;border-radius:10px;margin-bottom:50px;min-height:100px;padding:0 20px}.Intro-img{align-items:center;display:flex;justify-content:center;position:relative;width:40%}.Intro-img img{border:1px solid #cfcfcf;height:240px;position:absolute;width:95%}.imageButton{align-items:center;display:flex;flex-direction:row;justify-content:space-between;position:absolute;width:100%;z-index:100}.imageButton button{background-color:#000000b3;border:none;color:#fff;height:100px}.imageButton button:hover{background-color:#000000dc;cursor:pointer}.Intro-content{border:20px solid #fff;overflow:auto;width:59%}.Intro-content .contentText{padding:0 20px}.Intro-content p{font-size:18px}.employee{width:100%}.notifications{color:#686868;padding-bottom:50px;width:24%}.notifications .notifs{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;height:375px;margin:50px 20px;width:100%}.notifications .notifs .notifHeader{align-items:center;background:#5883ff;border-radius:10px 10px 0 0;color:#fff;height:50px;padding:0 10px;position:-webkit-sticky;position:sticky;top:0}.notifications .notifs .notifContent{overflow:auto}.notifications .notifs .notifContent .notifItem{align-items:center;border-bottom:3px solid #6868684d;height:70px;justify-content:center;margin:0 20px}.notifications .notifs .notifContent .notifItem:hover{background-color:#2525251a;border-radius:10px 10px 10px 10px;cursor:pointer}.notifications .notifs .notifContent .notifItemIcon{width:10%}.notifications .notifs .notifContent .notifItemMsg{padding:10px;width:89%}.notifications .messages{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;height:375px;margin:0 20px;width:100%}.notifications .messages .msgHeader{align-items:center;background:#ffa454;border-radius:10px 10px 0 0;color:#fff;height:50px;padding:0 10px;position:-webkit-sticky;position:sticky;top:0}.notifications .messages .msgContent{overflow-y:auto}.notifications .messages .msgContent .msgItem{align-items:center;background-color:#2525251a;border-radius:10px 10px 10px 10px;height:70px;justify-content:center;margin:10px 20px;padding:10px}.notifications .messages .msgContent .msgItem .msgItemIcon{height:80%;width:auto}.notifications .messages .msgContent .msgItem .msgItemIcon img{border-radius:50%;height:100%;width:auto}.notifications .messages .msgContent .msgItem .msgItemMessage{padding:10px;width:79%}.notifications .messages .msgContent .msgItem:hover{cursor:pointer}.EmployeeInfo{background-color:#fff;border-radius:10px 10px 10px 10px}.EmployeeList{height:auto;margin:20px 0;overflow:hidden}.EmployeeList .Header{color:#686868;height:auto;width:100%}.EmployeeList .Header .titleContainer{align-items:center;color:#668fca;padding:10px 0 0 25px}.EmployeeSearchBar{padding:0 0 20px}.EmployeeSearchBarIcon{color:gray;padding-top:10px;text-align:center;width:50px}.EmployeeSearchBarInput{padding-top:10px;width:100%}.EmployeeSearchBarInput input{border:none;border-bottom:1px solid;color:gray;height:100%;padding:0;width:100%}.EmployeeSearchBarInput input:focus{outline:none}.EmployeeList .employeeTabs{color:#686868;padding:10px}.EmployeeList .employeeTabs .react-tabs__tab-list{align-items:center;border-bottom:3px solid #6868684d;display:flex;flex-direction:row;justify-content:left}.container .Approved{background-color:#226d0d;color:#fff}.container .Disapproved{background-color:#9e2727;color:#fff}.container .Cancelled{background-color:#a9a9a9}.container [data-testid=RemoveRedEyeIcon]{border:1px solid #45bdd0;border-radius:5px;color:#45bdd0}.container [data-testid=RemoveRedEyeIcon]:hover{background-color:#45bdd0;color:#fff;cursor:pointer;transform:scale(1.1)}.container [data-testid=ImageIcon]{border:1px solid #45bdd0;border-radius:5px;color:#45bdd0}.container [data-testid=ImageIcon]:hover{background-color:#45bdd0;color:#fff;cursor:pointer;transform:scale(1.1)}.emp-transac-manage [data-testid=EditIcon]{border:1px solid #4cc92a;border-radius:5px;color:#4cc92a}.emp-transac-manage [data-testid=EditIcon]:hover{background-color:#4cc92a;color:#fff;cursor:pointer;transform:scale(1.1)}.emp-transac-manage [data-testid=NotInterestedIcon]{border:1px solid #c52e29;border-radius:5px;color:#c52e29}.emp-transac-manage [data-testid=NotInterestedIcon]:hover{background-color:#c52e29;color:#fff;cursor:pointer;transform:scale(1.1)}.itinerary [data-testid=DeleteForeverIcon]{border:1px solid #c52e29;border-radius:5px;color:#c52e29}.itinerary [data-testid=DeleteForeverIcon]:hover{background-color:#c52e29;color:#fff;cursor:pointer;transform:scale(1.1)}.modal-events-image:hover{border:1px solid #668fca;cursor:pointer}.top-table{align-items:center;padding:10px;width:100%}.top-table .right{justify-content:end;padding:0 20px}.top-table .add{background-color:#4cc92a;border:1px solid #4e7c1f;border-radius:5px;color:#fff;height:30px}.top-table .add:hover{background-color:#4e7c1f;cursor:pointer}option{font-size:14px}.EmployeeList .employeeTabs .react-tabs__tab--selected{background-color:#668fca;color:#fff}.viewMessage,.viewNotif{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px 0 #00000091,0 6px 20px 0 #00000030;color:#686868;display:none;left:50%;min-width:350px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}.viewMessage [data-testid=CloseIcon]:hover,.viewNotif [data-testid=CloseIcon]:hover{cursor:pointer}.viewMessage-header,.viewNotif-header{align-items:center;border-bottom:1px solid rgba(0,0,0,.384);justify-content:space-between}.viewMessage-header .right,.viewNotif-header .right{text-align:right;width:20%}.viewMessage-header .left,.viewNotif-header .left{width:80%}.viewMessage-content,.viewNotif-content{background-color:#ffedd8;padding:20px}#viewMessage-active,#viewNotif-active{display:block}.viewMessage .viewMessage-body,.viewNotif .viewNotif-body{padding:20px}.viewMessage-footer,.viewNotif-footer{align-items:center;justify-content:end}.viewMessage-footer button,.viewNotif-footer button{border:none;border-radius:3px;color:#fff;height:30px}.viewMessage-footer .cancel,.viewNotif-footer .cancel{background-color:#f33030}.viewMessage-footer .cancel:hover,.viewNotif-footer .cancel:hover{background-color:#c02222;cursor:pointer}.viewMessage-footer .save,.viewNotif-footer .save{background-color:#004c9c}.viewMessage-footer .save:hover,.viewNotif-footer .save:hover{background-color:#053568;cursor:pointer}@media only screen and (max-width:1670px){.BodySpace{width:79%}}@media only screen and (max-width:1570px){.BodySpace{width:75%}}@media only screen and (max-width:1350px){.BodySpace{width:70%}.homeBody{display:flex;flex-direction:column}.employee,.notifications{width:100%}.notifications .messages,.notifications .notifs{height:200px;margin:10px 0}}@media only screen and (max-width:1200px){.Introduction{display:block}.Intro-content{padding:0}.Introduction .dashboard{width:100%}.Introduction .statistics{margin-top:50px;width:100%}.EmployeeInfo{width:100%}}@media only screen and (max-width:1100px){.BodySpace{width:65%}}@media only screen and (max-width:1000px){.BodySpace{width:63%}}@media only screen and (max-width:900px){.MainBody{display:flex;flex-direction:column;place-items:center}.BodySpace{width:80%}.Introduction .dashboard{display:flex;flex-direction:column;height:600px;justify-content:center;padding:10px 0;width:100%}.EmployeeInfo,.Introduction .statistics{width:100%}.Introduction .Intro-content,.Introduction .Intro-img{margin-top:120px;width:auto}.notifications{width:100%}.top-table{align-items:start;flex-direction:column}.top-table .right{justify-content:start;padding:10px 0}.statistics-profile{height:auto!important}.profile{padding:20px 0}}@media only screen and (max-width:600px){.profile{flex-direction:column}.statistics .employee-basic-info{width:100%}.profile-info{padding:0 20px}}.typing-animation span{animation:typing-animation 1s steps(40);border-right:2px solid #0000;caret-color:#0000;color:#668fca}@keyframes typing-animation{0%{width:0}}.EmployeesTabInfo{background-color:#fff;border-radius:10px 10px 10px 10px;color:#686868;margin:0 0 50px;width:100%}.add-employees-form button,.employeesTab-body .body-top-btn button{border-radius:5px;height:35px;margin:5px}.add-employeesTab-tabPanel,.employeesTab-tabPanel{height:700px;padding:20px}.employeesTab-title{padding:20px 0}.EmployeesTabInfo .employeesTab-header{padding:5px 20px}.EmployeesTabInfo .employeesTab-header h3{color:#668fca;margin-bottom:0}.employeesTab-body{padding:10px 20px}.view-emp{overflow:auto}.generate-submit{background-color:#0062cc;color:#fff}.generate-submit:hover{background-color:#06468a;cursor:pointer}.print-button{background-color:#f8a960;color:#fff}.print-button:hover{background-color:#c58548;cursor:pointer}.employeesTab-tab .react-tabs__tab-list{align-items:center;background-color:#fff;display:flex;flex-direction:row;font-size:14px;justify-content:left;overflow-x:auto;overflow-y:hidden;position:-webkit-sticky;position:sticky;top:0}.employeesTab-tab .react-tabs__tab--selected{background-color:#668fca;color:#fff}.personal-tab .major-info .major-info-left{align-items:center;display:flex;justify-content:center;padding:10px 0;width:30%}.personal-tab .major-info .major-info-left img{height:200px;max-width:200px}.personal-tab .major-info .major-info-left img:hover{border:3px solid #668fca;cursor:pointer}.personal-tab .major-info .major-info-right{padding:10px 0;width:70%}.major-info-right-item{align-items:center;display:flex;justify-content:space-between}.tab-footer{width:100%}.tab-footer .buttons{align-items:center;justify-content:end;padding:20px 0}button{align-items:center;justify-content:center}.lowerpart .submit{background-color:#0062cc;border:none;border-radius:5px;color:#fff;height:50px;width:100px}.lowerpart .submit:hover{background-color:#05468b;color:#fff;cursor:pointer}.tab-footer .buttons .next{background-color:#fdac4e;border:none;color:#fff}.tab-footer .buttons .next:hover{background-color:#bb7a2f;color:#fff;cursor:pointer}.tab-footer .buttons .previous{background-color:#fd4e4e;border:none;color:#fff}.tab-footer .buttons .previous:hover{background-color:#a32d2d;color:#fff;cursor:pointer}.employeesTab-body .add{background-color:#4cc92a;border:1px solid #4e7c1f;border-radius:5px;color:#fff;height:35px;margin:0 1px}.employeesTab-body .add:hover{background-color:#3b9c21;color:#fff;cursor:pointer}.employeesTab-body .hide{background-color:#c52929;border:1px solid #a01f1f;border-radius:5px;color:#fff;height:35px;margin:0 1px}.employeesTab-body .hide:hover{background-color:#a01f1f;color:#fff;cursor:pointer}.employeesTab-body .showAccess{background-color:#fa0;border:1px solid #ca8a09;border-radius:5px;color:#fff;height:35px;margin:0 1px}.employeesTab-body .showAccess:hover{background-color:#ca8a09;color:#fff;cursor:pointer}.employeesTab-body .view-all{background-color:#45bdd0;border:1px solid #2c7783;border-radius:5px;color:#fff;height:35px;margin:0 1px}.employeesTab-body .view-all:hover{background-color:#2c7783;color:#fff;cursor:pointer}.employeesTab-body .approve{background-color:#0062cc;border:1px solid #014286;border-radius:5px;color:#fff;height:35px;margin:0 1px}.employeesTab-body .approve:hover{background-color:#014286;color:#fff;cursor:pointer}.employeesTab-body .download{background-color:#29aec5;border:1px solid #115b68;border-radius:5px;color:#fff;height:35px;margin:0 1px}.employeesTab-body .download:hover{background-color:#115b68;color:#fff;cursor:pointer}.employeesTab-body .upload{background-color:#29aec5;border:1px solid #115b68;border-radius:5px;color:#fff;height:35px;margin:0 1px}.employeesTab-body .upload:hover{background-color:#115b68;color:#fff;cursor:pointer}.employeesTab-body .createBio{background-color:#e5a105;border:1px solid #a57300;border-radius:5px;color:#fff;height:35px;margin:0 1px}.employeesTab-body .createBio:hover{background-color:#a57300;color:#fff;cursor:pointer}.tab-footer .save{background-color:#2371e6;border:none;border-radius:5px;color:#fff;font-weight:700;height:35px;margin:0 1px}.tab-footer .save:hover{background-color:#3b9c21;color:#fff;cursor:pointer}.centeredStyle{align-items:center;display:flex;justify-content:center}.id-container{border:1px solid #000;height:600px;margin:5px;position:relative;width:48%}.id-container img{height:100%;width:100%}.employeesTab-table table{font-size:14px}.employeesTab-table tbody .active,.employeesTab-table tbody .active:hover{background-color:#b1cdff;color:#fff}.view-employee{padding:0!important}.view-employee-header{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1}.add-employees-form{background-color:#fff;box-shadow:0 4px 8px 0 #00000091,0 6px 20px 0 #00000030;color:#686868;left:50%;min-width:350px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1001}.add-employees-form .popUp-header{align-items:center;padding:10px 20px}.add-employees-form .popUp-header .popUp-title{width:80%}.add-employees-form .popUp-header .popUp-close{text-align:right;width:20%}.add-employees-form .popUp-header .popUp-close:hover{cursor:pointer}.add-employees-form .popUp-body{padding:0 20px}.add-employees-form .popUp-body .popUp-item{width:100%}.add-employees-form .popUp-footer{align-content:center;display:flex;justify-content:right;padding:10px 20px}#next-button,#previous-button{visibility:hidden}#active-next-button,#active-previous-button{visibility:visible}.body-top{padding:10px 0}.body-top-search{width:50%}.body-top-btn{align-items:center;flex-wrap:wrap;width:100%}.employeesTab-table [data-testid=ModeEditIcon]{border:1px solid #4ac529;border-radius:5px;color:#4ac529}.employeesTab-table [data-testid=ModeEditIcon]:hover{background-color:#4ac529;color:#fff;cursor:pointer;transform:scale(1.1)}.employeesTab-table [data-testid=PreviewIcon]{border:1px solid #cd7f2c;border-radius:5px;color:#cd7f2c}.employeesTab-table [data-testid=PreviewIcon]:hover{background-color:#cd7f2c;color:#fff;cursor:pointer;transform:scale(1.1)}.employeesTab-table [data-testid=CalendarMonthIcon]{border:1px solid #24a6af;border-radius:5px;color:#29bbc5}.employeesTab-table [data-testid=CalendarMonthIcon]:hover{background-color:#24a6af;color:#fff;cursor:pointer;transform:scale(1.1)}.employee-list-table [data-testid=PersonAddAltIcon]{border:1px solid #4ac529;border-radius:5px;color:#4ac529}.employee-list-table [data-testid=PersonAddAltIcon]:hover{background-color:#4ac529;color:#fff;cursor:pointer;transform:scale(1.1)}.employeesTab-table [data-testid=DeleteForeverIcon]{border:1px solid #c52929;border-radius:5px;color:#c52929}.employeesTab-table [data-testid=DeleteForeverIcon]:hover{background-color:#c52929;color:#fff;cursor:pointer;transform:scale(1.1)}.employeesTab-table [data-testid=RemoveRedEyeIcon]{border:1px solid #45bdd0;border-radius:5px;color:#45bdd0}.employeesTab-table [data-testid=RemoveRedEyeIcon]:hover{background-color:#45bdd0;color:#fff;cursor:pointer;transform:scale(1.1)}.employeesTab-table [data-testid=VisibilityOffIcon]{border:1px solid #c52929;border-radius:5px;color:#c52929}.employeesTab-table [data-testid=VisibilityOffIcon]:hover{background-color:#c52929;color:#fff;cursor:pointer;transform:scale(1.1)}.EmployeesTabInfo .employeesTab-header button{background-color:#0062cc;border:none;border-radius:3px;color:#fff;padding:5px}.EmployeesTabInfo .employeesTab-header button:hover{background-color:#004c9c;cursor:pointer}.add-disabled{background-color:#bebebe;cursor:not-allowed}@media only screen and (max-width:1200px){.major-info{flex-direction:column}.major-info,.minor-info,.personal-tab .major-info .major-info-left,.personal-tab .major-info .major-info-right{width:100%}.view-employee{max-height:600px;overflow-y:auto}}@media only screen and (max-width:900px){.employee-body-top{flex-direction:column}.employee-body-top .body-top-btn{justify-content:start;padding:10px 0 0}}@media only screen and (max-width:700px){.ma-filter-sect{flex-direction:column}}@media only screen and (max-width:900px){.generate-id-body-container{flex-direction:column}.id-container{width:108%}}@media only screen and (max-height:1000px){.employeesTab-tabPanel{height:500px}}@media only screen and (max-height:900px){.employeesTab-tabPanel{height:300px}}.container{max-width:100%!important;overflow:auto;text-align:center}.container table{height:auto;width:100%}.container th{color:#fff}.container td,.container th{background-color:#fff3;padding:15px}.container td{border:1px solid #ddd;color:#686868;height:30px}.container tr{border-bottom:1px solid #a1a1a1}.container th{text-align:center}.container thead th{background-color:#668fca;border:1px solid #ddd;position:-webkit-sticky;position:sticky;top:0;z-index:1}.container #tr-active,.container tbody tr:hover{background-color:#25252514}.container tbody td{position:relative;z-index:0}.avatarImg,.logo{border-radius:50%;height:50px;width:50px}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid #0000;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}.TimeInfo{background-color:#fff;border-radius:10px 10px 10px 10px;color:#686868;height:auto;margin:0 0 50px;width:100%}.sortable-header{-webkit-user-select:none;user-select:none}.TimeInfo .timeHeader{padding:0 20px}.TimeInfo .timeHeader button:hover{background-color:#004c9c;cursor:pointer}.TimeInfo .timeHeader button{background-color:#0062cc;border:none;border-radius:3px;color:#fff;padding:5px}.TimeInfo .timeHeader .tHeaderTitle{align-items:center;color:#668fca;width:50%}.TimeInfo .timeHeader .dateToday{align-items:center;justify-content:right;width:50%}.transaction-body-top{padding:10px 0}.TimeInfo .filters .filterHeader .filterHeader-left{color:#668fca;width:50%}.TimeInfo .filters .filterHeader .filterHeader-right{align-items:center;justify-content:right;width:50%}.filterHeader-right .filterInput input{border:1px solid #80808080;border-radius:3px;color:gray;height:20px;width:100%}.filterHeader-right .filterInput input:focus{outline:none}.TimeInfo .filters .filterName h5{margin:0}.TimeInfo .filters .filterItem{align-items:center;justify-content:space-between;width:100%}.TimeInfo .filters .filterItem .filter{width:30%}.TimeInfo .filters .filterItem .filterSelect{border-color:#80808080;border-radius:3px;color:#686868;height:40px;width:100%}.TimeInfo .mainData{padding:20px}.TimeInfo .timeBtns{align-items:center;justify-content:left;padding:20px 0}.TimeInfo .timeBtns button{align-items:center;justify-content:center}.TimeInfo .timeBtns .extract button{background-color:#29aec5;border:1px solid #259db3;border-radius:3px;padding:10px}.TimeInfo .timeBtns .extract button:hover{background-color:#155864;cursor:pointer}.TimeInfo .timeBtns .delete button{background-color:#ff7e7e;border:1px solid #ca6161;border-radius:3px;padding:10px}.TimeInfo .timeBtns .delete button:hover{background-color:#ca6161;cursor:pointer}.TimeInfo .timeBtns .download button{background-color:#2967c5;border:1px solid #1f4c8f;border-radius:3px;padding:10px}.TimeInfo .timeBtns .download button:hover{background-color:#1f4c8f;cursor:pointer}.TimeInfo .timeBtns .upload button{background-color:#c57c29;border:1px solid #a76a25;border-radius:3px;padding:10px}.TimeInfo .timeBtns .upload button:hover{background-color:#a76a25;cursor:pointer}.TimeInfo .timeBtns .filter-header button{background-color:#ef7dda;border:1px solid #be5dad;border-radius:3px;padding:10px}.TimeInfo .timeBtns .filter-header button:hover{background-color:#be5dad;cursor:pointer}.timeBtns .post button{background-color:#004c9c;border:1px solid #01346b;border-radius:3px;padding:10px}.timeBtns .post button:hover{background-color:#01346b;cursor:pointer}.TimeInfo .timeBtns .approve button{background-color:#0062cc;border:1px solid #004c9c}.TimeInfo .timeBtns .approve button:hover{background-color:#004c9c;cursor:pointer}.TimeInfo .timeBtns .add button{background-color:#0c5;border:1px solid #019e42}.TimeInfo .timeBtns .add button:hover{background-color:#019e42;cursor:pointer}.TimeInfo .timeBtns .detailed button,.TimeInfo .timeBtns .summary button{background-color:#fff;border:1px solid #80808078;color:#686868}.TimeInfo .timeBtns .detailed button:hover,.TimeInfo .timeBtns .summary button:hover{background-color:#e1b170;color:#fff;cursor:pointer}.timeBtn{padding:0 5px}.detailed,.summary{padding:0}.detailed button,.summary button{border-radius:0!important}.timeBtn #active-button{background-color:#e1b170;border:none;color:#fff}#tampered{background-color:#c973c9}.timeBtn button{border:none;border-radius:5px;color:#fff;height:50px}.timeBtn .save{background-color:#0062cc}.timeBtn .save:hover{background-color:#004c9c;cursor:pointer}.TimeInfo .mainData .react-tabs__tab{color:#668fca}.TimeInfo .mainData .react-tabs__tab--selected{background-color:#668fca;color:#fff}.mainData .react-tabs__tab-list{align-items:center;display:flex;flex-direction:row;font-size:14px;justify-content:left;overflow-x:auto;overflow-y:hidden}.table-page{left:0;position:-webkit-sticky;position:sticky}.TimeInfo .mainData .timeTable table{font-size:14px}.timeTable tbody .active{background-color:#b1cdff!important;color:#fff}.timeTable tbody .active:hover{background-color:#b1cdff;color:#fff}.TimeInfo .mainData .timeTable table thead th{background-color:#668fca;color:#fff;min-width:100px;z-index:2}.timeTable [data-testid=ModeEditIcon]{border:1px solid #4ac529;border-radius:5px;color:#4ac529}.timeTable [data-testid=ModeEditIcon]:hover{background-color:#4ac529;color:#fff;cursor:pointer}.header-filter-holder{align-items:center;background-color:#ffd4f7;border:1px solid #fff;display:flex;font-size:14px;padding:20px}.filter-header-popUp{width:1200px}.draggable-header:hover{cursor:pointer}.header-filter-holder .dragged-item{background-color:#668fca;border-radius:5px;color:#fff;margin:5px;padding:5px}.dragged-item .dragged-item-close{margin-left:5px}.dragged-item .dragged-item-close:hover{cursor:pointer}.timeTable [data-testid=DeleteForeverIcon]{border:1px solid #ff7e7e;border-radius:5px;color:#ff7e7e}.timeTable [data-testid=DeleteForeverIcon]:hover{background-color:#ff7e7e;color:#fff;cursor:pointer}.calendarToggle:hover{color:#668fca;cursor:pointer}.calendar{border-radius:10px 10px 10px 10px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;margin-right:-5px;margin-top:305px;position:absolute;width:250px;z-index:5}#calendar{visibility:hidden}#calendar-active{visibility:visible}.calendar .react-calendar{border-radius:10px 10px 10px 10px}.react-calendar__navigation{background-color:#668fca;border-radius:10px 10px 0 0}.react-calendar__navigation button{color:#fff}.react-calendar__navigation__arrow react-calendar__navigation__prev-button:hover{background-color:#000}.popUpHolder{background-color:#fff;box-shadow:0 4px 8px 0 #00000091,0 6px 20px 0 #00000030;color:#686868;display:none;left:50%;min-width:350px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1001}.popUpHolder .popUp-header{align-items:center;padding:10px 20px}.popUp-header .popUp-title{width:80%}.popUp-header .popUp-close{text-align:right;width:20%}.popUp-header .popUp-close:hover{cursor:pointer}.popUpHolder .popUp-body{padding:20px}.popUpHolder .popUp-body .addTab-item3{width:30%}.popUpHolder .popUp-body .addTab-item,.popUpHolder .popUp-body .editTab-item{padding:10px 0}.popUpHolder .popUp-footer{align-content:center;display:flex;justify-content:right;padding:10px 20px}option{color:#686868}select:focus{outline:none}@media only screen and (max-width:1600px){.timeTable [data-testid=DeleteForeverIcon],.timeTable [data-testid=ModeEditIcon]{margin:5px}}@media only screen and (max-width:900px){.uneditable{flex-direction:column}.popUpHolder .popUp-body .addTab-item3{width:100%}.TimeInfo .timeBtns{flex-wrap:wrap}.timeBtn{padding:5px}.processed-post-btns{flex-wrap:wrap-reverse!important}.detailed,.summary{padding:0!important}}@media only screen and (max-width:1300px){.filter-header-popUp{width:1000px}}@media only screen and (max-width:1150px){.filter-header-popUp{width:800px}}@media only screen and (max-width:900px){.filter-header-popUp{width:500px}.timeEntries-search-div{flex-direction:column}}@media only screen and (max-width:600px){.filter-header-popUp{width:300px}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;line-height:16px;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.PayrollInfo{background-color:#fff;border-radius:10px 10px 10px 10px;color:#686868;margin:0 0 50px;width:100%}.PayrollInfo .payrollHeader{align-items:center;justify-content:space-between;padding:0 20px}.PayrollInfo .payrollHeader button{background-color:#0062cc;border:none;border-radius:3px;color:#fff;padding:5px}.PayrollInfo .payrollHeader button:hover{background-color:#004c9c;cursor:pointer}.PayrollInfo .payroll-body{padding:20px}.payroll-title{align-items:center}.PayrollInfo .payroll-body .payroll-table{display:none}.PayrollInfo .payroll-body .payroll-table table,.PayrollInfo .payroll-body .payroll-table2 table{font-size:14px}.PayrollInfo .payroll-body .payroll-table table thead th,.PayrollInfo .payroll-body .payroll-table2 table thead th{background-color:#668fca;color:#fff;min-width:100px;z-index:2}.filters-payroll{border:1px solid #00000029;border-radius:5px;padding:10px}.filter-item-payroll{width:30%}.payroll-filters{align-items:center;justify-content:space-between;padding:10px 0}.payroll-body .react-tabs__tab--selected{background-color:#668fca;color:#fff}.payroll-body .react-tabs__tab-list{font-size:14px}.payroll-filters .payroll-filter-item{width:30%}.payroll-filters .payroll-filter-item .payroll-filter-item-name h5{margin:0}.payroll-filter-item-input .filterSelect{border-color:#80808080;border-radius:3px;color:#686868;height:40px;width:100%}.payroll-column{width:100%}.PayrollInfo .payroll-body .react-tabs{border:1px solid #0000001a}.payroll-setting{background-color:#fff;border:1px solid hsla(0,0%,41%,.253);box-shadow:0 4px 8px 0 #0000001a,0 6px 20px 0 #0000001a;color:#686868;position:absolute;right:80px;z-index:5}.payroll-setting .payroll-setting-item{align-items:center;padding:10px;text-align:left;width:auto}.payroll-setting .payroll-setting-item:hover{background-color:#c5c5c533;cursor:pointer}.payroll-tab-header .payroll-tab-leftSide{overflow-x:auto;width:50%}.payroll-tab-header .payroll-tab-leftSide .leftSide-btn button{background-color:#fff;border:1px solid #80808078;color:#686868;height:40px}.leftSide-btn #btn-tab-active,.payroll-tab-header .payroll-tab-leftSide .leftSide-btn button:hover{background-color:#e1b170;color:#fff;cursor:pointer}.filters-payroll .generate{background-color:#004c9c;border:none;border-radius:3px;color:#fff;height:35px}.filters-payroll .generate:hover{background-color:#01346b;cursor:pointer}.browse{background-color:#668fca;border-radius:3px;color:#fff;padding:5px 10px}.browse:hover{background-color:#48668f;cursor:pointer}.drop-files-here-hover{background-color:#bdbdbd;color:#fff}.footer-payroll .post{background-color:#004c9c;border:none;border-radius:3px;color:#fff;height:40px}.footer-payroll .post:hover{background-color:#01346b;cursor:pointer}.payroll-tab-header .payroll-tab-leftSide .leftSide-btn .extract{align-items:center;background-color:#29aec5;border-radius:3px;color:#fff}.payroll-tab-header .payroll-tab-leftSide .leftSide-btn .extract:hover{background-color:#1f8597;cursor:pointer}.payroll-tab-header .payroll-tab-rightSide .rightSide-btn .post{background-color:#004c9c;border:none;border-radius:3px;color:#fff;height:40px}.payroll-tab-header .payroll-tab-rightSide .rightSide-btn .post:hover{background-color:#01346b;cursor:pointer}.payroll-tab-header .payroll-tab-leftSide .leftSide-btn .add{align-items:center;background-color:#4ac529;border:1px solid #36961c;border-radius:3px;color:#fff}.payroll-tab-header .payroll-tab-leftSide .leftSide-btn .add:hover{background-color:#276e13;border:1px solid #36961c;cursor:pointer}.payroll-tab-header .payroll-tab-leftSide .leftSide-btn .delete{align-items:center;background-color:#fa3a3a;border:1px solid #c72525;border-radius:3px;color:#fff}.payroll-tab-header .payroll-tab-leftSide .leftSide-btn .delete:hover{background-color:#b92929;border:1px solid #c72525;cursor:pointer}.payroll-tab-header .payroll-tab-rightSide{align-items:center;justify-content:end;width:50%}.payroll-tab-header .payroll-tab-rightSide .rightSide-btn{padding:0 1px}.payroll-tab-header .payroll-tab-rightSide .rightSide-btn button{align-items:center;background-color:#fff;border:1px solid #80808078;border-radius:3px;color:#686868;height:40px}.payroll-tab-header .payroll-tab-rightSide .rightSide-btn .add{background-color:#4ac529;border:1px solid #36961c;color:#fff}.payroll-tab-header .payroll-tab-rightSide .rightSide-btn .add:hover{background-color:#36961c;cursor:pointer}.payroll-tab-header .payroll-tab-rightSide .rightSide-btn .delete{background-color:#fa3a3a;border:1px solid #c72525;color:#fff}.payroll-tab-header .payroll-tab-rightSide .rightSide-btn .delete:hover{background-color:#c72525;cursor:pointer}.payroll-table [data-testid=ModeEditIcon],.payroll-table2 [data-testid=ModeEditIcon]{border:1px solid #4ac529;border-radius:5px;color:#4ac529}.payroll-table [data-testid=ModeEditIcon]:hover,.payroll-table2 [data-testid=ModeEditIcon]:hover{background-color:#4ac529;color:#fff;cursor:pointer;transform:scale(1.1)}.payroll-table [data-testid=DeleteForeverIcon],.payroll-table2 [data-testid=DeleteForeverIcon]{border:1px solid #ff7e7e;border-radius:5px;color:#ff7e7e}.payroll-table [data-testid=DeleteForeverIcon]:hover,.payroll-table2 [data-testid=DeleteForeverIcon]:hover{background-color:#ff7e7e;color:#fff;cursor:pointer;transform:scale(1.1)}.select-employee-table [data-testid=RemoveRedEyeIcon]{border:1px solid #06a3be;border-radius:5px;color:#06a3be}.select-employee-table [data-testid=RemoveRedEyeIcon]:hover{background-color:#06a3be;color:#fff;cursor:pointer;transform:scale(1.1)}.sync-adjustments{background-color:#004c9c;border:none;border-radius:3px;color:#fff;height:35px}.sync-adjustments:hover{background-color:#013a77;cursor:pointer}@media only screen and (max-width:1000px){.payroll-tab-header{flex-direction:column;flex-flow:column-reverse}.payroll-tab-header .payroll-tab-leftSide,.payroll-tab-header .payroll-tab-rightSide{width:100%}.payroll-tab-header .payroll-tab-rightSide{justify-content:start;padding:10px 0}.selectModal{width:500px}}@media only screen and (max-width:900px){.payroll-item-holder{align-items:start!important}.filter-item-payroll{width:100%}}@media only screen and (max-width:700px){.selectModal{width:300px}}.MainteInfo{background-color:#fff;border-radius:10px 10px 10px 10px;color:#686868;margin:0 0 50px;width:100%}.MainteInfo .mainteHeader{padding:5px 20px}.mainte-body{padding:10px 20px}.mainte-body-top{padding:10px 0}.mainte-body .mainte-search,.mainte-body-top .mainte-addBtn{align-items:center;width:50%}.mainte-search .mainte-search-input{width:80%}.mainte-search .mainte-search-input input{border:1px solid #80808080;border-radius:3px;color:gray;height:30px;padding:0 10px;width:100%}.mainte-body-top .mainte-addBtn{align-items:center;justify-content:end}.mainte-body-top .mainte-addBtn button{align-items:center}.mainte-body-top .mainte-addBtn .add{background-color:#4ac529;border:1px solid #36961c;border-radius:3px;color:#fff;height:40px}.mainte-body-top .mainte-addBtn .add:hover{background-color:#36961c;cursor:pointer}.maintenance-table table{font-size:14px}.maintenance-table table thead th{background-color:#668fca;color:#fff;z-index:2}.maintenance-table [data-testid=ModeEditIcon]{border:1px solid #4ac529;border-radius:5px;color:#4ac529}.maintenance-table [data-testid=ModeEditIcon]:hover{background-color:#4ac529;color:#fff;cursor:pointer;transform:scale(1.1)}.maintenance-table [data-testid=DeleteForeverIcon]{border:1px solid #ff7e7e;border-radius:5px;color:#ff7e7e}.maintenance-table [data-testid=DeleteForeverIcon]:hover{background-color:#ff7e7e;color:#fff;cursor:pointer;transform:scale(1.1)}.mainteHeader h3{color:#668fca;margin-bottom:0}.filters select{border-color:#80808080;border-radius:3px;color:#686868;height:35px;width:200px}.logoImg{border-radius:50%;height:50px;width:auto}.TransactionInfo{background-color:#fff;border-radius:10px 10px 10px 10px;color:#686868;margin:0 0 50px;width:100%}.TransactionInfo .transaction-header{padding:5px 20px}.transaction-body{padding:10px 20px}.transaction-body .transaction-search,.transaction-body-top .transaction-addBtn{align-items:center;width:50%}.transaction-search-input{width:80%}.transaction-search .transaction-search-input input{border:1px solid #80808080;border-radius:3px;color:gray;height:30px;padding:0 10px;width:100%}.transaction-body-top .transaction-addBtn{align-items:center;justify-content:end}.transaction-body-top .transaction-addBtn button{align-items:center}.itinerary .transaction-addBtn .add,.timeBtn .add,.transaction-body-top .transaction-addBtn .add{background-color:#4ac529;border:1px solid #36961c;border-radius:3px;color:#fff;height:40px}.itinerary .transaction-addBtn .add:hover,.timeBtn .add:hover,.transaction-body-top .transaction-addBtn .add:hover{background-color:#36961c;cursor:pointer}.transaction-body-top .transaction-addBtn .approve{background-color:#004c9c;border:1px solid #023164;border-radius:3px;color:#fff;height:40px}.transaction-body-top .transaction-addBtn .approve:hover{background-color:#023164;cursor:pointer}.overtimelist .react-tabs{border:1px solid #0000001a}.transaction-table table{font-size:14px}.transaction-table .Approved{background-color:#226d0d;color:#fff}.transaction-table .Disapproved{background-color:#9e2727;color:#fff}.transaction-table .Cancelled{background-color:#a9a9a9}.mass-approval-btn .select-all{background-color:#06a3be;border:1px solid #087588;border-radius:3px;color:#fff;height:40px}.mass-approval-btn .select-all:hover{background-color:#087588;cursor:pointer}.mass-approval-btn .approve{background-color:#004c9c;border:1px solid #023164;border-radius:3px;color:#fff;height:40px}.mass-approval-btn .approve:hover{background-color:#023164;cursor:pointer}.mass-approval-btn .disapprove{background-color:#ce3434;border:1px solid #a12929;border-radius:3px;color:#fff;height:40px}.mass-approval-btn .disapprove:hover{background-color:#a12929;cursor:pointer}.transaction-table table thead th{background-color:#668fca;color:#fff;z-index:2}.transaction-table .add{border:1px solid #004c9c;color:#004c9c}.transaction-table .edit{border:1px solid #4ac529;color:#4ac529}.transaction-table .recycle{border:1px solid #e49218;color:#e49218}.transaction-table .delete{border:1px solid #ce3434;color:#ce3434}.transaction-table .history{border:1px solid #209bbe;color:#209bbe}.transaction-table .add:hover{background-color:#063669;color:#fff;cursor:pointer}.transaction-table .edit:hover{background-color:#226d0d;color:#fff;cursor:pointer}.transaction-table .recycle:hover{background-color:#f59300;color:#fff;cursor:pointer}.transaction-table .delete:hover{background-color:#681414;color:#fff;cursor:pointer}.transaction-table .history:hover{background-color:#186c83;color:#fff;cursor:pointer}.top-filter{margin-top:15px}.top-filter .generate{background-color:#004c9c;border:none;border-radius:3px;color:#fff;height:35px}.top-filter .generate:hover{background-color:#01346b;cursor:pointer}.transaction-tr:nth-child(odd){background-color:#b4b4b444}.loan-tab .react-tabs__tab-list,.req-approval .react-tabs__tab-list{align-items:center;display:flex;flex-direction:row;font-size:14px;justify-content:left;overflow-x:auto;overflow-y:hidden}.req-approval .react-tabs__tab-list{background:#fff822}.req-approval .react-tabs__tab{font-size:20px;padding:6px 20px}.loan-tab .react-tabs__tab--selected{background-color:#668fca;color:#fff}.transaction-table .itinerary-manage [data-testid=DoDisturbIcon],.transaction-table [data-testid=ThumbDownAltIcon]{border:1px solid #c52929;border-radius:5px;color:#c52929}.transaction-table .itinerary-manage [data-testid=DoDisturbIcon]:hover,.transaction-table [data-testid=ThumbDownAltIcon]:hover{background-color:#c52929;color:#fff;cursor:pointer;transform:scale(1.1)}.transaction-table [data-testid=RemoveRedEyeIcon]{border:1px solid #06a3be;border-radius:5px;color:#06a3be}.transaction-table [data-testid=RemoveRedEyeIcon]:hover{background-color:#06a3be;color:#fff;cursor:pointer;transform:scale(1.1)}.transaction-table [data-testid=ImageIcon]{border:1px solid #06a3be;border-radius:5px;color:#06a3be}.transaction-table [data-testid=ImageIcon]:hover{background-color:#06a3be;color:#fff;cursor:pointer;transform:scale(1.1)}.itineary-control [data-testid=ListIcon]{border:1px solid #06a3be;border-radius:5px;color:#06a3be}.itineary-control [data-testid=ListIcon]:hover{background-color:#06a3be;color:#fff;cursor:pointer;transform:scale(1.1)}.transaction-table .itinerary-manage [data-testid=SaveIcon],.transaction-table [data-testid=ThumbUpIcon]{border:1px solid #0631be;border-radius:5px;color:#0631be}.transaction-table .itinerary-manage [data-testid=SaveIcon]:hover,.transaction-table [data-testid=ThumbUpIcon]:hover{background-color:#0631be;color:#fff;cursor:pointer;transform:scale(1.1)}.transaction-table [data-testid=ModeEditIcon]{border:1px solid #4ac529;border-radius:5px;color:#4ac529}.transaction-table [data-testid=ModeEditIcon]:hover{background-color:#4ac529;color:#fff;cursor:pointer;transform:scale(1.1)}.transaction-table [data-testid=ChangeCircleIcon]{border:1px solid #c58e29;border-radius:5px;color:#c58e29}.transaction-table [data-testid=ChangeCircleIcon]:hover{background-color:#c58e29;color:#fff;cursor:pointer;transform:scale(1.1)}.transaction-table [data-testid=DeleteForeverIcon]{border:1px solid #c52929;border-radius:5px;color:#c52929}.transaction-table [data-testid=DeleteForeverIcon]:hover{background-color:#c52929;color:#fff;cursor:pointer;transform:scale(1.1)}.sub-title{align-items:center;font-size:13px}.transaction-header h3{color:#668fca;margin-bottom:0}.transaction-table tbody .active,.transaction-table tbody .active:hover{background-color:#b1cdff;color:#fff}.update-days-range{background-color:#004c9c;border-radius:3px;color:#fff;height:35px}.update-days-range:hover{background-color:#03366d;cursor:pointer}.loan-button{align-items:center;border-radius:5px;height:35px;margin:0 1px}.loan-history-table .container thead th{top:0!important}.transaction-form-item{align-items:center;padding:10px 0 0;width:100%}.transaction-form-item .transaction-form-input{width:100%}.transaction-form-item .transaction-form-input input{border:1px solid #80808080;border-radius:3px;color:#686868;height:30px;width:90%}.transaction-form-item .transaction-form-input input:focus,.transaction-form-item .transaction-form-input select:focus{outline:1px solid #668fca}.transaction-form-item .transaction-form-input select{border-color:#80808080;border-radius:3px;color:#686868;height:30px;width:90%}.transaction-form-item .transaction-form-category{width:170px}.transaction-form-item .transaction-form-category h4{font-weight:400}.transaction-form-item .transaction-form-input .checkbox{height:20px;width:20px}.transaction-form-item .transaction-form-input .checkbox:focus{outline:none}.transaction-form-footer,.transaction-form-upper{align-items:center;display:flex;justify-content:right;padding:50px 0 0}.transaction-form-footer .submit{background-color:#004c9c}.transaction-form-footer .submit:hover{background-color:#082f5a;cursor:pointer}.buttons .cancel{background-color:#ce3434;border:none;border-radius:3px;color:#fff;height:34px}.buttons .cancel:hover{background-color:#9e2727;cursor:pointer}.transaction-form-upper .viewHistory{background-color:#29aec5;margin-right:5px}.transaction-form-upper .viewHistory:hover{background-color:#1f8597;cursor:pointer}.transaction-form-upper .upload{background-color:#4ac529;margin-right:5px}.transaction-form-upper .upload:hover{background-color:#43af25;cursor:pointer}.transaction-form-footer button,.transaction-form-upper button{border:none;border-radius:5px;color:#fff;height:40px}.transaction-body .itinerary{margin:20px 0}.leave-balance-container{background-color:#ed8b2c;border-radius:5px;color:#fff;justify-content:end;padding:10px}.search-icon{color:gray;padding-top:10px;text-align:center}.search-input{padding-top:10px;width:40%}.search-input input{border:none;border-bottom:1px solid;color:gray;height:100%;padding:0;width:100%}.search-input input:focus,input[type=radio]:focus{outline:none}.mobile-dtr-image{height:200px;width:200px}.mobile-dtr-image:hover{cursor:pointer}.generate-button-offset button{background-color:#004c9c;border:none;border-radius:3px;color:#fff;height:35px;margin-top:5px}.generate-button-offset button:hover{background-color:#082f5a;cursor:pointer}.generate-button-offset{padding:10px 0}@media only screen and (max-width:1100px){.transaction-from-splitItem{flex-direction:column}}@media only screen and (max-width:900px){.top-filter{margin-top:0}.transaction-form-item{align-items:start;flex-direction:column}}.UsersInfo{background-color:#fff;border-radius:10px 10px 10px 10px;color:#686868;margin:0 0 50px;width:100%}.UsersInfo .users-header{padding:5px 20px}.UsersInfo button{border:none;padding:5px}.users-header .manage{align-items:center;padding:10px 0 0}.manage .registerUser{background-color:#6ac751;color:#fff}.manage .registerUser:hover{background-color:#448f2f;cursor:pointer}.manage .manageUser{background-color:#51a5c7;color:#fff}.manage .manageUser:hover{background-color:#2b5e72;cursor:pointer}.users-body{padding:0 20px 20px}.users-header h3{color:#668fca;margin-bottom:0}.users-footer{padding:20px}.users-table [data-testid=ModeEditIcon]{border:1px solid #4ac529;border-radius:5px;color:#4ac529}.users-table [data-testid=ModeEditIcon]:hover{background-color:#4ac529;color:#fff;cursor:pointer}.users-table [data-testid=FormatAlignJustifyIcon]{border:1px solid #29c5bd;border-radius:5px;color:#29c5bd}.users-table [data-testid=FormatAlignJustifyIcon]:hover{background-color:#29c5bd;color:#fff;cursor:pointer}.users-table [data-testid=SaveIcon]{border:1px solid #296dc5;border-radius:5px;color:#296dc5}.users-table [data-testid=SaveIcon]:hover{background-color:#296dc5;color:#fff;cursor:pointer}.users-table [data-testid=DeleteIcon],.users-table [data-testid=DoDisturbIcon],.users-table [data-testid=LockResetIcon]{border:1px solid #c52e29;border-radius:5px;color:#c52e29}.users-table [data-testid=DeleteIcon]:hover,.users-table [data-testid=DoDisturbIcon]:hover,.users-table [data-testid=LockResetIcon]:hover{background-color:#c52e29;color:#fff;cursor:pointer}.users-table [data-testid=ChangeCircleIcon]{border:1px solid #7198a0;border-radius:5px;color:#7198a0}.users-table [data-testid=ChangeCircleIcon]:hover{background-color:#7198a0;color:#fff;cursor:pointer}.users-form{background-color:#fff;box-shadow:0 4px 8px 0 #00000091,0 6px 20px 0 #00000030;color:#686868;display:none;left:50%;min-width:350px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1001}.users-form .form-header{align-items:center;justify-content:space-between;padding:0 20px}.users-form .form-body{padding:20px}.form-header .title{width:70%}.form-header .close{text-align:right;width:30%}.form-header .close [data-testid=CloseIcon]:hover{cursor:pointer}.users-form .form-footer{align-items:center;justify-content:right;padding:20px}.form-footer button{background-color:#004c9c;border:none;color:#fff;height:30px}.form-footer button:hover{background-color:#01366e;cursor:pointer}.reports-template-body,.user-template-body{padding:0!important;width:1200px}.reports-template-body .container thead th{top:0}.user-temp-fixed-header{background-color:#fff;left:0;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.user-template-body .user-cont{max-height:500px}.user-template-body .container thead th{top:136px}.user-template-body .user-cont thead th{top:0}@media only screen and (max-width:1300px){.user-template-body{width:1000px}}@media only screen and (max-width:1200px){.user-template-body .user-cont{max-height:350px}}@media only screen and (max-width:1150px){.user-template-body{width:800px}}@media only screen and (max-width:900px){.user-template-body{width:500px}}@media only screen and (max-width:600px){.user-template-body{width:300px}}.setting-part{border:1px solid #cdcdcd;border-radius:5px;margin:20px;padding:20px}.setting-tab .react-tabs{border:1px solid #ccc}.setting-tab .react-tabs .react-tabs__tab--selected{border-radius:0}.calendar-buttons .command,.calendar-buttons .next-prev{background-color:#668fca;border:1px solid #fff;color:#fff;height:30px;padding:0 30px}.calendar-buttons .current{background-color:#ff9029;border:1px solid #fff;color:#fff;height:30px;padding:0 30px}.current-month .dateHolder{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.current-month .eventsHolder{bottom:0;display:flex;flex-direction:row;justify-content:space-between;left:0;position:absolute;width:100%}.eventsHolder .announcementHolder{background-color:#e36c96;color:#fff;font-size:12px;margin:5px;padding:5px;position:relative}.eventsHolder .announcementHolder:hover{background-color:#ca4e7a;cursor:pointer}.announcementHolder .announcementLength,.memoHolder .memoLength{align-items:center;background-color:red;border-radius:50%;display:flex;font-size:10px;height:15px;justify-content:center;left:-5px;position:absolute;top:-10px;width:15px}.eventsHolder .memoHolder{background-color:#7b92f1;color:#fff;font-size:12px;margin:5px;padding:5px;position:relative}.eventsHolder .memoHolder:hover{background-color:#576dc4;cursor:pointer}.current-month:hover{background-color:#668fca;color:#fff;cursor:pointer}.activeDate{background-color:#668fca!important;color:#fff!important}.calendar-buttons .command{border-radius:10px;height:40px}.calendar-buttons .memo{background-color:#7b92f1}.calendar-buttons .memo:hover{background-color:#3757d8;cursor:pointer}.calendar-buttons .announcement{background-color:#e36c96}.calendar-buttons .announcement:hover{background-color:#e02768;cursor:pointer}.calendar-buttons .viewAll{background-color:#45bdd0}.calendar-buttons .viewAll:hover{background-color:#45bdd0;cursor:pointer}.calendarManage [data-testid=DeleteForeverIcon]{border:1px solid #ff7e7e;border-radius:5px;color:#ff7e7e}.calendarManage [data-testid=DeleteForeverIcon]:hover{background-color:#ff7e7e;color:#fff;cursor:pointer}.calendar-buttons .next-prev:hover{background-color:#385d92;cursor:pointer}.calendar-buttons .current:hover{background-color:#c77121;cursor:pointer}.calendar-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-cell{align-items:center;border:1px solid #ccc;display:flex;height:80px;justify-content:center}.empty-cell{background-color:#f0f0f0}.day-of-week{background-color:#e0e0e0;font-weight:700}.current-date{background-color:#ff9029;color:#fff}.date-today{color:#668fca;font-size:36px;padding:20px 0}.date-today .month-year:hover{cursor:pointer;text-decoration:underline}.date-today .custom-input{background-color:initial;border:none;color:#668fca;font-size:36px}.date-today .custom-input:hover{cursor:pointer;text-decoration:underline}.date-today .react-datepicker,.date-today .react-datepicker-year-header{color:#668fca}.date-today [tabindex="0"]{color:#686868}.next-month,.prev-month{opacity:.5}.calendar-buttons{justify-content:end}.event-toggleButton{background-color:#f6b8b8;border-radius:3px;color:#fff;margin:1px}.event-toggleButton:hover{background-color:#cc9898;cursor:pointer}.events-list{background:#fff;border:1px solid #d6d6d6;bottom:-70px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;left:-100px;min-height:65px;min-width:100px;padding:5px;position:absolute;z-index:1}@media only screen and (max-width:1000px){.calendar-header{flex-direction:column}.commandButtons{margin-top:10px;width:100%}.calendar-buttons{justify-content:start}.cmdButton{flex-wrap:wrap}.date-today{flex-direction:column}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.wrapper-holder{align-items:center;background-color:#fff;background:linear-gradient(180deg,#76abff,#fff);color:#686868;display:flex;justify-content:center;min-height:100vh}.wrapper{background-color:#fff;background:linear-gradient(180deg,#fff,#a0c7ff);border-radius:10px;padding:40px}.wrapper form{width:320px}.wrapper .input-box{height:30px;margin:30px 0;position:relative;width:100%}.input-box input{background:#0000;border:1px solid #668fca;border-radius:5px;color:#686868;height:100%;outline:none;padding:0 30px 0 10px;width:100%}.input-box .icon{font-size:16px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.wrapper .remember-forgot{align-items:center;display:flex;font-size:14px;justify-content:space-between}.remember-forgot a{text-decoration:none}.remember-forgot a:hover{text-decoration:underline}.wrapper .button-holder{padding:10px}.button-holder button{background-color:#2975c5;border:none;border-radius:40px;box-shadow:0 0 10px #00000030;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:45px;outline:none;width:100%}.wrapper .register-link{font-size:14px;margin-top:20px;text-align:center}.logo-login img{height:500px;width:auto}.adminMode-button{background-color:initial;border:none;border-bottom:1px solid #668fca;color:#668fca}.adminMode-button:hover{cursor:pointer}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOut{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.slide-in{animation:slideIn .5s forwards}.slide-out{animation:slideOut .5s forwards}.form-wrapper{overflow:hidden;position:relative;width:100%}.form-content{position:absolute;transition:transform .5s;width:100%}@media only screen and (max-width:1000px){.wrapper-holder{flex-direction:column;padding:20px}}@media only screen and (max-width:500px){.wrapper-holder{flex-direction:column}.logo-login img{height:300px}.wrapper form{width:200px}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-1\/2{left:50%}.top-5{top:1.25rem}.z-\[3001\]{z-index:3001}.z-\[9999\]{z-index:9999}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-4{margin-bottom:1rem;margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-10{height:2.5rem}.h-28{height:7rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-8{height:2rem}.h-\[250px\]{height:250px}.h-\[33px\]{height:33px}.max-h-\[100px\]{max-height:100px}.max-h-\[500px\]{max-height:500px}.\!w-full{width:100%!important}.w-10{width:2.5rem}.w-28{width:7rem}.w-4{width:1rem}.w-8{width:2rem}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.min-w-\[100px\]{min-width:100px}.min-w-full{min-width:100%}.max-w-\[150px\]{max-width:150px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1}.flex-grow{flex-grow:1}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.select-all{-webkit-user-select:all;user-select:all}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity))}.border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity))}.bg-\[\#668fca\]{--tw-bg-opacity:1;background-color:rgb(102 143 202/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.bg-customGreen{--tw-bg-opacity:1;background-color:rgb(16 185 37/var(--tw-bg-opacity))}.bg-customMainColor{--tw-bg-opacity:1;background-color:rgb(102 143 202/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.bg-sky-400{--tw-bg-opacity:1;background-color:rgb(56 189 248/var(--tw-bg-opacity))}.bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity))}.bg-sky-600{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity:0.5}.object-cover{object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[1px\]{padding:1px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-customMainColor{--tw-text-opacity:1;color:rgb(102 143 202/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.odd\:bg-white:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.even\:bg-gray-50:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:overflow-auto:hover{overflow:auto}.hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity))}.hover\:bg-customGreenHover:hover{--tw-bg-opacity:1;background-color:rgb(12 143 28/var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity))}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity))}.hover\:bg-sky-500:hover{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity))}.hover\:bg-sky-600:hover{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity))}.hover\:bg-sky-700:hover{--tw-bg-opacity:1;background-color:rgb(3 105 161/var(--tw-bg-opacity))}.hover\:text-green-900:hover{--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity))}.hover\:text-red-900:hover{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\:border-blue-300:focus{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus,.focus\:ring:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity))}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:inline{display:inline}}@media (min-width:768px){.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:max-w-none{max-width:none}.md\:flex-row{flex-direction:row}}@media (min-width:1536px){.\32xl\:\!w-1\/3{width:33.333333%!important}.\32xl\:\!w-2\/3{width:66.666667%!important}.\32xl\:w-1\/3{width:33.333333%}.\32xl\:flex-row{flex-direction:row}}
/*# sourceMappingURL=main.599f9c36.css.map*/