.loader{position:relative;width:4.5em;height:4.5em;transform:rotate(165deg)}.loader:before,.loader:after{content:"";position:absolute;top:50%;left:50%;display:block;width:1.5em;height:1.5em;border-radius:.75em;transform:translate(-50%,-50%)}.loader:before{animation:before 2s infinite}.loader:after{animation:after 2s infinite}@keyframes before{0%{width:1.5em;box-shadow:1.5em 0 #e11462bf,-1.5em 0 #6028c8bf}35%{width:4.5em;box-shadow:0 0 #e11462bf,0 0 #6028c8bf}70%{width:1.5em;box-shadow:-1.5em 0 #e11462bf,1.5em 0 #6028c8bf}to{box-shadow:1.5em 0 #e11462bf,-1.5em 0 #6028c8bf}}@keyframes after{0%{height:1.5em;box-shadow:0 1.5em #e9a920bf,0 -1.5em #f75408bf}35%{height:4.5em;box-shadow:0 0 #e9a920bf,0 0 #f75408bf}70%{height:1.5em;box-shadow:0 -1.5em #e9a920bf,0 1.5em #f75408bf}to{box-shadow:0 1.5em #e9a920bf,0 -1.5em #f75408bf}}html,body{height:100%}.loader{position:absolute;top:calc(50% - 2.25em);left:calc(50% - 2.25em)}.login-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;margin:0;background-image:url(/assets/login_background-d5eaa327.jpg);background-size:100%;background-repeat:no-repeat;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0047ab66;z-index:0;backdrop-filter:blur(8px)}.logo-section{text-align:center;position:relative;z-index:10}.logo-container{display:inline-flex;align-items:center;justify-content:center;width:8rem;height:8rem;border-radius:1rem;padding:.5rem}.logo-image{width:100%;height:100%;object-fit:contain;border-radius:.5rem}.company-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.portal-subtitle{color:#6b7280;font-size:.875rem}.form-container{position:relative;z-index:10}.input-group{margin-bottom:1.5rem}.input-group:last-of-type{margin-bottom:1rem}.input-label{display:block;font-size:.875rem;font-weight:600;color:#fff;margin-bottom:.5rem}.input-wrapper{position:relative}.input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:1.25rem;height:1.25rem}.input-field{width:100%;padding:.75rem .75rem .75rem 2.75rem;border:2px solid #e5e7eb;border-radius:.75rem;background-color:#f9fafb;transition:all .2s ease;outline:none;font-size:.875rem}.input-field:focus{background-color:#fff;border-color:#a855f7}.input-field.error{border-color:#fca5a5}.input-field.error:focus{border-color:#ef4444}.password-input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;background:none;border:none;cursor:pointer;padding:.25rem;transition:color .2s ease}.password-toggle:hover{color:#4b5563}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem}.forgot-password-wrapper{text-align:right;margin-bottom:1.5rem}.forgot-password-link{font-size:.875rem;color:#fff;font-weight:500;background:none;border:none;cursor:pointer;transition:color .2s ease}.forgot-password-link:hover{color:#5b21b6}.signin-button{width:100%;padding:.75rem 1rem;background:linear-gradient(to right,rgba(249,115,22,.7882352941),rgba(147,51,234,.7019607843));color:#fff;font-weight:600;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease;font-size:1rem}.signin-button:hover{background:linear-gradient(to right,#9333ea,#f97316);transform:scale(1.02)}.signin-button:active{transform:scale(.98)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal-content{background:white;border-radius:1rem;padding:2rem;width:100%;max-width:28rem;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;color:#9ca3af;background:none;border:none;cursor:pointer;padding:.25rem;transition:color .2s ease}.modal-close:hover{color:#4b5563}.modal-header{text-align:center;margin-bottom:1.5rem}.modal-icon-container{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin-bottom:1rem;border-radius:50%;background:linear-gradient(to right,#fed7aa,#e9d5ff)}.modal-icon{width:2rem;height:2rem;color:#f97316}.modal-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.modal-description{color:#6b7280;font-size:.875rem}.modal-form{margin-bottom:1rem}.modal-buttons{display:flex;gap:.75rem;padding-top:.5rem}.modal-button-cancel{flex:1;padding:.75rem 1rem;border:2px solid #e5e7eb;color:#374151;font-weight:600;background:white;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.modal-button-cancel:hover{border-color:#d1d5db;background-color:#f9fafb}.modal-button-send{flex:1;padding:.75rem 1rem;background:linear-gradient(to right,#f97316,#9333ea);color:#fff;font-weight:600;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.modal-button-send:hover{background:linear-gradient(to right,#9333ea,#f97316)}@media (max-width: 970px){.login-container{background-size:cover}}@media (max-width: 768px){.login-card{padding:1.5rem;margin:1rem}.logo-container{width:8rem;height:10rem}.company-title{font-size:1.25rem}.modal-content{padding:1.5rem;margin:1rem}}@media (max-width: 480px){.login-container{padding:.5rem}.login-card{padding:1.25rem}.input-group{margin-bottom:1.25rem}.modal-buttons{flex-direction:column}.modal-button-cancel,.modal-button-send{width:100%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.menuBarIcons{display:flex;align-items:center;justify-content:center;flex-direction:row;font-size:.96rem;margin-top:20px;cursor:pointer}.menuBarIcons .menuIcons{height:25px;width:25px;color:#3401cc}.landingPageLogo{width:85px;height:60px}.logoutIcon{height:35px;width:35px;color:#fa6606;cursor:pointer}.logoutIconDiv{display:flex;align-items:center;justify-content:flex-end}.landingPageLogoDiv{display:flex;align-items:center;justify-content:start}.appBarMenu{display:flex;align-items:center;color:#00502d;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding-right:15px;padding-left:15px;letter-spacing:1px;cursor:pointer;margin:10px}.menu{display:flex;flex-direction:column;align-items:center;justify-content:center}.textSize{font-size:12px}.listItem{transition-duration:.5s}.listItem:hover{background-color:#3401cc;border-top-left-radius:100%;border-bottom-left-radius:100%;color:#fff;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset}.ToolBarDiv{badgeContent:4}.Avatar{cursor:pointer}*{padding:0;margin:0;box-sizing:border-box}.addIcon{border:2px solid;border-radius:100%;background:rgb(52,1,204);color:#fff;display:flex;align-items:center;font-size:x-large;cursor:pointer}.select__control{min-height:40px;border-color:#ccc}.select__control:hover{border-color:#999}.select__multi-value{background-color:#e6f7ff}.select__multi-value__label{color:#1890ff}.select__multi-value__remove:hover{background-color:#1890ff;color:#fff}.removeIcon{border:2px solid;border-radius:100%;background:red;color:#fff;display:flex;align-items:center;font-size:x-large;cursor:pointer}.botttombuttons{display:flex;justify-content:end;gap:20px;margin-top:15px;margin-right:20px}@media screen and (max-width: 600px){.hidden{display:none}}@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.hidden{display:none}}.contentDiv{margin-left:110px;padding:0 17px 35px 35px;height:auto}@media (min-width: 320px) and (max-width: 480px){.contentDiv{justify-content:center;margin-left:0;overflow-y:scroll;padding-bottom:100px;width:95%}}.wholeContainer{margin-left:130px;display:flex;justify-content:center;margin-top:80px;padding:5px}@media (min-width: 320px) and (max-width: 480px){.wholeContainer{margin-left:0}}.wholeContainer .wholeContainerCommonHeading{display:flex;align-items:center}.wholeContainer .wholeContainerCommonHeading .wholeContainerHeading{font-size:24px;font-weight:bolder}table{width:100%;text-align:center;border:1px solid #ddd;border-collapse:separate;border-radius:25px;border-spacing:0px;margin:10px auto}thead{height:50px;border-radius:25px}.request-reason{width:40%}.task-description{width:30%}@media (max-width: 1024px){.task-description{width:100%}}.tableActionIcon{padding:5px;font-weight:700;font-size:x-large}@media (min-width: 320px) and (max-width: 480px){.tableActionIcon{padding:0 0 0 5px}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){.tableActionIcon{padding:0 0 0 5px}}th:first-child{border-top-left-radius:25px}th:last-child{border-top-right-radius:25px}.tableListAction{text-align:center;cursor:pointer}@media (min-width: 320px) and (max-width: 480px){.tableListAction{text-align:left}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){.tableListAction{text-align:left}}td{border-top:1px solid #ddd;word-break:break-word;font-size:11px!important}th{background:rgba(222,224,228,.5411764706);font-weight:700}td,th{padding:10px;font-size:13px}@media only screen and (max-width: 760px){.request-reason{width:100%}}@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px){.request-reason{width:100%}table{width:100%;box-shadow:none;border:none!important}table,thead,tbody,th,td,tr{border-radius:1px;display:block}thead{height:0px}td:last-child{margin-bottom:13px}thead tr{position:absolute;display:none}tr{border:1px solid #ccc;margin-bottom:4%;box-shadow:#11111a0d 0 1px,#11111a1a 0 0 8px}.table-email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}td{border:none;word-break:break-word;font-size:12px;position:relative;padding-left:65%;text-align:left}td:before{position:absolute;top:10px;padding-left:15px;left:6px;width:45%;padding-top:2px;padding-right:10px;white-space:nowrap;content:attr(data-column);color:#000;font-weight:700}.editIconButton{padding:0!important}}.statusActive{border:3px solid #ecfdf3;padding:5px;background:#ecfdf3;color:#2f8361;border-radius:25px}.statusInactive{border:3px solid #fef2f2;padding:5px;background:#fef2f2;color:#cc726b;border-radius:25px}.statusHold{padding:7px;background:rgb(236,165,165);color:brown;border-radius:25px}.statusInprogress{padding:7px;background:#e4f3f6;color:#1494ab;border-radius:25px}.statusYetToStart{padding:7px;background:#efe6fc;color:#6e4df2;border-radius:25px}.custom-autocomplete .MuiOutlinedInput-root{border:none;color:#000}.custom-autocomplete .MuiOutlinedInput-notchedOutline{border:none;border-bottom:1px solid}.custom-autocomplete .MuiInputBase-input{border:none;outline:none}.loginWholeContainer1{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:linear-gradient(45deg,#fbd355,#fff)}.loginWholeContainer1 .wholeSubContainer{background:linear-gradient(to bottom right,#ffecb2,#fff);width:60vw;height:75vh;box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px}@media (max-width: 600px) and (orientation: portrait){.loginWholeContainer1 .wholeSubContainer{height:91vh}}@media only screen and (max-width: 844px) and (min-width: 390px){.loginWholeContainer1 .wholeSubContainer{height:90vh;width:71vw}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.loginWholeContainer1 .wholeSubContainer{height:65vh}}.loginWholeContainer1 .leftCol{display:flex;justify-content:center;align-items:center;height:75vh;background-color:#fff;border-top-right-radius:100%;border-bottom-right-radius:100%}@media (max-width: 600px) and (orientation: portrait){.loginWholeContainer1 .leftCol{height:26vh;border-bottom-right-radius:100%;border-bottom-left-radius:100%;border-top-right-radius:0%}}@media (max-width: 900px) and (orientation: landscape){.loginWholeContainer1 .leftCol{height:85vh}}@media only screen and (max-width: 844px) and (min-width: 390px){.loginWholeContainer1 .leftCol{height:90vh}}@media (max-width: 600px) and (orientation: portrait){.loginWholeContainer1 .leftCol{height:27vh}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.loginWholeContainer1 .leftCol{height:65vh}}.loginWholeContainer1 .leftCol .leftColImageDiv{padding:50px}@media (max-width: 600px) and (orientation: portrait){.loginWholeContainer1 .leftCol .leftColImageDiv{padding:30px}}.loginWholeContainer1 .leftCol .leftColImageDiv .loginImage{height:40vh;object-fit:contain}@media (max-width: 600px) and (orientation: portrait){.loginWholeContainer1 .leftCol .leftColImageDiv .loginImage{height:13vh}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){.loginWholeContainer1 .leftCol .leftColImageDiv .loginImage{height:17vh}}.loginWholeContainer1 .rightCol{padding:30px}@media only screen and (max-width: 844px) and (min-width: 390px){.loginWholeContainer1 .rightCol{padding:0%}}@media (max-width: 600px) and (orientation: portrait){.loginWholeContainer1 .rightCol{height:25vh;margin-top:27px}}@media (max-width: 900px) and (orientation: landscape){.loginWholeContainer1 .rightCol{padding:0}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){.loginWholeContainer1 .rightCol{display:grid;place-content:center}}.loginWholeContainer1 .rightCol .rightcoldiv{margin-left:5%;width:91%;font-weight:bolder}@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.loginWholeContainer1 .rightCol .rightcoldiv{margin-left:0;width:100%}}.loginWholeContainer1 .rightCol .rightColWelcomeBack{padding:25px;display:flex;justify-content:center}@media (max-width: 900px) and (orientation: landscape){.loginWholeContainer1 .rightCol .rightColWelcomeBack{padding:5px;font-size:11px}}@media only screen and (max-width: 844px) and (min-width: 390px){.loginWholeContainer1 .rightCol .rightColWelcomeBack{padding:0%;margin-bottom:20px}}.loginWholeContainer1 .rightCol .rightColImageDiv{display:flex;justify-content:center;padding:25px}@media (max-width: 900px) and (orientation: landscape){.loginWholeContainer1 .rightCol .rightColImageDiv{padding:5px}}@media only screen and (device-width: 360px) and (device-height: 640px) and (orientation: portrait){.loginWholeContainer1 .rightCol .rightColImageDiv{padding:0}}.loginWholeContainer1 .rightCol .forgotPasswordDiv{display:flex;align-items:center;justify-content:space-between;padding-top:7px}.loginWholeContainer1 .rightCol .signInBtnDiv{margin-top:5px;padding:25px;display:flex;justify-content:center}@media (max-width: 900px) and (orientation: landscape){.loginWholeContainer1 .rightCol .signInBtnDiv{margin-top:0;padding:10px}}