@import '_content/CityView.SharedBlazorComponents/CityView.SharedBlazorComponents.bjfyijfe0o.bundle.scp.css';

/* _content/BluePrincePortal/Pages/Account/AccountActivation.razor.rz.scp.css */
.activation-master-container[b-n7c1ipofwc] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.activation-container[b-n7c1ipofwc] {
    margin: 0 auto;
}
/* _content/BluePrincePortal/Pages/Account/ForgotPassword.razor.rz.scp.css */
.email-container[b-x4ncifhipm] {
    margin-bottom: 2em;
}

.btn-container[b-x4ncifhipm] {
    text-align: center;
}

.emailAddress[b-x4ncifhipm] {
    font-weight: bold;
}

[b-x4ncifhipm] .e-control.e-btn.e-lib.reset-btn {
    background-color: #124a8e;
    color: #f9fafb;
    width: 100%;
    margin-bottom: 1em;
}
    [b-x4ncifhipm] .e-control.e-btn.e-lib.reset-btn:hover {
        background: #f7f7f7;
        color: black;
    }

    [b-x4ncifhipm] .e-control.e-btn.e-lib.reset-btn:focus {
        outline: none;
        box-shadow: none;
    }

[b-x4ncifhipm] .e-control.e-btn.e-lib.cancel-btn {
    width: 100%;
}
/* _content/BluePrincePortal/Pages/Account/Login.razor.rz.scp.css */
.masterContent[b-1mezyogcif] {
    left: 0;
}

.login-master-container[b-1mezyogcif] {
    display: flex;
    width: 60%;
    height: 100%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}

.login-panel[b-1mezyogcif] {
    flex: 1;
}

.login-field-container[b-1mezyogcif] {
    width: 50%;
    margin: 0 auto;
}

.custom-fieldset[b-1mezyogcif] {
    border: 2px solid #FFFFFF;
    border-radius: 10px;
    padding: 20px;
}

.reset-container[b-1mezyogcif] {
    text-align: right;
    padding-top: 10px;
    font-size: small;
}

.signup-field[b-1mezyogcif] {
    font-size: small;
}

.cv-single-btn-container[b-1mezyogcif] {
    display: flex;
    justify-content: center;
}

.loginLogo[b-1mezyogcif] {
    margin: 0 auto;
    width: 60%;
    text-align: center;
}

.image[b-1mezyogcif] {
    margin: 0 auto;
    width: 60%;
}

[b-1mezyogcif] .e-control.e-btn.e-lib.bpc-primary-submit-btn {
    background-color: #124a8e;
    color: #f9fafb;
    width: 10em;
    border-color: none;
}

    [b-1mezyogcif] .e-control.e-btn.e-lib.bpc-primary-submit-btn:hover {
        background: #f7f7f7;
        color: black;
    }

    [b-1mezyogcif] .e-control.e-btn.e-lib.bpc-primary-submit-btn:focus {
        outline: none;
        box-shadow: none;
    }
/* _content/BluePrincePortal/Pages/Account/PortalUserAccount.razor.rz.scp.css */
.bp-header-account[b-nd69db4sld] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

[b-nd69db4sld] .e-control.e-btn.e-lib.tech-support-btn {
    background-color: #fff;
    color: #374151;
}

    [b-nd69db4sld] .e-control.e-btn.e-lib.tech-support-btn:hover {
        background: #f3f4f6;
        border-color: #d1d5db;
        color: #374151;
        box-shadow: none;
        outline: none;
    }

    [b-nd69db4sld] .e-control.e-btn.e-lib.tech-support-btn:focus {
        background: #f3f4f6;
        border-color: #d1d5db;
        color: #374151;
        box-shadow: none;
        outline: none;
    }

[b-nd69db4sld] .fa-solid .fa-comment-dots .e-btn-icon .e-icon-left,
[b-nd69db4sld] .fa-solid.fa-comment-dots.e-btn-icon.e-icon-left,
.fa-solid .fa-comment-dots .e-btn-icon .e-icon-left[b-nd69db4sld],
.fa-solid.fa-comment-dots.e-btn-icon.e-icon-left[b-nd69db4sld] {
    color: #124a8e;
}
/* _content/BluePrincePortal/Pages/Account/ResendActivation.razor.rz.scp.css */
.btn-container[b-9dvw6s9kjh] {
    margin-top: 20px;
    text-align: center;
}

.emailAddress[b-9dvw6s9kjh] {
    font-weight: bold;
}

[b-9dvw6s9kjh] .e-control.e-btn.e-lib.custom-btn {
    width: 15em;
    background-color: #124a8e;
    color: #f9fafb;
}
/* _content/BluePrincePortal/Pages/Account/ResetPassword.razor.rz.scp.css */
.resetpassword-master-container[b-nkdcjvbt91] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.reset-title-container[b-nkdcjvbt91] {
    text-align: center;
    margin-bottom: 4em;
}

.title[b-nkdcjvbt91] {
    font-size: x-large;
}

.title-description[b-nkdcjvbt91] {
    font-size: medium;
    margin-top: 1em;
    margin-bottom: 2em;
}

.fieldset[b-nkdcjvbt91] {
    border: 2px solid #124a8e;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    max-width: 400px;
    width: 100%;
}

.reset-title-container[b-nkdcjvbt91] {
    width: 100%;
    height: 2em;
    font-family: 'Inter';
}

.success-message[b-nkdcjvbt91] {
    margin-top: 1em;
    font-family: 'Inter';
}

.reset-btn[b-nkdcjvbt91] {
    text-align: center;
}

[b-nkdcjvbt91] .e-control.e-btn.e-lib.submit-btn {
    background-color: #124a8e;
    color: #f9fafb;
    width: 10em;
    border-color: none;
}

    [b-nkdcjvbt91] .e-control.e-btn.e-lib.submit-btn:hover {
        background: #f7f7f7;
        color: black;
    }

    [b-nkdcjvbt91] .e-control.e-btn.e-lib.submit-btn:focus {
        outline: none;
        box-shadow: none;
    }
/* _content/BluePrincePortal/Pages/Approval/PortalApprovals.razor.rz.scp.css */
/* _content/BluePrincePortal/Pages/BuildingDepartmentCom/BuildingDepartmentRedirect.razor.rz.scp.css */
.master-container[b-cbh89qezjq] {
    width: 100%;
    height: 100%;
}

.container[b-cbh89qezjq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-family: 'Inter';
}

.logo-master-container[b-cbh89qezjq] {
    width: 13vw;
    height: 15vh;
    margin-top: 5em;
}


.blueprinceLogo[b-cbh89qezjq] {
    width: 100%;
    height: 100%;
}

.description[b-cbh89qezjq] {
    text-align: left;
}

.important-information[b-cbh89qezjq] {
    margin-top: 2em;
}

.description-master-container[b-cbh89qezjq] {
    text-align: center; /* Center the text */
    margin-top: 20px; /* Space above the text */
    text-align: left;
}

.main-title h2[b-cbh89qezjq] {
    margin-bottom: 10px; /* Space below the title */
}

.main-title p[b-cbh89qezjq] {
    margin: 5px 0; /* Space between paragraphs */
}

.indented[b-cbh89qezjq] {
    text-indent: 20px; /* Indent the text */
    margin-left: 20px; /* Additional left margin for indents */
    text-align: left;
}

.h2[b-cbh89qezjq] {
    text-align: left;
}

.transition-note[b-cbh89qezjq] {
    margin-top: 3em;
}

.countdown[b-cbh89qezjq] {
    align-items: center;
}
/* _content/BluePrincePortal/Pages/BuildingPermit/Components/PermitAdditionalStep.razor.rz.scp.css */
.master-additionalstep-container[b-n3jh5hxcg5] {
    width: 100%;
    height: 100%;
}

.additionalstep-wrapper[b-n3jh5hxcg5] {
    width: 55em;
    margin: 0 auto;
    overflow-y: auto;
}

/* _content/BluePrincePortal/Pages/BuildingPermit/Components/PermitConfirmationStep.razor.rz.scp.css */
.confirmation-master-container[b-zbhipn18oo] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.confirmation-container[b-zbhipn18oo] {
    width: 80%;
}

.fieldsets[b-zbhipn18oo] {
    border: none;
}
/* _content/BluePrincePortal/Pages/BuildingPermit/Components/PermitContactStep.razor.rz.scp.css */
.master-container[b-v0p6uukrva] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.step2-container[b-v0p6uukrva]{
    width: 50%;
    margin: 0 auto;
}

.permit-type-container[b-v0p6uukrva] {
    padding-bottom: 25px;
}

.contractor-field[b-v0p6uukrva] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.contractor-text[b-v0p6uukrva] {
    color: #374151;
    font-size: 1em;
    font-family: 'Inter';
    font-weight: 500; 
}
/* _content/BluePrincePortal/Pages/BuildingPermit/Components/PermitFixtureStep.razor.rz.scp.css */
.master-fixturestep-container[b-99h62mszzv] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.fixturestep-wrapper[b-99h62mszzv] {
    width: 55em;
    margin: 0 auto;
}

.permit-type-container[b-99h62mszzv] {
    padding-bottom: 25px;
}

.workclass-description[b-99h62mszzv] {
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    height: 30px;
    text-align: center;
    display: flex;
    background-color: #124c8e;
    color: white;
    font-size: 15px;
    align-items: center;
    text-indent: 15px;
}

.workclass-fields[b-99h62mszzv] {
    padding-top: 10px;
}

.workclass-fieldset[b-99h62mszzv] {
    border: none;
}

.structureBtn[b-99h62mszzv] {
    margin-top: 10px;
}

.valuation-cost-container[b-99h62mszzv] {
    width: 100%;
    padding-top: 10px;
}

.valuation-cost-text[b-99h62mszzv] {
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    height: 30px;
    text-align: center;
    display: flex;
    background-color: #124c8e;
    color: white;
    font-size: 15px;
    align-items: center;
    text-indent: 15px;
}

.valuation-cost-input[b-99h62mszzv] {
    width:95%;
    padding-left: 15px;
    padding-top: 15px;
}

.contractors-container[b-99h62mszzv] {
    padding-top: 20px;
}

.contractors-field[b-99h62mszzv] {
    padding-left: 15px;
}

.contractor-field-description[b-99h62mszzv] {
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    height: 30px;
    text-align: center;
    display: flex;
    background-color: #124c8e;
    color: white;
    font-size: 15px;
    align-items: center;
    text-indent: 15px;
    margin-bottom: 10px;
}

.contractor-field[b-99h62mszzv] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.contractor-text[b-99h62mszzv] {
    color: #374151;
    font-size: 1em;
    font-family: 'Inter';
    font-weight: 500; 
}
/* _content/BluePrincePortal/Pages/BuildingPermit/Components/PermitStructureStep.razor.rz.scp.css */
.master-container[b-glykgggsmk] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.step2-container[b-glykgggsmk]{
    width: 50%;
    margin: 0 auto;
}

.permit-type-container[b-glykgggsmk] {
    padding-bottom: 25px;
}

.workclass-description[b-glykgggsmk] {
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    height: 30px;
    text-align: center;
    display: flex;
    background-color: #124c8e;
    color: white;
    font-size: 15px;
    align-items: center;
    text-indent: 15px;
}

.workclass-fields[b-glykgggsmk] {
    padding-top: 10px;
}

.workclass-fieldset[b-glykgggsmk] {
    border: none;
}

.structureBtn[b-glykgggsmk] {
    margin-top: 10px;
}

.valuation-cost-container[b-glykgggsmk] {
    width: 100%;
    padding-top: 10px;
}

.valuation-cost-text[b-glykgggsmk] {
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    height: 30px;
    text-align: center;
    display: flex;
    background-color: #124c8e;
    color: white;
    font-size: 15px;
    align-items: center;
    text-indent: 15px;
}

.valuation-cost-input[b-glykgggsmk] {
    width:95%;
    padding-left: 15px;
    padding-top: 15px;
}

.contractors-container[b-glykgggsmk] {
    padding-top: 20px;
}

.contractors-field[b-glykgggsmk] {
    padding-left: 15px;
}

.contractor-field-description[b-glykgggsmk] {
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    height: 30px;
    text-align: center;
    display: flex;
    background-color: #124c8e;
    color: white;
    font-size: 15px;
    align-items: center;
    text-indent: 15px;
    margin-bottom: 10px;
}

