@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.header{position:fixed;top:0;left:0;width:100%;height:80px;background-color:#fff;color:#000;display:flex;justify-content:space-between;align-items:center;padding:0 50px;border-bottom:1px solid rgba(0,0,0,.1);z-index:1000;box-shadow:0 2px 10px #0000001a}.profile{display:flex;align-items:center;gap:10px;position:relative;margin-right:5%}.notification-container{margin-right:auto}.profile-text{line-height:2px;margin:0 20px}.profile-text h4{font-size:13px}.profile-text p{font-size:11px;color:#727272}.vcdu-logo{width:80px;margin-left:50px}@media screen and (max-width: 768px){.header{padding:0 15px;height:70px}.side-bar{margin-top:70px}.vcdu-logo{width:60px;margin-left:0}}@media screen and (max-width: 480px){.header{padding:0 10px;height:60px}.side-bar{margin-top:60px}.profile{display:flex;align-items:center}.profile-text{margin:0 10px;line-height:normal}.profile-text h4{font-size:11px;margin-bottom:2px;white-space:nowrap}.profile-text p{font-size:9px;margin:0;white-space:nowrap}.vcdu-logo{width:45px;margin-left:0}}body{background-color:#fcfcfc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;width:100%}.side-bar{display:flex;flex-direction:row;min-height:100vh;height:100vh;margin-top:80px}.side-menu{padding:10px 20px;height:100%;overflow-y:auto;overflow-x:hidden;max-height:96vh}.side-menu .ant-menu-item{color:#464646}.side-menu .ant-menu-item-selected{background-color:#5d60ef;color:#fff}.hoverable-icon{transition:color .3s ease}.hoverable-icon:hover{color:#e63b3b;cursor:pointer}.ant-menu-submenu-selected>.ant-menu-submenu-title{color:#646464!important}.ant-carousel .slick-prev,.ant-carousel .slick-next{color:#000}.slick-dots li.slick-active button{background-color:#000!important}.slick-dots li button{background-color:#ccc!important}.ant-table-tbody>tr:hover>td{background-color:#5d5fef56!important}.ant-table-row:hover{box-shadow:0 4px 12px #5d60ef26}.search-input-hover:hover{border-color:#5d60ef!important;box-shadow:0 2px 8px #5d60ef33!important}.ant-input:focus{border-color:#5d60ef!important;box-shadow:0 0 0 2px #5d60ef33!important}.ant-pagination-item-active{border-color:#5d60ef!important}.ant-pagination-item-active a{color:#5d60ef!important}.ant-tag{border-radius:9px!important;padding:0 12px!important}.project-engineer-main{margin-left:20px;margin-right:20px;width:100%;min-height:90vh;height:100%;overflow-y:scroll}.project-engineer-main::-webkit-scrollbar{display:none}.project-engineer-main h3{text-align:center;margin-bottom:40px}.project-engineer-main .pe-content{padding:24px;min-height:280px;background-color:#fff;border-radius:8px;margin:10px auto}.cards-row .cards-col{display:flex;justify-content:center;text-align:center}.interior-btn,.structural-btn,.land-btn{background-color:#5d60ef;color:#fff;font-weight:500;width:100%;height:50px}.cards-col img{height:200px}.select-interior-btn{background-color:#5d60ef;width:50%;height:40px;margin:auto;font-size:16px}@media only screen and (max-width: 768px){.select-interior-btn{font-size:12px;text-wrap:wrap;height:60px}}.interior-btn-container{height:450px;overflow-y:scroll}.interior-pr-btn{display:flex;justify-content:end}.bodega-incharge-main{margin-left:20px;margin-right:20px;width:calc(100% - 40px);min-height:90vh;height:100%;overflow-y:auto;padding-right:15px}.bodega-incharge-main::-webkit-scrollbar{width:8px}.bodega-incharge-main::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.bodega-incharge-main::-webkit-scrollbar-track{background:#f1f1f1}.bodega-incharge-main h3{text-align:center;margin-bottom:40px}.bodega-incharge-main .bodega-main-content{padding:24px;min-height:280px;background-color:#fff;border-radius:8px;margin:10px auto}.main-layout{margin-left:20px;margin-right:20px;width:calc(100% - 40px);min-height:90vh;height:100%;overflow-y:auto;padding-right:15px}.main-layout::-webkit-scrollbar{width:8px}.main-layout::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.main-layout::-webkit-scrollbar-track{background:#f1f1f1}.main-layout h3{text-align:center;margin-bottom:40px}.select-structural-btn{background-color:#5d60ef;width:50%;height:40px;margin:auto;font-size:16px}@media only screen and (max-width: 768px){.select-structural-btn{font-size:12px;text-wrap:wrap;height:60px}}.structural-btn-container{height:450px;overflow:scroll}.structural-pr-btn{display:flex;justify-content:end}.select-land-btn{background-color:#5d60ef;width:50%;height:40px;margin:auto;font-size:16px}@media only screen and (max-width: 768px){.select-land-btn{font-size:12px;text-wrap:wrap;height:60px}}.pe-categories{padding:24px;min-height:280px;background-color:#fff;border-radius:8px;margin:10px auto}.land-btn-container{height:450px;overflow:scroll}.pe-subdivision-inputs{padding:15px}.ant-input[placeholder="Lot no."],.ant-input[placeholder="Block no."],.ant-input[placeholder="Subdivision name"]{margin-top:10px}.pe-error-message{color:red}.land-pr-btn{display:flex;justify-content:end}.procurement{margin-left:20px;margin-right:20px;width:100%;min-height:90vh;height:100%;overflow-y:hidden}.iframe-container{width:100%;height:700px}@media (max-height: 768px){.iframe-container{height:550px}}@media (max-height: 480px){.iframe-container{height:300px}}.purchaser{margin-left:20px;margin-right:20px;width:100%;min-height:90vh;height:100%;overflow-y:scroll}.purchaser h3{text-align:center;margin-bottom:40px}.purchaser .purchaser-content{padding:24px;min-height:280px;background-color:#fff;border-radius:8px;margin:10px auto}.planning{margin-left:20px;margin-right:20px;width:100%;min-height:90vh;height:100%;overflow-y:hidden}.planning h3{text-align:center;margin-bottom:40px}.planning .planning-content{padding:24px;min-height:280px;background-color:#fff;border-radius:8px;margin:10px auto}.procurement{margin-left:20px;margin-right:20px;width:100%;min-height:90vh;height:100%;overflow-y:scroll}.procurement h3{text-align:center;margin-bottom:40px}.procurement .procurement-content{padding:24px;min-height:280px;background-color:#fff;border-radius:8px;margin:10px auto}.procurement-purchase-request{margin-left:20px;margin-right:20px;width:100%;min-height:90vh;height:100%;overflow-y:scroll}.procurement-purchase-request h3{text-align:center;margin-bottom:40px}.procurement-purchase-request .procurement-content-purchase-request{padding:24px;min-height:280px;background-color:#fff;border-radius:8px;margin:10px auto}.accounting{margin-left:20px;margin-right:20px;width:100%;min-height:90vh;height:100%;overflow-y:scroll}.accounting h3{text-align:center;margin-bottom:40px}.accounting .accounting-content{padding:24px;min-height:280px;background-color:#fff;border-radius:8px;margin:10px auto}::selection{background:#5d60ef;color:#fff}.wrapper{width:380px;background:#fff;border-radius:15px;box-shadow:0 15px 20px #0000001a;margin:100px auto}.wrapper .title{font-size:20px;font-weight:600;text-align:center;line-height:100px;color:#fff;-webkit-user-select:none;user-select:none;border-radius:15px 15px 0 0;background-color:#5d60ef}.wrapper form{padding:30px 30px 50px}.wrapper form .field{height:50px;margin-top:20px;position:relative;width:100%}.wrapper form .field input{height:100%;width:100%;outline:none;font-size:17px;padding-left:20px;border:1px solid lightgrey;border-radius:10px;transition:all .3s ease;box-sizing:border-box}.wrapper form .field input:focus,form .field input:valid{border-color:#4158d0}.wrapper form .field label{position:absolute;top:50%;left:20px;color:#999;font-weight:400;font-size:17px;pointer-events:none;transform:translateY(-50%);transition:all .3s ease}form .field input:focus~label,form .field input:valid~label{top:0%;font-size:16px;color:#4158d0;background:#fff;transform:translateY(-50%);padding:0 5px}form .field button{color:#fff;border:none;font-size:20px;font-weight:500;cursor:pointer;background-color:#5d60ef;transition:all .3s ease;width:100%;height:50px;border-radius:10px;margin-top:20px;box-sizing:border-box}form .field button:active{transform:scale(.95)}.ant-spin-dot-item{background-color:#fff!important}.error-cred{color:red;margin:25px;font-size:15px;text-align:center}.maintenance-container{background:#fff;padding:30px;border-radius:5px;box-shadow:0 5px 10px #0003;width:100%;max-width:500px}@media (max-width: 768px){.maintenance-container{max-width:90%;padding:20px}}