@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);body,html{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-family:"Roboto",sans-serif}#root,.App,body,html{height:100%}.body-container{display:grid;height:100%;grid-template-columns:12fr;grid-template-rows:1fr 10fr 1fr}.body-container>div{border:1px solid #000}.header{background:#1f2023;border:1px solid #5e5e5e;display:grid;grid-template-columns:2fr 10fr}.title{justify-self:center;font-size:2rem;font-weight:500;color:#fff}.logout,.title{align-self:center}.logout{justify-self:end;margin-right:1rem}.logout>p{color:#fff;font-size:10px;margin-top:auto;margin-bottom:100px}.profile-wrapper{background:#202124}.profile-content-wrapper{width:100%;display:grid;grid-template-columns:2fr 10fr}.profile-content-wrapper>div{border:1px solid #000}.content-wrapper{background:#202124;display:grid;grid-template-rows:1fr 11fr}.content-table-wrapper{max-width:100%;justify-self:stretch;font-size:1rem}@media only screen and (max-width:1400px){.content-table-wrapper{font-size:.9rem;padding-right:0}}.footer{background:#1f2023;border:2px solid #454546;text-align:center;display:flex;justify-content:center;align-content:center}.footer>p{margin-top:1rem;margin-bottom:1rem;color:#fff;opacity:.5;font-size:1em}.alert-shown{opacity:1;transition:all .25s linear}.alert-hidden{opacity:0;transition:all .25s linear 2s}.content-nav-btn-wrapper{margin-left:1.5rem;display:flex;flex-wrap:nowrap;grid-gap:.5rem;gap:.5rem;height:2rem}.custom-btn{height:3rem;background:"FFFFFF";border-bottom:none}.custom-detail-panel-wrapper{width:100%;display:flex;align-items:center;justify-content:center}.custom-detail-panel{width:50%;margin:20px;font-size:20;color:inherit;text-align:center;background-color:inherit;display:grid;grid-column-gap:1rem;grid-row-gap:.5rem;grid-template-areas:"id id" "createdby  createdAt" "updatedby  updatedAt"}.custom-detail-panel-note_id{font-size:large;grid-area:id;justify-self:center}.custom-detail-panel-user_fullname{grid-area:createdby;justify-self:center}.custom-detail-panel-createdAt{grid-area:createdAt;justify-self:center}.custom-detail-panel-updated_by_user_fullname{grid-area:updatedby;justify-self:center}.custom-detail-panel-updatedAt{grid-area:updatedAt;justify-self:center}.MuiTableRow-hover:hover{background-color:red}.custom-detail-panel-wrapper{animation:animatename .3s alternate}@keyframes animatename{0%{opacity:.5;transform:scaleY(0);transform-origin:100% 0;height:0}to{transform:scaleY(1);transform-origin:100% 0;height:130px}}.tableIcon{transition:transform .5s ease-in-out}.tableIcon:hover{transform:rotate(1turn)}.downArrowImg{transform:rotate(180deg)}.userLevelAndPasswordCommon{font-weight:900;font-size:larger}.userLevelAdmin{color:#b9572a;color:rgba(26,140,197,.842)}.userLevelUser{color:#229122}.passwordDefault{color:#da2e2e}.passwordUpdated{color:#226e91}.modal-content{background-color:#202124}#contained-modal-title-vcenter{padding-left:0;margin:0;font-size:1.5rem}.close :before{content:"X";visibility:visible;color:#fff;font-weight:700}.close,.sr-only:before{visibility:hidden}.close{position:absolute;right:12px;top:10px;width:20px;height:20px;background-color:rgba(247,12,12,.5)}Form{max-width:500px;min-width:300px;max-height:700px;width:30%;height:70%;margin:110px auto;color:#fff;background-color:#4c4d4f;border-radius:25px;padding:50px}@media screen and (max-width:1920px){Form{width:20%;margin-left:40%;margin-right:40%;height:50%;margin-bottom:0;padding:30px}}.logintitle{text-align:center}@media screen and (max-width:1920px){.logintitle{font-size:20px}}.mb-3{font-size:30px}@media screen and (max-width:1920px){.mb-3{font-size:15px}}.mb-2{font-size:20px}@media screen and (max-width:1920px){.mb-2{font-size:15px}}Navbar{width:40px;margin:200px}.loginButton{max-width:200px;min-width:100px;max-height:150px;width:50%;height:70%;margin-top:10px;padding:10px;margin-left:25%;margin-right:25%;font-size:25px}@media screen and (max-width:1920px){.loginButton{font-size:15px}}.formtext{height:50px;font-size:20px}@media screen and (max-width:1920px){.formtext{height:35px;font-size:15px}}.logoutButton{font-size:20px}.modalButton,.or{text-align:center}.modalButton{margin-left:860px;height:40px;width:300px}.modalTitle{margin-left:100px;font-size:20px;font-weight:700}.App,.modalTitle{text-align:center}.nav-item{font-size:40px;padding:15px}.nav-logout{font-size:30px;padding:10px;text-align:right;margin-left:1600px}.navheader{color:#fff;background-color:#11142e}body{background-color:#070320;background-image:linear-gradient(90deg,#1d1d1d,#424242)}.loginpage{overflow-x:hidden;overflow-y:hidden}.sidebar1{float:left;width:100%;height:100%;background:#2a2b2e}.bodyBox{margin-top:100px;margin-left:150px;float:left;width:800px;height:600px;background:#ccc}.card{width:100%}.loginImg{margin-top:2px;opacity:1}.img1,.loginImg{margin-left:25%;margin-right:25%;width:50%;display:flex;justify-content:center;align-items:center}.img1{opacity:.9}@media screen and (max-width:1920px){.img1{width:40%;margin-left:30%;margin-right:30%}}.profileButton{margin-top:15px;font-size:25px;margin-left:15%;margin-right:15%;width:70%;height:100%}@media screen and (max-width:1920px){.profileButton{font-size:14px}}.profilelist{color:#fff}.profilelist1{padding:15px;font-size:20px;color:#fff;font-weight:700}@media screen and (max-width:1600px){.profilelist1{padding:5px;font-size:15px;color:#fff;font-weight:700}}.cpButton{margin-top:20px;margin-bottom:15%;margin-left:15%;width:70%;height:100%;font-size:25px}@media screen and (max-width:1920px){.cpButton{font-size:14px}}.userInfo{margin-top:10px;text-align:center;font-size:30px;height:100%;width:100%;padding:15px;background-color:#aaaaad}@media screen and (max-width:1600px){.userInfo{font-size:20px}}.userInfoList{margin-top:10px;text-align:left;font-size:20px;width:100%;height:100%}@media screen and (max-width:1600px){.userInfoList{font-size:15px}}.userInfoListItem{background-color:#333335}.boxButton{margin-top:100px;margin-left:120px;width:200px;height:80px;text-align:center;font-size:40px}.modal-design{background-color:#dfdce5}.modal-header{background-color:#101820;color:#fff}.modal-title{text-align:center;margin-left:200px;font-size:30px;font-weight:700}.modal-label{font-size:25px;font-weight:700}.modal-text{height:50px;font-size:20px}.modal-button{height:50px;width:100px;font-size:25px}.modal-footer{display:flex;justify-content:center;align-items:center}.extra1,.extra2{height:30px}.extra3{height:140px}.notePopUpTitle{color:#fff;text-align:center}.homeModalButton{float:right}.dropdownForStatus{color:#fff}.statusRunning{color:#04a7a7}.statusUpcoming{color:#060636}.statusDelayed{color:orange}.statusCompleted{color:#5fcd1a}li{display:block!important;text-align:center!important}*{padding:0;margin:0;box-sizing:border-box}.logo-background{width:100%;height:100vh;overflow:hidden;background:#7873bf;background:linear-gradient(90deg,#7873bf,#4444be 31%,#0fbde0 90%)}#ultra-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:fill .5s ease 3.5s forwards}#ultra-logo path:first-child{stroke-dasharray:483.892;stroke-dashoffset:483.892;animation:line-anim 1.5s ease .3s forwards}#ultra-logo path:nth-child(2){stroke-dasharray:239.328;stroke-dashoffset:239.328;animation:line-anim 1.5s ease .6s forwards}#ultra-logo path:nth-child(3){stroke-dasharray:314.949;stroke-dashoffset:314.949;animation:line-anim 1.5s ease .9s forwards}#ultra-logo path:nth-child(4){stroke-dasharray:246.024;stroke-dashoffset:246.024;animation:line-anim 1.5s ease 1.2s forwards}#ultra-logo path:nth-child(5){stroke-dasharray:506.445;stroke-dashoffset:506.445;animation:line-anim 1.5s ease 1.5s forwards}#ultra-logo path:nth-child(6){stroke-dasharray:137.087;stroke-dashoffset:137.087;animation:line-anim 1.5s ease 1.8s forwards}#ultra-logo path:nth-child(7){stroke-dasharray:477.369;stroke-dashoffset:477.369;animation:line-anim 1.5s ease 2.1s forwards}@keyframes line-anim{to{stroke-dashoffset:0}}@keyframes fill{0%{fill:transparent}to{fill:#fff}}.logo-sub-name{position:absolute;left:50%;transform:translate(-50%);font-family:Poppins;font-style:normal;font-weight:400;font-size:96px;line-height:144px;color:#fff;animation:line-up 2.5s ease forwards}@keyframes line-up{0%{top:80%}to{top:60%}}
/*# sourceMappingURL=main.0e0258cc.chunk.css.map */