body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"gotham-bold";src:local("gotham-bold"),url(/static/media/GothamBold.db33e70b.ttf)}@font-face{font-family:"gotham-medium";src:local("gotham-medium"),url(/static/media/GothamMedium.77171d8f.ttf)}@font-face{font-family:"gotham-black";src:local("gotham-black"),url(/static/media/Gotham-Black.14b3a355.otf)}*{margin:0;border:0;box-sizing:border-box}body{font-family:"Arial",Serif;background-color:#fff;overflow-x:hidden}#main{transition:margin-left .5s;transition:.5s;overflow:hidden;width:100%;margin-left:0;padding:0;min-height:100vh;position:relative}.top{height:42px}#loginValidator{color:#ee3124}.login-page{width:100%;height:100vh}.login-page-contents{width:100%;height:100%;padding-left:7%;padding-top:40%;background:#fff;box-shadow:0 0 0 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);position:relative}.login-page-megawidelogo{width:40%}.login-page-title{font-family:gotham-black;font-size:22px;margin-top:10px}.login-title-redline{margin-top:10px;width:40%;height:7px;background:red}.loginContainer{margin-top:30px;width:100%;padding-left:30%}.signin-content{text-align:left}.signin-content h5{margin-bottom:5px}.redAssetImg{width:50%;position:absolute;bottom:0;right:0}@media only screen and (min-width:700px){.login-page{width:100%;height:100vh}.login-page-contents{width:100%;height:100%;padding-left:7%;padding-top:20%;background:#fff;box-shadow:0 0 0 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);position:relative}.login-page-megawidelogo{width:50%}.login-page-title{font-family:gotham-black;font-size:50px;margin-top:30px}.login-title-redline{margin-top:10px;width:40%;height:7px;background:red}.loginContainer{margin-top:30px;width:100%;padding-left:55%}.signin-content{text-align:left}.signin-content h5{margin-bottom:5px}.redAssetImg{width:50%;position:absolute;bottom:0;right:0}}@media only screen and (min-width:1000px){#main{transition:margin-left .5s;transition:.5s;overflow:hidden;width:100%;margin-left:18%;padding:0;min-height:100vh;position:relative}.login-page{width:100%;height:100vh}.login-page-contents{margin-left:10%;margin-right:10%;margin-top:5%;width:80%;height:80%;padding-left:5%;padding-top:5%;background:none;box-shadow:0 0 0 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);position:relative}.login-page-megawidelogo{width:20%}.login-page-title{font-family:gotham-black;font-size:50px;margin-top:10px}.login-title-redline{margin-top:10px;width:40%;height:7px;background:red}.loginContainer{margin-top:30px;width:100%;padding-left:0}.signin-content{text-align:left}.signin-content h5{margin-bottom:5px}.redAssetImg{width:30%;position:absolute;bottom:0;right:0;z-index:0}}.azure-ribbon{display:flex;padding:2.5px 5px;transition:all .3s ease-in-out}.azure-ribbon a{display:flex}.azure-ribbon a>*{margin:0 5px;-webkit-animation:fadein 2s;animation:fadein 2s}.azure-ribbon:hover{transition:all .3s ease-in-out;-webkit-transform:scale(1.02);transform:scale(1.02)}@-webkit-keyframes fadein{0%{opacity:0}20%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}20%{opacity:0}to{opacity:1}}.azure-ribbon-container{background:#003648;color:#fff;padding:10px;transition:all .3s ease-in-out;box-shadow:none;position:absolute;width:500px;top:.5vh;right:1.5vw;border-radius:30px;-webkit-transform:translate(470px);transform:translate(470px);z-index:9999}.azure-ribbon-container:hover{transition:all 1s ease-in-out;background:#154c79;box-shadow:3.3px 3.3px rgba(0,0,0,.5);-webkit-transform:translate(220px);transform:translate(220px)}.cloud{background:#003648;color:#fff;padding:10px;border-radius:50px 0 50px 50px;box-shadow:-3.3px 3.3px rgba(0,0,0,.5);transition:all .3s ease-in-out;z-index:9999}.azure-ribbon a{text-decoration:none;color:#fff}.azure-ribbon .mini-logo-right{-webkit-animation:poppin 1.5s;animation:poppin 1.5s;-webkit-transform:scale(1.2);transform:scale(1.2)}@-webkit-keyframes poppin{0%{opacity:0}30%{opacity:1;-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes poppin{0%{opacity:0}30%{opacity:1;-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}.adButton_button__3aNxc{height:41px;font-family:Segoe UI;font-size:15px;font-weight:400;color:#fff;background-color:#2f2f2f;padding-left:12px;padding-right:12px;transition:.2s}.adButton_button__3aNxc span{margin-right:5px;position:relative;top:-3px}.adButton_button__3aNxc:hover{color:#5e5e5e;background-color:#fff;border:1px solid #8c8c8c}.homePagePanel{width:100%;min-height:100vh;padding-top:8%}.homePageTitle{margin-left:50px;font-size:40px;font-family:gotham-black}.homePageRedLine{display:block;width:20%;height:8px;margin-top:10px;margin-left:50px;background:red}.homePageAssetLogo{width:30%;position:absolute;bottom:0;right:0}#mainPage{width:100%;min-height:100vh;display:flex;position:relative}#sidePanel{background:url(/static/media/lowpolyblack.3def378b.JPG);width:20%;max-width:250px;min-width:250px;min-height:100vh;position:fixed;border-right:1px solid #000;z-index:3}#mainPanel{margin-left:20%;width:80%;min-height:100vh}.homePageHeader{padding:5%;font-family:gotham-black}.navlist1{height:auto}.sideNav{width:100%;height:100%}.sideNavHeader{width:100%;height:80px;background:#fff;border-bottom:3px solid red}.navBarBrand{width:80%;margin-top:20px;margin-left:10%}.userInfoContainer{width:100%;min-height:70px;border-bottom:.5px solid grey}.userContent{display:flex;width:100%;height:100%}.userIconNav{color:#fff;width:20%;height:100%}.userIconNav i{font-size:35px;margin:10px}.userInfoNav{width:80%;height:90%;margin-top:5%;margin-bottom:5%}.userInfoNav p{color:#fff;font-family:gotham-medium}.userInfoNav span{display:block;width:80%;height:3px;background:red}.userInfoNav small{color:#a3a3a3;font-family:Calibri}.navLinkGroup1{color:#bebebe;width:100%;border-bottom:.5px solid grey;z-index:3}.navLinkGroup1 a{font-size:20px;font-family:Calibri;text-decoration:none;color:#bebebe}.navLinkGroupHeader1{width:100%;padding:10px;height:60px;transition:.5s}.navLinkGroupHeader1:hover{background:hsla(0,0%,100%,.281);color:#fff;cursor:pointer}#navLink1Asset{color:grey}.navLinks1{width:100%;overflow:hidden}.navLink{width:100%;padding-left:40px;padding-top:2px;padding-bottom:2px;cursor:pointer}.navLinkText i{width:25px}.navLink:hover{transition:.5s;background:hsla(0,0%,100%,.274);color:#fff}.navLinks1Container{overflow:hidden}.navLinkGroup2{color:#bebebe;width:100%;border-bottom:.5px solid grey;z-index:3}.navLinkGroup2 a{font-size:20px;font-family:Calibri;text-decoration:none;color:#bebebe}.navLinkGroupHeader2{width:100%;padding:10px;height:60px;transition:.5s}.navLinkGroupHeader2:hover{background:hsla(0,0%,100%,.281);color:#fff;cursor:pointer}#navLink2Asset{color:grey}.navLinks2Container,.navLinks3Container{overflow:hidden}.navbarAsset{width:80%;position:absolute;bottom:0;right:0;z-index:-1}.userIconContainer{margin-top:3px}.requestSelectionPanel{width:100%;padding-left:2%;padding-right:2%}.requestSelectionHeader{padding-top:10px;min-height:81px;border-bottom:.5px solid #000;margin-bottom:10px;padding-left:3%}.requestSelectionHeader h1{color:#363636;font-family:gotham-black}.requestSelectionHeader h3{color:#505050;font-family:gotham-bold;-webkit-transform:translateX(10%);transform:translateX(10%)}.requestSelectionContent{width:100%;display:flex;position:relative}.requestSelectionContent a{text-decoration:none;color:#fff}.cardContent{width:46%;margin:20px 2% 10px;height:220px;border-radius:10px;-webkit-border-radius:10px;box-shadow:10px 10px 5px -8px rgba(0,0,0,.75)}.cardBody{width:100%;height:100%;position:relative}.noCashAdvanceMessage{position:absolute;z-index:2;width:100%;height:100%;background:rgba(0,0,0,.404);border-radius:10px;display:none;text-align:center;padding-top:20%;color:#fff}.noCashAdvanceMessage p{font-family:gotham-black;background:rgba(10,10,10,.719);display:block;padding:10px}.cardHead{width:100%;height:75%;border-radius:10px 10px 0 0;background:#333;background-size:cover;overflow:hidden;position:relative}.cardHead svg{position:absolute}.cardAssetNonPo{width:77%;-webkit-transform:translate(2%,20%);transform:translate(2%,20%)}.cardAssetNonPo,.cardAssetPo{bottom:0;right:0;position:absolute;z-index:1}.cardAssetPo{width:80%;height:100%;-webkit-transform:translateY(10%);transform:translateY(10%)}.cardAssetCashAdvance{width:70%;-webkit-transform:translate(10%,10%);transform:translate(10%,10%)}.cardAssetCashAdvance,.cardAssetLiquidation{bottom:0;right:0;position:absolute;z-index:1}.cardAssetLiquidation{width:80%;-webkit-transform:translate(13%,30%);transform:translate(13%,30%)}.cardFooter{border-radius:0 0 10px 10px;background:red;background-size:cover;width:100%;height:25%}.cardFooter p{font-family:gotham-black;font-size:25px;margin-left:20px;padding-top:5px;color:#fff}#card1,#card2,#card3,#card4{opacity:0;transition:1s}#card1:hover .cardBody img{width:83%;transition:.3s}#card2:hover .cardBody img{width:80%;transition:.3s}#card3:hover .cardBody img{width:74%;transition:.3s}#card4:hover .cardBody img{width:84%;transition:.3s}#card1:hover .noCashAdvanceMessage,#card3:hover .noCashAdvanceMessage,#card4:hover .noCashAdvanceMessage{display:block;transition:.3s}.selectDepartmentInput{height:30px;margin-left:10%;margin-right:10%;width:80%;border:1px solid grey;padding-left:10px;margin-bottom:20px}.addDptBtnContainer{width:80%;margin-left:10%;margin-right:10%;text-align:right}.requestFormBanner{width:99%;height:50px;display:flex;background:#fff;border-bottom:.5px solid #f0f0f0;position:fixed}.requestFormBanner h1{font-family:gotham-bold;margin-left:2%;margin-top:10px}.formContainer{padding-bottom:100px;margin-top:95px;width:100%}.formContent{width:90%;min-height:100vh;margin-top:20px;margin-left:5%;margin-right:5%;border:.3px solid #b9b9b9;background:#fff;padding-bottom:30px}.page1{width:75%;margin-left:15%;margin-right:15%;padding-top:30px}.label1{font-family:Calibri;font-weight:700;margin-top:20px}.errorChecker{color:red}.input1NonPo{padding-right:20px}.input1NonPo,.input1NonPoNew{width:100%;height:40px;border:.5px solid rgba(88,88,88,.185);padding-left:20px;font-family:Calibri;font-weight:700;font-size:15px;color:#464646;border-radius:15px;box-shadow:1px 1px 5px 1px rgba(0,0,0,.13)}.input1NonPoNew{padding-right:50px}.input1NonPo:focus{outline:none;border-radius:0;box-shadow:1px 1px 5px 1px rgba(0,0,0,.43)}.fileInputContainer{width:100%;height:80px;box-shadow:1px 1px 5px 1px rgba(0,0,0,.13);position:relative}.fileInputContainer:hover{box-shadow:1px 1px 5px 1px rgba(0,0,0,.43)}.fileIcon{color:#ee3124}.fileLabel{background:#fff;font-family:Calibri;font-weight:700;color:grey;border:2px solid #b8b8b8;margin-right:10px;margin-bottom:10px;padding:10px;bottom:0;right:0;position:absolute;cursor:pointer;box-shadow:1px 1px 5px 1px rgba(0,0,0,.23)}.uploadedFile{padding-left:20px;padding-top:10px;display:flex}.uploadedFile span{margin-top:18px;margin-left:10px;font-family:Calibri;color:grey}.nextButton{width:75%;margin-left:15%;margin-right:15%}.nextButton,.submitButtonDiv{margin-top:40px;text-align:right}.submitButtonDiv{width:90%;margin-left:5%;margin-right:5%;display:none}.submitButtonDiv button{color:#fff;font-family:Calibri;font-weight:700;background:red;padding:10px;box-shadow:3px 5px 6px -3px rgba(0,0,0,.49)}.submitButtonDiv button:hover{cursor:pointer}.formNavigationBtn{width:98%;margin-left:1%;margin-right:1%;margin-top:40px;position:relative}.formNavContent{width:100%;display:flex;position:fixed;-webkit-transform:translate(-3%,-160%);transform:translate(-3%,-160%)}#formPrevBtn{display:none}.formNav1 button{font-size:40px;color:#ee3124;background:#fff;border-radius:50px;box-shadow:3px 5px 6px -3px rgba(0,0,0,.49);cursor:pointer}.formNav1 button:focus{border:none;outline:none}.formNav2{width:35%;text-align:right;-webkit-transform:translateY(650%);transform:translateY(650%)}.formNav2 button{display:none;height:60px;width:60px;box-shadow:3px 5px 6px -3px rgba(0,0,0,.49);border-radius:50px;background:#2b2c2b;color:#fff}.formNav2 button:hover{cursor:pointer}.nextButton button{color:#fff;background:#ee3124;padding:10px 20px;font-family:Calibri;font-weight:700;box-shadow:3px 5px 6px -3px rgba(0,0,0,.49)}.nextButton button:hover{cursor:pointer}.page2{display:none;width:90%;min-height:60vh;margin-left:5%;margin-right:5%;padding-top:40px}.projectClassContainer{margin-bottom:20px;padding:10px 10px 30px;width:100%;min-height:20vh;border:.5px solid #797979;min-height:70vh}.label2,.label2ProjectClass{font-family:Calibri;font-weight:700;margin-top:20px;margin-left:10%}.label2ProjectClass{display:none}.projectClassLabel{font-family:Calibri;font-weight:700;margin-top:20px;margin-left:10%}.glCategoryClass{width:40%}.glCategoryClass,.glNameClassProjectClass{margin-left:10%;margin-right:10%;height:27px;border:.5px solid #000;padding-left:5px;font-family:Calibri;font-weight:700;font-size:15px;color:#464646}.glNameClassProjectClass{display:none;width:80%}.description1Class,.description2Class,.glNameClass,.projectClassName{margin-left:10%;margin-right:10%;width:80%;height:27px;border:.5px solid #000;padding-left:5px;font-family:Calibri;font-weight:700;font-size:15px;color:#464646}.quantityAndItemNumber{width:80%;margin-left:10%;margin-right:10%;display:flex}.inputContainer1,.inputContainer2{width:50%}.input3{width:100%}.input3,.input4{border:.5px solid #424242;height:27px}.input4{width:80%;margin-left:20%}.label3,.label4{font-family:Calibri;font-weight:700;margin-top:20px}.label4{margin-left:20%}.input5{width:80%}.input5,.input6{border:.5px solid #424242;height:27px}.input6{width:100%}.subComputationContainer{width:80%;margin:10px 10%;display:flex;border:.5px solid grey;padding:10px}.subComputation1{padding-left:20px;width:30%;margin-right:2%;height:50px;font-family:Calibri;font-weight:700}.subComputation2{width:49%;height:50px}.subComputation2 span{display:flex}.totalComputation{width:90%;height:70px;margin-left:5%;margin-right:5%;margin-top:40px;border:.5px solid grey;display:flex;padding:8px;display:none}.computationDesc{width:30%}.computations{width:40%;padding-left:20px;border-right:.5px solid grey}.computations span,.omputations span{display:flex}.addProjectClassBtnContainer{width:30%;position:relative}.addProjectClassBtnContainer h5{text-align:center;width:70%;padding:20px;position:absolute;right:0;border:.1px solid hsla(0,0%,50.6%,.219);box-shadow:10px 10px 5px -7px rgba(0,0,0,.42)}.addProjectClassBtnContainer h5:hover{cursor:pointer}.closeButtonContainer{width:99%;height:25px;text-align:right}.closeButtonContainer span{font-size:27px;color:#414141}.saveAndCancelButton{width:100%;text-align:right}.saveAndCancelButton button{color:#000;padding:10px;margin-left:10px;margin-right:20px;font-family:Calibri;font-weight:700;font-size:15px}.removeProjClassBtn{background:#ee3124;color:#fff;font-weight:bolder;font-size:20px}.removeProjClassBtn:active{outline:none}#saveAsDrafBtn{background:#ee3124}#cancelRequestBtn,#saveAsDrafBtn{color:#fff;box-shadow:4px 3px 5px -1px rgba(0,0,0,.27);font-family:Calibri;cursor:pointer}#cancelRequestBtn{background:#2b2c2b}.formHintContainer{width:90%;margin-left:5%;margin-right:5%;margin-top:20px;background:#f3e9aa;padding:15px 10px 10px 15px;color:red;display:none}#validationHintIcon{padding-right:10px}.modalbg2{width:100%;height:100%;z-index:0;background:hsla(0,0%,96.9%,.801);position:absolute}.modalContent2{width:10%;margin-top:17%;margin-left:45%;margin-right:45%;padding-bottom:30px;min-height:300px;z-index:4;position:fixed}.loadingLogo{width:60%;margin-top:22%;margin-left:20%;margin-right:20%;position:absolute}.spinner{width:100%;position:absolute;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}button{cursor:pointer}.division2{height:80px}.spreadSheet2{width:99%;border:1px solid #dbdbdb;overflow:scroll;min-height:70vh;max-height:70vh}.spreadSheet2::-webkit-scrollbar{width:10px}.spreadSheet2::-webkit-scrollbar-track{background:#f1f1f1}.spreadSheet2::-webkit-scrollbar-thumb{background:#888;border:2px solid #f1f1f1}.spreadSheet2::-webkit-scrollbar-thumb:hover{background:#555}.dlSelectedBtn{cursor:pointer;color:#fff;background:#ee3124;padding:5px 10px;font-family:gotham-bold}#dlSelectedBtnIcon{cursor:pointer;padding-right:10px}.crfViewLink{background:none;font-size:15px}.crfViewLink a{color:red}.updateCrfModalContent{width:90%;margin-left:5%;margin-right:5%;border:.5px solid grey;min-height:120px;max-height:120px;overflow-y:scroll;padding-top:10px;padding-bottom:10px}.crfUpdateDetail{display:flex;margin-top:3px;margin-bottom:3px;padding-left:20px}.crfUpdateDetail:hover{background:#f8f5f5}.updateCrfModalContent::-webkit-scrollbar{width:10px}.updateCrfModalContent::-webkit-scrollbar-track{background:#f1f1f1}.updateCrfModalContent::-webkit-scrollbar-thumb{background:#ee3124;border:2px solid #f1f1f1}.updateCrfModalContent::-webkit-scrollbar-thumb:hover{background:#ee3124}.crfUpdateModalDetails{width:100%}.updateIcon{text-align:center;width:5%;background:#eeebeb;margin-right:3px}.updateCrfMessage{padding-left:20px;width:70%;text-align:center}.updateCrfButton{width:90%;margin-top:20px;margin-left:5%;margin-right:5%;text-align:right}.okBtn{color:grey;padding:10px;font-family:gotham-black;color:#fff;background:#000}.value-viewer{font-family:Calibri;text-align:center;font-size:13px;padding:10px;color:#000;font-weight:700}.csvIsDownloaded{font-size:20px;position:relative;padding:5px}.csvIsDownloaded span{position:absolute;z-index:1;cursor:pointer;-webkit-transform:translate(-50%,-70%);transform:translate(-50%,-70%)}.selectCrfCheckBoxContainer{width:20px;height:20px;background:#fff}.selectCrfCheckBoxContents{width:100%;height:100%;position:relative;cursor:pointer}.selectCrfCheckBox{width:100%;height:100%;position:absolute;z-index:1;cursor:pointer}.dlCsvButtonContainer{width:100%;text-align:right;padding-top:5px;padding-bottom:5px;padding-right:10px;background:#000}.selectCrfCheckBox i{font-size:17px;-webkit-transform:translate(-50%,3%);transform:translate(-50%,3%);color:#e4e1e1}.bottomTools{width:99%;text-align:right;padding-top:10px;margin-bottom:30px}.dlCsvSelectedBtn{background:#ee3124;padding:5px 20px;color:#fff;font-family:gotham-bold;margin-right:20px;font-size:10px;cursor:pointer}.dlCsvSelectedBtn i{padding-right:10px}.dlAllCsvBtn{background:#ee3124;padding:5px 20px;color:#fff;font-family:gotham-bold;font-size:10px;cursor:pointer}.dlAllCsvBtn i{padding-right:10px}.topTools{width:100%;min-height:30px;border:.5px solid grey}.checkPreparationBtn{padding:5px 10px;background:#c52026;color:#fff;font-family:gotham-bold;font-size:14x;cursor:pointer}#selectAllCrf i{font-size:17px;color:#e4e1e1}#unselectAllCrf{display:none}#unselectAllCrf i{font-size:17px;color:red}#modalContentDashboard{width:60%;padding-top:20px;margin:5% 20%;padding-bottom:30px;background:#fff;z-index:4;position:fixed;transition:.5s;min-height:300px}.updateToCheckPreparationErrorHeader{margin-bottom:20px}.updatingChecksContainer{width:90%;margin-left:5%;margin-right:5%;padding:5px;min-height:200px}.updatingChecksContent{display:flex}.inProcessCrfDetail{width:33%}.inProcessCrfDetail span{font-size:13px;font-family:Calibri;font-weight:700}.statusRemarks{width:35%;text-align:right}.updateToCheckPrepareButtonContainer{width:90%;margin-left:5%;margin-right:5%;text-align:right}.updateToCheckPrepareCloseButton{background:#2b2c2b}.updateToCheckPrepareCloseButton,.updateToCheckPrepareUpdateButton{font-family:Calibri;font-weight:700;font-size:15px;color:#fff;padding:10px 20px;cursor:pointer}.updateToCheckPrepareUpdateButton{background:#ee3124;margin-left:20px}.checkPreparationCrfDetail{width:25%}.checkPreparationCrfDetail span{font-size:13px;font-family:Calibri;font-weight:700;cursor:progress}.crf-loading{-webkit-animation:animate 3.5s linear infinite;animation:animate 3.5s linear infinite}@-webkit-keyframes animate{0%{opacity:0}50%{opacity:.9}to{opacity:0}}@keyframes animate{0%{opacity:0}50%{opacity:.9}to{opacity:0}}.myDepartmentLists{width:96.5%;background:#e2e1e1;margin-left:2%;padding-top:1px;padding-bottom:1px}.myDepartmentListsContents{width:99%;margin-left:.5%;margin-right:.5%;background:#fff;margin-bottom:10px;padding:7px}.addDepartmentLists{width:96.5%;margin-left:2%;text-align:right}.addDepartmentLists button{padding-left:20px;padding-right:20px;font-size:38px;margin-top:10px;cursor:pointer}.addDepartmentInputContainer{width:100%;text-align:center;padding-bottom:20px}.addDepartmentInput{border:1px solid #a7a4a4;margin-right:10px}.addRequestDept{background:#ee3124;font-family:Calibri;font-weight:700;cursor:pointer}.addRequestDept,.cancelRequestDept{padding:3px 5px;color:#fff;margin-right:10px}.cancelRequestDept{background:grey}.noDepartmentContainer{width:98%;padding-left:1%;padding-right:1%;margin-top:10px}.noDeptBtnContainer{width:100%;text-align:right;padding-bottom:20px}.noDeptSelectBtn{color:#fff;background:#ee3124;font-family:Calibri;font-weight:700;font-size:18px;padding:5px 10px;cursor:pointer}.myRequestHeader{width:99%;background:#fff;position:fixed;height:120px}.myRequestHeader1Container{display:flex}.myRequestTools{padding-left:30px;padding-top:20px}.ph1Btn{color:#fff;background:#ee3124;padding:5px 20px;margin-right:10px;cursor:pointer;font-family:gotham-bold}.ph2Btn,.ph3Btn{color:grey;padding:5px 20px;margin-right:10px;cursor:pointer;font-family:gotham-bold}.myRequestHeader h1{font-family:gotham-bold;margin-top:10px}.tHead,.tHeadExp{font-size:12px;height:30px}.tHeadExp{text-align:center;color:#fff;background:#000}.division{height:120px}.tableData{margin-bottom:5px}.UpdateSeletedOnholdContent2{width:22%;text-align:right;padding-top:20px}.UpdateSelectedOnhold{color:#fff;background:#ee3124;font-family:Calibri;font-weight:700;padding-left:13px;padding-right:13px;cursor:pointer}.updateSelectedLabelForOnHold{margin-top:25px}.tHeadCrfNo{width:10%;text-align:center;color:#fff;background:#000}.tHeadBtn{padding-left:2.5%;background:#000;color:red}.numHead{color:#000;background:#000}.tdataBtn1{margin-left:.5%;margin-right:1%}.tDataBtn{width:3.5%;text-align:center}.tDataCrfNo{width:10%;text-align:center}.UpdateSeletedForEndorsement{display:flex}.UpdateSeletedForEndorsementContent1{width:55%}.updateSelectedLabel{text-align:left;width:10%;margin-top:25px}.UpdateSeletedForEndorsementContent2{width:35%;margin-top:20px}#multipleOnholdButton{background:grey}#multipleInProcessButton,#multipleOnholdButton{margin-left:5px;color:#fff;padding:5px;font-family:Calibri;font-weight:700;cursor:pointer}#multipleInProcessButton{background:red}#selectAllForEndorsement{margin-top:5px;color:#b6b0b0;background:none;cursor:pointer}#unSelectAllForEndorsement{margin-top:5px;color:red;background:none;cursor:pointer;display:none}.checkEndorsementBtn{color:#b6b0b0;background:none;cursor:pointer}.onHoldMessageInput{border:1px solid #000;width:100%}.modalInputForEndorsement{width:80%;margin-left:10%;margin-right:10%}.toOnHoldModalHead{margin-left:5%;margin-bottom:20px}.toOnHoldBtnGroup{margin-top:30px;margin-left:10%;width:80%;text-align:right}.toOnholdBulkBtn{background:#ee3124}.toOnholdBulkBtn,.toOnholdCloseBulkBtn{margin-left:20px;color:#fff;padding:5px 20px;cursor:pointer}.toOnholdCloseBulkBtn{background:grey}.messageHead,.toInProcessModalHead{margin-top:30px}.messageHead{margin-left:5%}.myRequestTableHeader{width:100%}.tHead{padding:5px}.tHeadExp{width:17%;padding-top:5px}.divisionInProcess{height:75px}.tableNumber{text-align:center;padding:5px 10px;background:#2b2b2b;color:#fff}.spreadSheet{width:99%;border:1px solid #dbdbdb;overflow:scroll;min-height:70vh;max-height:70vh}.spreadSheet::-webkit-scrollbar{width:10px}.spreadSheet::-webkit-scrollbar-track{background:#f1f1f1}.spreadSheet::-webkit-scrollbar-thumb{background:#888;border:2px solid #f1f1f1}.spreadSheet::-webkit-scrollbar-thumb:hover{background:#555}.dataSheetTableHead{color:#fff;padding:10px;background:#2b2c2b;font-style:Calibri}.dataSheetTableData{padding:10px;font-style:Calibri;color:#2b2c2b;font-size:13px}.dataSheetTableHeadCount{min-width:30px;position:relative}.dataSheetTableHeadCount span{position:fixed;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);min-width:30px;height:33px;background:#fff;font-size:18px}.spreadSheetContents{width:300%}.data-editor{border:none!important}.tableDataInProcess{width:96.5%}.crfLinkBtn a{color:red}.tData{text-align:left}.Downloaded{color:grey}.Download{color:#ee3124}.InProcessHeader{width:99%;background:#fff;position:fixed}.InProcessHeader h1{font-family:gotham-bold;margin-top:10px;margin-bottom:20px;width:30%}.inProcessButtonDiv{width:48%;text-align:right}.inProcessButtonDiv button{margin-left:10px;margin-right:10px;margin-top:30px;padding:5px 20px;color:#fff;background:#ee3124;cursor:pointer;font-family:Calibri;box-shadow:2px 3px 5px 0 rgba(0,0,0,.43)}.inProcessHeaderContent{display:flex}.tableDataInProcess{height:20px;width:78%;display:flex;width:100%;margin-left:2%;height:35px;border-bottom:.5px solid grey;font-family:Calibri}.tData2InProcess,.tDataInProcess{width:17%;text-align:center}.tData2InProcess{padding-left:5px;padding-right:5px}.tableDataInProcess:hover{box-shadow:4px 5px 5px -1px rgba(0,0,0,.28);cursor:pointer}.tDataInProcess h4{padding-top:5px;font-size:14px}.tData2InProcess h4{font-size:13px}.dataCheckBox{height:20px;width:20px;position:absolute;z-index:3;-webkit-transform:translate(120%,20%);transform:translate(120%,20%);cursor:pointer}.dataCheckBox:hover{box-shadow:2px 3px 5px 0 rgba(0,0,0,.43)}.dataEditBox{height:25px;width:25px;position:absolute;z-index:3;-webkit-transform:translate(230%,15%);transform:translate(230%,15%);cursor:pointer;font-size:25px;text-align:center}.dataEditBox:hover{box-shadow:2px 3px 5px 0 rgba(0,0,0,.43)}.dataToggle{height:25px;width:25px;position:absolute;z-index:3;-webkit-transform:translate(360%,15%);transform:translate(360%,15%);cursor:pointer;font-size:25px;color:red}.dataToggle:hover,.editableField{box-shadow:2px 3px 5px 0 rgba(0,0,0,.43)}.editableField{padding:10px;min-height:80px;width:78%;display:flex;width:96.5%;margin-left:2%;height:35px;border-bottom:.5px solid grey;font-family:Calibri}.editableFieldContent2,.editableFieldContent2Another{width:25%;border-right:.5px solid grey}.editableFieldContent3{padding-left:30px;display:flex}.apvNoAndPostingDateLabel{display:flex}.postingDate{margin-left:140px}.apvNoAndPostingDate{margin-left:10px}.apvNoAndPostingDateBtn{padding-top:20px}.apvNoAndPostingDateBtn button{background:grey;color:#fff;margin-left:10px;padding:5px 15px;cursor:pointer;box-shadow:2px 3px 5px 0 rgba(0,0,0,.43)}.container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}.container:hover input~.checkmark{background-color:#ccc}.container input:checked~.checkmark{background-color:#ee3124}.checkmark:after{content:"";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.tableBody2Content1{width:50%}.input1{border:1px solid #000}.apvDetails{display:flex}.apvDetails h5{margin-right:100px}.releasedButton{padding:10px}.tHead{width:17%;text-align:center;color:#fff;background:#000}.tHead h4{padding:5px;font-size:13px}.tData{width:17%;text-align:center}.draftTHead{flex-basis:33.33%;width:17%;text-align:left;color:#fff;background:#000}.draftTHead h4{padding:5px;font-size:13px}.tableData{width:100%}.draftTData{flex-basis:33.33%;width:17%;text-align:left}.tDataVendor{width:34%;text-align:left;padding-top:5px;font-size:14px}.tData2{width:17%;text-align:center;padding-left:5px;padding-right:5px}.draftTData h4{padding-top:5px;font-size:14px}.tHead2{width:25%;text-align:center;color:#fff;background:#000}.tHead2 h4{padding:5px;font-size:13px}.tableData{height:20px;width:78%;display:flex;width:96.5%;margin-left:2%;height:35px;border-bottom:.5px solid grey;font-family:Calibri}.tDataUser{text-align:left;padding-left:20px}.tDataUser,.tDataUser2{width:25%;margin-top:5px}.tDataUser2{padding-right:50px;text-align:right;padding-left:5px}.approveDepartmentBtn{padding:5px 10px;color:#fff;background:#ee3124;font-family:Calibri;font-weight:700;cursor:pointer}.approvedData{font-family:Calibri;color:grey}.tableData:hover{box-shadow:4px 5px 5px -1px rgba(0,0,0,.28);cursor:pointer}.tData h4{padding-top:5px;font-size:14px}.tData2 h4{font-size:13px}.removeFromDeptBtn{margin-left:10px}.toApproveHeader{width:99%;background:#fff;position:fixed}.headerAccountingM{display:flex;flex-flow:row wrap;justify-content:right}.itemAccountingM{flex-basis:40%}.toApproveHeader h1{font-family:gotham-bold;margin-top:10px;margin-bottom:20px}.sortingButtons{border-bottom:3px solid #000;width:78%;display:flex}.sortingButtons button{background:#fff;color:grey;font-family:gotham-bold;padding:10px 0;outline:none;cursor:pointer}.sortBtn{border-bottom:3px solid #000}.sortBtn,.sortBtnInitital{padding:0 30px 10px;height:100%}.sortBtnInitital{border-bottom:3px solid red;color:#000}.myRequestTableHeader{border:1px solid #000;height:30px;width:78%;display:flex}.tHeadSystemUsers1{width:25%;text-align:left;color:#fff;background:#000}.tHeadSystemUsers1 h4{padding:5px;font-size:13px}.tHeadSystemUsers2{width:35%;text-align:left;color:#fff;background:#000}.tHeadSystemUsers2 h4{padding:5px;font-size:13px}.tHeadSystemUsers3{width:20%;text-align:left;color:#fff;background:#000}.tHeadSystemUsers3 h4{padding:5px;font-size:13px}.divisionToApprove{height:100px}.tableDataSystemUsers{height:20px;width:78%;display:flex;width:96.5%;margin-left:2%;margin-bottom:5px;height:35px;border:.5px solid grey;font-family:Calibri}.userDataTable{width:25%}.userDataTable,.userDataTable2{padding-top:5px;margin-left:5px}.userDataTable2{width:35%}.userDataTable3{width:20%;padding-top:5px;margin-left:5px}.tHeadText{font-size:12px}.departmentDropDown,.departmentDropDownClose{background:#2b2c2b;color:#fff;padding:2px 5px;margin-right:10px;font-size:10px}.departmentDropDownClose{display:none}.closeDepartmentList{width:100%;text-align:right;margin-bottom:10px}.closeDepartmentList button{margin-right:10px;cursor:pointer}.departmentFullList{width:280px;min-height:20px;background:#2b2c2b;margin-top:3px;position:absolute;z-index:2;padding-top:5px;padding-bottom:5px;display:none;box-shadow:10px 10px 5px -6px rgba(0,0,0,.34)}.deptlist{font-size:13px;padding-left:5px}.departmentNameContainer{width:100%;display:flex;font-size:16px}.departmentNameContainer:hover{background:#3b3b3b}.departmentNameContainer button{background:none;cursor:pointer}.deptName{width:80%;color:#fff}.deptName span{margin-left:10px}.deptApproveBtnContainer{width:20%;border-left:20px;display:flex}.deptApproveBtnContainer button{color:#fff}.addDepartmentContainer{width:100%;font-size:16px;margin-top:20px}.addDeptInput{width:92%;margin-left:10px;margin-bottom:10px;padding-left:10px}.deptAddBtnContainer{width:100%;text-align:right;margin-bottom:10px}.addApproveDeptBtn{background:#c52026}.addApproveDeptBtn,.addDeptBtn{color:#fff;margin-right:10px;cursor:pointer;font-family:Calibri;font-size:15px;font-weight:700;padding-left:10px;padding-right:10px}.addDeptBtn{background:grey}.crfHeader{width:99%;position:relative;padding-bottom:10px}.crfHeaderContent{position:fixed;width:82%;border-bottom:.5px solid grey;min-height:80px;background:#fff;padding-left:10px;padding-right:3%;padding-bottom:10px;display:flex;z-index:1}.crfHeaderContent h1{padding-top:5px;font-family:Calibri;margin-bottom:0}.crfHead1{width:40%;border-right:.5px solid grey}.crfBodyContent{padding-left:1%}.crfBody{display:flex}.crfDetail1{width:50%}.crfDetail2{width:50%;padding-right:20px}.editableDetails{width:95%;margin-top:10px;padding:5px;border:.5px solid hsla(0,0%,61.2%,.329);box-shadow:10px 10px 5px -10px rgba(0,0,0,.75)}.editDetailsButton{color:red;background:none;padding-left:90%;font-size:20px}#editFileInput{display:none}.editFileInputLabel{font-size:12px;color:#fff;background:red;padding:0 10px 3px}.editDetails{display:none;padding:20px;margin:5px;border:.5px solid grey}.compressBtn{width:100%;text-align:right}.compressBtn button{background:none;color:red;font-size:20px;border:1px solid red;cursor:pointer}.workFlow,.workFlowContainer{width:100%}.workFlow{margin-top:10px}.workFlow2{width:100%;margin-top:5px;-webkit-transform:translateX(0);transform:translateX(0)}.supportingDoc{width:30%;height:50px;border:.5px solid #000;font-size:30px;text-align:center;padding-top:10px;color:red;cursor:pointer}.projectClassListLabel{margin-top:20px}.projClassesMasterContainer{background:#dcdbdb;padding-top:10px;padding-bottom:10px;max-height:80vh;overflow-y:scroll}.projClassesMasterContainer::-webkit-scrollbar{width:10px}.projClassesMasterContainer::-webkit-scrollbar-track{background:#f1f1f1}.projClassesMasterContainer::-webkit-scrollbar-thumb,.projClassesMasterContainer::-webkit-scrollbar-thumb:hover{background:#c52026}.projectClassListContainer{background:#fff;margin-top:10px;width:99%;margin-left:.5%;padding:10px}.projectClassList{width:100%;display:flex}.projectClassListContent1{width:50%;border-right:.5px solid grey}.projectClassListContent2{width:50%;padding-left:10px}.projectClassGl{display:flex}.description1Div,.description2Div{width:95%;height:30px;padding-left:20px;font-size:15px;font-weight:700;font-family:Calibri;color:grey}.breakDownHead{background:#2b2c2b;color:#fff;display:block;font-family:Calibri;font-weight:700;padding-left:10px;padding-right:10px;margin-bottom:5px}.breakDown{width:100%;display:flex}.breakDownContent1{width:50%;padding-left:20px}.breakDownContent2{width:50%;padding-right:30px;text-align:right}.breakDownDetail,.breakDownDetailValue{font-size:12px;padding-top:2px;padding-bottom:2px}.breakDownDetailValue{color:#4682b4}.finalComputationContainer{margin-top:20px;width:99%;height:80px;border:.5px solid grey;display:flex;padding:6px}.errorHintResubmission{margin-top:20px;width:99%;height:80px;background:#f3e9aa;display:flex;padding:20px;color:red;display:none}.errorHintResubmission i{padding-right:20px}.finalComputation1{width:16%;border-right:.5px solid grey}.finalComputation2{width:50%;padding-left:10px}.returnMessageContainer{width:100%;height:100px;border:1px solid red;margin-top:80px;margin-bottom:20px;padding:15px;background:#ee3124;color:#fff}.approverBtnField{margin-top:20px;width:99%;height:80px;padding:6px;margin-bottom:100px;text-align:right}.departmentHeadApproveButton{margin-left:20px;background:#ee3124}.departmentHeadApproveButton,.inQueue{color:#fff;padding:10px 30px;font-family:Calibri;font-weight:700;font-size:18px;cursor:pointer;box-shadow:3px 4px 5px 0 rgba(0,0,0,.38)}.inQueue{background-color:#999}.departmentHeadReturnButton{margin-left:20px;color:#fff;background:#2b2c2b;padding:10px 30px;font-family:Calibri;font-weight:700;font-size:18px;cursor:pointer;box-shadow:3px 4px 5px 0 rgba(0,0,0,.38)}.modalBody{display:none;position:fixed;width:100%;height:100vh;z-index:4}.modalContainer{opacity:1%;width:100%;height:100%;opacity:1;display:block;z-index:0}.modalContent{width:50%;margin:5% 25% 25%;padding-bottom:30px;background:#fff;min-height:300px;z-index:4;position:fixed}.modalbg{width:100%;height:100%;z-index:0;background:rgba(0,0,0,.801);position:absolute}.modalBtnContainer{width:100%;text-align:right;padding-right:10%;margin-top:13px}.returnRemarks{width:90%;margin-left:5%;margin-right:5%;text-align:right}.returnedBy{margin-left:80%;width:20%;text-align:left}#returnValidation{color:red}.returnBtnDept{background:red;margin-left:10px}.cancelModalBtn,.returnBtnDept{padding:10px;cursor:pointer;color:#fff}.cancelModalBtn{background:grey}.returnHeader{margin-left:20px;padding-top:30px;margin-bottom:10px}#approveMessage,#returnMessage{width:80%;height:150px;margin-left:10%;margin-right:10%;border:1px solid grey}#approveMessage{padding:10px}.returnLabel{width:80%;margin-left:10%;margin-right:10%}.approverField{margin-top:20px;width:99%;height:130px;border:.5px solid hsla(0,0%,50.2%,.281);display:flex;padding:20px 50px 50px 0;margin-bottom:100px;box-shadow:3px 6px 5px 0 rgba(0,0,0,.43)}.stampContainer{text-align:center;margin-left:10px}.approvedStamp{width:80px;margin-left:40px;margin-right:40px}#projectClassResubmitForm{display:none}.crfHead2{width:60%}.containerHeader{flex-flow:row}.containerHeader,.containerHeader2{display:flex;justify-content:flex-start}.containerHeader2{flex-flow:row wrap}.containerHeader2Items{padding:5px;flex-basis:100%}.statusMessage{flex-basis:50%;margin-left:20px;margin-top:20px}.statusMessage button{background-color:grey}.statusMessage button:hover{background-color:#a9a9a9;color:red}.statusMessage2{flex-basis:50%}.toggleEditableRequestContainer{width:100%;text-align:right;position:relative}.toggleEditableRequest{padding:5px 15px;cursor:pointer;font-size:20px;font-family:Calibri;font-weight:700;box-shadow:2px 3px 5px 0 rgba(0,0,0,.41)}.EditableVendorLabel{margin-right:2%}.EditableVendorLabel,.editCrfInput{font-family:Calibri;font-weight:700}.editCrfInput{width:70%;color:#ff4500;font-size:15px}.editWarningMessage2{display:none;position:absolute;background:#f3e9aa;margin-left:10px;color:red;padding:10px;box-shadow:10px 10px 5px -10px rgba(0,0,0,.44);z-index:1;-webkit-transform:translatey(-150%);transform:translatey(-150%)}.editWarningMessage2 i{padding-right:10px}.editWarningMessage{display:none;position:absolute;background:#f3e9aa;margin-left:10px;color:red;padding:10px;box-shadow:10px 10px 5px -10px rgba(0,0,0,.44);z-index:1}.editWarningMessage i{padding-right:10px}.editCrfInput:focus{outline:none}.editCrfInput:focus+.editWarningMessage{display:inline;box-shadow:10px 10px 5px -10px rgba(0,0,0,.44)}.paginationTool{width:100%;text-align:center;padding-bottom:6px;padding-top:6px}.paginationTool button{margin:2px;padding:5px;width:25px;color:#fff;background:#ee3124;font-size:12px;font-family:gotham-black;cursor:pointer}.paginationTool button:hover{background:#000}.paginationTool button:focus{outline:none}.pagesTitle{font-family:Calibri;font-size:15px;font-weight:700}.projClassNumber{width:30px;padding-right:5px;text-align:center;margin-right:5px;border-right:.5px solid #c9c9c9;font-size:20px}.projClassDetail{font-size:12px}.projClassDetailEditable{font-size:14px;font-family:Calibri;font-weight:700}.glCategoryClassEdit{font-size:14px;font-family:Calibri;font-weight:700;color:#ff4500;padding-left:10px}.description1ClassEdit,.description2ClassEdit,.glNameClassEdit,.grossPricePerItemClassEdit,.itemCodeClassEdit,.projectClassEdit,.quantityClassEdit{font-size:14px;font-family:Calibri;font-weight:700;color:#ff4500;padding-left:10px;width:50%}.projClassEditableField,.projClassEditForm1,.projClassEditFormNext1{display:none}.warningIcon{padding-right:10px}.fileUploadedReturn{background:#f3e9aa;padding:5px 10px;color:red;display:none}.fileUploadedReturn i{padding-right:10px}.newBreakdown{margin:20px;display:none}#poInputContainer{display:none}.newBreakDown1,.newBreakDown2,.newBreakDownLabel1,.newBreakDownLabel2{font-size:15px;font-family:Calibri;font-weight:700}.newBreakDown1,.newBreakDown2{color:#4682b4}.removeProjectClassButton{cursor:pointer}.removeProjectClassButton:focus{border:none;outline:none}.addProjectClassForReturn{text-align:right;padding-top:10px;width:98%;margin-left:1%;margin-right:1%}.addProjectClassForReturn button{cursor:pointer;font-family:Calibri;font-weight:700;padding:0 10px;box-shadow:10px 10px 5px -6px rgba(0,0,0,.31)}.currentFilePdfContainer{width:97%;text-align:right;padding-top:20px}.currentFilePdf{background:#ee3124;color:#fff;padding:5px;font-family:Calibri;font-weight:700;margin-left:30px;cursor:pointer}
/*# sourceMappingURL=main.aaf44449.chunk.css.map */