body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--activePrimary:#fff;--popover-dark:#1a1d23a9;--primary:#324467;--accent:#ff7b00;--terciary:#212939;--primary-highlight:#f28500;--green:#28a745;--red:#e6204a;--yellow:#e6c935;--orange:#ff7d35;--open:#2563eb;--closed:#475569;--purple:#9f3dac;--null:#212831;--secondary-font:#acadae;--dark-background:#0d1116;--dark-dark:#161b227e;--solid-dark:#11151c;--dark-dropdown-background:#1b1b1b;--dark-mid:#31363c;--dark-more-mid:#25292e;--dark-mid-highlight:#414141;--dark-button-filter:180%;--dark-light:#72777f;--dark-border-color:var(--activePrimary);--dark-border:1px solid var(--border-color);--dark-less-white:#d2d1d1;--dark-white:#f3f3f3;--dark-fancy-border:#3e444cae;--dark-shadow:#ffffff80;--dark-overlay:#0006;--dark-grid-color:#5556;--dark-filter1:0.95;--dark-filter2:0.75;--dark-filter3:1.3;--dark-filter4:0.8;--dark-filter5:1.9;--dark-filter6:0.5;--color:#161b2218;--light-background:#faf8f5;--light-dropdown-background:#f3f3f3;--light-dark:#fefefe;--light-mid:#f0efef;--light-more-mid:#f5f5f5;--light-mid-highlight:#ece9e6;--light-button-filter:90%;--light-light:#f4f4f9;--light-border-color:var(--activePrimary);--light-border:1px solid var(--border-color);--light-less-white:#929292;--light-white:#616060;--light-fancy-border:rgba(96,96,96,.143);--light-shadow:#6e6e6e80;--light-overlay:#79797965;--light-grid-color:#d6d6d665;--light-filter1:1.05;--light-filter2:1.35;--light-filter3:1.02;--light-filter4:1;--light-filter5:0.98;--light-filter6:1.3;--background:var(--dark-background);--dropdown-background:var(--dark-dropdown-background);--dark:var(--dark-dark);--mid:var(--dark-mid);--more-mid:var(--dark-more-mid);--mid-highlight:var(--dark-mid-highlight);--button-filter:var(--dark-button-filter);--light:var(--dark-light);--border-color:var(--dark-border-color);--border:var(--dark-border);--less-white:var(--dark-less-white);--white:var(--dark-white);--fancy-border:var(--dark-fancy-border);--secondary-border:#3e444c4b;--shadow:var(--dark-shadow);--overlay:var(--dark-overlay);--grid-color:var(--dark-grid-color);--filter1:var(--dark-filter1);--filter2:var(--dark-filter2);--filter3:var(--dark-filter3);--filter4:var(--dark-filter4);--filter5:var(--dark-filter5);--filter6:var(--dark-filter6);--widget-size:310px;--scrollbar-thumb-color:var(--primary);--scrollbar-track-color:var(--dark);--scrollbar-width-webkit:12px;--scrollbar-width-firefox:thin;--material:#10b77f;--labor:#f59e0b;--subs:#2563eb;--wtpm:#8b5cf6;background-color:#0d1116;background-color:var(--background);transition:background-color .3s ease-in-out}*{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;scrollbar-color:#324467 #161b227e;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin;scrollbar-width:var(--scrollbar-width-firefox)}button{font-size:13px}h2{font-size:22px}h2,h3{letter-spacing:.03em;margin:0}h3{color:#f3f3f3;color:var(--white);font-size:16px}h4{color:#cbd5e1d1;font-size:14px}h4,h5{font-weight:400;letter-spacing:.03em;margin:0}h5{color:#cbd5e1c0;font-size:12px}.breakdown-bar svg svg g{background:#fff!important;border-radius:2px;padding:2px 4px!important}::-webkit-scrollbar{width:12px;width:var(--scrollbar-width-webkit)}::-webkit-scrollbar-track{background:#161b227e;background:var(--scrollbar-track-color)}::-webkit-scrollbar-thumb{background-color:#324467;background-color:var(--scrollbar-thumb-color);border:3px solid #161b227e;border:3px solid var(--scrollbar-track-color);border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color)}h1{margin-top:0}.userfront-input{background-color:#31363c!important;background-color:var(--mid)!important}.App{text-align:center}.App-header{align-items:center;background-color:#282c34;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.btn{border:none;border-radius:5px;color:#f3f3f3;color:var(--white);cursor:pointer!important;padding:8px 16px}.btn,.btn:focus{outline:none}.btn-primary{background-color:#324467;background-color:var(--primary)}.btn-primary:hover{background-color:#f28500;background-color:var(--primary-highlight)}.btn-secondary{background-color:#31363c;background-color:var(--mid);border:1px solid #fff;border:var(--border)}.btn-secondary:hover{background-color:#414141;background-color:var(--mid-highlight)}.home{margin-top:50px}.home .logo{height:39px;margin-bottom:30px;max-width:80%;object-fit:contain}.home button{margin-top:15px}.nav-logo{cursor:pointer;height:43px;margin-inline:auto;object-fit:contain;padding-top:10px;pointer-events:auto;transition:all .1s ease-in-out}.nav-grouping{align-items:center;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:10px;min-height:43px;position:absolute;transition:min-width .2s ease-in-out;z-index:190}.nav-extra{display:none}.nav-grouping:hover .nav-extra{display:block}.nav-extra-subs{display:none!important}.active-nav-grouping{box-sizing:border-box}.nav-grouping:hover .nav-extra-subs{align-items:flex-start;background:#0d1116;background:var(--background);display:flex!important}.active-nav-grouping .nav-extra-subs{align-items:flex-end;display:flex!important}.nav-grouping:hover .nav-extra-subs .nav-grouping{padding-left:10px}.active-nav-grouping:hover,.nav-grouping:hover,.nav-grouping:hover .nav-button{background-color:#212939;background-color:var(--terciary)}.active-nav-grouping:hover{filter:none!important}.nav-button{align-items:center;background:#0d1116;background:var(--background);border-radius:4px;display:flex;flex-direction:column;justify-content:center;width:43px;z-index:10}.nav-button,.sub-nav-button{height:43px;position:relative}.sub-nav-button{border-radius:0 0 0 0!important;box-sizing:border-box;width:41px;z-index:0}.sub-nav-button:last-child{border-radius:0 0 5px 5px!important}.active-nav-button{background-color:#212939;background-color:var(--terciary)}.active-nav-w-subs-false{border-radius:5px 5px 5px 5px!important}.active-nav-w-subs-true{border-radius:5px 5px 5px 0!important}.active-nav-w-subs{border-radius:5px 5px 0 0!important}.active-nav-button:hover{filter:none}.sub-items{border-bottom:1px solid #3e444cae;border-bottom:1px solid var(--fancy-border);border-left:1px solid #3e444cae;border-left:1px solid var(--fancy-border);border-radius:0 0 5px 5px;border-right:1px solid #3e444cae;border-right:1px solid var(--fancy-border);box-sizing:border-box}.last-sub-item{border-radius:0 0 4px 4px!important}.nav-button svg{stroke-width:1.5;height:25px;width:25px}.sub-nav-button svg{stroke-width:1.5;height:20px;width:20px}h1{color:#f3f3f3;color:var(--white)}.top-left-container{border-right:1px solid #3e444cae;border-right:1px solid var(--fancy-border);box-sizing:border-box;display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:70px;z-index:120}.nav-container{align-items:center;background-color:#161b227e;background-color:var(--dark);box-sizing:initial;display:flex;flex-direction:column;height:80px;margin-right:-1.5px;padding-right:3px;position:relative;transition:background-color .3s ease-in-out;width:91px}.nav-container img{margin-inline:20px}.nav-container:before{background-color:#3e444cae;background-color:var(--fancy-border);-webkit-clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,0 0,calc(100% - 1px) 0,calc(100% - 1px) calc(100% - 1px),0 calc(100% - 1px),0 0);clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,0 0,calc(100% - 1px) 0,calc(100% - 1px) calc(100% - 1px),0 calc(100% - 1px),0 0);content:"";height:100%;position:absolute;width:calc(100% + 1px)}.nc-right{align-items:flex-end;border:none;display:block;display:flex;flex-direction:column;justify-content:flex-start;opacity:0;position:fixed;right:0;top:0}.btn-wrapper{height:30px}.btn-wrapper button{background-color:#31363c!important;background-color:var(--mid)!important;border:1px solid #fff!important;border:var(--border)!important;height:30px;margin-bottom:0!important;padding-inline:10px!important}.dropdown-button{background-color:#0d1116;background-color:var(--background);border:none;cursor:pointer;margin-right:10px;margin-top:6px;outline:none;padding-block:7px;padding-inline:9px;transition:all .3s ease-in-out}.dropdown-button svg{pointer-events:none}.dropdown-button-open,.dropdown-button:hover{background-color:#324467;background-color:var(--primary)}.dropdown-button svg path{transition:stroke .3s ease-in-out}.dropdown-button-open svg path,.dropdown-button:hover svg path{stroke:#fff!important;transition:all .3s ease-in-out!important}.button-wrapper button{background-color:initial!important;border:initial!important;border-radius:0!important;border-radius:initial!important;color:inherit!important;display:inline!important;display:initial!important;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;margin-bottom:0!important;padding:initial!important;text-align:inherit!important;transition:none 0s ease 0s!important;transition:initial!important;width:auto!important}.dropdown-items{display:flex;flex-direction:column;gap:15px;margin-top:15px;width:100%}.dropdown-item{background-color:#161b227e;background-color:var(--dark);border:none;box-sizing:border-box;color:#f3f3f3;color:var(--white);cursor:grab;cursor:pointer;font-size:16px;font-weight:600;height:60px;outline:none;padding-right:20px;text-align:right;transition:filter .2s ease-in-out;width:100%}.dropdown-item:hover{filter:brightness(180%);filter:brightness(var(--button-filter))}.dropdown-expanded{height:370px;width:200px}.toolbar-list-item{align-items:center;background-color:#161b227e;background-color:var(--dark);border-top:0;color:#161b227e;color:var(--dark);color:#f3f3f3;color:var(--white);cursor:grab;display:flex;height:0;justify-content:center;opacity:0;overflow:hidden;padding:0;width:200px}.toolbar-wrapper:hover .toolbar-list-item{height:60px;opacity:1}.toolbar-wrapper:hover .fake-item{height:0;opacity:1}.toolbar-list-item:hover{filter:brightness(180%);filter:brightness(var(--button-filter));transition:all .1s ease-in-out!important}.dropzon-wrapper{min-height:100vh;overflow-y:scroll}.job-cost-dashboard{display:flex;flex-direction:column;gap:10px;height:-webkit-max-content;height:max-content;padding-left:90px;width:90%}.job-cost-updates-button{align-items:center;background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;cursor:pointer;flex-direction:row;height:100%;padding-inline:15px;position:relative;width:72.5px}.job-cost-updates-button,.job-cost-widgets{box-sizing:border-box;display:flex;gap:10px}.job-cost-widgets{flex-wrap:wrap;margin-inline:auto;padding-bottom:150px;width:100%}@media (min-width:1321px){.dashboard-dropzone{width:1270px}}@media (max-width:1320px){.dashboard-dropzone{width:1000px}}@media (min-width:2323px){.dashboard-dropzone{grid-template-columns:repeat(8,310px);justify-content:center;margin-inline:auto;width:2320px}}@media (max-width:500px){.dashboard-dropzone{grid-template-columns:310px;width:310px}}.highlight{background-color:#4f4f4f}.widget-top{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;padding:10px;width:100%}.setting-top{padding-inline:40px}.new-widget-top{padding-bottom:10px;width:600px}.widget-title{display:flex;font-weight:500;justify-content:space-between;-webkit-user-select:none;user-select:none;width:100%}.dragging{cursor:move}.dashboard-widget{color:#f3f3f3;color:var(--white);cursor:pointer;display:flex;flex-direction:column;position:relative;transition:transform .03s ease-in-out,background-color .3s ease-in-out,border .3s ease-in-out}.breakdown-progress-bar{background-color:#212939;background-color:var(--terciary);border-radius:12px;width:100%}.breakdown-widget{background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;gap:5px;height:590px;position:relative;width:clamp(400px,calc(50% - 5px),750px)}.open-breakdown-bar{height:500px}.open-breakdown-bar,.open-breakdown-cost{background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;display:flex;position:relative;width:100%}.open-breakdown-cost{align-items:center;box-sizing:border-box;flex-direction:column;gap:25px;height:150px;justify-content:center;padding-inline:0;padding-top:25px}.open-progress-bar{border-radius:0 0 5px 5px;overflow:hidden}.breakdown-icon-box-under svg{stroke:#28a745!important;stroke:var(--green)!important}.breakdown-icon-box-over svg{stroke:#e6204a!important;stroke:var(--red)!important}.breakdown-icon-box-Labor svg{stroke:#f59e0b!important;stroke:var(--labor)!important}.breakdown-icon-box-Subcontractors svg{stroke:#2563eb!important;stroke:var(--subs)!important}.breakdown-icon-box-WTPM svg{stroke:#8b5cf6!important;stroke:var(--wtpm)!important}.breakdown-title{color:#f3f3f3;color:var(--white)}.breakdown-widget-top{align-items:center;display:flex;flex-direction:row;gap:0;justify-content:center;width:100%}.budget-result{background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;padding-top:20px}.breakdown-widget-left{align-items:center;gap:30px;justify-content:space-between;width:45%}.breakdown-widget-left,.breakdown-widget-right{display:flex;flex-direction:column;position:relative}.breakdown-widget-right{gap:0;width:30%}.breakdown-widget-bottom{align-items:flex-end;display:flex;flex-direction:column;gap:0;justify-content:flex-start;padding-top:10px;width:100%}.recent-item{box-sizing:border-box;display:flex;justify-content:space-between;padding:10px;padding-inline:25px;width:100%}.phaselist-item,.recent-item:hover{background-color:#161b227e;background-color:var(--dark)}.phaselist-item{box-sizing:border-box;display:flex;gap:10px;padding:6px;padding-inline:25px;width:100%}.recent-line{background-color:#3e444cae;background-color:var(--fancy-border);height:1px;margin-inline:auto;opacity:.5;width:80%}.recent-item:hover{cursor:pointer;filter:brightness(1.15)}.empty-recent-item:hover{cursor:default;filter:none}.empty-breakdown{display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:-50px;padding:80px}.empty-breakdown svg{fill:#d2d1d1;fill:var(--less-white);stroke-width:0px;height:50px;opacity:.9}.breakdown-icon-box{align-items:center;background-color:#212939;background-color:var(--terciary);border-radius:8px;display:flex;height:35px;justify-content:center;width:35px}.breakdown-icon-box-bigger{height:40px;width:40px}.breakdown-icon-box svg{height:18px;width:18px}.breakdown-icon-box-bigger svg{height:25px;width:25px}.breakdown-widget-header{align-items:center;box-sizing:border-box;display:flex;gap:15px;justify-content:space-between;padding-inline:25px;padding:20px 20px 0;width:100%}.breakdown-display{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;width:260px}.breakdown-horizontal{display:flex;flex-direction:row;gap:10px}.breakdown-single{box-sizing:border-box;margin:0!important;padding:0;text-align:left}.updates{background-color:#212939;background-color:var(--terciary);border-radius:3px;font-weight:600;padding:5px 10px;position:relative}.update-bubble{background-color:#28a745;background-color:var(--green);border-radius:50px;height:10px;width:10px}.bar-left{border-left:3px solid #31363c;border-left:3px solid var(--mid);filter:brightness(1);height:100%;left:0;position:absolute;top:0;width:3px;z-index:1}.bar-bottom{border-bottom:3px solid #212939;border-bottom:3px solid var(--terciary);margin-left:10px;margin-top:-3px;width:100%;z-index:10}.widget-background{background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:2px;box-sizing:border-box;height:310px;width:310px}.no-sticky{top:auto!important;z-index:0!important}.table-entry-image-icon{background-color:#161b227e;background-color:var(--dark);border-radius:5px;left:0;margin-left:10px;margin-top:-1px;padding:12px;position:absolute;transform:translateY(33%);z-index:8}.attachment-button,.table-entry-image-icon{align-items:center;display:flex;justify-content:center}.attachment-button{background:none;border:none;border-radius:10px;color:#fff;cursor:pointer;height:100%;opacity:.8;outline:none;padding:20px;position:relative;width:80px}.attachment-button:hover{filter:brightness(1.15);opacity:1}.attachment-button svg path{stroke:#f3f3f3;stroke:var(--white)}.table-entry-left{height:100%;left:0;position:absolute;width:3px;z-index:100}.opaque-widget{background-color:#31363c!important;background-color:var(--mid)!important}.dragging-widget{filter:brightness(1.1) opacity(.5)!important}.settings-loading{bottom:0;left:0;margin-bottom:25px;margin-left:25px;position:fixed}.settings-loading:before{animation:ripple 1.2s ease-in-out infinite;background-color:#324467;background-color:var(--primary);border-radius:50%;content:"";filter:brightness(.8);height:20px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);width:20px}.loading-widget:before{height:30px;transform:translate(-50%,-50%) scale(1);width:30px}.loading-widget-small:before,.loading-widget:before{animation:ripple 1.2s ease-in-out infinite;background-color:#72777f;background-color:var(--light);border-radius:50%;content:"";left:50%;pointer-events:none;position:absolute;top:50%}.loading-widget-small:before{height:15px;transform:translate(-50%,-50%) scale(.5);width:15px}.loading-widget-small:hover{cursor:inherit!important;filter:none!important}.context-menu{background-color:#31363c;background-color:var(--mid);border:1px solid #3e444cae;border:1px solid var(--fancy-border);display:flex;flex-direction:column}.context-menu button{border-radius:0;padding:20px;width:100%}.context-hl{background-color:#72777f;background-color:var(--light);height:2px;margin-inline:auto;width:50%}.line-table-loading{height:100px;width:100%;z-index:10}.line-table-loading-widget:before{animation:ripple 1.2s ease-in-out infinite;background-color:#72777f;background-color:var(--light);border-radius:50%;content:"";display:inline-block;height:30px;pointer-events:none;position:relative;top:60px;transform:translate(-50%,-50%) scale(1);width:30px}@keyframes ripple{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.open-widget-overlay{background-color:#0000;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;overflow-y:scroll;padding-bottom:100px;padding-top:calc(2rem + 45px);position:fixed;top:0;width:100vw}.new-widget-overlay{align-items:center}.dropdown-overlay{height:100vh;position:absolute;width:100vw}.dashboard-widget-open{background-color:#0d1116;background-color:var(--background);border:none!important;color:#d2d1d1;color:var(--less-white);cursor:inherit;height:-webkit-fit-content;height:fit-content;opacity:1;position:relative;width:100vw!important;z-index:11}.open-widget-top-container{background-color:#161b227e;background-color:var(--dark);top:0;z-index:15}.open-widget-top,.open-widget-top-container{position:-webkit-sticky;position:sticky;width:100%}.open-widget-top{align-items:flex-start;border-bottom:2px solid #3e444cae;border-bottom:2px solid var(--fancy-border);box-sizing:border-box;display:flex;flex-direction:row;height:60px;justify-content:space-between;margin-inline:auto;padding-left:13px;padding-right:40px}.open-widget-left{align-items:center;display:flex;gap:25px}.open-widget-title{display:flex;gap:20px;margin-top:7px}.pmt{margin-top:7px!important}.open-widget-title h2{margin:0!important;padding:0!important}.open-widget-close{margin-top:15px}.dashboard-widget-open .x-button{opacity:.8}.x-button{opacity:.8!important}.feedback-card:hover .x-button{opacity:.4}.dashboard-widget-open .widget-top{z-index:10}.dashboard-widget-open:hover .settings-button svg{opacity:.4}.settings-svg path{stroke:#d2d1d1;stroke:var(--less-white)}.setting-widget{background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:0;box-sizing:border-box;cursor:inherit;min-height:75%;opacity:1;position:fixed;right:50%;top:50%;transform:translate(50%,-50%);width:33%;z-index:18!important;z-index:11}.settings{display:flex;flex-direction:column;margin-inline:auto;max-height:80vh;overflow-y:scroll;scroll-behavior:smooth;width:100%}.setting-wrapper{position:relative;width:100%}.setting{position:relative}.dropdown-setting,.setting{background-color:#161b227e;background-color:var(--dark);font-size:16px;padding-bottom:26px;padding-top:25px;padding-inline:10%;transition:background-color .3s ease-in-out}.dropdown-setting{border:none;color:#f3f3f3;color:var(--white);width:100%;z-index:13}.dropdown-setting:hover{filter:brightness(180%);filter:brightness(var(--button-filter))}.dropdown-setting-open:hover{filter:none}.setting-header{align-items:center;display:flex;justify-content:space-between}.setting:after{background-color:#877b7b52;bottom:0;content:"";display:block;height:1px;left:50%;position:absolute;transform:translateX(-50%);width:100%}.setting:last-child:after{display:none}.setting-button{background:none;border:none;border-radius:1px;color:#f3f3f3;color:var(--white);cursor:pointer;padding-block:10px;padding-inline:15px;pointer-events:all;z-index:5}.setting-button:hover{background-color:#31363c;background-color:var(--mid)}.button-row{display:flex;flex-direction:row;gap:3px;overflow:hidden;position:relative}.button-overlay{background-color:#324467;background-color:var(--primary);border-radius:1px;bottom:0;position:absolute;top:0;width:calc(50% - 2px);z-index:0}.triple-button{width:calc(33% - 2px)}.active-button{background-color:#324467;background-color:var(--primary);color:#fff}.active-button:hover{background-color:#324467!important;background-color:var(--primary)!important;filter:none}.active-color-button{background:#31363c;background:var(--mid)}.active-color-button:hover{background:#72777f;background:var(--light)}.color-scheme-picker{grid-row-gap:5px;grid-column-gap:5px;column-gap:5px;display:grid;grid-template-columns:1fr 1fr 1fr;margin-inline:auto;padding-top:10px;row-gap:5px;width:95%}.color-palette{position:relative;z-index:10}.color-scheme{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding-block:10px}.wide-widget{grid-column:span 2;width:630px}.clickable-widget{transition:all .3s ease-in-out}.clickable-widget:hover{cursor:pointer;filter:brightness(1.15)}.clickable-widget:has(.breakdown-bar:hover){filter:none}.clickable-widget:has(.insight-chart:hover){filter:none}.clickable-widget:has(.phase-chart:hover){filter:none}.clickable-widget:has(.insight-button:hover){filter:none}.clickable-widget:has(.aging-box:hover){filter:none}.clickable-widget:has(.insight-item:hover){filter:none}.phase-chart{transition:all .3s ease-in-out}.clickable-widget:has(.recent-items:hover){filter:none}.breakdown-bar{border:1px solid #161b227e;border:1px solid var(--dark);box-sizing:border-box;transition:all .3s ease-in-out}.breakdown-bar:hover{background-color:#161b227e;background-color:var(--dark);filter:brightness(1.15)}.insight-header{height:107px}.insight-count,.insight-header{background:#161b227e;background:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;box-sizing:border-box;display:flex;flex-direction:row;text-align:left;width:100%}.insight-count{justify-content:space-between;margin-top:15px;padding-block:20px;padding-left:25px}.left-border{padding-left:25px!important;position:relative;transition:all .3 ease-in-out}.left-border:before{background:#3e444c4b;background:var(--secondary-border);content:"";height:70%;left:0;position:absolute;width:1px}.aging-item:first-child.left-border:before{opacity:0!important}.open-insight-chart-wrapper{aspect-ratio:1/1;background:#161b227e;background:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;height:500px}.text-widget{cursor:inherit}.overlay-widget{cursor:grabbing}.drag-handle{background-color:#f3f3f3;background-color:var(--white);border-radius:20px;cursor:grab;cursor:-webkit-grab;height:7px;margin-right:10px;opacity:.5;transition:all .2s ease-in-out;width:7px}.drag-handle-wrapper{align-self:center;height:35px;justify-self:center;width:35px}.drag-handle-wrapper:hover .drag-handle{height:20px;transform-origin:center;transition:all .2s ease-in-out;width:20px}.tracked-job:hover span.grippy{opacity:.5}span.grippy{align-self:center;color:#d2d1d1;color:var(--less-white);content:"....";cursor:move;display:inline-block;font-family:sans-serif;font-size:20px;font-weight:600;height:30px;justify-self:center;letter-spacing:1.5px;line-height:7px;margin-right:10px;opacity:0;overflow:hidden;padding:3px 4px;vertical-align:middle;width:10px}span.grippy:after{content:".. .. .."}.x-button{opacity:0;right:0}.x-button,.x-button-header{background:none;border:none;cursor:pointer}.x-button-header{align-items:center;background-color:#161b227e;background-color:var(--dark);border-radius:5px;display:flex;justify-content:center;opacity:.8}.x-button-header:hover{opacity:1}.x-button:hover{opacity:.6!important}.dashboard-widget .x-button{pointer-events:none}.dashboard-widget .x-button:hover{opacity:0!important}.drag-handle:active{cursor:grabbing;cursor:-webkit-grabbing;opacity:.6!important}.tooltip{align-items:flex-start;background-color:#212939;background-color:var(--terciary);border-radius:5px;color:#f3f3f3;color:var(--white);display:flex;flex-direction:column;font-size:1rem;gap:7px;padding-block:8px;padding-inline:12px;padding-right:16px;position:relative;z-index:25!important}.table-entry-cube{z-index:9!important}.slice{align-items:flex-start;flex-direction:column}.single-slice{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:space-between;width:100%}.tooltip-cube{border-radius:3px;cursor:pointer;height:15px;width:15px}.committed-cube{background:repeating-linear-gradient(45deg,#fff6,#fff6,4px,#fff0 4px,#fff0 8px)}.bigger-cube{border-radius:5px;height:15px;width:15px}.bigger-2-cube,.bigger-2-cube svg{height:25px;width:25px}.cube-svg svg{margin-left:-4px;margin-top:-3px}.noscroll{box-sizing:border-box;height:100vh;overflow:hidden}.chart-display-wrapper{margin-left:-47px;margin-top:-10px}.chart-wrapper{height:350px;width:350px}.legend-box{background-color:#0d1116;background-color:var(--background);box-sizing:border-box;display:block;display:flex;flex-direction:column;gap:0;margin-top:20px;max-height:300px;min-width:250px;overflow-y:scroll;padding-inline:-20px;padding-bottom:10px;padding-left:20px;padding-right:20px;z-index:10}.legend-cube{border-radius:5px;height:10px;width:10px}.legend{-webkit-touch-callout:none;align-items:center;background-color:#0d1116;background-color:var(--background);cursor:pointer;display:flex;gap:5px;padding-block:5px;padding-inline:5px;text-align:left;-webkit-user-select:none;user-select:none}.legend:hover{background-color:#fff;background-color:var(--activePrimary)}.no-legend-click{cursor:inherit;flex-direction:row;gap:20px;margin-top:-15px!important;padding-bottom:20px;pointer-events:none}.open-chart-row{box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;margin-inline:auto;padding-top:0;width:100%}.col-chart-legend{display:flex;flex-direction:column;width:100%}.row-chart-legend{display:flex;flex-direction:row;width:100%}.open-widget-container{border-radius:2px;border-top:2px solid #3e444cae;border-top:2px solid var(--fancy-border);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 70px);left:0;margin-inline:auto;position:fixed;right:0;top:70px;width:100vw}.open-widget-container,.open-widget-container h2{background-color:#161b227e;background-color:var(--dark)}.open-widget-container h2{margin-bottom:40px;margin-top:0;padding-bottom:3px;padding-top:0;position:-webkit-sticky;position:sticky;top:-20px;z-index:12}.scroll-open-widget{display:flex;flex-direction:column;gap:20px;overflow-y:scroll;padding-bottom:300px;padding-top:20px;position:relative}.pie-chart-row{display:flex;flex-direction:row;padding-left:50px}.table-wrapper{height:-webkit-fit-content;height:fit-content;margin-inline:auto;margin-bottom:50px;margin-top:-20px;position:absolute;width:85%}.line-table{left:0;overflow:scroll;padding-bottom:20px}.table-wrapper.with-shadow:before{box-shadow:inset -10px 0 8px -10px #ffffff80;box-shadow:inset -10px 0 8px -10px var(--shadow);content:"";height:calc(100% - 20px);pointer-events:none;position:absolute;right:0;width:6px}.line-table table{border-collapse:collapse;table-layout:fixed;width:100%}.line-table td,.line-table th{padding:10px 15px;text-align:left;width:120px}.active-column{filter:brightness(1.3)}.line-table th{background-color:#414141;background-color:var(--mid-highlight);color:#f3f3f3;color:var(--white);font-size:14px}.line-table td{background-color:#161b227e;background-color:var(--dark);border-bottom:1px solid #414141;border-bottom:1px solid var(--mid-highlight);font-size:14px;height:30px}.line-table td:last-child,.line-table th:last-child{border-right:1px solid #414141;border-right:1px solid var(--mid-highlight)}.positive-val{color:#5bce53;font-weight:500}.negative-val{color:#df5050;font-weight:500}.line-table td:first-child,.line-table th:first-child{background-color:#414141;background-color:var(--mid-highlight);color:#f3f3f3;color:var(--white);font-weight:800;left:0;position:-webkit-sticky;position:sticky;z-index:1}.p-datatable-tbody tr td *{fill:#72777f;fill:var(--light)}.line-table th:first-child{opacity:.8}.table-loading-wrapper{height:400px}.loading-wrapper{align-items:center;display:flex;height:100dvh;justify-content:center;width:100%}.settings-button{background-color:#161b227e;background-color:var(--dark);border:none;bottom:15px;box-sizing:border-box;cursor:pointer;height:40px;margin:0;padding:0;position:absolute;right:15px;transform:rotate(90deg);width:40px;z-index:10}.settings-button svg{height:40px;margin-left:-1px;opacity:0;width:40px}.settings-button:hover svg{opacity:.8!important}.animated-circle{transition:cy .3s ease-in-out}.editing-overlay{background-color:#161b227e;background-color:var(--dark);border-radius:150px 0 0 0;box-sizing:border-box;height:100%;padding-top:50px;position:absolute;width:100%;z-index:5}.item-settings{display:flex;flex-direction:column;gap:20px;margin-inline:auto;padding-top:20px;width:80%}.modifier-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center}.modifier-button{background-color:#414141;background-color:var(--mid-highlight);border:none;color:#f3f3f3;color:var(--white);cursor:pointer;flex:1 1;padding-block:24px;position:relative}.modifier-button:hover{filter:brightness(.95)}.option-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;height:calc(45vh + 30px);justify-content:center;overflow:scroll}.option-button{cursor:pointer;height:50px;min-width:250px;padding:initial}.modifier-button-row{display:flex;gap:20px;justify-content:center}.mod-btn{background-color:#161b227e;background-color:var(--dark);border:none;border-radius:1px;color:#fff;cursor:pointer;font-weight:500;opacity:1;padding-block:10px;transition:all .3s ease-in-out;width:100px}.mod-btn-hidden{opacity:0}.mod-btn:hover{color:#55555545;filter:brightness(180%);filter:brightness(var(--button-filter))}.modifier-save{font-size:16px}.modifier-cancel{font-size:14px}.option-button-active,.option-button-active:hover{filter:brightness(.9)}.topbar-button{background-color:#31363c;background-color:var(--mid);border:none;cursor:pointer;height:46px;padding:6px;position:relative;transform-origin:center;width:46px}.topbar-button:hover{filter:brightness(.95)}.topbar-button-disabled,.topbar-button-disabled:hover{filter:brightness(.95);filter:brightness(var(--filter1))}.topbar-button-disabled:hover{cursor:inherit}.topbar-button-disabled svg{cursor:inherit;filter:brightness(.75);filter:brightness(var(--filter2))}.topbar-svg{stroke:#d2d1d1;stroke:var(--less-white)}.topbar-flex{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;padding-bottom:20px;padding-top:15px;pointer-events:auto}.divider-line{background-color:#d2d1d1;background-color:var(--less-white);border-radius:2px;filter:opacity(.3);height:2px;left:0;margin-bottom:5px;width:20px}.project-tabs{align-items:center;background-color:#161b227e;background-color:var(--dark);border-bottom:2px solid #3e444cae!important;border-bottom:2px solid var(--fancy-border)!important;border-right:2px solid #3e444cae!important;border-right:2px solid var(--fancy-border)!important;box-sizing:border-box;display:flex;flex-direction:row;gap:12px;height:60px;margin-left:-1.8px;max-width:calc(95vw - 200px);overflow-y:scroll;padding-inline:12px;padding-left:10px;transition:background-color .3s ease-in-out;z-index:1}.pt-left-border{border-left:2px solid #3e444cae!important;border-left:2px solid var(--fancy-border)!important;margin-left:0}.project-button{align-items:center;background-color:#31363c;background-color:var(--mid);border:none;border-radius:2px;color:#f3f3f3;color:var(--white);cursor:pointer;display:flex;font-size:14px;gap:0;height:32px;justify-content:center;outline:none;padding:8px 15px;position:relative;white-space:nowrap;width:-webkit-max-content;width:max-content;word-break:keep-all}.project-button svg{height:24px!important;width:24px!important}.project-button:hover{filter:brightness(1.3);filter:brightness(var(--filter3))}.active-project-button{background-color:#324467;background-color:var(--primary);color:#fff}.more-padding{height:auto;padding:16px 30px}.recommended-jobs{display:flex;flex-wrap:wrap;gap:10px;max-width:600px}.modifier-options{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:12px;height:60px;justify-content:center;margin-left:-1.8px;padding-inline:12px;padding-left:10px;width:-webkit-fit-content;width:fit-content;z-index:1}.modifier-span{color:#d2d1d1;color:var(--less-white);font-size:14px}.select-dropdown{background-color:#25292e;background-color:var(--more-mid);border:none!important;border-radius:0!important;border-radius:2px!important;color:#f3f3f3!important;color:var(--white)!important;height:40px;min-width:220px;padding-left:10px!important;width:-webkit-fit-content!important;width:fit-content!important}.select-dropdown-small{min-width:100px!important;width:100px!important}.select-dropdown:focus-within{box-shadow:none!important;outline:none}.react-dropdown-select-content{font-size:14px!important;overflow:hidden}.react-dropdown-select-content span,.react-dropdown-select-content span:hover{background:#212939!important;background:var(--terciary)!important}.react-dropdown-select-content span:hover{filter:none!important}.react-dropdown-select-option-remove{font-size:20px!important;height:20px!important;margin-top:-1px!important;width:30px!important}.react-dropdown-select-option-remove:hover{color:#161b227e!important;color:var(--dark)!important}.react-dropdown-select-type-single:focus-within{box-shadow:none!important;outline:none}.react-dropdown-select-input{color:#f3f3f3!important;color:var(--white)!important;font-size:14px!important;font-weight:500;text-align:left!important}.react-dropdown-select-dropdown{background-color:#0d1116!important;background-color:var(--background)!important;border:none!important;border-radius:5px!important;text-align:left}.react-dropdown-select-dropdown:focus-within{box-shadow:none!important}.react-dropdown-select-item{background-color:#0d1116;background-color:var(--background);border:none!important;font-size:14px!important;padding-block:13px!important;padding-left:20px!important}.react-dropdown-select-item:hover{background-color:#0d1116!important;background-color:var(--background)!important;filter:brightness(1.65)}.react-dropdown-select-item-selected,.react-dropdown-select-item-selected:hover{background-color:#212939!important;background-color:var(--terciary)!important;filter:brightness(.8)!important;filter:brightness(var(--filter4))!important}.react-dropdown-select-no-data{color:#d2d1d1!important;color:var(--less-white)!important;font-size:14px!important}.job-cost-header{border-radius:5px;box-sizing:border-box;display:flex;flex-direction:row;gap:5px;width:100%}.job-cost-header-item{background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;flex-grow:2}.header-button{position:absolute;right:10px}.header-button:hover{background-color:#212939;background-color:var(--terciary);filter:none;transition:none}.job-cost-header-button{gap:10px;padding-inline:15px}.job-cost-header-button,.jobcost-changeorder-button{align-items:center;background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;height:100%;position:relative;width:-webkit-max-content;width:max-content;width:100%}.jobcost-changeorder-button{gap:0;justify-content:space-between}.co-svg svg{stroke-width:1.3px;height:38px;margin-left:1px;padding-right:4px;width:35px}.newcoplus{align-items:center;background:#161b227e;background:var(--dark);border-radius:0 5px 5px 0;display:flex;justify-content:center;position:relative}.clickable-co:hover,.newcoplus:hover,.newcoplus:hover:before{background:#212939;background:var(--terciary)}.newcoplus:before{background:#3e444c4b;background:var(--secondary-border);content:"";height:60%;left:0;position:absolute;width:1px}.job-cost-header-button svg{stroke-width:1.3px;height:38px;width:35px}.job-cost-header-button:hover{background:#212939;background:var(--terciary)}.open-job-cost-header-button{border-bottom:1px solid #161b227e!important;border-bottom:1px solid var(--dark)!important;border-radius:5px 5px 0 0;box-sizing:border-box;position:relative}.open-job-cost-header-button:after{background:#161b227e;background:var(--dark);border-left:1px solid #3e444cae;border-left:1px solid var(--fancy-border);border-right:1px solid #3e444cae;border-right:1px solid var(--fancy-border);bottom:0;box-sizing:border-box;content:"";height:12px;left:-1px;position:absolute;transform:translateY(100%);width:calc(100% + 2px);z-index:10}.open-job-cost-header-button:hover:after{background-color:#212939;background-color:var(--terciary)}.joblist-arrow{margin-left:auto}.joblist-arrow svg{height:16px;width:32px}.status-select-wrapper{cursor:pointer}.status-select-wrapper:hover{background:#212939;background:var(--terciary)}.status-select-wrapper-active{background:#212939!important;background:var(--terciary)!important}.project-select-wrapper{background:#161b227e;background:var(--dark);cursor:pointer;padding-block:10px;padding-inline:15px;padding-inline:25px}.project-select-wrapper:hover{background:#212939;background:var(--terciary)}.project-select-wrapper-active{background:#212939!important;background:var(--terciary)!important}.project-select-dropdown{background:none!important;border:none!important;border-radius:2px;color:#f3f3f3;color:var(--white);font-size:22px!important;height:50%;min-width:150px!important;padding-right:20px;padding:0!important;position:relative!important;width:-webkit-fit-content;width:fit-content}.project-select-dropdown-smaller{min-width:80px!important}.project-select-dropdown .react-dropdown-select-content span:hover{background:none!important}.project-select-dropdown:focus-within{box-shadow:none!important;outline:none}.project-select-dropdown div{flex-wrap:nowrap!important;overflow:scroll!important}.project-select-dropdown div span{background:none!important;border-radius:2px;font-size:22px!important;font-weight:700;text-align:left!important;white-space:nowrap}.project-select-dropdown div input{color:#f3f3f3;color:var(--white);cursor:pointer;font-size:22px!important;font-weight:700;margin-left:0!important}.project-select-dropdown .react-dropdown-select-dropdown{border:1px solid #161b227e!important;border:1px solid var(--dark)!important;border-radius:2px!important;left:-26px;min-width:350px}.project-select-dropdown-smaller .react-dropdown-select-dropdown{border:1px solid #161b227e!important;border:1px solid var(--dark)!important;border-radius:2px!important;left:-25px;min-width:350px;min-width:130px}.project-select-dropdown div input:hover{background:none!important;border-radius:2px}.project-select-dropdown div input::placeholder{color:#f3f3f3;color:var(--white)}.project-select-dropdown .react-dropdown-select-dropdown span{background:none!important;border-radius:0;font-size:14px!important;font-weight:500}.project-select-dropdown .react-dropdown-select-dropdown span:hover{background:#212939!important;background:var(--terciary)!important}.project-select-dropdown .react-dropdown-select-content:has(span) input{width:1px!important}.project-select-dropdown .react-dropdown-select-content:has(span) input:hover{background:none!important}.project-select-dropdown .react-dropdown-select-content:not(:has(span)) input{min-width:187px!important}.project-select-dropdown-smaller .react-dropdown-select-content:not(:has(span)) input{min-width:80px!important}.project-select-dropdown:has(.react-dropdown-select-dropdown) .react-dropdown-select-content:has(span) span{background:none!important}.project-select-dropdown:has(.react-dropdown-select-dropdown) .react-dropdown-select-content:has(span) input:hover{background:none!important}.project-select-wrapper:has(.react-dropdown-select-dropdown){background:#212939!important;background:var(--terciary)!important}.project-select-dropdown:has(.react-dropdown-select-dropdown) .react-dropdown-select-content:not(:has(span)) input{background:none!important;border-radius:2px}.project-select-dropdown .react-dropdown-select-dropdown span{filter:none!important}.inactive-project-select-wrapper{min-width:80px!important}.inactive-project-select-wrapper,.inactive-project-select-wrapper *{cursor:inherit!important;cursor:not-allowed;pointer-events:none}.inactive-project-select-wrapper:hover{background:#161b227e;background:var(--dark)}.psd-left{padding-left:26px;position:relative}.psd-left:before{background:#3e444c4b;background:var(--secondary-border);content:"";height:40px;left:0;position:absolute;transform:translateY(15%);width:1px}.psd-left:hover:before{background:#212939;background:var(--terciary)}.clear-modifiers{background:none;border:none;cursor:pointer;filter:brightness(.5);filter:brightness(var(--filter6));margin-left:-5px;padding-top:5px;pointer-events:auto}.clear-modifiers:hover{filter:brightness(.8);filter:brightness(var(--filter4))}body.overlay-open{overflow:hidden}.popup-wrapper{align-items:center;display:flex;height:100vh;justify-content:center;pointer-events:none;position:fixed;top:0;width:100vw;z-index:215}.bigger-svg svg{height:38px!important;margin-left:-7px;margin-top:5px;width:38px!important}.new-widget-popup{background-color:#11151c;background-color:var(--solid-dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;box-sizing:border-box;color:#d2d1d1;color:var(--less-white);display:flex;flex-direction:column;gap:35px;height:90%;overflow:hidden;padding:30px;pointer-events:auto;position:relative;width:950px}.loc-test{position:relative}.loc-test:after{background:#3e444cae;background:var(--fancy-border);bottom:0;content:"";height:1px;opacity:.5;position:absolute;width:100%}.loc-test:first-child{padding-top:10px!important}.loc-test:last-child:after{opacity:0}.new-widget-popup .widget-top{padding:0}.new-widget-button-row{align-items:center;display:flex;gap:20px;height:100%;justify-content:center;width:100%}.widget-type-button{background-color:#31363c;background-color:var(--mid);border:none;color:#f3f3f3;color:var(--white);cursor:pointer;display:flex;flex-direction:column;height:150px;justify-content:space-around;padding:15px 18px;transition:all .1s ease-in-out;width:150px}.widget-type-button:hover{filter:brightness(.95)}.widget-type-button svg{margin-inline:auto;width:50px}.widget-button-row{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start;margin-inline:auto;margin-bottom:15px;width:630px}.widget-button{align-items:center;background-color:#31363c;background-color:var(--mid);border:none;color:#f3f3f3;color:var(--white);display:flex;font-weight:600;height:60px;justify-content:center;outline:none;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out;width:200px}.widget-button:hover{filter:brightness(.95)}.widget-button-header{font-weight:500;margin-bottom:10px;padding-left:5px;text-align:left}.mirrored>svg{transform:scaleX(-1)}.system-message{background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);color:#d2d1d1;color:var(--less-white);font-size:14px;font-weight:500;left:50%;margin-inline:auto;margin-top:20px;padding:8px 12px;position:fixed;top:0;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content;z-index:12}.empty-space{width:50px}.single-margin-container{align-items:center;box-sizing:border-box;display:flex;gap:30px;height:230px;justify-content:center;min-width:640px;width:100%}.big-margin-text{font-size:80px;font-weight:900}.shift-right{padding-left:60px}.shift-right .legend-box{margin-left:-60px}.over{color:#e6204a!important;color:var(--red)!important}.under{color:#28a745;color:var(--green)}.semi-good{color:#e6c935;color:var(--yellow)}.semi-bad{color:#ff7d35;color:var(--orange)}.over-dot{background-color:#e6204a;background-color:var(--red)}.under-dot{background-color:#28a745;background-color:var(--green)}.semi-good-dot{background-color:#e6c935;background-color:var(--yellow)}.semi-bad-dot{background-color:#ff7b00;background-color:var(--accent)}.light-red{background-color:#ff204995}.red{color:#e6204a;color:var(--red)}.green{color:#28a745;color:var(--green)}.orange{color:#ff7b00;color:var(--accent)}.ytd-display{align-items:stretch;display:flex;flex-direction:column;gap:8px;height:230px;height:calc(var(--widget-size) - 80px);justify-content:space-between;margin-top:-5px;position:relative}.ytd-open{width:clamp(300px,50vw,800px)}.ytd-single{background-color:#31363c;background-color:var(--mid);border-radius:5px;display:flex;flex:1 1;flex-direction:column;margin-inline:auto;padding:4px 8px;width:80%}.ytd-single>p{color:#d2d1d1;color:var(--less-white);font-size:14px;margin:0;text-align:left}.ytd-single>h2{margin:0;text-align:center}.ytd-no-margin{gap:5px}.ytd-no-admin{gap:15px;justify-content:center}.ytd-no-admin>p{text-align:center}.single-open{padding:20px 30px}.single-open>p{color:#d2d1d1;color:var(--less-white);font-size:18px;margin:0;text-align:left}.single-open>h2{font-size:32px;margin:0;text-align:center}.job-display{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;height:250px;height:calc(var(--widget-size) - 60px);padding-inline:15px;padding-bottom:15px;width:304px;width:calc(var(--widget-size) - 6px)}.open-job-display{height:clamp(300px,80vh,2000px);width:clamp(300px,40vw,2000px)}.open-job-display .filtered-jobs{height:auto}.job-display-single{gap:10px;justify-content:flex-start;margin-top:-10px}.job-display-single h2{font-size:60px;margin:0}.job-display-single strong{font-size:20px}.job-display-all{align-items:center;gap:20px;padding:0;position:relative;width:100%}.job-display-content{box-sizing:border-box;display:flex;justify-content:space-around;margin-inline:auto;width:100%}.job-display-section{background-color:#31363c;background-color:var(--mid);border-radius:4px;min-height:60px;padding:18px;width:50%}.all-section{align-items:center;display:flex;justify-content:center}.btn-section{cursor:pointer!important}.btn-section:hover{filter:brightness(1.3);filter:brightness(var(--filter3))}.btn-drag-over{background-color:#324467;background-color:var(--primary)}.job-display-back{background-color:#161b227e;background-color:var(--dark)}.item-background{align-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:5px;height:-webkit-fit-content;height:fit-content;max-height:135px!important;min-width:100%;overflow-y:scroll;position:relative;width:-webkit-fit-content;width:fit-content}.item-background,.item-button{display:flex;justify-content:center}.item-button{align-items:center;background-color:#31363c;background-color:var(--mid);border:none;border-radius:2px;color:#f3f3f3;color:var(--white);cursor:pointer;flex-direction:column;font-size:16px;font-weight:600;gap:0;outline:none;padding:10px 20px;width:63%}.item-button *{margin:0}.item-button>p{color:#d2d1d1;color:var(--less-white);font-size:12px;margin:0;text-align:left}.item-button>h2{font-size:20px;margin:0;text-align:center}.item-button:hover{filter:brightness(1.3);filter:brightness(var(--filter3))}.job-display-status{font-size:20px;font-weight:700;margin-top:15px}.job-display-arrow{background:none;border:none;color:#fff;cursor:pointer}.job-display-arrow svg path{stroke:#72777f;stroke:var(--light);opacity:.5}.job-display:hover .job-display-arrow svg path{opacity:.5}.job-display-arrow:hover svg path{opacity:1!important}.arrow-hidden{cursor:inherit;opacity:0}.status-Active{color:#28a745;color:var(--green)}.status-Complete{color:#ff7b00;color:var(--accent)}.dots-container{margin-inline:auto;overflow-x:scroll;scrollbar-width:none;width:70%}.dots-container::-webkit-scrollbar{display:none}.phase-dots{display:flex;gap:7px;justify-content:center;margin-top:10px;margin-inline:auto;position:relative;width:-webkit-fit-content;width:fit-content}.phase-dot{background-color:#72777f;background-color:var(--light);border-radius:50%;height:10px;width:10px}.phase-dot-Active{background-color:#28a745;background-color:var(--green)}.phase-dot-Complete{background-color:#ff7b00;background-color:var(--accent)}.phase-dot-small{border-radius:50%;height:8px;width:8px}.job-buttons{display:flex;flex-direction:row;gap:10px;justify-content:space-between;margin-inline:auto;width:100%}.job-button{align-items:center;background-color:#31363c;background-color:var(--mid);border:none;border-radius:2px;color:#f3f3f3;color:var(--white);cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:0;justify-content:center;outline:none;padding:8px 15px;width:85px}.job-phase{font-size:22px}.open-job-button{width:180px}.job-button *{margin:0}.job-button>p{color:#d2d1d1;color:var(--less-white);font-size:12px;margin:0;text-align:left}.job-button>h2{font-size:20px;margin:0;text-align:center}.job-button:hover{filter:brightness(1.3);filter:brightness(var(--filter3))}.active-job-button{background-color:#324467;background-color:var(--primary);color:#fff}.active-job-button p{color:#fff}.filtered-jobs{background-color:#31363c;background-color:var(--mid);border-radius:3px;display:flex;flex-direction:column;gap:2px;height:228.5px;overflow-y:scroll}.filtered-job-button{align-items:center;background:#31363c;background:var(--mid);border:none;color:#d2d1d1;color:var(--less-white);display:flex;justify-content:space-between;padding-block:10px;padding-inline:25px;text-align:left;width:100%}.filtered-job-button>p{margin:0}.filtered-job-button:hover{filter:brightness(1.3);filter:brightness(var(--filter3))}.sticky-job{background-color:#31363c;background-color:var(--mid);box-sizing:border-box;cursor:pointer;font-weight:600;padding:6px 6px 6px 10px!important;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:8}.no-item-text{color:#d2d1d1;color:var(--less-white);display:flex;flex-direction:column;transition:all .3s ease-in-out}.no-item-text h3{margin-top:0}.no-item-text h3:hover{cursor:pointer;text-decoration:underline}.data-display-wrapper{box-sizing:border-box;overflow-x:scroll;padding-bottom:10px;padding-top:10px}.data-display,.data-display-wrapper{display:flex;flex-direction:column;width:100%}.data-display{align-content:center;background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;height:200px;margin-top:10px;position:relative}.data-display svg{margin-top:25px}.data-table{border:1px solid #3e444cae;border:1px solid var(--fancy-border);flex-direction:column;gap:1px}.data-table,.table-header-row{display:flex;min-width:100%;width:-webkit-fit-content;width:fit-content}.table-header-row{background-color:#212939;background-color:var(--terciary);border-left:1px solid #3e444cae;border-left:1px solid var(--fancy-border);border-radius:5px 5px 0 0;border-right:1px solid #3e444cae;border-right:1px solid var(--fancy-border);border-top:1px solid #3e444cae;border-top:1px solid var(--fancy-border);flex-direction:row;height:70px!important;justify-content:space-between;padding-left:50px;position:relative;z-index:8}.sub-header-row{justify-content:flex-start;width:-webkit-fit-content;width:fit-content}.table-header-row:before{bottom:0;content:"";height:1px;margin-right:100px;position:absolute;width:100%}.no-click{cursor:inherit!important}.table-header-item{cursor:pointer}.sub-table-header-item,.table-header-item{align-items:center;background-color:#212939;background-color:var(--terciary);box-sizing:border-box;color:#f3f3f3;color:var(--white);display:flex;flex-direction:row;gap:10px;padding:10px;text-align:left;width:200px!important}.sub-table-body-wrapper{border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;overflow:hidden}.sub-table-header-item:last-child,.table-header-item:last-child{border-radius:0 5px 0 0}.table-header-item:hover{filter:brightness(1.15)}.table-body{box-sizing:border-box;font-size:14px;width:-webkit-fit-content;width:fit-content}.table-body,.table-entry{display:flex;flex-direction:column;min-width:100%}.table-entry{background:none;border:none;color:#d2d1d1;color:var(--less-white);min-height:60px!important;padding:0;position:relative}.table-entry:before{background:#0d1116;background:var(--background);content:"";height:1px;position:absolute;top:0;width:100%;z-index:1}.sub-entry{background:#161b227e;background:var(--dark);padding-left:50px;position:relative}.sub-entry:before{background:#0d1116;background:var(--background);content:"";height:1px;left:0;position:absolute;top:0;width:100%;z-index:12}.table-entries{background-color:#161b227e;background-color:var(--dark);box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;min-width:100%;padding-left:50px}.table-entry{border-left:1px solid #3e444cae;border-left:1px solid var(--fancy-border);border-right:1px solid #3e444cae;border-right:1px solid var(--fancy-border);box-sizing:border-box;height:-webkit-fit-content;height:fit-content}.table-entry:last-child{border-bottom:1px solid #3e444cae;border-bottom:1px solid var(--fancy-border);border-radius:0 0 5px 5px;box-sizing:border-box;overflow:hidden}.table-entry-last{height:120px!important}.pagination-wrapper{border-radius:0 0 5px 5px;z-index:10}.pagination-controls{display:flex;gap:5px;justify-content:center;padding-bottom:10px}.pagination-btn{align-items:center;background:#161b227e;background:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;color:#f3f3f3;color:var(--white);cursor:pointer;display:flex;flex-direction:column;height:40px;justify-content:center;outline:none;padding:10px;padding-inline:15px;width:40px}.pagination-btn:hover{filter:brightness(1.15)}.pagination-btn:first-child{margin-right:10px;width:80px}.pagination-btn:last-child{margin-left:10px;width:80px}.pagination-btn.active{background:#212939;background:var(--terciary)}.pagination-btn.active:hover{filter:brightness(1)}.pagination-btn.dots .pagination-btn:disabled .table-entry:last-child .table-entry-left{border-radius:0 0 0 20px}.hoverable-entry:hover{cursor:pointer;filter:brightness(1.15)}.sub-table-entry-item,.table-entry-item{align-items:center;background-color:#161b227e;background-color:var(--dark);box-sizing:border-box;display:flex;height:60px;padding:10px;text-align:left;width:200px!important}.sub-table{border-radius:5px;flex-direction:column;gap:1px;height:-webkit-fit-content;height:fit-content;justify-content:flex-start;margin-top:10px;overflow:hidden;padding-bottom:30px;width:98%}.sub-data-container,.sub-table{align-content:flex-start;display:flex}.sub-data-container{justify-content:space-between;justify-content:flex-start;margin-bottom:10px;margin-left:18px;overflow-x:scroll;width:-webkit-fit-content;width:fit-content;z-index:10}.sub-arrow-wrapper{position:relative}.sub-arrow{padding-inline:8px;padding-top:13px;position:-webkit-sticky;position:sticky;top:85px}.sub-header-row{border:none;color:#acadae;color:var(--secondary-font);height:60px!important;z-index:10}.sub-header-row .table-header-item{padding:5px;padding-inline:10px}.entry-nestlevel-0{top:55px}.header-nestlevel-0{top:0;z-index:10}.entry-nestlevel-1{top:135px;z-index:9}.header-nestlevel-1{top:165px;z-index:8}.entry-nestlevel-2{top:215px;z-index:7}.header-nestlevel-2{top:245px;z-index:6}.header-nestlevel-3{top:325px;z-index:4}.entry-nestlevel-3{top:295px;z-index:5}.sub-entries{background-color:#161b227e;background-color:var(--dark);display:flex;flex-direction:row;justify-content:flex-start;min-width:100%;position:relative;width:-webkit-fit-content;width:fit-content}.clickable-entry{cursor:pointer}.clickable-entry:hover{filter:brightness(1.15)}.dashboard-welcome{align-items:flex-start;display:flex;flex-direction:column;padding-left:90px;width:clamp(300px,calc(100vw - 130px),1710px)}.open-widget-page{gap:1rem}.addjobs-wrapper{display:flex;height:60vh;justify-content:flex-start;width:100%}.addjobs-button{align-items:center;border:1px solid #3e444cae;border:1px solid var(--fancy-border);box-sizing:border-box;color:#f3f3f3;color:var(--white);cursor:pointer;display:flex;flex-direction:row;height:193.75px;height:calc(var(--widget-size)/1.6);justify-content:space-around;padding-inline:20px;position:relative;transition:filter .3s ease-in-out;width:620px;width:calc(var(--widget-size)/.5)}.addjobs-button,.addjobs-button:before{background-color:#161b227e;background-color:var(--dark)}.addjobs-button:before{content:"";height:100%;left:0;opacity:.1;position:absolute;top:0;transform:scale(1);transform-origin:center;transition:transform .3s ease-in-out;width:100%;z-index:0}.addjobs-button:hover{filter:brightness(1.3);filter:brightness(var(--filter3))}.addjobs-button span{font-weight:600}#plus svg{height:52px;transform-origin:center;transition:transform .3s ease-in-out;width:52px}.addjobs-button:hover #plus svg{transform:scale(1.2)}.recommended{padding-bottom:20px}.add-button{align-items:center;background:#31363c;background:var(--mid);border:none;border-radius:0;border-radius:2px;color:#f3f3f3;color:var(--white);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;height:auto;justify-content:center;opacity:1;padding-right:17px;padding-block:12px;width:250px}.add-button:hover{color:#d2d1d1;color:var(--less-white)}.add-button:hover,.add-button:hover svg path{filter:brightness(1.3);filter:brightness(var(--filter3))}.add-button:hover svg path{stroke:#d2d1d1!important;stroke:var(--less-white)!important}.add-button svg{height:25px}.add-button svg path{stroke:#ffffff80!important;stroke:var(--shadow)!important}.job-selector-wrapper{width:570px}.job-selector-body{display:flex;gap:20px;height:100%;margin-inline:auto;min-height:350px;position:relative;width:100%}.job-selector-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:250px 250px;justify-content:flex-start;padding-bottom:20px;width:100%}.job-selector-item{align-items:center;border-radius:2px;box-sizing:border-box;cursor:pointer;display:flex;gap:5px;justify-content:flex-start;width:-webkit-fit-content;width:fit-content}h1{font-size:3.7rem}.job-selector-item .x-button{opacity:.4}.co-select-dropdown{background-color:#0d1116!important;background-color:var(--background)!important;border:1px solid #0d1116!important;border:1px solid var(--background)!important;border-radius:5px!important;color:#f3f3f3!important;color:var(--white)!important;cursor:pointer;font-size:16px!important;padding:15px 30px!important;width:100%!important}.co-select-dropdown:focus-within{background-color:#0d1116;background-color:var(--background);box-shadow:none!important;outline:none}.job-selector-item .job-select-dropdown{background-color:#0d1116;background-color:var(--background);border-radius:2px!important;justify-content:center!important;padding-block:25px!important}.job-select-dropdown{border:none!important;border-radius:0!important;box-sizing:border-box;color:#f3f3f3!important;color:var(--white)!important;cursor:pointer!important;height:40px;padding-left:10px!important;position:relative!important;width:250px!important}.job-select-dropdown,.job-select-dropdown:focus-within{background-color:#0d1116;background-color:var(--background)}.job-select-dropdown:focus-within{box-shadow:none!important;outline:none}.job-select-dropdown .react-dropdown-select-option{padding:10px}.active-job-select .job-select-dropdown{background-color:#212939!important;background-color:var(--terciary)!important;position:relative}.job-select-dropdown.react-dropdown-select{border-radius:5px!important;height:auto!important;min-height:68px;padding:10px!important;position:relative;width:100%!important}.add-job-button{align-self:center;background-color:#324467;background-color:var(--primary);border:1px solid #324467;border:1px solid var(--primary);font-size:14px;height:40px;justify-self:flex-end;opacity:1!important;transition:all .2s ease-in-out;width:60px}.add-job-button-disabled{pointer-events:none}.add-job-button-disabled:hover{cursor:inherit;filter:none!important}.add-job-button-active{opacity:1!important}.left-blur.blur-green{--section-color:var(--green)}.left-blur.blur-blue{--section-color:var(--open)}.left-blur.blur-purple{--section-color:#9f3dac}.left-blur.blur-red{--section-color:var(--red)}.left-blur.blur-white{--section-color:#fffc}.jobs-header{align-items:center;background:none;box-sizing:border-box;color:#f3f3f3;color:var(--white);display:flex;gap:10px;height:60px;margin-left:-21px;padding-left:20px;position:-webkit-sticky;position:sticky;top:0;top:-1;width:calc(100% + 60px);z-index:11;z-index:10}.jobs-header-old{background:#0d1116;background:var(--background);width:calc(100% + 30px)}.jobs-header.is-pinned{background:#11151c!important;background:var(--solid-dark)!important}.jobs-header.is-pinned:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;transform:translate3d(-20px,0,0);width:150px}.blur-green .jobs-header.is-pinned:before{background:linear-gradient(90deg,#28a745 0,#28a745 1px,#28a7451a 0,#0000);background:linear-gradient(to right,var(--green) 0,var(--green) 1px,#28a7451a 1px,#0000 100%)}.blur-blue .jobs-header.is-pinned:before{background:linear-gradient(90deg,#2563eb 0,#2563eb 1px,#2563eb1a 0,#0000);background:linear-gradient(to right,var(--open) 0,var(--open) 1px,#2563eb1a 1px,#0000 100%)}.blur-red .jobs-header.is-pinned:before{background:linear-gradient(90deg,#e6204a 0,#e6204a 1px,#e6204a1a 0,#0000);background:linear-gradient(to right,var(--red) 0,var(--red) 1px,#e6204a1a 1px,#0000 100%)}.blur-purple .jobs-header.is-pinned:before{background:linear-gradient(90deg,#9f3dac 0,#9f3dac 1px,#9f3dac1a 0,#0000)}.blur-white .jobs-header.is-pinned:before{background:linear-gradient(90deg,#fff9 0,#fff9 1px,#ffffff0d 0,#0000)}.left-blur{position:relative}.left-blur:before{content:"";height:calc(100% + 100px);position:absolute;top:0;transform:translate3d(-21px,-30px,0);width:150px;z-index:0}.blur-green:before{background:linear-gradient(90deg,#28a745 0,#28a745 1px,#28a7451a 0,#0000);background:linear-gradient(to right,var(--green) 0,var(--green) 1px,#28a7451a 1px,#0000 100%)}.blur-blue:before,.blur-green:before{mask:linear-gradient(180deg,#0000 0,#000 20%,#000 80%,#0000);-webkit-mask:linear-gradient(180deg,#0000 0,#000 20%,#000 80%,#0000)}.blur-blue:before{background:linear-gradient(90deg,#2563eb 0,#2563eb 1px,#2563eb1a 0,#0000);background:linear-gradient(to right,var(--open) 0,var(--open) 1px,#2563eb1a 1px,#0000 100%)}.blur-red:before{background:linear-gradient(90deg,#e6204a 0,#e6204a 1px,#e6204a1a 0,#0000);background:linear-gradient(to right,var(--red) 0,var(--red) 1px,#e6204a1a 1px,#0000 100%)}.blur-purple:before,.blur-red:before{mask:linear-gradient(180deg,#0000 0,#000 20%,#000 80%,#0000);-webkit-mask:linear-gradient(180deg,#0000 0,#000 20%,#000 80%,#0000)}.blur-purple:before{background:linear-gradient(90deg,#9f3dac 0,#9f3dac 1px,#9f3dac1a 0,#0000)}.blur-white:before{background:linear-gradient(90deg,#ffffff80 0,#ffffff80 1px,#ffffff0d 0,#0000);mask:linear-gradient(180deg,#0000 0,#000 10%,#000 90%,#0000);-webkit-mask:linear-gradient(180deg,#0000 0,#000 10%,#000 90%,#0000)}.jobs-header-btn{background:#0d1116;background:var(--background);border:none;border-radius:5px;color:#f3f3f3;color:var(--white);font-weight:500;padding:10px;padding-inline:15px}.jobs-header-btn:hover{cursor:pointer;filter:brightness(1.5)}.add-new-button{background:none!important;font-size:1rem;opacity:.4;padding:0;width:-webkit-fit-content;width:fit-content}.add-new-button:hover{opacity:.7}.tracked-jobs{display:flex;flex-direction:column;gap:10px;padding-top:10px;width:100%}.b-cost-item{border:none;border-bottom:1px solid #3e444c4b;border-bottom:1px solid var(--secondary-border);border-radius:0}.b-cost-item,.table-sorter{background-color:#161b227e;background-color:var(--dark);padding-block:20px;padding-inline:25px}.table-sorter{border:none;border-bottom:1px solid #3e444c4b;border-bottom:1px solid var(--secondary-border);border-radius:5px 5px 0 0;height:30px}.b-cost-item h4{color:#fff!important}.b-cost-item:last-child{border-radius:0 0 5px 5px}.open-table-body{display:flex;flex-direction:column;margin-top:10px}.open-table-body,.tracked-job-container{border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px}.tracked-job-container{background-color:#0d1116;background-color:var(--background)}.tracked-job{background-color:#161b227e;background-color:var(--dark);border-radius:5px;display:flex;flex-direction:row;gap:5px;height:80px;justify-content:space-between;padding-inline:20px;position:relative}.tracked-job-open{border-radius:5px 5px 0 0}.tracked-job .x-button{justify-self:flex-end}.phases-container{flex-direction:column;gap:7px;justify-content:flex-start;padding-bottom:30px;padding-top:20px}.admin-job-details,.phases-container{color:#f3f3f3;color:var(--white);display:flex;margin-inline:auto;text-align:left;width:95%}.admin-job-details{align-items:center;background-color:#161b227e;background-color:var(--dark);border-radius:5px;box-sizing:border-box;flex-direction:row;gap:50px;justify-content:space-between;margin-top:20px;padding-block:15px;padding-inline:25px}.hover-sub:hover{text-decoration:underline}.job-body{display:flex;justify-content:space-between;overflow:hidden;padding-inline:10px;padding-left:15px;width:100%}.job-left{display:flex;flex-direction:column;gap:5px;justify-content:center;text-align:left}.job-left,.job-right{color:#f3f3f3;color:var(--white)}.job-right{grid-gap:10px;align-items:center;align-self:flex-end;display:grid;gap:10px;grid-template-columns:1.5fr 1.5fr 1.5fr 1.5fr;margin-block:auto;width:clamp(250px,50%,450px)}.phase-job{box-sizing:border-box;height:-webkit-max-content;height:max-content;min-height:79px;position:relative}.phase-body{display:flex;justify-content:space-between;overflow:hidden;padding-block:20px;padding-inline:5px;position:relative;width:100%}.detail-body{background:#161b227e;background:var(--dark)}.standalone-body{border-left:1px solid #3e444cae;border-left:1px solid var(--fancy-border);border-radius:0;border-right:1px solid #3e444cae;border-right:1px solid var(--fancy-border)}.standalone-body:first-child{border-radius:5px 5px 0 0;border-top:1px solid #3e444cae;border-top:1px solid var(--fancy-border)}.standalone-body:last-child{border-bottom:1px solid #3e444cae;border-bottom:1px solid var(--fancy-border);border-radius:0 0 5px 5px}.tracked-jobs-header{display:flex;gap:10px;padding-bottom:10px;width:100%}.tjh-searchbar-container{align-items:center;background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);display:flex;gap:10px;padding-block:8px;padding-inline:12px}.tjh-searchbar,.tjh-searchbar-container{border-radius:5px;box-sizing:border-box;height:100%;width:100%}.tjh-searchbar{background:none;border:none;color:#f3f3f3;color:var(--white);font-size:14px}.tjh-searchbar-container:focus-within{border:1px solid #324467;border:1px solid var(--primary);filter:brightness(1.05);outline:none}.tjh-searchbar:focus{filter:brightness(1.05);outline:none}.tracked-job:hover{cursor:pointer;filter:brightness(1.2)}.admin-info{background-color:#0d1116;background-color:var(--background);border-radius:5px;display:flex;flex-direction:column;padding:12px;width:100%}.admin-info h4{font-weight:400}.phase-left{align-items:center;color:#f3f3f3;color:var(--white);display:flex;flex-direction:row;gap:10px;justify-content:baseline}.phase-box{padding:10px}.phase-box,.tjh-box{background-color:#212939;background-color:var(--terciary);border-radius:5px;display:flex;justify-content:center}.tjh-box{align-items:center;height:28px;padding:6px;width:28px}.margin-filter{align-items:center;align-self:flex-end;background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:15px;color:#f3f3f3!important;color:var(--white)!important;cursor:pointer;display:flex;gap:10px;height:-webkit-fit-content;height:fit-content;padding:5px 15px}.margin-filter-active{background:#324467;background:var(--primary);border:1px solid #324467;border:1px solid var(--primary)}.margin-filter h4{color:#f3f3f3!important;color:var(--white)!important}.phase-box h3{font-size:16px}.phase-right{grid-gap:20px;align-items:center;align-self:flex-end;color:#f3f3f3;color:var(--white);display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-block:auto;width:clamp(200px,20%,300px)}.hl-jobline{background-color:#414141;background-color:var(--mid-highlight);height:30px;width:2px}.job-left h2,.job-left h4{margin:0!important}.job-left h4{font-weight:400}.margin-button{flex-grow:0;flex-shrink:0;gap:10px;height:95px;padding:15px;width:95px}.switch-button-container{align-items:center;background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-top:none;display:flex;justify-content:center;padding-left:10px}.switch-button:hover{filter:brightness(1.3);filter:brightness(var(--filter3))}@media (max-width:500px){.dashboard-welcome{padding-top:80px;width:90vw}.add-new-button{display:none}h1{font-size:2.3rem;text-align:left}.tracked-job{height:220px}.tracked-job .grippy,.tracked-job .x-button{display:none}.job-body{flex-direction:column;gap:20px;justify-content:center}.job-left{gap:2px;height:-webkit-fit-content;height:fit-content;text-align:center}.job-right{justify-content:normal;overflow-y:scroll;padding-right:20px}.margin-button{gap:10px;height:85px;padding:15px;pointer-events:none;width:85px}.hl-jobline{display:none}.dashboard-welcome h2{font-size:18px!important}.dashboard-welcome h3{font-size:20px!important}.dashboard-welcome h4{font-size:14px!important}.jobs-header{width:100%}.jobs-header h2{text-align:center!important;width:100%}}.widget-item:hover{opacity:.8!important}.home-widget-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:105px;margin-bottom:80px;padding-bottom:50px;width:100%}.tjh-widget{align-items:center;background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;box-sizing:border-box;display:flex;flex-shrink:0;gap:15px;padding-left:15px;position:relative;width:220px!important}.tjh-widget .h4{font-weight:400!important}.bth-widget{gap:15px;padding:15px;position:relative;width:220px}.bth-widget,.home-widget{background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;display:flex}.home-widget{align-items:center;box-sizing:border-box;flex-direction:column;gap:10px;height:160px;justify-content:center}.home-widget-full{height:280px;padding:10px;position:relative;width:100%}.budget-result-widget{align-content:center;border-radius:5px}.budget-result-widget,.insight-widget{box-sizing:border-box;display:flex;width:100%}.insight-widget{flex-direction:column;gap:15px;overflow-y:visible}.insights{border-radius:5px;gap:10px;overflow-x:scroll;overflow-y:visible}.insight-entries,.insights{box-sizing:border-box;display:flex;width:100%}.insight-entries{background:#161b227e;background:var(--dark);gap:1px;justify-content:space-between;overflow:hidden}.insight,.insight-entries{border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px}.insight{background-color:#161b227e;background-color:var(--dark);flex-direction:column;flex-shrink:0;height:390px!important;overflow-y:visible;position:relative;width:420px!important}.insight,.insight-item{box-sizing:border-box;display:flex}.insight-item{align-items:center;justify-content:space-between;overflow:visible;padding:15px;padding-inline:20px;width:100%}.insight-item:last-child{border-radius:0 0 5px 5px}.insight-item:hover{background-color:#161b227e;background-color:var(--dark);cursor:pointer;filter:brightness(1.15)}.entry-item{border-radius:0!important;position:relative}.entry-item:before{background-color:#0d1116;background-color:var(--background);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%;z-index:500}.truncate-text{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insight-button{align-items:center;background:#161b227e;background:var(--dark);border:none;border-radius:5px;box-sizing:border-box;cursor:pointer;display:flex;margin-right:8px;margin-top:10px;opacity:.5;padding:none}.insight-button svg{height:20px;width:20px}.insight-button:hover{filter:brightness(1.15);opacity:.8}.insight-box{border-radius:5px;display:flex;flex-direction:column;height:15px;justify-content:center;padding:6px;width:15px}.insight-box h4{font-weight:700}.insight-box-0{background-color:#d4af37}.insight-box-1{background-color:#d7d7d7}.insight-box-2{background-color:#ad8a56}.insight-box-0 h4,.insight-box-1 h4,.insight-box-2 h4{color:#212939;color:var(--terciary)}.insight-box-3,.insight-box-4{background-color:#212939;background-color:var(--terciary)}.reports{display:flex;flex-direction:column;gap:15px;padding-top:30px;width:75%}.report-card{align-items:center;background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);box-sizing:border-box;color:#f3f3f3;color:var(--white);cursor:pointer;display:flex;gap:2.5rem;height:160px;padding:2.5rem;text-align:left;width:100%}.report-page h1{margin:0!important}.report-open-row{align-items:center;display:flex;justify-content:space-between;margin-block:1rem;margin-top:2.3rem;width:calc(100% + 10px - 3rem)}.run-svg svg{height:40px;width:40px}.run-svg-button{align-items:center;background-color:#0d1116;background-color:var(--background);border-radius:3px;box-sizing:border-box;color:#f3f3f3;color:var(--white);cursor:pointer;display:flex;font-weight:600;gap:10px;margin-top:10px;padding:10px 20px}.run-button,.run-svg-button:hover{background-color:#161b227e;background-color:var(--dark)}.run-button{border:1px solid #3e444cae;border:1px solid var(--fancy-border);color:#fff;cursor:pointer;height:55px;width:60px}.run-button-wide{align-items:center;background:none;border:none;display:flex;font-size:14px;font-weight:600;gap:7px;justify-content:center;margin-top:40px;width:130px}.run-button:hover{color:#28a745;color:var(--green);filter:brightness(1.3);filter:brightness(var(--filter3))}.report-card h2{margin:0}.last-ran{display:flex;flex-direction:column;text-align:left}.clickable-home{cursor:pointer;transition:all .3s ease-in-out}.clickable-home:hover{transform:scale(1.02)}.home-widget-sm{width:180px}.home-widget-m{width:350px}.home-widget-long{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:160px;justify-content:center;padding-inline:35px;width:460px}.home-revenue-widget{position:relative}.home-margin-widget,.home-revenue-widget{align-items:center;background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;box-sizing:border-box;display:flex;flex-direction:row;gap:20px;height:300px;justify-content:center;padding-inline:25px;width:100%}.home-budgetresult-widget{height:100%;padding:0 25px 25px}.home-agingsummary-widget,.home-budgetresult-widget{background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;position:relative;text-align:left;width:100%}.home-agingsummary-widget{height:165px;overflow:hidden;padding-top:18px}.active-aging{background:#212939!important;background:var(--terciary)!important}.aging-item{background:#161b227e;background:var(--dark);border-left:1px solid #3e444cae;border-left:1px solid var(--fancy-border);border-right:1px solid #3e444cae;border-right:1px solid var(--fancy-border);box-sizing:border-box;overflow:visible!important;padding-block:20px;padding-inline:25px;position:relative}.aging-item:before{background-color:#0d1116;background-color:var(--background);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%;z-index:500}.aging-item:first-child{border-radius:5px 5px 0 0;border-top:1px solid #3e444cae;border-top:1px solid var(--fancy-border)}.aging-item:last-child{border-radius:0 0 5px 5px}.aging-item:last-child,.aging-item:only-child{border-bottom:1px solid #3e444cae;border-bottom:1px solid var(--fancy-border)}.aging-item:only-child{border-radius:5px 5px 5px 5px}.aging-item:last-child:before,.aging-item:only-child:before{opacity:0}.open-phase-count-header{padding:25px}.open-phase-count-header,.widget{background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;width:100%}.widget{padding:15px;padding-inline:20px;position:relative}.sub-widget{background-color:#1a1d23a9;background-color:var(--popover-dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border)}.home-phasecount-widget{border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;gap:25px;height:400px;overflow:hidden;padding-bottom:0;padding-left:20px;position:relative}.widget-wrapper{flex-direction:column;gap:25px}.insight-wrapper,.widget-wrapper{background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;box-sizing:border-box;display:flex;flex-shrink:0;height:500px;padding-bottom:25px;position:relative;width:100%}.insight-wrapper{flex-direction:row;justify-content:space-between}.home-yearrevenue-widget{background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);display:flex;flex-direction:column;flex-shrink:0;gap:25px;height:500px;padding-bottom:25px;width:calc(50% - 5px)}.data-validation-item,.home-yearrevenue-widget{border-radius:5px;box-sizing:border-box;position:relative}.data-validation-item{background:#161b227e;background:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);height:125px;padding-bottom:10px;width:23%}.phasecount-list{display:flex;flex-direction:column;overflow-y:scroll;position:relative}.phaselist-item:hover{cursor:pointer;filter:brightness(1.15)}.phasecount-list-header{background-color:#161b227e;background-color:var(--dark);box-sizing:border-box;padding:15px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.jobcost-details-widget{flex-direction:row;height:150px;width:calc(100% - 290px)}.jobcost-details-widget,.joblist-widget{background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;box-sizing:border-box;display:flex;flex-shrink:0;overflow:hidden;position:relative}.joblist-widget{align-items:flex-start;flex-direction:column;min-height:150px;width:100%}.joblist-phasebox{border:1px solid #3e444c4b;border:1px solid var(--secondary-border);border-radius:5px;display:flex;justify-content:center;padding:10px}.joblist-phasebox:hover{background:#212939!important;background:var(--terciary)!important}.jobcost-detail-box{padding-left:40px;padding-right:40px}.aging-box,.jobcost-detail-box{align-self:center;border-left:1px solid #3e444c4b;border-left:1px solid var(--secondary-border);border-radius:0;box-sizing:border-box;gap:8px;justify-content:center}.aging-box{padding-left:20px!important;padding-right:20px!important;padding-block:20px!important}.aging-box:hover{background:#161b227e;background:var(--dark)}.jobcost-detail-box:first-child{border-left:none;padding-left:0}.jobcost-detail-box:last-child{border-right:none;padding-right:0}.budgetresult-box{border-right:1px solid #3e444c4b;border-right:1px solid var(--secondary-border);box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;gap:5px;height:100%;padding:25px}.budgetresult-box:last-child{border-right:none}.thisyear{color:#28a745;color:var(--green);font-size:14px!important;font-weight:500}.home-widget-long-loading{box-sizing:border-box;display:flex;height:160px;justify-content:center;width:460px}.home-widget-title{color:#f3f3f3;color:var(--white);font-weight:500}.home-widget-num{color:#f3f3f3;color:var(--white);font-size:5rem;font-weight:600;height:-webkit-min-content;height:min-content;line-height:4.5rem}.smaller-num{font-size:2.5rem;line-height:3rem;text-align:right}.home-widget-loading:before{animation:ripple 1.2s ease-in-out infinite;background-color:#72777f;background-color:var(--light);border-radius:50%;content:"";display:inline-block;height:30px;margin-left:30px;pointer-events:none;position:relative;width:30px}.home-wrapper{display:flex;flex-direction:column;justify-content:flex-start}.home-toggle-container{align-items:center;display:flex;justify-content:center}.home-toggle-wrapper{align-items:baseline;display:flex;flex-direction:row;gap:5px;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:5px 5px 5px 0}.home-toggle{background:none;border:none;border-radius:2px;color:#f3f3f3;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;height:40px;opacity:.4;padding-inline:10px;width:-webkit-fit-content;width:fit-content}.home-toggle:hover{opacity:.7}.active-home-button{color:#f3f3f3;color:var(--white);opacity:1;order:-1;padding-left:0}.active-home-button:hover{opacity:1}.active-home-button svg path{stroke:#f3f3f3!important;stroke:var(--dark-white)!important}@media (max-width:500px){.home-toggle-container{width:100%}.home-widget-container{flex-wrap:wrap;gap:15px;padding-bottom:40px}.home-widget-sm{height:120px;width:100%}.home-widget-m{width:100%}}.image-body{border:none;outline:none}.visible-image{opacity:1}.invisible-image{opacity:0;position:absolute}.invisible-container{height:0!important;overflow:hidden;pointer-events:none;width:0!important}.cost-wrapper{height:100%;overflow:hidden;position:relative}.user-page{padding-bottom:150px}.user-lists{display:flex;gap:0;height:100%;margin-left:-20px;width:clamp(400px,100%,1600px)}.user-cards{gap:20px;width:clamp(400px,50%,1000px)}.user-cards,.user-list{display:flex;flex-direction:column}.user-list{border-radius:0;box-sizing:initial;gap:10px;padding:20px;padding-block:30px;width:50%}.user-list h2{color:#f3f3f3;color:var(--white);margin:0;text-align:left}.user-card{align-items:center;background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;display:flex;flex-direction:row;gap:20px;height:80px;overflow:hidden;padding-inline:20px;position:relative}.card-left{align-content:center;align-items:flex-start;display:flex;flex-direction:column;gap:3px;justify-content:center}.card-left *{text-align:left}.user-card h3,p{color:#f3f3f3;color:var(--white);margin:0}.user-card p{color:#d2d1d1;color:var(--less-white)}.background-icon svg{height:35px;opacity:1;width:35px;z-index:0}@media (max-width:700px){.user-lists{display:flex;flex-direction:column}.user-list{width:100%}}.hovered-container{background-color:#212939;background-color:var(--terciary);transition:background-color .3s,border .3s}.change-display{gap:1.5rem;justify-content:center}.change-display h3{margin:0}.change-order-button{border:none;margin-inline:auto;outline:none;width:9rem!important}.change-order-button svg{height:6rem;pointer-events:none;width:4rem}.change-order-button:hover{margin-inline:auto}.change-order-popup{display:flex;flex-direction:column;gap:20px}.change-order-card{background-color:#0d1116;background-color:var(--background);border-radius:5px;gap:35px;padding:35px 0}.change-order-card,.db-change-order-card{display:flex;flex-direction:column;text-align:left}.db-change-order-card{background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:2px;color:#d2d1d1;color:var(--less-white);gap:2rem;padding-block:1.8rem;width:100%;z-index:3}.db-change-order-card p{opacity:.7}.db-change-order-card .coName,.db-change-order-card strong{color:#f3f3f3!important;color:var(--white)!important;filter:brightness(2)}.budget-totals h3{filter:brightness(5);margin:0}.change-orders{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;width:100%}.open-item-change-orders{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;width:95%}.open-item-change-orders .db-change-order-card{width:100%}.change-order-top-row{align-items:center;display:flex;justify-content:space-between;padding-inline:30px}.change-order-top-row svg{height:3rem;width:3rem}.change-order-title{display:flex;flex-direction:column;gap:5px}.p{font-size:1rem;font-weight:500;opacity:.7}.change-order-open{border:1px solid #31363c;border:1px solid var(--mid);border-radius:3px;box-sizing:border-box;display:flex;flex-direction:column;margin-inline:60px}.change-order-open-true,.change-order-open:hover .change-order-open-header{background-color:#161b227e;background-color:var(--dark);filter:brightness(1.5)}.change-order-open-header{box-sizing:border-box;cursor:pointer;padding:35px;transition:all .2s ease-in-out;width:100%}.change-order-open-bottom{display:flex;flex-direction:column;gap:2rem;padding:0 35px}.change-order-amounts{align-items:center;background-color:#161b227e;background-color:var(--dark);display:grid;grid-template-columns:.5fr 1fr 1fr 1fr 1fr 1fr;justify-content:space-between}.row-objects{gap:1rem;padding-block:1rem}.row-objects,.rowObj{display:flex;flex-direction:column}.rowObj{gap:0}.rowObj h3{filter:brightness(5);margin:0}.row-amounts{display:flex;flex-direction:row;justify-content:space-between;padding-block:10px}.header-amounts strong{font-size:larger;text-align:right}.new-change-order-header{box-sizing:border-box;margin-inline:auto;width:95%}.new-change-order-header:hover .change-order-open-header{background:none!important;cursor:inherit;filter:none!important}.new-change-order-header .header-amounts{gap:4rem!important;padding-inline:4rem}.bottom-amounts{background:none;display:flex;flex-direction:row;gap:1rem;padding-block:0;padding-inline:30px;text-align:right}.change-order-header-amount{align-items:baseline;display:flex;flex-direction:row;gap:10px;-webkit-user-select:none;user-select:none}.change-order-amount{text-align:right}.change-order-amount,.co-buttons{display:flex;flex-direction:column;gap:5px}.co-buttons{z-index:2}.co-button{background:#161b227e;background:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:2px;height:3rem;padding:6px 8px 5px;width:3rem}.co-button:hover{cursor:pointer;filter:brightness(1.3);filter:brightness(var(--filter3))}.input-group{display:flex;flex-direction:row;gap:15px;text-align:left}.co-input-group{grid-gap:10px;display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr;position:relative}.new-co-input{background-color:#0d1116;background-color:var(--background);border:1px solid #0d1116;border:1px solid var(--background);border-radius:5px;color:#f3f3f3;color:var(--white);cursor:pointer;flex-grow:1;font-size:16px;padding:15px 30px}.new-co-input:focus{outline:none!important}.active-co-input{background-color:#324467;background-color:var(--primary)}@keyframes shake{0%{margin-left:0}20%{margin-left:.1rem}40%{margin-left:-.1rem}60%{margin-left:.05rem}80%{margin-left:-.05rem}to{margin-left:0}}.input-error-tag{color:#e6204a;color:var(--red)}.input-error,.input-error-tag{animation:shake .5s ease-in-out 0s}.input-error:focus{border:1px solid #e6204a;border:1px solid var(--red)}.notsingle-changeorder{gap:.5rem}.notsingle-changeorder,.notsingle-changeorder-amnt{display:flex;flex-direction:column;justify-content:space-between}.notsingle-changeorder-amnt{background-color:#31363c;background-color:var(--mid);border-radius:5px;margin:auto;padding:25px 15px;width:-webkit-fit-content;width:fit-content}.notsingle-changeorder-num{font-size:3rem;font-weight:600}.notsingle-changeorder-pending{background-color:#31363c;background-color:var(--mid);border-radius:5px;margin:auto;padding:5px 15px;width:-webkit-fit-content;width:fit-content}.btn-disabled{cursor:inherit;pointer-events:none}.btn-disabled:hover{filter:none!important}.dashboard-welcome h1{margin-bottom:0;padding-bottom:24.5px;z-index:12}.user-page h1{margin-bottom:1rem}.tab-button{background:#0d1116;background:var(--background);border:none;color:#f3f3f3;color:var(--white);font-size:1.5rem;font-weight:600;opacity:.3;padding-block:0}.tab-button:hover{opacity:.6}.active-tab-button,.active-tab-button:hover{opacity:1}.sub-tab-button{background:#0d1116;background:var(--background);border:none;color:#f3f3f3;color:var(--white);font-size:1rem;font-weight:600;opacity:.3;padding-block:0}.sub-tab-button:hover{opacity:.6}.sub-active-tab-button,.sub-active-tab-button:hover{opacity:1}.group-header{background-color:#0d1116;background-color:var(--background);color:#f3f3f3;color:var(--white);font-size:1.5rem;font-weight:600;padding-bottom:20px;padding-top:30px;padding-inline:2px;position:-webkit-sticky;position:sticky;text-align:left;top:-10px;z-index:10}.swal-container{background-color:#161b227e;background-color:var(--dark)}.swal-confirm{background-color:#31363c;background-color:var(--mid)}.swal-input{border:1px solid #3e444cae;border:1px solid var(--fancy-border);color:#d2d1d1;color:var(--less-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:inherit;resize:none}.swal-input:focus{border:1px solid #d2d1d1;border:1px solid var(--less-white);box-shadow:none;outline:none!important}.swal-title{color:#f3f3f3;color:var(--white)}.open-ytd-h2{margin:-30px 0 0}.ytd-row{display:flex;justify-content:center;padding-top:20px;width:100%}.ytd-item{display:flex;flex-direction:column;gap:10px;width:clamp(300px,30%,600px)}.ytd-item h3{margin:0}.ytd-item .ytd-single{flex:initial}.ytd-span{align-self:center;font-size:32px;padding-top:25px}.divising-line{background-color:#d2d1d1;background-color:var(--less-white);height:1px;margin-inline:auto;margin-bottom:10px;width:100%}.strong{font-weight:700!important}.report-icon svg{height:70px;opacity:1;width:70px;z-index:0}.run-container{display:flex;flex-direction:column;gap:1.2rem;padding-bottom:20px;width:95%}.run-item{align-items:center;background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);box-sizing:border-box;display:flex;flex-direction:row;gap:20px;height:150px;justify-content:space-between;padding-left:2rem;padding-right:2rem;position:relative;width:75%}.run-item h2{margin:0}.run-item:hover .x-button{opacity:.2;transition:all .2s ease-in-out}.run-left{text-align:left}.run-left,.run-right{display:flex;flex-direction:column;gap:5px}.run-right{text-align:center}.user-page h2{color:#f3f3f3;color:var(--white)}.cost-item{background-color:#161b227e;background-color:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;position:relative;width:100%;z-index:3}.disc-title{filter:brightness(1.3);filter:brightness(var(--filter3))}.disc-item{cursor:inherit;height:-webkit-fit-content;height:fit-content}.discrepancy-body{align-content:flex-start;display:flex;flex-direction:row;gap:15px}.discrepancy-body-left{align-items:center;display:flex;flex-direction:row;gap:5px}.discrepancy-body-right{display:flex;flex-direction:column;gap:5px}.discrepancy-body-left svg{height:30px;width:30px}.disc-bodies{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 1fr 1fr;width:100%}.body-items{display:flex;flex-direction:column;justify-content:flex-start}.cost-body{align-items:center;display:flex;height:120px;justify-content:space-between;padding-left:4rem;padding-right:2rem;padding-block:2rem}.disc-body{align-items:flex-start;flex-direction:column;gap:20px;height:-webkit-fit-content;height:fit-content;justify-content:center;padding-block:2.5rem}.disc-body h2{margin-bottom:10px}.cost-items{gap:20px;padding-top:20px;width:85%}.cost-items,.cost-left{display:flex;flex-direction:column}.cost-left{gap:10px;height:100%;justify-content:center;text-align:left}.cost-left h3,h2{color:#f3f3f3;color:var(--white);margin:0;padding:0}.cost-item .home-widget-title{opacity:.7;text-align:left}.hwt-strong{font-weight:600;opacity:1!important}.cost-right{height:100%;justify-content:space-between;text-align:right}.cost-bottom-right,.cost-right{display:flex;flex-direction:column;gap:5px}.cost-bottom{border-top:1px solid #3e444cae;border-top:1px solid var(--fancy-border);gap:5.5rem;padding-left:4rem;padding-right:2rem}.cost-bottom,.feedback-card{align-items:center;display:flex;flex-direction:row}.feedback-card{justify-content:space-between;padding-inline:4rem;width:50%}.cost-bottom-item{display:flex;flex-direction:column;gap:5px;text-align:left}.copy-btn{background:#161b227e;background:var(--dark);cursor:pointer}.copy-btn:hover{text-decoration:underline}.cost-item *{-webkit-user-select:none;user-select:none}.co-job{background:none;border:none;color:#f3f3f3;color:var(--white)}.invoice-totals{display:flex;flex-direction:row;gap:10px;justify-content:space-between;width:220px}.invoice-body{padding-right:4rem}.App{min-height:100vh;position:relative}.footer{background-color:#11151c;background-color:var(--solid-dark);border-top:2px solid #3e444cae;border-top:2px solid var(--fancy-border);bottom:0;height:50px;justify-content:center;position:relative;width:100%;z-index:5000}.footer,.submission-form-button{align-items:center;color:#d2d1d1;color:var(--less-white);display:flex;flex-direction:row;font-weight:500}.submission-form-button{background:#161b227e;background:var(--dark);border:none;border-radius:5px;font-size:16px;gap:10px;height:-webkit-fit-content;height:fit-content;justify-self:flex-end;outline:none;padding:5px 15 px}.submission-form-button:hover{cursor:pointer;filter:brightness(1.3);filter:brightness(var(--filter3))}.new-widget-top h2{padding-top:20px}.feedback-top{align-items:flex-start;flex-direction:column;margin-bottom:-20px}.feedback-input-group{display:flex;flex-direction:column;gap:8px;padding:10px;text-align:left}.feedback-button{border:none;border-radius:2px;padding:12px 25px;width:160px}.feedback-button,.feedback-textarea{background-color:#31363c;background-color:var(--mid);color:#f3f3f3;color:var(--white);font-size:16px;outline:none}.feedback-textarea{border:1px solid #31363c;border:1px solid var(--mid);border-radius:2px;font-family:inherit;height:96px;line-height:16px;padding:15px 20px;resize:none}.feedback-textarea:focus{border:1px solid #324467;border:1px solid var(--primary)}.feedback-active{background-color:#324467;background-color:var(--primary)}.validation-card{box-shadow:0 4px 20px #0000004d;height:167px;padding:25px;text-align:left;transition:all .3s ease;width:320px}.detail-header,.validation-card{background:#161b227e;background:var(--dark);border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px;box-sizing:border-box;position:relative}.detail-header{height:107px;padding-inline:25px;width:100%}.validation-header{box-shadow:0 4px 20px #0000004d;padding:20px;text-align:left;width:100%}.validation-body,.validation-header{border:1px solid #3e444cae;border:1px solid var(--fancy-border);border-radius:5px}.validation-body,.validation-header,.validation-item{background:#161b227e;background:var(--dark);position:relative}.validation-item{align-items:center;border-left:1px solid #3e444cae;border-left:1px solid var(--fancy-border);border-right:1px solid #3e444cae;border-right:1px solid var(--fancy-border);display:grid;grid-template-columns:.4fr 1fr;overflow:hidden;padding-bottom:1px;text-align:left}.copy-dv-btn{background:#161b227e;background:var(--dark);cursor:pointer;padding:20px}.validation-item:before{background-color:#0d1116;background-color:var(--background);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%;z-index:500}.validation-item:first-child{border-radius:5px 5px 0 0;border-top:1px solid #3e444cae;border-top:1px solid var(--fancy-border)}.validation-item:last-child{border-bottom:1px solid #3e444cae;border-bottom:1px solid var(--fancy-border);border-radius:0 0 5px 5px}.dv-card-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.status-indicator{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}.status-indicator-bigger{height:48px;width:48px}.status-indicator.red{background:#e6204a;background:var(--red);color:#fff}.status-indicator.orange{background:#ff7d35;background:var(--orange);color:#fff}.status-indicator.yellow{background:#e6c935;background:var(--yellow);color:#fff}.dv-card-title{color:#e2e8f0;font-size:15px;font-weight:500;line-height:1.4;opacity:.9}.dv-card-value{color:#fff;font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1;margin:8px 0 0}.dv-card-subtitle{color:#94a3b8;font-size:13px;font-weight:400;margin-top:4px;opacity:.8}.status-indicator.red:before{content:"⚠"}.status-indicator.orange:before{content:"!";font-weight:700}.status-indicator.yellow:before{content:"#";font-weight:700}.status-indicator.gray{background:#475569;background:var(--closed);color:#fff}.status-indicator.gray:before{content:"?";font-weight:700}.status-indicator-bigger.gray:before{content:"?";font-size:32px;font-weight:700}.status-indicator-bigger.red:before{content:"⚠";font-size:32px}.status-indicator-bigger.orange:before{content:"!";font-size:32px;font-weight:700}.status-indicator-bigger.yellow:before{content:"#";font-size:32px;font-weight:700}.green-background{background-color:#28a7451a!important;border:1px solid #28a745!important;border:1px solid var(--green)!important}.red-background{background-color:#e6204a1a!important;border:1px solid #e6204a!important;border:1px solid var(--red)!important}.yellow-background{background-color:#e6c9351a!important;border:1px solid #e6c935!important;border:1px solid var(--yellow)!important}.orange-background{background-color:#ff7d351a!important;border:1px solid #ff7d35!important;border:1px solid var(--orange)!important}.joblist-widget{border-radius:5px 0 5px 5px;padding-bottom:20px}.joblist-header{padding-bottom:20px;padding-left:25px;padding-top:20px}.project-item{cursor:pointer;display:flex;flex-direction:column;padding:0;position:relative}.project-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.project-info{display:flex;flex-direction:column;gap:2px;text-align:left}.project-name{color:#fff;font-size:16px}.phase-count{align-content:center;align-items:center;background-color:#212939;background-color:var(--terciary);border-radius:6px;color:#f3f3f3;color:var(--white);cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:flex-end;margin-right:25px;padding:12px;transition:background-color .2s;-webkit-user-select:none;user-select:none;width:90px}.phase-count:hover{background-color:#324467;background-color:var(--primary)}.phase-count-chevron svg{height:12px;width:15px}.expanded-phases{align-items:center;border-top:1px solid #333;display:flex;flex-wrap:wrap;gap:6px;margin-left:25px;margin-right:25px;margin-top:0;max-width:calc(100% - 25px);padding-bottom:10px;padding-top:10px}.phase-button{background-color:#212939;background-color:var(--terciary);border:none;border-radius:5px;color:#f3f3f3;color:var(--white);cursor:pointer;font-size:14px;min-width:28px;padding:10px;text-align:center;transition:background-color .2s}.phase-button:hover{background-color:#324467;background-color:var(--primary)}.pagination{gap:10px;padding-top:10px;width:100%}.pagination,.pagination-button{align-items:center;display:flex;justify-content:center}.pagination-button{background-color:#212939;background-color:var(--terciary);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;height:40px;transition:background-color .2s;width:40px}.pagination-button.disabled{background-color:initial;color:#0000;cursor:not-allowed}.pagination-info{color:#ccc;font-size:14px}.recent-item:has(.project-info:hover){filter:none!important}.project-info{background-color:#161b227e;background-color:var(--dark);border-radius:5px;padding-block:10px;padding-inline:25px}.project-info:hover{cursor:pointer;filter:brightness(1.15)}.widget-details{align-items:center;border:none;display:flex;height:25px;justify-content:center;margin-right:7px;margin-top:5px;opacity:.5;padding:10px;width:25px}.widget-details:hover{opacity:1}
/*# sourceMappingURL=main.59f36192.css.map*/