.contractor-field[b-glykgggsmk] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.contractor-text[b-glykgggsmk] {
    color: #374151;
    font-size: 1em;
    font-family: 'Inter';
    font-weight: 500; 
}
/* _content/BluePrincePortal/Pages/BuildingPermit/Components/PermitTypeStep.razor.rz.scp.css */

[b-irvq6oxn67] .initialStep-container {
    width: 50%;
    margin: auto;
}

    [b-irvq6oxn67] .initialStep-container ::deep {
        width: 50%;
        margin: auto;
    }

.initialStep-container[b-irvq6oxn67]  {
        width: 50%;
        margin: auto;
    }

/* _content/BluePrincePortal/Pages/BuildingPermit/Components/PermitUploadStep.razor.rz.scp.css */
.master-container[b-z3v32zk57d] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.step2-container[b-z3v32zk57d]{
    width: 50%;
    margin: auto;
}

.permit-type-container[b-z3v32zk57d] {
    padding-bottom: 25px;
}

.workclass-description[b-z3v32zk57d] {
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    height: 30px;
    text-align: center;
    display: flex;
    background-color: #124c8e;
    color: white;
    font-size: 15px;
    align-items: center;
    text-indent: 15px;
}

.workclass-fields[b-z3v32zk57d] {
    padding-top: 10px;
}

.workclass-fieldset[b-z3v32zk57d] {
    border: none;
}

.structureBtn[b-z3v32zk57d] {
    margin-top: 10px;
}

.valuation-cost-container[b-z3v32zk57d] {
    width: 100%;
    padding-top: 10px;
}

.valuation-cost-text[b-z3v32zk57d] {
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    height: 30px;
    text-align: center;
    display: flex;
    background-color: #124c8e;
    color: white;
    font-size: 15px;
    align-items: center;
    text-indent: 15px;
}

.valuation-cost-input[b-z3v32zk57d] {
    width:95%;
    padding-left: 15px;
    padding-top: 15px;
}

.contractors-container[b-z3v32zk57d] {
    padding-top: 20px;
}

.contractors-field[b-z3v32zk57d] {
    padding-left: 15px;
}

.contractor-field-description[b-z3v32zk57d] {
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    height: 30px;
    text-align: center;
    display: flex;
    background-color: #124c8e;
    color: white;
    font-size: 15px;
    align-items: center;
    text-indent: 15px;
    margin-bottom: 10px;
}

.contractor-field[b-z3v32zk57d] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.contractor-text[b-z3v32zk57d] {
    color: #374151;
    font-size: 1em;
    font-family: 'Inter';
    font-weight: 500; 
}
/* _content/BluePrincePortal/Pages/BuildingPermit/Modals/AdditionModal.razor.rz.scp.css */

[b-3c1fofapjw] .e-dialog.e-lib.e-dlg-modal.e-popup.e-control.e-popup-open {
    width: 90%;
    height: 90%;
}

.dialogContent[b-3c1fofapjw] {
    padding-top: 25px;
    font-size: larger;
    font-weight: bold;
}

.fieldsets[b-3c1fofapjw] {
    border: none;
    width: 95%;
}

.square-fields[b-3c1fofapjw] {
    width: 100%;
    padding-top: 25px;
    padding-bottom: 10px;
}

.structure-summary-container[b-3c1fofapjw], .dimensions-container[b-3c1fofapjw], .jurisdiction-specific-container[b-3c1fofapjw], .square-footage-container[b-3c1fofapjw] {
    padding-top: 25px;
    padding-bottom: 10px;
}

.field-text[b-3c1fofapjw] {
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    height: 30px;
    width: 100%;
    text-align: center;
    display: flex;
    background-color: #124c8e;
    color: white;
    font-size: 15px;
    align-items: center;
    text-indent: 15px;
}

.e-footer-content[b-3c1fofapjw] {
    display: flex;
    justify-content: space-evenly;
}

.e-btn.e-primary[b-3c1fofapjw] {
    background: #124c8e;
    border-color: #124c8e;
}
/* _content/BluePrincePortal/Pages/BuildingPermit/Modals/AutoSuggestPerson.razor.rz.scp.css */
.autosuggest-container[b-u016gzs8ff] {
    position: relative;
    width: 100%;
    height: 30px;
}

.searchbox[b-u016gzs8ff] {
    height: 28px;
    width: 97%;
    border-color: #d1d5db;
    border-radius: 4px;
    box-shadow: none;
    border-width: 1px;
    padding-left: 12px;
    text-indent: 0;
    border-style: solid;
    font-family: 'Inter';
    font-size: 14px;
}

    .searchbox:focus[b-u016gzs8ff],
    .searchbox:active[b-u016gzs8ff] {
        outline-color: #275A98;
    }

.suggestionList[b-u016gzs8ff] {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 0;
    margin: 0;
    list-style-type: none;
    max-height: 200px;
    overflow-y: auto;
    width: calc(100% - 2px);
    font-size: 13px;
    font-family: 'Inter';
}

    .suggestionList li[b-u016gzs8ff] {
        padding: 10px;
        cursor: pointer;
    }

        .suggestionList li:hover[b-u016gzs8ff] {
            background-color: #f4f4f4;
        }
/* _content/BluePrincePortal/Pages/BuildingPermit/Modals/StructureModal.razor.rz.scp.css */


[b-4ok692yir0] .e-dialog.e-lib.e-dlg-modal.e-popup.e-control.e-popup-open {
    width: 90%;
    height: 90%;
}

.dialogContent[b-4ok692yir0] {
    padding-top: 25px;
    font-size: larger;
    font-weight: bold;
}

.fieldsets[b-4ok692yir0] {
    border: none;
    width: 95%;
}

.square-fields[b-4ok692yir0] {
    width:100%;
    padding-top: 25px;
    padding-bottom: 10px;
}

.structure-summary-container[b-4ok692yir0], .dimensions-container[b-4ok692yir0], .jurisdiction-specific-container[b-4ok692yir0], .square-footage-container[b-4ok692yir0] {
    padding-top: 25px;
    padding-bottom: 10px;
}

.field-text[b-4ok692yir0] {
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    height: 30px;
    width: 100%;
    text-align: center;
    display: flex;
    background-color: #124c8e;
    color: white;
    font-size: 15px;
    align-items: center;
    text-indent: 15px;
}
.e-footer-content[b-4ok692yir0] {
    display: flex;
    justify-content: space-evenly;
}

.e-btn.e-primary[b-4ok692yir0] {
    background: #124c8e;
    border-color: #124c8e;
}

#SqFt[b-4ok692yir0] {
    text-overflow: ellipsis;
}

.SqFtInput[b-4ok692yir0] {
    min-width: 105px;
}

#SqFtGrid .e-input-group[b-4ok692yir0] {
    min-width: 100px;
}
}
/* _content/BluePrincePortal/Pages/BuildingPermit/NewBuildingPermitApplication.razor.rz.scp.css */
.permit-application-master-container[b-6lr5iz2f83], [b-6lr5iz2f83] .permit-application-master-container, .permit-application-master-container[b-6lr5iz2f83] , [b-6lr5iz2f83].permit-application-master-container {
    height: 100%;
}

