.delete-shape,.duplicate-shape{color:#000}.confirm-dialog .button-yes,.confirm-dialog .button-no{background-color:#faee40;color:#504e4f;border:1px solid #d7bb43}.confirm-dialog .button-yes:hover,.confirm-dialog .button-no:hover{background-color:#504e4f;color:#faee40}.shape-list{list-style:none;width:100%;padding:0;display:flex;flex-direction:column}.shape-item{border:1px solid #504e4f;border-radius:4px;margin-top:10px;cursor:pointer}.shape-name{flex:1}.delete-shape,.duplicate-shape,.edit-shape{color:#000}.buttons-box .add-shape{margin-right:10px;background-color:#faee40;color:#504e4f;border:1px solid #d7bb43}.buttons-box .add-shape:hover{background-color:#504e4f;color:#faee40}.buttons-box .delete-shape{background-color:#faee40;color:#504e4f;border:1px solid #d7bb43}.buttons-box .delete-shape:hover{background-color:#504e4f;color:#faee40}.buttons-box .add-shape,.buttons-box .edit-shape{margin-right:10px;background-color:#faee40;color:#504e4f;border:1px solid #d7bb43}.buttons-box .add-shape:hover,.buttons-box .edit-shape:hover{background-color:#504e4f;color:#faee40}.buttons-box .delete-shape,.buttons-box .cancel-shape{background-color:#faee40;color:#504e4f;border:1px solid #d7bb43}.buttons-box .delete-shape:hover,.buttons-box .cancel-shape:hover{background-color:#504e4f;color:#faee40}.suggestions-box{width:100%}.suggestions-box .location{margin-bottom:0;width:100%}.suggestions-box .suggestion-items{background-color:#f5f5f5;border-radius:5px;position:absolute;z-index:5;padding:7px}.project-box .save-project-button{background-color:#faee40;color:#504e4f;border:1px solid #d7bb43}.project-box .save-project-button:hover{background-color:#504e4f;color:#faee40;border:1px solid #d7bb43}.system-box .calculate-solar-panels{background-color:#faee40;color:#504e4f;border:1px solid #d7bb43}.system-box .calculate-solar-panels:hover{background-color:#504e4f;color:#faee40;border:1px solid #d7bb43}.system-box{width:100%}.system-box .live-amount-of-panels input{color:#666674}.report-box .generate-report-button{background-color:#faee40;color:#504e4f;border:1px solid #d7bb43}.report-box .generate-report-button:hover{background-color:#504e4f;color:#faee40;border:1px solid #d7bb43}.control-panel{border:1px solid #504e4f}.control-panel .accordion{background:white}.control-panel .accordion.Mui-expanded{margin:0}.accordion .accordion-title{background-color:#d7bb43;border:1px solid #504e4f5c}.accordion .accordion-title div{color:#fff}.accordion .accordion-title:hover{background-color:#504e4f}.accordion .accordion-title p{font-weight:600}.accordion-box{display:flex;flex-direction:column;align-items:flex-start}.accordion-box div,.accordion-box p,.accordion-box button{margin-bottom:10px}.control-panel::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}.control-panel::-webkit-scrollbar{width:8px;background-color:#f5f5f5;height:6px}.control-panel::-webkit-scrollbar-thumb{background:#aba9a9;border-radius:7px;height:5px}.home-page-button-box{display:flex;flex-direction:column;align-items:center;padding:8px 16px 16px;justify-content:space-between}.home-page-button-box .go-to-home-page-button{background-color:#faee40;color:#504e4f;border:1px solid #d7bb43}.home-page-button-box .go-to-home-page-button:hover{background-color:#504e4f;color:#faee40;border:1px solid #d7bb43}.roof-icon-wrapper{background-color:#fff;position:absolute;bottom:200px;right:12px;width:40px;height:40px;z-index:10;display:flex;justify-content:center;align-items:center;border-radius:3px;color:#666}.compass-icon-wrapper{background-color:#fff;position:absolute;bottom:140px;right:12px;width:40px;height:40px;z-index:10;display:flex;justify-content:center;align-items:center;border-radius:3px;color:red}.roof-icon-wrapper:hover,.compass-icon-wrapper:hover{color:#000}.error-box{width:100%;display:flex;gap:12px;margin:10px;align-items:center}.home-page-box{position:relative;width:100%;display:flex;flex-direction:column;background-image:url(/assets/Rable-Hero-Homepage-Desktop-B03-V2-5f0f3f8d.png);background-position:70% 50%;background-attachment:fixed;background-size:cover;flex-grow:1}.home-page-box .home-main-box{position:relative;display:flex;flex-direction:column;z-index:1;padding-top:5%;padding-left:10%}.home-text-box{display:flex;flex-direction:column;width:50%}.home-text-box .home-text-title,.home-text-box .home-text-body{color:#fff;font-weight:700}.start-project-box{display:flex;flex-direction:row;width:50%}.start-project-box .start-project-button{display:flex;justify-content:center;margin:20px 15px 20px 0;background-color:#faee40;width:200px;border-radius:10px;color:#504e4f;cursor:pointer;padding:12px}.start-project-button:hover{background-color:#504e4f;color:#faee40}.start-project-box .start-project-button a{color:inherit;font-weight:600;font-size:20px}.home-header{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100px;background-image:url(/assets/Rable-Hero-Homepage-Desktop-B03-V2-5f0f3f8d.png);background-position:40% 20%;background-attachment:fixed;background-size:cover;border:0px solid transparent}.home-header .home-icon{max-width:234px}.logo-icon{max-width:180px}.home-header .home-column-menu{display:flex;max-width:unset;justify-content:end;padding:0 0 0 40%;flex-direction:row;align-items:flex-end}.home-header .home-column-menu h6{margin:20px 15px 20px 0;background-color:#faee40;font-weight:600;font-size:15px;border-radius:10px;color:#504e4f;cursor:pointer;padding:12px}.home-header .avatar-button{margin:20px 15px 20px 0;width:50px;height:50px;padding:0}.home-header .avatar{background-color:#faee40;color:#504e4f;font-weight:600;font-size:15px}.home-header .avatar-button:hover .avatar{background-color:#504e4f;color:#faee40}.home-header .avatar-button:focus{outline:none}.home-header .home-column-menu h6:hover{background-color:#504e4f;color:#faee40}.home-column-menu h6 a{color:inherit;font-weight:inherit}.menu .MuiMenu-paper{background-color:#faee40}.menu .MuiMenuItem-root a{color:#504e4f;font-weight:600;font-size:15px}.menu .MuiMenuItem-root:hover{background-color:#504e4f}.menu .MuiMenuItem-root:hover a{color:#faee40}.footer{padding-top:14px;padding-bottom:14px;background:#504E4F}.footer-box{justify-content:space-between;align-items:center;width:80%;margin:0 auto;color:#b3b2ad;font-size:15px}.footer-box .MuiLink-root{color:#b3b2ad}.main-page-content{display:flex;flex-direction:column;min-height:calc(100vh - 152px);height:100%}.custom-toolbar button{color:#504e4f;padding:10px}.custom-toolbar button:hover{background:#faee4033;box-shadow:none}.custom-toolbar button:focus{outline:none}.custom-toolbar .export-button{box-shadow:none;font-size:13px}.project-list-box{position:relative;width:100%;height:100%;background-image:url(/assets/Rable-Hero-Homepage-Desktop-B03-V2-5f0f3f8d.png);background-position:70% 50%;background-attachment:fixed;background-size:cover;flex-grow:1}.project-list-box .project-list-body{padding:20px 8% 10px}.projects-list-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:10px}.projects-list-header .project-list-title{font-weight:700;font-size:26px;color:#fff;margin:10px}.start-project-button{display:flex;justify-content:center;background-color:#faee40;width:180px;border-radius:10px;color:#504e4f;cursor:pointer;padding:12px}.start-project-button:hover,.start-project-button a:hover{background-color:#504e4f;color:#faee40}.start-project-button a{color:inherit;font-weight:600;font-size:17px}.sign-in-box{position:relative;width:100%;height:100%;flex-grow:1;background-image:url(/assets/Rable-Hero-Homepage-Desktop-B03-V2-5f0f3f8d.png);background-position:70% 50%;background-attachment:fixed;background-size:cover}.sign-in-box .sign-in-form{position:relative;z-index:1;padding-top:5%;padding-left:10%}.sign-in-form .sign-in-title{width:50%;font-weight:700;font-size:26px;color:#fff}.sign-in-form .sign-in-form-control{width:40%}.sign-in-form .sign-in-form-control div,.sign-in-form .sign-in-form-control label{font-size:14px;color:#504e4f}.sign-in-form .sign-in-form-control label.Mui-focused{color:#fff}.sign-in-form .sign-in-form-control .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#fff}.sign-in-form-control .forgot-password-link a{margin-bottom:10px;font-size:12px;color:#fff;text-decoration-color:#fff}.sign-in-form-control .forgot-password-link a:hover{color:#faee40;text-decoration-color:#faee40}.sign-in-form-control .sign-in-button{display:flex;justify-content:center;margin:20px 15px 20px 0;background-color:#faee40;width:180px;border-radius:4px;color:#504e4f;cursor:pointer;padding:14px;text-transform:capitalize;font-size:16px}.sign-in-form-control .sign-in-button:hover{background-color:#504e4f;color:#faee40}.sign-in-form-control .create-account-box{margin-top:15px}.sign-in-form-control .create-account-box p{font-size:12px}.create-account-box .create-account-link{color:#fff;text-decoration-color:#fff}.create-account-box .create-account-link:hover{color:#faee40;text-decoration-color:#faee40}.sign-up-box{position:relative;width:100%;height:100%;background-image:url(/assets/Rable-Hero-Homepage-Desktop-B03-V2-5f0f3f8d.png);background-position:70% 50%;background-attachment:fixed;background-size:cover;flex-grow:1}.sign-up-box .sign-up-form{position:relative;z-index:1;padding-top:5%;padding-bottom:10px;padding-left:10%}.sign-up-form .sign-up-title{width:50%;font-weight:700;font-size:26px;color:#fff}.sign-up-form .sign-up-form-control{width:40%;display:flex;flex-direction:column}.sign-up-form .sign-up-form-control div,.sign-up-form .sign-up-form-control label{font-size:14px;color:#504e4f}.sign-up-form .sign-up-form-control label.Mui-focused{color:#fff}.sign-up-form .sign-up-form-control .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#fff}.sign-up-form-control .sign-up-button{width:150px;color:#504e4f;background-color:#faee40;text-transform:capitalize;font-size:16px;margin-top:10px;margin-bottom:30px}.sign-up-form-control .sign-up-button:hover{background-color:#504e4f;color:#faee40}.forgot-password-box{position:relative;width:100%;height:100%;background-image:url(/assets/Rable-Hero-Homepage-Desktop-B03-V2-5f0f3f8d.png);background-position:70% 50%;background-attachment:fixed;background-size:cover;flex-grow:1}.forgot-password-box .forgot-password-form{position:relative;z-index:1;padding-top:5%;padding-left:10%}.forgot-password-form .forgot-password-title{width:50%;font-weight:700;font-size:26px;color:#fff}.forgot-password-form .forgot-password-form-control{width:40%}.forgot-password-form .forgot-password-form-control div,.forgot-password-form .forgot-password-form-control label{font-size:14px;color:#504e4f}.forgot-password-form .forgot-password-form-control label.Mui-focused{color:#fff}.forgot-password-form .forgot-password-form-control .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#fff}.forgot-password-form-control .forgot-password-button{width:180px;color:#504e4f;background-color:#faee40;text-transform:capitalize;font-size:16px;margin-top:10px}.forgot-password-form-control .forgot-password-button:hover{background-color:#504e4f;color:#faee40}.info-dialog .button-close{background-color:#faee40;color:#504e4f;border:1px solid #d7bb43}.info-dialog .button-close:hover{background-color:#504e4f;color:#faee40}.administration-box{position:relative;width:100%;height:100%;background-image:url(/assets/Rable-Hero-Homepage-Desktop-B03-V2-5f0f3f8d.png);background-position:70% 50%;background-attachment:fixed;background-size:cover;display:flex;flex-direction:column;flex-grow:1}.administration-box .administration-body{position:relative;display:flex;flex-direction:row;z-index:1;padding:0 8%;overflow:hidden}.administration-body .administration-menu-box{width:100%}.administration-tabs-box{border-bottom:1px solid #e0e0e0}.administration-tabs-box .administration-tab{text-transform:capitalize}.administration-tab:focus{outline:none}.success-page-box{position:relative;width:100%;height:100%;background-image:url(/assets/Rable-Hero-Homepage-Desktop-B03-V2-5f0f3f8d.png);background-position:70% 50%;background-attachment:fixed;background-size:cover;flex-grow:1}.success-page-box .success-body{position:relative;z-index:1;padding-top:5%;padding-left:10%}.success-text-box .success-text-title{width:50%;font-weight:700;font-size:26px;color:#fff}.confirm-page-box{position:relative;width:100%;height:100%;background-image:url(/assets/Rable-Hero-Homepage-Desktop-B03-V2-5f0f3f8d.png);background-position:70% 50%;background-attachment:fixed;background-size:cover;flex-grow:1}.confirm-page-box .confirm-body{position:relative;z-index:1;padding-top:5%;padding-left:10%}.confirm-text-box .confirm-text-title{width:50%;font-weight:700;font-size:26px;color:#fff}.contact-box{margin-top:50px}.contact-box .contact-title{width:50%;font-weight:700;font-size:26px;color:#fff}.verify-user-page-box{position:relative;width:100%;height:100%;background-image:url(/assets/Rable-Hero-Homepage-Desktop-B03-V2-5f0f3f8d.png);background-position:70% 50%;background-attachment:fixed;background-size:cover;flex-grow:1}.verify-user-page-box .verify-user-body{position:relative;width:100%;z-index:1;padding-top:5%;padding-left:10%}.verify-user-text-box .verify-user-text-title{width:50%;font-weight:700;font-size:26px;color:#fff}.reset-password-box{position:relative;width:100%;height:100%;background-image:url(/assets/Rable-Hero-Homepage-Desktop-B03-V2-5f0f3f8d.png);background-position:70% 50%;background-attachment:fixed;background-size:cover;flex-grow:1}.reset-password-box .reset-password-form{position:relative;z-index:1;padding-top:5%;padding-left:10%}.reset-password-form .reset-password-title{width:50%;font-weight:700;font-size:26px;color:#fff}.reset-password-form .reset-password-form-control{width:40%}.reset-password-form .reset-password-form-control div,.reset-password-form .reset-password-form-control label{font-size:14px;color:#504e4f}.reset-password-form .reset-password-form-control label.Mui-focused{color:#fff}.reset-password-form .reset-password-form-control .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#fff}.reset-password-form-control .reset-password-button{width:180px;color:#504e4f;background-color:#faee40;text-transform:capitalize;font-size:16px;margin-top:10px}.reset-password-form-control .reset-password-button:hover{background-color:#504e4f;color:#faee40}.account-box{position:relative;width:100%;height:100%;background-image:url(/assets/Rable-Hero-Homepage-Desktop-B03-V2-5f0f3f8d.png);background-position:70% 50%;background-size:cover;flex-grow:1}.account-box .account-title,.account-box .account-subtitle{font-weight:700;font-size:40px;color:#fff}.account-box .account-subtitle{font-size:26px}.account-box .account-forms{width:40%;z-index:1;padding-top:5%;padding-bottom:5%;padding-left:10%}.account-forms .form-control div,.account-forms .form-control label{height:auto;font-size:14px;color:#504e4f}.account-forms .form-control label.Mui-focused{color:#fff}.account-forms .form-control .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#fff}.account-forms .submit-button{width:150px;color:#504e4f;background-color:#faee40;text-transform:capitalize;font-size:16px;margin-top:10px;margin-bottom:30px}.account-forms .submit-button:hover{background-color:#504e4f;color:#faee40}.company-box{position:relative;width:100%;height:100%;background-image:url(/assets/Rable-Hero-Homepage-Desktop-B03-V2-5f0f3f8d.png);background-size:cover;flex-grow:1}.company-form .company-title{font-weight:700;font-size:26px;color:#fff}.company-form{width:40%;z-index:1;padding-top:5%;padding-left:10%}.company-form .form-control div,.company-form .form-control label{height:auto;font-size:14px;color:#504e4f}.company-form .form-control label.Mui-focused{color:#fff}.company-form .form-control .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#fff}.company-form .submit-button{width:150px;color:#504e4f;background-color:#faee40;text-transform:capitalize;font-size:16px;margin-top:10px;margin-bottom:30px}.company-form .submit-button:hover{background-color:#504e4f;color:#faee40}body{margin:0;padding:0}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#504e4f;transition:background-color 5000s ease-in-out 0s}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(https://themes.googleusercontent.com/static/fonts/roboto/v9/Pru33qjShpZSmG3z6VYwnT8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto Regular"),local("Roboto-Regular"),url(https://themes.googleusercontent.com/static/fonts/roboto/v9/Xyjz-jNkfiYuJf8UC3Lizw.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url(https://themes.googleusercontent.com/static/fonts/roboto/v9/oOeFwZNlrTefzLYmlVV1UD8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),url(https://themes.googleusercontent.com/static/fonts/roboto/v9/97uahxiqZRoncBaCEI3aWz8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-weight:300;src:local("Roboto Light Italic"),local("Roboto-LightItalic"),url(https://themes.googleusercontent.com/static/fonts/roboto/v9/7m8l7TlFO-S3VkhHuR0at9Ih4imgI8P11RFo6YPCPC0.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:local("Roboto Italic"),local("Roboto-Italic"),url(https://themes.googleusercontent.com/static/fonts/roboto/v9/dFWsweFqlD8ExfyN7Gh_GPesZW2xOQ-xsNqO47m55DA.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-weight:500;src:local("Roboto Medium Italic"),local("Roboto-MediumItalic"),url(https://themes.googleusercontent.com/static/fonts/roboto/v9/OLffGBTaF0XFOW1gnuHF0dIh4imgI8P11RFo6YPCPC0.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-weight:700;src:local("Roboto Bold Italic"),local("Roboto-BoldItalic"),url(https://themes.googleusercontent.com/static/fonts/roboto/v9/t6Nd4cfPRhZP44Q5QAjcC9Ih4imgI8P11RFo6YPCPC0.woff) format("woff")}