@import"https://fonts.googleapis.com/css?family=Open+Sans";@import"https://fonts.googleapis.com/css?family=Montserrat:500";*{margin:0;padding:0}h2{font-size:20px;color:var(--secondary-color)}:root{--primary-color: teal;--secondary-color: white}.MuiBox-root{display:grid;grid-gap:1rem;color:#000;background-color:#fff;font-family:Montserrat;padding:18px;border-radius:6px}.MuiBox-root h1{padding-bottom:18px;border-bottom:1px solid #e6e6e6}.app{font-family:Montserrat;max-width:450px;width:100%;align-self:center;margin-left:auto;margin-right:auto}.create-button{display:flex;cursor:pointer;justify-content:center}.upload-photo-method{display:flex;flex-direction:column;align-items:center;flex:1;color:#fff}.generate-pdf-button{display:flex;cursor:pointer;justify-content:center;margin-left:200px}.share-button{display:flex;cursor:pointer;justify-content:end}.share-modal-text{display:flex;flex-direction:column;gap:10px;font-weight:700;overflow:hidden}.action-buttons-grid{display:flex;flex-direction:row;justify-content:end;padding-top:20px;height:40px;border-top:1px solid #e6e6e6}.default-header{display:flex;justify-content:space-between;align-items:center;font-size:18px;border-bottom:1px solid #e6e6e6;padding-bottom:12px}.task-picture{margin:12px;align-self:center;max-height:200px}.login-form{display:flex;height:93vh;flex-direction:column;justify-content:center;margin:18px}.login-form>h1{margin-bottom:12px}.login-error-container{font-size:14px;background-color:#f99fb5;color:#fff;padding:13px 17px;border-radius:6px}.navbar{display:flex;position:sticky;justify-content:space-between;background:var(--primary-color);height:60px;max-width:inherit;width:inherit;box-shadow:0 5px 2px -2px gray;margin-bottom:2px;top:0;z-index:999}.menu-btn{display:flex;justify-content:center;align-items:center;width:60px;height:60px;cursor:pointer;transition:all .5s ease-in-out;position:relative}.menu-btn__burger{width:40px;height:6px;background:var(--secondary-color);border-radius:5px;transition:all .5s ease-in-out}.button__badge{background-color:#fa3e3e;color:var(--secondary-color);padding:1px 3px;font-size:20px;text-align:center;position:absolute;top:0;right:0}.menu-btn__burger:before,.menu-btn__burger:after{content:"";position:absolute;width:40px;height:6px;background:var(--secondary-color);border-radius:5px;transition:all .5s ease-in-out}.menu-btn__burger:before{transform:translateY(-16px)}.menu-btn__burger:after{transform:translateY(16px)}.menu-btn.open .menu-btn__burger{transform:translate(-50px);background:transparent;box-shadow:none}.menu-btn.open .menu-btn__burger:before{transform:rotate(45deg) translate(35px,-35px)}.menu-btn.open .menu-btn__burger:after{transform:rotate(-45deg) translate(35px,35px)}.account-btn{display:flex;height:60px;width:60px;margin-top:auto;margin-bottom:auto;justify-content:center;align-items:center;cursor:pointer}.nav-menu{position:fixed;left:-100%;top:62px;gap:0;flex-direction:column;background-color:var(--primary-color);width:100%;text-align:center;transition:.3s;list-style-type:none;z-index:100}.nav-item{margin:16px 0}#nav-menu-background{position:absolute;height:99vh;width:inherit;top:64px;left:-100%;z-index:-100}#nav-menu-background.active{left:0}.nav-menu.active{left:0;border-bottom-left-radius:1.4rem;border-bottom-right-radius:1.4rem}.nav-account{position:fixed;right:-100%;top:62px;gap:0;flex-direction:column;background-color:var(--primary-color);width:100%;text-align:center;transition:.3s;list-style-type:none;border-bottom-left-radius:1.4rem;border-bottom-right-radius:1.4rem}.nav-account.active{right:0}.nav-link{font-size:18px;color:var(--secondary-color);list-style-type:none;font-weight:700;text-decoration:none}.login-error-container{font-size:14px;background-color:#f99fb5;color:var(--secondary-color);padding:13px 17px;border-radius:6px}.tab-bar{display:flex;position:fixed;flex:1 1;background:#fff;height:48px;max-width:inherit;width:inherit;margin-top:2px;bottom:0;width:100%;z-index:999}.tab-bar>div{display:flex;flex:1;align-items:center;justify-content:center}.link{display:inline-block;width:100%;text-align:center}.home-page{background-color:#111827;color:#fff;height:100vh;max-width:inherit;overflow:hidden}.job-list-view>.header{background-color:var(--primary-color);height:120px;margin-inline:10px;border-radius:0 0 .5rem .5rem;font-weight:700;text-align:center;align-content:center}.job-list-view>.content{display:flex;flex-direction:column;gap:12px;padding:18px;height:calc(100vh - 250px);overflow:auto}.filter-buttons{display:flex;flex-direction:row;height:48px}.job-card{--value: 0;display:flex;flex-direction:row;justify-content:space-between;min-height:80px;cursor:pointer;background:linear-gradient(to right,rgba(21,128,61,.5) var(--value),#1F2937 var(--value));border:1px solid #374151;border-radius:.5rem}.job-card>.title{display:flex;width:70%;align-items:center;margin:12px}.job-card>.title span{overflow:hidden;word-break:normal;text-overflow:ellipsis;font-size:20px;font-weight:700;color:var(--secondary-color)}.task-card{display:flex;flex-direction:column;gap:8px}.task-card>.content{--value: 0;display:flex;flex-direction:column;justify-content:space-between;height:90px;cursor:pointer;background:linear-gradient(to right,rgba(21,128,61,.5) var(--value),#1F2937 var(--value));border:1px solid #374151;border-radius:.5rem}.task-card>.content>.title{display:flex;flex:1;padding:12px;align-items:center;font-size:16px;font-weight:700;color:var(--secondary-color);margin-left:0;margin-bottom:0}.task-card>.content>.title>.text{display:flex;align-self:stretch;align-items:center;word-break:break-word;overflow:hidden;text-overflow:ellipsis;flex:1;gap:8px}.task-name{width:80%}.task-progress{width:20%}.task-card>.subTask-list{max-height:0px;overflow:hidden;transition:max-height .3s ease-in-out,margin-bottom .2s ease-in-out}.task-card>.display-subTasks{max-height:100vh!important}.list-header{--value: 0;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(to right,rgba(21,128,61,.5) var(--value),#1F2937 var(--value));border:1px solid #374151;border-radius:.5rem;min-height:68px}.list-header.completed,.task-card.completed>.content,.job-card.completed{background-color:#15803d80;border:1px solid #2df375;border-radius:.5rem}.list-header>.title{display:flex;align-items:center;justify-content:space-between;font-size:20px;font-weight:700;color:var(--secondary-color);margin:8px}.list-header>.title>.side{width:50px}.list-header>.title>.center{text-align:center;margin-inline:10px;text-overflow:ellipsis;overflow:hidden}.details-list-view>.details>.content{display:flex;flex-direction:column;gap:12px;height:100vh;overflow:auto}.task-list-view{flex:1;overflow-y:auto;height:100vh;padding:18px;overflow:hidden}.task-list-view>.list-view>.content{display:flex;flex-direction:column;gap:12px;overflow:auto;height:calc(100vh - 200px)}.task-list-view>.list-view>.description,.details-list-view>.details>.description{margin-top:18px;margin-bottom:18px;max-height:75px;word-wrap:break-word;overflow-wrap:break-word;overflow:auto}.content>.description{margin-top:16px;margin-bottom:16px;max-height:200px;overflow:auto;word-wrap:break-word;overflow-wrap:break-word}.textarea-buttons{display:flex;justify-content:end;margin-inline:12px;gap:12px}.list-view,.details{display:flex;flex-direction:column}.progress-bar-background{background-color:#fff;height:12px;content:""}.progress-bar{background-color:var(--primary-color);height:12px;content:""}.create-card{display:flex;justify-content:space-around;height:90px;background-color:#dfdfdf;box-shadow:0 6px 4px -2px gray;align-items:center;font-size:20px;font-weight:700;color:var(--secondary-color);margin:12px}.track-data{margin:18px}.track-data div{margin-bottom:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.usermanagement-page{height:100vh;background-color:#111827;color:#fff;max-width:inherit;overflow:hidden}.usermanagement-page>.user-list-view{padding:18px}.user-card{background-color:#dfdfdf;font-size:20px;background:#1f2937;border:1px solid #374151;border-radius:.5rem;color:#fff;font-weight:700;padding:8px;cursor:pointer;margin-bottom:12px;height:60px;align-content:center}.create-user-view>.content{display:flex;flex-direction:column;margin:18px}.user-details>.content{display:flex;flex-direction:column;margin:12px}.user-details>.content>div{display:grid;font-size:18px;margin-bottom:12px}.user-details>.content>div>span{font-weight:700}.account-page{display:flex;flex-direction:column;height:100vh;background-color:#111827;color:#fff;max-width:inherit;overflow:hidden}.track-job-view{box-sizing:border-box;background-color:#111827;color:#fff;height:100vh;padding:18px;overflow:hidden}.track-job-view>.list-view>.content{display:flex;flex-direction:column;gap:12px;margin-bottom:12px;height:calc(100vh - 170px);overflow:auto}.track-view-header{display:flex;flex-direction:column;justify-content:center;font-size:14px}.track-view-header>h1{align-self:center;margin-bottom:16px}.track-view-box{padding:12px;background-color:#1f2937;border:1px solid #374151;border-radius:.5rem;margin-bottom:12px}.summary-view{display:flex;flex-direction:column;gap:12px}.summary-description{display:flex;flex-direction:column;gap:18px;font-size:10px}.summary-progress{display:flex;flex-direction:column;margin-top:12px;gap:32px;align-items:center;font-size:10px}.summary-progress>p{font-size:14px;color:#c4c4c4}.circle-wrapper{width:200px;height:200px;position:relative}.circle{--value: 0;width:100%;height:100%;border-radius:50%;background:conic-gradient(#4ade80 calc(var(--value) * 1%),#4ade80 calc(var(--value) * 1% + .1%),#3ab166 calc(var(--value) * 1% + .2%),#257241 calc(var(--value) * 1% + .3%),#21693d calc(var(--value) * 1% + .4%),#2e3e53 calc(var(--value) * 1% + .5%),#1f2937 0%);display:flex;align-items:center;justify-content:center}.circle[style*="--value: 0"],.circle[style*="--value: 25"],.circle[style*="--value: 50"],.circle[style*="--value: 75"]{background:conic-gradient(#4ade80 calc(var(--value) * 1%),#1f2937 0%)}.circle-inner{background-color:#111827;width:60%;height:60%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;color:#374151}