.permit-application[b-6lr5iz2f83] {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.stepper[b-6lr5iz2f83] {
    margin-top: 30px;
    padding: 30px;
}

.stepper-container[b-6lr5iz2f83] {
    margin-top: 2em;
    height: 4em;
}

.page-title[b-6lr5iz2f83] {
    display: flex;
    justify-content: center;
    margin-top: 2em;
    font-family: 'Inter';
    font-size: larger;
    height: 1em;
    margin-bottom: 1em;
}

@font-face {
    font-family: 'Default';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="stepper-icon-"][b-6lr5iz2f83], [class*=" stepper-icon-"][b-6lr5iz2f83] {
    font-family: 'Default' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.stepper-icon-type[b-6lr5iz2f83]:before {
    content: "\e710";
}

.stepper-icon-instruction[b-6lr5iz2f83]:before {
    content: "\e702";
}

.stepper-icon-detail[b-6lr5iz2f83]:before {
    content: "\e706";
}

.stepper-icon-additional[b-6lr5iz2f83]:before {
    content: "\e715";
}

.linear-stepper-control[b-6lr5iz2f83] {
    margin: 30px auto;
}

.step-content-container[b-6lr5iz2f83] {
    width: 100%;
    padding-top: 30px;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.btn-container[b-6lr5iz2f83] {
    width: 100%;
    display: flex;
    padding-top: 10px;
    padding-bottom: 5px;
    position:sticky;
    bottom:0;
}

.prev-btn[b-6lr5iz2f83] {
    display: flex;
    flex: 1;
    text-align: center;
}

.next-btn[b-6lr5iz2f83] {
    text-align: center;
}

[b-6lr5iz2f83] .e-control.e-btn.e-lib.permit-stepper-submit-btn {
    width: 10em;
    background: #0e4b8f;
    color: white;
}

    [b-6lr5iz2f83] .e-control.e-btn.e-lib.permit-stepper-submit-btn:hover {
        background: #f7f7f7;
        color: black;
    }

    [b-6lr5iz2f83] .e-control.e-btn.e-lib.permit-stepper-submit-btn:focus {
       outline: none;
       box-shadow: none;
    }

[b-6lr5iz2f83] .e-control.e-btn.e-lib.permit-stepper-cancel-btn {
    width: 10em;
    margin-right: 25px;
}

    [b-6lr5iz2f83] .e-control.e-btn.e-lib.permit-stepper-cancel-btn:hover {
        background: #f7f7f7;
        color: black;
    }

    [b-6lr5iz2f83] .e-control.e-btn.e-lib.permit-stepper-cancel-btn:focus {
        outline: none;
        box-shadow: none;
    }

[b-6lr5iz2f83] .e-control.e-btn.e-lib.permit-stepper-prev-btn {
    width: 10em;
    background: #0e4b8f;
    color: white;
}

    [b-6lr5iz2f83] .e-control.e-btn.e-lib.permit-stepper-prev-btn:hover {
        background: #f7f7f7;
        color: black;
    }

    [b-6lr5iz2f83] .e-control.e-btn.e-lib.permit-stepper-prev-btn:focus {
        outline: none;
        box-shadow: none;
    }

[b-6lr5iz2f83] .e-control.e-btn.e-lib.permit-stepper-next-btn {
    width: 10em;
    background: #0e4b8f;
    color: white;
}

    [b-6lr5iz2f83] .e-control.e-btn.e-lib.permit-stepper-next-btn:hover {
        background: #f7f7f7;
        color: black;
    }

    [b-6lr5iz2f83] .e-control.e-btn.e-lib.permit-stepper-next-btn:focus {
        outline: none;
        box-shadow: none;
    }

[b-6lr5iz2f83].e-progressbar-value,
.e-progressbar-value[b-6lr5iz2f83],
[b-6lr5iz2f83] .e-progressbar-value {
    background-color: #0e4b8f;
}

[b-6lr5iz2f83] .e-label {
    color: #0e4b8f;
}

.e-stepper .e-stepper-progressbar .e-progressbar-value[b-6lr5iz2f83],
[b-6lr5iz2f83].e-stepper .e-stepper-progressbar .e-progressbar-value,
[b-6lr5iz2f83] .e-stepper .e-stepper-progressbar .e-progressbar-value {
    background-color: #0e4b8f;
}

.e-stepper .e-step-completed:not(.e-step-error) .e-label[b-6lr5iz2f83],
[b-6lr5iz2f83].e-stepper .e-step-completed:not(.e-step-error) .e-label,
[b-6lr5iz2f83] .e-stepper .e-step-completed:not(.e-step-error) .e-label {
    color: #0e4b8f;
}

.e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-indicator[b-6lr5iz2f83],
[b-6lr5iz2f83].e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-indicator,
[b-6lr5iz2f83] .e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-indicator {
    background: #0e4b8f;
}

.e-stepper .e-step-selected:not(.e-step-error) .e-label[b-6lr5iz2f83],
[b-6lr5iz2f83].e-stepper .e-step-selected:not(.e-step-error) .e-label,
[b-6lr5iz2f83] .e-stepper .e-step-selected:not(.e-step-error) .e-label {
    color: #0e4b8f;
}

.e-stepper:not(.e-steps-focus) .e-step-selected .e-step[b-6lr5iz2f83],
[b-6lr5iz2f83].e-stepper:not(.e-steps-focus) .e-step-selected .e-step,
[b-6lr5iz2f83] .e-stepper:not(.e-steps-focus) .e-step-selected .e-step {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0e4b8f, 0 0 0 8px #fff;
}

.e-stepper .e-step-selected .e-indicator[b-6lr5iz2f83],
[b-6lr5iz2f83] .e-stepper .e-step-selected .e-indicator,
[b-6lr5iz2f83].e-stepper .e-step-selected .e-indicator {
    background: #0e4b8f;
}
/* _content/BluePrincePortal/Pages/Common/BPCommonComponentBase.razor.rz.scp.css */
/* _content/BluePrincePortal/Pages/Common/BPFooter.razor.rz.scp.css */
.masterFooter-container[b-pjr4c4bxao] {
    display: flex;
    height: 5%;
    justify-content: center;
    align-items: center;
    background-color: white;
    flex-shrink: 0;
    padding-top: 10px;
    padding-bottom: 0px;
    border-top: 1px solid #090808;
}

.BluePrinceByCityViewLogo[b-pjr4c4bxao] {
    height: 80%;
}

.image[b-pjr4c4bxao] {
    height: 90%;
    padding: 5px;
}
/* _content/BluePrincePortal/Pages/Common/BPHeader.razor.rz.scp.css */
/* Responsive BluePrince Header */

/* Base styles */
.masterHeader[b-6vmpgjp8zv] {
    height: auto;
    min-height: 60px;
    width: 100%;
    padding: 0;
    background-color: white;
    border-bottom: 1px solid #e0e0e0;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.headerPanel[b-6vmpgjp8zv] {
    width: 100%;
    height: 100%;
    background-color: white;
}

.nav-bar[b-6vmpgjp8zv] {
    width: 100%;
    height: 100%;
    position: relative;
}

/* Mobile/Tablet Layout (up to 1249px) */
.mobile-tablet-layout[b-6vmpgjp8zv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    min-height: 60px;
}

/* Desktop Layout (1250px and up) */
.desktop-layout[b-6vmpgjp8zv] {
    display: none;
}

/* Logo Container - Mobile/Tablet (Left) */
.mobile-tablet-layout .bluePrince-container[b-6vmpgjp8zv] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.mobile-tablet-layout .image[b-6vmpgjp8zv] {
    max-width: 100%;
    max-height: 100%;
}

.mobile-tablet-layout .bluePrince-container img[b-6vmpgjp8zv] {
    max-width: 120px;
    max-height: 40px;
    height: auto;
    cursor: pointer;
}

/* Jurisdiction Container - Mobile/Tablet (Center) */
.mobile-tablet-layout .jurisdiction-master-container[b-6vmpgjp8zv] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 1rem;
}

.mobile-tablet-layout .jurisdiction-container[b-6vmpgjp8zv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.mobile-tablet-layout .jurisdiction[b-6vmpgjp8zv] {
    font-weight: 600;
}

/* Hamburger Container - Mobile/Tablet (Right) */
.hamburger-container[b-6vmpgjp8zv] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.mobile-menu-toggle[b-6vmpgjp8zv] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #124a8e;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

    .mobile-menu-toggle:hover[b-6vmpgjp8zv] {
        background-color: #f8f9fa;
    }

    .mobile-menu-toggle:focus[b-6vmpgjp8zv] {
        outline: 2px solid #124a8e;
        outline-offset: 2px;
    }

/* Mobile Menu Overlay */
.mobile-menu-overlay[b-6vmpgjp8zv] {
    position: fixed;
    top: 0;
    right: -100%;
    width: 280px;
    height: 100vh;
    background-color: #f8f9fa;
    border-left: 1px solid #e0e0e0;
    transition: right 0.3s ease;
    z-index: 1002;
    padding: 1.6rem 1rem;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
}

    .mobile-menu-overlay.open[b-6vmpgjp8zv] {
        right: 0;
    }

.mobile-menu-header[b-6vmpgjp8zv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    border-bottom: 1px solid #e0e0e0;
}

.mobile-menu-title[b-6vmpgjp8zv] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
}

.mobile-menu-close[b-6vmpgjp8zv] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #666;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

    .mobile-menu-close:hover[b-6vmpgjp8zv] {
        background-color: #e9ecef;
    }

    .mobile-menu-close:focus[b-6vmpgjp8zv] {
        outline: 2px solid #124a8e;
        outline-offset: 2px;
    }

.mobile-menu-nav[b-6vmpgjp8zv] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .mobile-menu-nav li[b-6vmpgjp8zv] {
        margin-bottom: 1rem;
        list-style: none;
    }

    .mobile-menu-nav a[b-6vmpgjp8zv] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0.75rem 1rem;
        color: #333;
        text-decoration: none;
        border-radius: 6px;
        transition: background-color 0.2s ease;
    }

        .mobile-menu-nav a:hover[b-6vmpgjp8zv] {
            background-color: #e9ecef;
        }

        .mobile-menu-nav a:focus[b-6vmpgjp8zv] {
            outline: 2px solid #124a8e;
            outline-offset: 2px;
        }

    .mobile-menu-nav i[b-6vmpgjp8zv] {
        margin-left: 0.75rem;
        width: 20px;
        text-align: center;
    }

.mobile-user-info[b-6vmpgjp8zv] {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #e0e0e0;
    text-align: right;
    margin-right: 1.2rem;
}

    .mobile-user-info .user-id[b-6vmpgjp8zv] {
        font-weight: 600;
        color: #333;
        margin-bottom: 0.5rem;
    }

.mobile-user-actions[b-6vmpgjp8zv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .mobile-user-actions a[b-6vmpgjp8zv] {
        color: #124a8e;
        text-decoration: none;
        font-size: 0.9rem;
        transition: color 0.2s ease;
    }

        .mobile-user-actions a:hover[b-6vmpgjp8zv] {
            color: #0d3a6b;
            text-decoration: underline;
        }

/* Tablet styles (768px to 1249px) */
@media (min-width: 768px) {
    .mobile-tablet-layout[b-6vmpgjp8zv] {
        padding: 1rem 1.5rem;
        min-height: 70px;
    }

        .mobile-tablet-layout .jurisdiction[b-6vmpgjp8zv] {
            font-size: 1.5rem;
        }

        .mobile-tablet-layout .bluePrince-container img[b-6vmpgjp8zv] {
            max-width: 150px;
            max-height: 50px;
        }

    .mobile-menu-toggle[b-6vmpgjp8zv] {
        font-size: 1.75rem;
    }

    .mobile-menu-overlay[b-6vmpgjp8zv] {
        padding: 4.2rem 1rem;
    }
}

/* Desktop styles (1250px and up) */
@media (min-width: 1250px) {
    .mobile-tablet-layout[b-6vmpgjp8zv] {
        display: none;
    }

    .desktop-layout[b-6vmpgjp8zv] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 1rem 0 0;
        min-height: 80px;
    }

        .desktop-layout .bluePrince-container[b-6vmpgjp8zv] {
            flex: 0 0 6%;
            display: flex;
            align-items: center;
        }

            .desktop-layout .bluePrince-container img[b-6vmpgjp8zv] {
                max-width: 180px;
                max-height: 60px;
                cursor: pointer;
            }

        .desktop-layout .jurisdiction-master-container[b-6vmpgjp8zv] {
            flex: 1;
            display: flex;
            justify-content: left;
            align-items: center;
        }

        .desktop-layout .jurisdiction-container[b-6vmpgjp8zv] {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .desktop-layout .jurisdiction[b-6vmpgjp8zv] {
            font-size: 1.75rem;
            font-weight: 600;
            color: #333;
            margin-bottom: 0.25rem;
        }

        .desktop-layout .jurisdiction-user[b-6vmpgjp8zv] {
            font-size: 1.1rem;
            color: #666;
            align-self: flex-end;
        }

        .desktop-layout .user-container[b-6vmpgjp8zv] {
            flex: 0 0 18%;
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }
}

/* Large desktop styles (1440px and up) */
@media (min-width: 1440px) {
    .desktop-layout .jurisdiction[b-6vmpgjp8zv] {
        font-size: 2rem;
    }

    .desktop-layout .bluePrince-container img[b-6vmpgjp8zv] {
        max-width: 200px;
        max-height: 70px;
    }
}

/* Accessibility improvements */
@media (prefers-reduced-motion: reduce) {
    .mobile-menu-overlay[b-6vmpgjp8zv] {
        transition: none;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .masterHeader[b-6vmpgjp8zv] {
        border-bottom: 2px solid #000;
    }

    .mobile-menu-overlay[b-6vmpgjp8zv] {
        border-right: 2px solid #000;
    }
}
/* _content/BluePrincePortal/Pages/Common/BPPageBase.razor.rz.scp.css */
/* _content/BluePrincePortal/Pages/Common/BPSideBar.razor.rz.scp.css */
.side-bar-container[b-cxyailqhio] {
    width: 4vw;
    min-width: 4vw;
    color: white;
    padding-top: 0.5em;
    padding-left: 1em;
    position: sticky;
    top: 0;
    overflow-y: auto;
    display: none; /* Hide by default on mobile/tablet */
    width: 0; /* Take no width when hidden */
    padding: 0; /* Remove padding when hidden */
    margin: 0; /* Remove margin when hidden */
}

.sidebar-container[b-cxyailqhio] {
    background-color: #dddddd;
    box-sizing: border-box;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
    border-radius: 10px;
    height: 99%;
}

.nav-link[b-cxyailqhio] {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.list-container[b-cxyailqhio] {
    list-style: none;
    padding-top: 0.5em;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.list-items-container[b-cxyailqhio] {
    font-size: 25px;
}


[b-cxyailqhio] .list-item {
    color: dimgrey;
    margin-bottom: 1em;
}

    [b-cxyailqhio] .list-item:hover {
        color: #0e4b8f;
    }

[b-cxyailqhio] .a, .a[b-cxyailqhio], [b-cxyailqhio].a {
    color: inherit;
}

/* Desktop styles (1250px and up) - Show sidebar */
@media (min-width: 1250px) {
    .side-bar-container[b-cxyailqhio] {
        display: block;
        width: 4vw;
        padding-top: 0.5em;
        padding-left: 1em;
    }
}
/* _content/BluePrincePortal/Pages/Common/SiteMaster.razor.rz.scp.css */
/* Responsive layout for BluePrince Portal */

/* Global horizontal scroll prevention */
html[b-g0l9khif8r], body[b-g0l9khif8r] {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
}

/* Override global site.css styles for mobile/tablet */
@media (max-width: 1249px) {
    .content-container[b-g0l9khif8r] {
        width: 100%;
        margin: 0;
        overflow-x: hidden;
    }
    
    /* Override the global site.css styles that cause empty space */
    .default-master-content[b-g0l9khif8r] {
        left: 0 !important;
        width: 100% !important;
        position: relative !important;
        overflow-x: hidden !important;
        max-width: 100vw !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
    }
    
    .wide-master-content[b-g0l9khif8r] {
        left: 0 !important;
        width: 100% !important;
        position: relative !important;
        overflow-x: hidden !important;
        max-width: 100vw !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
    }
    
    /* Ensure no space is reserved for sidebar */
    .side-bar-container[b-g0l9khif8r] {
        width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        display: none !important;
    }
    
    /* Force all child elements to respect container width */
    .default-master-content *[b-g0l9khif8r],
    .wide-master-content *[b-g0l9khif8r],
    .content-container *[b-g0l9khif8r] {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Override any absolute positioning that might cause overflow */
    .default-master-content[b-g0l9khif8r],
    .wide-master-content[b-g0l9khif8r] {
        transform: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Desktop styles (1250px and up) */
@media (min-width: 1250px) {
    .masterContent-container[b-g0l9khif8r] {
        flex-direction: row;
        overflow: hidden; /* Prevent double scrollbars */
    }
    
    .content-container[b-g0l9khif8r] {
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
    
    .side-bar-container[b-g0l9khif8r] {
        width: 4vw;
        padding-top: 0.5em;
        padding-left: 1em;
        display: block;
        position: fixed; /* Fixed position so it doesn't affect content width */
        left: 0;
        top: 0;
        height: 100vh;
        z-index: 1000;
    }
    
    /* Make default-master-content occupy full screen width */
    .default-master-content[b-g0l9khif8r] {
        left: 0 !important;
        width: 100% !important;
        position: relative !important;
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    .wide-master-content[b-g0l9khif8r] {
        left: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto; /* Single scrollbar */
        overflow-x: hidden;
    }
    
    /* Ensure masterClass-container doesn't create additional scroll */
    .masterClass-container[b-g0l9khif8r] {
        overflow: hidden;
    }
}
/* _content/BluePrincePortal/Pages/Dashboard/Components/DashboardCompletedProject.razor.rz.scp.css */
/* Responsive Syncfusion Grid - Desktop Default + Mobile/Tablet Cards */

/* ===== DESKTOP GRID (Large screens) ===== */
.desktop-grid-container[b-rwfov6p81j] {
    display: block;
}

/* Default Syncfusion Grid styling for desktop */
[b-rwfov6p81j] .desktop-project-grid {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Desktop grid header styling */
[b-rwfov6p81j] .desktop-project-grid .e-gridheader {
    background-color: #f8f9fa;
    border-bottom: 2px solid #e0e0e0;
}

[b-rwfov6p81j] .desktop-project-grid .e-headercell {
    padding: 1rem 0.75rem;
    font-weight: 600;
    font-size: 0.9rem;
    color: #333;
    background-color: #f8f9fa;
    border-right: 1px solid #e0e0e0;
}

[b-rwfov6p81j] .desktop-project-grid .e-headercell:last-child {
    border-right: none;
}

/* Desktop grid row styling */
[b-rwfov6p81j] .desktop-project-grid .e-row {
    background-color: white;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

[b-rwfov6p81j] .desktop-project-grid .e-row:hover {
    background-color: #f8f9fa;
}

[b-rwfov6p81j] .desktop-project-grid .e-altrow {
    background-color: #fafafa;
}

[b-rwfov6p81j] .desktop-project-grid .e-altrow:hover {
    background-color: #f0f0f0;
}

[b-rwfov6p81j] .desktop-project-grid .e-rowcell {
    padding: 1rem 0.75rem;
    font-size: 0.9rem;
    color: #333;
    border-right: 1px solid #f0f0f0;
    vertical-align: middle;
}

[b-rwfov6p81j] .desktop-project-grid .e-rowcell:last-child {
    border-right: none;
}

/* Desktop actions wrapper */
.desktop-actions-wrapper[b-rwfov6p81j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: flex-start;
}

/* ===== MOBILE/TABLET GRID ===== */
.mobile-grid-container[b-rwfov6p81j] {
    display: none;
}

/* Mobile Grid container styling */
[b-rwfov6p81j] .mobile-project-grid {
    border: none;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Hide default grid header for mobile/tablet */
[b-rwfov6p81j] .mobile-project-grid .e-gridheader {
    display: none;
}

/* Hide default grid content wrapper for mobile/tablet */
[b-rwfov6p81j] .mobile-project-grid .e-gridcontent {
    background: transparent;
}

/* Hide default table structure for mobile/tablet */
[b-rwfov6p81j] .mobile-project-grid .e-table {
    display: none;
}

/* Project row styling for mobile/tablet - List format */
.project-row[b-rwfov6p81j] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    margin: 0.5rem 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.2s ease;
    overflow: hidden;
}

.project-row:hover[b-rwfov6p81j] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    border-color: #124a8e;
}

.project-row.expanded[b-rwfov6p81j] {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    border-color: #124a8e;
}

/* Project row header for mobile/tablet - List format */
.project-row-header[b-rwfov6p81j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: white;
    border-bottom: 1px solid #f0f0f0;
    min-height: 60px;
}

.project-main-info[b-rwfov6p81j] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.project-name[b-rwfov6p81j] {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    line-height: 1.2;
    margin: 0;
}

.project-type[b-rwfov6p81j] {
    font-size: 0.85rem;
    color: #666;
    font-weight: 500;
    margin: 0;
}

.project-address[b-rwfov6p81j] {
    font-size: 0.8rem;
    color: #888;
    line-height: 1.3;
    word-wrap: break-word;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.project-expand-icon[b-rwfov6p81j] {
    flex-shrink: 0;
    margin-left: 0.75rem;
    color: #124a8e;
    font-size: 1rem;
    transition: transform 0.2s ease;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-row.expanded .project-expand-icon[b-rwfov6p81j] {
    transform: rotate(90deg);
}

/* Project row details for mobile/tablet - Three column layout */
.project-row-details[b-rwfov6p81j] {
    background: #f8f9fa;
    border-top: 1px solid #e0e0e0;
    animation: slideDown-b-rwfov6p81j 0.2s ease;
    padding: 1rem;
}

.project-detail-three-column[b-rwfov6p81j] {
    display: grid;
    grid-template-columns: auto 1fr 50px;
    gap: 2rem;
    align-items: start;
}

.detail-column[b-rwfov6p81j] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.labels-column[b-rwfov6p81j] {
    min-width: 100px;
}

.values-column[b-rwfov6p81j] {
    min-width: 120px;
}

.actions-column[b-rwfov6p81j] {
    min-width: 120px;
    align-items: center;
    gap: 0.5rem;
}

.actions-column .detail-btn[b-rwfov6p81j] {
    margin-bottom: 0.5rem;
}

.actions-column .share-button-container[b-rwfov6p81j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.detail-label[b-rwfov6p81j] {
    font-weight: 600;
    color: #333;
    font-size: 0.85rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e0e0e0;
}

.detail-label:last-child[b-rwfov6p81j] {
    border-bottom: none;
}

.detail-value[b-rwfov6p81j] {
    color: #666;
    font-size: 0.85rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e0e0e0;
}

.detail-value:last-child[b-rwfov6p81j] {
    border-bottom: none;
}

/* ===== RESPONSIVE BREAKPOINTS ===== */

/* Mobile styles (up to 767px) */
@media (max-width: 767px) {
    .desktop-grid-container[b-rwfov6p81j] {
        display: none !important;
    }
    
    .mobile-grid-container[b-rwfov6p81j] {
        display: block !important;
    }
    
    /* Mobile Grid Layout - Single column list */
    [b-rwfov6p81j] .mobile-project-grid .e-gridcontent {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        padding: 0.75rem;
    }
    
    .project-row[b-rwfov6p81j] {
        margin: 0;
        border-radius: 4px;
    }
    
    .project-row-header[b-rwfov6p81j] {
        padding: 0.75rem;
        min-height: 50px;
    }
    
    .project-row-details[b-rwfov6p81j] {
        padding: 0.75rem;
    }
    
    /* Mobile three-column layout adjustments */
    .project-detail-three-column[b-rwfov6p81j] {
        gap: 0.2rem;
    }
    
    .detail-column[b-rwfov6p81j] {
        gap: 0.5rem;
    }
    
    .labels-column[b-rwfov6p81j],
    .values-column[b-rwfov6p81j],
    .actions-column[b-rwfov6p81j] {
        min-width: auto;
    }
    
    .actions-column[b-rwfov6p81j] {
        align-items: stretch;
    }
    
    .detail-label[b-rwfov6p81j],
    .detail-value[b-rwfov6p81j] {
        padding: 0.25rem 0;
        border-bottom: 1px solid #e0e0e0;
    }
    
    .detail-label:last-child[b-rwfov6p81j],
    .detail-value:last-child[b-rwfov6p81j] {
        border-bottom: none;
    }
    
    [b-rwfov6p81j] .e-btn.e-primary {
        width: 100%;
        justify-content: center;
        padding: 0.5rem 1rem;
        font-size: 0.85rem;
        min-height: 40px;
    }
    
    .share-button-container[b-rwfov6p81j] {
        justify-content: center;
    }
    
    [b-rwfov6p81j] .project-no-share,
    [b-rwfov6p81j] .project-shared-with,
    [b-rwfov6p81j] .project-shared-by {
        min-height: 40px;
        min-width: 40px;
        font-size: 0.85rem;
    }
}

/* Tablet styles (768px to 1249px) */
@media (min-width: 768px) and (max-width: 1249px) {
    .desktop-grid-container[b-rwfov6p81j] {
        display: none !important;
    }
    
    .mobile-grid-container[b-rwfov6p81j] {
        display: block !important;
    }
    
    /* Tablet Grid Layout - Two columns */
    [b-rwfov6p81j] .mobile-project-grid .e-gridcontent {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        padding: 1rem;
    }
    
    .project-row-header[b-rwfov6p81j] {
        padding: 1rem;
        min-height: 60px;
    }
    
    .project-row-details[b-rwfov6p81j] {
        padding: 1rem;
    }
    
    /* Tablet three-column layout adjustments */
    .project-detail-three-column[b-rwfov6p81j] {
        gap: 1.3rem;
    }
    
    .labels-column[b-rwfov6p81j] {
        min-width: 80px;
    }
    
    .values-column[b-rwfov6p81j] {
        min-width: 100px;
    }
    
    .actions-column[b-rwfov6p81j] {
        min-width: 100px;
    }
    
    .project-name[b-rwfov6p81j] {
        font-size: 1.1rem;
    }
    
    .project-type[b-rwfov6p81j] {
        font-size: 0.9rem;
    }
    
    .project-address[b-rwfov6p81j] {
        font-size: 0.85rem;
    }

    [b-rwfov6p81j] .e-btn.e-primary {
        padding: 0.32rem 0.8rem !important;
        font-size: 0.8rem !important;
        min-height: 33px;
    }
}

/* Desktop styles (1250px and up) */
@media (min-width: 1250px) {
    .desktop-grid-container[b-rwfov6p81j] {
        display: block !important;
    }
    
    .mobile-grid-container[b-rwfov6p81j] {
        display: none !important;
    }
}

/* ===== SHARED STYLES ===== */

/* Status styling */
.status-active[b-rwfov6p81j] {
    color: #28a745;
    font-weight: 600;
}

.status-pending[b-rwfov6p81j] {
    color: #ffc107;
    font-weight: 600;
}

.status-completed[b-rwfov6p81j] {
    color: #6c757d;
    font-weight: 600;
}

.status-cancelled[b-rwfov6p81j] {
    color: #dc3545;
    font-weight: 600;
}

/* Button styling */
[b-rwfov6p81j] .e-btn.e-primary {
    background-color: #124a8e;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 0.75rem 1.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    min-height: 44px;
    transition: all 0.2s ease;
}

[b-rwfov6p81j] .e-btn.e-primary:hover {
    background-color: #0e3a6e;
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

[b-rwfov6p81j] .e-btn.e-primary:focus {
    outline: 2px solid #124a8e;
    outline-offset: 2px;
}

/* Share button styling */
.share-button-container[b-rwfov6p81j] {
    display: flex;
    align-items: center;
}

[b-rwfov6p81j] .project-no-share,
[b-rwfov6p81j] .project-shared-with,
[b-rwfov6p81j] .project-shared-by {
    min-height: 44px;
    min-width: 44px;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    background-color: #f8f9fa;
    color: #666;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-rwfov6p81j] .project-no-share:hover,
[b-rwfov6p81j] .project-shared-with:hover,
[b-rwfov6p81j] .project-shared-by:hover {
    background-color: #e9ecef;
    color: #333;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

[b-rwfov6p81j] .project-shared-with {
    background-color: #d4edda;
    color: #155724;
    border-color: #c3e6cb;
}

[b-rwfov6p81j] .project-shared-by {
    background-color: #d1ecf1;
    color: #0c5460;
    border-color: #bee5eb;
}

/* Loading state */
.loading-container[b-rwfov6p81j] {
    text-align: center;
    padding: 2rem;
    color: #666;
}
/* Animations */
@keyframes slideDown-b-rwfov6p81j {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 200px;
    }
}

/* Accessibility improvements */
.project-row:focus[b-rwfov6p81j] {
    outline: 2px solid #124a8e;
    outline-offset: 2px;
}

[b-rwfov6p81j] .e-btn:focus {
    outline: 2px solid #124a8e;
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .project-row[b-rwfov6p81j] {
        border: 2px solid #000;
    }

    .project-row-header[b-rwfov6p81j] {
        border-bottom: 2px solid #000;
    }
    
    [b-rwfov6p81j] .desktop-project-grid .e-headercell {
        border-right: 1px solid #000;
    }
    
    [b-rwfov6p81j] .desktop-project-grid .e-rowcell {
        border-right: 1px solid #000;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .project-row[b-rwfov6p81j],
    .project-expand-icon[b-rwfov6p81j],
    [b-rwfov6p81j] .e-btn,
    [b-rwfov6p81j] .project-no-share,
    [b-rwfov6p81j] .project-shared-with,
    [b-rwfov6p81j] .project-shared-by {
        transition: none;
    }

    .project-row-details[b-rwfov6p81j] {
        animation: none;
    }
}

/* _content/BluePrincePortal/Pages/Dashboard/Components/DashboardProject.razor.rz.scp.css */
/* Responsive Syncfusion Grid - Desktop Default + Mobile/Tablet Cards */

/* ===== DESKTOP GRID (Large screens) ===== */
.desktop-grid-container[b-sfqzds9lds] {
    display: block;
}

/* Default Syncfusion Grid styling for desktop */
[b-sfqzds9lds] .desktop-project-grid {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

    /* Desktop grid header styling */
    [b-sfqzds9lds] .desktop-project-grid .e-gridheader {
        background-color: #f8f9fa;
        border-bottom: 2px solid #e0e0e0;
    }

    [b-sfqzds9lds] .desktop-project-grid .e-headercell {
        padding: 1rem 0.75rem;
        font-weight: 600;
        font-size: 0.9rem;
        color: #333;
        background-color: #f8f9fa;
        border-right: 1px solid #e0e0e0;
    }

        [b-sfqzds9lds] .desktop-project-grid .e-headercell:last-child {
            border-right: none;
        }

    /* Desktop grid row styling */
    [b-sfqzds9lds] .desktop-project-grid .e-row {
        background-color: white;
        border-bottom: 1px solid #f0f0f0;
        transition: background-color 0.2s ease;
    }

        [b-sfqzds9lds] .desktop-project-grid .e-row:hover {
            background-color: #f8f9fa;
        }

    [b-sfqzds9lds] .desktop-project-grid .e-altrow {
        background-color: #fafafa;
    }

        [b-sfqzds9lds] .desktop-project-grid .e-altrow:hover {
            background-color: #f0f0f0;
        }

    [b-sfqzds9lds] .desktop-project-grid .e-rowcell {
        padding: 1rem 0.75rem;
        font-size: 0.9rem;
        color: #333;
        border-right: 1px solid #f0f0f0;
        vertical-align: middle;
    }

        [b-sfqzds9lds] .desktop-project-grid .e-rowcell:last-child {
            border-right: none;
        }

/* Desktop actions wrapper */
.desktop-actions-wrapper[b-sfqzds9lds] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: flex-start;
}

/* ===== MOBILE/TABLET GRID ===== */
.mobile-grid-container[b-sfqzds9lds] {
    display: none;
}

/* Mobile Grid container styling */
[b-sfqzds9lds] .mobile-project-grid {
    border: none;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    width: 100%;
}

    /* Hide default grid header for mobile/tablet */
    [b-sfqzds9lds] .mobile-project-grid .e-gridheader {
        display: none !important;
    }

    /* Hide default table structure for mobile/tablet */
    [b-sfqzds9lds] .mobile-project-grid .e-table {
        display: none !important;
    }

    /* Ensure grid content area is properly styled */
    [b-sfqzds9lds] .mobile-project-grid .e-gridcontent .e-content {
        display: block !important;
        width: 100%;
    }

/* Project row details for mobile/tablet */
.project-row-details[b-sfqzds9lds] {
    background: #f8f9fa;
    border-top: 1px solid #e0e0e0;
    animation: slideDown-b-sfqzds9lds 0.2s ease;
    padding: 0.3rem;
}

/* Three column layout for expanded details */
.project-detail-three-column[b-sfqzds9lds] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 2rem;
    align-items: start;
}

.detail-column[b-sfqzds9lds] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.labels-column[b-sfqzds9lds] {
    min-width: 100px;
}

.values-column[b-sfqzds9lds] {
    min-width: 120px;
}

.actions-column[b-sfqzds9lds] {
    min-width: 120px;
    align-items: flex-start;
    gap: 0.5rem;
}

.detail-label[b-sfqzds9lds] {
    font-weight: 600;
    color: #333;
    font-size: 0.85rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e0e0e0;
}

    .detail-label:last-child[b-sfqzds9lds] {
        border-bottom: none;
    }

.detail-value[b-sfqzds9lds] {
    color: #666;
    font-size: 0.85rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e0e0e0;
}

    .detail-value:last-child[b-sfqzds9lds] {
        border-bottom: none;
    }

/* ===== RESPONSIVE BREAKPOINTS ===== */

/* Mobile styles (up to 767px) */
@media (max-width: 767px) {
    .desktop-grid-container[b-sfqzds9lds] {
        display: none !important;
    }

    .mobile-grid-container[b-sfqzds9lds] {
        display: block !important;
    }

    .project-detail-three-column[b-sfqzds9lds] {
        gap: 0.1rem;
        grid-template-columns: 84px 1fr;
    }

    .detail-column[b-sfqzds9lds] {
        gap: 0.2rem;
    }

    .labels-column[b-sfqzds9lds],
    .values-column[b-sfqzds9lds],
    .actions-column[b-sfqzds9lds] {
        min-width: auto;
    }

    .actions-column[b-sfqzds9lds] {
        align-items: stretch;
        flex-direction: row;
    }

    .detail-label[b-sfqzds9lds],
    .detail-value[b-sfqzds9lds] {
        padding: 0.1rem 0;
        border-bottom: 1px solid #e0e0e0;
        white-space: nowrap;
        font-size: 0.6rem;
    }

        .detail-label:last-child[b-sfqzds9lds],
        .detail-value:last-child[b-sfqzds9lds] {
            border-bottom: none;
        }

    .share-button-container[b-sfqzds9lds] {
        justify-content: center;
    }

    /* Reduce all text font size for mobile */
    body[b-sfqzds9lds], .project-name[b-sfqzds9lds], .project-type[b-sfqzds9lds], .project-address[b-sfqzds9lds], .status-active[b-sfqzds9lds], .status-pending[b-sfqzds9lds], .status-completed[b-sfqzds9lds], .status-cancelled[b-sfqzds9lds] {
        font-size: 0.7rem !important;
    }
}

/* Tablet styles (768px to 1249px) */
@media (min-width: 768px) and (max-width: 1249px) {
    .desktop-grid-container[b-sfqzds9lds] {
        display: none !important;
    }

    .mobile-grid-container[b-sfqzds9lds] {
        display: block !important;
    }

    .project-detail-three-column[b-sfqzds9lds] {
        grid-template-columns: auto 1fr auto;
        gap: 1.5rem;
    }

    .labels-column[b-sfqzds9lds] {
        min-width: 80px;
    }

    .values-column[b-sfqzds9lds] {
        min-width: 100px;
    }

    .actions-column[b-sfqzds9lds] {
        min-width: 100px;
    }

    [b-sfqzds9lds] .e-btn.e-primary {
        padding: 0.75rem 1.5rem;
        font-size: 0.9rem;
        min-height: 44px;
    }
}

/* Desktop styles (1250px and up) */
@media (min-width: 1250px) {
    .desktop-grid-container[b-sfqzds9lds] {
        display: block !important;
    }

    .mobile-grid-container[b-sfqzds9lds] {
        display: none !important;
    }
}

/* ===== SHARED STYLES ===== */

/* Status styling */
.status-active[b-sfqzds9lds] {
    color: #28a745;
    font-weight: 600;
}

.status-pending[b-sfqzds9lds] {
    color: #ffc107;
    font-weight: 600;
}

.status-completed[b-sfqzds9lds] {
    color: #6c757d;
    font-weight: 600;
}

.status-cancelled[b-sfqzds9lds] {
    color: #dc3545;
    font-weight: 600;
}


/* Loading state */
.loading-container[b-sfqzds9lds] {
    text-align: center;
    padding: 2rem;
    color: #666;
}

/* Animations */
@keyframes slideDown-b-sfqzds9lds {
    from {
        opacity: 0;
        max-height: 0;
    }

    to {
        opacity: 1;
        max-height: 200px;
    }
}

/* Accessibility improvements */
[b-sfqzds9lds] .e-btn:focus {
    outline: 2px solid #124a8e;
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    [b-sfqzds9lds] .desktop-project-grid .e-headercell {
        border-right: 1px solid #000;
    }

    [b-sfqzds9lds] .desktop-project-grid .e-rowcell {
        border-right: 1px solid #000;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    [b-sfqzds9lds] .e-btn,
    [b-sfqzds9lds] .project-no-share,
    [b-sfqzds9lds] .project-shared-with,
    [b-sfqzds9lds] .project-shared-by {
        transition: none;
    }

    .project-row-details[b-sfqzds9lds] {
        animation: none;
    }
}
/* _content/BluePrincePortal/Pages/Dashboard/Components/ProjectShares.razor.rz.scp.css */

.share-list-container[b-bdlzidrepf] {
    padding-top: 1em;
}

.share-list[b-bdlzidrepf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 8px;
    margin-top: 15px;
}

.share-list-email[b-bdlzidrepf] {
    flex: 0 0 89%;
}

.email-address[b-bdlzidrepf] {
    font-weight: bold;
    border-bottom: 1px solid #d0cbcb;
}
/* _content/BluePrincePortal/Pages/Dashboard/MyDashboard.razor.rz.scp.css */
/* Mobile-first responsive design for BluePrince Dashboard */

.project-container[b-f53b5ylfha] {
    width: 100%;
}

.widgets-master-container[b-f53b5ylfha] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 0.7rem;
    margin-top: 0.7rem;
}

.widgets-container[b-f53b5ylfha] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.vertical-line[b-f53b5ylfha] {
    display: block;
    width: 1px;
    height: 40px;
    background-color: #e0e0e0;
    margin: 0 1rem;
}

/* Dashboard cards - mobile optimized */
[b-f53b5ylfha] .e-card {
    width: 100%;
    color: white;
    border-color: #124a8e;
    cursor: pointer;
    margin-bottom: 1rem;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    height: 80px;
}

[b-f53b5ylfha] .e-card-header {
    font-weight: bold;
    font-size: 1.1rem;
    background-color: #124a8e;
    padding: 1rem;
    border-radius: 8px 8px 0 0;
    justify-content: center;
    align-items: center;
}

[b-f53b5ylfha] .e-card-content {
    text-align: center;
    padding: 0.2rem;
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    font-size: 1rem;
    align-items: center;
    height: inherit;
}

/* Title section - mobile optimized */
.title-master-container[b-f53b5ylfha] {
    border-bottom: 1px solid #e0e0e0;
    padding: 1rem 0;
    margin-bottom: 1rem;
}

.title-container[b-f53b5ylfha] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
}

.title[b-f53b5ylfha] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    color: #333;
}

.add-project-container[b-f53b5ylfha] {
    width: 100%;
}

.add-btn[b-f53b5ylfha] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

/* Tablet styles (768px to 1249px) */
@media (min-width: 768px) {

    .widgets-container[b-f53b5ylfha] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }

    .title-container[b-f53b5ylfha] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .title[b-f53b5ylfha] {
        font-size: 1.75rem;
    }

    .add-btn[b-f53b5ylfha] {
        justify-content: flex-end;
        width: auto;
    }
}

/* Desktop styles (1250px and up) */
@media (min-width: 1250px) {

    .widgets-container[b-f53b5ylfha] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
        width: 800px;
        margin: 0 auto;
        justify-content: center;
    }

    .title[b-f53b5ylfha] {
        font-size: 2rem;
    }
}

/* Accessibility improvements */
[b-f53b5ylfha] .e-card:focus {
    outline: 2px solid #124a8e;
    outline-offset: 2px;
}

[b-f53b5ylfha] .e-btn:focus {
    outline: 2px solid #124a8e;
    outline-offset: 2px;
}
/* _content/BluePrincePortal/Pages/Inspection/Inspections.razor.rz.scp.css */
.inspection-master-container[b-4elpn0kwp0] {
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
}

.title-master-container[b-4elpn0kwp0] {
    width: 98%;
    border-bottom: 1px solid black;
    display: flex;
    padding-bottom: 1em;
}

.title-container[b-4elpn0kwp0] {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-end;
}

    .title-container > div[b-4elpn0kwp0] {
        width: 50%;
        box-sizing: border-box;
    }

.title[b-4elpn0kwp0] {
    font-size: xx-large;
    font-weight: bold;
}

.inspection-container[b-4elpn0kwp0] {
    padding-top: 25px;
    width: 98%;
}

[b-4elpn0kwp0] .e-table {
    overflow: hidden;
}
/* _content/BluePrincePortal/Pages/Invoice/Invoices.razor.rz.scp.css */
.invoice-master-container[b-11vckn9vbm] {
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
}

.title-master-container[b-11vckn9vbm] {
    width: 98%;
    border-bottom: 1px solid black;
    display: flex;
    padding-bottom: 1em;
}

.title-container[b-11vckn9vbm] {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-end;
}

    .title-container > div[b-11vckn9vbm] {
        width: 50%;
        box-sizing: border-box;
    }

.title[b-11vckn9vbm] {
    font-size: xx-large;
    font-weight: bold;
}

[b-11vckn9vbm] .e-toolbar-item.e-template.e-ileft.e-active {
    border: 2px solid #f7f7f7;
    border-color: #f7f7f7;
    background: #f7f7f7;
    border-radius: 7px;
}

[b-11vckn9vbm] .e-indicator.e-ignore {
    background: #275a98;
}

[b-11vckn9vbm] .e-tab-text {
    color: #275a98;
}

[b-11vckn9vbm] .e-card {
    width: 20vw;
    color: white;
    border-color: #124a8e;
}

[b-11vckn9vbm] .e-card-header {
    font-weight: bold;
    font-size: large;
    justify-content: center;
    background-color: #124a8e;
}

[b-11vckn9vbm] .e-card-content {
    text-align: center;
    margin-top: 3px;
}

.invoices-container[b-11vckn9vbm] {
    padding-top: 25px;
    width: 98%;
}

.payment-vendor-container[b-11vckn9vbm] {
    width: 100%;
    height: 8em;
    text-align: center;
    margin-top: 2em;
    background-color: beige;
    display: flex;
    flex-direction: column;
}

.payment-vendor-description[b-11vckn9vbm] {
    margin-bottom: auto;
}

.payment-btn-container[b-11vckn9vbm] {
    margin-bottom: 1em;
}

[b-11vckn9vbm] .e-control.e-btn.e-lib.invoice-detail-btn {
    width: 10em;
    background: #0e4b8f;
    color: white;
}

    [b-11vckn9vbm] .e-control.e-btn.e-lib.invoice-detail-btn:hover {
        background: #f7f7f7;
        color: black;
    }

    [b-11vckn9vbm] .e-control.e-btn.e-lib.invoice-detail-btn:focus {
        outline: none;
        box-shadow: none;
    }

[b-11vckn9vbm] .e-control.e-btn.e-lib.invoice-payment-btn {
    width: 10em;
    background: #0e4b8f;
    color: white;
}

    [b-11vckn9vbm] .e-control.e-btn.e-lib.invoice-payment-btn:hover {
        background: #f7f7f7;
        color: black;
    }

    [b-11vckn9vbm] .e-control.e-btn.e-lib.invoice-payment-btn:focus {
        outline: none;
        box-shadow: none;
    }
/* _content/BluePrincePortal/Pages/Message/SendMessage.razor.rz.scp.css */
.container[b-439h0yv88t] {
    width:100%;
    height:100%;
}

.message-container[b-439h0yv88t] {
    width: 50%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* _content/BluePrincePortal/Pages/PortalJurisdiction/UserJurisdiction.razor.rz.scp.css */

[b-tz845pr8br] .jurisdiction-master-container {
    width: 95%;
    height: 100%;
    align-content: center;
    text-align: center;
    margin-left: 5%;
}

[b-tz845pr8br] .jurisdiction {
    width: 80%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 20px;
    margin-left: 5%;
    font-family: 'Inter';
}

.blueprince-logo-container[b-tz845pr8br] {
    width: 15vw;
    height: 15vh;
}

.blueprinceLogo[b-tz845pr8br] {
    width: 100%;
    height: 100%;
}

.error-container[b-tz845pr8br] {
    display: flex;
    justify-content: center;
    margin-top: 2em;
}

[b-tz845pr8br] .jurisdiction-container {
    width: 20em;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-tz845pr8br] .jurisdiction-list,
[b-tz845pr8br] .submit-btn-container {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 1em;
}

[b-tz845pr8br] .e-control.e-btn.e-lib.launch-btn {
    width: 10em;
    background: #0e4b8f;
    color: white;
}

    [b-tz845pr8br] .e-control.e-btn.e-lib.launch-btn:hover {
        background: #f7f7f7;
        color: black;
    }

    [b-tz845pr8br] .e-control.e-btn.e-lib.launch-btn:focus {
        outline: none;
        box-shadow: none;
    }

[b-tz845pr8br] .cv-input-container {
    text-align: left;
}

.header-container[b-tz845pr8br] {
    text-align: center;
}
/* _content/BluePrincePortal/Pages/Project/BuildingPermit/InspectionModal.razor.rz.scp.css */
/* _content/BluePrincePortal/Pages/Project/BuildingPermit/PortalBuildingPermit.razor.rz.scp.css */
.permit-container[b-py6gxe0rop] {
    margin: 10px;
}

.permit-table[b-py6gxe0rop] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px; /* Add margin as needed */
}

    .permit-table th[b-py6gxe0rop], .permit-table td[b-py6gxe0rop] {
        padding: 10px;
        text-align: center;
    }

.small-header[b-py6gxe0rop] {
    font-size: 12px;
    font-weight: bold;
}

.details-button[b-py6gxe0rop] {
    padding: 10px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 0 0 8px 8px;
    cursor: pointer;
}

.permit-cards-container[b-py6gxe0rop] {
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 2em;
}

.inspection-information-card-container[b-py6gxe0rop] {
    margin-top: 1em;
    background-color: #f8f9fa;
    border: 1px solid #275a98;
    border-radius: 10px;
    padding: 7px;
    font-size: 12px;
    font-weight: bold;
    color: #275a98;
}

.inspection-request-information[b-py6gxe0rop] {
    display: flex;
}

#warning-icon[b-py6gxe0rop] {
    font-size: large;
    color: #275a98;
    padding-right: 0.5em;
}

.fa-solid.fa-circle-exclamation[b-py6gxe0rop] {
    color: #275a98;
    font-size: large;
    padding-right: 1em;
}

.inspection-tbl-title[b-py6gxe0rop], [b-py6gxe0rop] .approval-tbl-title {
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-family: 'Inter';
    font-weight: normal;
}

    .inspection-tbl-title .inspection-title[b-py6gxe0rop], [b-py6gxe0rop] .approval-tbl-title .approval-title {
        font-weight: bold;
    }

[b-py6gxe0rop] .e-row.e-altrow,
[b-py6gxe0rop] .e-row .e-altrow,
.e-row.e-altrow[b-py6gxe0rop]::deep {
    background-color: #dddddd;
}

[b-py6gxe0rop] .e-grid.e-altrow,
[b-py6gxe0rop] .e-grid .e-altrow,
.e-grid .e-altrow[b-py6gxe0rop],
.e-grid.e-altrow[b-py6gxe0rop]  {
    background-color: #dddddd;
}

.permit-inspection-grid[b-py6gxe0rop] {
    margin-top: 1em;
}

/* Responsive Permit Table Styles */
.permit-table-desktop[b-py6gxe0rop] {
    display: block;
}

.permit-table-mobile[b-py6gxe0rop] {
    display: none;
}

.permit-card[b-py6gxe0rop] {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 5px 10px;
    margin-bottom: 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.permit-card-row[b-py6gxe0rop] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

    .permit-card-row:last-child[b-py6gxe0rop] {
        border-bottom: none;
    }

.permit-label[b-py6gxe0rop] {
    font-weight: 600;
    color: #333;
    min-width: 120px;
}

.permit-value[b-py6gxe0rop] {
    color: #666;
    text-align: right;
    flex: 1;
}

/* Responsive Grid Styles */
.approval-grid-desktop[b-py6gxe0rop],
.inspection-grid-desktop[b-py6gxe0rop] {
    display: block;
}

.approval-grid-mobile[b-py6gxe0rop],
.inspection-grid-mobile[b-py6gxe0rop] {
    display: none;
}

/* Mobile Styles */
@media (max-width: 767px) {
    .permit-table-desktop[b-py6gxe0rop] {
        display: none;
    }

    .permit-table-mobile[b-py6gxe0rop] {
        display: block;
    }

    .approval-grid-desktop[b-py6gxe0rop],
    .inspection-grid-desktop[b-py6gxe0rop] {
        display: none;
    }

    .approval-grid-mobile[b-py6gxe0rop],
    .inspection-grid-mobile[b-py6gxe0rop] {
        display: block;
    }

    .permit-card-row[b-py6gxe0rop] {
        flex-direction: row;
        align-items: flex-start;
        gap: 4px;
    }

    .permit-label[b-py6gxe0rop] {
        min-width: auto;
    }

    .permit-value[b-py6gxe0rop] {
        text-align: left;
    }
}

/* Tablet Styles */
@media (min-width: 769px) and (max-width: 1249px) {
    .permit-table-desktop[b-py6gxe0rop] {
        display: none;
    }

    .permit-table-mobile[b-py6gxe0rop] {
        display: block;
    }

    .approval-grid-desktop[b-py6gxe0rop],
    .inspection-grid-desktop[b-py6gxe0rop] {
        display: none;
    }

    .approval-grid-mobile[b-py6gxe0rop],
    .inspection-grid-mobile[b-py6gxe0rop] {
        display: block;
    }
}

/* Desktop Styles */
@media (min-width: 1250px) {
    .permit-table-desktop[b-py6gxe0rop] {
        display: block;
    }

    .permit-table-mobile[b-py6gxe0rop] {
        display: none;
    }

    .approval-grid-desktop[b-py6gxe0rop],
    .inspection-grid-desktop[b-py6gxe0rop] {
        display: block;
    }

    .approval-grid-mobile[b-py6gxe0rop],
    .inspection-grid-mobile[b-py6gxe0rop] {
        display: none;
    }
}

/* Inspection Detail Template Styles */
.inspection-card[b-py6gxe0rop] {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 5px 10px;
    margin-bottom: 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.inspection-card-row[b-py6gxe0rop] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 0;
    gap: 5px;
    font-size: 0.7rem;
}

    .inspection-card-row:last-child[b-py6gxe0rop] {
        border-bottom: none;
    }

.inspection-label[b-py6gxe0rop] {
    font-weight: 600;
    color: #333;
}

.inspection-value[b-py6gxe0rop] {
    color: #666;
}

/* Approval Detail Template Styles */
.approval-card-row[b-py6gxe0rop] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 0;
    gap: 5px;
    font-size: 0.7rem;
}

    .approval-card-row:last-child[b-py6gxe0rop] {
        border-bottom: none;
    }

.approval-label[b-py6gxe0rop] {
    font-weight: 600;
    color: #333;
}

.approval-value[b-py6gxe0rop] {
    color: #666;
}
/* _content/BluePrincePortal/Pages/Project/Components/ConfirmationStep.razor.rz.scp.css */
.fieldset[b-1o9wfvt3b6] {
    border:none;
}

.step3-master-container[b-1o9wfvt3b6] {
    width: 50%;
    margin: 0 auto;
}

.review-page-title-container[b-1o9wfvt3b6] {
    text-align: center;
    font-size: larger;
    font-family: 'Inter';
}
/* _content/BluePrincePortal/Pages/Project/Components/ProjectCustomFieldStep.razor.rz.scp.css */
.project-cf-master-container[b-bhlyagew4l] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom:2em;
}

.project-cf-container[b-bhlyagew4l] {
    width: 50%;
}

.project-cf-list[b-bhlyagew4l] {
    margin: 0 auto;
    margin-top: 2em;
}

.project-cf-list-title[b-bhlyagew4l] {
    margin-bottom: 1em;
}

.project-cf-list-items[b-bhlyagew4l]{
    border:none;
}

.cf-list-title[b-bhlyagew4l] {
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    height: 30px;
    text-align: center;
    display: flex;
    background-color: #124c8e;
    color: white;
    font-size: 15px;
    align-items: center;
    text-indent: 15px;
}
/* _content/BluePrincePortal/Pages/Project/Components/ProjectTypeStep.razor.rz.scp.css */
.newproject-master-container[b-ffgyeyu957]  {
    overflow-y: auto;
}

.project-form-container[b-ffgyeyu957]  {
    width: 50%;
    margin: 0 auto;
}

.project-fields[b-ffgyeyu957]  {
    border: none;
}

.custom-fields[b-ffgyeyu957] {
    width:80%;
    margin: 0 auto;
}

.stage-title[b-ffgyeyu957] {
    font-family: 'Inter';
    margin-top: 1em;
    margin-bottom: 1em;
}

.stages-container[b-ffgyeyu957]  {
    margin: 0 auto;
}

.submit-btn[b-ffgyeyu957] {
    padding-top:25px;
    text-align: center;
}


[b-ffgyeyu957] .e-control.e-btn.e-lib.e-primary.btn.btn-primary {
    background-color: #124a8e;
    width:10%;
}
/* _content/BluePrincePortal/Pages/Project/Components/ProjectUploadStep.razor.rz.scp.css */
.project-attachment-jurisdiction-config[b-zw5m42sbi5] {
    text-align: center;
    margin-top: 3em;
}
/* _content/BluePrincePortal/Pages/Project/Components/PropertyStep.razor.rz.scp.css */
.newproject-master-container[b-9mtg0p7str] {
    margin: 0 auto;
}

.newproject-container[b-9mtg0p7str] {
    padding-top: 20px;
}

.newproject-application[b-9mtg0p7str] {
    display: flex;
    flex-direction: column;
}

.search-property[b-9mtg0p7str] {
    width: 70em;
    margin: 0 auto;
}

.search-fieldset-container[b-9mtg0p7str] {
    border: none;
    display: flex; 
    justify-content:center;
}

.search-dropdown-list[b-9mtg0p7str] {
    width: 7em;
}
.search-textbox[b-9mtg0p7str] {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}

[b-9mtg0p7str] .e-control.e-btn.e-lib.search-btn {
    width: 10em;
    margin-top: 1.9em;
    background: #0e4b8f;
    color: white;
    height:50%;
}
    [b-9mtg0p7str] .e-control.e-btn.e-lib.search-btn:hover {
        background: #f7f7f7;
        color: black;
    }
    [b-9mtg0p7str] .e-control.e-btn.e-lib.search-btn:focus {
        outline: none;
        box-shadow: none;
    }

.move-to-btn[b-9mtg0p7str] {
    width:100%;
    text-align:center;
}

.search-result[b-9mtg0p7str] {
    height: 60vh;
    overflow-y: auto;
}

.search-description-card[b-9mtg0p7str] {
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 80%;
    margin: 0 auto;
    background-color: #f7f7f7;
}

.select-result-container[b-9mtg0p7str] {
    display: flex;
    justify-content: center;
}

.select-result-field[b-9mtg0p7str] {
    flex: 1;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.left-column[b-9mtg0p7str] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.right-column[b-9mtg0p7str] {
    width: 100%;
}

[b-9mtg0p7str] .vertical-line-container {
    display: grid;
    grid-template-rows: 1fr auto 1fr;
}
.vertical-line[b-9mtg0p7str]  {
    width: 1px;
    height: 100%;
    background-color: #ddd; /* Line color */
    margin: 0 auto; /* Center the line */
}

.centered-text[b-9mtg0p7str] {
    text-align: center;
}

[b-9mtg0p7str] .e-control.e-btn.e-lib.e-primary.btn.btn-primary {
    background-color: #124a8e;
    border-color: #124a8e;
    width:50%;
}

.result-table[b-9mtg0p7str] {
    overflow-y: auto;
}

.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell)[b-9mtg0p7str] {
    box-shadow:none;
}
/* _content/BluePrincePortal/Pages/Project/NewProject.razor.rz.scp.css */
.newproject-master-container[b-e1ntcgsp08] {
    width: 100%;
}

.newproject-container[b-e1ntcgsp08] {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.page-title[b-e1ntcgsp08] {
    width: 98%;
}

.stepper[b-e1ntcgsp08] {
    margin-top: 30px;
    padding: 30px;
}

.stepper-container[b-e1ntcgsp08] {
    width: 98%;
    margin-top: 2em;
    flex: 1 1 2%;
}

[b-e1ntcgsp08] .e-stepper-progressbar {
    --progress-bar-width: 95%;
}

@font-face {
    font-family: 'Default';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="stepper-icon-"][b-e1ntcgsp08], [class*=" stepper-icon-"][b-e1ntcgsp08] {
    font-family: 'Default' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.linear-stepper-control[b-e1ntcgsp08] {
    margin: 30px auto;
}

.step-content-container[b-e1ntcgsp08] {
    width: 98%;
    padding-top: 1em;
    flex: 1 1 auto;
    padding-bottom: 50px;
}

.add-project-container[b-e1ntcgsp08] {
    display: flex;
    width: 80%;
    padding-left: 10%;
    padding-top: 10%;
    text-align: center;
}

.newproject-title[b-e1ntcgsp08] {
    width: 100%;
    height: 10%;
    text-align: center;
}

.project-link[b-e1ntcgsp08] {
    color: #124a8e;
}

.btn-container[b-e1ntcgsp08] {
    display: flex;
    justify-content: space-between; /* Aligns children (selected-property and button-wrapper) on opposite ends */
    align-items: center; /* Keeps items vertically centered */
    padding-top: 1em;
    padding-bottom: 1em;
    flex: 1 1 10%;
}

[b-e1ntcgsp08].e-progressbar-value,
.e-progressbar-value[b-e1ntcgsp08],
[b-e1ntcgsp08] .e-progressbar-value {
    background-color: #0e4b8f;
}

[b-e1ntcgsp08] .e-label {
    color: #0e4b8f;
}

.e-stepper .e-stepper-progressbar .e-progressbar-value[b-e1ntcgsp08],
[b-e1ntcgsp08].e-stepper .e-stepper-progressbar .e-progressbar-value,
[b-e1ntcgsp08] .e-stepper .e-stepper-progressbar .e-progressbar-value {
    background-color: #0e4b8f;
}

.e-stepper .e-step-completed:not(.e-step-error) .e-label[b-e1ntcgsp08],
[b-e1ntcgsp08].e-stepper .e-step-completed:not(.e-step-error) .e-label,
[b-e1ntcgsp08] .e-stepper .e-step-completed:not(.e-step-error) .e-label {
    color: #0e4b8f;
}

.e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-indicator[b-e1ntcgsp08],
[b-e1ntcgsp08].e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-indicator,
[b-e1ntcgsp08] .e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-indicator {
    background: #0e4b8f;
}

.e-stepper .e-step-selected:not(.e-step-error) .e-label[b-e1ntcgsp08],
[b-e1ntcgsp08].e-stepper .e-step-selected:not(.e-step-error) .e-label,
[b-e1ntcgsp08] .e-stepper .e-step-selected:not(.e-step-error) .e-label {
    color: #0e4b8f;
}

.e-stepper:not(.e-steps-focus) .e-step-selected .e-step[b-e1ntcgsp08],
[b-e1ntcgsp08].e-stepper:not(.e-steps-focus) .e-step-selected .e-step,
[b-e1ntcgsp08] .e-stepper:not(.e-steps-focus) .e-step-selected .e-step {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0e4b8f, 0 0 0 8px #fff;
}

.e-stepper .e-step-selected .e-indicator[b-e1ntcgsp08],
[b-e1ntcgsp08] .e-stepper .e-step-selected .e-indicator,
[b-e1ntcgsp08].e-stepper .e-step-selected .e-indicator {
    background: #0e4b8f;
}

.selected-property-container[b-e1ntcgsp08] {
    width: 900%;
    margin-right: 5px;
}

.button-wrapper[b-e1ntcgsp08] {
    display: flex;
    width: 98%;
}

.selected-property[b-e1ntcgsp08] {
    text-align: center;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 8px;
    font-size: medium;
}

.prev-btn-container[b-e1ntcgsp08] {
    display: flex;
    flex: 1;
    text-align: center;
}

.next-btn-container[b-e1ntcgsp08] {
    display: flex;
    text-align: center;
}

.submit-btn-container[b-e1ntcgsp08] {
    display: flex;
    text-align: center;
}

.next-btn[b-e1ntcgsp08] {
}

[b-e1ntcgsp08] .e-control.e-btn.e-lib.project-stepper-next-btn {
    width: 10em;
    background: #0e4b8f;
    color: white;
}

    [b-e1ntcgsp08] .e-control.e-btn.e-lib.project-stepper-next-btn:hover {
        background: #f7f7f7;
        color: black;
    }

    [b-e1ntcgsp08] .e-control.e-btn.e-lib.project-stepper-next-btn:focus {
        outline: none;
        box-shadow: none;
    }

[b-e1ntcgsp08] .e-control.e-btn.e-lib.project-stepper-prev-btn {
    width: 10em;
    background: #0e4b8f;
    color: white;
}

    [b-e1ntcgsp08] .e-control.e-btn.e-lib.project-stepper-prev-btn:hover {
        background: #f7f7f7;
        color: black;
    }

    [b-e1ntcgsp08] .e-control.e-btn.e-lib.project-stepper-prev-btn:focus {
        outline: none;
        box-shadow: none;
    }

[b-e1ntcgsp08] .e-control.e-btn.e-lib.project-stepper-submit-btn {
    width: 10em;
    background: #0e4b8f;
    color: white;
}

    [b-e1ntcgsp08] .e-control.e-btn.e-lib.project-stepper-submit-btn:hover {
        background: #f7f7f7;
        color: black;
    }

    [b-e1ntcgsp08] .e-control.e-btn.e-lib.project-stepper-submit-btn:focus {
        outline: none;
        box-shadow: none;
    }

.new-project-btn-container[b-e1ntcgsp08] {
    background-color: white;
    position: fixed;
    bottom: 0;
    width: 90%;
    padding-right: 20%;
    flex-shrink: 0;
    z-index: 1000;
}
/* _content/BluePrincePortal/Pages/Project/ProjectDetail.razor.rz.scp.css */
/* Mobile-first responsive design for BluePrince Project Detail */

.project-page-master-container[b-a8uubkb5m3] {
    width: 100%;
    min-height: 100vh;
}

.project-detail-container[b-a8uubkb5m3] {
    width: 100%;
    margin-bottom: 1rem;
}

.e-float-input[b-a8uubkb5m3], .e-float-input.e-control-wrapper[b-a8uubkb5m3] {
    margin-top: 0 !important;
}

.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content[b-a8uubkb5m3] {
    padding: 0 !important;
}

/* Project Banner - Mobile Card Design */
.project-banner[b-a8uubkb5m3] {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.project-banner-row[b-a8uubkb5m3] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

    .project-banner-row:first-child[b-a8uubkb5m3] {
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }

/* Property Card Section */
.projectDetail[b-a8uubkb5m3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

    .projectDetail h3[b-a8uubkb5m3] {
        font-size: 0.875rem;
        font-weight: 600;
        color: #6b7280;
        margin: 0;
        letter-spacing: 0.05em;
    }

    .projectDetail p[b-a8uubkb5m3] {
        font-size: 14px;
        color: #111827;
        margin: 0;
        font-weight: 500;
        letter-spacing: normal;
        text-transform: capitalize;
    }


.project-description h3[b-a8uubkb5m3] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #6b7280;
    margin: 0 0 0.5rem 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.project-description p[b-a8uubkb5m3] {
    font-size: 0.875rem;
    color: #374151;
    line-height: 1.5;
    margin: 0;
}

/* Project Actions Section */
.project-actions[b-a8uubkb5m3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.action-item[b-a8uubkb5m3] {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    background-color: #f9fafb;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.attachments .action-item[b-a8uubkb5m3], .invoice-widget[b-a8uubkb5m3], .project-share .action-item[b-a8uubkb5m3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.clickable-action-item[b-a8uubkb5m3] {
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid #e5e7eb;
}

    .clickable-action-item:hover[b-a8uubkb5m3] {
        background-color: #f3f4f6;
        border-color: #124a8e;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

.attachment-widget[b-a8uubkb5m3], .invoice-badge[b-a8uubkb5m3], .share-widget[b-a8uubkb5m3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #124a8e;
    border-radius: 8px;
    color: white;
    font-size: 20px;
}

.invoice-badge[b-a8uubkb5m3] {
    position: relative;
}

    .invoice-badge i[b-a8uubkb5m3] {
        font-size: 1.25rem;
    }

.badge.e-badge-danger.e-badge-circle[b-a8uubkb5m3] {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #dc2626;
    border: 2px solid white;
}

.attachment-text[b-a8uubkb5m3], .invoice-text[b-a8uubkb5m3], .share-text[b-a8uubkb5m3] {
    flex: 1;
}

    .attachment-text span[b-a8uubkb5m3], .invoice-text span[b-a8uubkb5m3], .share-text span[b-a8uubkb5m3] {
        color: #124a8e;
        font-weight: 500;
        font-size: 0.875rem;
    }

.invoice-due-count[b-a8uubkb5m3] {
    color: #dc2626;
    font-size: 0.75rem;
    font-weight: 500;
}

/* Share Button Styles */
.share-btn-grey[b-a8uubkb5m3], .share-btn-blue[b-a8uubkb5m3] {
    width: 100%;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    font-weight: 500;
    font-size: 0.875rem;
    text-align: center;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.share-btn-grey[b-a8uubkb5m3] {
    background-color: #6b7280;
    color: white;
}

    .share-btn-grey:hover[b-a8uubkb5m3] {
        background-color: #4b5563;
    }

.share-btn-blue[b-a8uubkb5m3] {
    background-color: #124a8e;
    color: white;
}

    .share-btn-blue:hover[b-a8uubkb5m3] {
        background-color: #0e3a6e;
    }

.shared-status[b-a8uubkb5m3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background-color: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: 8px;
    color: #0369a1;
    font-size: 0.875rem;
}

    .shared-status i[b-a8uubkb5m3] {
        color: #124a8e;
    }

/* Project Steps Container */
.project-step-master-container[b-a8uubkb5m3] {
    width: 100%;
}

.project-step-container[b-a8uubkb5m3] {
    width: 100%;
}

/* Project Stage Container */
.project-stage-container[b-a8uubkb5m3] {
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem;
}

/* Stage Detail Container */
.stage-detail-container[b-a8uubkb5m3] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.stage-detail-warning-icon-container[b-a8uubkb5m3] {
    flex-shrink: 0;
}

.fa-solid.fa-circle-exclamation[b-a8uubkb5m3] {
    color: #124a8e;
    font-size: 1.5rem;
}

.detail-list[b-a8uubkb5m3] {
    flex: 1;
}

.stage-description h5[b-a8uubkb5m3] {
    color: #111827;
    margin: 0 0 0.75rem 0;
}

.detail-list div[b-a8uubkb5m3] {
    font-size: 0.875rem;
    color: #6b7280;
    line-height: 1.5;
    margin-bottom: 0.5rem;
}

/* Stage Approvals */
.stage-approvals[b-a8uubkb5m3] {
    margin-bottom: 1.5rem;
}

/* Permit Container */
.permit-container[b-a8uubkb5m3] {
    width: 100%;
}

.permit-table[b-a8uubkb5m3] {
    width: 100%;
}

.e-grid .e-headercell[b-a8uubkb5m3] {
    color: #374151;
}

.add-permit-container[b-a8uubkb5m3] {
    margin-bottom: 0.4rem;
}

/* Tablet styles (768px to 1249px) */
@media (min-width: 768px) {
    .project-banner-row:first-child[b-a8uubkb5m3] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
        align-items: end;
    }

    .project-banner-row:last-child[b-a8uubkb5m3] {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 2rem;
        align-items: start;
    }

    .projectDetail[b-a8uubkb5m3] {
        margin-bottom: 0;
    }

    .project-actions[b-a8uubkb5m3] {
        flex-direction: row;
        gap: 1.5rem;
    }

    .action-item[b-a8uubkb5m3] {
        flex: 1;
        min-width: 200px;
    }

    .share-btn-grey[b-a8uubkb5m3], .share-btn-blue[b-a8uubkb5m3] {
        width: auto;
        min-width: 120px;
    }
}

/* Desktop styles (1250px and up) */
@media (min-width: 1250px) {
    .project-detail-container[b-a8uubkb5m3] {
        width: 100%;
    }

    .project-banner-row:first-child[b-a8uubkb5m3] {
        grid-template-columns: repeat(5, 1fr);
        gap: 3rem;
    }

    .project-banner-row:last-child[b-a8uubkb5m3] {
        grid-template-columns: 1fr auto auto;
        gap: 3rem;
    }

    .project-actions[b-a8uubkb5m3] {
        gap: 2rem;
    }

    .action-item[b-a8uubkb5m3] {
        min-width: 250px;
    }

    .project-stage-container[b-a8uubkb5m3] {
        width: 100%;
    }

    .project-step-master-container[b-a8uubkb5m3] {
        width: 100%;
        padding-left: 5.5rem;
        padding-right: 5.5rem;
        box-sizing: border-box;
    }
}

/* Large desktop styles (1440px and up) */
@media (min-width: 1440px) {
    .project-page-master-container[b-a8uubkb5m3] {
        box-sizing: border-box;
        padding: 6px 6px;
    }

    .project-detail-container[b-a8uubkb5m3] {
        width: 100%;
    }

    .project-stage-container[b-a8uubkb5m3] {
        width: 100%;
    }
}

/* Loading state */
.no-project-container[b-a8uubkb5m3] {
    text-align: center;
    padding: 2rem;
    color: #6b7280;
}

/* Print styles */
@media print {
    .project-page-master-container[b-a8uubkb5m3] {
        background-color: white;
        padding: 0;
    }

    .project-banner[b-a8uubkb5m3],
    .project-stage-container[b-a8uubkb5m3] {
        box-shadow: none;
        border: 1px solid #e5e7eb;
    }
}

/* Mobile Styles */
@media (max-width: 767px) {
    .action-item[b-a8uubkb5m3] {
        min-height: 25px;
    }

    .stage-description[b-a8uubkb5m3] {
        font-size: 0.7rem
    }

    .add-permit-container[b-a8uubkb5m3] {
        margin: 0.4rem 0;
    }

    .project-approvals-grid-desktop[b-a8uubkb5m3] {
        display: none;
    }

    .project-approvals-grid-mobile[b-a8uubkb5m3] {
        display: block;
    }

    .project-banner[b-a8uubkb5m3] {
        padding: 0.7rem;
    }

    .project-banner-row:first-child[b-a8uubkb5m3] {
        padding-bottom: 0;
    }

    .desktop-grid-container[b-a8uubkb5m3] {
        display: none;
    }

    .mobile-grid-container[b-a8uubkb5m3] {
        display: block;
    }

    .project-description[b-a8uubkb5m3] {
        margin-bottom: 10px;
    }
}

/* Tablet Styles */
@media (min-width: 768px) and (max-width: 1249px) {
    .project-approvals-grid-desktop[b-a8uubkb5m3] {
        display: none;
    }

    .project-approvals-grid-mobile[b-a8uubkb5m3] {
        display: block;
    }

    .desktop-grid-container[b-a8uubkb5m3] {
        display: none;
    }

    .mobile-grid-container[b-a8uubkb5m3] {
        display: block;
    }
}

/* Desktop Styles */
@media (min-width: 1250px) {
    .project-approvals-grid-desktop[b-a8uubkb5m3] {
        display: block;
    }

    .project-approvals-grid-mobile[b-a8uubkb5m3] {
        display: none;
    }

    .desktop-grid-container[b-a8uubkb5m3] {
        display: block;
    }

    .mobile-grid-container[b-a8uubkb5m3] {
        display: none;
    }
}

.approval-card-row[b-a8uubkb5m3] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 0;
    gap: 5px;
    font-size: 0.7rem;
}

    .approval-card-row:last-child[b-a8uubkb5m3] {
        border-bottom: none;
    }

.approval-label[b-a8uubkb5m3] {
    font-weight: 600;
    color: #333;
}

.approval-value[b-a8uubkb5m3] {
    color: #666;
}

.invoice-card-row[b-a8uubkb5m3] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 0;
    gap: 5px;
    font-size: 0.7rem;
}

    .invoice-card-row:last-child[b-a8uubkb5m3] {
        border-bottom: none;
    }

.invoice-label[b-a8uubkb5m3] {
    font-weight: 600;
    color: #333;
}

.invoice-value[b-a8uubkb5m3] {
    color: #666;
}
/* _content/BluePrincePortal/Pages/Registration/NewPortalUserRegisteration.razor.rz.scp.css */
.register-master-container[b-tz485d405d] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.register-container[b-tz485d405d] {
    height: 100%;
    width: 100%;
}

.submission-container[b-tz485d405d] {
    height: 50%;
    align-content: center;
    text-align: center;
}

.fa-solid.fa-circle-check[b-tz485d405d] {
    color:green;
}

.fa-solid.fa-circle-xmark[b-tz485d405d] {
    color:red;
}

.map[b-tz485d405d] {
    padding-top: 25px;
    width: 100%;
}

.signup-title-container[b-tz485d405d] {
    width: 40%;
    text-align: center;
    margin: 0 auto;
    padding-top: 10px;
}

.title[b-tz485d405d] {
    font-size: xx-large;
    font-weight: bold;
    border-bottom: 1px solid black;
    padding-bottom: 15px;
    text-align: center;
}

.question-master-container[b-tz485d405d] {
    width: 32%;
    margin: auto auto;
    padding-top: 20px;
    padding-bottom: 5%;
}

.question-field-container[b-tz485d405d] {

    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 15px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.question-title[b-tz485d405d] {
    font-weight: bold;
    text-align: center;
}

.question-field[b-tz485d405d] {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.input-fields[b-tz485d405d] {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 15px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    padding: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.submitbtn[b-tz485d405d] {
    text-align: center;
}

[b-tz485d405d] .e-sub-account-info-message {
    border-radius: 15px;
}

[b-tz485d405d] .e-message.e-info .e-msg-icon {
 
    align-self: center;
}

[b-tz485d405d] .e-control.e-btn.e-lib {
}

    [b-tz485d405d] .e-control.e-btn.e-lib.highlighted {
        background-color: #275a98; 
        color: white;
        box-shadow:none;
    }

    [b-tz485d405d] .e-control.e-btn.e-lib.submit-btn :hover {
        background: #f7f7f7;
        color: black;
    }
/* _content/BluePrincePortal/Pages/Settings/AccountSettings.razor.rz.scp.css */

.container[b-0h7xwpwts4] {
    display: flex;
    justify-content: center;
}

.generalsettings-container[b-0h7xwpwts4] {
    display: flex;
    justify-content: center;
}

.settings-container[b-0h7xwpwts4] {
    width: 70em;
}

.generalsettings[b-0h7xwpwts4] {
    width: 50%;
}

.title-section[b-0h7xwpwts4] {
    padding-top: 25px;
    padding-bottom: 10px;
}

.common-title[b-0h7xwpwts4] {
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    height: 30px;
    text-align: center;
    display: flex;
    background-color: #124c8e;
    color: white;
    font-size: 15px;
    align-items: center;
    text-indent: 15px;
}

.common-description[b-0h7xwpwts4] {
}

.description[b-0h7xwpwts4] {
    padding-top: 25px;
    padding-bottom: 25px;
}

.fieldset[b-0h7xwpwts4] {
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    padding-top: 10px;
    padding-bottom: 25px;
    display: table-cell;
    margin-left: 25px;
    font-size: 12px;
}

.update-btn[b-0h7xwpwts4] {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.subaccount-container[b-0h7xwpwts4] {
    display: flex;
    justify-content: center;
    margin-bottom: 1em;
}

.subaccount-list-container[b-0h7xwpwts4] {
    width: 50%;
}
